cisse-vue-ui 0.10.0 → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/dist/{CheckboxGroup.vue_vue_type_script_setup_true_lang-ZP02bMgY.js → CheckboxGroup.vue_vue_type_script_setup_true_lang-CZ4Sox5V.js} +409 -169
  2. package/dist/CheckboxGroup.vue_vue_type_script_setup_true_lang-CZ4Sox5V.js.map +1 -0
  3. package/dist/{CheckboxGroup.vue_vue_type_script_setup_true_lang-BC86pBlY.cjs → CheckboxGroup.vue_vue_type_script_setup_true_lang-DGGefZ7m.cjs} +406 -166
  4. package/dist/CheckboxGroup.vue_vue_type_script_setup_true_lang-DGGefZ7m.cjs.map +1 -0
  5. package/dist/{ConfirmDialog.vue_vue_type_script_setup_true_lang-C5KHLMvx.js → ConfirmDialog.vue_vue_type_script_setup_true_lang-DhPNxKgF.js} +40 -94
  6. package/dist/ConfirmDialog.vue_vue_type_script_setup_true_lang-DhPNxKgF.js.map +1 -0
  7. package/dist/{ConfirmDialog.vue_vue_type_script_setup_true_lang-CLfy0-Wb.cjs → ConfirmDialog.vue_vue_type_script_setup_true_lang-DwW3MT85.cjs} +37 -91
  8. package/dist/ConfirmDialog.vue_vue_type_script_setup_true_lang-DwW3MT85.cjs.map +1 -0
  9. package/dist/{FilterTabs.vue_vue_type_script_setup_true_lang-l8lJzwoY.cjs → DataList.vue_vue_type_script_setup_true_lang-MshUshzx.cjs} +744 -287
  10. package/dist/DataList.vue_vue_type_script_setup_true_lang-MshUshzx.cjs.map +1 -0
  11. package/dist/{FilterTabs.vue_vue_type_script_setup_true_lang-CJnvcF8Z.js → DataList.vue_vue_type_script_setup_true_lang-e5XO82_b.js} +756 -299
  12. package/dist/DataList.vue_vue_type_script_setup_true_lang-e5XO82_b.js.map +1 -0
  13. package/dist/{ListSkeleton.vue_vue_type_script_setup_true_lang-Bo3HqgX0.cjs → Skeleton.vue_vue_type_script_setup_true_lang-ahmyY81P.cjs} +70 -16
  14. package/dist/Skeleton.vue_vue_type_script_setup_true_lang-ahmyY81P.cjs.map +1 -0
  15. package/dist/{ListSkeleton.vue_vue_type_script_setup_true_lang-BHopJ9RG.js → Skeleton.vue_vue_type_script_setup_true_lang-mcD2ZqKf.js} +70 -16
  16. package/dist/Skeleton.vue_vue_type_script_setup_true_lang-mcD2ZqKf.js.map +1 -0
  17. package/dist/components/core/Divider.stories.d.ts +13 -0
  18. package/dist/components/core/Divider.test.d.ts +1 -0
  19. package/dist/components/core/Divider.vue.d.ts +24 -0
  20. package/dist/components/core/Drawer.vue.d.ts +2 -0
  21. package/dist/components/core/Menu.stories.d.ts +11 -0
  22. package/dist/components/core/Menu.test.d.ts +1 -0
  23. package/dist/components/core/Menu.vue.d.ts +30 -0
  24. package/dist/components/core/StatItem.stories.d.ts +19 -0
  25. package/dist/components/core/StatItem.vue.d.ts +59 -5
  26. package/dist/components/core/Stats.stories.d.ts +21 -0
  27. package/dist/components/core/Stats.vue.d.ts +60 -4
  28. package/dist/components/core/datalist/DataList.stories.d.ts +12 -0
  29. package/dist/components/core/datalist/DataList.test.d.ts +1 -0
  30. package/dist/components/core/datalist/DataList.vue.d.ts +39 -0
  31. package/dist/components/core/datalist/DataListItem.vue.d.ts +33 -0
  32. package/dist/components/core/datalist/DataListLabel.vue.d.ts +26 -0
  33. package/dist/components/core/datalist/DataListValue.vue.d.ts +26 -0
  34. package/dist/components/core/datalist/index.d.ts +5 -0
  35. package/dist/components/core/index.cjs +49 -42
  36. package/dist/components/core/index.cjs.map +1 -1
  37. package/dist/components/core/index.d.ts +9 -2
  38. package/dist/components/core/index.js +27 -20
  39. package/dist/components/feedback/index.cjs +8 -8
  40. package/dist/components/feedback/index.js +7 -7
  41. package/dist/components/form/Form.stories.d.ts +11 -0
  42. package/dist/components/form/Form.test.d.ts +1 -0
  43. package/dist/components/form/Form.vue.d.ts +55 -0
  44. package/dist/components/form/FormSection.vue.d.ts +1 -1
  45. package/dist/components/form/InputGroup.stories.d.ts +12 -0
  46. package/dist/components/form/InputGroup.test.d.ts +1 -0
  47. package/dist/components/form/InputGroup.vue.d.ts +32 -0
  48. package/dist/components/form/Option.vue.d.ts +27 -0
  49. package/dist/components/form/Select.stories.d.ts +13 -0
  50. package/dist/components/form/Select.test.d.ts +1 -0
  51. package/dist/components/form/Select.vue.d.ts +53 -0
  52. package/dist/components/form/index.cjs +33 -29
  53. package/dist/components/form/index.cjs.map +1 -1
  54. package/dist/components/form/index.d.ts +7 -0
  55. package/dist/components/form/index.js +33 -29
  56. package/dist/components/index.cjs +90 -79
  57. package/dist/components/index.cjs.map +1 -1
  58. package/dist/components/index.js +68 -57
  59. package/dist/index-CO3nD8zb.js +127 -0
  60. package/dist/{index-C_N7WRnM.js.map → index-CO3nD8zb.js.map} +1 -1
  61. package/dist/index-DK_UojhF.cjs +126 -0
  62. package/dist/{index-CYXOfUOG.cjs.map → index-DK_UojhF.cjs.map} +1 -1
  63. package/dist/index.cjs +91 -80
  64. package/dist/index.cjs.map +1 -1
  65. package/dist/index.js +72 -61
  66. package/dist/style.css +1 -1
  67. package/package.json +1 -1
  68. package/dist/CheckboxGroup.vue_vue_type_script_setup_true_lang-BC86pBlY.cjs.map +0 -1
  69. package/dist/CheckboxGroup.vue_vue_type_script_setup_true_lang-ZP02bMgY.js.map +0 -1
  70. package/dist/ConfirmDialog.vue_vue_type_script_setup_true_lang-C5KHLMvx.js.map +0 -1
  71. package/dist/ConfirmDialog.vue_vue_type_script_setup_true_lang-CLfy0-Wb.cjs.map +0 -1
  72. package/dist/FilterTabs.vue_vue_type_script_setup_true_lang-CJnvcF8Z.js.map +0 -1
  73. package/dist/FilterTabs.vue_vue_type_script_setup_true_lang-l8lJzwoY.cjs.map +0 -1
  74. package/dist/ListSkeleton.vue_vue_type_script_setup_true_lang-BHopJ9RG.js.map +0 -1
  75. package/dist/ListSkeleton.vue_vue_type_script_setup_true_lang-Bo3HqgX0.cjs.map +0 -1
  76. package/dist/index-CYXOfUOG.cjs +0 -115
  77. package/dist/index-C_N7WRnM.js +0 -116
