@veracity/vui 5.2.2 → 5.3.0-alpha.399291.2606221048

package/dist/button/buttons.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttons.js","names":[],"sources":["../../src/button/buttons.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { vui } from '../core'\nimport { DismissButton } from '../dismissButton'\nimport Button from './button'\nimport type { ButtonProps, IconButtonProps } from './button.types'\n\nexport const AppButton = vui<'button', ButtonProps>((props, ref) => <Button ref={ref} variant=\"primary\" {...props} />)\nAppButton.displayName = 'AppButton'\n\n// Declared before DismissButton so styled(IconButton) can reference it at module-eval time.\nexport const IconButton = vui<'button', IconButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"secondary\" {...props} />\n))\nIconButton.displayName = 'IconButton'\n\nexport const BackButton = vui<'button', IconButtonProps>((props, ref) => (\n  <IconButton startIcon=\"uiArrowLeft\" ref={ref} variant=\"tertiary\" {...props} />\n))\nBackButton.displayName = 'BackButton'\n\n/** @deprecated Renamed to `DismissButton`. Will be removed in VUI 6. */\nexport const CloseButton = vui<'button', IconButtonProps>((props, ref) => {\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      console.warn('[VUI] `CloseButton` is deprecated. Use `DismissButton` instead. Will be removed in VUI 6.')\n    }\n  }, [])\n  // Map unsupported sizes to DismissButton sizes\n  const { size, ...restProps } = props\n  const dismissSize = size === 'xl' ? 'lg' : size\n  return <DismissButton ref={ref} size={dismissSize} {...restProps} />\n})\nCloseButton.displayName = 'CloseButton'\n\nexport const CTAButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"primary\" intent=\"success\" {...props} />\n))\nCTAButton.displayName = 'CTAButton'\n\nexport const DangerButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"primary\" intent=\"danger\" {...props} />\n))\nDangerButton.displayName = 'DangerButton'\n\nexport const LineButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"secondary\" {...props} />\n))\nLineButton.displayName = 'LineButton'\n\nexport const TextButton = vui<'button', ButtonProps>((props, ref) => <Button ref={ref} variant=\"tertiary\" {...props} />)\nTextButton.displayName = 'TextButton'\n"],"mappings":";;;;;;;AAOA,MAAa,YAAY,KAA4B,OAAO,QAAQ,oBAAC,QAAD;CAAa;CAAK,SAAQ;CAAU,GAAI;AAAQ,EAAC;AACrH,UAAU,cAAc;AAGxB,MAAa,aAAa,KAAgC,OAAO,QAC/D,oBAAC,QAAD;CAAa;CAAK,SAAQ;CAAY,GAAI;AAAQ,EACnD;AACD,WAAW,cAAc;AAEzB,MAAa,aAAa,KAAgC,OAAO,QAC/D,oBAAC,YAAD;CAAY,WAAU;CAAmB;CAAK,SAAQ;CAAW,GAAI;AAAQ,EAC9E;AACD,WAAW,cAAc;;AAGzB,MAAa,cAAc,KAAgC,OAAO,QAAQ;CACxE,gBAAgB;EAEZ,QAAQ,KAAK,2FAA2F;CAE5G,GAAG,CAAC,CAAC;CAEL,MAAM,EAAE,MAAM,GAAG,cAAc;CAE/B,OAAO,oBAAC,eAAD;EAAoB;EAAK,MADZ,SAAS,OAAO,OAAO;EACQ,GAAI;CAAY;AACrE,CAAC;AACD,YAAY,cAAc;AAE1B,MAAa,YAAY,KAA4B,OAAO,QAC1D,oBAAC,QAAD;CAAa;CAAK,SAAQ;CAAU,QAAO;CAAU,GAAI;AAAQ,EAClE;AACD,UAAU,cAAc;AAExB,MAAa,eAAe,KAA4B,OAAO,QAC7D,oBAAC,QAAD;CAAa;CAAK,SAAQ;CAAU,QAAO;CAAS,GAAI;AAAQ,EACjE;AACD,aAAa,cAAc;AAE3B,MAAa,aAAa,KAA4B,OAAO,QAC3D,oBAAC,QAAD;CAAa;CAAK,SAAQ;CAAY,GAAI;AAAQ,EACnD;AACD,WAAW,cAAc;AAEzB,MAAa,aAAa,KAA4B,OAAO,QAAQ,oBAAC,QAAD;CAAa;CAAK,SAAQ;CAAW,GAAI;AAAQ,EAAC;AACvH,WAAW,cAAc"}
+{"version":3,"file":"buttons.js","names":[],"sources":["../../src/button/buttons.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nimport type { ButtonProps, IconButtonProps } from './button.types'\n\nimport { vui } from '../core'\nimport { DismissButton } from '../dismissButton'\nimport Button from './button'\n\nexport const AppButton = vui<'button', ButtonProps>((props, ref) => <Button ref={ref} variant=\"primary\" {...props} />)\nAppButton.displayName = 'AppButton'\n\n// Declared before DismissButton so styled(IconButton) can reference it at module-eval time.\nexport const IconButton = vui<'button', IconButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"secondary\" {...props} />\n))\nIconButton.displayName = 'IconButton'\n\nexport const BackButton = vui<'button', IconButtonProps>((props, ref) => (\n  <IconButton startIcon=\"uiArrowLeft\" ref={ref} variant=\"tertiary\" {...props} />\n))\nBackButton.displayName = 'BackButton'\n\n/** @deprecated Renamed to `DismissButton`. Will be removed in VUI 6. */\nexport const CloseButton = vui<'button', IconButtonProps>((props, ref) => {\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      console.warn('[VUI] `CloseButton` is deprecated. Use `DismissButton` instead. Will be removed in VUI 6.')\n    }\n  }, [])\n  // Map unsupported sizes to DismissButton sizes\n  const { size, ...restProps } = props\n  const dismissSize = size === 'xl' ? 'lg' : size\n  return <DismissButton ref={ref} size={dismissSize} {...restProps} />\n})\nCloseButton.displayName = 'CloseButton'\n\nexport const CTAButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"primary\" intent=\"success\" {...props} />\n))\nCTAButton.displayName = 'CTAButton'\n\nexport const DangerButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"primary\" intent=\"danger\" {...props} />\n))\nDangerButton.displayName = 'DangerButton'\n\nexport const LineButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"secondary\" {...props} />\n))\nLineButton.displayName = 'LineButton'\n\nexport const TextButton = vui<'button', ButtonProps>((props, ref) => <Button ref={ref} variant=\"tertiary\" {...props} />)\nTextButton.displayName = 'TextButton'\n"],"mappings":";;;;;;;AAQA,MAAa,YAAY,KAA4B,OAAO,QAAQ,oBAAC,QAAD;CAAa;CAAK,SAAQ;CAAU,GAAI;AAAQ,EAAC;AACrH,UAAU,cAAc;AAGxB,MAAa,aAAa,KAAgC,OAAO,QAC/D,oBAAC,QAAD;CAAa;CAAK,SAAQ;CAAY,GAAI;AAAQ,EACnD;AACD,WAAW,cAAc;AAEzB,MAAa,aAAa,KAAgC,OAAO,QAC/D,oBAAC,YAAD;CAAY,WAAU;CAAmB;CAAK,SAAQ;CAAW,GAAI;AAAQ,EAC9E;AACD,WAAW,cAAc;;AAGzB,MAAa,cAAc,KAAgC,OAAO,QAAQ;CACxE,gBAAgB;EAEZ,QAAQ,KAAK,2FAA2F;CAE5G,GAAG,CAAC,CAAC;CAEL,MAAM,EAAE,MAAM,GAAG,cAAc;CAE/B,OAAO,oBAAC,eAAD;EAAoB;EAAK,MADZ,SAAS,OAAO,OAAO;EACQ,GAAI;CAAY;AACrE,CAAC;AACD,YAAY,cAAc;AAE1B,MAAa,YAAY,KAA4B,OAAO,QAC1D,oBAAC,QAAD;CAAa;CAAK,SAAQ;CAAU,QAAO;CAAU,GAAI;AAAQ,EAClE;AACD,UAAU,cAAc;AAExB,MAAa,eAAe,KAA4B,OAAO,QAC7D,oBAAC,QAAD;CAAa;CAAK,SAAQ;CAAU,QAAO;CAAS,GAAI;AAAQ,EACjE;AACD,aAAa,cAAc;AAE3B,MAAa,aAAa,KAA4B,OAAO,QAC3D,oBAAC,QAAD;CAAa;CAAK,SAAQ;CAAY,GAAI;AAAQ,EACnD;AACD,WAAW,cAAc;AAEzB,MAAa,aAAa,KAA4B,OAAO,QAAQ,oBAAC,QAAD;CAAa;CAAK,SAAQ;CAAW,GAAI;AAAQ,EAAC;AACvH,WAAW,cAAc"}

package/dist/button/consts.js

