@enya-learning/nova 0.4.3 → 0.6.0

package/dist/components/item.js

@@ -0,0 +1,133 @@
+"use client";
+import { t as s } from "../chunks/dist-o8x0ip0z71xkr2oh.js";
+import { t as a } from "../chunks/utils-kyb5nny4y41y7hd8.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: 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", t),
+    ...e
+  });
+}
+function h({ className: t, ...e }) {
+  return /* @__PURE__ */ i(l, {
+    "data-slot": "item-separator",
+    orientation: "horizontal",
+    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-surface-muted", {
+  variants: {
+    variant: {
+      default: "border-transparent",
+      outline: "border-border",
+      muted: "border-transparent bg-surface-muted/50"
+    },
+    size: {
+      default: "gap-3.5 px-4 py-3.5",
+      sm: "gap-3.5 px-3.5 py-3",
+      xs: "gap-2.5 px-3 py-2.5 in-data-[slot=dropdown-menu-content]:p-0"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function I({ className: t, variant: e = "default", size: r = "default", render: n, ...o }) {
+  return d({
+    defaultTagName: "div",
+    props: m({ className: a(u({
+      variant: e,
+      size: r,
+      className: t
+    })) }, o),
+    render: n,
+    state: {
+      slot: "item",
+      variant: e,
+      size: r
+    }
+  });
+}
+var f = s("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", {
+  variants: { variant: {
+    default: "bg-transparent",
+    icon: "[&_svg:not([class*='size-'])]:size-4",
+    image: "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"
+  } },
+  defaultVariants: { variant: "default" }
+});
+function y({ className: t, variant: e = "default", ...r }) {
+  return /* @__PURE__ */ i("div", {
+    "data-slot": "item-media",
+    "data-variant": e,
+    className: a(f({
+      variant: e,
+      className: t
+    })),
+    ...r
+  });
+}
+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", t),
+    ...e
+  });
+}
+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", t),
+    ...e
+  });
+}
+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", t),
+    ...e
+  });
+}
+function _({ className: t, ...e }) {
+  return /* @__PURE__ */ i("div", {
+    "data-slot": "item-actions",
+    className: a("flex items-center gap-2", t),
+    ...e
+  });
+}
+function M({ className: t, ...e }) {
+  return /* @__PURE__ */ i("div", {
+    "data-slot": "item-header",
+    className: a("flex basis-full items-center justify-between gap-2", t),
+    ...e
+  });
+}
+function S({ className: t, ...e }) {
+  return /* @__PURE__ */ i("div", {
+    "data-slot": "item-footer",
+    className: a("flex basis-full items-center justify-between gap-2", t),
+    ...e
+  });
+}
+export {
+  I as Item,
+  _ as ItemActions,
+  w as ItemContent,
+  V as ItemDescription,
+  S as ItemFooter,
+  N as ItemGroup,
+  M as ItemHeader,
+  y as ItemMedia,
+  h as ItemSeparator,
+  j as ItemTitle
+};
+
+//# sourceMappingURL=item.js.map

package/dist/components/item.js.map

@@ -0,0 +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-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

@@ -0,0 +1,23 @@
+"use client";
+import { t as n } from "../chunks/utils-kyb5nny4y41y7hd8.js";
+import { jsx as o } from "react/jsx-runtime";
+function i({ className: t, ...e }) {
+  return /* @__PURE__ */ o("kbd", {
+    "data-slot": "kbd",
+    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, ...e }) {
+  return /* @__PURE__ */ o("kbd", {
+    "data-slot": "kbd-group",
+    className: n("inline-flex items-center gap-1", t),
+    ...e
+  });
+}
+export {
+  i as Kbd,
+  r as KbdGroup
+};
+
+//# sourceMappingURL=kbd.js.map

package/dist/components/kbd.js.map

@@ -0,0 +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-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

@@ -0,0 +1,16 @@
+"use client";
+import { t as a } from "../chunks/utils-kyb5nny4y41y7hd8.js";
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+function i({ className: e, ...t }) {
+  return /* @__PURE__ */ o("label", {
+    "data-slot": "label",
+    className: a("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", e),
+    ...t
+  });
+}
+export {
+  i as Label
+};
+
+//# sourceMappingURL=label.js.map

package/dist/components/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","names":[],"sources":["../../src/components/label/label.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Label({ className, ...props }: React.ComponentProps<\"label\">) {\n  return (\n    <label\n      data-slot=\"label\"\n      className={cn(\n        \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Label }\n"],"mappings":";;;;AAMA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAAwC;AACrE,SACE,gBAAA,EAAC,SAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,uNACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL"}

