@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAwB,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAwB,IAAI,EAAO,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAwBlD,MAAM,UAAU,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,IAAI,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,UAAU,CACpB,kBAAkB,CAAC;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,KAAC,IAAI,oBAAK,WAAW,cAAG,QAAQ,IAAQ,CAAC;IACjD,CAAC;IAED,OAAO,CACN,MAAC,IAAI,oBAAK,WAAW,eACnB,OAAO,IAAI,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,0BAA0B,GAAG,EACrE,OAAO,KAAK,SAAS,IAAI,UAAU,KAAK,YAAY,IAAI,CACxD,KAAC,eAAe,IAAC,KAAK,EAAE,OAAO,GAAI,CACnC,EACA,QAAQ,KACH,CACP,CAAC;AACH,CAAC;AAED,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,eAAe,CAAC,EACrD,KAAK,GAGL;IACA,OAAO,CACN,KAAC,IAAI,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").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").JSX.Element;
|
|
17
19
|
export interface CameraDeviceSelectorProps {
|
|
18
20
|
}
|
|
19
21
|
export declare const CameraDeviceSelector: (props: CameraDeviceSelectorProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
20
22
|
export declare const CameraFullscreenButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
23
|
export declare const Camera: ((props: CameraRootProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
22
|
-
Root:
|
|
23
|
-
ShutterButton:
|
|
24
|
+
Root: typeof CameraRoot;
|
|
25
|
+
ShutterButton: typeof CameraShutterButton;
|
|
24
26
|
DeviceSelector: (props: CameraDeviceSelectorProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
25
27
|
FullscreenButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
26
28
|
};
|
|
@@ -13,7 +13,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
13
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
14
|
import { Slot } from '@radix-ui/react-slot';
|
|
15
15
|
import classNames from 'clsx';
|
|
16
|
-
import { createContext,
|
|
16
|
+
import { createContext, useContext, useEffect, useRef, useState, } from 'react';
|
|
17
17
|
import { withClassName } from '../../hooks.js';
|
|
18
18
|
import { Button } from '../button/index.js';
|
|
19
19
|
import { Icon } from '../icon/index.js';
|
|
@@ -26,8 +26,8 @@ const CameraContext = createContext({
|
|
|
26
26
|
fullscreen: false,
|
|
27
27
|
setFullscreen: () => { },
|
|
28
28
|
});
|
|
29
|
-
export
|
|
30
|
-
var { className, onCapture, children, facingMode, format = 'image/png' } = _a, rest = __rest(_a, ["className", "onCapture", "children", "facingMode", "format"]);
|
|
29
|
+
export function CameraRoot(_a) {
|
|
30
|
+
var { className, onCapture, children, facingMode, format = 'image/png', ref } = _a, rest = __rest(_a, ["className", "onCapture", "children", "facingMode", "format", "ref"]);
|
|
31
31
|
const videoRef = useRef(null);
|
|
32
32
|
const [devices, setDevices] = useState([]);
|
|
33
33
|
const [stream, setStream] = useState();
|
|
@@ -124,16 +124,16 @@ export const CameraRoot = forwardRef(function Camera(_a, ref) {
|
|
|
124
124
|
setFullscreen,
|
|
125
125
|
fullscreen,
|
|
126
126
|
}, children: _jsxs("div", Object.assign({ ref: ref, className: classNames('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: [_jsx("video", { ref: videoRef, className: "w-full h-full object-cover", autoPlay: true, muted: true, playsInline: true }), children] })) }));
|
|
127
|
-
}
|
|
128
|
-
export
|
|
129
|
-
var { asChild, onClick } = _a, rest = __rest(_a, ["asChild", "onClick"]);
|
|
127
|
+
}
|
|
128
|
+
export function CameraShutterButton(_a) {
|
|
129
|
+
var { asChild, onClick, ref } = _a, rest = __rest(_a, ["asChild", "onClick", "ref"]);
|
|
130
130
|
const Comp = asChild ? Slot : StyledShutterButton;
|
|
131
131
|
const { triggerCapture } = useContext(CameraContext);
|
|
132
132
|
return (_jsx(Comp, Object.assign({ ref: ref, "aria-label": asChild ? undefined : 'Capture photo', onClick: (ev) => {
|
|
133
133
|
triggerCapture();
|
|
134
134
|
onClick === null || onClick === void 0 ? void 0 : onClick(ev);
|
|
135
135
|
} }, rest)));
|
|
136
|
-
}
|
|
136
|
+
}
|
|
137
137
|
const StyledShutterButton = 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');
|
|
138
138
|
export const CameraDeviceSelector = (props) => {
|
|
139
139
|
const { devices, selectDeviceId, selectedDeviceId } = useContext(CameraContext);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Camera.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,
|
|
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").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").JSX.Element | null;
|
|
9
9
|
FullscreenButton: (props: import("../index.js").ButtonProps) => import("react/jsx-runtime").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").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").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").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>>;
|
|
@@ -13,24 +13,23 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
13
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
14
|
import { Slot } from '@radix-ui/react-slot';
|
|
15
15
|
import classNames from 'clsx';
|
|
16
|
-
import { forwardRef } from 'react';
|
|
17
16
|
import { withClassName } from '../../hooks.js';
|
|
18
17
|
import { Masonry } from '../masonry/masonry.js';
|
|
19
18
|
import { SlotDiv } from '../utility/SlotDiv.js';
|
|
20
19
|
export const CardRoot = 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');
|
|
21
|
-
export
|
|
22
|
-
var { asChild, className, compact, nonInteractive } = _a, rest = __rest(_a, ["asChild", "className", "compact", "nonInteractive"]);
|
|
20
|
+
export function CardMain(_a) {
|
|
21
|
+
var { asChild, className, compact, nonInteractive, ref } = _a, rest = __rest(_a, ["asChild", "className", "compact", "nonInteractive", "ref"]);
|
|
23
22
|
const isInteractive = !nonInteractive && (!!asChild || !!rest.onClick);
|
|
24
23
|
const Comp = asChild ? Slot : isInteractive ? 'button' : 'div';
|
|
25
24
|
return (_jsx(Comp, Object.assign({ ref: ref, className: classNames('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 &&
|
|
26
25
|
classNames('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)));
|
|
27
|
-
}
|
|
26
|
+
}
|
|
28
27
|
export const CardTitle = 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');
|
|
29
28
|
const CardContentRoot = 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');
|
|
30
|
-
export
|
|
31
|
-
var { unstyled } = _a, rest = __rest(_a, ["unstyled"]);
|
|
29
|
+
export function CardContent(_a) {
|
|
30
|
+
var { unstyled, ref } = _a, rest = __rest(_a, ["unstyled", "ref"]);
|
|
32
31
|
return _jsx(CardContentRoot, Object.assign({ ref: ref, "data-unstyled": unstyled }, rest));
|
|
33
|
-
}
|
|
32
|
+
}
|
|
34
33
|
export const CardImage = withClassName(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');
|
|
35
34
|
export const CardFooter = 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');
|
|
36
35
|
export const CardActions = 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');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,MAAM,CAAC;
|
|
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").JSX.Element;
|
|
4
|
-
export declare const Checkbox:
|
|
5
|
+
export declare const Checkbox: (({ ref, ...props }: ComponentProps<typeof CheckboxRoot>) => import("react/jsx-runtime").JSX.Element) & {
|
|
5
6
|
Root: import("react").FunctionComponent<CheckboxPrimitive.CheckboxProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
6
7
|
Indicator: typeof CheckboxIndicator;
|
|
7
8
|
};
|
|
@@ -13,7 +13,6 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
13
13
|
};
|
|
14
14
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
15
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
16
|
-
import { forwardRef } from 'react';
|
|
17
16
|
import { CheckIcon } from '@radix-ui/react-icons';
|
|
18
17
|
import classNames from 'clsx';
|
|
19
18
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
@@ -22,9 +21,10 @@ export function CheckboxIndicator(_a) {
|
|
|
22
21
|
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
|
23
22
|
return (_jsx(CheckboxPrimitive.Indicator, Object.assign({ className: classNames('absolute center translate-[-50%] color-black', className) }, props, { children: children !== null && children !== void 0 ? children : _jsx(CheckIcon, { width: 18, height: 18 }) })));
|
|
24
23
|
}
|
|
25
|
-
export const Checkbox = Object.assign(
|
|
24
|
+
export const Checkbox = Object.assign(function Checkbox(_a) {
|
|
25
|
+
var { ref } = _a, props = __rest(_a, ["ref"]);
|
|
26
26
|
return (_jsx(CheckboxRoot, Object.assign({ ref: ref }, props, { children: _jsx(CheckboxIndicator, {}) })));
|
|
27
|
-
}
|
|
27
|
+
}, {
|
|
28
28
|
Root: CheckboxRoot,
|
|
29
29
|
Indicator: CheckboxIndicator,
|
|
30
30
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CACxC,iBAAiB,CAAC,IAAI,EACtB,UAAU,CACT,mHAAmH,EACnH,2DAA2D,EAC3D,iFAAiF,EACjF,iFAAiF,EACjF,0EAA0E,CAC1E,CACD,CAAC;AAEF,MAAM,UAAU,iBAAiB,CAAC,EAIS;QAJT,EACjC,QAAQ,EACR,SAAS,OAEiC,EADvC,KAAK,cAHyB,yBAIjC,CADQ;IAER,OAAO,CACN,KAAC,iBAAiB,CAAC,SAAS,kBAC3B,SAAS,EAAE,UAAU,CACpB,8CAA8C,EAC9C,SAAS,CACT,IACG,KAAK,cAER,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,IACpB,CAC9B,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CACpC,SAAS,QAAQ,CAAC,EAAsD;QAAtD,EAAE,GAAG,OAAiD,EAA5C,KAAK,cAAf,OAAiB,CAAF;IAChC,OAAO,CACN,KAAC,YAAY,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,cAChC,KAAC,iBAAiB,KAAG,IACP,CACf,CAAC;AACH,CAAC,EAED;IACC,IAAI,EAAE,YAAY;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;
|
|
@@ -13,13 +13,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
13
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
14
|
import { Slot } from '@radix-ui/react-slot';
|
|
15
15
|
import classNames from 'clsx';
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
var { className, color = 'neutral', asChild } = _a, rest = __rest(_a, ["className", "color", "asChild"]);
|
|
16
|
+
export function Chip(_a) {
|
|
17
|
+
var { className, color = 'neutral', asChild, ref } = _a, rest = __rest(_a, ["className", "color", "asChild", "ref"]);
|
|
19
18
|
const Component = asChild ? Slot : 'div';
|
|
20
19
|
return (_jsx(Component, Object.assign({ ref: ref, className: classNames('inline-flex flex-row gap-1 items-center whitespace-nowrap border-light border-solid border-1 rounded-full px-2 py-1 text-black', {
|
|
21
20
|
'bg-primary-wash': color === 'primary',
|
|
22
21
|
'bg-accent-wash': color === 'accent',
|
|
23
22
|
}, className) }, rest)));
|
|
24
|
-
}
|
|
23
|
+
}
|
|
25
24
|
//# sourceMappingURL=Chip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,MAAM,CAAC;AAS9B,MAAM,UAAU,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,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACzC,OAAO,CACN,KAAC,SAAS,kBACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACpB,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").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").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").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;
|
|
@@ -12,16 +12,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
return t;
|
|
13
13
|
};
|
|
14
14
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
|
-
import { forwardRef } from 'react';
|
|
16
|
-
import { withClassName } from '../../hooks/withClassName.js';
|
|
17
15
|
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
16
|
+
import { withClassName } from '../../hooks/withClassName.js';
|
|
18
17
|
export const CollapsibleRoot = CollapsiblePrimitive.Root;
|
|
19
18
|
const CollapsibleContentBase = withClassName(CollapsiblePrimitive.Content, 'overflow-hidden', 'layer-components:[&[data-state=open]]:animate-radix-collapsible-open-vertical layer-components:[&[data-state=open]]:animate-duration-300 layer-components:[&[data-state=open]]:animate-ease-springy layer-components:[&[data-state=closed]]:animate-radix-collapsible-close-vertical layer-components:[&[data-state=closed]]:animate-duration-300 layer-components:[&[data-state=closed]]:animate-ease-springy', 'layer-variants:[&[data-horizontal][data-state=open]]:animate-radix-collapsible-open-horizontal layer-variants:[&[data-horizontal][data-state=open]]:animate-duration-300 layer-variants:[&[data-horizontal][data-state=open]]:animate-ease-springy layer-variants:[&[data-horizontal][data-state=closed]]:animate-radix-collapsible-close-horizontal layer-variants:[&[data-horizontal][data-state=closed]]:animate-duration-300 layer-variants:[&[data-horizontal][data-state=closed]]:animate-ease-springy', 'layer-variants:[&[data-both][data-state=open]]:animate-radix-collapsible-open-both layer-variants:[&[data-both][data-state=open]]:animate-duration-300 layer-variants:[&[data-both][data-state=open]]:animate-ease-springy layer-variants:[&[data-both][data-state=closed]]:animate-radix-collapsible-close-both layer-variants:[&[data-both][data-state=closed]]:animate-duration-300 layer-variants:[&[data-both][data-state=closed]]:animate-ease-springy');
|
|
20
19
|
// specifically removing className... it's causing problems?
|
|
21
|
-
export const CollapsibleContent =
|
|
22
|
-
var { horizontal, both } = _a, props = __rest(_a, ["horizontal", "both"]);
|
|
20
|
+
export const CollapsibleContent = function CollapsibleContent(_a) {
|
|
21
|
+
var { ref, horizontal, both } = _a, props = __rest(_a, ["ref", "horizontal", "both"]);
|
|
23
22
|
return (_jsx(CollapsibleContentBase, Object.assign({ "data-horizontal": horizontal, "data-both": both }, props, { ref: ref })));
|
|
24
|
-
}
|
|
23
|
+
};
|
|
25
24
|
export const CollapsibleTrigger = CollapsiblePrimitive.Trigger;
|
|
26
25
|
export const CollapsibleSimple = (_a) => {
|
|
27
26
|
var { horizontal, both, children } = _a, props = __rest(_a, ["horizontal", "both", "children"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AACb,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,CAAC,MAAM,eAAe,GAAG,oBAAoB,CAAC,IAAI,CAAC;AACzD,MAAM,sBAAsB,GAAG,aAAa,CAC3C,oBAAoB,CAAC,OAAO,EAC5B,iBAAiB,EACjB,wPAAwP,EACxP,0RAA0R,EAC1R,kQAAkQ,CAClQ,CAAC;AACF,4DAA4D;AAC5D,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,kBAAkB,CAAC,EAS7D;QAT6D,EAC7D,GAAG,EACH,UAAU,EACV,IAAI,OAMJ,EALG,KAAK,cAJqD,6BAK7D,CADQ;IAMR,OAAO,CACN,KAAC,sBAAsB,qCACL,UAAU,eAChB,IAAI,IACX,KAAK,IACT,GAAG,EAAE,GAAG,IACP,CACF,CAAC;AACH,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,OAAO,CAAC;AAE/D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAQjC,EAAE,EAAE;QAR6B,EACjC,UAAU,EACV,IAAI,EACJ,QAAQ,OAKR,EAJG,KAAK,cAJyB,kCAKjC,CADQ;IAIH,OAAA,CACL,KAAC,eAAe,oBAAK,KAAK,cACzB,KAAC,kBAAkB,IAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,YACpD,QAAQ,GACW,IACJ,CAClB,CAAA;CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACzD,OAAO,EAAE,kBAAkB;IAC3B,OAAO,EAAE,kBAAkB;IAC3B,MAAM,EAAE,iBAAiB;CACzB,CAAC,CAAC"}
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
2
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
2
3
|
export declare const ContextMenuRoot: import("react").FC<ContextMenuPrimitive.ContextMenuProps>;
|
|
3
|
-
export declare const ContextMenuContent:
|
|
4
|
+
export declare const ContextMenuContent: ({ ref, className, onClick, ...props }: ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> & {
|
|
5
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
6
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
4
7
|
export declare const ContextMenuArrow: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuArrowProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
5
8
|
export declare const ContextMenuItem: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
9
|
export declare const ContextMenuTrigger: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuTriggerProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
7
10
|
export declare const ContextMenu: import("react").FC<ContextMenuPrimitive.ContextMenuProps> & {
|
|
8
|
-
Content:
|
|
11
|
+
Content: ({ ref, className, onClick, ...props }: ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> & {
|
|
12
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
13
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
9
14
|
Arrow: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuArrowProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
10
15
|
Item: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
16
|
Trigger: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuTriggerProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -12,17 +12,16 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
};
|
|
13
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
14
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
15
|
-
import { forwardRef } from 'react';
|
|
16
|
-
import { withClassName } from '../../hooks/withClassName.js';
|
|
17
15
|
import classNames from 'clsx';
|
|
16
|
+
import { withClassName } from '../../hooks/withClassName.js';
|
|
18
17
|
export const ContextMenuRoot = ContextMenuPrimitive.Root;
|
|
19
|
-
export const ContextMenuContent =
|
|
20
|
-
var { className, onClick } = _a, props = __rest(_a, ["className", "onClick"]);
|
|
18
|
+
export const ContextMenuContent = function Content(_a) {
|
|
19
|
+
var { ref, className, onClick } = _a, props = __rest(_a, ["ref", "className", "onClick"]);
|
|
21
20
|
return (_jsx(ContextMenuPrimitive.Portal, { children: _jsx(ContextMenuPrimitive.Content, Object.assign({ className: classNames('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) => {
|
|
22
21
|
ev.stopPropagation();
|
|
23
22
|
onClick === null || onClick === void 0 ? void 0 : onClick(ev);
|
|
24
23
|
}, ref: ref }, props)) }));
|
|
25
|
-
}
|
|
24
|
+
};
|
|
26
25
|
export const ContextMenuArrow = withClassName(ContextMenuPrimitive.Arrow, 'fill-white');
|
|
27
26
|
export const ContextMenuItem = 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');
|
|
28
27
|
export const ContextMenuTrigger = withClassName(ContextMenuPrimitive.Trigger, '');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"contextMenu.js","sourceRoot":"","sources":["../../../../src/components/contextMenu/contextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,
|
|
1
|
+
{"version":3,"file":"contextMenu.js","sourceRoot":"","sources":["../../../../src/components/contextMenu/contextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,CAAC,MAAM,eAAe,GAAG,oBAAoB,CAAC,IAAI,CAAC;AAEzD,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,OAAO,CAAC,EAOlD;QAPkD,EAClD,GAAG,EACH,SAAS,EACT,OAAO,OAIP,EAHG,KAAK,cAJ0C,+BAKlD,CADQ;IAIR,OAAO,CACN,KAAC,oBAAoB,CAAC,MAAM,cAC3B,KAAC,oBAAoB,CAAC,OAAO,kBAC5B,SAAS,EAAE,UAAU,CACpB,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;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAC5C,oBAAoB,CAAC,KAAK,EAC1B,YAAY,CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,oBAAoB,CAAC,IAAI,EACzB,sFAAsF,EACtF,6IAA6I,CAC7I,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAC9C,oBAAoB,CAAC,OAAO,EAC5B,EAAE,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACzD,OAAO,EAAE,kBAAkB;IAC3B,KAAK,EAAE,gBAAgB;IACvB,IAAI,EAAE,eAAe;IACrB,OAAO,EAAE,kBAAkB;CAC3B,CAAC,CAAC"}
|
|
@@ -1,38 +1,56 @@
|
|
|
1
1
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
2
2
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
width?: "
|
|
3
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
4
|
+
export declare const Content: ({ ref, children, width, outerClassName, className, disableSheet, ...props }: ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
|
|
5
|
+
width?: "sm" | "md" | "lg";
|
|
6
6
|
disableSheet?: boolean;
|
|
7
|
-
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
-
export declare const DialogSwipeHandle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
|
-
export declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
10
|
-
export declare const DialogContent: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
11
7
|
outerClassName?: string;
|
|
12
|
-
|
|
8
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
9
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare const DialogSwipeHandle: ({ ref, className, ...props }: ComponentPropsWithoutRef<"div"> & {
|
|
11
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
12
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
14
|
+
export declare const DialogContent: ({ ref, children, width, outerClassName, className, disableSheet, ...props }: ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
|
|
15
|
+
width?: "sm" | "md" | "lg";
|
|
13
16
|
disableSheet?: boolean;
|
|
14
|
-
|
|
17
|
+
outerClassName?: string;
|
|
18
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
19
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
15
20
|
export declare const DialogTitle: import("react").FunctionComponent<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
16
21
|
export declare const DialogDescription: import("react").FunctionComponent<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
17
|
-
export declare const DialogClose:
|
|
22
|
+
export declare const DialogClose: ({ ref, asChild, children, ...props }: DialogPrimitive.DialogCloseProps & {
|
|
23
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
24
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
18
25
|
export type { DialogProps } from '@radix-ui/react-dialog';
|
|
19
26
|
export declare const DialogActions: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
20
|
-
export declare const DialogSelectTrigger:
|
|
27
|
+
export declare const DialogSelectTrigger: ({ ref, children, className, ...props }: DialogPrimitive.DialogTriggerProps & {
|
|
28
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
29
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
21
30
|
export declare const DialogSelectList: import("react").FunctionComponent<RadioGroupPrimitive.RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
22
31
|
export declare const DialogSelectItemRoot: import("react").FunctionComponent<RadioGroupPrimitive.RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
23
|
-
export declare const DialogSelectItem:
|
|
32
|
+
export declare const DialogSelectItem: ({ ref, children, ...props }: ComponentPropsWithoutRef<typeof DialogSelectItemRoot> & {
|
|
33
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
34
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
24
35
|
export declare const Dialog: ((props: DialogPrimitive.DialogProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
25
36
|
Trigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
26
|
-
Content:
|
|
27
|
-
|
|
28
|
-
width?: "lg" | "md" | "sm";
|
|
37
|
+
Content: ({ ref, children, width, outerClassName, className, disableSheet, ...props }: ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
|
|
38
|
+
width?: "sm" | "md" | "lg";
|
|
29
39
|
disableSheet?: boolean;
|
|
30
|
-
|
|
40
|
+
outerClassName?: string;
|
|
41
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
42
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
31
43
|
Title: import("react").FunctionComponent<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
32
44
|
Description: import("react").FunctionComponent<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
33
|
-
Close:
|
|
45
|
+
Close: ({ ref, asChild, children, ...props }: DialogPrimitive.DialogCloseProps & {
|
|
46
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
47
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
34
48
|
Actions: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
35
|
-
SelectTrigger:
|
|
49
|
+
SelectTrigger: ({ ref, children, className, ...props }: DialogPrimitive.DialogTriggerProps & {
|
|
50
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
51
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
36
52
|
SelectList: import("react").FunctionComponent<RadioGroupPrimitive.RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
37
|
-
SelectItem:
|
|
53
|
+
SelectItem: ({ ref, children, ...props }: ComponentPropsWithoutRef<typeof DialogSelectItemRoot> & {
|
|
54
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
55
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
38
56
|
};
|