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

package/dist/chunk-7TX5X4EP.js

@@ -0,0 +1,383 @@
+import { cn } from './chunk-RVAYDRMA.js';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var sliderRootVariants = cva(
+  [
+    "relative flex w-full touch-none items-center select-none",
+    "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
+    "data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "",
+        md: "",
+        lg: ""
+      },
+      labelType: {
+        none: "",
+        text: "pb-8",
+        // Space for bottom label
+        tooltip: "pt-12"
+        // Space for top tooltip
+      },
+      hasMarks: {
+        true: "pb-6",
+        // Space for marks below track
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      labelType: "none",
+      hasMarks: false
+    }
+  }
+);
+var sliderTrackVariants = cva(
+  [
+    "bg-[color:var(--slider-track-bg)] relative grow overflow-hidden rounded-full",
+    "data-[orientation=horizontal]:w-full",
+    "data-[orientation=vertical]:h-full"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "data-[orientation=horizontal]:h-[var(--slider-track-height-sm)] data-[orientation=vertical]:w-[var(--slider-track-height-sm)]",
+        md: "data-[orientation=horizontal]:h-[var(--slider-track-height-md)] data-[orientation=vertical]:w-[var(--slider-track-height-md)]",
+        lg: "data-[orientation=horizontal]:h-[var(--slider-track-height-lg)] data-[orientation=vertical]:w-[var(--slider-track-height-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var sliderRangeVariants = cva(
+  [
+    "absolute",
+    "data-[orientation=horizontal]:h-full",
+    "data-[orientation=vertical]:w-full"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "",
+        md: "",
+        lg: ""
+      },
+      color: {
+        default: "bg-[color:var(--slider-range-bg-default)]",
+        primary: "bg-[color:var(--slider-range-bg-default)]",
+        success: "bg-success",
+        warning: "bg-warning",
+        error: "bg-destructive"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      color: "default"
+    }
+  }
+);
+var sliderThumbVariants = cva(
+  [
+    "block shrink-0 rounded-full",
+    "bg-[color:var(--slider-thumb-bg)] border-2",
+    "shadow-md transition-shadow",
+    "hover:shadow-lg",
+    "focus-visible:outline-hidden",
+    "disabled:pointer-events-none disabled:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "size-[var(--slider-thumb-size-sm)]",
+        md: "size-[var(--slider-thumb-size-md)]",
+        lg: "size-[var(--slider-thumb-size-lg)]"
+      },
+      color: {
+        default: "border-[color:var(--slider-thumb-border)] focus-visible:shadow-[0_0_0_var(--slider-focus-ring-width)_var(--slider-focus-ring-primary),var(--slider-thumb-drop-shadow)]",
+        primary: "border-primary focus-visible:shadow-[0_0_0_var(--slider-focus-ring-width)_var(--ring),var(--slider-thumb-drop-shadow)]",
+        success: "border-success focus-visible:shadow-[0_0_0_var(--slider-focus-ring-width)_var(--success),var(--slider-thumb-drop-shadow)]",
+        warning: "border-warning focus-visible:shadow-[0_0_0_var(--slider-focus-ring-width)_var(--warning),var(--slider-thumb-drop-shadow)]",
+        error: "border-destructive focus-visible:shadow-[0_0_0_var(--slider-focus-ring-width)_var(--destructive),var(--slider-thumb-drop-shadow)]"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      color: "default"
+    }
+  }
+);
+var sliderLabelVariants = cva(
+  [
+    "absolute left-1/2 -translate-x-1/2 text-center whitespace-nowrap",
+    "text-[length:var(--slider-label-size)] font-[number:var(--slider-label-weight)] text-[color:var(--slider-label-color)]"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-sm",
+        md: "text-base",
+        lg: "text-base"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var sliderTooltipVariants = cva(
+  [
+    "absolute left-1/2 -translate-x-1/2 bottom-full mb-2",
+    "bg-[color:var(--slider-tooltip-bg)] border border-[color:var(--slider-tooltip-border)] rounded-[var(--slider-tooltip-radius)]",
+    "px-3 py-2 shadow-lg",
+    "text-xs font-semibold text-[color:var(--slider-tooltip-text)] text-center whitespace-nowrap"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "px-2 py-1.5 text-xs",
+        md: "px-3 py-2 text-xs",
+        lg: "px-3 py-2 text-sm"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var sliderMarkContainerVariants = cva(
+  [
+    "absolute w-full",
+    "data-[orientation=horizontal]:top-full data-[orientation=horizontal]:mt-2",
+    "data-[orientation=vertical]:left-full data-[orientation=vertical]:ml-2 data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "",
+        md: "",
+        lg: ""
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var sliderMarkVariants = cva(
+  [
+    "absolute flex flex-col items-center",
+    "data-[orientation=vertical]:flex-row"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "",
+        md: "",
+        lg: ""
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var sliderMarkTickVariants = cva(
+  [
+    "rounded-full bg-border-semantic-strong"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "size-1",
+        md: "size-1.5",
+        lg: "size-2"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var sliderMarkLabelVariants = cva(
+  [
+    "text-text-secondary whitespace-nowrap",
+    "data-[orientation=horizontal]:mt-1",
+    "data-[orientation=vertical]:ml-2"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-xs",
+        md: "text-xs",
+        lg: "text-sm"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var defaultFormatValue = (value) => `${String(value)}%`;
+function generateMarksFromStep(min, max, step) {
+  const marks = [];
+  for (let value = min; value <= max; value += step) {
+    marks.push({ value });
+  }
+  return marks;
+}
+function Slider({
+  className,
+  defaultValue,
+  value,
+  min = 0,
+  max = 100,
+  step = 1,
+  size = "md",
+  labelType = "none",
+  color = "default",
+  formatValue = defaultFormatValue,
+  marks,
+  getAriaValueText,
+  // eslint-disable-next-line @typescript-eslint/unbound-method
+  onValueChange,
+  orientation = "horizontal",
+  ...props
+}) {
+  const [internalValues, setInternalValues] = React.useState(() => {
+    if (value) return value;
+    if (defaultValue) return defaultValue;
+    return [min];
+  });
+  const currentValues = value ?? internalValues;
+  const handleValueChange = React.useCallback(
+    (newValues) => {
+      if (!value) {
+        setInternalValues(newValues);
+      }
+      onValueChange?.(newValues);
+    },
+    [value, onValueChange]
+  );
+  const computedMarks = React.useMemo(() => {
+    if (!marks) return null;
+    if (marks === true) {
+      return generateMarksFromStep(min, max, step);
+    }
+    return marks;
+  }, [marks, min, max, step]);
+  const hasMarks = Boolean(computedMarks && computedMarks.length > 0);
+  return /* @__PURE__ */ jsxs(
+    SliderPrimitive.Root,
+    {
+      "data-label-type": labelType,
+      "data-orientation": orientation,
+      "data-slot": "slider",
+      ...defaultValue ? { defaultValue } : {},
+      ...value ? { value } : {},
+      className: cn(
+        sliderRootVariants({ size, labelType, hasMarks }),
+        className
+      ),
+      max,
+      min,
+      orientation,
+      step,
+      onValueChange: handleValueChange,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          SliderPrimitive.Track,
+          {
+            className: cn(sliderTrackVariants({ size })),
+            "data-slot": "slider-track",
+            children: /* @__PURE__ */ jsx(
+              SliderPrimitive.Range,
+              {
+                className: cn(sliderRangeVariants({ size, color })),
+                "data-slot": "slider-range"
+              }
+            )
+          }
+        ),
+        currentValues.map((thumbValue, index) => /* @__PURE__ */ jsxs(
+          SliderPrimitive.Thumb,
+          {
+            "aria-valuetext": getAriaValueText?.(thumbValue, index),
+            className: cn(sliderThumbVariants({ size, color }), "relative"),
+            "data-slot": "slider-thumb",
+            children: [
+              labelType === "text" && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(sliderLabelVariants({ size }), "top-full mt-2"),
+                  "data-slot": "slider-label",
+                  children: formatValue(thumbValue)
+                }
+              ),
+              labelType === "tooltip" && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(sliderTooltipVariants({ size })),
+                  "data-slot": "slider-tooltip",
+                  children: formatValue(thumbValue)
+                }
+              )
+            ]
+          },
+          index
+        )),
+        hasMarks && computedMarks && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(sliderMarkContainerVariants({ size })),
+            "data-orientation": orientation,
+            "data-slot": "slider-marks",
+            children: computedMarks.map((mark) => {
+              const percent = (mark.value - min) / (max - min) * 100;
+              const positionStyle = orientation === "vertical" ? { bottom: `${String(percent)}%`, transform: "translateY(50%)" } : { left: `${String(percent)}%`, transform: "translateX(-50%)" };
+              return /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(sliderMarkVariants({ size })),
+                  "data-orientation": orientation,
+                  "data-slot": "slider-mark",
+                  style: positionStyle,
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cn(sliderMarkTickVariants({ size })),
+                        "data-slot": "slider-mark-tick"
+                      }
+                    ),
+                    mark.label && /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cn(sliderMarkLabelVariants({ size })),
+                        "data-orientation": orientation,
+                        "data-slot": "slider-mark-label",
+                        children: mark.label
+                      }
+                    )
+                  ]
+                },
+                mark.value
+              );
+            })
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { Slider, sliderLabelVariants, sliderMarkContainerVariants, sliderMarkLabelVariants, sliderMarkTickVariants, sliderMarkVariants, sliderRangeVariants, sliderRootVariants, sliderThumbVariants, sliderTooltipVariants, sliderTrackVariants };
+//# sourceMappingURL=chunk-7TX5X4EP.js.map
+//# sourceMappingURL=chunk-7TX5X4EP.js.map

package/dist/chunk-7TX5X4EP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/Slider/Slider.variants.ts","../src/components/forms/Slider/Slider.tsx"],"names":[],"mappings":"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","file":"chunk-7TX5X4EP.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\nexport const sliderRootVariants = cva(\n  [\n    \"relative flex w-full touch-none items-center select-none\",\n    \"data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\",\n    \"data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"\",\n        md: \"\",\n        lg: \"\",\n      },\n      labelType: {\n        none: \"\",\n        text: \"pb-8\", // Space for bottom label\n        tooltip: \"pt-12\", // Space for top tooltip\n      },\n      hasMarks: {\n        true: \"pb-6\", // Space for marks below track\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      labelType: \"none\",\n      hasMarks: false,\n    },\n  }\n)\n\nexport const sliderTrackVariants = cva(\n  [\n    \"bg-[color:var(--slider-track-bg)] relative grow overflow-hidden rounded-full\",\n    \"data-[orientation=horizontal]:w-full\",\n    \"data-[orientation=vertical]:h-full\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"data-[orientation=horizontal]:h-[var(--slider-track-height-sm)] data-[orientation=vertical]:w-[var(--slider-track-height-sm)]\",\n        md: \"data-[orientation=horizontal]:h-[var(--slider-track-height-md)] data-[orientation=vertical]:w-[var(--slider-track-height-md)]\",\n        lg: \"data-[orientation=horizontal]:h-[var(--slider-track-height-lg)] data-[orientation=vertical]:w-[var(--slider-track-height-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const sliderRangeVariants = cva(\n  [\n    \"absolute\",\n    \"data-[orientation=horizontal]:h-full\",\n    \"data-[orientation=vertical]:w-full\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"\",\n        md: \"\",\n        lg: \"\",\n      },\n      color: {\n        default: \"bg-[color:var(--slider-range-bg-default)]\",\n        primary: \"bg-[color:var(--slider-range-bg-default)]\",\n        success: \"bg-success\",\n        warning: \"bg-warning\",\n        error: \"bg-destructive\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      color: \"default\",\n    },\n  }\n)\n\nexport const sliderThumbVariants = cva(\n  [\n    \"block shrink-0 rounded-full\",\n    \"bg-[color:var(--slider-thumb-bg)] border-2\",\n    \"shadow-md transition-shadow\",\n    \"hover:shadow-lg\",\n    \"focus-visible:outline-hidden\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"size-[var(--slider-thumb-size-sm)]\",\n        md: \"size-[var(--slider-thumb-size-md)]\",\n        lg: \"size-[var(--slider-thumb-size-lg)]\",\n      },\n      color: {\n        default: \"border-[color:var(--slider-thumb-border)] focus-visible:shadow-[0_0_0_var(--slider-focus-ring-width)_var(--slider-focus-ring-primary),var(--slider-thumb-drop-shadow)]\",\n        primary: \"border-primary focus-visible:shadow-[0_0_0_var(--slider-focus-ring-width)_var(--ring),var(--slider-thumb-drop-shadow)]\",\n        success: \"border-success focus-visible:shadow-[0_0_0_var(--slider-focus-ring-width)_var(--success),var(--slider-thumb-drop-shadow)]\",\n        warning: \"border-warning focus-visible:shadow-[0_0_0_var(--slider-focus-ring-width)_var(--warning),var(--slider-thumb-drop-shadow)]\",\n        error: \"border-destructive focus-visible:shadow-[0_0_0_var(--slider-focus-ring-width)_var(--destructive),var(--slider-thumb-drop-shadow)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      color: \"default\",\n    },\n  }\n)\n\nexport const sliderLabelVariants = cva(\n  [\n    \"absolute left-1/2 -translate-x-1/2 text-center whitespace-nowrap\",\n    \"text-[length:var(--slider-label-size)] font-[number:var(--slider-label-weight)] text-[color:var(--slider-label-color)]\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"text-sm\",\n        md: \"text-base\",\n        lg: \"text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const sliderTooltipVariants = cva(\n  [\n    \"absolute left-1/2 -translate-x-1/2 bottom-full mb-2\",\n    \"bg-[color:var(--slider-tooltip-bg)] border border-[color:var(--slider-tooltip-border)] rounded-[var(--slider-tooltip-radius)]\",\n    \"px-3 py-2 shadow-lg\",\n    \"text-xs font-semibold text-[color:var(--slider-tooltip-text)] text-center whitespace-nowrap\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"px-2 py-1.5 text-xs\",\n        md: \"px-3 py-2 text-xs\",\n        lg: \"px-3 py-2 text-sm\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const sliderMarkContainerVariants = cva(\n  [\n    \"absolute w-full\",\n    \"data-[orientation=horizontal]:top-full data-[orientation=horizontal]:mt-2\",\n    \"data-[orientation=vertical]:left-full data-[orientation=vertical]:ml-2 data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"\",\n        md: \"\",\n        lg: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const sliderMarkVariants = cva(\n  [\n    \"absolute flex flex-col items-center\",\n    \"data-[orientation=vertical]:flex-row\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"\",\n        md: \"\",\n        lg: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const sliderMarkTickVariants = cva(\n  [\n    \"rounded-full bg-border-semantic-strong\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"size-1\",\n        md: \"size-1.5\",\n        lg: \"size-2\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const sliderMarkLabelVariants = cva(\n  [\n    \"text-text-secondary whitespace-nowrap\",\n    \"data-[orientation=horizontal]:mt-1\",\n    \"data-[orientation=vertical]:ml-2\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-xs\",\n        lg: \"text-sm\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport type SliderRootVariantProps = VariantProps<typeof sliderRootVariants>\nexport type SliderTrackVariantProps = VariantProps<typeof sliderTrackVariants>\nexport type SliderRangeVariantProps = VariantProps<typeof sliderRangeVariants>\nexport type SliderThumbVariantProps = VariantProps<typeof sliderThumbVariants>\nexport type SliderLabelVariantProps = VariantProps<typeof sliderLabelVariants>\nexport type SliderTooltipVariantProps = VariantProps<typeof sliderTooltipVariants>\nexport type SliderMarkContainerVariantProps = VariantProps<typeof sliderMarkContainerVariants>\nexport type SliderMarkVariantProps = VariantProps<typeof sliderMarkVariants>\nexport type SliderMarkTickVariantProps = VariantProps<typeof sliderMarkTickVariants>\nexport type SliderMarkLabelVariantProps = VariantProps<typeof sliderMarkLabelVariants>\n","\"use client\"\n\nimport type { SliderMark, SliderProps } from \"./Slider.types\"\n\nimport * as SliderPrimitive from \"@radix-ui/react-slider\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  sliderLabelVariants,\n  sliderMarkContainerVariants,\n  sliderMarkLabelVariants,\n  sliderMarkTickVariants,\n  sliderMarkVariants,\n  sliderRangeVariants,\n  sliderRootVariants,\n  sliderThumbVariants,\n  sliderTooltipVariants,\n  sliderTrackVariants,\n} from \"./Slider.variants\"\n\n/**\n * Default format function for slider values\n */\nconst defaultFormatValue = (value: number): string => `${String(value)}%`\n\n/**\n * Generate marks array from step value\n */\nfunction generateMarksFromStep(\n  min: number,\n  max: number,\n  step: number\n): SliderMark[] {\n  const marks: SliderMark[] = []\n  for (let value = min; value <= max; value += step) {\n    marks.push({ value })\n  }\n  return marks\n}\n\n/**\n * Slider - A range input component with optional value labels\n *\n * Based on Figma Slider/Range design. Supports:\n * - Single or multiple thumbs (range slider)\n * - Label types: none, text (bottom), tooltip (floating)\n * - Three sizes: sm, md, lg\n * - Color variants: default, primary, success, warning, error\n * - Marks/tick indicators along the track\n * - Accessible aria-valuetext via getAriaValueText\n *\n * @example\n * ```tsx\n * // Simple slider\n * <Slider defaultValue={[50]} />\n *\n * // Range slider with bottom labels\n * <Slider\n *   defaultValue={[20, 80]}\n *   labelType=\"text\"\n * />\n *\n * // Slider with marks\n * <Slider\n *   defaultValue={[50]}\n *   marks={[\n *     { value: 0, label: \"0%\" },\n *     { value: 50, label: \"50%\" },\n *     { value: 100, label: \"100%\" }\n *   ]}\n * />\n *\n * // Slider with color variant\n * <Slider defaultValue={[75]} color=\"success\" />\n *\n * // Slider with accessible value text\n * <Slider\n *   defaultValue={[50]}\n *   getAriaValueText={(value) => `${value} percent`}\n * />\n * ```\n */\nfunction Slider({\n  className,\n  defaultValue,\n  value,\n  min = 0,\n  max = 100,\n  step = 1,\n  size = \"md\",\n  labelType = \"none\",\n  color = \"default\",\n  formatValue = defaultFormatValue,\n  marks,\n  getAriaValueText,\n  // eslint-disable-next-line @typescript-eslint/unbound-method\n  onValueChange,\n  orientation = \"horizontal\",\n  ...props\n}: SliderProps) {\n  // Track internal values for uncontrolled mode\n  const [internalValues, setInternalValues] = React.useState<number[]>(() => {\n    if (value) return value\n    if (defaultValue) return defaultValue\n    return [min]\n  })\n\n  // Use controlled value if provided, otherwise internal state\n  const currentValues = value ?? internalValues\n\n  // Handle value changes\n  const handleValueChange = React.useCallback(\n    (newValues: number[]) => {\n      if (!value) {\n        setInternalValues(newValues)\n      }\n      onValueChange?.(newValues)\n    },\n    [value, onValueChange]\n  )\n\n  // Compute marks array\n  const computedMarks = React.useMemo(() => {\n    if (!marks) return null\n    if (marks === true) {\n      return generateMarksFromStep(min, max, step)\n    }\n    return marks\n  }, [marks, min, max, step])\n\n  const hasMarks = Boolean(computedMarks && computedMarks.length > 0)\n\n  return (\n    <SliderPrimitive.Root\n      data-label-type={labelType}\n      data-orientation={orientation}\n      data-slot=\"slider\"\n      {...(defaultValue ? { defaultValue } : {})}\n      {...(value ? { value } : {})}\n      className={cn(\n        sliderRootVariants({ size, labelType, hasMarks }),\n        className\n      )}\n      max={max}\n      min={min}\n      orientation={orientation}\n      step={step}\n      onValueChange={handleValueChange}\n      {...props}\n    >\n      <SliderPrimitive.Track\n        className={cn(sliderTrackVariants({ size }))}\n        data-slot=\"slider-track\"\n      >\n        <SliderPrimitive.Range\n          className={cn(sliderRangeVariants({ size, color }))}\n          data-slot=\"slider-range\"\n        />\n      </SliderPrimitive.Track>\n\n      {currentValues.map((thumbValue, index) => (\n        <SliderPrimitive.Thumb\n          // eslint-disable-next-line @eslint-react/no-array-index-key -- Slider thumbs have no unique identifier, index is stable\n          key={index}\n          aria-valuetext={getAriaValueText?.(thumbValue, index)}\n          className={cn(sliderThumbVariants({ size, color }), \"relative\")}\n          data-slot=\"slider-thumb\"\n        >\n          {/* Bottom text label */}\n          {labelType === \"text\" && (\n            <span\n              className={cn(sliderLabelVariants({ size }), \"top-full mt-2\")}\n              data-slot=\"slider-label\"\n            >\n              {formatValue(thumbValue)}\n            </span>\n          )}\n\n          {/* Floating tooltip */}\n          {labelType === \"tooltip\" && (\n            <span\n              className={cn(sliderTooltipVariants({ size }))}\n              data-slot=\"slider-tooltip\"\n            >\n              {formatValue(thumbValue)}\n            </span>\n          )}\n        </SliderPrimitive.Thumb>\n      ))}\n\n      {/* Marks/tick indicators */}\n      {hasMarks && computedMarks && (\n        <div\n          className={cn(sliderMarkContainerVariants({ size }))}\n          data-orientation={orientation}\n          data-slot=\"slider-marks\"\n        >\n          {computedMarks.map((mark) => {\n            const percent = ((mark.value - min) / (max - min)) * 100\n            const positionStyle =\n              orientation === \"vertical\"\n                ? { bottom: `${String(percent)}%`, transform: \"translateY(50%)\" }\n                : { left: `${String(percent)}%`, transform: \"translateX(-50%)\" }\n\n            return (\n              <div\n                key={mark.value}\n                className={cn(sliderMarkVariants({ size }))}\n                data-orientation={orientation}\n                data-slot=\"slider-mark\"\n                style={positionStyle}\n              >\n                <span\n                  className={cn(sliderMarkTickVariants({ size }))}\n                  data-slot=\"slider-mark-tick\"\n                />\n                {mark.label && (\n                  <span\n                    className={cn(sliderMarkLabelVariants({ size }))}\n                    data-orientation={orientation}\n                    data-slot=\"slider-mark-label\"\n                  >\n                    {mark.label}\n                  </span>\n                )}\n              </div>\n            )\n          })}\n        </div>\n      )}\n    </SliderPrimitive.Root>\n  )\n}\n\nexport { Slider }\n"]}

package/dist/chunk-7XJQYAGY.js

@@ -0,0 +1,37 @@
+import { ChartContainer, ChartTooltip, ChartTooltipContent } from './chunk-XXWCMY2G.js';
+import { cn } from './chunk-RVAYDRMA.js';
+import { RadarChart as RadarChart$1, PolarGrid, PolarAngleAxis, Radar } from 'recharts';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function RadarChart({
+  className,
+  config,
+  data,
+  dataKeys,
+  angleKey = "subject",
+  showGrid = true,
+  showDots = true,
+  fillOpacity = 0.3,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ChartContainer, { className: cn("aspect-square", className), config, ...props, children: /* @__PURE__ */ jsxs(RadarChart$1, { data, children: [
+    showGrid && /* @__PURE__ */ jsx(PolarGrid, {}),
+    /* @__PURE__ */ jsx(PolarAngleAxis, { dataKey: angleKey }),
+    /* @__PURE__ */ jsx(ChartTooltip, { content: /* @__PURE__ */ jsx(ChartTooltipContent, {}) }),
+    dataKeys.map((key) => /* @__PURE__ */ jsx(
+      Radar,
+      {
+        dataKey: key,
+        dot: showDots ? { r: 3 } : false,
+        fill: `var(--color-${key})`,
+        fillOpacity,
+        stroke: `var(--color-${key})`
+      },
+      key
+    ))
+  ] }) });
+}
+
+export { RadarChart };
+//# sourceMappingURL=chunk-7XJQYAGY.js.map
+//# sourceMappingURL=chunk-7XJQYAGY.js.map

package/dist/chunk-7XJQYAGY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/RadarChart/RadarChart.tsx"],"names":["RechartsRadarChart"],"mappings":";;;;;AAcA,SAAS,UAAA,CAAW;AAAA,EAClB,SAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,SAAA;AAAA,EACX,QAAA,GAAW,IAAA;AAAA,EACX,QAAA,GAAW,IAAA;AAAA,EACX,WAAA,GAAc,GAAA;AAAA,EACd,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,uBACE,GAAA,CAAC,cAAA,EAAA,EAAe,SAAA,EAAW,EAAA,CAAG,eAAA,EAAiB,SAAS,CAAA,EAAG,MAAA,EAAiB,GAAG,KAAA,EAC7E,QAAA,kBAAA,IAAA,CAACA,YAAA,EAAA,EAAmB,IAAA,EACjB,QAAA,EAAA;AAAA,IAAA,QAAA,wBAAa,SAAA,EAAA,EAAU,CAAA;AAAA,oBACxB,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAS,QAAA,EAAU,CAAA;AAAA,oBACnC,GAAA,CAAC,YAAA,EAAA,EAAa,OAAA,kBAAS,GAAA,CAAC,uBAAoB,CAAA,EAAI,CAAA;AAAA,IAC/C,QAAA,CAAS,GAAA,CAAI,CAAC,GAAA,qBACb,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QAEC,OAAA,EAAS,GAAA;AAAA,QACT,GAAA,EAAK,QAAA,GAAW,EAAE,CAAA,EAAG,GAAE,GAAI,KAAA;AAAA,QAC3B,IAAA,EAAM,eAAe,GAAG,CAAA,CAAA,CAAA;AAAA,QACxB,WAAA;AAAA,QACA,MAAA,EAAQ,eAAe,GAAG,CAAA,CAAA;AAAA,OAAA;AAAA,MALrB;AAAA,KAOR;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ","file":"chunk-7XJQYAGY.js","sourcesContent":["\"use client\"\n\nimport type { RadarChartProps } from \"./RadarChart.types\"\n\nimport {\n  PolarAngleAxis,\n  PolarGrid,\n  Radar,\n  RadarChart as RechartsRadarChart,\n} from \"recharts\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { ChartContainer, ChartTooltip, ChartTooltipContent } from \"../Chart\"\n\nfunction RadarChart({\n  className,\n  config,\n  data,\n  dataKeys,\n  angleKey = \"subject\",\n  showGrid = true,\n  showDots = true,\n  fillOpacity = 0.3,\n  ...props\n}: RadarChartProps) {\n  return (\n    <ChartContainer className={cn(\"aspect-square\", className)} config={config} {...props}>\n      <RechartsRadarChart data={data}>\n        {showGrid && <PolarGrid />}\n        <PolarAngleAxis dataKey={angleKey} />\n        <ChartTooltip content={<ChartTooltipContent />} />\n        {dataKeys.map((key) => (\n          <Radar\n            key={key}\n            dataKey={key}\n            dot={showDots ? { r: 3 } : false}\n            fill={`var(--color-${key})`}\n            fillOpacity={fillOpacity}\n            stroke={`var(--color-${key})`}\n          />\n        ))}\n      </RechartsRadarChart>\n    </ChartContainer>\n  )\n}\n\nexport { RadarChart }\n"]}

package/dist/chunk-7Y325TBV.js

@@ -0,0 +1,55 @@
+import { cn } from './chunk-RVAYDRMA.js';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var labelSizeClass = {
+  sm: "text-[length:var(--label-size-sm-font-size)] leading-[var(--label-size-sm-line-height)]",
+  md: "text-[length:var(--label-size-md-font-size)] leading-[var(--label-size-md-line-height)]",
+  lg: "text-[length:var(--label-size-lg-font-size)] leading-[var(--label-size-lg-line-height)]"
+};
+function Label({
+  className,
+  size,
+  required = false,
+  optional = false,
+  optionalText = "(optional)",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    LabelPrimitive.Root,
+    {
+      className: cn(
+        "inline-flex items-center gap-[var(--label-root-gap)] text-[length:var(--label-root-font-size)] leading-[var(--label-root-line-height)] font-[number:var(--label-root-font-weight)] select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:text-[color:var(--disabled-foreground)] peer-disabled:cursor-not-allowed peer-disabled:text-[color:var(--disabled-foreground)]",
+        size && labelSizeClass[size],
+        className
+      ),
+      "data-slot": "label",
+      ...props,
+      children: [
+        children,
+        required && /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "text-[color:var(--label-required-color)]",
+            "data-slot": "label-required",
+            children: "*"
+          }
+        ),
+        optional && !required && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "text-[color:var(--label-optional-color)] font-[number:var(--label-optional-font-weight)]",
+            "data-slot": "label-optional",
+            children: optionalText
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { Label };
+//# sourceMappingURL=chunk-7Y325TBV.js.map
+//# sourceMappingURL=chunk-7Y325TBV.js.map

package/dist/chunk-7Y325TBV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/Label/Label.tsx"],"names":[],"mappings":";;;;AAMA,IAAM,cAAA,GAAkE;AAAA,EACtE,EAAA,EAAI,yFAAA;AAAA,EACJ,EAAA,EAAI,yFAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,SAAS,KAAA,CAAM;AAAA,EACb,SAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,YAAA,GAAe,YAAA;AAAA,EACf,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAe;AACb,EAAA,uBACE,IAAA;AAAA,IAAgB,cAAA,CAAA,IAAA;AAAA,IAAf;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,yYAAA;AAAA,QACA,IAAA,IAAQ,eAAe,IAAI,CAAA;AAAA,QAC3B;AAAA,OACF;AAAA,MACA,WAAA,EAAU,OAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,QAAA,oBACC,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,MAAA;AAAA,YACZ,SAAA,EAAU,0CAAA;AAAA,YACV,WAAA,EAAU,gBAAA;AAAA,YACX,QAAA,EAAA;AAAA;AAAA,SAED;AAAA,QAED,QAAA,IAAY,CAAC,QAAA,oBACZ,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,0FAAA;AAAA,YACV,WAAA,EAAU,gBAAA;AAAA,YAET,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,GAEJ;AAEJ","file":"chunk-7Y325TBV.js","sourcesContent":["import type { LabelProps } from \"./Label.types\"\n\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\n\nimport { cn } from \"../../../lib/utils\"\n\nconst labelSizeClass: Record<NonNullable<LabelProps[\"size\"]>, string> = {\n  sm: \"text-[length:var(--label-size-sm-font-size)] leading-[var(--label-size-sm-line-height)]\",\n  md: \"text-[length:var(--label-size-md-font-size)] leading-[var(--label-size-md-line-height)]\",\n  lg: \"text-[length:var(--label-size-lg-font-size)] leading-[var(--label-size-lg-line-height)]\",\n}\n\nfunction Label({\n  className,\n  size,\n  required = false,\n  optional = false,\n  optionalText = \"(optional)\",\n  children,\n  ...props\n}: LabelProps) {\n  return (\n    <LabelPrimitive.Root\n      className={cn(\n        \"inline-flex items-center gap-[var(--label-root-gap)] text-[length:var(--label-root-font-size)] leading-[var(--label-root-line-height)] font-[number:var(--label-root-font-weight)] select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:text-[color:var(--disabled-foreground)] peer-disabled:cursor-not-allowed peer-disabled:text-[color:var(--disabled-foreground)]\",\n        size && labelSizeClass[size],\n        className\n      )}\n      data-slot=\"label\"\n      {...props}\n    >\n      {children}\n      {required && (\n        <span\n          aria-hidden=\"true\"\n          className=\"text-[color:var(--label-required-color)]\"\n          data-slot=\"label-required\"\n        >\n          *\n        </span>\n      )}\n      {optional && !required && (\n        <span\n          className=\"text-[color:var(--label-optional-color)] font-[number:var(--label-optional-font-weight)]\"\n          data-slot=\"label-optional\"\n        >\n          {optionalText}\n        </span>\n      )}\n    </LabelPrimitive.Root>\n  )\n}\n\nexport { Label }\n"]}