@etus/ui 0.4.0-beta.2 → 0.4.0-beta.4

package/dist/chunk-VT4IMHGE.js

@@ -0,0 +1,292 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import * as MenubarPrimitive from '@radix-ui/react-menubar';
+import { CheckIcon, CircleIcon, ChevronRightIcon } from 'lucide-react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var FOCUS_ACCENT_STYLES = "focus:bg-accent focus:text-accent-foreground";
+var menuContentBase = [
+  "bg-popover text-popover-foreground",
+  "z-[var(--menubar-content-z-index)] overflow-hidden rounded-[var(--menubar-content-radius)] border-[var(--menubar-content-border-width)] p-[var(--menubar-content-padding)]",
+  "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"
+];
+var menuItemBase = [
+  "relative flex cursor-default items-center rounded-[var(--menubar-item-radius)] text-[length:var(--menubar-item-text-size)] 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-[var(--menubar-item-icon-size)]"
+];
+var menubarVariants = cva([
+  "bg-background flex h-[var(--menubar-root-height)] items-center gap-[var(--menubar-root-gap)] rounded-[var(--menubar-root-radius)] border-[var(--menubar-root-border-width)] p-[var(--menubar-root-padding)] shadow-[var(--menubar-root-shadow)]"
+]);
+var menubarTriggerVariants = cva([
+  FOCUS_ACCENT_STYLES,
+  "data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+  "flex items-center rounded-[var(--menubar-trigger-radius)] px-[var(--menubar-trigger-padding-x)] py-[var(--menubar-trigger-padding-y)] text-[length:var(--menubar-trigger-text-size)] font-medium outline-hidden select-none"
+]);
+var menubarContentVariants = cva([
+  ...menuContentBase,
+  "min-w-[var(--menubar-content-min-width)] shadow-md",
+  "origin-(--radix-menubar-content-transform-origin)"
+]);
+var menubarSubContentVariants = cva([
+  ...menuContentBase,
+  "min-w-[var(--menubar-content-sub-min-width)] shadow-lg",
+  "origin-(--radix-menubar-content-transform-origin)"
+]);
+var menubarItemVariants = cva(
+  [
+    ...menuItemBase,
+    "[&_svg:not([class*='text-'])]:text-muted-foreground",
+    "px-[var(--menubar-item-padding-x)] py-[var(--menubar-item-padding-y)] gap-[var(--menubar-item-gap)]"
+  ],
+  {
+    variants: {
+      inset: {
+        true: "pl-[var(--menubar-item-inset-padding-left)]",
+        false: ""
+      },
+      variant: {
+        default: "focus:bg-accent focus:text-accent-foreground",
+        destructive: [
+          "text-destructive",
+          "focus:bg-destructive/10 dark:focus:bg-destructive/20",
+          "focus:text-destructive",
+          "*:[svg]:!text-destructive"
+        ]
+      }
+    },
+    defaultVariants: {
+      inset: false,
+      variant: "default"
+    }
+  }
+);
+var menubarSubTriggerVariants = cva(
+  [
+    "focus:bg-accent focus:text-accent-foreground",
+    "data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+    "flex cursor-default items-center rounded-[var(--menubar-item-radius)] px-[var(--menubar-item-padding-x)] py-[var(--menubar-item-padding-y)] text-[length:var(--menubar-item-text-size)] outline-none select-none"
+  ],
+  {
+    variants: {
+      inset: {
+        true: "pl-[var(--menubar-item-inset-padding-left)]",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      inset: false
+    }
+  }
+);
+var menubarCheckboxItemVariants = cva([
+  ...menuItemBase,
+  "focus:bg-accent focus:text-accent-foreground",
+  "py-[var(--menubar-item-padding-y)] pr-[var(--menubar-item-padding-x)] pl-[var(--menubar-item-inset-padding-left)] gap-[var(--menubar-item-gap)] rounded-[var(--menubar-checkbox-radius)]"
+]);
+var menubarRadioItemVariants = cva([
+  ...menuItemBase,
+  "focus:bg-accent focus:text-accent-foreground",
+  "py-[var(--menubar-item-padding-y)] pr-[var(--menubar-item-padding-x)] pl-[var(--menubar-item-inset-padding-left)] gap-[var(--menubar-item-gap)] rounded-[var(--menubar-radio-radius)]"
+]);
+var menubarLabelVariants = cva(
+  ["px-[var(--menubar-item-padding-x)] py-[var(--menubar-item-padding-y)] text-[length:var(--menubar-item-text-size)] font-medium"],
+  {
+    variants: {
+      inset: {
+        true: "pl-[var(--menubar-item-inset-padding-left)]",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      inset: false
+    }
+  }
+);
+var menubarSeparatorVariants = cva(["bg-border -mx-[var(--menubar-separator-margin-x)] my-[var(--menubar-separator-margin-y)] h-[var(--menubar-separator-height)]"]);
+var menubarShortcutVariants = cva([
+  "text-muted-foreground ml-auto text-[length:var(--menubar-shortcut-text-size)] tracking-widest"
+]);
+var menubarIndicatorWrapperVariants = cva([
+  "pointer-events-none absolute left-[var(--menubar-indicator-left)] flex size-[var(--menubar-indicator-size)] items-center justify-center"
+]);
+function Menubar({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Root,
+    {
+      className: cn(menubarVariants(), className),
+      "data-slot": "menubar",
+      ...props
+    }
+  );
+}
+function MenubarMenu({ ...props }) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
+}
+function MenubarGroup({ ...props }) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
+}
+function MenubarPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
+}
+function MenubarRadioGroup({ ...props }) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
+}
+function MenubarTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Trigger,
+    {
+      className: cn(menubarTriggerVariants(), className),
+      "data-slot": "menubar-trigger",
+      ...props
+    }
+  );
+}
+function MenubarContent({
+  className,
+  align = "start",
+  alignOffset = -4,
+  sideOffset = 8,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(MenubarPortal, { children: /* @__PURE__ */ jsx(
+    MenubarPrimitive.Content,
+    {
+      align,
+      alignOffset,
+      className: cn(menubarContentVariants(), className),
+      "data-slot": "menubar-content",
+      sideOffset,
+      ...props
+    }
+  ) });
+}
+function MenubarItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Item,
+    {
+      className: cn(menubarItemVariants({ inset, variant }), className),
+      "data-inset": inset,
+      "data-slot": "menubar-item",
+      "data-variant": variant,
+      ...props
+    }
+  );
+}
+function MenubarCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    MenubarPrimitive.CheckboxItem,
+    {
+      checked: checked ?? false,
+      className: cn(menubarCheckboxItemVariants(), className),
+      "data-slot": "menubar-checkbox-item",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: cn(menubarIndicatorWrapperVariants()), children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function MenubarRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    MenubarPrimitive.RadioItem,
+    {
+      className: cn(menubarRadioItemVariants(), className),
+      "data-slot": "menubar-radio-item",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: cn(menubarIndicatorWrapperVariants()), children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function MenubarLabel({ className, inset, ...props }) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Label,
+    {
+      className: cn(menubarLabelVariants({ inset }), className),
+      "data-inset": inset,
+      "data-slot": "menubar-label",
+      ...props
+    }
+  );
+}
+function MenubarSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Separator,
+    {
+      className: cn(menubarSeparatorVariants(), className),
+      "data-slot": "menubar-separator",
+      ...props
+    }
+  );
+}
+function MenubarShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(menubarShortcutVariants(), className),
+      "data-slot": "menubar-shortcut",
+      ...props
+    }
+  );
+}
+function MenubarSub({ ...props }) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
+}
+function MenubarSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    MenubarPrimitive.SubTrigger,
+    {
+      className: cn(menubarSubTriggerVariants({ inset }), className),
+      "data-inset": inset,
+      "data-slot": "menubar-sub-trigger",
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto h-4 w-4" })
+      ]
+    }
+  );
+}
+function MenubarSubContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.SubContent,
+    {
+      className: cn(menubarSubContentVariants(), className),
+      "data-slot": "menubar-sub-content",
+      ...props
+    }
+  );
+}
+
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, menubarCheckboxItemVariants, menubarContentVariants, menubarIndicatorWrapperVariants, menubarItemVariants, menubarLabelVariants, menubarRadioItemVariants, menubarSeparatorVariants, menubarShortcutVariants, menubarSubContentVariants, menubarSubTriggerVariants, menubarTriggerVariants, menubarVariants };
+//# sourceMappingURL=chunk-VT4IMHGE.js.map
+//# sourceMappingURL=chunk-VT4IMHGE.js.map

