@codefast/ui 0.3.11-canary.1 → 0.3.11

package/dist/components/collapsible.js

@@ -1,22 +1,24 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { CollapsibleContent, CollapsibleTrigger, Root } from "@radix-ui/react-collapsible";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+//#region src/components/collapsible.tsx
 function Collapsible({ ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "collapsible",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, {
+		"data-slot": "collapsible",
+		...props
+	});
 }
-function collapsible_CollapsibleTrigger({ ...props }) {
-    return /*#__PURE__*/ jsx(CollapsibleTrigger, {
-        "data-slot": "collapsible-trigger",
-        ...props
-    });
+function CollapsibleTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleTrigger, {
+		"data-slot": "collapsible-trigger",
+		...props
+	});
 }
-function collapsible_CollapsibleContent({ ...props }) {
-    return /*#__PURE__*/ jsx(CollapsibleContent, {
-        "data-slot": "collapsible-content",
-        ...props
-    });
+function CollapsibleContent({ ...props }) {
+	return /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleContent, {
+		"data-slot": "collapsible-content",
+		...props
+	});
 }
-export { Collapsible, collapsible_CollapsibleContent as CollapsibleContent, collapsible_CollapsibleTrigger as CollapsibleTrigger };
+//#endregion
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/components/command.d.ts

@@ -1,25 +1,57 @@
-import type { ComponentProps, JSX } from "react";
-import { Command as CommandPrimitive } from "cmdk";
-import { Dialog } from "./dialog";
-type CommandProps = ComponentProps<typeof CommandPrimitive>;
-declare function Command({ className, ...props }: CommandProps): JSX.Element;
+import { Dialog } from "./dialog.js";
+import { ComponentProps, JSX } from "react";
+import { Command as Command$1 } from "cmdk";
+
+//#region src/components/command.d.ts
+type CommandProps = ComponentProps<typeof Command$1>;
+declare function Command({
+  className,
+  ...props
+}: CommandProps): JSX.Element;
 type CommandDialogProps = ComponentProps<typeof Dialog>;
-declare function CommandDialog({ children, ...props }: CommandDialogProps): JSX.Element;
-type CommandInputProps = ComponentProps<typeof CommandPrimitive.Input>;
-declare function CommandInput({ className, ...props }: CommandInputProps): JSX.Element;
-type CommandListProps = ComponentProps<typeof CommandPrimitive.List>;
-declare function CommandList({ className, ...props }: CommandListProps): JSX.Element;
-type CommandEmptyProps = ComponentProps<typeof CommandPrimitive.Empty>;
-declare function CommandEmpty({ className, ...props }: CommandEmptyProps): JSX.Element;
-type CommandGroupProps = ComponentProps<typeof CommandPrimitive.Group>;
-declare function CommandGroup({ className, ...props }: CommandGroupProps): JSX.Element;
-type CommandSeparatorProps = ComponentProps<typeof CommandPrimitive.Separator>;
-declare function CommandSeparator({ className, ...props }: CommandSeparatorProps): JSX.Element;
-type CommandItemProps = ComponentProps<typeof CommandPrimitive.Item>;
-declare function CommandItem({ className, ...props }: CommandItemProps): JSX.Element;
-type CommandLoadingProps = ComponentProps<typeof CommandPrimitive.Loading>;
-declare function CommandLoading({ className, ...props }: CommandLoadingProps): JSX.Element;
+declare function CommandDialog({
+  children,
+  ...props
+}: CommandDialogProps): JSX.Element;
+type CommandInputProps = ComponentProps<typeof Command$1.Input>;
+declare function CommandInput({
+  className,
+  ...props
+}: CommandInputProps): JSX.Element;
+type CommandListProps = ComponentProps<typeof Command$1.List>;
+declare function CommandList({
+  className,
+  ...props
+}: CommandListProps): JSX.Element;
+type CommandEmptyProps = ComponentProps<typeof Command$1.Empty>;
+declare function CommandEmpty({
+  className,
+  ...props
+}: CommandEmptyProps): JSX.Element;
+type CommandGroupProps = ComponentProps<typeof Command$1.Group>;
+declare function CommandGroup({
+  className,
+  ...props
+}: CommandGroupProps): JSX.Element;
+type CommandSeparatorProps = ComponentProps<typeof Command$1.Separator>;
+declare function CommandSeparator({
+  className,
+  ...props
+}: CommandSeparatorProps): JSX.Element;
+type CommandItemProps = ComponentProps<typeof Command$1.Item>;
+declare function CommandItem({
+  className,
+  ...props
+}: CommandItemProps): JSX.Element;
+type CommandLoadingProps = ComponentProps<typeof Command$1.Loading>;
+declare function CommandLoading({
+  className,
+  ...props
+}: CommandLoadingProps): JSX.Element;
 type CommandShortcutProps = ComponentProps<"span">;
