@cube-dev/ui-kit 0.0.0-canary-013a20c → 0.0.0-canary-163ee49

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | 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-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | 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-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | 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-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | 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-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | 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";
@@ -115,7 +115,7 @@ const SwitchElement = tasty({
 });
 const PROP_STYLES = [...OUTER_STYLES, ...BLOCK_STYLES];
 function Switch(props, ref) {
-	const $ = c(52);
+	const $ = c(54);
 	let t0;
 	if ($[0] !== props) {
 		t0 = castNullableIsSelected(props);
@@ -159,128 +159,137 @@ function Switch(props, ref) {
 	const { hoverProps, isHovered } = useHover(t6);
 	const inputRef = useRef(null);
 	const domRef = useFocusableRef(ref, inputRef);
-	const { inputProps } = useSwitch(props, useToggleState(props), inputRef);
-	const t7 = inputProps.checked;
-	let t8;
-	if ($[9] !== isInvalid || $[10] !== isValid) {
-		t8 = getValidationMods({
+	let t7;
+	if ($[9] !== props) {
+		t7 = {
+			...props,
+			form: void 0
+		};
+		$[9] = props;
+		$[10] = t7;
+	} else t7 = $[10];
+	const { inputProps } = useSwitch(t7, useToggleState(props), inputRef);
+	const t8 = inputProps.checked;
+	let t9;
+	if ($[11] !== isInvalid || $[12] !== isValid) {
+		t9 = getValidationMods({
 			isInvalid,
 			isValid
 		});
-		$[9] = isInvalid;
-		$[10] = isValid;
-		$[11] = t8;
-	} else t8 = $[11];
-	const t9 = labelPosition === "side";
-	let t10;
-	if ($[12] !== inputProps.checked || $[13] !== insideForm || $[14] !== isDisabled || $[15] !== isFocused || $[16] !== isHovered || $[17] !== t8 || $[18] !== t9) {
-		t10 = {
-			checked: t7,
+		$[11] = isInvalid;
+		$[12] = isValid;
+		$[13] = t9;
+	} else t9 = $[13];
+	const t10 = labelPosition === "side";
+	let t11;
+	if ($[14] !== inputProps.checked || $[15] !== insideForm || $[16] !== isDisabled || $[17] !== isFocused || $[18] !== isHovered || $[19] !== t10 || $[20] !== t9) {
+		t11 = {
+			checked: t8,
 			disabled: isDisabled,
 			hovered: isHovered,
 			focused: isFocused,
-			...t8,
+			...t9,
 			"inside-form": insideForm,
-			"side-label": t9
+			"side-label": t10
 		};
-		$[12] = inputProps.checked;
-		$[13] = insideForm;
-		$[14] = isDisabled;
-		$[15] = isFocused;
-		$[16] = isHovered;
-		$[17] = t8;
-		$[18] = t9;
+		$[14] = inputProps.checked;
+		$[15] = insideForm;
+		$[16] = isDisabled;
+		$[17] = isFocused;
+		$[18] = isHovered;
 		$[19] = t10;
-	} else t10 = $[19];
-	const mods = t10;
-	const t11 = qa || "Switch";
-	let t12;
-	if ($[20] !== focusProps || $[21] !== inputProps) {
-		t12 = mergeProps$1(inputProps, focusProps);
-		$[20] = focusProps;
-		$[21] = inputProps;
-		$[22] = t12;
-	} else t12 = $[22];
+		$[20] = t9;
+		$[21] = t11;
+	} else t11 = $[21];
+	const mods = t11;
+	const t12 = qa || "Switch";
 	let t13;
-	if ($[23] !== id || $[24] !== t11 || $[25] !== t12) {
-		t13 = /* @__PURE__ */ jsx(HiddenInput, {
-			qa: t11,
+	if ($[22] !== focusProps || $[23] !== inputProps) {
+		t13 = mergeProps$1(inputProps, focusProps);
+		$[22] = focusProps;
+		$[23] = inputProps;
+		$[24] = t13;
+	} else t13 = $[24];
+	let t14;
+	if ($[25] !== id || $[26] !== t12 || $[27] !== t13) {
+		t14 = /* @__PURE__ */ jsx(HiddenInput, {
+			qa: t12,
 			"data-input-type": "switch",
-			...t12,
+			...t13,
 			ref: inputRef,
 			id
 		});
-		$[23] = id;
-		$[24] = t11;
-		$[25] = t12;
-		$[26] = t13;
-	} else t13 = $[26];
-	let t14;
-	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
-		t14 = /* @__PURE__ */ jsx("div", {
+		$[25] = id;
+		$[26] = t12;
+		$[27] = t13;
+		$[28] = t14;
+	} else t14 = $[28];
+	let t15;
+	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+		t15 = /* @__PURE__ */ jsx("div", {
 			"data-element": "Thumb",
 			"aria-hidden": "true"
 		});
-		$[27] = t14;
-	} else t14 = $[27];
-	let t15;
-	if ($[28] !== inputStyles || $[29] !== mods || $[30] !== size) {
-		t15 = /* @__PURE__ */ jsx(SwitchElement, {
+		$[29] = t15;
+	} else t15 = $[29];
+	let t16;
+	if ($[30] !== inputStyles || $[31] !== mods || $[32] !== size) {
+		t16 = /* @__PURE__ */ jsx(SwitchElement, {
 			mods,
 			"data-size": size,
 			styles: inputStyles,
-			children: t14
+			children: t15
 		});
-		$[28] = inputStyles;
-		$[29] = mods;
-		$[30] = size;
-		$[31] = t15;
-	} else t15 = $[31];
-	let t16;
-	if ($[32] !== children) {
-		t16 = children ? /* @__PURE__ */ jsx(_Text, {
-			nowrap: true,
-			children
-		}) : null;
-		$[32] = children;
+		$[30] = inputStyles;
+		$[31] = mods;
+		$[32] = size;
 		$[33] = t16;
 	} else t16 = $[33];
 	let t17;
-	if ($[34] !== isLoading || $[35] !== label) {
-		t17 = isLoading ? /* @__PURE__ */ jsxs(Fragment$1, { children: [label ? /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }) : null, /* @__PURE__ */ jsx(LoadingIcon, {})] }) : null;
-		$[34] = isLoading;
-		$[35] = label;
-		$[36] = t17;
-	} else t17 = $[36];
+	if ($[34] !== children) {
+		t17 = children ? /* @__PURE__ */ jsx(_Text, {
+			nowrap: true,
+			children
+		}) : null;
+		$[34] = children;
+		$[35] = t17;
+	} else t17 = $[35];
 	let t18;
-	if ($[37] !== hoverProps || $[38] !== mods || $[39] !== size || $[40] !== styles || $[41] !== t13 || $[42] !== t15 || $[43] !== t16 || $[44] !== t17) {
-		t18 = /* @__PURE__ */ jsxs(SwitchWrapperElement, {
+	if ($[36] !== isLoading || $[37] !== label) {
+		t18 = isLoading ? /* @__PURE__ */ jsxs(Fragment$1, { children: [label ? /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }) : null, /* @__PURE__ */ jsx(LoadingIcon, {})] }) : null;
+		$[36] = isLoading;
+		$[37] = label;
+		$[38] = t18;
+	} else t18 = $[38];
+	let t19;
+	if ($[39] !== hoverProps || $[40] !== mods || $[41] !== size || $[42] !== styles || $[43] !== t14 || $[44] !== t16 || $[45] !== t17 || $[46] !== t18) {
+		t19 = /* @__PURE__ */ jsxs(SwitchWrapperElement, {
 			qa: "SwitchWrapper",
 			mods,
 			"data-size": size,
 			styles,
 			...hoverProps,
 			children: [
-				t13,
-				t15,
+				t14,
 				t16,
-				t17
+				t17,
+				t18
 			]
 		});
-		$[37] = hoverProps;
-		$[38] = mods;
-		$[39] = size;
-		$[40] = styles;
-		$[41] = t13;
-		$[42] = t15;
-		$[43] = t16;
-		$[44] = t17;
-		$[45] = t18;
-	} else t18 = $[45];
-	const switchField = t18;
-	let t19;
-	if ($[46] !== domRef || $[47] !== id || $[48] !== inputStyles || $[49] !== props || $[50] !== switchField) {
-		t19 = wrapWithField(switchField, domRef, {
+		$[39] = hoverProps;
+		$[40] = mods;
+		$[41] = size;
+		$[42] = styles;
+		$[43] = t14;
+		$[44] = t16;
+		$[45] = t17;
+		$[46] = t18;
+		$[47] = t19;
+	} else t19 = $[47];
+	const switchField = t19;
+	let t20;
+	if ($[48] !== domRef || $[49] !== id || $[50] !== inputStyles || $[51] !== props || $[52] !== switchField) {
+		t20 = wrapWithField(switchField, domRef, {
 			...props,
 			id,
 			labelProps: {
@@ -290,14 +299,14 @@ function Switch(props, ref) {
 			children: null,
 			inputStyles
 		});
-		$[46] = domRef;
-		$[47] = id;
-		$[48] = inputStyles;
-		$[49] = props;
-		$[50] = switchField;
-		$[51] = t19;
-	} else t19 = $[51];
-	return t19;
+		$[48] = domRef;
+		$[49] = id;
+		$[50] = inputStyles;
+		$[51] = props;
+		$[52] = switchField;
+		$[53] = t20;
+	} else t20 = $[53];
+	return t20;
 }
 /**
 * Switches allow users to turn an individual option on or off.

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["useFocusableRef","BaseProps","BLOCK_STYLES","BlockStyleProps","OUTER_STYLES","OuterStyleProps","Styles","tasty","forwardRef","useRef","AriaSwitchProps","useHover","useSwitch","useToggleState","LoadingIcon","FieldBaseProps","ToggleSelectionProps","mergeProps","useFocus","castNullableIsSelected","WithNullableSelected","useId","extractStyles","Text","getValidationMods","useFieldProps","wrapWithField","HiddenInput","SwitchWrapperElement","as","styles","display","position","placeItems","gap","width","color","SwitchElement","qa","boxSizing","verticalAlign","placeSelf","radius","fill","checked","disabled","border","invalid","valid","height","outline","focused","outlineOffset","transition","cursor","Thumb","top","left","PROP_STYLES","CubeSwitchProps","form","name","inputStyles","isLoading","size","Switch","props","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","isDisabled","t2","children","label","insideForm","labelPosition","isInvalid","isValid","t3","undefined","id","t4","t5","isFocused","focusProps","t6","hoverProps","isHovered","inputRef","domRef","inputProps","t7","t8","t9","t10","hovered","mods","t11","t12","t13","t14","t15","t16","t17","t18","switchField","t19","labelProps","value","onChange","isSelected","isIndeterminate","_Switch","cubeInputType","displayName"],"sources":["../../../../src/components/fields/Switch/Switch.tsx"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport {\n  BaseProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, useRef } from 'react';\nimport { AriaSwitchProps, useHover, useSwitch } from 'react-aria';\nimport { useToggleState } from 'react-stately';\n\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { FieldBaseProps, ToggleSelectionProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport {\n  castNullableIsSelected,\n  WithNullableSelected,\n} from '../../../utils/react/nullableValue';\nimport { useId } from '../../../utils/react/useId';\nimport { extractStyles } from '../../../utils/styles';\nimport { Text } from '../../content/Text';\nimport { getValidationMods, useFieldProps, wrapWithField } from '../../form';\nimport { HiddenInput } from '../../HiddenInput';\n\nconst SwitchWrapperElement = tasty({\n  as: 'label',\n  styles: {\n    display: 'flex',\n    position: 'relative',\n    placeItems: {\n      '': 'center stretch',\n      'side-label': 'baseline stretch',\n    },\n    gap: '1x',\n    width: 'max max-content',\n    color: '#dark-02',\n  },\n});\n\nconst SwitchElement = tasty({\n  qa: 'Switch',\n  styles: {\n    boxSizing: 'border-box',\n    position: 'relative',\n    verticalAlign: 'baseline',\n    placeSelf: 'center',\n    radius: 'round',\n    fill: {\n      '': '#surface',\n      checked: '#primary',\n      'invalid & checked': '#danger',\n      'valid & checked': '#success',\n      disabled: '#border.5',\n      'disabled & checked': '#border',\n    },\n    color: {\n      '': '#dark-03',\n      checked: '#white',\n    },\n    border: {\n      '': '#dark-05',\n      checked: '#primary-text',\n      disabled: '#dark-05.5',\n      invalid: '#danger',\n      valid: '#success',\n    },\n    width: {\n      '': '5x 5x',\n      'size=medium': '4x 4x',\n      'size=small': '3x 3x',\n    },\n    height: {\n      '': '3x 3x',\n      'size=medium': '2.5x 2.5x',\n      'size=small': '2x 2x',\n    },\n    outline: {\n      '': '#primary-text.0',\n      focused: '1bw #primary-text',\n    },\n    outlineOffset: 1,\n    transition: 'theme',\n    cursor: '$pointer',\n\n    Thumb: {\n      position: 'absolute',\n      width: {\n        '': '2x 2x',\n        'size=medium': '1.5x 1.5x',\n        'size=small': '1.25x 1.25x',\n      },\n      height: {\n        '': '2x 2x',\n        'size=medium': '1.5x 1.5x',\n        'size=small': '1.25x 1.25x',\n      },\n      radius: 'round',\n      fill: {\n        '': '#current',\n        disabled: '#current.5',\n        'disabled & checked': '#white.8',\n      },\n      top: {\n        '': '.375x',\n        'size=medium': '.375x',\n        'size=small': '.25x',\n      },\n      left: {\n        '': '.375x',\n        'size=medium': '.375x',\n        'size=small': '.25x',\n        checked: '2.25x',\n        'checked & size=medium': '1.75x',\n        'checked & size=small': '1.25x',\n      },\n      transition: 'left, theme',\n      cursor: '$pointer',\n    },\n  },\n});\n\nconst PROP_STYLES = [...OUTER_STYLES, ...BLOCK_STYLES];\n\nexport interface CubeSwitchProps\n  extends BaseProps,\n    OuterStyleProps,\n    BlockStyleProps,\n    FieldBaseProps<boolean | null | undefined>,\n    ToggleSelectionProps,\n    AriaSwitchProps {\n  /** The form instance; redeclared for the same reason as in `Checkbox`. */\n  form?: FieldBaseProps['form'];\n  /** Field name; modern forms also accept nested tuple paths. */\n  name?: FieldBaseProps['name'];\n  inputStyles?: Styles;\n  isLoading?: boolean;\n  size?: 'large' | 'medium' | 'small';\n}\n\nfunction Switch(props: WithNullableSelected<CubeSwitchProps>, ref) {\n  props = castNullableIsSelected(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onChange',\n    valuePropsMapper: ({ value, onChange }) => ({\n      isSelected: value != null ? value : false,\n      isIndeterminate: false,\n      onChange: onChange,\n    }),\n  });\n\n  let {\n    qa,\n    isDisabled = false,\n    children,\n    label,\n    insideForm,\n    isLoading,\n    labelPosition,\n    inputStyles,\n    isInvalid,\n    isValid,\n    size = 'medium',\n    form,\n  } = props;\n\n  const id = useId(props.id);\n\n  let styles = extractStyles(props, PROP_STYLES);\n\n  let { isFocused, focusProps } = useFocus({ isDisabled }, true);\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n\n  let inputRef = useRef(null);\n  let domRef = useFocusableRef(ref, inputRef);\n\n  let { inputProps } = useSwitch(props, useToggleState(props), inputRef);\n\n  const mods = {\n    checked: inputProps.checked,\n    disabled: isDisabled,\n    hovered: isHovered,\n    focused: isFocused,\n    ...getValidationMods({ isInvalid, isValid }),\n    'inside-form': insideForm,\n    'side-label': labelPosition === 'side',\n  };\n\n  const switchField = (\n    <SwitchWrapperElement\n      qa=\"SwitchWrapper\"\n      mods={mods}\n      data-size={size}\n      styles={styles}\n      {...hoverProps}\n    >\n      <HiddenInput\n        qa={qa || 'Switch'}\n        data-input-type=\"switch\"\n        {...mergeProps(inputProps, focusProps)}\n        ref={inputRef}\n        id={id}\n      />\n      <SwitchElement mods={mods} data-size={size} styles={inputStyles}>\n        <div data-element=\"Thumb\" aria-hidden=\"true\" />\n      </SwitchElement>\n      {children ? <Text nowrap>{children}</Text> : null}\n      {isLoading ? (\n        <>\n          {label ? <>&nbsp;</> : null}\n          <LoadingIcon />\n        </>\n      ) : null}\n    </SwitchWrapperElement>\n  );\n\n  return wrapWithField(switchField, domRef, {\n    ...props,\n    id,\n    labelProps: {\n      ...props.labelProps,\n      for: id,\n    },\n    children: null,\n    inputStyles,\n  });\n}\n\n/**\n * Switches allow users to turn an individual option on or off.\n * They are usually used to activate or deactivate a specific setting.\n */\nlet _Switch = forwardRef(Switch);\n\n(_Switch as any).cubeInputType = 'Checkbox';\n_Switch.displayName = 'Switch';\n\nexport { _Switch as Switch };\nexport type { AriaSwitchProps };\nexport { useSwitch };\n"],"mappings":"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"}
+{"version":3,"file":"Switch.js","names":["useFocusableRef","BaseProps","BLOCK_STYLES","BlockStyleProps","OUTER_STYLES","OuterStyleProps","Styles","tasty","forwardRef","useRef","AriaSwitchProps","useHover","useSwitch","useToggleState","LoadingIcon","FieldBaseProps","ToggleSelectionProps","mergeProps","useFocus","castNullableIsSelected","WithNullableSelected","useId","extractStyles","Text","getValidationMods","useFieldProps","wrapWithField","HiddenInput","SwitchWrapperElement","as","styles","display","position","placeItems","gap","width","color","SwitchElement","qa","boxSizing","verticalAlign","placeSelf","radius","fill","checked","disabled","border","invalid","valid","height","outline","focused","outlineOffset","transition","cursor","Thumb","top","left","PROP_STYLES","CubeSwitchProps","form","name","inputStyles","isLoading","size","Switch","props","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","isDisabled","t2","children","label","insideForm","labelPosition","isInvalid","isValid","t3","undefined","id","t4","t5","isFocused","focusProps","t6","hoverProps","isHovered","inputRef","domRef","t7","inputProps","t8","t9","t10","t11","hovered","mods","t12","t13","t14","t15","t16","t17","t18","t19","switchField","t20","labelProps","value","onChange","isSelected","isIndeterminate","_Switch","cubeInputType","displayName"],"sources":["../../../../src/components/fields/Switch/Switch.tsx"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport {\n  BaseProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, useRef } from 'react';\nimport { AriaSwitchProps, useHover, useSwitch } from 'react-aria';\nimport { useToggleState } from 'react-stately';\n\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { FieldBaseProps, ToggleSelectionProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport {\n  castNullableIsSelected,\n  WithNullableSelected,\n} from '../../../utils/react/nullableValue';\nimport { useId } from '../../../utils/react/useId';\nimport { extractStyles } from '../../../utils/styles';\nimport { Text } from '../../content/Text';\nimport { getValidationMods, useFieldProps, wrapWithField } from '../../form';\nimport { HiddenInput } from '../../HiddenInput';\n\nconst SwitchWrapperElement = tasty({\n  as: 'label',\n  styles: {\n    display: 'flex',\n    position: 'relative',\n    placeItems: {\n      '': 'center stretch',\n      'side-label': 'baseline stretch',\n    },\n    gap: '1x',\n    width: 'max max-content',\n    color: '#dark-02',\n  },\n});\n\nconst SwitchElement = tasty({\n  qa: 'Switch',\n  styles: {\n    boxSizing: 'border-box',\n    position: 'relative',\n    verticalAlign: 'baseline',\n    placeSelf: 'center',\n    radius: 'round',\n    fill: {\n      '': '#surface',\n      checked: '#primary',\n      'invalid & checked': '#danger',\n      'valid & checked': '#success',\n      disabled: '#border.5',\n      'disabled & checked': '#border',\n    },\n    color: {\n      '': '#dark-03',\n      checked: '#white',\n    },\n    border: {\n      '': '#dark-05',\n      checked: '#primary-text',\n      disabled: '#dark-05.5',\n      invalid: '#danger',\n      valid: '#success',\n    },\n    width: {\n      '': '5x 5x',\n      'size=medium': '4x 4x',\n      'size=small': '3x 3x',\n    },\n    height: {\n      '': '3x 3x',\n      'size=medium': '2.5x 2.5x',\n      'size=small': '2x 2x',\n    },\n    outline: {\n      '': '#primary-text.0',\n      focused: '1bw #primary-text',\n    },\n    outlineOffset: 1,\n    transition: 'theme',\n    cursor: '$pointer',\n\n    Thumb: {\n      position: 'absolute',\n      width: {\n        '': '2x 2x',\n        'size=medium': '1.5x 1.5x',\n        'size=small': '1.25x 1.25x',\n      },\n      height: {\n        '': '2x 2x',\n        'size=medium': '1.5x 1.5x',\n        'size=small': '1.25x 1.25x',\n      },\n      radius: 'round',\n      fill: {\n        '': '#current',\n        disabled: '#current.5',\n        'disabled & checked': '#white.8',\n      },\n      top: {\n        '': '.375x',\n        'size=medium': '.375x',\n        'size=small': '.25x',\n      },\n      left: {\n        '': '.375x',\n        'size=medium': '.375x',\n        'size=small': '.25x',\n        checked: '2.25x',\n        'checked & size=medium': '1.75x',\n        'checked & size=small': '1.25x',\n      },\n      transition: 'left, theme',\n      cursor: '$pointer',\n    },\n  },\n});\n\nconst PROP_STYLES = [...OUTER_STYLES, ...BLOCK_STYLES];\n\nexport interface CubeSwitchProps\n  extends BaseProps,\n    OuterStyleProps,\n    BlockStyleProps,\n    FieldBaseProps<boolean | null | undefined>,\n    ToggleSelectionProps,\n    AriaSwitchProps {\n  /** The form instance; redeclared for the same reason as in `Checkbox`. */\n  form?: FieldBaseProps['form'];\n  /** Field name; modern forms also accept nested tuple paths. */\n  name?: FieldBaseProps['name'];\n  inputStyles?: Styles;\n  isLoading?: boolean;\n  size?: 'large' | 'medium' | 'small';\n}\n\nfunction Switch(props: WithNullableSelected<CubeSwitchProps>, ref) {\n  props = castNullableIsSelected(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onChange',\n    valuePropsMapper: ({ value, onChange }) => ({\n      isSelected: value != null ? value : false,\n      isIndeterminate: false,\n      onChange: onChange,\n    }),\n  });\n\n  let {\n    qa,\n    isDisabled = false,\n    children,\n    label,\n    insideForm,\n    isLoading,\n    labelPosition,\n    inputStyles,\n    isInvalid,\n    isValid,\n    size = 'medium',\n    form,\n  } = props;\n\n  const id = useId(props.id);\n\n  let styles = extractStyles(props, PROP_STYLES);\n\n  let { isFocused, focusProps } = useFocus({ isDisabled }, true);\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n\n  let inputRef = useRef(null);\n  let domRef = useFocusableRef(ref, inputRef);\n\n  // React Aria writes `form` onto the input as the id of its `<form>`, so the\n  // form instance would render as `form=\"[object Object]\"` and detach it.\n  let { inputProps } = useSwitch(\n    { ...props, form: undefined },\n    useToggleState(props),\n    inputRef,\n  );\n\n  const mods = {\n    checked: inputProps.checked,\n    disabled: isDisabled,\n    hovered: isHovered,\n    focused: isFocused,\n    ...getValidationMods({ isInvalid, isValid }),\n    'inside-form': insideForm,\n    'side-label': labelPosition === 'side',\n  };\n\n  const switchField = (\n    <SwitchWrapperElement\n      qa=\"SwitchWrapper\"\n      mods={mods}\n      data-size={size}\n      styles={styles}\n      {...hoverProps}\n    >\n      <HiddenInput\n        qa={qa || 'Switch'}\n        data-input-type=\"switch\"\n        {...mergeProps(inputProps, focusProps)}\n        ref={inputRef}\n        id={id}\n      />\n      <SwitchElement mods={mods} data-size={size} styles={inputStyles}>\n        <div data-element=\"Thumb\" aria-hidden=\"true\" />\n      </SwitchElement>\n      {children ? <Text nowrap>{children}</Text> : null}\n      {isLoading ? (\n        <>\n          {label ? <>&nbsp;</> : null}\n          <LoadingIcon />\n        </>\n      ) : null}\n    </SwitchWrapperElement>\n  );\n\n  return wrapWithField(switchField, domRef, {\n    ...props,\n    id,\n    labelProps: {\n      ...props.labelProps,\n      for: id,\n    },\n    children: null,\n    inputStyles,\n  });\n}\n\n/**\n * Switches allow users to turn an individual option on or off.\n * They are usually used to activate or deactivate a specific setting.\n */\nlet _Switch = forwardRef(Switch);\n\n(_Switch as any).cubeInputType = 'Checkbox';\n_Switch.displayName = 'Switch';\n\nexport { _Switch as Switch };\nexport type { AriaSwitchProps };\nexport { useSwitch };\n"],"mappings":"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"}

package/dist/components/fields/TagInput/TagInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/fields/TagInput/TagList.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/fields/TextArea/TextArea.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | 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";
@@ -30,7 +30,7 @@ function TextArea(props, ref) {
 		$[2] = t1;
 	} else t1 = $[2];
 	props = useFieldProps(props, t1);
-	const { autoSize: t2, isDisabled: t3, isReadOnly: t4, isRequired: t5, onChange: onChange_0, maxRows: t6, rows: t7, labelProps: userLabelProps, inputProps: userInputProps, inputRef: propsInputRef, value: value_0, isBuffered, ...otherProps } = props;
+	const { autoSize: t2, isDisabled: t3, isReadOnly: t4, isRequired: t5, onChange: onChange_0, maxRows: t6, rows: t7, labelProps: userLabelProps, inputProps: userInputProps, inputRef: propsInputRef, value: value_0, form, isBuffered, ...otherProps } = props;
 	const autoSize = t2 === void 0 ? false : t2;
 	const isDisabled = t3 === void 0 ? false : t3;
 	const isReadOnly = t4 === void 0 ? false : t4;

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","names":["ForwardedRef","forwardRef","useRef","useTextField","chain","mergeProps","useBufferedValue","castNullableStringValue","WithNullableValue","useFieldProps","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","useAutoSizeTextArea","FieldBaseProps","CubeTextAreaProps","field","autoSize","maxRows","rows","TextArea","props","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","t2","isDisabled","t3","isReadOnly","t4","isRequired","t5","onChange","onChange_0","t6","t7","labelProps","userLabelProps","inputProps","userInputProps","inputRef","propsInputRef","value","value_0","isBuffered","otherProps","undefined","Math","max","localInputRef","t8","buffered","t9","adjustHeight","t10","t11","t12","onBlur","reset","t13","inputElementType","t14","mergedLabelProps","t15","t16","toString","_TextArea","cubeInputType","displayName"],"sources":["../../../../src/components/fields/TextArea/TextArea.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useRef } from 'react';\nimport { useTextField } from 'react-aria';\n\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { useFieldProps } from '../../form';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput';\nimport { useAutoSizeTextArea } from '../TextInput/useAutoSizeTextArea';\n\nimport type { FieldBaseProps } from '../../../shared/form';\n\nexport interface CubeTextAreaProps\n  extends CubeTextInputBaseProps,\n    CubeBufferedValueProps {\n  field?: FieldBaseProps<string | null | undefined>['field'];\n  /** Whether the textarea should change its size depends on the content */\n  autoSize?: boolean;\n  /** Max number of visible rows when autoSize is `true`. Defaults to 10  */\n  maxRows?: number;\n  /** The `rows` attribute in HTML is used to specify the number of visible text lines for the\n   * control i.e. the number of rows to display. Defaults to 3 */\n  rows?: number;\n}\n\nfunction TextArea(\n  props: WithNullableValue<CubeTextAreaProps>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  props = castNullableStringValue(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      onChange,\n      value: value?.toString() ?? '',\n    }),\n  });\n  let {\n    autoSize = false,\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    maxRows = 10,\n    rows = 3,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    inputRef: propsInputRef,\n    value,\n    isBuffered,\n    ...otherProps\n  } = props;\n\n  rows = Math.max(rows, 1);\n  maxRows = Math.max(maxRows, rows);\n\n  let localInputRef = useRef<HTMLTextAreaElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  const buffered = useBufferedValue(value, onChange, {\n    isBuffered,\n    isDisabled,\n    isReadOnly,\n  });\n\n  const adjustHeight = useAutoSizeTextArea({\n    inputRef,\n    autoSize,\n    rows,\n    maxRows,\n    // Keyed on the rendered value, not the prop, so a buffered draft is measured.\n    value: buffered.value,\n  });\n\n  let { labelProps, inputProps } = useTextField(\n    {\n      ...otherProps,\n      value: buffered.value,\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      onChange: chain(buffered.onChange, adjustHeight),\n      onBlur: chain(otherProps.onBlur, buffered.reset),\n      inputElementType: 'textarea',\n    },\n    inputRef,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      ref={ref}\n      {...otherProps}\n      multiLine\n      inputRef={inputRef}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        inputProps,\n        { 'data-input-type': 'textarea' },\n        userInputProps,\n      )}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n      rows={rows}\n    />\n  );\n}\n\n/**\n * TextInputs are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nconst _TextArea = forwardRef(TextArea);\n\n(_TextArea as any).cubeInputType = 'Text';\n_TextArea.displayName = 'TextArea';\n\nexport { _TextArea as TextArea };\n"],"mappings":"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"}
+{"version":3,"file":"TextArea.js","names":["ForwardedRef","forwardRef","useRef","useTextField","chain","mergeProps","useBufferedValue","castNullableStringValue","WithNullableValue","useFieldProps","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","useAutoSizeTextArea","FieldBaseProps","CubeTextAreaProps","field","autoSize","maxRows","rows","TextArea","props","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","t2","isDisabled","t3","isReadOnly","t4","isRequired","t5","onChange","onChange_0","t6","t7","labelProps","userLabelProps","inputProps","userInputProps","inputRef","propsInputRef","value","value_0","form","isBuffered","otherProps","undefined","Math","max","localInputRef","t8","buffered","t9","adjustHeight","t10","t11","t12","onBlur","reset","t13","inputElementType","t14","mergedLabelProps","t15","t16","toString","_TextArea","cubeInputType","displayName"],"sources":["../../../../src/components/fields/TextArea/TextArea.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useRef } from 'react';\nimport { useTextField } from 'react-aria';\n\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { useFieldProps } from '../../form';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput';\nimport { useAutoSizeTextArea } from '../TextInput/useAutoSizeTextArea';\n\nimport type { FieldBaseProps } from '../../../shared/form';\n\nexport interface CubeTextAreaProps\n  extends CubeTextInputBaseProps,\n    CubeBufferedValueProps {\n  field?: FieldBaseProps<string | null | undefined>['field'];\n  /** Whether the textarea should change its size depends on the content */\n  autoSize?: boolean;\n  /** Max number of visible rows when autoSize is `true`. Defaults to 10  */\n  maxRows?: number;\n  /** The `rows` attribute in HTML is used to specify the number of visible text lines for the\n   * control i.e. the number of rows to display. Defaults to 3 */\n  rows?: number;\n}\n\nfunction TextArea(\n  props: WithNullableValue<CubeTextAreaProps>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  props = castNullableStringValue(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      onChange,\n      value: value?.toString() ?? '',\n    }),\n  });\n  let {\n    autoSize = false,\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    maxRows = 10,\n    rows = 3,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    inputRef: propsInputRef,\n    value,\n    // The form instance, not the DOM `form` id `useTextField` forwards.\n    form,\n    isBuffered,\n    ...otherProps\n  } = props;\n\n  rows = Math.max(rows, 1);\n  maxRows = Math.max(maxRows, rows);\n\n  let localInputRef = useRef<HTMLTextAreaElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  const buffered = useBufferedValue(value, onChange, {\n    isBuffered,\n    isDisabled,\n    isReadOnly,\n  });\n\n  const adjustHeight = useAutoSizeTextArea({\n    inputRef,\n    autoSize,\n    rows,\n    maxRows,\n    // Keyed on the rendered value, not the prop, so a buffered draft is measured.\n    value: buffered.value,\n  });\n\n  let { labelProps, inputProps } = useTextField(\n    {\n      ...otherProps,\n      value: buffered.value,\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      onChange: chain(buffered.onChange, adjustHeight),\n      onBlur: chain(otherProps.onBlur, buffered.reset),\n      inputElementType: 'textarea',\n    },\n    inputRef,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      ref={ref}\n      {...otherProps}\n      multiLine\n      inputRef={inputRef}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        inputProps,\n        { 'data-input-type': 'textarea' },\n        userInputProps,\n      )}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n      rows={rows}\n    />\n  );\n}\n\n/**\n * TextInputs are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nconst _TextArea = forwardRef(TextArea);\n\n(_TextArea as any).cubeInputType = 'Text';\n_TextArea.displayName = 'TextArea';\n\nexport { _TextArea as TextArea };\n"],"mappings":"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"}

package/dist/components/fields/TextInput/TextInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | 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";

package/dist/components/fields/TextInput/TextInputBase.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/fields/TextInput/useAutoSizeTextArea.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useEffect, useLayoutEffect, useRef } from "react";
 

package/dist/components/fields/TextInputMapper/TextInputMapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/fields/TriggerActions.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { ItemActionIcon } from "../actions/ItemActionsWrapper.js";
 import { c } from "react-compiler-runtime";
 import { Fragment, jsxs } from "react/jsx-runtime";

package/dist/components/fields/color/ColorPanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { formatColor, getContrastingColor, toHex } from "./color.js";
 import { CHANNELS, COLOR_SPACES, COLOR_SPACE_HINTS, COLOR_SPACE_LABELS } from "./channels.js";

package/dist/components/fields/color/channels.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { maxChroma, normalizeHue, oklchToOkhsl } from "../../../utils/colors.js";
 import { fromOkhst, fromRgb, isAchromatic, toHex, toOkhst, toOklch, toRgb } from "./color.js";
 

package/dist/components/fields/color/color.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { anyNaN, clamp, maxChroma, normalizeHue, oklchToOkhsl, parseColorFunction, readComponent, readHue, rgbFromSrgb } from "../../../utils/colors.js";
 import { contrastRatioFromLuminance, formatHsl, formatOkhsl, formatOkhst, formatOklch, formatRgb, hslToSrgb, okhslToLinearSrgb, okhslToOkhst, okhslToOklch, okhslToSrgb, okhstToOkhsl, parseHexAlpha, relativeLuminanceFromLinearRgb, srgbToHex, srgbToOkhsl } from "@tenphi/glaze";
 

package/dist/components/fields/color/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/fields/color/context.ts

package/dist/components/form/FieldWrapper/FieldWrapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";
 import { isDevEnv } from "../../../utils/is-dev-env.js";

package/dist/components/form/Form/Field.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { warn } from "../../../utils/warnings.js";
 import { useValidationProps } from "../validation/use-validation-props.js";

package/dist/components/form/Form/Form.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { Provider, useProviderProps } from "../../../provider.js";

package/dist/components/form/Form/ModernFormRoot.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/form/Form/ResetButton/ResetButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { mergeProps } from "../../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { useProviderProps } from "../../../../provider.js";

package/dist/components/form/Form/SubmitButton/SubmitButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { useProviderProps } from "../../../../provider.js";
 import { Button } from "../../../actions/Button/Button.js";
 import { isModernFormController } from "../backend.js";

package/dist/components/form/Form/SubmitError.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { ModernControllerContext } from "./modern/context.js";
 import { FormContext } from "./Form.js";

package/dist/components/form/Form/backend.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 //#region src/components/form/Form/backend.ts
 /**
 * Nominal branding for the two Form backends (modernization plan §5.1).

package/dist/components/form/Form/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { useFormControllerContext } from "./modern/context.js";
 import { useForm } from "./use-form.js";
 import { FormContext, FormScopeMask, _Form, useFormProps } from "./Form.js";

package/dist/components/form/Form/modern/actions.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { useProviderProps } from "../../../../provider.js";
 import { Button } from "../../../actions/Button/Button.js";

package/dist/components/form/Form/modern/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/form/Form/modern/context.ts

package/dist/components/form/Form/modern/controller.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { FORM_BACKEND, isModernFormController } from "../backend.js";
 import { createFormField } from "./field.js";
 import { createFormStore } from "./store.js";

package/dist/components/form/Form/modern/field-binding.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { getFieldKey, hasPath, normalizePath, readPath } from "./values.js";
 import { getControllerInternals } from "./controller.js";