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

package/dist/{chunk-JLVL76SW.js.map → chunk-36XTKR3B.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/workflow/ApprovalFlow/ApprovalFlow.variants.ts","../src/components/workflow/ApprovalFlow/ApprovalFlow.tsx"],"names":[],"mappings":"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","file":"chunk-JLVL76SW.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * ApprovalFlow container variants\n */\nexport const approvalFlowVariants = cva(\n  \"relative rounded-lg border bg-card p-6 transition-all duration-300\",\n  {\n    variants: {\n      variant: {\n        linear: \"\",\n        parallel: \"\",\n        conditional: \"\",\n        hybrid: \"\",\n      },\n      layout: {\n        horizontal: \"flex flex-row gap-4 overflow-x-auto\",\n        vertical: \"flex flex-col gap-4\",\n        compact: \"flex flex-col gap-2 p-4\",\n      },\n    },\n    defaultVariants: {\n      variant: \"linear\",\n      layout: \"horizontal\",\n    },\n  }\n)\n\n/**\n * ApprovalFlow step variants\n */\nexport const approvalFlowStepVariants = cva(\n  \"relative flex transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n  {\n    variants: {\n      layout: {\n        horizontal: \"flex-col items-center gap-2 min-w-40\",\n        vertical: \"flex-row gap-4\",\n        compact: \"flex-row gap-3\",\n      },\n      status: {\n        pending: \"\",\n        in_progress: \"\",\n        awaiting: \"\",\n        approved: \"\",\n        rejected: \"\",\n        escalated: \"\",\n        skipped: \"opacity-50\",\n      },\n    },\n    defaultVariants: {\n      layout: \"horizontal\",\n      status: \"pending\",\n    },\n  }\n)\n\n/**\n * Step marker/indicator variants based on status\n */\nexport const approvalFlowMarkerVariants = cva(\n  \"flex shrink-0 items-center justify-center rounded-full border-2 transition-all duration-300\",\n  {\n    variants: {\n      status: {\n        pending: \"border-muted-foreground/50 bg-muted text-muted-foreground\",\n        in_progress:\n          \"border-primary bg-primary text-primary-foreground animate-pulse\",\n        awaiting: \"border-warning bg-warning text-warning-foreground\",\n        approved: \"border-success bg-success text-success-foreground\",\n        rejected: \"border-destructive bg-destructive text-destructive-foreground\",\n        escalated: \"border-warning bg-warning text-warning-foreground\",\n        skipped: \"border-muted-foreground/30 bg-muted/50 text-muted-foreground/50\",\n      },\n      size: {\n        sm: \"h-8 w-8 text-xs\",\n        default: \"h-10 w-10 text-sm\",\n        lg: \"h-12 w-12 text-base\",\n      },\n    },\n    defaultVariants: {\n      status: \"pending\",\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Connector line variants between steps\n */\nexport const approvalFlowConnectorVariants = cva(\n  \"transition-colors duration-300\",\n  {\n    variants: {\n      layout: {\n        horizontal: \"h-0.5 flex-1 min-w-10\",\n        vertical: \"w-0.5 min-h-10 ml-5\",\n        compact: \"w-0.5 min-h-6 ml-4\",\n      },\n      status: {\n        pending: \"bg-muted-foreground/30\",\n        in_progress: \"bg-primary/50\",\n        awaiting: \"bg-warning/50\",\n        approved: \"bg-success\",\n        rejected: \"bg-destructive/50\",\n        escalated: \"bg-warning/50\",\n        skipped: \"bg-muted-foreground/20\",\n      },\n      style: {\n        solid: \"\",\n        dashed: \"border-dashed border-2 bg-transparent\",\n      },\n    },\n    compoundVariants: [\n      {\n        layout: \"horizontal\",\n        style: \"dashed\",\n        className: \"border-l-0 border-r-0 border-t-2 border-b-0 h-0\",\n      },\n      {\n        layout: \"vertical\",\n        style: \"dashed\",\n        className: \"border-t-0 border-b-0 border-l-2 border-r-0 w-0\",\n      },\n      {\n        layout: \"compact\",\n        style: \"dashed\",\n        className: \"border-t-0 border-b-0 border-l-2 border-r-0 w-0\",\n      },\n    ],\n    defaultVariants: {\n      layout: \"horizontal\",\n      status: \"pending\",\n      style: \"solid\",\n    },\n  }\n)\n\n/**\n * Step card variants\n */\nexport const approvalFlowStepCardVariants = cva(\n  \"rounded-md border bg-background p-4 transition-all duration-200\",\n  {\n    variants: {\n      status: {\n        pending: \"border-muted\",\n        in_progress: \"border-primary shadow-sm ring-1 ring-primary/20\",\n        awaiting: \"border-warning shadow-sm\",\n        approved: \"border-success/50 bg-success/5\",\n        rejected: \"border-destructive/50 bg-destructive/5\",\n        escalated: \"border-warning/50 bg-warning/5\",\n        skipped: \"border-muted/50 bg-muted/10\",\n      },\n      layout: {\n        horizontal: \"w-full max-w-52\",\n        vertical: \"flex-1\",\n        compact: \"flex-1 py-2\",\n      },\n    },\n    defaultVariants: {\n      status: \"pending\",\n      layout: \"horizontal\",\n    },\n  }\n)\n\n/**\n * Action button group variants\n */\nexport const approvalFlowActionsVariants = cva(\n  \"flex gap-2 transition-opacity duration-200\",\n  {\n    variants: {\n      layout: {\n        horizontal: \"flex-wrap justify-center mt-2\",\n        vertical: \"flex-wrap\",\n        compact: \"flex-wrap\",\n      },\n      visible: {\n        true: \"opacity-100\",\n        false: \"opacity-0 pointer-events-none\",\n      },\n    },\n    defaultVariants: {\n      layout: \"horizontal\",\n      visible: true,\n    },\n  }\n)\n\nexport type ApprovalFlowVariantProps = VariantProps<typeof approvalFlowVariants>\nexport type ApprovalFlowStepVariantProps = VariantProps<\n  typeof approvalFlowStepVariants\n>\nexport type ApprovalFlowMarkerVariantProps = VariantProps<\n  typeof approvalFlowMarkerVariants\n>\nexport type ApprovalFlowConnectorVariantProps = VariantProps<\n  typeof approvalFlowConnectorVariants\n>\nexport type ApprovalFlowStepCardVariantProps = VariantProps<\n  typeof approvalFlowStepCardVariants\n>\nexport type ApprovalFlowActionsVariantProps = VariantProps<\n  typeof approvalFlowActionsVariants\n>\n","import type {\n  ApprovalFlowProps,\n  ApprovalFlowStepProps,\n  ApprovalStep,\n  ApprovalStepStatus,\n  Approver,\n} from \"./ApprovalFlow.types\"\nimport type { KeyboardEvent, ReactNode } from \"react\"\n\nimport {\n  Check,\n  ChevronRight,\n  Clock,\n  Forward,\n  TrendingUp,\n  User,\n  X,\n} from \"lucide-react\"\nimport { useId, useState } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Avatar, AvatarFallback, AvatarImage } from \"../../primitives/Avatar\"\nimport { Button } from \"../../primitives/Button\"\nimport {\n  approvalFlowActionsVariants,\n  approvalFlowConnectorVariants,\n  approvalFlowMarkerVariants,\n  approvalFlowStepCardVariants,\n  approvalFlowStepVariants,\n  approvalFlowVariants,\n} from \"./ApprovalFlow.variants\"\n\n/**\n * Get initials from a name\n */\nfunction getInitials(name: string): string {\n  return name\n    .split(\" \")\n    .map((part) => part[0])\n    .join(\"\")\n    .toUpperCase()\n    .slice(0, 2)\n}\n\n/**\n * Get icon for status\n */\nfunction getStatusIcon(status: ApprovalStepStatus): ReactNode {\n  switch (status) {\n    case \"approved\":\n      return <Check className=\"h-4 w-4\" />\n    case \"rejected\":\n      return <X className=\"h-4 w-4\" />\n    case \"in_progress\":\n    case \"awaiting\":\n      return <Clock className=\"h-4 w-4\" />\n    case \"escalated\":\n      return <TrendingUp className=\"h-4 w-4\" />\n    case \"skipped\":\n      return <Forward className=\"h-4 w-4\" />\n    default:\n      return null\n  }\n}\n\n/**\n * Get accessible status label\n */\nfunction getStatusLabel(status: ApprovalStepStatus): string {\n  const labels: Record<ApprovalStepStatus, string> = {\n    pending: \"Pending\",\n    in_progress: \"In progress\",\n    awaiting: \"Awaiting approval\",\n    approved: \"Approved\",\n    rejected: \"Rejected\",\n    escalated: \"Escalated\",\n    skipped: \"Skipped\",\n  }\n  return labels[status]\n}\n\n/**\n * ApprovalFlowMarker component renders the status indicator\n */\nfunction ApprovalFlowMarker({\n  index,\n  status = \"pending\",\n}: {\n  index: number\n  status?: ApprovalStepStatus\n}) {\n  const icon = getStatusIcon(status)\n\n  return (\n    <div\n      aria-hidden=\"true\"\n      className={approvalFlowMarkerVariants({ status })}\n      data-slot=\"approval-flow-marker\"\n      data-status={status}\n    >\n      {icon ?? (\n        <span className=\"font-medium\">{index + 1}</span>\n      )}\n    </div>\n  )\n}\n\n/**\n * ApprovalFlowConnector component renders the line between steps\n */\nfunction ApprovalFlowConnector({\n  layout = \"horizontal\",\n  status = \"pending\",\n  isConditional = false,\n}: {\n  isConditional?: boolean\n  layout?: \"compact\" | \"horizontal\" | \"vertical\"\n  status?: ApprovalStepStatus\n}) {\n  return (\n    <div\n      className={approvalFlowConnectorVariants({\n        layout,\n        status,\n        style: isConditional ? \"dashed\" : \"solid\",\n      })}\n      aria-hidden=\"true\"\n      data-slot=\"approval-flow-connector\"\n    />\n  )\n}\n\n/**\n * ApproverAvatar component renders an approver's avatar\n */\nfunction ApproverAvatar({ approver }: { approver: Approver }) {\n  return (\n    <div className=\"flex items-center gap-2\" title={`${approver.name} (${approver.role})`}>\n      <Avatar size=\"sm\">\n        {approver.avatar ? (\n          <AvatarImage alt={approver.name} src={approver.avatar} />\n        ) : null}\n        <AvatarFallback>{getInitials(approver.name)}</AvatarFallback>\n      </Avatar>\n    </div>\n  )\n}\n\n/**\n * ApprovalFlowStepContent renders the content of a step\n */\nfunction ApprovalFlowStepContent({\n  step,\n  layout = \"horizontal\",\n}: {\n  layout?: \"compact\" | \"horizontal\" | \"vertical\"\n  step: ApprovalStep\n}) {\n  const showApproversCount = step.approvers.length > 3\n  const visibleApprovers = showApproversCount\n    ? step.approvers.slice(0, 3)\n    : step.approvers\n\n  return (\n    <div\n      className={approvalFlowStepCardVariants({ status: step.status, layout })}\n      data-slot=\"approval-flow-step-card\"\n    >\n      <div className=\"space-y-2\">\n        <div data-slot=\"approval-flow-step-title\">\n          <span className=\"text-sm font-medium text-foreground\">\n            {step.title}\n          </span>\n        </div>\n\n        {step.description && (\n          <div data-slot=\"approval-flow-step-description\">\n            <span className=\"text-xs text-muted-foreground\">\n              {step.description}\n            </span>\n          </div>\n        )}\n\n        {step.approvers.length > 0 && (\n          <div\n            className=\"flex items-center gap-1\"\n            data-slot=\"approval-flow-step-approvers\"\n          >\n            <div className=\"flex -space-x-2\">\n              {visibleApprovers.map((approver) => (\n                <ApproverAvatar key={approver.id} approver={approver} />\n              ))}\n            </div>\n            {showApproversCount && (\n              <span className=\"ml-2 text-xs text-muted-foreground\">\n                +{step.approvers.length - 3} more\n              </span>\n            )}\n          </div>\n        )}\n\n        {step.requiredApprovals && step.requiredApprovals > 1 && (\n          <div\n            className=\"text-xs text-muted-foreground\"\n            data-slot=\"approval-flow-step-required\"\n          >\n            Requires {step.requiredApprovals} of {step.approvers.length} approvals\n          </div>\n        )}\n\n        {step.deadline && (\n          <div\n            className=\"flex items-center gap-1 text-xs text-muted-foreground\"\n            data-slot=\"approval-flow-step-deadline\"\n          >\n            <Clock className=\"h-3 w-3\" />\n            <span>Due: {step.deadline.toLocaleDateString()}</span>\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\n/**\n * ApprovalFlowStep component renders a single approval step\n */\nfunction ApprovalFlowStep({\n  step,\n  index,\n  isCurrent,\n  isLast,\n  showConnector = true,\n  layout = \"horizontal\",\n  readOnly = false,\n  allowDelegation = true,\n  allowEscalation = true,\n  onApprove,\n  onReject,\n  onDelegate,\n  onEscalate,\n  className,\n  ...props\n}: ApprovalFlowStepProps) {\n  const stepId = useId()\n  const statusLabel = getStatusLabel(step.status)\n  // Normalize null to undefined for layout\n  const normalizedLayout = layout ?? \"horizontal\"\n  const canAct =\n    isCurrent &&\n    !readOnly &&\n    (step.status === \"in_progress\" || step.status === \"awaiting\")\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    const target = event.currentTarget\n    const parent = target.parentElement\n    if (!parent) return\n\n    const siblings = [\n      ...parent.querySelectorAll('[data-slot=\"approval-flow-step\"]'),\n    ] as HTMLDivElement[]\n    const currentIndex = siblings.indexOf(target)\n\n    let nextIndex = -1\n\n    switch (event.key) {\n      case \"ArrowDown\":\n      case \"ArrowRight\":\n        event.preventDefault()\n        nextIndex = Math.min(currentIndex + 1, siblings.length - 1)\n        break\n      case \"ArrowUp\":\n      case \"ArrowLeft\":\n        event.preventDefault()\n        nextIndex = Math.max(currentIndex - 1, 0)\n        break\n      default:\n        return\n    }\n\n    const nextElement = siblings[nextIndex]\n    if (nextIndex !== -1 && nextElement) {\n      nextElement.focus()\n    }\n  }\n\n  return (\n    <div\n      className={cn(\n        approvalFlowStepVariants({ layout: normalizedLayout, status: step.status }),\n        className\n      )}\n      aria-current={isCurrent ? \"step\" : undefined}\n      aria-describedby={`${stepId}-description`}\n      aria-label={`${step.title} - ${statusLabel}`}\n      data-active={isCurrent ? \"\" : undefined}\n      data-slot=\"approval-flow-step\"\n      data-status={step.status}\n      role=\"listitem\"\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      {/* Marker and Connector for vertical/compact layouts */}\n      {(normalizedLayout === \"vertical\" || normalizedLayout === \"compact\") && (\n        <div className=\"relative flex flex-col items-center\">\n          <ApprovalFlowMarker index={index} status={step.status} />\n          {showConnector && !isLast && (\n            <ApprovalFlowConnector layout={normalizedLayout} status={step.status} />\n          )}\n        </div>\n      )}\n\n      {/* Main content wrapper */}\n      <div className=\"flex flex-1 flex-col gap-2\">\n        {/* Marker for horizontal layout */}\n        {normalizedLayout === \"horizontal\" && (\n          <div className=\"flex items-center justify-center\">\n            <ApprovalFlowMarker index={index} status={step.status} />\n          </div>\n        )}\n\n        {/* Step content */}\n        <ApprovalFlowStepContent layout={normalizedLayout} step={step} />\n\n        {/* Actions */}\n        <div\n          className={approvalFlowActionsVariants({\n            layout: normalizedLayout,\n            visible: canAct,\n          })}\n          data-slot=\"approval-flow-step-actions\"\n          id={`${stepId}-description`}\n        >\n          {canAct && (\n            <>\n              <Button\n                aria-label={`Approve ${step.title}`}\n                size=\"sm\"\n                variant=\"default\"\n                onClick={onApprove}\n              >\n                <Check className=\"h-4 w-4\" />\n                Approve\n              </Button>\n              <Button\n                aria-label={`Reject ${step.title}`}\n                size=\"sm\"\n                variant=\"destructive\"\n                onClick={onReject}\n              >\n                <X className=\"h-4 w-4\" />\n                Reject\n              </Button>\n              {allowDelegation && (\n                <Button\n                  aria-label={`Delegate ${step.title}`}\n                  size=\"sm\"\n                  variant=\"outline\"\n                  onClick={onDelegate}\n                >\n                  <User className=\"h-4 w-4\" />\n                  Delegate\n                </Button>\n              )}\n              {allowEscalation && (\n                <Button\n                  aria-label={`Escalate ${step.title}`}\n                  size=\"sm\"\n                  variant=\"outline\"\n                  onClick={onEscalate}\n                >\n                  <TrendingUp className=\"h-4 w-4\" />\n                  Escalate\n                </Button>\n              )}\n            </>\n          )}\n        </div>\n      </div>\n\n      {/* Connector for horizontal layout */}\n      {normalizedLayout === \"horizontal\" && showConnector && !isLast && (\n        <div className=\"flex items-center self-start mt-5\">\n          <ApprovalFlowConnector layout={normalizedLayout} status={step.status} />\n          <ChevronRight className=\"h-4 w-4 text-muted-foreground shrink-0\" />\n        </div>\n      )}\n    </div>\n  )\n}\n\n/**\n * ApprovalFlow component displays and manages an approval workflow.\n *\n * @example\n * ```tsx\n * const steps = [\n *   { id: \"1\", title: \"Request\", status: \"approved\", approvers: [] },\n *   { id: \"2\", title: \"Manager\", status: \"in_progress\", approvers: [{ id: \"1\", name: \"John\", email: \"john@example.com\", role: \"Manager\" }] },\n *   { id: \"3\", title: \"Director\", status: \"pending\", approvers: [] },\n * ]\n *\n * <ApprovalFlow\n *   steps={steps}\n *   currentStep={1}\n *   onApprove={({ stepId }) => console.log(\"Approved:\", stepId)}\n *   onReject={({ stepId, reason }) => console.log(\"Rejected:\", stepId, reason)}\n * />\n * ```\n */\nfunction ApprovalFlow({\n  \"aria-label\": ariaLabel = \"Approval workflow\",\n  className,\n  steps,\n  currentStep = 0,\n  variant = \"linear\",\n  layout = \"horizontal\",\n  allowDelegation = true,\n  allowEscalation = true,\n  showTimeline: _showTimeline = true,\n  showComments: _showComments = true,\n  readOnly = false,\n  history: _history,\n  onApprove,\n  onReject,\n  onDelegate,\n  onEscalate,\n  onStepChange: _onStepChange,\n  onComplete: _onComplete,\n  ...props\n}: ApprovalFlowProps) {\n  const [_activeStepIndex, setActiveStepIndex] = useState(currentStep)\n\n  // Determine effective layout based on screen size\n  // On mobile, force vertical layout\n  const effectiveLayout = layout\n\n  const handleApprove = (stepId: string) => {\n    onApprove?.({ stepId })\n  }\n\n  const handleReject = (stepId: string) => {\n    // In a real implementation, this would open a dialog for the reason\n    onReject?.({ stepId, reason: \"\" })\n  }\n\n  const handleDelegate = (stepId: string) => {\n    // In a real implementation, this would open a dialog to select delegate\n    onDelegate?.({\n      stepId,\n      delegateTo: { id: \"\", name: \"\", email: \"\", role: \"\" },\n    })\n  }\n\n  const handleEscalate = (stepId: string) => {\n    // In a real implementation, this would open a dialog to select escalation target\n    onEscalate?.({\n      stepId,\n      escalateTo: { id: \"\", name: \"\", email: \"\", role: \"\" },\n    })\n  }\n\n  // Handle keyboard navigation between steps\n  const handleStepFocus = (index: number) => {\n    setActiveStepIndex(index)\n  }\n\n  const hasSteps = steps.length > 0\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      className={cn(approvalFlowVariants({ variant, layout: effectiveLayout }), className)}\n      data-slot=\"approval-flow\"\n      data-variant={variant}\n      role=\"list\"\n      {...props}\n    >\n      {hasSteps\n        ? steps.map((step, index) => (\n            <ApprovalFlowStep\n              key={step.id}\n              allowDelegation={allowDelegation}\n              allowEscalation={allowEscalation}\n              index={index}\n              isCurrent={index === currentStep}\n              isLast={index === steps.length - 1}\n              layout={effectiveLayout}\n              readOnly={readOnly}\n              showConnector={variant !== \"conditional\"}\n              step={step}\n              onApprove={() => { handleApprove(step.id); }}\n              onDelegate={() => { handleDelegate(step.id); }}\n              onEscalate={() => { handleEscalate(step.id); }}\n              onFocus={() => { handleStepFocus(index); }}\n              onReject={() => { handleReject(step.id); }}\n            />\n          ))\n        : null}\n    </div>\n  )\n}\n\nexport {\n  ApprovalFlow,\n  approvalFlowActionsVariants,\n  ApprovalFlowConnector,\n  approvalFlowConnectorVariants,\n  ApprovalFlowMarker,\n  approvalFlowMarkerVariants,\n  ApprovalFlowStep,\n  approvalFlowStepCardVariants,\n  approvalFlowStepVariants,\n  approvalFlowVariants,\n}\nexport type {\n  ApprovalFlowProps,\n  ApprovalFlowStepProps,\n  ApprovalStep,\n  ApprovalStepStatus,\n}\n"]}
+{"version":3,"sources":["../src/components/workflow/ApprovalFlow/ApprovalFlow.variants.ts","../src/components/workflow/ApprovalFlow/ApprovalFlow.tsx"],"names":[],"mappings":"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","file":"chunk-36XTKR3B.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * ApprovalFlow container variants\n */\nexport const approvalFlowVariants = cva(\n  \"relative rounded-lg border bg-card p-6 transition-all duration-300\",\n  {\n    variants: {\n      variant: {\n        linear: \"\",\n        parallel: \"\",\n        conditional: \"\",\n        hybrid: \"\",\n      },\n      layout: {\n        horizontal: \"flex flex-row gap-4 overflow-x-auto\",\n        vertical: \"flex flex-col gap-4\",\n        compact: \"flex flex-col gap-2 p-4\",\n      },\n    },\n    defaultVariants: {\n      variant: \"linear\",\n      layout: \"horizontal\",\n    },\n  }\n)\n\n/**\n * ApprovalFlow step variants\n */\nexport const approvalFlowStepVariants = cva(\n  \"relative flex transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n  {\n    variants: {\n      layout: {\n        horizontal: \"flex-col items-center gap-2 min-w-40\",\n        vertical: \"flex-row gap-4\",\n        compact: \"flex-row gap-3\",\n      },\n      status: {\n        pending: \"\",\n        in_progress: \"\",\n        awaiting: \"\",\n        approved: \"\",\n        rejected: \"\",\n        escalated: \"\",\n        skipped: \"opacity-50\",\n      },\n    },\n    defaultVariants: {\n      layout: \"horizontal\",\n      status: \"pending\",\n    },\n  }\n)\n\n/**\n * Step marker/indicator variants based on status\n */\nexport const approvalFlowMarkerVariants = cva(\n  \"flex shrink-0 items-center justify-center rounded-full border-2 transition-all duration-300\",\n  {\n    variants: {\n      status: {\n        pending: \"border-muted-foreground/50 bg-muted text-muted-foreground\",\n        in_progress:\n          \"border-primary bg-primary text-primary-foreground animate-pulse\",\n        awaiting: \"border-warning bg-warning text-warning-foreground\",\n        approved: \"border-success bg-success text-success-foreground\",\n        rejected: \"border-destructive bg-destructive text-destructive-foreground\",\n        escalated: \"border-warning bg-warning text-warning-foreground\",\n        skipped: \"border-muted-foreground/30 bg-muted/50 text-muted-foreground/50\",\n      },\n      size: {\n        sm: \"h-8 w-8 text-xs\",\n        default: \"h-10 w-10 text-sm\",\n        lg: \"h-12 w-12 text-base\",\n      },\n    },\n    defaultVariants: {\n      status: \"pending\",\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Connector line variants between steps\n */\nexport const approvalFlowConnectorVariants = cva(\n  \"transition-colors duration-300\",\n  {\n    variants: {\n      layout: {\n        horizontal: \"h-0.5 flex-1 min-w-10\",\n        vertical: \"w-0.5 min-h-10 ml-5\",\n        compact: \"w-0.5 min-h-6 ml-4\",\n      },\n      status: {\n        pending: \"bg-muted-foreground/30\",\n        in_progress: \"bg-primary/50\",\n        awaiting: \"bg-warning/50\",\n        approved: \"bg-success\",\n        rejected: \"bg-destructive/50\",\n        escalated: \"bg-warning/50\",\n        skipped: \"bg-muted-foreground/20\",\n      },\n      style: {\n        solid: \"\",\n        dashed: \"border-dashed border-2 bg-transparent\",\n      },\n    },\n    compoundVariants: [\n      {\n        layout: \"horizontal\",\n        style: \"dashed\",\n        className: \"border-l-0 border-r-0 border-t-2 border-b-0 h-0\",\n      },\n      {\n        layout: \"vertical\",\n        style: \"dashed\",\n        className: \"border-t-0 border-b-0 border-l-2 border-r-0 w-0\",\n      },\n      {\n        layout: \"compact\",\n        style: \"dashed\",\n        className: \"border-t-0 border-b-0 border-l-2 border-r-0 w-0\",\n      },\n    ],\n    defaultVariants: {\n      layout: \"horizontal\",\n      status: \"pending\",\n      style: \"solid\",\n    },\n  }\n)\n\n/**\n * Step card variants\n */\nexport const approvalFlowStepCardVariants = cva(\n  \"rounded-md border bg-background p-4 transition-all duration-200\",\n  {\n    variants: {\n      status: {\n        pending: \"border-muted\",\n        in_progress: \"border-primary shadow-sm ring-1 ring-primary/20\",\n        awaiting: \"border-warning shadow-sm\",\n        approved: \"border-success/50 bg-success/5\",\n        rejected: \"border-destructive/50 bg-destructive/5\",\n        escalated: \"border-warning/50 bg-warning/5\",\n        skipped: \"border-muted/50 bg-muted/10\",\n      },\n      layout: {\n        horizontal: \"w-full max-w-52\",\n        vertical: \"flex-1\",\n        compact: \"flex-1 py-2\",\n      },\n    },\n    defaultVariants: {\n      status: \"pending\",\n      layout: \"horizontal\",\n    },\n  }\n)\n\n/**\n * Action button group variants\n */\nexport const approvalFlowActionsVariants = cva(\n  \"flex gap-2 transition-opacity duration-200\",\n  {\n    variants: {\n      layout: {\n        horizontal: \"flex-wrap justify-center mt-2\",\n        vertical: \"flex-wrap\",\n        compact: \"flex-wrap\",\n      },\n      visible: {\n        true: \"opacity-100\",\n        false: \"opacity-0 pointer-events-none\",\n      },\n    },\n    defaultVariants: {\n      layout: \"horizontal\",\n      visible: true,\n    },\n  }\n)\n\nexport type ApprovalFlowVariantProps = VariantProps<typeof approvalFlowVariants>\nexport type ApprovalFlowStepVariantProps = VariantProps<\n  typeof approvalFlowStepVariants\n>\nexport type ApprovalFlowMarkerVariantProps = VariantProps<\n  typeof approvalFlowMarkerVariants\n>\nexport type ApprovalFlowConnectorVariantProps = VariantProps<\n  typeof approvalFlowConnectorVariants\n>\nexport type ApprovalFlowStepCardVariantProps = VariantProps<\n  typeof approvalFlowStepCardVariants\n>\nexport type ApprovalFlowActionsVariantProps = VariantProps<\n  typeof approvalFlowActionsVariants\n>\n","import type {\n  ApprovalFlowProps,\n  ApprovalFlowStepProps,\n  ApprovalStep,\n  ApprovalStepStatus,\n  Approver,\n} from \"./ApprovalFlow.types\"\nimport type { KeyboardEvent, ReactNode } from \"react\"\n\nimport {\n  Check,\n  ChevronRight,\n  Clock,\n  Forward,\n  TrendingUp,\n  User,\n  X,\n} from \"lucide-react\"\nimport { useId, useState } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Avatar, AvatarFallback, AvatarImage } from \"../../primitives/Avatar\"\nimport { Button } from \"../../primitives/Button\"\nimport {\n  approvalFlowActionsVariants,\n  approvalFlowConnectorVariants,\n  approvalFlowMarkerVariants,\n  approvalFlowStepCardVariants,\n  approvalFlowStepVariants,\n  approvalFlowVariants,\n} from \"./ApprovalFlow.variants\"\n\n/**\n * Get initials from a name\n */\nfunction getInitials(name: string): string {\n  return name\n    .split(\" \")\n    .map((part) => part[0])\n    .join(\"\")\n    .toUpperCase()\n    .slice(0, 2)\n}\n\n/**\n * Get icon for status\n */\nfunction getStatusIcon(status: ApprovalStepStatus): ReactNode {\n  switch (status) {\n    case \"approved\":\n      return <Check className=\"h-4 w-4\" />\n    case \"rejected\":\n      return <X className=\"h-4 w-4\" />\n    case \"in_progress\":\n    case \"awaiting\":\n      return <Clock className=\"h-4 w-4\" />\n    case \"escalated\":\n      return <TrendingUp className=\"h-4 w-4\" />\n    case \"skipped\":\n      return <Forward className=\"h-4 w-4\" />\n    default:\n      return null\n  }\n}\n\n/**\n * Get accessible status label\n */\nfunction getStatusLabel(status: ApprovalStepStatus): string {\n  const labels: Record<ApprovalStepStatus, string> = {\n    pending: \"Pending\",\n    in_progress: \"In progress\",\n    awaiting: \"Awaiting approval\",\n    approved: \"Approved\",\n    rejected: \"Rejected\",\n    escalated: \"Escalated\",\n    skipped: \"Skipped\",\n  }\n  return labels[status]\n}\n\n/**\n * ApprovalFlowMarker component renders the status indicator\n */\nfunction ApprovalFlowMarker({\n  index,\n  status = \"pending\",\n}: {\n  index: number\n  status?: ApprovalStepStatus\n}) {\n  const icon = getStatusIcon(status)\n\n  return (\n    <div\n      aria-hidden=\"true\"\n      className={approvalFlowMarkerVariants({ status })}\n      data-slot=\"approval-flow-marker\"\n      data-status={status}\n    >\n      {icon ?? (\n        <span className=\"font-medium\">{index + 1}</span>\n      )}\n    </div>\n  )\n}\n\n/**\n * ApprovalFlowConnector component renders the line between steps\n */\nfunction ApprovalFlowConnector({\n  layout = \"horizontal\",\n  status = \"pending\",\n  isConditional = false,\n}: {\n  isConditional?: boolean\n  layout?: \"compact\" | \"horizontal\" | \"vertical\"\n  status?: ApprovalStepStatus\n}) {\n  return (\n    <div\n      className={approvalFlowConnectorVariants({\n        layout,\n        status,\n        style: isConditional ? \"dashed\" : \"solid\",\n      })}\n      aria-hidden=\"true\"\n      data-slot=\"approval-flow-connector\"\n    />\n  )\n}\n\n/**\n * ApproverAvatar component renders an approver's avatar\n */\nfunction ApproverAvatar({ approver }: { approver: Approver }) {\n  return (\n    <div className=\"flex items-center gap-2\" title={`${approver.name} (${approver.role})`}>\n      <Avatar size=\"sm\">\n        {approver.avatar ? (\n          <AvatarImage alt={approver.name} src={approver.avatar} />\n        ) : null}\n        <AvatarFallback>{getInitials(approver.name)}</AvatarFallback>\n      </Avatar>\n    </div>\n  )\n}\n\n/**\n * ApprovalFlowStepContent renders the content of a step\n */\nfunction ApprovalFlowStepContent({\n  step,\n  layout = \"horizontal\",\n}: {\n  layout?: \"compact\" | \"horizontal\" | \"vertical\"\n  step: ApprovalStep\n}) {\n  const showApproversCount = step.approvers.length > 3\n  const visibleApprovers = showApproversCount\n    ? step.approvers.slice(0, 3)\n    : step.approvers\n\n  return (\n    <div\n      className={approvalFlowStepCardVariants({ status: step.status, layout })}\n      data-slot=\"approval-flow-step-card\"\n    >\n      <div className=\"space-y-2\">\n        <div data-slot=\"approval-flow-step-title\">\n          <span className=\"text-sm font-medium text-foreground\">\n            {step.title}\n          </span>\n        </div>\n\n        {step.description && (\n          <div data-slot=\"approval-flow-step-description\">\n            <span className=\"text-xs text-muted-foreground\">\n              {step.description}\n            </span>\n          </div>\n        )}\n\n        {step.approvers.length > 0 && (\n          <div\n            className=\"flex items-center gap-1\"\n            data-slot=\"approval-flow-step-approvers\"\n          >\n            <div className=\"flex -space-x-2\">\n              {visibleApprovers.map((approver) => (\n                <ApproverAvatar key={approver.id} approver={approver} />\n              ))}\n            </div>\n            {showApproversCount && (\n              <span className=\"ml-2 text-xs text-muted-foreground\">\n                +{step.approvers.length - 3} more\n              </span>\n            )}\n          </div>\n        )}\n\n        {step.requiredApprovals && step.requiredApprovals > 1 && (\n          <div\n            className=\"text-xs text-muted-foreground\"\n            data-slot=\"approval-flow-step-required\"\n          >\n            Requires {step.requiredApprovals} of {step.approvers.length} approvals\n          </div>\n        )}\n\n        {step.deadline && (\n          <div\n            className=\"flex items-center gap-1 text-xs text-muted-foreground\"\n            data-slot=\"approval-flow-step-deadline\"\n          >\n            <Clock className=\"h-3 w-3\" />\n            <span>Due: {step.deadline.toLocaleDateString()}</span>\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\n/**\n * ApprovalFlowStep component renders a single approval step\n */\nfunction ApprovalFlowStep({\n  step,\n  index,\n  isCurrent,\n  isLast,\n  showConnector = true,\n  layout = \"horizontal\",\n  readOnly = false,\n  allowDelegation = true,\n  allowEscalation = true,\n  onApprove,\n  onReject,\n  onDelegate,\n  onEscalate,\n  className,\n  ...props\n}: ApprovalFlowStepProps) {\n  const stepId = useId()\n  const statusLabel = getStatusLabel(step.status)\n  // Normalize null to undefined for layout\n  const normalizedLayout = layout ?? \"horizontal\"\n  const canAct =\n    isCurrent &&\n    !readOnly &&\n    (step.status === \"in_progress\" || step.status === \"awaiting\")\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    const target = event.currentTarget\n    const parent = target.parentElement\n    if (!parent) return\n\n    const siblings = [\n      ...parent.querySelectorAll('[data-slot=\"approval-flow-step\"]'),\n    ] as HTMLDivElement[]\n    const currentIndex = siblings.indexOf(target)\n\n    let nextIndex = -1\n\n    switch (event.key) {\n      case \"ArrowDown\":\n      case \"ArrowRight\":\n        event.preventDefault()\n        nextIndex = Math.min(currentIndex + 1, siblings.length - 1)\n        break\n      case \"ArrowUp\":\n      case \"ArrowLeft\":\n        event.preventDefault()\n        nextIndex = Math.max(currentIndex - 1, 0)\n        break\n      default:\n        return\n    }\n\n    const nextElement = siblings[nextIndex]\n    if (nextIndex !== -1 && nextElement) {\n      nextElement.focus()\n    }\n  }\n\n  return (\n    <div\n      className={cn(\n        approvalFlowStepVariants({ layout: normalizedLayout, status: step.status }),\n        className\n      )}\n      aria-current={isCurrent ? \"step\" : undefined}\n      aria-describedby={`${stepId}-description`}\n      aria-label={`${step.title} - ${statusLabel}`}\n      data-active={isCurrent ? \"\" : undefined}\n      data-slot=\"approval-flow-step\"\n      data-status={step.status}\n      role=\"listitem\"\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      {/* Marker and Connector for vertical/compact layouts */}\n      {(normalizedLayout === \"vertical\" || normalizedLayout === \"compact\") && (\n        <div className=\"relative flex flex-col items-center\">\n          <ApprovalFlowMarker index={index} status={step.status} />\n          {showConnector && !isLast && (\n            <ApprovalFlowConnector layout={normalizedLayout} status={step.status} />\n          )}\n        </div>\n      )}\n\n      {/* Main content wrapper */}\n      <div className=\"flex flex-1 flex-col gap-2\">\n        {/* Marker for horizontal layout */}\n        {normalizedLayout === \"horizontal\" && (\n          <div className=\"flex items-center justify-center\">\n            <ApprovalFlowMarker index={index} status={step.status} />\n          </div>\n        )}\n\n        {/* Step content */}\n        <ApprovalFlowStepContent layout={normalizedLayout} step={step} />\n\n        {/* Actions */}\n        <div\n          className={approvalFlowActionsVariants({\n            layout: normalizedLayout,\n            visible: canAct,\n          })}\n          data-slot=\"approval-flow-step-actions\"\n          id={`${stepId}-description`}\n        >\n          {canAct && (\n            <>\n              <Button\n                aria-label={`Approve ${step.title}`}\n                size=\"sm\"\n                variant=\"default\"\n                onClick={onApprove}\n              >\n                <Check className=\"h-4 w-4\" />\n                Approve\n              </Button>\n              <Button\n                aria-label={`Reject ${step.title}`}\n                size=\"sm\"\n                variant=\"destructive\"\n                onClick={onReject}\n              >\n                <X className=\"h-4 w-4\" />\n                Reject\n              </Button>\n              {allowDelegation && (\n                <Button\n                  aria-label={`Delegate ${step.title}`}\n                  size=\"sm\"\n                  variant=\"outline\"\n                  onClick={onDelegate}\n                >\n                  <User className=\"h-4 w-4\" />\n                  Delegate\n                </Button>\n              )}\n              {allowEscalation && (\n                <Button\n                  aria-label={`Escalate ${step.title}`}\n                  size=\"sm\"\n                  variant=\"outline\"\n                  onClick={onEscalate}\n                >\n                  <TrendingUp className=\"h-4 w-4\" />\n                  Escalate\n                </Button>\n              )}\n            </>\n          )}\n        </div>\n      </div>\n\n      {/* Connector for horizontal layout */}\n      {normalizedLayout === \"horizontal\" && showConnector && !isLast && (\n        <div className=\"flex items-center self-start mt-5\">\n          <ApprovalFlowConnector layout={normalizedLayout} status={step.status} />\n          <ChevronRight className=\"h-4 w-4 text-muted-foreground shrink-0\" />\n        </div>\n      )}\n    </div>\n  )\n}\n\n/**\n * ApprovalFlow component displays and manages an approval workflow.\n *\n * @example\n * ```tsx\n * const steps = [\n *   { id: \"1\", title: \"Request\", status: \"approved\", approvers: [] },\n *   { id: \"2\", title: \"Manager\", status: \"in_progress\", approvers: [{ id: \"1\", name: \"John\", email: \"john@example.com\", role: \"Manager\" }] },\n *   { id: \"3\", title: \"Director\", status: \"pending\", approvers: [] },\n * ]\n *\n * <ApprovalFlow\n *   steps={steps}\n *   currentStep={1}\n *   onApprove={({ stepId }) => console.log(\"Approved:\", stepId)}\n *   onReject={({ stepId, reason }) => console.log(\"Rejected:\", stepId, reason)}\n * />\n * ```\n */\nfunction ApprovalFlow({\n  \"aria-label\": ariaLabel = \"Approval workflow\",\n  className,\n  steps,\n  currentStep = 0,\n  variant = \"linear\",\n  layout = \"horizontal\",\n  allowDelegation = true,\n  allowEscalation = true,\n  showTimeline: _showTimeline = true,\n  showComments: _showComments = true,\n  readOnly = false,\n  history: _history,\n  onApprove,\n  onReject,\n  onDelegate,\n  onEscalate,\n  onStepChange: _onStepChange,\n  onComplete: _onComplete,\n  ...props\n}: ApprovalFlowProps) {\n  const [_activeStepIndex, setActiveStepIndex] = useState(currentStep)\n\n  // Determine effective layout based on screen size\n  // On mobile, force vertical layout\n  const effectiveLayout = layout\n\n  const handleApprove = (stepId: string) => {\n    onApprove?.({ stepId })\n  }\n\n  const handleReject = (stepId: string) => {\n    // In a real implementation, this would open a dialog for the reason\n    onReject?.({ stepId, reason: \"\" })\n  }\n\n  const handleDelegate = (stepId: string) => {\n    // In a real implementation, this would open a dialog to select delegate\n    onDelegate?.({\n      stepId,\n      delegateTo: { id: \"\", name: \"\", email: \"\", role: \"\" },\n    })\n  }\n\n  const handleEscalate = (stepId: string) => {\n    // In a real implementation, this would open a dialog to select escalation target\n    onEscalate?.({\n      stepId,\n      escalateTo: { id: \"\", name: \"\", email: \"\", role: \"\" },\n    })\n  }\n\n  // Handle keyboard navigation between steps\n  const handleStepFocus = (index: number) => {\n    setActiveStepIndex(index)\n  }\n\n  const hasSteps = steps.length > 0\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      className={cn(approvalFlowVariants({ variant, layout: effectiveLayout }), className)}\n      data-slot=\"approval-flow\"\n      data-variant={variant}\n      role=\"list\"\n      {...props}\n    >\n      {hasSteps\n        ? steps.map((step, index) => (\n            <ApprovalFlowStep\n              key={step.id}\n              allowDelegation={allowDelegation}\n              allowEscalation={allowEscalation}\n              index={index}\n              isCurrent={index === currentStep}\n              isLast={index === steps.length - 1}\n              layout={effectiveLayout}\n              readOnly={readOnly}\n              showConnector={variant !== \"conditional\"}\n              step={step}\n              onApprove={() => { handleApprove(step.id); }}\n              onDelegate={() => { handleDelegate(step.id); }}\n              onEscalate={() => { handleEscalate(step.id); }}\n              onFocus={() => { handleStepFocus(index); }}\n              onReject={() => { handleReject(step.id); }}\n            />\n          ))\n        : null}\n    </div>\n  )\n}\n\nexport {\n  ApprovalFlow,\n  approvalFlowActionsVariants,\n  ApprovalFlowConnector,\n  approvalFlowConnectorVariants,\n  ApprovalFlowMarker,\n  approvalFlowMarkerVariants,\n  ApprovalFlowStep,\n  approvalFlowStepCardVariants,\n  approvalFlowStepVariants,\n  approvalFlowVariants,\n}\nexport type {\n  ApprovalFlowProps,\n  ApprovalFlowStepProps,\n  ApprovalStep,\n  ApprovalStepStatus,\n}\n"]}

