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

package/dist/{chunk-GGUWEAYD.js → chunk-NLPVF34P.js}

@@ -1,5 +1,5 @@
-import { buttonVariants } from './chunk-7TF5PVEU.js';
-import { cn } from './chunk-HRNDJU7D.js';
+import { buttonVariants } from './chunk-L4OQ6BJ5.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -128,5 +128,5 @@ function PaginationEllipsis({
 }
 
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, paginationContentVariants, paginationEllipsisVariants, paginationNextVariants, paginationPreviousVariants, paginationVariants };
-//# sourceMappingURL=chunk-GGUWEAYD.js.map
-//# sourceMappingURL=chunk-GGUWEAYD.js.map
+//# sourceMappingURL=chunk-NLPVF34P.js.map
+//# sourceMappingURL=chunk-NLPVF34P.js.map

package/dist/{chunk-GGUWEAYD.js.map → chunk-NLPVF34P.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/navigation/Pagination/Pagination.variants.ts","../src/components/navigation/Pagination/Pagination.tsx"],"names":[],"mappings":"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","file":"chunk-GGUWEAYD.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * Pagination root variant styles\n */\nexport const paginationVariants = cva([\n  \"mx-auto flex w-full justify-center\",\n])\n\n/**\n * PaginationContent variant styles\n */\nexport const paginationContentVariants = cva([\n  \"flex flex-row items-center gap-[var(--pagination-content-gap)]\",\n])\n\n/**\n * PaginationPrevious variant styles\n */\nexport const paginationPreviousVariants = cva([\n  \"gap-[var(--pagination-button-gap)] px-[var(--pagination-button-padding-x)] sm:pl-[var(--pagination-button-padding-x)]\",\n])\n\n/**\n * PaginationNext variant styles\n */\nexport const paginationNextVariants = cva([\n  \"gap-[var(--pagination-button-gap)] px-[var(--pagination-button-padding-x)] sm:pr-[var(--pagination-button-padding-x)]\",\n])\n\n/**\n * PaginationEllipsis variant styles\n */\nexport const paginationEllipsisVariants = cva([\n  \"flex size-[var(--pagination-ellipsis-size)] items-center justify-center\",\n])\n","import type {\n  PaginationContentProps,\n  PaginationEllipsisProps,\n  PaginationItemProps,\n  PaginationLinkProps,\n  PaginationNextProps,\n  PaginationPreviousProps,\n  PaginationProps,\n} from \"./Pagination.types\"\n\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  MoreHorizontalIcon,\n} from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { buttonVariants } from \"../../primitives/Button\"\nimport {\n  paginationContentVariants,\n  paginationEllipsisVariants,\n  paginationNextVariants,\n  paginationPreviousVariants,\n  paginationVariants,\n} from \"./Pagination.variants\"\n\n/**\n * Pagination - A navigation component for paginated content.\n *\n * Provides accessible navigation with previous/next buttons and page links.\n *\n * @example\n * <Pagination>\n *   <PaginationContent>\n *     <PaginationItem>\n *       <PaginationPrevious href=\"#\" />\n *     </PaginationItem>\n *     <PaginationItem>\n *       <PaginationLink href=\"#\">1</PaginationLink>\n *     </PaginationItem>\n *     <PaginationItem>\n *       <PaginationLink href=\"#\" isActive>2</PaginationLink>\n *     </PaginationItem>\n *     <PaginationItem>\n *       <PaginationNext href=\"#\" />\n *     </PaginationItem>\n *   </PaginationContent>\n * </Pagination>\n */\nfunction Pagination({ className, ...props }: PaginationProps) {\n  return (\n    <nav\n      aria-label=\"pagination\"\n      className={cn(paginationVariants(), className)}\n      data-slot=\"pagination\"\n      role=\"navigation\"\n      {...props}\n    />\n  )\n}\n\n/**\n * PaginationContent - Container for pagination items.\n */\nfunction PaginationContent({\n  className,\n  ...props\n}: PaginationContentProps) {\n  return (\n    <ul\n      className={cn(paginationContentVariants(), className)}\n      data-slot=\"pagination-content\"\n      {...props}\n    />\n  )\n}\n\n/**\n * PaginationItem - Wrapper for individual pagination elements.\n */\nfunction PaginationItem({ ...props }: PaginationItemProps) {\n  return <li data-slot=\"pagination-item\" {...props} />\n}\n\n/**\n * PaginationLink - A link to a specific page.\n *\n * Use isActive to indicate the current page.\n */\nfunction PaginationLink({\n  className,\n  isActive,\n  size = \"icon\",\n  ...props\n}: PaginationLinkProps) {\n  return (\n    <a\n      className={cn(\n        buttonVariants({\n          variant: isActive ? \"outline\" : \"ghost\",\n          size,\n        }),\n        className\n      )}\n      aria-current={isActive ? \"page\" : undefined}\n      data-active={isActive}\n      data-slot=\"pagination-link\"\n      {...props}\n    />\n  )\n}\n\n/**\n * PaginationPrevious - Link to the previous page.\n *\n * Includes a chevron icon and \"Previous\" text on larger screens.\n */\nfunction PaginationPrevious({\n  className,\n  ...props\n}: PaginationPreviousProps) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      className={cn(paginationPreviousVariants(), className)}\n      data-slot=\"pagination-previous\"\n      size=\"default\"\n      {...props}\n    >\n      <ChevronLeftIcon />\n      <span className=\"hidden sm:block\">Previous</span>\n    </PaginationLink>\n  )\n}\n\n/**\n * PaginationNext - Link to the next page.\n *\n * Includes a chevron icon and \"Next\" text on larger screens.\n */\nfunction PaginationNext({\n  className,\n  ...props\n}: PaginationNextProps) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      className={cn(paginationNextVariants(), className)}\n      data-slot=\"pagination-next\"\n      size=\"default\"\n      {...props}\n    >\n      <span className=\"hidden sm:block\">Next</span>\n      <ChevronRightIcon />\n    </PaginationLink>\n  )\n}\n\n/**\n * PaginationEllipsis - Indicates more pages between visible page links.\n */\nfunction PaginationEllipsis({\n  className,\n  ...props\n}: PaginationEllipsisProps) {\n  return (\n    <span\n      aria-hidden\n      className={cn(paginationEllipsisVariants(), className)}\n      data-slot=\"pagination-ellipsis\"\n      {...props}\n    >\n      <MoreHorizontalIcon className=\"size-4\" />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  )\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n}\n"]}
+{"version":3,"sources":["../src/components/navigation/Pagination/Pagination.variants.ts","../src/components/navigation/Pagination/Pagination.tsx"],"names":[],"mappings":"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","file":"chunk-NLPVF34P.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * Pagination root variant styles\n */\nexport const paginationVariants = cva([\n  \"mx-auto flex w-full justify-center\",\n])\n\n/**\n * PaginationContent variant styles\n */\nexport const paginationContentVariants = cva([\n  \"flex flex-row items-center gap-[var(--pagination-content-gap)]\",\n])\n\n/**\n * PaginationPrevious variant styles\n */\nexport const paginationPreviousVariants = cva([\n  \"gap-[var(--pagination-button-gap)] px-[var(--pagination-button-padding-x)] sm:pl-[var(--pagination-button-padding-x)]\",\n])\n\n/**\n * PaginationNext variant styles\n */\nexport const paginationNextVariants = cva([\n  \"gap-[var(--pagination-button-gap)] px-[var(--pagination-button-padding-x)] sm:pr-[var(--pagination-button-padding-x)]\",\n])\n\n/**\n * PaginationEllipsis variant styles\n */\nexport const paginationEllipsisVariants = cva([\n  \"flex size-[var(--pagination-ellipsis-size)] items-center justify-center\",\n])\n","import type {\n  PaginationContentProps,\n  PaginationEllipsisProps,\n  PaginationItemProps,\n  PaginationLinkProps,\n  PaginationNextProps,\n  PaginationPreviousProps,\n  PaginationProps,\n} from \"./Pagination.types\"\n\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  MoreHorizontalIcon,\n} from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { buttonVariants } from \"../../primitives/Button\"\nimport {\n  paginationContentVariants,\n  paginationEllipsisVariants,\n  paginationNextVariants,\n  paginationPreviousVariants,\n  paginationVariants,\n} from \"./Pagination.variants\"\n\n/**\n * Pagination - A navigation component for paginated content.\n *\n * Provides accessible navigation with previous/next buttons and page links.\n *\n * @example\n * <Pagination>\n *   <PaginationContent>\n *     <PaginationItem>\n *       <PaginationPrevious href=\"#\" />\n *     </PaginationItem>\n *     <PaginationItem>\n *       <PaginationLink href=\"#\">1</PaginationLink>\n *     </PaginationItem>\n *     <PaginationItem>\n *       <PaginationLink href=\"#\" isActive>2</PaginationLink>\n *     </PaginationItem>\n *     <PaginationItem>\n *       <PaginationNext href=\"#\" />\n *     </PaginationItem>\n *   </PaginationContent>\n * </Pagination>\n */\nfunction Pagination({ className, ...props }: PaginationProps) {\n  return (\n    <nav\n      aria-label=\"pagination\"\n      className={cn(paginationVariants(), className)}\n      data-slot=\"pagination\"\n      role=\"navigation\"\n      {...props}\n    />\n  )\n}\n\n/**\n * PaginationContent - Container for pagination items.\n */\nfunction PaginationContent({\n  className,\n  ...props\n}: PaginationContentProps) {\n  return (\n    <ul\n      className={cn(paginationContentVariants(), className)}\n      data-slot=\"pagination-content\"\n      {...props}\n    />\n  )\n}\n\n/**\n * PaginationItem - Wrapper for individual pagination elements.\n */\nfunction PaginationItem({ ...props }: PaginationItemProps) {\n  return <li data-slot=\"pagination-item\" {...props} />\n}\n\n/**\n * PaginationLink - A link to a specific page.\n *\n * Use isActive to indicate the current page.\n */\nfunction PaginationLink({\n  className,\n  isActive,\n  size = \"icon\",\n  ...props\n}: PaginationLinkProps) {\n  return (\n    <a\n      className={cn(\n        buttonVariants({\n          variant: isActive ? \"outline\" : \"ghost\",\n          size,\n        }),\n        className\n      )}\n      aria-current={isActive ? \"page\" : undefined}\n      data-active={isActive}\n      data-slot=\"pagination-link\"\n      {...props}\n    />\n  )\n}\n\n/**\n * PaginationPrevious - Link to the previous page.\n *\n * Includes a chevron icon and \"Previous\" text on larger screens.\n */\nfunction PaginationPrevious({\n  className,\n  ...props\n}: PaginationPreviousProps) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      className={cn(paginationPreviousVariants(), className)}\n      data-slot=\"pagination-previous\"\n      size=\"default\"\n      {...props}\n    >\n      <ChevronLeftIcon />\n      <span className=\"hidden sm:block\">Previous</span>\n    </PaginationLink>\n  )\n}\n\n/**\n * PaginationNext - Link to the next page.\n *\n * Includes a chevron icon and \"Next\" text on larger screens.\n */\nfunction PaginationNext({\n  className,\n  ...props\n}: PaginationNextProps) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      className={cn(paginationNextVariants(), className)}\n      data-slot=\"pagination-next\"\n      size=\"default\"\n      {...props}\n    >\n      <span className=\"hidden sm:block\">Next</span>\n      <ChevronRightIcon />\n    </PaginationLink>\n  )\n}\n\n/**\n * PaginationEllipsis - Indicates more pages between visible page links.\n */\nfunction PaginationEllipsis({\n  className,\n  ...props\n}: PaginationEllipsisProps) {\n  return (\n    <span\n      aria-hidden\n      className={cn(paginationEllipsisVariants(), className)}\n      data-slot=\"pagination-ellipsis\"\n      {...props}\n    >\n      <MoreHorizontalIcon className=\"size-4\" />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  )\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n}\n"]}

package/dist/{chunk-ZPAWUKJI.js → chunk-NNWMBVCB.js}

@@ -1,5 +1,5 @@
-import { ChartTooltipContent, ChartContainer, ChartTooltip, ChartLegend, ChartLegendContent } from './chunk-7I6KK6QE.js';
-import { cn } from './chunk-HRNDJU7D.js';
+import { ChartTooltipContent, ChartContainer, ChartTooltip, ChartLegend, ChartLegendContent } from './chunk-XXWCMY2G.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import * as React from 'react';
 import { LineChart as LineChart$1, CartesianGrid, XAxis, Label, YAxis, Line, LabelList } from 'recharts';
 import { cva } from 'class-variance-authority';
