@accelint/design-toolkit 8.1.2 → 9.1.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/slider/index.tsx"],"names":["classNames","layout","minValueProp","orientation","jsx","rest","l","v","composeRenderProps","className","clsx","styles","maxValueProp","showLabel","jsxs","Fragment","Label","a","showInput","value","index","Input","AriaSliderTrack","_","h","state","TooltipTrigger","d","SliderThumb","Tooltip","A","Text","T"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 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 { Fragment } 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 { SliderProps } from './types';\n\n/**\n * Slider - An interactive range input component for numeric value selection\n *\n * Provides accessible slider functionality with optional input field integration,\n * flexible layouts, and comprehensive keyboard and mouse interaction support.\n * Perfect for settings, filters, or any numeric input requiring visual feedback.\n *\n * @example\n * // Basic slider\n * <Slider label=\"Volume\" defaultValue={50} />\n */\nexport function Slider({\n  classNames,\n  label: labelProp,\n  layout = 'grid',\n  maxValue: maxValueProp = 100,\n  minValue: minValueProp = 0,\n  orientation = 'horizontal',\n  showInput,\n  showLabel = true,\n  ...rest\n}: SliderProps) {\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      orientation={orientation}\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((value, index) => (\n                <Input\n                  key={`number-field-${index === 0 ? 'min' : 'max'}`}\n                  className={composeRenderProps(\n                    classNames?.input,\n                    (className) => clsx(styles.input, className),\n                  )}\n                  value={value}\n                  disabled={state.isDisabled}\n                  data-disabled={state.isDisabled || undefined}\n                  onChange={(event) =>\n                    state.setThumbValue(\n                      index,\n                      Number.parseFloat(event.target.value),\n                    )\n                  }\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            {state.values.map((_, index) => (\n              <Fragment key={`slider-${index === 0 ? 'min' : 'max'}`}>\n                <div\n                  className={clsx(styles.trackValue, classNames?.trackValue)}\n                  data-start={\n                    state.values.length === 1 ? 0 : state.getThumbPercent(0)\n                  }\n                  data-end={state.getThumbPercent(\n                    state.values.length === 1 ? 0 : 1,\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          >\n            {minValueProp}\n          </Text>\n          <Text\n            slot='max'\n            className={clsx(styles.maxValue, classNames?.maxValue)}\n          >\n            {maxValueProp}\n          </Text>\n        </>\n      )}\n    </AriaSlider>\n  );\n}\n"]}
+{"version":3,"file":"index.js","names":["AriaSlider","AriaSliderTrack","TooltipTrigger","Tooltip"],"sources":["../../../src/components/slider/index.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 - An interactive range input component for numeric value selection\n *\n * Provides accessible slider functionality with optional input field integration,\n * flexible layouts, and comprehensive keyboard and mouse interaction support.\n * Perfect for settings, filters, or any numeric input requiring visual feedback.\n *\n * @example\n * // Basic slider\n * <Slider label=\"Volume\" defaultValue={50} />\n *\n * @example\n * // Slider with input field\n * <Slider label=\"Opacity\" defaultValue={50} showInput />\n *\n * @example\n * // Slider with labeled markers\n * <Slider\n *   label=\"Quality\"\n *   markers={[\n *     { value: 0, label: 'Low' },\n *     { value: 50, label: 'Medium' },\n *     { value: 100, label: 'High' },\n *   ]}\n *   showMarkerLabels\n * />\n *\n * @example\n * // Slider that snaps to marker values only\n * <Slider\n *   label=\"Rating\"\n *   markers={[0, 25, 50, 75, 100]}\n *   snapToMarkers\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/styles.module.css

@@ -10,7 +10,7 @@
  * governing permissions and limitations under the License.
  */
 
-@reference '../../index.module.css';
+@reference '@accelint/design-foundation/styles';
 
 @layer components.l1 {
   .slider {
@@ -56,7 +56,7 @@
       @apply col-start-1;
 
       @variant group-orientation-vertical/slider {
-        @apply col-span-2;
+        @apply col-span-3;
       }
     }
 
@@ -129,21 +129,18 @@
   }
 
   .trackValue {
-    --track-value-start: attr(data-start %);
-    --track-value-end: attr(data-end %);
-
     @apply bg-accent-primary-bold absolute rounded-full;
 
     @variant group-orientation-horizontal/slider {
       @apply h-xxs top-1/2 -translate-y-1/2;
-      right: calc(100% - var(--track-value-end) * 100);
-      left: calc(var(--track-value-start) * 100);
+      left: calc(var(--track-value-start) * 100%);
+      right: calc(100% - var(--track-value-end) * 100%);
     }
 
     @variant group-orientation-vertical/slider {
       @apply w-xxs left-1/2 -translate-x-1/2;
-      top: calc(100% - var(--track-value-start) * 100);
-      bottom: calc(var(--track-value-end) * 100);
+      bottom: calc(var(--track-value-start) * 100%);
+      top: calc(100% - var(--track-value-end) * 100%);
     }
   }
 
@@ -217,4 +214,65 @@
       @apply fg-disabled;
     }
   }
