@enya-learning/nova 0.5.0 → 0.7.0

package/dist/components/item.js

@@ -1,33 +1,33 @@
 "use client";
-import { t as s } from "../chunks/dist-o8x0ip0z71xkr2oh.js";
-import { t as a } from "../chunks/utils-kyb5nny4y41y7hd8.js";
+import { t as s } from "../chunks/dist-i6l6wqicjhnap81o.js";
+import { t as a } from "../chunks/utils-chr77evsz8gs6wle.js";
 import { Separator as l } from "./separator.js";
 import { jsx as i } from "react/jsx-runtime";
 import { mergeProps as m } from "@base-ui/react/merge-props";
 import { useRender as d } from "@base-ui/react/use-render";
 import "react";
-function N({ className: e, ...t }) {
+function N({ className: t, ...e }) {
   return /* @__PURE__ */ i("div", {
     role: "list",
     "data-slot": "item-group",
-    className: a("group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2", e),
-    ...t
+    className: a("group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2", t),
+    ...e
   });
 }
-function h({ className: e, ...t }) {
+function h({ className: t, ...e }) {
   return /* @__PURE__ */ i(l, {
     "data-slot": "item-separator",
     orientation: "horizontal",
-    className: a("my-2", e),
-    ...t
+    className: a("my-2", t),
+    ...e
   });
 }
-var u = s("group/item flex w-full flex-wrap items-center rounded-2xl border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted", {
+var u = s("group/item flex w-full flex-wrap items-center rounded-2xl border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-surface-muted", {
   variants: {
     variant: {
       default: "border-transparent",
       outline: "border-border",
-      muted: "border-transparent bg-muted/50"
+      muted: "border-transparent bg-surface-muted/50"
     },
     size: {
       default: "gap-3.5 px-4 py-3.5",
@@ -40,18 +40,18 @@ var u = s("group/item flex w-full flex-wrap items-center rounded-2xl border text
     size: "default"
   }
 });
-function I({ className: e, variant: t = "default", size: r = "default", render: n, ...o }) {
+function I({ className: t, variant: e = "default", size: r = "default", render: n, ...o }) {
   return d({
     defaultTagName: "div",
     props: m({ className: a(u({
-      variant: t,
+      variant: e,
       size: r,
-      className: e
+      className: t
     })) }, o),
     render: n,
     state: {
       slot: "item",
-      variant: t,
+      variant: e,
       size: r
     }
   });
@@ -64,57 +64,57 @@ var f = s("flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=
   } },
   defaultVariants: { variant: "default" }
 });
-function y({ className: e, variant: t = "default", ...r }) {
+function y({ className: t, variant: e = "default", ...r }) {
   return /* @__PURE__ */ i("div", {
     "data-slot": "item-media",
-    "data-variant": t,
+    "data-variant": e,
     className: a(f({
-      variant: t,
-      className: e
+      variant: e,
+      className: t
     })),
     ...r
   });
 }
-function w({ className: e, ...t }) {
+function w({ className: t, ...e }) {
   return /* @__PURE__ */ i("div", {
     "data-slot": "item-content",
-    className: a("flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0.5 [&+[data-slot=item-content]]:flex-none", e),
-    ...t
+    className: a("flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0.5 [&+[data-slot=item-content]]:flex-none", t),
+    ...e
   });
 }
-function j({ className: e, ...t }) {
+function j({ className: t, ...e }) {
   return /* @__PURE__ */ i("div", {
     "data-slot": "item-title",
-    className: a("line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4", e),
-    ...t
+    className: a("line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4", t),
+    ...e
   });
 }
-function V({ className: e, ...t }) {
+function V({ className: t, ...e }) {
   return /* @__PURE__ */ i("p", {
     "data-slot": "item-description",
-    className: a("line-clamp-2 text-start text-sm font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", e),
-    ...t
+    className: a("line-clamp-2 text-start text-sm font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", t),
+    ...e
   });
 }
-function _({ className: e, ...t }) {
+function _({ className: t, ...e }) {
   return /* @__PURE__ */ i("div", {
     "data-slot": "item-actions",
-    className: a("flex items-center gap-2", e),
-    ...t
+    className: a("flex items-center gap-2", t),
+    ...e
   });
 }
-function M({ className: e, ...t }) {
+function M({ className: t, ...e }) {
   return /* @__PURE__ */ i("div", {
     "data-slot": "item-header",
-    className: a("flex basis-full items-center justify-between gap-2", e),
-    ...t
+    className: a("flex basis-full items-center justify-between gap-2", t),
+    ...e
   });
 }
-function S({ className: e, ...t }) {
+function S({ className: t, ...e }) {
   return /* @__PURE__ */ i("div", {
     "data-slot": "item-footer",
-    className: a("flex basis-full items-center justify-between gap-2", e),
-    ...t
+    className: a("flex basis-full items-center justify-between gap-2", t),
+    ...e
   });
 }
 export {

package/dist/components/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","names":[],"sources":["../../src/components/item/item.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Separator } from \"../separator\"\n\nfunction ItemGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"list\"\n      data-slot=\"item-group\"\n      className={cn(\n        \"group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"item-separator\"\n      orientation=\"horizontal\"\n      className={cn(\"my-2\", className)}\n      {...props}\n    />\n  )\n}\n\nconst itemVariants = cva(\n  \"group/item flex w-full flex-wrap items-center rounded-2xl border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted\",\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent\",\n        outline: \"border-border\",\n        muted: \"border-transparent bg-muted/50\",\n      },\n      size: {\n        default: \"gap-3.5 px-4 py-3.5\",\n        sm: \"gap-3.5 px-3.5 py-3\",\n        xs: \"gap-2.5 px-3 py-2.5 in-data-[slot=dropdown-menu-content]:p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Item({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\"> & VariantProps<typeof itemVariants>) {\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(itemVariants({ variant, size, className })),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"item\",\n      variant,\n      size,\n    },\n  })\n}\n\nconst itemMediaVariants = cva(\n  \"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\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"[&_svg:not([class*='size-'])]:size-4\",\n        image:\n          \"size-10 overflow-hidden rounded-lg group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 group-data-[size=xs]/item:rounded-md [&_img]:size-full [&_img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction ItemMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) {\n  return (\n    <div\n      data-slot=\"item-media\"\n      data-variant={variant}\n      className={cn(itemMediaVariants({ variant, className }))}\n      {...props}\n    />\n  )\n}\n\nfunction ItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-content\"\n      className={cn(\n        \"flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0.5 [&+[data-slot=item-content]]:flex-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-title\"\n      className={cn(\n        \"line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"item-description\"\n      className={cn(\n        \"line-clamp-2 text-start text-sm font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-actions\"\n      className={cn(\"flex items-center gap-2\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-header\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-footer\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Item,\n  ItemMedia,\n  ItemContent,\n  ItemActions,\n  ItemGroup,\n  ItemSeparator,\n  ItemTitle,\n  ItemDescription,\n  ItemHeader,\n  ItemFooter,\n}\n"],"mappings":"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"}
+{"version":3,"file":"item.js","names":[],"sources":["../../src/components/item/item.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Separator } from \"../separator\"\n\nfunction ItemGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"list\"\n      data-slot=\"item-group\"\n      className={cn(\n        \"group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"item-separator\"\n      orientation=\"horizontal\"\n      className={cn(\"my-2\", className)}\n      {...props}\n    />\n  )\n}\n\nconst itemVariants = cva(\n  \"group/item flex w-full flex-wrap items-center rounded-2xl border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-surface-muted\",\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent\",\n        outline: \"border-border\",\n        muted: \"border-transparent bg-surface-muted/50\",\n      },\n      size: {\n        default: \"gap-3.5 px-4 py-3.5\",\n        sm: \"gap-3.5 px-3.5 py-3\",\n        xs: \"gap-2.5 px-3 py-2.5 in-data-[slot=dropdown-menu-content]:p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Item({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\"> & VariantProps<typeof itemVariants>) {\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(itemVariants({ variant, size, className })),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"item\",\n      variant,\n      size,\n    },\n  })\n}\n\nconst itemMediaVariants = cva(\n  \"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\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"[&_svg:not([class*='size-'])]:size-4\",\n        image:\n          \"size-10 overflow-hidden rounded-lg group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 group-data-[size=xs]/item:rounded-md [&_img]:size-full [&_img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction ItemMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) {\n  return (\n    <div\n      data-slot=\"item-media\"\n      data-variant={variant}\n      className={cn(itemMediaVariants({ variant, className }))}\n      {...props}\n    />\n  )\n}\n\nfunction ItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-content\"\n      className={cn(\n        \"flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0.5 [&+[data-slot=item-content]]:flex-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-title\"\n      className={cn(\n        \"line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"item-description\"\n      className={cn(\n        \"line-clamp-2 text-start text-sm font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-actions\"\n      className={cn(\"flex items-center gap-2\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-header\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-footer\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Item,\n  ItemMedia,\n  ItemContent,\n  ItemActions,\n  ItemGroup,\n  ItemSeparator,\n  ItemTitle,\n  ItemDescription,\n  ItemHeader,\n  ItemFooter,\n}\n"],"mappings":"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"}

package/dist/components/kbd.js

@@ -1,18 +1,18 @@
 "use client";
-import { t as e } from "../chunks/utils-kyb5nny4y41y7hd8.js";
+import { t as n } from "../chunks/utils-chr77evsz8gs6wle.js";
 import { jsx as o } from "react/jsx-runtime";
-function i({ className: t, ...n }) {
+function i({ className: t, ...e }) {
   return /* @__PURE__ */ o("kbd", {
     "data-slot": "kbd",
-    className: e("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-nova-surface-3 px-1 font-sans text-xs font-medium text-muted-foreground 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", t),
-    ...n
+    className: n("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-surface-3 px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-surface-1/20 in-data-[slot=tooltip-content]:text-surface-1 dark:in-data-[slot=tooltip-content]:bg-surface-1/10 [&_svg:not([class*='size-'])]:size-3", t),
+    ...e
   });
 }
-function r({ className: t, ...n }) {
+function r({ className: t, ...e }) {
   return /* @__PURE__ */ o("kbd", {
     "data-slot": "kbd-group",
-    className: e("inline-flex items-center gap-1", t),
-    ...n
+    className: n("inline-flex items-center gap-1", t),
+    ...e
   });
 }
 export {

package/dist/components/kbd.js.map

@@ -1 +1 @@
-{"version":3,"file":"kbd.js","names":[],"sources":["../../src/components/kbd/kbd.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\"\n\nfunction Kbd({ className, ...props }: React.ComponentProps<\"kbd\">) {\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      className={cn(\n        \"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-nova-surface-3 px-1 font-sans text-xs font-medium text-muted-foreground 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\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction KbdGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <kbd\n      data-slot=\"kbd-group\"\n      className={cn(\"inline-flex items-center gap-1\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Kbd, KbdGroup }\n"],"mappings":";;;AAEA,SAAS,EAAI,EAAE,WAAA,GAAW,GAAG,EAAA,GAAsC;AACjE,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,kXACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAS,EAAE,WAAA,GAAW,GAAG,EAAA,GAAsC;AACtE,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,kCAAkC,CAAS;AAAA,IACzD,GAAI;AAAA,EACL,CAAA;AAEL"}
+{"version":3,"file":"kbd.js","names":[],"sources":["../../src/components/kbd/kbd.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\"\n\nfunction Kbd({ className, ...props }: React.ComponentProps<\"kbd\">) {\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      className={cn(\n        \"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-surface-3 px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-surface-1/20 in-data-[slot=tooltip-content]:text-surface-1 dark:in-data-[slot=tooltip-content]:bg-surface-1/10 [&_svg:not([class*='size-'])]:size-3\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction KbdGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <kbd\n      data-slot=\"kbd-group\"\n      className={cn(\"inline-flex items-center gap-1\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Kbd, KbdGroup }\n"],"mappings":";;;AAEA,SAAS,EAAI,EAAE,WAAA,GAAW,GAAG,EAAA,GAAsC;AACjE,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,0WACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAS,EAAE,WAAA,GAAW,GAAG,EAAA,GAAsC;AACtE,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,kCAAkC,CAAS;AAAA,IACzD,GAAI;AAAA,EACL,CAAA;AAEL"}

package/dist/components/label.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as a } from "../chunks/utils-kyb5nny4y41y7hd8.js";
+import { t as a } from "../chunks/utils-chr77evsz8gs6wle.js";
 import { jsx as o } from "react/jsx-runtime";
 import "react";
 function i({ className: e, ...t }) {

package/dist/components/menubar.js

@@ -1,44 +1,45 @@
 "use client";
-import { t as o } from "../chunks/utils-kyb5nny4y41y7hd8.js";
-import { DropdownMenu as c, DropdownMenuContent as l, DropdownMenuGroup as m, DropdownMenuItem as p, DropdownMenuLabel as f, DropdownMenuPortal as b, DropdownMenuRadioGroup as g, DropdownMenuSeparator as x, DropdownMenuShortcut as v, DropdownMenuSub as M, DropdownMenuSubContent as h, DropdownMenuSubTrigger as w, DropdownMenuTrigger as z } from "./dropdown-menu.js";
+import { t as o } from "../chunks/utils-chr77evsz8gs6wle.js";
+import { DropdownMenu as m, DropdownMenuContent as l, DropdownMenuGroup as p, DropdownMenuItem as f, DropdownMenuLabel as b, DropdownMenuPortal as g, DropdownMenuRadioGroup as x, DropdownMenuSeparator as v, DropdownMenuShortcut as M, DropdownMenuSub as h, DropdownMenuSubContent as w, DropdownMenuSubTrigger as z, DropdownMenuTrigger as D } from "./dropdown-menu.js";
 import { jsx as n, jsxs as i } from "react/jsx-runtime";
-import { CheckIcon as u } from "lucide-react";
+import { HugeiconsIcon as u } from "@hugeicons/react";
+import { CheckIcon as c } from "@hugeicons/core-free-icons";
 import "react";
 import { Menu as s } from "@base-ui/react/menu";
-import { Menubar as D } from "@base-ui/react/menubar";
-function R({ className: e, ...t }) {
-  return /* @__PURE__ */ n(D, {
+import { Menubar as N } from "@base-ui/react/menubar";
+function G({ className: e, ...t }) {
+  return /* @__PURE__ */ n(N, {
     "data-slot": "menubar",
     className: o("flex h-9 items-center rounded-4xl border p-1", e),
     ...t
   });
 }
-function j({ ...e }) {
-  return /* @__PURE__ */ n(c, {
+function T({ ...e }) {
+  return /* @__PURE__ */ n(m, {
     "data-slot": "menubar-menu",
     ...e
   });
 }
-function G({ ...e }) {
-  return /* @__PURE__ */ n(m, {
+function L({ ...e }) {
+  return /* @__PURE__ */ n(p, {
     "data-slot": "menubar-group",
     ...e
   });
 }
-function T({ ...e }) {
-  return /* @__PURE__ */ n(b, {
+function P({ ...e }) {
+  return /* @__PURE__ */ n(g, {
     "data-slot": "menubar-portal",
     ...e
   });
 }
-function L({ className: e, ...t }) {
-  return /* @__PURE__ */ n(z, {
+function H({ className: e, ...t }) {
+  return /* @__PURE__ */ n(D, {
     "data-slot": "menubar-trigger",
-    className: o("flex items-center rounded-xl px-2 py-0.75 text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted", e),
+    className: o("flex items-center rounded-xl px-2 py-0.75 text-sm font-medium outline-hidden select-none hover:bg-surface-muted aria-expanded:bg-surface-muted", e),
     ...t
   });
 }
-function P({ className: e, align: t = "start", alignOffset: a = -4, sideOffset: r = 8, ...d }) {
+function $({ className: e, align: t = "start", alignOffset: a = -4, sideOffset: r = 8, ...d }) {
   return /* @__PURE__ */ n(l, {
     "data-slot": "menubar-content",
     align: t,
@@ -48,8 +49,8 @@ function P({ className: e, align: t = "start", alignOffset: a = -4, sideOffset:
     ...d
   });
 }
-function $({ className: e, inset: t, variant: a = "default", ...r }) {
-  return /* @__PURE__ */ n(p, {
+function q({ className: e, inset: t, variant: a = "default", ...r }) {
+  return /* @__PURE__ */ n(f, {
     "data-slot": "menubar-item",
     "data-inset": t,
     "data-variant": a,
@@ -57,7 +58,7 @@ function $({ className: e, inset: t, variant: a = "default", ...r }) {
     ...r
   });
 }
-function q({ className: e, children: t, checked: a, inset: r, ...d }) {
+function A({ className: e, children: t, checked: a, inset: r, ...d }) {
   return /* @__PURE__ */ i(s.CheckboxItem, {
     "data-slot": "menubar-checkbox-item",
     "data-inset": r,
@@ -66,17 +67,17 @@ function q({ className: e, children: t, checked: a, inset: r, ...d }) {
     ...d,
     children: [/* @__PURE__ */ n("span", {
       className: "pointer-events-none absolute start-3 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
-      children: /* @__PURE__ */ n(s.CheckboxItemIndicator, { children: /* @__PURE__ */ n(u, {}) })
+      children: /* @__PURE__ */ n(s.CheckboxItemIndicator, { children: /* @__PURE__ */ n(u, { icon: c }) })
     }), t]
   });
 }
-function A({ ...e }) {
-  return /* @__PURE__ */ n(g, {
+function B({ ...e }) {
+  return /* @__PURE__ */ n(x, {
     "data-slot": "menubar-radio-group",
     ...e
   });
 }
-function B({ className: e, children: t, inset: a, ...r }) {
+function E({ className: e, children: t, inset: a, ...r }) {
   return /* @__PURE__ */ i(s.RadioItem, {
     "data-slot": "menubar-radio-item",
     "data-inset": a,
@@ -84,70 +85,70 @@ function B({ className: e, children: t, inset: a, ...r }) {
     ...r,
     children: [/* @__PURE__ */ n("span", {
       className: "pointer-events-none absolute start-3 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
-      children: /* @__PURE__ */ n(s.RadioItemIndicator, { children: /* @__PURE__ */ n(u, {}) })
+      children: /* @__PURE__ */ n(s.RadioItemIndicator, { children: /* @__PURE__ */ n(u, { icon: c }) })
     }), t]
   });
 }
-function E({ className: e, inset: t, ...a }) {
-  return /* @__PURE__ */ n(f, {
+function F({ className: e, inset: t, ...a }) {
+  return /* @__PURE__ */ n(b, {
     "data-slot": "menubar-label",
     "data-inset": t,
     className: o("px-3.5 py-2.5 text-xs text-muted-foreground data-inset:ps-9.5", e),
     ...a
   });
 }
-function F({ className: e, ...t }) {
-  return /* @__PURE__ */ n(x, {
+function J({ className: e, ...t }) {
+  return /* @__PURE__ */ n(v, {
     "data-slot": "menubar-separator",
     className: o("-mx-1 my-1 h-px bg-border/50", e),
     ...t
   });
 }
-function H({ className: e, ...t }) {
-  return /* @__PURE__ */ n(v, {
+function K({ className: e, ...t }) {
+  return /* @__PURE__ */ n(M, {
     "data-slot": "menubar-shortcut",
     className: o("ms-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground", e),
     ...t
   });
 }
-function J({ ...e }) {
-  return /* @__PURE__ */ n(M, {
+function O({ ...e }) {
+  return /* @__PURE__ */ n(h, {
     "data-slot": "menubar-sub",
     ...e
   });
 }
-function K({ className: e, inset: t, ...a }) {
-  return /* @__PURE__ */ n(w, {
+function Q({ className: e, inset: t, ...a }) {
+  return /* @__PURE__ */ n(z, {
     "data-slot": "menubar-sub-trigger",
     "data-inset": t,
     className: o("gap-2 rounded-xl px-3 py-2 text-sm focus:bg-accent focus:text-accent-foreground data-inset:ps-9.5 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4", e),
     ...a
   });
 }
-function O({ className: e, ...t }) {
-  return /* @__PURE__ */ n(h, {
+function U({ className: e, ...t }) {
+  return /* @__PURE__ */ n(w, {
     "data-slot": "menubar-sub-content",
     className: o("min-w-32 rounded-2xl bg-popover p-1 text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", e),
     ...t
   });
 }
 export {
-  R as Menubar,
-  q as MenubarCheckboxItem,
-  P as MenubarContent,
-  G as MenubarGroup,
-  $ as MenubarItem,
-  E as MenubarLabel,
-  j as MenubarMenu,
-  T as MenubarPortal,
-  A as MenubarRadioGroup,
-  B as MenubarRadioItem,
-  F as MenubarSeparator,
-  H as MenubarShortcut,
-  J as MenubarSub,
-  O as MenubarSubContent,
-  K as MenubarSubTrigger,
-  L as MenubarTrigger
+  G as Menubar,
+  A as MenubarCheckboxItem,
+  $ as MenubarContent,
+  L as MenubarGroup,
+  q as MenubarItem,
+  F as MenubarLabel,
+  T as MenubarMenu,
+  P as MenubarPortal,
+  B as MenubarRadioGroup,
+  E as MenubarRadioItem,
+  J as MenubarSeparator,
+  K as MenubarShortcut,
+  O as MenubarSub,
+  U as MenubarSubContent,
+  Q as MenubarSubTrigger,
+  H as MenubarTrigger
 };
 
 //# sourceMappingURL=menubar.js.map

package/dist/components/menubar.js.map

@@ -1 +1 @@
-{"version":3,"file":"menubar.js","names":[],"sources":["../../src/components/menubar/menubar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport { cn } from \"../../lib/utils\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"../dropdown-menu\"\nimport { CheckIcon } from \"lucide-react\"\n\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n  return (\n    <MenubarPrimitive\n      data-slot=\"menubar\"\n      className={cn(\"flex h-9 items-center rounded-4xl border p-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps<typeof DropdownMenu>) {\n  return <DropdownMenu data-slot=\"menubar-menu\" {...props} />\n}\n\nfunction MenubarGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuGroup>) {\n  return <DropdownMenuGroup data-slot=\"menubar-group\" {...props} />\n}\n\nfunction MenubarPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPortal>) {\n  return <DropdownMenuPortal data-slot=\"menubar-portal\" {...props} />\n}\n\nfunction MenubarTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuTrigger>) {\n  return (\n    <DropdownMenuTrigger\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        \"flex items-center rounded-xl px-2 py-0.75 text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarContent({\n  className,\n  align = \"start\",\n  alignOffset = -4,\n  sideOffset = 8,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuContent>) {\n  return (\n    <DropdownMenuContent\n      data-slot=\"menubar-content\"\n      align={align}\n      alignOffset={alignOffset}\n      sideOffset={sideOffset}\n      className={cn(\n        \"min-w-48 rounded-2xl bg-popover p-1 text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuItem>) {\n  return (\n    <DropdownMenuItem\n      data-slot=\"menubar-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"group/menubar-item gap-2.5 rounded-xl px-3 py-2 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-9.5 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  checked,\n  inset,\n  ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-2.5 rounded-xl py-2 ps-9.5 pe-3 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-9.5 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute start-3 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n        <MenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction MenubarRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuRadioGroup>) {\n  return <DropdownMenuRadioGroup data-slot=\"menubar-radio-group\" {...props} />\n}\n\nfunction MenubarRadioItem({\n  className,\n  children,\n  inset,\n  ...props\n}: MenuPrimitive.RadioItem.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-2.5 rounded-xl py-2 ps-9.5 pe-3 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-9.5 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute start-3 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n        <MenuPrimitive.RadioItemIndicator>\n          <CheckIcon />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.RadioItem>\n  )\n}\n\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuLabel> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuLabel\n      data-slot=\"menubar-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-3.5 py-2.5 text-xs text-muted-foreground data-inset:ps-9.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSeparator>) {\n  return (\n    <DropdownMenuSeparator\n      data-slot=\"menubar-separator\"\n      className={cn(\"-mx-1 my-1 h-px bg-border/50\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarShortcut({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuShortcut>) {\n  return (\n    <DropdownMenuShortcut\n      data-slot=\"menubar-shortcut\"\n      className={cn(\n        \"ms-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSub>) {\n  return <DropdownMenuSub data-slot=\"menubar-sub\" {...props} />\n}\n\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuSubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"gap-2 rounded-xl px-3 py-2 text-sm focus:bg-accent focus:text-accent-foreground data-inset:ps-9.5 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubContent>) {\n  return (\n    <DropdownMenuSubContent\n      data-slot=\"menubar-sub-content\"\n      className={cn(\n        \"min-w-32 rounded-2xl bg-popover p-1 text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Menubar,\n  MenubarPortal,\n  MenubarMenu,\n  MenubarTrigger,\n  MenubarContent,\n  MenubarGroup,\n  MenubarSeparator,\n  MenubarLabel,\n  MenubarItem,\n  MenubarShortcut,\n  MenubarCheckboxItem,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSub,\n  MenubarSubTrigger,\n  MenubarSubContent,\n}\n"],"mappings":"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"}
+{"version":3,"file":"menubar.js","names":[],"sources":["../../src/components/menubar/menubar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport { cn } from \"../../lib/utils\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"../dropdown-menu\"\nimport { HugeiconsIcon } from \"@hugeicons/react\"\nimport { CheckIcon } from \"@hugeicons/core-free-icons\"\n\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n  return (\n    <MenubarPrimitive\n      data-slot=\"menubar\"\n      className={cn(\"flex h-9 items-center rounded-4xl border p-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps<typeof DropdownMenu>) {\n  return <DropdownMenu data-slot=\"menubar-menu\" {...props} />\n}\n\nfunction MenubarGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuGroup>) {\n  return <DropdownMenuGroup data-slot=\"menubar-group\" {...props} />\n}\n\nfunction MenubarPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPortal>) {\n  return <DropdownMenuPortal data-slot=\"menubar-portal\" {...props} />\n}\n\nfunction MenubarTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuTrigger>) {\n  return (\n    <DropdownMenuTrigger\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        \"flex items-center rounded-xl px-2 py-0.75 text-sm font-medium outline-hidden select-none hover:bg-surface-muted aria-expanded:bg-surface-muted\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarContent({\n  className,\n  align = \"start\",\n  alignOffset = -4,\n  sideOffset = 8,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuContent>) {\n  return (\n    <DropdownMenuContent\n      data-slot=\"menubar-content\"\n      align={align}\n      alignOffset={alignOffset}\n      sideOffset={sideOffset}\n      className={cn(\n        \"min-w-48 rounded-2xl bg-popover p-1 text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuItem>) {\n  return (\n    <DropdownMenuItem\n      data-slot=\"menubar-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"group/menubar-item gap-2.5 rounded-xl px-3 py-2 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-9.5 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  checked,\n  inset,\n  ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-2.5 rounded-xl py-2 ps-9.5 pe-3 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-9.5 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute start-3 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n        <MenuPrimitive.CheckboxItemIndicator>\n          <HugeiconsIcon icon={CheckIcon} />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction MenubarRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuRadioGroup>) {\n  return <DropdownMenuRadioGroup data-slot=\"menubar-radio-group\" {...props} />\n}\n\nfunction MenubarRadioItem({\n  className,\n  children,\n  inset,\n  ...props\n}: MenuPrimitive.RadioItem.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-2.5 rounded-xl py-2 ps-9.5 pe-3 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-9.5 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute start-3 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n        <MenuPrimitive.RadioItemIndicator>\n          <HugeiconsIcon icon={CheckIcon} />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.RadioItem>\n  )\n}\n\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuLabel> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuLabel\n      data-slot=\"menubar-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-3.5 py-2.5 text-xs text-muted-foreground data-inset:ps-9.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSeparator>) {\n  return (\n    <DropdownMenuSeparator\n      data-slot=\"menubar-separator\"\n      className={cn(\"-mx-1 my-1 h-px bg-border/50\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarShortcut({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuShortcut>) {\n  return (\n    <DropdownMenuShortcut\n      data-slot=\"menubar-shortcut\"\n      className={cn(\n        \"ms-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSub>) {\n  return <DropdownMenuSub data-slot=\"menubar-sub\" {...props} />\n}\n\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuSubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"gap-2 rounded-xl px-3 py-2 text-sm focus:bg-accent focus:text-accent-foreground data-inset:ps-9.5 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubContent>) {\n  return (\n    <DropdownMenuSubContent\n      data-slot=\"menubar-sub-content\"\n      className={cn(\n        \"min-w-32 rounded-2xl bg-popover p-1 text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Menubar,\n  MenubarPortal,\n  MenubarMenu,\n  MenubarTrigger,\n  MenubarContent,\n  MenubarGroup,\n  MenubarSeparator,\n  MenubarLabel,\n  MenubarItem,\n  MenubarShortcut,\n  MenubarCheckboxItem,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSub,\n  MenubarSubTrigger,\n  MenubarSubContent,\n}\n"],"mappings":";;;;;;;;;AAyBA,SAAS,EAAQ,EAAE,WAAA,GAAW,GAAG,EAAA,GAAiC;AAChE,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,gDAAgD,CAAS;AAAA,IACvE,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,GAAG,EAAA,GAAoD;AAC5E,SAAO,gBAAA,EAAC,GAAD;AAAA,IAAc,aAAU;AAAA,IAAe,GAAI;AAAA,EAAQ,CAAA;AAC5D;AAEA,SAAS,EAAa,EACpB,GAAG,EAAA,GAC8C;AACjD,SAAO,gBAAA,EAAC,GAAD;AAAA,IAAmB,aAAU;AAAA,IAAgB,GAAI;AAAA,EAAQ,CAAA;AAClE;AAEA,SAAS,EAAc,EACrB,GAAG,EAAA,GAC+C;AAClD,SAAO,gBAAA,EAAC,GAAD;AAAA,IAAoB,aAAU;AAAA,IAAiB,GAAI;AAAA,EAAQ,CAAA;AACpE;AAEA,SAAS,EAAe,EACtB,WAAA,GACA,GAAG,EAAA,GACgD;AACnD,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,kJACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAe,EACtB,WAAA,GACA,OAAA,IAAQ,SACR,aAAA,IAAc,IACd,YAAA,IAAa,GACb,GAAG,EAAA,GACgD;AACnD,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,aAAU;AAAA,IACH,OAAA;AAAA,IACM,aAAA;AAAA,IACD,YAAA;AAAA,IACZ,WAAW,EACT,oaACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,WAAA,GACA,OAAA,GACA,SAAA,IAAU,WACV,GAAG,EAAA,GAC6C;AAChD,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,aAAU;AAAA,IACV,cAAY;AAAA,IACZ,gBAAc;AAAA,IACd,WAAW,EACT,qfACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAoB,EAC3B,WAAA,GACA,UAAA,GACA,SAAA,GACA,OAAA,GACA,GAAG,EAAA,GAGF;AACD,SACE,gBAAA,EAAC,EAAc,cAAf;AAAA,IACE,aAAU;AAAA,IACV,cAAY;AAAA,IACZ,WAAW,EACT,2TACA,CACF;AAAA,IACS,SAAA;AAAA,IACT,GAAI;AAAA,IARN,UAAA,CAUE,gBAAA,EAAC,QAAD;AAAA,MAAM,WAAU;AAAA,MACd,UAAA,gBAAA,EAAC,EAAc,uBAAf,EAAA,UACE,gBAAA,EAAC,GAAD,EAAe,MAAM,EAAY,CAAA,EACE,CAAA;AAAA,IACjC,CAAA,GACL,CACyB;AAAA;AAEhC;AAEA,SAAS,EAAkB,EACzB,GAAG,EAAA,GACmD;AACtD,SAAO,gBAAA,EAAC,GAAD;AAAA,IAAwB,aAAU;AAAA,IAAsB,GAAI;AAAA,EAAQ,CAAA;AAC7E;AAEA,SAAS,EAAiB,EACxB,WAAA,GACA,UAAA,GACA,OAAA,GACA,GAAG,EAAA,GAGF;AACD,SACE,gBAAA,EAAC,EAAc,WAAf;AAAA,IACE,aAAU;AAAA,IACV,cAAY;AAAA,IACZ,WAAW,EACT,gWACA,CACF;AAAA,IACA,GAAI;AAAA,IAPN,UAAA,CASE,gBAAA,EAAC,QAAD;AAAA,MAAM,WAAU;AAAA,MACd,UAAA,gBAAA,EAAC,EAAc,oBAAf,EAAA,UACE,gBAAA,EAAC,GAAD,EAAe,MAAM,EAAY,CAAA,EACD,CAAA;AAAA,IAC9B,CAAA,GACL,CACsB;AAAA;AAE7B;AAEA,SAAS,EAAa,EACpB,WAAA,GACA,OAAA,GACA,GAAG,EAAA,GAGF;AACD,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,aAAU;AAAA,IACV,cAAY;AAAA,IACZ,WAAW,EACT,iEACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EACxB,WAAA,GACA,GAAG,EAAA,GACkD;AACrD,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,gCAAgC,CAAS;AAAA,IACvD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAgB,EACvB,WAAA,GACA,GAAG,EAAA,GACiD;AACpD,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,yGACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAClB,GAAG,EAAA,GAC4C;AAC/C,SAAO,gBAAA,EAAC,GAAD;AAAA,IAAiB,aAAU;AAAA,IAAc,GAAI;AAAA,EAAQ,CAAA;AAC9D;AAEA,SAAS,EAAkB,EACzB,WAAA,GACA,OAAA,GACA,GAAG,EAAA,GAGF;AACD,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,aAAU;AAAA,IACV,cAAY;AAAA,IACZ,WAAW,EACT,+LACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,WAAA,GACA,GAAG,EAAA,GACmD;AACtD,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,iZACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL"}

package/dist/components/native-select.js

@@ -1,43 +1,45 @@
 "use client";
-import { t as i } from "../chunks/utils-kyb5nny4y41y7hd8.js";
-import { jsx as a, jsxs as r } from "react/jsx-runtime";
-import { ChevronDownIcon as o } from "lucide-react";
+import { t as a } from "../chunks/utils-chr77evsz8gs6wle.js";
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { HugeiconsIcon as n } from "@hugeicons/react";
+import { ChevronDownIcon as s } from "@hugeicons/core-free-icons";
 import "react";
-function p({ className: t, size: e = "default", ...n }) {
-  return /* @__PURE__ */ r("div", {
-    className: i("group/native-select relative w-fit has-[select:disabled]:opacity-50", t),
+function v({ className: t, size: e = "default", ...i }) {
+  return /* @__PURE__ */ o("div", {
+    className: a("group/native-select relative w-fit has-[select:disabled]:opacity-50", t),
     "data-slot": "native-select-wrapper",
     "data-size": e,
-    children: [/* @__PURE__ */ a("select", {
+    children: [/* @__PURE__ */ r("select", {
       "data-slot": "native-select",
       "data-size": e,
-      className: "h-9 w-full min-w-0 appearance-none rounded-4xl border border-input bg-input/30 py-1 ps-3 pe-8 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 data-[size=sm]:h-8 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
-      ...n
-    }), /* @__PURE__ */ a(o, {
+      className: "h-9 w-full min-w-0 appearance-none rounded-4xl border border-border bg-border/30 py-1 ps-3 pe-8 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 data-[size=sm]:h-8 dark:bg-border/30 dark:hover:bg-border/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+      ...i
+    }), /* @__PURE__ */ r(n, {
+      icon: s,
       className: "pointer-events-none absolute end-3.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground select-none",
       "aria-hidden": "true",
       "data-slot": "native-select-icon"
     })]
   });
 }
-function u({ className: t, ...e }) {
-  return /* @__PURE__ */ a("option", {
+function b({ className: t, ...e }) {
+  return /* @__PURE__ */ r("option", {
     "data-slot": "native-select-option",
-    className: i("bg-[Canvas] text-[CanvasText]", t),
+    className: a("bg-[Canvas] text-[CanvasText]", t),
     ...e
   });
 }
-function v({ className: t, ...e }) {
-  return /* @__PURE__ */ a("optgroup", {
+function m({ className: t, ...e }) {
+  return /* @__PURE__ */ r("optgroup", {
     "data-slot": "native-select-optgroup",
-    className: i("bg-[Canvas] text-[CanvasText]", t),
+    className: a("bg-[Canvas] text-[CanvasText]", t),
     ...e
   });
 }
 export {
-  p as NativeSelect,
-  v as NativeSelectOptGroup,
-  u as NativeSelectOption
+  v as NativeSelect,
+  m as NativeSelectOptGroup,
+  b as NativeSelectOption
 };
 
 //# sourceMappingURL=native-select.js.map

package/dist/components/native-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"native-select.js","names":[],"sources":["../../src/components/native-select/native-select.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\nimport { ChevronDownIcon } from \"lucide-react\"\n\ntype NativeSelectProps = Omit<React.ComponentProps<\"select\">, \"size\"> & {\n  size?: \"sm\" | \"default\"\n}\n\nfunction NativeSelect({\n  className,\n  size = \"default\",\n  ...props\n}: NativeSelectProps) {\n  return (\n    <div\n      className={cn(\n        \"group/native-select relative w-fit has-[select:disabled]:opacity-50\",\n        className\n      )}\n      data-slot=\"native-select-wrapper\"\n      data-size={size}\n    >\n      <select\n        data-slot=\"native-select\"\n        data-size={size}\n        className=\"h-9 w-full min-w-0 appearance-none rounded-4xl border border-input bg-input/30 py-1 ps-3 pe-8 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 data-[size=sm]:h-8 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\"\n        {...props}\n      />\n      <ChevronDownIcon\n        className=\"pointer-events-none absolute end-3.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground select-none\"\n        aria-hidden=\"true\"\n        data-slot=\"native-select-icon\"\n      />\n    </div>\n  )\n}\n\nfunction NativeSelectOption({\n  className,\n  ...props\n}: React.ComponentProps<\"option\">) {\n  return (\n    <option\n      data-slot=\"native-select-option\"\n      className={cn(\"bg-[Canvas] text-[CanvasText]\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction NativeSelectOptGroup({\n  className,\n  ...props\n}: React.ComponentProps<\"optgroup\">) {\n  return (\n    <optgroup\n      data-slot=\"native-select-optgroup\"\n      className={cn(\"bg-[Canvas] text-[CanvasText]\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption }\n"],"mappings":";;;;;AASA,SAAS,EAAa,EACpB,WAAA,GACA,MAAA,IAAO,WACP,GAAG,EAAA,GACiB;AACpB,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,WAAW,EACT,uEACA,CACF;AAAA,IACA,aAAU;AAAA,IACV,aAAW;AAAA,cANb,CAQE,gBAAA,EAAC,UAAD;AAAA,MACE,aAAU;AAAA,MACV,aAAW;AAAA,MACX,WAAU;AAAA,MACV,GAAI;AAAA,IACL,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,aAAU;AAAA,IACX,CAAA,CACE;AAAA;AAET;AAEA,SAAS,EAAmB,EAC1B,WAAA,GACA,GAAG,EAAA,GAC8B;AACjC,SACE,gBAAA,EAAC,UAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,iCAAiC,CAAS;AAAA,IACxD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAqB,EAC5B,WAAA,GACA,GAAG,EAAA,GACgC;AACnC,SACE,gBAAA,EAAC,YAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,iCAAiC,CAAS;AAAA,IACxD,GAAI;AAAA,EACL,CAAA;AAEL"}
+{"version":3,"file":"native-select.js","names":[],"sources":["../../src/components/native-select/native-select.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\nimport { HugeiconsIcon } from \"@hugeicons/react\"\nimport { ChevronDownIcon } from \"@hugeicons/core-free-icons\"\n\ntype NativeSelectProps = Omit<React.ComponentProps<\"select\">, \"size\"> & {\n  size?: \"sm\" | \"default\"\n}\n\nfunction NativeSelect({\n  className,\n  size = \"default\",\n  ...props\n}: NativeSelectProps) {\n  return (\n    <div\n      className={cn(\n        \"group/native-select relative w-fit has-[select:disabled]:opacity-50\",\n        className\n      )}\n      data-slot=\"native-select-wrapper\"\n      data-size={size}\n    >\n      <select\n        data-slot=\"native-select\"\n        data-size={size}\n        className=\"h-9 w-full min-w-0 appearance-none rounded-4xl border border-border bg-border/30 py-1 ps-3 pe-8 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 data-[size=sm]:h-8 dark:bg-border/30 dark:hover:bg-border/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\"\n        {...props}\n      />\n      <HugeiconsIcon\n        icon={ChevronDownIcon}\n        className=\"pointer-events-none absolute end-3.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground select-none\"\n        aria-hidden=\"true\"\n        data-slot=\"native-select-icon\"\n      />\n    </div>\n  )\n}\n\nfunction NativeSelectOption({\n  className,\n  ...props\n}: React.ComponentProps<\"option\">) {\n  return (\n    <option\n      data-slot=\"native-select-option\"\n      className={cn(\"bg-[Canvas] text-[CanvasText]\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction NativeSelectOptGroup({\n  className,\n  ...props\n}: React.ComponentProps<\"optgroup\">) {\n  return (\n    <optgroup\n      data-slot=\"native-select-optgroup\"\n      className={cn(\"bg-[Canvas] text-[CanvasText]\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption }\n"],"mappings":";;;;;;AAUA,SAAS,EAAa,EACpB,WAAA,GACA,MAAA,IAAO,WACP,GAAG,EAAA,GACiB;AACpB,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,WAAW,EACT,uEACA,CACF;AAAA,IACA,aAAU;AAAA,IACV,aAAW;AAAA,IANb,UAAA,CAQE,gBAAA,EAAC,UAAD;AAAA,MACE,aAAU;AAAA,MACV,aAAW;AAAA,MACX,WAAU;AAAA,MACV,GAAI;AAAA,IACL,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,MACN,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,aAAU;AAAA,IACX,CAAA,CACE;AAAA;AAET;AAEA,SAAS,EAAmB,EAC1B,WAAA,GACA,GAAG,EAAA,GAC8B;AACjC,SACE,gBAAA,EAAC,UAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,iCAAiC,CAAS;AAAA,IACxD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAqB,EAC5B,WAAA,GACA,GAAG,EAAA,GACgC;AACnC,SACE,gBAAA,EAAC,YAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,iCAAiC,CAAS;AAAA,IACxD,GAAI;AAAA,EACL,CAAA;AAEL"}