@cube-dev/ui-kit 0.196.0 → 0.198.0

package/dist/components/fields/Slider/HueSlider.d.ts

@@ -1,19 +1,16 @@
 
 import { CubeSliderProps } from "./Slider.js";
-import * as react from "react";
-import * as _react_types_shared0 from "@react-types/shared";
-
 //#region src/components/fields/Slider/HueSlider.d.ts
-interface CubeHueSliderProps extends Omit<CubeSliderProps, 'minValue' | 'maxValue' | 'step'> {
+export interface CubeHueSliderProps extends Omit<CubeSliderProps, 'minValue' | 'maxValue' | 'step'> {
   /** The current hue value (0-359) */
   value?: number;
   /** The default hue value (0-359) */
   defaultValue?: number;
 }
-declare const __HueSlider: react.ForwardRefExoticComponent<CubeHueSliderProps & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLDivElement, HTMLDivElement>>> & {
+declare const __HueSlider: import("react").ForwardRefExoticComponent<CubeHueSliderProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLDivElement, HTMLDivElement>>> & {
   cubeInputType: string;
   displayName: string;
 };
 //#endregion
-export { CubeHueSliderProps, __HueSlider };
+export { __HueSlider as HueSlider };
 //# sourceMappingURL=HueSlider.d.ts.map

package/dist/components/fields/Slider/HueSlider.js

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { mergeStyleLayers } from "../../../utils/styles.js";
-import { __Slider } from "./Slider.js";
+import { Slider as __Slider } from "./Slider.js";
 import { c } from "react/compiler-runtime";
 import { forwardRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/fields/Slider/HueSlider.tsx
 const HUE_STOPS = [
 	0,
@@ -89,7 +88,7 @@ function HueSlider(props, ref) {
 	} else t3 = $[12];
 	const handleChange = t3;
 	const t4 = `okhsl(${currentHue} ${HUE_SATURATION}% ${HUE_LIGHTNESS}%)`;
-	const t5 = `okhsl(${currentHue} ${HUE_SATURATION}% ${HUE_LIGHTNESS - 10}%)`;
+	const t5 = `okhsl(${currentHue} ${HUE_SATURATION}% 40%)`;
 	let t6;
 	if ($[13] !== t4 || $[14] !== t5 || $[15] !== userThumbTokens) {
 		t6 = {
@@ -156,7 +155,7 @@ const __HueSlider = Object.assign(_HueSlider, {
 	cubeInputType: "Number",
 	displayName: "HueSlider"
 });
-
 //#endregion
-export { __HueSlider };
+export { __HueSlider as HueSlider };
+
 //# sourceMappingURL=HueSlider.js.map

package/dist/components/fields/Slider/HueSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"HueSlider.js","names":["Styles","Tokens","forwardRef","useState","mergeStyleLayers","CubeSliderProps","Slider","FocusableRef","HUE_STOPS","HUE_SATURATION","HUE_LIGHTNESS","HUE_GRADIENT","map","h","join","HUE_FORMAT_OPTIONS","Intl","NumberFormatOptions","style","unit","unitDisplay","horizontalTrackStyles","image","Fill","verticalTrackStyles","CubeHueSliderProps","Omit","value","defaultValue","HueSlider","props","ref","$","_c","onChange","rest","t0","t1","t2","userThumbStyles","userThumbTokens","userTrackStyles","orientation","formatOptions","thumbTokens","thumbStyles","trackStyles","undefined","internalValue","setInternalValue","currentHue","t3","newValue","handleChange","t4","t5","t6","t7","outline","focused","t8","t9","t10","_HueSlider","__HueSlider","Object","assign","cubeInputType","displayName"],"sources":["../../../../src/components/fields/Slider/HueSlider.tsx"],"sourcesContent":["import { Styles, Tokens } from '@tenphi/tasty';\nimport { forwardRef, useState } from 'react';\n\nimport { mergeStyleLayers } from '../../../utils/styles';\n\nimport { CubeSliderProps, Slider } from './Slider';\n\nimport type { FocusableRef } from '@react-types/shared';\n\n// Generate 7 hue stops (0, 60, 120, 180, 240, 300, 359) for full color spectrum\nconst HUE_STOPS = [0, 60, 120, 180, 240, 300, 359];\nconst HUE_SATURATION = 80;\nconst HUE_LIGHTNESS = 50;\n\nconst HUE_GRADIENT = HUE_STOPS.map(\n  (h) => `okhsl(${h} ${HUE_SATURATION}% ${HUE_LIGHTNESS}%)`,\n).join(', ');\n\n/**\n * A hue is an angle, so the value label says so.\n *\n * `unitDisplay: 'narrow'` is what turns `23 deg` into `23°`. Left to the plain\n * number, a caller who wanted the unit had to put it in the label — which then\n * repeated the value the slider already prints beside it.\n */\nconst HUE_FORMAT_OPTIONS: Intl.NumberFormatOptions = {\n  style: 'unit',\n  unit: 'degree',\n  unitDisplay: 'narrow',\n};\n\nconst horizontalTrackStyles: Styles = {\n  image: `linear-gradient(to right, ${HUE_GRADIENT})`,\n  Fill: false,\n};\n\nconst verticalTrackStyles: Styles = {\n  image: `linear-gradient(to top, ${HUE_GRADIENT})`,\n  Fill: false,\n};\n\nexport interface CubeHueSliderProps\n  extends Omit<CubeSliderProps, 'minValue' | 'maxValue' | 'step'> {\n  /** The current hue value (0-359) */\n  value?: number;\n  /** The default hue value (0-359) */\n  defaultValue?: number;\n}\n\nfunction HueSlider(\n  props: CubeHueSliderProps,\n  ref: FocusableRef<HTMLDivElement>,\n) {\n  const {\n    value,\n    defaultValue = 0,\n    onChange,\n    orientation = 'horizontal',\n    formatOptions = HUE_FORMAT_OPTIONS,\n    thumbTokens: userThumbTokens,\n    thumbStyles: userThumbStyles,\n    trackStyles: userTrackStyles,\n    ...rest\n  } = props;\n\n  // Track internal value for uncontrolled mode\n  const [internalValue, setInternalValue] = useState(defaultValue);\n\n  // Use controlled value if provided, otherwise use internal state\n  const currentHue = value ?? internalValue;\n\n  // Handle onChange to update internal state in uncontrolled mode\n  const handleChange = (newValue: number) => {\n    if (value === undefined) {\n      setInternalValue(newValue);\n    }\n    onChange?.(newValue);\n  };\n\n  // Create dynamic thumb tokens with the current hue color\n  const thumbTokens: Tokens = {\n    '#slider-thumb': `okhsl(${currentHue} ${HUE_SATURATION}% ${HUE_LIGHTNESS}%)`,\n    '#slider-thumb-hovered': `okhsl(${currentHue} ${HUE_SATURATION}% ${HUE_LIGHTNESS - 10}%)`,\n    ...userThumbTokens,\n  };\n  const thumbStyles = mergeStyleLayers(\n    {\n      outline: {\n        '': '1bw #slider-thumb-hovered.0',\n        focused: '1bw #slider-thumb-hovered',\n      },\n    },\n    userThumbStyles,\n  );\n\n  const trackStyles = mergeStyleLayers(\n    orientation === 'vertical' ? verticalTrackStyles : horizontalTrackStyles,\n    userTrackStyles,\n  );\n\n  return (\n    <Slider\n      ref={ref}\n      value={value}\n      defaultValue={defaultValue}\n      orientation={orientation}\n      maxValue={359}\n      formatOptions={formatOptions}\n      thumbStyles={thumbStyles}\n      trackStyles={trackStyles}\n      thumbTokens={thumbTokens}\n      onChange={handleChange}\n      {...rest}\n    />\n  );\n}\n\nconst _HueSlider = forwardRef(HueSlider);\n\nconst __HueSlider = Object.assign(_HueSlider as typeof _HueSlider, {\n  cubeInputType: 'Number',\n  displayName: 'HueSlider',\n});\n\nexport { __HueSlider as HueSlider };\n"],"mappings":"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"}
+{"version":3,"file":"HueSlider.js","names":["Styles","Tokens","forwardRef","useState","mergeStyleLayers","CubeSliderProps","Slider","FocusableRef","HUE_STOPS","HUE_SATURATION","HUE_LIGHTNESS","HUE_GRADIENT","map","h","join","HUE_FORMAT_OPTIONS","Intl","NumberFormatOptions","style","unit","unitDisplay","horizontalTrackStyles","image","Fill","verticalTrackStyles","CubeHueSliderProps","Omit","value","defaultValue","HueSlider","props","ref","$","_c","onChange","rest","t0","t1","t2","userThumbStyles","userThumbTokens","userTrackStyles","orientation","formatOptions","thumbTokens","thumbStyles","trackStyles","undefined","internalValue","setInternalValue","currentHue","t3","newValue","handleChange","t4","t5","t6","t7","outline","focused","t8","t9","t10","_HueSlider","__HueSlider","Object","assign","cubeInputType","displayName","_c","Slider"],"sources":["../../../../src/components/fields/Slider/HueSlider.tsx"],"sourcesContent":["import { Styles, Tokens } from '@tenphi/tasty';\nimport { forwardRef, useState } from 'react';\n\nimport { mergeStyleLayers } from '../../../utils/styles';\n\nimport { CubeSliderProps, Slider } from './Slider';\n\nimport type { FocusableRef } from '@react-types/shared';\n\n// Generate 7 hue stops (0, 60, 120, 180, 240, 300, 359) for full color spectrum\nconst HUE_STOPS = [0, 60, 120, 180, 240, 300, 359];\nconst HUE_SATURATION = 80;\nconst HUE_LIGHTNESS = 50;\n\nconst HUE_GRADIENT = HUE_STOPS.map(\n  (h) => `okhsl(${h} ${HUE_SATURATION}% ${HUE_LIGHTNESS}%)`,\n).join(', ');\n\n/**\n * A hue is an angle, so the value label says so.\n *\n * `unitDisplay: 'narrow'` is what turns `23 deg` into `23°`. Left to the plain\n * number, a caller who wanted the unit had to put it in the label — which then\n * repeated the value the slider already prints beside it.\n */\nconst HUE_FORMAT_OPTIONS: Intl.NumberFormatOptions = {\n  style: 'unit',\n  unit: 'degree',\n  unitDisplay: 'narrow',\n};\n\nconst horizontalTrackStyles: Styles = {\n  image: `linear-gradient(to right, ${HUE_GRADIENT})`,\n  Fill: false,\n};\n\nconst verticalTrackStyles: Styles = {\n  image: `linear-gradient(to top, ${HUE_GRADIENT})`,\n  Fill: false,\n};\n\nexport interface CubeHueSliderProps extends Omit<\n  CubeSliderProps,\n  'minValue' | 'maxValue' | 'step'\n> {\n  /** The current hue value (0-359) */\n  value?: number;\n  /** The default hue value (0-359) */\n  defaultValue?: number;\n}\n\nfunction HueSlider(\n  props: CubeHueSliderProps,\n  ref: FocusableRef<HTMLDivElement>,\n) {\n  const {\n    value,\n    defaultValue = 0,\n    onChange,\n    orientation = 'horizontal',\n    formatOptions = HUE_FORMAT_OPTIONS,\n    thumbTokens: userThumbTokens,\n    thumbStyles: userThumbStyles,\n    trackStyles: userTrackStyles,\n    ...rest\n  } = props;\n\n  // Track internal value for uncontrolled mode\n  const [internalValue, setInternalValue] = useState(defaultValue);\n\n  // Use controlled value if provided, otherwise use internal state\n  const currentHue = value ?? internalValue;\n\n  // Handle onChange to update internal state in uncontrolled mode\n  const handleChange = (newValue: number) => {\n    if (value === undefined) {\n      setInternalValue(newValue);\n    }\n    onChange?.(newValue);\n  };\n\n  // Create dynamic thumb tokens with the current hue color\n  const thumbTokens: Tokens = {\n    '#slider-thumb': `okhsl(${currentHue} ${HUE_SATURATION}% ${HUE_LIGHTNESS}%)`,\n    '#slider-thumb-hovered': `okhsl(${currentHue} ${HUE_SATURATION}% ${HUE_LIGHTNESS - 10}%)`,\n    ...userThumbTokens,\n  };\n  const thumbStyles = mergeStyleLayers(\n    {\n      outline: {\n        '': '1bw #slider-thumb-hovered.0',\n        focused: '1bw #slider-thumb-hovered',\n      },\n    },\n    userThumbStyles,\n  );\n\n  const trackStyles = mergeStyleLayers(\n    orientation === 'vertical' ? verticalTrackStyles : horizontalTrackStyles,\n    userTrackStyles,\n  );\n\n  return (\n    <Slider\n      ref={ref}\n      value={value}\n      defaultValue={defaultValue}\n      orientation={orientation}\n      maxValue={359}\n      formatOptions={formatOptions}\n      thumbStyles={thumbStyles}\n      trackStyles={trackStyles}\n      thumbTokens={thumbTokens}\n      onChange={handleChange}\n      {...rest}\n    />\n  );\n}\n\nconst _HueSlider = forwardRef(HueSlider);\n\nconst __HueSlider = Object.assign(_HueSlider as typeof _HueSlider, {\n  cubeInputType: 'Number',\n  displayName: 'HueSlider',\n});\n\nexport { __HueSlider as HueSlider };\n"],"mappings":"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"}

package/dist/components/fields/Slider/RangeSlider.d.ts

@@ -1,17 +1,14 @@
 
 import { RangeValue } from "../../../shared/index.js";
 import { CubeSliderBaseProps } from "./types.js";
-import * as react from "react";
-import * as _react_types_shared0 from "@react-types/shared";
-
 //#region src/components/fields/Slider/RangeSlider.d.ts
-interface CubeRangeSliderProps extends CubeSliderBaseProps<RangeValue<number>> {
+export interface CubeRangeSliderProps extends CubeSliderBaseProps<RangeValue<number>> {
   gradation?: string[];
 }
-declare const __RangeSlider: react.ForwardRefExoticComponent<CubeRangeSliderProps & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLDivElement, HTMLDivElement>>> & {
+declare const __RangeSlider: import("react").ForwardRefExoticComponent<CubeRangeSliderProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLDivElement, HTMLDivElement>>> & {
   cubeInputType: string;
   displayName: string;
 };
 //#endregion
-export { CubeRangeSliderProps, __RangeSlider };
+export { __RangeSlider as RangeSlider };
 //# sourceMappingURL=RangeSlider.d.ts.map

package/dist/components/fields/Slider/RangeSlider.js

@@ -1,12 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { Gradation } from "./Gradation.js";
-import { _SliderBase } from "./SliderBase.js";
+import { SliderBase as _SliderBase } from "./SliderBase.js";
 import { SliderThumb } from "./SliderThumb.js";
 import { SliderTrack } from "./SliderTrack.js";
 import { c } from "react/compiler-runtime";
 import { forwardRef, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/fields/Slider/RangeSlider.tsx
 const INTL_MESSAGES = {
 	minimum: "Minimum",
@@ -96,7 +95,7 @@ const __RangeSlider = Object.assign(_RangeSlider, {
 	cubeInputType: "Number",
 	displayName: "RangeSlider"
 });
-
 //#endregion
-export { __RangeSlider };
+export { __RangeSlider as RangeSlider };
+
 //# sourceMappingURL=RangeSlider.js.map

package/dist/components/fields/Slider/RangeSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeSlider.js","names":["forwardRef","useRef","Gradation","SliderBase","SliderBaseChildArguments","SliderThumb","SliderTrack","FocusableRef","RangeValue","CubeSliderBaseProps","CubeRangeSliderProps","gradation","INTL_MESSAGES","minimum","maximum","RangeSlider","props","ref","$","_c","isDisabled","otherProps","t0","styles","t1","t2","maxThumbInputRef","orientation","trackRef","inputRef","state","isInvalid","isValid","_RangeSlider","__RangeSlider","Object","assign","cubeInputType","displayName"],"sources":["../../../../src/components/fields/Slider/RangeSlider.tsx"],"sourcesContent":["import { forwardRef, useRef } from 'react';\n\nimport { Gradation } from './Gradation';\nimport { SliderBase, SliderBaseChildArguments } from './SliderBase';\nimport { SliderThumb } from './SliderThumb';\nimport { SliderTrack } from './SliderTrack';\n\nimport type { FocusableRef } from '@react-types/shared';\nimport type { RangeValue } from '../../../shared';\nimport type { CubeSliderBaseProps } from './types';\n\nexport interface CubeRangeSliderProps\n  extends CubeSliderBaseProps<RangeValue<number>> {\n  gradation?: string[];\n}\n\nconst INTL_MESSAGES = {\n  minimum: 'Minimum',\n  maximum: 'Maximum',\n};\n\nfunction RangeSlider(\n  props: CubeRangeSliderProps,\n  ref: FocusableRef<HTMLDivElement>,\n) {\n  let { isDisabled, styles, gradation, ...otherProps } = props;\n\n  // The first thumb takes `SliderBase`'s `inputRef`, which the component ref's\n  // `focus()` targets; the second thumb keeps its own.\n  const maxThumbInputRef = useRef<HTMLInputElement>(null);\n\n  return (\n    <SliderBase ref={ref} {...(otherProps as CubeSliderBaseProps<number[]>)}>\n      {({\n        trackRef,\n        inputRef,\n        state,\n        isInvalid,\n        isValid,\n      }: SliderBaseChildArguments) => {\n        return (\n          <>\n            <Gradation state={state} ranges={[0, 1]} values={gradation} />\n            <SliderTrack\n              state={state}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              isValid={isValid}\n              orientation={props.orientation}\n            />\n            <SliderThumb\n              index={0}\n              aria-label={INTL_MESSAGES['minimum']}\n              state={state}\n              inputRef={inputRef}\n              trackRef={trackRef}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              isValid={isValid}\n            />\n            <SliderThumb\n              index={1}\n              aria-label={INTL_MESSAGES['maximum']}\n              state={state}\n              inputRef={maxThumbInputRef}\n              trackRef={trackRef}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              isValid={isValid}\n            />\n          </>\n        );\n      }}\n    </SliderBase>\n  );\n}\n\nconst _RangeSlider = forwardRef(RangeSlider);\n\nconst __RangeSlider = Object.assign(_RangeSlider as typeof _RangeSlider, {\n  cubeInputType: 'Number',\n  displayName: 'RangeSlider',\n});\n\nexport { __RangeSlider as RangeSlider };\n"],"mappings":";;;;;;;;;;AAgBA,MAAMY,gBAAgB;CACpBC,SAAS;CACTC,SAAS;CACV;AAED,SAAAC,YAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAR;CAAA,IAAAS;CAAA,IAAAC;AAAA,KAAAH,EAAA,OAAAF,OAAA;EAIE,MAAA,EAAAI,YAAAE,IAAAC,QAAAZ,WAAAa,IAAA,GAAAC,OAAuDT;AAAvDI,eAAAE;AAAAX,cAAAa;AAAAH,eAAAI;AAA6DP,IAAA,KAAAF;AAAAE,IAAA,KAAAP;AAAAO,IAAA,KAAAE;AAAAF,IAAA,KAAAG;QAAA;AAAAV,cAAAO,EAAA;AAAAE,eAAAF,EAAA;AAAAG,eAAAH,EAAA;;CAI7D,MAAAQ,mBAAyBzB,OAAyB,KAAK;CAG1B,MAAAqB,KAAAD;CAA2C,IAAAG;AAAA,KAAAN,EAAA,OAAAP,aAAAO,EAAA,OAAAE,cAAAF,EAAA,OAAAF,MAAAW,aAAA;AACnEH,QAAAC,OAAA;GAAC,MAAA,EAAAG,UAAAC,UAAAC,OAAAC,WAAAC,YAAAP;AAMyB,UAEvB;IACE,oBAAC;KAAiBK;KAAe,QAAA,CAAC,GAAG,EAAC;KAAWnB,QAAAA;MACjD;wBAAC;KACQmB;KACKV;KACDW;KACFC;KACI,aAAAhB,MAAKW;MAEpB;wBAAC;KACQ,OAAA;KACK,cAAAf,cAAaC;KAClBiB;KACGD;KACAD;KACER;KACDW;KACFC;MAEX;wBAAC;KACQ,OAAA;KACK,cAAApB,cAAaE;KAClBgB;KACGJ,UAAAA;KACAE;KACER;KACDW;KACFC;MACT;OACD;;AAENd,IAAA,KAAAP;AAAAO,IAAA,KAAAE;AAAAF,IAAA,KAAAF,MAAAW;AAAAT,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAO;AAAA,KAAAP,EAAA,OAAAD,OAAAC,EAAA,OAAAI,MAAAJ,EAAA,QAAAM,IAAA;AAxCHC,OAAA,oBAAC;GAAgBR;GAAG,GAAOK;aACxBE;IAwCU;AAAAN,IAAA,KAAAD;AAAAC,IAAA,KAAAI;AAAAJ,IAAA,MAAAM;AAAAN,IAAA,MAAAO;OAAAA,MAAAP,EAAA;AAAA,QAzCbO;;AA6CJ,MAAMQ,eAAejC,WAAWe,YAAY;AAE5C,MAAMmB,gBAAgBC,OAAOC,OAAOH,cAAqC;CACvEI,eAAe;CACfC,aAAa;CACd,CAAC"}
+{"version":3,"file":"RangeSlider.js","names":["forwardRef","useRef","Gradation","SliderBase","SliderBaseChildArguments","SliderThumb","SliderTrack","FocusableRef","RangeValue","CubeSliderBaseProps","CubeRangeSliderProps","gradation","INTL_MESSAGES","minimum","maximum","RangeSlider","props","ref","$","_c","isDisabled","otherProps","t0","styles","t1","t2","maxThumbInputRef","orientation","trackRef","inputRef","state","isInvalid","isValid","_RangeSlider","__RangeSlider","Object","assign","cubeInputType","displayName","_c","SliderBase"],"sources":["../../../../src/components/fields/Slider/RangeSlider.tsx"],"sourcesContent":["import { forwardRef, useRef } from 'react';\n\nimport { Gradation } from './Gradation';\nimport { SliderBase, SliderBaseChildArguments } from './SliderBase';\nimport { SliderThumb } from './SliderThumb';\nimport { SliderTrack } from './SliderTrack';\n\nimport type { FocusableRef } from '@react-types/shared';\nimport type { RangeValue } from '../../../shared';\nimport type { CubeSliderBaseProps } from './types';\n\nexport interface CubeRangeSliderProps extends CubeSliderBaseProps<\n  RangeValue<number>\n> {\n  gradation?: string[];\n}\n\nconst INTL_MESSAGES = {\n  minimum: 'Minimum',\n  maximum: 'Maximum',\n};\n\nfunction RangeSlider(\n  props: CubeRangeSliderProps,\n  ref: FocusableRef<HTMLDivElement>,\n) {\n  let { isDisabled, styles, gradation, ...otherProps } = props;\n\n  // The first thumb takes `SliderBase`'s `inputRef`, which the component ref's\n  // `focus()` targets; the second thumb keeps its own.\n  const maxThumbInputRef = useRef<HTMLInputElement>(null);\n\n  return (\n    <SliderBase ref={ref} {...(otherProps as CubeSliderBaseProps<number[]>)}>\n      {({\n        trackRef,\n        inputRef,\n        state,\n        isInvalid,\n        isValid,\n      }: SliderBaseChildArguments) => {\n        return (\n          <>\n            <Gradation state={state} ranges={[0, 1]} values={gradation} />\n            <SliderTrack\n              state={state}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              isValid={isValid}\n              orientation={props.orientation}\n            />\n            <SliderThumb\n              index={0}\n              aria-label={INTL_MESSAGES['minimum']}\n              state={state}\n              inputRef={inputRef}\n              trackRef={trackRef}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              isValid={isValid}\n            />\n            <SliderThumb\n              index={1}\n              aria-label={INTL_MESSAGES['maximum']}\n              state={state}\n              inputRef={maxThumbInputRef}\n              trackRef={trackRef}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              isValid={isValid}\n            />\n          </>\n        );\n      }}\n    </SliderBase>\n  );\n}\n\nconst _RangeSlider = forwardRef(RangeSlider);\n\nconst __RangeSlider = Object.assign(_RangeSlider as typeof _RangeSlider, {\n  cubeInputType: 'Number',\n  displayName: 'RangeSlider',\n});\n\nexport { __RangeSlider as RangeSlider };\n"],"mappings":";;;;;;;;;AAiBA,MAAMY,gBAAgB;CACpBC,SAAS;CACTC,SAAS;AACX;AAEA,SAAAC,YAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAR;CAAA,IAAAS;CAAA,IAAAC;CAAA,IAAAH,EAAA,OAAAF,OAAA;EAIE,MAAA,EAAAI,YAAAE,IAAAC,QAAAZ,WAAAa,IAAA,GAAAC,OAAuDT;EAAvDI,aAAAE;EAAAX,YAAAa;EAAAH,aAAAI;EAA6DP,EAAA,KAAAF;EAAAE,EAAA,KAAAP;EAAAO,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAA;EAAAV,YAAAO,EAAA;EAAAE,aAAAF,EAAA;EAAAG,aAAAH,EAAA;CAAA;CAI7D,MAAAQ,mBAAyBzB,OAAyB,IAAI;CAGzB,MAAAqB,KAAAD;CAA2C,IAAAG;CAAA,IAAAN,EAAA,OAAAP,aAAAO,EAAA,OAAAE,cAAAF,EAAA,OAAAF,MAAAW,aAAA;EACnEH,MAAAC,OAAA;GAAC,MAAA,EAAAG,UAAAC,UAAAC,OAAAC,WAAAC,YAAAP;GAMyB,OAEvB,qBAAA,YAAA,EAAA,UAAA;IACE,oBAAC,WAAD;KAAkBK;KAAe,QAAA,CAAC,GAAG,CAAC;KAAWnB,QAAAA;IAAS,CAAA;IAC1D,oBAAC,aAAD;KACSmB;KACKV;KACDW;KACFC;KACI,aAAAhB,MAAKW;IAAY,CAAA;IAEhC,oBAAC,aAAD;KACS,OAAA;KACK,cAAAf,cAAaC;KAClBiB;KACGD;KACAD;KACER;KACDW;KACFC;IAAO,CAAA;IAElB,oBAAC,aAAD;KACS,OAAA;KACK,cAAApB,cAAaE;KAClBgB;KACGJ,UAAAA;KACAE;KACER;KACDW;KACFC;IAAO,CAAA;GAChB,EAAA,CAAA;EACD;EAENd,EAAA,KAAAP;EAAAO,EAAA,KAAAE;EAAAF,EAAA,KAAAF,MAAAW;EAAAT,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAO;CAAA,IAAAP,EAAA,OAAAD,OAAAC,EAAA,OAAAI,MAAAJ,EAAA,QAAAM,IAAA;EAxCHC,KAAA,oBAACe,aAAD;GAAiBvB;GAAG,GAAOK;GACxBE,UAAAA;EADQ,CAAA;EAyCEN,EAAA,KAAAD;EAAAC,EAAA,KAAAI;EAAAJ,EAAA,MAAAM;EAAAN,EAAA,MAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,OAzCbO;AAyCa;AAIjB,MAAMQ,eAAejC,WAAWe,WAAW;AAE3C,MAAMmB,gBAAgBC,OAAOC,OAAOH,cAAqC;CACvEI,eAAe;CACfC,aAAa;AACf,CAAC"}

package/dist/components/fields/Slider/Slider.d.ts

@@ -1,11 +1,8 @@
 
 import { CubeSliderBaseProps } from "./types.js";
 import { Styles, Tokens } from "@tenphi/tasty";
-import * as react from "react";
-import * as _react_types_shared0 from "@react-types/shared";
-
 //#region src/components/fields/Slider/Slider.d.ts
-interface CubeSliderProps extends CubeSliderBaseProps<number> {
+export interface CubeSliderProps extends CubeSliderBaseProps<number> {
   gradation?: string[];
   /** Custom styles for the track element */
   trackStyles?: Styles;
@@ -14,10 +11,10 @@ interface CubeSliderProps extends CubeSliderBaseProps<number> {
   /** Custom tokens for the thumb element (e.g., #slider-thumb for fill color) */
   thumbTokens?: Tokens;
 }
-declare const __Slider: react.ForwardRefExoticComponent<CubeSliderProps & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLDivElement, HTMLDivElement>>> & {
+declare const __Slider: import("react").ForwardRefExoticComponent<CubeSliderProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLDivElement, HTMLDivElement>>> & {
   cubeInputType: string;
   displayName: string;
 };
 //#endregion
-export { CubeSliderProps, __Slider };
+export { __Slider as Slider };
 //# sourceMappingURL=Slider.d.ts.map

package/dist/components/fields/Slider/Slider.js

@@ -1,15 +1,14 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { Gradation } from "./Gradation.js";
-import { _SliderBase } from "./SliderBase.js";
+import { SliderBase as _SliderBase } from "./SliderBase.js";
 import { SliderThumb } from "./SliderThumb.js";
 import { SliderTrack } from "./SliderTrack.js";
 import { c } from "react/compiler-runtime";
 import { OUTER_STYLES } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/fields/Slider/Slider.tsx
 function Slider(props, ref) {
 	const $ = c(30);
@@ -150,7 +149,7 @@ const __Slider = Object.assign(_Slider, {
 	cubeInputType: "Number",
 	displayName: "Slider"
 });
-
 //#endregion
-export { __Slider };
+export { __Slider as Slider };
+
 //# sourceMappingURL=Slider.js.map

package/dist/components/fields/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","names":["OUTER_STYLES","Styles","Tokens","forwardRef","mergeProps","extractStyles","Gradation","SliderBase","SliderBaseChildArguments","SliderBaseProps","SliderThumb","SliderTrack","FocusableRef","CubeSliderBaseProps","CubeSliderProps","gradation","trackStyles","thumbStyles","thumbTokens","Slider","props","ref","$","_c","T0","extractedStyles","isDisabled","orientation","t0","onChange","onChangeEnd","value","defaultValue","getValueLabel","t1","styles","t2","t3","t4","t5","t6","otherProps","t7","v","t8","v_0","t9","t10","v_1","undefined","baseProps","trackRef","inputRef","state","isInvalid","isValid","_Slider","__Slider","Object","assign","cubeInputType","displayName"],"sources":["../../../../src/components/fields/Slider/Slider.tsx"],"sourcesContent":["import { OUTER_STYLES, Styles, Tokens } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { mergeProps } from '../../../utils/react/index';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { Gradation } from './Gradation';\nimport {\n  SliderBase,\n  SliderBaseChildArguments,\n  SliderBaseProps,\n} from './SliderBase';\nimport { SliderThumb } from './SliderThumb';\nimport { SliderTrack } from './SliderTrack';\n\nimport type { FocusableRef } from '@react-types/shared';\nimport type { CubeSliderBaseProps } from './types';\n\nexport interface CubeSliderProps extends CubeSliderBaseProps<number> {\n  gradation?: string[];\n  /** Custom styles for the track element */\n  trackStyles?: Styles;\n  /** Custom styles for the thumb element */\n  thumbStyles?: Styles;\n  /** Custom tokens for the thumb element (e.g., #slider-thumb for fill color) */\n  thumbTokens?: Tokens;\n}\n\nfunction Slider(props: CubeSliderProps, ref: FocusableRef<HTMLDivElement>) {\n  const {\n    onChange,\n    onChangeEnd,\n    value,\n    defaultValue,\n    getValueLabel,\n    isDisabled,\n    styles,\n    gradation,\n    orientation,\n    trackStyles,\n    thumbStyles,\n    thumbTokens,\n    ...otherProps\n  } = props;\n\n  let baseProps: Omit<SliderBaseProps, 'children'> = {\n    ...otherProps,\n    // Normalize `value: number[]` to `value: number`\n    value: value != null ? [value] : undefined,\n    defaultValue: defaultValue != null ? [defaultValue] : undefined,\n    onChange: (v: number[]): void => {\n      onChange?.(v[0]);\n    },\n    onChangeEnd: (v: number[]): void => {\n      onChangeEnd?.(v[0]);\n    },\n    getValueLabel: getValueLabel ? ([v]) => getValueLabel(v) : undefined,\n  };\n\n  const extractedStyles = extractStyles(otherProps, OUTER_STYLES, styles);\n\n  return (\n    <SliderBase\n      {...mergeProps(otherProps, baseProps)}\n      ref={ref}\n      orientation={orientation}\n      styles={extractedStyles}\n    >\n      {({\n        trackRef,\n        inputRef,\n        state,\n        isInvalid,\n        isValid,\n      }: SliderBaseChildArguments) => {\n        return (\n          <>\n            <Gradation state={state} ranges={[0, 1]} values={gradation} />\n            <SliderTrack\n              state={state}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              isValid={isValid}\n              orientation={orientation}\n              styles={trackStyles}\n            />\n            <SliderThumb\n              index={0}\n              state={state}\n              inputRef={inputRef}\n              trackRef={trackRef}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              isValid={isValid}\n              styles={thumbStyles}\n              tokens={thumbTokens}\n            />\n          </>\n        );\n      }}\n    </SliderBase>\n  );\n}\n\nconst _Slider = forwardRef(Slider);\n\nconst __Slider = Object.assign(_Slider as typeof _Slider, {\n  cubeInputType: 'Number',\n  displayName: 'Slider',\n});\n\nexport { __Slider as Slider };\n"],"mappings":"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"}
+{"version":3,"file":"Slider.js","names":["OUTER_STYLES","Styles","Tokens","forwardRef","mergeProps","extractStyles","Gradation","SliderBase","SliderBaseChildArguments","SliderBaseProps","SliderThumb","SliderTrack","FocusableRef","CubeSliderBaseProps","CubeSliderProps","gradation","trackStyles","thumbStyles","thumbTokens","Slider","props","ref","$","_c","T0","extractedStyles","isDisabled","orientation","t0","onChange","onChangeEnd","value","defaultValue","getValueLabel","t1","styles","t2","t3","t4","t5","t6","otherProps","t7","v","t8","v_0","t9","t10","v_1","undefined","baseProps","trackRef","inputRef","state","isInvalid","isValid","_Slider","__Slider","Object","assign","cubeInputType","displayName","_c","SliderBase"],"sources":["../../../../src/components/fields/Slider/Slider.tsx"],"sourcesContent":["import { OUTER_STYLES, Styles, Tokens } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { mergeProps } from '../../../utils/react/index';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { Gradation } from './Gradation';\nimport {\n  SliderBase,\n  SliderBaseChildArguments,\n  SliderBaseProps,\n} from './SliderBase';\nimport { SliderThumb } from './SliderThumb';\nimport { SliderTrack } from './SliderTrack';\n\nimport type { FocusableRef } from '@react-types/shared';\nimport type { CubeSliderBaseProps } from './types';\n\nexport interface CubeSliderProps extends CubeSliderBaseProps<number> {\n  gradation?: string[];\n  /** Custom styles for the track element */\n  trackStyles?: Styles;\n  /** Custom styles for the thumb element */\n  thumbStyles?: Styles;\n  /** Custom tokens for the thumb element (e.g., #slider-thumb for fill color) */\n  thumbTokens?: Tokens;\n}\n\nfunction Slider(props: CubeSliderProps, ref: FocusableRef<HTMLDivElement>) {\n  const {\n    onChange,\n    onChangeEnd,\n    value,\n    defaultValue,\n    getValueLabel,\n    isDisabled,\n    styles,\n    gradation,\n    orientation,\n    trackStyles,\n    thumbStyles,\n    thumbTokens,\n    ...otherProps\n  } = props;\n\n  let baseProps: Omit<SliderBaseProps, 'children'> = {\n    ...otherProps,\n    // Normalize `value: number[]` to `value: number`\n    value: value != null ? [value] : undefined,\n    defaultValue: defaultValue != null ? [defaultValue] : undefined,\n    onChange: (v: number[]): void => {\n      onChange?.(v[0]);\n    },\n    onChangeEnd: (v: number[]): void => {\n      onChangeEnd?.(v[0]);\n    },\n    getValueLabel: getValueLabel ? ([v]) => getValueLabel(v) : undefined,\n  };\n\n  const extractedStyles = extractStyles(otherProps, OUTER_STYLES, styles);\n\n  return (\n    <SliderBase\n      {...mergeProps(otherProps, baseProps)}\n      ref={ref}\n      orientation={orientation}\n      styles={extractedStyles}\n    >\n      {({\n        trackRef,\n        inputRef,\n        state,\n        isInvalid,\n        isValid,\n      }: SliderBaseChildArguments) => {\n        return (\n          <>\n            <Gradation state={state} ranges={[0, 1]} values={gradation} />\n            <SliderTrack\n              state={state}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              isValid={isValid}\n              orientation={orientation}\n              styles={trackStyles}\n            />\n            <SliderThumb\n              index={0}\n              state={state}\n              inputRef={inputRef}\n              trackRef={trackRef}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              isValid={isValid}\n              styles={thumbStyles}\n              tokens={thumbTokens}\n            />\n          </>\n        );\n      }}\n    </SliderBase>\n  );\n}\n\nconst _Slider = forwardRef(Slider);\n\nconst __Slider = Object.assign(_Slider as typeof _Slider, {\n  cubeInputType: 'Number',\n  displayName: 'Slider',\n});\n\nexport { __Slider as Slider };\n"],"mappings":"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"}