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

package/dist/chunk-KDNTSZF5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/advanced/Command/Command.variants.ts","../src/components/advanced/Command/Command.tsx"],"names":["CommandPrimitive"],"mappings":"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","file":"chunk-KDNTSZF5.js","sourcesContent":["// Command/Command.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Command root style variants using CVA\n *\n * @see https://cva.style/docs\n */\nexport const commandVariants = cva(\n  // Base styles (always applied)\n  [\n    \"bg-popover text-popover-foreground\",\n    \"flex h-full w-full flex-col overflow-hidden rounded-md\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"\",\n        default: \"\",\n        lg: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Command input wrapper style variants using CVA\n *\n * Controls the height and padding of the input container.\n */\nexport const commandInputWrapperVariants = cva(\n  // Base styles (always applied)\n  [\"flex items-center gap-[var(--command-input-wrapper-gap)] border-b-[var(--command-input-wrapper-border-width)] px-[var(--command-input-wrapper-padding-x)]\"],\n  {\n    variants: {\n      size: {\n        sm: \"h-[var(--command-input-wrapper-height-sm)]\",\n        default: \"h-[var(--command-input-wrapper-height-md)]\",\n        lg: \"h-[var(--command-input-wrapper-height-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Command input style variants using CVA\n */\nexport const commandInputVariants = cva(\n  // Base styles (always applied)\n  [\n    \"placeholder:text-muted-foreground\",\n    \"flex w-full rounded-md bg-transparent outline-hidden\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-[var(--command-input-height-sm)] py-[var(--command-input-padding-y-sm)] text-[length:var(--command-input-text-size-sm)]\",\n        default: \"h-[var(--command-input-height-md)] py-[var(--command-input-padding-y-md)] text-[length:var(--command-input-text-size-md)]\",\n        lg: \"h-[var(--command-input-height-lg)] py-[var(--command-input-padding-y-lg)] text-[length:var(--command-input-text-size-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Command input icon style variants using CVA\n */\nexport const commandInputIconVariants = cva(\n  // Base styles (always applied)\n  [\"shrink-0 opacity-50\"],\n  {\n    variants: {\n      size: {\n        sm: \"size-[var(--command-icon-size-sm)]\",\n        default: \"size-[var(--command-icon-size-md)]\",\n        lg: \"size-[var(--command-icon-size-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Command input clear button (Icon/X) style variants using CVA\n *\n * Trailing affordance that clears the search value. Matches the Figma\n * `Command/Input` Icon/X (16×16) shown to the right of the search input.\n */\nexport const commandInputClearVariants = cva(\n  // Base styles (always applied)\n  [\n    \"text-muted-foreground hover:text-foreground flex shrink-0 items-center justify-center rounded-[var(--command-item-radius)] outline-hidden transition-colors\",\n    \"hover:translate-y-px active:translate-y-0.5\",\n    \"focus-visible:ring-ring focus-visible:ring-4\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"size-[var(--command-icon-size-sm)]\",\n        default: \"size-[var(--command-icon-size-md)]\",\n        lg: \"size-[var(--command-icon-size-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Command list style variants using CVA\n */\nexport const commandListVariants = cva(\n  // Base styles (always applied)\n  [\"scroll-py-1 overflow-x-hidden overflow-y-auto\"],\n  {\n    variants: {\n      size: {\n        sm: \"max-h-[var(--command-list-max-height-sm)]\",\n        default: \"max-h-[var(--command-list-max-height-md)]\",\n        lg: \"max-h-[var(--command-list-max-height-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Command empty state style variants using CVA\n */\nexport const commandEmptyVariants = cva(\n  // Base styles (always applied)\n  [\"text-center\"],\n  {\n    variants: {\n      size: {\n        sm: \"py-[var(--command-empty-padding-y-sm)] text-[length:var(--command-empty-text-size-sm)]\",\n        default: \"py-[var(--command-empty-padding-y-md)] text-[length:var(--command-empty-text-size-md)]\",\n        lg: \"py-[var(--command-empty-padding-y-lg)] text-[length:var(--command-empty-text-size-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Command group style variants using CVA\n */\nexport const commandGroupVariants = cva(\n  // Base styles (always applied)\n  [\"text-foreground overflow-hidden p-[var(--command-group-padding)]\"],\n  {\n    variants: {\n      size: {\n        sm: [\n          \"[&_[cmdk-group-heading]]:px-[var(--command-group-heading-padding-x-sm)]\",\n          \"[&_[cmdk-group-heading]]:py-[var(--command-group-heading-padding-y-sm)]\",\n          \"[&_[cmdk-group-heading]]:text-[length:var(--command-group-heading-text-size-sm)]\",\n          \"[&_[cmdk-group-heading]]:font-medium\",\n          \"[&_[cmdk-group-heading]]:text-muted-foreground\",\n        ],\n        default: [\n          \"[&_[cmdk-group-heading]]:px-[var(--command-group-heading-padding-x-md)]\",\n          \"[&_[cmdk-group-heading]]:py-[var(--command-group-heading-padding-y-md)]\",\n          \"[&_[cmdk-group-heading]]:text-[length:var(--command-group-heading-text-size-md)]\",\n          \"[&_[cmdk-group-heading]]:font-medium\",\n          \"[&_[cmdk-group-heading]]:text-muted-foreground\",\n        ],\n        lg: [\n          \"[&_[cmdk-group-heading]]:px-[var(--command-group-heading-padding-x-lg)]\",\n          \"[&_[cmdk-group-heading]]:py-[var(--command-group-heading-padding-y-lg)]\",\n          \"[&_[cmdk-group-heading]]:text-[length:var(--command-group-heading-text-size-lg)]\",\n          \"[&_[cmdk-group-heading]]:font-medium\",\n          \"[&_[cmdk-group-heading]]:text-muted-foreground\",\n        ],\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Command item style variants using CVA\n *\n * Supports both size and visual variant options.\n */\nexport const commandItemVariants = cva(\n  // Base styles (always applied)\n  [\n    \"relative flex cursor-default items-center gap-[var(--command-item-gap)] rounded-[var(--command-item-radius)] outline-hidden select-none\",\n    \"data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50\",\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: [\n          \"px-[var(--command-item-padding-x-sm)] py-[var(--command-item-padding-y-sm)] text-[length:var(--command-item-text-size-sm)]\",\n          \"[&_svg:not([class*='size-'])]:size-[var(--command-item-icon-size-sm)]\",\n          \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n        ],\n        default: [\n          \"px-[var(--command-item-padding-x-md)] py-[var(--command-item-padding-y-md)] text-[length:var(--command-item-text-size-md)]\",\n          \"[&_svg:not([class*='size-'])]:size-[var(--command-item-icon-size-md)]\",\n          \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n        ],\n        lg: [\n          \"px-[var(--command-item-padding-x-lg)] py-[var(--command-item-padding-y-lg)] text-[length:var(--command-item-text-size-lg)]\",\n          \"[&_svg:not([class*='size-'])]:size-[var(--command-item-icon-size-lg)]\",\n          \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n        ],\n      },\n      variant: {\n        default: [\n          \"data-[selected=true]:bg-accent\",\n          \"data-[selected=true]:text-accent-foreground\",\n        ],\n        destructive: [\n          \"text-destructive\",\n          \"data-[selected=true]:bg-destructive/10\",\n          \"data-[selected=true]:text-destructive\",\n          \"[&_svg:not([class*='text-'])]:text-destructive\",\n        ],\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * Command separator style variants using CVA\n */\nexport const commandSeparatorVariants = cva(\n  // Base styles (always applied)\n  [\"bg-border -mx-[var(--command-separator-margin-x)] h-[var(--command-separator-height)]\"],\n  {\n    variants: {\n      size: {\n        sm: \"my-[var(--command-separator-margin-y-sm)]\",\n        default: \"my-[var(--command-separator-margin-y-md)]\",\n        lg: \"my-[var(--command-separator-margin-y-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Command shortcut style variants using CVA\n */\nexport const commandShortcutVariants = cva(\n  // Base styles (always applied)\n  [\"text-muted-foreground ml-auto tracking-widest\"],\n  {\n    variants: {\n      size: {\n        sm: \"text-[length:var(--command-shortcut-text-size-sm)]\",\n        default: \"text-[length:var(--command-shortcut-text-size-md)]\",\n        lg: \"text-[length:var(--command-shortcut-text-size-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n// Export variant prop types\nexport type CommandVariantProps = VariantProps<typeof commandVariants>\nexport type CommandInputWrapperVariantProps = VariantProps<\n  typeof commandInputWrapperVariants\n>\nexport type CommandInputVariantProps = VariantProps<typeof commandInputVariants>\nexport type CommandInputIconVariantProps = VariantProps<\n  typeof commandInputIconVariants\n>\nexport type CommandInputClearVariantProps = VariantProps<\n  typeof commandInputClearVariants\n>\nexport type CommandListVariantProps = VariantProps<typeof commandListVariants>\nexport type CommandEmptyVariantProps = VariantProps<typeof commandEmptyVariants>\nexport type CommandGroupVariantProps = VariantProps<typeof commandGroupVariants>\nexport type CommandItemVariantProps = VariantProps<typeof commandItemVariants>\nexport type CommandSeparatorVariantProps = VariantProps<\n  typeof commandSeparatorVariants\n>\nexport type CommandShortcutVariantProps = VariantProps<\n  typeof commandShortcutVariants\n>\n\n/**\n * Combined variant props for the Command compound component\n */\nexport interface CommandCombinedVariantProps {\n  /** Size of the command components */\n  size?: CommandVariantProps[\"size\"]\n}\n\n/**\n * Item-specific variant props\n */\nexport interface CommandItemCombinedVariantProps {\n  /** Size of the item (inherited from context if not provided) */\n  size?: CommandItemVariantProps[\"size\"]\n  /** Visual variant of the item */\n  variant?: CommandItemVariantProps[\"variant\"]\n}\n","// Command/Command.tsx\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { SearchIcon, XIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"../../feedback/Dialog\"\nimport {\n  type CommandCombinedVariantProps,\n  commandEmptyVariants,\n  commandGroupVariants,\n  commandInputClearVariants,\n  commandInputIconVariants,\n  commandInputVariants,\n  commandInputWrapperVariants,\n  type CommandItemCombinedVariantProps,\n  commandItemVariants,\n  commandListVariants,\n  commandSeparatorVariants,\n  commandShortcutVariants,\n  commandVariants,\n} from \"./Command.variants\"\n\n// ============================================\n// CONTEXT FOR VARIANT PROPAGATION\n// ============================================\n\ntype CommandContextValue = CommandCombinedVariantProps\n\nconst CommandContext = React.createContext<CommandContextValue>({\n  size: \"default\",\n})\n\nfunction useCommandContext() {\n  return React.use(CommandContext)\n}\n\n// ============================================\n// COMMAND ROOT\n// ============================================\n\ntype CommandProps = React.ComponentProps<typeof CommandPrimitive> &\n  CommandCombinedVariantProps\n\n/**\n * Command - Command palette and combobox component\n *\n * @example\n * ```tsx\n * <Command size=\"default\">\n *   <CommandInput placeholder=\"Search...\" />\n *   <CommandList>\n *     <CommandEmpty>No results found.</CommandEmpty>\n *     <CommandGroup heading=\"Suggestions\">\n *       <CommandItem>Calendar</CommandItem>\n *     </CommandGroup>\n *   </CommandList>\n * </Command>\n * ```\n */\nfunction Command({ size = \"default\", className, ...props }: CommandProps) {\n  return (\n    <CommandContext value={{ size }}>\n      <CommandPrimitive\n        className={cn(commandVariants({ size }), className)}\n        data-slot=\"command\"\n        {...props}\n      />\n    </CommandContext>\n  )\n}\n\n// ============================================\n// COMMAND DIALOG\n// ============================================\n\ntype CommandDialogProps = React.ComponentProps<typeof Dialog> &\n  CommandCombinedVariantProps & {\n    className?: string\n    description?: string\n    showCloseButton?: boolean\n    title?: string\n  }\n\nfunction CommandDialog({\n  title = \"Command Palette\",\n  description = \"Search for a command to run...\",\n  children,\n  className,\n  showCloseButton = true,\n  size = \"default\",\n  ...props\n}: CommandDialogProps) {\n  // Dialog always uses lg size for better UX\n  const dialogSize = size === \"sm\" ? \"default\" : size === \"default\" ? \"lg\" : \"lg\"\n\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        className={cn(\"overflow-hidden p-0\", className)}\n        showCloseButton={showCloseButton}\n      >\n        <Command\n          className={cn(\n            // Override styles for dialog context based on size\n            size === \"sm\" && [\n              \"[&_[cmdk-group-heading]]:px-1.5\",\n              \"[&_[cmdk-group-heading]]:font-medium\",\n              \"[&_[cmdk-group]]:px-1.5\",\n              \"[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0\",\n              \"[&_[cmdk-input-wrapper]_svg]:h-4 [&_[cmdk-input-wrapper]_svg]:w-4\",\n              \"[&_[cmdk-item]]:px-1.5 [&_[cmdk-item]]:py-2\",\n              \"[&_[cmdk-item]_svg]:h-4 [&_[cmdk-item]_svg]:w-4\",\n            ],\n            (size === \"default\" || size === \"lg\") && [\n              \"[&_[cmdk-group-heading]]:px-2\",\n              \"[&_[cmdk-group-heading]]:font-medium\",\n              \"[&_[cmdk-group]]:px-2\",\n              \"[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0\",\n              \"[&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5\",\n              \"[&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3\",\n              \"[&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\",\n            ]\n          )}\n          size={dialogSize}\n        >\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\n// ============================================\n// COMMAND INPUT\n// ============================================\n\ntype CommandInputProps = Omit<\n  React.ComponentProps<typeof CommandPrimitive.Input>,\n  \"size\"\n> &\n  Partial<CommandCombinedVariantProps> & {\n    clearable?: boolean\n    onClear?: () => void\n  }\n\nfunction CommandInput({\n  className,\n  size: sizeProp,\n  clearable = false,\n  onClear,\n  value,\n  defaultValue,\n  onValueChange,\n  ...props\n}: CommandInputProps) {\n  const { size: contextSize } = useCommandContext()\n  const size = sizeProp ?? contextSize\n\n  // Track the search value so the clear button works in both controlled and\n  // uncontrolled modes. cmdk's Input is value-driven (value + onValueChange).\n  const isControlled = value !== undefined\n  const [internalValue, setInternalValue] = React.useState(\n    typeof defaultValue === \"string\" ? defaultValue : \"\"\n  )\n  const currentValue = isControlled ? value : internalValue\n\n  const handleValueChange = React.useCallback(\n    (next: string) => {\n      if (!isControlled) {\n        setInternalValue(next)\n      }\n      onValueChange?.(next)\n    },\n    [isControlled, onValueChange]\n  )\n\n  const handleClear = React.useCallback(() => {\n    if (!isControlled) {\n      setInternalValue(\"\")\n    }\n    onValueChange?.(\"\")\n    onClear?.()\n  }, [isControlled, onValueChange, onClear])\n\n  const showClear = clearable && currentValue !== \"\"\n\n  return (\n    <div\n      className={cn(commandInputWrapperVariants({ size }))}\n      data-slot=\"command-input-wrapper\"\n    >\n      <SearchIcon className={cn(commandInputIconVariants({ size }))} />\n      <CommandPrimitive.Input\n        className={cn(commandInputVariants({ size }), className)}\n        data-slot=\"command-input\"\n        value={currentValue}\n        onValueChange={handleValueChange}\n        {...props}\n      />\n      {showClear ? (\n        <button\n          aria-label=\"Limpar busca\"\n          className={cn(commandInputClearVariants({ size }))}\n          data-slot=\"command-input-clear\"\n          tabIndex={-1}\n          type=\"button\"\n          onClick={handleClear}\n        >\n          <XIcon aria-hidden=\"true\" />\n        </button>\n      ) : null}\n    </div>\n  )\n}\n\n// ============================================\n// COMMAND LIST\n// ============================================\n\ntype CommandListProps = React.ComponentProps<typeof CommandPrimitive.List> &\n  Partial<CommandCombinedVariantProps>\n\nfunction CommandList({ className, size: sizeProp, ...props }: CommandListProps) {\n  const { size: contextSize } = useCommandContext()\n  const size = sizeProp ?? contextSize\n\n  return (\n    <CommandPrimitive.List\n      className={cn(commandListVariants({ size }), className)}\n      data-slot=\"command-list\"\n      {...props}\n    />\n  )\n}\n\n// ============================================\n// COMMAND EMPTY\n// ============================================\n\ntype CommandEmptyProps = React.ComponentProps<typeof CommandPrimitive.Empty> &\n  Partial<CommandCombinedVariantProps>\n\nfunction CommandEmpty({ className, size: sizeProp, ...props }: CommandEmptyProps) {\n  const { size: contextSize } = useCommandContext()\n  const size = sizeProp ?? contextSize\n\n  return (\n    <CommandPrimitive.Empty\n      className={cn(commandEmptyVariants({ size }), className)}\n      data-slot=\"command-empty\"\n      {...props}\n    />\n  )\n}\n\n// ============================================\n// COMMAND GROUP\n// ============================================\n\ntype CommandGroupProps = React.ComponentProps<typeof CommandPrimitive.Group> &\n  Partial<CommandCombinedVariantProps>\n\nfunction CommandGroup({ className, size: sizeProp, ...props }: CommandGroupProps) {\n  const { size: contextSize } = useCommandContext()\n  const size = sizeProp ?? contextSize\n\n  return (\n    <CommandPrimitive.Group\n      className={cn(commandGroupVariants({ size }), className)}\n      data-slot=\"command-group\"\n      {...props}\n    />\n  )\n}\n\n// ============================================\n// COMMAND SEPARATOR\n// ============================================\n\ntype CommandSeparatorProps = React.ComponentProps<\n  typeof CommandPrimitive.Separator\n> &\n  Partial<CommandCombinedVariantProps>\n\nfunction CommandSeparator({\n  className,\n  size: sizeProp,\n  ...props\n}: CommandSeparatorProps) {\n  const { size: contextSize } = useCommandContext()\n  const size = sizeProp ?? contextSize\n\n  return (\n    <CommandPrimitive.Separator\n      className={cn(commandSeparatorVariants({ size }), className)}\n      data-slot=\"command-separator\"\n      {...props}\n    />\n  )\n}\n\n// ============================================\n// COMMAND ITEM\n// ============================================\n\ntype CommandItemProps = React.ComponentProps<typeof CommandPrimitive.Item> &\n  CommandItemCombinedVariantProps\n\nfunction CommandItem({\n  className,\n  size: sizeProp,\n  variant = \"default\",\n  ...props\n}: CommandItemProps) {\n  const { size: contextSize } = useCommandContext()\n  const size = sizeProp ?? contextSize\n\n  return (\n    <CommandPrimitive.Item\n      className={cn(commandItemVariants({ size, variant }), className)}\n      data-slot=\"command-item\"\n      {...props}\n    />\n  )\n}\n\n// ============================================\n// COMMAND SHORTCUT\n// ============================================\n\ntype CommandShortcutProps = React.ComponentProps<\"span\"> &\n  Partial<CommandCombinedVariantProps>\n\nfunction CommandShortcut({\n  className,\n  size: sizeProp,\n  ...props\n}: CommandShortcutProps) {\n  const { size: contextSize } = useCommandContext()\n  const size = sizeProp ?? contextSize\n\n  return (\n    <span\n      className={cn(commandShortcutVariants({ size }), className)}\n      data-slot=\"command-shortcut\"\n      {...props}\n    />\n  )\n}\n\n// ============================================\n// EXPORTS\n// ============================================\n\nexport {\n  Command,\n  CommandDialog,\n  type CommandDialogProps,\n  CommandEmpty,\n  type CommandEmptyProps,\n  CommandGroup,\n  type CommandGroupProps,\n  CommandInput,\n  type CommandInputProps,\n  CommandItem,\n  type CommandItemProps,\n  CommandList,\n  type CommandListProps,\n  type CommandProps,\n  CommandSeparator,\n  type CommandSeparatorProps,\n  CommandShortcut,\n  type CommandShortcutProps,\n}\n"]}

