@radui/ui 0.1.7 → 0.2.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/README.md +87 -47
- package/dist/components/Accordion.d.ts +94 -30
- package/dist/components/Accordion.js +1 -1
- package/dist/components/AlertDialog.d.ts +13 -14
- package/dist/components/AlertDialog.js +1 -1
- package/dist/components/AspectRatio.js +1 -1
- package/dist/components/Avatar.d.ts +4 -3
- package/dist/components/Avatar.js +1 -1
- package/dist/components/AvatarGroup.d.ts +1 -0
- package/dist/components/AvatarGroup.js +1 -1
- package/dist/components/AvatarPrimitiveFallback-KiY3slgV.js +1 -0
- package/dist/components/Badge.d.ts +6 -4
- package/dist/components/Badge.js +1 -1
- package/dist/components/BlockQuote.js +1 -1
- package/dist/components/Button.js +1 -1
- package/dist/components/Callout.d.ts +19 -11
- package/dist/components/Callout.js +1 -1
- package/dist/components/Card.d.ts +30 -1
- package/dist/components/Card.js +1 -1
- package/dist/components/Checkbox.d.ts +22 -6
- package/dist/components/Checkbox.js +1 -1
- package/dist/components/CheckboxCards.d.ts +25 -7
- package/dist/components/CheckboxCards.js +1 -1
- package/dist/components/CheckboxGroup.d.ts +22 -7
- package/dist/components/CheckboxGroup.js +1 -1
- package/dist/components/CheckboxGroupPrimitive-DIOswrR1.js +1 -0
- package/dist/components/Code.js +1 -1
- package/dist/components/Collapsible.d.ts +12 -9
- package/dist/components/Collapsible.js +1 -1
- package/dist/components/Combobox.d.ts +98 -0
- package/dist/components/Combobox.js +1 -0
- package/dist/components/ComboboxPrimitive-Bn1C5dkn.js +1 -0
- package/dist/components/ContextMenu.d.ts +31 -1
- package/dist/components/ContextMenu.js +1 -1
- package/dist/components/DataList.d.ts +12 -5
- package/dist/components/DataList.js +1 -1
- package/dist/components/Dialog.d.ts +37 -18
- package/dist/components/Dialog.js +1 -1
- package/dist/components/Disclosure.d.ts +6 -1
- package/dist/components/Disclosure.js +1 -1
- package/dist/components/DropdownMenu.d.ts +31 -1
- package/dist/components/DropdownMenu.js +1 -1
- package/dist/components/Em.js +1 -1
- package/dist/components/Heading.js +1 -1
- package/dist/components/HoverCard.d.ts +12 -1
- package/dist/components/HoverCard.js +1 -1
- package/dist/components/Kbd.d.ts +1 -1
- package/dist/components/Kbd.js +1 -1
- package/dist/components/Link.d.ts +3 -1
- package/dist/components/Link.js +1 -1
- package/dist/components/MenuPrimitive-6Qr46BSn.js +1 -0
- package/dist/components/Menubar.d.ts +81 -37
- package/dist/components/Menubar.js +1 -1
- package/dist/components/Minimap.d.ts +11 -8
- package/dist/components/Minimap.js +1 -1
- package/dist/components/NavigationMenu.d.ts +13 -12
- package/dist/components/NavigationMenu.js +1 -1
- package/dist/components/NumberField.d.ts +28 -6
- package/dist/components/NumberField.js +1 -1
- package/dist/components/Progress.d.ts +1 -1
- package/dist/components/Progress.js +1 -1
- package/dist/components/Quote.js +1 -1
- package/dist/components/Radio.js +1 -1
- package/dist/components/RadioCards.d.ts +7 -2
- package/dist/components/RadioCards.js +1 -1
- package/dist/components/RadioGroup.d.ts +1 -1
- package/dist/components/RadioGroup.js +1 -1
- package/dist/components/RadioGroupPrimitive-QSMno27i.js +1 -0
- package/dist/components/ScrollArea.d.ts +18 -2
- package/dist/components/ScrollArea.js +1 -1
- package/dist/components/Select.d.ts +20 -15
- package/dist/components/Select.js +1 -1
- package/dist/components/Separator.js +1 -1
- package/dist/components/Skeleton.js +1 -1
- package/dist/components/Slider.d.ts +57 -11
- package/dist/components/Slider.js +1 -1
- package/dist/components/Spinner.d.ts +13 -0
- package/dist/components/Spinner.js +1 -0
- package/dist/components/Splitter.d.ts +1 -1
- package/dist/components/Splitter.js +1 -1
- package/dist/components/Steps.d.ts +21 -9
- package/dist/components/Steps.js +1 -1
- package/dist/components/Strong.js +1 -1
- package/dist/components/Switch.d.ts +8 -7
- package/dist/components/Switch.js +1 -1
- package/dist/components/TabNav.d.ts +23 -5
- package/dist/components/TabNav.js +1 -1
- package/dist/components/Table.d.ts +9 -1
- package/dist/components/Table.js +1 -1
- package/dist/components/Tabs.d.ts +25 -1
- package/dist/components/Tabs.js +1 -1
- package/dist/components/Text.js +1 -1
- package/dist/components/TextArea.d.ts +18 -2
- package/dist/components/TextArea.js +1 -1
- package/dist/components/Theme.js +1 -1
- package/dist/components/ThemeContext-Sm-iNANd.js +1 -0
- package/dist/components/Toggle.js +1 -1
- package/dist/components/ToggleGroup.d.ts +33 -0
- package/dist/components/ToggleGroup.js +1 -1
- package/dist/components/Toolbar.d.ts +83 -0
- package/dist/components/Toolbar.js +1 -0
- package/dist/components/Tooltip.d.ts +6 -0
- package/dist/components/Tooltip.js +1 -1
- package/dist/components/Tree.d.ts +10 -1
- package/dist/components/Tree.js +1 -1
- package/dist/components/VisuallyHidden.d.ts +1 -1
- package/dist/components/VisuallyHidden.js +1 -1
- package/dist/components/check-DujVUWP-.js +44 -0
- package/dist/components/floating-ui.react-DMgxgTKq.js +5 -0
- package/dist/components/index-3dZuI04X.js +1 -0
- package/dist/components/index-6If6D2Zi.js +1 -0
- package/dist/components/index-98jQ1vTr.js +1 -0
- package/dist/components/index-BOy86lYu.js +1 -0
- package/dist/components/index-BZVbVgqN.js +1 -0
- package/dist/components/index-CTJl2pTM.js +1 -0
- package/dist/components/index-CXzybYmm.js +1 -0
- package/dist/components/index-DTYJVF-V.js +1 -0
- package/dist/components/index-hAp0hL9w.js +1 -0
- package/dist/components/index-wRElCyvx.js +1 -0
- package/dist/components/index-yqRHPukT.js +1 -0
- package/dist/themes/default.css +1 -1
- package/package.json +51 -32
- package/dist/components/AvatarPrimitiveFallback-BV0bK5Qg.js +0 -1
- package/dist/components/CheckboxGroupPrimitive-DrGqSxi3.js +0 -1
- package/dist/components/MenuPrimitive-CPcrK1EK.js +0 -1
- package/dist/components/RadioGroupPrimitive-D9grAL7G.js +0 -1
- package/dist/components/floating-ui.react-CLbXmKZY.js +0 -5
- package/dist/components/index-BRmT6kl7.js +0 -1
- package/dist/components/index-BVxS3Ixi.js +0 -1
- package/dist/components/index-Bf4LVEjJ.js +0 -1
- package/dist/components/index-BtoPzkH9.js +0 -1
- package/dist/components/index-DBZNt4Em.js +0 -1
- package/dist/components/index-Dc5Cm9z0.js +0 -1
- package/dist/components/index-Di6TooPD.js +0 -1
- package/dist/components/index-DnCiOYxZ.js +0 -1
- package/dist/components/index-XqbKa2D2.js +0 -1
- package/dist/components/index-YgKcfT__.js +0 -1
- package/dist/components/index-fkj4Fdgt.js +0 -1
- package/dist/components/tslib.es6-BtVxab8e.js +0 -1
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
import React, { ComponentPropsWithoutRef, ElementRef } from 'react';
|
|
2
|
+
import MenuPrimitive from '~/core/primitives/Menu/MenuPrimitive';
|
|
2
3
|
import * as _floating_ui_react from '@floating-ui/react';
|
|
3
4
|
import Primitive from '~/core/primitives/Primitive';
|
|
4
5
|
|
|
6
|
+
type ContextMenuRootProps = {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
customRootClass?: string;
|
|
9
|
+
className?: string;
|
|
10
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Root>;
|
|
5
11
|
declare const ContextMenuRoot: React.ForwardRefExoticComponent<{
|
|
6
12
|
children: React.ReactNode;
|
|
7
13
|
customRootClass?: string;
|
|
@@ -26,6 +32,10 @@ type MenuPrimitiveTriggerProps = {
|
|
|
26
32
|
asChild?: boolean;
|
|
27
33
|
};
|
|
28
34
|
|
|
35
|
+
type ContextMenuTriggerProps = {
|
|
36
|
+
children: React.ReactNode;
|
|
37
|
+
className?: string;
|
|
38
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Trigger>;
|
|
29
39
|
declare const ContextMenuTrigger: React.ForwardRefExoticComponent<{
|
|
30
40
|
children: React.ReactNode;
|
|
31
41
|
className?: string;
|
|
@@ -36,11 +46,18 @@ type MenuPrimitiveContentProps = {
|
|
|
36
46
|
className?: string;
|
|
37
47
|
};
|
|
38
48
|
|
|
49
|
+
type ContextMenuContentProps = {
|
|
50
|
+
children: React.ReactNode;
|
|
51
|
+
className?: string;
|
|
52
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Content>;
|
|
39
53
|
declare const ContextMenuContent: React.ForwardRefExoticComponent<{
|
|
40
54
|
children: React.ReactNode;
|
|
41
55
|
className?: string;
|
|
42
56
|
} & Omit<MenuPrimitiveContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
43
57
|
|
|
58
|
+
type ContextMenuPortalProps = {
|
|
59
|
+
children: React.ReactNode;
|
|
60
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Portal>;
|
|
44
61
|
declare const ContextMenuPortal: React.ForwardRefExoticComponent<{
|
|
45
62
|
children: React.ReactNode;
|
|
46
63
|
} & Omit<{
|
|
@@ -56,12 +73,21 @@ type MenuPrimitiveItemProps = {
|
|
|
56
73
|
onSelect?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
57
74
|
};
|
|
58
75
|
|
|
76
|
+
type ContextMenuItemProps = {
|
|
77
|
+
children: React.ReactNode;
|
|
78
|
+
className?: string;
|
|
79
|
+
label?: string;
|
|
80
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Item>;
|
|
59
81
|
declare const ContextMenuItem: React.ForwardRefExoticComponent<{
|
|
60
82
|
children: React.ReactNode;
|
|
61
83
|
className?: string;
|
|
62
84
|
label?: string;
|
|
63
85
|
} & Omit<MenuPrimitiveItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
64
86
|
|
|
87
|
+
type ContextMenuSubProps = {
|
|
88
|
+
children: React.ReactNode;
|
|
89
|
+
className?: string;
|
|
90
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Sub>;
|
|
65
91
|
declare const ContextMenuSub: React.ForwardRefExoticComponent<{
|
|
66
92
|
children: React.ReactNode;
|
|
67
93
|
className?: string;
|
|
@@ -85,6 +111,10 @@ declare const ContextMenuSub: React.ForwardRefExoticComponent<{
|
|
|
85
111
|
rtl?: boolean;
|
|
86
112
|
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
87
113
|
|
|
114
|
+
type ContextMenuSubTriggerProps = {
|
|
115
|
+
children: React.ReactNode;
|
|
116
|
+
className?: string;
|
|
117
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Trigger>;
|
|
88
118
|
declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<{
|
|
89
119
|
children: React.ReactNode;
|
|
90
120
|
className?: string;
|
|
@@ -119,4 +149,4 @@ type ContextMenuComponent = React.ForwardRefExoticComponent<ContextMenuProps & R
|
|
|
119
149
|
declare const ContextMenu: ContextMenuComponent;
|
|
120
150
|
|
|
121
151
|
export { ContextMenu as default };
|
|
122
|
-
export type { ContextMenuElement, ContextMenuProps };
|
|
152
|
+
export type { ContextMenuContentProps, ContextMenuElement, ContextMenuItemProps, ContextMenuPortalProps, ContextMenuProps, ContextMenuRootProps, ContextMenuSeparatorProps, ContextMenuSubProps, ContextMenuSubTriggerProps, ContextMenuTriggerProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import e,{forwardRef as t}from"react";import{
|
|
1
|
+
'use client';import e,{forwardRef as t}from"react";import{jsx as n}from"react/jsx-runtime";import{M as o}from"./MenuPrimitive-6Qr46BSn.js";import{c as s}from"./index-6If6D2Zi.js";import{c as r}from"./clsx-BaVHROc5.js";import{u}from"./index-wRElCyvx.js";import{u as l}from"./floating-ui.react-DMgxgTKq.js";import a from"./Separator.js";import"./index-yqRHPukT.js";import"./index-98jQ1vTr.js";import"./index-BOy86lYu.js";import"react-dom";const i=e.createContext(null),c="ContextMenu",C=t((({children:t,customRootClass:l,className:a,open:C,defaultOpen:d=!1,onOpenChange:m,...x},p)=>{const[f,h]=u(C,d,m),[M,g]=e.useState({x:0,y:0}),N=s(l,c);return n(i.Provider,{value:{rootClass:N,setCoords:g,setIsOpen:h},children:n(o.Root,{ref:p,className:r(`${N}-root`,a),mainAxisOffset:-M.y,crossAxisOffset:M.x,open:f,onOpenChange:h,...x,children:t})})}));C.displayName=c;const d=t((({children:t,className:s,...u},a)=>{const c=e.useContext(i),C=e.useRef(null),d=l([C,a]);if(!c)return console.warn("ContextMenuTrigger should be used in the ContextMenuRoot"),null;const{rootClass:m,setCoords:x,setIsOpen:p}=c;return n(o.Trigger,{className:r(`${m}-trigger`,s),asChild:!0,...u,children:n("span",{ref:d,onContextMenu:e=>{if(e.preventDefault(),!C.current)return;const t=C.current.getBoundingClientRect(),n=e.clientX-t.left,o=t.bottom-e.clientY;x({x:n,y:o}),p(!0)},onKeyDown:e=>{if("ContextMenu"===e.key||e.shiftKey&&"F10"===e.key){if(e.preventDefault(),!C.current)return;const t=C.current.getBoundingClientRect(),n=t.left+t.width/2,o=t.top+t.height/2;x({x:n,y:o}),p(!0)}},onClick:e=>{e.preventDefault()},role:"button",tabIndex:0,"aria-haspopup":"menu",children:t})})}));d.displayName="ContextMenuTrigger";const m=t((({children:t,className:s,...u},l)=>{const a=e.useContext(i);if(!a)return console.warn("ContextMenuContent should be used in the ContextMenuRoot"),null;const{rootClass:c}=a;return n(o.Content,{ref:l,className:r(`${c}-content`,s),...u,children:t})}));m.displayName="ContextMenuContent";const x=t((({children:t,...s},r)=>{const u=e.useContext(i);if(!u)return console.warn("ContextMenuPortal should be used in the ContextMenuRoot"),null;const{rootClass:l}=u;return n(o.Portal,{ref:r,...s,children:t})}));x.displayName="ContextMenuPortal";const p=t((({children:t,className:s,label:u,...l},a)=>{const c=e.useContext(i);if(!c)return console.warn("ContextMenuItem should be used in the ContextMenuRoot"),null;const{rootClass:C}=c;return n(o.Item,{ref:a,className:r(`${C}-item`,s),label:u,...l,children:t})}));p.displayName="ContextMenuItem";const f=t((({children:t,className:s,...u},l)=>{const a=e.useContext(i);if(!a)return console.warn("ContextMenuSub should be used in the ContextMenuRoot"),null;const{rootClass:c}=a;return n(o.Sub,{ref:l,className:r(`${c}-sub`,s),...u,children:t})}));f.displayName="ContextMenuSub";const h=t((({children:t,className:s,...u},l)=>{const a=e.useContext(i);if(!a)return console.warn("ContextMenuSubTrigger should be used in the ContextMenuRoot"),null;const{rootClass:c}=a;return n(o.Trigger,{ref:l,className:r(`${c}-sub-trigger`,s),...u,children:t})}));h.displayName="ContextMenuSubTrigger";const M=t((({className:t,...o},s)=>{const r=e.useContext(i);if(!r)return console.warn("ContextMenuSeparator should be used within ContextMenuRoot"),null;const{rootClass:u}=r;return n(a,{ref:s,customRootClass:u,className:t,...o})}));M.displayName="ContextMenuSeparator";const g=t(((e,t)=>(console.warn("Direct usage of ContextMenu is not supported. Please use ContextMenu.Root, ContextMenu.Item instead."),null)));g.displayName="ContextMenu",g.Root=C,g.Trigger=d,g.Content=m,g.Portal=x,g.Item=p,g.Sub=f,g.SubTrigger=h,g.Separator=M;export{g as default};
|
|
@@ -1,16 +1,23 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
import { ComponentPropsWithoutRef } from 'react';
|
|
3
3
|
|
|
4
4
|
interface DataListRootProps extends ComponentPropsWithoutRef<'div'> {
|
|
5
5
|
customRootClass?: string;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
+
type DataListItemProps = ComponentPropsWithoutRef<'div'>;
|
|
9
|
+
|
|
10
|
+
type DataListLabelProps = ComponentPropsWithoutRef<'dt'>;
|
|
11
|
+
|
|
12
|
+
type DataListValueProps = ComponentPropsWithoutRef<'dd'>;
|
|
13
|
+
|
|
8
14
|
declare const DataList: {
|
|
9
15
|
(): null;
|
|
10
|
-
Root:
|
|
11
|
-
Item:
|
|
12
|
-
Label:
|
|
13
|
-
Value:
|
|
16
|
+
Root: React.ForwardRefExoticComponent<DataListRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
Item: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
Label: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
19
|
+
Value: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
14
20
|
};
|
|
15
21
|
|
|
16
22
|
export { DataList as default };
|
|
23
|
+
export type { DataListItemProps, DataListLabelProps, DataListRootProps, DataListValueProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{
|
|
1
|
+
'use client';import{jsx as a}from"react/jsx-runtime";import{createContext as s,forwardRef as t,useContext as e}from"react";import{c as o}from"./index-6If6D2Zi.js";import{c as r}from"./clsx-BaVHROc5.js";const l=s({rootClass:"DataList"}),c=t((({children:s,className:t="",customRootClass:e="",...c},i)=>{const n=o(e,"DataList");return a(l.Provider,{value:{rootClass:n},children:a("div",{ref:i,className:r(n,t),...c,children:s})})}));c.displayName="DataListRoot";const i=t((({children:s,className:t="",...o},c)=>{const{rootClass:i}=e(l);return a("div",{ref:c,className:r(`${i}-item`,t),...o,children:s})}));i.displayName="DataListItem";const n=t((({children:s,className:t="",...o},c)=>{const{rootClass:i}=e(l);return a("dt",{ref:c,className:r(`${i}-label`,t),...o,children:s})}));n.displayName="DataListLabel";const m=t((({children:s,className:t="",...o},c)=>{const{rootClass:i}=e(l);return a("dd",{ref:c,className:r(`${i}-value`,t),...o,children:s})}));m.displayName="DataListValue";const d=()=>(console.warn("Direct usage of DataList is not supported. Please use DataList.Root, DataList.Item, etc. instead."),null);d.Root=c,d.Item=i,d.Label=n,d.Value=m;export{d as default};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import DialogPrimitive from '~/core/primitives/Dialog';
|
|
2
3
|
import Primitive from '~/core/primitives/Primitive';
|
|
3
4
|
|
|
4
|
-
type DialogPrimitiveRootProps = {
|
|
5
|
+
type DialogPrimitiveRootProps$1 = {
|
|
5
6
|
children: React.ReactNode;
|
|
6
7
|
open?: boolean;
|
|
7
8
|
onOpenChange?: (open: boolean) => void;
|
|
@@ -9,31 +10,46 @@ type DialogPrimitiveRootProps = {
|
|
|
9
10
|
className?: string;
|
|
10
11
|
};
|
|
11
12
|
|
|
12
|
-
|
|
13
|
+
type DialogPrimitiveRootProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
|
|
14
|
+
type DialogRootProps = DialogPrimitiveRootProps & {
|
|
15
|
+
customRootClass?: string;
|
|
16
|
+
className?: string;
|
|
17
|
+
};
|
|
18
|
+
declare const DialogRoot: React.ForwardRefExoticComponent<Omit<DialogPrimitiveRootProps$1 & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
13
19
|
customRootClass?: string;
|
|
14
20
|
className?: string;
|
|
15
21
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
16
22
|
|
|
17
|
-
type DialogPrimitiveTriggerProps = {
|
|
23
|
+
type DialogPrimitiveTriggerProps$1 = {
|
|
18
24
|
children: React.ReactNode;
|
|
19
25
|
asChild?: boolean;
|
|
20
26
|
className?: string;
|
|
21
27
|
disabled?: boolean;
|
|
22
28
|
};
|
|
23
29
|
|
|
24
|
-
|
|
30
|
+
type DialogPrimitiveTriggerProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;
|
|
31
|
+
type DialogTriggerProps = DialogPrimitiveTriggerProps & {
|
|
32
|
+
className?: string;
|
|
33
|
+
};
|
|
34
|
+
declare const DialogTrigger: React.ForwardRefExoticComponent<Omit<DialogPrimitiveTriggerProps$1 & React.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
25
35
|
className?: string;
|
|
26
36
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
27
37
|
|
|
28
|
-
type DialogPrimitivePortalProps = {
|
|
38
|
+
type DialogPrimitivePortalProps$1 = {
|
|
29
39
|
children: React.ReactNode;
|
|
30
40
|
container?: Element | null;
|
|
31
41
|
forceMount?: boolean;
|
|
32
42
|
keepMounted?: boolean;
|
|
33
43
|
};
|
|
34
44
|
|
|
35
|
-
|
|
45
|
+
type DialogPrimitivePortalProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>;
|
|
46
|
+
type DialogPortalProps = DialogPrimitivePortalProps;
|
|
47
|
+
declare const DialogPortal: React.ForwardRefExoticComponent<DialogPrimitivePortalProps$1 & React.RefAttributes<HTMLDivElement>>;
|
|
36
48
|
|
|
49
|
+
type DialogPrimitiveOverlayProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
|
|
50
|
+
type DialogOverlayProps = DialogPrimitiveOverlayProps & {
|
|
51
|
+
className?: string;
|
|
52
|
+
};
|
|
37
53
|
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<{
|
|
38
54
|
className?: string;
|
|
39
55
|
asChild?: boolean;
|
|
@@ -43,20 +59,11 @@ declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<{
|
|
|
43
59
|
className?: string;
|
|
44
60
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
45
61
|
|
|
46
|
-
type DialogPrimitiveContentProps =
|
|
47
|
-
|
|
62
|
+
type DialogPrimitiveContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;
|
|
63
|
+
type DialogContentProps = DialogPrimitiveContentProps & {
|
|
48
64
|
className?: string;
|
|
49
|
-
asChild?: boolean;
|
|
50
|
-
forceMount?: boolean;
|
|
51
|
-
role?: string;
|
|
52
|
-
'aria-modal'?: boolean;
|
|
53
|
-
'aria-labelledby'?: string;
|
|
54
|
-
'aria-describedby'?: string;
|
|
55
65
|
};
|
|
56
|
-
|
|
57
|
-
declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitiveContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
58
|
-
className?: string;
|
|
59
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
66
|
+
declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
60
67
|
|
|
61
68
|
type PrimitiveHeadingProps = React.ComponentPropsWithoutRef<typeof Primitive.h2>;
|
|
62
69
|
type DialogTitleProps = PrimitiveHeadingProps & {
|
|
@@ -76,10 +83,20 @@ type DialogPrimitiveCancelProps = {
|
|
|
76
83
|
className?: string;
|
|
77
84
|
};
|
|
78
85
|
|
|
86
|
+
type DialogPrimitiveCloseProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Cancel>;
|
|
87
|
+
type DialogCloseProps = DialogPrimitiveCloseProps & {
|
|
88
|
+
className?: string;
|
|
89
|
+
};
|
|
79
90
|
declare const DialogClose: React.ForwardRefExoticComponent<Omit<DialogPrimitiveCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
80
91
|
className?: string;
|
|
81
92
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
82
93
|
|
|
94
|
+
type DialogPrimitiveFooterProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Footer>;
|
|
95
|
+
type DialogFooterProps = DialogPrimitiveFooterProps & {
|
|
96
|
+
className?: string;
|
|
97
|
+
};
|
|
98
|
+
declare const DialogFooter: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
99
|
+
|
|
83
100
|
type DialogElement = React.ElementRef<'div'>;
|
|
84
101
|
type DialogProps = React.ComponentPropsWithoutRef<'div'>;
|
|
85
102
|
interface DialogComponent extends React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<DialogElement>> {
|
|
@@ -90,8 +107,10 @@ interface DialogComponent extends React.ForwardRefExoticComponent<DialogProps &
|
|
|
90
107
|
Content: typeof DialogContent;
|
|
91
108
|
Title: typeof DialogTitle;
|
|
92
109
|
Description: typeof DialogDescription;
|
|
110
|
+
Footer: typeof DialogFooter;
|
|
93
111
|
Close: typeof DialogClose;
|
|
94
112
|
}
|
|
95
113
|
declare const Dialog: DialogComponent;
|
|
96
114
|
|
|
97
115
|
export { Dialog as default };
|
|
116
|
+
export type { DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogOverlayProps, DialogPortalProps, DialogRootProps, DialogTitleProps, DialogTriggerProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import
|
|
1
|
+
'use client';import{createContext as s,forwardRef as e,useContext as o}from"react";import{jsx as a}from"react/jsx-runtime";import{D as r}from"./index-CTJl2pTM.js";import{c as l}from"./clsx-BaVHROc5.js";import{c as t}from"./index-6If6D2Zi.js";import{P as i}from"./index-98jQ1vTr.js";import"./index-yqRHPukT.js";import"./floating-ui.react-DMgxgTKq.js";import"react-dom";import"./index-BOy86lYu.js";import"./ThemeContext-Sm-iNANd.js";const n=s({rootClass:""}),c="Dialog",m=e((({children:s,customRootClass:e="",className:o="",...i},m)=>{const d=t(e,c),p={rootClass:d};return a(r.Root,{ref:m,className:l(d,o),...i,children:a(n.Provider,{value:p,children:s})})}));m.displayName=c;const d=e((({children:s,asChild:e,className:t="",...i},c)=>{const{rootClass:m}=o(n);return a(r.Trigger,{ref:c,className:l(`${m}-trigger`,t),asChild:e,...i,children:s})}));d.displayName="DialogTrigger";const p=e((({children:s,...e},o)=>a(r.Portal,{...e,children:s})));p.displayName="DialogPortal";const N=e((({className:s="",...e},t)=>{const{rootClass:i}=o(n);return a(r.Overlay,{ref:t,className:l(`${i}-overlay`,s),...e})}));N.displayName="DialogOverlay";const g=e((({children:s,className:e="",...t},i)=>{const{rootClass:c}=o(n);return a(r.Content,{ref:i,className:l(`${c}-content`,e),...t,children:s})}));g.displayName="DialogContent";const h=e((({children:s,className:e="",...r},t)=>{const{rootClass:c}=o(n);return a(i.h2,{ref:t,className:l(`${c}-title`,e),...r,children:s})}));h.displayName="DialogTitle";const C=e((({children:s,className:e="",...r},t)=>{const{rootClass:c}=o(n);return a(i.p,{ref:t,className:l(`${c}-description`,e),...r,children:s})}));C.displayName="DialogDescription";const f=e((({children:s,asChild:e,className:t="",...i},c)=>{const{rootClass:m}=o(n);return a(r.Cancel,{ref:c,className:l(`${m}-close`,t),asChild:e,...i,children:s})}));f.displayName="DialogClose";const u=e((({children:s,className:e="",...t},i)=>{const{rootClass:c}=o(n);return a(r.Footer,{ref:i,className:l(`${c}-footer`,e),...t,children:s})}));u.displayName="DialogFooter";const D=e(((s,e)=>(console.warn("Direct usage of Dialog is not supported. Please use Dialog.Root, Dialog.Content, etc. instead."),null)));D.displayName="Dialog";const y=D;y.Root=m,y.Trigger=d,y.Portal=p,y.Overlay=N,y.Content=g,y.Title=h,y.Description=C,y.Footer=u,y.Close=f;export{y as default};
|
|
@@ -9,12 +9,17 @@ declare const DisclosureRoot: React.ForwardRefExoticComponent<Omit<React.Detaile
|
|
|
9
9
|
defaultOpen?: number | null;
|
|
10
10
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
11
11
|
|
|
12
|
+
type DisclosureItemProps = React.ComponentPropsWithoutRef<'div'> & {
|
|
13
|
+
value: number;
|
|
14
|
+
};
|
|
12
15
|
declare const DisclosureItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
13
16
|
value: number;
|
|
14
17
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
15
18
|
|
|
19
|
+
type DisclosureTriggerProps = React.ComponentPropsWithoutRef<'button'>;
|
|
16
20
|
declare const DisclosureTrigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
17
21
|
|
|
22
|
+
type DisclosureContentProps = React.ComponentPropsWithoutRef<'div'>;
|
|
18
23
|
declare const DisclosureContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
19
24
|
|
|
20
25
|
type DisclosureProps = DisclosureRootProps & {
|
|
@@ -32,4 +37,4 @@ interface DisclosureComponent extends React.ForwardRefExoticComponent<Disclosure
|
|
|
32
37
|
declare const Disclosure: DisclosureComponent;
|
|
33
38
|
|
|
34
39
|
export { Disclosure as default };
|
|
35
|
-
export type { DisclosureProps };
|
|
40
|
+
export type { DisclosureContentProps, DisclosureItemProps, DisclosureProps, DisclosureRootProps, DisclosureTriggerProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{
|
|
1
|
+
'use client';import{jsx as e,jsxs as r}from"react/jsx-runtime";import t,{createContext as o,useRef as i,useState as s,useCallback as a,useContext as l,useEffect as n,useId as c}from"react";import{c as d}from"./index-6If6D2Zi.js";import{c as m}from"./clsx-BaVHROc5.js";import{R as u}from"./index-hAp0hL9w.js";import{C as p}from"./index-DTYJVF-V.js";import"./index-98jQ1vTr.js";import"./index-BOy86lYu.js";import"./index-wRElCyvx.js";const f=o({}),h=t.forwardRef((({children:r,customRootClass:t,"aria-label":o,...l},n)=>{const c=i(null),p=d(t,"Disclosure"),[h,g]=s(null),v=a((e=>{c.current=e,"function"==typeof n?n(e):n&&(n.current=e)}),[n]);return e(f.Provider,{value:{rootClass:p,activeItem:h,setActiveItem:g,disclosureRef:c},children:e(u.Root,{children:e(u.Group,{className:m(`${p}-root`),children:e("div",{...l,className:m(`${p}-root`),ref:v,role:"region","aria-label":o,"data-testid":"disclosure-root",children:r})})})})}));h.displayName="DisclosureRoot";const g=o({}),v=t.forwardRef((({children:r,className:t="",value:o,...i},a)=>{const{activeItem:d,rootClass:u}=l(f),[h,v]=s(o),[C,N]=s(!1);n((()=>{N(d===h)}),[d,h]);const R=c();return e(g.Provider,{value:{itemValue:h,setItemValue:v},children:e(p.Root,{open:C,onOpenChange:N,asChild:!0,children:e("div",{...i,className:m(`${u}-item`,t),ref:a,"data-state":C?"open":"closed",id:`disclosure-data-item-${R}`,role:"region","aria-labelledby":`disclosure-trigger-${R}`,children:r})})})}));v.displayName="DisclosureItem";const C=t.forwardRef((({children:r,className:t,onClick:o,...i},s)=>{const{activeItem:a,setActiveItem:n,rootClass:c}=l(f),{itemValue:d}=l(g);return e(u.Item,{children:e(p.Trigger,{asChild:!0,children:e("button",{...i,ref:s,type:"button",className:m(`${c}-trigger`,t),onClick:e=>{a===d?n(null):a!==d&&n(d),o&&o(e)},"aria-expanded":a===d,"aria-haspopup":"true",children:r})})})}));C.displayName="DisclosureTrigger";const N=t.forwardRef((({children:r,className:t="",...o},i)=>{const{activeItem:s,rootClass:a}=l(f),{itemValue:n}=l(g);return n!==s?null:e(p.Content,{...o,ref:i,className:m(`${a}-content`,t),role:"region","aria-hidden":s!==n,children:r})}));N.displayName="DisclosureContent";const R=t.forwardRef((({items:t,...o},i)=>e(h,{ref:i,...o,children:t.map(((t,o)=>r(v,{value:o,children:[e(C,{children:t.title}),e(N,{children:t.content})]},o)))})));R.Root=h,R.Item=v,R.Trigger=C,R.Content=N,R.displayName="Disclosure";export{R as default};
|
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
import React, { ComponentPropsWithoutRef, ElementRef } from 'react';
|
|
2
|
+
import MenuPrimitive from '~/core/primitives/Menu/MenuPrimitive';
|
|
2
3
|
import * as _floating_ui_react from '@floating-ui/react';
|
|
3
4
|
import Primitive from '~/core/primitives/Primitive';
|
|
4
5
|
|
|
6
|
+
type DropdownMenuRootProps = {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
customRootClass?: string;
|
|
9
|
+
className?: string;
|
|
10
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Root>;
|
|
5
11
|
declare const DropdownMenuRoot: React.ForwardRefExoticComponent<{
|
|
6
12
|
children: React.ReactNode;
|
|
7
13
|
customRootClass?: string;
|
|
@@ -26,6 +32,10 @@ type MenuPrimitiveTriggerProps = {
|
|
|
26
32
|
asChild?: boolean;
|
|
27
33
|
};
|
|
28
34
|
|
|
35
|
+
type DropdownMenuTriggerProps = {
|
|
36
|
+
children: React.ReactNode;
|
|
37
|
+
className?: string;
|
|
38
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Trigger>;
|
|
29
39
|
declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<{
|
|
30
40
|
children: React.ReactNode;
|
|
31
41
|
className?: string;
|
|
@@ -36,11 +46,18 @@ type MenuPrimitiveContentProps = {
|
|
|
36
46
|
className?: string;
|
|
37
47
|
};
|
|
38
48
|
|
|
49
|
+
type DropdownMenuContentProps = {
|
|
50
|
+
children: React.ReactNode;
|
|
51
|
+
className?: string;
|
|
52
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Content>;
|
|
39
53
|
declare const DropdownMenuContent: React.ForwardRefExoticComponent<{
|
|
40
54
|
children: React.ReactNode;
|
|
41
55
|
className?: string;
|
|
42
56
|
} & Omit<MenuPrimitiveContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
43
57
|
|
|
58
|
+
type DropdownMenuPortalProps = {
|
|
59
|
+
children: React.ReactNode;
|
|
60
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Portal>;
|
|
44
61
|
declare const DropdownMenuPortal: React.ForwardRefExoticComponent<{
|
|
45
62
|
children: React.ReactNode;
|
|
46
63
|
} & Omit<{
|
|
@@ -56,12 +73,21 @@ type MenuPrimitiveItemProps = {
|
|
|
56
73
|
onSelect?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
57
74
|
};
|
|
58
75
|
|
|
76
|
+
type DropdownMenuItemProps = {
|
|
77
|
+
children: React.ReactNode;
|
|
78
|
+
className?: string;
|
|
79
|
+
label?: string;
|
|
80
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Item>;
|
|
59
81
|
declare const DropdownMenuItem: React.ForwardRefExoticComponent<{
|
|
60
82
|
children: React.ReactNode;
|
|
61
83
|
className?: string;
|
|
62
84
|
label?: string;
|
|
63
85
|
} & Omit<MenuPrimitiveItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
64
86
|
|
|
87
|
+
type DropdownMenuSubProps = {
|
|
88
|
+
children: React.ReactNode;
|
|
89
|
+
className?: string;
|
|
90
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Sub>;
|
|
65
91
|
declare const DropdownMenuSub: React.ForwardRefExoticComponent<{
|
|
66
92
|
children: React.ReactNode;
|
|
67
93
|
className?: string;
|
|
@@ -85,6 +111,10 @@ declare const DropdownMenuSub: React.ForwardRefExoticComponent<{
|
|
|
85
111
|
rtl?: boolean;
|
|
86
112
|
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
87
113
|
|
|
114
|
+
type DropdownMenuSubTriggerProps = {
|
|
115
|
+
children: React.ReactNode;
|
|
116
|
+
className?: string;
|
|
117
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Trigger>;
|
|
88
118
|
declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<{
|
|
89
119
|
children: React.ReactNode;
|
|
90
120
|
className?: string;
|
|
@@ -119,4 +149,4 @@ type DropdownMenuComponent = React.ForwardRefExoticComponent<DropdownMenuProps &
|
|
|
119
149
|
declare const DropdownMenu: DropdownMenuComponent;
|
|
120
150
|
|
|
121
151
|
export { DropdownMenu as default };
|
|
122
|
-
export type { DropdownMenuElement, DropdownMenuProps };
|
|
152
|
+
export type { DropdownMenuContentProps, DropdownMenuElement, DropdownMenuItemProps, DropdownMenuPortalProps, DropdownMenuProps, DropdownMenuRootProps, DropdownMenuSeparatorProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import
|
|
1
|
+
'use client';import o,{forwardRef as e}from"react";import{jsx as n}from"react/jsx-runtime";import{M as r}from"./MenuPrimitive-6Qr46BSn.js";import{c as t}from"./index-6If6D2Zi.js";import{c as s}from"./clsx-BaVHROc5.js";import l from"./Separator.js";import"./index-yqRHPukT.js";import"./floating-ui.react-DMgxgTKq.js";import"react-dom";import"./index-wRElCyvx.js";import"./index-98jQ1vTr.js";import"./index-BOy86lYu.js";const a=o.createContext(null),u="DropdownMenu",i=e((({children:o,customRootClass:e,className:l,...i},d)=>{const c=t(e,u);return n(a.Provider,{value:{rootClass:c},children:n(r.Root,{ref:d,className:s(`${c}-root`,l),...i,children:o})})}));i.displayName=u;const d=e((({children:e,className:t,...l},u)=>{const i=o.useContext(a);if(!i)return console.warn("DropdownMenuTrigger should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Trigger,{ref:u,className:s(`${d}-trigger`,t),...l,children:e})}));d.displayName="DropdownMenuTrigger";const c=e((({children:e,className:t,...l},u)=>{const i=o.useContext(a);if(!i)return console.warn("DropdownMenuContent should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Content,{ref:u,className:s(`${d}-content`,t),...l,children:e})}));c.displayName="DropdownMenuContent";const p=e((({children:e,...t},s)=>{const l=o.useContext(a);if(!l)return console.warn("DropdownMenuPortal should be used in the DropdownMenuRoot"),null;const{rootClass:u}=l;return n(r.Portal,{ref:s,...t,children:e})}));p.displayName="DropdownMenuPortal";const m=e((({children:e,className:t,label:l,...u},i)=>{const d=o.useContext(a);if(!d)return console.warn("DropdownMenuItem should be used in the DropdownMenuRoot"),null;const{rootClass:c}=d;return n(r.Item,{ref:i,className:s(`${c}-item`,t),label:l,...u,children:e})}));m.displayName="DropdownMenuItem";const w=e((({children:e,className:t,...l},u)=>{const i=o.useContext(a);if(!i)return console.warn("DropdownMenuSub should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Sub,{ref:u,className:s(`${d}-sub`,t),...l,children:e})}));w.displayName="DropdownMenuSub";const h=e((({children:e,className:t,...l},u)=>{const i=o.useContext(a);if(!i)return console.warn("DropdownMenuSubTrigger should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Trigger,{ref:u,className:s(`${d}-sub-trigger`,t),...l,children:e})}));h.displayName="DropdownMenuSubTrigger";const M=e((({className:e,...r},t)=>{const s=o.useContext(a);if(!s)return console.warn("DropdownMenuSeparator should be used within DropdownMenuRoot"),null;const{rootClass:u}=s;return n(l,{ref:t,customRootClass:u,className:e,...r})}));M.displayName="DropdownMenuSeparator";const D=e(((o,e)=>(console.warn("Direct usage of DropdownMenu is not supported. Please use DropdownMenu.Root, DropdownMenu.Item instead."),null)));D.displayName="DropdownMenu",D.Root=i,D.Trigger=d,D.Content=c,D.Portal=p,D.Item=m,D.Sub=w,D.SubTrigger=h,D.Separator=M;export{D as default};
|
package/dist/components/Em.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{
|
|
1
|
+
'use client';import{jsx as r}from"react/jsx-runtime";import s from"react";import{c as m}from"./index-6If6D2Zi.js";import{c as e}from"./clsx-BaVHROc5.js";const o=s.forwardRef((({children:s,customRootClass:o,className:a,...t},c)=>{const i=m(o,"Em");return r("em",{ref:c,className:e(i,a),...t,children:s})}));o.displayName="Em";export{o as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import
|
|
1
|
+
'use client';import s from"react";import{c as e}from"./clsx-BaVHROc5.js";import{c as a}from"./index-6If6D2Zi.js";const r=s.forwardRef((({children:r,as:o="h1",customRootClass:t="",className:c="",...m},h)=>{const l=a(t,o),i=["h1","h2","h3","h4","h5","h6"].includes(o)?o:"h1";return s.createElement(i,{className:e(l,c),ref:h,...m},r)}));r.displayName="Heading";export{r as default};
|
|
@@ -3,6 +3,13 @@ import Primitive from '~/core/primitives/Primitive';
|
|
|
3
3
|
import * as _floating_ui_react from '@floating-ui/react';
|
|
4
4
|
import Floater from '~/core/primitives/Floater';
|
|
5
5
|
|
|
6
|
+
type HoverCardRootProps = ComponentPropsWithoutRef<'div'> & {
|
|
7
|
+
open?: boolean;
|
|
8
|
+
onOpenChange?: (open: boolean) => void;
|
|
9
|
+
customRootClass?: string;
|
|
10
|
+
openDelay?: number;
|
|
11
|
+
closeDelay?: number;
|
|
12
|
+
};
|
|
6
13
|
declare const HoverCardRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
7
14
|
open?: boolean;
|
|
8
15
|
onOpenChange?: (open: boolean) => void;
|
|
@@ -14,10 +21,14 @@ declare const HoverCardRoot: React.ForwardRefExoticComponent<Omit<React.Detailed
|
|
|
14
21
|
type HoverCardTriggerProps = ComponentPropsWithoutRef<typeof Primitive.span>;
|
|
15
22
|
declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardTriggerProps & React.RefAttributes<HTMLElement>>;
|
|
16
23
|
|
|
24
|
+
type HoverCardPortalProps = ComponentPropsWithoutRef<typeof Floater.Portal> & {
|
|
25
|
+
rootElement?: HTMLElement | React.MutableRefObject<HTMLElement | null>;
|
|
26
|
+
};
|
|
17
27
|
declare const HoverCardPortal: React.ForwardRefExoticComponent<_floating_ui_react.FloatingPortalProps & {
|
|
18
28
|
rootElement?: HTMLElement | React.MutableRefObject<HTMLElement | null>;
|
|
19
29
|
} & React.RefAttributes<never>>;
|
|
20
30
|
|
|
31
|
+
type HoverCardContentProps = ComponentPropsWithoutRef<'div'>;
|
|
21
32
|
declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
22
33
|
|
|
23
34
|
type HoverCardArrowProps = Omit<ComponentPropsWithoutRef<typeof Floater.Arrow>, 'context'>;
|
|
@@ -35,4 +46,4 @@ type HoverCardComponent = React.ForwardRefExoticComponent<HoverCardProps & React
|
|
|
35
46
|
declare const HoverCard: HoverCardComponent;
|
|
36
47
|
|
|
37
48
|
export { HoverCard as default };
|
|
38
|
-
export type { HoverCardElement, HoverCardProps };
|
|
49
|
+
export type { HoverCardArrowProps, HoverCardContentProps, HoverCardElement, HoverCardPortalProps, HoverCardProps, HoverCardRootProps, HoverCardTriggerProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import
|
|
1
|
+
'use client';import{createContext as e,forwardRef as r,useRef as o,useState as t,useEffect as s,useContext as n}from"react";import{jsx as a}from"react/jsx-runtime";import{F as l}from"./index-yqRHPukT.js";import{c as i}from"./index-6If6D2Zi.js";import{u as c}from"./index-wRElCyvx.js";import{c as u}from"./clsx-BaVHROc5.js";import{P as m}from"./index-98jQ1vTr.js";import{T as d}from"./ThemeContext-Sm-iNANd.js";import"./floating-ui.react-DMgxgTKq.js";import"react-dom";const f=e({}),g="HoverCard",p=r((({children:e,open:r,onOpenChange:n,customRootClass:m="",openDelay:d=100,closeDelay:p=200,...C},y)=>{const h=i(m,g),v=i(m,`${g}-trigger`),R=o(null),{refs:x,floatingStyles:T,context:w}=l.useFloating({placement:"bottom",strategy:"fixed",middleware:[l.arrow({element:R}),l.offset(10),l.flip({mainAxis:!0})]}),[N,P]=c(r,!1,n),[D,H]=t(!1),j=o(null),W=o(null),E=e=>{P(e)},F=l.useRole(w),M=l.useDismiss(w),A=l.useHover(w,{delay:100}),{getReferenceProps:L,getFloatingProps:O}=l.useInteractions([A,F,M]);s((()=>()=>{j.current&&clearTimeout(j.current),W.current&&clearTimeout(W.current)}),[]);const S={isOpen:N,handleOpenChange:E,floatingRefs:x,floatingStyles:T,floatingContext:w,arrowRef:R,getReferenceProps:L,getFloatingProps:O,rootClass:h,rootTriggerClass:v,closeWithDelay:()=>{H(!0),W.current&&clearTimeout(W.current),W.current=setTimeout((()=>{H((e=>(e&&E(!1),e)))}),p)},closeWithoutDelay:()=>{E(!1)},openWithDelay:()=>{H(!1),j.current&&clearTimeout(j.current),j.current=setTimeout((()=>{E(!0)}),d)}};return a(f.Provider,{value:S,children:a("div",{ref:y,className:u(h),...C,children:e})})}));p.displayName=g;const C=r((({children:e,className:r="",...o},t)=>{const{floatingRefs:s,closeWithDelay:i,openWithDelay:c,rootTriggerClass:d}=n(f),g=l.useMergeRefs([s.setReference,t]);return a(m.span,{className:u(d,r),onClick:()=>{},onMouseEnter:c,onMouseLeave:i,ref:g,...o,children:e})}));C.displayName="HoverCardTrigger";const y=r((({children:e,rootElement:r,...o},t)=>{const{rootTriggerClass:s}=n(f),i=n(d),c=r||i?.portalRootRef.current||document.querySelector("[data-rad-ui-portal-root]")||i?.containerRef.current||document.getElementsByClassName(s)[0];return a(l.Portal,{root:c,...o,children:e})}));y.displayName="HoverCardPortal";const h=r((({children:e,className:r,...o},t)=>{const{isOpen:i,floatingRefs:c,floatingStyles:m,getFloatingProps:d,rootClass:g,closeWithDelay:p,closeWithoutDelay:C,openWithDelay:y}=n(f);s((()=>{const e=()=>C();return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}),[C]);const h=l.useMergeRefs([c.setFloating,t]);return i?a("div",{onPointerEnter:y,onPointerLeave:p,className:u(g,r),ref:h,style:m,...o,...d(),children:e}):null}));h.displayName="HoverCardContent";const v=r(((e,r)=>{const{floatingContext:o,arrowRef:t,rootClass:s}=n(f),i=l.useMergeRefs([t,r]);return a(l.Arrow,{className:u(`${s}-arrow`),...e,context:o,ref:i})}));v.displayName="HoverCardArrow";const R=r(((e,r)=>(console.warn("Direct usage of HoverCard is not supported. Please use HoverCard.Root, HoverCard.Trigger, etc. instead."),null)));R.displayName="HoverCard",R.Root=p,R.Trigger=C,R.Portal=y,R.Content=h,R.Arrow=v;export{R as default};
|
package/dist/components/Kbd.d.ts
CHANGED
package/dist/components/Kbd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{
|
|
1
|
+
'use client';import{jsx as s}from"react/jsx-runtime";import{forwardRef as r}from"react";import{c as e}from"./index-6If6D2Zi.js";import{c as o}from"./clsx-BaVHROc5.js";import{c as m}from"./index-3dZuI04X.js";const t=r((({children:r,customRootClass:t,className:a,size:c="",...i},d)=>{const l=e(t,"Kbd"),n=m("kbd",{size:c});return s("kbd",{ref:d,className:o(l,a),...n,...i,children:r})}));t.displayName="Kbd";export{t as default};
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { ElementRef, ComponentPropsWithoutRef } from 'react';
|
|
2
2
|
|
|
3
3
|
interface LinkProps extends ComponentPropsWithoutRef<'a'> {
|
|
4
4
|
customRootClass?: string;
|
|
5
5
|
size?: string;
|
|
6
|
+
color?: string;
|
|
7
|
+
asChild?: boolean;
|
|
6
8
|
}
|
|
7
9
|
type LinkElement = ElementRef<'a'>;
|
|
8
10
|
declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
package/dist/components/Link.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{
|
|
1
|
+
'use client';import{jsx as s}from"react/jsx-runtime";import r from"react";import{c as a}from"./clsx-BaVHROc5.js";import{c as o}from"./index-6If6D2Zi.js";import{a as e,b as i,c as m}from"./index-3dZuI04X.js";import{P as t}from"./index-98jQ1vTr.js";const c="Link",f=r.forwardRef((({children:r,href:f="#",customRootClass:l,className:d,size:n="",color:p="",asChild:h=!1,...x},j)=>{const u=o(l,c),C=e(m("link",{size:n}),i(p)),N=t.a;return s(N,{ref:j,asChild:h,href:f,className:a(u,d),...C,...x,children:r})}));f.displayName=c;export{f as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use client';import{jsx as e}from"react/jsx-runtime";import t,{forwardRef as n,useState as s,useRef as i,useContext as o,useEffect as l}from"react";import{F as r}from"./index-yqRHPukT.js";import{u as a}from"./index-wRElCyvx.js";import{P as c}from"./index-98jQ1vTr.js";import{B as d}from"./index-BOy86lYu.js";const u=t.createContext(null),f=n((({children:n,className:o,open:l,onOpenChange:c,defaultOpen:d=!1,crossAxisOffset:f,mainAxisOffset:m,loop:p=!0,placement:g="bottom-start",avoidCollision:h=!0,rtl:x=!1,...v},N)=>{const[P,I]=a(l,d,c),[C,O]=s(null),b=i([]),R=i([]),y=i([]),F=i(null),M=r.useFloatingNodeId(),A=r.useFloatingParentNodeId(),k=null!=A,S=f??0,T=void 0!==m?m:k?2:4,{refs:j,floatingStyles:L,context:w}=r.useFloating({open:P,nodeId:M,onOpenChange:I,strategy:"fixed",placement:k?"right-start":g,middleware:[r.offset({mainAxis:T,crossAxis:S}),r.flip({mainAxis:h,crossAxis:h}),r.shift({padding:4})],whileElementsMounted:r.autoUpdate}),E=r.useListNavigation(w,{listRef:R,activeIndex:C,nested:k,rtl:x,loop:p,onNavigate:O}),D=r.useClick(w,{}),q=r.useHover(w,{enabled:k,delay:{open:75},handleClose:r.safePolygon({blockPointerEvents:!0})}),B=r.useDismiss(w,{bubbles:!0}),H=r.useTypeahead(w,{listRef:y,onMatch:P?O:void 0,activeIndex:C}),{getReferenceProps:U,getFloatingProps:z,getItemProps:G}=r.useInteractions([B,D,E,q,H]),J={isOpen:P,setIsOpen:I,refs:j,floatingStyles:L,getReferenceProps:U,getFloatingProps:z,getItemProps:G,activeIndex:C,setActiveIndex:O,listRef:b,elementsRef:R,labelsRef:y,virtualItemRef:F,nodeId:M,isNested:k,floatingContext:w,rtl:x},K=r.useFloatingTree();return t.useEffect((()=>{if(K)return K.events.on("click",e),()=>{K.events.off("click",e)};function e(){I(!1)}}),[K,M,A]),e("div",{ref:N,className:o,"data-tree":"true",...v,children:e(u.Provider,{value:J,children:e(r.FloatingNode,{id:M,children:n})})})}));f.displayName="MenuComponentRoot";const m=n((({children:t,className:n,open:s,onOpenChange:i,defaultOpen:o=!1,crossAxisOffset:l,mainAxisOffset:a,...c},d)=>e(r.FloatingTree,{children:e(f,{ref:d,className:n,open:s,onOpenChange:i,defaultOpen:o,crossAxisOffset:l,mainAxisOffset:a,...c,children:t})})));m.displayName="MenuPrimitiveRoot";const p=n((({children:n,className:s,label:i,disabled:o,asChild:l=!1,onSelect:a,...d},f)=>{const m=t.useContext(u),p=o?null:i,{ref:g,index:h}=r.useListItem({label:p}),x=r.useFloatingTree(),v=t.useCallback((e=>{"function"==typeof g?g(e):g&&(g.current=e),"function"==typeof f?f(e):f&&(f.current=e)}),[g,f]);if(!m)return null;const{activeIndex:N,getItemProps:P}=m,I=N===h;return e(c.button,{ref:v,tabIndex:I?0:-1,className:s,...P({onClick(e){o||(a?a(e):x?.events.emit("click"))}}),disabled:o,asChild:l,...d,children:n})}));p.displayName="MenuPrimitiveItem";const g=n((({children:t,className:n,asChild:s,...i},l)=>{const a=o(u),{ref:c,index:f}=r.useListItem(),m=r.useMergeRefs([a?.refs.setReference,c,l]);if(!a)return null;const{activeIndex:p,getReferenceProps:g,isNested:h}=a;return e(d,{className:n,tabIndex:h?p===f?0:-1:void 0,ref:m,...g(),asChild:s,...i,children:t})}));g.displayName="MenuPrimitiveTrigger";const h=n((({children:t,className:n,...s},i)=>{const l=o(u),a=r.useMergeRefs([l?.refs.setFloating,i]);if(!l||!l.isOpen)return null;const{floatingStyles:c,getFloatingProps:d,elementsRef:f,labelsRef:m,isNested:p,floatingContext:g}=l;return e(r.FloatingList,{elementsRef:f,labelsRef:m,children:e(r.FocusManager,{context:g,modal:!1,initialFocus:p?-1:0,returnFocus:!p,children:e("div",{ref:a,style:c,...d(),className:n,...s,children:t})})})}));h.displayName="MenuPrimitiveContent";const x=n((({children:t,className:n,open:s,onOpenChange:i,defaultOpen:l=!1,...r},a)=>{const c=o(u);return e(f,{ref:a,className:n,open:s,onOpenChange:i,defaultOpen:l,rtl:c&&c.rtl||!1,...r,children:t})}));x.displayName="MenuPrimitiveSub";const v=n((({children:t,...n},i)=>{const a=o(u),[c,d]=s(!1),f=document.querySelector("#rad-ui-theme-container")||document.body;if(l((()=>{f&&d(!0)}),[f]),!a)return null;const{isOpen:m}=a;return m&&c?e(r.Portal,{root:f,...n,children:e("div",{ref:i,children:t})}):null}));v.displayName="MenuPrimitivePortal";const N=()=>(console.warn("Direct usage of MenuPrimitive is not supported. Please use MenuPrimitive.Root, MenuPrimitive.Item instead."),null);N.Root=m,N.Item=p,N.Trigger=g,N.Content=h,N.Sub=x,N.Portal=v;export{N as M};
|