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

package/dist/chunk-DQGBTZRX.js

@@ -0,0 +1,270 @@
+import { ScrollArea } from './chunk-HM6TEHA6.js';
+import { cn } from './chunk-RVAYDRMA.js';
+import { useRef, useCallback } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var menuVariants = cva(
+  [
+    "flex p-[var(--menu-root-padding)]",
+    // Floating chrome (DES-1281): Menu owns the popover casing — bg/border/shadow/radius —
+    // so consumers no longer wrap it in a `rounded-md border bg-popover shadow-md` div.
+    "rounded-[var(--menu-content-radius)] border border-[color:var(--menu-content-border)] bg-[color:var(--menu-content-bg)] shadow-[var(--menu-content-shadow)]"
+  ],
+  {
+    variants: {
+      orientation: {
+        vertical: "flex-col",
+        horizontal: "flex-row"
+      }
+    },
+    defaultVariants: {
+      orientation: "vertical"
+    }
+  }
+);
+var menuItemVariants = cva(
+  [
+    // Base styles
+    "relative flex w-full cursor-pointer select-none items-center gap-[var(--menu-item-gap)]",
+    "rounded-[var(--menu-item-radius)] px-[var(--menu-item-padding-x)] py-[var(--menu-item-padding-y)] text-[length:var(--menu-item-text-size)] outline-none",
+    // Focus styles
+    "focus:bg-[color:var(--menu-item-bg-hover)] focus:text-[color:var(--menu-item-fg-hover)]",
+    // Hover styles
+    "hover:bg-[color:var(--menu-item-bg-hover)] hover:text-[color:var(--menu-item-fg-hover)]",
+    // Transition
+    "transition-colors",
+    // Disabled styles
+    "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+    // SVG styles
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "",
+        destructive: "text-[color:var(--menu-item-fg-destructive)] focus:bg-destructive/10 focus:text-[color:var(--menu-item-fg-destructive)] hover:bg-destructive/10 hover:text-[color:var(--menu-item-fg-destructive)]"
+      },
+      inset: {
+        true: "pl-8",
+        false: ""
+      },
+      selected: {
+        true: "bg-accent/50",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      inset: false,
+      selected: false
+    }
+  }
+);
+var menuGroupVariants = cva([
+  "flex flex-col gap-1"
+]);
+var menuLabelVariants = cva(
+  [
+    "px-2 py-1.5 text-xs font-medium text-muted-foreground",
+    "uppercase tracking-wider"
+  ],
+  {
+    variants: {
+      inset: {
+        true: "pl-8",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      inset: false
+    }
+  }
+);
+var menuSeparatorVariants = cva([
+  "-mx-1 my-1 h-px bg-border"
+]);
+var menuShortcutVariants = cva([
+  "ml-auto text-xs tracking-widest text-muted-foreground"
+]);
+function Menu({
+  className,
+  orientation = "vertical",
+  maxHeight,
+  children,
+  ...props
+}) {
+  const menuRef = useRef(null);
+  const handleKeyDown = useCallback(
+    (event) => {
+      const menu = menuRef.current;
+      if (!menu) return;
+      const items = [...menu.querySelectorAll('[role="menuitem"]:not([data-disabled])')];
+      if (items.length === 0) return;
+      const currentIndex = items.findIndex((item) => item === document.activeElement);
+      let nextIndex = null;
+      switch (event.key) {
+        case "ArrowDown":
+          if (orientation === "vertical") {
+            event.preventDefault();
+            nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : 0;
+          }
+          break;
+        case "ArrowUp":
+          if (orientation === "vertical") {
+            event.preventDefault();
+            nextIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1;
+          }
+          break;
+        case "ArrowRight":
+          if (orientation === "horizontal") {
+            event.preventDefault();
+            nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : 0;
+          }
+          break;
+        case "ArrowLeft":
+          if (orientation === "horizontal") {
+            event.preventDefault();
+            nextIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1;
+          }
+          break;
+        case "Home":
+          event.preventDefault();
+          nextIndex = 0;
+          break;
+        case "End":
+          event.preventDefault();
+          nextIndex = items.length - 1;
+          break;
+      }
+      if (nextIndex !== null) {
+        const nextItem = items[nextIndex];
+        if (nextItem) {
+          nextItem.focus();
+        }
+      }
+    },
+    [orientation]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: menuRef,
+      className: cn(menuVariants({ orientation }), className),
+      "data-slot": "menu",
+      role: "menu",
+      onKeyDown: handleKeyDown,
+      ...props,
+      children: maxHeight == null ? children : /* @__PURE__ */ jsx(ScrollArea, { className: "w-full", style: { maxHeight }, children })
+    }
+  );
+}
+function MenuItem({
+  className,
+  variant = "default",
+  inset = false,
+  selected = false,
+  onSelect,
+  disabled = false,
+  children,
+  onClick,
+  onKeyDown,
+  ...props
+}) {
+  const handleClick = useCallback(
+    (event) => {
+      if (disabled) return;
+      onClick?.(event);
+      onSelect?.();
+    },
+    [disabled, onClick, onSelect]
+  );
+  const handleKeyDown = useCallback(
+    (event) => {
+      onKeyDown?.(event);
+      if (disabled) return;
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        onSelect?.();
+      }
+    },
+    [disabled, onKeyDown, onSelect]
+  );
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      "aria-disabled": disabled || void 0,
+      "aria-selected": selected || void 0,
+      className: cn(menuItemVariants({ variant, inset, selected }), className),
+      "data-disabled": disabled || void 0,
+      "data-slot": "menu-item",
+      role: "menuitem",
+      tabIndex: disabled ? -1 : 0,
+      type: "button",
+      onClick: handleClick,
+      onKeyDown: handleKeyDown,
+      ...props,
+      children
+    }
+  );
+}
+function MenuGroup({
+  className,
+  label,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-label": label,
+      className: cn(menuGroupVariants(), className),
+      "data-slot": "menu-group",
+      role: "group",
+      ...props,
+      children
+    }
+  );
+}
+function MenuLabel({
+  className,
+  inset = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(menuLabelVariants({ inset }), className),
+      "data-slot": "menu-label",
+      ...props,
+      children
+    }
+  );
+}
+function MenuSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(menuSeparatorVariants(), className),
+      "data-slot": "menu-separator",
+      role: "separator",
+      ...props
+    }
+  );
+}
+function MenuShortcut({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(menuShortcutVariants(), className),
+      "data-slot": "menu-shortcut",
+      ...props,
+      children
+    }
+  );
+}
+
+export { Menu, MenuGroup, MenuItem, MenuLabel, MenuSeparator, MenuShortcut, menuGroupVariants, menuItemVariants, menuLabelVariants, menuSeparatorVariants, menuShortcutVariants, menuVariants };
+//# sourceMappingURL=chunk-DQGBTZRX.js.map
+//# sourceMappingURL=chunk-DQGBTZRX.js.map

