@deankwan/ui 0.1.0

package/dist/app/components/ui/form.mjs

@@ -0,0 +1,101 @@
+import { jsx as m } from "react/jsx-runtime";
+import * as s from "react";
+import { Slot as f } from "@radix-ui/react-slot";
+import { FormProvider as u, Controller as F, useFormContext as x, useFormState as I } from "react-hook-form";
+import { cn as a } from "./utils.mjs";
+import { Label as g } from "./label.mjs";
+const S = u, c = s.createContext(
+  {}
+), $ = ({
+  ...t
+}) => /* @__PURE__ */ m(c.Provider, { value: { name: t.name }, children: /* @__PURE__ */ m(F, { ...t }) }), d = () => {
+  const t = s.useContext(c), o = s.useContext(l), { getFieldState: e } = x(), r = I({ name: t.name }), n = e(t.name, r);
+  if (!t)
+    throw new Error("useFormField should be used within <FormField>");
+  const { id: i } = o;
+  return {
+    id: i,
+    name: t.name,
+    formItemId: `${i}-form-item`,
+    formDescriptionId: `${i}-form-item-description`,
+    formMessageId: `${i}-form-item-message`,
+    ...n
+  };
+}, l = s.createContext(
+  {}
+);
+function D({ className: t, ...o }) {
+  const e = s.useId();
+  return /* @__PURE__ */ m(l.Provider, { value: { id: e }, children: /* @__PURE__ */ m(
+    "div",
+    {
+      "data-slot": "form-item",
+      className: a("grid gap-2", t),
+      ...o
+    }
+  ) });
+}
+function M({
+  className: t,
+  ...o
+}) {
+  const { error: e, formItemId: r } = d();
+  return /* @__PURE__ */ m(
+    g,
+    {
+      "data-slot": "form-label",
+      "data-error": !!e,
+      className: a("data-[error=true]:text-destructive", t),
+      htmlFor: r,
+      ...o
+    }
+  );
+}
+function N({ ...t }) {
+  const { error: o, formItemId: e, formDescriptionId: r, formMessageId: n } = d();
+  return /* @__PURE__ */ m(
+    f,
+    {
+      "data-slot": "form-control",
+      id: e,
+      "aria-describedby": o ? `${r} ${n}` : `${r}`,
+      "aria-invalid": !!o,
+      ...t
+    }
+  );
+}
+function w({ className: t, ...o }) {
+  const { formDescriptionId: e } = d();
+  return /* @__PURE__ */ m(
+    "p",
+    {
+      "data-slot": "form-description",
+      id: e,
+      className: a("text-muted-foreground text-sm", t),
+      ...o
+    }
+  );
+}
+function P({ className: t, ...o }) {
+  const { error: e, formMessageId: r } = d(), n = e ? String((e == null ? void 0 : e.message) ?? "") : o.children;
+  return n ? /* @__PURE__ */ m(
+    "p",
+    {
+      "data-slot": "form-message",
+      id: r,
+      className: a("text-destructive text-sm", t),
+      ...o,
+      children: n
+    }
+  ) : null;
+}
+export {
+  S as Form,
+  N as FormControl,
+  w as FormDescription,
+  $ as FormField,
+  D as FormItem,
+  M as FormLabel,
+  P as FormMessage,
+  d as useFormField
+};

package/dist/app/components/ui/hover-card.mjs

@@ -0,0 +1,38 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-hover-card";
+import { cn as i } from "./utils.mjs";
+function m({
+  ...t
+}) {
+  return /* @__PURE__ */ o(r.Root, { "data-slot": "hover-card", ...t });
+}
+function l({
+  ...t
+}) {
+  return /* @__PURE__ */ o(r.Trigger, { "data-slot": "hover-card-trigger", ...t });
+}
+function c({
+  className: t,
+  align: e = "center",
+  sideOffset: a = 4,
+  ...d
+}) {
+  return /* @__PURE__ */ o(r.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ o(
+    r.Content,
+    {
+      "data-slot": "hover-card-content",
+      align: e,
+      sideOffset: a,
+      className: i(
+        "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 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        t
+      ),
+      ...d
+    }
+  ) });
+}
+export {
+  m as HoverCard,
+  c as HoverCardContent,
+  l as HoverCardTrigger
+};

package/dist/app/components/ui/input-otp.mjs

