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

package/dist/{chunk-JPA2VQRW.js → chunk-WSDWJX4Y.js}

@@ -1,5 +1,5 @@
-import { TextInput } from './chunk-PWCMCMDN.js';
-import { cn } from './chunk-HRNDJU7D.js';
+import { TextInput } from './chunk-K4UCALQQ.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { SearchIcon, XIcon } from 'lucide-react';
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
@@ -115,5 +115,5 @@ function SearchInput({
 }
 
 export { SearchInput, searchClearButtonVariants, searchIconVariants };
-//# sourceMappingURL=chunk-JPA2VQRW.js.map
-//# sourceMappingURL=chunk-JPA2VQRW.js.map
+//# sourceMappingURL=chunk-WSDWJX4Y.js.map
+//# sourceMappingURL=chunk-WSDWJX4Y.js.map

package/dist/{chunk-JPA2VQRW.js.map → chunk-WSDWJX4Y.js.map}

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

package/dist/{chunk-2XJWE2XR.js → chunk-WUS45IZW.js}

@@ -1,5 +1,5 @@
-import { ChartContainer, ChartTooltip, ChartTooltipContent } from './chunk-7I6KK6QE.js';
-import { cn } from './chunk-HRNDJU7D.js';
+import { ChartContainer, ChartTooltip, ChartTooltipContent } from './chunk-XXWCMY2G.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { RadialBarChart, RadialBar } from 'recharts';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -32,5 +32,5 @@ function RadialChart({
 }
 
 export { RadialChart };
-//# sourceMappingURL=chunk-2XJWE2XR.js.map
-//# sourceMappingURL=chunk-2XJWE2XR.js.map
+//# sourceMappingURL=chunk-WUS45IZW.js.map
+//# sourceMappingURL=chunk-WUS45IZW.js.map

package/dist/{chunk-2XJWE2XR.js.map → chunk-WUS45IZW.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/data-display/RadialChart/RadialChart.tsx"],"names":["RechartsRadialBarChart"],"mappings":";;;;;AASA,SAAS,WAAA,CAAY;AAAA,EACnB,SAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA,GAAU,OAAA;AAAA,EACV,WAAA,GAAc,KAAA;AAAA,EACd,WAAA,GAAc,MAAA;AAAA,EACd,UAAA,GAAa,EAAA;AAAA,EACb,QAAA,GAAW,IAAA;AAAA,EACX,cAAA,GAAiB,IAAA;AAAA,EACjB,GAAG;AACL,CAAA,EAAqB;AACnB,EAAA,uBACE,GAAA,CAAC,kBAAe,SAAA,EAAW,EAAA,CAAG,iBAAiB,SAAS,CAAA,EAAG,MAAA,EAAiB,GAAG,KAAA,EAC7E,QAAA,kBAAA,IAAA;AAAA,IAACA,cAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,gBAAa,OAAA,kBAAS,GAAA,CAAC,mBAAA,EAAA,EAAoB,SAAA,EAAS,MAAC,CAAA,EAAI,CAAA;AAAA,4BACzD,SAAA,EAAA,EAAU,UAAA,EAAY,cAAA,EAAgB,YAAA,EAAc,GAAG,OAAA,EAAkB;AAAA;AAAA;AAAA,GAC5E,EACF,CAAA;AAEJ","file":"chunk-2XJWE2XR.js","sourcesContent":["\"use client\"\n\nimport type { RadialChartProps } from \"./RadialChart.types\"\n\nimport { RadialBar, RadialBarChart as RechartsRadialBarChart } from \"recharts\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { ChartContainer, ChartTooltip, ChartTooltipContent } from \"../Chart\"\n\nfunction RadialChart({\n  className,\n  config,\n  data,\n  dataKey = \"value\",\n  innerRadius = \"30%\",\n  outerRadius = \"100%\",\n  startAngle = 90,\n  endAngle = -270,\n  showBackground = true,\n  ...props\n}: RadialChartProps) {\n  return (\n    <ChartContainer className={cn(\"aspect-square\", className)} config={config} {...props}>\n      <RechartsRadialBarChart\n        data={data}\n        endAngle={endAngle}\n        innerRadius={innerRadius}\n        outerRadius={outerRadius}\n        startAngle={startAngle}\n      >\n        <ChartTooltip content={<ChartTooltipContent hideLabel />} />\n        <RadialBar background={showBackground} cornerRadius={4} dataKey={dataKey} />\n      </RechartsRadialBarChart>\n    </ChartContainer>\n  )\n}\n\nexport { RadialChart }\n"]}
+{"version":3,"sources":["../src/components/data-display/RadialChart/RadialChart.tsx"],"names":["RechartsRadialBarChart"],"mappings":";;;;;AASA,SAAS,WAAA,CAAY;AAAA,EACnB,SAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA,GAAU,OAAA;AAAA,EACV,WAAA,GAAc,KAAA;AAAA,EACd,WAAA,GAAc,MAAA;AAAA,EACd,UAAA,GAAa,EAAA;AAAA,EACb,QAAA,GAAW,IAAA;AAAA,EACX,cAAA,GAAiB,IAAA;AAAA,EACjB,GAAG;AACL,CAAA,EAAqB;AACnB,EAAA,uBACE,GAAA,CAAC,kBAAe,SAAA,EAAW,EAAA,CAAG,iBAAiB,SAAS,CAAA,EAAG,MAAA,EAAiB,GAAG,KAAA,EAC7E,QAAA,kBAAA,IAAA;AAAA,IAACA,cAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,gBAAa,OAAA,kBAAS,GAAA,CAAC,mBAAA,EAAA,EAAoB,SAAA,EAAS,MAAC,CAAA,EAAI,CAAA;AAAA,4BACzD,SAAA,EAAA,EAAU,UAAA,EAAY,cAAA,EAAgB,YAAA,EAAc,GAAG,OAAA,EAAkB;AAAA;AAAA;AAAA,GAC5E,EACF,CAAA;AAEJ","file":"chunk-WUS45IZW.js","sourcesContent":["\"use client\"\n\nimport type { RadialChartProps } from \"./RadialChart.types\"\n\nimport { RadialBar, RadialBarChart as RechartsRadialBarChart } from \"recharts\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { ChartContainer, ChartTooltip, ChartTooltipContent } from \"../Chart\"\n\nfunction RadialChart({\n  className,\n  config,\n  data,\n  dataKey = \"value\",\n  innerRadius = \"30%\",\n  outerRadius = \"100%\",\n  startAngle = 90,\n  endAngle = -270,\n  showBackground = true,\n  ...props\n}: RadialChartProps) {\n  return (\n    <ChartContainer className={cn(\"aspect-square\", className)} config={config} {...props}>\n      <RechartsRadialBarChart\n        data={data}\n        endAngle={endAngle}\n        innerRadius={innerRadius}\n        outerRadius={outerRadius}\n        startAngle={startAngle}\n      >\n        <ChartTooltip content={<ChartTooltipContent hideLabel />} />\n        <RadialBar background={showBackground} cornerRadius={4} dataKey={dataKey} />\n      </RechartsRadialBarChart>\n    </ChartContainer>\n  )\n}\n\nexport { RadialChart }\n"]}

