@nation-a/ui 0.16.28 → 0.17.0

package/dist/types/components/BottomSheet/BottomSheet.stories.d.ts

@@ -1,8 +1,326 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { default as BottomSheet, BottomSheetProps } from '.';
-declare const meta: Meta<typeof BottomSheet>;
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: {
+        ({ ref, children, snapPercent, maxSnapPoint, fullHeight, className, rounded, onClose, ...props }: import('.').BottomSheetProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+        Header: {
+            ({ children, className, ref, ...props }: import('./bottomsheet.recipe').BottomSheetVariantProps & {
+                children: import('react').ReactNode;
+                className?: string;
+                ref?: React.Ref<HTMLDivElement>;
+            }): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        Content: {
+            ({ className, children, css: cssProp, ref, ...props }: Omit<import('motion/react').MotionProps & {
+                className?: string;
+            }, "onDrag" | "onDragEnd" | "onDragStart" | "drag" | "dragConstraints" | "dragElastic" | "dragMomentum"> & {
+                children?: import('react').ReactNode;
+                disableDrag?: boolean;
+            } & import('react').RefAttributes<any> & {
+                ref?: import('react').Ref<HTMLDivElement> | undefined;
+                key?: import('react').Key | null | undefined;
+                defaultChecked?: boolean | undefined | undefined;
+                defaultValue?: string | number | readonly string[] | undefined;
+                suppressContentEditableWarning?: boolean | undefined | undefined;
+                suppressHydrationWarning?: boolean | undefined | undefined;
+                accessKey?: string | undefined | undefined;
+                autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+                autoFocus?: boolean | undefined | undefined;
+                className?: string | undefined | undefined;
+                contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+                contextMenu?: string | undefined | undefined;
+                dir?: string | undefined | undefined;
+                draggable?: (boolean | "true" | "false") | undefined;
+                enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+                hidden?: boolean | undefined | undefined;
+                id?: string | undefined | undefined;
+                lang?: string | undefined | undefined;
+                nonce?: string | undefined | undefined;
+                slot?: string | undefined | undefined;
+                spellCheck?: (boolean | "true" | "false") | undefined;
+                style?: import('react').CSSProperties | undefined;
+                tabIndex?: number | undefined | undefined;
+                title?: string | undefined | undefined;
+                translate?: "yes" | "no" | undefined | undefined;
+                radioGroup?: string | undefined | undefined;
+                role?: import('react').AriaRole | undefined;
+                about?: string | undefined | undefined;
+                content?: string | undefined | undefined;
+                datatype?: string | undefined | undefined;
+                inlist?: any;
+                prefix?: string | undefined | undefined;
+                property?: string | undefined | undefined;
+                rel?: string | undefined | undefined;
+                resource?: string | undefined | undefined;
+                rev?: string | undefined | undefined;
+                typeof?: string | undefined | undefined;
+                vocab?: string | undefined | undefined;
+                autoCorrect?: string | undefined | undefined;
+                autoSave?: string | undefined | undefined;
+                color?: string | undefined | undefined;
+                itemProp?: string | undefined | undefined;
+                itemScope?: boolean | undefined | undefined;
+                itemType?: string | undefined | undefined;
+                itemID?: string | undefined | undefined;
+                itemRef?: string | undefined | undefined;
+                results?: number | undefined | undefined;
+                security?: string | undefined | undefined;
+                unselectable?: "on" | "off" | undefined | undefined;
+                popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+                popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+                popoverTarget?: string | undefined | undefined;
+                inert?: boolean | undefined | undefined;
+                inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+                is?: string | undefined | undefined;
+                exportparts?: string | undefined | undefined;
+                part?: string | undefined | undefined;
+                "aria-activedescendant"?: string | undefined | undefined;
+                "aria-atomic"?: (boolean | "true" | "false") | undefined;
+                "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+                "aria-braillelabel"?: string | undefined | undefined;
+                "aria-brailleroledescription"?: string | undefined | undefined;
+                "aria-busy"?: (boolean | "true" | "false") | undefined;
+                "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+                "aria-colcount"?: number | undefined | undefined;
+                "aria-colindex"?: number | undefined | undefined;
+                "aria-colindextext"?: string | undefined | undefined;
+                "aria-colspan"?: number | undefined | undefined;
+                "aria-controls"?: string | undefined | undefined;
+                "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+                "aria-describedby"?: string | undefined | undefined;
+                "aria-description"?: string | undefined | undefined;
+                "aria-details"?: string | undefined | undefined;
+                "aria-disabled"?: (boolean | "true" | "false") | undefined;
+                "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+                "aria-errormessage"?: string | undefined | undefined;
+                "aria-expanded"?: (boolean | "true" | "false") | undefined;
+                "aria-flowto"?: string | undefined | undefined;
+                "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+                "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+                "aria-hidden"?: (boolean | "true" | "false") | undefined;
+                "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+                "aria-keyshortcuts"?: string | undefined | undefined;
+                "aria-label"?: string | undefined | undefined;
+                "aria-labelledby"?: string | undefined | undefined;
+                "aria-level"?: number | undefined | undefined;
+                "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+                "aria-modal"?: (boolean | "true" | "false") | undefined;
+                "aria-multiline"?: (boolean | "true" | "false") | undefined;
+                "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+                "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+                "aria-owns"?: string | undefined | undefined;
+                "aria-placeholder"?: string | undefined | undefined;
+                "aria-posinset"?: number | undefined | undefined;
+                "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+                "aria-readonly"?: (boolean | "true" | "false") | undefined;
+                "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+                "aria-required"?: (boolean | "true" | "false") | undefined;
+                "aria-roledescription"?: string | undefined | undefined;
+                "aria-rowcount"?: number | undefined | undefined;
+                "aria-rowindex"?: number | undefined | undefined;
+                "aria-rowindextext"?: string | undefined | undefined;
+                "aria-rowspan"?: number | undefined | undefined;
+                "aria-selected"?: (boolean | "true" | "false") | undefined;
+                "aria-setsize"?: number | undefined | undefined;
+                "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+                "aria-valuemax"?: number | undefined | undefined;
+                "aria-valuemin"?: number | undefined | undefined;
+                "aria-valuenow"?: number | undefined | undefined;
+                "aria-valuetext"?: string | undefined | undefined;
+                children?: import('react').ReactNode;
+                dangerouslySetInnerHTML?: {
+                    __html: string | TrustedHTML;
+                } | undefined | undefined;
+                onCopy?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
+                onCopyCapture?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
+                onCut?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
+                onCutCapture?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
+                onPaste?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
+                onPasteCapture?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
+                onCompositionEnd?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
+                onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
+                onCompositionStart?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
+                onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
+                onCompositionUpdate?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
+                onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
+                onFocus?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
+                onFocusCapture?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
+                onBlur?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
+                onBlurCapture?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
+                onChange?: import('react').FormEventHandler<HTMLDivElement> | undefined;
+                onChangeCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
+                onBeforeInput?: import('react').InputEventHandler<HTMLDivElement> | undefined;
+                onBeforeInputCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
+                onInput?: import('react').FormEventHandler<HTMLDivElement> | undefined;
+                onInputCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
+                onReset?: import('react').FormEventHandler<HTMLDivElement> | undefined;
+                onResetCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
+                onSubmit?: import('react').FormEventHandler<HTMLDivElement> | undefined;
+                onSubmitCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
+                onInvalid?: import('react').FormEventHandler<HTMLDivElement> | undefined;
+                onInvalidCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
+                onLoad?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onLoadCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onError?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onErrorCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onKeyDown?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
+                onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
+                onKeyPress?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
+                onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
+                onKeyUp?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
+                onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
+                onAbort?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onAbortCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onCanPlay?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onCanPlayCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onCanPlayThrough?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onDurationChange?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onDurationChangeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onEmptied?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onEmptiedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onEncrypted?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onEncryptedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onEnded?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onEndedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onLoadedData?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onLoadedDataCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onLoadedMetadata?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onLoadStart?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onLoadStartCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onPause?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onPauseCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onPlay?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onPlayCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onPlaying?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onPlayingCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onProgress?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onProgressCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onRateChange?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onRateChangeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onSeeked?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onSeekedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onSeeking?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onSeekingCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onStalled?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onStalledCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onSuspend?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onSuspendCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onTimeUpdate?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onVolumeChange?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onWaiting?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onWaitingCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onAuxClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+                onAuxClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+                onClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+                onClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+                onContextMenu?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+                onContextMenuCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+                onDoubleClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+                onDoubleClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+                onDrag?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+                onDragCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+                onDragEnd?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+                onDragEndCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+                onDragEnter?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+                onDragEnterCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+                onDragExit?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+                onDragExitCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+                onDragLeave?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+                onDragLeaveCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+                onDragOver?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+                onDragOverCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+                onDragStart?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+                onDragStartCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+                onDrop?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+                onDropCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+                onMouseDown?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+                onMouseDownCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+                onMouseEnter?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+                onMouseLeave?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+                onMouseMove?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+                onMouseMoveCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+                onMouseOut?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+                onMouseOutCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+                onMouseOver?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+                onMouseOverCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+                onMouseUp?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+                onMouseUpCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+                onSelect?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onSelectCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+                onTouchCancel?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+                onTouchCancelCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+                onTouchEnd?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+                onTouchEndCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+                onTouchMove?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+                onTouchMoveCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+                onTouchStart?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+                onTouchStartCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+                onPointerDown?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+                onPointerDownCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+                onPointerMove?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+                onPointerMoveCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+                onPointerUp?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+                onPointerUpCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+                onPointerCancel?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+                onPointerCancelCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+                onPointerEnter?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+                onPointerLeave?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+                onPointerOver?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+                onPointerOverCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+                onPointerOut?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+                onPointerOutCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+                onGotPointerCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+                onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+                onLostPointerCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+                onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+                onScroll?: import('react').UIEventHandler<HTMLDivElement> | undefined;
+                onScrollCapture?: import('react').UIEventHandler<HTMLDivElement> | undefined;
+                onScrollEnd?: import('react').UIEventHandler<HTMLDivElement> | undefined;
+                onScrollEndCapture?: import('react').UIEventHandler<HTMLDivElement> | undefined;
+                onWheel?: import('react').WheelEventHandler<HTMLDivElement> | undefined;
+                onWheelCapture?: import('react').WheelEventHandler<HTMLDivElement> | undefined;
+                onAnimationStart?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
+                onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
+                onAnimationEnd?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
+                onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
+                onAnimationIteration?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
+                onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
+                onToggle?: import('react').ToggleEventHandler<HTMLDivElement> | undefined;
+                onBeforeToggle?: import('react').ToggleEventHandler<HTMLDivElement> | undefined;
+                onTransitionCancel?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+                onTransitionCancelCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+                onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+                onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+                onTransitionRun?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+                onTransitionRunCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+                onTransitionStart?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+                onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+                unstyled?: boolean | undefined | undefined;
+                as?: import('react').ElementType | undefined;
+            } & import('../../../styled-system/types').WithCss & {
+                ref?: React.Ref<any>;
+            }): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        Backdrop: any;
+        Handle: () => import("react/jsx-runtime").JSX.Element;
+        Scroller: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+            draggableAt?: "top" | "bottom" | "both";
+        } & import('react').RefAttributes<any>>;
+    };
+    parameters: {
+        layout: string;
+    };
+    argTypes: {};
+};
 export default meta;
-type Story = StoryObj<BottomSheetProps>;
+type Story = StoryObj<typeof meta>;
 export declare const Basic: Story;
 export declare const WithoutHandle: Story;
 export declare const CustomRounded: Story;

package/dist/types/components/BottomSheet/index.d.ts

@@ -28,26 +28,28 @@ export type BottomSheetProps = Omit<ComponentProps<typeof Sheet>, 'children'> &
      */
     onClose?: () => void;
 };
