impact-nova 1.8.2 → 1.9.0-alpha.0

package/dist/components/ui/smart-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-input.js","sources":["impact-nova/src/components/ui/smart-input.tsx"],"sourcesContent":["/* eslint-disable react-hooks/set-state-in-effect */\nimport React, { useState, useRef, useEffect, type HTMLInputTypeAttribute } from \"react\";\nimport { Input, type InputProps } from \"./input\";\n\ntype ComparisonOperator = \">\" | \"<\" | \">=\" | \"<=\";\n\nexport interface SmartInputProps\n  extends Omit<InputProps, \"onChange\" | \"value\" | \"onFocus\" | \"onBlur\"> {\n  // Value and change handler\n  value?: string | number;\n  onChange?: (\n    value: string,\n    syntheticEvent?: React.ChangeEvent<HTMLInputElement>\n  ) => void;\n  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\n  type?: HTMLInputTypeAttribute;\n\n  // Number validation\n  allowNegative?: boolean;\n  min?: number;\n  max?: number;\n  min_operator?: ComparisonOperator;\n  max_operator?: ComparisonOperator;\n  maxIntegerDigits?: number;\n\n  // Decimal control\n  decimalPlaces?: number;\n  enforceDecimal?: boolean;\n  allowDecimal?: boolean;\n\n  // Additional validation\n  maxLength?: number;\n  trimLeadingSpaces?: boolean;\n\n  // Custom validation\n  customValidator?: (value: string) => boolean;\n  onValidationError?: (error: string) => void;\n}\n\nconst InputWrapper: React.FC<SmartInputProps> = ({\n  value = \"\",\n  type = \"text\",\n  onChange,\n  onBlur,\n  onFocus,\n  allowNegative = true,\n  min,\n  max,\n  min_operator = \">=\",\n  max_operator = \"<=\",\n  maxIntegerDigits,\n  decimalPlaces,\n  enforceDecimal = false,\n  allowDecimal = true,\n  maxLength,\n  trimLeadingSpaces = true,\n  customValidator,\n  onValidationError,\n  disabled = false,\n  ...inputProps\n}) => {\n  const [internalValue, setInternalValue] = useState<string>(String(value ?? \"\"));\n  const inputRef = useRef<HTMLInputElement>(null);\n  const isNumeric = type === \"number\";\n\n  // Sync internal value with prop value\n  useEffect(() => {\n    setInternalValue(String(value ?? \"\"));\n  }, [value]);\n\n  const validateMin = (val: number): boolean => {\n    if (min === undefined) return true;\n    switch (min_operator) {\n      case \">\": return val > min;\n      case \">=\": return val >= min;\n      case \"<\": return val < min;\n      case \"<=\": return val <= min;\n      default: return true;\n    }\n  };\n\n  const validateMax = (val: number): boolean => {\n    if (max === undefined) return true;\n    switch (max_operator) {\n      case \">\": return val > max;\n      case \">=\": return val >= max;\n      case \"<\": return val < max;\n      case \"<=\": return val <= max;\n      default: return true;\n    }\n  };\n\n  const clampValue = (val: number): number => {\n    let clamped = val;\n    if (min !== undefined) {\n      const minBound = min_operator === \">\" ? min + 0.01 : min;\n      clamped = Math.max(clamped, minBound);\n    }\n    if (max !== undefined) {\n      const maxBound = max_operator === \"<\" ? max - 0.01 : max;\n      clamped = Math.min(clamped, maxBound);\n    }\n    return clamped;\n  };\n\n  const removeInvalidChars = (input: string): string => {\n    const allowedChars = allowNegative ? /[^0-9.-]/g : /[^0-9.]/g;\n    return input.replace(allowedChars, \"\");\n  };\n\n  const fixDecimalPoints = (input: string): string => {\n    const parts = input.split(\".\");\n    if (parts.length > 2) {\n      return parts[0] + \".\" + parts.slice(1).join(\"\");\n    }\n    return input;\n  };\n\n  const fixMinusSign = (input: string, originalInput: string): string => {\n    if (!allowNegative) return input;\n    const minusCount = (input.match(/-/g) || []).length;\n    if (minusCount > 1) {\n      let fixed = input.replace(/-/g, \"\");\n      if (originalInput.startsWith(\"-\")) {\n        fixed = \"-\" + fixed;\n      }\n      return fixed;\n    } else if (input.includes(\"-\") && !input.startsWith(\"-\")) {\n      return input.replace(\"-\", \"\");\n    }\n    return input;\n  };\n\n  const limitDecimalPlaces = (input: string): string => {\n    if (decimalPlaces === undefined || !input.includes(\".\")) return input;\n    const [intPart, decPart] = input.split(\".\");\n    if (decPart && decPart.length > decimalPlaces) {\n      return `${intPart}.${decPart.slice(0, decimalPlaces)}`;\n    }\n    return input;\n  };\n\n  const limitIntegerDigits = (input: string): string => {\n    if (maxIntegerDigits === undefined) return input;\n    const [intPart, decPart] = input.split(\".\");\n    const cleanIntPart = intPart.replace(\"-\", \"\");\n    if (cleanIntPart.length > maxIntegerDigits) {\n      const limitedInt = cleanIntPart.slice(0, maxIntegerDigits);\n      const prefix = intPart.startsWith(\"-\") ? \"-\" : \"\";\n      return decPart !== undefined ? `${prefix}${limitedInt}.${decPart}` : `${prefix}${limitedInt}`;\n    }\n    return input;\n  };\n\n  const sanitizeNumericInput = (input: string): string => {\n    if (!isNumeric) return input;\n    let sanitized = String(input ?? \"\");\n    if (trimLeadingSpaces) sanitized = sanitized.replace(/^\\s+/, \"\");\n    sanitized = removeInvalidChars(sanitized);\n    sanitized = fixDecimalPoints(sanitized);\n    sanitized = fixMinusSign(sanitized, input);\n    sanitized = limitDecimalPlaces(sanitized);\n    sanitized = limitIntegerDigits(sanitized);\n    if (!allowDecimal) sanitized = sanitized.replace(\".\", \"\");\n    return sanitized;\n  };\n\n  const formatOnBlur = (input: string): string => {\n    if (!isNumeric || !input || input === \"-\") return input;\n    let formatted = input;\n    const numValue = parseFloat(formatted);\n    if (isNaN(numValue)) return \"\";\n    const clamped = clampValue(numValue);\n    if (enforceDecimal && decimalPlaces !== undefined) {\n      formatted = clamped.toFixed(decimalPlaces);\n    } else if (decimalPlaces !== undefined && formatted.includes(\".\")) {\n      const [intPart, decPart = \"\"] = formatted.split(\".\");\n      const paddedDec = decPart.padEnd(decimalPlaces, \"0\");\n      formatted = `${intPart}.${paddedDec}`;\n    } else {\n      formatted = String(clamped);\n    }\n    return formatted;\n  };\n\n  const validateValue = (input: string): boolean => {\n    if (!input) return true;\n    if (customValidator && !customValidator(input)) {\n        onValidationError?.(\"Custom validation failed\");\n        return false;\n    }\n    if (isNumeric) {\n      const numValue = parseFloat(input);\n      if (isNaN(numValue)) {\n        onValidationError?.(\"Invalid number\");\n        return false;\n      }\n      if (!validateMin(numValue)) {\n        onValidationError?.(`Value must be ${min_operator} ${min}`);\n        return false;\n      }\n      if (!validateMax(numValue)) {\n        onValidationError?.(`Value must be ${max_operator} ${max}`);\n        return false;\n      }\n    }\n    if (maxLength && input.length > maxLength) {\n        onValidationError?.(`Maximum length is ${maxLength}`);\n        return false;\n    }\n    return true;\n  };\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (disabled) return;\n    const newValue = event.target.value;\n    let processedValue = newValue;\n\n    if (isNumeric) {\n      processedValue = sanitizeNumericInput(processedValue);\n    } else if (trimLeadingSpaces) {\n      processedValue = processedValue.replace(/^\\s+/, \"\");\n    }\n    if (maxLength && processedValue.length > maxLength) {\n      processedValue = processedValue.slice(0, maxLength);\n    }\n    setInternalValue(processedValue);\n    \n    // Create synthetic event if needed, but here we just pass value + event\n    onChange?.(processedValue, event);\n  };\n\n  const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    let finalValue = internalValue;\n    if (isNumeric && finalValue) {\n      finalValue = formatOnBlur(finalValue);\n      if (validateValue(finalValue)) {\n        setInternalValue(finalValue);\n        // We can't easily recreate a ChangeEvent here, so we might need to adjust the interface\n        // typically onBlur doesn't trigger onChange, but the legacy code did.\n        // For now, we will just call onChange if formatted value differs?\n        if (finalValue !== internalValue) {\n             onChange?.(finalValue);\n        }\n      }\n    }\n    onBlur?.(event);\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n     if (disabled || !isNumeric) return;\n     const key = event.key;\n     if (key === \"e\" || key === \"E\") { event.preventDefault(); return; }\n     if (key === \"-\" && !allowNegative) { event.preventDefault(); return; }\n     if (key === \"-\" && internalValue.includes(\"-\")) { event.preventDefault(); return; }\n     if (key === \".\") {\n        if (!allowDecimal || internalValue.includes(\".\")) { event.preventDefault(); return; }\n     }\n  };\n\n  const handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n    if (disabled) return;\n    event.preventDefault();\n    const pastedText = event.clipboardData.getData(\"text\");\n    const sanitized = isNumeric ? sanitizeNumericInput(pastedText) : pastedText;\n    const target = event.target as HTMLInputElement;\n    const start = target.selectionStart || 0;\n    const end = target.selectionEnd || 0;\n    const before = internalValue.slice(0, start);\n    const after = internalValue.slice(end);\n    const newValue = before + sanitized + after;\n    // We need to call handleChange logic\n    // We can manually call setInternalValue and onChange\n     let processedValue = newValue;\n    if (isNumeric) processedValue = sanitizeNumericInput(processedValue);\n    if (maxLength && processedValue.length > maxLength) processedValue = processedValue.slice(0, maxLength);\n    setInternalValue(processedValue);\n    onChange?.(processedValue);\n  };\n\n  return (\n    <Input\n      {...inputProps}\n      type={type}\n      value={internalValue}\n      onChange={handleChange}\n      onBlur={handleBlur}\n      onFocus={onFocus}\n      onKeyDown={handleKeyDown}\n      onPaste={handlePaste}\n      disabled={disabled}\n      ref={inputRef}\n      data-component=\"smart-input\"\n      data-numeric={isNumeric || undefined}\n      data-decimal-places={decimalPlaces}\n      data-min={min}\n      data-max={max}\n    />\n  );\n};\n\nexport { InputWrapper as SmartInput };\n"],"names":["InputWrapper","value","type","onChange","onBlur","onFocus","allowNegative","min","max","min_operator","max_operator","maxIntegerDigits","decimalPlaces","enforceDecimal","allowDecimal","maxLength","trimLeadingSpaces","customValidator","onValidationError","disabled","inputProps","internalValue","setInternalValue","useState","inputRef","useRef","isNumeric","useEffect","validateMin","val","validateMax","clampValue","clamped","minBound","maxBound","removeInvalidChars","input","allowedChars","fixDecimalPoints","parts","fixMinusSign","originalInput","fixed","limitDecimalPlaces","intPart","decPart","limitIntegerDigits","cleanIntPart","limitedInt","prefix","sanitizeNumericInput","sanitized","formatOnBlur","formatted","numValue","paddedDec","validateValue","jsx","Input","event","processedValue","finalValue","key","pastedText","target","start","end","before","after"],"mappings":"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"}

package/dist/components/ui/statistics-card.hooks.js

@@ -100,3 +100,4 @@ export {
   x as useStatisticsChartSeries,
   b as useStatisticsChartTooltip
 };
+//# sourceMappingURL=statistics-card.hooks.js.map

