@veracity/vui 5.1.1 → 5.2.0-alpha.395258.2606090726

package/dist/button/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/button/theme.ts"],"sourcesContent":["import type { ContainerStyles, IntentTokens } from './button.types'\n\n// ---------------------------------------------------------------------------\n// Generated variant approach\n//\n// Each intent defines its token references once.\n// Each hierarchy rule composes container styles from those tokens.\n// The 12 canonical variants are produced via Object.fromEntries — no\n// hand-written duplication; adding a new intent or hierarchy is a 1-line change.\n// ---------------------------------------------------------------------------\n\n/** Token references per semantic intent. */\nconst intentTokens: Record<string, IntentTokens> = {\n  brand: {\n    solid: 'var(--vui-action-brand-solid)',\n    solidInverse: 'var(--vui-action-brand-solid-inverse)',\n    solidHover: 'var(--vui-action-brand-solid-hover)',\n    solidPressed: 'var(--vui-action-brand-solid-pressed)',\n    subtleHover: 'var(--vui-action-brand-subtle-hover)',\n    subtlePressed: 'var(--vui-action-brand-subtle-pressed)',\n  },\n  contrast: {\n    solid: 'var(--vui-action-contrast-solid)',\n    solidInverse: 'var(--vui-action-contrast-solid-inverse)',\n    solidHover: 'var(--vui-action-contrast-solid-hover)',\n    solidPressed: 'var(--vui-action-contrast-solid-pressed)',\n    subtleHover: 'var(--vui-action-contrast-subtle-hover)',\n    subtlePressed: 'var(--vui-action-contrast-subtle-pressed)',\n  },\n  success: {\n    solid: 'var(--vui-action-success-solid)',\n    solidInverse: 'var(--vui-action-success-solid-inverse)',\n    solidHover: 'var(--vui-action-success-solid-hover)',\n    solidPressed: 'var(--vui-action-success-solid-pressed)',\n    subtleHover: 'var(--vui-action-success-subtle-hover)',\n    subtlePressed: 'var(--vui-action-success-subtle-pressed)',\n  },\n  danger: {\n    solid: 'var(--vui-action-danger-solid)',\n    solidInverse: 'var(--vui-action-danger-solid-inverse)',\n    solidHover: 'var(--vui-action-danger-solid-hover)',\n    solidPressed: 'var(--vui-action-danger-solid-pressed)',\n    subtleHover: 'var(--vui-action-danger-subtle-hover)',\n    subtlePressed: 'var(--vui-action-danger-subtle-pressed)',\n  },\n  warning: {\n    solid: 'var(--vui-action-yellow-solid)',\n    solidInverse: 'var(--vui-action-yellow-solid-inverse)',\n    solidHover: 'var(--vui-action-yellow-solid-hover)',\n    solidPressed: 'var(--vui-action-yellow-solid-pressed)',\n    subtleHover: 'var(--vui-action-yellow-subtle-hover)',\n    subtlePressed: 'var(--vui-action-yellow-subtle-pressed)',\n  },\n}\n\nconst TRANSPARENT = 'var(--vui-color-opacity-none)'\nconst DISABLED_BG = 'var(--vui-action-disabled-background)'\nconst DISABLED_FG = 'var(--vui-action-disabled-foreground)'\n\n/** Container styles per visual hierarchy, composed from intent tokens. */\nconst hierarchyRules: Record<string, (t: IntentTokens) => ContainerStyles> = {\n  primary: t => ({\n    bg: t.solid,\n    borderColor: t.solid,\n    color: t.solidInverse,\n    hoverBg: t.solidHover,\n    hoverBorderColor: t.solidHover,\n    activeBg: t.solidPressed,\n    activeBorderColor: t.solidPressed,\n    disabledBg: DISABLED_BG,\n    disabledBorderColor: DISABLED_BG,\n    disabledColor: DISABLED_FG,\n  }),\n  secondary: t => ({\n    bg: TRANSPARENT,\n    borderColor: t.solid,\n    color: t.solid,\n    hoverBg: t.subtleHover,\n    activeBg: t.subtlePressed,\n    disabledBg: TRANSPARENT,\n    disabledBorderColor: DISABLED_BG,\n    disabledColor: DISABLED_FG,\n  }),\n  tertiary: t => ({\n    bg: TRANSPARENT,\n    borderColor: TRANSPARENT,\n    color: t.solid,\n    hoverBg: t.subtleHover,\n    activeBg: t.subtlePressed,\n    disabledBg: TRANSPARENT,\n    disabledBorderColor: TRANSPARENT,\n    disabledColor: DISABLED_FG,\n  }),\n}\n\n// ---------------------------------------------------------------------------\n\nconst baseStyle = {}\n\nconst defaultProps = {\n  size: 'lg',\n  variant: 'primaryBrand',\n  fontWeight: 'medium',\n}\n\nconst parts = ['container', 'icon', 'text']\n\n// Padding model (applied in useButtonComputed.ts):\n// - Horizontal uses 2 tiers via theme tokens:\n//   text-only => paddingX\n//   icon+text => paddingXIcon (fallback: paddingX)\n//   icon-only => no padding (centering via fixed w=h)\n// - Vertical token paddingY is border-box aware at runtime:\n//   effective pt/pb = paddingY - borderWidth\nconst sizes = {\n  sm: {\n    container: {\n      fontSize: 'xs',\n      h: 24,\n      paddingX: 12,\n      paddingXIcon: 8,\n      paddingY: 5,\n      gapX: 8,\n    },\n    icon: {\n      fontSize: '12px',\n    },\n  },\n  md: {\n    container: {\n      fontSize: 'sm',\n      h: 32,\n      paddingX: 16,\n      paddingXIcon: 12,\n      paddingY: 8,\n      gapX: 8,\n    },\n    icon: {\n      fontSize: '16px',\n    },\n  },\n  lg: {\n    container: {\n      fontSize: 'md',\n      h: 40,\n      paddingX: 16,\n      paddingXIcon: 16,\n      paddingY: 10,\n      gapX: 8,\n    },\n    icon: {\n      fontSize: '16px',\n    },\n  },\n  xl: {\n    container: {\n      fontSize: 'lg',\n      h: 48,\n      paddingX: 16,\n      paddingXIcon: 16,\n      paddingY: 13,\n      gapX: 8,\n    },\n    icon: {\n      fontSize: '18px',\n    },\n  },\n}\n\nconst variants: Record<string, Record<string, ContainerStyles>> = Object.fromEntries(\n  Object.entries(intentTokens).flatMap(([intentKey, tokens]) =>\n    Object.entries(hierarchyRules).map(([hierarchyKey, buildContainer]) => [\n      `${hierarchyKey}${intentKey.charAt(0).toUpperCase()}${intentKey.slice(1)}`,\n      { container: buildContainer(tokens) },\n    ]),\n  ),\n)\n\n// Deprecated variant aliases for backward compatibility - will be removed in VUI 5.x\nvariants.primaryDark = variants.primaryBrand\nvariants.secondaryDark = variants.secondaryBrand\nvariants.tertiaryDark = variants.tertiaryBrand\nvariants.primaryLight = variants.primaryContrast\nvariants.secondaryLight = variants.secondaryContrast\nvariants.tertiaryLight = variants.tertiaryContrast\nvariants.solidGreen = variants.primarySuccess\nvariants.solidRed = variants.primaryDanger\nvariants.solidDarkBlue = variants.tertiaryBrand\nvariants.solidYellow = variants.tertiaryWarning\n\n// Legacy blue variants (removed in VUI 4.0, added back as deprecated aliases)\nvariants.solidBlue = variants.primaryBrand\nvariants.blueOutlined = variants.secondaryBrand\nvariants.blueText = variants.tertiaryBrand\n\n// Component-specific subtle variants (removed in VUI 4.0, added back as deprecated aliases)\nvariants.subtleBlue = variants.secondaryBrand\nvariants.subtleRed = variants.secondaryDanger\nvariants.subtleGreen = variants.secondarySuccess\nvariants.subtleYellow = variants.secondaryWarning\nvariants.subtleGrey = variants.tertiaryBrand\n\n// Menu-specific variants (removed in VUI 4.0, added back as deprecated aliases)\nvariants.menuLight = variants.tertiaryBrand\nvariants.menuDark = variants.tertiaryBrand\n\n// buttonGroupDefault is an internal variant, used in ButtonGroup; based on secondaryBrand\nvariants.buttonGroupDefault = {\n  container: {\n    bg: 'var(--vui-color-opacity-none)',\n    borderColor: 'var(--vui-control-placeholder)',\n    color: 'var(--vui-action-brand-solid)',\n    hoverBg: 'var(--vui-action-brand-subtle-hover)',\n    activeBg: 'var(--vui-action-brand-subtle-pressed)',\n  },\n}\n\n// buttonGroupRounded is an internal variant\nvariants.buttonGroupRounded = {\n  container: {\n    bg: 'var(--vui-background-default)',\n    borderColor: 'var(--vui-utility-border-subtle)',\n    color: 'var(--vui-foreground-default)',\n    hoverBg: 'var(--vui-action-brand-subtle-hover)',\n    hoverBorderColor: 'var(--vui-action-brand-subtle-hover)',\n    hoverColor: 'var(--vui-action-brand-subtle-inverse)',\n    activeBg: 'var(--vui-action-brand-solid-pressed)',\n    activeBorderColor: 'var(--vui-action-brand-solid-pressed)',\n    activeColor: 'var(--vui-action-brand-solid-inverse)',\n    borderRadius: '1000',\n    marginRight: 'var(--vui-button-group-rounded-spacing, 22px)',\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";;AAYA,MAAM,eAA6C;CACjD,OAAO;EACL,OAAO;EACP,cAAc;EACd,YAAY;EACZ,cAAc;EACd,aAAa;EACb,eAAe;CACjB;CACA,UAAU;EACR,OAAO;EACP,cAAc;EACd,YAAY;EACZ,cAAc;EACd,aAAa;EACb,eAAe;CACjB;CACA,SAAS;EACP,OAAO;EACP,cAAc;EACd,YAAY;EACZ,cAAc;EACd,aAAa;EACb,eAAe;CACjB;CACA,QAAQ;EACN,OAAO;EACP,cAAc;EACd,YAAY;EACZ,cAAc;EACd,aAAa;EACb,eAAe;CACjB;CACA,SAAS;EACP,OAAO;EACP,cAAc;EACd,YAAY;EACZ,cAAc;EACd,aAAa;EACb,eAAe;CACjB;AACF;AAEA,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;;AAGpB,MAAM,iBAAuE;CAC3E,UAAS,OAAM;EACb,IAAI,EAAE;EACN,aAAa,EAAE;EACf,OAAO,EAAE;EACT,SAAS,EAAE;EACX,kBAAkB,EAAE;EACpB,UAAU,EAAE;EACZ,mBAAmB,EAAE;EACrB,YAAY;EACZ,qBAAqB;EACrB,eAAe;CACjB;CACA,YAAW,OAAM;EACf,IAAI;EACJ,aAAa,EAAE;EACf,OAAO,EAAE;EACT,SAAS,EAAE;EACX,UAAU,EAAE;EACZ,YAAY;EACZ,qBAAqB;EACrB,eAAe;CACjB;CACA,WAAU,OAAM;EACd,IAAI;EACJ,aAAa;EACb,OAAO,EAAE;EACT,SAAS,EAAE;EACX,UAAU,EAAE;EACZ,YAAY;EACZ,qBAAqB;EACrB,eAAe;CACjB;AACF;AAIA,MAAM,YAAY,CAAC;AAEnB,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;CACT,YAAY;AACd;AAEA,MAAM,QAAQ;CAAC;CAAa;CAAQ;AAAM;AAS1C,MAAM,QAAQ;CACZ,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACH,UAAU;GACV,cAAc;GACd,UAAU;GACV,MAAM;EACR;EACA,MAAM,EACJ,UAAU,OACZ;CACF;CACA,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACH,UAAU;GACV,cAAc;GACd,UAAU;GACV,MAAM;EACR;EACA,MAAM,EACJ,UAAU,OACZ;CACF;CACA,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACH,UAAU;GACV,cAAc;GACd,UAAU;GACV,MAAM;EACR;EACA,MAAM,EACJ,UAAU,OACZ;CACF;CACA,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACH,UAAU;GACV,cAAc;GACd,UAAU;GACV,MAAM;EACR;EACA,MAAM,EACJ,UAAU,OACZ;CACF;AACF;AAEA,MAAM,WAA4D,OAAO,YACvE,OAAO,QAAQ,YAAY,EAAE,SAAS,CAAC,WAAW,YAChD,OAAO,QAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,oBAAoB,CACrE,GAAG,eAAe,UAAU,OAAO,CAAC,EAAE,YAAY,IAAI,UAAU,MAAM,CAAC,KACvE,EAAE,WAAW,eAAe,MAAM,EAAE,CACtC,CAAC,CACH,CACF;AAGA,SAAS,cAAc,SAAS;AAChC,SAAS,gBAAgB,SAAS;AAClC,SAAS,eAAe,SAAS;AACjC,SAAS,eAAe,SAAS;AACjC,SAAS,iBAAiB,SAAS;AACnC,SAAS,gBAAgB,SAAS;AAClC,SAAS,aAAa,SAAS;AAC/B,SAAS,WAAW,SAAS;AAC7B,SAAS,gBAAgB,SAAS;AAClC,SAAS,cAAc,SAAS;AAGhC,SAAS,YAAY,SAAS;AAC9B,SAAS,eAAe,SAAS;AACjC,SAAS,WAAW,SAAS;AAG7B,SAAS,aAAa,SAAS;AAC/B,SAAS,YAAY,SAAS;AAC9B,SAAS,cAAc,SAAS;AAChC,SAAS,eAAe,SAAS;AACjC,SAAS,aAAa,SAAS;AAG/B,SAAS,YAAY,SAAS;AAC9B,SAAS,WAAW,SAAS;AAG7B,SAAS,qBAAqB,EAC5B,WAAW;CACT,IAAI;CACJ,aAAa;CACb,OAAO;CACP,SAAS;CACT,UAAU;AACZ,EACF;AAGA,SAAS,qBAAqB,EAC5B,WAAW;CACT,IAAI;CACJ,aAAa;CACb,OAAO;CACP,SAAS;CACT,kBAAkB;CAClB,YAAY;CACZ,UAAU;CACV,mBAAmB;CACnB,aAAa;CACb,cAAc;CACd,aAAa;AACf,EACF;AAEA,oBAAe;CACb;CACA;CACA;CACA;CACA;AACF"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/button/theme.ts"],"sourcesContent":["import type { ContainerStyles, IntentTokens } from './button.types'\n\n// ---------------------------------------------------------------------------\n// Generated variant approach\n//\n// Each intent defines its token references once.\n// Each hierarchy rule composes container styles from those tokens.\n// The 12 canonical variants are produced via Object.fromEntries — no\n// hand-written duplication; adding a new intent or hierarchy is a 1-line change.\n// ---------------------------------------------------------------------------\n\n/** Token references per semantic intent. */\nconst intentTokens: Record<string, IntentTokens> = {\n  brand: {\n    solid: 'var(--vui-action-brand-solid)',\n    solidInverse: 'var(--vui-action-brand-solid-inverse)',\n    solidHover: 'var(--vui-action-brand-solid-hover)',\n    solidPressed: 'var(--vui-action-brand-solid-pressed)',\n    subtleHover: 'var(--vui-action-brand-subtle-hover)',\n    subtlePressed: 'var(--vui-action-brand-subtle-pressed)',\n  },\n  contrast: {\n    solid: 'var(--vui-action-contrast-solid)',\n    solidInverse: 'var(--vui-action-contrast-solid-inverse)',\n    solidHover: 'var(--vui-action-contrast-solid-hover)',\n    solidPressed: 'var(--vui-action-contrast-solid-pressed)',\n    subtleHover: 'var(--vui-action-contrast-subtle-hover)',\n    subtlePressed: 'var(--vui-action-contrast-subtle-pressed)',\n  },\n  success: {\n    solid: 'var(--vui-action-success-solid)',\n    solidInverse: 'var(--vui-action-success-solid-inverse)',\n    solidHover: 'var(--vui-action-success-solid-hover)',\n    solidPressed: 'var(--vui-action-success-solid-pressed)',\n    subtleHover: 'var(--vui-action-success-subtle-hover)',\n    subtlePressed: 'var(--vui-action-success-subtle-pressed)',\n  },\n  danger: {\n    solid: 'var(--vui-action-danger-solid)',\n    solidInverse: 'var(--vui-action-danger-solid-inverse)',\n    solidHover: 'var(--vui-action-danger-solid-hover)',\n    solidPressed: 'var(--vui-action-danger-solid-pressed)',\n    subtleHover: 'var(--vui-action-danger-subtle-hover)',\n    subtlePressed: 'var(--vui-action-danger-subtle-pressed)',\n  },\n  warning: {\n    solid: 'var(--vui-action-yellow-solid)',\n    solidInverse: 'var(--vui-action-yellow-solid-inverse)',\n    solidHover: 'var(--vui-action-yellow-solid-hover)',\n    solidPressed: 'var(--vui-action-yellow-solid-pressed)',\n    subtleHover: 'var(--vui-action-yellow-subtle-hover)',\n    subtlePressed: 'var(--vui-action-yellow-subtle-pressed)',\n  },\n}\n\nconst TRANSPARENT = 'var(--vui-color-opacity-none)'\nconst DISABLED_BG = 'var(--vui-action-disabled-background)'\nconst DISABLED_FG = 'var(--vui-action-disabled-foreground)'\n\n/** Container styles per visual hierarchy, composed from intent tokens. */\nconst hierarchyRules: Record<string, (t: IntentTokens) => ContainerStyles> = {\n  primary: t => ({\n    bg: t.solid,\n    borderColor: t.solid,\n    color: t.solidInverse,\n    hoverBg: t.solidHover,\n    hoverBorderColor: t.solidHover,\n    activeBg: t.solidPressed,\n    activeBorderColor: t.solidPressed,\n    disabledBg: DISABLED_BG,\n    disabledBorderColor: DISABLED_BG,\n    disabledColor: DISABLED_FG,\n  }),\n  secondary: t => ({\n    bg: TRANSPARENT,\n    borderColor: t.solid,\n    color: t.solid,\n    hoverBg: t.subtleHover,\n    activeBg: t.subtlePressed,\n    disabledBg: TRANSPARENT,\n    disabledBorderColor: DISABLED_BG,\n    disabledColor: DISABLED_FG,\n  }),\n  tertiary: t => ({\n    bg: TRANSPARENT,\n    borderColor: TRANSPARENT,\n    color: t.solid,\n    hoverBg: t.subtleHover,\n    activeBg: t.subtlePressed,\n    disabledBg: TRANSPARENT,\n    disabledBorderColor: TRANSPARENT,\n    disabledColor: DISABLED_FG,\n  }),\n}\n\n// ---------------------------------------------------------------------------\n\nconst baseStyle = {}\n\nconst defaultProps = {\n  size: 'lg',\n  variant: 'primaryBrand',\n  fontWeight: 'medium',\n}\n\nconst parts = ['container', 'icon', 'text']\n\n// Padding model (applied in useButtonComputed.ts):\n// - Horizontal uses 2 tiers via theme tokens:\n//   text-only => paddingX\n//   icon+text => paddingXIcon (fallback: paddingX)\n//   icon-only => no padding (centering via fixed w=h)\n// - Vertical token paddingY is border-box aware at runtime:\n//   effective pt/pb = paddingY - borderWidth\nconst sizes = {\n  sm: {\n    container: {\n      fontSize: 'xs',\n      h: 24,\n      paddingX: 12,\n      paddingXIcon: 8,\n      paddingY: 5,\n      gapX: 8,\n    },\n    icon: {\n      fontSize: '12px',\n    },\n  },\n  md: {\n    container: {\n      fontSize: 'sm',\n      h: 32,\n      paddingX: 16,\n      paddingXIcon: 12,\n      paddingY: 8,\n      gapX: 8,\n    },\n    icon: {\n      fontSize: '16px',\n    },\n  },\n  lg: {\n    container: {\n      fontSize: 'md',\n      h: 40,\n      paddingX: 16,\n      paddingXIcon: 16,\n      paddingY: 10,\n      gapX: 8,\n    },\n    icon: {\n      fontSize: '16px',\n    },\n  },\n  xl: {\n    container: {\n      fontSize: 'lg',\n      h: 48,\n      paddingX: 16,\n      paddingXIcon: 16,\n      paddingY: 13,\n      gapX: 8,\n    },\n    icon: {\n      fontSize: '18px',\n    },\n  },\n}\n\nconst variants: Record<string, Record<string, ContainerStyles>> = Object.fromEntries(\n  Object.entries(intentTokens).flatMap(([intentKey, tokens]) =>\n    Object.entries(hierarchyRules).map(([hierarchyKey, buildContainer]) => [\n      `${hierarchyKey}${intentKey.charAt(0).toUpperCase()}${intentKey.slice(1)}`,\n      { container: buildContainer(tokens) },\n    ]),\n  ),\n)\n\n// Deprecated variant aliases for backward compatibility - will be removed in VUI 5.x\nvariants.primaryDark = variants.primaryBrand\nvariants.secondaryDark = variants.secondaryBrand\nvariants.tertiaryDark = variants.tertiaryBrand\nvariants.primaryLight = variants.primaryContrast\nvariants.secondaryLight = variants.secondaryContrast\nvariants.tertiaryLight = variants.tertiaryContrast\nvariants.solidGreen = variants.primarySuccess\nvariants.solidRed = variants.primaryDanger\nvariants.solidDarkBlue = variants.tertiaryBrand\nvariants.solidYellow = variants.tertiaryWarning\n\n// Legacy blue variants (removed in VUI 4.0, added back as deprecated aliases)\nvariants.solidBlue = variants.primaryBrand\nvariants.blueOutlined = variants.secondaryBrand\nvariants.blueText = variants.tertiaryBrand\n\n// Component-specific subtle variants (removed in VUI 4.0, added back as deprecated aliases)\nvariants.subtleBlue = variants.secondaryBrand\nvariants.subtleRed = variants.secondaryDanger\nvariants.subtleGreen = variants.secondarySuccess\nvariants.subtleYellow = variants.secondaryWarning\nvariants.subtleGrey = variants.tertiaryBrand\n\n// Menu-specific variants (removed in VUI 4.0, added back as deprecated aliases)\nvariants.menuLight = variants.tertiaryBrand\nvariants.menuDark = variants.tertiaryBrand\n\n// buttonGroupDefault is an internal variant, used in ButtonGroup; based on secondaryBrand\nvariants.buttonGroupDefault = {\n  container: {\n    bg: 'var(--vui-color-opacity-none)',\n    borderColor: 'var(--vui-control-placeholder)',\n    color: 'var(--vui-action-brand-solid)',\n    hoverBg: 'var(--vui-action-brand-subtle-hover)',\n    activeBg: 'var(--vui-action-brand-subtle-pressed)',\n  },\n}\n\n// buttonGroupRounded is an internal variant\nvariants.buttonGroupRounded = {\n  container: {\n    bg: 'var(--vui-background-default)',\n    borderColor: 'var(--vui-utility-border-subtle)',\n    color: 'var(--vui-foreground-default)',\n    hoverBg: 'var(--vui-action-brand-subtle-hover)',\n    hoverBorderColor: 'var(--vui-action-brand-subtle-hover)',\n    hoverColor: 'var(--vui-action-brand-subtle-inverse)',\n    activeBg: 'var(--vui-action-brand-solid-pressed)',\n    activeBorderColor: 'var(--vui-action-brand-solid-pressed)',\n    activeColor: 'var(--vui-action-brand-solid-inverse)',\n    borderRadius: '1000',\n    marginRight: 'var(--vui-button-group-rounded-spacing, 22px)',\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"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"}