package/dist/chunk-DQGBTZRX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/Menu/Menu.variants.ts","../src/components/navigation/Menu/Menu.tsx"],"names":[],"mappings":"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","file":"chunk-DQGBTZRX.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * Menu root variant styles\n */\nexport const menuVariants = cva(\n  [\n    \"flex p-[var(--menu-root-padding)]\",\n    // Floating chrome (DES-1281): Menu owns the popover casing — bg/border/shadow/radius —\n    // so consumers no longer wrap it in a `rounded-md border bg-popover shadow-md` div.\n    \"rounded-[var(--menu-content-radius)] border border-[color:var(--menu-content-border)] bg-[color:var(--menu-content-bg)] shadow-[var(--menu-content-shadow)]\",\n  ],\n  {\n    variants: {\n      orientation: {\n        vertical: \"flex-col\",\n        horizontal: \"flex-row\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"vertical\",\n    },\n  }\n)\n\n/**\n * MenuItem variant styles\n */\nexport const menuItemVariants = cva(\n  [\n    // Base styles\n    \"relative flex w-full cursor-pointer select-none items-center gap-[var(--menu-item-gap)]\",\n    \"rounded-[var(--menu-item-radius)] px-[var(--menu-item-padding-x)] py-[var(--menu-item-padding-y)] text-[length:var(--menu-item-text-size)] outline-none\",\n    // Focus styles\n    \"focus:bg-[color:var(--menu-item-bg-hover)] focus:text-[color:var(--menu-item-fg-hover)]\",\n    // Hover styles\n    \"hover:bg-[color:var(--menu-item-bg-hover)] hover:text-[color:var(--menu-item-fg-hover)]\",\n    // Transition\n    \"transition-colors\",\n    // Disabled styles\n    \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n    // SVG styles\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        destructive: \"text-[color:var(--menu-item-fg-destructive)] focus:bg-destructive/10 focus:text-[color:var(--menu-item-fg-destructive)] hover:bg-destructive/10 hover:text-[color:var(--menu-item-fg-destructive)]\",\n      },\n      inset: {\n        true: \"pl-8\",\n        false: \"\",\n      },\n      selected: {\n        true: \"bg-accent/50\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      inset: false,\n      selected: false,\n    },\n  }\n)\n\n/**\n * MenuGroup variant styles\n */\nexport const menuGroupVariants = cva([\n  \"flex flex-col gap-1\",\n])\n\n/**\n * MenuLabel variant styles\n */\nexport const menuLabelVariants = cva(\n  [\n    \"px-2 py-1.5 text-xs font-medium text-muted-foreground\",\n    \"uppercase tracking-wider\",\n  ],\n  {\n    variants: {\n      inset: {\n        true: \"pl-8\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      inset: false,\n    },\n  }\n)\n\n/**\n * MenuSeparator variant styles\n */\nexport const menuSeparatorVariants = cva([\n  \"-mx-1 my-1 h-px bg-border\",\n])\n\n/**\n * MenuShortcut variant styles\n */\nexport const menuShortcutVariants = cva([\n  \"ml-auto text-xs tracking-widest text-muted-foreground\",\n])\n","\"use client\"\n\nimport type {\n  MenuGroupProps,\n  MenuItemProps,\n  MenuLabelProps,\n  MenuProps,\n  MenuSeparatorProps,\n  MenuShortcutProps,\n} from \"./Menu.types\"\nimport type { KeyboardEvent } from \"react\";\n\nimport { useCallback, useRef } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { ScrollArea } from \"../../layout/ScrollArea\"\nimport {\n  menuGroupVariants,\n  menuItemVariants,\n  menuLabelVariants,\n  menuSeparatorVariants,\n  menuShortcutVariants,\n  menuVariants,\n} from \"./Menu.variants\"\n\n/**\n * Menu - A navigable list of options with keyboard support.\n *\n * Base component for creating custom menus with full accessibility.\n *\n * @example\n * <Menu>\n *   <MenuItem onSelect={() => console.log(\"Edit\")}>Edit</MenuItem>\n *   <MenuItem onSelect={() => console.log(\"Copy\")}>Copy</MenuItem>\n *   <MenuSeparator />\n *   <MenuItem variant=\"destructive\">Delete</MenuItem>\n * </Menu>\n */\nfunction Menu({\n  className,\n  orientation = \"vertical\",\n  maxHeight,\n  children,\n  ...props\n}: MenuProps) {\n  const menuRef = useRef<HTMLDivElement>(null)\n\n  /* eslint-disable sonarjs/cognitive-complexity -- Keyboard navigation requires handling multiple key cases */\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      const menu = menuRef.current\n      if (!menu) return\n\n      const items = [...menu.querySelectorAll('[role=\"menuitem\"]:not([data-disabled])')] as HTMLElement[]\n\n      if (items.length === 0) return\n\n      const currentIndex = items.findIndex((item) => item === document.activeElement)\n\n      let nextIndex: null | number = null\n\n      switch (event.key) {\n        case \"ArrowDown\":\n          if (orientation === \"vertical\") {\n            event.preventDefault()\n            nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : 0\n          }\n          break\n        case \"ArrowUp\":\n          if (orientation === \"vertical\") {\n            event.preventDefault()\n            nextIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1\n          }\n          break\n        case \"ArrowRight\":\n          if (orientation === \"horizontal\") {\n            event.preventDefault()\n            nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : 0\n          }\n          break\n        case \"ArrowLeft\":\n          if (orientation === \"horizontal\") {\n            event.preventDefault()\n            nextIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1\n          }\n          break\n        case \"Home\":\n          event.preventDefault()\n          nextIndex = 0\n          break\n        case \"End\":\n          event.preventDefault()\n          nextIndex = items.length - 1\n          break\n      }\n\n      if (nextIndex !== null) {\n        const nextItem = items[nextIndex]\n        if (nextItem) {\n          nextItem.focus()\n        }\n      }\n    },\n    [orientation]\n  )\n  /* eslint-enable sonarjs/cognitive-complexity */\n\n  return (\n    <div\n      ref={menuRef}\n      className={cn(menuVariants({ orientation }), className)}\n      data-slot=\"menu\"\n      role=\"menu\"\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      {maxHeight == null ? (\n        children\n      ) : (\n        <ScrollArea className=\"w-full\" style={{ maxHeight }}>\n          {children}\n        </ScrollArea>\n      )}\n    </div>\n  )\n}\n\n/**\n * MenuItem - Individual menu item with optional variants.\n */\nfunction MenuItem({\n  className,\n  variant = \"default\",\n  inset = false,\n  selected = false,\n  onSelect,\n  disabled = false,\n  children,\n  onClick,\n  onKeyDown,\n  ...props\n}: MenuItemProps) {\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      if (disabled) return\n      onClick?.(event)\n      onSelect?.()\n    },\n    [disabled, onClick, onSelect]\n  )\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLButtonElement>) => {\n      onKeyDown?.(event)\n      if (disabled) return\n\n      if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault()\n        onSelect?.()\n      }\n    },\n    [disabled, onKeyDown, onSelect]\n  )\n\n  return (\n    <button\n      aria-disabled={disabled || undefined}\n      aria-selected={selected || undefined}\n      className={cn(menuItemVariants({ variant, inset, selected }), className)}\n      data-disabled={disabled || undefined}\n      data-slot=\"menu-item\"\n      role=\"menuitem\"\n      tabIndex={disabled ? -1 : 0}\n      type=\"button\"\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n}\n\n/**\n * MenuGroup - Groups related menu items together.\n */\nfunction MenuGroup({\n  className,\n  label,\n  children,\n  ...props\n}: MenuGroupProps) {\n  return (\n    <div\n      aria-label={label}\n      className={cn(menuGroupVariants(), className)}\n      data-slot=\"menu-group\"\n      role=\"group\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n/**\n * MenuLabel - Label for a group of menu items.\n */\nfunction MenuLabel({\n  className,\n  inset = false,\n  children,\n  ...props\n}: MenuLabelProps) {\n  return (\n    <div\n      className={cn(menuLabelVariants({ inset }), className)}\n      data-slot=\"menu-label\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n/**\n * MenuSeparator - Visual divider between menu items.\n */\nfunction MenuSeparator({ className, ...props }: MenuSeparatorProps) {\n  return (\n    <div\n      className={cn(menuSeparatorVariants(), className)}\n      data-slot=\"menu-separator\"\n      role=\"separator\"\n      {...props}\n    />\n  )\n}\n\n/**\n * MenuShortcut - Displays keyboard shortcut hint.\n */\nfunction MenuShortcut({ className, children, ...props }: MenuShortcutProps) {\n  return (\n    <span\n      className={cn(menuShortcutVariants(), className)}\n      data-slot=\"menu-shortcut\"\n      {...props}\n    >\n      {children}\n    </span>\n  )\n}\n\nexport { Menu, MenuGroup, MenuItem, MenuLabel, MenuSeparator, MenuShortcut }\n"]}