+
+  .markers {
+    @apply pointer-events-none absolute;
+
+    @variant group-orientation-horizontal/slider {
+      @apply top-1/2 right-0 left-0 h-0;
+    }
+
+    @variant group-orientation-vertical/slider {
+      @apply top-0 bottom-0 left-1/2 w-0;
+    }
+  }
+
+  .marker {
+    --marker-percent: attr(data-percent type(<number>), 0);
+
+    @apply absolute flex flex-col items-center;
+
+    @variant group-orientation-horizontal/slider {
+      @apply -translate-x-1/2;
+      left: calc(var(--marker-percent) * 1%);
+    }
+
+    @variant group-orientation-vertical/slider {
+      @apply -translate-y-1/2 flex-row;
+      bottom: calc(var(--marker-percent) * 1%);
+    }
+  }
+
+  .markerDot {
+    @apply bg-surface-overlay rounded-full;
+    @apply h-xs w-xs;
+
+    @variant group-orientation-horizontal/slider {
+      @apply -translate-y-1/2;
+    }
+
+    @variant group-orientation-vertical/slider {
+      @apply -translate-x-1/2;
+    }
+
+    @variant group-disabled/slider {
+      @apply bg-surface-muted;
+    }
+  }
+
+  .markerLabel {
+    @apply fg-primary-muted font-display text-body-xs whitespace-nowrap;
+
+    @variant group-orientation-horizontal/slider {
+      @apply mt-m;
+    }
+
+    @variant group-orientation-vertical/slider {
+      @apply ml-m;
+    }
+
+    @variant group-disabled/slider {
+      @apply fg-disabled;
+    }
+  }
 }

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

@@ -1,22 +1,68 @@
-import { SliderProps as SliderProps$1, LabelProps, InputProps, SliderTrackProps, SliderThumbProps } from 'react-aria-components';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
+import { LabelProps, SliderProps as SliderProps$1, SliderThumbProps, SliderTrackProps } from "react-aria-components";
+
+//#region src/components/slider/types.d.ts
+type SliderMarker = {
+  value: number;
+  label?: string;
+};
+type SliderMarkersConfig = number | SliderMarker[] | number[];
 type SliderProps = Omit<SliderProps$1, 'children' | 'className'> & {
-    classNames?: {
-        slider?: SliderProps$1['className'];
-        label?: LabelProps['className'];
-        inputs?: string;
-        input?: InputProps['className'];
-        track?: SliderTrackProps['className'];
-        trackBackground?: string;
-        trackValue?: string;
-        thumb?: SliderThumbProps['className'];
-        minValue?: string;
-        maxValue?: string;
-    };
-    label: string;
-    layout?: 'grid' | 'stack';
-    showInput?: boolean;
-    showLabel?: boolean;
+  classNames?: {
+    slider?: SliderProps$1['className'];
+    label?: LabelProps['className'];
+    inputs?: string;
+    input?: string;
+    track?: SliderTrackProps['className'];
+    trackBackground?: string;
+    trackValue?: string;
+    thumb?: SliderThumbProps['className'];
+    minValue?: string;
+    maxValue?: string;
+    markers?: string;
+    marker?: string;
+    markerDot?: string;
+    markerLabel?: string;
+  };
+  label: string;
+  layout?: 'grid' | 'stack';
+  /**
+   * Configure discrete marker points on the slider track.
+   * - number: Creates evenly spaced markers (e.g., 5 creates markers at 0%, 25%, 50%, 75%, 100%)
+   * - number[]: Array of specific values to mark
+   * - SliderMarker[]: Array of objects with value and optional label
+   */
+  markers?: SliderMarkersConfig;
+  /**
+   * Whether to display numeric input fields for direct value entry
+   */
+  showInput?: boolean;
+  showLabel?: boolean;
+  /**
+   * Whether to show labels on markers (only applies when markers have labels)
+   */
+  showMarkerLabels?: boolean;
+  /**
+   * Whether to show the min/max value labels (default: true)
+   */
+  showValueLabels?: boolean;
+  /**
+   * When true, the slider can only be set to marker values.
+   * Requires markers to be defined. The slider will snap to the nearest marker.
+   */
+  snapToMarkers?: boolean;
 };
