@codefast/ui 0.3.11 → 0.3.12-canary.1

package/dist/components/item.js

@@ -1,116 +1,94 @@
-import { Separator } from "./separator.js";
-import { cn, tv } from "@codefast/tailwind-variants";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, tv } from "#lib/utils";
 import { Slot } from "@radix-ui/react-slot";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/item.tsx
+import { Separator } from "#components/separator";
+/* -----------------------------------------------------------------------------
+ * Variants: Item
+ * -------------------------------------------------------------------------- */
 const itemVariants = tv({
-	base: cn("group/item flex flex-wrap items-center rounded-lg border border-transparent text-sm outline-hidden transition-colors duration-100", "[a]:transition-colors [a]:hover:bg-accent/50", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50"),
-	defaultVariants: {
-		size: "default",
-		variant: "default"
-	},
-	variants: {
-		size: {
-			default: "gap-4 p-4",
-			sm: "gap-2.5 px-4 py-3"
-		},
-		variant: {
-			default: "bg-transparent",
-			muted: "bg-muted/50",
-			outline: "border-border"
-		}
-	}
+    base: [
+        "group/item flex flex-wrap items-center",
+        "rounded-lg border border-transparent outline-hidden",
+        "text-sm",
+        "transition-colors duration-100",
+        "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50",
+        "[a]:transition-colors",
+        "[a]:hover:bg-accent/50",
+    ],
+    defaultVariants: {
+        size: "default",
+        variant: "default",
+    },
+    variants: {
+        size: {
+            default: ["gap-4", "p-4"],
+            sm: ["gap-2.5", "px-4 py-3"],
+        },
+        variant: {
+            default: "bg-transparent",
+            muted: "bg-muted/50",
+            outline: "border-border",
+        },
+    },
 });
 const itemMediaVariants = tv({
-	base: cn("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start", "group-has-[[data-slot=item-description]]/item:translate-y-0.5 [&_svg]:pointer-events-none"),
-	defaultVariants: { variant: "default" },
-	variants: { variant: {
-		default: "bg-transparent",
-		icon: "size-8 shrink-0 rounded-md border bg-muted [&_svg:not([class*='size-'])]:size-4",
-		image: "size-10 shrink-0 overflow-hidden rounded-md [&_img]:size-full [&_img]:object-cover"
-	} }
+    base: [
+        "flex shrink-0 items-center justify-center gap-2",
+        "group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start",
+        "[&_svg]:pointer-events-none",
+    ],
+    defaultVariants: {
+        variant: "default",
+    },
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            icon: [
+                "size-8 shrink-0",
+                "rounded-md border",
+                "bg-muted",
+                "[&_svg:not([class*='size-'])]:size-4",
+            ],
+            image: [
+                "size-10 shrink-0 overflow-hidden",
+                "rounded-md",
+                "[&_img]:size-full [&_img]:object-cover",
+            ],
+        },
+    },
 });
 function ItemGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("group/item-group flex flex-col", className),
-		"data-slot": "item-group",
-		role: "list",
-		...props
-	});
+    return (_jsx("div", { className: cn("group/item-group flex flex-col", className), "data-slot": "item-group", role: "list", ...props }));
 }
 function ItemSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Separator, {
-		className: cn("my-0", className),
-		"data-slot": "item-separator",
-		orientation: "horizontal",
-		...props
-	});
+    return (_jsx(Separator, { className: cn("my-0", className), "data-slot": "item-separator", orientation: "horizontal", ...props }));
 }
 function Item({ asChild = false, className, size = "default", variant = "default", ...props }) {
-	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
-		className: itemVariants({
-			className,
-			size,
-			variant
-		}),
-		"data-size": size,
-		"data-slot": "item",
-		"data-variant": variant,
-		...props
-	});
+    const Component = asChild ? Slot : "div";
+    return (_jsx(Component, { className: itemVariants({ className, size, variant }), "data-size": size, "data-slot": "item", "data-variant": variant, ...props }));
 }
 function ItemMedia({ className, variant = "default", ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: itemMediaVariants({
-			className,
-			variant
-		}),
-		"data-slot": "item-media",
-		"data-variant": variant,
-		...props
-	});
+    return (_jsx("div", { className: itemMediaVariants({ className, variant }), "data-slot": "item-media", "data-variant": variant, ...props }));
 }
 function ItemContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className),