package/dist/chunk-DRIEZH7R.js

@@ -0,0 +1,107 @@
+import { cn } from './chunk-RVAYDRMA.js';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var stackVariants = cva("flex", {
+  variants: {
+    /**
+     * Direction of the stack
+     * - column: Elements stacked vertically (default)
+     * - row: Elements in a horizontal line
+     * - wrap: Elements in a row that wraps to new lines
+     */
+    direction: {
+      column: "flex-col",
+      row: "flex-row",
+      wrap: "flex-row flex-wrap"
+    },
+    /**
+     * Spacing between elements (gap)
+     */
+    spacing: {
+      0: "gap-0",
+      1: "gap-1",
+      2: "gap-2",
+      3: "gap-3",
+      4: "gap-4",
+      6: "gap-6",
+      8: "gap-8"
+    },
+    /**
+     * Cross axis alignment (align-items)
+     * - start: Items at the start
+     * - center: Items at the center
+     * - end: Items at the end
+     * - stretch: Items stretched to fill
+     */
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch"
+    },
+    /**
+     * Main axis alignment (justify-content)
+     * - start: Items at the start
+     * - center: Items at the center
+     * - end: Items at the end
+     * - between: Space between items
+     * - around: Space around items
+     */
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around"
+    },
+    /**
+     * Whether children should grow to fill available space
+     */
+    grow: {
+      true: "[&>*]:flex-1",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    direction: "column",
+    spacing: 4,
+    align: "start",
+    justify: "start",
+    grow: false
+  }
+});
+function Stack({
+  as: Component = "div",
+  direction,
+  spacing,
+  align,
+  justify,
+  grow,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      className: cn(
+        stackVariants({
+          direction,
+          spacing,
+          align,
+          justify,
+          grow
+        }),
+        className
+      ),
+      "data-direction": direction,
+      "data-slot": "stack",
+      "data-spacing": spacing,
+      ...props
+    }
+  );
+}
+
+export { Stack, stackVariants };
+//# sourceMappingURL=chunk-DRIEZH7R.js.map
+//# sourceMappingURL=chunk-DRIEZH7R.js.map

