@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
|
@@ -3,7 +3,37 @@ import type { StoryObj } from '@storybook/react';
|
|
|
3
3
|
import { DropdownMenu } from './DropdownMenu.js';
|
|
4
4
|
declare const meta: {
|
|
5
5
|
title: string;
|
|
6
|
-
component: import("react").FC<import("@radix-ui/react-dropdown-menu").DropdownMenuProps
|
|
6
|
+
component: import("react").FC<import("@radix-ui/react-dropdown-menu").DropdownMenuProps> & {
|
|
7
|
+
Content: ({ children, forceMount, ...props }: import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & {
|
|
8
|
+
forceMount?: boolean | undefined;
|
|
9
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
Trigger: import("react").FunctionComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
11
|
+
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
12
|
+
}>;
|
|
13
|
+
Item: import("react").ForwardRefExoticComponent<import("./DropdownMenu.js").DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
14
|
+
CheckboxItem: import("react").FunctionComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
15
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
16
|
+
}>;
|
|
17
|
+
RadioGroup: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
18
|
+
RadioItem: import("react").FunctionComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
19
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
20
|
+
}>;
|
|
21
|
+
ItemIndicator: import("react").FunctionComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
|
|
22
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
23
|
+
}>;
|
|
24
|
+
Label: import("react").FunctionComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
25
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
26
|
+
}>;
|
|
27
|
+
Separator: import("react").FunctionComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
28
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
29
|
+
}>;
|
|
30
|
+
Arrow: import("react").FunctionComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuArrowProps & import("react").RefAttributes<SVGSVGElement>, "ref"> & {
|
|
31
|
+
ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
|
|
32
|
+
}>;
|
|
33
|
+
ItemRightSlot: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
34
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
35
|
+
}>;
|
|
36
|
+
};
|
|
7
37
|
argTypes: {};
|
|
8
38
|
parameters: {
|
|
9
39
|
controls: {
|
|
@@ -5,7 +5,6 @@ exports.Default = void 0;
|
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const DropdownMenu_js_1 = require("./DropdownMenu.js");
|
|
7
7
|
const icon_js_1 = require("../icon.js");
|
|
8
|
-
const react_dropdown_menu_1 = require("@radix-ui/react-dropdown-menu");
|
|
9
8
|
const meta = {
|
|
10
9
|
title: 'DropdownMenu',
|
|
11
10
|
component: DropdownMenu_js_1.DropdownMenu,
|
|
@@ -17,7 +16,7 @@ const meta = {
|
|
|
17
16
|
exports.default = meta;
|
|
18
17
|
exports.Default = {
|
|
19
18
|
args: {
|
|
20
|
-
children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(DropdownMenu_js_1.
|
|
19
|
+
children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Trigger, { children: "Open" }), (0, jsx_runtime_1.jsxs)(DropdownMenu_js_1.DropdownMenu.Content, { children: [(0, jsx_runtime_1.jsxs)(DropdownMenu_js_1.DropdownMenu.Item, Object.assign({ color: "destructive" }, { children: [(0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Label, { children: "Item 1" }), (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.ItemRightSlot, { children: (0, jsx_runtime_1.jsx)(icon_js_1.Icon, { name: "flag" }) })] })), (0, jsx_runtime_1.jsxs)(DropdownMenu_js_1.DropdownMenu.Item, { children: [(0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Label, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.ItemRightSlot, { children: (0, jsx_runtime_1.jsx)(icon_js_1.Icon, { name: "add_person" }) })] })] })] })),
|
|
21
20
|
},
|
|
22
21
|
};
|
|
23
22
|
//# sourceMappingURL=DropdownMenu.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.stories.tsx"],"names":[],"mappings":";;;;AACA,
|
|
1
|
+
{"version":3,"file":"DropdownMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.stories.tsx"],"names":[],"mappings":";;;;AACA,uDAAiD;AACjD,wCAAkC;AAElC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,8BAAY;IACvB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACmC,CAAC;AAEtC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,6DACC,uBAAC,8BAAY,CAAC,OAAO,uBAA4B,EACjD,wBAAC,8BAAY,CAAC,OAAO,eACpB,wBAAC,8BAAY,CAAC,IAAI,kBAAC,KAAK,EAAC,aAAa,iBACrC,uBAAC,8BAAY,CAAC,KAAK,yBAA4B,EAC/C,uBAAC,8BAAY,CAAC,aAAa,cAC1B,uBAAC,cAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACQ,KACV,EACpB,wBAAC,8BAAY,CAAC,IAAI,eACjB,uBAAC,8BAAY,CAAC,KAAK,yBAA4B,EAC/C,uBAAC,8BAAY,CAAC,aAAa,cAC1B,uBAAC,cAAI,IAAC,IAAI,EAAC,YAAY,GAAG,GACE,IACV,IACE,IACrB,CACH;KACD;CACD,CAAC"}
|
|
@@ -20,7 +20,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
20
20
|
const clsx_1 = __importDefault(require("clsx"));
|
|
21
21
|
const react_1 = require("react");
|
|
22
22
|
const react_slot_1 = require("@radix-ui/react-slot");
|
|
23
|
-
exports.inputClassName = (0, clsx_1.default)('layer-components:px-5 layer-components:py-[5px] layer-components:text-md layer-components:font-sans layer-components:rounded-full layer-components:bg-white layer-components:select-auto layer-components:min-w-60px layer-components:color-black layer-components:border-
|
|
23
|
+
exports.inputClassName = (0, clsx_1.default)('layer-components:px-5 layer-components:py-[5px] layer-components:text-md layer-components:font-sans layer-components:rounded-full layer-components:bg-white layer-components:select-auto layer-components:min-w-60px layer-components:color-black layer-components:border-solid layer-components:border-1 layer-components:border-gray-7 layer-components:shadow-sm-inset', 'layer-components:focus:outline-none layer-components:focus:bg-gray-1 layer-components:focus:ring-4 layer-components:focus:ring-white', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring-gray-dark-blend', 'layer-components:md:min-w-120px');
|
|
24
24
|
exports.Input = (0, react_1.forwardRef)(function Input(_a, ref) {
|
|
25
25
|
var { className, autoSelect, onFocus, variant: _, asChild } = _a, props = __rest(_a, ["className", "autoSelect", "onFocus", "variant", "asChild"]);
|
|
26
26
|
const handleFocus = (0, react_1.useCallback)((ev) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,iCAMe;AACf,qDAA4C;AAE/B,QAAA,cAAc,GAAG,IAAA,cAAU,EACvC,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,iCAMe;AACf,qDAA4C;AAE/B,QAAA,cAAc,GAAG,IAAA,cAAU,EACvC,iKAAiK,EACjK,mEAAmE,EACnE,oEAAoE,EACpE,mCAAmC,CACnC,CAAC;AASW,QAAA,KAAK,GAAG,IAAA,kBAAU,EAA+B,SAAS,KAAK,CAC3E,EAAiE,EACjE,GAAG;QADH,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,OAAY,EAAP,KAAK,cAA/D,4DAAiE,CAAF;IAG/D,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,CAAC,EAAgC,EAAE,EAAE;QACpC,IAAI,UAAU,EAAE;YACf,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;SACnB;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;IACf,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACrB,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,OAAO,CAAC;IAE3C,OAAO,CACN,uBAAC,SAAS,oBACL,KAAK,IACT,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,IAAA,cAAU,EAAC,sBAAc,EAAE,SAAS,CAAC,EAChD,GAAG,EAAE,GAAG,IACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC"}
|
|
@@ -27,4 +27,19 @@ export declare const NavBarItemPip: import("react").FunctionComponent<Omit<impor
|
|
|
27
27
|
export declare const NavBarRoot: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
28
28
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
29
29
|
}>;
|
|
30
|
+
export declare const NavBar: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
31
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
32
|
+
}> & {
|
|
33
|
+
Item: import("react").ForwardRefExoticComponent<NavBarItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
34
|
+
ItemIcon: import("react").ForwardRefExoticComponent<NavBarItemIconProps & import("react").RefAttributes<any>>;
|
|
35
|
+
ItemText: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
36
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
37
|
+
}>;
|
|
38
|
+
ItemIconWrapper: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
39
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
40
|
+
}>;
|
|
41
|
+
ItemPip: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
42
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
43
|
+
}>;
|
|
44
|
+
};
|
|
30
45
|
export {};
|
|
@@ -35,7 +35,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
35
35
|
return t;
|
|
36
36
|
};
|
|
37
37
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
38
|
-
exports.NavBarRoot = exports.NavBarItemPip = exports.NavBarItemIcon = exports.NavBarItemText = exports.NavBarItemIconWrapper = exports.NavBarItem = exports.navBarItemClass = void 0;
|
|
38
|
+
exports.NavBar = exports.NavBarRoot = exports.NavBarItemPip = exports.NavBarItemIcon = exports.NavBarItemText = exports.NavBarItemIconWrapper = exports.NavBarItem = exports.navBarItemClass = void 0;
|
|
39
39
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
40
40
|
const clsx_1 = __importStar(require("clsx"));
|
|
41
41
|
const hooks_js_1 = require("../../hooks.js");
|
|
@@ -57,4 +57,11 @@ exports.NavBarItemIcon = (0, react_1.forwardRef)(function NavBarItemIcon(_a, ref
|
|
|
57
57
|
});
|
|
58
58
|
exports.NavBarItemPip = (0, hooks_js_1.withClassName)('div', 'layer-components:absolute layer-components:top-6px layer-components:right-6px layer-components:w-6px layer-components:h-6px layer-components:rounded-full layer-components:bg-attention layer-components:shadow-sm');
|
|
59
59
|
exports.NavBarRoot = (0, hooks_js_1.withClassName)('div', 'layer-components:grid layer-components:[grid-auto-columns:1fr] layer-components:[grid-auto-flow:column] layer-components:justify-items-center layer-components:w-full layer-components:rounded-0 layer-components:overflow-hidden layer-components:z-50 layer-components:p-1 layer-components:h-auto', 'pb-[calc(0.25rem+env(safe-area-inset-bottom,0px))]', 'layer-components:sm:bg-transparent layer-components:sm:flex layer-components:sm:flex-col layer-components:sm:rounded-0 layer-components:sm:border-none layer-components:sm:border-transparent layer-components:sm:shadow-none layer-components:sm:h-min-content layer-components:sm:overflow-y-auto layer-components:sm:overflow-x-hidden layer-components:sm:justify-start layer-components:sm:items-stretch layer-components:sm:gap-2 layer-components:sm:pb-10');
|
|
60
|
+
exports.NavBar = Object.assign(exports.NavBarRoot, {
|
|
61
|
+
Item: exports.NavBarItem,
|
|
62
|
+
ItemIcon: exports.NavBarItemIcon,
|
|
63
|
+
ItemText: exports.NavBarItemText,
|
|
64
|
+
ItemIconWrapper: exports.NavBarItemIconWrapper,
|
|
65
|
+
ItemPip: exports.NavBarItemPip,
|
|
66
|
+
});
|
|
60
67
|
//# sourceMappingURL=NavBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AACxC,6CAA+C;AAC/C,iCAA8C;AAC9C,qDAA4C;AAC5C,wCAA6C;AAEhC,QAAA,eAAe,GAAG,IAAA,cAAU,EACxC,yNAAyN,EACzN,oFAAoF,EACpF,wCAAwC,EACxC,+DAA+D,EAC/D,uFAAuF,EACvF,qEAAqE,CACrE,CAAC;AASW,QAAA,UAAU,GAAG,IAAA,kBAAU,EACnC,SAAS,UAAU,CAAC,EAAuC,EAAE,GAAG;QAA5C,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAW,EAAN,IAAI,cAArC,kCAAuC,CAAF;IACxD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACN,uBAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EAAC,uBAAe,EAAE,SAAS,CAAC,iBACpC,MAAM,IACf,IAAI,EACP,CACF,CAAC;AACH,CAAC,CACD,CAAC;AAEW,QAAA,qBAAqB,GAAG,IAAA,wBAAa,EACjD,KAAK,EACL,yFAAyF,EACzF,4DAA4D,CAC5D,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,wBAAa,EAC1C,MAAM,EACN,4IAA4I,CAC5I,CAAC;AAQW,QAAA,cAAc,GAAG,IAAA,kBAAU,EACvC,SAAS,cAAc,CACtB,EAA+D,EAC/D,GAAG;QADH,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG,aAAa,OAAW,EAAN,IAAI,cAA7D,4CAA+D,CAAF;IAG7D,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,cAAI,CAAC;IACnC,OAAO,CACN,uBAAC,IAAI,kBACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,WAAI,EACd,6DAA6D,EAC7D,2DAA2D,EAC3D,SAAS,CACT,IACG,IAAI,IACR,GAAG,EAAE,GAAG,gBAEP,QAAQ,IACH,CACP,CAAC;AACH,CAAC,CACD,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,wBAAa,EACzC,KAAK,EACL,+FAA+F,CAC/F,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,KAAK,EACL,+IAA+I,EAC/I,oDAAoD,EACpD,iMAAiM,CACjM,CAAC"}
|
|
1
|
+
{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AACxC,6CAA+C;AAC/C,iCAA8C;AAC9C,qDAA4C;AAC5C,wCAA6C;AAEhC,QAAA,eAAe,GAAG,IAAA,cAAU,EACxC,yNAAyN,EACzN,oFAAoF,EACpF,wCAAwC,EACxC,+DAA+D,EAC/D,uFAAuF,EACvF,qEAAqE,CACrE,CAAC;AASW,QAAA,UAAU,GAAG,IAAA,kBAAU,EACnC,SAAS,UAAU,CAAC,EAAuC,EAAE,GAAG;QAA5C,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAW,EAAN,IAAI,cAArC,kCAAuC,CAAF;IACxD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACN,uBAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EAAC,uBAAe,EAAE,SAAS,CAAC,iBACpC,MAAM,IACf,IAAI,EACP,CACF,CAAC;AACH,CAAC,CACD,CAAC;AAEW,QAAA,qBAAqB,GAAG,IAAA,wBAAa,EACjD,KAAK,EACL,yFAAyF,EACzF,4DAA4D,CAC5D,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,wBAAa,EAC1C,MAAM,EACN,4IAA4I,CAC5I,CAAC;AAQW,QAAA,cAAc,GAAG,IAAA,kBAAU,EACvC,SAAS,cAAc,CACtB,EAA+D,EAC/D,GAAG;QADH,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG,aAAa,OAAW,EAAN,IAAI,cAA7D,4CAA+D,CAAF;IAG7D,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,cAAI,CAAC;IACnC,OAAO,CACN,uBAAC,IAAI,kBACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,WAAI,EACd,6DAA6D,EAC7D,2DAA2D,EAC3D,SAAS,CACT,IACG,IAAI,IACR,GAAG,EAAE,GAAG,gBAEP,QAAQ,IACH,CACP,CAAC;AACH,CAAC,CACD,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,wBAAa,EACzC,KAAK,EACL,+FAA+F,CAC/F,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,KAAK,EACL,+IAA+I,EAC/I,oDAAoD,EACpD,iMAAiM,CACjM,CAAC;AAEW,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAU,EAAE;IAC/C,IAAI,EAAE,kBAAU;IAChB,QAAQ,EAAE,sBAAc;IACxB,QAAQ,EAAE,sBAAc;IACxB,eAAe,EAAE,6BAAqB;IACtC,OAAO,EAAE,qBAAa;CACtB,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" resolution-mode="require"/>
|
|
2
2
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
3
|
-
export declare const
|
|
3
|
+
export declare const PopoverRoot: import("react").FC<PopoverPrimitive.PopoverProps>;
|
|
4
4
|
export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
5
5
|
export declare const PopoverArrow: import("react").FunctionComponent<Omit<PopoverPrimitive.PopoverArrowProps & import("react").RefAttributes<SVGSVGElement>, "ref"> & {
|
|
6
6
|
ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
|
|
@@ -16,3 +16,20 @@ export declare const PopoverContent: import("react").ForwardRefExoticComponent<O
|
|
|
16
16
|
padding?: "default" | "none" | undefined;
|
|
17
17
|
radius?: "default" | "none" | "md" | undefined;
|
|
18
18
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
19
|
+
export declare const Popover: import("react").FC<PopoverPrimitive.PopoverProps> & {
|
|
20
|
+
Content: import("react").ForwardRefExoticComponent<Omit<Omit<PopoverPrimitive.PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
21
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
22
|
+
}, "ref"> & {
|
|
23
|
+
disableBlur?: boolean | undefined;
|
|
24
|
+
padding?: "default" | "none" | undefined;
|
|
25
|
+
radius?: "default" | "none" | "md" | undefined;
|
|
26
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
27
|
+
Arrow: import("react").FunctionComponent<Omit<PopoverPrimitive.PopoverArrowProps & import("react").RefAttributes<SVGSVGElement>, "ref"> & {
|
|
28
|
+
ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
|
|
29
|
+
}>;
|
|
30
|
+
Close: import("react").FunctionComponent<Omit<PopoverPrimitive.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
31
|
+
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
32
|
+
}>;
|
|
33
|
+
Trigger: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
34
|
+
Anchor: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
35
|
+
};
|
|
@@ -39,7 +39,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
39
39
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
40
40
|
};
|
|
41
41
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
42
|
-
exports.PopoverContent = exports.PopoverAnchor = exports.PopoverClose = exports.PopoverArrow = exports.PopoverTrigger = exports.
|
|
42
|
+
exports.Popover = exports.PopoverContent = exports.PopoverAnchor = exports.PopoverClose = exports.PopoverArrow = exports.PopoverTrigger = exports.PopoverRoot = void 0;
|
|
43
43
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
44
44
|
const PopoverPrimitive = __importStar(require("@radix-ui/react-popover"));
|
|
45
45
|
const react_1 = require("react");
|
|
@@ -49,7 +49,7 @@ const StyledContent = (0, withClassName_js_1.withClassName)(PopoverPrimitive.Con
|
|
|
49
49
|
const StyledArrow = (0, withClassName_js_1.withClassName)(PopoverPrimitive.Arrow, 'layer-components:fill-white layer-components:stroke-black');
|
|
50
50
|
const StyledClose = (0, withClassName_js_1.withClassName)(PopoverPrimitive.Close, 'layer-components:[all:unset] layer-components:[font-family:inherit] layer-components:rounded-full layer-components:h-25px layer-components:w-25px layer-components:inline-flex layer-components:items-center layer-components:justify-center layer-components:color-dark-blend layer-components:absolute layer-components:top-5px layer-components:right-5px layer-components:hover:bg-light-blend layer-components:focus:shadow-focus');
|
|
51
51
|
// Exports
|
|
52
|
-
exports.
|
|
52
|
+
exports.PopoverRoot = PopoverPrimitive.Root;
|
|
53
53
|
exports.PopoverTrigger = PopoverPrimitive.Trigger;
|
|
54
54
|
exports.PopoverArrow = StyledArrow;
|
|
55
55
|
exports.PopoverClose = StyledClose;
|
|
@@ -64,4 +64,11 @@ exports.PopoverContent = (0, react_1.forwardRef)(function PopoverContent(_a, ref
|
|
|
64
64
|
'layer-variants:rounded-md': radius === 'md',
|
|
65
65
|
}, className) }, { children: children })) })));
|
|
66
66
|
});
|
|
67
|
+
exports.Popover = Object.assign(exports.PopoverRoot, {
|
|
68
|
+
Content: exports.PopoverContent,
|
|
69
|
+
Arrow: exports.PopoverArrow,
|
|
70
|
+
Close: exports.PopoverClose,
|
|
71
|
+
Trigger: exports.PopoverTrigger,
|
|
72
|
+
Anchor: exports.PopoverAnchor,
|
|
73
|
+
});
|
|
67
74
|
//# sourceMappingURL=Popover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,0EAA4D;AAC5D,iCAA6D;AAE7D,mEAA6D;AAC7D,gDAA8B;AAE9B,MAAM,aAAa,GAAG,IAAA,gCAAa,EAClC,gBAAgB,CAAC,OAAO,EACxB,2GAA2G,EAC3G,uBAAuB,EACvB,2EAA2E,EAC3E,0DAA0D,EAC1D,6DAA6D,EAC7D,sCAAsC,EACtC,0EAA0E,EAC1E,mEAAmE,EACnE,6DAA6D,CAC7D,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,gBAAgB,CAAC,KAAK,EACtB,4CAA4C,CAC5C,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,gBAAgB,CAAC,KAAK,EACtB,6MAA6M,CAC7M,CAAC;AAEF,UAAU;AACG,QAAA,
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,0EAA4D;AAC5D,iCAA6D;AAE7D,mEAA6D;AAC7D,gDAA8B;AAE9B,MAAM,aAAa,GAAG,IAAA,gCAAa,EAClC,gBAAgB,CAAC,OAAO,EACxB,2GAA2G,EAC3G,uBAAuB,EACvB,2EAA2E,EAC3E,0DAA0D,EAC1D,6DAA6D,EAC7D,sCAAsC,EACtC,0EAA0E,EAC1E,mEAAmE,EACnE,6DAA6D,CAC7D,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,gBAAgB,CAAC,KAAK,EACtB,4CAA4C,CAC5C,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,gBAAgB,CAAC,KAAK,EACtB,6MAA6M,CAC7M,CAAC;AAEF,UAAU;AACG,QAAA,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC;AACpC,QAAA,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AAC1C,QAAA,YAAY,GAAG,WAAW,CAAC;AAC3B,QAAA,YAAY,GAAG,WAAW,CAAC;AAC3B,QAAA,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC;AAExC,QAAA,cAAc,GAAG,IAAA,kBAAU,EAOtC,SAAS,cAAc,CACxB,EAQC,EACD,GAAG;QATH,EACC,QAAQ,EACR,UAAU,EACV,WAAW,EACX,SAAS,EACT,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,SAAS,OAEnB,EADG,KAAK,cAPT,2EAQC,CADQ;IAIT,OAAO,CACN,uBAAC,gBAAgB,CAAC,MAAM,kBAAC,UAAU,EAAE,UAAU,gBAC9C,uBAAC,aAAa,oBACT,KAAK,IACT,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EACpB;gBACC,8BAA8B,EAAE,OAAO,KAAK,MAAM;gBAClD,oBAAoB,EAAE,OAAO,KAAK,SAAS;gBAC3C,6BAA6B,EAAE,MAAM,KAAK,MAAM;gBAChD,2BAA2B,EAAE,MAAM,KAAK,SAAS;gBACjD,2BAA2B,EAAE,MAAM,KAAK,IAAI;aAC5C,EACD,SAAS,CACT,gBAEA,QAAQ,IACM,IACS,CAC1B,CAAC;AACH,CAAC,CAAC,CAAC;AAEU,QAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,mBAAW,EAAE;IACjD,OAAO,EAAE,sBAAc;IACvB,KAAK,EAAE,oBAAY;IACnB,KAAK,EAAE,oBAAY;IACnB,OAAO,EAAE,sBAAc;IACvB,MAAM,EAAE,qBAAa;CACrB,CAAC,CAAC"}
|
|
@@ -18,4 +18,10 @@ export interface ScrollAreaProps extends Primitive.ScrollAreaProps {
|
|
|
18
18
|
background?: ScrollAreaRootProps['background'];
|
|
19
19
|
orientation?: 'vertical' | 'both';
|
|
20
20
|
}
|
|
21
|
-
export declare const ScrollArea: import("react").ForwardRefExoticComponent<ScrollAreaProps & import("react").RefAttributes<any
|
|
21
|
+
export declare const ScrollArea: import("react").ForwardRefExoticComponent<ScrollAreaProps & import("react").RefAttributes<any>> & {
|
|
22
|
+
Root: import("react").ForwardRefExoticComponent<ScrollAreaRootProps & import("react").RefAttributes<any>>;
|
|
23
|
+
Viewport: import("react").FunctionComponent<Omit<Primitive.ScrollAreaViewportProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
24
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
25
|
+
}>;
|
|
26
|
+
Scrollbar: import("react").ForwardRefExoticComponent<Primitive.ScrollAreaScrollbarProps & import("react").RefAttributes<any>>;
|
|
27
|
+
};
|
|
@@ -55,9 +55,13 @@ exports.ScrollAreaThumb = (0, hooks_js_1.withClassName)(Primitive.Thumb, 'layer-
|
|
|
55
55
|
exports.ScrollAreaScrollbar = (0, react_1.forwardRef)(function ScrollAreaScrollbar(props, ref) {
|
|
56
56
|
return ((0, jsx_runtime_1.jsx)(exports.ScrollAreaScrollbarRoot, Object.assign({}, props, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(exports.ScrollAreaThumb, {}) })));
|
|
57
57
|
});
|
|
58
|
-
exports.ScrollArea = (0, react_1.forwardRef)(function ScrollArea(_a, ref) {
|
|
58
|
+
exports.ScrollArea = Object.assign((0, react_1.forwardRef)(function ScrollArea(_a, ref) {
|
|
59
59
|
var { children, orientation } = _a, props = __rest(_a, ["children", "orientation"]);
|
|
60
60
|
return ((0, jsx_runtime_1.jsxs)(exports.ScrollAreaRoot, Object.assign({ ref: ref }, props, { children: [(0, jsx_runtime_1.jsx)(exports.ScrollAreaViewport, { children: children }), (0, jsx_runtime_1.jsx)(exports.ScrollAreaScrollbar, {}), orientation === 'both' && ((0, jsx_runtime_1.jsx)(exports.ScrollAreaScrollbar, { orientation: "horizontal" }))] })));
|
|
61
|
+
}), {
|
|
62
|
+
Root: exports.ScrollAreaRoot,
|
|
63
|
+
Viewport: exports.ScrollAreaViewport,
|
|
64
|
+
Scrollbar: exports.ScrollAreaScrollbar,
|
|
61
65
|
});
|
|
62
66
|
const shadowMap = {
|
|
63
67
|
white: 'shadow-1',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAyD;AACzD,6CAA+C;AAC/C,iCAA4C;AAE5C,MAAM,kBAAkB,GAAG,IAAA,wBAAa,EACvC,SAAS,CAAC,IAAI,EACd,kDAAkD,EAClD,6FAA6F,CAC7F,CAAC;AAMW,QAAA,cAAc,GAAG,IAAA,kBAAU,EACvC,SAAS,cAAc,CAAC,EAAiC,EAAE,GAAG;QAAtC,EAAE,UAAU,GAAG,MAAM,OAAY,EAAP,KAAK,cAA/B,cAAiC,CAAF;IACtD,MAAM,OAAO,GAAQ,IAAA,eAAO,EAC3B,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,uBAAC,kBAAkB,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,IAAM,KAAK,EAAI,CAAC;AACpE,CAAC,CACD,CAAC;AAEW,QAAA,kBAAkB,GAAG,IAAA,wBAAa,EAC9C,SAAS,CAAC,QAAQ,EAClB,eAAe,EACf,6UAA6U,EAC7U,2FAA2F,EAC3F,oDAAoD,CACpD,CAAC;AAEW,QAAA,uBAAuB,GAAG,IAAA,wBAAa,EACnD,SAAS,CAAC,SAAS,EACnB,0GAA0G,EAC1G,kCAAkC,EAClC,uDAAuD,EACvD,oEAAoE,CACpE,CAAC;AAEW,QAAA,eAAe,GAAG,IAAA,wBAAa,EAC3C,SAAS,CAAC,KAAK,EACf,yDAAyD,EACzD,gHAAgH,CAChH,CAAC;AAEW,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAG3C,SAAS,mBAAmB,CAAC,KAAK,EAAE,GAAG;IACxC,OAAO,CACN,uBAAC,+BAAuB,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,gBAC3C,uBAAC,uBAAe,KAAG,IACM,CAC1B,CAAC;AACH,CAAC,CAAC,CAAC;AAOU,QAAA,UAAU,GAAG,IAAA,kBAAU,EAAuB,SAAS,UAAU,
|
|
1
|
+
{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAyD;AACzD,6CAA+C;AAC/C,iCAA4C;AAE5C,MAAM,kBAAkB,GAAG,IAAA,wBAAa,EACvC,SAAS,CAAC,IAAI,EACd,kDAAkD,EAClD,6FAA6F,CAC7F,CAAC;AAMW,QAAA,cAAc,GAAG,IAAA,kBAAU,EACvC,SAAS,cAAc,CAAC,EAAiC,EAAE,GAAG;QAAtC,EAAE,UAAU,GAAG,MAAM,OAAY,EAAP,KAAK,cAA/B,cAAiC,CAAF;IACtD,MAAM,OAAO,GAAQ,IAAA,eAAO,EAC3B,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,uBAAC,kBAAkB,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,IAAM,KAAK,EAAI,CAAC;AACpE,CAAC,CACD,CAAC;AAEW,QAAA,kBAAkB,GAAG,IAAA,wBAAa,EAC9C,SAAS,CAAC,QAAQ,EAClB,eAAe,EACf,6UAA6U,EAC7U,2FAA2F,EAC3F,oDAAoD,CACpD,CAAC;AAEW,QAAA,uBAAuB,GAAG,IAAA,wBAAa,EACnD,SAAS,CAAC,SAAS,EACnB,0GAA0G,EAC1G,kCAAkC,EAClC,uDAAuD,EACvD,oEAAoE,CACpE,CAAC;AAEW,QAAA,eAAe,GAAG,IAAA,wBAAa,EAC3C,SAAS,CAAC,KAAK,EACf,yDAAyD,EACzD,gHAAgH,CAChH,CAAC;AAEW,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAG3C,SAAS,mBAAmB,CAAC,KAAK,EAAE,GAAG;IACxC,OAAO,CACN,uBAAC,+BAAuB,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,gBAC3C,uBAAC,uBAAe,KAAG,IACM,CAC1B,CAAC;AACH,CAAC,CAAC,CAAC;AAOU,QAAA,UAAU,GAAG,MAAM,CAAC,MAAM,CACtC,IAAA,kBAAU,EAAuB,SAAS,UAAU,CACnD,EAAmC,EACnC,GAAG;QADH,EAAE,QAAQ,EAAE,WAAW,OAAY,EAAP,KAAK,cAAjC,2BAAmC,CAAF;IAGjC,OAAO,CACN,wBAAC,sBAAc,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eAClC,uBAAC,0BAAkB,cAAE,QAAQ,GAAsB,EACnD,uBAAC,2BAAmB,KAAG,EACtB,WAAW,KAAK,MAAM,IAAI,CAC1B,uBAAC,2BAAmB,IAAC,WAAW,EAAC,YAAY,GAAG,CAChD,KACe,CACjB,CAAC;AACH,CAAC,CAAC,EACF;IACC,IAAI,EAAE,sBAAc;IACpB,QAAQ,EAAE,0BAAkB;IAC5B,SAAS,EAAE,2BAAmB;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
|
+
};
|
|
@@ -95,7 +95,7 @@ exports.NativeSelect = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
|
95
95
|
/**
|
|
96
96
|
* A high-level Select which converts to native on mobile. Use with SelectItem.
|
|
97
97
|
*/
|
|
98
|
-
const
|
|
98
|
+
const SelectBase = (_a) => {
|
|
99
99
|
var { children, value, onValueChange, mobileNative } = _a, rest = __rest(_a, ["children", "value", "onValueChange", "mobileNative"]);
|
|
100
100
|
const mobile = isMobile();
|
|
101
101
|
if (mobile && mobileNative) {
|
|
@@ -105,7 +105,17 @@ const Select = (_a) => {
|
|
|
105
105
|
}
|
|
106
106
|
return ((0, jsx_runtime_1.jsx)(exports.SelectRoot, Object.assign({ value: value, onValueChange: onValueChange }, { children: children })));
|
|
107
107
|
};
|
|
108
|
-
exports.Select =
|
|
108
|
+
exports.Select = Object.assign(SelectBase, {
|
|
109
|
+
Root: exports.SelectRoot,
|
|
110
|
+
Item: exports.SelectItem,
|
|
111
|
+
Group: exports.SelectGroup,
|
|
112
|
+
Trigger: exports.SelectTrigger,
|
|
113
|
+
Value: exports.SelectValue,
|
|
114
|
+
Label: exports.SelectLabel,
|
|
115
|
+
Separator: exports.SelectSeparator,
|
|
116
|
+
Icon: exports.SelectIcon,
|
|
117
|
+
Content: exports.SelectContent,
|
|
118
|
+
});
|
|
109
119
|
function isMobile() {
|
|
110
120
|
return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
|
|
111
121
|
}
|
|
@@ -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
|
+
};
|
|
@@ -37,15 +37,20 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
37
37
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
38
38
|
exports.Slider = exports.SliderThumb = exports.SliderRange = exports.SliderTrack = exports.SliderRoot = void 0;
|
|
39
39
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
40
|
+
const react_1 = require("react");
|
|
40
41
|
const hooks_js_1 = require("../../hooks.js");
|
|
41
42
|
const SliderPrimitive = __importStar(require("@radix-ui/react-slider"));
|
|
42
43
|
exports.SliderRoot = (0, hooks_js_1.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');
|
|
43
44
|
exports.SliderTrack = (0, hooks_js_1.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');
|
|
44
45
|
exports.SliderRange = (0, hooks_js_1.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');
|
|
45
46
|
exports.SliderThumb = (0, hooks_js_1.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');
|
|
46
|
-
function Slider(_a) {
|
|
47
|
+
exports.Slider = Object.assign((0, react_1.forwardRef)(function Slider(_a, ref) {
|
|
47
48
|
var { label, color } = _a, props = __rest(_a, ["label", "color"]);
|
|
48
|
-
return ((0, jsx_runtime_1.jsxs)(exports.SliderRoot, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(exports.SliderTrack, { children: (0, jsx_runtime_1.jsx)(exports.SliderRange, { "data-color": color }) }), (0, jsx_runtime_1.jsx)(exports.SliderThumb, { "aria-label": label, "data-color": color })] })));
|
|
49
|
-
}
|
|
50
|
-
exports.
|
|
49
|
+
return ((0, jsx_runtime_1.jsxs)(exports.SliderRoot, Object.assign({ ref: ref }, props, { children: [(0, jsx_runtime_1.jsx)(exports.SliderTrack, { children: (0, jsx_runtime_1.jsx)(exports.SliderRange, { "data-color": color }) }), (0, jsx_runtime_1.jsx)(exports.SliderThumb, { "aria-label": label, "data-color": color })] })));
|
|
50
|
+
}), {
|
|
51
|
+
Root: exports.SliderRoot,
|
|
52
|
+
Track: exports.SliderTrack,
|
|
53
|
+
Range: exports.SliderRange,
|
|
54
|
+
Thumb: exports.SliderThumb,
|
|
55
|
+
});
|
|
51
56
|
//# sourceMappingURL=Slider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+C;AAC/C,wEAA0D;AAE7C,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,eAAe,CAAC,IAAI,EACpB,kGAAkG,CAClG,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAe,CAAC,KAAK,EACrB,gHAAgH,CAChH,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAe,CAAC,KAAK,EACrB,2DAA2D,EAC3D,mDAAmD,CACnD,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAe,CAAC,KAAK,EACrB,8GAA8G,EAC9G,oCAAoC,EACpC,wFAAwF,EACxF,4GAA4G,EAC5G,uCAAuC,EACvC,wCAAwC,EACxC,+EAA+E,EAC/E,sFAAsF,CACtF,CAAC;
|
|
1
|
+
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAmC;AACnC,6CAA+C;AAC/C,wEAA0D;AAE7C,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,eAAe,CAAC,IAAI,EACpB,kGAAkG,CAClG,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAe,CAAC,KAAK,EACrB,gHAAgH,CAChH,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAe,CAAC,KAAK,EACrB,2DAA2D,EAC3D,mDAAmD,CACnD,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAe,CAAC,KAAK,EACrB,8GAA8G,EAC9G,oCAAoC,EACpC,wFAAwF,EACxF,4GAA4G,EAC5G,uCAAuC,EACvC,wCAAwC,EACxC,+EAA+E,EAC/E,sFAAsF,CACtF,CAAC;AAOW,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,IAAA,kBAAU,EAA8B,SAAS,MAAM,CACtD,EAA0B,EAC1B,GAAG;QADH,EAAE,KAAK,EAAE,KAAK,OAAY,EAAP,KAAK,cAAxB,kBAA0B,CAAF;IAGxB,OAAO,CACN,wBAAC,kBAAU,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eAC9B,uBAAC,mBAAW,cACX,uBAAC,mBAAW,kBAAa,KAAK,GAAI,GACrB,EACd,uBAAC,mBAAW,kBAAa,KAAK,gBAAc,KAAK,GAAI,KACzC,CACb,CAAC;AACH,CAAC,CAAC,EACF;IACC,IAAI,EAAE,kBAAU;IAChB,KAAK,EAAE,mBAAW;IAClB,KAAK,EAAE,mBAAW;IAClB,KAAK,EAAE,mBAAW;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
|
+
};
|
|
@@ -8,7 +8,10 @@ const react_switch_1 = require("@radix-ui/react-switch");
|
|
|
8
8
|
const react_1 = require("react");
|
|
9
9
|
const SwitchRoot = (0, withClassName_js_1.withClassName)(react_switch_1.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');
|
|
10
10
|
const SwitchThumb = (0, withClassName_js_1.withClassName)(react_switch_1.Thumb, 'block w-21px h-21px bg-white rounded-full border-default transition-transform will-change-transform [&[data-state=checked]]:translate-x-19px');
|
|
11
|
-
exports.Switch = (0, react_1.forwardRef)(function Switch(props, ref) {
|
|
11
|
+
exports.Switch = Object.assign((0, react_1.forwardRef)(function Switch(props, ref) {
|
|
12
12
|
return ((0, jsx_runtime_1.jsx)(SwitchRoot, Object.assign({}, props, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(SwitchThumb, {}) })));
|
|
13
|
+
}), {
|
|
14
|
+
Root: SwitchRoot,
|
|
15
|
+
Thumb: SwitchThumb,
|
|
13
16
|
});
|
|
14
17
|
//# sourceMappingURL=Switch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../src/components/switch/Switch.tsx"],"names":[],"mappings":";;;;AAAA,mEAA6D;AAC7D,yDAAkE;AAClE,iCAAmC;AAEnC,MAAM,UAAU,GAAG,IAAA,gCAAa,EAC/B,mBAAI,EACJ,+JAA+J,CAC/J,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,oBAAK,EACL,8IAA8I,CAC9I,CAAC;AAEW,QAAA,MAAM,GAAG,IAAA,kBAAU,
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../src/components/switch/Switch.tsx"],"names":[],"mappings":";;;;AAAA,mEAA6D;AAC7D,yDAAkE;AAClE,iCAAmC;AAEnC,MAAM,UAAU,GAAG,IAAA,gCAAa,EAC/B,mBAAI,EACJ,+JAA+J,CAC/J,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,oBAAK,EACL,8IAA8I,CAC9I,CAAC;AAEW,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,IAAA,kBAAU,EAAiC,SAAS,MAAM,CAAC,KAAK,EAAE,GAAG;IACpE,OAAO,CACN,uBAAC,UAAU,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,gBAC9B,uBAAC,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
|
+
};
|
|
@@ -24,11 +24,16 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
24
24
|
return result;
|
|
25
25
|
};
|
|
26
26
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
27
|
-
exports.TabsContent = exports.TabsTrigger = exports.TabsList = exports.TabsRoot = void 0;
|
|
28
|
-
const
|
|
27
|
+
exports.Tabs = exports.TabsContent = exports.TabsTrigger = exports.TabsList = exports.TabsRoot = void 0;
|
|
28
|
+
const TabsPrimitive = __importStar(require("@radix-ui/react-tabs"));
|
|
29
29
|
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
30
|
-
exports.TabsRoot = (0, withClassName_js_1.withClassName)(
|
|
31
|
-
exports.TabsList = (0, withClassName_js_1.withClassName)(
|
|
32
|
-
exports.TabsTrigger = (0, withClassName_js_1.withClassName)(
|
|
33
|
-
exports.TabsContent = (0, withClassName_js_1.withClassName)(
|
|
30
|
+
exports.TabsRoot = (0, withClassName_js_1.withClassName)(TabsPrimitive.Root, '');
|
|
31
|
+
exports.TabsList = (0, withClassName_js_1.withClassName)(TabsPrimitive.List, 'flex flex-row py-2 px-2 justify-center items-start gap-2');
|
|
32
|
+
exports.TabsTrigger = (0, withClassName_js_1.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');
|
|
33
|
+
exports.TabsContent = (0, withClassName_js_1.withClassName)(TabsPrimitive.Content, '');
|
|
34
|
+
exports.Tabs = Object.assign(exports.TabsRoot, {
|
|
35
|
+
List: exports.TabsList,
|
|
36
|
+
Trigger: exports.TabsTrigger,
|
|
37
|
+
Content: exports.TabsContent,
|
|
38
|
+
});
|
|
34
39
|
//# sourceMappingURL=tabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oEAAsD;AACtD,mEAA6D;AAEhD,QAAA,QAAQ,GAAG,IAAA,gCAAa,EAAC,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAEjD,QAAA,QAAQ,GAAG,IAAA,gCAAa,EACpC,aAAa,CAAC,IAAI,EAClB,0DAA0D,CAC1D,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,gCAAa,EACvC,aAAa,CAAC,OAAO,EACrB,+PAA+P,EAC/P,uQAAuQ,CACvQ,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,gCAAa,EAAC,aAAa,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AAEvD,QAAA,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAQ,EAAE;IAC3C,IAAI,EAAE,gBAAQ;IACd,OAAO,EAAE,mBAAW;IACpB,OAAO,EAAE,mBAAW;CACpB,CAAC,CAAC"}
|