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

package/dist/chunk-CP2PEDG2.js

@@ -0,0 +1,383 @@
+import { cn } from './chunk-HRNDJU7D.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]: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",
+    "font-medium text-slider-label-text"
+  ],
+  {
+    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-slider-tooltip-bg border border-slider-tooltip-border rounded-lg",
+    "px-3 py-2 shadow-lg",
+    "text-xs font-semibold text-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-CP2PEDG2.js.map
+//# sourceMappingURL=chunk-CP2PEDG2.js.map

package/dist/chunk-CP2PEDG2.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-CP2PEDG2.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]: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    \"font-medium text-slider-label-text\",\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-slider-tooltip-bg border border-slider-tooltip-border rounded-lg\",\n    \"px-3 py-2 shadow-lg\",\n    \"text-xs font-semibold text-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-CSXT7SKR.js

@@ -0,0 +1,139 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import * as ToolbarPrimitive from '@radix-ui/react-toolbar';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var toolbarVariants = cva(
+  [
+    // Base styles
+    "flex items-center gap-[var(--toolbar-root-gap)] data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "rounded-[var(--toolbar-root-radius)] border border-[color:var(--toolbar-root-border)] bg-[color:var(--toolbar-root-background)] p-[var(--toolbar-root-padding)]",
+        floating: "rounded-[var(--toolbar-root-radius)] border border-[color:var(--toolbar-root-border)] bg-popover p-[var(--toolbar-root-padding)] shadow-lg",
+        sticky: "border-b border-[color:var(--toolbar-root-border)] bg-[color:var(--toolbar-root-background)] px-[var(--toolbar-root-padding-x)] py-[var(--toolbar-root-padding-y)]",
+        minimal: "gap-1"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var toolbarButtonVariants = cva([
+  // Base styles
+  "inline-flex items-center justify-center rounded-[var(--toolbar-button-radius)] h-[var(--toolbar-button-height)] px-[var(--toolbar-button-padding-x)]",
+  // Colors
+  "text-foreground",
+  "hover:bg-accent hover:text-accent-foreground",
+  // Focus styles
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+  // Disabled
+  "disabled:pointer-events-none disabled:opacity-50",
+  // Transition
+  "transition-colors",
+  // SVG styles
+  "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+]);
+var toolbarToggleGroupVariants = cva([
+  "flex items-center gap-0.5"
+]);
+var toolbarToggleItemVariants = cva([
+  // Base styles
+  "inline-flex items-center justify-center rounded-sm p-2",
+  // Colors
+  "text-foreground",
+  "hover:bg-accent hover:text-accent-foreground",
+  // Active state
+  "data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
+  // Focus styles
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+  // Disabled
+  "disabled:pointer-events-none disabled:opacity-50",
+  // Transition
+  "transition-colors",
+  // SVG styles
+  "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+]);
+var toolbarSeparatorVariants = cva([
+  "mx-2 h-6 w-px bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=horizontal]:mx-0 data-[orientation=horizontal]:my-2"
+]);
+var toolbarLinkVariants = cva([
+  // Base styles
+  "inline-flex items-center justify-center rounded-sm p-2",
+  // Colors
+  "text-foreground",
+  "hover:bg-accent hover:text-accent-foreground",
+  // Focus styles
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+  // Transition
+  "transition-colors",
+  // SVG styles
+  "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+]);
+function Toolbar({ className, variant = "default", ...props }) {
+  return /* @__PURE__ */ jsx(
+    ToolbarPrimitive.Root,
+    {
+      className: cn(toolbarVariants({ variant }), className),
+      "data-slot": "toolbar",
+      ...props
+    }
+  );
+}
+function ToolbarButton({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ToolbarPrimitive.Button,
+    {
+      className: cn(toolbarButtonVariants(), className),
+      "data-slot": "toolbar-button",
+      ...props
+    }
+  );
+}
+function ToolbarToggleGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ToolbarPrimitive.ToggleGroup,
+    {
+      className: cn(toolbarToggleGroupVariants(), className),
+      "data-slot": "toolbar-toggle-group",
+      ...props
+    }
+  );
+}
+function ToolbarToggleItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ToolbarPrimitive.ToggleItem,
+    {
+      className: cn(toolbarToggleItemVariants(), className),
+      "data-slot": "toolbar-toggle-item",
+      ...props
+    }
+  );
+}
+function ToolbarSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ToolbarPrimitive.Separator,
+    {
+      className: cn(toolbarSeparatorVariants(), className),
+      "data-slot": "toolbar-separator",
+      ...props
+    }
+  );
+}
+function ToolbarLink({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ToolbarPrimitive.Link,
+    {
+      className: cn(toolbarLinkVariants(), className),
+      "data-slot": "toolbar-link",
+      ...props
+    }
+  );
+}
+
+export { Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator, ToolbarToggleGroup, ToolbarToggleItem, toolbarButtonVariants, toolbarLinkVariants, toolbarSeparatorVariants, toolbarToggleGroupVariants, toolbarToggleItemVariants, toolbarVariants };
+//# sourceMappingURL=chunk-CSXT7SKR.js.map
+//# sourceMappingURL=chunk-CSXT7SKR.js.map

package/dist/chunk-CSXT7SKR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/Toolbar/Toolbar.variants.ts","../src/components/navigation/Toolbar/Toolbar.tsx"],"names":[],"mappings":"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","file":"chunk-CSXT7SKR.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * Toolbar root variant styles\n */\nexport const toolbarVariants = cva(\n  [\n    // Base styles\n    \"flex items-center gap-[var(--toolbar-root-gap)] data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"rounded-[var(--toolbar-root-radius)] border border-[color:var(--toolbar-root-border)] bg-[color:var(--toolbar-root-background)] p-[var(--toolbar-root-padding)]\",\n        floating: \"rounded-[var(--toolbar-root-radius)] border border-[color:var(--toolbar-root-border)] bg-popover p-[var(--toolbar-root-padding)] shadow-lg\",\n        sticky: \"border-b border-[color:var(--toolbar-root-border)] bg-[color:var(--toolbar-root-background)] px-[var(--toolbar-root-padding-x)] py-[var(--toolbar-root-padding-y)]\",\n        minimal: \"gap-1\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * Toolbar button variant styles\n */\nexport const toolbarButtonVariants = cva([\n  // Base styles\n  \"inline-flex items-center justify-center rounded-[var(--toolbar-button-radius)] h-[var(--toolbar-button-height)] px-[var(--toolbar-button-padding-x)]\",\n  // Colors\n  \"text-foreground\",\n  \"hover:bg-accent hover:text-accent-foreground\",\n  // Focus styles\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n  // Disabled\n  \"disabled:pointer-events-none disabled:opacity-50\",\n  // Transition\n  \"transition-colors\",\n  // SVG styles\n  \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n])\n\n/**\n * Toolbar toggle group variant styles\n */\nexport const toolbarToggleGroupVariants = cva([\n  \"flex items-center gap-0.5\",\n])\n\n/**\n * Toolbar toggle item variant styles\n */\nexport const toolbarToggleItemVariants = cva([\n  // Base styles\n  \"inline-flex items-center justify-center rounded-sm p-2\",\n  // Colors\n  \"text-foreground\",\n  \"hover:bg-accent hover:text-accent-foreground\",\n  // Active state\n  \"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground\",\n  // Focus styles\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n  // Disabled\n  \"disabled:pointer-events-none disabled:opacity-50\",\n  // Transition\n  \"transition-colors\",\n  // SVG styles\n  \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n])\n\n/**\n * Toolbar separator variant styles\n */\nexport const toolbarSeparatorVariants = cva([\n  \"mx-2 h-6 w-px bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=horizontal]:mx-0 data-[orientation=horizontal]:my-2\",\n])\n\n/**\n * Toolbar link variant styles\n */\nexport const toolbarLinkVariants = cva([\n  // Base styles\n  \"inline-flex items-center justify-center rounded-sm p-2\",\n  // Colors\n  \"text-foreground\",\n  \"hover:bg-accent hover:text-accent-foreground\",\n  // Focus styles\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n  // Transition\n  \"transition-colors\",\n  // SVG styles\n  \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n])\n","\"use client\"\n\nimport type {\n  ToolbarButtonProps,\n  ToolbarLinkProps,\n  ToolbarProps,\n  ToolbarSeparatorProps,\n  ToolbarToggleGroupProps,\n  ToolbarToggleItemProps,\n} from \"./Toolbar.types\"\n\nimport * as ToolbarPrimitive from \"@radix-ui/react-toolbar\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  toolbarButtonVariants,\n  toolbarLinkVariants,\n  toolbarSeparatorVariants,\n  toolbarToggleGroupVariants,\n  toolbarToggleItemVariants,\n  toolbarVariants,\n} from \"./Toolbar.variants\"\n\n/**\n * Toolbar - Root container for toolbar components.\n *\n * A horizontal bar of actions and controls for the current content.\n * Provides quick access to common functionality like text formatting,\n * zoom, alignment, and other contextual operations.\n *\n * @example\n * <Toolbar>\n *   <ToolbarToggleGroup type=\"multiple\">\n *     <ToolbarToggleItem value=\"bold\">Bold</ToolbarToggleItem>\n *     <ToolbarToggleItem value=\"italic\">Italic</ToolbarToggleItem>\n *   </ToolbarToggleGroup>\n *   <ToolbarSeparator />\n *   <ToolbarButton>Action</ToolbarButton>\n * </Toolbar>\n */\nfunction Toolbar({ className, variant = \"default\", ...props }: ToolbarProps) {\n  return (\n    <ToolbarPrimitive.Root\n      className={cn(toolbarVariants({ variant }), className)}\n      data-slot=\"toolbar\"\n      {...props}\n    />\n  )\n}\n\n/**\n * ToolbarButton - Button for toolbar actions.\n *\n * Used for non-toggle actions within the toolbar.\n */\nfunction ToolbarButton({ className, ...props }: ToolbarButtonProps) {\n  return (\n    <ToolbarPrimitive.Button\n      className={cn(toolbarButtonVariants(), className)}\n      data-slot=\"toolbar-button\"\n      {...props}\n    />\n  )\n}\n\n/**\n * ToolbarToggleGroup - Container for toggle items.\n *\n * Groups toggle items for single or multiple selection.\n */\nfunction ToolbarToggleGroup({ className, ...props }: ToolbarToggleGroupProps) {\n  return (\n    <ToolbarPrimitive.ToggleGroup\n      className={cn(toolbarToggleGroupVariants(), className)}\n      data-slot=\"toolbar-toggle-group\"\n      {...props}\n    />\n  )\n}\n\n/**\n * ToolbarToggleItem - Individual toggle item within a toggle group.\n *\n * Represents a selectable option that can be toggled on/off.\n */\nfunction ToolbarToggleItem({ className, ...props }: ToolbarToggleItemProps) {\n  return (\n    <ToolbarPrimitive.ToggleItem\n      className={cn(toolbarToggleItemVariants(), className)}\n      data-slot=\"toolbar-toggle-item\"\n      {...props}\n    />\n  )\n}\n\n/**\n * ToolbarSeparator - Visual separator between toolbar groups.\n *\n * Provides visual division between groups of related actions.\n */\nfunction ToolbarSeparator({ className, ...props }: ToolbarSeparatorProps) {\n  return (\n    <ToolbarPrimitive.Separator\n      className={cn(toolbarSeparatorVariants(), className)}\n      data-slot=\"toolbar-separator\"\n      {...props}\n    />\n  )\n}\n\n/**\n * ToolbarLink - Link element within the toolbar.\n *\n * Renders an accessible link styled to match toolbar items.\n */\nfunction ToolbarLink({ className, ...props }: ToolbarLinkProps) {\n  return (\n    <ToolbarPrimitive.Link\n      className={cn(toolbarLinkVariants(), className)}\n      data-slot=\"toolbar-link\"\n      {...props}\n    />\n  )\n}\n\nexport {\n  Toolbar,\n  ToolbarButton,\n  ToolbarLink,\n  ToolbarSeparator,\n  ToolbarToggleGroup,\n  ToolbarToggleItem,\n}\n"]}