@cube-dev/ui-kit 0.197.0 → 0.198.1

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

@@ -1 +1 @@
-{"version":3,"file":"WeekPicker.js","names":["FocusableRef","forwardRef","DateValue","CubePeriodPickerProps","PeriodPicker","CubeWeekPickerProps","Omit","T","WeekPicker","props","ref","$","_c","t0","_WeekPicker","displayName"],"sources":["../../../../src/components/fields/DatePicker/WeekPicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { forwardRef } from 'react';\nimport { DateValue } from 'react-aria';\n\nimport { CubePeriodPickerProps, PeriodPicker } from './PeriodPicker';\n\nexport interface CubeWeekPickerProps<T extends DateValue = DateValue>\n  extends Omit<CubePeriodPickerProps<T>, 'picker'> {}\n\nfunction WeekPicker<T extends DateValue>(\n  props: CubeWeekPickerProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  return <PeriodPicker ref={ref} picker=\"week\" {...props} />;\n}\n\nconst _WeekPicker = forwardRef(WeekPicker);\n\n_WeekPicker.displayName = 'WeekPicker';\n\nexport { _WeekPicker as WeekPicker };\n"],"mappings":";;;;;;;AASA,SAAAQ,WAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAF,SAAAE,EAAA,OAAAD,KAAA;AAISG,OAAA,oBAAC;GAAkBH;GAAY,QAAA;GAAM,GAAKD;IAAS;AAAAE,IAAA,KAAAF;AAAAE,IAAA,KAAAD;AAAAC,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAAA,QAAnDE;;AAGT,MAAMC,cAAcb,WAAWO,WAAW;AAE1CM,YAAYC,cAAc"}
+{"version":3,"file":"WeekPicker.js","names":["FocusableRef","forwardRef","DateValue","CubePeriodPickerProps","PeriodPicker","CubeWeekPickerProps","Omit","T","WeekPicker","props","ref","$","_c","t0","_WeekPicker","displayName","_c"],"sources":["../../../../src/components/fields/DatePicker/WeekPicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { forwardRef } from 'react';\nimport { DateValue } from 'react-aria';\n\nimport { CubePeriodPickerProps, PeriodPicker } from './PeriodPicker';\n\nexport interface CubeWeekPickerProps<\n  T extends DateValue = DateValue,\n> extends Omit<CubePeriodPickerProps<T>, 'picker'> {}\n\nfunction WeekPicker<T extends DateValue>(\n  props: CubeWeekPickerProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  return <PeriodPicker ref={ref} picker=\"week\" {...props} />;\n}\n\nconst _WeekPicker = forwardRef(WeekPicker);\n\n_WeekPicker.displayName = 'WeekPicker';\n\nexport { _WeekPicker as WeekPicker };\n"],"mappings":";;;;;;AAUA,SAAAQ,WAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAF,SAAAE,EAAA,OAAAD,KAAA;EAISG,KAAA,oBAAC,cAAD;GAAmBH;GAAY,QAAA;GAAM,GAAKD;EAAK,CAAA;EAAIE,EAAA,KAAAF;EAAAE,EAAA,KAAAD;EAAAC,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,OAAnDE;AAAmD;AAG5D,MAAMC,cAAcb,WAAWO,UAAU;AAEzCM,YAAYC,cAAc"}

package/dist/components/fields/DatePicker/YearPicker.d.ts

@@ -1,12 +1,9 @@
 
 import { CubePeriodPickerProps } from "./PeriodPicker.js";
-import * as react from "react";
 import { DateValue } from "react-aria";
-import * as _react_types_shared0 from "@react-types/shared";
-
 //#region src/components/fields/DatePicker/YearPicker.d.ts
-interface CubeYearPickerProps<T extends DateValue = DateValue> extends Omit<CubePeriodPickerProps<T>, 'picker'> {}
-declare const _YearPicker: react.ForwardRefExoticComponent<CubeYearPickerProps<DateValue> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
+export interface CubeYearPickerProps<T extends DateValue = DateValue> extends Omit<CubePeriodPickerProps<T>, 'picker'> {}
+declare const _YearPicker: import("react").ForwardRefExoticComponent<CubeYearPickerProps<DateValue> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
 //#endregion
-export { CubeYearPickerProps, _YearPicker };
+export { _YearPicker as YearPicker };
 //# sourceMappingURL=YearPicker.d.ts.map

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