package/dist/{chunk-CUWQUGGB.js → chunk-4GQN76L7.js}

@@ -1,4 +1,4 @@
-import { Label } from './chunk-XPVKJIWY.js';
+import { Label } from './chunk-SCGKQ5RE.js';
 import { Divider } from './chunk-3L5G7VI2.js';
 import { cn } from './chunk-HRNDJU7D.js';
 import { useId, useMemo } from 'react';
@@ -224,5 +224,5 @@ function FieldError({ className, children, errors, id, ...props }) {
 }
 
 export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, fieldContentVariants, fieldDescriptionVariants, fieldErrorVariants, fieldGroupVariants, fieldLabelVariants, fieldLegendVariants, fieldSeparatorVariants, fieldSetVariants, fieldTitleVariants, fieldVariants };
-//# sourceMappingURL=chunk-CUWQUGGB.js.map
-//# sourceMappingURL=chunk-CUWQUGGB.js.map
+//# sourceMappingURL=chunk-4GQN76L7.js.map
+//# sourceMappingURL=chunk-4GQN76L7.js.map

package/dist/{chunk-CUWQUGGB.js.map → chunk-4GQN76L7.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/forms/Field/Field.variants.ts","../src/components/forms/Field/Field.tsx"],"names":[],"mappings":"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","file":"chunk-CUWQUGGB.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * FieldSet variant styles using CVA\n */\nexport const fieldSetVariants = cva([\n  \"flex flex-col gap-6\",\n  \"has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3\",\n])\n\n/**\n * FieldLegend variant styles using CVA\n */\nexport const fieldLegendVariants = cva(\"mb-3 font-medium\", {\n  variants: {\n    variant: {\n      legend: \"text-base\",\n      label: \"text-sm\",\n    },\n  },\n  defaultVariants: {\n    variant: \"legend\",\n  },\n})\n\n/**\n * FieldGroup variant styles using CVA\n */\nexport const fieldGroupVariants = cva([\n  \"group/field-group @container/field-group flex w-full flex-col gap-7\",\n  \"data-[slot=checkbox-group]:gap-3\",\n  \"[&>[data-slot=field-group]]:gap-4\",\n])\n\n/**\n * Field container variant styles using CVA\n */\nexport const fieldVariants = cva(\n  \"group/field flex w-full gap-3 data-[invalid=true]:text-destructive\",\n  {\n    variants: {\n      orientation: {\n        vertical: [\"flex-col [&>*]:w-full [&>.sr-only]:w-auto\"],\n        horizontal: [\n          \"flex-row items-center\",\n          \"[&>[data-slot=field-label]]:flex-auto\",\n          \"has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n        ],\n        responsive: [\n          \"flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto\",\n          \"@md/field-group:[&>[data-slot=field-label]]:flex-auto\",\n          \"@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n        ],\n      },\n    },\n    defaultVariants: {\n      orientation: \"vertical\",\n    },\n  }\n)\n\n/**\n * FieldContent variant styles using CVA\n */\nexport const fieldContentVariants = cva([\n  \"group/field-content flex flex-1 flex-col gap-1.5 leading-snug\",\n])\n\n/**\n * FieldLabel variant styles using CVA\n */\nexport const fieldLabelVariants = cva([\n  \"group/field-label peer/field-label flex w-fit gap-2 leading-snug\",\n  \"group-data-[disabled=true]/field:opacity-50\",\n  \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border\",\n  \"[&>*]:data-[slot=field]:p-4\",\n  \"has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary\",\n  \"dark:has-data-[state=checked]:bg-primary/10\",\n])\n\n/**\n * FieldTitle variant styles using CVA\n */\nexport const fieldTitleVariants = cva([\n  \"flex w-fit items-center gap-2 text-sm leading-snug font-medium\",\n  \"group-data-[disabled=true]/field:opacity-50\",\n])\n\n/**\n * FieldDescription variant styles using CVA\n */\nexport const fieldDescriptionVariants = cva([\n  \"text-[color:var(--form-helper-fg)] text-[length:var(--form-helper-size)] leading-normal font-normal\",\n  \"group-has-[[data-orientation=horizontal]]/field:text-balance\",\n  \"last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5\",\n  \"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n])\n\n/**\n * FieldSeparator variant styles using CVA\n */\nexport const fieldSeparatorVariants = cva([\n  \"relative -my-2 h-5 text-sm\",\n  \"group-data-[variant=outline]/field-group:-mb-2\",\n])\n\n/**\n * FieldError variant styles using CVA\n */\nexport const fieldErrorVariants = cva(\n  \"text-[color:var(--form-error-fg)] text-[length:var(--form-error-size)] font-[var(--form-error-weight)]\"\n)\n\n// Export variant prop types\nexport type FieldVariantProps = VariantProps<typeof fieldVariants>\nexport type FieldLegendVariantProps = VariantProps<typeof fieldLegendVariants>\n","import type {\n  FieldContentProps,\n  FieldDescriptionProps,\n  FieldErrorProps,\n  FieldGroupProps,\n  FieldLabelProps,\n  FieldLegendProps,\n  FieldProps,\n  FieldSeparatorProps,\n  FieldSetProps,\n  FieldTitleProps,\n} from \"./Field.types\"\n\nimport { useId, useMemo } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Divider } from \"../../primitives/Divider\"\nimport { Label } from \"../../primitives/Label\"\nimport {\n  fieldContentVariants,\n  fieldDescriptionVariants,\n  fieldErrorVariants,\n  fieldGroupVariants,\n  fieldLabelVariants,\n  fieldLegendVariants,\n  fieldSeparatorVariants,\n  fieldSetVariants,\n  fieldTitleVariants,\n  fieldVariants,\n} from \"./Field.variants\"\n\nfunction FieldSet({ className, ...props }: FieldSetProps) {\n  return (\n    <fieldset\n      className={cn(fieldSetVariants(), className)}\n      data-slot=\"field-set\"\n      {...props}\n    />\n  )\n}\n\nfunction FieldLegend({\n  className,\n  variant = \"legend\",\n  ...props\n}: FieldLegendProps) {\n  return (\n    <legend\n      className={cn(fieldLegendVariants({ variant }), className)}\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      {...props}\n    />\n  )\n}\n\nfunction FieldGroup({ className, ...props }: FieldGroupProps) {\n  return (\n    <div\n      className={cn(fieldGroupVariants(), className)}\n      data-slot=\"field-group\"\n      {...props}\n    />\n  )\n}\n\nfunction Field({ className, orientation = \"vertical\", ...props }: FieldProps) {\n  return (\n    <div\n      className={cn(fieldVariants({ orientation }), className)}\n      data-orientation={orientation}\n      data-slot=\"field\"\n      role=\"group\"\n      {...props}\n    />\n  )\n}\n\nfunction FieldContent({ className, ...props }: FieldContentProps) {\n  return (\n    <div\n      className={cn(fieldContentVariants(), className)}\n      data-slot=\"field-content\"\n      {...props}\n    />\n  )\n}\n\nfunction FieldLabel({ className, ...props }: FieldLabelProps) {\n  return (\n    <Label\n      className={cn(fieldLabelVariants(), className)}\n      data-slot=\"field-label\"\n      {...props}\n    />\n  )\n}\n\nfunction FieldTitle({ className, ...props }: FieldTitleProps) {\n  return (\n    <div\n      className={cn(fieldTitleVariants(), className)}\n      data-slot=\"field-label\"\n      {...props}\n    />\n  )\n}\n\nfunction FieldDescription({ className, id, ...props }: FieldDescriptionProps) {\n  const generatedId = useId()\n  return (\n    <p\n      className={cn(fieldDescriptionVariants(), className)}\n      data-slot=\"field-description\"\n      id={id ?? generatedId}\n      {...props}\n    />\n  )\n}\n\nfunction FieldSeparator({ children, className, ...props }: FieldSeparatorProps) {\n  return (\n    <div\n      className={cn(fieldSeparatorVariants(), className)}\n      data-content={!!children}\n      data-slot=\"field-separator\"\n      {...props}\n    >\n      <Divider className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <span\n          className=\"bg-background text-muted-foreground relative mx-auto block w-fit px-2\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  )\n}\n\nfunction FieldError({ className, children, errors, id, ...props }: FieldErrorProps) {\n  const generatedId = useId()\n  const content = useMemo(() => {\n    if (children) {\n      return children\n    }\n\n    if (!errors?.length) {\n      return null\n    }\n\n    const uniqueErrors = [\n      ...new Map(errors.map((error) => [error?.message, error])).values(),\n    ]\n\n    if (uniqueErrors.length == 1) {\n      return uniqueErrors[0]?.message\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map(\n          (error) =>\n            error?.message && <li key={error.message}>{error.message}</li>\n        )}\n      </ul>\n    )\n  }, [children, errors])\n\n  if (!content) {\n    return null\n  }\n\n  return (\n    <div\n      aria-live=\"polite\"\n      className={cn(fieldErrorVariants(), className)}\n      data-slot=\"field-error\"\n      id={id ?? generatedId}\n      role=\"alert\"\n      {...props}\n    >\n      {content}\n    </div>\n  )\n}\n\nexport {\n  Field,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldTitle,\n}\n"]}
+{"version":3,"sources":["../src/components/forms/Field/Field.variants.ts","../src/components/forms/Field/Field.tsx"],"names":[],"mappings":"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","file":"chunk-4GQN76L7.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * FieldSet variant styles using CVA\n */\nexport const fieldSetVariants = cva([\n  \"flex flex-col gap-6\",\n  \"has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3\",\n])\n\n/**\n * FieldLegend variant styles using CVA\n */\nexport const fieldLegendVariants = cva(\"mb-3 font-medium\", {\n  variants: {\n    variant: {\n      legend: \"text-base\",\n      label: \"text-sm\",\n    },\n  },\n  defaultVariants: {\n    variant: \"legend\",\n  },\n})\n\n/**\n * FieldGroup variant styles using CVA\n */\nexport const fieldGroupVariants = cva([\n  \"group/field-group @container/field-group flex w-full flex-col gap-7\",\n  \"data-[slot=checkbox-group]:gap-3\",\n  \"[&>[data-slot=field-group]]:gap-4\",\n])\n\n/**\n * Field container variant styles using CVA\n */\nexport const fieldVariants = cva(\n  \"group/field flex w-full gap-3 data-[invalid=true]:text-destructive\",\n  {\n    variants: {\n      orientation: {\n        vertical: [\"flex-col [&>*]:w-full [&>.sr-only]:w-auto\"],\n        horizontal: [\n          \"flex-row items-center\",\n          \"[&>[data-slot=field-label]]:flex-auto\",\n          \"has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n        ],\n        responsive: [\n          \"flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto\",\n          \"@md/field-group:[&>[data-slot=field-label]]:flex-auto\",\n          \"@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n        ],\n      },\n    },\n    defaultVariants: {\n      orientation: \"vertical\",\n    },\n  }\n)\n\n/**\n * FieldContent variant styles using CVA\n */\nexport const fieldContentVariants = cva([\n  \"group/field-content flex flex-1 flex-col gap-1.5 leading-snug\",\n])\n\n/**\n * FieldLabel variant styles using CVA\n */\nexport const fieldLabelVariants = cva([\n  \"group/field-label peer/field-label flex w-fit gap-2 leading-snug\",\n  \"group-data-[disabled=true]/field:opacity-50\",\n  \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border\",\n  \"[&>*]:data-[slot=field]:p-4\",\n  \"has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary\",\n  \"dark:has-data-[state=checked]:bg-primary/10\",\n])\n\n/**\n * FieldTitle variant styles using CVA\n */\nexport const fieldTitleVariants = cva([\n  \"flex w-fit items-center gap-2 text-sm leading-snug font-medium\",\n  \"group-data-[disabled=true]/field:opacity-50\",\n])\n\n/**\n * FieldDescription variant styles using CVA\n */\nexport const fieldDescriptionVariants = cva([\n  \"text-[color:var(--form-helper-fg)] text-[length:var(--form-helper-size)] leading-normal font-normal\",\n  \"group-has-[[data-orientation=horizontal]]/field:text-balance\",\n  \"last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5\",\n  \"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n])\n\n/**\n * FieldSeparator variant styles using CVA\n */\nexport const fieldSeparatorVariants = cva([\n  \"relative -my-2 h-5 text-sm\",\n  \"group-data-[variant=outline]/field-group:-mb-2\",\n])\n\n/**\n * FieldError variant styles using CVA\n */\nexport const fieldErrorVariants = cva(\n  \"text-[color:var(--form-error-fg)] text-[length:var(--form-error-size)] font-[var(--form-error-weight)]\"\n)\n\n// Export variant prop types\nexport type FieldVariantProps = VariantProps<typeof fieldVariants>\nexport type FieldLegendVariantProps = VariantProps<typeof fieldLegendVariants>\n","import type {\n  FieldContentProps,\n  FieldDescriptionProps,\n  FieldErrorProps,\n  FieldGroupProps,\n  FieldLabelProps,\n  FieldLegendProps,\n  FieldProps,\n  FieldSeparatorProps,\n  FieldSetProps,\n  FieldTitleProps,\n} from \"./Field.types\"\n\nimport { useId, useMemo } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Divider } from \"../../primitives/Divider\"\nimport { Label } from \"../../primitives/Label\"\nimport {\n  fieldContentVariants,\n  fieldDescriptionVariants,\n  fieldErrorVariants,\n  fieldGroupVariants,\n  fieldLabelVariants,\n  fieldLegendVariants,\n  fieldSeparatorVariants,\n  fieldSetVariants,\n  fieldTitleVariants,\n  fieldVariants,\n} from \"./Field.variants\"\n\nfunction FieldSet({ className, ...props }: FieldSetProps) {\n  return (\n    <fieldset\n      className={cn(fieldSetVariants(), className)}\n      data-slot=\"field-set\"\n      {...props}\n    />\n  )\n}\n\nfunction FieldLegend({\n  className,\n  variant = \"legend\",\n  ...props\n}: FieldLegendProps) {\n  return (\n    <legend\n      className={cn(fieldLegendVariants({ variant }), className)}\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      {...props}\n    />\n  )\n}\n\nfunction FieldGroup({ className, ...props }: FieldGroupProps) {\n  return (\n    <div\n      className={cn(fieldGroupVariants(), className)}\n      data-slot=\"field-group\"\n      {...props}\n    />\n  )\n}\n\nfunction Field({ className, orientation = \"vertical\", ...props }: FieldProps) {\n  return (\n    <div\n      className={cn(fieldVariants({ orientation }), className)}\n      data-orientation={orientation}\n      data-slot=\"field\"\n      role=\"group\"\n      {...props}\n    />\n  )\n}\n\nfunction FieldContent({ className, ...props }: FieldContentProps) {\n  return (\n    <div\n      className={cn(fieldContentVariants(), className)}\n      data-slot=\"field-content\"\n      {...props}\n    />\n  )\n}\n\nfunction FieldLabel({ className, ...props }: FieldLabelProps) {\n  return (\n    <Label\n      className={cn(fieldLabelVariants(), className)}\n      data-slot=\"field-label\"\n      {...props}\n    />\n  )\n}\n\nfunction FieldTitle({ className, ...props }: FieldTitleProps) {\n  return (\n    <div\n      className={cn(fieldTitleVariants(), className)}\n      data-slot=\"field-label\"\n      {...props}\n    />\n  )\n}\n\nfunction FieldDescription({ className, id, ...props }: FieldDescriptionProps) {\n  const generatedId = useId()\n  return (\n    <p\n      className={cn(fieldDescriptionVariants(), className)}\n      data-slot=\"field-description\"\n      id={id ?? generatedId}\n      {...props}\n    />\n  )\n}\n\nfunction FieldSeparator({ children, className, ...props }: FieldSeparatorProps) {\n  return (\n    <div\n      className={cn(fieldSeparatorVariants(), className)}\n      data-content={!!children}\n      data-slot=\"field-separator\"\n      {...props}\n    >\n      <Divider className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <span\n          className=\"bg-background text-muted-foreground relative mx-auto block w-fit px-2\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  )\n}\n\nfunction FieldError({ className, children, errors, id, ...props }: FieldErrorProps) {\n  const generatedId = useId()\n  const content = useMemo(() => {\n    if (children) {\n      return children\n    }\n\n    if (!errors?.length) {\n      return null\n    }\n\n    const uniqueErrors = [\n      ...new Map(errors.map((error) => [error?.message, error])).values(),\n    ]\n\n    if (uniqueErrors.length == 1) {\n      return uniqueErrors[0]?.message\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map(\n          (error) =>\n            error?.message && <li key={error.message}>{error.message}</li>\n        )}\n      </ul>\n    )\n  }, [children, errors])\n\n  if (!content) {\n    return null\n  }\n\n  return (\n    <div\n      aria-live=\"polite\"\n      className={cn(fieldErrorVariants(), className)}\n      data-slot=\"field-error\"\n      id={id ?? generatedId}\n      role=\"alert\"\n      {...props}\n    >\n      {content}\n    </div>\n  )\n}\n\nexport {\n  Field,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldTitle,\n}\n"]}