package/dist/components/ui/statistics-card.hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"statistics-card.hooks.js","sources":["impact-nova/src/components/ui/statistics-card.hooks.ts"],"sourcesContent":["import * as React from \"react\"\nimport type { StatisticsCardItem, StatisticsCardChartConfig } from \"./statistics-card\"\n\n/**\n * Hook: useStatisticsChartData\n * Extracts calculation logic for chart data\n * \n * Calculates:\n * - Total sum of all items\n * - Sum of checked items\n * - Whether any items are checked\n */\nexport const useStatisticsChartData = (items: StatisticsCardItem[]) => {\n  const total = React.useMemo(\n    () => items.reduce((sum, item) => sum + item.value, 0),\n    [items]\n  )\n\n  const checkedTotal = React.useMemo(\n    () => items.reduce((sum, item) => sum + (item.checked ? item.value : 0), 0),\n    [items]\n  )\n\n  const hasChecked = items.some((item) => item.checked)\n\n  return { total, checkedTotal, hasChecked }\n}\n\n/**\n * Helper: Fade color by reducing opacity\n * Converts hex color to rgba with reduced opacity\n */\nconst fadeColor = (hexColor: string, opacity: number = 0.4): string => {\n  const hex = hexColor.replace(\"#\", \"\")\n  const r = parseInt(hex.substring(0, 2), 16)\n  const g = parseInt(hex.substring(2, 4), 16)\n  const b = parseInt(hex.substring(4, 6), 16)\n  return `rgba(${r}, ${g}, ${b}, ${opacity})`\n}\n\n/**\n * Hook: useStatisticsChartSeries\n * Extracts chart series generation logic\n * \n * Generates pie chart data with:\n * - Item labels and values\n * - Dynamic coloring based on checked state\n * - Faded color (same color, lower opacity) for unchecked items when some are checked\n */\nexport const useStatisticsChartSeries = (\n  items: StatisticsCardItem[],\n  hasChecked: boolean\n) => {\n  return React.useMemo(\n    () => [\n      {\n        type: \"pie\" as const,\n        name: \"Statistics\",\n        innerSize: \"72%\",\n        data: items.map((item) => ({\n          name: item.label,\n          y: item.value,\n          color: hasChecked\n            ? item.checked\n              ? item.borderColor\n              : fadeColor(item.borderColor, 0.4)\n            : item.borderColor,\n        })),\n      },\n    ],\n    [items, hasChecked]\n  )\n}\n\n/**\n * Hook: useStatisticsChartLabel\n * Extracts chart center label logic\n * \n * Returns:\n * - Custom label if provided\n * - Checked total if any items are checked\n * - Total otherwise\n */\nexport const useStatisticsChartLabel = (\n  centerLabel: string | undefined,\n  hasChecked: boolean,\n  checkedTotal: number,\n  total: number\n) => {\n  return React.useMemo(\n    () => centerLabel ?? String(hasChecked ? checkedTotal : total),\n    [centerLabel, hasChecked, checkedTotal, total]\n  )\n}\n\n/**\n * Hook: useStatisticsChartTooltip\n * Extracts tooltip configuration logic\n * \n * Returns tooltip options for Highcharts with:\n * - Custom HTML formatting\n * - Color indicators\n * - Proper styling\n */\nexport const useStatisticsChartTooltip = () => {\n  return React.useMemo(\n    () => ({\n      enabled: true,\n      useHTML: true,\n      outside: true,\n      backgroundColor: \"#FFFFFF\",\n      borderWidth: 0,\n      borderRadius: 8,\n      shadow: true,\n      style: {\n        fontFamily: \"Manrope, sans-serif\",\n        fontSize: \"12px\",\n      },\n      formatter: function () {\n        const point = this as any\n        const color = point.color ?? \"#000\"\n        return `<div style=\"display:flex;align-items:center;gap:6px;padding:4px 8px;\">\n          <span style=\"width:8px;height:8px;border-radius:50%;background:${color};flex-shrink:0;display:inline-block;\"></span>\n          <span style=\"color:#0D152C;font-weight:500;white-space:nowrap;\">${point.key ?? point.name}</span>\n          <span style=\"color:#1F2B4D;font-weight:700;margin-left:4px;\">${point.y}</span>\n        </div>`\n      },\n    }),\n    []\n  )\n}\n\n/**\n * Hook: useStatisticsChartPlotOptions\n * Extracts chart plot options configuration\n * \n * Returns pie chart options with:\n * - Border and styling (customizable via chartConfig)\n * - Hover effects (customizable)\n * - Click event handling for slice interaction (customizable)\n */\nexport const useStatisticsChartPlotOptions = (\n  items: StatisticsCardItem[],\n  onItemToggle?: (index: number, checked: boolean) => void,\n  chartConfig?: StatisticsCardChartConfig\n) => {\n  // Default values\n  const borderWidth = chartConfig?.borderWidth ?? 2\n  const borderColor = chartConfig?.borderColor ?? \"#F8F9FB\"\n  const borderRadius = chartConfig?.borderRadius ?? 4\n  const enableHover = chartConfig?.enableHover ?? true\n  const enableClick = chartConfig?.enableClick ?? true\n\n  return React.useMemo(\n    () => ({\n      pie: {\n        borderWidth,\n        borderColor,\n        borderRadius,\n        dataLabels: { enabled: false },\n        showInLegend: false,\n        allowPointSelect: false, // Disable pull-out effect on click\n        states: { hover: { enabled: enableHover, brightness: 0.05 } },\n        // Handle slice click to toggle corresponding legend item\n        point: {\n          events: {\n            click: function (this: any) {\n              if (!enableClick) return\n              const pointName = this.name\n              const itemIndex = items.findIndex((item) => item.label === pointName)\n              if (itemIndex !== -1 && onItemToggle) {\n                onItemToggle(itemIndex, !items[itemIndex].checked)\n              }\n            },\n          },\n        },\n      },\n    }),\n    [items, onItemToggle, borderWidth, borderColor, borderRadius, enableHover, enableClick]\n  )\n}\n\n/**\n * Hook: useStatisticsChartOptions\n * Master hook that combines all chart configuration\n * \n * Returns complete Highcharts options object with:\n * - Chart spacing and margins\n * - Tooltip configuration\n * - Plot options with click handling\n * - Customizable chart behavior\n */\nexport const useStatisticsChartOptions = (\n  items: StatisticsCardItem[],\n  onItemToggle?: (index: number, checked: boolean) => void,\n  chartConfig?: StatisticsCardChartConfig\n) => {\n  const tooltip = useStatisticsChartTooltip()\n  const plotOptions = useStatisticsChartPlotOptions(items, onItemToggle, chartConfig)\n\n  return React.useMemo(\n    () => ({\n      chart: {\n        margin: [0, 0, 0, 0],\n        spacing: [0, 0, 0, 0],\n      },\n      tooltip,\n      plotOptions,\n    }),\n    [tooltip, plotOptions]\n  )\n}\n"],"names":["useStatisticsChartData","items","total","React","sum","item","checkedTotal","hasChecked","fadeColor","hexColor","opacity","hex","g","b","useStatisticsChartSeries","useStatisticsChartLabel","centerLabel","useStatisticsChartTooltip","point","useStatisticsChartPlotOptions","onItemToggle","chartConfig","borderWidth","borderColor","borderRadius","enableHover","enableClick","pointName","itemIndex","useStatisticsChartOptions","tooltip","plotOptions"],"mappings":"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"}

package/dist/components/ui/statistics-card.js

@@ -3,9 +3,9 @@ import * as n from "react";
 import { cn as c } from "../../lib/utils.js";
 import { Checkbox as T } from "./checkbox.js";
 import { Tooltip as R, TooltipTrigger as I, TooltipContent as D } from "./tooltip.js";