package/dist/chunk-VT4IMHGE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/Menubar/Menubar.variants.ts","../src/components/navigation/Menubar/Menubar.tsx"],"names":[],"mappings":";;;;;;AAQA,IAAM,mBAAA,GAAsB,8CAAA;AAK5B,IAAM,eAAA,GAAkB;AAAA,EACtB,oCAAA;AAAA,EACA,4KAAA;AAAA,EACA,8DAAA;AAAA,EACA,4DAAA;AAAA,EACA,8DAAA;AAAA,EACA,wCAAA;AAAA,EACA,wCAAA;AAAA,EACA,wCAAA;AAAA,EACA;AACF,CAAA;AAKA,IAAM,YAAA,GAAe;AAAA,EACnB,uJAAA;AAAA,EACA,gEAAA;AAAA,EACA;AACF,CAAA;AAKO,IAAM,kBAAkB,GAAA,CAAI;AAAA,EACjC;AACF,CAAC;AAKM,IAAM,yBAAyB,GAAA,CAAI;AAAA,EACxC,mBAAA;AAAA,EACA,sEAAA;AAAA,EACA;AACF,CAAC;AAKM,IAAM,yBAAyB,GAAA,CAAI;AAAA,EACxC,GAAG,eAAA;AAAA,EACH,oDAAA;AAAA,EACA;AACF,CAAC;AAKM,IAAM,4BAA4B,GAAA,CAAI;AAAA,EAC3C,GAAG,eAAA;AAAA,EACH,wDAAA;AAAA,EACA;AACF,CAAC;AAKM,IAAM,mBAAA,GAAsB,GAAA;AAAA,EACjC;AAAA,IACE,GAAG,YAAA;AAAA,IACH,qDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,6CAAA;AAAA,QACN,KAAA,EAAO;AAAA,OACT;AAAA,MACA,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,8CAAA;AAAA,QACT,WAAA,EAAa;AAAA,UACX,kBAAA;AAAA,UACA,sDAAA;AAAA,UACA,wBAAA;AAAA,UACA;AAAA;AACF;AACF,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,KAAA,EAAO,KAAA;AAAA,MACP,OAAA,EAAS;AAAA;AACX;AAEJ;AAKO,IAAM,yBAAA,GAA4B,GAAA;AAAA,EACvC;AAAA,IACE,8CAAA;AAAA,IACA,sEAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,6CAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,KAAA,EAAO;AAAA;AACT;AAEJ;AAKO,IAAM,8BAA8B,GAAA,CAAI;AAAA,EAC7C,GAAG,YAAA;AAAA,EACH,8CAAA;AAAA,EACA;AACF,CAAC;AAKM,IAAM,2BAA2B,GAAA,CAAI;AAAA,EAC1C,GAAG,YAAA;AAAA,EACH,8CAAA;AAAA,EACA;AACF,CAAC;AAKM,IAAM,oBAAA,GAAuB,GAAA;AAAA,EAClC,CAAC,+HAA+H,CAAA;AAAA,EAChI;AAAA,IACE,QAAA,EAAU;AAAA,MACR,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,6CAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,KAAA,EAAO;AAAA;AACT;AAEJ;AAKO,IAAM,wBAAA,GAA2B,GAAA,CAAI,CAAC,8HAA8H,CAAC;AAKrK,IAAM,0BAA0B,GAAA,CAAI;AAAA,EACzC;AACF,CAAC;AAKM,IAAM,kCAAkC,GAAA,CAAI;AAAA,EACjD;AACF,CAAC;ACtHD,SAAS,OAAA,CAAQ,EAAE,SAAA,EAAW,GAAG,OAAM,EAAiB;AACtD,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,IAAA;AAAA,IAAjB;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,eAAA,EAAgB,EAAG,SAAS,CAAA;AAAA,MAC1C,WAAA,EAAU,SAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAKA,SAAS,WAAA,CAAY,EAAE,GAAG,KAAA,EAAM,EAAqB;AACnD,EAAA,2BAAyB,gBAAA,CAAA,IAAA,EAAjB,EAAsB,WAAA,EAAU,cAAA,EAAgB,GAAG,KAAA,EAAO,CAAA;AACpE;AAKA,SAAS,YAAA,CAAa,EAAE,GAAG,KAAA,EAAM,EAAsB;AACrD,EAAA,2BAAyB,gBAAA,CAAA,KAAA,EAAjB,EAAuB,WAAA,EAAU,eAAA,EAAiB,GAAG,KAAA,EAAO,CAAA;AACtE;AAKA,SAAS,aAAA,CAAc,EAAE,GAAG,KAAA,EAAM,EAAuB;AACvD,EAAA,2BAAyB,gBAAA,CAAA,MAAA,EAAjB,EAAwB,WAAA,EAAU,gBAAA,EAAkB,GAAG,KAAA,EAAO,CAAA;AACxE;AAKA,SAAS,iBAAA,CAAkB,EAAE,GAAG,KAAA,EAAM,EAA2B;AAC/D,EAAA,2BACoB,gBAAA,CAAA,UAAA,EAAjB,EAA4B,WAAA,EAAU,qBAAA,EAAuB,GAAG,KAAA,EAAO,CAAA;AAE5E;AAKA,SAAS,cAAA,CAAe,EAAE,SAAA,EAAW,GAAG,OAAM,EAAwB;AACpE,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,sBAAA,EAAuB,EAAG,SAAS,CAAA;AAAA,MACjD,WAAA,EAAU,iBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAKA,SAAS,cAAA,CAAe;AAAA,EACtB,SAAA;AAAA,EACA,KAAA,GAAQ,OAAA;AAAA,EACR,WAAA,GAAc,EAAA;AAAA,EACd,UAAA,GAAa,CAAA;AAAA,EACb,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,2BACG,aAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,IAAkB,gBAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACC,KAAA;AAAA,MACA,WAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,sBAAA,EAAuB,EAAG,SAAS,CAAA;AAAA,MACjD,WAAA,EAAU,iBAAA;AAAA,MACV,UAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN,EACF,CAAA;AAEJ;AAOA,SAAS,WAAA,CAAY;AAAA,EACnB,SAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,GAAG;AACL,CAAA,EAAqB;AACnB,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,IAAA;AAAA,IAAjB;AAAA,MACC,SAAA,EAAW,GAAG,mBAAA,CAAoB,EAAE,OAAO,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MAChE,YAAA,EAAY,KAAA;AAAA,MACZ,WAAA,EAAU,cAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACb,GAAG;AAAA;AAAA,GACN;AAEJ;AAKA,SAAS,mBAAA,CAAoB;AAAA,EAC3B,SAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA6B;AAC3B,EAAA,uBACE,IAAA;AAAA,IAAkB,gBAAA,CAAA,YAAA;AAAA,IAAjB;AAAA,MACC,SAAS,OAAA,IAAW,KAAA;AAAA,MACpB,SAAA,EAAW,EAAA,CAAG,2BAAA,EAA4B,EAAG,SAAS,CAAA;AAAA,MACtD,WAAA,EAAU,uBAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,+BAAA,EAAiC,CAAA,EACnD,QAAA,kBAAA,GAAA,CAAkB,gBAAA,CAAA,aAAA,EAAjB,EACC,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,QAAA,EAAS,GAChC,CAAA,EACF,CAAA;AAAA,QACC;AAAA;AAAA;AAAA,GACH;AAEJ;AAKA,SAAS,gBAAA,CAAiB;AAAA,EACxB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0B;AACxB,EAAA,uBACE,IAAA;AAAA,IAAkB,gBAAA,CAAA,SAAA;AAAA,IAAjB;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,wBAAA,EAAyB,EAAG,SAAS,CAAA;AAAA,MACnD,WAAA,EAAU,oBAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,+BAAA,EAAiC,CAAA,EACnD,QAAA,kBAAA,GAAA,CAAkB,gBAAA,CAAA,aAAA,EAAjB,EACC,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,qBAAA,EAAsB,GAC9C,CAAA,EACF,CAAA;AAAA,QACC;AAAA;AAAA;AAAA,GACH;AAEJ;AAKA,SAAS,aAAa,EAAE,SAAA,EAAW,KAAA,EAAO,GAAG,OAAM,EAAsB;AACvE,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,KAAA;AAAA,IAAjB;AAAA,MACC,WAAW,EAAA,CAAG,oBAAA,CAAqB,EAAE,KAAA,EAAO,GAAG,SAAS,CAAA;AAAA,MACxD,YAAA,EAAY,KAAA;AAAA,MACZ,WAAA,EAAU,eAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAKA,SAAS,gBAAA,CAAiB,EAAE,SAAA,EAAW,GAAG,OAAM,EAA0B;AACxE,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,SAAA;AAAA,IAAjB;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,wBAAA,EAAyB,EAAG,SAAS,CAAA;AAAA,MACnD,WAAA,EAAU,mBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAKA,SAAS,eAAA,CAAgB,EAAE,SAAA,EAAW,GAAG,OAAM,EAAyB;AACtE,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,uBAAA,EAAwB,EAAG,SAAS,CAAA;AAAA,MAClD,WAAA,EAAU,kBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAKA,SAAS,UAAA,CAAW,EAAE,GAAG,KAAA,EAAM,EAAoB;AACjD,EAAA,2BAAyB,gBAAA,CAAA,GAAA,EAAjB,EAAqB,WAAA,EAAU,aAAA,EAAe,GAAG,KAAA,EAAO,CAAA;AAClE;AAOA,SAAS,iBAAA,CAAkB;AAAA,EACzB,SAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA2B;AACzB,EAAA,uBACE,IAAA;AAAA,IAAkB,gBAAA,CAAA,UAAA;AAAA,IAAjB;AAAA,MACC,WAAW,EAAA,CAAG,yBAAA,CAA0B,EAAE,KAAA,EAAO,GAAG,SAAS,CAAA;AAAA,MAC7D,YAAA,EAAY,KAAA;AAAA,MACZ,WAAA,EAAU,qBAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACD,GAAA,CAAC,gBAAA,EAAA,EAAiB,SAAA,EAAU,iBAAA,EAAkB;AAAA;AAAA;AAAA,GAChD;AAEJ;AAKA,SAAS,iBAAA,CAAkB,EAAE,SAAA,EAAW,GAAG,OAAM,EAA2B;AAC1E,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,UAAA;AAAA,IAAjB;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,yBAAA,EAA0B,EAAG,SAAS,CAAA;AAAA,MACpD,WAAA,EAAU,qBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-VT4IMHGE.js","sourcesContent":["// Menubar/Menubar.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/* eslint-disable sonarjs/no-duplicate-string -- Tailwind class combinations naturally repeat in variant definitions */\n\n/**\n * Common focus state styles\n */\nconst FOCUS_ACCENT_STYLES = \"focus:bg-accent focus:text-accent-foreground\"\n\n/**\n * Shared animation and transition styles for menu content\n */\nconst menuContentBase = [\n  \"bg-popover text-popover-foreground\",\n  \"z-[var(--menubar-content-z-index)] overflow-hidden rounded-[var(--menubar-content-radius)] border-[var(--menubar-content-border-width)] p-[var(--menubar-content-padding)]\",\n  \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n  \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n  \"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n  \"data-[side=bottom]:slide-in-from-top-2\",\n  \"data-[side=left]:slide-in-from-right-2\",\n  \"data-[side=right]:slide-in-from-left-2\",\n  \"data-[side=top]:slide-in-from-bottom-2\",\n]\n\n/**\n * Shared base styles for interactive menu items\n */\nconst menuItemBase = [\n  \"relative flex cursor-default items-center rounded-[var(--menubar-item-radius)] text-[length:var(--menubar-item-text-size)] outline-hidden select-none\",\n  \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n  \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-[var(--menubar-item-icon-size)]\",\n]\n\n/**\n * Menubar root variant styles\n */\nexport const menubarVariants = cva([\n  \"bg-background flex h-[var(--menubar-root-height)] items-center gap-[var(--menubar-root-gap)] rounded-[var(--menubar-root-radius)] border-[var(--menubar-root-border-width)] p-[var(--menubar-root-padding)] shadow-[var(--menubar-root-shadow)]\",\n])\n\n/**\n * MenubarTrigger variant styles\n */\nexport const menubarTriggerVariants = cva([\n  FOCUS_ACCENT_STYLES,\n  \"data-[state=open]:bg-accent data-[state=open]:text-accent-foreground\",\n  \"flex items-center rounded-[var(--menubar-trigger-radius)] px-[var(--menubar-trigger-padding-x)] py-[var(--menubar-trigger-padding-y)] text-[length:var(--menubar-trigger-text-size)] font-medium outline-hidden select-none\",\n])\n\n/**\n * MenubarContent variant styles\n */\nexport const menubarContentVariants = cva([\n  ...menuContentBase,\n  \"min-w-[var(--menubar-content-min-width)] shadow-md\",\n  \"origin-(--radix-menubar-content-transform-origin)\",\n])\n\n/**\n * MenubarSubContent variant styles\n */\nexport const menubarSubContentVariants = cva([\n  ...menuContentBase,\n  \"min-w-[var(--menubar-content-sub-min-width)] shadow-lg\",\n  \"origin-(--radix-menubar-content-transform-origin)\",\n])\n\n/**\n * MenubarItem variant styles\n */\nexport const menubarItemVariants = cva(\n  [\n    ...menuItemBase,\n    \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n    \"px-[var(--menubar-item-padding-x)] py-[var(--menubar-item-padding-y)] gap-[var(--menubar-item-gap)]\",\n  ],\n  {\n    variants: {\n      inset: {\n        true: \"pl-[var(--menubar-item-inset-padding-left)]\",\n        false: \"\",\n      },\n      variant: {\n        default: \"focus:bg-accent focus:text-accent-foreground\",\n        destructive: [\n          \"text-destructive\",\n          \"focus:bg-destructive/10 dark:focus:bg-destructive/20\",\n          \"focus:text-destructive\",\n          \"*:[svg]:!text-destructive\",\n        ],\n      },\n    },\n    defaultVariants: {\n      inset: false,\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * MenubarSubTrigger variant styles\n */\nexport const menubarSubTriggerVariants = cva(\n  [\n    \"focus:bg-accent focus:text-accent-foreground\",\n    \"data-[state=open]:bg-accent data-[state=open]:text-accent-foreground\",\n    \"flex cursor-default items-center rounded-[var(--menubar-item-radius)] px-[var(--menubar-item-padding-x)] py-[var(--menubar-item-padding-y)] text-[length:var(--menubar-item-text-size)] outline-none select-none\",\n  ],\n  {\n    variants: {\n      inset: {\n        true: \"pl-[var(--menubar-item-inset-padding-left)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      inset: false,\n    },\n  }\n)\n\n/**\n * MenubarCheckboxItem variant styles\n */\nexport const menubarCheckboxItemVariants = cva([\n  ...menuItemBase,\n  \"focus:bg-accent focus:text-accent-foreground\",\n  \"py-[var(--menubar-item-padding-y)] pr-[var(--menubar-item-padding-x)] pl-[var(--menubar-item-inset-padding-left)] gap-[var(--menubar-item-gap)] rounded-[var(--menubar-checkbox-radius)]\",\n])\n\n/**\n * MenubarRadioItem variant styles\n */\nexport const menubarRadioItemVariants = cva([\n  ...menuItemBase,\n  \"focus:bg-accent focus:text-accent-foreground\",\n  \"py-[var(--menubar-item-padding-y)] pr-[var(--menubar-item-padding-x)] pl-[var(--menubar-item-inset-padding-left)] gap-[var(--menubar-item-gap)] rounded-[var(--menubar-radio-radius)]\",\n])\n\n/**\n * MenubarLabel variant styles\n */\nexport const menubarLabelVariants = cva(\n  [\"px-[var(--menubar-item-padding-x)] py-[var(--menubar-item-padding-y)] text-[length:var(--menubar-item-text-size)] font-medium\"],\n  {\n    variants: {\n      inset: {\n        true: \"pl-[var(--menubar-item-inset-padding-left)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      inset: false,\n    },\n  }\n)\n\n/**\n * MenubarSeparator variant styles\n */\nexport const menubarSeparatorVariants = cva([\"bg-border -mx-[var(--menubar-separator-margin-x)] my-[var(--menubar-separator-margin-y)] h-[var(--menubar-separator-height)]\"])\n\n/**\n * MenubarShortcut variant styles\n */\nexport const menubarShortcutVariants = cva([\n  \"text-muted-foreground ml-auto text-[length:var(--menubar-shortcut-text-size)] tracking-widest\",\n])\n\n/**\n * Item indicator wrapper styles\n */\nexport const menubarIndicatorWrapperVariants = cva([\n  \"pointer-events-none absolute left-[var(--menubar-indicator-left)] flex size-[var(--menubar-indicator-size)] items-center justify-center\",\n])\n\nexport type MenubarItemVariantProps = VariantProps<typeof menubarItemVariants>\nexport type MenubarSubTriggerVariantProps = VariantProps<\n  typeof menubarSubTriggerVariants\n>\nexport type MenubarLabelVariantProps = VariantProps<typeof menubarLabelVariants>\n","\"use client\"\n\nimport type {\n  MenubarCheckboxItemProps,\n  MenubarContentProps,\n  MenubarGroupProps,\n  MenubarItemProps,\n  MenubarLabelProps,\n  MenubarMenuProps,\n  MenubarPortalProps,\n  MenubarProps,\n  MenubarRadioGroupProps,\n  MenubarRadioItemProps,\n  MenubarSeparatorProps,\n  MenubarShortcutProps,\n  MenubarSubContentProps,\n  MenubarSubProps,\n  MenubarSubTriggerProps,\n  MenubarTriggerProps,\n} from \"./Menubar.types\"\n\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\"\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  menubarCheckboxItemVariants,\n  menubarContentVariants,\n  menubarIndicatorWrapperVariants,\n  menubarItemVariants,\n  menubarLabelVariants,\n  menubarRadioItemVariants,\n  menubarSeparatorVariants,\n  menubarShortcutVariants,\n  menubarSubContentVariants,\n  menubarSubTriggerVariants,\n  menubarTriggerVariants,\n  menubarVariants,\n} from \"./Menubar.variants\"\n\n/**\n * Menubar - A horizontal menu bar for application navigation.\n *\n * Built on top of Radix UI Menubar primitive with additional styling.\n * Provides a desktop-style menu bar with dropdown menus.\n *\n * @example\n * <Menubar>\n *   <MenubarMenu>\n *     <MenubarTrigger>File</MenubarTrigger>\n *     <MenubarContent>\n *       <MenubarItem>New</MenubarItem>\n *       <MenubarItem>Open</MenubarItem>\n *     </MenubarContent>\n *   </MenubarMenu>\n * </Menubar>\n */\nfunction Menubar({ className, ...props }: MenubarProps) {\n  return (\n    <MenubarPrimitive.Root\n      className={cn(menubarVariants(), className)}\n      data-slot=\"menubar\"\n      {...props}\n    />\n  )\n}\n\n/**\n * MenubarMenu - Container for a single menu within the menubar.\n */\nfunction MenubarMenu({ ...props }: MenubarMenuProps) {\n  return <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />\n}\n\n/**\n * MenubarGroup - Groups related menu items together.\n */\nfunction MenubarGroup({ ...props }: MenubarGroupProps) {\n  return <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />\n}\n\n/**\n * MenubarPortal - Renders menubar content in a portal.\n */\nfunction MenubarPortal({ ...props }: MenubarPortalProps) {\n  return <MenubarPrimitive.Portal data-slot=\"menubar-portal\" {...props} />\n}\n\n/**\n * MenubarRadioGroup - Groups radio items together.\n */\nfunction MenubarRadioGroup({ ...props }: MenubarRadioGroupProps) {\n  return (\n    <MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />\n  )\n}\n\n/**\n * MenubarTrigger - Button that opens a menu in the menubar.\n */\nfunction MenubarTrigger({ className, ...props }: MenubarTriggerProps) {\n  return (\n    <MenubarPrimitive.Trigger\n      className={cn(menubarTriggerVariants(), className)}\n      data-slot=\"menubar-trigger\"\n      {...props}\n    />\n  )\n}\n\n/**\n * MenubarContent - Main content container for a menu.\n */\nfunction MenubarContent({\n  className,\n  align = \"start\",\n  alignOffset = -4,\n  sideOffset = 8,\n  ...props\n}: MenubarContentProps) {\n  return (\n    <MenubarPortal>\n      <MenubarPrimitive.Content\n        align={align}\n        alignOffset={alignOffset}\n        className={cn(menubarContentVariants(), className)}\n        data-slot=\"menubar-content\"\n        sideOffset={sideOffset}\n        {...props}\n      />\n    </MenubarPortal>\n  )\n}\n\n/**\n * MenubarItem - An interactive menu item.\n *\n * Supports inset layout and destructive variant.\n */\nfunction MenubarItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: MenubarItemProps) {\n  return (\n    <MenubarPrimitive.Item\n      className={cn(menubarItemVariants({ inset, variant }), className)}\n      data-inset={inset}\n      data-slot=\"menubar-item\"\n      data-variant={variant}\n      {...props}\n    />\n  )\n}\n\n/**\n * MenubarCheckboxItem - A menu item that can be checked/unchecked.\n */\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: MenubarCheckboxItemProps) {\n  return (\n    <MenubarPrimitive.CheckboxItem\n      checked={checked ?? false}\n      className={cn(menubarCheckboxItemVariants(), className)}\n      data-slot=\"menubar-checkbox-item\"\n      {...props}\n    >\n      <span className={cn(menubarIndicatorWrapperVariants())}>\n        <MenubarPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.CheckboxItem>\n  )\n}\n\n/**\n * MenubarRadioItem - A radio menu item within a radio group.\n */\nfunction MenubarRadioItem({\n  className,\n  children,\n  ...props\n}: MenubarRadioItemProps) {\n  return (\n    <MenubarPrimitive.RadioItem\n      className={cn(menubarRadioItemVariants(), className)}\n      data-slot=\"menubar-radio-item\"\n      {...props}\n    >\n      <span className={cn(menubarIndicatorWrapperVariants())}>\n        <MenubarPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.RadioItem>\n  )\n}\n\n/**\n * MenubarLabel - A non-interactive label for menu sections.\n */\nfunction MenubarLabel({ className, inset, ...props }: MenubarLabelProps) {\n  return (\n    <MenubarPrimitive.Label\n      className={cn(menubarLabelVariants({ inset }), className)}\n      data-inset={inset}\n      data-slot=\"menubar-label\"\n      {...props}\n    />\n  )\n}\n\n/**\n * MenubarSeparator - A visual separator between menu sections.\n */\nfunction MenubarSeparator({ className, ...props }: MenubarSeparatorProps) {\n  return (\n    <MenubarPrimitive.Separator\n      className={cn(menubarSeparatorVariants(), className)}\n      data-slot=\"menubar-separator\"\n      {...props}\n    />\n  )\n}\n\n/**\n * MenubarShortcut - Displays keyboard shortcut hints.\n */\nfunction MenubarShortcut({ className, ...props }: MenubarShortcutProps) {\n  return (\n    <span\n      className={cn(menubarShortcutVariants(), className)}\n      data-slot=\"menubar-shortcut\"\n      {...props}\n    />\n  )\n}\n\n/**\n * MenubarSub - Container for nested submenus.\n */\nfunction MenubarSub({ ...props }: MenubarSubProps) {\n  return <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />\n}\n\n/**\n * MenubarSubTrigger - Trigger for opening a submenu.\n *\n * Includes a chevron icon indicator.\n */\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: MenubarSubTriggerProps) {\n  return (\n    <MenubarPrimitive.SubTrigger\n      className={cn(menubarSubTriggerVariants({ inset }), className)}\n      data-inset={inset}\n      data-slot=\"menubar-sub-trigger\"\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto h-4 w-4\" />\n    </MenubarPrimitive.SubTrigger>\n  )\n}\n\n/**\n * MenubarSubContent - Content container for submenus.\n */\nfunction MenubarSubContent({ className, ...props }: MenubarSubContentProps) {\n  return (\n    <MenubarPrimitive.SubContent\n      className={cn(menubarSubContentVariants(), className)}\n      data-slot=\"menubar-sub-content\"\n      {...props}\n    />\n  )\n}\n\nexport {\n  Menubar,\n  MenubarCheckboxItem,\n  MenubarContent,\n  MenubarGroup,\n  MenubarItem,\n  MenubarLabel,\n  MenubarMenu,\n  MenubarPortal,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSeparator,\n  MenubarShortcut,\n  MenubarSub,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarTrigger,\n}\n"]}

package/dist/chunk-VWW3DJKI.js

@@ -0,0 +1,53 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+import 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var hoverCardContentVariants = cva(
+  // Base styles (always applied)
+  "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-[var(--hover-card-content-z-index)] origin-(--radix-hover-card-content-transform-origin) rounded-[var(--hover-card-content-radius)] border-[var(--hover-card-content-border-width)] shadow-[var(--hover-card-content-shadow)] outline-hidden",
+  {
+    variants: {
+      size: {
+        sm: "w-[var(--hover-card-content-width-sm)] p-[var(--hover-card-content-padding-sm)]",
+        default: "w-[var(--hover-card-content-width-default)] p-[var(--hover-card-content-padding-default)]",
+        lg: "w-[var(--hover-card-content-width-lg)] p-[var(--hover-card-content-padding-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+function HoverCard({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
+}
+function HoverCardTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
+}
+function HoverCardContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx(
+    HoverCardPrimitive.Content,
+    {
+      align,
+      className: cn(hoverCardContentVariants(), className),
+      "data-slot": "hover-card-content",
+      sideOffset,
+      ...props
+    }
+  ) });
+}
+
+export { HoverCard, HoverCardContent, HoverCardTrigger };
+//# sourceMappingURL=chunk-VWW3DJKI.js.map
+//# sourceMappingURL=chunk-VWW3DJKI.js.map

package/dist/chunk-VWW3DJKI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/HoverCard/HoverCard.variants.ts","../src/components/data-display/HoverCard/HoverCard.tsx"],"names":[],"mappings":";;;;;;AAUO,IAAM,wBAAA,GAA2B,GAAA;AAAA;AAAA,EAEtC,omBAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,iFAAA;AAAA,QACJ,OAAA,EAAS,2FAAA;AAAA,QACT,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;ACnBA,SAAS,SAAA,CAAU;AAAA,EACjB,GAAG;AACL,CAAA,EAAyD;AACvD,EAAA,2BAA2B,kBAAA,CAAA,IAAA,EAAnB,EAAwB,WAAA,EAAU,YAAA,EAAc,GAAG,KAAA,EAAO,CAAA;AACpE;AAEA,SAAS,gBAAA,CAAiB;AAAA,EACxB,GAAG;AACL,CAAA,EAA4D;AAC1D,EAAA,2BACsB,kBAAA,CAAA,OAAA,EAAnB,EAA2B,WAAA,EAAU,oBAAA,EAAsB,GAAG,KAAA,EAAO,CAAA;AAE1E;AAEA,SAAS,gBAAA,CAAiB;AAAA,EACxB,SAAA;AAAA,EACA,KAAA,GAAQ,QAAA;AAAA,EACR,UAAA,GAAa,CAAA;AAAA,EACb,GAAG;AACL,CAAA,EAA4D;AAC1D,EAAA,uBACE,GAAA,CAAoB,kBAAA,CAAA,MAAA,EAAnB,EAA0B,WAAA,EAAU,mBAAA,EACnC,QAAA,kBAAA,GAAA;AAAA,IAAoB,kBAAA,CAAA,OAAA;AAAA,IAAnB;AAAA,MACC,KAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,wBAAA,EAAyB,EAAG,SAAS,CAAA;AAAA,MACnD,WAAA,EAAU,oBAAA;AAAA,MACV,UAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN,EACF,CAAA;AAEJ","file":"chunk-VWW3DJKI.js","sourcesContent":["// HoverCard/HoverCard.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * HoverCard content style variants using CVA\n *\n * Controls the popover appearance when hovering.\n *\n * @see https://cva.style/docs\n */\nexport const hoverCardContentVariants = cva(\n  // Base styles (always applied)\n  \"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-[var(--hover-card-content-z-index)] origin-(--radix-hover-card-content-transform-origin) rounded-[var(--hover-card-content-radius)] border-[var(--hover-card-content-border-width)] shadow-[var(--hover-card-content-shadow)] outline-hidden\",\n  {\n    variants: {\n      size: {\n        sm: \"w-[var(--hover-card-content-width-sm)] p-[var(--hover-card-content-padding-sm)]\",\n        default: \"w-[var(--hover-card-content-width-default)] p-[var(--hover-card-content-padding-default)]\",\n        lg: \"w-[var(--hover-card-content-width-lg)] p-[var(--hover-card-content-padding-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n// Export variant prop types\nexport type HoverCardContentVariantProps = VariantProps<typeof hoverCardContentVariants>\n","import * as HoverCardPrimitive from \"@radix-ui/react-hover-card\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { hoverCardContentVariants } from \"./HoverCard.variants\"\n\nfunction HoverCard({\n  ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Root>) {\n  return <HoverCardPrimitive.Root data-slot=\"hover-card\" {...props} />\n}\n\nfunction HoverCardTrigger({\n  ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {\n  return (\n    <HoverCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />\n  )\n}\n\nfunction HoverCardContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Content>) {\n  return (\n    <HoverCardPrimitive.Portal data-slot=\"hover-card-portal\">\n      <HoverCardPrimitive.Content\n        align={align}\n        className={cn(hoverCardContentVariants(), className)}\n        data-slot=\"hover-card-content\"\n        sideOffset={sideOffset}\n        {...props}\n      />\n    </HoverCardPrimitive.Portal>\n  )\n}\n\nexport { HoverCard, HoverCardContent, HoverCardTrigger }\n"]}