package/dist/chunk-DRIEZH7R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Stack/Stack.variants.ts","../src/components/layout/Stack/Stack.tsx"],"names":[],"mappings":";;;;AAMO,IAAM,aAAA,GAAgB,IAAI,MAAA,EAAQ;AAAA,EACvC,QAAA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOR,SAAA,EAAW;AAAA,MACT,MAAA,EAAQ,UAAA;AAAA,MACR,GAAA,EAAK,UAAA;AAAA,MACL,IAAA,EAAM;AAAA,KACR;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA,EAAS;AAAA,MACP,CAAA,EAAG,OAAA;AAAA,MACH,CAAA,EAAG,OAAA;AAAA,MACH,CAAA,EAAG,OAAA;AAAA,MACH,CAAA,EAAG,OAAA;AAAA,MACH,CAAA,EAAG,OAAA;AAAA,MACH,CAAA,EAAG,OAAA;AAAA,MACH,CAAA,EAAG;AAAA,KACL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA,KAAA,EAAO;AAAA,MACL,KAAA,EAAO,aAAA;AAAA,MACP,MAAA,EAAQ,cAAA;AAAA,MACR,GAAA,EAAK,WAAA;AAAA,MACL,OAAA,EAAS;AAAA,KACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA,OAAA,EAAS;AAAA,MACP,KAAA,EAAO,eAAA;AAAA,MACP,MAAA,EAAQ,gBAAA;AAAA,MACR,GAAA,EAAK,aAAA;AAAA,MACL,OAAA,EAAS,iBAAA;AAAA,MACT,MAAA,EAAQ;AAAA,KACV;AAAA;AAAA;AAAA;AAAA,IAIA,IAAA,EAAM;AAAA,MACJ,IAAA,EAAM,cAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,SAAA,EAAW,QAAA;AAAA,IACX,OAAA,EAAS,CAAA;AAAA,IACT,KAAA,EAAO,OAAA;AAAA,IACP,OAAA,EAAS,OAAA;AAAA,IACT,IAAA,EAAM;AAAA;AAEV,CAAC;AC/CD,SAAS,KAAA,CAAM;AAAA,EACb,IAAI,SAAA,GAAY,KAAA;AAAA,EAChB,SAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAe;AACb,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,aAAA,CAAc;AAAA,UACZ,SAAA;AAAA,UACA,OAAA;AAAA,UACA,KAAA;AAAA,UACA,OAAA;AAAA,UACA;AAAA,SACD,CAAA;AAAA,QACD;AAAA,OACF;AAAA,MACA,gBAAA,EAAgB,SAAA;AAAA,MAChB,WAAA,EAAU,OAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACb,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-DRIEZH7R.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Stack variant styles\n * Utility component for organizing elements in rows or columns with consistent spacing\n */\nexport const stackVariants = cva(\"flex\", {\n  variants: {\n    /**\n     * Direction of the stack\n     * - column: Elements stacked vertically (default)\n     * - row: Elements in a horizontal line\n     * - wrap: Elements in a row that wraps to new lines\n     */\n    direction: {\n      column: \"flex-col\",\n      row: \"flex-row\",\n      wrap: \"flex-row flex-wrap\",\n    },\n    /**\n     * Spacing between elements (gap)\n     */\n    spacing: {\n      0: \"gap-0\",\n      1: \"gap-1\",\n      2: \"gap-2\",\n      3: \"gap-3\",\n      4: \"gap-4\",\n      6: \"gap-6\",\n      8: \"gap-8\",\n    },\n    /**\n     * Cross axis alignment (align-items)\n     * - start: Items at the start\n     * - center: Items at the center\n     * - end: Items at the end\n     * - stretch: Items stretched to fill\n     */\n    align: {\n      start: \"items-start\",\n      center: \"items-center\",\n      end: \"items-end\",\n      stretch: \"items-stretch\",\n    },\n    /**\n     * Main axis alignment (justify-content)\n     * - start: Items at the start\n     * - center: Items at the center\n     * - end: Items at the end\n     * - between: Space between items\n     * - around: Space around items\n     */\n    justify: {\n      start: \"justify-start\",\n      center: \"justify-center\",\n      end: \"justify-end\",\n      between: \"justify-between\",\n      around: \"justify-around\",\n    },\n    /**\n     * Whether children should grow to fill available space\n     */\n    grow: {\n      true: \"[&>*]:flex-1\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    direction: \"column\",\n    spacing: 4,\n    align: \"start\",\n    justify: \"start\",\n    grow: false,\n  },\n})\n\nexport type StackVariantProps = VariantProps<typeof stackVariants>\n","import type { StackProps } from \"./Stack.types\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { stackVariants } from \"./Stack.variants\"\n\n/**\n * Stack component for organizing elements in rows or columns\n *\n * A utility component that organizes child elements in a flexible box layout\n * with consistent spacing. Simplifies creating layouts without complex Tailwind classes.\n *\n * @example\n * ```tsx\n * <Stack spacing={4}>\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n * </Stack>\n * ```\n *\n * @example\n * ```tsx\n * <Stack direction=\"row\" spacing={2} align=\"center\">\n *   <Button>Save</Button>\n *   <Button>Cancel</Button>\n * </Stack>\n * ```\n */\nfunction Stack({\n  as: Component = \"div\",\n  direction,\n  spacing,\n  align,\n  justify,\n  grow,\n  className,\n  ...props\n}: StackProps) {\n  return (\n    <Component\n      className={cn(\n        stackVariants({\n          direction,\n          spacing,\n          align,\n          justify,\n          grow,\n        }),\n        className\n      )}\n      data-direction={direction}\n      data-slot=\"stack\"\n      data-spacing={spacing}\n      {...props}\n    />\n  )\n}\n\nexport { Stack }\n"]}

