@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
|
@@ -17,7 +17,7 @@ import { CheckIcon, ChevronDownIcon } from '@radix-ui/react-icons';
|
|
|
17
17
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
18
18
|
import { useDrag } from '@use-gesture/react';
|
|
19
19
|
import classNames from 'clsx';
|
|
20
|
-
import { createContext,
|
|
20
|
+
import { createContext, useCallback, useContext, useRef, useState, } from 'react';
|
|
21
21
|
import useMergedRef from '../../hooks/useMergedRef.js';
|
|
22
22
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
23
23
|
import { Button } from '../button/index.js';
|
|
@@ -29,8 +29,8 @@ const StyledContent = withClassName(DialogPrimitive.Content, 'layer-components:z
|
|
|
29
29
|
const sheetClassNames = classNames('layer-variants:lt-sm:translate-0 layer-variants:lt-sm:left-0 layer-variants:lt-sm:right-0 layer-variants:lt-sm:top-auto layer-variants:lt-sm:h-min-content layer-variants:lt-sm:rounded-tl-xl layer-variants:lt-sm:rounded-tr-xl layer-variants:lt-sm:rounded-b-0 layer-variants:lt-sm:p-6 layer-variants:lt-sm:pt-8 layer-variants:lt-sm:w-full layer-variants:lt-sm:max-w-none layer-variants:lt-sm:pb-[calc(3rem+env(safe-area-inset-bottom,0px))] layer-variants:lt-sm:border-b-0', 'layer-variants:lt-sm:animate-ease-in layer-variants:lt-sm:animate-fade-in-up layer-variants:lt-sm:[&[data-state=closed]]:animate-fade-out-down');
|
|
30
30
|
const sheetClassNameWithOverlayKeyboard = classNames('layer-variants:lt-sm:bottom-[calc(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px))+var(--gesture-y,0px))] layer-variants:lt-sm:max-h-[calc(95vh-var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px)))]');
|
|
31
31
|
const sheetClassNameWithDisplaceKeyboard = classNames('layer-variants:lt-sm:bottom-[calc(var(--viewport-bottom-offset,0px)+var(--gesture-y,0px))] layer-variants:lt-sm:max-h-[calc(0.85*var(--viewport-height,100vh))]');
|
|
32
|
-
export const Content =
|
|
33
|
-
var { children, width, outerClassName, className, disableSheet } = _a, props = __rest(_a, ["children", "width", "outerClassName", "className", "disableSheet"]);
|
|
32
|
+
export const Content = function Content(_a) {
|
|
33
|
+
var { ref, children, width, outerClassName, className, disableSheet } = _a, props = __rest(_a, ["ref", "children", "width", "outerClassName", "className", "disableSheet"]);
|
|
34
34
|
const particles = useParticles();
|
|
35
35
|
const wasOpenRef = useRef(false);
|
|
36
36
|
const openRef = useCallback((element) => {
|
|
@@ -86,9 +86,9 @@ export const Content = forwardRef(function Content(_a, ref) {
|
|
|
86
86
|
sheetClassNameWithOverlayKeyboard, !disableSheet &&
|
|
87
87
|
virtualKeyboardBehavior === 'displace' &&
|
|
88
88
|
sheetClassNameWithDisplaceKeyboard, outerClassName || className), children: [!disableSheet && _jsx(DialogSwipeHandle, {}), children] }))] }));
|
|
89
|
-
}
|
|
90
|
-
export const DialogSwipeHandle =
|
|
91
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
89
|
+
};
|
|
90
|
+
export const DialogSwipeHandle = function DialogSwipeHandle(_a) {
|
|
91
|
+
var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
|
|
92
92
|
const close = useContext(DialogCloseContext);
|
|
93
93
|
const innerRef = useRef(null);
|
|
94
94
|
useDrag(({ swipe: [, swipeY], movement: [, dy], velocity: [, vy], last }) => {
|
|
@@ -110,7 +110,7 @@ export const DialogSwipeHandle = forwardRef(function DialogSwipeHandle(_a, ref)
|
|
|
110
110
|
});
|
|
111
111
|
const finalRef = useMergedRef(ref, innerRef);
|
|
112
112
|
return (_jsx("div", Object.assign({ ref: finalRef }, props, { className: classNames('absolute top-0 left-50% transform-gpu -translate-x-1/2 w-20% py-2 rounded-full cursor-grab sm:hidden touch-none', className), children: _jsx("div", { className: "w-full h-[4px] bg-gray-4 rounded-full" }) })));
|
|
113
|
-
}
|
|
113
|
+
};
|
|
114
114
|
function findParentDialogContent(element) {
|
|
115
115
|
if (!element)
|
|
116
116
|
return null;
|
|
@@ -140,21 +140,21 @@ export const DialogTrigger = DialogPrimitive.Trigger;
|
|
|
140
140
|
export const DialogContent = Content;
|
|
141
141
|
export const DialogTitle = StyledTitle;
|
|
142
142
|
export const DialogDescription = StyledDescription;
|
|
143
|
-
export const DialogClose =
|
|
144
|
-
var { asChild, children } = _a, props = __rest(_a, ["asChild", "children"]);
|
|
143
|
+
export const DialogClose = function DialogClose(_a) {
|
|
144
|
+
var { ref, asChild, children } = _a, props = __rest(_a, ["ref", "asChild", "children"]);
|
|
145
145
|
return (_jsx(DialogPrimitive.DialogClose, Object.assign({ asChild: true, ref: ref }, props, { children: asChild === true ? children : _jsx(Button, { children: children !== null && children !== void 0 ? children : 'Close' }) })));
|
|
146
|
-
}
|
|
146
|
+
};
|
|
147
147
|
export const DialogActions = withClassName('div', 'flex justify-end sticky w-full gap-3 items-center bg-white py-4 translate-y-6 flex-wrap', 'bottom--6', 'sm:bottom-0');
|
|
148
|
-
export const DialogSelectTrigger =
|
|
149
|
-
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
|
148
|
+
export const DialogSelectTrigger = function DialogSelectTrigger(_a) {
|
|
149
|
+
var { ref, children, className } = _a, props = __rest(_a, ["ref", "children", "className"]);
|
|
150
150
|
return (_jsxs(DialogPrimitive.Trigger, Object.assign({ className: classNames(selectTriggerClassName, className) }, props, { children: [_jsx("span", { children: children }), _jsx(ChevronDownIcon, {})] })));
|
|
151
|
-
}
|
|
151
|
+
};
|
|
152
152
|
export const DialogSelectList = withClassName(RadioGroupPrimitive.Root, 'flex flex-col gap-2 overflow-y-auto p-2');
|
|
153
153
|
export const DialogSelectItemRoot = withClassName(RadioGroupPrimitive.Item, 'flex items-center gap-3 w-full py-3 px-4 text-left border-none rounded-lg font-normal bg-transparent [&:nth-child(2n+1)]:bg-gray-blend cursor-pointer transition-all', '[&[data-state=checked]]:bg-primary-wash [&[data-state=checked]]:text-primary-dark');
|
|
154
|
-
export const DialogSelectItem =
|
|
155
|
-
var { children } = _a, props = __rest(_a, ["children"]);
|
|
154
|
+
export const DialogSelectItem = function DialogSelectItem(_a) {
|
|
155
|
+
var { ref, children } = _a, props = __rest(_a, ["ref", "children"]);
|
|
156
156
|
return (_jsxs(DialogSelectItemRoot, Object.assign({}, props, { children: [_jsx("span", { className: "flex-1", children: children }), _jsx(RadioGroupPrimitive.Indicator, { className: "flex-0-0-auto", children: _jsx(CheckIcon, {}) })] })));
|
|
157
|
-
}
|
|
157
|
+
};
|
|
158
158
|
export const Dialog = Object.assign(DialogRoot, {
|
|
159
159
|
Trigger: DialogTrigger,
|
|
160
160
|
Content,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAEN,aAAa,EACb,
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,18 +4,25 @@ declare const meta: {
|
|
|
4
4
|
title: string;
|
|
5
5
|
component: ((props: import("@radix-ui/react-dialog").DialogProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
6
6
|
Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
7
|
-
Content: import("react").ForwardRefExoticComponent<
|
|
8
|
-
|
|
9
|
-
width?: "lg" | "md" | "sm";
|
|
7
|
+
Content: ({ ref, children, width, outerClassName, className, disableSheet, ...props }: import("react").ComponentPropsWithoutRef<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>>> & {
|
|
8
|
+
width?: "sm" | "md" | "lg";
|
|
10
9
|
disableSheet?: boolean;
|
|
11
|
-
|
|
10
|
+
outerClassName?: string;
|
|
11
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
12
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
12
13
|
Title: import("react").FunctionComponent<import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
13
14
|
Description: import("react").FunctionComponent<import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
14
|
-
Close:
|
|
15
|
+
Close: ({ ref, asChild, children, ...props }: import("@radix-ui/react-dialog").DialogCloseProps & {
|
|
16
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
17
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
15
18
|
Actions: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
16
|
-
SelectTrigger:
|
|
19
|
+
SelectTrigger: ({ ref, children, className, ...props }: import("@radix-ui/react-dialog").DialogTriggerProps & {
|
|
20
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
21
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
17
22
|
SelectList: import("react").FunctionComponent<import("@radix-ui/react-radio-group").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
18
|
-
SelectItem: import("react").
|
|
23
|
+
SelectItem: ({ ref, children, ...props }: import("react").ComponentPropsWithoutRef<typeof import("./Dialog.js").DialogSelectItemRoot> & {
|
|
24
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
25
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
19
26
|
};
|
|
20
27
|
argTypes: {};
|
|
21
28
|
parameters: {
|
|
@@ -3,4 +3,6 @@ export interface DividerProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
3
3
|
compensate?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
4
4
|
padded?: boolean;
|
|
5
5
|
}
|
|
6
|
-
export declare const Divider:
|
|
6
|
+
export declare const Divider: ({ ref, compensate, padded, className, ...props }: DividerProps & {
|
|
7
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
8
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -11,15 +11,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
return t;
|
|
12
12
|
};
|
|
13
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
-
import { forwardRef } from 'react';
|
|
15
|
-
import { withClassName } from '../../hooks/withClassName.js';
|
|
16
14
|
import classNames from 'clsx';
|
|
15
|
+
import { withClassName } from '../../hooks/withClassName.js';
|
|
17
16
|
const DividerBase = withClassName('div', 'w-full h-1px bg-black relative');
|
|
18
|
-
export const Divider =
|
|
19
|
-
var { compensate, padded, className } = _a, props = __rest(_a, ["compensate", "padded", "className"]);
|
|
17
|
+
export const Divider = function Divider(_a) {
|
|
18
|
+
var { ref, compensate, padded, className } = _a, props = __rest(_a, ["ref", "compensate", "padded", "className"]);
|
|
20
19
|
return (_jsx(DividerBase, Object.assign({ ref: ref, style: {
|
|
21
20
|
left: compensate ? `calc(${compensate} * 0.25rem)` : undefined,
|
|
22
21
|
width: compensate ? `calc(100% - ${compensate} * 0.5rem)` : undefined,
|
|
23
22
|
} }, props, { className: classNames(padded && 'my-4', className) })));
|
|
24
|
-
}
|
|
23
|
+
};
|
|
25
24
|
//# sourceMappingURL=Divider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../src/components/divider/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../src/components/divider/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,WAAW,GAAG,aAAa,CAAC,KAAK,EAAE,gCAAgC,CAAC,CAAC;AAO3E,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,OAAO,CAAC,EAQvC;QARuC,EACvC,GAAG,EACH,UAAU,EACV,MAAM,EACN,SAAS,OAIT,EAHG,KAAK,cAL+B,4CAMvC,CADQ;IAIR,OAAO,CACN,KAAC,WAAW,kBACX,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACN,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,UAAU,aAAa,CAAC,CAAC,CAAC,SAAS;YAC9D,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,eAAe,UAAU,YAAY,CAAC,CAAC,CAAC,SAAS;SACrE,IACG,KAAK,IACT,SAAS,EAAE,UAAU,CAAC,MAAM,IAAI,MAAM,EAAE,SAAS,CAAC,IACjD,CACF,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -4,7 +4,9 @@ export interface DropdownMenuItemProps extends DropdownMenuPrimitive.DropdownMen
|
|
|
4
4
|
}
|
|
5
5
|
export declare const DropdownMenuRoot: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
6
6
|
export declare const DropdownMenuTrigger: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
7
|
-
export declare const DropdownMenuItem:
|
|
7
|
+
export declare const DropdownMenuItem: ({ ref: forwardedRef, className, color, ...props }: DropdownMenuItemProps & {
|
|
8
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
9
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
8
10
|
export declare const DropdownMenuCheckboxItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
11
|
export declare const DropdownMenuRadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
12
|
export declare const DropdownMenuRadioItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -21,7 +23,9 @@ export declare const DropdownMenu: import("react").FC<DropdownMenuPrimitive.Drop
|
|
|
21
23
|
forceMount?: boolean;
|
|
22
24
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
23
25
|
Trigger: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
24
|
-
Item:
|
|
26
|
+
Item: ({ ref: forwardedRef, className, color, ...props }: DropdownMenuItemProps & {
|
|
27
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
28
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
25
29
|
CheckboxItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
26
30
|
RadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
27
31
|
RadioItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -14,16 +14,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
14
14
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
15
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
16
16
|
import classNames, { clsx } from 'clsx';
|
|
17
|
-
import { forwardRef } from 'react';
|
|
18
17
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
19
18
|
const StyledContent = withClassName(DropdownMenuPrimitive.Content, 'min-w-220px bg-white z-menu shadow-lg rounded-xl border-default', 'layer-components:transform-origin-[var(--radix-dropdown-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-dropdown-menu-content-available-height)]', 'important:motion-reduce:animate-none', 'will-change-transform');
|
|
20
19
|
const itemClassName = classNames('layer-components:text-md layer-components:leading-4 layer-components:color-black layer-components:rounded-sm layer-components:flex layer-components:items-center layer-components:pr-4 layer-components:pl-8 layer-components:py-3 layer-components:relative layer-components:text-left layer-components:select-none layer-components:cursor-pointer', 'layer-components:[&[data-disabled]]:color-gray9 layer-components:[&[data-disabled]]:pointer-events-none', 'layer-components:focus-visible:bg-gray2 layer-components:focus-visible:color-gray9', 'layer-components:focus:outline-none');
|
|
21
20
|
const StyledItemBase = withClassName(DropdownMenuPrimitive.Item, itemClassName);
|
|
22
|
-
const StyledItem =
|
|
23
|
-
var { className, color } = _a, props = __rest(_a, ["className", "color"]);
|
|
21
|
+
const StyledItem = (_a) => {
|
|
22
|
+
var { ref: forwardedRef, className, color } = _a, props = __rest(_a, ["ref", "className", "color"]);
|
|
24
23
|
return (_jsx(StyledItemBase, Object.assign({}, props, { className: clsx(color === 'destructive' &&
|
|
25
24
|
'layer-variants:text-attention-dark layer-variants:hover:bg-attention-wash layer-variants:focus-visible:bg-attention-wash', className), ref: forwardedRef })));
|
|
26
|
-
}
|
|
25
|
+
};
|
|
27
26
|
const StyledCheckboxItem = withClassName(DropdownMenuPrimitive.CheckboxItem, itemClassName);
|
|
28
27
|
const StyledRadioItem = withClassName(DropdownMenuPrimitive.RadioItem, itemClassName);
|
|
29
28
|
const StyledLabel = withClassName(DropdownMenuPrimitive.Label, 'pl-25px text-md leading-6 color-gray-9');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,9 @@ declare const meta: {
|
|
|
7
7
|
forceMount?: boolean;
|
|
8
8
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
Trigger: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
10
|
-
Item:
|
|
10
|
+
Item: ({ ref: forwardedRef, className, color, ...props }: import("./DropdownMenu.js").DropdownMenuItemProps & {
|
|
11
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
12
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
11
13
|
CheckboxItem: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
14
|
RadioGroup: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
13
15
|
RadioItem: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -13,7 +13,9 @@ export type TextFieldProps = {
|
|
|
13
13
|
autoFocusDelay?: number;
|
|
14
14
|
inputRef?: Ref<HTMLInputElement>;
|
|
15
15
|
} & ComponentProps<typeof Input>;
|
|
16
|
-
export declare const TextField:
|
|
16
|
+
export declare const TextField: ({ ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId, ...rest }: TextFieldProps & {
|
|
17
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
18
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
17
19
|
export type TextAreaFieldProps = {
|
|
18
20
|
name: string;
|
|
19
21
|
label?: string;
|
|
@@ -13,15 +13,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
13
13
|
};
|
|
14
14
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
15
|
import { useField, useFormikContext } from 'formik';
|
|
16
|
-
import { useEffect, useRef,
|
|
16
|
+
import { useCallback, useEffect, useRef, } from 'react';
|
|
17
|
+
import { withClassName } from '../../hooks.js';
|
|
18
|
+
import { useIdOrGenerated } from '../../hooks/useIdOrGenerated.js';
|
|
17
19
|
import useMergedRef from '../../hooks/useMergedRef.js';
|
|
18
20
|
import { Input } from '../input/Input.js';
|
|
19
21
|
import { TextArea } from '../textArea/TextArea.js';
|
|
20
|
-
import { withClassName } from '../../hooks.js';
|
|
21
|
-
import { useIdOrGenerated } from '../../hooks/useIdOrGenerated.js';
|
|
22
22
|
const emptyRef = (() => { });
|
|
23
|
-
export const TextField =
|
|
24
|
-
var { name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId } = _a, rest = __rest(_a, ["name", "label", "className", "autoFocusDelay", "autoFocus", "inputRef", "onChange", "onFocus", "onBlur", "id"]);
|
|
23
|
+
export const TextField = function TextField(_a) {
|
|
24
|
+
var { ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId } = _a, rest = __rest(_a, ["ref", "name", "label", "className", "autoFocusDelay", "autoFocus", "inputRef", "onChange", "onFocus", "onBlur", "id"]);
|
|
25
25
|
const [props] = useField({
|
|
26
26
|
name,
|
|
27
27
|
onChange,
|
|
@@ -39,7 +39,7 @@ export const TextField = forwardRef(function TextField(_a, ref) {
|
|
|
39
39
|
}
|
|
40
40
|
}, [autoFocusDelay]);
|
|
41
41
|
return (_jsxs(FieldRoot, { className: className, ref: ref, children: [label && _jsx(FieldLabel, { htmlFor: id, children: label }), _jsx(Input, Object.assign({}, props, rest, { id: id, autoFocus: autoFocus, ref: useMergedRef(innerInputRef, inputRef || emptyRef) }))] }));
|
|
42
|
-
}
|
|
42
|
+
};
|
|
43
43
|
export function TextAreaField(_a) {
|
|
44
44
|
var { name, label, className, inputRef, onKeyDown, submitOnEnter, id: providedId } = _a, rest = __rest(_a, ["name", "label", "className", "inputRef", "onKeyDown", "submitOnEnter", "id"]);
|
|
45
45
|
const [props] = useField(name);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,4 +4,6 @@ export interface IconProps extends HTMLAttributes<SVGSVGElement> {
|
|
|
4
4
|
name: IconName;
|
|
5
5
|
size?: number;
|
|
6
6
|
}
|
|
7
|
-
export declare const Icon:
|
|
7
|
+
export declare const Icon: ({ ref, name, size, className, ...rest }: IconProps & {
|
|
8
|
+
ref?: React.Ref<SVGSVGElement>;
|
|
9
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -11,10 +11,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
return t;
|
|
12
12
|
};
|
|
13
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
-
import { forwardRef } from 'react';
|
|
15
14
|
import classNames from 'clsx';
|
|
16
|
-
export const Icon =
|
|
17
|
-
var { name, size = 15, className } = _a, rest = __rest(_a, ["name", "size", "className"]);
|
|
15
|
+
export const Icon = function Icon(_a) {
|
|
16
|
+
var { ref, name, size = 15, className } = _a, rest = __rest(_a, ["ref", "name", "size", "className"]);
|
|
18
17
|
return (_jsx("svg", Object.assign({ ref: ref, className: classNames('flex-shrink-0 layer-components:fill-none', className), width: size, height: size }, rest, { children: _jsx("use", { xlinkHref: `#icon-${name}` }) })));
|
|
19
|
-
}
|
|
18
|
+
};
|
|
20
19
|
//# sourceMappingURL=Icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAS9B,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,IAAI,CAAC,EAQjC;QARiC,EACjC,GAAG,EACH,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,SAAS,OAIT,EAHG,IAAI,cAL0B,oCAMjC,CADO;IAIP,OAAO,CACN,4BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACpB,0CAA0C,EAC1C,SAAS,CACT,EACD,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,IACR,IAAI,cAER,cAAK,SAAS,EAAE,SAAS,IAAI,EAAE,GAAI,IAC9B,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -4,4 +4,6 @@ export interface InfiniteLoadTriggerProps {
|
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
onVisible?: () => void;
|
|
6
6
|
}
|
|
7
|
-
export declare const InfiniteLoadTrigger:
|
|
7
|
+
export declare const InfiniteLoadTrigger: ({ ref, className, onVisible, ...rest }: InfiniteLoadTriggerProps & {
|
|
8
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
9
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -11,12 +11,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
return t;
|
|
12
12
|
};
|
|
13
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
-
import { forwardRef, useEffect, useRef } from 'react';
|
|
15
14
|
import classNames from 'clsx';
|
|
16
|
-
import
|
|
15
|
+
import { useEffect, useRef } from 'react';
|
|
17
16
|
import { useStableCallback } from '../../hooks.js';
|
|
18
|
-
|
|
19
|
-
|
|
17
|
+
import useMergedRef from '../../hooks/useMergedRef.js';
|
|
18
|
+
export const InfiniteLoadTrigger = function InfiniteLoadTrigger(_a) {
|
|
19
|
+
var { ref, className, onVisible } = _a, rest = __rest(_a, ["ref", "className", "onVisible"]);
|
|
20
20
|
const innerRef = useRef(null);
|
|
21
21
|
const stableOnVisible = useStableCallback(onVisible);
|
|
22
22
|
useEffect(() => {
|
|
@@ -31,5 +31,5 @@ export const InfiniteLoadTrigger = forwardRef(function InfiniteLoadTrigger(_a, r
|
|
|
31
31
|
};
|
|
32
32
|
}, [stableOnVisible]);
|
|
33
33
|
return (_jsx("div", Object.assign({ ref: useMergedRef(ref, innerRef), className: classNames('flex flex-col items-center', className) }, rest)));
|
|
34
|
-
}
|
|
34
|
+
};
|
|
35
35
|
//# sourceMappingURL=InfiniteLoadTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfiniteLoadTrigger.js","sourceRoot":"","sources":["../../../../src/components/infiniteLoadTrigger/InfiniteLoadTrigger.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"InfiniteLoadTrigger.js","sourceRoot":"","sources":["../../../../src/components/infiniteLoadTrigger/InfiniteLoadTrigger.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAa,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,YAAY,MAAM,6BAA6B,CAAC;AAQvD,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,mBAAmB,CAAC,EAO/D;QAP+D,EAC/D,GAAG,EACH,SAAS,EACT,SAAS,OAIT,EAHG,IAAI,cAJwD,iCAK/D,CADO;IAIP,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE9C,MAAM,eAAe,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACrD,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,EAAE;YACrD,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC;gBAC/B,eAAe,EAAE,CAAC;YACnB,CAAC;QACF,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAQ,CAAC,CAAC;QACpC,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,UAAU,EAAE,CAAC;QACvB,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACN,4BACC,GAAG,EAAE,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,EAChC,SAAS,EAAE,UAAU,CAAC,4BAA4B,EAAE,SAAS,CAAC,IAC1D,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -10,4 +10,6 @@ export interface InputProps extends ComponentProps<'input'> {
|
|
|
10
10
|
placeholdersIntervalMs?: number;
|
|
11
11
|
onValueChange?: (value: string) => void;
|
|
12
12
|
}
|
|
13
|
-
export declare const Input:
|
|
13
|
+
export declare const Input: ({ ref, className, autoSelect, onFocus, onChange, onValueChange, variant: _, asChild, placeholders, placeholder, placeholdersIntervalMs, ...props }: InputProps & {
|
|
14
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
15
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -13,11 +13,11 @@ 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 {
|
|
16
|
+
import { useCallback } from 'react';
|
|
17
17
|
import { useRotatingShuffledValue } from '../../hooks/useRotatingShuffledValue.js';
|
|
18
18
|
export const inputClassName = classNames('layer-components:px-5 layer-components:py-[5px] layer-components:text-md layer-components:font-sans layer-components:rounded-20px layer-components:bg-white layer-components:select-auto layer-components:min-w-60px layer-components:color-black layer-components:border-solid layer-components:border-1 layer-components:border-gray-5 layer-components:shadow-sm-inset', 'layer-components:focus:outline-none layer-components:focus:bg-gray-1 layer-components:focus:ring-4 layer-components:focus:ring-white', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring-gray-dark-blend', 'layer-components:md:min-w-120px');
|
|
19
|
-
export const Input =
|
|
20
|
-
var { className, autoSelect, onFocus, onChange, onValueChange, variant: _, asChild, placeholders, placeholder, placeholdersIntervalMs = 5000 } = _a, props = __rest(_a, ["className", "autoSelect", "onFocus", "onChange", "onValueChange", "variant", "asChild", "placeholders", "placeholder", "placeholdersIntervalMs"]);
|
|
19
|
+
export const Input = function Input(_a) {
|
|
20
|
+
var { ref, className, autoSelect, onFocus, onChange, onValueChange, variant: _, asChild, placeholders, placeholder, placeholdersIntervalMs = 5000 } = _a, props = __rest(_a, ["ref", "className", "autoSelect", "onFocus", "onChange", "onValueChange", "variant", "asChild", "placeholders", "placeholder", "placeholdersIntervalMs"]);
|
|
21
21
|
const handleFocus = useCallback((ev) => {
|
|
22
22
|
if (autoSelect) {
|
|
23
23
|
ev.target.select();
|
|
@@ -31,5 +31,5 @@ export const Input = forwardRef(function Input(_a, ref) {
|
|
|
31
31
|
const randomPlaceholder = useRotatingShuffledValue(placeholders !== null && placeholders !== void 0 ? placeholders : [], placeholdersIntervalMs);
|
|
32
32
|
const Component = asChild ? Slot : 'input';
|
|
33
33
|
return (_jsx(Component, Object.assign({}, props, { onFocus: handleFocus, onChange: handleChange, className: classNames(inputClassName, className), ref: ref, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : randomPlaceholder })));
|
|
34
|
-
}
|
|
34
|
+
};
|
|
35
35
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAA2C,WAAW,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AAEnF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACvC,iKAAiK,EACjK,mEAAmE,EACnE,oEAAoE,EACpE,mCAAmC,CACnC,CAAC;AAaF,MAAM,CAAC,MAAM,KAAK,GAAG,SAAS,KAAK,CAAC,EAenC;QAfmC,EACnC,GAAG,EACH,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,EACR,aAAa,EACb,OAAO,EAAE,CAAC,EACV,OAAO,EACP,YAAY,EACZ,WAAW,EACX,sBAAsB,GAAG,IAAI,OAI7B,EAHG,KAAK,cAZ2B,yJAanC,CADQ;IAIR,MAAM,WAAW,GAAG,WAAW,CAC9B,CAAC,EAAgC,EAAE,EAAE;QACpC,IAAI,UAAU,EAAE,CAAC;YAChB,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACpB,CAAC;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;IACf,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACrB,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC/B,CAAC,EAAiC,EAAE,EAAE;QACrC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACjC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,EAAE,CAAC,CAAC;IAChB,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,CAAC,CACzB,CAAC;IAEF,MAAM,iBAAiB,GAAG,wBAAwB,CACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;IAE3C,OAAO,CACN,KAAC,SAAS,oBACL,KAAK,IACT,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,EAChD,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,IAC5C,CACF,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -2,7 +2,9 @@ import type { StoryObj } from '@storybook/react';
|
|
|
2
2
|
import { Input } from './Input.js';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component:
|
|
5
|
+
component: ({ ref, className, autoSelect, onFocus, onChange, onValueChange, variant: _, asChild, placeholders, placeholder, placeholdersIntervalMs, ...props }: import("./Input.js").InputProps & {
|
|
6
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
7
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
6
8
|
argTypes: {};
|
|
7
9
|
parameters: {
|
|
8
10
|
controls: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FocusEvent, KeyboardEventHandler, MouseEventHandler } from 'react';
|
|
1
|
+
import { FocusEvent, KeyboardEventHandler, MouseEventHandler, Ref } from 'react';
|
|
2
2
|
import { InputProps } from '../input/Input.js';
|
|
3
3
|
export type LiveUpdateTextFieldProps = {
|
|
4
4
|
value: string;
|
|
@@ -18,6 +18,7 @@ export type LiveUpdateTextFieldProps = {
|
|
|
18
18
|
onKeyDown?: KeyboardEventHandler;
|
|
19
19
|
onKeyUp?: KeyboardEventHandler;
|
|
20
20
|
onClick?: MouseEventHandler;
|
|
21
|
+
ref?: Ref<HTMLInputElement | HTMLTextAreaElement>;
|
|
21
22
|
};
|
|
22
23
|
/**
|
|
23
24
|
* An extension of TextField which keeps a local realtime value in state and
|
|
@@ -26,4 +27,4 @@ export type LiveUpdateTextFieldProps = {
|
|
|
26
27
|
*
|
|
27
28
|
* This component is optimistic and will not respond to external changes while focused.
|
|
28
29
|
*/
|
|
29
|
-
export declare const LiveUpdateTextField:
|
|
30
|
+
export declare const LiveUpdateTextField: ({ ref, value, onChange, debounceMs, onFocus, onBlur, textArea, type, ...rest }: LiveUpdateTextFieldProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -12,8 +12,8 @@ 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, useCallback, useEffect, useMemo, useRef, useState, } from 'react';
|
|
16
15
|
import { debounce } from '@a-type/utils';
|
|
16
|
+
import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
|
|
17
17
|
import { Input } from '../input/Input.js';
|
|
18
18
|
import { TextArea } from '../textArea/TextArea.js';
|
|
19
19
|
/**
|
|
@@ -23,8 +23,8 @@ import { TextArea } from '../textArea/TextArea.js';
|
|
|
23
23
|
*
|
|
24
24
|
* This component is optimistic and will not respond to external changes while focused.
|
|
25
25
|
*/
|
|
26
|
-
export const LiveUpdateTextField =
|
|
27
|
-
var { value, onChange, debounceMs = 500, onFocus, onBlur, textArea, type } = _a, rest = __rest(_a, ["value", "onChange", "debounceMs", "onFocus", "onBlur", "textArea", "type"]);
|
|
26
|
+
export const LiveUpdateTextField = function LiveUpdateTextField(_a) {
|
|
27
|
+
var { ref, value, onChange, debounceMs = 500, onFocus, onBlur, textArea, type } = _a, rest = __rest(_a, ["ref", "value", "onChange", "debounceMs", "onFocus", "onBlur", "textArea", "type"]);
|
|
28
28
|
const [displayValue, setDisplayValue] = useState(value || '');
|
|
29
29
|
const ignoreUpdates = useRef(false);
|
|
30
30
|
const didChange = useRef(false);
|
|
@@ -65,5 +65,5 @@ export const LiveUpdateTextField = forwardRef(function LiveUpdateTextField(_a, r
|
|
|
65
65
|
else {
|
|
66
66
|
return (_jsx(Input, Object.assign({ ref: ref, onFocus: handleFocus, onBlur: handleBlur, value: displayValue, onChange: handleChange, type: type }, rest)));
|
|
67
67
|
}
|
|
68
|
-
}
|
|
68
|
+
};
|
|
69
69
|
//# sourceMappingURL=LiveUpdateTextField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LiveUpdateTextField.js","sourceRoot":"","sources":["../../../../src/components/liveUpdateTextField/LiveUpdateTextField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,
|
|
1
|
+
{"version":3,"file":"LiveUpdateTextField.js","sourceRoot":"","sources":["../../../../src/components/liveUpdateTextField/LiveUpdateTextField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAMN,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,EAAc,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAuBnD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,mBAAmB,CAAC,EAUrC;QAVqC,EAC/D,GAAG,EACH,KAAK,EACL,QAAQ,EACR,UAAU,GAAG,GAAG,EAChB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,IAAI,OAEsB,EADvB,IAAI,cATwD,mFAU/D,CADO;IAEP,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAC9D,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACpC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEhC,MAAM,WAAW,GAAG,WAAW,CAC9B,CAAC,EAAsD,EAAE,EAAE;QAC1D,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;QACd,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;IAC9B,CAAC,EACD,CAAC,OAAO,CAAC,CACT,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAC7B,CAAC,EAAsD,EAAE,EAAE;QAC1D,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,EAAE,CAAC,CAAC;QACb,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;QAC9B,sDAAsD;QACtD,yCAAyC;QACzC,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACvB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,YAAY,CAAC,CAAC;QAC1B,CAAC;aAAM,CAAC;YACP,eAAe,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QAC9B,CAAC;QACD,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;IAC3B,CAAC,EACD,CAAC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,CAAC,CACvC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;YAC3B,OAAO;QACR,CAAC;QACD,eAAe,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,kDAAkD;IAClD,MAAM,iBAAiB,GAAG,OAAO,CAChC,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,EAAE,UAAU,CAAC,EAClD,CAAC,QAAQ,EAAE,UAAU,CAAC,CACtB,CAAC;IAEF,qDAAqD;IACrD,MAAM,YAAY,GAAG,WAAW,CAC/B,CAAC,EAAoB,EAAE,EAAE;QACxB,eAAe,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACjC,iBAAiB,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACnC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;IAC1B,CAAC,EACD,CAAC,iBAAiB,CAAC,CACnB,CAAC;IAEF,IAAI,QAAQ,EAAE,CAAC;QACd,OAAO,CACN,KAAC,QAAQ,kBACR,GAAG,EAAE,GAAU,EACf,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,QAAQ,UACJ,IAAI,EACP,CACF,CAAC;IACH,CAAC;SAAM,CAAC;QACP,OAAO,CACN,KAAC,KAAK,kBACL,GAAG,EAAE,GAAU,EACf,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,IACN,IAAI,EACP,CACF,CAAC;IACH,CAAC;AACF,CAAC,CAAC"}
|
|
@@ -6,5 +6,5 @@ export interface MarqueeProps {
|
|
|
6
6
|
}
|
|
7
7
|
export declare function Marquee({ className, children, timeout }: MarqueeProps): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export declare namespace Marquee {
|
|
9
|
-
var Item: import("react").FunctionComponent<
|
|
9
|
+
var Item: import("react").FunctionComponent<import("../utility/SlotDiv.js").SlotDivProps>;
|
|
10
10
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import { ReactNode, Ref } from 'react';
|
|
2
2
|
import { IconProps } from '../icon/index.js';
|
|
3
3
|
export declare const navBarItemClass: string;
|
|
4
4
|
export interface NavBarItemProps {
|
|
@@ -7,7 +7,9 @@ export interface NavBarItemProps {
|
|
|
7
7
|
children?: ReactNode;
|
|
8
8
|
active?: boolean;
|
|
9
9
|
}
|
|
10
|
-
export declare const NavBarItem:
|
|
10
|
+
export declare const NavBarItem: ({ ref, asChild, className, active, ...rest }: NavBarItemProps & {
|
|
11
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
12
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
11
13
|
export declare const NavBarItemIconWrapper: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
12
14
|
export declare const NavBarItemText: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
|
|
13
15
|
interface NavBarItemIconProps {
|
|
@@ -15,13 +17,16 @@ interface NavBarItemIconProps {
|
|
|
15
17
|
name?: IconProps['name'];
|
|
16
18
|
className?: string;
|
|
17
19
|
children?: ReactNode;
|
|
20
|
+
ref?: Ref<any>;
|
|
18
21
|
}
|
|
19
|
-
export declare const NavBarItemIcon:
|
|
22
|
+
export declare const NavBarItemIcon: ({ ref, children, asChild, className, name, ...rest }: NavBarItemIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
23
|
export declare const NavBarItemPip: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
21
24
|
export declare const NavBarRoot: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
22
25
|
export declare const NavBar: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>> & {
|
|
23
|
-
Item:
|
|
24
|
-
|
|
26
|
+
Item: ({ ref, asChild, className, active, ...rest }: NavBarItemProps & {
|
|
27
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
28
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
ItemIcon: ({ ref, children, asChild, className, name, ...rest }: NavBarItemIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
30
|
ItemText: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
|
|
26
31
|
ItemIconWrapper: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
27
32
|
ItemPip: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|