-declare function CommandShortcut({ className, ...props }: CommandShortcutProps): JSX.Element;
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, };
-export type { CommandDialogProps, CommandEmptyProps, CommandGroupProps, CommandInputProps, CommandItemProps, CommandListProps, CommandLoadingProps, CommandProps, CommandSeparatorProps, CommandShortcutProps, };
+declare function CommandShortcut({
+  className,
+  ...props
+}: CommandShortcutProps): JSX.Element;
+//#endregion
+export { Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, CommandLoading, type CommandLoadingProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps };

package/dist/components/command.js

@@ -1,107 +1,92 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogDescription, DialogTitle } from "./dialog.js";
 import { cn } from "@codefast/tailwind-variants";
-import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
-import { Command } from "cmdk";
 import { SearchIcon } from "lucide-react";
-import { Dialog, DialogContent, DialogDescription, DialogTitle } from "./dialog.js";
-function command_Command({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Command, {
-        className: cn("flex flex-col overflow-hidden rounded-[inherit] bg-popover text-popover-foreground outline-hidden", className),
-        "data-slot": "command",
-        ...props
-    });
+import { jsx, jsxs } from "react/jsx-runtime";
+import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
+import { Command as Command$1 } from "cmdk";
+//#region src/components/command.tsx
+function Command({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Command$1, {
+		className: cn("flex flex-col overflow-hidden rounded-[inherit] bg-popover text-popover-foreground outline-hidden", className),
+		"data-slot": "command",
+		...props
+	});
 }
 function CommandDialog({ children, ...props }) {
-    return /*#__PURE__*/ jsx(Dialog, {
-        "data-slot": "command-dialog",
-        ...props,
-        children: /*#__PURE__*/ jsxs(DialogContent, {
-            className: "rounded-t-lg sm:rounded-lg",
-            "data-slot": "command-dialog-content",
-            children: [
-                /*#__PURE__*/ jsxs(VisuallyHidden, {
-                    children: [
-                        /*#__PURE__*/ jsx(DialogTitle, {
-                            children: "Search command"
-                        }),
-                        /*#__PURE__*/ jsx(DialogDescription, {
-                            children: "Use the search bar to find and select the desired command."
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsx(command_Command, {
-                    className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input]]:h-12",
-                    children: children
-                })
-            ]
-        })
-    });
+	return /* @__PURE__ */ jsx(Dialog, {
+		"data-slot": "command-dialog",
+		...props,
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			className: "rounded-t-lg sm:rounded-lg",
+			"data-slot": "command-dialog-content",
+			children: [/* @__PURE__ */ jsxs(VisuallyHidden, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Search command" }), /* @__PURE__ */ jsx(DialogDescription, { children: "Use the search bar to find and select the desired command." })] }), /* @__PURE__ */ jsx(Command, {
+				className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input]]:h-12",
+				children
+			})]
+		})
+	});
 }
 function CommandInput({ className, ...props }) {
-    return /*#__PURE__*/ jsxs("div", {
-        "cmdk-input-wrapper": true,
-        className: "flex items-center gap-2 border-b px-3",
-        "data-slot": "command-input-wrapper",
-        children: [
-            /*#__PURE__*/ jsx(SearchIcon, {
-                className: "size-4 shrink-0 opacity-50"
-            }),
-            /*#__PURE__*/ jsx(Command.Input, {
-                className: cn("flex h-10 w-full text-base outline-hidden placeholder:text-muted-foreground disabled:opacity-50 md:text-sm", className),
-                "data-slot": "command-input",
-                ...props
-            })
-        ]
-    });
+	return /* @__PURE__ */ jsxs("div", {
+		"cmdk-input-wrapper": true,
+		className: "flex items-center gap-2 border-b px-3",
+		"data-slot": "command-input-wrapper",
+		children: [/* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }), /* @__PURE__ */ jsx(Command$1.Input, {
+			className: cn("flex h-10 w-full text-base outline-hidden placeholder:text-muted-foreground disabled:opacity-50 md:text-sm", className),
+			"data-slot": "command-input",
+			...props
+		})]
+	});
 }
 function CommandList({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Command.List, {
-        className: cn("max-h-75 overflow-x-hidden overflow-y-auto", className),
-        "data-slot": "command-list",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(Command$1.List, {
+		className: cn("max-h-75 overflow-x-hidden overflow-y-auto", className),
+		"data-slot": "command-list",
+		...props
+	});
 }
 function CommandEmpty({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Command.Empty, {
-        className: cn("py-6 text-center text-sm", className),
-        "data-slot": "command-empty",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(Command$1.Empty, {
+		className: cn("py-6 text-center text-sm", className),
+		"data-slot": "command-empty",
+		...props
+	});
 }
 function CommandGroup({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Command.Group, {
-        className: cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", className),
-        "data-slot": "command-group",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(Command$1.Group, {
+		className: cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", className),
+		"data-slot": "command-group",
+		...props
+	});
 }
 function CommandSeparator({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Command.Separator, {
-        className: cn("-mx-1 h-px bg-border", className),
-        "data-slot": "command-separator",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(Command$1.Separator, {
+		className: cn("-mx-1 h-px bg-border", className),
+		"data-slot": "command-separator",
+		...props
+	});
 }
 function CommandItem({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Command.Item, {
-        className: cn("group/command-item relative flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none aria-disabled:opacity-50 aria-selected:bg-accent aria-selected:text-accent-foreground [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", className),
-        "data-slot": "command-item",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(Command$1.Item, {
+		className: cn("group/command-item relative flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none aria-disabled:opacity-50 aria-selected:bg-accent aria-selected:text-accent-foreground [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", className),
+		"data-slot": "command-item",
+		...props
+	});
 }
 function CommandLoading({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Command.Loading, {
-        className: cn("flex justify-center p-2", className),
-        "data-slot": "command-loading",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(Command$1.Loading, {
+		className: cn("flex justify-center p-2", className),
+		"data-slot": "command-loading",
+		...props
+	});
 }
 function CommandShortcut({ className, ...props }) {
-    return /*#__PURE__*/ jsx("span", {
-        className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className),
-        "data-slot": "command-shortcut",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className),
+		"data-slot": "command-shortcut",
+		...props
+	});
 }
-export { command_Command as Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut };
+//#endregion
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut };

package/dist/components/context-menu.d.ts

@@ -1,41 +1,91 @@
-import type { ComponentProps, JSX } from "react";
+import { ComponentProps, JSX } from "react";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+
+//#region src/components/context-menu.d.ts
 type ContextMenuProps = ComponentProps<typeof ContextMenuPrimitive.Root>;
-declare function ContextMenu({ ...props }: ContextMenuProps): JSX.Element;
+declare function ContextMenu({
+  ...props
+}: ContextMenuProps): JSX.Element;
 type ContextMenuTriggerProps = ComponentProps<typeof ContextMenuPrimitive.Trigger>;
-declare function ContextMenuTrigger({ ...props }: ContextMenuTriggerProps): JSX.Element;
+declare function ContextMenuTrigger({
+  ...props
+}: ContextMenuTriggerProps): JSX.Element;
 type ContextMenuGroupProps = ComponentProps<typeof ContextMenuPrimitive.Group>;
-declare function ContextMenuGroup({ ...props }: ContextMenuGroupProps): JSX.Element;
+declare function ContextMenuGroup({
+  ...props
+}: ContextMenuGroupProps): JSX.Element;
 type ContextMenuSubProps = ComponentProps<typeof ContextMenuPrimitive.Sub>;
-declare function ContextMenuSub({ ...props }: ContextMenuSubProps): JSX.Element;
+declare function ContextMenuSub({
+  ...props
+}: ContextMenuSubProps): JSX.Element;
 type ContextMenuRadioGroupProps = ComponentProps<typeof ContextMenuPrimitive.RadioGroup>;
-declare function ContextMenuRadioGroup({ ...props }: ContextMenuRadioGroupProps): JSX.Element;
+declare function ContextMenuRadioGroup({
+  ...props
+}: ContextMenuRadioGroupProps): JSX.Element;
 interface ContextMenuSubTriggerProps extends ComponentProps<typeof ContextMenuPrimitive.SubTrigger> {
-    inset?: boolean;
+  inset?: boolean;
 }
-declare function ContextMenuSubTrigger({ children, className, inset, ...props }: ContextMenuSubTriggerProps): JSX.Element;
+declare function ContextMenuSubTrigger({
+  children,
+  className,
+  inset,
+  ...props
+}: ContextMenuSubTriggerProps): JSX.Element;
 type ContextMenuSubContentProps = ComponentProps<typeof ContextMenuPrimitive.SubContent>;
-declare function ContextMenuSubContent({ className, ...props }: ContextMenuSubContentProps): JSX.Element;
+declare function ContextMenuSubContent({
+  className,
+  ...props
+}: ContextMenuSubContentProps): JSX.Element;
 type ContextMenuContentProps = ComponentProps<typeof ContextMenuPrimitive.Content>;
-declare function ContextMenuContent({ className, ...props }: ContextMenuContentProps): JSX.Element;
+declare function ContextMenuContent({
+  className,
+  ...props
+}: ContextMenuContentProps): JSX.Element;
 interface ContextMenuItemProps extends ComponentProps<typeof ContextMenuPrimitive.Item> {
-    inset?: boolean;
-    variant?: "default" | "destructive";
+  inset?: boolean;
+  variant?: "default" | "destructive";
 }
-declare function ContextMenuItem({ className, inset, variant, ...props }: ContextMenuItemProps): JSX.Element;
+declare function ContextMenuItem({
+  className,
+  inset,
+  variant,
+  ...props
+}: ContextMenuItemProps): JSX.Element;
 type ContextMenuCheckboxItemProps = ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>;
-declare function ContextMenuCheckboxItem({ checked, children, className, ...props }: ContextMenuCheckboxItemProps): JSX.Element;
+declare function ContextMenuCheckboxItem({
+  checked,
+  children,
+  className,
+  ...props
+}: ContextMenuCheckboxItemProps): JSX.Element;
 type ContextMenuRadioItemProps = ComponentProps<typeof ContextMenuPrimitive.RadioItem>;
-declare function ContextMenuRadioItem({ children, className, ...props }: ContextMenuRadioItemProps): JSX.Element;
+declare function ContextMenuRadioItem({
+  children,
+  className,
+  ...props
+}: ContextMenuRadioItemProps): JSX.Element;
 interface ContextMenuLabelProps extends ComponentProps<typeof ContextMenuPrimitive.Label> {
-    inset?: boolean;
+  inset?: boolean;
 }
-declare function ContextMenuLabel({ className, inset, ...props }: ContextMenuLabelProps): JSX.Element;
+declare function ContextMenuLabel({
+  className,
+  inset,
+  ...props
+}: ContextMenuLabelProps): JSX.Element;
 type ContextMenuSeparatorProps = ComponentProps<typeof ContextMenuPrimitive.Separator>;
-declare function ContextMenuSeparator({ className, ...props }: ContextMenuSeparatorProps): JSX.Element;
+declare function ContextMenuSeparator({
+  className,
+  ...props
+}: ContextMenuSeparatorProps): JSX.Element;
 type ContextMenuShortcutProps = ComponentProps<"span">;
-declare function ContextMenuShortcut({ className, ...props }: ContextMenuShortcutProps): JSX.Element;
+declare function ContextMenuShortcut({
+  className,
+  ...props
+}: ContextMenuShortcutProps): JSX.Element;
 type ContextMenuArrowProps = ComponentProps<typeof ContextMenuPrimitive.Arrow>;
-declare function ContextMenuArrow({ className, ...props }: ContextMenuArrowProps): JSX.Element;
-export { ContextMenu, ContextMenuArrow, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, };
-export type { ContextMenuArrowProps, ContextMenuCheckboxItemProps, ContextMenuContentProps, ContextMenuGroupProps, ContextMenuItemProps, ContextMenuLabelProps, ContextMenuProps, ContextMenuRadioGroupProps, ContextMenuRadioItemProps, ContextMenuSeparatorProps, ContextMenuShortcutProps, ContextMenuSubContentProps, ContextMenuSubProps, ContextMenuSubTriggerProps, ContextMenuTriggerProps, };
+declare function ContextMenuArrow({
+  className,
+  ...props
+}: ContextMenuArrowProps): JSX.Element;
+//#endregion
+export { ContextMenu, ContextMenuArrow, type ContextMenuArrowProps, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, type ContextMenuGroupProps, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, type ContextMenuProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuShortcut, type ContextMenuShortcutProps, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubContentProps, type ContextMenuSubProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps };