@mieweb/ui 0.1.0 → 0.2.0

package/LICENSE

@@ -1,21 +1,45 @@
-MIT License
+@mieweb/ui - Source Available License
 
-Copyright (c) 2026 MIE Web Team
+Copyright (c) 2026 Medical Informatics Engineering, LLC. All rights reserved.
 
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
+This software and associated documentation files (the "Software") are the
+proprietary property of Medical Informatics Engineering, LLC. ("MIE").
 
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
+OPEN SOURCE / NON-COMMERCIAL USE
+
+Permission is hereby granted, free of charge, to any person or organization
+obtaining a copy of this Software, to use, copy, modify, merge, and distribute
+the Software for non-commercial purposes, subject to the following conditions:
+
+1. Attribution Required: The above copyright notice, this permission notice,
+   and clear attribution to Medical Informatics Engineering, LLC. shall be
+   included in all copies or substantial portions of the Software.
+
+2. Open Source Requirement: If you distribute the Software or any derivative
+   works, you must do so under an open source license approved by the Open
+   Source Initiative (OSI) and make the source code publicly available.
+
+3. Non-Commercial Use Only: This license does not grant permission to use the
+   Software for commercial purposes. "Commercial purposes" means any use
+   intended for or directed toward commercial advantage or monetary
+   compensation.
+
+COMMERCIAL USE
+
+For commercial use, including but not limited to:
+- Use in proprietary/closed-source products
+- Use in products or services sold for profit
+- Use by for-profit organizations for internal business operations
+
+You must obtain a separate commercial license from Medical Informatics
+Engineering, LLC. Contact: https://www.mieweb.com or helpdesk@mieweb.com
+
+NO WARRANTY
 
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
+MEDICAL INFORMATICS ENGINEERING, LLC. OR ITS AFFILIATES BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE
+OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -693,4 +693,12 @@ We welcome contributions! Here's how to get started:
 
 ## License
 
-MIT © MIE Web Team
+Copyright © 2026 Medical Informatics Engineering, Inc. All rights reserved.
+
+This software is **source available** with the following terms:
+
+- ✅ **Free for open source projects** - Use, modify, and distribute freely in open source projects with attribution
+- ✅ **Free for non-commercial use** - Personal projects, education, research
+- 💼 **Commercial license required** - For proprietary products or commercial use, contact [licensing@mieweb.com](mailto:licensing@mieweb.com)
+
+See the [LICENSE](LICENSE) file for full details.

package/dist/brands/index.cjs

@@ -1,19 +1,23 @@
 'use strict';
 
-var chunk6DP6RKUA_cjs = require('../chunk-6DP6RKUA.cjs');
+var chunkCLJZHS7Y_cjs = require('../chunk-CLJZHS7Y.cjs');
+var chunkP52GA3GJ_cjs = require('../chunk-P52GA3GJ.cjs');
 var chunkS6UNPMAS_cjs = require('../chunk-S6UNPMAS.cjs');
 var chunkSWV5E75F_cjs = require('../chunk-SWV5E75F.cjs');
 var chunkZ3TFPXVN_cjs = require('../chunk-Z3TFPXVN.cjs');
 var chunkFFJVCQ5R_cjs = require('../chunk-FFJVCQ5R.cjs');
 var chunk4LNS5QDP_cjs = require('../chunk-4LNS5QDP.cjs');
 var chunkO5HS7ZND_cjs = require('../chunk-O5HS7ZND.cjs');
