@alexgorbatchev/shadcn 0.0.47 → 0.0.48
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 +8 -2
- package/dist/{chunk-p1eqxz4v.js → chunk-a6mes7w0.js} +80 -80
- package/dist/{chunk-8wc2z7te.js → chunk-cfnkbp0y.js} +103 -75
- package/dist/{chunk-8rtm4y46.js → chunk-pj01ybcm.js} +6 -6
- package/dist/{chunk-0qgd06td.js → chunk-svr3r7pj.js} +754 -718
- package/dist/components/ActionsMenu.d.ts +21 -0
- package/dist/components/ConfirmationDialog.d.ts +3 -2
- package/dist/components/ContextMenu.d.ts +3 -16
- package/dist/components/DropdownMenu.d.ts +4 -23
- package/dist/components/FormDialog.d.ts +23 -0
- package/dist/components/InlineEdit.d.ts +4 -2
- package/dist/components/MenuParts.d.ts +24 -0
- package/dist/components/MenuPopup.d.ts +6 -0
- package/dist/components/Menubar.d.ts +4 -6
- package/dist/components/assistant-ui/elements/RegenerateMenu.js +2 -2
- package/dist/components/assistant-ui/index.js +2 -2
- package/dist/components/data-grid/index.js +2 -2
- package/dist/components/json-render/catalog.d.ts +1 -1
- package/dist/components/json-render/index.js +20 -20
- package/dist/index.d.ts +4 -0
- package/dist/index.js +70 -58
- package/dist/menu/types.d.ts +3 -0
- package/dist/prototype.js +1 -1
- package/llms/components/forms/InlineEdit.md +34 -1
- package/llms/components/navigation/ActionsMenu.md +143 -0
- package/llms/components/overlays/ConfirmationDialog.md +31 -1
- package/llms/components/overlays/FormDialog.md +102 -0
- package/llms/setup.md +8 -2
- package/llms.txt +2 -0
- package/package.json +1 -1
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { type ComponentProps, type ReactElement, type ReactNode } from "react";
|
|
2
|
+
import { Button } from "./Button.js";
|
|
3
|
+
import { DropdownMenuTrigger } from "./DropdownMenu.js";
|
|
4
|
+
import { ContextMenuTrigger } from "./ContextMenu.js";
|
|
5
|
+
interface IActionsMenuProps {
|
|
6
|
+
label: string;
|
|
7
|
+
items: ReactNode;
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
size?: "icon-xs" | "icon-sm" | "sm";
|
|
10
|
+
variant?: ComponentProps<typeof Button>["variant"];
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
trigger?: ComponentProps<typeof DropdownMenuTrigger>["render"];
|
|
13
|
+
contextTarget?: ComponentProps<typeof ContextMenuTrigger>["render"];
|
|
14
|
+
}
|
|
15
|
+
declare function ActionsMenu({ children, contextTarget, ...props }: IActionsMenuProps): ReactElement;
|
|
16
|
+
type ActionsMenuTriggerProps = Omit<ComponentProps<typeof DropdownMenuTrigger>, "handle">;
|
|
17
|
+
declare function ActionsMenuTrigger({ children, render, ...props }: ActionsMenuTriggerProps): ReactElement;
|
|
18
|
+
declare function ActionsMenuContextTarget(props: ComponentProps<typeof ContextMenuTrigger>): ReactElement;
|
|
19
|
+
declare function ActionsMenuContextContent(): ReactElement;
|
|
20
|
+
export { ActionsMenu, ActionsMenuTrigger, ActionsMenuContextTarget, ActionsMenuContextContent };
|
|
21
|
+
export type { IActionsMenuProps, ActionsMenuTriggerProps };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type ReactElement } from "react";
|
|
1
|
+
import { type ReactElement, type ReactNode } from "react";
|
|
2
2
|
interface IConfirmationDialogProps {
|
|
3
3
|
open: boolean;
|
|
4
4
|
title: string;
|
|
@@ -6,6 +6,7 @@ interface IConfirmationDialogProps {
|
|
|
6
6
|
confirmLabel: string;
|
|
7
7
|
onOpenChange: (open: boolean) => void;
|
|
8
8
|
onConfirm: () => void | Promise<void>;
|
|
9
|
+
renderError?: (error: unknown) => ReactNode;
|
|
9
10
|
}
|
|
10
|
-
export declare function ConfirmationDialog({ open, title, description, confirmLabel, onOpenChange, onConfirm, }: IConfirmationDialogProps): ReactElement;
|
|
11
|
+
export declare function ConfirmationDialog({ open, title, description, confirmLabel, onOpenChange, onConfirm, renderError, }: IConfirmationDialogProps): ReactElement;
|
|
11
12
|
export {};
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import type { IAnalyticsProps } from "../analytics/types.js";
|
|
2
|
-
import type { MenuLabelProps, MenuItemProps, MenuSubTriggerProps, MenuCheckboxItemProps, MenuRadioItemProps } from "../menu/types.js";
|
|
3
2
|
import type { IDensityProps } from "../density/types.js";
|
|
4
|
-
import type {
|
|
3
|
+
import type { ReactElement } from "react";
|
|
5
4
|
import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu";
|
|
6
5
|
declare function ContextMenu({ analytics, ...props }: ContextMenuPrimitive.Root.Props & IAnalyticsProps): ReactElement;
|
|
7
6
|
declare function ContextMenuPortal({ container, ref, children, ...props }: ContextMenuPrimitive.Portal.Props): ReactElement;
|
|
@@ -9,17 +8,5 @@ type ContextMenuTriggerProps = ContextMenuPrimitive.Trigger.Props & IDensityProp
|
|
|
9
8
|
declare function ContextMenuTrigger({ density, className, ...props }: ContextMenuTriggerProps): ReactElement;
|
|
10
9
|
type ContextMenuContentProps = ContextMenuPrimitive.Popup.Props & Pick<ContextMenuPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset"> & IDensityProps;
|
|
11
10
|
declare function ContextMenuContent({ density, className, align, alignOffset, side, sideOffset, ...props }: ContextMenuContentProps): ReactElement;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
declare function ContextMenuItem({ analytics, density, className, inset, variant, ...props }: MenuItemProps & IAnalyticsProps): ReactElement;
|
|
15
|
-
declare function ContextMenuSub({ analytics, ...props }: ContextMenuPrimitive.SubmenuRoot.Props & IAnalyticsProps): ReactElement;
|
|
16
|
-
declare function ContextMenuSubTrigger({ density, className, inset, children, ...props }: MenuSubTriggerProps): ReactElement;
|
|
17
|
-
declare function ContextMenuSubContent({ ...props }: ComponentProps<typeof ContextMenuContent>): ReactElement;
|
|
18
|
-
declare function ContextMenuCheckboxItem({ analytics, density, className, children, checked, inset, ...props }: MenuCheckboxItemProps & IAnalyticsProps): ReactElement;
|
|
19
|
-
declare function ContextMenuRadioGroup({ analytics, ...props }: ContextMenuPrimitive.RadioGroup.Props & IAnalyticsProps): ReactElement;
|
|
20
|
-
declare function ContextMenuRadioItem({ density, className, children, inset, ...props }: MenuRadioItemProps): ReactElement;
|
|
21
|
-
type ContextMenuSeparatorProps = ContextMenuPrimitive.Separator.Props & IDensityProps;
|
|
22
|
-
declare function ContextMenuSeparator({ density, className, ...props }: ContextMenuSeparatorProps): ReactElement;
|
|
23
|
-
type ContextMenuShortcutProps = ComponentProps<"span"> & IDensityProps;
|
|
24
|
-
declare function ContextMenuShortcut({ density, className, ...props }: ContextMenuShortcutProps): ReactElement;
|
|
25
|
-
export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };
|
|
11
|
+
export { MenuGroup as ContextMenuGroup, MenuLabel as ContextMenuLabel, MenuItem as ContextMenuItem, MenuCheckboxItem as ContextMenuCheckboxItem, MenuRadioGroup as ContextMenuRadioGroup, MenuRadioItem as ContextMenuRadioItem, MenuSeparator as ContextMenuSeparator, MenuShortcut as ContextMenuShortcut, MenuSub as ContextMenuSub, MenuSubTrigger as ContextMenuSubTrigger, MenuSubContent as ContextMenuSubContent, } from "./MenuParts.js";
|
|
12
|
+
export { ContextMenu, ContextMenuPortal, ContextMenuTrigger, ContextMenuContent };
|
|
@@ -1,27 +1,8 @@
|
|
|
1
1
|
import type { IAnalyticsProps } from "../analytics/types.js";
|
|
2
|
-
import type {
|
|
3
|
-
import type { IDensityProps } from "../density/types.js";
|
|
4
|
-
import type { ComponentProps, ReactElement } from "react";
|
|
2
|
+
import type { ReactElement } from "react";
|
|
5
3
|
import { Menu as MenuPrimitive } from "@base-ui/react/menu";
|
|
6
4
|
declare function DropdownMenu<Payload>({ analytics, ...props }: MenuPrimitive.Root.Props<Payload> & IAnalyticsProps): ReactElement;
|
|
7
|
-
declare function DropdownMenuPortal({ container, ref, children, ...props }: MenuPrimitive.Portal.Props): ReactElement;
|
|
8
5
|
declare function DropdownMenuTrigger<Payload>({ ...props }: MenuPrimitive.Trigger.Props<Payload>): ReactElement;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
};
|
|
12
|
-
declare function DropdownMenuContent({ density, width, align, alignOffset, side, sideOffset, className, ...props }: DropdownMenuContentProps): ReactElement;
|
|
13
|
-
declare function DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props): ReactElement;
|
|
14
|
-
declare function DropdownMenuLabel({ density, className, inset, ...props }: MenuLabelProps): ReactElement;
|
|
15
|
-
declare function DropdownMenuItem({ analytics, density, className, inset, variant, ...props }: MenuItemProps & IAnalyticsProps): ReactElement;
|
|
16
|
-
declare function DropdownMenuSub({ analytics, ...props }: MenuPrimitive.SubmenuRoot.Props & IAnalyticsProps): ReactElement;
|
|
17
|
-
declare function DropdownMenuSubTrigger({ density, className, inset, children, ...props }: MenuSubTriggerProps): ReactElement;
|
|
18
|
-
type DropdownMenuSubContentProps = ComponentProps<typeof DropdownMenuContent> & IDensityProps;
|
|
19
|
-
declare function DropdownMenuSubContent({ density, align, alignOffset, side, sideOffset, className, ...props }: DropdownMenuSubContentProps): ReactElement;
|
|
20
|
-
declare function DropdownMenuCheckboxItem({ analytics, density, className, children, checked, inset, ...props }: MenuCheckboxItemProps & IAnalyticsProps): ReactElement;
|
|
21
|
-
declare function DropdownMenuRadioGroup({ analytics, ...props }: MenuPrimitive.RadioGroup.Props & IAnalyticsProps): ReactElement;
|
|
22
|
-
declare function DropdownMenuRadioItem({ density, className, children, inset, ...props }: MenuRadioItemProps): ReactElement;
|
|
23
|
-
type DropdownMenuSeparatorProps = MenuPrimitive.Separator.Props & IDensityProps;
|
|
24
|
-
declare function DropdownMenuSeparator({ density, className, ...props }: DropdownMenuSeparatorProps): ReactElement;
|
|
25
|
-
type DropdownMenuShortcutProps = ComponentProps<"span"> & IDensityProps;
|
|
26
|
-
declare function DropdownMenuShortcut({ density, className, ...props }: DropdownMenuShortcutProps): ReactElement;
|
|
27
|
-
export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
|
|
6
|
+
export { MenuGroup as DropdownMenuGroup, MenuLabel as DropdownMenuLabel, MenuItem as DropdownMenuItem, MenuCheckboxItem as DropdownMenuCheckboxItem, MenuRadioGroup as DropdownMenuRadioGroup, MenuRadioItem as DropdownMenuRadioItem, MenuSeparator as DropdownMenuSeparator, MenuShortcut as DropdownMenuShortcut, MenuSub as DropdownMenuSub, MenuSubTrigger as DropdownMenuSubTrigger, MenuSubContent as DropdownMenuSubContent, } from "./MenuParts.js";
|
|
7
|
+
export { DropdownMenu, DropdownMenuTrigger };
|
|
8
|
+
export { MenuPortal as DropdownMenuPortal, MenuPopup as DropdownMenuContent } from "./MenuPopup.js";
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { ComponentProps, FormEventHandler, ReactElement, ReactNode } from "react";
|
|
2
|
+
import type { IDensityProps } from "../density/types.js";
|
|
3
|
+
import { Button } from "./Button.js";
|
|
4
|
+
import { DialogContent } from "./Dialog.js";
|
|
5
|
+
interface IFormDialogProps extends IDensityProps {
|
|
6
|
+
open: boolean;
|
|
7
|
+
onOpenChange: (open: boolean) => void;
|
|
8
|
+
title: string;
|
|
9
|
+
description?: ReactNode;
|
|
10
|
+
size?: ComponentProps<typeof DialogContent>["size"];
|
|
11
|
+
isBusy?: boolean;
|
|
12
|
+
onSubmit?: FormEventHandler<HTMLFormElement>;
|
|
13
|
+
submitLabel?: string;
|
|
14
|
+
submitVariant?: ComponentProps<typeof Button>["variant"];
|
|
15
|
+
submitDisabled?: boolean;
|
|
16
|
+
primaryAction?: ReactNode;
|
|
17
|
+
cancelLabel?: string;
|
|
18
|
+
error?: ReactNode;
|
|
19
|
+
children: ReactNode;
|
|
20
|
+
}
|
|
21
|
+
/** Controlled dialog layout; the caller owns submission, validation, and pending state. */
|
|
22
|
+
export declare function FormDialog({ open, onOpenChange, title, description, size, density, isBusy, onSubmit, submitLabel, submitVariant, submitDisabled, primaryAction, cancelLabel, error, children, }: IFormDialogProps): ReactElement;
|
|
23
|
+
export {};
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import type { IAnalyticsProps } from "../analytics/types.js";
|
|
2
|
-
import { type ReactElement } from "react";
|
|
2
|
+
import { type ReactElement, type ReactNode } from "react";
|
|
3
3
|
import type { IDensityProps } from "../density/types.js";
|
|
4
4
|
interface IInlineEditProps extends IDensityProps, IAnalyticsProps {
|
|
5
5
|
label: string;
|
|
6
6
|
value: string;
|
|
7
7
|
isDisabled?: boolean;
|
|
8
8
|
shouldSelectOnMount?: boolean;
|
|
9
|
+
hasChanges?: boolean;
|
|
10
|
+
renderError?: (error: unknown) => ReactNode;
|
|
9
11
|
onValueChange: (value: string) => void;
|
|
10
12
|
onCommit: (value: string) => void | Promise<void>;
|
|
11
13
|
onCancel: () => void;
|
|
12
14
|
}
|
|
13
15
|
/** A mounted edit session. The consumer replaces its display with this field while editing. */
|
|
14
|
-
export declare function InlineEdit({ analytics, label, value, density, isDisabled, shouldSelectOnMount, onValueChange, onCommit, onCancel, }: IInlineEditProps): ReactElement;
|
|
16
|
+
export declare function InlineEdit({ analytics, label, value, density, isDisabled, shouldSelectOnMount, hasChanges, renderError, onValueChange, onCommit, onCancel, }: IInlineEditProps): ReactElement;
|
|
15
17
|
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { IAnalyticsProps } from "../analytics/types.js";
|
|
2
|
+
import type { MenuLabelProps, MenuItemProps, MenuSubTriggerProps, MenuCheckboxItemProps, MenuRadioItemProps, MenuPopupProps } from "../menu/types.js";
|
|
3
|
+
import type { IDensityProps } from "../density/types.js";
|
|
4
|
+
import type { ComponentProps, ReactElement } from "react";
|
|
5
|
+
import { Menu as MenuPrimitive } from "@base-ui/react/menu";
|
|
6
|
+
declare function MenuGroup({ ...props }: MenuPrimitive.Group.Props): ReactElement;
|
|
7
|
+
declare function MenuLabel({ density, className, inset, ...props }: MenuLabelProps): ReactElement;
|
|
8
|
+
declare function MenuItem({ analytics, density, className, inset, variant, ...props }: MenuItemProps & IAnalyticsProps): ReactElement;
|
|
9
|
+
type MenuLinkItemProps = MenuPrimitive.LinkItem.Props & IDensityProps & IAnalyticsProps & {
|
|
10
|
+
inset?: boolean;
|
|
11
|
+
variant?: "default" | "destructive";
|
|
12
|
+
};
|
|
13
|
+
declare function MenuLinkItem({ analytics, density, className, inset, variant, ...props }: MenuLinkItemProps): ReactElement;
|
|
14
|
+
declare function MenuSub({ analytics, ...props }: MenuPrimitive.SubmenuRoot.Props & IAnalyticsProps): ReactElement;
|
|
15
|
+
declare function MenuSubTrigger({ density, className, inset, children, ...props }: MenuSubTriggerProps): ReactElement;
|
|
16
|
+
declare function MenuSubContent({ density, align, alignOffset, side, sideOffset, className, ...props }: MenuPopupProps): ReactElement;
|
|
17
|
+
declare function MenuCheckboxItem({ analytics, density, className, children, checked, inset, ...props }: MenuCheckboxItemProps & IAnalyticsProps): ReactElement;
|
|
18
|
+
declare function MenuRadioGroup({ analytics, ...props }: MenuPrimitive.RadioGroup.Props & IAnalyticsProps): ReactElement;
|
|
19
|
+
declare function MenuRadioItem({ density, className, children, inset, ...props }: MenuRadioItemProps): ReactElement;
|
|
20
|
+
type MenuSeparatorProps = MenuPrimitive.Separator.Props & IDensityProps;
|
|
21
|
+
declare function MenuSeparator({ density, className, ...props }: MenuSeparatorProps): ReactElement;
|
|
22
|
+
type MenuShortcutProps = ComponentProps<"span"> & IDensityProps;
|
|
23
|
+
declare function MenuShortcut({ density, className, ...props }: MenuShortcutProps): ReactElement;
|
|
24
|
+
export { MenuGroup, MenuLabel, MenuItem, MenuLinkItem, MenuCheckboxItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubTrigger, MenuSubContent, };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { MenuPopupProps } from "../menu/types.js";
|
|
2
|
+
import type { ReactElement } from "react";
|
|
3
|
+
import { Menu as MenuPrimitive } from "@base-ui/react/menu";
|
|
4
|
+
declare function MenuPortal({ container, ref, children, ...props }: MenuPrimitive.Portal.Props): ReactElement;
|
|
5
|
+
declare function MenuPopup({ density, width, align, alignOffset, side, sideOffset, className, ...props }: MenuPopupProps): ReactElement;
|
|
6
|
+
export { MenuPortal, MenuPopup };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import type { IAnalyticsProps } from "../analytics/types.js";
|
|
2
|
-
import type { MenuLabelProps, MenuItemProps, MenuSubTriggerProps, MenuCheckboxItemProps, MenuRadioItemProps } from "../menu/types.js";
|
|
2
|
+
import type { MenuLabelProps, MenuItemProps, MenuSubTriggerProps, MenuCheckboxItemProps, MenuRadioItemProps, MenuPopupProps } from "../menu/types.js";
|
|
3
3
|
import type { IDensityProps } from "../density/types.js";
|
|
4
4
|
import type { ComponentProps, ReactElement } from "react";
|
|
5
5
|
import { Menu as MenuPrimitive } from "@base-ui/react/menu";
|
|
6
6
|
import { Menubar as MenubarPrimitive } from "@base-ui/react/menubar";
|
|
7
|
-
import {
|
|
7
|
+
import { DropdownMenuGroup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub } from "./DropdownMenu.js";
|
|
8
8
|
type MenubarProps = MenubarPrimitive.Props & IDensityProps;
|
|
9
9
|
declare function Menubar({ density, className, ...props }: MenubarProps): ReactElement;
|
|
10
10
|
declare function MenubarMenu<Payload>({ analytics, ...props }: MenuPrimitive.Root.Props<Payload> & IAnalyticsProps): ReactElement;
|
|
@@ -12,8 +12,7 @@ declare function MenubarGroup({ ...props }: ComponentProps<typeof DropdownMenuGr
|
|
|
12
12
|
declare function MenubarPortal({ ...props }: ComponentProps<typeof DropdownMenuPortal>): ReactElement;
|
|
13
13
|
type MenubarTriggerProps<Payload> = MenuPrimitive.Trigger.Props<Payload> & IDensityProps;
|
|
14
14
|
declare function MenubarTrigger<Payload>({ density, className, ...props }: MenubarTriggerProps<Payload>): ReactElement;
|
|
15
|
-
|
|
16
|
-
declare function MenubarContent({ density, className, align, alignOffset, sideOffset, ...props }: MenubarContentProps): ReactElement;
|
|
15
|
+
declare function MenubarContent({ density, className, align, alignOffset, sideOffset, ...props }: MenuPopupProps): ReactElement;
|
|
17
16
|
declare function MenubarItem({ analytics, density, className, inset, variant, ...props }: MenuItemProps & IAnalyticsProps): ReactElement;
|
|
18
17
|
declare function MenubarCheckboxItem({ analytics, density, className, children, checked, inset, ...props }: MenuCheckboxItemProps & IAnalyticsProps): ReactElement;
|
|
19
18
|
declare function MenubarRadioGroup({ ...props }: ComponentProps<typeof DropdownMenuRadioGroup>): ReactElement;
|
|
@@ -25,6 +24,5 @@ type MenubarShortcutProps = ComponentProps<typeof DropdownMenuShortcut> & IDensi
|
|
|
25
24
|
declare function MenubarShortcut({ density, className, ...props }: MenubarShortcutProps): ReactElement;
|
|
26
25
|
declare function MenubarSub({ ...props }: ComponentProps<typeof DropdownMenuSub>): ReactElement;
|
|
27
26
|
declare function MenubarSubTrigger({ density, className, inset, ...props }: MenuSubTriggerProps): ReactElement;
|
|
28
|
-
|
|
29
|
-
declare function MenubarSubContent({ density, className, ...props }: MenubarSubContentProps): ReactElement;
|
|
27
|
+
declare function MenubarSubContent({ density, className, ...props }: MenuPopupProps): ReactElement;
|
|
30
28
|
export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import {
|
|
2
2
|
RegenerateMenu2
|
|
3
|
-
} from "../../../chunk-
|
|
4
|
-
import"../../../chunk-
|
|
3
|
+
} from "../../../chunk-pj01ybcm.js";
|
|
4
|
+
import"../../../chunk-cfnkbp0y.js";
|
|
5
5
|
import"../../../chunk-38301e40.js";
|
|
6
6
|
import"../../../chunk-x90xmrba.js";
|
|
7
7
|
import"../../../chunk-jpvw9xqy.js";
|
|
@@ -480,10 +480,10 @@ import {
|
|
|
480
480
|
import {
|
|
481
481
|
RecommendationCard2
|
|
482
482
|
} from "../../chunk-srr328m4.js";
|
|
483
|
-
import"../../chunk-
|
|
483
|
+
import"../../chunk-cfnkbp0y.js";
|
|
484
484
|
import {
|
|
485
485
|
RegenerateMenu2
|
|
486
|
-
} from "../../chunk-
|
|
486
|
+
} from "../../chunk-pj01ybcm.js";
|
|
487
487
|
import {
|
|
488
488
|
ResearchReport2
|
|
489
489
|
} from "../../chunk-v9r6zprz.js";
|
|
@@ -34,6 +34,7 @@ import {
|
|
|
34
34
|
PopoverTitle2
|
|
35
35
|
} from "../../chunk-21ab0jsp.js";
|
|
36
36
|
import {
|
|
37
|
+
ScrollArea2,
|
|
37
38
|
Combobox2,
|
|
38
39
|
ComboboxValue2,
|
|
39
40
|
ComboboxInput2,
|
|
@@ -45,11 +46,10 @@ import {
|
|
|
45
46
|
ComboboxChip2,
|
|
46
47
|
ComboboxChipsInput2,
|
|
47
48
|
useComboboxAnchor2,
|
|
48
|
-
ScrollArea2,
|
|
49
49
|
NumberField2,
|
|
50
50
|
NumberFieldGroup2,
|
|
51
51
|
NumberFieldInput2
|
|
52
|
-
} from "../../chunk-
|
|
52
|
+
} from "../../chunk-a6mes7w0.js";
|
|
53
53
|
import {
|
|
54
54
|
Badge2
|
|
55
55
|
} from "../../chunk-wjx6zf94.js";
|
|
@@ -36,13 +36,26 @@ import {
|
|
|
36
36
|
DrawerHeader2,
|
|
37
37
|
DrawerTitle2,
|
|
38
38
|
DrawerDescription2
|
|
39
|
-
} from "../../chunk-
|
|
39
|
+
} from "../../chunk-svr3r7pj.js";
|
|
40
40
|
import {
|
|
41
|
+
MenuPopup,
|
|
42
|
+
MenuItem2,
|
|
41
43
|
DropdownMenu2,
|
|
42
|
-
DropdownMenuTrigger2
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
44
|
+
DropdownMenuTrigger2
|
|
45
|
+
} from "../../chunk-cfnkbp0y.js";
|
|
46
|
+
import {
|
|
47
|
+
Alert2,
|
|
48
|
+
AlertTitle2,
|
|
49
|
+
AlertDescription2
|
|
50
|
+
} from "../../chunk-zdt8xxzy.js";
|
|
51
|
+
import {
|
|
52
|
+
Dialog2,
|
|
53
|
+
DialogContent2,
|
|
54
|
+
DialogHeader2,
|
|
55
|
+
DialogTitle2,
|
|
56
|
+
DialogDescription2
|
|
57
|
+
} from "../../chunk-jgdpa00w.js";
|
|
58
|
+
import"../../chunk-a6mes7w0.js";
|
|
46
59
|
import {
|
|
47
60
|
Popover2,
|
|
48
61
|
PopoverTrigger2,
|
|
@@ -65,13 +78,6 @@ import {
|
|
|
65
78
|
Field2,
|
|
66
79
|
FieldLabel2
|
|
67
80
|
} from "../../chunk-6jpz5geq.js";
|
|
68
|
-
import {
|
|
69
|
-
Dialog2,
|
|
70
|
-
DialogContent2,
|
|
71
|
-
DialogHeader2,
|
|
72
|
-
DialogTitle2,
|
|
73
|
-
DialogDescription2
|
|
74
|
-
} from "../../chunk-jgdpa00w.js";
|
|
75
81
|
import {
|
|
76
82
|
Slider2
|
|
77
83
|
} from "../../chunk-2mn2ctsk.js";
|
|
@@ -93,7 +99,6 @@ import {
|
|
|
93
99
|
CardContent2
|
|
94
100
|
} from "../../chunk-bygq5yqf.js";
|
|
95
101
|
import"../../chunk-14mh00z3.js";
|
|
96
|
-
import"../../chunk-p1eqxz4v.js";
|
|
97
102
|
import {
|
|
98
103
|
Tabs2,
|
|
99
104
|
TabsList2,
|
|
@@ -113,11 +118,6 @@ import {
|
|
|
113
118
|
ToggleGroup2,
|
|
114
119
|
ToggleGroupItem2
|
|
115
120
|
} from "../../chunk-q606kj28.js";
|
|
116
|
-
import {
|
|
117
|
-
Alert2,
|
|
118
|
-
AlertTitle2,
|
|
119
|
-
AlertDescription2
|
|
120
|
-
} from "../../chunk-zdt8xxzy.js";
|
|
121
121
|
import {
|
|
122
122
|
Avatar2,
|
|
123
123
|
AvatarImage2,
|
|
@@ -1046,8 +1046,8 @@ var JsonDropdownMenu = ({ props, bindings, emit }) => {
|
|
|
1046
1046
|
}),
|
|
1047
1047
|
children: props.label
|
|
1048
1048
|
}),
|
|
1049
|
-
/* @__PURE__ */ jsx32(
|
|
1050
|
-
children: items.map((item) => /* @__PURE__ */ jsx32(
|
|
1049
|
+
/* @__PURE__ */ jsx32(MenuPopup, {
|
|
1050
|
+
children: items.map((item) => /* @__PURE__ */ jsx32(MenuItem2, {
|
|
1051
1051
|
onClick: () => {
|
|
1052
1052
|
setBoundValue(item.value);
|
|
1053
1053
|
emit("select");
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
export { Button, buttonVariants } from "./components/Button.js";
|
|
2
2
|
export { ButtonLink } from "./components/ButtonLink.js";
|
|
3
3
|
export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from "./components/DropdownMenu.js";
|
|
4
|
+
export { ActionsMenu, ActionsMenuTrigger, ActionsMenuContextTarget, ActionsMenuContextContent, } from "./components/ActionsMenu.js";
|
|
5
|
+
export type { IActionsMenuProps, ActionsMenuTriggerProps } from "./components/ActionsMenu.js";
|
|
6
|
+
export { MenuGroup, MenuLabel, MenuLinkItem, MenuItem, MenuCheckboxItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubTrigger, MenuSubContent, } from "./components/MenuParts.js";
|
|
7
|
+
export { FormDialog } from "./components/FormDialog.js";
|
|
4
8
|
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "./components/Accordion.js";
|
|
5
9
|
export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, } from "./components/Popover.js";
|
|
6
10
|
export { Skeleton } from "./components/Skeleton.js";
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ButtonLink2,
|
|
3
|
+
ContextMenu2,
|
|
4
|
+
ContextMenuPortal2,
|
|
5
|
+
ContextMenuTrigger2,
|
|
6
|
+
ContextMenuContent2,
|
|
7
|
+
ActionsMenu2,
|
|
8
|
+
ActionsMenuTrigger2,
|
|
9
|
+
ActionsMenuContextTarget2,
|
|
10
|
+
ActionsMenuContextContent2,
|
|
11
|
+
FormDialog2,
|
|
3
12
|
Accordion2,
|
|
4
13
|
AccordionItem2,
|
|
5
14
|
AccordionTrigger2,
|
|
@@ -76,21 +85,6 @@ import {
|
|
|
76
85
|
DrawerFooter2,
|
|
77
86
|
DrawerTitle2,
|
|
78
87
|
DrawerDescription2,
|
|
79
|
-
ContextMenu2,
|
|
80
|
-
ContextMenuPortal2,
|
|
81
|
-
ContextMenuTrigger2,
|
|
82
|
-
ContextMenuContent2,
|
|
83
|
-
ContextMenuGroup2,
|
|
84
|
-
ContextMenuLabel2,
|
|
85
|
-
ContextMenuItem2,
|
|
86
|
-
ContextMenuSub2,
|
|
87
|
-
ContextMenuSubTrigger2,
|
|
88
|
-
ContextMenuSubContent2,
|
|
89
|
-
ContextMenuCheckboxItem2,
|
|
90
|
-
ContextMenuRadioGroup2,
|
|
91
|
-
ContextMenuRadioItem2,
|
|
92
|
-
ContextMenuSeparator2,
|
|
93
|
-
ContextMenuShortcut2,
|
|
94
88
|
Menubar2,
|
|
95
89
|
MenubarMenu2,
|
|
96
90
|
MenubarGroup2,
|
|
@@ -178,7 +172,7 @@ import {
|
|
|
178
172
|
StatusTracker2,
|
|
179
173
|
DashboardLayout2,
|
|
180
174
|
BillingUsage2
|
|
181
|
-
} from "./chunk-
|
|
175
|
+
} from "./chunk-svr3r7pj.js";
|
|
182
176
|
import {
|
|
183
177
|
Tabs2,
|
|
184
178
|
tabsListVariants2,
|
|
@@ -203,6 +197,8 @@ import {
|
|
|
203
197
|
ToolbarSeparator2
|
|
204
198
|
} from "./chunk-x6vx0v6d.js";
|
|
205
199
|
import {
|
|
200
|
+
ScrollArea2,
|
|
201
|
+
ScrollBar2,
|
|
206
202
|
Combobox2,
|
|
207
203
|
ComboboxValue2,
|
|
208
204
|
ComboboxTrigger2,
|
|
@@ -219,8 +215,6 @@ import {
|
|
|
219
215
|
ComboboxChip2,
|
|
220
216
|
ComboboxChipsInput2,
|
|
221
217
|
useComboboxAnchor2,
|
|
222
|
-
ScrollArea2,
|
|
223
|
-
ScrollBar2,
|
|
224
218
|
NumberField2,
|
|
225
219
|
NumberFieldGroup2,
|
|
226
220
|
NumberFieldInput2,
|
|
@@ -228,7 +222,7 @@ import {
|
|
|
228
222
|
NumberFieldIncrement2,
|
|
229
223
|
NumberFieldScrubArea2,
|
|
230
224
|
NumberFieldScrubAreaCursor2
|
|
231
|
-
} from "./chunk-
|
|
225
|
+
} from "./chunk-a6mes7w0.js";
|
|
232
226
|
import {
|
|
233
227
|
NativeSelect2,
|
|
234
228
|
NativeSelectOption2,
|
|
@@ -238,22 +232,23 @@ import {
|
|
|
238
232
|
Slider2
|
|
239
233
|
} from "./chunk-2mn2ctsk.js";
|
|
240
234
|
import {
|
|
235
|
+
MenuPortal,
|
|
236
|
+
MenuPopup,
|
|
237
|
+
MenuGroup2,
|
|
238
|
+
MenuLabel2,
|
|
239
|
+
MenuItem2,
|
|
240
|
+
MenuLinkItem2,
|
|
241
|
+
MenuSub2,
|
|
242
|
+
MenuSubTrigger2,
|
|
243
|
+
MenuSubContent2,
|
|
244
|
+
MenuCheckboxItem2,
|
|
245
|
+
MenuRadioGroup2,
|
|
246
|
+
MenuRadioItem2,
|
|
247
|
+
MenuSeparator2,
|
|
248
|
+
MenuShortcut2,
|
|
241
249
|
DropdownMenu2,
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
DropdownMenuContent2,
|
|
245
|
-
DropdownMenuGroup2,
|
|
246
|
-
DropdownMenuLabel2,
|
|
247
|
-
DropdownMenuItem2,
|
|
248
|
-
DropdownMenuSub2,
|
|
249
|
-
DropdownMenuSubTrigger2,
|
|
250
|
-
DropdownMenuSubContent2,
|
|
251
|
-
DropdownMenuCheckboxItem2,
|
|
252
|
-
DropdownMenuRadioGroup2,
|
|
253
|
-
DropdownMenuRadioItem2,
|
|
254
|
-
DropdownMenuSeparator2,
|
|
255
|
-
DropdownMenuShortcut2
|
|
256
|
-
} from "./chunk-8wc2z7te.js";
|
|
250
|
+
DropdownMenuTrigger2
|
|
251
|
+
} from "./chunk-cfnkbp0y.js";
|
|
257
252
|
import {
|
|
258
253
|
Empty2,
|
|
259
254
|
EmptyHeader2,
|
|
@@ -466,6 +461,10 @@ export {
|
|
|
466
461
|
AccordionItem2 as AccordionItem,
|
|
467
462
|
AccordionTrigger2 as AccordionTrigger,
|
|
468
463
|
AccountMenu2 as AccountMenu,
|
|
464
|
+
ActionsMenu2 as ActionsMenu,
|
|
465
|
+
ActionsMenuContextContent2 as ActionsMenuContextContent,
|
|
466
|
+
ActionsMenuContextTarget2 as ActionsMenuContextTarget,
|
|
467
|
+
ActionsMenuTrigger2 as ActionsMenuTrigger,
|
|
469
468
|
Alert2 as Alert,
|
|
470
469
|
AlertAction2 as AlertAction,
|
|
471
470
|
AlertDescription2 as AlertDescription,
|
|
@@ -547,19 +546,19 @@ export {
|
|
|
547
546
|
ComboboxValue2 as ComboboxValue,
|
|
548
547
|
ConfirmationDialog2 as ConfirmationDialog,
|
|
549
548
|
ContextMenu2 as ContextMenu,
|
|
550
|
-
|
|
549
|
+
MenuCheckboxItem2 as ContextMenuCheckboxItem,
|
|
551
550
|
ContextMenuContent2 as ContextMenuContent,
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
551
|
+
MenuGroup2 as ContextMenuGroup,
|
|
552
|
+
MenuItem2 as ContextMenuItem,
|
|
553
|
+
MenuLabel2 as ContextMenuLabel,
|
|
555
554
|
ContextMenuPortal2 as ContextMenuPortal,
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
555
|
+
MenuRadioGroup2 as ContextMenuRadioGroup,
|
|
556
|
+
MenuRadioItem2 as ContextMenuRadioItem,
|
|
557
|
+
MenuSeparator2 as ContextMenuSeparator,
|
|
558
|
+
MenuShortcut2 as ContextMenuShortcut,
|
|
559
|
+
MenuSub2 as ContextMenuSub,
|
|
560
|
+
MenuSubContent2 as ContextMenuSubContent,
|
|
561
|
+
MenuSubTrigger2 as ContextMenuSubTrigger,
|
|
563
562
|
ContextMenuTrigger2 as ContextMenuTrigger,
|
|
564
563
|
DashboardLayout2 as DashboardLayout,
|
|
565
564
|
DataViewer2 as DataViewer,
|
|
@@ -591,19 +590,19 @@ export {
|
|
|
591
590
|
DrawerTrigger2 as DrawerTrigger,
|
|
592
591
|
DropTarget2 as DropTarget,
|
|
593
592
|
DropdownMenu2 as DropdownMenu,
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
593
|
+
MenuCheckboxItem2 as DropdownMenuCheckboxItem,
|
|
594
|
+
MenuPopup as DropdownMenuContent,
|
|
595
|
+
MenuGroup2 as DropdownMenuGroup,
|
|
596
|
+
MenuItem2 as DropdownMenuItem,
|
|
597
|
+
MenuLabel2 as DropdownMenuLabel,
|
|
598
|
+
MenuPortal as DropdownMenuPortal,
|
|
599
|
+
MenuRadioGroup2 as DropdownMenuRadioGroup,
|
|
600
|
+
MenuRadioItem2 as DropdownMenuRadioItem,
|
|
601
|
+
MenuSeparator2 as DropdownMenuSeparator,
|
|
602
|
+
MenuShortcut2 as DropdownMenuShortcut,
|
|
603
|
+
MenuSub2 as DropdownMenuSub,
|
|
604
|
+
MenuSubContent2 as DropdownMenuSubContent,
|
|
605
|
+
MenuSubTrigger2 as DropdownMenuSubTrigger,
|
|
607
606
|
DropdownMenuTrigger2 as DropdownMenuTrigger,
|
|
608
607
|
Empty2 as Empty,
|
|
609
608
|
EmptyContent2 as EmptyContent,
|
|
@@ -623,6 +622,7 @@ export {
|
|
|
623
622
|
FieldSet2 as FieldSet,
|
|
624
623
|
FieldTitle2 as FieldTitle,
|
|
625
624
|
FilterBar2 as FilterBar,
|
|
625
|
+
FormDialog2 as FormDialog,
|
|
626
626
|
HoverCard2 as HoverCard,
|
|
627
627
|
HoverCardContent2 as HoverCardContent,
|
|
628
628
|
HoverCardTrigger2 as HoverCardTrigger,
|
|
@@ -654,6 +654,18 @@ export {
|
|
|
654
654
|
Marker2 as Marker,
|
|
655
655
|
MarkerContent2 as MarkerContent,
|
|
656
656
|
MarkerIcon2 as MarkerIcon,
|
|
657
|
+
MenuCheckboxItem2 as MenuCheckboxItem,
|
|
658
|
+
MenuGroup2 as MenuGroup,
|
|
659
|
+
MenuItem2 as MenuItem,
|
|
660
|
+
MenuLabel2 as MenuLabel,
|
|
661
|
+
MenuLinkItem2 as MenuLinkItem,
|
|
662
|
+
MenuRadioGroup2 as MenuRadioGroup,
|
|
663
|
+
MenuRadioItem2 as MenuRadioItem,
|
|
664
|
+
MenuSeparator2 as MenuSeparator,
|
|
665
|
+
MenuShortcut2 as MenuShortcut,
|
|
666
|
+
MenuSub2 as MenuSub,
|
|
667
|
+
MenuSubContent2 as MenuSubContent,
|
|
668
|
+
MenuSubTrigger2 as MenuSubTrigger,
|
|
657
669
|
Menubar2 as Menubar,
|
|
658
670
|
MenubarCheckboxItem2 as MenubarCheckboxItem,
|
|
659
671
|
MenubarContent2 as MenubarContent,
|
package/dist/menu/types.d.ts
CHANGED
|
@@ -11,4 +11,7 @@ export type MenuItemProps = Menu.Item.Props & IMenuItemOptions;
|
|
|
11
11
|
export type MenuSubTriggerProps = Menu.SubmenuTrigger.Props & IMenuInsetProps;
|
|
12
12
|
export type MenuCheckboxItemProps = Menu.CheckboxItem.Props & IMenuInsetProps;
|
|
13
13
|
export type MenuRadioItemProps = Menu.RadioItem.Props & IMenuInsetProps;
|
|
14
|
+
export type MenuPopupProps = Menu.Popup.Props & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset"> & IDensityProps & {
|
|
15
|
+
width?: "content" | "anchor";
|
|
16
|
+
};
|
|
14
17
|
export {};
|
package/dist/prototype.js
CHANGED
|
@@ -2051,7 +2051,7 @@ var program = new Command;
|
|
|
2051
2051
|
// package.json
|
|
2052
2052
|
var package_default = {
|
|
2053
2053
|
name: "@alexgorbatchev/shadcn",
|
|
2054
|
-
version: "0.0.
|
|
2054
|
+
version: "0.0.48",
|
|
2055
2055
|
description: "Sharp, monospace React components with compact and comfortable densities.",
|
|
2056
2056
|
license: "MIT",
|
|
2057
2057
|
repository: {
|
|
@@ -60,8 +60,41 @@ Storybook CSF excerpts. Default args and render apply unless overridden. Local h
|
|
|
60
60
|
{
|
|
61
61
|
args: {
|
|
62
62
|
onCommit: async () => {
|
|
63
|
-
throw new Error("
|
|
63
|
+
throw new Error("Private storage diagnostic");
|
|
64
64
|
},
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
67
|
```
|
|
68
|
+
|
|
69
|
+
### UnchangedEnter
|
|
70
|
+
|
|
71
|
+
```tsx
|
|
72
|
+
{
|
|
73
|
+
args: { hasChanges: false }
|
|
74
|
+
}
|
|
75
|
+
```
|
|
76
|
+
|
|
77
|
+
### UnchangedBlur
|
|
78
|
+
|
|
79
|
+
```tsx
|
|
80
|
+
{
|
|
81
|
+
args: { hasChanges: false }
|
|
82
|
+
}
|
|
83
|
+
```
|
|
84
|
+
|
|
85
|
+
### UnchangedCreate
|
|
86
|
+
|
|
87
|
+
```tsx
|
|
88
|
+
{}
|
|
89
|
+
```
|
|
90
|
+
|
|
91
|
+
### AuthoredValidationAndRetry
|
|
92
|
+
|
|
93
|
+
```tsx
|
|
94
|
+
{
|
|
95
|
+
args: {
|
|
96
|
+
onCommit: fn(),
|
|
97
|
+
renderError: () => "A title is required.",
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
```
|