@@ -0,0 +1,65 @@
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import * as c from "react";
+import { OTPInput as l, OTPInputContext as p } from "input-otp";
+import { MinusIcon as m } from "lucide-react";
+import { cn as a } from "./utils.mjs";
+function x({
+  className: t,
+  containerClassName: r,
+  ...i
+}) {
+  return /* @__PURE__ */ e(
+    l,
+    {
+      "data-slot": "input-otp",
+      containerClassName: a(
+        "flex items-center gap-2 has-disabled:opacity-50",
+        r
+      ),
+      className: a("disabled:cursor-not-allowed", t),
+      ...i
+    }
+  );
+}
+function h({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "input-otp-group",
+      className: a("flex items-center gap-1", t),
+      ...r
+    }
+  );
+}
+function I({
+  index: t,
+  className: r,
+  ...i
+}) {
+  const n = c.useContext(p), { char: o, hasFakeCaret: s, isActive: d } = (n == null ? void 0 : n.slots[t]) ?? {};
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      "data-slot": "input-otp-slot",
+      "data-active": d,
+      className: a(
+        "data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm bg-input-background transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",
+        r
+      ),
+      ...i,
+      children: [
+        o,
+        s && /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+      ]
+    }
+  );
+}
+function N({ ...t }) {
+  return /* @__PURE__ */ e("div", { "data-slot": "input-otp-separator", role: "separator", ...t, children: /* @__PURE__ */ e(m, {}) });
+}
+export {
+  x as InputOTP,
+  h as InputOTPGroup,
+  N as InputOTPSeparator,
+  I as InputOTPSlot
+};

package/dist/app/components/ui/input.mjs

@@ -0,0 +1,21 @@
+import { jsx as t } from "react/jsx-runtime";
+import { cn as n } from "./utils.mjs";
+function l({ className: e, type: i, ...r }) {
+  return /* @__PURE__ */ t(
+    "input",
+    {
+      type: i,
+      "data-slot": "input",
+      className: n(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border px-3 py-1 text-base bg-input-background transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        e
+      ),
+      ...r
+    }
+  );
+}
+export {
+  l as Input
+};

package/dist/app/components/ui/label.mjs

