@cube-dev/ui-kit 0.210.0 → 0.211.0

package/dist/components/fields/CommandTextArea/caretPosition.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 //#region src/components/fields/CommandTextArea/caretPosition.ts
 const MIRROR_STYLES = [
 	"boxSizing",

package/dist/components/fields/CommandTextArea/useCaretAnchor.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { getCaretRect } from "./caretPosition.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useLayoutEffect, useRef } from "react";

package/dist/components/fields/DatePicker/CalendarPopover.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";
 import { Popover as _Popover } from "../../overlays/Modal/Popover.js";
 import { c } from "react/compiler-runtime";

package/dist/components/fields/DatePicker/DateInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { wrapWithField } from "../../form/wrapper.js";
 import { splitFieldLayout } from "../../form/field-layout.js";

package/dist/components/fields/DatePicker/DateInputBase.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
@@ -14,7 +14,10 @@ import { mergeRefs } from "@react-aria/utils";
 const DateInputWrapperElement = tasty({
 	qa: "DateInputWrapper",
 	role: "presentation",
-	styles: mergeStyles(INPUT_WRAPPER_STYLES, { display: "flex" })
+	styles: mergeStyles(INPUT_WRAPPER_STYLES, { gridColumns: {
+		"": "1fr",
+		suffix: "1fr max-content"
+	} })
 });
 const DateInputElement = tasty({
 	role: "presentation",

package/dist/components/fields/DatePicker/DateInputBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateInputBase.js","names":["mergeRefs","CONTAINER_STYLES","ContainerStyleProps","mergeStyles","Styles","tasty","React","useRef","useFocusRing","mergeProps","extractStyles","getValidationMods","hasValidationIndicator","ValidationIndicator","DEFAULT_INPUT_STYLES","INPUT_WRAPPER_STYLES","Props","DateInputWrapperElement","qa","role","styles","display","DateInputElement","height","flow","placeItems","CubeDateAtomInputProps","inputType","isDisabled","isReadOnly","children","ReactNode","fieldProps","style","CSSProperties","disableFocusRing","autoFocus","inputStyles","size","isInvalid","isValid","isLoading","suffix","wrapperRef","Ref","HTMLDivElement","DateInputBase","props","ref","$","_c","inputRef","t0","undefined","t1","t2","isTextInput","within","focusProps","isFocused","t3","showValidationIndicator","t4","t5","t6","t7","t8","t9","t10","disabled","readonly","focused","t11","t12","t13","t14","t15","t16","t17","_DateInputBase","forwardRef","displayName","_c","mergeProps"],"sources":["../../../../src/components/fields/DatePicker/DateInputBase.tsx"],"sourcesContent":["import { mergeRefs } from '@react-aria/utils';\nimport {\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  mergeStyles,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport React, { useRef } from 'react';\nimport { useFocusRing } from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react/mergeProps';\nimport { extractStyles } from '../../../utils/styles';\nimport { getValidationMods } from '../../form/validation/resolve-validation-props';\nimport {\n  hasValidationIndicator,\n  ValidationIndicator,\n} from '../../form/validation/ValidationIndicator';\nimport {\n  DEFAULT_INPUT_STYLES,\n  INPUT_WRAPPER_STYLES,\n} from '../TextInput/TextInputBase';\n\nimport type { Props } from '../../../props';\n\nconst DateInputWrapperElement = tasty({\n  qa: 'DateInputWrapper',\n  role: 'presentation',\n  styles: mergeStyles(INPUT_WRAPPER_STYLES, {\n    display: 'flex',\n  }),\n});\n\nconst DateInputElement = tasty({\n  role: 'presentation',\n  styles: mergeStyles(DEFAULT_INPUT_STYLES, {\n    height: {\n      '': '($size-md - 2bw)',\n      'size=small': '($size-sm - 2bw)',\n      'size=large': '($size-lg - 2bw)',\n    },\n    display: 'flex',\n    flow: 'row',\n    placeItems: 'center start',\n  }),\n});\n\ninterface CubeDateAtomInputProps extends ContainerStyleProps {\n  qa?: string;\n  inputType?: string;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  children?: React.ReactNode;\n  fieldProps?: Props;\n  style?: React.CSSProperties;\n  disableFocusRing?: boolean;\n  autoFocus?: boolean;\n  styles?: Styles;\n  inputStyles?: Styles;\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  isInvalid?: boolean;\n  isValid?: boolean;\n  isLoading?: boolean;\n  suffix?: React.ReactNode;\n  /** The input box, the picker's own element. */\n  wrapperRef?: React.Ref<HTMLDivElement>;\n}\n\nfunction DateInputBase(props: CubeDateAtomInputProps, ref) {\n  let inputRef = useRef(null);\n  let {\n    qa,\n    inputType,\n    isDisabled,\n    isReadOnly,\n    inputStyles,\n    children,\n    fieldProps,\n    style,\n    disableFocusRing,\n    autoFocus,\n    isInvalid,\n    isValid,\n    isLoading,\n    size = 'medium',\n    suffix,\n    wrapperRef,\n  } = props;\n\n  let styles = extractStyles(props, CONTAINER_STYLES);\n\n  let { focusProps, isFocused } = useFocusRing({\n    isTextInput: true,\n    within: true,\n    autoFocus,\n  });\n\n  const showValidationIndicator = hasValidationIndicator({\n    isInvalid,\n    isValid,\n    isLoading,\n  });\n\n  return (\n    <DateInputWrapperElement\n      ref={wrapperRef}\n      qa={qa || 'DateTimeInput'}\n      styles={styles}\n      data-size={size}\n      data-input-type={inputType ? inputType : 'datetimeinput'}\n      mods={{\n        disabled: isDisabled,\n        readonly: !!isReadOnly,\n        focused: isFocused && !disableFocusRing,\n        ...getValidationMods({ isInvalid, isValid }),\n        suffix: showValidationIndicator || !!suffix,\n      }}\n      {...mergeProps(fieldProps ?? {}, focusProps)}\n      // For a dialog kept mounted while closed, which focuses the field's\n      // first segment on every open, as `Button` marks itself.\n      {...(autoFocus ? { 'data-autofocus': '' } : undefined)}\n      // oxlint-disable-next-line tasty/no-style-prop -- forwards the consumer's public `style` prop\n      style={style}\n    >\n      <div data-element=\"Contents\" role=\"presentation\">\n        <DateInputElement\n          ref={mergeRefs(ref, inputRef)}\n          data-size={size}\n          role=\"presentation\"\n          styles={inputStyles}\n        >\n          {children}\n        </DateInputElement>\n      </div>\n      {showValidationIndicator || suffix ? (\n        <div data-element=\"Suffix\">\n          <ValidationIndicator\n            isInvalid={isInvalid}\n            isValid={isValid}\n            isLoading={isLoading}\n          />\n          {suffix}\n        </div>\n      ) : null}\n    </DateInputWrapperElement>\n  );\n}\n\nconst _DateInputBase = React.forwardRef(DateInputBase);\n\n_DateInputBase.displayName = 'DateInputBase';\n\nexport { _DateInputBase as DateInputBase };\n"],"mappings":"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"}
+{"version":3,"file":"DateInputBase.js","names":["mergeRefs","CONTAINER_STYLES","ContainerStyleProps","mergeStyles","Styles","tasty","React","useRef","useFocusRing","mergeProps","extractStyles","getValidationMods","hasValidationIndicator","ValidationIndicator","DEFAULT_INPUT_STYLES","INPUT_WRAPPER_STYLES","Props","DateInputWrapperElement","qa","role","styles","gridColumns","suffix","DateInputElement","height","display","flow","placeItems","CubeDateAtomInputProps","inputType","isDisabled","isReadOnly","children","ReactNode","fieldProps","style","CSSProperties","disableFocusRing","autoFocus","inputStyles","size","isInvalid","isValid","isLoading","wrapperRef","Ref","HTMLDivElement","DateInputBase","props","ref","$","_c","inputRef","t0","undefined","t1","t2","isTextInput","within","focusProps","isFocused","t3","showValidationIndicator","t4","t5","t6","t7","t8","t9","t10","disabled","readonly","focused","t11","t12","t13","t14","t15","t16","t17","_DateInputBase","forwardRef","displayName","_c","mergeProps"],"sources":["../../../../src/components/fields/DatePicker/DateInputBase.tsx"],"sourcesContent":["import { mergeRefs } from '@react-aria/utils';\nimport {\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  mergeStyles,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport React, { useRef } from 'react';\nimport { useFocusRing } from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react/mergeProps';\nimport { extractStyles } from '../../../utils/styles';\nimport { getValidationMods } from '../../form/validation/resolve-validation-props';\nimport {\n  hasValidationIndicator,\n  ValidationIndicator,\n} from '../../form/validation/ValidationIndicator';\nimport {\n  DEFAULT_INPUT_STYLES,\n  INPUT_WRAPPER_STYLES,\n} from '../TextInput/TextInputBase';\n\nimport type { Props } from '../../../props';\n\nconst DateInputWrapperElement = tasty({\n  qa: 'DateInputWrapper',\n  role: 'presentation',\n  // The input wrapper's grid, so the segments take the free space and the\n  // suffix sits at the right edge. Their column is `1fr`, not `1sf`: date\n  // segments can't shrink, so the box is never narrower than its content.\n  styles: mergeStyles(INPUT_WRAPPER_STYLES, {\n    gridColumns: { '': '1fr', suffix: '1fr max-content' },\n  }),\n});\n\nconst DateInputElement = tasty({\n  role: 'presentation',\n  styles: mergeStyles(DEFAULT_INPUT_STYLES, {\n    height: {\n      '': '($size-md - 2bw)',\n      'size=small': '($size-sm - 2bw)',\n      'size=large': '($size-lg - 2bw)',\n    },\n    display: 'flex',\n    flow: 'row',\n    placeItems: 'center start',\n  }),\n});\n\ninterface CubeDateAtomInputProps extends ContainerStyleProps {\n  qa?: string;\n  inputType?: string;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  children?: React.ReactNode;\n  fieldProps?: Props;\n  style?: React.CSSProperties;\n  disableFocusRing?: boolean;\n  autoFocus?: boolean;\n  styles?: Styles;\n  inputStyles?: Styles;\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  isInvalid?: boolean;\n  isValid?: boolean;\n  isLoading?: boolean;\n  suffix?: React.ReactNode;\n  /** The input box, the picker's own element. */\n  wrapperRef?: React.Ref<HTMLDivElement>;\n}\n\nfunction DateInputBase(props: CubeDateAtomInputProps, ref) {\n  let inputRef = useRef(null);\n  let {\n    qa,\n    inputType,\n    isDisabled,\n    isReadOnly,\n    inputStyles,\n    children,\n    fieldProps,\n    style,\n    disableFocusRing,\n    autoFocus,\n    isInvalid,\n    isValid,\n    isLoading,\n    size = 'medium',\n    suffix,\n    wrapperRef,\n  } = props;\n\n  let styles = extractStyles(props, CONTAINER_STYLES);\n\n  let { focusProps, isFocused } = useFocusRing({\n    isTextInput: true,\n    within: true,\n    autoFocus,\n  });\n\n  const showValidationIndicator = hasValidationIndicator({\n    isInvalid,\n    isValid,\n    isLoading,\n  });\n\n  return (\n    <DateInputWrapperElement\n      ref={wrapperRef}\n      qa={qa || 'DateTimeInput'}\n      styles={styles}\n      data-size={size}\n      data-input-type={inputType ? inputType : 'datetimeinput'}\n      mods={{\n        disabled: isDisabled,\n        readonly: !!isReadOnly,\n        focused: isFocused && !disableFocusRing,\n        ...getValidationMods({ isInvalid, isValid }),\n        suffix: showValidationIndicator || !!suffix,\n      }}\n      {...mergeProps(fieldProps ?? {}, focusProps)}\n      // For a dialog kept mounted while closed, which focuses the field's\n      // first segment on every open, as `Button` marks itself.\n      {...(autoFocus ? { 'data-autofocus': '' } : undefined)}\n      // oxlint-disable-next-line tasty/no-style-prop -- forwards the consumer's public `style` prop\n      style={style}\n    >\n      <div data-element=\"Contents\" role=\"presentation\">\n        <DateInputElement\n          ref={mergeRefs(ref, inputRef)}\n          data-size={size}\n          role=\"presentation\"\n          styles={inputStyles}\n        >\n          {children}\n        </DateInputElement>\n      </div>\n      {showValidationIndicator || suffix ? (\n        <div data-element=\"Suffix\">\n          <ValidationIndicator\n            isInvalid={isInvalid}\n            isValid={isValid}\n            isLoading={isLoading}\n          />\n          {suffix}\n        </div>\n      ) : null}\n    </DateInputWrapperElement>\n  );\n}\n\nconst _DateInputBase = React.forwardRef(DateInputBase);\n\n_DateInputBase.displayName = 'DateInputBase';\n\nexport { _DateInputBase as DateInputBase };\n"],"mappings":"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"}

package/dist/components/fields/DatePicker/DatePicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Dialog } from "../../overlays/Dialog/Dialog.js";

package/dist/components/fields/DatePicker/DatePickerButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { CalendarIcon } from "../../../icons/CalendarIcon.js";

package/dist/components/fields/DatePicker/DatePickerElement.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { Space } from "../../layout/Space.js";
 import { tasty } from "@tenphi/tasty";
 //#region src/components/fields/DatePicker/DatePickerElement.tsx

package/dist/components/fields/DatePicker/DatePickerInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { DatePickerSegment } from "./DatePickerSegment.js";
 import { formatSegments } from "./utils.js";

package/dist/components/fields/DatePicker/DatePickerSegment.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { useRef } from "react";

package/dist/components/fields/DatePicker/DateRangePicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/fields/DatePicker/DateRangeSeparatedPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Dialog } from "../../overlays/Dialog/Dialog.js";

package/dist/components/fields/DatePicker/MonthPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { PeriodPicker } from "./PeriodPicker.js";
 import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";

package/dist/components/fields/DatePicker/PeriodPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -176,30 +176,29 @@ function PeriodPickerImpl(rawProps, ref) {
 		$[36] = t12;
 	} else t12 = $[36];
 	const panel = t12;
-	const t13 = mergeStyleLayers({ display: "grid" }, styles);
-	const t14 = isDisabled || isReadOnly ? INERT_INPUT_STYLES : INPUT_STYLES;
-	let t15;
-	if ($[37] !== props.inputStyles || $[38] !== t14) {
-		t15 = mergeStyleLayers(t14, props.inputStyles);
+	const t13 = isDisabled || isReadOnly ? INERT_INPUT_STYLES : INPUT_STYLES;
+	let t14;
+	if ($[37] !== props.inputStyles || $[38] !== t13) {
+		t14 = mergeStyleLayers(t13, props.inputStyles);
 		$[37] = props.inputStyles;
-		$[38] = t14;
-		$[39] = t15;
-	} else t15 = $[39];
-	const t16 = props.placement ?? "bottom right";
-	const t17 = props.targetRef ?? targetRef;
-	const t18 = props.shouldFlip;
-	let t19;
+		$[38] = t13;
+		$[39] = t14;
+	} else t14 = $[39];
+	const t15 = props.placement ?? "bottom right";
+	const t16 = props.targetRef ?? targetRef;
+	const t17 = props.shouldFlip;
+	let t18;
 	if ($[40] !== buttonProps || $[41] !== focusPropsButton) {
-		t19 = mergeProps$1(buttonProps, focusPropsButton);
+		t18 = mergeProps$1(buttonProps, focusPropsButton);
 		$[40] = buttonProps;
 		$[41] = focusPropsButton;
-		$[42] = t19;
-	} else t19 = $[42];
-	let t20;
-	if ($[43] !== isDisabled || $[44] !== isReadOnly || $[45] !== props.triggerStyles || $[46] !== size || $[47] !== t19 || $[48] !== valueId) {
-		t20 = /* @__PURE__ */ jsx(DatePickerButton, {
+		$[42] = t18;
+	} else t18 = $[42];
+	let t19;
+	if ($[43] !== isDisabled || $[44] !== isReadOnly || $[45] !== props.triggerStyles || $[46] !== size || $[47] !== t18 || $[48] !== valueId) {
+		t19 = /* @__PURE__ */ jsx(DatePickerButton, {
 			size,
-			...t19,
+			...t18,
 			"aria-describedby": valueId,
 			isDisabled,
 			isReadOnly,
@@ -209,13 +208,13 @@ function PeriodPickerImpl(rawProps, ref) {
 		$[44] = isReadOnly;
 		$[45] = props.triggerStyles;
 		$[46] = size;
-		$[47] = t19;
+		$[47] = t18;
 		$[48] = valueId;
-		$[49] = t20;
-	} else t20 = $[49];
-	let t21;
+		$[49] = t19;
+	} else t19 = $[49];
+	let t20;
 	if ($[50] !== dialogProps || $[51] !== panel) {
-		t21 = /* @__PURE__ */ jsx(Dialog, {
+		t20 = /* @__PURE__ */ jsx(Dialog, {
 			...dialogProps,
 			width: "max-content",
 			overflow: "auto",
@@ -223,69 +222,69 @@ function PeriodPickerImpl(rawProps, ref) {
 		});
 		$[50] = dialogProps;
 		$[51] = panel;
-		$[52] = t21;
-	} else t21 = $[52];
-	let t22;
-	if ($[53] !== isOpen || $[54] !== props.shouldFlip || $[55] !== setOpen || $[56] !== t16 || $[57] !== t17 || $[58] !== t20 || $[59] !== t21) {
-		t22 = /* @__PURE__ */ jsxs(DialogTrigger, {
+		$[52] = t20;
+	} else t20 = $[52];
+	let t21;
+	if ($[53] !== isOpen || $[54] !== props.shouldFlip || $[55] !== setOpen || $[56] !== t15 || $[57] !== t16 || $[58] !== t19 || $[59] !== t20) {
+		t21 = /* @__PURE__ */ jsxs(DialogTrigger, {
 			hideArrow: true,
 			type: "popover",
-			placement: t16,
-			targetRef: t17,
+			placement: t15,
+			targetRef: t16,
 			isOpen,
-			shouldFlip: t18,
+			shouldFlip: t17,
 			onOpenChange: setOpen,
-			children: [t20, t21]
+			children: [t19, t20]
 		});
 		$[53] = isOpen;
 		$[54] = props.shouldFlip;
 		$[55] = setOpen;
-		$[56] = t16;
-		$[57] = t17;
-		$[58] = t20;
-		$[59] = t21;
-		$[60] = t22;
-	} else t22 = $[60];
-	const t23 = !state.value;
-	let t24;
-	if ($[61] !== isDisabled || $[62] !== t23) {
-		t24 = {
-			placeholder: t23,
+		$[56] = t15;
+		$[57] = t16;
+		$[58] = t19;
+		$[59] = t20;
+		$[60] = t21;
+	} else t21 = $[60];
+	const t22 = !state.value;
+	let t23;
+	if ($[61] !== isDisabled || $[62] !== t22) {
+		t23 = {
+			placeholder: t22,
 			disabled: isDisabled
 		};
 		$[61] = isDisabled;
-		$[62] = t23;
-		$[63] = t24;
-	} else t24 = $[63];
-	let t25;
+		$[62] = t22;
+		$[63] = t23;
+	} else t23 = $[63];
+	let t24;
 	if ($[64] !== isDisabled || $[65] !== isReadOnly || $[66] !== setOpen) {
-		t25 = () => !isDisabled && !isReadOnly && setOpen(true);
+		t24 = () => !isDisabled && !isReadOnly && setOpen(true);
 		$[64] = isDisabled;
 		$[65] = isReadOnly;
 		$[66] = setOpen;
-		$[67] = t25;
-	} else t25 = $[67];
-	let t26;
-	if ($[68] !== displayText || $[69] !== t24 || $[70] !== t25 || $[71] !== valueId) {
-		t26 = /* @__PURE__ */ jsx(PeriodValueElement, {
+		$[67] = t24;
+	} else t24 = $[67];
+	let t25;
+	if ($[68] !== displayText || $[69] !== t23 || $[70] !== t24 || $[71] !== valueId) {
+		t25 = /* @__PURE__ */ jsx(PeriodValueElement, {
 			id: valueId,
-			mods: t24,
-			onClick: t25,
+			mods: t23,
+			onClick: t24,
 			children: displayText
 		});
 		$[68] = displayText;
-		$[69] = t24;
-		$[70] = t25;
+		$[69] = t23;
+		$[70] = t24;
 		$[71] = valueId;
-		$[72] = t26;
-	} else t26 = $[72];
+		$[72] = t25;
+	} else t25 = $[72];
 	return wrapWithField(/* @__PURE__ */ jsx(_DateInputBase, {
 		ref: targetRef,
 		wrapperRef: domRef,
 		qa: qa || "PeriodPicker",
 		inputType: "datepicker",
-		styles: t13,
-		inputStyles: t15,
+		styles,
+		inputStyles: t14,
 		disableFocusRing: isFocusedButton,
 		isDisabled,
 		isReadOnly,
@@ -293,8 +292,8 @@ function PeriodPickerImpl(rawProps, ref) {
 		isValid,
 		size,
 		fieldProps: groupProps,
-		suffix: t22,
-		children: t26
+		suffix: t21,
+		children: t25
 	}), {
 		...props,
 		...field,

package/dist/components/fields/DatePicker/PeriodPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"PeriodPicker.js","names":["FocusableRef","BaseProps","Styles","tasty","forwardRef","ReactElement","RefObject","useId","useRef","AriaDatePickerProps","DateValue","Placement","useDatePicker","useFocusRing","useLocale","useDatePickerState","useI18n","FieldBaseProps","mergeProps","mergeStyleLayers","FieldLayoutStyleProps","splitFieldLayout","useFieldProps","wrapWithField","Calendar","PeriodCalendar","Dialog","DialogTrigger","DateInputBase","DatePickerButton","formatPeriod","PickerType","snapToPeriod","useFocusManagerRef","PeriodValueElement","qa","styles","preset","width","whiteSpace","textOverflow","overflow","color","placeholder","disabled","CubePeriodPickerProps","Omit","T","picker","wrapperStyles","inputStyles","triggerStyles","size","shouldFlip","targetRef","HTMLElement","placement","formatValue","date","locale","INPUT_STYLES","cursor","INERT_INPUT_STYLES","PeriodPickerImpl","rawProps","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","props","field","overStyles","t1","isDisabled","isReadOnly","isInvalid","isValid","autoFocus","undefined","t2","t3","t4","t5","t6","week","month","quarter","year","defaultPlaceholder","t7","granularity","shouldCloseOnSelect","state","isOpen","setOpen","domRef","t8","within","isTextInput","isFocused","isFocusedButton","focusProps","focusPropsButton","t9","groupProps","labelProps","buttonProps","dialogProps","calendarProps","t10","setValue","handleSelect","t11","value","displayText","valueId","t12","minValue","maxValue","isDateUnavailable","panel","t13","display","t14","t15","t16","t17","t18","t19","t20","t21","t22","t23","t24","t25","t26","component","_PeriodPicker","displayName","PeriodPicker","_c","Calendar","mergeProps","DateInputBase"],"sources":["../../../../src/components/fields/DatePicker/PeriodPicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { BaseProps, Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactElement, RefObject, useId, useRef } from 'react';\nimport {\n  AriaDatePickerProps,\n  DateValue,\n  Placement,\n  useDatePicker,\n  useFocusRing,\n  useLocale,\n} from 'react-aria';\nimport { useDatePickerState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n/useI18n';\nimport { FieldBaseProps } from '../../../shared/form';\nimport { mergeProps } from '../../../utils/react/mergeProps';\nimport { mergeStyleLayers } from '../../../utils/styles';\nimport {\n  FieldLayoutStyleProps,\n  splitFieldLayout,\n} from '../../form/field-layout';\nimport { useFieldProps } from '../../form/Form/use-field/use-field-props';\nimport { wrapWithField } from '../../form/wrapper';\nimport { Calendar } from '../../other/Calendar/Calendar';\nimport { PeriodCalendar } from '../../other/Calendar/PeriodCalendar';\nimport { Dialog } from '../../overlays/Dialog/Dialog';\nimport { DialogTrigger } from '../../overlays/Dialog/DialogTrigger';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerButton } from './DatePickerButton';\nimport { formatPeriod, PickerType, snapToPeriod } from './period';\nimport { useFocusManagerRef } from './utils';\n\nconst PeriodValueElement = tasty({\n  qa: 'PeriodPickerValue',\n  styles: {\n    preset: 't3',\n    width: 'max 100%',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    color: {\n      '': '#dark',\n      placeholder: '#dark.30',\n      disabled: '#dark.30',\n    },\n  },\n});\n\nexport interface CubePeriodPickerProps<T extends DateValue = DateValue>\n  extends\n    Omit<\n      AriaDatePickerProps<T>,\n      'errorMessage' | 'granularity' | 'form' | 'name'\n    >,\n    BaseProps,\n    FieldLayoutStyleProps,\n    FieldBaseProps<T | null | undefined> {\n  /** Which period the picker selects. Set by the concrete picker components. */\n  picker?: PickerType;\n  wrapperStyles?: Styles;\n  inputStyles?: Styles;\n  triggerStyles?: Styles;\n  styles?: Styles;\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  shouldFlip?: boolean;\n  /**\n   * The ref of the element the popover should visually attach itself to.\n   * Defaults to the field wrapper.\n   *\n   * Forwarded to `DialogTrigger`, so the anchor also becomes what outside-click\n   * dismissal treats as the trigger.\n   */\n  targetRef?: RefObject<HTMLElement | null>;\n  /**\n   * Placement of the popover relative to the anchor.\n   * Accepts React Aria's `Placement` strings (e.g. `'bottom start'`,\n   * `'top start'`, `'right top'`, `'left top'`).\n   * @default 'bottom right'\n   */\n  placement?: Placement;\n  /** Placeholder shown when no value is selected. */\n  placeholder?: string;\n  /** Override how the selected value is rendered as text. */\n  formatValue?: (date: DateValue, picker: PickerType, locale: string) => string;\n}\n\nconst INPUT_STYLES: Styles = { cursor: 'pointer' };\nconst INERT_INPUT_STYLES: Styles = { cursor: 'default' };\n\nfunction PeriodPickerImpl<T extends DateValue>(\n  rawProps: CubePeriodPickerProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n  });\n\n  // `wrapperStyles` styles the same box as `styles` and wins over it.\n  const { styles, field } = splitFieldLayout(props, {\n    overStyles: props.wrapperStyles,\n  });\n\n  let {\n    qa,\n    size,\n    picker = 'month',\n    placeholder,\n    formatValue,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isValid,\n    autoFocus,\n  } = props;\n\n  let defaultPlaceholder: Record<PickerType, string> = {\n    week: t('datePicker.selectWeek', 'Select week'),\n    month: t('datePicker.selectMonth', 'Select month'),\n    quarter: t('datePicker.selectQuarter', 'Select quarter'),\n    year: t('datePicker.selectYear', 'Select year'),\n  };\n\n  let { locale } = useLocale();\n  let targetRef = useRef<HTMLDivElement>(null);\n  let state = useDatePickerState({\n    ...props,\n    granularity: 'day',\n    shouldCloseOnSelect: true,\n  });\n  let { isOpen, setOpen } = state;\n\n  let domRef = useRef<HTMLDivElement>(null);\n\n  useFocusManagerRef(ref, domRef);\n\n  let { isFocused: isFocusedButton, focusProps: focusPropsButton } =\n    useFocusRing({\n      within: false,\n      isTextInput: false,\n      autoFocus,\n    });\n\n  let { groupProps, labelProps, buttonProps, dialogProps, calendarProps } =\n    useDatePicker({ ...props, granularity: 'day' }, state, targetRef);\n\n  let handleSelect = (date: DateValue) => {\n    state.setValue(snapToPeriod(date, picker, locale));\n    setOpen(false);\n  };\n\n  let displayText = state.value\n    ? (formatValue ?? formatPeriod)(state.value, picker, locale)\n    : (placeholder ?? defaultPlaceholder[picker]);\n\n  // The value is rendered as text rather than editable segments, so the trigger\n  // has to point at it to announce the current selection.\n  let valueId = useId();\n\n  const panel =\n    picker === 'week' ? (\n      <Calendar\n        {...calendarProps}\n        autoFocus\n        pickerMode=\"week\"\n        isDisabled={isDisabled}\n        onChange={handleSelect}\n      />\n    ) : (\n      <PeriodCalendar\n        autoFocus\n        picker={picker}\n        value={calendarProps.value}\n        minValue={calendarProps.minValue}\n        maxValue={calendarProps.maxValue}\n        isDateUnavailable={calendarProps.isDateUnavailable}\n        isDisabled={isDisabled}\n        onChange={handleSelect}\n      />\n    );\n\n  const component = (\n    <DateInputBase\n      ref={targetRef}\n      wrapperRef={domRef}\n      qa={qa || 'PeriodPicker'}\n      inputType=\"datepicker\"\n      styles={mergeStyleLayers({ display: 'grid' }, styles)}\n      inputStyles={mergeStyleLayers(\n        isDisabled || isReadOnly ? INERT_INPUT_STYLES : INPUT_STYLES,\n        props.inputStyles,\n      )}\n      disableFocusRing={isFocusedButton}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isInvalid={isInvalid}\n      isValid={isValid}\n      size={size}\n      fieldProps={groupProps}\n      suffix={\n        <DialogTrigger\n          hideArrow\n          type=\"popover\"\n          placement={props.placement ?? 'bottom right'}\n          targetRef={props.targetRef ?? targetRef}\n          isOpen={isOpen}\n          shouldFlip={props.shouldFlip}\n          onOpenChange={setOpen}\n        >\n          <DatePickerButton\n            size={size}\n            {...mergeProps(buttonProps, focusPropsButton)}\n            aria-describedby={valueId}\n            // Passed separately, not merged: only the field-disabled half is\n            // inherited. See `DatePickerButton`.\n            isDisabled={isDisabled}\n            isReadOnly={isReadOnly}\n            styles={props.triggerStyles}\n          />\n          <Dialog {...dialogProps} width=\"max-content\" overflow=\"auto\">\n            {panel}\n          </Dialog>\n        </DialogTrigger>\n      }\n    >\n      <PeriodValueElement\n        id={valueId}\n        mods={{ placeholder: !state.value, disabled: isDisabled }}\n        onClick={() => !isDisabled && !isReadOnly && setOpen(true)}\n      >\n        {displayText}\n      </PeriodValueElement>\n    </DateInputBase>\n  );\n\n  return wrapWithField(component, {\n    ...props,\n    ...field,\n    labelProps: mergeProps(props.labelProps, labelProps),\n  });\n}\n\nconst _PeriodPicker = forwardRef(PeriodPickerImpl);\n\n_PeriodPicker.displayName = 'PeriodPicker';\n\nexport const PeriodPicker = _PeriodPicker as <T extends DateValue = DateValue>(\n  props: CubePeriodPickerProps<T> & { ref?: FocusableRef<HTMLElement> },\n) => ReactElement | null;\n"],"mappings":"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"}
+{"version":3,"file":"PeriodPicker.js","names":["FocusableRef","BaseProps","Styles","tasty","forwardRef","ReactElement","RefObject","useId","useRef","AriaDatePickerProps","DateValue","Placement","useDatePicker","useFocusRing","useLocale","useDatePickerState","useI18n","FieldBaseProps","mergeProps","mergeStyleLayers","FieldLayoutStyleProps","splitFieldLayout","useFieldProps","wrapWithField","Calendar","PeriodCalendar","Dialog","DialogTrigger","DateInputBase","DatePickerButton","formatPeriod","PickerType","snapToPeriod","useFocusManagerRef","PeriodValueElement","qa","styles","preset","width","whiteSpace","textOverflow","overflow","color","placeholder","disabled","CubePeriodPickerProps","Omit","T","picker","wrapperStyles","inputStyles","triggerStyles","size","shouldFlip","targetRef","HTMLElement","placement","formatValue","date","locale","INPUT_STYLES","cursor","INERT_INPUT_STYLES","PeriodPickerImpl","rawProps","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","props","field","overStyles","t1","isDisabled","isReadOnly","isInvalid","isValid","autoFocus","undefined","t2","t3","t4","t5","t6","week","month","quarter","year","defaultPlaceholder","t7","granularity","shouldCloseOnSelect","state","isOpen","setOpen","domRef","t8","within","isTextInput","isFocused","isFocusedButton","focusProps","focusPropsButton","t9","groupProps","labelProps","buttonProps","dialogProps","calendarProps","t10","setValue","handleSelect","t11","value","displayText","valueId","t12","minValue","maxValue","isDateUnavailable","panel","t13","t14","t15","t16","t17","t18","t19","t20","t21","t22","t23","t24","t25","component","_PeriodPicker","displayName","PeriodPicker","_c","Calendar","mergeProps","DateInputBase"],"sources":["../../../../src/components/fields/DatePicker/PeriodPicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { BaseProps, Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactElement, RefObject, useId, useRef } from 'react';\nimport {\n  AriaDatePickerProps,\n  DateValue,\n  Placement,\n  useDatePicker,\n  useFocusRing,\n  useLocale,\n} from 'react-aria';\nimport { useDatePickerState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n/useI18n';\nimport { FieldBaseProps } from '../../../shared/form';\nimport { mergeProps } from '../../../utils/react/mergeProps';\nimport { mergeStyleLayers } from '../../../utils/styles';\nimport {\n  FieldLayoutStyleProps,\n  splitFieldLayout,\n} from '../../form/field-layout';\nimport { useFieldProps } from '../../form/Form/use-field/use-field-props';\nimport { wrapWithField } from '../../form/wrapper';\nimport { Calendar } from '../../other/Calendar/Calendar';\nimport { PeriodCalendar } from '../../other/Calendar/PeriodCalendar';\nimport { Dialog } from '../../overlays/Dialog/Dialog';\nimport { DialogTrigger } from '../../overlays/Dialog/DialogTrigger';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerButton } from './DatePickerButton';\nimport { formatPeriod, PickerType, snapToPeriod } from './period';\nimport { useFocusManagerRef } from './utils';\n\nconst PeriodValueElement = tasty({\n  qa: 'PeriodPickerValue',\n  styles: {\n    preset: 't3',\n    width: 'max 100%',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    color: {\n      '': '#dark',\n      placeholder: '#dark.30',\n      disabled: '#dark.30',\n    },\n  },\n});\n\nexport interface CubePeriodPickerProps<T extends DateValue = DateValue>\n  extends\n    Omit<\n      AriaDatePickerProps<T>,\n      'errorMessage' | 'granularity' | 'form' | 'name'\n    >,\n    BaseProps,\n    FieldLayoutStyleProps,\n    FieldBaseProps<T | null | undefined> {\n  /** Which period the picker selects. Set by the concrete picker components. */\n  picker?: PickerType;\n  wrapperStyles?: Styles;\n  inputStyles?: Styles;\n  triggerStyles?: Styles;\n  styles?: Styles;\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  shouldFlip?: boolean;\n  /**\n   * The ref of the element the popover should visually attach itself to.\n   * Defaults to the field wrapper.\n   *\n   * Forwarded to `DialogTrigger`, so the anchor also becomes what outside-click\n   * dismissal treats as the trigger.\n   */\n  targetRef?: RefObject<HTMLElement | null>;\n  /**\n   * Placement of the popover relative to the anchor.\n   * Accepts React Aria's `Placement` strings (e.g. `'bottom start'`,\n   * `'top start'`, `'right top'`, `'left top'`).\n   * @default 'bottom right'\n   */\n  placement?: Placement;\n  /** Placeholder shown when no value is selected. */\n  placeholder?: string;\n  /** Override how the selected value is rendered as text. */\n  formatValue?: (date: DateValue, picker: PickerType, locale: string) => string;\n}\n\nconst INPUT_STYLES: Styles = { cursor: 'pointer' };\nconst INERT_INPUT_STYLES: Styles = { cursor: 'default' };\n\nfunction PeriodPickerImpl<T extends DateValue>(\n  rawProps: CubePeriodPickerProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n  });\n\n  // `wrapperStyles` styles the same box as `styles` and wins over it.\n  const { styles, field } = splitFieldLayout(props, {\n    overStyles: props.wrapperStyles,\n  });\n\n  let {\n    qa,\n    size,\n    picker = 'month',\n    placeholder,\n    formatValue,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isValid,\n    autoFocus,\n  } = props;\n\n  let defaultPlaceholder: Record<PickerType, string> = {\n    week: t('datePicker.selectWeek', 'Select week'),\n    month: t('datePicker.selectMonth', 'Select month'),\n    quarter: t('datePicker.selectQuarter', 'Select quarter'),\n    year: t('datePicker.selectYear', 'Select year'),\n  };\n\n  let { locale } = useLocale();\n  let targetRef = useRef<HTMLDivElement>(null);\n  let state = useDatePickerState({\n    ...props,\n    granularity: 'day',\n    shouldCloseOnSelect: true,\n  });\n  let { isOpen, setOpen } = state;\n\n  let domRef = useRef<HTMLDivElement>(null);\n\n  useFocusManagerRef(ref, domRef);\n\n  let { isFocused: isFocusedButton, focusProps: focusPropsButton } =\n    useFocusRing({\n      within: false,\n      isTextInput: false,\n      autoFocus,\n    });\n\n  let { groupProps, labelProps, buttonProps, dialogProps, calendarProps } =\n    useDatePicker({ ...props, granularity: 'day' }, state, targetRef);\n\n  let handleSelect = (date: DateValue) => {\n    state.setValue(snapToPeriod(date, picker, locale));\n    setOpen(false);\n  };\n\n  let displayText = state.value\n    ? (formatValue ?? formatPeriod)(state.value, picker, locale)\n    : (placeholder ?? defaultPlaceholder[picker]);\n\n  // The value is rendered as text rather than editable segments, so the trigger\n  // has to point at it to announce the current selection.\n  let valueId = useId();\n\n  const panel =\n    picker === 'week' ? (\n      <Calendar\n        {...calendarProps}\n        autoFocus\n        pickerMode=\"week\"\n        isDisabled={isDisabled}\n        onChange={handleSelect}\n      />\n    ) : (\n      <PeriodCalendar\n        autoFocus\n        picker={picker}\n        value={calendarProps.value}\n        minValue={calendarProps.minValue}\n        maxValue={calendarProps.maxValue}\n        isDateUnavailable={calendarProps.isDateUnavailable}\n        isDisabled={isDisabled}\n        onChange={handleSelect}\n      />\n    );\n\n  const component = (\n    <DateInputBase\n      ref={targetRef}\n      wrapperRef={domRef}\n      qa={qa || 'PeriodPicker'}\n      inputType=\"datepicker\"\n      styles={styles}\n      inputStyles={mergeStyleLayers(\n        isDisabled || isReadOnly ? INERT_INPUT_STYLES : INPUT_STYLES,\n        props.inputStyles,\n      )}\n      disableFocusRing={isFocusedButton}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isInvalid={isInvalid}\n      isValid={isValid}\n      size={size}\n      fieldProps={groupProps}\n      suffix={\n        <DialogTrigger\n          hideArrow\n          type=\"popover\"\n          placement={props.placement ?? 'bottom right'}\n          targetRef={props.targetRef ?? targetRef}\n          isOpen={isOpen}\n          shouldFlip={props.shouldFlip}\n          onOpenChange={setOpen}\n        >\n          <DatePickerButton\n            size={size}\n            {...mergeProps(buttonProps, focusPropsButton)}\n            aria-describedby={valueId}\n            // Passed separately, not merged: only the field-disabled half is\n            // inherited. See `DatePickerButton`.\n            isDisabled={isDisabled}\n            isReadOnly={isReadOnly}\n            styles={props.triggerStyles}\n          />\n          <Dialog {...dialogProps} width=\"max-content\" overflow=\"auto\">\n            {panel}\n          </Dialog>\n        </DialogTrigger>\n      }\n    >\n      <PeriodValueElement\n        id={valueId}\n        mods={{ placeholder: !state.value, disabled: isDisabled }}\n        onClick={() => !isDisabled && !isReadOnly && setOpen(true)}\n      >\n        {displayText}\n      </PeriodValueElement>\n    </DateInputBase>\n  );\n\n  return wrapWithField(component, {\n    ...props,\n    ...field,\n    labelProps: mergeProps(props.labelProps, labelProps),\n  });\n}\n\nconst _PeriodPicker = forwardRef(PeriodPickerImpl);\n\n_PeriodPicker.displayName = 'PeriodPicker';\n\nexport const PeriodPicker = _PeriodPicker as <T extends DateValue = DateValue>(\n  props: CubePeriodPickerProps<T> & { ref?: FocusableRef<HTMLElement> },\n) => ReactElement | null;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAMkC,qBAAqB/B,MAAM;CAC/BgC,IAAI;CACJC,QAAQ;EACNC,QAAQ;EACRC,OAAO;EACPC,YAAY;EACZC,cAAc;EACdC,UAAU;EACVC,OAAO;GACL,IAAI;GACJC,aAAa;GACbC,UAAU;EACZ;CACF;AACF,CAAC;AAwCD,MAAMgB,eAAuB,EAAEC,QAAQ,UAAU;AACjD,MAAMC,qBAA6B,EAAED,QAAQ,UAAU;AAEvD,SAAAE,iBAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAIE,MAAA,EAAAC,MAAcpD,QAAQ;CAAE,IAAAqD;CAAA,IAAAH,EAAA,OAAAI,OAAAC,IAAA,2BAAA,GAAA;EAEYF,KAAA,EAAAG,0BACR,SAC5B;EAACN,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAFD,MAAAO,QAAYnD,cAAc0C,UAAUK,EAEnC;CAGD,MAAA,EAAAjC,QAAAsC,UAA0BrD,iBAAiBoD,OAAO,EAAAE,YACpCF,MAAKxB,cACnB,CAAC;CAED,MAAA,EAAAd,IAAAiB,MAAAJ,QAAA4B,IAAAjC,aAAAc,aAAAoB,YAAAC,YAAAC,WAAAC,SAAAC,cAWIR;CARF,MAAAzB,SAAA4B,OAAAM,KAAAA,IAAA,UAAAN;CAAgB,IAAAO;CAAA,IAAAjB,EAAA,OAAAE,GAAA;EAWVe,KAAAf,EAAE,yBAAyB,aAAa;EAACF,EAAA,KAAAE;EAAAF,EAAA,KAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAAA,IAAAkB;CAAA,IAAAlB,EAAA,OAAAE,GAAA;EACxCgB,KAAAhB,EAAE,0BAA0B,cAAc;EAACF,EAAA,KAAAE;EAAAF,EAAA,KAAAkB;CAAA,OAAAA,KAAAlB,EAAA;CAAA,IAAAmB;CAAA,IAAAnB,EAAA,OAAAE,GAAA;EACzCiB,KAAAjB,EAAE,4BAA4B,gBAAgB;EAACF,EAAA,KAAAE;EAAAF,EAAA,KAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,IAAAoB;CAAA,IAAApB,EAAA,OAAAE,GAAA;EAClDkB,KAAAlB,EAAE,yBAAyB,aAAa;EAACF,EAAA,KAAAE;EAAAF,EAAA,KAAAoB;CAAA,OAAAA,KAAApB,EAAA;CAAA,IAAAqB;CAAA,IAAArB,EAAA,OAAAiB,MAAAjB,EAAA,QAAAkB,MAAAlB,EAAA,QAAAmB,MAAAnB,EAAA,QAAAoB,IAAA;EAJIC,KAAA;GAAAC,MAC7CL;GAAyCM,OACxCL;GAA2CM,SACzCL;GAA+CM,MAClDL;EACR;EAACpB,EAAA,KAAAiB;EAAAjB,EAAA,MAAAkB;EAAAlB,EAAA,MAAAmB;EAAAnB,EAAA,MAAAoB;EAAApB,EAAA,MAAAqB;CAAA,OAAAA,KAAArB,EAAA;CALD,MAAA0B,qBAAqDL;CAOrD,MAAA,EAAA5B,WAAiB7C,UAAU;CAC3B,MAAAwC,YAAgB9C,OAAuB,IAAI;CAAE,IAAAqF;CAAA,IAAA3B,EAAA,QAAAO,OAAA;EACdoB,KAAA;GAAA,GAC1BpB;GAAKqB,aACK;GAAKC,qBACG;EACvB;EAAC7B,EAAA,MAAAO;EAAAP,EAAA,MAAA2B;CAAA,OAAAA,KAAA3B,EAAA;CAJD,MAAA8B,QAAYjF,mBAAmB8E,EAI9B;CACD,MAAA,EAAAI,QAAAC,YAA0BF;CAE1B,MAAAG,SAAa3F,OAAuB,IAAI;CAExCyB,mBAAmBgC,KAAKkC,MAAM;CAAC,IAAAC;CAAA,IAAAlC,EAAA,QAAAe,WAAA;EAGhBmB,KAAA;GAAAC,QACH;GAAKC,aACA;GAAKrB;EAEpB;EAACf,EAAA,MAAAe;EAAAf,EAAA,MAAAkC;CAAA,OAAAA,KAAAlC,EAAA;CALH,MAAA,EAAAqC,WAAAC,iBAAAC,YAAAC,qBACE7F,aAAauF,EAIZ;CAAE,IAAAO;CAAA,IAAAzC,EAAA,QAAAO,OAAA;EAGWkC,KAAA;GAAA,GAAKlC;GAAKqB,aAAe;EAAM;EAAC5B,EAAA,MAAAO;EAAAP,EAAA,MAAAyC;CAAA,OAAAA,KAAAzC,EAAA;CADhD,MAAA,EAAA0C,YAAAC,YAAAC,aAAAC,aAAAC,kBACEpG,cAAc+F,IAAkCX,OAAO1C,SAAS;CAAE,IAAA2D;CAAA,IAAA/C,EAAA,QAAAP,UAAAO,EAAA,QAAAlB,UAAAkB,EAAA,QAAAgC,WAAAhC,EAAA,QAAA8B,OAAA;EAEjDiB,OAAAvD,SAAA;GACjBsC,MAAKkB,SAAUlF,aAAa0B,MAAMV,QAAQW,MAAM,CAAC;GACjDuC,QAAQ,KAAK;EAAC;EACfhC,EAAA,MAAAP;EAAAO,EAAA,MAAAlB;EAAAkB,EAAA,MAAAgC;EAAAhC,EAAA,MAAA8B;EAAA9B,EAAA,MAAA+C;CAAA,OAAAA,MAAA/C,EAAA;CAHD,MAAAiD,eAAmBF;CAGjB,IAAAG;CAAA,IAAAlD,EAAA,QAAA0B,sBAAA1B,EAAA,QAAAT,eAAAS,EAAA,QAAAP,UAAAO,EAAA,QAAAlB,UAAAkB,EAAA,QAAAvB,eAAAuB,EAAA,QAAA8B,MAAAqB,OAAA;EAEgBD,MAAApB,MAAKqB,SAClB5D,eAAA3B,aAAAA,CAA6BkE,MAAKqB,OAAQrE,QAAQW,MACT,IAAzChB,eAAeiD,mBAAmB5C;EAAQkB,EAAA,MAAA0B;EAAA1B,EAAA,MAAAT;EAAAS,EAAA,MAAAP;EAAAO,EAAA,MAAAlB;EAAAkB,EAAA,MAAAvB;EAAAuB,EAAA,MAAA8B,MAAAqB;EAAAnD,EAAA,MAAAkD;CAAA,OAAAA,MAAAlD,EAAA;CAF/C,MAAAoD,cAAkBF;CAMlB,MAAAG,UAAchH,MAAM;CAAE,IAAAiH;CAAA,IAAAtD,EAAA,QAAA8C,iBAAA9C,EAAA,QAAAiD,gBAAAjD,EAAA,QAAAW,cAAAX,EAAA,QAAAlB,QAAA;EAGpBwE,MAAAxE,WAAW,SACT,oBAAC+F,WAAD;GAAS,GACH/B;GACJ,WAAA;GACW,YAAA;GACCnC;GACFsC,UAAAA;EAAY,CAAA,IAGxB,oBAAC,gBAAD;GACE,WAAA;GACQnE;GACD,OAAAgE,cAAaK;GACV,UAAAL,cAAaS;GACb,UAAAT,cAAaU;GACJ,mBAAAV,cAAaW;GACpB9C;GACFsC,UAAAA;EAAY,CAAA;EAEzBjD,EAAA,MAAA8C;EAAA9C,EAAA,MAAAiD;EAAAjD,EAAA,MAAAW;EAAAX,EAAA,MAAAlB;EAAAkB,EAAA,MAAAsD;CAAA,OAAAA,MAAAtD,EAAA;CApBH,MAAA0D,QACEJ;CA6BI,MAAAK,MAAAhD,cAAAC,aAAAhB,qBAAAF;CAA4D,IAAAkE;CAAA,IAAA5D,EAAA,QAAAO,MAAAvB,eAAAgB,EAAA,QAAA2D,KAAA;EADjDC,MAAA3G,iBACX0G,KACApD,MAAKvB,WACP;EAACgB,EAAA,MAAAO,MAAAvB;EAAAgB,EAAA,MAAA2D;EAAA3D,EAAA,MAAA4D;CAAA,OAAAA,MAAA5D,EAAA;CAYc,MAAA6D,MAAAtD,MAAKjB,aAAL;CACA,MAAAwE,MAAAvD,MAAKnB,aAALA;CAEC,MAAA2E,MAAAxD,MAAKpB;CAAW,IAAA6E;CAAA,IAAAhE,EAAA,QAAA4C,eAAA5C,EAAA,QAAAwC,kBAAA;EAKtBwB,MAAAhH,aAAW4F,aAAaJ,gBAAgB;EAACxC,EAAA,MAAA4C;EAAA5C,EAAA,MAAAwC;EAAAxC,EAAA,MAAAgE;CAAA,OAAAA,MAAAhE,EAAA;CAAA,IAAAiE;CAAA,IAAAjE,EAAA,QAAAW,cAAAX,EAAA,QAAAY,cAAAZ,EAAA,QAAAO,MAAAtB,iBAAAe,EAAA,QAAAd,QAAAc,EAAA,QAAAgE,OAAAhE,EAAA,QAAAqD,SAAA;EAF/CY,MAAA,oBAAC,kBAAD;GACQ/E;GAAI,GACN8E;GACcX,oBAAAA;GAGN1C;GACAC;GACJ,QAAAL,MAAKtB;EAAc,CAAA;EAC3Be,EAAA,MAAAW;EAAAX,EAAA,MAAAY;EAAAZ,EAAA,MAAAO,MAAAtB;EAAAe,EAAA,MAAAd;EAAAc,EAAA,MAAAgE;EAAAhE,EAAA,MAAAqD;EAAArD,EAAA,MAAAiE;CAAA,OAAAA,MAAAjE,EAAA;CAAA,IAAAkE;CAAA,IAAAlE,EAAA,QAAA6C,eAAA7C,EAAA,QAAA0D,OAAA;EACFQ,MAAA,oBAAC,QAAD;GAAO,GAAKrB;GAAmB,OAAA;GAAuB,UAAA;GACnDa,UAAAA;EADI,CAAA;EAEE1D,EAAA,MAAA6C;EAAA7C,EAAA,MAAA0D;EAAA1D,EAAA,MAAAkE;CAAA,OAAAA,MAAAlE,EAAA;CAAA,IAAAmE;CAAA,IAAAnE,EAAA,QAAA+B,UAAA/B,EAAA,QAAAO,MAAApB,cAAAa,EAAA,QAAAgC,WAAAhC,EAAA,QAAA6D,OAAA7D,EAAA,QAAA8D,OAAA9D,EAAA,QAAAiE,OAAAjE,EAAA,QAAAkE,KAAA;EArBXC,MAAA,qBAAC,eAAD;GACE,WAAA;GACK,MAAA;GACM,WAAAN;GACA,WAAAC;GACH/B;GACI,YAAAgC;GACE/B,cAAAA;GAPhB,UAAA,CASEiC,KAUAC,GAnBY;;EAsBElE,EAAA,MAAA+B;EAAA/B,EAAA,MAAAO,MAAApB;EAAAa,EAAA,MAAAgC;EAAAhC,EAAA,MAAA6D;EAAA7D,EAAA,MAAA8D;EAAA9D,EAAA,MAAAiE;EAAAjE,EAAA,MAAAkE;EAAAlE,EAAA,MAAAmE;CAAA,OAAAA,MAAAnE,EAAA;CAKK,MAAAoE,MAAA,CAACtC,MAAKqB;CAAM,IAAAkB;CAAA,IAAArE,EAAA,QAAAW,cAAAX,EAAA,QAAAoE,KAAA;EAA3BC,MAAA;GAAA5F,aAAe2F;GAAY1F,UAAYiC;EAAW;EAACX,EAAA,MAAAW;EAAAX,EAAA,MAAAoE;EAAApE,EAAA,MAAAqE;CAAA,OAAAA,MAAArE,EAAA;CAAA,IAAAsE;CAAA,IAAAtE,EAAA,QAAAW,cAAAX,EAAA,QAAAY,cAAAZ,EAAA,QAAAgC,SAAA;EAChDsC,YAAM,CAAC3D,cAAD,CAAgBC,cAAcoB,QAAQ,IAAI;EAAChC,EAAA,MAAAW;EAAAX,EAAA,MAAAY;EAAAZ,EAAA,MAAAgC;EAAAhC,EAAA,MAAAsE;CAAA,OAAAA,MAAAtE,EAAA;CAAA,IAAAuE;CAAA,IAAAvE,EAAA,QAAAoD,eAAApD,EAAA,QAAAqE,OAAArE,EAAA,QAAAsE,OAAAtE,EAAA,QAAAqD,SAAA;EAH5DkB,MAAA,oBAAC,oBAAD;GACMlB,IAAAA;GACE,MAAAgB;GACG,SAAAC;GAERlB,UAAAA;EALgB,CAAA;EAMEpD,EAAA,MAAAoD;EAAApD,EAAA,MAAAqE;EAAArE,EAAA,MAAAsE;EAAAtE,EAAA,MAAAqD;EAAArD,EAAA,MAAAuE;CAAA,OAAAA,MAAAvE,EAAA;CAEvB,OAEK3C,cAAcmH,oBArDlBO,gBAAD;EACO3F,KAAAA;EACO6C,YAAAA;EACR,IAAAhE,MAAA;EACM,WAAA;EACFC;EACK,aAAA0F;EAIKtB,kBAAAA;EACN3B;EACAC;EACDC;EACFC;EACH5B;EACMwD,YAAAA;EAEV,QAAAyB;EAyBFI,UAAAA;CA3CY,CAqDKC,GAAW;EAAA,GAC3BjE;EAAK,GACLC;EAAKmC,YACI3F,aAAWuD,MAAKoC,YAAaA,UAAU;CACrD,CAAC;AAAC;AAGJ,MAAM8B,gBAAgBvI,WAAW2D,gBAAgB;AAEjD4E,cAAcC,cAAc;AAE5B,MAAaC,eAAeF"}

package/dist/components/fields/DatePicker/QuarterPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { PeriodPicker } from "./PeriodPicker.js";
 import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";

package/dist/components/fields/DatePicker/TimeInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { wrapWithField } from "../../form/wrapper.js";
 import { splitFieldLayout } from "../../form/field-layout.js";

package/dist/components/fields/DatePicker/WeekPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { PeriodPicker } from "./PeriodPicker.js";
 import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";

package/dist/components/fields/DatePicker/YearPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { PeriodPicker } from "./PeriodPicker.js";
 import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";

package/dist/components/fields/DatePicker/parseDate.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { parseAbsolute } from "@internationalized/date";
 //#region src/components/fields/DatePicker/parseDate.ts
 const ZONELESS_ISO_DATE = /^\d{4}-\d{2}-\d{2}(?:[Tt ]\d{2}:\d{2}(?::\d{2}(?:\.\d+)?)?)?$/;

package/dist/components/fields/DatePicker/period.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { CalendarDate, startOfMonth, startOfWeek, startOfYear, toCalendarDate } from "@internationalized/date";
 //#region src/components/fields/DatePicker/period.ts
 const MS_PER_DAY = 864e5;

package/dist/components/fields/DatePicker/props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 //#region src/components/fields/DatePicker/props.ts
 const DEFAULT_DATE_PROPS = {
 	granularity: "day",

package/dist/components/fields/DatePicker/utils.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useImperativeHandle } from "react";
 import { createDOMRef } from "@react-spectrum/utils";

package/dist/components/fields/FileInput/FileInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | 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/FilterListBox/FilterListBox.d.ts

@@ -19,7 +19,7 @@ export interface CubeFilterListBoxProps<T> extends Omit<CubeListBoxProps<T>, 'fi
    * Pass `false` to disable internal filtering completely (useful for external filtering).
    */
   filter?: FilterFn | false;
-  /** Label shown when the list is empty. When provided, overrides both the "No results found" and "No items" defaults. */
+  /** Label shown when the list is empty. When provided, overrides both the "No results found" and "No items" defaults. It wraps to the list's width, so a long message, or an action in it, stays in view. */
   emptyLabel?: ReactNode;
   /** Custom styles for the search input */
   searchInputStyles?: Styles;

package/dist/components/fields/FilterListBox/FilterListBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";