@a-type/ui 1.3.0 → 1.3.2
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/actions/ActionButton.d.ts +1 -1
- package/dist/cjs/components/actions/ActionButton.js +4 -4
- package/dist/cjs/components/actions/ActionButton.js.map +1 -1
- package/dist/cjs/components/box/Box.d.ts +4 -2
- package/dist/cjs/components/box/Box.js +9 -6
- package/dist/cjs/components/box/Box.js.map +1 -1
- package/dist/cjs/components/box/Box.stories.d.ts +1 -1
- package/dist/cjs/components/button/Button.d.ts +3 -2
- package/dist/cjs/components/button/Button.js +4 -4
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/button/Button.stories.d.ts +1 -1
- package/dist/cjs/components/camera/Camera.d.ts +7 -5
- package/dist/cjs/components/camera/Camera.js +12 -10
- package/dist/cjs/components/camera/Camera.js.map +1 -1
- package/dist/cjs/components/camera/Camera.stories.d.ts +2 -2
- package/dist/cjs/components/card/Card.d.ts +10 -18
- package/dist/cjs/components/card/Card.js +11 -10
- package/dist/cjs/components/card/Card.js.map +1 -1
- package/dist/cjs/components/checkbox/Checkbox.d.ts +2 -1
- package/dist/cjs/components/checkbox/Checkbox.js +3 -3
- package/dist/cjs/components/checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/chip/Chip.d.ts +3 -2
- package/dist/cjs/components/chip/Chip.js +4 -5
- package/dist/cjs/components/chip/Chip.js.map +1 -1
- package/dist/cjs/components/collapsible/Collapsible.d.ts +7 -4
- package/dist/cjs/components/collapsible/Collapsible.js +5 -5
- package/dist/cjs/components/collapsible/Collapsible.js.map +1 -1
- package/dist/cjs/components/contextMenu/contextMenu.d.ts +7 -2
- package/dist/cjs/components/contextMenu/contextMenu.js +5 -5
- package/dist/cjs/components/contextMenu/contextMenu.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.d.ts +37 -19
- package/dist/cjs/components/dialog/Dialog.js +20 -15
- package/dist/cjs/components/dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.stories.d.ts +14 -7
- package/dist/cjs/components/divider/Divider.d.ts +3 -1
- package/dist/cjs/components/divider/Divider.js +5 -5
- package/dist/cjs/components/divider/Divider.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.d.ts +6 -2
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js +3 -4
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.d.ts +3 -1
- package/dist/cjs/components/forms/TextField.d.ts +3 -1
- package/dist/cjs/components/forms/TextField.js +6 -5
- package/dist/cjs/components/forms/TextField.js.map +1 -1
- package/dist/cjs/components/icon/Icon.d.ts +3 -1
- package/dist/cjs/components/icon/Icon.js +4 -4
- package/dist/cjs/components/icon/Icon.js.map +1 -1
- package/dist/cjs/components/infiniteLoadTrigger/InfiniteLoadTrigger.d.ts +3 -1
- package/dist/cjs/components/infiniteLoadTrigger/InfiniteLoadTrigger.js +6 -5
- package/dist/cjs/components/infiniteLoadTrigger/InfiniteLoadTrigger.js.map +1 -1
- package/dist/cjs/components/input/Input.d.ts +3 -1
- package/dist/cjs/components/input/Input.js +4 -3
- package/dist/cjs/components/input/Input.js.map +1 -1
- package/dist/cjs/components/input/Input.stories.d.ts +3 -1
- package/dist/cjs/components/liveUpdateTextField/LiveUpdateTextField.d.ts +3 -2
- package/dist/cjs/components/liveUpdateTextField/LiveUpdateTextField.js +5 -4
- package/dist/cjs/components/liveUpdateTextField/LiveUpdateTextField.js.map +1 -1
- package/dist/cjs/components/marquee/marquee.d.ts +1 -1
- package/dist/cjs/components/navBar/NavBar.d.ts +10 -5
- package/dist/cjs/components/navBar/NavBar.js +8 -7
- package/dist/cjs/components/navBar/NavBar.js.map +1 -1
- package/dist/cjs/components/popover/Popover.d.ts +13 -8
- package/dist/cjs/components/popover/Popover.js +5 -5
- package/dist/cjs/components/popover/Popover.js.map +1 -1
- package/dist/cjs/components/progress/Progress.d.ts +4 -3
- package/dist/cjs/components/progress/Progress.js +3 -4
- package/dist/cjs/components/progress/Progress.js.map +1 -1
- package/dist/cjs/components/progress/Progress.stories.d.ts +4 -3
- package/dist/cjs/components/scrollArea/ScrollArea.d.ts +12 -5
- package/dist/cjs/components/scrollArea/ScrollArea.js +12 -9
- package/dist/cjs/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/cjs/components/select/Select.d.ts +23 -13
- package/dist/cjs/components/select/Select.js +18 -15
- package/dist/cjs/components/select/Select.js.map +1 -1
- package/dist/cjs/components/select/Select.stories.d.ts +10 -6
- package/dist/cjs/components/slider/Slider.d.ts +3 -1
- package/dist/cjs/components/slider/Slider.js +3 -4
- package/dist/cjs/components/slider/Slider.js.map +1 -1
- package/dist/cjs/components/slider/Slider.stories.d.ts +3 -1
- package/dist/cjs/components/spinner/Spinner.d.ts +6 -2
- package/dist/cjs/components/spinner/Spinner.js +8 -6
- package/dist/cjs/components/spinner/Spinner.js.map +1 -1
- package/dist/cjs/components/switch/Switch.d.ts +3 -1
- package/dist/cjs/components/switch/Switch.js +15 -4
- package/dist/cjs/components/switch/Switch.js.map +1 -1
- package/dist/cjs/components/textArea/TextArea.d.ts +3 -1
- package/dist/cjs/components/textArea/TextArea.js +4 -3
- package/dist/cjs/components/textArea/TextArea.js.map +1 -1
- package/dist/cjs/components/textArea/TextArea.stories.d.ts +3 -1
- package/dist/cjs/components/tooltip/Tooltip.d.ts +3 -1
- package/dist/cjs/components/tooltip/Tooltip.js +3 -4
- package/dist/cjs/components/tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/tooltip/Tooltip.stories.d.ts +3 -1
- package/dist/cjs/components/utility/HideWhileKeyboardOpen.d.ts +3 -1
- package/dist/cjs/components/utility/HideWhileKeyboardOpen.js +5 -5
- package/dist/cjs/components/utility/HideWhileKeyboardOpen.js.map +1 -1
- package/dist/cjs/components/utility/SlotDiv.d.ts +1 -1
- package/dist/cjs/components/utility/SlotDiv.js +4 -4
- package/dist/cjs/components/utility/SlotDiv.js.map +1 -1
- package/dist/cjs/hooks/useMergedRef.d.ts +1 -1
- package/dist/cjs/hooks/useMergedRef.js.map +1 -1
- package/dist/esm/components/actions/ActionButton.d.ts +1 -1
- package/dist/esm/components/actions/ActionButton.js +4 -4
- package/dist/esm/components/actions/ActionButton.js.map +1 -1
- package/dist/esm/components/box/Box.d.ts +4 -2
- package/dist/esm/components/box/Box.js +9 -6
- package/dist/esm/components/box/Box.js.map +1 -1
- package/dist/esm/components/box/Box.stories.d.ts +1 -1
- package/dist/esm/components/button/Button.d.ts +3 -2
- package/dist/esm/components/button/Button.js +4 -4
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/button/Button.stories.d.ts +1 -1
- package/dist/esm/components/camera/Camera.d.ts +7 -5
- package/dist/esm/components/camera/Camera.js +7 -7
- package/dist/esm/components/camera/Camera.js.map +1 -1
- package/dist/esm/components/camera/Camera.stories.d.ts +2 -2
- package/dist/esm/components/card/Card.d.ts +10 -18
- package/dist/esm/components/card/Card.js +6 -7
- package/dist/esm/components/card/Card.js.map +1 -1
- package/dist/esm/components/checkbox/Checkbox.d.ts +2 -1
- package/dist/esm/components/checkbox/Checkbox.js +3 -3
- package/dist/esm/components/checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/chip/Chip.d.ts +3 -2
- package/dist/esm/components/chip/Chip.js +3 -4
- package/dist/esm/components/chip/Chip.js.map +1 -1
- package/dist/esm/components/collapsible/Collapsible.d.ts +7 -4
- package/dist/esm/components/collapsible/Collapsible.js +4 -5
- package/dist/esm/components/collapsible/Collapsible.js.map +1 -1
- package/dist/esm/components/contextMenu/contextMenu.d.ts +7 -2
- package/dist/esm/components/contextMenu/contextMenu.js +4 -5
- package/dist/esm/components/contextMenu/contextMenu.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.d.ts +37 -19
- package/dist/esm/components/dialog/Dialog.js +16 -16
- package/dist/esm/components/dialog/Dialog.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.stories.d.ts +14 -7
- package/dist/esm/components/divider/Divider.d.ts +3 -1
- package/dist/esm/components/divider/Divider.js +4 -5
- package/dist/esm/components/divider/Divider.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.d.ts +6 -2
- package/dist/esm/components/dropdownMenu/DropdownMenu.js +3 -4
- package/dist/esm/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.d.ts +3 -1
- package/dist/esm/components/forms/TextField.d.ts +3 -1
- package/dist/esm/components/forms/TextField.js +6 -6
- package/dist/esm/components/forms/TextField.js.map +1 -1
- package/dist/esm/components/icon/Icon.d.ts +3 -1
- package/dist/esm/components/icon/Icon.js +3 -4
- package/dist/esm/components/icon/Icon.js.map +1 -1
- package/dist/esm/components/infiniteLoadTrigger/InfiniteLoadTrigger.d.ts +3 -1
- package/dist/esm/components/infiniteLoadTrigger/InfiniteLoadTrigger.js +5 -5
- package/dist/esm/components/infiniteLoadTrigger/InfiniteLoadTrigger.js.map +1 -1
- package/dist/esm/components/input/Input.d.ts +3 -1
- package/dist/esm/components/input/Input.js +4 -4
- package/dist/esm/components/input/Input.js.map +1 -1
- package/dist/esm/components/input/Input.stories.d.ts +3 -1
- package/dist/esm/components/liveUpdateTextField/LiveUpdateTextField.d.ts +3 -2
- package/dist/esm/components/liveUpdateTextField/LiveUpdateTextField.js +4 -4
- package/dist/esm/components/liveUpdateTextField/LiveUpdateTextField.js.map +1 -1
- package/dist/esm/components/marquee/marquee.d.ts +1 -1
- package/dist/esm/components/navBar/NavBar.d.ts +10 -5
- package/dist/esm/components/navBar/NavBar.js +6 -7
- package/dist/esm/components/navBar/NavBar.js.map +1 -1
- package/dist/esm/components/popover/Popover.d.ts +13 -8
- package/dist/esm/components/popover/Popover.js +4 -5
- package/dist/esm/components/popover/Popover.js.map +1 -1
- package/dist/esm/components/progress/Progress.d.ts +4 -3
- package/dist/esm/components/progress/Progress.js +3 -4
- package/dist/esm/components/progress/Progress.js.map +1 -1
- package/dist/esm/components/progress/Progress.stories.d.ts +4 -3
- package/dist/esm/components/scrollArea/ScrollArea.d.ts +12 -5
- package/dist/esm/components/scrollArea/ScrollArea.js +10 -9
- package/dist/esm/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/esm/components/select/Select.d.ts +23 -13
- package/dist/esm/components/select/Select.js +16 -16
- package/dist/esm/components/select/Select.js.map +1 -1
- package/dist/esm/components/select/Select.stories.d.ts +10 -6
- package/dist/esm/components/slider/Slider.d.ts +3 -1
- package/dist/esm/components/slider/Slider.js +3 -4
- package/dist/esm/components/slider/Slider.js.map +1 -1
- package/dist/esm/components/slider/Slider.stories.d.ts +3 -1
- package/dist/esm/components/spinner/Spinner.d.ts +6 -2
- package/dist/esm/components/spinner/Spinner.js +6 -6
- package/dist/esm/components/spinner/Spinner.js.map +1 -1
- package/dist/esm/components/switch/Switch.d.ts +3 -1
- package/dist/esm/components/switch/Switch.js +15 -4
- package/dist/esm/components/switch/Switch.js.map +1 -1
- package/dist/esm/components/textArea/TextArea.d.ts +3 -1
- package/dist/esm/components/textArea/TextArea.js +4 -4
- package/dist/esm/components/textArea/TextArea.js.map +1 -1
- package/dist/esm/components/textArea/TextArea.stories.d.ts +3 -1
- package/dist/esm/components/tooltip/Tooltip.d.ts +3 -1
- package/dist/esm/components/tooltip/Tooltip.js +3 -4
- package/dist/esm/components/tooltip/Tooltip.js.map +1 -1
- package/dist/esm/components/tooltip/Tooltip.stories.d.ts +3 -1
- package/dist/esm/components/utility/HideWhileKeyboardOpen.d.ts +3 -1
- package/dist/esm/components/utility/HideWhileKeyboardOpen.js +4 -5
- package/dist/esm/components/utility/HideWhileKeyboardOpen.js.map +1 -1
- package/dist/esm/components/utility/SlotDiv.d.ts +1 -1
- package/dist/esm/components/utility/SlotDiv.js +3 -4
- package/dist/esm/components/utility/SlotDiv.js.map +1 -1
- package/dist/esm/hooks/useMergedRef.d.ts +1 -1
- package/dist/esm/hooks/useMergedRef.js.map +1 -1
- package/package.json +1 -1
- package/src/components/actions/ActionButton.tsx +45 -45
- package/src/components/box/Box.tsx +27 -24
- package/src/components/button/Button.tsx +54 -57
- package/src/components/camera/Camera.tsx +133 -133
- package/src/components/card/Card.tsx +24 -23
- package/src/components/checkbox/Checkbox.tsx +9 -10
- package/src/components/chip/Chip.tsx +9 -5
- package/src/components/collapsible/Collapsible.tsx +56 -54
- package/src/components/contextMenu/contextMenu.tsx +60 -56
- package/src/components/dialog/Dialog.tsx +328 -312
- package/src/components/divider/Divider.tsx +32 -26
- package/src/components/dropdownMenu/DropdownMenu.tsx +126 -123
- package/src/components/forms/TextField.tsx +137 -140
- package/src/components/icon/Icon.tsx +33 -28
- package/src/components/infiniteLoadTrigger/InfiniteLoadTrigger.tsx +42 -38
- package/src/components/input/Input.tsx +75 -81
- package/src/components/liveUpdateTextField/LiveUpdateTextField.tsx +134 -138
- package/src/components/navBar/NavBar.tsx +105 -96
- package/src/components/popover/Popover.tsx +84 -87
- package/src/components/progress/Progress.tsx +40 -34
- package/src/components/scrollArea/ScrollArea.tsx +102 -94
- package/src/components/select/Select.tsx +294 -283
- package/src/components/slider/Slider.tsx +58 -55
- package/src/components/spinner/Spinner.tsx +66 -59
- package/src/components/switch/Switch.tsx +31 -27
- package/src/components/textArea/TextArea.tsx +114 -117
- package/src/components/tooltip/Tooltip.tsx +68 -63
- package/src/components/utility/HideWhileKeyboardOpen.tsx +30 -26
- package/src/components/utility/SlotDiv.tsx +16 -15
- package/src/hooks/useMergedRef.ts +3 -1
|
@@ -4,4 +4,4 @@ export interface ActionButtonProps extends ButtonProps {
|
|
|
4
4
|
icon?: ReactNode;
|
|
5
5
|
visible?: boolean;
|
|
6
6
|
}
|
|
7
|
-
export declare
|
|
7
|
+
export declare function ActionButton({ icon, children, className, visible, ...rest }: ActionButtonProps): import("react/jsx-runtime.js").JSX.Element | null;
|
|
@@ -16,13 +16,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
16
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
17
17
|
};
|
|
18
18
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
|
-
exports.ActionButton =
|
|
19
|
+
exports.ActionButton = ActionButton;
|
|
20
20
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
21
21
|
const clsx_1 = __importDefault(require("clsx"));
|
|
22
22
|
const react_1 = require("react");
|
|
23
23
|
const Button_js_1 = require("../button/Button.js");
|
|
24
24
|
const index_js_1 = require("../collapsible/index.js");
|
|
25
|
-
|
|
25
|
+
function ActionButton(_a) {
|
|
26
26
|
var { icon, children, className, visible = true } = _a, rest = __rest(_a, ["icon", "children", "className", "visible"]);
|
|
27
27
|
// this rather convoluted logic is meant to do:
|
|
28
28
|
// - when button goes invisible, wait for collapse and then
|
|
@@ -44,6 +44,6 @@ exports.ActionButton = (0, react_1.forwardRef)(function ActionButton(_a, ref) {
|
|
|
44
44
|
if (!render && !visible) {
|
|
45
45
|
return null;
|
|
46
46
|
}
|
|
47
|
-
return ((0, jsx_runtime_1.jsx)(index_js_1.CollapsibleRoot, { open: !visible ? false : render, children: (0, jsx_runtime_1.jsx)(index_js_1.CollapsibleContent, { "data-horizontal": true, children: (0, jsx_runtime_1.jsxs)(Button_js_1.Button, Object.assign({
|
|
48
|
-
}
|
|
47
|
+
return ((0, jsx_runtime_1.jsx)(index_js_1.CollapsibleRoot, { open: !visible ? false : render, children: (0, jsx_runtime_1.jsx)(index_js_1.CollapsibleContent, { "data-horizontal": true, children: (0, jsx_runtime_1.jsxs)(Button_js_1.Button, Object.assign({ size: "small", className: (0, clsx_1.default)('important:border-gray7 important:font-normal important:whitespace-nowrap important:m-2 important:flex important:flex-row important:gap-2 important:items-center important:h-30px important:rounded-15px important:mx-1', 'hover:bg-gray2', className) }, rest, { children: [icon, children] })) }) }));
|
|
48
|
+
}
|
|
49
49
|
//# sourceMappingURL=ActionButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC
|
|
1
|
+
{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAYb,oCA8CC;;AAxDD,gDAA8B;AAC9B,iCAAuD;AACvD,mDAA0D;AAC1D,sDAA8E;AAO9E,SAAgB,YAAY,CAAC,EAMT;QANS,EAC5B,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,IAAI,OAEK,EADhB,IAAI,cALqB,4CAM5B,CADO;IAEP,+CAA+C;IAC/C,2DAA2D;IAC3D,mBAAmB;IACnB,qDAAqD;IACrD,qCAAqC;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC;IAC9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,EAAE,CAAC;YACd,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC/B,SAAS,CAAC,OAAO,CAAC,CAAC;YACpB,CAAC,EAAE,GAAG,CAAC,CAAC;YACR,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;aAAM,CAAC;YACP,SAAS,CAAC,OAAO,CAAC,CAAC;QACpB,CAAC;IACF,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACb,CAAC;IAED,OAAO,CACN,uBAAC,0BAAe,IAAC,IAAI,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,YAC/C,uBAAC,6BAAkB,uCAClB,wBAAC,kBAAM,kBACN,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,IAAA,cAAU,EACpB,sHAAsH,EACtH,gBAAgB,EAChB,SAAS,CACT,IACG,IAAI,eAEP,IAAI,EACJ,QAAQ,KACD,GACW,GACJ,CAClB,CAAC;AACH,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Ref } from 'react';
|
|
1
2
|
import { ThemeName } from '../colorPicker/ColorPicker.js';
|
|
2
3
|
import { SlotDivProps } from '../utility/SlotDiv.js';
|
|
3
4
|
export type BoxAlignment = 'center' | 'stretch' | 'start' | 'end';
|
|
@@ -13,8 +14,9 @@ export interface BoxProps extends Omit<SlotDivProps, 'wrap'> {
|
|
|
13
14
|
wrap?: boolean;
|
|
14
15
|
p?: BoxSpacingSize;
|
|
15
16
|
container?: boolean;
|
|
16
|
-
surface?: boolean;
|
|
17
|
+
surface?: boolean | 'primary' | 'secondary';
|
|
17
18
|
theme?: ThemeName;
|
|
18
19
|
border?: boolean;
|
|
20
|
+
ref?: Ref<HTMLDivElement>;
|
|
19
21
|
}
|
|
20
|
-
export declare
|
|
22
|
+
export declare function Box({ className, direction, items: itemsSolo, justify: justifySolo, align, gap, wrap, p, container, style: userStyle, surface, theme, border, ref, ...rest }: BoxProps): import("react/jsx-runtime.js").JSX.Element;
|
|
@@ -15,13 +15,13 @@ 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.Box =
|
|
18
|
+
exports.Box = Box;
|
|
19
19
|
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 SlotDiv_js_1 = require("../utility/SlotDiv.js");
|
|
23
|
-
|
|
24
|
-
var { className, direction, items: itemsSolo, justify: justifySolo, align, gap = 'md', wrap, p = 'sm', container, style: userStyle, surface, theme, border } = _a, rest = __rest(_a, ["className", "direction", "items", "justify", "align", "gap", "wrap", "p", "container", "style", "surface", "theme", "border"]);
|
|
23
|
+
function Box(_a) {
|
|
24
|
+
var { className, direction, items: itemsSolo, justify: justifySolo, align, gap = 'md', wrap, p = 'sm', container, style: userStyle, surface, theme, border, ref } = _a, rest = __rest(_a, ["className", "direction", "items", "justify", "align", "gap", "wrap", "p", "container", "style", "surface", "theme", "border", "ref"]);
|
|
25
25
|
const { spacingScale } = (0, react_1.useContext)(BoxContext);
|
|
26
26
|
const style = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, userStyle), { '--spacing-scale': spacingScale })), [userStyle, spacingScale]);
|
|
27
27
|
const items = itemsSolo !== null && itemsSolo !== void 0 ? itemsSolo : align === null || align === void 0 ? void 0 : align.split(' ')[0];
|
|
@@ -52,14 +52,17 @@ exports.Box = (0, react_1.forwardRef)(function Box(_a, ref) {
|
|
|
52
52
|
'layer-components:p-md': p === 'md',
|
|
53
53
|
'layer-components:p-lg': p === 'lg',
|
|
54
54
|
'layer-components:p-xl': p === 'xl',
|
|
55
|
-
'layer-components:rounded-lg
|
|
56
|
-
'layer-components:
|
|
55
|
+
'layer-components:rounded-lg': !!surface,
|
|
56
|
+
'layer-components:bg-white layer-components:border-black': surface === true,
|
|
57
|
+
'layer-components:bg-primary-wash layer-components:border-primary-dark': surface === 'primary',
|
|
58
|
+
'layer-components:bg-secondary-wash layer-components:border-secondary-dark': surface === 'secondary',
|
|
59
|
+
'layer-components:border layer-components:border-solid layer-components:rounded-lg': border,
|
|
57
60
|
}, theme && `theme-${theme}`, className) })));
|
|
58
61
|
if (container) {
|
|
59
62
|
return ((0, jsx_runtime_1.jsx)(BoxContext.Provider, { value: { spacingScale: spacingScale * SPACING_SCALE_NESTING_FACTOR }, children: main }));
|
|
60
63
|
}
|
|
61
64
|
return main;
|
|
62
|
-
}
|
|
65
|
+
}
|
|
63
66
|
const SPACING_SCALE_NESTING_FACTOR = 0.5;
|
|
64
67
|
const BoxContext = (0, react_1.createContext)({
|
|
65
68
|
spacingScale: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/box/Box.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/box/Box.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
|
|
|
2
2
|
import { Box } from './Box.js';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component:
|
|
5
|
+
component: typeof Box;
|
|
6
6
|
argTypes: {
|
|
7
7
|
border: {
|
|
8
8
|
type: "boolean";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ButtonHTMLAttributes } from 'react';
|
|
1
|
+
import { ButtonHTMLAttributes, Ref } from 'react';
|
|
2
2
|
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
3
|
color?: 'primary' | 'default' | 'ghost' | 'destructive' | 'ghostDestructive' | 'ghostAccent' | 'accent' | 'contrast' | 'unstyled';
|
|
4
4
|
size?: 'default' | 'small' | 'icon' | 'icon-small';
|
|
@@ -9,5 +9,6 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
9
9
|
loading?: boolean;
|
|
10
10
|
asChild?: boolean;
|
|
11
11
|
visuallyFocused?: boolean;
|
|
12
|
+
ref?: Ref<HTMLButtonElement>;
|
|
12
13
|
}
|
|
13
|
-
export declare
|
|
14
|
+
export declare function Button({ className, color, size, toggled, toggleMode, align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, ref, ...props }: ButtonProps): import("react/jsx-runtime.js").JSX.Element;
|
|
@@ -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.Button =
|
|
18
|
+
exports.Button = Button;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
20
|
const react_slot_1 = require("@radix-ui/react-slot");
|
|
21
21
|
const clsx_1 = __importDefault(require("clsx"));
|
|
@@ -23,8 +23,8 @@ const react_1 = require("react");
|
|
|
23
23
|
const index_js_1 = require("../icon/index.js");
|
|
24
24
|
const index_js_2 = require("../spinner/index.js");
|
|
25
25
|
const classes_js_1 = require("./classes.js");
|
|
26
|
-
|
|
27
|
-
var { className, color, size, toggled, toggleMode = 'color', align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild } = _a, props = __rest(_a, ["className", "color", "size", "toggled", "toggleMode", "align", "visuallyDisabled", "visuallyFocused", "loading", "children", "disabled", "asChild"]);
|
|
26
|
+
function Button(_a) {
|
|
27
|
+
var { className, color, size, toggled, toggleMode = 'color', align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, ref } = _a, props = __rest(_a, ["className", "color", "size", "toggled", "toggleMode", "align", "visuallyDisabled", "visuallyFocused", "loading", "children", "disabled", "asChild", "ref"]);
|
|
28
28
|
const Comp = asChild ? react_slot_1.Slot : 'button';
|
|
29
29
|
const buttonProps = Object.assign(Object.assign({ ref: ref }, props), { disabled: disabled || loading, 'data-disabled': visuallyDisabled, 'data-focus': visuallyFocused, 'data-size': size, tabIndex: visuallyDisabled ? -1 : undefined, className: (0, clsx_1.default)((0, classes_js_1.getButtonClassName)({
|
|
30
30
|
color,
|
|
@@ -41,7 +41,7 @@ exports.Button = (0, react_1.forwardRef)(function Button(_a, ref) {
|
|
|
41
41
|
return (0, jsx_runtime_1.jsx)(Comp, Object.assign({}, buttonProps, { children: children }));
|
|
42
42
|
}
|
|
43
43
|
return ((0, jsx_runtime_1.jsxs)(Comp, Object.assign({}, buttonProps, { children: [loading && (0, jsx_runtime_1.jsx)(index_js_2.Spinner, { size: 16, className: "inline-block w-1em h-1em" }), toggled !== undefined && toggleMode !== 'state-only' && ((0, jsx_runtime_1.jsx)(ToggleIndicator, { value: toggled })), children] })));
|
|
44
|
-
}
|
|
44
|
+
}
|
|
45
45
|
const ToggleIndicator = (0, react_1.memo)(function ToggleIndicator({ value, }) {
|
|
46
46
|
return ((0, jsx_runtime_1.jsx)(index_js_1.Icon, { "aria-hidden": true, name: "check", className: "transition-width w-0 ml--1", style: {
|
|
47
47
|
width: value ? '15px' : 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA6BA,wBAsDC;;AAnFD,qDAA4C;AAC5C,gDAA8B;AAC9B,iCAAwD;AACxD,+CAAwC;AACxC,kDAA8C;AAC9C,6CAAkD;AAwBlD,SAAgB,MAAM,CAAC,EAeT;QAfS,EACtB,SAAS,EACT,KAAK,EACL,IAAI,EACJ,OAAO,EACP,UAAU,GAAG,OAAO,EACpB,KAAK,EACL,gBAAgB,EAChB,eAAe,EACf,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,GAAG,OAEU,EADV,KAAK,cAdc,4JAetB,CADQ;IAER,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,MAAM,WAAW,iCAChB,GAAG,EAAE,GAAG,IACL,KAAK,KACR,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,eAAe,EAAE,gBAAgB,EACjC,YAAY,EAAE,eAAe,EAC7B,WAAW,EAAE,IAAI,EACjB,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC3C,SAAS,EAAE,IAAA,cAAU,EACpB,IAAA,+BAAkB,EAAC;YAClB,KAAK;YACL,IAAI;YACJ,UAAU,EAAE,OAAO,KAAK,SAAS,IAAI,UAAU,KAAK,OAAO;YAC3D,KAAK;SACL,CAAC,EACF,SAAS,CACT,GACD,CAAC;IACF,4BAA4B;IAC5B,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC3B,WAAW,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC;IACzC,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACb,+CAA+C;QAC/C,OAAO,uBAAC,IAAI,oBAAK,WAAW,cAAG,QAAQ,IAAQ,CAAC;IACjD,CAAC;IAED,OAAO,CACN,wBAAC,IAAI,oBAAK,WAAW,eACnB,OAAO,IAAI,uBAAC,kBAAO,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,0BAA0B,GAAG,EACrE,OAAO,KAAK,SAAS,IAAI,UAAU,KAAK,YAAY,IAAI,CACxD,uBAAC,eAAe,IAAC,KAAK,EAAE,OAAO,GAAI,CACnC,EACA,QAAQ,KACH,CACP,CAAC;AACH,CAAC;AAED,MAAM,eAAe,GAAG,IAAA,YAAI,EAAC,SAAS,eAAe,CAAC,EACrD,KAAK,GAGL;IACA,OAAO,CACN,uBAAC,eAAI,yBAEJ,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE;YACN,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;SACzB,GACA,CACF,CAAC;AACH,CAAC,CAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
|
|
|
2
2
|
import { Button } from './Button.js';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component:
|
|
5
|
+
component: typeof Button;
|
|
6
6
|
argTypes: {};
|
|
7
7
|
parameters: {
|
|
8
8
|
controls: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { MouseEvent, ReactNode } from 'react';
|
|
1
|
+
import { MouseEvent, ReactNode, Ref } from 'react';
|
|
2
2
|
import { ButtonProps } from '../button/index.js';
|
|
3
3
|
export interface CameraRootProps {
|
|
4
4
|
className?: string;
|
|
@@ -6,21 +6,23 @@ export interface CameraRootProps {
|
|
|
6
6
|
children?: ReactNode;
|
|
7
7
|
format?: 'image/png' | 'image/jpeg';
|
|
8
8
|
facingMode?: 'user' | 'environment';
|
|
9
|
+
ref?: Ref<HTMLDivElement>;
|
|
9
10
|
}
|
|
10
|
-
export declare
|
|
11
|
+
export declare function CameraRoot({ className, onCapture, children, facingMode, format, ref, ...rest }: CameraRootProps): import("react/jsx-runtime.js").JSX.Element;
|
|
11
12
|
export interface CameraShutterButtonProps {
|
|
12
13
|
className?: string;
|
|
13
14
|
asChild?: boolean;
|
|
14
15
|
onClick?: (ev: MouseEvent<HTMLButtonElement>) => void;
|
|
16
|
+
ref?: Ref<HTMLButtonElement>;
|
|
15
17
|
}
|
|
16
|
-
export declare
|
|
18
|
+
export declare function CameraShutterButton({ asChild, onClick, ref, ...rest }: CameraShutterButtonProps): import("react/jsx-runtime.js").JSX.Element;
|
|
17
19
|
export interface CameraDeviceSelectorProps {
|
|
18
20
|
}
|
|
19
21
|
export declare const CameraDeviceSelector: (props: CameraDeviceSelectorProps) => import("react/jsx-runtime.js").JSX.Element | null;
|
|
20
22
|
export declare const CameraFullscreenButton: (props: ButtonProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
21
23
|
export declare const Camera: ((props: CameraRootProps) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
22
|
-
Root:
|
|
23
|
-
ShutterButton:
|
|
24
|
+
Root: typeof CameraRoot;
|
|
25
|
+
ShutterButton: typeof CameraShutterButton;
|
|
24
26
|
DeviceSelector: (props: CameraDeviceSelectorProps) => import("react/jsx-runtime.js").JSX.Element | null;
|
|
25
27
|
FullscreenButton: (props: ButtonProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
26
28
|
};
|
|
@@ -15,7 +15,9 @@ 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.Camera = exports.CameraFullscreenButton = exports.CameraDeviceSelector =
|
|
18
|
+
exports.Camera = exports.CameraFullscreenButton = exports.CameraDeviceSelector = void 0;
|
|
19
|
+
exports.CameraRoot = CameraRoot;
|
|
20
|
+
exports.CameraShutterButton = CameraShutterButton;
|
|
19
21
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
22
|
const react_slot_1 = require("@radix-ui/react-slot");
|
|
21
23
|
const clsx_1 = __importDefault(require("clsx"));
|
|
@@ -32,8 +34,8 @@ const CameraContext = (0, react_1.createContext)({
|
|
|
32
34
|
fullscreen: false,
|
|
33
35
|
setFullscreen: () => { },
|
|
34
36
|
});
|
|
35
|
-
|
|
36
|
-
var { className, onCapture, children, facingMode, format = 'image/png' } = _a, rest = __rest(_a, ["className", "onCapture", "children", "facingMode", "format"]);
|
|
37
|
+
function CameraRoot(_a) {
|
|
38
|
+
var { className, onCapture, children, facingMode, format = 'image/png', ref } = _a, rest = __rest(_a, ["className", "onCapture", "children", "facingMode", "format", "ref"]);
|
|
37
39
|
const videoRef = (0, react_1.useRef)(null);
|
|
38
40
|
const [devices, setDevices] = (0, react_1.useState)([]);
|
|
39
41
|
const [stream, setStream] = (0, react_1.useState)();
|
|
@@ -130,16 +132,16 @@ exports.CameraRoot = (0, react_1.forwardRef)(function Camera(_a, ref) {
|
|
|
130
132
|
setFullscreen,
|
|
131
133
|
fullscreen,
|
|
132
134
|
}, children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: ref, className: (0, clsx_1.default)('layer-components:[font-family:inherit] layer-components:text-white layer-components:bg-black layer-components:rounded-lg layer-components:overflow-hidden layer-components:min-w-4 layer-components:min-h-4 layer-components:relative', fullscreen && 'fixed inset-0 w-full h-full z-1000 rounded-none', className) }, rest, { children: [(0, jsx_runtime_1.jsx)("video", { ref: videoRef, className: "w-full h-full object-cover", autoPlay: true, muted: true, playsInline: true }), children] })) }));
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
var { asChild, onClick } = _a, rest = __rest(_a, ["asChild", "onClick"]);
|
|
135
|
+
}
|
|
136
|
+
function CameraShutterButton(_a) {
|
|
137
|
+
var { asChild, onClick, ref } = _a, rest = __rest(_a, ["asChild", "onClick", "ref"]);
|
|
136
138
|
const Comp = asChild ? react_slot_1.Slot : StyledShutterButton;
|
|
137
139
|
const { triggerCapture } = (0, react_1.useContext)(CameraContext);
|
|
138
140
|
return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ ref: ref, "aria-label": asChild ? undefined : 'Capture photo', onClick: (ev) => {
|
|
139
141
|
triggerCapture();
|
|
140
142
|
onClick === null || onClick === void 0 ? void 0 : onClick(ev);
|
|
141
143
|
} }, rest)));
|
|
142
|
-
}
|
|
144
|
+
}
|
|
143
145
|
const StyledShutterButton = (0, hooks_js_1.withClassName)('button', 'absolute bottom-3 left-1/2 -translate-x-1/2 w-16 h-16 bg-white rounded-full cursor-pointer border-2 border-black border-solid ring-2 ring-white opacity-80', 'hover:bg-gray-1 hover:opacity-100', 'focus-visible:bg-gray-2', 'focus:ring-primary focus:outline-none focus:opacity-100', 'sm:w-8 sm:h-8');
|
|
144
146
|
const CameraDeviceSelector = (props) => {
|
|
145
147
|
const { devices, selectDeviceId, selectedDeviceId } = (0, react_1.useContext)(CameraContext);
|
|
@@ -169,11 +171,11 @@ const CameraFullscreenButton = (props) => {
|
|
|
169
171
|
};
|
|
170
172
|
exports.CameraFullscreenButton = CameraFullscreenButton;
|
|
171
173
|
const CameraBase = (props) => {
|
|
172
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
174
|
+
return ((0, jsx_runtime_1.jsxs)(CameraRoot, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(CameraShutterButton, {}), (0, jsx_runtime_1.jsx)(exports.CameraDeviceSelector, {}), (0, jsx_runtime_1.jsx)(exports.CameraFullscreenButton, {})] })));
|
|
173
175
|
};
|
|
174
176
|
exports.Camera = Object.assign(CameraBase, {
|
|
175
|
-
Root:
|
|
176
|
-
ShutterButton:
|
|
177
|
+
Root: CameraRoot,
|
|
178
|
+
ShutterButton: CameraShutterButton,
|
|
177
179
|
DeviceSelector: exports.CameraDeviceSelector,
|
|
178
180
|
FullscreenButton: exports.CameraFullscreenButton,
|
|
179
181
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Camera.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Camera.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,8 +3,8 @@ import { Camera } from './Camera.js';
|
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
5
|
component: ((props: import("./Camera.js").CameraRootProps) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
6
|
-
Root: import("
|
|
7
|
-
ShutterButton: import("
|
|
6
|
+
Root: typeof import("./Camera.js").CameraRoot;
|
|
7
|
+
ShutterButton: typeof import("./Camera.js").CameraShutterButton;
|
|
8
8
|
DeviceSelector: (props: import("./Camera.js").CameraDeviceSelectorProps) => import("react/jsx-runtime.js").JSX.Element | null;
|
|
9
9
|
FullscreenButton: (props: import("../index.js").ButtonProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
10
10
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { HTMLAttributes, MouseEvent, ReactNode } from 'react';
|
|
1
|
+
import { HTMLAttributes, MouseEvent, ReactNode, Ref } from 'react';
|
|
2
2
|
import { MasonryProps } from '../masonry/masonry.js';
|
|
3
3
|
export declare const CardRoot: import("react").FunctionComponent<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
4
|
-
export declare
|
|
4
|
+
export declare function CardMain({ asChild, className, compact, nonInteractive, ref, ...rest }: {
|
|
5
5
|
asChild?: boolean;
|
|
6
6
|
className?: string;
|
|
7
7
|
onClick?: (ev: MouseEvent) => void;
|
|
@@ -11,13 +11,15 @@ export declare const CardMain: import("react").ForwardRefExoticComponent<{
|
|
|
11
11
|
nonInteractive?: boolean;
|
|
12
12
|
visuallyFocused?: boolean;
|
|
13
13
|
visuallyDisabled?: boolean;
|
|
14
|
-
|
|
14
|
+
ref?: Ref<any>;
|
|
15
|
+
}): import("react/jsx-runtime.js").JSX.Element;
|
|
15
16
|
export declare const CardTitle: import("react").FunctionComponent<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
16
17
|
export interface CardContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
17
18
|
unstyled?: boolean;
|
|
19
|
+
ref?: Ref<HTMLDivElement>;
|
|
18
20
|
}
|
|
19
|
-
export declare
|
|
20
|
-
export declare const CardImage: import("react").FunctionComponent<
|
|
21
|
+
export declare function CardContent({ unstyled, ref, ...rest }: CardContentProps): import("react/jsx-runtime.js").JSX.Element;
|
|
22
|
+
export declare const CardImage: import("react").FunctionComponent<import("../utility/SlotDiv.js").SlotDivProps>;
|
|
21
23
|
export declare const CardFooter: import("react").FunctionComponent<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
22
24
|
export declare const CardActions: import("react").FunctionComponent<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
23
25
|
export declare const CardMenu: import("react").FunctionComponent<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
@@ -27,20 +29,10 @@ export declare const cardGridColumns: {
|
|
|
27
29
|
};
|
|
28
30
|
export declare const CardGrid: ({ children, className, columns, gap, }: MasonryProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
29
31
|
export declare const Card: import("react").FunctionComponent<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>> & {
|
|
30
|
-
Main:
|
|
31
|
-
asChild?: boolean;
|
|
32
|
-
className?: string;
|
|
33
|
-
onClick?: (ev: MouseEvent) => void;
|
|
34
|
-
children?: ReactNode;
|
|
35
|
-
compact?: boolean;
|
|
36
|
-
/** forces non-interactive version */
|
|
37
|
-
nonInteractive?: boolean;
|
|
38
|
-
visuallyFocused?: boolean;
|
|
39
|
-
visuallyDisabled?: boolean;
|
|
40
|
-
} & import("react").RefAttributes<any>>;
|
|
32
|
+
Main: typeof CardMain;
|
|
41
33
|
Title: import("react").FunctionComponent<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
42
|
-
Content:
|
|
43
|
-
Image: import("react").FunctionComponent<
|
|
34
|
+
Content: typeof CardContent;
|
|
35
|
+
Image: import("react").FunctionComponent<import("../utility/SlotDiv.js").SlotDivProps>;
|
|
44
36
|
Footer: import("react").FunctionComponent<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
45
37
|
Actions: import("react").FunctionComponent<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
46
38
|
Menu: import("react").FunctionComponent<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
@@ -15,28 +15,29 @@ 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.Card = exports.CardGrid = exports.cardGridColumns = exports.CardMenu = exports.CardActions = exports.CardFooter = exports.CardImage = exports.
|
|
18
|
+
exports.Card = exports.CardGrid = exports.cardGridColumns = exports.CardMenu = exports.CardActions = exports.CardFooter = exports.CardImage = exports.CardTitle = exports.CardRoot = void 0;
|
|
19
|
+
exports.CardMain = CardMain;
|
|
20
|
+
exports.CardContent = CardContent;
|
|
19
21
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
22
|
const react_slot_1 = require("@radix-ui/react-slot");
|
|
21
23
|
const clsx_1 = __importDefault(require("clsx"));
|
|
22
|
-
const react_1 = require("react");
|
|
23
24
|
const hooks_js_1 = require("../../hooks.js");
|
|
24
25
|
const masonry_js_1 = require("../masonry/masonry.js");
|
|
25
26
|
const SlotDiv_js_1 = require("../utility/SlotDiv.js");
|
|
26
27
|
exports.CardRoot = (0, hooks_js_1.withClassName)('div', 'layer-components:flex layer-components:flex-col layer-components:border-light layer-components:rounded-xl layer-components:text-lg layer-components:overflow-hidden layer-components:h-max-content layer-components:relative layer-components:bg-gray-1 layer-components:text-black layer-components:shadow-sm', 'layer-variants:[&[data-borderless=true]]:border-none layer-variants:[&[data-borderless=true]]:shadow-md');
|
|
27
|
-
|
|
28
|
-
var { asChild, className, compact, nonInteractive } = _a, rest = __rest(_a, ["asChild", "className", "compact", "nonInteractive"]);
|
|
28
|
+
function CardMain(_a) {
|
|
29
|
+
var { asChild, className, compact, nonInteractive, ref } = _a, rest = __rest(_a, ["asChild", "className", "compact", "nonInteractive", "ref"]);
|
|
29
30
|
const isInteractive = !nonInteractive && (!!asChild || !!rest.onClick);
|
|
30
31
|
const Comp = asChild ? react_slot_1.Slot : isInteractive ? 'button' : 'div';
|
|
31
32
|
return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ ref: ref, className: (0, clsx_1.default)('layer-components:flex layer-components:flex-col layer-components:items-start layer-components:gap-1 layer-components:transition layer-components:pb-2 layer-components:flex-1 layer-components:min-h-40px layer-components:bg-transparent layer-components:border-none layer-components:text-start layer-components:text-inherit layer-components:text-sm layer-components:relative layer-components:z-1 layer-components:p-0 layer-components:font-sans layer-components:outline-none layer-components:rounded-t-xl', !!compact && 'layer-variants:pb-0', isInteractive &&
|
|
32
33
|
(0, clsx_1.default)('layer-components:cursor-pointer layer-components:hover:bg-gray-darkBlend layer-components:hover:color-black layer-components:hover:shadow-sm-inset layer-components:focus:outline-none', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring-inset layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-gray-5', 'layer-components:[&[data-visually-focused=true]]:ring-inset layer-components:[&[data-visually-focused=true]]:ring-4 layer-components:[&[data-visually-focused=true]]:ring-gray-5', 'layer-components:[&[data-visually-disabled=true]]:cursor-default layer-components:disabled:cursor-default'), className), "data-compact": compact, "data-visually-focused": rest.visuallyFocused, "data-visually-disabled": rest.visuallyDisabled }, rest)));
|
|
33
|
-
}
|
|
34
|
+
}
|
|
34
35
|
exports.CardTitle = (0, hooks_js_1.withClassName)('div', 'layer-components:flex layer-components:flex-col layer-components:gap-1 layer-components:mt-0 layer-components:bg-white layer-components:py-2 layer-components:px-3 layer-components:rounded-lg layer-components:rounded-bl-none layer-components:rounded-tr-none layer-components:w-auto layer-components:mr-auto layer-components:border layer-components:border-solid layer-components:border-grayDarkBlend layer-components:text-md layer-components:max-h-80px layer-components:overflow-hidden layer-components:text-ellipsis layer-components:max-w-full layer-components:text-inherit layer-components:font-semibold', 'layer-components:[[data-compact=true]_&]:py-1 layer-components:[[data-compact=true]_&]:text-sm');
|
|
35
36
|
const CardContentRoot = (0, hooks_js_1.withClassName)('div', 'layer-components:flex layer-components:flex-col layer-components:gap-1 layer-components:px-2 layer-components:py-1 layer-components:bg-light-blend layer-components:text-black layer-components:rounded-md layer-components:mx-2 layer-components:my-0.5 layer-components:border layer-components:border-solid layer-components:border-grayDarkBlend layer-components:text-xs', 'layer-variants:[[data-compact=true]_&]:py-0 layer-variants:[[data-compact=true]_&]:px-1 layer-variants:[[data-compact=true]_&]:my-0 layer-variants:[[data-compact=true]_&]:text-xs', 'layer-variants:[&[data-unstyled]]:p-0 layer-variants:[&[data-unstyled]]:[background:unset] layer-variants:[&[data-unstyled]]:border-none');
|
|
36
|
-
|
|
37
|
-
var { unstyled } = _a, rest = __rest(_a, ["unstyled"]);
|
|
37
|
+
function CardContent(_a) {
|
|
38
|
+
var { unstyled, ref } = _a, rest = __rest(_a, ["unstyled", "ref"]);
|
|
38
39
|
return (0, jsx_runtime_1.jsx)(CardContentRoot, Object.assign({ ref: ref, "data-unstyled": unstyled }, rest));
|
|
39
|
-
}
|
|
40
|
+
}
|
|
40
41
|
exports.CardImage = (0, hooks_js_1.withClassName)(SlotDiv_js_1.SlotDiv, 'layer-components:absolute layer-components:z-0 layer-components:right-0 layer-components:top-0 layer-components:bottom-0 layer-components:w-full layer-components:h-full layer-components:object-cover layer-components:bg-center');
|
|
41
42
|
exports.CardFooter = (0, hooks_js_1.withClassName)('div', 'layer-components:flex layer-components:flex-row layer-components:flex-shrink-0 layer-components:p-1 layer-components:relative layer-components:z-1');
|
|
42
43
|
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');
|
|
@@ -50,9 +51,9 @@ const CardGrid = ({ children, className, columns = exports.cardGridColumns.defau
|
|
|
50
51
|
};
|
|
51
52
|
exports.CardGrid = CardGrid;
|
|
52
53
|
exports.Card = Object.assign(exports.CardRoot, {
|
|
53
|
-
Main:
|
|
54
|
+
Main: CardMain,
|
|
54
55
|
Title: exports.CardTitle,
|
|
55
|
-
Content:
|
|
56
|
+
Content: CardContent,
|
|
56
57
|
Image: exports.CardImage,
|
|
57
58
|
Footer: exports.CardFooter,
|
|
58
59
|
Actions: exports.CardActions,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
2
3
|
export declare const CheckboxRoot: import("react").FunctionComponent<CheckboxPrimitive.CheckboxProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
3
4
|
export declare function CheckboxIndicator({ children, className, ...props }: CheckboxPrimitive.CheckboxIndicatorProps): import("react/jsx-runtime.js").JSX.Element;
|
|
4
|
-
export declare const Checkbox:
|
|
5
|
+
export declare const Checkbox: (({ ref, ...props }: ComponentProps<typeof CheckboxRoot>) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
5
6
|
Root: import("react").FunctionComponent<CheckboxPrimitive.CheckboxProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
6
7
|
Indicator: typeof CheckboxIndicator;
|
|
7
8
|
};
|
|
@@ -53,7 +53,6 @@ exports.Checkbox = exports.CheckboxRoot = void 0;
|
|
|
53
53
|
exports.CheckboxIndicator = CheckboxIndicator;
|
|
54
54
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
55
55
|
const CheckboxPrimitive = __importStar(require("@radix-ui/react-checkbox"));
|
|
56
|
-
const react_1 = require("react");
|
|
57
56
|
const react_icons_1 = require("@radix-ui/react-icons");
|
|
58
57
|
const clsx_1 = __importDefault(require("clsx"));
|
|
59
58
|
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
@@ -62,9 +61,10 @@ function CheckboxIndicator(_a) {
|
|
|
62
61
|
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
|
63
62
|
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 }) })));
|
|
64
63
|
}
|
|
65
|
-
exports.Checkbox = Object.assign(
|
|
64
|
+
exports.Checkbox = Object.assign(function Checkbox(_a) {
|
|
65
|
+
var { ref } = _a, props = __rest(_a, ["ref"]);
|
|
66
66
|
return ((0, jsx_runtime_1.jsx)(exports.CheckboxRoot, Object.assign({ ref: ref }, props, { children: (0, jsx_runtime_1.jsx)(CheckboxIndicator, {}) })));
|
|
67
|
-
}
|
|
67
|
+
}, {
|
|
68
68
|
Root: exports.CheckboxRoot,
|
|
69
69
|
Indicator: CheckboxIndicator,
|
|
70
70
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBb,8CAgBC;;AAjCD,4EAA8D;AAC9D,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBb,8CAgBC;;AAjCD,4EAA8D;AAC9D,uDAAkD;AAClD,gDAA8B;AAE9B,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;AAEY,QAAA,QAAQ,GAAG,MAAM,CAAC,MAAM,CACpC,SAAS,QAAQ,CAAC,EAAsD;QAAtD,EAAE,GAAG,OAAiD,EAA5C,KAAK,cAAf,OAAiB,CAAF;IAChC,OAAO,CACN,uBAAC,oBAAY,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,cAChC,uBAAC,iBAAiB,KAAG,IACP,CACf,CAAC;AACH,CAAC,EAED;IACC,IAAI,EAAE,oBAAY;IAClB,SAAS,EAAE,iBAAiB;CAC5B,CACD,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'react';
|
|
1
|
+
import { HTMLAttributes, Ref } from 'react';
|
|
2
2
|
export interface ChipProps extends HTMLAttributes<HTMLElement> {
|
|
3
3
|
color?: 'neutral' | 'primary' | 'accent';
|
|
4
4
|
asChild?: boolean;
|
|
5
|
+
ref?: Ref<any>;
|
|
5
6
|
}
|
|
6
|
-
export declare
|
|
7
|
+
export declare function Chip({ className, color, asChild, ref, ...rest }: ChipProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -15,17 +15,16 @@ 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.Chip =
|
|
18
|
+
exports.Chip = Chip;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
20
|
const react_slot_1 = require("@radix-ui/react-slot");
|
|
21
21
|
const clsx_1 = __importDefault(require("clsx"));
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
var { className, color = 'neutral', asChild } = _a, rest = __rest(_a, ["className", "color", "asChild"]);
|
|
22
|
+
function Chip(_a) {
|
|
23
|
+
var { className, color = 'neutral', asChild, ref } = _a, rest = __rest(_a, ["className", "color", "asChild", "ref"]);
|
|
25
24
|
const Component = asChild ? react_slot_1.Slot : 'div';
|
|
26
25
|
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref, className: (0, clsx_1.default)('inline-flex flex-row gap-1 items-center whitespace-nowrap border-light border-solid border-1 rounded-full px-2 py-1 text-black', {
|
|
27
26
|
'bg-primary-wash': color === 'primary',
|
|
28
27
|
'bg-accent-wash': color === 'accent',
|
|
29
28
|
}, className) }, rest)));
|
|
30
|
-
}
|
|
29
|
+
}
|
|
31
30
|
//# sourceMappingURL=Chip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAUA,oBAsBC;;AAhCD,qDAA4C;AAC5C,gDAA8B;AAS9B,SAAgB,IAAI,CAAC,EAMT;QANS,EACpB,SAAS,EACT,KAAK,GAAG,SAAS,EACjB,OAAO,EACP,GAAG,OAEQ,EADR,IAAI,cALa,wCAMpB,CADO;IAEP,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACzC,OAAO,CACN,uBAAC,SAAS,kBACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EACpB,gIAAgI,EAChI;YACC,iBAAiB,EAAE,KAAK,KAAK,SAAS;YACtC,gBAAgB,EAAE,KAAK,KAAK,QAAQ;SACpC,EACD,SAAS,CACT,IACG,IAAI,EACP,CACF,CAAC;AACH,CAAC"}
|
|
@@ -1,19 +1,22 @@
|
|
|
1
1
|
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
2
|
+
import { Ref } from 'react';
|
|
2
3
|
export declare const CollapsibleRoot: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
3
|
-
export declare const CollapsibleContent:
|
|
4
|
+
export declare const CollapsibleContent: ({ ref, horizontal, both, ...props }: CollapsiblePrimitive.CollapsibleContentProps & {
|
|
4
5
|
horizontal?: boolean;
|
|
5
6
|
both?: boolean;
|
|
6
|
-
|
|
7
|
+
ref?: Ref<HTMLDivElement>;
|
|
8
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
7
9
|
export declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
8
10
|
export declare const CollapsibleSimple: ({ horizontal, both, children, ...props }: CollapsiblePrimitive.CollapsibleProps & {
|
|
9
11
|
horizontal?: boolean;
|
|
10
12
|
both?: boolean;
|
|
11
13
|
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
12
14
|
export declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>> & {
|
|
13
|
-
Content:
|
|
15
|
+
Content: ({ ref, horizontal, both, ...props }: CollapsiblePrimitive.CollapsibleContentProps & {
|
|
14
16
|
horizontal?: boolean;
|
|
15
17
|
both?: boolean;
|
|
16
|
-
|
|
18
|
+
ref?: Ref<HTMLDivElement>;
|
|
19
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
17
20
|
Trigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
18
21
|
Simple: ({ horizontal, both, children, ...props }: CollapsiblePrimitive.CollapsibleProps & {
|
|
19
22
|
horizontal?: boolean;
|