@nexus-cross/design-system 1.0.0
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/cursor-rules/nexus-project-setup.mdc +292 -0
- package/cursor-rules/nexus-ui-api.mdc +698 -0
- package/cursor-rules/nexus-ui-components.mdc +136 -0
- package/dist/accordion.d.mts +28 -0
- package/dist/accordion.d.ts +28 -0
- package/dist/accordion.js +28 -0
- package/dist/accordion.mjs +3 -0
- package/dist/avatar.d.mts +17 -0
- package/dist/avatar.d.ts +17 -0
- package/dist/avatar.js +16 -0
- package/dist/avatar.mjs +3 -0
- package/dist/button.d.mts +17 -0
- package/dist/button.d.ts +17 -0
- package/dist/button.js +16 -0
- package/dist/button.mjs +3 -0
- package/dist/carousel.d.mts +36 -0
- package/dist/carousel.d.ts +36 -0
- package/dist/carousel.js +32 -0
- package/dist/carousel.mjs +3 -0
- package/dist/checkbox.d.mts +21 -0
- package/dist/checkbox.d.ts +21 -0
- package/dist/checkbox.js +20 -0
- package/dist/checkbox.mjs +3 -0
- package/dist/chip.d.mts +16 -0
- package/dist/chip.d.ts +16 -0
- package/dist/chip.js +16 -0
- package/dist/chip.mjs +3 -0
- package/dist/chunks/chunk-22ULI3BF.js +21 -0
- package/dist/chunks/chunk-26BUGBOY.mjs +57 -0
- package/dist/chunks/chunk-2JTPRBHZ.mjs +36 -0
- package/dist/chunks/chunk-2MC7XJSE.js +98 -0
- package/dist/chunks/chunk-2RPRCWKV.mjs +139 -0
- package/dist/chunks/chunk-2ZXDXO4I.js +166 -0
- package/dist/chunks/chunk-33UFQJIO.mjs +135 -0
- package/dist/chunks/chunk-3HHJORN7.mjs +137 -0
- package/dist/chunks/chunk-3PCNRCTB.js +61 -0
- package/dist/chunks/chunk-3VFBPFZF.mjs +640 -0
- package/dist/chunks/chunk-4J3GCZ7W.mjs +102 -0
- package/dist/chunks/chunk-54IA2P2Z.mjs +40 -0
- package/dist/chunks/chunk-54RBL7J4.mjs +179 -0
- package/dist/chunks/chunk-5JHJNN2K.js +83 -0
- package/dist/chunks/chunk-5JHN4FCY.mjs +58 -0
- package/dist/chunks/chunk-6FMDO6TT.mjs +114 -0
- package/dist/chunks/chunk-6H7V2I3X.mjs +270 -0
- package/dist/chunks/chunk-7AISZYWL.js +7 -0
- package/dist/chunks/chunk-7G65JBTN.js +133 -0
- package/dist/chunks/chunk-ADO7PDLY.mjs +66 -0
- package/dist/chunks/chunk-AFSEYJZT.js +267 -0
- package/dist/chunks/chunk-AOXXE5UQ.mjs +14 -0
- package/dist/chunks/chunk-AZ2URLDD.js +39 -0
- package/dist/chunks/chunk-B6G5TJRO.js +116 -0
- package/dist/chunks/chunk-BLGQHR3M.js +56 -0
- package/dist/chunks/chunk-BPUQ2CO2.mjs +48 -0
- package/dist/chunks/chunk-BSZ2LN6E.js +129 -0
- package/dist/chunks/chunk-CA3SOLI3.mjs +78 -0
- package/dist/chunks/chunk-CSJDDREF.js +90 -0
- package/dist/chunks/chunk-CVYXRSXT.mjs +8 -0
- package/dist/chunks/chunk-CZC76ZD5.js +10 -0
- package/dist/chunks/chunk-D6FII7HW.js +202 -0
- package/dist/chunks/chunk-DLFV7ZZV.js +112 -0
- package/dist/chunks/chunk-DO6VK2QQ.mjs +108 -0
- package/dist/chunks/chunk-ECVAVQUY.mjs +243 -0
- package/dist/chunks/chunk-EHAUUUWB.mjs +120 -0
- package/dist/chunks/chunk-EVOOTSY5.js +59 -0
- package/dist/chunks/chunk-GX6GSWX3.mjs +38 -0
- package/dist/chunks/chunk-HHXDOKXY.js +108 -0
- package/dist/chunks/chunk-HNLI646G.mjs +325 -0
- package/dist/chunks/chunk-HUPAHDJ7.js +273 -0
- package/dist/chunks/chunk-I252NERB.mjs +21 -0
- package/dist/chunks/chunk-IE4DGLMH.js +75 -0
- package/dist/chunks/chunk-INP2AH3B.js +27 -0
- package/dist/chunks/chunk-IOSIQLZL.js +70 -0
- package/dist/chunks/chunk-J5ZKGPBY.js +132 -0
- package/dist/chunks/chunk-JNMCYWGY.js +10 -0
- package/dist/chunks/chunk-LI7SFBUQ.mjs +89 -0
- package/dist/chunks/chunk-LMMON5AU.mjs +81 -0
- package/dist/chunks/chunk-LOQXCHKL.js +74 -0
- package/dist/chunks/chunk-MA2VCCIY.js +71 -0
- package/dist/chunks/chunk-MCKOWMLS.mjs +8 -0
- package/dist/chunks/chunk-MRRKW5QN.mjs +108 -0
- package/dist/chunks/chunk-MTX7GD3H.js +80 -0
- package/dist/chunks/chunk-NFIPQZ4O.js +100 -0
- package/dist/chunks/chunk-NHDGKOAM.js +104 -0
- package/dist/chunks/chunk-OMN5YQCE.js +143 -0
- package/dist/chunks/chunk-OTGS6BDQ.mjs +25 -0
- package/dist/chunks/chunk-P2T72N62.mjs +34 -0
- package/dist/chunks/chunk-P3DZKXG4.js +116 -0
- package/dist/chunks/chunk-QK6NCII4.js +36 -0
- package/dist/chunks/chunk-QZ4QR3XV.mjs +142 -0
- package/dist/chunks/chunk-RS3SBY3I.js +163 -0
- package/dist/chunks/chunk-RX5UKRYK.mjs +76 -0
- package/dist/chunks/chunk-SGNRVYYQ.mjs +99 -0
- package/dist/chunks/chunk-SJMCPSVH.mjs +76 -0
- package/dist/chunks/chunk-T2IY2TSR.js +43 -0
- package/dist/chunks/chunk-U53UA76K.js +653 -0
- package/dist/chunks/chunk-U56AGSLE.mjs +106 -0
- package/dist/chunks/chunk-ULGYTBCT.mjs +47 -0
- package/dist/chunks/chunk-V5OTJP6H.mjs +5 -0
- package/dist/chunks/chunk-VGO4Z2WH.js +336 -0
- package/dist/chunks/chunk-VIGRCJAE.mjs +37 -0
- package/dist/chunks/chunk-VVXQZ4XH.mjs +93 -0
- package/dist/chunks/chunk-W4GG5A7K.mjs +51 -0
- package/dist/chunks/chunk-WKCXACMZ.js +99 -0
- package/dist/chunks/chunk-WR55D4ZS.js +80 -0
- package/dist/chunks/chunk-X2SHTVZQ.js +89 -0
- package/dist/chunks/chunk-XEHFB62A.js +82 -0
- package/dist/chunks/chunk-XG6QG65W.mjs +63 -0
- package/dist/chunks/chunk-YB5ZKHVB.js +64 -0
- package/dist/chunks/chunk-YCG4FZC3.js +167 -0
- package/dist/chunks/chunk-YEWKPWK3.mjs +80 -0
- package/dist/chunks/chunk-YLO4UKSC.mjs +48 -0
- package/dist/chunks/chunk-YZV6FWE7.js +160 -0
- package/dist/chunks/chunk-ZWSIIGA3.mjs +58 -0
- package/dist/client-only.d.mts +13 -0
- package/dist/client-only.d.ts +13 -0
- package/dist/client-only.js +11 -0
- package/dist/client-only.mjs +2 -0
- package/dist/countdown.d.mts +27 -0
- package/dist/countdown.d.ts +27 -0
- package/dist/countdown.js +16 -0
- package/dist/countdown.mjs +3 -0
- package/dist/counter.d.mts +15 -0
- package/dist/counter.d.ts +15 -0
- package/dist/counter.js +11 -0
- package/dist/counter.mjs +2 -0
- package/dist/data-list.d.mts +33 -0
- package/dist/data-list.d.ts +33 -0
- package/dist/data-list.js +14 -0
- package/dist/data-list.mjs +5 -0
- package/dist/divider.d.mts +14 -0
- package/dist/divider.d.ts +14 -0
- package/dist/divider.js +16 -0
- package/dist/divider.mjs +3 -0
- package/dist/drawer.d.mts +42 -0
- package/dist/drawer.d.ts +42 -0
- package/dist/drawer.js +44 -0
- package/dist/drawer.mjs +3 -0
- package/dist/ellipsis.d.mts +16 -0
- package/dist/ellipsis.d.ts +16 -0
- package/dist/ellipsis.js +12 -0
- package/dist/ellipsis.mjs +3 -0
- package/dist/error-boundary.d.mts +20 -0
- package/dist/error-boundary.d.ts +20 -0
- package/dist/error-boundary.js +11 -0
- package/dist/error-boundary.mjs +2 -0
- package/dist/hooks/useCheckDevice.d.mts +47 -0
- package/dist/hooks/useCheckDevice.d.ts +47 -0
- package/dist/hooks/useCheckDevice.js +8 -0
- package/dist/hooks/useCheckDevice.mjs +2 -0
- package/dist/hooks/useClickOutside.d.mts +12 -0
- package/dist/hooks/useClickOutside.d.ts +12 -0
- package/dist/hooks/useClickOutside.js +8 -0
- package/dist/hooks/useClickOutside.mjs +2 -0
- package/dist/hooks/useDraggableBottomSheet.d.mts +24 -0
- package/dist/hooks/useDraggableBottomSheet.d.ts +24 -0
- package/dist/hooks/useDraggableBottomSheet.js +11 -0
- package/dist/hooks/useDraggableBottomSheet.mjs +2 -0
- package/dist/hooks/useDraggableWindow.d.mts +21 -0
- package/dist/hooks/useDraggableWindow.d.ts +21 -0
- package/dist/hooks/useDraggableWindow.js +11 -0
- package/dist/hooks/useDraggableWindow.mjs +2 -0
- package/dist/hooks/useInView.d.mts +14 -0
- package/dist/hooks/useInView.d.ts +14 -0
- package/dist/hooks/useInView.js +17 -0
- package/dist/hooks/useInView.mjs +2 -0
- package/dist/hooks/useModal.d.mts +2 -0
- package/dist/hooks/useModal.d.ts +2 -0
- package/dist/hooks/useModal.js +11 -0
- package/dist/hooks/useModal.mjs +2 -0
- package/dist/index.d.mts +76 -0
- package/dist/index.d.ts +76 -0
- package/dist/index.js +746 -0
- package/dist/index.mjs +328 -0
- package/dist/infinite-scroll.d.mts +26 -0
- package/dist/infinite-scroll.d.ts +26 -0
- package/dist/infinite-scroll.js +12 -0
- package/dist/infinite-scroll.mjs +3 -0
- package/dist/marquee.d.mts +12 -0
- package/dist/marquee.d.ts +12 -0
- package/dist/marquee.js +12 -0
- package/dist/marquee.mjs +3 -0
- package/dist/modal/index.d.mts +87 -0
- package/dist/modal/index.d.ts +87 -0
- package/dist/modal/index.js +54 -0
- package/dist/modal/index.mjs +9 -0
- package/dist/number-input.d.mts +38 -0
- package/dist/number-input.d.ts +38 -0
- package/dist/number-input.js +20 -0
- package/dist/number-input.mjs +3 -0
- package/dist/pagination.d.mts +22 -0
- package/dist/pagination.d.ts +22 -0
- package/dist/pagination.js +20 -0
- package/dist/pagination.mjs +3 -0
- package/dist/popover.d.mts +25 -0
- package/dist/popover.d.ts +25 -0
- package/dist/popover.js +32 -0
- package/dist/popover.mjs +3 -0
- package/dist/radio-group.d.mts +29 -0
- package/dist/radio-group.d.ts +29 -0
- package/dist/radio-group.js +24 -0
- package/dist/radio-group.mjs +3 -0
- package/dist/schemas/_all.json +2250 -0
- package/dist/schemas/accordion.json +101 -0
- package/dist/schemas/avatar.json +55 -0
- package/dist/schemas/button.json +71 -0
- package/dist/schemas/carousel.json +32 -0
- package/dist/schemas/carouselButton.json +20 -0
- package/dist/schemas/carouselDots.json +17 -0
- package/dist/schemas/carouselSlide.json +20 -0
- package/dist/schemas/checkBox.json +57 -0
- package/dist/schemas/chip.json +49 -0
- package/dist/schemas/clientOnly.json +19 -0
- package/dist/schemas/countdown.json +58 -0
- package/dist/schemas/counter.json +57 -0
- package/dist/schemas/dataList.json +56 -0
- package/dist/schemas/divider.json +40 -0
- package/dist/schemas/drawer.json +27 -0
- package/dist/schemas/drawerContent.json +50 -0
- package/dist/schemas/ellipsis.json +49 -0
- package/dist/schemas/errorBoundary.json +22 -0
- package/dist/schemas/infiniteScroll.json +65 -0
- package/dist/schemas/marquee.json +46 -0
- package/dist/schemas/modalCall.json +21 -0
- package/dist/schemas/modalTemplate.json +123 -0
- package/dist/schemas/numberInput.json +77 -0
- package/dist/schemas/pagination.json +50 -0
- package/dist/schemas/popover.json +67 -0
- package/dist/schemas/radioGroup.json +61 -0
- package/dist/schemas/radioItem.json +35 -0
- package/dist/schemas/select.json +62 -0
- package/dist/schemas/selectItem.json +31 -0
- package/dist/schemas/skeleton.json +48 -0
- package/dist/schemas/spinner.json +27 -0
- package/dist/schemas/switch.json +41 -0
- package/dist/schemas/tab.json +89 -0
- package/dist/schemas/table.json +75 -0
- package/dist/schemas/tableRow.json +32 -0
- package/dist/schemas/tdColumn.json +107 -0
- package/dist/schemas/textArea.json +44 -0
- package/dist/schemas/textInput.json +67 -0
- package/dist/schemas/themeProvider.json +65 -0
- package/dist/schemas/toaster.json +31 -0
- package/dist/schemas/tooltip.json +67 -0
- package/dist/schemas/virtualGrid.json +59 -0
- package/dist/schemas/virtualList.json +54 -0
- package/dist/schemas.d.mts +1263 -0
- package/dist/schemas.d.ts +1263 -0
- package/dist/schemas.js +513 -0
- package/dist/schemas.mjs +469 -0
- package/dist/select.d.mts +31 -0
- package/dist/select.d.ts +31 -0
- package/dist/select.js +24 -0
- package/dist/select.mjs +3 -0
- package/dist/skeleton.d.mts +15 -0
- package/dist/skeleton.d.ts +15 -0
- package/dist/skeleton.js +12 -0
- package/dist/skeleton.mjs +3 -0
- package/dist/spinner.d.mts +9 -0
- package/dist/spinner.d.ts +9 -0
- package/dist/spinner.js +12 -0
- package/dist/spinner.mjs +3 -0
- package/dist/styles/layer.d.mts +3 -0
- package/dist/styles/layer.d.ts +3 -0
- package/dist/styles/layer.js +18 -0
- package/dist/styles/layer.mjs +16 -0
- package/dist/styles.css +2401 -0
- package/dist/styles.d.mts +3 -0
- package/dist/styles.d.ts +3 -0
- package/dist/styles.js +16 -0
- package/dist/styles.layered.css +2404 -0
- package/dist/styles.mjs +14 -0
- package/dist/switch.d.mts +15 -0
- package/dist/switch.d.ts +15 -0
- package/dist/switch.js +16 -0
- package/dist/switch.mjs +3 -0
- package/dist/tab.d.mts +36 -0
- package/dist/tab.d.ts +36 -0
- package/dist/tab.js +20 -0
- package/dist/tab.mjs +3 -0
- package/dist/table.d.mts +80 -0
- package/dist/table.d.ts +80 -0
- package/dist/table.js +33 -0
- package/dist/table.mjs +4 -0
- package/dist/text-area.d.mts +15 -0
- package/dist/text-area.d.ts +15 -0
- package/dist/text-area.js +16 -0
- package/dist/text-area.mjs +3 -0
- package/dist/text-input.d.mts +21 -0
- package/dist/text-input.d.ts +21 -0
- package/dist/text-input.js +16 -0
- package/dist/text-input.mjs +3 -0
- package/dist/theme-provider.d.mts +25 -0
- package/dist/theme-provider.d.ts +25 -0
- package/dist/theme-provider.js +15 -0
- package/dist/theme-provider.mjs +2 -0
- package/dist/toast.d.mts +42 -0
- package/dist/toast.d.ts +42 -0
- package/dist/toast.js +20 -0
- package/dist/toast.mjs +3 -0
- package/dist/tooltip.d.mts +24 -0
- package/dist/tooltip.d.ts +24 -0
- package/dist/tooltip.js +20 -0
- package/dist/tooltip.mjs +3 -0
- package/dist/useModal-BsGIcP8t.d.mts +128 -0
- package/dist/useModal-BsGIcP8t.d.ts +128 -0
- package/dist/utils/cn.d.mts +5 -0
- package/dist/utils/cn.d.ts +5 -0
- package/dist/utils/cn.js +11 -0
- package/dist/utils/cn.mjs +2 -0
- package/dist/utils/scroll.d.mts +4 -0
- package/dist/utils/scroll.d.ts +4 -0
- package/dist/utils/scroll.js +15 -0
- package/dist/utils/scroll.mjs +2 -0
- package/dist/virtual-scroll.d.mts +34 -0
- package/dist/virtual-scroll.d.ts +34 -0
- package/dist/virtual-scroll.js +16 -0
- package/dist/virtual-scroll.mjs +3 -0
- package/package.json +291 -0
- package/scripts/setup-cursor-rules.cjs +92 -0
package/dist/drawer.mjs
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
interface EllipsisProps {
|
|
5
|
+
className?: string;
|
|
6
|
+
content: ReactNode;
|
|
7
|
+
triggerMore?: ReactNode;
|
|
8
|
+
triggerLess?: ReactNode;
|
|
9
|
+
lineClamp?: number;
|
|
10
|
+
defaultShortened?: boolean;
|
|
11
|
+
observingEnvs?: boolean[];
|
|
12
|
+
onShowMoreLessClick?: () => void;
|
|
13
|
+
}
|
|
14
|
+
declare const Ellipsis: ({ className, content, triggerMore, triggerLess, lineClamp, defaultShortened, observingEnvs, onShowMoreLessClick, }: EllipsisProps) => react_jsx_runtime.JSX.Element;
|
|
15
|
+
|
|
16
|
+
export { Ellipsis, type EllipsisProps };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
interface EllipsisProps {
|
|
5
|
+
className?: string;
|
|
6
|
+
content: ReactNode;
|
|
7
|
+
triggerMore?: ReactNode;
|
|
8
|
+
triggerLess?: ReactNode;
|
|
9
|
+
lineClamp?: number;
|
|
10
|
+
defaultShortened?: boolean;
|
|
11
|
+
observingEnvs?: boolean[];
|
|
12
|
+
onShowMoreLessClick?: () => void;
|
|
13
|
+
}
|
|
14
|
+
declare const Ellipsis: ({ className, content, triggerMore, triggerLess, lineClamp, defaultShortened, observingEnvs, onShowMoreLessClick, }: EllipsisProps) => react_jsx_runtime.JSX.Element;
|
|
15
|
+
|
|
16
|
+
export { Ellipsis, type EllipsisProps };
|
package/dist/ellipsis.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkB6G5TJRO_js = require('./chunks/chunk-B6G5TJRO.js');
|
|
4
|
+
require('./chunks/chunk-CZC76ZD5.js');
|
|
5
|
+
require('./chunks/chunk-JNMCYWGY.js');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
Object.defineProperty(exports, "Ellipsis", {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
get: function () { return chunkB6G5TJRO_js.Ellipsis; }
|
|
12
|
+
});
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
|
|
4
|
+
interface ErrorBoundaryProps {
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
fallback?: React.ReactNode;
|
|
7
|
+
onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
|
|
8
|
+
}
|
|
9
|
+
interface ErrorBoundaryState {
|
|
10
|
+
hasError: boolean;
|
|
11
|
+
error: Error | null;
|
|
12
|
+
}
|
|
13
|
+
declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
|
|
14
|
+
constructor(props: ErrorBoundaryProps);
|
|
15
|
+
static getDerivedStateFromError(error: Error): ErrorBoundaryState;
|
|
16
|
+
componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
|
|
17
|
+
render(): string | number | boolean | Iterable<React.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export { ErrorBoundary, type ErrorBoundaryProps };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
|
|
4
|
+
interface ErrorBoundaryProps {
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
fallback?: React.ReactNode;
|
|
7
|
+
onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
|
|
8
|
+
}
|
|
9
|
+
interface ErrorBoundaryState {
|
|
10
|
+
hasError: boolean;
|
|
11
|
+
error: Error | null;
|
|
12
|
+
}
|
|
13
|
+
declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
|
|
14
|
+
constructor(props: ErrorBoundaryProps);
|
|
15
|
+
static getDerivedStateFromError(error: Error): ErrorBoundaryState;
|
|
16
|
+
componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
|
|
17
|
+
render(): string | number | boolean | Iterable<React.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export { ErrorBoundary, type ErrorBoundaryProps };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkEVOOTSY5_js = require('./chunks/chunk-EVOOTSY5.js');
|
|
4
|
+
require('./chunks/chunk-JNMCYWGY.js');
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
Object.defineProperty(exports, "ErrorBoundary", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: function () { return chunkEVOOTSY5_js.ErrorBoundary; }
|
|
11
|
+
});
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
interface BreakPoints {
|
|
2
|
+
isDesktop?: string;
|
|
3
|
+
isTablet?: string;
|
|
4
|
+
isMobile?: string;
|
|
5
|
+
}
|
|
6
|
+
interface CheckDeviceResult {
|
|
7
|
+
isDesktop: boolean;
|
|
8
|
+
isTablet: boolean;
|
|
9
|
+
isMobile: boolean;
|
|
10
|
+
}
|
|
11
|
+
type NumericBreakpoints = Record<string, number>;
|
|
12
|
+
/**
|
|
13
|
+
* 미디어쿼리 기반 디바이스 타입 감지 훅.
|
|
14
|
+
*
|
|
15
|
+
* 숫자 기반 (권장):
|
|
16
|
+
* ```tsx
|
|
17
|
+
* const device = useCheckDevice({
|
|
18
|
+
* mobile: 0,
|
|
19
|
+
* tablet: 600,
|
|
20
|
+
* 'desktop-sm': 1024,
|
|
21
|
+
* desktop: 1280,
|
|
22
|
+
* });
|
|
23
|
+
* // device.mobile, device.tablet, device['desktop-sm'], device.desktop
|
|
24
|
+
* ```
|
|
25
|
+
*
|
|
26
|
+
* 기본값:
|
|
27
|
+
* ```tsx
|
|
28
|
+
* const { mobile, tablet, desktop } = useCheckDevice();
|
|
29
|
+
* // mobile < 768, tablet 768–1279, desktop 1280+
|
|
30
|
+
* ```
|
|
31
|
+
*
|
|
32
|
+
* 레거시 (미디어쿼리 문자열):
|
|
33
|
+
* ```tsx
|
|
34
|
+
* const { isDesktop } = useCheckDevice({
|
|
35
|
+
* isDesktop: '(min-width: 1440px)',
|
|
36
|
+
* });
|
|
37
|
+
* ```
|
|
38
|
+
*/
|
|
39
|
+
declare function useCheckDevice(): {
|
|
40
|
+
mobile: boolean;
|
|
41
|
+
tablet: boolean;
|
|
42
|
+
desktop: boolean;
|
|
43
|
+
};
|
|
44
|
+
declare function useCheckDevice(breakPoints: BreakPoints | undefined): CheckDeviceResult;
|
|
45
|
+
declare function useCheckDevice(breakPoints: NumericBreakpoints): Record<string, boolean>;
|
|
46
|
+
|
|
47
|
+
export { type BreakPoints, type CheckDeviceResult, useCheckDevice as default };
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
interface BreakPoints {
|
|
2
|
+
isDesktop?: string;
|
|
3
|
+
isTablet?: string;
|
|
4
|
+
isMobile?: string;
|
|
5
|
+
}
|
|
6
|
+
interface CheckDeviceResult {
|
|
7
|
+
isDesktop: boolean;
|
|
8
|
+
isTablet: boolean;
|
|
9
|
+
isMobile: boolean;
|
|
10
|
+
}
|
|
11
|
+
type NumericBreakpoints = Record<string, number>;
|
|
12
|
+
/**
|
|
13
|
+
* 미디어쿼리 기반 디바이스 타입 감지 훅.
|
|
14
|
+
*
|
|
15
|
+
* 숫자 기반 (권장):
|
|
16
|
+
* ```tsx
|
|
17
|
+
* const device = useCheckDevice({
|
|
18
|
+
* mobile: 0,
|
|
19
|
+
* tablet: 600,
|
|
20
|
+
* 'desktop-sm': 1024,
|
|
21
|
+
* desktop: 1280,
|
|
22
|
+
* });
|
|
23
|
+
* // device.mobile, device.tablet, device['desktop-sm'], device.desktop
|
|
24
|
+
* ```
|
|
25
|
+
*
|
|
26
|
+
* 기본값:
|
|
27
|
+
* ```tsx
|
|
28
|
+
* const { mobile, tablet, desktop } = useCheckDevice();
|
|
29
|
+
* // mobile < 768, tablet 768–1279, desktop 1280+
|
|
30
|
+
* ```
|
|
31
|
+
*
|
|
32
|
+
* 레거시 (미디어쿼리 문자열):
|
|
33
|
+
* ```tsx
|
|
34
|
+
* const { isDesktop } = useCheckDevice({
|
|
35
|
+
* isDesktop: '(min-width: 1440px)',
|
|
36
|
+
* });
|
|
37
|
+
* ```
|
|
38
|
+
*/
|
|
39
|
+
declare function useCheckDevice(): {
|
|
40
|
+
mobile: boolean;
|
|
41
|
+
tablet: boolean;
|
|
42
|
+
desktop: boolean;
|
|
43
|
+
};
|
|
44
|
+
declare function useCheckDevice(breakPoints: BreakPoints | undefined): CheckDeviceResult;
|
|
45
|
+
declare function useCheckDevice(breakPoints: NumericBreakpoints): Record<string, boolean>;
|
|
46
|
+
|
|
47
|
+
export { type BreakPoints, type CheckDeviceResult, useCheckDevice as default };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 특정 엘리먼트 외부 클릭을 감지하는 훅.
|
|
3
|
+
*
|
|
4
|
+
* @param ref - 외부 클릭 감지 대상 HTMLElement (또는 null)
|
|
5
|
+
* @param handler - 외부 클릭 시 실행할 콜백
|
|
6
|
+
* @param option.offTouchEvent - true이면 touchstart 이벤트 무시
|
|
7
|
+
*/
|
|
8
|
+
declare const useClickOutside: (ref: HTMLElement | null, handler: (e: MouseEvent | TouchEvent) => void, option?: {
|
|
9
|
+
offTouchEvent?: boolean;
|
|
10
|
+
}) => void;
|
|
11
|
+
|
|
12
|
+
export { useClickOutside as default };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 특정 엘리먼트 외부 클릭을 감지하는 훅.
|
|
3
|
+
*
|
|
4
|
+
* @param ref - 외부 클릭 감지 대상 HTMLElement (또는 null)
|
|
5
|
+
* @param handler - 외부 클릭 시 실행할 콜백
|
|
6
|
+
* @param option.offTouchEvent - true이면 touchstart 이벤트 무시
|
|
7
|
+
*/
|
|
8
|
+
declare const useClickOutside: (ref: HTMLElement | null, handler: (e: MouseEvent | TouchEvent) => void, option?: {
|
|
9
|
+
offTouchEvent?: boolean;
|
|
10
|
+
}) => void;
|
|
11
|
+
|
|
12
|
+
export { useClickOutside as default };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
interface UseDraggableBottomSheetOptions {
|
|
2
|
+
enabled: boolean;
|
|
3
|
+
onClose: () => void;
|
|
4
|
+
threshold?: number;
|
|
5
|
+
velocityThreshold?: number;
|
|
6
|
+
maxDragDistance?: number;
|
|
7
|
+
}
|
|
8
|
+
declare function useDraggableBottomSheet({ enabled, onClose, threshold, velocityThreshold, maxDragDistance, }: UseDraggableBottomSheetOptions): {
|
|
9
|
+
onTouchStart: undefined;
|
|
10
|
+
onTouchMove: undefined;
|
|
11
|
+
onTouchEnd: undefined;
|
|
12
|
+
translateY: number;
|
|
13
|
+
dimOpacity: number;
|
|
14
|
+
isAnimating: boolean;
|
|
15
|
+
} | {
|
|
16
|
+
onTouchStart: (e: React.TouchEvent) => void;
|
|
17
|
+
onTouchMove: (e: React.TouchEvent) => void;
|
|
18
|
+
onTouchEnd: () => void;
|
|
19
|
+
translateY: number;
|
|
20
|
+
dimOpacity: number;
|
|
21
|
+
isAnimating: boolean;
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export { useDraggableBottomSheet };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
interface UseDraggableBottomSheetOptions {
|
|
2
|
+
enabled: boolean;
|
|
3
|
+
onClose: () => void;
|
|
4
|
+
threshold?: number;
|
|
5
|
+
velocityThreshold?: number;
|
|
6
|
+
maxDragDistance?: number;
|
|
7
|
+
}
|
|
8
|
+
declare function useDraggableBottomSheet({ enabled, onClose, threshold, velocityThreshold, maxDragDistance, }: UseDraggableBottomSheetOptions): {
|
|
9
|
+
onTouchStart: undefined;
|
|
10
|
+
onTouchMove: undefined;
|
|
11
|
+
onTouchEnd: undefined;
|
|
12
|
+
translateY: number;
|
|
13
|
+
dimOpacity: number;
|
|
14
|
+
isAnimating: boolean;
|
|
15
|
+
} | {
|
|
16
|
+
onTouchStart: (e: React.TouchEvent) => void;
|
|
17
|
+
onTouchMove: (e: React.TouchEvent) => void;
|
|
18
|
+
onTouchEnd: () => void;
|
|
19
|
+
translateY: number;
|
|
20
|
+
dimOpacity: number;
|
|
21
|
+
isAnimating: boolean;
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export { useDraggableBottomSheet };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkHHXDOKXY_js = require('../chunks/chunk-HHXDOKXY.js');
|
|
4
|
+
require('../chunks/chunk-JNMCYWGY.js');
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
Object.defineProperty(exports, "useDraggableBottomSheet", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: function () { return chunkHHXDOKXY_js.useDraggableBottomSheet; }
|
|
11
|
+
});
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React$1 from 'react';
|
|
2
|
+
import { RefObject } from 'react';
|
|
3
|
+
|
|
4
|
+
interface Position {
|
|
5
|
+
x: number;
|
|
6
|
+
y: number;
|
|
7
|
+
}
|
|
8
|
+
interface UseDraggableWindowOptions {
|
|
9
|
+
initialPosition?: Position;
|
|
10
|
+
persistKey?: string;
|
|
11
|
+
targetRef?: RefObject<HTMLElement | null>;
|
|
12
|
+
}
|
|
13
|
+
declare function useDraggableWindow({ initialPosition, persistKey, targetRef, }?: UseDraggableWindowOptions): {
|
|
14
|
+
position: Position;
|
|
15
|
+
setPosition: React$1.Dispatch<React$1.SetStateAction<Position>>;
|
|
16
|
+
handleMouseDown: (e: React.MouseEvent) => void;
|
|
17
|
+
resetPosition: () => void;
|
|
18
|
+
isDefaultPosition: boolean;
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { useDraggableWindow };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React$1 from 'react';
|
|
2
|
+
import { RefObject } from 'react';
|
|
3
|
+
|
|
4
|
+
interface Position {
|
|
5
|
+
x: number;
|
|
6
|
+
y: number;
|
|
7
|
+
}
|
|
8
|
+
interface UseDraggableWindowOptions {
|
|
9
|
+
initialPosition?: Position;
|
|
10
|
+
persistKey?: string;
|
|
11
|
+
targetRef?: RefObject<HTMLElement | null>;
|
|
12
|
+
}
|
|
13
|
+
declare function useDraggableWindow({ initialPosition, persistKey, targetRef, }?: UseDraggableWindowOptions): {
|
|
14
|
+
position: Position;
|
|
15
|
+
setPosition: React$1.Dispatch<React$1.SetStateAction<Position>>;
|
|
16
|
+
handleMouseDown: (e: React.MouseEvent) => void;
|
|
17
|
+
resetPosition: () => void;
|
|
18
|
+
isDefaultPosition: boolean;
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { useDraggableWindow };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkNHDGKOAM_js = require('../chunks/chunk-NHDGKOAM.js');
|
|
4
|
+
require('../chunks/chunk-JNMCYWGY.js');
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
Object.defineProperty(exports, "useDraggableWindow", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: function () { return chunkNHDGKOAM_js.useDraggableWindow; }
|
|
11
|
+
});
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
interface UseInViewOptions {
|
|
2
|
+
/** 한 번 보이면 계속 true 유지 (default: true) */
|
|
3
|
+
triggerOnce?: boolean;
|
|
4
|
+
/** 뷰포트 확장 마진 (default: '200px') */
|
|
5
|
+
rootMargin?: string;
|
|
6
|
+
/** 교차 비율 임계값 (default: 0) */
|
|
7
|
+
threshold?: number;
|
|
8
|
+
}
|
|
9
|
+
declare function useInView(options?: UseInViewOptions): {
|
|
10
|
+
ref: (node: Element | null) => void;
|
|
11
|
+
isInView: boolean;
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export { useInView as default, useInView };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
interface UseInViewOptions {
|
|
2
|
+
/** 한 번 보이면 계속 true 유지 (default: true) */
|
|
3
|
+
triggerOnce?: boolean;
|
|
4
|
+
/** 뷰포트 확장 마진 (default: '200px') */
|
|
5
|
+
rootMargin?: string;
|
|
6
|
+
/** 교차 비율 임계값 (default: 0) */
|
|
7
|
+
threshold?: number;
|
|
8
|
+
}
|
|
9
|
+
declare function useInView(options?: UseInViewOptions): {
|
|
10
|
+
ref: (node: Element | null) => void;
|
|
11
|
+
isInView: boolean;
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export { useInView as default, useInView };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var chunkAZ2URLDD_js = require('../chunks/chunk-AZ2URLDD.js');
|
|
6
|
+
require('../chunks/chunk-JNMCYWGY.js');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
Object.defineProperty(exports, "default", {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () { return chunkAZ2URLDD_js.useInView_default; }
|
|
13
|
+
});
|
|
14
|
+
Object.defineProperty(exports, "useInView", {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function () { return chunkAZ2URLDD_js.useInView; }
|
|
17
|
+
});
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkHUPAHDJ7_js = require('../chunks/chunk-HUPAHDJ7.js');
|
|
4
|
+
require('../chunks/chunk-JNMCYWGY.js');
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
Object.defineProperty(exports, "useModal", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: function () { return chunkHUPAHDJ7_js.useModal; }
|
|
11
|
+
});
|
package/dist/index.d.mts
ADDED
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
export { cn } from './utils/cn.mjs';
|
|
2
|
+
export { scrollFreeze, scrollRelease } from './utils/scroll.mjs';
|
|
3
|
+
export { BreakPoints, CheckDeviceResult, default as useCheckDevice } from './hooks/useCheckDevice.mjs';
|
|
4
|
+
export { default as useClickOutside } from './hooks/useClickOutside.mjs';
|
|
5
|
+
export { A as AnimationOptions, D as DefaultModalPropsType, M as ModalLayout, a as ModalPropsType, b as ModalTemplatePropsType, c as ModalType, O as OpenModal, u as useModal } from './useModal-BsGIcP8t.mjs';
|
|
6
|
+
export { useDraggableBottomSheet } from './hooks/useDraggableBottomSheet.mjs';
|
|
7
|
+
export { useDraggableWindow } from './hooks/useDraggableWindow.mjs';
|
|
8
|
+
export { default as useInView } from './hooks/useInView.mjs';
|
|
9
|
+
export { ModalContainer, ModalPortalTarget, ModalTemplate, ModalTemplateProps, checkModal, closeModal, getModalDefaultOption, modal, modal as openModal, resetModal } from './modal/index.mjs';
|
|
10
|
+
export { ExternalToast as ToastOptions, toast } from 'sonner';
|
|
11
|
+
export { ToastPosition, Toaster, ToasterProps, useToast } from './toast.mjs';
|
|
12
|
+
export { ChildrenFuncParamsType, Table, TableData, TableHighlightProvider, TableProps, TableRow, TableRowProps, TableThRowDataType, TdColumn, TdColumnProps, tableRowVariants, useTableHighlight } from './table.mjs';
|
|
13
|
+
export { Popover, PopoverArrow, PopoverClose, PopoverContent, PopoverTrigger, popoverContentClasses } from './popover.mjs';
|
|
14
|
+
export { Tooltip, TooltipProvider, tooltipContentVariants } from './tooltip.mjs';
|
|
15
|
+
export { Select, SelectItem, selectContentVariants, selectTriggerVariants } from './select.mjs';
|
|
16
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger } from './accordion.mjs';
|
|
17
|
+
export { InfiniteScroll, InfiniteScrollProps } from './infinite-scroll.mjs';
|
|
18
|
+
export { Ellipsis, EllipsisProps } from './ellipsis.mjs';
|
|
19
|
+
export { Drawer, DrawerClose, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDirection, DrawerRoot, DrawerRootProps, DrawerTitle, DrawerTrigger, drawerContentVariants, drawerOverlayVariants } from './drawer.mjs';
|
|
20
|
+
export { Button, ButtonProps, buttonVariants } from './button.mjs';
|
|
21
|
+
export { Chip, ChipProps, chipVariants } from './chip.mjs';
|
|
22
|
+
export { Switch, SwitchProps, switchVariants } from './switch.mjs';
|
|
23
|
+
export { TextInput, TextInputProps, textInputVariants } from './text-input.mjs';
|
|
24
|
+
export { TextArea, TextAreaProps, textAreaVariants } from './text-area.mjs';
|
|
25
|
+
export { CheckBox, CheckBoxProps, checkBoxVariants } from './checkbox.mjs';
|
|
26
|
+
export { RadioGroup, RadioGroupProps, RadioItem, RadioItemProps, radioGroupVariants, radioItemVariants } from './radio-group.mjs';
|
|
27
|
+
export { Spinner, SpinnerProps } from './spinner.mjs';
|
|
28
|
+
export { Skeleton, SkeletonProps } from './skeleton.mjs';
|
|
29
|
+
export { Divider, DividerProps, dividerVariants } from './divider.mjs';
|
|
30
|
+
export { ClientOnly, ClientOnlyProps } from './client-only.mjs';
|
|
31
|
+
export { ErrorBoundary, ErrorBoundaryProps } from './error-boundary.mjs';
|
|
32
|
+
export { ThemeProvider, ThemeProviderProps, useTheme } from './theme-provider.mjs';
|
|
33
|
+
export { Pagination, PaginationProps, pageButtonVariants, paginationVariants } from './pagination.mjs';
|
|
34
|
+
export { NumberInput, NumberInputProps, NumberInputRef, numberInputBind, numberInputVariants } from './number-input.mjs';
|
|
35
|
+
export { Avatar, AvatarProps, avatarVariants } from './avatar.mjs';
|
|
36
|
+
export { Counter, CounterProps } from './counter.mjs';
|
|
37
|
+
export { Countdown, CountdownProps, TimeLeft, useCountdown } from './countdown.mjs';
|
|
38
|
+
export { Marquee, MarqueeProps } from './marquee.mjs';
|
|
39
|
+
export { Tab, TabItem, TabProps, tabListVariants, tabTriggerVariants } from './tab.mjs';
|
|
40
|
+
export { Carousel, CarouselApi, CarouselDots, CarouselNext, CarouselPrev, CarouselProps, CarouselSlide, CarouselSlideProps, useCarousel } from './carousel.mjs';
|
|
41
|
+
export { DataList, DataListProps } from './data-list.mjs';
|
|
42
|
+
export { VirtualGrid, VirtualGridProps, VirtualList, VirtualListProps } from './virtual-scroll.mjs';
|
|
43
|
+
import 'clsx';
|
|
44
|
+
import 'react';
|
|
45
|
+
import 'react/jsx-runtime';
|
|
46
|
+
import 'class-variance-authority/types';
|
|
47
|
+
import 'class-variance-authority';
|
|
48
|
+
import '@radix-ui/react-popover';
|
|
49
|
+
import '@radix-ui/react-tooltip';
|
|
50
|
+
import '@radix-ui/react-accordion';
|
|
51
|
+
import 'vaul';
|
|
52
|
+
import 'embla-carousel-react';
|
|
53
|
+
import '@tanstack/react-virtual';
|
|
54
|
+
|
|
55
|
+
interface ComponentTokenDef {
|
|
56
|
+
/** CSS custom property name, e.g. '--color-comp-btn-primary-bg' */
|
|
57
|
+
cssVar: string;
|
|
58
|
+
type: 'color' | 'opacity' | 'radius' | 'spacing' | 'shadow' | 'font-size';
|
|
59
|
+
/** Default value referencing a semantic token, e.g. 'var(--color-accent-primary)' */
|
|
60
|
+
defaultValue: string;
|
|
61
|
+
description?: string;
|
|
62
|
+
}
|
|
63
|
+
interface ComponentTokenSchema {
|
|
64
|
+
id: string;
|
|
65
|
+
name: string;
|
|
66
|
+
description?: string;
|
|
67
|
+
tokens: {
|
|
68
|
+
common: Record<string, ComponentTokenDef>;
|
|
69
|
+
variants?: Record<string, Record<string, ComponentTokenDef>>;
|
|
70
|
+
sizes?: Record<string, Record<string, ComponentTokenDef>>;
|
|
71
|
+
};
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
declare const buttonTokenSchema: ComponentTokenSchema;
|
|
75
|
+
|
|
76
|
+
export { type ComponentTokenDef, type ComponentTokenSchema, buttonTokenSchema };
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
export { cn } from './utils/cn.js';
|
|
2
|
+
export { scrollFreeze, scrollRelease } from './utils/scroll.js';
|
|
3
|
+
export { BreakPoints, CheckDeviceResult, default as useCheckDevice } from './hooks/useCheckDevice.js';
|
|
4
|
+
export { default as useClickOutside } from './hooks/useClickOutside.js';
|
|
5
|
+
export { A as AnimationOptions, D as DefaultModalPropsType, M as ModalLayout, a as ModalPropsType, b as ModalTemplatePropsType, c as ModalType, O as OpenModal, u as useModal } from './useModal-BsGIcP8t.js';
|
|
6
|
+
export { useDraggableBottomSheet } from './hooks/useDraggableBottomSheet.js';
|
|
7
|
+
export { useDraggableWindow } from './hooks/useDraggableWindow.js';
|
|
8
|
+
export { default as useInView } from './hooks/useInView.js';
|
|
9
|
+
export { ModalContainer, ModalPortalTarget, ModalTemplate, ModalTemplateProps, checkModal, closeModal, getModalDefaultOption, modal, modal as openModal, resetModal } from './modal/index.js';
|
|
10
|
+
export { ExternalToast as ToastOptions, toast } from 'sonner';
|
|
11
|
+
export { ToastPosition, Toaster, ToasterProps, useToast } from './toast.js';
|
|
12
|
+
export { ChildrenFuncParamsType, Table, TableData, TableHighlightProvider, TableProps, TableRow, TableRowProps, TableThRowDataType, TdColumn, TdColumnProps, tableRowVariants, useTableHighlight } from './table.js';
|
|
13
|
+
export { Popover, PopoverArrow, PopoverClose, PopoverContent, PopoverTrigger, popoverContentClasses } from './popover.js';
|
|
14
|
+
export { Tooltip, TooltipProvider, tooltipContentVariants } from './tooltip.js';
|
|
15
|
+
export { Select, SelectItem, selectContentVariants, selectTriggerVariants } from './select.js';
|
|
16
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger } from './accordion.js';
|
|
17
|
+
export { InfiniteScroll, InfiniteScrollProps } from './infinite-scroll.js';
|
|
18
|
+
export { Ellipsis, EllipsisProps } from './ellipsis.js';
|
|
19
|
+
export { Drawer, DrawerClose, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDirection, DrawerRoot, DrawerRootProps, DrawerTitle, DrawerTrigger, drawerContentVariants, drawerOverlayVariants } from './drawer.js';
|
|
20
|
+
export { Button, ButtonProps, buttonVariants } from './button.js';
|
|
21
|
+
export { Chip, ChipProps, chipVariants } from './chip.js';
|
|
22
|
+
export { Switch, SwitchProps, switchVariants } from './switch.js';
|
|
23
|
+
export { TextInput, TextInputProps, textInputVariants } from './text-input.js';
|
|
24
|
+
export { TextArea, TextAreaProps, textAreaVariants } from './text-area.js';
|
|
25
|
+
export { CheckBox, CheckBoxProps, checkBoxVariants } from './checkbox.js';
|
|
26
|
+
export { RadioGroup, RadioGroupProps, RadioItem, RadioItemProps, radioGroupVariants, radioItemVariants } from './radio-group.js';
|
|
27
|
+
export { Spinner, SpinnerProps } from './spinner.js';
|
|
28
|
+
export { Skeleton, SkeletonProps } from './skeleton.js';
|
|
29
|
+
export { Divider, DividerProps, dividerVariants } from './divider.js';
|
|
30
|
+
export { ClientOnly, ClientOnlyProps } from './client-only.js';
|
|
31
|
+
export { ErrorBoundary, ErrorBoundaryProps } from './error-boundary.js';
|
|
32
|
+
export { ThemeProvider, ThemeProviderProps, useTheme } from './theme-provider.js';
|
|
33
|
+
export { Pagination, PaginationProps, pageButtonVariants, paginationVariants } from './pagination.js';
|
|
34
|
+
export { NumberInput, NumberInputProps, NumberInputRef, numberInputBind, numberInputVariants } from './number-input.js';
|
|
35
|
+
export { Avatar, AvatarProps, avatarVariants } from './avatar.js';
|
|
36
|
+
export { Counter, CounterProps } from './counter.js';
|
|
37
|
+
export { Countdown, CountdownProps, TimeLeft, useCountdown } from './countdown.js';
|
|
38
|
+
export { Marquee, MarqueeProps } from './marquee.js';
|
|
39
|
+
export { Tab, TabItem, TabProps, tabListVariants, tabTriggerVariants } from './tab.js';
|
|
40
|
+
export { Carousel, CarouselApi, CarouselDots, CarouselNext, CarouselPrev, CarouselProps, CarouselSlide, CarouselSlideProps, useCarousel } from './carousel.js';
|
|
41
|
+
export { DataList, DataListProps } from './data-list.js';
|
|
42
|
+
export { VirtualGrid, VirtualGridProps, VirtualList, VirtualListProps } from './virtual-scroll.js';
|
|
43
|
+
import 'clsx';
|
|
44
|
+
import 'react';
|
|
45
|
+
import 'react/jsx-runtime';
|
|
46
|
+
import 'class-variance-authority/types';
|
|
47
|
+
import 'class-variance-authority';
|
|
48
|
+
import '@radix-ui/react-popover';
|
|
49
|
+
import '@radix-ui/react-tooltip';
|
|
50
|
+
import '@radix-ui/react-accordion';
|
|
51
|
+
import 'vaul';
|
|
52
|
+
import 'embla-carousel-react';
|
|
53
|
+
import '@tanstack/react-virtual';
|
|
54
|
+
|
|
55
|
+
interface ComponentTokenDef {
|
|
56
|
+
/** CSS custom property name, e.g. '--color-comp-btn-primary-bg' */
|
|
57
|
+
cssVar: string;
|
|
58
|
+
type: 'color' | 'opacity' | 'radius' | 'spacing' | 'shadow' | 'font-size';
|
|
59
|
+
/** Default value referencing a semantic token, e.g. 'var(--color-accent-primary)' */
|
|
60
|
+
defaultValue: string;
|
|
61
|
+
description?: string;
|
|
62
|
+
}
|
|
63
|
+
interface ComponentTokenSchema {
|
|
64
|
+
id: string;
|
|
65
|
+
name: string;
|
|
66
|
+
description?: string;
|
|
67
|
+
tokens: {
|
|
68
|
+
common: Record<string, ComponentTokenDef>;
|
|
69
|
+
variants?: Record<string, Record<string, ComponentTokenDef>>;
|
|
70
|
+
sizes?: Record<string, Record<string, ComponentTokenDef>>;
|
|
71
|
+
};
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
declare const buttonTokenSchema: ComponentTokenSchema;
|
|
75
|
+
|
|
76
|
+
export { type ComponentTokenDef, type ComponentTokenSchema, buttonTokenSchema };
|