@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 @@
|
|
|
1
|
+
{"version":3,"file":"extra-text.d.ts","sourceRoot":"","sources":["../../../src/atoms/extra-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;qDAYrB,CAAA;AAEF,MAAM,WAAW,cACf,SAAQ,cAAc,CAAC,eAAe,CAAC,EACrC,YAAY,CAAC,OAAO,iBAAiB,CAAC;IACxC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAWrE"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import type { HTMLAttributes } from 'react';
|
|
2
|
+
import type { VariantProps } from 'tailwind-variants';
|
|
3
|
+
export type IconType = `token-icon-${string}` | `icon-[${string}]`;
|
|
4
|
+
declare const iconVariants: import("tailwind-variants").TVReturnType<{
|
|
5
|
+
size: {
|
|
6
|
+
current: string;
|
|
7
|
+
xs: string;
|
|
8
|
+
sm: string;
|
|
9
|
+
md: string;
|
|
10
|
+
lg: string;
|
|
11
|
+
xl: string;
|
|
12
|
+
'2xl': string;
|
|
13
|
+
};
|
|
14
|
+
color: {
|
|
15
|
+
current: string;
|
|
16
|
+
primary: string;
|
|
17
|
+
secondary: string;
|
|
18
|
+
danger: string;
|
|
19
|
+
success: string;
|
|
20
|
+
warning: string;
|
|
21
|
+
};
|
|
22
|
+
}, undefined, string[], {
|
|
23
|
+
size: {
|
|
24
|
+
current: string;
|
|
25
|
+
xs: string;
|
|
26
|
+
sm: string;
|
|
27
|
+
md: string;
|
|
28
|
+
lg: string;
|
|
29
|
+
xl: string;
|
|
30
|
+
'2xl': string;
|
|
31
|
+
};
|
|
32
|
+
color: {
|
|
33
|
+
current: string;
|
|
34
|
+
primary: string;
|
|
35
|
+
secondary: string;
|
|
36
|
+
danger: string;
|
|
37
|
+
success: string;
|
|
38
|
+
warning: string;
|
|
39
|
+
};
|
|
40
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
41
|
+
size: {
|
|
42
|
+
current: string;
|
|
43
|
+
xs: string;
|
|
44
|
+
sm: string;
|
|
45
|
+
md: string;
|
|
46
|
+
lg: string;
|
|
47
|
+
xl: string;
|
|
48
|
+
'2xl': string;
|
|
49
|
+
};
|
|
50
|
+
color: {
|
|
51
|
+
current: string;
|
|
52
|
+
primary: string;
|
|
53
|
+
secondary: string;
|
|
54
|
+
danger: string;
|
|
55
|
+
success: string;
|
|
56
|
+
warning: string;
|
|
57
|
+
};
|
|
58
|
+
}, undefined, string[], unknown, unknown, undefined>>;
|
|
59
|
+
export interface IconProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof iconVariants> {
|
|
60
|
+
icon: IconType;
|
|
61
|
+
className?: string;
|
|
62
|
+
}
|
|
63
|
+
export declare function Icon({ icon, size, color, className, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
64
|
+
export {};
|
|
65
|
+
//# sourceMappingURL=icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/atoms/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,MAAM,MAAM,QAAQ,GAAG,cAAc,MAAM,EAAE,GAAG,SAAS,MAAM,GAAG,CAAA;AAElE,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAyBhB,CAAA;AAEF,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EACpD,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,IAAI,EAAE,QAAQ,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAQzE"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef, ElementType } from 'react';
|
|
2
|
+
export interface BaseImageProps {
|
|
3
|
+
src: string;
|
|
4
|
+
alt: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
type HasImageProps<T extends ElementType> = 'src' extends keyof ComponentPropsWithoutRef<T> ? 'alt' extends keyof ComponentPropsWithoutRef<T> ? T : never : never;
|
|
8
|
+
type NativeImageProps = BaseImageProps & Omit<ComponentPropsWithoutRef<'img'>, keyof BaseImageProps>;
|
|
9
|
+
type CustomImageProps<T extends ElementType> = BaseImageProps & Omit<ComponentPropsWithoutRef<HasImageProps<T>>, keyof BaseImageProps> & {
|
|
10
|
+
as: HasImageProps<T>;
|
|
11
|
+
};
|
|
12
|
+
export type ImageProps<T extends ElementType = 'img'> = T extends 'img' ? NativeImageProps & {
|
|
13
|
+
as?: 'img';
|
|
14
|
+
} : CustomImageProps<T>;
|
|
15
|
+
export declare function Image<T extends ElementType = 'img'>({ as, src, alt, className, ...props }: ImageProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=image.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/atoms/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAElE,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,KAAK,aAAa,CAAC,CAAC,SAAS,WAAW,IACtC,KAAK,SAAS,MAAM,wBAAwB,CAAC,CAAC,CAAC,GAC3C,KAAK,SAAS,MAAM,wBAAwB,CAAC,CAAC,CAAC,GAC7C,CAAC,GACD,KAAK,GACP,KAAK,CAAA;AAEX,KAAK,gBAAgB,GAAG,cAAc,GACpC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,cAAc,CAAC,CAAA;AAE7D,KAAK,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI,cAAc,GAC3D,IAAI,CAAC,wBAAwB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,cAAc,CAAC,GAAG;IACvE,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,CAAA;CACrB,CAAA;AAEH,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,CAAC,SAAS,KAAK,GACnE,gBAAgB,GAAG;IAAE,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE,GACjC,gBAAgB,CAAC,CAAC,CAAC,CAAA;AAEvB,wBAAgB,KAAK,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACnD,EAAE,EACF,GAAG,EACH,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,CAAC,CAAC,CAAC,2CAIf"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import type { InputHTMLAttributes, Ref } from 'react';
|
|
2
|
+
import type { VariantProps } from 'tailwind-variants';
|
|
3
|
+
declare const inputVariants: import("tailwind-variants").TVReturnType<{
|
|
4
|
+
size: {
|
|
5
|
+
sm: string;
|
|
6
|
+
md: string;
|
|
7
|
+
lg: string;
|
|
8
|
+
};
|
|
9
|
+
variant: {
|
|
10
|
+
default: string;
|
|
11
|
+
error: string[];
|
|
12
|
+
success: string[];
|
|
13
|
+
warning: string[];
|
|
14
|
+
};
|
|
15
|
+
withButtonInside: {
|
|
16
|
+
false: string;
|
|
17
|
+
right: string;
|
|
18
|
+
left: string;
|
|
19
|
+
};
|
|
20
|
+
hideSearchClear: {
|
|
21
|
+
true: string;
|
|
22
|
+
};
|
|
23
|
+
disabled: {
|
|
24
|
+
true: string[];
|
|
25
|
+
};
|
|
26
|
+
}, undefined, string[], {
|
|
27
|
+
size: {
|
|
28
|
+
sm: string;
|
|
29
|
+
md: string;
|
|
30
|
+
lg: string;
|
|
31
|
+
};
|
|
32
|
+
variant: {
|
|
33
|
+
default: string;
|
|
34
|
+
error: string[];
|
|
35
|
+
success: string[];
|
|
36
|
+
warning: string[];
|
|
37
|
+
};
|
|
38
|
+
withButtonInside: {
|
|
39
|
+
false: string;
|
|
40
|
+
right: string;
|
|
41
|
+
left: string;
|
|
42
|
+
};
|
|
43
|
+
hideSearchClear: {
|
|
44
|
+
true: string;
|
|
45
|
+
};
|
|
46
|
+
disabled: {
|
|
47
|
+
true: string[];
|
|
48
|
+
};
|
|
49
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
50
|
+
size: {
|
|
51
|
+
sm: string;
|
|
52
|
+
md: string;
|
|
53
|
+
lg: string;
|
|
54
|
+
};
|
|
55
|
+
variant: {
|
|
56
|
+
default: string;
|
|
57
|
+
error: string[];
|
|
58
|
+
success: string[];
|
|
59
|
+
warning: string[];
|
|
60
|
+
};
|
|
61
|
+
withButtonInside: {
|
|
62
|
+
false: string;
|
|
63
|
+
right: string;
|
|
64
|
+
left: string;
|
|
65
|
+
};
|
|
66
|
+
hideSearchClear: {
|
|
67
|
+
true: string;
|
|
68
|
+
};
|
|
69
|
+
disabled: {
|
|
70
|
+
true: string[];
|
|
71
|
+
};
|
|
72
|
+
}, undefined, string[], unknown, unknown, undefined>>;
|
|
73
|
+
export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
|
|
74
|
+
ref?: Ref<HTMLInputElement>;
|
|
75
|
+
}
|
|
76
|
+
export declare function Input({ size, variant, disabled, ref, withButtonInside, className, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
77
|
+
export {};
|
|
78
|
+
//# sourceMappingURL=input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/atoms/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAiEjB,CAAA;AAEF,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EACzD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAC5B;AAED,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,GAAG,EACH,gBAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,2CAeZ"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import type { LabelHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import type { VariantProps } from 'tailwind-variants';
|
|
3
|
+
declare const labelVariants: import("tailwind-variants").TVReturnType<{
|
|
4
|
+
size: {
|
|
5
|
+
sm: string;
|
|
6
|
+
md: string;
|
|
7
|
+
lg: string;
|
|
8
|
+
current: string;
|
|
9
|
+
};
|
|
10
|
+
disabled: {
|
|
11
|
+
true: string;
|
|
12
|
+
};
|
|
13
|
+
}, undefined, string[], {
|
|
14
|
+
size: {
|
|
15
|
+
sm: string;
|
|
16
|
+
md: string;
|
|
17
|
+
lg: string;
|
|
18
|
+
current: string;
|
|
19
|
+
};
|
|
20
|
+
disabled: {
|
|
21
|
+
true: string;
|
|
22
|
+
};
|
|
23
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
24
|
+
size: {
|
|
25
|
+
sm: string;
|
|
26
|
+
md: string;
|
|
27
|
+
lg: string;
|
|
28
|
+
current: string;
|
|
29
|
+
};
|
|
30
|
+
disabled: {
|
|
31
|
+
true: string;
|
|
32
|
+
};
|
|
33
|
+
}, undefined, string[], unknown, unknown, undefined>>;
|
|
34
|
+
export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement>, VariantProps<typeof labelVariants> {
|
|
35
|
+
required?: boolean;
|
|
36
|
+
children: ReactNode;
|
|
37
|
+
className?: string;
|
|
38
|
+
}
|
|
39
|
+
export declare function Label({ size, disabled, required, children, className, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
export {};
|
|
41
|
+
//# sourceMappingURL=label.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/atoms/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAiBjB,CAAA;AAEF,MAAM,WAAW,UACf,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,2CAeZ"}
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef, ElementType, ReactElement, ReactNode, Ref } from 'react';
|
|
2
|
+
import type { VariantProps } from 'tailwind-variants';
|
|
3
|
+
import { type IconType } from './icon';
|
|
4
|
+
declare const linkButton: import("tailwind-variants").TVReturnType<{
|
|
5
|
+
size: {
|
|
6
|
+
current: string;
|
|
7
|
+
};
|
|
8
|
+
}, undefined, "cursor-pointer", {
|
|
9
|
+
variant: {
|
|
10
|
+
primary: string;
|
|
11
|
+
secondary: string;
|
|
12
|
+
tertiary: string;
|
|
13
|
+
danger: string;
|
|
14
|
+
warning: string;
|
|
15
|
+
};
|
|
16
|
+
theme: {
|
|
17
|
+
solid: string;
|
|
18
|
+
light: string;
|
|
19
|
+
borderless: string;
|
|
20
|
+
outlined: string;
|
|
21
|
+
unstyled: string;
|
|
22
|
+
};
|
|
23
|
+
uppercase: {
|
|
24
|
+
true: string;
|
|
25
|
+
};
|
|
26
|
+
size: {
|
|
27
|
+
sm: string;
|
|
28
|
+
md: string;
|
|
29
|
+
lg: string;
|
|
30
|
+
current: string;
|
|
31
|
+
};
|
|
32
|
+
block: {
|
|
33
|
+
true: string;
|
|
34
|
+
};
|
|
35
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
36
|
+
variant: {
|
|
37
|
+
primary: string;
|
|
38
|
+
secondary: string;
|
|
39
|
+
tertiary: string;
|
|
40
|
+
danger: string;
|
|
41
|
+
warning: string;
|
|
42
|
+
};
|
|
43
|
+
theme: {
|
|
44
|
+
solid: string;
|
|
45
|
+
light: string;
|
|
46
|
+
borderless: string;
|
|
47
|
+
outlined: string;
|
|
48
|
+
unstyled: string;
|
|
49
|
+
};
|
|
50
|
+
uppercase: {
|
|
51
|
+
true: string;
|
|
52
|
+
};
|
|
53
|
+
size: {
|
|
54
|
+
sm: string;
|
|
55
|
+
md: string;
|
|
56
|
+
lg: string;
|
|
57
|
+
current: string;
|
|
58
|
+
};
|
|
59
|
+
block: {
|
|
60
|
+
true: string;
|
|
61
|
+
};
|
|
62
|
+
}, undefined, string[], {
|
|
63
|
+
variant: {
|
|
64
|
+
primary: string;
|
|
65
|
+
secondary: string;
|
|
66
|
+
tertiary: string;
|
|
67
|
+
danger: string;
|
|
68
|
+
warning: string;
|
|
69
|
+
};
|
|
70
|
+
theme: {
|
|
71
|
+
solid: string;
|
|
72
|
+
light: string;
|
|
73
|
+
borderless: string;
|
|
74
|
+
outlined: string;
|
|
75
|
+
unstyled: string;
|
|
76
|
+
};
|
|
77
|
+
uppercase: {
|
|
78
|
+
true: string;
|
|
79
|
+
};
|
|
80
|
+
size: {
|
|
81
|
+
sm: string;
|
|
82
|
+
md: string;
|
|
83
|
+
lg: string;
|
|
84
|
+
current: string;
|
|
85
|
+
};
|
|
86
|
+
block: {
|
|
87
|
+
true: string;
|
|
88
|
+
};
|
|
89
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
90
|
+
variant: {
|
|
91
|
+
primary: string;
|
|
92
|
+
secondary: string;
|
|
93
|
+
tertiary: string;
|
|
94
|
+
danger: string;
|
|
95
|
+
warning: string;
|
|
96
|
+
};
|
|
97
|
+
theme: {
|
|
98
|
+
solid: string;
|
|
99
|
+
light: string;
|
|
100
|
+
borderless: string;
|
|
101
|
+
outlined: string;
|
|
102
|
+
unstyled: string;
|
|
103
|
+
};
|
|
104
|
+
uppercase: {
|
|
105
|
+
true: string;
|
|
106
|
+
};
|
|
107
|
+
size: {
|
|
108
|
+
sm: string;
|
|
109
|
+
md: string;
|
|
110
|
+
lg: string;
|
|
111
|
+
current: string;
|
|
112
|
+
};
|
|
113
|
+
block: {
|
|
114
|
+
true: string;
|
|
115
|
+
};
|
|
116
|
+
}, undefined, string[], unknown, unknown, undefined>>>;
|
|
117
|
+
export type LinkButtonProps<T extends ElementType = 'a'> = VariantProps<typeof linkButton> & {
|
|
118
|
+
href?: string;
|
|
119
|
+
icon?: IconType;
|
|
120
|
+
iconPosition?: 'left' | 'right';
|
|
121
|
+
children?: ReactNode;
|
|
122
|
+
disabled?: boolean;
|
|
123
|
+
uppercase?: boolean;
|
|
124
|
+
as?: T | ReactElement<HTMLAnchorElement>;
|
|
125
|
+
ref?: Ref<HTMLAnchorElement>;
|
|
126
|
+
} & Omit<ComponentPropsWithoutRef<T>, 'as' | 'ref' | 'children' | keyof VariantProps<typeof linkButton>>;
|
|
127
|
+
export declare function LinkButton<T extends ElementType = 'a'>({ href, icon, as, iconPosition, children, variant, theme, size, block, uppercase, className, disabled, ref, ...props }: LinkButtonProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
128
|
+
export {};
|
|
129
|
+
//# sourceMappingURL=link-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link-button.d.ts","sourceRoot":"","sources":["../../../src/atoms/link-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EACxB,WAAW,EAEX,YAAY,EACZ,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAG5C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sDAWd,CAAA;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,IAAI,YAAY,CACrE,OAAO,UAAU,CAClB,GAAG;IACF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,EAAE,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAA;IACxC,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B,GAAG,IAAI,CACJ,wBAAwB,CAAC,CAAC,CAAC,EAC3B,IAAI,GAAG,KAAK,GAAG,UAAU,GAAG,MAAM,YAAY,CAAC,OAAO,UAAU,CAAC,CAClE,CAAA;AAEH,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,EAAE,EACtD,IAAI,EACJ,IAAI,EACJ,EAAE,EACF,YAAqB,EACrB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,IAAI,EACJ,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,CAAC,CAAC,2CA6BpB"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
|
|
2
|
+
import type { VariantProps } from 'tailwind-variants';
|
|
3
|
+
declare const linkVariants: import("tailwind-variants").TVReturnType<{}, undefined, never[], {}, undefined, import("tailwind-variants").TVReturnType<{}, undefined, never[], unknown, unknown, undefined>>;
|
|
4
|
+
export interface BaseLinkProps extends VariantProps<typeof linkVariants> {
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
external?: boolean;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
export interface NativeLinkProps extends BaseLinkProps, Omit<ComponentPropsWithoutRef<'a'>, keyof BaseLinkProps> {
|
|
10
|
+
as?: never;
|
|
11
|
+
}
|
|
12
|
+
export type LinkProps<T extends ElementType = 'a'> = BaseLinkProps & Omit<ComponentPropsWithoutRef<T>, keyof BaseLinkProps> & {
|
|
13
|
+
as?: T;
|
|
14
|
+
};
|
|
15
|
+
export declare function Link<T extends ElementType = 'a'>({ as, children, external, className, ...props }: LinkProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=link.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/atoms/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,QAAA,MAAM,YAAY,gLAIhB,CAAA;AAEF,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,YAAY,CAAC;IACtE,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,eACf,SAAQ,aAAa,EACnB,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,MAAM,aAAa,CAAC;IAC1D,EAAE,CAAC,EAAE,KAAK,CAAA;CACX;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,IAAI,aAAa,GAChE,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,aAAa,CAAC,GAAG;IACvD,EAAE,CAAC,EAAE,CAAC,CAAA;CACP,CAAA;AAEH,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,EAAE,EAChD,EAAE,EACF,QAAQ,EACR,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,CAAC,CAAC,2CAed"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import * as numberInput from '@zag-js/number-input';
|
|
2
|
+
import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from 'react';
|
|
3
|
+
import type { IconType } from './icon';
|
|
4
|
+
export type NumericInputProps = Omit<numberInput.Props, 'value' | 'defaultValue' | 'id'> & Omit<ComponentPropsWithoutRef<'div'>, 'onChange' | 'children'> & {
|
|
5
|
+
size?: 'sm' | 'md' | 'lg';
|
|
6
|
+
value?: number;
|
|
7
|
+
defaultValue?: number;
|
|
8
|
+
onChange?: (value: number) => void;
|
|
9
|
+
precision?: number;
|
|
10
|
+
children?: ReactNode;
|
|
11
|
+
describedBy?: string;
|
|
12
|
+
ref?: Ref<HTMLDivElement>;
|
|
13
|
+
id?: string;
|
|
14
|
+
};
|
|
15
|
+
export declare function NumericInput({ id, name, size, disabled, required, pattern, readOnly, inputMode, value, defaultValue, onChange, dir, describedBy, min, max, step, precision, allowMouseWheel, allowOverflow, clampValueOnBlur, spinOnPress, formatOptions, invalid, children, ref, className, ...props }: NumericInputProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare namespace NumericInput {
|
|
17
|
+
var Control: ({ children, ref, className, ...props }: NumericInputControlProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
var Input: ({ ref, className, ...props }: NumericInputInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
var IncrementTrigger: ({ variant, theme, size, icon, iconPosition, uppercase, block, isLoading, loadingText, ref, className, children, ...props }: NumericInputIncrementTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
var DecrementTrigger: ({ variant, theme, size, icon, iconPosition, uppercase, block, isLoading, loadingText, ref, className, children, ...props }: NumericInputDecrementTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
var Scrubber: ({ ref, className, ...props }: NumericInputScrubberProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
var TriggerContainer: ({ children, ref, className, ...props }: NumericInputTriggerContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
var displayName: string;
|
|
24
|
+
}
|
|
25
|
+
interface NumericInputControlProps extends ComponentPropsWithoutRef<'div'> {
|
|
26
|
+
ref?: Ref<HTMLDivElement>;
|
|
27
|
+
}
|
|
28
|
+
interface NumericInputInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {
|
|
29
|
+
ref?: Ref<HTMLInputElement>;
|
|
30
|
+
}
|
|
31
|
+
interface NumericInputIncrementTriggerProps extends Omit<ComponentPropsWithoutRef<'button'>, 'children'> {
|
|
32
|
+
variant?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning';
|
|
33
|
+
theme?: 'solid' | 'light' | 'borderless' | 'outlined';
|
|
34
|
+
size?: 'sm' | 'md' | 'lg';
|
|
35
|
+
uppercase?: boolean;
|
|
36
|
+
block?: boolean;
|
|
37
|
+
icon?: IconType;
|
|
38
|
+
iconPosition?: 'left' | 'right';
|
|
39
|
+
isLoading?: boolean;
|
|
40
|
+
loadingText?: string;
|
|
41
|
+
ref?: Ref<HTMLButtonElement>;
|
|
42
|
+
children?: ReactNode;
|
|
43
|
+
}
|
|
44
|
+
interface NumericInputDecrementTriggerProps extends Omit<ComponentPropsWithoutRef<'button'>, 'children'> {
|
|
45
|
+
variant?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning';
|
|
46
|
+
theme?: 'solid' | 'light' | 'borderless' | 'outlined';
|
|
47
|
+
size?: 'sm' | 'md' | 'lg';
|
|
48
|
+
uppercase?: boolean;
|
|
49
|
+
block?: boolean;
|
|
50
|
+
icon?: IconType;
|
|
51
|
+
iconPosition?: 'left' | 'right';
|
|
52
|
+
isLoading?: boolean;
|
|
53
|
+
loadingText?: string;
|
|
54
|
+
ref?: Ref<HTMLButtonElement>;
|
|
55
|
+
children?: ReactNode;
|
|
56
|
+
}
|
|
57
|
+
interface NumericInputScrubberProps extends ComponentPropsWithoutRef<'div'> {
|
|
58
|
+
ref?: Ref<HTMLDivElement>;
|
|
59
|
+
}
|
|
60
|
+
interface NumericInputTriggerContainerProps extends ComponentPropsWithoutRef<'div'> {
|
|
61
|
+
ref?: Ref<HTMLDivElement>;
|
|
62
|
+
}
|
|
63
|
+
export {};
|
|
64
|
+
//# sourceMappingURL=numeric-input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"numeric-input.d.ts","sourceRoot":"","sources":["../../../src/atoms/numeric-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import * as ratingGroup from '@zag-js/rating-group';
|
|
2
|
+
import { type HTMLAttributes } from 'react';
|
|
3
|
+
import type { VariantProps } from 'tailwind-variants';
|
|
4
|
+
declare const rating: import("tailwind-variants").TVReturnType<{
|
|
5
|
+
size: {
|
|
6
|
+
sm: {
|
|
7
|
+
root: string;
|
|
8
|
+
control: string;
|
|
9
|
+
item: string;
|
|
10
|
+
};
|
|
11
|
+
md: {
|
|
12
|
+
root: string;
|
|
13
|
+
control: string;
|
|
14
|
+
item: string;
|
|
15
|
+
};
|
|
16
|
+
lg: {
|
|
17
|
+
root: string;
|
|
18
|
+
control: string;
|
|
19
|
+
item: string;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
isInteractive: {
|
|
23
|
+
true: {};
|
|
24
|
+
false: {
|
|
25
|
+
item: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
}, {
|
|
29
|
+
root: string[];
|
|
30
|
+
control: string[];
|
|
31
|
+
itemWrapper: string[];
|
|
32
|
+
item: string[];
|
|
33
|
+
}, undefined, {
|
|
34
|
+
size: {
|
|
35
|
+
sm: {
|
|
36
|
+
root: string;
|
|
37
|
+
control: string;
|
|
38
|
+
item: string;
|
|
39
|
+
};
|
|
40
|
+
md: {
|
|
41
|
+
root: string;
|
|
42
|
+
control: string;
|
|
43
|
+
item: string;
|
|
44
|
+
};
|
|
45
|
+
lg: {
|
|
46
|
+
root: string;
|
|
47
|
+
control: string;
|
|
48
|
+
item: string;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
isInteractive: {
|
|
52
|
+
true: {};
|
|
53
|
+
false: {
|
|
54
|
+
item: string;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
}, {
|
|
58
|
+
root: string[];
|
|
59
|
+
control: string[];
|
|
60
|
+
itemWrapper: string[];
|
|
61
|
+
item: string[];
|
|
62
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
63
|
+
size: {
|
|
64
|
+
sm: {
|
|
65
|
+
root: string;
|
|
66
|
+
control: string;
|
|
67
|
+
item: string;
|
|
68
|
+
};
|
|
69
|
+
md: {
|
|
70
|
+
root: string;
|
|
71
|
+
control: string;
|
|
72
|
+
item: string;
|
|
73
|
+
};
|
|
74
|
+
lg: {
|
|
75
|
+
root: string;
|
|
76
|
+
control: string;
|
|
77
|
+
item: string;
|
|
78
|
+
};
|
|
79
|
+
};
|
|
80
|
+
isInteractive: {
|
|
81
|
+
true: {};
|
|
82
|
+
false: {
|
|
83
|
+
item: string;
|
|
84
|
+
};
|
|
85
|
+
};
|
|
86
|
+
}, {
|
|
87
|
+
root: string[];
|
|
88
|
+
control: string[];
|
|
89
|
+
itemWrapper: string[];
|
|
90
|
+
item: string[];
|
|
91
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
92
|
+
export interface RatingProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>, VariantProps<typeof rating> {
|
|
93
|
+
value?: number;
|
|
94
|
+
defaultValue?: number;
|
|
95
|
+
count?: number;
|
|
96
|
+
labelText?: string;
|
|
97
|
+
readOnly?: boolean;
|
|
98
|
+
disabled?: boolean;
|
|
99
|
+
allowHalf?: boolean;
|
|
100
|
+
name?: string;
|
|
101
|
+
dir?: 'ltr' | 'rtl';
|
|
102
|
+
translations?: ratingGroup.IntlTranslations;
|
|
103
|
+
onChange?: (value: number) => void;
|
|
104
|
+
onHoverChange?: (value: number) => void;
|
|
105
|
+
}
|
|
106
|
+
export declare function Rating({ value, defaultValue, count, labelText, readOnly, disabled, allowHalf, name, dir, translations, onChange, onHoverChange, size, className, ...props }: RatingProps): import("react/jsx-runtime").JSX.Element;
|
|
107
|
+
export {};
|
|
108
|
+
//# sourceMappingURL=rating.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../../../src/atoms/rating.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,sBAAsB,CAAA;AAEnD,OAAO,EAAE,KAAK,cAAc,EAAS,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAkDV,CAAA;AAEF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EACtD,YAAY,CAAC,OAAO,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB,YAAY,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAA;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAED,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,YAAY,EACZ,KAAS,EACT,SAAS,EACT,QAAgB,EAChB,QAAgB,EAChB,SAAgB,EAChB,IAAI,EACJ,GAAW,EACX,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,IAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,2CA2Cb"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import type { Ref, TextareaHTMLAttributes } from 'react';
|
|
2
|
+
import type { VariantProps } from 'tailwind-variants';
|
|
3
|
+
declare const textareaVariants: import("tailwind-variants").TVReturnType<{
|
|
4
|
+
variant: {
|
|
5
|
+
default: string;
|
|
6
|
+
error: string[];
|
|
7
|
+
success: string[];
|
|
8
|
+
warning: string[];
|
|
9
|
+
borderless: string[];
|
|
10
|
+
};
|
|
11
|
+
size: {
|
|
12
|
+
sm: string;
|
|
13
|
+
md: string;
|
|
14
|
+
lg: string;
|
|
15
|
+
};
|
|
16
|
+
resize: {
|
|
17
|
+
none: string;
|
|
18
|
+
y: string;
|
|
19
|
+
x: string;
|
|
20
|
+
both: string;
|
|
21
|
+
auto: string;
|
|
22
|
+
};
|
|
23
|
+
readonly: {
|
|
24
|
+
true: string;
|
|
25
|
+
};
|
|
26
|
+
}, undefined, string[], {
|
|
27
|
+
variant: {
|
|
28
|
+
default: string;
|
|
29
|
+
error: string[];
|
|
30
|
+
success: string[];
|
|
31
|
+
warning: string[];
|
|
32
|
+
borderless: string[];
|
|
33
|
+
};
|
|
34
|
+
size: {
|
|
35
|
+
sm: string;
|
|
36
|
+
md: string;
|
|
37
|
+
lg: string;
|
|
38
|
+
};
|
|
39
|
+
resize: {
|
|
40
|
+
none: string;
|
|
41
|
+
y: string;
|
|
42
|
+
x: string;
|
|
43
|
+
both: string;
|
|
44
|
+
auto: string;
|
|
45
|
+
};
|
|
46
|
+
readonly: {
|
|
47
|
+
true: string;
|
|
48
|
+
};
|
|
49
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
50
|
+
variant: {
|
|
51
|
+
default: string;
|
|
52
|
+
error: string[];
|
|
53
|
+
success: string[];
|
|
54
|
+
warning: string[];
|
|
55
|
+
borderless: string[];
|
|
56
|
+
};
|
|
57
|
+
size: {
|
|
58
|
+
sm: string;
|
|
59
|
+
md: string;
|
|
60
|
+
lg: string;
|
|
61
|
+
};
|
|
62
|
+
resize: {
|
|
63
|
+
none: string;
|
|
64
|
+
y: string;
|
|
65
|
+
x: string;
|
|
66
|
+
both: string;
|
|
67
|
+
auto: string;
|
|
68
|
+
};
|
|
69
|
+
readonly: {
|
|
70
|
+
true: string;
|
|
71
|
+
};
|
|
72
|
+
}, undefined, string[], unknown, unknown, undefined>>;
|
|
73
|
+
export interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>, VariantProps<typeof textareaVariants> {
|
|
74
|
+
ref?: Ref<HTMLTextAreaElement>;
|
|
75
|
+
}
|
|
76
|
+
export declare function Textarea({ size, resize, variant, readonly, className, ref, ...props }: TextareaProps): import("react/jsx-runtime").JSX.Element;
|
|
77
|
+
export declare namespace Textarea {
|
|
78
|
+
var displayName: string;
|
|
79
|
+
}
|
|
80
|
+
export {};
|
|
81
|
+
//# sourceMappingURL=textarea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/atoms/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDA8DpB,CAAA;AAEF,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,EAC/D,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAA;CAC/B;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACT,EAAE,aAAa,2CAef;yBAvBe,QAAQ"}
|