@@ -1,8 +1,10 @@
1
- export type StatItemSize = 'sm' | 'md' | 'lg';
2
- export type StatItemIconPosition = 'top' | 'left' | 'right';
3
- export type StatItemVariant = 'default' | 'glass' | 'outline' | 'flat';
1
+ import { CardShadow, CardRounded, CardBorder, CardAccent } from './CardWrapper.vue';
2
+ export type StatItemSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
3
+ export type StatItemIconPosition = 'top' | 'left' | 'right' | 'bottom';
4
+ export type StatItemVariant = 'default' | 'glass' | 'outline' | 'flat' | 'solid';
4
5
  export type StatItemColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
5
6
  export type StatItemTrend = 'up' | 'down' | 'neutral';
7
+ export type StatItemIconRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
6
8
  export interface StatItemData {
7
9
  label: string;
8
10
  value: string | number;
@@ -11,16 +13,29 @@ export interface StatItemData {
11
13
  changeLabel?: string;
12
14
  trend?: StatItemTrend;
13
15
  color?: StatItemColor;
16
+ description?: string;
17
+ prefix?: string;
18
+ suffix?: string;
14
19
  }
15
20
  type __VLS_Props = {
16
21
  /** Stat label */
17
22
  label: string;
18
23
  /** Stat value */
19
24
  value: string | number;
25
+ /** Description text below label */
26
+ description?: string;
27
+ /** Prefix for value (e.g., "$") */
28
+ prefix?: string;
29
+ /** Suffix for value (e.g., "%", "users") */
30
+ suffix?: string;
20
31
  /** Icon name (iconify format) */
21
32
  icon?: string;
22
33
  /** Icon position */
23
34
  iconPosition?: StatItemIconPosition;
35
+ /** Icon border radius */
36
+ iconRounded?: StatItemIconRounded;
37
+ /** Hide icon background */
38
+ hideIconBg?: boolean;
24
39
  /** Percentage change (positive or negative) */
25
40
  change?: number;
26
41
  /** Change label (e.g., "vs last month") */
@@ -29,6 +44,10 @@ type __VLS_Props = {
29
44
  trend?: StatItemTrend;
30
45
  /** Show only trend arrow without percentage */
31
46
  trendOnly?: boolean;
47
+ /** Hide trend icon, show only text */
48
+ hideTrendIcon?: boolean;
49
+ /** Invert trend colors (green for down, red for up) */
50
+ invertTrendColors?: boolean;
32
51
  /** Size variant */
33
52
  size?: StatItemSize;
34
53
  /** Visual variant */
@@ -37,23 +56,47 @@ type __VLS_Props = {
37
56
  color?: StatItemColor;
38
57
  /** Make the stat clickable */
39
58
  clickable?: boolean;
40
- /** Center content (default: true for top icon, false for left/right) */
59
+ /** Center content (default: true for top/bottom icon, false for left/right) */
41
60
  centered?: boolean;
61
+ /** Show label before value */
62
+ labelFirst?: boolean;
63
+ /** Compact mode (reduced padding) */
64
+ compact?: boolean;
65
+ /** Loading state */
66
+ loading?: boolean;
67
+ /** Card shadow level */
68
+ shadow?: CardShadow;
69
+ /** Card border radius */
70
+ rounded?: CardRounded;
71
+ /** Card border style */
72
+ border?: CardBorder;
73
+ /** Card accent color */
74
+ accent?: CardAccent;
42
75
  /** Custom class for the card */
43
76
  cardClass?: string;
44
77
  /** Custom class for the icon wrapper */
78
+ iconWrapperClass?: string;
79
+ /** Custom class for the icon element */
45
80
  iconClass?: string;
46
81
  /** Custom class for the value */
47
82
  valueClass?: string;
48
83
  /** Custom class for the label */
49
84
  labelClass?: string;
85
+ /** Custom class for the description */
86
+ descriptionClass?: string;
87
+ /** Custom class for the trend indicator */
88
+ trendClass?: string;
89
+ /** Custom class for the content wrapper */
90
+ contentClass?: string;
50
91
  };
51
92
  declare function __VLS_template(): {
52
93
  attrs: Partial<{}>;
53
94
  slots: {
54
95
  icon?(_: {}): any;
55
- value?(_: {}): any;
56
96
  label?(_: {}): any;
97
+ label?(_: {}): any;
98
+ value?(_: {}): any;
99
+ description?(_: {}): any;
57
100
  extra?(_: {}): any;
58
101
  };
59
102
  refs: {};
@@ -65,12 +108,23 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
65
108
  }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
66
109
  onClick?: ((event: MouseEvent) => any) | undefined;
67
110
  }>, {
111
+ rounded: CardRounded;
112
+ loading: boolean;
113
+ shadow: CardShadow;
114
+ border: CardBorder;
68
115
  variant: StatItemVariant;
116
+ accent: CardAccent;
69
117
  clickable: boolean;
70
118
  color: StatItemColor;
119
+ compact: boolean;
71
120
  size: StatItemSize;
72
121
  iconPosition: StatItemIconPosition;
122
+ iconRounded: StatItemIconRounded;
123
+ hideIconBg: boolean;
73
124
  trendOnly: boolean;
125
+ hideTrendIcon: boolean;
126
+ invertTrendColors: boolean;
127
+ labelFirst: boolean;
74
128
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
75
129
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
76
130
  export default _default;
@@ -7,18 +7,39 @@ export declare const Default: Story;
7
7
  export declare const TwoColumns: Story;
8
8
  export declare const ThreeColumns: Story;
9
9
  export declare const FourColumns: Story;
10
+ export declare const XSmallSize: Story;
10
11
  export declare const SmallSize: Story;
11
12
  export declare const LargeSize: Story;
13
+ export declare const XLargeSize: Story;
12
14
  export declare const IconLeft: Story;
13
15
  export declare const IconRight: Story;
16
+ export declare const IconBottom: Story;
17
+ export declare const RoundIcons: Story;
18
+ export declare const NoIconBackground: Story;
19
+ export declare const LabelFirst: Story;
20
+ export declare const CompactMode: Story;
14
21
  export declare const GlassVariant: Story;
15
22
  export declare const OutlineVariant: Story;
16
23
  export declare const FlatVariant: Story;
24
+ export declare const SolidVariant: Story;
25
+ export declare const WithAccent: Story;
17
26
  export declare const MixedColors: Story;
18
27
  export declare const WithTrends: Story;
28
+ export declare const WithDescriptions: Story;
29
+ export declare const WithPrefixAndSuffix: Story;
30
+ export declare const NoGap: Story;
31
+ export declare const XSmallGap: Story;
19
32
  export declare const SmallGap: Story;
20
33
  export declare const LargeGap: Story;
34
+ export declare const XLargeGap: Story;
35
+ export declare const Loading: Story;
36
+ export declare const Clickable: Story;
37
+ export declare const InvertedTrendColors: Story;
21
38
  export declare const WithSlotContent: Story;
22
39
  export declare const MixedSlotAndProps: Story;
23
40
  export declare const DashboardExample: Story;
24
41
  export declare const CompactStats: Story;
42
+ export declare const SolidColorGrid: Story;
43
+ export declare const MinimalStyle: Story;
44
+ export declare const AccentedCards: Story;
45
+ export declare const ClickableWithHandler: Story;
@@ -1,20 +1,60 @@
1
- import { StatItemData, StatItemSize, StatItemVariant, StatItemIconPosition } from './StatItem.vue';
1
+ import { StatItemData, StatItemSize, StatItemVariant, StatItemIconPosition, StatItemIconRounded } from './StatItem.vue';
2
+ import { CardShadow, CardRounded, CardBorder, CardAccent } from './CardWrapper.vue';
2
3
  export type StatsColumns = 1 | 2 | 3 | 4 | 5 | 6;
4
+ export type StatsGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
3
5
  type __VLS_Props = {
4
6
  /** Array of stats to display */
5
7
  stats?: StatItemData[];
6
8
  /** Number of columns (auto-calculated if not provided) */
7
9
  cols?: StatsColumns;
8
10
  /** Gap between items */
9
- gap?: 'sm' | 'md' | 'lg';
11
+ gap?: StatsGap;
10
12
  /** Visual variant for all items */
11
13
  variant?: StatItemVariant;
12
14
  /** Size for all items */
13
15
  size?: StatItemSize;
14
16
  /** Icon position for all items */
15
17
  iconPosition?: StatItemIconPosition;
18
+ /** Icon border radius for all items */
19
+ iconRounded?: StatItemIconRounded;
20
+ /** Hide icon background for all items */
21
+ hideIconBg?: boolean;
16
22
  /** Default color for items without explicit color */
17
23
  color?: StatItemData['color'];
24
+ /** Show label before value for all items */
25
+ labelFirst?: boolean;
26
+ /** Compact mode for all items */
27
+ compact?: boolean;
28
+ /** Loading state for all items */
29
+ loading?: boolean;
30
+ /** Card shadow for all items */
31
+ shadow?: CardShadow;
32
+ /** Card border radius for all items */
33
+ rounded?: CardRounded;
34
+ /** Card border for all items */
35
+ border?: CardBorder;
36
+ /** Card accent for all items */
37
+ accent?: CardAccent;
38
+ /** Make all items clickable */
39
+ clickable?: boolean;
40
+ /** Center content in all items */
41
+ centered?: boolean;
42
+ /** Invert trend colors for all items */
43
+ invertTrendColors?: boolean;
44
+ /** Hide trend icon for all items */
45
+ hideTrendIcon?: boolean;
46
+ /** Custom class for the grid container */
47
+ gridClass?: string;
48
+ /** Custom class for all cards */
49
+ cardClass?: string;
50
+ /** Custom class for all icon wrappers */
51
+ iconWrapperClass?: string;
52
+ /** Custom class for all icons */
53
+ iconClass?: string;
54
+ /** Custom class for all values */
55
+ valueClass?: string;
56
+ /** Custom class for all labels */
57
+ labelClass?: string;
18
58
  };
19
59
  declare function __VLS_template(): {
20
60
  attrs: Partial<{}>;
@@ -25,12 +65,28 @@ declare function __VLS_template(): {
25
65
  rootEl: HTMLDivElement;
26
66
  };
27
67
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
28
- declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
68
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
69
+ "item-click": (index: number, stat: StatItemData, event: MouseEvent) => any;
70
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
71
+ "onItem-click"?: ((index: number, stat: StatItemData, event: MouseEvent) => any) | undefined;
72
+ }>, {
73
+ rounded: CardRounded;
74
+ loading: boolean;
75
+ shadow: CardShadow;
76
+ border: CardBorder;
29
77
  variant: StatItemVariant;
78
+ accent: CardAccent;
79
+ clickable: boolean;
30
80
  color: import('./StatItem.vue').StatItemColor;
81
+ compact: boolean;
31
82
  size: StatItemSize;
32
- gap: "sm" | "md" | "lg";
83
+ gap: StatsGap;
33
84
  iconPosition: StatItemIconPosition;
85
+ iconRounded: StatItemIconRounded;
86
+ hideIconBg: boolean;
87
+ hideTrendIcon: boolean;
88
+ invertTrendColors: boolean;
89
+ labelFirst: boolean;
34
90
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
35
91
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
36
92
  export default _default;
@@ -0,0 +1,12 @@
1
+ import { Meta, StoryObj } from '@storybook/vue3-vite';
2
+ import { DataList } from './index';
3
+ declare const meta: Meta<typeof DataList>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const WithSlots: Story;
8
+ export declare const Striped: Story;
9
+ export declare const Bordered: Story;
10
+ export declare const AllSizes: Story;
11
+ export declare const AllVariants: Story;
12
+ export declare const InCard: Story;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,39 @@
1
+ export interface DataListItemData {
2
+ /** Label text */
3
+ label: string;
4
+ /** Value text */
5
+ value: string;
6
+ }
7
+ export type DataListSize = 'sm' | 'md' | 'lg';
8
+ export type DataListVariant = 'default' | 'striped' | 'bordered';
9
+ type __VLS_Props = {
10
+ /** Array of items to render (alternative to using slots) */
11
+ items?: DataListItemData[];
12
+ /** Size variant */
13
+ size?: DataListSize;
14
+ /** Visual variant */
15
+ variant?: DataListVariant;
16
+ /** Custom class */
17
+ class?: string;
18
+ };
19
+ declare function __VLS_template(): {
20
+ attrs: Partial<{}>;
21
+ slots: {
22
+ default?(_: {}): any;
23
+ };
24
+ refs: {};
25
+ rootEl: HTMLDListElement;
26
+ };
27
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
28
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
29
+ variant: DataListVariant;
30
+ size: DataListSize;
31
+ items: DataListItemData[];
32
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDListElement>;
33
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
34
+ export default _default;
35
+ type __VLS_WithTemplateSlots<T, S> = T & {
36
+ new (): {
37
+ $slots: S;
38
+ };
39
+ };
@@ -0,0 +1,33 @@
1
+ export type DataListItemSize = 'sm' | 'md' | 'lg';
2
+ type __VLS_Props = {
3
+ /** Label text */
4
+ label?: string;
5
+ /** Value text */
6
+ value?: string;
7
+ /** Size variant */
8
+ size?: DataListItemSize;
9
+ /** Apply striped background */
10
+ striped?: boolean;
11
+ /** Custom class */
12
+ class?: string;
13
+ };
14
+ declare function __VLS_template(): {
15
+ attrs: Partial<{}>;
16
+ slots: {
17
+ default?(_: {}): any;
18
+ };
19
+ refs: {};
20
+ rootEl: HTMLDivElement;
21
+ };
22
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
23
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
24
+ striped: boolean;
25
+ size: DataListItemSize;
26
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
27
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
28
+ export default _default;
29
+ type __VLS_WithTemplateSlots<T, S> = T & {
30
+ new (): {
31
+ $slots: S;
32
+ };
33
+ };
@@ -0,0 +1,26 @@
1
+ export type DataListLabelSize = 'sm' | 'md' | 'lg';
2
+ type __VLS_Props = {
3
+ /** Size variant */
4
+ size?: DataListLabelSize;
5
+ /** Custom class */
6
+ class?: string;
7
+ };
8
+ declare function __VLS_template(): {
9
+ attrs: Partial<{}>;
10
+ slots: {
11
+ default?(_: {}): any;
12
+ };
13
+ refs: {};
14
+ rootEl: HTMLElement;
15
+ };
16
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
17
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
18
+ size: DataListLabelSize;
19
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
20
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
21
+ export default _default;
22
+ type __VLS_WithTemplateSlots<T, S> = T & {
23
+ new (): {
24
+ $slots: S;
25
+ };
26
+ };
@@ -0,0 +1,26 @@
1
+ export type DataListValueSize = 'sm' | 'md' | 'lg';
2
+ type __VLS_Props = {
3
+ /** Size variant */
4
+ size?: DataListValueSize;
5
+ /** Custom class */
6
+ class?: string;
7
+ };
8
+ declare function __VLS_template(): {
9
+ attrs: Partial<{}>;
10
+ slots: {
11
+ default?(_: {}): any;
12
+ };
13
+ refs: {};
14
+ rootEl: HTMLElement;
15
+ };
16
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
17
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
18
+ size: DataListValueSize;
19
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
20
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
21
+ export default _default;
22
+ type __VLS_WithTemplateSlots<T, S> = T & {
23
+ new (): {
24
+ $slots: S;
25
+ };
26
+ };
@@ -0,0 +1,5 @@
1
+ export { default as DataList } from './DataList.vue';
2
+ export { default as DataListItem } from './DataListItem.vue';
3
+ export { default as DataListLabel } from './DataListLabel.vue';
4
+ export { default as DataListValue } from './DataListValue.vue';
5
+ export type { DataListItemData } from './DataList.vue';
@@ -1,50 +1,57 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const FilterTabs_vue_vue_type_script_setup_true_lang = require("../../FilterTabs.vue_vue_type_script_setup_true_lang-l8lJzwoY.cjs");
3
+ const DataList_vue_vue_type_script_setup_true_lang = require("../../DataList.vue_vue_type_script_setup_true_lang-MshUshzx.cjs");
4
4
  const Dropdown_vue_vue_type_script_setup_true_lang = require("../../Dropdown.vue_vue_type_script_setup_true_lang-BAKGRZIb.cjs");
5
5
  const BadgeType_vue_vue_type_script_setup_true_lang = require("../../BadgeType.vue_vue_type_script_setup_true_lang-zs0NXN4g.cjs");
6
6
  const Button_vue_vue_type_script_setup_true_lang = require("../../Button.vue_vue_type_script_setup_true_lang-CXRj7LEP.cjs");
7
- exports.Accordion = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$30;
8
- exports.AccordionItem = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$31;
9
- exports.AutocompleteComponent = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$19;
10
- exports.Avatar = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$21;
11
- exports.Breadcrumb = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$29;
12
- exports.Caption = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$3;
13
- exports.CardComponent = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main;
14
- exports.CardWrapper = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$1;
15
- exports.Col = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$5;
16
- exports.Colgroup = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$4;
17
- exports.CollapsibleCard = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$25;
18
- exports.DarkModeToggle = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$33;
19
- exports.DataTable = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$16;
20
- exports.Drawer = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$28;
21
- exports.ExpandableRow = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$15;
22
- exports.FilterTabs = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$36;
23
- exports.MobileList = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$17;
24
- exports.Popover = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$27;
25
- exports.ResponsiveList = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$18;
26
- exports.StatItem = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$34;
27
- exports.Stats = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$35;
28
- exports.StatsCard = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$34;
29
- exports.StatsGrid = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$35;
30
- exports.Stepper = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$24;
31
- exports.TabPanel = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$23;
32
- exports.Table = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$2;
33
- exports.TableAction = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$20;
34
- exports.TableComponent = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$16;
35
- exports.TableContextKey = FilterTabs_vue_vue_type_script_setup_true_lang.TableContextKey;
36
- exports.TableFooter = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$14;
37
- exports.TableHeader = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$12;
38
- exports.TableRow = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$13;
39
- exports.Tabs = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$22;
40
- exports.Tbody = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$7;
41
- exports.Td = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$11;
42
- exports.Tfoot = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$8;
43
- exports.Th = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$10;
44
- exports.Thead = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$6;
45
- exports.Timeline = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$32;
46
- exports.Tooltip = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$26;
47
- exports.Tr = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$9;
7
+ exports.Accordion = DataList_vue_vue_type_script_setup_true_lang._sfc_main$31;
8
+ exports.AccordionItem = DataList_vue_vue_type_script_setup_true_lang._sfc_main$32;
9
+ exports.AutocompleteComponent = DataList_vue_vue_type_script_setup_true_lang._sfc_main$19;
10
+ exports.Avatar = DataList_vue_vue_type_script_setup_true_lang._sfc_main$22;
11
+ exports.Breadcrumb = DataList_vue_vue_type_script_setup_true_lang._sfc_main$30;
12
+ exports.Caption = DataList_vue_vue_type_script_setup_true_lang._sfc_main$3;
13
+ exports.CardComponent = DataList_vue_vue_type_script_setup_true_lang._sfc_main;
14
+ exports.CardWrapper = DataList_vue_vue_type_script_setup_true_lang._sfc_main$1;
15
+ exports.Col = DataList_vue_vue_type_script_setup_true_lang._sfc_main$5;
16
+ exports.Colgroup = DataList_vue_vue_type_script_setup_true_lang._sfc_main$4;
17
+ exports.CollapsibleCard = DataList_vue_vue_type_script_setup_true_lang._sfc_main$26;
18
+ exports.DarkModeToggle = DataList_vue_vue_type_script_setup_true_lang._sfc_main$34;
19
+ exports.DataList = DataList_vue_vue_type_script_setup_true_lang._sfc_main$39;
20
+ exports.DataListItem = DataList_vue_vue_type_script_setup_true_lang._sfc_main$40;
21
+ exports.DataListLabel = DataList_vue_vue_type_script_setup_true_lang._sfc_main$41;
22
+ exports.DataListValue = DataList_vue_vue_type_script_setup_true_lang._sfc_main$42;
23
+ exports.DataTable = DataList_vue_vue_type_script_setup_true_lang._sfc_main$16;
24
+ exports.Divider = DataList_vue_vue_type_script_setup_true_lang._sfc_main$38;
25
+ exports.Drawer = DataList_vue_vue_type_script_setup_true_lang._sfc_main$29;
26
+ exports.ExpandableRow = DataList_vue_vue_type_script_setup_true_lang._sfc_main$15;
27
+ exports.FilterTabs = DataList_vue_vue_type_script_setup_true_lang._sfc_main$37;
28
+ exports.Menu = DataList_vue_vue_type_script_setup_true_lang._sfc_main$20;
29
+ exports.MobileList = DataList_vue_vue_type_script_setup_true_lang._sfc_main$17;
30
+ exports.Popover = DataList_vue_vue_type_script_setup_true_lang._sfc_main$28;
31
+ exports.ResponsiveList = DataList_vue_vue_type_script_setup_true_lang._sfc_main$18;
32
+ exports.SlideOver = DataList_vue_vue_type_script_setup_true_lang._sfc_main$29;
33
+ exports.StatItem = DataList_vue_vue_type_script_setup_true_lang._sfc_main$35;
34
+ exports.Stats = DataList_vue_vue_type_script_setup_true_lang._sfc_main$36;
35
+ exports.StatsCard = DataList_vue_vue_type_script_setup_true_lang._sfc_main$35;
36
+ exports.StatsGrid = DataList_vue_vue_type_script_setup_true_lang._sfc_main$36;
37
+ exports.Stepper = DataList_vue_vue_type_script_setup_true_lang._sfc_main$25;
38
+ exports.TabPanel = DataList_vue_vue_type_script_setup_true_lang._sfc_main$24;
39
+ exports.Table = DataList_vue_vue_type_script_setup_true_lang._sfc_main$2;
40
+ exports.TableAction = DataList_vue_vue_type_script_setup_true_lang._sfc_main$21;
41
+ exports.TableComponent = DataList_vue_vue_type_script_setup_true_lang._sfc_main$16;
42
+ exports.TableContextKey = DataList_vue_vue_type_script_setup_true_lang.TableContextKey;
43
+ exports.TableFooter = DataList_vue_vue_type_script_setup_true_lang._sfc_main$14;
44
+ exports.TableHeader = DataList_vue_vue_type_script_setup_true_lang._sfc_main$12;
45
+ exports.TableRow = DataList_vue_vue_type_script_setup_true_lang._sfc_main$13;
46
+ exports.Tabs = DataList_vue_vue_type_script_setup_true_lang._sfc_main$23;
47
+ exports.Tbody = DataList_vue_vue_type_script_setup_true_lang._sfc_main$7;
48
+ exports.Td = DataList_vue_vue_type_script_setup_true_lang._sfc_main$11;
49
+ exports.Tfoot = DataList_vue_vue_type_script_setup_true_lang._sfc_main$8;
50
+ exports.Th = DataList_vue_vue_type_script_setup_true_lang._sfc_main$10;
51
+ exports.Thead = DataList_vue_vue_type_script_setup_true_lang._sfc_main$6;
52
+ exports.Timeline = DataList_vue_vue_type_script_setup_true_lang._sfc_main$33;
53
+ exports.Tooltip = DataList_vue_vue_type_script_setup_true_lang._sfc_main$27;
54
+ exports.Tr = DataList_vue_vue_type_script_setup_true_lang._sfc_main$9;
48
55
  exports.Dropdown = Dropdown_vue_vue_type_script_setup_true_lang._sfc_main$1;
49
56
  exports.MenuItem = Dropdown_vue_vue_type_script_setup_true_lang._sfc_main;
50
57
  exports.StatusBadge = BadgeType_vue_vue_type_script_setup_true_lang._sfc_main;
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -6,6 +6,8 @@ export { DataTable as TableComponent } from './table';
6
6
  export { default as MobileList } from './MobileList.vue';
7
7
  export { default as ResponsiveList } from './ResponsiveList.vue';
8
8
  export { default as AutocompleteComponent } from './AutocompleteComponent.vue';
9
+ export { default as Menu } from './Menu.vue';
10
+ export type { MenuVariant } from './Menu.vue';
9
11
  export { default as MenuItem } from './MenuItem.vue';
10
12
  export { default as TableAction } from './TableAction.vue';
11
13
  export { default as StatusBadge } from './StatusBadge.vue';
@@ -19,6 +21,7 @@ export { default as CollapsibleCard } from './CollapsibleCard.vue';
19
21
  export { default as Tooltip } from './Tooltip.vue';
20
22
  export { default as Popover } from './Popover.vue';
21
23
  export { default as Drawer } from './Drawer.vue';
24
+ export { default as SlideOver } from './Drawer.vue';
22
25
  export { default as Breadcrumb } from './Breadcrumb.vue';
23
26
  export { default as Accordion } from './Accordion.vue';
24
27
  export { default as AccordionItem } from './AccordionItem.vue';
@@ -29,9 +32,13 @@ export { default as Stats } from './Stats.vue';
29
32
  export { default as StatsCard } from './StatItem.vue';
30
33
  export { default as StatsGrid } from './Stats.vue';
31
34
  export { default as FilterTabs } from './FilterTabs.vue';
35
+ export { default as Divider } from './Divider.vue';
36
+ export type { DividerOrientation } from './Divider.vue';
37
+ export { DataList, DataListItem, DataListLabel, DataListValue, } from './datalist';
38
+ export type { DataListItemData } from './datalist';
32
39
  export type { ButtonVariant, ButtonSize } from './Button.vue';
33
- export type { StatItemData, StatItemSize, StatItemIconPosition, StatItemVariant, StatItemColor, StatItemTrend, } from './StatItem.vue';
34
- export type { StatsColumns } from './Stats.vue';
40
+ export type { StatItemData, StatItemSize, StatItemIconPosition, StatItemVariant, StatItemColor, StatItemTrend, StatItemIconRounded, } from './StatItem.vue';
41
+ export type { StatsColumns, StatsGap } from './Stats.vue';
35
42
  export type { FilterTab } from './FilterTabs.vue';
36
43
  export type { DrawerPosition, DrawerSize } from './Drawer.vue';
37
44
  export type { BreadcrumbItem } from './Breadcrumb.vue';
@@ -1,52 +1,59 @@
1
- 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-CJnvcF8Z.js";
1
+ 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";
2
2
  import { a as a2, _ as _2 } from "../../Dropdown.vue_vue_type_script_setup_true_lang-GLCX7E3C.js";
3
3
  import { _ as _3 } from "../../BadgeType.vue_vue_type_script_setup_true_lang-tHRMWBb-.js";
4
4
  import { _ as _4 } from "../../Button.vue_vue_type_script_setup_true_lang-CBYr0Z2_.js";
5
5
  export {
6
- D as Accordion,
7
- E as AccordionItem,
6
+ E as Accordion,
7
+ F as AccordionItem,
8
8
  s as AutocompleteComponent,
9
- u as Avatar,
10
- C as Breadcrumb,
9
+ v as Avatar,
10
+ D as Breadcrumb,
11
11
  _4 as Button,
12
12
  c as Caption,
13
13
  _ as CardComponent,
14
14
  a as CardWrapper,
15
15
  e as Col,
16
16
  d as Colgroup,
17
- y as CollapsibleCard,
18
- G as DarkModeToggle,
17
+ z as CollapsibleCard,
18
+ H as DarkModeToggle,
19
+ M as DataList,
20
+ N as DataListItem,
21
+ O as DataListLabel,
22
+ P as DataListValue,
19
23
  p as DataTable,
20
- B as Drawer,
24
+ L as Divider,
25
+ C as Drawer,
21
26
  a2 as Dropdown,
22
27
  o as ExpandableRow,
23
- J as FilterTabs,
28
+ K as FilterTabs,
29
+ t as Menu,
24
30
  _2 as MenuItem,
25
31
  q as MobileList,
26
- A as Popover,
32
+ B as Popover,
27
33
  r as ResponsiveList,
28
- H as StatItem,
29
- I as Stats,
30
- H2 as StatsCard,
31
- I2 as StatsGrid,
34
+ C2 as SlideOver,
35
+ I as StatItem,
36
+ J as Stats,
37
+ I2 as StatsCard,
38
+ J2 as StatsGrid,
32
39
  _3 as StatusBadge,
33
- x as Stepper,
34
- w as TabPanel,
40
+ y as Stepper,
41
+ x as TabPanel,
35
42
  b as Table,
36
- t as TableAction,
43
+ u as TableAction,
37
44
  p2 as TableComponent,
38
45
  T as TableContextKey,
39
46
  n as TableFooter,
40
47
  l as TableHeader,
41
48
  m as TableRow,
42
- v as Tabs,
49
+ w as Tabs,
43
50
  g as Tbody,
44
51
  k as Td,
45
52
  h as Tfoot,
46
53
  j as Th,
47
54
  f as Thead,
48
- F as Timeline,
49
- z as Tooltip,
55
+ G as Timeline,
56
+ A as Tooltip,
50
57
  i as Tr
51
58
  };
52
59
  //# sourceMappingURL=index.js.map