@techsio/ui-kit 0.0.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/README.md +165 -0
- package/dist/atoms/badge.js +66 -0
- package/dist/atoms/button.js +275 -0
- package/dist/atoms/error-text.js +38 -0
- package/dist/atoms/extra-text.js +27 -0
- package/dist/atoms/icon.js +42 -0
- package/dist/atoms/image.js +11 -0
- package/dist/atoms/input.js +83 -0
- package/dist/atoms/label.js +43 -0
- package/dist/atoms/link-button.js +51 -0
- package/dist/atoms/link.js +23 -0
- package/dist/atoms/numeric-input.js +221 -0
- package/dist/atoms/rating.js +117 -0
- package/dist/atoms/textarea.js +81 -0
- package/dist/atoms/tooltip.js +119 -0
- package/dist/molecules/accordion.js +245 -0
- package/dist/molecules/breadcrumb.js +168 -0
- package/dist/molecules/carousel.js +333 -0
- package/dist/molecules/checkbox.js +92 -0
- package/dist/molecules/color-select.js +159 -0
- package/dist/molecules/combobox.js +253 -0
- package/dist/molecules/dialog.js +313 -0
- package/dist/molecules/form-checkbox.js +59 -0
- package/dist/molecules/form-input.js +55 -0
- package/dist/molecules/form-numeric-input.js +47 -0
- package/dist/molecules/form-textarea.js +54 -0
- package/dist/molecules/menu.js +302 -0
- package/dist/molecules/pagination.js +184 -0
- package/dist/molecules/popover.js +152 -0
- package/dist/molecules/product-card.js +194 -0
- package/dist/molecules/search-form.js +106 -0
- package/dist/molecules/select.js +217 -0
- package/dist/molecules/slider.js +249 -0
- package/dist/molecules/steps.js +178 -0
- package/dist/molecules/switch.js +109 -0
- package/dist/molecules/tabs.js +211 -0
- package/dist/molecules/toast.js +126 -0
- package/dist/molecules/tree-view.js +451 -0
- package/dist/organisms/footer.js +209 -0
- package/dist/organisms/header.js +245 -0
- package/dist/organisms/table.js +233 -0
- package/dist/src/atoms/badge.d.ts +59 -0
- package/dist/src/atoms/badge.d.ts.map +1 -0
- package/dist/src/atoms/button.d.ts +97 -0
- package/dist/src/atoms/button.d.ts.map +1 -0
- package/dist/src/atoms/error-text.d.ts +29 -0
- package/dist/src/atoms/error-text.d.ts.map +1 -0
- package/dist/src/atoms/extra-text.d.ts +27 -0
- package/dist/src/atoms/extra-text.d.ts.map +1 -0
- package/dist/src/atoms/icon.d.ts +65 -0
- package/dist/src/atoms/icon.d.ts.map +1 -0
- package/dist/src/atoms/image.d.ts +17 -0
- package/dist/src/atoms/image.d.ts.map +1 -0
- package/dist/src/atoms/input.d.ts +78 -0
- package/dist/src/atoms/input.d.ts.map +1 -0
- package/dist/src/atoms/label.d.ts +41 -0
- package/dist/src/atoms/label.d.ts.map +1 -0
- package/dist/src/atoms/link-button.d.ts +129 -0
- package/dist/src/atoms/link-button.d.ts.map +1 -0
- package/dist/src/atoms/link.d.ts +17 -0
- package/dist/src/atoms/link.d.ts.map +1 -0
- package/dist/src/atoms/numeric-input.d.ts +64 -0
- package/dist/src/atoms/numeric-input.d.ts.map +1 -0
- package/dist/src/atoms/rating.d.ts +108 -0
- package/dist/src/atoms/rating.d.ts.map +1 -0
- package/dist/src/atoms/textarea.d.ts +81 -0
- package/dist/src/atoms/textarea.d.ts.map +1 -0
- package/dist/src/atoms/tooltip.d.ts +88 -0
- package/dist/src/atoms/tooltip.d.ts.map +1 -0
- package/dist/src/molecules/accordion.d.ts +182 -0
- package/dist/src/molecules/accordion.d.ts.map +1 -0
- package/dist/src/molecules/breadcrumb.d.ts +117 -0
- package/dist/src/molecules/breadcrumb.d.ts.map +1 -0
- package/dist/src/molecules/carousel.d.ts +261 -0
- package/dist/src/molecules/carousel.d.ts.map +1 -0
- package/dist/src/molecules/checkbox.d.ts +19 -0
- package/dist/src/molecules/checkbox.d.ts.map +1 -0
- package/dist/src/molecules/color-select.d.ts +20 -0
- package/dist/src/molecules/color-select.d.ts.map +1 -0
- package/dist/src/molecules/combobox.d.ts +141 -0
- package/dist/src/molecules/combobox.d.ts.map +1 -0
- package/dist/src/molecules/dialog.d.ts +234 -0
- package/dist/src/molecules/dialog.d.ts.map +1 -0
- package/dist/src/molecules/form-checkbox.d.ts +15 -0
- package/dist/src/molecules/form-checkbox.d.ts.map +1 -0
- package/dist/src/molecules/form-input.d.ts +14 -0
- package/dist/src/molecules/form-input.d.ts.map +1 -0
- package/dist/src/molecules/form-numeric-input.d.ts +14 -0
- package/dist/src/molecules/form-numeric-input.d.ts.map +1 -0
- package/dist/src/molecules/form-textarea.d.ts +14 -0
- package/dist/src/molecules/form-textarea.d.ts.map +1 -0
- package/dist/src/molecules/menu.d.ts +153 -0
- package/dist/src/molecules/menu.d.ts.map +1 -0
- package/dist/src/molecules/pagination.d.ts +123 -0
- package/dist/src/molecules/pagination.d.ts.map +1 -0
- package/dist/src/molecules/popover.d.ts +124 -0
- package/dist/src/molecules/popover.d.ts.map +1 -0
- package/dist/src/molecules/product-card.d.ts +160 -0
- package/dist/src/molecules/product-card.d.ts.map +1 -0
- package/dist/src/molecules/search-form.d.ts +39 -0
- package/dist/src/molecules/search-form.d.ts.map +1 -0
- package/dist/src/molecules/select.d.ts +126 -0
- package/dist/src/molecules/select.d.ts.map +1 -0
- package/dist/src/molecules/slider.d.ts +120 -0
- package/dist/src/molecules/slider.d.ts.map +1 -0
- package/dist/src/molecules/steps.d.ts +96 -0
- package/dist/src/molecules/steps.d.ts.map +1 -0
- package/dist/src/molecules/switch.d.ts +71 -0
- package/dist/src/molecules/switch.d.ts.map +1 -0
- package/dist/src/molecules/tabs.d.ts +207 -0
- package/dist/src/molecules/tabs.d.ts.map +1 -0
- package/dist/src/molecules/toast.d.ts +83 -0
- package/dist/src/molecules/toast.d.ts.map +1 -0
- package/dist/src/molecules/tree-view.d.ts +202 -0
- package/dist/src/molecules/tree-view.d.ts.map +1 -0
- package/dist/src/organisms/footer.d.ts +254 -0
- package/dist/src/organisms/footer.d.ts.map +1 -0
- package/dist/src/organisms/header.d.ts +186 -0
- package/dist/src/organisms/header.d.ts.map +1 -0
- package/dist/src/organisms/table.d.ts +250 -0
- package/dist/src/organisms/table.d.ts.map +1 -0
- package/dist/src/templates/accordion.d.ts +15 -0
- package/dist/src/templates/accordion.d.ts.map +1 -0
- package/dist/src/templates/carousel.d.ts +13 -0
- package/dist/src/templates/carousel.d.ts.map +1 -0
- package/dist/src/templates/numeric-input.d.ts +14 -0
- package/dist/src/templates/numeric-input.d.ts.map +1 -0
- package/dist/src/templates/product-card.d.ts +33 -0
- package/dist/src/templates/product-card.d.ts.map +1 -0
- package/dist/src/templates/tabs.d.ts +16 -0
- package/dist/src/templates/tabs.d.ts.map +1 -0
- package/dist/src/types/zag.d.ts +19 -0
- package/dist/src/types/zag.d.ts.map +1 -0
- package/dist/src/utils.d.ts +4 -0
- package/dist/src/utils.d.ts.map +1 -0
- package/dist/templates/accordion.js +37 -0
- package/dist/templates/carousel.js +55 -0
- package/dist/templates/numeric-input.js +49 -0
- package/dist/templates/product-card.js +92 -0
- package/dist/templates/tabs.js +34 -0
- package/dist/types/zag.js +0 -0
- package/dist/utils.js +20 -0
- package/package.json +126 -0
- package/src/tokens/_base.css +25 -0
- package/src/tokens/_colors.css +5 -0
- package/src/tokens/_layout.css +34 -0
- package/src/tokens/_semantic.css +360 -0
- package/src/tokens/_spacing.css +22 -0
- package/src/tokens/_typography.css +17 -0
- package/src/tokens/components/atoms/_badge.css +61 -0
- package/src/tokens/components/atoms/_button.css +215 -0
- package/src/tokens/components/atoms/_icon.css +122 -0
- package/src/tokens/components/atoms/_input.css +125 -0
- package/src/tokens/components/atoms/_numeric-input.css +57 -0
- package/src/tokens/components/atoms/_rating.css +33 -0
- package/src/tokens/components/atoms/_textarea.css +93 -0
- package/src/tokens/components/atoms/_tooltip.css +21 -0
- package/src/tokens/components/components.css +32 -0
- package/src/tokens/components/molecules/_accordion.css +85 -0
- package/src/tokens/components/molecules/_breadcrumb.css +44 -0
- package/src/tokens/components/molecules/_carousel.css +72 -0
- package/src/tokens/components/molecules/_checkbox.css +29 -0
- package/src/tokens/components/molecules/_color-select.css +61 -0
- package/src/tokens/components/molecules/_combobox.css +116 -0
- package/src/tokens/components/molecules/_dialog.css +75 -0
- package/src/tokens/components/molecules/_menu.css +48 -0
- package/src/tokens/components/molecules/_pagination.css +75 -0
- package/src/tokens/components/molecules/_popover.css +39 -0
- package/src/tokens/components/molecules/_product-card.css +85 -0
- package/src/tokens/components/molecules/_search-form.css +10 -0
- package/src/tokens/components/molecules/_select.css +88 -0
- package/src/tokens/components/molecules/_slider.css +75 -0
- package/src/tokens/components/molecules/_steps.css +54 -0
- package/src/tokens/components/molecules/_switch.css +62 -0
- package/src/tokens/components/molecules/_tabs.css +69 -0
- package/src/tokens/components/molecules/_toast.css +77 -0
- package/src/tokens/components/molecules/_tree-view.css +80 -0
- package/src/tokens/components/molecules/index.css +2 -0
- package/src/tokens/components/organisms/_footer.css +90 -0
- package/src/tokens/components/organisms/_header.css +86 -0
- package/src/tokens/components/organisms/_table.css +63 -0
- package/src/tokens/index.css +67 -0
- package/src/tokens/tokens-only.css +66 -0
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import * as tooltip from '@zag-js/tooltip';
|
|
2
|
+
import { type ReactNode, type Ref } from 'react';
|
|
3
|
+
import { type VariantProps } from 'tailwind-variants';
|
|
4
|
+
declare const tooltipVariants: import("tailwind-variants").TVReturnType<{
|
|
5
|
+
variant: {
|
|
6
|
+
default: {};
|
|
7
|
+
outline: {
|
|
8
|
+
content: string;
|
|
9
|
+
arrow: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
size: {
|
|
13
|
+
sm: {
|
|
14
|
+
content: string;
|
|
15
|
+
};
|
|
16
|
+
md: {
|
|
17
|
+
content: string;
|
|
18
|
+
};
|
|
19
|
+
lg: {
|
|
20
|
+
content: string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
}, {
|
|
24
|
+
trigger: string[];
|
|
25
|
+
content: string[];
|
|
26
|
+
positioner: string[];
|
|
27
|
+
arrow: string;
|
|
28
|
+
}, undefined, {
|
|
29
|
+
variant: {
|
|
30
|
+
default: {};
|
|
31
|
+
outline: {
|
|
32
|
+
content: string;
|
|
33
|
+
arrow: string;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
size: {
|
|
37
|
+
sm: {
|
|
38
|
+
content: string;
|
|
39
|
+
};
|
|
40
|
+
md: {
|
|
41
|
+
content: string;
|
|
42
|
+
};
|
|
43
|
+
lg: {
|
|
44
|
+
content: string;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
}, {
|
|
48
|
+
trigger: string[];
|
|
49
|
+
content: string[];
|
|
50
|
+
positioner: string[];
|
|
51
|
+
arrow: string;
|
|
52
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
53
|
+
variant: {
|
|
54
|
+
default: {};
|
|
55
|
+
outline: {
|
|
56
|
+
content: string;
|
|
57
|
+
arrow: string;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
size: {
|
|
61
|
+
sm: {
|
|
62
|
+
content: string;
|
|
63
|
+
};
|
|
64
|
+
md: {
|
|
65
|
+
content: string;
|
|
66
|
+
};
|
|
67
|
+
lg: {
|
|
68
|
+
content: string;
|
|
69
|
+
};
|
|
70
|
+
};
|
|
71
|
+
}, {
|
|
72
|
+
trigger: string[];
|
|
73
|
+
content: string[];
|
|
74
|
+
positioner: string[];
|
|
75
|
+
arrow: string;
|
|
76
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
77
|
+
export interface TooltipProps extends VariantProps<typeof tooltipVariants>, Partial<tooltip.Props>, Partial<tooltip.PositioningOptions> {
|
|
78
|
+
ref?: Ref<HTMLSpanElement>;
|
|
79
|
+
content: ReactNode;
|
|
80
|
+
children: ReactNode;
|
|
81
|
+
className?: string;
|
|
82
|
+
}
|
|
83
|
+
export declare function Tooltip({ content, children, className, ref, size, variant, id: MRAId, dir, openDelay, closeDelay, interactive, defaultOpen, open, onOpenChange, disabled, closeOnEscape, closeOnPointerDown, closeOnScroll, closeOnClick, placement, offset, gutter, flip, sameWidth, boundary, listeners, strategy, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
84
|
+
export declare namespace Tooltip {
|
|
85
|
+
var displayName: string;
|
|
86
|
+
}
|
|
87
|
+
export {};
|
|
88
|
+
//# sourceMappingURL=tooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/atoms/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAS,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,KAAK,YAAY,EAAM,MAAM,mBAAmB,CAAA;AAEzD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAoCnB,CAAA;AAEF,MAAM,WAAW,YACf,SAAQ,YAAY,CAAC,OAAO,eAAe,CAAC,EAC1C,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EACtB,OAAO,CAAC,OAAO,CAAC,kBAAkB,CAAC;IACrC,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;IAC1B,OAAO,EAAE,SAAS,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,EACH,IAAI,EACJ,OAAO,EAEP,EAAE,EAAE,KAAK,EACT,GAAW,EACX,SAAe,EACf,UAAgB,EAChB,WAAkB,EAClB,WAAW,EACX,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,aAAoB,EACpB,kBAAkB,EAClB,aAAa,EACb,YAAY,EAEZ,SAAS,EACT,MAAuC,EACvC,MAAM,EACN,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE,YAAY,2CAsEd;yBApGe,OAAO"}
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef, type Ref } from 'react';
|
|
2
|
+
import type { VariantProps } from 'tailwind-variants';
|
|
3
|
+
import { type IconType } from '../atoms/icon';
|
|
4
|
+
declare const accordionVariants: import("tailwind-variants").TVReturnType<{
|
|
5
|
+
variant: {
|
|
6
|
+
default: {
|
|
7
|
+
root: string;
|
|
8
|
+
item: string;
|
|
9
|
+
};
|
|
10
|
+
borderless: {};
|
|
11
|
+
child: {};
|
|
12
|
+
};
|
|
13
|
+
shadow: {
|
|
14
|
+
sm: {
|
|
15
|
+
root: string;
|
|
16
|
+
content: string;
|
|
17
|
+
};
|
|
18
|
+
md: {
|
|
19
|
+
root: string;
|
|
20
|
+
content: string;
|
|
21
|
+
};
|
|
22
|
+
none: string;
|
|
23
|
+
};
|
|
24
|
+
size: {
|
|
25
|
+
sm: {
|
|
26
|
+
title: string;
|
|
27
|
+
content: string;
|
|
28
|
+
subtitle: string;
|
|
29
|
+
};
|
|
30
|
+
md: {
|
|
31
|
+
title: string;
|
|
32
|
+
content: string;
|
|
33
|
+
subtitle: string;
|
|
34
|
+
};
|
|
35
|
+
lg: {
|
|
36
|
+
title: string;
|
|
37
|
+
content: string;
|
|
38
|
+
subtitle: string;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
}, {
|
|
42
|
+
root: string[];
|
|
43
|
+
item: string;
|
|
44
|
+
title: string;
|
|
45
|
+
titleTrigger: string[];
|
|
46
|
+
subtitle: string[];
|
|
47
|
+
content: string[];
|
|
48
|
+
icon: string[];
|
|
49
|
+
}, undefined, {
|
|
50
|
+
variant: {
|
|
51
|
+
default: {
|
|
52
|
+
root: string;
|
|
53
|
+
item: string;
|
|
54
|
+
};
|
|
55
|
+
borderless: {};
|
|
56
|
+
child: {};
|
|
57
|
+
};
|
|
58
|
+
shadow: {
|
|
59
|
+
sm: {
|
|
60
|
+
root: string;
|
|
61
|
+
content: string;
|
|
62
|
+
};
|
|
63
|
+
md: {
|
|
64
|
+
root: string;
|
|
65
|
+
content: string;
|
|
66
|
+
};
|
|
67
|
+
none: string;
|
|
68
|
+
};
|
|
69
|
+
size: {
|
|
70
|
+
sm: {
|
|
71
|
+
title: string;
|
|
72
|
+
content: string;
|
|
73
|
+
subtitle: string;
|
|
74
|
+
};
|
|
75
|
+
md: {
|
|
76
|
+
title: string;
|
|
77
|
+
content: string;
|
|
78
|
+
subtitle: string;
|
|
79
|
+
};
|
|
80
|
+
lg: {
|
|
81
|
+
title: string;
|
|
82
|
+
content: string;
|
|
83
|
+
subtitle: string;
|
|
84
|
+
};
|
|
85
|
+
};
|
|
86
|
+
}, {
|
|
87
|
+
root: string[];
|
|
88
|
+
item: string;
|
|
89
|
+
title: string;
|
|
90
|
+
titleTrigger: string[];
|
|
91
|
+
subtitle: string[];
|
|
92
|
+
content: string[];
|
|
93
|
+
icon: string[];
|
|
94
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
95
|
+
variant: {
|
|
96
|
+
default: {
|
|
97
|
+
root: string;
|
|
98
|
+
item: string;
|
|
99
|
+
};
|
|
100
|
+
borderless: {};
|
|
101
|
+
child: {};
|
|
102
|
+
};
|
|
103
|
+
shadow: {
|
|
104
|
+
sm: {
|
|
105
|
+
root: string;
|
|
106
|
+
content: string;
|
|
107
|
+
};
|
|
108
|
+
md: {
|
|
109
|
+
root: string;
|
|
110
|
+
content: string;
|
|
111
|
+
};
|
|
112
|
+
none: string;
|
|
113
|
+
};
|
|
114
|
+
size: {
|
|
115
|
+
sm: {
|
|
116
|
+
title: string;
|
|
117
|
+
content: string;
|
|
118
|
+
subtitle: string;
|
|
119
|
+
};
|
|
120
|
+
md: {
|
|
121
|
+
title: string;
|
|
122
|
+
content: string;
|
|
123
|
+
subtitle: string;
|
|
124
|
+
};
|
|
125
|
+
lg: {
|
|
126
|
+
title: string;
|
|
127
|
+
content: string;
|
|
128
|
+
subtitle: string;
|
|
129
|
+
};
|
|
130
|
+
};
|
|
131
|
+
}, {
|
|
132
|
+
root: string[];
|
|
133
|
+
item: string;
|
|
134
|
+
title: string;
|
|
135
|
+
titleTrigger: string[];
|
|
136
|
+
subtitle: string[];
|
|
137
|
+
content: string[];
|
|
138
|
+
icon: string[];
|
|
139
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
140
|
+
export interface AccordionProps extends VariantProps<typeof accordionVariants>, Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
|
|
141
|
+
id?: string;
|
|
142
|
+
defaultValue?: string[];
|
|
143
|
+
value?: string[];
|
|
144
|
+
collapsible?: boolean;
|
|
145
|
+
multiple?: boolean;
|
|
146
|
+
disabled?: boolean;
|
|
147
|
+
dir?: 'ltr' | 'rtl';
|
|
148
|
+
onChange?: (value: string[]) => void;
|
|
149
|
+
ref?: Ref<HTMLDivElement>;
|
|
150
|
+
}
|
|
151
|
+
export declare function Accordion({ id, defaultValue, value, collapsible, multiple, dir, onChange, size, shadow, disabled, children, ref, className, variant, ...props }: AccordionProps): import("react/jsx-runtime").JSX.Element;
|
|
152
|
+
export declare namespace Accordion {
|
|
153
|
+
var Item: ({ value, disabled, children, ref, className, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
154
|
+
var Header: ({ children, ref, className, ...props }: AccordionHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
155
|
+
var Content: ({ children, ref, className, ...props }: AccordionContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
156
|
+
var Indicator: ({ icon, ref, className, ...props }: AccordionIndicatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
157
|
+
var Title: ({ children, ref, className, ...props }: AccordionTitleProps) => import("react/jsx-runtime").JSX.Element;
|
|
158
|
+
var Subtitle: ({ children, ref, className, ...props }: AccordionSubtitleProps) => import("react/jsx-runtime").JSX.Element;
|
|
159
|
+
}
|
|
160
|
+
interface AccordionItemProps extends ComponentPropsWithoutRef<'div'> {
|
|
161
|
+
value: string;
|
|
162
|
+
disabled?: boolean;
|
|
163
|
+
ref?: Ref<HTMLDivElement>;
|
|
164
|
+
}
|
|
165
|
+
interface AccordionHeaderProps extends ComponentPropsWithoutRef<'header'> {
|
|
166
|
+
ref?: Ref<HTMLElement>;
|
|
167
|
+
}
|
|
168
|
+
interface AccordionContentProps extends ComponentPropsWithoutRef<'div'> {
|
|
169
|
+
ref?: Ref<HTMLDivElement>;
|
|
170
|
+
}
|
|
171
|
+
interface AccordionIndicatorProps extends ComponentPropsWithoutRef<'span'> {
|
|
172
|
+
icon?: IconType;
|
|
173
|
+
ref?: Ref<HTMLSpanElement>;
|
|
174
|
+
}
|
|
175
|
+
interface AccordionTitleProps extends ComponentPropsWithoutRef<'span'> {
|
|
176
|
+
ref?: Ref<HTMLSpanElement>;
|
|
177
|
+
}
|
|
178
|
+
interface AccordionSubtitleProps extends ComponentPropsWithoutRef<'span'> {
|
|
179
|
+
ref?: Ref<HTMLSpanElement>;
|
|
180
|
+
}
|
|
181
|
+
export {};
|
|
182
|
+
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/molecules/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,wBAAwB,EAC7B,KAAK,GAAG,EAIT,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGnD,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAgFrB,CAAA;AA2CF,MAAM,WAAW,cACf,SAAQ,YAAY,CAAC,OAAO,iBAAiB,CAAC,EAC5C,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAED,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,YAAY,EACZ,KAAK,EACL,WAAkB,EAClB,QAAgB,EAChB,GAAW,EACX,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,QAAgB,EAChB,QAAQ,EACR,GAAG,EACH,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,2CAiChB;yBAjDe,SAAS;wEAiEtB,kBAAkB;yDA2BlB,oBAAoB;0DA6BpB,qBAAqB;wDA4BrB,uBAAuB;wDA2BvB,mBAAmB;2DAoBnB,sBAAsB;;AAhJzB,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAClE,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AA2BD,UAAU,oBAAqB,SAAQ,wBAAwB,CAAC,QAAQ,CAAC;IACvE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CACvB;AA2BD,UAAU,qBAAsB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACrE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAyBD,UAAU,uBAAwB,SAAQ,wBAAwB,CAAC,MAAM,CAAC;IACxE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;CAC3B;AAyBD,UAAU,mBAAoB,SAAQ,wBAAwB,CAAC,MAAM,CAAC;IACpE,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;CAC3B;AAkBD,UAAU,sBAAuB,SAAQ,wBAAwB,CAAC,MAAM,CAAC;IACvE,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;CAC3B"}
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import type { ElementType, ReactElement } from 'react';
|
|
2
|
+
import { type VariantProps } from 'tailwind-variants';
|
|
3
|
+
import { type IconType } from '../atoms/icon';
|
|
4
|
+
declare const breadcrumbsVariants: import("tailwind-variants").TVReturnType<{
|
|
5
|
+
size: {
|
|
6
|
+
sm: {
|
|
7
|
+
root: string;
|
|
8
|
+
list: string;
|
|
9
|
+
item: string;
|
|
10
|
+
separator: string;
|
|
11
|
+
ellipsis: string;
|
|
12
|
+
};
|
|
13
|
+
md: {
|
|
14
|
+
root: string;
|
|
15
|
+
list: string;
|
|
16
|
+
item: string;
|
|
17
|
+
separator: string;
|
|
18
|
+
ellipsis: string;
|
|
19
|
+
};
|
|
20
|
+
lg: {
|
|
21
|
+
root: string;
|
|
22
|
+
list: string;
|
|
23
|
+
item: string;
|
|
24
|
+
separator: string;
|
|
25
|
+
ellipsis: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
}, {
|
|
29
|
+
root: string[];
|
|
30
|
+
list: string[];
|
|
31
|
+
item: string[];
|
|
32
|
+
link: string[];
|
|
33
|
+
currentLink: string[];
|
|
34
|
+
separator: string[];
|
|
35
|
+
ellipsis: string[];
|
|
36
|
+
}, undefined, {
|
|
37
|
+
size: {
|
|
38
|
+
sm: {
|
|
39
|
+
root: string;
|
|
40
|
+
list: string;
|
|
41
|
+
item: string;
|
|
42
|
+
separator: string;
|
|
43
|
+
ellipsis: string;
|
|
44
|
+
};
|
|
45
|
+
md: {
|
|
46
|
+
root: string;
|
|
47
|
+
list: string;
|
|
48
|
+
item: string;
|
|
49
|
+
separator: string;
|
|
50
|
+
ellipsis: string;
|
|
51
|
+
};
|
|
52
|
+
lg: {
|
|
53
|
+
root: string;
|
|
54
|
+
list: string;
|
|
55
|
+
item: string;
|
|
56
|
+
separator: string;
|
|
57
|
+
ellipsis: string;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
}, {
|
|
61
|
+
root: string[];
|
|
62
|
+
list: string[];
|
|
63
|
+
item: string[];
|
|
64
|
+
link: string[];
|
|
65
|
+
currentLink: string[];
|
|
66
|
+
separator: string[];
|
|
67
|
+
ellipsis: string[];
|
|
68
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
69
|
+
size: {
|
|
70
|
+
sm: {
|
|
71
|
+
root: string;
|
|
72
|
+
list: string;
|
|
73
|
+
item: string;
|
|
74
|
+
separator: string;
|
|
75
|
+
ellipsis: string;
|
|
76
|
+
};
|
|
77
|
+
md: {
|
|
78
|
+
root: string;
|
|
79
|
+
list: string;
|
|
80
|
+
item: string;
|
|
81
|
+
separator: string;
|
|
82
|
+
ellipsis: string;
|
|
83
|
+
};
|
|
84
|
+
lg: {
|
|
85
|
+
root: string;
|
|
86
|
+
list: string;
|
|
87
|
+
item: string;
|
|
88
|
+
separator: string;
|
|
89
|
+
ellipsis: string;
|
|
90
|
+
};
|
|
91
|
+
};
|
|
92
|
+
}, {
|
|
93
|
+
root: string[];
|
|
94
|
+
list: string[];
|
|
95
|
+
item: string[];
|
|
96
|
+
link: string[];
|
|
97
|
+
currentLink: string[];
|
|
98
|
+
separator: string[];
|
|
99
|
+
ellipsis: string[];
|
|
100
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
101
|
+
export type BreadcrumbItemType = {
|
|
102
|
+
label: string;
|
|
103
|
+
href?: string;
|
|
104
|
+
icon?: IconType;
|
|
105
|
+
separator?: IconType;
|
|
106
|
+
isCurrent?: boolean;
|
|
107
|
+
};
|
|
108
|
+
interface BreadcrumbProps extends VariantProps<typeof breadcrumbsVariants> {
|
|
109
|
+
items: BreadcrumbItemType[];
|
|
110
|
+
maxItems?: number;
|
|
111
|
+
className?: string;
|
|
112
|
+
'aria-label'?: string;
|
|
113
|
+
linkAs?: ElementType | ReactElement<HTMLAnchorElement>;
|
|
114
|
+
}
|
|
115
|
+
export declare function Breadcrumb({ items, maxItems, size, className, 'aria-label': ariaLabel, linkAs, ...props }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
|
|
116
|
+
export {};
|
|
117
|
+
//# sourceMappingURL=breadcrumb.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/molecules/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,KAAK,YAAY,EAAM,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAA;AAInD,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAmEvB,CAAA;AAGF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AA8DD,UAAU,eAAgB,SAAQ,YAAY,CAAC,OAAO,mBAAmB,CAAC;IACxE,KAAK,EAAE,kBAAkB,EAAE,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAA;CACvD;AAGD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAY,EACZ,IAAW,EACX,SAAS,EACT,YAAY,EAAE,SAAwB,EACtC,MAAM,EACN,GAAG,KAAK,EACT,EAAE,eAAe,2CAqCjB"}
|
|
@@ -0,0 +1,261 @@
|
|
|
1
|
+
import * as carousel from '@zag-js/carousel';
|
|
2
|
+
import { type ComponentPropsWithoutRef, type ElementType, type ReactNode } from 'react';
|
|
3
|
+
import { type VariantProps } from 'tailwind-variants';
|
|
4
|
+
import type { IconType } from '../atoms/icon';
|
|
5
|
+
import { Image } from '../atoms/image';
|
|
6
|
+
type CarouselImageComponent<T extends ElementType = typeof Image> = T extends typeof Image ? typeof Image : T extends ElementType ? 'src' extends keyof ComponentPropsWithoutRef<T> ? 'alt' extends keyof ComponentPropsWithoutRef<T> ? T : never : never : never;
|
|
7
|
+
declare const carouselVariants: import("tailwind-variants").TVReturnType<{
|
|
8
|
+
objectFit: {
|
|
9
|
+
cover: {
|
|
10
|
+
slide: string;
|
|
11
|
+
};
|
|
12
|
+
contain: {
|
|
13
|
+
slide: string;
|
|
14
|
+
};
|
|
15
|
+
fill: {
|
|
16
|
+
slide: string;
|
|
17
|
+
};
|
|
18
|
+
none: {
|
|
19
|
+
slide: string;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
aspectRatio: {
|
|
23
|
+
square: {
|
|
24
|
+
slide: string;
|
|
25
|
+
};
|
|
26
|
+
landscape: {
|
|
27
|
+
slide: string;
|
|
28
|
+
};
|
|
29
|
+
portrait: {
|
|
30
|
+
slide: string;
|
|
31
|
+
};
|
|
32
|
+
wide: {
|
|
33
|
+
slide: string;
|
|
34
|
+
};
|
|
35
|
+
none: {
|
|
36
|
+
slide: string;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
size: {
|
|
40
|
+
sm: {
|
|
41
|
+
root: string[];
|
|
42
|
+
slide: string[];
|
|
43
|
+
};
|
|
44
|
+
md: {
|
|
45
|
+
root: string[];
|
|
46
|
+
slide: string[];
|
|
47
|
+
};
|
|
48
|
+
lg: {
|
|
49
|
+
root: string[];
|
|
50
|
+
slide: string[];
|
|
51
|
+
};
|
|
52
|
+
full: {
|
|
53
|
+
root: string[];
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
}, {
|
|
57
|
+
wrapper: string[];
|
|
58
|
+
root: string[];
|
|
59
|
+
control: string[];
|
|
60
|
+
slideGroup: string[];
|
|
61
|
+
slide: string[];
|
|
62
|
+
prevTrigger: string;
|
|
63
|
+
nextTrigger: string;
|
|
64
|
+
indicatorGroup: string[];
|
|
65
|
+
indicator: string[];
|
|
66
|
+
autoplayIcon: string[];
|
|
67
|
+
autoplayTrigger: string[];
|
|
68
|
+
spacer: string[];
|
|
69
|
+
}, undefined, {
|
|
70
|
+
objectFit: {
|
|
71
|
+
cover: {
|
|
72
|
+
slide: string;
|
|
73
|
+
};
|
|
74
|
+
contain: {
|
|
75
|
+
slide: string;
|
|
76
|
+
};
|
|
77
|
+
fill: {
|
|
78
|
+
slide: string;
|
|
79
|
+
};
|
|
80
|
+
none: {
|
|
81
|
+
slide: string;
|
|
82
|
+
};
|
|
83
|
+
};
|
|
84
|
+
aspectRatio: {
|
|
85
|
+
square: {
|
|
86
|
+
slide: string;
|
|
87
|
+
};
|
|
88
|
+
landscape: {
|
|
89
|
+
slide: string;
|
|
90
|
+
};
|
|
91
|
+
portrait: {
|
|
92
|
+
slide: string;
|
|
93
|
+
};
|
|
94
|
+
wide: {
|
|
95
|
+
slide: string;
|
|
96
|
+
};
|
|
97
|
+
none: {
|
|
98
|
+
slide: string;
|
|
99
|
+
};
|
|
100
|
+
};
|
|
101
|
+
size: {
|
|
102
|
+
sm: {
|
|
103
|
+
root: string[];
|
|
104
|
+
slide: string[];
|
|
105
|
+
};
|
|
106
|
+
md: {
|
|
107
|
+
root: string[];
|
|
108
|
+
slide: string[];
|
|
109
|
+
};
|
|
110
|
+
lg: {
|
|
111
|
+
root: string[];
|
|
112
|
+
slide: string[];
|
|
113
|
+
};
|
|
114
|
+
full: {
|
|
115
|
+
root: string[];
|
|
116
|
+
};
|
|
117
|
+
};
|
|
118
|
+
}, {
|
|
119
|
+
wrapper: string[];
|
|
120
|
+
root: string[];
|
|
121
|
+
control: string[];
|
|
122
|
+
slideGroup: string[];
|
|
123
|
+
slide: string[];
|
|
124
|
+
prevTrigger: string;
|
|
125
|
+
nextTrigger: string;
|
|
126
|
+
indicatorGroup: string[];
|
|
127
|
+
indicator: string[];
|
|
128
|
+
autoplayIcon: string[];
|
|
129
|
+
autoplayTrigger: string[];
|
|
130
|
+
spacer: string[];
|
|
131
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
132
|
+
objectFit: {
|
|
133
|
+
cover: {
|
|
134
|
+
slide: string;
|
|
135
|
+
};
|
|
136
|
+
contain: {
|
|
137
|
+
slide: string;
|
|
138
|
+
};
|
|
139
|
+
fill: {
|
|
140
|
+
slide: string;
|
|
141
|
+
};
|
|
142
|
+
none: {
|
|
143
|
+
slide: string;
|
|
144
|
+
};
|
|
145
|
+
};
|
|
146
|
+
aspectRatio: {
|
|
147
|
+
square: {
|
|
148
|
+
slide: string;
|
|
149
|
+
};
|
|
150
|
+
landscape: {
|
|
151
|
+
slide: string;
|
|
152
|
+
};
|
|
153
|
+
portrait: {
|
|
154
|
+
slide: string;
|
|
155
|
+
};
|
|
156
|
+
wide: {
|
|
157
|
+
slide: string;
|
|
158
|
+
};
|
|
159
|
+
none: {
|
|
160
|
+
slide: string;
|
|
161
|
+
};
|
|
162
|
+
};
|
|
163
|
+
size: {
|
|
164
|
+
sm: {
|
|
165
|
+
root: string[];
|
|
166
|
+
slide: string[];
|
|
167
|
+
};
|
|
168
|
+
md: {
|
|
169
|
+
root: string[];
|
|
170
|
+
slide: string[];
|
|
171
|
+
};
|
|
172
|
+
lg: {
|
|
173
|
+
root: string[];
|
|
174
|
+
slide: string[];
|
|
175
|
+
};
|
|
176
|
+
full: {
|
|
177
|
+
root: string[];
|
|
178
|
+
};
|
|
179
|
+
};
|
|
180
|
+
}, {
|
|
181
|
+
wrapper: string[];
|
|
182
|
+
root: string[];
|
|
183
|
+
control: string[];
|
|
184
|
+
slideGroup: string[];
|
|
185
|
+
slide: string[];
|
|
186
|
+
prevTrigger: string;
|
|
187
|
+
nextTrigger: string;
|
|
188
|
+
indicatorGroup: string[];
|
|
189
|
+
indicator: string[];
|
|
190
|
+
autoplayIcon: string[];
|
|
191
|
+
autoplayTrigger: string[];
|
|
192
|
+
spacer: string[];
|
|
193
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
194
|
+
export type CarouselSlide = {
|
|
195
|
+
id: string;
|
|
196
|
+
content?: ReactNode;
|
|
197
|
+
src?: string;
|
|
198
|
+
alt?: string;
|
|
199
|
+
imageProps?: Record<string, unknown>;
|
|
200
|
+
};
|
|
201
|
+
export interface CarouselRootProps<T extends ElementType = typeof Image> extends VariantProps<typeof carouselVariants>, Omit<carousel.Props, 'id' | 'size'> {
|
|
202
|
+
id?: string;
|
|
203
|
+
className?: string;
|
|
204
|
+
children: ReactNode;
|
|
205
|
+
imageAs?: CarouselImageComponent<T>;
|
|
206
|
+
width?: number;
|
|
207
|
+
height?: number;
|
|
208
|
+
}
|
|
209
|
+
interface CarouselSlidesProps {
|
|
210
|
+
slides: CarouselSlide[];
|
|
211
|
+
size?: 'sm' | 'md' | 'lg' | 'full';
|
|
212
|
+
imageAs?: ElementType;
|
|
213
|
+
width?: number;
|
|
214
|
+
height?: number;
|
|
215
|
+
className?: string;
|
|
216
|
+
}
|
|
217
|
+
interface CarouselSlideProps {
|
|
218
|
+
index: number;
|
|
219
|
+
children: ReactNode;
|
|
220
|
+
size?: 'sm' | 'md' | 'lg' | 'full';
|
|
221
|
+
className?: string;
|
|
222
|
+
}
|
|
223
|
+
interface CarouselPreviousProps {
|
|
224
|
+
className?: string;
|
|
225
|
+
icon?: IconType;
|
|
226
|
+
}
|
|
227
|
+
interface CarouselNextProps {
|
|
228
|
+
className?: string;
|
|
229
|
+
icon?: IconType;
|
|
230
|
+
}
|
|
231
|
+
interface CarouselIndicatorsProps {
|
|
232
|
+
className?: string;
|
|
233
|
+
}
|
|
234
|
+
interface CarouselIndicatorProps {
|
|
235
|
+
index: number;
|
|
236
|
+
className?: string;
|
|
237
|
+
children?: ReactNode;
|
|
238
|
+
}
|
|
239
|
+
interface CarouselAutoplayProps {
|
|
240
|
+
className?: string;
|
|
241
|
+
}
|
|
242
|
+
interface CarouselControlProps {
|
|
243
|
+
children: ReactNode;
|
|
244
|
+
className?: string;
|
|
245
|
+
}
|
|
246
|
+
export declare function Carousel<T extends ElementType = typeof Image>({ id, size, objectFit, aspectRatio, orientation, slideCount, loop, autoplay, allowMouseDrag, slidesPerPage, slidesPerMove, spacing, padding, dir, className, children, onPageChange, ...props }: CarouselRootProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
247
|
+
export declare namespace Carousel {
|
|
248
|
+
var Slides: ({ slides, size: overrideSize, imageAs, width, height, className, }: CarouselSlidesProps) => import("react/jsx-runtime").JSX.Element;
|
|
249
|
+
var Slide: ({ index, children, size: overrideSize, className, }: CarouselSlideProps) => import("react/jsx-runtime").JSX.Element;
|
|
250
|
+
var Previous: ({ className, icon, }: CarouselPreviousProps) => import("react/jsx-runtime").JSX.Element;
|
|
251
|
+
var Next: ({ className, icon, }: CarouselNextProps) => import("react/jsx-runtime").JSX.Element;
|
|
252
|
+
var Indicators: ({ className, children, }: CarouselIndicatorsProps & {
|
|
253
|
+
children?: ReactNode;
|
|
254
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
255
|
+
var Indicator: ({ index, className, children, }: CarouselIndicatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
256
|
+
var Autoplay: ({ className, }: CarouselAutoplayProps) => import("react/jsx-runtime").JSX.Element;
|
|
257
|
+
var Control: ({ children, className, }: CarouselControlProps) => import("react/jsx-runtime").JSX.Element;
|
|
258
|
+
var Root: typeof Carousel;
|
|
259
|
+
}
|
|
260
|
+
export {};
|
|
261
|
+
//# sourceMappingURL=carousel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../src/molecules/carousel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as checkbox from '@zag-js/checkbox';
|
|
2
|
+
import { type InputHTMLAttributes, type Ref } from 'react';
|
|
3
|
+
export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
|
|
4
|
+
ref?: Ref<HTMLInputElement>;
|
|
5
|
+
readOnly?: boolean;
|
|
6
|
+
checked?: boolean;
|
|
7
|
+
defaultChecked?: boolean;
|
|
8
|
+
indeterminate?: boolean;
|
|
9
|
+
invalid?: boolean;
|
|
10
|
+
labelText?: string;
|
|
11
|
+
helperText?: string;
|
|
12
|
+
errorText?: string;
|
|
13
|
+
onCheckedChange?: checkbox.Props['onCheckedChange'];
|
|
14
|
+
}
|
|
15
|
+
export declare function Checkbox({ id, name, checked, defaultChecked, indeterminate, disabled, onCheckedChange, className, invalid, readOnly, labelText, errorText, helperText, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare namespace Checkbox {
|
|
17
|
+
var displayName: string;
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/molecules/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AAE5C,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,GAAG,EAAS,MAAM,OAAO,CAAA;AAgCjE,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC/D,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,eAAe,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAA;CACpD;AAED,wBAAgB,QAAQ,CAAC,EACvB,EAAE,EACF,IAAI,EACJ,OAAO,EACP,cAAc,EACd,aAAa,EACb,QAAQ,EACR,eAAe,EACf,SAAS,EACT,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAU,GACX,EAAE,aAAa,2CAgDf;yBA9De,QAAQ"}
|