@@ -1,9 +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 { PeriodPicker } from "./PeriodPicker.js";
 import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/fields/DatePicker/YearPicker.tsx
 function YearPicker(props, ref) {
 	const $ = c(3);
@@ -22,7 +21,7 @@ function YearPicker(props, ref) {
 }
 const _YearPicker = forwardRef(YearPicker);
 _YearPicker.displayName = "YearPicker";
-
 //#endregion
-export { _YearPicker };
+export { _YearPicker as YearPicker };
+
 //# sourceMappingURL=YearPicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"YearPicker.js","names":["FocusableRef","forwardRef","DateValue","CubePeriodPickerProps","PeriodPicker","CubeYearPickerProps","Omit","T","YearPicker","props","ref","$","_c","t0","_YearPicker","displayName"],"sources":["../../../../src/components/fields/DatePicker/YearPicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { forwardRef } from 'react';\nimport { DateValue } from 'react-aria';\n\nimport { CubePeriodPickerProps, PeriodPicker } from './PeriodPicker';\n\nexport interface CubeYearPickerProps<T extends DateValue = DateValue>\n  extends Omit<CubePeriodPickerProps<T>, 'picker'> {}\n\nfunction YearPicker<T extends DateValue>(\n  props: CubeYearPickerProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  return <PeriodPicker ref={ref} picker=\"year\" {...props} />;\n}\n\nconst _YearPicker = forwardRef(YearPicker);\n\n_YearPicker.displayName = 'YearPicker';\n\nexport { _YearPicker as YearPicker };\n"],"mappings":";;;;;;;AASA,SAAAQ,WAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAF,SAAAE,EAAA,OAAAD,KAAA;AAISG,OAAA,oBAAC;GAAkBH;GAAY,QAAA;GAAM,GAAKD;IAAS;AAAAE,IAAA,KAAAF;AAAAE,IAAA,KAAAD;AAAAC,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAAA,QAAnDE;;AAGT,MAAMC,cAAcb,WAAWO,WAAW;AAE1CM,YAAYC,cAAc"}
+{"version":3,"file":"YearPicker.js","names":["FocusableRef","forwardRef","DateValue","CubePeriodPickerProps","PeriodPicker","CubeYearPickerProps","Omit","T","YearPicker","props","ref","$","_c","t0","_YearPicker","displayName","_c"],"sources":["../../../../src/components/fields/DatePicker/YearPicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { forwardRef } from 'react';\nimport { DateValue } from 'react-aria';\n\nimport { CubePeriodPickerProps, PeriodPicker } from './PeriodPicker';\n\nexport interface CubeYearPickerProps<\n  T extends DateValue = DateValue,\n> extends Omit<CubePeriodPickerProps<T>, 'picker'> {}\n\nfunction YearPicker<T extends DateValue>(\n  props: CubeYearPickerProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  return <PeriodPicker ref={ref} picker=\"year\" {...props} />;\n}\n\nconst _YearPicker = forwardRef(YearPicker);\n\n_YearPicker.displayName = 'YearPicker';\n\nexport { _YearPicker as YearPicker };\n"],"mappings":";;;;;;AAUA,SAAAQ,WAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAF,SAAAE,EAAA,OAAAD,KAAA;EAISG,KAAA,oBAAC,cAAD;GAAmBH;GAAY,QAAA;GAAM,GAAKD;EAAK,CAAA;EAAIE,EAAA,KAAAF;EAAAE,EAAA,KAAAD;EAAAC,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,OAAnDE;AAAmD;AAG5D,MAAMC,cAAcb,WAAWO,UAAU;AAEzCM,YAAYC,cAAc"}

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

@@ -1,14 +1,15 @@
 
 import { DateFieldBase, Granularity } from "./types.js";
-import { CubeTimeInputProps, _TimeInput } from "./TimeInput.js";
-import { CubeDateInputProps, _DateInput } from "./DateInput.js";
-import { CubeDatePickerProps, _DatePicker } from "./DatePicker.js";
-import { CubeDateRangePickerProps, _DateRangePicker } from "./DateRangePicker.js";
+import { CubeTimeInputProps, TimeInput as _TimeInput } from "./TimeInput.js";
+import { CubeDateInputProps, DateInput as _DateInput } from "./DateInput.js";
+import { CubeDatePickerProps, DatePicker as _DatePicker } from "./DatePicker.js";
+import { CubeDateRangePickerProps, DateRangePicker as _DateRangePicker } from "./DateRangePicker.js";
 import { parseAbsoluteDate } from "./parseDate.js";
-import { CubeDateRangeSeparatedPickerProps, _DateRangeSeparatedPicker } from "./DateRangeSeparatedPicker.js";
+import { CubeDateRangeSeparatedPickerProps, DateRangeSeparatedPicker as _DateRangeSeparatedPicker } from "./DateRangeSeparatedPicker.js";
 import { PickerType, formatPeriod, getQuarter, getWeekNumber, snapToPeriod } from "./period.js";
 import { CubePeriodPickerProps, PeriodPicker } from "./PeriodPicker.js";
-import { CubeMonthPickerProps, _MonthPicker } from "./MonthPicker.js";
-import { CubeQuarterPickerProps, _QuarterPicker } from "./QuarterPicker.js";
-import { CubeYearPickerProps, _YearPicker } from "./YearPicker.js";
-import { CubeWeekPickerProps, _WeekPicker } from "./WeekPicker.js";
+import { CubeMonthPickerProps, MonthPicker as _MonthPicker } from "./MonthPicker.js";
+import { CubeQuarterPickerProps, QuarterPicker as _QuarterPicker } from "./QuarterPicker.js";
+import { CubeYearPickerProps, YearPicker as _YearPicker } from "./YearPicker.js";
+import { CubeWeekPickerProps, WeekPicker as _WeekPicker } from "./WeekPicker.js";
+export { CubeDateInputProps, CubeDatePickerProps, CubeDateRangePickerProps, CubeDateRangeSeparatedPickerProps, CubeMonthPickerProps, CubePeriodPickerProps, CubeQuarterPickerProps, CubeTimeInputProps, CubeWeekPickerProps, CubeYearPickerProps, DateFieldBase, _DateInput as DateInput, _DatePicker as DatePicker, _DateRangePicker as DateRangePicker, _DateRangeSeparatedPicker as DateRangeSeparatedPicker, Granularity, _MonthPicker as MonthPicker, PeriodPicker, PickerType, _QuarterPicker as QuarterPicker, _TimeInput as TimeInput, _WeekPicker as WeekPicker, _YearPicker as YearPicker, formatPeriod, getQuarter, getWeekNumber, parseAbsoluteDate, snapToPeriod };

package/dist/components/fields/DatePicker/parseDate.d.ts

@@ -1,6 +1,4 @@
 
-import * as _internationalized_date0 from "@internationalized/date";
-
 //#region src/components/fields/DatePicker/parseDate.d.ts
 /**
  * Parses a date into a `ZonedDateTime` in UTC. A string with a zone or offset
@@ -9,7 +7,6 @@ import * as _internationalized_date0 from "@internationalized/date";
  * browser's zone. Other strings `Date` understands are parsed by it.
  * Returns `undefined` for an empty or invalid value.
  */
-declare function parseAbsoluteDate(val: string | Date | undefined | null): _internationalized_date0.ZonedDateTime | undefined;
+export declare function parseAbsoluteDate(val: string | Date | undefined | null): import("@internationalized/date").ZonedDateTime | undefined;
 //#endregion
-export { parseAbsoluteDate };
 //# sourceMappingURL=parseDate.d.ts.map

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

@@ -1,6 +1,5 @@
-/** @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 { 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+)?)?)?$/;
 const DAY_ZERO = /^\d{4}-\d{2}-00(?!\d)/;
@@ -29,7 +28,7 @@ function parseAbsoluteDate(val) {
 		}
 	}
 }
-
 //#endregion
 export { parseAbsoluteDate };
+
 //# sourceMappingURL=parseDate.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"parseDate.js","names":["parseAbsolute","ZONELESS_ISO_DATE","DAY_ZERO","parseAbsoluteDate","val","Date","trim","undefined","toISOString","zoneless","test","hasTime","length","utc","slice","RangeError","e","fallback","Number","isNaN","parse","console","error"],"sources":["../../../../src/components/fields/DatePicker/parseDate.ts"],"sourcesContent":["import { parseAbsolute } from '@internationalized/date';\n\n// An ISO 8601 date or date-time with no zone: `2024-01-05`, `2024-01-05T10:30`,\n// `2024-01-05 10:30:15.250`.\nconst ZONELESS_ISO_DATE =\n  /^\\d{4}-\\d{2}-\\d{2}(?:[Tt ]\\d{2}:\\d{2}(?::\\d{2}(?:\\.\\d+)?)?)?$/;\n\n// Day 00, which `@internationalized/date` reads as the previous month's last.\nconst DAY_ZERO = /^\\d{4}-\\d{2}-00(?!\\d)/;\n\n/**\n * Parses a date into a `ZonedDateTime` in UTC. A string with a zone or offset\n * keeps its instant. A `YYYY-MM-DD` date, optionally followed by `T` or a space\n * and `HH:mm[:ss[.sss]]`, with no zone is read as UTC wall time, not in the\n * browser's zone. Other strings `Date` understands are parsed by it.\n * Returns `undefined` for an empty or invalid value.\n */\nexport function parseAbsoluteDate(val: string | Date | undefined | null) {\n  if (!val || (typeof val === 'string' && val.trim() === '')) {\n    return undefined;\n  }\n\n  if (val instanceof Date) {\n    return parseAbsolute(val.toISOString(), 'UTC');\n  }\n\n  const zoneless = ZONELESS_ISO_DATE.test(val);\n  const hasTime = zoneless && val.length > 10;\n  // A zoneless value read as UTC: `YYYY-MM-DDTHH:mm…Z`.\n  const utc = zoneless\n    ? `${val.slice(0, 10)}T${hasTime ? val.slice(11) : '00:00'}Z`\n    : val;\n\n  try {\n    if (DAY_ZERO.test(val)) {\n      throw new RangeError(`Day 00 in ${val}`);\n    }\n\n    return parseAbsolute(utc, 'UTC');\n  } catch (e) {\n    // `Date` reads a date-only string as UTC but a date-time as local time, so\n    // a zoneless one it gets here (such as `T24:00`) keeps its `Z`.\n    const fallback = hasTime ? utc : val;\n\n    if (!DAY_ZERO.test(val) && !Number.isNaN(Date.parse(fallback))) {\n      return parseAbsolute(new Date(fallback).toISOString(), 'UTC');\n    } else {\n      console.error('Invalid date format', val);\n      return undefined;\n    }\n  }\n}\n"],"mappings":";;;;AAIA,MAAMC,oBACJ;AAGF,MAAMC,WAAW;;;;;;;;AASjB,SAAgBC,kBAAkBC,KAAuC;AACvE,KAAI,CAACA,OAAQ,OAAOA,QAAQ,YAAYA,IAAIE,MAAM,KAAK,GACrD;AAGF,KAAIF,eAAeC,KACjB,QAAOL,cAAcI,IAAII,aAAa,EAAE,MAAM;CAGhD,MAAMC,WAAWR,kBAAkBS,KAAKN,IAAI;CAC5C,MAAMO,UAAUF,YAAYL,IAAIQ,SAAS;CAEzC,MAAMC,MAAMJ,WACR,GAAGL,IAAIU,MAAM,GAAG,GAAG,CAAA,GAAIH,UAAUP,IAAIU,MAAM,GAAG,GAAG,QAAO,KACxDV;AAEJ,KAAI;AACF,MAAIF,SAASQ,KAAKN,IAAI,CACpB,OAAM,IAAIW,WAAW,aAAaX,MAAM;AAG1C,SAAOJ,cAAca,KAAK,MAAM;UACzBG,GAAG;EAGV,MAAMC,WAAWN,UAAUE,MAAMT;AAEjC,MAAI,CAACF,SAASQ,KAAKN,IAAI,IAAI,CAACc,OAAOC,MAAMd,KAAKe,MAAMH,SAAS,CAAC,CAC5D,QAAOjB,cAAc,IAAIK,KAAKY,SAAS,CAACT,aAAa,EAAE,MAAM;OACxD;AACLa,WAAQC,MAAM,uBAAuBlB,IAAI;AACzC"}
+{"version":3,"file":"parseDate.js","names":["parseAbsolute","ZONELESS_ISO_DATE","DAY_ZERO","parseAbsoluteDate","val","Date","trim","undefined","toISOString","zoneless","test","hasTime","length","utc","slice","RangeError","e","fallback","Number","isNaN","parse","console","error"],"sources":["../../../../src/components/fields/DatePicker/parseDate.ts"],"sourcesContent":["import { parseAbsolute } from '@internationalized/date';\n\n// An ISO 8601 date or date-time with no zone: `2024-01-05`, `2024-01-05T10:30`,\n// `2024-01-05 10:30:15.250`.\nconst ZONELESS_ISO_DATE =\n  /^\\d{4}-\\d{2}-\\d{2}(?:[Tt ]\\d{2}:\\d{2}(?::\\d{2}(?:\\.\\d+)?)?)?$/;\n\n// Day 00, which `@internationalized/date` reads as the previous month's last.\nconst DAY_ZERO = /^\\d{4}-\\d{2}-00(?!\\d)/;\n\n/**\n * Parses a date into a `ZonedDateTime` in UTC. A string with a zone or offset\n * keeps its instant. A `YYYY-MM-DD` date, optionally followed by `T` or a space\n * and `HH:mm[:ss[.sss]]`, with no zone is read as UTC wall time, not in the\n * browser's zone. Other strings `Date` understands are parsed by it.\n * Returns `undefined` for an empty or invalid value.\n */\nexport function parseAbsoluteDate(val: string | Date | undefined | null) {\n  if (!val || (typeof val === 'string' && val.trim() === '')) {\n    return undefined;\n  }\n\n  if (val instanceof Date) {\n    return parseAbsolute(val.toISOString(), 'UTC');\n  }\n\n  const zoneless = ZONELESS_ISO_DATE.test(val);\n  const hasTime = zoneless && val.length > 10;\n  // A zoneless value read as UTC: `YYYY-MM-DDTHH:mm…Z`.\n  const utc = zoneless\n    ? `${val.slice(0, 10)}T${hasTime ? val.slice(11) : '00:00'}Z`\n    : val;\n\n  try {\n    if (DAY_ZERO.test(val)) {\n      throw new RangeError(`Day 00 in ${val}`);\n    }\n\n    return parseAbsolute(utc, 'UTC');\n  } catch (e) {\n    // `Date` reads a date-only string as UTC but a date-time as local time, so\n    // a zoneless one it gets here (such as `T24:00`) keeps its `Z`.\n    const fallback = hasTime ? utc : val;\n\n    if (!DAY_ZERO.test(val) && !Number.isNaN(Date.parse(fallback))) {\n      return parseAbsolute(new Date(fallback).toISOString(), 'UTC');\n    } else {\n      console.error('Invalid date format', val);\n      return undefined;\n    }\n  }\n}\n"],"mappings":";;;AAIA,MAAMC,oBACJ;AAGF,MAAMC,WAAW;;;;;;;;AASjB,SAAgBC,kBAAkBC,KAAuC;CACvE,IAAI,CAACA,OAAQ,OAAOA,QAAQ,YAAYA,IAAIE,KAAK,MAAM,IACrD;CAGF,IAAIF,eAAeC,MACjB,OAAOL,cAAcI,IAAII,YAAY,GAAG,KAAK;CAG/C,MAAMC,WAAWR,kBAAkBS,KAAKN,GAAG;CAC3C,MAAMO,UAAUF,YAAYL,IAAIQ,SAAS;CAEzC,MAAMC,MAAMJ,WACR,GAAGL,IAAIU,MAAM,GAAG,EAAE,EAAC,GAAIH,UAAUP,IAAIU,MAAM,EAAE,IAAI,QAAO,KACxDV;CAEJ,IAAI;EACF,IAAIF,SAASQ,KAAKN,GAAG,GACnB,MAAM,IAAIW,WAAW,aAAaX,KAAK;EAGzC,OAAOJ,cAAca,KAAK,KAAK;CACjC,SAASG,GAAG;EAGV,MAAMC,WAAWN,UAAUE,MAAMT;EAEjC,IAAI,CAACF,SAASQ,KAAKN,GAAG,KAAK,CAACc,OAAOC,MAAMd,KAAKe,MAAMH,QAAQ,CAAC,GAC3D,OAAOjB,cAAc,IAAIK,KAAKY,QAAQ,CAAC,CAACT,YAAY,GAAG,KAAK;OACvD;GACLa,QAAQC,MAAM,uBAAuBlB,GAAG;GACxC;EACF;CACF;AACF"}

package/dist/components/fields/DatePicker/period.d.ts

@@ -1,16 +1,15 @@
 
 import { DateValue } from "react-aria";
 import { CalendarDate } from "@internationalized/date";
-
 //#region src/components/fields/DatePicker/period.d.ts
 /**
  * The period granularity a picker operates on. Unlike React Aria's `granularity`
  * (which controls the smallest *time* unit shown in a date field), this controls
  * which calendar panel is shown and which period a selected value is snapped to.
  */
-type PickerType = 'week' | 'month' | 'quarter' | 'year';
+export type PickerType = 'week' | 'month' | 'quarter' | 'year';
 /** The 1-based quarter (1–4) that a given month (1–12) belongs to. */
-declare function getQuarter(month: number): number;
+export declare function getQuarter(month: number): number;
 /**
  * Snap a date to the start of the period it belongs to:
  * - `week`   → the first day of its week (locale-aware)
@@ -18,18 +17,17 @@ declare function getQuarter(month: number): number;
  * - `quarter`→ the 1st of the first month of its quarter
  * - `year`   → January 1st
  */
-declare function snapToPeriod(date: DateValue, picker: PickerType, locale: string): CalendarDate;
+export declare function snapToPeriod(date: DateValue, picker: PickerType, locale: string): CalendarDate;
 /**
  * The locale-aware week-of-year number for a date, counted from the first week
  * of that date's calendar year (matches how the value's year is displayed).
  */
-declare function getWeekNumber(date: DateValue, locale: string): number;
+export declare function getWeekNumber(date: DateValue, locale: string): number;
 /**
  * Default formatting of a period value into a compact label, e.g.
  * `2026-08` (month), `2026-Q3` (quarter), `2026` (year), `2026-W33` (week).
  * Consumers can override this via the picker's `formatValue` prop.
  */
-declare function formatPeriod(date: DateValue, picker: PickerType, locale: string): string;
+export declare function formatPeriod(date: DateValue, picker: PickerType, locale: string): string;
 //#endregion
-export { PickerType, formatPeriod, getQuarter, getWeekNumber, snapToPeriod };
 //# sourceMappingURL=period.d.ts.map

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

@@ -1,8 +1,7 @@
-/** @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 { CalendarDate, startOfMonth, startOfWeek, startOfYear, toCalendarDate } from "@internationalized/date";
-
 //#region src/components/fields/DatePicker/period.ts
-const MS_PER_DAY = 1440 * 60 * 1e3;
+const MS_PER_DAY = 864e5;
 /** The 1-based quarter (1–4) that a given month (1–12) belongs to. */
 function getQuarter(month) {
 	return Math.floor((month - 1) / 3) + 1;
@@ -52,7 +51,7 @@ function formatPeriod(date, picker, locale) {
 		case "week": return `${cd.year}-W${pad2(getWeekNumber(cd, locale))}`;
 	}
 }
-
 //#endregion
 export { formatPeriod, getQuarter, getWeekNumber, snapToPeriod };
+
 //# sourceMappingURL=period.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"period.js","names":["CalendarDate","startOfMonth","startOfWeek","startOfYear","toCalendarDate","DateValue","PickerType","MS_PER_DAY","getQuarter","month","Math","floor","snapToPeriod","date","picker","locale","cd","quarterStartMonth","year","getWeekNumber","weekStart","firstWeekStart","diffDays","round","toDate","getTime","pad2","value","String","padStart","formatPeriod"],"sources":["../../../../src/components/fields/DatePicker/period.ts"],"sourcesContent":["import {\n  CalendarDate,\n  startOfMonth,\n  startOfWeek,\n  startOfYear,\n  toCalendarDate,\n} from '@internationalized/date';\nimport { DateValue } from 'react-aria';\n\n/**\n * The period granularity a picker operates on. Unlike React Aria's `granularity`\n * (which controls the smallest *time* unit shown in a date field), this controls\n * which calendar panel is shown and which period a selected value is snapped to.\n */\nexport type PickerType = 'week' | 'month' | 'quarter' | 'year';\n\nconst MS_PER_DAY = 24 * 60 * 60 * 1000;\n\n/** The 1-based quarter (1–4) that a given month (1–12) belongs to. */\nexport function getQuarter(month: number): number {\n  return Math.floor((month - 1) / 3) + 1;\n}\n\n/**\n * Snap a date to the start of the period it belongs to:\n * - `week`   → the first day of its week (locale-aware)\n * - `month`  → the 1st of its month\n * - `quarter`→ the 1st of the first month of its quarter\n * - `year`   → January 1st\n */\nexport function snapToPeriod(\n  date: DateValue,\n  picker: PickerType,\n  locale: string,\n): CalendarDate {\n  const cd = toCalendarDate(date);\n\n  switch (picker) {\n    case 'week':\n      return startOfWeek(cd, locale);\n    case 'month':\n      return startOfMonth(cd);\n    case 'quarter': {\n      const quarterStartMonth = (getQuarter(cd.month) - 1) * 3 + 1;\n      return new CalendarDate(cd.year, quarterStartMonth, 1);\n    }\n    case 'year':\n      return startOfYear(cd);\n  }\n}\n\n/**\n * The locale-aware week-of-year number for a date, counted from the first week\n * of that date's calendar year (matches how the value's year is displayed).\n */\nexport function getWeekNumber(date: DateValue, locale: string): number {\n  const cd = toCalendarDate(date);\n  const weekStart = startOfWeek(cd, locale);\n  const firstWeekStart = startOfWeek(startOfYear(cd), locale);\n  const diffDays = Math.round(\n    (weekStart.toDate('UTC').getTime() -\n      firstWeekStart.toDate('UTC').getTime()) /\n      MS_PER_DAY,\n  );\n\n  return Math.floor(diffDays / 7) + 1;\n}\n\nconst pad2 = (value: number) => String(value).padStart(2, '0');\n\n/**\n * Default formatting of a period value into a compact label, e.g.\n * `2026-08` (month), `2026-Q3` (quarter), `2026` (year), `2026-W33` (week).\n * Consumers can override this via the picker's `formatValue` prop.\n */\nexport function formatPeriod(\n  date: DateValue,\n  picker: PickerType,\n  locale: string,\n): string {\n  const cd = toCalendarDate(date);\n\n  switch (picker) {\n    case 'year':\n      return String(cd.year);\n    case 'quarter':\n      return `${cd.year}-Q${getQuarter(cd.month)}`;\n    case 'month':\n      return `${cd.year}-${pad2(cd.month)}`;\n    case 'week':\n      return `${cd.year}-W${pad2(getWeekNumber(cd, locale))}`;\n  }\n}\n"],"mappings":";;;;AAgBA,MAAMO,aAAa,OAAU,KAAK;;AAGlC,SAAgBC,WAAWC,OAAuB;AAChD,QAAOC,KAAKC,OAAOF,QAAQ,KAAK,EAAE,GAAG;;;;;;;;;AAUvC,SAAgBG,aACdC,MACAC,QACAC,QACc;CACd,MAAMC,KAAKZ,eAAeS,KAAK;AAE/B,SAAQC,QAAR;EACE,KAAK,OACH,QAAOZ,YAAYc,IAAID,OAAO;EAChC,KAAK,QACH,QAAOd,aAAae,GAAG;EACzB,KAAK,WAAW;GACd,MAAMC,qBAAqBT,WAAWQ,GAAGP,MAAM,GAAG,KAAK,IAAI;AAC3D,UAAO,IAAIT,aAAagB,GAAGE,MAAMD,mBAAmB,EAAE;;EAExD,KAAK,OACH,QAAOd,YAAYa,GAAG;;;;;;;AAQ5B,SAAgBG,cAAcN,MAAiBE,QAAwB;CACrE,MAAMC,KAAKZ,eAAeS,KAAK;CAC/B,MAAMO,YAAYlB,YAAYc,IAAID,OAAO;CACzC,MAAMM,iBAAiBnB,YAAYC,YAAYa,GAAG,EAAED,OAAO;CAC3D,MAAMO,WAAWZ,KAAKa,OACnBH,UAAUI,OAAO,MAAM,CAACC,SAAS,GAChCJ,eAAeG,OAAO,MAAM,CAACC,SAAS,IACtClB,WACH;AAED,QAAOG,KAAKC,MAAMW,WAAW,EAAE,GAAG;;AAGpC,MAAMI,QAAQC,UAAkBC,OAAOD,MAAM,CAACE,SAAS,GAAG,IAAI;;;;;;AAO9D,SAAgBC,aACdjB,MACAC,QACAC,QACQ;CACR,MAAMC,KAAKZ,eAAeS,KAAK;AAE/B,SAAQC,QAAR;EACE,KAAK,OACH,QAAOc,OAAOZ,GAAGE,KAAK;EACxB,KAAK,UACH,QAAO,GAAGF,GAAGE,KAAI,IAAKV,WAAWQ,GAAGP,MAAM;EAC5C,KAAK,QACH,QAAO,GAAGO,GAAGE,KAAI,GAAIQ,KAAKV,GAAGP,MAAM;EACrC,KAAK,OACH,QAAO,GAAGO,GAAGE,KAAI,IAAKQ,KAAKP,cAAcH,IAAID,OAAO,CAAC"}
+{"version":3,"file":"period.js","names":["CalendarDate","startOfMonth","startOfWeek","startOfYear","toCalendarDate","DateValue","PickerType","MS_PER_DAY","getQuarter","month","Math","floor","snapToPeriod","date","picker","locale","cd","quarterStartMonth","year","getWeekNumber","weekStart","firstWeekStart","diffDays","round","toDate","getTime","pad2","value","String","padStart","formatPeriod"],"sources":["../../../../src/components/fields/DatePicker/period.ts"],"sourcesContent":["import {\n  CalendarDate,\n  startOfMonth,\n  startOfWeek,\n  startOfYear,\n  toCalendarDate,\n} from '@internationalized/date';\nimport { DateValue } from 'react-aria';\n\n/**\n * The period granularity a picker operates on. Unlike React Aria's `granularity`\n * (which controls the smallest *time* unit shown in a date field), this controls\n * which calendar panel is shown and which period a selected value is snapped to.\n */\nexport type PickerType = 'week' | 'month' | 'quarter' | 'year';\n\nconst MS_PER_DAY = 24 * 60 * 60 * 1000;\n\n/** The 1-based quarter (1–4) that a given month (1–12) belongs to. */\nexport function getQuarter(month: number): number {\n  return Math.floor((month - 1) / 3) + 1;\n}\n\n/**\n * Snap a date to the start of the period it belongs to:\n * - `week`   → the first day of its week (locale-aware)\n * - `month`  → the 1st of its month\n * - `quarter`→ the 1st of the first month of its quarter\n * - `year`   → January 1st\n */\nexport function snapToPeriod(\n  date: DateValue,\n  picker: PickerType,\n  locale: string,\n): CalendarDate {\n  const cd = toCalendarDate(date);\n\n  switch (picker) {\n    case 'week':\n      return startOfWeek(cd, locale);\n    case 'month':\n      return startOfMonth(cd);\n    case 'quarter': {\n      const quarterStartMonth = (getQuarter(cd.month) - 1) * 3 + 1;\n      return new CalendarDate(cd.year, quarterStartMonth, 1);\n    }\n    case 'year':\n      return startOfYear(cd);\n  }\n}\n\n/**\n * The locale-aware week-of-year number for a date, counted from the first week\n * of that date's calendar year (matches how the value's year is displayed).\n */\nexport function getWeekNumber(date: DateValue, locale: string): number {\n  const cd = toCalendarDate(date);\n  const weekStart = startOfWeek(cd, locale);\n  const firstWeekStart = startOfWeek(startOfYear(cd), locale);\n  const diffDays = Math.round(\n    (weekStart.toDate('UTC').getTime() -\n      firstWeekStart.toDate('UTC').getTime()) /\n      MS_PER_DAY,\n  );\n\n  return Math.floor(diffDays / 7) + 1;\n}\n\nconst pad2 = (value: number) => String(value).padStart(2, '0');\n\n/**\n * Default formatting of a period value into a compact label, e.g.\n * `2026-08` (month), `2026-Q3` (quarter), `2026` (year), `2026-W33` (week).\n * Consumers can override this via the picker's `formatValue` prop.\n */\nexport function formatPeriod(\n  date: DateValue,\n  picker: PickerType,\n  locale: string,\n): string {\n  const cd = toCalendarDate(date);\n\n  switch (picker) {\n    case 'year':\n      return String(cd.year);\n    case 'quarter':\n      return `${cd.year}-Q${getQuarter(cd.month)}`;\n    case 'month':\n      return `${cd.year}-${pad2(cd.month)}`;\n    case 'week':\n      return `${cd.year}-W${pad2(getWeekNumber(cd, locale))}`;\n  }\n}\n"],"mappings":";;;AAgBA,MAAMO,aAAa;;AAGnB,SAAgBC,WAAWC,OAAuB;CAChD,OAAOC,KAAKC,OAAOF,QAAQ,KAAK,CAAC,IAAI;AACvC;;;;;;;;AASA,SAAgBG,aACdC,MACAC,QACAC,QACc;CACd,MAAMC,KAAKZ,eAAeS,IAAI;CAE9B,QAAQC,QAAR;EACE,KAAK,QACH,OAAOZ,YAAYc,IAAID,MAAM;EAC/B,KAAK,SACH,OAAOd,aAAae,EAAE;EACxB,KAAK,WAAW;GACd,MAAMC,qBAAqBT,WAAWQ,GAAGP,KAAK,IAAI,KAAK,IAAI;GAC3D,OAAO,IAAIT,aAAagB,GAAGE,MAAMD,mBAAmB,CAAC;EACvD;EACA,KAAK,QACH,OAAOd,YAAYa,EAAE;CACzB;AACF;;;;;AAMA,SAAgBG,cAAcN,MAAiBE,QAAwB;CACrE,MAAMC,KAAKZ,eAAeS,IAAI;CAC9B,MAAMO,YAAYlB,YAAYc,IAAID,MAAM;CACxC,MAAMM,iBAAiBnB,YAAYC,YAAYa,EAAE,GAAGD,MAAM;CAC1D,MAAMO,WAAWZ,KAAKa,OACnBH,UAAUI,OAAO,KAAK,CAAC,CAACC,QAAQ,IAC/BJ,eAAeG,OAAO,KAAK,CAAC,CAACC,QAAQ,KACrClB,UACJ;CAEA,OAAOG,KAAKC,MAAMW,WAAW,CAAC,IAAI;AACpC;AAEA,MAAMI,QAAQC,UAAkBC,OAAOD,KAAK,CAAC,CAACE,SAAS,GAAG,GAAG;;;;;;AAO7D,SAAgBC,aACdjB,MACAC,QACAC,QACQ;CACR,MAAMC,KAAKZ,eAAeS,IAAI;CAE9B,QAAQC,QAAR;EACE,KAAK,QACH,OAAOc,OAAOZ,GAAGE,IAAI;EACvB,KAAK,WACH,OAAO,GAAGF,GAAGE,KAAI,IAAKV,WAAWQ,GAAGP,KAAK;EAC3C,KAAK,SACH,OAAO,GAAGO,GAAGE,KAAI,GAAIQ,KAAKV,GAAGP,KAAK;EACpC,KAAK,QACH,OAAO,GAAGO,GAAGE,KAAI,IAAKQ,KAAKP,cAAcH,IAAID,MAAM,CAAC;CACxD;AACF"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 //#region src/components/fields/DatePicker/props.ts
 const DEFAULT_DATE_PROPS = {
 	granularity: "day",
@@ -11,7 +11,7 @@ const DEFAULT_TIME_PROPS = {
 	hourCycle: 24,
 	shouldForceLeadingZeros: true
 };
-
 //#endregion
 export { DEFAULT_DATE_PROPS, DEFAULT_TIME_PROPS };
+
 //# sourceMappingURL=props.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"props.js","names":["AriaDatePickerProps","AriaTimeFieldProps","DateValue","TimeValue","DEFAULT_DATE_PROPS","granularity","hideTimeZone","hourCycle","shouldForceLeadingZeros","Partial","DEFAULT_TIME_PROPS"],"sources":["../../../../src/components/fields/DatePicker/props.ts"],"sourcesContent":["import {\n  AriaDatePickerProps,\n  AriaTimeFieldProps,\n  DateValue,\n  TimeValue,\n} from 'react-aria';\n\nexport const DEFAULT_DATE_PROPS = {\n  granularity: 'day',\n  hideTimeZone: true,\n  hourCycle: 24,\n  shouldForceLeadingZeros: true,\n} satisfies Partial<AriaDatePickerProps<DateValue>>;\n\nexport const DEFAULT_TIME_PROPS = {\n  hideTimeZone: true,\n  hourCycle: 24,\n  shouldForceLeadingZeros: true,\n} satisfies Partial<AriaTimeFieldProps<TimeValue>>;\n"],"mappings":";;AAOA,MAAaI,qBAAqB;CAChCC,aAAa;CACbC,cAAc;CACdC,WAAW;CACXC,yBAAyB;CAC1B;AAED,MAAaE,qBAAqB;CAChCJ,cAAc;CACdC,WAAW;CACXC,yBAAyB;CAC1B"}
+{"version":3,"file":"props.js","names":["AriaDatePickerProps","AriaTimeFieldProps","DateValue","TimeValue","DEFAULT_DATE_PROPS","granularity","hideTimeZone","hourCycle","shouldForceLeadingZeros","Partial","DEFAULT_TIME_PROPS"],"sources":["../../../../src/components/fields/DatePicker/props.ts"],"sourcesContent":["import {\n  AriaDatePickerProps,\n  AriaTimeFieldProps,\n  DateValue,\n  TimeValue,\n} from 'react-aria';\n\nexport const DEFAULT_DATE_PROPS = {\n  granularity: 'day',\n  hideTimeZone: true,\n  hourCycle: 24,\n  shouldForceLeadingZeros: true,\n} satisfies Partial<AriaDatePickerProps<DateValue>>;\n\nexport const DEFAULT_TIME_PROPS = {\n  hideTimeZone: true,\n  hourCycle: 24,\n  shouldForceLeadingZeros: true,\n} satisfies Partial<AriaTimeFieldProps<TimeValue>>;\n"],"mappings":";;AAOA,MAAaI,qBAAqB;CAChCC,aAAa;CACbC,cAAc;CACdC,WAAW;CACXC,yBAAyB;AAC3B;AAEA,MAAaE,qBAAqB;CAChCJ,cAAc;CACdC,WAAW;CACXC,yBAAyB;AAC3B"}

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

@@ -1,9 +1,8 @@
 
 import { DateValue } from "react-aria";
-
 //#region src/components/fields/DatePicker/types.d.ts
-type Granularity = 'day' | 'hour' | 'minute' | 'second';
-interface DateFieldBase<T extends DateValue> {
+export type Granularity = 'day' | 'hour' | 'minute' | 'second';
+export interface DateFieldBase<T extends DateValue> {
   /** The minimum allowed date that a user may select. */
   minValue?: DateValue;
   /** The maximum allowed date that a user may select. */
@@ -31,5 +30,4 @@ interface DateFieldBase<T extends DateValue> {
   isRequired?: boolean;
 }
 //#endregion
-export { DateFieldBase, Granularity };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,25 +1,28 @@
-/** @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 { c } from "react/compiler-runtime";
-import { useImperativeHandle, useRef } from "react";
+import { useImperativeHandle } from "react";
 import { createDOMRef } from "@react-spectrum/utils";
 import { createFocusManager } from "@react-aria/focus";
-
 //#region src/components/fields/DatePicker/utils.ts
-function useFocusManagerRef(ref) {
-	const $ = c(1);
-	const domRef = useRef(null);
+/**
+* Points a picker's `ref` at `domRef`, its control's own element, so the
+* handle reaches it with or without the field chrome; `focus()` focuses its
+* first segment.
+*/
+function useFocusManagerRef(ref, domRef) {
+	const $ = c(2);
 	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[0] !== domRef) {
 		t0 = () => ({
 			...createDOMRef(domRef),
 			focus() {
 				createFocusManager(domRef).focusFirst({ tabbable: true });
 			}
 		});
-		$[0] = t0;
-	} else t0 = $[0];
+		$[0] = domRef;
+		$[1] = t0;
+	} else t0 = $[1];
 	useImperativeHandle(ref, t0);
-	return domRef;
 }
 function formatSegments(segments) {
 	segments = JSON.parse(JSON.stringify(segments));
@@ -46,7 +49,7 @@ function formatSegments(segments) {
 	}
 	return segments;
 }
-
 //#endregion
 export { formatSegments, useFocusManagerRef };
+
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["createFocusManager","createDOMRef","FocusableRef","useImperativeHandle","useRef","DateSegment","useFocusManagerRef","ref","$","_c","domRef","t0","Symbol","for","focus","focusFirst","tabbable","formatSegments","segments","JSON","parse","stringify","forEach","segment","type","text","year","find","s","splice","indexOf","unshift","month","day"],"sources":["../../../../src/components/fields/DatePicker/utils.ts"],"sourcesContent":["import { createFocusManager } from '@react-aria/focus';\nimport { createDOMRef } from '@react-spectrum/utils';\nimport { FocusableRef } from '@react-types/shared';\nimport { useImperativeHandle, useRef } from 'react';\nimport { DateSegment } from 'react-stately';\n\n// export function useFormatHelpText(\n//   props: Pick<SpectrumDatePickerBase, 'description' | 'showFormatHelpText'>,\n// ) {\n//   let formatter = useDateFormatter({ dateStyle: 'short' });\n//   let displayNames = useDisplayNames();\n//   return useMemo(() => {\n//     if (props.description) {\n//       return props.description;\n//     }\n//\n//     if (props.showFormatHelpText) {\n//       return formatter\n//         .formatToParts(new Date())\n//         .map((s) => {\n//           if (s.type === 'literal') {\n//             return s.value;\n//           }\n//\n//           return displayNames.of(s.type);\n//         })\n//         .join(' ');\n//     }\n//\n//     return '';\n//   }, [props.description, props.showFormatHelpText, formatter, displayNames]);\n// }\n\n// export function useVisibleMonths(maxVisibleMonths: number) {\n//   let [visibleMonths, setVisibleMonths] = useState(getVisibleMonths('large'));\n//   useLayoutEffect(() => {\n//     let onResize = () => setVisibleMonths(getVisibleMonths('large'));\n//     onResize();\n//\n//     window.addEventListener('resize', onResize);\n//     return () => {\n//       window.removeEventListener('resize', onResize);\n//     };\n//   }, []);\n//\n//   return Math.max(1, Math.min(visibleMonths, maxVisibleMonths, 3));\n// }\n\n// function getVisibleMonths(scale) {\n//   if (typeof window === 'undefined') {\n//     return 1;\n//   }\n//   let monthWidth = scale === 'large' ? 336 : 280;\n//   let gap = scale === 'large' ? 30 : 24;\n//   let popoverPadding = scale === 'large' ? 32 : 48;\n//   return Math.floor(\n//     (window.innerWidth - popoverPadding * 2) / (monthWidth + gap),\n//   );\n// }\n\nexport function useFocusManagerRef(ref: FocusableRef<HTMLElement>) {\n  let domRef = useRef(null);\n  useImperativeHandle(ref, () => ({\n    // @ts-ignore\n    ...createDOMRef(domRef),\n    focus() {\n      // @ts-ignore\n      createFocusManager(domRef).focusFirst({ tabbable: true });\n    },\n  }));\n  return domRef;\n}\n\nexport function formatSegments(segments: DateSegment[]) {\n  segments = JSON.parse(JSON.stringify(segments));\n\n  segments.forEach((segment) => {\n    if (segment.type === 'literal') {\n      if (segment.text === '/') {\n        segment.text = '-';\n      }\n\n      if (segment.text === ', ') {\n        segment.text = ' ';\n      }\n    }\n  });\n\n  const year = segments.find((s) => s.type === 'year');\n\n  if (year) {\n    segments.splice(segments.indexOf(year), 1);\n    segments.unshift(year);\n  }\n\n  const month = segments.find((s) => s.type === 'month');\n\n  if (month) {\n    segments.splice(segments.indexOf(month), 1);\n    segments.splice(2, 0, month);\n  }\n\n  const day = segments.find((s) => s.type === 'day');\n\n  if (day) {\n    segments.splice(segments.indexOf(day), 1);\n    segments.splice(4, 0, day);\n  }\n\n  return segments;\n}\n"],"mappings":";;;;;;;AA4DA,SAAOM,mBAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAAC,SAAaN,OAAO,KAAK;CAAC,IAAAO;AAAA,KAAAH,EAAA,OAAAI,OAAAC,IAAA,4BAAA,EAAA;AACDF,cAAO;GAAA,GAE3BV,aAAaS,OAAO;GAAAI,QAAA;AAGrBd,uBAAmBU,OAAO,CAAAK,WAAY,EAAAC,UAAY,MAAM,CAAC;;GAE5D;AAACR,IAAA,KAAAG;OAAAA,MAAAH,EAAA;AAPFL,qBAAoBI,KAAKI,GAOtB;AAAA,QACID;;AAGT,SAAgBO,eAAeC,UAAyB;AACtDA,YAAWC,KAAKC,MAAMD,KAAKE,UAAUH,SAAS,CAAC;AAE/CA,UAASI,SAASC,YAAY;AAC5B,MAAIA,QAAQC,SAAS,WAAW;AAC9B,OAAID,QAAQE,SAAS,IACnBF,SAAQE,OAAO;AAGjB,OAAIF,QAAQE,SAAS,KACnBF,SAAQE,OAAO;;GAGnB;CAEF,MAAMC,OAAOR,SAASS,MAAMC,MAAMA,EAAEJ,SAAS,OAAO;AAEpD,KAAIE,MAAM;AACRR,WAASW,OAAOX,SAASY,QAAQJ,KAAK,EAAE,EAAE;AAC1CR,WAASa,QAAQL,KAAK;;CAGxB,MAAMM,QAAQd,SAASS,MAAMC,MAAMA,EAAEJ,SAAS,QAAQ;AAEtD,KAAIQ,OAAO;AACTd,WAASW,OAAOX,SAASY,QAAQE,MAAM,EAAE,EAAE;AAC3Cd,WAASW,OAAO,GAAG,GAAGG,MAAM;;CAG9B,MAAMC,MAAMf,SAASS,MAAMC,MAAMA,EAAEJ,SAAS,MAAM;AAElD,KAAIS,KAAK;AACPf,WAASW,OAAOX,SAASY,QAAQG,IAAI,EAAE,EAAE;AACzCf,WAASW,OAAO,GAAG,GAAGI,IAAI;;AAG5B,QAAOf"}
+{"version":3,"file":"utils.js","names":["createFocusManager","createDOMRef","FocusableRef","RefObject","useImperativeHandle","DateSegment","useFocusManagerRef","ref","domRef","$","_c","t0","focus","focusFirst","tabbable","formatSegments","segments","JSON","parse","stringify","forEach","segment","type","text","year","find","s","splice","indexOf","unshift","month","day","_c"],"sources":["../../../../src/components/fields/DatePicker/utils.ts"],"sourcesContent":["import { createFocusManager } from '@react-aria/focus';\nimport { createDOMRef } from '@react-spectrum/utils';\nimport { FocusableRef } from '@react-types/shared';\nimport { RefObject, useImperativeHandle } from 'react';\nimport { DateSegment } from 'react-stately';\n\n// export function useFormatHelpText(\n//   props: Pick<SpectrumDatePickerBase, 'description' | 'showFormatHelpText'>,\n// ) {\n//   let formatter = useDateFormatter({ dateStyle: 'short' });\n//   let displayNames = useDisplayNames();\n//   return useMemo(() => {\n//     if (props.description) {\n//       return props.description;\n//     }\n//\n//     if (props.showFormatHelpText) {\n//       return formatter\n//         .formatToParts(new Date())\n//         .map((s) => {\n//           if (s.type === 'literal') {\n//             return s.value;\n//           }\n//\n//           return displayNames.of(s.type);\n//         })\n//         .join(' ');\n//     }\n//\n//     return '';\n//   }, [props.description, props.showFormatHelpText, formatter, displayNames]);\n// }\n\n// export function useVisibleMonths(maxVisibleMonths: number) {\n//   let [visibleMonths, setVisibleMonths] = useState(getVisibleMonths('large'));\n//   useLayoutEffect(() => {\n//     let onResize = () => setVisibleMonths(getVisibleMonths('large'));\n//     onResize();\n//\n//     window.addEventListener('resize', onResize);\n//     return () => {\n//       window.removeEventListener('resize', onResize);\n//     };\n//   }, []);\n//\n//   return Math.max(1, Math.min(visibleMonths, maxVisibleMonths, 3));\n// }\n\n// function getVisibleMonths(scale) {\n//   if (typeof window === 'undefined') {\n//     return 1;\n//   }\n//   let monthWidth = scale === 'large' ? 336 : 280;\n//   let gap = scale === 'large' ? 30 : 24;\n//   let popoverPadding = scale === 'large' ? 32 : 48;\n//   return Math.floor(\n//     (window.innerWidth - popoverPadding * 2) / (monthWidth + gap),\n//   );\n// }\n\n/**\n * Points a picker's `ref` at `domRef`, its control's own element, so the\n * handle reaches it with or without the field chrome; `focus()` focuses its\n * first segment.\n */\nexport function useFocusManagerRef(\n  ref: FocusableRef<HTMLElement>,\n  domRef: RefObject<HTMLElement | null>,\n) {\n  useImperativeHandle(ref, () => ({\n    ...createDOMRef(domRef),\n    focus() {\n      createFocusManager(domRef).focusFirst({ tabbable: true });\n    },\n  }));\n}\n\nexport function formatSegments(segments: DateSegment[]) {\n  segments = JSON.parse(JSON.stringify(segments));\n\n  segments.forEach((segment) => {\n    if (segment.type === 'literal') {\n      if (segment.text === '/') {\n        segment.text = '-';\n      }\n\n      if (segment.text === ', ') {\n        segment.text = ' ';\n      }\n    }\n  });\n\n  const year = segments.find((s) => s.type === 'year');\n\n  if (year) {\n    segments.splice(segments.indexOf(year), 1);\n    segments.unshift(year);\n  }\n\n  const month = segments.find((s) => s.type === 'month');\n\n  if (month) {\n    segments.splice(segments.indexOf(month), 1);\n    segments.splice(2, 0, month);\n  }\n\n  const day = segments.find((s) => s.type === 'day');\n\n  if (day) {\n    segments.splice(segments.indexOf(day), 1);\n    segments.splice(4, 0, day);\n  }\n\n  return segments;\n}\n"],"mappings":";;;;;;;;;;;AAiEA,SAAOM,mBAAAC,KAAAC,QAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAD,QAAA;EAIoBG,YAAO;GAAA,GAC3BV,aAAaO,MAAM;GAACI,QAAA;IAErBZ,mBAAmBQ,MAAM,CAAC,CAAAK,WAAY,EAAAC,UAAY,KAAK,CAAC;GAAC;EAE7D;EAAEL,EAAA,KAAAD;EAAAC,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CALFL,oBAAoBG,KAAKI,EAKvB;AAAC;AAGL,SAAgBI,eAAeC,UAAyB;CACtDA,WAAWC,KAAKC,MAAMD,KAAKE,UAAUH,QAAQ,CAAC;CAE9CA,SAASI,SAASC,YAAY;EAC5B,IAAIA,QAAQC,SAAS,WAAW;GAC9B,IAAID,QAAQE,SAAS,KACnBF,QAAQE,OAAO;GAGjB,IAAIF,QAAQE,SAAS,MACnBF,QAAQE,OAAO;EAEnB;CACF,CAAC;CAED,MAAMC,OAAOR,SAASS,MAAMC,MAAMA,EAAEJ,SAAS,MAAM;CAEnD,IAAIE,MAAM;EACRR,SAASW,OAAOX,SAASY,QAAQJ,IAAI,GAAG,CAAC;EACzCR,SAASa,QAAQL,IAAI;CACvB;CAEA,MAAMM,QAAQd,SAASS,MAAMC,MAAMA,EAAEJ,SAAS,OAAO;CAErD,IAAIQ,OAAO;EACTd,SAASW,OAAOX,SAASY,QAAQE,KAAK,GAAG,CAAC;EAC1Cd,SAASW,OAAO,GAAG,GAAGG,KAAK;CAC7B;CAEA,MAAMC,MAAMf,SAASS,MAAMC,MAAMA,EAAEJ,SAAS,KAAK;CAEjD,IAAIS,KAAK;EACPf,SAASW,OAAOX,SAASY,QAAQG,GAAG,GAAG,CAAC;EACxCf,SAASW,OAAO,GAAG,GAAGI,GAAG;CAC3B;CAEA,OAAOf;AACT"}

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

@@ -3,12 +3,10 @@ import { Props } from "../../../props.js";
 import { FieldBaseProps } from "../../../shared/form.js";
 import "../../../shared/index.js";
 import { BaseProps, BlockStyleProps, ContainerStyleProps, PositionStyleProps, Styles } from "@tenphi/tasty";
-import * as react from "react";
 import { RefObject } from "react";
 import { AriaTextFieldProps } from "react-aria";
-
 //#region src/components/fields/FileInput/FileInput.d.ts
-interface CubeFileInputProps extends BaseProps, PositionStyleProps, ContainerStyleProps, BlockStyleProps, Omit<AriaTextFieldProps, 'form' | 'name' | 'errorMessage'>, FieldBaseProps<string | null | undefined> {
+export interface CubeFileInputProps extends BaseProps, PositionStyleProps, ContainerStyleProps, BlockStyleProps, Omit<AriaTextFieldProps, 'form' | 'name' | 'errorMessage'>, FieldBaseProps<string | null | undefined> {
   /**
    * The size of the input
    * @default default
@@ -36,7 +34,7 @@ interface CubeFileInputProps extends BaseProps, PositionStyleProps, ContainerSty
  * FileInputs are file inputs that allow users to select local files to
  * upload them to the server.
  */
-declare const _FileInput: react.ForwardRefExoticComponent<CubeFileInputProps & react.RefAttributes<unknown>>;
+declare const _FileInput: import("react").ForwardRefExoticComponent<CubeFileInputProps & import("react").RefAttributes<unknown>>;
 //#endregion
-export { CubeFileInputProps, _FileInput };
+export { _FileInput as FileInput };
 //# sourceMappingURL=FileInput.d.ts.map