@etus/ui 0.3.2 → 0.4.0-beta.10

package/dist/chunk-4Y72SPNL.js

@@ -0,0 +1,283 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { ChevronRightIcon, CheckIcon, CircleIcon } from 'lucide-react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var menuContentBase = [
+  "bg-popover text-popover-foreground",
+  "z-[var(--context-menu-content-z-index)] min-w-[var(--context-menu-content-min-width)] overflow-hidden rounded-[var(--context-menu-content-radius)] border-[var(--context-menu-content-border-width)] p-[var(--context-menu-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(--context-menu-item-radius)] text-[length:var(--context-menu-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(--context-menu-item-icon-size)]"
+];
+var contextMenuSubTriggerVariants = cva(
+  [
+    ...menuItemBase,
+    "focus:bg-accent focus:text-accent-foreground",
+    "data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+    "[&_svg:not([class*='text-'])]:text-muted-foreground",
+    "px-[var(--context-menu-item-padding-x)] py-[var(--context-menu-item-padding-y)] gap-[var(--context-menu-item-gap)]"
+  ],
+  {
+    variants: {
+      inset: {
+        true: "pl-[var(--context-menu-item-inset-padding-left)]",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      inset: false
+    }
+  }
+);
+var contextMenuSubContentVariants = cva([
+  ...menuContentBase,
+  "shadow-lg",
+  "origin-(--radix-context-menu-content-transform-origin)"
+]);
+var contextMenuContentVariants = cva([
+  ...menuContentBase,
+  "shadow-md",
+  "max-h-(--radix-context-menu-content-available-height)",
+  "origin-(--radix-context-menu-content-transform-origin)",
+  "overflow-x-hidden overflow-y-auto"
+]);
+var contextMenuItemVariants = cva(
+  [
+    ...menuItemBase,
+    "[&_svg:not([class*='text-'])]:text-muted-foreground",
+    "px-[var(--context-menu-item-padding-x)] py-[var(--context-menu-item-padding-y)] gap-[var(--context-menu-item-gap)]"
+  ],
+  {
+    variants: {
+      inset: {
+        true: "pl-[var(--context-menu-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 contextMenuCheckboxItemVariants = cva([
+  ...menuItemBase,
+  "focus:bg-accent focus:text-accent-foreground",
+  "py-[var(--context-menu-item-padding-y)] pr-[var(--context-menu-item-padding-x)] pl-[var(--context-menu-item-inset-padding-left)] gap-[var(--context-menu-item-gap)]"
+]);
+var contextMenuRadioItemVariants = cva([
+  ...menuItemBase,
+  "focus:bg-accent focus:text-accent-foreground",
+  "py-[var(--context-menu-item-padding-y)] pr-[var(--context-menu-item-padding-x)] pl-[var(--context-menu-item-inset-padding-left)] gap-[var(--context-menu-item-gap)]"
+]);
+var contextMenuLabelVariants = cva(
+  ["text-foreground px-[var(--context-menu-item-padding-x)] py-[var(--context-menu-item-padding-y)] text-[length:var(--context-menu-item-text-size)] font-medium"],
+  {
+    variants: {
+      inset: {
+        true: "pl-[var(--context-menu-item-inset-padding-left)]",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      inset: false
+    }
+  }
+);
+var contextMenuSeparatorVariants = cva(["bg-border -mx-[var(--context-menu-separator-margin-x)] my-[var(--context-menu-separator-margin-y)] h-[var(--context-menu-separator-height)]"]);
+var contextMenuShortcutVariants = cva([
+  "text-muted-foreground ml-auto text-[length:var(--context-menu-shortcut-text-size)] tracking-widest"
+]);
+var contextMenuIndicatorWrapperVariants = cva([
+  "pointer-events-none absolute left-[var(--context-menu-indicator-left)] flex size-[var(--context-menu-indicator-size)] items-center justify-center"
+]);
+function ContextMenu({ ...props }) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
+}
+function ContextMenuTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
+}
+function ContextMenuGroup({ ...props }) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
+}
+function ContextMenuPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
+}
+function ContextMenuSub({ ...props }) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
+}
+function ContextMenuRadioGroup({ ...props }) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.RadioGroup,
+    {
+      "data-slot": "context-menu-radio-group",
+      ...props
+    }
+  );
+}
+function ContextMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ContextMenuPrimitive.SubTrigger,
+    {
+      className: cn(contextMenuSubTriggerVariants({ inset }), className),
+      "data-inset": inset,
+      "data-slot": "context-menu-sub-trigger",
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })
+      ]
+    }
+  );
+}
+function ContextMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.SubContent,
+    {
+      className: cn(contextMenuSubContentVariants(), className),
+      "data-slot": "context-menu-sub-content",
+      ...props
+    }
+  );
+}
+function ContextMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Content,
+    {
+      className: cn(contextMenuContentVariants(), className),
+      "data-slot": "context-menu-content",
+      ...props
+    }
+  ) });
+}
+function ContextMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Item,
+    {
+      className: cn(contextMenuItemVariants({ inset, variant }), className),
+      "data-inset": inset,
+      "data-slot": "context-menu-item",
+      "data-variant": variant,
+      ...props
+    }
+  );
+}
+function ContextMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ContextMenuPrimitive.CheckboxItem,
+    {
+      checked: checked ?? false,
+      className: cn(contextMenuCheckboxItemVariants(), className),
+      "data-slot": "context-menu-checkbox-item",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: cn(contextMenuIndicatorWrapperVariants()), children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ContextMenuPrimitive.RadioItem,
+    {
+      className: cn(contextMenuRadioItemVariants(), className),
+      "data-slot": "context-menu-radio-item",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: cn(contextMenuIndicatorWrapperVariants()), children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Label,
+    {
+      className: cn(contextMenuLabelVariants({ inset }), className),
+      "data-inset": inset,
+      "data-slot": "context-menu-label",
+      ...props
+    }
+  );
+}
+function ContextMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Separator,
+    {
+      className: cn(contextMenuSeparatorVariants(), className),
+      "data-slot": "context-menu-separator",
+      ...props
+    }
+  );
+}
+function ContextMenuShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(contextMenuShortcutVariants(), className),
+      "data-slot": "context-menu-shortcut",
+      ...props
+    }
+  );
+}
+
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, contextMenuCheckboxItemVariants, contextMenuContentVariants, contextMenuIndicatorWrapperVariants, contextMenuItemVariants, contextMenuLabelVariants, contextMenuRadioItemVariants, contextMenuSeparatorVariants, contextMenuShortcutVariants, contextMenuSubContentVariants, contextMenuSubTriggerVariants };
+//# sourceMappingURL=chunk-4Y72SPNL.js.map
+//# sourceMappingURL=chunk-4Y72SPNL.js.map