-interface BottomSheetComponent extends React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>> {
-    Header: typeof Header;
-    Content: typeof Content;
-    Backdrop: typeof Backdrop;
-    Handle: typeof Handle;
-    Scroller: typeof Sheet.Scroller;
-}
-declare const BottomSheet: BottomSheetComponent;
-declare const Header: import('react').ForwardRefExoticComponent<{
-    fullHeight?: boolean | undefined;
-} & {
-    children: ReactNode;
-    className?: string;
-} & import('react').RefAttributes<HTMLDivElement>>;
-type ContentProps = ComponentProps<typeof Sheet.Content> & HTMLStyledProps<'div'>;
-declare const Content: import('react').ForwardRefExoticComponent<Omit<ContentProps, "ref"> & import('react').RefAttributes<HTMLStyledProps<"div">>>;
-type BackdropProps = ComponentProps<typeof Sheet.Backdrop> & {
-    opacity?: number;
-    disableCloseOnTap?: boolean;
+declare const BottomSheet: {
+    ({ ref, children, snapPercent, maxSnapPoint, fullHeight, className, rounded, onClose, ...props }: BottomSheetProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+    Header: {
+        ({ children, className, ref, ...props }: BottomSheetVariantProps & {
+            children: ReactNode;
+            className?: string;
+            ref?: React.Ref<HTMLDivElement>;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ className, children, css: cssProp, ref, ...props }: ContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Backdrop: any;
+    Handle: () => import("react/jsx-runtime").JSX.Element;
+    Scroller: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+        draggableAt?: "top" | "bottom" | "both";
+    } & import('react').RefAttributes<any>>;
+};
+type ContentProps = ComponentProps<typeof Sheet.Content> & HTMLStyledProps<'div'> & {
+    ref?: React.Ref<any>;
 };
-declare const Backdrop: import('react').ForwardRefExoticComponent<Omit<BackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const Handle: () => import("react/jsx-runtime").JSX.Element;
 export default BottomSheet;

package/dist/types/components/BottomSheet/react-modal-sheet/SheetBackdrop.d.ts

@@ -1,2 +1,7 @@
 import { SheetBackdropProps } from './types';
-export declare const SheetBackdrop: import('react').ForwardRefExoticComponent<SheetBackdropProps & import('react').RefAttributes<any>>;
+export declare const SheetBackdrop: {
+    ({ style, className, ref, ...rest }: SheetBackdropProps & {
+        ref?: React.Ref<any>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/BottomSheet/react-modal-sheet/SheetContainer.d.ts

@@ -1,5 +1,7 @@
-export declare const SheetContainer: import('react').ForwardRefExoticComponent<Omit<import('motion/react').MotionProps & {
-    className?: string;
-}, "animate" | "initial" | "exit" | "onAnimationComplete"> & {
-    children: import('react').ReactNode;
-} & import('react').RefAttributes<any>>;
+import { SheetContainerProps } from './types';
+export declare const SheetContainer: {
+    ({ children, style, className, ref, ...rest }: SheetContainerProps & {
+        ref?: React.Ref<HTMLDivElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/BottomSheet/react-modal-sheet/SheetContent.d.ts

@@ -1,6 +1,7 @@
-export declare const SheetContent: import('react').ForwardRefExoticComponent<Omit<import('motion/react').MotionProps & {
-    className?: string;
-}, "onDrag" | "onDragEnd" | "onDragStart" | "drag" | "dragConstraints" | "dragElastic" | "dragMomentum"> & {
-    children?: import('react').ReactNode;
-    disableDrag?: boolean;
-} & import('react').RefAttributes<any>>;
+import { SheetDraggableProps } from './types';
+export declare const SheetContent: {
+    ({ children, style, disableDrag, className, ref, ...rest }: SheetDraggableProps & {
+        ref?: React.Ref<HTMLDivElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/BottomSheet/react-modal-sheet/SheetHeader.d.ts

@@ -1,6 +1,7 @@
-export declare const SheetHeader: import('react').ForwardRefExoticComponent<Omit<import('motion/react').MotionProps & {
-    className?: string;
-}, "onDrag" | "onDragEnd" | "onDragStart" | "drag" | "dragConstraints" | "dragElastic" | "dragMomentum"> & {
-    children?: import('react').ReactNode;
-    disableDrag?: boolean;
-} & import('react').RefAttributes<any>>;
+import { SheetDraggableProps } from './types';
+export declare const SheetHeader: {
+    ({ children, style, disableDrag, ref, ...rest }: SheetDraggableProps & {
+        ref?: React.Ref<HTMLDivElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/BottomSheet/react-modal-sheet/SheetScroller.d.ts

@@ -1,3 +1,7 @@
-export declare const SheetScroller: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
-    draggableAt?: "top" | "bottom" | "both";
-} & import('react').RefAttributes<any>>;
+import { SheetScrollerProps } from './types';
+export declare const SheetScroller: {
+    ({ draggableAt, children, style, className, ref, ...rest }: SheetScrollerProps & {
+        ref?: React.Ref<HTMLDivElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/BottomSheet/react-modal-sheet/constants.d.ts

@@ -1,12 +1,7 @@
+import { SheetTweenConfig } from './types';
 export declare const MAX_HEIGHT = "calc(100% - env(safe-area-inset-top))";
 export declare const IS_SSR: boolean;
-export declare const DEFAULT_TWEEN_CONFIG: {
-    ease: string;
-    duration: number;
-};
-export declare const REDUCED_MOTION_TWEEN_CONFIG: {
-    ease: string;
-    duration: number;
-};
+export declare const DEFAULT_TWEEN_CONFIG: SheetTweenConfig;
+export declare const REDUCED_MOTION_TWEEN_CONFIG: SheetTweenConfig;
 export declare const DEFAULT_DRAG_CLOSE_THRESHOLD = 0.6;
 export declare const DEFAULT_DRAG_VELOCITY_THRESHOLD = 500;

package/dist/types/components/BottomSheet/react-modal-sheet/hooks.d.ts

@@ -17,6 +17,6 @@ export declare function useDimensions(): {
 export declare function usePrevious<T>(state: T): T | undefined;
 export declare function useEffectEvent<T extends (...args: any[]) => any>(handler: T): T;
 export declare function useDragConstraints(): {
-    constraintsRef: import('react').MutableRefObject<any>;
+    constraintsRef: RefObject<any>;
     onMeasureDragConstraints: () => BoundingBox;
 };

package/dist/types/components/BottomSheet/react-modal-sheet/index.d.ts

@@ -7,4 +7,4 @@ export interface SheetRef {
 export declare const Sheet: SheetCompound;
 export type SheetHeaderProps = SheetDraggableProps;
 export type SheetContentProps = SheetDraggableProps;
-export type { SheetProps, SheetBackdropProps, SheetScrollerProps, SheetContainerProps, } from './types';
+export type { SheetProps, SheetBackdropProps, SheetScrollerProps, SheetContainerProps } from './types';

package/dist/types/components/BottomSheet/react-modal-sheet/sheet.d.ts

@@ -1,16 +1,7 @@
-export declare const Sheet: import('react').ForwardRefExoticComponent<{
-    isOpen: boolean;
-    children: import('react').ReactNode;
-    onClose: () => void;
-    rootId?: string;
-    mountPoint?: Element;
-    snapPoints?: number[];
-    detent?: import('./types').SheetDetent;
-    initialSnap?: number;
-    tweenConfig?: import('./types').SheetTweenConfig;
-    disableDrag?: boolean;
-    disableScrollLocking?: boolean;
-    prefersReducedMotion?: boolean;
-    dragVelocityThreshold?: number;
-    dragCloseThreshold?: number;
-} & import('./types').SheetEvents & Omit<Omit<import('motion/react').HTMLMotionProps<"div">, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<any>>;
+import { SheetProps } from './types';
+export declare const Sheet: {
+    ({ onOpenStart, onOpenEnd, onClose, onCloseStart, onCloseEnd, onSnap, children, disableScrollLocking, isOpen, snapPoints: snapPointsProp, rootId, mountPoint, style, detent, initialSnap, disableDrag, prefersReducedMotion, tweenConfig, dragVelocityThreshold, dragCloseThreshold, ref, ...rest }: SheetProps & {
+        ref?: React.Ref<any>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/BottomSheet/react-modal-sheet/types.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ForwardRefExoticComponent, HTMLAttributes, MutableRefObject, ReactNode, RefAttributes } from 'react';
-import { DragHandlers, MotionValue, MotionProps, motion, EasingDefinition, Transition } from 'motion/react';
+import { ForwardRefExoticComponent, HTMLAttributes, MutableRefObject, ReactNode, RefAttributes, ComponentPropsWithoutRef } from 'react';
+import { MotionValue, MotionProps, motion, EasingDefinition, Transition } from 'motion/react';
 export interface SheetEvents {
     onOpenStart?: () => void;
     onOpenEnd?: () => void;
@@ -47,9 +47,9 @@ export interface SheetDragProps {
     dragElastic: number;
     dragMomentum: boolean;
     dragPropagation: boolean;
-    onDrag: DragHandlers['onDrag'];
-    onDragStart: DragHandlers['onDragStart'];
-    onDragEnd: DragHandlers['onDragEnd'];
+    onDrag: MotionProps['onDrag'];
+    onDragStart: MotionProps['onDragStart'];
+    onDragEnd: MotionProps['onDragEnd'];
 }
 export interface SheetContextType {
     y: MotionValue<any>;

package/dist/types/components/Button/Button.stories.d.ts

@@ -1,6 +1,13 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { default as Button } from './index';
-declare const meta: Meta<typeof Button>;
+import { StoryObj } from '@storybook/react-vite';
+import { ButtonProps } from './index';
+declare const meta: {
+    title: string;
+    component: ({ loading, disabled, loadingText, children, color, variant, size, radius, onClick, preserveIconSize, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const DefaultButton: Story;