@@ -0,0 +1,22 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-label";
+import { cn as r } from "./utils.mjs";
+function l({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    a.Root,
+    {
+      "data-slot": "label",
+      className: r(
+        "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 {
+  l as Label
+};

package/dist/app/components/ui/menubar.mjs

@@ -0,0 +1,251 @@
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-menubar";
+import { CheckIcon as u, CircleIcon as c, ChevronRightIcon as l } from "lucide-react";
+import { cn as o } from "./utils.mjs";
+function g({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    n.Root,
+    {
+      "data-slot": "menubar",
+      className: o(
+        "bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function x({
+  ...e
+}) {
+  return /* @__PURE__ */ a(n.Menu, { "data-slot": "menubar-menu", ...e });
+}
+function v({
+  ...e
+}) {
+  return /* @__PURE__ */ a(n.Group, { "data-slot": "menubar-group", ...e });
+}
+function m({
+  ...e
+}) {
+  return /* @__PURE__ */ a(n.Portal, { "data-slot": "menubar-portal", ...e });
+}
+function h({
+  ...e
+}) {
+  return /* @__PURE__ */ a(n.RadioGroup, { "data-slot": "menubar-radio-group", ...e });
+}
+function M({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    n.Trigger,
+    {
+      "data-slot": "menubar-trigger",
+      className: o(
+        "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
+      ),
+      ...t
+    }
+  );
+}
+function z({
+  className: e,
+  align: t = "start",
+  alignOffset: r = -4,
+  sideOffset: s = 8,
+  ...i
+}) {
+  return /* @__PURE__ */ a(m, { children: /* @__PURE__ */ a(
+    n.Content,
+    {
+      "data-slot": "menubar-content",
+      align: t,
+      alignOffset: r,
+      sideOffset: s,
+      className: o(
+        "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 N({
+  className: e,
+  inset: t,
+  variant: r = "default",
+  ...s
+}) {
+  return /* @__PURE__ */ a(
+    n.Item,
+    {
+      "data-slot": "menubar-item",
+      "data-inset": t,
+      "data-variant": r,
+      className: o(
+        "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 I({
+  className: e,
+  children: t,
+  checked: r,
+  ...s
+}) {
+  return /* @__PURE__ */ d(
+    n.CheckboxItem,
+    {
+      "data-slot": "menubar-checkbox-item",
+      className: o(
+        "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: r,
+      ...s,
+      children: [
+        /* @__PURE__ */ a("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(n.ItemIndicator, { children: /* @__PURE__ */ a(u, { className: "size-4" }) }) }),
+        t
+      ]
+    }
+  );
+}
+function y({
+  className: e,
+  children: t,
+  ...r
+}) {
+  return /* @__PURE__ */ d(
+    n.RadioItem,
+    {
+      "data-slot": "menubar-radio-item",
+      className: o(
+        "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
+      ),
+      ...r,
+      children: [
+        /* @__PURE__ */ a("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(n.ItemIndicator, { children: /* @__PURE__ */ a(c, { className: "size-2 fill-current" }) }) }),
+        t
+      ]
+    }
+  );
+}
+function k({
+  className: e,
+  inset: t,
+  ...r
+}) {
+  return /* @__PURE__ */ a(
+    n.Label,
+    {
+      "data-slot": "menubar-label",
+      "data-inset": t,
+      className: o(
+        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function _({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    n.Separator,
+    {
+      "data-slot": "menubar-separator",
+      className: o("bg-border -mx-1 my-1 h-px", e),
+      ...t
+    }
+  );
+}
+function w({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      "data-slot": "menubar-shortcut",
+      className: o(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function C({
+  ...e
+}) {
+  return /* @__PURE__ */ a(n.Sub, { "data-slot": "menubar-sub", ...e });
+}
+function S({
+  className: e,
+  inset: t,
+  children: r,
+  ...s
+}) {
+  return /* @__PURE__ */ d(
+    n.SubTrigger,
+    {
+      "data-slot": "menubar-sub-trigger",
+      "data-inset": t,
+      className: o(
+        "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: [
+        r,
+        /* @__PURE__ */ a(l, { className: "ml-auto h-4 w-4" })
+      ]
+    }
+  );
+}
+function R({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    n.SubContent,
+    {
+      "data-slot": "menubar-sub-content",
+      className: o(
+        "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
+      ),
+      ...t
+    }
+  );
+}
+export {
+  g as Menubar,
+  I as MenubarCheckboxItem,
+  z as MenubarContent,
+  v as MenubarGroup,
+  N as MenubarItem,
+  k as MenubarLabel,
+  x as MenubarMenu,
+  m as MenubarPortal,
+  h as MenubarRadioGroup,
+  y as MenubarRadioItem,
+  _ as MenubarSeparator,
+  w as MenubarShortcut,
+  C as MenubarSub,
+  R as MenubarSubContent,
+  S as MenubarSubTrigger,
+  M as MenubarTrigger
+};

package/dist/app/components/ui/navigation-menu.mjs

@@ -0,0 +1,170 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-navigation-menu";
+import { cva as u } from "class-variance-authority";
+import { ChevronDownIcon as d } from "lucide-react";
+import { cn as o } from "./utils.mjs";
+function p({
+  className: t,
+  children: a,
+  viewport: i = !0,
+  ...s
+}) {
+  return /* @__PURE__ */ r(
+    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
+      ),
+      ...s,
+      children: [
+        a,
+        i && /* @__PURE__ */ e(g, {})
+      ]
+    }
+  );
+}
+function w({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    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(
+    n.Item,
+    {
+      "data-slot": "navigation-menu-item",
+      className: o("relative", t),
+      ...a
+    }
+  );
+}
+const l = u(
+  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 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 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
+);
+function b({
+  className: t,
+  children: a,
+  ...i
+}) {
+  return /* @__PURE__ */ r(
+    n.Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: o(l(), "group", t),
+      ...i,
+      children: [
+        a,
+        " ",
+        /* @__PURE__ */ e(
+          d,
+          {
+            className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+}
+function h({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    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 g({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: o(
+        "absolute top-full left-0 isolate z-50 flex justify-center"
+      ),
+      children: /* @__PURE__ */ e(
+        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 N({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    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 M({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    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("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+    }
+  );
+}
+export {
+  p as NavigationMenu,
+  h as NavigationMenuContent,
+  M as NavigationMenuIndicator,
+  x as NavigationMenuItem,
+  N as NavigationMenuLink,
+  w as NavigationMenuList,
+  b as NavigationMenuTrigger,
+  g as NavigationMenuViewport,
+  l as navigationMenuTriggerStyle
+};