package/dist/{chunk-B3BDIM4H.js → chunk-WVOZYDH3.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HRNDJU7D.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import 'react';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
@@ -133,5 +133,5 @@ function Grid({
 }
 
 export { Grid, gridVariants };
-//# sourceMappingURL=chunk-B3BDIM4H.js.map
-//# sourceMappingURL=chunk-B3BDIM4H.js.map
+//# sourceMappingURL=chunk-WVOZYDH3.js.map
+//# sourceMappingURL=chunk-WVOZYDH3.js.map

package/dist/{chunk-B3BDIM4H.js.map → chunk-WVOZYDH3.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/layout/Grid/Grid.variants.ts","../src/components/layout/Grid/Grid.tsx"],"names":[],"mappings":"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","file":"chunk-B3BDIM4H.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Grid component variant styles\n * CSS Grid-based layout with declarative API for columns, rows, gap, and alignment\n */\nexport const gridVariants = cva(\"grid\", {\n  variants: {\n    /**\n     * Number of columns in the grid\n     */\n    cols: {\n      1: \"grid-cols-1\",\n      2: \"grid-cols-2\",\n      3: \"grid-cols-3\",\n      4: \"grid-cols-4\",\n      6: \"grid-cols-6\",\n      12: \"grid-cols-12\",\n      none: \"grid-cols-none\",\n    },\n    /**\n     * Number of rows in the grid\n     */\n    rows: {\n      1: \"grid-rows-1\",\n      2: \"grid-rows-2\",\n      3: \"grid-rows-3\",\n      4: \"grid-rows-4\",\n      6: \"grid-rows-6\",\n      none: \"grid-rows-none\",\n    },\n    /**\n     * Gap between grid items (both directions)\n     */\n    gap: {\n      0: \"gap-0\",\n      1: \"gap-1\",\n      2: \"gap-2\",\n      4: \"gap-4\",\n      6: \"gap-6\",\n      8: \"gap-8\",\n    },\n    /**\n     * Horizontal gap between grid items\n     */\n    gapX: {\n      0: \"gap-x-0\",\n      1: \"gap-x-1\",\n      2: \"gap-x-2\",\n      4: \"gap-x-4\",\n      6: \"gap-x-6\",\n      8: \"gap-x-8\",\n    },\n    /**\n     * Vertical gap between grid items\n     */\n    gapY: {\n      0: \"gap-y-0\",\n      1: \"gap-y-1\",\n      2: \"gap-y-2\",\n      4: \"gap-y-4\",\n      6: \"gap-y-6\",\n      8: \"gap-y-8\",\n    },\n    /**\n     * Vertical alignment of grid items\n     */\n    items: {\n      start: \"items-start\",\n      center: \"items-center\",\n      end: \"items-end\",\n      stretch: \"items-stretch\",\n    },\n    /**\n     * Horizontal alignment of grid items\n     */\n    justify: {\n      start: \"justify-items-start\",\n      center: \"justify-items-center\",\n      end: \"justify-items-end\",\n      stretch: \"justify-items-stretch\",\n    },\n    /**\n     * Grid auto-flow direction\n     */\n    flow: {\n      row: \"grid-flow-row\",\n      col: \"grid-flow-col\",\n      dense: \"grid-flow-dense\",\n      \"row-dense\": \"grid-flow-row-dense\",\n      \"col-dense\": \"grid-flow-col-dense\",\n    },\n  },\n  defaultVariants: {\n    cols: \"none\",\n    gap: 4,\n  },\n})\n\nexport type GridVariantProps = VariantProps<typeof gridVariants>\n","\"use client\"\n\nimport type { GridProps } from \"./Grid.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { gridVariants } from \"./Grid.variants\"\n\n/**\n * Grid component for CSS Grid-based layouts\n *\n * Provides a declarative API for creating complex grid layouts with\n * support for columns, rows, gaps, and alignment.\n *\n * @example\n * ```tsx\n * <Grid cols={3} gap={4}>\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n *   <div>Item 3</div>\n * </Grid>\n * ```\n */\nfunction Grid({\n  as = \"div\",\n  cols,\n  rows,\n  gap,\n  gapX,\n  gapY,\n  items,\n  justify,\n  flow,\n  className,\n  ...props\n}: GridProps) {\n  const Component = as\n  return (\n    <Component\n      className={cn(\n        gridVariants({\n          cols,\n          rows,\n          // Only apply gap if gapX and gapY are not specified\n          gap: gapX !== undefined || gapY !== undefined ? undefined : gap,\n          gapX,\n          gapY,\n          items,\n          justify,\n          flow,\n        }),\n        className\n      )}\n      data-slot=\"grid\"\n      {...(props as Record<string, unknown>)}\n    />\n  )\n}\n\nexport { Grid }\n"]}
+{"version":3,"sources":["../src/components/layout/Grid/Grid.variants.ts","../src/components/layout/Grid/Grid.tsx"],"names":[],"mappings":";;;;;AAMO,IAAM,YAAA,GAAe,IAAI,MAAA,EAAQ;AAAA,EACtC,QAAA,EAAU;AAAA;AAAA;AAAA;AAAA,IAIR,IAAA,EAAM;AAAA,MACJ,CAAA,EAAG,aAAA;AAAA,MACH,CAAA,EAAG,aAAA;AAAA,MACH,CAAA,EAAG,aAAA;AAAA,MACH,CAAA,EAAG,aAAA;AAAA,MACH,CAAA,EAAG,aAAA;AAAA,MACH,EAAA,EAAI,cAAA;AAAA,MACJ,IAAA,EAAM;AAAA,KACR;AAAA;AAAA;AAAA;AAAA,IAIA,IAAA,EAAM;AAAA,MACJ,CAAA,EAAG,aAAA;AAAA,MACH,CAAA,EAAG,aAAA;AAAA,MACH,CAAA,EAAG,aAAA;AAAA,MACH,CAAA,EAAG,aAAA;AAAA,MACH,CAAA,EAAG,aAAA;AAAA,MACH,IAAA,EAAM;AAAA,KACR;AAAA;AAAA;AAAA;AAAA,IAIA,GAAA,EAAK;AAAA,MACH,CAAA,EAAG,OAAA;AAAA,MACH,CAAA,EAAG,OAAA;AAAA,MACH,CAAA,EAAG,OAAA;AAAA,MACH,CAAA,EAAG,OAAA;AAAA,MACH,CAAA,EAAG,OAAA;AAAA,MACH,CAAA,EAAG;AAAA,KACL;AAAA;AAAA;AAAA;AAAA,IAIA,IAAA,EAAM;AAAA,MACJ,CAAA,EAAG,SAAA;AAAA,MACH,CAAA,EAAG,SAAA;AAAA,MACH,CAAA,EAAG,SAAA;AAAA,MACH,CAAA,EAAG,SAAA;AAAA,MACH,CAAA,EAAG,SAAA;AAAA,MACH,CAAA,EAAG;AAAA,KACL;AAAA;AAAA;AAAA;AAAA,IAIA,IAAA,EAAM;AAAA,MACJ,CAAA,EAAG,SAAA;AAAA,MACH,CAAA,EAAG,SAAA;AAAA,MACH,CAAA,EAAG,SAAA;AAAA,MACH,CAAA,EAAG,SAAA;AAAA,MACH,CAAA,EAAG,SAAA;AAAA,MACH,CAAA,EAAG;AAAA,KACL;AAAA;AAAA;AAAA;AAAA,IAIA,KAAA,EAAO;AAAA,MACL,KAAA,EAAO,aAAA;AAAA,MACP,MAAA,EAAQ,cAAA;AAAA,MACR,GAAA,EAAK,WAAA;AAAA,MACL,OAAA,EAAS;AAAA,KACX;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA,EAAS;AAAA,MACP,KAAA,EAAO,qBAAA;AAAA,MACP,MAAA,EAAQ,sBAAA;AAAA,MACR,GAAA,EAAK,mBAAA;AAAA,MACL,OAAA,EAAS;AAAA,KACX;AAAA;AAAA;AAAA;AAAA,IAIA,IAAA,EAAM;AAAA,MACJ,GAAA,EAAK,eAAA;AAAA,MACL,GAAA,EAAK,eAAA;AAAA,MACL,KAAA,EAAO,iBAAA;AAAA,MACP,WAAA,EAAa,qBAAA;AAAA,MACb,WAAA,EAAa;AAAA;AACf,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,MAAA;AAAA,IACN,GAAA,EAAK;AAAA;AAET,CAAC;ACzED,SAAS,IAAA,CAAK;AAAA,EACZ,EAAA,GAAK,KAAA;AAAA,EACL,IAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAc;AACZ,EAAA,MAAM,SAAA,GAAY,EAAA;AAClB,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,YAAA,CAAa;AAAA,UACX,IAAA;AAAA,UACA,IAAA;AAAA;AAAA,UAEA,GAAA,EAAK,IAAA,KAAS,MAAA,IAAa,IAAA,KAAS,SAAY,MAAA,GAAY,GAAA;AAAA,UAC5D,IAAA;AAAA,UACA,IAAA;AAAA,UACA,KAAA;AAAA,UACA,OAAA;AAAA,UACA;AAAA,SACD,CAAA;AAAA,QACD;AAAA,OACF;AAAA,MACA,WAAA,EAAU,MAAA;AAAA,MACT,GAAI;AAAA;AAAA,GACP;AAEJ","file":"chunk-WVOZYDH3.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Grid component variant styles\n * CSS Grid-based layout with declarative API for columns, rows, gap, and alignment\n */\nexport const gridVariants = cva(\"grid\", {\n  variants: {\n    /**\n     * Number of columns in the grid\n     */\n    cols: {\n      1: \"grid-cols-1\",\n      2: \"grid-cols-2\",\n      3: \"grid-cols-3\",\n      4: \"grid-cols-4\",\n      6: \"grid-cols-6\",\n      12: \"grid-cols-12\",\n      none: \"grid-cols-none\",\n    },\n    /**\n     * Number of rows in the grid\n     */\n    rows: {\n      1: \"grid-rows-1\",\n      2: \"grid-rows-2\",\n      3: \"grid-rows-3\",\n      4: \"grid-rows-4\",\n      6: \"grid-rows-6\",\n      none: \"grid-rows-none\",\n    },\n    /**\n     * Gap between grid items (both directions)\n     */\n    gap: {\n      0: \"gap-0\",\n      1: \"gap-1\",\n      2: \"gap-2\",\n      4: \"gap-4\",\n      6: \"gap-6\",\n      8: \"gap-8\",\n    },\n    /**\n     * Horizontal gap between grid items\n     */\n    gapX: {\n      0: \"gap-x-0\",\n      1: \"gap-x-1\",\n      2: \"gap-x-2\",\n      4: \"gap-x-4\",\n      6: \"gap-x-6\",\n      8: \"gap-x-8\",\n    },\n    /**\n     * Vertical gap between grid items\n     */\n    gapY: {\n      0: \"gap-y-0\",\n      1: \"gap-y-1\",\n      2: \"gap-y-2\",\n      4: \"gap-y-4\",\n      6: \"gap-y-6\",\n      8: \"gap-y-8\",\n    },\n    /**\n     * Vertical alignment of grid items\n     */\n    items: {\n      start: \"items-start\",\n      center: \"items-center\",\n      end: \"items-end\",\n      stretch: \"items-stretch\",\n    },\n    /**\n     * Horizontal alignment of grid items\n     */\n    justify: {\n      start: \"justify-items-start\",\n      center: \"justify-items-center\",\n      end: \"justify-items-end\",\n      stretch: \"justify-items-stretch\",\n    },\n    /**\n     * Grid auto-flow direction\n     */\n    flow: {\n      row: \"grid-flow-row\",\n      col: \"grid-flow-col\",\n      dense: \"grid-flow-dense\",\n      \"row-dense\": \"grid-flow-row-dense\",\n      \"col-dense\": \"grid-flow-col-dense\",\n    },\n  },\n  defaultVariants: {\n    cols: \"none\",\n    gap: 4,\n  },\n})\n\nexport type GridVariantProps = VariantProps<typeof gridVariants>\n","\"use client\"\n\nimport type { GridProps } from \"./Grid.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { gridVariants } from \"./Grid.variants\"\n\n/**\n * Grid component for CSS Grid-based layouts\n *\n * Provides a declarative API for creating complex grid layouts with\n * support for columns, rows, gaps, and alignment.\n *\n * @example\n * ```tsx\n * <Grid cols={3} gap={4}>\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n *   <div>Item 3</div>\n * </Grid>\n * ```\n */\nfunction Grid({\n  as = \"div\",\n  cols,\n  rows,\n  gap,\n  gapX,\n  gapY,\n  items,\n  justify,\n  flow,\n  className,\n  ...props\n}: GridProps) {\n  const Component = as\n  return (\n    <Component\n      className={cn(\n        gridVariants({\n          cols,\n          rows,\n          // Only apply gap if gapX and gapY are not specified\n          gap: gapX !== undefined || gapY !== undefined ? undefined : gap,\n          gapX,\n          gapY,\n          items,\n          justify,\n          flow,\n        }),\n        className\n      )}\n      data-slot=\"grid\"\n      {...(props as Record<string, unknown>)}\n    />\n  )\n}\n\nexport { Grid }\n"]}

package/dist/{chunk-K45MMHLA.js → chunk-WWK7UIKK.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HRNDJU7D.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { Check } from 'lucide-react';
 import 'react';
 import { cva } from 'class-variance-authority';
@@ -111,7 +111,7 @@ function Card({
             "button",
             {
               className: cn(
-                "absolute top-2 left-2 z-[2] grid place-items-center w-[18px] h-[18px] rounded-sm cursor-pointer transition-[opacity,background-color,border-color]",
+                "absolute top-2 left-2 z-[2] grid place-items-center size-[var(--card-select-size)] rounded-sm cursor-pointer transition-[opacity,background-color,border-color]",
                 "border bg-white/[0.92] border-neutral-300",
                 selected ? "opacity-100 bg-[color:var(--brand-primary-500,var(--primary))] border-[color:var(--brand-primary-500,var(--primary))] text-[color:var(--brand-primary-900,var(--primary-foreground))]" : "opacity-0 text-transparent group-hover/card:opacity-100"
               ),
@@ -140,7 +140,7 @@ function Card({
             "button",
             {
               className: cn(
-                "absolute top-1.5 right-1.5 z-[2] grid place-items-center w-[22px] h-[22px] rounded-full cursor-pointer transition-opacity",
+                "absolute top-1.5 right-1.5 z-[2] grid place-items-center size-[var(--card-action-size)] rounded-full cursor-pointer transition-opacity",
                 pinned ? "opacity-100 bg-white/95 text-[#eab308] dark:bg-black/55" : "opacity-0 bg-white/[0.82] text-neutral-500 dark:bg-black/45 dark:text-neutral-300 group-hover/card:opacity-100"
               ),
               "aria-label": selectableProps?.pinLabel ?? "Fixar",
@@ -254,5 +254,5 @@ function CardFooter({ className, ...props }) {
 }
 
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, CardTitle, cardActionVariants, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardMediaVariants, cardTitleVariants, cardVariants };
-//# sourceMappingURL=chunk-K45MMHLA.js.map
-//# sourceMappingURL=chunk-K45MMHLA.js.map
+//# sourceMappingURL=chunk-WWK7UIKK.js.map
+//# sourceMappingURL=chunk-WWK7UIKK.js.map

package/dist/{chunk-K45MMHLA.js.map → chunk-WWK7UIKK.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/layout/Card/Card.variants.ts","../src/components/layout/Card/Card.tsx"],"names":[],"mappings":"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","file":"chunk-K45MMHLA.js","sourcesContent":["// Card/Card.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Card variant styles\n * Container component for grouping related content\n */\nexport const cardVariants = cva(\n  [\n    \"group/card relative bg-[color:var(--card-root-background)] text-[color:var(--card-root-foreground)] flex flex-col gap-[var(--card-root-gap)] rounded-[var(--card-root-radius)] py-[var(--card-root-padding-y)] overflow-hidden\",\n  ],\n  {\n    variants: {\n      /**\n       * Visual variant of the card\n       * - default: Card with border and subtle shadow\n       * - elevated: Card with pronounced shadow for emphasis\n       * - outlined: Card with border only, no shadow\n       * - ghost: Card without border or shadow, transparent background\n       * - selectable: Card optimized for multi-select grids (checkbox + pin overlays on <Card.Media>)\n       */\n      variant: {\n        default: \"border-[length:var(--card-root-border-width)] border-[color:var(--border)] shadow-[var(--card-root-shadow-sm)]\",\n        elevated: \"border-[length:var(--card-root-border-width)] border-[color:var(--border)] shadow-[var(--card-root-shadow-lg)] hover:shadow-[var(--card-root-shadow-xl)] transition-shadow\",\n        outlined: \"border-[length:calc(var(--card-root-border-width)*2)] border-[color:var(--border)] shadow-none\",\n        ghost: \"border-none shadow-none bg-transparent\",\n        selectable: [\n          \"border border-[color:var(--border)] cursor-pointer\",\n          \"transition-[border-color,box-shadow,transform]\",\n          \"hover:border-[color:var(--neutral-300)] hover:shadow-md hover:-translate-y-px\",\n          \"dark:hover:border-[color:var(--neutral-600)]\",\n          \"motion-reduce:transform-none motion-reduce:transition-none\",\n          \"data-[active=true]:border-[color:var(--primary)] data-[active=true]:ring-[3px] data-[active=true]:ring-[color:var(--primary)]/20\",\n          \"data-[selected=true]:border-[color:var(--primary)] data-[selected=true]:ring-2 data-[selected=true]:ring-[color:var(--primary)]/20\",\n        ].join(\" \"),\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * CardMedia variant styles\n * Full-bleed media slot at the top of the card. Aspect ratio controls the shape.\n * Bleeds to the card edges (overflow:hidden on Card root + zero padding here).\n */\nexport const cardMediaVariants = cva(\n  [\n    \"relative -mx-px -mt-px overflow-hidden border-b border-[color:var(--border)]\",\n    \"[&_img]:size-full [&_img]:object-cover\",\n  ],\n  {\n    variants: {\n      aspect: {\n        square: \"aspect-square\",\n        video: \"aspect-video\",\n        portrait: \"aspect-[3/4]\",\n        wide: \"aspect-[4/3]\",\n        auto: \"\",\n      },\n    },\n    defaultVariants: {\n      aspect: \"auto\",\n    },\n  },\n)\n\n/**\n * CardHeader variant styles\n * Header section with grid layout for title and actions\n */\nexport const cardHeaderVariants = cva([\n  \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-[var(--card-header-gap)] px-[var(--card-header-padding-x)]\",\n  \"has-data-[slot=card-action]:grid-cols-[1fr_auto]\",\n  \"[.border-b]:pb-[var(--card-header-padding-bottom)]\",\n])\n\n/**\n * CardTitle variant styles\n * Title text styling\n */\nexport const cardTitleVariants = cva([\n  \"leading-tight [font-weight:var(--card-title-weight)]\",\n])\n\n/**\n * CardDescription variant styles\n * Description/subtitle text styling\n */\nexport const cardDescriptionVariants = cva([\n  \"text-[color:var(--card-description-color)] text-[length:var(--card-description-text-size)]\",\n])\n\n/**\n * CardAction variant styles\n * Action area positioned in the header grid\n */\nexport const cardActionVariants = cva([\n  \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n])\n\n/**\n * CardContent variant styles\n * Main content area\n */\nexport const cardContentVariants = cva([\n  \"px-[var(--card-content-padding-x)]\",\n])\n\n/**\n * CardFooter variant styles\n * Footer section for actions or additional info\n */\nexport const cardFooterVariants = cva([\n  \"flex items-center px-[var(--card-footer-padding-x)]\",\n  \"[.border-t]:pt-[var(--card-footer-padding-top)]\",\n])\n\nexport type CardVariantProps = VariantProps<typeof cardVariants>\n","import type {\n  CardActionProps,\n  CardContentProps,\n  CardDescriptionProps,\n  CardFooterProps,\n  CardHeaderProps,\n  CardMediaProps,\n  CardProps,\n  CardSelectablePayload,\n  CardTitleProps,\n} from \"./Card.types\"\n\nimport { Check } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  cardActionVariants,\n  cardContentVariants,\n  cardDescriptionVariants,\n  cardFooterVariants,\n  cardHeaderVariants,\n  cardMediaVariants,\n  cardTitleVariants,\n  cardVariants,\n} from \"./Card.variants\"\n\nfunction Card({\n  className,\n  variant,\n  selected = false,\n  pinned = false,\n  onToggleSelect,\n  onTogglePin,\n  selectableProps,\n  \"data-id\": dataId,\n  children,\n  ...props\n}: CardProps & { \"data-id\"?: string }) {\n  const isSelectable = variant === \"selectable\"\n\n  return (\n    <div\n      className={cn(cardVariants({ variant }), className)}\n      data-active={undefined}\n      data-id={dataId}\n      data-pinned={isSelectable && pinned ? \"true\" : undefined}\n      data-selected={isSelectable && selected ? \"true\" : undefined}\n      data-slot=\"card\"\n      data-variant={variant ?? \"default\"}\n      {...props}\n    >\n      {children}\n      {isSelectable && (\n        <>\n          <button\n            className={cn(\n              \"absolute top-2 left-2 z-[2] grid place-items-center w-[18px] h-[18px] rounded-sm cursor-pointer transition-[opacity,background-color,border-color]\",\n              \"border bg-white/[0.92] border-neutral-300\",\n              selected\n                ? \"opacity-100 bg-[color:var(--brand-primary-500,var(--primary))] border-[color:var(--brand-primary-500,var(--primary))] text-[color:var(--brand-primary-900,var(--primary-foreground))]\"\n                : \"opacity-0 text-transparent group-hover/card:opacity-100\",\n            )}\n            aria-label={selectableProps?.checkboxLabel ?? \"Selecionar\"}\n            aria-pressed={selected}\n            data-checked={selected || undefined}\n            data-slot=\"card-select-checkbox\"\n            type=\"button\"\n            onClick={(e) => {\n              e.stopPropagation()\n              const next = !selected\n              onToggleSelect?.(\n                next,\n                {\n                  ...(dataId ? { id: dataId } : {}),\n                  next,\n                  timestamp: Date.now(),\n                } satisfies CardSelectablePayload,\n                e,\n              )\n            }}\n          >\n            <Check size={11} strokeWidth={3} />\n          </button>\n          <button\n            className={cn(\n              \"absolute top-1.5 right-1.5 z-[2] grid place-items-center w-[22px] h-[22px] rounded-full cursor-pointer transition-opacity\",\n              pinned\n                ? \"opacity-100 bg-white/95 text-[#eab308] dark:bg-black/55\"\n                : \"opacity-0 bg-white/[0.82] text-neutral-500 dark:bg-black/45 dark:text-neutral-300 group-hover/card:opacity-100\",\n            )}\n            aria-label={selectableProps?.pinLabel ?? \"Fixar\"}\n            aria-pressed={pinned}\n            data-pinned={pinned || undefined}\n            data-slot=\"card-pin\"\n            type=\"button\"\n            onClick={(e) => {\n              e.stopPropagation()\n              const next = !pinned\n              onTogglePin?.(\n                next,\n                {\n                  ...(dataId ? { id: dataId } : {}),\n                  next,\n                  timestamp: Date.now(),\n                } satisfies CardSelectablePayload,\n                e,\n              )\n            }}\n          >\n            <svg\n              fill={pinned ? \"currentColor\" : \"none\"}\n              height=\"11\"\n              stroke=\"currentColor\"\n              strokeLinejoin=\"round\"\n              strokeWidth=\"1.6\"\n              viewBox=\"0 0 16 16\"\n              width=\"11\"\n            >\n              <path d=\"m8 1.5 1.95 4.18 4.55.5-3.4 3.13.94 4.5L8 11.5l-4.04 2.31.94-4.5L1.5 6.18l4.55-.5z\" />\n            </svg>\n          </button>\n        </>\n      )}\n    </div>\n  )\n}\n\nfunction CardMedia({ className, aspect, ...props }: CardMediaProps) {\n  return (\n    <div\n      className={cn(cardMediaVariants({ aspect }), className)}\n      data-aspect={aspect}\n      data-slot=\"card-media\"\n      {...props}\n    />\n  )\n}\n\nfunction CardHeader({ className, ...props }: CardHeaderProps) {\n  return (\n    <div\n      className={cn(cardHeaderVariants(), className)}\n      data-slot=\"card-header\"\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({ className, ...props }: CardTitleProps) {\n  return (\n    <div\n      className={cn(cardTitleVariants(), className)}\n      data-slot=\"card-title\"\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({ className, ...props }: CardDescriptionProps) {\n  return (\n    <div\n      className={cn(cardDescriptionVariants(), className)}\n      data-slot=\"card-description\"\n      {...props}\n    />\n  )\n}\n\nfunction CardAction({ className, ...props }: CardActionProps) {\n  return (\n    <div\n      className={cn(cardActionVariants(), className)}\n      data-slot=\"card-action\"\n      {...props}\n    />\n  )\n}\n\nfunction CardContent({ className, ...props }: CardContentProps) {\n  return (\n    <div\n      className={cn(cardContentVariants(), className)}\n      data-slot=\"card-content\"\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({ className, ...props }: CardFooterProps) {\n  return (\n    <div\n      className={cn(cardFooterVariants(), className)}\n      data-slot=\"card-footer\"\n      {...props}\n    />\n  )\n}\n\nexport {\n  Card,\n  CardAction,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardMedia,\n  CardTitle,\n}\n"]}
+{"version":3,"sources":["../src/components/layout/Card/Card.variants.ts","../src/components/layout/Card/Card.tsx"],"names":[],"mappings":"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","file":"chunk-WWK7UIKK.js","sourcesContent":["// Card/Card.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Card variant styles\n * Container component for grouping related content\n */\nexport const cardVariants = cva(\n  [\n    \"group/card relative bg-[color:var(--card-root-background)] text-[color:var(--card-root-foreground)] flex flex-col gap-[var(--card-root-gap)] rounded-[var(--card-root-radius)] py-[var(--card-root-padding-y)] overflow-hidden\",\n  ],\n  {\n    variants: {\n      /**\n       * Visual variant of the card\n       * - default: Card with border and subtle shadow\n       * - elevated: Card with pronounced shadow for emphasis\n       * - outlined: Card with border only, no shadow\n       * - ghost: Card without border or shadow, transparent background\n       * - selectable: Card optimized for multi-select grids (checkbox + pin overlays on <Card.Media>)\n       */\n      variant: {\n        default: \"border-[length:var(--card-root-border-width)] border-[color:var(--border)] shadow-[var(--card-root-shadow-sm)]\",\n        elevated: \"border-[length:var(--card-root-border-width)] border-[color:var(--border)] shadow-[var(--card-root-shadow-lg)] hover:shadow-[var(--card-root-shadow-xl)] transition-shadow\",\n        outlined: \"border-[length:calc(var(--card-root-border-width)*2)] border-[color:var(--border)] shadow-none\",\n        ghost: \"border-none shadow-none bg-transparent\",\n        selectable: [\n          \"border border-[color:var(--border)] cursor-pointer\",\n          \"transition-[border-color,box-shadow,transform]\",\n          \"hover:border-[color:var(--neutral-300)] hover:shadow-md hover:-translate-y-px\",\n          \"dark:hover:border-[color:var(--neutral-600)]\",\n          \"motion-reduce:transform-none motion-reduce:transition-none\",\n          \"data-[active=true]:border-[color:var(--primary)] data-[active=true]:ring-[3px] data-[active=true]:ring-[color:var(--primary)]/20\",\n          \"data-[selected=true]:border-[color:var(--primary)] data-[selected=true]:ring-2 data-[selected=true]:ring-[color:var(--primary)]/20\",\n        ].join(\" \"),\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * CardMedia variant styles\n * Full-bleed media slot at the top of the card. Aspect ratio controls the shape.\n * Bleeds to the card edges (overflow:hidden on Card root + zero padding here).\n */\nexport const cardMediaVariants = cva(\n  [\n    \"relative -mx-px -mt-px overflow-hidden border-b border-[color:var(--border)]\",\n    \"[&_img]:size-full [&_img]:object-cover\",\n  ],\n  {\n    variants: {\n      aspect: {\n        square: \"aspect-square\",\n        video: \"aspect-video\",\n        portrait: \"aspect-[3/4]\",\n        wide: \"aspect-[4/3]\",\n        auto: \"\",\n      },\n    },\n    defaultVariants: {\n      aspect: \"auto\",\n    },\n  },\n)\n\n/**\n * CardHeader variant styles\n * Header section with grid layout for title and actions\n */\nexport const cardHeaderVariants = cva([\n  \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-[var(--card-header-gap)] px-[var(--card-header-padding-x)]\",\n  \"has-data-[slot=card-action]:grid-cols-[1fr_auto]\",\n  \"[.border-b]:pb-[var(--card-header-padding-bottom)]\",\n])\n\n/**\n * CardTitle variant styles\n * Title text styling\n */\nexport const cardTitleVariants = cva([\n  \"leading-tight [font-weight:var(--card-title-weight)]\",\n])\n\n/**\n * CardDescription variant styles\n * Description/subtitle text styling\n */\nexport const cardDescriptionVariants = cva([\n  \"text-[color:var(--card-description-color)] text-[length:var(--card-description-text-size)]\",\n])\n\n/**\n * CardAction variant styles\n * Action area positioned in the header grid\n */\nexport const cardActionVariants = cva([\n  \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n])\n\n/**\n * CardContent variant styles\n * Main content area\n */\nexport const cardContentVariants = cva([\n  \"px-[var(--card-content-padding-x)]\",\n])\n\n/**\n * CardFooter variant styles\n * Footer section for actions or additional info\n */\nexport const cardFooterVariants = cva([\n  \"flex items-center px-[var(--card-footer-padding-x)]\",\n  \"[.border-t]:pt-[var(--card-footer-padding-top)]\",\n])\n\nexport type CardVariantProps = VariantProps<typeof cardVariants>\n","import type {\n  CardActionProps,\n  CardContentProps,\n  CardDescriptionProps,\n  CardFooterProps,\n  CardHeaderProps,\n  CardMediaProps,\n  CardProps,\n  CardSelectablePayload,\n  CardTitleProps,\n} from \"./Card.types\"\n\nimport { Check } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  cardActionVariants,\n  cardContentVariants,\n  cardDescriptionVariants,\n  cardFooterVariants,\n  cardHeaderVariants,\n  cardMediaVariants,\n  cardTitleVariants,\n  cardVariants,\n} from \"./Card.variants\"\n\nfunction Card({\n  className,\n  variant,\n  selected = false,\n  pinned = false,\n  onToggleSelect,\n  onTogglePin,\n  selectableProps,\n  \"data-id\": dataId,\n  children,\n  ...props\n}: CardProps & { \"data-id\"?: string }) {\n  const isSelectable = variant === \"selectable\"\n\n  return (\n    <div\n      className={cn(cardVariants({ variant }), className)}\n      data-active={undefined}\n      data-id={dataId}\n      data-pinned={isSelectable && pinned ? \"true\" : undefined}\n      data-selected={isSelectable && selected ? \"true\" : undefined}\n      data-slot=\"card\"\n      data-variant={variant ?? \"default\"}\n      {...props}\n    >\n      {children}\n      {isSelectable && (\n        <>\n          <button\n            className={cn(\n              \"absolute top-2 left-2 z-[2] grid place-items-center size-[var(--card-select-size)] rounded-sm cursor-pointer transition-[opacity,background-color,border-color]\",\n              \"border bg-white/[0.92] border-neutral-300\",\n              selected\n                ? \"opacity-100 bg-[color:var(--brand-primary-500,var(--primary))] border-[color:var(--brand-primary-500,var(--primary))] text-[color:var(--brand-primary-900,var(--primary-foreground))]\"\n                : \"opacity-0 text-transparent group-hover/card:opacity-100\",\n            )}\n            aria-label={selectableProps?.checkboxLabel ?? \"Selecionar\"}\n            aria-pressed={selected}\n            data-checked={selected || undefined}\n            data-slot=\"card-select-checkbox\"\n            type=\"button\"\n            onClick={(e) => {\n              e.stopPropagation()\n              const next = !selected\n              onToggleSelect?.(\n                next,\n                {\n                  ...(dataId ? { id: dataId } : {}),\n                  next,\n                  timestamp: Date.now(),\n                } satisfies CardSelectablePayload,\n                e,\n              )\n            }}\n          >\n            <Check size={11} strokeWidth={3} />\n          </button>\n          <button\n            className={cn(\n              \"absolute top-1.5 right-1.5 z-[2] grid place-items-center size-[var(--card-action-size)] rounded-full cursor-pointer transition-opacity\",\n              pinned\n                ? \"opacity-100 bg-white/95 text-[#eab308] dark:bg-black/55\"\n                : \"opacity-0 bg-white/[0.82] text-neutral-500 dark:bg-black/45 dark:text-neutral-300 group-hover/card:opacity-100\",\n            )}\n            aria-label={selectableProps?.pinLabel ?? \"Fixar\"}\n            aria-pressed={pinned}\n            data-pinned={pinned || undefined}\n            data-slot=\"card-pin\"\n            type=\"button\"\n            onClick={(e) => {\n              e.stopPropagation()\n              const next = !pinned\n              onTogglePin?.(\n                next,\n                {\n                  ...(dataId ? { id: dataId } : {}),\n                  next,\n                  timestamp: Date.now(),\n                } satisfies CardSelectablePayload,\n                e,\n              )\n            }}\n          >\n            <svg\n              fill={pinned ? \"currentColor\" : \"none\"}\n              height=\"11\"\n              stroke=\"currentColor\"\n              strokeLinejoin=\"round\"\n              strokeWidth=\"1.6\"\n              viewBox=\"0 0 16 16\"\n              width=\"11\"\n            >\n              <path d=\"m8 1.5 1.95 4.18 4.55.5-3.4 3.13.94 4.5L8 11.5l-4.04 2.31.94-4.5L1.5 6.18l4.55-.5z\" />\n            </svg>\n          </button>\n        </>\n      )}\n    </div>\n  )\n}\n\nfunction CardMedia({ className, aspect, ...props }: CardMediaProps) {\n  return (\n    <div\n      className={cn(cardMediaVariants({ aspect }), className)}\n      data-aspect={aspect}\n      data-slot=\"card-media\"\n      {...props}\n    />\n  )\n}\n\nfunction CardHeader({ className, ...props }: CardHeaderProps) {\n  return (\n    <div\n      className={cn(cardHeaderVariants(), className)}\n      data-slot=\"card-header\"\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({ className, ...props }: CardTitleProps) {\n  return (\n    <div\n      className={cn(cardTitleVariants(), className)}\n      data-slot=\"card-title\"\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({ className, ...props }: CardDescriptionProps) {\n  return (\n    <div\n      className={cn(cardDescriptionVariants(), className)}\n      data-slot=\"card-description\"\n      {...props}\n    />\n  )\n}\n\nfunction CardAction({ className, ...props }: CardActionProps) {\n  return (\n    <div\n      className={cn(cardActionVariants(), className)}\n      data-slot=\"card-action\"\n      {...props}\n    />\n  )\n}\n\nfunction CardContent({ className, ...props }: CardContentProps) {\n  return (\n    <div\n      className={cn(cardContentVariants(), className)}\n      data-slot=\"card-content\"\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({ className, ...props }: CardFooterProps) {\n  return (\n    <div\n      className={cn(cardFooterVariants(), className)}\n      data-slot=\"card-footer\"\n      {...props}\n    />\n  )\n}\n\nexport {\n  Card,\n  CardAction,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardMedia,\n  CardTitle,\n}\n"]}

package/dist/{chunk-NCLOPI6U.js → chunk-X2EMALTZ.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HRNDJU7D.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -343,5 +343,5 @@ function Timeline({
 }
 
 export { Timeline, TimelineConnector, TimelineContent, TimelineItemComponent, TimelineMarker, timelineItemVariants, timelineMarkerVariants, timelineVariants };
-//# sourceMappingURL=chunk-NCLOPI6U.js.map
-//# sourceMappingURL=chunk-NCLOPI6U.js.map
+//# sourceMappingURL=chunk-X2EMALTZ.js.map
+//# sourceMappingURL=chunk-X2EMALTZ.js.map

package/dist/{chunk-NCLOPI6U.js.map → chunk-X2EMALTZ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/data-display/Timeline/Timeline.variants.ts","../src/components/data-display/Timeline/Timeline.tsx"],"names":[],"mappings":"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","file":"chunk-NCLOPI6U.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Timeline container variants\n */\nexport const timelineVariants = cva(\"flex transition-colors duration-200\", {\n  variants: {\n    variant: {\n      default: \"flex-col gap-[var(--timeline-root-gap-default)]\",\n      horizontal: \"flex-row gap-[var(--timeline-root-gap-default)]\",\n      compact: \"flex-col gap-[var(--timeline-root-gap-compact)]\",\n      detailed: \"flex-col gap-[var(--timeline-root-gap-detailed)]\",\n    },\n    size: {\n      sm: \"\",\n      default: \"\",\n      lg: \"\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\",\n  },\n})\n\n/**\n * Timeline item variants\n */\nexport const timelineItemVariants = cva(\n  \"relative flex transition-colors duration-200\",\n  {\n    variants: {\n      variant: {\n        default: \"flex-row gap-[var(--timeline-item-gap-default)]\",\n        horizontal: \"flex-col items-center gap-[var(--timeline-item-gap-horizontal)]\",\n        compact: \"flex-row gap-[var(--timeline-item-gap-compact)]\",\n        detailed: \"flex-row gap-[var(--timeline-item-gap-detailed)]\",\n      },\n      size: {\n        sm: \"\",\n        default: \"\",\n        lg: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Timeline marker variants based on status\n */\nexport const timelineMarkerVariants = cva(\n  \"shrink-0 rounded-full border-[length:var(--timeline-marker-border-width)] transition-colors duration-200 focus-visible:outline-none focus-visible:ring-[length:var(--timeline-marker-focus-ring-width)] focus-visible:ring-[color:var(--timeline-marker-focus-ring-color)]\",\n  {\n    variants: {\n      status: {\n        pending: \"border-[color:var(--timeline-marker-color-muted)] bg-background\",\n        complete: \"border-[color:var(--timeline-marker-color-success)] bg-[color:var(--timeline-marker-color-success)]\",\n        current: \"border-[color:var(--timeline-marker-color-default)] bg-[color:var(--timeline-marker-color-default)] ring-[3px] ring-[color:var(--timeline-marker-color-default)]/30\",\n        error: \"border-[color:var(--timeline-marker-color-error)] bg-[color:var(--timeline-marker-color-error)]\",\n      },\n      size: {\n        sm: \"size-[var(--timeline-marker-size-sm)]\",\n        default: \"size-[var(--timeline-marker-size-default)]\",\n        lg: \"size-[var(--timeline-marker-size-lg)]\",\n      },\n      hasIcon: {\n        true: \"\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        size: \"sm\",\n        hasIcon: true,\n        className: \"size-[var(--timeline-marker-size-icon-sm)] flex items-center justify-center\",\n      },\n      {\n        size: \"default\",\n        hasIcon: true,\n        className: \"size-[var(--timeline-marker-size-icon-default)] flex items-center justify-center\",\n      },\n      {\n        size: \"lg\",\n        hasIcon: true,\n        className: \"size-[var(--timeline-marker-size-icon-lg)] flex items-center justify-center\",\n      },\n    ],\n    defaultVariants: {\n      status: \"pending\",\n      size: \"default\",\n      hasIcon: false,\n    },\n  }\n)\n\n/**\n * Timeline connector line variants\n */\nexport const timelineConnectorVariants = cva(\n  \"absolute transition-colors duration-200\",\n  {\n    variants: {\n      variant: {\n        default: \"left-[var(--timeline-connector-offset-default)] top-[var(--timeline-connector-top-default)] w-[var(--timeline-connector-width)] h-full -translate-x-1/2\",\n        horizontal: \"top-[var(--timeline-connector-offset-default)] left-full w-full h-[var(--timeline-connector-width)] -translate-y-1/2\",\n        compact: \"left-[var(--timeline-connector-offset-compact)] top-[var(--timeline-connector-top-compact)] w-[var(--timeline-connector-width)] h-full -translate-x-1/2\",\n        detailed: \"left-[var(--timeline-connector-offset-detailed)] top-[var(--timeline-connector-top-detailed)] w-[var(--timeline-connector-width)] h-full -translate-x-1/2\",\n      },\n      status: {\n        pending: \"bg-muted-foreground/30\",\n        complete: \"bg-primary\",\n        current: \"bg-primary/50\",\n        error: \"bg-destructive/30\",\n      },\n      size: {\n        sm: \"\",\n        default: \"\",\n        lg: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        variant: \"default\",\n        size: \"lg\",\n        className: \"left-[var(--timeline-connector-offset-lg)]\",\n      },\n      {\n        variant: \"horizontal\",\n        size: \"lg\",\n        className: \"top-[var(--timeline-connector-offset-lg)]\",\n      },\n    ],\n    defaultVariants: {\n      variant: \"default\",\n      status: \"pending\",\n      size: \"default\",\n    },\n  }\n)\n\nexport type TimelineVariantProps = VariantProps<typeof timelineVariants>\nexport type TimelineItemVariantProps = VariantProps<typeof timelineItemVariants>\nexport type TimelineMarkerVariantProps = VariantProps<\n  typeof timelineMarkerVariants\n>\nexport type TimelineConnectorVariantProps = VariantProps<\n  typeof timelineConnectorVariants\n>\n","import type { TimelineItem, TimelineItemProps, TimelineProps } from \"./Timeline.types\"\nimport type { KeyboardEvent, ReactNode } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  timelineConnectorVariants,\n  timelineItemVariants,\n  timelineMarkerVariants,\n  timelineVariants,\n} from \"./Timeline.variants\"\n\n/**\n * Format a date to a human-readable string\n */\nfunction formatTimestamp(date: Date): string {\n  return date.toLocaleDateString(undefined, {\n    day: \"numeric\",\n    month: \"short\",\n    year: \"numeric\",\n  })\n}\n\n/**\n * TimelineMarker component renders the status indicator\n */\nfunction TimelineMarker({\n  icon,\n  isAnimated = false,\n  size = \"default\",\n  status = \"pending\",\n}: {\n  icon?: ReactNode\n  isAnimated?: boolean\n  size?: \"default\" | \"lg\" | \"sm\"\n  status?: \"complete\" | \"current\" | \"error\" | \"pending\"\n}) {\n  const hasIcon = Boolean(icon)\n\n  return (\n    <div\n      className={cn(\n        timelineMarkerVariants({ status, size, hasIcon }),\n        isAnimated && status === \"current\" && \"animate-pulse\"\n      )}\n      aria-hidden=\"true\"\n      data-slot=\"timeline-marker\"\n      data-status={status}\n    >\n      {hasIcon && (\n        <span className=\"flex items-center justify-center text-primary-foreground [&>svg]:h-4 [&>svg]:w-4\">\n          {icon}\n        </span>\n      )}\n    </div>\n  )\n}\n\n/**\n * TimelineConnector component renders the line between items\n */\nfunction TimelineConnector({\n  size = \"default\",\n  status = \"pending\",\n  variant = \"default\",\n}: {\n  size?: \"default\" | \"lg\" | \"sm\"\n  status?: \"complete\" | \"current\" | \"error\" | \"pending\"\n  variant?: \"compact\" | \"default\" | \"detailed\" | \"horizontal\"\n}) {\n  return (\n    <div\n      aria-hidden=\"true\"\n      className={timelineConnectorVariants({ variant, status, size })}\n      data-slot=\"timeline-connector\"\n    />\n  )\n}\n\n/**\n * TimelineContent component renders the item's text content\n */\nfunction TimelineContent({\n  children,\n  className,\n  size = \"default\",\n}: {\n  children: ReactNode\n  className?: string\n  size?: \"default\" | \"lg\" | \"sm\"\n}) {\n  const textSizes = {\n    default: \"text-sm\",\n    lg: \"text-base\",\n    sm: \"text-xs\",\n  }\n\n  return (\n    <div\n      className={cn(\"flex min-w-0 flex-1 flex-col\", textSizes[size], className)}\n      data-slot=\"timeline-content\"\n    >\n      {children}\n    </div>\n  )\n}\n\n/**\n * TimelineItemComponent renders a single timeline entry\n */\nfunction TimelineItemComponent({\n  children,\n  className,\n  isActive = false,\n  isComplete = false,\n  isLast = false,\n  item,\n  showConnector = true,\n  size = \"default\",\n  variant = \"default\",\n  ...props\n}: TimelineItemProps) {\n  // Determine the effective status\n  const effectiveStatus = item?.status ?? (isComplete ? \"complete\" : \"pending\")\n  const isCurrentItem = isActive || item?.status === \"current\"\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    const target = event.currentTarget\n    const parent = target.parentElement\n    if (!parent) return\n\n    const siblings = [\n      ...parent.querySelectorAll('[data-slot=\"timeline-item\"]'),\n    ] as HTMLDivElement[]\n    const currentIndex = siblings.indexOf(target)\n\n    let nextIndex = -1\n\n    switch (event.key) {\n      case \"ArrowDown\":\n      case \"ArrowRight\":\n        event.preventDefault()\n        nextIndex = Math.min(currentIndex + 1, siblings.length - 1)\n        break\n      case \"ArrowUp\":\n      case \"ArrowLeft\":\n        event.preventDefault()\n        nextIndex = Math.max(currentIndex - 1, 0)\n        break\n      default:\n        return\n    }\n\n    const nextElement = siblings[nextIndex]\n    if (nextIndex !== -1 && nextElement) {\n      nextElement.focus()\n    }\n  }\n\n  // Normalize null to undefined for size and variant\n  const normalizedSize = size ?? undefined\n  const normalizedVariant = variant ?? undefined\n\n  // Generate accessible label for screen readers\n  const statusLabel =\n    effectiveStatus === \"complete\"\n      ? \"Completed\"\n      : effectiveStatus === \"current\"\n        ? \"In progress\"\n        : effectiveStatus === \"error\"\n          ? \"Error\"\n          : \"Pending\"\n  const itemLabel = item?.title\n    ? `${item.title} - ${statusLabel}`\n    : undefined\n\n  return (\n    <div\n      className={cn(\n        timelineItemVariants({ variant: normalizedVariant, size: normalizedSize }),\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n        className\n      )}\n      aria-current={isCurrentItem ? \"step\" : undefined}\n      aria-label={itemLabel}\n      data-active={isCurrentItem ? \"\" : undefined}\n      data-completed={effectiveStatus === \"complete\" ? \"\" : undefined}\n      data-slot=\"timeline-item\"\n      data-status={effectiveStatus}\n      role=\"listitem\"\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      {/* Marker with optional connector */}\n      <div className=\"relative flex flex-col items-center\">\n        <TimelineMarker\n          icon={item?.icon}\n          isAnimated={isCurrentItem}\n          size={normalizedSize}\n          status={effectiveStatus}\n        />\n        {showConnector && !isLast && (\n          <TimelineConnector\n            size={normalizedSize}\n            status={effectiveStatus}\n            variant={normalizedVariant}\n          />\n        )}\n      </div>\n\n      {/* Content */}\n      {item ? (\n        <TimelineContent size={normalizedSize}>\n          <div data-slot=\"timeline-title\">\n            <span className=\"font-medium text-foreground\">{item.title}</span>\n          </div>\n          {item.description && (\n            <div data-slot=\"timeline-description\">\n              <span className=\"text-muted-foreground\">{item.description}</span>\n            </div>\n          )}\n          {item.timestamp && (\n            <time\n              className=\"mt-1 text-xs text-muted-foreground\"\n              data-slot=\"timeline-timestamp\"\n              dateTime={item.timestamp.toISOString()}\n            >\n              {formatTimestamp(item.timestamp)}\n            </time>\n          )}\n          {item.content && (\n            <div className=\"mt-2\" data-slot=\"timeline-custom-content\">\n              {item.content}\n            </div>\n          )}\n        </TimelineContent>\n      ) : (\n        <TimelineContent size={normalizedSize}>{children}</TimelineContent>\n      )}\n    </div>\n  )\n}\n\n/**\n * Timeline component displays a sequence of events in chronological order.\n *\n * @example\n * ```tsx\n * const items = [\n *   { id: \"1\", title: \"Started\", status: \"complete\" },\n *   { id: \"2\", title: \"In Progress\", status: \"current\" },\n *   { id: \"3\", title: \"Pending\", status: \"pending\" },\n * ]\n * <Timeline items={items} />\n * ```\n */\nfunction Timeline({\n  \"aria-label\": ariaLabel = \"Timeline\",\n  children,\n  className,\n  completed = 0,\n  connector = true,\n  items,\n  size = \"default\",\n  variant = \"default\",\n  activeIndex,\n  ...props\n}: TimelineProps) {\n  // Process items with completed count if provided\n  const processedItems = items?.map((item, index): TimelineItem => {\n    if (item.status) return item\n\n    // Auto-set status based on completed count\n    if (index < completed) {\n      return { ...item, status: \"complete\" }\n    }\n    if (index === completed) {\n      return { ...item, status: \"current\" }\n    }\n    return { ...item, status: \"pending\" }\n  })\n\n  const hasContent = Boolean(processedItems?.length) || Boolean(children)\n\n  // Normalize null to undefined for size and variant\n  const normalizedSize = size ?? undefined\n  const normalizedVariant = variant ?? undefined\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      className={cn(timelineVariants({ variant: normalizedVariant, size: normalizedSize }), className)}\n      data-slot=\"timeline\"\n      data-variant={variant ?? \"default\"}\n      role=\"list\"\n      {...props}\n    >\n      {processedItems\n        ? processedItems.map((item, index) => (\n            <TimelineItemComponent\n              key={item.id}\n              isActive={activeIndex === index}\n              isComplete={index < completed}\n              isLast={index === processedItems.length - 1}\n              item={item}\n              showConnector={connector}\n              size={normalizedSize}\n              variant={normalizedVariant}\n            />\n          ))\n        : hasContent\n          ? children\n          : null}\n    </div>\n  )\n}\n\nexport {\n  Timeline,\n  TimelineConnector,\n  TimelineContent,\n  TimelineItemComponent as TimelineItem,\n  timelineItemVariants,\n  TimelineMarker,\n  timelineMarkerVariants,\n  timelineVariants,\n}\nexport type { TimelineItem as TimelineItemData, TimelineItemProps, TimelineProps }\n"]}
+{"version":3,"sources":["../src/components/data-display/Timeline/Timeline.variants.ts","../src/components/data-display/Timeline/Timeline.tsx"],"names":[],"mappings":"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","file":"chunk-X2EMALTZ.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Timeline container variants\n */\nexport const timelineVariants = cva(\"flex transition-colors duration-200\", {\n  variants: {\n    variant: {\n      default: \"flex-col gap-[var(--timeline-root-gap-default)]\",\n      horizontal: \"flex-row gap-[var(--timeline-root-gap-default)]\",\n      compact: \"flex-col gap-[var(--timeline-root-gap-compact)]\",\n      detailed: \"flex-col gap-[var(--timeline-root-gap-detailed)]\",\n    },\n    size: {\n      sm: \"\",\n      default: \"\",\n      lg: \"\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\",\n  },\n})\n\n/**\n * Timeline item variants\n */\nexport const timelineItemVariants = cva(\n  \"relative flex transition-colors duration-200\",\n  {\n    variants: {\n      variant: {\n        default: \"flex-row gap-[var(--timeline-item-gap-default)]\",\n        horizontal: \"flex-col items-center gap-[var(--timeline-item-gap-horizontal)]\",\n        compact: \"flex-row gap-[var(--timeline-item-gap-compact)]\",\n        detailed: \"flex-row gap-[var(--timeline-item-gap-detailed)]\",\n      },\n      size: {\n        sm: \"\",\n        default: \"\",\n        lg: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Timeline marker variants based on status\n */\nexport const timelineMarkerVariants = cva(\n  \"shrink-0 rounded-full border-[length:var(--timeline-marker-border-width)] transition-colors duration-200 focus-visible:outline-none focus-visible:ring-[length:var(--timeline-marker-focus-ring-width)] focus-visible:ring-[color:var(--timeline-marker-focus-ring-color)]\",\n  {\n    variants: {\n      status: {\n        pending: \"border-[color:var(--timeline-marker-color-muted)] bg-background\",\n        complete: \"border-[color:var(--timeline-marker-color-success)] bg-[color:var(--timeline-marker-color-success)]\",\n        current: \"border-[color:var(--timeline-marker-color-default)] bg-[color:var(--timeline-marker-color-default)] ring-[3px] ring-[color:var(--timeline-marker-color-default)]/30\",\n        error: \"border-[color:var(--timeline-marker-color-error)] bg-[color:var(--timeline-marker-color-error)]\",\n      },\n      size: {\n        sm: \"size-[var(--timeline-marker-size-sm)]\",\n        default: \"size-[var(--timeline-marker-size-default)]\",\n        lg: \"size-[var(--timeline-marker-size-lg)]\",\n      },\n      hasIcon: {\n        true: \"\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        size: \"sm\",\n        hasIcon: true,\n        className: \"size-[var(--timeline-marker-size-icon-sm)] flex items-center justify-center\",\n      },\n      {\n        size: \"default\",\n        hasIcon: true,\n        className: \"size-[var(--timeline-marker-size-icon-default)] flex items-center justify-center\",\n      },\n      {\n        size: \"lg\",\n        hasIcon: true,\n        className: \"size-[var(--timeline-marker-size-icon-lg)] flex items-center justify-center\",\n      },\n    ],\n    defaultVariants: {\n      status: \"pending\",\n      size: \"default\",\n      hasIcon: false,\n    },\n  }\n)\n\n/**\n * Timeline connector line variants\n */\nexport const timelineConnectorVariants = cva(\n  \"absolute transition-colors duration-200\",\n  {\n    variants: {\n      variant: {\n        default: \"left-[var(--timeline-connector-offset-default)] top-[var(--timeline-connector-top-default)] w-[var(--timeline-connector-width)] h-full -translate-x-1/2\",\n        horizontal: \"top-[var(--timeline-connector-offset-default)] left-full w-full h-[var(--timeline-connector-width)] -translate-y-1/2\",\n        compact: \"left-[var(--timeline-connector-offset-compact)] top-[var(--timeline-connector-top-compact)] w-[var(--timeline-connector-width)] h-full -translate-x-1/2\",\n        detailed: \"left-[var(--timeline-connector-offset-detailed)] top-[var(--timeline-connector-top-detailed)] w-[var(--timeline-connector-width)] h-full -translate-x-1/2\",\n      },\n      status: {\n        pending: \"bg-muted-foreground/30\",\n        complete: \"bg-primary\",\n        current: \"bg-primary/50\",\n        error: \"bg-destructive/30\",\n      },\n      size: {\n        sm: \"\",\n        default: \"\",\n        lg: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        variant: \"default\",\n        size: \"lg\",\n        className: \"left-[var(--timeline-connector-offset-lg)]\",\n      },\n      {\n        variant: \"horizontal\",\n        size: \"lg\",\n        className: \"top-[var(--timeline-connector-offset-lg)]\",\n      },\n    ],\n    defaultVariants: {\n      variant: \"default\",\n      status: \"pending\",\n      size: \"default\",\n    },\n  }\n)\n\nexport type TimelineVariantProps = VariantProps<typeof timelineVariants>\nexport type TimelineItemVariantProps = VariantProps<typeof timelineItemVariants>\nexport type TimelineMarkerVariantProps = VariantProps<\n  typeof timelineMarkerVariants\n>\nexport type TimelineConnectorVariantProps = VariantProps<\n  typeof timelineConnectorVariants\n>\n","import type { TimelineItem, TimelineItemProps, TimelineProps } from \"./Timeline.types\"\nimport type { KeyboardEvent, ReactNode } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  timelineConnectorVariants,\n  timelineItemVariants,\n  timelineMarkerVariants,\n  timelineVariants,\n} from \"./Timeline.variants\"\n\n/**\n * Format a date to a human-readable string\n */\nfunction formatTimestamp(date: Date): string {\n  return date.toLocaleDateString(undefined, {\n    day: \"numeric\",\n    month: \"short\",\n    year: \"numeric\",\n  })\n}\n\n/**\n * TimelineMarker component renders the status indicator\n */\nfunction TimelineMarker({\n  icon,\n  isAnimated = false,\n  size = \"default\",\n  status = \"pending\",\n}: {\n  icon?: ReactNode\n  isAnimated?: boolean\n  size?: \"default\" | \"lg\" | \"sm\"\n  status?: \"complete\" | \"current\" | \"error\" | \"pending\"\n}) {\n  const hasIcon = Boolean(icon)\n\n  return (\n    <div\n      className={cn(\n        timelineMarkerVariants({ status, size, hasIcon }),\n        isAnimated && status === \"current\" && \"animate-pulse\"\n      )}\n      aria-hidden=\"true\"\n      data-slot=\"timeline-marker\"\n      data-status={status}\n    >\n      {hasIcon && (\n        <span className=\"flex items-center justify-center text-primary-foreground [&>svg]:h-4 [&>svg]:w-4\">\n          {icon}\n        </span>\n      )}\n    </div>\n  )\n}\n\n/**\n * TimelineConnector component renders the line between items\n */\nfunction TimelineConnector({\n  size = \"default\",\n  status = \"pending\",\n  variant = \"default\",\n}: {\n  size?: \"default\" | \"lg\" | \"sm\"\n  status?: \"complete\" | \"current\" | \"error\" | \"pending\"\n  variant?: \"compact\" | \"default\" | \"detailed\" | \"horizontal\"\n}) {\n  return (\n    <div\n      aria-hidden=\"true\"\n      className={timelineConnectorVariants({ variant, status, size })}\n      data-slot=\"timeline-connector\"\n    />\n  )\n}\n\n/**\n * TimelineContent component renders the item's text content\n */\nfunction TimelineContent({\n  children,\n  className,\n  size = \"default\",\n}: {\n  children: ReactNode\n  className?: string\n  size?: \"default\" | \"lg\" | \"sm\"\n}) {\n  const textSizes = {\n    default: \"text-sm\",\n    lg: \"text-base\",\n    sm: \"text-xs\",\n  }\n\n  return (\n    <div\n      className={cn(\"flex min-w-0 flex-1 flex-col\", textSizes[size], className)}\n      data-slot=\"timeline-content\"\n    >\n      {children}\n    </div>\n  )\n}\n\n/**\n * TimelineItemComponent renders a single timeline entry\n */\nfunction TimelineItemComponent({\n  children,\n  className,\n  isActive = false,\n  isComplete = false,\n  isLast = false,\n  item,\n  showConnector = true,\n  size = \"default\",\n  variant = \"default\",\n  ...props\n}: TimelineItemProps) {\n  // Determine the effective status\n  const effectiveStatus = item?.status ?? (isComplete ? \"complete\" : \"pending\")\n  const isCurrentItem = isActive || item?.status === \"current\"\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    const target = event.currentTarget\n    const parent = target.parentElement\n    if (!parent) return\n\n    const siblings = [\n      ...parent.querySelectorAll('[data-slot=\"timeline-item\"]'),\n    ] as HTMLDivElement[]\n    const currentIndex = siblings.indexOf(target)\n\n    let nextIndex = -1\n\n    switch (event.key) {\n      case \"ArrowDown\":\n      case \"ArrowRight\":\n        event.preventDefault()\n        nextIndex = Math.min(currentIndex + 1, siblings.length - 1)\n        break\n      case \"ArrowUp\":\n      case \"ArrowLeft\":\n        event.preventDefault()\n        nextIndex = Math.max(currentIndex - 1, 0)\n        break\n      default:\n        return\n    }\n\n    const nextElement = siblings[nextIndex]\n    if (nextIndex !== -1 && nextElement) {\n      nextElement.focus()\n    }\n  }\n\n  // Normalize null to undefined for size and variant\n  const normalizedSize = size ?? undefined\n  const normalizedVariant = variant ?? undefined\n\n  // Generate accessible label for screen readers\n  const statusLabel =\n    effectiveStatus === \"complete\"\n      ? \"Completed\"\n      : effectiveStatus === \"current\"\n        ? \"In progress\"\n        : effectiveStatus === \"error\"\n          ? \"Error\"\n          : \"Pending\"\n  const itemLabel = item?.title\n    ? `${item.title} - ${statusLabel}`\n    : undefined\n\n  return (\n    <div\n      className={cn(\n        timelineItemVariants({ variant: normalizedVariant, size: normalizedSize }),\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n        className\n      )}\n      aria-current={isCurrentItem ? \"step\" : undefined}\n      aria-label={itemLabel}\n      data-active={isCurrentItem ? \"\" : undefined}\n      data-completed={effectiveStatus === \"complete\" ? \"\" : undefined}\n      data-slot=\"timeline-item\"\n      data-status={effectiveStatus}\n      role=\"listitem\"\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      {/* Marker with optional connector */}\n      <div className=\"relative flex flex-col items-center\">\n        <TimelineMarker\n          icon={item?.icon}\n          isAnimated={isCurrentItem}\n          size={normalizedSize}\n          status={effectiveStatus}\n        />\n        {showConnector && !isLast && (\n          <TimelineConnector\n            size={normalizedSize}\n            status={effectiveStatus}\n            variant={normalizedVariant}\n          />\n        )}\n      </div>\n\n      {/* Content */}\n      {item ? (\n        <TimelineContent size={normalizedSize}>\n          <div data-slot=\"timeline-title\">\n            <span className=\"font-medium text-foreground\">{item.title}</span>\n          </div>\n          {item.description && (\n            <div data-slot=\"timeline-description\">\n              <span className=\"text-muted-foreground\">{item.description}</span>\n            </div>\n          )}\n          {item.timestamp && (\n            <time\n              className=\"mt-1 text-xs text-muted-foreground\"\n              data-slot=\"timeline-timestamp\"\n              dateTime={item.timestamp.toISOString()}\n            >\n              {formatTimestamp(item.timestamp)}\n            </time>\n          )}\n          {item.content && (\n            <div className=\"mt-2\" data-slot=\"timeline-custom-content\">\n              {item.content}\n            </div>\n          )}\n        </TimelineContent>\n      ) : (\n        <TimelineContent size={normalizedSize}>{children}</TimelineContent>\n      )}\n    </div>\n  )\n}\n\n/**\n * Timeline component displays a sequence of events in chronological order.\n *\n * @example\n * ```tsx\n * const items = [\n *   { id: \"1\", title: \"Started\", status: \"complete\" },\n *   { id: \"2\", title: \"In Progress\", status: \"current\" },\n *   { id: \"3\", title: \"Pending\", status: \"pending\" },\n * ]\n * <Timeline items={items} />\n * ```\n */\nfunction Timeline({\n  \"aria-label\": ariaLabel = \"Timeline\",\n  children,\n  className,\n  completed = 0,\n  connector = true,\n  items,\n  size = \"default\",\n  variant = \"default\",\n  activeIndex,\n  ...props\n}: TimelineProps) {\n  // Process items with completed count if provided\n  const processedItems = items?.map((item, index): TimelineItem => {\n    if (item.status) return item\n\n    // Auto-set status based on completed count\n    if (index < completed) {\n      return { ...item, status: \"complete\" }\n    }\n    if (index === completed) {\n      return { ...item, status: \"current\" }\n    }\n    return { ...item, status: \"pending\" }\n  })\n\n  const hasContent = Boolean(processedItems?.length) || Boolean(children)\n\n  // Normalize null to undefined for size and variant\n  const normalizedSize = size ?? undefined\n  const normalizedVariant = variant ?? undefined\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      className={cn(timelineVariants({ variant: normalizedVariant, size: normalizedSize }), className)}\n      data-slot=\"timeline\"\n      data-variant={variant ?? \"default\"}\n      role=\"list\"\n      {...props}\n    >\n      {processedItems\n        ? processedItems.map((item, index) => (\n            <TimelineItemComponent\n              key={item.id}\n              isActive={activeIndex === index}\n              isComplete={index < completed}\n              isLast={index === processedItems.length - 1}\n              item={item}\n              showConnector={connector}\n              size={normalizedSize}\n              variant={normalizedVariant}\n            />\n          ))\n        : hasContent\n          ? children\n          : null}\n    </div>\n  )\n}\n\nexport {\n  Timeline,\n  TimelineConnector,\n  TimelineContent,\n  TimelineItemComponent as TimelineItem,\n  timelineItemVariants,\n  TimelineMarker,\n  timelineMarkerVariants,\n  timelineVariants,\n}\nexport type { TimelineItem as TimelineItemData, TimelineItemProps, TimelineProps }\n"]}

package/dist/{chunk-PK5O62XD.js → chunk-X4CJFD6D.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HRNDJU7D.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
@@ -54,5 +54,5 @@ function FeaturedIcon({
 }
 
 export { FeaturedIcon, featuredIconVariants };
-//# sourceMappingURL=chunk-PK5O62XD.js.map
-//# sourceMappingURL=chunk-PK5O62XD.js.map
+//# sourceMappingURL=chunk-X4CJFD6D.js.map
+//# sourceMappingURL=chunk-X4CJFD6D.js.map

package/dist/{chunk-PK5O62XD.js.map → chunk-X4CJFD6D.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/primitives/FeaturedIcon/FeaturedIcon.variants.ts","../src/components/primitives/FeaturedIcon/FeaturedIcon.tsx"],"names":[],"mappings":";;;;AAEO,IAAM,oBAAA,GAAuB,GAAA;AAAA,EAClC,0DAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,4FAAA;AAAA,QACJ,EAAA,EAAI,4FAAA;AAAA,QACJ,EAAA,EAAI,4FAAA;AAAA,QACJ,EAAA,EAAI,4FAAA;AAAA,QACJ,EAAA,EAAI,4FAAA;AAAA,QACJ,KAAA,EAAO;AAAA,OACT;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,+CAAA;AAAA,QACT,MAAA,EAAQ;AAAA,OACV;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EACE,qGAAA;AAAA,QACF,KAAA,EACE,iGAAA;AAAA,QACF,OAAA,EACE,qGAAA;AAAA,QACF,OAAA,EACE,qGAAA;AAAA,QACF,IAAA,EAAM,+FAAA;AAAA,QACN,WAAA,EACE;AAAA;AACJ,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM;AAAA;AACR;AAEJ;ACjCA,SAAS,YAAA,CAAa;AAAA,EACpB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAsB;AACpB,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAG,oBAAA,CAAqB,EAAE,MAAM,KAAA,EAAO,IAAA,EAAM,CAAA,EAAG,SAAS,CAAA;AAAA,MACpE,WAAA,EAAU,eAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ","file":"chunk-PK5O62XD.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\nexport const featuredIconVariants = cva(\n  \"inline-grid place-items-center shrink-0 [&_svg]:shrink-0\",\n  {\n    variants: {\n      size: {\n        xs: \"size-[var(--featured-icon-size-xs-plate)] [&_svg]:size-[var(--featured-icon-size-xs-icon)]\",\n        sm: \"size-[var(--featured-icon-size-sm-plate)] [&_svg]:size-[var(--featured-icon-size-sm-icon)]\",\n        md: \"size-[var(--featured-icon-size-md-plate)] [&_svg]:size-[var(--featured-icon-size-md-icon)]\",\n        lg: \"size-[var(--featured-icon-size-lg-plate)] [&_svg]:size-[var(--featured-icon-size-lg-icon)]\",\n        xl: \"size-[var(--featured-icon-size-xl-plate)] [&_svg]:size-[var(--featured-icon-size-xl-icon)]\",\n        \"2xl\": \"size-[var(--featured-icon-size-2xl-plate)] [&_svg]:size-[var(--featured-icon-size-2xl-icon)]\",\n      },\n      shape: {\n        default: \"rounded-[var(--featured-icon-radius-default)]\",\n        circle: \"rounded-[var(--featured-icon-radius-circle)]\",\n      },\n      tone: {\n        default:\n          \"bg-[color:var(--featured-icon-color-default-bg)] text-[color:var(--featured-icon-color-default-fg)]\",\n        brand:\n          \"bg-[color:var(--featured-icon-color-brand-bg)] text-[color:var(--featured-icon-color-brand-fg)]\",\n        success:\n          \"bg-[color:var(--featured-icon-color-success-bg)] text-[color:var(--featured-icon-color-success-fg)]\",\n        warning:\n          \"bg-[color:var(--featured-icon-color-warning-bg)] text-[color:var(--featured-icon-color-warning-fg)]\",\n        info: \"bg-[color:var(--featured-icon-color-info-bg)] text-[color:var(--featured-icon-color-info-fg)]\",\n        destructive:\n          \"bg-[color:var(--featured-icon-color-destructive-bg)] text-[color:var(--featured-icon-color-destructive-fg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      shape: \"default\",\n      tone: \"default\",\n    },\n  }\n)\n","import type { FeaturedIconProps } from \"./FeaturedIcon.types\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { featuredIconVariants } from \"./FeaturedIcon.variants\"\n\nfunction FeaturedIcon({\n  className,\n  size,\n  shape,\n  tone,\n  children,\n  ...props\n}: FeaturedIconProps) {\n  return (\n    <span\n      className={cn(featuredIconVariants({ size, shape, tone }), className)}\n      data-slot=\"featured-icon\"\n      {...props}\n    >\n      {children}\n    </span>\n  )\n}\n\nexport { FeaturedIcon, featuredIconVariants }\n"]}
+{"version":3,"sources":["../src/components/primitives/FeaturedIcon/FeaturedIcon.variants.ts","../src/components/primitives/FeaturedIcon/FeaturedIcon.tsx"],"names":[],"mappings":";;;;AAEO,IAAM,oBAAA,GAAuB,GAAA;AAAA,EAClC,0DAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,4FAAA;AAAA,QACJ,EAAA,EAAI,4FAAA;AAAA,QACJ,EAAA,EAAI,4FAAA;AAAA,QACJ,EAAA,EAAI,4FAAA;AAAA,QACJ,EAAA,EAAI,4FAAA;AAAA,QACJ,KAAA,EAAO;AAAA,OACT;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,+CAAA;AAAA,QACT,MAAA,EAAQ;AAAA,OACV;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EACE,qGAAA;AAAA,QACF,KAAA,EACE,iGAAA;AAAA,QACF,OAAA,EACE,qGAAA;AAAA,QACF,OAAA,EACE,qGAAA;AAAA,QACF,IAAA,EAAM,+FAAA;AAAA,QACN,WAAA,EACE;AAAA;AACJ,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM;AAAA;AACR;AAEJ;ACjCA,SAAS,YAAA,CAAa;AAAA,EACpB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAsB;AACpB,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAG,oBAAA,CAAqB,EAAE,MAAM,KAAA,EAAO,IAAA,EAAM,CAAA,EAAG,SAAS,CAAA;AAAA,MACpE,WAAA,EAAU,eAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ","file":"chunk-X4CJFD6D.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\nexport const featuredIconVariants = cva(\n  \"inline-grid place-items-center shrink-0 [&_svg]:shrink-0\",\n  {\n    variants: {\n      size: {\n        xs: \"size-[var(--featured-icon-size-xs-plate)] [&_svg]:size-[var(--featured-icon-size-xs-icon)]\",\n        sm: \"size-[var(--featured-icon-size-sm-plate)] [&_svg]:size-[var(--featured-icon-size-sm-icon)]\",\n        md: \"size-[var(--featured-icon-size-md-plate)] [&_svg]:size-[var(--featured-icon-size-md-icon)]\",\n        lg: \"size-[var(--featured-icon-size-lg-plate)] [&_svg]:size-[var(--featured-icon-size-lg-icon)]\",\n        xl: \"size-[var(--featured-icon-size-xl-plate)] [&_svg]:size-[var(--featured-icon-size-xl-icon)]\",\n        \"2xl\": \"size-[var(--featured-icon-size-2xl-plate)] [&_svg]:size-[var(--featured-icon-size-2xl-icon)]\",\n      },\n      shape: {\n        default: \"rounded-[var(--featured-icon-radius-default)]\",\n        circle: \"rounded-[var(--featured-icon-radius-circle)]\",\n      },\n      tone: {\n        default:\n          \"bg-[color:var(--featured-icon-color-default-bg)] text-[color:var(--featured-icon-color-default-fg)]\",\n        brand:\n          \"bg-[color:var(--featured-icon-color-brand-bg)] text-[color:var(--featured-icon-color-brand-fg)]\",\n        success:\n          \"bg-[color:var(--featured-icon-color-success-bg)] text-[color:var(--featured-icon-color-success-fg)]\",\n        warning:\n          \"bg-[color:var(--featured-icon-color-warning-bg)] text-[color:var(--featured-icon-color-warning-fg)]\",\n        info: \"bg-[color:var(--featured-icon-color-info-bg)] text-[color:var(--featured-icon-color-info-fg)]\",\n        destructive:\n          \"bg-[color:var(--featured-icon-color-destructive-bg)] text-[color:var(--featured-icon-color-destructive-fg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      shape: \"default\",\n      tone: \"default\",\n    },\n  }\n)\n","import type { FeaturedIconProps } from \"./FeaturedIcon.types\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { featuredIconVariants } from \"./FeaturedIcon.variants\"\n\nfunction FeaturedIcon({\n  className,\n  size,\n  shape,\n  tone,\n  children,\n  ...props\n}: FeaturedIconProps) {\n  return (\n    <span\n      className={cn(featuredIconVariants({ size, shape, tone }), className)}\n      data-slot=\"featured-icon\"\n      {...props}\n    >\n      {children}\n    </span>\n  )\n}\n\nexport { FeaturedIcon, featuredIconVariants }\n"]}

package/dist/{chunk-JWXK4TMX.js → chunk-XEQGATVF.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HRNDJU7D.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
@@ -102,5 +102,5 @@ function Spacer({
 }
 
 export { Spacer, spacerVariants };
-//# sourceMappingURL=chunk-JWXK4TMX.js.map
-//# sourceMappingURL=chunk-JWXK4TMX.js.map
+//# sourceMappingURL=chunk-XEQGATVF.js.map
+//# sourceMappingURL=chunk-XEQGATVF.js.map

package/dist/{chunk-JWXK4TMX.js.map → chunk-XEQGATVF.js.map}

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

package/dist/{chunk-B6KQKQ4S.js → chunk-XMUD3LG7.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HRNDJU7D.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { UploadCloudIcon, Loader2Icon, CheckCircle2Icon, AlertCircleIcon, XIcon, FileIcon } from 'lucide-react';
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
@@ -770,5 +770,5 @@ FileUploadProgressBar.displayName = "FileUploadProgressBar";
 FileUploadInline.displayName = "FileUploadInline";
 
 export { FileUpload, FileUploadAvatar, FileUploadDropzone, FileUploadInline, FileUploadList, FileUploadPreview, FileUploadProgressBar, FileUploadTrigger };
-//# sourceMappingURL=chunk-B6KQKQ4S.js.map
-//# sourceMappingURL=chunk-B6KQKQ4S.js.map
+//# sourceMappingURL=chunk-XMUD3LG7.js.map
+//# sourceMappingURL=chunk-XMUD3LG7.js.map