@etus/ui 0.4.0-beta.17 → 0.4.0-beta.19

package/dist/{chunk-6ZAMTPGN.js.map → chunk-RQBYBBMP.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/forms/PaymentInput/card-utils.ts","../src/components/forms/PaymentInput/PaymentInput.variants.ts","../src/components/forms/PaymentInput/PaymentInput.tsx"],"names":[],"mappings":"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","file":"chunk-6ZAMTPGN.js","sourcesContent":["/**\n * Supported card types\n */\nexport type CardType =\n  | \"amex\"\n  | \"diners\"\n  | \"discover\"\n  | \"elo\"\n  | \"hipercard\"\n  | \"jcb\"\n  | \"mastercard\"\n  | \"visa\"\n\n/**\n * Card type configuration\n */\nexport interface CardTypeConfig {\n  /** CVV length */\n  cvvLength: number\n  /** Card number format (# = digit, space = separator) */\n  format: string\n  /** Card number length(s) */\n  lengths: number[]\n  name: string\n  /** Regex patterns to match card number prefixes */\n  patterns: RegExp[]\n  type: CardType\n}\n\n/**\n * Standard 16-digit card format\n */\nconst STANDARD_CARD_FORMAT = \"#### #### #### ####\"\n\n/**\n * Card type configurations\n */\nexport const cardTypes: CardTypeConfig[] = [\n  {\n    type: \"visa\",\n    name: \"Visa\",\n    patterns: [/^4/],\n    lengths: [13, 16, 19],\n    cvvLength: 3,\n    format: STANDARD_CARD_FORMAT,\n  },\n  {\n    type: \"mastercard\",\n    name: \"Mastercard\",\n    patterns: [/^5[1-5]/, /^2[2-7]/],\n    lengths: [16],\n    cvvLength: 3,\n    format: STANDARD_CARD_FORMAT,\n  },\n  {\n    type: \"amex\",\n    name: \"American Express\",\n    patterns: [/^3[47]/],\n    lengths: [15],\n    cvvLength: 4,\n    format: \"#### ###### #####\",\n  },\n  {\n    type: \"discover\",\n    name: \"Discover\",\n    patterns: [/^6(?:011|5)/, /^64[4-9]/, /^622/],\n    lengths: [16, 19],\n    cvvLength: 3,\n    format: STANDARD_CARD_FORMAT,\n  },\n  {\n    type: \"diners\",\n    name: \"Diners Club\",\n    patterns: [/^3(?:0[0-5]|[68])/, /^36/],\n    lengths: [14, 16, 19],\n    cvvLength: 3,\n    format: \"#### ###### ####\",\n  },\n  {\n    type: \"jcb\",\n    name: \"JCB\",\n    patterns: [/^35(?:2[89]|[3-8])/, /^2131/, /^1800/],\n    lengths: [16, 17, 18, 19],\n    cvvLength: 3,\n    format: STANDARD_CARD_FORMAT,\n  },\n  {\n    type: \"elo\",\n    name: \"Elo\",\n    patterns: [\n      /^4011(78|79)/,\n      /^43(1274|8935)/,\n      /^45(1416|7393|763(1|2))/,\n      /^50(4175|6699|67[0-6][0-9]|677[0-8]|9[0-8][0-9]{2}|99[0-8][0-9]|999[0-9])/,\n      /^627780/,\n      /^636297/,\n      /^636368/,\n      /^65003[1-3]/,\n      /^6500(3[5-9]|4[0-9]|5[0-1])/,\n      /^6504(0[5-9]|[1-3][0-9])/,\n      /^650(4[8-9][0-9]|5[0-2][0-9]|53[0-8])/,\n      /^6505(4[1-9]|[5-8][0-9]|9[0-8])/,\n      /^6507(0[0-9]|1[0-8])/,\n      /^65072[0-7]/,\n      /^6509(0[1-9]|1[0-9]|20)/,\n      /^6516(5[2-9]|[6-7][0-9])/,\n      /^6550([0-1][0-9]|2[1-9]|[3-4][0-9]|5[0-8])/,\n    ],\n    lengths: [16],\n    cvvLength: 3,\n    format: STANDARD_CARD_FORMAT,\n  },\n  {\n    type: \"hipercard\",\n    name: \"Hipercard\",\n    patterns: [/^606282/, /^3841(0[0-9]|4[0-9]|80)/],\n    lengths: [16, 19],\n    cvvLength: 3,\n    format: STANDARD_CARD_FORMAT,\n  },\n]\n\n/**\n * Detect card type from card number\n */\nexport function detectCardType(cardNumber: string): CardType | null {\n  const digits = cardNumber.replaceAll(/\\D/g, \"\")\n\n  for (const card of cardTypes) {\n    for (const pattern of card.patterns) {\n      if (pattern.test(digits)) {\n        return card.type\n      }\n    }\n  }\n\n  return null\n}\n\n/**\n * Get card type configuration\n */\nexport function getCardConfig(cardType: CardType): CardTypeConfig | undefined {\n  return cardTypes.find((c) => c.type === cardType)\n}\n\n/**\n * Format card number with spaces\n */\nexport function formatCardNumber(value: string, cardType?: CardType | null): string {\n  const digits = value.replaceAll(/\\D/g, \"\")\n  const config = cardType ? getCardConfig(cardType) : null\n  const format = config?.format ?? STANDARD_CARD_FORMAT\n\n  let result = \"\"\n  let digitIndex = 0\n\n  for (const char of format) {\n    if (digitIndex >= digits.length) break\n\n    if (char === \"#\") {\n      result += digits[digitIndex] ?? \"\"\n      digitIndex++\n    } else {\n      result += char\n    }\n  }\n\n  return result\n}\n\n/**\n * Get raw digits from formatted card number\n */\nexport function getCardDigits(value: string): string {\n  return value.replaceAll(/\\D/g, \"\")\n}\n\n/**\n * Validate card number using Luhn algorithm\n */\nexport function validateCardNumber(cardNumber: string): boolean {\n  const digits = cardNumber.replaceAll(/\\D/g, \"\")\n\n  if (digits.length < 13 || digits.length > 19) {\n    return false\n  }\n\n  let sum = 0\n  let isEven = false\n\n  for (let i = digits.length - 1; i >= 0; i--) {\n    const char = digits[i]\n    if (!char) continue\n\n    let digit = Number.parseInt(char, 10)\n\n    if (isEven) {\n      digit *= 2\n      if (digit > 9) {\n        digit -= 9\n      }\n    }\n\n    sum += digit\n    isEven = !isEven\n  }\n\n  return sum % 10 === 0\n}\n\n/**\n * Get card brand display name\n */\nexport function getCardBrandName(cardType: CardType | null): string {\n  if (!cardType) return \"\"\n  const config = getCardConfig(cardType)\n  return config?.name ?? \"\"\n}\n","import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * PaymentInput container variant styles using CVA\n */\nexport const paymentInputVariants = cva(\n  [\n    \"flex items-center w-full min-w-0 rounded-md border bg-transparent transition-[color,box-shadow] outline-none\",\n    \"dark:bg-input/30\",\n    \"focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]\",\n    \"has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50\",\n    \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-8 px-2.5 text-sm gap-2\",\n        md: \"h-9 px-3 text-base md:text-sm gap-2.5\",\n        lg: \"h-10 px-3.5 text-base gap-3\",\n      },\n      variant: {\n        default: \"border-input shadow-xs\",\n        filled: \"border-transparent bg-muted\",\n        flushed: \"rounded-none border-x-0 border-t-0 border-b-input px-0\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * PaymentInput inner input styles\n */\nexport const paymentInputInputVariants = cva(\n  [\n    \"flex-1 min-w-0 bg-transparent outline-none font-mono\",\n    \"placeholder:text-muted-foreground placeholder:font-sans\",\n    \"disabled:cursor-not-allowed\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"text-sm\",\n        md: \"text-base md:text-sm\",\n        lg: \"text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * PaymentInput card icon styles\n */\nexport const paymentInputIconVariants = cva(\n  \"shrink-0 text-muted-foreground transition-opacity\",\n  {\n    variants: {\n      size: {\n        sm: \"size-5\",\n        md: \"size-6\",\n        lg: \"size-7\",\n      },\n      hasCard: {\n        true: \"opacity-100\",\n        false: \"opacity-40\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      hasCard: false,\n    },\n  }\n)\n\nexport type PaymentInputVariantProps = VariantProps<typeof paymentInputVariants>\n","\"use client\"\n\nimport type { PaymentInputProps } from \"./PaymentInput.types\"\n\nimport { CreditCard } from \"lucide-react\"\nimport * as React from \"react\"\nimport { useCallback, useRef, useState } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  type CardType,\n  detectCardType,\n  formatCardNumber,\n  getCardDigits,\n} from \"./card-utils\"\nimport {\n  paymentInputIconVariants,\n  paymentInputInputVariants,\n  paymentInputVariants,\n} from \"./PaymentInput.variants\"\n\n/**\n * Card brand icons as simple SVG components\n */\nconst CardIcons: Record<\"unknown\" | CardType, React.FC<{ className?: string }>> = {\n  visa: ({ className }) => (\n    <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path d=\"M9.5 14.25h-1.5l.94-5.5h1.5l-.94 5.5zm6.75-5.37c-.3-.11-.77-.23-1.35-.23-1.5 0-2.55.75-2.56 1.83-.01.8.76 1.24 1.34 1.5.59.27.79.45.79.69-.01.37-.47.54-.91.54-.61 0-.93-.08-1.43-.29l-.2-.09-.21 1.24c.36.15 1.02.29 1.7.29 1.59 0 2.62-.74 2.63-1.9.01-.63-.4-1.12-1.29-1.52-.54-.26-.87-.43-.87-.69 0-.23.28-.48.88-.48.51-.01.87.1 1.15.21l.14.06.21-1.16zm3.97-.13h-1.17c-.36 0-.64.1-.79.46l-2.26 5.04h1.59l.32-.83h1.95l.18.83h1.4l-1.22-5.5zm-1.65 3.57l.8-2.02.46 2.02h-1.26zm-11.82-3.57l-1.49 3.75-.16-.75-.52-2.48c-.09-.34-.35-.47-.68-.48h-2.42l-.03.14c.56.14 1.06.33 1.49.55l1.27 4.77h1.61l2.39-5.5h-1.46z\" />\n    </svg>\n  ),\n  mastercard: ({ className }) => (\n    <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path d=\"M15.245 17.831c-1.458 1.093-3.256 1.744-5.207 1.744-4.786 0-8.669-3.855-8.669-8.613s3.883-8.613 8.669-8.613c1.951 0 3.749.651 5.207 1.744-2.06 1.655-3.383 4.177-3.383 7.019s1.323 5.364 3.383 7.019zm5.217-6.869c0-2.842-1.323-5.364-3.383-7.019-1.458 1.093-3.256 1.744-5.207 1.744-1.951 0-3.749-.651-5.207-1.744 2.06 1.655 3.383 4.177 3.383 7.019s-1.323 5.364-3.383 7.019c1.458-1.093 3.256-1.744 5.207-1.744 1.951 0 3.749.651 5.207 1.744-2.06-1.655-3.383-4.177-3.383-7.019z\" />\n    </svg>\n  ),\n  amex: ({ className }) => (\n    <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path d=\"M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zm-10.65 2.5h1.3v-1.125h-1.3V12.5h1.3v-1h-2.35v4h2.35v-1h-1.3zm6.65-3h-3.85v4h1.05v-1.25h2.3v-1h-2.3v-.75h2.8v-1zm-9.25 0h-2.1l-1.4 1.65-1.4-1.65h-2.1v4h1.05v-2.8l1.45 1.75h.95l1.45-1.75v2.8h1.05v-4z\" />\n    </svg>\n  ),\n  discover: ({ className }) => (\n    <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\" />\n    </svg>\n  ),\n  diners: ({ className }) => (\n    <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9c1.45.55 2.48 1.94 2.48 3.55v1.9c0 1.61-1.03 3-2.48 3.55zm4 0v-9c1.45.55 2.48 1.94 2.48 3.55v1.9c0 1.61-1.03 3-2.48 3.55z\" />\n    </svg>\n  ),\n  jcb: ({ className }) => (\n    <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path d=\"M17.5 3h-11C4.57 3 3 4.57 3 6.5v11c0 1.93 1.57 3.5 3.5 3.5h11c1.93 0 3.5-1.57 3.5-3.5v-11C21 4.57 19.43 3 17.5 3zm-7 12c0 .55-.45 1-1 1s-1-.45-1-1V9c0-.55.45-1 1-1s1 .45 1 1v6zm4.5 1c-1.38 0-2.5-1.12-2.5-2.5V9h2v4.5c0 .28.22.5.5.5s.5-.22.5-.5V9h2v4.5c0 1.38-1.12 2.5-2.5 2.5z\" />\n    </svg>\n  ),\n  elo: ({ className }) => (\n    <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 13l-4-4 1.41-1.41L10 12.17l6.59-6.59L18 7l-8 8z\" />\n    </svg>\n  ),\n  hipercard: ({ className }) => (\n    <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path d=\"M12 2L4 7v10l8 5 8-5V7l-8-5zm0 2.5L18 8v8l-6 3.5L6 16V8l6-3.5z\" />\n    </svg>\n  ),\n  unknown: CreditCard,\n}\n\n/**\n * PaymentInput - A credit card number input with auto-formatting and brand detection\n *\n * @example\n * ```tsx\n * // Basic usage\n * <PaymentInput placeholder=\"Card number\" />\n *\n * // Controlled\n * const [cardNumber, setCardNumber] = useState(\"\")\n * <PaymentInput\n *   value={cardNumber}\n *   onChange={(value, cardType) => {\n *     setCardNumber(value)\n *     console.log(`Card type: ${cardType}`)\n *   }}\n * />\n * ```\n */\nfunction PaymentInput({\n  value: controlledValue,\n  defaultValue = \"\",\n  onChange,\n  onCardTypeChange,\n  disabled,\n  size = \"md\",\n  variant,\n  invalid,\n  showCardIcon = true,\n  placeholder = \"0000 0000 0000 0000\",\n  className,\n  ...props\n}: PaymentInputProps) {\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  // Internal state for uncontrolled mode\n  const [internalValue, setInternalValue] = useState(defaultValue)\n  const [cardType, setCardType] = useState<CardType | null>(() =>\n    detectCardType(defaultValue)\n  )\n\n  // Determine if controlled\n  const isControlled = controlledValue !== undefined\n  const cardValue = isControlled ? controlledValue : internalValue\n\n  // Format the display value\n  const displayValue = formatCardNumber(cardValue, cardType)\n\n  // Track previous card type for change detection\n  const prevCardTypeRef = useRef<CardType | null>(cardType)\n\n  const handleInputChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const rawValue = getCardDigits(e.target.value)\n\n      // Limit to 19 digits (max card length)\n      const limitedValue = rawValue.slice(0, 19)\n\n      // Detect card type\n      const detectedType = detectCardType(limitedValue)\n      setCardType(detectedType)\n\n      if (!isControlled) {\n        setInternalValue(limitedValue)\n      }\n\n      onChange?.(limitedValue, detectedType)\n\n      // Notify on card type changes directly in the event handler (avoids effect anti-pattern)\n      if (prevCardTypeRef.current !== detectedType) {\n        onCardTypeChange?.(detectedType)\n        prevCardTypeRef.current = detectedType\n      }\n    },\n    [isControlled, onChange, onCardTypeChange]\n  )\n\n  // Get the card icon component\n  const CardIcon = cardType ? CardIcons[cardType] : CardIcons.unknown\n\n  return (\n    <div\n      aria-invalid={invalid ?? undefined}\n      className={cn(paymentInputVariants({ size, variant }), className)}\n      data-slot=\"payment-input\"\n    >\n      {showCardIcon && (\n        <CardIcon\n          className={paymentInputIconVariants({ size, hasCard: !!cardType })}\n        />\n      )}\n      <input\n        ref={inputRef}\n        aria-invalid={invalid ?? undefined}\n        autoComplete=\"cc-number\"\n        className={paymentInputInputVariants({ size })}\n        data-slot=\"payment-input-field\"\n        disabled={disabled}\n        inputMode=\"numeric\"\n        placeholder={placeholder}\n        type=\"text\"\n        value={displayValue}\n        onChange={handleInputChange}\n        {...props}\n      />\n    </div>\n  )\n}\n\nexport { PaymentInput }\n"]}
+{"version":3,"sources":["../src/components/forms/PaymentInput/card-utils.ts","../src/components/forms/PaymentInput/PaymentInput.variants.ts","../src/components/forms/PaymentInput/PaymentInput.tsx"],"names":[],"mappings":"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","file":"chunk-RQBYBBMP.js","sourcesContent":["/**\n * Supported card types\n */\nexport type CardType =\n  | \"amex\"\n  | \"diners\"\n  | \"discover\"\n  | \"elo\"\n  | \"hipercard\"\n  | \"jcb\"\n  | \"mastercard\"\n  | \"visa\"\n\n/**\n * Card type configuration\n */\nexport interface CardTypeConfig {\n  /** CVV length */\n  cvvLength: number\n  /** Card number format (# = digit, space = separator) */\n  format: string\n  /** Card number length(s) */\n  lengths: number[]\n  name: string\n  /** Regex patterns to match card number prefixes */\n  patterns: RegExp[]\n  type: CardType\n}\n\n/**\n * Standard 16-digit card format\n */\nconst STANDARD_CARD_FORMAT = \"#### #### #### ####\"\n\n/**\n * Card type configurations\n */\nexport const cardTypes: CardTypeConfig[] = [\n  {\n    type: \"visa\",\n    name: \"Visa\",\n    patterns: [/^4/],\n    lengths: [13, 16, 19],\n    cvvLength: 3,\n    format: STANDARD_CARD_FORMAT,\n  },\n  {\n    type: \"mastercard\",\n    name: \"Mastercard\",\n    patterns: [/^5[1-5]/, /^2[2-7]/],\n    lengths: [16],\n    cvvLength: 3,\n    format: STANDARD_CARD_FORMAT,\n  },\n  {\n    type: \"amex\",\n    name: \"American Express\",\n    patterns: [/^3[47]/],\n    lengths: [15],\n    cvvLength: 4,\n    format: \"#### ###### #####\",\n  },\n  {\n    type: \"discover\",\n    name: \"Discover\",\n    patterns: [/^6(?:011|5)/, /^64[4-9]/, /^622/],\n    lengths: [16, 19],\n    cvvLength: 3,\n    format: STANDARD_CARD_FORMAT,\n  },\n  {\n    type: \"diners\",\n    name: \"Diners Club\",\n    patterns: [/^3(?:0[0-5]|[68])/, /^36/],\n    lengths: [14, 16, 19],\n    cvvLength: 3,\n    format: \"#### ###### ####\",\n  },\n  {\n    type: \"jcb\",\n    name: \"JCB\",\n    patterns: [/^35(?:2[89]|[3-8])/, /^2131/, /^1800/],\n    lengths: [16, 17, 18, 19],\n    cvvLength: 3,\n    format: STANDARD_CARD_FORMAT,\n  },\n  {\n    type: \"elo\",\n    name: \"Elo\",\n    patterns: [\n      /^4011(78|79)/,\n      /^43(1274|8935)/,\n      /^45(1416|7393|763(1|2))/,\n      /^50(4175|6699|67[0-6][0-9]|677[0-8]|9[0-8][0-9]{2}|99[0-8][0-9]|999[0-9])/,\n      /^627780/,\n      /^636297/,\n      /^636368/,\n      /^65003[1-3]/,\n      /^6500(3[5-9]|4[0-9]|5[0-1])/,\n      /^6504(0[5-9]|[1-3][0-9])/,\n      /^650(4[8-9][0-9]|5[0-2][0-9]|53[0-8])/,\n      /^6505(4[1-9]|[5-8][0-9]|9[0-8])/,\n      /^6507(0[0-9]|1[0-8])/,\n      /^65072[0-7]/,\n      /^6509(0[1-9]|1[0-9]|20)/,\n      /^6516(5[2-9]|[6-7][0-9])/,\n      /^6550([0-1][0-9]|2[1-9]|[3-4][0-9]|5[0-8])/,\n    ],\n    lengths: [16],\n    cvvLength: 3,\n    format: STANDARD_CARD_FORMAT,\n  },\n  {\n    type: \"hipercard\",\n    name: \"Hipercard\",\n    patterns: [/^606282/, /^3841(0[0-9]|4[0-9]|80)/],\n    lengths: [16, 19],\n    cvvLength: 3,\n    format: STANDARD_CARD_FORMAT,\n  },\n]\n\n/**\n * Detect card type from card number\n */\nexport function detectCardType(cardNumber: string): CardType | null {\n  const digits = cardNumber.replaceAll(/\\D/g, \"\")\n\n  for (const card of cardTypes) {\n    for (const pattern of card.patterns) {\n      if (pattern.test(digits)) {\n        return card.type\n      }\n    }\n  }\n\n  return null\n}\n\n/**\n * Get card type configuration\n */\nexport function getCardConfig(cardType: CardType): CardTypeConfig | undefined {\n  return cardTypes.find((c) => c.type === cardType)\n}\n\n/**\n * Format card number with spaces\n */\nexport function formatCardNumber(value: string, cardType?: CardType | null): string {\n  const digits = value.replaceAll(/\\D/g, \"\")\n  const config = cardType ? getCardConfig(cardType) : null\n  const format = config?.format ?? STANDARD_CARD_FORMAT\n\n  let result = \"\"\n  let digitIndex = 0\n\n  for (const char of format) {\n    if (digitIndex >= digits.length) break\n\n    if (char === \"#\") {\n      result += digits[digitIndex] ?? \"\"\n      digitIndex++\n    } else {\n      result += char\n    }\n  }\n\n  return result\n}\n\n/**\n * Get raw digits from formatted card number\n */\nexport function getCardDigits(value: string): string {\n  return value.replaceAll(/\\D/g, \"\")\n}\n\n/**\n * Validate card number using Luhn algorithm\n */\nexport function validateCardNumber(cardNumber: string): boolean {\n  const digits = cardNumber.replaceAll(/\\D/g, \"\")\n\n  if (digits.length < 13 || digits.length > 19) {\n    return false\n  }\n\n  let sum = 0\n  let isEven = false\n\n  for (let i = digits.length - 1; i >= 0; i--) {\n    const char = digits[i]\n    if (!char) continue\n\n    let digit = Number.parseInt(char, 10)\n\n    if (isEven) {\n      digit *= 2\n      if (digit > 9) {\n        digit -= 9\n      }\n    }\n\n    sum += digit\n    isEven = !isEven\n  }\n\n  return sum % 10 === 0\n}\n\n/**\n * Get card brand display name\n */\nexport function getCardBrandName(cardType: CardType | null): string {\n  if (!cardType) return \"\"\n  const config = getCardConfig(cardType)\n  return config?.name ?? \"\"\n}\n","import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * PaymentInput container variant styles using CVA\n */\nexport const paymentInputVariants = cva(\n  [\n    \"flex items-center w-full min-w-0 rounded-md border bg-transparent transition-[color,box-shadow] outline-none\",\n    \"dark:bg-input/30\",\n    \"focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]\",\n    \"has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50\",\n    \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-8 px-2.5 text-sm gap-2\",\n        md: \"h-9 px-3 text-base md:text-sm gap-2.5\",\n        lg: \"h-10 px-3.5 text-base gap-3\",\n      },\n      variant: {\n        default: \"border-input shadow-xs\",\n        filled: \"border-transparent bg-muted\",\n        flushed: \"rounded-none border-x-0 border-t-0 border-b-input px-0\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * PaymentInput inner input styles\n */\nexport const paymentInputInputVariants = cva(\n  [\n    \"flex-1 min-w-0 bg-transparent outline-none font-mono\",\n    \"placeholder:text-muted-foreground placeholder:font-sans\",\n    \"disabled:cursor-not-allowed\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"text-sm\",\n        md: \"text-base md:text-sm\",\n        lg: \"text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * PaymentInput card icon styles\n */\nexport const paymentInputIconVariants = cva(\n  \"shrink-0 text-[color:var(--payment-input-icon-color)] transition-opacity\",\n  {\n    variants: {\n      size: {\n        sm: \"size-5\",\n        md: \"size-6\",\n        lg: \"size-7\",\n      },\n      hasCard: {\n        true: \"opacity-100\",\n        false: \"opacity-40\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      hasCard: false,\n    },\n  }\n)\n\nexport type PaymentInputVariantProps = VariantProps<typeof paymentInputVariants>\n","\"use client\"\n\nimport type { PaymentInputProps } from \"./PaymentInput.types\"\n\nimport { CreditCard } from \"lucide-react\"\nimport * as React from \"react\"\nimport { useCallback, useRef, useState } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  type CardType,\n  detectCardType,\n  formatCardNumber,\n  getCardDigits,\n} from \"./card-utils\"\nimport {\n  paymentInputIconVariants,\n  paymentInputInputVariants,\n  paymentInputVariants,\n} from \"./PaymentInput.variants\"\n\n/**\n * Card brand icons as simple SVG components\n */\nconst CardIcons: Record<\"unknown\" | CardType, React.FC<{ className?: string }>> = {\n  visa: ({ className }) => (\n    <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path d=\"M9.5 14.25h-1.5l.94-5.5h1.5l-.94 5.5zm6.75-5.37c-.3-.11-.77-.23-1.35-.23-1.5 0-2.55.75-2.56 1.83-.01.8.76 1.24 1.34 1.5.59.27.79.45.79.69-.01.37-.47.54-.91.54-.61 0-.93-.08-1.43-.29l-.2-.09-.21 1.24c.36.15 1.02.29 1.7.29 1.59 0 2.62-.74 2.63-1.9.01-.63-.4-1.12-1.29-1.52-.54-.26-.87-.43-.87-.69 0-.23.28-.48.88-.48.51-.01.87.1 1.15.21l.14.06.21-1.16zm3.97-.13h-1.17c-.36 0-.64.1-.79.46l-2.26 5.04h1.59l.32-.83h1.95l.18.83h1.4l-1.22-5.5zm-1.65 3.57l.8-2.02.46 2.02h-1.26zm-11.82-3.57l-1.49 3.75-.16-.75-.52-2.48c-.09-.34-.35-.47-.68-.48h-2.42l-.03.14c.56.14 1.06.33 1.49.55l1.27 4.77h1.61l2.39-5.5h-1.46z\" />\n    </svg>\n  ),\n  mastercard: ({ className }) => (\n    <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path d=\"M15.245 17.831c-1.458 1.093-3.256 1.744-5.207 1.744-4.786 0-8.669-3.855-8.669-8.613s3.883-8.613 8.669-8.613c1.951 0 3.749.651 5.207 1.744-2.06 1.655-3.383 4.177-3.383 7.019s1.323 5.364 3.383 7.019zm5.217-6.869c0-2.842-1.323-5.364-3.383-7.019-1.458 1.093-3.256 1.744-5.207 1.744-1.951 0-3.749-.651-5.207-1.744 2.06 1.655 3.383 4.177 3.383 7.019s-1.323 5.364-3.383 7.019c1.458-1.093 3.256-1.744 5.207-1.744 1.951 0 3.749.651 5.207 1.744-2.06-1.655-3.383-4.177-3.383-7.019z\" />\n    </svg>\n  ),\n  amex: ({ className }) => (\n    <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path d=\"M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zm-10.65 2.5h1.3v-1.125h-1.3V12.5h1.3v-1h-2.35v4h2.35v-1h-1.3zm6.65-3h-3.85v4h1.05v-1.25h2.3v-1h-2.3v-.75h2.8v-1zm-9.25 0h-2.1l-1.4 1.65-1.4-1.65h-2.1v4h1.05v-2.8l1.45 1.75h.95l1.45-1.75v2.8h1.05v-4z\" />\n    </svg>\n  ),\n  discover: ({ className }) => (\n    <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\" />\n    </svg>\n  ),\n  diners: ({ className }) => (\n    <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9c1.45.55 2.48 1.94 2.48 3.55v1.9c0 1.61-1.03 3-2.48 3.55zm4 0v-9c1.45.55 2.48 1.94 2.48 3.55v1.9c0 1.61-1.03 3-2.48 3.55z\" />\n    </svg>\n  ),\n  jcb: ({ className }) => (\n    <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path d=\"M17.5 3h-11C4.57 3 3 4.57 3 6.5v11c0 1.93 1.57 3.5 3.5 3.5h11c1.93 0 3.5-1.57 3.5-3.5v-11C21 4.57 19.43 3 17.5 3zm-7 12c0 .55-.45 1-1 1s-1-.45-1-1V9c0-.55.45-1 1-1s1 .45 1 1v6zm4.5 1c-1.38 0-2.5-1.12-2.5-2.5V9h2v4.5c0 .28.22.5.5.5s.5-.22.5-.5V9h2v4.5c0 1.38-1.12 2.5-2.5 2.5z\" />\n    </svg>\n  ),\n  elo: ({ className }) => (\n    <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 13l-4-4 1.41-1.41L10 12.17l6.59-6.59L18 7l-8 8z\" />\n    </svg>\n  ),\n  hipercard: ({ className }) => (\n    <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path d=\"M12 2L4 7v10l8 5 8-5V7l-8-5zm0 2.5L18 8v8l-6 3.5L6 16V8l6-3.5z\" />\n    </svg>\n  ),\n  unknown: CreditCard,\n}\n\n/**\n * PaymentInput - A credit card number input with auto-formatting and brand detection\n *\n * @example\n * ```tsx\n * // Basic usage\n * <PaymentInput placeholder=\"Card number\" />\n *\n * // Controlled\n * const [cardNumber, setCardNumber] = useState(\"\")\n * <PaymentInput\n *   value={cardNumber}\n *   onChange={(value, cardType) => {\n *     setCardNumber(value)\n *     console.log(`Card type: ${cardType}`)\n *   }}\n * />\n * ```\n */\nfunction PaymentInput({\n  value: controlledValue,\n  defaultValue = \"\",\n  onChange,\n  onCardTypeChange,\n  disabled,\n  size = \"md\",\n  variant,\n  invalid,\n  showCardIcon = true,\n  placeholder = \"0000 0000 0000 0000\",\n  className,\n  ...props\n}: PaymentInputProps) {\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  // Internal state for uncontrolled mode\n  const [internalValue, setInternalValue] = useState(defaultValue)\n  const [cardType, setCardType] = useState<CardType | null>(() =>\n    detectCardType(defaultValue)\n  )\n\n  // Determine if controlled\n  const isControlled = controlledValue !== undefined\n  const cardValue = isControlled ? controlledValue : internalValue\n\n  // Format the display value\n  const displayValue = formatCardNumber(cardValue, cardType)\n\n  // Track previous card type for change detection\n  const prevCardTypeRef = useRef<CardType | null>(cardType)\n\n  const handleInputChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const rawValue = getCardDigits(e.target.value)\n\n      // Limit to 19 digits (max card length)\n      const limitedValue = rawValue.slice(0, 19)\n\n      // Detect card type\n      const detectedType = detectCardType(limitedValue)\n      setCardType(detectedType)\n\n      if (!isControlled) {\n        setInternalValue(limitedValue)\n      }\n\n      onChange?.(limitedValue, detectedType)\n\n      // Notify on card type changes directly in the event handler (avoids effect anti-pattern)\n      if (prevCardTypeRef.current !== detectedType) {\n        onCardTypeChange?.(detectedType)\n        prevCardTypeRef.current = detectedType\n      }\n    },\n    [isControlled, onChange, onCardTypeChange]\n  )\n\n  // Get the card icon component\n  const CardIcon = cardType ? CardIcons[cardType] : CardIcons.unknown\n\n  return (\n    <div\n      aria-invalid={invalid ?? undefined}\n      className={cn(paymentInputVariants({ size, variant }), className)}\n      data-slot=\"payment-input\"\n    >\n      {showCardIcon && (\n        <CardIcon\n          className={paymentInputIconVariants({ size, hasCard: !!cardType })}\n        />\n      )}\n      <input\n        ref={inputRef}\n        aria-invalid={invalid ?? undefined}\n        autoComplete=\"cc-number\"\n        className={paymentInputInputVariants({ size })}\n        data-slot=\"payment-input-field\"\n        disabled={disabled}\n        inputMode=\"numeric\"\n        placeholder={placeholder}\n        type=\"text\"\n        value={displayValue}\n        onChange={handleInputChange}\n        {...props}\n      />\n    </div>\n  )\n}\n\nexport { PaymentInput }\n"]}