-		"data-slot": "item-content",
-		...props
-	});
+    return (_jsx("div", { className: cn("flex flex-1 flex-col gap-1", "[&+[data-slot=item-content]]:flex-none", className), "data-slot": "item-content", ...props }));
 }
 function ItemTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium", className),
-		"data-slot": "item-title",
-		...props
-	});
+    return (_jsx("div", { className: cn("flex w-fit items-center gap-2", "text-sm leading-snug font-medium", className), "data-slot": "item-title", ...props }));
 }
 function ItemDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx("p", {
-		className: cn("line-clamp-2 text-sm leading-normal font-normal text-balance text-muted-foreground", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
-		"data-slot": "item-description",
-		...props
-	});
+    return (_jsx("p", { className: cn("line-clamp-2 text-sm leading-normal font-normal text-balance text-muted-foreground", "[&>a]:underline [&>a]:underline-offset-4", "[&>a:hover]:text-primary", className), "data-slot": "item-description", ...props }));
 }
 function ItemActions({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex items-center gap-2", className),
-		"data-slot": "item-actions",
-		...props
-	});
+    return (_jsx("div", { className: cn("flex items-center gap-2", className), "data-slot": "item-actions", ...props }));
 }
 function ItemHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex basis-full items-center justify-between gap-2", className),
-		"data-slot": "item-header",
-		...props
-	});
+    return (_jsx("div", { className: cn("flex basis-full items-center justify-between gap-2", className), "data-slot": "item-header", ...props }));
 }
 function ItemFooter({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex basis-full items-center justify-between gap-2", className),
-		"data-slot": "item-footer",
-		...props
-	});
+    return (_jsx("div", { className: cn("flex basis-full items-center justify-between gap-2", className), "data-slot": "item-footer", ...props }));
 }
-//#endregion
-export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, itemMediaVariants, itemVariants };
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, itemMediaVariants, ItemSeparator, ItemTitle, itemVariants, };

package/dist/components/kbd.d.ts

@@ -1,15 +1,8 @@
-import { ComponentProps, JSX } from "react";
-
-//#region src/components/kbd.d.ts
+import type { ComponentProps, JSX } from "react";
 type KbdProps = ComponentProps<"kbd">;
-declare function Kbd({
-  className,
-  ...props
-}: KbdProps): JSX.Element;
+declare function Kbd({ className, ...props }: KbdProps): JSX.Element;
 type KbdGroupProps = ComponentProps<"kbd">;
-declare function KbdGroup({
-  className,
-  ...props
-}: KbdGroupProps): JSX.Element;
-//#endregion
-export { Kbd, KbdGroup, type KbdGroupProps, type KbdProps };
+declare function KbdGroup({ className, ...props }: KbdGroupProps): JSX.Element;
+export { Kbd, KbdGroup };
+export type { KbdGroupProps, KbdProps };
+//# sourceMappingURL=kbd.d.ts.map

package/dist/components/kbd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../src/components/kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAQjD,KAAK,QAAQ,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEtC,iBAAS,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAiB3D;AAED,KAAK,aAAa,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE3C,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAQrE;AAMD,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACzB,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/kbd.js

@@ -1,19 +1,12 @@
-import { cn } from "@codefast/tailwind-variants";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/kbd.tsx
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "#lib/utils";
 function Kbd({ className, ...props }) {
-	return /* @__PURE__ */ jsx("kbd", {
-		className: cn("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-md bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none", "[&_svg:not([class*='size-'])]:size-3", "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10", className),
-		"data-slot": "kbd",
-		...props
-	});
+    return (_jsx("kbd", { className: cn("inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 px-1", "rounded-md", "bg-muted font-sans text-xs font-medium text-muted-foreground", "pointer-events-none select-none", "in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background", "dark:in-data-[slot=tooltip-content]:bg-background/10", "[&_svg:not([class*='size-'])]:size-3", className), "data-slot": "kbd", ...props }));
 }
 function KbdGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx("kbd", {
-		className: cn("inline-flex items-center gap-1", className),
-		"data-slot": "kbd-group",
-		...props
-	});
+    return (_jsx("kbd", { className: cn("inline-flex items-center gap-1", className), "data-slot": "kbd-group", ...props }));
 }
