@cube-dev/ui-kit 0.197.0 → 0.198.1

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

@@ -1 +1 @@
-{"version":3,"file":"elements.js","names":["tasty","SliderThumbElement","qa","styles","top","left","width","height","fill","hovered","dragged","valid","invalid","disabled","cursor","outline","focused","outlineOffset","radius","transition","zIndex","SliderTrackContainerElement","horizontal","position","Fill","$","content","display","inset","range","SliderGradationElement","right","placeContent","SliderGradeElement","preset","color","SliderControlsElement","SliderElement","as","verticalAlign","alignItems","flow","inputs"],"sources":["../../../../src/components/fields/Slider/elements.ts"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nexport const SliderThumbElement = tasty({\n  qa: 'SliderThumb',\n  styles: {\n    top: '$slider-thumb-offset-top',\n    left: '$slider-thumb-offset-left',\n    width: '2x',\n    height: '2x',\n    fill: {\n      '': '(#slider-thumb, #primary)',\n      hovered: '(#slider-thumb-hovered, #primary-text)',\n      dragged: '(#slider-thumb, #primary)',\n      valid: '#success',\n      invalid: '#danger',\n      disabled: '#disabled-surface-text',\n    },\n    cursor: '$pointer',\n    outline: {\n      '': '1bw #primary-text.0',\n      focused: '1bw #primary-text',\n    },\n    outlineOffset: 1,\n    radius: '50%',\n    transition: 'theme',\n    zIndex: {\n      '': 0,\n      'collapsed & !stuck': 1,\n    },\n  },\n});\n\nexport const SliderTrackContainerElement = tasty({\n  qa: 'SliderTrackContainer',\n  styles: {\n    top: {\n      '': '0',\n      horizontal: '0.875x',\n    },\n    left: {\n      '': '0.875x',\n      horizontal: '0',\n    },\n    position: 'absolute',\n    fill: '#dark-05',\n    height: {\n      '': 'initial 10x 100%',\n      horizontal: '2px',\n    },\n    width: {\n      '': '2px',\n      horizontal: '100%',\n    },\n    radius: true,\n\n    Fill: {\n      $: '&::before',\n      content: '\"\"',\n      display: 'block',\n      position: 'absolute',\n      inset: {\n        '': '0 bottom dock',\n        horizontal: '0 left dock',\n        range: 'auto 0 $slider-range-start 0',\n        'range & horizontal': '0 auto 0 $slider-range-start',\n      },\n      fill: {\n        '': '#primary',\n        valid: '#success',\n        invalid: '#danger',\n        disabled: '#disabled-surface-text',\n      },\n      width: {\n        '': 'auto',\n        horizontal: '$slider-value',\n        range: 'auto',\n        'range & horizontal': '($slider-range-end - $slider-range-start)',\n      },\n      height: {\n        '': '$slider-value',\n        horizontal: 'auto',\n        range: '($slider-range-end - $slider-range-start)',\n        'range & horizontal': 'auto',\n      },\n    },\n  },\n});\n\nexport const SliderGradationElement = tasty({\n  qa: 'SliderGradation',\n  styles: {\n    position: 'absolute',\n    top: '2x',\n    left: 0,\n    right: 0,\n\n    display: 'flex',\n    placeContent: 'space-between',\n  },\n});\n\nexport const SliderGradeElement = tasty({\n  qa: 'SliderGrade',\n  styles: {\n    display: 'grid',\n    width: 'max 0',\n    placeContent: 'center',\n    preset: 'c2',\n    color: '#dark-03',\n  },\n});\n\nexport const SliderControlsElement = tasty({\n  qa: 'SliderControls',\n  styles: {\n    position: 'relative',\n    height: {\n      '': 'initial 8x 100%',\n      horizontal: '2x',\n    },\n    width: {\n      '': '2x',\n      horizontal: '(100% - 2x)',\n    },\n\n    '$slider-thumb-offset-top': {\n      '': '0',\n      horizontal: '1x',\n    },\n    '$slider-thumb-offset-left': {\n      '': '1x',\n      horizontal: '0',\n    },\n  },\n});\n\nexport const SliderElement = tasty({\n  qa: 'RangeSlider',\n  as: 'section',\n  styles: {\n    display: 'inline-flex',\n    verticalAlign: {\n      '': 'middle',\n      'side-label & !horizontal': 'top',\n    },\n    position: 'relative',\n    height: {\n      '': 'initial 10x 100%',\n      horizontal: '2x',\n    },\n    width: {\n      '': '2x',\n      horizontal: '100%',\n    },\n\n    alignItems: 'center',\n    flow: {\n      '': 'column',\n      inputs: 'row',\n    },\n  },\n});\n"],"mappings":";;;;AAEA,MAAaC,qBAAqBD,MAAM;CACtCE,IAAI;CACJC,QAAQ;EACNC,KAAK;EACLC,MAAM;EACNC,OAAO;EACPC,QAAQ;EACRC,MAAM;GACJ,IAAI;GACJC,SAAS;GACTC,SAAS;GACTC,OAAO;GACPC,SAAS;GACTC,UAAU;GACX;EACDC,QAAQ;EACRC,SAAS;GACP,IAAI;GACJC,SAAS;GACV;EACDC,eAAe;EACfC,QAAQ;EACRC,YAAY;EACZC,QAAQ;GACN,IAAI;GACJ,sBAAsB;GACxB;EACF;CACD,CAAC;AAEF,MAAaC,8BAA8BrB,MAAM;CAC/CE,IAAI;CACJC,QAAQ;EACNC,KAAK;GACH,IAAI;GACJkB,YAAY;GACb;EACDjB,MAAM;GACJ,IAAI;GACJiB,YAAY;GACb;EACDC,UAAU;EACVf,MAAM;EACND,QAAQ;GACN,IAAI;GACJe,YAAY;GACb;EACDhB,OAAO;GACL,IAAI;GACJgB,YAAY;GACb;EACDJ,QAAQ;EAERM,MAAM;GACJC,GAAG;GACHC,SAAS;GACTC,SAAS;GACTJ,UAAU;GACVK,OAAO;IACL,IAAI;IACJN,YAAY;IACZO,OAAO;IACP,sBAAsB;IACvB;GACDrB,MAAM;IACJ,IAAI;IACJG,OAAO;IACPC,SAAS;IACTC,UAAU;IACX;GACDP,OAAO;IACL,IAAI;IACJgB,YAAY;IACZO,OAAO;IACP,sBAAsB;IACvB;GACDtB,QAAQ;IACN,IAAI;IACJe,YAAY;IACZO,OAAO;IACP,sBAAsB;IACxB;GACF;EACF;CACD,CAAC;AAEF,MAAaC,yBAAyB9B,MAAM;CAC1CE,IAAI;CACJC,QAAQ;EACNoB,UAAU;EACVnB,KAAK;EACLC,MAAM;EACN0B,OAAO;EAEPJ,SAAS;EACTK,cAAc;EAChB;CACD,CAAC;AAEF,MAAaC,qBAAqBjC,MAAM;CACtCE,IAAI;CACJC,QAAQ;EACNwB,SAAS;EACTrB,OAAO;EACP0B,cAAc;EACdE,QAAQ;EACRC,OAAO;EACT;CACD,CAAC;AAEF,MAAaC,wBAAwBpC,MAAM;CACzCE,IAAI;CACJC,QAAQ;EACNoB,UAAU;EACVhB,QAAQ;GACN,IAAI;GACJe,YAAY;GACb;EACDhB,OAAO;GACL,IAAI;GACJgB,YAAY;GACb;EAED,4BAA4B;GAC1B,IAAI;GACJA,YAAY;GACb;EACD,6BAA6B;GAC3B,IAAI;GACJA,YAAY;GACd;EACF;CACD,CAAC;AAEF,MAAae,gBAAgBrC,MAAM;CACjCE,IAAI;CACJoC,IAAI;CACJnC,QAAQ;EACNwB,SAAS;EACTY,eAAe;GACb,IAAI;GACJ,4BAA4B;GAC7B;EACDhB,UAAU;EACVhB,QAAQ;GACN,IAAI;GACJe,YAAY;GACb;EACDhB,OAAO;GACL,IAAI;GACJgB,YAAY;GACb;EAEDkB,YAAY;EACZC,MAAM;GACJ,IAAI;GACJC,QAAQ;GACV;EACF;CACD,CAAC"}
+{"version":3,"file":"elements.js","names":["tasty","SliderThumbElement","qa","styles","top","left","width","height","fill","hovered","dragged","valid","invalid","disabled","cursor","outline","focused","outlineOffset","radius","transition","zIndex","SliderTrackContainerElement","horizontal","position","Fill","$","content","display","inset","range","SliderGradationElement","right","placeContent","SliderGradeElement","preset","color","SliderControlsElement","SliderElement","as","verticalAlign","alignItems","flow","inputs"],"sources":["../../../../src/components/fields/Slider/elements.ts"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nexport const SliderThumbElement = tasty({\n  qa: 'SliderThumb',\n  styles: {\n    top: '$slider-thumb-offset-top',\n    left: '$slider-thumb-offset-left',\n    width: '2x',\n    height: '2x',\n    fill: {\n      '': '(#slider-thumb, #primary)',\n      hovered: '(#slider-thumb-hovered, #primary-text)',\n      dragged: '(#slider-thumb, #primary)',\n      valid: '#success',\n      invalid: '#danger',\n      disabled: '#disabled-surface-text',\n    },\n    cursor: '$pointer',\n    outline: {\n      '': '1bw #primary-text.0',\n      focused: '1bw #primary-text',\n    },\n    outlineOffset: 1,\n    radius: '50%',\n    transition: 'theme',\n    zIndex: {\n      '': 0,\n      'collapsed & !stuck': 1,\n    },\n  },\n});\n\nexport const SliderTrackContainerElement = tasty({\n  qa: 'SliderTrackContainer',\n  styles: {\n    top: {\n      '': '0',\n      horizontal: '0.875x',\n    },\n    left: {\n      '': '0.875x',\n      horizontal: '0',\n    },\n    position: 'absolute',\n    fill: '#dark-05',\n    height: {\n      '': 'initial 10x 100%',\n      horizontal: '2px',\n    },\n    width: {\n      '': '2px',\n      horizontal: '100%',\n    },\n    radius: true,\n\n    Fill: {\n      $: '&::before',\n      content: '\"\"',\n      display: 'block',\n      position: 'absolute',\n      inset: {\n        '': '0 bottom dock',\n        horizontal: '0 left dock',\n        range: 'auto 0 $slider-range-start 0',\n        'range & horizontal': '0 auto 0 $slider-range-start',\n      },\n      fill: {\n        '': '#primary',\n        valid: '#success',\n        invalid: '#danger',\n        disabled: '#disabled-surface-text',\n      },\n      width: {\n        '': 'auto',\n        horizontal: '$slider-value',\n        range: 'auto',\n        'range & horizontal': '($slider-range-end - $slider-range-start)',\n      },\n      height: {\n        '': '$slider-value',\n        horizontal: 'auto',\n        range: '($slider-range-end - $slider-range-start)',\n        'range & horizontal': 'auto',\n      },\n    },\n  },\n});\n\nexport const SliderGradationElement = tasty({\n  qa: 'SliderGradation',\n  styles: {\n    position: 'absolute',\n    top: '2x',\n    left: 0,\n    right: 0,\n\n    display: 'flex',\n    placeContent: 'space-between',\n  },\n});\n\nexport const SliderGradeElement = tasty({\n  qa: 'SliderGrade',\n  styles: {\n    display: 'grid',\n    width: 'max 0',\n    placeContent: 'center',\n    preset: 'c2',\n    color: '#dark-03',\n  },\n});\n\nexport const SliderControlsElement = tasty({\n  qa: 'SliderControls',\n  styles: {\n    position: 'relative',\n    height: {\n      '': 'initial 8x 100%',\n      horizontal: '2x',\n    },\n    width: {\n      '': '2x',\n      horizontal: '(100% - 2x)',\n    },\n\n    '$slider-thumb-offset-top': {\n      '': '0',\n      horizontal: '1x',\n    },\n    '$slider-thumb-offset-left': {\n      '': '1x',\n      horizontal: '0',\n    },\n  },\n});\n\nexport const SliderElement = tasty({\n  qa: 'RangeSlider',\n  as: 'section',\n  styles: {\n    display: 'inline-flex',\n    verticalAlign: {\n      '': 'middle',\n      'side-label & !horizontal': 'top',\n    },\n    position: 'relative',\n    height: {\n      '': 'initial 10x 100%',\n      horizontal: '2x',\n    },\n    width: {\n      '': '2x',\n      horizontal: '100%',\n    },\n\n    alignItems: 'center',\n    flow: {\n      '': 'column',\n      inputs: 'row',\n    },\n  },\n});\n"],"mappings":";;;AAEA,MAAaC,qBAAqBD,MAAM;CACtCE,IAAI;CACJC,QAAQ;EACNC,KAAK;EACLC,MAAM;EACNC,OAAO;EACPC,QAAQ;EACRC,MAAM;GACJ,IAAI;GACJC,SAAS;GACTC,SAAS;GACTC,OAAO;GACPC,SAAS;GACTC,UAAU;EACZ;EACAC,QAAQ;EACRC,SAAS;GACP,IAAI;GACJC,SAAS;EACX;EACAC,eAAe;EACfC,QAAQ;EACRC,YAAY;EACZC,QAAQ;GACN,IAAI;GACJ,sBAAsB;EACxB;CACF;AACF,CAAC;AAED,MAAaC,8BAA8BrB,MAAM;CAC/CE,IAAI;CACJC,QAAQ;EACNC,KAAK;GACH,IAAI;GACJkB,YAAY;EACd;EACAjB,MAAM;GACJ,IAAI;GACJiB,YAAY;EACd;EACAC,UAAU;EACVf,MAAM;EACND,QAAQ;GACN,IAAI;GACJe,YAAY;EACd;EACAhB,OAAO;GACL,IAAI;GACJgB,YAAY;EACd;EACAJ,QAAQ;EAERM,MAAM;GACJC,GAAG;GACHC,SAAS;GACTC,SAAS;GACTJ,UAAU;GACVK,OAAO;IACL,IAAI;IACJN,YAAY;IACZO,OAAO;IACP,sBAAsB;GACxB;GACArB,MAAM;IACJ,IAAI;IACJG,OAAO;IACPC,SAAS;IACTC,UAAU;GACZ;GACAP,OAAO;IACL,IAAI;IACJgB,YAAY;IACZO,OAAO;IACP,sBAAsB;GACxB;GACAtB,QAAQ;IACN,IAAI;IACJe,YAAY;IACZO,OAAO;IACP,sBAAsB;GACxB;EACF;CACF;AACF,CAAC;AAED,MAAaC,yBAAyB9B,MAAM;CAC1CE,IAAI;CACJC,QAAQ;EACNoB,UAAU;EACVnB,KAAK;EACLC,MAAM;EACN0B,OAAO;EAEPJ,SAAS;EACTK,cAAc;CAChB;AACF,CAAC;AAED,MAAaC,qBAAqBjC,MAAM;CACtCE,IAAI;CACJC,QAAQ;EACNwB,SAAS;EACTrB,OAAO;EACP0B,cAAc;EACdE,QAAQ;EACRC,OAAO;CACT;AACF,CAAC;AAED,MAAaC,wBAAwBpC,MAAM;CACzCE,IAAI;CACJC,QAAQ;EACNoB,UAAU;EACVhB,QAAQ;GACN,IAAI;GACJe,YAAY;EACd;EACAhB,OAAO;GACL,IAAI;GACJgB,YAAY;EACd;EAEA,4BAA4B;GAC1B,IAAI;GACJA,YAAY;EACd;EACA,6BAA6B;GAC3B,IAAI;GACJA,YAAY;EACd;CACF;AACF,CAAC;AAED,MAAae,gBAAgBrC,MAAM;CACjCE,IAAI;CACJoC,IAAI;CACJnC,QAAQ;EACNwB,SAAS;EACTY,eAAe;GACb,IAAI;GACJ,4BAA4B;EAC9B;EACAhB,UAAU;EACVhB,QAAQ;GACN,IAAI;GACJe,YAAY;EACd;EACAhB,OAAO;GACL,IAAI;GACJgB,YAAY;EACd;EAEAkB,YAAY;EACZC,MAAM;GACJ,IAAI;GACJC,QAAQ;EACV;CACF;AACF,CAAC"}

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

@@ -1,7 +1,7 @@
 
 import { AriaSliderProps, CubeSliderBaseProps } from "./types.js";
-import { CubeRangeSliderProps, __RangeSlider } from "./RangeSlider.js";
-import { CubeSliderProps, __Slider } from "./Slider.js";
-import { CubeHueSliderProps, __HueSlider } from "./HueSlider.js";
+import { CubeRangeSliderProps, RangeSlider as __RangeSlider } from "./RangeSlider.js";
+import { CubeSliderProps, Slider as __Slider } from "./Slider.js";
+import { CubeHueSliderProps, HueSlider as __HueSlider } from "./HueSlider.js";
 import { SliderState, useSliderState as useSliderState$1 } from "react-stately";
-export { type SliderState, useSliderState$1 as useSliderState };
+export { type AriaSliderProps, CubeHueSliderProps, CubeRangeSliderProps, CubeSliderBaseProps, CubeSliderProps, __HueSlider as HueSlider, __RangeSlider as RangeSlider, __Slider as Slider, type SliderState, useSliderState$1 as useSliderState };

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

@@ -1,7 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
-import { __RangeSlider } from "./RangeSlider.js";
-import { __Slider } from "./Slider.js";
-import { __HueSlider } from "./HueSlider.js";
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+import { RangeSlider as __RangeSlider } from "./RangeSlider.js";
+import { Slider as __Slider } from "./Slider.js";
+import { HueSlider as __HueSlider } from "./HueSlider.js";
 import { useSliderState as useSliderState$1 } from "react-stately";
-
-export { useSliderState$1 as useSliderState };
+export { __HueSlider as HueSlider, __RangeSlider as RangeSlider, __Slider as Slider, useSliderState$1 as useSliderState };

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

@@ -3,9 +3,8 @@ import { FieldBaseProps } from "../../../shared/form.js";
 import "../../../shared/index.js";
 import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Styles } from "@tenphi/tasty";
 import { AriaSliderProps } from "react-aria";
-
 //#region src/components/fields/Slider/types.d.ts
-interface CubeSliderBaseProps<T> extends Omit<AriaSliderProps<T>, 'label' | 'form' | 'name'>, BasePropsWithoutChildren, OuterStyleProps, FieldBaseProps<T | null | undefined>, BlockStyleProps {
+export interface CubeSliderBaseProps<T> extends Omit<AriaSliderProps<T>, 'label' | 'form' | 'name'>, BasePropsWithoutChildren, OuterStyleProps, FieldBaseProps<T | null | undefined>, BlockStyleProps {
   inputStyles?: Styles;
   gradation?: string[];
   inputWidth?: string;
@@ -19,5 +18,5 @@ interface CubeSliderBaseProps<T> extends Omit<AriaSliderProps<T>, 'label' | 'for
   getValueLabel?: (value: T) => string;
 }
 //#endregion
-export { type AriaSliderProps, CubeSliderBaseProps };
+export type { AriaSliderProps };
 //# sourceMappingURL=types.d.ts.map

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

@@ -2,11 +2,9 @@
 import { FieldBaseProps, ToggleSelectionProps } from "../../../shared/form.js";
 import "../../../shared/index.js";
 import { BaseProps, BlockStyleProps, OuterStyleProps, Styles } from "@tenphi/tasty";
-import * as react from "react";
 import { AriaSwitchProps, useSwitch } from "react-aria";
-
 //#region src/components/fields/Switch/Switch.d.ts
-interface CubeSwitchProps extends BaseProps, OuterStyleProps, BlockStyleProps, FieldBaseProps<boolean | null | undefined>, ToggleSelectionProps, Omit<AriaSwitchProps, 'form' | 'name'> {
+export interface CubeSwitchProps extends BaseProps, OuterStyleProps, BlockStyleProps, FieldBaseProps<boolean | null | undefined>, ToggleSelectionProps, Omit<AriaSwitchProps, 'form' | 'name'> {
   inputStyles?: Styles;
   isLoading?: boolean;
   size?: 'large' | 'medium' | 'small';
@@ -15,10 +13,10 @@ interface CubeSwitchProps extends BaseProps, OuterStyleProps, BlockStyleProps, F
  * Switches allow users to turn an individual option on or off.
  * They are usually used to activate or deactivate a specific setting.
  */
-declare let _Switch: react.ForwardRefExoticComponent<Omit<CubeSwitchProps, "isSelected" | "defaultSelected"> & {
+declare let _Switch: import("react").ForwardRefExoticComponent<Omit<CubeSwitchProps, "isSelected" | "defaultSelected"> & {
   isSelected?: any;
   defaultSelected?: any;
-} & react.RefAttributes<unknown>>;
+} & import("react").RefAttributes<unknown>>;
 //#endregion
-export { type AriaSwitchProps, CubeSwitchProps, _Switch, useSwitch };
+export { type AriaSwitchProps, _Switch as Switch, useSwitch };
 //# sourceMappingURL=Switch.d.ts.map

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

@@ -1,8 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | 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";
-import { _Text } from "../../content/Text.js";
+import { Text as _Text } from "../../content/Text.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";
 import { castNullableIsSelected } from "../../../utils/react/nullableValue.js";
@@ -17,7 +17,6 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useHover, useSwitch } from "react-aria";
 import { useFocusableRef } from "@react-spectrum/utils";
 import { useToggleState } from "react-stately";
-
 //#region src/components/fields/Switch/Switch.tsx
 const SwitchWrapperElement = tasty({
 	as: "label",
@@ -112,7 +111,7 @@ const SwitchElement = tasty({ styles: {
 } });
 const PROP_STYLES = [...OUTER_STYLES, ...BLOCK_STYLES];
 function Switch(rawProps, ref) {
-	const $ = c(53);
+	const $ = c(56);
 	let t0;
 	if ($[0] !== rawProps) {
 		t0 = castNullableIsSelected(rawProps);
@@ -198,90 +197,100 @@ function Switch(rawProps, ref) {
 	const mods = t11;
 	const t12 = qa || "Switch";
 	let t13;
-	if ($[21] !== focusProps || $[22] !== inputProps) {
-		t13 = mergeProps$1(inputProps, focusProps);
-		$[21] = focusProps;
-		$[22] = inputProps;
-		$[23] = t13;
-	} else t13 = $[23];
+	if ($[21] !== props.autoFocus) {
+		t13 = props.autoFocus ? { "data-autofocus": "" } : void 0;
+		$[21] = props.autoFocus;
+		$[22] = t13;
+	} else t13 = $[22];
 	let t14;
-	if ($[24] !== id || $[25] !== t12 || $[26] !== t13) {
-		t14 = /* @__PURE__ */ jsx(HiddenInput, {
+	if ($[23] !== focusProps || $[24] !== inputProps) {
+		t14 = mergeProps$1(inputProps, focusProps);
+		$[23] = focusProps;
+		$[24] = inputProps;
+		$[25] = t14;
+	} else t14 = $[25];
+	let t15;
+	if ($[26] !== id || $[27] !== t12 || $[28] !== t13 || $[29] !== t14) {
+		t15 = /* @__PURE__ */ jsx(HiddenInput, {
 			qa: t12,
 			"data-input-type": "switch",
 			...t13,
+			...t14,
 			ref: inputRef,
 			id
 		});
-		$[24] = id;
-		$[25] = t12;
-		$[26] = t13;
-		$[27] = t14;
-	} else t14 = $[27];
-	let t15;
-	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
-		t15 = /* @__PURE__ */ jsx("div", {
+		$[26] = id;
+		$[27] = t12;
+		$[28] = t13;
+		$[29] = t14;
+		$[30] = t15;
+	} else t15 = $[30];
+	let t16;
+	if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+		t16 = /* @__PURE__ */ jsx("div", {
 			"data-element": "Thumb",
 			"aria-hidden": "true"
 		});
-		$[28] = t15;
-	} else t15 = $[28];
-	let t16;
-	if ($[29] !== inputStyles || $[30] !== mods || $[31] !== size) {
-		t16 = /* @__PURE__ */ jsx(SwitchElement, {
+		$[31] = t16;
+	} else t16 = $[31];
+	let t17;
+	if ($[32] !== inputStyles || $[33] !== mods || $[34] !== size) {
+		t17 = /* @__PURE__ */ jsx(SwitchElement, {
 			"data-element": "Input",
 			mods,
 			"data-size": size,
 			styles: inputStyles,
-			children: t15
+			children: t16
 		});
-		$[29] = inputStyles;
-		$[30] = mods;
-		$[31] = size;
-		$[32] = t16;
-	} else t16 = $[32];
-	let t17;
-	if ($[33] !== children) {
-		t17 = children ? /* @__PURE__ */ jsx(_Text, { children }) : null;
-		$[33] = children;
-		$[34] = t17;
-	} else t17 = $[34];
+		$[32] = inputStyles;
+		$[33] = mods;
+		$[34] = size;
+		$[35] = t17;
+	} else t17 = $[35];
 	let t18;
-	if ($[35] !== isLoading || $[36] !== label) {
-		t18 = isLoading ? /* @__PURE__ */ jsxs(Fragment$1, { children: [label ? /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }) : null, /* @__PURE__ */ jsx(LoadingIcon, {})] }) : null;
-		$[35] = isLoading;
-		$[36] = label;
+	if ($[36] !== children) {
+		t18 = children ? /* @__PURE__ */ jsx(_Text, { children }) : null;
+		$[36] = children;
 		$[37] = t18;
 	} else t18 = $[37];
 	let t19;
-	if ($[38] !== hoverProps || $[39] !== mods || $[40] !== size || $[41] !== styles || $[42] !== t14 || $[43] !== t16 || $[44] !== t17 || $[45] !== t18) {
-		t19 = /* @__PURE__ */ jsxs(SwitchWrapperElement, {
+	if ($[38] !== isLoading || $[39] !== label) {
+		t19 = isLoading ? /* @__PURE__ */ jsxs(Fragment$1, { children: [label ? /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }) : null, /* @__PURE__ */ jsx(LoadingIcon, {})] }) : null;
+		$[38] = isLoading;
+		$[39] = label;
+		$[40] = t19;
+	} else t19 = $[40];
+	let t20;
+	if ($[41] !== domRef || $[42] !== hoverProps || $[43] !== mods || $[44] !== size || $[45] !== styles || $[46] !== t15 || $[47] !== t17 || $[48] !== t18 || $[49] !== t19) {
+		t20 = /* @__PURE__ */ jsxs(SwitchWrapperElement, {
+			ref: domRef,
 			qa: "SwitchWrapper",
 			mods,
 			"data-size": size,
 			styles,
 			...hoverProps,
 			children: [
-				t14,
-				t16,
+				t15,
 				t17,
-				t18
+				t18,
+				t19
 			]
 		});
-		$[38] = hoverProps;
-		$[39] = mods;
-		$[40] = size;
-		$[41] = styles;
-		$[42] = t14;
-		$[43] = t16;
-		$[44] = t17;
-		$[45] = t18;
-		$[46] = t19;
-	} else t19 = $[46];
-	const switchField = t19;
-	let t20;
-	if ($[47] !== domRef || $[48] !== id || $[49] !== inputStyles || $[50] !== props || $[51] !== switchField) {
-		t20 = wrapWithField(switchField, domRef, {
+		$[41] = domRef;
+		$[42] = hoverProps;
+		$[43] = mods;
+		$[44] = size;
+		$[45] = styles;
+		$[46] = t15;
+		$[47] = t17;
+		$[48] = t18;
+		$[49] = t19;
+		$[50] = t20;
+	} else t20 = $[50];
+	const switchField = t20;
+	let t21;
+	if ($[51] !== id || $[52] !== inputStyles || $[53] !== props || $[54] !== switchField) {
+		t21 = wrapWithField(switchField, {
 			...props,
 			id,
 			labelProps: {
@@ -291,14 +300,13 @@ function Switch(rawProps, ref) {
 			children: null,
 			inputStyles
 		});
-		$[47] = domRef;
-		$[48] = id;
-		$[49] = inputStyles;
-		$[50] = props;
-		$[51] = switchField;
-		$[52] = t20;
-	} else t20 = $[52];
-	return t20;
+		$[51] = id;
+		$[52] = inputStyles;
+		$[53] = props;
+		$[54] = switchField;
+		$[55] = t21;
+	} else t21 = $[55];
+	return t21;
 }
 /**
 * Switches allow users to turn an individual option on or off.
@@ -315,7 +323,7 @@ function _temp(t0) {
 let _Switch = forwardRef(Switch);
 _Switch.cubeInputType = "Checkbox";
 _Switch.displayName = "Switch";
-
 //#endregion
-export { _Switch, useSwitch };
+export { _Switch as Switch, useSwitch };
+
 //# sourceMappingURL=Switch.js.map

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","boxSizing","verticalAlign","placeSelf","radius","fill","checked","disabled","border","invalid","valid","height","outline","focused","outlineOffset","transition","cursor","Thumb","top","left","PROP_STYLES","CubeSwitchProps","Omit","inputStyles","isLoading","size","Switch","rawProps","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","props","qa","isDisabled","t2","children","label","insideForm","labelPosition","isInvalid","isValid","t3","undefined","id","t4","isFocused","focusProps","t5","hoverProps","isHovered","inputRef","domRef","t6","t7","form","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  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    Omit<AriaSwitchProps, 'form' | 'name'> {\n  inputStyles?: Styles;\n  isLoading?: boolean;\n  size?: 'large' | 'medium' | 'small';\n}\n\nfunction Switch(rawProps: WithNullableSelected<CubeSwitchProps>, ref) {\n  rawProps = castNullableIsSelected(rawProps);\n  let props = useFieldProps(rawProps, {\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(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. It\n  // reads `children` only to warn about a switch with no visible label; a\n  // field `label` is one, named through its `<label for>`.\n  let { inputProps } = useSwitch(\n    { ...props, form: undefined, children: children ?? label },\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\n        data-element=\"Input\"\n        mods={mods}\n        data-size={size}\n        styles={inputStyles}\n      >\n        <div data-element=\"Thumb\" aria-hidden=\"true\" />\n      </SwitchElement>\n      {/*\n        Not `nowrap`: it inherits, so no label could wrap and a long one ran out\n        of its container. The label inherits the wrapper's font and color, so\n        a caller's `styles` reach it.\n      */}\n      {children ? <Text>{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","boxSizing","verticalAlign","placeSelf","radius","fill","checked","disabled","border","invalid","valid","height","outline","focused","outlineOffset","transition","cursor","Thumb","top","left","PROP_STYLES","CubeSwitchProps","Omit","inputStyles","isLoading","size","Switch","rawProps","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","props","qa","isDisabled","t2","children","label","insideForm","labelPosition","isInvalid","isValid","t3","undefined","id","t4","isFocused","focusProps","t5","hoverProps","isHovered","inputRef","domRef","t6","t7","form","inputProps","t8","t9","t10","t11","hovered","mods","t12","t13","autoFocus","t14","t15","t16","t17","t18","t19","t20","switchField","t21","labelProps","value","onChange","isSelected","isIndeterminate","_Switch","cubeInputType","displayName","_c","useId","useFocus","mergeProps","Text"],"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  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\n    BaseProps,\n    OuterStyleProps,\n    BlockStyleProps,\n    FieldBaseProps<boolean | null | undefined>,\n    ToggleSelectionProps,\n    Omit<AriaSwitchProps, 'form' | 'name'> {\n  inputStyles?: Styles;\n  isLoading?: boolean;\n  size?: 'large' | 'medium' | 'small';\n}\n\nfunction Switch(rawProps: WithNullableSelected<CubeSwitchProps>, ref) {\n  rawProps = castNullableIsSelected(rawProps);\n  let props = useFieldProps(rawProps, {\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(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. It\n  // reads `children` only to warn about a switch with no visible label; a\n  // field `label` is one, named through its `<label for>`.\n  let { inputProps } = useSwitch(\n    { ...props, form: undefined, children: children ?? label },\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      ref={domRef}\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        // For a dialog kept mounted while closed, as on `Button`.\n        {...(props.autoFocus ? { 'data-autofocus': '' } : undefined)}\n        {...mergeProps(inputProps, focusProps)}\n        ref={inputRef}\n        id={id}\n      />\n      <SwitchElement\n        data-element=\"Input\"\n        mods={mods}\n        data-size={size}\n        styles={inputStyles}\n      >\n        <div data-element=\"Thumb\" aria-hidden=\"true\" />\n      </SwitchElement>\n      {/*\n        Not `nowrap`: it inherits, so no label could wrap and a long one ran out\n        of its container. The label inherits the wrapper's font and color, so\n        a caller's `styles` reach it.\n      */}\n      {children ? <Text>{children}</Text> : null}\n      {isLoading ? (\n        <>\n          {label ? <>&nbsp;</> : null}\n          <LoadingIcon />\n        </>\n      ) : null}\n    </SwitchWrapperElement>\n  );\n\n  return wrapWithField(switchField, {\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.d.ts

@@ -1,24 +1,23 @@
 
 import { FieldBaseProps } from "../../../shared/form.js";
 import "../../../shared/index.js";
-import { _CollectionItem } from "../../CollectionItem.js";
+import { CollectionItem as _CollectionItem } from "../../CollectionItem.js";
 import { CubeTagProps } from "../../content/Tag/Tag.js";
 import { WithNullableValue } from "../../../utils/react/nullableValue.js";
 import { BasePropsWithoutChildren, ContainerStyleProps, Styles } from "@tenphi/tasty";
 import { ForwardedRef, KeyboardEvent, ReactElement, ReactNode, RefObject } from "react";
 import { Section } from "react-stately";
 import { Key as Key$1 } from "@react-types/shared";
-
 //#region src/components/fields/TagInput/TagInput.d.ts
 type FilterFn = (textValue: string, inputValue: string) => boolean;
-type TagInputPopoverTrigger = 'focus' | 'input' | 'manual';
+export type TagInputPopoverTrigger = 'focus' | 'input' | 'manual';
 /**
  * What `validateTag` returns: `true` (or nothing) accepts the value, `false`
  * rejects it with the default message, and a string rejects it with that
  * message.
  */
-type TagValidationResult = boolean | string | null | undefined;
-interface CubeTagInputProps<T = object> extends BasePropsWithoutChildren, ContainerStyleProps, FieldBaseProps<readonly string[] | null | undefined> {
+export type TagValidationResult = boolean | string | null | undefined;
+export interface CubeTagInputProps<T = object> extends BasePropsWithoutChildren, ContainerStyleProps, FieldBaseProps<readonly string[] | null | undefined> {
   /** The values in controlled mode. */
   value?: readonly string[];
   /** The initial values in uncontrolled mode. */
@@ -187,5 +186,5 @@ declare const _TagInput: (<T extends object>(props: WithNullableValue<CubeTagInp
   Section: typeof Section;
 };
 //#endregion
-export { CubeTagInputProps, TagInputPopoverTrigger, TagValidationResult, _TagInput };
+export { _TagInput as TagInput };
 //# sourceMappingURL=TagInput.d.ts.map