@surgeui/ds-vue 1.0.5 → 1.1.0

package/README.md

@@ -214,7 +214,6 @@ MIT License - see the [LICENSE](https://github.com/mahmoud-nb/surge.ui/blob/main
 - [Documentation](https://surgeui.com/)
 - [Storybook](https://surgeui.com/storybook/)
 - [GitHub Repository](https://github.com/mahmoud-nb/surge.ui)
-- [npm Package](https://www.npmjs.com/package/@surgeui/ds-vue)
 
 ---
 

package/dist/components/atoms/Avatar.vue.d.ts

@@ -11,8 +11,8 @@ declare const _default: import('vue').DefineComponent<AvatarProps, {
     onClick?: ((event: MouseEvent) => any) | undefined;
     onLoad?: ((event: Event) => any) | undefined;
 }>, {
-    variant: import('../../types').AvatarVariant;
     size: import('../../types').AvatarSize;
+    variant: import('../../types').AvatarVariant;
     loading: boolean;
     clickable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/components/atoms/Badge.vue.d.ts

@@ -11,8 +11,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<BadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
-    variant: import('../../types').BadgeVariant;
     size: import('../../types').Size;
+    variant: import('../../types').BadgeVariant;
     radius: import('../../types').Radius;
     iconDisplay: "left" | "right" | "only";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;

package/dist/components/atoms/Button.vue.d.ts

@@ -19,8 +19,8 @@ declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onKeydown?: ((event: KeyboardEvent) => any) | undefined;
 }>, {
-    variant: import('../../types').ButtonVariant;
     size: import('../../types').ButtonSize;
+    variant: import('../../types').ButtonVariant;
     loading: boolean;
     radius: import('../../types').ButtonRadius;
     iconDisplay: "left" | "right" | "only";

package/dist/components/atoms/FileUpload.vue.d.ts

@@ -25,8 +25,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     onUpload?: ((file: UploadedFile) => any) | undefined;
     onRemove?: ((file: UploadedFile) => any) | undefined;
 }>, {
-    variant: import('../../types').FileUploadVariant;
     size: import('../../types').FileUploadSize;
+    variant: import('../../types').FileUploadVariant;
     loading: boolean;
     disabled: boolean;
     state: import('../../types').FileUploadState;

package/dist/components/atoms/Heading.vue.d.ts

@@ -40,8 +40,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    level: string | number;
     variant: string;
+    level: string | number;
     truncate: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/atoms/Icon.vue.d.ts

@@ -0,0 +1,8 @@
+import { IconProps } from '../../types/index';
+declare const _default: import('vue').DefineComponent<IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IconProps> & Readonly<{}>, {
+    size: number | string;
+    variant: "solid" | "outline";
+    decorative: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=Icon.vue.d.ts.map

package/dist/components/atoms/Icon.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Icon.vue"],"names":[],"mappings":"AAgGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;;;;;;AA4I9C,wBAOG"}

package/dist/components/atoms/Input.vue.d.ts

@@ -48,12 +48,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onSuffix-click"?: ((event: MouseEvent) => any) | undefined;
     "onSuffix-icon-click"?: ((event: MouseEvent) => any) | undefined;
 }>, {
-    type: import('../../types').InputType;
     size: import('../../types').Size;
     disabled: boolean;
     state: import('../../types').State;
     required: boolean;
     readonly: boolean;
+    type: import('../../types').InputType;
     textAlign: import('../../types').TextAlign;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: HTMLInputElement;

package/dist/components/atoms/Link.vue.d.ts

@@ -19,9 +19,9 @@ declare const __VLS_component: import('vue').DefineComponent<LinkProps, {}, {},
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onKeydown?: ((event: KeyboardEvent) => any) | undefined;
 }>, {
-    variant: import('../../types').LinkVariant;
     size: import('../../types').LinkSize;
-    iconDisplay: "left" | "right" | "only";
+    variant: import('../../types').LinkVariant;
+    iconDisplay: "top" | "left" | "right" | "only";
     disabled: boolean;
     underline: import('../../types').LinkUnderline;
     external: boolean;

package/dist/components/atoms/Link.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Link.vue"],"names":[],"mappings":"AAmbA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA0HxC,iBAAS,cAAc;WAqFT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;6EASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Link.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Link.vue"],"names":[],"mappings":"AAwbA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA2HxC,iBAAS,cAAc;WAqFT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;6EASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/atoms/Panel.vue.d.ts

@@ -12,8 +12,8 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<PanelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PanelProps> & Readonly<{}>, {
     variant: "default" | "subtle" | "highlight";
-    tag: "div" | "section" | "article" | "aside" | "header" | "footer";
     radius: import('../../types').Radius;
+    tag: "div" | "section" | "article" | "aside" | "header" | "footer";
     bordered: boolean;
     elevated: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/atoms/Spinner.vue.d.ts

@@ -1,10 +1,10 @@
 import { SpinnerProps } from '../../types';
 declare const _default: import('vue').DefineComponent<SpinnerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SpinnerProps> & Readonly<{}>, {
-    type: "classic" | "dots" | "pulse" | "bars" | "modern";
-    fill: string;
-    label: string;
     size: number | string;
     color: string;
+    label: string;
+    fill: string;
+    type: "classic" | "dots" | "pulse" | "bars" | "modern";
     showLabel: boolean;
     thickness: number;
     speed: number;

package/dist/components/molecules/AccordionItem.vue.d.ts

@@ -32,8 +32,8 @@ declare const __VLS_component: import('vue').DefineComponent<AccordionItemProps,
 }, string, import('vue').PublicProps, Readonly<AccordionItemProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-    level: 1 | 2 | 3 | 4 | 5 | 6;
     disabled: boolean;
+    level: 1 | 2 | 3 | 4 | 5 | 6;
     open: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     headerRef: HTMLButtonElement;

package/dist/components/molecules/AvatarGroup.vue.d.ts

@@ -17,9 +17,9 @@ declare const __VLS_component: import('vue').DefineComponent<AvatarGroupProps, {
 }, string, import('vue').PublicProps, Readonly<AvatarGroupProps> & Readonly<{
     "onAvatar-click"?: ((avatar: any, index: number, event: MouseEvent) => any) | undefined;
 }>, {
-    variant: import('../../types').AvatarVariant;
     max: number;
     size: import('../../types').AvatarSize;
+    variant: import('../../types').AvatarVariant;
     clickable: boolean;
     avatars: import('../../types').AvatarProps[];
     spacing: "none" | "sm" | "md" | "lg";

package/dist/components/molecules/Dropdown.vue.d.ts

@@ -18,8 +18,8 @@ declare const _default: import('vue').DefineComponent<DropdownProps, {
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
 }>, {
-    variant: import('../../types').ButtonVariant;
     size: import('../../types').ButtonSize;
+    variant: import('../../types').ButtonVariant;
     loading: boolean;
     iconDisplay: "left" | "right" | "only";
     disabled: boolean;

package/dist/components/molecules/FileUploadField.vue.d.ts

@@ -27,8 +27,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     onUpload?: ((file: UploadedFile) => any) | undefined;
     onRemove?: ((file: UploadedFile) => any) | undefined;
 }>, {
-    variant: import('../../types').FileUploadVariant;
     size: import('../../types').FileUploadSize;
+    variant: import('../../types').FileUploadVariant;
     loading: boolean;
     disabled: boolean;
     state: import('../../types').FileUploadState;

package/dist/components/molecules/FloatButton.vue.d.ts

@@ -62,8 +62,8 @@ declare function __VLS_template(): {
                 blur: (event: FocusEvent) => any;
                 keydown: (event: KeyboardEvent) => any;
             }, string, {
-                variant: import('../../types').ButtonVariant;
                 size: import('../../types').ButtonSize;
+                variant: import('../../types').ButtonVariant;
                 loading: boolean;
                 radius: import('../../types').ButtonRadius;
                 iconDisplay: "left" | "right" | "only";
@@ -91,8 +91,8 @@ declare function __VLS_template(): {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            variant: import('../../types').ButtonVariant;
             size: import('../../types').ButtonSize;
+            variant: import('../../types').ButtonVariant;
             loading: boolean;
             radius: import('../../types').ButtonRadius;
             iconDisplay: "left" | "right" | "only";
@@ -104,7 +104,7 @@ declare function __VLS_template(): {
             onFocus?: ((event: FocusEvent) => any) | undefined;
             onBlur?: ((event: FocusEvent) => any) | undefined;
             onKeydown?: ((event: KeyboardEvent) => any) | undefined;
-        }>, "variant" | "size" | "loading" | "radius" | "iconDisplay" | "disabled" | "block" | "tabIndex"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "size" | "variant" | "loading" | "radius" | "iconDisplay" | "disabled" | "block" | "tabIndex"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
             };
@@ -122,7 +122,7 @@ declare function __VLS_template(): {
                 readonly underline?: import('../../types').LinkUnderline | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly icon?: import('vue').Component | undefined;
-                readonly iconDisplay?: "left" | "right" | "only" | undefined;
+                readonly iconDisplay?: "top" | "left" | "right" | "only" | undefined;
                 readonly external?: boolean | undefined;
                 readonly ariaLabel?: string | undefined;
                 readonly ariaLabelledBy?: string | undefined;
@@ -163,9 +163,9 @@ declare function __VLS_template(): {
                 blur: (event: FocusEvent) => any;
                 keydown: (event: KeyboardEvent) => any;
             }, string, {
-                variant: import('../../types').LinkVariant;
                 size: import('../../types').LinkSize;
-                iconDisplay: "left" | "right" | "only";
+                variant: import('../../types').LinkVariant;
+                iconDisplay: "top" | "left" | "right" | "only";
                 disabled: boolean;
                 underline: import('../../types').LinkUnderline;
                 external: boolean;
@@ -191,9 +191,9 @@ declare function __VLS_template(): {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            variant: import('../../types').LinkVariant;
             size: import('../../types').LinkSize;
-            iconDisplay: "left" | "right" | "only";
+            variant: import('../../types').LinkVariant;
+            iconDisplay: "top" | "left" | "right" | "only";
             disabled: boolean;
             underline: import('../../types').LinkUnderline;
             external: boolean;
@@ -203,7 +203,7 @@ declare function __VLS_template(): {
             onFocus?: ((event: FocusEvent) => any) | undefined;
             onBlur?: ((event: FocusEvent) => any) | undefined;
             onKeydown?: ((event: KeyboardEvent) => any) | undefined;
-        }>, "variant" | "size" | "iconDisplay" | "disabled" | "underline" | "external" | "tabIndex"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "size" | "variant" | "iconDisplay" | "disabled" | "underline" | "external" | "tabIndex"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
             };
@@ -224,8 +224,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
     onFocus?: ((event: FocusEvent) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
 }>, {
-    variant: import('../../types').ButtonVariant;
     size: import('../../types').FloatButtonSize;
+    variant: import('../../types').ButtonVariant;
     loading: boolean;
     disabled: boolean;
     position: import('../../types').FloatButtonPosition;
@@ -288,8 +288,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
             blur: (event: FocusEvent) => any;
             keydown: (event: KeyboardEvent) => any;
         }, string, {
-            variant: import('../../types').ButtonVariant;
             size: import('../../types').ButtonSize;
+            variant: import('../../types').ButtonVariant;
             loading: boolean;
             radius: import('../../types').ButtonRadius;
             iconDisplay: "left" | "right" | "only";
@@ -317,8 +317,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        variant: import('../../types').ButtonVariant;
         size: import('../../types').ButtonSize;
+        variant: import('../../types').ButtonVariant;
         loading: boolean;
         radius: import('../../types').ButtonRadius;
         iconDisplay: "left" | "right" | "only";
@@ -330,7 +330,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
         onFocus?: ((event: FocusEvent) => any) | undefined;
         onBlur?: ((event: FocusEvent) => any) | undefined;
         onKeydown?: ((event: KeyboardEvent) => any) | undefined;
-    }>, "variant" | "size" | "loading" | "radius" | "iconDisplay" | "disabled" | "block" | "tabIndex"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>, "size" | "variant" | "loading" | "radius" | "iconDisplay" | "disabled" | "block" | "tabIndex"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
         };
@@ -348,7 +348,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
             readonly underline?: import('../../types').LinkUnderline | undefined;
             readonly disabled?: boolean | undefined;
             readonly icon?: import('vue').Component | undefined;
-            readonly iconDisplay?: "left" | "right" | "only" | undefined;
+            readonly iconDisplay?: "top" | "left" | "right" | "only" | undefined;
             readonly external?: boolean | undefined;
             readonly ariaLabel?: string | undefined;
             readonly ariaLabelledBy?: string | undefined;
@@ -389,9 +389,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
             blur: (event: FocusEvent) => any;
             keydown: (event: KeyboardEvent) => any;
         }, string, {
-            variant: import('../../types').LinkVariant;
             size: import('../../types').LinkSize;
-            iconDisplay: "left" | "right" | "only";
+            variant: import('../../types').LinkVariant;
+            iconDisplay: "top" | "left" | "right" | "only";
             disabled: boolean;
             underline: import('../../types').LinkUnderline;
             external: boolean;
@@ -417,9 +417,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        variant: import('../../types').LinkVariant;
         size: import('../../types').LinkSize;
-        iconDisplay: "left" | "right" | "only";
+        variant: import('../../types').LinkVariant;
+        iconDisplay: "top" | "left" | "right" | "only";
         disabled: boolean;
         underline: import('../../types').LinkUnderline;
         external: boolean;
@@ -429,7 +429,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
         onFocus?: ((event: FocusEvent) => any) | undefined;
         onBlur?: ((event: FocusEvent) => any) | undefined;
         onKeydown?: ((event: KeyboardEvent) => any) | undefined;
-    }>, "variant" | "size" | "iconDisplay" | "disabled" | "underline" | "external" | "tabIndex"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>, "size" | "variant" | "iconDisplay" | "disabled" | "underline" | "external" | "tabIndex"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
         };

package/dist/components/molecules/InputField.vue.d.ts

@@ -32,12 +32,12 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     "onSuffix-click"?: ((event: MouseEvent) => any) | undefined;
     "onSuffix-icon-click"?: ((event: MouseEvent) => any) | undefined;
 }>, {
-    type: import('../../types').InputType;
     size: import('../../types').Size;
     disabled: boolean;
     state: import('../../types').State;
     required: boolean;
     readonly: boolean;
+    type: import('../../types').InputType;
     textAlign: import('../../types').TextAlign;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: ({
@@ -132,12 +132,12 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
             "suffix-click": (event: MouseEvent) => any;
             "suffix-icon-click": (event: MouseEvent) => any;
         }, string, {
-            type: import('../../types').InputType;
             size: import('../../types').Size;
             disabled: boolean;
             state: import('../../types').State;
             required: boolean;
             readonly: boolean;
+            type: import('../../types').InputType;
             textAlign: import('../../types').TextAlign;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -160,12 +160,12 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        type: import('../../types').InputType;
         size: import('../../types').Size;
         disabled: boolean;
         state: import('../../types').State;
         required: boolean;
         readonly: boolean;
+        type: import('../../types').InputType;
         textAlign: import('../../types').TextAlign;
     }> & Omit<Readonly<{
         modelValue?: string | number;
@@ -181,7 +181,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         "onPrefix-icon-click"?: ((event: MouseEvent) => any) | undefined;
         "onSuffix-click"?: ((event: MouseEvent) => any) | undefined;
         "onSuffix-icon-click"?: ((event: MouseEvent) => any) | undefined;
-    }>, "select" | "focus" | "inputRef" | ("type" | "size" | "disabled" | "state" | "required" | "readonly" | "textAlign")> & import('vue').ShallowUnwrapRef<{
+    }>, "select" | "focus" | "inputRef" | ("size" | "disabled" | "state" | "required" | "readonly" | "type" | "textAlign")> & import('vue').ShallowUnwrapRef<{
         focus: () => void | undefined;
         select: () => void | undefined;
         inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;

package/dist/components/organisms/Accordion.vue.d.ts

@@ -17,11 +17,11 @@ declare const __VLS_component: import('vue').DefineComponent<AccordionProps, {},
     "onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
     "onItem-toggle"?: ((item: AccordionItemData) => any) | undefined;
 }>, {
-    level: 1 | 2 | 3 | 4 | 5 | 6;
     multiple: boolean;
     gap: "sm" | "md" | "lg" | "none";
     items: AccordionItemData[];
     modelValue: (string | number)[];
+    level: 1 | 2 | 3 | 4 | 5 | 6;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     accordionRef: HTMLDivElement;
 }, HTMLDivElement>;

package/dist/components/organisms/Alert.vue.d.ts

@@ -17,8 +17,8 @@ declare const __VLS_component: import('vue').DefineComponent<AlertProps, {
 }, string, import('vue').PublicProps, Readonly<AlertProps> & Readonly<{
     onDismiss?: (() => any) | undefined;
 }>, {
-    type: "success" | "warning" | "error" | "info" | "neutral";
     size: "sm" | "md" | "lg";
+    type: "success" | "warning" | "error" | "info" | "neutral";
     dismissible: boolean;
     dismissLabel: string;
     ariaLive: "assertive" | "polite" | "off";

package/dist/composables/useTheme.d.ts

@@ -1,3 +1,20 @@
 import { SurgeuiTheme } from '../plugin/theme';
-export declare function useTheme(): SurgeuiTheme;
+import { ThemeMode, ContrastMode, MotionMode, TextDirection } from '../types/theme';
+export declare function useTheme(): {
+    theme: SurgeuiTheme;
+    themeMode: import('vue').Ref<ThemeMode, ThemeMode>;
+    contrastMode: import('vue').Ref<ContrastMode, ContrastMode>;
+    motionMode: import('vue').Ref<MotionMode, MotionMode>;
+    textDirection: import('vue').Ref<TextDirection, TextDirection>;
+    systemTheme: import('vue').ComputedRef<"light" | "dark">;
+    effectiveTheme: import('vue').ComputedRef<"dark" | "light">;
+    systemContrast: import('vue').ComputedRef<"normal" | "high">;
+    systemMotion: import('vue').ComputedRef<"normal" | "reduce">;
+    setTheme: (mode: ThemeMode) => void;
+    setContrast: (mode: ContrastMode) => void;
+    setMotion: (mode: MotionMode) => void;
+    setDirection: (direction: TextDirection) => void;
+    toggleTheme: () => void;
+    reset: () => void;
+};
 //# sourceMappingURL=useTheme.d.ts.map

package/dist/composables/useTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/composables/useTheme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,wBAAgB,QAAQ,iBAGvB"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/composables/useTheme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAe,aAAa,EAAE,MAAM,eAAe,CAAA;AASpG,wBAAgB,QAAQ;;;;;;;;;;qBA0EE,SAAS;wBAKN,YAAY;sBAKd,UAAU;8BAKF,aAAa;;;EAmE/C"}