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

package/dist/chunk-JLVL76SW.js.map

@@ -0,0 +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"]}

package/dist/chunk-JPA2VQRW.js

@@ -0,0 +1,119 @@
+import { TextInput } from './chunk-PWCMCMDN.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import { SearchIcon, XIcon } from 'lucide-react';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var searchIconVariants = cva(
+  "flex items-center justify-center text-muted-foreground/80",
+  {
+    variants: {
+      size: {
+        xs: "[&_svg]:size-3",
+        sm: "[&_svg]:size-3.5",
+        md: "[&_svg]:size-4",
+        lg: "[&_svg]:size-4.5",
+        xl: "[&_svg]:size-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var searchClearButtonVariants = cva(
+  [
+    "flex items-center justify-center",
+    "text-muted-foreground hover:text-foreground",
+    "transition-colors rounded-sm outline-none focus-visible:ring-2 focus-visible:ring-ring"
+  ],
+  {
+    variants: {
+      size: {
+        xs: "size-4 [&_svg]:size-3",
+        sm: "size-5 [&_svg]:size-3.5",
+        md: "size-6 [&_svg]:size-4",
+        lg: "size-7 [&_svg]:size-4.5",
+        xl: "size-8 [&_svg]:size-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function SearchInput({
+  className,
+  size = "md",
+  variant = "default",
+  showClearButton = true,
+  onClear,
+  searchIcon,
+  clearIcon,
+  disabled,
+  value,
+  defaultValue,
+  onChange,
+  ...props
+}) {
+  const [internalValue, setInternalValue] = React.useState(defaultValue ?? "");
+  const isControlled = value !== void 0;
+  const currentValue = isControlled ? value : internalValue;
+  const hasValue = currentValue !== "";
+  const handleChange = React.useCallback(
+    (e) => {
+      if (!isControlled) {
+        setInternalValue(e.target.value);
+      }
+      onChange?.(e);
+    },
+    [isControlled, onChange]
+  );
+  const handleClear = React.useCallback(() => {
+    if (!isControlled) {
+      setInternalValue("");
+    }
+    onClear?.();
+  }, [isControlled, onClear]);
+  const showClear = showClearButton && hasValue;
+  const leading = /* @__PURE__ */ jsx("span", { className: cn(searchIconVariants({ size })), "data-slot": "search-icon", children: searchIcon ?? /* @__PURE__ */ jsx(SearchIcon, { "aria-hidden": "true" }) });
+  const trailing = showClear ? /* @__PURE__ */ jsx(
+    "button",
+    {
+      "aria-label": "Clear search",
+      className: cn(searchClearButtonVariants({ size })),
+      "data-slot": "clear-button",
+      disabled,
+      tabIndex: -1,
+      type: "button",
+      onClick: handleClear,
+      children: clearIcon ?? /* @__PURE__ */ jsx(XIcon, { "aria-hidden": "true" })
+    }
+  ) : void 0;
+  return /* @__PURE__ */ jsx(
+    TextInput,
+    {
+      className: cn(
+        // Hide native search clear button (WebKit)
+        "[&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden",
+        className
+      ),
+      "data-slot": "search-input",
+      disabled,
+      leadingIcon: leading,
+      size,
+      trailingIcon: trailing,
+      trailingIconInteractive: true,
+      type: "search",
+      value: currentValue,
+      variant,
+      onChange: handleChange,
+      ...props
+    }
+  );
+}
+
+export { SearchInput, searchClearButtonVariants, searchIconVariants };
+//# sourceMappingURL=chunk-JPA2VQRW.js.map
+//# sourceMappingURL=chunk-JPA2VQRW.js.map

package/dist/chunk-JPA2VQRW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/SearchInput/SearchInput.variants.ts","../src/components/forms/SearchInput/SearchInput.tsx"],"names":[],"mappings":"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","file":"chunk-JPA2VQRW.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Search icon visual variants\n */\nexport const searchIconVariants = cva(\n  \"flex items-center justify-center text-muted-foreground/80\",\n  {\n    variants: {\n      size: {\n        xs: \"[&_svg]:size-3\",\n        sm: \"[&_svg]:size-3.5\",\n        md: \"[&_svg]:size-4\",\n        lg: \"[&_svg]:size-4.5\",\n        xl: \"[&_svg]:size-5\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * Clear button visual variants\n */\nexport const searchClearButtonVariants = cva(\n  [\n    \"flex items-center justify-center\",\n    \"text-muted-foreground hover:text-foreground\",\n    \"transition-colors rounded-sm outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n  ],\n  {\n    variants: {\n      size: {\n        xs: \"size-4 [&_svg]:size-3\",\n        sm: \"size-5 [&_svg]:size-3.5\",\n        md: \"size-6 [&_svg]:size-4\",\n        lg: \"size-7 [&_svg]:size-4.5\",\n        xl: \"size-8 [&_svg]:size-5\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n\nexport type SearchIconVariantProps = VariantProps<typeof searchIconVariants>\nexport type SearchClearButtonVariantProps = VariantProps<typeof searchClearButtonVariants>\n","\"use client\"\n\nimport type { SearchInputProps } from \"./SearchInput.types\"\n\nimport { SearchIcon, XIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { TextInput } from \"../TextInput\"\nimport { searchClearButtonVariants, searchIconVariants } from \"./SearchInput.variants\"\n\n/**\n * SearchInput component with search icon and optional clear button.\n * Now uses TextInput internally for consistency.\n *\n * @example\n * ```tsx\n * <SearchInput placeholder=\"Search...\" />\n * ```\n */\nfunction SearchInput({\n  className,\n  size = \"md\",\n  variant = \"default\",\n  showClearButton = true,\n  onClear,\n  searchIcon,\n  clearIcon,\n  disabled,\n  value,\n  defaultValue,\n  onChange,\n  ...props\n}: SearchInputProps) {\n  const [internalValue, setInternalValue] = React.useState(defaultValue ?? \"\")\n\n  // Determine if component is controlled\n  const isControlled = value !== undefined\n  const currentValue = isControlled ? value : internalValue\n  const hasValue = currentValue !== \"\"\n\n  const handleChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (!isControlled) {\n        setInternalValue(e.target.value)\n      }\n      onChange?.(e)\n    },\n    [isControlled, onChange]\n  )\n\n  const handleClear = React.useCallback(() => {\n    if (!isControlled) {\n      setInternalValue(\"\")\n    }\n    onClear?.()\n  }, [isControlled, onClear])\n\n  const showClear = showClearButton && hasValue\n\n  const leading = (\n    <span className={cn(searchIconVariants({ size }))} data-slot=\"search-icon\">\n      {searchIcon ?? <SearchIcon aria-hidden=\"true\" />}\n    </span>\n  )\n\n  const trailing = showClear ? (\n    <button\n      aria-label=\"Clear search\"\n      className={cn(searchClearButtonVariants({ size }))}\n      data-slot=\"clear-button\"\n      disabled={disabled}\n      tabIndex={-1}\n      type=\"button\"\n      onClick={handleClear}\n    >\n      {clearIcon ?? <XIcon aria-hidden=\"true\" />}\n    </button>\n  ) : undefined\n\n  return (\n    <TextInput\n      className={cn(\n        // Hide native search clear button (WebKit)\n        \"[&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden\",\n        className\n      )}\n      data-slot=\"search-input\"\n      disabled={disabled}\n      leadingIcon={leading}\n      size={size}\n      trailingIcon={trailing}\n      trailingIconInteractive={true}\n      type=\"search\"\n      value={currentValue}\n      variant={variant}\n      onChange={handleChange}\n      {...props}\n    />\n  )\n}\n\nexport { SearchInput }"]}

package/dist/chunk-JWXK4TMX.js

@@ -0,0 +1,106 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var spacerVariants = cva("shrink-0", {
+  variants: {
+    size: {
+      xs: "",
+      sm: "",
+      md: "",
+      lg: "",
+      xl: "",
+      "2xl": ""
+    },
+    axis: {
+      vertical: "w-full",
+      horizontal: "h-full",
+      both: ""
+    },
+    flex: {
+      none: "",
+      grow: "flex-grow",
+      shrink: "flex-shrink"
+    }
+  },
+  compoundVariants: [
+    // Vertical sizes
+    { axis: "vertical", size: "xs", class: "h-[var(--spacer-size-xs)]" },
+    { axis: "vertical", size: "sm", class: "h-[var(--spacer-size-sm)]" },
+    { axis: "vertical", size: "md", class: "h-[var(--spacer-size-md)]" },
+    { axis: "vertical", size: "lg", class: "h-[var(--spacer-size-lg)]" },
+    { axis: "vertical", size: "xl", class: "h-[var(--spacer-size-xl)]" },
+    { axis: "vertical", size: "2xl", class: "h-[var(--spacer-size-2xl)]" },
+    // Horizontal sizes
+    { axis: "horizontal", size: "xs", class: "w-[var(--spacer-size-xs)]" },
+    { axis: "horizontal", size: "sm", class: "w-[var(--spacer-size-sm)]" },
+    { axis: "horizontal", size: "md", class: "w-[var(--spacer-size-md)]" },
+    { axis: "horizontal", size: "lg", class: "w-[var(--spacer-size-lg)]" },
+    { axis: "horizontal", size: "xl", class: "w-[var(--spacer-size-xl)]" },
+    { axis: "horizontal", size: "2xl", class: "w-[var(--spacer-size-2xl)]" },
+    // Both sizes
+    { axis: "both", size: "xs", class: "size-[var(--spacer-size-xs)]" },
+    { axis: "both", size: "sm", class: "size-[var(--spacer-size-sm)]" },
+    { axis: "both", size: "md", class: "size-[var(--spacer-size-md)]" },
+    { axis: "both", size: "lg", class: "size-[var(--spacer-size-lg)]" },
+    { axis: "both", size: "xl", class: "size-[var(--spacer-size-xl)]" },
+    { axis: "both", size: "2xl", class: "size-[var(--spacer-size-2xl)]" }
+  ],
+  defaultVariants: {
+    size: "md",
+    axis: "vertical",
+    flex: "none"
+  }
+});
+var TOKEN_SIZES = /* @__PURE__ */ new Set(["xs", "sm", "md", "lg", "xl", "2xl"]);
+function isTokenSize(size) {
+  return typeof size === "string" && TOKEN_SIZES.has(size);
+}
+function toCssSize(size) {
+  if (typeof size === "number") {
+    return `${String(size)}px`;
+  }
+  return size;
+}
+function Spacer({
+  className,
+  size = "md",
+  axis = "vertical",
+  flex,
+  style,
+  ref,
+  ...props
+}) {
+  const useTokenSize = isTokenSize(size);
+  const customStyle = useTokenSize ? style : {
+    ...style,
+    ...axis === "vertical" && { height: toCssSize(size) },
+    ...axis === "horizontal" && { width: toCssSize(size) },
+    ...axis === "both" && {
+      width: toCssSize(size),
+      height: toCssSize(size)
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        spacerVariants({
+          size: useTokenSize ? size : void 0,
+          axis,
+          flex
+        }),
+        className
+      ),
+      "aria-hidden": "true",
+      "data-slot": "spacer",
+      style: customStyle,
+      ...props
+    }
+  );
+}
+
+export { Spacer, spacerVariants };
+//# sourceMappingURL=chunk-JWXK4TMX.js.map
+//# sourceMappingURL=chunk-JWXK4TMX.js.map

package/dist/chunk-JWXK4TMX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/Spacer/Spacer.tsx"],"names":[],"mappings":"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","file":"chunk-JWXK4TMX.js","sourcesContent":["import type { SpacerProps, SpacerTokenSize } from \"./Spacer.types\"\n\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"../../../lib/utils\"\n\nconst spacerVariants = cva(\"shrink-0\", {\n  variants: {\n    size: {\n      xs: \"\",\n      sm: \"\",\n      md: \"\",\n      lg: \"\",\n      xl: \"\",\n      \"2xl\": \"\",\n    },\n    axis: {\n      vertical: \"w-full\",\n      horizontal: \"h-full\",\n      both: \"\",\n    },\n    flex: {\n      none: \"\",\n      grow: \"flex-grow\",\n      shrink: \"flex-shrink\",\n    },\n  },\n  compoundVariants: [\n    // Vertical sizes\n    { axis: \"vertical\", size: \"xs\", class: \"h-[var(--spacer-size-xs)]\" },\n    { axis: \"vertical\", size: \"sm\", class: \"h-[var(--spacer-size-sm)]\" },\n    { axis: \"vertical\", size: \"md\", class: \"h-[var(--spacer-size-md)]\" },\n    { axis: \"vertical\", size: \"lg\", class: \"h-[var(--spacer-size-lg)]\" },\n    { axis: \"vertical\", size: \"xl\", class: \"h-[var(--spacer-size-xl)]\" },\n    { axis: \"vertical\", size: \"2xl\", class: \"h-[var(--spacer-size-2xl)]\" },\n    // Horizontal sizes\n    { axis: \"horizontal\", size: \"xs\", class: \"w-[var(--spacer-size-xs)]\" },\n    { axis: \"horizontal\", size: \"sm\", class: \"w-[var(--spacer-size-sm)]\" },\n    { axis: \"horizontal\", size: \"md\", class: \"w-[var(--spacer-size-md)]\" },\n    { axis: \"horizontal\", size: \"lg\", class: \"w-[var(--spacer-size-lg)]\" },\n    { axis: \"horizontal\", size: \"xl\", class: \"w-[var(--spacer-size-xl)]\" },\n    { axis: \"horizontal\", size: \"2xl\", class: \"w-[var(--spacer-size-2xl)]\" },\n    // Both sizes\n    { axis: \"both\", size: \"xs\", class: \"size-[var(--spacer-size-xs)]\" },\n    { axis: \"both\", size: \"sm\", class: \"size-[var(--spacer-size-sm)]\" },\n    { axis: \"both\", size: \"md\", class: \"size-[var(--spacer-size-md)]\" },\n    { axis: \"both\", size: \"lg\", class: \"size-[var(--spacer-size-lg)]\" },\n    { axis: \"both\", size: \"xl\", class: \"size-[var(--spacer-size-xl)]\" },\n    { axis: \"both\", size: \"2xl\", class: \"size-[var(--spacer-size-2xl)]\" },\n  ],\n  defaultVariants: {\n    size: \"md\",\n    axis: \"vertical\",\n    flex: \"none\",\n  },\n})\n\n/**\n * Token-based sizes for type checking\n */\nconst TOKEN_SIZES = new Set([\"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"2xl\"])\n\n/**\n * Check if size is a token-based size\n */\nfunction isTokenSize(size: unknown): size is SpacerTokenSize {\n  return typeof size === \"string\" && TOKEN_SIZES.has(size)\n}\n\n/**\n * Convert numeric size to CSS value\n */\nfunction toCssSize(size: number | string): string {\n  if (typeof size === \"number\") {\n    return `${String(size)}px`\n  }\n  return size\n}\n\n/**\n * Spacer component for adding space between elements.\n *\n * Supports both token-based sizes (xs-2xl) and custom numeric values.\n *\n * @example\n * ```tsx\n * // Token-based sizes\n * <Spacer size=\"md\" />\n *\n * // Numeric sizes (pixels)\n * <Spacer size={24} />\n *\n * // With units\n * <Spacer size=\"2rem\" />\n *\n * // Horizontal spacer\n * <Spacer size=\"lg\" axis=\"horizontal\" />\n *\n * // Flexible spacer (grows to fill)\n * <Spacer flex=\"grow\" />\n * ```\n */\nfunction Spacer({\n  className,\n  size = \"md\",\n  axis = \"vertical\",\n  flex,\n  style,\n  ref,\n  ...props\n}: SpacerProps) {\n  // Determine if using token-based or numeric size\n  const useTokenSize = isTokenSize(size)\n\n  // Build inline styles for numeric sizes\n  const customStyle = useTokenSize\n    ? style\n    : {\n        ...style,\n        ...(axis === \"vertical\" && { height: toCssSize(size) }),\n        ...(axis === \"horizontal\" && { width: toCssSize(size) }),\n        ...(axis === \"both\" && {\n          width: toCssSize(size),\n          height: toCssSize(size),\n        }),\n      }\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        spacerVariants({\n          size: useTokenSize ? size : undefined,\n          axis,\n          flex,\n        }),\n        className\n      )}\n      aria-hidden=\"true\"\n      data-slot=\"spacer\"\n      style={customStyle}\n      {...props}\n    />\n  )\n}\n\nexport { Spacer, spacerVariants }\n"]}

