@ngrok/mantle 0.66.0 → 0.66.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/accordion.d.ts +158 -154
- package/dist/accordion.js +1 -1
- package/dist/accordion.js.map +1 -1
- package/dist/alert-dialog.d.ts +282 -277
- package/dist/alert-dialog.js +1 -1
- package/dist/alert-dialog.js.map +1 -1
- package/dist/alert.d.ts +145 -138
- package/dist/alert.js +1 -1
- package/dist/alert.js.map +1 -1
- package/dist/anchor.d.ts +25 -22
- package/dist/anchor.js +1 -1
- package/dist/anchor.js.map +1 -1
- package/dist/as-child-XMVTepJu.d.ts +31 -0
- package/dist/badge.d.ts +29 -19
- package/dist/badge.js +1 -1
- package/dist/badge.js.map +1 -1
- package/dist/booleanish-CBGdPL3Q.js +2 -0
- package/dist/booleanish-CBGdPL3Q.js.map +1 -0
- package/dist/browser-only-QPyyfLaB.js +2 -0
- package/dist/browser-only-QPyyfLaB.js.map +1 -0
- package/dist/browser-only.d.ts +20 -15
- package/dist/browser-only.js +1 -2
- package/dist/button-B6StZJsz.d.ts +175 -0
- package/dist/button-CRRPesae.js +2 -0
- package/dist/button-CRRPesae.js.map +1 -0
- package/dist/button-DA2p0_5F.js +2 -0
- package/dist/button-DA2p0_5F.js.map +1 -0
- package/dist/button.d.ts +4 -9
- package/dist/button.js +1 -2
- package/dist/calendar.d.ts +14 -8
- package/dist/calendar.js +1 -1
- package/dist/calendar.js.map +1 -1
- package/dist/card.d.ts +99 -97
- package/dist/card.js +1 -1
- package/dist/card.js.map +1 -1
- package/dist/checkbox.d.ts +14 -12
- package/dist/checkbox.js +1 -1
- package/dist/checkbox.js.map +1 -1
- package/dist/code-block.d.ts +254 -237
- package/dist/code-block.js +3 -3
- package/dist/code-block.js.map +1 -1
- package/dist/code.d.ts +5 -3
- package/dist/code.js +1 -1
- package/dist/code.js.map +1 -1
- package/dist/color.d.ts +2 -38
- package/dist/color.js +1 -1
- package/dist/color.js.map +1 -1
- package/dist/combobox.d.ts +172 -167
- package/dist/combobox.js +1 -1
- package/dist/combobox.js.map +1 -1
- package/dist/command.d.ts +234 -227
- package/dist/command.js +1 -1
- package/dist/command.js.map +1 -1
- package/dist/compose-refs-DeIsFv68.js +2 -0
- package/dist/compose-refs-DeIsFv68.js.map +1 -0
- package/dist/cx-bKromGBh.js +2 -0
- package/dist/cx-bKromGBh.js.map +1 -0
- package/dist/cx.d.ts +4 -2
- package/dist/cx.js +1 -2
- package/dist/data-table.d.ts +211 -184
- package/dist/data-table.js +1 -1
- package/dist/data-table.js.map +1 -1
- package/dist/deep-non-nullable-BLM3Gz0I.d.ts +8 -0
- package/dist/description-list.d.ts +61 -59
- package/dist/description-list.js +1 -1
- package/dist/description-list.js.map +1 -1
- package/dist/dialog-BuD_JQf_.d.ts +422 -0
- package/dist/dialog-Cr5u0Eai.js +2 -0
- package/dist/dialog-Cr5u0Eai.js.map +1 -0
- package/dist/dialog.d.ts +3 -410
- package/dist/dialog.js +1 -2
- package/dist/direction-DfrtFTny.js +2 -0
- package/dist/direction-DfrtFTny.js.map +1 -0
- package/dist/{direction-DHheuUag.d.ts → direction-deXpJFDZ.d.ts} +9 -7
- package/dist/dropdown-menu-CjOaj-Ap.js +2 -0
- package/dist/dropdown-menu-CjOaj-Ap.js.map +1 -0
- package/dist/dropdown-menu-D_ZoY1AH.d.ts +330 -0
- package/dist/dropdown-menu.d.ts +2 -325
- package/dist/dropdown-menu.js +1 -2
- package/dist/flag.d.ts +31 -22
- package/dist/flag.js +1 -1
- package/dist/flag.js.map +1 -1
- package/dist/hooks.d.ts +72 -59
- package/dist/hooks.js +1 -1
- package/dist/hooks.js.map +1 -1
- package/dist/hover-card.d.ts +97 -91
- package/dist/hover-card.js +1 -1
- package/dist/hover-card.js.map +1 -1
- package/dist/{icon-DXTMiV1L.d.ts → icon-B1XLv02t.d.ts} +11 -9
- package/dist/icon-B5oNYYrJ.js +2 -0
- package/dist/icon-B5oNYYrJ.js.map +1 -0
- package/dist/icon-button-2r6S3HVA.d.ts +98 -0
- package/dist/icon-button-D4e9-dq-.js +2 -0
- package/dist/icon-button-D4e9-dq-.js.map +1 -0
- package/dist/icon.d.ts +4 -4
- package/dist/icon.js +1 -2
- package/dist/icons.d.ts +54 -41
- package/dist/icons.js +1 -1
- package/dist/icons.js.map +1 -1
- package/dist/{in-view-aHeQHaUj.d.ts → in-view-CTQRT44m.d.ts} +29 -22
- package/dist/in-view-bPnaWEL4.js +2 -0
- package/dist/in-view-bPnaWEL4.js.map +1 -0
- package/dist/index-BLCvtjLi.d.ts +40 -0
- package/dist/index-DWqhfw9n.d.ts +103 -0
- package/dist/{button-group-BFnqgdtl.d.ts → index-ViSCOUrU.d.ts} +10 -8
- package/dist/index-s8rMcilU.d.ts +47 -0
- package/dist/input.d.ts +3 -100
- package/dist/input.js +1 -1
- package/dist/input.js.map +1 -1
- package/dist/is-input-BFR8yMM7.js +2 -0
- package/dist/is-input-BFR8yMM7.js.map +1 -0
- package/dist/kbd-pyj32aN4.js +2 -0
- package/dist/kbd-pyj32aN4.js.map +1 -0
- package/dist/kbd.d.ts +10 -4
- package/dist/kbd.js +1 -2
- package/dist/label.d.ts +8 -6
- package/dist/label.js +1 -1
- package/dist/label.js.map +1 -1
- package/dist/media-object.d.ts +70 -68
- package/dist/media-object.js +1 -1
- package/dist/media-object.js.map +1 -1
- package/dist/multi-select.d.ts +226 -218
- package/dist/multi-select.js +1 -1
- package/dist/multi-select.js.map +1 -1
- package/dist/pagination.d.ts +168 -164
- package/dist/pagination.js +1 -1
- package/dist/pagination.js.map +1 -1
- package/dist/popover.d.ts +119 -117
- package/dist/popover.js +1 -1
- package/dist/popover.js.map +1 -1
- package/dist/primitive-Cath9ASB.js +2 -0
- package/dist/primitive-Cath9ASB.js.map +1 -0
- package/dist/primitive-tuHqhoRE.d.ts +16 -0
- package/dist/progress.d.ts +175 -150
- package/dist/progress.js +1 -1
- package/dist/progress.js.map +1 -1
- package/dist/radio-group.d.ts +246 -230
- package/dist/radio-group.js +1 -1
- package/dist/radio-group.js.map +1 -1
- package/dist/sandboxed-on-click.d.ts +36 -31
- package/dist/sandboxed-on-click.js +1 -1
- package/dist/sandboxed-on-click.js.map +1 -1
- package/dist/select-39Jfc1Cb.d.ts +265 -0
- package/dist/select-DZ2ztBkI.js +2 -0
- package/dist/select-DZ2ztBkI.js.map +1 -0
- package/dist/select.d.ts +2 -263
- package/dist/select.js +1 -2
- package/dist/separator-BcCNbHBg.js +2 -0
- package/dist/separator-BcCNbHBg.js.map +1 -0
- package/dist/separator.d.ts +28 -21
- package/dist/separator.js +1 -2
- package/dist/sheet.d.ts +319 -305
- package/dist/sheet.js +1 -1
- package/dist/sheet.js.map +1 -1
- package/dist/skeleton.d.ts +8 -6
- package/dist/skeleton.js +1 -1
- package/dist/skeleton.js.map +1 -1
- package/dist/slider.d.ts +48 -35
- package/dist/slider.js +1 -1
- package/dist/slider.js.map +1 -1
- package/dist/slot-DdnjeV2n.js +2 -0
- package/dist/slot-DdnjeV2n.js.map +1 -0
- package/dist/slot.d.ts +6 -4
- package/dist/slot.js +1 -2
- package/dist/sort-CfPsu1Gs.js +2 -0
- package/dist/sort-CfPsu1Gs.js.map +1 -0
- package/dist/split-button.d.ts +158 -162
- package/dist/split-button.js +1 -1
- package/dist/split-button.js.map +1 -1
- package/dist/svg-only-BVLlbQ4e.js +2 -0
- package/dist/svg-only-BVLlbQ4e.js.map +1 -0
- package/dist/{svg-only-Cp8Mu_sh.d.ts → svg-only-Dti1FvNV.d.ts} +11 -9
- package/dist/switch.d.ts +10 -8
- package/dist/switch.js +1 -1
- package/dist/switch.js.map +1 -1
- package/dist/table-BWMp12sl.js +2 -0
- package/dist/table-BWMp12sl.js.map +1 -0
- package/dist/table-Dpt192qt.d.ts +398 -0
- package/dist/table.d.ts +2 -396
- package/dist/table.js +1 -2
- package/dist/tabs.d.ts +110 -104
- package/dist/tabs.js +1 -1
- package/dist/tabs.js.map +1 -1
- package/dist/text-area.d.ts +10 -8
- package/dist/text-area.js +1 -1
- package/dist/text-area.js.map +1 -1
- package/dist/theme-provider-C8F5nFrJ.js +2 -0
- package/dist/theme-provider-C8F5nFrJ.js.map +1 -0
- package/dist/theme.d.ts +66 -39
- package/dist/theme.js +1 -2
- package/dist/{themes-Bi46K9ZW.d.ts → themes-ClppRAGt.d.ts} +4 -2
- package/dist/toast-1AuBbrBS.js +2 -0
- package/dist/toast-1AuBbrBS.js.map +1 -0
- package/dist/toast.d.ts +95 -87
- package/dist/toast.js +1 -2
- package/dist/tooltip.d.ts +78 -73
- package/dist/tooltip.js +1 -1
- package/dist/tooltip.js.map +1 -1
- package/dist/{chunk-W2YQRWR5.js → traffic-policy-file-QnF-2YkY.js} +2 -2
- package/dist/traffic-policy-file-QnF-2YkY.js.map +1 -0
- package/dist/types-884RJJqm.js +2 -0
- package/dist/types-884RJJqm.js.map +1 -0
- package/dist/{types-DehRoXC5.d.ts → types-DgXUgkpc.d.ts} +38 -36
- package/dist/types-Dh4BVhXC.d.ts +9 -0
- package/dist/types.d.ts +6 -49
- package/dist/types.js +1 -2
- package/dist/use-copy-to-clipboard-BEbQOKHc.js +2 -0
- package/dist/use-copy-to-clipboard-BEbQOKHc.js.map +1 -0
- package/dist/use-matches-media-query-CojcYxlA.js +2 -0
- package/dist/use-matches-media-query-CojcYxlA.js.map +1 -0
- package/dist/use-prefers-reduced-motion-BiG6QGkf.js +2 -0
- package/dist/use-prefers-reduced-motion-BiG6QGkf.js.map +1 -0
- package/dist/utils.d.ts +6 -5
- package/dist/utils.js +1 -1
- package/dist/utils.js.map +1 -1
- package/dist/variant-props-UE-phTwh.d.ts +13 -0
- package/dist/with-style-props-D1QFTzj6.d.ts +29 -0
- package/package.json +6 -6
- package/dist/as-child-DJ7x3JFV.d.ts +0 -21
- package/dist/browser-only.js.map +0 -1
- package/dist/button-DLUUf_c-.d.ts +0 -173
- package/dist/button.js.map +0 -1
- package/dist/chunk-2FYR6IJV.js +0 -2
- package/dist/chunk-2FYR6IJV.js.map +0 -1
- package/dist/chunk-5VDCC3YW.js +0 -2
- package/dist/chunk-5VDCC3YW.js.map +0 -1
- package/dist/chunk-63ZAW25Z.js +0 -2
- package/dist/chunk-63ZAW25Z.js.map +0 -1
- package/dist/chunk-6J7D73WA.js +0 -2
- package/dist/chunk-6J7D73WA.js.map +0 -1
- package/dist/chunk-72TJUKMV.js +0 -1
- package/dist/chunk-72TJUKMV.js.map +0 -1
- package/dist/chunk-7MJQGBE4.js +0 -2
- package/dist/chunk-7MJQGBE4.js.map +0 -1
- package/dist/chunk-7YLII2US.js +0 -2
- package/dist/chunk-7YLII2US.js.map +0 -1
- package/dist/chunk-ADF5DAYG.js +0 -2
- package/dist/chunk-ADF5DAYG.js.map +0 -1
- package/dist/chunk-CBRSMQ26.js +0 -2
- package/dist/chunk-CBRSMQ26.js.map +0 -1
- package/dist/chunk-COQIVAQH.js +0 -2
- package/dist/chunk-COQIVAQH.js.map +0 -1
- package/dist/chunk-ELZLLG6G.js +0 -2
- package/dist/chunk-ELZLLG6G.js.map +0 -1
- package/dist/chunk-EVU5XGB4.js +0 -2
- package/dist/chunk-EVU5XGB4.js.map +0 -1
- package/dist/chunk-EYZYDUS2.js +0 -2
- package/dist/chunk-EYZYDUS2.js.map +0 -1
- package/dist/chunk-HKSO72E5.js +0 -2
- package/dist/chunk-HKSO72E5.js.map +0 -1
- package/dist/chunk-HL2HWYKP.js +0 -2
- package/dist/chunk-HL2HWYKP.js.map +0 -1
- package/dist/chunk-IVQ626TU.js +0 -2
- package/dist/chunk-IVQ626TU.js.map +0 -1
- package/dist/chunk-JQ5D5YZR.js +0 -2
- package/dist/chunk-JQ5D5YZR.js.map +0 -1
- package/dist/chunk-LBO5LEYM.js +0 -2
- package/dist/chunk-LBO5LEYM.js.map +0 -1
- package/dist/chunk-MLXONRJD.js +0 -2
- package/dist/chunk-MLXONRJD.js.map +0 -1
- package/dist/chunk-OHPGAB7U.js +0 -2
- package/dist/chunk-OHPGAB7U.js.map +0 -1
- package/dist/chunk-OP6JMBKJ.js +0 -2
- package/dist/chunk-OP6JMBKJ.js.map +0 -1
- package/dist/chunk-PFXFESEN.js +0 -2
- package/dist/chunk-PFXFESEN.js.map +0 -1
- package/dist/chunk-PNL7JOXI.js +0 -2
- package/dist/chunk-PNL7JOXI.js.map +0 -1
- package/dist/chunk-RED6SFAV.js +0 -2
- package/dist/chunk-RED6SFAV.js.map +0 -1
- package/dist/chunk-SBQHQ2SJ.js +0 -2
- package/dist/chunk-SBQHQ2SJ.js.map +0 -1
- package/dist/chunk-SGGOH2WW.js +0 -2
- package/dist/chunk-SGGOH2WW.js.map +0 -1
- package/dist/chunk-W2YQRWR5.js.map +0 -1
- package/dist/chunk-W5A5HSFE.js +0 -2
- package/dist/chunk-W5A5HSFE.js.map +0 -1
- package/dist/chunk-YPAUKPCE.js +0 -2
- package/dist/chunk-YPAUKPCE.js.map +0 -1
- package/dist/cx.js.map +0 -1
- package/dist/deep-non-nullable-SmpSvoSd.d.ts +0 -8
- package/dist/dialog.js.map +0 -1
- package/dist/dropdown-menu.js.map +0 -1
- package/dist/icon-button-CT71Ti9V.d.ts +0 -96
- package/dist/icon.js.map +0 -1
- package/dist/kbd.js.map +0 -1
- package/dist/primitive-CBR_XmVa.d.ts +0 -14
- package/dist/select.js.map +0 -1
- package/dist/separator.js.map +0 -1
- package/dist/slot.js.map +0 -1
- package/dist/table.js.map +0 -1
- package/dist/theme.js.map +0 -1
- package/dist/toast.js.map +0 -1
- package/dist/types-BuKAGhC-.d.ts +0 -7
- package/dist/types.js.map +0 -1
- package/dist/variant-props-oDo2u-We.d.ts +0 -11
- package/dist/with-style-props-VnLWm0Yd.d.ts +0 -27
|
@@ -0,0 +1,330 @@
|
|
|
1
|
+
import { t as WithAsChild } from "./as-child-XMVTepJu.js";
|
|
2
|
+
import * as react from "react";
|
|
3
|
+
import { ComponentProps } from "react";
|
|
4
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
5
|
+
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
6
|
+
|
|
7
|
+
//#region src/components/dropdown-menu/dropdown-menu.d.ts
|
|
8
|
+
/**
|
|
9
|
+
* A menu of options or actions, triggered by a button.
|
|
10
|
+
*
|
|
11
|
+
* @see https://mantle.ngrok.com/components/dropdown-menu
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* <DropdownMenu.Root>
|
|
16
|
+
* <DropdownMenu.Trigger asChild>
|
|
17
|
+
* <Button type="button" appearance="outlined">
|
|
18
|
+
* Open Menu
|
|
19
|
+
* </Button>
|
|
20
|
+
* </DropdownMenu.Trigger>
|
|
21
|
+
* <DropdownMenu.Content>
|
|
22
|
+
* <DropdownMenu.Item>Item 1</DropdownMenu.Item>
|
|
23
|
+
* <DropdownMenu.Item>Item 2</DropdownMenu.Item>
|
|
24
|
+
* </DropdownMenu.Content>
|
|
25
|
+
* </DropdownMenu.Root>
|
|
26
|
+
* ```
|
|
27
|
+
*/
|
|
28
|
+
declare const DropdownMenu: {
|
|
29
|
+
/**
|
|
30
|
+
* The root, stateful component that manages the open/closed state of the dropdown menu.
|
|
31
|
+
*
|
|
32
|
+
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenuroot
|
|
33
|
+
*
|
|
34
|
+
* @example
|
|
35
|
+
* ```tsx
|
|
36
|
+
* <DropdownMenu.Root>
|
|
37
|
+
* <DropdownMenu.Trigger asChild>
|
|
38
|
+
* <Button>Open Menu</Button>
|
|
39
|
+
* </DropdownMenu.Trigger>
|
|
40
|
+
* <DropdownMenu.Content>
|
|
41
|
+
* <DropdownMenu.Item>Item 1</DropdownMenu.Item>
|
|
42
|
+
* </DropdownMenu.Content>
|
|
43
|
+
* </DropdownMenu.Root>
|
|
44
|
+
* ```
|
|
45
|
+
*/
|
|
46
|
+
readonly Root: react.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
47
|
+
/**
|
|
48
|
+
* A checkbox item in the dropdown menu that can be toggled on and off.
|
|
49
|
+
*
|
|
50
|
+
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenucheckboxitem
|
|
51
|
+
*
|
|
52
|
+
* @example
|
|
53
|
+
* ```tsx
|
|
54
|
+
* <DropdownMenu.Root>
|
|
55
|
+
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
56
|
+
* <DropdownMenu.Content>
|
|
57
|
+
* <DropdownMenu.CheckboxItem checked={true} onCheckedChange={setChecked}>
|
|
58
|
+
* Show notifications
|
|
59
|
+
* </DropdownMenu.CheckboxItem>
|
|
60
|
+
* </DropdownMenu.Content>
|
|
61
|
+
* </DropdownMenu.Root>
|
|
62
|
+
* ```
|
|
63
|
+
*/
|
|
64
|
+
readonly CheckboxItem: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
65
|
+
/**
|
|
66
|
+
* The container for the dropdown menu content. Appears in a portal with scrolling and animations.
|
|
67
|
+
*
|
|
68
|
+
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenucontent
|
|
69
|
+
*
|
|
70
|
+
* @example
|
|
71
|
+
* ```tsx
|
|
72
|
+
* <DropdownMenu.Root>
|
|
73
|
+
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
74
|
+
* <DropdownMenu.Content width="trigger">
|
|
75
|
+
* <DropdownMenu.Item>Edit</DropdownMenu.Item>
|
|
76
|
+
* <DropdownMenu.Item>Delete</DropdownMenu.Item>
|
|
77
|
+
* </DropdownMenu.Content>
|
|
78
|
+
* </DropdownMenu.Root>
|
|
79
|
+
* ```
|
|
80
|
+
*/
|
|
81
|
+
readonly Content: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
82
|
+
/**
|
|
83
|
+
* Whether the DropdownMenuContent should match the width of the trigger or use the intrinsic content width.
|
|
84
|
+
*/
|
|
85
|
+
width?: "trigger" | "content";
|
|
86
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
87
|
+
/**
|
|
88
|
+
* A group container for organizing related dropdown menu items.
|
|
89
|
+
*
|
|
90
|
+
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenugroup
|
|
91
|
+
*
|
|
92
|
+
* @example
|
|
93
|
+
* ```tsx
|
|
94
|
+
* <DropdownMenu.Root>
|
|
95
|
+
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
96
|
+
* <DropdownMenu.Content>
|
|
97
|
+
* <DropdownMenu.Group>
|
|
98
|
+
* <DropdownMenu.Label>Account</DropdownMenu.Label>
|
|
99
|
+
* <DropdownMenu.Item>Profile</DropdownMenu.Item>
|
|
100
|
+
* <DropdownMenu.Item>Settings</DropdownMenu.Item>
|
|
101
|
+
* </DropdownMenu.Group>
|
|
102
|
+
* </DropdownMenu.Content>
|
|
103
|
+
* </DropdownMenu.Root>
|
|
104
|
+
* ```
|
|
105
|
+
*/
|
|
106
|
+
readonly Group: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
107
|
+
/**
|
|
108
|
+
* A standard item in the dropdown menu that can be selected or activated.
|
|
109
|
+
*
|
|
110
|
+
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenuitem
|
|
111
|
+
*
|
|
112
|
+
* @example
|
|
113
|
+
* ```tsx
|
|
114
|
+
* <DropdownMenu.Root>
|
|
115
|
+
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
116
|
+
* <DropdownMenu.Content>
|
|
117
|
+
* <DropdownMenu.Item onSelect={() => handleEdit()}>
|
|
118
|
+
* Edit
|
|
119
|
+
* </DropdownMenu.Item>
|
|
120
|
+
* <DropdownMenu.Item disabled>
|
|
121
|
+
* Delete
|
|
122
|
+
* </DropdownMenu.Item>
|
|
123
|
+
* </DropdownMenu.Content>
|
|
124
|
+
* </DropdownMenu.Root>
|
|
125
|
+
* ```
|
|
126
|
+
*/
|
|
127
|
+
readonly Item: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
128
|
+
inset?: boolean;
|
|
129
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
130
|
+
/**
|
|
131
|
+
* A label for grouping and describing sections within the dropdown menu.
|
|
132
|
+
*
|
|
133
|
+
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenulabel
|
|
134
|
+
*
|
|
135
|
+
* @example
|
|
136
|
+
* ```tsx
|
|
137
|
+
* <DropdownMenu.Root>
|
|
138
|
+
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
139
|
+
* <DropdownMenu.Content>
|
|
140
|
+
* <DropdownMenu.Label>My Account</DropdownMenu.Label>
|
|
141
|
+
* <DropdownMenu.Item>Profile</DropdownMenu.Item>
|
|
142
|
+
* <DropdownMenu.Item>Settings</DropdownMenu.Item>
|
|
143
|
+
* </DropdownMenu.Content>
|
|
144
|
+
* </DropdownMenu.Root>
|
|
145
|
+
* ```
|
|
146
|
+
*/
|
|
147
|
+
readonly Label: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
148
|
+
inset?: boolean;
|
|
149
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
150
|
+
/**
|
|
151
|
+
* A radio group container for exclusive selection within the dropdown menu.
|
|
152
|
+
*
|
|
153
|
+
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenuradiogroup
|
|
154
|
+
*
|
|
155
|
+
* @example
|
|
156
|
+
* ```tsx
|
|
157
|
+
* <DropdownMenu.Root>
|
|
158
|
+
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
159
|
+
* <DropdownMenu.Content>
|
|
160
|
+
* <DropdownMenu.RadioGroup value={value} onValueChange={setValue}>
|
|
161
|
+
* <DropdownMenu.RadioItem value="option1">Option 1</DropdownMenu.RadioItem>
|
|
162
|
+
* <DropdownMenu.RadioItem value="option2">Option 2</DropdownMenu.RadioItem>
|
|
163
|
+
* </DropdownMenu.RadioGroup>
|
|
164
|
+
* </DropdownMenu.Content>
|
|
165
|
+
* </DropdownMenu.Root>
|
|
166
|
+
* ```
|
|
167
|
+
*/
|
|
168
|
+
readonly RadioGroup: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
169
|
+
/**
|
|
170
|
+
* A radio item in the dropdown menu where only one item in the group can be selected.
|
|
171
|
+
*
|
|
172
|
+
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenuradioitem
|
|
173
|
+
*
|
|
174
|
+
* @example
|
|
175
|
+
* ```tsx
|
|
176
|
+
* <DropdownMenu.Root>
|
|
177
|
+
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
178
|
+
* <DropdownMenu.Content>
|
|
179
|
+
* <DropdownMenu.RadioGroup value="small" onValueChange={setSize}>
|
|
180
|
+
* <DropdownMenu.RadioItem value="small">Small</DropdownMenu.RadioItem>
|
|
181
|
+
* <DropdownMenu.RadioItem value="medium">Medium</DropdownMenu.RadioItem>
|
|
182
|
+
* <DropdownMenu.RadioItem value="large">Large</DropdownMenu.RadioItem>
|
|
183
|
+
* </DropdownMenu.RadioGroup>
|
|
184
|
+
* </DropdownMenu.Content>
|
|
185
|
+
* </DropdownMenu.Root>
|
|
186
|
+
* ```
|
|
187
|
+
*/
|
|
188
|
+
readonly RadioItem: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
189
|
+
name?: string;
|
|
190
|
+
id?: string;
|
|
191
|
+
} & react.RefAttributes<HTMLInputElement>>;
|
|
192
|
+
/**
|
|
193
|
+
* A visual separator for dividing sections within the dropdown menu.
|
|
194
|
+
*
|
|
195
|
+
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenuseparator
|
|
196
|
+
*
|
|
197
|
+
* @example
|
|
198
|
+
* ```tsx
|
|
199
|
+
* <DropdownMenu.Root>
|
|
200
|
+
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
201
|
+
* <DropdownMenu.Content>
|
|
202
|
+
* <DropdownMenu.Item>Edit</DropdownMenu.Item>
|
|
203
|
+
* <DropdownMenu.Item>Copy</DropdownMenu.Item>
|
|
204
|
+
* <DropdownMenu.Separator />
|
|
205
|
+
* <DropdownMenu.Item>Delete</DropdownMenu.Item>
|
|
206
|
+
* </DropdownMenu.Content>
|
|
207
|
+
* </DropdownMenu.Root>
|
|
208
|
+
* ```
|
|
209
|
+
*/
|
|
210
|
+
readonly Separator: react.ForwardRefExoticComponent<Omit<Omit<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & WithAsChild & {
|
|
211
|
+
orientation?: "horizontal" | "vertical";
|
|
212
|
+
semantic?: boolean;
|
|
213
|
+
}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
214
|
+
/**
|
|
215
|
+
* A keyboard shortcut indicator for dropdown menu items.
|
|
216
|
+
*
|
|
217
|
+
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenushortcut
|
|
218
|
+
*
|
|
219
|
+
* @example
|
|
220
|
+
* ```tsx
|
|
221
|
+
* <DropdownMenu.Root>
|
|
222
|
+
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
223
|
+
* <DropdownMenu.Content>
|
|
224
|
+
* <DropdownMenu.Item>
|
|
225
|
+
* Save
|
|
226
|
+
* <DropdownMenu.Shortcut>⌘S</DropdownMenu.Shortcut>
|
|
227
|
+
* </DropdownMenu.Item>
|
|
228
|
+
* </DropdownMenu.Content>
|
|
229
|
+
* </DropdownMenu.Root>
|
|
230
|
+
* ```
|
|
231
|
+
*/
|
|
232
|
+
readonly Shortcut: {
|
|
233
|
+
({
|
|
234
|
+
className,
|
|
235
|
+
...props
|
|
236
|
+
}: ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
|
|
237
|
+
displayName: string;
|
|
238
|
+
};
|
|
239
|
+
/**
|
|
240
|
+
* A submenu container for creating nested dropdown menus.
|
|
241
|
+
*
|
|
242
|
+
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenusub
|
|
243
|
+
*
|
|
244
|
+
* @example
|
|
245
|
+
* ```tsx
|
|
246
|
+
* <DropdownMenu.Root>
|
|
247
|
+
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
248
|
+
* <DropdownMenu.Content>
|
|
249
|
+
* <DropdownMenu.Sub>
|
|
250
|
+
* <DropdownMenu.SubTrigger>More options</DropdownMenu.SubTrigger>
|
|
251
|
+
* <DropdownMenu.SubContent>
|
|
252
|
+
* <DropdownMenu.Item>Sub item 1</DropdownMenu.Item>
|
|
253
|
+
* <DropdownMenu.Item>Sub item 2</DropdownMenu.Item>
|
|
254
|
+
* </DropdownMenu.SubContent>
|
|
255
|
+
* </DropdownMenu.Sub>
|
|
256
|
+
* </DropdownMenu.Content>
|
|
257
|
+
* </DropdownMenu.Root>
|
|
258
|
+
* ```
|
|
259
|
+
*/
|
|
260
|
+
readonly Sub: react.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
261
|
+
/**
|
|
262
|
+
* The content container for submenu items.
|
|
263
|
+
*
|
|
264
|
+
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenusubcontent
|
|
265
|
+
*
|
|
266
|
+
* @example
|
|
267
|
+
* ```tsx
|
|
268
|
+
* <DropdownMenu.Root>
|
|
269
|
+
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
270
|
+
* <DropdownMenu.Content>
|
|
271
|
+
* <DropdownMenu.Sub>
|
|
272
|
+
* <DropdownMenu.SubTrigger>Export</DropdownMenu.SubTrigger>
|
|
273
|
+
* <DropdownMenu.SubContent>
|
|
274
|
+
* <DropdownMenu.Item>Export as PDF</DropdownMenu.Item>
|
|
275
|
+
* <DropdownMenu.Item>Export as CSV</DropdownMenu.Item>
|
|
276
|
+
* </DropdownMenu.SubContent>
|
|
277
|
+
* </DropdownMenu.Sub>
|
|
278
|
+
* </DropdownMenu.Content>
|
|
279
|
+
* </DropdownMenu.Root>
|
|
280
|
+
* ```
|
|
281
|
+
*/
|
|
282
|
+
readonly SubContent: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
283
|
+
/**
|
|
284
|
+
* The trigger item that opens a submenu when hovered or focused.
|
|
285
|
+
*
|
|
286
|
+
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenusubtrigger
|
|
287
|
+
*
|
|
288
|
+
* @example
|
|
289
|
+
* ```tsx
|
|
290
|
+
* <DropdownMenu.Root>
|
|
291
|
+
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
292
|
+
* <DropdownMenu.Content>
|
|
293
|
+
* <DropdownMenu.Sub>
|
|
294
|
+
* <DropdownMenu.SubTrigger>Share</DropdownMenu.SubTrigger>
|
|
295
|
+
* <DropdownMenu.SubContent>
|
|
296
|
+
* <DropdownMenu.Item>Email</DropdownMenu.Item>
|
|
297
|
+
* <DropdownMenu.Item>Copy link</DropdownMenu.Item>
|
|
298
|
+
* </DropdownMenu.SubContent>
|
|
299
|
+
* </DropdownMenu.Sub>
|
|
300
|
+
* </DropdownMenu.Content>
|
|
301
|
+
* </DropdownMenu.Root>
|
|
302
|
+
* ```
|
|
303
|
+
*/
|
|
304
|
+
readonly SubTrigger: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
305
|
+
inset?: boolean;
|
|
306
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
307
|
+
/**
|
|
308
|
+
* The trigger button that opens the dropdown menu.
|
|
309
|
+
*
|
|
310
|
+
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenutrigger
|
|
311
|
+
*
|
|
312
|
+
* @example
|
|
313
|
+
* ```tsx
|
|
314
|
+
* <DropdownMenu.Root>
|
|
315
|
+
* <DropdownMenu.Trigger asChild>
|
|
316
|
+
* <Button type="button" appearance="outlined">
|
|
317
|
+
* Open Menu
|
|
318
|
+
* </Button>
|
|
319
|
+
* </DropdownMenu.Trigger>
|
|
320
|
+
* <DropdownMenu.Content>
|
|
321
|
+
* <DropdownMenu.Item>Item 1</DropdownMenu.Item>
|
|
322
|
+
* </DropdownMenu.Content>
|
|
323
|
+
* </DropdownMenu.Root>
|
|
324
|
+
* ```
|
|
325
|
+
*/
|
|
326
|
+
readonly Trigger: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
327
|
+
};
|
|
328
|
+
//#endregion
|
|
329
|
+
export { DropdownMenu as t };
|
|
330
|
+
//# sourceMappingURL=dropdown-menu-D_ZoY1AH.d.ts.map
|
package/dist/dropdown-menu.d.ts
CHANGED
|
@@ -1,325 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import * as react from 'react';
|
|
4
|
-
import { ComponentProps } from 'react';
|
|
5
|
-
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* A menu of options or actions, triggered by a button.
|
|
9
|
-
*
|
|
10
|
-
* @see https://mantle.ngrok.com/components/dropdown-menu
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```tsx
|
|
14
|
-
* <DropdownMenu.Root>
|
|
15
|
-
* <DropdownMenu.Trigger asChild>
|
|
16
|
-
* <Button type="button" appearance="outlined">
|
|
17
|
-
* Open Menu
|
|
18
|
-
* </Button>
|
|
19
|
-
* </DropdownMenu.Trigger>
|
|
20
|
-
* <DropdownMenu.Content>
|
|
21
|
-
* <DropdownMenu.Item>Item 1</DropdownMenu.Item>
|
|
22
|
-
* <DropdownMenu.Item>Item 2</DropdownMenu.Item>
|
|
23
|
-
* </DropdownMenu.Content>
|
|
24
|
-
* </DropdownMenu.Root>
|
|
25
|
-
* ```
|
|
26
|
-
*/
|
|
27
|
-
declare const DropdownMenu: {
|
|
28
|
-
/**
|
|
29
|
-
* The root, stateful component that manages the open/closed state of the dropdown menu.
|
|
30
|
-
*
|
|
31
|
-
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenuroot
|
|
32
|
-
*
|
|
33
|
-
* @example
|
|
34
|
-
* ```tsx
|
|
35
|
-
* <DropdownMenu.Root>
|
|
36
|
-
* <DropdownMenu.Trigger asChild>
|
|
37
|
-
* <Button>Open Menu</Button>
|
|
38
|
-
* </DropdownMenu.Trigger>
|
|
39
|
-
* <DropdownMenu.Content>
|
|
40
|
-
* <DropdownMenu.Item>Item 1</DropdownMenu.Item>
|
|
41
|
-
* </DropdownMenu.Content>
|
|
42
|
-
* </DropdownMenu.Root>
|
|
43
|
-
* ```
|
|
44
|
-
*/
|
|
45
|
-
readonly Root: react.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
46
|
-
/**
|
|
47
|
-
* A checkbox item in the dropdown menu that can be toggled on and off.
|
|
48
|
-
*
|
|
49
|
-
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenucheckboxitem
|
|
50
|
-
*
|
|
51
|
-
* @example
|
|
52
|
-
* ```tsx
|
|
53
|
-
* <DropdownMenu.Root>
|
|
54
|
-
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
55
|
-
* <DropdownMenu.Content>
|
|
56
|
-
* <DropdownMenu.CheckboxItem checked={true} onCheckedChange={setChecked}>
|
|
57
|
-
* Show notifications
|
|
58
|
-
* </DropdownMenu.CheckboxItem>
|
|
59
|
-
* </DropdownMenu.Content>
|
|
60
|
-
* </DropdownMenu.Root>
|
|
61
|
-
* ```
|
|
62
|
-
*/
|
|
63
|
-
readonly CheckboxItem: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
64
|
-
/**
|
|
65
|
-
* The container for the dropdown menu content. Appears in a portal with scrolling and animations.
|
|
66
|
-
*
|
|
67
|
-
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenucontent
|
|
68
|
-
*
|
|
69
|
-
* @example
|
|
70
|
-
* ```tsx
|
|
71
|
-
* <DropdownMenu.Root>
|
|
72
|
-
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
73
|
-
* <DropdownMenu.Content width="trigger">
|
|
74
|
-
* <DropdownMenu.Item>Edit</DropdownMenu.Item>
|
|
75
|
-
* <DropdownMenu.Item>Delete</DropdownMenu.Item>
|
|
76
|
-
* </DropdownMenu.Content>
|
|
77
|
-
* </DropdownMenu.Root>
|
|
78
|
-
* ```
|
|
79
|
-
*/
|
|
80
|
-
readonly Content: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
81
|
-
/**
|
|
82
|
-
* Whether the DropdownMenuContent should match the width of the trigger or use the intrinsic content width.
|
|
83
|
-
*/
|
|
84
|
-
width?: "trigger" | "content";
|
|
85
|
-
} & react.RefAttributes<HTMLDivElement>>;
|
|
86
|
-
/**
|
|
87
|
-
* A group container for organizing related dropdown menu items.
|
|
88
|
-
*
|
|
89
|
-
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenugroup
|
|
90
|
-
*
|
|
91
|
-
* @example
|
|
92
|
-
* ```tsx
|
|
93
|
-
* <DropdownMenu.Root>
|
|
94
|
-
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
95
|
-
* <DropdownMenu.Content>
|
|
96
|
-
* <DropdownMenu.Group>
|
|
97
|
-
* <DropdownMenu.Label>Account</DropdownMenu.Label>
|
|
98
|
-
* <DropdownMenu.Item>Profile</DropdownMenu.Item>
|
|
99
|
-
* <DropdownMenu.Item>Settings</DropdownMenu.Item>
|
|
100
|
-
* </DropdownMenu.Group>
|
|
101
|
-
* </DropdownMenu.Content>
|
|
102
|
-
* </DropdownMenu.Root>
|
|
103
|
-
* ```
|
|
104
|
-
*/
|
|
105
|
-
readonly Group: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
106
|
-
/**
|
|
107
|
-
* A standard item in the dropdown menu that can be selected or activated.
|
|
108
|
-
*
|
|
109
|
-
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenuitem
|
|
110
|
-
*
|
|
111
|
-
* @example
|
|
112
|
-
* ```tsx
|
|
113
|
-
* <DropdownMenu.Root>
|
|
114
|
-
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
115
|
-
* <DropdownMenu.Content>
|
|
116
|
-
* <DropdownMenu.Item onSelect={() => handleEdit()}>
|
|
117
|
-
* Edit
|
|
118
|
-
* </DropdownMenu.Item>
|
|
119
|
-
* <DropdownMenu.Item disabled>
|
|
120
|
-
* Delete
|
|
121
|
-
* </DropdownMenu.Item>
|
|
122
|
-
* </DropdownMenu.Content>
|
|
123
|
-
* </DropdownMenu.Root>
|
|
124
|
-
* ```
|
|
125
|
-
*/
|
|
126
|
-
readonly Item: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
127
|
-
inset?: boolean;
|
|
128
|
-
} & react.RefAttributes<HTMLDivElement>>;
|
|
129
|
-
/**
|
|
130
|
-
* A label for grouping and describing sections within the dropdown menu.
|
|
131
|
-
*
|
|
132
|
-
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenulabel
|
|
133
|
-
*
|
|
134
|
-
* @example
|
|
135
|
-
* ```tsx
|
|
136
|
-
* <DropdownMenu.Root>
|
|
137
|
-
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
138
|
-
* <DropdownMenu.Content>
|
|
139
|
-
* <DropdownMenu.Label>My Account</DropdownMenu.Label>
|
|
140
|
-
* <DropdownMenu.Item>Profile</DropdownMenu.Item>
|
|
141
|
-
* <DropdownMenu.Item>Settings</DropdownMenu.Item>
|
|
142
|
-
* </DropdownMenu.Content>
|
|
143
|
-
* </DropdownMenu.Root>
|
|
144
|
-
* ```
|
|
145
|
-
*/
|
|
146
|
-
readonly Label: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
147
|
-
inset?: boolean;
|
|
148
|
-
} & react.RefAttributes<HTMLDivElement>>;
|
|
149
|
-
/**
|
|
150
|
-
* A radio group container for exclusive selection within the dropdown menu.
|
|
151
|
-
*
|
|
152
|
-
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenuradiogroup
|
|
153
|
-
*
|
|
154
|
-
* @example
|
|
155
|
-
* ```tsx
|
|
156
|
-
* <DropdownMenu.Root>
|
|
157
|
-
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
158
|
-
* <DropdownMenu.Content>
|
|
159
|
-
* <DropdownMenu.RadioGroup value={value} onValueChange={setValue}>
|
|
160
|
-
* <DropdownMenu.RadioItem value="option1">Option 1</DropdownMenu.RadioItem>
|
|
161
|
-
* <DropdownMenu.RadioItem value="option2">Option 2</DropdownMenu.RadioItem>
|
|
162
|
-
* </DropdownMenu.RadioGroup>
|
|
163
|
-
* </DropdownMenu.Content>
|
|
164
|
-
* </DropdownMenu.Root>
|
|
165
|
-
* ```
|
|
166
|
-
*/
|
|
167
|
-
readonly RadioGroup: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
168
|
-
/**
|
|
169
|
-
* A radio item in the dropdown menu where only one item in the group can be selected.
|
|
170
|
-
*
|
|
171
|
-
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenuradioitem
|
|
172
|
-
*
|
|
173
|
-
* @example
|
|
174
|
-
* ```tsx
|
|
175
|
-
* <DropdownMenu.Root>
|
|
176
|
-
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
177
|
-
* <DropdownMenu.Content>
|
|
178
|
-
* <DropdownMenu.RadioGroup value="small" onValueChange={setSize}>
|
|
179
|
-
* <DropdownMenu.RadioItem value="small">Small</DropdownMenu.RadioItem>
|
|
180
|
-
* <DropdownMenu.RadioItem value="medium">Medium</DropdownMenu.RadioItem>
|
|
181
|
-
* <DropdownMenu.RadioItem value="large">Large</DropdownMenu.RadioItem>
|
|
182
|
-
* </DropdownMenu.RadioGroup>
|
|
183
|
-
* </DropdownMenu.Content>
|
|
184
|
-
* </DropdownMenu.Root>
|
|
185
|
-
* ```
|
|
186
|
-
*/
|
|
187
|
-
readonly RadioItem: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
188
|
-
name?: string;
|
|
189
|
-
id?: string;
|
|
190
|
-
} & react.RefAttributes<HTMLInputElement>>;
|
|
191
|
-
/**
|
|
192
|
-
* A visual separator for dividing sections within the dropdown menu.
|
|
193
|
-
*
|
|
194
|
-
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenuseparator
|
|
195
|
-
*
|
|
196
|
-
* @example
|
|
197
|
-
* ```tsx
|
|
198
|
-
* <DropdownMenu.Root>
|
|
199
|
-
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
200
|
-
* <DropdownMenu.Content>
|
|
201
|
-
* <DropdownMenu.Item>Edit</DropdownMenu.Item>
|
|
202
|
-
* <DropdownMenu.Item>Copy</DropdownMenu.Item>
|
|
203
|
-
* <DropdownMenu.Separator />
|
|
204
|
-
* <DropdownMenu.Item>Delete</DropdownMenu.Item>
|
|
205
|
-
* </DropdownMenu.Content>
|
|
206
|
-
* </DropdownMenu.Root>
|
|
207
|
-
* ```
|
|
208
|
-
*/
|
|
209
|
-
readonly Separator: react.ForwardRefExoticComponent<Omit<Omit<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & WithAsChild & {
|
|
210
|
-
orientation?: "horizontal" | "vertical";
|
|
211
|
-
semantic?: boolean;
|
|
212
|
-
}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
213
|
-
/**
|
|
214
|
-
* A keyboard shortcut indicator for dropdown menu items.
|
|
215
|
-
*
|
|
216
|
-
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenushortcut
|
|
217
|
-
*
|
|
218
|
-
* @example
|
|
219
|
-
* ```tsx
|
|
220
|
-
* <DropdownMenu.Root>
|
|
221
|
-
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
222
|
-
* <DropdownMenu.Content>
|
|
223
|
-
* <DropdownMenu.Item>
|
|
224
|
-
* Save
|
|
225
|
-
* <DropdownMenu.Shortcut>⌘S</DropdownMenu.Shortcut>
|
|
226
|
-
* </DropdownMenu.Item>
|
|
227
|
-
* </DropdownMenu.Content>
|
|
228
|
-
* </DropdownMenu.Root>
|
|
229
|
-
* ```
|
|
230
|
-
*/
|
|
231
|
-
readonly Shortcut: {
|
|
232
|
-
({ className, ...props }: ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
233
|
-
displayName: string;
|
|
234
|
-
};
|
|
235
|
-
/**
|
|
236
|
-
* A submenu container for creating nested dropdown menus.
|
|
237
|
-
*
|
|
238
|
-
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenusub
|
|
239
|
-
*
|
|
240
|
-
* @example
|
|
241
|
-
* ```tsx
|
|
242
|
-
* <DropdownMenu.Root>
|
|
243
|
-
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
244
|
-
* <DropdownMenu.Content>
|
|
245
|
-
* <DropdownMenu.Sub>
|
|
246
|
-
* <DropdownMenu.SubTrigger>More options</DropdownMenu.SubTrigger>
|
|
247
|
-
* <DropdownMenu.SubContent>
|
|
248
|
-
* <DropdownMenu.Item>Sub item 1</DropdownMenu.Item>
|
|
249
|
-
* <DropdownMenu.Item>Sub item 2</DropdownMenu.Item>
|
|
250
|
-
* </DropdownMenu.SubContent>
|
|
251
|
-
* </DropdownMenu.Sub>
|
|
252
|
-
* </DropdownMenu.Content>
|
|
253
|
-
* </DropdownMenu.Root>
|
|
254
|
-
* ```
|
|
255
|
-
*/
|
|
256
|
-
readonly Sub: react.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
257
|
-
/**
|
|
258
|
-
* The content container for submenu items.
|
|
259
|
-
*
|
|
260
|
-
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenusubcontent
|
|
261
|
-
*
|
|
262
|
-
* @example
|
|
263
|
-
* ```tsx
|
|
264
|
-
* <DropdownMenu.Root>
|
|
265
|
-
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
266
|
-
* <DropdownMenu.Content>
|
|
267
|
-
* <DropdownMenu.Sub>
|
|
268
|
-
* <DropdownMenu.SubTrigger>Export</DropdownMenu.SubTrigger>
|
|
269
|
-
* <DropdownMenu.SubContent>
|
|
270
|
-
* <DropdownMenu.Item>Export as PDF</DropdownMenu.Item>
|
|
271
|
-
* <DropdownMenu.Item>Export as CSV</DropdownMenu.Item>
|
|
272
|
-
* </DropdownMenu.SubContent>
|
|
273
|
-
* </DropdownMenu.Sub>
|
|
274
|
-
* </DropdownMenu.Content>
|
|
275
|
-
* </DropdownMenu.Root>
|
|
276
|
-
* ```
|
|
277
|
-
*/
|
|
278
|
-
readonly SubContent: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
279
|
-
/**
|
|
280
|
-
* The trigger item that opens a submenu when hovered or focused.
|
|
281
|
-
*
|
|
282
|
-
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenusubtrigger
|
|
283
|
-
*
|
|
284
|
-
* @example
|
|
285
|
-
* ```tsx
|
|
286
|
-
* <DropdownMenu.Root>
|
|
287
|
-
* <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
|
|
288
|
-
* <DropdownMenu.Content>
|
|
289
|
-
* <DropdownMenu.Sub>
|
|
290
|
-
* <DropdownMenu.SubTrigger>Share</DropdownMenu.SubTrigger>
|
|
291
|
-
* <DropdownMenu.SubContent>
|
|
292
|
-
* <DropdownMenu.Item>Email</DropdownMenu.Item>
|
|
293
|
-
* <DropdownMenu.Item>Copy link</DropdownMenu.Item>
|
|
294
|
-
* </DropdownMenu.SubContent>
|
|
295
|
-
* </DropdownMenu.Sub>
|
|
296
|
-
* </DropdownMenu.Content>
|
|
297
|
-
* </DropdownMenu.Root>
|
|
298
|
-
* ```
|
|
299
|
-
*/
|
|
300
|
-
readonly SubTrigger: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
301
|
-
inset?: boolean;
|
|
302
|
-
} & react.RefAttributes<HTMLDivElement>>;
|
|
303
|
-
/**
|
|
304
|
-
* The trigger button that opens the dropdown menu.
|
|
305
|
-
*
|
|
306
|
-
* @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenutrigger
|
|
307
|
-
*
|
|
308
|
-
* @example
|
|
309
|
-
* ```tsx
|
|
310
|
-
* <DropdownMenu.Root>
|
|
311
|
-
* <DropdownMenu.Trigger asChild>
|
|
312
|
-
* <Button type="button" appearance="outlined">
|
|
313
|
-
* Open Menu
|
|
314
|
-
* </Button>
|
|
315
|
-
* </DropdownMenu.Trigger>
|
|
316
|
-
* <DropdownMenu.Content>
|
|
317
|
-
* <DropdownMenu.Item>Item 1</DropdownMenu.Item>
|
|
318
|
-
* </DropdownMenu.Content>
|
|
319
|
-
* </DropdownMenu.Root>
|
|
320
|
-
* ```
|
|
321
|
-
*/
|
|
322
|
-
readonly Trigger: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
323
|
-
};
|
|
324
|
-
|
|
325
|
-
export { DropdownMenu };
|
|
1
|
+
import { t as DropdownMenu } from "./dropdown-menu-D_ZoY1AH.js";
|
|
2
|
+
export { DropdownMenu };
|
package/dist/dropdown-menu.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{
|
|
2
|
-
//# sourceMappingURL=dropdown-menu.js.map
|
|
1
|
+
import{t as e}from"./dropdown-menu-CjOaj-Ap.js";export{e as DropdownMenu};
|