package/dist/chunk-E6SAO2CY.js

@@ -0,0 +1,53 @@
+import { cn } from './chunk-RVAYDRMA.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-E6SAO2CY.js.map
+//# sourceMappingURL=chunk-E6SAO2CY.js.map

package/dist/chunk-E6SAO2CY.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-E6SAO2CY.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-EDSIOUUR.js

@@ -0,0 +1,159 @@
+import { Label } from './chunk-7Y325TBV.js';
+import { cn } from './chunk-RVAYDRMA.js';
+import { Slot } from '@radix-ui/react-slot';
+import * as React from 'react';
+import { FormProvider, Controller, useFormContext, useFormState } from 'react-hook-form';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var formItemVariants = cva("grid gap-2", {
+  variants: {
+    spacing: {
+      default: "gap-2",
+      tight: "gap-1",
+      loose: "gap-3"
+    }
+  },
+  defaultVariants: {
+    spacing: "default"
+  }
+});
+var formLabelVariants = cva(
+  "text-[length:var(--form-label-size)] font-[var(--form-label-weight)] text-[color:var(--form-label-fg)] leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+  {
+    variants: {
+      error: {
+        true: "text-[color:var(--form-error-fg)]",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      error: false
+    }
+  }
+);
+var formDescriptionVariants = cva("text-muted-foreground text-sm", {
+  variants: {
+    size: {
+      default: "text-sm",
+      small: "text-xs"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+var formMessageVariants = cva("text-sm font-medium", {
+  variants: {
+    state: {
+      error: "text-destructive",
+      success: "text-success",
+      info: "text-muted-foreground"
+    }
+  },
+  defaultVariants: {
+    state: "error"
+  }
+});
+var Form = FormProvider;
+var FormFieldContext = React.createContext(
+  {}
+);
+function FormField({ ...props }) {
+  return /* @__PURE__ */ jsx(FormFieldContext, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
+}
+var useFormField = () => {
+  const fieldContext = React.use(FormFieldContext);
+  const itemContext = React.use(FormItemContext);
+  const { getFieldState } = useFormContext();
+  const formState = useFormState({ name: fieldContext.name });
+  const fieldState = getFieldState(fieldContext.name, formState);
+  const { id } = itemContext;
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+};
+var FormItemContext = React.createContext(
+  {}
+);
+function FormItem({ className, spacing, ...props }) {
+  const id = React.useId();
+  return /* @__PURE__ */ jsx(FormItemContext, { value: { id }, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(formItemVariants({ spacing }), className),
+      "data-slot": "form-item",
+      ...props
+    }
+  ) });
+}
+function FormLabel({ className, ...props }) {
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ jsx(
+    Label,
+    {
+      className: cn(formLabelVariants({ error: !!error }), className),
+      "data-error": !!error,
+      "data-slot": "form-label",
+      htmlFor: formItemId,
+      ...props
+    }
+  );
+}
+function FormControl({ ...props }) {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsx(
+    Slot,
+    {
+      "aria-describedby": !error ? formDescriptionId : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      "data-slot": "form-control",
+      id: formItemId,
+      ...props
+    }
+  );
+}
+function FormDescription({ className, size, ...props }) {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      className: cn(formDescriptionVariants({ size }), className),
+      "data-slot": "form-description",
+      id: formDescriptionId,
+      ...props
+    }
+  );
+}
+function FormMessage({
+  className,
+  state,
+  children,
+  ...props
+}) {
+  const { error, formMessageId } = useFormField();
+  const body = error ? error.message ?? "" : children;
+  if (!body) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      className: cn(formMessageVariants({ state }), className),
+      "data-slot": "form-message",
+      id: formMessageId,
+      role: "alert",
+      ...props,
+      children: body
+    }
+  );
+}
+
+export { Form, FormControl, FormDescription, FormField, FormFieldContext, FormItem, FormItemContext, FormLabel, FormMessage, formDescriptionVariants, formItemVariants, formLabelVariants, formMessageVariants, useFormField };
+//# sourceMappingURL=chunk-EDSIOUUR.js.map
+//# sourceMappingURL=chunk-EDSIOUUR.js.map