package/dist/chunk-RVAYDRMA.js

@@ -0,0 +1,31 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+// src/lib/utils.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var INTERACTIVE_TARGET_SELECTOR = [
+  "a[href]",
+  "button",
+  "input",
+  "select",
+  "textarea",
+  "[role='button']",
+  "[role='checkbox']",
+  "[role='menuitem']",
+  "[role='option']",
+  "[role='switch']",
+  "[contenteditable='true']",
+  "[data-region-click-exempt]"
+].join(", ");
+function isInteractiveTarget(target, region) {
+  if (!(target instanceof Element) || !(region instanceof Element)) return false;
+  const hit = target.closest(INTERACTIVE_TARGET_SELECTOR);
+  if (!hit) return false;
+  return hit !== region && region.contains(hit);
+}
+
+export { cn, isInteractiveTarget };
+//# sourceMappingURL=chunk-RVAYDRMA.js.map
+//# sourceMappingURL=chunk-RVAYDRMA.js.map

package/dist/chunk-RVAYDRMA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts"],"names":[],"mappings":";;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;AAMA,IAAM,2BAAA,GAA8B;AAAA,EAClC,SAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,iBAAA;AAAA,EACA,iBAAA;AAAA,EACA,0BAAA;AAAA,EACA;AACF,CAAA,CAAE,KAAK,IAAI,CAAA;AAEJ,SAAS,mBAAA,CACd,QACA,MAAA,EACS;AACT,EAAA,IAAI,EAAE,MAAA,YAAkB,OAAA,CAAA,IAAY,EAAE,MAAA,YAAkB,UAAU,OAAO,KAAA;AACzE,EAAA,MAAM,GAAA,GAAM,MAAA,CAAO,OAAA,CAAQ,2BAA2B,CAAA;AACtD,EAAA,IAAI,CAAC,KAAK,OAAO,KAAA;AAIjB,EAAA,OAAO,GAAA,KAAQ,MAAA,IAAU,MAAA,CAAO,QAAA,CAAS,GAAG,CAAA;AAC9C","file":"chunk-RVAYDRMA.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\n// Interactive descendants of a clickable region (table row, card, gallery item)\n// must swallow the region's click: selecting a row via its checkbox cannot also\n// fire onRowClick. Region handlers call this guard before acting; consumers can\n// opt extra elements out of region clicks with data-region-click-exempt.\nconst INTERACTIVE_TARGET_SELECTOR = [\n  \"a[href]\",\n  \"button\",\n  \"input\",\n  \"select\",\n  \"textarea\",\n  \"[role='button']\",\n  \"[role='checkbox']\",\n  \"[role='menuitem']\",\n  \"[role='option']\",\n  \"[role='switch']\",\n  \"[contenteditable='true']\",\n  \"[data-region-click-exempt]\",\n].join(\", \")\n\nexport function isInteractiveTarget(\n  target: EventTarget | null,\n  region: EventTarget | null,\n): boolean {\n  if (!(target instanceof Element) || !(region instanceof Element)) return false\n  const hit = target.closest(INTERACTIVE_TARGET_SELECTOR)\n  if (!hit) return false\n  // The region itself may be interactive (a card with role=\"button\"); only a\n  // match STRICTLY inside the region swallows its click — never the region\n  // itself, never an ancestor outside it.\n  return hit !== region && region.contains(hit)\n}\n"]}