package/dist/chunk-4Y72SPNL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/ContextMenu/ContextMenu.variants.ts","../src/components/navigation/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"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","file":"chunk-4Y72SPNL.js","sourcesContent":["// ContextMenu/ContextMenu.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Shared animation and transition styles for menu content\n */\nconst menuContentBase = [\n  \"bg-popover text-popover-foreground\",\n  \"z-[var(--context-menu-content-z-index)] min-w-[var(--context-menu-content-min-width)] overflow-hidden rounded-[var(--context-menu-content-radius)] border-[var(--context-menu-content-border-width)] p-[var(--context-menu-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(--context-menu-item-radius)] text-[length:var(--context-menu-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(--context-menu-item-icon-size)]\",\n]\n\n/**\n * ContextMenuSubTrigger variant styles\n */\nexport const contextMenuSubTriggerVariants = cva(\n  [\n    ...menuItemBase,\n    \"focus:bg-accent focus:text-accent-foreground\",\n    \"data-[state=open]:bg-accent data-[state=open]:text-accent-foreground\",\n    \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n    \"px-[var(--context-menu-item-padding-x)] py-[var(--context-menu-item-padding-y)] gap-[var(--context-menu-item-gap)]\",\n  ],\n  {\n    variants: {\n      inset: {\n        true: \"pl-[var(--context-menu-item-inset-padding-left)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      inset: false,\n    },\n  }\n)\n\n/**\n * ContextMenuSubContent variant styles\n */\nexport const contextMenuSubContentVariants = cva([\n  ...menuContentBase,\n  \"shadow-lg\",\n  \"origin-(--radix-context-menu-content-transform-origin)\",\n])\n\n/**\n * ContextMenuContent variant styles\n */\nexport const contextMenuContentVariants = cva([\n  ...menuContentBase,\n  \"shadow-md\",\n  \"max-h-(--radix-context-menu-content-available-height)\",\n  \"origin-(--radix-context-menu-content-transform-origin)\",\n  \"overflow-x-hidden overflow-y-auto\",\n])\n\n/**\n * ContextMenuItem variant styles\n */\nexport const contextMenuItemVariants = cva(\n  [\n    ...menuItemBase,\n    \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n    \"px-[var(--context-menu-item-padding-x)] py-[var(--context-menu-item-padding-y)] gap-[var(--context-menu-item-gap)]\",\n  ],\n  {\n    variants: {\n      inset: {\n        true: \"pl-[var(--context-menu-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 * ContextMenuCheckboxItem variant styles\n */\nexport const contextMenuCheckboxItemVariants = cva([\n  ...menuItemBase,\n  \"focus:bg-accent focus:text-accent-foreground\",\n  \"py-[var(--context-menu-item-padding-y)] pr-[var(--context-menu-item-padding-x)] pl-[var(--context-menu-item-inset-padding-left)] gap-[var(--context-menu-item-gap)]\",\n])\n\n/**\n * ContextMenuRadioItem variant styles\n */\nexport const contextMenuRadioItemVariants = cva([\n  ...menuItemBase,\n  \"focus:bg-accent focus:text-accent-foreground\",\n  \"py-[var(--context-menu-item-padding-y)] pr-[var(--context-menu-item-padding-x)] pl-[var(--context-menu-item-inset-padding-left)] gap-[var(--context-menu-item-gap)]\",\n])\n\n/**\n * ContextMenuLabel variant styles\n */\nexport const contextMenuLabelVariants = cva(\n  [\"text-foreground px-[var(--context-menu-item-padding-x)] py-[var(--context-menu-item-padding-y)] text-[length:var(--context-menu-item-text-size)] font-medium\"],\n  {\n    variants: {\n      inset: {\n        true: \"pl-[var(--context-menu-item-inset-padding-left)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      inset: false,\n    },\n  }\n)\n\n/**\n * ContextMenuSeparator variant styles\n */\nexport const contextMenuSeparatorVariants = cva([\"bg-border -mx-[var(--context-menu-separator-margin-x)] my-[var(--context-menu-separator-margin-y)] h-[var(--context-menu-separator-height)]\"])\n\n/**\n * ContextMenuShortcut variant styles\n */\nexport const contextMenuShortcutVariants = cva([\n  \"text-muted-foreground ml-auto text-[length:var(--context-menu-shortcut-text-size)] tracking-widest\",\n])\n\n/**\n * Item indicator wrapper styles\n */\nexport const contextMenuIndicatorWrapperVariants = cva([\n  \"pointer-events-none absolute left-[var(--context-menu-indicator-left)] flex size-[var(--context-menu-indicator-size)] items-center justify-center\",\n])\n\nexport type ContextMenuSubTriggerVariantProps = VariantProps<\n  typeof contextMenuSubTriggerVariants\n>\nexport type ContextMenuItemVariantProps = VariantProps<\n  typeof contextMenuItemVariants\n>\nexport type ContextMenuLabelVariantProps = VariantProps<\n  typeof contextMenuLabelVariants\n>\n","\"use client\"\n\nimport type {\n  ContextMenuCheckboxItemProps,\n  ContextMenuContentProps,\n  ContextMenuGroupProps,\n  ContextMenuItemProps,\n  ContextMenuLabelProps,\n  ContextMenuPortalProps,\n  ContextMenuProps,\n  ContextMenuRadioGroupProps,\n  ContextMenuRadioItemProps,\n  ContextMenuSeparatorProps,\n  ContextMenuShortcutProps,\n  ContextMenuSubContentProps,\n  ContextMenuSubProps,\n  ContextMenuSubTriggerProps,\n  ContextMenuTriggerProps,\n} from \"./ContextMenu.types\"\n\nimport * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\"\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  contextMenuCheckboxItemVariants,\n  contextMenuContentVariants,\n  contextMenuIndicatorWrapperVariants,\n  contextMenuItemVariants,\n  contextMenuLabelVariants,\n  contextMenuRadioItemVariants,\n  contextMenuSeparatorVariants,\n  contextMenuShortcutVariants,\n  contextMenuSubContentVariants,\n  contextMenuSubTriggerVariants,\n} from \"./ContextMenu.variants\"\n\n/**\n * ContextMenu - Root component for context menus.\n *\n * Displays a menu when the user right-clicks on the trigger element.\n *\n * @example\n * <ContextMenu>\n *   <ContextMenuTrigger>Right click me</ContextMenuTrigger>\n *   <ContextMenuContent>\n *     <ContextMenuItem>Profile</ContextMenuItem>\n *     <ContextMenuItem>Settings</ContextMenuItem>\n *   </ContextMenuContent>\n * </ContextMenu>\n */\nfunction ContextMenu({ ...props }: ContextMenuProps) {\n  return <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />\n}\n\n/**\n * ContextMenuTrigger - Element that triggers the context menu on right-click.\n */\nfunction ContextMenuTrigger({ ...props }: ContextMenuTriggerProps) {\n  return (\n    <ContextMenuPrimitive.Trigger data-slot=\"context-menu-trigger\" {...props} />\n  )\n}\n\n/**\n * ContextMenuGroup - Groups related menu items.\n */\nfunction ContextMenuGroup({ ...props }: ContextMenuGroupProps) {\n  return (\n    <ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />\n  )\n}\n\n/**\n * ContextMenuPortal - Renders content in a portal.\n */\nfunction ContextMenuPortal({ ...props }: ContextMenuPortalProps) {\n  return (\n    <ContextMenuPrimitive.Portal data-slot=\"context-menu-portal\" {...props} />\n  )\n}\n\n/**\n * ContextMenuSub - Container for nested submenus.\n */\nfunction ContextMenuSub({ ...props }: ContextMenuSubProps) {\n  return <ContextMenuPrimitive.Sub data-slot=\"context-menu-sub\" {...props} />\n}\n\n/**\n * ContextMenuRadioGroup - Groups radio items for single selection.\n */\nfunction ContextMenuRadioGroup({ ...props }: ContextMenuRadioGroupProps) {\n  return (\n    <ContextMenuPrimitive.RadioGroup\n      data-slot=\"context-menu-radio-group\"\n      {...props}\n    />\n  )\n}\n\n/**\n * ContextMenuSubTrigger - Triggers a nested submenu.\n */\nfunction ContextMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: ContextMenuSubTriggerProps) {\n  return (\n    <ContextMenuPrimitive.SubTrigger\n      className={cn(contextMenuSubTriggerVariants({ inset }), className)}\n      data-inset={inset}\n      data-slot=\"context-menu-sub-trigger\"\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto\" />\n    </ContextMenuPrimitive.SubTrigger>\n  )\n}\n\n/**\n * ContextMenuSubContent - Content container for submenus.\n */\nfunction ContextMenuSubContent({\n  className,\n  ...props\n}: ContextMenuSubContentProps) {\n  return (\n    <ContextMenuPrimitive.SubContent\n      className={cn(contextMenuSubContentVariants(), className)}\n      data-slot=\"context-menu-sub-content\"\n      {...props}\n    />\n  )\n}\n\n/**\n * ContextMenuContent - Main content container for the menu.\n *\n * Automatically wraps content in a Portal.\n */\nfunction ContextMenuContent({\n  className,\n  ...props\n}: ContextMenuContentProps) {\n  return (\n    <ContextMenuPrimitive.Portal>\n      <ContextMenuPrimitive.Content\n        className={cn(contextMenuContentVariants(), className)}\n        data-slot=\"context-menu-content\"\n        {...props}\n      />\n    </ContextMenuPrimitive.Portal>\n  )\n}\n\n/**\n * ContextMenuItem - Individual menu item.\n *\n * @example\n * // Default item\n * <ContextMenuItem>Edit</ContextMenuItem>\n *\n * @example\n * // Destructive variant\n * <ContextMenuItem variant=\"destructive\">Delete</ContextMenuItem>\n */\nfunction ContextMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: ContextMenuItemProps) {\n  return (\n    <ContextMenuPrimitive.Item\n      className={cn(contextMenuItemVariants({ inset, variant }), className)}\n      data-inset={inset}\n      data-slot=\"context-menu-item\"\n      data-variant={variant}\n      {...props}\n    />\n  )\n}\n\n/**\n * ContextMenuCheckboxItem - Menu item with a checkbox.\n */\nfunction ContextMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: ContextMenuCheckboxItemProps) {\n  return (\n    <ContextMenuPrimitive.CheckboxItem\n      checked={checked ?? false}\n      className={cn(contextMenuCheckboxItemVariants(), className)}\n      data-slot=\"context-menu-checkbox-item\"\n      {...props}\n    >\n      <span className={cn(contextMenuIndicatorWrapperVariants())}>\n        <ContextMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.CheckboxItem>\n  )\n}\n\n/**\n * ContextMenuRadioItem - Menu item for radio selection.\n */\nfunction ContextMenuRadioItem({\n  className,\n  children,\n  ...props\n}: ContextMenuRadioItemProps) {\n  return (\n    <ContextMenuPrimitive.RadioItem\n      className={cn(contextMenuRadioItemVariants(), className)}\n      data-slot=\"context-menu-radio-item\"\n      {...props}\n    >\n      <span className={cn(contextMenuIndicatorWrapperVariants())}>\n        <ContextMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.RadioItem>\n  )\n}\n\n/**\n * ContextMenuLabel - Non-interactive label for grouping items.\n */\nfunction ContextMenuLabel({\n  className,\n  inset,\n  ...props\n}: ContextMenuLabelProps) {\n  return (\n    <ContextMenuPrimitive.Label\n      className={cn(contextMenuLabelVariants({ inset }), className)}\n      data-inset={inset}\n      data-slot=\"context-menu-label\"\n      {...props}\n    />\n  )\n}\n\n/**\n * ContextMenuSeparator - Visual separator between menu sections.\n */\nfunction ContextMenuSeparator({\n  className,\n  ...props\n}: ContextMenuSeparatorProps) {\n  return (\n    <ContextMenuPrimitive.Separator\n      className={cn(contextMenuSeparatorVariants(), className)}\n      data-slot=\"context-menu-separator\"\n      {...props}\n    />\n  )\n}\n\n/**\n * ContextMenuShortcut - Displays keyboard shortcut hint.\n */\nfunction ContextMenuShortcut({\n  className,\n  ...props\n}: ContextMenuShortcutProps) {\n  return (\n    <span\n      className={cn(contextMenuShortcutVariants(), className)}\n      data-slot=\"context-menu-shortcut\"\n      {...props}\n    />\n  )\n}\n\nexport {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  ContextMenuGroup,\n  ContextMenuItem,\n  ContextMenuLabel,\n  ContextMenuPortal,\n  ContextMenuRadioGroup,\n  ContextMenuRadioItem,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n}\n"]}

