@accelint/design-toolkit 9.9.2 → 9.11.0

package/dist/components/sidenav/styles.module.css

@@ -14,14 +14,22 @@
 
 @layer components.l1 {
   .sidenav {
+    --sidenav-width: 64px;
     @apply fg-primary-bold gap-xs bg-surface-default p-m absolute left-0 row-span-full flex h-full flex-col;
 
-    @variant closed {
-      @apply items-center;
+    @variant motion-safe {
+      transition: transform var(--animation-duration-normal)
+        var(--animation-easing-standard);
     }
 
     @variant group-push-left/layout {
       @apply relative;
+      transform: translateX(0);
+    }
+
+    @variant closed {
+      @apply items-center;
+      transform: translateX(calc(-100% + var(--sidenav-width)));
     }
   }
 

package/dist/components/sidenav/trigger.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavTriggerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime111 from "react/jsx-runtime";
+import * as react_jsx_runtime177 from "react/jsx-runtime";
 
 //#region src/components/sidenav/trigger.d.ts
 
@@ -39,7 +39,7 @@ declare function SidenavTrigger({
   children,
   for: type,
   ...rest
-}: SidenavTriggerProps): react_jsx_runtime111.JSX.Element;
+}: SidenavTriggerProps): react_jsx_runtime177.JSX.Element;
 //#endregion
 export { SidenavTrigger };
 //# sourceMappingURL=trigger.d.ts.map

package/dist/components/sidenav/trigger.js

@@ -15,10 +15,10 @@
 
 import { SidenavEventTypes } from "./events.js";
 import "client-only";
-import { Pressable } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
 import { isUUID } from "@accelint/core";
 import { useEmit } from "@accelint/bus/react";