package/dist/{chunk-7BAL24EU.js → chunk-5XQIH6WM.js}

@@ -1,5 +1,5 @@
-import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from './chunk-KNH7JW6E.js';
-import { buttonVariants } from './chunk-RPV77BCQ.js';
+import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from './chunk-IBVCSZCH.js';
+import { buttonVariants } from './chunk-ONQCNOLU.js';
 import { cn } from './chunk-HRNDJU7D.js';
 import { LoaderCircle } from 'lucide-react';
 import * as React from 'react';
@@ -200,5 +200,5 @@ function ConfirmButton({
 }
 
 export { ConfirmButton };
-//# sourceMappingURL=chunk-7BAL24EU.js.map
-//# sourceMappingURL=chunk-7BAL24EU.js.map
+//# sourceMappingURL=chunk-5XQIH6WM.js.map
+//# sourceMappingURL=chunk-5XQIH6WM.js.map

package/dist/{chunk-7BAL24EU.js.map → chunk-5XQIH6WM.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/primitives/ConfirmButton/ConfirmButton.tsx"],"names":[],"mappings":"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","file":"chunk-7BAL24EU.js","sourcesContent":["\"use client\"\n\nimport type { ConfirmButtonProps } from \"./ConfirmButton.types\"\n\nimport { LoaderCircle } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from \"../../feedback/AlertDialog\"\nimport { buttonVariants } from \"../Button\"\n\n/**\n * ConfirmButton - A button that requires confirmation before executing an action\n *\n * Combines a Button trigger with an AlertDialog for confirmation.\n * Supports typing validation for critical actions.\n *\n * @example\n * ```tsx\n * <ConfirmButton\n *   variant=\"destructive\"\n *   confirmTitle=\"Delete item?\"\n *   confirmDescription=\"This action cannot be undone.\"\n *   onConfirm={() => handleDelete()}\n * >\n *   Delete\n * </ConfirmButton>\n * ```\n */\nfunction ConfirmButton({\n  // Trigger button props\n  className,\n  variant,\n  size,\n  leftIcon,\n  rightIcon,\n  disabled,\n  children,\n\n  // Dialog configuration\n  confirmTitle = \"Confirm action\",\n  confirmDescription,\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  confirmVariant = \"default\",\n\n  // Typing validation\n  requireTyping,\n  typingPlaceholder,\n  typingLabel,\n  caseSensitive = true,\n\n  // States\n  loading = false,\n  open: controlledOpen,\n  onOpenChange: controlledOnOpenChange,\n\n  // Callbacks\n  onConfirm,\n  onCancel,\n\n  ...props\n}: ConfirmButtonProps) {\n  // Internal open state (uncontrolled mode)\n  const [internalOpen, setInternalOpen] = React.useState(false)\n\n  // Typing input value\n  const [typingValue, setTypingValue] = React.useState(\"\")\n\n  // Internal loading state for async onConfirm\n  const [isConfirming, setIsConfirming] = React.useState(false)\n\n  // Prevent double confirmation\n  const confirmingRef = React.useRef(false)\n\n  // Determine if controlled or uncontrolled\n  const isControlled = controlledOpen !== undefined\n  const open = isControlled ? controlledOpen : internalOpen\n  const setOpen = React.useCallback(\n    (value: boolean) => {\n      if (isControlled) {\n        controlledOnOpenChange?.(value)\n      } else {\n        setInternalOpen(value)\n      }\n    },\n    [isControlled, controlledOnOpenChange]\n  )\n\n  // Track previous open state to reset typing during render (avoids useEffect anti-pattern)\n  const prevOpenRef = React.useRef(open)\n  if (prevOpenRef.current !== open) {\n    prevOpenRef.current = open\n    if (!open) {\n      setTypingValue(\"\")\n      confirmingRef.current = false\n    }\n  }\n\n  // Check if typing matches requirement\n  const typingMatches = React.useMemo(() => {\n    if (!requireTyping) return true\n\n    if (caseSensitive) {\n      return typingValue === requireTyping\n    }\n    return typingValue.toLowerCase() === requireTyping.toLowerCase()\n  }, [requireTyping, typingValue, caseSensitive])\n\n  // Combined loading state\n  const isLoading = loading || isConfirming\n\n  // Confirm button should be disabled when loading or typing doesn't match\n  const confirmDisabled = isLoading || !typingMatches\n\n  // Track if cancel was triggered by button click\n  const cancelTriggeredRef = React.useRef(false)\n\n  // Handle dialog open change\n  const handleOpenChange = React.useCallback(\n    (newOpen: boolean) => {\n      // Don't allow closing while confirming\n      if (isConfirming && !newOpen) return\n\n      setOpen(newOpen)\n\n      // Only call onCancel if dialog is closing and cancel wasn't already triggered\n      if (!newOpen && !cancelTriggeredRef.current) {\n        onCancel?.()\n      }\n\n      // Reset the flag after processing\n      cancelTriggeredRef.current = false\n    },\n    [setOpen, onCancel, isConfirming]\n  )\n\n  // Handle cancel button click\n  const handleCancel = React.useCallback(() => {\n    cancelTriggeredRef.current = true\n    onCancel?.()\n    setOpen(false)\n  }, [setOpen, onCancel])\n\n  // Handle confirm button click\n  const handleConfirm = React.useCallback(\n    async (event: React.MouseEvent) => {\n      // Prevent default AlertDialog behavior (auto-close)\n      event.preventDefault()\n\n      // Prevent double confirmation\n      if (confirmingRef.current) return\n      confirmingRef.current = true\n\n      setIsConfirming(true)\n\n      try {\n        await onConfirm()\n        // Close dialog on success\n        setOpen(false)\n      } catch {\n        // Keep dialog open on error, allow retry\n        confirmingRef.current = false\n        // Error is not rethrown - caller should handle errors in onConfirm\n      } finally {\n        setIsConfirming(false)\n      }\n    },\n    [onConfirm, setOpen]\n  )\n\n  // Render trigger button content\n  const renderTriggerContent = () => (\n    <>\n      {leftIcon && (\n        <span aria-hidden=\"true\" data-slot=\"left-icon\">\n          {leftIcon}\n        </span>\n      )}\n      {children}\n      {rightIcon && (\n        <span aria-hidden=\"true\" data-slot=\"right-icon\">\n          {rightIcon}\n        </span>\n      )}\n    </>\n  )\n\n  return (\n    <AlertDialog open={open} onOpenChange={handleOpenChange}>\n      <AlertDialogTrigger asChild>\n        <button\n          aria-disabled={disabled ?? undefined}\n          className={cn(buttonVariants({ variant, size, className }))}\n          data-slot=\"confirm-button\"\n          disabled={disabled}\n          type=\"button\"\n          {...props}\n        >\n          {renderTriggerContent()}\n        </button>\n      </AlertDialogTrigger>\n\n      <AlertDialogContent data-slot=\"confirm-dialog\">\n        <AlertDialogHeader data-slot=\"confirm-dialog-header\">\n          <AlertDialogTitle data-slot=\"confirm-dialog-title\">\n            {confirmTitle}\n          </AlertDialogTitle>\n          {confirmDescription ? (\n            <AlertDialogDescription data-slot=\"confirm-dialog-description\">\n              {confirmDescription}\n            </AlertDialogDescription>\n          ) : (\n            <AlertDialogDescription className=\"sr-only\">\n              Confirm or cancel this action.\n            </AlertDialogDescription>\n          )}\n        </AlertDialogHeader>\n\n        {requireTyping && (\n          <div className=\"space-y-2\" data-slot=\"confirm-dialog-content\">\n            {typingLabel && (\n              <label\n                className=\"text-sm font-medium text-foreground\"\n                htmlFor=\"confirm-typing-input\"\n              >\n                {typingLabel}\n              </label>\n            )}\n            <input\n              aria-describedby={\n                !typingMatches ? \"confirm-typing-error\" : undefined\n              }\n              autoComplete=\"off\"\n              className=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\"\n              data-slot=\"confirm-dialog-input\"\n              id=\"confirm-typing-input\"\n              placeholder={typingPlaceholder ?? requireTyping}\n              type=\"text\"\n              value={typingValue}\n              onChange={(e) => { setTypingValue(e.target.value); }}\n            />\n            {typingValue && !typingMatches && (\n              <p\n                aria-live=\"polite\"\n                className=\"text-sm text-destructive\"\n                id=\"confirm-typing-error\"\n              >\n                The text you entered does not match.\n              </p>\n            )}\n          </div>\n        )}\n\n        <AlertDialogFooter data-slot=\"confirm-dialog-footer\">\n          <AlertDialogCancel\n            data-slot=\"confirm-dialog-cancel\"\n            disabled={isLoading}\n            onClick={handleCancel}\n          >\n            {cancelLabel}\n          </AlertDialogCancel>\n          <AlertDialogAction\n            className={cn(\n              confirmVariant === \"destructive\" &&\n                \"bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40\"\n            )}\n            aria-busy={isLoading || undefined}\n            aria-disabled={confirmDisabled || undefined}\n            data-slot=\"confirm-dialog-confirm\"\n            disabled={confirmDisabled}\n            onClick={(e) => { void handleConfirm(e); }}\n          >\n            {isLoading && (\n              <LoaderCircle\n                aria-hidden=\"true\"\n                className=\"size-4 animate-spin\"\n              />\n            )}\n            {confirmLabel}\n          </AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  )\n}\n\nexport { ConfirmButton }\n"]}
+{"version":3,"sources":["../src/components/primitives/ConfirmButton/ConfirmButton.tsx"],"names":[],"mappings":"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","file":"chunk-5XQIH6WM.js","sourcesContent":["\"use client\"\n\nimport type { ConfirmButtonProps } from \"./ConfirmButton.types\"\n\nimport { LoaderCircle } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from \"../../feedback/AlertDialog\"\nimport { buttonVariants } from \"../Button\"\n\n/**\n * ConfirmButton - A button that requires confirmation before executing an action\n *\n * Combines a Button trigger with an AlertDialog for confirmation.\n * Supports typing validation for critical actions.\n *\n * @example\n * ```tsx\n * <ConfirmButton\n *   variant=\"destructive\"\n *   confirmTitle=\"Delete item?\"\n *   confirmDescription=\"This action cannot be undone.\"\n *   onConfirm={() => handleDelete()}\n * >\n *   Delete\n * </ConfirmButton>\n * ```\n */\nfunction ConfirmButton({\n  // Trigger button props\n  className,\n  variant,\n  size,\n  leftIcon,\n  rightIcon,\n  disabled,\n  children,\n\n  // Dialog configuration\n  confirmTitle = \"Confirm action\",\n  confirmDescription,\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  confirmVariant = \"default\",\n\n  // Typing validation\n  requireTyping,\n  typingPlaceholder,\n  typingLabel,\n  caseSensitive = true,\n\n  // States\n  loading = false,\n  open: controlledOpen,\n  onOpenChange: controlledOnOpenChange,\n\n  // Callbacks\n  onConfirm,\n  onCancel,\n\n  ...props\n}: ConfirmButtonProps) {\n  // Internal open state (uncontrolled mode)\n  const [internalOpen, setInternalOpen] = React.useState(false)\n\n  // Typing input value\n  const [typingValue, setTypingValue] = React.useState(\"\")\n\n  // Internal loading state for async onConfirm\n  const [isConfirming, setIsConfirming] = React.useState(false)\n\n  // Prevent double confirmation\n  const confirmingRef = React.useRef(false)\n\n  // Determine if controlled or uncontrolled\n  const isControlled = controlledOpen !== undefined\n  const open = isControlled ? controlledOpen : internalOpen\n  const setOpen = React.useCallback(\n    (value: boolean) => {\n      if (isControlled) {\n        controlledOnOpenChange?.(value)\n      } else {\n        setInternalOpen(value)\n      }\n    },\n    [isControlled, controlledOnOpenChange]\n  )\n\n  // Track previous open state to reset typing during render (avoids useEffect anti-pattern)\n  const prevOpenRef = React.useRef(open)\n  if (prevOpenRef.current !== open) {\n    prevOpenRef.current = open\n    if (!open) {\n      setTypingValue(\"\")\n      confirmingRef.current = false\n    }\n  }\n\n  // Check if typing matches requirement\n  const typingMatches = React.useMemo(() => {\n    if (!requireTyping) return true\n\n    if (caseSensitive) {\n      return typingValue === requireTyping\n    }\n    return typingValue.toLowerCase() === requireTyping.toLowerCase()\n  }, [requireTyping, typingValue, caseSensitive])\n\n  // Combined loading state\n  const isLoading = loading || isConfirming\n\n  // Confirm button should be disabled when loading or typing doesn't match\n  const confirmDisabled = isLoading || !typingMatches\n\n  // Track if cancel was triggered by button click\n  const cancelTriggeredRef = React.useRef(false)\n\n  // Handle dialog open change\n  const handleOpenChange = React.useCallback(\n    (newOpen: boolean) => {\n      // Don't allow closing while confirming\n      if (isConfirming && !newOpen) return\n\n      setOpen(newOpen)\n\n      // Only call onCancel if dialog is closing and cancel wasn't already triggered\n      if (!newOpen && !cancelTriggeredRef.current) {\n        onCancel?.()\n      }\n\n      // Reset the flag after processing\n      cancelTriggeredRef.current = false\n    },\n    [setOpen, onCancel, isConfirming]\n  )\n\n  // Handle cancel button click\n  const handleCancel = React.useCallback(() => {\n    cancelTriggeredRef.current = true\n    onCancel?.()\n    setOpen(false)\n  }, [setOpen, onCancel])\n\n  // Handle confirm button click\n  const handleConfirm = React.useCallback(\n    async (event: React.MouseEvent) => {\n      // Prevent default AlertDialog behavior (auto-close)\n      event.preventDefault()\n\n      // Prevent double confirmation\n      if (confirmingRef.current) return\n      confirmingRef.current = true\n\n      setIsConfirming(true)\n\n      try {\n        await onConfirm()\n        // Close dialog on success\n        setOpen(false)\n      } catch {\n        // Keep dialog open on error, allow retry\n        confirmingRef.current = false\n        // Error is not rethrown - caller should handle errors in onConfirm\n      } finally {\n        setIsConfirming(false)\n      }\n    },\n    [onConfirm, setOpen]\n  )\n\n  // Render trigger button content\n  const renderTriggerContent = () => (\n    <>\n      {leftIcon && (\n        <span aria-hidden=\"true\" data-slot=\"left-icon\">\n          {leftIcon}\n        </span>\n      )}\n      {children}\n      {rightIcon && (\n        <span aria-hidden=\"true\" data-slot=\"right-icon\">\n          {rightIcon}\n        </span>\n      )}\n    </>\n  )\n\n  return (\n    <AlertDialog open={open} onOpenChange={handleOpenChange}>\n      <AlertDialogTrigger asChild>\n        <button\n          aria-disabled={disabled ?? undefined}\n          className={cn(buttonVariants({ variant, size, className }))}\n          data-slot=\"confirm-button\"\n          disabled={disabled}\n          type=\"button\"\n          {...props}\n        >\n          {renderTriggerContent()}\n        </button>\n      </AlertDialogTrigger>\n\n      <AlertDialogContent data-slot=\"confirm-dialog\">\n        <AlertDialogHeader data-slot=\"confirm-dialog-header\">\n          <AlertDialogTitle data-slot=\"confirm-dialog-title\">\n            {confirmTitle}\n          </AlertDialogTitle>\n          {confirmDescription ? (\n            <AlertDialogDescription data-slot=\"confirm-dialog-description\">\n              {confirmDescription}\n            </AlertDialogDescription>\n          ) : (\n            <AlertDialogDescription className=\"sr-only\">\n              Confirm or cancel this action.\n            </AlertDialogDescription>\n          )}\n        </AlertDialogHeader>\n\n        {requireTyping && (\n          <div className=\"space-y-2\" data-slot=\"confirm-dialog-content\">\n            {typingLabel && (\n              <label\n                className=\"text-sm font-medium text-foreground\"\n                htmlFor=\"confirm-typing-input\"\n              >\n                {typingLabel}\n              </label>\n            )}\n            <input\n              aria-describedby={\n                !typingMatches ? \"confirm-typing-error\" : undefined\n              }\n              autoComplete=\"off\"\n              className=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\"\n              data-slot=\"confirm-dialog-input\"\n              id=\"confirm-typing-input\"\n              placeholder={typingPlaceholder ?? requireTyping}\n              type=\"text\"\n              value={typingValue}\n              onChange={(e) => { setTypingValue(e.target.value); }}\n            />\n            {typingValue && !typingMatches && (\n              <p\n                aria-live=\"polite\"\n                className=\"text-sm text-destructive\"\n                id=\"confirm-typing-error\"\n              >\n                The text you entered does not match.\n              </p>\n            )}\n          </div>\n        )}\n\n        <AlertDialogFooter data-slot=\"confirm-dialog-footer\">\n          <AlertDialogCancel\n            data-slot=\"confirm-dialog-cancel\"\n            disabled={isLoading}\n            onClick={handleCancel}\n          >\n            {cancelLabel}\n          </AlertDialogCancel>\n          <AlertDialogAction\n            className={cn(\n              confirmVariant === \"destructive\" &&\n                \"bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40\"\n            )}\n            aria-busy={isLoading || undefined}\n            aria-disabled={confirmDisabled || undefined}\n            data-slot=\"confirm-dialog-confirm\"\n            disabled={confirmDisabled}\n            onClick={(e) => { void handleConfirm(e); }}\n          >\n            {isLoading && (\n              <LoaderCircle\n                aria-hidden=\"true\"\n                className=\"size-4 animate-spin\"\n              />\n            )}\n            {confirmLabel}\n          </AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  )\n}\n\nexport { ConfirmButton }\n"]}