package/dist/chunk-57KTYE5H.js

@@ -0,0 +1,273 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { Calendar } from 'lucide-react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var taskCardVariants = cva(
+  [
+    "relative flex flex-col rounded-lg border transition-all duration-200",
+    "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2"
+  ],
+  {
+    defaultVariants: {
+      size: "default",
+      variant: "default"
+    },
+    variants: {
+      size: {
+        default: "p-4 gap-3",
+        lg: "p-6 gap-4",
+        sm: "p-3 gap-2"
+      },
+      variant: {
+        default: "bg-card border-border hover:shadow-lg",
+        elevated: "bg-card border-border shadow-md hover:shadow-lg",
+        highlighted: "bg-primary/10 border-primary hover:shadow-lg",
+        minimal: "bg-muted/50 border-transparent hover:bg-muted"
+      }
+    }
+  }
+);
+var priorityStyles = {
+  high: "bg-[color:var(--priority-high-bg)] text-[color:var(--priority-high-text)]",
+  low: "bg-[color:var(--priority-low-bg)] text-[color:var(--priority-low-text)]",
+  medium: "bg-[color:var(--priority-medium-bg)] text-[color:var(--priority-medium-text)]",
+  urgent: "bg-[color:var(--priority-urgent-bg)] text-[color:var(--priority-urgent-text)]"
+};
+var statusStyles = {
+  done: "bg-[color:var(--task-status-done-dot)]",
+  "in-progress": "bg-[color:var(--task-status-in-progress-dot)]",
+  todo: "bg-[color:var(--task-status-todo-dot)]"
+};
+var completedStyles = "opacity-70";
+var selectedStyles = "bg-primary/20";
+var priorityLabels = {
+  high: "Alta",
+  low: "Baixa",
+  medium: "M\xE9dia",
+  urgent: "Urgente"
+};
+var statusLabels = {
+  done: "Conclu\xEDda",
+  "in-progress": "Em Progresso",
+  todo: "A Fazer"
+};
+function formatDueDate(date) {
+  const now = /* @__PURE__ */ new Date();
+  const diff = date.getTime() - now.getTime();
+  const days = Math.ceil(diff / (1e3 * 60 * 60 * 24));
+  if (days < 0) {
+    return `Atrasado ${String(Math.abs(days))} dia${Math.abs(days) > 1 ? "s" : ""}`;
+  }
+  if (days === 0) {
+    return "Hoje";
+  }
+  if (days === 1) {
+    return "Amanh\xE3";
+  }
+  if (days <= 7) {
+    return `${String(days)} dias`;
+  }
+  return date.toLocaleDateString("pt-BR", {
+    day: "2-digit",
+    month: "short"
+  });
+}
+function getInitials(name) {
+  return name.split(" ").map((word) => word[0]).join("").toUpperCase().slice(0, 2);
+}
+function isOverdue(date) {
+  return date.getTime() < Date.now();
+}
+function TaskCard({
+  assignee,
+  children,
+  className,
+  completed = false,
+  description,
+  dueDate,
+  onClick,
+  onSelect,
+  priority,
+  ref,
+  size = "default",
+  status = "todo",
+  tags,
+  title,
+  variant = "default",
+  ...props
+}) {
+  const isClickable = onClick !== void 0 || onSelect !== void 0;
+  const ariaLabel = [
+    `Tarefa: ${title}`,
+    priority !== void 0 ? `Prioridade: ${priorityLabels[priority]}` : "",
+    `Status: ${statusLabels[status]}`,
+    completed ? "Conclu\xEDda" : ""
+  ].filter(Boolean).join(". ");
+  function handleClick(event) {
+    onClick?.(event);
+    onSelect?.();
+  }
+  function handleKeyDown(event) {
+    if (isClickable && (event.key === "Enter" || event.key === " ")) {
+      event.preventDefault();
+      onSelect?.();
+    }
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        taskCardVariants({ size, variant }),
+        completed && completedStyles,
+        isClickable && "cursor-pointer",
+        className
+      ),
+      "aria-label": ariaLabel,
+      "data-completed": completed ? true : void 0,
+      "data-slot": "task-card",
+      role: isClickable ? "button" : void 0,
+      tabIndex: isClickable ? 0 : void 0,
+      onClick: handleClick,
+      onKeyDown: handleKeyDown,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", "data-slot": "task-card-header", children: [
+          /* @__PURE__ */ jsx(
+            "h3",
+            {
+              className: cn(
+                "font-medium text-foreground line-clamp-2",
+                size === "sm" && "text-sm",
+                size === "lg" && "text-lg",
+                completed && "line-through text-muted-foreground"
+              ),
+              "data-slot": "task-card-title",
+              children: title
+            }
+          ),
+          children && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "flex items-center gap-1 shrink-0",
+              "data-slot": "task-card-actions",
+              onClick: (e) => {
+                e.stopPropagation();
+              },
+              children
+            }
+          )
+        ] }),
+        description && /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: cn(
+              "text-muted-foreground line-clamp-2",
+              size === "sm" && "text-xs",
+              size === "lg" && "text-base",
+              size === "default" && "text-sm"
+            ),
+            "data-slot": "task-card-description",
+            children: description
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex flex-wrap items-center gap-2 text-xs",
+            "data-slot": "task-card-metadata",
+            children: [
+              /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  className: "flex items-center gap-1.5",
+                  "data-slot": "task-card-status",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        className: cn("size-2 rounded-full", statusStyles[status])
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground sr-only", children: statusLabels[status] })
+                  ]
+                }
+              ),
+              priority !== void 0 && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "inline-flex items-center rounded-full px-2 py-0.5 font-medium",
+                    priorityStyles[priority]
+                  ),
+                  "data-slot": "task-card-priority",
+                  children: priorityLabels[priority]
+                }
+              ),
+              dueDate !== void 0 && /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  className: cn(
+                    "inline-flex items-center gap-1 text-muted-foreground",
+                    isOverdue(dueDate) && !completed && "text-red-600 dark:text-red-400"
+                  ),
+                  "data-slot": "task-card-due",
+                  children: [
+                    /* @__PURE__ */ jsx(Calendar, { "aria-hidden": "true", className: "size-3" }),
+                    /* @__PURE__ */ jsx("time", { dateTime: dueDate.toISOString(), children: formatDueDate(dueDate) })
+                  ]
+                }
+              ),
+              assignee !== void 0 && /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  "aria-label": `Respons\xE1vel: ${assignee.name}`,
+                  className: "flex items-center gap-1.5 ml-auto",
+                  "data-slot": "task-card-assignee",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: "size-5 shrink-0 rounded-full bg-muted flex items-center justify-center text-xs font-medium overflow-hidden",
+                        children: assignee.avatar !== void 0 ? /* @__PURE__ */ jsx(
+                          "img",
+                          {
+                            alt: assignee.name,
+                            className: "size-full object-cover",
+                            src: assignee.avatar
+                          }
+                        ) : /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: getInitials(assignee.name) })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "sr-only", children: assignee.name })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        tags && tags.length > 0 && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex flex-wrap gap-1",
+            "data-slot": "task-card-footer",
+            children: tags.map((tag) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "inline-flex items-center rounded-md bg-muted px-1.5 py-0.5 text-xs text-muted-foreground",
+                children: tag
+              },
+              tag
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { TaskCard, completedStyles, priorityStyles, selectedStyles, statusStyles, taskCardVariants };
+//# sourceMappingURL=chunk-57KTYE5H.js.map
+//# sourceMappingURL=chunk-57KTYE5H.js.map

