@cube-dev/ui-kit 0.0.0-canary-05c61de → 0.0.0-canary-5b75dce

package/dist/components/fields/SearchInput/SearchInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";
@@ -7,7 +7,6 @@ import { useProviderProps } from "../../../provider.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { castNullableStringValue } from "../../../utils/react/nullableValue.js";
-import { asksForFieldChrome, withFieldChrome } from "../../form/field-chrome.js";
 import { useValidationProps } from "../../form/validation/use-validation-props.js";
 import { TextInputBase } from "../TextInput/TextInputBase.js";
 import { SearchIcon } from "../../../icons/SearchIcon.js";
@@ -21,12 +20,13 @@ import { useSearchFieldState } from "react-stately";
 //#region src/components/fields/SearchInput/SearchInput.tsx
 const SearchInput = forwardRef(function SearchInput(props, ref) {
 	const $ = c(27);
+	let t0;
 	if ($[0] !== props) {
-		props = castNullableStringValue(props);
-		if (asksForFieldChrome(props)) props = withFieldChrome(props);
+		t0 = castNullableStringValue(props);
 		$[0] = props;
-		$[1] = props;
-	} else props = $[1];
+		$[1] = t0;
+	} else t0 = $[1];
+	props = t0;
 	props = useProviderProps(props);
 	props = useValidationProps(props);
 	const { isClearable, labelProps: userLabelProps, inputProps: userInputProps, inputRef: propsInputRef, isBuffered, ...restProps } = props;
@@ -37,50 +37,50 @@ const SearchInput = forwardRef(function SearchInput(props, ref) {
 		isDisabled: restProps.isDisabled,
 		isReadOnly: restProps.isReadOnly
 	});
-	const t0 = buffered.value;
-	const t1 = buffered.onChange;
-	const t2 = chain(restProps.onBlur, buffered.reset);
-	let t3;
-	if ($[2] !== buffered.onChange || $[3] !== buffered.value || $[4] !== restProps || $[5] !== t2) {
-		t3 = {
+	const t1 = buffered.value;
+	const t2 = buffered.onChange;
+	const t3 = chain(restProps.onBlur, buffered.reset);
+	let t4;
+	if ($[2] !== buffered.onChange || $[3] !== buffered.value || $[4] !== restProps || $[5] !== t3) {
+		t4 = {
 			...restProps,
-			value: t0,
-			onChange: t1,
-			onBlur: t2
+			value: t1,
+			onChange: t2,
+			onBlur: t3
 		};
 		$[2] = buffered.onChange;
 		$[3] = buffered.value;
 		$[4] = restProps;
-		$[5] = t2;
-		$[6] = t3;
-	} else t3 = $[6];
-	const fieldProps = t3;
+		$[5] = t3;
+		$[6] = t4;
+	} else t4 = $[6];
+	const fieldProps = t4;
 	const state = useSearchFieldState(fieldProps);
 	const { labelProps, inputProps, clearButtonProps } = useSearchField(fieldProps, state, inputRef);
 	const showClearButton = isClearable && state.value !== "" && !restProps.isReadOnly;
-	let t4;
+	let t5;
 	if ($[7] !== labelProps || $[8] !== userLabelProps) {
-		t4 = mergeProps$1(labelProps, userLabelProps);
+		t5 = mergeProps$1(labelProps, userLabelProps);
 		$[7] = labelProps;
 		$[8] = userLabelProps;
-		$[9] = t4;
-	} else t4 = $[9];
-	const mergedLabelProps = t4;
-	let t5;
+		$[9] = t5;
+	} else t5 = $[9];
+	const mergedLabelProps = t5;
+	let t6;
 	if ($[10] !== inputProps || $[11] !== userInputProps) {
-		t5 = mergeProps$1(inputProps, { "data-input-type": "searchinput" }, userInputProps);
+		t6 = mergeProps$1(inputProps, { "data-input-type": "searchinput" }, userInputProps);
 		$[10] = inputProps;
 		$[11] = userInputProps;
-		$[12] = t5;
-	} else t5 = $[12];
-	let t6;
-	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = /* @__PURE__ */ jsx(SearchIcon, {});
-		$[13] = t6;
-	} else t6 = $[13];
+		$[12] = t6;
+	} else t6 = $[12];
 	let t7;