-//#endregion
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
 export { Kbd, KbdGroup };

package/dist/components/label.d.ts

@@ -1,11 +1,7 @@
-import { ComponentProps, JSX } from "react";
+import type { ComponentProps, JSX } from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
-
-//#region src/components/label.d.ts
 type LabelProps = ComponentProps<typeof LabelPrimitive.Root>;
-declare function Label({
-  className,
-  ...props
-}: LabelProps): JSX.Element;
-//#endregion
-export { Label, type LabelProps };
+declare function Label({ className, ...props }: LabelProps): JSX.Element;
+export { Label };
+export type { LabelProps };
+//# sourceMappingURL=label.d.ts.map

package/dist/components/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../src/components/label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAMxD,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAE7D,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAiB/D;AAMD,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/label.js

@@ -1,14 +1,11 @@
 "use client";
-import { cn } from "@codefast/tailwind-variants";
-import { jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "#lib/utils";
 import * as LabelPrimitive from "@radix-ui/react-label";
-//#region src/components/label.tsx
 function Label({ className, ...props }) {
-	return /* @__PURE__ */ jsx(LabelPrimitive.Root, {
-		className: cn("inline-block text-sm leading-none font-medium group-data-disabled:opacity-50 peer-disabled:opacity-50 peer-aria-invalid:text-destructive peer-data-disabled:opacity-50 data-invalid:text-destructive", className),
-		"data-slot": "label",
-		...props
-	});
+    return (_jsx(LabelPrimitive.Root, { className: cn("inline-block", "text-sm leading-none font-medium", "group-data-disabled:opacity-50", "peer-disabled:opacity-50", "peer-aria-invalid:text-destructive", "peer-data-disabled:opacity-50", "data-invalid:text-destructive", className), "data-slot": "label", ...props }));
 }
-//#endregion
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
 export { Label };

package/dist/components/menubar.d.ts

@@ -1,100 +1,44 @@
-import { ComponentProps, JSX } from "react";
+import type { ComponentProps, JSX } from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
-
-//#region src/components/menubar.d.ts
 type MenubarProps = ComponentProps<typeof MenubarPrimitive.Root>;
-declare function Menubar({
-  className,
-  ...props
-}: MenubarProps): JSX.Element;
+declare function Menubar({ className, ...props }: MenubarProps): JSX.Element;
 type MenubarMenuProps = ComponentProps<typeof MenubarPrimitive.Menu>;
-declare function MenubarMenu({
-  ...props
-}: MenubarMenuProps): JSX.Element;
+declare function MenubarMenu({ ...props }: MenubarMenuProps): JSX.Element;
 type MenubarGroupProps = ComponentProps<typeof MenubarPrimitive.Group>;
-declare function MenubarGroup({
-  ...props
-}: MenubarGroupProps): JSX.Element;
+declare function MenubarGroup({ ...props }: MenubarGroupProps): JSX.Element;
 type MenubarSubProps = ComponentProps<typeof MenubarPrimitive.Sub>;
-declare function MenubarSub({
-  ...props
-}: MenubarSubProps): JSX.Element;
+declare function MenubarSub({ ...props }: MenubarSubProps): JSX.Element;
 type MenubarRadioGroupProps = ComponentProps<typeof MenubarPrimitive.RadioGroup>;
-declare function MenubarRadioGroup({
-  ...props
-}: MenubarRadioGroupProps): JSX.Element;
+declare function MenubarRadioGroup({ ...props }: MenubarRadioGroupProps): JSX.Element;
 type MenubarTriggerProps = ComponentProps<typeof MenubarPrimitive.Trigger>;
-declare function MenubarTrigger({
-  className,
-  ...props
-}: MenubarTriggerProps): JSX.Element;
+declare function MenubarTrigger({ className, ...props }: MenubarTriggerProps): JSX.Element;
 interface MenubarSubTriggerProps extends ComponentProps<typeof MenubarPrimitive.SubTrigger> {
-  inset?: boolean;
+    inset?: boolean;
 }
-declare function MenubarSubTrigger({
-  children,
-  className,
-  inset,
-  ...props
-}: MenubarSubTriggerProps): JSX.Element;
+declare function MenubarSubTrigger({ children, className, inset, ...props }: MenubarSubTriggerProps): JSX.Element;
 type MenubarSubContentProps = ComponentProps<typeof MenubarPrimitive.SubContent>;
-declare function MenubarSubContent({
-  className,
-  ...props
-}: MenubarSubContentProps): JSX.Element;
+declare function MenubarSubContent({ className, ...props }: MenubarSubContentProps): JSX.Element;
 type MenubarContentProps = ComponentProps<typeof MenubarPrimitive.Content>;
-declare function MenubarContent({
-  align,
-  alignOffset,
-  className,
-  sideOffset,
-  ...props
-}: MenubarContentProps): JSX.Element;
+declare function MenubarContent({ align, alignOffset, className, sideOffset, ...props }: MenubarContentProps): JSX.Element;
 interface MenubarItemProps extends ComponentProps<typeof MenubarPrimitive.Item> {
-  inset?: boolean;
-  variant?: "default" | "destructive";
+    inset?: boolean;
+    variant?: "default" | "destructive";
 }
-declare function MenubarItem({
-  className,
-  inset,
-  variant,
-  ...props
-}: MenubarItemProps): JSX.Element;
+declare function MenubarItem({ className, inset, variant, ...props }: MenubarItemProps): JSX.Element;
 type MenubarCheckboxItemProps = ComponentProps<typeof MenubarPrimitive.CheckboxItem>;
-declare function MenubarCheckboxItem({
-  checked,
-  children,
-  className,
-  ...props
-}: MenubarCheckboxItemProps): JSX.Element;
+declare function MenubarCheckboxItem({ checked, children, className, ...props }: MenubarCheckboxItemProps): JSX.Element;
 type MenubarRadioItemProps = ComponentProps<typeof MenubarPrimitive.RadioItem>;
-declare function MenubarRadioItem({
-  children,
-  className,
-  ...props
-}: MenubarRadioItemProps): JSX.Element;
+declare function MenubarRadioItem({ children, className, ...props }: MenubarRadioItemProps): JSX.Element;
 interface MenubarLabelProps extends ComponentProps<typeof MenubarPrimitive.Label> {
-  inset?: boolean;
+    inset?: boolean;
 }
-declare function MenubarLabel({
-  className,
-  inset,
-  ...props
-}: MenubarLabelProps): JSX.Element;
+declare function MenubarLabel({ className, inset, ...props }: MenubarLabelProps): JSX.Element;
 type MenubarSeparatorProps = ComponentProps<typeof MenubarPrimitive.Separator>;
-declare function MenubarSeparator({
-  className,
-  ...props
-}: MenubarSeparatorProps): JSX.Element;
+declare function MenubarSeparator({ className, ...props }: MenubarSeparatorProps): JSX.Element;
 type MenubarShortcutProps = ComponentProps<"span">;
-declare function MenubarShortcut({
-  className,
-  ...props
-}: MenubarShortcutProps): JSX.Element;
+declare function MenubarShortcut({ className, ...props }: MenubarShortcutProps): JSX.Element;
 type MenubarArrowProps = ComponentProps<typeof MenubarPrimitive.Arrow>;
-declare function MenubarArrow({
-  className,
-  ...props
-}: MenubarArrowProps): JSX.Element;
-//#endregion
-export { Menubar, MenubarArrow, type MenubarArrowProps, MenubarCheckboxItem, type MenubarCheckboxItemProps, MenubarContent, type MenubarContentProps, MenubarGroup, type MenubarGroupProps, MenubarItem, type MenubarItemProps, MenubarLabel, type MenubarLabelProps, MenubarMenu, type MenubarMenuProps, type MenubarProps, MenubarRadioGroup, type MenubarRadioGroupProps, MenubarRadioItem, type MenubarRadioItemProps, MenubarSeparator, type MenubarSeparatorProps, MenubarShortcut, type MenubarShortcutProps, MenubarSub, MenubarSubContent, type MenubarSubContentProps, type MenubarSubProps, MenubarSubTrigger, type MenubarSubTriggerProps, MenubarTrigger, type MenubarTriggerProps };
+declare function MenubarArrow({ className, ...props }: MenubarArrowProps): JSX.Element;
+export { Menubar, MenubarArrow, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, };
+export type { MenubarArrowProps, MenubarCheckboxItemProps, MenubarContentProps, MenubarGroupProps, MenubarItemProps, MenubarLabelProps, MenubarMenuProps, MenubarProps, MenubarRadioGroupProps, MenubarRadioItemProps, MenubarSeparatorProps, MenubarShortcutProps, MenubarSubContentProps, MenubarSubProps, MenubarSubTriggerProps, MenubarTriggerProps, };
+//# sourceMappingURL=menubar.d.ts.map

package/dist/components/menubar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../src/components/menubar.tsx"],"names":[],"mappings":"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"}

package/dist/components/menubar.js

@@ -1,133 +1,57 @@
 "use client";
-import { cn } from "@codefast/tailwind-variants";
-import { CheckIcon, ChevronRightIcon, DotIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "#lib/utils";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
-//#region src/components/menubar.tsx
+import { CheckIcon, ChevronRightIcon, DotIcon } from "lucide-react";
 function Menubar({ className, ...props }) {
-	return /* @__PURE__ */ jsx(MenubarPrimitive.Root, {
-		className: cn("flex items-center space-x-1 rounded-lg border bg-background p-1", className),
-		"data-slot": "menubar",
-		...props
-	});
+    return (_jsx(MenubarPrimitive.Root, { className: cn("flex items-center space-x-1", "p-1", "rounded-lg border", "bg-background", className), "data-slot": "menubar", ...props }));
 }
 function MenubarMenu({ ...props }) {
-	return /* @__PURE__ */ jsx(MenubarPrimitive.Menu, {
-		"data-slot": "menubar-menu",
-		...props
-	});
+    return _jsx(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
 }
 function MenubarGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(MenubarPrimitive.Group, {
-		"data-slot": "menubar-group",
-		...props
-	});
+    return _jsx(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
 }
 function MenubarSub({ ...props }) {
-	return /* @__PURE__ */ jsx(MenubarPrimitive.Sub, {
-		"data-slot": "menubar-sub",
-		...props
-	});
+    return _jsx(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
 }
 function MenubarRadioGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(MenubarPrimitive.RadioGroup, {
-		"data-slot": "menubar-radio-group",
-		...props
-	});
+    return _jsx(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
 }
 function MenubarTrigger({ className, ...props }) {
-	return /* @__PURE__ */ jsx(MenubarPrimitive.Trigger, {
-		className: cn("flex items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm font-medium outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className),
-		"data-slot": "menubar-trigger",
-		...props
-	});
+    return (_jsx(MenubarPrimitive.Trigger, { className: cn("flex items-center gap-x-2", "px-2 py-1.5", "rounded-sm outline-hidden", "text-sm font-medium", "select-none", "focus:bg-accent focus:text-accent-foreground", "data-open:bg-accent data-open:text-accent-foreground", className), "data-slot": "menubar-trigger", ...props }));
 }
 function MenubarSubTrigger({ children, className, inset, ...props }) {
-	return /* @__PURE__ */ jsxs(MenubarPrimitive.SubTrigger, {
-		className: cn("flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className),
-		"data-inset": inset,
-		"data-slot": "menubar-sub-trigger",
-		...props,
-		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto size-4" })]
-	});
+    return (_jsxs(MenubarPrimitive.SubTrigger, { className: cn("flex items-center gap-x-2", "px-2 py-1.5", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "data-inset:pl-8", "data-open:bg-accent data-open:text-accent-foreground", className), "data-inset": inset, "data-slot": "menubar-sub-trigger", ...props, children: [children, _jsx(ChevronRightIcon, { className: cn("size-4", "ml-auto") })] }));
 }
 function MenubarSubContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(MenubarPrimitive.SubContent, {
-		className: cn("z-50 min-w-32 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", className),
-		"data-slot": "menubar-sub-content",
-		...props
-	}) });
+    return (_jsx(MenubarPrimitive.Portal, { children: _jsx(MenubarPrimitive.SubContent, { className: cn("z-50", "min-w-32 overflow-hidden p-1", "rounded-lg border", "bg-popover text-popover-foreground shadow-lg", "ease-ui data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-open:data-side-top:slide-in-from-bottom-2", "data-open:data-side-right:slide-in-from-left-2", "data-open:data-side-bottom:slide-in-from-top-2", "data-open:data-side-left:slide-in-from-right-2", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", "data-closed:data-side-top:slide-out-to-bottom-2", "data-closed:data-side-right:slide-out-to-left-2", "data-closed:data-side-bottom:slide-out-to-top-2", "data-closed:data-side-left:slide-out-to-right-2", "origin-(--radix-menubar-content-transform-origin)", className), "data-slot": "menubar-sub-content", ...props }) }));
 }
 function MenubarContent({ align = "start", alignOffset = -4, className, sideOffset = 4, ...props }) {
-	return /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(MenubarPrimitive.Content, {
-		align,
-		alignOffset,
-		className: cn("z-50 min-w-32 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg ease-ui data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", className),
-		"data-slot": "menubar-content",
-		sideOffset,
-		...props
-	}) });
+    return (_jsx(MenubarPrimitive.Portal, { children: _jsx(MenubarPrimitive.Content, { align: align, alignOffset: alignOffset, className: cn("z-50", "min-w-32 overflow-hidden p-1", "rounded-lg border", "bg-popover text-popover-foreground shadow-lg", "ease-ui data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-open:data-side-top:slide-in-from-bottom-2", "data-open:data-side-right:slide-in-from-left-2", "data-open:data-side-bottom:slide-in-from-top-2", "data-open:data-side-left:slide-in-from-right-2", "origin-(--radix-menubar-content-transform-origin)", className), "data-slot": "menubar-content", sideOffset: sideOffset, ...props }) }));
 }
 function MenubarItem({ className, inset, variant, ...props }) {
-	return /* @__PURE__ */ jsx(MenubarPrimitive.Item, {
-		className: cn("group/menubar-item relative flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", className),
-		"data-inset": inset,
-		"data-slot": "menubar-item",
-		"data-variant": variant,
-		...props
-	});
+    return (_jsx(MenubarPrimitive.Item, { className: cn("group/menubar-item relative flex items-center gap-x-2", "px-2 py-1.5", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "aria-disabled:opacity-50", "data-inset:pl-8", "data-[variant=destructive]:text-destructive", "data-[variant=destructive]:focus:bg-destructive/10", "dark:data-[variant=destructive]:focus:bg-destructive/20", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", "[&_svg:not([class*='text-'])]:text-muted-foreground", "data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", className), "data-inset": inset, "data-slot": "menubar-item", "data-variant": variant, ...props }));
 }
 function MenubarCheckboxItem({ checked, children, className, ...props }) {
-	return /* @__PURE__ */ jsxs(MenubarPrimitive.CheckboxItem, {
-		checked,
-		className: cn("group/menubar-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
-		"data-slot": "menubar-checkbox-item",
-		...props,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "absolute left-2 flex items-center justify-center",
-			children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
-		}), children]
-	});
+    return (_jsxs(MenubarPrimitive.CheckboxItem, { checked: checked, className: cn("group/menubar-item relative flex items-center gap-x-2", "py-1.5 pr-2 pl-8", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "aria-disabled:opacity-50", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", className), "data-slot": "menubar-checkbox-item", ...props, children: [_jsx("span", { className: cn("absolute flex items-center justify-center", "left-2"), children: _jsx(MenubarPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), children] }));
 }
 function MenubarRadioItem({ children, className, ...props }) {
-	return /* @__PURE__ */ jsxs(MenubarPrimitive.RadioItem, {
-		className: cn("group/menubar-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
-		"data-slot": "menubar-radio-item",
-		...props,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "absolute left-2 flex items-center justify-center",
-			children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(DotIcon, { className: "size-4 fill-current" }) })
-		}), children]
-	});
+    return (_jsxs(MenubarPrimitive.RadioItem, { className: cn("group/menubar-item relative flex items-center gap-x-2", "py-1.5 pr-2 pl-8", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "aria-disabled:opacity-50", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", className), "data-slot": "menubar-radio-item", ...props, children: [_jsx("span", { className: cn("absolute flex items-center justify-center", "left-2"), children: _jsx(MenubarPrimitive.ItemIndicator, { children: _jsx(DotIcon, { className: cn("size-4", "fill-current") }) }) }), children] }));
 }
 function MenubarLabel({ className, inset, ...props }) {
-	return /* @__PURE__ */ jsx(MenubarPrimitive.Label, {
-		className: cn("flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold data-inset:pl-8", className),
-		"data-inset": inset,
-		"data-slot": "menubar-label",
-		...props
-	});
+    return (_jsx(MenubarPrimitive.Label, { className: cn("flex items-center gap-x-2", "px-2 py-1.5", "text-sm font-semibold", "data-inset:pl-8", className), "data-inset": inset, "data-slot": "menubar-label", ...props }));
 }
 function MenubarSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(MenubarPrimitive.Separator, {
-		className: cn("mx-2 my-1 h-px bg-border", className),
-		"data-slot": "menubar-separator",
-		...props
-	});
+    return (_jsx(MenubarPrimitive.Separator, { className: cn("mx-2 my-1 h-px", "bg-border", className), "data-slot": "menubar-separator", ...props }));
 }
 function MenubarShortcut({ className, ...props }) {
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-data-[variant=destructive]/menubar-item:text-destructive/80", className),
-		"data-slot": "menubar-shortcut",
-		...props
-	});
+    return (_jsx("span", { className: cn("ml-auto", "text-xs tracking-widest text-muted-foreground", "group-data-[variant=destructive]/menubar-item:text-destructive/80", className), "data-slot": "menubar-shortcut", ...props }));
 }
 function MenubarArrow({ className, ...props }) {
-	return /* @__PURE__ */ jsx(MenubarPrimitive.Arrow, {
-		className: cn("fill-popover", className),
-		"data-slot": "menubar-arrow",
-		...props
-	});
-}
-//#endregion
-export { Menubar, MenubarArrow, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
+    return (_jsx(MenubarPrimitive.Arrow, { className: cn("fill-popover", className), "data-slot": "menubar-arrow", ...props }));
+}
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+export { Menubar, MenubarArrow, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, };

package/dist/components/native-select.d.ts

@@ -1,19 +1,10 @@
-import { ComponentProps, JSX } from "react";
-
-//#region src/components/native-select.d.ts
+import type { ComponentProps, JSX } from "react";
 type NativeSelectProps = ComponentProps<"select">;
-declare function NativeSelect({
-  className,
-  ...props
-}: NativeSelectProps): JSX.Element;
+declare function NativeSelect({ className, ...props }: NativeSelectProps): JSX.Element;
 type NativeSelectOptionProps = ComponentProps<"option">;
-declare function NativeSelectOption({
-  ...props
-}: NativeSelectOptionProps): JSX.Element;
+declare function NativeSelectOption({ ...props }: NativeSelectOptionProps): JSX.Element;
 type NativeSelectOptGroupProps = ComponentProps<"optgroup">;
-declare function NativeSelectOptGroup({
-  className,
-  ...props
-}: NativeSelectOptGroupProps): JSX.Element;
-//#endregion
-export { NativeSelect, NativeSelectOptGroup, type NativeSelectOptGroupProps, NativeSelectOption, type NativeSelectOptionProps, type NativeSelectProps };
+declare function NativeSelectOptGroup({ className, ...props }: NativeSelectOptGroupProps): JSX.Element;
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };
+export type { NativeSelectOptGroupProps, NativeSelectOptionProps, NativeSelectProps };
+//# sourceMappingURL=native-select.d.ts.map

package/dist/components/native-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-select.d.ts","sourceRoot":"","sources":["../../src/components/native-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AASjD,KAAK,iBAAiB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAElD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAsC7E;AAMD,KAAK,uBAAuB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAExD,iBAAS,kBAAkB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAE9E;AAMD,KAAK,yBAAyB,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;AAE5D,iBAAS,oBAAoB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,CAE7F;AAMD,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,CAAC;AAClE,YAAY,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,CAAC"}