-import { Info as j } from "../../icons/index.js";
-import { Chart as B } from "./chart/chart.js";
-import { useStatisticsChartData as L, useStatisticsChartLabel as P, useStatisticsChartSeries as W, useStatisticsChartOptions as G } from "./statistics-card.hooks.js";
+import { Chart as j } from "./chart/chart.js";
+import { useStatisticsChartData as B, useStatisticsChartLabel as L, useStatisticsChartSeries as P, useStatisticsChartOptions as W } from "./statistics-card.hooks.js";
+import { Info as G } from "../../icons/generated/info.js";
 const N = n.createContext(null), y = () => {
   const a = n.useContext(N);
   if (!a)
@@ -89,14 +89,14 @@ const H = n.forwardRef(
 H.displayName = "StatisticsCardTitleText";
 const M = n.forwardRef(
   ({ content: a, icon: e, ...s }, t) => /* @__PURE__ */ r("div", { ref: t, ...s, children: /* @__PURE__ */ h(R, { children: [
-    /* @__PURE__ */ r(I, { asChild: !0, children: e || /* @__PURE__ */ r(j, { size: "sm", className: "text-[#60697D] cursor-pointer shrink-0" }) }),
+    /* @__PURE__ */ r(I, { asChild: !0, children: e || /* @__PURE__ */ r(G, { size: "sm", className: "text-[#60697D] cursor-pointer shrink-0" }) }),
     /* @__PURE__ */ r(D, { variant: "tertiary", side: "top", children: a })
   ] }) })
 );
 M.displayName = "StatisticsCardTitleTooltip";
 const q = n.forwardRef(
   ({ className: a, centerLabel: e, chartConfig: s, chartSize: t = 104, ...o }, l) => {
-    const { items: m, onItemToggle: d } = y(), { total: i, checkedTotal: p, hasChecked: f } = L(m), x = P(e, f, p, i), g = W(m, f), u = G(m, d, s), C = {
+    const { items: m, onItemToggle: d } = y(), { total: i, checkedTotal: p, hasChecked: f } = B(m), x = L(e, f, p, i), g = P(m, f), u = W(m, d, s), C = {
       ...u,
       chart: {
         ...u.chart,
@@ -122,7 +122,7 @@ const q = n.forwardRef(
         ...o,
         children: [
           /* @__PURE__ */ r(
-            B,
+            j,
             {
               options: C,
               height: t,
@@ -258,3 +258,4 @@ export {
   H as StatisticsCardTitleText,
   M as StatisticsCardTitleTooltip
 };
+//# sourceMappingURL=statistics-card.js.map

package/dist/components/ui/statistics-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"statistics-card.js","sources":["impact-nova/src/components/ui/statistics-card.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\nimport { Checkbox } from \"./checkbox\"\nimport { Tooltip, TooltipTrigger, TooltipContent } from \"./tooltip\"\nimport { Info } from \"@/icons\"\nimport { Chart } from \"./chart\"\nimport {\n  useStatisticsChartData,\n  useStatisticsChartSeries,\n  useStatisticsChartLabel,\n  useStatisticsChartOptions,\n} from \"./statistics-card.hooks\"\n\n\nexport interface StatisticsCardItem {\n  label: string\n  value: number\n  borderColor: string\n  checked?: boolean\n}\n\n// Configuration interface for customizing styling and behavior\nexport interface StatisticsCardConfig {\n  // Color customization\n  colors?: {\n    background?: string\n    text?: string\n    border?: string\n    outlineChecked?: string\n    unchecked?: string\n    tooltipBg?: string\n    tooltipBorder?: string\n  }\n  // Spacing customization\n  spacing?: {\n    rootWidth?: string\n    rootPadding?: string\n    rootGap?: string\n    legendWidth?: string\n    itemPadding?: string\n    itemGap?: string\n  }\n}\n\ninterface StatisticsCardContextValue {\n  items: StatisticsCardItem[]\n  onItemToggle?: (index: number, checked: boolean) => void\n  chartSize: number\n  config?: StatisticsCardConfig\n}\n\nconst StatisticsCardContext = React.createContext<StatisticsCardContextValue | null>(null)\n\nconst useStatisticsCardContext = () => {\n  const context = React.useContext(StatisticsCardContext)\n  if (!context) {\n    throw new Error(\"StatisticsCard.* components must be used within a StatisticsCardRoot\")\n  }\n  return context\n}\n\n\ninterface StatisticsCardRootProps<T = StatisticsCardItem> extends React.HTMLAttributes<HTMLDivElement> {\n  items: T[]\n  onItemToggle?: (index: number, checked: boolean) => void\n  chartSize?: number\n  config?: StatisticsCardConfig\n  // Mapping function to convert custom data to StatisticsCardItem\n  mapItem?: (item: T, index: number) => StatisticsCardItem\n}\n\nconst StatisticsCardRoot = React.forwardRef<HTMLDivElement, StatisticsCardRootProps>(\n  ({ className, items, onItemToggle, chartSize = 110, config, mapItem, children, ...props }, ref) => {\n    // Map custom data to StatisticsCardItem if mapItem is provided\n    const mappedItems = React.useMemo(\n      () => (mapItem ? items.map((item, index) => mapItem(item, index)) : (items as StatisticsCardItem[])),\n      [items, mapItem]\n    )\n\n    // Default styling\n    const defaultBg = \"#f8f9fb\"\n    const defaultPadding = \"px-5 py-4\"  // 20px 16px\n    const defaultGap = \"gap-4 md:gap-6 lg:gap-8\"  // Responsive gap: 16px mobile, 24px tablet, 32px desktop\n    const defaultWidth = \"w-full min-w-0 max-w-[439px]\"  // Responsive with max-width\n\n    // Get custom values or use defaults\n    const rootBg = config?.colors?.background || defaultBg\n    const rootPadding = config?.spacing?.rootPadding || defaultPadding\n    const rootGap = config?.spacing?.rootGap || defaultGap\n    const rootWidth = config?.spacing?.rootWidth || defaultWidth\n\n    return (\n      <StatisticsCardContext.Provider value={{ items: mappedItems, onItemToggle, chartSize, config }}>\n        <div\n          ref={ref}\n          role=\"region\"\n          aria-roledescription=\"statistics card\"\n          data-component=\"statistics-card\"\n          className={cn(\n            \"flex flex-row flex-wrap md:flex-nowrap items-center justify-between rounded-lg box-border min-w-0 overflow-hidden\",\n            rootWidth,\n            rootPadding,\n            rootGap,\n            className\n          )}\n          style={{\n            backgroundColor: rootBg,\n          }}\n          {...props}\n        >\n          {children}\n        </div>\n      </StatisticsCardContext.Provider>\n    )\n  }\n)\nStatisticsCardRoot.displayName = \"StatisticsCardRoot\"\n\n\nconst StatisticsCardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, children, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex flex-col items-start gap-4 flex-shrink-0 min-w-0\", className)}\n    {...props}\n  >\n    {children}\n  </div>\n))\nStatisticsCardHeader.displayName = \"StatisticsCardHeader\"\n\n\n// Title Container\nconst StatisticsCardTitle = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"flex flex-row items-center gap-1.5 min-w-0 max-w-[150px]\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n)\nStatisticsCardTitle.displayName = \"StatisticsCardTitle\"\n\n// Title Icon - optional icon with background\ninterface StatisticsCardTitleIconProps extends React.HTMLAttributes<HTMLDivElement> {\n  icon: React.ReactNode\n  className?: string\n}\n\nconst StatisticsCardTitleIcon = React.forwardRef<HTMLDivElement, StatisticsCardTitleIconProps>(\n  ({ icon, className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"flex items-center justify-center w-6 h-6 p-1.5 bg-[#ECEEFD] rounded-full shrink-0\", className)}\n      {...props}\n    >\n      {icon}\n    </div>\n  )\n)\nStatisticsCardTitleIcon.displayName = \"StatisticsCardTitleIcon\"\n\n// Title Text - the title text itself\nconst StatisticsCardTitleText = React.forwardRef<HTMLSpanElement, React.HTMLAttributes<HTMLSpanElement>>(\n  ({ className, children, ...props }, ref) => (\n    <span\n      ref={ref}\n      className={cn(\"font-semibold text-base leading-[1.5em] text-[#777980] truncate line-clamp-1\", className)}\n      {...props}\n    >\n      {children}\n    </span>\n  )\n)\nStatisticsCardTitleText.displayName = \"StatisticsCardTitleText\"\n\n// Title Tooltip - optional tooltip\ninterface StatisticsCardTitleTooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n  content: string\n  icon?: React.ReactNode\n}\n\nconst StatisticsCardTitleTooltip = React.forwardRef<HTMLDivElement, StatisticsCardTitleTooltipProps>(\n  ({ content, icon, ...props }, ref) => (\n    <div ref={ref} {...props}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          {icon || <Info size=\"sm\" className=\"text-[#60697D] cursor-pointer shrink-0\" />}\n        </TooltipTrigger>\n        <TooltipContent variant=\"tertiary\" side=\"top\">\n          {content}\n        </TooltipContent>\n      </Tooltip>\n    </div>\n  )\n)\nStatisticsCardTitleTooltip.displayName = \"StatisticsCardTitleTooltip\"\n\n\n// Chart configuration interface for customizing chart behavior\nexport interface StatisticsCardChartConfig {\n  // Chart type and structure\n  type?: \"pie\" | \"donut\"\n  name?: string\n  innerSize?: string | number\n  \n  // Colors\n  uncheckedColor?: string\n  borderColor?: string\n  borderWidth?: number\n  \n  // Styling\n  borderRadius?: number\n  \n  // Behavior\n  enableHover?: boolean\n  enableClick?: boolean\n}\n\ninterface StatisticsCardChartProps extends React.HTMLAttributes<HTMLDivElement> {\n  centerLabel?: string\n  chartConfig?: StatisticsCardChartConfig\n  chartSize?: number\n  className?: string\n}\n\nconst StatisticsCardChart = React.forwardRef<HTMLDivElement, StatisticsCardChartProps>(\n  ({ className, centerLabel, chartConfig, chartSize = 104, ...props }, ref) => {\n    const { items, onItemToggle } = useStatisticsCardContext()\n\n    // Extract calculation logic into hooks\n    const { total, checkedTotal, hasChecked } = useStatisticsChartData(items)\n    const chartLabel = useStatisticsChartLabel(centerLabel, hasChecked, checkedTotal, total)\n    const chartSeries = useStatisticsChartSeries(items, hasChecked)\n    const chartBaseOptions = useStatisticsChartOptions(items, onItemToggle, chartConfig)\n\n    // Merge base options with chart-specific settings\n    const chartOptions = {\n      ...chartBaseOptions,\n      chart: {\n        ...chartBaseOptions.chart,\n        type: \"pie\" as const,\n        height: chartSize,\n        width: chartSize,\n        margin: [0, 0, 0, 0],\n        spacing: [0, 0, 0, 0],\n        backgroundColor: \"transparent\",\n      },\n      title: { text: \"\" },\n      credits: { enabled: false },\n      exporting: { enabled: false },\n      navigation: { buttonOptions: { enabled: false } },\n      series: chartSeries,\n    }\n\n    return (\n      <div \n        ref={ref} \n        className={cn(\"relative flex items-center justify-center flex-shrink-0\", className)} \n        style={{ width: `${chartSize}px`, height: `${chartSize}px` }}\n        {...props}\n      >\n        <Chart\n          options={chartOptions}\n          height={chartSize}\n          width={chartSize}\n          noWrapper\n        />\n        {chartLabel && (\n          <div className=\"absolute inset-0 flex items-center justify-center pointer-events-none\">\n            <span className=\"font-black text-[12px] leading-[9.536px] text-[#1F2B4D]\">{chartLabel}</span>\n          </div>\n        )}\n      </div>\n    )\n  }\n)\nStatisticsCardChart.displayName = \"StatisticsCardChart\"\n\n\nconst StatisticsCardLegend = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, children, ...props }, ref) => {\n  const { config } = useStatisticsCardContext()\n  \n  // Default styling - responsive width, allows shrinking on medium screens\n  const defaultWidth = \"w-full md:w-auto md:min-w-[190px] md:max-w-[208px]\"\n  const defaultGap = \"gap-2\"  // 8px\n  \n  // Get custom values or use defaults\n  const legendWidth = config?.spacing?.legendWidth || defaultWidth\n  const legendGap = config?.spacing?.itemGap || defaultGap\n\n  return (\n    <div\n      ref={ref}\n      role=\"list\"\n      className={cn(\n        \"flex flex-col justify-center min-w-0 flex-1 md:flex-none\",\n        legendWidth,\n        legendGap,\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n})\nStatisticsCardLegend.displayName = \"StatisticsCardLegend\"\n\n\ninterface StatisticsCardLegendItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  // Support both old index-based API (deprecated) and new item-based API\n  index?: number\n  item?: StatisticsCardItem\n}\n\nconst StatisticsCardLegendItem = React.forwardRef<HTMLDivElement, StatisticsCardLegendItemProps>(\n  ({ className, index, item: itemProp, ...props }, ref) => {\n    const { items, onItemToggle, config } = useStatisticsCardContext()\n    \n    // Support both APIs: prefer item prop, fall back to index\n    let item = itemProp\n    let itemIndex = -1\n    \n    if (!item && index !== undefined) {\n      // Deprecated: index-based API\n      item = items[index]\n      itemIndex = index\n    } else if (item) {\n      // New: item-based API - find index for onItemToggle\n      itemIndex = items.findIndex((i) => i === item)\n    }\n\n    if (!item || itemIndex === -1) return null\n\n    // Default styling - from Figma design\n    const defaultBg = \"bg-white\"\n    const defaultShadow = \"shadow-[0px_0px_4px_0px_rgba(0,0,0,0.12)]\"\n    const defaultPadding = \"px-3 py-1.5\"  // 6px 12px from Figma\n    const defaultOutlineColor = \"#E7CDF9\"\n    const defaultTextColor = \"#0D152C\"  // From Figma\n\n    // Get custom values or use defaults\n    const itemBg = config?.colors?.background || defaultBg\n    const itemPadding = config?.spacing?.itemPadding || defaultPadding\n    const outlineColor = config?.colors?.outlineChecked || defaultOutlineColor\n    const textColor = config?.colors?.text || defaultTextColor\n\n    return (\n      <div\n        ref={ref}\n        role=\"listitem\"\n        aria-label={`${item.label}: ${item.value}`}\n        className={cn(\n          \"flex flex-row items-center gap-2 rounded-md border-l-2 transition-all\",\n          itemBg,\n          itemPadding,\n          className\n        )}\n        style={{\n          borderLeftColor: item.borderColor,\n          boxShadow: item.checked \n            ? `0 0 0 3px ${item.borderColor}`\n            : \"0px 0px 4px 0px rgba(0,0,0,0.12)\",\n          \"--item-color\": item.borderColor,\n        } as React.CSSProperties}\n        {...props}\n      >\n        <div className=\"flex flex-row items-center gap-2 flex-1 min-w-0\">\n          <Checkbox\n            checked={item.checked ?? false}\n            onCheckedChange={(checked) =>\n              onItemToggle?.(itemIndex, checked === true)\n            }\n            aria-label={`Select ${item.label}`}\n            className=\"shrink-0\"\n          />\n          <span className=\"flex-1 font-medium text-xs leading-[1.25em] truncate\" style={{ color: textColor }}>\n            {item.label}\n          </span>\n        </div>\n        <span \n          className=\"shrink-0 font-semibold text-sm leading-[1.5em] text-right min-w-[27px] text-[#1F2B4D]\"\n        >\n          {item.value}\n        </span>\n      </div>\n    )\n  }\n)\nStatisticsCardLegendItem.displayName = \"StatisticsCardLegendItem\"\n\n\n// Summary Container - holds multiple summary items\nconst StatisticsCardSummary = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"flex flex-wrap items-center gap-3 self-center text-[11px] font-medium text-[#60697D]\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n)\nStatisticsCardSummary.displayName = \"StatisticsCardSummary\"\n\n// Summary Item - individual summary stat\ninterface StatisticsCardSummaryItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  label: string\n  count: number | string | React.ReactNode\n  color?: string\n}\n\nconst StatisticsCardSummaryItem = React.forwardRef<HTMLDivElement, StatisticsCardSummaryItemProps>(\n  ({ className, label, count, color = \"#60697D\", ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"flex items-center gap-1\", className)}\n      style={{ \"--summary-color\": color } as React.CSSProperties}\n      {...props}\n    >\n      <span \n        className=\"w-1.5 h-1.5 rounded-full shrink-0 bg-[var(--summary-color)]\" \n      />\n      <span>{label}: {count}</span>\n    </div>\n  )\n)\nStatisticsCardSummaryItem.displayName = \"StatisticsCardSummaryItem\"\n\n\nexport {\n  StatisticsCardRoot,\n  StatisticsCardHeader,\n  StatisticsCardTitle,\n  StatisticsCardTitleIcon,\n  StatisticsCardTitleText,\n  StatisticsCardTitleTooltip,\n  StatisticsCardChart,\n  StatisticsCardLegend,\n  StatisticsCardLegendItem,\n  StatisticsCardSummary,\n  StatisticsCardSummaryItem,\n}\n\nexport type { \n  StatisticsCardRootProps, \n  StatisticsCardTitleIconProps,\n  StatisticsCardTitleTooltipProps,\n  StatisticsCardChartProps, \n  StatisticsCardLegendItemProps, \n  StatisticsCardSummaryItemProps \n}\n"],"names":["StatisticsCardContext","React","useStatisticsCardContext","context","StatisticsCardRoot","className","items","onItemToggle","chartSize","config","mapItem","children","props","ref","mappedItems","item","index","defaultBg","defaultPadding","defaultGap","defaultWidth","rootBg","rootPadding","rootGap","rootWidth","jsx","cn","StatisticsCardHeader","StatisticsCardTitle","StatisticsCardTitleIcon","icon","StatisticsCardTitleText","StatisticsCardTitleTooltip","content","Tooltip","TooltipTrigger","Info","TooltipContent","StatisticsCardChart","centerLabel","chartConfig","total","checkedTotal","hasChecked","useStatisticsChartData","chartLabel","useStatisticsChartLabel","chartSeries","useStatisticsChartSeries","chartBaseOptions","useStatisticsChartOptions","chartOptions","jsxs","Chart","StatisticsCardLegend","legendWidth","legendGap","StatisticsCardLegendItem","itemProp","itemIndex","i","defaultOutlineColor","defaultTextColor","itemBg","itemPadding","textColor","Checkbox","checked","StatisticsCardSummary","StatisticsCardSummaryItem","label","count","color"],"mappings":";;;;;;;;AAmDA,MAAMA,IAAwBC,EAAM,cAAiD,IAAI,GAEnFC,IAA2B,MAAM;AACrC,QAAMC,IAAUF,EAAM,WAAWD,CAAqB;AACtD,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,sEAAsE;AAExF,SAAOA;AACT,GAYMC,IAAqBH,EAAM;AAAA,EAC/B,CAAC,EAAE,WAAAI,GAAW,OAAAC,GAAO,cAAAC,GAAc,WAAAC,IAAY,KAAK,QAAAC,GAAQ,SAAAC,GAAS,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAAQ;AAEjG,UAAMC,IAAcb,EAAM;AAAA,MACxB,MAAOS,IAAUJ,EAAM,IAAI,CAACS,GAAMC,MAAUN,EAAQK,GAAMC,CAAK,CAAC,IAAKV;AAAA,MACrE,CAACA,GAAOI,CAAO;AAAA,IAAA,GAIXO,IAAY,WACZC,IAAiB,aACjBC,IAAa,2BACbC,IAAe,gCAGfC,IAASZ,GAAQ,QAAQ,cAAcQ,GACvCK,IAAcb,GAAQ,SAAS,eAAeS,GAC9CK,IAAUd,GAAQ,SAAS,WAAWU,GACtCK,IAAYf,GAAQ,SAAS,aAAaW;AAEhD,WACE,gBAAAK,EAACzB,EAAsB,UAAtB,EAA+B,OAAO,EAAE,OAAOc,GAAa,cAAAP,GAAc,WAAAC,GAAW,QAAAC,EAAA,GACpF,UAAA,gBAAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAZ;AAAA,QACA,MAAK;AAAA,QACL,wBAAqB;AAAA,QACrB,kBAAe;AAAA,QACf,WAAWa;AAAA,UACT;AAAA,UACAF;AAAA,UACAF;AAAA,UACAC;AAAA,UACAlB;AAAA,QAAA;AAAA,QAEF,OAAO;AAAA,UACL,iBAAiBgB;AAAA,QAAA;AAAA,QAElB,GAAGT;AAAA,QAEH,UAAAD;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EAEJ;AACF;AACAP,EAAmB,cAAc;AAGjC,MAAMuB,IAAuB1B,EAAM,WAGjC,CAAC,EAAE,WAAAI,GAAW,UAAAM,GAAU,GAAGC,KAASC,MACpC,gBAAAY;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAZ;AAAA,IACA,WAAWa,EAAG,yDAAyDrB,CAAS;AAAA,IAC/E,GAAGO;AAAA,IAEH,UAAAD;AAAA,EAAA;AACH,CACD;AACDgB,EAAqB,cAAc;AAInC,MAAMC,IAAsB3B,EAAM;AAAA,EAChC,CAAC,EAAE,WAAAI,GAAW,UAAAM,GAAU,GAAGC,EAAA,GAASC,MAClC,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAZ;AAAA,MACA,WAAWa,EAAG,4DAA4DrB,CAAS;AAAA,MAClF,GAAGO;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AACAiB,EAAoB,cAAc;AAQlC,MAAMC,IAA0B5B,EAAM;AAAA,EACpC,CAAC,EAAE,MAAA6B,GAAM,WAAAzB,GAAW,GAAGO,EAAA,GAASC,MAC9B,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAZ;AAAA,MACA,WAAWa,EAAG,qFAAqFrB,CAAS;AAAA,MAC3G,GAAGO;AAAA,MAEH,UAAAkB;AAAA,IAAA;AAAA,EAAA;AAGP;AACAD,EAAwB,cAAc;AAGtC,MAAME,IAA0B9B,EAAM;AAAA,EACpC,CAAC,EAAE,WAAAI,GAAW,UAAAM,GAAU,GAAGC,EAAA,GAASC,MAClC,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAZ;AAAA,MACA,WAAWa,EAAG,gFAAgFrB,CAAS;AAAA,MACtG,GAAGO;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AACAoB,EAAwB,cAAc;AAQtC,MAAMC,IAA6B/B,EAAM;AAAA,EACvC,CAAC,EAAE,SAAAgC,GAAS,MAAAH,GAAM,GAAGlB,EAAA,GAASC,MAC5B,gBAAAY,EAAC,OAAA,EAAI,KAAAZ,GAAW,GAAGD,GACjB,4BAACsB,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAT,EAACU,GAAA,EAAe,SAAO,IACpB,UAAAL,KAAQ,gBAAAL,EAACW,KAAK,MAAK,MAAK,WAAU,yCAAA,CAAyC,EAAA,CAC9E;AAAA,sBACCC,GAAA,EAAe,SAAQ,YAAW,MAAK,OACrC,UAAAJ,EAAA,CACH;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;AACAD,EAA2B,cAAc;AA8BzC,MAAMM,IAAsBrC,EAAM;AAAA,EAChC,CAAC,EAAE,WAAAI,GAAW,aAAAkC,GAAa,aAAAC,GAAa,WAAAhC,IAAY,KAAK,GAAGI,EAAA,GAASC,MAAQ;AAC3E,UAAM,EAAE,OAAAP,GAAO,cAAAC,EAAA,IAAiBL,EAAA,GAG1B,EAAE,OAAAuC,GAAO,cAAAC,GAAc,YAAAC,EAAA,IAAeC,EAAuBtC,CAAK,GAClEuC,IAAaC,EAAwBP,GAAaI,GAAYD,GAAcD,CAAK,GACjFM,IAAcC,EAAyB1C,GAAOqC,CAAU,GACxDM,IAAmBC,EAA0B5C,GAAOC,GAAciC,CAAW,GAG7EW,IAAe;AAAA,MACnB,GAAGF;AAAA,MACH,OAAO;AAAA,QACL,GAAGA,EAAiB;AAAA,QACpB,MAAM;AAAA,QACN,QAAQzC;AAAA,QACR,OAAOA;AAAA,QACP,QAAQ,CAAC,GAAG,GAAG,GAAG,CAAC;AAAA,QACnB,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC;AAAA,QACpB,iBAAiB;AAAA,MAAA;AAAA,MAEnB,OAAO,EAAE,MAAM,GAAA;AAAA,MACf,SAAS,EAAE,SAAS,GAAA;AAAA,MACpB,WAAW,EAAE,SAAS,GAAA;AAAA,MACtB,YAAY,EAAE,eAAe,EAAE,SAAS,KAAM;AAAA,MAC9C,QAAQuC;AAAA,IAAA;AAGV,WACE,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAvC;AAAA,QACA,WAAWa,EAAG,2DAA2DrB,CAAS;AAAA,QAClF,OAAO,EAAE,OAAO,GAAGG,CAAS,MAAM,QAAQ,GAAGA,CAAS,KAAA;AAAA,QACrD,GAAGI;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAa;AAAA,YAAC4B;AAAA,YAAA;AAAA,cACC,SAASF;AAAA,cACT,QAAQ3C;AAAA,cACR,OAAOA;AAAA,cACP,WAAS;AAAA,YAAA;AAAA,UAAA;AAAA,UAEVqC,KACC,gBAAApB,EAAC,OAAA,EAAI,WAAU,yEACb,4BAAC,QAAA,EAAK,WAAU,2DAA2D,UAAAoB,EAAA,CAAW,EAAA,CACxF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AACAP,EAAoB,cAAc;AAGlC,MAAMgB,IAAuBrD,EAAM,WAGjC,CAAC,EAAE,WAAAI,GAAW,UAAAM,GAAU,GAAGC,EAAA,GAASC,MAAQ;AAC5C,QAAM,EAAE,QAAAJ,EAAA,IAAWP,EAAA,GAGbkB,IAAe,sDACfD,IAAa,SAGboC,IAAc9C,GAAQ,SAAS,eAAeW,GAC9CoC,IAAY/C,GAAQ,SAAS,WAAWU;AAE9C,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAZ;AAAA,MACA,MAAK;AAAA,MACL,WAAWa;AAAA,QACT;AAAA,QACA6B;AAAA,QACAC;AAAA,QACAnD;AAAA,MAAA;AAAA,MAED,GAAGO;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AACD2C,EAAqB,cAAc;AASnC,MAAMG,IAA2BxD,EAAM;AAAA,EACrC,CAAC,EAAE,WAAAI,GAAW,OAAAW,GAAO,MAAM0C,GAAU,GAAG9C,EAAA,GAASC,MAAQ;AACvD,UAAM,EAAE,OAAAP,GAAO,cAAAC,GAAc,QAAAE,EAAA,IAAWP,EAAA;AAGxC,QAAIa,IAAO2C,GACPC,IAAY;AAWhB,QATI,CAAC5C,KAAQC,MAAU,UAErBD,IAAOT,EAAMU,CAAK,GAClB2C,IAAY3C,KACHD,MAET4C,IAAYrD,EAAM,UAAU,CAACsD,MAAMA,MAAM7C,CAAI,IAG3C,CAACA,KAAQ4C,MAAc,GAAI,QAAO;AAGtC,UAAM1C,IAAY,YAEZC,IAAiB,eACjB2C,IAAsB,WACtBC,IAAmB,WAGnBC,IAAStD,GAAQ,QAAQ,cAAcQ,GACvC+C,IAAcvD,GAAQ,SAAS,eAAeS;AAC/B,IAAAT,GAAQ,QAAQ;AACrC,UAAMwD,IAAYxD,GAAQ,QAAQ,QAAQqD;AAE1C,WACE,gBAAAV;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAvC;AAAA,QACA,MAAK;AAAA,QACL,cAAY,GAAGE,EAAK,KAAK,KAAKA,EAAK,KAAK;AAAA,QACxC,WAAWW;AAAA,UACT;AAAA,UACAqC;AAAA,UACAC;AAAA,UACA3D;AAAA,QAAA;AAAA,QAEF,OAAO;AAAA,UACL,iBAAiBU,EAAK;AAAA,UACtB,WAAWA,EAAK,UACZ,aAAaA,EAAK,WAAW,KAC7B;AAAA,UACJ,gBAAgBA,EAAK;AAAA,QAAA;AAAA,QAEtB,GAAGH;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAwC,EAAC,OAAA,EAAI,WAAU,mDACb,UAAA;AAAA,YAAA,gBAAA3B;AAAA,cAACyC;AAAA,cAAA;AAAA,gBACC,SAASnD,EAAK,WAAW;AAAA,gBACzB,iBAAiB,CAACoD,MAChB5D,IAAeoD,GAAWQ,MAAY,EAAI;AAAA,gBAE5C,cAAY,UAAUpD,EAAK,KAAK;AAAA,gBAChC,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,YAEZ,gBAAAU,EAAC,QAAA,EAAK,WAAU,wDAAuD,OAAO,EAAE,OAAOwC,EAAA,GACpF,UAAAlD,EAAK,MAAA,CACR;AAAA,UAAA,GACF;AAAA,UACA,gBAAAU;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cAET,UAAAV,EAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AACA0C,EAAyB,cAAc;AAIvC,MAAMW,IAAwBnE,EAAM;AAAA,EAClC,CAAC,EAAE,WAAAI,GAAW,UAAAM,GAAU,GAAGC,EAAA,GAASC,MAClC,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAZ;AAAA,MACA,WAAWa,EAAG,wFAAwFrB,CAAS;AAAA,MAC9G,GAAGO;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AACAyD,EAAsB,cAAc;AASpC,MAAMC,IAA4BpE,EAAM;AAAA,EACtC,CAAC,EAAE,WAAAI,GAAW,OAAAiE,GAAO,OAAAC,GAAO,OAAAC,IAAQ,WAAW,GAAG5D,KAASC,MACzD,gBAAAuC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAvC;AAAA,MACA,WAAWa,EAAG,2BAA2BrB,CAAS;AAAA,MAClD,OAAO,EAAE,mBAAmBmE,EAAA;AAAA,MAC3B,GAAG5D;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAa;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,0BAEX,QAAA,EAAM,UAAA;AAAA,UAAA6C;AAAA,UAAM;AAAA,UAAGC;AAAA,QAAA,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5B;AACAF,EAA0B,cAAc;"}

package/dist/components/ui/stepper.js

@@ -151,3 +151,4 @@ export {
   I as stepVariants,
   j as stepperVariants
 };
+//# sourceMappingURL=stepper.js.map

package/dist/components/ui/stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.js","sources":["impact-nova/src/components/ui/stepper.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Check } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { useImpactNovaI18n } from \"@/i18n\"\n\nconst stepperVariants = cva(\"flex w-full gap-0\", {\n  variants: {\n    orientation: {\n      horizontal: \"flex-row items-center\",\n      vertical: \"flex-col items-stretch\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n})\n\nconst stepVariants = cva(\n  \"relative flex items-center transition-all duration-200\",\n  {\n    variants: {\n      orientation: {\n        horizontal: \"h-[44px] px-3 rounded-lg border-b-2 bg-canvas-elevated shadow-elevation-card flex-none\",\n        vertical: \"w-full py-4 px-3 mb-2 rounded-lg border-none\",\n      },\n      status: {\n        default: \"\",\n        active: \"\",\n        completed: \"\",\n      },\n    },\n    compoundVariants: [\n      // Horizontal Orientation Status\n      {\n        orientation: \"horizontal\",\n        status: \"active\",\n        className: \"border-brand after:absolute after:bottom-[-9.5px] after:left-[18px] after:h-0 after:w-0 after:border-l-[6.5px] after:border-r-[6.5px] after:border-t-[10px] after:border-l-transparent after:border-r-transparent after:border-t-brand after:content-['']\",\n      },\n      {\n        orientation: \"horizontal\",\n        status: \"completed\",\n        className: \"border-success\",\n      },\n      {\n        orientation: \"horizontal\",\n        status: \"default\",\n        className: \"border-stroke-hairline\",\n      },\n      // Vertical Orientation Status\n      {\n        orientation: \"vertical\",\n        status: \"active\",\n        className: \"bg-canvas-tint before:absolute before:left-[-8px] before:top-1/2 before:h-8 before:w-[4px] before:-translate-y-1/2 before:bg-brand before:rounded-full before:content-['']\",\n      },\n      {\n        orientation: \"vertical\",\n        status: \"completed\",\n        className: \"bg-feedback-success-surface\",\n      },\n      {\n        orientation: \"vertical\",\n        status: \"default\",\n        className: \"bg-secondary\",\n      },\n    ],\n    defaultVariants: {\n      orientation: \"horizontal\",\n      status: \"default\",\n    },\n  }\n)\n\nconst iconVariants = cva(\n  \"flex h-6 w-6 shrink-0 items-center justify-center rounded-[8px] text-xs font-extrabold transition-all\",\n  {\n    variants: {\n      status: {\n        default: \"bg-muted text-navigation-muted\",\n        active: \"bg-brand text-brand-foreground\",\n        completed: \"bg-success text-success-foreground\",\n      },\n    },\n    defaultVariants: {\n      status: \"default\",\n    },\n  }\n)\n\nexport interface StepItem {\n  label: string\n  description?: string\n  icon?: React.ReactNode\n  disabled?: boolean\n}\n\nexport interface StepperProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof stepperVariants> {\n  currentStep: number\n  steps: (string | StepItem)[]\n  onStepClick?: (index: number) => void\n}\n\nconst Stepper = React.forwardRef<HTMLDivElement, StepperProps>(\n  ({ className, currentStep, steps, orientation = \"horizontal\", onStepClick, ...props }, ref) => {\n    const { t } = useImpactNovaI18n();\n    const totalSteps = steps.length;\n\n    return (\n      <div\n        ref={ref}\n        className={cn(stepperVariants({ orientation }), className)}\n        data-orientation={orientation}\n        role=\"list\"\n        {...props}\n      >\n        {steps.map((step, index) => {\n          const stepItem = typeof step === \"string\" ? { label: step } : step\n          const stepNumber = index + 1\n          const isActive = stepNumber === currentStep\n          const isCompleted = stepNumber < currentStep\n          const isDisabled = stepItem.disabled\n          const status = isCompleted ? \"completed\" : isActive ? \"active\" : \"default\"\n          const stepAriaLabel = t('stepper.stepOfTotal', { current: stepNumber, total: totalSteps });\n\n          return (\n            <React.Fragment key={index}>\n              <div \n                role=\"listitem\"\n                onClick={() => !isDisabled && onStepClick?.(index)}\n                aria-label={stepAriaLabel}\n                aria-current={isActive ? \"step\" : undefined}\n                tabIndex={onStepClick && !isDisabled ? 0 : undefined}\n                onKeyDown={onStepClick && !isDisabled ? (e) => { if (e.key === \"Enter\" || e.key === \" \") { e.preventDefault(); onStepClick(index); } } : undefined}\n                data-step={stepNumber}\n                data-status={status}\n                data-disabled={isDisabled || undefined}\n                className={cn(\n                  stepVariants({ orientation, status }),\n                  orientation === \"horizontal\" && \"min-w-[140px]\",\n                  isDisabled ? \"opacity-80 cursor-not-allowed\" : onStepClick ? \"cursor-pointer\" : \"cursor-default\"\n                )}\n              >\n                <div className={cn(iconVariants({ status }), \"mr-2\")}>\n                  {isCompleted ? (\n                    <Check className=\"h-4 w-4 stroke-[3px]\" />\n                  ) : (\n                    <span>{stepItem.icon || stepNumber}</span>\n                  )}\n                </div>\n                \n                <div className=\"flex flex-col justify-center overflow-hidden\">\n                  <div className={cn(\n                    \"text-[14px] leading-tight font-medium truncate max-w-[200px]\",\n                    status === \"completed\" ? \"text-success\" : \"text-content\",\n                    status === \"active\" && orientation === \"vertical\" ? \"text-brand\" : \"\"\n                  )}>\n                    {stepItem.label}\n                  </div>\n                  {stepItem.description && (\n                    <div className={cn(\n                      \"text-[12px] leading-tight mt-0.5 truncate max-w-[200px]\",\n                      status === \"completed\" ? \"text-success\" : \"text-content-muted\"\n                    )}>\n                      {stepItem.description}\n                    </div>\n                  )}\n                </div>\n              </div>\n\n              {index < steps.length - 1 && (\n                <div\n                  className={cn(\n                    \"border-t border-dashed border-stroke-hairline transition-colors\",\n                    orientation === \"horizontal\" ? \"flex-1 min-w-[24px] mx-1 self-center\" : \"h-6 w-0 border-l ml-[12px] my-[-4px]\",\n                  )}\n                />\n              )}\n            </React.Fragment>\n          )\n        })}\n      </div>\n    )\n  }\n)\nStepper.displayName = \"Stepper\"\n\nexport { Stepper, stepperVariants, stepVariants }\n\n"],"names":["stepperVariants","cva","stepVariants","iconVariants","Stepper","React","className","currentStep","steps","orientation","onStepClick","props","ref","t","useImpactNovaI18n","totalSteps","jsx","cn","step","index","stepItem","stepNumber","isActive","isCompleted","isDisabled","status","stepAriaLabel","jsxs","e","Check"],"mappings":"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"}

package/dist/components/ui/stories/ag-grid-cell-components.d.ts

@@ -0,0 +1,65 @@
+export declare const AG_GRID_CELL_COMPONENTS: {
+    readonly empty: {
+        (_props: import('ag-grid-community').ICellRendererParams): any;
+        displayName: string;
+    };
+    readonly badge: {
+        (props: import('../ag-grid-react/cell-renderers').BadgeCellRendererProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    readonly statusBadge: {
+        (props: import('../ag-grid-react/cell-renderers').StatusBadgeRendererProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    readonly actions: {
+        (props: import('../ag-grid-react/cell-renderers').ActionsCellRendererProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    readonly link: {
+        (props: import('../ag-grid-react/cell-renderers/link-with-batch-cell-renderer').LinkCellRendererProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    readonly split: {
+        (props: import('../ag-grid-react/cell-renderers').SplitCellRendererProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    readonly inputDisplay: {
+        (props: import('../ag-grid-react/cell-renderers').InputDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    readonly selectDisplay: {
+        (props: import('../ag-grid-react/cell-renderers').SelectDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    readonly checkboxDisplay: {
+        (props: import('../ag-grid-react/cell-renderers/checkbox-display-renderer').CheckboxDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    readonly switchDisplay: {
+        (props: import('../ag-grid-react/cell-renderers/switch-display-renderer').SwitchDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    readonly textareaDisplay: {
+        (props: import('../ag-grid-react/cell-renderers/textarea-display-renderer').TextAreaDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    readonly dateDisplay: {
+        (props: import('../ag-grid-react/cell-renderers/date-display-renderer').DateDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    readonly percentProgressDisplay: {
+        (props: import('../ag-grid-react/cell-renderers').PercentProgressDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    readonly inputEditor: import('react').NamedExoticComponent<import('../ag-grid-react/cell-renderers').InputCellEditorProps & import('react').RefAttributes<any>>;
+    readonly selectEditor: import('react').ForwardRefExoticComponent<import('../ag-grid-react/cell-renderers').SelectCellEditorProps & import('react').RefAttributes<unknown>>;
+    readonly textareaEditor: import('react').ForwardRefExoticComponent<import('../ag-grid-react/cell-renderers/editors/textarea-cell-editor').TextAreaCellEditorProps & import('react').RefAttributes<unknown>>;
+    readonly dateEditor: import('react').ForwardRefExoticComponent<import('../ag-grid-react/cell-renderers/editors/date-cell-editor').DateCellEditorProps & import('react').RefAttributes<unknown>>;
+    readonly splitEditor: import('react').ForwardRefExoticComponent<import('../ag-grid-react/cell-renderers').SplitCellEditorProps & import('react').RefAttributes<unknown>>;
+    readonly percentProgressEditor: import('react').NamedExoticComponent<import('../ag-grid-react/cell-renderers').PercentProgressCellEditorProps & import('react').RefAttributes<{
+        getValue: () => unknown;
+        isCancelBeforeStart: () => boolean;
+        isCancelAfterEnd: () => boolean;
+    }>>;
+};
+export type AgGridCellComponentKey = keyof typeof AG_GRID_CELL_COMPONENTS;

package/dist/components/ui/switch.js

@@ -27,3 +27,4 @@ r.displayName = e.Root.displayName;
 export {
   r as Switch
 };
+//# sourceMappingURL=switch.js.map

package/dist/components/ui/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sources":["impact-nova/src/components/ui/switch.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>\n>(({ className, ...props }, ref) => (\n  <SwitchPrimitives.Root\n    className={cn(\n      \"peer inline-flex h-[16px] w-[24px] shrink-0 cursor-pointer items-center rounded-full border transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-canvas disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-brand-tint data-[state=checked]:border-canvas-accordion data-[state=unchecked]:bg-canvas-elevated data-[state=unchecked]:border-canvas-tint\",\n      className\n    )}\n    {...props}\n    ref={ref}\n    data-component=\"switch-root\"\n  >\n    <SwitchPrimitives.Thumb\n      className={cn(\n        \"pointer-events-none block h-[10px] w-[10px] rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-[10px] data-[state=unchecked]:translate-x-[2px] data-[state=checked]:bg-brand data-[state=unchecked]:bg-stroke-field\"\n      )}\n      data-component=\"switch-thumb\"\n    />\n  </SwitchPrimitives.Root>\n))\nSwitch.displayName = SwitchPrimitives.Root.displayName\n\nexport { Switch }\n"],"names":["Switch","React","className","props","ref","jsx","SwitchPrimitives","cn"],"mappings":";;;;AAKA,MAAMA,IAASC,EAAM,WAGnB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAiB;AAAA,EAAjB;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IACJ,KAAAC;AAAA,IACA,kBAAe;AAAA,IAEf,UAAA,gBAAAC;AAAA,MAACC,EAAiB;AAAA,MAAjB;AAAA,QACC,WAAWC;AAAA,UACT;AAAA,QAAA;AAAA,QAEF,kBAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EACjB;AACF,CACD;AACDP,EAAO,cAAcM,EAAiB,KAAK;"}

package/dist/components/ui/tabs.js

@@ -136,3 +136,4 @@ export {
   F as TabsList,
   $ as TabsTrigger
 };
+//# sourceMappingURL=tabs.js.map

package/dist/components/ui/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sources":["impact-nova/src/components/ui/tabs.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\nimport { cn } from \"@/lib/utils\"\nimport { Tooltip, TooltipTrigger, TooltipContent } from \"./tooltip\"\n\nconst TabsContext = React.createContext<{ \n  variant?: \"line\" | \"pill\" | \"outline\" | \"box\",\n  size?: \"default\" | \"sm\",\n  activeValue?: string,\n  hideInactiveLabel?: boolean,\n  tooltipClassName?: string,\n  maxWords?: number\n}>({\n  variant: \"line\",\n  size: \"default\",\n})\n\nconst truncateWords = (text: string, count: number) => {\n  const words = text.split(/\\s+/)\n  if (words.length <= count) return text\n  return words.slice(0, count).join(\" \") + \"...\"\n}\n\nconst Tabs = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {\n    variant?: \"line\" | \"pill\" | \"outline\" | \"box\"\n    size?: \"default\" | \"sm\"\n    hideInactiveLabel?: boolean\n    tooltipClassName?: string\n    maxWords?: number\n  }\n>(({ variant = \"line\", size = \"default\", hideInactiveLabel = false, tooltipClassName, maxWords, value, defaultValue, onValueChange, ...props }, ref) => {\n  const [currentValue, setCurrentValue] = React.useState(value || defaultValue)\n\n  React.useEffect(() => {\n    if (value !== undefined) {\n      setCurrentValue(value)\n    }\n  }, [value])\n\n  const handleValueChange = (val: string) => {\n    if (value === undefined) {\n      setCurrentValue(val)\n    }\n    onValueChange?.(val)\n  }\n\n  return (\n    <TabsContext.Provider value={{ variant, size, activeValue: currentValue, hideInactiveLabel, tooltipClassName, maxWords }}>\n      <TabsPrimitive.Root \n        ref={ref} \n        value={value} \n        defaultValue={defaultValue} \n        onValueChange={handleValueChange} \n        data-component=\"tabs\"\n        data-variant={variant}\n        {...props} \n      />\n    </TabsContext.Provider>\n  )\n})\nTabs.displayName = TabsPrimitive.Root.displayName\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => {\n  const { variant } = React.useContext(TabsContext)\n  return (\n    <TabsPrimitive.List\n      ref={ref}\n      data-tabs=\"list\"\n      className={cn(\n        \"inline-flex items-center justify-center rounded-lg\",\n        variant === \"line\" && \"h-[38px] bg-canvas-elevated border w-full justify-start gap-2 px-2 shrink-0 py-0\",\n        variant === \"pill\" && \"h-[38px] p-1 bg-brand-tint text-brand gap-1\",\n        variant === \"outline\" && \"bg-transparent gap-2 w-full justify-start\",\n        variant === \"box\" && \"h-auto bg-transparent border-0 w-full justify-start gap-[16px] p-0 shrink-0\",\n        className\n      )}\n      style={{ overflow: 'visible' }}\n      {...props}\n    />\n  )\n})\nexport type ActiveColorConfig = {\n  text: string;\n  bg: string;\n  border: string;\n}\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & {\n    icon?: React.ReactNode\n    maxWords?: number\n    activeColor?: ActiveColorConfig\n  }\n>(({ className, icon, children, maxWords: customMaxWords, activeColor, style, ...props }, ref) => {\n  const { variant, size, activeValue, hideInactiveLabel, tooltipClassName, maxWords: contextMaxWords } = React.useContext(TabsContext)\n  const maxWords = customMaxWords ?? contextMaxWords\n  const isActive = activeValue === props.value\n\n  const isStringChildren = typeof children === \"string\"\n  const truncatedContent = isStringChildren && maxWords ? truncateWords(children as string, maxWords) : children\n  const isTruncated = isStringChildren && maxWords && (children as string).split(/\\s+/).length > maxWords\n\n  const showTooltip = (hideInactiveLabel && !isActive) || isTruncated\n  \n  // Resolve dynamic colors if activeColor hex is provided and variant is box\n  const mergedStyle = { ...style } as React.CSSProperties;\n  if (variant === 'box' && activeColor) {\n      mergedStyle['--tab-border' as any] = activeColor.border;\n      mergedStyle['--tab-bg' as any] = activeColor.bg;\n      mergedStyle['--tab-text' as any] = activeColor.text;\n      // Lighter hover variants using color-mix for subtle hover effect\n      mergedStyle['--tab-hover-border' as any] = `color-mix(in srgb, ${activeColor.border} 40%, transparent)`;\n      mergedStyle['--tab-hover-bg' as any] = `color-mix(in srgb, ${activeColor.bg} 50%, white)`;\n      mergedStyle['--tab-hover-text' as any] = `color-mix(in srgb, ${activeColor.text} 60%, var(--color-foreground-tertiary))`;\n  }\n\n  const content = variant === \"box\" ? (\n    <>\n      {children}\n      {isActive && (\n        <span \n          className=\"absolute -bottom-[5.5px] left-1/2 -translate-x-1/2 w-[11px] h-[11px] rotate-45 border-b border-r\"\n          style={{ backgroundColor: 'inherit', borderBottomColor: 'inherit', borderRightColor: 'inherit' }}\n        />\n      )}\n    </>\n  ) : (\n    <>\n      {icon && <span className={cn(\"h-4 w-4 shrink-0\", (!hideInactiveLabel || isActive) ? \"mr-2\" : \"mr-0\")}>{icon}</span>}\n      <span className={cn(hideInactiveLabel && !isActive && \"sr-only\")}>\n        {truncatedContent}\n      </span>\n    </>\n  )\n\n  return (\n    <TabsPrimitive.Trigger\n      ref={ref}\n      data-tabs=\"trigger\"\n      className={cn(\n        \"relative inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50\",\n        variant === \"line\" && [\n          \"h-full rounded-none border-b-2 border-transparent px-1 text-[13px] font-medium capitalize text-content-tertiary -mb-[1px]\",\n          \"data-[state=active]:border-brand data-[state=active]:text-brand data-[state=active]:shadow-none\",\n          \"hover:text-brand py-1.5 px-3\",\n        ],\n        variant === \"pill\" && [\n          \"rounded-md text-brand/70 text-[13px]\",\n          \"data-[state=active]:bg-canvas-elevated data-[state=active]:text-brand data-[state=active]:shadow-sm\",\n          \"py-1.5 px-3\",\n        ],\n        variant === \"outline\" && [\n           \"rounded-full border border-content-badge bg-canvas-elevated text-content-badge font-['Manrope']\",\n           \"hover:bg-canvas-muted hover:text-content\", \n           \"data-[state=active]:border-brand data-[state=active]:text-brand\",\n           size === \"sm\" ? \"h-[24px] px-[8px] py-[2px] text-xs\" : \"h-9 px-4 py-2\"\n        ],\n        variant === \"box\" && [\n          \"group flex flex-row items-center justify-between min-w-[231px] w-fit gap-4 min-h-[45px] h-auto py-2 px-[16px] rounded-[8px] bg-canvas-elevated text-content-tertiary transition-none overflow-visible\",\n          \"border border-stroke-field\",\n          \"text-[16px]\",\n          \"hover:border-[color:var(--tab-hover-border,var(--color-tab-hover-border))] hover:bg-[color:var(--tab-hover-bg,var(--color-tab-hover-surface))] hover:text-[color:var(--tab-hover-text,var(--color-tab-hover-foreground))]\",\n          \"data-[state=active]:border-[color:var(--tab-border,var(--color-tab-active-border))]\",\n          \"data-[state=active]:bg-[color:var(--tab-bg,var(--color-tab-active-surface))]\",\n          \"data-[state=active]:text-[color:var(--tab-text,var(--color-tab-active-foreground))]\",\n        ],\n        className\n      )}\n      style={mergedStyle}\n      {...props}\n    >\n      {showTooltip ? (\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <span className=\"inline-flex items-center justify-center h-full w-full\">\n              {content}\n            </span>\n          </TooltipTrigger>\n          <TooltipContent variant=\"tertiary\" className={tooltipClassName}>\n            {children}\n          </TooltipContent>\n        </Tooltip>\n      ) : content}\n    </TabsPrimitive.Trigger>\n  )\n})\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    data-tabs=\"content\"\n    tabIndex={-1}\n    className={cn(\n      \"mt-2 focus-visible:outline-none focus:outline-none\",\n      className\n    )}\n    {...props}\n  />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport const TabsImage = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & { \n    activeImage: React.ReactNode; \n    inactiveImage: React.ReactNode; \n  }\n>(({ className, activeImage, inactiveImage, ...props }, ref) => {\n  return (\n    <div ref={ref} className={cn(\"relative flex items-center justify-center shrink-0\", className)} {...props}>\n      <div className=\"flex group-data-[state=active]:hidden\">\n        {inactiveImage}\n      </div>\n      <div className=\"hidden group-data-[state=active]:flex\">\n        {activeImage}\n      </div>\n    </div>\n  )\n})\nTabsImage.displayName = \"TabsImage\"\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"names":["TabsContext","React","truncateWords","text","count","words","Tabs","variant","size","hideInactiveLabel","tooltipClassName","maxWords","value","defaultValue","onValueChange","props","ref","currentValue","setCurrentValue","handleValueChange","val","jsx","TabsPrimitive","TabsList","className","cn","TabsTrigger","icon","children","customMaxWords","activeColor","style","activeValue","contextMaxWords","isActive","isStringChildren","truncatedContent","isTruncated","showTooltip","mergedStyle","content","jsxs","Fragment","Tooltip","TooltipTrigger","TooltipContent","TabsContent","TabsImage","activeImage","inactiveImage"],"mappings":"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"}

package/dist/components/ui/tag-group.js

@@ -59,3 +59,4 @@ export {
   g as TagGroup,
   w as tagGroupVariants
 };
+//# sourceMappingURL=tag-group.js.map

package/dist/components/ui/tag-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-group.js","sources":["impact-nova/src/components/ui/tag-group.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Tag, type TagProps } from \"./tag\"\n\nconst tagGroupVariants = cva(\"flex\", {\n  variants: {\n    spacing: {\n      none: \"gap-0\",\n      sm: \"gap-1\",\n      md: \"gap-2\",\n      lg: \"gap-4\",\n    },\n    orientation: {\n      horizontal: \"flex-row\",\n      vertical: \"flex-col\",\n    },\n    wrap: {\n      wrap: \"flex-wrap\",\n      nowrap: \"flex-nowrap\",\n    },\n  },\n  defaultVariants: {\n    spacing: \"md\",\n    orientation: \"horizontal\",\n    wrap: \"nowrap\",\n  },\n})\n\nexport interface TagGroupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof tagGroupVariants> {\n  tags: Array<{\n    label: string\n    variant?: TagProps[\"variant\"]\n    size?: TagProps[\"size\"]\n    shape?: TagProps[\"shape\"]\n    leftIcon?: TagProps[\"leftIcon\"]\n    rightIcon?: TagProps[\"rightIcon\"]\n    removable?: TagProps[\"removable\"]\n    onRemove?: TagProps[\"onRemove\"]\n    className?: TagProps[\"className\"]\n  }>\n  asChild?: boolean\n}\n\nconst TagGroup = React.forwardRef<HTMLDivElement, TagGroupProps>(\n  ({ className, spacing, orientation, wrap, tags, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"div\"\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(tagGroupVariants({ spacing, orientation, wrap }), className)}\n        data-component=\"tag-group\"\n        data-spacing={spacing ?? \"md\"}\n        data-orientation={orientation ?? \"horizontal\"}\n        {...props}\n      >\n        {tags.map((tag, index) => (\n          <Tag\n            key={index}\n            variant={tag.variant}\n            size={tag.size}\n            shape={tag.shape}\n            leftIcon={tag.leftIcon}\n            rightIcon={tag.rightIcon}\n            removable={tag.removable}\n            onRemove={tag.onRemove}\n            className={tag.className}\n          >\n            {tag.label}\n          </Tag>\n        ))}\n      </Comp>\n    )\n  }\n)\nTagGroup.displayName = \"TagGroup\"\n\nexport { TagGroup, tagGroupVariants }\n\n"],"names":["tagGroupVariants","cva","TagGroup","React","className","spacing","orientation","wrap","tags","asChild","props","ref","jsx","Slot","cn","tag","index","Tag"],"mappings":";;;;;;AAOA,MAAMA,IAAmBC,EAAI,QAAQ;AAAA,EACnC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,IAEN,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,UAAU;AAAA,IAAA;AAAA,IAEZ,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,aAAa;AAAA,IACb,MAAM;AAAA,EAAA;AAEV,CAAC,GAmBKC,IAAWC,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,aAAAC,GAAa,MAAAC,GAAM,MAAAC,GAAM,SAAAC,IAAU,IAAO,GAAGC,EAAA,GAASC,MAIzE,gBAAAC;AAAA,IAHWH,IAAUI,IAAO;AAAA,IAG3B;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAGd,EAAiB,EAAE,SAAAK,GAAS,aAAAC,GAAa,MAAAC,EAAA,CAAM,GAAGH,CAAS;AAAA,MACzE,kBAAe;AAAA,MACf,gBAAcC,KAAW;AAAA,MACzB,oBAAkBC,KAAe;AAAA,MAChC,GAAGI;AAAA,MAEH,UAAAF,EAAK,IAAI,CAACO,GAAKC,MACd,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UAEC,SAASF,EAAI;AAAA,UACb,MAAMA,EAAI;AAAA,UACV,OAAOA,EAAI;AAAA,UACX,UAAUA,EAAI;AAAA,UACd,WAAWA,EAAI;AAAA,UACf,WAAWA,EAAI;AAAA,UACf,UAAUA,EAAI;AAAA,UACd,WAAWA,EAAI;AAAA,UAEd,UAAAA,EAAI;AAAA,QAAA;AAAA,QAVAC;AAAA,MAAA,CAYR;AAAA,IAAA;AAAA,EAAA;AAIT;AACAd,EAAS,cAAc;"}

package/dist/components/ui/tag.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const tagVariants: (props?: {
-    variant?: "default" | "secondary" | "tertiary" | "destructive" | "outline" | "ghost" | "info" | "warning" | "success" | "choice";
+    variant?: "default" | "info" | "secondary" | "tertiary" | "destructive" | "outline" | "ghost" | "warning" | "success" | "choice";
     size?: "sm" | "md" | "lg";
     shape?: "rounded" | "pill";
 } & import('class-variance-authority/types').ClassProp) => string;

package/dist/components/ui/tag.js

@@ -81,3 +81,4 @@ export {
   j as Tag,
   N as tagVariants
 };
+//# sourceMappingURL=tag.js.map

package/dist/components/ui/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.js","sources":["impact-nova/src/components/ui/tag.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { X } from \"lucide-react\"\nimport { Button } from \"./button\"\n\nimport { cn } from \"@/lib/utils\"\nimport { useImpactNovaI18n } from \"@/i18n\"\n\nconst tagVariants = cva(\n  \"inline-flex items-center justify-center rounded-full transition-colors whitespace-nowrap focus:outline-none focus:ring-2 focus:ring-focus-ring focus:ring-offset-2\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-brand text-brand-foreground hover:bg-brand/90\",\n        secondary: \"bg-accent text-content hover:bg-brand-tint-hover\",\n        outline: \"border border-stroke-accent bg-canvas-elevated text-content-tertiary hover:bg-canvas-muted\",\n        tertiary: \"bg-secondary text-content hover:bg-muted\",\n        ghost: \"bg-transparent text-content-tertiary hover:bg-muted\",\n        destructive: \"bg-destructive text-destructive-foreground hover:bg-destructive-hover\",\n        success: \"bg-feedback-success-surface text-success hover:bg-success/15 border border-success-border\",\n        warning: \"bg-feedback-warning-surface text-content hover:bg-warning/15 border border-warning-border\",\n        info: \"bg-brand-tint text-brand hover:bg-brand-tint-hover border border-stroke-accent\",\n        choice: \"bg-content/[0.08] text-content-tertiary border border-stroke-accent hover:bg-canvas-elevated hover:shadow-elevation-floating\",\n      },\n      size: {\n        sm: \"h-[22px] px-2 text-[12px] leading-[15px]\",\n        md: \"h-[24px] px-2.5 text-[14px] leading-[20px]\",\n        lg: \"h-[32px] px-3 text-[14px] font-medium leading-[18px]\",\n      },\n      shape: {\n        pill: \"rounded-full\",\n        rounded: \"rounded-md\", // 8px\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n      shape: \"pill\",\n    },\n  }\n)\n\nexport interface TagProps\n  extends React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof tagVariants> {\n  shape?: \"pill\" | \"rounded\"\n  leftIcon?: React.ReactNode\n  rightIcon?: React.ReactNode\n  removable?: boolean\n  onRemove?: () => void\n  asChild?: boolean\n}\n\nconst Tag = React.forwardRef<HTMLSpanElement, TagProps>(\n  ({ className, variant, size, shape, leftIcon, rightIcon, removable, onRemove, asChild = false, children, ...props }, ref) => {\n    const { t } = useImpactNovaI18n();\n    const Comp = asChild ? Slot : \"span\"\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(tagVariants({ variant, size, shape }), className)}\n        data-component=\"tag\"\n        data-variant={variant ?? \"default\"}\n        data-size={size ?? \"md\"}\n        data-shape={shape ?? \"pill\"}\n        {...props}\n      >\n        {leftIcon && <span className=\"mr-1.5 flex shrink-0 items-center justify-center\">{leftIcon}</span>}\n        {children}\n        {rightIcon && <span className=\"ml-1.5 flex shrink-0 items-center justify-center\">{rightIcon}</span>}\n        {removable && (\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon\"\n            aria-label={t('aria.remove')}\n            onClick={(e) => {\n              e.stopPropagation()\n              onRemove?.()\n            }}\n            className=\"ml-1.5 h-4 w-4 shrink-0 rounded-full hover:bg-content/10 transition-colors p-0 [&_svg]:size-3\"\n            data-component=\"tag-remove\"\n          >\n            <X />\n          </Button>\n        )}\n      </Comp>\n    )\n  }\n)\nTag.displayName = \"Tag\"\n\nexport { Tag, tagVariants }\n\n"],"names":["tagVariants","cva","Tag","React","className","variant","size","shape","leftIcon","rightIcon","removable","onRemove","asChild","children","props","ref","t","useImpactNovaI18n","jsxs","Slot","cn","jsx","Button","e","X"],"mappings":";;;;;;;;AAUA,MAAMA,IAAcC;AAAA,EAClB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,QACT,UAAU;AAAA,QACV,OAAO;AAAA,QACP,aAAa;AAAA,QACb,SAAS;AAAA,QACT,SAAS;AAAA,QACT,MAAM;AAAA,QACN,QAAQ;AAAA,MAAA;AAAA,MAEV,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,OAAO;AAAA,QACL,MAAM;AAAA,QACN,SAAS;AAAA;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAaMC,IAAMC,EAAM;AAAA,EAChB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,OAAAC,GAAO,UAAAC,GAAU,WAAAC,GAAW,WAAAC,GAAW,UAAAC,GAAU,SAAAC,IAAU,IAAO,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAAQ;AAC3H,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAGd,WACE,gBAAAC;AAAA,MAHWN,IAAUO,IAAO;AAAA,MAG3B;AAAA,QACC,KAAAJ;AAAA,QACA,WAAWK,EAAGpB,EAAY,EAAE,SAAAK,GAAS,MAAAC,GAAM,OAAAC,EAAA,CAAO,GAAGH,CAAS;AAAA,QAC9D,kBAAe;AAAA,QACf,gBAAcC,KAAW;AAAA,QACzB,aAAWC,KAAQ;AAAA,QACnB,cAAYC,KAAS;AAAA,QACpB,GAAGO;AAAA,QAEH,UAAA;AAAA,UAAAN,KAAY,gBAAAa,EAAC,QAAA,EAAK,WAAU,oDAAoD,UAAAb,GAAS;AAAA,UACzFK;AAAA,UACAJ,KAAa,gBAAAY,EAAC,QAAA,EAAK,WAAU,oDAAoD,UAAAZ,GAAU;AAAA,UAC3FC,KACC,gBAAAW;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,cAAYN,EAAE,aAAa;AAAA,cAC3B,SAAS,CAACO,MAAM;AACd,gBAAAA,EAAE,gBAAA,GACFZ,IAAA;AAAA,cACF;AAAA,cACA,WAAU;AAAA,cACV,kBAAe;AAAA,cAEf,4BAACa,GAAA,CAAA,CAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QACL;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AACAtB,EAAI,cAAc;"}

package/dist/components/ui/textarea.js

@@ -1,8 +1,8 @@
 import { jsxs as e, jsx as t, Fragment as y } from "react/jsx-runtime";
 import * as m from "react";
 import { cva as z } from "class-variance-authority";
-import { Info as x } from "../../icons/index.js";
 import { cn as a } from "../../lib/utils.js";
+import { Info as x } from "../../icons/generated/info.js";
 const C = z(
   "flex w-full rounded-md border border-field bg-transparent px-3 py-2 text-sm font-medium shadow-sm transition-colors placeholder:font-medium placeholder:text-content-empty focus-visible:outline-none focus-visible:border-brand hover:border-brand disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:border-stroke",
   {
@@ -163,3 +163,4 @@ V.displayName = "Textarea";
 export {
   V as Textarea
 };
+//# sourceMappingURL=textarea.js.map

package/dist/components/ui/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sources":["impact-nova/src/components/ui/textarea.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva } from \"class-variance-authority\";\nimport { Info } from \"@/icons\";\nimport { cn } from \"@/lib/utils\";\nimport type { HelperTextPosition } from \"@/components/ui/types/helper-text.types\";\n\nconst textareaVariants = cva(\n  \"flex w-full rounded-md border border-field bg-transparent px-3 py-2 text-sm font-medium shadow-sm transition-colors placeholder:font-medium placeholder:text-content-empty focus-visible:outline-none focus-visible:border-brand hover:border-brand disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:border-stroke\",\n  {\n    variants: {\n      isError: {\n        true: \"border-destructive hover:border-destructive\",\n        false: \"\",\n      },\n      size: {\n        default: \"min-h-20\",\n        sm: \"min-h-14\",\n        md: \"min-h-[72px]\",\n        lg: \"min-h-32\",\n      },\n      isDisabled: {\n        true: \"cursor-not-allowed opacity-100 bg-disabled-surface border-stroke text-disabled-foreground placeholder:text-disabled-foreground hover:border-stroke\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      isError: false,\n    },\n  },\n);\n\nexport interface TextareaProps {\n  className?: string;\n  label?: string;\n  value?: string;\n  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  helperText?: React.ReactNode;\n  helperTextPosition?: HelperTextPosition;\n  characterLimit?: number;\n  isRequired?: boolean;\n  isError?: boolean;\n  isDisabled?: boolean;\n  size?: \"default\" | \"sm\" | \"md\" | \"lg\";\n  defaultValue?: string;\n  placeholder?: string;\n}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      className,\n      label,\n      helperText,\n      helperTextPosition = \"absolute\",\n      characterLimit,\n      isRequired,\n      isError,\n      size,\n      isDisabled,\n      value,\n      onChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const [charCount, setCharCount] = React.useState(0);\n\n    React.useEffect(() => {\n      if (value) {\n        setCharCount(String(value).length);\n      } else if (props.defaultValue) {\n        setCharCount(String(props.defaultValue).length);\n      }\n    }, [value, props.defaultValue]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      setCharCount(e.target.value.length);\n      onChange?.(e);\n    };\n\n    return (\n      <div className=\"flex w-full min-w-[240px] flex-col gap-[6px]\">\n        <div className=\"flex flex-col gap-[6px]\">\n          {label && (\n            <label\n              className={cn(\n                \"text-xs font-medium leading-[18px] text-content-tertiary\",\n                isDisabled && \"opacity-70\"\n              )}\n            >\n              {label}{\" \"}\n              {isRequired && <span className=\"text-destructive\">*</span>}\n            </label>\n          )}\n\n          <div\n            className={cn(\n              helperText && helperTextPosition === \"absolute\" && \"relative\",\n            )}\n          >\n          <textarea\n            className={cn(\n              textareaVariants({ isError, size, isDisabled, className }),\n              \"bg-canvas\",\n              isDisabled && \"bg-disabled-surface\",\n            )}\n            ref={ref}\n            disabled={!!isDisabled}\n            value={value}\n            onChange={handleChange}\n            data-component=\"textarea\"\n            {...props}\n          />\n          {helperText && helperTextPosition === \"absolute\" && (\n            <div\n              className={cn(\n                \"absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px] text-[12px] font-medium leading-[18px] text-navigation-muted\",\n                isError && \"text-destructive\",\n              )}\n            >\n              <Info\n                size=\"xs\"\n                className={cn(\n                  \"shrink-0\",\n                  isError ? \"text-destructive\" : \"text-content-muted\",\n                )}\n              />\n              <p className=\"min-w-0\">{helperText}</p>\n            </div>\n          )}\n          </div>\n        </div>\n\n        {((helperText && helperTextPosition === \"flow\") || characterLimit) && (\n          <div className=\"flex items-center justify-between gap-[6px]\">\n            <div\n              className={cn(\n                \"flex min-w-0 flex-1 items-center gap-[6px]\",\n                isError && \"text-destructive\",\n              )}\n            >\n              {helperText && helperTextPosition === \"flow\" && (\n                <>\n                  <Info\n                    size=\"xs\"\n                    color={isError ? \"destructive\" : \"muted\"}\n                  />\n                  <p\n                    className={cn(\n                      \"min-w-0 text-[12px] font-medium leading-[18px] text-navigation-muted\",\n                      isError && \"text-destructive\",\n                    )}\n                  >\n                    {helperText}\n                  </p>\n                </>\n              )}\n            </div>\n            {characterLimit && (\n              <div\n                className=\"text-[12px] font-medium leading-[18px] text-navigation-muted text-right\"\n                data-component=\"character-count-indicator\"\n              >\n                {charCount}/{characterLimit}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\nTextarea.displayName = \"Textarea\";\n\nexport { Textarea };\n"],"names":["textareaVariants","cva","Textarea","React","className","label","helperText","helperTextPosition","characterLimit","isRequired","isError","size","isDisabled","value","onChange","props","ref","charCount","setCharCount","handleChange","e","jsxs","cn","jsx","Info","Fragment"],"mappings":"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"}

package/dist/components/ui/toast.js

@@ -115,3 +115,4 @@ export {
   y as ToastTitle,
   v as ToastViewport
 };
+//# sourceMappingURL=toast.js.map

package/dist/components/ui/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sources":["impact-nova/src/components/ui/toast.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as ToastPrimitives from \"@radix-ui/react-toast\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { useImpactNovaI18n } from \"@/i18n\"\nimport { Tooltip, TooltipTrigger, TooltipContent } from \"./tooltip\"\n\nconst ToastProvider = ToastPrimitives.Provider\n\nconst ToastViewport = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport> & {\n    position?: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\"\n  }\n>(({ className, position = \"top-right\", ...props }, ref) => (\n  <ToastPrimitives.Viewport\n    ref={ref}\n    className={cn(\n      \"z-[60] flex max-h-screen w-full p-4 md:max-w-[420px] gap-2\",\n      !className?.includes(\"static\") && !className?.includes(\"absolute\") && \"fixed\",\n      position.startsWith(\"top\") ? \"top-0 sm:top-8 flex-col\" : \"bottom-0 sm:bottom-8 flex-col-reverse\",\n      position.endsWith(\"left\") ? \"left-0 sm:left-8\" : \"right-0 sm:right-8\",\n      className\n    )}\n    {...props}\n  />\n))\nToastViewport.displayName = ToastPrimitives.Viewport.displayName\n\nconst toastVariants = cva(\n  \"group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full\",\n  {\n    variants: {\n      variant: {\n        default: \"border bg-canvas text-content\",\n        destructive:\n          \"destructive group border-destructive bg-destructive text-destructive-foreground\",\n        unstyled: \"border-none bg-transparent p-0 shadow-none\",\n        basic: \"basic min-h-[51px] border-none shadow-elevation-toast rounded-[4px] px-6 py-2 relative overflow-hidden justify-center text-brand-foreground after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[4px] after:content-['']\",\n        \"basic-success\": \"basic min-h-[51px] border-none shadow-elevation-toast rounded-[4px] px-6 py-2 relative overflow-hidden justify-center text-brand-foreground bg-success after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[4px] after:content-[''] after:bg-brand-foreground/15\",\n        \"basic-info\": \"basic min-h-[51px] border-none shadow-elevation-toast rounded-[4px] px-6 py-2 relative overflow-hidden justify-center text-brand-foreground bg-brand after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[4px] after:content-[''] after:bg-brand-foreground/15\",\n        \"basic-warning\": \"basic min-h-[51px] border-none shadow-elevation-toast rounded-[4px] px-6 py-2 relative overflow-hidden justify-center text-content bg-warning after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[4px] after:content-[''] after:bg-brand-foreground/15\",\n        \"basic-error\": \"basic min-h-[51px] border-none shadow-elevation-toast rounded-[4px] px-6 py-2 relative overflow-hidden justify-center text-brand-foreground bg-destructive after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[4px] after:content-[''] after:bg-brand-foreground/15\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nconst Toast = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &\n    VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => {\n  return (\n    <ToastPrimitives.Root\n      ref={ref}\n      data-component=\"toast\"\n      data-variant={variant ?? \"default\"}\n      className={cn(toastVariants({ variant }), className)}\n      {...props}\n    />\n  )\n})\nToast.displayName = ToastPrimitives.Root.displayName\n\nconst ToastAction = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Action>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Action\n    ref={ref}\n    data-component=\"toast-action\"\n    className={cn(\n      \"inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-focus-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive-hover group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive\",\n      className\n    )}\n    {...props}\n  />\n))\nToastAction.displayName = ToastPrimitives.Action.displayName\n\nconst ToastClose = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Close>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => {\n  const { t } = useImpactNovaI18n();\n  const closeLabel = t('aria.close');\n  return (\n  <Tooltip>\n    <TooltipTrigger asChild>\n      <ToastPrimitives.Close\n        ref={ref}\n        data-component=\"toast-close\"\n        className={cn(\n          \"absolute right-1 top-1 rounded-md p-1 text-content/50 opacity-0 transition-opacity hover:text-content focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-destructive-foreground group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive group-[.destructive]:focus:ring-offset-destructive\",\n          className\n        )}\n        toast-close=\"\"\n        aria-label={closeLabel}\n        {...props}\n      >\n        <X className=\"h-4 w-4\" />\n      </ToastPrimitives.Close>\n    </TooltipTrigger>\n    <TooltipContent variant=\"tertiary\" side=\"top\">{closeLabel}</TooltipContent>\n  </Tooltip>\n  );\n})\nToastClose.displayName = ToastPrimitives.Close.displayName\n\nconst ToastTitle = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Title>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Title\n    ref={ref}\n    data-component=\"toast-title\"\n    className={cn(\"text-sm font-semibold [&+div]:text-xs group-[.basic]:text-center group-[.basic]:font-normal\", className)}\n    {...props}\n  />\n))\nToastTitle.displayName = ToastPrimitives.Title.displayName\n\nconst ToastDescription = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Description>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Description\n    ref={ref}\n    data-component=\"toast-description\"\n    className={cn(\"text-sm opacity-90 group-[.basic]:text-center\", className)}\n    {...props}\n  />\n))\nToastDescription.displayName = ToastPrimitives.Description.displayName\n\ntype ToastProps = React.ComponentPropsWithoutRef<typeof Toast>\n\ntype ToastActionElement = React.ReactElement<typeof ToastAction>\n\nexport {\n  type ToastProps,\n  type ToastActionElement,\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastAction,\n}\n"],"names":["ToastProvider","ToastPrimitives","ToastViewport","React","className","position","props","ref","jsx","cn","toastVariants","cva","Toast","variant","ToastAction","ToastClose","t","useImpactNovaI18n","closeLabel","Tooltip","TooltipTrigger","X","TooltipContent","ToastTitle","ToastDescription"],"mappings":"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"}

package/dist/components/ui/toaster.js

@@ -133,3 +133,4 @@ function Y({
 export {
   Y as Toaster
 };
+//# sourceMappingURL=toaster.js.map

package/dist/components/ui/toaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toaster.js","sources":["impact-nova/src/components/ui/toaster.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useToast } from \"@/hooks/use-toast\";\nimport {\n  Toast,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastTitle,\n  ToastViewport,\n} from \"@/components/ui/toast\";\nimport { cn } from \"@/lib/utils\";\n\ninterface ToasterProps {\n  stacked?: boolean;\n  position?: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\";\n}\n\nexport function Toaster({\n  stacked = false,\n  position = \"top-right\",\n}: ToasterProps) {\n  const { toasts } = useToast();\n  const [isHovered, setIsHovered] = React.useState(false);\n  const [heights, setHeights] = React.useState<Record<string, number>>({});\n  const toastRefs = React.useRef<Record<string, HTMLElement | null>>({});\n\n  // Robust measurement: Track heights as they come in\n  React.useEffect(() => {\n    const observers: ResizeObserver[] = [];\n\n    const observe = () => {\n      toasts.forEach((toast) => {\n        const el = toastRefs.current[toast.id];\n        if (el) {\n          const observer = new ResizeObserver(() => {\n            const h = el.offsetHeight;\n            if (h > 0) {\n              setHeights((prev) => {\n                if (prev[toast.id] === h) return prev;\n                return { ...prev, [toast.id]: h };\n              });\n            }\n          });\n          observer.observe(el);\n          observers.push(observer);\n        }\n      });\n    };\n\n    const timer = setTimeout(observe, 32);\n    return () => {\n      clearTimeout(timer);\n      observers.forEach((o) => o.disconnect());\n    };\n  }, [toasts]);\n\n  const activeToasts = toasts.filter((t) => t.open !== false);\n  const isBottom = position.startsWith(\"bottom\");\n  const isLeft = position.endsWith(\"left\");\n  const direction = isBottom ? -1 : 1;\n\n  const TOGETHER_OFFSET = 10;\n  const EXPANDED_GAP = 12;\n  const PEEK_VISIBLE_COUNT = 3;\n\n  // Offsets are calculated ONLY for active (open) toasts\n  const activeOffsets = React.useMemo(() => {\n    const offsets: number[] = [];\n    let next = 0;\n    for (const t of activeToasts) {\n      offsets.push(next);\n      next += (heights[t.id] || 70) + EXPANDED_GAP;\n    }\n    return offsets;\n  }, [activeToasts, heights]);\n\n  const totalExpandedHeight =\n    (activeOffsets[activeToasts.length - 1] || 0) +\n    (heights[activeToasts[activeToasts.length - 1]?.id] || 70);\n\n  const collapsedStackHeight = React.useMemo(() => {\n    if (!stacked || activeToasts.length === 0) return 0;\n    const visibleCount = Math.min(PEEK_VISIBLE_COUNT, activeToasts.length);\n    let maxBottom = 0;\n    for (let i = 0; i < visibleCount; i++) {\n      const t = activeToasts[i];\n      const h = heights[t.id] || 70;\n      const offset = i * TOGETHER_OFFSET;\n      maxBottom = Math.max(maxBottom, offset + h);\n    }\n    return Math.ceil(maxBottom);\n  }, [stacked, activeToasts, heights]);\n\n  return (\n    <ToastProvider>\n      <div\n        className={cn(\n          \"fixed z-[60] md:max-w-[420px] w-full sm:max-w-[420px] pointer-events-none transition-all duration-300\",\n          isBottom ? \"bottom-4 sm:bottom-8\" : \"top-4 sm:top-8\",\n          isLeft ? \"left-4 sm:left-8\" : \"right-4 sm:right-8\",\n        )}\n        style={{\n          height:\n            stacked && activeToasts.length > 0\n              ? isHovered\n                ? `${totalExpandedHeight + 100}px`\n                : `${collapsedStackHeight}px`\n              : stacked\n                ? \"0px\"\n                : \"auto\",\n        }}\n      >\n        <div\n          className={cn(\n            \"relative w-full h-full\",\n            stacked && activeToasts.length > 0 && \"pointer-events-auto\",\n          )}\n          onMouseEnter={() => stacked && setIsHovered(true)}\n          onMouseLeave={() => stacked && setIsHovered(false)}\n        >\n          {toasts.map(function ({\n            id,\n            title,\n            description,\n            action,\n            children,\n            ...props\n          }) {\n            // Finding the index in the ACTIVE list is the key to Dynamic Indexing\n            const activeIndex = activeToasts.findIndex((t) => t.id === id);\n            const isActive = activeIndex !== -1;\n\n            // If it's not active (closing), it should fade out\n            const isVisible =\n              isActive && (!stacked || isHovered || activeIndex < PEEK_VISIBLE_COUNT);\n\n            const transform = stacked\n              ? isHovered\n                ? `translateY(${(isActive ? activeOffsets[activeIndex] : 0) * direction}px) scale(1)`\n                : `translateY(${(isActive ? activeIndex : 0) * direction * TOGETHER_OFFSET}px) scale(${1 - (isActive ? activeIndex : 0) * 0.02})`\n              : undefined;\n\n            return (\n              <Toast\n                key={id}\n                {...props}\n                ref={(el) => {\n                  if (el) toastRefs.current[id] = el;\n                }}\n                className={cn(\n                  props.className,\n                  \"transition-all duration-500 ease-in-out\",\n                  stacked && \"absolute w-full pointer-events-auto\",\n                  stacked && (isLeft ? \"left-0\" : \"right-0\"),\n                  stacked && (isBottom ? \"bottom-0\" : \"top-0\"),\n                  !isVisible ? \"opacity-0 pointer-events-none\" : \"opacity-100\",\n                )}\n                style={{\n                  zIndex: 100 - (isActive ? activeIndex : 0),\n                  transform,\n                  ...props.style,\n                }}\n              >\n                {children ? (\n                  children\n                ) : (\n                  <>\n                    <div\n                      className={cn(\n                        \"grid gap-1\",\n                        props.variant?.toString().startsWith(\"basic\") &&\n                          \"flex flex-col items-center justify-center w-full\",\n                      )}\n                    >\n                      {title && <ToastTitle>{title}</ToastTitle>}\n                      {description && (\n                        <ToastDescription>{description}</ToastDescription>\n                      )}\n                    </div>\n                    <div className=\"flex items-center gap-2 shrink-0\">\n                      {action}\n                      <ToastClose className=\"static relative opacity-100 position-static\" />\n                    </div>\n                  </>\n                )}\n              </Toast>\n            );\n          })}\n        </div>\n\n        <ToastViewport\n          position={position}\n          className={cn(\n            \"relative w-full h-full p-0 m-0 pointer-events-none\",\n            stacked && \"static\",\n          )}\n        />\n      </div>\n    </ToastProvider>\n  );\n}\n"],"names":["Toaster","stacked","position","toasts","useToast","isHovered","setIsHovered","React","heights","setHeights","toastRefs","observers","timer","toast","el","observer","h","prev","o","activeToasts","t","isBottom","isLeft","direction","TOGETHER_OFFSET","EXPANDED_GAP","PEEK_VISIBLE_COUNT","activeOffsets","offsets","next","totalExpandedHeight","collapsedStackHeight","visibleCount","maxBottom","i","offset","ToastProvider","jsxs","cn","jsx","id","title","description","action","children","props","activeIndex","isActive","isVisible","transform","Toast","Fragment","ToastTitle","ToastDescription","ToastClose","ToastViewport"],"mappings":";;;;;AAiBO,SAASA,EAAQ;AAAA,EACtB,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AACb,GAAiB;AACf,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA,GACb,CAACC,GAAWC,CAAY,IAAIC,EAAM,SAAS,EAAK,GAChD,CAACC,GAASC,CAAU,IAAIF,EAAM,SAAiC,CAAA,CAAE,GACjEG,IAAYH,EAAM,OAA2C,EAAE;AAGrE,EAAAA,EAAM,UAAU,MAAM;AACpB,UAAMI,IAA8B,CAAA,GAqB9BC,IAAQ,WAnBE,MAAM;AACpB,MAAAT,EAAO,QAAQ,CAACU,MAAU;AACxB,cAAMC,IAAKJ,EAAU,QAAQG,EAAM,EAAE;AACrC,YAAIC,GAAI;AACN,gBAAMC,IAAW,IAAI,eAAe,MAAM;AACxC,kBAAMC,IAAIF,EAAG;AACb,YAAIE,IAAI,KACNP,EAAW,CAACQ,MACNA,EAAKJ,EAAM,EAAE,MAAMG,IAAUC,IAC1B,EAAE,GAAGA,GAAM,CAACJ,EAAM,EAAE,GAAGG,EAAA,CAC/B;AAAA,UAEL,CAAC;AACD,UAAAD,EAAS,QAAQD,CAAE,GACnBH,EAAU,KAAKI,CAAQ;AAAA,QACzB;AAAA,MACF,CAAC;AAAA,IACH,GAEkC,EAAE;AACpC,WAAO,MAAM;AACX,mBAAaH,CAAK,GAClBD,EAAU,QAAQ,CAACO,MAAMA,EAAE,YAAY;AAAA,IACzC;AAAA,EACF,GAAG,CAACf,CAAM,CAAC;AAEX,QAAMgB,IAAehB,EAAO,OAAO,CAACiB,MAAMA,EAAE,SAAS,EAAK,GACpDC,IAAWnB,EAAS,WAAW,QAAQ,GACvCoB,IAASpB,EAAS,SAAS,MAAM,GACjCqB,IAAYF,IAAW,KAAK,GAE5BG,IAAkB,IAClBC,IAAe,IACfC,IAAqB,GAGrBC,IAAgBpB,EAAM,QAAQ,MAAM;AACxC,UAAMqB,IAAoB,CAAA;AAC1B,QAAIC,IAAO;AACX,eAAWT,KAAKD;AACd,MAAAS,EAAQ,KAAKC,CAAI,GACjBA,MAASrB,EAAQY,EAAE,EAAE,KAAK,MAAMK;AAElC,WAAOG;AAAA,EACT,GAAG,CAACT,GAAcX,CAAO,CAAC,GAEpBsB,KACHH,EAAcR,EAAa,SAAS,CAAC,KAAK,MAC1CX,EAAQW,EAAaA,EAAa,SAAS,CAAC,GAAG,EAAE,KAAK,KAEnDY,IAAuBxB,EAAM,QAAQ,MAAM;AAC/C,QAAI,CAACN,KAAWkB,EAAa,WAAW,EAAG,QAAO;AAClD,UAAMa,IAAe,KAAK,IAAIN,GAAoBP,EAAa,MAAM;AACrE,QAAIc,IAAY;AAChB,aAASC,IAAI,GAAGA,IAAIF,GAAcE,KAAK;AACrC,YAAMd,IAAID,EAAae,CAAC,GAClBlB,IAAIR,EAAQY,EAAE,EAAE,KAAK,IACrBe,IAASD,IAAIV;AACnB,MAAAS,IAAY,KAAK,IAAIA,GAAWE,IAASnB,CAAC;AAAA,IAC5C;AACA,WAAO,KAAK,KAAKiB,CAAS;AAAA,EAC5B,GAAG,CAAChC,GAASkB,GAAcX,CAAO,CAAC;AAEnC,2BACG4B,GAAA,EACC,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAjB,IAAW,yBAAyB;AAAA,QACpCC,IAAS,qBAAqB;AAAA,MAAA;AAAA,MAEhC,OAAO;AAAA,QACL,QACErB,KAAWkB,EAAa,SAAS,IAC7Bd,IACE,GAAGyB,IAAsB,GAAG,OAC5B,GAAGC,CAAoB,OACzB9B,IACE,QACA;AAAA,MAAA;AAAA,MAGV,UAAA;AAAA,QAAA,gBAAAsC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACArC,KAAWkB,EAAa,SAAS,KAAK;AAAA,YAAA;AAAA,YAExC,cAAc,MAAMlB,KAAWK,EAAa,EAAI;AAAA,YAChD,cAAc,MAAML,KAAWK,EAAa,EAAK;AAAA,YAEhD,UAAAH,EAAO,IAAI,SAAU;AAAA,cACpB,IAAAqC;AAAA,cACA,OAAAC;AAAA,cACA,aAAAC;AAAA,cACA,QAAAC;AAAA,cACA,UAAAC;AAAA,cACA,GAAGC;AAAA,YAAA,GACF;AAED,oBAAMC,IAAc3B,EAAa,UAAU,CAACC,MAAMA,EAAE,OAAOoB,CAAE,GACvDO,IAAWD,MAAgB,IAG3BE,IACJD,MAAa,CAAC9C,KAAWI,KAAayC,IAAcpB,IAEhDuB,IAAYhD,IACdI,IACE,eAAe0C,IAAWpB,EAAcmB,CAAW,IAAI,KAAKvB,CAAS,iBACrE,eAAewB,IAAWD,IAAc,KAAKvB,IAAYC,CAAe,aAAa,KAAKuB,IAAWD,IAAc,KAAK,IAAI,MAC9H;AAEJ,qBACE,gBAAAP;AAAA,gBAACW;AAAA,gBAAA;AAAA,kBAEE,GAAGL;AAAA,kBACJ,KAAK,CAAC/B,MAAO;AACX,oBAAIA,MAAIJ,EAAU,QAAQ8B,CAAE,IAAI1B;AAAA,kBAClC;AAAA,kBACA,WAAWwB;AAAA,oBACTO,EAAM;AAAA,oBACN;AAAA,oBACA5C,KAAW;AAAA,oBACXA,MAAYqB,IAAS,WAAW;AAAA,oBAChCrB,MAAYoB,IAAW,aAAa;AAAA,oBACnC2B,IAA8C,gBAAlC;AAAA,kBAAkC;AAAA,kBAEjD,OAAO;AAAA,oBACL,QAAQ,OAAOD,IAAWD,IAAc;AAAA,oBACxC,WAAAG;AAAA,oBACA,GAAGJ,EAAM;AAAA,kBAAA;AAAA,kBAGV,UAAAD,KAGC,gBAAAP,EAAAc,GAAA,EACE,UAAA;AAAA,oBAAA,gBAAAd;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,WAAWC;AAAA,0BACT;AAAA,0BACAO,EAAM,SAAS,SAAA,EAAW,WAAW,OAAO,KAC1C;AAAA,wBAAA;AAAA,wBAGH,UAAA;AAAA,0BAAAJ,KAAS,gBAAAF,EAACa,KAAY,UAAAX,EAAA,CAAM;AAAA,0BAC5BC,KACC,gBAAAH,EAACc,GAAA,EAAkB,UAAAX,EAAA,CAAY;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAGnC,gBAAAL,EAAC,OAAA,EAAI,WAAU,oCACZ,UAAA;AAAA,sBAAAM;AAAA,sBACD,gBAAAJ,EAACe,GAAA,EAAW,WAAU,8CAAA,CAA8C;AAAA,oBAAA,EAAA,CACtE;AAAA,kBAAA,EAAA,CACF;AAAA,gBAAA;AAAA,gBAvCGd;AAAA,cAAA;AAAA,YA2CX,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGH,gBAAAD;AAAA,UAACgB;AAAA,UAAA;AAAA,YACC,UAAArD;AAAA,YACA,WAAWoC;AAAA,cACT;AAAA,cACArC,KAAW;AAAA,YAAA;AAAA,UACb;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/ui/tooltip.js

@@ -60,3 +60,4 @@ export {
   f as TooltipProvider,
   h as TooltipTrigger
 };
+//# sourceMappingURL=tooltip.js.map

package/dist/components/ui/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sources":["impact-nova/src/components/ui/tooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst TooltipProvider = TooltipPrimitive.Provider;\n\nconst Tooltip = ({\n  children,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>) => (\n  <TooltipProvider>\n    <TooltipPrimitive.Root {...props}>{children}</TooltipPrimitive.Root>\n  </TooltipProvider>\n);\n\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\nconst tooltipVariants = cva(\n  \"z-[100] overflow-hidden rounded-md px-4 py-2 text-sm animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]\",\n  {\n    variants: {\n      variant: {\n        primary: \"bg-brand text-brand-foreground\",\n        secondary: \"bg-canvas text-brand border shadow-md\",\n        tertiary: \"bg-content text-canvas\",\n      },\n    },\n    defaultVariants: {\n      variant: \"primary\",\n    },\n  },\n);\n\ninterface TooltipContentProps\n  extends\n    React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>,\n    VariantProps<typeof tooltipVariants> {\n  showArrow?: boolean;\n}\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  TooltipContentProps\n>(\n  (\n    {\n      className,\n      sideOffset = 4,\n      variant = \"primary\",\n      showArrow = true,\n      ...props\n    },\n    ref,\n  ) => (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        ref={ref}\n        sideOffset={sideOffset}\n        data-component=\"tooltip-content\"\n        data-variant={variant ?? \"primary\"}\n        className={cn(tooltipVariants({ variant }), className)}\n        {...props}\n      >\n        {props.children}\n        {showArrow && (\n          <TooltipPrimitive.Arrow\n            className={cn(\n              \"fill-current\",\n              variant === \"primary\" && \"fill-brand\",\n              variant === \"secondary\" && \"fill-background stroke-border\",\n              variant === \"tertiary\" && \"fill-foreground\",\n            )}\n          />\n        )}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  ),\n);\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"names":["TooltipProvider","TooltipPrimitive","Tooltip","children","props","jsx","TooltipTrigger","tooltipVariants","cva","TooltipContent","React","className","sideOffset","variant","showArrow","ref","jsxs","cn"],"mappings":";;;;;AAMA,MAAMA,IAAkBC,EAAiB,UAEnCC,IAAU,CAAC;AAAA,EACf,UAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC,EAACL,KACC,UAAA,gBAAAK,EAACJ,EAAiB,MAAjB,EAAuB,GAAGG,GAAQ,UAAAD,EAAA,CAAS,EAAA,CAC9C,GAGIG,IAAiBL,EAAiB,SAElCM,IAAkBC;AAAA,EACtB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,QACX,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GASMC,IAAiBC,EAAM;AAAA,EAI3B,CACE;AAAA,IACE,WAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,SAAAC,IAAU;AAAA,IACV,WAAAC,IAAY;AAAA,IACZ,GAAGV;AAAA,EAAA,GAELW,MAEA,gBAAAV,EAACJ,EAAiB,QAAjB,EACC,UAAA,gBAAAe;AAAA,IAACf,EAAiB;AAAA,IAAjB;AAAA,MACC,KAAAc;AAAA,MACA,YAAAH;AAAA,MACA,kBAAe;AAAA,MACf,gBAAcC,KAAW;AAAA,MACzB,WAAWI,EAAGV,EAAgB,EAAE,SAAAM,EAAA,CAAS,GAAGF,CAAS;AAAA,MACpD,GAAGP;AAAA,MAEH,UAAA;AAAA,QAAAA,EAAM;AAAA,QACNU,KACC,gBAAAT;AAAA,UAACJ,EAAiB;AAAA,UAAjB;AAAA,YACC,WAAWgB;AAAA,cACT;AAAA,cACAJ,MAAY,aAAa;AAAA,cACzBA,MAAY,eAAe;AAAA,cAC3BA,MAAY,cAAc;AAAA,YAAA;AAAA,UAC5B;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA,EAEJ,CACF;AAEJ;AACAJ,EAAe,cAAcR,EAAiB,QAAQ;"}

package/dist/components/ui/types/file-upload.types.d.ts

@@ -20,4 +20,6 @@ export interface FileUploadDropZoneProps extends React.HTMLAttributes<HTMLDivEle
 export interface FileUploadItemProps extends React.HTMLAttributes<HTMLDivElement> {
     file: File;
     onRemove?: () => void;
+    onView?: () => void;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
 }

package/dist/components/ui/types/horizontal-scroller.types.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-export interface HorizontalScrollerProps<T = any> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+export interface HorizontalScrollerProps<T = any> extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
     /**
      * Array of items to render
      */
@@ -46,8 +46,4 @@ export interface HorizontalScrollerProps<T = any> extends Omit<React.HTMLAttribu
      * Number of items to render outside visible area. Default 5.
      */
     overscan?: number;
-    /**
-     * Disable virtualization and render all items. Useful for small lists where keyboard navigation is important. Default false.
-     */
-    disableVirtualization?: boolean;
 }

package/dist/components/ui/types/nested-list.types.js

@@ -22,3 +22,4 @@ const e = {
 export {
   e as SelectionMode
 };
+//# sourceMappingURL=nested-list.types.js.map

package/dist/components/ui/types/nested-list.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nested-list.types.js","sources":["impact-nova/src/components/ui/types/nested-list.types.ts"],"sourcesContent":["export interface NestedListItem {\n  id: string;\n  label: string;\n  checked: boolean;\n  indeterminate?: boolean; // Deprecated: Now calculated lazily in SortableItem for performance\n  disabled?: boolean;\n  children?: NestedListItem[];\n  category?: string;\n  isDragDisabled?: boolean; // When true, this specific item cannot be dragged\n  /** Extension point for domain-specific data (e.g., column metadata) */\n  data?: Record<string, unknown>;\n}\n\n/**\n * Selection mode for parent-child relationships in nested lists\n */\nexport const SelectionMode = {\n  /**\n   * Independent - Parent and children are completely independent.\n   * No cascading behavior in either direction.\n   */\n  INDEPENDENT: \"independent\",\n\n  /**\n   * Cascade Down - Parent controls children.\n   * - Checking parent checks all children\n   * - Unchecking parent unchecks all children\n   * - Children selection does not affect parent\n   */\n  CASCADE_DOWN: \"cascade-down\",\n\n  /**\n   * Cascade Up-Down - Bidirectional cascading with specific rules.\n   * - Any child checked → parent is auto-checked\n   * - Parent unchecked → all children are unchecked\n   * - Parent checked → children are NOT auto-checked (keep their state)\n   */\n  CASCADE_UP_DOWN: \"cascade-up-down\",\n} as const;\n\n/**\n * Type for selection mode values\n */\nexport type SelectionMode = (typeof SelectionMode)[keyof typeof SelectionMode];\n\nexport interface NestedListProps {\n  // Data\n  items: NestedListItem[];\n\n  // Core Callbacks (Standard React Form Pattern)\n  onChange: (items: NestedListItem[]) => void;\n\n  onSubmit?: (items: NestedListItem[]) => void;\n\n  onCancel?: () => void;\n\n  // Optional Granular Callbacks\n  onItemToggle?: (\n    changes: Array<{ itemId: string; checked: boolean; category?: string }>\n  ) => void;\n\n  onDragEnd?: (activeId: string, overId: string | null) => void;\n\n  /** Render content right after the label (e.g., sort/filter indicators) */\n  renderLabelExtras?: (item: NestedListItem, context: { \n    isLeaf: boolean; \n    level: number;\n  }) => React.ReactNode;\n\n  /** Render content at the end of the row (e.g., PinSwitch, legend for section headers) */\n  renderActions?: (item: NestedListItem, context: { \n    isLeaf: boolean; \n    level: number;\n  }) => React.ReactNode;\n\n  // Feature Flags\n  enableSearch?: boolean; // Default: true\n  enableDragDrop?: boolean; // Default: true\n  enableSelectAll?: boolean; // Default: true\n  enableGroupBy?: boolean; // Default: false\n  enableApplyDiscard?: boolean; // Default: false - Enables Apply/Discard mode\n  enableCollapse?: boolean; // Default: true - Enables expand/collapse functionality for items\n  enableGlobalCollapse?: boolean; // Default: true - Enables \"Collapse All\" button in header\n  selectionMode?: SelectionMode; // Default: SelectionMode.CASCADE_DOWN - Controls parent-child selection behavior\n\n  // Category Grouping (when enableGroupBy is true)\n  getCategory?: (item: NestedListItem) => string | undefined;\n\n  // State Restoration\n  initialCollapsedItems?: Record<string, boolean>; // Restore collapsed state across remounts\n  onCollapseChange?: (collapsedItems: Record<string, boolean>) => void; // Notify parent of collapse state changes\n\n  // Drag Control\n  canDrag?: (item: NestedListItem, level: number) => boolean; // Predicate to control which items are draggable. Default: all items draggable.\n\n  // UI Customization\n  searchPlaceholder?: string; // Default: \"Search...\"\n  className?: string; // Additional CSS classes\n  groupLabel?: string; // Optional label/title for the list\n\n  // Submit/Cancel Button Labels (when enableApplyDiscard is true)\n  submitButtonLabel?: string; // Default: \"Apply\"\n  cancelButtonLabel?: string; // Default: \"Discard\"\n}\n\n"],"names":["SelectionMode"],"mappings":"AAgBO,MAAMA,IAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,EAK3B,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQb,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQd,iBAAiB;AACnB;"}

package/dist/components/ui/wizard/index.js

@@ -15,3 +15,4 @@ export {
   u as WizardTitle,
   y as useWizard
 };
+//# sourceMappingURL=index.js.map

package/dist/components/ui/wizard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/ui/wizard/wizard.js

@@ -310,3 +310,4 @@ export {
   M as WizardTitle,
   O as useWizard
 };
+//# sourceMappingURL=wizard.js.map