package/dist/chunk-EDSIOUUR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/Form/Form.variants.ts","../src/components/forms/Form/Form.tsx"],"names":[],"mappings":"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","file":"chunk-EDSIOUUR.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * FormItem variant styles using CVA\n *\n * Controls spacing and layout for form field containers.\n */\nexport const formItemVariants = cva(\"grid gap-2\", {\n  variants: {\n    spacing: {\n      default: \"gap-2\",\n      tight: \"gap-1\",\n      loose: \"gap-3\",\n    },\n  },\n  defaultVariants: {\n    spacing: \"default\",\n  },\n})\n\n/**\n * FormLabel variant styles using CVA\n *\n * Handles label styling with error state support.\n */\nexport const formLabelVariants = cva(\n  \"text-[length:var(--form-label-size)] font-[var(--form-label-weight)] text-[color:var(--form-label-fg)] leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n  {\n    variants: {\n      error: {\n        true: \"text-[color:var(--form-error-fg)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      error: false,\n    },\n  }\n)\n\n/**\n * FormDescription variant styles using CVA\n *\n * Provides consistent styling for field helper text.\n */\nexport const formDescriptionVariants = cva(\"text-muted-foreground text-sm\", {\n  variants: {\n    size: {\n      default: \"text-sm\",\n      small: \"text-xs\",\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n  },\n})\n\n/**\n * FormMessage variant styles using CVA\n *\n * Styles validation messages with different states (error, success).\n */\nexport const formMessageVariants = cva(\"text-sm font-medium\", {\n  variants: {\n    state: {\n      error: \"text-destructive\",\n      success: \"text-success\",\n      info: \"text-muted-foreground\",\n    },\n  },\n  defaultVariants: {\n    state: \"error\",\n  },\n})\n\n// Export variant prop types\nexport type FormItemVariantProps = VariantProps<typeof formItemVariants>\nexport type FormLabelVariantProps = VariantProps<typeof formLabelVariants>\nexport type FormDescriptionVariantProps = VariantProps<\n  typeof formDescriptionVariants\n>\nexport type FormMessageVariantProps = VariantProps<typeof formMessageVariants>\n","\"use client\"\n\nimport type {\n  FormControlProps,\n  FormDescriptionProps,\n  FormFieldContextValue,\n  FormItemContextValue,\n  FormItemProps,\n  FormLabelProps,\n  FormMessageProps,\n} from \"./Form.types\"\n\nimport { Slot } from \"@radix-ui/react-slot\"\nimport * as React from \"react\"\nimport {\n  Controller,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n  FormProvider,\n  useFormContext,\n  useFormState,\n} from \"react-hook-form\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Label } from \"../../primitives/Label\"\nimport {\n  formDescriptionVariants,\n  formItemVariants,\n  formLabelVariants,\n  formMessageVariants,\n} from \"./Form.variants\"\n\nconst Form = FormProvider\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\n  {} as FormFieldContextValue\n)\n\nfunction FormField<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({ ...props }: ControllerProps<TFieldValues, TName>) {\n  return (\n    <FormFieldContext value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext>\n  )\n}\n\nconst useFormField = () => {\n  const fieldContext = React.use(FormFieldContext)\n  const itemContext = React.use(FormItemContext)\n  const { getFieldState } = useFormContext()\n  const formState = useFormState({ name: fieldContext.name })\n  const fieldState = getFieldState(fieldContext.name, formState)\n\n  const { id } = itemContext\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  }\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n  {} as FormItemContextValue\n)\n\nfunction FormItem({ className, spacing, ...props }: FormItemProps) {\n  const id = React.useId()\n\n  return (\n    <FormItemContext value={{ id }}>\n      <div\n        className={cn(formItemVariants({ spacing }), className)}\n        data-slot=\"form-item\"\n        {...props}\n      />\n    </FormItemContext>\n  )\n}\n\nfunction FormLabel({ className, ...props }: FormLabelProps) {\n  const { error, formItemId } = useFormField()\n\n  return (\n    <Label\n      className={cn(formLabelVariants({ error: !!error }), className)}\n      data-error={!!error}\n      data-slot=\"form-label\"\n      htmlFor={formItemId}\n      {...props}\n    />\n  )\n}\n\nfunction FormControl({ ...props }: FormControlProps) {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\n\n  return (\n    <Slot\n      aria-describedby={\n        !error\n          ? formDescriptionId\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      data-slot=\"form-control\"\n      id={formItemId}\n      {...props}\n    />\n  )\n}\n\nfunction FormDescription({ className, size, ...props }: FormDescriptionProps) {\n  const { formDescriptionId } = useFormField()\n\n  return (\n    <p\n      className={cn(formDescriptionVariants({ size }), className)}\n      data-slot=\"form-description\"\n      id={formDescriptionId}\n      {...props}\n    />\n  )\n}\n\nfunction FormMessage({\n  className,\n  state,\n  children,\n  ...props\n}: FormMessageProps) {\n  const { error, formMessageId } = useFormField()\n  const body = error ? (error.message ?? \"\") : children\n\n  if (!body) {\n    return null\n  }\n\n  return (\n    <p\n      className={cn(formMessageVariants({ state }), className)}\n      data-slot=\"form-message\"\n      id={formMessageId}\n      role=\"alert\"\n      {...props}\n    >\n      {body}\n    </p>\n  )\n}\n\nexport {\n  Form,\n  FormControl,\n  FormDescription,\n  FormField,\n  FormFieldContext,\n  FormItem,\n  FormItemContext,\n  FormLabel,\n  FormMessage,\n  useFormField,\n}\n"]}