-var chunkP52GA3GJ_cjs = require('../chunk-P52GA3GJ.cjs');
 
 
 
 Object.defineProperty(exports, "brands", {
   enumerable: true,
-  get: function () { return chunk6DP6RKUA_cjs.brands; }
+  get: function () { return chunkCLJZHS7Y_cjs.brands; }
+});
+Object.defineProperty(exports, "enterpriseHealthBrand", {
+  enumerable: true,
+  get: function () { return chunkP52GA3GJ_cjs.enterpriseHealthBrand; }
 });
 Object.defineProperty(exports, "miewebBrand", {
   enumerable: true,
@@ -47,9 +51,5 @@ Object.defineProperty(exports, "defaultBrand", {
   enumerable: true,
   get: function () { return chunkO5HS7ZND_cjs.defaultBrand; }
 });
-Object.defineProperty(exports, "enterpriseHealthBrand", {
-  enumerable: true,
-  get: function () { return chunkP52GA3GJ_cjs.enterpriseHealthBrand; }
-});
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/brands/index.js

@@ -1,10 +1,10 @@
-export { brands } from '../chunk-FIUNOH6W.js';
+export { brands } from '../chunk-S4DK5WN6.js';
+export { enterpriseHealthBrand } from '../chunk-MTZPVOP6.js';
 export { miewebBrand } from '../chunk-UHSPAFY6.js';
 export { wagglelineBrand } from '../chunk-OWPWP46L.js';
 export { webchartBrand } from '../chunk-C6MDPPPL.js';
 export { createBrandPreset, generateBrandCSS, generateTailwindTheme } from '../chunk-SOFX4T7M.js';
 export { bluehiveBrand } from '../chunk-ULOA7WBW.js';
 export { defaultBrand } from '../chunk-4LTN2LEN.js';
-export { enterpriseHealthBrand } from '../chunk-MTZPVOP6.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/{chunk-CLNOI5J7.js → chunk-4SMSH4OY.js}

@@ -1,10 +1,10 @@
+import { isStorybookDocsMode } from './chunk-VSQF22GL.js';
 import { useRef, useEffect } from 'react';
 
-// src/hooks/useFocusTrap.ts
 function useFocusTrap(enabled = true) {
   const containerRef = useRef(null);
   useEffect(() => {
-    if (!enabled || !containerRef.current) return;
+    if (!enabled || !containerRef.current || isStorybookDocsMode()) return;
     const container = containerRef.current;
     const focusableElements = container.querySelectorAll(
       'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'
@@ -34,5 +34,5 @@ function useFocusTrap(enabled = true) {
 }
 
 export { useFocusTrap };
-//# sourceMappingURL=chunk-CLNOI5J7.js.map
-//# sourceMappingURL=chunk-CLNOI5J7.js.map
+//# sourceMappingURL=chunk-4SMSH4OY.js.map
+//# sourceMappingURL=chunk-4SMSH4OY.js.map

package/dist/chunk-4SMSH4OY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useFocusTrap.ts"],"names":[],"mappings":";;;AAuBO,SAAS,YAAA,CACd,UAAU,IAAA,EACW;AACrB,EAAA,MAAM,YAAA,GAAe,OAAU,IAAI,CAAA;AAEnC,EAAA,SAAA,CAAU,MAAM;AAEd,IAAA,IAAI,CAAC,OAAA,IAAW,CAAC,YAAA,CAAa,OAAA,IAAW,qBAAoB,EAAG;AAEhE,IAAA,MAAM,YAAY,YAAA,CAAa,OAAA;AAC/B,IAAA,MAAM,oBAAoB,SAAA,CAAU,gBAAA;AAAA,MAClC;AAAA,KACF;AAEA,IAAA,IAAI,iBAAA,CAAkB,WAAW,CAAA,EAAG;AAEpC,IAAA,MAAM,YAAA,GAAe,kBAAkB,CAAC,CAAA;AACxC,IAAA,MAAM,WAAA,GAAc,iBAAA,CAAkB,iBAAA,CAAkB,MAAA,GAAS,CAAC,CAAA;AAGlE,IAAA,YAAA,CAAa,KAAA,EAAM;AAEnB,IAAA,MAAM,aAAA,GAAgB,CAAC,KAAA,KAAoC;AACzD,MAAA,IAAI,KAAA,CAAM,QAAQ,KAAA,EAAO;AAEzB,MAAA,IAAI,MAAM,QAAA,EAAU;AAElB,QAAA,IAAI,QAAA,CAAS,kBAAkB,YAAA,EAAc;AAC3C,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,WAAA,CAAY,KAAA,EAAM;AAAA,QACpB;AAAA,MACF,CAAA,MAAO;AAEL,QAAA,IAAI,QAAA,CAAS,kBAAkB,WAAA,EAAa;AAC1C,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,YAAA,CAAa,KAAA,EAAM;AAAA,QACrB;AAAA,MACF;AAAA,IACF,CAAA;AAEA,IAAA,SAAA,CAAU,gBAAA,CAAiB,WAAW,aAAa,CAAA;AACnD,IAAA,OAAO,MAAM,SAAA,CAAU,mBAAA,CAAoB,SAAA,EAAW,aAAa,CAAA;AAAA,EACrE,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,YAAA;AACT","file":"chunk-4SMSH4OY.js","sourcesContent":["import { useEffect, useRef, type RefObject } from 'react';\nimport { isStorybookDocsMode } from '../utils/environment';\n\n/**\n * Hook that traps focus within a container element.\n * Essential for accessibility in modals and dialogs.\n *\n * @param enabled - Whether focus trapping is active\n * @returns ref to attach to the container element\n *\n * @example\n * ```tsx\n * function Modal({ isOpen }: { isOpen: boolean }) {\n *   const containerRef = useFocusTrap<HTMLDivElement>(isOpen);\n *   return (\n *     <div ref={containerRef} role=\"dialog\" aria-modal=\"true\">\n *       <button>First focusable</button>\n *       <button>Last focusable</button>\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useFocusTrap<T extends HTMLElement>(\n  enabled = true\n): RefObject<T | null> {\n  const containerRef = useRef<T>(null);\n\n  useEffect(() => {\n    // Skip focus trap in Storybook docs mode to prevent auto-scroll\n    if (!enabled || !containerRef.current || isStorybookDocsMode()) return;\n\n    const container = containerRef.current;\n    const focusableElements = container.querySelectorAll<HTMLElement>(\n      'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\n    );\n\n    if (focusableElements.length === 0) return;\n\n    const firstElement = focusableElements[0];\n    const lastElement = focusableElements[focusableElements.length - 1];\n\n    // Focus the first element when trap is enabled\n    firstElement.focus();\n\n    const handleKeyDown = (event: globalThis.KeyboardEvent) => {\n      if (event.key !== 'Tab') return;\n\n      if (event.shiftKey) {\n        // Shift + Tab\n        if (document.activeElement === firstElement) {\n          event.preventDefault();\n          lastElement.focus();\n        }\n      } else {\n        // Tab\n        if (document.activeElement === lastElement) {\n          event.preventDefault();\n          firstElement.focus();\n        }\n      }\n    };\n\n    container.addEventListener('keydown', handleKeyDown);\n    return () => container.removeEventListener('keydown', handleKeyDown);\n  }, [enabled]);\n\n  return containerRef;\n}\n"]}

package/dist/chunk-4T2ZNPTC.js

@@ -0,0 +1,220 @@
+import { cn } from './chunk-F3SOEIN2.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var sliderTrackVariants = cva(
+  [
+    "relative w-full overflow-hidden rounded-full",
+    "bg-neutral-200 dark:bg-neutral-700",
+    "cursor-pointer",
+    "group-data-[disabled=true]:cursor-not-allowed group-data-[disabled=true]:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-1",
+        md: "h-2",
+        lg: "h-3"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var sliderRangeVariants = cva(
+  ["absolute h-full rounded-full transition-all duration-75 ease-out"],
+  {
+    variants: {
+      variant: {
+        default: "bg-primary-500",
+        success: "bg-green-500",
+        warning: "bg-yellow-500",
+        danger: "bg-red-500",
+        neutral: "bg-neutral-500"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var sliderThumbVariants = cva(
+  [
+    "absolute top-1/2 -translate-y-1/2 -translate-x-1/2",
+    "rounded-full border-2 bg-white",
+    "shadow-md transition-shadow duration-150",
+    "peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2",
+    "peer-hover:shadow-lg",
+    "peer-active:shadow-xl peer-active:scale-110",
+    "group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-3.5 w-3.5",
+        md: "h-5 w-5",
+        lg: "h-6 w-6"
+      },
+      variant: {
+        default: "border-primary-500",
+        success: "border-green-500",
+        warning: "border-yellow-500",
+        danger: "border-red-500",
+        neutral: "border-neutral-500"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      variant: "default"
+    }
+  }
+);
+var Slider = React.forwardRef(
+  ({
+    value: controlledValue,
+    defaultValue = 0,
+    min = 0,
+    max = 100,
+    step = 1,
+    onValueChange,
+    onValueCommit,
+    disabled = false,
+    label,
+    showValue = false,
+    formatValue,
+    description,
+    minLabel,
+    maxLabel,
+    variant,
+    size,
+    className,
+    trackClassName,
+    id,
+    name,
+    "aria-label": ariaLabelProp,
+    "aria-labelledby": ariaLabelledByProp
+  }, ref) => {
+    const hasExplicitLabel = !!label;
+    const ariaLabelledBy = ariaLabelledByProp;
+    const ariaLabel = ariaLabelProp ?? (!hasExplicitLabel && !ariaLabelledByProp ? "Slider" : void 0);
+    const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
+    const isControlled = controlledValue !== void 0;
+    const currentValue = isControlled ? controlledValue : uncontrolledValue;
+    const clampedValue = Math.min(Math.max(currentValue, min), max);
+    const percentage = max !== min ? (clampedValue - min) / (max - min) * 100 : 0;
+    const generatedId = React.useId();
+    const inputId = id ?? generatedId;
+    const handleChange = (e) => {
+      const newValue = parseFloat(e.target.value);
+      if (!isControlled) {
+        setUncontrolledValue(newValue);
+      }
+      onValueChange?.(newValue);
+    };
+    const handleCommit = () => {
+      onValueCommit?.(clampedValue);
+    };
+    const displayValue = formatValue ? formatValue(clampedValue) : String(clampedValue);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("w-full", className),
+        "data-disabled": disabled || void 0,
+        children: [
+          (label || showValue) && /* @__PURE__ */ jsxs("div", { className: "mb-1.5 flex items-baseline justify-between", children: [
+            label && /* @__PURE__ */ jsxs(
+              "label",
+              {
+                htmlFor: inputId,
+                className: cn(
+                  "text-foreground text-sm font-medium",
+                  disabled && "opacity-50"
+                ),
+                children: [
+                  label,
+                  showValue && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground ml-1", children: displayValue })
+                ]
+              }
+            ),
+            !label && showValue && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: displayValue })
+          ] }),
+          description && /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: cn(
+                "text-muted-foreground mb-2 text-xs",
+                disabled && "opacity-50"
+              ),
+              children: description
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "group relative", "data-disabled": disabled || void 0, children: [
+            /* @__PURE__ */ jsx("div", { className: cn(sliderTrackVariants({ size }), trackClassName), children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: sliderRangeVariants({ variant }),
+                style: { width: `${percentage}%` }
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref,
+                type: "range",
+                className: cn(
+                  "peer absolute inset-0 h-full w-full cursor-pointer opacity-0",
+                  disabled && "cursor-not-allowed"
+                ),
+                id: inputId,
+                name,
+                min,
+                max,
+                step,
+                value: clampedValue,
+                onChange: handleChange,
+                onMouseUp: handleCommit,
+                onTouchEnd: handleCommit,
+                onKeyUp: handleCommit,
+                onBlur: handleCommit,
+                disabled,
+                "aria-label": ariaLabel,
+                "aria-labelledby": ariaLabelledBy,
+                "aria-valuemin": min,
+                "aria-valuemax": max,
+                "aria-valuenow": clampedValue
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: sliderThumbVariants({ size, variant }),
+                style: { left: `${percentage}%` },
+                "aria-hidden": "true"
+              }
+            )
+          ] }),
+          (minLabel || maxLabel) && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "text-muted-foreground mt-1 flex justify-between text-xs",
+                disabled && "opacity-50"
+              ),
+              children: [
+                /* @__PURE__ */ jsx("span", { children: minLabel }),
+                /* @__PURE__ */ jsx("span", { children: maxLabel })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Slider.displayName = "Slider";
+
+export { Slider, sliderRangeVariants, sliderThumbVariants, sliderTrackVariants };
+//# sourceMappingURL=chunk-4T2ZNPTC.js.map
+//# sourceMappingURL=chunk-4T2ZNPTC.js.map

package/dist/chunk-4T2ZNPTC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Slider/Slider.tsx"],"names":[],"mappings":"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","file":"chunk-4T2ZNPTC.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Slider Variants\n// ============================================================================\n\nconst sliderTrackVariants = cva(\n  [\n    'relative w-full overflow-hidden rounded-full',\n    'bg-neutral-200 dark:bg-neutral-700',\n    'cursor-pointer',\n    'group-data-[disabled=true]:cursor-not-allowed group-data-[disabled=true]:opacity-50',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-1',\n        md: 'h-2',\n        lg: 'h-3',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n);\n\nconst sliderRangeVariants = cva(\n  ['absolute h-full rounded-full transition-all duration-75 ease-out'],\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary-500',\n        success: 'bg-green-500',\n        warning: 'bg-yellow-500',\n        danger: 'bg-red-500',\n        neutral: 'bg-neutral-500',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nconst sliderThumbVariants = cva(\n  [\n    'absolute top-1/2 -translate-y-1/2 -translate-x-1/2',\n    'rounded-full border-2 bg-white',\n    'shadow-md transition-shadow duration-150',\n    'peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2',\n    'peer-hover:shadow-lg',\n    'peer-active:shadow-xl peer-active:scale-110',\n    'group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-3.5 w-3.5',\n        md: 'h-5 w-5',\n        lg: 'h-6 w-6',\n      },\n      variant: {\n        default: 'border-primary-500',\n        success: 'border-green-500',\n        warning: 'border-yellow-500',\n        danger: 'border-red-500',\n        neutral: 'border-neutral-500',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      variant: 'default',\n    },\n  }\n);\n\n// ============================================================================\n// Slider Component\n// ============================================================================\n\nexport interface SliderProps\n  extends\n    VariantProps<typeof sliderTrackVariants>,\n    VariantProps<typeof sliderRangeVariants> {\n  /** Current value (controlled) */\n  value?: number;\n  /** Default value (uncontrolled) */\n  defaultValue?: number;\n  /** Minimum value */\n  min?: number;\n  /** Maximum value */\n  max?: number;\n  /** Step increment */\n  step?: number;\n  /** Callback when value changes */\n  onValueChange?: (value: number) => void;\n  /** Callback when interaction ends (mouseup / touchend) */\n  onValueCommit?: (value: number) => void;\n  /** Whether the slider is disabled */\n  disabled?: boolean;\n  /** Label for the slider */\n  label?: string;\n  /** Show the current value */\n  showValue?: boolean;\n  /** Format the displayed value */\n  formatValue?: (value: number) => string;\n  /** Description text below the label */\n  description?: string;\n  /** Min label displayed below the track (left) */\n  minLabel?: string;\n  /** Max label displayed below the track (right) */\n  maxLabel?: string;\n  /** Additional class name for the root container */\n  className?: string;\n  /** Additional class name for the track */\n  trackClassName?: string;\n  /** ID for the underlying input */\n  id?: string;\n  /** Name for form submission */\n  name?: string;\n  /** Accessible label for the slider */\n  'aria-label'?: string;\n  /** ID of the element that labels the slider */\n  'aria-labelledby'?: string;\n}\n\n/**\n * A fully branded, accessible slider/range input component.\n *\n * Uses brand design tokens for colors, border-radius, and sizing.\n * Supports controlled and uncontrolled usage, labels, descriptions,\n * min/max labels, value display, and multiple color variants.\n *\n * @example\n * ```tsx\n * <Slider label=\"Volume\" min={0} max={100} defaultValue={50} />\n * <Slider\n *   label=\"Border Radius\"\n *   min={0}\n *   max={32}\n *   value={radius}\n *   onValueChange={setRadius}\n *   showValue\n *   formatValue={(v) => `${v}px`}\n *   minLabel=\"Square\"\n *   maxLabel=\"Rounded\"\n * />\n * ```\n */\nconst Slider = React.forwardRef<HTMLInputElement, SliderProps>(\n  (\n    {\n      value: controlledValue,\n      defaultValue = 0,\n      min = 0,\n      max = 100,\n      step = 1,\n      onValueChange,\n      onValueCommit,\n      disabled = false,\n      label,\n      showValue = false,\n      formatValue,\n      description,\n      minLabel,\n      maxLabel,\n      variant,\n      size,\n      className,\n      trackClassName,\n      id,\n      name,\n      'aria-label': ariaLabelProp,\n      'aria-labelledby': ariaLabelledByProp,\n    },\n    ref\n  ) => {\n    const hasExplicitLabel = !!label;\n    const ariaLabelledBy = ariaLabelledByProp;\n    const ariaLabel =\n      ariaLabelProp ??\n      (!hasExplicitLabel && !ariaLabelledByProp ? 'Slider' : undefined);\n    const [uncontrolledValue, setUncontrolledValue] =\n      React.useState(defaultValue);\n    const isControlled = controlledValue !== undefined;\n    const currentValue = isControlled ? controlledValue : uncontrolledValue;\n\n    // Clamp value to min/max\n    const clampedValue = Math.min(Math.max(currentValue, min), max);\n\n    // Percentage for visual fill\n    const percentage =\n      max !== min ? ((clampedValue - min) / (max - min)) * 100 : 0;\n\n    const generatedId = React.useId();\n    const inputId = id ?? generatedId;\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = parseFloat(e.target.value);\n      if (!isControlled) {\n        setUncontrolledValue(newValue);\n      }\n      onValueChange?.(newValue);\n    };\n\n    const handleCommit = () => {\n      onValueCommit?.(clampedValue);\n    };\n\n    const displayValue = formatValue\n      ? formatValue(clampedValue)\n      : String(clampedValue);\n\n    return (\n      <div\n        className={cn('w-full', className)}\n        data-disabled={disabled || undefined}\n      >\n        {/* Label row */}\n        {(label || showValue) && (\n          <div className=\"mb-1.5 flex items-baseline justify-between\">\n            {label && (\n              <label\n                htmlFor={inputId}\n                className={cn(\n                  'text-foreground text-sm font-medium',\n                  disabled && 'opacity-50'\n                )}\n              >\n                {label}\n                {showValue && (\n                  <span className=\"text-muted-foreground ml-1\">\n                    {displayValue}\n                  </span>\n                )}\n              </label>\n            )}\n            {!label && showValue && (\n              <span className=\"text-muted-foreground text-sm\">\n                {displayValue}\n              </span>\n            )}\n          </div>\n        )}\n\n        {/* Description */}\n        {description && (\n          <p\n            className={cn(\n              'text-muted-foreground mb-2 text-xs',\n              disabled && 'opacity-50'\n            )}\n          >\n            {description}\n          </p>\n        )}\n\n        {/* Track + Thumb */}\n        <div className=\"group relative\" data-disabled={disabled || undefined}>\n          {/* Visual track background */}\n          <div className={cn(sliderTrackVariants({ size }), trackClassName)}>\n            {/* Filled range */}\n            <div\n              className={sliderRangeVariants({ variant })}\n              style={{ width: `${percentage}%` }}\n            />\n          </div>\n\n          {/* Native range input — stretched to fill, made invisible */}\n          <input\n            ref={ref}\n            type=\"range\"\n            className={cn(\n              'peer absolute inset-0 h-full w-full cursor-pointer opacity-0',\n              disabled && 'cursor-not-allowed'\n            )}\n            id={inputId}\n            name={name}\n            min={min}\n            max={max}\n            step={step}\n            value={clampedValue}\n            onChange={handleChange}\n            onMouseUp={handleCommit}\n            onTouchEnd={handleCommit}\n            onKeyUp={handleCommit}\n            onBlur={handleCommit}\n            disabled={disabled}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n            aria-valuemin={min}\n            aria-valuemax={max}\n            aria-valuenow={clampedValue}\n          />\n\n          {/* Thumb indicator (visual only) */}\n          <div\n            className={sliderThumbVariants({ size, variant })}\n            style={{ left: `${percentage}%` }}\n            aria-hidden=\"true\"\n          />\n        </div>\n\n        {/* Min / Max labels */}\n        {(minLabel || maxLabel) && (\n          <div\n            className={cn(\n              'text-muted-foreground mt-1 flex justify-between text-xs',\n              disabled && 'opacity-50'\n            )}\n          >\n            <span>{minLabel}</span>\n            <span>{maxLabel}</span>\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nSlider.displayName = 'Slider';\n\nexport {\n  Slider,\n  sliderTrackVariants,\n  sliderRangeVariants,\n  sliderThumbVariants,\n};\n"]}