cisse-vue-ui 0.9.0 → 0.10.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.
- package/dist/{FilterTabs.vue_vue_type_script_setup_true_lang-CzpYHtc5.js → FilterTabs.vue_vue_type_script_setup_true_lang-CJnvcF8Z.js} +260 -127
- package/dist/FilterTabs.vue_vue_type_script_setup_true_lang-CJnvcF8Z.js.map +1 -0
- package/dist/{FilterTabs.vue_vue_type_script_setup_true_lang-COkZbeGG.cjs → FilterTabs.vue_vue_type_script_setup_true_lang-l8lJzwoY.cjs} +260 -127
- package/dist/FilterTabs.vue_vue_type_script_setup_true_lang-l8lJzwoY.cjs.map +1 -0
- package/dist/components/core/StatItem.stories.d.ts +25 -0
- package/dist/components/core/StatItem.vue.d.ts +81 -0
- package/dist/components/core/Stats.stories.d.ts +24 -0
- package/dist/components/core/Stats.vue.d.ts +41 -0
- package/dist/components/core/index.cjs +3 -1
- package/dist/components/core/index.cjs.map +1 -1
- package/dist/components/core/index.d.ts +6 -3
- package/dist/components/core/index.js +5 -3
- package/dist/components/index.cjs +3 -1
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.js +5 -3
- package/dist/{index-BMSH4AOz.cjs → index-CYXOfUOG.cjs} +4 -2
- package/dist/{index-BMSH4AOz.cjs.map → index-CYXOfUOG.cjs.map} +1 -1
- package/dist/{index-0kwQORZJ.js → index-C_N7WRnM.js} +4 -2
- package/dist/{index-0kwQORZJ.js.map → index-C_N7WRnM.js.map} +1 -1
- package/dist/index.cjs +4 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +6 -4
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/FilterTabs.vue_vue_type_script_setup_true_lang-COkZbeGG.cjs.map +0 -1
- package/dist/FilterTabs.vue_vue_type_script_setup_true_lang-CzpYHtc5.js.map +0 -1
- package/dist/components/core/StatsCard.stories.d.ts +0 -15
- package/dist/components/core/StatsCard.vue.d.ts +0 -44
- package/dist/components/core/StatsGrid.stories.d.ts +0 -12
- package/dist/components/core/StatsGrid.vue.d.ts +0 -16
- /package/dist/components/core/{StatsCard.test.d.ts → StatItem.test.d.ts} +0 -0
- /package/dist/components/core/{StatsGrid.test.d.ts → Stats.test.d.ts} +0 -0
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
export type StatItemSize = 'sm' | 'md' | 'lg';
|
|
2
|
+
export type StatItemIconPosition = 'top' | 'left' | 'right';
|
|
3
|
+
export type StatItemVariant = 'default' | 'glass' | 'outline' | 'flat';
|
|
4
|
+
export type StatItemColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
|
|
5
|
+
export type StatItemTrend = 'up' | 'down' | 'neutral';
|
|
6
|
+
export interface StatItemData {
|
|
7
|
+
label: string;
|
|
8
|
+
value: string | number;
|
|
9
|
+
icon?: string;
|
|
10
|
+
change?: number;
|
|
11
|
+
changeLabel?: string;
|
|
12
|
+
trend?: StatItemTrend;
|
|
13
|
+
color?: StatItemColor;
|
|
14
|
+
}
|
|
15
|
+
type __VLS_Props = {
|
|
16
|
+
/** Stat label */
|
|
17
|
+
label: string;
|
|
18
|
+
/** Stat value */
|
|
19
|
+
value: string | number;
|
|
20
|
+
/** Icon name (iconify format) */
|
|
21
|
+
icon?: string;
|
|
22
|
+
/** Icon position */
|
|
23
|
+
iconPosition?: StatItemIconPosition;
|
|
24
|
+
/** Percentage change (positive or negative) */
|
|
25
|
+
change?: number;
|
|
26
|
+
/** Change label (e.g., "vs last month") */
|
|
27
|
+
changeLabel?: string;
|
|
28
|
+
/** Explicit trend direction (overrides change-based calculation) */
|
|
29
|
+
trend?: StatItemTrend;
|
|
30
|
+
/** Show only trend arrow without percentage */
|
|
31
|
+
trendOnly?: boolean;
|
|
32
|
+
/** Size variant */
|
|
33
|
+
size?: StatItemSize;
|
|
34
|
+
/** Visual variant */
|
|
35
|
+
variant?: StatItemVariant;
|
|
36
|
+
/** Color scheme */
|
|
37
|
+
color?: StatItemColor;
|
|
38
|
+
/** Make the stat clickable */
|
|
39
|
+
clickable?: boolean;
|
|
40
|
+
/** Center content (default: true for top icon, false for left/right) */
|
|
41
|
+
centered?: boolean;
|
|
42
|
+
/** Custom class for the card */
|
|
43
|
+
cardClass?: string;
|
|
44
|
+
/** Custom class for the icon wrapper */
|
|
45
|
+
iconClass?: string;
|
|
46
|
+
/** Custom class for the value */
|
|
47
|
+
valueClass?: string;
|
|
48
|
+
/** Custom class for the label */
|
|
49
|
+
labelClass?: string;
|
|
50
|
+
};
|
|
51
|
+
declare function __VLS_template(): {
|
|
52
|
+
attrs: Partial<{}>;
|
|
53
|
+
slots: {
|
|
54
|
+
icon?(_: {}): any;
|
|
55
|
+
value?(_: {}): any;
|
|
56
|
+
label?(_: {}): any;
|
|
57
|
+
extra?(_: {}): any;
|
|
58
|
+
};
|
|
59
|
+
refs: {};
|
|
60
|
+
rootEl: any;
|
|
61
|
+
};
|
|
62
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
63
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
64
|
+
click: (event: MouseEvent) => any;
|
|
65
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
66
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
67
|
+
}>, {
|
|
68
|
+
variant: StatItemVariant;
|
|
69
|
+
clickable: boolean;
|
|
70
|
+
color: StatItemColor;
|
|
71
|
+
size: StatItemSize;
|
|
72
|
+
iconPosition: StatItemIconPosition;
|
|
73
|
+
trendOnly: boolean;
|
|
74
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
75
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
76
|
+
export default _default;
|
|
77
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
78
|
+
new (): {
|
|
79
|
+
$slots: S;
|
|
80
|
+
};
|
|
81
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as Stats } from './Stats.vue';
|
|
3
|
+
declare const meta: Meta<typeof Stats>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const TwoColumns: Story;
|
|
8
|
+
export declare const ThreeColumns: Story;
|
|
9
|
+
export declare const FourColumns: Story;
|
|
10
|
+
export declare const SmallSize: Story;
|
|
11
|
+
export declare const LargeSize: Story;
|
|
12
|
+
export declare const IconLeft: Story;
|
|
13
|
+
export declare const IconRight: Story;
|
|
14
|
+
export declare const GlassVariant: Story;
|
|
15
|
+
export declare const OutlineVariant: Story;
|
|
16
|
+
export declare const FlatVariant: Story;
|
|
17
|
+
export declare const MixedColors: Story;
|
|
18
|
+
export declare const WithTrends: Story;
|
|
19
|
+
export declare const SmallGap: Story;
|
|
20
|
+
export declare const LargeGap: Story;
|
|
21
|
+
export declare const WithSlotContent: Story;
|
|
22
|
+
export declare const MixedSlotAndProps: Story;
|
|
23
|
+
export declare const DashboardExample: Story;
|
|
24
|
+
export declare const CompactStats: Story;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { StatItemData, StatItemSize, StatItemVariant, StatItemIconPosition } from './StatItem.vue';
|
|
2
|
+
export type StatsColumns = 1 | 2 | 3 | 4 | 5 | 6;
|
|
3
|
+
type __VLS_Props = {
|
|
4
|
+
/** Array of stats to display */
|
|
5
|
+
stats?: StatItemData[];
|
|
6
|
+
/** Number of columns (auto-calculated if not provided) */
|
|
7
|
+
cols?: StatsColumns;
|
|
8
|
+
/** Gap between items */
|
|
9
|
+
gap?: 'sm' | 'md' | 'lg';
|
|
10
|
+
/** Visual variant for all items */
|
|
11
|
+
variant?: StatItemVariant;
|
|
12
|
+
/** Size for all items */
|
|
13
|
+
size?: StatItemSize;
|
|
14
|
+
/** Icon position for all items */
|
|
15
|
+
iconPosition?: StatItemIconPosition;
|
|
16
|
+
/** Default color for items without explicit color */
|
|
17
|
+
color?: StatItemData['color'];
|
|
18
|
+
};
|
|
19
|
+
declare function __VLS_template(): {
|
|
20
|
+
attrs: Partial<{}>;
|
|
21
|
+
slots: {
|
|
22
|
+
default?(_: {}): any;
|
|
23
|
+
};
|
|
24
|
+
refs: {};
|
|
25
|
+
rootEl: HTMLDivElement;
|
|
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: StatItemVariant;
|
|
30
|
+
color: import('./StatItem.vue').StatItemColor;
|
|
31
|
+
size: StatItemSize;
|
|
32
|
+
gap: "sm" | "md" | "lg";
|
|
33
|
+
iconPosition: StatItemIconPosition;
|
|
34
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
35
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
36
|
+
export default _default;
|
|
37
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
38
|
+
new (): {
|
|
39
|
+
$slots: S;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
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-
|
|
3
|
+
const FilterTabs_vue_vue_type_script_setup_true_lang = require("../../FilterTabs.vue_vue_type_script_setup_true_lang-l8lJzwoY.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");
|
|
@@ -23,6 +23,8 @@ exports.FilterTabs = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$36
|
|
|
23
23
|
exports.MobileList = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$17;
|
|
24
24
|
exports.Popover = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$27;
|
|
25
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;
|
|
26
28
|
exports.StatsCard = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$34;
|
|
27
29
|
exports.StatsGrid = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$35;
|
|
28
30
|
exports.Stepper = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$24;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -24,11 +24,14 @@ export { default as Accordion } from './Accordion.vue';
|
|
|
24
24
|
export { default as AccordionItem } from './AccordionItem.vue';
|
|
25
25
|
export { default as Timeline } from './Timeline.vue';
|
|
26
26
|
export { default as DarkModeToggle } from './DarkModeToggle.vue';
|
|
27
|
-
export { default as
|
|
28
|
-
export { default as
|
|
27
|
+
export { default as StatItem } from './StatItem.vue';
|
|
28
|
+
export { default as Stats } from './Stats.vue';
|
|
29
|
+
export { default as StatsCard } from './StatItem.vue';
|
|
30
|
+
export { default as StatsGrid } from './Stats.vue';
|
|
29
31
|
export { default as FilterTabs } from './FilterTabs.vue';
|
|
30
32
|
export type { ButtonVariant, ButtonSize } from './Button.vue';
|
|
31
|
-
export type {
|
|
33
|
+
export type { StatItemData, StatItemSize, StatItemIconPosition, StatItemVariant, StatItemColor, StatItemTrend, } from './StatItem.vue';
|
|
34
|
+
export type { StatsColumns } from './Stats.vue';
|
|
32
35
|
export type { FilterTab } from './FilterTabs.vue';
|
|
33
36
|
export type { DrawerPosition, DrawerSize } from './Drawer.vue';
|
|
34
37
|
export type { BreadcrumbItem } from './Breadcrumb.vue';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { D, E, s, u, C, c, _, a, e, d, y, G, p, B, o, J, q, A, r, H, I, 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-
|
|
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";
|
|
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";
|
|
@@ -25,8 +25,10 @@ export {
|
|
|
25
25
|
q as MobileList,
|
|
26
26
|
A as Popover,
|
|
27
27
|
r as ResponsiveList,
|
|
28
|
-
H as
|
|
29
|
-
I as
|
|
28
|
+
H as StatItem,
|
|
29
|
+
I as Stats,
|
|
30
|
+
H2 as StatsCard,
|
|
31
|
+
I2 as StatsGrid,
|
|
30
32
|
_3 as StatusBadge,
|
|
31
33
|
x as Stepper,
|
|
32
34
|
w as TabPanel,
|
|
@@ -1,6 +1,6 @@
|
|
|
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-
|
|
3
|
+
const FilterTabs_vue_vue_type_script_setup_true_lang = require("../FilterTabs.vue_vue_type_script_setup_true_lang-l8lJzwoY.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");
|
|
@@ -28,6 +28,8 @@ exports.FilterTabs = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$36
|
|
|
28
28
|
exports.MobileList = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$17;
|
|
29
29
|
exports.Popover = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$27;
|
|
30
30
|
exports.ResponsiveList = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$18;
|
|
31
|
+
exports.StatItem = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$34;
|
|
32
|
+
exports.Stats = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$35;
|
|
31
33
|
exports.StatsCard = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$34;
|
|
32
34
|
exports.StatsGrid = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$35;
|
|
33
35
|
exports.Stepper = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$24;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/components/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { D, E, s, u, C, c, _, a, e, d, y, G, p, B, o, J, q, A, r, H, I, 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-
|
|
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";
|
|
2
2
|
import { a as a2, _ as _2 } from "../Dropdown.vue_vue_type_script_setup_true_lang-GLCX7E3C.js";
|
|
3
3
|
import { e as e2, d as d2, c as c2, b as b2, _ as _3, a as a3 } 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";
|
|
@@ -77,8 +77,10 @@ export {
|
|
|
77
77
|
e3 as SearchInput,
|
|
78
78
|
h3 as Skeleton,
|
|
79
79
|
S as Slider,
|
|
80
|
-
H as
|
|
81
|
-
I as
|
|
80
|
+
H as StatItem,
|
|
81
|
+
I as Stats,
|
|
82
|
+
H2 as StatsCard,
|
|
83
|
+
I2 as StatsGrid,
|
|
82
84
|
_3 as StatusBadge,
|
|
83
85
|
x as Stepper,
|
|
84
86
|
f2 as Switch,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
const FilterTabs_vue_vue_type_script_setup_true_lang = require("./FilterTabs.vue_vue_type_script_setup_true_lang-
|
|
2
|
+
const FilterTabs_vue_vue_type_script_setup_true_lang = require("./FilterTabs.vue_vue_type_script_setup_true_lang-l8lJzwoY.cjs");
|
|
3
3
|
const Dropdown_vue_vue_type_script_setup_true_lang = require("./Dropdown.vue_vue_type_script_setup_true_lang-BAKGRZIb.cjs");
|
|
4
4
|
const BadgeType_vue_vue_type_script_setup_true_lang = require("./BadgeType.vue_vue_type_script_setup_true_lang-zs0NXN4g.cjs");
|
|
5
5
|
const Button_vue_vue_type_script_setup_true_lang = require("./Button.vue_vue_type_script_setup_true_lang-CXRj7LEP.cjs");
|
|
@@ -79,6 +79,8 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
|
|
|
79
79
|
SearchInput: CheckboxGroup_vue_vue_type_script_setup_true_lang._sfc_main$5,
|
|
80
80
|
Skeleton: ConfirmDialog_vue_vue_type_script_setup_true_lang._sfc_main$8,
|
|
81
81
|
Slider: CheckboxGroup_vue_vue_type_script_setup_true_lang.Slider,
|
|
82
|
+
StatItem: FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$34,
|
|
83
|
+
Stats: FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$35,
|
|
82
84
|
StatsCard: FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$34,
|
|
83
85
|
StatsGrid: FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$35,
|
|
84
86
|
StatusBadge: BadgeType_vue_vue_type_script_setup_true_lang._sfc_main,
|
|
@@ -110,4 +112,4 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
|
|
|
110
112
|
URLInput: CheckboxGroup_vue_vue_type_script_setup_true_lang._sfc_main$24
|
|
111
113
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
112
114
|
exports.components = components;
|
|
113
|
-
//# sourceMappingURL=index-
|
|
115
|
+
//# sourceMappingURL=index-CYXOfUOG.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-CYXOfUOG.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { D as _sfc_main, E as _sfc_main$1, s as _sfc_main$4, u as _sfc_main$5, C as _sfc_main$9, c as _sfc_main$b, _ as _sfc_main$c, a as _sfc_main$e, e as _sfc_main$h, d as _sfc_main$i, y as _sfc_main$j, G as _sfc_main$n, p as _sfc_main$o, B as _sfc_main$r, o as _sfc_main$v, J as _sfc_main$x, q as _sfc_main$K, A as _sfc_main$Y, r as _sfc_main$10, H as _sfc_main$13, I as _sfc_main$14, x as _sfc_main$16, w as _sfc_main$18, b as _sfc_main$19, t as _sfc_main$1a, T as TableContextKey, n as _sfc_main$1b, l as _sfc_main$1c, m as _sfc_main$1d, v as _sfc_main$1f, g as _sfc_main$1g, k as _sfc_main$1h, h as _sfc_main$1k, j as _sfc_main$1l, f as _sfc_main$1m, F as _sfc_main$1n, z as _sfc_main$1q, i as _sfc_main$1r } from "./FilterTabs.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import { D as _sfc_main, E as _sfc_main$1, s as _sfc_main$4, u as _sfc_main$5, C as _sfc_main$9, c as _sfc_main$b, _ as _sfc_main$c, a as _sfc_main$e, e as _sfc_main$h, d as _sfc_main$i, y as _sfc_main$j, G as _sfc_main$n, p as _sfc_main$o, B as _sfc_main$r, o as _sfc_main$v, J as _sfc_main$x, q as _sfc_main$K, A as _sfc_main$Y, r as _sfc_main$10, H as _sfc_main$13, I as _sfc_main$14, x as _sfc_main$16, w as _sfc_main$18, b as _sfc_main$19, t as _sfc_main$1a, T as TableContextKey, n as _sfc_main$1b, l as _sfc_main$1c, m as _sfc_main$1d, v as _sfc_main$1f, g as _sfc_main$1g, k as _sfc_main$1h, h as _sfc_main$1k, j as _sfc_main$1l, f as _sfc_main$1m, F as _sfc_main$1n, z as _sfc_main$1q, i as _sfc_main$1r } from "./FilterTabs.vue_vue_type_script_setup_true_lang-CJnvcF8Z.js";
|
|
2
2
|
import { a as _sfc_main$s, _ as _sfc_main$J } from "./Dropdown.vue_vue_type_script_setup_true_lang-GLCX7E3C.js";
|
|
3
3
|
import { e as _sfc_main$6, d as _sfc_main$8, c as _sfc_main$q, b as _sfc_main$Q, _ as _sfc_main$15, a as _sfc_main$1j } from "./BadgeType.vue_vue_type_script_setup_true_lang-tHRMWBb-.js";
|
|
4
4
|
import { _ as _sfc_main$a } from "./Button.vue_vue_type_script_setup_true_lang-CBYr0Z2_.js";
|
|
@@ -78,6 +78,8 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
|
|
|
78
78
|
SearchInput: _sfc_main$11,
|
|
79
79
|
Skeleton: _sfc_main$12,
|
|
80
80
|
Slider,
|
|
81
|
+
StatItem: _sfc_main$13,
|
|
82
|
+
Stats: _sfc_main$14,
|
|
81
83
|
StatsCard: _sfc_main$13,
|
|
82
84
|
StatsGrid: _sfc_main$14,
|
|
83
85
|
StatusBadge: _sfc_main$15,
|
|
@@ -111,4 +113,4 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
|
|
|
111
113
|
export {
|
|
112
114
|
components as c
|
|
113
115
|
};
|
|
114
|
-
//# sourceMappingURL=index-
|
|
116
|
+
//# sourceMappingURL=index-C_N7WRnM.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-C_N7WRnM.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
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-
|
|
3
|
+
const FilterTabs_vue_vue_type_script_setup_true_lang = require("./FilterTabs.vue_vue_type_script_setup_true_lang-l8lJzwoY.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");
|
|
@@ -15,7 +15,7 @@ const useDropdown = require("./useDropdown-HI7ABBLe.cjs");
|
|
|
15
15
|
const useId = require("./useId-nxrBaIC9.cjs");
|
|
16
16
|
const useFocusTrap = require("./useFocusTrap-kcxO8AeU.cjs");
|
|
17
17
|
const useInputStyles = require("./useInputStyles-DMfvW6N5.cjs");
|
|
18
|
-
const components_index = require("./index-
|
|
18
|
+
const components_index = require("./index-CYXOfUOG.cjs");
|
|
19
19
|
const VueTailwindUI = {
|
|
20
20
|
install(app, options = {}) {
|
|
21
21
|
const { prefix = "", components: selectedComponents } = options;
|
|
@@ -49,6 +49,8 @@ exports.FilterTabs = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$36
|
|
|
49
49
|
exports.MobileList = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$17;
|
|
50
50
|
exports.Popover = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$27;
|
|
51
51
|
exports.ResponsiveList = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$18;
|
|
52
|
+
exports.StatItem = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$34;
|
|
53
|
+
exports.Stats = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$35;
|
|
52
54
|
exports.StatsCard = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$34;
|
|
53
55
|
exports.StatsGrid = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$35;
|
|
54
56
|
exports.Stepper = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$24;
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../src/plugin.ts"],"sourcesContent":["import type { App, Plugin, Component } from 'vue'\nimport * as components from './components'\n\nexport interface PluginOptions {\n /** Optional prefix for component names (e.g., 'Ui' makes CardComponent -> UiCardComponent) */\n prefix?: string\n /** List of specific components to register. If not provided, all components are registered */\n components?: string[]\n}\n\n/**\n * Vue plugin for global component registration\n *\n * @example\n * // Register all components\n * app.use(VueTailwindUI)\n *\n * @example\n * // Register with prefix\n * app.use(VueTailwindUI, { prefix: 'Ui' })\n *\n * @example\n * // Register specific components only\n * app.use(VueTailwindUI, { components: ['CardComponent', 'TableComponent'] })\n */\nconst VueTailwindUI: Plugin = {\n install(app: App, options: PluginOptions = {}) {\n const { prefix = '', components: selectedComponents } = options\n\n const allComponents = components as Record<string, Component>\n\n const componentsToRegister = selectedComponents\n ? Object.fromEntries(\n Object.entries(allComponents).filter(([name]) =>\n selectedComponents.includes(name),\n ),\n )\n : allComponents\n\n for (const [name, component] of Object.entries(componentsToRegister)) {\n app.component(`${prefix}${name}`, component)\n }\n },\n}\n\nexport default VueTailwindUI\n"],"names":["components"],"mappings":";;;;;;;;;;;;;;;;;;AAyBA,MAAM,gBAAwB;AAAA,EAC5B,QAAQ,KAAU,UAAyB,IAAI;AAC7C,UAAM,EAAE,SAAS,IAAI,YAAY,uBAAuB;AAExD,UAAM,gBAAgBA,iBAAAA;AAEtB,UAAM,uBAAuB,qBACzB,OAAO;AAAA,MACL,OAAO,QAAQ,aAAa,EAAE;AAAA,QAAO,CAAC,CAAC,IAAI,MACzC,mBAAmB,SAAS,IAAI;AAAA,MAAA;AAAA,IAClC,IAEF;AAEJ,eAAW,CAAC,MAAM,SAAS,KAAK,OAAO,QAAQ,oBAAoB,GAAG;AACpE,UAAI,UAAU,GAAG,MAAM,GAAG,IAAI,IAAI,SAAS;AAAA,IAC7C;AAAA,EACF;AACF
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../src/plugin.ts"],"sourcesContent":["import type { App, Plugin, Component } from 'vue'\nimport * as components from './components'\n\nexport interface PluginOptions {\n /** Optional prefix for component names (e.g., 'Ui' makes CardComponent -> UiCardComponent) */\n prefix?: string\n /** List of specific components to register. If not provided, all components are registered */\n components?: string[]\n}\n\n/**\n * Vue plugin for global component registration\n *\n * @example\n * // Register all components\n * app.use(VueTailwindUI)\n *\n * @example\n * // Register with prefix\n * app.use(VueTailwindUI, { prefix: 'Ui' })\n *\n * @example\n * // Register specific components only\n * app.use(VueTailwindUI, { components: ['CardComponent', 'TableComponent'] })\n */\nconst VueTailwindUI: Plugin = {\n install(app: App, options: PluginOptions = {}) {\n const { prefix = '', components: selectedComponents } = options\n\n const allComponents = components as Record<string, Component>\n\n const componentsToRegister = selectedComponents\n ? Object.fromEntries(\n Object.entries(allComponents).filter(([name]) =>\n selectedComponents.includes(name),\n ),\n )\n : allComponents\n\n for (const [name, component] of Object.entries(componentsToRegister)) {\n app.component(`${prefix}${name}`, component)\n }\n },\n}\n\nexport default VueTailwindUI\n"],"names":["components"],"mappings":";;;;;;;;;;;;;;;;;;AAyBA,MAAM,gBAAwB;AAAA,EAC5B,QAAQ,KAAU,UAAyB,IAAI;AAC7C,UAAM,EAAE,SAAS,IAAI,YAAY,uBAAuB;AAExD,UAAM,gBAAgBA,iBAAAA;AAEtB,UAAM,uBAAuB,qBACzB,OAAO;AAAA,MACL,OAAO,QAAQ,aAAa,EAAE;AAAA,QAAO,CAAC,CAAC,IAAI,MACzC,mBAAmB,SAAS,IAAI;AAAA,MAAA;AAAA,IAClC,IAEF;AAEJ,eAAW,CAAC,MAAM,SAAS,KAAK,OAAO,QAAQ,oBAAoB,GAAG;AACpE,UAAI,UAAU,GAAG,MAAM,GAAG,IAAI,IAAI,SAAS;AAAA,IAC7C;AAAA,EACF;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { D, E, s, u, C, c, _, a, e, d, y, G, p, B, o, J, q, A, r, H, I, 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-
|
|
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";
|
|
2
2
|
import { a as a2, _ as _2 } from "./Dropdown.vue_vue_type_script_setup_true_lang-GLCX7E3C.js";
|
|
3
3
|
import { e as e2, d as d2, c as c2, b as b2, _ as _3, a as a3 } 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";
|
|
@@ -13,7 +13,7 @@ import { u as u5 } from "./useDropdown-XITCE_SM.js";
|
|
|
13
13
|
import { g as g5, r as r3, u as u6 } from "./useId-xeHj7rkg.js";
|
|
14
14
|
import { u as u7 } from "./useFocusTrap-AnlJsihM.js";
|
|
15
15
|
import { u as u8 } from "./useInputStyles-BFTJdXHL.js";
|
|
16
|
-
import { c as components } from "./index-
|
|
16
|
+
import { c as components } from "./index-C_N7WRnM.js";
|
|
17
17
|
const VueTailwindUI = {
|
|
18
18
|
install(app, options = {}) {
|
|
19
19
|
const { prefix = "", components: selectedComponents } = options;
|
|
@@ -98,8 +98,10 @@ export {
|
|
|
98
98
|
e3 as SearchInput,
|
|
99
99
|
h3 as Skeleton,
|
|
100
100
|
S as Slider,
|
|
101
|
-
H as
|
|
102
|
-
I as
|
|
101
|
+
H as StatItem,
|
|
102
|
+
I as Stats,
|
|
103
|
+
H2 as StatsCard,
|
|
104
|
+
I2 as StatsGrid,
|
|
103
105
|
_3 as StatusBadge,
|
|
104
106
|
x as Stepper,
|
|
105
107
|
f2 as Switch,
|