package/dist/chunk-5ZWFIDO2.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-5ZWFIDO2.js.map
+//# sourceMappingURL=chunk-5ZWFIDO2.js.map

package/dist/{chunk-NNOGFX66.js.map → chunk-5ZWFIDO2.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-NNOGFX66.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-5ZWFIDO2.js"}

package/dist/{chunk-CCUCWL6M.js → chunk-AB3S55W5.js}

@@ -2,8 +2,8 @@ import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from '
 import { useIsMobile } from './chunk-WH7Y2MAY.js';
 import { SkeletonLoader } from './chunk-QHKOBGLW.js';
 import { TextInput } from './chunk-PWCMCMDN.js';
-import { Avatar } from './chunk-HNYBLROK.js';
-import { Button } from './chunk-RPV77BCQ.js';
+import { Avatar } from './chunk-YP2ATSXP.js';
+import { Button } from './chunk-ONQCNOLU.js';
 import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-7ZJ32KRQ.js';
 import { Divider } from './chunk-3L5G7VI2.js';
 import { cn } from './chunk-HRNDJU7D.js';
@@ -147,8 +147,12 @@ var sidebarMenuButtonVariants = cva(
     "group-data-[mode]:[&>svg]:size-[var(--sidebar-nav-item-icon-size)]",
     "group-data-[mode]:hover:bg-[color:var(--sidebar-nav-item-bg-hover)]",
     "group-data-[mode]:hover:text-[color:var(--sidebar-nav-item-fg-active)]",
-    "group-data-[mode]:data-[active=true]:bg-[color:var(--sidebar-nav-item-bg-hover)]",
-    "group-data-[mode]:data-[active=true]:text-[color:var(--sidebar-nav-item-fg-active)]"
+    // Scoped `!` so the token-mode active bg/fg wins the Tailwind v4 stacked-variant
+    // cascade over the base `data-[active=true]:bg-sidebar-accent` (which otherwise wins
+    // by sort order). Idiomatic here (cf. `size-8!`/`p-2!` above). Gated on data-mode →
+    // legacy sidebars (no data-mode) keep the shadcn mint; fixes single + dual alike.
+    "group-data-[mode]:data-[active=true]:bg-[color:var(--sidebar-nav-item-bg-hover)]!",
+    "group-data-[mode]:data-[active=true]:text-[color:var(--sidebar-nav-item-fg-active)]!"
   ],
   {
     variants: {
@@ -486,6 +490,7 @@ function Sidebar({
     {
       className: cn(sidebarDesktopVariants()),
       "data-collapsible": state === "collapsed" ? collapsible : "",
+      "data-mode": mode,
       "data-side": side,
       "data-slot": "sidebar",
       "data-state": state,
@@ -1199,5 +1204,5 @@ function SidebarThemeToggle({
 }
 
 export { Sidebar, SidebarAvatar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPanelContent, SidebarProvider, SidebarRail, SidebarRailButton, SidebarRailContent, SidebarSeparator, SidebarThemeToggle, SidebarTrigger, sidebarContainerVariants, sidebarContentVariants, sidebarDesktopVariants, sidebarFooterVariants, sidebarGapVariants, sidebarGroupActionVariants, sidebarGroupContentVariants, sidebarGroupLabelVariants, sidebarGroupVariants, sidebarHeaderVariants, sidebarInnerVariants, sidebarInputVariants, sidebarInsetVariants, sidebarMenuActionShowOnHoverVariants, sidebarMenuActionVariants, sidebarMenuBadgeVariants, sidebarMenuButtonVariants, sidebarMenuItemVariants, sidebarMenuSkeletonVariants, sidebarMenuSubButtonVariants, sidebarMenuSubItemVariants, sidebarMenuSubVariants, sidebarMenuVariants, sidebarMobileVariants, sidebarNonCollapsibleVariants, sidebarProviderVariants, sidebarRailButtonVariants, sidebarRailVariants, sidebarSeparatorVariants, sidebarTriggerVariants, useSidebar };
-//# sourceMappingURL=chunk-CCUCWL6M.js.map
-//# sourceMappingURL=chunk-CCUCWL6M.js.map
+//# sourceMappingURL=chunk-AB3S55W5.js.map
+//# sourceMappingURL=chunk-AB3S55W5.js.map