package/dist/components/menubar.js

@@ -0,0 +1,154 @@
+"use client";
+import { t as o } from "../chunks/utils-kyb5nny4y41y7hd8.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 { 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 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 T({ ...e }) {
+  return /* @__PURE__ */ n(m, {
+    "data-slot": "menubar-menu",
+    ...e
+  });
+}
+function L({ ...e }) {
+  return /* @__PURE__ */ n(p, {
+    "data-slot": "menubar-group",
+    ...e
+  });
+}
+function P({ ...e }) {
+  return /* @__PURE__ */ n(g, {
+    "data-slot": "menubar-portal",
+    ...e
+  });
+}
+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-surface-muted aria-expanded:bg-surface-muted", e),
+    ...t
+  });
+}
+function $({ className: e, align: t = "start", alignOffset: a = -4, sideOffset: r = 8, ...d }) {
+  return /* @__PURE__ */ n(l, {
+    "data-slot": "menubar-content",
+    align: t,
+    alignOffset: a,
+    sideOffset: r,
+    className: o("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", e),
+    ...d
+  });
+}
+function q({ className: e, inset: t, variant: a = "default", ...r }) {
+  return /* @__PURE__ */ n(f, {
+    "data-slot": "menubar-item",
+    "data-inset": t,
+    "data-variant": a,
+    className: o("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!", e),
+    ...r
+  });
+}
+function A({ className: e, children: t, checked: a, inset: r, ...d }) {
+  return /* @__PURE__ */ i(s.CheckboxItem, {
+    "data-slot": "menubar-checkbox-item",
+    "data-inset": r,
+    className: o("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", e),
+    checked: a,
+    ...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, { icon: c }) })
+    }), t]
+  });
+}
+function B({ ...e }) {
+  return /* @__PURE__ */ n(x, {
+    "data-slot": "menubar-radio-group",
+    ...e
+  });
+}
+function E({ className: e, children: t, inset: a, ...r }) {
+  return /* @__PURE__ */ i(s.RadioItem, {
+    "data-slot": "menubar-radio-item",
+    "data-inset": a,
+    className: o("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", e),
+    ...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, { icon: c }) })
+    }), t]
+  });
+}
+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 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 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 O({ ...e }) {
+  return /* @__PURE__ */ n(h, {
+    "data-slot": "menubar-sub",
+    ...e
+  });
+}
+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 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 {
+  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

@@ -0,0 +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 { 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":"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"}

package/dist/components/native-select.js

@@ -0,0 +1,45 @@
+"use client";
+import { t as a } from "../chunks/utils-kyb5nny4y41y7hd8.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 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__ */ r("select", {
+      "data-slot": "native-select",
+      "data-size": e,
+      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 b({ className: t, ...e }) {
+  return /* @__PURE__ */ r("option", {
+    "data-slot": "native-select-option",
+    className: a("bg-[Canvas] text-[CanvasText]", t),
+    ...e
+  });
+}
+function m({ className: t, ...e }) {
+  return /* @__PURE__ */ r("optgroup", {
+    "data-slot": "native-select-optgroup",
+    className: a("bg-[Canvas] text-[CanvasText]", t),
+    ...e
+  });
+}
+export {
+  v as NativeSelect,
+  m as NativeSelectOptGroup,
+  b as NativeSelectOption
+};
+
+//# sourceMappingURL=native-select.js.map

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

@@ -0,0 +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 { 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,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,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"}

package/dist/components/navigation-menu.js

@@ -0,0 +1,95 @@
+"use client";
+import { t as l } from "../chunks/dist-o8x0ip0z71xkr2oh.js";
+import { t as n } from "../chunks/utils-kyb5nny4y41y7hd8.js";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { HugeiconsIcon as g } from "@hugeicons/react";
+import { ChevronDownIcon as m } from "@hugeicons/core-free-icons";
+import { NavigationMenu as i } from "@base-ui/react/navigation-menu";
+function y({ align: t = "start", className: a, children: o, ...r }) {
+  return /* @__PURE__ */ s(i.Root, {
+    "data-slot": "navigation-menu",
+    className: n("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", a),
+    ...r,
+    children: [o, /* @__PURE__ */ e(p, { align: t })]
+  });
+}
+function N({ className: t, ...a }) {
+  return /* @__PURE__ */ e(i.List, {
+    "data-slot": "navigation-menu-list",
+    className: n("group flex flex-1 list-none items-center justify-center gap-0", t),
+    ...a
+  });
+}
+function z({ className: t, ...a }) {
+  return /* @__PURE__ */ e(i.Item, {
+    "data-slot": "navigation-menu-item",
+    className: n("relative", t),
+    ...a
+  });
+}
+var c = l("group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-2xl px-4.5 py-2.5 text-sm font-medium transition-all outline-none hover:bg-surface-muted focus:bg-surface-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-surface-muted/50 data-popup-open:hover:bg-surface-muted data-open:bg-surface-muted/50 data-open:hover:bg-surface-muted data-open:focus:bg-surface-muted");
+function M({ className: t, children: a, ...o }) {
+  return /* @__PURE__ */ s(i.Trigger, {
+    "data-slot": "navigation-menu-trigger",
+    className: n(c(), "group", t),
+    ...o,
+    children: [
+      a,
+      " ",
+      /* @__PURE__ */ e(g, {
+        icon: m,
+        className: "relative top-px ms-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180",
+        "aria-hidden": "true"
+      })
+    ]
+  });
+}
+function j({ className: t, ...a }) {
+  return /* @__PURE__ */ e(i.Content, {
+    "data-slot": "navigation-menu-content",
+    className: n("data-ending-style:data-activation-direction=left:translate-x-[50%] rtl:data-ending-style:data-activation-direction=left:-translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] rtl:data-ending-style:data-activation-direction=right:-translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] rtl:data-starting-style:data-activation-direction=left:-translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] rtl:data-starting-style:data-activation-direction=right:-translate-x-[50%] isolate z-50 h-full w-auto p-2.5 pe-3 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-2xl group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow-2xl group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/5 group-data-[viewport=false]/navigation-menu:duration-300 data-ending-style:opacity-0 data-starting-style:opacity-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95", t),
+    ...a
+  });
+}
+function p({ className: t, side: a = "bottom", sideOffset: o = 8, align: r = "start", alignOffset: d = 0, ...u }) {
+  return /* @__PURE__ */ e(i.Portal, { children: /* @__PURE__ */ e(i.Positioner, {
+    side: a,
+    sideOffset: o,
+    align: r,
+    alignOffset: d,
+    className: n("isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-instant:transition-none data-[side=bottom]:before:start-0 data-[side=bottom]:before:end-0 data-[side=bottom]:before:top-[-10px]", t),
+    ...u,
+    children: /* @__PURE__ */ e(i.Popup, {
+      className: "data-[ending-style]:easing-[ease] xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-2xl bg-popover text-popover-foreground shadow ring-1 ring-foreground/5 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0",
+      children: /* @__PURE__ */ e(i.Viewport, { className: "relative size-full overflow-hidden" })
+    })
+  }) });
+}
+function I({ className: t, ...a }) {
+  return /* @__PURE__ */ e(i.Link, {
+    "data-slot": "navigation-menu-link",
+    className: n("flex items-center gap-1.5 rounded-2xl p-3 text-sm transition-all outline-none hover:bg-surface-muted focus:bg-surface-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-xl data-[active=true]:bg-surface-muted/50 data-[active=true]:hover:bg-surface-muted data-[active=true]:focus:bg-surface-muted [&_svg:not([class*='size-'])]:size-4", t),
+    ...a
+  });
+}
+function k({ className: t, ...a }) {
+  return /* @__PURE__ */ e(i.Icon, {
+    "data-slot": "navigation-menu-indicator",
+    className: n("top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in", t),
+    ...a,
+    children: /* @__PURE__ */ e("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-ss-sm bg-border shadow-md" })
+  });
+}
+export {
+  y as NavigationMenu,
+  j as NavigationMenuContent,
+  k as NavigationMenuIndicator,
+  z as NavigationMenuItem,
+  I as NavigationMenuLink,
+  N as NavigationMenuList,
+  p as NavigationMenuPositioner,
+  M as NavigationMenuTrigger,
+  c as navigationMenuTriggerStyle
+};
+
+//# sourceMappingURL=navigation-menu.js.map

package/dist/components/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.js","names":[],"sources":["../../src/components/navigation-menu/navigation-menu.tsx"],"sourcesContent":["import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\"\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\nimport { HugeiconsIcon } from \"@hugeicons/react\"\nimport { ChevronDownIcon } from \"@hugeicons/core-free-icons\"\n\nfunction NavigationMenu({\n  align = \"start\",\n  className,\n  children,\n  ...props\n}: NavigationMenuPrimitive.Root.Props &\n  Pick<NavigationMenuPrimitive.Positioner.Props, \"align\">) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      className={cn(\n        \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <NavigationMenuPositioner align={align} />\n    </NavigationMenuPrimitive.Root>\n  )\n}\n\nfunction NavigationMenuList({\n  className,\n  ...props\n}: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn(\n        \"group flex flex-1 list-none items-center justify-center gap-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn(\"relative\", className)}\n      {...props}\n    />\n  )\n}\n\nconst navigationMenuTriggerStyle = cva(\n  \"group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-2xl px-4.5 py-2.5 text-sm font-medium transition-all outline-none hover:bg-surface-muted focus:bg-surface-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-surface-muted/50 data-popup-open:hover:bg-surface-muted data-open:bg-surface-muted/50 data-open:hover:bg-surface-muted data-open:focus:bg-surface-muted\"\n)\n\nfunction NavigationMenuTrigger({\n  className,\n  children,\n  ...props\n}: NavigationMenuPrimitive.Trigger.Props) {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n      {...props}\n    >\n      {children}{\" \"}\n      <HugeiconsIcon\n        icon={ChevronDownIcon}\n        className=\"relative top-px ms-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180\"\n        aria-hidden=\"true\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  )\n}\n\nfunction NavigationMenuContent({\n  className,\n  ...props\n}: NavigationMenuPrimitive.Content.Props) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        \"data-ending-style:data-activation-direction=left:translate-x-[50%] rtl:data-ending-style:data-activation-direction=left:-translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] rtl:data-ending-style:data-activation-direction=right:-translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] rtl:data-starting-style:data-activation-direction=left:-translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] rtl:data-starting-style:data-activation-direction=right:-translate-x-[50%] isolate z-50 h-full w-auto p-2.5 pe-3 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-2xl group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow-2xl group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/5 group-data-[viewport=false]/navigation-menu:duration-300 data-ending-style:opacity-0 data-starting-style:opacity-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuPositioner({\n  className,\n  side = \"bottom\",\n  sideOffset = 8,\n  align = \"start\",\n  alignOffset = 0,\n  ...props\n}: NavigationMenuPrimitive.Positioner.Props) {\n  return (\n    <NavigationMenuPrimitive.Portal>\n      <NavigationMenuPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        className={cn(\n          \"isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-instant:transition-none data-[side=bottom]:before:start-0 data-[side=bottom]:before:end-0 data-[side=bottom]:before:top-[-10px]\",\n          className\n        )}\n        {...props}\n      >\n        <NavigationMenuPrimitive.Popup className=\"data-[ending-style]:easing-[ease] xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-2xl bg-popover text-popover-foreground shadow ring-1 ring-foreground/5 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0\">\n          <NavigationMenuPrimitive.Viewport className=\"relative size-full overflow-hidden\" />\n        </NavigationMenuPrimitive.Popup>\n      </NavigationMenuPrimitive.Positioner>\n    </NavigationMenuPrimitive.Portal>\n  )\n}\n\nfunction NavigationMenuLink({\n  className,\n  ...props\n}: NavigationMenuPrimitive.Link.Props) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        \"flex items-center gap-1.5 rounded-2xl p-3 text-sm transition-all outline-none hover:bg-surface-muted focus:bg-surface-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-xl data-[active=true]:bg-surface-muted/50 data-[active=true]:hover:bg-surface-muted data-[active=true]:focus:bg-surface-muted [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuIndicator({\n  className,\n  ...props\n}: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Icon>) {\n  return (\n    <NavigationMenuPrimitive.Icon\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        \"top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"relative top-[60%] h-2 w-2 rotate-45 rounded-ss-sm bg-border shadow-md\" />\n    </NavigationMenuPrimitive.Icon>\n  )\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  navigationMenuTriggerStyle,\n  NavigationMenuPositioner,\n}\n"],"mappings":";;;;;;;AAOA,SAAS,EAAe,EACtB,OAAA,IAAQ,SACR,WAAA,GACA,UAAA,GACA,GAAG,EAAA,GAEsD;AACzD,SACE,gBAAA,EAAC,EAAwB,MAAzB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,oFACA,CACF;AAAA,IACA,GAAI;AAAA,cANN,CAQG,GACD,gBAAA,EAAC,GAAD,EAAiC,OAAA,EAAQ,CAAA,CACb;AAAA;AAElC;AAEA,SAAS,EAAmB,EAC1B,WAAA,GACA,GAAG,EAAA,GACgE;AACnE,SACE,gBAAA,EAAC,EAAwB,MAAzB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,iEACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAmB,EAC1B,WAAA,GACA,GAAG,EAAA,GACgE;AACnE,SACE,gBAAA,EAAC,EAAwB,MAAzB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,YAAY,CAAS;AAAA,IACnC,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,IAAM,IAA6B,EACjC,ifACF;AAEA,SAAS,EAAsB,EAC7B,WAAA,GACA,UAAA,GACA,GAAG,EAAA,GACqC;AACxC,SACE,gBAAA,EAAC,EAAwB,SAAzB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,EAA2B,GAAG,SAAS,CAAS;AAAA,IAC9D,GAAI;AAAA,cAHN;AAAA,MAKG;AAAA,MAAU;AAAA,MACX,gBAAA,EAAC,GAAD;AAAA,QACE,MAAM;AAAA,QACN,WAAU;AAAA,QACV,eAAY;AAAA,MACb,CAAA;AAAA,IAC8B;AAAA;AAErC;AAEA,SAAS,EAAsB,EAC7B,WAAA,GACA,GAAG,EAAA,GACqC;AACxC,SACE,gBAAA,EAAC,EAAwB,SAAzB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,i7DACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAyB,EAChC,WAAA,GACA,MAAA,IAAO,UACP,YAAA,IAAa,GACb,OAAA,IAAQ,SACR,aAAA,IAAc,GACd,GAAG,EAAA,GACwC;AAC3C,SACE,gBAAA,EAAC,EAAwB,QAAzB,EAAA,UACE,gBAAA,EAAC,EAAwB,YAAzB;AAAA,IACQ,MAAA;AAAA,IACM,YAAA;AAAA,IACL,OAAA;AAAA,IACM,aAAA;AAAA,IACb,WAAW,EACT,qTACA,CACF;AAAA,IACA,GAAI;AAAA,cAEJ,gBAAA,EAAC,EAAwB,OAAzB;AAAA,MAA+B,WAAU;AAAA,gBACvC,gBAAA,EAAC,EAAwB,UAAzB,EAAkC,WAAU,qCAAsC,CAAA;AAAA,IACrD,CAAA;AAAA,EACG,CAAA,EACN,CAAA;AAEpC;AAEA,SAAS,EAAmB,EAC1B,WAAA,GACA,GAAG,EAAA,GACkC;AACrC,SACE,gBAAA,EAAC,EAAwB,MAAzB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,6ZACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAwB,EAC/B,WAAA,GACA,GAAG,EAAA,GACgE;AACnE,SACE,gBAAA,EAAC,EAAwB,MAAzB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,8LACA,CACF;AAAA,IACA,GAAI;AAAA,cAEJ,gBAAA,EAAC,OAAD,EAAK,WAAU,yEAA0E,CAAA;AAAA,EAC7D,CAAA;AAElC"}