@clasing/ui 0.1.123 → 0.1.124

package/dist/components/menubar.es.js

@@ -0,0 +1,257 @@
+import { j as t } from "../jsx-runtime-C5mzlN2N.js";
+import * as n from "@radix-ui/react-menubar";
+import { c as r } from "../index-CRiPKpXj.js";
+import { I as d } from "../icon-component-BZ-4FDV6.js";
+function f({
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ t.jsx(
+    n.Root,
+    {
+      "data-slot": "menubar",
+      className: r(
+        "bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",
+        e
+      ),
+      ...a
+    }
+  );
+}
+function b({
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(n.Menu, { "data-slot": "menubar-menu", ...e });
+}
+function p({
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(n.Group, { "data-slot": "menubar-group", ...e });
+}
+function u({
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(n.Portal, { "data-slot": "menubar-portal", ...e });
+}
+function x({
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(n.RadioGroup, { "data-slot": "menubar-radio-group", ...e });
+}
+function g({
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ t.jsx(
+    n.Trigger,
+    {
+      "data-slot": "menubar-trigger",
+      className: r(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",
+        e
+      ),
+      ...a
+    }
+  );
+}
+function v({
+  className: e,
+  align: a = "start",
+  alignOffset: o = -4,
+  sideOffset: s = 8,
+  ...i
+}) {
+  return /* @__PURE__ */ t.jsx(u, { children: /* @__PURE__ */ t.jsx(
+    n.Content,
+    {
+      "data-slot": "menubar-content",
+      align: a,
+      alignOffset: o,
+      sideOffset: s,
+      className: r(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",
+        e
+      ),
+      ...i
+    }
+  ) });
+}
+function h({
+  className: e,
+  inset: a,
+  variant: o = "default",
+  ...s
+}) {
+  return /* @__PURE__ */ t.jsx(
+    n.Item,
+    {
+      "data-slot": "menubar-item",
+      "data-inset": a,
+      "data-variant": o,
+      className: r(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      ...s
+    }
+  );
+}
+function j({
+  className: e,
+  children: a,
+  checked: o,
+  ...s
+}) {
+  return /* @__PURE__ */ t.jsxs(
+    n.CheckboxItem,
+    {
+      "data-slot": "menubar-checkbox-item",
+      className: r(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      checked: o,
+      ...s,
+      children: [
+        /* @__PURE__ */ t.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t.jsx(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(d, { iconName: "IconCheck", className: "size-4" }) }) }),
+        a
+      ]
+    }
+  );
+}
+function M({
+  className: e,
+  children: a,
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsxs(
+    n.RadioItem,
+    {
+      "data-slot": "menubar-radio-item",
+      className: r(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      ...o,
+      children: [
+        /* @__PURE__ */ t.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t.jsx(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(
+          d,
+          {
+            iconName: "IconCircle",
+            className: "size-2 fill-current"
+          }
+        ) }) }),
+        a
+      ]
+    }
+  );
+}
+function N({
+  className: e,
+  inset: a,
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsx(
+    n.Label,
+    {
+      "data-slot": "menubar-label",
+      "data-inset": a,
+      className: r(
+        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        e
+      ),
+      ...o
+    }
+  );
+}
+function z({
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ t.jsx(
+    n.Separator,
+    {
+      "data-slot": "menubar-separator",
+      className: r("bg-border -mx-1 my-1 h-px", e),
+      ...a
+    }
+  );
+}
+function I({
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ t.jsx(
+    "span",
+    {
+      "data-slot": "menubar-shortcut",
+      className: r(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        e
+      ),
+      ...a
+    }
+  );
+}
+function y({
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(n.Sub, { "data-slot": "menubar-sub", ...e });
+}
+function k({
+  className: e,
+  inset: a,
+  children: o,
+  ...s
+}) {
+  return /* @__PURE__ */ t.jsxs(
+    n.SubTrigger,
+    {
+      "data-slot": "menubar-sub-trigger",
+      "data-inset": a,
+      className: r(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",
+        e
+      ),
+      ...s,
+      children: [
+        o,
+        /* @__PURE__ */ t.jsx(d, { iconName: "IconChevronRight", className: "ml-auto h-4 w-4" })
+      ]
+    }
+  );
+}
+function C({
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ t.jsx(
+    n.SubContent,
+    {
+      "data-slot": "menubar-sub-content",
+      className: r(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        e
+      ),
+      ...a
+    }
+  );
+}
+export {
+  f as Menubar,
+  j as MenubarCheckboxItem,
+  v as MenubarContent,
+  p as MenubarGroup,
+  h as MenubarItem,
+  N as MenubarLabel,
+  b as MenubarMenu,
+  u as MenubarPortal,
+  x as MenubarRadioGroup,
+  M as MenubarRadioItem,
+  z as MenubarSeparator,
+  I as MenubarShortcut,
+  y as MenubarSub,
+  C as MenubarSubContent,
+  k as MenubarSubTrigger,
+  g as MenubarTrigger
+};

package/dist/components/multi-select.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-DUiatUiq.cjs"),M=require("../badge-Czof3oqL.cjs"),x=require("../command-D9M8dk1M.cjs"),y=require("../popover-B8wp2cHF.cjs"),R=require("../index-DoxiiusW.cjs"),r=require("react"),v=require("../icon-component-LY_vGYHZ.cjs"),I=r.createContext(null);function k({children:e,values:n,defaultValues:i,onValuesChange:u}){const[g,m]=r.useState(!1),[h,p]=r.useState(new Set(n??i)),[E,f]=r.useState(new Map);function w(c){const s=l=>{const a=new Set(l);return a.has(c)?a.delete(c):a.add(c),a};p(s),u?.([...s(h)])}const j=r.useCallback((c,s)=>{f(l=>l.get(c)===s?l:new Map(l).set(c,s))},[]);return t.jsxRuntimeExports.jsx(I,{value:{open:g,setOpen:m,selectedValues:n?new Set(n):h,toggleValue:w,items:E,onItemAdded:j},children:t.jsxRuntimeExports.jsx(y.Popover,{open:g,onOpenChange:m,children:e})})}function V({className:e,children:n,...i}){const{open:u}=b();return t.jsxRuntimeExports.jsx(y.PopoverTrigger,{asChild:!0,children:t.jsxRuntimeExports.jsxs("button",{...i,role:i.role??"combobox","aria-expanded":i["aria-expanded"]??u,className:R.cn("border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='text-'])]:text-muted-foreground flex h-auto min-h-9 w-fit items-center justify-between gap-2 overflow-hidden rounded-md border bg-transparent px-3 py-1.5 text-sm whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),children:[n,t.jsxRuntimeExports.jsx(v.IconComponent,{iconName:"IconSelector",className:"size-4 shrink-0 opacity-50"})]})})}function z({placeholder:e,clickToRemove:n=!0,className:i,overflowBehavior:u="wrap-when-open",...g}){const{selectedValues:m,toggleValue:h,items:p,open:E}=b(),[f,w]=r.useState(0),j=r.useRef(null),c=r.useRef(null),s=r.useRef(new Set),l=u==="wrap"||u==="wrap-when-open"&&E;r.useEffect(()=>{l&&s.current.forEach(o=>o.style.removeProperty("display"))},[l]);const a=r.useCallback(()=>{if(j.current==null)return;const o=j.current,d=c.current;d!=null&&(d.style.display="none"),s.current.forEach(S=>S.style.removeProperty("display"));let C=0;for(let S=s.current.size-1;S>=0;S--){const N=[...s.current][S];if(o.scrollWidth<=o.clientWidth)break;C=s.current.size-S,N.style.display="none",d?.style.removeProperty("display")}w(C)},[]);return r.useEffect(()=>{if(j.current==null)return;const o=new ResizeObserver(a);return o.observe(j.current),()=>o.disconnect()},[a]),r.useLayoutEffect(()=>{a()},[m,a]),m.size===0&&e?t.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground font-normal",children:e}):t.jsxRuntimeExports.jsxs("div",{...g,ref:j,className:R.cn("flex w-full gap-1.5 overflow-hidden",l&&"h-full flex-wrap",i),children:[[...m].filter(o=>p.has(o)).map(o=>t.jsxRuntimeExports.jsxs(M.Badge,{ref:d=>{if(d!=null)return s.current.add(d),()=>{s.current.delete(d)}},variant:"outline",className:"group flex items-center gap-1",onClick:n?d=>{d.stopPropagation(),h(o)}:void 0,children:[p.get(o),n&&t.jsxRuntimeExports.jsx(v.IconComponent,{iconName:"IconX",className:"text-muted-foreground group-hover:text-destructive size-2"})]},o)),t.jsxRuntimeExports.jsxs(M.Badge,{style:{display:f>0&&!l?"block":"none"},variant:"outline",ref:c,children:["+",f]})]})}function P({search:e=!0,children:n,...i}){const u=typeof e=="object"?!0:e;return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("div",{style:{display:"none"},children:t.jsxRuntimeExports.jsx(x.Command,{children:t.jsxRuntimeExports.jsx(x.CommandList,{children:n})})}),t.jsxRuntimeExports.jsx(y.PopoverContent,{className:"min-w-[var(--radix-popover-trigger-width)] p-0",children:t.jsxRuntimeExports.jsxs(x.Command,{...i,children:[u?t.jsxRuntimeExports.jsx(x.CommandInput,{placeholder:typeof e=="object"?e.placeholder:void 0}):t.jsxRuntimeExports.jsx("button",{autoFocus:!0,"aria-hidden":"true",className:"sr-only"}),t.jsxRuntimeExports.jsxs(x.CommandList,{children:[u&&t.jsxRuntimeExports.jsx(x.CommandEmpty,{children:typeof e=="object"?e.emptyMessage:void 0}),n]})]})})]})}function q({value:e,children:n,badgeLabel:i,onSelect:u,...g}){const{toggleValue:m,selectedValues:h,onItemAdded:p}=b(),E=h.has(e);return r.useEffect(()=>{p(e,i??n)},[e,n,p,i]),t.jsxRuntimeExports.jsxs(x.CommandItem,{...g,value:e,onSelect:f=>{m(f),u?.(f)},children:[t.jsxRuntimeExports.jsx(v.IconComponent,{iconName:"IconCheck",className:R.cn("mr-2 size-4",E?"opacity-100":"opacity-0")}),n]})}function O(e){return t.jsxRuntimeExports.jsx(x.CommandGroup,{...e})}function A(e){return t.jsxRuntimeExports.jsx(x.CommandSeparator,{...e})}function b(){const e=r.useContext(I);if(e==null)throw new Error("useMultiSelectContext must be used within a MultiSelectContext");return e}exports.MultiSelect=k;exports.MultiSelectContent=P;exports.MultiSelectGroup=O;exports.MultiSelectItem=q;exports.MultiSelectSeparator=A;exports.MultiSelectTrigger=V;exports.MultiSelectValue=z;

package/dist/components/multi-select.es.js

@@ -0,0 +1,233 @@
+import { j as t } from "../jsx-runtime-C5mzlN2N.js";
+import { B as I } from "../badge-BnerQ2lF.js";
+import { C as k, f as z, d as O, b as R, c as A, e as _, g as W } from "../command-BGCSJ9vX.js";
+import { P as F, b as G, c as B } from "../popover-BoDRCUh2.js";
+import { c as S } from "../index-CRiPKpXj.js";
+import { createContext as L, useState as j, useCallback as E, useEffect as b, useRef as v, useLayoutEffect as T, useContext as X } from "react";
+import { I as C } from "../icon-component-BZ-4FDV6.js";
+const V = L(null);
+function Y({
+  children: e,
+  values: n,
+  defaultValues: s,
+  onValuesChange: i
+}) {
+  const [x, d] = j(!1), [g, m] = j(
+    new Set(n ?? s)
+  ), [w, p] = j(/* @__PURE__ */ new Map());
+  function y(c) {
+    const r = (l) => {
+      const a = new Set(l);
+      return a.has(c) ? a.delete(c) : a.add(c), a;
+    };
+    m(r), i?.([...r(g)]);
+  }
+  const f = E((c, r) => {
+    p((l) => l.get(c) === r ? l : new Map(l).set(c, r));
+  }, []);
+  return /* @__PURE__ */ t.jsx(
+    V,
+    {
+      value: {
+        open: x,
+        setOpen: d,
+        selectedValues: n ? new Set(n) : g,
+        toggleValue: y,
+        items: w,
+        onItemAdded: f
+      },
+      children: /* @__PURE__ */ t.jsx(F, { open: x, onOpenChange: d, children: e })
+    }
+  );
+}
+function Z({
+  className: e,
+  children: n,
+  ...s
+}) {
+  const { open: i } = M();
+  return /* @__PURE__ */ t.jsx(B, { asChild: !0, children: /* @__PURE__ */ t.jsxs(
+    "button",
+    {
+      ...s,
+      role: s.role ?? "combobox",
+      "aria-expanded": s["aria-expanded"] ?? i,
+      className: S(
+        "border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='text-'])]:text-muted-foreground flex h-auto min-h-9 w-fit items-center justify-between gap-2 overflow-hidden rounded-md border bg-transparent px-3 py-1.5 text-sm whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      children: [
+        n,
+        /* @__PURE__ */ t.jsx(
+          C,
+          {
+            iconName: "IconSelector",
+            className: "size-4 shrink-0 opacity-50"
+          }
+        )
+      ]
+    }
+  ) });
+}
+function $({
+  placeholder: e,
+  clickToRemove: n = !0,
+  className: s,
+  overflowBehavior: i = "wrap-when-open",
+  ...x
+}) {
+  const { selectedValues: d, toggleValue: g, items: m, open: w } = M(), [p, y] = j(0), f = v(null), c = v(null), r = v(/* @__PURE__ */ new Set()), l = i === "wrap" || i === "wrap-when-open" && w;
+  b(() => {
+    l && r.current.forEach((o) => o.style.removeProperty("display"));
+  }, [l]);
+  const a = E(() => {
+    if (f.current == null) return;
+    const o = f.current, u = c.current;
+    u != null && (u.style.display = "none"), r.current.forEach((h) => h.style.removeProperty("display"));
+    let N = 0;
+    for (let h = r.current.size - 1; h >= 0; h--) {
+      const P = [...r.current][h];
+      if (o.scrollWidth <= o.clientWidth)
+        break;
+      N = r.current.size - h, P.style.display = "none", u?.style.removeProperty("display");
+    }
+    y(N);
+  }, []);
+  return b(() => {
+    if (f.current == null) return;
+    const o = new ResizeObserver(a);
+    return o.observe(f.current), () => o.disconnect();
+  }, [a]), T(() => {
+    a();
+  }, [d, a]), d.size === 0 && e ? /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground font-normal", children: e }) : /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      ...x,
+      ref: f,
+      className: S(
+        "flex w-full gap-1.5 overflow-hidden",
+        l && "h-full flex-wrap",
+        s
+      ),
+      children: [
+        [...d].filter((o) => m.has(o)).map((o) => /* @__PURE__ */ t.jsxs(
+          I,
+          {
+            ref: (u) => {
+              if (u != null)
+                return r.current.add(u), () => {
+                  r.current.delete(u);
+                };
+            },
+            variant: "outline",
+            className: "group flex items-center gap-1",
+            onClick: n ? (u) => {
+              u.stopPropagation(), g(o);
+            } : void 0,
+            children: [
+              m.get(o),
+              n && /* @__PURE__ */ t.jsx(
+                C,
+                {
+                  iconName: "IconX",
+                  className: "text-muted-foreground group-hover:text-destructive size-2"
+                }
+              )
+            ]
+          },
+          o
+        )),
+        /* @__PURE__ */ t.jsxs(
+          I,
+          {
+            style: {
+              display: p > 0 && !l ? "block" : "none"
+            },
+            variant: "outline",
+            ref: c,
+            children: [
+              "+",
+              p
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function ee({
+  search: e = !0,
+  children: n,
+  ...s
+}) {
+  const i = typeof e == "object" ? !0 : e;
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx("div", { style: { display: "none" }, children: /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx(z, { children: n }) }) }),
+    /* @__PURE__ */ t.jsx(G, { className: "min-w-[var(--radix-popover-trigger-width)] p-0", children: /* @__PURE__ */ t.jsxs(k, { ...s, children: [
+      i ? /* @__PURE__ */ t.jsx(
+        O,
+        {
+          placeholder: typeof e == "object" ? e.placeholder : void 0
+        }
+      ) : /* @__PURE__ */ t.jsx("button", { autoFocus: !0, "aria-hidden": "true", className: "sr-only" }),
+      /* @__PURE__ */ t.jsxs(z, { children: [
+        i && /* @__PURE__ */ t.jsx(R, { children: typeof e == "object" ? e.emptyMessage : void 0 }),
+        n
+      ] })
+    ] }) })
+  ] });
+}
+function te({
+  value: e,
+  children: n,
+  badgeLabel: s,
+  onSelect: i,
+  ...x
+}) {
+  const { toggleValue: d, selectedValues: g, onItemAdded: m } = M(), w = g.has(e);
+  return b(() => {
+    m(e, s ?? n);
+  }, [e, n, m, s]), /* @__PURE__ */ t.jsxs(
+    _,
+    {
+      ...x,
+      value: e,
+      onSelect: (p) => {
+        d(p), i?.(p);
+      },
+      children: [
+        /* @__PURE__ */ t.jsx(
+          C,
+          {
+            iconName: "IconCheck",
+            className: S("mr-2 size-4", w ? "opacity-100" : "opacity-0")
+          }
+        ),
+        n
+      ]
+    }
+  );
+}
+function ne(e) {
+  return /* @__PURE__ */ t.jsx(A, { ...e });
+}
+function re(e) {
+  return /* @__PURE__ */ t.jsx(W, { ...e });
+}
+function M() {
+  const e = X(V);
+  if (e == null)
+    throw new Error(
+      "useMultiSelectContext must be used within a MultiSelectContext"
+    );
+  return e;
+}
+export {
+  Y as MultiSelect,
+  ee as MultiSelectContent,
+  ne as MultiSelectGroup,
+  te as MultiSelectItem,
+  re as MultiSelectSeparator,
+  Z as MultiSelectTrigger,
+  $ as MultiSelectValue
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../jsx-runtime-DUiatUiq.cjs"),d=require("@radix-ui/react-navigation-menu"),c=require("../index-C8P6Mn4U.cjs"),o=require("../index-DoxiiusW.cjs"),g=require("../icon-component-LY_vGYHZ.cjs");function l(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const i=l(d);function m({className:t,children:e,viewport:n=!0,...r}){return a.jsxRuntimeExports.jsxs(i.Root,{"data-slot":"navigation-menu","data-viewport":n,className:o.cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",t),...r,children:[e,n&&a.jsxRuntimeExports.jsx(u,{})]})}function v({className:t,...e}){return a.jsxRuntimeExports.jsx(i.List,{"data-slot":"navigation-menu-list",className:o.cn("group flex flex-1 list-none items-center justify-center gap-1",t),...e})}function p({className:t,...e}){return a.jsxRuntimeExports.jsx(i.Item,{"data-slot":"navigation-menu-item",className:o.cn("relative",t),...e})}const s=c.cva("group bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50");function f({className:t,children:e,...n}){return a.jsxRuntimeExports.jsxs(i.Trigger,{"data-slot":"navigation-menu-trigger",className:o.cn(s(),"group",t),...n,children:[e," ",a.jsxRuntimeExports.jsx(g.IconComponent,{iconName:"IconChevronDown",className:"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]})}function x({className:t,...e}){return a.jsxRuntimeExports.jsx(i.Content,{"data-slot":"navigation-menu-content",className:o.cn("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out 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 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto","group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",t),...e})}function u({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{className:o.cn("absolute top-full left-0 isolate z-50 flex justify-center"),children:a.jsxRuntimeExports.jsx(i.Viewport,{"data-slot":"navigation-menu-viewport",className:o.cn("origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",t),...e})})}function b({className:t,...e}){return a.jsxRuntimeExports.jsx(i.Link,{"data-slot":"navigation-menu-link",className:o.cn("data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",t),...e})}function w({className:t,...e}){return a.jsxRuntimeExports.jsx(i.Indicator,{"data-slot":"navigation-menu-indicator",className:o.cn("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",t),...e,children:a.jsxRuntimeExports.jsx("div",{className:"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md"})})}exports.NavigationMenu=m;exports.NavigationMenuContent=x;exports.NavigationMenuIndicator=w;exports.NavigationMenuItem=p;exports.NavigationMenuLink=b;exports.NavigationMenuList=v;exports.NavigationMenuTrigger=f;exports.NavigationMenuViewport=u;exports.navigationMenuTriggerStyle=s;

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

@@ -0,0 +1,171 @@
+import { j as e } from "../jsx-runtime-C5mzlN2N.js";
+import * as n from "@radix-ui/react-navigation-menu";
+import { c as s } from "../index-BqtVL8d-.js";
+import { c as o } from "../index-CRiPKpXj.js";
+import { I as u } from "../icon-component-BZ-4FDV6.js";
+function f({
+  className: t,
+  children: a,
+  viewport: i = !0,
+  ...r
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    n.Root,
+    {
+      "data-slot": "navigation-menu",
+      "data-viewport": i,
+      className: o(
+        "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
+        t
+      ),
+      ...r,
+      children: [
+        a,
+        i && /* @__PURE__ */ e.jsx(l, {})
+      ]
+    }
+  );
+}
+function p({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    n.List,
+    {
+      "data-slot": "navigation-menu-list",
+      className: o(
+        "group flex flex-1 list-none items-center justify-center gap-1",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function x({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    n.Item,
+    {
+      "data-slot": "navigation-menu-item",
+      className: o("relative", t),
+      ...a
+    }
+  );
+}
+const d = s(
+  "group bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50"
+);
+function w({
+  className: t,
+  children: a,
+  ...i
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    n.Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: o(d(), "group", t),
+      ...i,
+      children: [
+        a,
+        " ",
+        /* @__PURE__ */ e.jsx(
+          u,
+          {
+            iconName: "IconChevronDown",
+            className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+}
+function b({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    n.Content,
+    {
+      "data-slot": "navigation-menu-content",
+      className: o(
+        "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out 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 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto",
+        "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function l({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: o(
+        "absolute top-full left-0 isolate z-50 flex justify-center"
+      ),
+      children: /* @__PURE__ */ e.jsx(
+        n.Viewport,
+        {
+          "data-slot": "navigation-menu-viewport",
+          className: o(
+            "origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",
+            t
+          ),
+          ...a
+        }
+      )
+    }
+  );
+}
+function h({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    n.Link,
+    {
+      "data-slot": "navigation-menu-link",
+      className: o(
+        "data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function N({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    n.Indicator,
+    {
+      "data-slot": "navigation-menu-indicator",
+      className: o(
+        "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
+        t
+      ),
+      ...a,
+      children: /* @__PURE__ */ e.jsx("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+    }
+  );
+}
+export {
+  f as NavigationMenu,
+  b as NavigationMenuContent,
+  N as NavigationMenuIndicator,
+  x as NavigationMenuItem,
+  h as NavigationMenuLink,
+  p as NavigationMenuList,
+  w as NavigationMenuTrigger,
+  l as NavigationMenuViewport,
+  d as navigationMenuTriggerStyle
+};