package/dist/chunk-57KTYE5H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/workflow/TaskCard/TaskCard.variants.ts","../src/components/workflow/TaskCard/TaskCard.tsx"],"names":[],"mappings":"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","file":"chunk-57KTYE5H.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * TaskCard variant styles using CVA\n */\nexport const taskCardVariants = cva(\n  [\n    \"relative flex flex-col rounded-lg border transition-all duration-200\",\n    \"focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2\",\n  ],\n  {\n    defaultVariants: {\n      size: \"default\",\n      variant: \"default\",\n    },\n    variants: {\n      size: {\n        default: \"p-4 gap-3\",\n        lg: \"p-6 gap-4\",\n        sm: \"p-3 gap-2\",\n      },\n      variant: {\n        default: \"bg-card border-border hover:shadow-lg\",\n        elevated: \"bg-card border-border shadow-md hover:shadow-lg\",\n        highlighted: \"bg-primary/10 border-primary hover:shadow-lg\",\n        minimal: \"bg-muted/50 border-transparent hover:bg-muted\",\n      },\n    },\n  }\n)\n\n/**\n * Priority badge color styles using semantic tokens\n */\nexport const priorityStyles: Record<string, string> = {\n  high: \"bg-[color:var(--priority-high-bg)] text-[color:var(--priority-high-text)]\",\n  low: \"bg-[color:var(--priority-low-bg)] text-[color:var(--priority-low-text)]\",\n  medium: \"bg-[color:var(--priority-medium-bg)] text-[color:var(--priority-medium-text)]\",\n  urgent: \"bg-[color:var(--priority-urgent-bg)] text-[color:var(--priority-urgent-text)]\",\n}\n\n/**\n * Status indicator color styles using semantic tokens\n */\nexport const statusStyles: Record<string, string> = {\n  done: \"bg-[color:var(--task-status-done-dot)]\",\n  \"in-progress\": \"bg-[color:var(--task-status-in-progress-dot)]\",\n  todo: \"bg-[color:var(--task-status-todo-dot)]\",\n}\n\n/**\n * Completed state styles\n */\nexport const completedStyles = \"opacity-70\"\n\n/**\n * Selected state styles\n */\nexport const selectedStyles = \"bg-primary/20\"\n\n/**\n * Dragging state styles\n */\nexport const draggingStyles = \"opacity-50 rotate-2 scale-105\"\n","import type { TaskCardProps, TaskCardStatus, TaskPriority } from \"./TaskCard.types\"\n\nimport { Calendar } from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  completedStyles,\n  priorityStyles,\n  selectedStyles,\n  statusStyles,\n  taskCardVariants,\n} from \"./TaskCard.variants\"\n\n/**\n * Priority labels for display\n */\nconst priorityLabels: Record<TaskPriority, string> = {\n  high: \"Alta\",\n  low: \"Baixa\",\n  medium: \"Média\",\n  urgent: \"Urgente\",\n}\n\n/**\n * Status labels for display\n */\nconst statusLabels: Record<TaskCardStatus, string> = {\n  done: \"Concluída\",\n  \"in-progress\": \"Em Progresso\",\n  todo: \"A Fazer\",\n}\n\n/**\n * Format date to localized string\n */\nfunction formatDueDate(date: Date): string {\n  const now = new Date()\n  const diff = date.getTime() - now.getTime()\n  const days = Math.ceil(diff / (1000 * 60 * 60 * 24))\n\n  if (days < 0) {\n    return `Atrasado ${String(Math.abs(days))} dia${Math.abs(days) > 1 ? \"s\" : \"\"}`\n  }\n  if (days === 0) {\n    return \"Hoje\"\n  }\n  if (days === 1) {\n    return \"Amanhã\"\n  }\n  if (days <= 7) {\n    return `${String(days)} dias`\n  }\n\n  return date.toLocaleDateString(\"pt-BR\", {\n    day: \"2-digit\",\n    month: \"short\",\n  })\n}\n\n/**\n * Get initials from a name\n */\nfunction getInitials(name: string): string {\n  return name\n    .split(\" \")\n    .map((word) => word[0])\n    .join(\"\")\n    .toUpperCase()\n    .slice(0, 2)\n}\n\n/**\n * Check if date is overdue\n */\nfunction isOverdue(date: Date): boolean {\n  return date.getTime() < Date.now()\n}\n\n/**\n * TaskCard displays a task with title, description, priority, status, and metadata.\n *\n * @example\n * ```tsx\n * <TaskCard\n *   title=\"Implementar login\"\n *   description=\"Adicionar autenticação com JWT\"\n *   priority=\"high\"\n *   status=\"in-progress\"\n * />\n * ```\n *\n * @example With assignee and due date\n * ```tsx\n * <TaskCard\n *   title=\"Design do dashboard\"\n *   priority=\"medium\"\n *   assignee={{ name: \"Maria Silva\", avatar: \"...\" }}\n *   dueDate={new Date(\"2025-12-31\")}\n *   tags={[\"design\", \"priority\"]}\n * />\n * ```\n */\nfunction TaskCard({\n  assignee,\n  children,\n  className,\n  completed = false,\n  description,\n  dueDate,\n  onClick,\n  onSelect,\n  priority,\n  ref,\n  size = \"default\",\n  status = \"todo\",\n  tags,\n  title,\n  variant = \"default\",\n  ...props\n}: TaskCardProps) {\n  const isClickable = onClick !== undefined || onSelect !== undefined\n\n  // Build aria-label for accessibility\n  const ariaLabel = [\n    `Tarefa: ${title}`,\n    priority !== undefined ? `Prioridade: ${priorityLabels[priority]}` : \"\",\n    `Status: ${statusLabels[status]}`,\n    completed ? \"Concluída\" : \"\",\n  ]\n    .filter(Boolean)\n    .join(\". \")\n\n  /**\n   * Handle card click\n   */\n  function handleClick(event: React.MouseEvent<HTMLDivElement>) {\n    onClick?.(event)\n    onSelect?.()\n  }\n\n  /**\n   * Handle keyboard interaction\n   */\n  function handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n    if (isClickable && (event.key === \"Enter\" || event.key === \" \")) {\n      event.preventDefault()\n      onSelect?.()\n    }\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        taskCardVariants({ size, variant }),\n        completed && completedStyles,\n        isClickable && \"cursor-pointer\",\n        className\n      )}\n      aria-label={ariaLabel}\n      data-completed={completed ? true : undefined}\n      data-slot=\"task-card\"\n      role={isClickable ? \"button\" : undefined}\n      tabIndex={isClickable ? 0 : undefined}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      {/* Header: Title + Actions */}\n      <div className=\"flex items-start justify-between gap-2\" data-slot=\"task-card-header\">\n        <h3\n          className={cn(\n            \"font-medium text-foreground line-clamp-2\",\n            size === \"sm\" && \"text-sm\",\n            size === \"lg\" && \"text-lg\",\n            completed && \"line-through text-muted-foreground\"\n          )}\n          data-slot=\"task-card-title\"\n        >\n          {title}\n        </h3>\n\n        {/* Actions slot */}\n        {children && (\n          <div\n            className=\"flex items-center gap-1 shrink-0\"\n            data-slot=\"task-card-actions\"\n            onClick={(e) => {\n              e.stopPropagation()\n            }}\n          >\n            {children}\n          </div>\n        )}\n      </div>\n\n      {/* Description */}\n      {description && (\n        <p\n          className={cn(\n            \"text-muted-foreground line-clamp-2\",\n            size === \"sm\" && \"text-xs\",\n            size === \"lg\" && \"text-base\",\n            size === \"default\" && \"text-sm\"\n          )}\n          data-slot=\"task-card-description\"\n        >\n          {description}\n        </p>\n      )}\n\n      {/* Metadata: Priority, Status, Assignee, Due Date */}\n      <div\n        className=\"flex flex-wrap items-center gap-2 text-xs\"\n        data-slot=\"task-card-metadata\"\n      >\n        {/* Status indicator */}\n        <span\n          className=\"flex items-center gap-1.5\"\n          data-slot=\"task-card-status\"\n        >\n          <span\n            aria-hidden=\"true\"\n            className={cn(\"size-2 rounded-full\", statusStyles[status])}\n          />\n          <span className=\"text-muted-foreground sr-only\">\n            {statusLabels[status]}\n          </span>\n        </span>\n\n        {/* Priority badge */}\n        {priority !== undefined && (\n          <span\n            className={cn(\n              \"inline-flex items-center rounded-full px-2 py-0.5 font-medium\",\n              priorityStyles[priority]\n            )}\n            data-slot=\"task-card-priority\"\n          >\n            {priorityLabels[priority]}\n          </span>\n        )}\n\n        {/* Due date */}\n        {dueDate !== undefined && (\n          <span\n            className={cn(\n              \"inline-flex items-center gap-1 text-muted-foreground\",\n              isOverdue(dueDate) && !completed && \"text-red-600 dark:text-red-400\"\n            )}\n            data-slot=\"task-card-due\"\n          >\n            <Calendar aria-hidden=\"true\" className=\"size-3\" />\n            <time dateTime={dueDate.toISOString()}>\n              {formatDueDate(dueDate)}\n            </time>\n          </span>\n        )}\n\n        {/* Assignee avatar */}\n        {assignee !== undefined && (\n          <span\n            aria-label={`Responsável: ${assignee.name}`}\n            className=\"flex items-center gap-1.5 ml-auto\"\n            data-slot=\"task-card-assignee\"\n          >\n            <span\n              className=\"size-5 shrink-0 rounded-full bg-muted flex items-center justify-center text-xs font-medium overflow-hidden\"\n            >\n              {assignee.avatar !== undefined ? (\n                <img\n                  alt={assignee.name}\n                  className=\"size-full object-cover\"\n                  src={assignee.avatar}\n                />\n              ) : (\n                <span aria-hidden=\"true\">{getInitials(assignee.name)}</span>\n              )}\n            </span>\n            <span className=\"sr-only\">{assignee.name}</span>\n          </span>\n        )}\n      </div>\n\n      {/* Tags */}\n      {tags && tags.length > 0 && (\n        <div\n          className=\"flex flex-wrap gap-1\"\n          data-slot=\"task-card-footer\"\n        >\n          {tags.map((tag) => (\n            <span\n              key={tag}\n              className=\"inline-flex items-center rounded-md bg-muted px-1.5 py-0.5 text-xs text-muted-foreground\"\n            >\n              {tag}\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport {\n  completedStyles,\n  priorityStyles,\n  selectedStyles,\n  statusStyles,\n  TaskCard,\n  taskCardVariants,\n}\n"]}