+	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsx(SearchIcon, {});
+		$[13] = t7;
+	} else t7 = $[13];
+	let t8;
 	if ($[14] !== clearButtonProps || $[15] !== restProps.isDisabled || $[16] !== restProps.size || $[17] !== restProps.suffix || $[18] !== showClearButton) {
-		t7 = restProps.suffix || showClearButton ? /* @__PURE__ */ jsxs(Fragment$1, { children: [restProps.suffix, showClearButton && (() => {
+		t8 = restProps.suffix || showClearButton ? /* @__PURE__ */ jsxs(Fragment$1, { children: [restProps.suffix, showClearButton && (() => {
 			const { isDisabled: ariaIsDisabled, ...clearProps } = ariaToCubeButtonProps(clearButtonProps);
 			return /* @__PURE__ */ jsx(ItemActionProvider, {
 				isDisabled: restProps.isDisabled,
@@ -97,30 +97,30 @@ const SearchInput = forwardRef(function SearchInput(props, ref) {
 		$[16] = restProps.size;
 		$[17] = restProps.suffix;
 		$[18] = showClearButton;
-		$[19] = t7;
-	} else t7 = $[19];
-	let t8;
-	if ($[20] !== inputRef || $[21] !== mergedLabelProps || $[22] !== ref || $[23] !== restProps || $[24] !== t5 || $[25] !== t7) {
-		t8 = /* @__PURE__ */ jsx(TextInputBase, {
+		$[19] = t8;
+	} else t8 = $[19];
+	let t9;
+	if ($[20] !== inputRef || $[21] !== mergedLabelProps || $[22] !== ref || $[23] !== restProps || $[24] !== t6 || $[25] !== t8) {
+		t9 = /* @__PURE__ */ jsx(TextInputBase, {
 			ref,
 			labelProps: mergedLabelProps,
-			inputProps: t5,
+			inputProps: t6,
 			inputRef,
 			type: "search",
-			icon: t6,
+			icon: t7,
 			suffixPosition: "after",
 			...restProps,
-			suffix: t7
+			suffix: t8
 		});
 		$[20] = inputRef;
 		$[21] = mergedLabelProps;
 		$[22] = ref;
 		$[23] = restProps;
-		$[24] = t5;
-		$[25] = t7;
-		$[26] = t8;
-	} else t8 = $[26];
-	return t8;
+		$[24] = t6;
+		$[25] = t8;
+		$[26] = t9;
+	} else t9 = $[26];
+	return t9;
 });
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","names":["forwardRef","RefObject","useRef","useSearchField","SearchFieldProps","useSearchFieldState","CloseIcon","SearchIcon","useProviderProps","chain","mergeProps","useBufferedValue","ariaToCubeButtonProps","castNullableStringValue","WithNullableValue","ItemAction","ItemActionProvider","useValidationProps","asksForFieldChrome","withFieldChrome","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","CubeSearchInputProps","Omit","isClearable","onClear","SearchInput","props","ref","$","_c","labelProps","userLabelProps","inputProps","userInputProps","inputRef","propsInputRef","isBuffered","restProps","localInputRef","HTMLInputElement","buffered","value","onChange","isDisabled","isReadOnly","t0","t1","t2","onBlur","reset","t3","fieldProps","state","clearButtonProps","showClearButton","t4","mergedLabelProps","t5","t6","Symbol","for","t7","size","suffix","ariaIsDisabled","clearProps","undefined","t8"],"sources":["../../../../src/components/fields/SearchInput/SearchInput.tsx"],"sourcesContent":["import { forwardRef, RefObject, useRef } from 'react';\nimport { useSearchField } from 'react-aria';\nimport { SearchFieldProps, useSearchFieldState } from 'react-stately';\n\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { SearchIcon } from '../../../icons/SearchIcon';\nimport { useProviderProps } from '../../../provider';\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport { ariaToCubeButtonProps } from '../../../utils/react/mapProps';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { ItemAction } from '../../actions/ItemAction/ItemAction';\nimport { ItemActionProvider } from '../../actions/ItemActionContext';\nimport { useValidationProps } from '../../form';\nimport { asksForFieldChrome, withFieldChrome } from '../../form/field-chrome';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput/TextInputBase';\n\nexport { useSearchFieldState, useSearchField };\nexport type { SearchFieldProps };\n\nexport interface CubeSearchInputProps\n  extends Omit<\n      CubeTextInputBaseProps,\n      // SearchInput is not form-connected: it holds no persistent value, so\n      // form-binding and form-validation props are excluded from the public API.\n      | 'name'\n      | 'form'\n      | 'rules'\n      | 'shouldUpdate'\n      | 'validationDelay'\n      | 'validateTrigger'\n      | 'insideForm'\n      | 'idPrefix'\n      | 'validate'\n    >,\n    Omit<\n      SearchFieldProps,\n      'onKeyDown' | 'onKeyUp' | 'errorMessage' | 'onFocus' | 'onBlur'\n    >,\n    CubeBufferedValueProps {\n  /**\n   * Whether the input shows a clear button while it has text. `Escape` clears the input whatever\n   * this is set to, as in a native search field.\n   */\n  isClearable?: boolean;\n  /**\n   * Called after the text is cleared, by the clear button or by `Escape`. A clear with no text to\n   * remove doesn't call it.\n   */\n  onClear?: () => void;\n}\n\nexport const SearchInput = forwardRef(function SearchInput(\n  props: WithNullableValue<CubeSearchInputProps>,\n  ref,\n) {\n  props = castNullableStringValue(props);\n  // SearchInput is a standalone control, not a form field, so it does not use `useFieldProps`.\n  // Without a label, it still shows a description or message under the control.\n  if (asksForFieldChrome(props)) props = withFieldChrome(props);\n  props = useProviderProps(props);\n  props = useValidationProps(props);\n\n  let {\n    isClearable,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    inputRef: propsInputRef,\n    isBuffered,\n    ...restProps\n  } = props;\n\n  let localInputRef = useRef<HTMLInputElement>(null);\n  // The hook and the caller have to see the same element: the clear button\n  // hands focus back to the input through this ref.\n  let inputRef = (propsInputRef ??\n    localInputRef) as RefObject<HTMLInputElement | null>;\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  // Applied before the state hook, so `state.value` (and the clear button) follow the draft.\n  let buffered = useBufferedValue(restProps.value, restProps.onChange, {\n    isBuffered,\n    isDisabled: restProps.isDisabled,\n    isReadOnly: restProps.isReadOnly,\n  });\n  let fieldProps = {\n    ...restProps,\n    value: buffered.value,\n    onChange: buffered.onChange,\n    onBlur: chain(restProps.onBlur, buffered.reset),\n  };\n\n  let state = useSearchFieldState(fieldProps);\n  let { labelProps, inputProps, clearButtonProps } = useSearchField(\n    fieldProps,\n    state,\n    inputRef,\n  );\n  let showClearButton =\n    isClearable && state.value !== '' && !restProps.isReadOnly;\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        inputProps,\n        { 'data-input-type': 'searchinput' },\n        userInputProps,\n      )}\n      inputRef={inputRef}\n      type=\"search\"\n      icon={<SearchIcon />}\n      suffixPosition=\"after\"\n      {...restProps}\n      suffix={\n        restProps.suffix || showClearButton ? (\n          <>\n            {restProps.suffix}\n            {showClearButton &&\n              (() => {\n                const { isDisabled: ariaIsDisabled, ...clearProps } =\n                  ariaToCubeButtonProps(clearButtonProps);\n\n                return (\n                  // A disabled FIELD goes through the provider so `current` treats\n                  // the state as inherited: the field has already faded the colour\n                  // the button paints from, and fading again multiplied the two to\n                  // `.12` — all but invisible. Any OTHER reason react-aria\n                  // disables the button (read-only) leaves the field's text\n                  // opaque, so that one stays a prop and fades itself.\n                  <ItemActionProvider isDisabled={restProps.isDisabled}>\n                    <ItemAction\n                      icon={<CloseIcon />}\n                      size={restProps.size}\n                      // No `type` or `theme` — the default `current` type inherits\n                      // the input's own text color, which already carries\n                      // validation state.\n                      {...clearProps}\n                      isDisabled={\n                        ariaIsDisabled && !restProps.isDisabled\n                          ? true\n                          : undefined\n                      }\n                    />\n                  </ItemActionProvider>\n                );\n              })()}\n          </>\n        ) : undefined\n      }\n    />\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"SearchInput.js","names":["forwardRef","RefObject","useRef","useSearchField","SearchFieldProps","useSearchFieldState","CloseIcon","SearchIcon","useProviderProps","chain","mergeProps","useBufferedValue","ariaToCubeButtonProps","castNullableStringValue","WithNullableValue","ItemAction","ItemActionProvider","useValidationProps","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","CubeSearchInputProps","Omit","isClearable","onClear","SearchInput","props","ref","$","_c","t0","labelProps","userLabelProps","inputProps","userInputProps","inputRef","propsInputRef","isBuffered","restProps","localInputRef","HTMLInputElement","buffered","value","onChange","isDisabled","isReadOnly","t1","t2","t3","onBlur","reset","t4","fieldProps","state","clearButtonProps","showClearButton","t5","mergedLabelProps","t6","t7","Symbol","for","t8","size","suffix","ariaIsDisabled","clearProps","undefined","t9"],"sources":["../../../../src/components/fields/SearchInput/SearchInput.tsx"],"sourcesContent":["import { forwardRef, RefObject, useRef } from 'react';\nimport { useSearchField } from 'react-aria';\nimport { SearchFieldProps, useSearchFieldState } from 'react-stately';\n\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { SearchIcon } from '../../../icons/SearchIcon';\nimport { useProviderProps } from '../../../provider';\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport { ariaToCubeButtonProps } from '../../../utils/react/mapProps';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { ItemAction } from '../../actions/ItemAction/ItemAction';\nimport { ItemActionProvider } from '../../actions/ItemActionContext';\nimport { useValidationProps } from '../../form';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput/TextInputBase';\n\nexport { useSearchFieldState, useSearchField };\nexport type { SearchFieldProps };\n\nexport interface CubeSearchInputProps\n  extends Omit<\n      CubeTextInputBaseProps,\n      // SearchInput is not form-connected: it holds no persistent value, so\n      // form-binding and form-validation props are excluded from the public API.\n      | 'name'\n      | 'form'\n      | 'rules'\n      | 'shouldUpdate'\n      | 'validationDelay'\n      | 'validateTrigger'\n      | 'insideForm'\n      | 'idPrefix'\n      | 'validate'\n    >,\n    Omit<\n      SearchFieldProps,\n      'onKeyDown' | 'onKeyUp' | 'errorMessage' | 'onFocus' | 'onBlur'\n    >,\n    CubeBufferedValueProps {\n  /**\n   * Whether the input shows a clear button while it has text. `Escape` clears the input whatever\n   * this is set to, as in a native search field.\n   */\n  isClearable?: boolean;\n  /**\n   * Called after the text is cleared, by the clear button or by `Escape`. A clear with no text to\n   * remove doesn't call it.\n   */\n  onClear?: () => void;\n}\n\nexport const SearchInput = forwardRef(function SearchInput(\n  props: WithNullableValue<CubeSearchInputProps>,\n  ref,\n) {\n  props = castNullableStringValue(props);\n  // SearchInput is a standalone control, not a form field, so it does not use `useFieldProps`.\n  props = useProviderProps(props);\n  props = useValidationProps(props);\n\n  let {\n    isClearable,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    inputRef: propsInputRef,\n    isBuffered,\n    ...restProps\n  } = props;\n\n  let localInputRef = useRef<HTMLInputElement>(null);\n  // The hook and the caller have to see the same element: the clear button\n  // hands focus back to the input through this ref.\n  let inputRef = (propsInputRef ??\n    localInputRef) as RefObject<HTMLInputElement | null>;\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  // Applied before the state hook, so `state.value` (and the clear button) follow the draft.\n  let buffered = useBufferedValue(restProps.value, restProps.onChange, {\n    isBuffered,\n    isDisabled: restProps.isDisabled,\n    isReadOnly: restProps.isReadOnly,\n  });\n  let fieldProps = {\n    ...restProps,\n    value: buffered.value,\n    onChange: buffered.onChange,\n    onBlur: chain(restProps.onBlur, buffered.reset),\n  };\n\n  let state = useSearchFieldState(fieldProps);\n  let { labelProps, inputProps, clearButtonProps } = useSearchField(\n    fieldProps,\n    state,\n    inputRef,\n  );\n  let showClearButton =\n    isClearable && state.value !== '' && !restProps.isReadOnly;\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        inputProps,\n        { 'data-input-type': 'searchinput' },\n        userInputProps,\n      )}\n      inputRef={inputRef}\n      type=\"search\"\n      icon={<SearchIcon />}\n      suffixPosition=\"after\"\n      {...restProps}\n      suffix={\n        restProps.suffix || showClearButton ? (\n          <>\n            {restProps.suffix}\n            {showClearButton &&\n              (() => {\n                const { isDisabled: ariaIsDisabled, ...clearProps } =\n                  ariaToCubeButtonProps(clearButtonProps);\n\n                return (\n                  // A disabled FIELD goes through the provider so `current` treats\n                  // the state as inherited: the field has already faded the colour\n                  // the button paints from, and fading again multiplied the two to\n                  // `.12` — all but invisible. Any OTHER reason react-aria\n                  // disables the button (read-only) leaves the field's text\n                  // opaque, so that one stays a prop and fades itself.\n                  <ItemActionProvider isDisabled={restProps.isDisabled}>\n                    <ItemAction\n                      icon={<CloseIcon />}\n                      size={restProps.size}\n                      // No `type` or `theme` — the default `current` type inherits\n                      // the input's own text color, which already carries\n                      // validation state.\n                      {...clearProps}\n                      isDisabled={\n                        ariaIsDisabled && !restProps.isDisabled\n                          ? true\n                          : undefined\n                      }\n                    />\n                  </ItemActionProvider>\n                );\n              })()}\n          </>\n        ) : undefined\n      }\n    />\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAyDA,MAAayB,cAAczB,WAAW,SAAAyB,YAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAF,OAAA;AAI5BI,OAAAjB,wBAAwBa,MAAM;AAAAE,IAAA,KAAAF;AAAAE,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAAtCF,SAAQA;AAERA,SAAQlB,iBAAiBkB,MAAM;AAC/BA,SAAQT,mBAAmBS,MAAM;CAEjC,MAAA,EAAAH,aAAAQ,YAAAC,gBAAAC,YAAAC,gBAAAC,UAAAC,eAAAC,YAAA,GAAAC,cAOIZ;CAEJ,MAAAa,gBAAoBrC,OAAyB,KAAK;CAGlD,MAAAiC,WAAgBC,iBAAAG;CAKhB,MAAAE,WAAe9B,iBAAiB2B,UAASI,OAAQJ,UAASK,UAAW;EAAAN;EAAAO,YAEvDN,UAASM;EAAWC,YACpBP,UAASO;EACtB,CAAC;CAGO,MAAAC,KAAAL,SAAQC;CACL,MAAAK,KAAAN,SAAQE;CACV,MAAAK,KAAAvC,MAAM6B,UAASW,QAASR,SAAQS,MAAO;CAAA,IAAAC;AAAA,KAAAvB,EAAA,OAAAa,SAAAE,YAAAf,EAAA,OAAAa,SAAAC,SAAAd,EAAA,OAAAU,aAAAV,EAAA,OAAAoB,IAAA;AAJhCG,OAAA;GAAA,GACZb;GAASI,OACLI;GAAcH,UACXI;GAAiBE,QACnBD;GACT;AAAApB,IAAA,KAAAa,SAAAE;AAAAf,IAAA,KAAAa,SAAAC;AAAAd,IAAA,KAAAU;AAAAV,IAAA,KAAAoB;AAAApB,IAAA,KAAAuB;OAAAA,MAAAvB,EAAA;CALD,MAAAwB,aAAiBD;CAOjB,MAAAE,QAAYhD,oBAAoB+C,WAAW;CAC3C,MAAA,EAAArB,YAAAE,YAAAqB,qBAAmDnD,eACjDiD,YACAC,OACAlB,SACD;CACD,MAAAoB,kBACEhC,eAAe8B,MAAKX,UAAW,MAA/B,CAAsCJ,UAASO;CAAY,IAAAW;AAAA,KAAA5B,EAAA,OAAAG,cAAAH,EAAA,OAAAI,gBAAA;AAGpCwB,OAAA9C,aAAWqB,YAAYC,eAAe;AAAAJ,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAA4B;OAAAA,MAAA5B,EAAA;CAA/D,MAAA6B,mBAAyBD;CAAuC,IAAAE;AAAA,KAAA9B,EAAA,QAAAK,cAAAL,EAAA,QAAAM,gBAAA;AAMhDwB,OAAAhD,aACVuB,YACA,EAAA,mBAAqB,eAAe,EACpCC,eACD;AAAAN,IAAA,MAAAK;AAAAL,IAAA,MAAAM;AAAAN,IAAA,MAAA8B;OAAAA,MAAA9B,EAAA;CAAA,IAAA+B;AAAA,KAAA/B,EAAA,QAAAgC,OAAAC,IAAA,4BAAA,EAAA;AAGKF,OAAA,oBAAC,eAAa;AAAA/B,IAAA,MAAA+B;OAAAA,MAAA/B,EAAA;CAAA,IAAAkC;AAAA,KAAAlC,EAAA,QAAA0B,oBAAA1B,EAAA,QAAAU,UAAAM,cAAAhB,EAAA,QAAAU,UAAAyB,QAAAnC,EAAA,QAAAU,UAAA0B,UAAApC,EAAA,QAAA2B,iBAAA;AAIlBO,OAAAxB,UAAS0B,UAATT,kBAAA,8CAEKjB,UAAS0B,QACTT,0BACE;GACC,MAAA,EAAAX,YAAAqB,gBAAA,GAAAC,eACEtD,sBAAsB0C,iBAAiB;AAAC,UASxC,oBAAC;IAA+B,YAAAhB,UAASM;cACvC,oBAAC;KACO,MAAA,oBAAC,cAAW;KACZ,MAAAN,UAASyB;KAAK,GAIhBG;KAEF,YAAAD,kBAAA,CAAmB3B,UAASM,aAA5B,OAAAuB;MAKN;KAAqB;MAEtB,IAEI,GAjCbA;AAiCavC,IAAA,MAAA0B;AAAA1B,IAAA,MAAAU,UAAAM;AAAAhB,IAAA,MAAAU,UAAAyB;AAAAnC,IAAA,MAAAU,UAAA0B;AAAApC,IAAA,MAAA2B;AAAA3B,IAAA,MAAAkC;OAAAA,MAAAlC,EAAA;CAAA,IAAAwC;AAAA,KAAAxC,EAAA,QAAAO,YAAAP,EAAA,QAAA6B,oBAAA7B,EAAA,QAAAD,OAAAC,EAAA,QAAAU,aAAAV,EAAA,QAAA8B,MAAA9B,EAAA,QAAAkC,IAAA;AA/CjBM,OAAA,oBAAC;GACMzC;GACO8B,YAAAA;GACA,YAAAC;GAKFvB;GACL,MAAA;GACC,MAAAwB;GACS,gBAAA;GAAO,GAClBrB;GAEF,QAAAwB;IAmCF;AAAAlC,IAAA,MAAAO;AAAAP,IAAA,MAAA6B;AAAA7B,IAAA,MAAAD;AAAAC,IAAA,MAAAU;AAAAV,IAAA,MAAA8B;AAAA9B,IAAA,MAAAkC;AAAAlC,IAAA,MAAAwC;OAAAA,MAAAxC,EAAA;AAAA,QAjDFwC;EAmDF"}

package/dist/components/fields/Select/Select.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Text } from "../../content/Text.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { SliderGradationElement, SliderGradeElement } from "./elements.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { mergeStyleLayers } from "../../../utils/styles.js";
 import { __Slider } from "./Slider.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { Gradation } from "./Gradation.js";
 import { _SliderBase } from "./SliderBase.js";
 import { SliderThumb } from "./SliderThumb.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { Gradation } from "./Gradation.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Text } from "../../content/Text.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
 import { SliderThumbElement } from "./elements.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
 import { SliderTrackContainerElement } from "./elements.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/fields/Slider/elements.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { __RangeSlider } from "./RangeSlider.js";
 import { __Slider } from "./Slider.js";
 import { __HueSlider } from "./HueSlider.js";

package/dist/components/fields/Switch/Switch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useId as useId$2 } from "../../../utils/react/useId.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";