@ngrok/mantle 0.79.3 → 0.81.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/accordion.d.ts +158 -19
- package/dist/accordion.js +1 -1
- package/dist/agent.json +5 -1
- package/dist/alert-dialog.d.ts +465 -32
- package/dist/alert-dialog.js +1 -1
- package/dist/alert.d.ts +116 -14
- package/dist/alert.js +1 -1
- package/dist/anchor-DfeXTpKW.js +1 -0
- package/dist/anchor.d.ts +2 -2
- package/dist/anchor.js +1 -1
- package/dist/area-chart.d.ts +504 -0
- package/dist/area-chart.js +1 -0
- package/dist/as-child-D23mGo4f.d.ts +49 -0
- package/dist/badge.d.ts +44 -5
- package/dist/badge.js +1 -1
- package/dist/bar-chart.d.ts +491 -0
- package/dist/bar-chart.js +1 -0
- package/dist/breadcrumb.d.ts +196 -14
- package/dist/breadcrumb.js +1 -1
- package/dist/button-BAno7KIU.js +1 -0
- package/dist/{index-BSAizFod.d.ts → button-C-gMbPso.d.ts} +5 -5
- package/dist/{icon-button-BvQvT790.d.ts → button-C7vAl6lS.d.ts} +22 -63
- package/dist/button-D9n09xUg.js +1 -0
- package/dist/{button-DcXOWUYo.d.ts → button-DARFK2KJ.d.ts} +4 -4
- package/dist/button-DjpEKt2X.js +1 -0
- package/dist/button-DvHMWAPl.js +1 -0
- package/dist/button.d.ts +5 -5
- package/dist/button.js +1 -1
- package/dist/calendar.d.ts +0 -3
- package/dist/calendar.js +1 -1
- package/dist/card.d.ts +131 -9
- package/dist/card.js +1 -1
- package/dist/centered-layout.d.ts +209 -8
- package/dist/centered-layout.js +1 -1
- package/dist/chart-BROa2gqt.js +2 -0
- package/dist/chart-BcOC6Qj0.d.ts +275 -0
- package/dist/checkbox-0EoxOyMA.js +1 -0
- package/dist/checkbox.d.ts +13 -11
- package/dist/checkbox.js +1 -1
- package/dist/choice-BHwFSSyv.js +1 -0
- package/dist/choice-BNRQXszu.d.ts +254 -0
- package/dist/choice.d.ts +1 -252
- package/dist/choice.js +1 -1
- package/dist/code-block.d.ts +242 -52
- package/dist/code-block.js +6 -6
- package/dist/code-block_highlight-utils.d.ts +1 -1
- package/dist/code-block_highlight-utils.js +1 -1
- package/dist/code.d.ts +3 -2
- package/dist/code.js +1 -1
- package/dist/combobox.d.ts +171 -16
- package/dist/combobox.js +1 -1
- package/dist/command.d.ts +279 -81
- package/dist/command.js +1 -1
- package/dist/compose-refs-BdBMM9ga.js +1 -0
- package/dist/data-table.d.ts +28 -6
- package/dist/data-table.js +1 -1
- package/dist/description-list.d.ts +67 -6
- package/dist/description-list.js +1 -1
- package/dist/dialog-BM4wPCft.d.ts +24 -0
- package/dist/dialog-DWZWd5Jt.js +1 -0
- package/dist/dialog.d.ts +226 -35
- package/dist/dialog.js +1 -1
- package/dist/{dropdown-menu-DP_Ne9Mr.d.ts → dropdown-menu-DZg-Cd69.d.ts} +137 -32
- package/dist/dropdown-menu-Dw-OtXPm.d.ts +1 -0
- package/dist/dropdown-menu-RyDWoKHx.js +1 -0
- package/dist/dropdown-menu.d.ts +2 -2
- package/dist/dropdown-menu.js +1 -1
- package/dist/empty.d.ts +7 -22
- package/dist/empty.js +1 -1
- package/dist/field-B1wqeZr4.js +1 -0
- package/dist/field.d.ts +568 -47
- package/dist/field.js +1 -1
- package/dist/flag.d.ts +0 -3
- package/dist/flag.js +1 -1
- package/dist/hooks.d.ts +3 -4
- package/dist/hooks.js +1 -1
- package/dist/hover-card.d.ts +48 -7
- package/dist/hover-card.js +1 -1
- package/dist/{svg-only-BFeFS1aa.d.ts → icon-CX_gj6sW.d.ts} +2 -2
- package/dist/icon-d-nMCfAI.js +1 -0
- package/dist/{icon-Cevjo93X.d.ts → icon-k4E9yNWD.d.ts} +2 -2
- package/dist/icon-lZ48P8Nn.js +1 -0
- package/dist/icon.d.ts +3 -3
- package/dist/icon.js +1 -1
- package/dist/{sort-BPX2Fk9t.js → icons-B_DDQcVD.js} +1 -1
- package/dist/{traffic-policy-file-0g5RXFqu.js → icons-CF1lbWtp.js} +1 -1
- package/dist/icons-DLCs1hLP.js +1 -0
- package/dist/icons.d.ts +7 -15
- package/dist/icons.js +1 -1
- package/dist/{in-view-nkSOdED2.d.ts → in-view-DDEGUKDR.d.ts} +17 -9
- package/dist/{index-D47aqlpz.d.ts → index-DA4ig3gj.d.ts} +1 -1
- package/dist/input-BnlpQF0c.js +1 -0
- package/dist/{types-C19IR7jf.d.ts → input-BuYDU6CF.d.ts} +42 -2
- package/dist/input.d.ts +5 -56
- package/dist/input.js +1 -1
- package/dist/{label-v2-bv98k.d.ts → label-C6YH9skg.d.ts} +8 -6
- package/dist/label-D-D11mlp.js +1 -0
- package/dist/label.d.ts +1 -1
- package/dist/label.js +1 -1
- package/dist/line-chart.d.ts +490 -0
- package/dist/line-chart.js +1 -0
- package/dist/list-51KQvENW.js +1 -0
- package/dist/list.d.ts +135 -6
- package/dist/list.js +1 -1
- package/dist/llms.txt +5 -1
- package/dist/main.d.ts +20 -4
- package/dist/main.js +1 -1
- package/dist/mantle-dark-high-contrast.css +17 -0
- package/dist/mantle-dark.css +13 -0
- package/dist/mantle-light-high-contrast.css +15 -0
- package/dist/mantle.css +29 -0
- package/dist/media-object.d.ts +18 -4
- package/dist/media-object.js +1 -1
- package/dist/multi-select.d.ts +282 -24
- package/dist/multi-select.js +1 -1
- package/dist/otp-input.d.ts +118 -6
- package/dist/otp-input.js +1 -1
- package/dist/pagination.d.ts +61 -6
- package/dist/pagination.js +1 -1
- package/dist/popover-CE4OlWkd.d.ts +208 -0
- package/dist/popover-CQ9s7jG5.js +1 -0
- package/dist/popover.d.ts +1 -181
- package/dist/popover.js +1 -1
- package/dist/primitive-trJDqIXJ.js +1 -0
- package/dist/progress.d.ts +2 -8
- package/dist/progress.js +1 -1
- package/dist/qr-code.d.ts +101 -5
- package/dist/qr-code.js +1 -1
- package/dist/radio-group.d.ts +110 -35
- package/dist/radio-group.js +1 -1
- package/dist/sandboxed-on-click.d.ts +2 -2
- package/dist/sandboxed-on-click.js +1 -1
- package/dist/scatter-plot.d.ts +495 -0
- package/dist/scatter-plot.js +1 -0
- package/dist/select-0z7HVS6r.d.ts +579 -0
- package/dist/select-BCHWvmyC.js +1 -0
- package/dist/select.d.ts +1 -1
- package/dist/select.js +1 -1
- package/dist/selectable-list.d.ts +225 -298
- package/dist/selectable-list.js +1 -1
- package/dist/separator-B5UmkVRL.d.ts +75 -0
- package/dist/separator-bpE_kooz.js +1 -0
- package/dist/separator.d.ts +1 -52
- package/dist/separator.js +1 -1
- package/dist/sheet.d.ts +285 -38
- package/dist/sheet.js +1 -1
- package/dist/skeleton-CsbUHbBA.js +1 -0
- package/dist/skeleton.d.ts +4 -7
- package/dist/skeleton.js +1 -1
- package/dist/skip-to-main-link.d.ts +24 -4
- package/dist/skip-to-main-link.js +1 -1
- package/dist/slider.js +1 -1
- package/dist/{index-Rv8RL7xy.d.ts → slot-BtwKJTLq.d.ts} +1 -1
- package/dist/slot-CDk0Bb9z.js +1 -0
- package/dist/slot.d.ts +1 -1
- package/dist/slot.js +1 -1
- package/dist/split-button.d.ts +14 -14
- package/dist/split-button.js +1 -1
- package/dist/switch.d.ts +10 -7
- package/dist/switch.js +1 -1
- package/dist/table-Bo0vNxIJ.d.ts +848 -0
- package/dist/table-CGxJwtbL.js +1 -0
- package/dist/table.d.ts +1 -1
- package/dist/table.js +1 -1
- package/dist/tabs.d.ts +124 -25
- package/dist/tabs.js +1 -1
- package/dist/text-area.d.ts +2 -2
- package/dist/text-area.js +1 -1
- package/dist/theme-C26-Xolp.js +1 -0
- package/dist/theme-switcher.d.ts +105 -33
- package/dist/theme-switcher.js +1 -1
- package/dist/theme.d.ts +54 -15
- package/dist/theme.js +1 -1
- package/dist/toast.d.ts +86 -10
- package/dist/toast.js +1 -1
- package/dist/tooltip.d.ts +50 -5
- package/dist/tooltip.js +1 -1
- package/dist/types.d.ts +2 -2
- package/dist/utils.d.ts +1 -1
- package/dist/utils.js +1 -1
- package/dist/well.d.ts +3 -3
- package/dist/well.js +1 -1
- package/package.json +9 -3
- package/dist/anchor-C_tjSVy6.js +0 -1
- package/dist/as-child-CYEVu1WY.d.ts +0 -23
- package/dist/button-5t6-JS_I.js +0 -1
- package/dist/button-ClC60Nzg.js +0 -1
- package/dist/checkbox-DJ2xl7Rc.js +0 -1
- package/dist/choice-DOdyNzFC.js +0 -1
- package/dist/compose-refs-Cjf2gfB8.js +0 -1
- package/dist/dialog-vxLIvB8M.js +0 -1
- package/dist/dropdown-menu-Bt1aKF1g.js +0 -1
- package/dist/field-context-BR01g789.js +0 -1
- package/dist/icon-CDtYjF_H.js +0 -1
- package/dist/icon-button-DV2-GZHf.js +0 -1
- package/dist/index-g2rfwNCH.d.ts +0 -1
- package/dist/input-Ct1YOqSy.js +0 -1
- package/dist/label-BMlHW_2D.js +0 -1
- package/dist/popover-D5WxxnBY.js +0 -1
- package/dist/primitive-C64-m48O.d.ts +0 -13
- package/dist/primitive-IKruV2iB.js +0 -1
- package/dist/select-Bwt2YduR.d.ts +0 -345
- package/dist/select-D-5u0Blc.js +0 -1
- package/dist/separator-kBnnv3Cw.js +0 -1
- package/dist/skeleton-Bu3tgNcW.js +0 -1
- package/dist/slot-DmPrjM7N.js +0 -1
- package/dist/svg-only-DDx6FtJd.js +0 -1
- package/dist/table-CPH2md2-.js +0 -1
- package/dist/table-CwFHXC-G.d.ts +0 -414
- package/dist/theme-D3MDng6U.js +0 -1
- package/dist/theme-provider-C9zpDyJW.js +0 -1
- package/dist/toast-BsCjaMVS.js +0 -1
- package/dist/virtual-DZMBu7Ch.js +0 -1
- /package/dist/{sizes-BCoI4bhP.d.ts → button-BCoI4bhP.d.ts} +0 -0
- /package/dist/{intents-DdSKSj1c.d.ts → button-DdSKSj1c.d.ts} +0 -0
- /package/dist/{resolve-pre-rendered-props-B6OlZrSI.d.ts → code-block-B6OlZrSI.d.ts} +0 -0
- /package/dist/{resolve-pre-rendered-props-C9uaM9-V.js → code-block-C9uaM9-V.js} +0 -0
- /package/dist/{validation-7QeiTFwl.d.ts → field-7QeiTFwl.d.ts} +0 -0
- /package/dist/{validation-Bpptk_9t.js → field-Bpptk_9t.js} +0 -0
- /package/dist/{types-D1RY5Tcj.d.ts → icon-D1RY5Tcj.d.ts} +0 -0
- /package/dist/{is-input-CXmS0OFN.js → input-CXmS0OFN.js} +0 -0
- /package/dist/{themes-CYNpplwN.d.ts → theme-CYNpplwN.d.ts} +0 -0
|
@@ -1,12 +1,134 @@
|
|
|
1
|
-
import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
|
|
2
1
|
import { t as WithDataSlot } from "./data-slot-CChfb_cv.js";
|
|
2
|
+
import { n as Separator } from "./separator-B5UmkVRL.js";
|
|
3
3
|
import { ComponentProps } from "react";
|
|
4
4
|
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
5
5
|
//#region src/components/dropdown-menu/dropdown-menu.d.ts
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
/**
|
|
7
|
+
* The trigger button that opens the dropdown menu.
|
|
8
|
+
*
|
|
9
|
+
* @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenutrigger
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* ```tsx
|
|
13
|
+
* <DropdownMenu.Root>
|
|
14
|
+
* <DropdownMenu.Trigger asChild>
|
|
15
|
+
* <Button type="button" appearance="outlined" intent="neutral">
|
|
16
|
+
* Open Menu
|
|
17
|
+
* </Button>
|
|
18
|
+
* </DropdownMenu.Trigger>
|
|
19
|
+
* <DropdownMenu.Content>
|
|
20
|
+
* <DropdownMenu.Item>Item 1</DropdownMenu.Item>
|
|
21
|
+
* </DropdownMenu.Content>
|
|
22
|
+
* </DropdownMenu.Root>
|
|
23
|
+
* ```
|
|
24
|
+
*/
|
|
25
|
+
declare const Trigger: (props: ComponentProps<typeof DropdownMenuPrimitive.Trigger>) => import("react").JSX.Element;
|
|
26
|
+
declare const Group: ({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Group>) => import("react").JSX.Element;
|
|
27
|
+
declare const RadioGroup: ({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) => import("react").JSX.Element;
|
|
28
|
+
/**
|
|
29
|
+
* A trigger for a dropdown menu sub-menu.
|
|
30
|
+
*
|
|
31
|
+
* @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenusubtrigger
|
|
32
|
+
*/
|
|
33
|
+
declare const SubTrigger: ({ className, inset, children, ...props }: ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
|
|
34
|
+
inset?: boolean;
|
|
35
|
+
}) => import("react").JSX.Element;
|
|
36
|
+
/**
|
|
37
|
+
* The content container for a dropdown menu sub-menu.
|
|
38
|
+
*
|
|
39
|
+
* `DropdownMenu.SubContent` renders at Tailwind `z-50`, Mantle's shared
|
|
40
|
+
* floating z-index. When multiple shared layers are open, the most recently
|
|
41
|
+
* mounted layer renders on top.
|
|
42
|
+
*
|
|
43
|
+
* @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenusubcontent
|
|
44
|
+
*/
|
|
45
|
+
declare const SubContent: ({ className, loop, ...props }: ComponentProps<typeof DropdownMenuPrimitive.SubContent>) => import("react").JSX.Element;
|
|
46
|
+
type DropdownMenuContentProps = ComponentProps<typeof DropdownMenuPrimitive.Content> & WithDataSlot & {
|
|
47
|
+
/**
|
|
48
|
+
* Whether the DropdownMenuContent should match the width of the trigger or use the intrinsic content width.
|
|
49
|
+
*/
|
|
50
|
+
width?: "trigger" | "content";
|
|
51
|
+
};
|
|
52
|
+
/**
|
|
53
|
+
* The container for the dropdown menu content.
|
|
54
|
+
*
|
|
55
|
+
* `DropdownMenu.Content` renders at Tailwind `z-50`, Mantle's shared floating
|
|
56
|
+
* z-index. When multiple shared layers are open, the most recently mounted
|
|
57
|
+
* layer renders on top.
|
|
58
|
+
*
|
|
59
|
+
* @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenucontent
|
|
60
|
+
*
|
|
61
|
+
* @example
|
|
62
|
+
* ```tsx
|
|
63
|
+
* <DropdownMenu.Root>
|
|
64
|
+
* <DropdownMenu.Trigger asChild>
|
|
65
|
+
* <Button type="button" appearance="outlined" intent="neutral">
|
|
66
|
+
* Open Menu
|
|
67
|
+
* </Button>
|
|
68
|
+
* </DropdownMenu.Trigger>
|
|
69
|
+
* <DropdownMenu.Content>
|
|
70
|
+
* <DropdownMenu.Item>Item 1</DropdownMenu.Item>
|
|
71
|
+
* <DropdownMenu.Item>Item 2</DropdownMenu.Item>
|
|
72
|
+
* </DropdownMenu.Content>
|
|
73
|
+
* </DropdownMenu.Root>
|
|
74
|
+
* ```
|
|
75
|
+
*/
|
|
76
|
+
declare const Content: ({ className, "data-slot": dataSlot, onClick, loop, width, ...props }: DropdownMenuContentProps) => import("react").JSX.Element;
|
|
77
|
+
/**
|
|
78
|
+
* An item in the dropdown menu.
|
|
79
|
+
*
|
|
80
|
+
* @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenuitem
|
|
81
|
+
*
|
|
82
|
+
* @example
|
|
83
|
+
* ```tsx
|
|
84
|
+
* <DropdownMenu.Root>
|
|
85
|
+
* <DropdownMenu.Trigger asChild>
|
|
86
|
+
* <Button type="button" appearance="outlined" intent="neutral">
|
|
87
|
+
* Open Menu
|
|
88
|
+
* </Button>
|
|
89
|
+
* </DropdownMenu.Trigger>
|
|
90
|
+
* <DropdownMenu.Content>
|
|
91
|
+
* <DropdownMenu.Item>Item 1</DropdownMenu.Item>
|
|
92
|
+
* <DropdownMenu.Item>Item 2</DropdownMenu.Item>
|
|
93
|
+
* </DropdownMenu.Content>
|
|
94
|
+
* </DropdownMenu.Root>
|
|
95
|
+
* ```
|
|
96
|
+
*/
|
|
97
|
+
declare const Item: ({ className, inset, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
98
|
+
inset?: boolean;
|
|
99
|
+
}) => import("react").JSX.Element;
|
|
100
|
+
/**
|
|
101
|
+
* A menu item with a checkbox that can be controlled or uncontrolled.
|
|
102
|
+
*
|
|
103
|
+
* @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenucheckboxitem
|
|
104
|
+
*/
|
|
105
|
+
declare const CheckboxItem: ({ className, children, checked, ...props }: ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) => import("react").JSX.Element;
|
|
106
|
+
type DropdownMenuRadioItemProps = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
|
|
107
|
+
name?: string;
|
|
108
|
+
id?: string;
|
|
9
109
|
};
|
|
110
|
+
/**
|
|
111
|
+
* A menu item with a radio button that can be controlled or uncontrolled.
|
|
112
|
+
* Used within a RadioGroup to create a set of mutually exclusive options.
|
|
113
|
+
*
|
|
114
|
+
* @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenuradioitem
|
|
115
|
+
*/
|
|
116
|
+
declare const RadioItem: ({ className, children, ...props }: DropdownMenuRadioItemProps) => import("react").JSX.Element;
|
|
117
|
+
/**
|
|
118
|
+
* A label for a group of dropdown menu items.
|
|
119
|
+
*
|
|
120
|
+
* @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenulabel
|
|
121
|
+
*/
|
|
122
|
+
declare const Label: ({ className, inset, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Label> & {
|
|
123
|
+
inset?: boolean;
|
|
124
|
+
}) => import("react").JSX.Element;
|
|
125
|
+
/**
|
|
126
|
+
* A visual separator between dropdown menu items or groups.
|
|
127
|
+
*
|
|
128
|
+
* @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenuseparator
|
|
129
|
+
*/
|
|
130
|
+
declare const DropdownSeparator: ({ className, ...props }: ComponentProps<typeof Separator>) => import("react").JSX.Element;
|
|
131
|
+
declare const Shortcut: ({ className, ...props }: ComponentProps<"span">) => import("react").JSX.Element;
|
|
10
132
|
/**
|
|
11
133
|
* A menu of options or actions, triggered by a button.
|
|
12
134
|
*
|
|
@@ -92,7 +214,7 @@ declare const DropdownMenu: {
|
|
|
92
214
|
* </DropdownMenu.Root>
|
|
93
215
|
* ```
|
|
94
216
|
*/
|
|
95
|
-
readonly CheckboxItem:
|
|
217
|
+
readonly CheckboxItem: typeof CheckboxItem;
|
|
96
218
|
/**
|
|
97
219
|
* The container for the dropdown menu content. Appears in a portal with scrolling and animations.
|
|
98
220
|
*
|
|
@@ -113,12 +235,7 @@ declare const DropdownMenu: {
|
|
|
113
235
|
* </DropdownMenu.Root>
|
|
114
236
|
* ```
|
|
115
237
|
*/
|
|
116
|
-
readonly Content:
|
|
117
|
-
/**
|
|
118
|
-
* Whether the DropdownMenuContent should match the width of the trigger or use the intrinsic content width.
|
|
119
|
-
*/
|
|
120
|
-
width?: "trigger" | "content";
|
|
121
|
-
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
238
|
+
readonly Content: typeof Content;
|
|
122
239
|
/**
|
|
123
240
|
* A group container for organizing related dropdown menu items.
|
|
124
241
|
*
|
|
@@ -138,7 +255,7 @@ declare const DropdownMenu: {
|
|
|
138
255
|
* </DropdownMenu.Root>
|
|
139
256
|
* ```
|
|
140
257
|
*/
|
|
141
|
-
readonly Group:
|
|
258
|
+
readonly Group: typeof Group;
|
|
142
259
|
/**
|
|
143
260
|
* A standard item in the dropdown menu that can be selected or activated.
|
|
144
261
|
*
|
|
@@ -159,9 +276,7 @@ declare const DropdownMenu: {
|
|
|
159
276
|
* </DropdownMenu.Root>
|
|
160
277
|
* ```
|
|
161
278
|
*/
|
|
162
|
-
readonly Item:
|
|
163
|
-
inset?: boolean;
|
|
164
|
-
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
279
|
+
readonly Item: typeof Item;
|
|
165
280
|
/**
|
|
166
281
|
* A label for grouping and describing sections within the dropdown menu.
|
|
167
282
|
*
|
|
@@ -179,9 +294,7 @@ declare const DropdownMenu: {
|
|
|
179
294
|
* </DropdownMenu.Root>
|
|
180
295
|
* ```
|
|
181
296
|
*/
|
|
182
|
-
readonly Label:
|
|
183
|
-
inset?: boolean;
|
|
184
|
-
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
297
|
+
readonly Label: typeof Label;
|
|
185
298
|
/**
|
|
186
299
|
* A radio group container for exclusive selection within the dropdown menu.
|
|
187
300
|
*
|
|
@@ -200,7 +313,7 @@ declare const DropdownMenu: {
|
|
|
200
313
|
* </DropdownMenu.Root>
|
|
201
314
|
* ```
|
|
202
315
|
*/
|
|
203
|
-
readonly RadioGroup:
|
|
316
|
+
readonly RadioGroup: typeof RadioGroup;
|
|
204
317
|
/**
|
|
205
318
|
* A radio item in the dropdown menu where only one item in the group can be selected.
|
|
206
319
|
*
|
|
@@ -220,10 +333,7 @@ declare const DropdownMenu: {
|
|
|
220
333
|
* </DropdownMenu.Root>
|
|
221
334
|
* ```
|
|
222
335
|
*/
|
|
223
|
-
readonly RadioItem:
|
|
224
|
-
name?: string;
|
|
225
|
-
id?: string;
|
|
226
|
-
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
336
|
+
readonly RadioItem: typeof RadioItem;
|
|
227
337
|
/**
|
|
228
338
|
* A visual separator for dividing sections within the dropdown menu.
|
|
229
339
|
*
|
|
@@ -242,10 +352,7 @@ declare const DropdownMenu: {
|
|
|
242
352
|
* </DropdownMenu.Root>
|
|
243
353
|
* ```
|
|
244
354
|
*/
|
|
245
|
-
readonly Separator:
|
|
246
|
-
orientation?: "horizontal" | "vertical";
|
|
247
|
-
semantic?: boolean;
|
|
248
|
-
}, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
355
|
+
readonly Separator: typeof DropdownSeparator;
|
|
249
356
|
/**
|
|
250
357
|
* A keyboard shortcut indicator for dropdown menu items.
|
|
251
358
|
*
|
|
@@ -312,7 +419,7 @@ declare const DropdownMenu: {
|
|
|
312
419
|
* </DropdownMenu.Root>
|
|
313
420
|
* ```
|
|
314
421
|
*/
|
|
315
|
-
readonly SubContent:
|
|
422
|
+
readonly SubContent: typeof SubContent;
|
|
316
423
|
/**
|
|
317
424
|
* The trigger item that opens a submenu when hovered or focused.
|
|
318
425
|
*
|
|
@@ -334,9 +441,7 @@ declare const DropdownMenu: {
|
|
|
334
441
|
* </DropdownMenu.Root>
|
|
335
442
|
* ```
|
|
336
443
|
*/
|
|
337
|
-
readonly SubTrigger:
|
|
338
|
-
inset?: boolean;
|
|
339
|
-
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
444
|
+
readonly SubTrigger: typeof SubTrigger;
|
|
340
445
|
/**
|
|
341
446
|
* The trigger button that opens the dropdown menu.
|
|
342
447
|
*
|
|
@@ -356,7 +461,7 @@ declare const DropdownMenu: {
|
|
|
356
461
|
* </DropdownMenu.Root>
|
|
357
462
|
* ```
|
|
358
463
|
*/
|
|
359
|
-
readonly Trigger:
|
|
464
|
+
readonly Trigger: typeof Trigger;
|
|
360
465
|
};
|
|
361
466
|
//#endregion
|
|
362
467
|
export { DropdownMenu as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import "./dropdown-menu-DZg-Cd69.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-lZ48P8Nn.js";import{n}from"./slot-CDk0Bb9z.js";import{n as r}from"./separator-bpE_kooz.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{CheckIcon as o}from"@phosphor-icons/react/Check";import{CaretRightIcon as s}from"@phosphor-icons/react/CaretRight";import*as c from"@radix-ui/react-dropdown-menu";const l=c.Root,u=e=>i(c.Trigger,{"data-slot":`dropdown-menu-trigger`,...e}),d=({className:t,...n})=>i(c.Group,{"data-slot":`dropdown-menu-group`,className:e(`space-y-px`,t),...n}),f=c.Portal,p={Root:l,CheckboxItem:({className:n,children:r,checked:s,...l})=>a(c.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,className:e(`text-strong data-disabled:pointer-events-none data-disabled:opacity-50 relative flex cursor-pointer select-none items-center gap-2 rounded-md py-1.5 pl-2 pr-9 text-sm font-normal outline-hidden`,`data-highlighted:bg-active-menu-item`,`aria-checked:bg-selected-menu-item`,`data-highlighted:aria-checked:bg-active-selected-menu-item!`,`[&>svg]:size-5 [&_svg]:shrink-0`,n),checked:s,...l,children:[i(`span`,{className:`absolute right-2 flex items-center`,children:i(c.ItemIndicator,{children:i(t,{svg:i(o,{weight:`bold`}),className:`size-4 text-accent-600`})})}),r]}),Content:({className:t,"data-slot":r,onClick:a,loop:o=!0,width:s,...l})=>i(f,{children:i(c.Content,{"data-slot":n(r,`dropdown-menu-content`),className:e(`scrollbar`,`text-popover-foreground border-popover bg-popover p-1.25 z-50 min-w-32 overflow-hidden rounded-md border shadow-xl outline-hidden space-y-px font-sans`,`data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 data-state-open:animate-in data-state-open:fade-in-0 data-state-open:zoom-in-95`,`my-2 max-h-[calc(var(--radix-dropdown-menu-content-available-height)-16px)] overflow-auto`,s===`trigger`&&`w-(--radix-dropdown-menu-trigger-width)`,t),loop:o,onClick:e=>{e.stopPropagation(),a?.(e)},...l})}),Group:d,Item:({className:t,inset:n,...r})=>i(c.Item,{"data-slot":`dropdown-menu-item`,className:e(`relative flex cursor-pointer select-none items-center rounded-md px-2 py-1.5 text-strong text-sm font-normal outline-hidden transition-colors`,`data-highlighted:bg-active-menu-item`,`focus:bg-accent focus:text-accent-foreground`,`data-disabled:cursor-default data-disabled:opacity-50`,`[&>svg]:size-5 [&_svg]:shrink-0`,n&&`pl-8`,t),...r}),Label:({className:t,inset:n,...r})=>i(c.Label,{"data-slot":`dropdown-menu-label`,className:e(`px-2 py-1.5 text-sm font-medium`,n&&`pl-8`,t),...r}),RadioGroup:({className:t,...n})=>i(c.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,className:e(`space-y-px`,t),...n}),RadioItem:({className:n,children:r,...s})=>a(c.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:e(`group/dropdown-menu-radio-item`,`text-strong data-disabled:pointer-events-none data-disabled:opacity-50 relative flex cursor-pointer select-none items-center gap-2 rounded-md py-1.5 px-2 text-sm font-normal outline-none`,`data-highlighted:bg-active-menu-item`,`aria-checked:bg-selected-menu-item aria-checked:pr-9`,`data-highlighted:aria-checked:bg-active-selected-menu-item!`,`[&>svg]:size-5 [&_svg]:shrink-0`,n),...s,children:[i(`span`,{className:`absolute right-2 items-center hidden group-aria-checked/dropdown-menu-radio-item:flex`,children:i(c.ItemIndicator,{children:i(t,{svg:i(o,{weight:`bold`}),className:`size-4 text-accent-600`})})}),r]}),Separator:({className:t,...n})=>i(r,{"data-slot":`dropdown-menu-separator`,className:e(`-mx-1.25 my-1 w-auto`,t),...n}),Shortcut:({className:t,...n})=>i(`span`,{"data-slot":`dropdown-menu-shortcut`,className:e(`ml-auto text-xs tracking-widest opacity-60`,t),...n}),Sub:c.Sub,SubContent:({className:t,loop:n=!0,...r})=>i(f,{children:i(c.SubContent,{"data-slot":`dropdown-menu-sub-content`,className:e(`scrollbar`,`text-popover-foreground border-popover bg-popover p-1.25 data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 data-state-open:animate-in data-state-open:fade-in-0 data-state-open:zoom-in-95 data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 z-50 min-w-32 overflow-hidden rounded-md border shadow-xl space-y-px font-sans`,`my-2 max-h-[calc(var(--radix-dropdown-menu-content-available-height)-16px)] overflow-auto`,t),loop:n,...r})}),SubTrigger:({className:n,inset:r,children:o,...l})=>a(c.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,className:e(`focus:bg-accent data-state-open:bg-accent relative flex select-none items-center rounded-md py-1.5 pl-2 pr-9 text-sm outline-hidden`,`data-highlighted:bg-active-menu-item data-state-open:bg-active-menu-item`,`[&>svg]:size-5 [&_svg]:shrink-0`,r&&`pl-8`,n),...l,children:[o,i(`span`,{className:`absolute right-2 flex items-center`,children:i(t,{svg:i(s,{weight:`bold`}),className:`size-4`})})]}),Trigger:u};export{p as t};
|
package/dist/dropdown-menu.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { t as DropdownMenu } from "./dropdown-menu-
|
|
2
|
-
import "./
|
|
1
|
+
import { t as DropdownMenu } from "./dropdown-menu-DZg-Cd69.js";
|
|
2
|
+
import "./dropdown-menu-Dw-OtXPm.js";
|
|
3
3
|
export { DropdownMenu };
|
package/dist/dropdown-menu.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./dropdown-menu-
|
|
1
|
+
import{t as e}from"./dropdown-menu-RyDWoKHx.js";export{e as DropdownMenu};
|
package/dist/empty.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t as SvgAttributes } from "./
|
|
1
|
+
import { n as WithAsChild } from "./as-child-D23mGo4f.js";
|
|
2
|
+
import { t as SvgAttributes } from "./icon-D1RY5Tcj.js";
|
|
3
3
|
import { ComponentProps, HTMLAttributes, ReactNode } from "react";
|
|
4
4
|
//#region src/components/empty/empty.d.ts
|
|
5
5
|
/**
|
|
@@ -20,10 +20,7 @@ import { ComponentProps, HTMLAttributes, ReactNode } from "react";
|
|
|
20
20
|
* </Empty.Root>
|
|
21
21
|
* ```
|
|
22
22
|
*/
|
|
23
|
-
declare const Root: {
|
|
24
|
-
({ asChild, children, className, ...props }: ComponentProps<"div"> & WithAsChild): import("react").JSX.Element;
|
|
25
|
-
displayName: string;
|
|
26
|
-
};
|
|
23
|
+
declare const Root: ({ asChild, children, className, ...props }: ComponentProps<"div"> & WithAsChild) => import("react").JSX.Element;
|
|
27
24
|
type EmptyIconProps = Omit<SvgAttributes, "children"> & {
|
|
28
25
|
/**
|
|
29
26
|
* A single SVG icon element.
|
|
@@ -48,10 +45,7 @@ type EmptyIconProps = Omit<SvgAttributes, "children"> & {
|
|
|
48
45
|
* </Empty.Root>
|
|
49
46
|
* ```
|
|
50
47
|
*/
|
|
51
|
-
declare const Icon: {
|
|
52
|
-
({ className, svg, ...props }: EmptyIconProps): import("react").JSX.Element;
|
|
53
|
-
displayName: string;
|
|
54
|
-
};
|
|
48
|
+
declare const Icon: ({ className, svg, ...props }: EmptyIconProps) => import("react").JSX.Element;
|
|
55
49
|
/**
|
|
56
50
|
* The heading text for the empty state. Renders as an `h3` by default. Use the
|
|
57
51
|
* `asChild` prop to render as a different heading level (e.g. `h1`, `h2`).
|
|
@@ -74,10 +68,7 @@ declare const Icon: {
|
|
|
74
68
|
* </Empty.Title>
|
|
75
69
|
* ```
|
|
76
70
|
*/
|
|
77
|
-
declare const Title: {
|
|
78
|
-
({ asChild, children, className, ...props }: HTMLAttributes<HTMLHeadingElement> & WithAsChild): import("react").JSX.Element;
|
|
79
|
-
displayName: string;
|
|
80
|
-
};
|
|
71
|
+
declare const Title: ({ asChild, children, className, ...props }: HTMLAttributes<HTMLHeadingElement> & WithAsChild) => import("react").JSX.Element;
|
|
81
72
|
/**
|
|
82
73
|
* Supporting descriptive text below the title. Renders as a `div` with
|
|
83
74
|
* `space-y-4` so multiple paragraphs can be placed inside. Use the `asChild`
|
|
@@ -102,10 +93,7 @@ declare const Title: {
|
|
|
102
93
|
* </Empty.Description>
|
|
103
94
|
* ```
|
|
104
95
|
*/
|
|
105
|
-
declare const Description: {
|
|
106
|
-
({ asChild, children, className, ...props }: ComponentProps<"div"> & WithAsChild): import("react").JSX.Element;
|
|
107
|
-
displayName: string;
|
|
108
|
-
};
|
|
96
|
+
declare const Description: ({ asChild, children, className, ...props }: ComponentProps<"div"> & WithAsChild) => import("react").JSX.Element;
|
|
109
97
|
/**
|
|
110
98
|
* A container for action buttons or links in the empty state.
|
|
111
99
|
*
|
|
@@ -124,10 +112,7 @@ declare const Description: {
|
|
|
124
112
|
* </Empty.Root>
|
|
125
113
|
* ```
|
|
126
114
|
*/
|
|
127
|
-
declare const Actions: {
|
|
128
|
-
({ asChild, children, className, ...props }: ComponentProps<"div"> & WithAsChild): import("react").JSX.Element;
|
|
129
|
-
displayName: string;
|
|
130
|
-
};
|
|
115
|
+
declare const Actions: ({ asChild, children, className, ...props }: ComponentProps<"div"> & WithAsChild) => import("react").JSX.Element;
|
|
131
116
|
/**
|
|
132
117
|
* Compound component for rendering empty states. Use with `Empty.Root`,
|
|
133
118
|
* `Empty.Icon`, `Empty.Title`, `Empty.Description`, and `Empty.Actions`.
|
package/dist/empty.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./
|
|
1
|
+
import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-d-nMCfAI.js";import{t as n}from"./slot-CDk0Bb9z.js";import{jsx as r}from"react/jsx-runtime";const i={Root:({asChild:t,children:i,className:a,...o})=>r(t?n:`div`,{"data-slot":`empty`,className:e(`mx-auto flex max-w-lg flex-col items-center p-6 text-center`,a),...o,children:i}),Icon:({className:n,svg:i,...a})=>r(t,{"data-slot":`empty-icon`,className:e(`mb-1 size-10 text-neutral-400`,n),svg:i,...a}),Title:({asChild:t,children:i,className:a,...o})=>r(t?n:`h3`,{"data-slot":`empty-title`,className:e(`text-strong text-sm font-medium font-sans`,a),...o,children:i}),Description:({asChild:t,children:i,className:a,...o})=>r(t?n:`div`,{"data-slot":`empty-description`,className:e(`text-muted space-y-4 text-sm font-sans`,a),...o,children:i}),Actions:({asChild:t,children:i,className:a,...o})=>r(t?n:`div`,{"data-slot":`empty-actions`,className:e(`mt-4 flex items-center gap-2`,a),...o,children:i})};export{i as Empty};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e}from"./field-Bpptk_9t.js";import{createContext as t}from"react";const n=t(null),r=t(null),i=({context:t})=>{if(!t)return{ariaProps:{},validation:void 0};let n=e({defaultAriaInvalid:!1,validation:t.validation});return{ariaProps:{"aria-describedby":`${t.descriptionId} ${t.errorId}`,"aria-errormessage":n.isInvalid?t.errorId:void 0,"aria-invalid":n.ariaInvalid,id:t.controlId,name:t.name},validation:n.validation}};export{n,i as r,r as t};
|