@a-type/ui 1.0.11 → 1.0.13
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/cjs/components/button/classes.js +5 -5
- package/dist/cjs/components/button/classes.js.map +1 -1
- package/dist/cjs/components/card/Card.d.ts +34 -0
- package/dist/cjs/components/card/Card.js +11 -1
- package/dist/cjs/components/card/Card.js.map +1 -1
- package/dist/cjs/components/checkbox/Checkbox.d.ts +6 -1
- package/dist/cjs/components/checkbox/Checkbox.js +4 -1
- package/dist/cjs/components/checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/collapsible/Collapsible.d.ts +11 -0
- package/dist/cjs/components/collapsible/Collapsible.js +6 -1
- package/dist/cjs/components/collapsible/Collapsible.js.map +1 -1
- package/dist/cjs/components/contextMenu/contextMenu.d.ts +18 -6
- package/dist/cjs/components/contextMenu/contextMenu.js +13 -7
- package/dist/cjs/components/contextMenu/contextMenu.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.d.ts +27 -1
- package/dist/cjs/components/dialog/Dialog.js +19 -5
- package/dist/cjs/components/dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.stories.d.ts +28 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.d.ts +32 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js +15 -2
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.d.ts +31 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js +1 -2
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
- package/dist/cjs/components/input/Input.js +1 -1
- package/dist/cjs/components/input/Input.js.map +1 -1
- package/dist/cjs/components/navBar/NavBar.d.ts +15 -0
- package/dist/cjs/components/navBar/NavBar.js +8 -1
- package/dist/cjs/components/navBar/NavBar.js.map +1 -1
- package/dist/cjs/components/popover/Popover.d.ts +18 -1
- package/dist/cjs/components/popover/Popover.js +9 -2
- package/dist/cjs/components/popover/Popover.js.map +1 -1
- package/dist/cjs/components/scrollArea/ScrollArea.d.ts +7 -1
- package/dist/cjs/components/scrollArea/ScrollArea.js +5 -1
- package/dist/cjs/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/cjs/components/select/Select.d.ts +23 -4
- package/dist/cjs/components/select/Select.js +12 -2
- package/dist/cjs/components/select/Select.js.map +1 -1
- package/dist/cjs/components/select/Select.stories.d.ts +24 -1
- package/dist/cjs/components/slider/Slider.d.ts +15 -3
- package/dist/cjs/components/slider/Slider.js +9 -4
- package/dist/cjs/components/slider/Slider.js.map +1 -1
- package/dist/cjs/components/slider/Slider.stories.d.ts +15 -1
- package/dist/cjs/components/switch/Switch.d.ts +8 -1
- package/dist/cjs/components/switch/Switch.js +4 -1
- package/dist/cjs/components/switch/Switch.js.map +1 -1
- package/dist/cjs/components/tabs/tabs.d.ts +18 -5
- package/dist/cjs/components/tabs/tabs.js +11 -6
- package/dist/cjs/components/tabs/tabs.js.map +1 -1
- package/dist/cjs/components/textArea/TextArea.js +1 -1
- package/dist/cjs/components/textArea/TextArea.js.map +1 -1
- package/dist/cjs/components/toggleGroup/toggleGroup.d.ts +13 -4
- package/dist/cjs/components/toggleGroup/toggleGroup.js +7 -4
- package/dist/cjs/components/toggleGroup/toggleGroup.js.map +1 -1
- package/dist/cjs/components/tooltip/Tooltip.d.ts +10 -3
- package/dist/cjs/components/tooltip/Tooltip.js +7 -4
- package/dist/cjs/components/tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/tooltip/Tooltip.stories.d.ts +5 -1
- package/dist/cjs/themes.stories.d.ts +13 -0
- package/dist/cjs/themes.stories.js +31 -0
- package/dist/cjs/themes.stories.js.map +1 -0
- package/dist/cjs/uno.preset.js +11 -11
- package/dist/css/main.css +13 -13
- package/dist/esm/components/button/classes.js +5 -5
- package/dist/esm/components/button/classes.js.map +1 -1
- package/dist/esm/components/card/Card.d.ts +34 -0
- package/dist/esm/components/card/Card.js +10 -0
- package/dist/esm/components/card/Card.js.map +1 -1
- package/dist/esm/components/checkbox/Checkbox.d.ts +6 -1
- package/dist/esm/components/checkbox/Checkbox.js +4 -1
- package/dist/esm/components/checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/collapsible/Collapsible.d.ts +11 -0
- package/dist/esm/components/collapsible/Collapsible.js +5 -0
- package/dist/esm/components/collapsible/Collapsible.js.map +1 -1
- package/dist/esm/components/contextMenu/contextMenu.d.ts +18 -6
- package/dist/esm/components/contextMenu/contextMenu.js +12 -6
- package/dist/esm/components/contextMenu/contextMenu.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.d.ts +27 -1
- package/dist/esm/components/dialog/Dialog.js +18 -3
- package/dist/esm/components/dialog/Dialog.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.stories.d.ts +28 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.d.ts +32 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.js +14 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.d.ts +31 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js +2 -3
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
- package/dist/esm/components/input/Input.js +1 -1
- package/dist/esm/components/input/Input.js.map +1 -1
- package/dist/esm/components/navBar/NavBar.d.ts +15 -0
- package/dist/esm/components/navBar/NavBar.js +7 -0
- package/dist/esm/components/navBar/NavBar.js.map +1 -1
- package/dist/esm/components/popover/Popover.d.ts +18 -1
- package/dist/esm/components/popover/Popover.js +8 -1
- package/dist/esm/components/popover/Popover.js.map +1 -1
- package/dist/esm/components/scrollArea/ScrollArea.d.ts +7 -1
- package/dist/esm/components/scrollArea/ScrollArea.js +5 -1
- package/dist/esm/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/esm/components/select/Select.d.ts +23 -4
- package/dist/esm/components/select/Select.js +12 -1
- package/dist/esm/components/select/Select.js.map +1 -1
- package/dist/esm/components/select/Select.stories.d.ts +24 -1
- package/dist/esm/components/slider/Slider.d.ts +15 -3
- package/dist/esm/components/slider/Slider.js +9 -3
- package/dist/esm/components/slider/Slider.js.map +1 -1
- package/dist/esm/components/slider/Slider.stories.d.ts +15 -1
- package/dist/esm/components/switch/Switch.d.ts +8 -1
- package/dist/esm/components/switch/Switch.js +4 -1
- package/dist/esm/components/switch/Switch.js.map +1 -1
- package/dist/esm/components/tabs/tabs.d.ts +18 -5
- package/dist/esm/components/tabs/tabs.js +10 -5
- package/dist/esm/components/tabs/tabs.js.map +1 -1
- package/dist/esm/components/textArea/TextArea.js +1 -1
- package/dist/esm/components/textArea/TextArea.js.map +1 -1
- package/dist/esm/components/toggleGroup/toggleGroup.d.ts +13 -4
- package/dist/esm/components/toggleGroup/toggleGroup.js +6 -3
- package/dist/esm/components/toggleGroup/toggleGroup.js.map +1 -1
- package/dist/esm/components/tooltip/Tooltip.d.ts +10 -3
- package/dist/esm/components/tooltip/Tooltip.js +7 -3
- package/dist/esm/components/tooltip/Tooltip.js.map +1 -1
- package/dist/esm/components/tooltip/Tooltip.stories.d.ts +5 -1
- package/dist/esm/themes.stories.d.ts +13 -0
- package/dist/esm/themes.stories.js +25 -0
- package/dist/esm/themes.stories.js.map +1 -0
- package/dist/esm/uno.preset.js +11 -11
- package/package.json +1 -1
- package/src/components/button/classes.tsx +5 -5
- package/src/components/card/Card.tsx +11 -0
- package/src/components/checkbox/Checkbox.tsx +15 -10
- package/src/components/collapsible/Collapsible.tsx +6 -0
- package/src/components/contextMenu/contextMenu.tsx +22 -9
- package/src/components/dialog/Dialog.tsx +26 -3
- package/src/components/dropdownMenu/DropdownMenu.stories.tsx +14 -21
- package/src/components/dropdownMenu/DropdownMenu.tsx +15 -1
- package/src/components/input/Input.tsx +1 -1
- package/src/components/navBar/NavBar.tsx +8 -0
- package/src/components/popover/Popover.tsx +9 -1
- package/src/components/scrollArea/ScrollArea.tsx +21 -14
- package/src/components/select/Select.tsx +13 -1
- package/src/components/slider/Slider.tsx +23 -11
- package/src/components/switch/Switch.tsx +6 -2
- package/src/components/tabs/tabs.tsx +11 -5
- package/src/components/textArea/TextArea.tsx +1 -1
- package/src/components/toggleGroup/toggleGroup.tsx +7 -3
- package/src/components/tooltip/Tooltip.tsx +30 -22
- package/src/themes.stories.tsx +70 -0
- package/src/uno.preset.ts +11 -11
|
@@ -29,9 +29,13 @@ export const ScrollAreaThumb = withClassName(Primitive.Thumb, 'layer-components:
|
|
|
29
29
|
export const ScrollAreaScrollbar = forwardRef(function ScrollAreaScrollbar(props, ref) {
|
|
30
30
|
return (_jsx(ScrollAreaScrollbarRoot, Object.assign({}, props, { ref: ref }, { children: _jsx(ScrollAreaThumb, {}) })));
|
|
31
31
|
});
|
|
32
|
-
export const ScrollArea = forwardRef(function ScrollArea(_a, ref) {
|
|
32
|
+
export const ScrollArea = Object.assign(forwardRef(function ScrollArea(_a, ref) {
|
|
33
33
|
var { children, orientation } = _a, props = __rest(_a, ["children", "orientation"]);
|
|
34
34
|
return (_jsxs(ScrollAreaRoot, Object.assign({ ref: ref }, props, { children: [_jsx(ScrollAreaViewport, { children: children }), _jsx(ScrollAreaScrollbar, {}), orientation === 'both' && (_jsx(ScrollAreaScrollbar, { orientation: "horizontal" }))] })));
|
|
35
|
+
}), {
|
|
36
|
+
Root: ScrollAreaRoot,
|
|
37
|
+
Viewport: ScrollAreaViewport,
|
|
38
|
+
Scrollbar: ScrollAreaScrollbar,
|
|
35
39
|
});
|
|
36
40
|
const shadowMap = {
|
|
37
41
|
white: 'shadow-1',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,SAAS,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,kBAAkB,GAAG,aAAa,CACvC,SAAS,CAAC,IAAI,EACd,kDAAkD,EAClD,6FAA6F,CAC7F,CAAC;AAMF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACvC,SAAS,cAAc,CAAC,EAAiC,EAAE,GAAG;QAAtC,EAAE,UAAU,GAAG,MAAM,OAAY,EAAP,KAAK,cAA/B,cAAiC,CAAF;IACtD,MAAM,OAAO,GAAQ,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC;QACN,aAAa,EAAE,eAAe,UAAU,GAAG;QAC3C,iBAAiB,EAAE,eAAe,SAAS,CAAC,UAAU,CAAC,GAAG;KAC1D,CAAC,EACF,CAAC,UAAU,CAAC,CACZ,CAAC;IACF,OAAO,KAAC,kBAAkB,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,IAAM,KAAK,EAAI,CAAC;AACpE,CAAC,CACD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAC9C,SAAS,CAAC,QAAQ,EAClB,eAAe,EACf,6UAA6U,EAC7U,2FAA2F,EAC3F,oDAAoD,CACpD,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CACnD,SAAS,CAAC,SAAS,EACnB,0GAA0G,EAC1G,kCAAkC,EAClC,uDAAuD,EACvD,oEAAoE,CACpE,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,SAAS,CAAC,KAAK,EACf,yDAAyD,EACzD,gHAAgH,CAChH,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAG3C,SAAS,mBAAmB,CAAC,KAAK,EAAE,GAAG;IACxC,OAAO,CACN,KAAC,uBAAuB,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,gBAC3C,KAAC,eAAe,KAAG,IACM,CAC1B,CAAC;AACH,CAAC,CAAC,CAAC;AAOH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAuB,SAAS,UAAU,
|
|
1
|
+
{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,SAAS,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,kBAAkB,GAAG,aAAa,CACvC,SAAS,CAAC,IAAI,EACd,kDAAkD,EAClD,6FAA6F,CAC7F,CAAC;AAMF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACvC,SAAS,cAAc,CAAC,EAAiC,EAAE,GAAG;QAAtC,EAAE,UAAU,GAAG,MAAM,OAAY,EAAP,KAAK,cAA/B,cAAiC,CAAF;IACtD,MAAM,OAAO,GAAQ,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC;QACN,aAAa,EAAE,eAAe,UAAU,GAAG;QAC3C,iBAAiB,EAAE,eAAe,SAAS,CAAC,UAAU,CAAC,GAAG;KAC1D,CAAC,EACF,CAAC,UAAU,CAAC,CACZ,CAAC;IACF,OAAO,KAAC,kBAAkB,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,IAAM,KAAK,EAAI,CAAC;AACpE,CAAC,CACD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAC9C,SAAS,CAAC,QAAQ,EAClB,eAAe,EACf,6UAA6U,EAC7U,2FAA2F,EAC3F,oDAAoD,CACpD,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CACnD,SAAS,CAAC,SAAS,EACnB,0GAA0G,EAC1G,kCAAkC,EAClC,uDAAuD,EACvD,oEAAoE,CACpE,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,SAAS,CAAC,KAAK,EACf,yDAAyD,EACzD,gHAAgH,CAChH,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAG3C,SAAS,mBAAmB,CAAC,KAAK,EAAE,GAAG;IACxC,OAAO,CACN,KAAC,uBAAuB,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,gBAC3C,KAAC,eAAe,KAAG,IACM,CAC1B,CAAC;AACH,CAAC,CAAC,CAAC;AAOH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CACtC,UAAU,CAAuB,SAAS,UAAU,CACnD,EAAmC,EACnC,GAAG;QADH,EAAE,QAAQ,EAAE,WAAW,OAAY,EAAP,KAAK,cAAjC,2BAAmC,CAAF;IAGjC,OAAO,CACN,MAAC,cAAc,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eAClC,KAAC,kBAAkB,cAAE,QAAQ,GAAsB,EACnD,KAAC,mBAAmB,KAAG,EACtB,WAAW,KAAK,MAAM,IAAI,CAC1B,KAAC,mBAAmB,IAAC,WAAW,EAAC,YAAY,GAAG,CAChD,KACe,CACjB,CAAC;AACH,CAAC,CAAC,EACF;IACC,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,kBAAkB;IAC5B,SAAS,EAAE,mBAAmB;CAC9B,CACD,CAAC;AAEF,MAAM,SAAS,GAAG;IACjB,KAAK,EAAE,UAAU;IACjB,IAAI,EAAE,UAAU;IAChB,cAAc,EAAE,UAAU;IAC1B,OAAO,EAAE,UAAU;IACnB,KAAK,EAAE,SAAS;CAChB,CAAC"}
|
|
@@ -55,7 +55,26 @@ export type SelectProps<T extends string = string> = {
|
|
|
55
55
|
/** won't work on mobile and mobileNative=true */
|
|
56
56
|
onOpenChange?: (open: boolean) => void;
|
|
57
57
|
};
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
58
|
+
export declare const Select: (<T extends string = string>({ children, value, onValueChange, mobileNative, ...rest }: SelectProps<T>) => import("react/jsx-runtime").JSX.Element) & {
|
|
59
|
+
Root: import("react").FC<SelectPrimitive.SelectProps>;
|
|
60
|
+
Item: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
61
|
+
Group: (props: SelectPrimitive.SelectGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
62
|
+
Trigger: import("react").ForwardRefExoticComponent<SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
63
|
+
Value: FunctionComponent<Omit<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
|
|
64
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
65
|
+
}>;
|
|
66
|
+
Label: FunctionComponent<Omit<SelectPrimitive.SelectLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
67
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
68
|
+
}>;
|
|
69
|
+
Separator: FunctionComponent<Omit<SelectPrimitive.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
70
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
71
|
+
}>;
|
|
72
|
+
Icon: FunctionComponent<Omit<SelectPrimitive.SelectIconProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
73
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
74
|
+
}>;
|
|
75
|
+
Content: FunctionComponent<Omit<SelectPrimitive.SelectContentProps & {
|
|
76
|
+
inDialog?: boolean | undefined;
|
|
77
|
+
} & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
78
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
79
|
+
}>;
|
|
80
|
+
};
|
|
@@ -65,7 +65,7 @@ export const NativeSelect = forwardRef((_a, forwardedRef) => {
|
|
|
65
65
|
/**
|
|
66
66
|
* A high-level Select which converts to native on mobile. Use with SelectItem.
|
|
67
67
|
*/
|
|
68
|
-
|
|
68
|
+
const SelectBase = (_a) => {
|
|
69
69
|
var { children, value, onValueChange, mobileNative } = _a, rest = __rest(_a, ["children", "value", "onValueChange", "mobileNative"]);
|
|
70
70
|
const mobile = isMobile();
|
|
71
71
|
if (mobile && mobileNative) {
|
|
@@ -75,6 +75,17 @@ export const Select = (_a) => {
|
|
|
75
75
|
}
|
|
76
76
|
return (_jsx(SelectRoot, Object.assign({ value: value, onValueChange: onValueChange }, { children: children })));
|
|
77
77
|
};
|
|
78
|
+
export const Select = Object.assign(SelectBase, {
|
|
79
|
+
Root: SelectRoot,
|
|
80
|
+
Item: SelectItem,
|
|
81
|
+
Group: SelectGroup,
|
|
82
|
+
Trigger: SelectTrigger,
|
|
83
|
+
Value: SelectValue,
|
|
84
|
+
Label: SelectLabel,
|
|
85
|
+
Separator: SelectSeparator,
|
|
86
|
+
Icon: SelectIcon,
|
|
87
|
+
Content: SelectContent,
|
|
88
|
+
});
|
|
78
89
|
function isMobile() {
|
|
79
90
|
return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
|
|
80
91
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/select/Select.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,31 @@
|
|
|
1
|
+
/// <reference types="react" resolution-mode="require"/>
|
|
1
2
|
import type { StoryObj } from '@storybook/react';
|
|
2
3
|
import { Select } from './Select.js';
|
|
3
4
|
declare const meta: {
|
|
4
5
|
title: string;
|
|
5
|
-
component: <T extends string = string>({ children, value, onValueChange, mobileNative, ...rest }: import("./Select.js").SelectProps<T>) => import("react/jsx-runtime").JSX.Element
|
|
6
|
+
component: (<T extends string = string>({ children, value, onValueChange, mobileNative, ...rest }: import("./Select.js").SelectProps<T>) => import("react/jsx-runtime").JSX.Element) & {
|
|
7
|
+
Root: import("react").FC<import("@radix-ui/react-select").SelectProps>;
|
|
8
|
+
Item: import("react").ForwardRefExoticComponent<import("@radix-ui/react-select").SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
|
+
Group: (props: import("@radix-ui/react-select").SelectGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
Trigger: import("react").ForwardRefExoticComponent<import("./Select.js").SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
Value: import("react").FunctionComponent<Omit<import("@radix-ui/react-select").SelectValueProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
|
|
12
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
13
|
+
}>;
|
|
14
|
+
Label: import("react").FunctionComponent<Omit<import("@radix-ui/react-select").SelectLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
15
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
16
|
+
}>;
|
|
17
|
+
Separator: import("react").FunctionComponent<Omit<import("@radix-ui/react-select").SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
18
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
19
|
+
}>;
|
|
20
|
+
Icon: import("react").FunctionComponent<Omit<import("@radix-ui/react-select").SelectIconProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
21
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
22
|
+
}>;
|
|
23
|
+
Content: import("react").FunctionComponent<Omit<import("@radix-ui/react-select").SelectContentProps & {
|
|
24
|
+
inDialog?: boolean | undefined;
|
|
25
|
+
} & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
26
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
27
|
+
}>;
|
|
28
|
+
};
|
|
6
29
|
argTypes: {};
|
|
7
30
|
parameters: {
|
|
8
31
|
controls: {
|
|
@@ -12,9 +12,21 @@ export declare const SliderRange: import("react").FunctionComponent<Omit<SliderP
|
|
|
12
12
|
export declare const SliderThumb: import("react").FunctionComponent<Omit<SliderPrimitive.SliderThumbProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
|
|
13
13
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
14
14
|
}>;
|
|
15
|
-
interface SliderProps extends SliderPrimitive.SliderProps {
|
|
15
|
+
export interface SliderProps extends SliderPrimitive.SliderProps {
|
|
16
16
|
label?: string;
|
|
17
17
|
color?: 'default' | 'primary';
|
|
18
18
|
}
|
|
19
|
-
export declare
|
|
20
|
-
|
|
19
|
+
export declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HTMLDivElement>> & {
|
|
20
|
+
Root: import("react").FunctionComponent<Omit<SliderPrimitive.SliderProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
|
|
21
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
22
|
+
}>;
|
|
23
|
+
Track: import("react").FunctionComponent<Omit<SliderPrimitive.SliderTrackProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
|
|
24
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
25
|
+
}>;
|
|
26
|
+
Range: import("react").FunctionComponent<Omit<SliderPrimitive.SliderRangeProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
|
|
27
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
28
|
+
}>;
|
|
29
|
+
Thumb: import("react").FunctionComponent<Omit<SliderPrimitive.SliderThumbProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
|
|
30
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
31
|
+
}>;
|
|
32
|
+
};
|
|
@@ -11,14 +11,20 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
return t;
|
|
12
12
|
};
|
|
13
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
+
import { forwardRef } from 'react';
|
|
14
15
|
import { withClassName } from '../../hooks.js';
|
|
15
16
|
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
16
17
|
export const SliderRoot = withClassName(SliderPrimitive.Root, 'layer-components:relative layer-components:flex layer-components:items-center layer-components:select-none layer-components:touch-none layer-components:w-full layer-components:h-30px layer-components:translate-z-0');
|
|
17
18
|
export const SliderTrack = withClassName(SliderPrimitive.Track, 'layer-components:bg-transparent layer-components:relative layer-components:grow layer-components:rounded-full layer-components:h-9px layer-components:border layer-components:border-1px layer-components:border-solid layer-components:border-black');
|
|
18
19
|
export const SliderRange = withClassName(SliderPrimitive.Range, 'layer-components:absolute layer-components:bg-accent layer-components:rounded-full layer-components:h-full', 'layer-variants:[&[data-color=primary]]:bg-primary');
|
|
19
20
|
export const SliderThumb = withClassName(SliderPrimitive.Thumb, 'layer-components:block layer-components:w-5 layer-components:h-5 layer-components:bg-white layer-components:shadow-sm layer-components:rounded-full layer-components:ring-2 layer-components:ring-black layer-components:touch-none layer-components:transition-all', 'layer-components:hover:shadow-md', 'layer-components:active:shadow-lg layer-components:active:ring-4 layer-components:active:ring-accent layer-components:active:ring-opacity-50 layer-components:active:bg-accent-light', 'layer-components:focus-visible:shadow-lg layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent layer-components:focus-visible:ring-opacity-50 layer-components:focus-visible:outline-none layer-components:focus-visible:bg-accent-light', 'layer-components:focus:outline-none', 'layer-components:disabled:opacity-50', 'layer-variants:[&[data-color=primary]]:active:bg-primary-light layer-variants:[&[data-color=primary]]:active:ring-primary', 'layer-variants:[&[data-color=primary]]:focus-visible:bg-primary-light layer-variants:[&[data-color=primary]]:focus-visible:ring-primary');
|
|
20
|
-
export function Slider(_a) {
|
|
21
|
+
export const Slider = Object.assign(forwardRef(function Slider(_a, ref) {
|
|
21
22
|
var { label, color } = _a, props = __rest(_a, ["label", "color"]);
|
|
22
|
-
return (_jsxs(SliderRoot, Object.assign({}, props, { children: [_jsx(SliderTrack, { children: _jsx(SliderRange, { "data-color": color }) }), _jsx(SliderThumb, { "aria-label": label, "data-color": color })] })));
|
|
23
|
-
}
|
|
23
|
+
return (_jsxs(SliderRoot, Object.assign({ ref: ref }, props, { children: [_jsx(SliderTrack, { children: _jsx(SliderRange, { "data-color": color }) }), _jsx(SliderThumb, { "aria-label": label, "data-color": color })] })));
|
|
24
|
+
}), {
|
|
25
|
+
Root: SliderRoot,
|
|
26
|
+
Track: SliderTrack,
|
|
27
|
+
Range: SliderRange,
|
|
28
|
+
Thumb: SliderThumb,
|
|
29
|
+
});
|
|
24
30
|
//# sourceMappingURL=Slider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CACtC,eAAe,CAAC,IAAI,EACpB,kGAAkG,CAClG,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,eAAe,CAAC,KAAK,EACrB,gHAAgH,CAChH,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,eAAe,CAAC,KAAK,EACrB,2DAA2D,EAC3D,mDAAmD,CACnD,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,eAAe,CAAC,KAAK,EACrB,8GAA8G,EAC9G,oCAAoC,EACpC,wFAAwF,EACxF,4GAA4G,EAC5G,uCAAuC,EACvC,wCAAwC,EACxC,+EAA+E,EAC/E,sFAAsF,CACtF,CAAC;AAOF,MAAM,
|
|
1
|
+
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CACtC,eAAe,CAAC,IAAI,EACpB,kGAAkG,CAClG,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,eAAe,CAAC,KAAK,EACrB,gHAAgH,CAChH,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,eAAe,CAAC,KAAK,EACrB,2DAA2D,EAC3D,mDAAmD,CACnD,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,eAAe,CAAC,KAAK,EACrB,8GAA8G,EAC9G,oCAAoC,EACpC,wFAAwF,EACxF,4GAA4G,EAC5G,uCAAuC,EACvC,wCAAwC,EACxC,+EAA+E,EAC/E,sFAAsF,CACtF,CAAC;AAOF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,UAAU,CAA8B,SAAS,MAAM,CACtD,EAA0B,EAC1B,GAAG;QADH,EAAE,KAAK,EAAE,KAAK,OAAY,EAAP,KAAK,cAAxB,kBAA0B,CAAF;IAGxB,OAAO,CACN,MAAC,UAAU,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eAC9B,KAAC,WAAW,cACX,KAAC,WAAW,kBAAa,KAAK,GAAI,GACrB,EACd,KAAC,WAAW,kBAAa,KAAK,gBAAc,KAAK,GAAI,KACzC,CACb,CAAC;AACH,CAAC,CAAC,EACF;IACC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;CAClB,CACD,CAAC"}
|
|
@@ -1,8 +1,22 @@
|
|
|
1
|
+
/// <reference types="react" resolution-mode="require"/>
|
|
1
2
|
import type { StoryObj } from '@storybook/react';
|
|
2
3
|
import { Slider } from './Slider.js';
|
|
3
4
|
declare const meta: {
|
|
4
5
|
title: string;
|
|
5
|
-
component:
|
|
6
|
+
component: import("react").ForwardRefExoticComponent<import("./Slider.js").SliderProps & import("react").RefAttributes<HTMLDivElement>> & {
|
|
7
|
+
Root: import("react").FunctionComponent<Omit<import("@radix-ui/react-slider").SliderProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
|
|
8
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
9
|
+
}>;
|
|
10
|
+
Track: import("react").FunctionComponent<Omit<import("@radix-ui/react-slider").SliderTrackProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
|
|
11
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
12
|
+
}>;
|
|
13
|
+
Range: import("react").FunctionComponent<Omit<import("@radix-ui/react-slider").SliderRangeProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
|
|
14
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
15
|
+
}>;
|
|
16
|
+
Thumb: import("react").FunctionComponent<Omit<import("@radix-ui/react-slider").SliderThumbProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
|
|
17
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
18
|
+
}>;
|
|
19
|
+
};
|
|
6
20
|
argTypes: {};
|
|
7
21
|
parameters: {
|
|
8
22
|
controls: {
|
|
@@ -1,3 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" resolution-mode="require"/>
|
|
2
2
|
import { SwitchProps } from '@radix-ui/react-switch';
|
|
3
|
-
export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement
|
|
3
|
+
export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>> & {
|
|
4
|
+
Root: import("react").FunctionComponent<Omit<SwitchProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
5
|
+
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
6
|
+
}>;
|
|
7
|
+
Thumb: import("react").FunctionComponent<Omit<import("@radix-ui/react-switch").SwitchThumbProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
|
|
8
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
9
|
+
}>;
|
|
10
|
+
};
|
|
@@ -5,7 +5,10 @@ import { Root, Thumb } from '@radix-ui/react-switch';
|
|
|
5
5
|
import { forwardRef } from 'react';
|
|
6
6
|
const SwitchRoot = withClassName(Root, 'unset w-42px h-25px bg-white rounded-full relative transition-color border-default flex-shrink-0 focus-visible:shadow-focus [&[data-state=checked]]:bg-accent');
|
|
7
7
|
const SwitchThumb = withClassName(Thumb, 'block w-21px h-21px bg-white rounded-full border-default transition-transform will-change-transform [&[data-state=checked]]:translate-x-19px');
|
|
8
|
-
export const Switch = forwardRef(function Switch(props, ref) {
|
|
8
|
+
export const Switch = Object.assign(forwardRef(function Switch(props, ref) {
|
|
9
9
|
return (_jsx(SwitchRoot, Object.assign({}, props, { ref: ref }, { children: _jsx(SwitchThumb, {}) })));
|
|
10
|
+
}), {
|
|
11
|
+
Root: SwitchRoot,
|
|
12
|
+
Thumb: SwitchThumb,
|
|
10
13
|
});
|
|
11
14
|
//# sourceMappingURL=Switch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../src/components/switch/Switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAe,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,MAAM,UAAU,GAAG,aAAa,CAC/B,IAAI,EACJ,+JAA+J,CAC/J,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAChC,KAAK,EACL,8IAA8I,CAC9I,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../src/components/switch/Switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAe,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,MAAM,UAAU,GAAG,aAAa,CAC/B,IAAI,EACJ,+JAA+J,CAC/J,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAChC,KAAK,EACL,8IAA8I,CAC9I,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,UAAU,CAAiC,SAAS,MAAM,CAAC,KAAK,EAAE,GAAG;IACpE,OAAO,CACN,KAAC,UAAU,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,gBAC9B,KAAC,WAAW,KAAG,IACH,CACb,CAAC;AACH,CAAC,CAAC,EACF;IACC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,WAAW;CAClB,CACD,CAAC"}
|
|
@@ -1,14 +1,27 @@
|
|
|
1
1
|
/// <reference types="react" resolution-mode="require"/>
|
|
2
|
-
import * as
|
|
3
|
-
export declare const TabsRoot: import("react").FunctionComponent<Omit<
|
|
2
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
3
|
+
export declare const TabsRoot: import("react").FunctionComponent<Omit<TabsPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
4
4
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
5
5
|
}>;
|
|
6
|
-
export declare const TabsList: import("react").FunctionComponent<Omit<
|
|
6
|
+
export declare const TabsList: import("react").FunctionComponent<Omit<TabsPrimitive.TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
7
7
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
8
8
|
}>;
|
|
9
|
-
export declare const TabsTrigger: import("react").FunctionComponent<Omit<
|
|
9
|
+
export declare const TabsTrigger: import("react").FunctionComponent<Omit<TabsPrimitive.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
10
10
|
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
11
11
|
}>;
|
|
12
|
-
export declare const TabsContent: import("react").FunctionComponent<Omit<
|
|
12
|
+
export declare const TabsContent: import("react").FunctionComponent<Omit<TabsPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
13
13
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
14
14
|
}>;
|
|
15
|
+
export declare const Tabs: import("react").FunctionComponent<Omit<TabsPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
16
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
17
|
+
}> & {
|
|
18
|
+
List: import("react").FunctionComponent<Omit<TabsPrimitive.TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
19
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
20
|
+
}>;
|
|
21
|
+
Trigger: import("react").FunctionComponent<Omit<TabsPrimitive.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
22
|
+
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
23
|
+
}>;
|
|
24
|
+
Content: import("react").FunctionComponent<Omit<TabsPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
25
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
26
|
+
}>;
|
|
27
|
+
};
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
|
-
import * as
|
|
2
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
3
3
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
4
|
-
export const TabsRoot = withClassName(
|
|
5
|
-
export const TabsList = withClassName(
|
|
6
|
-
export const TabsTrigger = withClassName(
|
|
7
|
-
export const TabsContent = withClassName(
|
|
4
|
+
export const TabsRoot = withClassName(TabsPrimitive.Root, '');
|
|
5
|
+
export const TabsList = withClassName(TabsPrimitive.List, 'flex flex-row py-2 px-2 justify-center items-start gap-2');
|
|
6
|
+
export const TabsTrigger = withClassName(TabsPrimitive.Trigger, 'layer-components:flex layer-components:flex-row layer-components:items-center layer-components:justify-center layer-components:gap-2 layer-components:color-black layer-components:py-1 layer-components:px-4 layer-components:bg-wash layer-components:text-md layer-components:min-w-100px layer-components:rounded-full layer-components:border layer-components:border-1 layer-components:font-semibold layer-components:text-gray-7 layer-components:border-gray-7 layer-components:border-solid layer-components:transition-colors layer-components:cursor-pointer layer-components:select-none layer-components:font-sans', 'hover:bg-primary-light focus-visible:focus-ring focus-visible:focus-ring-primary-dark focus-visible:outline-off focus-visible:bg-primary-light focus-visible:border-primary-dark [&[data-state=active]]:font-semibold [&[data-state=active]]:bg-primary-light [&[data-state=active]]:border-primary-light [&[data-state=active]]:text-black [&[data-state=active]]:cursor-default [&[data-state=active]]:hover:bg-primary-light [&[data-state=active]]:relative [&[data-state=active]]:z-1');
|
|
7
|
+
export const TabsContent = withClassName(TabsPrimitive.Content, '');
|
|
8
|
+
export const Tabs = Object.assign(TabsRoot, {
|
|
9
|
+
List: TabsList,
|
|
10
|
+
Trigger: TabsTrigger,
|
|
11
|
+
Content: TabsContent,
|
|
12
|
+
});
|
|
8
13
|
//# sourceMappingURL=tabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAE9D,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CACpC,aAAa,CAAC,IAAI,EAClB,0DAA0D,CAC1D,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,aAAa,CAAC,OAAO,EACrB,+PAA+P,EAC/P,uQAAuQ,CACvQ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AAEpE,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IAC3C,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,WAAW;CACpB,CAAC,CAAC"}
|
|
@@ -50,7 +50,7 @@ export const TextArea = forwardRef(function TextArea(_a, ref) {
|
|
|
50
50
|
onFocus(e);
|
|
51
51
|
}
|
|
52
52
|
}, [autoSelect, onFocus]);
|
|
53
|
-
return (_jsx("textarea", Object.assign({ ref: finalRef, className: classNames(inputClassName, 'layer-components:[font-family:inherit] layer-components:text-inherit layer-components:overflow-hidden', 'layer-variants:rounded-20px', {
|
|
53
|
+
return (_jsx("textarea", Object.assign({ ref: finalRef, className: classNames(inputClassName, 'layer-components:[font-family:inherit] layer-components:text-inherit layer-components:overflow-hidden layer-components:resize-none', 'layer-variants:rounded-20px', {
|
|
54
54
|
'layer-components:[resize:vertical]': !autoSize,
|
|
55
55
|
'layer-components:[resize:none]': autoSize,
|
|
56
56
|
}, className), rows: autoSize ? 1 : rows, onChange: handleChange, onFocus: handleFocus }, rest)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/textArea/TextArea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAEN,UAAU,EAEV,WAAW,EAEX,eAAe,EACf,MAAM,EACN,QAAQ,GACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAW7C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CACjC,SAAS,QAAQ,CAChB,EASC,EACD,GAAG;;QAVH,EACC,QAAQ,EACR,UAAU,EACV,OAAO,EACP,SAAS,EACT,IAAI,EACJ,eAAe,GAAG,CAAC,EACnB,QAAQ,OAER,EADG,IAAI,cARR,yFASC,CADO;IAIR,MAAM,QAAQ,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IACnD,MAAM,QAAQ,GAAG,YAAY,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAE7C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,UAAU,CAAC;IAE5C,gFAAgF;IAChF,eAAe,CAAC,GAAG,EAAE;QACpB,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;QACjC,IAAI,OAAO,EAAE;YACZ,IAAI,OAAO,CAAC,KAAK,KAAK,EAAE,IAAI,eAAe,EAAE;gBAC5C,OAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;gBAC/B,MAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC;gBACxC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC;aAC3D;SACD;IACF,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,WAAW,CAC/B,CAAC,CAAmC,EAAE,EAAE;QACvC,aAAa,CAAE,CAAC,CAAC,MAA8B,CAAC,KAAK,CAAC,CAAC;QACvD,IAAI,QAAQ,EAAE;YACb,QAAQ,CAAC,CAAC,CAAC,CAAC;SACZ;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAC9B,CAAC,CAAwC,EAAE,EAAE;QAC5C,IAAI,UAAU,EAAE;YACf,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;SAClB;QACD,IAAI,OAAO,EAAE;YACZ,OAAO,CAAC,CAAC,CAAC,CAAC;SACX;IACF,CAAC,EACD,CAAC,UAAU,EAAE,OAAO,CAAC,CACrB,CAAC;IAEF,OAAO,CACN,iCACC,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,UAAU,CACpB,cAAc,EACd,
|
|
1
|
+
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/textArea/TextArea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAEN,UAAU,EAEV,WAAW,EAEX,eAAe,EACf,MAAM,EACN,QAAQ,GACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAW7C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CACjC,SAAS,QAAQ,CAChB,EASC,EACD,GAAG;;QAVH,EACC,QAAQ,EACR,UAAU,EACV,OAAO,EACP,SAAS,EACT,IAAI,EACJ,eAAe,GAAG,CAAC,EACnB,QAAQ,OAER,EADG,IAAI,cARR,yFASC,CADO;IAIR,MAAM,QAAQ,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IACnD,MAAM,QAAQ,GAAG,YAAY,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAE7C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,UAAU,CAAC;IAE5C,gFAAgF;IAChF,eAAe,CAAC,GAAG,EAAE;QACpB,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;QACjC,IAAI,OAAO,EAAE;YACZ,IAAI,OAAO,CAAC,KAAK,KAAK,EAAE,IAAI,eAAe,EAAE;gBAC5C,OAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;gBAC/B,MAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC;gBACxC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC;aAC3D;SACD;IACF,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,WAAW,CAC/B,CAAC,CAAmC,EAAE,EAAE;QACvC,aAAa,CAAE,CAAC,CAAC,MAA8B,CAAC,KAAK,CAAC,CAAC;QACvD,IAAI,QAAQ,EAAE;YACb,QAAQ,CAAC,CAAC,CAAC,CAAC;SACZ;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAC9B,CAAC,CAAwC,EAAE,EAAE;QAC5C,IAAI,UAAU,EAAE;YACf,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;SAClB;QACD,IAAI,OAAO,EAAE;YACZ,OAAO,CAAC,CAAC,CAAC,CAAC;SACX;IACF,CAAC,EACD,CAAC,UAAU,EAAE,OAAO,CAAC,CACrB,CAAC;IAEF,OAAO,CACN,iCACC,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,UAAU,CACpB,cAAc,EACd,mFAAmF,EACnF,+BAA+B,EAC/B;YACC,oCAAoC,EAAE,CAAC,QAAQ;YAC/C,gCAAgC,EAAE,QAAQ;SAC1C,EACD,SAAS,CACT,EACD,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EACzB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,IAChB,IAAI,EACP,CACF,CAAC;AACH,CAAC,CACD,CAAC"}
|
|
@@ -1,10 +1,19 @@
|
|
|
1
1
|
/// <reference types="react" resolution-mode="require"/>
|
|
2
|
-
import * as
|
|
3
|
-
export declare const ToggleGroupRoot: import("react").FunctionComponent<(Omit<
|
|
2
|
+
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
3
|
+
export declare const ToggleGroupRoot: import("react").FunctionComponent<(Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
4
4
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
5
|
-
}) | (Omit<
|
|
5
|
+
}) | (Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
6
6
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
7
7
|
})>;
|
|
8
|
-
export declare const ToggleGroupItem: import("react").FunctionComponent<Omit<
|
|
8
|
+
export declare const ToggleGroupItem: import("react").FunctionComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
9
9
|
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
10
10
|
}>;
|
|
11
|
+
export declare const ToggleGroup: import("react").FunctionComponent<(Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
12
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
13
|
+
}) | (Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
14
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
15
|
+
})> & {
|
|
16
|
+
Item: import("react").FunctionComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
17
|
+
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
18
|
+
}>;
|
|
19
|
+
};
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
|
-
import * as
|
|
2
|
+
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
3
3
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
4
|
-
export const ToggleGroupRoot = withClassName(
|
|
5
|
-
export const ToggleGroupItem = withClassName(
|
|
4
|
+
export const ToggleGroupRoot = withClassName(ToggleGroupPrimitive.Root, 'inline-flex bg-gray1 rounded-lg gap-1');
|
|
5
|
+
export const ToggleGroupItem = withClassName(ToggleGroupPrimitive.Item, 'rounded-xl bg-gray2 py-1 px-2 flex items-center justify-center cursor-pointer hover:bg-gray3 active:bg-gray4 focus-visible:shadow-focus focus-visible:outline-off [&[data-state=on]]:bg-primary-light [&[data-state=on]]:border-black');
|
|
6
|
+
export const ToggleGroup = Object.assign(ToggleGroupRoot, {
|
|
7
|
+
Item: ToggleGroupItem,
|
|
8
|
+
});
|
|
6
9
|
//# sourceMappingURL=toggleGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleGroup.js","sourceRoot":"","sources":["../../../../src/components/toggleGroup/toggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"toggleGroup.js","sourceRoot":"","sources":["../../../../src/components/toggleGroup/toggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,oBAAoB,CAAC,IAAI,EACzB,uCAAuC,CACvC,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,oBAAoB,CAAC,IAAI,EACzB,0MAA0M,CAC1M,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACzD,IAAI,EAAE,eAAe;CACrB,CAAC,CAAC"}
|
|
@@ -1,7 +1,14 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" resolution-mode="require"/>
|
|
2
2
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
3
|
+
declare function Content({ children, className, ...props }: TooltipPrimitive.TooltipContentProps): import("react/jsx-runtime").JSX.Element;
|
|
3
4
|
export declare const TooltipProvider: import("react").FC<TooltipPrimitive.TooltipProviderProps>;
|
|
4
|
-
export
|
|
5
|
+
export interface TooltipProps extends Omit<TooltipPrimitive.TooltipTriggerProps, 'content'> {
|
|
5
6
|
content: React.ReactNode;
|
|
6
7
|
open?: boolean;
|
|
7
|
-
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare const Tooltip: import("react").ForwardRefExoticComponent<TooltipProps & import("react").RefAttributes<HTMLButtonElement>> & {
|
|
11
|
+
Trigger: import("react").ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
12
|
+
Content: typeof Content;
|
|
13
|
+
};
|
|
14
|
+
export {};
|
|
@@ -12,6 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
return t;
|
|
13
13
|
};
|
|
14
14
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
|
+
import { forwardRef } from 'react';
|
|
15
16
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
16
17
|
import classNames from 'clsx';
|
|
17
18
|
function Content(_a) {
|
|
@@ -19,8 +20,11 @@ function Content(_a) {
|
|
|
19
20
|
return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, Object.assign({ className: classNames('layer-components:relative layer-components:rounded-md layer-components:py-2 layer-components:px-3 layer-components:bg-black layer-components:text-white layer-components:text-sm layer-components:leading-tight layer-components:shadow-sm layer-components:select-none layer-components:hidden layer-components:z-tooltip layer-components:sm:display-initial', '[&[data-state=delayed-open]]:display-initial', '[&[data-state=instant-open]]:display-initial', 'layer-components:transform-origin-[var(--radix-tooltip-content-transform-origin)]', 'layer-components:[&[data-state=delayed-open]]:animate-popover-in', className) }, props, { children: [children, _jsx(TooltipPrimitive.Arrow, { className: "fill-black" })] })) }));
|
|
20
21
|
}
|
|
21
22
|
export const TooltipProvider = TooltipPrimitive.Provider;
|
|
22
|
-
export function Tooltip(_a) {
|
|
23
|
+
export const Tooltip = Object.assign(forwardRef(function Tooltip(_a, ref) {
|
|
23
24
|
var { content, children, open, disabled } = _a, rest = __rest(_a, ["content", "children", "open", "disabled"]);
|
|
24
|
-
return (_jsxs(TooltipPrimitive.Root, Object.assign({ open: open }, { children: [disabled ? (children) : (_jsx(TooltipPrimitive.TooltipTrigger, Object.assign({ asChild: true }, rest, { children: children }))), _jsx(Content, Object.assign({ sideOffset: 12 }, { children: content }))] })));
|
|
25
|
-
}
|
|
25
|
+
return (_jsxs(TooltipPrimitive.Root, Object.assign({ open: open }, { children: [disabled ? (children) : (_jsx(TooltipPrimitive.TooltipTrigger, Object.assign({ asChild: true, ref: ref }, rest, { children: children }))), _jsx(Content, Object.assign({ sideOffset: 12 }, { children: content }))] })));
|
|
26
|
+
}), {
|
|
27
|
+
Trigger: TooltipPrimitive.TooltipTrigger,
|
|
28
|
+
Content,
|
|
29
|
+
});
|
|
26
30
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EAA4B,UAAU,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,SAAS,OAAO,CAAC,EAIsB;QAJtB,EAChB,QAAQ,EACR,SAAS,OAE6B,EADnC,KAAK,cAHQ,yBAIhB,CADQ;IAER,OAAO,CACN,KAAC,gBAAgB,CAAC,MAAM,cACvB,MAAC,gBAAgB,CAAC,OAAO,kBACxB,SAAS,EAAE,UAAU,CACpB,sJAAsJ,EACtJ,8CAA8C,EAC9C,8CAA8C,EAC9C,mFAAmF,EACnF,kEAAkE,EAClE,SAAS,CACT,IACG,KAAK,eAER,QAAQ,EACT,KAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,YAAY,GAAG,KACvB,GACF,CAC1B,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AASzD,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CACnC,UAAU,CAAkC,SAAS,OAAO,CAC3D,EAA8C,EAC9C,GAAG;QADH,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA5C,2CAA8C,CAAF;IAG5C,OAAO,CACN,MAAC,gBAAgB,CAAC,IAAI,kBAAC,IAAI,EAAE,IAAI,iBAC/B,QAAQ,CAAC,CAAC,CAAC,CACX,QAAQ,CACR,CAAC,CAAC,CAAC,CACH,KAAC,gBAAgB,CAAC,cAAc,kBAAC,OAAO,QAAC,GAAG,EAAE,GAAG,IAAM,IAAI,cACzD,QAAQ,IACwB,CAClC,EACD,KAAC,OAAO,kBAAC,UAAU,EAAE,EAAE,gBAAG,OAAO,IAAW,KACrB,CACxB,CAAC;AACH,CAAC,CAAC,EACF;IACC,OAAO,EAAE,gBAAgB,CAAC,cAAc;IACxC,OAAO;CACP,CACD,CAAC"}
|
|
@@ -1,8 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" resolution-mode="require"/>
|
|
1
2
|
import type { StoryObj } from '@storybook/react';
|
|
2
3
|
import { Tooltip } from './Tooltip.js';
|
|
3
4
|
declare const meta: {
|
|
4
5
|
title: string;
|
|
5
|
-
component:
|
|
6
|
+
component: import("react").ForwardRefExoticComponent<import("./Tooltip.js").TooltipProps & import("react").RefAttributes<HTMLButtonElement>> & {
|
|
7
|
+
Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tooltip").TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
Content: ({ children, className, ...props }: import("@radix-ui/react-tooltip").TooltipContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
};
|
|
6
10
|
argTypes: {};
|
|
7
11
|
parameters: {
|
|
8
12
|
controls: {
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
argTypes: {};
|
|
5
|
+
parameters: {
|
|
6
|
+
controls: {
|
|
7
|
+
expanded: boolean;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj;
|
|
13
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
// @unocss-include
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import { Button } from './components/button.js';
|
|
5
|
+
import { Input } from './components/input.js';
|
|
6
|
+
import { TextArea } from './components/textArea.js';
|
|
7
|
+
import { Card } from './components/card.js';
|
|
8
|
+
import { Tabs } from './components/tabs.js';
|
|
9
|
+
const meta = {
|
|
10
|
+
title: 'themes',
|
|
11
|
+
argTypes: {},
|
|
12
|
+
parameters: {
|
|
13
|
+
controls: { expanded: true },
|
|
14
|
+
},
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
function DemoUI({ className }) {
|
|
18
|
+
return (_jsxs("div", Object.assign({ className: clsx('grid gap-2 grid-cols-3', className) }, { children: [_jsxs("div", Object.assign({ className: "col" }, { children: [_jsx(Button, Object.assign({ color: "primary" }, { children: "Primary" })), _jsx(Button, Object.assign({ color: "accent" }, { children: "Accent" })), _jsx(Button, { children: "Default" }), _jsx(Button, Object.assign({ size: "small", color: "destructive" }, { children: "Destructive" })), _jsx(Button, Object.assign({ size: "small", color: "ghostDestructive" }, { children: "Ghost Destructive" }))] })), _jsxs("div", Object.assign({ className: "col" }, { children: [_jsx(Input, { placeholder: "Placeholder" }), _jsx(TextArea, { placeholder: "Placeholder" })] })), _jsx("div", { children: _jsxs(Card, { children: [_jsxs(Card.Main, { children: [_jsx(Card.Title, { children: "Card Title" }), _jsx(Card.Content, { children: "Card Content" })] }), _jsx(Card.Footer, { children: _jsx(Card.Actions, { children: _jsx(Button, Object.assign({ size: "small" }, { children: "Action 1" })) }) })] }) }), _jsx("div", { children: _jsxs(Tabs, Object.assign({ defaultValue: "tab1" }, { children: [_jsxs(Tabs.List, { children: [_jsx(Tabs.Trigger, Object.assign({ value: "tab1" }, { children: "Tab 1" })), _jsx(Tabs.Trigger, Object.assign({ value: "tab2" }, { children: "Tab 2" }))] }), _jsx(Tabs.Content, Object.assign({ value: "tab1" }, { children: "Tab 1 Content" })), _jsx(Tabs.Content, Object.assign({ value: "tab2" }, { children: "Tab 2 Content" }))] })) })] })));
|
|
19
|
+
}
|
|
20
|
+
export const Default = {
|
|
21
|
+
render() {
|
|
22
|
+
return _jsx(DemoUI, {});
|
|
23
|
+
},
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=themes.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themes.stories.js","sourceRoot":"","sources":["../../src/themes.stories.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACc,CAAC;AAEjB,eAAe,IAAI,CAAC;AAIpB,SAAS,MAAM,CAAC,EAAE,SAAS,EAA0B;IACpD,OAAO,CACN,6BAAK,SAAS,EAAE,IAAI,CAAC,wBAAwB,EAAE,SAAS,CAAC,iBACxD,6BAAK,SAAS,EAAC,KAAK,iBACnB,KAAC,MAAM,kBAAC,KAAK,EAAC,SAAS,6BAAiB,EACxC,KAAC,MAAM,kBAAC,KAAK,EAAC,QAAQ,4BAAgB,EACtC,KAAC,MAAM,0BAAiB,EACxB,KAAC,MAAM,kBAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,aAAa,iCAE/B,EACT,KAAC,MAAM,kBAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,kBAAkB,uCAEpC,KACJ,EACN,6BAAK,SAAS,EAAC,KAAK,iBACnB,KAAC,KAAK,IAAC,WAAW,EAAC,aAAa,GAAG,EACnC,KAAC,QAAQ,IAAC,WAAW,EAAC,aAAa,GAAG,KACjC,EACN,wBACC,MAAC,IAAI,eACJ,MAAC,IAAI,CAAC,IAAI,eACT,KAAC,IAAI,CAAC,KAAK,6BAAwB,EACnC,KAAC,IAAI,CAAC,OAAO,+BAA4B,IAC9B,EACZ,KAAC,IAAI,CAAC,MAAM,cACX,KAAC,IAAI,CAAC,OAAO,cACZ,KAAC,MAAM,kBAAC,IAAI,EAAC,OAAO,8BAAkB,GACxB,GACF,IACR,GACF,EACN,wBACC,MAAC,IAAI,kBAAC,YAAY,EAAC,MAAM,iBACxB,MAAC,IAAI,CAAC,IAAI,eACT,KAAC,IAAI,CAAC,OAAO,kBAAC,KAAK,EAAC,MAAM,2BAAqB,EAC/C,KAAC,IAAI,CAAC,OAAO,kBAAC,KAAK,EAAC,MAAM,2BAAqB,IACpC,EACZ,KAAC,IAAI,CAAC,OAAO,kBAAC,KAAK,EAAC,MAAM,mCAA6B,EACvD,KAAC,IAAI,CAAC,OAAO,kBAAC,KAAK,EAAC,MAAM,mCAA6B,KACjD,GACF,KACD,CACN,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM;QACL,OAAO,KAAC,MAAM,KAAG,CAAC;IACnB,CAAC;CACD,CAAC"}
|
package/dist/esm/uno.preset.js
CHANGED
|
@@ -400,13 +400,13 @@ export default function presetAglio({ spacingIncrement = 0.25, interFontLocation
|
|
|
400
400
|
--palette-red-00: #321f19;
|
|
401
401
|
--palette-green-90: #e9fff1;
|
|
402
402
|
--palette-green-80: #c2ffe1;
|
|
403
|
-
--palette-green-70: #
|
|
404
|
-
--palette-green-60: #
|
|
405
|
-
--palette-green-50: #
|
|
406
|
-
--palette-green-40: #
|
|
407
|
-
--palette-green-30: #
|
|
408
|
-
--palette-green-20: #
|
|
409
|
-
--palette-green-10: #
|
|
403
|
+
--palette-green-70: #8ff8e0;
|
|
404
|
+
--palette-green-60: #79efe7;
|
|
405
|
+
--palette-green-50: #63cec4;
|
|
406
|
+
--palette-green-40: #499d92;
|
|
407
|
+
--palette-green-30: #1f837c;
|
|
408
|
+
--palette-green-20: #246869;
|
|
409
|
+
--palette-green-10: #274e48;
|
|
410
410
|
--palette-green-00: #183527;
|
|
411
411
|
--palette-yellow-90: #fff9ef;
|
|
412
412
|
--palette-yellow-80: #fff1c7;
|
|
@@ -685,10 +685,10 @@ export default function presetAglio({ spacingIncrement = 0.25, interFontLocation
|
|
|
685
685
|
}
|
|
686
686
|
|
|
687
687
|
.theme-tomato {
|
|
688
|
-
--color-attention-light: var(--color-
|
|
689
|
-
--color-attention: var(--color-
|
|
690
|
-
--color-attention-dark: var(--color-
|
|
691
|
-
--color-attention-wash: var(--color-
|
|
688
|
+
--color-attention-light: var(--color-yellow-light);
|
|
689
|
+
--color-attention: var(--color-yellow);
|
|
690
|
+
--color-attention-dark: var(--color-yellow-dark);
|
|
691
|
+
--color-attention-wash: var(--color-yellow-wash);
|
|
692
692
|
--color-accent: var(--color-green);
|
|
693
693
|
--color-accent-wash: var(--color-green-wash);
|
|
694
694
|
--color-accent-light: var(--color-green-light);
|