-
-export type { SliderProps };
+//#endregion
+export { SliderMarker, SliderMarkersConfig, SliderProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/slider/types.js

@@ -1,2 +1,12 @@
-//# sourceMappingURL=types.js.map
-//# sourceMappingURL=types.js.map
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+

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

@@ -1,20 +1,38 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
-import { ProviderProps } from '../../lib/types.js';
-import { SwitchProps } from './types.js';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
+import { ProviderProps } from "../../lib/types.js";
+import { SwitchProps as SwitchProps$1 } from "./types.js";
+import "client-only";
+import * as react31 from "react";
+import { ContextValue } from "react-aria-components";
+import * as react_jsx_runtime98 from "react/jsx-runtime";
+
+//#region src/components/switch/context.d.ts
 /**
  * Context for Switch component
  *
  * Provides context for Switch component to share props
  */
-declare const SwitchContext: react.Context<ContextValue<SwitchProps, HTMLLabelElement>>;
+declare const SwitchContext: react31.Context<ContextValue<SwitchProps$1, HTMLLabelElement>>;
 /**
  * Provider for Switch component
  *
  * Allows setting default props for all Switch components within
  */
-declare function SwitchProvider({ children, ...props }: ProviderProps<SwitchProps>): react_jsx_runtime.JSX.Element;
-
+declare function SwitchProvider({
+  children,
+  ...props
+}: ProviderProps<SwitchProps$1>): react_jsx_runtime98.JSX.Element;
+//#endregion
 export { SwitchContext, SwitchProvider };
+//# sourceMappingURL=context.d.ts.map

package/dist/components/switch/context.js

@@ -1,4 +1,41 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';const e=createContext(null);function c({children:t,...o}){return jsx(e.Provider,{value:o,children:t})}export{e as SwitchContext,c as SwitchProvider};//# sourceMappingURL=context.js.map
+import "client-only";
+import { createContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/switch/context.tsx
+/**
+* Context for Switch component
+*
+* Provides context for Switch component to share props
+*/
+const SwitchContext = createContext(null);
+/**
+* Provider for Switch component
+*
+* Allows setting default props for all Switch components within
+*/
+function SwitchProvider({ children, ...props }) {
+	return /* @__PURE__ */ jsx(SwitchContext.Provider, {
+		value: props,
+		children
+	});
+}
+
+//#endregion
+export { SwitchContext, SwitchProvider };
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/switch/context.tsx"],"names":["SwitchContext","createContext","SwitchProvider","children","props","jsx"],"mappings":"0FAwBO,MAAMA,CAAAA,CACXC,aAAAA,CAA2D,IAAI,EAO1D,SAASC,CAAAA,CAAe,CAC7B,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAA+B,CAC7B,OACEC,GAAAA,CAACL,CAAAA,CAAc,QAAA,CAAd,CAAuB,KAAA,CAAOI,CAAAA,CAAQ,QAAA,CAAAD,EAAS,CAEpD","file":"context.js","sourcesContent":["/*\n * Copyright 2025 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/**\n * Context for Switch component\n *\n * Provides context for Switch component to share props\n */\nexport const SwitchContext =\n  createContext<ContextValue<SwitchProps, HTMLLabelElement>>(null);\n\n/**\n * Provider for Switch component\n *\n * Allows setting default props for all Switch components within\n */\nexport function SwitchProvider({\n  children,\n  ...props\n}: ProviderProps<SwitchProps>) {\n  return (\n    <SwitchContext.Provider value={props}>{children}</SwitchContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/switch/context.tsx"],"sourcesContent":["/*\n * Copyright 2025 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/**\n * Context for Switch component\n *\n * Provides context for Switch component to share props\n */\nexport const SwitchContext =\n  createContext<ContextValue<SwitchProps, HTMLLabelElement>>(null);\n\n/**\n * Provider for Switch component\n *\n * Allows setting default props for all Switch components within\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":";;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAa,gBACX,cAA2D,KAAK;;;;;;AAOlE,SAAgB,eAAe,EAC7B,UACA,GAAG,SAC0B;AAC7B,QACE,oBAAC,cAAc;EAAS,OAAO;EAAQ;GAAkC"}

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

@@ -1,7 +1,20 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SwitchProps } from './types.js';
-import 'react';
-import 'react-aria-components';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import { SwitchProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime99 from "react/jsx-runtime";
+
+//#region src/components/switch/index.d.ts
 
 /**
  * Switch - A toggle control for binary state changes
@@ -39,6 +52,10 @@ import 'react-aria-components';
  * // Switch without label (icon-only)
  * <Switch aria-label="Toggle sidebar" />
  */
-declare function Switch({ ref, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
-
+declare function Switch({
+  ref,
+  ...props
+}: SwitchProps): react_jsx_runtime99.JSX.Element;
+//#endregion
 export { Switch };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/switch/index.js

@@ -1,4 +1,76 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps,Switch,composeRenderProps}from'react-aria-components';import {SwitchContext}from'./context.js';import o from'./styles.module.css';function y({ref:s,...i}){[i,s]=useContextProps(i,s??null,SwitchContext);const{children:a,classNames:c,labelPosition:n="end",...m}=i;return jsx(Switch,{...m,ref:s,className:composeRenderProps(c?.switch,t=>clsx("group/switch",o.switch,o[n],t)),children:composeRenderProps(a,t=>jsxs(Fragment,{children:[jsx("span",{className:clsx(o.control,c?.control)}),t!=null&&jsx("span",{className:clsx(o.label,c?.label),children:t})]}))})}export{y as Switch};//# sourceMappingURL=index.js.map
+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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/switch/index.tsx
+/**
+* Switch - A toggle control for binary state changes
+*
+* Provides an accessible toggle switch component for enabling/disabling features
+* or settings. Offers clear visual feedback for on/off states with smooth transitions
+* and proper keyboard and screen reader support.
+*
+* @example
+* // Basic switch
+* <Switch>Enable notifications</Switch>
+*
+* @example
+* // Controlled switch
+* <Switch
+*   isSelected={isEnabled}
+*   onChange={setIsEnabled}
+* >
+*   Dark mode
+* </Switch>
+*
+* @example
+* // Switch with default state
+* <Switch defaultSelected>
+*   Auto-save documents
+* </Switch>
+*
+* @example
+* // Disabled switch
+* <Switch isDisabled>
+*   Premium feature (upgrade required)
+* </Switch>
+*
+* @example
+* // Switch without label (icon-only)
+* <Switch aria-label="Toggle sidebar" />
+*/
+function Switch({ ref, ...props }) {
+	[props, ref] = useContextProps(props, ref ?? null, SwitchContext);
+	const { children, classNames, labelPosition = "end", ...rest } = props;
+	return /* @__PURE__ */ jsx(Switch$1, {
+		...rest,
+		ref,
+		className: composeRenderProps(classNames?.switch, (className) => clsx("group/switch", styles.switch, styles[labelPosition], className)),
+		children: composeRenderProps(children, (children$1) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { className: clsx(styles.control, classNames?.control) }), children$1 != null && /* @__PURE__ */ jsx("span", {
+			className: clsx(styles.label, classNames?.label),
+			children: children$1
+		})] }))
+	});
+}
+
+//#endregion
+export { Switch };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/switch/index.tsx"],"names":["ref","props","useContextProps","SwitchContext","w","e","p","rest","classNames","l","clsx","className","children","jsxs","Fragment","u","S","r"],"mappings":"yRA4DO,SAAkB,CAAA,CAAAA,CAAAA,GAAK,CAAGC,CAAM,CAAA,GACpCA,CAAAA,CAAOD,CAAG,CAAA,CAAIE,CAAAA,CAAgBD,CAAAA,CAAOD,CAAAA,eAAAA,CAAO,KAAMG,IAEnD,CAAAC,aAAA,CAAA,CAAM,KAAE,CAAA,QAAU,CAAA,CAAA,CAAA,UAAY,CAAA,CAAA,CAAA,aAAgB,CAAA,CAAA,CAAA,KAAe,CAAA,GAE7D,CAAA,CAAA,CAAA,CAAA,CAAA,OAEKC,GAAA,CAAAC,MAAGC,CAAAA,CACJ,GAAA,CAAKP,CAAAA,GACL,CAAA,CAAA,CAAA,SAA8BQ,CAAYC,kBAAA,CAAA,CAAA,EAAA,MACxCC,CAAK,sBAAuB,CAAA,CAAA,CAAA,MAA4B,CAAGC,CAAS,CACtE,CAAA,CAEC,CAAA,CAAA,CAAA,CAAA,CAAA,QAA8BC,CAAAA,kBAAAA,CAC7BC,CAAAA,CAAAC,CAAAA,EACEC,IAAA,CAAAC,QAAA,CAAA,CAAA,QAAC,CAAA,CAAAX,GAAA,CAAA,MAAK,CAAA,CAAA,SAAuB,CAAAY,IAAA,CAAA,CAAA,CAAA,OAAqB,CAAA,CAAA,EAAA,OACjDL,CAAAA,CAAY,CAAA,CAAA,CAAA,EAAA,gBACL,CAAA,CAAA,SAAuB,CAAAK,IAAA,CAAA,CAAA,CAAA,KAAmB,CAAA,CAAA,EAAK,KAClD,CAAA,CAAA,QACH,CAEJ,CACD,CAAA,CACH,CAEJ,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 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 - A toggle control for binary state changes\n *\n * Provides an accessible toggle switch component for enabling/disabling features\n * or settings. Offers clear visual feedback for on/off states with smooth transitions\n * and proper keyboard and screen reader support.\n *\n * @example\n * // Basic switch\n * <Switch>Enable notifications</Switch>\n *\n * @example\n * // Controlled switch\n * <Switch\n *   isSelected={isEnabled}\n *   onChange={setIsEnabled}\n * >\n *   Dark mode\n * </Switch>\n *\n * @example\n * // Switch with default state\n * <Switch defaultSelected>\n *   Auto-save documents\n * </Switch>\n *\n * @example\n * // Disabled switch\n * <Switch isDisabled>\n *   Premium feature (upgrade required)\n * </Switch>\n *\n * @example\n * // Switch without label (icon-only)\n * <Switch aria-label=\"Toggle sidebar\" />\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"]}
+{"version":3,"file":"index.js","names":["AriaSwitch","children"],"sources":["../../../src/components/switch/index.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 - A toggle control for binary state changes\n *\n * Provides an accessible toggle switch component for enabling/disabling features\n * or settings. Offers clear visual feedback for on/off states with smooth transitions\n * and proper keyboard and screen reader support.\n *\n * @example\n * // Basic switch\n * <Switch>Enable notifications</Switch>\n *\n * @example\n * // Controlled switch\n * <Switch\n *   isSelected={isEnabled}\n *   onChange={setIsEnabled}\n * >\n *   Dark mode\n * </Switch>\n *\n * @example\n * // Switch with default state\n * <Switch defaultSelected>\n *   Auto-save documents\n * </Switch>\n *\n * @example\n * // Disabled switch\n * <Switch isDisabled>\n *   Premium feature (upgrade required)\n * </Switch>\n *\n * @example\n * // Switch without label (icon-only)\n * <Switch aria-label=\"Toggle sidebar\" />\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,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

@@ -10,7 +10,7 @@
  * governing permissions and limitations under the License.
  */
 
-@reference '../../index.module.css';
+@reference '@accelint/design-foundation/styles';
 
 @layer components.l1 {
   .switch {

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

@@ -1,13 +1,27 @@
-import { RefAttributes } from 'react';
-import { SwitchProps as SwitchProps$1 } from 'react-aria-components';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
+import { RefAttributes } from "react";
+import { SwitchProps as SwitchProps$1 } from "react-aria-components";
+
+//#region src/components/switch/types.d.ts
 type SwitchProps = Omit<SwitchProps$1, 'className'> & RefAttributes<HTMLLabelElement> & {
-    classNames?: {
-        switch?: SwitchProps$1['className'];
-        control?: string;
-        label?: string;
-    };
-    labelPosition?: 'start' | 'end';
+  classNames?: {
+    switch?: SwitchProps$1['className'];
+    control?: string;
+    label?: string;
+  };
+  labelPosition?: 'start' | 'end';
 };
-
-export type { SwitchProps };
+//#endregion
+export { SwitchProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/switch/types.js

@@ -1,2 +1,12 @@
-//# sourceMappingURL=types.js.map
-//# sourceMappingURL=types.js.map
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+

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

@@ -1,9 +1,26 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TableBodyProps } from './types.js';
-import '@react-types/shared';
-import '@tanstack/react-table';
-import 'react';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
-declare function TableBody<T>({ children, className, ref, rows, ...rest }: TableBodyProps<T>): react_jsx_runtime.JSX.Element;
+import { TableBodyProps } from "./types.js";
+import * as react_jsx_runtime100 from "react/jsx-runtime";
 
+//#region src/components/table/body.d.ts
+declare function TableBody<T>({
+  children,
+  className,
+  ref,
+  rows,
+  ...rest
+}: TableBodyProps<T>): react_jsx_runtime100.JSX.Element;
+//#endregion
 export { TableBody };
+//# sourceMappingURL=body.d.ts.map