@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
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
7
7
|
exports.getButtonClassName = void 0;
|
|
8
8
|
const clsx_1 = __importDefault(require("clsx"));
|
|
9
9
|
function getButtonClassName({ color, size, toggleable, align, }) {
|
|
10
|
-
return (0, clsx_1.default)('layer-components:px-4 layer-components:py-2 layer-components:bg-[var(--bg)] layer-components:[--webkit-tap-highlight-color:transparent] layer-components:[line-height:1] layer-components:text-size-md layer-components:font-sans layer-components:border layer-components:border-solid layer-components:border-transparent layer-components:rounded-full layer-components:cursor-pointer layer-components:font-bold layer-components:flex layer-components:flex-row layer-components:gap-1 layer-components:items-center layer-components:relative layer-components:overflow-visible layer-components:select-none layer-components:all:transition layer-components:duration-200 layer-components:whitespace-nowrap', 'layer-components:hover:bg-[var(--hover)] layer-components:hover:ring-4 layer-components:hover:ring-[var(--hover)]', 'layer-components:focus:outline-off', 'layer-components:focus-visible:outline-off layer-components:focus-visible:ring-6 layer-components:focus-visible:ring-[var(--focus,var(--hover))]', 'layer-components:active:bg-[var(--active)] layer-components:active:ring-8 layer-components:active:ring-[var(--active)]', 'important:disabled:opacity-50 important:disabled:cursor-default important:disabled:bg-[var(--bg)] important:disabled:shadow-none', 'important:[&[data-disabled=true]]:opacity-50 important:[&[data-disabled=true]]:cursor-default important:[&[data-disabled=true]]:bg-[var(--bg)] important:[&[data-disabled=true]]:shadow-none', colors[color !== null && color !== void 0 ? color : 'default'], `btn-color-${color !== null && color !== void 0 ? color : 'default'}`, sizes[size !== null && size !== void 0 ? size : 'default'], `size-${size !== null && size !== void 0 ? size : 'default'}`, toggleable && toggledClass, align && aligns[align],
|
|
10
|
+
return (0, clsx_1.default)('layer-components:px-4 layer-components:py-2 layer-components:bg-[var(--bg)] layer-components:[--webkit-tap-highlight-color:transparent] layer-components:[line-height:1] layer-components:text-size-md layer-components:font-sans layer-components:border layer-components:border-solid layer-components:border-transparent layer-components:rounded-full layer-components:cursor-pointer layer-components:font-bold layer-components:flex layer-components:flex-row layer-components:gap-1 layer-components:items-center layer-components:relative layer-components:overflow-visible layer-components:select-none layer-components:all:transition layer-components:duration-200 layer-components:whitespace-nowrap', 'layer-components:hover:bg-[var(--hover)] layer-components:hover:ring-4 layer-components:hover:ring-[var(--hover)]', 'layer-components:focus:outline-off', 'layer-components:focus-visible:outline-off layer-components:focus-visible:ring-6 layer-components:focus-visible:ring-[var(--focus,var(--hover))]', 'layer-components:active:bg-[var(--active)] layer-components:active:ring-8 layer-components:active:ring-[var(--active)]', 'important:disabled:opacity-50 important:disabled:cursor-default important:disabled:bg-[var(--bg)] important:disabled:shadow-none important:disabled:ring-none', 'important:[&[data-disabled=true]]:opacity-50 important:[&[data-disabled=true]]:cursor-default important:[&[data-disabled=true]]:bg-[var(--bg)] important:[&[data-disabled=true]]:shadow-none', colors[color !== null && color !== void 0 ? color : 'default'], `btn-color-${color !== null && color !== void 0 ? color : 'default'}`, sizes[size !== null && size !== void 0 ? size : 'default'], `size-${size !== null && size !== void 0 ? size : 'default'}`, toggleable && toggledClass, align && aligns[align],
|
|
11
11
|
// compound variants
|
|
12
12
|
color === 'ghost' &&
|
|
13
13
|
toggleable &&
|
|
@@ -15,11 +15,11 @@ function getButtonClassName({ color, size, toggleable, align, }) {
|
|
|
15
15
|
}
|
|
16
16
|
exports.getButtonClassName = getButtonClassName;
|
|
17
17
|
const colors = {
|
|
18
|
-
primary: `layer-variants:[&.btn-color-primary]:[--bg:var(--color-primary-light)] layer-variants:[&.btn-color-primary]:[--hover:var(--color-primary)] layer-variants:[&.btn-color-primary]:[--focus:var(--color-primary)] layer-variants:[&.btn-color-primary]:[--active:var(--color-primary)] layer-variants:[&.btn-color-primary]:shadow-sm layer-variants:[&.btn-color-primary]:color-black layer-variants:[&.btn-color-primary]:border-
|
|
19
|
-
accent: `layer-variants:[&.btn-color-accent]:[--bg:var(--color-accent-wash)] layer-variants:[&.btn-color-accent]:[--hover:var(--color-accent-light)] layer-variants:[&.btn-color-accent]:[--focus:var(--color-accent-light)] layer-variants:[&.btn-color-accent]:[--active:var(--color-accent-light)] layer-variants:[&.btn-color-accent]:shadow-sm layer-variants:[&.btn-color-accent]:color-black layer-variants:[&.btn-color-accent]:border-
|
|
20
|
-
default: `layer-variants:[&.btn-color-default]:[--bg:var(--color-white)] layer-variants:[&.btn-color-default]:[--hover:var(--color-gray-3)] layer-variants:[&.btn-color-default]:[--focus:var(--color-white)] layer-variants:[&.btn-color-default]:[--active:var(--color-gray-4)] layer-variants:[&.btn-color-default]:shadow-sm layer-variants:[&.btn-color-default]:color-black layer-variants:[&.btn-color-default]:border-
|
|
18
|
+
primary: `layer-variants:[&.btn-color-primary]:[--bg:var(--color-primary-light)] layer-variants:[&.btn-color-primary]:[--hover:var(--color-primary)] layer-variants:[&.btn-color-primary]:[--focus:var(--color-primary)] layer-variants:[&.btn-color-primary]:[--active:var(--color-primary)] layer-variants:[&.btn-color-primary]:shadow-sm layer-variants:[&.btn-color-primary]:color-black layer-variants:[&.btn-color-primary]:border-primary-dark layer-variants:[&.btn-color-primary]:focus-visible:([--bg:var(--color-primary)])`,
|
|
19
|
+
accent: `layer-variants:[&.btn-color-accent]:[--bg:var(--color-accent-wash)] layer-variants:[&.btn-color-accent]:[--hover:var(--color-accent-light)] layer-variants:[&.btn-color-accent]:[--focus:var(--color-accent-light)] layer-variants:[&.btn-color-accent]:[--active:var(--color-accent-light)] layer-variants:[&.btn-color-accent]:shadow-sm layer-variants:[&.btn-color-accent]:color-black layer-variants:[&.btn-color-accent]:border-accent-dark layer-variants:[&.btn-color-accent]:focus-visible:([--bg:var(--color-accent-light)])`,
|
|
20
|
+
default: `layer-variants:[&.btn-color-default]:[--bg:var(--color-white)] layer-variants:[&.btn-color-default]:[--hover:var(--color-gray-3)] layer-variants:[&.btn-color-default]:[--focus:var(--color-white)] layer-variants:[&.btn-color-default]:[--active:var(--color-gray-4)] layer-variants:[&.btn-color-default]:shadow-sm layer-variants:[&.btn-color-default]:color-black layer-variants:[&.btn-color-default]:border-gray-7`,
|
|
21
21
|
ghost: `layer-variants:[&.btn-color-ghost]:[--bg:transparent] layer-variants:[&.btn-color-ghost]:[--hover:var(--color-gray-blend)] layer-variants:[&.btn-color-ghost]:[--focus:var(--color-gray-5)] layer-variants:[&.btn-color-ghost]:[--active:var(--color-gray-dark-blend)] layer-variants:[&.btn-color-ghost]:color-dark-blend`,
|
|
22
|
-
destructive: `layer-variants:[&.btn-color-destructive]:[--bg:var(--color-attention-light)] layer-variants:[&.btn-color-destructive]:[--hover:var(--color-attention-light)] layer-variants:[&.btn-color-destructive]:[--focus:var(--color-attention-light)] layer-variants:[&.btn-color-destructive]:[--active:var(--color-attention-light)] layer-variants:[&.btn-color-destructive]:shadow-sm layer-variants:[&.btn-color-destructive]:border-
|
|
22
|
+
destructive: `layer-variants:[&.btn-color-destructive]:[--bg:var(--color-attention-light)] layer-variants:[&.btn-color-destructive]:[--hover:var(--color-attention-light)] layer-variants:[&.btn-color-destructive]:[--focus:var(--color-attention-light)] layer-variants:[&.btn-color-destructive]:[--active:var(--color-attention-light)] layer-variants:[&.btn-color-destructive]:shadow-sm layer-variants:[&.btn-color-destructive]:border-attention-dark layer-variants:[&.btn-color-destructive]:color-black layer-variants:[&.btn-color-destructive]:hover:([--bg:var(--colors-attention)])`,
|
|
23
23
|
ghostDestructive: `layer-variants:[&.btn-color-ghostDestructive]:[--bg:transparent] layer-variants:[&.btn-color-ghostDestructive]:[--hover:rgb(from_var(--color-attention-light)_r_g_b/0.25)] layer-variants:[&.btn-color-ghostDestructive]:[--focus:var(--color-attention-light)] layer-variants:[&.btn-color-ghostDestructive]:[--active:var(--color-attention-light)] layer-variants:[&.btn-color-ghostDestructive]:color-attention-dark`,
|
|
24
24
|
ghostAccent: `layer-variants:[&.btn-color-ghostAccent]:[--bg:transparent] layer-variants:[&.btn-color-ghostAccent]:[--hover:rgb(from_var(--color-accent-light)_r_g_b/0.25)] layer-variants:[&.btn-color-ghostAccent]:[--focus:var(--color-accent-light)] layer-variants:[&.btn-color-ghostAccent]:[--active:var(--color-accent-light)] layer-variants:[&.btn-color-ghostAccent]:color-accent-dark`,
|
|
25
25
|
contrast: `layer-variants:[&.btn-color-contrast]:[--bg:var(--color-black)] layer-variants:[&.btn-color-contrast]:[--hover:var(--color-gray-7)] layer-variants:[&.btn-color-contrast]:[--focus:var(--color-gray-7)] layer-variants:[&.btn-color-contrast]:[--active:var(--color-gray-6)] layer-variants:[&.btn-color-contrast]:color-white layer-variants:[&.btn-color-contrast]:border-black`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA8B;AAG9B,SAAgB,kBAAkB,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,UAAU,EACV,KAAK,GAML;IACA,OAAO,IAAA,cAAU,EAChB,iUAAiU,EACjU,uEAAuE,EACvE,oCAAoC,EACpC,sFAAsF,EACtF,0EAA0E,EAC1E,
|
|
1
|
+
{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA8B;AAG9B,SAAgB,kBAAkB,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,UAAU,EACV,KAAK,GAML;IACA,OAAO,IAAA,cAAU,EAChB,iUAAiU,EACjU,uEAAuE,EACvE,oCAAoC,EACpC,sFAAsF,EACtF,0EAA0E,EAC1E,qFAAqF,EACrF,0FAA0F,EAC1F,MAAM,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,CAAC,EAC1B,aAAa,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,EAAE,EACjC,KAAK,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,CAAC,EACxB,QAAQ,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EAAE,EAC3B,UAAU,IAAI,YAAY,EAC1B,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;IACtB,oBAAoB;IACpB,KAAK,KAAK,OAAO;QAChB,UAAU;QACV,sDAAsD,CACvD,CAAC;AACH,CAAC;AA9BD,gDA8BC;AAED,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,8PAA8P;IACvQ,MAAM,EAAE,8QAA8Q;IACtR,OAAO,EAAE,gMAAgM;IACzM,KAAK,EAAE,kLAAkL;IACzL,WAAW,EAAE,yRAAyR;IACtS,gBAAgB,EAAE,oOAAoO;IACtP,WAAW,EAAE,mNAAmN;IAChO,QAAQ,EAAE,uLAAuL;IACjM,QAAQ,EAAE,+RAA+R;CACzS,CAAC;AAEF,MAAM,KAAK,GAAG;IACb,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,gEAAgE;IACvE,IAAI,EAAE,yDAAyD;CAC/D,CAAC;AAEF,MAAM,YAAY,GACjB,6FAA6F,CAAC;AAE/F,MAAM,MAAM,GAAG;IACd,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;IACvB,GAAG,EAAE,UAAU;CACf,CAAC"}
|
|
@@ -32,3 +32,37 @@ export declare const CardMenu: import("react").FunctionComponent<Omit<import("re
|
|
|
32
32
|
export declare const CardGrid: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
33
33
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
34
34
|
}>;
|
|
35
|
+
export declare const Card: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
36
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
37
|
+
}> & {
|
|
38
|
+
Main: import("react").ForwardRefExoticComponent<{
|
|
39
|
+
asChild?: boolean | undefined;
|
|
40
|
+
className?: string | undefined;
|
|
41
|
+
onClick?: ((ev: MouseEvent) => void) | undefined;
|
|
42
|
+
children?: ReactNode;
|
|
43
|
+
compact?: boolean | undefined;
|
|
44
|
+
/** forces non-interactive version */
|
|
45
|
+
nonInteractive?: boolean | undefined;
|
|
46
|
+
} & import("react").RefAttributes<any>>;
|
|
47
|
+
Title: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
48
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
49
|
+
}>;
|
|
50
|
+
Content: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
51
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
52
|
+
}>;
|
|
53
|
+
Image: import("react").FunctionComponent<Omit<Omit<import("../utility/SlotDiv.js").SlotDivProps, "ref"> & import("react").RefAttributes<any>, "ref"> & {
|
|
54
|
+
ref?: ((instance: any) => void) | import("react").RefObject<any> | null | undefined;
|
|
55
|
+
}>;
|
|
56
|
+
Footer: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
57
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
58
|
+
}>;
|
|
59
|
+
Actions: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
60
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
61
|
+
}>;
|
|
62
|
+
Menu: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
63
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
64
|
+
}>;
|
|
65
|
+
Grid: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
66
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
67
|
+
}>;
|
|
68
|
+
};
|
|
@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
15
15
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
16
|
};
|
|
17
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.CardGrid = exports.CardMenu = exports.CardActions = exports.CardFooter = exports.CardImage = exports.CardContent = exports.CardTitle = exports.CardMain = exports.CardRoot = void 0;
|
|
18
|
+
exports.Card = exports.CardGrid = exports.CardMenu = exports.CardActions = exports.CardFooter = exports.CardImage = exports.CardContent = exports.CardTitle = exports.CardMain = exports.CardRoot = void 0;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
20
|
const react_1 = require("react");
|
|
21
21
|
const hooks_js_1 = require("../../hooks.js");
|
|
@@ -37,4 +37,14 @@ exports.CardFooter = (0, hooks_js_1.withClassName)('div', 'layer-components:flex
|
|
|
37
37
|
exports.CardActions = (0, hooks_js_1.withClassName)('div', 'layer-components:ml-0 layer-components:mr-auto layer-components:flex layer-components:flex-row layer-components:gap-2 layer-components:items-center layer-components:bg-white layer-components:rounded-full layer-components:p-0 layer-components:border layer-components:border-solid layer-components:border-grayDarkBlend');
|
|
38
38
|
exports.CardMenu = (0, hooks_js_1.withClassName)('div', 'layer-components:mr-0 layer-components:ml-auto layer-components:my-auto layer-components:flex layer-components:flex-row layer-components:gap-1 layer-components:items-center layer-components:bg-overlay layer-components:rounded-full layer-components:p-0');
|
|
39
39
|
exports.CardGrid = (0, hooks_js_1.withClassName)('div', 'layer-components:grid layer-components:grid-cols-[1fr] layer-components:[grid-auto-rows:auto] layer-components:gap-4 layer-components:p-0 layer-components:m-0', 'layer-components:md:grid-cols-[repeat(2,1fr)] layer-components:md:[grid-auto-rows:1fr] layer-components:md:items-end');
|
|
40
|
+
exports.Card = Object.assign(exports.CardRoot, {
|
|
41
|
+
Main: exports.CardMain,
|
|
42
|
+
Title: exports.CardTitle,
|
|
43
|
+
Content: exports.CardContent,
|
|
44
|
+
Image: exports.CardImage,
|
|
45
|
+
Footer: exports.CardFooter,
|
|
46
|
+
Actions: exports.CardActions,
|
|
47
|
+
Menu: exports.CardMenu,
|
|
48
|
+
Grid: exports.CardGrid,
|
|
49
|
+
});
|
|
40
50
|
//# sourceMappingURL=Card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAqE;AACrE,6CAA+C;AAC/C,qDAA4C;AAC5C,gDAA8B;AAC9B,sDAAgD;AAEnC,QAAA,QAAQ,GAAG,IAAA,wBAAa,EACpC,KAAK,EACL,wIAAwI,CACxI,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAWhC,SAAS,QAAQ,CAClB,EAAwD,EACxD,GAAG;QADH,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,OAAW,EAAN,IAAI,cAAtD,qDAAwD,CAAF;IAGtD,MAAM,aAAa,GAAG,CAAC,cAAc,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACvE,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;IAC/D,OAAO,CACN,uBAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EACpB,yLAAyL,EACzL,CAAC,CAAC,OAAO,IAAI,uBAAuB,EACpC,aAAa;YACZ,wNAAwN,EACzN,SAAS,CACT,kBACa,OAAO,IACjB,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC;AAEU,QAAA,SAAS,GAAG,IAAA,wBAAa,EACrC,KAAK,EACL,oPAAoP,EACpP,yDAAyD,CACzD,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,KAAK,EACL,oJAAoJ,EACpJ,iEAAiE,CACjE,CAAC;AAEW,QAAA,SAAS,GAAG,IAAA,wBAAa,EACrC,oBAAO,EACP,6FAA6F,CAC7F,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,KAAK,EACL,iEAAiE,CACjE,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,KAAK,EACL,qIAAqI,CACrI,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,wBAAa,EACpC,KAAK,EACL,sGAAsG,CACtG,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,wBAAa,EACpC,KAAK,EACL,6EAA6E,EAC7E,gFAAgF,CAChF,CAAC"}
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAqE;AACrE,6CAA+C;AAC/C,qDAA4C;AAC5C,gDAA8B;AAC9B,sDAAgD;AAEnC,QAAA,QAAQ,GAAG,IAAA,wBAAa,EACpC,KAAK,EACL,wIAAwI,CACxI,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAWhC,SAAS,QAAQ,CAClB,EAAwD,EACxD,GAAG;QADH,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,OAAW,EAAN,IAAI,cAAtD,qDAAwD,CAAF;IAGtD,MAAM,aAAa,GAAG,CAAC,cAAc,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACvE,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;IAC/D,OAAO,CACN,uBAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EACpB,yLAAyL,EACzL,CAAC,CAAC,OAAO,IAAI,uBAAuB,EACpC,aAAa;YACZ,wNAAwN,EACzN,SAAS,CACT,kBACa,OAAO,IACjB,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC;AAEU,QAAA,SAAS,GAAG,IAAA,wBAAa,EACrC,KAAK,EACL,oPAAoP,EACpP,yDAAyD,CACzD,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,KAAK,EACL,oJAAoJ,EACpJ,iEAAiE,CACjE,CAAC;AAEW,QAAA,SAAS,GAAG,IAAA,wBAAa,EACrC,oBAAO,EACP,6FAA6F,CAC7F,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,KAAK,EACL,iEAAiE,CACjE,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,KAAK,EACL,qIAAqI,CACrI,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,wBAAa,EACpC,KAAK,EACL,sGAAsG,CACtG,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,wBAAa,EACpC,KAAK,EACL,6EAA6E,EAC7E,gFAAgF,CAChF,CAAC;AAEW,QAAA,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAQ,EAAE;IAC3C,IAAI,EAAE,gBAAQ;IACd,KAAK,EAAE,iBAAS;IAChB,OAAO,EAAE,mBAAW;IACpB,KAAK,EAAE,iBAAS;IAChB,MAAM,EAAE,kBAAU;IAClB,OAAO,EAAE,mBAAW;IACpB,IAAI,EAAE,gBAAQ;IACd,IAAI,EAAE,gBAAQ;CACd,CAAC,CAAC"}
|
|
@@ -6,4 +6,9 @@ export declare const CheckboxRoot: import("react").FunctionComponent<Omit<Checkb
|
|
|
6
6
|
export declare function CheckboxIndicator({ children, className, ...props }: CheckboxPrimitive.CheckboxIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<Omit<CheckboxPrimitive.CheckboxProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
8
8
|
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
9
|
-
}, "ref"> & import("react").RefAttributes<HTMLButtonElement
|
|
9
|
+
}, "ref"> & import("react").RefAttributes<HTMLButtonElement>> & {
|
|
10
|
+
Root: import("react").FunctionComponent<Omit<CheckboxPrimitive.CheckboxProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
11
|
+
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
12
|
+
}>;
|
|
13
|
+
Indicator: typeof CheckboxIndicator;
|
|
14
|
+
};
|
|
@@ -52,7 +52,10 @@ function CheckboxIndicator(_a) {
|
|
|
52
52
|
return ((0, jsx_runtime_1.jsx)(CheckboxPrimitive.Indicator, Object.assign({ className: (0, clsx_1.default)('absolute center translate-[-50%] color-black', className) }, props, { children: children !== null && children !== void 0 ? children : (0, jsx_runtime_1.jsx)(react_icons_1.CheckIcon, { width: 18, height: 18 }) })));
|
|
53
53
|
}
|
|
54
54
|
exports.CheckboxIndicator = CheckboxIndicator;
|
|
55
|
-
exports.Checkbox = (0, react_1.forwardRef)(function Checkbox(props, ref) {
|
|
55
|
+
exports.Checkbox = Object.assign((0, react_1.forwardRef)(function Checkbox(props, ref) {
|
|
56
56
|
return ((0, jsx_runtime_1.jsx)(exports.CheckboxRoot, Object.assign({ ref: ref }, props, { children: (0, jsx_runtime_1.jsx)(CheckboxIndicator, {}) })));
|
|
57
|
+
}), {
|
|
58
|
+
Root: exports.CheckboxRoot,
|
|
59
|
+
Indicator: CheckboxIndicator,
|
|
57
60
|
});
|
|
58
61
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,4EAA8D;AAC9D,iCAAmD;AACnD,uDAAkD;AAClD,gDAA8B;AAC9B,mEAA6D;AAEhD,QAAA,YAAY,GAAG,IAAA,gCAAa,EACxC,iBAAiB,CAAC,IAAI,EACtB,IAAA,cAAU,EACT,mHAAmH,EACnH,2DAA2D,EAC3D,iFAAiF,EACjF,iFAAiF,EACjF,0EAA0E,CAC1E,CACD,CAAC;AAEF,SAAgB,iBAAiB,CAAC,EAIS;QAJT,EACjC,QAAQ,EACR,SAAS,OAEiC,EADvC,KAAK,cAHyB,yBAIjC,CADQ;IAER,OAAO,CACN,uBAAC,iBAAiB,CAAC,SAAS,kBAC3B,SAAS,EAAE,IAAA,cAAU,EACpB,8CAA8C,EAC9C,SAAS,CACT,IACG,KAAK,cAER,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,uBAAC,uBAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,IACpB,CAC9B,CAAC;AACH,CAAC;AAhBD,8CAgBC;AAEY,QAAA,QAAQ,GAAG,IAAA,kBAAU,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,4EAA8D;AAC9D,iCAAmD;AACnD,uDAAkD;AAClD,gDAA8B;AAC9B,mEAA6D;AAEhD,QAAA,YAAY,GAAG,IAAA,gCAAa,EACxC,iBAAiB,CAAC,IAAI,EACtB,IAAA,cAAU,EACT,mHAAmH,EACnH,2DAA2D,EAC3D,iFAAiF,EACjF,iFAAiF,EACjF,0EAA0E,CAC1E,CACD,CAAC;AAEF,SAAgB,iBAAiB,CAAC,EAIS;QAJT,EACjC,QAAQ,EACR,SAAS,OAEiC,EADvC,KAAK,cAHyB,yBAIjC,CADQ;IAER,OAAO,CACN,uBAAC,iBAAiB,CAAC,SAAS,kBAC3B,SAAS,EAAE,IAAA,cAAU,EACpB,8CAA8C,EAC9C,SAAS,CACT,IACG,KAAK,cAER,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,uBAAC,uBAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,IACpB,CAC9B,CAAC;AACH,CAAC;AAhBD,8CAgBC;AAEY,QAAA,QAAQ,GAAG,MAAM,CAAC,MAAM,CACpC,IAAA,kBAAU,EACT,SAAS,QAAQ,CAAC,KAAK,EAAE,GAAG;IAC3B,OAAO,CACN,uBAAC,oBAAY,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,cAChC,uBAAC,iBAAiB,KAAG,IACP,CACf,CAAC;AACH,CAAC,CACD,EACD;IACC,IAAI,EAAE,oBAAY;IAClB,SAAS,EAAE,iBAAiB;CAC5B,CACD,CAAC"}
|
|
@@ -10,3 +10,14 @@ export declare const CollapsibleSimple: ({ horizontal, both, children, ...props
|
|
|
10
10
|
horizontal?: boolean | undefined;
|
|
11
11
|
both?: boolean | undefined;
|
|
12
12
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>> & {
|
|
14
|
+
Content: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & {
|
|
15
|
+
horizontal?: boolean | undefined;
|
|
16
|
+
both?: boolean | undefined;
|
|
17
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
18
|
+
Trigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
19
|
+
Simple: ({ horizontal, both, children, ...props }: CollapsiblePrimitive.CollapsibleProps & {
|
|
20
|
+
horizontal?: boolean | undefined;
|
|
21
|
+
both?: boolean | undefined;
|
|
22
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
};
|
|
@@ -36,7 +36,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
36
36
|
return t;
|
|
37
37
|
};
|
|
38
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
|
-
exports.CollapsibleSimple = exports.CollapsibleTrigger = exports.CollapsibleContent = exports.CollapsibleRoot = void 0;
|
|
39
|
+
exports.Collapsible = exports.CollapsibleSimple = exports.CollapsibleTrigger = exports.CollapsibleContent = exports.CollapsibleRoot = void 0;
|
|
40
40
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
41
41
|
const react_1 = require("react");
|
|
42
42
|
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
@@ -54,4 +54,9 @@ const CollapsibleSimple = (_a) => {
|
|
|
54
54
|
return ((0, jsx_runtime_1.jsx)(exports.CollapsibleRoot, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(exports.CollapsibleContent, Object.assign({ horizontal: horizontal, both: both }, { children: children })) })));
|
|
55
55
|
};
|
|
56
56
|
exports.CollapsibleSimple = CollapsibleSimple;
|
|
57
|
+
exports.Collapsible = Object.assign(exports.CollapsibleRoot, {
|
|
58
|
+
Content: exports.CollapsibleContent,
|
|
59
|
+
Trigger: exports.CollapsibleTrigger,
|
|
60
|
+
Simple: exports.CollapsibleSimple,
|
|
61
|
+
});
|
|
57
62
|
//# sourceMappingURL=Collapsible.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,iCAAmC;AACnC,mEAA6D;AAC7D,kFAAoE;AAEvD,QAAA,eAAe,GAAG,oBAAoB,CAAC,IAAI,CAAC;AACzD,MAAM,sBAAsB,GAAG,IAAA,gCAAa,EAC3C,oBAAoB,CAAC,OAAO,EAC5B,iBAAiB,EACjB,wPAAwP,EACxP,0RAA0R,EAC1R,kQAAkQ,CAClQ,CAAC;AACF,4DAA4D;AAC/C,QAAA,kBAAkB,GAAG,IAAA,kBAAU,EAM1C,SAAS,kBAAkB,CAAC,EAA8B,EAAE,GAAG;QAAnC,EAAE,UAAU,EAAE,IAAI,OAAY,EAAP,KAAK,cAA5B,sBAA8B,CAAF;IACzD,OAAO,CACN,uBAAC,sBAAsB,qCACL,UAAU,eAChB,IAAI,IACX,KAAK,IACT,GAAG,EAAE,GAAG,IACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC;AACU,QAAA,kBAAkB,GAAG,oBAAoB,CAAC,OAAO,CAAC;AAExD,MAAM,iBAAiB,GAAG,CAAC,EAQjC,EAAE,EAAE;QAR6B,EACjC,UAAU,EACV,IAAI,EACJ,QAAQ,OAKR,EAJG,KAAK,cAJyB,kCAKjC,CADQ;IAIH,OAAA,CACL,uBAAC,uBAAe,oBAAK,KAAK,cACzB,uBAAC,0BAAkB,kBAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,gBACpD,QAAQ,IACW,IACJ,CAClB,CAAA;CAAA,CAAC;AAdW,QAAA,iBAAiB,qBAc5B"}
|
|
1
|
+
{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,iCAAmC;AACnC,mEAA6D;AAC7D,kFAAoE;AAEvD,QAAA,eAAe,GAAG,oBAAoB,CAAC,IAAI,CAAC;AACzD,MAAM,sBAAsB,GAAG,IAAA,gCAAa,EAC3C,oBAAoB,CAAC,OAAO,EAC5B,iBAAiB,EACjB,wPAAwP,EACxP,0RAA0R,EAC1R,kQAAkQ,CAClQ,CAAC;AACF,4DAA4D;AAC/C,QAAA,kBAAkB,GAAG,IAAA,kBAAU,EAM1C,SAAS,kBAAkB,CAAC,EAA8B,EAAE,GAAG;QAAnC,EAAE,UAAU,EAAE,IAAI,OAAY,EAAP,KAAK,cAA5B,sBAA8B,CAAF;IACzD,OAAO,CACN,uBAAC,sBAAsB,qCACL,UAAU,eAChB,IAAI,IACX,KAAK,IACT,GAAG,EAAE,GAAG,IACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC;AACU,QAAA,kBAAkB,GAAG,oBAAoB,CAAC,OAAO,CAAC;AAExD,MAAM,iBAAiB,GAAG,CAAC,EAQjC,EAAE,EAAE;QAR6B,EACjC,UAAU,EACV,IAAI,EACJ,QAAQ,OAKR,EAJG,KAAK,cAJyB,kCAKjC,CADQ;IAIH,OAAA,CACL,uBAAC,uBAAe,oBAAK,KAAK,cACzB,uBAAC,0BAAkB,kBAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,gBACpD,QAAQ,IACW,IACJ,CAClB,CAAA;CAAA,CAAC;AAdW,QAAA,iBAAiB,qBAc5B;AAEW,QAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAe,EAAE;IACzD,OAAO,EAAE,0BAAkB;IAC3B,OAAO,EAAE,0BAAkB;IAC3B,MAAM,EAAE,yBAAiB;CACzB,CAAC,CAAC"}
|
|
@@ -1,13 +1,25 @@
|
|
|
1
1
|
/// <reference types="react" resolution-mode="require"/>
|
|
2
|
-
import * as
|
|
3
|
-
export declare const ContextMenuRoot: import("react").FC<
|
|
4
|
-
export declare const ContextMenuContent: import("react").ForwardRefExoticComponent<Omit<
|
|
5
|
-
export declare const ContextMenuArrow: import("react").FunctionComponent<Omit<
|
|
2
|
+
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
3
|
+
export declare const ContextMenuRoot: import("react").FC<ContextMenuPrimitive.ContextMenuProps>;
|
|
4
|
+
export declare const ContextMenuContent: import("react").ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export declare const ContextMenuArrow: import("react").FunctionComponent<Omit<ContextMenuPrimitive.ContextMenuArrowProps & import("react").RefAttributes<SVGSVGElement>, "ref"> & {
|
|
6
6
|
ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
|
|
7
7
|
}>;
|
|
8
|
-
export declare const ContextMenuItem: import("react").FunctionComponent<Omit<
|
|
8
|
+
export declare const ContextMenuItem: import("react").FunctionComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
9
9
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
10
10
|
}>;
|
|
11
|
-
export declare const ContextMenuTrigger: import("react").FunctionComponent<Omit<
|
|
11
|
+
export declare const ContextMenuTrigger: import("react").FunctionComponent<Omit<ContextMenuPrimitive.ContextMenuTriggerProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
|
|
12
12
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
13
13
|
}>;
|
|
14
|
+
export declare const ContextMenu: import("react").FC<ContextMenuPrimitive.ContextMenuProps> & {
|
|
15
|
+
Content: import("react").ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
16
|
+
Arrow: import("react").FunctionComponent<Omit<ContextMenuPrimitive.ContextMenuArrowProps & import("react").RefAttributes<SVGSVGElement>, "ref"> & {
|
|
17
|
+
ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
|
|
18
|
+
}>;
|
|
19
|
+
Item: import("react").FunctionComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
20
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
21
|
+
}>;
|
|
22
|
+
Trigger: import("react").FunctionComponent<Omit<ContextMenuPrimitive.ContextMenuTriggerProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
|
|
23
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
24
|
+
}>;
|
|
25
|
+
};
|
|
@@ -38,21 +38,27 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
38
38
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
39
39
|
};
|
|
40
40
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
41
|
-
exports.ContextMenuTrigger = exports.ContextMenuItem = exports.ContextMenuArrow = exports.ContextMenuContent = exports.ContextMenuRoot = void 0;
|
|
41
|
+
exports.ContextMenu = exports.ContextMenuTrigger = exports.ContextMenuItem = exports.ContextMenuArrow = exports.ContextMenuContent = exports.ContextMenuRoot = void 0;
|
|
42
42
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
43
|
-
const
|
|
43
|
+
const ContextMenuPrimitive = __importStar(require("@radix-ui/react-context-menu"));
|
|
44
44
|
const react_1 = require("react");
|
|
45
45
|
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
46
46
|
const clsx_1 = __importDefault(require("clsx"));
|
|
47
|
-
exports.ContextMenuRoot =
|
|
47
|
+
exports.ContextMenuRoot = ContextMenuPrimitive.Root;
|
|
48
48
|
exports.ContextMenuContent = (0, react_1.forwardRef)(function Content(_a, ref) {
|
|
49
49
|
var { className, onClick } = _a, props = __rest(_a, ["className", "onClick"]);
|
|
50
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
50
|
+
return ((0, jsx_runtime_1.jsx)(ContextMenuPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(ContextMenuPrimitive.Content, Object.assign({ className: (0, clsx_1.default)('layer-components:min-w-120px layer-components:bg-white layer-components:rounded-md layer-components:border-default layer-components:overflow-hidden layer-components:p-2 layer-components:shadow-md layer-components:z-menu', 'layer-components:transform-origin-[var(--radix-context-menu-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'layer-components:max-h-[var(--radix-context-menu-content-available-height)] layer-components:overflow-y-auto', 'important:motion-reduce:animate-none', className), onClick: (ev) => {
|
|
51
51
|
ev.stopPropagation();
|
|
52
52
|
onClick === null || onClick === void 0 ? void 0 : onClick(ev);
|
|
53
53
|
}, ref: ref }, props)) }));
|
|
54
54
|
});
|
|
55
|
-
exports.ContextMenuArrow = (0, withClassName_js_1.withClassName)(
|
|
56
|
-
exports.ContextMenuItem = (0, withClassName_js_1.withClassName)(
|
|
57
|
-
exports.ContextMenuTrigger = (0, withClassName_js_1.withClassName)(
|
|
55
|
+
exports.ContextMenuArrow = (0, withClassName_js_1.withClassName)(ContextMenuPrimitive.Arrow, 'fill-white');
|
|
56
|
+
exports.ContextMenuItem = (0, withClassName_js_1.withClassName)(ContextMenuPrimitive.Item, 'flex items-center py-1 px-2 relative pl-25px select-none outline-none cursor-pointer', 'hover:bg-gray2 [&[data-highlighted=true]]:bg-gray2 [&[data-disabled=true]]:opacity-50 [&[data-disabled=true]]:cursor-default disabled:opacity-50 disabled:cursor-default');
|
|
57
|
+
exports.ContextMenuTrigger = (0, withClassName_js_1.withClassName)(ContextMenuPrimitive.Trigger, '');
|
|
58
|
+
exports.ContextMenu = Object.assign(exports.ContextMenuRoot, {
|
|
59
|
+
Content: exports.ContextMenuContent,
|
|
60
|
+
Arrow: exports.ContextMenuArrow,
|
|
61
|
+
Item: exports.ContextMenuItem,
|
|
62
|
+
Trigger: exports.ContextMenuTrigger,
|
|
63
|
+
});
|
|
58
64
|
//# sourceMappingURL=contextMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"contextMenu.js","sourceRoot":"","sources":["../../../../src/components/contextMenu/contextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"contextMenu.js","sourceRoot":"","sources":["../../../../src/components/contextMenu/contextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mFAAqE;AACrE,iCAA6D;AAC7D,mEAA6D;AAC7D,gDAA8B;AAEjB,QAAA,eAAe,GAAG,oBAAoB,CAAC,IAAI,CAAC;AAE5C,QAAA,kBAAkB,GAAG,IAAA,kBAAU,EAG1C,SAAS,OAAO,CAAC,EAAgC,EAAE,GAAG;QAArC,EAAE,SAAS,EAAE,OAAO,OAAY,EAAP,KAAK,cAA9B,wBAAgC,CAAF;IAChD,OAAO,CACN,uBAAC,oBAAoB,CAAC,MAAM,cAC3B,uBAAC,oBAAoB,CAAC,OAAO,kBAC5B,SAAS,EAAE,IAAA,cAAU,EACpB,wGAAwG,EACxG,gFAAgF,EAChF,0DAA0D,EAC1D,6DAA6D,EAC7D,+FAA+F,EAC/F,sCAAsC,EACtC,SAAS,CACT,EACD,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;gBACf,EAAE,CAAC,eAAe,EAAE,CAAC;gBACrB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;YACf,CAAC,EACD,GAAG,EAAE,GAAG,IACJ,KAAK,EACR,GAC2B,CAC9B,CAAC;AACH,CAAC,CAAC,CAAC;AAEU,QAAA,gBAAgB,GAAG,IAAA,gCAAa,EAC5C,oBAAoB,CAAC,KAAK,EAC1B,YAAY,CACZ,CAAC;AAEW,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,oBAAoB,CAAC,IAAI,EACzB,sFAAsF,EACtF,6IAA6I,CAC7I,CAAC;AAEW,QAAA,kBAAkB,GAAG,IAAA,gCAAa,EAC9C,oBAAoB,CAAC,OAAO,EAC5B,EAAE,CACF,CAAC;AAEW,QAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAe,EAAE;IACzD,OAAO,EAAE,0BAAkB;IAC3B,KAAK,EAAE,wBAAgB;IACvB,IAAI,EAAE,uBAAe;IACrB,OAAO,EAAE,0BAAkB;CAC3B,CAAC,CAAC"}
|
|
@@ -9,7 +9,6 @@ export declare const Content: import("react").ForwardRefExoticComponent<Omit<Omi
|
|
|
9
9
|
disableSheet?: boolean | undefined;
|
|
10
10
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
11
|
export declare const DialogSwipeHandle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
|
-
export declare const Dialog: (props: DialogPrimitive.DialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
12
|
export declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
14
13
|
export declare const DialogContent: import("react").ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
15
14
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
@@ -39,3 +38,30 @@ export declare const DialogSelectItemRoot: import("react").FunctionComponent<Omi
|
|
|
39
38
|
export declare const DialogSelectItem: import("react").ForwardRefExoticComponent<Omit<Omit<RadioGroupPrimitive.RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
40
39
|
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
41
40
|
}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
41
|
+
export declare const Dialog: ((props: DialogPrimitive.DialogProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
42
|
+
Trigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
43
|
+
Content: import("react").ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
44
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
45
|
+
}, "ref"> & {
|
|
46
|
+
outerClassName?: string | undefined;
|
|
47
|
+
width?: "lg" | "md" | "sm" | undefined;
|
|
48
|
+
disableSheet?: boolean | undefined;
|
|
49
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
50
|
+
Title: import("react").FunctionComponent<Omit<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & {
|
|
51
|
+
ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
|
|
52
|
+
}>;
|
|
53
|
+
Description: import("react").FunctionComponent<Omit<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & {
|
|
54
|
+
ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
|
|
55
|
+
}>;
|
|
56
|
+
Close: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
57
|
+
Actions: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
58
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
59
|
+
}>;
|
|
60
|
+
SelectTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
61
|
+
SelectList: import("react").FunctionComponent<Omit<RadioGroupPrimitive.RadioGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
62
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
63
|
+
}>;
|
|
64
|
+
SelectItem: import("react").ForwardRefExoticComponent<Omit<Omit<RadioGroupPrimitive.RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
65
|
+
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
66
|
+
}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
67
|
+
};
|
|
@@ -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.DialogSelectItem = exports.DialogSelectItemRoot = exports.DialogSelectList = exports.DialogSelectTrigger = exports.DialogActions = exports.DialogClose = exports.DialogDescription = exports.DialogTitle = exports.DialogContent = exports.DialogTrigger = exports.
|
|
42
|
+
exports.Dialog = exports.DialogSelectItem = exports.DialogSelectItemRoot = exports.DialogSelectList = exports.DialogSelectTrigger = exports.DialogActions = exports.DialogClose = exports.DialogDescription = exports.DialogTitle = exports.DialogContent = exports.DialogTrigger = exports.DialogSwipeHandle = exports.Content = void 0;
|
|
43
43
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
44
44
|
const DialogPrimitive = __importStar(require("@radix-ui/react-dialog"));
|
|
45
45
|
const RadioGroupPrimitive = __importStar(require("@radix-ui/react-radio-group"));
|
|
@@ -51,8 +51,9 @@ const clsx_1 = __importDefault(require("clsx"));
|
|
|
51
51
|
const react_icons_1 = require("@radix-ui/react-icons");
|
|
52
52
|
const select_js_1 = require("../select.js");
|
|
53
53
|
const react_2 = require("@use-gesture/react");
|
|
54
|
+
const button_js_1 = require("../button.js");
|
|
54
55
|
const StyledOverlay = (0, withClassName_js_1.withClassName)(DialogPrimitive.Overlay, 'layer-components:fixed layer-components:inset-0 layer-components:z-dialog-backdrop layer-components:animate-fade-in layer-components:animate-duration-200 layer-components:bg-overlay layer-components:[box-shadow:inset_0_30px_60px_0px_var(--color-overlay)] layer-components:border-top-1 layer-components:border-top-solid layer-components:border-top-gray-5', 'layer-components:[&[data-state=closed]]:animate-fade-out', 'motion-reduce:animate-none');
|
|
55
|
-
const StyledContent = (0, withClassName_js_1.withClassName)(DialogPrimitive.Content, 'layer-components:z-dialog layer-components:fixed layer-components:shadow-xl-up layer-components:bg-white layer-components:overflow-y-auto layer-components:flex layer-components:flex-col', 'layer-components:sm:shadow-xl', 'transform-gpu !motion-reduce:animate-none', 'layer-components:left-50% layer-components:top-50% layer-components:translate-[-50%] layer-components:w-90vw layer-components:max-w-450px layer-components:max-h-85vh layer-components:p-6 layer-components:pt-8 layer-components:rounded-lg layer-components:border-b-1 layer-components:pt-6', 'layer-components:animate-dialog-in layer-components:[&[data-state=closed]]:animate-dialog-out layer-components:motion-reduce:animate-none');
|
|
56
|
+
const StyledContent = (0, withClassName_js_1.withClassName)(DialogPrimitive.Content, 'layer-components:z-dialog layer-components:fixed layer-components:shadow-xl-up layer-components:bg-white layer-components:overflow-y-auto layer-components:flex layer-components:flex-col layer-components:border-top-1 layer-components:border-top-solid layer-components:border-top-gray-5', 'layer-components:sm:shadow-xl', 'transform-gpu !motion-reduce:animate-none', 'layer-components:left-50% layer-components:top-50% layer-components:translate-[-50%] layer-components:w-90vw layer-components:max-w-450px layer-components:max-h-85vh layer-components:p-6 layer-components:pt-8 layer-components:rounded-lg layer-components:border-b-1 layer-components:pt-6', 'layer-components:animate-dialog-in layer-components:[&[data-state=closed]]:animate-dialog-out layer-components:motion-reduce:animate-none');
|
|
56
57
|
const sheetClassName = (0, clsx_1.default)('layer-variants:lt-sm:translate-0 layer-variants:lt-sm:bottom-[calc(var(--viewport-bottom-offset,0px)+var(--gesture-y,0px))] layer-variants:lt-sm:left-0 layer-variants:lt-sm:right-0 layer-variants:lt-sm:top-auto layer-variants:lt-sm:h-min-content layer-variants:lt-sm:max-h-[calc(0.85*var(--viewport-height,100vh))] layer-variants:lt-sm:rounded-tl-xl layer-variants:lt-sm:rounded-tr-xl layer-variants:lt-sm:rounded-b-0 layer-variants:lt-sm:p-6 layer-variants:lt-sm:pt-8 layer-variants:lt-sm:w-full layer-variants:lt-sm:max-w-none layer-variants:lt-sm:pb-[calc(3rem+env(safe-area-inset-bottom,0px))] layer-variants:lt-sm:border-b-0', 'layer-variants:lt-sm:animate-ease-in layer-variants:lt-sm:animate-fade-in-up layer-variants:lt-sm:[&[data-state=closed]]:animate-fade-out-down');
|
|
57
58
|
exports.Content = (0, react_1.forwardRef)(function Content(_a, ref) {
|
|
58
59
|
var { children, width, outerClassName, className, disableSheet } = _a, props = __rest(_a, ["children", "width", "outerClassName", "className", "disableSheet"]);
|
|
@@ -142,7 +143,7 @@ const DialogCloseContext = (0, react_1.createContext)(() => { });
|
|
|
142
143
|
const StyledTitle = (0, withClassName_js_1.withClassName)(DialogPrimitive.Title, 'font-title color-black text-3xl mb-4 mt-0');
|
|
143
144
|
const StyledDescription = (0, withClassName_js_1.withClassName)(DialogPrimitive.Description, 'mt-3 mb-6 color-gray8 text-md leading-6');
|
|
144
145
|
// Exports
|
|
145
|
-
const
|
|
146
|
+
const DialogRoot = (props) => {
|
|
146
147
|
var _a;
|
|
147
148
|
const [innerOpen, innerOnOpenChange] = (0, react_1.useState)(props.defaultOpen);
|
|
148
149
|
const open = (_a = props.open) !== null && _a !== void 0 ? _a : innerOpen;
|
|
@@ -156,12 +157,14 @@ const Dialog = (props) => {
|
|
|
156
157
|
}, [onOpenChange]);
|
|
157
158
|
return ((0, jsx_runtime_1.jsx)(DialogCloseContext.Provider, Object.assign({ value: close }, { children: (0, jsx_runtime_1.jsx)(DialogPrimitive.Root, Object.assign({}, props, { open: open, onOpenChange: onOpenChange })) })));
|
|
158
159
|
};
|
|
159
|
-
exports.Dialog = Dialog;
|
|
160
160
|
exports.DialogTrigger = DialogPrimitive.Trigger;
|
|
161
161
|
exports.DialogContent = exports.Content;
|
|
162
162
|
exports.DialogTitle = StyledTitle;
|
|
163
163
|
exports.DialogDescription = StyledDescription;
|
|
164
|
-
exports.DialogClose =
|
|
164
|
+
exports.DialogClose = (0, react_1.forwardRef)(function DialogClose(_a, ref) {
|
|
165
|
+
var { asChild = true, children } = _a, props = __rest(_a, ["asChild", "children"]);
|
|
166
|
+
return ((0, jsx_runtime_1.jsx)(DialogPrimitive.DialogClose, Object.assign({ asChild: true, ref: ref }, props, { children: asChild ? children : (0, jsx_runtime_1.jsx)(button_js_1.Button, { children: children !== null && children !== void 0 ? children : 'Close' }) })));
|
|
167
|
+
});
|
|
165
168
|
exports.DialogActions = (0, withClassName_js_1.withClassName)('div', 'flex justify-end sticky w-full gap-3 items-center bg-white py-4 translate-y-6 flex-wrap', 'bottom--6', 'sm:bottom-0');
|
|
166
169
|
exports.DialogSelectTrigger = (0, react_1.forwardRef)(function DialogSelectTrigger(_a, ref) {
|
|
167
170
|
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
|
@@ -173,4 +176,15 @@ exports.DialogSelectItem = (0, react_1.forwardRef)(function DialogSelectItem(_a,
|
|
|
173
176
|
var { children } = _a, props = __rest(_a, ["children"]);
|
|
174
177
|
return ((0, jsx_runtime_1.jsxs)(exports.DialogSelectItemRoot, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "flex-1" }, { children: children })), (0, jsx_runtime_1.jsx)(RadioGroupPrimitive.Indicator, Object.assign({ className: "flex-0-0-auto" }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.CheckIcon, {}) }))] })));
|
|
175
178
|
});
|
|
179
|
+
exports.Dialog = Object.assign(DialogRoot, {
|
|
180
|
+
Trigger: exports.DialogTrigger,
|
|
181
|
+
Content: exports.Content,
|
|
182
|
+
Title: StyledTitle,
|
|
183
|
+
Description: StyledDescription,
|
|
184
|
+
Close: exports.DialogClose,
|
|
185
|
+
Actions: exports.DialogActions,
|
|
186
|
+
SelectTrigger: exports.DialogSelectTrigger,
|
|
187
|
+
SelectList: exports.DialogSelectList,
|
|
188
|
+
SelectItem: exports.DialogSelectItem,
|
|
189
|
+
});
|
|
176
190
|
//# sourceMappingURL=Dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,wEAA0D;AAC1D,iFAAmE;AACnE,iCAQe;AACf,mEAA6D;AAC7D,kFAAuD;AACvD,kDAA+C;AAC/C,gDAA8B;AAC9B,uDAAmE;AACnE,4CAAsD;AACtD,8CAA6C;
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,35 @@
|
|
|
1
|
+
/// <reference types="react" resolution-mode="require"/>
|
|
1
2
|
import type { StoryObj } from '@storybook/react';
|
|
2
3
|
import { Dialog } from './Dialog.js';
|
|
3
4
|
declare const meta: {
|
|
4
5
|
title: string;
|
|
5
|
-
component: (props: import("@radix-ui/react-dialog").DialogProps) => import("react/jsx-runtime").JSX.Element
|
|
6
|
+
component: ((props: import("@radix-ui/react-dialog").DialogProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
7
|
+
Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
Content: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
9
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
10
|
+
}, "ref"> & {
|
|
11
|
+
outerClassName?: string | undefined;
|
|
12
|
+
width?: "lg" | "md" | "sm" | undefined;
|
|
13
|
+
disableSheet?: boolean | undefined;
|
|
14
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
15
|
+
Title: import("react").FunctionComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & {
|
|
16
|
+
ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
|
|
17
|
+
}>;
|
|
18
|
+
Description: import("react").FunctionComponent<Omit<import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & {
|
|
19
|
+
ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
|
|
20
|
+
}>;
|
|
21
|
+
Close: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
22
|
+
Actions: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
23
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
24
|
+
}>;
|
|
25
|
+
SelectTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
26
|
+
SelectList: import("react").FunctionComponent<Omit<import("@radix-ui/react-radio-group").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
27
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
28
|
+
}>;
|
|
29
|
+
SelectItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-radio-group").RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
30
|
+
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
31
|
+
}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
32
|
+
};
|
|
6
33
|
argTypes: {};
|
|
7
34
|
parameters: {
|
|
8
35
|
controls: {
|
|
@@ -3,7 +3,7 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
|
3
3
|
export interface DropdownMenuItemProps extends DropdownMenuPrimitive.DropdownMenuItemProps {
|
|
4
4
|
color?: 'default' | 'destructive';
|
|
5
5
|
}
|
|
6
|
-
export declare const
|
|
6
|
+
export declare const DropdownMenuRoot: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
7
7
|
export declare const DropdownMenuTrigger: import("react").FunctionComponent<Omit<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
8
8
|
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
9
9
|
}>;
|
|
@@ -33,3 +33,34 @@ export declare const DropdownMenuContent: ({ children, forceMount, ...props }: D
|
|
|
33
33
|
export declare const DropdownMenuItemRightSlot: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
34
34
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
35
35
|
}>;
|
|
36
|
+
export declare const DropdownMenu: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps> & {
|
|
37
|
+
Content: ({ children, forceMount, ...props }: DropdownMenuPrimitive.DropdownMenuContentProps & {
|
|
38
|
+
forceMount?: boolean | undefined;
|
|
39
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
Trigger: import("react").FunctionComponent<Omit<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
41
|
+
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
42
|
+
}>;
|
|
43
|
+
Item: import("react").ForwardRefExoticComponent<DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
44
|
+
CheckboxItem: import("react").FunctionComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
45
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
46
|
+
}>;
|
|
47
|
+
RadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
48
|
+
RadioItem: import("react").FunctionComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
49
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
50
|
+
}>;
|
|
51
|
+
ItemIndicator: import("react").FunctionComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
|
|
52
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
53
|
+
}>;
|
|
54
|
+
Label: import("react").FunctionComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
55
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
56
|
+
}>;
|
|
57
|
+
Separator: import("react").FunctionComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
58
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
59
|
+
}>;
|
|
60
|
+
Arrow: import("react").FunctionComponent<Omit<DropdownMenuPrimitive.DropdownMenuArrowProps & import("react").RefAttributes<SVGSVGElement>, "ref"> & {
|
|
61
|
+
ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
|
|
62
|
+
}>;
|
|
63
|
+
ItemRightSlot: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
64
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
65
|
+
}>;
|
|
66
|
+
};
|
|
@@ -36,7 +36,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
36
36
|
return t;
|
|
37
37
|
};
|
|
38
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
|
-
exports.DropdownMenuItemRightSlot = exports.DropdownMenuContent = exports.DropdownMenuArrow = exports.DropdownMenuSeparator = exports.DropdownMenuLabel = exports.DropdownMenuItemIndicator = exports.DropdownMenuRadioItem = exports.DropdownMenuRadioGroup = exports.DropdownMenuCheckboxItem = exports.DropdownMenuItem = exports.DropdownMenuTrigger = exports.
|
|
39
|
+
exports.DropdownMenu = exports.DropdownMenuItemRightSlot = exports.DropdownMenuContent = exports.DropdownMenuArrow = exports.DropdownMenuSeparator = exports.DropdownMenuLabel = exports.DropdownMenuItemIndicator = exports.DropdownMenuRadioItem = exports.DropdownMenuRadioGroup = exports.DropdownMenuCheckboxItem = exports.DropdownMenuItem = exports.DropdownMenuTrigger = exports.DropdownMenuRoot = void 0;
|
|
40
40
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
41
41
|
const DropdownMenuPrimitive = __importStar(require("@radix-ui/react-dropdown-menu"));
|
|
42
42
|
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
@@ -59,7 +59,7 @@ const StyledArrow = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.
|
|
|
59
59
|
const StyledTrigger = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.Trigger, 'select-none');
|
|
60
60
|
const StyledPortal = DropdownMenuPrimitive.Portal;
|
|
61
61
|
// Exports
|
|
62
|
-
exports.
|
|
62
|
+
exports.DropdownMenuRoot = DropdownMenuPrimitive.Root;
|
|
63
63
|
exports.DropdownMenuTrigger = StyledTrigger;
|
|
64
64
|
exports.DropdownMenuItem = StyledItem;
|
|
65
65
|
exports.DropdownMenuCheckboxItem = StyledCheckboxItem;
|
|
@@ -75,4 +75,17 @@ const DropdownMenuContent = (_a) => {
|
|
|
75
75
|
};
|
|
76
76
|
exports.DropdownMenuContent = DropdownMenuContent;
|
|
77
77
|
exports.DropdownMenuItemRightSlot = (0, withClassName_js_1.withClassName)('div', 'ml-auto');
|
|
78
|
+
exports.DropdownMenu = Object.assign(exports.DropdownMenuRoot, {
|
|
79
|
+
Content: exports.DropdownMenuContent,
|
|
80
|
+
Trigger: StyledTrigger,
|
|
81
|
+
Item: StyledItem,
|
|
82
|
+
CheckboxItem: StyledCheckboxItem,
|
|
83
|
+
RadioGroup: DropdownMenuPrimitive.RadioGroup,
|
|
84
|
+
RadioItem: StyledRadioItem,
|
|
85
|
+
ItemIndicator: StyledItemIndicator,
|
|
86
|
+
Label: StyledLabel,
|
|
87
|
+
Separator: StyledSeparator,
|
|
88
|
+
Arrow: StyledArrow,
|
|
89
|
+
ItemRightSlot: exports.DropdownMenuItemRightSlot,
|
|
90
|
+
});
|
|
78
91
|
//# sourceMappingURL=DropdownMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,qFAAuE;AACvE,mEAA6D;AAC7D,6CAAwC;AACxC,iCAAmC;AAEnC,MAAM,aAAa,GAAG,IAAA,gCAAa,EAClC,qBAAqB,CAAC,OAAO,EAC7B,iEAAiE,EACjE,iFAAiF,EACjF,0DAA0D,EAC1D,6DAA6D,EAC7D,gFAAgF,EAChF,sCAAsC,EACtC,uBAAuB,CACvB,CAAC;AACF,MAAM,aAAa,GAAG,IAAA,cAAU,EAC/B,4IAA4I,EAC5I,uEAAuE,EACvE,uDAAuD,EACvD,qCAAqC,CACrC,CAAC;AACF,MAAM,cAAc,GAAG,IAAA,gCAAa,EAAC,qBAAqB,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;AAKhF,MAAM,UAAU,GAAG,IAAA,kBAAU,EAC5B,CAAC,EAA8B,EAAE,YAAY,EAAE,EAAE;QAAhD,EAAE,SAAS,EAAE,KAAK,OAAY,EAAP,KAAK,cAA5B,sBAA8B,CAAF;IAC5B,OAAO,CACN,uBAAC,cAAc,oBACV,KAAK,IACT,SAAS,EAAE,IAAA,WAAI,EACd,KAAK,KAAK,aAAa;YACtB,8FAA8F,EAC/F,SAAS,CACT,EACD,GAAG,EAAE,YAAY,IAChB,CACF,CAAC;AACH,CAAC,CACD,CAAC;AACF,MAAM,kBAAkB,GAAG,IAAA,gCAAa,EACvC,qBAAqB,CAAC,YAAY,EAClC,aAAa,CACb,CAAC;AACF,MAAM,eAAe,GAAG,IAAA,gCAAa,EACpC,qBAAqB,CAAC,SAAS,EAC/B,aAAa,CACb,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,qBAAqB,CAAC,KAAK,EAC3B,yCAAyC,CACzC,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,gCAAa,EACpC,qBAAqB,CAAC,SAAS,EAC/B,sBAAsB,CACtB,CAAC;AAEF,MAAM,mBAAmB,GAAG,IAAA,gCAAa,EACxC,qBAAqB,CAAC,aAAa,EACnC,gEAAgE,CAChE,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,qBAAqB,CAAC,KAAK,EAC3B,kCAAkC,CAClC,CAAC;AAEF,MAAM,aAAa,GAAG,IAAA,gCAAa,EAClC,qBAAqB,CAAC,OAAO,EAC7B,aAAa,CACb,CAAC;AAEF,MAAM,YAAY,GAAG,qBAAqB,CAAC,MAAM,CAAC;AAElD,UAAU;AACG,QAAA,
|
|
1
|
+
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
|