package/dist/{chunk-ARNVOHVW.js → chunk-S4P7JIQ2.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HRNDJU7D.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
@@ -99,5 +99,5 @@ function Paragraph({
 }
 
 export { Paragraph, paragraphVariants };
-//# sourceMappingURL=chunk-ARNVOHVW.js.map
-//# sourceMappingURL=chunk-ARNVOHVW.js.map
+//# sourceMappingURL=chunk-S4P7JIQ2.js.map
+//# sourceMappingURL=chunk-S4P7JIQ2.js.map

package/dist/{chunk-ARNVOHVW.js.map → chunk-S4P7JIQ2.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/primitives/Paragraph/Paragraph.tsx"],"names":[],"mappings":";;;;;AAOA,IAAM,iBAAA,GAAoB,GAAA;AAAA,EACxB,sDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,iGAAA;AAAA,QACJ,EAAA,EAAI,iGAAA;AAAA,QACJ,IAAA,EAAM,qGAAA;AAAA,QACN,EAAA,EAAI,iGAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,MAAA,EAAQ,uCAAA;AAAA,QACR,MAAA,EAAQ,uCAAA;AAAA,QACR,QAAA,EAAU,yCAAA;AAAA,QACV,IAAA,EAAM;AAAA,OACR;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,6CAAA;AAAA,QACT,KAAA,EAAO,2CAAA;AAAA,QACP,OAAA,EAAS,6CAAA;AAAA,QACT,WAAA,EAAa,iDAAA;AAAA,QACb,OAAA,EAAS;AAAA,OACX;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,WAAA;AAAA,QACN,MAAA,EAAQ,aAAA;AAAA,QACR,KAAA,EAAO,YAAA;AAAA,QACP,OAAA,EAAS;AAAA,OACX;AAAA,MACA,OAAA,EAAS;AAAA,QACP,KAAA,EAAO,eAAA;AAAA,QACP,IAAA,EAAM,cAAA;AAAA,QACN,MAAA,EAAQ,gBAAA;AAAA,QACR,OAAA,EAAS,iBAAA;AAAA,QACT,KAAA,EAAO;AAAA,OACT;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,oCAAA;AAAA,QACN,KAAA,EAAO,qCAAA;AAAA,QACP,MAAA,EAAQ,sCAAA;AAAA,QACR,OAAA,EAAS;AAAA,OACX;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,aAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,MAAA;AAAA,MACN,MAAA,EAAQ,QAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,KAAA,EAAO,MAAA;AAAA,MACP,OAAA,EAAS,QAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT;AAEJ;AAiBA,SAAS,SAAA,CAAU;AAAA,EACjB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAmB;AACjB,EAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,GAAA;AAE9B,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,iBAAA,CAAkB;AAAA,UAChB,IAAA;AAAA,UACA,MAAA;AAAA,UACA,KAAA;AAAA,UACA,KAAA;AAAA,UACA,OAAA;AAAA,UACA,OAAA;AAAA,UACA;AAAA,SACD,CAAA;AAAA,QACD;AAAA,OACF;AAAA,MACA,YAAA,EAAY,QAAQ,EAAA,GAAK,MAAA;AAAA,MACzB,WAAA,EAAU,WAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-ARNVOHVW.js","sourcesContent":["import type { ParagraphProps } from \"./Paragraph.types\"\n\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"../../../lib/utils\"\n\nconst paragraphVariants = cva(\n  \"font-[family-name:var(--paragraph-base-font-family)]\",\n  {\n    variants: {\n      size: {\n        xs: \"text-[length:var(--paragraph-size-xs-font-size)] leading-[var(--paragraph-size-xs-line-height)]\",\n        sm: \"text-[length:var(--paragraph-size-sm-font-size)] leading-[var(--paragraph-size-sm-line-height)]\",\n        base: \"text-[length:var(--paragraph-size-base-font-size)] leading-[var(--paragraph-size-base-line-height)]\",\n        lg: \"text-[length:var(--paragraph-size-lg-font-size)] leading-[var(--paragraph-size-lg-line-height)]\",\n        xl: \"text-[length:var(--paragraph-size-xl-font-size)] leading-[var(--paragraph-size-xl-line-height)]\",\n      },\n      weight: {\n        normal: \"font-[var(--paragraph-weight-normal)]\",\n        medium: \"font-[var(--paragraph-weight-medium)]\",\n        semibold: \"font-[var(--paragraph-weight-semibold)]\",\n        bold: \"font-[var(--paragraph-weight-bold)]\",\n      },\n      color: {\n        default: \"text-[color:var(--paragraph-color-default)]\",\n        muted: \"text-[color:var(--paragraph-color-muted)]\",\n        primary: \"text-[color:var(--paragraph-color-primary)]\",\n        destructive: \"text-[color:var(--paragraph-color-destructive)]\",\n        success: \"text-[color:var(--paragraph-color-success)]\",\n      },\n      align: {\n        left: \"text-left\",\n        center: \"text-center\",\n        right: \"text-right\",\n        justify: \"text-justify\",\n      },\n      leading: {\n        tight: \"leading-tight\",\n        snug: \"leading-snug\",\n        normal: \"leading-normal\",\n        relaxed: \"leading-relaxed\",\n        loose: \"leading-loose\",\n      },\n      spacing: {\n        none: \"mb-[var(--paragraph-spacing-none)]\",\n        tight: \"mb-[var(--paragraph-spacing-tight)]\",\n        normal: \"mb-[var(--paragraph-spacing-normal)]\",\n        relaxed: \"mb-[var(--paragraph-spacing-relaxed)]\",\n      },\n      prose: {\n        true: \"max-w-prose\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"base\",\n      weight: \"normal\",\n      color: \"default\",\n      align: \"left\",\n      spacing: \"normal\",\n      prose: false,\n    },\n  }\n)\n\n/**\n * Paragraph - Componente de paragrafo para blocos de texto.\n *\n * Suporta diferentes tamanhos, pesos, cores, alinhamentos e espacamentos.\n *\n * @example\n * // Paragrafo basico\n * <Paragraph>Texto do paragrafo</Paragraph>\n *\n * @example\n * // Paragrafo com estilo personalizado\n * <Paragraph size=\"lg\" weight=\"medium\" color=\"muted\">\n *   Texto destacado\n * </Paragraph>\n */\nfunction Paragraph({\n  className,\n  size,\n  weight,\n  color,\n  align,\n  leading,\n  spacing,\n  prose,\n  asChild = false,\n  ref,\n  ...props\n}: ParagraphProps) {\n  const Comp = asChild ? Slot : \"p\"\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        paragraphVariants({\n          size,\n          weight,\n          color,\n          align,\n          leading,\n          spacing,\n          prose,\n        }),\n        className\n      )}\n      data-prose={prose ? \"\" : undefined}\n      data-slot=\"paragraph\"\n      {...props}\n    />\n  )\n}\n\nexport { Paragraph, paragraphVariants }\n"]}
+{"version":3,"sources":["../src/components/primitives/Paragraph/Paragraph.tsx"],"names":[],"mappings":";;;;;AAOA,IAAM,iBAAA,GAAoB,GAAA;AAAA,EACxB,sDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,iGAAA;AAAA,QACJ,EAAA,EAAI,iGAAA;AAAA,QACJ,IAAA,EAAM,qGAAA;AAAA,QACN,EAAA,EAAI,iGAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,MAAA,EAAQ,uCAAA;AAAA,QACR,MAAA,EAAQ,uCAAA;AAAA,QACR,QAAA,EAAU,yCAAA;AAAA,QACV,IAAA,EAAM;AAAA,OACR;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,6CAAA;AAAA,QACT,KAAA,EAAO,2CAAA;AAAA,QACP,OAAA,EAAS,6CAAA;AAAA,QACT,WAAA,EAAa,iDAAA;AAAA,QACb,OAAA,EAAS;AAAA,OACX;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,WAAA;AAAA,QACN,MAAA,EAAQ,aAAA;AAAA,QACR,KAAA,EAAO,YAAA;AAAA,QACP,OAAA,EAAS;AAAA,OACX;AAAA,MACA,OAAA,EAAS;AAAA,QACP,KAAA,EAAO,eAAA;AAAA,QACP,IAAA,EAAM,cAAA;AAAA,QACN,MAAA,EAAQ,gBAAA;AAAA,QACR,OAAA,EAAS,iBAAA;AAAA,QACT,KAAA,EAAO;AAAA,OACT;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,oCAAA;AAAA,QACN,KAAA,EAAO,qCAAA;AAAA,QACP,MAAA,EAAQ,sCAAA;AAAA,QACR,OAAA,EAAS;AAAA,OACX;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,aAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,MAAA;AAAA,MACN,MAAA,EAAQ,QAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,KAAA,EAAO,MAAA;AAAA,MACP,OAAA,EAAS,QAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT;AAEJ;AAiBA,SAAS,SAAA,CAAU;AAAA,EACjB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAmB;AACjB,EAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,GAAA;AAE9B,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,iBAAA,CAAkB;AAAA,UAChB,IAAA;AAAA,UACA,MAAA;AAAA,UACA,KAAA;AAAA,UACA,KAAA;AAAA,UACA,OAAA;AAAA,UACA,OAAA;AAAA,UACA;AAAA,SACD,CAAA;AAAA,QACD;AAAA,OACF;AAAA,MACA,YAAA,EAAY,QAAQ,EAAA,GAAK,MAAA;AAAA,MACzB,WAAA,EAAU,WAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-S4P7JIQ2.js","sourcesContent":["import type { ParagraphProps } from \"./Paragraph.types\"\n\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"../../../lib/utils\"\n\nconst paragraphVariants = cva(\n  \"font-[family-name:var(--paragraph-base-font-family)]\",\n  {\n    variants: {\n      size: {\n        xs: \"text-[length:var(--paragraph-size-xs-font-size)] leading-[var(--paragraph-size-xs-line-height)]\",\n        sm: \"text-[length:var(--paragraph-size-sm-font-size)] leading-[var(--paragraph-size-sm-line-height)]\",\n        base: \"text-[length:var(--paragraph-size-base-font-size)] leading-[var(--paragraph-size-base-line-height)]\",\n        lg: \"text-[length:var(--paragraph-size-lg-font-size)] leading-[var(--paragraph-size-lg-line-height)]\",\n        xl: \"text-[length:var(--paragraph-size-xl-font-size)] leading-[var(--paragraph-size-xl-line-height)]\",\n      },\n      weight: {\n        normal: \"font-[var(--paragraph-weight-normal)]\",\n        medium: \"font-[var(--paragraph-weight-medium)]\",\n        semibold: \"font-[var(--paragraph-weight-semibold)]\",\n        bold: \"font-[var(--paragraph-weight-bold)]\",\n      },\n      color: {\n        default: \"text-[color:var(--paragraph-color-default)]\",\n        muted: \"text-[color:var(--paragraph-color-muted)]\",\n        primary: \"text-[color:var(--paragraph-color-primary)]\",\n        destructive: \"text-[color:var(--paragraph-color-destructive)]\",\n        success: \"text-[color:var(--paragraph-color-success)]\",\n      },\n      align: {\n        left: \"text-left\",\n        center: \"text-center\",\n        right: \"text-right\",\n        justify: \"text-justify\",\n      },\n      leading: {\n        tight: \"leading-tight\",\n        snug: \"leading-snug\",\n        normal: \"leading-normal\",\n        relaxed: \"leading-relaxed\",\n        loose: \"leading-loose\",\n      },\n      spacing: {\n        none: \"mb-[var(--paragraph-spacing-none)]\",\n        tight: \"mb-[var(--paragraph-spacing-tight)]\",\n        normal: \"mb-[var(--paragraph-spacing-normal)]\",\n        relaxed: \"mb-[var(--paragraph-spacing-relaxed)]\",\n      },\n      prose: {\n        true: \"max-w-prose\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"base\",\n      weight: \"normal\",\n      color: \"default\",\n      align: \"left\",\n      spacing: \"normal\",\n      prose: false,\n    },\n  }\n)\n\n/**\n * Paragraph - Componente de paragrafo para blocos de texto.\n *\n * Suporta diferentes tamanhos, pesos, cores, alinhamentos e espacamentos.\n *\n * @example\n * // Paragrafo basico\n * <Paragraph>Texto do paragrafo</Paragraph>\n *\n * @example\n * // Paragrafo com estilo personalizado\n * <Paragraph size=\"lg\" weight=\"medium\" color=\"muted\">\n *   Texto destacado\n * </Paragraph>\n */\nfunction Paragraph({\n  className,\n  size,\n  weight,\n  color,\n  align,\n  leading,\n  spacing,\n  prose,\n  asChild = false,\n  ref,\n  ...props\n}: ParagraphProps) {\n  const Comp = asChild ? Slot : \"p\"\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        paragraphVariants({\n          size,\n          weight,\n          color,\n          align,\n          leading,\n          spacing,\n          prose,\n        }),\n        className\n      )}\n      data-prose={prose ? \"\" : undefined}\n      data-slot=\"paragraph\"\n      {...props}\n    />\n  )\n}\n\nexport { Paragraph, paragraphVariants }\n"]}

package/dist/{chunk-UPK5B2FL.js → chunk-S6BREP2G.js}

@@ -1,12 +1,12 @@
-import { Badge } from './chunk-4GVOOXYD.js';
-import { cn } from './chunk-HRNDJU7D.js';
+import { Badge } from './chunk-HNQX6ZG7.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { useRef, useState, useId, useCallback } from 'react';
 import { cva } from 'class-variance-authority';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var tagsInputVariants = cva(
   [
-    "flex flex-wrap items-center gap-1.5 w-full min-w-0 rounded-md border bg-transparent transition-[color,box-shadow] outline-none",
+    "flex flex-wrap items-center gap-1.5 w-full min-w-0 rounded-[var(--tags-input-root-radius)] border bg-transparent transition-[color,box-shadow] outline-none",
     "dark:bg-input/30",
     "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]",
     "aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50",
@@ -20,7 +20,7 @@ var tagsInputVariants = cva(
         lg: "min-h-10 px-3.5 py-2 text-base"
       },
       variant: {
-        default: "border-input shadow-xs",
+        default: "border-[color:var(--tags-input-root-border)] shadow-xs",
         filled: "border-transparent bg-muted",
         flushed: "rounded-none border-x-0 border-t-0 border-b-input px-0"
       }
@@ -33,7 +33,7 @@ var tagsInputVariants = cva(
 );
 var tagsInputInputVariants = cva(
   [
-    "flex-1 min-w-24 bg-transparent outline-none",
+    "flex-1 min-w-24 bg-[color:var(--tags-input-input-background)] outline-none",
     "placeholder:text-muted-foreground",
     "disabled:cursor-not-allowed"
   ],
@@ -195,5 +195,5 @@ function TagsInput({
 }
 
 export { TagsInput, tagsInputInputVariants, tagsInputVariants };
-//# sourceMappingURL=chunk-UPK5B2FL.js.map
-//# sourceMappingURL=chunk-UPK5B2FL.js.map
+//# sourceMappingURL=chunk-S6BREP2G.js.map
+//# sourceMappingURL=chunk-S6BREP2G.js.map

package/dist/chunk-S6BREP2G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/TagsInput/TagsInput.variants.ts","../src/components/forms/TagsInput/TagsInput.tsx"],"names":[],"mappings":"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","file":"chunk-S6BREP2G.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * TagsInput container variant styles using CVA\n */\nexport const tagsInputVariants = cva(\n  [\n    \"flex flex-wrap items-center gap-1.5 w-full min-w-0 rounded-[var(--tags-input-root-radius)] border bg-transparent transition-[color,box-shadow] outline-none\",\n    \"dark:bg-input/30\",\n    \"focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]\",\n    \"aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50\",\n    \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"min-h-8 px-2 py-1 text-sm\",\n        md: \"min-h-9 px-3 py-1.5 text-base md:text-sm\",\n        lg: \"min-h-10 px-3.5 py-2 text-base\",\n      },\n      variant: {\n        default: \"border-[color:var(--tags-input-root-border)] shadow-xs\",\n        filled: \"border-transparent bg-muted\",\n        flushed: \"rounded-none border-x-0 border-t-0 border-b-input px-0\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * TagsInput inner input variant styles\n */\nexport const tagsInputInputVariants = cva(\n  [\n    \"flex-1 min-w-24 bg-[color:var(--tags-input-input-background)] outline-none\",\n    \"placeholder:text-muted-foreground\",\n    \"disabled:cursor-not-allowed\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"text-sm h-5\",\n        md: \"text-base md:text-sm h-5\",\n        lg: \"text-base h-6\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport type TagsInputVariantProps = VariantProps<typeof tagsInputVariants>\nexport type TagsInputInputVariantProps = VariantProps<typeof tagsInputInputVariants>\n","\"use client\"\n\nimport type { TagsInputProps } from \"./TagsInput.types\"\n\nimport * as React from \"react\"\nimport { useCallback, useId, useRef, useState } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Badge } from \"../../primitives/Badge\"\nimport { tagsInputInputVariants, tagsInputVariants } from \"./TagsInput.variants\"\n\n/**\n * TagsInput - A multi-tag input component for entering and managing tags\n *\n * @example\n * ```tsx\n * // Uncontrolled\n * <TagsInput\n *   defaultValue={[\"react\", \"typescript\"]}\n *   placeholder=\"Add tags...\"\n * />\n *\n * // Controlled\n * const [tags, setTags] = useState([\"hello\"])\n * <TagsInput\n *   value={tags}\n *   onChange={setTags}\n *   maxTags={5}\n * />\n * ```\n */\nfunction TagsInput({\n  value: controlledValue,\n  defaultValue = [],\n  onChange,\n  onTagAdd,\n  onTagRemove,\n  placeholder = \"Add tag...\",\n  maxTags,\n  allowDuplicates = false,\n  disabled,\n  size = \"md\",\n  variant,\n  invalid,\n  delimiters = [\",\"],\n  className,\n  ...props\n}: TagsInputProps) {\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [inputValue, setInputValue] = useState(\"\")\n  const [internalTags, setInternalTags] = useState<string[]>(defaultValue)\n  const id = useId()\n\n  // Determine if controlled or uncontrolled\n  const isControlled = controlledValue !== undefined\n  const tags = isControlled ? controlledValue : internalTags\n\n  const updateTags = useCallback(\n    (newTags: string[]) => {\n      if (!isControlled) {\n        setInternalTags(newTags)\n      }\n      onChange?.(newTags)\n    },\n    [isControlled, onChange]\n  )\n\n  const addTag = useCallback(\n    (tag: string) => {\n      const trimmedTag = tag.trim()\n      if (!trimmedTag) return\n\n      // Check for duplicates\n      if (!allowDuplicates && tags.includes(trimmedTag)) {\n        setInputValue(\"\")\n        return\n      }\n\n      // Check max tags\n      if (maxTags && tags.length >= maxTags) {\n        setInputValue(\"\")\n        return\n      }\n\n      const newTags = [...tags, trimmedTag]\n      updateTags(newTags)\n      onTagAdd?.(trimmedTag)\n      setInputValue(\"\")\n    },\n    [tags, allowDuplicates, maxTags, updateTags, onTagAdd]\n  )\n\n  const removeTag = useCallback(\n    (tagToRemove: string) => {\n      const newTags = tags.filter((tag) => tag !== tagToRemove)\n      updateTags(newTags)\n      onTagRemove?.(tagToRemove)\n    },\n    [tags, updateTags, onTagRemove]\n  )\n\n  const removeLastTag = useCallback(() => {\n    const lastTag = tags[tags.length - 1]\n    if (lastTag) {\n      removeTag(lastTag)\n    }\n  }, [tags, removeTag])\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Enter\" || delimiters.includes(e.key)) {\n        e.preventDefault()\n        addTag(inputValue)\n      } else if (e.key === \"Backspace\" && inputValue === \"\" && tags.length > 0) {\n        removeLastTag()\n      }\n    },\n    [inputValue, tags.length, addTag, removeLastTag, delimiters]\n  )\n\n  const handleInputChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const value = e.target.value\n\n      // Check if any delimiter is in the pasted/typed value\n      for (const delimiter of delimiters) {\n        if (value.includes(delimiter)) {\n          const parts = value.split(delimiter)\n          parts.forEach((part, index) => {\n            if (index < parts.length - 1) {\n              addTag(part)\n            } else {\n              setInputValue(part)\n            }\n          })\n          return\n        }\n      }\n\n      setInputValue(value)\n    },\n    [delimiters, addTag]\n  )\n\n  const handleContainerClick = useCallback(() => {\n    inputRef.current?.focus()\n  }, [])\n\n  // Map size to Tag size\n  const tagSize = size === \"lg\" ? \"default\" : \"sm\"\n\n  return (\n    <div\n      aria-disabled={disabled ?? undefined}\n      aria-invalid={invalid ?? undefined}\n      className={cn(tagsInputVariants({ size, variant }), className)}\n      data-slot=\"tags-input\"\n      onClick={handleContainerClick}\n      {...props}\n    >\n      {tags.map((tag, index) => (\n        <Badge\n          key={`${tag}-${String(index)}`}\n          color=\"muted\"\n          size={tagSize}\n          type=\"pill-color\"\n          onDismiss={disabled ? undefined : () => { removeTag(tag); }}\n        >\n          {tag}\n        </Badge>\n      ))}\n      <input\n        ref={inputRef}\n        aria-label=\"Add tag\"\n        className={tagsInputInputVariants({ size })}\n        data-slot=\"tags-input-field\"\n        disabled={disabled}\n        id={id}\n        placeholder={tags.length === 0 ? placeholder : undefined}\n        type=\"text\"\n        value={inputValue}\n        onChange={handleInputChange}\n        onKeyDown={handleKeyDown}\n      />\n    </div>\n  )\n}\n\nexport { TagsInput }\n"]}

package/dist/{chunk-Y5GO2F6P.js → chunk-SA3IQI3Y.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HRNDJU7D.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -184,5 +184,5 @@ TabNavigation.displayName = "TabNavigation";
 TabNavigationLink.displayName = "TabNavigationLink";
 
 export { TabNavigation, TabNavigationLink, tabNavigationLinkVariants, tabNavigationVariants };
-//# sourceMappingURL=chunk-Y5GO2F6P.js.map
-//# sourceMappingURL=chunk-Y5GO2F6P.js.map
+//# sourceMappingURL=chunk-SA3IQI3Y.js.map
+//# sourceMappingURL=chunk-SA3IQI3Y.js.map

package/dist/{chunk-Y5GO2F6P.js.map → chunk-SA3IQI3Y.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/navigation/TabNavigation/TabNavigation.variants.ts","../src/components/navigation/TabNavigation/TabNavigation.tsx"],"names":[],"mappings":"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","file":"chunk-Y5GO2F6P.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * TabNavigation container variants\n */\nexport const tabNavigationVariants = cva(\n  [\n    \"flex items-center gap-1\",\n    \"overflow-x-auto scrollbar-none\",\n  ],\n  {\n    defaultVariants: {\n      variant: \"line\",\n    },\n    variants: {\n      variant: {\n        line: [\n          \"border-b border-border\",\n        ],\n        solid: [\n          \"rounded-lg bg-muted p-1\",\n        ],\n      },\n    },\n  }\n)\n\n/**\n * TabNavigationLink variants\n */\nexport const tabNavigationLinkVariants = cva(\n  [\n    \"inline-flex items-center justify-center gap-2\",\n    \"whitespace-nowrap text-sm font-medium\",\n    \"transition-all duration-200\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n  ],\n  {\n    compoundVariants: [\n      // Line variant - active state\n      {\n        active: true,\n        variant: \"line\",\n        class: [\n          \"border-b-2 border-primary text-foreground\",\n        ],\n      },\n      // Line variant - inactive state\n      {\n        active: false,\n        variant: \"line\",\n        class: [\n          \"border-b-2 border-transparent text-muted-foreground\",\n          \"hover:text-foreground hover:border-border\",\n        ],\n      },\n      // Solid variant - active state\n      {\n        active: true,\n        variant: \"solid\",\n        class: [\n          \"bg-background text-foreground shadow-sm\",\n        ],\n      },\n      // Solid variant - inactive state\n      {\n        active: false,\n        variant: \"solid\",\n        class: [\n          \"text-muted-foreground\",\n          \"hover:text-foreground hover:bg-background/50\",\n        ],\n      },\n    ],\n    defaultVariants: {\n      active: false,\n      variant: \"line\",\n    },\n    variants: {\n      active: {\n        false: \"\",\n        true: \"\",\n      },\n      variant: {\n        line: [\n          \"px-3 py-2 -mb-px\",\n        ],\n        solid: [\n          \"px-3 py-1.5 rounded-md\",\n        ],\n      },\n    },\n  }\n)\n","\"use client\"\n\nimport type {\n  TabNavigationLinkProps,\n  TabNavigationProps,\n  TabNavigationVariant,\n} from \"./TabNavigation.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  tabNavigationLinkVariants,\n  tabNavigationVariants,\n} from \"./TabNavigation.variants\"\n\n/**\n * Context for TabNavigation\n */\ninterface TabNavigationContextValue {\n  activeValue: string | undefined\n  onValueChange: ((value: string) => void) | undefined\n  variant: TabNavigationVariant\n}\n\nconst TabNavigationContext = React.createContext<TabNavigationContextValue>({\n  activeValue: undefined,\n  onValueChange: undefined,\n  variant: \"line\",\n})\n\n/**\n * TabNavigation - Link-based tab navigation\n *\n * A horizontal navigation component styled like tabs but using links\n * for navigation. Unlike regular Tabs which manage content switching,\n * TabNavigation is meant for actual page/route navigation.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <TabNavigation defaultValue=\"dashboard\">\n *   <TabNavigationLink value=\"dashboard\" href=\"/dashboard\">\n *     Dashboard\n *   </TabNavigationLink>\n *   <TabNavigationLink value=\"reports\" href=\"/reports\">\n *     Reports\n *   </TabNavigationLink>\n *   <TabNavigationLink value=\"settings\" href=\"/settings\">\n *     Settings\n *   </TabNavigationLink>\n * </TabNavigation>\n *\n * // Controlled with router\n * const pathname = usePathname()\n *\n * <TabNavigation value={pathname}>\n *   <TabNavigationLink value=\"/dashboard\" href=\"/dashboard\">\n *     Dashboard\n *   </TabNavigationLink>\n *   <TabNavigationLink value=\"/reports\" href=\"/reports\">\n *     Reports\n *   </TabNavigationLink>\n * </TabNavigation>\n *\n * // Solid variant\n * <TabNavigation variant=\"solid\" defaultValue=\"tab1\">\n *   <TabNavigationLink value=\"tab1\" href=\"/tab1\">Tab 1</TabNavigationLink>\n *   <TabNavigationLink value=\"tab2\" href=\"/tab2\">Tab 2</TabNavigationLink>\n * </TabNavigation>\n *\n * // With icons\n * <TabNavigation defaultValue=\"home\">\n *   <TabNavigationLink value=\"home\" href=\"/\" icon={<HomeIcon />}>\n *     Home\n *   </TabNavigationLink>\n *   <TabNavigationLink value=\"settings\" href=\"/settings\" icon={<SettingsIcon />}>\n *     Settings\n *   </TabNavigationLink>\n * </TabNavigation>\n * ```\n */\nfunction TabNavigation({\n  children,\n  className,\n  defaultValue,\n  onValueChange,\n  value: controlledValue,\n  variant = \"line\",\n  ...props\n}: TabNavigationProps) {\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue)\n\n  const isControlled = controlledValue !== undefined\n  const activeValue = isControlled ? controlledValue : uncontrolledValue\n\n  const handleValueChange = React.useCallback(\n    (newValue: string) => {\n      if (!isControlled) {\n        setUncontrolledValue(newValue)\n      }\n      onValueChange?.(newValue)\n    },\n    [isControlled, onValueChange]\n  )\n\n  const contextValue = React.useMemo<TabNavigationContextValue>(\n    () => ({\n      activeValue,\n      onValueChange: handleValueChange,\n      variant,\n    }),\n    [activeValue, handleValueChange, variant]\n  )\n\n  return (\n    <TabNavigationContext value={contextValue}>\n      <nav\n        aria-label=\"Tab navigation\"\n        className={cn(tabNavigationVariants({ variant }), className)}\n        data-slot=\"tab-navigation\"\n        role=\"navigation\"\n        {...props}\n      >\n        {children}\n      </nav>\n    </TabNavigationContext>\n  )\n}\n\n/**\n * TabNavigationLink - Individual navigation link within TabNavigation\n *\n * Renders as an anchor tag for navigation. Can be used with or without href\n * for SPA frameworks that handle navigation differently.\n */\nfunction TabNavigationLink({\n  active: activeProp,\n  children,\n  className,\n  disabled = false,\n  href,\n  icon,\n  onClick,\n  value,\n  ...props\n}: TabNavigationLinkProps) {\n  const { activeValue, onValueChange, variant } = React.use(TabNavigationContext)\n\n  // Determine if this link is active\n  const isActive = activeProp ?? activeValue === value\n\n  const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    if (disabled) {\n      e.preventDefault()\n      return\n    }\n\n    // Update active value\n    onValueChange?.(value)\n\n    // Call custom onClick handler\n    onClick?.(e)\n  }\n\n  return (\n    <a\n      className={cn(\n        tabNavigationLinkVariants({ active: isActive, variant }),\n        disabled && \"pointer-events-none opacity-50\",\n        className\n      )}\n      aria-current={isActive ? \"page\" : undefined}\n      aria-disabled={disabled}\n      data-active={isActive}\n      data-slot=\"tab-navigation-link\"\n      href={disabled ? undefined : href}\n      role=\"link\"\n      tabIndex={disabled ? -1 : 0}\n      onClick={handleClick}\n      {...props}\n    >\n      {icon && (\n        <span className=\"size-4 shrink-0\" data-slot=\"tab-navigation-icon\">\n          {icon}\n        </span>\n      )}\n      {children}\n    </a>\n  )\n}\n\nTabNavigation.displayName = \"TabNavigation\"\nTabNavigationLink.displayName = \"TabNavigationLink\"\n\nexport { TabNavigation, TabNavigationLink }\n"]}
+{"version":3,"sources":["../src/components/navigation/TabNavigation/TabNavigation.variants.ts","../src/components/navigation/TabNavigation/TabNavigation.tsx"],"names":[],"mappings":"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","file":"chunk-SA3IQI3Y.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * TabNavigation container variants\n */\nexport const tabNavigationVariants = cva(\n  [\n    \"flex items-center gap-1\",\n    \"overflow-x-auto scrollbar-none\",\n  ],\n  {\n    defaultVariants: {\n      variant: \"line\",\n    },\n    variants: {\n      variant: {\n        line: [\n          \"border-b border-border\",\n        ],\n        solid: [\n          \"rounded-lg bg-muted p-1\",\n        ],\n      },\n    },\n  }\n)\n\n/**\n * TabNavigationLink variants\n */\nexport const tabNavigationLinkVariants = cva(\n  [\n    \"inline-flex items-center justify-center gap-2\",\n    \"whitespace-nowrap text-sm font-medium\",\n    \"transition-all duration-200\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n  ],\n  {\n    compoundVariants: [\n      // Line variant - active state\n      {\n        active: true,\n        variant: \"line\",\n        class: [\n          \"border-b-2 border-primary text-foreground\",\n        ],\n      },\n      // Line variant - inactive state\n      {\n        active: false,\n        variant: \"line\",\n        class: [\n          \"border-b-2 border-transparent text-muted-foreground\",\n          \"hover:text-foreground hover:border-border\",\n        ],\n      },\n      // Solid variant - active state\n      {\n        active: true,\n        variant: \"solid\",\n        class: [\n          \"bg-background text-foreground shadow-sm\",\n        ],\n      },\n      // Solid variant - inactive state\n      {\n        active: false,\n        variant: \"solid\",\n        class: [\n          \"text-muted-foreground\",\n          \"hover:text-foreground hover:bg-background/50\",\n        ],\n      },\n    ],\n    defaultVariants: {\n      active: false,\n      variant: \"line\",\n    },\n    variants: {\n      active: {\n        false: \"\",\n        true: \"\",\n      },\n      variant: {\n        line: [\n          \"px-3 py-2 -mb-px\",\n        ],\n        solid: [\n          \"px-3 py-1.5 rounded-md\",\n        ],\n      },\n    },\n  }\n)\n","\"use client\"\n\nimport type {\n  TabNavigationLinkProps,\n  TabNavigationProps,\n  TabNavigationVariant,\n} from \"./TabNavigation.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  tabNavigationLinkVariants,\n  tabNavigationVariants,\n} from \"./TabNavigation.variants\"\n\n/**\n * Context for TabNavigation\n */\ninterface TabNavigationContextValue {\n  activeValue: string | undefined\n  onValueChange: ((value: string) => void) | undefined\n  variant: TabNavigationVariant\n}\n\nconst TabNavigationContext = React.createContext<TabNavigationContextValue>({\n  activeValue: undefined,\n  onValueChange: undefined,\n  variant: \"line\",\n})\n\n/**\n * TabNavigation - Link-based tab navigation\n *\n * A horizontal navigation component styled like tabs but using links\n * for navigation. Unlike regular Tabs which manage content switching,\n * TabNavigation is meant for actual page/route navigation.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <TabNavigation defaultValue=\"dashboard\">\n *   <TabNavigationLink value=\"dashboard\" href=\"/dashboard\">\n *     Dashboard\n *   </TabNavigationLink>\n *   <TabNavigationLink value=\"reports\" href=\"/reports\">\n *     Reports\n *   </TabNavigationLink>\n *   <TabNavigationLink value=\"settings\" href=\"/settings\">\n *     Settings\n *   </TabNavigationLink>\n * </TabNavigation>\n *\n * // Controlled with router\n * const pathname = usePathname()\n *\n * <TabNavigation value={pathname}>\n *   <TabNavigationLink value=\"/dashboard\" href=\"/dashboard\">\n *     Dashboard\n *   </TabNavigationLink>\n *   <TabNavigationLink value=\"/reports\" href=\"/reports\">\n *     Reports\n *   </TabNavigationLink>\n * </TabNavigation>\n *\n * // Solid variant\n * <TabNavigation variant=\"solid\" defaultValue=\"tab1\">\n *   <TabNavigationLink value=\"tab1\" href=\"/tab1\">Tab 1</TabNavigationLink>\n *   <TabNavigationLink value=\"tab2\" href=\"/tab2\">Tab 2</TabNavigationLink>\n * </TabNavigation>\n *\n * // With icons\n * <TabNavigation defaultValue=\"home\">\n *   <TabNavigationLink value=\"home\" href=\"/\" icon={<HomeIcon />}>\n *     Home\n *   </TabNavigationLink>\n *   <TabNavigationLink value=\"settings\" href=\"/settings\" icon={<SettingsIcon />}>\n *     Settings\n *   </TabNavigationLink>\n * </TabNavigation>\n * ```\n */\nfunction TabNavigation({\n  children,\n  className,\n  defaultValue,\n  onValueChange,\n  value: controlledValue,\n  variant = \"line\",\n  ...props\n}: TabNavigationProps) {\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue)\n\n  const isControlled = controlledValue !== undefined\n  const activeValue = isControlled ? controlledValue : uncontrolledValue\n\n  const handleValueChange = React.useCallback(\n    (newValue: string) => {\n      if (!isControlled) {\n        setUncontrolledValue(newValue)\n      }\n      onValueChange?.(newValue)\n    },\n    [isControlled, onValueChange]\n  )\n\n  const contextValue = React.useMemo<TabNavigationContextValue>(\n    () => ({\n      activeValue,\n      onValueChange: handleValueChange,\n      variant,\n    }),\n    [activeValue, handleValueChange, variant]\n  )\n\n  return (\n    <TabNavigationContext value={contextValue}>\n      <nav\n        aria-label=\"Tab navigation\"\n        className={cn(tabNavigationVariants({ variant }), className)}\n        data-slot=\"tab-navigation\"\n        role=\"navigation\"\n        {...props}\n      >\n        {children}\n      </nav>\n    </TabNavigationContext>\n  )\n}\n\n/**\n * TabNavigationLink - Individual navigation link within TabNavigation\n *\n * Renders as an anchor tag for navigation. Can be used with or without href\n * for SPA frameworks that handle navigation differently.\n */\nfunction TabNavigationLink({\n  active: activeProp,\n  children,\n  className,\n  disabled = false,\n  href,\n  icon,\n  onClick,\n  value,\n  ...props\n}: TabNavigationLinkProps) {\n  const { activeValue, onValueChange, variant } = React.use(TabNavigationContext)\n\n  // Determine if this link is active\n  const isActive = activeProp ?? activeValue === value\n\n  const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    if (disabled) {\n      e.preventDefault()\n      return\n    }\n\n    // Update active value\n    onValueChange?.(value)\n\n    // Call custom onClick handler\n    onClick?.(e)\n  }\n\n  return (\n    <a\n      className={cn(\n        tabNavigationLinkVariants({ active: isActive, variant }),\n        disabled && \"pointer-events-none opacity-50\",\n        className\n      )}\n      aria-current={isActive ? \"page\" : undefined}\n      aria-disabled={disabled}\n      data-active={isActive}\n      data-slot=\"tab-navigation-link\"\n      href={disabled ? undefined : href}\n      role=\"link\"\n      tabIndex={disabled ? -1 : 0}\n      onClick={handleClick}\n      {...props}\n    >\n      {icon && (\n        <span className=\"size-4 shrink-0\" data-slot=\"tab-navigation-icon\">\n          {icon}\n        </span>\n      )}\n      {children}\n    </a>\n  )\n}\n\nTabNavigation.displayName = \"TabNavigation\"\nTabNavigationLink.displayName = \"TabNavigationLink\"\n\nexport { TabNavigation, TabNavigationLink }\n"]}

package/dist/{chunk-3W7FXRO5.js → chunk-SKI25Q7O.js}

@@ -1,7 +1,7 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-WBE6VQOO.js';
-import { TextInput } from './chunk-PWCMCMDN.js';
-import { Button } from './chunk-7TF5PVEU.js';
-import { cn } from './chunk-HRNDJU7D.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-5W3T767A.js';
+import { TextInput } from './chunk-K4UCALQQ.js';
+import { Button } from './chunk-L4OQ6BJ5.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { X, PlusCircle, Trash2 } from 'lucide-react';
 import * as React from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -478,5 +478,5 @@ function FilterBuilder({
 FilterBuilder.displayName = "FilterBuilder";
 
 export { FilterBuilder, isFilterCondition, isFilterGroup };
-//# sourceMappingURL=chunk-3W7FXRO5.js.map
-//# sourceMappingURL=chunk-3W7FXRO5.js.map
+//# sourceMappingURL=chunk-SKI25Q7O.js.map
+//# sourceMappingURL=chunk-SKI25Q7O.js.map

package/dist/{chunk-3W7FXRO5.js.map → chunk-SKI25Q7O.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/data-display/DataTable/FilterBuilder/FilterBuilder.types.ts","../src/components/data-display/DataTable/FilterBuilder/FilterBuilder.tsx"],"names":["Fragment"],"mappings":"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","file":"chunk-3W7FXRO5.js","sourcesContent":["/**\n * Filter operators for different field types\n */\nexport type FilterOperator =\n  // Text operators\n  | \"after\"\n  | \"before\"\n  | \"between\"\n  | \"contains\"\n  | \"dateBetween\"\n  | \"endsWith\"\n  | \"equals\"\n  | \"gt\"\n  // Number operators\n  | \"gte\"\n  | \"in\"\n  | \"isEmpty\"\n  | \"isNotEmpty\"\n  | \"lt\"\n  // Date operators\n  | \"lte\"\n  | \"notContains\"\n  | \"notEquals\"\n  // Select operators\n  | \"notIn\"\n  | \"startsWith\"\n\n/**\n * A single filter condition\n */\nexport interface FilterCondition {\n  /** Column/field to filter on */\n  column: string\n  /** Unique identifier for the condition */\n  id: string\n  /** Comparison operator */\n  operator: FilterOperator\n  /** Primary value for comparison */\n  value: unknown\n  /** Secondary value for \"between\" operators */\n  value2?: unknown\n}\n\n/**\n * A group of filter conditions with AND/OR logic\n */\nexport interface FilterGroup {\n  /** Conditions or nested groups */\n  conditions: (FilterCondition | FilterGroup)[]\n  /** Unique identifier for the group */\n  id: string\n  /** Logical operator for combining conditions */\n  logic: \"AND\" | \"OR\"\n}\n\n/**\n * A saved filter preset\n */\nexport interface FilterPreset {\n  /** The filter configuration */\n  filter: FilterGroup\n  /** Unique identifier for the preset */\n  id: string\n  /** Display name for the preset */\n  name: string\n}\n\n/**\n * Column configuration for the filter builder\n */\nexport interface FilterBuilderColumn {\n  /** Column identifier */\n  id: string\n  /** Display label */\n  label: string\n  /** Options for select type columns */\n  options?: string[]\n  /** Data type for operator selection */\n  type: \"date\" | \"number\" | \"select\" | \"text\"\n}\n\n/**\n * FilterBuilder component props\n */\nexport interface FilterBuilderProps {\n  /** Additional CSS classes */\n  className?: string\n  /** Available columns for filtering */\n  columns: FilterBuilderColumn[]\n  /** Current filter configuration */\n  filter: FilterGroup\n  /** Callback to delete a preset */\n  onDeletePreset?: (presetId: string) => void\n  /** Callback when filter changes */\n  onFilterChange: (filter: FilterGroup) => void\n  /** Callback to save a new preset */\n  onSavePreset?: (preset: FilterPreset) => void\n  /** Saved filter presets */\n  presets?: FilterPreset[]\n}\n\n/**\n * Type guard to check if an item is a FilterGroup\n */\nexport function isFilterGroup(\n  item: FilterCondition | FilterGroup\n): item is FilterGroup {\n  return \"logic\" in item && \"conditions\" in item\n}\n\n/**\n * Type guard to check if an item is a FilterCondition\n */\nexport function isFilterCondition(\n  item: FilterCondition | FilterGroup\n): item is FilterCondition {\n  return \"column\" in item && \"operator\" in item\n}\n","// FilterBuilder/FilterBuilder.tsx\n\"use client\"\n\nimport type {\n  FilterBuilderColumn,\n  FilterBuilderProps,\n  FilterCondition,\n  FilterGroup,\n  FilterOperator,\n  FilterPreset,\n} from \"./FilterBuilder.types\"\n\nimport { PlusCircle, Trash2, X } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../../lib/utils\"\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../../forms/Select\"\nimport { TextInput } from \"../../../forms/TextInput\"\nimport { Button } from \"../../../primitives/Button\"\nimport { isFilterCondition, isFilterGroup } from \"./FilterBuilder.types\"\n\n// ============================================\n// CONSTANTS\n// ============================================\n\n/**\n * Operator labels for display\n */\nconst OPERATOR_LABELS: Record<FilterOperator, string> = {\n  // Text\n  contains: \"Contains\",\n  notContains: \"Does not contain\",\n  equals: \"Equals\",\n  notEquals: \"Does not equal\",\n  startsWith: \"Starts with\",\n  endsWith: \"Ends with\",\n  isEmpty: \"Is empty\",\n  isNotEmpty: \"Is not empty\",\n  // Number\n  gt: \"Greater than\",\n  gte: \"Greater than or equal\",\n  lt: \"Less than\",\n  lte: \"Less than or equal\",\n  between: \"Between\",\n  // Date\n  before: \"Before\",\n  after: \"After\",\n  dateBetween: \"Date between\",\n  // Select\n  in: \"Is any of\",\n  notIn: \"Is none of\",\n}\n\n/**\n * Operators available by column type\n */\nconst OPERATORS_BY_TYPE: Record<FilterBuilderColumn[\"type\"], FilterOperator[]> = {\n  text: [\"contains\", \"notContains\", \"equals\", \"notEquals\", \"startsWith\", \"endsWith\", \"isEmpty\", \"isNotEmpty\"],\n  number: [\"equals\", \"notEquals\", \"gt\", \"gte\", \"lt\", \"lte\", \"between\"],\n  date: [\"equals\", \"notEquals\", \"before\", \"after\", \"dateBetween\"],\n  select: [\"equals\", \"notEquals\", \"in\", \"notIn\"],\n}\n\n/**\n * Generate a unique ID\n */\nfunction generateId(): string {\n  return Math.random().toString(36).slice(2, 11)\n}\n\n/**\n * Create an empty condition\n */\nfunction createEmptyCondition(columnId?: string): FilterCondition {\n  return {\n    id: generateId(),\n    column: columnId ?? \"\",\n    operator: \"contains\",\n    value: \"\",\n  }\n}\n\n/**\n * Create an empty group\n */\nfunction createEmptyGroup(): FilterGroup {\n  return {\n    id: generateId(),\n    logic: \"AND\",\n    conditions: [],\n  }\n}\n\n// ============================================\n// FILTER CONDITION COMPONENT\n// ============================================\n\ninterface FilterConditionRowProps {\n  columns: FilterBuilderColumn[]\n  condition: FilterCondition\n  onChange: (condition: FilterCondition) => void\n  onRemove: () => void\n}\n\nfunction FilterConditionRow({\n  condition,\n  columns,\n  onChange,\n  onRemove,\n}: FilterConditionRowProps) {\n  const selectedColumn = columns.find((col) => col.id === condition.column)\n  const availableOperators = selectedColumn\n    ? OPERATORS_BY_TYPE[selectedColumn.type]\n    : OPERATORS_BY_TYPE.text\n\n  const needsValue = ![\"isEmpty\", \"isNotEmpty\"].includes(condition.operator)\n  const needsSecondValue = [\"between\", \"dateBetween\"].includes(condition.operator)\n\n  const handleColumnChange = (columnId: string) => {\n    const newColumn = columns.find((col) => col.id === columnId)\n    const newOperators = newColumn\n      ? OPERATORS_BY_TYPE[newColumn.type]\n      : OPERATORS_BY_TYPE.text\n\n    onChange({\n      ...condition,\n      column: columnId,\n      operator: newOperators[0] ?? \"equals\",\n      value: \"\",\n      value2: undefined,\n    })\n  }\n\n  const handleOperatorChange = (operator: string) => {\n    onChange({\n      ...condition,\n      operator: operator as FilterOperator,\n      value: [\"isEmpty\", \"isNotEmpty\"].includes(operator) ? \"\" : condition.value,\n      value2: undefined,\n    })\n  }\n\n  const handleValueChange = (value: string) => {\n    onChange({ ...condition, value })\n  }\n\n  const handleValue2Change = (value2: string) => {\n    onChange({ ...condition, value2 })\n  }\n\n  return (\n    <div\n      aria-label={`Filter condition: ${selectedColumn?.label ?? \"Select column\"}`}\n      className=\"flex flex-wrap items-center gap-2\"\n      data-slot=\"filter-condition\"\n      role=\"group\"\n    >\n      {/* Column Select */}\n      <Select value={condition.column} onValueChange={handleColumnChange}>\n        <SelectTrigger\n          aria-label=\"Column\"\n          className=\"w-36\"\n          size=\"sm\"\n        >\n          <SelectValue placeholder=\"Select column\" />\n        </SelectTrigger>\n        <SelectContent>\n          {columns.map((col) => (\n            <SelectItem key={col.id} value={col.id}>\n              {col.label}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n\n      {/* Operator Select */}\n      {condition.column && (\n        <Select value={condition.operator} onValueChange={handleOperatorChange}>\n          <SelectTrigger\n            aria-label=\"Operator\"\n            className=\"w-40\"\n            size=\"sm\"\n          >\n            <SelectValue placeholder=\"Select operator\" />\n          </SelectTrigger>\n          <SelectContent>\n            {availableOperators.map((op) => (\n              <SelectItem key={op} value={op}>\n                {OPERATOR_LABELS[op]}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      )}\n\n      {/* Value Input */}\n      {needsValue && condition.column && (\n        selectedColumn?.type === \"select\" && selectedColumn.options ? (\n          <Select\n            value={condition.value as string}\n            onValueChange={handleValueChange}\n          >\n            <SelectTrigger\n              aria-label=\"Value\"\n              className=\"w-36\"\n              size=\"sm\"\n            >\n              <SelectValue placeholder=\"Select value\" />\n            </SelectTrigger>\n            <SelectContent>\n              {selectedColumn.options.map((option) => (\n                <SelectItem key={option} value={option}>\n                  {option}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        ) : (\n          <TextInput\n            aria-label=\"Value\"\n            className=\"w-36\"\n            placeholder=\"Enter value\"\n            size=\"sm\"\n            type={selectedColumn?.type === \"number\" ? \"number\" : selectedColumn?.type === \"date\" ? \"date\" : \"text\"}\n            value={condition.value as string}\n            onChange={(e) => { handleValueChange(e.target.value); }}\n          />\n        )\n      )}\n\n      {/* Second Value (for between operators) */}\n      {needsSecondValue && condition.column && (\n        <>\n          <span className=\"text-sm text-[color:var(--text-muted)]\">and</span>\n          <TextInput\n            aria-label=\"Value\"\n            className=\"w-36\"\n            placeholder=\"Enter value\"\n            size=\"sm\"\n            type={selectedColumn?.type === \"number\" ? \"number\" : selectedColumn?.type === \"date\" ? \"date\" : \"text\"}\n            value={typeof condition.value2 === \"string\" ? condition.value2 : typeof condition.value2 === \"number\" ? condition.value2.toString() : \"\"}\n            onChange={(e) => { handleValue2Change(e.target.value); }}\n          />\n        </>\n      )}\n\n      {/* Remove Button */}\n      <Button\n        aria-label=\"Remove condition\"\n        className=\"text-[color:var(--text-muted)] hover:text-[color:var(--text-destructive)]\"\n        size=\"icon-sm\"\n        type=\"button\"\n        variant=\"ghost\"\n        onClick={onRemove}\n      >\n        <X className=\"size-4\" />\n      </Button>\n    </div>\n  )\n}\n\n// ============================================\n// FILTER GROUP COMPONENT\n// ============================================\n\ninterface FilterGroupComponentProps {\n  columns: FilterBuilderColumn[]\n  depth: number\n  group: FilterGroup\n  isRoot?: boolean\n  onChange: (group: FilterGroup) => void\n  onRemove?: () => void\n}\n\nfunction FilterGroupComponent({\n  group,\n  columns,\n  depth,\n  onChange,\n  onRemove,\n  isRoot = false,\n}: FilterGroupComponentProps) {\n  const handleLogicToggle = () => {\n    onChange({\n      ...group,\n      logic: group.logic === \"AND\" ? \"OR\" : \"AND\",\n    })\n  }\n\n  const handleAddCondition = () => {\n    const defaultColumn = columns[0]?.id ?? \"\"\n    onChange({\n      ...group,\n      conditions: [...group.conditions, createEmptyCondition(defaultColumn)],\n    })\n  }\n\n  const handleAddGroup = () => {\n    onChange({\n      ...group,\n      conditions: [...group.conditions, createEmptyGroup()],\n    })\n  }\n\n  const handleConditionChange = (index: number, item: FilterCondition | FilterGroup) => {\n    const newConditions = [...group.conditions]\n    newConditions[index] = item\n    onChange({ ...group, conditions: newConditions })\n  }\n\n  const handleConditionRemove = (index: number) => {\n    onChange({\n      ...group,\n      conditions: group.conditions.filter((_, i) => i !== index),\n    })\n  }\n\n  return (\n    <div\n      className={cn(\n        \"rounded-md border p-3\",\n        isRoot\n          ? \"border-[color:var(--border-default)] bg-[color:var(--surface-default)]\"\n          : \"border-dashed border-[color:var(--border-muted)] bg-[color:var(--surface-muted)] ml-4\"\n      )}\n      aria-label={`Filter group with ${group.logic} logic`}\n      data-slot=\"filter-group\"\n      role=\"group\"\n    >\n      {/* Group Header */}\n      <div className=\"mb-3 flex items-center gap-2\">\n        {/* Logic Toggle */}\n        <Button\n          aria-label={group.logic}\n          aria-pressed={group.logic === \"AND\"}\n          className=\"min-w-16 font-medium\"\n          size=\"sm\"\n          type=\"button\"\n          variant={group.logic === \"AND\" ? \"secondary-color\" : \"outline\"}\n          onClick={handleLogicToggle}\n        >\n          {group.logic}\n        </Button>\n\n        {/* Remove Group Button */}\n        {!isRoot && onRemove && (\n          <Button\n            aria-label=\"Remove group\"\n            className=\"ml-auto text-[color:var(--text-muted)] hover:text-[color:var(--text-destructive)]\"\n            size=\"icon-sm\"\n            type=\"button\"\n            variant=\"ghost\"\n            onClick={onRemove}\n          >\n            <Trash2 className=\"size-4\" />\n          </Button>\n        )}\n      </div>\n\n      {/* Conditions */}\n      <div className=\"space-y-2\">\n        {group.conditions.length === 0 ? (\n          <div className=\"py-4 text-center text-sm text-[color:var(--text-muted)]\">\n            No conditions. Click &quot;Add Condition&quot; to create one.\n          </div>\n        ) : (\n          group.conditions.map((item, index) => (\n            <React.Fragment key={item.id}>\n              {/* Logic label between conditions */}\n              {index > 0 && (\n                <div className=\"flex items-center gap-2 py-1\">\n                  <span className=\"text-xs font-medium uppercase text-[color:var(--text-muted)]\">\n                    {group.logic}\n                  </span>\n                  <div className=\"h-px flex-1 bg-[color:var(--border-muted)]\" />\n                </div>\n              )}\n\n              {isFilterGroup(item) ? (\n                <FilterGroupComponent\n                  columns={columns}\n                  depth={depth + 1}\n                  group={item}\n                  onChange={(updated) => { handleConditionChange(index, updated); }}\n                  onRemove={() => { handleConditionRemove(index); }}\n                />\n              ) : isFilterCondition(item) ? (\n                <FilterConditionRow\n                  columns={columns}\n                  condition={item}\n                  onChange={(updated) => { handleConditionChange(index, updated); }}\n                  onRemove={() => { handleConditionRemove(index); }}\n                />\n              ) : null}\n            </React.Fragment>\n          ))\n        )}\n      </div>\n\n      {/* Action Buttons */}\n      <div className=\"mt-3 flex items-center gap-2\">\n        <Button\n          className=\"gap-1\"\n          size=\"sm\"\n          type=\"button\"\n          variant=\"outline\"\n          onClick={handleAddCondition}\n        >\n          <PlusCircle className=\"size-3\" />\n          Add Condition\n        </Button>\n\n        <Button\n          className=\"gap-1\"\n          size=\"sm\"\n          type=\"button\"\n          variant=\"outline\"\n          onClick={handleAddGroup}\n        >\n          <PlusCircle className=\"size-3\" />\n          Add Group\n        </Button>\n      </div>\n    </div>\n  )\n}\n\n// ============================================\n// MAIN FILTER BUILDER COMPONENT\n// ============================================\n\n/**\n * FilterBuilder - Visual interface for building complex filter conditions\n *\n * Supports AND/OR logic with nested groups, multiple operators per field type,\n * and various value input types.\n *\n * @example\n * ```tsx\n * const columns = [\n *   { id: \"name\", label: \"Name\", type: \"text\" },\n *   { id: \"age\", label: \"Age\", type: \"number\" },\n *   { id: \"status\", label: \"Status\", type: \"select\", options: [\"active\", \"inactive\"] },\n * ]\n *\n * <FilterBuilder\n *   columns={columns}\n *   filter={filter}\n *   onFilterChange={setFilter}\n * />\n * ```\n */\nfunction FilterBuilder({\n  className,\n  columns,\n  filter,\n  onDeletePreset,\n  onFilterChange,\n  onSavePreset,\n  presets,\n}: FilterBuilderProps) {\n  const [presetName, setPresetName] = React.useState(\"\")\n  const [showSaveInput, setShowSaveInput] = React.useState(false)\n\n  const handleFilterChange = (updatedFilter: FilterGroup) => {\n    onFilterChange(updatedFilter)\n  }\n\n  const handleSavePreset = () => {\n    if (!onSavePreset || !presetName.trim()) return\n    onSavePreset({\n      id: Math.random().toString(36).slice(2, 11),\n      name: presetName.trim(),\n      filter: structuredClone(filter),\n    })\n    setPresetName(\"\")\n    setShowSaveInput(false)\n  }\n\n  const handleLoadPreset = (preset: FilterPreset) => {\n    onFilterChange(structuredClone(preset.filter))\n  }\n\n  return (\n    <div\n      aria-label=\"Filter builder\"\n      className={cn(\"space-y-3\", className)}\n      data-slot=\"filter-builder\"\n      role=\"region\"\n    >\n      {/* Filter Presets */}\n      {(presets && presets.length > 0) || onSavePreset ? (\n        <div className=\"flex flex-wrap items-center gap-2\" data-slot=\"filter-presets\">\n          {presets?.map((preset) => (\n            <div key={preset.id} className=\"flex items-center gap-1\">\n              <Button\n                className=\"gap-1\"\n                size=\"sm\"\n                type=\"button\"\n                variant=\"outline\"\n                onClick={() => { handleLoadPreset(preset); }}\n              >\n                {preset.name}\n              </Button>\n              {onDeletePreset && (\n                <Button\n                  aria-label={`Delete preset ${preset.name}`}\n                  size=\"icon-sm\"\n                  type=\"button\"\n                  variant=\"ghost\"\n                  onClick={() => { onDeletePreset(preset.id); }}\n                >\n                  <X className=\"size-3\" />\n                </Button>\n              )}\n            </div>\n          ))}\n          {onSavePreset && (\n            showSaveInput ? (\n              <div className=\"flex items-center gap-1\">\n                <TextInput\n                  aria-label=\"Preset name\"\n                  className=\"h-7 w-32\"\n                  placeholder=\"Preset name\"\n                  size=\"sm\"\n                  value={presetName}\n                  onChange={(e: React.ChangeEvent<HTMLInputElement>) => { setPresetName(e.target.value); }}\n                  onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) => {\n                    if (e.key === \"Enter\") handleSavePreset()\n                    if (e.key === \"Escape\") { setShowSaveInput(false); setPresetName(\"\"); }\n                  }}\n                />\n                <Button\n                  disabled={!presetName.trim()}\n                  size=\"sm\"\n                  type=\"button\"\n                  variant=\"secondary-color\"\n                  onClick={handleSavePreset}\n                >\n                  Save\n                </Button>\n                <Button\n                  size=\"sm\"\n                  type=\"button\"\n                  variant=\"ghost\"\n                  onClick={() => { setShowSaveInput(false); setPresetName(\"\"); }}\n                >\n                  Cancel\n                </Button>\n              </div>\n            ) : (\n              <Button\n                className=\"gap-1\"\n                size=\"sm\"\n                type=\"button\"\n                variant=\"outline\"\n                onClick={() => { setShowSaveInput(true); }}\n              >\n                <PlusCircle className=\"size-3\" />\n                Save Preset\n              </Button>\n            )\n          )}\n        </div>\n      ) : null}\n\n      <FilterGroupComponent\n        isRoot\n        columns={columns}\n        depth={0}\n        group={filter}\n        onChange={handleFilterChange}\n      />\n    </div>\n  )\n}\n\nFilterBuilder.displayName = \"FilterBuilder\"\n\nexport { FilterBuilder }\n"]}
+{"version":3,"sources":["../src/components/data-display/DataTable/FilterBuilder/FilterBuilder.types.ts","../src/components/data-display/DataTable/FilterBuilder/FilterBuilder.tsx"],"names":["Fragment"],"mappings":"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","file":"chunk-SKI25Q7O.js","sourcesContent":["/**\n * Filter operators for different field types\n */\nexport type FilterOperator =\n  // Text operators\n  | \"after\"\n  | \"before\"\n  | \"between\"\n  | \"contains\"\n  | \"dateBetween\"\n  | \"endsWith\"\n  | \"equals\"\n  | \"gt\"\n  // Number operators\n  | \"gte\"\n  | \"in\"\n  | \"isEmpty\"\n  | \"isNotEmpty\"\n  | \"lt\"\n  // Date operators\n  | \"lte\"\n  | \"notContains\"\n  | \"notEquals\"\n  // Select operators\n  | \"notIn\"\n  | \"startsWith\"\n\n/**\n * A single filter condition\n */\nexport interface FilterCondition {\n  /** Column/field to filter on */\n  column: string\n  /** Unique identifier for the condition */\n  id: string\n  /** Comparison operator */\n  operator: FilterOperator\n  /** Primary value for comparison */\n  value: unknown\n  /** Secondary value for \"between\" operators */\n  value2?: unknown\n}\n\n/**\n * A group of filter conditions with AND/OR logic\n */\nexport interface FilterGroup {\n  /** Conditions or nested groups */\n  conditions: (FilterCondition | FilterGroup)[]\n  /** Unique identifier for the group */\n  id: string\n  /** Logical operator for combining conditions */\n  logic: \"AND\" | \"OR\"\n}\n\n/**\n * A saved filter preset\n */\nexport interface FilterPreset {\n  /** The filter configuration */\n  filter: FilterGroup\n  /** Unique identifier for the preset */\n  id: string\n  /** Display name for the preset */\n  name: string\n}\n\n/**\n * Column configuration for the filter builder\n */\nexport interface FilterBuilderColumn {\n  /** Column identifier */\n  id: string\n  /** Display label */\n  label: string\n  /** Options for select type columns */\n  options?: string[]\n  /** Data type for operator selection */\n  type: \"date\" | \"number\" | \"select\" | \"text\"\n}\n\n/**\n * FilterBuilder component props\n */\nexport interface FilterBuilderProps {\n  /** Additional CSS classes */\n  className?: string\n  /** Available columns for filtering */\n  columns: FilterBuilderColumn[]\n  /** Current filter configuration */\n  filter: FilterGroup\n  /** Callback to delete a preset */\n  onDeletePreset?: (presetId: string) => void\n  /** Callback when filter changes */\n  onFilterChange: (filter: FilterGroup) => void\n  /** Callback to save a new preset */\n  onSavePreset?: (preset: FilterPreset) => void\n  /** Saved filter presets */\n  presets?: FilterPreset[]\n}\n\n/**\n * Type guard to check if an item is a FilterGroup\n */\nexport function isFilterGroup(\n  item: FilterCondition | FilterGroup\n): item is FilterGroup {\n  return \"logic\" in item && \"conditions\" in item\n}\n\n/**\n * Type guard to check if an item is a FilterCondition\n */\nexport function isFilterCondition(\n  item: FilterCondition | FilterGroup\n): item is FilterCondition {\n  return \"column\" in item && \"operator\" in item\n}\n","// FilterBuilder/FilterBuilder.tsx\n\"use client\"\n\nimport type {\n  FilterBuilderColumn,\n  FilterBuilderProps,\n  FilterCondition,\n  FilterGroup,\n  FilterOperator,\n  FilterPreset,\n} from \"./FilterBuilder.types\"\n\nimport { PlusCircle, Trash2, X } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../../lib/utils\"\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../../forms/Select\"\nimport { TextInput } from \"../../../forms/TextInput\"\nimport { Button } from \"../../../primitives/Button\"\nimport { isFilterCondition, isFilterGroup } from \"./FilterBuilder.types\"\n\n// ============================================\n// CONSTANTS\n// ============================================\n\n/**\n * Operator labels for display\n */\nconst OPERATOR_LABELS: Record<FilterOperator, string> = {\n  // Text\n  contains: \"Contains\",\n  notContains: \"Does not contain\",\n  equals: \"Equals\",\n  notEquals: \"Does not equal\",\n  startsWith: \"Starts with\",\n  endsWith: \"Ends with\",\n  isEmpty: \"Is empty\",\n  isNotEmpty: \"Is not empty\",\n  // Number\n  gt: \"Greater than\",\n  gte: \"Greater than or equal\",\n  lt: \"Less than\",\n  lte: \"Less than or equal\",\n  between: \"Between\",\n  // Date\n  before: \"Before\",\n  after: \"After\",\n  dateBetween: \"Date between\",\n  // Select\n  in: \"Is any of\",\n  notIn: \"Is none of\",\n}\n\n/**\n * Operators available by column type\n */\nconst OPERATORS_BY_TYPE: Record<FilterBuilderColumn[\"type\"], FilterOperator[]> = {\n  text: [\"contains\", \"notContains\", \"equals\", \"notEquals\", \"startsWith\", \"endsWith\", \"isEmpty\", \"isNotEmpty\"],\n  number: [\"equals\", \"notEquals\", \"gt\", \"gte\", \"lt\", \"lte\", \"between\"],\n  date: [\"equals\", \"notEquals\", \"before\", \"after\", \"dateBetween\"],\n  select: [\"equals\", \"notEquals\", \"in\", \"notIn\"],\n}\n\n/**\n * Generate a unique ID\n */\nfunction generateId(): string {\n  return Math.random().toString(36).slice(2, 11)\n}\n\n/**\n * Create an empty condition\n */\nfunction createEmptyCondition(columnId?: string): FilterCondition {\n  return {\n    id: generateId(),\n    column: columnId ?? \"\",\n    operator: \"contains\",\n    value: \"\",\n  }\n}\n\n/**\n * Create an empty group\n */\nfunction createEmptyGroup(): FilterGroup {\n  return {\n    id: generateId(),\n    logic: \"AND\",\n    conditions: [],\n  }\n}\n\n// ============================================\n// FILTER CONDITION COMPONENT\n// ============================================\n\ninterface FilterConditionRowProps {\n  columns: FilterBuilderColumn[]\n  condition: FilterCondition\n  onChange: (condition: FilterCondition) => void\n  onRemove: () => void\n}\n\nfunction FilterConditionRow({\n  condition,\n  columns,\n  onChange,\n  onRemove,\n}: FilterConditionRowProps) {\n  const selectedColumn = columns.find((col) => col.id === condition.column)\n  const availableOperators = selectedColumn\n    ? OPERATORS_BY_TYPE[selectedColumn.type]\n    : OPERATORS_BY_TYPE.text\n\n  const needsValue = ![\"isEmpty\", \"isNotEmpty\"].includes(condition.operator)\n  const needsSecondValue = [\"between\", \"dateBetween\"].includes(condition.operator)\n\n  const handleColumnChange = (columnId: string) => {\n    const newColumn = columns.find((col) => col.id === columnId)\n    const newOperators = newColumn\n      ? OPERATORS_BY_TYPE[newColumn.type]\n      : OPERATORS_BY_TYPE.text\n\n    onChange({\n      ...condition,\n      column: columnId,\n      operator: newOperators[0] ?? \"equals\",\n      value: \"\",\n      value2: undefined,\n    })\n  }\n\n  const handleOperatorChange = (operator: string) => {\n    onChange({\n      ...condition,\n      operator: operator as FilterOperator,\n      value: [\"isEmpty\", \"isNotEmpty\"].includes(operator) ? \"\" : condition.value,\n      value2: undefined,\n    })\n  }\n\n  const handleValueChange = (value: string) => {\n    onChange({ ...condition, value })\n  }\n\n  const handleValue2Change = (value2: string) => {\n    onChange({ ...condition, value2 })\n  }\n\n  return (\n    <div\n      aria-label={`Filter condition: ${selectedColumn?.label ?? \"Select column\"}`}\n      className=\"flex flex-wrap items-center gap-2\"\n      data-slot=\"filter-condition\"\n      role=\"group\"\n    >\n      {/* Column Select */}\n      <Select value={condition.column} onValueChange={handleColumnChange}>\n        <SelectTrigger\n          aria-label=\"Column\"\n          className=\"w-36\"\n          size=\"sm\"\n        >\n          <SelectValue placeholder=\"Select column\" />\n        </SelectTrigger>\n        <SelectContent>\n          {columns.map((col) => (\n            <SelectItem key={col.id} value={col.id}>\n              {col.label}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n\n      {/* Operator Select */}\n      {condition.column && (\n        <Select value={condition.operator} onValueChange={handleOperatorChange}>\n          <SelectTrigger\n            aria-label=\"Operator\"\n            className=\"w-40\"\n            size=\"sm\"\n          >\n            <SelectValue placeholder=\"Select operator\" />\n          </SelectTrigger>\n          <SelectContent>\n            {availableOperators.map((op) => (\n              <SelectItem key={op} value={op}>\n                {OPERATOR_LABELS[op]}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      )}\n\n      {/* Value Input */}\n      {needsValue && condition.column && (\n        selectedColumn?.type === \"select\" && selectedColumn.options ? (\n          <Select\n            value={condition.value as string}\n            onValueChange={handleValueChange}\n          >\n            <SelectTrigger\n              aria-label=\"Value\"\n              className=\"w-36\"\n              size=\"sm\"\n            >\n              <SelectValue placeholder=\"Select value\" />\n            </SelectTrigger>\n            <SelectContent>\n              {selectedColumn.options.map((option) => (\n                <SelectItem key={option} value={option}>\n                  {option}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        ) : (\n          <TextInput\n            aria-label=\"Value\"\n            className=\"w-36\"\n            placeholder=\"Enter value\"\n            size=\"sm\"\n            type={selectedColumn?.type === \"number\" ? \"number\" : selectedColumn?.type === \"date\" ? \"date\" : \"text\"}\n            value={condition.value as string}\n            onChange={(e) => { handleValueChange(e.target.value); }}\n          />\n        )\n      )}\n\n      {/* Second Value (for between operators) */}\n      {needsSecondValue && condition.column && (\n        <>\n          <span className=\"text-sm text-[color:var(--text-muted)]\">and</span>\n          <TextInput\n            aria-label=\"Value\"\n            className=\"w-36\"\n            placeholder=\"Enter value\"\n            size=\"sm\"\n            type={selectedColumn?.type === \"number\" ? \"number\" : selectedColumn?.type === \"date\" ? \"date\" : \"text\"}\n            value={typeof condition.value2 === \"string\" ? condition.value2 : typeof condition.value2 === \"number\" ? condition.value2.toString() : \"\"}\n            onChange={(e) => { handleValue2Change(e.target.value); }}\n          />\n        </>\n      )}\n\n      {/* Remove Button */}\n      <Button\n        aria-label=\"Remove condition\"\n        className=\"text-[color:var(--text-muted)] hover:text-[color:var(--text-destructive)]\"\n        size=\"icon-sm\"\n        type=\"button\"\n        variant=\"ghost\"\n        onClick={onRemove}\n      >\n        <X className=\"size-4\" />\n      </Button>\n    </div>\n  )\n}\n\n// ============================================\n// FILTER GROUP COMPONENT\n// ============================================\n\ninterface FilterGroupComponentProps {\n  columns: FilterBuilderColumn[]\n  depth: number\n  group: FilterGroup\n  isRoot?: boolean\n  onChange: (group: FilterGroup) => void\n  onRemove?: () => void\n}\n\nfunction FilterGroupComponent({\n  group,\n  columns,\n  depth,\n  onChange,\n  onRemove,\n  isRoot = false,\n}: FilterGroupComponentProps) {\n  const handleLogicToggle = () => {\n    onChange({\n      ...group,\n      logic: group.logic === \"AND\" ? \"OR\" : \"AND\",\n    })\n  }\n\n  const handleAddCondition = () => {\n    const defaultColumn = columns[0]?.id ?? \"\"\n    onChange({\n      ...group,\n      conditions: [...group.conditions, createEmptyCondition(defaultColumn)],\n    })\n  }\n\n  const handleAddGroup = () => {\n    onChange({\n      ...group,\n      conditions: [...group.conditions, createEmptyGroup()],\n    })\n  }\n\n  const handleConditionChange = (index: number, item: FilterCondition | FilterGroup) => {\n    const newConditions = [...group.conditions]\n    newConditions[index] = item\n    onChange({ ...group, conditions: newConditions })\n  }\n\n  const handleConditionRemove = (index: number) => {\n    onChange({\n      ...group,\n      conditions: group.conditions.filter((_, i) => i !== index),\n    })\n  }\n\n  return (\n    <div\n      className={cn(\n        \"rounded-md border p-3\",\n        isRoot\n          ? \"border-[color:var(--border-default)] bg-[color:var(--surface-default)]\"\n          : \"border-dashed border-[color:var(--border-muted)] bg-[color:var(--surface-muted)] ml-4\"\n      )}\n      aria-label={`Filter group with ${group.logic} logic`}\n      data-slot=\"filter-group\"\n      role=\"group\"\n    >\n      {/* Group Header */}\n      <div className=\"mb-3 flex items-center gap-2\">\n        {/* Logic Toggle */}\n        <Button\n          aria-label={group.logic}\n          aria-pressed={group.logic === \"AND\"}\n          className=\"min-w-16 font-medium\"\n          size=\"sm\"\n          type=\"button\"\n          variant={group.logic === \"AND\" ? \"secondary-color\" : \"outline\"}\n          onClick={handleLogicToggle}\n        >\n          {group.logic}\n        </Button>\n\n        {/* Remove Group Button */}\n        {!isRoot && onRemove && (\n          <Button\n            aria-label=\"Remove group\"\n            className=\"ml-auto text-[color:var(--text-muted)] hover:text-[color:var(--text-destructive)]\"\n            size=\"icon-sm\"\n            type=\"button\"\n            variant=\"ghost\"\n            onClick={onRemove}\n          >\n            <Trash2 className=\"size-4\" />\n          </Button>\n        )}\n      </div>\n\n      {/* Conditions */}\n      <div className=\"space-y-2\">\n        {group.conditions.length === 0 ? (\n          <div className=\"py-4 text-center text-sm text-[color:var(--text-muted)]\">\n            No conditions. Click &quot;Add Condition&quot; to create one.\n          </div>\n        ) : (\n          group.conditions.map((item, index) => (\n            <React.Fragment key={item.id}>\n              {/* Logic label between conditions */}\n              {index > 0 && (\n                <div className=\"flex items-center gap-2 py-1\">\n                  <span className=\"text-xs font-medium uppercase text-[color:var(--text-muted)]\">\n                    {group.logic}\n                  </span>\n                  <div className=\"h-px flex-1 bg-[color:var(--border-muted)]\" />\n                </div>\n              )}\n\n              {isFilterGroup(item) ? (\n                <FilterGroupComponent\n                  columns={columns}\n                  depth={depth + 1}\n                  group={item}\n                  onChange={(updated) => { handleConditionChange(index, updated); }}\n                  onRemove={() => { handleConditionRemove(index); }}\n                />\n              ) : isFilterCondition(item) ? (\n                <FilterConditionRow\n                  columns={columns}\n                  condition={item}\n                  onChange={(updated) => { handleConditionChange(index, updated); }}\n                  onRemove={() => { handleConditionRemove(index); }}\n                />\n              ) : null}\n            </React.Fragment>\n          ))\n        )}\n      </div>\n\n      {/* Action Buttons */}\n      <div className=\"mt-3 flex items-center gap-2\">\n        <Button\n          className=\"gap-1\"\n          size=\"sm\"\n          type=\"button\"\n          variant=\"outline\"\n          onClick={handleAddCondition}\n        >\n          <PlusCircle className=\"size-3\" />\n          Add Condition\n        </Button>\n\n        <Button\n          className=\"gap-1\"\n          size=\"sm\"\n          type=\"button\"\n          variant=\"outline\"\n          onClick={handleAddGroup}\n        >\n          <PlusCircle className=\"size-3\" />\n          Add Group\n        </Button>\n      </div>\n    </div>\n  )\n}\n\n// ============================================\n// MAIN FILTER BUILDER COMPONENT\n// ============================================\n\n/**\n * FilterBuilder - Visual interface for building complex filter conditions\n *\n * Supports AND/OR logic with nested groups, multiple operators per field type,\n * and various value input types.\n *\n * @example\n * ```tsx\n * const columns = [\n *   { id: \"name\", label: \"Name\", type: \"text\" },\n *   { id: \"age\", label: \"Age\", type: \"number\" },\n *   { id: \"status\", label: \"Status\", type: \"select\", options: [\"active\", \"inactive\"] },\n * ]\n *\n * <FilterBuilder\n *   columns={columns}\n *   filter={filter}\n *   onFilterChange={setFilter}\n * />\n * ```\n */\nfunction FilterBuilder({\n  className,\n  columns,\n  filter,\n  onDeletePreset,\n  onFilterChange,\n  onSavePreset,\n  presets,\n}: FilterBuilderProps) {\n  const [presetName, setPresetName] = React.useState(\"\")\n  const [showSaveInput, setShowSaveInput] = React.useState(false)\n\n  const handleFilterChange = (updatedFilter: FilterGroup) => {\n    onFilterChange(updatedFilter)\n  }\n\n  const handleSavePreset = () => {\n    if (!onSavePreset || !presetName.trim()) return\n    onSavePreset({\n      id: Math.random().toString(36).slice(2, 11),\n      name: presetName.trim(),\n      filter: structuredClone(filter),\n    })\n    setPresetName(\"\")\n    setShowSaveInput(false)\n  }\n\n  const handleLoadPreset = (preset: FilterPreset) => {\n    onFilterChange(structuredClone(preset.filter))\n  }\n\n  return (\n    <div\n      aria-label=\"Filter builder\"\n      className={cn(\"space-y-3\", className)}\n      data-slot=\"filter-builder\"\n      role=\"region\"\n    >\n      {/* Filter Presets */}\n      {(presets && presets.length > 0) || onSavePreset ? (\n        <div className=\"flex flex-wrap items-center gap-2\" data-slot=\"filter-presets\">\n          {presets?.map((preset) => (\n            <div key={preset.id} className=\"flex items-center gap-1\">\n              <Button\n                className=\"gap-1\"\n                size=\"sm\"\n                type=\"button\"\n                variant=\"outline\"\n                onClick={() => { handleLoadPreset(preset); }}\n              >\n                {preset.name}\n              </Button>\n              {onDeletePreset && (\n                <Button\n                  aria-label={`Delete preset ${preset.name}`}\n                  size=\"icon-sm\"\n                  type=\"button\"\n                  variant=\"ghost\"\n                  onClick={() => { onDeletePreset(preset.id); }}\n                >\n                  <X className=\"size-3\" />\n                </Button>\n              )}\n            </div>\n          ))}\n          {onSavePreset && (\n            showSaveInput ? (\n              <div className=\"flex items-center gap-1\">\n                <TextInput\n                  aria-label=\"Preset name\"\n                  className=\"h-7 w-32\"\n                  placeholder=\"Preset name\"\n                  size=\"sm\"\n                  value={presetName}\n                  onChange={(e: React.ChangeEvent<HTMLInputElement>) => { setPresetName(e.target.value); }}\n                  onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) => {\n                    if (e.key === \"Enter\") handleSavePreset()\n                    if (e.key === \"Escape\") { setShowSaveInput(false); setPresetName(\"\"); }\n                  }}\n                />\n                <Button\n                  disabled={!presetName.trim()}\n                  size=\"sm\"\n                  type=\"button\"\n                  variant=\"secondary-color\"\n                  onClick={handleSavePreset}\n                >\n                  Save\n                </Button>\n                <Button\n                  size=\"sm\"\n                  type=\"button\"\n                  variant=\"ghost\"\n                  onClick={() => { setShowSaveInput(false); setPresetName(\"\"); }}\n                >\n                  Cancel\n                </Button>\n              </div>\n            ) : (\n              <Button\n                className=\"gap-1\"\n                size=\"sm\"\n                type=\"button\"\n                variant=\"outline\"\n                onClick={() => { setShowSaveInput(true); }}\n              >\n                <PlusCircle className=\"size-3\" />\n                Save Preset\n              </Button>\n            )\n          )}\n        </div>\n      ) : null}\n\n      <FilterGroupComponent\n        isRoot\n        columns={columns}\n        depth={0}\n        group={filter}\n        onChange={handleFilterChange}\n      />\n    </div>\n  )\n}\n\nFilterBuilder.displayName = \"FilterBuilder\"\n\nexport { FilterBuilder }\n"]}

package/dist/{chunk-LLI3JFJL.js → chunk-SSKSWSVO.js}

@@ -1,6 +1,6 @@
-import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from './chunk-P7D6S6GX.js';
-import { buttonVariants } from './chunk-7TF5PVEU.js';
-import { cn } from './chunk-HRNDJU7D.js';
+import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from './chunk-PTXC4KPQ.js';
+import { buttonVariants } from './chunk-L4OQ6BJ5.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { LoaderCircle } from 'lucide-react';
 import * as React from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -200,5 +200,5 @@ function ConfirmButton({
 }
 
 export { ConfirmButton };
-//# sourceMappingURL=chunk-LLI3JFJL.js.map
-//# sourceMappingURL=chunk-LLI3JFJL.js.map
+//# sourceMappingURL=chunk-SSKSWSVO.js.map
+//# sourceMappingURL=chunk-SSKSWSVO.js.map