chore(Stack): update to 5.0.0

Author: benjitrosch

src/Modal/Modal.tsx

@@ -12,7 +12,7 @@ import ModalLegacy from './ModalLegacy'
 export type ModalProps = React.DialogHTMLAttributes<HTMLDialogElement> &
   IComponentBaseProps & {
     open?: boolean
-    position?: Exclude<ComponentPosition, 'left' | 'right'> | 'start' | 'end'
+    position?: Exclude<ComponentPosition, 'left' | 'right'>
     responsive?: boolean
     backdrop?: boolean
     ariaHidden?: boolean

src/Stack/Stack.tsx

@@ -1,14 +1,29 @@
 import React, { forwardRef } from 'react'
+import clsx from 'clsx'
 import { twMerge } from 'tailwind-merge'
 
-import { IComponentBaseProps } from '../types'
+import { IComponentBaseProps, ComponentPosition } from '../types'
 
 export type StackProps = React.HTMLAttributes<HTMLDivElement> &
-  IComponentBaseProps
+  IComponentBaseProps & {
+    position?: Exclude<ComponentPosition, 'left' | 'right' | 'middle'>
+  }
 
 const Stack = forwardRef<HTMLDivElement, StackProps>(
-  ({ dataTheme, className, children, ...props }, ref): JSX.Element => {
-    const classes = twMerge('stack', className)
+  (
+    { position = 'bottom', dataTheme, className, children, ...props },
+    ref
+  ): JSX.Element => {
+    const classes = twMerge(
+      'stack',
+      className,
+      clsx({
+        'stack-end': position === 'end',
+        'stack-start': position === 'start',
+        'stack-top': position === 'top',
+        'stack-bottom': position === 'bottom',
+      })
+    )
 
     return (
       <div

src/constants.ts

@@ -1,5 +1,5 @@
 export const componentLayouts = ['vertical', 'horizontal'] as const
-export const componentPositions = ['top', 'bottom', 'left', 'right'] as const
+export const componentPositions = ['top', 'bottom', 'left', 'right', 'start', 'end'] as const
 export const componentShapes = ['circle', 'square'] as const
 export const componentSizes = ['xl', 'lg', 'md', 'sm', 'xs'] as const
 export const componentStatuses = [