@radui/ui 1.0.1 → 1.1.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/dist/components/Accordion.cjs +1 -1
- package/dist/components/Accordion.js +1 -1
- package/dist/components/AlertDialog.cjs +1 -1
- package/dist/components/AlertDialog.d.ts +61 -24
- package/dist/components/AlertDialog.js +1 -1
- package/dist/components/Avatar.cjs +1 -1
- package/dist/components/Avatar.d.ts +36 -6
- package/dist/components/Avatar.js +1 -1
- package/dist/components/AvatarGroup.cjs +1 -1
- package/dist/components/AvatarGroup.d.ts +39 -18
- package/dist/components/AvatarGroup.js +1 -1
- package/dist/components/{AvatarPrimitiveFallback-CBb0nHGD.cjs → AvatarPrimitiveFallback-BpUU1vNV.cjs} +1 -1
- package/dist/components/{AvatarPrimitiveFallback-C1siRii4.js → AvatarPrimitiveFallback-DIXB9Tnm.js} +1 -1
- package/dist/components/Badge.cjs +1 -1
- package/dist/components/Badge.js +1 -1
- package/dist/components/Breadcrumb.cjs +1 -1
- package/dist/components/Breadcrumb.js +1 -1
- package/dist/components/Button.cjs +1 -1
- package/dist/components/Button.js +1 -1
- package/dist/components/Callout.cjs +1 -1
- package/dist/components/Callout.d.ts +32 -18
- package/dist/components/Callout.js +1 -1
- package/dist/components/Card.cjs +1 -1
- package/dist/components/Card.d.ts +31 -16
- package/dist/components/Card.js +1 -1
- package/dist/components/Checkbox.cjs +1 -1
- package/dist/components/Checkbox.js +1 -1
- package/dist/components/CheckboxCards.cjs +1 -1
- package/dist/components/CheckboxCards.js +1 -1
- package/dist/components/CheckboxGroup.cjs +1 -1
- package/dist/components/CheckboxGroup.d.ts +6 -2
- package/dist/components/CheckboxGroup.js +1 -1
- package/dist/components/{CheckboxGroupPrimitive-DfHQYkep.js → CheckboxGroupPrimitive-BRCGIztp.js} +1 -1
- package/dist/components/{CheckboxGroupPrimitive-d9yBl6m5.cjs → CheckboxGroupPrimitive-C21WO4L3.cjs} +1 -1
- package/dist/components/Collapsible.cjs +1 -1
- package/dist/components/Collapsible.d.ts +34 -4
- package/dist/components/Collapsible.js +1 -1
- package/dist/components/Combobox.cjs +1 -1
- package/dist/components/Combobox.d.ts +57 -45
- package/dist/components/Combobox.js +1 -1
- package/dist/components/ComboboxPrimitive-BdX2jgpQ.js +1 -0
- package/dist/components/ComboboxPrimitive-CyO6ZH5T.cjs +1 -0
- package/dist/components/Command.cjs +1 -1
- package/dist/components/Command.d.ts +36 -8
- package/dist/components/Command.js +1 -1
- package/dist/components/ContextMenu.cjs +1 -1
- package/dist/components/ContextMenu.d.ts +25 -11
- package/dist/components/ContextMenu.js +1 -1
- package/dist/components/Dialog.cjs +1 -1
- package/dist/components/Dialog.d.ts +29 -4
- package/dist/components/Dialog.js +1 -1
- package/dist/components/Disclosure.cjs +1 -1
- package/dist/components/Disclosure.js +1 -1
- package/dist/components/Drawer.cjs +1 -1
- package/dist/components/Drawer.d.ts +31 -3
- package/dist/components/Drawer.js +1 -1
- package/dist/components/DropdownMenu.cjs +1 -1
- package/dist/components/DropdownMenu.d.ts +25 -11
- package/dist/components/DropdownMenu.js +1 -1
- package/dist/components/HoverCard.cjs +1 -1
- package/dist/components/HoverCard.d.ts +15 -1
- package/dist/components/HoverCard.js +1 -1
- package/dist/components/Label.cjs +1 -0
- package/dist/components/Label.d.ts +18 -0
- package/dist/components/Label.js +1 -0
- package/dist/components/Link.cjs +1 -1
- package/dist/components/Link.js +1 -1
- package/dist/components/LiveRegion.cjs +1 -1
- package/dist/components/LiveRegion.d.ts +2 -5
- package/dist/components/LiveRegion.js +1 -1
- package/dist/components/MenuPrimitive-Ctqo21Vd.cjs +1 -0
- package/dist/components/MenuPrimitive-Cy_MJfjG.js +1 -0
- package/dist/components/Menubar.cjs +1 -1
- package/dist/components/Menubar.d.ts +45 -16
- package/dist/components/Menubar.js +1 -1
- package/dist/components/Meter.cjs +1 -0
- package/dist/components/Meter.d.ts +44 -0
- package/dist/components/Meter.js +1 -0
- package/dist/components/Minimap.cjs +1 -1
- package/dist/components/Minimap.js +1 -1
- package/dist/components/NavigationMenu.cjs +1 -1
- package/dist/components/NavigationMenu.d.ts +2 -0
- package/dist/components/NavigationMenu.js +1 -1
- package/dist/components/Popover.cjs +1 -1
- package/dist/components/Popover.d.ts +64 -5
- package/dist/components/Popover.js +1 -1
- package/dist/components/Progress.cjs +1 -1
- package/dist/components/Progress.d.ts +14 -2
- package/dist/components/Progress.js +1 -1
- package/dist/components/Radio.cjs +1 -1
- package/dist/components/Radio.js +1 -1
- package/dist/components/RadioCards.cjs +1 -1
- package/dist/components/RadioCards.d.ts +22 -1
- package/dist/components/RadioCards.js +1 -1
- package/dist/components/RadioGroup.cjs +1 -1
- package/dist/components/RadioGroup.d.ts +27 -7
- package/dist/components/RadioGroup.js +1 -1
- package/dist/components/RadioGroupPrimitive-B0CrM2bi.cjs +1 -0
- package/dist/components/RadioGroupPrimitive-CnPy0zgW.js +1 -0
- package/dist/components/ScrollArea.cjs +1 -1
- package/dist/components/ScrollArea.d.ts +24 -13
- package/dist/components/ScrollArea.js +1 -1
- package/dist/components/Select.cjs +1 -1
- package/dist/components/Select.d.ts +52 -44
- package/dist/components/Select.js +1 -1
- package/dist/components/Separator.cjs +1 -1
- package/dist/components/Separator.d.ts +8 -1
- package/dist/components/Separator.js +1 -1
- package/dist/components/Slider.cjs +1 -1
- package/dist/components/Slider.js +1 -1
- package/dist/components/Steps.cjs +1 -1
- package/dist/components/Steps.d.ts +33 -16
- package/dist/components/Steps.js +1 -1
- package/dist/components/Switch.cjs +1 -1
- package/dist/components/Switch.d.ts +14 -2
- package/dist/components/Switch.js +1 -1
- package/dist/components/TabNav.cjs +1 -1
- package/dist/components/TabNav.d.ts +5 -0
- package/dist/components/TabNav.js +1 -1
- package/dist/components/Table.cjs +1 -1
- package/dist/components/Table.d.ts +23 -12
- package/dist/components/Table.js +1 -1
- package/dist/components/Tabs.cjs +1 -1
- package/dist/components/Tabs.js +1 -1
- package/dist/components/Theme.cjs +1 -1
- package/dist/components/Theme.d.ts +2 -0
- package/dist/components/Theme.js +1 -1
- package/dist/components/Toast.cjs +1 -1
- package/dist/components/Toast.js +1 -1
- package/dist/components/Toggle.cjs +1 -1
- package/dist/components/Toggle.js +1 -1
- package/dist/components/ToggleGroup.cjs +1 -1
- package/dist/components/ToggleGroup.js +1 -1
- package/dist/components/Toolbar.cjs +1 -1
- package/dist/components/Toolbar.d.ts +8 -1
- package/dist/components/Toolbar.js +1 -1
- package/dist/components/Tooltip.cjs +1 -1
- package/dist/components/Tooltip.d.ts +7 -1
- package/dist/components/Tooltip.js +1 -1
- package/dist/components/Tree.cjs +1 -1
- package/dist/components/Tree.d.ts +8 -1
- package/dist/components/Tree.js +1 -1
- package/dist/components/VisuallyHidden.cjs +1 -1
- package/dist/components/VisuallyHidden.d.ts +6 -1
- package/dist/components/VisuallyHidden.js +1 -1
- package/dist/components/{floating-ui.react-2kiGB4sW.js → floating-ui.react-CZf-mCiA.js} +1 -1
- package/dist/components/{index-WGIYLuwZ.cjs → index-BZO29jsF.cjs} +1 -1
- package/dist/components/index-B_OPdW20.js +1 -0
- package/dist/components/{index-436yWBk4.cjs → index-BbvJO-A-.cjs} +1 -1
- package/dist/components/index-Bg-UeWCo.cjs +1 -0
- package/dist/components/index-BidxkqdT.js +1 -0
- package/dist/components/{index-DMX7gpdp.js → index-CAD0hWja.js} +1 -1
- package/dist/components/{index-xlB--dex.js → index-CXv1Y-O3.js} +1 -1
- package/dist/components/{index-CukraWfT.cjs → index-C_Yiql9j.cjs} +1 -1
- package/dist/components/{index-nYRBURkR.js → index-Cp5L_alO.js} +1 -1
- package/dist/components/{index-C7dBo_Ry.js → index-D8QLtYJh.js} +1 -1
- package/dist/components/{index-FITGoHty.js → index-DH-14XDv.js} +1 -1
- package/dist/components/{index-CoPhBYnZ.cjs → index-K0sE1H4u.cjs} +1 -1
- package/dist/components/{index-BeakeOqt.cjs → index-rUSzFrhJ.cjs} +1 -1
- package/dist/index.cjs +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2 -0
- package/dist/styles/clarity/Accordion/accordion.clarity.scss +147 -0
- package/dist/styles/clarity/AlertDialog/alert-dialog.clarity.scss +199 -0
- package/dist/styles/clarity/Avatar/_avatar-base.clarity.scss +87 -0
- package/dist/styles/clarity/Avatar/avatar.clarity.scss +1 -0
- package/dist/styles/clarity/AvatarGroup/avatar-group.clarity.scss +122 -0
- package/dist/styles/clarity/Badge/badge.clarity.scss +118 -0
- package/dist/styles/clarity/BlockQuote/blockquote.clarity.scss +123 -0
- package/dist/styles/clarity/Breadcrumb/breadcrumb.clarity.scss +50 -0
- package/dist/styles/clarity/Button/button.clarity.scss +132 -0
- package/dist/styles/clarity/Callout/callout.clarity.scss +183 -0
- package/dist/styles/clarity/Card/card.clarity.scss +121 -0
- package/dist/styles/clarity/Checkbox/checkbox.clarity.scss +75 -0
- package/dist/styles/clarity/CheckboxCards/checkbox-cards.clarity.scss +143 -0
- package/dist/styles/clarity/CheckboxGroup/checkbox-group.clarity.scss +92 -0
- package/dist/styles/clarity/Code/code.clarity.scss +42 -0
- package/dist/styles/clarity/Collapsible/collapsible.clarity.scss +84 -0
- package/dist/styles/clarity/Combobox/combobox.clarity.scss +157 -0
- package/dist/styles/clarity/Command/command.clarity.scss +231 -0
- package/dist/styles/clarity/ContextMenu/context-menu.clarity.scss +272 -0
- package/dist/styles/clarity/DataList/data-list.clarity.scss +60 -0
- package/dist/styles/clarity/Dialog/dialog.clarity.scss +205 -0
- package/dist/styles/clarity/Disclosure/disclosure.clarity.scss +56 -0
- package/dist/styles/clarity/Drawer/drawer.clarity.scss +331 -0
- package/dist/styles/clarity/DropdownMenu/dropdown-menu.clarity.scss +187 -0
- package/dist/styles/clarity/Em/em.clarity.scss +3 -0
- package/dist/styles/clarity/Fieldset/fieldset.clarity.scss +49 -0
- package/dist/styles/clarity/Heading/heading.clarity.scss +46 -0
- package/dist/styles/clarity/HoverCard/hover-card.clarity.scss +43 -0
- package/dist/styles/clarity/Kbd/kbd.clarity.scss +55 -0
- package/dist/styles/clarity/Label/label.clarity.scss +11 -0
- package/dist/styles/clarity/Link/link.clarity.scss +41 -0
- package/dist/styles/clarity/Menubar/menubar.clarity.scss +149 -0
- package/dist/styles/clarity/Meter/meter.clarity.scss +39 -0
- package/dist/styles/clarity/Minimap/minimap.clarity.scss +92 -0
- package/dist/styles/clarity/NavigationMenu/navigation-menu.clarity.scss +128 -0
- package/dist/styles/clarity/NumberField/number-field.clarity.scss +135 -0
- package/dist/styles/clarity/Popover/popover.clarity.scss +106 -0
- package/dist/styles/clarity/Progress/progress.clarity.scss +38 -0
- package/dist/styles/clarity/Quote/quote.clarity.scss +26 -0
- package/dist/styles/clarity/Radio/radio.clarity.scss +76 -0
- package/dist/styles/clarity/RadioCards/radiocards.clarity.scss +134 -0
- package/dist/styles/clarity/RadioGroup/radio-group.clarity.scss +99 -0
- package/dist/styles/clarity/ScrollArea/scroll-area.clarity.scss +112 -0
- package/dist/styles/clarity/Select/select.clarity.scss +228 -0
- package/dist/styles/clarity/Separator/separator.clarity.scss +23 -0
- package/dist/styles/clarity/Skeleton/skeleton.clarity.scss +33 -0
- package/dist/styles/clarity/Slider/slider.clarity.scss +203 -0
- package/dist/styles/clarity/Spinner/spinner.clarity.scss +52 -0
- package/dist/styles/clarity/Splitter/splitter.clarity.scss +151 -0
- package/dist/styles/clarity/Steps/steps.clarity.scss +143 -0
- package/dist/styles/clarity/Strong/strong.clarity.scss +6 -0
- package/dist/styles/clarity/Switch/switch.clarity.scss +89 -0
- package/dist/styles/clarity/TabNav/tab-nav.clarity.scss +69 -0
- package/dist/styles/clarity/Table/table.clarity.scss +128 -0
- package/dist/styles/clarity/Tabs/tabs.clarity.scss +91 -0
- package/dist/styles/clarity/Text/text.clarity.scss +5 -0
- package/dist/styles/clarity/TextArea/textarea.clarity.scss +146 -0
- package/dist/styles/clarity/TextField/text-field.clarity.scss +120 -0
- package/dist/styles/clarity/Toast/toast.clarity.scss +203 -0
- package/dist/styles/clarity/Toggle/toggle.clarity.scss +51 -0
- package/dist/styles/clarity/ToggleGroup/toggle-group.clarity.scss +103 -0
- package/dist/styles/clarity/Toolbar/toolbar.clarity.scss +140 -0
- package/dist/styles/clarity/Tooltip/tooltip.clarity.scss +37 -0
- package/dist/styles/clarity/Tree/tree.clarity.scss +103 -0
- package/dist/themes/baremetal.css +1 -1
- package/dist/themes/default.css +1 -1
- package/package.json +21 -2
- package/dist/components/ComboboxPrimitive-DQcJ8pzQ.js +0 -1
- package/dist/components/ComboboxPrimitive-kFYDdMUS.cjs +0 -1
- package/dist/components/MenuPrimitive-B1-7Sfhj.cjs +0 -1
- package/dist/components/MenuPrimitive-D9VMz2TZ.js +0 -1
- package/dist/components/RadioGroupPrimitive-CpA06FS_.cjs +0 -1
- package/dist/components/RadioGroupPrimitive-D1PP4y2M.js +0 -1
- package/dist/components/index-CbKtybdA.cjs +0 -1
- package/dist/components/index-D8I-rMwz.js +0 -1
- package/dist/components/index-XF8itt-H.js +0 -1
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import Primitive from '~/core/primitives/Primitive';
|
|
2
3
|
|
|
3
|
-
type StepsRootProps = React.
|
|
4
|
+
type StepsRootProps = React.ComponentPropsWithoutRef<typeof Primitive.div> & {
|
|
4
5
|
customRootClass?: string;
|
|
5
6
|
/**
|
|
6
7
|
* Layout direction. Defaults to `vertical`, which is how Steps has always rendered;
|
|
@@ -11,7 +12,9 @@ type StepsRootProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
|
11
12
|
defaultValue?: number;
|
|
12
13
|
onValueChange?: (value: number) => void;
|
|
13
14
|
};
|
|
14
|
-
declare const StepsRoot: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
15
|
+
declare const StepsRoot: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
16
|
+
asChild?: boolean;
|
|
17
|
+
} & React.RefAttributes<HTMLElement>, "ref"> & {
|
|
15
18
|
customRootClass?: string;
|
|
16
19
|
/**
|
|
17
20
|
* Layout direction. Defaults to `vertical`, which is how Steps has always rendered;
|
|
@@ -23,30 +26,44 @@ declare const StepsRoot: React.ForwardRefExoticComponent<React.HTMLAttributes<HT
|
|
|
23
26
|
onValueChange?: (value: number) => void;
|
|
24
27
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
25
28
|
|
|
26
|
-
type StepItemProps = React.
|
|
29
|
+
type StepItemProps = React.ComponentPropsWithoutRef<typeof Primitive.div> & {
|
|
27
30
|
value?: string | number | null;
|
|
28
31
|
};
|
|
29
|
-
declare const StepItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
32
|
+
declare const StepItem: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
33
|
+
asChild?: boolean;
|
|
34
|
+
} & React.RefAttributes<HTMLElement>, "ref"> & {
|
|
30
35
|
value?: string | number | null;
|
|
31
36
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
32
37
|
|
|
33
|
-
type StepTrackProps = React.
|
|
34
|
-
declare const StepTrack: React.ForwardRefExoticComponent<
|
|
38
|
+
type StepTrackProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
|
|
39
|
+
declare const StepTrack: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
40
|
+
asChild?: boolean;
|
|
41
|
+
} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
35
42
|
|
|
36
|
-
type StepBubbleProps = React.
|
|
37
|
-
declare const StepBubble: React.ForwardRefExoticComponent<
|
|
43
|
+
type StepBubbleProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
|
|
44
|
+
declare const StepBubble: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
45
|
+
asChild?: boolean;
|
|
46
|
+
} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
38
47
|
|
|
39
|
-
type StepLineProps = React.
|
|
40
|
-
declare const StepLine: React.ForwardRefExoticComponent<
|
|
48
|
+
type StepLineProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
|
|
49
|
+
declare const StepLine: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
50
|
+
asChild?: boolean;
|
|
51
|
+
} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
41
52
|
|
|
42
|
-
type StepContentProps = React.
|
|
43
|
-
declare const StepContent: React.ForwardRefExoticComponent<
|
|
53
|
+
type StepContentProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
|
|
54
|
+
declare const StepContent: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
55
|
+
asChild?: boolean;
|
|
56
|
+
} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
44
57
|
|
|
45
|
-
type StepTitleProps = React.
|
|
46
|
-
declare const StepTitle: React.ForwardRefExoticComponent<
|
|
58
|
+
type StepTitleProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
|
|
59
|
+
declare const StepTitle: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
60
|
+
asChild?: boolean;
|
|
61
|
+
} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
47
62
|
|
|
48
|
-
type StepDescriptionProps = React.
|
|
49
|
-
declare const StepDescription: React.ForwardRefExoticComponent<
|
|
63
|
+
type StepDescriptionProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
|
|
64
|
+
declare const StepDescription: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
65
|
+
asChild?: boolean;
|
|
66
|
+
} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
50
67
|
|
|
51
68
|
declare const StepsComponent: () => null;
|
|
52
69
|
type StepsComponentType = typeof StepsComponent & {
|
package/dist/components/Steps.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{jsx as e}from"react/jsx-runtime";import t,{createContext as s,useContext as r}from"react";import{u as a,c as n}from"./useComponentClass-C0isGl1z.js";import{P as o}from"./index-
|
|
1
|
+
'use client';import{jsx as e}from"react/jsx-runtime";import t,{createContext as s,useContext as r}from"react";import{u as a,c as n}from"./useComponentClass-C0isGl1z.js";import{P as o}from"./index-BidxkqdT.js";import{u as i}from"./index-wRElCyvx.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const l=s(null),c=()=>{const e=r(l);if(!e)throw new Error("useStepsContext must be used within a StepsContext.Provider");return e},u=t.forwardRef((({children:s,className:r,customRootClass:c,orientation:u="vertical",value:d,defaultValue:m,onValueChange:f,...p},N)=>{const[C,h]=i(d,m??0,f),S=a(c,"Steps"),[v,b]=t.useState([]),w=t.useCallback((e=>(b((t=>t.includes(e)?t:[...t,e].sort(((e,t)=>{const s=e.compareDocumentPosition(t);return s&Node.DOCUMENT_POSITION_FOLLOWING?-1:s&Node.DOCUMENT_POSITION_PRECEDING?1:0})))),()=>{b((t=>t.includes(e)?t.filter((t=>t!==e)):t))})),[]),R=t.useMemo((()=>({currentStep:C,setCurrentStep:h,rootClass:S,orientation:u,registerItem:w,itemElements:v})),[C,h,S,u,w,v]);return e(l.Provider,{value:R,children:e(o.div,{ref:N,className:n(S,r,S&&`${S}-${u}`),"data-orientation":u,...p,children:s})})}));u.displayName="Steps.Root";const d="undefined"!=typeof window?t.useLayoutEffect:t.useEffect,m=t.forwardRef((({children:s,value:r,className:a="",...i},l)=>{const{rootClass:u,currentStep:m,registerItem:f,itemElements:p}=c(),[N,C]=t.useState(null),h=t.useCallback((e=>{C(e),"function"==typeof l?l(e):l&&(l.current=e)}),[l]);d((()=>{if(N&&f)return f(N)}),[N,f]);const S=N&&p?p.indexOf(N):-1,v=null!=r,b=v?(e=>{if("number"==typeof e)return Number.isFinite(e)?e:null;if("string"==typeof e&&""!==e.trim()){const t=Number(e);return Number.isFinite(t)?t:null}return null})(r):S>=0?S:null,w=null!==b&&m===b,R=null!==b&&m>b?"completed":w?"active":"inactive";return e(o.div,{ref:h,className:n(u&&`${u}-item`,a),"data-state":R,"data-value":v?r:b??void 0,"aria-current":w?"step":void 0,...i,children:s})}));m.displayName="Steps.Item";const f=t.forwardRef((({children:t,className:s="",...r},a)=>{const{rootClass:i}=c();return e(o.div,{ref:a,className:n(i&&`${i}-track`,s),...r,children:t})}));f.displayName="Steps.Track";const p=t.forwardRef((({children:t,className:s="",...r},a)=>{const{rootClass:i}=c();return e(o.div,{ref:a,className:n(i&&`${i}-bubble`,s),...r,children:t})}));p.displayName="Steps.Bubble";const N=t.forwardRef((({children:t,className:s="",...r},a)=>{const{rootClass:i}=c();return e(o.div,{ref:a,className:n(i&&`${i}-line`,s),...r,children:t})}));N.displayName="Steps.Line";const C=t.forwardRef((({children:t,className:s="",...r},a)=>{const{rootClass:i}=c();return e(o.div,{ref:a,className:n(i&&`${i}-content`,s),...r,children:t})}));C.displayName="Steps.Content";const h=t.forwardRef((({children:t,className:s="",...r},a)=>{const{rootClass:i}=c();return e(o.div,{ref:a,className:n(i&&`${i}-title`,s),...r,children:t})}));h.displayName="Steps.Title";const S=t.forwardRef((({children:t,className:s="",...r},a)=>{const{rootClass:i}=c();return e(o.div,{ref:a,className:n(i&&`${i}-description`,s),...r,children:t})}));S.displayName="Steps.Description";const v=Object.assign((()=>(console.warn("Direct usage of Steps is not supported. Please use Steps.Root, Steps.Item, etc. instead."),null)),{Root:u,Item:m,Track:f,Bubble:p,Line:N,Content:C,Title:h,Description:S});export{p as Bubble,C as Content,S as Description,m as Item,N as Line,u as Root,h as Title,f as Track,v as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("./index-
|
|
1
|
+
'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("./index-BZO29jsF.cjs"),r=require("./useComponentClass-B0DF90tm.cjs"),a=require("./index-c6NFMS_0.cjs"),i=require("./index-BwNOI8cB.cjs"),c=require("./index-DrMwbB8q.cjs"),o=require("./mergeRefs-BUn-enYe.cjs"),n=require("./index-Bg-UeWCo.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./mergeProps-DW5qFqqJ.cjs");const d=t.createContext({checked:!1,setChecked:()=>{},rootClass:"",disabled:!1}),l="Switch",u=t.forwardRef((({children:n,customRootClass:u,color:h="",variant:m,size:C,defaultChecked:b=!1,checked:x,onCheckedChange:p,disabled:f=!1,required:k=!1,name:v,value:j,asChild:q=!1,className:w,onClick:R,...g},y)=>{const[N,P]=i.useControllableState(x,b,p),S=r.useComponentClass(u,l),E=a.createDataAttributes("switch",{variant:m,size:C}),T=a.createDataAccentColorAttribute(h),A=a.composeAttributes(E,T),B=t.useRef(null),D=t.useRef(b),z=Boolean(v)||k;t.useEffect((()=>{const e=B.current?.closest("form");if(!e||!z)return;const t=()=>P(Boolean(D.current));return e.addEventListener("reset",t),()=>e.removeEventListener("reset",t)}),[z,P]);const L={checked:N,setChecked:P,rootClass:S,disabled:f},_={...A,"data-slot":"switch-root","data-state":N?"checked":"unchecked","data-disabled":f?"":void 0,role:"switch","aria-checked":N,"aria-required":k,disabled:f,...g};return v&&(_.name=v),j&&(_.value=j),e.jsxs(d.Provider,{value:L,children:[e.jsx(s.ButtonPrimitive,{ref:o.mergeRefs(y,B),asChild:q,..._,className:r.clsx(S,w),onClick:c.composeEventHandlers(R,(()=>{f||P(!N)})),children:n}),z&&e.jsx("input",{type:"checkbox","aria-hidden":"true",tabIndex:-1,name:v,value:j??"on",checked:N,required:k,disabled:f,onChange:()=>{},style:{position:"absolute",width:1,height:1,margin:0,opacity:0,pointerEvents:"none"}})]})}));u.displayName=l;const h=t.forwardRef((({asChild:s=!1,className:a,children:i,...c},o)=>{const{checked:l,rootClass:u,disabled:h}=t.useContext(d),m={"data-slot":"switch-thumb"};return m["data-state"]=l?"checked":"unchecked",h&&(m["data-disabled"]=""),e.jsx(n.Primitive.span,{ref:o,className:r.clsx(u&&`${u}-indicator`,a),asChild:s,...m,...c,children:i})}));h.displayName="SwitchThumb";const m=()=>(console.warn("Direct usage of Switch is not supported. Please use Switch.Root, Switch.Thumb, etc. instead."),null);m.Root=u,m.Thumb=h,exports.Root=u,exports.Thumb=h,exports.default=m;
|
|
@@ -45,7 +45,13 @@ type SwitchThumbProps = ComponentPropsWithoutRef<typeof Primitive.span> & {
|
|
|
45
45
|
className?: string;
|
|
46
46
|
children?: React__default.ReactNode;
|
|
47
47
|
};
|
|
48
|
-
declare const SwitchThumb: React__default.ForwardRefExoticComponent<
|
|
48
|
+
declare const SwitchThumb: React__default.ForwardRefExoticComponent<Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
49
|
+
asChild?: boolean;
|
|
50
|
+
} & React__default.RefAttributes<HTMLElement>, "ref"> & {
|
|
51
|
+
asChild?: boolean;
|
|
52
|
+
className?: string;
|
|
53
|
+
children?: React__default.ReactNode;
|
|
54
|
+
} & React__default.RefAttributes<HTMLElement>>;
|
|
49
55
|
|
|
50
56
|
declare const Switch: {
|
|
51
57
|
(): null;
|
|
@@ -70,7 +76,13 @@ declare const Switch: {
|
|
|
70
76
|
value?: string;
|
|
71
77
|
asChild?: boolean;
|
|
72
78
|
} & React$1.RefAttributes<HTMLButtonElement>>;
|
|
73
|
-
Thumb: React$1.ForwardRefExoticComponent<
|
|
79
|
+
Thumb: React$1.ForwardRefExoticComponent<Omit<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
80
|
+
asChild?: boolean;
|
|
81
|
+
} & React$1.RefAttributes<HTMLElement>, "ref"> & {
|
|
82
|
+
asChild?: boolean;
|
|
83
|
+
className?: string;
|
|
84
|
+
children?: React.ReactNode;
|
|
85
|
+
} & React$1.RefAttributes<HTMLElement>>;
|
|
74
86
|
};
|
|
75
87
|
declare namespace SwitchProps {
|
|
76
88
|
type Root = SwitchRootProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{jsxs as e,jsx as s}from"react/jsx-runtime";import t,{createContext as a,forwardRef as o,useContext as r}from"react";import{B as i}from"./index-
|
|
1
|
+
'use client';import{jsxs as e,jsx as s}from"react/jsx-runtime";import t,{createContext as a,forwardRef as o,useContext as r}from"react";import{B as i}from"./index-DH-14XDv.js";import{u as c,c as d}from"./useComponentClass-C0isGl1z.js";import{c as n,a as l,b as h}from"./index-eAZUMNef.js";import{u as m}from"./index-wRElCyvx.js";import{c as u}from"./index-CXzybYmm.js";import{m as p}from"./mergeRefs-B8eZ_q-T.js";import{P as f}from"./index-BidxkqdT.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const C=a({checked:!1,setChecked:()=>{},rootClass:"",disabled:!1}),b="Switch",k=o((({children:a,customRootClass:o,color:r="",variant:f,size:k,defaultChecked:v=!1,checked:j,onCheckedChange:w,disabled:x=!1,required:g=!1,name:R,value:N,asChild:y=!1,className:S,onClick:T,...E},P)=>{const[q,B]=m(j,v,w),z=c(o,b),L=n("switch",{variant:f,size:k}),D=h(r),I=l(L,D),$=t.useRef(null),A=t.useRef(v),F=Boolean(R)||g;t.useEffect((()=>{const e=$.current?.closest("form");if(!e||!F)return;const s=()=>B(Boolean(A.current));return e.addEventListener("reset",s),()=>e.removeEventListener("reset",s)}),[F,B]);const G={checked:q,setChecked:B,rootClass:z,disabled:x},H={...I,"data-slot":"switch-root","data-state":q?"checked":"unchecked","data-disabled":x?"":void 0,role:"switch","aria-checked":q,"aria-required":g,disabled:x,...E};return R&&(H.name=R),N&&(H.value=N),e(C.Provider,{value:G,children:[s(i,{ref:p(P,$),asChild:y,...H,className:d(z,S),onClick:u(T,(()=>{x||B(!q)})),children:a}),F&&s("input",{type:"checkbox","aria-hidden":"true",tabIndex:-1,name:R,value:N??"on",checked:q,required:g,disabled:x,onChange:()=>{},style:{position:"absolute",width:1,height:1,margin:0,opacity:0,pointerEvents:"none"}})]})}));k.displayName=b;const v=o((({asChild:e=!1,className:t,children:a,...o},i)=>{const{checked:c,rootClass:n,disabled:l}=r(C),h={"data-slot":"switch-thumb"};return h["data-state"]=c?"checked":"unchecked",l&&(h["data-disabled"]=""),s(f.span,{ref:i,className:d(n&&`${n}-indicator`,t),asChild:e,...h,...o,children:a})}));v.displayName="SwitchThumb";const j=()=>(console.warn("Direct usage of Switch is not supported. Please use Switch.Root, Switch.Thumb, etc. instead."),null);j.Root=k,j.Thumb=v;export{k as Root,v as Thumb,j as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),o=require("./useComponentClass-B0DF90tm.cjs"),t=require("./index-
|
|
1
|
+
'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),o=require("./useComponentClass-B0DF90tm.cjs"),t=require("./index-rUSzFrhJ.cjs"),r=require("./index-Bg-UeWCo.cjs"),s=require("./index-BwNOI8cB.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./index-BZO29jsF.cjs"),require("./keyboard-BBlFllyi.cjs"),require("./mergeRefs-BUn-enYe.cjs"),require("./mergeProps-DW5qFqqJ.cjs");const i=a.createContext({rootClass:"",tabValue:"",handleTabChange:()=>{}}),n=a.forwardRef((({value:s,className:n="",href:l="#",children:d,disabled:u,asChild:c,active:v,id:C,onClick:b,...h},x)=>{const{rootClass:p,tabValue:f,handleTabChange:j}=a.useContext(i),{setFocusedItemId:m}=a.useContext(t.RovingFocusGroupContext);c&&(u=!1);const R=a.useId(),g=C??R,N=v??(void 0!==s&&s===f);a.useEffect((()=>{N&&!u&&m(g)}),[N,u,g]);return e.jsx(t.RovingFocusGroupUtility.Item,{domId:g,children:e.jsx(r.Primitive.a,{ref:x,id:g,className:o.clsx(p&&`${p}-link`,n),asChild:c,onClick:e=>{u?e.preventDefault():(b?.(e),e.defaultPrevented||void 0===s||j(s))},"aria-disabled":u,"aria-current":N?"page":void 0,"data-state":N?"active":"inactive","data-disabled":u?"":void 0,"data-slot":"tab-nav-link",disabled:u,...u?{}:{href:l},...h,children:d})})}));n.displayName="TabNavLink";const l=a.forwardRef((({className:r,loop:n=!0,orientation:l="horizontal",dir:d,children:u,color:c,customRootClass:v="",defaultValue:C="",onValueChange:b=()=>{},value:h,...x},p)=>{const f=o.useComponentClass(v,"TabNav"),[j,m]=s.useControllableState(h,C||"",b),R=e=>{e!==j&&m(e)},g=a.useRef(!0);a.useEffect((()=>{g.current?g.current=!1:void 0===h&&C&&R(C)}),[C,h]);const N={rootClass:f,tabValue:j,handleTabChange:R};return e.jsx(i.Provider,{value:N,children:e.jsx(t.RovingFocusGroupUtility.Root,{loop:n,orientation:l,dir:d,children:e.jsx(t.RovingFocusGroupUtility.Group,{asChild:!0,children:e.jsx("nav",{ref:p,className:o.clsx(f,r),dir:d,"data-orientation":l,"data-slot":"tab-nav-root",role:void 0,...x,children:u})})})})}));l.displayName="TabNavRoot";const d=()=>(console.warn("Direct usage of TabNav is not supported. Please use TabNav.Root, TabNav.Link instead."),null);d.Root=l,d.Link=n,exports.Link=n,exports.Root=l,exports.default=d;
|
|
@@ -25,6 +25,8 @@ declare const TabNavLink: React__default.ForwardRefExoticComponent<Omit<React__d
|
|
|
25
25
|
type TabNavRootProps = React__default.ComponentPropsWithoutRef<'nav'> & {
|
|
26
26
|
loop?: boolean;
|
|
27
27
|
orientation?: 'horizontal' | 'vertical';
|
|
28
|
+
/** Reading direction. In `rtl`, ArrowLeft moves to the next link. */
|
|
29
|
+
dir?: 'ltr' | 'rtl';
|
|
28
30
|
customRootClass?: string;
|
|
29
31
|
color?: string;
|
|
30
32
|
value?: string;
|
|
@@ -34,6 +36,8 @@ type TabNavRootProps = React__default.ComponentPropsWithoutRef<'nav'> & {
|
|
|
34
36
|
declare const TabNavRoot: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
35
37
|
loop?: boolean;
|
|
36
38
|
orientation?: "horizontal" | "vertical";
|
|
39
|
+
/** Reading direction. In `rtl`, ArrowLeft moves to the next link. */
|
|
40
|
+
dir?: "ltr" | "rtl";
|
|
37
41
|
customRootClass?: string;
|
|
38
42
|
color?: string;
|
|
39
43
|
value?: string;
|
|
@@ -46,6 +50,7 @@ declare const TabNav: {
|
|
|
46
50
|
Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
47
51
|
loop?: boolean;
|
|
48
52
|
orientation?: "horizontal" | "vertical";
|
|
53
|
+
dir?: "ltr" | "rtl";
|
|
49
54
|
customRootClass?: string;
|
|
50
55
|
color?: string;
|
|
51
56
|
value?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{jsx as a}from"react/jsx-runtime";import{createContext as e,forwardRef as o,useContext as t,useId as
|
|
1
|
+
'use client';import{jsx as a}from"react/jsx-runtime";import{createContext as e,forwardRef as o,useContext as t,useId as r,useEffect as i,useRef as s}from"react";import{c as n,u as d}from"./useComponentClass-C0isGl1z.js";import{a as l,R as c}from"./index-D8QLtYJh.js";import{P as m}from"./index-BidxkqdT.js";import{u}from"./index-wRElCyvx.js";import"./ThemeContext-Sm-iNANd.js";import"./index-DH-14XDv.js";import"./keyboard-BKF7hXqL.js";import"./mergeRefs-B8eZ_q-T.js";import"./mergeProps-0RucjqeH.js";const v=e({rootClass:"",tabValue:"",handleTabChange:()=>{}}),p=o((({value:e,className:o="",href:s="#",children:d,disabled:u,asChild:p,active:h,id:b,onClick:f,...C},N)=>{const{rootClass:j,tabValue:T,handleTabChange:k}=t(v),{setFocusedItemId:g}=t(l);p&&(u=!1);const R=r(),x=b??R,P=h??(void 0!==e&&e===T);i((()=>{P&&!u&&g(x)}),[P,u,x]);return a(c.Item,{domId:x,children:a(m.a,{ref:N,id:x,className:n(j&&`${j}-link`,o),asChild:p,onClick:a=>{u?a.preventDefault():(f?.(a),a.defaultPrevented||void 0===e||k(e))},"aria-disabled":u,"aria-current":P?"page":void 0,"data-state":P?"active":"inactive","data-disabled":u?"":void 0,"data-slot":"tab-nav-link",disabled:u,...u?{}:{href:s},...C,children:d})})}));p.displayName="TabNavLink";const h=o((({className:e,loop:o=!0,orientation:t="horizontal",dir:r,children:l,color:m,customRootClass:p="",defaultValue:h="",onValueChange:b=()=>{},value:f,...C},N)=>{const j=d(p,"TabNav"),[T,k]=u(f,h||"",b),g=a=>{a!==T&&k(a)},R=s(!0);i((()=>{R.current?R.current=!1:void 0===f&&h&&g(h)}),[h,f]);const x={rootClass:j,tabValue:T,handleTabChange:g};return a(v.Provider,{value:x,children:a(c.Root,{loop:o,orientation:t,dir:r,children:a(c.Group,{asChild:!0,children:a("nav",{ref:N,className:n(j,e),dir:r,"data-orientation":t,"data-slot":"tab-nav-root",role:void 0,...C,children:l})})})})}));h.displayName="TabNavRoot";const b=()=>(console.warn("Direct usage of TabNav is not supported. Please use TabNav.Root, TabNav.Link instead."),null);b.Root=h,b.Link=p;export{p as Link,h as Root,b as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react/jsx-runtime"),n=require("./useComponentClass-B0DF90tm.cjs"),r=require("./keyboard-BBlFllyi.cjs");require("./ThemeContext-t7IX-w6i.cjs");const
|
|
1
|
+
'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react/jsx-runtime"),n=require("./useComponentClass-B0DF90tm.cjs"),r=require("./keyboard-BBlFllyi.cjs"),s=require("./index-Bg-UeWCo.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./mergeProps-DW5qFqqJ.cjs");const l=e.createContext(null),o="Table",a=()=>{const t=e.useContext(l);if(!t)throw new Error("Table components must be used within a Table.Root");return t};function i(e){return e?Array.isArray(e)?Object.fromEntries(e.map(((e,t)=>[t,e]))):e:{}}const u=e.forwardRef((({children:s,className:a="",customRootClass:u="",resizable:c=!1,defaultColumnWidths:d,columnWidths:m,onColumnWidthsChange:h,minColumnWidth:f=48,resizeHandleVisibility:v="hover",...b},C)=>{const x=n.useComponentClass(u,o),y=e.useRef(null),[R,p]=e.useState((()=>i(d))),[z,w]=e.useState(0),[E,j]=e.useState(!1),[N,T]=e.useState(null),g=e.useRef({}),H=e.useRef(0),M=e.useRef(!1),k=e.useRef(null),L=e.useCallback((()=>{const e=k.current;e&&(document.removeEventListener("mousemove",e.handleMove),document.removeEventListener("mouseup",e.handleEnd),document.removeEventListener("touchmove",e.handleMove),document.removeEventListener("touchend",e.handleEnd),document.removeEventListener("touchcancel",e.handleEnd),k.current=null)}),[]);e.useEffect((()=>()=>{L()}),[L]);const W=void 0!==m,I=W?i(m):R;g.current=I,H.current=z;const P=e.useCallback((e=>{W||p(e),h?.(e)}),[W,h]),S=e.useCallback((e=>{w((t=>Math.max(t,e+1)))}),[]),A=e.useCallback((e=>{if(!c)return;const t=I[e];return void 0!==t?{width:t}:void 0}),[I,c]);e.useLayoutEffect((()=>{if(!c||W||!y.current||0===z||M.current)return;const e=y.current.offsetWidth;if(e<=0)return;const t=Object.keys(g.current).length>0?function(e,t,n){const r=Array.from({length:t},((t,n)=>e[n]??0)),s=r.reduce(((e,t)=>e+t),0);if(s<=0||n<=0)return e;const l=n/s;return Object.fromEntries(r.map(((e,t)=>[t,Math.max(1,Math.round(e*l))])))}(g.current,z,e):function(e,t){const n=Math.max(1,Math.floor(t/e));return Object.fromEntries(Array.from({length:e},((e,t)=>[t,n])))}(z,e);M.current=!0,P(t)}),[z,W,c,P]);const D=e.useCallback(((e,t)=>{let n=e;for(let e=0;e<Math.abs(t);e+=1)if(n=t<0?n.previousElementSibling:n.nextElementSibling,!n)return null;return n}),[]),O=e.useCallback(((e,t)=>g.current[e]??t?.offsetWidth??f),[f]),K=e.useCallback(((e,t,n,r)=>{const s=e+1;if(s>=H.current)return;const l=r-f,o=n-f,a=Math.max(-o,Math.min(l,t)),i=n+a,u=r-a;P({...g.current,[e]:i,[s]:u})}),[f,P]),$=e.useCallback(((e,t,n)=>{if(!c||e>=H.current-1)return;n.preventDefault();const r="clientX"in n?n.clientX:n.touches[0].clientX,s=D(t,1),l=O(e,t),o=O(e+1,s);j(!0),T(e),L();const a=t=>{const n="clientX"in t?t.clientX:t.touches[0].clientX;K(e,n-r,l,o)},i=()=>{j(!1),T(null),L()};k.current={handleMove:a,handleEnd:i},document.addEventListener("mousemove",a),document.addEventListener("mouseup",i),document.addEventListener("touchmove",a),document.addEventListener("touchend",i),document.addEventListener("touchcancel",i)}),[K,L,O,D,c]),q=e.useCallback(((e,t,n)=>{if(!c||e>=H.current-1)return;const s=n.shiftKey?20:5;let l=0;if(n.key===r.KEYBOARD_KEYS.ARROW_LEFT?l=-s:n.key===r.KEYBOARD_KEYS.ARROW_RIGHT&&(l=s),0===l)return;n.preventDefault();const o=D(t,1);K(e,l,O(e,t),O(e+1,o))}),[K,O,D,c]),X=e.useMemo((()=>({rootClass:x,resizable:c,resizeHandleVisibility:v,columnCount:z,minColumnWidth:f,registerColumnIndex:S,columnWidths:I,getColumnStyle:A,startColumnResize:$,handleColumnResizeKeyDown:q,isResizing:E,activeColumnIndex:N})),[N,z,I,A,q,E,f,S,v,c,x,$]);return t.jsx(l.Provider,{value:X,children:t.jsx("div",{ref:C,className:n.clsx(x&&`${x}-wrapper`,a),"data-resizable":c?"":void 0,"data-resizing":c&&E?"":void 0,"data-resize-handle-visibility":c?v:void 0,...b,children:t.jsxs("table",{ref:y,className:n.clsx(x),"data-resizable":c?"":void 0,style:c?{tableLayout:"fixed",width:"100%"}:void 0,children:[c&&z>0&&t.jsx("colgroup",{children:Array.from({length:z},((e,n)=>t.jsx("col",{style:A(n)},n)))}),s]})})})}));u.displayName=o;const c=e.forwardRef((({children:r,className:o="header",...a},i)=>{const u=e.useContext(l)?.rootClass;return t.jsx(s.Primitive.thead,{ref:i,className:n.clsx(u&&`${u}-head`,o),...a,children:r})}));c.displayName="TableHead";const d=e.forwardRef((({children:r,className:o="",...a},i)=>{const u=e.useContext(l)?.rootClass;return t.jsx(s.Primitive.tbody,{ref:i,className:n.clsx(u&&`${u}-body`,o),...a,children:r})}));d.displayName="TableBody";const m=e.forwardRef((({children:r,className:o="row",...a},i)=>{const u=e.useContext(l)?.rootClass;return t.jsx(s.Primitive.tr,{ref:i,className:n.clsx(u&&`${u}-row`,o),...a,children:r})}));m.displayName="TableRow";const h=e.createContext(null),f=e.forwardRef((({children:r,className:l="cell-header",columnIndex:o,style:i,...u},c)=>{const{resizable:d,registerColumnIndex:m,rootClass:f}=a(),v=d&&void 0!==o;e.useLayoutEffect((()=>{void 0!==o&&m(o)}),[o,m]);const b=t.jsx(s.Primitive.th,{ref:c,className:n.clsx(f&&`${f}-cell-header`,l,v&&"resizable"),"data-resizable":v?"":void 0,style:i,...u,children:r});return void 0===o?b:t.jsx(h.Provider,{value:{columnIndex:o},children:b})}));f.displayName="TableColumnCellHeader";const v=e.forwardRef((({className:r,"aria-label":s,...l},o)=>{const{rootClass:i,resizable:u,resizeHandleVisibility:c,columnCount:d,minColumnWidth:m,columnWidths:f,startColumnResize:v,handleColumnResizeKeyDown:b,isResizing:C,activeColumnIndex:x}=a(),{columnIndex:y}=(()=>{const t=e.useContext(h);if(!t)throw new Error("Table.ColumnResizeHandle must be used within a Table.ColumnCellHeader with columnIndex");return t})(),R=e.useRef(null),p=C&&x===y,z=d>0&&y>=d-1,w=e.useCallback((e=>{R.current=e?.closest("th")??null,"function"==typeof o?o(e):o&&(o.current=e)}),[o]);if(!u||z)return null;const E=Math.round(f[y]??R.current?.offsetWidth??m);return t.jsx("div",{...l,ref:w,"data-slot":"table-column-resize-handle","data-resize-handle-visibility":c,"data-state":p?"active":void 0,className:n.clsx(i&&`${i}-column-resize-handle`,{active:p},r),role:"separator","aria-orientation":"vertical","aria-label":s||`Resize column ${y+1}`,"aria-valuemin":m,"aria-valuenow":E,tabIndex:0,onMouseDown:e=>{R.current&&v(y,R.current,e)},onTouchStart:e=>{R.current&&v(y,R.current,e)},onKeyDown:e=>{R.current&&b(y,R.current,e)}})}));v.displayName="TableColumnResizeHandle";const b=e.forwardRef((({children:e,className:r="cell",columnIndex:l,style:o,...i},u)=>{const{resizable:c,rootClass:d}=a(),m=c&&void 0!==l;return t.jsx(s.Primitive.td,{ref:u,className:n.clsx(d&&`${d}-cell`,r,m&&"resizable"),"data-resizable":m?"":void 0,style:o,...i,children:e})}));b.displayName="TableCell";const C=e.forwardRef((function(e,t){return console.warn("Direct usage of Table is not supported. Please use Table.Root, Table.Head, etc. instead."),null}));C.displayName="Table",C.Root=u,C.Body=d,C.Head=c,C.Row=m,C.Cell=b,C.ColumnCellHeader=f,C.ColumnResizeHandle=v,exports.Body=d,exports.Cell=b,exports.ColumnCellHeader=f,exports.ColumnResizeHandle=v,exports.Head=c,exports.Root=u,exports.Row=m,exports.default=C,exports.useTable=a;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React$1, { CSSProperties } from 'react';
|
|
2
|
+
import Primitive from '~/core/primitives/Primitive';
|
|
2
3
|
|
|
3
4
|
type ColumnWidths = Record<number, number>;
|
|
4
5
|
type TableResizeHandleVisibility = 'hover' | 'always';
|
|
@@ -38,21 +39,29 @@ declare const TableRoot: React$1.ForwardRefExoticComponent<Omit<React$1.Detailed
|
|
|
38
39
|
resizeHandleVisibility?: TableResizeHandleVisibility;
|
|
39
40
|
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
40
41
|
|
|
41
|
-
type TableHeadProps = React$1.ComponentPropsWithoutRef<
|
|
42
|
-
declare const TableHead: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> &
|
|
42
|
+
type TableHeadProps = React$1.ComponentPropsWithoutRef<typeof Primitive.thead>;
|
|
43
|
+
declare const TableHead: React$1.ForwardRefExoticComponent<Omit<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
|
|
44
|
+
asChild?: boolean;
|
|
45
|
+
} & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
43
46
|
|
|
44
|
-
type TableBodyProps = React$1.ComponentPropsWithoutRef<
|
|
45
|
-
declare const TableBody: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> &
|
|
47
|
+
type TableBodyProps = React$1.ComponentPropsWithoutRef<typeof Primitive.tbody>;
|
|
48
|
+
declare const TableBody: React$1.ForwardRefExoticComponent<Omit<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
|
|
49
|
+
asChild?: boolean;
|
|
50
|
+
} & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
46
51
|
|
|
47
|
-
type TableRowProps = React$1.ComponentPropsWithoutRef<
|
|
48
|
-
declare const TableRow: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> &
|
|
52
|
+
type TableRowProps = React$1.ComponentPropsWithoutRef<typeof Primitive.tr>;
|
|
53
|
+
declare const TableRow: React$1.ForwardRefExoticComponent<Omit<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & {
|
|
54
|
+
asChild?: boolean;
|
|
55
|
+
} & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
49
56
|
|
|
50
|
-
type TableColumnCellHeaderProps = React$1.ComponentPropsWithoutRef<
|
|
57
|
+
type TableColumnCellHeaderProps = React$1.ComponentPropsWithoutRef<typeof Primitive.th> & {
|
|
51
58
|
columnIndex?: number;
|
|
52
59
|
};
|
|
53
|
-
declare const TableColumnCellHeader: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & {
|
|
60
|
+
declare const TableColumnCellHeader: React$1.ForwardRefExoticComponent<Omit<Omit<React$1.DetailedHTMLProps<React$1.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & {
|
|
61
|
+
asChild?: boolean;
|
|
62
|
+
} & React$1.RefAttributes<HTMLElement>, "ref"> & {
|
|
54
63
|
columnIndex?: number;
|
|
55
|
-
} & React$1.RefAttributes<
|
|
64
|
+
} & React$1.RefAttributes<HTMLElement>>;
|
|
56
65
|
|
|
57
66
|
type TableColumnResizeHandleProps = React$1.ComponentPropsWithoutRef<'div'> & {
|
|
58
67
|
'aria-label'?: string;
|
|
@@ -61,12 +70,14 @@ declare const TableColumnResizeHandle: React$1.ForwardRefExoticComponent<Omit<Re
|
|
|
61
70
|
'aria-label'?: string;
|
|
62
71
|
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
63
72
|
|
|
64
|
-
type TableCellProps = React$1.ComponentPropsWithoutRef<
|
|
73
|
+
type TableCellProps = React$1.ComponentPropsWithoutRef<typeof Primitive.td> & {
|
|
65
74
|
columnIndex?: number;
|
|
66
75
|
};
|
|
67
|
-
declare const TableCell: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
|
|
76
|
+
declare const TableCell: React$1.ForwardRefExoticComponent<Omit<Omit<React$1.DetailedHTMLProps<React$1.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
|
|
77
|
+
asChild?: boolean;
|
|
78
|
+
} & React$1.RefAttributes<HTMLElement>, "ref"> & {
|
|
68
79
|
columnIndex?: number;
|
|
69
|
-
} & React$1.RefAttributes<
|
|
80
|
+
} & React$1.RefAttributes<HTMLElement>>;
|
|
70
81
|
|
|
71
82
|
type TableProps = React$1.HTMLAttributes<HTMLTableElement> & {
|
|
72
83
|
children?: React$1.ReactNode;
|
package/dist/components/Table.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import e,{createContext as n,useRef as t,useState as r,useCallback as o,useEffect as
|
|
1
|
+
'use client';import e,{createContext as n,useRef as t,useState as r,useCallback as o,useEffect as a,useLayoutEffect as l,useMemo as s}from"react";import{jsx as i,jsxs as c}from"react/jsx-runtime";import{u,c as d}from"./useComponentClass-C0isGl1z.js";import{K as m}from"./keyboard-BKF7hXqL.js";import{P as h}from"./index-BidxkqdT.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const f=n(null),v="Table",b=()=>{const n=e.useContext(f);if(!n)throw new Error("Table components must be used within a Table.Root");return n};function C(e){return e?Array.isArray(e)?Object.fromEntries(e.map(((e,n)=>[n,e]))):e:{}}const y=e.forwardRef((({children:e,className:n="",customRootClass:h="",resizable:b=!1,defaultColumnWidths:y,columnWidths:p,onColumnWidthsChange:R,minColumnWidth:z=48,resizeHandleVisibility:w="hover",...x},E)=>{const N=u(h,v),T=t(null),[g,H]=r((()=>C(y))),[L,M]=r(0),[W,I]=r(!1),[j,$]=r(null),A=t({}),D=t(0),O=t(!1),X=t(null),k=o((()=>{const e=X.current;e&&(document.removeEventListener("mousemove",e.handleMove),document.removeEventListener("mouseup",e.handleEnd),document.removeEventListener("touchmove",e.handleMove),document.removeEventListener("touchend",e.handleEnd),document.removeEventListener("touchcancel",e.handleEnd),X.current=null)}),[]);a((()=>()=>{k()}),[k]);const K=void 0!==p,P=K?C(p):g;A.current=P,D.current=L;const S=o((e=>{K||H(e),R?.(e)}),[K,R]),B=o((e=>{M((n=>Math.max(n,e+1)))}),[]),V=o((e=>{if(!b)return;const n=P[e];return void 0!==n?{width:n}:void 0}),[P,b]);l((()=>{if(!b||K||!T.current||0===L||O.current)return;const e=T.current.offsetWidth;if(e<=0)return;const n=Object.keys(A.current).length>0?function(e,n,t){const r=Array.from({length:n},((n,t)=>e[t]??0)),o=r.reduce(((e,n)=>e+n),0);if(o<=0||t<=0)return e;const a=t/o;return Object.fromEntries(r.map(((e,n)=>[n,Math.max(1,Math.round(e*a))])))}(A.current,L,e):function(e,n){const t=Math.max(1,Math.floor(n/e));return Object.fromEntries(Array.from({length:e},((e,n)=>[n,t])))}(L,e);O.current=!0,S(n)}),[L,K,b,S]);const _=o(((e,n)=>{let t=e;for(let e=0;e<Math.abs(n);e+=1)if(t=n<0?t.previousElementSibling:t.nextElementSibling,!t)return null;return t}),[]),F=o(((e,n)=>A.current[e]??n?.offsetWidth??z),[z]),G=o(((e,n,t,r)=>{const o=e+1;if(o>=D.current)return;const a=r-z,l=t-z,s=Math.max(-l,Math.min(a,n)),i=t+s,c=r-s;S({...A.current,[e]:i,[o]:c})}),[z,S]),q=o(((e,n,t)=>{if(!b||e>=D.current-1)return;t.preventDefault();const r="clientX"in t?t.clientX:t.touches[0].clientX,o=_(n,1),a=F(e,n),l=F(e+1,o);I(!0),$(e),k();const s=n=>{const t="clientX"in n?n.clientX:n.touches[0].clientX;G(e,t-r,a,l)},i=()=>{I(!1),$(null),k()};X.current={handleMove:s,handleEnd:i},document.addEventListener("mousemove",s),document.addEventListener("mouseup",i),document.addEventListener("touchmove",s),document.addEventListener("touchend",i),document.addEventListener("touchcancel",i)}),[G,k,F,_,b]),J=o(((e,n,t)=>{if(!b||e>=D.current-1)return;const r=t.shiftKey?20:5;let o=0;if(t.key===m.ARROW_LEFT?o=-r:t.key===m.ARROW_RIGHT&&(o=r),0===o)return;t.preventDefault();const a=_(n,1);G(e,o,F(e,n),F(e+1,a))}),[G,F,_,b]),Q=s((()=>({rootClass:N,resizable:b,resizeHandleVisibility:w,columnCount:L,minColumnWidth:z,registerColumnIndex:B,columnWidths:P,getColumnStyle:V,startColumnResize:q,handleColumnResizeKeyDown:J,isResizing:W,activeColumnIndex:j})),[j,L,P,V,J,W,z,B,w,b,N,q]);return i(f.Provider,{value:Q,children:i("div",{ref:E,className:d(N&&`${N}-wrapper`,n),"data-resizable":b?"":void 0,"data-resizing":b&&W?"":void 0,"data-resize-handle-visibility":b?w:void 0,...x,children:c("table",{ref:T,className:d(N),"data-resizable":b?"":void 0,style:b?{tableLayout:"fixed",width:"100%"}:void 0,children:[b&&L>0&&i("colgroup",{children:Array.from({length:L},((e,n)=>i("col",{style:V(n)},n)))}),e]})})})}));y.displayName=v;const p=e.forwardRef((({children:n,className:t="header",...r},o)=>{const a=e.useContext(f)?.rootClass;return i(h.thead,{ref:o,className:d(a&&`${a}-head`,t),...r,children:n})}));p.displayName="TableHead";const R=e.forwardRef((({children:n,className:t="",...r},o)=>{const a=e.useContext(f)?.rootClass;return i(h.tbody,{ref:o,className:d(a&&`${a}-body`,t),...r,children:n})}));R.displayName="TableBody";const z=e.forwardRef((({children:n,className:t="row",...r},o)=>{const a=e.useContext(f)?.rootClass;return i(h.tr,{ref:o,className:d(a&&`${a}-row`,t),...r,children:n})}));z.displayName="TableRow";const w=n(null),x=e.forwardRef((({children:n,className:t="cell-header",columnIndex:r,style:o,...a},l)=>{const{resizable:s,registerColumnIndex:c,rootClass:u}=b(),m=s&&void 0!==r;e.useLayoutEffect((()=>{void 0!==r&&c(r)}),[r,c]);const f=i(h.th,{ref:l,className:d(u&&`${u}-cell-header`,t,m&&"resizable"),"data-resizable":m?"":void 0,style:o,...a,children:n});return void 0===r?f:i(w.Provider,{value:{columnIndex:r},children:f})}));x.displayName="TableColumnCellHeader";const E=e.forwardRef((({className:n,"aria-label":t,...r},o)=>{const{rootClass:a,resizable:l,resizeHandleVisibility:s,columnCount:c,minColumnWidth:u,columnWidths:m,startColumnResize:h,handleColumnResizeKeyDown:f,isResizing:v,activeColumnIndex:C}=b(),{columnIndex:y}=(()=>{const n=e.useContext(w);if(!n)throw new Error("Table.ColumnResizeHandle must be used within a Table.ColumnCellHeader with columnIndex");return n})(),p=e.useRef(null),R=v&&C===y,z=c>0&&y>=c-1,x=e.useCallback((e=>{p.current=e?.closest("th")??null,"function"==typeof o?o(e):o&&(o.current=e)}),[o]);if(!l||z)return null;const E=Math.round(m[y]??p.current?.offsetWidth??u);return i("div",{...r,ref:x,"data-slot":"table-column-resize-handle","data-resize-handle-visibility":s,"data-state":R?"active":void 0,className:d(a&&`${a}-column-resize-handle`,{active:R},n),role:"separator","aria-orientation":"vertical","aria-label":t||`Resize column ${y+1}`,"aria-valuemin":u,"aria-valuenow":E,tabIndex:0,onMouseDown:e=>{p.current&&h(y,p.current,e)},onTouchStart:e=>{p.current&&h(y,p.current,e)},onKeyDown:e=>{p.current&&f(y,p.current,e)}})}));E.displayName="TableColumnResizeHandle";const N=e.forwardRef((({children:e,className:n="cell",columnIndex:t,style:r,...o},a)=>{const{resizable:l,rootClass:s}=b(),c=l&&void 0!==t;return i(h.td,{ref:a,className:d(s&&`${s}-cell`,n,c&&"resizable"),"data-resizable":c?"":void 0,style:r,...o,children:e})}));N.displayName="TableCell";const T=e.forwardRef((function(e,n){return console.warn("Direct usage of Table is not supported. Please use Table.Root, Table.Head, etc. instead."),null}));T.displayName="Table",T.Root=y,T.Body=R,T.Head=p,T.Row=z,T.Cell=N,T.ColumnCellHeader=x,T.ColumnResizeHandle=E;export{R as Body,N as Cell,x as ColumnCellHeader,E as ColumnResizeHandle,p as Head,y as Root,z as Row,T as default,b as useTable};
|
package/dist/components/Tabs.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react/jsx-runtime"),o=require("./useComponentClass-B0DF90tm.cjs"),a=require("./index-
|
|
1
|
+
'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react/jsx-runtime"),o=require("./useComponentClass-B0DF90tm.cjs"),a=require("./index-rUSzFrhJ.cjs"),i=require("./index-Bg-UeWCo.cjs"),r=require("./index-BwNOI8cB.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./index-BZO29jsF.cjs"),require("./keyboard-BBlFllyi.cjs"),require("./mergeRefs-BUn-enYe.cjs"),require("./mergeProps-DW5qFqqJ.cjs");const s=e=>e.replace(/\s+/g,"-"),n=(e,t)=>`${e}-trigger-${s(t)}`,d=(e,t)=>`${e}-content-${s(t)}`,l=e.createContext(null),c=e.forwardRef((({className:r="",children:s,asChild:n=!1,...d},c)=>{const u=e.useContext(l);if(!u)throw new Error("TabList must be used within a TabRoot");const{rootClass:b,orientation:v}=u;return t.jsx(a.RovingFocusGroupUtility.Group,{children:t.jsx(i.Primitive.div,{ref:c,role:"tablist","aria-orientation":v,className:o.clsx(b&&`${b}-list`,r),"data-slot":"tabs-list",asChild:n,...d,children:s})})}));c.displayName="TabList";const u=e.forwardRef((({value:r,children:s,className:c="",disabled:u,asChild:b=!1,id:v,onClick:h,onFocus:C,...m},f)=>{const g=e.useContext(l);if(!g)throw new Error("TabTrigger must be used within a TabRoot");const{tabValue:x,handleTabChange:p,rootClass:T,orientation:R,activationMode:j,baseId:w,registerTriggerId:I}=g,{setFocusedItemId:N}=e.useContext(a.RovingFocusGroupContext),y=void 0!==r&&r===x,q=v??(void 0!==r?n(w,r):void 0),P=void 0!==r?d(w,r):void 0;e.useEffect((()=>{if(void 0!==r&&void 0!==v&&I)return I(r,v),()=>I(r,void 0)}),[r,v,I]),e.useEffect((()=>{y&&!u&&q&&N(q)}),[y,u,q]);const F={};return F["data-state"]=y?"active":"inactive",F["data-orientation"]=R||"horizontal",u&&(F["data-disabled"]=""),t.jsx(a.RovingFocusGroupUtility.Item,{domId:q,children:t.jsx(i.Primitive.button,{ref:f,id:q,onClick:e=>{h?.(e),e.defaultPrevented||u||void 0===r||p(r)},onFocus:e=>{C?.(e),e.defaultPrevented||u||void 0===r||"manual"!==j&&p(r)},className:o.clsx(T&&`${T}-trigger`,y?"active":"",u?"disabled":"",c),role:"tab",type:"button","aria-selected":y,"aria-controls":y?P:void 0,"aria-disabled":u,disabled:u,"data-slot":"tabs-trigger",asChild:b,...F,...m,children:s})})}));u.displayName="TabTrigger";const b="TabContent",v=e.forwardRef((({className:a="",value:r,children:s,customRootClass:c,asChild:u=!1,forceMount:v=!1,...h},C)=>{const m=o.useComponentClass(c,b),f=e.useContext(l);if(!f)throw new Error("TabContent must be used within a TabRoot");const{tabValue:g,orientation:x,baseId:p,customTriggerIds:T}=f,R=void 0!==r&&g===r;if(!(v||R))return null;const j={};return j["data-state"]=R?"active":"inactive",j["data-orientation"]=x||"horizontal",t.jsx(i.Primitive.div,{ref:C,className:o.clsx(m,a),id:void 0!==r?d(p,r):void 0,role:"tabpanel","aria-labelledby":void 0!==r?T?.[r]??n(p,r):void 0,tabIndex:R?0:void 0,hidden:!R,"aria-hidden":!R,"data-slot":"tabs-content",asChild:u,...j,...h,children:s})}));v.displayName=b;const h="Tabs",C=e.forwardRef((({children:s,defaultValue:n="",onValueChange:d=()=>{},customRootClass:c="",value:u,className:b,color:v,orientation:C="horizontal",dir:m="ltr",loop:f=!0,activationMode:g="automatic",asChild:x=!1,...p},T)=>{const R=o.useComponentClass(c,h),[j,w]=r.useControllableState(u,n||"",d),I=e.useId(),[N,y]=e.useState({}),q=e.useCallback(((e,t)=>{y((o=>{if(o[e]===t)return o;const a={...o};return void 0===t?delete a[e]:a[e]=t,a}))}),[]),P=e=>{e!==j&&w(e)},F=e.useRef(!0);e.useEffect((()=>{F.current?F.current=!1:void 0===u&&n&&P(n)}),[n,u]);const E={rootClass:R,baseId:I,tabValue:j,handleTabChange:P,orientation:C,activationMode:g,customTriggerIds:N,registerTriggerId:q},$={};return $["data-orientation"]=C,t.jsx(l.Provider,{value:E,children:t.jsx(a.RovingFocusGroupUtility.Root,{orientation:C,loop:f,dir:m,asChild:!0,children:t.jsx(i.Primitive.div,{ref:T,className:o.clsx(R,b),"data-color":v,"data-slot":"tabs-root",dir:m,asChild:x,...$,...p,children:s})})})}));C.displayName=h;const m=e.forwardRef(((e,t)=>(console.warn("Direct usage of Tabs is not supported. Please use Tabs.Root, Tabs.List, etc. instead."),null)));m.displayName="Tabs",m.List=c,m.Content=v,m.Root=C,m.Trigger=u,exports.Content=v,exports.List=c,exports.Root=C,exports.Trigger=u,exports.default=m;
|
package/dist/components/Tabs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import a,{createContext as t,useContext as e,useEffect as o,useId as i,useState as r,useCallback as s,useRef as d}from"react";import{jsx as n}from"react/jsx-runtime";import{c as l,u as c}from"./useComponentClass-C0isGl1z.js";import{R as u,a as m}from"./index-
|
|
1
|
+
'use client';import a,{createContext as t,useContext as e,useEffect as o,useId as i,useState as r,useCallback as s,useRef as d}from"react";import{jsx as n}from"react/jsx-runtime";import{c as l,u as c}from"./useComponentClass-C0isGl1z.js";import{R as u,a as m}from"./index-D8QLtYJh.js";import{P as b}from"./index-BidxkqdT.js";import{u as h}from"./index-wRElCyvx.js";import"./ThemeContext-Sm-iNANd.js";import"./index-DH-14XDv.js";import"./keyboard-BKF7hXqL.js";import"./mergeRefs-B8eZ_q-T.js";import"./mergeProps-0RucjqeH.js";const v=a=>a.replace(/\s+/g,"-"),f=(a,t)=>`${a}-trigger-${v(t)}`,g=(a,t)=>`${a}-content-${v(t)}`,p=t(null),C=a.forwardRef((({className:a="",children:t,asChild:o=!1,...i},r)=>{const s=e(p);if(!s)throw new Error("TabList must be used within a TabRoot");const{rootClass:d,orientation:c}=s;return n(u.Group,{children:n(b.div,{ref:r,role:"tablist","aria-orientation":c,className:l(d&&`${d}-list`,a),"data-slot":"tabs-list",asChild:o,...i,children:t})})}));C.displayName="TabList";const T=a.forwardRef((({value:a,children:t,className:i="",disabled:r,asChild:s=!1,id:d,onClick:c,onFocus:h,...v},C)=>{const T=e(p);if(!T)throw new Error("TabTrigger must be used within a TabRoot");const{tabValue:R,handleTabChange:w,rootClass:N,orientation:I,activationMode:j,baseId:x,registerTriggerId:y}=T,{setFocusedItemId:P}=e(m),$=void 0!==a&&a===R,L=d??(void 0!==a?f(x,a):void 0),V=void 0!==a?g(x,a):void 0;o((()=>{if(void 0!==a&&void 0!==d&&y)return y(a,d),()=>y(a,void 0)}),[a,d,y]),o((()=>{$&&!r&&L&&P(L)}),[$,r,L]);const M={};return M["data-state"]=$?"active":"inactive",M["data-orientation"]=I||"horizontal",r&&(M["data-disabled"]=""),n(u.Item,{domId:L,children:n(b.button,{ref:C,id:L,onClick:t=>{c?.(t),t.defaultPrevented||r||void 0===a||w(a)},onFocus:t=>{h?.(t),t.defaultPrevented||r||void 0===a||"manual"!==j&&w(a)},className:l(N&&`${N}-trigger`,$?"active":"",r?"disabled":"",i),role:"tab",type:"button","aria-selected":$,"aria-controls":$?V:void 0,"aria-disabled":r,disabled:r,"data-slot":"tabs-trigger",asChild:s,...M,...v,children:t})})}));T.displayName="TabTrigger";const R="TabContent",w=a.forwardRef((({className:a="",value:t,children:o,customRootClass:i,asChild:r=!1,forceMount:s=!1,...d},u)=>{const m=c(i,R),h=e(p);if(!h)throw new Error("TabContent must be used within a TabRoot");const{tabValue:v,orientation:C,baseId:T,customTriggerIds:w}=h,N=void 0!==t&&v===t;if(!(s||N))return null;const I={};return I["data-state"]=N?"active":"inactive",I["data-orientation"]=C||"horizontal",n(b.div,{ref:u,className:l(m,a),id:void 0!==t?g(T,t):void 0,role:"tabpanel","aria-labelledby":void 0!==t?w?.[t]??f(T,t):void 0,tabIndex:N?0:void 0,hidden:!N,"aria-hidden":!N,"data-slot":"tabs-content",asChild:r,...I,...d,children:o})}));w.displayName=R;const N="Tabs",I=a.forwardRef((({children:a,defaultValue:t="",onValueChange:e=()=>{},customRootClass:m="",value:v,className:f,color:g,orientation:C="horizontal",dir:T="ltr",loop:R=!0,activationMode:w="automatic",asChild:I=!1,...j},x)=>{const y=c(m,N),[P,$]=h(v,t||"",e),L=i(),[V,M]=r({}),k=s(((a,t)=>{M((e=>{if(e[a]===t)return e;const o={...e};return void 0===t?delete o[a]:o[a]=t,o}))}),[]),z=a=>{a!==P&&$(a)},E=d(!0);o((()=>{E.current?E.current=!1:void 0===v&&t&&z(t)}),[t,v]);const F={rootClass:y,baseId:L,tabValue:P,handleTabChange:z,orientation:C,activationMode:w,customTriggerIds:V,registerTriggerId:k},D={};return D["data-orientation"]=C,n(p.Provider,{value:F,children:n(u.Root,{orientation:C,loop:R,dir:T,asChild:!0,children:n(b.div,{ref:x,className:l(y,f),"data-color":g,"data-slot":"tabs-root",dir:T,asChild:I,...D,...j,children:a})})})}));I.displayName=N;const j=a.forwardRef(((a,t)=>(console.warn("Direct usage of Tabs is not supported. Please use Tabs.Root, Tabs.List, etc. instead."),null)));j.displayName="Tabs",j.List=C,j.Content=w,j.Root=I,j.Trigger=T;export{w as Content,C as List,I as Root,T as Trigger,j as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("./ThemeContext-t7IX-w6i.cjs");const r=t.forwardRef((function({appearance:r="
|
|
1
|
+
'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("./ThemeContext-t7IX-w6i.cjs");const r=t.forwardRef((function({appearance:r="dark",id:s="rad-ui-theme-container",accentColor:c="",radius:u="",scaling:n="",classNamespace:i,children:d,...o},f){const l=t.useRef(null),h=t.useRef(null),[m,p]=t.useState(r),[v,x]=t.useState(c),[E,R]=t.useState(u),[g,j]=t.useState(n),k=t.useRef(f);t.useEffect((()=>{k.current=f}),[f]);const y=t.useCallback((e=>{l.current=e,((e,t)=>{"function"!=typeof e?e&&(e.current=t):e(t)})(k.current,e)}),[]);return t.useEffect((()=>{const e=window.matchMedia("(prefers-color-scheme: dark)"),t=e=>{"system"===r&&p(e.matches?"dark":"light")};return"system"===r?(p(e.matches?"dark":"light"),e.addEventListener("change",t)):p(r),()=>e.removeEventListener("change",t)}),[r]),t.useEffect((()=>{c&&x(c)}),[c]),t.useEffect((()=>{u&&R(u)}),[u]),t.useEffect((()=>{n&&j(n)}),[n]),e.jsx(a.ThemeContext.Provider,{value:{containerRef:l,portalRootRef:h,classNamespace:i},children:e.jsxs("div",{ref:y,id:s,"data-rad-ui-theme":m,"data-rad-ui-accent-color":v,"data-rad-ui-radius":E,"data-rad-ui-scaling":g,...o,children:[d,e.jsx("div",{ref:h,"data-rad-ui-portal-root":""})]})})}));r.displayName="Theme",exports.default=r;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { ComponentPropsWithoutRef } from 'react';
|
|
2
2
|
|
|
3
3
|
type ThemeProps = ComponentPropsWithoutRef<'div'> & {
|
|
4
|
+
/** Color scheme. Defaults to `'dark'`; pass `'system'` to follow the OS preference. */
|
|
4
5
|
appearance?: 'light' | 'dark' | 'system';
|
|
5
6
|
accentColor?: string;
|
|
6
7
|
radius?: string;
|
|
@@ -8,6 +9,7 @@ type ThemeProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
8
9
|
classNamespace?: string;
|
|
9
10
|
};
|
|
10
11
|
declare const Theme: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
12
|
+
/** Color scheme. Defaults to `'dark'`; pass `'system'` to follow the OS preference. */
|
|
11
13
|
appearance?: "light" | "dark" | "system";
|
|
12
14
|
accentColor?: string;
|
|
13
15
|
radius?: string;
|
package/dist/components/Theme.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{jsx as e,jsxs as a}from"react/jsx-runtime";import{forwardRef as r,useRef as t,useState as n,useEffect as c,useCallback as i}from"react";import{T as o}from"./ThemeContext-Sm-iNANd.js";const
|
|
1
|
+
'use client';import{jsx as e,jsxs as a}from"react/jsx-runtime";import{forwardRef as r,useRef as t,useState as n,useEffect as c,useCallback as i}from"react";import{T as o}from"./ThemeContext-Sm-iNANd.js";const d=r((function({appearance:r="dark",id:d="rad-ui-theme-container",accentColor:s="",radius:l="",scaling:m="",classNamespace:u,children:h,...p},f){const v=t(null),g=t(null),[k,y]=n(r),[x,N]=n(s),[R,T]=n(l),[j,w]=n(m),C=t(f);c((()=>{C.current=f}),[f]);const E=i((e=>{v.current=e,((e,a)=>{"function"!=typeof e?e&&(e.current=a):e(a)})(C.current,e)}),[]);return c((()=>{const e=window.matchMedia("(prefers-color-scheme: dark)"),a=e=>{"system"===r&&y(e.matches?"dark":"light")};return"system"===r?(y(e.matches?"dark":"light"),e.addEventListener("change",a)):y(r),()=>e.removeEventListener("change",a)}),[r]),c((()=>{s&&N(s)}),[s]),c((()=>{l&&T(l)}),[l]),c((()=>{m&&w(m)}),[m]),e(o.Provider,{value:{containerRef:v,portalRootRef:g,classNamespace:u},children:a("div",{ref:E,id:d,"data-rad-ui-theme":k,"data-rad-ui-accent-color":x,"data-rad-ui-radius":R,"data-rad-ui-scaling":j,...p,children:[h,e("div",{ref:g,"data-rad-ui-portal-root":""})]})})}));d.displayName="Theme";export{d as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("./useComponentClass-B0DF90tm.cjs"),i=require("react-dom"),o=require("./ThemeContext-t7IX-w6i.cjs");const r=t.createContext({rootClass:"",position:"bottom-right",expand:!1,gap:14,maxToasts:3,defaultToastTimeout:4e3,toastManager:void 0,isHovered:!1,setIsHovered:()=>{},heights:new Map,updateHeight:()=>{},unlinkStackHeight:()=>{},removeToast:()=>{},toasts:[],visibleToasts:[],viewportClassName:void 0,viewportStyle:void 0,containerAriaLabel:"Notifications",offset:void 0,mobileOffset:void 0,theme:void 0,dir:void 0,richColors:!1,invert:!1,pauseWhenPageIsHidden:!0,closeButton:!1,icons:void 0,loadingIcon:void 0,swipeDirections:void 0,dragThreshold:void 0}),n=t.createContext(null);let a=0;class c{constructor(){this.defaultTimeout=4e3,this.subscribers=new Set,this.dismissSubscribers=new Set,this.updateSubscribers=new Set}subscribe(e){return this.subscribers.add(e),()=>this.subscribers.delete(e)}subscribeDismiss(e){return this.dismissSubscribers.add(e),()=>this.dismissSubscribers.delete(e)}subscribeUpdate(e){return this.updateSubscribers.add(e),()=>this.updateSubscribers.delete(e)}create(e){const{id:t,timeout:s,duration:i,...o}=e,r=t??`toast-${++a}-${Math.random().toString(36).slice(2,7)}`,n={...o,id:r,duration:i??s??this.defaultTimeout};return this.subscribers.forEach((e=>e(n))),r}update(e,t){const s=function(e){const{timeout:t,...s}=e;return void 0!==t?{...s,duration:t,timeout:t}:s}(t);this.updateSubscribers.forEach((t=>t(e,s)))}dismiss(e){this.dismissSubscribers.forEach((t=>t(e)))}dismissAll(){this.dismissSubscribers.forEach((e=>e("__all__")))}close(e){void 0===e?this.dismissAll():this.dismiss(e)}}const d=new c;function u(e){return"string"==typeof e?{title:e}:e}function l(e,t,s,i=d){const o=u(t.loading),r=i.create({persistent:!0,variant:"default",...s,...o});return e.then((e=>{i.dismiss(r);const o=function(e,t){return u("function"==typeof e?e(t):e)}(t.success,e);i.create({variant:"success",...s,...o})})).catch((e=>{i.dismiss(r);const o=function(e,t){return u("function"==typeof e?e(t):e)}(t.error,e);i.create({variant:"error",...s,...o})})),e}function p(e,t){return"string"==typeof e?d.create({title:e,...t}):d.create(e)}function f(e){return(t,s)=>"string"==typeof t?d.create({title:t,variant:e,...s}):d.create({variant:e,...t})}const m=Object.assign(p,{success:f("success"),error:f("error"),warning:f("warning"),info:f("info"),loading:f("loading"),dismiss:e=>void 0===e?d.dismissAll():d.dismiss(e),dismissAll:()=>d.dismissAll(),close:e=>d.close(e),promise:l,message:p,custom:(e,t)=>d.create({...t,render:({id:t})=>e(t)})}),h=({children:i,customRootClass:o="",position:n="bottom-right",expand:a=!1,gap:c=14,maxToasts:u,limit:l,timeout:p,duration:f,toastManager:m,className:h,style:v,richColors:x,closeButton:b,offset:g,mobileOffset:y,theme:C,dir:T,swipeDirections:w,visibleToasts:N,toastOptions:j,invert:S,pauseWhenPageIsHidden:M=!0,icons:R,loadingIcon:P,rtl:k,hotkey:A,containerAriaLabel:E,dragThreshold:D})=>{const H=l??u??N??3,$=t.useMemo((()=>m??d),[m]),I=p??f??4e3;t.useEffect((()=>{$.defaultTimeout=I}),[$,I]);const _=s.useComponentClass(o,"Toast"),[K,O]=t.useState([]),[q,B]=t.useState(!1),[F,L]=t.useState(new Map);t.useEffect((()=>{const e=$.subscribe((e=>{O((t=>{const s={...j,...e},i=t.findIndex((t=>t.id===e.id));if(-1!==i){const e=t[i],o=[...t];return o[i]={...s,updateKey:(e.updateKey??0)+1},o}return[{...s,updateKey:0},...t].slice(0,2*H)}))})),t=$.subscribeDismiss((e=>{"__all__"===e&&O([])})),s=$.subscribeUpdate(((e,t)=>{O((s=>s.map((s=>s.id===e?{...s,...t}:s))))}));return()=>{e(),t(),s()}}),[$,H,j]);const W=t.useCallback((e=>{O((t=>{const s=t.find((t=>t.id===e));return s?.onRemove?.(),t.filter((t=>t.id!==e))})),L((t=>{const s=new Map(t);return s.delete(e),s}))}),[]),U=t.useCallback(((e,t)=>{L((s=>{if(s.get(e)===t)return s;const i=new Map(s);return i.set(e,t),i}))}),[]),V=t.useCallback((e=>{L((t=>{if(!t.has(e))return t;const s=new Map(t);return s.delete(e),s}))}),[]),z=K.slice(0,H);return e.jsx(r.Provider,{value:{rootClass:_,position:n,expand:a,gap:c,maxToasts:H,defaultToastTimeout:I,toastManager:$,isHovered:q,setIsHovered:B,heights:F,updateHeight:U,unlinkStackHeight:V,removeToast:W,toasts:K,visibleToasts:z,viewportClassName:h,viewportStyle:v,containerAriaLabel:E??"Notifications",offset:g,mobileOffset:y,theme:C,dir:k?"rtl":T,richColors:x??!1,invert:S??!1,pauseWhenPageIsHidden:M,closeButton:b??!1,icons:R,loadingIcon:P,swipeDirections:w,dragThreshold:D},children:i})};h.displayName="ToastProvider";const v=({children:e,container:s})=>{const r=t.useContext(o.ThemeContext),[n,a]=t.useState(!1);if(t.useEffect((()=>{a(!0)}),[]),!n)return null;const c=s??r?.portalRootRef.current??document.body;return i.createPortal(e,c)};function x(e){if(void 0!==e)return"number"==typeof e?`${e}px`:e}v.displayName="ToastPortal";const b=({children:i,className:o,style:n})=>{const{rootClass:a,position:c,expand:d,isHovered:u,setIsHovered:l,heights:p,gap:f,visibleToasts:m,viewportClassName:h,viewportStyle:v,containerAriaLabel:b,offset:g,mobileOffset:y,theme:C,dir:T,richColors:w,invert:N}=t.useContext(r),j=t.useRef(null),S=d||u,M=p.get(m[0]?.id)??0,R=m[1]?p.get(m[1].id)??0:0,P=M>0?M:R,k=S?m.reduce(((e,t)=>e+(p.get(t.id)??0)),0)+Math.max(0,m.length-1)*f:P+f*Math.max(0,m.length-1);return e.jsx("section",{ref:j,role:"region","aria-label":b,tabIndex:-1,"data-position":c,"data-expanded":S?"":void 0,"data-theme":C,"data-rich-colors":w?"":void 0,"data-invert":N?"":void 0,dir:T,className:s.clsx(a&&`${a}-viewport`,h,o),style:{...v,"--viewport-height":`${k}px`,"--toast-frontmost-height":`${P}px`,"--toast-offset":x(g),"--toast-mobile-offset":x("object"==typeof y?void 0:y),"--toast-mobile-offset-top":x("object"==typeof y?y.top:void 0),"--toast-mobile-offset-bottom":x("object"==typeof y?y.bottom:void 0),"--toast-mobile-offset-left":x("object"==typeof y?y.left:void 0),"--toast-mobile-offset-right":x("object"==typeof y?y.right:void 0),...n},onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),onFocusCapture:()=>l(!0),onBlurCapture:e=>{j.current?.contains(e.relatedTarget)||l(!1)},children:i})};b.displayName="ToastViewport";const g=({toast:i,className:o,children:a})=>{const{rootClass:c,position:d,expand:u,isHovered:l,heights:p,gap:f,toasts:m,visibleToasts:h,updateHeight:v,unlinkStackHeight:x,removeToast:b,defaultToastTimeout:g,toastManager:y,pauseWhenPageIsHidden:C,swipeDirections:T,dragThreshold:w}=t.useContext(r),N=t.useRef(null),j=t.useRef(null),S=i.duration??i.timeout??g,M=t.useRef(S),R=t.useRef(null),[P,k]=t.useState(!1),[A,E]=t.useState(!0),[D,H]=t.useState(!1),[$,I]=t.useState(!1),_=t.useRef(-1),K=t.useRef(-1),O=t.useRef(!1),q=t.useRef({y:0,time:0}),B=t.useRef(0),F=d.startsWith("top"),L=u||l,W=h.findIndex((e=>e.id===i.id)),U=0===W,V=!U&&!L,z=m.length>0&&i.id===m[m.length-1]?.id,Y=p.get(i.id)??0,G=p.get(h[0]?.id)??0,J=h[1]?p.get(h[1].id)??0:0,Q=G>0?G:J>0?J:Y;let X=0;for(let e=0;e<W;e++)X+=(p.get(h[e]?.id)??0)+f;t.useEffect((()=>{if(D)return;if(!N.current)return;const e=N.current,t=()=>{const t=e.offsetHeight;t>0&&v(i.id,t)};t();const s=new ResizeObserver(t);return s.observe(e),()=>s.disconnect()}),[i.id,v,D]),t.useEffect((()=>{const e=requestAnimationFrame((()=>{k(!0);const e=setTimeout((()=>E(!1)),420);return()=>clearTimeout(e)}));return()=>cancelAnimationFrame(e)}),[]),t.useEffect((()=>{const e=_.current,t=K.current,s=h.length,i=-1!==e&&W>e&&-1!==W&&!D,o=t>s&&-1!==W&&!D&&W===e,r=t>s&&-1!==W&&!D&&-1!==e&&e>W;if(_.current=W,K.current=s,i||o||r){I(!0);const e=requestAnimationFrame((()=>I(!1)));return()=>cancelAnimationFrame(e)}}),[W,D,h.length]);const[Z,ee]=t.useState((()=>"undefined"!=typeof document&&document.hidden));t.useEffect((()=>{const e=()=>ee(document.hidden);return document.addEventListener("visibilitychange",e),()=>document.removeEventListener("visibilitychange",e)}),[]);const te=t.useCallback((()=>{if(!D){if(-1===W)return i.onClose?.(),i.onDismiss?.(),x(i.id),void b(i.id);x(i.id),H(!0),i.onClose?.(),i.onDismiss?.()}}),[W,D,i,x,b]),se=t.useRef(te);t.useEffect((()=>{se.current=te}),[te]),t.useEffect((()=>{if(!y)return;return y.subscribeDismiss((e=>{"__all__"!==e&&e===i.id&&se.current()}))}),[i.id,y]);const ie=t.useCallback((()=>{j.current&&(clearTimeout(j.current),j.current=null),null!==R.current&&(M.current-=Date.now()-R.current,R.current=null)}),[]),oe=t.useCallback((()=>{i.persistent||M.current<=0||(R.current=Date.now(),j.current=setTimeout((()=>se.current()),M.current))}),[i.persistent]);t.useEffect((()=>{M.current=i.duration??i.timeout??g,ie()}),[i.updateKey,i.duration,i.timeout,g,ie]),t.useEffect((()=>((!C||!Z)&&(z||L)&&!D?oe():ie(),ie)),[L,Z,z,D,C,oe,ie,i.updateKey]),t.useEffect((()=>{if(!D)return;const e=window.setTimeout((()=>b(i.id)),200);return()=>clearTimeout(e)}),[D,b,i.id]);const re=t.useCallback((e=>{O.current=!0,q.current={y:e.clientY,time:Date.now()},N.current?.setPointerCapture(e.pointerId),ie()}),[ie]),ne=t.useCallback((e=>{if(!O.current||!N.current)return;const t=e.clientY-q.current.y,s=t*(F?-1:1)<0?.2*t:t;B.current=s,N.current.style.setProperty("--swipe-y",`${s}px`),N.current.setAttribute("data-swiping","")}),[F]),ae=t.useCallback((e=>{if(!O.current||!N.current)return;O.current=!1,N.current.removeAttribute("data-swiping");const t=B.current,s=Date.now()-q.current.time,i=Math.abs(t)/s,o=F?-1:1,r=F?"up":"down",n=!T?.length||T.includes(r),a=w??40;n&&t*o>0&&(Math.abs(t)>=a||i>.11)?te():(B.current=0,N.current.style.setProperty("--swipe-y","0px"),oe())}),[w,F,te,oe,T]);if(-1===W&&!D)return null;const ce=i.updateKey&&i.updateKey>0?i.updateKey%2==0?"even":"odd":void 0,de=L?1:Math.max(.82,1-.05*W);let ue;if(D)ue=0;else if(L)ue=F?X:-X;else{ue=(F?1:-1)*(14*W+(1-de)*(Q>0?Q:Y))}const le={"--swipe-y":"0px","--toast-swipe-movement-x":"0px","--toast-swipe-movement-y":"var(--swipe-y, 0px)","--toast-height":`${Y}px`,"--scale":de,"--y":`${ue}px`,"--toast-lift":F?1:-1,"--front-height":`${G>0?G:J>0?J:Y}px`,"--toast-index":W,"--toast-offset-y":`${F?X:-X}px`,zIndex:10-W};return e.jsx(n.Provider,{value:{toast:i,index:W,isExpanded:L,isFront:U,isBehind:V,dismiss:te},children:e.jsx("div",{ref:N,role:"status","aria-live":"high"===i.priority?"assertive":"polite","aria-atomic":"true","data-variant":i.variant??void 0,"data-type":i.type??void 0,"data-limited":i.limited?"":void 0,"data-mounted":P?"":void 0,"data-entering":A&&U?"":void 0,"data-restack-skip":$?"":void 0,"data-leaving":D?"":void 0,"data-expanded":L?"":void 0,"data-front":U?"":void 0,"data-behind":V?"":void 0,"data-pulse":ce,"data-update-key":i.updateKey??0,"data-toast-id":i.id,className:s.clsx(c&&`${c}-item`,i.className,o),style:{...le,...i.style},onPointerDown:re,onPointerMove:ne,onPointerUp:ae,children:i.render?i.render({id:i.id,toast:i,onDismiss:te}):a})})};g.displayName="ToastRoot";const y=t.forwardRef((({className:i,children:o,...a},c)=>{const{rootClass:d}=t.useContext(r),u=t.useContext(n);return e.jsx("div",{ref:c,className:s.clsx(d&&`${d}-content`,i),"data-behind":u?.isBehind?"":void 0,"data-expanded":u?.isExpanded?"":void 0,...a,children:o})}));y.displayName="ToastContent";const C=t.forwardRef((({className:i,children:o,...n},a)=>{const{rootClass:c}=t.useContext(r);return e.jsx("div",{ref:a,className:s.clsx(c&&`${c}-title`,i),...n,children:o})}));C.displayName="ToastTitle";const T=t.forwardRef((({className:i,children:o,...n},a)=>{const{rootClass:c}=t.useContext(r);return e.jsx("p",{ref:a,className:s.clsx(c&&`${c}-description`,i),...n,children:o})}));T.displayName="ToastDescription";const w=t.forwardRef((({className:i,children:o,onClick:a,...c},d)=>{const{rootClass:u}=t.useContext(r),l=t.useContext(n);return e.jsx("button",{ref:d,type:"button","aria-label":"Close notification",className:s.clsx(u&&`${u}-close`,i),onClick:e=>{a?.(e),l?.dismiss()},...c,children:o??"×"})}));w.displayName="ToastClose";const N=t.forwardRef((({className:i,children:o,type:a="button",...c},d)=>{const{rootClass:u}=t.useContext(r),l=t.useContext(n),p=l?.toast.actionProps;return e.jsx("button",{ref:d,type:a,className:s.clsx(u&&`${u}-action`,i),...p,...c,children:o??p?.children})}));function j(){const e=t.useContext(r),s=e.toastManager??d,i=e=>(t,i)=>"string"==typeof t?s.create({title:t,variant:e,...i}):s.create({variant:e,...t});return{toasts:[...e.toasts].reverse(),add:(e,t)=>"string"==typeof e?s.create({title:e,...t}):s.create(e),close:e=>s.close(e),update:(e,t)=>s.update(e,t),promise:(e,t,i)=>l(e,t,i,s),dismiss:e=>void 0===e?s.dismissAll():s.dismiss(e),dismissAll:()=>s.dismissAll(),success:i("success"),error:i("error"),warning:i("warning"),info:i("info"),loading:i("loading")}}function S(){const{toasts:s}=j(),{closeButton:i,icons:o,loadingIcon:n}=t.useContext(r);return e.jsx(e.Fragment,{children:s.map((t=>e.jsx(g,{toast:t,children:e.jsxs(y,{children:[t.icon??("loading"===t.type?n:void 0)??o?.[t.variant??t.type??""],e.jsx(C,{children:t.title}),t.description&&e.jsx(T,{children:t.description}),t.actionProps&&e.jsx(N,{}),i&&e.jsx(w,{})]})},t.id)))})}function M({children:t,className:s,style:i,containerClassName:o,containerStyle:r,...n}){return e.jsx(h,{...n,children:e.jsx(v,{children:e.jsx("div",{className:o,style:r,children:e.jsx(b,{className:s,style:i,children:t??e.jsx(S,{})})})})})}N.displayName="ToastAction",M.displayName="Toaster";const R={Provider:h,Portal:v,Viewport:b,Root:g,Content:y,Title:C,Description:T,Action:N,Close:w,useToastManager:j,Toaster:M};exports.Action=N,exports.Close=w,exports.Content=y,exports.Description=T,exports.Portal=v,exports.Provider=h,exports.Root=g,exports.Title=C,exports.ToastManager=c,exports.ToastState=d,exports.Toaster=M,exports.Viewport=b,exports.createToastManager=function(e){const t=new c;return void 0!==e?.timeout&&(t.defaultTimeout=e.timeout),t},exports.default=R,exports.promiseToast=l,exports.toast=m,exports.useToastManager=j;
|
|
1
|
+
'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("./useComponentClass-B0DF90tm.cjs"),i=require("react-dom"),o=require("./ThemeContext-t7IX-w6i.cjs");const r=t.createContext({rootClass:"",position:"bottom-right",expand:!1,gap:14,maxToasts:3,defaultToastTimeout:4e3,toastManager:void 0,isHovered:!1,setIsHovered:()=>{},heights:new Map,updateHeight:()=>{},unlinkStackHeight:()=>{},removeToast:()=>{},toasts:[],visibleToasts:[],viewportClassName:void 0,viewportStyle:void 0,containerAriaLabel:"Notifications",offset:void 0,mobileOffset:void 0,theme:void 0,dir:void 0,richColors:!1,invert:!1,pauseWhenPageIsHidden:!0,closeButton:!1,icons:void 0,loadingIcon:void 0,swipeDirections:void 0,dragThreshold:void 0}),n=t.createContext(null);let a=0;class c{constructor(){this.defaultTimeout=4e3,this.subscribers=new Set,this.dismissSubscribers=new Set,this.updateSubscribers=new Set}subscribe(e){return this.subscribers.add(e),()=>this.subscribers.delete(e)}subscribeDismiss(e){return this.dismissSubscribers.add(e),()=>this.dismissSubscribers.delete(e)}subscribeUpdate(e){return this.updateSubscribers.add(e),()=>this.updateSubscribers.delete(e)}create(e){const{id:t,timeout:s,duration:i,...o}=e,r=t??`toast-${++a}-${Math.random().toString(36).slice(2,7)}`,n={...o,id:r,duration:i??s??this.defaultTimeout};return this.subscribers.forEach((e=>e(n))),r}update(e,t){const s=function(e){const{timeout:t,...s}=e;return void 0!==t?{...s,duration:t,timeout:t}:s}(t);this.updateSubscribers.forEach((t=>t(e,s)))}dismiss(e){this.dismissSubscribers.forEach((t=>t(e)))}dismissAll(){this.dismissSubscribers.forEach((e=>e("__all__")))}close(e){void 0===e?this.dismissAll():this.dismiss(e)}}const d=new c;function u(e){return"string"==typeof e?{title:e}:e}function l(e,t,s,i=d){const o=u(t.loading),r=i.create({persistent:!0,variant:"default",...s,...o});return e.then((e=>{i.dismiss(r);const o=function(e,t){return u("function"==typeof e?e(t):e)}(t.success,e);i.create({variant:"success",...s,...o})})).catch((e=>{i.dismiss(r);const o=function(e,t){return u("function"==typeof e?e(t):e)}(t.error,e);i.create({variant:"error",...s,...o})})),e}function p(e,t){return"string"==typeof e?d.create({title:e,...t}):d.create(e)}function f(e){return(t,s)=>"string"==typeof t?d.create({title:t,variant:e,...s}):d.create({variant:e,...t})}const m=Object.assign(p,{success:f("success"),error:f("error"),warning:f("warning"),info:f("info"),loading:f("loading"),dismiss:e=>void 0===e?d.dismissAll():d.dismiss(e),dismissAll:()=>d.dismissAll(),close:e=>d.close(e),promise:l,message:p,custom:(e,t)=>d.create({...t,render:({id:t})=>e(t)})}),h=({children:i,customRootClass:o="",position:n="bottom-right",expand:a=!1,gap:c=14,maxToasts:u,limit:l,timeout:p,duration:f,toastManager:m,className:h,style:v,richColors:x,closeButton:b,offset:g,mobileOffset:y,theme:C,dir:T,swipeDirections:w,visibleToasts:N,toastOptions:j,invert:S,pauseWhenPageIsHidden:M=!0,icons:R,loadingIcon:P,rtl:k,hotkey:A,containerAriaLabel:E,dragThreshold:D})=>{const H=l??u??N??3,$=t.useMemo((()=>m??d),[m]),I=p??f??4e3;t.useEffect((()=>{$.defaultTimeout=I}),[$,I]);const _=s.useComponentClass(o,"Toast"),[K,O]=t.useState([]),[q,B]=t.useState(!1),[F,L]=t.useState(new Map);t.useEffect((()=>{const e=$.subscribe((e=>{O((t=>{const s={...j,...e},i=t.findIndex((t=>t.id===e.id));if(-1!==i){const e=t[i],o=[...t];return o[i]={...s,updateKey:(e.updateKey??0)+1},o}return[{...s,updateKey:0},...t].slice(0,2*H)}))})),t=$.subscribeDismiss((e=>{"__all__"===e&&O([])})),s=$.subscribeUpdate(((e,t)=>{O((s=>s.map((s=>s.id===e?{...s,...t}:s))))}));return()=>{e(),t(),s()}}),[$,H,j]);const W=t.useCallback((e=>{O((t=>{const s=t.find((t=>t.id===e));return s?.onRemove?.(),t.filter((t=>t.id!==e))})),L((t=>{const s=new Map(t);return s.delete(e),s}))}),[]),U=t.useCallback(((e,t)=>{L((s=>{if(s.get(e)===t)return s;const i=new Map(s);return i.set(e,t),i}))}),[]),V=t.useCallback((e=>{L((t=>{if(!t.has(e))return t;const s=new Map(t);return s.delete(e),s}))}),[]),z=K.slice(0,H);return e.jsx(r.Provider,{value:{rootClass:_,position:n,expand:a,gap:c,maxToasts:H,defaultToastTimeout:I,toastManager:$,isHovered:q,setIsHovered:B,heights:F,updateHeight:U,unlinkStackHeight:V,removeToast:W,toasts:K,visibleToasts:z,viewportClassName:h,viewportStyle:v,containerAriaLabel:E??"Notifications",offset:g,mobileOffset:y,theme:C,dir:k?"rtl":T,richColors:x??!1,invert:S??!1,pauseWhenPageIsHidden:M,closeButton:b??!1,icons:R,loadingIcon:P,swipeDirections:w,dragThreshold:D},children:i})};h.displayName="ToastProvider";const v=({children:e,container:s})=>{const r=t.useContext(o.ThemeContext),[n,a]=t.useState(!1);if(t.useEffect((()=>{a(!0)}),[]),!n)return null;const c=s??r?.portalRootRef.current??document.body;return i.createPortal(e,c)};function x(e){if(void 0!==e)return"number"==typeof e?`${e}px`:e}v.displayName="ToastPortal";const b=({children:i,className:o,style:n})=>{const{rootClass:a,position:c,expand:d,isHovered:u,setIsHovered:l,heights:p,gap:f,visibleToasts:m,viewportClassName:h,viewportStyle:v,containerAriaLabel:b,offset:g,mobileOffset:y,theme:C,dir:T,richColors:w,invert:N}=t.useContext(r),j=t.useRef(null),S=d||u,M=p.get(m[0]?.id)??0,R=m[1]?p.get(m[1].id)??0:0,P=M>0?M:R,k=S?m.reduce(((e,t)=>e+(p.get(t.id)??0)),0)+Math.max(0,m.length-1)*f:P+f*Math.max(0,m.length-1);return e.jsx("section",{ref:j,role:"region","aria-label":b,tabIndex:-1,"data-position":c,"data-expanded":S?"":void 0,"data-theme":C,"data-rich-colors":w?"":void 0,"data-invert":N?"":void 0,dir:T,className:s.clsx(a&&`${a}-viewport`,h,o),style:{...v,"--viewport-height":`${k}px`,"--toast-frontmost-height":`${P}px`,"--toast-offset":x(g),"--toast-mobile-offset":x("object"==typeof y?void 0:y),"--toast-mobile-offset-top":x("object"==typeof y?y.top:void 0),"--toast-mobile-offset-bottom":x("object"==typeof y?y.bottom:void 0),"--toast-mobile-offset-left":x("object"==typeof y?y.left:void 0),"--toast-mobile-offset-right":x("object"==typeof y?y.right:void 0),...n},onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),onFocusCapture:()=>l(!0),onBlurCapture:e=>{j.current?.contains(e.relatedTarget)||l(!1)},children:i})};b.displayName="ToastViewport";const g=({toast:i,className:o,children:a})=>{const{rootClass:c,position:d,expand:u,isHovered:l,heights:p,gap:f,toasts:m,visibleToasts:h,updateHeight:v,unlinkStackHeight:x,removeToast:b,defaultToastTimeout:g,toastManager:y,pauseWhenPageIsHidden:C,swipeDirections:T,dragThreshold:w}=t.useContext(r),N=t.useRef(null),j=t.useRef(null),S=i.duration??i.timeout??g,M=t.useRef(S),R=t.useRef(null),[P,k]=t.useState(!1),[A,E]=t.useState(!0),[D,H]=t.useState(!1),[$,I]=t.useState(!1),_=t.useRef(-1),K=t.useRef(-1),O=t.useRef(!1),q=t.useRef({y:0,time:0}),B=t.useRef(0),F=d.startsWith("top"),L=u||l,W=h.findIndex((e=>e.id===i.id)),U=0===W,V=!U&&!L,z=m.length>0&&i.id===m[m.length-1]?.id,Y=p.get(i.id)??0,G=p.get(h[0]?.id)??0,J=h[1]?p.get(h[1].id)??0:0,Q=G>0?G:J>0?J:Y;let X=0;for(let e=0;e<W;e++)X+=(p.get(h[e]?.id)??0)+f;t.useEffect((()=>{if(D)return;if(!N.current)return;const e=N.current,t=()=>{const t=e.offsetHeight;t>0&&v(i.id,t)};t();const s=new ResizeObserver(t);return s.observe(e),()=>s.disconnect()}),[i.id,v,D]),t.useEffect((()=>{const e=requestAnimationFrame((()=>{k(!0);const e=setTimeout((()=>E(!1)),420);return()=>clearTimeout(e)}));return()=>cancelAnimationFrame(e)}),[]),t.useEffect((()=>{const e=_.current,t=K.current,s=h.length,i=-1!==e&&W>e&&-1!==W&&!D,o=t>s&&-1!==W&&!D&&W===e,r=t>s&&-1!==W&&!D&&-1!==e&&e>W;if(_.current=W,K.current=s,i||o||r){I(!0);const e=requestAnimationFrame((()=>I(!1)));return()=>cancelAnimationFrame(e)}}),[W,D,h.length]);const[Z,ee]=t.useState((()=>"undefined"!=typeof document&&document.hidden));t.useEffect((()=>{const e=()=>ee(document.hidden);return document.addEventListener("visibilitychange",e),()=>document.removeEventListener("visibilitychange",e)}),[]);const te=t.useCallback((()=>{if(!D){if(-1===W)return i.onClose?.(),i.onDismiss?.(),x(i.id),void b(i.id);x(i.id),H(!0),i.onClose?.(),i.onDismiss?.()}}),[W,D,i,x,b]),se=t.useRef(te);t.useEffect((()=>{se.current=te}),[te]),t.useEffect((()=>{if(!y)return;return y.subscribeDismiss((e=>{"__all__"!==e&&e===i.id&&se.current()}))}),[i.id,y]);const ie=t.useCallback((()=>{j.current&&(clearTimeout(j.current),j.current=null),null!==R.current&&(M.current-=Date.now()-R.current,R.current=null)}),[]),oe=t.useCallback((()=>{i.persistent||M.current<=0||(R.current=Date.now(),j.current=setTimeout((()=>se.current()),M.current))}),[i.persistent]);t.useEffect((()=>{M.current=i.duration??i.timeout??g,ie()}),[i.updateKey,i.duration,i.timeout,g,ie]),t.useEffect((()=>((!C||!Z)&&(z||L)&&!D?oe():ie(),ie)),[L,Z,z,D,C,oe,ie,i.updateKey]),t.useEffect((()=>{if(!D)return;const e=window.setTimeout((()=>b(i.id)),200);return()=>clearTimeout(e)}),[D,b,i.id]);const re=t.useCallback((e=>{O.current=!0,q.current={y:e.clientY,time:Date.now()},N.current?.setPointerCapture(e.pointerId),ie()}),[ie]),ne=t.useCallback((e=>{if(!O.current||!N.current)return;const t=e.clientY-q.current.y,s=t*(F?-1:1)<0?.2*t:t;B.current=s,N.current.style.setProperty("--swipe-y",`${s}px`),N.current.setAttribute("data-swiping","")}),[F]),ae=t.useCallback((e=>{if(!O.current||!N.current)return;O.current=!1,N.current.removeAttribute("data-swiping");const t=B.current,s=Date.now()-q.current.time,i=Math.abs(t)/s,o=F?-1:1,r=F?"up":"down",n=!T?.length||T.includes(r),a=w??40;n&&t*o>0&&(Math.abs(t)>=a||i>.11)?te():(B.current=0,N.current.style.setProperty("--swipe-y","0px"),oe())}),[w,F,te,oe,T]);if(-1===W&&!D)return null;const ce=i.updateKey&&i.updateKey>0?i.updateKey%2==0?"even":"odd":void 0,de=L?1:Math.max(.82,1-.05*W);let ue;if(D)ue=0;else if(L)ue=F?X:-X;else{ue=(F?1:-1)*(14*W+(1-de)*(Q>0?Q:Y))}const le={"--swipe-y":"0px","--toast-swipe-movement-x":"0px","--toast-swipe-movement-y":"var(--swipe-y, 0px)","--toast-height":`${Y}px`,"--scale":de,"--y":`${ue}px`,"--toast-lift":F?1:-1,"--front-height":`${G>0?G:J>0?J:Y}px`,"--toast-index":W,"--toast-offset-y":`${F?X:-X}px`,zIndex:10-W};return e.jsx(n.Provider,{value:{toast:i,index:W,isExpanded:L,isFront:U,isBehind:V,dismiss:te},children:e.jsx("div",{ref:N,role:"status","aria-live":"high"===i.priority?"assertive":"polite","aria-atomic":"true","data-variant":i.variant??void 0,"data-type":i.type??void 0,"data-limited":i.limited?"":void 0,"data-mounted":P?"":void 0,"data-entering":A&&U?"":void 0,"data-restack-skip":$?"":void 0,"data-leaving":D?"":void 0,"data-expanded":L?"":void 0,"data-front":U?"":void 0,"data-behind":V?"":void 0,"data-pulse":ce,"data-update-key":i.updateKey??0,"data-toast-id":i.id,className:s.clsx(c&&`${c}-item`,i.className,o),style:{...le,...i.style},onPointerDown:re,onPointerMove:ne,onPointerUp:ae,children:i.render?i.render({id:i.id,toast:i,onDismiss:te}):a})})};g.displayName="ToastRoot";const y=t.forwardRef((({className:i,children:o,...a},c)=>{const{rootClass:d}=t.useContext(r),u=t.useContext(n);return e.jsx("div",{ref:c,className:s.clsx(d&&`${d}-content`,i),"data-behind":u?.isBehind?"":void 0,"data-expanded":u?.isExpanded?"":void 0,...a,children:o})}));y.displayName="ToastContent";const C=t.forwardRef((({className:i,children:o,...n},a)=>{const{rootClass:c}=t.useContext(r);return e.jsx("div",{ref:a,className:s.clsx(c&&`${c}-title`,i),...n,children:o})}));C.displayName="ToastTitle";const T=t.forwardRef((({className:i,children:o,...n},a)=>{const{rootClass:c}=t.useContext(r);return e.jsx("p",{ref:a,className:s.clsx(c&&`${c}-description`,i),...n,children:o})}));T.displayName="ToastDescription";const w=t.forwardRef((({className:i,children:o,onClick:a,...c},d)=>{const{rootClass:u}=t.useContext(r),l=t.useContext(n);return e.jsx("button",{ref:d,type:"button","aria-label":"Close notification",className:s.clsx(u&&`${u}-close`,i),onClick:e=>{a?.(e),l?.dismiss()},...c,children:o??"×"})}));w.displayName="ToastClose";const N=t.forwardRef((({className:i,children:o,type:a="button",...c},d)=>{const{rootClass:u}=t.useContext(r),l=t.useContext(n),p=l?.toast.actionProps;return e.jsx("button",{ref:d,type:a,className:s.clsx(u&&`${u}-action`,i),...p,...c,children:o??p?.children})}));function j(){const e=t.useContext(r),s=e.toastManager??d,i=t.useMemo((()=>{const e=e=>(t,i)=>"string"==typeof t?s.create({title:t,variant:e,...i}):s.create({variant:e,...t});return{add:(e,t)=>"string"==typeof e?s.create({title:e,...t}):s.create(e),close:e=>s.close(e),update:(e,t)=>s.update(e,t),promise:(e,t,i)=>l(e,t,i,s),dismiss:e=>void 0===e?s.dismissAll():s.dismiss(e),dismissAll:()=>s.dismissAll(),success:e("success"),error:e("error"),warning:e("warning"),info:e("info"),loading:e("loading")}}),[s]),o=t.useMemo((()=>[...e.toasts].reverse()),[e.toasts]);return t.useMemo((()=>({toasts:o,...i})),[o,i])}function S(){const{toasts:s}=j(),{closeButton:i,icons:o,loadingIcon:n}=t.useContext(r);return e.jsx(e.Fragment,{children:s.map((t=>e.jsx(g,{toast:t,children:e.jsxs(y,{children:[t.icon??("loading"===t.type?n:void 0)??o?.[t.variant??t.type??""],e.jsx(C,{children:t.title}),t.description&&e.jsx(T,{children:t.description}),t.actionProps&&e.jsx(N,{}),i&&e.jsx(w,{})]})},t.id)))})}function M({children:t,className:s,style:i,containerClassName:o,containerStyle:r,...n}){return e.jsx(h,{...n,children:e.jsx(v,{children:e.jsx("div",{className:o,style:r,children:e.jsx(b,{className:s,style:i,children:t??e.jsx(S,{})})})})})}N.displayName="ToastAction",M.displayName="Toaster";const R={Provider:h,Portal:v,Viewport:b,Root:g,Content:y,Title:C,Description:T,Action:N,Close:w,useToastManager:j,Toaster:M};exports.Action=N,exports.Close=w,exports.Content=y,exports.Description=T,exports.Portal=v,exports.Provider=h,exports.Root=g,exports.Title=C,exports.ToastManager=c,exports.ToastState=d,exports.Toaster=M,exports.Viewport=b,exports.createToastManager=function(e){const t=new c;return void 0!==e?.timeout&&(t.defaultTimeout=e.timeout),t},exports.default=R,exports.promiseToast=l,exports.toast=m,exports.useToastManager=j;
|