package/dist/button/useButtonComputed.js

@@ -103,5 +103,5 @@ const useButtonComputed = ({ size, variant, intentProp, borderWidthProp, disable
 
 //#endregion
 export { useButtonComputed };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=useButtonComputed.js.map

package/dist/button/utils.js

@@ -56,5 +56,5 @@ const wrapWithVars = (props, mapping) => {
 
 //#endregion
 export { extractNumericValue, resolveVariantKey, wrapWithVars };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=utils.js.map

package/dist/button/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../src/button/utils.ts"],"sourcesContent":["/**\n * Button utilities — pure functions shared by theme.ts and button.tsx.\n * Kept separate to avoid circular imports.\n */\n\nimport type { ButtonIntent, ButtonVariant } from './button.types'\n\n/** Matches DEFAULT_BORDER_WIDTH in consts.ts; duplicated here to avoid a circular import. */\nconst DEFAULT_BORDER_WIDTH_FALLBACK = 1\n\n/** Canonical hierarchy keys recognised by the two-prop API. */\nconst HIERARCHY_KEYS = new Set<string>(['primary', 'secondary', 'tertiary'])\n\nconst capitalize = (s: string) => s.charAt(0).toUpperCase() + s.slice(1)\n\n/**\n * Converts a two-prop variant+intent pair into the combined theme key used\n * internally (e.g. `resolveVariantKey('primary','brand') => 'primaryBrand'`).\n * When `intent` is omitted, `'brand'` is used as the default\n * (e.g. `resolveVariantKey('primary') => 'primaryBrand'`).\n *\n * If `variant` is already a fully-qualified legacy key (e.g. `'primaryBrand'`)\n * it is returned unchanged so the new API is backward-compatible.\n *\n * Returns `'primaryBrand'` (the default variant) when `variant` is absent.\n */\nexport const resolveVariantKey = (\n  variant: ButtonVariant | string | undefined,\n  intent: ButtonIntent | string | undefined,\n): string | undefined => {\n  if (!variant) return `primary${capitalize(intent ?? 'brand')}`\n\n  // Already a combined legacy key — pass through unchanged\n  if (!HIERARCHY_KEYS.has(variant)) return variant\n\n  // New two-prop API: combine hierarchy + intent (defaults to 'brand' when intent is absent)\n  return `${variant}${capitalize(intent ?? 'brand')}`\n}\n\n/**\n * Extracts a numeric value from various input types (number, string with px, etc.).\n * Moved here from button.tsx so it can be used and tested independently.\n *\n * @param value   - Value to extract number from\n * @param fallback - Default value if extraction fails\n */\nexport const extractNumericValue = (value: unknown, fallback = DEFAULT_BORDER_WIDTH_FALLBACK): number => {\n  if (typeof value === 'number') return value\n  if (typeof value === 'string') {\n    const parsed = parseInt(value, 10)\n    if (!isNaN(parsed)) return parsed\n  }\n  return fallback\n}\n\n/**\n * Wraps a props object so each mapped key becomes `var(--css-var, originalValue)`.\n * Unmapped keys are passed through unchanged.\n * Defined here (not in button.tsx) so it can be imported without pulling in React.\n */\nexport const wrapWithVars = (\n  props: Record<string, unknown>,\n  mapping: Record<string, string>,\n): Record<string, unknown> => {\n  if (!props || Object.keys(props).length === 0) return {}\n  const result: Record<string, unknown> = {}\n  Object.entries(props).forEach(([key, value]) => {\n    if (key in mapping && value !== undefined) {\n      result[key] = `var(${mapping[key]}, ${value})`\n    } else if (!(key in mapping)) {\n      result[key] = value\n    }\n  })\n  return result\n}\n"],"mappings":";;AAQA,MAAM,gCAAgC;;AAGtC,MAAM,iBAAiB,IAAI,IAAY;CAAC;CAAW;CAAa;AAAU,CAAC;AAE3E,MAAM,cAAc,MAAc,EAAE,OAAO,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC;;;;;;;;;;;;AAavE,MAAa,qBACX,SACA,WACuB;CACvB,IAAI,CAAC,SAAS,OAAO,UAAU,WAAW,UAAU,OAAO;CAG3D,IAAI,CAAC,eAAe,IAAI,OAAO,GAAG,OAAO;CAGzC,OAAO,GAAG,UAAU,WAAW,UAAU,OAAO;AAClD;;;;;;;;AASA,MAAa,uBAAuB,OAAgB,WAAW,kCAA0C;CACvG,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,IAAI,OAAO,UAAU,UAAU;EAC7B,MAAM,SAAS,SAAS,OAAO,EAAE;EACjC,IAAI,CAAC,MAAM,MAAM,GAAG,OAAO;CAC7B;CACA,OAAO;AACT;;;;;;AAOA,MAAa,gBACX,OACA,YAC4B;CAC5B,IAAI,CAAC,SAAS,OAAO,KAAK,KAAK,EAAE,WAAW,GAAG,OAAO,CAAC;CACvD,MAAM,SAAkC,CAAC;CACzC,OAAO,QAAQ,KAAK,EAAE,SAAS,CAAC,KAAK,WAAW;EAC9C,IAAI,OAAO,WAAW,UAAU,QAC9B,OAAO,OAAO,OAAO,QAAQ,KAAK,IAAI,MAAM;OACvC,IAAI,EAAE,OAAO,UAClB,OAAO,OAAO;CAElB,CAAC;CACD,OAAO;AACT"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/button/utils.ts"],"sourcesContent":["/**\n * Button utilities — pure functions shared by theme.ts and button.tsx.\n * Kept separate to avoid circular imports.\n */\n\nimport type { ButtonIntent, ButtonVariant } from './button.types'\n\n/** Matches DEFAULT_BORDER_WIDTH in consts.ts; duplicated here to avoid a circular import. */\nconst DEFAULT_BORDER_WIDTH_FALLBACK = 1\n\n/** Canonical hierarchy keys recognised by the two-prop API. */\nconst HIERARCHY_KEYS = new Set<string>(['primary', 'secondary', 'tertiary'])\n\nconst capitalize = (s: string) => s.charAt(0).toUpperCase() + s.slice(1)\n\n/**\n * Converts a two-prop variant+intent pair into the combined theme key used\n * internally (e.g. `resolveVariantKey('primary','brand') => 'primaryBrand'`).\n * When `intent` is omitted, `'brand'` is used as the default\n * (e.g. `resolveVariantKey('primary') => 'primaryBrand'`).\n *\n * If `variant` is already a fully-qualified legacy key (e.g. `'primaryBrand'`)\n * it is returned unchanged so the new API is backward-compatible.\n *\n * Returns `'primaryBrand'` (the default variant) when `variant` is absent.\n */\nexport const resolveVariantKey = (\n  variant: ButtonVariant | string | undefined,\n  intent: ButtonIntent | string | undefined,\n): string | undefined => {\n  if (!variant) return `primary${capitalize(intent ?? 'brand')}`\n\n  // Already a combined legacy key — pass through unchanged\n  if (!HIERARCHY_KEYS.has(variant)) return variant\n\n  // New two-prop API: combine hierarchy + intent (defaults to 'brand' when intent is absent)\n  return `${variant}${capitalize(intent ?? 'brand')}`\n}\n\n/**\n * Extracts a numeric value from various input types (number, string with px, etc.).\n * Moved here from button.tsx so it can be used and tested independently.\n *\n * @param value   - Value to extract number from\n * @param fallback - Default value if extraction fails\n */\nexport const extractNumericValue = (value: unknown, fallback = DEFAULT_BORDER_WIDTH_FALLBACK): number => {\n  if (typeof value === 'number') return value\n  if (typeof value === 'string') {\n    const parsed = parseInt(value, 10)\n    if (!isNaN(parsed)) return parsed\n  }\n  return fallback\n}\n\n/**\n * Wraps a props object so each mapped key becomes `var(--css-var, originalValue)`.\n * Unmapped keys are passed through unchanged.\n * Defined here (not in button.tsx) so it can be imported without pulling in React.\n */\nexport const wrapWithVars = (\n  props: Record<string, unknown>,\n  mapping: Record<string, string>,\n): Record<string, unknown> => {\n  if (!props || Object.keys(props).length === 0) return {}\n  const result: Record<string, unknown> = {}\n  Object.entries(props).forEach(([key, value]) => {\n    if (key in mapping && value !== undefined) {\n      result[key] = `var(${mapping[key]}, ${value})`\n    } else if (!(key in mapping)) {\n      result[key] = value\n    }\n  })\n  return result\n}\n"],"mappings":";;AAQA,MAAM,gCAAgC;;AAGtC,MAAM,iBAAiB,IAAI,IAAY;CAAC;CAAW;CAAa;AAAU,CAAC;AAE3E,MAAM,cAAc,MAAc,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,IAAI,EAAE,MAAM,CAAC;;;;;;;;;;;;AAavE,MAAa,qBACX,SACA,WACuB;CACvB,IAAI,CAAC,SAAS,OAAO,UAAU,WAAW,UAAU,OAAO;CAG3D,IAAI,CAAC,eAAe,IAAI,OAAO,GAAG,OAAO;CAGzC,OAAO,GAAG,UAAU,WAAW,UAAU,OAAO;AAClD;;;;;;;;AASA,MAAa,uBAAuB,OAAgB,WAAW,kCAA0C;CACvG,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,IAAI,OAAO,UAAU,UAAU;EAC7B,MAAM,SAAS,SAAS,OAAO,EAAE;EACjC,IAAI,CAAC,MAAM,MAAM,GAAG,OAAO;CAC7B;CACA,OAAO;AACT;;;;;;AAOA,MAAa,gBACX,OACA,YAC4B;CAC5B,IAAI,CAAC,SAAS,OAAO,KAAK,KAAK,CAAC,CAAC,WAAW,GAAG,OAAO,CAAC;CACvD,MAAM,SAAkC,CAAC;CACzC,OAAO,QAAQ,KAAK,CAAC,CAAC,SAAS,CAAC,KAAK,WAAW;EAC9C,IAAI,OAAO,WAAW,UAAU,QAC9B,OAAO,OAAO,OAAO,QAAQ,KAAK,IAAI,MAAM;OACvC,IAAI,EAAE,OAAO,UAClB,OAAO,OAAO;CAElB,CAAC;CACD,OAAO;AACT"}

package/dist/buttonGroup/buttonGroup.js

@@ -74,5 +74,5 @@ ButtonGroup.displayName = "ButtonGroup";
 
 //#endregion
 export { ButtonGroupBase, ButtonGroup as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=buttonGroup.js.map

package/dist/buttonGroup/context.js

@@ -5,5 +5,5 @@ const [ButtonGroupProvider, useButtonGroupContext] = createContext({ isOptional:
 
 //#endregion
 export { ButtonGroupProvider, useButtonGroupContext };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=context.js.map

package/dist/buttonGroup/helpers.js

@@ -8,5 +8,5 @@ function getInnerBorderColor(props) {
 
 //#endregion
 export { getInnerBorderColor };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=helpers.js.map

package/dist/buttonToggleGroup/buttonToggleGroup.d.ts

@@ -5,7 +5,7 @@ import { ButtonToggleGroupProps } from "./buttonToggleGroup.types.js";
  * Organizes layout and display of multiple buttons. Based on ButtonGroup and should be used to toggle options.
  */
 declare const ButtonToggleGroup: {
-  (props: ButtonToggleGroupProps): import("react/jsx-runtime").JSX.Element;
+  (props: ButtonToggleGroupProps): import("react").JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/buttonToggleGroup/buttonToggleGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttonToggleGroup.d.ts","names":[],"sources":["../../src/buttonToggleGroup/buttonToggleGroup.tsx"],"mappings":";;;;;AAOA;cAAa,iBAAA;EAAA,QAA4B,sBAAsB,+BAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"buttonToggleGroup.d.ts","names":[],"sources":["../../src/buttonToggleGroup/buttonToggleGroup.tsx"],"mappings":";;;;;AAOA;cAAa,iBAAA;EAAA,QAA4B,sBAAsB,mBAAA,GAAA,CAAA,OAAA"}

package/dist/buttonToggleGroup/buttonToggleGroup.js

@@ -19,5 +19,5 @@ ButtonToggleGroup.displayName = "ButtonToggleGroup";
 
 //#endregion
 export { ButtonToggleGroup as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=buttonToggleGroup.js.map

package/dist/calendar/calendar.js

@@ -120,5 +120,5 @@ Calendar.displayName = "Calendar";
 
 //#endregion
 export { Calendar as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=calendar.js.map

package/dist/calendar/calendar.styles.js

@@ -70,5 +70,5 @@ const CalendarItemsContainer = styled(Box)`
 
 //#endregion
 export { CalendarItem, CalendarItemsContainer };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=calendar.styles.js.map

package/dist/calendar/calendar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.styles.js","names":[],"sources":["../../src/calendar/calendar.styles.ts"],"sourcesContent":["import Box from '../box'\nimport { css, styled, th } from '../core'\nimport Link from '../link'\nimport type { ItemProps } from './calendar.types'\n\nexport const boundary = css`\n  background-color: ${th.color('seaBlue.main')};\n  color: white !important;\n  border-radius: 0;\n`\n\nexport const current = css`\n  background-color: ${th.color('seaBlue.main')};\n  color: white !important;\n  border-radius: 0;\n`\n\nexport const isDisabled = css`\n  background-color: ${th.color('sandstone.97')} !important;\n  color: ${th.color('sandstone.55')} !important;\n  cursor: not-allowed;\n`\n\nexport const isHidden = css`\n  color: ${th.color('sandstone.55')} !important;\n`\n\nexport const isToday = css`\n  border: 1px solid ${th.color('seaBlue.main')};\n`\n\nexport const hover = css`\n  background-color: ${th.color('skyBlue.85')};\n  color: ${th.color('seaBlue.main')};\n  border-radius: 0;\n`\n\nexport const isSelected = css`\n  background-color: ${th.color('skyBlue.85')};\n  border-radius: 0;\n  color: white;\n`\n\nexport const CalendarItem = styled(Link)<ItemProps>`\n  aspect-ratio: 1;\n  border: 0;\n  cursor: pointer;\n  height: 100%;\n  justify-content: center;\n  text-decoration: none;\n  width: 100%;\n\n  ${p => p.isHidden && isHidden}\n  ${p => p.isToday && isToday}\n  ${p => p.isDisabled && isDisabled}\n  ${p => p.isSelected && isSelected}\n  ${p => p.boundary && boundary}\n  ${p => p.current && current}\n\n  &:hover {\n    color: inherit;\n    text-decoration: none;\n\n    ${p => !p.isDisabled && hover}\n  }\n`\n\nexport const CalendarItemsContainer = styled(Box)`\n  align-items: center;\n  column-gap: 0;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: repeat(4, 48px);\n  justify-items: center;\n  row-gap: 0;\n`\n"],"mappings":";;;;;;AAKA,MAAa,WAAW,GAAG;sBACL,GAAG,MAAM,cAAc,EAAE;;;;AAK/C,MAAa,UAAU,GAAG;sBACJ,GAAG,MAAM,cAAc,EAAE;;;;AAK/C,MAAa,aAAa,GAAG;sBACP,GAAG,MAAM,cAAc,EAAE;WACpC,GAAG,MAAM,cAAc,EAAE;;;AAIpC,MAAa,WAAW,GAAG;WAChB,GAAG,MAAM,cAAc,EAAE;;AAGpC,MAAa,UAAU,GAAG;sBACJ,GAAG,MAAM,cAAc,EAAE;;AAG/C,MAAa,QAAQ,GAAG;sBACF,GAAG,MAAM,YAAY,EAAE;WAClC,GAAG,MAAM,cAAc,EAAE;;;AAIpC,MAAa,aAAa,GAAG;sBACP,GAAG,MAAM,YAAY,EAAE;;;;AAK7C,MAAa,eAAe,OAAO,IAAI,CAAY;;;;;;;;;KAS/C,MAAK,EAAE,YAAY,SAAS;KAC5B,MAAK,EAAE,WAAW,QAAQ;KAC1B,MAAK,EAAE,cAAc,WAAW;KAChC,MAAK,EAAE,cAAc,WAAW;KAChC,MAAK,EAAE,YAAY,SAAS;KAC5B,MAAK,EAAE,WAAW,QAAQ;;;;;;OAMxB,MAAK,CAAC,EAAE,cAAc,MAAM;;;AAIlC,MAAa,yBAAyB,OAAO,GAAG,CAAC"}
+{"version":3,"file":"calendar.styles.js","names":[],"sources":["../../src/calendar/calendar.styles.ts"],"sourcesContent":["import Box from '../box'\nimport { css, styled, th } from '../core'\nimport Link from '../link'\nimport type { ItemProps } from './calendar.types'\n\nexport const boundary = css`\n  background-color: ${th.color('seaBlue.main')};\n  color: white !important;\n  border-radius: 0;\n`\n\nexport const current = css`\n  background-color: ${th.color('seaBlue.main')};\n  color: white !important;\n  border-radius: 0;\n`\n\nexport const isDisabled = css`\n  background-color: ${th.color('sandstone.97')} !important;\n  color: ${th.color('sandstone.55')} !important;\n  cursor: not-allowed;\n`\n\nexport const isHidden = css`\n  color: ${th.color('sandstone.55')} !important;\n`\n\nexport const isToday = css`\n  border: 1px solid ${th.color('seaBlue.main')};\n`\n\nexport const hover = css`\n  background-color: ${th.color('skyBlue.85')};\n  color: ${th.color('seaBlue.main')};\n  border-radius: 0;\n`\n\nexport const isSelected = css`\n  background-color: ${th.color('skyBlue.85')};\n  border-radius: 0;\n  color: white;\n`\n\nexport const CalendarItem = styled(Link)<ItemProps>`\n  aspect-ratio: 1;\n  border: 0;\n  cursor: pointer;\n  height: 100%;\n  justify-content: center;\n  text-decoration: none;\n  width: 100%;\n\n  ${p => p.isHidden && isHidden}\n  ${p => p.isToday && isToday}\n  ${p => p.isDisabled && isDisabled}\n  ${p => p.isSelected && isSelected}\n  ${p => p.boundary && boundary}\n  ${p => p.current && current}\n\n  &:hover {\n    color: inherit;\n    text-decoration: none;\n\n    ${p => !p.isDisabled && hover}\n  }\n`\n\nexport const CalendarItemsContainer = styled(Box)`\n  align-items: center;\n  column-gap: 0;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: repeat(4, 48px);\n  justify-items: center;\n  row-gap: 0;\n`\n"],"mappings":";;;;;;AAKA,MAAa,WAAW,GAAG;sBACL,GAAG,MAAM,cAAc,EAAE;;;;AAK/C,MAAa,UAAU,GAAG;sBACJ,GAAG,MAAM,cAAc,EAAE;;;;AAK/C,MAAa,aAAa,GAAG;sBACP,GAAG,MAAM,cAAc,EAAE;WACpC,GAAG,MAAM,cAAc,EAAE;;;AAIpC,MAAa,WAAW,GAAG;WAChB,GAAG,MAAM,cAAc,EAAE;;AAGpC,MAAa,UAAU,GAAG;sBACJ,GAAG,MAAM,cAAc,EAAE;;AAG/C,MAAa,QAAQ,GAAG;sBACF,GAAG,MAAM,YAAY,EAAE;WAClC,GAAG,MAAM,cAAc,EAAE;;;AAIpC,MAAa,aAAa,GAAG;sBACP,GAAG,MAAM,YAAY,EAAE;;;;AAK7C,MAAa,eAAe,OAAO,IAAI,CAAC,AAAW;;;;;;;;;KAS/C,MAAK,EAAE,YAAY,SAAS;KAC5B,MAAK,EAAE,WAAW,QAAQ;KAC1B,MAAK,EAAE,cAAc,WAAW;KAChC,MAAK,EAAE,cAAc,WAAW;KAChC,MAAK,EAAE,YAAY,SAAS;KAC5B,MAAK,EAAE,WAAW,QAAQ;;;;;;OAMxB,MAAK,CAAC,EAAE,cAAc,MAAM;;;AAIlC,MAAa,yBAAyB,OAAO,GAAG,CAAC"}

package/dist/calendar/components/calendarHeader.js

@@ -48,5 +48,5 @@ const CalendarHeader = ({ nextDisabled, onChangeViewItem, onSetTimeUnitMode, pre
 
 //#endregion
 export { CalendarHeader };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=calendarHeader.js.map

package/dist/calendar/components/dayPicker.js

@@ -47,5 +47,5 @@ const DayPicker = ({ calendar, onSelectDay }) => /* @__PURE__ */ jsxs(DaysContai
 
 //#endregion
 export { DayPicker };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=dayPicker.js.map

package/dist/calendar/components/dayPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"dayPicker.js","names":[],"sources":["../../../src/calendar/components/dayPicker.tsx"],"sourcesContent":["import Box from '../../box'\nimport { styled, th } from '../../core'\nimport { cs } from '../../utils'\nimport { CalendarItem, CalendarItemsContainer } from '../calendar.styles'\nimport type { ItemProps, TimeResult } from '../calendar.types'\nimport { weekDays } from '../consts'\n\ntype DayPickerProps = {\n  calendar: TimeResult\n  onSelectDay?: (date: Date) => void\n}\n\nconst DayItem = styled(CalendarItem)<ItemProps>`\n  aspect-ratio: 1;\n  position: relative;\n  font-size: 14px;\n  font-weight: 500;\n  width: 40px;\n  height: 40px;\n  color: ${th.color('seaBlue.main')};\n  display: inline-flex;\n  align-items: center;\n\n  & > .vui-t {\n    margin-bottom: -3px;\n  }\n`\n\nconst DaysContainer = styled(CalendarItemsContainer)`\n  grid-template-columns: repeat(7, 1fr);\n  grid-template-rows: auto;\n`\n\nexport const DayPicker = ({ calendar, onSelectDay }: DayPickerProps) => (\n  <DaysContainer className={cs('vui-day-picker')} mt={1} wrap>\n    {weekDays.map((day, index) => (\n      <Box\n        border={0}\n        className=\"dayHeader\"\n        color=\"seaBlue.main\"\n        fontSize={16}\n        fontWeight={500}\n        key={`week-day-${index}`}\n      >\n        {day}\n      </Box>\n    ))}\n    {calendar.items.map(item => (\n      <DayItem\n        className={cs('vui-day-item')}\n        key={item.date.getTime()}\n        onClick={(!item.isDisabled && onSelectDay?.(item.date)) || undefined}\n        {...item}\n      >\n        {item.date.getUTCDate()}\n      </DayItem>\n    ))}\n  </DaysContainer>\n)\n"],"mappings":";;;;;;;;;AAYA,MAAM,UAAU,OAAO,YAAY,CAAY;;;;;;;WAOpC,GAAG,MAAM,cAAc,EAAE;;;;;;;;AASpC,MAAM,gBAAgB,OAAO,sBAAsB,CAAC;;;;AAKpD,MAAa,aAAa,EAAE,UAAU,kBACpC,qBAAC,eAAD;CAAe,WAAW,GAAG,gBAAgB;CAAG,IAAI;CAAG;WAAvD,CACG,SAAS,KAAK,KAAK,UAClB,oBAAC,KAAD;EACE,QAAQ;EACR,WAAU;EACV,OAAM;EACN,UAAU;EACV,YAAY;YAGX;CACE,GAHE,YAAY,OAGd,CACN,GACA,SAAS,MAAM,KAAI,SAClB,oBAAC,SAAD;EACE,WAAW,GAAG,cAAc;EAE5B,SAAU,CAAC,KAAK,cAAc,cAAc,KAAK,IAAI,KAAM;EAC3D,GAAI;YAEH,KAAK,KAAK,WAAW;CACf,GALF,KAAK,KAAK,QAAQ,CAKhB,CACV,CACY"}
+{"version":3,"file":"dayPicker.js","names":[],"sources":["../../../src/calendar/components/dayPicker.tsx"],"sourcesContent":["import Box from '../../box'\nimport { styled, th } from '../../core'\nimport { cs } from '../../utils'\nimport { CalendarItem, CalendarItemsContainer } from '../calendar.styles'\nimport type { ItemProps, TimeResult } from '../calendar.types'\nimport { weekDays } from '../consts'\n\ntype DayPickerProps = {\n  calendar: TimeResult\n  onSelectDay?: (date: Date) => void\n}\n\nconst DayItem = styled(CalendarItem)<ItemProps>`\n  aspect-ratio: 1;\n  position: relative;\n  font-size: 14px;\n  font-weight: 500;\n  width: 40px;\n  height: 40px;\n  color: ${th.color('seaBlue.main')};\n  display: inline-flex;\n  align-items: center;\n\n  & > .vui-t {\n    margin-bottom: -3px;\n  }\n`\n\nconst DaysContainer = styled(CalendarItemsContainer)`\n  grid-template-columns: repeat(7, 1fr);\n  grid-template-rows: auto;\n`\n\nexport const DayPicker = ({ calendar, onSelectDay }: DayPickerProps) => (\n  <DaysContainer className={cs('vui-day-picker')} mt={1} wrap>\n    {weekDays.map((day, index) => (\n      <Box\n        border={0}\n        className=\"dayHeader\"\n        color=\"seaBlue.main\"\n        fontSize={16}\n        fontWeight={500}\n        key={`week-day-${index}`}\n      >\n        {day}\n      </Box>\n    ))}\n    {calendar.items.map(item => (\n      <DayItem\n        className={cs('vui-day-item')}\n        key={item.date.getTime()}\n        onClick={(!item.isDisabled && onSelectDay?.(item.date)) || undefined}\n        {...item}\n      >\n        {item.date.getUTCDate()}\n      </DayItem>\n    ))}\n  </DaysContainer>\n)\n"],"mappings":";;;;;;;;;AAYA,MAAM,UAAU,OAAO,YAAY,CAAC,AAAW;;;;;;;WAOpC,GAAG,MAAM,cAAc,EAAE;;;;;;;;AASpC,MAAM,gBAAgB,OAAO,sBAAsB,CAAC;;;;AAKpD,MAAa,aAAa,EAAE,UAAU,kBACpC,qBAAC,eAAD;CAAe,WAAW,GAAG,gBAAgB;CAAG,IAAI;CAAG;WAAvD,CACG,SAAS,KAAK,KAAK,UAClB,oBAAC,KAAD;EACE,QAAQ;EACR,WAAU;EACV,OAAM;EACN,UAAU;EACV,YAAY;YAGX;CACE,GAHE,YAAY,OAGd,CACN,GACA,SAAS,MAAM,KAAI,SAClB,oBAAC,SAAD;EACE,WAAW,GAAG,cAAc;EAE5B,SAAU,CAAC,KAAK,cAAc,cAAc,KAAK,IAAI,KAAM;EAC3D,GAAI;YAEH,KAAK,KAAK,WAAW;CACf,GALF,KAAK,KAAK,QAAQ,CAKhB,CACV,CACY"}

package/dist/calendar/components/monthPicker.js

@@ -19,5 +19,5 @@ const MonthPicker = ({ calendar, onSelectMonth }) => /* @__PURE__ */ jsx(Calenda
 
 //#endregion
 export { MonthPicker };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=monthPicker.js.map

package/dist/calendar/components/timeUnitHeader.js

@@ -61,5 +61,5 @@ const TimeUnitHeader = ({ onSetTimeUnitMode, timeUnitMode, viewMonth }) => {
 
 //#endregion
 export { TimeUnitHeader };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=timeUnitHeader.js.map

package/dist/calendar/components/yearPicker.js

@@ -16,5 +16,5 @@ const YearPicker = ({ calendar, onSelectYear }) => /* @__PURE__ */ jsx(CalendarI
 
 //#endregion
 export { YearPicker };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=yearPicker.js.map

package/dist/calendar/consts.js

@@ -42,5 +42,5 @@ const weekDays = [
 
 //#endregion
 export { maxDateTimestamp, minDateTimestamp, months, monthsShort, viewYears, weekDays };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=consts.js.map

package/dist/calendar/hooks/useBoundaries.js

@@ -17,5 +17,5 @@ const useBoundaries = ({ boundaries }) => {
 
 //#endregion
 export { useBoundaries };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=useBoundaries.js.map

package/dist/calendar/hooks/useCalendar.js

@@ -115,5 +115,5 @@ const useCalendar = ({ boundaries, selectedDates, mode = "exact", timeUnitMode,
 
 //#endregion
 export { useCalendar };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=useCalendar.js.map

package/dist/calendar/hooks/useCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCalendar.js","names":[],"sources":["../../../src/calendar/hooks/useCalendar.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { generateDateByUTCValue, getDateUTCValue, sameDate, sameYear, sameYearSameMonth } from '../../utils'\nimport type { MonthProps, TimeItem, TimeResult } from '../calendar.types'\nimport { viewYears } from '../consts'\nimport { getNextDate, isDay, isExact, isFrom, isMonth, isRange, isTo, isYear } from '../utils'\nimport { useBoundaries } from './useBoundaries'\nimport { useSelectedDate } from './useSelectedDate'\n\n/**\n * Main hook for doing calendar calculations\n * Calculates for all time unit modes: day, month and year\n * Depends on useBoundaries and useSelectedDate to do initial setup\n */\nexport const useCalendar = ({\n  boundaries,\n  selectedDates,\n  mode = 'exact',\n  timeUnitMode,\n  viewDate,\n  // fixedNumberOfWeeks,\n}: MonthProps) => {\n  const boundariesProcessed = useBoundaries({ boundaries })\n  const selectedProcessed = useSelectedDate({ selectedDates, mode })\n\n  return useMemo(() => {\n    const { maxDateTime, minDateTime } = boundariesProcessed\n    const { currentDateTime, maxSelectedDateTime, minSelectedDateTime } = selectedProcessed\n    const { utcYear: viewDateYear, utcMonth: viewDateMonth } = getDateUTCValue(viewDate)\n\n    let calendarFirstDay: Date\n    let calendarLastDay: Date\n    let nextFirstDay: Date\n    let prevLastDay: Date\n    let firstDay: Date\n    let lastDay: Date\n\n    if (isDay(timeUnitMode)) {\n      firstDay = generateDateByUTCValue(viewDateYear, viewDateMonth, 1)\n      lastDay = generateDateByUTCValue(viewDateYear, viewDateMonth + 1, 0)\n\n      nextFirstDay = generateDateByUTCValue(viewDateYear, viewDateMonth + 1, 1)\n      prevLastDay = generateDateByUTCValue(viewDateYear, viewDateMonth, 0)\n\n      const weekdayFirst = firstDay.getUTCDay()\n      const weekdayLast = lastDay.getUTCDay()\n\n      // Monday preceding the month (or first day of the month if it's on a Monday)\n      calendarFirstDay = new Date(Date.UTC(viewDateYear, viewDateMonth, 2 - weekdayFirst))\n      if (weekdayFirst === 0) calendarFirstDay = new Date(Date.UTC(viewDateYear, viewDateMonth, 2 - 7))\n\n      // Sunday after the month (or last day of the month if it's on a Sunday)\n      calendarLastDay = new Date(Date.UTC(viewDateYear, viewDateMonth + 1, 8 - weekdayLast))\n      if (weekdayLast === 0) calendarLastDay = new Date(Date.UTC(viewDateYear, viewDateMonth + 1, 1))\n      else if (weekdayLast === 1) calendarLastDay = new Date(Date.UTC(viewDateYear, viewDateMonth + 1, 0))\n\n      // If calendar must contain constant number of weeks (6 weeks)\n      // Missing weeks will be added to the end of the month\n      // const numberOfWeeks = Math.round((+calendarLastDay - +calendarFirstDay) / (7 * 24 * 60 * 60 * 1000))\n\n      // if (fixedNumberOfWeeks) {\n      //   for (let week = numberOfWeeks; week < 6; week++) {\n      //     calendarLastDay = generateDateByUTCValue(\n      //       calendarLastDay.getUTCFullYear(),\n      //       calendarLastDay.getUTCMonth(),\n      //       calendarLastDay.getUTCDate() + 7,\n      //     )\n      //   }\n      // }\n    } else if (isMonth(timeUnitMode)) {\n      calendarFirstDay = firstDay = generateDateByUTCValue(viewDateYear, 0, 1)\n      calendarLastDay = lastDay = generateDateByUTCValue(viewDateYear, 11, 31)\n      nextFirstDay = generateDateByUTCValue(viewDateYear + 1, 0, 1)\n      prevLastDay = generateDateByUTCValue(viewDateYear - 1, 11, 31)\n    } else {\n      const calendarStartYear = new Date().getUTCFullYear() - viewYears / 2\n      const diffYears = calendarStartYear - viewDateYear\n\n      const startYear = calendarStartYear - Math.ceil(diffYears / viewYears) * viewYears\n      const endYear = startYear + viewYears - 1\n\n      if (startYear === 1753) calendarFirstDay = firstDay = generateDateByUTCValue(startYear, 0, 2)\n      else calendarFirstDay = firstDay = generateDateByUTCValue(startYear, 0, 1)\n\n      calendarLastDay = lastDay = generateDateByUTCValue(endYear, 11, 31)\n      nextFirstDay = generateDateByUTCValue(endYear + 1, 0, 1)\n      prevLastDay = generateDateByUTCValue(startYear - 1, 11, 31)\n    }\n\n    const items: TimeItem[] = []\n    // Loops between first and last date\n    let dateItem = calendarFirstDay\n    do {\n      const isHidden = dateItem < firstDay || dateItem >= lastDay\n      const isToday = sameDate(dateItem, new Date())\n      const { utcYear: minDateYear, utcMonth: minDateMonth } = getDateUTCValue(minDateTime)\n\n      let minUnitModeDate = minDateTime\n      if (isMonth(timeUnitMode))\n        // Need to compare with the first day of the month to decide if the month is disabled in the month overview\n        minUnitModeDate = generateDateByUTCValue(minDateYear, minDateMonth, 1)\n      else if (isYear(timeUnitMode))\n        // Need to compare with the first day of the year to decide if the year is disabled in the year overview\n        minUnitModeDate = generateDateByUTCValue(minDateYear, 0, 1)\n\n      const isDisabled = dateItem < minUnitModeDate || dateItem > maxDateTime ? true : false\n\n      // The calendar only select a single date\n      const isExactSelected = isExact(mode) && minSelectedDateTime && +dateItem === +minSelectedDateTime\n\n      // The calendar selects a range\n      const inRangeLow = minSelectedDateTime && dateItem >= minSelectedDateTime\n      const inRangeHigh = maxSelectedDateTime && dateItem <= maxSelectedDateTime\n\n      const inRange =\n        !isExact(mode) &&\n        ((!isDisabled && inRangeLow && (!maxSelectedDateTime || inRangeHigh)) ||\n          (inRangeHigh && (!minSelectedDateTime || inRangeLow)))\n\n      const isRangeSelected = isRange(mode) && inRange\n      const isFromSelected = isFrom(mode) && inRangeLow\n      const isToSelected = isTo(mode) && inRangeHigh\n\n      const isSelected = !!(isExactSelected || isFromSelected || isToSelected || isRangeSelected)\n\n      let maxSelectedCheck = maxSelectedDateTime\n      let minSelectedCheck = minSelectedDateTime\n\n      if (isYear(timeUnitMode)) {\n        if (maxSelectedCheck) maxSelectedCheck = generateDateByUTCValue(maxSelectedCheck.getUTCFullYear(), 0, 1)\n        if (minSelectedCheck) minSelectedCheck = generateDateByUTCValue(minSelectedCheck.getUTCFullYear(), 0, 1)\n      }\n      if (isMonth(timeUnitMode)) {\n        if (maxSelectedCheck)\n          // eslint-disable-next-line no-useless-assignment\n          maxSelectedCheck = generateDateByUTCValue(\n            maxSelectedCheck.getUTCFullYear(),\n            maxSelectedCheck.getUTCMonth(),\n            1,\n          )\n        if (minSelectedCheck)\n          minSelectedCheck = generateDateByUTCValue(\n            minSelectedCheck.getUTCFullYear(),\n            minSelectedCheck.getUTCMonth(),\n            1,\n          )\n      }\n\n      const boundary = !isTo(mode) && sameDate(dateItem, minSelectedCheck)\n\n      let current: boolean\n      if (isDay(timeUnitMode)) current = sameDate(dateItem, currentDateTime)\n      else if (isMonth(timeUnitMode)) current = sameYearSameMonth(dateItem, currentDateTime)\n      else current = sameYear(dateItem, currentDateTime)\n\n      items.push({\n        date: dateItem,\n        isHidden,\n        isToday,\n        isDisabled: boundary ? false : isDisabled,\n        isSelected,\n        boundary,\n        current,\n      })\n\n      dateItem = getNextDate(dateItem, timeUnitMode)\n    } while (dateItem <= calendarLastDay)\n\n    // Disables next/prev buttons\n    const prevDisabled = minDateTime > prevLastDay\n    const nextDisabled = maxDateTime < nextFirstDay\n\n    return {\n      items,\n      prevDisabled,\n      nextDisabled,\n    } as TimeResult\n  }, [boundaries, selectedDates, mode, timeUnitMode, viewDate])\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAa,eAAe,EAC1B,YACA,eACA,OAAO,SACP,cACA,eAEgB;CAChB,MAAM,sBAAsB,cAAc,EAAE,WAAW,CAAC;CACxD,MAAM,oBAAoB,gBAAgB;EAAE;EAAe;CAAK,CAAC;CAEjE,OAAO,cAAc;EACnB,MAAM,EAAE,aAAa,gBAAgB;EACrC,MAAM,EAAE,iBAAiB,qBAAqB,wBAAwB;EACtE,MAAM,EAAE,SAAS,cAAc,UAAU,kBAAkB,gBAAgB,QAAQ;EAEnF,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EAEJ,IAAI,MAAM,YAAY,GAAG;GACvB,WAAW,uBAAuB,cAAc,eAAe,CAAC;GAChE,UAAU,uBAAuB,cAAc,gBAAgB,GAAG,CAAC;GAEnE,eAAe,uBAAuB,cAAc,gBAAgB,GAAG,CAAC;GACxE,cAAc,uBAAuB,cAAc,eAAe,CAAC;GAEnE,MAAM,eAAe,SAAS,UAAU;GACxC,MAAM,cAAc,QAAQ,UAAU;GAGtC,mBAAmB,IAAI,KAAK,KAAK,IAAI,cAAc,eAAe,IAAI,YAAY,CAAC;GACnF,IAAI,iBAAiB,GAAG,mBAAmB,IAAI,KAAK,KAAK,IAAI,cAAc,eAAe,EAAK,CAAC;GAGhG,kBAAkB,IAAI,KAAK,KAAK,IAAI,cAAc,gBAAgB,GAAG,IAAI,WAAW,CAAC;GACrF,IAAI,gBAAgB,GAAG,kBAAkB,IAAI,KAAK,KAAK,IAAI,cAAc,gBAAgB,GAAG,CAAC,CAAC;QACzF,IAAI,gBAAgB,GAAG,kBAAkB,IAAI,KAAK,KAAK,IAAI,cAAc,gBAAgB,GAAG,CAAC,CAAC;EAerG,OAAO,IAAI,QAAQ,YAAY,GAAG;GAChC,mBAAmB,WAAW,uBAAuB,cAAc,GAAG,CAAC;GACvE,kBAAkB,UAAU,uBAAuB,cAAc,IAAI,EAAE;GACvE,eAAe,uBAAuB,eAAe,GAAG,GAAG,CAAC;GAC5D,cAAc,uBAAuB,eAAe,GAAG,IAAI,EAAE;EAC/D,OAAO;GACL,MAAM,qCAAoB,IAAI,KAAK,GAAE,eAAe,SAAgB;GACpE,MAAM,YAAY,oBAAoB;GAEtC,MAAM,YAAY,oBAAoB,KAAK,KAAK,cAAqB;GACrE,MAAM,UAAU,iBAAwB;GAExC,IAAI,cAAc,MAAM,mBAAmB,WAAW,uBAAuB,WAAW,GAAG,CAAC;QACvF,mBAAmB,WAAW,uBAAuB,WAAW,GAAG,CAAC;GAEzE,kBAAkB,UAAU,uBAAuB,SAAS,IAAI,EAAE;GAClE,eAAe,uBAAuB,UAAU,GAAG,GAAG,CAAC;GACvD,cAAc,uBAAuB,YAAY,GAAG,IAAI,EAAE;EAC5D;EAEA,MAAM,QAAoB,CAAC;EAE3B,IAAI,WAAW;EACf,GAAG;GACD,MAAM,WAAW,WAAW,YAAY,YAAY;GACpD,MAAM,UAAU,SAAS,0BAAU,IAAI,KAAK,CAAC;GAC7C,MAAM,EAAE,SAAS,aAAa,UAAU,iBAAiB,gBAAgB,WAAW;GAEpF,IAAI,kBAAkB;GACtB,IAAI,QAAQ,YAAY,GAEtB,kBAAkB,uBAAuB,aAAa,cAAc,CAAC;QAClE,IAAI,OAAO,YAAY,GAE1B,kBAAkB,uBAAuB,aAAa,GAAG,CAAC;GAE5D,MAAM,aAAa,WAAW,mBAAmB,WAAW,cAAc,OAAO;GAGjF,MAAM,kBAAkB,QAAQ,IAAI,KAAK,uBAAuB,CAAC,aAAa,CAAC;GAG/E,MAAM,aAAa,uBAAuB,YAAY;GACtD,MAAM,cAAc,uBAAuB,YAAY;GAEvD,MAAM,UACJ,CAAC,QAAQ,IAAI,MACX,CAAC,cAAc,eAAe,CAAC,uBAAuB,gBACrD,gBAAgB,CAAC,uBAAuB;GAE7C,MAAM,kBAAkB,QAAQ,IAAI,KAAK;GACzC,MAAM,iBAAiB,OAAO,IAAI,KAAK;GACvC,MAAM,eAAe,KAAK,IAAI,KAAK;GAEnC,MAAM,aAAa,CAAC,EAAE,mBAAmB,kBAAkB,gBAAgB;GAE3E,IAAI,mBAAmB;GACvB,IAAI,mBAAmB;GAEvB,IAAI,OAAO,YAAY,GAAG;IACxB,IAAI,kBAAkB,mBAAmB,uBAAuB,iBAAiB,eAAe,GAAG,GAAG,CAAC;IACvG,IAAI,kBAAkB,mBAAmB,uBAAuB,iBAAiB,eAAe,GAAG,GAAG,CAAC;GACzG;GACA,IAAI,QAAQ,YAAY,GAAG;IACzB,IAAI,kBAEF,mBAAmB,uBACjB,iBAAiB,eAAe,GAChC,iBAAiB,YAAY,GAC7B,CACF;IACF,IAAI,kBACF,mBAAmB,uBACjB,iBAAiB,eAAe,GAChC,iBAAiB,YAAY,GAC7B,CACF;GACJ;GAEA,MAAM,WAAW,CAAC,KAAK,IAAI,KAAK,SAAS,UAAU,gBAAgB;GAEnE,IAAI;GACJ,IAAI,MAAM,YAAY,GAAG,UAAU,SAAS,UAAU,eAAe;QAChE,IAAI,QAAQ,YAAY,GAAG,UAAU,kBAAkB,UAAU,eAAe;QAChF,UAAU,SAAS,UAAU,eAAe;GAEjD,MAAM,KAAK;IACT,MAAM;IACN;IACA;IACA,YAAY,WAAW,QAAQ;IAC/B;IACA;IACA;GACF,CAAC;GAED,WAAW,YAAY,UAAU,YAAY;EAC/C,SAAS,YAAY;EAMrB,OAAO;GACL;GACA,cALmB,cAAc;GAMjC,cALmB,cAAc;EAMnC;CACF,GAAG;EAAC;EAAY;EAAe;EAAM;EAAc;CAAQ,CAAC;AAC9D"}
+{"version":3,"file":"useCalendar.js","names":[],"sources":["../../../src/calendar/hooks/useCalendar.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { generateDateByUTCValue, getDateUTCValue, sameDate, sameYear, sameYearSameMonth } from '../../utils'\nimport type { MonthProps, TimeItem, TimeResult } from '../calendar.types'\nimport { viewYears } from '../consts'\nimport { getNextDate, isDay, isExact, isFrom, isMonth, isRange, isTo, isYear } from '../utils'\nimport { useBoundaries } from './useBoundaries'\nimport { useSelectedDate } from './useSelectedDate'\n\n/**\n * Main hook for doing calendar calculations\n * Calculates for all time unit modes: day, month and year\n * Depends on useBoundaries and useSelectedDate to do initial setup\n */\nexport const useCalendar = ({\n  boundaries,\n  selectedDates,\n  mode = 'exact',\n  timeUnitMode,\n  viewDate,\n  // fixedNumberOfWeeks,\n}: MonthProps) => {\n  const boundariesProcessed = useBoundaries({ boundaries })\n  const selectedProcessed = useSelectedDate({ selectedDates, mode })\n\n  return useMemo(() => {\n    const { maxDateTime, minDateTime } = boundariesProcessed\n    const { currentDateTime, maxSelectedDateTime, minSelectedDateTime } = selectedProcessed\n    const { utcYear: viewDateYear, utcMonth: viewDateMonth } = getDateUTCValue(viewDate)\n\n    let calendarFirstDay: Date\n    let calendarLastDay: Date\n    let nextFirstDay: Date\n    let prevLastDay: Date\n    let firstDay: Date\n    let lastDay: Date\n\n    if (isDay(timeUnitMode)) {\n      firstDay = generateDateByUTCValue(viewDateYear, viewDateMonth, 1)\n      lastDay = generateDateByUTCValue(viewDateYear, viewDateMonth + 1, 0)\n\n      nextFirstDay = generateDateByUTCValue(viewDateYear, viewDateMonth + 1, 1)\n      prevLastDay = generateDateByUTCValue(viewDateYear, viewDateMonth, 0)\n\n      const weekdayFirst = firstDay.getUTCDay()\n      const weekdayLast = lastDay.getUTCDay()\n\n      // Monday preceding the month (or first day of the month if it's on a Monday)\n      calendarFirstDay = new Date(Date.UTC(viewDateYear, viewDateMonth, 2 - weekdayFirst))\n      if (weekdayFirst === 0) calendarFirstDay = new Date(Date.UTC(viewDateYear, viewDateMonth, 2 - 7))\n\n      // Sunday after the month (or last day of the month if it's on a Sunday)\n      calendarLastDay = new Date(Date.UTC(viewDateYear, viewDateMonth + 1, 8 - weekdayLast))\n      if (weekdayLast === 0) calendarLastDay = new Date(Date.UTC(viewDateYear, viewDateMonth + 1, 1))\n      else if (weekdayLast === 1) calendarLastDay = new Date(Date.UTC(viewDateYear, viewDateMonth + 1, 0))\n\n      // If calendar must contain constant number of weeks (6 weeks)\n      // Missing weeks will be added to the end of the month\n      // const numberOfWeeks = Math.round((+calendarLastDay - +calendarFirstDay) / (7 * 24 * 60 * 60 * 1000))\n\n      // if (fixedNumberOfWeeks) {\n      //   for (let week = numberOfWeeks; week < 6; week++) {\n      //     calendarLastDay = generateDateByUTCValue(\n      //       calendarLastDay.getUTCFullYear(),\n      //       calendarLastDay.getUTCMonth(),\n      //       calendarLastDay.getUTCDate() + 7,\n      //     )\n      //   }\n      // }\n    } else if (isMonth(timeUnitMode)) {\n      calendarFirstDay = firstDay = generateDateByUTCValue(viewDateYear, 0, 1)\n      calendarLastDay = lastDay = generateDateByUTCValue(viewDateYear, 11, 31)\n      nextFirstDay = generateDateByUTCValue(viewDateYear + 1, 0, 1)\n      prevLastDay = generateDateByUTCValue(viewDateYear - 1, 11, 31)\n    } else {\n      const calendarStartYear = new Date().getUTCFullYear() - viewYears / 2\n      const diffYears = calendarStartYear - viewDateYear\n\n      const startYear = calendarStartYear - Math.ceil(diffYears / viewYears) * viewYears\n      const endYear = startYear + viewYears - 1\n\n      if (startYear === 1753) calendarFirstDay = firstDay = generateDateByUTCValue(startYear, 0, 2)\n      else calendarFirstDay = firstDay = generateDateByUTCValue(startYear, 0, 1)\n\n      calendarLastDay = lastDay = generateDateByUTCValue(endYear, 11, 31)\n      nextFirstDay = generateDateByUTCValue(endYear + 1, 0, 1)\n      prevLastDay = generateDateByUTCValue(startYear - 1, 11, 31)\n    }\n\n    const items: TimeItem[] = []\n    // Loops between first and last date\n    let dateItem = calendarFirstDay\n    do {\n      const isHidden = dateItem < firstDay || dateItem >= lastDay\n      const isToday = sameDate(dateItem, new Date())\n      const { utcYear: minDateYear, utcMonth: minDateMonth } = getDateUTCValue(minDateTime)\n\n      let minUnitModeDate = minDateTime\n      if (isMonth(timeUnitMode))\n        // Need to compare with the first day of the month to decide if the month is disabled in the month overview\n        minUnitModeDate = generateDateByUTCValue(minDateYear, minDateMonth, 1)\n      else if (isYear(timeUnitMode))\n        // Need to compare with the first day of the year to decide if the year is disabled in the year overview\n        minUnitModeDate = generateDateByUTCValue(minDateYear, 0, 1)\n\n      const isDisabled = dateItem < minUnitModeDate || dateItem > maxDateTime ? true : false\n\n      // The calendar only select a single date\n      const isExactSelected = isExact(mode) && minSelectedDateTime && +dateItem === +minSelectedDateTime\n\n      // The calendar selects a range\n      const inRangeLow = minSelectedDateTime && dateItem >= minSelectedDateTime\n      const inRangeHigh = maxSelectedDateTime && dateItem <= maxSelectedDateTime\n\n      const inRange =\n        !isExact(mode) &&\n        ((!isDisabled && inRangeLow && (!maxSelectedDateTime || inRangeHigh)) ||\n          (inRangeHigh && (!minSelectedDateTime || inRangeLow)))\n\n      const isRangeSelected = isRange(mode) && inRange\n      const isFromSelected = isFrom(mode) && inRangeLow\n      const isToSelected = isTo(mode) && inRangeHigh\n\n      const isSelected = !!(isExactSelected || isFromSelected || isToSelected || isRangeSelected)\n\n      let maxSelectedCheck = maxSelectedDateTime\n      let minSelectedCheck = minSelectedDateTime\n\n      if (isYear(timeUnitMode)) {\n        if (maxSelectedCheck) maxSelectedCheck = generateDateByUTCValue(maxSelectedCheck.getUTCFullYear(), 0, 1)\n        if (minSelectedCheck) minSelectedCheck = generateDateByUTCValue(minSelectedCheck.getUTCFullYear(), 0, 1)\n      }\n      if (isMonth(timeUnitMode)) {\n        if (maxSelectedCheck)\n          // eslint-disable-next-line no-useless-assignment\n          maxSelectedCheck = generateDateByUTCValue(\n            maxSelectedCheck.getUTCFullYear(),\n            maxSelectedCheck.getUTCMonth(),\n            1,\n          )\n        if (minSelectedCheck)\n          minSelectedCheck = generateDateByUTCValue(\n            minSelectedCheck.getUTCFullYear(),\n            minSelectedCheck.getUTCMonth(),\n            1,\n          )\n      }\n\n      const boundary = !isTo(mode) && sameDate(dateItem, minSelectedCheck)\n\n      let current: boolean\n      if (isDay(timeUnitMode)) current = sameDate(dateItem, currentDateTime)\n      else if (isMonth(timeUnitMode)) current = sameYearSameMonth(dateItem, currentDateTime)\n      else current = sameYear(dateItem, currentDateTime)\n\n      items.push({\n        date: dateItem,\n        isHidden,\n        isToday,\n        isDisabled: boundary ? false : isDisabled,\n        isSelected,\n        boundary,\n        current,\n      })\n\n      dateItem = getNextDate(dateItem, timeUnitMode)\n    } while (dateItem <= calendarLastDay)\n\n    // Disables next/prev buttons\n    const prevDisabled = minDateTime > prevLastDay\n    const nextDisabled = maxDateTime < nextFirstDay\n\n    return {\n      items,\n      prevDisabled,\n      nextDisabled,\n    } as TimeResult\n  }, [boundaries, selectedDates, mode, timeUnitMode, viewDate])\n}\n"],"mappings":"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"}

package/dist/calendar/hooks/useDefaultViewMonth.js

@@ -15,5 +15,5 @@ const useDefaultViewMonth = ({ boundaries, selectedDate, isStartDate }) => {
 
 //#endregion
 export { useDefaultViewMonth };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=useDefaultViewMonth.js.map

package/dist/calendar/hooks/useSelectedDate.js

@@ -18,5 +18,5 @@ const useSelectedDate = ({ selectedDates, mode }) => {
 
 //#endregion
 export { useSelectedDate };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=useSelectedDate.js.map

package/dist/calendar/theme.js

@@ -12,5 +12,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=theme.js.map

package/dist/calendar/utils.js

@@ -65,5 +65,5 @@ const processViewDate = (viewDate, direction, timeUnitMode, calendarItems) => {
 
 //#endregion
 export { getNextDate, isDay, isExact, isFrom, isMonth, isRange, isTo, isYear, processSelectMonth, processSelectYear, processViewDate };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=utils.js.map

package/dist/calendar/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../src/calendar/utils.ts"],"sourcesContent":["import { generateDateByUTCValue, getDateUTCValue, sameYear, sameYearSameMonth } from '../utils'\nimport type { CalendarMode, DateRange, FlowDirection, TimeItem, TimeUnitMode } from './calendar.types'\nimport { minDateTimestamp, viewYears } from './consts'\n\nexport const isExact = (mode?: CalendarMode) => mode === 'exact'\nexport const isFrom = (mode?: CalendarMode) => mode === 'from'\nexport const isTo = (mode?: CalendarMode) => mode === 'to'\nexport const isRange = (mode?: CalendarMode) => mode === 'range'\n\nexport const isDay = (timeUnitMode?: TimeUnitMode) => timeUnitMode === 'day'\nexport const isMonth = (timeUnitMode?: TimeUnitMode) => timeUnitMode === 'month'\nexport const isYear = (timeUnitMode?: TimeUnitMode) => timeUnitMode === 'year'\n\n/**\n * Helper to get the next date item when iterating between two dates\n * @param date current date in the iteration\n * @param timeUnitMode time unit mode for day, month, year\n */\nexport const getNextDate = (date: Date, timeUnitMode?: TimeUnitMode) => {\n  const { utcYear, utcMonth, utcDate } = getDateUTCValue(date)\n  if (isDay(timeUnitMode)) return generateDateByUTCValue(utcYear, utcMonth, utcDate + 1)\n  if (isMonth(timeUnitMode)) return generateDateByUTCValue(utcYear, utcMonth + 1, utcDate)\n\n  return generateDateByUTCValue(utcYear + 1, utcMonth, utcDate)\n}\n\nexport const processSelectMonth = (clickedDate: Date, mode: CalendarMode, boundaries?: DateRange) => {\n  const date = clickedDate\n  const minDateTime = new Date(minDateTimestamp)\n  const { utcYear, utcMonth } = getDateUTCValue(clickedDate)\n  if (isTo(mode)) {\n    const selectDayInMonth = generateDateByUTCValue(utcYear, utcMonth + 1, 0).getUTCDate()\n\n    if (boundaries?.endDate && sameYearSameMonth(clickedDate, boundaries?.endDate)) return boundaries?.endDate\n\n    return generateDateByUTCValue(utcYear, utcMonth, selectDayInMonth)\n  }\n\n  if (isFrom(mode) && boundaries?.startDate && sameYearSameMonth(clickedDate, boundaries?.startDate))\n    return boundaries?.startDate\n\n  if (isExact(mode) && sameYear(clickedDate, minDateTime)) return minDateTime\n\n  return boundaries?.startDate && date < boundaries?.startDate ? boundaries.startDate : date\n}\n\n/**\n * Helper that calcs what new date we should set as viewDate when a year is clicked\n *\n * @param clickedDate date of year clicked\n * @param newDate pre-processed potential new view date\n * @param mode calendar mode\n * @param boundaries boundaries of date range\n */\nexport const processSelectYear = (clickedData: Date, mode: CalendarMode, boundaries?: DateRange) => {\n  const { utcYear, utcMonth } = getDateUTCValue(clickedData)\n  const minDateTime = new Date(minDateTimestamp)\n  const date = clickedData\n\n  if (isTo(mode)) {\n    const selectDayInMonth = generateDateByUTCValue(utcYear, utcMonth + 1, 0).getUTCDate()\n    const selectMonthInYear = 11\n\n    if (boundaries?.endDate && sameYear(clickedData, boundaries?.endDate)) return boundaries.endDate\n\n    return generateDateByUTCValue(clickedData.getUTCFullYear(), selectMonthInYear, selectDayInMonth)\n  }\n\n  if (isFrom(mode) && boundaries?.startDate && sameYear(clickedData, boundaries?.startDate)) return boundaries.startDate\n\n  if (isExact(mode) && sameYear(clickedData, minDateTime)) return minDateTime\n\n  return boundaries?.startDate && date < boundaries?.startDate ? boundaries.startDate : date\n}\n\nexport const processViewDate = (\n  viewDate: Date,\n  direction: FlowDirection,\n  timeUnitMode: TimeUnitMode,\n  calendarItems?: TimeItem[],\n) => {\n  const { utcYear, utcMonth } = getDateUTCValue(viewDate)\n  if (isDay(timeUnitMode)) {\n    const newMonth = generateDateByUTCValue(utcYear, utcMonth + (direction === 'next' ? 1 : -1))\n    return newMonth\n  }\n  if (isMonth(timeUnitMode)) {\n    const newMonth = generateDateByUTCValue(utcYear + (direction === 'next' ? 1 : -1), 0)\n    return newMonth\n  }\n\n  if (calendarItems) {\n    const date = calendarItems[direction === 'next' ? calendarItems.length - 1 : 0].date\n    const year = date.getUTCFullYear()\n    const newViewDate = generateDateByUTCValue(year + (direction === 'next' ? 1 : -viewYears), 0)\n    return newViewDate\n  }\n\n  return null\n}\n"],"mappings":";;;;AAIA,MAAa,WAAW,SAAwB,SAAS;AACzD,MAAa,UAAU,SAAwB,SAAS;AACxD,MAAa,QAAQ,SAAwB,SAAS;AACtD,MAAa,WAAW,SAAwB,SAAS;AAEzD,MAAa,SAAS,iBAAgC,iBAAiB;AACvE,MAAa,WAAW,iBAAgC,iBAAiB;AACzE,MAAa,UAAU,iBAAgC,iBAAiB;;;;;;AAOxE,MAAa,eAAe,MAAY,iBAAgC;CACtE,MAAM,EAAE,SAAS,UAAU,YAAY,gBAAgB,IAAI;CAC3D,IAAI,MAAM,YAAY,GAAG,OAAO,uBAAuB,SAAS,UAAU,UAAU,CAAC;CACrF,IAAI,QAAQ,YAAY,GAAG,OAAO,uBAAuB,SAAS,WAAW,GAAG,OAAO;CAEvF,OAAO,uBAAuB,UAAU,GAAG,UAAU,OAAO;AAC9D;AAEA,MAAa,sBAAsB,aAAmB,MAAoB,eAA2B;CACnG,MAAM,OAAO;CACb,MAAM,cAAc,IAAI,KAAK,gBAAgB;CAC7C,MAAM,EAAE,SAAS,aAAa,gBAAgB,WAAW;CACzD,IAAI,KAAK,IAAI,GAAG;EACd,MAAM,mBAAmB,uBAAuB,SAAS,WAAW,GAAG,CAAC,EAAE,WAAW;EAErF,IAAI,YAAY,WAAW,kBAAkB,aAAa,YAAY,OAAO,GAAG,OAAO,YAAY;EAEnG,OAAO,uBAAuB,SAAS,UAAU,gBAAgB;CACnE;CAEA,IAAI,OAAO,IAAI,KAAK,YAAY,aAAa,kBAAkB,aAAa,YAAY,SAAS,GAC/F,OAAO,YAAY;CAErB,IAAI,QAAQ,IAAI,KAAK,SAAS,aAAa,WAAW,GAAG,OAAO;CAEhE,OAAO,YAAY,aAAa,OAAO,YAAY,YAAY,WAAW,YAAY;AACxF;;;;;;;;;AAUA,MAAa,qBAAqB,aAAmB,MAAoB,eAA2B;CAClG,MAAM,EAAE,SAAS,aAAa,gBAAgB,WAAW;CACzD,MAAM,cAAc,IAAI,KAAK,gBAAgB;CAC7C,MAAM,OAAO;CAEb,IAAI,KAAK,IAAI,GAAG;EACd,MAAM,mBAAmB,uBAAuB,SAAS,WAAW,GAAG,CAAC,EAAE,WAAW;EACrF,MAAM,oBAAoB;EAE1B,IAAI,YAAY,WAAW,SAAS,aAAa,YAAY,OAAO,GAAG,OAAO,WAAW;EAEzF,OAAO,uBAAuB,YAAY,eAAe,GAAG,mBAAmB,gBAAgB;CACjG;CAEA,IAAI,OAAO,IAAI,KAAK,YAAY,aAAa,SAAS,aAAa,YAAY,SAAS,GAAG,OAAO,WAAW;CAE7G,IAAI,QAAQ,IAAI,KAAK,SAAS,aAAa,WAAW,GAAG,OAAO;CAEhE,OAAO,YAAY,aAAa,OAAO,YAAY,YAAY,WAAW,YAAY;AACxF;AAEA,MAAa,mBACX,UACA,WACA,cACA,kBACG;CACH,MAAM,EAAE,SAAS,aAAa,gBAAgB,QAAQ;CACtD,IAAI,MAAM,YAAY,GAEpB,OADiB,uBAAuB,SAAS,YAAY,cAAc,SAAS,IAAI,GAC1E;CAEhB,IAAI,QAAQ,YAAY,GAEtB,OADiB,uBAAuB,WAAW,cAAc,SAAS,IAAI,KAAK,CACrE;CAGhB,IAAI,eAIF,OADoB,uBAFP,cAAc,cAAc,SAAS,cAAc,SAAS,IAAI,GAAG,KAC9D,eAC4B,KAAK,cAAc,SAAS,IAAI,MAAa,CAC1E;CAGnB,OAAO;AACT"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/calendar/utils.ts"],"sourcesContent":["import { generateDateByUTCValue, getDateUTCValue, sameYear, sameYearSameMonth } from '../utils'\nimport type { CalendarMode, DateRange, FlowDirection, TimeItem, TimeUnitMode } from './calendar.types'\nimport { minDateTimestamp, viewYears } from './consts'\n\nexport const isExact = (mode?: CalendarMode) => mode === 'exact'\nexport const isFrom = (mode?: CalendarMode) => mode === 'from'\nexport const isTo = (mode?: CalendarMode) => mode === 'to'\nexport const isRange = (mode?: CalendarMode) => mode === 'range'\n\nexport const isDay = (timeUnitMode?: TimeUnitMode) => timeUnitMode === 'day'\nexport const isMonth = (timeUnitMode?: TimeUnitMode) => timeUnitMode === 'month'\nexport const isYear = (timeUnitMode?: TimeUnitMode) => timeUnitMode === 'year'\n\n/**\n * Helper to get the next date item when iterating between two dates\n * @param date current date in the iteration\n * @param timeUnitMode time unit mode for day, month, year\n */\nexport const getNextDate = (date: Date, timeUnitMode?: TimeUnitMode) => {\n  const { utcYear, utcMonth, utcDate } = getDateUTCValue(date)\n  if (isDay(timeUnitMode)) return generateDateByUTCValue(utcYear, utcMonth, utcDate + 1)\n  if (isMonth(timeUnitMode)) return generateDateByUTCValue(utcYear, utcMonth + 1, utcDate)\n\n  return generateDateByUTCValue(utcYear + 1, utcMonth, utcDate)\n}\n\nexport const processSelectMonth = (clickedDate: Date, mode: CalendarMode, boundaries?: DateRange) => {\n  const date = clickedDate\n  const minDateTime = new Date(minDateTimestamp)\n  const { utcYear, utcMonth } = getDateUTCValue(clickedDate)\n  if (isTo(mode)) {\n    const selectDayInMonth = generateDateByUTCValue(utcYear, utcMonth + 1, 0).getUTCDate()\n\n    if (boundaries?.endDate && sameYearSameMonth(clickedDate, boundaries?.endDate)) return boundaries?.endDate\n\n    return generateDateByUTCValue(utcYear, utcMonth, selectDayInMonth)\n  }\n\n  if (isFrom(mode) && boundaries?.startDate && sameYearSameMonth(clickedDate, boundaries?.startDate))\n    return boundaries?.startDate\n\n  if (isExact(mode) && sameYear(clickedDate, minDateTime)) return minDateTime\n\n  return boundaries?.startDate && date < boundaries?.startDate ? boundaries.startDate : date\n}\n\n/**\n * Helper that calcs what new date we should set as viewDate when a year is clicked\n *\n * @param clickedDate date of year clicked\n * @param newDate pre-processed potential new view date\n * @param mode calendar mode\n * @param boundaries boundaries of date range\n */\nexport const processSelectYear = (clickedData: Date, mode: CalendarMode, boundaries?: DateRange) => {\n  const { utcYear, utcMonth } = getDateUTCValue(clickedData)\n  const minDateTime = new Date(minDateTimestamp)\n  const date = clickedData\n\n  if (isTo(mode)) {\n    const selectDayInMonth = generateDateByUTCValue(utcYear, utcMonth + 1, 0).getUTCDate()\n    const selectMonthInYear = 11\n\n    if (boundaries?.endDate && sameYear(clickedData, boundaries?.endDate)) return boundaries.endDate\n\n    return generateDateByUTCValue(clickedData.getUTCFullYear(), selectMonthInYear, selectDayInMonth)\n  }\n\n  if (isFrom(mode) && boundaries?.startDate && sameYear(clickedData, boundaries?.startDate)) return boundaries.startDate\n\n  if (isExact(mode) && sameYear(clickedData, minDateTime)) return minDateTime\n\n  return boundaries?.startDate && date < boundaries?.startDate ? boundaries.startDate : date\n}\n\nexport const processViewDate = (\n  viewDate: Date,\n  direction: FlowDirection,\n  timeUnitMode: TimeUnitMode,\n  calendarItems?: TimeItem[],\n) => {\n  const { utcYear, utcMonth } = getDateUTCValue(viewDate)\n  if (isDay(timeUnitMode)) {\n    const newMonth = generateDateByUTCValue(utcYear, utcMonth + (direction === 'next' ? 1 : -1))\n    return newMonth\n  }\n  if (isMonth(timeUnitMode)) {\n    const newMonth = generateDateByUTCValue(utcYear + (direction === 'next' ? 1 : -1), 0)\n    return newMonth\n  }\n\n  if (calendarItems) {\n    const date = calendarItems[direction === 'next' ? calendarItems.length - 1 : 0].date\n    const year = date.getUTCFullYear()\n    const newViewDate = generateDateByUTCValue(year + (direction === 'next' ? 1 : -viewYears), 0)\n    return newViewDate\n  }\n\n  return null\n}\n"],"mappings":";;;;AAIA,MAAa,WAAW,SAAwB,SAAS;AACzD,MAAa,UAAU,SAAwB,SAAS;AACxD,MAAa,QAAQ,SAAwB,SAAS;AACtD,MAAa,WAAW,SAAwB,SAAS;AAEzD,MAAa,SAAS,iBAAgC,iBAAiB;AACvE,MAAa,WAAW,iBAAgC,iBAAiB;AACzE,MAAa,UAAU,iBAAgC,iBAAiB;;;;;;AAOxE,MAAa,eAAe,MAAY,iBAAgC;CACtE,MAAM,EAAE,SAAS,UAAU,YAAY,gBAAgB,IAAI;CAC3D,IAAI,MAAM,YAAY,GAAG,OAAO,uBAAuB,SAAS,UAAU,UAAU,CAAC;CACrF,IAAI,QAAQ,YAAY,GAAG,OAAO,uBAAuB,SAAS,WAAW,GAAG,OAAO;CAEvF,OAAO,uBAAuB,UAAU,GAAG,UAAU,OAAO;AAC9D;AAEA,MAAa,sBAAsB,aAAmB,MAAoB,eAA2B;CACnG,MAAM,OAAO;CACb,MAAM,cAAc,IAAI,KAAK,gBAAgB;CAC7C,MAAM,EAAE,SAAS,aAAa,gBAAgB,WAAW;CACzD,IAAI,KAAK,IAAI,GAAG;EACd,MAAM,mBAAmB,uBAAuB,SAAS,WAAW,GAAG,CAAC,CAAC,CAAC,WAAW;EAErF,IAAI,YAAY,WAAW,kBAAkB,aAAa,YAAY,OAAO,GAAG,OAAO,YAAY;EAEnG,OAAO,uBAAuB,SAAS,UAAU,gBAAgB;CACnE;CAEA,IAAI,OAAO,IAAI,KAAK,YAAY,aAAa,kBAAkB,aAAa,YAAY,SAAS,GAC/F,OAAO,YAAY;CAErB,IAAI,QAAQ,IAAI,KAAK,SAAS,aAAa,WAAW,GAAG,OAAO;CAEhE,OAAO,YAAY,aAAa,OAAO,YAAY,YAAY,WAAW,YAAY;AACxF;;;;;;;;;AAUA,MAAa,qBAAqB,aAAmB,MAAoB,eAA2B;CAClG,MAAM,EAAE,SAAS,aAAa,gBAAgB,WAAW;CACzD,MAAM,cAAc,IAAI,KAAK,gBAAgB;CAC7C,MAAM,OAAO;CAEb,IAAI,KAAK,IAAI,GAAG;EACd,MAAM,mBAAmB,uBAAuB,SAAS,WAAW,GAAG,CAAC,CAAC,CAAC,WAAW;EACrF,MAAM,oBAAoB;EAE1B,IAAI,YAAY,WAAW,SAAS,aAAa,YAAY,OAAO,GAAG,OAAO,WAAW;EAEzF,OAAO,uBAAuB,YAAY,eAAe,GAAG,mBAAmB,gBAAgB;CACjG;CAEA,IAAI,OAAO,IAAI,KAAK,YAAY,aAAa,SAAS,aAAa,YAAY,SAAS,GAAG,OAAO,WAAW;CAE7G,IAAI,QAAQ,IAAI,KAAK,SAAS,aAAa,WAAW,GAAG,OAAO;CAEhE,OAAO,YAAY,aAAa,OAAO,YAAY,YAAY,WAAW,YAAY;AACxF;AAEA,MAAa,mBACX,UACA,WACA,cACA,kBACG;CACH,MAAM,EAAE,SAAS,aAAa,gBAAgB,QAAQ;CACtD,IAAI,MAAM,YAAY,GAEpB,OADiB,uBAAuB,SAAS,YAAY,cAAc,SAAS,IAAI,GAC1E;CAEhB,IAAI,QAAQ,YAAY,GAEtB,OADiB,uBAAuB,WAAW,cAAc,SAAS,IAAI,KAAK,CACrE;CAGhB,IAAI,eAIF,OADoB,uBAFP,cAAc,cAAc,SAAS,cAAc,SAAS,IAAI,EAAE,CAAC,KAC9D,eAC4B,KAAK,cAAc,SAAS,IAAI,MAAa,CAC1E;CAGnB,OAAO;AACT"}

package/dist/card/card.js

@@ -32,5 +32,5 @@ Card.displayName = "Card";
 
 //#endregion
 export { Card as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=card.js.map

package/dist/card/theme.js

@@ -18,5 +18,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=theme.js.map

package/dist/chat/chat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat.d.ts","names":[],"sources":["../../src/chat/chat.tsx"],"mappings":";;;;;;;;;cAca,IAAA,EAmEP,YAAA,QAAoB,SAAA;EACxB,OAAA,SAAgB,WAAA;EAChB,KAAA,SAAc,SAAA;AAAA"}
+{"version":3,"file":"chat.d.ts","names":[],"sources":["../../src/chat/chat.tsx"],"mappings":";;;;;;;;;cAca,IAAA,EAkEP,YAAA,QAAoB,SAAA;EACxB,OAAA,SAAgB,WAAA;EAChB,KAAA,SAAc,SAAA;AAAA"}

package/dist/chat/chat.js

@@ -38,10 +38,9 @@ const Chat = vui((props, ref) => {
 				mt: "8px",
 				children: suggestions?.map((suggestion) => /* @__PURE__ */ jsx(Tag, {
 					cursor: inputStatus === "default" ? "pointer" : void 0,
-					disabled: inputStatus !== "default",
 					mb: "6px",
 					ml: "6px",
-					onClick: () => onSuggestionClick?.(suggestion),
+					onClick: inputStatus === "default" ? () => onSuggestionClick?.(suggestion) : void 0,
 					children: suggestion
 				}, suggestion))
 			}), /* @__PURE__ */ jsx(ChatInput, {
@@ -62,5 +61,5 @@ Chat.displayName = "Chat";
 
 //#endregion
 export { Chat as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=chat.js.map

package/dist/chat/chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat.js","names":[],"sources":["../../src/chat/chat.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nimport Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { Tag } from '../tag'\nimport { cs } from '../utils'\nimport type { ChatProps } from './chat.types'\nimport ChatInput from './chatInput'\nimport ChatMessage from './chatMessage'\n\n/**\n * Displays a chat interface with messages and actions.\n */\nexport const Chat = vui<'div', ChatProps>((props, ref) => {\n  const {\n    className,\n    children,\n    inputStatus = 'default',\n    messages,\n    helpText,\n    maxTextareaHeight = 120,\n    processingMessage,\n    suggestions,\n    onNewTopicClick,\n    onSuggestionClick,\n    onSend,\n    onStop,\n    ...rest\n  } = omitThemingProps(props)\n\n  const styles = useStyleConfig('Chat', props)\n\n  const messagesEndRef = useRef<HTMLDivElement>(null)\n\n  const scrollDown = () => messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' })\n\n  useEffect(scrollDown, [messages, children])\n\n  return (\n    <Box\n      className={cs('vui-chat', className)}\n      ref={ref}\n      {...styles.chat}\n      h=\"100%\"\n      justifyContent=\"space-between\"\n      {...rest}\n    >\n      <Box className={cs('vui-chat-messages')} {...styles?.messages}>\n        {messages?.length ? messages.map((message, key) => <ChatMessage key={key} {...message} />) : children}\n        <div ref={messagesEndRef} />\n      </Box>\n      <Box column>\n        {!!suggestions?.length && (\n          <Box className={cs('vui-chat-suggestions')} {...styles?.suggestions} mb=\"24px\" mt=\"8px\">\n            {suggestions?.map(suggestion => (\n              <Tag\n                cursor={inputStatus === 'default' ? 'pointer' : undefined}\n                disabled={inputStatus !== 'default'}\n                key={suggestion}\n                mb=\"6px\"\n                ml=\"6px\"\n                onClick={() => onSuggestionClick?.(suggestion)}\n              >\n                {suggestion}\n              </Tag>\n            ))}\n          </Box>\n        )}\n        <ChatInput\n          helpText={helpText}\n          maxTextareaHeight={maxTextareaHeight}\n          onNewTopicClick={onNewTopicClick}\n          onSend={onSend}\n          onStop={onStop}\n          processingMessage={processingMessage}\n          status={inputStatus}\n        />\n      </Box>\n    </Box>\n  )\n}) as VuiComponent<'div', ChatProps> & {\n  Message: typeof ChatMessage\n  Input: typeof ChatInput\n}\n\nChat.Message = ChatMessage\nChat.Input = ChatInput\nChat.displayName = 'Chat'\nexport default Chat\n"],"mappings":";;;;;;;;;;;;;;AAcA,MAAa,OAAO,KAAuB,OAAO,QAAQ;CACxD,MAAM,EACJ,WACA,UACA,cAAc,WACd,UACA,UACA,oBAAoB,KACpB,mBACA,aACA,iBACA,mBACA,QACA,QACA,GAAG,SACD,iBAAiB,KAAK;CAE1B,MAAM,SAAS,eAAe,QAAQ,KAAK;CAE3C,MAAM,iBAAiB,OAAuB,IAAI;CAElD,MAAM,mBAAmB,eAAe,SAAS,eAAe,EAAE,UAAU,SAAS,CAAC;CAEtF,UAAU,YAAY,CAAC,UAAU,QAAQ,CAAC;CAE1C,OACE,qBAAC,KAAD;EACE,WAAW,GAAG,YAAY,SAAS;EAC9B;EACL,GAAI,OAAO;EACX,GAAE;EACF,gBAAe;EACf,GAAI;YANN,CAQE,qBAAC,KAAD;GAAK,WAAW,GAAG,mBAAmB;GAAG,GAAI,QAAQ;aAArD,CACG,UAAU,SAAS,SAAS,KAAK,SAAS,QAAQ,oBAAC,aAAD,EAAuB,GAAI,QAAU,GAAnB,GAAmB,CAAC,IAAI,UAC7F,oBAAC,OAAD,EAAK,KAAK,eAAiB,EACxB;MACL,qBAAC,KAAD;GAAK;aAAL,CACG,CAAC,CAAC,aAAa,UACd,oBAAC,KAAD;IAAK,WAAW,GAAG,sBAAsB;IAAG,GAAI,QAAQ;IAAa,IAAG;IAAO,IAAG;cAC/E,aAAa,KAAI,eAChB,oBAAC,KAAD;KACE,QAAQ,gBAAgB,YAAY,YAAY;KAChD,UAAU,gBAAgB;KAE1B,IAAG;KACH,IAAG;KACH,eAAe,oBAAoB,UAAU;eAE5C;IACE,GANE,UAMF,CACN;GACE,IAEP,oBAAC,WAAD;IACY;IACS;IACF;IACT;IACA;IACW;IACnB,QAAQ;GACT,EACE;IACF;;AAET,CAAC;AAKD,KAAK,UAAU;AACf,KAAK,QAAQ;AACb,KAAK,cAAc"}
+{"version":3,"file":"chat.js","names":[],"sources":["../../src/chat/chat.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nimport Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { Tag } from '../tag'\nimport { cs } from '../utils'\nimport type { ChatProps } from './chat.types'\nimport ChatInput from './chatInput'\nimport ChatMessage from './chatMessage'\n\n/**\n * Displays a chat interface with messages and actions.\n */\nexport const Chat = vui<'div', ChatProps>((props, ref) => {\n  const {\n    className,\n    children,\n    inputStatus = 'default',\n    messages,\n    helpText,\n    maxTextareaHeight = 120,\n    processingMessage,\n    suggestions,\n    onNewTopicClick,\n    onSuggestionClick,\n    onSend,\n    onStop,\n    ...rest\n  } = omitThemingProps(props)\n\n  const styles = useStyleConfig('Chat', props)\n\n  const messagesEndRef = useRef<HTMLDivElement>(null)\n\n  const scrollDown = () => messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' })\n\n  useEffect(scrollDown, [messages, children])\n\n  return (\n    <Box\n      className={cs('vui-chat', className)}\n      ref={ref}\n      {...styles.chat}\n      h=\"100%\"\n      justifyContent=\"space-between\"\n      {...rest}\n    >\n      <Box className={cs('vui-chat-messages')} {...styles?.messages}>\n        {messages?.length ? messages.map((message, key) => <ChatMessage key={key} {...message} />) : children}\n        <div ref={messagesEndRef} />\n      </Box>\n      <Box column>\n        {!!suggestions?.length && (\n          <Box className={cs('vui-chat-suggestions')} {...styles?.suggestions} mb=\"24px\" mt=\"8px\">\n            {suggestions?.map(suggestion => (\n              <Tag\n                cursor={inputStatus === 'default' ? 'pointer' : undefined}\n                key={suggestion}\n                mb=\"6px\"\n                ml=\"6px\"\n                onClick={inputStatus === 'default' ? () => onSuggestionClick?.(suggestion) : undefined}\n              >\n                {suggestion}\n              </Tag>\n            ))}\n          </Box>\n        )}\n        <ChatInput\n          helpText={helpText}\n          maxTextareaHeight={maxTextareaHeight}\n          onNewTopicClick={onNewTopicClick}\n          onSend={onSend}\n          onStop={onStop}\n          processingMessage={processingMessage}\n          status={inputStatus}\n        />\n      </Box>\n    </Box>\n  )\n}) as VuiComponent<'div', ChatProps> & {\n  Message: typeof ChatMessage\n  Input: typeof ChatInput\n}\n\nChat.Message = ChatMessage\nChat.Input = ChatInput\nChat.displayName = 'Chat'\nexport default Chat\n"],"mappings":";;;;;;;;;;;;;;AAcA,MAAa,OAAO,KAAuB,OAAO,QAAQ;CACxD,MAAM,EACJ,WACA,UACA,cAAc,WACd,UACA,UACA,oBAAoB,KACpB,mBACA,aACA,iBACA,mBACA,QACA,QACA,GAAG,SACD,iBAAiB,KAAK;CAE1B,MAAM,SAAS,eAAe,QAAQ,KAAK;CAE3C,MAAM,iBAAiB,OAAuB,IAAI;CAElD,MAAM,mBAAmB,eAAe,SAAS,eAAe,EAAE,UAAU,SAAS,CAAC;CAEtF,UAAU,YAAY,CAAC,UAAU,QAAQ,CAAC;CAE1C,OACE,qBAAC,KAAD;EACE,WAAW,GAAG,YAAY,SAAS;EAC9B;EACL,GAAI,OAAO;EACX,GAAE;EACF,gBAAe;EACf,GAAI;YANN,CAQE,qBAAC,KAAD;GAAK,WAAW,GAAG,mBAAmB;GAAG,GAAI,QAAQ;aAArD,CACG,UAAU,SAAS,SAAS,KAAK,SAAS,QAAQ,oBAAC,aAAD,EAAuB,GAAI,QAAU,GAAnB,GAAmB,CAAC,IAAI,UAC7F,oBAAC,OAAD,EAAK,KAAK,eAAiB,EACxB;MACL,qBAAC,KAAD;GAAK;aAAL,CACG,CAAC,CAAC,aAAa,UACd,oBAAC,KAAD;IAAK,WAAW,GAAG,sBAAsB;IAAG,GAAI,QAAQ;IAAa,IAAG;IAAO,IAAG;cAC/E,aAAa,KAAI,eAChB,oBAAC,KAAD;KACE,QAAQ,gBAAgB,YAAY,YAAY;KAEhD,IAAG;KACH,IAAG;KACH,SAAS,gBAAgB,kBAAkB,oBAAoB,UAAU,IAAI;eAE5E;IACE,GANE,UAMF,CACN;GACE,IAEP,oBAAC,WAAD;IACY;IACS;IACF;IACT;IACA;IACW;IACnB,QAAQ;GACT,EACE;IACF;;AAET,CAAC;AAKD,KAAK,UAAU;AACf,KAAK,QAAQ;AACb,KAAK,cAAc"}

package/dist/chat/chat.types.d.ts

@@ -1,6 +1,6 @@
 import { ThemingProps } from "../theme/types.js";
-import { ButtonProps } from "../button/button.types.js";
 import { BoxProps } from "../box/box.types.js";
+import { ButtonProps } from "../button/button.types.js";
 import { MessageProps } from "../message/message.types.js";
 //#region src/chat/chat.types.d.ts
 type ChatInputStatus = 'default' | 'processing' | 'disabled';

package/dist/chat/chatInput.js

@@ -131,5 +131,5 @@ ChatInput.displayName = "ChatInput";
 
 //#endregion
 export { ChatInput as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=chatInput.js.map

package/dist/chat/chatInputButton.js

@@ -25,5 +25,5 @@ ChatInputButton.displayName = "ChatInputButton";
 
 //#endregion
 export { ChatInputButton as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=chatInputButton.js.map

package/dist/chat/chatMessage.js

@@ -29,5 +29,5 @@ ChatMessage.displayName = "ChatMessage";
 
 //#endregion
 export { ChatMessage as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=chatMessage.js.map

package/dist/chat/theme.js

@@ -29,5 +29,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=theme.js.map

package/dist/checkbox/checkbox.js

@@ -133,5 +133,5 @@ Checkbox.displayName = "Checkbox";
 
 //#endregion
 export { CheckboxBase, Checkbox as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=checkbox.js.map

package/dist/checkbox/checkboxGroup.js

@@ -51,5 +51,5 @@ CheckboxGroup.displayName = "CheckboxGroup";
 
 //#endregion
 export { CheckboxGroupBase, CheckboxGroup as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=checkboxGroup.js.map

package/dist/checkbox/consts.js

@@ -12,5 +12,5 @@ const disabled = {
 
 //#endregion
 export { checkboxColors, disabled };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=consts.js.map

package/dist/checkbox/context.js

@@ -5,5 +5,5 @@ const [CheckboxGroupProvider, useCheckboxGroupContext] = createContext({ isOptio
 
 //#endregion
 export { CheckboxGroupProvider, useCheckboxGroupContext };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=context.js.map

package/dist/checkbox/theme.js

@@ -48,5 +48,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=theme.js.map

package/dist/copyToClipboard/copyToClipboard.js

@@ -34,5 +34,5 @@ CopyToClipboard.displayName = "CopyToClipboard";
 
 //#endregion
 export { CopyToClipboard as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=copyToClipboard.js.map

package/dist/copyToClipboard/useCopyToClipboard.js

@@ -15,5 +15,5 @@ const useCopyToClipboard = (copyText) => {
 
 //#endregion
 export { useCopyToClipboard };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=useCopyToClipboard.js.map

package/dist/copyToClipboard/useCopyToClipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCopyToClipboard.js","names":[],"sources":["../../src/copyToClipboard/useCopyToClipboard.ts"],"sourcesContent":["import { useToast } from '../toast'\n\nexport const useCopyToClipboard = (copyText: string) => {\n  const { showSuccess, showError } = useToast()\n  const isCopyDisabled = !window?.navigator?.clipboard?.writeText\n  const copy = () => {\n    if (!isCopyDisabled) {\n      window?.navigator?.clipboard\n        .writeText?.(copyText)\n        .then(() => showSuccess(`Copied to clipboard: ${copyText}`))\n        .catch(() => showError('Copy failed'))\n    }\n  }\n  return { copy, isCopyDisabled }\n}\n"],"mappings":";;;AAEA,MAAa,sBAAsB,aAAqB;CACtD,MAAM,EAAE,aAAa,cAAc,SAAS;CAC5C,MAAM,iBAAiB,CAAC,QAAQ,WAAW,WAAW;CACtD,MAAM,aAAa;EACjB,IAAI,CAAC,gBACH,QAAQ,WAAW,UAChB,YAAY,QAAQ,EACpB,WAAW,YAAY,wBAAwB,UAAU,CAAC,EAC1D,YAAY,UAAU,aAAa,CAAC;CAE3C;CACA,OAAO;EAAE;EAAM;CAAe;AAChC"}
+{"version":3,"file":"useCopyToClipboard.js","names":[],"sources":["../../src/copyToClipboard/useCopyToClipboard.ts"],"sourcesContent":["import { useToast } from '../toast'\n\nexport const useCopyToClipboard = (copyText: string) => {\n  const { showSuccess, showError } = useToast()\n  const isCopyDisabled = !window?.navigator?.clipboard?.writeText\n  const copy = () => {\n    if (!isCopyDisabled) {\n      window?.navigator?.clipboard\n        .writeText?.(copyText)\n        .then(() => showSuccess(`Copied to clipboard: ${copyText}`))\n        .catch(() => showError('Copy failed'))\n    }\n  }\n  return { copy, isCopyDisabled }\n}\n"],"mappings":";;;AAEA,MAAa,sBAAsB,aAAqB;CACtD,MAAM,EAAE,aAAa,cAAc,SAAS;CAC5C,MAAM,iBAAiB,CAAC,QAAQ,WAAW,WAAW;CACtD,MAAM,aAAa;EACjB,IAAI,CAAC,gBACH,QAAQ,WAAW,UAChB,YAAY,QAAQ,CAAC,CACrB,WAAW,YAAY,wBAAwB,UAAU,CAAC,CAAC,CAC3D,YAAY,UAAU,aAAa,CAAC;CAE3C;CACA,OAAO;EAAE;EAAM;CAAe;AAChC"}

package/dist/core/consts.js

@@ -11,5 +11,5 @@ const cdnUrls = {
 
 //#endregion
 export { cdnFontsPath, cdnStagUrl, cdnTestUrl, cdnUrl, cdnUrls };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=consts.js.map

package/dist/core/links.d.ts

@@ -12,7 +12,7 @@ type LinksContextType = [LinksDict, Dispatch<SetStateAction<LinksDict>>];
 declare function getLoggedInLink(link: string, isLoggedIn?: boolean): string;
 declare function LinksProvider(props: {
   children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 /** Returns links and setLinks from LinksContext. */
 declare function useLinks(): LinksContextType;
 /**

package/dist/core/links.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"links.d.ts","names":[],"sources":["../../src/core/links.tsx"],"mappings":";;;;KAQY,SAAA,GAAY,IAAI;AAAA,KAEvB,gBAAA,IAAoB,SAAA,EAAW,QAAA,CAAS,cAAA,CAAe,SAAA;;AAF5D;;;;iBAWgB,eAAA,CAAgB,IAAA,UAAc,UAAoB;AAAA,iBAalD,aAAA,CAAc,KAAA;EAAS,QAAA,EAAU,KAAA,CAAM,SAAS;AAAA,gCAAE,GAAA,CAAA,OAAA;;iBAQlD,QAAA,CAAA,GAAQ,gBAAA;;;;;iBAeR,YAAA,CAAa,GAAA,GAAM,WAAW,EAAE,UAAA"}
+{"version":3,"file":"links.d.ts","names":[],"sources":["../../src/core/links.tsx"],"mappings":";;;;KAQY,SAAA,GAAY,IAAI;AAAA,KAEvB,gBAAA,IAAoB,SAAA,EAAW,QAAA,CAAS,cAAA,CAAe,SAAA;;AAF5D;;;;iBAWgB,eAAA,CAAgB,IAAA,UAAc,UAAoB;AAAA,iBAalD,aAAA,CAAc,KAAA;EAAS,QAAA,EAAU,KAAA,CAAM,SAAS;AAAA,oBAAE,GAAA,CAAA,OAAA;;iBAQlD,QAAA,IAAQ,gBAAA;;;;;iBAeR,YAAA,CAAa,GAAA,GAAM,WAAW,EAAE,UAAA"}

package/dist/core/links.js

@@ -75,5 +75,5 @@ function useLoadLinks(env, isLoggedIn) {
 
 //#endregion
 export { LinksProvider, getLoggedInLink, useLinks, useLoadLinks };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=links.js.map