package/dist/chunk-VZZ3HP7G.js

@@ -0,0 +1,230 @@
+import { Divider } from './chunk-3L5G7VI2.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function ItemGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("group/item-group flex flex-col", className),
+      "data-slot": "item-group",
+      role: "list",
+      ...props
+    }
+  );
+}
+function ItemSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Divider,
+    {
+      className: cn("my-0", className),
+      "data-slot": "item-separator",
+      orientation: "horizontal",
+      ...props
+    }
+  );
+}
+var itemVariants = cva(
+  "group/item flex items-center border border-transparent text-sm rounded-md transition-[colors,transform,box-shadow] [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border-border",
+        muted: "bg-muted/50",
+        active: "bg-[color:var(--sidebar-accent)] text-[color:var(--sidebar-accent-foreground)] font-medium"
+      },
+      size: {
+        sm: "py-3 px-4 gap-2.5 min-h-7",
+        default: "p-4 gap-4 min-h-8",
+        lg: "py-3.5 px-4 gap-3.5 min-h-14"
+      },
+      interactive: {
+        true: "cursor-pointer hover:translate-y-px active:translate-y-0.5 motion-reduce:transform-none",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      interactive: false
+    }
+  }
+);
+function Item({
+  className,
+  variant,
+  active = false,
+  interactive = false,
+  size = "default",
+  asChild = false,
+  "data-id": dataId,
+  onClick,
+  onFocus,
+  onKeyDown,
+  ...props
+}) {
+  const resolvedVariant = variant ?? (active ? "active" : "default");
+  const isActive = resolvedVariant === "active";
+  const Comp = asChild ? Slot : interactive ? "button" : "div";
+  const createPayload = React.useCallback(
+    () => ({
+      ...dataId ? { id: dataId } : {},
+      active: isActive,
+      timestamp: Date.now()
+    }),
+    [dataId, isActive]
+  );
+  const handleClick = React.useCallback(
+    (event) => {
+      onClick?.(event, createPayload());
+    },
+    [onClick, createPayload]
+  );
+  const handleFocus = React.useCallback(
+    (event) => {
+      onFocus?.(event, createPayload());
+    },
+    [onFocus, createPayload]
+  );
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      onKeyDown?.(event, createPayload());
+    },
+    [onKeyDown, createPayload]
+  );
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "aria-current": isActive && interactive ? "page" : void 0,
+      className: cn(itemVariants({ variant: resolvedVariant, size, interactive, className })),
+      "data-active": isActive || void 0,
+      "data-id": dataId,
+      "data-interactive": interactive ?? void 0,
+      "data-size": size,
+      "data-slot": "item",
+      "data-variant": resolvedVariant,
+      type: interactive && !asChild ? "button" : void 0,
+      onClick: handleClick,
+      onFocus: handleFocus,
+      onKeyDown: handleKeyDown,
+      ...props
+    }
+  );
+}
+var itemMediaVariants = cva(
+  "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4",
+        image: "size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function ItemMedia({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(itemMediaVariants({ variant, className })),
+      "data-slot": "item-media",
+      "data-variant": variant,
+      ...props
+    }
+  );
+}
+function ItemContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none",
+        className
+      ),
+      "data-slot": "item-content",
+      ...props
+    }
+  );
+}
+function ItemTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex w-fit items-center gap-2 text-sm leading-snug font-medium",
+        className
+      ),
+      "data-slot": "item-title",
+      ...props
+    }
+  );
+}
+function ItemDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      className: cn(
+        "text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        className
+      ),
+      "data-slot": "item-description",
+      ...props
+    }
+  );
+}
+function ItemActions({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex items-center gap-2", className),
+      "data-slot": "item-actions",
+      ...props
+    }
+  );
+}
+function ItemHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex basis-full items-center justify-between gap-2",
+        className
+      ),
+      "data-slot": "item-header",
+      ...props
+    }
+  );
+}
+function ItemFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex basis-full items-center justify-between gap-2",
+        className
+      ),
+      "data-slot": "item-footer",
+      ...props
+    }
+  );
+}
+
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, itemMediaVariants, itemVariants };
+//# sourceMappingURL=chunk-VZZ3HP7G.js.map
+//# sourceMappingURL=chunk-VZZ3HP7G.js.map