@@ -262,5 +262,5 @@ function LineChart({
 LineChart.displayName = "LineChart";
 
 export { LineChart };
-//# sourceMappingURL=chunk-ZPAWUKJI.js.map
-//# sourceMappingURL=chunk-ZPAWUKJI.js.map
+//# sourceMappingURL=chunk-NNWMBVCB.js.map
+//# sourceMappingURL=chunk-NNWMBVCB.js.map

package/dist/{chunk-ZPAWUKJI.js.map → chunk-NNWMBVCB.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/data-display/LineChart/LineChart.variants.ts","../src/components/data-display/LineChart/LineChart.tsx"],"names":["data","props","RechartsLineChart"],"mappings":"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","file":"chunk-ZPAWUKJI.js","sourcesContent":["// LineChart/LineChart.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * LineChart style variants using CVA\n *\n * Controls the line appearance and chart styling.\n *\n * @see https://cva.style/docs\n */\nexport const lineChartVariants = cva(\n  // Base styles (always applied)\n  \"\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        dashed: \"\",\n        dotted: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * Line stroke dash array configuration by variant\n */\nexport const lineStrokeDashArray: Record<string, string | undefined> = {\n  default: undefined,\n  dashed: \"5 5\",\n  dotted: \"2 2\",\n}\n\n/**\n * Line curve type configuration\n */\nexport const curveTypes = {\n  linear: \"linear\",\n  monotone: \"monotone\",\n  step: \"step\",\n  stepAfter: \"stepAfter\",\n  stepBefore: \"stepBefore\",\n  natural: \"natural\",\n} as const\n\nexport type CurveType = keyof typeof curveTypes\n\n// Export variant prop types\nexport type LineChartVariantProps = VariantProps<typeof lineChartVariants>\n","\"use client\"\n\nimport type {\n  LineChartProps,\n  LineChartSeriesConfig,\n} from \"./LineChart.types\"\n\nimport * as React from \"react\"\nimport {\n  CartesianGrid,\n  Label,\n  LabelList,\n  Line,\n  LineChart as RechartsLineChart,\n  XAxis,\n  YAxis,\n} from \"recharts\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n} from \"../Chart\"\nimport { lineStrokeDashArray } from \"./LineChart.variants\"\n\n/**\n * Normalize series to LineChartSeriesConfig format\n */\nfunction normalizeSeriesConfig(\n  series: (LineChartSeriesConfig | string)[]\n): LineChartSeriesConfig[] {\n  return series.map((s) =>\n    typeof s === \"string\" ? { dataKey: s } : s\n  )\n}\n\n/**\n * Get stroke dash array based on variant\n */\nfunction getVariantStrokeDasharray(variant: LineChartProps[\"variant\"]): string | undefined {\n  return lineStrokeDashArray[variant ?? \"default\"]\n}\n\ninterface PointDotProps {\n  cx?: number\n  cy?: number\n  index?: number\n}\n\nfunction makePointDotRenderer(\n  dataKey: string,\n  dotColors: string[],\n  baseDot: boolean | { fill?: string; r?: number }\n) {\n  const radius = typeof baseDot === \"object\" ? (baseDot.r ?? 3) : 3\n  return function PointDot({ cx, cy, index }: PointDotProps) {\n    const pointIndex = index ?? 0\n    return (\n      <circle\n        key={`${dataKey}-dot-${String(pointIndex)}`}\n        cx={cx}\n        cy={cy}\n        fill={dotColors[pointIndex % dotColors.length]}\n        r={radius}\n      />\n    )\n  }\n}\n\nfunction makePointLabelFormatter(\n  showPointLabels: boolean | { formatter?: (value: number) => string }\n) {\n  const formatter =\n    typeof showPointLabels === \"object\" ? showPointLabels.formatter : undefined\n  if (!formatter) return\n  return (label: React.ReactNode) => formatter(Number(label))\n}\n\n/**\n * LineChart - Data visualization component for trends and time series\n *\n * Connects data points with lines, ideal for showing trends and changes\n * over a continuous axis (usually time). Supports multiple series for\n * comparison.\n *\n * @example\n * ```tsx\n * const data = [\n *   { month: \"Jan\", desktop: 186, mobile: 80 },\n *   { month: \"Feb\", desktop: 305, mobile: 200 },\n * ]\n *\n * const config = {\n *   desktop: { label: \"Desktop\", color: \"hsl(var(--chart-1))\" },\n *   mobile: { label: \"Mobile\", color: \"hsl(var(--chart-2))\" },\n * }\n *\n * <LineChart\n *   data={data}\n *   config={config}\n *   xAxisKey=\"month\"\n *   series={[\"desktop\", \"mobile\"]}\n * />\n * ```\n */\nexport function LineChart({\n  activeDot = { r: 6 },\n  allowDecimals = true,\n  ariaLabel,\n  autoMinValue = false,\n  className,\n  config,\n  connectNulls = false,\n  customTooltip,\n  curveType = \"monotone\",\n  data,\n  dot = false,\n  enableLegendSlider = false,\n  gridDashArray = \"3 3\",\n  intervalType,\n  legendPosition = \"bottom\",\n  maxValue,\n  minValue,\n  onValueChange,\n  series,\n  showGrid = true,\n  showLegend = false,\n  showPointLabels = false,\n  showTooltip = true,\n  showXAxis = true,\n  showYAxis = true,\n  startEndOnly = false,\n  strokeWidth = 2,\n  tickGap,\n  tooltipCallback,\n  tooltipIndicator = \"dot\",\n  variant = \"default\",\n  xAxisLabel,\n  xAxisKey,\n  xAxisTickFormatter,\n  yAxisLabel,\n  yAxisTickFormatter,\n  yAxisWidth,\n  ...props\n}: LineChartProps) {\n  const pointLabelFormatter = makePointLabelFormatter(showPointLabels)\n  const normalizedSeries = normalizeSeriesConfig(series)\n  const variantStrokeDasharray = getVariantStrokeDasharray(variant)\n  const prevTooltipStateRef = React.useRef<boolean>(false)\n\n  // Handle dot click for onValueChange\n  const handleDotClick = React.useCallback(\n    (dataKey: string) => (data: { payload: Record<string, unknown> }) => {\n      if (!onValueChange) return\n      const payload = data.payload\n      const value = payload[dataKey]\n      onValueChange({\n        category: payload[xAxisKey],\n        dataKey,\n        payload,\n        value: typeof value === \"number\" ? value : 0,\n      })\n    },\n    [onValueChange, xAxisKey]\n  )\n\n  /* eslint-disable react-hooks/static-components, @eslint-react/no-nested-component-definitions, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access -- Intentional: memoized render function with Recharts any-typed props */\n  // Custom tooltip content wrapper for tooltipCallback\n  const TooltipContentWithCallback = React.useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (props: any) => {\n      const { active = false, label, payload } = props\n\n      // Call tooltipCallback when state changes\n      if (tooltipCallback && active !== prevTooltipStateRef.current) {\n        prevTooltipStateRef.current = active\n        tooltipCallback({\n          active,\n          label,\n          payload: payload?.map((p: { dataKey: number | string; payload: Record<string, unknown>; value: number; }) => ({\n            dataKey: String(p.dataKey),\n            value: p.value,\n            payload: p.payload,\n          })),\n        })\n      }\n\n      return <ChartTooltipContent indicator={tooltipIndicator} {...props} />\n    },\n    [tooltipCallback, tooltipIndicator]\n  )\n\n  // Calculate Y-axis domain\n  const yDomain = React.useMemo(() => {\n    const min = minValue ?? (autoMinValue ? \"auto\" : 0)\n    const max = maxValue ?? \"auto\"\n    return [min, max] as const\n  }, [autoMinValue, maxValue, minValue])\n\n  // Calculate X-axis ticks for startEndOnly\n  const xAxisTicks = React.useMemo(() => {\n    if (!startEndOnly || data.length < 2) return\n    const first = data[0]\n    const last = data[data.length - 1]\n    if (!first || !last) return\n    return [first[xAxisKey], last[xAxisKey]] as string[]\n  }, [data, startEndOnly, xAxisKey])\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      data-slot=\"line-chart\"\n      role={ariaLabel ? \"img\" : undefined}\n      {...props}\n    >\n      <ChartContainer\n        className={cn(className)}\n        config={config}\n      >\n        <RechartsLineChart\n          accessibilityLayer\n          data={data}\n          margin={{ left: xAxisLabel ? 20 : 12, right: 12, bottom: yAxisLabel ? 20 : 0 }}\n        >\n          {showGrid && (\n            <CartesianGrid strokeDasharray={gridDashArray} vertical={false} />\n          )}\n\n          {showXAxis && (\n            <XAxis\n              axisLine={false}\n              dataKey={xAxisKey}\n              interval={intervalType}\n              minTickGap={tickGap}\n              tickFormatter={xAxisTickFormatter}\n              tickLine={false}\n              tickMargin={8}\n              ticks={xAxisTicks}\n            >\n              {xAxisLabel && (\n                <Label offset={-5} position=\"insideBottom\" value={xAxisLabel} />\n              )}\n            </XAxis>\n          )}\n\n          {showYAxis && (\n            <YAxis\n              allowDecimals={allowDecimals}\n              axisLine={false}\n              domain={yDomain}\n              tickFormatter={yAxisTickFormatter}\n              tickLine={false}\n              tickMargin={8}\n              width={yAxisWidth}\n            >\n              {yAxisLabel && (\n                <Label angle={-90} offset={-5} position=\"insideLeft\" value={yAxisLabel} />\n              )}\n            </YAxis>\n          )}\n\n          {showTooltip && (\n            <ChartTooltip\n              content={\n                customTooltip\n                  ?? (tooltipCallback\n                    ? <TooltipContentWithCallback />\n                    : <ChartTooltipContent indicator={tooltipIndicator} />)\n              }\n              cursor={false}\n            />\n          )}\n\n          {showLegend && (\n            <ChartLegend\n              align={legendPosition === \"left\" ? \"left\" : legendPosition === \"right\" ? \"right\" : \"center\"}\n              content={<ChartLegendContent enableSlider={enableLegendSlider} />}\n              layout={legendPosition === \"left\" || legendPosition === \"right\" ? \"vertical\" : \"horizontal\"}\n              verticalAlign={legendPosition === \"top\" ? \"top\" : legendPosition === \"bottom\" ? \"bottom\" : \"middle\"}\n            />\n          )}\n\n          {normalizedSeries.map((seriesConfig) => {\n            const {\n              activeDot: seriesActiveDot,\n              dataKey,\n              dot: seriesDot,\n              dotColors,\n              strokeDasharray: seriesStrokeDasharray,\n              strokeOpacity,\n              strokeWidth: seriesStrokeWidth,\n            } = seriesConfig\n\n            const stroke = `var(--color-${dataKey})`\n            const finalStrokeDasharray = seriesStrokeDasharray ?? variantStrokeDasharray\n            const baseDot = seriesDot ?? dot\n            const finalDot = dotColors?.length\n              ? makePointDotRenderer(dataKey, dotColors, baseDot)\n              : baseDot\n            const finalStrokeWidth = seriesStrokeWidth ?? strokeWidth\n\n            // Merge activeDot config with click handler\n            const baseActiveDot = seriesActiveDot ?? activeDot\n            const finalActiveDot = onValueChange\n              ? typeof baseActiveDot === \"object\"\n                ? { ...baseActiveDot, onClick: handleDotClick(dataKey), style: { cursor: \"pointer\" } }\n                : !baseActiveDot\n                  ? false\n                  : { r: 6, onClick: handleDotClick(dataKey), style: { cursor: \"pointer\" } }\n              : baseActiveDot\n\n            return (\n              <Line\n                key={dataKey}\n                activeDot={finalActiveDot}\n                connectNulls={connectNulls}\n                dataKey={dataKey}\n                dot={finalDot}\n                stroke={stroke}\n                strokeDasharray={finalStrokeDasharray}\n                strokeOpacity={strokeOpacity}\n                strokeWidth={finalStrokeWidth}\n                type={curveType}\n              >\n                {showPointLabels ? (\n                  <LabelList\n                    className=\"fill-foreground text-xs\"\n                    dataKey={dataKey}\n                    formatter={pointLabelFormatter}\n                    offset={10}\n                    position=\"top\"\n                  />\n                ) : null}\n              </Line>\n            )\n          })}\n        </RechartsLineChart>\n      </ChartContainer>\n    </div>\n  )\n}\n\nLineChart.displayName = \"LineChart\"\n"]}
+{"version":3,"sources":["../src/components/data-display/LineChart/LineChart.variants.ts","../src/components/data-display/LineChart/LineChart.tsx"],"names":["data","props","RechartsLineChart"],"mappings":"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","file":"chunk-NNWMBVCB.js","sourcesContent":["// LineChart/LineChart.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * LineChart style variants using CVA\n *\n * Controls the line appearance and chart styling.\n *\n * @see https://cva.style/docs\n */\nexport const lineChartVariants = cva(\n  // Base styles (always applied)\n  \"\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        dashed: \"\",\n        dotted: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * Line stroke dash array configuration by variant\n */\nexport const lineStrokeDashArray: Record<string, string | undefined> = {\n  default: undefined,\n  dashed: \"5 5\",\n  dotted: \"2 2\",\n}\n\n/**\n * Line curve type configuration\n */\nexport const curveTypes = {\n  linear: \"linear\",\n  monotone: \"monotone\",\n  step: \"step\",\n  stepAfter: \"stepAfter\",\n  stepBefore: \"stepBefore\",\n  natural: \"natural\",\n} as const\n\nexport type CurveType = keyof typeof curveTypes\n\n// Export variant prop types\nexport type LineChartVariantProps = VariantProps<typeof lineChartVariants>\n","\"use client\"\n\nimport type {\n  LineChartProps,\n  LineChartSeriesConfig,\n} from \"./LineChart.types\"\n\nimport * as React from \"react\"\nimport {\n  CartesianGrid,\n  Label,\n  LabelList,\n  Line,\n  LineChart as RechartsLineChart,\n  XAxis,\n  YAxis,\n} from \"recharts\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n} from \"../Chart\"\nimport { lineStrokeDashArray } from \"./LineChart.variants\"\n\n/**\n * Normalize series to LineChartSeriesConfig format\n */\nfunction normalizeSeriesConfig(\n  series: (LineChartSeriesConfig | string)[]\n): LineChartSeriesConfig[] {\n  return series.map((s) =>\n    typeof s === \"string\" ? { dataKey: s } : s\n  )\n}\n\n/**\n * Get stroke dash array based on variant\n */\nfunction getVariantStrokeDasharray(variant: LineChartProps[\"variant\"]): string | undefined {\n  return lineStrokeDashArray[variant ?? \"default\"]\n}\n\ninterface PointDotProps {\n  cx?: number\n  cy?: number\n  index?: number\n}\n\nfunction makePointDotRenderer(\n  dataKey: string,\n  dotColors: string[],\n  baseDot: boolean | { fill?: string; r?: number }\n) {\n  const radius = typeof baseDot === \"object\" ? (baseDot.r ?? 3) : 3\n  return function PointDot({ cx, cy, index }: PointDotProps) {\n    const pointIndex = index ?? 0\n    return (\n      <circle\n        key={`${dataKey}-dot-${String(pointIndex)}`}\n        cx={cx}\n        cy={cy}\n        fill={dotColors[pointIndex % dotColors.length]}\n        r={radius}\n      />\n    )\n  }\n}\n\nfunction makePointLabelFormatter(\n  showPointLabels: boolean | { formatter?: (value: number) => string }\n) {\n  const formatter =\n    typeof showPointLabels === \"object\" ? showPointLabels.formatter : undefined\n  if (!formatter) return\n  return (label: React.ReactNode) => formatter(Number(label))\n}\n\n/**\n * LineChart - Data visualization component for trends and time series\n *\n * Connects data points with lines, ideal for showing trends and changes\n * over a continuous axis (usually time). Supports multiple series for\n * comparison.\n *\n * @example\n * ```tsx\n * const data = [\n *   { month: \"Jan\", desktop: 186, mobile: 80 },\n *   { month: \"Feb\", desktop: 305, mobile: 200 },\n * ]\n *\n * const config = {\n *   desktop: { label: \"Desktop\", color: \"hsl(var(--chart-1))\" },\n *   mobile: { label: \"Mobile\", color: \"hsl(var(--chart-2))\" },\n * }\n *\n * <LineChart\n *   data={data}\n *   config={config}\n *   xAxisKey=\"month\"\n *   series={[\"desktop\", \"mobile\"]}\n * />\n * ```\n */\nexport function LineChart({\n  activeDot = { r: 6 },\n  allowDecimals = true,\n  ariaLabel,\n  autoMinValue = false,\n  className,\n  config,\n  connectNulls = false,\n  customTooltip,\n  curveType = \"monotone\",\n  data,\n  dot = false,\n  enableLegendSlider = false,\n  gridDashArray = \"3 3\",\n  intervalType,\n  legendPosition = \"bottom\",\n  maxValue,\n  minValue,\n  onValueChange,\n  series,\n  showGrid = true,\n  showLegend = false,\n  showPointLabels = false,\n  showTooltip = true,\n  showXAxis = true,\n  showYAxis = true,\n  startEndOnly = false,\n  strokeWidth = 2,\n  tickGap,\n  tooltipCallback,\n  tooltipIndicator = \"dot\",\n  variant = \"default\",\n  xAxisLabel,\n  xAxisKey,\n  xAxisTickFormatter,\n  yAxisLabel,\n  yAxisTickFormatter,\n  yAxisWidth,\n  ...props\n}: LineChartProps) {\n  const pointLabelFormatter = makePointLabelFormatter(showPointLabels)\n  const normalizedSeries = normalizeSeriesConfig(series)\n  const variantStrokeDasharray = getVariantStrokeDasharray(variant)\n  const prevTooltipStateRef = React.useRef<boolean>(false)\n\n  // Handle dot click for onValueChange\n  const handleDotClick = React.useCallback(\n    (dataKey: string) => (data: { payload: Record<string, unknown> }) => {\n      if (!onValueChange) return\n      const payload = data.payload\n      const value = payload[dataKey]\n      onValueChange({\n        category: payload[xAxisKey],\n        dataKey,\n        payload,\n        value: typeof value === \"number\" ? value : 0,\n      })\n    },\n    [onValueChange, xAxisKey]\n  )\n\n  /* eslint-disable react-hooks/static-components, @eslint-react/no-nested-component-definitions, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access -- Intentional: memoized render function with Recharts any-typed props */\n  // Custom tooltip content wrapper for tooltipCallback\n  const TooltipContentWithCallback = React.useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (props: any) => {\n      const { active = false, label, payload } = props\n\n      // Call tooltipCallback when state changes\n      if (tooltipCallback && active !== prevTooltipStateRef.current) {\n        prevTooltipStateRef.current = active\n        tooltipCallback({\n          active,\n          label,\n          payload: payload?.map((p: { dataKey: number | string; payload: Record<string, unknown>; value: number; }) => ({\n            dataKey: String(p.dataKey),\n            value: p.value,\n            payload: p.payload,\n          })),\n        })\n      }\n\n      return <ChartTooltipContent indicator={tooltipIndicator} {...props} />\n    },\n    [tooltipCallback, tooltipIndicator]\n  )\n\n  // Calculate Y-axis domain\n  const yDomain = React.useMemo(() => {\n    const min = minValue ?? (autoMinValue ? \"auto\" : 0)\n    const max = maxValue ?? \"auto\"\n    return [min, max] as const\n  }, [autoMinValue, maxValue, minValue])\n\n  // Calculate X-axis ticks for startEndOnly\n  const xAxisTicks = React.useMemo(() => {\n    if (!startEndOnly || data.length < 2) return\n    const first = data[0]\n    const last = data[data.length - 1]\n    if (!first || !last) return\n    return [first[xAxisKey], last[xAxisKey]] as string[]\n  }, [data, startEndOnly, xAxisKey])\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      data-slot=\"line-chart\"\n      role={ariaLabel ? \"img\" : undefined}\n      {...props}\n    >\n      <ChartContainer\n        className={cn(className)}\n        config={config}\n      >\n        <RechartsLineChart\n          accessibilityLayer\n          data={data}\n          margin={{ left: xAxisLabel ? 20 : 12, right: 12, bottom: yAxisLabel ? 20 : 0 }}\n        >\n          {showGrid && (\n            <CartesianGrid strokeDasharray={gridDashArray} vertical={false} />\n          )}\n\n          {showXAxis && (\n            <XAxis\n              axisLine={false}\n              dataKey={xAxisKey}\n              interval={intervalType}\n              minTickGap={tickGap}\n              tickFormatter={xAxisTickFormatter}\n              tickLine={false}\n              tickMargin={8}\n              ticks={xAxisTicks}\n            >\n              {xAxisLabel && (\n                <Label offset={-5} position=\"insideBottom\" value={xAxisLabel} />\n              )}\n            </XAxis>\n          )}\n\n          {showYAxis && (\n            <YAxis\n              allowDecimals={allowDecimals}\n              axisLine={false}\n              domain={yDomain}\n              tickFormatter={yAxisTickFormatter}\n              tickLine={false}\n              tickMargin={8}\n              width={yAxisWidth}\n            >\n              {yAxisLabel && (\n                <Label angle={-90} offset={-5} position=\"insideLeft\" value={yAxisLabel} />\n              )}\n            </YAxis>\n          )}\n\n          {showTooltip && (\n            <ChartTooltip\n              content={\n                customTooltip\n                  ?? (tooltipCallback\n                    ? <TooltipContentWithCallback />\n                    : <ChartTooltipContent indicator={tooltipIndicator} />)\n              }\n              cursor={false}\n            />\n          )}\n\n          {showLegend && (\n            <ChartLegend\n              align={legendPosition === \"left\" ? \"left\" : legendPosition === \"right\" ? \"right\" : \"center\"}\n              content={<ChartLegendContent enableSlider={enableLegendSlider} />}\n              layout={legendPosition === \"left\" || legendPosition === \"right\" ? \"vertical\" : \"horizontal\"}\n              verticalAlign={legendPosition === \"top\" ? \"top\" : legendPosition === \"bottom\" ? \"bottom\" : \"middle\"}\n            />\n          )}\n\n          {normalizedSeries.map((seriesConfig) => {\n            const {\n              activeDot: seriesActiveDot,\n              dataKey,\n              dot: seriesDot,\n              dotColors,\n              strokeDasharray: seriesStrokeDasharray,\n              strokeOpacity,\n              strokeWidth: seriesStrokeWidth,\n            } = seriesConfig\n\n            const stroke = `var(--color-${dataKey})`\n            const finalStrokeDasharray = seriesStrokeDasharray ?? variantStrokeDasharray\n            const baseDot = seriesDot ?? dot\n            const finalDot = dotColors?.length\n              ? makePointDotRenderer(dataKey, dotColors, baseDot)\n              : baseDot\n            const finalStrokeWidth = seriesStrokeWidth ?? strokeWidth\n\n            // Merge activeDot config with click handler\n            const baseActiveDot = seriesActiveDot ?? activeDot\n            const finalActiveDot = onValueChange\n              ? typeof baseActiveDot === \"object\"\n                ? { ...baseActiveDot, onClick: handleDotClick(dataKey), style: { cursor: \"pointer\" } }\n                : !baseActiveDot\n                  ? false\n                  : { r: 6, onClick: handleDotClick(dataKey), style: { cursor: \"pointer\" } }\n              : baseActiveDot\n\n            return (\n              <Line\n                key={dataKey}\n                activeDot={finalActiveDot}\n                connectNulls={connectNulls}\n                dataKey={dataKey}\n                dot={finalDot}\n                stroke={stroke}\n                strokeDasharray={finalStrokeDasharray}\n                strokeOpacity={strokeOpacity}\n                strokeWidth={finalStrokeWidth}\n                type={curveType}\n              >\n                {showPointLabels ? (\n                  <LabelList\n                    className=\"fill-foreground text-xs\"\n                    dataKey={dataKey}\n                    formatter={pointLabelFormatter}\n                    offset={10}\n                    position=\"top\"\n                  />\n                ) : null}\n              </Line>\n            )\n          })}\n        </RechartsLineChart>\n      </ChartContainer>\n    </div>\n  )\n}\n\nLineChart.displayName = \"LineChart\"\n"]}

package/dist/{chunk-H4ANCFZG.js → chunk-NUA54ABI.js}

@@ -1,5 +1,5 @@
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-7ZJ32KRQ.js';
-import { cn } from './chunk-HRNDJU7D.js';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-TEVGCTUN.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -229,5 +229,5 @@ function CategoryBar({
 CategoryBar.displayName = "CategoryBar";
 
 export { CategoryBar };
-//# sourceMappingURL=chunk-H4ANCFZG.js.map
-//# sourceMappingURL=chunk-H4ANCFZG.js.map
+//# sourceMappingURL=chunk-NUA54ABI.js.map
+//# sourceMappingURL=chunk-NUA54ABI.js.map

package/dist/{chunk-H4ANCFZG.js.map → chunk-NUA54ABI.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/data-display/CategoryBar/CategoryBar.variants.ts","../src/components/data-display/CategoryBar/CategoryBar.tsx"],"names":[],"mappings":"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","file":"chunk-H4ANCFZG.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\nexport const categoryBarContainerVariants = cva(\n  \"w-full\",\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n\nexport const categoryBarVariants = cva(\n  \"relative flex w-full overflow-hidden rounded-full\",\n  {\n    variants: {\n      size: {\n        xs: \"h-1\",\n        sm: \"h-2\",\n        md: \"h-3\",\n        lg: \"h-4\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const categoryBarSegmentVariants = cva(\n  \"transition-all duration-300\",\n  {\n    variants: {\n      clickable: {\n        true: \"cursor-pointer hover:opacity-80\",\n        false: \"\",\n      },\n      animated: {\n        true: \"\",\n        false: \"!transition-none\",\n      },\n    },\n    defaultVariants: {\n      clickable: false,\n      animated: true,\n    },\n  }\n)\n\nexport const categoryBarLabelsVariants = cva(\n  \"mt-2 flex justify-between gap-2\",\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n\nexport const categoryBarLabelItemVariants = cva(\n  \"flex items-center gap-1.5 text-sm\",\n  {\n    variants: {\n      clickable: {\n        true: \"cursor-pointer hover:opacity-80\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      clickable: false,\n    },\n  }\n)\n\nexport const categoryBarLabelDotVariants = cva(\n  \"h-2 w-2 shrink-0 rounded-full\",\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n\nexport const categoryBarMarkerVariants = cva(\n  \"absolute top-0 h-full w-0.5 bg-foreground\",\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n","\"use client\"\n\nimport type { CategoryBarDataItem, CategoryBarProps } from \"./CategoryBar.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../../feedback/Tooltip\"\nimport {\n  categoryBarContainerVariants,\n  categoryBarLabelDotVariants,\n  categoryBarLabelItemVariants,\n  categoryBarLabelsVariants,\n  categoryBarMarkerVariants,\n  categoryBarSegmentVariants,\n  categoryBarVariants,\n} from \"./CategoryBar.variants\"\n\n/**\n * Default colors for categories\n */\nconst DEFAULT_COLORS = [\n  \"var(--chart-1)\",\n  \"var(--chart-2)\",\n  \"var(--chart-3)\",\n  \"var(--chart-4)\",\n  \"var(--chart-5)\",\n]\n\n/**\n * Default value formatter\n */\nfunction defaultValueFormatter(value: number): string {\n  return value.toLocaleString()\n}\n\n/**\n * CategoryBar - Segmented bar showing proportional categories\n *\n * Displays categories as horizontal segments proportional to their values.\n * Similar to a pie chart but in a horizontal bar format. Ideal for showing\n * composition or breakdown of a total.\n *\n * @example\n * ```tsx\n * const data = [\n *   { key: \"completed\", name: \"Completed\", value: 45, color: \"var(--chart-1)\" },\n *   { key: \"in-progress\", name: \"In Progress\", value: 30, color: \"var(--chart-2)\" },\n *   { key: \"pending\", name: \"Pending\", value: 25, color: \"var(--chart-3)\" },\n * ]\n *\n * <CategoryBar data={data} />\n * ```\n *\n * @example\n * ```tsx\n * // With marker and custom formatter\n * <CategoryBar\n *   data={data}\n *   markerValue={75}\n *   valueFormatter={(v) => `${v}%`}\n *   size=\"lg\"\n * />\n * ```\n */\nexport function CategoryBar({\n  className,\n  colors = DEFAULT_COLORS,\n  data,\n  markerValue,\n  onClick,\n  showAnimation = true,\n  showLabels = true,\n  showTooltip = true,\n  size = \"md\",\n  valueFormatter = defaultValueFormatter,\n  ...props\n}: CategoryBarProps) {\n  // Calculate total and percentages\n  const total = React.useMemo(\n    () => data.reduce((sum, item) => sum + item.value, 0),\n    [data]\n  )\n\n  const segments = React.useMemo(() => {\n    let cumulativePercent = 0\n    return data.map((item, index) => {\n      const percent = total > 0 ? (item.value / total) * 100 : 0\n      const segment = {\n        ...item,\n        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- Defensive: color is optional in CategoryBarItem\n        color: item.color ?? colors[index % colors.length],\n        percent,\n        startPercent: cumulativePercent,\n      }\n      // eslint-disable-next-line react-hooks/immutability -- Safe: building cumulative value within useMemo callback\n      cumulativePercent += percent\n      return segment\n    })\n  }, [data, total, colors])\n\n  const isClickable = Boolean(onClick)\n\n  // Calculate marker position\n  const markerPosition = React.useMemo(() => {\n    if (markerValue === undefined || total === 0) return\n    return (markerValue / total) * 100\n  }, [markerValue, total])\n\n  const renderSegment = (\n    segment: CategoryBarDataItem & { percent: number; startPercent: number },\n    index: number\n  ) => {\n    const segmentElement = (\n      <div\n        key={segment.key}\n        className={cn(\n          categoryBarSegmentVariants({\n            animated: showAnimation,\n            clickable: isClickable,\n          })\n        )}\n        style={{\n          backgroundColor: segment.color,\n          width: `${String(segment.percent)}%`,\n        }}\n        aria-label={`${segment.name}: ${valueFormatter(segment.value)}`}\n        role={isClickable ? \"button\" : undefined}\n        tabIndex={isClickable ? 0 : undefined}\n        onClick={isClickable ? () => onClick?.(segment, index) : undefined}\n        onKeyDown={\n          isClickable\n            ? (e) => {\n                if (e.key === \"Enter\" || e.key === \" \") {\n                  e.preventDefault()\n                  onClick?.(segment, index)\n                }\n              }\n            : undefined\n        }\n      />\n    )\n\n    if (!showTooltip) return segmentElement\n\n    return (\n      <Tooltip key={segment.key}>\n        <TooltipTrigger asChild>\n          {segmentElement}\n        </TooltipTrigger>\n        <TooltipContent>\n          <div className=\"flex flex-col gap-1\">\n            <div className=\"flex items-center gap-2\">\n              <div\n                className=\"h-2 w-2 rounded-full\"\n                style={{ backgroundColor: segment.color }}\n              />\n              <span className=\"font-medium\">{segment.name}</span>\n            </div>\n            <div className=\"text-muted-foreground\">\n              {valueFormatter(segment.value)} ({segment.percent.toFixed(1)}%)\n            </div>\n          </div>\n        </TooltipContent>\n      </Tooltip>\n    )\n  }\n\n  return (\n    <div\n      className={cn(categoryBarContainerVariants(), className)}\n      data-slot=\"category-bar\"\n      {...props}\n    >\n      <TooltipProvider>\n        <div className={categoryBarVariants({ size })}>\n          {segments.map((segment, index) => renderSegment(segment, index))}\n\n          {markerPosition !== undefined && (\n            <div\n              className={categoryBarMarkerVariants()}\n              style={{ left: `${String(markerPosition)}%` }}\n            />\n          )}\n        </div>\n      </TooltipProvider>\n\n      {showLabels && (\n        <div className={categoryBarLabelsVariants()}>\n          {segments.map((segment, index) => (\n            <div\n              key={segment.key}\n              className={cn(categoryBarLabelItemVariants({ clickable: isClickable }))}\n              role={isClickable ? \"button\" : undefined}\n              tabIndex={isClickable ? 0 : undefined}\n              onClick={isClickable ? () => onClick?.(segment, index) : undefined}\n              onKeyDown={\n                isClickable\n                  ? (e) => {\n                      if (e.key === \"Enter\" || e.key === \" \") {\n                        e.preventDefault()\n                        onClick?.(segment, index)\n                      }\n                    }\n                  : undefined\n              }\n            >\n              <div\n                className={categoryBarLabelDotVariants()}\n                style={{ backgroundColor: segment.color }}\n              />\n              <span className=\"text-muted-foreground\">{segment.name}</span>\n              <span className=\"font-medium\">{valueFormatter(segment.value)}</span>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\nCategoryBar.displayName = \"CategoryBar\"\n"]}
+{"version":3,"sources":["../src/components/data-display/CategoryBar/CategoryBar.variants.ts","../src/components/data-display/CategoryBar/CategoryBar.tsx"],"names":[],"mappings":"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","file":"chunk-NUA54ABI.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\nexport const categoryBarContainerVariants = cva(\n  \"w-full\",\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n\nexport const categoryBarVariants = cva(\n  \"relative flex w-full overflow-hidden rounded-full\",\n  {\n    variants: {\n      size: {\n        xs: \"h-1\",\n        sm: \"h-2\",\n        md: \"h-3\",\n        lg: \"h-4\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const categoryBarSegmentVariants = cva(\n  \"transition-all duration-300\",\n  {\n    variants: {\n      clickable: {\n        true: \"cursor-pointer hover:opacity-80\",\n        false: \"\",\n      },\n      animated: {\n        true: \"\",\n        false: \"!transition-none\",\n      },\n    },\n    defaultVariants: {\n      clickable: false,\n      animated: true,\n    },\n  }\n)\n\nexport const categoryBarLabelsVariants = cva(\n  \"mt-2 flex justify-between gap-2\",\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n\nexport const categoryBarLabelItemVariants = cva(\n  \"flex items-center gap-1.5 text-sm\",\n  {\n    variants: {\n      clickable: {\n        true: \"cursor-pointer hover:opacity-80\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      clickable: false,\n    },\n  }\n)\n\nexport const categoryBarLabelDotVariants = cva(\n  \"h-2 w-2 shrink-0 rounded-full\",\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n\nexport const categoryBarMarkerVariants = cva(\n  \"absolute top-0 h-full w-0.5 bg-foreground\",\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n","\"use client\"\n\nimport type { CategoryBarDataItem, CategoryBarProps } from \"./CategoryBar.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../../feedback/Tooltip\"\nimport {\n  categoryBarContainerVariants,\n  categoryBarLabelDotVariants,\n  categoryBarLabelItemVariants,\n  categoryBarLabelsVariants,\n  categoryBarMarkerVariants,\n  categoryBarSegmentVariants,\n  categoryBarVariants,\n} from \"./CategoryBar.variants\"\n\n/**\n * Default colors for categories\n */\nconst DEFAULT_COLORS = [\n  \"var(--chart-1)\",\n  \"var(--chart-2)\",\n  \"var(--chart-3)\",\n  \"var(--chart-4)\",\n  \"var(--chart-5)\",\n]\n\n/**\n * Default value formatter\n */\nfunction defaultValueFormatter(value: number): string {\n  return value.toLocaleString()\n}\n\n/**\n * CategoryBar - Segmented bar showing proportional categories\n *\n * Displays categories as horizontal segments proportional to their values.\n * Similar to a pie chart but in a horizontal bar format. Ideal for showing\n * composition or breakdown of a total.\n *\n * @example\n * ```tsx\n * const data = [\n *   { key: \"completed\", name: \"Completed\", value: 45, color: \"var(--chart-1)\" },\n *   { key: \"in-progress\", name: \"In Progress\", value: 30, color: \"var(--chart-2)\" },\n *   { key: \"pending\", name: \"Pending\", value: 25, color: \"var(--chart-3)\" },\n * ]\n *\n * <CategoryBar data={data} />\n * ```\n *\n * @example\n * ```tsx\n * // With marker and custom formatter\n * <CategoryBar\n *   data={data}\n *   markerValue={75}\n *   valueFormatter={(v) => `${v}%`}\n *   size=\"lg\"\n * />\n * ```\n */\nexport function CategoryBar({\n  className,\n  colors = DEFAULT_COLORS,\n  data,\n  markerValue,\n  onClick,\n  showAnimation = true,\n  showLabels = true,\n  showTooltip = true,\n  size = \"md\",\n  valueFormatter = defaultValueFormatter,\n  ...props\n}: CategoryBarProps) {\n  // Calculate total and percentages\n  const total = React.useMemo(\n    () => data.reduce((sum, item) => sum + item.value, 0),\n    [data]\n  )\n\n  const segments = React.useMemo(() => {\n    let cumulativePercent = 0\n    return data.map((item, index) => {\n      const percent = total > 0 ? (item.value / total) * 100 : 0\n      const segment = {\n        ...item,\n        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- Defensive: color is optional in CategoryBarItem\n        color: item.color ?? colors[index % colors.length],\n        percent,\n        startPercent: cumulativePercent,\n      }\n      // eslint-disable-next-line react-hooks/immutability -- Safe: building cumulative value within useMemo callback\n      cumulativePercent += percent\n      return segment\n    })\n  }, [data, total, colors])\n\n  const isClickable = Boolean(onClick)\n\n  // Calculate marker position\n  const markerPosition = React.useMemo(() => {\n    if (markerValue === undefined || total === 0) return\n    return (markerValue / total) * 100\n  }, [markerValue, total])\n\n  const renderSegment = (\n    segment: CategoryBarDataItem & { percent: number; startPercent: number },\n    index: number\n  ) => {\n    const segmentElement = (\n      <div\n        key={segment.key}\n        className={cn(\n          categoryBarSegmentVariants({\n            animated: showAnimation,\n            clickable: isClickable,\n          })\n        )}\n        style={{\n          backgroundColor: segment.color,\n          width: `${String(segment.percent)}%`,\n        }}\n        aria-label={`${segment.name}: ${valueFormatter(segment.value)}`}\n        role={isClickable ? \"button\" : undefined}\n        tabIndex={isClickable ? 0 : undefined}\n        onClick={isClickable ? () => onClick?.(segment, index) : undefined}\n        onKeyDown={\n          isClickable\n            ? (e) => {\n                if (e.key === \"Enter\" || e.key === \" \") {\n                  e.preventDefault()\n                  onClick?.(segment, index)\n                }\n              }\n            : undefined\n        }\n      />\n    )\n\n    if (!showTooltip) return segmentElement\n\n    return (\n      <Tooltip key={segment.key}>\n        <TooltipTrigger asChild>\n          {segmentElement}\n        </TooltipTrigger>\n        <TooltipContent>\n          <div className=\"flex flex-col gap-1\">\n            <div className=\"flex items-center gap-2\">\n              <div\n                className=\"h-2 w-2 rounded-full\"\n                style={{ backgroundColor: segment.color }}\n              />\n              <span className=\"font-medium\">{segment.name}</span>\n            </div>\n            <div className=\"text-muted-foreground\">\n              {valueFormatter(segment.value)} ({segment.percent.toFixed(1)}%)\n            </div>\n          </div>\n        </TooltipContent>\n      </Tooltip>\n    )\n  }\n\n  return (\n    <div\n      className={cn(categoryBarContainerVariants(), className)}\n      data-slot=\"category-bar\"\n      {...props}\n    >\n      <TooltipProvider>\n        <div className={categoryBarVariants({ size })}>\n          {segments.map((segment, index) => renderSegment(segment, index))}\n\n          {markerPosition !== undefined && (\n            <div\n              className={categoryBarMarkerVariants()}\n              style={{ left: `${String(markerPosition)}%` }}\n            />\n          )}\n        </div>\n      </TooltipProvider>\n\n      {showLabels && (\n        <div className={categoryBarLabelsVariants()}>\n          {segments.map((segment, index) => (\n            <div\n              key={segment.key}\n              className={cn(categoryBarLabelItemVariants({ clickable: isClickable }))}\n              role={isClickable ? \"button\" : undefined}\n              tabIndex={isClickable ? 0 : undefined}\n              onClick={isClickable ? () => onClick?.(segment, index) : undefined}\n              onKeyDown={\n                isClickable\n                  ? (e) => {\n                      if (e.key === \"Enter\" || e.key === \" \") {\n                        e.preventDefault()\n                        onClick?.(segment, index)\n                      }\n                    }\n                  : undefined\n              }\n            >\n              <div\n                className={categoryBarLabelDotVariants()}\n                style={{ backgroundColor: segment.color }}\n              />\n              <span className=\"text-muted-foreground\">{segment.name}</span>\n              <span className=\"font-medium\">{valueFormatter(segment.value)}</span>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\nCategoryBar.displayName = \"CategoryBar\"\n"]}

package/dist/{chunk-ZPCELVWJ.js → chunk-NY2WZ4P2.js}

@@ -1,5 +1,5 @@
-import { ChartTooltipContent, ChartContainer, ChartTooltip, ChartLegend, ChartLegendContent } from './chunk-7I6KK6QE.js';
-import { cn } from './chunk-HRNDJU7D.js';
+import { ChartTooltipContent, ChartContainer, ChartTooltip, ChartLegend, ChartLegendContent } from './chunk-XXWCMY2G.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import * as React from 'react';
 import { FunnelChart as FunnelChart$1, Funnel, Cell, LabelList } from 'recharts';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -123,5 +123,5 @@ function FunnelChart({
 FunnelChart.displayName = "FunnelChart";
 
 export { FunnelChart };
-//# sourceMappingURL=chunk-ZPCELVWJ.js.map
-//# sourceMappingURL=chunk-ZPCELVWJ.js.map
+//# sourceMappingURL=chunk-NY2WZ4P2.js.map
+//# sourceMappingURL=chunk-NY2WZ4P2.js.map

package/dist/{chunk-ZPCELVWJ.js.map → chunk-NY2WZ4P2.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/data-display/FunnelChart/FunnelChart.tsx"],"names":["props","RechartsFunnelChart"],"mappings":"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","file":"chunk-ZPCELVWJ.js","sourcesContent":["\"use client\"\n\nimport type {\n  FunnelChartDataItem,\n  FunnelChartProps,\n} from \"./FunnelChart.types\"\n\nimport * as React from \"react\"\nimport {\n  Cell,\n  Funnel,\n  LabelList,\n  FunnelChart as RechartsFunnelChart,\n} from \"recharts\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n} from \"../Chart\"\n\n/**\n * FunnelChart - Data visualization for conversion/process stages\n *\n * Displays data as a funnel with progressively smaller stages,\n * ideal for visualizing conversion rates, sales pipelines,\n * or any sequential process with drop-off.\n *\n * @example\n * ```tsx\n * const data = [\n *   { name: \"Visitors\", value: 5000, fill: \"var(--color-visitors)\" },\n *   { name: \"Leads\", value: 3000, fill: \"var(--color-leads)\" },\n *   { name: \"Opportunities\", value: 1500, fill: \"var(--color-opportunities)\" },\n *   { name: \"Sales\", value: 500, fill: \"var(--color-sales)\" },\n * ]\n *\n * const config = {\n *   visitors: { label: \"Visitors\", color: \"hsl(var(--chart-1))\" },\n *   leads: { label: \"Leads\", color: \"hsl(var(--chart-2))\" },\n *   opportunities: { label: \"Opportunities\", color: \"hsl(var(--chart-3))\" },\n *   sales: { label: \"Sales\", color: \"hsl(var(--chart-4))\" },\n * }\n *\n * <FunnelChart data={data} config={config} />\n * ```\n */\n// eslint-disable-next-line sonarjs/cognitive-complexity -- Chart component requires handling many props and rendering logic\nexport function FunnelChart({\n  animationDuration = 400,\n  className,\n  config,\n  data,\n  enableLegendSlider = false,\n  isReversed = false,\n  labelPosition = \"right\",\n  legendPosition = \"bottom\",\n  nameKey = \"name\",\n  onClick,\n  showLabels = true,\n  showLegend = false,\n  showTooltip = true,\n  tooltipCallback,\n  tooltipIndicator = \"dot\",\n  valueFormatter,\n  valueKey = \"value\",\n  ...props\n}: FunnelChartProps) {\n  const prevTooltipStateRef = React.useRef<boolean>(false)\n\n  /* eslint-disable react-hooks/static-components, @eslint-react/no-nested-component-definitions, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access -- Intentional: memoized render function with Recharts any-typed props */\n  // Custom tooltip content wrapper for tooltipCallback\n  const TooltipContentWithCallback = React.useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (props: any) => {\n      const { active = false, payload } = props\n\n      // Call tooltipCallback when state changes\n      if (tooltipCallback && active !== prevTooltipStateRef.current) {\n        prevTooltipStateRef.current = active\n        tooltipCallback({\n          active,\n          name: payload?.[0]?.name,\n          payload: payload?.map((p: { name: string; payload: FunnelChartDataItem; value: number; }) => ({\n            name: p.name,\n            value: p.value,\n            payload: p.payload,\n          })),\n        })\n      }\n\n      return (\n        <ChartTooltipContent\n          formatter={valueFormatter ? (value) => valueFormatter(Number(value)) : undefined}\n          indicator={tooltipIndicator}\n          nameKey={nameKey}\n          {...props}\n        />\n      )\n    },\n    [tooltipCallback, tooltipIndicator, nameKey, valueFormatter]\n  )\n\n  // Event handler for click\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const handleClick: any = onClick\n    ? (_: unknown, index: number) => {\n        const item = data[index]\n        if (item) onClick(item, index)\n      }\n    : undefined\n\n  return (\n    <div data-slot=\"funnel-chart\" {...props}>\n      <ChartContainer\n        className={cn(className)}\n        config={config}\n      >\n        <RechartsFunnelChart>\n          {showTooltip && (\n            <ChartTooltip\n              content={\n                tooltipCallback\n                  ? <TooltipContentWithCallback />\n                  : <ChartTooltipContent\n                      formatter={valueFormatter ? (value) => valueFormatter(Number(value)) : undefined}\n                      indicator={tooltipIndicator}\n                      nameKey={nameKey}\n                    />\n              }\n            />\n          )}\n\n          {showLegend && (\n            <ChartLegend\n              align={legendPosition === \"left\" ? \"left\" : legendPosition === \"right\" ? \"right\" : \"center\"}\n              content={<ChartLegendContent enableSlider={enableLegendSlider} nameKey={nameKey} />}\n              layout={legendPosition === \"left\" || legendPosition === \"right\" ? \"vertical\" : \"horizontal\"}\n              verticalAlign={legendPosition === \"top\" ? \"top\" : legendPosition === \"bottom\" ? \"bottom\" : \"middle\"}\n            />\n          )}\n\n          <Funnel\n            animationDuration={animationDuration}\n            data={data}\n            dataKey={valueKey}\n            isAnimationActive={animationDuration > 0}\n            nameKey={nameKey}\n            reversed={isReversed}\n            onClick={handleClick}\n          >\n            {data.map((entry) => (\n              <Cell\n                key={entry.name}\n                fill={entry.fill ?? `var(--color-${entry.name.toLowerCase().replaceAll(\" \", \"-\")})`}\n                style={onClick ? { cursor: \"pointer\" } : undefined}\n              />\n            ))}\n\n            {showLabels && (\n              <LabelList\n                className=\"fill-foreground\"\n                dataKey={nameKey}\n                position={labelPosition}\n                stroke=\"none\"\n              />\n            )}\n          </Funnel>\n        </RechartsFunnelChart>\n      </ChartContainer>\n    </div>\n  )\n}\n\nFunnelChart.displayName = \"FunnelChart\"\n"]}
+{"version":3,"sources":["../src/components/data-display/FunnelChart/FunnelChart.tsx"],"names":["props","RechartsFunnelChart"],"mappings":"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","file":"chunk-NY2WZ4P2.js","sourcesContent":["\"use client\"\n\nimport type {\n  FunnelChartDataItem,\n  FunnelChartProps,\n} from \"./FunnelChart.types\"\n\nimport * as React from \"react\"\nimport {\n  Cell,\n  Funnel,\n  LabelList,\n  FunnelChart as RechartsFunnelChart,\n} from \"recharts\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n} from \"../Chart\"\n\n/**\n * FunnelChart - Data visualization for conversion/process stages\n *\n * Displays data as a funnel with progressively smaller stages,\n * ideal for visualizing conversion rates, sales pipelines,\n * or any sequential process with drop-off.\n *\n * @example\n * ```tsx\n * const data = [\n *   { name: \"Visitors\", value: 5000, fill: \"var(--color-visitors)\" },\n *   { name: \"Leads\", value: 3000, fill: \"var(--color-leads)\" },\n *   { name: \"Opportunities\", value: 1500, fill: \"var(--color-opportunities)\" },\n *   { name: \"Sales\", value: 500, fill: \"var(--color-sales)\" },\n * ]\n *\n * const config = {\n *   visitors: { label: \"Visitors\", color: \"hsl(var(--chart-1))\" },\n *   leads: { label: \"Leads\", color: \"hsl(var(--chart-2))\" },\n *   opportunities: { label: \"Opportunities\", color: \"hsl(var(--chart-3))\" },\n *   sales: { label: \"Sales\", color: \"hsl(var(--chart-4))\" },\n * }\n *\n * <FunnelChart data={data} config={config} />\n * ```\n */\n// eslint-disable-next-line sonarjs/cognitive-complexity -- Chart component requires handling many props and rendering logic\nexport function FunnelChart({\n  animationDuration = 400,\n  className,\n  config,\n  data,\n  enableLegendSlider = false,\n  isReversed = false,\n  labelPosition = \"right\",\n  legendPosition = \"bottom\",\n  nameKey = \"name\",\n  onClick,\n  showLabels = true,\n  showLegend = false,\n  showTooltip = true,\n  tooltipCallback,\n  tooltipIndicator = \"dot\",\n  valueFormatter,\n  valueKey = \"value\",\n  ...props\n}: FunnelChartProps) {\n  const prevTooltipStateRef = React.useRef<boolean>(false)\n\n  /* eslint-disable react-hooks/static-components, @eslint-react/no-nested-component-definitions, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access -- Intentional: memoized render function with Recharts any-typed props */\n  // Custom tooltip content wrapper for tooltipCallback\n  const TooltipContentWithCallback = React.useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (props: any) => {\n      const { active = false, payload } = props\n\n      // Call tooltipCallback when state changes\n      if (tooltipCallback && active !== prevTooltipStateRef.current) {\n        prevTooltipStateRef.current = active\n        tooltipCallback({\n          active,\n          name: payload?.[0]?.name,\n          payload: payload?.map((p: { name: string; payload: FunnelChartDataItem; value: number; }) => ({\n            name: p.name,\n            value: p.value,\n            payload: p.payload,\n          })),\n        })\n      }\n\n      return (\n        <ChartTooltipContent\n          formatter={valueFormatter ? (value) => valueFormatter(Number(value)) : undefined}\n          indicator={tooltipIndicator}\n          nameKey={nameKey}\n          {...props}\n        />\n      )\n    },\n    [tooltipCallback, tooltipIndicator, nameKey, valueFormatter]\n  )\n\n  // Event handler for click\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const handleClick: any = onClick\n    ? (_: unknown, index: number) => {\n        const item = data[index]\n        if (item) onClick(item, index)\n      }\n    : undefined\n\n  return (\n    <div data-slot=\"funnel-chart\" {...props}>\n      <ChartContainer\n        className={cn(className)}\n        config={config}\n      >\n        <RechartsFunnelChart>\n          {showTooltip && (\n            <ChartTooltip\n              content={\n                tooltipCallback\n                  ? <TooltipContentWithCallback />\n                  : <ChartTooltipContent\n                      formatter={valueFormatter ? (value) => valueFormatter(Number(value)) : undefined}\n                      indicator={tooltipIndicator}\n                      nameKey={nameKey}\n                    />\n              }\n            />\n          )}\n\n          {showLegend && (\n            <ChartLegend\n              align={legendPosition === \"left\" ? \"left\" : legendPosition === \"right\" ? \"right\" : \"center\"}\n              content={<ChartLegendContent enableSlider={enableLegendSlider} nameKey={nameKey} />}\n              layout={legendPosition === \"left\" || legendPosition === \"right\" ? \"vertical\" : \"horizontal\"}\n              verticalAlign={legendPosition === \"top\" ? \"top\" : legendPosition === \"bottom\" ? \"bottom\" : \"middle\"}\n            />\n          )}\n\n          <Funnel\n            animationDuration={animationDuration}\n            data={data}\n            dataKey={valueKey}\n            isAnimationActive={animationDuration > 0}\n            nameKey={nameKey}\n            reversed={isReversed}\n            onClick={handleClick}\n          >\n            {data.map((entry) => (\n              <Cell\n                key={entry.name}\n                fill={entry.fill ?? `var(--color-${entry.name.toLowerCase().replaceAll(\" \", \"-\")})`}\n                style={onClick ? { cursor: \"pointer\" } : undefined}\n              />\n            ))}\n\n            {showLabels && (\n              <LabelList\n                className=\"fill-foreground\"\n                dataKey={nameKey}\n                position={labelPosition}\n                stroke=\"none\"\n              />\n            )}\n          </Funnel>\n        </RechartsFunnelChart>\n      </ChartContainer>\n    </div>\n  )\n}\n\nFunnelChart.displayName = \"FunnelChart\"\n"]}

package/dist/{chunk-BECPEVUL.js → chunk-O6LFU3KB.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HRNDJU7D.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { Loader2Icon } from 'lucide-react';
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
@@ -111,5 +111,5 @@ function Spinner({
 }
 
 export { GradientSpinner, Spinner, gradientSpinnerVariants, spinnerVariants };
-//# sourceMappingURL=chunk-BECPEVUL.js.map
-//# sourceMappingURL=chunk-BECPEVUL.js.map
+//# sourceMappingURL=chunk-O6LFU3KB.js.map
+//# sourceMappingURL=chunk-O6LFU3KB.js.map

package/dist/{chunk-BECPEVUL.js.map → chunk-O6LFU3KB.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/primitives/Spinner/Spinner.variants.ts","../src/components/primitives/Spinner/Spinner.tsx"],"names":[],"mappings":"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","file":"chunk-BECPEVUL.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Spinner variants using CVA\n */\nexport const spinnerVariants = cva(\"animate-spin motion-reduce:animate-none\", {\n  variants: {\n    size: {\n      xs: \"size-[var(--spinner-size-xs)]\",\n      sm: \"size-[var(--spinner-size-sm)]\",\n      md: \"size-[var(--spinner-size-md)]\",\n      lg: \"size-[var(--spinner-size-lg)]\",\n      xl: \"size-[var(--spinner-size-xl)]\",\n    },\n    color: {\n      default: \"text-[color:var(--spinner-color-default)]\",\n      primary: \"text-[color:var(--spinner-color-primary)]\",\n      secondary: \"text-[color:var(--spinner-color-secondary)]\",\n      success: \"text-[color:var(--spinner-color-success)]\",\n      warning: \"text-[color:var(--spinner-color-warning)]\",\n      error: \"text-[color:var(--spinner-color-error)]\",\n      current: \"text-[color:var(--spinner-color-current)]\",\n    },\n  },\n  defaultVariants: {\n    size: \"sm\",\n    color: \"current\",\n  },\n})\n\n/**\n * Gradient spinner container variants\n */\nexport const gradientSpinnerVariants = cva(\"animate-spin motion-reduce:animate-none\", {\n  variants: {\n    size: {\n      xs: \"size-[var(--spinner-size-xs)]\",\n      sm: \"size-[var(--spinner-size-sm)]\",\n      md: \"size-[var(--spinner-size-md)]\",\n      lg: \"size-[var(--spinner-size-lg)]\",\n      xl: \"size-[var(--spinner-size-xl)]\",\n    },\n  },\n  defaultVariants: {\n    size: \"sm\",\n  },\n})\n\nexport type SpinnerVariants = VariantProps<typeof spinnerVariants>\nexport type GradientSpinnerVariants = VariantProps<typeof gradientSpinnerVariants>\n","import type { SpinnerProps } from \"./Spinner.types\"\n\nimport { Loader2Icon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { gradientSpinnerVariants, spinnerVariants } from \"./Spinner.variants\"\n\n/**\n * GradientSpinner - Arc spinner with gradient effect\n */\nfunction GradientSpinner({\n  className,\n  size,\n  ...props\n}: Omit<SpinnerProps, \"color\" | \"variant\">) {\n  // Generate unique ID for gradient\n  const gradientId = React.useId()\n\n  return (\n    <svg\n      aria-label=\"Loading\"\n      className={cn(gradientSpinnerVariants({ size }), className)}\n      data-slot=\"spinner\"\n      data-variant=\"gradient\"\n      fill=\"none\"\n      role=\"status\"\n      viewBox=\"0 0 44 44\"\n      {...props}\n    >\n      <defs>\n        <linearGradient\n          gradientUnits=\"userSpaceOnUse\"\n          id={gradientId}\n          x1=\"0\"\n          x2=\"44\"\n          y1=\"22\"\n          y2=\"22\"\n        >\n          <stop offset=\"0%\" stopColor=\"var(--spinner-gradient-start, #3be476)\" />\n          <stop offset=\"100%\" stopColor=\"var(--spinner-gradient-end, #1a7a3e)\" />\n        </linearGradient>\n      </defs>\n      <path\n        d=\"M22 4C12.059 4 4 12.059 4 22\"\n        stroke={`url(#${gradientId})`}\n        strokeLinecap=\"round\"\n        strokeWidth=\"6\"\n      />\n    </svg>\n  )\n}\n\n/**\n * Spinner component for displaying loading indicators.\n *\n * Built with Lucide's Loader2Icon and supports multiple sizes and colors.\n * The gradient variant uses a custom SVG arc with gradient effect.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Spinner />\n *\n * // Different sizes\n * <Spinner size=\"lg\" />\n *\n * // Different colors\n * <Spinner color=\"primary\" />\n *\n * // Gradient variant\n * <Spinner variant=\"gradient\" />\n * <Spinner variant=\"gradient\" size=\"lg\" />\n *\n * // Combined\n * <Spinner size=\"xl\" color=\"success\" />\n * ```\n */\nfunction Spinner({\n  className,\n  size,\n  color,\n  variant = \"default\",\n  ...props\n}: SpinnerProps) {\n  if (variant === \"gradient\") {\n    return <GradientSpinner className={className} size={size} {...props} />\n  }\n\n  return (\n    <Loader2Icon\n      aria-label=\"Loading\"\n      className={cn(spinnerVariants({ size, color }), className)}\n      data-slot=\"spinner\"\n      role=\"status\"\n      {...props}\n    />\n  )\n}\n\nexport { GradientSpinner, gradientSpinnerVariants, Spinner, spinnerVariants }\n"]}
+{"version":3,"sources":["../src/components/primitives/Spinner/Spinner.variants.ts","../src/components/primitives/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;AAKO,IAAM,eAAA,GAAkB,IAAI,yCAAA,EAA2C;AAAA,EAC5E,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,+BAAA;AAAA,MACJ,EAAA,EAAI,+BAAA;AAAA,MACJ,EAAA,EAAI,+BAAA;AAAA,MACJ,EAAA,EAAI,+BAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,2CAAA;AAAA,MACT,OAAA,EAAS,2CAAA;AAAA,MACT,SAAA,EAAW,6CAAA;AAAA,MACX,OAAA,EAAS,2CAAA;AAAA,MACT,OAAA,EAAS,2CAAA;AAAA,MACT,KAAA,EAAO,yCAAA;AAAA,MACP,OAAA,EAAS;AAAA;AACX,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA;AAEX,CAAC;AAKM,IAAM,uBAAA,GAA0B,IAAI,yCAAA,EAA2C;AAAA,EACpF,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,+BAAA;AAAA,MACJ,EAAA,EAAI,+BAAA;AAAA,MACJ,EAAA,EAAI,+BAAA;AAAA,MACJ,EAAA,EAAI,+BAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;ACnCD,SAAS,eAAA,CAAgB;AAAA,EACvB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4C;AAE1C,EAAA,MAAM,aAAmB,KAAA,CAAA,KAAA,EAAM;AAE/B,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAW,SAAA;AAAA,MACX,WAAW,EAAA,CAAG,uBAAA,CAAwB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAC1D,WAAA,EAAU,SAAA;AAAA,MACV,cAAA,EAAa,UAAA;AAAA,MACb,IAAA,EAAK,MAAA;AAAA,MACL,IAAA,EAAK,QAAA;AAAA,MACL,OAAA,EAAQ,WAAA;AAAA,MACP,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAA,IAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAc,gBAAA;AAAA,YACd,EAAA,EAAI,UAAA;AAAA,YACJ,EAAA,EAAG,GAAA;AAAA,YACH,EAAA,EAAG,IAAA;AAAA,YACH,EAAA,EAAG,IAAA;AAAA,YACH,EAAA,EAAG,IAAA;AAAA,YAEH,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,MAAA,EAAO,IAAA,EAAK,SAAA,EAAU,wCAAA,EAAyC,CAAA;AAAA,8BACrE,GAAA,CAAC,MAAA,EAAA,EAAK,MAAA,EAAO,MAAA,EAAO,WAAU,sCAAA,EAAuC;AAAA;AAAA;AAAA,SACvE,EACF,CAAA;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,8BAAA;AAAA,YACF,MAAA,EAAQ,QAAQ,UAAU,CAAA,CAAA,CAAA;AAAA,YAC1B,aAAA,EAAc,OAAA;AAAA,YACd,WAAA,EAAY;AAAA;AAAA;AACd;AAAA;AAAA,GACF;AAEJ;AA2BA,SAAS,OAAA,CAAQ;AAAA,EACf,SAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,GAAG;AACL,CAAA,EAAiB;AACf,EAAA,IAAI,YAAY,UAAA,EAAY;AAC1B,IAAA,uBAAO,GAAA,CAAC,eAAA,EAAA,EAAgB,SAAA,EAAsB,IAAA,EAAa,GAAG,KAAA,EAAO,CAAA;AAAA,EACvE;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAW,SAAA;AAAA,MACX,SAAA,EAAW,GAAG,eAAA,CAAgB,EAAE,MAAM,KAAA,EAAO,GAAG,SAAS,CAAA;AAAA,MACzD,WAAA,EAAU,SAAA;AAAA,MACV,IAAA,EAAK,QAAA;AAAA,MACJ,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-O6LFU3KB.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Spinner variants using CVA\n */\nexport const spinnerVariants = cva(\"animate-spin motion-reduce:animate-none\", {\n  variants: {\n    size: {\n      xs: \"size-[var(--spinner-size-xs)]\",\n      sm: \"size-[var(--spinner-size-sm)]\",\n      md: \"size-[var(--spinner-size-md)]\",\n      lg: \"size-[var(--spinner-size-lg)]\",\n      xl: \"size-[var(--spinner-size-xl)]\",\n    },\n    color: {\n      default: \"text-[color:var(--spinner-color-default)]\",\n      primary: \"text-[color:var(--spinner-color-primary)]\",\n      secondary: \"text-[color:var(--spinner-color-secondary)]\",\n      success: \"text-[color:var(--spinner-color-success)]\",\n      warning: \"text-[color:var(--spinner-color-warning)]\",\n      error: \"text-[color:var(--spinner-color-error)]\",\n      current: \"text-[color:var(--spinner-color-current)]\",\n    },\n  },\n  defaultVariants: {\n    size: \"sm\",\n    color: \"current\",\n  },\n})\n\n/**\n * Gradient spinner container variants\n */\nexport const gradientSpinnerVariants = cva(\"animate-spin motion-reduce:animate-none\", {\n  variants: {\n    size: {\n      xs: \"size-[var(--spinner-size-xs)]\",\n      sm: \"size-[var(--spinner-size-sm)]\",\n      md: \"size-[var(--spinner-size-md)]\",\n      lg: \"size-[var(--spinner-size-lg)]\",\n      xl: \"size-[var(--spinner-size-xl)]\",\n    },\n  },\n  defaultVariants: {\n    size: \"sm\",\n  },\n})\n\nexport type SpinnerVariants = VariantProps<typeof spinnerVariants>\nexport type GradientSpinnerVariants = VariantProps<typeof gradientSpinnerVariants>\n","import type { SpinnerProps } from \"./Spinner.types\"\n\nimport { Loader2Icon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { gradientSpinnerVariants, spinnerVariants } from \"./Spinner.variants\"\n\n/**\n * GradientSpinner - Arc spinner with gradient effect\n */\nfunction GradientSpinner({\n  className,\n  size,\n  ...props\n}: Omit<SpinnerProps, \"color\" | \"variant\">) {\n  // Generate unique ID for gradient\n  const gradientId = React.useId()\n\n  return (\n    <svg\n      aria-label=\"Loading\"\n      className={cn(gradientSpinnerVariants({ size }), className)}\n      data-slot=\"spinner\"\n      data-variant=\"gradient\"\n      fill=\"none\"\n      role=\"status\"\n      viewBox=\"0 0 44 44\"\n      {...props}\n    >\n      <defs>\n        <linearGradient\n          gradientUnits=\"userSpaceOnUse\"\n          id={gradientId}\n          x1=\"0\"\n          x2=\"44\"\n          y1=\"22\"\n          y2=\"22\"\n        >\n          <stop offset=\"0%\" stopColor=\"var(--spinner-gradient-start, #3be476)\" />\n          <stop offset=\"100%\" stopColor=\"var(--spinner-gradient-end, #1a7a3e)\" />\n        </linearGradient>\n      </defs>\n      <path\n        d=\"M22 4C12.059 4 4 12.059 4 22\"\n        stroke={`url(#${gradientId})`}\n        strokeLinecap=\"round\"\n        strokeWidth=\"6\"\n      />\n    </svg>\n  )\n}\n\n/**\n * Spinner component for displaying loading indicators.\n *\n * Built with Lucide's Loader2Icon and supports multiple sizes and colors.\n * The gradient variant uses a custom SVG arc with gradient effect.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Spinner />\n *\n * // Different sizes\n * <Spinner size=\"lg\" />\n *\n * // Different colors\n * <Spinner color=\"primary\" />\n *\n * // Gradient variant\n * <Spinner variant=\"gradient\" />\n * <Spinner variant=\"gradient\" size=\"lg\" />\n *\n * // Combined\n * <Spinner size=\"xl\" color=\"success\" />\n * ```\n */\nfunction Spinner({\n  className,\n  size,\n  color,\n  variant = \"default\",\n  ...props\n}: SpinnerProps) {\n  if (variant === \"gradient\") {\n    return <GradientSpinner className={className} size={size} {...props} />\n  }\n\n  return (\n    <Loader2Icon\n      aria-label=\"Loading\"\n      className={cn(spinnerVariants({ size, color }), className)}\n      data-slot=\"spinner\"\n      role=\"status\"\n      {...props}\n    />\n  )\n}\n\nexport { GradientSpinner, gradientSpinnerVariants, Spinner, spinnerVariants }\n"]}

package/dist/{chunk-HXHB2CK5.js → chunk-OAES72MK.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HRNDJU7D.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
@@ -104,5 +104,5 @@ function Heading({
 }
 
 export { Heading, headingVariants };
-//# sourceMappingURL=chunk-HXHB2CK5.js.map
-//# sourceMappingURL=chunk-HXHB2CK5.js.map
+//# sourceMappingURL=chunk-OAES72MK.js.map
+//# sourceMappingURL=chunk-OAES72MK.js.map

package/dist/{chunk-HXHB2CK5.js.map → chunk-OAES72MK.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/primitives/Heading/Heading.tsx"],"names":[],"mappings":"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","file":"chunk-HXHB2CK5.js","sourcesContent":["import type { HeadingProps } from \"./Heading.types\"\nimport type { ElementType } from \"react\"\n\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"../../../lib/utils\"\n\nconst headingVariants = cva(\n  \"scroll-m-[var(--heading-base-scroll-margin)] tracking-[var(--heading-base-letter-spacing)] font-[var(--heading-base-font-weight)] text-[color:var(--heading-base-color)] font-[family-name:var(--heading-base-font-family)]\",\n  {\n    variants: {\n      level: {\n        1: \"text-[length:var(--heading-size-4xl-font-size)] leading-[var(--heading-size-4xl-line-height)] font-[var(--heading-weight-bold)]\",\n        2: \"text-[length:var(--heading-size-3xl-font-size)] leading-[var(--heading-size-3xl-line-height)]\",\n        3: \"text-[length:var(--heading-size-2xl-font-size)] leading-[var(--heading-size-2xl-line-height)]\",\n        4: \"text-[length:var(--heading-size-xl-font-size)] leading-[var(--heading-size-xl-line-height)]\",\n        5: \"text-[length:var(--heading-size-lg-font-size)] leading-[var(--heading-size-lg-line-height)]\",\n        6: \"text-[length:var(--heading-size-base-font-size)] leading-[var(--heading-size-base-line-height)]\",\n      },\n      size: {\n        \"4xl\": \"text-[length:var(--heading-size-4xl-font-size)] leading-[var(--heading-size-4xl-line-height)] font-[var(--heading-weight-bold)]\",\n        \"3xl\": \"text-[length:var(--heading-size-3xl-font-size)] leading-[var(--heading-size-3xl-line-height)]\",\n        \"2xl\": \"text-[length:var(--heading-size-2xl-font-size)] leading-[var(--heading-size-2xl-line-height)]\",\n        xl: \"text-[length:var(--heading-size-xl-font-size)] leading-[var(--heading-size-xl-line-height)]\",\n        lg: \"text-[length:var(--heading-size-lg-font-size)] leading-[var(--heading-size-lg-line-height)]\",\n        base: \"text-[length:var(--heading-size-base-font-size)] leading-[var(--heading-size-base-line-height)]\",\n        sm: \"text-[length:var(--heading-size-sm-font-size)] leading-[var(--heading-size-sm-line-height)]\",\n      },\n      weight: {\n        normal: \"font-[var(--heading-weight-normal)]\",\n        medium: \"font-[var(--heading-weight-medium)]\",\n        semibold: \"font-[var(--heading-weight-semibold)]\",\n        bold: \"font-[var(--heading-weight-bold)]\",\n        extrabold: \"font-[var(--heading-weight-extrabold)]\",\n      },\n      align: {\n        left: \"text-left\",\n        center: \"text-center\",\n        right: \"text-right\",\n      },\n      color: {\n        default: \"text-[color:var(--heading-color-default)]\",\n        muted: \"text-[color:var(--heading-color-muted)]\",\n        primary: \"text-[color:var(--heading-color-primary)]\",\n        destructive: \"text-[color:var(--heading-color-destructive)]\",\n      },\n      gradient: {\n        none: \"\",\n        primary: \"bg-gradient-to-r from-primary to-primary/60 bg-clip-text text-transparent\",\n        secondary: \"bg-gradient-to-r from-secondary-foreground to-secondary-foreground/60 bg-clip-text text-transparent\",\n        accent: \"bg-gradient-to-r from-accent-foreground to-accent-foreground/60 bg-clip-text text-transparent\",\n        rainbow: \"bg-gradient-to-r from-red-500 via-yellow-500 to-blue-500 bg-clip-text text-transparent\",\n      },\n      truncate: {\n        true: \"truncate\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      level: 2,\n      weight: \"semibold\",\n      align: \"left\",\n      color: \"default\",\n      gradient: \"none\",\n      truncate: false,\n    },\n  }\n)\n\n/**\n * Heading - Componente de titulo semantico com niveis h1-h6.\n *\n * Permite separar o nivel semantico (para acessibilidade e SEO)\n * do tamanho visual (para design), usando as props `level` e `size`.\n *\n * @example\n * // H2 semantico com tamanho visual de H1\n * <Heading level={2} size=\"4xl\">Titulo Grande</Heading>\n */\nfunction Heading({\n  className,\n  level = 2,\n  size,\n  weight,\n  align,\n  color,\n  gradient,\n  truncate,\n  asChild = false,\n  ref,\n  ...props\n}: HeadingProps) {\n  const Tag: ElementType = asChild ? Slot : (`h${String(level)}` as \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\")\n\n  return (\n    <Tag\n      ref={ref}\n      className={cn(\n        headingVariants({\n          level: size ? undefined : level,\n          size,\n          weight,\n          align,\n          // When gradient is applied, ignore color (gradient overrides it)\n          color: gradient && gradient !== \"none\" ? undefined : color,\n          gradient,\n          truncate,\n        }),\n        className\n      )}\n      data-gradient={gradient && gradient !== \"none\" ? gradient : undefined}\n      data-level={level}\n      data-slot=\"heading\"\n      {...props}\n    />\n  )\n}\n\nexport { Heading, headingVariants }\n"]}
+{"version":3,"sources":["../src/components/primitives/Heading/Heading.tsx"],"names":[],"mappings":"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","file":"chunk-OAES72MK.js","sourcesContent":["import type { HeadingProps } from \"./Heading.types\"\nimport type { ElementType } from \"react\"\n\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"../../../lib/utils\"\n\nconst headingVariants = cva(\n  \"scroll-m-[var(--heading-base-scroll-margin)] tracking-[var(--heading-base-letter-spacing)] font-[var(--heading-base-font-weight)] text-[color:var(--heading-base-color)] font-[family-name:var(--heading-base-font-family)]\",\n  {\n    variants: {\n      level: {\n        1: \"text-[length:var(--heading-size-4xl-font-size)] leading-[var(--heading-size-4xl-line-height)] font-[var(--heading-weight-bold)]\",\n        2: \"text-[length:var(--heading-size-3xl-font-size)] leading-[var(--heading-size-3xl-line-height)]\",\n        3: \"text-[length:var(--heading-size-2xl-font-size)] leading-[var(--heading-size-2xl-line-height)]\",\n        4: \"text-[length:var(--heading-size-xl-font-size)] leading-[var(--heading-size-xl-line-height)]\",\n        5: \"text-[length:var(--heading-size-lg-font-size)] leading-[var(--heading-size-lg-line-height)]\",\n        6: \"text-[length:var(--heading-size-base-font-size)] leading-[var(--heading-size-base-line-height)]\",\n      },\n      size: {\n        \"4xl\": \"text-[length:var(--heading-size-4xl-font-size)] leading-[var(--heading-size-4xl-line-height)] font-[var(--heading-weight-bold)]\",\n        \"3xl\": \"text-[length:var(--heading-size-3xl-font-size)] leading-[var(--heading-size-3xl-line-height)]\",\n        \"2xl\": \"text-[length:var(--heading-size-2xl-font-size)] leading-[var(--heading-size-2xl-line-height)]\",\n        xl: \"text-[length:var(--heading-size-xl-font-size)] leading-[var(--heading-size-xl-line-height)]\",\n        lg: \"text-[length:var(--heading-size-lg-font-size)] leading-[var(--heading-size-lg-line-height)]\",\n        base: \"text-[length:var(--heading-size-base-font-size)] leading-[var(--heading-size-base-line-height)]\",\n        sm: \"text-[length:var(--heading-size-sm-font-size)] leading-[var(--heading-size-sm-line-height)]\",\n      },\n      weight: {\n        normal: \"font-[var(--heading-weight-normal)]\",\n        medium: \"font-[var(--heading-weight-medium)]\",\n        semibold: \"font-[var(--heading-weight-semibold)]\",\n        bold: \"font-[var(--heading-weight-bold)]\",\n        extrabold: \"font-[var(--heading-weight-extrabold)]\",\n      },\n      align: {\n        left: \"text-left\",\n        center: \"text-center\",\n        right: \"text-right\",\n      },\n      color: {\n        default: \"text-[color:var(--heading-color-default)]\",\n        muted: \"text-[color:var(--heading-color-muted)]\",\n        primary: \"text-[color:var(--heading-color-primary)]\",\n        destructive: \"text-[color:var(--heading-color-destructive)]\",\n      },\n      gradient: {\n        none: \"\",\n        primary: \"bg-gradient-to-r from-primary to-primary/60 bg-clip-text text-transparent\",\n        secondary: \"bg-gradient-to-r from-secondary-foreground to-secondary-foreground/60 bg-clip-text text-transparent\",\n        accent: \"bg-gradient-to-r from-accent-foreground to-accent-foreground/60 bg-clip-text text-transparent\",\n        rainbow: \"bg-gradient-to-r from-red-500 via-yellow-500 to-blue-500 bg-clip-text text-transparent\",\n      },\n      truncate: {\n        true: \"truncate\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      level: 2,\n      weight: \"semibold\",\n      align: \"left\",\n      color: \"default\",\n      gradient: \"none\",\n      truncate: false,\n    },\n  }\n)\n\n/**\n * Heading - Componente de titulo semantico com niveis h1-h6.\n *\n * Permite separar o nivel semantico (para acessibilidade e SEO)\n * do tamanho visual (para design), usando as props `level` e `size`.\n *\n * @example\n * // H2 semantico com tamanho visual de H1\n * <Heading level={2} size=\"4xl\">Titulo Grande</Heading>\n */\nfunction Heading({\n  className,\n  level = 2,\n  size,\n  weight,\n  align,\n  color,\n  gradient,\n  truncate,\n  asChild = false,\n  ref,\n  ...props\n}: HeadingProps) {\n  const Tag: ElementType = asChild ? Slot : (`h${String(level)}` as \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\")\n\n  return (\n    <Tag\n      ref={ref}\n      className={cn(\n        headingVariants({\n          level: size ? undefined : level,\n          size,\n          weight,\n          align,\n          // When gradient is applied, ignore color (gradient overrides it)\n          color: gradient && gradient !== \"none\" ? undefined : color,\n          gradient,\n          truncate,\n        }),\n        className\n      )}\n      data-gradient={gradient && gradient !== \"none\" ? gradient : undefined}\n      data-level={level}\n      data-slot=\"heading\"\n      {...props}\n    />\n  )\n}\n\nexport { Heading, headingVariants }\n"]}

package/dist/{chunk-NGR4HFVA.js → chunk-OCH7GGZF.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HRNDJU7D.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
@@ -132,5 +132,5 @@ function TabsContent({ className, ...props }) {
 }
 
 export { Tabs, TabsContent, TabsList, TabsTrigger, tabsContentVariants, tabsListVariants, tabsTriggerVariants, tabsVariants };
-//# sourceMappingURL=chunk-NGR4HFVA.js.map
-//# sourceMappingURL=chunk-NGR4HFVA.js.map
+//# sourceMappingURL=chunk-OCH7GGZF.js.map
+//# sourceMappingURL=chunk-OCH7GGZF.js.map

package/dist/{chunk-NGR4HFVA.js.map → chunk-OCH7GGZF.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/navigation/Tabs/Tabs.variants.ts","../src/components/navigation/Tabs/Tabs.tsx"],"names":[],"mappings":"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","file":"chunk-NGR4HFVA.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * Tabs root variant styles\n */\nexport const tabsVariants = cva([\n  \"flex flex-col gap-[var(--tabs-root-gap)]\",\n])\n\n/**\n * TabsList variant styles - supports solid and line variants\n */\nexport const tabsListVariants = cva(\n  \"inline-flex w-fit items-center justify-center\",\n  {\n    variants: {\n      variant: {\n        solid: [\n          \"bg-[color:var(--tabs-list-bg)] text-[color:var(--tabs-list-fg)]\",\n          \"h-[var(--tabs-list-height)] rounded-[var(--tabs-list-radius)] p-[var(--tabs-list-padding)]\",\n        ],\n        line: [\n          \"border-b border-border\",\n          \"gap-1\",\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: \"solid\",\n    },\n  }\n)\n\n/**\n * TabsTrigger variant styles - supports solid and line variants\n */\nexport const tabsTriggerVariants = cva(\n  [\n    // Base styles shared by all variants\n    \"inline-flex items-center justify-center gap-[var(--tabs-trigger-base-gap)]\",\n    \"text-[length:var(--tabs-trigger-base-text)] font-[var(--tabs-trigger-base-weight)] whitespace-nowrap\",\n    \"transition-[color,box-shadow,border-color]\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  ],\n  {\n    variants: {\n      variant: {\n        solid: [\n          \"flex-1 h-[calc(100%-1px)]\",\n          \"rounded-[var(--tabs-trigger-base-radius)] border border-transparent\",\n          \"px-[var(--tabs-trigger-base-padding-x)] py-[var(--tabs-trigger-base-padding-y)]\",\n          \"text-[color:var(--tabs-trigger-inactive-fg)] dark:text-muted-foreground\",\n          \"data-[state=active]:bg-[color:var(--tabs-trigger-active-bg)] data-[state=active]:text-[color:var(--tabs-trigger-active-fg)] data-[state=active]:shadow-[var(--tabs-trigger-active-shadow)]\",\n          \"dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30\",\n          \"focus-visible:border-[color:var(--tabs-trigger-focus-ring)] focus-visible:ring-[color:var(--tabs-trigger-focus-ring)]/50 focus-visible:outline-[color:var(--tabs-trigger-focus-ring)]\",\n        ],\n        line: [\n          \"-mb-px px-3 py-2\",\n          \"border-b-2 border-transparent\",\n          \"text-muted-foreground\",\n          \"hover:text-foreground hover:border-muted-foreground/50\",\n          \"data-[state=active]:border-primary data-[state=active]:text-primary\",\n          \"dark:data-[state=active]:border-primary dark:data-[state=active]:text-primary\",\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: \"solid\",\n    },\n  }\n)\n\n/**\n * TabsContent variant styles\n */\nexport const tabsContentVariants = cva([\n  \"flex-1 outline-none\",\n])\n","\"use client\"\n\nimport type {\n  TabsContentProps,\n  TabsListProps,\n  TabsProps,\n  TabsTriggerProps,\n  TabsVariant,\n} from \"./Tabs.types\"\n\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  tabsContentVariants,\n  tabsListVariants,\n  tabsTriggerVariants,\n  tabsVariants,\n} from \"./Tabs.variants\"\n\n/**\n * Context for Tabs variant\n */\nconst TabsVariantContext = React.createContext<TabsVariant>(\"solid\")\n\n/**\n * Tabs - A set of layered sections of content, displayed one at a time.\n *\n * Built on top of Radix UI Tabs primitive with accessible keyboard navigation.\n * Supports two visual styles: solid (pill-style) and line (underline-style).\n *\n * @example\n * ```tsx\n * // Solid variant (default)\n * <Tabs defaultValue=\"tab1\">\n *   <TabsList>\n *     <TabsTrigger value=\"tab1\">Tab 1</TabsTrigger>\n *     <TabsTrigger value=\"tab2\">Tab 2</TabsTrigger>\n *   </TabsList>\n *   <TabsContent value=\"tab1\">Content 1</TabsContent>\n *   <TabsContent value=\"tab2\">Content 2</TabsContent>\n * </Tabs>\n *\n * // Line variant\n * <Tabs defaultValue=\"tab1\" variant=\"line\">\n *   <TabsList>\n *     <TabsTrigger value=\"tab1\">Tab 1</TabsTrigger>\n *     <TabsTrigger value=\"tab2\">Tab 2</TabsTrigger>\n *   </TabsList>\n *   <TabsContent value=\"tab1\">Content 1</TabsContent>\n *   <TabsContent value=\"tab2\">Content 2</TabsContent>\n * </Tabs>\n * ```\n */\nfunction Tabs({ className, variant = \"solid\", ...props }: TabsProps) {\n  return (\n    <TabsVariantContext value={variant}>\n      <TabsPrimitive.Root\n        className={cn(tabsVariants(), className)}\n        data-slot=\"tabs\"\n        data-variant={variant}\n        {...props}\n      />\n    </TabsVariantContext>\n  )\n}\n\n/**\n * TabsList - Container for tab triggers.\n */\nfunction TabsList({ className, ...props }: TabsListProps) {\n  const variant = React.use(TabsVariantContext)\n\n  return (\n    <TabsPrimitive.List\n      className={cn(tabsListVariants({ variant }), className)}\n      data-slot=\"tabs-list\"\n      {...props}\n    />\n  )\n}\n\n/**\n * TabsTrigger - Button that activates its associated tab content.\n *\n * Supports optional `icon` (before label) and `badge` (after label) slots\n * matching the Figma `Tabs / Trigger` anatomy. When neither slot is provided,\n * `children` is rendered directly so existing call sites keep working.\n */\nfunction TabsTrigger({\n  className,\n  children,\n  icon,\n  badge,\n  ...props\n}: TabsTriggerProps) {\n  const variant = React.use(TabsVariantContext)\n  const hasSlots = icon !== undefined || badge !== undefined\n\n  return (\n    <TabsPrimitive.Trigger\n      className={cn(tabsTriggerVariants({ variant }), className)}\n      data-slot=\"tabs-trigger\"\n      {...props}\n    >\n      {hasSlots ? (\n        <>\n          {icon !== undefined && (\n            <span aria-hidden=\"true\" data-slot=\"tabs-trigger-icon\">\n              {icon}\n            </span>\n          )}\n          <span data-slot=\"tabs-trigger-label\">{children}</span>\n          {badge !== undefined && (\n            <span\n              className=\"ml-1 inline-flex items-center rounded-[var(--tabs-trigger-badge-radius)] bg-[color:var(--tabs-trigger-badge-bg)] px-[var(--tabs-trigger-badge-padding-x)] text-xs text-[color:var(--tabs-trigger-badge-fg)]\"\n              data-slot=\"tabs-trigger-badge\"\n            >\n              {badge}\n            </span>\n          )}\n        </>\n      ) : (\n        children\n      )}\n    </TabsPrimitive.Trigger>\n  )\n}\n\n/**\n * TabsContent - Contains the content associated with each tab.\n */\nfunction TabsContent({ className, ...props }: TabsContentProps) {\n  return (\n    <TabsPrimitive.Content\n      className={cn(tabsContentVariants(), className)}\n      data-slot=\"tabs-content\"\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"]}
+{"version":3,"sources":["../src/components/navigation/Tabs/Tabs.variants.ts","../src/components/navigation/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;AAKO,IAAM,eAAe,GAAA,CAAI;AAAA,EAC9B;AACF,CAAC;AAKM,IAAM,gBAAA,GAAmB,GAAA;AAAA,EAC9B,+CAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,KAAA,EAAO;AAAA,UACL,iEAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,IAAA,EAAM;AAAA,UACJ,wBAAA;AAAA,UACA;AAAA;AACF;AACF,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAKO,IAAM,mBAAA,GAAsB,GAAA;AAAA,EACjC;AAAA;AAAA,IAEE,4EAAA;AAAA,IACA,sGAAA;AAAA,IACA,4CAAA;AAAA,IACA,qGAAA;AAAA,IACA,kDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,KAAA,EAAO;AAAA,UACL,2BAAA;AAAA,UACA,qEAAA;AAAA,UACA,iFAAA;AAAA,UACA,yEAAA;AAAA,UACA,4LAAA;AAAA,UACA,qHAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,IAAA,EAAM;AAAA,UACJ,kBAAA;AAAA,UACA,+BAAA;AAAA,UACA,uBAAA;AAAA,UACA,wDAAA;AAAA,UACA,qEAAA;AAAA,UACA;AAAA;AACF;AACF,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAKO,IAAM,sBAAsB,GAAA,CAAI;AAAA,EACrC;AACF,CAAC;ACvDD,IAAM,kBAAA,GAA2B,oBAA2B,OAAO,CAAA;AA+BnE,SAAS,KAAK,EAAE,SAAA,EAAW,UAAU,OAAA,EAAS,GAAG,OAAM,EAAc;AACnE,EAAA,uBACE,GAAA,CAAC,kBAAA,EAAA,EAAmB,KAAA,EAAO,OAAA,EACzB,QAAA,kBAAA,GAAA;AAAA,IAAe,aAAA,CAAA,IAAA;AAAA,IAAd;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,MACvC,WAAA,EAAU,MAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACb,GAAG;AAAA;AAAA,GACN,EACF,CAAA;AAEJ;AAKA,SAAS,QAAA,CAAS,EAAE,SAAA,EAAW,GAAG,OAAM,EAAkB;AACxD,EAAA,MAAM,OAAA,GAAgB,UAAI,kBAAkB,CAAA;AAE5C,EAAA,uBACE,GAAA;AAAA,IAAe,aAAA,CAAA,IAAA;AAAA,IAAd;AAAA,MACC,WAAW,EAAA,CAAG,gBAAA,CAAiB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MACtD,WAAA,EAAU,WAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AASA,SAAS,WAAA,CAAY;AAAA,EACnB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAqB;AACnB,EAAA,MAAM,OAAA,GAAgB,UAAI,kBAAkB,CAAA;AAC5C,EAAA,MAAM,QAAA,GAAW,IAAA,KAAS,MAAA,IAAa,KAAA,KAAU,MAAA;AAEjD,EAAA,uBACE,GAAA;AAAA,IAAe,aAAA,CAAA,OAAA;AAAA,IAAd;AAAA,MACC,WAAW,EAAA,CAAG,mBAAA,CAAoB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MACzD,WAAA,EAAU,cAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEH,qCACC,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,IAAA,KAAS,0BACR,GAAA,CAAC,MAAA,EAAA,EAAK,eAAY,MAAA,EAAO,WAAA,EAAU,qBAChC,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,wBAEF,GAAA,CAAC,MAAA,EAAA,EAAK,WAAA,EAAU,oBAAA,EAAsB,QAAA,EAAS,CAAA;AAAA,QAC9C,UAAU,MAAA,oBACT,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,6MAAA;AAAA,YACV,WAAA,EAAU,oBAAA;AAAA,YAET,QAAA,EAAA;AAAA;AAAA;AACH,OAAA,EAEJ,CAAA,GAEA;AAAA;AAAA,GAEJ;AAEJ;AAKA,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,GAAG,OAAM,EAAqB;AAC9D,EAAA,uBACE,GAAA;AAAA,IAAe,aAAA,CAAA,OAAA;AAAA,IAAd;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,mBAAA,EAAoB,EAAG,SAAS,CAAA;AAAA,MAC9C,WAAA,EAAU,cAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-OCH7GGZF.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * Tabs root variant styles\n */\nexport const tabsVariants = cva([\n  \"flex flex-col gap-[var(--tabs-root-gap)]\",\n])\n\n/**\n * TabsList variant styles - supports solid and line variants\n */\nexport const tabsListVariants = cva(\n  \"inline-flex w-fit items-center justify-center\",\n  {\n    variants: {\n      variant: {\n        solid: [\n          \"bg-[color:var(--tabs-list-bg)] text-[color:var(--tabs-list-fg)]\",\n          \"h-[var(--tabs-list-height)] rounded-[var(--tabs-list-radius)] p-[var(--tabs-list-padding)]\",\n        ],\n        line: [\n          \"border-b border-border\",\n          \"gap-1\",\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: \"solid\",\n    },\n  }\n)\n\n/**\n * TabsTrigger variant styles - supports solid and line variants\n */\nexport const tabsTriggerVariants = cva(\n  [\n    // Base styles shared by all variants\n    \"inline-flex items-center justify-center gap-[var(--tabs-trigger-base-gap)]\",\n    \"text-[length:var(--tabs-trigger-base-text)] font-[var(--tabs-trigger-base-weight)] whitespace-nowrap\",\n    \"transition-[color,box-shadow,border-color]\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  ],\n  {\n    variants: {\n      variant: {\n        solid: [\n          \"flex-1 h-[calc(100%-1px)]\",\n          \"rounded-[var(--tabs-trigger-base-radius)] border border-transparent\",\n          \"px-[var(--tabs-trigger-base-padding-x)] py-[var(--tabs-trigger-base-padding-y)]\",\n          \"text-[color:var(--tabs-trigger-inactive-fg)] dark:text-muted-foreground\",\n          \"data-[state=active]:bg-[color:var(--tabs-trigger-active-bg)] data-[state=active]:text-[color:var(--tabs-trigger-active-fg)] data-[state=active]:shadow-[var(--tabs-trigger-active-shadow)]\",\n          \"dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30\",\n          \"focus-visible:border-[color:var(--tabs-trigger-focus-ring)] focus-visible:ring-[color:var(--tabs-trigger-focus-ring)]/50 focus-visible:outline-[color:var(--tabs-trigger-focus-ring)]\",\n        ],\n        line: [\n          \"-mb-px px-3 py-2\",\n          \"border-b-2 border-transparent\",\n          \"text-muted-foreground\",\n          \"hover:text-foreground hover:border-muted-foreground/50\",\n          \"data-[state=active]:border-primary data-[state=active]:text-primary\",\n          \"dark:data-[state=active]:border-primary dark:data-[state=active]:text-primary\",\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: \"solid\",\n    },\n  }\n)\n\n/**\n * TabsContent variant styles\n */\nexport const tabsContentVariants = cva([\n  \"flex-1 outline-none\",\n])\n","\"use client\"\n\nimport type {\n  TabsContentProps,\n  TabsListProps,\n  TabsProps,\n  TabsTriggerProps,\n  TabsVariant,\n} from \"./Tabs.types\"\n\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  tabsContentVariants,\n  tabsListVariants,\n  tabsTriggerVariants,\n  tabsVariants,\n} from \"./Tabs.variants\"\n\n/**\n * Context for Tabs variant\n */\nconst TabsVariantContext = React.createContext<TabsVariant>(\"solid\")\n\n/**\n * Tabs - A set of layered sections of content, displayed one at a time.\n *\n * Built on top of Radix UI Tabs primitive with accessible keyboard navigation.\n * Supports two visual styles: solid (pill-style) and line (underline-style).\n *\n * @example\n * ```tsx\n * // Solid variant (default)\n * <Tabs defaultValue=\"tab1\">\n *   <TabsList>\n *     <TabsTrigger value=\"tab1\">Tab 1</TabsTrigger>\n *     <TabsTrigger value=\"tab2\">Tab 2</TabsTrigger>\n *   </TabsList>\n *   <TabsContent value=\"tab1\">Content 1</TabsContent>\n *   <TabsContent value=\"tab2\">Content 2</TabsContent>\n * </Tabs>\n *\n * // Line variant\n * <Tabs defaultValue=\"tab1\" variant=\"line\">\n *   <TabsList>\n *     <TabsTrigger value=\"tab1\">Tab 1</TabsTrigger>\n *     <TabsTrigger value=\"tab2\">Tab 2</TabsTrigger>\n *   </TabsList>\n *   <TabsContent value=\"tab1\">Content 1</TabsContent>\n *   <TabsContent value=\"tab2\">Content 2</TabsContent>\n * </Tabs>\n * ```\n */\nfunction Tabs({ className, variant = \"solid\", ...props }: TabsProps) {\n  return (\n    <TabsVariantContext value={variant}>\n      <TabsPrimitive.Root\n        className={cn(tabsVariants(), className)}\n        data-slot=\"tabs\"\n        data-variant={variant}\n        {...props}\n      />\n    </TabsVariantContext>\n  )\n}\n\n/**\n * TabsList - Container for tab triggers.\n */\nfunction TabsList({ className, ...props }: TabsListProps) {\n  const variant = React.use(TabsVariantContext)\n\n  return (\n    <TabsPrimitive.List\n      className={cn(tabsListVariants({ variant }), className)}\n      data-slot=\"tabs-list\"\n      {...props}\n    />\n  )\n}\n\n/**\n * TabsTrigger - Button that activates its associated tab content.\n *\n * Supports optional `icon` (before label) and `badge` (after label) slots\n * matching the Figma `Tabs / Trigger` anatomy. When neither slot is provided,\n * `children` is rendered directly so existing call sites keep working.\n */\nfunction TabsTrigger({\n  className,\n  children,\n  icon,\n  badge,\n  ...props\n}: TabsTriggerProps) {\n  const variant = React.use(TabsVariantContext)\n  const hasSlots = icon !== undefined || badge !== undefined\n\n  return (\n    <TabsPrimitive.Trigger\n      className={cn(tabsTriggerVariants({ variant }), className)}\n      data-slot=\"tabs-trigger\"\n      {...props}\n    >\n      {hasSlots ? (\n        <>\n          {icon !== undefined && (\n            <span aria-hidden=\"true\" data-slot=\"tabs-trigger-icon\">\n              {icon}\n            </span>\n          )}\n          <span data-slot=\"tabs-trigger-label\">{children}</span>\n          {badge !== undefined && (\n            <span\n              className=\"ml-1 inline-flex items-center rounded-[var(--tabs-trigger-badge-radius)] bg-[color:var(--tabs-trigger-badge-bg)] px-[var(--tabs-trigger-badge-padding-x)] text-xs text-[color:var(--tabs-trigger-badge-fg)]\"\n              data-slot=\"tabs-trigger-badge\"\n            >\n              {badge}\n            </span>\n          )}\n        </>\n      ) : (\n        children\n      )}\n    </TabsPrimitive.Trigger>\n  )\n}\n\n/**\n * TabsContent - Contains the content associated with each tab.\n */\nfunction TabsContent({ className, ...props }: TabsContentProps) {\n  return (\n    <TabsPrimitive.Content\n      className={cn(tabsContentVariants(), className)}\n      data-slot=\"tabs-content\"\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"]}

package/dist/{chunk-Y4RKKQMB.js → chunk-ONN5XVYC.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HRNDJU7D.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { Check, X } from 'lucide-react';
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
@@ -8,7 +8,7 @@ var tagVariants = cva(
   // Base styles (always applied)
   [
     "inline-flex items-center justify-center",
-    "font-medium whitespace-nowrap shrink-0 gap-1.5",
+    "font-medium whitespace-nowrap shrink-0 gap-[var(--tag-size-gap-default)]",
     "rounded-[var(--tag-radius)] border bg-background text-foreground",
     "transition-colors duration-200",
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
@@ -378,5 +378,5 @@ function Tag({
 Tag.displayName = "Tag";
 
 export { Tag, TagGroup, tagCheckboxVariants, tagCountVariants, tagGroupVariants, tagVariants, useTagGroup };
-//# sourceMappingURL=chunk-Y4RKKQMB.js.map
-//# sourceMappingURL=chunk-Y4RKKQMB.js.map
+//# sourceMappingURL=chunk-ONN5XVYC.js.map
+//# sourceMappingURL=chunk-ONN5XVYC.js.map