+import { Pressable } from "react-aria-components/Pressable";
 
 //#region src/components/sidenav/trigger.tsx
 /**

package/dist/components/sidenav/trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"trigger.js","names":[],"sources":["../../../src/components/sidenav/trigger.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { useEmit } from '@accelint/bus/react';\nimport { isUUID, type UniqueId } from '@accelint/core';\nimport { Pressable } from 'react-aria-components';\nimport { SidenavEventTypes } from './events';\nimport type { SidenavEvent, SidenavTriggerProps } from './types';\n\n/**\n * SidenavTrigger - Trigger component for sidenav\n *\n * Provides a trigger button to control the sidenav state\n *\n * @example\n * ```tsx\n * <SidenavTrigger for=\"toggle:sidenav-id\">\n *   <Button variant=\"icon\">\n *     <Icon><Menu /></Icon>\n *   </Button>\n * </SidenavTrigger>\n * ```\n *\n * @param props - {@link SidenavTriggerProps}\n * @param props.children - Trigger content (typically a Button with icon).\n * @param props.for - Target sidenav ID or targeted event string.\n * @returns The rendered SidenavTrigger component.\n */\nexport function SidenavTrigger({\n  children,\n  for: type,\n  ...rest\n}: SidenavTriggerProps) {\n  const [event, id] = (isUUID(type) ? ['toggle', type] : type.split(':')) as [\n    'close' | 'open' | 'toggle',\n    UniqueId,\n  ];\n  const emit = useEmit<SidenavEvent>(SidenavEventTypes[event]);\n\n  return (\n    <Pressable {...rest} onPress={() => emit({ id })}>\n      {children}\n    </Pressable>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,SAAgB,eAAe,EAC7B,UACA,KAAK,MACL,GAAG,QACmB;CACtB,MAAM,CAAC,OAAO,MAAO,OAAO,KAAK,GAAG,CAAC,UAAU,KAAK,GAAG,KAAK,MAAM,IAAI;CAItE,MAAM,OAAO,QAAsB,kBAAkB,OAAO;AAE5D,QACE,oBAAC;EAAU,GAAI;EAAM,eAAe,KAAK,EAAE,IAAI,CAAC;EAC7C;GACS"}
+{"version":3,"file":"trigger.js","names":[],"sources":["../../../src/components/sidenav/trigger.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { useEmit } from '@accelint/bus/react';\nimport { isUUID, type UniqueId } from '@accelint/core';\nimport { Pressable } from 'react-aria-components/Pressable';\nimport { SidenavEventTypes } from './events';\nimport type { SidenavEvent, SidenavTriggerProps } from './types';\n\n/**\n * SidenavTrigger - Trigger component for sidenav\n *\n * Provides a trigger button to control the sidenav state\n *\n * @example\n * ```tsx\n * <SidenavTrigger for=\"toggle:sidenav-id\">\n *   <Button variant=\"icon\">\n *     <Icon><Menu /></Icon>\n *   </Button>\n * </SidenavTrigger>\n * ```\n *\n * @param props - {@link SidenavTriggerProps}\n * @param props.children - Trigger content (typically a Button with icon).\n * @param props.for - Target sidenav ID or targeted event string.\n * @returns The rendered SidenavTrigger component.\n */\nexport function SidenavTrigger({\n  children,\n  for: type,\n  ...rest\n}: SidenavTriggerProps) {\n  const [event, id] = (isUUID(type) ? ['toggle', type] : type.split(':')) as [\n    'close' | 'open' | 'toggle',\n    UniqueId,\n  ];\n  const emit = useEmit<SidenavEvent>(SidenavEventTypes[event]);\n\n  return (\n    <Pressable {...rest} onPress={() => emit({ id })}>\n      {children}\n    </Pressable>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,SAAgB,eAAe,EAC7B,UACA,KAAK,MACL,GAAG,QACmB;CACtB,MAAM,CAAC,OAAO,MAAO,OAAO,KAAK,GAAG,CAAC,UAAU,KAAK,GAAG,KAAK,MAAM,IAAI;CAItE,MAAM,OAAO,QAAsB,kBAAkB,OAAO;AAE5D,QACE,oBAAC;EAAU,GAAI;EAAM,eAAe,KAAK,EAAE,IAAI,CAAC;EAC7C;GACS"}

package/dist/components/sidenav/types.d.ts

@@ -12,9 +12,14 @@
 
 import { SidenavEventTypes } from "./events.js";
 import { ComponentPropsWithRef, PropsWithChildren } from "react";
-import { ButtonProps, DisclosurePanelProps, DisclosureProps, LinkProps, PopoverProps, Pressable, ToggleButtonProps } from "react-aria-components";
+import { DisclosurePanelProps, DisclosureProps } from "react-aria-components/Disclosure";
+import { ButtonProps } from "react-aria-components/Button";
+import { LinkProps } from "react-aria-components/Link";
+import { ToggleButtonProps } from "react-aria-components/ToggleButton";
 import { UniqueId } from "@accelint/core";
+import { PopoverProps } from "react-aria-components/Popover";
 import { Payload } from "@accelint/bus";
+import { Pressable } from "react-aria-components/Pressable";
 
 //#region src/components/sidenav/types.d.ts
 /**

package/dist/components/skeleton/index.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { SkeletonProps } from "./types.js";
-import * as react_jsx_runtime127 from "react/jsx-runtime";
+import * as react_jsx_runtime180 from "react/jsx-runtime";
 
 //#region src/components/skeleton/index.d.ts
 /**
@@ -34,7 +34,7 @@ declare function Skeleton({
   className,
   variant,
   ...rest
-}: SkeletonProps): react_jsx_runtime127.JSX.Element;
+}: SkeletonProps): react_jsx_runtime180.JSX.Element;
 //#endregion
 export { Skeleton };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/slider/index.d.ts

@@ -12,7 +12,7 @@
 
 import { SliderProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime113 from "react/jsx-runtime";
+import * as react_jsx_runtime189 from "react/jsx-runtime";
 
 //#region src/components/slider/index.d.ts
 
@@ -71,7 +71,7 @@ declare function Slider({
   step: stepProp,
   value: valueProp,
   ...rest
-}: SliderProps): react_jsx_runtime113.JSX.Element;
+}: SliderProps): react_jsx_runtime189.JSX.Element;
 //#endregion
 export { Slider };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/slider/index.js

@@ -13,14 +13,17 @@
 
 'use client';
 
-import { Tooltip as Tooltip$1 } from "../tooltip/index.js";
-import { TooltipTrigger as TooltipTrigger$1 } from "../tooltip/trigger.js";
+import { Tooltip } from "../tooltip/index.js";
+import { TooltipTrigger } from "../tooltip/trigger.js";
 import "client-only";
 import { Fragment, useEffect, useMemo, useRef, useState } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Input, Label, Slider as Slider$1, SliderThumb, SliderTrack, Text, composeRenderProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useControlledState } from "@react-stately/utils";
+import { Text } from "react-aria-components/Text";
+import { useControlledState } from "react-stately/useControlledState";
+import { Input } from "react-aria-components/Input";
+import { Label, Slider as Slider$1, SliderThumb, SliderTrack } from "react-aria-components/Slider";
 import styles from "./styles.module.css";
 
 //#region src/components/slider/index.tsx
@@ -240,12 +243,12 @@ function Slider({ classNames, defaultValue, label: labelProp, layout = "grid", m
 							"--track-value-start": state.values.length === 1 ? 0 : state.getThumbPercent(0),
 							"--track-value-end": state.getThumbPercent(state.values.length === 1 ? 0 : 1)
 						}
-					}), /* @__PURE__ */ jsxs(TooltipTrigger$1, {
+					}), /* @__PURE__ */ jsxs(TooltipTrigger, {
 						isDisabled: showInput || state.isThumbDragging(index),
 						children: [/* @__PURE__ */ jsx(SliderThumb, {
 							index,
 							className: composeRenderProps(classNames?.thumb, (className) => clsx(styles.thumb, className))
-						}), /* @__PURE__ */ jsx(Tooltip$1, {
+						}), /* @__PURE__ */ jsx(Tooltip, {
 							placement: "top",
 							children: state.getThumbValue(index)
 						})]

package/dist/components/slider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AriaSlider","AriaSliderTrack","TooltipTrigger","Tooltip"],"sources":["../../../src/components/slider/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useControlledState } from '@react-stately/utils';\nimport {\n  type CSSProperties,\n  Fragment,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  Slider as AriaSlider,\n  SliderTrack as AriaSliderTrack,\n  composeRenderProps,\n  Input,\n  Label,\n  SliderThumb,\n  Text,\n} from 'react-aria-components';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport styles from './styles.module.css';\nimport type { SliderMarker, SliderMarkersConfig, SliderProps } from './types';\n\nconst DEBOUNCE_MS = 500;\n\n/**\n * SliderInput - Internal component for debounced numeric input\n */\nfunction SliderInput({\n  className,\n  value,\n  min,\n  max,\n  disabled,\n  onChange,\n}: {\n  className?: string;\n  value: number;\n  min: number;\n  max: number;\n  disabled?: boolean;\n  onChange: (value: number) => void;\n}) {\n  const [localValue, setLocalValue] = useState(String(value));\n  const timeoutRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n\n  // Sync local value when external value changes (e.g., from slider drag)\n  useEffect(() => {\n    setLocalValue(String(value));\n  }, [value]);\n\n  // Cleanup timeout on unmount\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  const commitValue = (inputValue: string) => {\n    const parsed = Number.parseFloat(inputValue);\n    if (Number.isNaN(parsed)) {\n      // Reset to min if invalid\n      setLocalValue(String(min));\n      onChange(min);\n    } else {\n      // Clamp to valid range\n      const clamped = Math.min(Math.max(parsed, min), max);\n      setLocalValue(String(clamped));\n      onChange(clamped);\n    }\n  };\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = event.target.value;\n    setLocalValue(newValue);\n\n    // Clear existing timeout\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n\n    // Debounce the commit\n    timeoutRef.current = setTimeout(() => {\n      commitValue(newValue);\n    }, DEBOUNCE_MS);\n  };\n\n  const handleBlur = () => {\n    // Clear pending timeout and commit immediately\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n    commitValue(localValue);\n  };\n\n  return (\n    <Input\n      className={className}\n      value={localValue}\n      disabled={disabled}\n      data-disabled={disabled || undefined}\n      onChange={handleChange}\n      onBlur={handleBlur}\n    />\n  );\n}\n\n/**\n * Normalizes the markers configuration into a consistent sorted array format\n */\nfunction normalizeMarkers(\n  markersConfig: SliderMarkersConfig | undefined,\n  min: number,\n  max: number,\n): SliderMarker[] {\n  if (markersConfig === undefined) {\n    return [];\n  }\n\n  // Number of evenly spaced markers\n  if (typeof markersConfig === 'number') {\n    if (markersConfig < 2) {\n      return [];\n    }\n    const step = (max - min) / (markersConfig - 1);\n    return Array.from({ length: markersConfig }, (_, i) => ({\n      value: min + step * i,\n    }));\n  }\n\n  // Array of numbers or marker objects - sort by value\n  return markersConfig\n    .map((item) => (typeof item === 'number' ? { value: item } : item))\n    .sort((a, b) => a.value - b.value);\n}\n\n/**\n * Snaps a value to the nearest marker (curried for use with map)\n * Assumes markers are sorted by value for early exit optimization\n */\nfunction snapToNearestMarker(markers: SliderMarker[]) {\n  return (value: number): number => {\n    const firstMarker = markers[0];\n    if (!firstMarker) {\n      return value;\n    }\n\n    let nearestValue = firstMarker.value;\n    let minDistance = Number.POSITIVE_INFINITY;\n\n    for (const marker of markers) {\n      const distance = Math.abs(value - marker.value);\n      if (distance < minDistance) {\n        minDistance = distance;\n        nearestValue = marker.value;\n      } else {\n        // Since markers are sorted, if distance increases we've passed the nearest\n        break;\n      }\n    }\n\n    return nearestValue;\n  };\n}\n\n/**\n * Checks if a marker with a label exists at the given value\n */\nfunction hasLabeledMarkerAtValue(\n  markers: SliderMarker[],\n  value: number,\n): boolean {\n  return markers.some(\n    (marker) =>\n      marker.value === value &&\n      marker.label !== undefined &&\n      marker.label !== '',\n  );\n}\n\n/**\n * Normalizes value to array format\n */\nfunction normalizeValue(\n  value: number | number[] | undefined,\n): number[] | undefined {\n  if (value === undefined) {\n    return undefined;\n  }\n  return Array.isArray(value) ? value : [value];\n}\n\n/**\n * Slider - Range input for numeric value selection\n *\n * Supports single values or ranges, optional input fields, markers, and snap-to-markers behavior.\n *\n * @param props - {@link SliderProps}\n * @param props.classNames - Custom CSS class names for slider elements.\n * @param props.defaultValue - Default value(s) for uncontrolled mode.\n * @param props.label - Label text for the slider.\n * @param props.layout - Layout variant for the slider.\n * @param props.markers - Marker configuration for discrete points.\n * @param props.maxValue - Maximum value of the slider range.\n * @param props.minValue - Minimum value of the slider range.\n * @param props.onChange - Callback when value changes.\n * @param props.onChangeEnd - Callback when user finishes dragging.\n * @param props.orientation - Slider orientation.\n * @param props.showInput - Whether to show numeric input fields.\n * @param props.showLabel - Whether to display the label.\n * @param props.showMarkerLabels - Whether to show labels on markers.\n * @param props.showValueLabels - Whether to show min/max value labels.\n * @param props.snapToMarkers - Whether to snap to marker values only.\n * @param props.step - Step increment for value changes.\n * @param props.value - Controlled value(s).\n * @returns The rendered Slider component.\n *\n * @example\n * ```tsx\n * <Slider\n *   label=\"Volume\"\n *   defaultValue={50}\n *   minValue={0}\n *   maxValue={100}\n *   onChange={setVolume}\n * />\n * ```\n */\nexport function Slider({\n  classNames,\n  defaultValue,\n  label: labelProp,\n  layout = 'grid',\n  markers: markersProp,\n  maxValue: maxValueProp = 100,\n  minValue: minValueProp = 0,\n  onChange,\n  onChangeEnd,\n  orientation = 'horizontal',\n  showInput,\n  showLabel = true,\n  showMarkerLabels = false,\n  showValueLabels = true,\n  snapToMarkers = false,\n  step: stepProp,\n  value: valueProp,\n  ...rest\n}: SliderProps) {\n  const normalizedMarkers = useMemo(\n    () => normalizeMarkers(markersProp, minValueProp, maxValueProp),\n    [markersProp, minValueProp, maxValueProp],\n  );\n\n  const shouldSnap = snapToMarkers && normalizedMarkers.length > 0;\n\n  // Normalize default value, applying snap if needed\n  const normalizedDefaultValue = useMemo(() => {\n    const normalized = normalizeValue(defaultValue);\n    if (shouldSnap && normalized) {\n      return normalized.map(snapToNearestMarker(normalizedMarkers));\n    }\n    return normalized ?? [minValueProp];\n  }, [defaultValue, shouldSnap, normalizedMarkers, minValueProp]);\n\n  // Use controlled state for value management\n  const [value, setValue] = useControlledState(\n    normalizeValue(valueProp),\n    normalizedDefaultValue,\n    onChange,\n  );\n\n  // Memoize marker percent calculations\n  const markerPercents = useMemo(() => {\n    const percents = new Map<number, number>();\n    const range = maxValueProp - minValueProp;\n    for (const marker of normalizedMarkers) {\n      percents.set(marker.value, ((marker.value - minValueProp) / range) * 100);\n    }\n    return percents;\n  }, [normalizedMarkers, minValueProp, maxValueProp]);\n\n  // Determine if min/max labels should be hidden\n  const hideMinValue =\n    !showValueLabels ||\n    (showMarkerLabels &&\n      hasLabeledMarkerAtValue(normalizedMarkers, minValueProp));\n  const hideMaxValue =\n    !showValueLabels ||\n    (showMarkerLabels &&\n      hasLabeledMarkerAtValue(normalizedMarkers, maxValueProp));\n\n  // Handle onChange - snap values when snapToMarkers is enabled\n  const handleChange = (values: number[]) => {\n    if (shouldSnap) {\n      setValue(values.map(snapToNearestMarker(normalizedMarkers)));\n    } else {\n      setValue(values);\n    }\n  };\n\n  // Handle onChangeEnd\n  const handleChangeEnd = (values: number[]) => {\n    if (shouldSnap) {\n      onChangeEnd?.(values.map(snapToNearestMarker(normalizedMarkers)));\n    } else {\n      onChangeEnd?.(values);\n    }\n  };\n\n  return (\n    <AriaSlider\n      {...rest}\n      className={composeRenderProps(classNames?.slider, (className) =>\n        clsx('group/slider', styles.slider, className),\n      )}\n      maxValue={maxValueProp}\n      minValue={minValueProp}\n      onChange={handleChange}\n      onChangeEnd={handleChangeEnd}\n      orientation={orientation}\n      step={stepProp}\n      value={value}\n      aria-label={showLabel ? undefined : labelProp}\n      data-layout={layout}\n    >\n      {({ state }) => (\n        <>\n          {showLabel && (\n            <Label className={clsx(styles.label, classNames?.label)}>\n              {labelProp}\n            </Label>\n          )}\n          {showInput && (\n            <div className={clsx(styles.inputs, classNames?.inputs)}>\n              {state.values.map((val, index) => (\n                <SliderInput\n                  key={`number-field-${index === 0 ? 'min' : 'max'}`}\n                  className={clsx(styles.input, classNames?.input)}\n                  value={val}\n                  min={minValueProp}\n                  max={maxValueProp}\n                  disabled={state.isDisabled}\n                  onChange={(newValue) => state.setThumbValue(index, newValue)}\n                />\n              ))}\n            </div>\n          )}\n          <AriaSliderTrack\n            className={composeRenderProps(classNames?.track, (className) =>\n              clsx(styles.track, className),\n            )}\n          >\n            <div\n              className={clsx(\n                styles.trackBackground,\n                classNames?.trackBackground,\n              )}\n            />\n            {/* Markers */}\n            {normalizedMarkers.length > 0 && (\n              <div className={clsx(styles.markers, classNames?.markers)}>\n                {normalizedMarkers.map((marker) => (\n                  <div\n                    key={`marker-${marker.value}`}\n                    className={clsx(styles.marker, classNames?.marker)}\n                    data-percent={markerPercents.get(marker.value)}\n                    aria-hidden='true'\n                  >\n                    <div\n                      className={clsx(styles.markerDot, classNames?.markerDot)}\n                    />\n                    {showMarkerLabels && marker.label && (\n                      <span\n                        className={clsx(\n                          styles.markerLabel,\n                          classNames?.markerLabel,\n                        )}\n                      >\n                        {marker.label}\n                      </span>\n                    )}\n                  </div>\n                ))}\n              </div>\n            )}\n            {state.values.map((_, index) => (\n              <Fragment key={`slider-${index === 0 ? 'min' : 'max'}`}>\n                <div\n                  className={clsx(styles.trackValue, classNames?.trackValue)}\n                  style={\n                    {\n                      '--track-value-start':\n                        state.values.length === 1\n                          ? 0\n                          : state.getThumbPercent(0),\n                      '--track-value-end': state.getThumbPercent(\n                        state.values.length === 1 ? 0 : 1,\n                      ),\n                    } as CSSProperties\n                  }\n                />\n                <TooltipTrigger\n                  isDisabled={showInput || state.isThumbDragging(index)}\n                >\n                  <SliderThumb\n                    index={index}\n                    className={composeRenderProps(\n                      classNames?.thumb,\n                      (className) => clsx(styles.thumb, className),\n                    )}\n                  />\n                  <Tooltip placement='top'>\n                    {state.getThumbValue(index)}\n                  </Tooltip>\n                </TooltipTrigger>\n              </Fragment>\n            ))}\n          </AriaSliderTrack>\n          <Text\n            slot='min'\n            className={clsx(styles.minValue, classNames?.minValue)}\n            hidden={hideMinValue}\n          >\n            {minValueProp}\n          </Text>\n          <Text\n            slot='max'\n            className={clsx(styles.maxValue, classNames?.maxValue)}\n            hidden={hideMaxValue}\n          >\n            {maxValueProp}\n          </Text>\n        </>\n      )}\n    </AriaSlider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,MAAM,cAAc;;;;AAKpB,SAAS,YAAY,EACnB,WACA,OACA,KACA,KACA,UACA,YAQC;CACD,MAAM,CAAC,YAAY,iBAAiB,SAAS,OAAO,MAAM,CAAC;CAC3D,MAAM,aAAa,OAAsC,OAAU;AAGnE,iBAAgB;AACd,gBAAc,OAAO,MAAM,CAAC;IAC3B,CAAC,MAAM,CAAC;AAGX,iBAAgB;AACd,eAAa;AACX,OAAI,WAAW,QACb,cAAa,WAAW,QAAQ;;IAGnC,EAAE,CAAC;CAEN,MAAM,eAAe,eAAuB;EAC1C,MAAM,SAAS,OAAO,WAAW,WAAW;AAC5C,MAAI,OAAO,MAAM,OAAO,EAAE;AAExB,iBAAc,OAAO,IAAI,CAAC;AAC1B,YAAS,IAAI;SACR;GAEL,MAAM,UAAU,KAAK,IAAI,KAAK,IAAI,QAAQ,IAAI,EAAE,IAAI;AACpD,iBAAc,OAAO,QAAQ,CAAC;AAC9B,YAAS,QAAQ;;;CAIrB,MAAM,gBAAgB,UAA+C;EACnE,MAAM,WAAW,MAAM,OAAO;AAC9B,gBAAc,SAAS;AAGvB,MAAI,WAAW,QACb,cAAa,WAAW,QAAQ;AAIlC,aAAW,UAAU,iBAAiB;AACpC,eAAY,SAAS;KACpB,YAAY;;CAGjB,MAAM,mBAAmB;AAEvB,MAAI,WAAW,QACb,cAAa,WAAW,QAAQ;AAElC,cAAY,WAAW;;AAGzB,QACE,oBAAC;EACY;EACX,OAAO;EACG;EACV,iBAAe,YAAY;EAC3B,UAAU;EACV,QAAQ;GACR;;;;;AAON,SAAS,iBACP,eACA,KACA,KACgB;AAChB,KAAI,kBAAkB,OACpB,QAAO,EAAE;AAIX,KAAI,OAAO,kBAAkB,UAAU;AACrC,MAAI,gBAAgB,EAClB,QAAO,EAAE;EAEX,MAAM,QAAQ,MAAM,QAAQ,gBAAgB;AAC5C,SAAO,MAAM,KAAK,EAAE,QAAQ,eAAe,GAAG,GAAG,OAAO,EACtD,OAAO,MAAM,OAAO,GACrB,EAAE;;AAIL,QAAO,cACJ,KAAK,SAAU,OAAO,SAAS,WAAW,EAAE,OAAO,MAAM,GAAG,KAAM,CAClE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM;;;;;;AAOtC,SAAS,oBAAoB,SAAyB;AACpD,SAAQ,UAA0B;EAChC,MAAM,cAAc,QAAQ;AAC5B,MAAI,CAAC,YACH,QAAO;EAGT,IAAI,eAAe,YAAY;EAC/B,IAAI,cAAc,OAAO;AAEzB,OAAK,MAAM,UAAU,SAAS;GAC5B,MAAM,WAAW,KAAK,IAAI,QAAQ,OAAO,MAAM;AAC/C,OAAI,WAAW,aAAa;AAC1B,kBAAc;AACd,mBAAe,OAAO;SAGtB;;AAIJ,SAAO;;;;;;AAOX,SAAS,wBACP,SACA,OACS;AACT,QAAO,QAAQ,MACZ,WACC,OAAO,UAAU,SACjB,OAAO,UAAU,UACjB,OAAO,UAAU,GACpB;;;;;AAMH,SAAS,eACP,OACsB;AACtB,KAAI,UAAU,OACZ;AAEF,QAAO,MAAM,QAAQ,MAAM,GAAG,QAAQ,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuC/C,SAAgB,OAAO,EACrB,YACA,cACA,OAAO,WACP,SAAS,QACT,SAAS,aACT,UAAU,eAAe,KACzB,UAAU,eAAe,GACzB,UACA,aACA,cAAc,cACd,WACA,YAAY,MACZ,mBAAmB,OACnB,kBAAkB,MAClB,gBAAgB,OAChB,MAAM,UACN,OAAO,WACP,GAAG,QACW;CACd,MAAM,oBAAoB,cAClB,iBAAiB,aAAa,cAAc,aAAa,EAC/D;EAAC;EAAa;EAAc;EAAa,CAC1C;CAED,MAAM,aAAa,iBAAiB,kBAAkB,SAAS;CAG/D,MAAM,yBAAyB,cAAc;EAC3C,MAAM,aAAa,eAAe,aAAa;AAC/C,MAAI,cAAc,WAChB,QAAO,WAAW,IAAI,oBAAoB,kBAAkB,CAAC;AAE/D,SAAO,cAAc,CAAC,aAAa;IAClC;EAAC;EAAc;EAAY;EAAmB;EAAa,CAAC;CAG/D,MAAM,CAAC,OAAO,YAAY,mBACxB,eAAe,UAAU,EACzB,wBACA,SACD;CAGD,MAAM,iBAAiB,cAAc;EACnC,MAAM,2BAAW,IAAI,KAAqB;EAC1C,MAAM,QAAQ,eAAe;AAC7B,OAAK,MAAM,UAAU,kBACnB,UAAS,IAAI,OAAO,QAAS,OAAO,QAAQ,gBAAgB,QAAS,IAAI;AAE3E,SAAO;IACN;EAAC;EAAmB;EAAc;EAAa,CAAC;CAGnD,MAAM,eACJ,CAAC,mBACA,oBACC,wBAAwB,mBAAmB,aAAa;CAC5D,MAAM,eACJ,CAAC,mBACA,oBACC,wBAAwB,mBAAmB,aAAa;CAG5D,MAAM,gBAAgB,WAAqB;AACzC,MAAI,WACF,UAAS,OAAO,IAAI,oBAAoB,kBAAkB,CAAC,CAAC;MAE5D,UAAS,OAAO;;CAKpB,MAAM,mBAAmB,WAAqB;AAC5C,MAAI,WACF,eAAc,OAAO,IAAI,oBAAoB,kBAAkB,CAAC,CAAC;MAEjE,eAAc,OAAO;;AAIzB,QACE,oBAACA;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,SAAS,cACjD,KAAK,gBAAgB,OAAO,QAAQ,UAAU,CAC/C;EACD,UAAU;EACV,UAAU;EACV,UAAU;EACV,aAAa;EACA;EACb,MAAM;EACC;EACP,cAAY,YAAY,SAAY;EACpC,eAAa;aAEX,EAAE,YACF;GACG,aACC,oBAAC;IAAM,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;cACpD;KACK;GAET,aACC,oBAAC;IAAI,WAAW,KAAK,OAAO,QAAQ,YAAY,OAAO;cACpD,MAAM,OAAO,KAAK,KAAK,UACtB,oBAAC;KAEC,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;KAChD,OAAO;KACP,KAAK;KACL,KAAK;KACL,UAAU,MAAM;KAChB,WAAW,aAAa,MAAM,cAAc,OAAO,SAAS;OANvD,gBAAgB,UAAU,IAAI,QAAQ,QAO3C,CACF;KACE;GAER,qBAACC;IACC,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,OAAO,OAAO,UAAU,CAC9B;;KAED,oBAAC,SACC,WAAW,KACT,OAAO,iBACP,YAAY,gBACb,GACD;KAED,kBAAkB,SAAS,KAC1B,oBAAC;MAAI,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;gBACtD,kBAAkB,KAAK,WACtB,qBAAC;OAEC,WAAW,KAAK,OAAO,QAAQ,YAAY,OAAO;OAClD,gBAAc,eAAe,IAAI,OAAO,MAAM;OAC9C,eAAY;kBAEZ,oBAAC,SACC,WAAW,KAAK,OAAO,WAAW,YAAY,UAAU,GACxD,EACD,oBAAoB,OAAO,SAC1B,oBAAC;QACC,WAAW,KACT,OAAO,aACP,YAAY,YACb;kBAEA,OAAO;SACH;SAhBJ,UAAU,OAAO,QAkBlB,CACN;OACE;KAEP,MAAM,OAAO,KAAK,GAAG,UACpB,qBAAC,uBACC,oBAAC;MACC,WAAW,KAAK,OAAO,YAAY,YAAY,WAAW;MAC1D,OACE;OACE,uBACE,MAAM,OAAO,WAAW,IACpB,IACA,MAAM,gBAAgB,EAAE;OAC9B,qBAAqB,MAAM,gBACzB,MAAM,OAAO,WAAW,IAAI,IAAI,EACjC;OACF;OAEH,EACF,qBAACC;MACC,YAAY,aAAa,MAAM,gBAAgB,MAAM;iBAErD,oBAAC;OACQ;OACP,WAAW,mBACT,YAAY,QACX,cAAc,KAAK,OAAO,OAAO,UAAU,CAC7C;QACD,EACF,oBAACC;OAAQ,WAAU;iBAChB,MAAM,cAAc,MAAM;QACnB;OACK,KA5BJ,UAAU,UAAU,IAAI,QAAQ,QA6BpC,CACX;;KACc;GAClB,oBAAC;IACC,MAAK;IACL,WAAW,KAAK,OAAO,UAAU,YAAY,SAAS;IACtD,QAAQ;cAEP;KACI;GACP,oBAAC;IACC,MAAK;IACL,WAAW,KAAK,OAAO,UAAU,YAAY,SAAS;IACtD,QAAQ;cAEP;KACI;MACN;GAEM"}
+{"version":3,"file":"index.js","names":["AriaSlider","AriaSliderTrack"],"sources":["../../../src/components/slider/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useControlledState } from 'react-stately/useControlledState';\nimport {\n  type CSSProperties,\n  Fragment,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { Input } from 'react-aria-components/Input';\nimport {\n  Slider as AriaSlider,\n  SliderThumb,\n  SliderTrack as AriaSliderTrack,\n  Label,\n} from 'react-aria-components/Slider';\nimport { Text } from 'react-aria-components/Text';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport styles from './styles.module.css';\nimport type { SliderMarker, SliderMarkersConfig, SliderProps } from './types';\n\nconst DEBOUNCE_MS = 500;\n\n/**\n * SliderInput - Internal component for debounced numeric input\n */\nfunction SliderInput({\n  className,\n  value,\n  min,\n  max,\n  disabled,\n  onChange,\n}: {\n  className?: string;\n  value: number;\n  min: number;\n  max: number;\n  disabled?: boolean;\n  onChange: (value: number) => void;\n}) {\n  const [localValue, setLocalValue] = useState(String(value));\n  const timeoutRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n\n  // Sync local value when external value changes (e.g., from slider drag)\n  useEffect(() => {\n    setLocalValue(String(value));\n  }, [value]);\n\n  // Cleanup timeout on unmount\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  const commitValue = (inputValue: string) => {\n    const parsed = Number.parseFloat(inputValue);\n    if (Number.isNaN(parsed)) {\n      // Reset to min if invalid\n      setLocalValue(String(min));\n      onChange(min);\n    } else {\n      // Clamp to valid range\n      const clamped = Math.min(Math.max(parsed, min), max);\n      setLocalValue(String(clamped));\n      onChange(clamped);\n    }\n  };\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = event.target.value;\n    setLocalValue(newValue);\n\n    // Clear existing timeout\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n\n    // Debounce the commit\n    timeoutRef.current = setTimeout(() => {\n      commitValue(newValue);\n    }, DEBOUNCE_MS);\n  };\n\n  const handleBlur = () => {\n    // Clear pending timeout and commit immediately\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n    commitValue(localValue);\n  };\n\n  return (\n    <Input\n      className={className}\n      value={localValue}\n      disabled={disabled}\n      data-disabled={disabled || undefined}\n      onChange={handleChange}\n      onBlur={handleBlur}\n    />\n  );\n}\n\n/**\n * Normalizes the markers configuration into a consistent sorted array format\n */\nfunction normalizeMarkers(\n  markersConfig: SliderMarkersConfig | undefined,\n  min: number,\n  max: number,\n): SliderMarker[] {\n  if (markersConfig === undefined) {\n    return [];\n  }\n\n  // Number of evenly spaced markers\n  if (typeof markersConfig === 'number') {\n    if (markersConfig < 2) {\n      return [];\n    }\n    const step = (max - min) / (markersConfig - 1);\n    return Array.from({ length: markersConfig }, (_, i) => ({\n      value: min + step * i,\n    }));\n  }\n\n  // Array of numbers or marker objects - sort by value\n  return markersConfig\n    .map((item) => (typeof item === 'number' ? { value: item } : item))\n    .sort((a, b) => a.value - b.value);\n}\n\n/**\n * Snaps a value to the nearest marker (curried for use with map)\n * Assumes markers are sorted by value for early exit optimization\n */\nfunction snapToNearestMarker(markers: SliderMarker[]) {\n  return (value: number): number => {\n    const firstMarker = markers[0];\n    if (!firstMarker) {\n      return value;\n    }\n\n    let nearestValue = firstMarker.value;\n    let minDistance = Number.POSITIVE_INFINITY;\n\n    for (const marker of markers) {\n      const distance = Math.abs(value - marker.value);\n      if (distance < minDistance) {\n        minDistance = distance;\n        nearestValue = marker.value;\n      } else {\n        // Since markers are sorted, if distance increases we've passed the nearest\n        break;\n      }\n    }\n\n    return nearestValue;\n  };\n}\n\n/**\n * Checks if a marker with a label exists at the given value\n */\nfunction hasLabeledMarkerAtValue(\n  markers: SliderMarker[],\n  value: number,\n): boolean {\n  return markers.some(\n    (marker) =>\n      marker.value === value &&\n      marker.label !== undefined &&\n      marker.label !== '',\n  );\n}\n\n/**\n * Normalizes value to array format\n */\nfunction normalizeValue(\n  value: number | number[] | undefined,\n): number[] | undefined {\n  if (value === undefined) {\n    return undefined;\n  }\n  return Array.isArray(value) ? value : [value];\n}\n\n/**\n * Slider - Range input for numeric value selection\n *\n * Supports single values or ranges, optional input fields, markers, and snap-to-markers behavior.\n *\n * @param props - {@link SliderProps}\n * @param props.classNames - Custom CSS class names for slider elements.\n * @param props.defaultValue - Default value(s) for uncontrolled mode.\n * @param props.label - Label text for the slider.\n * @param props.layout - Layout variant for the slider.\n * @param props.markers - Marker configuration for discrete points.\n * @param props.maxValue - Maximum value of the slider range.\n * @param props.minValue - Minimum value of the slider range.\n * @param props.onChange - Callback when value changes.\n * @param props.onChangeEnd - Callback when user finishes dragging.\n * @param props.orientation - Slider orientation.\n * @param props.showInput - Whether to show numeric input fields.\n * @param props.showLabel - Whether to display the label.\n * @param props.showMarkerLabels - Whether to show labels on markers.\n * @param props.showValueLabels - Whether to show min/max value labels.\n * @param props.snapToMarkers - Whether to snap to marker values only.\n * @param props.step - Step increment for value changes.\n * @param props.value - Controlled value(s).\n * @returns The rendered Slider component.\n *\n * @example\n * ```tsx\n * <Slider\n *   label=\"Volume\"\n *   defaultValue={50}\n *   minValue={0}\n *   maxValue={100}\n *   onChange={setVolume}\n * />\n * ```\n */\nexport function Slider({\n  classNames,\n  defaultValue,\n  label: labelProp,\n  layout = 'grid',\n  markers: markersProp,\n  maxValue: maxValueProp = 100,\n  minValue: minValueProp = 0,\n  onChange,\n  onChangeEnd,\n  orientation = 'horizontal',\n  showInput,\n  showLabel = true,\n  showMarkerLabels = false,\n  showValueLabels = true,\n  snapToMarkers = false,\n  step: stepProp,\n  value: valueProp,\n  ...rest\n}: SliderProps) {\n  const normalizedMarkers = useMemo(\n    () => normalizeMarkers(markersProp, minValueProp, maxValueProp),\n    [markersProp, minValueProp, maxValueProp],\n  );\n\n  const shouldSnap = snapToMarkers && normalizedMarkers.length > 0;\n\n  // Normalize default value, applying snap if needed\n  const normalizedDefaultValue = useMemo(() => {\n    const normalized = normalizeValue(defaultValue);\n    if (shouldSnap && normalized) {\n      return normalized.map(snapToNearestMarker(normalizedMarkers));\n    }\n    return normalized ?? [minValueProp];\n  }, [defaultValue, shouldSnap, normalizedMarkers, minValueProp]);\n\n  // Use controlled state for value management\n  const [value, setValue] = useControlledState(\n    normalizeValue(valueProp),\n    normalizedDefaultValue,\n    onChange,\n  );\n\n  // Memoize marker percent calculations\n  const markerPercents = useMemo(() => {\n    const percents = new Map<number, number>();\n    const range = maxValueProp - minValueProp;\n    for (const marker of normalizedMarkers) {\n      percents.set(marker.value, ((marker.value - minValueProp) / range) * 100);\n    }\n    return percents;\n  }, [normalizedMarkers, minValueProp, maxValueProp]);\n\n  // Determine if min/max labels should be hidden\n  const hideMinValue =\n    !showValueLabels ||\n    (showMarkerLabels &&\n      hasLabeledMarkerAtValue(normalizedMarkers, minValueProp));\n  const hideMaxValue =\n    !showValueLabels ||\n    (showMarkerLabels &&\n      hasLabeledMarkerAtValue(normalizedMarkers, maxValueProp));\n\n  // Handle onChange - snap values when snapToMarkers is enabled\n  const handleChange = (values: number[]) => {\n    if (shouldSnap) {\n      setValue(values.map(snapToNearestMarker(normalizedMarkers)));\n    } else {\n      setValue(values);\n    }\n  };\n\n  // Handle onChangeEnd\n  const handleChangeEnd = (values: number[]) => {\n    if (shouldSnap) {\n      onChangeEnd?.(values.map(snapToNearestMarker(normalizedMarkers)));\n    } else {\n      onChangeEnd?.(values);\n    }\n  };\n\n  return (\n    <AriaSlider\n      {...rest}\n      className={composeRenderProps(classNames?.slider, (className) =>\n        clsx('group/slider', styles.slider, className),\n      )}\n      maxValue={maxValueProp}\n      minValue={minValueProp}\n      onChange={handleChange}\n      onChangeEnd={handleChangeEnd}\n      orientation={orientation}\n      step={stepProp}\n      value={value}\n      aria-label={showLabel ? undefined : labelProp}\n      data-layout={layout}\n    >\n      {({ state }) => (\n        <>\n          {showLabel && (\n            <Label className={clsx(styles.label, classNames?.label)}>\n              {labelProp}\n            </Label>\n          )}\n          {showInput && (\n            <div className={clsx(styles.inputs, classNames?.inputs)}>\n              {state.values.map((val, index) => (\n                <SliderInput\n                  key={`number-field-${index === 0 ? 'min' : 'max'}`}\n                  className={clsx(styles.input, classNames?.input)}\n                  value={val}\n                  min={minValueProp}\n                  max={maxValueProp}\n                  disabled={state.isDisabled}\n                  onChange={(newValue) => state.setThumbValue(index, newValue)}\n                />\n              ))}\n            </div>\n          )}\n          <AriaSliderTrack\n            className={composeRenderProps(classNames?.track, (className) =>\n              clsx(styles.track, className),\n            )}\n          >\n            <div\n              className={clsx(\n                styles.trackBackground,\n                classNames?.trackBackground,\n              )}\n            />\n            {/* Markers */}\n            {normalizedMarkers.length > 0 && (\n              <div className={clsx(styles.markers, classNames?.markers)}>\n                {normalizedMarkers.map((marker) => (\n                  <div\n                    key={`marker-${marker.value}`}\n                    className={clsx(styles.marker, classNames?.marker)}\n                    data-percent={markerPercents.get(marker.value)}\n                    aria-hidden='true'\n                  >\n                    <div\n                      className={clsx(styles.markerDot, classNames?.markerDot)}\n                    />\n                    {showMarkerLabels && marker.label && (\n                      <span\n                        className={clsx(\n                          styles.markerLabel,\n                          classNames?.markerLabel,\n                        )}\n                      >\n                        {marker.label}\n                      </span>\n                    )}\n                  </div>\n                ))}\n              </div>\n            )}\n            {state.values.map((_, index) => (\n              <Fragment key={`slider-${index === 0 ? 'min' : 'max'}`}>\n                <div\n                  className={clsx(styles.trackValue, classNames?.trackValue)}\n                  style={\n                    {\n                      '--track-value-start':\n                        state.values.length === 1\n                          ? 0\n                          : state.getThumbPercent(0),\n                      '--track-value-end': state.getThumbPercent(\n                        state.values.length === 1 ? 0 : 1,\n                      ),\n                    } as CSSProperties\n                  }\n                />\n                <TooltipTrigger\n                  isDisabled={showInput || state.isThumbDragging(index)}\n                >\n                  <SliderThumb\n                    index={index}\n                    className={composeRenderProps(\n                      classNames?.thumb,\n                      (className) => clsx(styles.thumb, className),\n                    )}\n                  />\n                  <Tooltip placement='top'>\n                    {state.getThumbValue(index)}\n                  </Tooltip>\n                </TooltipTrigger>\n              </Fragment>\n            ))}\n          </AriaSliderTrack>\n          <Text\n            slot='min'\n            className={clsx(styles.minValue, classNames?.minValue)}\n            hidden={hideMinValue}\n          >\n            {minValueProp}\n          </Text>\n          <Text\n            slot='max'\n            className={clsx(styles.maxValue, classNames?.maxValue)}\n            hidden={hideMaxValue}\n          >\n            {maxValueProp}\n          </Text>\n        </>\n      )}\n    </AriaSlider>\n  );\n}\n"],"mappings":"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"}

package/dist/components/slider/types.d.ts

@@ -10,7 +10,7 @@
  * governing permissions and limitations under the License.
  */
 
-import { LabelProps, SliderProps as SliderProps$1, SliderThumbProps, SliderTrackProps } from "react-aria-components";
+import { LabelProps, SliderProps as SliderProps$1, SliderThumbProps, SliderTrackProps } from "react-aria-components/Slider";
 
 //#region src/components/slider/types.d.ts
 /**

package/dist/components/status-indicator/index.d.ts

@@ -12,7 +12,7 @@
 
 import { StatusIndicatorProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime91 from "react/jsx-runtime";
+import * as react_jsx_runtime182 from "react/jsx-runtime";
 
 //#region src/components/status-indicator/index.d.ts
 /**
@@ -35,7 +35,7 @@ declare function StatusIndicator({
   className,
   status,
   ...rest
-}: StatusIndicatorProps): react_jsx_runtime91.JSX.Element;
+}: StatusIndicatorProps): react_jsx_runtime182.JSX.Element;
 //#endregion
 export { StatusIndicator };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/switch/context.d.ts

@@ -11,15 +11,15 @@
  */
 
 import { ProviderProps } from "../../lib/types.js";
-import { SwitchProps as SwitchProps$1 } from "./types.js";
+import { SwitchProps } from "./types.js";
 import "client-only";
-import * as react28 from "react";
-import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime92 from "react/jsx-runtime";
+import * as react43 from "react";
+import * as react_jsx_runtime181 from "react/jsx-runtime";
+import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/switch/context.d.ts
 /** Context for sharing props across Switch components */
-declare const SwitchContext: react28.Context<ContextValue<SwitchProps$1, HTMLLabelElement>>;
+declare const SwitchContext: react43.Context<ContextValue<SwitchProps, HTMLLabelElement>>;
 /**
  * Sets default props for all Switch components within.
  *
@@ -38,7 +38,7 @@ declare const SwitchContext: react28.Context<ContextValue<SwitchProps$1, HTMLLab
 declare function SwitchProvider({
   children,
   ...props
-}: ProviderProps<SwitchProps$1>): react_jsx_runtime92.JSX.Element;
+}: ProviderProps<SwitchProps>): react_jsx_runtime181.JSX.Element;
 //#endregion
 export { SwitchContext, SwitchProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/switch/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/switch/context.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ProviderProps } from '@/lib/types';\nimport type { SwitchProps } from './types';\n\n/** Context for sharing props across Switch components */\nexport const SwitchContext =\n  createContext<ContextValue<SwitchProps, HTMLLabelElement>>(null);\n\n/**\n * Sets default props for all Switch components within.\n *\n * @example\n * ```tsx\n * <SwitchProvider isDisabled={true}>\n *   <Switch>Option 1</Switch>\n *   <Switch>Option 2</Switch>\n * </SwitchProvider>\n * ```\n *\n * @param props - ProviderProps with SwitchProps.\n * @param props.children - Child components that receive the context.\n * @returns The SwitchContext provider wrapping children.\n */\nexport function SwitchProvider({\n  children,\n  ...props\n}: ProviderProps<SwitchProps>) {\n  return (\n    <SwitchContext.Provider value={props}>{children}</SwitchContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,gBACX,cAA2D,KAAK;;;;;;;;;;;;;;;;AAiBlE,SAAgB,eAAe,EAC7B,UACA,GAAG,SAC0B;AAC7B,QACE,oBAAC,cAAc;EAAS,OAAO;EAAQ;GAAkC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/switch/context.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components/slots';\nimport type { ProviderProps } from '@/lib/types';\nimport type { SwitchProps } from './types';\n\n/** Context for sharing props across Switch components */\nexport const SwitchContext =\n  createContext<ContextValue<SwitchProps, HTMLLabelElement>>(null);\n\n/**\n * Sets default props for all Switch components within.\n *\n * @example\n * ```tsx\n * <SwitchProvider isDisabled={true}>\n *   <Switch>Option 1</Switch>\n *   <Switch>Option 2</Switch>\n * </SwitchProvider>\n * ```\n *\n * @param props - ProviderProps with SwitchProps.\n * @param props.children - Child components that receive the context.\n * @returns The SwitchContext provider wrapping children.\n */\nexport function SwitchProvider({\n  children,\n  ...props\n}: ProviderProps<SwitchProps>) {\n  return (\n    <SwitchContext.Provider value={props}>{children}</SwitchContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,gBACX,cAA2D,KAAK;;;;;;;;;;;;;;;;AAiBlE,SAAgB,eAAe,EAC7B,UACA,GAAG,SAC0B;AAC7B,QACE,oBAAC,cAAc;EAAS,OAAO;EAAQ;GAAkC"}

package/dist/components/switch/index.d.ts

@@ -12,7 +12,7 @@
 
 import { SwitchProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime118 from "react/jsx-runtime";
+import * as react_jsx_runtime183 from "react/jsx-runtime";
 
 //#region src/components/switch/index.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime118 from "react/jsx-runtime";
 declare function Switch({
   ref,
   ...props
-}: SwitchProps): react_jsx_runtime118.JSX.Element;
+}: SwitchProps): react_jsx_runtime183.JSX.Element;
 //#endregion
 export { Switch };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/switch/index.js

@@ -16,8 +16,10 @@
 import { SwitchContext } from "./context.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Switch as Switch$1, composeRenderProps, useContextProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useContextProps } from "react-aria-components/slots";
+import { Switch as Switch$1 } from "react-aria-components/Switch";
 import styles from "./styles.module.css";
 
 //#region src/components/switch/index.tsx

package/dist/components/switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AriaSwitch","children"],"sources":["../../../src/components/switch/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Switch as AriaSwitch,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { SwitchContext } from './context';\nimport styles from './styles.module.css';\nimport type { SwitchProps } from './types';\n\n/**\n * Switch - Toggle control for binary on/off states\n *\n * Provides visual feedback with smooth transitions and accessible keyboard/screen reader support.\n *\n * @param props - {@link SwitchProps}\n * @param props.ref - Ref to the switch label element.\n * @param props.children - Label content for the switch.\n * @param props.classNames - Custom CSS class names for switch elements.\n * @param props.labelPosition - Position of the label relative to the switch control.\n * @returns The rendered Switch component.\n *\n * @example\n * ```tsx\n * <Switch isSelected={enabled} onChange={setEnabled}>\n *   Enable notifications\n * </Switch>\n * ```\n */\nexport function Switch({ ref, ...props }: SwitchProps) {\n  [props, ref] = useContextProps(props, ref ?? null, SwitchContext);\n\n  const { children, classNames, labelPosition = 'end', ...rest } = props;\n\n  return (\n    <AriaSwitch\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.switch, (className) =>\n        clsx('group/switch', styles.switch, styles[labelPosition], className),\n      )}\n    >\n      {composeRenderProps(children, (children) => (\n        <>\n          <span className={clsx(styles.control, classNames?.control)} />\n          {children != null && (\n            <span className={clsx(styles.label, classNames?.label)}>\n              {children}\n            </span>\n          )}\n        </>\n      ))}\n    </AriaSwitch>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,SAAgB,OAAO,EAAE,KAAK,GAAG,SAAsB;AACrD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,cAAc;CAEjE,MAAM,EAAE,UAAU,YAAY,gBAAgB,OAAO,GAAG,SAAS;AAEjE,QACE,oBAACA;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,SAAS,cACjD,KAAK,gBAAgB,OAAO,QAAQ,OAAO,gBAAgB,UAAU,CACtE;YAEA,mBAAmB,WAAW,eAC7B,4CACE,oBAAC,UAAK,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ,GAAI,EAC7DC,cAAY,QACX,oBAAC;GAAK,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;aACnDA;IACI,IAER,CACH;GACS"}
+{"version":3,"file":"index.js","names":["AriaSwitch","children"],"sources":["../../../src/components/switch/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { useContextProps } from 'react-aria-components/slots';\nimport { Switch as AriaSwitch } from 'react-aria-components/Switch';\nimport { SwitchContext } from './context';\nimport styles from './styles.module.css';\nimport type { SwitchProps } from './types';\n\n/**\n * Switch - Toggle control for binary on/off states\n *\n * Provides visual feedback with smooth transitions and accessible keyboard/screen reader support.\n *\n * @param props - {@link SwitchProps}\n * @param props.ref - Ref to the switch label element.\n * @param props.children - Label content for the switch.\n * @param props.classNames - Custom CSS class names for switch elements.\n * @param props.labelPosition - Position of the label relative to the switch control.\n * @returns The rendered Switch component.\n *\n * @example\n * ```tsx\n * <Switch isSelected={enabled} onChange={setEnabled}>\n *   Enable notifications\n * </Switch>\n * ```\n */\nexport function Switch({ ref, ...props }: SwitchProps) {\n  [props, ref] = useContextProps(props, ref ?? null, SwitchContext);\n\n  const { children, classNames, labelPosition = 'end', ...rest } = props;\n\n  return (\n    <AriaSwitch\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.switch, (className) =>\n        clsx('group/switch', styles.switch, styles[labelPosition], className),\n      )}\n    >\n      {composeRenderProps(children, (children) => (\n        <>\n          <span className={clsx(styles.control, classNames?.control)} />\n          {children != null && (\n            <span className={clsx(styles.label, classNames?.label)}>\n              {children}\n            </span>\n          )}\n        </>\n      ))}\n    </AriaSwitch>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,SAAgB,OAAO,EAAE,KAAK,GAAG,SAAsB;AACrD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,cAAc;CAEjE,MAAM,EAAE,UAAU,YAAY,gBAAgB,OAAO,GAAG,SAAS;AAEjE,QACE,oBAACA;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,SAAS,cACjD,KAAK,gBAAgB,OAAO,QAAQ,OAAO,gBAAgB,UAAU,CACtE;YAEA,mBAAmB,WAAW,eAC7B,4CACE,oBAAC,UAAK,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ,GAAI,EAC7DC,cAAY,QACX,oBAAC;GAAK,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;aACnDA;IACI,IAER,CACH;GACS"}

package/dist/components/switch/styles.module.css

@@ -35,6 +35,14 @@
     &:before {
       @apply size-m mr-l block rounded-full bg-(--fg-primary-muted);
       content: '';
+
+      @variant motion-safe {
+        transition:
+          margin var(--animation-duration-normal)
+            var(--animation-easing-standard),
+          background-color var(--animation-duration-fast)
+            var(--animation-easing-standard);
+      }
     }
 
     @variant group-hover/switch {

package/dist/components/switch/types.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { RefAttributes } from "react";
-import { SwitchProps as SwitchProps$1 } from "react-aria-components";
+import { SwitchProps as SwitchProps$1 } from "react-aria-components/Switch";
 
 //#region src/components/switch/types.d.ts
 /**

package/dist/components/table/body.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TableBodyProps } from "./types.js";
-import * as react_jsx_runtime119 from "react/jsx-runtime";
+import * as react_jsx_runtime184 from "react/jsx-runtime";
 
 //#region src/components/table/body.d.ts
 
@@ -39,7 +39,7 @@ declare function TableBody<T>({
   ref,
   rows,
   ...rest
-}: TableBodyProps<T>): react_jsx_runtime119.JSX.Element;
+}: TableBodyProps<T>): react_jsx_runtime184.JSX.Element;
 //#endregion
 export { TableBody };
 //# sourceMappingURL=body.d.ts.map

package/dist/components/table/cell.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TableCellProps } from "./types.js";
-import * as react_jsx_runtime93 from "react/jsx-runtime";
+import * as react_jsx_runtime185 from "react/jsx-runtime";
 
 //#region src/components/table/cell.d.ts
 
@@ -40,7 +40,7 @@ declare function TableCell<T>({
   className,
   cell,
   ...rest
-}: TableCellProps<T>): react_jsx_runtime93.JSX.Element;
+}: TableCellProps<T>): react_jsx_runtime185.JSX.Element;
 //#endregion
 export { TableCell };
 //# sourceMappingURL=cell.d.ts.map

package/dist/components/table/context.d.ts

@@ -11,11 +11,11 @@
  */
 
 import { TableContextValue } from "./types.js";
-import * as react29 from "react";
+import * as react44 from "react";
 
 //#region src/components/table/context.d.ts
 /** Context for sharing table configuration across subcomponents */
-declare const TableContext: react29.Context<TableContextValue>;
+declare const TableContext: react44.Context<TableContextValue>;
 //#endregion
 export { TableContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/table/header-cell.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TableHeaderCellProps } from "./types.js";
-import * as react_jsx_runtime94 from "react/jsx-runtime";
+import * as react_jsx_runtime186 from "react/jsx-runtime";
 
 //#region src/components/table/header-cell.d.ts
 
@@ -42,7 +42,7 @@ declare function TableHeaderCell<T>({
   className,
   header,
   ...rest
-}: TableHeaderCellProps<T>): react_jsx_runtime94.JSX.Element;
+}: TableHeaderCellProps<T>): react_jsx_runtime186.JSX.Element;
 //#endregion
 export { TableHeaderCell };
 //# sourceMappingURL=header-cell.d.ts.map

package/dist/components/table/header.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TableHeaderProps } from "./types.js";
-import * as react_jsx_runtime122 from "react/jsx-runtime";
+import * as react_jsx_runtime187 from "react/jsx-runtime";
 
 //#region src/components/table/header.d.ts
 
@@ -41,7 +41,7 @@ declare function TableHeader<T>({
   headerGroups,
   columnSelection,
   ...rest
-}: TableHeaderProps<T>): react_jsx_runtime122.JSX.Element;
+}: TableHeaderProps<T>): react_jsx_runtime187.JSX.Element;
 //#endregion
 export { TableHeader };
 //# sourceMappingURL=header.d.ts.map

package/dist/components/table/index.d.ts

@@ -12,7 +12,7 @@
 
 import { TableProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime123 from "react/jsx-runtime";
+import * as react_jsx_runtime190 from "react/jsx-runtime";
 import { Key } from "@react-types/shared";
 
 //#region src/components/table/index.d.ts
@@ -72,7 +72,7 @@ declare function Table<T extends {
   defaultPage,
   onPageChange,
   ...rest
-}: TableProps<T>): react_jsx_runtime123.JSX.Element;
+}: TableProps<T>): react_jsx_runtime190.JSX.Element;
 //#endregion
 export { Table };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/table/index.js

@@ -28,9 +28,9 @@ import { useCallback, useContext, useMemo, useState } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Kebab from "@accelint/icons/kebab";
-import { useControlledState } from "@react-stately/utils";
-import Pin from "@accelint/icons/pin";
-import { useListData } from "@react-stately/data";
+import { useControlledState } from "react-stately/useControlledState";
+import PinIcon from "@accelint/icons/pin";
+import { useListData } from "react-stately/useListData";
 import { getCoreRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
 import styles from "./styles.module.css";
 
@@ -162,7 +162,7 @@ function Table({ children, columns: columnsProp, data: dataProp, showCheckbox, r
 			id: "numeral",
 			cell: ({ row }) => row.getIsPinned() ? /* @__PURE__ */ jsx(Icon, {
 				size: "small",
-				children: /* @__PURE__ */ jsx(Pin, {})
+				children: /* @__PURE__ */ jsx(PinIcon, {})
 			}) : /* @__PURE__ */ jsx("span", {
 				"data-testid": "numeral",
 				children: row.index + 1