package/dist/chunk-VZZ3HP7G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Item/Item.tsx"],"names":[],"mappings":"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","file":"chunk-VZZ3HP7G.js","sourcesContent":["import { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Divider } from \"../../primitives/Divider\"\n\nfunction ItemGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\"group/item-group flex flex-col\", className)}\n      data-slot=\"item-group\"\n      role=\"list\"\n      {...props}\n    />\n  )\n}\n\nfunction ItemSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof Divider>) {\n  return (\n    <Divider\n      className={cn(\"my-0\", className)}\n      data-slot=\"item-separator\"\n      orientation=\"horizontal\"\n      {...props}\n    />\n  )\n}\n\nconst itemVariants = cva(\n  \"group/item flex items-center border border-transparent text-sm rounded-md transition-[colors,transform,box-shadow] [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline: \"border-border\",\n        muted: \"bg-muted/50\",\n        active: \"bg-[color:var(--sidebar-accent)] text-[color:var(--sidebar-accent-foreground)] font-medium\",\n      },\n      size: {\n        sm: \"py-3 px-4 gap-2.5 min-h-7\",\n        default: \"p-4 gap-4 min-h-8\",\n        lg: \"py-3.5 px-4 gap-3.5 min-h-14\",\n      },\n      interactive: {\n        true: \"cursor-pointer hover:translate-y-px active:translate-y-0.5 motion-reduce:transform-none\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n      interactive: false,\n    },\n  }\n)\n\nexport interface ItemEventPayload {\n  /** Whether the item is currently in active state */\n  active: boolean\n  /** Reflects the `data-id` prop */\n  id?: string\n  /** Event timestamp (Date.now()) */\n  timestamp: number\n}\n\ninterface ItemProps\n  extends Omit<React.ComponentProps<\"div\">, \"onClick\" | \"onFocus\" | \"onKeyDown\">,\n    VariantProps<typeof itemVariants> {\n  /** Shorthand for `variant=\"active\"`. When both passed, `variant` wins. */\n  active?: boolean\n  asChild?: boolean\n  /** Reflected to `data-id` and to the event payload. */\n  \"data-id\"?: string\n  /** Click handler — receives the event + an ItemEventPayload. */\n  onClick?: (\n    event: React.MouseEvent<HTMLButtonElement | HTMLDivElement>,\n    payload: ItemEventPayload,\n  ) => void\n  onFocus?: (\n    event: React.FocusEvent<HTMLButtonElement | HTMLDivElement>,\n    payload: ItemEventPayload,\n  ) => void\n  onKeyDown?: (\n    event: React.KeyboardEvent<HTMLButtonElement | HTMLDivElement>,\n    payload: ItemEventPayload,\n  ) => void\n}\n\nfunction Item({\n  className,\n  variant,\n  active = false,\n  interactive = false,\n  size = \"default\",\n  asChild = false,\n  \"data-id\": dataId,\n  onClick,\n  onFocus,\n  onKeyDown,\n  ...props\n}: ItemProps) {\n  // active prop is shorthand for variant=\"active\"; explicit variant wins\n  const resolvedVariant = variant ?? (active ? \"active\" : \"default\")\n  const isActive = resolvedVariant === \"active\"\n\n  // Root element selection: asChild > interactive=button > default div\n  // (when asChild, Radix Slot proxies to the child)\n  // Cast to ElementType so the spread of generic props works against any root\n  const Comp = (asChild ? Slot : interactive ? \"button\" : \"div\") as React.ElementType\n\n  const createPayload = React.useCallback(\n    (): ItemEventPayload => ({\n      ...(dataId ? { id: dataId } : {}),\n      active: isActive,\n      timestamp: Date.now(),\n    }),\n    [dataId, isActive],\n  )\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => {\n      onClick?.(event, createPayload())\n    },\n    [onClick, createPayload],\n  )\n\n  const handleFocus = React.useCallback(\n    (event: React.FocusEvent<HTMLButtonElement | HTMLDivElement>) => {\n      onFocus?.(event, createPayload())\n    },\n    [onFocus, createPayload],\n  )\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLButtonElement | HTMLDivElement>) => {\n      onKeyDown?.(event, createPayload())\n    },\n    [onKeyDown, createPayload],\n  )\n\n  return (\n    <Comp\n      aria-current={isActive && interactive ? \"page\" : undefined}\n      className={cn(itemVariants({ variant: resolvedVariant, size, interactive, className }))}\n      data-active={isActive || undefined}\n      data-id={dataId}\n      data-interactive={interactive ?? undefined}\n      data-size={size}\n      data-slot=\"item\"\n      data-variant={resolvedVariant}\n      type={interactive && !asChild ? \"button\" : undefined}\n      onClick={handleClick}\n      onFocus={handleFocus}\n      onKeyDown={handleKeyDown}\n      {...props}\n    />\n  )\n}\n\nconst itemMediaVariants = cva(\n  \"flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4\",\n        image:\n          \"size-10 rounded-sm overflow-hidden [&_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      className={cn(itemMediaVariants({ variant, className }))}\n      data-slot=\"item-media\"\n      data-variant={variant}\n      {...props}\n    />\n  )\n}\n\nfunction ItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none\",\n        className\n      )}\n      data-slot=\"item-content\"\n      {...props}\n    />\n  )\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"flex w-fit items-center gap-2 text-sm leading-snug font-medium\",\n        className\n      )}\n      data-slot=\"item-title\"\n      {...props}\n    />\n  )\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      className={cn(\n        \"text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance\",\n        \"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n        className\n      )}\n      data-slot=\"item-description\"\n      {...props}\n    />\n  )\n}\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\"flex items-center gap-2\", className)}\n      data-slot=\"item-actions\"\n      {...props}\n    />\n  )\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className\n      )}\n      data-slot=\"item-header\"\n      {...props}\n    />\n  )\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className\n      )}\n      data-slot=\"item-footer\"\n      {...props}\n    />\n  )\n}\n\nexport {\n  Item,\n  ItemActions,\n  ItemContent,\n  ItemDescription,\n  ItemFooter,\n  ItemGroup,\n  ItemHeader,\n  ItemMedia,\n  itemMediaVariants,\n  ItemSeparator,\n  ItemTitle,\n  itemVariants,\n}\n"]}