package/dist/chunk-K3J7YLL4.js

@@ -0,0 +1,153 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { ChevronDownIcon } from 'lucide-react';
+import 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var nativeSelectVariants = cva(
+  // Base styles
+  [
+    "w-full min-w-0 appearance-none rounded-[var(--native-select-root-radius)] border bg-transparent transition-[color,box-shadow] outline-none",
+    "placeholder:text-muted-foreground",
+    "selection:bg-primary selection:text-primary-foreground",
+    "dark:bg-input/30 dark:hover:bg-input/50",
+    "disabled:pointer-events-none disabled:cursor-not-allowed",
+    "focus-visible:border-[color:var(--native-select-root-border-focus)] focus-visible:ring-[color:var(--native-select-focus-ring-color)]/50 focus-visible:ring-[length:var(--native-select-focus-ring-width)]",
+    "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
+  ],
+  {
+    variants: {
+      size: {
+        xs: "h-7 px-2 py-0.5 pr-7 text-xs",
+        sm: "h-8 px-2.5 py-1 pr-8 text-sm",
+        md: "h-9 px-3 py-1 pr-9 text-base md:text-sm",
+        lg: "h-10 px-3.5 py-1.5 pr-10 text-base",
+        xl: "h-12 px-4 py-2 pr-11 text-lg"
+      },
+      variant: {
+        default: "border-input shadow-xs",
+        filled: "border-transparent bg-[color:var(--native-select-variant-filled-bg)]",
+        flushed: "rounded-none border-x-0 border-t-0 border-b-input px-0 pr-7",
+        unstyled: "border-0 bg-transparent p-0 pr-6 shadow-none focus-visible:ring-0"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      variant: "default"
+    }
+  }
+);
+var nativeSelectWrapperVariants = cva(
+  "group/native-select relative w-fit has-[select:disabled]:opacity-50",
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+var nativeSelectIconVariants = cva(
+  "text-muted-foreground pointer-events-none absolute top-1/2 -translate-y-1/2 opacity-50 select-none",
+  {
+    variants: {
+      size: {
+        xs: "right-2 size-3",
+        sm: "right-2.5 size-3.5",
+        md: "right-3 size-4",
+        lg: "right-3.5 size-4",
+        xl: "right-4 size-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var nativeSelectLeftIconVariants = cva(
+  "text-muted-foreground pointer-events-none absolute top-1/2 -translate-y-1/2 opacity-70 select-none",
+  {
+    variants: {
+      size: {
+        xs: "left-2 size-3",
+        sm: "left-2.5 size-3.5",
+        md: "left-3 size-4",
+        lg: "left-3.5 size-4",
+        xl: "left-4 size-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var nativeSelectWithLeftIconPadding = {
+  xs: "pl-7",
+  sm: "pl-8",
+  md: "pl-9",
+  lg: "pl-10",
+  xl: "pl-11"
+};
+function NativeSelect({
+  className,
+  size = "md",
+  variant,
+  leftIcon,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(nativeSelectWrapperVariants()),
+      "data-slot": "native-select-wrapper",
+      children: [
+        leftIcon && /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cn(nativeSelectLeftIconVariants({ size })),
+            "data-slot": "native-select-left-icon",
+            children: leftIcon
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "select",
+          {
+            className: cn(
+              nativeSelectVariants({ size, variant }),
+              leftIcon && nativeSelectWithLeftIconPadding[size],
+              className
+            ),
+            "data-slot": "native-select",
+            ...props
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ChevronDownIcon,
+          {
+            "aria-hidden": "true",
+            className: cn(nativeSelectIconVariants({ size })),
+            "data-slot": "native-select-icon"
+          }
+        )
+      ]
+    }
+  );
+}
+function NativeSelectOption({ ...props }) {
+  return /* @__PURE__ */ jsx("option", { "data-slot": "native-select-option", ...props });
+}
+function NativeSelectOptGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "optgroup",
+    {
+      className: cn(className),
+      "data-slot": "native-select-optgroup",
+      ...props
+    }
+  );
+}
+
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption, nativeSelectIconVariants, nativeSelectLeftIconVariants, nativeSelectVariants, nativeSelectWithLeftIconPadding, nativeSelectWrapperVariants };
+//# sourceMappingURL=chunk-K3J7YLL4.js.map
+//# sourceMappingURL=chunk-K3J7YLL4.js.map

package/dist/chunk-K3J7YLL4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/NativeSelect/NativeSelect.variants.ts","../src/components/forms/NativeSelect/NativeSelect.tsx"],"names":[],"mappings":"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","file":"chunk-K3J7YLL4.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * NativeSelect variant styles using CVA\n */\nexport const nativeSelectVariants = cva(\n  // Base styles\n  [\n    \"w-full min-w-0 appearance-none rounded-[var(--native-select-root-radius)] border bg-transparent transition-[color,box-shadow] outline-none\",\n    \"placeholder:text-muted-foreground\",\n    \"selection:bg-primary selection:text-primary-foreground\",\n    \"dark:bg-input/30 dark:hover:bg-input/50\",\n    \"disabled:pointer-events-none disabled:cursor-not-allowed\",\n    \"focus-visible:border-[color:var(--native-select-root-border-focus)] focus-visible:ring-[color:var(--native-select-focus-ring-color)]/50 focus-visible:ring-[length:var(--native-select-focus-ring-width)]\",\n    \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  ],\n  {\n    variants: {\n      size: {\n        xs: \"h-7 px-2 py-0.5 pr-7 text-xs\",\n        sm: \"h-8 px-2.5 py-1 pr-8 text-sm\",\n        md: \"h-9 px-3 py-1 pr-9 text-base md:text-sm\",\n        lg: \"h-10 px-3.5 py-1.5 pr-10 text-base\",\n        xl: \"h-12 px-4 py-2 pr-11 text-lg\",\n      },\n      variant: {\n        default: \"border-input shadow-xs\",\n        filled: \"border-transparent bg-[color:var(--native-select-variant-filled-bg)]\",\n        flushed: \"rounded-none border-x-0 border-t-0 border-b-input px-0 pr-7\",\n        unstyled: \"border-0 bg-transparent p-0 pr-6 shadow-none focus-visible:ring-0\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * Wrapper styles for the NativeSelect container\n */\nexport const nativeSelectWrapperVariants = cva(\n  \"group/native-select relative w-fit has-[select:disabled]:opacity-50\",\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n\n/**\n * Icon styles based on size\n */\nexport const nativeSelectIconVariants = cva(\n  \"text-muted-foreground pointer-events-none absolute top-1/2 -translate-y-1/2 opacity-50 select-none\",\n  {\n    variants: {\n      size: {\n        xs: \"right-2 size-3\",\n        sm: \"right-2.5 size-3.5\",\n        md: \"right-3 size-4\",\n        lg: \"right-3.5 size-4\",\n        xl: \"right-4 size-5\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * Left icon styles based on size\n */\nexport const nativeSelectLeftIconVariants = cva(\n  \"text-muted-foreground pointer-events-none absolute top-1/2 -translate-y-1/2 opacity-70 select-none\",\n  {\n    variants: {\n      size: {\n        xs: \"left-2 size-3\",\n        sm: \"left-2.5 size-3.5\",\n        md: \"left-3 size-4\",\n        lg: \"left-3.5 size-4\",\n        xl: \"left-4 size-5\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * Additional padding-left when leftIcon is present\n */\nexport const nativeSelectWithLeftIconPadding: Record<NativeSelectSize, string> = {\n  xs: \"pl-7\",\n  sm: \"pl-8\",\n  md: \"pl-9\",\n  lg: \"pl-10\",\n  xl: \"pl-11\",\n}\n\ntype NativeSelectSize = \"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"\n\nexport type NativeSelectVariantProps = VariantProps<typeof nativeSelectVariants>\n","import type {\n  NativeSelectOptGroupProps,\n  NativeSelectOptionProps,\n  NativeSelectProps,\n} from \"./NativeSelect.types\"\n\nimport { ChevronDownIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  nativeSelectIconVariants,\n  nativeSelectLeftIconVariants,\n  nativeSelectVariants,\n  nativeSelectWithLeftIconPadding,\n  nativeSelectWrapperVariants,\n} from \"./NativeSelect.variants\"\n\nfunction NativeSelect({\n  className,\n  size = \"md\",\n  variant,\n  leftIcon,\n  ...props\n}: NativeSelectProps) {\n  return (\n    <div\n      className={cn(nativeSelectWrapperVariants())}\n      data-slot=\"native-select-wrapper\"\n    >\n      {leftIcon && (\n        <span\n          aria-hidden=\"true\"\n          className={cn(nativeSelectLeftIconVariants({ size }))}\n          data-slot=\"native-select-left-icon\"\n        >\n          {leftIcon}\n        </span>\n      )}\n      <select\n        className={cn(\n          nativeSelectVariants({ size, variant }),\n          leftIcon && nativeSelectWithLeftIconPadding[size],\n          className\n        )}\n        data-slot=\"native-select\"\n        {...props}\n      />\n      <ChevronDownIcon\n        aria-hidden=\"true\"\n        className={cn(nativeSelectIconVariants({ size }))}\n        data-slot=\"native-select-icon\"\n      />\n    </div>\n  )\n}\n\nfunction NativeSelectOption({ ...props }: NativeSelectOptionProps) {\n  return <option data-slot=\"native-select-option\" {...props} />\n}\n\nfunction NativeSelectOptGroup({\n  className,\n  ...props\n}: NativeSelectOptGroupProps) {\n  return (\n    <optgroup\n      className={cn(className)}\n      data-slot=\"native-select-optgroup\"\n      {...props}\n    />\n  )\n}\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption }\n"]}