package/dist/chunk-KHCHATTD.js

@@ -0,0 +1,544 @@
+import { Avatar, AvatarImage, AvatarFallback } from './chunk-U7TPJMGY.js';
+import { Button } from './chunk-L4OQ6BJ5.js';
+import { cn } from './chunk-RVAYDRMA.js';
+import { Check, X, User, TrendingUp, ChevronRight, Forward, Clock } from 'lucide-react';
+import { useId, useState } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var approvalFlowVariants = cva(
+  "relative rounded-lg border bg-card p-6 transition-all duration-300",
+  {
+    variants: {
+      variant: {
+        linear: "",
+        parallel: "",
+        conditional: "",
+        hybrid: ""
+      },
+      layout: {
+        horizontal: "flex flex-row gap-4 overflow-x-auto",
+        vertical: "flex flex-col gap-4",
+        compact: "flex flex-col gap-2 p-4"
+      }
+    },
+    defaultVariants: {
+      variant: "linear",
+      layout: "horizontal"
+    }
+  }
+);
+var approvalFlowStepVariants = cva(
+  "relative flex transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+  {
+    variants: {
+      layout: {
+        horizontal: "flex-col items-center gap-2 min-w-40",
+        vertical: "flex-row gap-4",
+        compact: "flex-row gap-3"
+      },
+      status: {
+        pending: "",
+        in_progress: "",
+        awaiting: "",
+        approved: "",
+        rejected: "",
+        escalated: "",
+        skipped: "opacity-50"
+      }
+    },
+    defaultVariants: {
+      layout: "horizontal",
+      status: "pending"
+    }
+  }
+);
+var approvalFlowMarkerVariants = cva(
+  "flex shrink-0 items-center justify-center rounded-full border-2 transition-all duration-300",
+  {
+    variants: {
+      status: {
+        pending: "border-muted-foreground/50 bg-muted text-muted-foreground",
+        in_progress: "border-primary bg-primary text-primary-foreground animate-pulse",
+        awaiting: "border-warning bg-warning text-warning-foreground",
+        approved: "border-success bg-success text-success-foreground",
+        rejected: "border-destructive bg-destructive text-destructive-foreground",
+        escalated: "border-warning bg-warning text-warning-foreground",
+        skipped: "border-muted-foreground/30 bg-muted/50 text-muted-foreground/50"
+      },
+      size: {
+        sm: "h-8 w-8 text-xs",
+        default: "h-10 w-10 text-sm",
+        lg: "h-12 w-12 text-base"
+      }
+    },
+    defaultVariants: {
+      status: "pending",
+      size: "default"
+    }
+  }
+);
+var approvalFlowConnectorVariants = cva(
+  "transition-colors duration-300",
+  {
+    variants: {
+      layout: {
+        horizontal: "h-0.5 flex-1 min-w-10",
+        vertical: "w-0.5 min-h-10 ml-5",
+        compact: "w-0.5 min-h-6 ml-4"
+      },
+      status: {
+        pending: "bg-muted-foreground/30",
+        in_progress: "bg-primary/50",
+        awaiting: "bg-warning/50",
+        approved: "bg-success",
+        rejected: "bg-destructive/50",
+        escalated: "bg-warning/50",
+        skipped: "bg-muted-foreground/20"
+      },
+      style: {
+        solid: "",
+        dashed: "border-dashed border-2 bg-transparent"
+      }
+    },
+    compoundVariants: [
+      {
+        layout: "horizontal",
+        style: "dashed",
+        className: "border-l-0 border-r-0 border-t-2 border-b-0 h-0"
+      },
+      {
+        layout: "vertical",
+        style: "dashed",
+        className: "border-t-0 border-b-0 border-l-2 border-r-0 w-0"
+      },
+      {
+        layout: "compact",
+        style: "dashed",
+        className: "border-t-0 border-b-0 border-l-2 border-r-0 w-0"
+      }
+    ],
+    defaultVariants: {
+      layout: "horizontal",
+      status: "pending",
+      style: "solid"
+    }
+  }
+);
+var approvalFlowStepCardVariants = cva(
+  "rounded-md border bg-background p-4 transition-all duration-200",
+  {
+    variants: {
+      status: {
+        pending: "border-muted",
+        in_progress: "border-primary shadow-sm ring-1 ring-primary/20",
+        awaiting: "border-warning shadow-sm",
+        approved: "border-success/50 bg-success/5",
+        rejected: "border-destructive/50 bg-destructive/5",
+        escalated: "border-warning/50 bg-warning/5",
+        skipped: "border-muted/50 bg-muted/10"
+      },
+      layout: {
+        horizontal: "w-full max-w-52",
+        vertical: "flex-1",
+        compact: "flex-1 py-2"
+      }
+    },
+    defaultVariants: {
+      status: "pending",
+      layout: "horizontal"
+    }
+  }
+);
+var approvalFlowActionsVariants = cva(
+  "flex gap-2 transition-opacity duration-200",
+  {
+    variants: {
+      layout: {
+        horizontal: "flex-wrap justify-center mt-2",
+        vertical: "flex-wrap",
+        compact: "flex-wrap"
+      },
+      visible: {
+        true: "opacity-100",
+        false: "opacity-0 pointer-events-none"
+      }
+    },
+    defaultVariants: {
+      layout: "horizontal",
+      visible: true
+    }
+  }
+);
+function getInitials(name) {
+  return name.split(" ").map((part) => part[0]).join("").toUpperCase().slice(0, 2);
+}
+function getStatusIcon(status) {
+  switch (status) {
+    case "approved":
+      return /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" });
+    case "rejected":
+      return /* @__PURE__ */ jsx(X, { className: "h-4 w-4" });
+    case "in_progress":
+    case "awaiting":
+      return /* @__PURE__ */ jsx(Clock, { className: "h-4 w-4" });
+    case "escalated":
+      return /* @__PURE__ */ jsx(TrendingUp, { className: "h-4 w-4" });
+    case "skipped":
+      return /* @__PURE__ */ jsx(Forward, { className: "h-4 w-4" });
+    default:
+      return null;
+  }
+}
+function getStatusLabel(status) {
+  const labels = {
+    pending: "Pending",
+    in_progress: "In progress",
+    awaiting: "Awaiting approval",
+    approved: "Approved",
+    rejected: "Rejected",
+    escalated: "Escalated",
+    skipped: "Skipped"
+  };
+  return labels[status];
+}
+function ApprovalFlowMarker({
+  index,
+  status = "pending"
+}) {
+  const icon = getStatusIcon(status);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: approvalFlowMarkerVariants({ status }),
+      "data-slot": "approval-flow-marker",
+      "data-status": status,
+      children: icon ?? /* @__PURE__ */ jsx("span", { className: "font-medium", children: index + 1 })
+    }
+  );
+}
+function ApprovalFlowConnector({
+  layout = "horizontal",
+  status = "pending",
+  isConditional = false
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: approvalFlowConnectorVariants({
+        layout,
+        status,
+        style: isConditional ? "dashed" : "solid"
+      }),
+      "aria-hidden": "true",
+      "data-slot": "approval-flow-connector"
+    }
+  );
+}
+function ApproverAvatar({ approver }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", title: `${approver.name} (${approver.role})`, children: /* @__PURE__ */ jsxs(Avatar, { size: "sm", children: [
+    approver.avatar ? /* @__PURE__ */ jsx(AvatarImage, { alt: approver.name, src: approver.avatar }) : null,
+    /* @__PURE__ */ jsx(AvatarFallback, { children: getInitials(approver.name) })
+  ] }) });
+}
+function ApprovalFlowStepContent({
+  step,
+  layout = "horizontal"
+}) {
+  const showApproversCount = step.approvers.length > 3;
+  const visibleApprovers = showApproversCount ? step.approvers.slice(0, 3) : step.approvers;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: approvalFlowStepCardVariants({ status: step.status, layout }),
+      "data-slot": "approval-flow-step-card",
+      children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx("div", { "data-slot": "approval-flow-step-title", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: step.title }) }),
+        step.description && /* @__PURE__ */ jsx("div", { "data-slot": "approval-flow-step-description", children: /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: step.description }) }),
+        step.approvers.length > 0 && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center gap-1",
+            "data-slot": "approval-flow-step-approvers",
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "flex -space-x-2", children: visibleApprovers.map((approver) => /* @__PURE__ */ jsx(ApproverAvatar, { approver }, approver.id)) }),
+              showApproversCount && /* @__PURE__ */ jsxs("span", { className: "ml-2 text-xs text-muted-foreground", children: [
+                "+",
+                step.approvers.length - 3,
+                " more"
+              ] })
+            ]
+          }
+        ),
+        step.requiredApprovals && step.requiredApprovals > 1 && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "text-xs text-muted-foreground",
+            "data-slot": "approval-flow-step-required",
+            children: [
+              "Requires ",
+              step.requiredApprovals,
+              " of ",
+              step.approvers.length,
+              " approvals"
+            ]
+          }
+        ),
+        step.deadline && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center gap-1 text-xs text-muted-foreground",
+            "data-slot": "approval-flow-step-deadline",
+            children: [
+              /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                "Due: ",
+                step.deadline.toLocaleDateString()
+              ] })
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+function ApprovalFlowStep({
+  step,
+  index,
+  isCurrent,
+  isLast,
+  showConnector = true,
+  layout = "horizontal",
+  readOnly = false,
+  allowDelegation = true,
+  allowEscalation = true,
+  onApprove,
+  onReject,
+  onDelegate,
+  onEscalate,
+  className,
+  ...props
+}) {
+  const stepId = useId();
+  const statusLabel = getStatusLabel(step.status);
+  const normalizedLayout = layout ?? "horizontal";
+  const canAct = isCurrent && !readOnly && (step.status === "in_progress" || step.status === "awaiting");
+  const handleKeyDown = (event) => {
+    const target = event.currentTarget;
+    const parent = target.parentElement;
+    if (!parent) return;
+    const siblings = [
+      ...parent.querySelectorAll('[data-slot="approval-flow-step"]')
+    ];
+    const currentIndex = siblings.indexOf(target);
+    let nextIndex = -1;
+    switch (event.key) {
+      case "ArrowDown":
+      case "ArrowRight":
+        event.preventDefault();
+        nextIndex = Math.min(currentIndex + 1, siblings.length - 1);
+        break;
+      case "ArrowUp":
+      case "ArrowLeft":
+        event.preventDefault();
+        nextIndex = Math.max(currentIndex - 1, 0);
+        break;
+      default:
+        return;
+    }
+    const nextElement = siblings[nextIndex];
+    if (nextIndex !== -1 && nextElement) {
+      nextElement.focus();
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        approvalFlowStepVariants({ layout: normalizedLayout, status: step.status }),
+        className
+      ),
+      "aria-current": isCurrent ? "step" : void 0,
+      "aria-describedby": `${stepId}-description`,
+      "aria-label": `${step.title} - ${statusLabel}`,
+      "data-active": isCurrent ? "" : void 0,
+      "data-slot": "approval-flow-step",
+      "data-status": step.status,
+      role: "listitem",
+      tabIndex: 0,
+      onKeyDown: handleKeyDown,
+      ...props,
+      children: [
+        (normalizedLayout === "vertical" || normalizedLayout === "compact") && /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col items-center", children: [
+          /* @__PURE__ */ jsx(ApprovalFlowMarker, { index, status: step.status }),
+          showConnector && !isLast && /* @__PURE__ */ jsx(ApprovalFlowConnector, { layout: normalizedLayout, status: step.status })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-2", children: [
+          normalizedLayout === "horizontal" && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(ApprovalFlowMarker, { index, status: step.status }) }),
+          /* @__PURE__ */ jsx(ApprovalFlowStepContent, { layout: normalizedLayout, step }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: approvalFlowActionsVariants({
+                layout: normalizedLayout,
+                visible: canAct
+              }),
+              "data-slot": "approval-flow-step-actions",
+              id: `${stepId}-description`,
+              children: canAct && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    "aria-label": `Approve ${step.title}`,
+                    size: "sm",
+                    variant: "default",
+                    onClick: onApprove,
+                    children: [
+                      /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }),
+                      "Approve"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    "aria-label": `Reject ${step.title}`,
+                    size: "sm",
+                    variant: "destructive",
+                    onClick: onReject,
+                    children: [
+                      /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
+                      "Reject"
+                    ]
+                  }
+                ),
+                allowDelegation && /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    "aria-label": `Delegate ${step.title}`,
+                    size: "sm",
+                    variant: "outline",
+                    onClick: onDelegate,
+                    children: [
+                      /* @__PURE__ */ jsx(User, { className: "h-4 w-4" }),
+                      "Delegate"
+                    ]
+                  }
+                ),
+                allowEscalation && /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    "aria-label": `Escalate ${step.title}`,
+                    size: "sm",
+                    variant: "outline",
+                    onClick: onEscalate,
+                    children: [
+                      /* @__PURE__ */ jsx(TrendingUp, { className: "h-4 w-4" }),
+                      "Escalate"
+                    ]
+                  }
+                )
+              ] })
+            }
+          )
+        ] }),
+        normalizedLayout === "horizontal" && showConnector && !isLast && /* @__PURE__ */ jsxs("div", { className: "flex items-center self-start mt-5", children: [
+          /* @__PURE__ */ jsx(ApprovalFlowConnector, { layout: normalizedLayout, status: step.status }),
+          /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 text-muted-foreground shrink-0" })
+        ] })
+      ]
+    }
+  );
+}
+function ApprovalFlow({
+  "aria-label": ariaLabel = "Approval workflow",
+  className,
+  steps,
+  currentStep = 0,
+  variant = "linear",
+  layout = "horizontal",
+  allowDelegation = true,
+  allowEscalation = true,
+  showTimeline: _showTimeline = true,
+  showComments: _showComments = true,
+  readOnly = false,
+  history: _history,
+  onApprove,
+  onReject,
+  onDelegate,
+  onEscalate,
+  onStepChange: _onStepChange,
+  onComplete: _onComplete,
+  ...props
+}) {
+  const [_activeStepIndex, setActiveStepIndex] = useState(currentStep);
+  const effectiveLayout = layout;
+  const handleApprove = (stepId) => {
+    onApprove?.({ stepId });
+  };
+  const handleReject = (stepId) => {
+    onReject?.({ stepId, reason: "" });
+  };
+  const handleDelegate = (stepId) => {
+    onDelegate?.({
+      stepId,
+      delegateTo: { id: "", name: "", email: "", role: "" }
+    });
+  };
+  const handleEscalate = (stepId) => {
+    onEscalate?.({
+      stepId,
+      escalateTo: { id: "", name: "", email: "", role: "" }
+    });
+  };
+  const handleStepFocus = (index) => {
+    setActiveStepIndex(index);
+  };
+  const hasSteps = steps.length > 0;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-label": ariaLabel,
+      className: cn(approvalFlowVariants({ variant, layout: effectiveLayout }), className),
+      "data-slot": "approval-flow",
+      "data-variant": variant,
+      role: "list",
+      ...props,
+      children: hasSteps ? steps.map((step, index) => /* @__PURE__ */ jsx(
+        ApprovalFlowStep,
+        {
+          allowDelegation,
+          allowEscalation,
+          index,
+          isCurrent: index === currentStep,
+          isLast: index === steps.length - 1,
+          layout: effectiveLayout,
+          readOnly,
+          showConnector: variant !== "conditional",
+          step,
+          onApprove: () => {
+            handleApprove(step.id);
+          },
+          onDelegate: () => {
+            handleDelegate(step.id);
+          },
+          onEscalate: () => {
+            handleEscalate(step.id);
+          },
+          onFocus: () => {
+            handleStepFocus(index);
+          },
+          onReject: () => {
+            handleReject(step.id);
+          }
+        },
+        step.id
+      )) : null
+    }
+  );
+}
+
+export { ApprovalFlow, ApprovalFlowConnector, ApprovalFlowMarker, ApprovalFlowStep, approvalFlowActionsVariants, approvalFlowConnectorVariants, approvalFlowMarkerVariants, approvalFlowStepCardVariants, approvalFlowStepVariants, approvalFlowVariants };
+//# sourceMappingURL=chunk-KHCHATTD.js.map
+//# sourceMappingURL=chunk-KHCHATTD.js.map