@@ -34,5 +34,5 @@ const CSS_VAR_MAPPINGS = {
 
 //#endregion
 export { CSS_VAR_MAPPINGS, loadingIconProps };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=consts.js.map

package/dist/button/context.js

@@ -5,5 +5,5 @@ const [ButtonProvider, useButtonContext] = createContext({ isOptional: true });
 
 //#endregion
 export { ButtonProvider, useButtonContext };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=context.js.map

package/dist/button/theme.js

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

package/dist/button/useButtonComputed.js

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

package/dist/button/useButtonComputed.js.map

@@ -1 +1 @@
-{"version":3,"file":"useButtonComputed.js","names":["fontSizes"],"sources":["../../src/button/useButtonComputed.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { useStyleConfig, useTheme } from '../core'\nimport { fontSizes } from '../theme'\nimport { activeClassName, cs, filterUndefined } from '../utils'\nimport type { ButtonComputedOptions, ComputedResult } from './button.types'\nimport { DEFAULT_BORDER_WIDTH, DEFAULT_BOX_SHADOW } from './consts'\nimport { extractNumericValue, resolveVariantKey } from './utils'\n\n/**\n * Consolidated hook for computing all button styles and props.\n * Combines theme resolution, spacing, state-based styles, and className generation.\n * Reduces memoization overhead by computing all derived values in a single pass.\n *\n * @param options - See {@link ButtonComputedOptions} for individual field descriptions.\n * @returns See {@link ComputedResult}\n */\nexport const useButtonComputed = ({\n  size,\n  variant,\n  intentProp,\n  borderWidthProp,\n  disabled,\n  isActive,\n  isIconOnly,\n  isRound,\n  isElevated,\n  hasStartIcon,\n  hasEndIcon,\n  isFullWidth,\n  className,\n  variantProp,\n}: ButtonComputedOptions): ComputedResult => {\n  const theme = useTheme()\n  const styles = useStyleConfig('Button', { size, ...variant }) || {}\n\n  // Fallback to default variant — resolves correctly with the two-prop API.\n  // resolveVariantKey with a non-falsy variant always returns a string; ?? 'primaryBrand' is unreachable.\n  const fallbackVariant = resolveVariantKey('primary', intentProp ?? 'brand')!\n  const defaultStyles = useStyleConfig('Button', { variant: fallbackVariant }) || {}\n\n  return useMemo(() => {\n    // Theme and style resolution — use default styles if container is empty or has no bg color\n    const requestedContainer = styles.container || {}\n    const hasValidStyles = requestedContainer.bg || requestedContainer.borderColor || requestedContainer.color\n    const container = hasValidStyles ? requestedContainer : defaultStyles.container || {}\n    const {\n      borderWidth = DEFAULT_BORDER_WIDTH,\n      paddingX = 16,\n      paddingXIcon,\n      paddingY = 12,\n      gapX = 8,\n      h = 40,\n      fontSize = 'md',\n      ...buttonStyles\n    } = container\n\n    // Normalize button styles with fallbacks for text colors only\n    const normalizedStyles = {\n      ...buttonStyles,\n      activeColor: buttonStyles.activeColor ?? buttonStyles.color,\n      hoverColor: buttonStyles.hoverColor ?? buttonStyles.color,\n    }\n\n    // Spacing calculations\n    const border = extractNumericValue(borderWidthProp) || borderWidth || DEFAULT_BORDER_WIDTH\n    const py = paddingY - border\n\n    // Horizontal padding — two tiers (border handled by border-box, icon-only uses no padding):\n    const pxForSide = (hasIcon: boolean) => {\n      if (isIconOnly) return 0\n      return hasIcon ? (paddingXIcon ?? paddingX) : paddingX\n    }\n\n    const spacing = {\n      borderWidth: border,\n      pl: `var(--vui-button-px-start, ${pxForSide(hasStartIcon)}px)`,\n      pr: `var(--vui-button-px-end,   ${pxForSide(hasEndIcon)}px)`,\n      pt: `var(--vui-button-py-start, ${isIconOnly ? 0 : py}px)`,\n      pb: `var(--vui-button-py-end,   ${isIconOnly ? 0 : py}px)`,\n      gap: `var(--vui-button-gap,     ${gapX}px)`,\n    }\n\n    // Disabled state props with CSS variable overrides\n    // Theme tokens (like landGreen.70) are resolved by styled system, then wrapped in CSS variables\n    // This allows both theme resolution and CSS variable overrides to work together\n    const disabledProps = disabled\n      ? filterUndefined({\n          'aria-disabled': disabled,\n          bg: container.disabledBg ?? undefined,\n          borderColor: container.disabledBorderColor ?? undefined,\n          color: container.disabledColor ?? undefined,\n          hoverBg: container.disabledBg ?? normalizedStyles.bg,\n          hoverBorderColor: container.disabledBorderColor ?? normalizedStyles.borderColor,\n          hoverColor: container.disabledColor ?? normalizedStyles.color,\n          activeBg: container.disabledBg ?? normalizedStyles.bg,\n          cursor: 'not-allowed',\n        })\n      : {}\n\n    // Active state props - prevents hover effects when button is active\n    const activeProps = isActive\n      ? filterUndefined({\n          bg: container.activeBg,\n          borderColor: container.activeBorderColor,\n          color: container.activeColor,\n          hoverBg: container.activeBg,\n          hoverBorderColor: container.activeBorderColor,\n          hoverColor: container.activeColor,\n          cursor: 'default',\n        })\n      : {}\n\n    // Aliased props (computed properties)\n    const resolvedBoxShadow = theme.shadows[DEFAULT_BOX_SHADOW as keyof typeof theme.shadows] ?? DEFAULT_BOX_SHADOW\n    const resolvedFontSize = fontSizes[fontSize as keyof typeof fontSizes] ?? fontSize\n    const aliasedProps = filterUndefined({\n      borderRadius: isRound\n        ? `var(--vui-button-border-radius, 9999px)`\n        : `var(--vui-button-border-radius, ${container.borderRadius || 0}px)`,\n      boxShadow: isElevated ? `var(--vui-button-box-shadow, ${resolvedBoxShadow})` : undefined,\n      fontSize: `var(--vui-button-font-size, ${resolvedFontSize}px)`,\n      h: `var(--vui-button-h, ${h}px)`,\n      minW: isFullWidth ? undefined : `var(--vui-button-min-w, auto)`,\n      w: isIconOnly ? `var(--vui-button-w, ${h}px)` : isFullWidth ? '100%' : undefined,\n    })\n\n    // Class name generation\n    const buttonClassName = cs(\n      'vui-button',\n      className,\n      isActive && activeClassName,\n      variantProp ? `vui-button-variant-${variantProp}` : undefined,\n      intentProp ? `vui-button-intent-${intentProp}` : undefined,\n    )\n\n    return {\n      buttonStyles: normalizedStyles,\n      spacing,\n      disabledProps,\n      activeProps,\n      aliasedProps,\n      buttonClassName,\n    }\n  }, [\n    styles,\n    defaultStyles,\n    theme,\n    intentProp,\n    borderWidthProp,\n    hasStartIcon,\n    hasEndIcon,\n    isIconOnly,\n    disabled,\n    isActive,\n    isRound,\n    isElevated,\n    isFullWidth,\n    className,\n    variantProp,\n  ])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,MAAa,qBAAqB,EAChC,MACA,SACA,YACA,iBACA,UACA,UACA,YACA,SACA,YACA,cACA,YACA,aACA,WACA,kBAC2C;CAC3C,MAAM,QAAQ,SAAS;CACvB,MAAM,SAAS,eAAe,UAAU;EAAE;EAAM,GAAG;CAAQ,CAAC,KAAK,CAAC;CAKlE,MAAM,gBAAgB,eAAe,UAAU,EAAE,SADzB,kBAAkB,WAAW,cAAc,OACK,EAAE,CAAC,KAAK,CAAC;CAEjF,OAAO,cAAc;EAEnB,MAAM,qBAAqB,OAAO,aAAa,CAAC;EAEhD,MAAM,YADiB,mBAAmB,MAAM,mBAAmB,eAAe,mBAAmB,QAClE,qBAAqB,cAAc,aAAa,CAAC;EACpF,MAAM,EACJ,iBACA,WAAW,IACX,cACA,WAAW,IACX,OAAO,GACP,IAAI,IACJ,WAAW,MACX,GAAG,iBACD;EAGJ,MAAM,mBAAmB;GACvB,GAAG;GACH,aAAa,aAAa,eAAe,aAAa;GACtD,YAAY,aAAa,cAAc,aAAa;EACtD;EAGA,MAAM,SAAS,oBAAoB,eAAe,KAAK;EACvD,MAAM,KAAK,WAAW;EAGtB,MAAM,aAAa,YAAqB;GACtC,IAAI,YAAY,OAAO;GACvB,OAAO,UAAW,gBAAgB,WAAY;EAChD;EAEA,MAAM,UAAU;GACd,aAAa;GACb,IAAI,8BAA8B,UAAU,YAAY,EAAE;GAC1D,IAAI,8BAA8B,UAAU,UAAU,EAAE;GACxD,IAAI,8BAA8B,aAAa,IAAI,GAAG;GACtD,IAAI,8BAA8B,aAAa,IAAI,GAAG;GACtD,KAAK,6BAA6B,KAAK;EACzC;EAKA,MAAM,gBAAgB,WAClB,gBAAgB;GACd,iBAAiB;GACjB,IAAI,UAAU,cAAc;GAC5B,aAAa,UAAU,uBAAuB;GAC9C,OAAO,UAAU,iBAAiB;GAClC,SAAS,UAAU,cAAc,iBAAiB;GAClD,kBAAkB,UAAU,uBAAuB,iBAAiB;GACpE,YAAY,UAAU,iBAAiB,iBAAiB;GACxD,UAAU,UAAU,cAAc,iBAAiB;GACnD,QAAQ;EACV,CAAC,IACD,CAAC;EAGL,MAAM,cAAc,WAChB,gBAAgB;GACd,IAAI,UAAU;GACd,aAAa,UAAU;GACvB,OAAO,UAAU;GACjB,SAAS,UAAU;GACnB,kBAAkB,UAAU;GAC5B,YAAY,UAAU;GACtB,QAAQ;EACV,CAAC,IACD,CAAC;EAGL,MAAM,oBAAoB,MAAM;EAChC,MAAM,mBAAmBA,kBAAU,aAAuC;EAqB1E,OAAO;GACL,cAAc;GACd;GACA;GACA;GACA,cAzBmB,gBAAgB;IACnC,cAAc,UACV,4CACA,mCAAmC,UAAU,gBAAgB,EAAE;IACnE,WAAW,aAAa,gCAAgC,kBAAkB,KAAK;IAC/E,UAAU,+BAA+B,iBAAiB;IAC1D,GAAG,uBAAuB,EAAE;IAC5B,MAAM,cAAc,SAAY;IAChC,GAAG,aAAa,uBAAuB,EAAE,OAAO,cAAc,SAAS;GACzE,CAgBa;GACX,iBAdsB,GACtB,cACA,WACA,0BACA,cAAc,sBAAsB,gBAAgB,QACpD,aAAa,qBAAqB,eAAe,MASnC;EAChB;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;AACH"}
+{"version":3,"file":"useButtonComputed.js","names":["fontSizes"],"sources":["../../src/button/useButtonComputed.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { ButtonComputedOptions, ComputedResult } from './button.types'\n\nimport { useStyleConfig, useTheme } from '../core'\nimport { fontSizes } from '../theme'\nimport { activeClassName, cs, filterUndefined } from '../utils'\nimport { DEFAULT_BORDER_WIDTH, DEFAULT_BOX_SHADOW } from './consts'\nimport { extractNumericValue, resolveVariantKey } from './utils'\n\n/**\n * Consolidated hook for computing all button styles and props.\n * Combines theme resolution, spacing, state-based styles, and className generation.\n * Reduces memoization overhead by computing all derived values in a single pass.\n *\n * @param options - See {@link ButtonComputedOptions} for individual field descriptions.\n * @returns See {@link ComputedResult}\n */\nexport const useButtonComputed = ({\n  size,\n  variant,\n  intentProp,\n  borderWidthProp,\n  disabled,\n  isActive,\n  isIconOnly,\n  isRound,\n  isElevated,\n  hasStartIcon,\n  hasEndIcon,\n  isFullWidth,\n  className,\n  variantProp,\n}: ButtonComputedOptions): ComputedResult => {\n  const theme = useTheme()\n  const styles = useStyleConfig('Button', { size, ...variant }) || {}\n\n  // Fallback to default variant — resolves correctly with the two-prop API.\n  // resolveVariantKey with a non-falsy variant always returns a string; ?? 'primaryBrand' is unreachable.\n  const fallbackVariant = resolveVariantKey('primary', intentProp ?? 'brand')!\n  const defaultStyles = useStyleConfig('Button', { variant: fallbackVariant }) || {}\n\n  return useMemo(() => {\n    // Theme and style resolution — use default styles if container is empty or has no bg color\n    const requestedContainer = styles.container || {}\n    const hasValidStyles = requestedContainer.bg || requestedContainer.borderColor || requestedContainer.color\n    const container = hasValidStyles ? requestedContainer : defaultStyles.container || {}\n    const {\n      borderWidth = DEFAULT_BORDER_WIDTH,\n      paddingX = 16,\n      paddingXIcon,\n      paddingY = 12,\n      gapX = 8,\n      h = 40,\n      fontSize = 'md',\n      ...buttonStyles\n    } = container\n\n    // Normalize button styles with fallbacks for text colors only\n    const normalizedStyles = {\n      ...buttonStyles,\n      activeColor: buttonStyles.activeColor ?? buttonStyles.color,\n      hoverColor: buttonStyles.hoverColor ?? buttonStyles.color,\n    }\n\n    // Spacing calculations\n    const border = extractNumericValue(borderWidthProp) || borderWidth || DEFAULT_BORDER_WIDTH\n    const py = paddingY - border\n\n    // Horizontal padding — two tiers (border handled by border-box, icon-only uses no padding):\n    const pxForSide = (hasIcon: boolean) => {\n      if (isIconOnly) return 0\n      return hasIcon ? (paddingXIcon ?? paddingX) : paddingX\n    }\n\n    const spacing = {\n      borderWidth: border,\n      pl: `var(--vui-button-px-start, ${pxForSide(hasStartIcon)}px)`,\n      pr: `var(--vui-button-px-end,   ${pxForSide(hasEndIcon)}px)`,\n      pt: `var(--vui-button-py-start, ${isIconOnly ? 0 : py}px)`,\n      pb: `var(--vui-button-py-end,   ${isIconOnly ? 0 : py}px)`,\n      gap: `var(--vui-button-gap,     ${gapX}px)`,\n    }\n\n    // Disabled state props with CSS variable overrides\n    // Theme tokens (like landGreen.70) are resolved by styled system, then wrapped in CSS variables\n    // This allows both theme resolution and CSS variable overrides to work together\n    const disabledProps = disabled\n      ? filterUndefined({\n          'aria-disabled': disabled,\n          bg: container.disabledBg ?? undefined,\n          borderColor: container.disabledBorderColor ?? undefined,\n          color: container.disabledColor ?? undefined,\n          hoverBg: container.disabledBg ?? normalizedStyles.bg,\n          hoverBorderColor: container.disabledBorderColor ?? normalizedStyles.borderColor,\n          hoverColor: container.disabledColor ?? normalizedStyles.color,\n          activeBg: container.disabledBg ?? normalizedStyles.bg,\n          cursor: 'not-allowed',\n        })\n      : {}\n\n    // Active state props - prevents hover effects when button is active\n    const activeProps = isActive\n      ? filterUndefined({\n          bg: container.activeBg,\n          borderColor: container.activeBorderColor,\n          color: container.activeColor,\n          hoverBg: container.activeBg,\n          hoverBorderColor: container.activeBorderColor,\n          hoverColor: container.activeColor,\n          cursor: 'default',\n        })\n      : {}\n\n    // Aliased props (computed properties)\n    const resolvedBoxShadow = theme.shadows[DEFAULT_BOX_SHADOW as keyof typeof theme.shadows] ?? DEFAULT_BOX_SHADOW\n    const resolvedFontSize = fontSizes[fontSize as keyof typeof fontSizes] ?? fontSize\n    const aliasedProps = filterUndefined({\n      borderRadius: isRound\n        ? `var(--vui-button-border-radius, 9999px)`\n        : `var(--vui-button-border-radius, ${container.borderRadius || 0}px)`,\n      boxShadow: isElevated ? `var(--vui-button-box-shadow, ${resolvedBoxShadow})` : undefined,\n      fontSize: `var(--vui-button-font-size, ${resolvedFontSize}px)`,\n      h: `var(--vui-button-h, ${h}px)`,\n      minW: isFullWidth ? undefined : `var(--vui-button-min-w, auto)`,\n      w: isIconOnly ? `var(--vui-button-w, ${h}px)` : isFullWidth ? '100%' : undefined,\n    })\n\n    // Class name generation\n    const buttonClassName = cs(\n      'vui-button',\n      className,\n      isActive && activeClassName,\n      variantProp ? `vui-button-variant-${variantProp}` : undefined,\n      intentProp ? `vui-button-intent-${intentProp}` : undefined,\n    )\n\n    return {\n      buttonStyles: normalizedStyles,\n      spacing,\n      disabledProps,\n      activeProps,\n      aliasedProps,\n      buttonClassName,\n    }\n  }, [\n    styles,\n    defaultStyles,\n    theme,\n    intentProp,\n    borderWidthProp,\n    hasStartIcon,\n    hasEndIcon,\n    isIconOnly,\n    disabled,\n    isActive,\n    isRound,\n    isElevated,\n    isFullWidth,\n    className,\n    variantProp,\n  ])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,MAAa,qBAAqB,EAChC,MACA,SACA,YACA,iBACA,UACA,UACA,YACA,SACA,YACA,cACA,YACA,aACA,WACA,kBAC2C;CAC3C,MAAM,QAAQ,SAAS;CACvB,MAAM,SAAS,eAAe,UAAU;EAAE;EAAM,GAAG;CAAQ,CAAC,KAAK,CAAC;CAKlE,MAAM,gBAAgB,eAAe,UAAU,EAAE,SADzB,kBAAkB,WAAW,cAAc,OACK,EAAE,CAAC,KAAK,CAAC;CAEjF,OAAO,cAAc;EAEnB,MAAM,qBAAqB,OAAO,aAAa,CAAC;EAEhD,MAAM,YADiB,mBAAmB,MAAM,mBAAmB,eAAe,mBAAmB,QAClE,qBAAqB,cAAc,aAAa,CAAC;EACpF,MAAM,EACJ,iBACA,WAAW,IACX,cACA,WAAW,IACX,OAAO,GACP,IAAI,IACJ,WAAW,MACX,GAAG,iBACD;EAGJ,MAAM,mBAAmB;GACvB,GAAG;GACH,aAAa,aAAa,eAAe,aAAa;GACtD,YAAY,aAAa,cAAc,aAAa;EACtD;EAGA,MAAM,SAAS,oBAAoB,eAAe,KAAK;EACvD,MAAM,KAAK,WAAW;EAGtB,MAAM,aAAa,YAAqB;GACtC,IAAI,YAAY,OAAO;GACvB,OAAO,UAAW,gBAAgB,WAAY;EAChD;EAEA,MAAM,UAAU;GACd,aAAa;GACb,IAAI,8BAA8B,UAAU,YAAY,EAAE;GAC1D,IAAI,8BAA8B,UAAU,UAAU,EAAE;GACxD,IAAI,8BAA8B,aAAa,IAAI,GAAG;GACtD,IAAI,8BAA8B,aAAa,IAAI,GAAG;GACtD,KAAK,6BAA6B,KAAK;EACzC;EAKA,MAAM,gBAAgB,WAClB,gBAAgB;GACd,iBAAiB;GACjB,IAAI,UAAU,cAAc;GAC5B,aAAa,UAAU,uBAAuB;GAC9C,OAAO,UAAU,iBAAiB;GAClC,SAAS,UAAU,cAAc,iBAAiB;GAClD,kBAAkB,UAAU,uBAAuB,iBAAiB;GACpE,YAAY,UAAU,iBAAiB,iBAAiB;GACxD,UAAU,UAAU,cAAc,iBAAiB;GACnD,QAAQ;EACV,CAAC,IACD,CAAC;EAGL,MAAM,cAAc,WAChB,gBAAgB;GACd,IAAI,UAAU;GACd,aAAa,UAAU;GACvB,OAAO,UAAU;GACjB,SAAS,UAAU;GACnB,kBAAkB,UAAU;GAC5B,YAAY,UAAU;GACtB,QAAQ;EACV,CAAC,IACD,CAAC;EAGL,MAAM,oBAAoB,MAAM;EAChC,MAAM,mBAAmBA,kBAAU,aAAuC;EAqB1E,OAAO;GACL,cAAc;GACd;GACA;GACA;GACA,cAzBmB,gBAAgB;IACnC,cAAc,UACV,4CACA,mCAAmC,UAAU,gBAAgB,EAAE;IACnE,WAAW,aAAa,gCAAgC,kBAAkB,KAAK;IAC/E,UAAU,+BAA+B,iBAAiB;IAC1D,GAAG,uBAAuB,EAAE;IAC5B,MAAM,cAAc,SAAY;IAChC,GAAG,aAAa,uBAAuB,EAAE,OAAO,cAAc,SAAS;GACzE,CAgBa;GACX,iBAdsB,GACtB,cACA,WACA,0BACA,cAAc,sBAAsB,gBAAgB,QACpD,aAAa,qBAAqB,eAAe,MASnC;EAChB;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;AACH"}

package/dist/button/utils.js

@@ -2,7 +2,7 @@
 /** Matches DEFAULT_BORDER_WIDTH in consts.ts; duplicated here to avoid a circular import. */
 const DEFAULT_BORDER_WIDTH_FALLBACK = 1;
 /** Canonical hierarchy keys recognised by the two-prop API. */
-const HIERARCHY_KEYS = new Set([
+const HIERARCHY_KEYS = /* @__PURE__ */ new Set([
 	"primary",
 	"secondary",
 	"tertiary"
@@ -56,5 +56,5 @@ const wrapWithVars = (props, mapping) => {
 
 //#endregion
 export { extractNumericValue, resolveVariantKey, wrapWithVars };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.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,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"}
+{"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,iCAAiB,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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttonGroup.d.ts","names":[],"sources":["../../src/buttonGroup/buttonGroup.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;cAQa,eAAA,8BAAe,eAAA,oCAAA,YAAA,EAoC3B,cAAA,GApC2B,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA;;;;;;;cA0Cf,WAAA,EAAW,YAAA,QAAA,gBAAA"}
+{"version":3,"file":"buttonGroup.d.ts","names":[],"sources":["../../src/buttonGroup/buttonGroup.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;cASa,eAAA,8BAAe,eAAA,oCAAA,YAAA,EAoC3B,cAAA,GApC2B,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA;;;;;;;cA0Cf,WAAA,EAAW,YAAA,QAAA,gBAAA"}

package/dist/buttonGroup/buttonGroup.js

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

package/dist/buttonGroup/buttonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonGroup.js","names":[],"sources":["../../src/buttonGroup/buttonGroup.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { styled, th, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { ButtonGroupProps } from './buttonGroup.types'\nimport { ButtonGroupProvider } from './context'\nimport { getInnerBorderColor } from './helpers'\n\nexport const ButtonGroupBase = styled.divBox<{ innerBorderColor: string }>`\n  display: flex;\n\n  // Border color between Buttons\n  > *:not(:last-of-type):not(:focus) {\n    border-right-color: ${p => th.color(p.innerBorderColor)};\n  }\n\n  // First Button\n  > *:first-of-type:not(:last-of-type) {\n    border-right-width: 1px;\n  }\n\n  // Middle Buttons\n  > *:not(:first-of-type):not(:last-of-type) {\n    border-left-width: 0px;\n    border-right-width: 1px;\n  }\n\n  // Last Button\n  > *:not(:first-of-type):last-of-type {\n    border-left-width: 0px;\n    margin-right: 0;\n  }\n\n  // Border color\n  > *,\n  *:hover {\n    border-color: ${p => th.color(p.innerBorderColor)};\n  }\n\n  // Rounded variant base styles\n  > .vui-button-variant-buttonGroupRounded {\n    border-left-width: 1px !important;\n    border-color: var(--vui-control-placeholder);\n  }\n`\n\n/**\n * Organizes layout and display of multiple buttons. Controls border visual around and between the buttons.\n * Exposes some props to the children via context.\n */\nexport const ButtonGroup = vui<'div', ButtonGroupProps>((props, ref) => {\n  const { className, disabled, innerBorderColor, size, variant = 'default', ...rest } = props\n\n  const context = useMemo(\n    () =>\n      filterUndefined({\n        disabled,\n        size,\n        variant: variant === 'default' ? 'buttonGroupDefault' : 'buttonGroupRounded',\n      }),\n    [disabled, size, variant],\n  )\n\n  return (\n    <ButtonGroupProvider value={context}>\n      <ButtonGroupBase\n        className={cs('vui-buttonGroup', className, `vui-buttonGroup-variant-${variant}`)}\n        {...{ innerBorderColor: innerBorderColor ? innerBorderColor : getInnerBorderColor(props), ref }}\n        {...rest}\n      />\n    </ButtonGroupProvider>\n  )\n})\n\nButtonGroup.displayName = 'ButtonGroup'\nexport default ButtonGroup\n"],"mappings":";;;;;;;;;;;AAQA,MAAa,kBAAkB,OAAO,MAAoC;;;;;2BAKhD,MAAK,GAAG,MAAM,EAAE,gBAAgB,EAAE;;;;;;;;;;;;;;;;;;;;;;;qBAuBxC,MAAK,GAAG,MAAM,EAAE,gBAAgB,EAAE;;;;;;;;;;;;;AActD,MAAa,cAAc,KAA8B,OAAO,QAAQ;CACtE,MAAM,EAAE,WAAW,UAAU,kBAAkB,MAAM,UAAU,WAAW,GAAG,SAAS;CAYtF,OACE,oBAAC,qBAAD;EAAqB,OAXP,cAEZ,gBAAgB;GACd;GACA;GACA,SAAS,YAAY,YAAY,uBAAuB;EAC1D,CAAC,GACH;GAAC;GAAU;GAAM;EAAO,CAIU;YAChC,oBAAC,iBAAD;GACE,WAAW,GAAG,mBAAmB,WAAW,2BAA2B,SAAS;GAC1E,kBAAkB,mBAAmB,mBAAmB,oBAAoB,KAAK;GAAG;GAC1F,GAAI;EACL;CACkB;AAEzB,CAAC;AAED,YAAY,cAAc"}
+{"version":3,"file":"buttonGroup.js","names":[],"sources":["../../src/buttonGroup/buttonGroup.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { ButtonGroupProps } from './buttonGroup.types'\n\nimport { styled, th, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport { ButtonGroupProvider } from './context'\nimport { getInnerBorderColor } from './helpers'\n\nexport const ButtonGroupBase = styled.divBox<{ innerBorderColor: string }>`\n  display: flex;\n\n  // Border color between Buttons\n  > *:not(:last-of-type):not(:focus) {\n    border-right-color: ${p => th.color(p.innerBorderColor)};\n  }\n\n  // First Button\n  > *:first-of-type:not(:last-of-type) {\n    border-right-width: 1px;\n  }\n\n  // Middle Buttons\n  > *:not(:first-of-type):not(:last-of-type) {\n    border-left-width: 0px;\n    border-right-width: 1px;\n  }\n\n  // Last Button\n  > *:not(:first-of-type):last-of-type {\n    border-left-width: 0px;\n    margin-right: 0;\n  }\n\n  // Border color\n  > *,\n  *:hover {\n    border-color: ${p => th.color(p.innerBorderColor)};\n  }\n\n  // Rounded variant base styles\n  > .vui-button-variant-buttonGroupRounded {\n    border-left-width: 1px !important;\n    border-color: var(--vui-control-placeholder);\n  }\n`\n\n/**\n * Organizes layout and display of multiple buttons. Controls border visual around and between the buttons.\n * Exposes some props to the children via context.\n */\nexport const ButtonGroup = vui<'div', ButtonGroupProps>((props, ref) => {\n  const { className, disabled, innerBorderColor, size, variant = 'default', ...rest } = props\n\n  const context = useMemo(\n    () =>\n      filterUndefined({\n        disabled,\n        size,\n        variant: variant === 'default' ? 'buttonGroupDefault' : 'buttonGroupRounded',\n      }),\n    [disabled, size, variant],\n  )\n\n  return (\n    <ButtonGroupProvider value={context}>\n      <ButtonGroupBase\n        className={cs('vui-buttonGroup', className, `vui-buttonGroup-variant-${variant}`)}\n        {...{ innerBorderColor: innerBorderColor ? innerBorderColor : getInnerBorderColor(props), ref }}\n        {...rest}\n      />\n    </ButtonGroupProvider>\n  )\n})\n\nButtonGroup.displayName = 'ButtonGroup'\nexport default ButtonGroup\n"],"mappings":";;;;;;;;;;;AASA,MAAa,kBAAkB,OAAO,MAAoC;;;;;2BAKhD,MAAK,GAAG,MAAM,EAAE,gBAAgB,EAAE;;;;;;;;;;;;;;;;;;;;;;;qBAuBxC,MAAK,GAAG,MAAM,EAAE,gBAAgB,EAAE;;;;;;;;;;;;;AActD,MAAa,cAAc,KAA8B,OAAO,QAAQ;CACtE,MAAM,EAAE,WAAW,UAAU,kBAAkB,MAAM,UAAU,WAAW,GAAG,SAAS;CAYtF,OACE,oBAAC,qBAAD;EAAqB,OAXP,cAEZ,gBAAgB;GACd;GACA;GACA,SAAS,YAAY,YAAY,uBAAuB;EAC1D,CAAC,GACH;GAAC;GAAU;GAAM;EAAO,CAIU;YAChC,oBAAC,iBAAD;GACE,WAAW,GAAG,mBAAmB,WAAW,2BAA2B,SAAS;GAC1E,kBAAkB,mBAAmB,mBAAmB,oBAAoB,KAAK;GAAG;GAC1F,GAAI;EACL;CACkB;AAEzB,CAAC;AAED,YAAY,cAAc"}

package/dist/buttonGroup/context.js

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

package/dist/buttonGroup/helpers.js

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

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,mBAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"buttonToggleGroup.d.ts","names":[],"sources":["../../src/buttonToggleGroup/buttonToggleGroup.tsx"],"mappings":";;;;;AAQA;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.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=buttonToggleGroup.js.map

package/dist/buttonToggleGroup/buttonToggleGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonToggleGroup.js","names":[],"sources":["../../src/buttonToggleGroup/buttonToggleGroup.tsx"],"sourcesContent":["import ButtonGroup from '../buttonGroup'\nimport { cs, dimmedBorderColor } from '../utils'\nimport type { ButtonToggleGroupProps } from './buttonToggleGroup.types'\n\n/**\n * Organizes layout and display of multiple buttons. Based on ButtonGroup and should be used to toggle options.\n */\nexport const ButtonToggleGroup = (props: ButtonToggleGroupProps) => {\n  const { className, isDimmedBorder } = props\n\n  return (\n    <ButtonGroup\n      className={cs('vui-buttonToggleGroup', className)}\n      innerBorderColor={isDimmedBorder ? dimmedBorderColor : ''}\n      {...props}\n    />\n  )\n}\n\nButtonToggleGroup.displayName = 'ButtonToggleGroup'\nexport default ButtonToggleGroup\n"],"mappings":";;;;;;;;;AAOA,MAAa,qBAAqB,UAAkC;CAClE,MAAM,EAAE,WAAW,mBAAmB;CAEtC,OACE,oBAAC,aAAD;EACE,WAAW,GAAG,yBAAyB,SAAS;EAChD,kBAAkB,iBAAiB,oBAAoB;EACvD,GAAI;CACL;AAEL;AAEA,kBAAkB,cAAc"}
+{"version":3,"file":"buttonToggleGroup.js","names":[],"sources":["../../src/buttonToggleGroup/buttonToggleGroup.tsx"],"sourcesContent":["import type { ButtonToggleGroupProps } from './buttonToggleGroup.types'\n\nimport ButtonGroup from '../buttonGroup'\nimport { cs, dimmedBorderColor } from '../utils'\n\n/**\n * Organizes layout and display of multiple buttons. Based on ButtonGroup and should be used to toggle options.\n */\nexport const ButtonToggleGroup = (props: ButtonToggleGroupProps) => {\n  const { className, isDimmedBorder } = props\n\n  return (\n    <ButtonGroup\n      className={cs('vui-buttonToggleGroup', className)}\n      innerBorderColor={isDimmedBorder ? dimmedBorderColor : ''}\n      {...props}\n    />\n  )\n}\n\nButtonToggleGroup.displayName = 'ButtonToggleGroup'\nexport default ButtonToggleGroup\n"],"mappings":";;;;;;;;;AAQA,MAAa,qBAAqB,UAAkC;CAClE,MAAM,EAAE,WAAW,mBAAmB;CAEtC,OACE,oBAAC,aAAD;EACE,WAAW,GAAG,yBAAyB,SAAS;EAChD,kBAAkB,iBAAiB,oBAAoB;EACvD,GAAI;CACL;AAEL;AAEA,kBAAkB,cAAc"}

package/dist/calendar/calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","names":[],"sources":["../../src/calendar/calendar.tsx"],"mappings":";;;;cAqBa,QAAA,EAAQ,YAAA,QAAA,aAAA"}
+{"version":3,"file":"calendar.d.ts","names":[],"sources":["../../src/calendar/calendar.tsx"],"mappings":";;;;cAsBa,QAAA,EAAQ,YAAA,QAAA,aAAA"}

package/dist/calendar/calendar.js

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

package/dist/calendar/calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","names":[],"sources":["../../src/calendar/calendar.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { CalendarProps, DateRange, FlowDirection, TimeResult, TimeUnitMode } from './calendar.types'\nimport { CalendarHeader, DayPicker, MonthPicker, YearPicker } from './components'\nimport { useCalendar, useDefaultViewMonth } from './hooks'\nimport {\n  isDay,\n  isExact,\n  isFrom,\n  isMonth,\n  isTo,\n  isYear,\n  processSelectMonth,\n  processSelectYear,\n  processViewDate,\n} from './utils'\n\n/** Displays calendar. */\nexport const Calendar = vui<'div', CalendarProps>((props, ref) => {\n  const {\n    boundaries,\n    className,\n    fixedNumberOfWeeks = false,\n    disabled,\n    isStartDate,\n    mode,\n    onSelectDates,\n    selectedDates,\n    ...rest\n  } = omitThemingProps(props)\n  const styles = useStyleConfig('Calendar', props)\n\n  const currentDateRef = useRef(isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate)\n\n  /**\n   * Effect to reset viewDate when selectedDates changes (onReset)\n   */\n  useEffect(() => {\n    currentDateRef.current = isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate\n    currentDateRef.current && setViewDate(currentDateRef.current)\n  }, [selectedDates])\n\n  const calendarRef = useRef<TimeResult | null>(null)\n\n  const defaultViewMonth = useDefaultViewMonth({\n    boundaries,\n    selectedDate: currentDateRef.current,\n    isStartDate,\n  })\n\n  const [timeUnitMode, setTimeUnitMode] = useState<TimeUnitMode>('day')\n  const [viewDate, setViewDate] = useState<Date>(defaultViewMonth)\n\n  /**\n   * Handles clicking next/prev in header\n   */\n  const onChangeViewItem = (direction: FlowDirection) => {\n    const newViewMonth = processViewDate(viewDate, direction, timeUnitMode, calendarRef?.current?.items)\n    newViewMonth && setViewDate(newViewMonth)\n  }\n\n  /**\n   * Handles clicking on a day\n   */\n  const onSelectDay = (clickedDate: Date) => () => {\n    updateDateState(clickedDate)\n    setViewDate(clickedDate)\n  }\n\n  /**\n   * Handles clicking on a month\n   */\n  const onSelectMonth = (clickedDate: Date) => () => {\n    const processedNewDate = processSelectMonth(clickedDate, mode, boundaries)\n    updateDateState(processedNewDate)\n    setViewDate(processedNewDate)\n    setTimeUnitMode('day')\n  }\n\n  /**\n   * Handles clicking on a year\n   */\n  const onSelectYear = (clickedDate: Date) => () => {\n    const processedNewDate = processSelectYear(clickedDate, mode, boundaries)\n    updateDateState(processedNewDate)\n    setViewDate(processedNewDate)\n    setTimeUnitMode('month')\n  }\n\n  /**\n   * Send update date to parent component\n   */\n  const updateDateState = (newDate: Date) => {\n    const dateRange: DateRange = { ...selectedDates }\n\n    if (dateRange) {\n      if (isTo(mode)) dateRange.endDate = newDate\n      else dateRange.startDate = newDate\n    }\n\n    if (newDate && !disabled) onSelectDates && onSelectDates(dateRange)\n  }\n\n  const calendar = (calendarRef.current = useCalendar({\n    boundaries,\n    mode,\n    selectedDates,\n    timeUnitMode,\n    viewDate,\n    fixedNumberOfWeeks,\n  }))\n\n  return (\n    <Box\n      className={cs('vui-calendar', className)}\n      column\n      cursor=\"default\"\n      minW={280}\n      position=\"relative\"\n      ref={ref}\n      w=\"fit-content\"\n      {...styles}\n      {...rest}\n    >\n      <CalendarHeader\n        nextDisabled={calendar.nextDisabled}\n        onChangeViewItem={onChangeViewItem}\n        onSetTimeUnitMode={(mode: TimeUnitMode) => setTimeUnitMode(mode)}\n        prevDisabled={calendar.prevDisabled}\n        timeUnitMode={timeUnitMode}\n        viewMonth={viewDate}\n      />\n      {isDay(timeUnitMode) && <DayPicker calendar={calendar} onSelectDay={onSelectDay} />}\n      {isMonth(timeUnitMode) && <MonthPicker calendar={calendar} onSelectMonth={onSelectMonth} />}\n      {isYear(timeUnitMode) && <YearPicker calendar={calendar} onSelectYear={onSelectYear} />}\n    </Box>\n  )\n})\n\nCalendar.displayName = 'Calendar'\n\nexport default Calendar\n"],"mappings":";;;;;;;;;;;;;;;;AAqBA,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EACJ,YACA,WACA,qBAAqB,OACrB,UACA,aACA,MACA,eACA,eACA,GAAG,SACD,iBAAiB,KAAK;CAC1B,MAAM,SAAS,eAAe,YAAY,KAAK;CAE/C,MAAM,iBAAiB,OAAO,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,eAAe,YAAY,eAAe,OAAO;;;;CAK/G,gBAAgB;EACd,eAAe,UAAU,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,eAAe,YAAY,eAAe;EACnG,eAAe,WAAW,YAAY,eAAe,OAAO;CAC9D,GAAG,CAAC,aAAa,CAAC;CAElB,MAAM,cAAc,OAA0B,IAAI;CAElD,MAAM,mBAAmB,oBAAoB;EAC3C;EACA,cAAc,eAAe;EAC7B;CACF,CAAC;CAED,MAAM,CAAC,cAAc,mBAAmB,SAAuB,KAAK;CACpE,MAAM,CAAC,UAAU,eAAe,SAAe,gBAAgB;;;;CAK/D,MAAM,oBAAoB,cAA6B;EACrD,MAAM,eAAe,gBAAgB,UAAU,WAAW,cAAc,aAAa,SAAS,KAAK;EACnG,gBAAgB,YAAY,YAAY;CAC1C;;;;CAKA,MAAM,eAAe,sBAA4B;EAC/C,gBAAgB,WAAW;EAC3B,YAAY,WAAW;CACzB;;;;CAKA,MAAM,iBAAiB,sBAA4B;EACjD,MAAM,mBAAmB,mBAAmB,aAAa,MAAM,UAAU;EACzE,gBAAgB,gBAAgB;EAChC,YAAY,gBAAgB;EAC5B,gBAAgB,KAAK;CACvB;;;;CAKA,MAAM,gBAAgB,sBAA4B;EAChD,MAAM,mBAAmB,kBAAkB,aAAa,MAAM,UAAU;EACxE,gBAAgB,gBAAgB;EAChC,YAAY,gBAAgB;EAC5B,gBAAgB,OAAO;CACzB;;;;CAKA,MAAM,mBAAmB,YAAkB;EACzC,MAAM,YAAuB,EAAE,GAAG,cAAc;EAEhD,IAAI,WACF,IAAI,KAAK,IAAI,GAAG,UAAU,UAAU;OAC/B,UAAU,YAAY;EAG7B,IAAI,WAAW,CAAC,UAAU,iBAAiB,cAAc,SAAS;CACpE;CAEA,MAAM,WAAY,YAAY,UAAU,YAAY;EAClD;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,qBAAC,KAAD;EACE,WAAW,GAAG,gBAAgB,SAAS;EACvC;EACA,QAAO;EACP,MAAM;EACN,UAAS;EACJ;EACL,GAAE;EACF,GAAI;EACJ,GAAI;YATN;GAWE,oBAAC,gBAAD;IACE,cAAc,SAAS;IACL;IAClB,oBAAoB,SAAuB,gBAAgB,IAAI;IAC/D,cAAc,SAAS;IACT;IACd,WAAW;GACZ;GACA,MAAM,YAAY,KAAK,oBAAC,WAAD;IAAqB;IAAuB;GAAc;GACjF,QAAQ,YAAY,KAAK,oBAAC,aAAD;IAAuB;IAAyB;GAAgB;GACzF,OAAO,YAAY,KAAK,oBAAC,YAAD;IAAsB;IAAwB;GAAe;EACnF;;AAET,CAAC;AAED,SAAS,cAAc"}
+{"version":3,"file":"calendar.js","names":[],"sources":["../../src/calendar/calendar.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport type { CalendarProps, DateRange, FlowDirection, TimeResult, TimeUnitMode } from './calendar.types'\n\nimport Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { CalendarHeader, DayPicker, MonthPicker, YearPicker } from './components'\nimport { useCalendar, useDefaultViewMonth } from './hooks'\nimport {\n  isDay,\n  isExact,\n  isFrom,\n  isMonth,\n  isTo,\n  isYear,\n  processSelectMonth,\n  processSelectYear,\n  processViewDate,\n} from './utils'\n\n/** Displays calendar. */\nexport const Calendar = vui<'div', CalendarProps>((props, ref) => {\n  const {\n    boundaries,\n    className,\n    fixedNumberOfWeeks = false,\n    disabled,\n    isStartDate,\n    mode,\n    onSelectDates,\n    selectedDates,\n    ...rest\n  } = omitThemingProps(props)\n  const styles = useStyleConfig('Calendar', props)\n\n  const currentDateRef = useRef(isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate)\n\n  /**\n   * Effect to reset viewDate when selectedDates changes (onReset)\n   */\n  useEffect(() => {\n    currentDateRef.current = isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate\n    currentDateRef.current && setViewDate(currentDateRef.current)\n  }, [selectedDates])\n\n  const calendarRef = useRef<TimeResult | null>(null)\n\n  const defaultViewMonth = useDefaultViewMonth({\n    boundaries,\n    selectedDate: currentDateRef.current,\n    isStartDate,\n  })\n\n  const [timeUnitMode, setTimeUnitMode] = useState<TimeUnitMode>('day')\n  const [viewDate, setViewDate] = useState<Date>(defaultViewMonth)\n\n  /**\n   * Handles clicking next/prev in header\n   */\n  const onChangeViewItem = (direction: FlowDirection) => {\n    const newViewMonth = processViewDate(viewDate, direction, timeUnitMode, calendarRef?.current?.items)\n    newViewMonth && setViewDate(newViewMonth)\n  }\n\n  /**\n   * Handles clicking on a day\n   */\n  const onSelectDay = (clickedDate: Date) => () => {\n    updateDateState(clickedDate)\n    setViewDate(clickedDate)\n  }\n\n  /**\n   * Handles clicking on a month\n   */\n  const onSelectMonth = (clickedDate: Date) => () => {\n    const processedNewDate = processSelectMonth(clickedDate, mode, boundaries)\n    updateDateState(processedNewDate)\n    setViewDate(processedNewDate)\n    setTimeUnitMode('day')\n  }\n\n  /**\n   * Handles clicking on a year\n   */\n  const onSelectYear = (clickedDate: Date) => () => {\n    const processedNewDate = processSelectYear(clickedDate, mode, boundaries)\n    updateDateState(processedNewDate)\n    setViewDate(processedNewDate)\n    setTimeUnitMode('month')\n  }\n\n  /**\n   * Send update date to parent component\n   */\n  const updateDateState = (newDate: Date) => {\n    const dateRange: DateRange = { ...selectedDates }\n\n    if (dateRange) {\n      if (isTo(mode)) dateRange.endDate = newDate\n      else dateRange.startDate = newDate\n    }\n\n    if (newDate && !disabled) onSelectDates && onSelectDates(dateRange)\n  }\n\n  const calendar = (calendarRef.current = useCalendar({\n    boundaries,\n    mode,\n    selectedDates,\n    timeUnitMode,\n    viewDate,\n    fixedNumberOfWeeks,\n  }))\n\n  return (\n    <Box\n      className={cs('vui-calendar', className)}\n      column\n      cursor=\"default\"\n      minW={280}\n      position=\"relative\"\n      ref={ref}\n      w=\"fit-content\"\n      {...styles}\n      {...rest}\n    >\n      <CalendarHeader\n        nextDisabled={calendar.nextDisabled}\n        onChangeViewItem={onChangeViewItem}\n        onSetTimeUnitMode={(mode: TimeUnitMode) => setTimeUnitMode(mode)}\n        prevDisabled={calendar.prevDisabled}\n        timeUnitMode={timeUnitMode}\n        viewMonth={viewDate}\n      />\n      {isDay(timeUnitMode) && <DayPicker calendar={calendar} onSelectDay={onSelectDay} />}\n      {isMonth(timeUnitMode) && <MonthPicker calendar={calendar} onSelectMonth={onSelectMonth} />}\n      {isYear(timeUnitMode) && <YearPicker calendar={calendar} onSelectYear={onSelectYear} />}\n    </Box>\n  )\n})\n\nCalendar.displayName = 'Calendar'\n\nexport default Calendar\n"],"mappings":";;;;;;;;;;;;;;;;AAsBA,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EACJ,YACA,WACA,qBAAqB,OACrB,UACA,aACA,MACA,eACA,eACA,GAAG,SACD,iBAAiB,KAAK;CAC1B,MAAM,SAAS,eAAe,YAAY,KAAK;CAE/C,MAAM,iBAAiB,OAAO,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,eAAe,YAAY,eAAe,OAAO;;;;CAK/G,gBAAgB;EACd,eAAe,UAAU,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,eAAe,YAAY,eAAe;EACnG,eAAe,WAAW,YAAY,eAAe,OAAO;CAC9D,GAAG,CAAC,aAAa,CAAC;CAElB,MAAM,cAAc,OAA0B,IAAI;CAElD,MAAM,mBAAmB,oBAAoB;EAC3C;EACA,cAAc,eAAe;EAC7B;CACF,CAAC;CAED,MAAM,CAAC,cAAc,mBAAmB,SAAuB,KAAK;CACpE,MAAM,CAAC,UAAU,eAAe,SAAe,gBAAgB;;;;CAK/D,MAAM,oBAAoB,cAA6B;EACrD,MAAM,eAAe,gBAAgB,UAAU,WAAW,cAAc,aAAa,SAAS,KAAK;EACnG,gBAAgB,YAAY,YAAY;CAC1C;;;;CAKA,MAAM,eAAe,sBAA4B;EAC/C,gBAAgB,WAAW;EAC3B,YAAY,WAAW;CACzB;;;;CAKA,MAAM,iBAAiB,sBAA4B;EACjD,MAAM,mBAAmB,mBAAmB,aAAa,MAAM,UAAU;EACzE,gBAAgB,gBAAgB;EAChC,YAAY,gBAAgB;EAC5B,gBAAgB,KAAK;CACvB;;;;CAKA,MAAM,gBAAgB,sBAA4B;EAChD,MAAM,mBAAmB,kBAAkB,aAAa,MAAM,UAAU;EACxE,gBAAgB,gBAAgB;EAChC,YAAY,gBAAgB;EAC5B,gBAAgB,OAAO;CACzB;;;;CAKA,MAAM,mBAAmB,YAAkB;EACzC,MAAM,YAAuB,EAAE,GAAG,cAAc;EAEhD,IAAI,WACF,IAAI,KAAK,IAAI,GAAG,UAAU,UAAU;OAC/B,UAAU,YAAY;EAG7B,IAAI,WAAW,CAAC,UAAU,iBAAiB,cAAc,SAAS;CACpE;CAEA,MAAM,WAAY,YAAY,UAAU,YAAY;EAClD;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,qBAAC,KAAD;EACE,WAAW,GAAG,gBAAgB,SAAS;EACvC;EACA,QAAO;EACP,MAAM;EACN,UAAS;EACJ;EACL,GAAE;EACF,GAAI;EACJ,GAAI;YATN;GAWE,oBAAC,gBAAD;IACE,cAAc,SAAS;IACL;IAClB,oBAAoB,SAAuB,gBAAgB,IAAI;IAC/D,cAAc,SAAS;IACT;IACd,WAAW;GACZ;GACA,MAAM,YAAY,KAAK,oBAAC,WAAD;IAAqB;IAAuB;GAAc;GACjF,QAAQ,YAAY,KAAK,oBAAC,aAAD;IAAuB;IAAyB;GAAgB;GACzF,OAAO,YAAY,KAAK,oBAAC,YAAD;IAAsB;IAAwB;GAAe;EACnF;;AAET,CAAC;AAED,SAAS,cAAc"}

package/dist/calendar/calendar.styles.js

@@ -70,5 +70,5 @@ const CalendarItemsContainer = styled(Box)`
 
 //#endregion
 export { CalendarItem, CalendarItemsContainer };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.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,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"}
+{"version":3,"file":"calendar.styles.js","names":[],"sources":["../../src/calendar/calendar.styles.ts"],"sourcesContent":["import type { ItemProps } from './calendar.types'\n\nimport Box from '../box'\nimport { css, styled, th } from '../core'\nimport Link from '../link'\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":";;;;;;AAMA,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.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=calendarHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"calendarHeader.js","names":[],"sources":["../../../src/calendar/components/calendarHeader.tsx"],"sourcesContent":["import type { FC } from 'react'\n\nimport Box from '../../box'\nimport { IconButton } from '../../button'\nimport { cs } from '../../utils'\nimport type { FlowDirection, TimeUnitMode } from '../calendar.types'\nimport { TimeUnitHeader } from './timeUnitHeader'\n\ntype Props = {\n  nextDisabled?: boolean\n  onChangeViewItem: (direction: FlowDirection) => void\n  onSetTimeUnitMode: (mode: TimeUnitMode) => void\n  prevDisabled?: boolean\n  timeUnitMode: TimeUnitMode\n  viewMonth: Date\n}\n\nconst size = 40\n\n/**\n * Header for the calendar\n */\nexport const CalendarHeader: FC<Props> = ({\n  nextDisabled,\n  onChangeViewItem,\n  onSetTimeUnitMode,\n  prevDisabled,\n  timeUnitMode,\n  viewMonth,\n}) => (\n  <Box borderBottom=\"1px solid lightgray\" centerV className={cs('vui-calendar-header')}>\n    <Box className=\"vui-calendar-header-left\">\n      <TimeUnitHeader onSetTimeUnitMode={onSetTimeUnitMode} timeUnitMode={timeUnitMode} viewMonth={viewMonth} />\n    </Box>\n    <Box className=\"vui-calendar-header-right\" flex=\"1\" justifyContent=\"right\">\n      <IconButton\n        aria-label=\"previous\"\n        className=\"icon\"\n        disabled={prevDisabled}\n        h={size}\n        icon=\"uiChevronLeft\"\n        onClick={() => onChangeViewItem('prev')}\n        size=\"sm\"\n        w={size}\n      />\n      <IconButton\n        aria-label=\"next\"\n        className=\"icon\"\n        disabled={nextDisabled}\n        h={size}\n        icon=\"uiChevronRight\"\n        onClick={() => onChangeViewItem('next')}\n        size=\"sm\"\n        w={size}\n      />\n    </Box>\n  </Box>\n)\n"],"mappings":";;;;;;;AAiBA,MAAM,OAAO;;;;AAKb,MAAa,kBAA6B,EACxC,cACA,kBACA,mBACA,cACA,cACA,gBAEA,qBAAC,KAAD;CAAK,cAAa;CAAsB;CAAQ,WAAW,GAAG,qBAAqB;WAAnF,CACE,oBAAC,KAAD;EAAK,WAAU;YACb,oBAAC,gBAAD;GAAmC;GAAiC;GAAyB;EAAY;CACtG,IACL,qBAAC,KAAD;EAAK,WAAU;EAA4B,MAAK;EAAI,gBAAe;YAAnE,CACE,oBAAC,YAAD;GACE,cAAW;GACX,WAAU;GACV,UAAU;GACV,GAAG;GACH,MAAK;GACL,eAAe,iBAAiB,MAAM;GACtC,MAAK;GACL,GAAG;EACJ,IACD,oBAAC,YAAD;GACE,cAAW;GACX,WAAU;GACV,UAAU;GACV,GAAG;GACH,MAAK;GACL,eAAe,iBAAiB,MAAM;GACtC,MAAK;GACL,GAAG;EACJ,EACE;GACF"}
+{"version":3,"file":"calendarHeader.js","names":[],"sources":["../../../src/calendar/components/calendarHeader.tsx"],"sourcesContent":["import type { FC } from 'react'\n\nimport type { FlowDirection, TimeUnitMode } from '../calendar.types'\n\nimport Box from '../../box'\nimport { IconButton } from '../../button'\nimport { cs } from '../../utils'\nimport { TimeUnitHeader } from './timeUnitHeader'\n\ntype Props = {\n  nextDisabled?: boolean\n  onChangeViewItem: (direction: FlowDirection) => void\n  onSetTimeUnitMode: (mode: TimeUnitMode) => void\n  prevDisabled?: boolean\n  timeUnitMode: TimeUnitMode\n  viewMonth: Date\n}\n\nconst size = 40\n\n/**\n * Header for the calendar\n */\nexport const CalendarHeader: FC<Props> = ({\n  nextDisabled,\n  onChangeViewItem,\n  onSetTimeUnitMode,\n  prevDisabled,\n  timeUnitMode,\n  viewMonth,\n}) => (\n  <Box borderBottom=\"1px solid lightgray\" centerV className={cs('vui-calendar-header')}>\n    <Box className=\"vui-calendar-header-left\">\n      <TimeUnitHeader onSetTimeUnitMode={onSetTimeUnitMode} timeUnitMode={timeUnitMode} viewMonth={viewMonth} />\n    </Box>\n    <Box className=\"vui-calendar-header-right\" flex=\"1\" justifyContent=\"right\">\n      <IconButton\n        aria-label=\"previous\"\n        className=\"icon\"\n        disabled={prevDisabled}\n        h={size}\n        icon=\"uiChevronLeft\"\n        onClick={() => onChangeViewItem('prev')}\n        size=\"sm\"\n        w={size}\n      />\n      <IconButton\n        aria-label=\"next\"\n        className=\"icon\"\n        disabled={nextDisabled}\n        h={size}\n        icon=\"uiChevronRight\"\n        onClick={() => onChangeViewItem('next')}\n        size=\"sm\"\n        w={size}\n      />\n    </Box>\n  </Box>\n)\n"],"mappings":";;;;;;;AAkBA,MAAM,OAAO;;;;AAKb,MAAa,kBAA6B,EACxC,cACA,kBACA,mBACA,cACA,cACA,gBAEA,qBAAC,KAAD;CAAK,cAAa;CAAsB;CAAQ,WAAW,GAAG,qBAAqB;WAAnF,CACE,oBAAC,KAAD;EAAK,WAAU;YACb,oBAAC,gBAAD;GAAmC;GAAiC;GAAyB;EAAY;CACtG,IACL,qBAAC,KAAD;EAAK,WAAU;EAA4B,MAAK;EAAI,gBAAe;YAAnE,CACE,oBAAC,YAAD;GACE,cAAW;GACX,WAAU;GACV,UAAU;GACV,GAAG;GACH,MAAK;GACL,eAAe,iBAAiB,MAAM;GACtC,MAAK;GACL,GAAG;EACJ,IACD,oBAAC,YAAD;GACE,cAAW;GACX,WAAU;GACV,UAAU;GACV,GAAG;GACH,MAAK;GACL,eAAe,iBAAiB,MAAM;GACtC,MAAK;GACL,GAAG;EACJ,EACE;GACF"}

package/dist/calendar/components/dayPicker.js

@@ -47,5 +47,5 @@ const DayPicker = ({ calendar, onSelectDay }) => /* @__PURE__ */ jsxs(DaysContai
 
 //#endregion
 export { DayPicker };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.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,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"}
+{"version":3,"file":"dayPicker.js","names":[],"sources":["../../../src/calendar/components/dayPicker.tsx"],"sourcesContent":["import type { ItemProps, TimeResult } from '../calendar.types'\n\nimport Box from '../../box'\nimport { styled, th } from '../../core'\nimport { cs } from '../../utils'\nimport { CalendarItem, CalendarItemsContainer } from '../calendar.styles'\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":";;;;;;;;;AAaA,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.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=monthPicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"monthPicker.js","names":["MonthItem"],"sources":["../../../src/calendar/components/monthPicker.tsx"],"sourcesContent":["import { cs } from '../../utils'\nimport { CalendarItem as MonthItem, CalendarItemsContainer } from '../calendar.styles'\nimport type { TimeResult } from '../calendar.types'\nimport { monthsShort } from '../consts'\n\ntype MonthPickerProps = {\n  calendar: TimeResult\n  onSelectMonth?: (date: Date) => void\n}\n\nexport const MonthPicker = ({ calendar, onSelectMonth }: MonthPickerProps) => (\n  <CalendarItemsContainer className={cs('vui-month-picker')} gridTemplateRows=\"repeat(4, 65px)\">\n    {calendar.items.map(item => (\n      <MonthItem\n        fontWeight={500}\n        key={item.date.getTime()}\n        onClick={(!item.isDisabled && onSelectMonth && onSelectMonth(item.date)) || undefined}\n        {...item}\n        alignContent=\"center\"\n        textAlign=\"center\"\n      >\n        {monthsShort[item.date.getUTCMonth()]}\n      </MonthItem>\n    ))}\n  </CalendarItemsContainer>\n)\n"],"mappings":";;;;;;AAUA,MAAa,eAAe,EAAE,UAAU,oBACtC,oBAAC,wBAAD;CAAwB,WAAW,GAAG,kBAAkB;CAAG,kBAAiB;WACzE,SAAS,MAAM,KAAI,SAClB,oBAACA,cAAD;EACE,YAAY;EAEZ,SAAU,CAAC,KAAK,cAAc,iBAAiB,cAAc,KAAK,IAAI,KAAM;EAC5E,GAAI;EACJ,cAAa;EACb,WAAU;YAET,YAAY,KAAK,KAAK,YAAY;CAC1B,GAPJ,KAAK,KAAK,QAAQ,CAOd,CACZ;AACqB"}
+{"version":3,"file":"monthPicker.js","names":["MonthItem"],"sources":["../../../src/calendar/components/monthPicker.tsx"],"sourcesContent":["import type { TimeResult } from '../calendar.types'\n\nimport { cs } from '../../utils'\nimport { CalendarItem as MonthItem, CalendarItemsContainer } from '../calendar.styles'\nimport { monthsShort } from '../consts'\n\ntype MonthPickerProps = {\n  calendar: TimeResult\n  onSelectMonth?: (date: Date) => void\n}\n\nexport const MonthPicker = ({ calendar, onSelectMonth }: MonthPickerProps) => (\n  <CalendarItemsContainer className={cs('vui-month-picker')} gridTemplateRows=\"repeat(4, 65px)\">\n    {calendar.items.map(item => (\n      <MonthItem\n        fontWeight={500}\n        key={item.date.getTime()}\n        onClick={(!item.isDisabled && onSelectMonth && onSelectMonth(item.date)) || undefined}\n        {...item}\n        alignContent=\"center\"\n        textAlign=\"center\"\n      >\n        {monthsShort[item.date.getUTCMonth()]}\n      </MonthItem>\n    ))}\n  </CalendarItemsContainer>\n)\n"],"mappings":";;;;;;AAWA,MAAa,eAAe,EAAE,UAAU,oBACtC,oBAAC,wBAAD;CAAwB,WAAW,GAAG,kBAAkB;CAAG,kBAAiB;WACzE,SAAS,MAAM,KAAI,SAClB,oBAACA,cAAD;EACE,YAAY;EAEZ,SAAU,CAAC,KAAK,cAAc,iBAAiB,cAAc,KAAK,IAAI,KAAM;EAC5E,GAAI;EACJ,cAAa;EACb,WAAU;YAET,YAAY,KAAK,KAAK,YAAY;CAC1B,GAPJ,KAAK,KAAK,QAAQ,CAOd,CACZ;AACqB"}

package/dist/calendar/components/timeUnitHeader.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"timeUnitHeader.js","names":[],"sources":["../../../src/calendar/components/timeUnitHeader.tsx"],"sourcesContent":["import type { FC } from 'react'\n\nimport { Box } from '../../box'\nimport { Button } from '../../button'\nimport { cs } from '../../utils'\nimport type { TimeUnitMode } from '../calendar.types'\nimport { months } from '../consts'\nimport { isDay, isMonth, isYear } from '../utils'\n\nconst h = 40\nconst fontSize = 16\n\ntype TimeUnitHeaderProps = {\n  onSetTimeUnitMode: (mode: TimeUnitMode) => void\n  timeUnitMode: TimeUnitMode\n  viewMonth: Date\n}\n\n/**\n * Displays the header title with the month and year being viewed\n */\nexport const TimeUnitHeader: FC<TimeUnitHeaderProps> = ({ onSetTimeUnitMode, timeUnitMode, viewMonth }) => {\n  return (\n    <Box center className={cs('vui-time-unit-header')} cursor=\"pointer\" flex=\"1\" justifyItems=\"flex-start\" gap=\"2px\">\n      {isDay(timeUnitMode) && (\n        <>\n          <Button\n            fontSize={fontSize}\n            h={h}\n            onClick={() => onSetTimeUnitMode('month')}\n            variant=\"tertiary\"\n            px=\"6px\"\n            minW=\"auto\"\n          >\n            {months[viewMonth.getUTCMonth()]}\n          </Button>\n          <Button\n            fontSize={fontSize}\n            h={h}\n            onClick={() => onSetTimeUnitMode('year')}\n            variant=\"tertiary\"\n            px=\"6px\"\n            minW=\"auto\"\n          >\n            {viewMonth.getUTCFullYear()}\n          </Button>\n        </>\n      )}\n      {isMonth(timeUnitMode) && (\n        <Button\n          fontSize={fontSize}\n          h={h}\n          onClick={() => onSetTimeUnitMode('year')}\n          variant=\"tertiary\"\n          px=\"6px\"\n          minW=\"auto\"\n        >\n          {viewMonth.getUTCFullYear()}\n        </Button>\n      )}\n      {isYear(timeUnitMode) && (\n        <Button\n          fontSize={fontSize}\n          h={h}\n          onClick={() => onSetTimeUnitMode('day')}\n          variant=\"tertiary\"\n          px=\"6px\"\n          minW=\"auto\"\n        >\n          Year\n        </Button>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AASA,MAAM,IAAI;AACV,MAAM,WAAW;;;;AAWjB,MAAa,kBAA2C,EAAE,mBAAmB,cAAc,gBAAgB;CACzG,OACE,qBAAC,KAAD;EAAK;EAAO,WAAW,GAAG,sBAAsB;EAAG,QAAO;EAAU,MAAK;EAAI,cAAa;EAAa,KAAI;YAA3G;GACG,MAAM,YAAY,KACjB,4CACE,oBAAC,QAAD;IACY;IACP;IACH,eAAe,kBAAkB,OAAO;IACxC,SAAQ;IACR,IAAG;IACH,MAAK;cAEJ,OAAO,UAAU,YAAY;GACxB,IACR,oBAAC,QAAD;IACY;IACP;IACH,eAAe,kBAAkB,MAAM;IACvC,SAAQ;IACR,IAAG;IACH,MAAK;cAEJ,UAAU,eAAe;GACpB,EACR;GAEH,QAAQ,YAAY,KACnB,oBAAC,QAAD;IACY;IACP;IACH,eAAe,kBAAkB,MAAM;IACvC,SAAQ;IACR,IAAG;IACH,MAAK;cAEJ,UAAU,eAAe;GACpB;GAET,OAAO,YAAY,KAClB,oBAAC,QAAD;IACY;IACP;IACH,eAAe,kBAAkB,KAAK;IACtC,SAAQ;IACR,IAAG;IACH,MAAK;cACN;GAEO;EAEP;;AAET"}
+{"version":3,"file":"timeUnitHeader.js","names":[],"sources":["../../../src/calendar/components/timeUnitHeader.tsx"],"sourcesContent":["import type { FC } from 'react'\n\nimport type { TimeUnitMode } from '../calendar.types'\n\nimport { Box } from '../../box'\nimport { Button } from '../../button'\nimport { cs } from '../../utils'\nimport { months } from '../consts'\nimport { isDay, isMonth, isYear } from '../utils'\n\nconst h = 40\nconst fontSize = 16\n\ntype TimeUnitHeaderProps = {\n  onSetTimeUnitMode: (mode: TimeUnitMode) => void\n  timeUnitMode: TimeUnitMode\n  viewMonth: Date\n}\n\n/**\n * Displays the header title with the month and year being viewed\n */\nexport const TimeUnitHeader: FC<TimeUnitHeaderProps> = ({ onSetTimeUnitMode, timeUnitMode, viewMonth }) => {\n  return (\n    <Box center className={cs('vui-time-unit-header')} cursor=\"pointer\" flex=\"1\" justifyItems=\"flex-start\" gap=\"2px\">\n      {isDay(timeUnitMode) && (\n        <>\n          <Button\n            fontSize={fontSize}\n            h={h}\n            onClick={() => onSetTimeUnitMode('month')}\n            variant=\"tertiary\"\n            px=\"6px\"\n            minW=\"auto\"\n          >\n            {months[viewMonth.getUTCMonth()]}\n          </Button>\n          <Button\n            fontSize={fontSize}\n            h={h}\n            onClick={() => onSetTimeUnitMode('year')}\n            variant=\"tertiary\"\n            px=\"6px\"\n            minW=\"auto\"\n          >\n            {viewMonth.getUTCFullYear()}\n          </Button>\n        </>\n      )}\n      {isMonth(timeUnitMode) && (\n        <Button\n          fontSize={fontSize}\n          h={h}\n          onClick={() => onSetTimeUnitMode('year')}\n          variant=\"tertiary\"\n          px=\"6px\"\n          minW=\"auto\"\n        >\n          {viewMonth.getUTCFullYear()}\n        </Button>\n      )}\n      {isYear(timeUnitMode) && (\n        <Button\n          fontSize={fontSize}\n          h={h}\n          onClick={() => onSetTimeUnitMode('day')}\n          variant=\"tertiary\"\n          px=\"6px\"\n          minW=\"auto\"\n        >\n          Year\n        </Button>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AAUA,MAAM,IAAI;AACV,MAAM,WAAW;;;;AAWjB,MAAa,kBAA2C,EAAE,mBAAmB,cAAc,gBAAgB;CACzG,OACE,qBAAC,KAAD;EAAK;EAAO,WAAW,GAAG,sBAAsB;EAAG,QAAO;EAAU,MAAK;EAAI,cAAa;EAAa,KAAI;YAA3G;GACG,MAAM,YAAY,KACjB,4CACE,oBAAC,QAAD;IACY;IACP;IACH,eAAe,kBAAkB,OAAO;IACxC,SAAQ;IACR,IAAG;IACH,MAAK;cAEJ,OAAO,UAAU,YAAY;GACxB,IACR,oBAAC,QAAD;IACY;IACP;IACH,eAAe,kBAAkB,MAAM;IACvC,SAAQ;IACR,IAAG;IACH,MAAK;cAEJ,UAAU,eAAe;GACpB,EACR;GAEH,QAAQ,YAAY,KACnB,oBAAC,QAAD;IACY;IACP;IACH,eAAe,kBAAkB,MAAM;IACvC,SAAQ;IACR,IAAG;IACH,MAAK;cAEJ,UAAU,eAAe;GACpB;GAET,OAAO,YAAY,KAClB,oBAAC,QAAD;IACY;IACP;IACH,eAAe,kBAAkB,KAAK;IACtC,SAAQ;IACR,IAAG;IACH,MAAK;cACN;GAEO;EAEP;;AAET"}

package/dist/calendar/components/yearPicker.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"yearPicker.js","names":["YearItem"],"sources":["../../../src/calendar/components/yearPicker.tsx"],"sourcesContent":["import { CalendarItem as YearItem, CalendarItemsContainer } from '../calendar.styles'\nimport type { TimeResult } from '../calendar.types'\n\ntype YearPickerProps = {\n  calendar: TimeResult\n  onSelectYear?: (date: Date) => void\n}\n\nexport const YearPicker = ({ calendar, onSelectYear }: YearPickerProps) => (\n  <CalendarItemsContainer className=\"vui-year-picker\">\n    {calendar.items.map(item => (\n      <YearItem\n        fontWeight={500}\n        key={item.date.getTime()}\n        onClick={(!item.isDisabled && onSelectYear?.(item.date)) || undefined}\n        {...item}\n        alignContent=\"center\"\n        textAlign=\"center\"\n      >\n        {item.date.getUTCFullYear()}\n      </YearItem>\n    ))}\n  </CalendarItemsContainer>\n)\n"],"mappings":";;;;AAQA,MAAa,cAAc,EAAE,UAAU,mBACrC,oBAAC,wBAAD;CAAwB,WAAU;WAC/B,SAAS,MAAM,KAAI,SAClB,oBAACA,cAAD;EACE,YAAY;EAEZ,SAAU,CAAC,KAAK,cAAc,eAAe,KAAK,IAAI,KAAM;EAC5D,GAAI;EACJ,cAAa;EACb,WAAU;YAET,KAAK,KAAK,eAAe;CAClB,GAPH,KAAK,KAAK,QAAQ,CAOf,CACX;AACqB"}
+{"version":3,"file":"yearPicker.js","names":["YearItem"],"sources":["../../../src/calendar/components/yearPicker.tsx"],"sourcesContent":["import type { TimeResult } from '../calendar.types'\n\nimport { CalendarItem as YearItem, CalendarItemsContainer } from '../calendar.styles'\n\ntype YearPickerProps = {\n  calendar: TimeResult\n  onSelectYear?: (date: Date) => void\n}\n\nexport const YearPicker = ({ calendar, onSelectYear }: YearPickerProps) => (\n  <CalendarItemsContainer className=\"vui-year-picker\">\n    {calendar.items.map(item => (\n      <YearItem\n        fontWeight={500}\n        key={item.date.getTime()}\n        onClick={(!item.isDisabled && onSelectYear?.(item.date)) || undefined}\n        {...item}\n        alignContent=\"center\"\n        textAlign=\"center\"\n      >\n        {item.date.getUTCFullYear()}\n      </YearItem>\n    ))}\n  </CalendarItemsContainer>\n)\n"],"mappings":";;;;AASA,MAAa,cAAc,EAAE,UAAU,mBACrC,oBAAC,wBAAD;CAAwB,WAAU;WAC/B,SAAS,MAAM,KAAI,SAClB,oBAACA,cAAD;EACE,YAAY;EAEZ,SAAU,CAAC,KAAK,cAAc,eAAe,KAAK,IAAI,KAAM;EAC5D,GAAI;EACJ,cAAa;EACb,WAAU;YAET,KAAK,KAAK,eAAe;CAClB,GAPH,KAAK,KAAK,QAAQ,CAOf,CACX;AACqB"}

package/dist/calendar/consts.js

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

package/dist/calendar/hooks/useBoundaries.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"useBoundaries.js","names":[],"sources":["../../../src/calendar/hooks/useBoundaries.ts"],"sourcesContent":["import type { DateRange } from '../calendar.types'\nimport { maxDateTimestamp, minDateTimestamp } from '../consts'\n\n/**\n * Calculates boundaries for max/min dates allowed\n * Memoized so it will only recalculate when the boundaries changes\n */\nexport const useBoundaries = ({ boundaries }: { boundaries?: DateRange }) => {\n  const min = new Date(minDateTimestamp)\n  const max = new Date(maxDateTimestamp)\n\n  const minDateTime = boundaries?.startDate || min\n  const maxDateTime = boundaries?.endDate || max\n\n  return { maxDateTime, minDateTime }\n}\n"],"mappings":";;;;;;;AAOA,MAAa,iBAAiB,EAAE,iBAA6C;CAC3E,MAAM,MAAM,IAAI,KAAK,gBAAgB;CACrC,MAAM,MAAM,IAAI,KAAK,gBAAgB;CAErC,MAAM,cAAc,YAAY,aAAa;CAG7C,OAAO;EAAE,aAFW,YAAY,WAAW;EAErB;CAAY;AACpC"}
+{"version":3,"file":"useBoundaries.js","names":[],"sources":["../../../src/calendar/hooks/useBoundaries.ts"],"sourcesContent":["import type { DateRange } from '../calendar.types'\n\nimport { maxDateTimestamp, minDateTimestamp } from '../consts'\n\n/**\n * Calculates boundaries for max/min dates allowed\n * Memoized so it will only recalculate when the boundaries changes\n */\nexport const useBoundaries = ({ boundaries }: { boundaries?: DateRange }) => {\n  const min = new Date(minDateTimestamp)\n  const max = new Date(maxDateTimestamp)\n\n  const minDateTime = boundaries?.startDate || min\n  const maxDateTime = boundaries?.endDate || max\n\n  return { maxDateTime, minDateTime }\n}\n"],"mappings":";;;;;;;AAQA,MAAa,iBAAiB,EAAE,iBAA6C;CAC3E,MAAM,MAAM,IAAI,KAAK,gBAAgB;CACrC,MAAM,MAAM,IAAI,KAAK,gBAAgB;CAErC,MAAM,cAAc,YAAY,aAAa;CAG7C,OAAO;EAAE,aAFW,YAAY,WAAW;EAErB;CAAY;AACpC"}

package/dist/calendar/hooks/useCalendar.js

@@ -115,5 +115,5 @@ const useCalendar = ({ boundaries, selectedDates, mode = "exact", timeUnitMode,
 
 //#endregion
 export { useCalendar };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.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":"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"}
+{"version":3,"file":"useCalendar.js","names":[],"sources":["../../../src/calendar/hooks/useCalendar.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { MonthProps, TimeItem, TimeResult } from '../calendar.types'\n\nimport { generateDateByUTCValue, getDateUTCValue, sameDate, sameYear, sameYearSameMonth } from '../../utils'\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          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.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=useDefaultViewMonth.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDefaultViewMonth.js","names":[],"sources":["../../../src/calendar/hooks/useDefaultViewMonth.ts"],"sourcesContent":["import type { DefaultViewMonthProps } from '../calendar.types'\n\n/**\n * Calculates the default view date, either using selected date, current date or boundaries\n * Used when initializing, after that viewDate will be set\n * Memoized so will only recalculate when boundaries or selectedDate changes\n */\nexport const useDefaultViewMonth = ({ boundaries, selectedDate, isStartDate }: DefaultViewMonthProps) => {\n  if (selectedDate) return selectedDate\n\n  // eslint-disable-next-line @eslint-react/purity\n  const currentDate = new Date()\n  if (!boundaries) return currentDate\n\n  if (boundaries.endDate && currentDate > boundaries.endDate && !isStartDate) return boundaries.endDate\n  if (boundaries.startDate && currentDate > boundaries.startDate && isStartDate) return boundaries.startDate\n\n  return currentDate\n}\n"],"mappings":";;;;;;AAOA,MAAa,uBAAuB,EAAE,YAAY,cAAc,kBAAyC;CACvG,IAAI,cAAc,OAAO;CAGzB,MAAM,8BAAc,IAAI,KAAK;CAC7B,IAAI,CAAC,YAAY,OAAO;CAExB,IAAI,WAAW,WAAW,cAAc,WAAW,WAAW,CAAC,aAAa,OAAO,WAAW;CAC9F,IAAI,WAAW,aAAa,cAAc,WAAW,aAAa,aAAa,OAAO,WAAW;CAEjG,OAAO;AACT"}
+{"version":3,"file":"useDefaultViewMonth.js","names":[],"sources":["../../../src/calendar/hooks/useDefaultViewMonth.ts"],"sourcesContent":["import type { DefaultViewMonthProps } from '../calendar.types'\n\n/**\n * Calculates the default view date, either using selected date, current date or boundaries\n * Used when initializing, after that viewDate will be set\n * Memoized so will only recalculate when boundaries or selectedDate changes\n */\nexport const useDefaultViewMonth = ({ boundaries, selectedDate, isStartDate }: DefaultViewMonthProps) => {\n  if (selectedDate) return selectedDate\n\n  const currentDate = new Date()\n  if (!boundaries) return currentDate\n\n  if (boundaries.endDate && currentDate > boundaries.endDate && !isStartDate) return boundaries.endDate\n  if (boundaries.startDate && currentDate > boundaries.startDate && isStartDate) return boundaries.startDate\n\n  return currentDate\n}\n"],"mappings":";;;;;;AAOA,MAAa,uBAAuB,EAAE,YAAY,cAAc,kBAAyC;CACvG,IAAI,cAAc,OAAO;CAEzB,MAAM,8BAAc,IAAI,KAAK;CAC7B,IAAI,CAAC,YAAY,OAAO;CAExB,IAAI,WAAW,WAAW,cAAc,WAAW,WAAW,CAAC,aAAa,OAAO,WAAW;CAC9F,IAAI,WAAW,aAAa,cAAc,WAAW,aAAa,aAAa,OAAO,WAAW;CAEjG,OAAO;AACT"}

package/dist/calendar/hooks/useSelectedDate.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"useSelectedDate.js","names":[],"sources":["../../../src/calendar/hooks/useSelectedDate.ts"],"sourcesContent":["import type { CalendarMode, DateRange } from '../calendar.types'\nimport { isExact, isFrom } from '../utils'\n\n/**\n * Calculate the selected dates\n * If we are in single calendar mode, will use the startDate as selected date\n * Memoized so will only recalculate when selectedDates or mode changes\n */\nexport const useSelectedDate = ({ selectedDates, mode }: { mode: CalendarMode; selectedDates?: DateRange }) => {\n  const currentDateTime = isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate\n\n  const minSelectedDateTime = selectedDates?.startDate || undefined\n  const maxSelectedDateTime = selectedDates?.endDate || undefined\n\n  return {\n    currentDateTime,\n    maxSelectedDateTime,\n    minSelectedDateTime,\n  }\n}\n"],"mappings":";;;;;;;;AAQA,MAAa,mBAAmB,EAAE,eAAe,WAA8D;CAC7G,MAAM,kBAAkB,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,eAAe,YAAY,eAAe;CAElG,MAAM,sBAAsB,eAAe,aAAa;CAGxD,OAAO;EACL;EACA,qBAJ0B,eAAe,WAAW;EAKpD;CACF;AACF"}
+{"version":3,"file":"useSelectedDate.js","names":[],"sources":["../../../src/calendar/hooks/useSelectedDate.ts"],"sourcesContent":["import type { CalendarMode, DateRange } from '../calendar.types'\n\nimport { isExact, isFrom } from '../utils'\n\n/**\n * Calculate the selected dates\n * If we are in single calendar mode, will use the startDate as selected date\n * Memoized so will only recalculate when selectedDates or mode changes\n */\nexport const useSelectedDate = ({ selectedDates, mode }: { mode: CalendarMode; selectedDates?: DateRange }) => {\n  const currentDateTime = isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate\n\n  const minSelectedDateTime = selectedDates?.startDate || undefined\n  const maxSelectedDateTime = selectedDates?.endDate || undefined\n\n  return {\n    currentDateTime,\n    maxSelectedDateTime,\n    minSelectedDateTime,\n  }\n}\n"],"mappings":";;;;;;;;AASA,MAAa,mBAAmB,EAAE,eAAe,WAA8D;CAC7G,MAAM,kBAAkB,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,eAAe,YAAY,eAAe;CAElG,MAAM,sBAAsB,eAAe,aAAa;CAGxD,OAAO;EACL;EACA,qBAJ0B,eAAe,WAAW;EAKpD;CACF;AACF"}

package/dist/calendar/theme.js

@@ -12,5 +12,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.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.2.2"
+globalThis.__vuiVersion__ = "5.3.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,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"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/calendar/utils.ts"],"sourcesContent":["import type { CalendarMode, DateRange, FlowDirection, TimeItem, TimeUnitMode } from './calendar.types'\n\nimport { generateDateByUTCValue, getDateUTCValue, sameYear, sameYearSameMonth } from '../utils'\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":";;;;AAKA,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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","names":[],"sources":["../../src/card/card.tsx"],"mappings":";;;;;;;cAUa,IAAA,EAAI,YAAA,QAAA,SAAA"}
+{"version":3,"file":"card.d.ts","names":[],"sources":["../../src/card/card.tsx"],"mappings":";;;;;;;cAWa,IAAA,EAAI,YAAA,QAAA,SAAA"}

package/dist/card/card.js

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