@rotki/ui-library 2.26.1 → 3.0.0-beta.1

package/dist/components/date-time-picker/date-time-picker-styles.d.ts

@@ -1,78 +1,84 @@
-import { type TextInputVariant } from '../forms/text-input-styles.js';
-export type DateTimePickerVariant = TextInputVariant;
 /**
  * Overrides the `value` slot for flex-wrap + left padding (prepend icon),
  * and adds `iconPrepend` slot for the calendar icon.
  */
 export declare const dateTimePickerStyles: import("tailwind-variants").TVReturnType<{
-    filled: {
-        true: {};
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            value?: import("tailwind-variants").ClassValue;
+            iconPrepend?: import("tailwind-variants").ClassValue;
+        };
     };
-}, {
-    value: string;
-    iconPrepend: string;
-}, undefined, {
+} | {
     dense: {
-        true: {
-            activator: string;
+        true: import("tailwind-variants").ClassValue | {
+            value?: import("tailwind-variants").ClassValue;
+            iconPrepend?: import("tailwind-variants").ClassValue;
         };
     };
     disabled: {
-        true: {
-            activator: string;
+        true: import("tailwind-variants").ClassValue | {
+            value?: import("tailwind-variants").ClassValue;
+            iconPrepend?: import("tailwind-variants").ClassValue;
         };
     };
     readonly: {
-        true: {
-            activator: string;
+        true: import("tailwind-variants").ClassValue | {
+            value?: import("tailwind-variants").ClassValue;
+            iconPrepend?: import("tailwind-variants").ClassValue;
         };
     };
-    filled: {
-        true: {
-            activator: string;
+    hovered: {
+        true: import("tailwind-variants").ClassValue | {
+            value?: import("tailwind-variants").ClassValue;
+            iconPrepend?: import("tailwind-variants").ClassValue;
         };
     };
-    outlined: {
-        true: {
-            activator: string;
-            label: string;
-            fieldset: string;
-        };
-        false: {
-            activator: string;
+    opened: {
+        true: import("tailwind-variants").ClassValue | {
+            value?: import("tailwind-variants").ClassValue;
+            iconPrepend?: import("tailwind-variants").ClassValue;
         };
     };
-    float: {
-        true: {
-            label: string;
+    hasError: {
+        true: import("tailwind-variants").ClassValue | {
+            value?: import("tailwind-variants").ClassValue;
+            iconPrepend?: import("tailwind-variants").ClassValue;
         };
     };
-    opened: {
-        true: {
-            icon: string;
+    hasSuccess: {
+        true: import("tailwind-variants").ClassValue | {
+            value?: import("tailwind-variants").ClassValue;
+            iconPrepend?: import("tailwind-variants").ClassValue;
         };
     };
     active: {
-        true: {
-            highlighted: string;
+        true: import("tailwind-variants").ClassValue | {
+            value?: import("tailwind-variants").ClassValue;
+            iconPrepend?: import("tailwind-variants").ClassValue;
         };
     };
-    hasError: {
-        true: {};
-    };
-    hasSuccess: {
-        true: {};
-    };
-    hovered: {
-        true: {};
+}, {
+    value: string;
+    iconPrepend: string;
+}, undefined, {
+    dense: {
+        true: {
+            activator: string;
+        };
     };
-    showLabel: {
-        true: {};
+    disabled: {
+        true: {
+            activator: string;
+            icon: string;
+            fieldset: string;
+        };
     };
-} & {
-    focused: {
+    readonly: {
         true: {
+            activator: string;
             fieldset: string;
+            iconWrapper: string;
         };
     };
     hovered: {
@@ -80,42 +86,31 @@ export declare const dateTimePickerStyles: import("tailwind-variants").TVReturnT
             fieldset: string;
         };
     };
-    disabled: {
+    opened: {
         true: {
+            icon: string;
             fieldset: string;
-            label: string;
         };
     };
-    active: {
-        true: {};
-    };
-    showLabel: {
-        true: {};
-    };
-    validation: {
-        error: {
+    hasError: {
+        true: {
             fieldset: string;
-            label: string;
         };
-        success: {
+    };
+    hasSuccess: {
+        true: {
             fieldset: string;
-            label: string;
         };
     };
-    color: {
-        primary: {};
-        secondary: {};
-        error: {};
-        warning: {};
-        info: {};
-        success: {};
+    active: {
+        true: {
+            highlighted: string;
+        };
     };
 }, {
-    fieldset: string;
-    legend: string;
     wrapper: string;
     activator: string;
-    label: string;
+    fieldset: string;
     value: string;
     clear: string;
     menu: string;
@@ -123,11 +118,6 @@ export declare const dateTimePickerStyles: import("tailwind-variants").TVReturnT
     progress: string;
     icon: string;
     iconWrapper: string;
-    required: string;
-} & {
-    label: string;
-    fieldset: string;
-    legend: string;
 }, import("tailwind-variants").TVReturnType<{
     dense: {
         true: {
@@ -137,36 +127,36 @@ export declare const dateTimePickerStyles: import("tailwind-variants").TVReturnT
     disabled: {
         true: {
             activator: string;
+            icon: string;
+            fieldset: string;
         };
     };
     readonly: {
         true: {
             activator: string;
+            fieldset: string;
+            iconWrapper: string;
         };
     };
-    filled: {
+    hovered: {
         true: {
-            activator: string;
+            fieldset: string;
         };
     };
-    outlined: {
+    opened: {
         true: {
-            activator: string;
-            label: string;
+            icon: string;
             fieldset: string;
         };
-        false: {
-            activator: string;
-        };
     };
-    float: {
+    hasError: {
         true: {
-            label: string;
+            fieldset: string;
         };
     };
-    opened: {
+    hasSuccess: {
         true: {
-            icon: string;
+            fieldset: string;
         };
     };
     active: {
@@ -174,24 +164,10 @@ export declare const dateTimePickerStyles: import("tailwind-variants").TVReturnT
             highlighted: string;
         };
     };
-    hasError: {
-        true: {};
-    };
-    hasSuccess: {
-        true: {};
-    };
-    hovered: {
-        true: {};
-    };
-    showLabel: {
-        true: {};
-    };
 }, {
-    fieldset: string;
-    legend: string;
     wrapper: string;
     activator: string;
-    label: string;
+    fieldset: string;
     value: string;
     clear: string;
     menu: string;
@@ -199,185 +175,118 @@ export declare const dateTimePickerStyles: import("tailwind-variants").TVReturnT
     progress: string;
     icon: string;
     iconWrapper: string;
-    required: string;
 }, undefined, {
-    focused: {
+    dense: {
         true: {
-            fieldset: string;
+            activator: string;
         };
     };
-    hovered: {
+    disabled: {
         true: {
+            activator: string;
+            icon: string;
             fieldset: string;
         };
     };
-    disabled: {
+    readonly: {
         true: {
+            activator: string;
             fieldset: string;
-            label: string;
+            iconWrapper: string;
         };
     };
-    active: {
-        true: {};
-    };
-    showLabel: {
-        true: {};
-    };
-    validation: {
-        error: {
-            fieldset: string;
-            label: string;
-        };
-        success: {
+    hovered: {
+        true: {
             fieldset: string;
-            label: string;
         };
     };
-    color: {
-        primary: {};
-        secondary: {};
-        error: {};
-        warning: {};
-        info: {};
-        success: {};
-    };
-}, {
-    label: string;
-    fieldset: string;
-    legend: string;
-}, import("tailwind-variants").TVReturnType<{
-    focused: {
+    opened: {
         true: {
+            icon: string;
             fieldset: string;
         };
     };
-    hovered: {
+    hasError: {
         true: {
             fieldset: string;
         };
     };
-    disabled: {
+    hasSuccess: {
         true: {
             fieldset: string;
-            label: string;
         };
     };
     active: {
-        true: {};
-    };
-    showLabel: {
-        true: {};
-    };
-    validation: {
-        error: {
-            fieldset: string;
-            label: string;
-        };
-        success: {
-            fieldset: string;
-            label: string;
+        true: {
+            highlighted: string;
         };
     };
-    color: {
-        primary: {};
-        secondary: {};
-        error: {};
-        warning: {};
-        info: {};
-        success: {};
-    };
 }, {
-    label: string;
+    wrapper: string;
+    activator: string;
     fieldset: string;
-    legend: string;
-}, undefined, {
-    focused: {
+    value: string;
+    clear: string;
+    menu: string;
+    highlighted: string;
+    progress: string;
+    icon: string;
+    iconWrapper: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+    dense: {
         true: {
-            fieldset: string;
+            activator: string;
         };
     };
-    hovered: {
+    disabled: {
         true: {
+            activator: string;
+            icon: string;
             fieldset: string;
         };
     };
-    disabled: {
+    readonly: {
         true: {
+            activator: string;
             fieldset: string;
-            label: string;
+            iconWrapper: string;
         };
     };
-    active: {
-        true: {};
-    };
-    showLabel: {
-        true: {};
-    };
-    validation: {
-        error: {
-            fieldset: string;
-            label: string;
-        };
-        success: {
+    hovered: {
+        true: {
             fieldset: string;
-            label: string;
         };
     };
-    color: {
-        primary: {};
-        secondary: {};
-        error: {};
-        warning: {};
-        info: {};
-        success: {};
-    };
-}, {
-    label: string;
-    fieldset: string;
-    legend: string;
-}, import("tailwind-variants").TVReturnTypeLike<{
-    focused: {
+    opened: {
         true: {
+            icon: string;
             fieldset: string;
         };
     };
-    hovered: {
+    hasError: {
         true: {
             fieldset: string;
         };
     };
-    disabled: {
+    hasSuccess: {
         true: {
             fieldset: string;
-            label: string;
         };
     };
     active: {
-        true: {};
-    };
-    showLabel: {
-        true: {};
-    };
-    validation: {
-        error: {
-            fieldset: string;
-            label: string;
-        };
-        success: {
-            fieldset: string;
-            label: string;
+        true: {
+            highlighted: string;
         };
     };
-    color: {
-        primary: {};
-        secondary: {};
-        error: {};
-        warning: {};
-        info: {};
-        success: {};
-    };
 }, {
-    label: string;
+    wrapper: string;
+    activator: string;
     fieldset: string;
-    legend: string;
-}>>>>;
+    value: string;
+    clear: string;
+    menu: string;
+    highlighted: string;
+    progress: string;
+    icon: string;
+    iconWrapper: string;
+}>>>;

package/dist/components/date-time-picker/date-time-picker-styles.js

@@ -10,8 +10,7 @@ var dateTimePickerStyles = tv({
 	slots: {
 		value: "flex gap-1 flex-wrap flex-1 ps-8 transition-all duration-75",
 		iconPrepend: "flex items-center justify-end absolute top-px bottom-0 left-3"
-	},
-	variants: { filled: { true: {} } }
+	}
 });
 //#endregion
 export { dateTimePickerStyles };

package/dist/components/date-time-picker/date-time-picker-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-time-picker-styles.js","names":[],"sources":["../../../src/components/date-time-picker/date-time-picker-styles.ts"],"sourcesContent":["import { activatorStyles, type TextInputVariant } from '@/components/forms/text-input-styles';\nimport { tv } from '@/utils/tv';\n\nexport type DateTimePickerVariant = TextInputVariant;\n\n/**\n * Overrides the `value` slot for flex-wrap + left padding (prepend icon),\n * and adds `iconPrepend` slot for the calendar icon.\n */\nexport const dateTimePickerStyles = tv({\n  extend: activatorStyles,\n  slots: {\n    value: 'flex gap-1 flex-wrap flex-1 ps-8 transition-all duration-75',\n    iconPrepend: 'flex items-center justify-end absolute top-px bottom-0 left-3',\n  },\n  variants: {\n    // Re-declare for type inference — actual styles are in activatorStyles\n    filled: { true: {} },\n  },\n});\n"],"mappings":";;;;;;;AASA,IAAa,uBAAuB,GAAG;CACrC,QAAQ;CACR,OAAO;EACL,OAAO;EACP,aAAa;CACf;CACA,UAAU,EAER,QAAQ,EAAE,MAAM,CAAC,EAAE,EACrB;AACF,CAAC"}
+{"version":3,"file":"date-time-picker-styles.js","names":[],"sources":["../../../src/components/date-time-picker/date-time-picker-styles.ts"],"sourcesContent":["import { activatorStyles } from '@/components/forms/text-input-styles';\nimport { tv } from '@/utils/tv';\n\n/**\n * Overrides the `value` slot for flex-wrap + left padding (prepend icon),\n * and adds `iconPrepend` slot for the calendar icon.\n */\nexport const dateTimePickerStyles = tv({\n  extend: activatorStyles,\n  slots: {\n    value: 'flex gap-1 flex-wrap flex-1 ps-8 transition-all duration-75',\n    iconPrepend: 'flex items-center justify-end absolute top-px bottom-0 left-3',\n  },\n});\n"],"mappings":";;;;;;;AAOA,IAAa,uBAAuB,GAAG;CACrC,QAAQ;CACR,OAAO;EACL,OAAO;EACP,aAAa;CACf;AACF,CAAC"}

package/dist/components/date-time-picker/dayjs-setup.d.ts

@@ -1 +1,12 @@
-export {};
+import base from 'dayjs';
+/**
+ * dayjs with the plugins the date-time picker needs registered. Library code
+ * takes dayjs from here, never from `dayjs` itself.
+ *
+ * The plugins are registered in this export's initializer, not as top-level
+ * statements, and the export is a new binding, not a re-export of `dayjs`.
+ * The package declares no side effects, so a bundler keeps this module's code
+ * only as far as a used export needs it: a re-export would be wired straight
+ * to `dayjs`, and loose `extend` calls would be dropped.
+ */
+export declare const dayjs: typeof base;

package/dist/components/date-time-picker/dayjs-setup.js

@@ -1,11 +1,26 @@
-import dayjs from "dayjs";
+import base from "dayjs";
 import customParseFormat from "dayjs/plugin/customParseFormat.js";
 import timezone from "dayjs/plugin/timezone.js";
 import utc from "dayjs/plugin/utc.js";
 //#region src/components/date-time-picker/dayjs-setup.ts
-dayjs.extend(utc);
-dayjs.extend(timezone);
-dayjs.extend(customParseFormat);
+function withPlugins() {
+	base.extend(utc);
+	base.extend(timezone);
+	base.extend(customParseFormat);
+	return base;
+}
+/**
+* dayjs with the plugins the date-time picker needs registered. Library code
+* takes dayjs from here, never from `dayjs` itself.
+*
+* The plugins are registered in this export's initializer, not as top-level
+* statements, and the export is a new binding, not a re-export of `dayjs`.
+* The package declares no side effects, so a bundler keeps this module's code
+* only as far as a used export needs it: a re-export would be wired straight
+* to `dayjs`, and loose `extend` calls would be dropped.
+*/
+var dayjs = withPlugins();
 //#endregion
+export { dayjs };
 
 //# sourceMappingURL=dayjs-setup.js.map

package/dist/components/date-time-picker/dayjs-setup.js.map

@@ -1 +1 @@
-{"version":3,"file":"dayjs-setup.js","names":[],"sources":["../../../src/components/date-time-picker/dayjs-setup.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js';\nimport timezone from 'dayjs/plugin/timezone.js';\nimport utc from 'dayjs/plugin/utc.js';\n\ndayjs.extend(utc);\ndayjs.extend(timezone);\ndayjs.extend(customParseFormat);\n"],"mappings":";;;;;AAKA,MAAM,OAAO,GAAG;AAChB,MAAM,OAAO,QAAQ;AACrB,MAAM,OAAO,iBAAiB"}
+{"version":3,"file":"dayjs-setup.js","names":[],"sources":["../../../src/components/date-time-picker/dayjs-setup.ts"],"sourcesContent":["import base from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js';\nimport timezone from 'dayjs/plugin/timezone.js';\nimport utc from 'dayjs/plugin/utc.js';\n\nfunction withPlugins(): typeof base {\n  base.extend(utc);\n  base.extend(timezone);\n  base.extend(customParseFormat);\n  return base;\n}\n\n/**\n * dayjs with the plugins the date-time picker needs registered. Library code\n * takes dayjs from here, never from `dayjs` itself.\n *\n * The plugins are registered in this export's initializer, not as top-level\n * statements, and the export is a new binding, not a re-export of `dayjs`.\n * The package declares no side effects, so a bundler keeps this module's code\n * only as far as a used export needs it: a re-export would be wired straight\n * to `dayjs`, and loose `extend` calls would be dropped.\n */\nexport const dayjs = withPlugins();\n"],"mappings":";;;;;AAKA,SAAS,cAA2B;CAClC,KAAK,OAAO,GAAG;CACf,KAAK,OAAO,QAAQ;CACpB,KAAK,OAAO,iBAAiB;CAC7B,OAAO;AACT;;;;;;;;;;;AAYA,IAAa,QAAQ,YAAY"}

package/dist/components/date-time-picker/segment-utils.d.ts

@@ -1,7 +1,6 @@
+import type { Dayjs } from 'dayjs';
 import type { DateTimeSegmentType } from './types.js';
 import type { TimeAccuracy } from '../../consts/time-accuracy.js';
-import { type Dayjs } from 'dayjs';
-import './dayjs-setup.js';
 export interface SegmentValues {
     year?: number;
     month?: number;

package/dist/components/date-time-picker/segment-utils.js

@@ -1,6 +1,5 @@
-import "./dayjs-setup.js";
+import { dayjs } from "./dayjs-setup.js";
 import { includeMilliseconds, includeSeconds } from "./utils.js";
-import dayjs from "dayjs";
 //#region src/components/date-time-picker/segment-utils.ts
 /**
 * Applies the entered date segments, keeping the day inside the month the year

package/dist/components/date-time-picker/segment-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"segment-utils.js","names":[],"sources":["../../../src/components/date-time-picker/segment-utils.ts"],"sourcesContent":["import type { DateTimeSegmentType } from '@/components/date-time-picker/types';\nimport type { TimeAccuracy } from '@/consts/time-accuracy';\nimport dayjs, { type Dayjs } from 'dayjs';\nimport { includeMilliseconds, includeSeconds } from '@/components/date-time-picker/utils';\n\nimport '@/components/date-time-picker/dayjs-setup';\n\nexport interface SegmentValues {\n  year?: number;\n  month?: number;\n  day?: number;\n  hour?: number;\n  minute?: number;\n  second?: number;\n  millisecond?: number;\n}\n\n/**\n * Applies the entered date segments, keeping the day inside the month the year\n * and month land on.\n *\n * @param base - the date to apply them to\n * @param segments - the segments entered so far\n * @returns the date with its year, month and day set\n */\nfunction applyDateSegments(base: Dayjs, { day, month, year }: SegmentValues): Dayjs {\n  let dateTime = base;\n\n  if (year !== undefined)\n    dateTime = dateTime.year(year);\n\n  if (month !== undefined)\n    dateTime = dateTime.month(month - 1);\n\n  if (day !== undefined)\n    dateTime = dateTime.date(Math.min(day, dateTime.daysInMonth()));\n\n  return dateTime;\n}\n\n/**\n * Builds a date from the segments that have been entered so far. Segments the\n * accuracy does not expose are zeroed rather than inherited from the clock the\n * base date started at, so a value cannot pick up a stray second.\n */\nexport function buildDateTime(segments: SegmentValues, accuracy: TimeAccuracy, base: Dayjs = dayjs()): Dayjs {\n  const { hour, millisecond, minute, second } = segments;\n  let dateTime = applyDateSegments(base, segments);\n\n  if (hour !== undefined)\n    dateTime = dateTime.hour(hour);\n\n  if (minute !== undefined)\n    dateTime = dateTime.minute(minute);\n\n  if (second !== undefined)\n    dateTime = dateTime.second(second);\n  else if (!includeSeconds(accuracy))\n    dateTime = dateTime.second(0);\n\n  if (millisecond !== undefined)\n    dateTime = dateTime.millisecond(millisecond);\n  else if (!includeMilliseconds(accuracy))\n    dateTime = dateTime.millisecond(0);\n\n  return dateTime;\n}\n\nconst MILLISECONDS = 1000;\n\n/**\n * Turns a `minDate` / `maxDate` prop into a Date. An `epoch` picker states its\n * bounds in whole seconds, so those are widened to milliseconds first.\n */\nexport function resolveBound(bound: Date | number | undefined, epochSeconds: boolean): Date | undefined {\n  if (bound === undefined) {\n    return undefined;\n  }\n\n  if (epochSeconds && typeof bound === 'number') {\n    return new Date(bound * MILLISECONDS);\n  }\n\n  return new Date(bound);\n}\n\n/**\n * Pulls a date inside the allowed range. Used by the `now` and `today` actions,\n * which have no partial state: typed input is left to diverge and explain\n * itself through the error message instead, since clamping a keystroke would\n * rewrite a year the moment its first digit landed below the minimum.\n */\nexport function clampToBounds(date: Dayjs, min: Date, max?: Date): Dayjs {\n  const lower = dayjs(min);\n  if (date.isBefore(lower)) {\n    return lower;\n  }\n\n  if (max && date.isAfter(max)) {\n    return dayjs(max);\n  }\n\n  return date;\n}\n\nexport function getClickPosition(\n  event: MouseEvent,\n  input: HTMLInputElement,\n  useCaretPosition: boolean,\n): number {\n  const fallback = input.selectionStart ?? 0;\n  if (!useCaretPosition)\n    return fallback;\n  const caretPos = document.caretPositionFromPoint?.(event.clientX, event.clientY);\n  if (caretPos)\n    return caretPos.offset;\n  return document.caretRangeFromPoint?.(event.clientX, event.clientY)?.startOffset ?? fallback;\n}\n\nconst UNIX_SECONDS = /^\\d{9,10}$/;\nconst UNIX_MILLISECONDS = /^\\d{12,13}$/;\nconst UTC_OFFSET = /(?:Z|[+-]\\d{2}:?\\d{2})$/i;\nconst UTC_NAME = /\\s+(?:UTC|GMT)$/i;\nconst ZONE_NAME = /\\s+[A-Z]{2,5}$/i;\nconst ISO_FORMATS = ['YYYY-MM-DD[T]HH:mm:ss.SSS', 'YYYY-MM-DD HH:mm:ss.SSS'];\n\n/**\n * Lists a format followed by its shorter forms, dropping the millisecond, the\n * second and then the whole time, so a paste may stop short of the field's\n * accuracy.\n *\n * @param format - the full format\n * @returns the format and every shorter form of it\n */\nfunction withTruncations(format: string): string[] {\n  const truncations = [format];\n  for (const suffix of ['.SSS', ':ss', /[\\sT[\\]]+HH:mm$/]) {\n    const last = truncations.at(-1)!;\n    const shorter = last.replace(suffix, '');\n    if (shorter !== last)\n      truncations.push(shorter);\n  }\n  return truncations;\n}\n\n/**\n * Reads a pasted date into the wall-clock time of the field's timezone.\n *\n * Accepts the field's own format and ISO dates, either cut short at any\n * segment, as well as unix timestamps in seconds or milliseconds. A trailing\n * `Z`, numeric offset, `UTC` or `GMT` makes the text an instant that is moved\n * into the timezone. Any other zone name, such as `CEST`, cannot be resolved\n * reliably and is dropped, reading the rest as wall-clock time.\n *\n * @param pastedText - the text from the clipboard\n * @param dateFormat - the field's format\n * @param timezone - the field's timezone, the local one when undefined\n * @returns the date, or undefined when the text is not one\n */\nexport function parsePastedDate(pastedText: string, dateFormat: string, timezone?: string): Dayjs | undefined {\n  const text = pastedText.trim();\n\n  if (UNIX_SECONDS.test(text))\n    return dayjs.unix(Number(text)).tz(timezone);\n  if (UNIX_MILLISECONDS.test(text))\n    return dayjs(Number(text)).tz(timezone);\n\n  if (UTC_OFFSET.test(text)) {\n    const instant = dayjs(text.replace(' ', 'T'));\n    return instant.isValid() ? instant.tz(timezone) : undefined;\n  }\n\n  const formats = [dateFormat, ...ISO_FORMATS].flatMap(format => withTruncations(format));\n  if (UTC_NAME.test(text))\n    return parseWallClock(text.replace(UTC_NAME, ''), formats, true)?.tz(timezone);\n  return parseWallClock(text.replace(ZONE_NAME, ''), formats, false);\n}\n\nfunction parseWallClock(text: string, formats: string[], utc: boolean): Dayjs | undefined {\n  for (const format of formats) {\n    const date = utc ? dayjs.utc(text, format, true) : dayjs(text, format, true);\n    if (date.isValid())\n      return date;\n  }\n  return undefined;\n}\n\nexport function parseAndSetDateValues(\n  pastedText: string,\n  dateFormat: string,\n  accuracy: TimeAccuracy,\n  setValue: (segment: DateTimeSegmentType, value?: number) => void,\n  timezone?: string,\n): boolean {\n  const date = parsePastedDate(pastedText, dateFormat, timezone);\n  if (!date)\n    return false;\n\n  setValue('YYYY', date.year());\n  setValue('MM', date.month() + 1);\n  setValue('DD', date.date());\n  setValue('HH', date.hour());\n  setValue('mm', date.minute());\n  if (includeSeconds(accuracy))\n    setValue('ss', date.second());\n  if (includeMilliseconds(accuracy))\n    setValue('SSS', date.millisecond());\n  return true;\n}\n"],"mappings":"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"}
+{"version":3,"file":"segment-utils.js","names":[],"sources":["../../../src/components/date-time-picker/segment-utils.ts"],"sourcesContent":["import type { Dayjs } from 'dayjs';\nimport type { DateTimeSegmentType } from '@/components/date-time-picker/types';\nimport type { TimeAccuracy } from '@/consts/time-accuracy';\nimport { dayjs } from '@/components/date-time-picker/dayjs-setup';\nimport { includeMilliseconds, includeSeconds } from '@/components/date-time-picker/utils';\n\nexport interface SegmentValues {\n  year?: number;\n  month?: number;\n  day?: number;\n  hour?: number;\n  minute?: number;\n  second?: number;\n  millisecond?: number;\n}\n\n/**\n * Applies the entered date segments, keeping the day inside the month the year\n * and month land on.\n *\n * @param base - the date to apply them to\n * @param segments - the segments entered so far\n * @returns the date with its year, month and day set\n */\nfunction applyDateSegments(base: Dayjs, { day, month, year }: SegmentValues): Dayjs {\n  let dateTime = base;\n\n  if (year !== undefined)\n    dateTime = dateTime.year(year);\n\n  if (month !== undefined)\n    dateTime = dateTime.month(month - 1);\n\n  if (day !== undefined)\n    dateTime = dateTime.date(Math.min(day, dateTime.daysInMonth()));\n\n  return dateTime;\n}\n\n/**\n * Builds a date from the segments that have been entered so far. Segments the\n * accuracy does not expose are zeroed rather than inherited from the clock the\n * base date started at, so a value cannot pick up a stray second.\n */\nexport function buildDateTime(segments: SegmentValues, accuracy: TimeAccuracy, base: Dayjs = dayjs()): Dayjs {\n  const { hour, millisecond, minute, second } = segments;\n  let dateTime = applyDateSegments(base, segments);\n\n  if (hour !== undefined)\n    dateTime = dateTime.hour(hour);\n\n  if (minute !== undefined)\n    dateTime = dateTime.minute(minute);\n\n  if (second !== undefined)\n    dateTime = dateTime.second(second);\n  else if (!includeSeconds(accuracy))\n    dateTime = dateTime.second(0);\n\n  if (millisecond !== undefined)\n    dateTime = dateTime.millisecond(millisecond);\n  else if (!includeMilliseconds(accuracy))\n    dateTime = dateTime.millisecond(0);\n\n  return dateTime;\n}\n\nconst MILLISECONDS = 1000;\n\n/**\n * Turns a `minDate` / `maxDate` prop into a Date. An `epoch` picker states its\n * bounds in whole seconds, so those are widened to milliseconds first.\n */\nexport function resolveBound(bound: Date | number | undefined, epochSeconds: boolean): Date | undefined {\n  if (bound === undefined) {\n    return undefined;\n  }\n\n  if (epochSeconds && typeof bound === 'number') {\n    return new Date(bound * MILLISECONDS);\n  }\n\n  return new Date(bound);\n}\n\n/**\n * Pulls a date inside the allowed range. Used by the `now` and `today` actions,\n * which have no partial state: typed input is left to diverge and explain\n * itself through the error message instead, since clamping a keystroke would\n * rewrite a year the moment its first digit landed below the minimum.\n */\nexport function clampToBounds(date: Dayjs, min: Date, max?: Date): Dayjs {\n  const lower = dayjs(min);\n  if (date.isBefore(lower)) {\n    return lower;\n  }\n\n  if (max && date.isAfter(max)) {\n    return dayjs(max);\n  }\n\n  return date;\n}\n\nexport function getClickPosition(\n  event: MouseEvent,\n  input: HTMLInputElement,\n  useCaretPosition: boolean,\n): number {\n  const fallback = input.selectionStart ?? 0;\n  if (!useCaretPosition)\n    return fallback;\n  const caretPos = document.caretPositionFromPoint?.(event.clientX, event.clientY);\n  if (caretPos)\n    return caretPos.offset;\n  return document.caretRangeFromPoint?.(event.clientX, event.clientY)?.startOffset ?? fallback;\n}\n\nconst UNIX_SECONDS = /^\\d{9,10}$/;\nconst UNIX_MILLISECONDS = /^\\d{12,13}$/;\nconst UTC_OFFSET = /(?:Z|[+-]\\d{2}:?\\d{2})$/i;\nconst UTC_NAME = /\\s+(?:UTC|GMT)$/i;\nconst ZONE_NAME = /\\s+[A-Z]{2,5}$/i;\nconst ISO_FORMATS = ['YYYY-MM-DD[T]HH:mm:ss.SSS', 'YYYY-MM-DD HH:mm:ss.SSS'];\n\n/**\n * Lists a format followed by its shorter forms, dropping the millisecond, the\n * second and then the whole time, so a paste may stop short of the field's\n * accuracy.\n *\n * @param format - the full format\n * @returns the format and every shorter form of it\n */\nfunction withTruncations(format: string): string[] {\n  const truncations = [format];\n  for (const suffix of ['.SSS', ':ss', /[\\sT[\\]]+HH:mm$/]) {\n    const last = truncations.at(-1)!;\n    const shorter = last.replace(suffix, '');\n    if (shorter !== last)\n      truncations.push(shorter);\n  }\n  return truncations;\n}\n\n/**\n * Reads a pasted date into the wall-clock time of the field's timezone.\n *\n * Accepts the field's own format and ISO dates, either cut short at any\n * segment, as well as unix timestamps in seconds or milliseconds. A trailing\n * `Z`, numeric offset, `UTC` or `GMT` makes the text an instant that is moved\n * into the timezone. Any other zone name, such as `CEST`, cannot be resolved\n * reliably and is dropped, reading the rest as wall-clock time.\n *\n * @param pastedText - the text from the clipboard\n * @param dateFormat - the field's format\n * @param timezone - the field's timezone, the local one when undefined\n * @returns the date, or undefined when the text is not one\n */\nexport function parsePastedDate(pastedText: string, dateFormat: string, timezone?: string): Dayjs | undefined {\n  const text = pastedText.trim();\n\n  if (UNIX_SECONDS.test(text))\n    return dayjs.unix(Number(text)).tz(timezone);\n  if (UNIX_MILLISECONDS.test(text))\n    return dayjs(Number(text)).tz(timezone);\n\n  if (UTC_OFFSET.test(text)) {\n    const instant = dayjs(text.replace(' ', 'T'));\n    return instant.isValid() ? instant.tz(timezone) : undefined;\n  }\n\n  const formats = [dateFormat, ...ISO_FORMATS].flatMap(format => withTruncations(format));\n  if (UTC_NAME.test(text))\n    return parseWallClock(text.replace(UTC_NAME, ''), formats, true)?.tz(timezone);\n  return parseWallClock(text.replace(ZONE_NAME, ''), formats, false);\n}\n\nfunction parseWallClock(text: string, formats: string[], utc: boolean): Dayjs | undefined {\n  for (const format of formats) {\n    const date = utc ? dayjs.utc(text, format, true) : dayjs(text, format, true);\n    if (date.isValid())\n      return date;\n  }\n  return undefined;\n}\n\nexport function parseAndSetDateValues(\n  pastedText: string,\n  dateFormat: string,\n  accuracy: TimeAccuracy,\n  setValue: (segment: DateTimeSegmentType, value?: number) => void,\n  timezone?: string,\n): boolean {\n  const date = parsePastedDate(pastedText, dateFormat, timezone);\n  if (!date)\n    return false;\n\n  setValue('YYYY', date.year());\n  setValue('MM', date.month() + 1);\n  setValue('DD', date.date());\n  setValue('HH', date.hour());\n  setValue('mm', date.minute());\n  if (includeSeconds(accuracy))\n    setValue('ss', date.second());\n  if (includeMilliseconds(accuracy))\n    setValue('SSS', date.millisecond());\n  return true;\n}\n"],"mappings":";;;;;;;;;;;AAwBA,SAAS,kBAAkB,MAAa,EAAE,KAAK,OAAO,QAA8B;CAClF,IAAI,WAAW;CAEf,IAAI,SAAS,KAAA,GACX,WAAW,SAAS,KAAK,IAAI;CAE/B,IAAI,UAAU,KAAA,GACZ,WAAW,SAAS,MAAM,QAAQ,CAAC;CAErC,IAAI,QAAQ,KAAA,GACV,WAAW,SAAS,KAAK,KAAK,IAAI,KAAK,SAAS,YAAY,CAAC,CAAC;CAEhE,OAAO;AACT;;;;;;AAOA,SAAgB,cAAc,UAAyB,UAAwB,OAAc,MAAM,GAAU;CAC3G,MAAM,EAAE,MAAM,aAAa,QAAQ,WAAW;CAC9C,IAAI,WAAW,kBAAkB,MAAM,QAAQ;CAE/C,IAAI,SAAS,KAAA,GACX,WAAW,SAAS,KAAK,IAAI;CAE/B,IAAI,WAAW,KAAA,GACb,WAAW,SAAS,OAAO,MAAM;CAEnC,IAAI,WAAW,KAAA,GACb,WAAW,SAAS,OAAO,MAAM;MAC9B,IAAI,CAAC,eAAe,QAAQ,GAC/B,WAAW,SAAS,OAAO,CAAC;CAE9B,IAAI,gBAAgB,KAAA,GAClB,WAAW,SAAS,YAAY,WAAW;MACxC,IAAI,CAAC,oBAAoB,QAAQ,GACpC,WAAW,SAAS,YAAY,CAAC;CAEnC,OAAO;AACT;AAEA,IAAM,eAAe;;;;;AAMrB,SAAgB,aAAa,OAAkC,cAAyC;CACtG,IAAI,UAAU,KAAA,GACZ;CAGF,IAAI,gBAAgB,OAAO,UAAU,UACnC,uBAAO,IAAI,KAAK,QAAQ,YAAY;CAGtC,OAAO,IAAI,KAAK,KAAK;AACvB;;;;;;;AAQA,SAAgB,cAAc,MAAa,KAAW,KAAmB;CACvE,MAAM,QAAQ,MAAM,GAAG;CACvB,IAAI,KAAK,SAAS,KAAK,GACrB,OAAO;CAGT,IAAI,OAAO,KAAK,QAAQ,GAAG,GACzB,OAAO,MAAM,GAAG;CAGlB,OAAO;AACT;AAEA,SAAgB,iBACd,OACA,OACA,kBACQ;CACR,MAAM,WAAW,MAAM,kBAAkB;CACzC,IAAI,CAAC,kBACH,OAAO;CACT,MAAM,WAAW,SAAS,yBAAyB,MAAM,SAAS,MAAM,OAAO;CAC/E,IAAI,UACF,OAAO,SAAS;CAClB,OAAO,SAAS,sBAAsB,MAAM,SAAS,MAAM,OAAO,CAAC,EAAE,eAAe;AACtF;AAEA,IAAM,eAAe;AACrB,IAAM,oBAAoB;AAC1B,IAAM,aAAa;AACnB,IAAM,WAAW;AACjB,IAAM,YAAY;AAClB,IAAM,cAAc,CAAC,6BAA6B,yBAAyB;;;;;;;;;AAU3E,SAAS,gBAAgB,QAA0B;CACjD,MAAM,cAAc,CAAC,MAAM;CAC3B,KAAK,MAAM,UAAU;EAAC;EAAQ;EAAO;CAAiB,GAAG;EACvD,MAAM,OAAO,YAAY,GAAG,EAAE;EAC9B,MAAM,UAAU,KAAK,QAAQ,QAAQ,EAAE;EACvC,IAAI,YAAY,MACd,YAAY,KAAK,OAAO;CAC5B;CACA,OAAO;AACT;;;;;;;;;;;;;;;AAgBA,SAAgB,gBAAgB,YAAoB,YAAoB,UAAsC;CAC5G,MAAM,OAAO,WAAW,KAAK;CAE7B,IAAI,aAAa,KAAK,IAAI,GACxB,OAAO,MAAM,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,GAAG,QAAQ;CAC7C,IAAI,kBAAkB,KAAK,IAAI,GAC7B,OAAO,MAAM,OAAO,IAAI,CAAC,CAAC,CAAC,GAAG,QAAQ;CAExC,IAAI,WAAW,KAAK,IAAI,GAAG;EACzB,MAAM,UAAU,MAAM,KAAK,QAAQ,KAAK,GAAG,CAAC;EAC5C,OAAO,QAAQ,QAAQ,IAAI,QAAQ,GAAG,QAAQ,IAAI,KAAA;CACpD;CAEA,MAAM,UAAU,CAAC,YAAY,GAAG,WAAW,CAAC,CAAC,SAAQ,WAAU,gBAAgB,MAAM,CAAC;CACtF,IAAI,SAAS,KAAK,IAAI,GACpB,OAAO,eAAe,KAAK,QAAQ,UAAU,EAAE,GAAG,SAAS,IAAI,CAAC,EAAE,GAAG,QAAQ;CAC/E,OAAO,eAAe,KAAK,QAAQ,WAAW,EAAE,GAAG,SAAS,KAAK;AACnE;AAEA,SAAS,eAAe,MAAc,SAAmB,KAAiC;CACxF,KAAK,MAAM,UAAU,SAAS;EAC5B,MAAM,OAAO,MAAM,MAAM,IAAI,MAAM,QAAQ,IAAI,IAAI,MAAM,MAAM,QAAQ,IAAI;EAC3E,IAAI,KAAK,QAAQ,GACf,OAAO;CACX;AAEF;AAEA,SAAgB,sBACd,YACA,YACA,UACA,UACA,UACS;CACT,MAAM,OAAO,gBAAgB,YAAY,YAAY,QAAQ;CAC7D,IAAI,CAAC,MACH,OAAO;CAET,SAAS,QAAQ,KAAK,KAAK,CAAC;CAC5B,SAAS,MAAM,KAAK,MAAM,IAAI,CAAC;CAC/B,SAAS,MAAM,KAAK,KAAK,CAAC;CAC1B,SAAS,MAAM,KAAK,KAAK,CAAC;CAC1B,SAAS,MAAM,KAAK,OAAO,CAAC;CAC5B,IAAI,eAAe,QAAQ,GACzB,SAAS,MAAM,KAAK,OAAO,CAAC;CAC9B,IAAI,oBAAoB,QAAQ,GAC9B,SAAS,OAAO,KAAK,YAAY,CAAC;CACpC,OAAO;AACT"}

package/dist/components/date-time-picker/use-date-bounds.d.ts

@@ -1,5 +1,5 @@
+import type { Dayjs } from 'dayjs';
 import type { ComputedRef, Ref } from 'vue';
-import { type Dayjs } from 'dayjs';
 interface DateBoundsOptions {
     minDate: Date | number | undefined;
     maxDate: Date | number | 'now' | undefined;

package/dist/components/date-time-picker/use-date-bounds.js

@@ -1,9 +1,9 @@
 import { useRuiI8n } from "../../composables/use-rui-i18n.js";
 import { RUI_I18N_KEYS } from "../../i18n/keys.js";
+import { dayjs } from "./dayjs-setup.js";
 import { resolveBound } from "./segment-utils.js";
 import { computed, ref, shallowReadonly } from "vue";
 import { get, set } from "@vueuse/shared";
-import dayjs from "dayjs";
 //#region src/components/date-time-picker/use-date-bounds.ts
 /**
 * The range a picked date has to sit in, and the message explaining a date that