cisse-vue-ui 0.10.1 → 1.0.0

package/dist/components/core/MenuItem.vue.d.ts

@@ -9,6 +9,14 @@ type __VLS_Props = {
     currentPath?: string;
     /** Nesting depth level (used internally for indentation) */
     depth?: number;
+    /** Custom class for the label element (overrides menuItem.labelClass) */
+    labelClass?: string;
+    /** Custom class for the icon element (overrides menuItem.iconClass) */
+    iconClass?: string;
+    /** Custom class for the menu item wrapper/link (overrides menuItem.itemClass) */
+    itemClass?: string;
+    /** Custom class applied when item is active (overrides menuItem.activeClass) */
+    activeClass?: string;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -32,10 +40,14 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    iconClass: string;
     expanded: boolean;
     active: boolean;
     currentPath: string;
     depth: number;
+    labelClass: string;
+    itemClass: string;
+    activeClass: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     triggerRef: unknown;
     flyoutRef: HTMLDivElement;

package/dist/components/core/datalist/DataList.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { DataList } from './index';
+declare const meta: Meta<typeof DataList>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithSlots: Story;
+export declare const Striped: Story;
+export declare const Bordered: Story;
+export declare const AllSizes: Story;
+export declare const AllVariants: Story;
+export declare const InCard: Story;

package/dist/components/core/datalist/DataList.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/core/datalist/DataList.vue.d.ts

@@ -0,0 +1,39 @@
+export interface DataListItemData {
+    /** Label text */
+    label: string;
+    /** Value text */
+    value: string;
+}
+export type DataListSize = 'sm' | 'md' | 'lg';
+export type DataListVariant = 'default' | 'striped' | 'bordered';
+type __VLS_Props = {
+    /** Array of items to render (alternative to using slots) */
+    items?: DataListItemData[];
+    /** Size variant */
+    size?: DataListSize;
+    /** Visual variant */
+    variant?: DataListVariant;
+    /** Custom class */
+    class?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDListElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: DataListVariant;
+    size: DataListSize;
+    items: DataListItemData[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDListElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/core/datalist/DataListItem.vue.d.ts

@@ -0,0 +1,33 @@
+export type DataListItemSize = 'sm' | 'md' | 'lg';
+type __VLS_Props = {
+    /** Label text */
+    label?: string;
+    /** Value text */
+    value?: string;
+    /** Size variant */
+    size?: DataListItemSize;
+    /** Apply striped background */
+    striped?: boolean;
+    /** Custom class */
+    class?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    striped: boolean;
+    size: DataListItemSize;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/core/datalist/DataListLabel.vue.d.ts

@@ -0,0 +1,26 @@
+export type DataListLabelSize = 'sm' | 'md' | 'lg';
+type __VLS_Props = {
+    /** Size variant */
+    size?: DataListLabelSize;
+    /** Custom class */
+    class?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: DataListLabelSize;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/core/datalist/DataListValue.vue.d.ts

@@ -0,0 +1,26 @@
+export type DataListValueSize = 'sm' | 'md' | 'lg';
+type __VLS_Props = {
+    /** Size variant */
+    size?: DataListValueSize;
+    /** Custom class */
+    class?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: DataListValueSize;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/core/datalist/index.d.ts

@@ -0,0 +1,5 @@
+export { default as DataList } from './DataList.vue';
+export { default as DataListItem } from './DataListItem.vue';
+export { default as DataListLabel } from './DataListLabel.vue';
+export { default as DataListValue } from './DataListValue.vue';
+export type { DataListItemData } from './DataList.vue';

package/dist/components/core/index.cjs

@@ -1,50 +1,57 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const FilterTabs_vue_vue_type_script_setup_true_lang = require("../../FilterTabs.vue_vue_type_script_setup_true_lang-CwcJkw3D.cjs");
-const Dropdown_vue_vue_type_script_setup_true_lang = require("../../Dropdown.vue_vue_type_script_setup_true_lang-BAKGRZIb.cjs");
+const DataList_vue_vue_type_script_setup_true_lang = require("../../DataList.vue_vue_type_script_setup_true_lang-MshUshzx.cjs");
+const Dropdown_vue_vue_type_script_setup_true_lang = require("../../Dropdown.vue_vue_type_script_setup_true_lang-BeCEo4vl.cjs");
 const BadgeType_vue_vue_type_script_setup_true_lang = require("../../BadgeType.vue_vue_type_script_setup_true_lang-zs0NXN4g.cjs");
 const Button_vue_vue_type_script_setup_true_lang = require("../../Button.vue_vue_type_script_setup_true_lang-CXRj7LEP.cjs");
-exports.Accordion = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$30;
-exports.AccordionItem = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$31;
-exports.AutocompleteComponent = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$19;
-exports.Avatar = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$21;
-exports.Breadcrumb = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$29;
-exports.Caption = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$3;
-exports.CardComponent = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main;
-exports.CardWrapper = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$1;
-exports.Col = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$5;
-exports.Colgroup = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$4;
-exports.CollapsibleCard = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$25;
-exports.DarkModeToggle = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$33;
-exports.DataTable = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$16;
-exports.Drawer = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$28;
-exports.ExpandableRow = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$15;
-exports.FilterTabs = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$36;
-exports.MobileList = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$17;
-exports.Popover = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$27;
-exports.ResponsiveList = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$18;
-exports.StatItem = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$34;
-exports.Stats = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$35;
-exports.StatsCard = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$34;
-exports.StatsGrid = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$35;
-exports.Stepper = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$24;
-exports.TabPanel = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$23;
-exports.Table = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$2;
-exports.TableAction = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$20;
-exports.TableComponent = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$16;
-exports.TableContextKey = FilterTabs_vue_vue_type_script_setup_true_lang.TableContextKey;
-exports.TableFooter = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$14;
-exports.TableHeader = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$12;
-exports.TableRow = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$13;
-exports.Tabs = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$22;
-exports.Tbody = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$7;
-exports.Td = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$11;
-exports.Tfoot = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$8;
-exports.Th = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$10;
-exports.Thead = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$6;
-exports.Timeline = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$32;
-exports.Tooltip = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$26;
-exports.Tr = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$9;
+exports.Accordion = DataList_vue_vue_type_script_setup_true_lang._sfc_main$31;
+exports.AccordionItem = DataList_vue_vue_type_script_setup_true_lang._sfc_main$32;
+exports.AutocompleteComponent = DataList_vue_vue_type_script_setup_true_lang._sfc_main$19;
+exports.Avatar = DataList_vue_vue_type_script_setup_true_lang._sfc_main$22;
+exports.Breadcrumb = DataList_vue_vue_type_script_setup_true_lang._sfc_main$30;
+exports.Caption = DataList_vue_vue_type_script_setup_true_lang._sfc_main$3;
+exports.CardComponent = DataList_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.CardWrapper = DataList_vue_vue_type_script_setup_true_lang._sfc_main$1;
+exports.Col = DataList_vue_vue_type_script_setup_true_lang._sfc_main$5;
+exports.Colgroup = DataList_vue_vue_type_script_setup_true_lang._sfc_main$4;
+exports.CollapsibleCard = DataList_vue_vue_type_script_setup_true_lang._sfc_main$26;
+exports.DarkModeToggle = DataList_vue_vue_type_script_setup_true_lang._sfc_main$34;
+exports.DataList = DataList_vue_vue_type_script_setup_true_lang._sfc_main$39;
+exports.DataListItem = DataList_vue_vue_type_script_setup_true_lang._sfc_main$40;
+exports.DataListLabel = DataList_vue_vue_type_script_setup_true_lang._sfc_main$41;
+exports.DataListValue = DataList_vue_vue_type_script_setup_true_lang._sfc_main$42;
+exports.DataTable = DataList_vue_vue_type_script_setup_true_lang._sfc_main$16;
+exports.Divider = DataList_vue_vue_type_script_setup_true_lang._sfc_main$38;
+exports.Drawer = DataList_vue_vue_type_script_setup_true_lang._sfc_main$29;
+exports.ExpandableRow = DataList_vue_vue_type_script_setup_true_lang._sfc_main$15;
+exports.FilterTabs = DataList_vue_vue_type_script_setup_true_lang._sfc_main$37;
+exports.Menu = DataList_vue_vue_type_script_setup_true_lang._sfc_main$20;
+exports.MobileList = DataList_vue_vue_type_script_setup_true_lang._sfc_main$17;
+exports.Popover = DataList_vue_vue_type_script_setup_true_lang._sfc_main$28;
+exports.ResponsiveList = DataList_vue_vue_type_script_setup_true_lang._sfc_main$18;
+exports.SlideOver = DataList_vue_vue_type_script_setup_true_lang._sfc_main$29;
+exports.StatItem = DataList_vue_vue_type_script_setup_true_lang._sfc_main$35;
+exports.Stats = DataList_vue_vue_type_script_setup_true_lang._sfc_main$36;
+exports.StatsCard = DataList_vue_vue_type_script_setup_true_lang._sfc_main$35;
+exports.StatsGrid = DataList_vue_vue_type_script_setup_true_lang._sfc_main$36;
+exports.Stepper = DataList_vue_vue_type_script_setup_true_lang._sfc_main$25;
+exports.TabPanel = DataList_vue_vue_type_script_setup_true_lang._sfc_main$24;
+exports.Table = DataList_vue_vue_type_script_setup_true_lang._sfc_main$2;
+exports.TableAction = DataList_vue_vue_type_script_setup_true_lang._sfc_main$21;
+exports.TableComponent = DataList_vue_vue_type_script_setup_true_lang._sfc_main$16;
+exports.TableContextKey = DataList_vue_vue_type_script_setup_true_lang.TableContextKey;
+exports.TableFooter = DataList_vue_vue_type_script_setup_true_lang._sfc_main$14;
+exports.TableHeader = DataList_vue_vue_type_script_setup_true_lang._sfc_main$12;
+exports.TableRow = DataList_vue_vue_type_script_setup_true_lang._sfc_main$13;
+exports.Tabs = DataList_vue_vue_type_script_setup_true_lang._sfc_main$23;
+exports.Tbody = DataList_vue_vue_type_script_setup_true_lang._sfc_main$7;
+exports.Td = DataList_vue_vue_type_script_setup_true_lang._sfc_main$11;
+exports.Tfoot = DataList_vue_vue_type_script_setup_true_lang._sfc_main$8;
+exports.Th = DataList_vue_vue_type_script_setup_true_lang._sfc_main$10;
+exports.Thead = DataList_vue_vue_type_script_setup_true_lang._sfc_main$6;
+exports.Timeline = DataList_vue_vue_type_script_setup_true_lang._sfc_main$33;
+exports.Tooltip = DataList_vue_vue_type_script_setup_true_lang._sfc_main$27;
+exports.Tr = DataList_vue_vue_type_script_setup_true_lang._sfc_main$9;
 exports.Dropdown = Dropdown_vue_vue_type_script_setup_true_lang._sfc_main$1;
 exports.MenuItem = Dropdown_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.StatusBadge = BadgeType_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/components/core/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/core/index.d.ts

@@ -6,6 +6,8 @@ export { DataTable as TableComponent } from './table';
 export { default as MobileList } from './MobileList.vue';
 export { default as ResponsiveList } from './ResponsiveList.vue';
 export { default as AutocompleteComponent } from './AutocompleteComponent.vue';
+export { default as Menu } from './Menu.vue';
+export type { MenuVariant } from './Menu.vue';
 export { default as MenuItem } from './MenuItem.vue';
 export { default as TableAction } from './TableAction.vue';
 export { default as StatusBadge } from './StatusBadge.vue';
@@ -19,6 +21,7 @@ export { default as CollapsibleCard } from './CollapsibleCard.vue';
 export { default as Tooltip } from './Tooltip.vue';
 export { default as Popover } from './Popover.vue';
 export { default as Drawer } from './Drawer.vue';
+export { default as SlideOver } from './Drawer.vue';
 export { default as Breadcrumb } from './Breadcrumb.vue';
 export { default as Accordion } from './Accordion.vue';
 export { default as AccordionItem } from './AccordionItem.vue';
@@ -29,6 +32,10 @@ export { default as Stats } from './Stats.vue';
 export { default as StatsCard } from './StatItem.vue';
 export { default as StatsGrid } from './Stats.vue';
 export { default as FilterTabs } from './FilterTabs.vue';
+export { default as Divider } from './Divider.vue';
+export type { DividerOrientation } from './Divider.vue';
+export { DataList, DataListItem, DataListLabel, DataListValue, } from './datalist';
+export type { DataListItemData } from './datalist';
 export type { ButtonVariant, ButtonSize } from './Button.vue';
 export type { StatItemData, StatItemSize, StatItemIconPosition, StatItemVariant, StatItemColor, StatItemTrend, StatItemIconRounded, } from './StatItem.vue';
 export type { StatsColumns, StatsGap } from './Stats.vue';

package/dist/components/core/index.js

@@ -1,52 +1,59 @@
-import { D, E, s, u, C, c, _, a, e, d, y, G, p, B, o, J, q, A, r, H, I, H as H2, I as I2, x, w, b, t, p as p2, T, n, l, m, v, g, k, h, j, f, F, z, i } from "../../FilterTabs.vue_vue_type_script_setup_true_lang-aPs8YGWB.js";
-import { a as a2, _ as _2 } from "../../Dropdown.vue_vue_type_script_setup_true_lang-GLCX7E3C.js";
+import { E, F, s, v, D, c, _, a, e, d, z, H, M, N, O, P, p, L, C, o, K, t, q, B, r, C as C2, I, J, I as I2, J as J2, y, x, b, u, p as p2, T, n, l, m, w, g, k, h, j, f, G, A, i } from "../../DataList.vue_vue_type_script_setup_true_lang-e5XO82_b.js";
+import { a as a2, _ as _2 } from "../../Dropdown.vue_vue_type_script_setup_true_lang-DIzyh_AZ.js";
 import { _ as _3 } from "../../BadgeType.vue_vue_type_script_setup_true_lang-tHRMWBb-.js";
 import { _ as _4 } from "../../Button.vue_vue_type_script_setup_true_lang-CBYr0Z2_.js";
 export {
-  D as Accordion,
-  E as AccordionItem,
+  E as Accordion,
+  F as AccordionItem,
   s as AutocompleteComponent,
-  u as Avatar,
-  C as Breadcrumb,
+  v as Avatar,
+  D as Breadcrumb,
   _4 as Button,
   c as Caption,
   _ as CardComponent,
   a as CardWrapper,
   e as Col,
   d as Colgroup,
-  y as CollapsibleCard,
-  G as DarkModeToggle,
+  z as CollapsibleCard,
+  H as DarkModeToggle,
+  M as DataList,
+  N as DataListItem,
+  O as DataListLabel,
+  P as DataListValue,
   p as DataTable,
-  B as Drawer,
+  L as Divider,
+  C as Drawer,
   a2 as Dropdown,
   o as ExpandableRow,
-  J as FilterTabs,
+  K as FilterTabs,
+  t as Menu,
   _2 as MenuItem,
   q as MobileList,
-  A as Popover,
+  B as Popover,
   r as ResponsiveList,
-  H as StatItem,
-  I as Stats,
-  H2 as StatsCard,
-  I2 as StatsGrid,
+  C2 as SlideOver,
+  I as StatItem,
+  J as Stats,
+  I2 as StatsCard,
+  J2 as StatsGrid,
   _3 as StatusBadge,
-  x as Stepper,
-  w as TabPanel,
+  y as Stepper,
+  x as TabPanel,
   b as Table,
-  t as TableAction,
+  u as TableAction,
   p2 as TableComponent,
   T as TableContextKey,
   n as TableFooter,
   l as TableHeader,
   m as TableRow,
-  v as Tabs,
+  w as Tabs,
   g as Tbody,
   k as Td,
   h as Tfoot,
   j as Th,
   f as Thead,
-  F as Timeline,
-  z as Tooltip,
+  G as Timeline,
+  A as Tooltip,
   i as Tr
 };
 //# sourceMappingURL=index.js.map

package/dist/components/form/Form.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as Form } from './Form.vue';
+declare const meta: Meta<typeof Form>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLoading: Story;
+export declare const HideFooter: Story;
+export declare const CustomLabels: Story;
+export declare const WithDividers: Story;
+export declare const CustomColumns: Story;

package/dist/components/form/Form.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/form/Form.vue.d.ts

@@ -0,0 +1,55 @@
+export type FormLayout = 'vertical' | 'horizontal';
+type __VLS_Props = {
+    /** Form title */
+    title?: string;
+    /** Form description */
+    description?: string;
+    /** Layout mode */
+    layout?: FormLayout;
+    /** Show divider between sections */
+    divide?: boolean;
+    /** Hide footer with buttons */
+    hideFooter?: boolean;
+    /** Submit button label */
+    submitLabel?: string;
+    /** Cancel button label */
+    cancelLabel?: string;
+    /** Loading state */
+    loading?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Number of columns for the grid */
+    cols?: number;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLFormElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    submit: (event: Event) => any;
+    cancel: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((event: Event) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+}>, {
+    cols: number;
+    submitLabel: string;
+    cancelLabel: string;
+    layout: FormLayout;
+    divide: boolean;
+    hideFooter: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLFormElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form/FormSection.vue.d.ts

@@ -36,9 +36,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
 }>, {
     bordered: boolean;
+    collapsed: boolean;
     iconColor: "primary" | "gray" | "success" | "warning" | "danger";
     collapsible: boolean;
-    collapsed: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/form/InputGroup.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as InputGroup } from './InputGroup.vue';
+declare const meta: Meta<typeof InputGroup>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithSuffix: Story;
+export declare const WithBoth: Story;
+export declare const AllSizes: Story;
+export declare const WithSlots: Story;
+export declare const EmailExample: Story;
+export declare const PercentageExample: Story;

package/dist/components/form/InputGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/form/InputGroup.vue.d.ts

@@ -0,0 +1,32 @@
+export type InputGroupSize = 'sm' | 'md' | 'lg';
+type __VLS_Props = {
+    /** Size variant */
+    size?: InputGroupSize;
+    /** Prefix text (e.g., "$", "https://") */
+    prefix?: string;
+    /** Suffix text (e.g., ".com", "%") */
+    suffix?: string;
+    /** Custom class for the group container */
+    class?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prefix?(_: {}): any;
+        default?(_: {}): any;
+        suffix?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: InputGroupSize;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form/Option.vue.d.ts

@@ -0,0 +1,27 @@
+type __VLS_Props = {
+    /** Option value */
+    value?: string | number;
+    /** Whether the option is disabled */
+    disabled?: boolean;
+    /** Whether the option is selected (for uncontrolled usage) */
+    selected?: boolean;
+    /** Custom class */
+    class?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLOptionElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLOptionElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form/Select.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as Select } from './Select.vue';
+declare const meta: Meta<typeof Select>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const AllSizes: Story;
+export declare const Disabled: Story;
+export declare const Invalid: Story;
+export declare const WithSlots: Story;
+export declare const WithDisabledOptions: Story;
+export declare const Required: Story;

package/dist/components/form/Select.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/form/Select.vue.d.ts

@@ -0,0 +1,53 @@
+import { InputSize } from '../../composables/useInputStyles';
+export interface SelectOption {
+    value: string | number;
+    label: string;
+    disabled?: boolean;
+}
+type __VLS_Props = {
+    /** Options to display */
+    options?: SelectOption[];
+    /** Placeholder text */
+    placeholder?: string;
+    /** Input name */
+    name?: string;
+    /** Input id */
+    id?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Required field */
+    required?: boolean;
+    /** Invalid/error state */
+    invalid?: boolean;
+    /** Size variant */
+    size?: InputSize;
+    /** Custom class */
+    class?: string;
+};
+type __VLS_PublicProps = {
+    modelValue?: string | number | null;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
+}>, {
+    size: InputSize;
+    placeholder: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};