@veracity/vui 5.2.2 → 5.3.0-alpha.399291.2606221048

package/dist/sidemenuV2/sidemenuV2.d.ts

@@ -1,6 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
-import { SidemenuStateProvider, useSidemenuContext } from "./context.js";
 import { SidemenuV2Props } from "./sidemenuV2.types.js";
+import { SidemenuStateProvider, useSidemenuContext } from "./context.js";
 import { SidemenuItemV2 } from "./sidemenuItemV2.js";
 import { SidemenuTopV2 } from "./sidemenuTopV2.js";
 

package/dist/sidemenuV2/sidemenuV2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenuV2.d.ts","names":[],"sources":["../../src/sidemenuV2/sidemenuV2.tsx"],"mappings":";;;;;;;;cAkBa,UAAA,EA2CP,YAAA,QAAoB,eAAA;EACxB,IAAA,SAAa,cAAA;EACb,GAAA,SAAY,aAAA;AAAA"}
+{"version":3,"file":"sidemenuV2.d.ts","names":[],"sources":["../../src/sidemenuV2/sidemenuV2.tsx"],"mappings":";;;;;;;;cAmBa,UAAA,EA2CP,YAAA,QAAoB,eAAA;EACxB,IAAA,SAAa,cAAA;EACb,GAAA,SAAY,aAAA;AAAA"}

package/dist/sidemenuV2/sidemenuV2.js

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

package/dist/sidemenuV2/sidemenuV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenuV2.js","names":[],"sources":["../../src/sidemenuV2/sidemenuV2.tsx"],"sourcesContent":["import { useMemo, useCallback } from 'react'\n\nimport Box from '../box'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport type { VuiComponent } from '../core'\nimport Icon from '../icon'\nimport { cs, isActivePath, generateMenuItemId } from '../utils'\nimport { collapsedWidth, expandedWidth } from './consts'\nimport { SidemenuStateProvider, useSidemenuContext } from './context'\nimport SidemenuItemV2 from './sidemenuItemV2'\nimport SidemenuTopV2 from './sidemenuTopV2'\nimport type { SidemenuItemV2Props, SidemenuV2Props } from './sidemenuV2.types'\n\n// Re-export context provider and hook\nexport { SidemenuStateProvider, useSidemenuContext }\n\n/** A collapsible side menu for navigation. */\nexport const SidemenuV2 = vui<'div', SidemenuV2Props>((props, ref) => {\n  const {\n    isExpandedInitial = true, // Uncontrolled: only affects initial state\n    onExpandedChange, // Extract this to prevent it from being passed to DOM\n    size,\n    variant = 'light',\n    children,\n    className,\n    items,\n    shouldExpand,\n    isSticky,\n    width,\n    top,\n    onNavigate,\n    ...restProps // Only DOM-safe props remain\n  } = props\n\n  return (\n    <SidemenuStateProvider\n      isExpandedInitial={isExpandedInitial}\n      onExpandedChange={onExpandedChange}\n      variant={variant}\n      size={size}\n      isDark={variant === 'dark'}\n    >\n      <SidemenuInner\n        ref={ref}\n        // Only pass DOM-safe props, not onExpandedChange\n        className={className}\n        items={items}\n        shouldExpand={shouldExpand}\n        isSticky={isSticky}\n        size={size}\n        variant={variant}\n        width={width}\n        top={top}\n        onNavigate={onNavigate}\n        {...restProps} // Remaining DOM-safe props\n      >\n        {children}\n      </SidemenuInner>\n    </SidemenuStateProvider>\n  )\n}) as VuiComponent<'div', SidemenuV2Props> & {\n  Item: typeof SidemenuItemV2\n  Top: typeof SidemenuTopV2\n}\n\n// Inner component that uses context\nconst SidemenuInner = vui<'div', SidemenuV2Props>((props, ref) => {\n  const {\n    children,\n    className,\n    items,\n    shouldExpand, // Callback: fine-grained control over expansion\n    isSticky = false,\n    size,\n    variant = 'light',\n    width = expandedWidth,\n    top,\n    onNavigate,\n    ...rest\n  } = props\n\n  // Get state from context\n  const context = useSidemenuContext()\n  const { isMenuExpanded = false, setIsExpanded } = context || {}\n\n  // Get styles configuration early\n  const styles = useStyleConfig('SidemenuV2', props)\n\n  // Memoized boolean conditions\n  const conditions = useMemo(\n    () => ({\n      isDark: variant === 'dark',\n      hasItems: !!items,\n      shouldShowItems: !!items && items.length > 0,\n      isMenuSticky: isSticky,\n      isMenuExpanded: isMenuExpanded,\n    }),\n    [variant, items, isSticky, isMenuExpanded],\n  )\n\n  // Memoized computed values for styling and behavior\n  const computedValues = useMemo(() => {\n    // Get toggle button config from theme\n    const toggleButtonTheme = styles.toggleButton || {}\n    const currentSize = size || 'md' // Ensure we have a valid size\n    const sizeStyles = (styles as any).sizes?.[currentSize] || {}\n    const toggleButtonSizeTheme = sizeStyles.toggleButton || {}\n\n    // Merge base theme with size-specific overrides\n    const toggleConfig = {\n      baseHeight: toggleButtonSizeTheme.baseHeight || toggleButtonTheme.baseHeight || 52,\n      basePadding: toggleButtonSizeTheme.basePadding || toggleButtonTheme.basePadding || 2,\n      expandedPaddingMultiplier: toggleButtonTheme.expandedPaddingMultiplier || 5,\n      expandedWidth: toggleButtonTheme.expandedWidth || '52px',\n      collapsedWidth: toggleButtonTheme.collapsedWidth || '100%',\n    }\n\n    // Helper function for consistent top position formatting\n    const getMenuTopPosition = (isSticky: boolean, topValue?: any): string => {\n      if (!isSticky) return 'auto'\n\n      if (typeof topValue === 'string') return topValue\n      if (typeof topValue === 'number') return `${topValue}px`\n\n      return '0px' // fallback for undefined/null/complex types\n    }\n\n    return {\n      menuWidth: conditions.isMenuExpanded ? width : collapsedWidth,\n      toggleArrowDirection: conditions.isMenuExpanded ? 'Left' : 'Right',\n      toggleButtonJustification: conditions.isMenuExpanded ? 'flex-end' : 'center',\n      toggleButtonVariant: styles.toggleButton?.variant || (conditions.isDark ? 'tertiaryLight' : 'tertiaryDark'),\n      toggleAriaLabel: conditions.isMenuExpanded ? 'Collapse menu' : 'Expand menu',\n      toggleButtonPadding: toggleConfig.basePadding,\n      toggleButtonVerticalPadding: conditions.isMenuExpanded\n        ? toggleConfig.basePadding * toggleConfig.expandedPaddingMultiplier\n        : toggleConfig.basePadding,\n      toggleButtonHeight: toggleConfig.baseHeight,\n      toggleButtonWidth: conditions.isMenuExpanded ? toggleConfig.expandedWidth : toggleConfig.collapsedWidth,\n      menuPosition: conditions.isMenuSticky ? 'sticky' : 'static',\n      menuTopPosition: getMenuTopPosition(conditions.isMenuSticky, top),\n    }\n  }, [conditions, width, top, styles, size])\n\n  // Memoized icon name\n  const toggleIcon = useMemo(\n    () => `falArrow${computedValues.toggleArrowDirection}` as const,\n    [computedValues.toggleArrowDirection],\n  )\n\n  // Stable callback for toggle (simplified)\n  const handleToggle = useCallback(() => {\n    const newExpandedState = !conditions.isMenuExpanded\n\n    // Check if expansion should be allowed via callback\n    if (shouldExpand && !shouldExpand('toggle', conditions.isMenuExpanded)) {\n      return // Block the toggle\n    }\n\n    // Update state via context\n    setIsExpanded?.(newExpandedState)\n  }, [conditions.isMenuExpanded, shouldExpand, setIsExpanded])\n\n  // Stable callback for item click - with expansion control\n  const handleItemClick = useCallback(\n    (item: SidemenuItemV2Props) => {\n      // Early return for clarity\n      if (shouldExpand && item?.path) {\n        const shouldExpandOnNav = shouldExpand('navigation', conditions.isMenuExpanded)\n        if (typeof shouldExpandOnNav === 'boolean' && shouldExpandOnNav !== conditions.isMenuExpanded) {\n          setIsExpanded?.(shouldExpandOnNav)\n        }\n      }\n      // Call item click handler\n      item?.onClick?.()\n      // Navigate if path exists\n      if (item?.path) onNavigate?.(item.path)\n    },\n    [onNavigate, shouldExpand, conditions.isMenuExpanded, setIsExpanded],\n  )\n\n  // Create stable item click handlers\n  const itemClickHandlers = useMemo(() => {\n    return (items ?? []).reduce<Record<string, () => void>>((handlers, item, index) => {\n      const itemId = item.itemId || item.path || generateMenuItemId(item.title, item.level || 0) || `item-${index}`\n      handlers[itemId] = () => handleItemClick(item)\n      return handlers\n    }, {})\n  }, [items, handleItemClick])\n\n  // Memoized items rendering\n  const renderedItems = useMemo(() => {\n    if (!conditions.shouldShowItems) return children\n\n    return items?.map?.((item: SidemenuItemV2Props, index: number) => {\n      // Use consistent itemId generation that matches the component's logic\n      const itemId = item.itemId || item.path || generateMenuItemId(item.title, item.level || 0) || `item-${index}`\n\n      // Use explicit isActive prop if provided, otherwise calculate from path\n      const calculatedIsActive = item.isActive !== undefined ? item.isActive : isActivePath(item?.path || '')\n\n      return (\n        <SidemenuItemV2\n          isActive={calculatedIsActive}\n          onBottom={item.onBottom}\n          key={itemId}\n          itemId={itemId}\n          level={item.level || 0}\n          {...item}\n          onClick={itemClickHandlers[itemId]}\n        />\n      )\n    })\n  }, [conditions.shouldShowItems, conditions.isMenuExpanded, items, children, itemClickHandlers])\n\n  // Memoized CSS class names\n  const cssClasses = useMemo(\n    () =>\n      cs(\n        'vui-sidemenu',\n        `vui-sidemenu--${variant}`,\n        conditions.isMenuExpanded && 'vui-sidemenu--expanded',\n        !conditions.isMenuExpanded && 'vui-sidemenu--collapsed',\n        conditions.isDark && 'vui-sidemenu--dark',\n        conditions.isMenuSticky && 'vui-sidemenu--sticky',\n        className,\n      ),\n    [variant, conditions, className],\n  )\n\n  // Memoized container props\n  const containerProps = useMemo(\n    () => ({\n      className: cssClasses,\n      flexDirection: 'column' as const,\n      overflowX: 'hidden' as const,\n      position: computedValues.menuPosition,\n      ref,\n      top: computedValues.menuTopPosition,\n      transitionDuration: 'normal' as const,\n      transitionProperty: 'width' as const,\n      w: computedValues.menuWidth,\n\n      ...styles.container,\n      ...rest,\n    }),\n    [\n      cssClasses,\n      computedValues.menuPosition,\n      computedValues.menuTopPosition,\n      computedValues.menuWidth,\n      ref,\n      styles.container,\n      rest,\n    ],\n  )\n\n  // Memoized toggle button props with complete dependencies\n  const toggleButtonProps = useMemo(\n    () => ({\n      'aria-expanded': conditions.isMenuExpanded,\n      'aria-label': computedValues.toggleAriaLabel,\n      border: 0,\n      borderRadius: 0,\n      justifyContent: computedValues.toggleButtonJustification,\n      minHeight: `${computedValues.toggleButtonHeight}px`,\n      minWidth: 0,\n      onClick: handleToggle,\n      px: computedValues.toggleButtonPadding,\n      py: `${computedValues.toggleButtonVerticalPadding}px`,\n      size: 'lg' as const,\n      variant: computedValues.toggleButtonVariant,\n      w: computedValues.toggleButtonWidth,\n      flexShrink: 0,\n      transition: styles.toggleButton?.transition || 'padding 0.2s ease-in-out, width 0.2s ease-in-out',\n    }),\n    [\n      computedValues.toggleAriaLabel,\n      computedValues.toggleButtonJustification,\n      computedValues.toggleButtonVariant,\n      computedValues.toggleButtonPadding,\n      computedValues.toggleButtonVerticalPadding,\n      computedValues.toggleButtonHeight,\n      computedValues.toggleButtonWidth,\n      conditions.isMenuExpanded,\n      handleToggle,\n      styles.toggleButton,\n    ],\n  )\n\n  return (\n    <Box elevation=\"1\" {...containerProps}>\n      <Box\n        className=\"vui-sidemenu-content\"\n        flexDirection=\"column\"\n        flexGrow={1}\n        justifyContent=\"flex-start\"\n        minW={expandedWidth}\n        overflowX=\"hidden\"\n        overflowY=\"auto\"\n        w=\"100%\"\n        role=\"navigation\"\n        aria-label=\"Main navigation\"\n      >\n        {renderedItems}\n      </Box>\n\n      <Box\n        className=\"vui-sidemenu-bottom\"\n        justifyContent={conditions.isMenuExpanded ? 'flex-end' : 'flex-start'}\n        borderTop=\"1px solid sandstone.main\"\n      >\n        <Button key=\"sidemenu-toggle-button\" {...toggleButtonProps}>\n          <Icon name={toggleIcon} size=\"sm\" aria-hidden=\"true\" />\n        </Button>\n      </Box>\n    </Box>\n  )\n}) as VuiComponent<'div', SidemenuV2Props> & {\n  Top: typeof SidemenuTopV2\n  Item: typeof SidemenuItemV2\n}\n\nSidemenuV2.Item = SidemenuItemV2\nSidemenuV2.Top = SidemenuTopV2\nSidemenuV2.displayName = 'SidemenuV2'\n\nexport default SidemenuV2\n"],"mappings":"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"}
+{"version":3,"file":"sidemenuV2.js","names":[],"sources":["../../src/sidemenuV2/sidemenuV2.tsx"],"sourcesContent":["import { useMemo, useCallback } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport type { SidemenuItemV2Props, SidemenuV2Props } from './sidemenuV2.types'\n\nimport Box from '../box'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport { cs, isActivePath, generateMenuItemId } from '../utils'\nimport { collapsedWidth, expandedWidth } from './consts'\nimport { SidemenuStateProvider, useSidemenuContext } from './context'\nimport SidemenuItemV2 from './sidemenuItemV2'\nimport SidemenuTopV2 from './sidemenuTopV2'\n\n// Re-export context provider and hook\nexport { SidemenuStateProvider, useSidemenuContext }\n\n/** A collapsible side menu for navigation. */\nexport const SidemenuV2 = vui<'div', SidemenuV2Props>((props, ref) => {\n  const {\n    isExpandedInitial = true, // Uncontrolled: only affects initial state\n    onExpandedChange, // Extract this to prevent it from being passed to DOM\n    size,\n    variant = 'light',\n    children,\n    className,\n    items,\n    shouldExpand,\n    isSticky,\n    width,\n    top,\n    onNavigate,\n    ...restProps // Only DOM-safe props remain\n  } = props\n\n  return (\n    <SidemenuStateProvider\n      isExpandedInitial={isExpandedInitial}\n      onExpandedChange={onExpandedChange}\n      variant={variant}\n      size={size}\n      isDark={variant === 'dark'}\n    >\n      <SidemenuInner\n        ref={ref}\n        // Only pass DOM-safe props, not onExpandedChange\n        className={className}\n        items={items}\n        shouldExpand={shouldExpand}\n        isSticky={isSticky}\n        size={size}\n        variant={variant}\n        width={width}\n        top={top}\n        onNavigate={onNavigate}\n        {...restProps} // Remaining DOM-safe props\n      >\n        {children}\n      </SidemenuInner>\n    </SidemenuStateProvider>\n  )\n}) as VuiComponent<'div', SidemenuV2Props> & {\n  Item: typeof SidemenuItemV2\n  Top: typeof SidemenuTopV2\n}\n\n// Inner component that uses context\nconst SidemenuInner = vui<'div', SidemenuV2Props>((props, ref) => {\n  const {\n    children,\n    className,\n    items,\n    shouldExpand, // Callback: fine-grained control over expansion\n    isSticky = false,\n    size,\n    variant = 'light',\n    width = expandedWidth,\n    top,\n    onNavigate,\n    ...rest\n  } = props\n\n  // Get state from context\n  const context = useSidemenuContext()\n  const { isMenuExpanded = false, setIsExpanded } = context || {}\n\n  // Get styles configuration early\n  const styles = useStyleConfig('SidemenuV2', props)\n\n  // Memoized boolean conditions\n  const conditions = useMemo(\n    () => ({\n      isDark: variant === 'dark',\n      hasItems: !!items,\n      shouldShowItems: !!items && items.length > 0,\n      isMenuSticky: isSticky,\n      isMenuExpanded: isMenuExpanded,\n    }),\n    [variant, items, isSticky, isMenuExpanded],\n  )\n\n  // Memoized computed values for styling and behavior\n  const computedValues = useMemo(() => {\n    // Get toggle button config from theme\n    const toggleButtonTheme = styles.toggleButton || {}\n    const currentSize = size || 'md' // Ensure we have a valid size\n    const sizeStyles = (styles as any).sizes?.[currentSize] || {}\n    const toggleButtonSizeTheme = sizeStyles.toggleButton || {}\n\n    // Merge base theme with size-specific overrides\n    const toggleConfig = {\n      baseHeight: toggleButtonSizeTheme.baseHeight || toggleButtonTheme.baseHeight || 52,\n      basePadding: toggleButtonSizeTheme.basePadding || toggleButtonTheme.basePadding || 2,\n      expandedPaddingMultiplier: toggleButtonTheme.expandedPaddingMultiplier || 5,\n      expandedWidth: toggleButtonTheme.expandedWidth || '52px',\n      collapsedWidth: toggleButtonTheme.collapsedWidth || '100%',\n    }\n\n    // Helper function for consistent top position formatting\n    const getMenuTopPosition = (isSticky: boolean, topValue?: any): string => {\n      if (!isSticky) return 'auto'\n\n      if (typeof topValue === 'string') return topValue\n      if (typeof topValue === 'number') return `${topValue}px`\n\n      return '0px' // fallback for undefined/null/complex types\n    }\n\n    return {\n      menuWidth: conditions.isMenuExpanded ? width : collapsedWidth,\n      toggleArrowDirection: conditions.isMenuExpanded ? 'Left' : 'Right',\n      toggleButtonJustification: conditions.isMenuExpanded ? 'flex-end' : 'center',\n      toggleButtonVariant: styles.toggleButton?.variant || (conditions.isDark ? 'tertiaryLight' : 'tertiaryDark'),\n      toggleAriaLabel: conditions.isMenuExpanded ? 'Collapse menu' : 'Expand menu',\n      toggleButtonPadding: toggleConfig.basePadding,\n      toggleButtonVerticalPadding: conditions.isMenuExpanded\n        ? toggleConfig.basePadding * toggleConfig.expandedPaddingMultiplier\n        : toggleConfig.basePadding,\n      toggleButtonHeight: toggleConfig.baseHeight,\n      toggleButtonWidth: conditions.isMenuExpanded ? toggleConfig.expandedWidth : toggleConfig.collapsedWidth,\n      menuPosition: conditions.isMenuSticky ? 'sticky' : 'static',\n      menuTopPosition: getMenuTopPosition(conditions.isMenuSticky, top),\n    }\n  }, [conditions, width, top, styles, size])\n\n  // Memoized icon name\n  const toggleIcon = useMemo(\n    () => `falArrow${computedValues.toggleArrowDirection}` as const,\n    [computedValues.toggleArrowDirection],\n  )\n\n  // Stable callback for toggle (simplified)\n  const handleToggle = useCallback(() => {\n    const newExpandedState = !conditions.isMenuExpanded\n\n    // Check if expansion should be allowed via callback\n    if (shouldExpand && !shouldExpand('toggle', conditions.isMenuExpanded)) {\n      return // Block the toggle\n    }\n\n    // Update state via context\n    setIsExpanded?.(newExpandedState)\n  }, [conditions.isMenuExpanded, shouldExpand, setIsExpanded])\n\n  // Stable callback for item click - with expansion control\n  const handleItemClick = useCallback(\n    (item: SidemenuItemV2Props) => {\n      // Early return for clarity\n      if (shouldExpand && item?.path) {\n        const shouldExpandOnNav = shouldExpand('navigation', conditions.isMenuExpanded)\n        if (typeof shouldExpandOnNav === 'boolean' && shouldExpandOnNav !== conditions.isMenuExpanded) {\n          setIsExpanded?.(shouldExpandOnNav)\n        }\n      }\n      // Call item click handler\n      item?.onClick?.()\n      // Navigate if path exists\n      if (item?.path) onNavigate?.(item.path)\n    },\n    [onNavigate, shouldExpand, conditions.isMenuExpanded, setIsExpanded],\n  )\n\n  // Create stable item click handlers\n  const itemClickHandlers = useMemo(() => {\n    return (items ?? []).reduce<Record<string, () => void>>((handlers, item, index) => {\n      const itemId = item.itemId || item.path || generateMenuItemId(item.title, item.level || 0) || `item-${index}`\n      handlers[itemId] = () => handleItemClick(item)\n      return handlers\n    }, {})\n  }, [items, handleItemClick])\n\n  // Memoized items rendering\n  const renderedItems = useMemo(() => {\n    if (!conditions.shouldShowItems) return children\n\n    return items?.map?.((item: SidemenuItemV2Props, index: number) => {\n      // Use consistent itemId generation that matches the component's logic\n      const itemId = item.itemId || item.path || generateMenuItemId(item.title, item.level || 0) || `item-${index}`\n\n      // Use explicit isActive prop if provided, otherwise calculate from path\n      const calculatedIsActive = item.isActive !== undefined ? item.isActive : isActivePath(item?.path || '')\n\n      return (\n        <SidemenuItemV2\n          isActive={calculatedIsActive}\n          onBottom={item.onBottom}\n          key={itemId}\n          itemId={itemId}\n          level={item.level || 0}\n          {...item}\n          onClick={itemClickHandlers[itemId]}\n        />\n      )\n    })\n  }, [conditions.shouldShowItems, conditions.isMenuExpanded, items, children, itemClickHandlers])\n\n  // Memoized CSS class names\n  const cssClasses = useMemo(\n    () =>\n      cs(\n        'vui-sidemenu',\n        `vui-sidemenu--${variant}`,\n        conditions.isMenuExpanded && 'vui-sidemenu--expanded',\n        !conditions.isMenuExpanded && 'vui-sidemenu--collapsed',\n        conditions.isDark && 'vui-sidemenu--dark',\n        conditions.isMenuSticky && 'vui-sidemenu--sticky',\n        className,\n      ),\n    [variant, conditions, className],\n  )\n\n  // Memoized container props\n  const containerProps = useMemo(\n    () => ({\n      className: cssClasses,\n      flexDirection: 'column' as const,\n      overflowX: 'hidden' as const,\n      position: computedValues.menuPosition,\n      ref,\n      top: computedValues.menuTopPosition,\n      transitionDuration: 'normal' as const,\n      transitionProperty: 'width' as const,\n      w: computedValues.menuWidth,\n\n      ...styles.container,\n      ...rest,\n    }),\n    [\n      cssClasses,\n      computedValues.menuPosition,\n      computedValues.menuTopPosition,\n      computedValues.menuWidth,\n      ref,\n      styles.container,\n      rest,\n    ],\n  )\n\n  // Memoized toggle button props with complete dependencies\n  const toggleButtonProps = useMemo(\n    () => ({\n      'aria-expanded': conditions.isMenuExpanded,\n      'aria-label': computedValues.toggleAriaLabel,\n      border: 0,\n      borderRadius: 0,\n      justifyContent: computedValues.toggleButtonJustification,\n      minHeight: `${computedValues.toggleButtonHeight}px`,\n      minWidth: 0,\n      onClick: handleToggle,\n      px: computedValues.toggleButtonPadding,\n      py: `${computedValues.toggleButtonVerticalPadding}px`,\n      size: 'lg' as const,\n      variant: computedValues.toggleButtonVariant,\n      w: computedValues.toggleButtonWidth,\n      flexShrink: 0,\n      transition: styles.toggleButton?.transition || 'padding 0.2s ease-in-out, width 0.2s ease-in-out',\n    }),\n    [\n      computedValues.toggleAriaLabel,\n      computedValues.toggleButtonJustification,\n      computedValues.toggleButtonVariant,\n      computedValues.toggleButtonPadding,\n      computedValues.toggleButtonVerticalPadding,\n      computedValues.toggleButtonHeight,\n      computedValues.toggleButtonWidth,\n      conditions.isMenuExpanded,\n      handleToggle,\n      styles.toggleButton,\n    ],\n  )\n\n  return (\n    <Box elevation=\"1\" {...containerProps}>\n      <Box\n        className=\"vui-sidemenu-content\"\n        flexDirection=\"column\"\n        flexGrow={1}\n        justifyContent=\"flex-start\"\n        minW={expandedWidth}\n        overflowX=\"hidden\"\n        overflowY=\"auto\"\n        w=\"100%\"\n        role=\"navigation\"\n        aria-label=\"Main navigation\"\n      >\n        {renderedItems}\n      </Box>\n\n      <Box\n        className=\"vui-sidemenu-bottom\"\n        justifyContent={conditions.isMenuExpanded ? 'flex-end' : 'flex-start'}\n        borderTop=\"1px solid sandstone.main\"\n      >\n        <Button key=\"sidemenu-toggle-button\" {...toggleButtonProps}>\n          <Icon name={toggleIcon} size=\"sm\" aria-hidden=\"true\" />\n        </Button>\n      </Box>\n    </Box>\n  )\n}) as VuiComponent<'div', SidemenuV2Props> & {\n  Top: typeof SidemenuTopV2\n  Item: typeof SidemenuItemV2\n}\n\nSidemenuV2.Item = SidemenuItemV2\nSidemenuV2.Top = SidemenuTopV2\nSidemenuV2.displayName = 'SidemenuV2'\n\nexport default SidemenuV2\n"],"mappings":"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"}

package/dist/sidemenuV2/theme.js

@@ -138,5 +138,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/sidemenuV2/useSidemenuItem.js

@@ -34,5 +34,5 @@ const useSidemenuItem = (itemId) => {
 
 //#endregion
 export { useSidemenuItem as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=useSidemenuItem.js.map

package/dist/skeleton/skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.ts","names":[],"sources":["../../src/skeleton/skeleton.tsx"],"mappings":";;;;cAKa,YAAA,8BAAY,eAAA,oCAAA,YAAA,EAExB,WAFwB;;;;cAMZ,QAAA,EAyBP,YAAY,QAAQ,aAAA"}
+{"version":3,"file":"skeleton.d.ts","names":[],"sources":["../../src/skeleton/skeleton.tsx"],"mappings":";;;;cAMa,YAAA,8BAAY,eAAA,oCAAA,YAAA,EAExB,WAFwB;;;;cAMZ,QAAA,EAyBP,YAAY,QAAQ,aAAA"}

package/dist/skeleton/skeleton.js

@@ -30,5 +30,5 @@ Skeleton.displayName = "Skeleton";
 
 //#endregion
 export { SkeletonBase, Skeleton as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=skeleton.js.map

package/dist/skeleton/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","names":[],"sources":["../../src/skeleton/skeleton.tsx"],"sourcesContent":["import type { VuiComponent } from '../core'\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { SkeletonProps } from './skeleton.types'\n\nexport const SkeletonBase = styled.divBox`\n  animation: vui-pulse 1.5s ease-in-out 0.5s infinite;\n`\n/**\n * Displays one or more animated skeleton elements to signify loading content.\n */\nexport const Skeleton = vui<'div', SkeletonProps>((props, ref) => {\n  const { className, repeat = 1, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Skeleton', props)\n\n  const arr = Array(repeat).fill(0)\n\n  const aliasedProps = filterUndefined({\n    w: props.variant === 'circle' ? styles.h : undefined,\n  })\n\n  return (\n    <>\n      {arr.map((_, i) => (\n        <SkeletonBase\n          aria-hidden=\"true\"\n          className={cs('vui-skeleton', className)}\n          key={i}\n          ref={ref}\n          {...styles}\n          {...aliasedProps}\n          {...rest}\n        />\n      ))}\n    </>\n  )\n}) as VuiComponent<'div', SkeletonProps>\n\nSkeleton.displayName = 'Skeleton'\n\nexport default Skeleton\n"],"mappings":";;;;;;;;AAKA,MAAa,eAAe,OAAO,MAAM;;;;;;AAMzC,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EAAE,WAAW,SAAS,GAAG,GAAG,SAAS,iBAAiB,KAAK;CACjE,MAAM,SAAS,eAAe,YAAY,KAAK;CAE/C,MAAM,MAAM,MAAM,MAAM,CAAC,CAAC,KAAK,CAAC;CAEhC,MAAM,eAAe,gBAAgB,EACnC,GAAG,MAAM,YAAY,WAAW,OAAO,IAAI,OAC7C,CAAC;CAED,OACE,0CACG,IAAI,KAAK,GAAG,MACX,oBAAC,cAAD;EACE,eAAY;EACZ,WAAW,GAAG,gBAAgB,SAAS;EAElC;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;CACL,GALM,CAKN,CACF,EACD;AAEN,CAAC;AAED,SAAS,cAAc"}
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../src/skeleton/skeleton.tsx"],"sourcesContent":["import type { VuiComponent } from '../core'\nimport type { SkeletonProps } from './skeleton.types'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\n\nexport const SkeletonBase = styled.divBox`\n  animation: vui-pulse 1.5s ease-in-out 0.5s infinite;\n`\n/**\n * Displays one or more animated skeleton elements to signify loading content.\n */\nexport const Skeleton = vui<'div', SkeletonProps>((props, ref) => {\n  const { className, repeat = 1, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Skeleton', props)\n\n  const arr = Array(repeat).fill(0)\n\n  const aliasedProps = filterUndefined({\n    w: props.variant === 'circle' ? styles.h : undefined,\n  })\n\n  return (\n    <>\n      {arr.map((_, i) => (\n        <SkeletonBase\n          aria-hidden=\"true\"\n          className={cs('vui-skeleton', className)}\n          key={i}\n          ref={ref}\n          {...styles}\n          {...aliasedProps}\n          {...rest}\n        />\n      ))}\n    </>\n  )\n}) as VuiComponent<'div', SkeletonProps>\n\nSkeleton.displayName = 'Skeleton'\n\nexport default Skeleton\n"],"mappings":";;;;;;;;AAMA,MAAa,eAAe,OAAO,MAAM;;;;;;AAMzC,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EAAE,WAAW,SAAS,GAAG,GAAG,SAAS,iBAAiB,KAAK;CACjE,MAAM,SAAS,eAAe,YAAY,KAAK;CAE/C,MAAM,MAAM,MAAM,MAAM,CAAC,CAAC,KAAK,CAAC;CAEhC,MAAM,eAAe,gBAAgB,EACnC,GAAG,MAAM,YAAY,WAAW,OAAO,IAAI,OAC7C,CAAC;CAED,OACE,0CACG,IAAI,KAAK,GAAG,MACX,oBAAC,cAAD;EACE,eAAY;EACZ,WAAW,GAAG,gBAAgB,SAAS;EAElC;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;CACL,GALM,CAKN,CACF,EACD;AAEN,CAAC;AAED,SAAS,cAAc"}

package/dist/skeleton/theme.js

@@ -26,5 +26,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/spinner/consts.js

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

package/dist/spinner/spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.d.ts","names":[],"sources":["../../src/spinner/spinner.tsx"],"mappings":";;;;cAOa,aAAA,8BAAa,eAAA,oCAAA,YAAA,EAIzB,WAJyB;;;;;AAA1B;cAWa,OAAA,EAAO,YAAA,QAAA,YAAA"}
+{"version":3,"file":"spinner.d.ts","names":[],"sources":["../../src/spinner/spinner.tsx"],"mappings":";;;;cAQa,aAAA,8BAAa,eAAA,oCAAA,YAAA,EAIzB,WAJyB;;;;;AAA1B;cAWa,OAAA,EAAO,YAAA,QAAA,YAAA"}

package/dist/spinner/spinner.js

@@ -61,5 +61,5 @@ Spinner.displayName = "Spinner";
 
 //#endregion
 export { SpinnerCircle, Spinner as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=spinner.js.map

package/dist/spinner/spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","names":[],"sources":["../../src/spinner/spinner.tsx"],"sourcesContent":["import Box from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs, filterUndefined } from '../utils'\nimport { spinnerPositionMapping, spinnerSpeedMapping } from './consts'\nimport type { SpinnerProps } from './spinner.types'\n\nexport const SpinnerCircle = styled.divBox`\n  border-radius: round;\n  display: flex;\n  flex-shrink: 0;\n`\n\n/**\n * Displays a spinning circular element with optional text to signify loading content.\n *\n * Handles different positioning scenarios, speeds and coloring of the circle.\n */\nexport const Spinner = vui<'div', SpinnerProps>((props, ref) => {\n  const {\n    className,\n    emptyColor,\n    size,\n    speed: speedProp = 'normal',\n    text,\n    textPosition = 'bottom',\n    thickness,\n    'aria-label': ariaLabel = typeof text === 'string' && text ? text : 'Loading',\n    ...rest\n  } = props\n\n  const styles = useStyleConfig('Spinner', props)\n  const isCustomSize = typeof size === 'number'\n  const positionProps = spinnerPositionMapping[textPosition]\n  const speed = spinnerSpeedMapping[speedProp] ?? speedProp\n\n  const circleProps = filterUndefined({\n    borderColor: emptyColor,\n    borderWidth: isCustomSize ? (thickness ?? 4) : thickness,\n    h: isCustomSize ? size : undefined,\n    w: isCustomSize ? size : undefined,\n  })\n\n  return (\n    <Box\n      aria-atomic=\"true\"\n      aria-label={ariaLabel}\n      center\n      className={cs('vui-spinner', className)}\n      gap={1}\n      ref={ref}\n      role=\"status\"\n      transitionDuration=\"fast\"\n      {...positionProps.container}\n      {...styles.container}\n      {...rest}\n    >\n      <SpinnerCircle\n        animation={`vui-spin ${speed} linear infinite`}\n        aria-hidden=\"true\"\n        className=\"vui-spinnerCircle\"\n        {...styles.circle}\n        {...circleProps}\n      />\n      {!!text && (\n        <T aria-hidden=\"true\" className=\"vui-spinnerText\" {...styles.text}>\n          {text}\n        </T>\n      )}\n    </Box>\n  )\n})\n\nSpinner.displayName = 'Spinner'\nexport default Spinner\n"],"mappings":";;;;;;;;;;;AAOA,MAAa,gBAAgB,OAAO,MAAM;;;;;;;;;;AAW1C,MAAa,UAAU,KAA0B,OAAO,QAAQ;CAC9D,MAAM,EACJ,WACA,YACA,MACA,OAAO,YAAY,UACnB,MACA,eAAe,UACf,WACA,cAAc,YAAY,OAAO,SAAS,YAAY,OAAO,OAAO,WACpE,GAAG,SACD;CAEJ,MAAM,SAAS,eAAe,WAAW,KAAK;CAC9C,MAAM,eAAe,OAAO,SAAS;CACrC,MAAM,gBAAgB,uBAAuB;CAC7C,MAAM,QAAQ,oBAAoB,cAAc;CAEhD,MAAM,cAAc,gBAAgB;EAClC,aAAa;EACb,aAAa,eAAgB,aAAa,IAAK;EAC/C,GAAG,eAAe,OAAO;EACzB,GAAG,eAAe,OAAO;CAC3B,CAAC;CAED,OACE,qBAAC,KAAD;EACE,eAAY;EACZ,cAAY;EACZ;EACA,WAAW,GAAG,eAAe,SAAS;EACtC,KAAK;EACA;EACL,MAAK;EACL,oBAAmB;EACnB,GAAI,cAAc;EAClB,GAAI,OAAO;EACX,GAAI;YAXN,CAaE,oBAAC,eAAD;GACE,WAAW,YAAY,MAAM;GAC7B,eAAY;GACZ,WAAU;GACV,GAAI,OAAO;GACX,GAAI;EACL,IACA,CAAC,CAAC,QACD,oBAAC,GAAD;GAAG,eAAY;GAAO,WAAU;GAAkB,GAAI,OAAO;aAC1D;EACA,EAEF;;AAET,CAAC;AAED,QAAQ,cAAc"}
+{"version":3,"file":"spinner.js","names":[],"sources":["../../src/spinner/spinner.tsx"],"sourcesContent":["import type { SpinnerProps } from './spinner.types'\n\nimport Box from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs, filterUndefined } from '../utils'\nimport { spinnerPositionMapping, spinnerSpeedMapping } from './consts'\n\nexport const SpinnerCircle = styled.divBox`\n  border-radius: round;\n  display: flex;\n  flex-shrink: 0;\n`\n\n/**\n * Displays a spinning circular element with optional text to signify loading content.\n *\n * Handles different positioning scenarios, speeds and coloring of the circle.\n */\nexport const Spinner = vui<'div', SpinnerProps>((props, ref) => {\n  const {\n    className,\n    emptyColor,\n    size,\n    speed: speedProp = 'normal',\n    text,\n    textPosition = 'bottom',\n    thickness,\n    'aria-label': ariaLabel = typeof text === 'string' && text ? text : 'Loading',\n    ...rest\n  } = props\n\n  const styles = useStyleConfig('Spinner', props)\n  const isCustomSize = typeof size === 'number'\n  const positionProps = spinnerPositionMapping[textPosition]\n  const speed = spinnerSpeedMapping[speedProp] ?? speedProp\n\n  const circleProps = filterUndefined({\n    borderColor: emptyColor,\n    borderWidth: isCustomSize ? (thickness ?? 4) : thickness,\n    h: isCustomSize ? size : undefined,\n    w: isCustomSize ? size : undefined,\n  })\n\n  return (\n    <Box\n      aria-atomic=\"true\"\n      aria-label={ariaLabel}\n      center\n      className={cs('vui-spinner', className)}\n      gap={1}\n      ref={ref}\n      role=\"status\"\n      transitionDuration=\"fast\"\n      {...positionProps.container}\n      {...styles.container}\n      {...rest}\n    >\n      <SpinnerCircle\n        animation={`vui-spin ${speed} linear infinite`}\n        aria-hidden=\"true\"\n        className=\"vui-spinnerCircle\"\n        {...styles.circle}\n        {...circleProps}\n      />\n      {!!text && (\n        <T aria-hidden=\"true\" className=\"vui-spinnerText\" {...styles.text}>\n          {text}\n        </T>\n      )}\n    </Box>\n  )\n})\n\nSpinner.displayName = 'Spinner'\nexport default Spinner\n"],"mappings":";;;;;;;;;;;AAQA,MAAa,gBAAgB,OAAO,MAAM;;;;;;;;;;AAW1C,MAAa,UAAU,KAA0B,OAAO,QAAQ;CAC9D,MAAM,EACJ,WACA,YACA,MACA,OAAO,YAAY,UACnB,MACA,eAAe,UACf,WACA,cAAc,YAAY,OAAO,SAAS,YAAY,OAAO,OAAO,WACpE,GAAG,SACD;CAEJ,MAAM,SAAS,eAAe,WAAW,KAAK;CAC9C,MAAM,eAAe,OAAO,SAAS;CACrC,MAAM,gBAAgB,uBAAuB;CAC7C,MAAM,QAAQ,oBAAoB,cAAc;CAEhD,MAAM,cAAc,gBAAgB;EAClC,aAAa;EACb,aAAa,eAAgB,aAAa,IAAK;EAC/C,GAAG,eAAe,OAAO;EACzB,GAAG,eAAe,OAAO;CAC3B,CAAC;CAED,OACE,qBAAC,KAAD;EACE,eAAY;EACZ,cAAY;EACZ;EACA,WAAW,GAAG,eAAe,SAAS;EACtC,KAAK;EACA;EACL,MAAK;EACL,oBAAmB;EACnB,GAAI,cAAc;EAClB,GAAI,OAAO;EACX,GAAI;YAXN,CAaE,oBAAC,eAAD;GACE,WAAW,YAAY,MAAM;GAC7B,eAAY;GACZ,WAAU;GACV,GAAI,OAAO;GACX,GAAI;EACL,IACA,CAAC,CAAC,QACD,oBAAC,GAAD;GAAG,eAAY;GAAO,WAAU;GAAkB,GAAI,OAAO;aAC1D;EACA,EAEF;;AAET,CAAC;AAED,QAAQ,cAAc"}

package/dist/spinner/theme.js

@@ -78,5 +78,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/stepIndicator/stepIndicator.d.ts.map

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

package/dist/stepIndicator/stepIndicator.js

@@ -51,7 +51,7 @@ const StepIndicator = vui((props, ref) => {
 		pointerEvents: "none",
 		position: "relative",
 		size,
-		px: size === "md" ? "12px" : "8px",
+		px: size === "md" ? "11px" : "7px",
 		children: [/* @__PURE__ */ jsx(Box, {
 			mx: .5,
 			position: "relative"
@@ -70,5 +70,5 @@ StepIndicator.displayName = "StepIndicator";
 
 //#endregion
 export { StepIndicator as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=stepIndicator.js.map

package/dist/stepIndicator/stepIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepIndicator.js","names":[],"sources":["../../src/stepIndicator/stepIndicator.tsx"],"sourcesContent":["import Box from '../box'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport { cs } from '../utils'\nimport type { StepIndicatorProps } from './stepIndicatorTypes'\n\nconst Content = ({ number, variant, size }: { number?: number; variant?: string; size?: string }) => {\n  if (typeof number === 'undefined') return null\n  if (variant === 'completed') return <Icon name=\"uiCheck\" size={size as any} />\n  if (variant === 'error') return <Icon name=\"uiTimes\" size={size as any} />\n  return (\n    <T fontSize={size === 'md' ? 16 : 14} fontWeight={600}>\n      {number}\n    </T>\n  )\n}\n\n/**\n * Implements stepper indicator **\n */\nexport const StepIndicator = vui<'div', StepIndicatorProps>((props, ref) => {\n  const { icon, number, className, size = 'md', variant = 'active', ...rest } = props\n  const styles = useStyleConfig('StepIndicator', props)\n\n  return icon ? (\n    <Button\n      className={cs('vui-stepIndicator', 'vui-stepIndicatorIcon', className)}\n      icon={icon}\n      ref={ref}\n      {...styles.icon}\n      {...rest}\n      isRound\n      minW=\"auto\"\n      pointerEvents=\"none\"\n      size={size}\n    />\n  ) : (\n    <Button\n      className={cs('vui-stepIndicator', 'vui-stepIndicatorNumber', className)}\n      ref={ref}\n      {...styles.button}\n      {...rest}\n      isRound\n      minW=\"auto\"\n      outline=\"6px solid white\"\n      pointerEvents=\"none\"\n      position=\"relative\"\n      size={size}\n      px={size === 'md' ? '12px' : '8px'}\n    >\n      <Box mx={0.5} position=\"relative\" />\n      <Box mx={0.5} position=\"absolute\">\n        <Content number={number} size={String(size)} variant={String(variant)} />\n      </Box>\n    </Button>\n  )\n})\n\nStepIndicator.displayName = 'StepIndicator'\n\nexport default StepIndicator\n"],"mappings":";;;;;;;;;;AAQA,MAAM,WAAW,EAAE,QAAQ,SAAS,WAAiE;CACnG,IAAI,OAAO,WAAW,aAAa,OAAO;CAC1C,IAAI,YAAY,aAAa,OAAO,oBAAC,MAAD;EAAM,MAAK;EAAgB;CAAc;CAC7E,IAAI,YAAY,SAAS,OAAO,oBAAC,MAAD;EAAM,MAAK;EAAgB;CAAc;CACzE,OACE,oBAAC,GAAD;EAAG,UAAU,SAAS,OAAO,KAAK;EAAI,YAAY;YAC/C;CACA;AAEP;;;;AAKA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,MAAM,QAAQ,WAAW,OAAO,MAAM,UAAU,UAAU,GAAG,SAAS;CAC9E,MAAM,SAAS,eAAe,iBAAiB,KAAK;CAEpD,OAAO,OACL,oBAAC,QAAD;EACE,WAAW,GAAG,qBAAqB,yBAAyB,SAAS;EAC/D;EACD;EACL,GAAI,OAAO;EACX,GAAI;EACJ;EACA,MAAK;EACL,eAAc;EACR;CACP,KAED,qBAAC,QAAD;EACE,WAAW,GAAG,qBAAqB,2BAA2B,SAAS;EAClE;EACL,GAAI,OAAO;EACX,GAAI;EACJ;EACA,MAAK;EACL,SAAQ;EACR,eAAc;EACd,UAAS;EACH;EACN,IAAI,SAAS,OAAO,SAAS;YAX/B,CAaE,oBAAC,KAAD;GAAK,IAAI;GAAK,UAAS;EAAY,IACnC,oBAAC,KAAD;GAAK,IAAI;GAAK,UAAS;aACrB,oBAAC,SAAD;IAAiB;IAAQ,MAAM,OAAO,IAAI;IAAG,SAAS,OAAO,OAAO;GAAI;EACrE,EACC;;AAEZ,CAAC;AAED,cAAc,cAAc"}
+{"version":3,"file":"stepIndicator.js","names":[],"sources":["../../src/stepIndicator/stepIndicator.tsx"],"sourcesContent":["import type { StepIndicatorProps } from './stepIndicatorTypes'\n\nimport Box from '../box'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport { cs } from '../utils'\n\nconst Content = ({ number, variant, size }: { number?: number; variant?: string; size?: string }) => {\n  if (typeof number === 'undefined') return null\n  if (variant === 'completed') return <Icon name=\"uiCheck\" size={size as any} />\n  if (variant === 'error') return <Icon name=\"uiTimes\" size={size as any} />\n  return (\n    <T fontSize={size === 'md' ? 16 : 14} fontWeight={600}>\n      {number}\n    </T>\n  )\n}\n\n/**\n * Implements stepper indicator **\n */\nexport const StepIndicator = vui<'div', StepIndicatorProps>((props, ref) => {\n  const { icon, number, className, size = 'md', variant = 'active', ...rest } = props\n  const styles = useStyleConfig('StepIndicator', props)\n\n  return icon ? (\n    <Button\n      className={cs('vui-stepIndicator', 'vui-stepIndicatorIcon', className)}\n      icon={icon}\n      ref={ref}\n      {...styles.icon}\n      {...rest}\n      isRound\n      minW=\"auto\"\n      pointerEvents=\"none\"\n      size={size}\n    />\n  ) : (\n    <Button\n      className={cs('vui-stepIndicator', 'vui-stepIndicatorNumber', className)}\n      ref={ref}\n      {...styles.button}\n      {...rest}\n      isRound\n      minW=\"auto\"\n      outline=\"6px solid white\"\n      pointerEvents=\"none\"\n      position=\"relative\"\n      size={size}\n      px={size === 'md' ? '11px' : '7px'}\n    >\n      <Box mx={0.5} position=\"relative\" />\n      <Box mx={0.5} position=\"absolute\">\n        <Content number={number} size={String(size)} variant={String(variant)} />\n      </Box>\n    </Button>\n  )\n})\n\nStepIndicator.displayName = 'StepIndicator'\n\nexport default StepIndicator\n"],"mappings":";;;;;;;;;;AASA,MAAM,WAAW,EAAE,QAAQ,SAAS,WAAiE;CACnG,IAAI,OAAO,WAAW,aAAa,OAAO;CAC1C,IAAI,YAAY,aAAa,OAAO,oBAAC,MAAD;EAAM,MAAK;EAAgB;CAAc;CAC7E,IAAI,YAAY,SAAS,OAAO,oBAAC,MAAD;EAAM,MAAK;EAAgB;CAAc;CACzE,OACE,oBAAC,GAAD;EAAG,UAAU,SAAS,OAAO,KAAK;EAAI,YAAY;YAC/C;CACA;AAEP;;;;AAKA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,MAAM,QAAQ,WAAW,OAAO,MAAM,UAAU,UAAU,GAAG,SAAS;CAC9E,MAAM,SAAS,eAAe,iBAAiB,KAAK;CAEpD,OAAO,OACL,oBAAC,QAAD;EACE,WAAW,GAAG,qBAAqB,yBAAyB,SAAS;EAC/D;EACD;EACL,GAAI,OAAO;EACX,GAAI;EACJ;EACA,MAAK;EACL,eAAc;EACR;CACP,KAED,qBAAC,QAAD;EACE,WAAW,GAAG,qBAAqB,2BAA2B,SAAS;EAClE;EACL,GAAI,OAAO;EACX,GAAI;EACJ;EACA,MAAK;EACL,SAAQ;EACR,eAAc;EACd,UAAS;EACH;EACN,IAAI,SAAS,OAAO,SAAS;YAX/B,CAaE,oBAAC,KAAD;GAAK,IAAI;GAAK,UAAS;EAAY,IACnC,oBAAC,KAAD;GAAK,IAAI;GAAK,UAAS;aACrB,oBAAC,SAAD;IAAiB;IAAQ,MAAM,OAAO,IAAI;IAAG,SAAS,OAAO,OAAO;GAAI;EACrE,EACC;;AAEZ,CAAC;AAED,cAAc,cAAc"}

package/dist/stepIndicator/theme.js

@@ -64,5 +64,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/stepperHorizontal/consts.js

@@ -21,5 +21,5 @@ const tailClassNameRight = "vui-stepHorizontalTailRight";
 
 //#endregion
 export { boldTitles, stepClassName, tailClassName, tailClassNameLeft, tailClassNameRight, titleColor, variantColor };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=consts.js.map

package/dist/stepperHorizontal/context.js

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

package/dist/stepperHorizontal/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/stepperHorizontal/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [StepperHorizontalProvider, useStepperHorizontalContext] = createContext<Dict>({ isOptional: true })\n\nexport { StepperHorizontalProvider, useStepperHorizontalContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,2BAA2B,+BAA+B,cAAoB,EAAE,YAAY,KAAK,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/stepperHorizontal/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\n\nimport { createContext } from '../utils'\n\nconst [StepperHorizontalProvider, useStepperHorizontalContext] = createContext<Dict>({ isOptional: true })\n\nexport { StepperHorizontalProvider, useStepperHorizontalContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,2BAA2B,+BAA+B,cAAoB,EAAE,YAAY,KAAK,CAAC"}

package/dist/stepperHorizontal/stepHorizontal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stepHorizontal.d.ts","names":[],"sources":["../../src/stepperHorizontal/stepHorizontal.tsx"],"mappings":";;;;cAUa,kBAAA,8BAAkB,eAAA,oCAAA,YAAA,EAK9B,WAL8B;;;;cAUlB,cAAA,EAAc,YAAA,QAAA,mBAAA"}
+{"version":3,"file":"stepHorizontal.d.ts","names":[],"sources":["../../src/stepperHorizontal/stepHorizontal.tsx"],"mappings":";;;;cAWa,kBAAA,8BAAkB,eAAA,oCAAA,YAAA,EAK9B,WAL8B;;;;cAUlB,cAAA,EAAc,YAAA,QAAA,mBAAA"}

package/dist/stepperHorizontal/stepHorizontal.js

@@ -68,5 +68,5 @@ StepHorizontal.displayName = "StepHorizontal";
 
 //#endregion
 export { StepHorizontalBase, StepHorizontal as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=stepHorizontal.js.map

package/dist/stepperHorizontal/stepHorizontal.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepHorizontal.js","names":[],"sources":["../../src/stepperHorizontal/stepHorizontal.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { styled, vui } from '../core'\nimport { StepIndicator } from '../stepIndicator'\nimport { cs } from '../utils'\nimport { stepClassName } from './consts'\nimport { useStepperHorizontalContext } from './context'\nimport StepHorizontalTail from './stepHorizontalTail'\nimport StepHorizontalTitle from './stepHorizontalTitle'\nimport type { StepHorizontalProps } from './stepperHorizontalTypes'\n\nexport const StepHorizontalBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n`\n\n/**\n * Implements a Horizontal step component\n */\nexport const StepHorizontal = vui<'div', StepHorizontalProps>(\n  ({ icon, number, size: propSize = 'md', description, title, className, variant, children }, ref) => {\n    const context = useStepperHorizontalContext()\n    const size = context?.size || propSize\n    return (\n      <StepHorizontalBase className={cs(stepClassName, stepClassName + variant, className)} ref={ref}>\n        <StepHorizontalTail size={size} variant={variant as any} />\n        <Box display=\"block\" textAlign=\"center\">\n          <StepIndicator icon={icon} number={number} size={size} variant={variant} />\n        </Box>\n        <Box display=\"block\" textAlign=\"center\">\n          {!!title && (\n            <StepHorizontalTitle size={size} variant={variant as any}>\n              {title}\n            </StepHorizontalTitle>\n          )}\n          {!!description && (\n            <Box color=\"sandstone.45\" display=\"block\" fontSize={`${size === 'md' ? 14 : 12}px`} textAlign=\"center\">\n              {description}\n            </Box>\n          )}\n          <Box display=\"block\">{children}</Box>\n        </Box>\n      </StepHorizontalBase>\n    )\n  },\n)\n\nStepHorizontal.displayName = 'StepHorizontal'\n\nexport default StepHorizontal\n"],"mappings":";;;;;;;;;;;;AAUA,MAAa,qBAAqB,OAAO,MAAM;;;;;;;;;AAU/C,MAAa,iBAAiB,KAC3B,EAAE,MAAM,QAAQ,MAAM,WAAW,MAAM,aAAa,OAAO,WAAW,SAAS,YAAY,QAAQ;CAElG,MAAM,OADU,4BACG,CAAC,EAAE,QAAQ;CAC9B,OACE,qBAAC,oBAAD;EAAoB,WAAW,GAAG,eAAe,gBAAgB,SAAS,SAAS;EAAQ;YAA3F;GACE,oBAAC,oBAAD;IAA0B;IAAe;GAAiB;GAC1D,oBAAC,KAAD;IAAK,SAAQ;IAAQ,WAAU;cAC7B,oBAAC,eAAD;KAAqB;KAAc;KAAc;KAAe;IAAU;GACvE;GACL,qBAAC,KAAD;IAAK,SAAQ;IAAQ,WAAU;cAA/B;KACG,CAAC,CAAC,SACD,oBAAC,qBAAD;MAA2B;MAAe;gBACvC;KACkB;KAEtB,CAAC,CAAC,eACD,oBAAC,KAAD;MAAK,OAAM;MAAe,SAAQ;MAAQ,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;MAAK,WAAU;gBAC3F;KACE;KAEP,oBAAC,KAAD;MAAK,SAAQ;MAAS;KAAc;IACjC;;EACa;;AAExB,CACF;AAEA,eAAe,cAAc"}
+{"version":3,"file":"stepHorizontal.js","names":[],"sources":["../../src/stepperHorizontal/stepHorizontal.tsx"],"sourcesContent":["import type { StepHorizontalProps } from './stepperHorizontalTypes'\n\nimport { Box } from '../box'\nimport { styled, vui } from '../core'\nimport { StepIndicator } from '../stepIndicator'\nimport { cs } from '../utils'\nimport { stepClassName } from './consts'\nimport { useStepperHorizontalContext } from './context'\nimport StepHorizontalTail from './stepHorizontalTail'\nimport StepHorizontalTitle from './stepHorizontalTitle'\n\nexport const StepHorizontalBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n`\n\n/**\n * Implements a Horizontal step component\n */\nexport const StepHorizontal = vui<'div', StepHorizontalProps>(\n  ({ icon, number, size: propSize = 'md', description, title, className, variant, children }, ref) => {\n    const context = useStepperHorizontalContext()\n    const size = context?.size || propSize\n    return (\n      <StepHorizontalBase className={cs(stepClassName, stepClassName + variant, className)} ref={ref}>\n        <StepHorizontalTail size={size} variant={variant as any} />\n        <Box display=\"block\" textAlign=\"center\">\n          <StepIndicator icon={icon} number={number} size={size} variant={variant} />\n        </Box>\n        <Box display=\"block\" textAlign=\"center\">\n          {!!title && (\n            <StepHorizontalTitle size={size} variant={variant as any}>\n              {title}\n            </StepHorizontalTitle>\n          )}\n          {!!description && (\n            <Box color=\"sandstone.45\" display=\"block\" fontSize={`${size === 'md' ? 14 : 12}px`} textAlign=\"center\">\n              {description}\n            </Box>\n          )}\n          <Box display=\"block\">{children}</Box>\n        </Box>\n      </StepHorizontalBase>\n    )\n  },\n)\n\nStepHorizontal.displayName = 'StepHorizontal'\n\nexport default StepHorizontal\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,qBAAqB,OAAO,MAAM;;;;;;;;;AAU/C,MAAa,iBAAiB,KAC3B,EAAE,MAAM,QAAQ,MAAM,WAAW,MAAM,aAAa,OAAO,WAAW,SAAS,YAAY,QAAQ;CAElG,MAAM,OADU,4BACG,CAAC,EAAE,QAAQ;CAC9B,OACE,qBAAC,oBAAD;EAAoB,WAAW,GAAG,eAAe,gBAAgB,SAAS,SAAS;EAAQ;YAA3F;GACE,oBAAC,oBAAD;IAA0B;IAAe;GAAiB;GAC1D,oBAAC,KAAD;IAAK,SAAQ;IAAQ,WAAU;cAC7B,oBAAC,eAAD;KAAqB;KAAc;KAAc;KAAe;IAAU;GACvE;GACL,qBAAC,KAAD;IAAK,SAAQ;IAAQ,WAAU;cAA/B;KACG,CAAC,CAAC,SACD,oBAAC,qBAAD;MAA2B;MAAe;gBACvC;KACkB;KAEtB,CAAC,CAAC,eACD,oBAAC,KAAD;MAAK,OAAM;MAAe,SAAQ;MAAQ,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;MAAK,WAAU;gBAC3F;KACE;KAEP,oBAAC,KAAD;MAAK,SAAQ;MAAS;KAAc;IACjC;;EACa;;AAExB,CACF;AAEA,eAAe,cAAc"}

package/dist/stepperHorizontal/stepHorizontalTail.js

@@ -18,12 +18,12 @@ const StepHorizontalTail = vui((props, ref) => {
 		ref,
 		w: "100%",
 		...rest,
-		children: [/* @__PURE__ */ jsx(Box, { className: cs(tailClassName, tailClassNameLeft, tailClassNameLeft + variant) }), /* @__PURE__ */ jsx(Box, { className: cs(tailClassName, tailClassNameRight, tailClassNameLeft + variant) })]
+		children: [/* @__PURE__ */ jsx(Box, { className: cs(tailClassName, tailClassNameLeft, tailClassNameLeft + variant) }), /* @__PURE__ */ jsx(Box, { className: cs(tailClassName, tailClassNameRight, tailClassNameRight + variant) })]
 	});
 });
 StepHorizontalTail.displayName = "StepHorizontalTail";
 
 //#endregion
 export { StepHorizontalTail as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=stepHorizontalTail.js.map

package/dist/stepperHorizontal/stepHorizontalTail.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepHorizontalTail.js","names":[],"sources":["../../src/stepperHorizontal/stepHorizontalTail.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { vui } from '../core'\nimport { cs } from '../utils'\nimport { tailClassName, tailClassNameLeft, tailClassNameRight } from './consts'\nimport type { StepHorizontalTailProps } from './stepperHorizontalTypes'\n\n/**\n * Implements Horizontal stepper tail (the Horizontal line) **\n */\nexport const StepHorizontalTail = vui<'div', StepHorizontalTailProps>((props, ref) => {\n  const { children, className, variant = 'active', ...rest } = props\n  return (\n    <Box\n      className={cs(tailClassName)}\n      h=\"16px\"\n      justifyContent=\"space-between\"\n      position=\"absolute\"\n      ref={ref}\n      w=\"100%\"\n      {...rest}\n    >\n      <Box className={cs(tailClassName, tailClassNameLeft, tailClassNameLeft + variant)} />\n      <Box className={cs(tailClassName, tailClassNameRight, tailClassNameLeft + variant)} />\n    </Box>\n  )\n})\n\nStepHorizontalTail.displayName = 'StepHorizontalTail'\n\nexport default StepHorizontalTail\n"],"mappings":";;;;;;;;;;AASA,MAAa,qBAAqB,KAAqC,OAAO,QAAQ;CACpF,MAAM,EAAE,UAAU,WAAW,UAAU,UAAU,GAAG,SAAS;CAC7D,OACE,qBAAC,KAAD;EACE,WAAW,GAAG,aAAa;EAC3B,GAAE;EACF,gBAAe;EACf,UAAS;EACJ;EACL,GAAE;EACF,GAAI;YAPN,CASE,oBAAC,KAAD,EAAK,WAAW,GAAG,eAAe,mBAAmB,oBAAoB,OAAO,EAAI,IACpF,oBAAC,KAAD,EAAK,WAAW,GAAG,eAAe,oBAAoB,oBAAoB,OAAO,EAAI,EAClF;;AAET,CAAC;AAED,mBAAmB,cAAc"}
+{"version":3,"file":"stepHorizontalTail.js","names":[],"sources":["../../src/stepperHorizontal/stepHorizontalTail.tsx"],"sourcesContent":["import type { StepHorizontalTailProps } from './stepperHorizontalTypes'\n\nimport { Box } from '../box'\nimport { vui } from '../core'\nimport { cs } from '../utils'\nimport { tailClassName, tailClassNameLeft, tailClassNameRight } from './consts'\n\n/**\n * Implements Horizontal stepper tail (the Horizontal line) **\n */\nexport const StepHorizontalTail = vui<'div', StepHorizontalTailProps>((props, ref) => {\n  const { children, className, variant = 'active', ...rest } = props\n  return (\n    <Box\n      className={cs(tailClassName)}\n      h=\"16px\"\n      justifyContent=\"space-between\"\n      position=\"absolute\"\n      ref={ref}\n      w=\"100%\"\n      {...rest}\n    >\n      <Box className={cs(tailClassName, tailClassNameLeft, tailClassNameLeft + variant)} />\n      <Box className={cs(tailClassName, tailClassNameRight, tailClassNameRight + variant)} />\n    </Box>\n  )\n})\n\nStepHorizontalTail.displayName = 'StepHorizontalTail'\n\nexport default StepHorizontalTail\n"],"mappings":";;;;;;;;;;AAUA,MAAa,qBAAqB,KAAqC,OAAO,QAAQ;CACpF,MAAM,EAAE,UAAU,WAAW,UAAU,UAAU,GAAG,SAAS;CAC7D,OACE,qBAAC,KAAD;EACE,WAAW,GAAG,aAAa;EAC3B,GAAE;EACF,gBAAe;EACf,UAAS;EACJ;EACL,GAAE;EACF,GAAI;YAPN,CASE,oBAAC,KAAD,EAAK,WAAW,GAAG,eAAe,mBAAmB,oBAAoB,OAAO,EAAI,IACpF,oBAAC,KAAD,EAAK,WAAW,GAAG,eAAe,oBAAoB,qBAAqB,OAAO,EAAI,EACnF;;AAET,CAAC;AAED,mBAAmB,cAAc"}

package/dist/stepperHorizontal/stepHorizontalTitle.js

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

package/dist/stepperHorizontal/stepHorizontalTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepHorizontalTitle.js","names":[],"sources":["../../src/stepperHorizontal/stepHorizontalTitle.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { vui } from '../core'\nimport { cs } from '../utils'\nimport { boldTitles, stepClassName, titleColor } from './consts'\nimport type { StepHorizontalTitleProps } from './stepperHorizontalTypes'\n\n/**\n * Implements Horizontal stepper tail (the Horizontal line) **\n */\nexport const StepHorizontalTitle = vui<'div', StepHorizontalTitleProps>((props, ref) => {\n  const { children, className, size = 'md', variant = 'active', ...rest } = props\n  return (\n    <Box\n      className={cs(stepClassName + 'Title')}\n      color={titleColor[variant]}\n      display=\"block\"\n      fontSize={`${size === 'md' ? 16 : 14}px`}\n      fontWeight={boldTitles.includes(variant) ? 600 : undefined}\n      pt={`${size === 'md' ? 4 : 2}px`}\n      textAlign=\"center\"\n      whiteSpace=\"nowrap\"\n      {...rest}\n    >\n      {children}\n    </Box>\n  )\n})\n\nStepHorizontalTitle.displayName = 'StepHorizontalTitle'\n\nexport default StepHorizontalTitle\n"],"mappings":";;;;;;;;;;AASA,MAAa,sBAAsB,KAAsC,OAAO,QAAQ;CACtF,MAAM,EAAE,UAAU,WAAW,OAAO,MAAM,UAAU,UAAU,GAAG,SAAS;CAC1E,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,gBAAgB,OAAO;EACrC,OAAO,WAAW;EAClB,SAAQ;EACR,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;EACrC,YAAY,WAAW,SAAS,OAAO,IAAI,MAAM;EACjD,IAAI,GAAG,SAAS,OAAO,IAAI,EAAE;EAC7B,WAAU;EACV,YAAW;EACX,GAAI;EAEH;CACE;AAET,CAAC;AAED,oBAAoB,cAAc"}
+{"version":3,"file":"stepHorizontalTitle.js","names":[],"sources":["../../src/stepperHorizontal/stepHorizontalTitle.tsx"],"sourcesContent":["import type { StepHorizontalTitleProps } from './stepperHorizontalTypes'\n\nimport { Box } from '../box'\nimport { vui } from '../core'\nimport { cs } from '../utils'\nimport { boldTitles, stepClassName, titleColor } from './consts'\n\n/**\n * Implements Horizontal stepper tail (the Horizontal line) **\n */\nexport const StepHorizontalTitle = vui<'div', StepHorizontalTitleProps>((props, ref) => {\n  const { children, className, size = 'md', variant = 'active', ...rest } = props\n  return (\n    <Box\n      className={cs(stepClassName + 'Title')}\n      color={titleColor[variant]}\n      display=\"block\"\n      fontSize={`${size === 'md' ? 16 : 14}px`}\n      fontWeight={boldTitles.includes(variant) ? 600 : undefined}\n      pt={`${size === 'md' ? 4 : 2}px`}\n      textAlign=\"center\"\n      whiteSpace=\"nowrap\"\n      {...rest}\n    >\n      {children}\n    </Box>\n  )\n})\n\nStepHorizontalTitle.displayName = 'StepHorizontalTitle'\n\nexport default StepHorizontalTitle\n"],"mappings":";;;;;;;;;;AAUA,MAAa,sBAAsB,KAAsC,OAAO,QAAQ;CACtF,MAAM,EAAE,UAAU,WAAW,OAAO,MAAM,UAAU,UAAU,GAAG,SAAS;CAC1E,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,gBAAgB,OAAO;EACrC,OAAO,WAAW;EAClB,SAAQ;EACR,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;EACrC,YAAY,WAAW,SAAS,OAAO,IAAI,MAAM;EACjD,IAAI,GAAG,SAAS,OAAO,IAAI,EAAE;EAC7B,WAAU;EACV,YAAW;EACX,GAAI;EAEH;CACE;AAET,CAAC;AAED,oBAAoB,cAAc"}

package/dist/stepperHorizontal/stepperHorizontal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stepperHorizontal.d.ts","names":[],"sources":["../../src/stepperHorizontal/stepperHorizontal.tsx"],"mappings":";;;;;;cAWa,iBAAA,EAAiB,YAAA,QAAA,sBAAA"}
+{"version":3,"file":"stepperHorizontal.d.ts","names":[],"sources":["../../src/stepperHorizontal/stepperHorizontal.tsx"],"mappings":";;;;;;cAYa,iBAAA,EAAiB,YAAA,QAAA,sBAAA"}

package/dist/stepperHorizontal/stepperHorizontal.js

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

package/dist/stepperHorizontal/stepperHorizontal.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepperHorizontal.js","names":[],"sources":["../../src/stepperHorizontal/stepperHorizontal.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport { StepperHorizontalProvider } from './context'\nimport StepperHorizontalBase from './stepperHorizontalBase'\nimport type { StepperHorizontalProps } from './stepperHorizontalTypes'\n\n/**\n * [Beta] Implements Horizontal stepper **\n */\nexport const StepperHorizontal = vui<'div', StepperHorizontalProps>((props, ref) => {\n  const { children, className, size, ...rest } = props\n  const styles = useStyleConfig('StepperHorizontal', props)\n\n  const context = useMemo(() => filterUndefined({ size }), [size])\n\n  return (\n    <StepperHorizontalProvider value={context}>\n      <StepperHorizontalBase\n        className={cs('vui-stepperHorizontal', className)}\n        ref={ref}\n        {...styles.container}\n        {...rest}\n      >\n        {children}\n      </StepperHorizontalBase>\n    </StepperHorizontalProvider>\n  )\n})\n\nStepperHorizontal.displayName = 'StepperHorizontal'\n\nexport default StepperHorizontal\n"],"mappings":";;;;;;;;;;;;;AAWA,MAAa,oBAAoB,KAAoC,OAAO,QAAQ;CAClF,MAAM,EAAE,UAAU,WAAW,MAAM,GAAG,SAAS;CAC/C,MAAM,SAAS,eAAe,qBAAqB,KAAK;CAIxD,OACE,oBAAC,2BAAD;EAA2B,OAHb,cAAc,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAGpB;YACtC,oBAAC,uBAAD;GACE,WAAW,GAAG,yBAAyB,SAAS;GAC3C;GACL,GAAI,OAAO;GACX,GAAI;GAEH;EACoB;CACE;AAE/B,CAAC;AAED,kBAAkB,cAAc"}
+{"version":3,"file":"stepperHorizontal.js","names":[],"sources":["../../src/stepperHorizontal/stepperHorizontal.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { StepperHorizontalProps } from './stepperHorizontalTypes'\n\nimport { useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport { StepperHorizontalProvider } from './context'\nimport StepperHorizontalBase from './stepperHorizontalBase'\n\n/**\n * [Beta] Implements Horizontal stepper **\n */\nexport const StepperHorizontal = vui<'div', StepperHorizontalProps>((props, ref) => {\n  const { children, className, size, ...rest } = props\n  const styles = useStyleConfig('StepperHorizontal', props)\n\n  const context = useMemo(() => filterUndefined({ size }), [size])\n\n  return (\n    <StepperHorizontalProvider value={context}>\n      <StepperHorizontalBase\n        className={cs('vui-stepperHorizontal', className)}\n        ref={ref}\n        {...styles.container}\n        {...rest}\n      >\n        {children}\n      </StepperHorizontalBase>\n    </StepperHorizontalProvider>\n  )\n})\n\nStepperHorizontal.displayName = 'StepperHorizontal'\n\nexport default StepperHorizontal\n"],"mappings":";;;;;;;;;;;;;AAYA,MAAa,oBAAoB,KAAoC,OAAO,QAAQ;CAClF,MAAM,EAAE,UAAU,WAAW,MAAM,GAAG,SAAS;CAC/C,MAAM,SAAS,eAAe,qBAAqB,KAAK;CAIxD,OACE,oBAAC,2BAAD;EAA2B,OAHb,cAAc,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAGpB;YACtC,oBAAC,uBAAD;GACE,WAAW,GAAG,yBAAyB,SAAS;GAC3C;GACL,GAAI,OAAO;GACX,GAAI;GAEH;EACoB;CACE;AAE/B,CAAC;AAED,kBAAkB,cAAc"}

package/dist/stepperHorizontal/stepperHorizontalBase.js

@@ -22,5 +22,5 @@ const StepperHorizontalBase = styled.divBox`
 
 //#endregion
 export { StepperHorizontalBase as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=stepperHorizontalBase.js.map

package/dist/stepperHorizontal/stepperHorizontalBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepperHorizontalBase.js","names":[],"sources":["../../src/stepperHorizontal/stepperHorizontalBase.ts"],"sourcesContent":["import { styled } from '../core'\nimport { stepClassName, tailClassName, tailClassNameLeft, tailClassNameRight, variantColor } from './consts'\nimport type { StepperHorizontalProps } from './stepperHorizontalTypes'\n\nconst StepperHorizontalBase = styled.divBox<StepperHorizontalProps>`\n  display: flex;\n  width: 100%;\n\n  .${stepClassName}:first-of-type .${tailClassName}Left, .${stepClassName}:last-of-type .${tailClassName}Right {\n    visibility: hidden;\n  }\n\n  .${tailClassNameLeft}, .${tailClassNameRight} {\n    width: 50%;\n  }\n  ${Object.keys(variantColor).map(\n    (variant: string) => `.${tailClassNameLeft + variant},\n  .${tailClassNameRight + variant},\n  .${stepClassName + variant} + .${stepClassName} .${tailClassNameLeft} {\n    border-bottom: 1px solid ${variantColor[variant]};\n  }`,\n  )}\n`\nexport default StepperHorizontalBase\n"],"mappings":";;;;AAIA,MAAM,wBAAwB,OAAO,MAA8B;;;;KAI9D,cAAc,kBAAkB,cAAc,SAAS,cAAc,iBAAiB,cAAc;;;;KAIpG,kBAAkB,KAAK,mBAAmB;;;IAG3C,OAAO,KAAK,YAAY,CAAC,CAAC,KACzB,YAAoB,IAAI,oBAAoB,QAAQ;KACpD,qBAAqB,QAAQ;KAC7B,gBAAgB,QAAQ,MAAM,cAAc,IAAI,kBAAkB;+BACxC,aAAa,SAAS;IAEnD,EAAE"}
+{"version":3,"file":"stepperHorizontalBase.js","names":[],"sources":["../../src/stepperHorizontal/stepperHorizontalBase.ts"],"sourcesContent":["import type { StepperHorizontalProps } from './stepperHorizontalTypes'\n\nimport { styled } from '../core'\nimport { stepClassName, tailClassName, tailClassNameLeft, tailClassNameRight, variantColor } from './consts'\n\nconst StepperHorizontalBase = styled.divBox<StepperHorizontalProps>`\n  display: flex;\n  width: 100%;\n\n  .${stepClassName}:first-of-type .${tailClassName}Left, .${stepClassName}:last-of-type .${tailClassName}Right {\n    visibility: hidden;\n  }\n\n  .${tailClassNameLeft}, .${tailClassNameRight} {\n    width: 50%;\n  }\n  ${Object.keys(variantColor).map(\n    (variant: string) => `.${tailClassNameLeft + variant},\n  .${tailClassNameRight + variant},\n  .${stepClassName + variant} + .${stepClassName} .${tailClassNameLeft} {\n    border-bottom: 1px solid ${variantColor[variant]};\n  }`,\n  )}\n`\nexport default StepperHorizontalBase\n"],"mappings":";;;;AAKA,MAAM,wBAAwB,OAAO,MAA8B;;;;KAI9D,cAAc,kBAAkB,cAAc,SAAS,cAAc,iBAAiB,cAAc;;;;KAIpG,kBAAkB,KAAK,mBAAmB;;;IAG3C,OAAO,KAAK,YAAY,CAAC,CAAC,KACzB,YAAoB,IAAI,oBAAoB,QAAQ;KACpD,qBAAqB,QAAQ;KAC7B,gBAAgB,QAAQ,MAAM,cAAc,IAAI,kBAAkB;+BACxC,aAAa,SAAS;IAEnD,EAAE"}

package/dist/stepperHorizontal/theme.js

@@ -17,5 +17,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/stepperVertical/consts.js

@@ -19,5 +19,5 @@ const tailClassName = "vui-stepVerticalTail";
 
 //#endregion
 export { boldTitles, stepClassName, tailClassName, titleColor, variantColor };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=consts.js.map

package/dist/stepperVertical/context.js

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

package/dist/stepperVertical/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/stepperVertical/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [StepperVerticalProvider, useStepperVerticalContext] = createContext<Dict>({ isOptional: true })\n\nexport { StepperVerticalProvider, useStepperVerticalContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,yBAAyB,6BAA6B,cAAoB,EAAE,YAAY,KAAK,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/stepperVertical/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\n\nimport { createContext } from '../utils'\n\nconst [StepperVerticalProvider, useStepperVerticalContext] = createContext<Dict>({ isOptional: true })\n\nexport { StepperVerticalProvider, useStepperVerticalContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,yBAAyB,6BAA6B,cAAoB,EAAE,YAAY,KAAK,CAAC"}

package/dist/stepperVertical/stepVertical.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stepVertical.d.ts","names":[],"sources":["../../src/stepperVertical/stepVertical.tsx"],"mappings":";;;;cAUa,gBAAA,8BAAgB,eAAA,oCAAA,YAAA,EAI5B,WAJ4B;;;;cAShB,YAAA,EAAY,YAAA,QAAA,iBAAA"}
+{"version":3,"file":"stepVertical.d.ts","names":[],"sources":["../../src/stepperVertical/stepVertical.tsx"],"mappings":";;;;cAWa,gBAAA,8BAAgB,eAAA,oCAAA,YAAA,EAI5B,WAJ4B;;;;cAShB,YAAA,EAAY,YAAA,QAAA,iBAAA"}

package/dist/stepperVertical/stepVertical.js

@@ -61,5 +61,5 @@ StepVertical.displayName = "StepVertical";
 
 //#endregion
 export { StepVerticalBase, StepVertical as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=stepVertical.js.map

package/dist/stepperVertical/stepVertical.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepVertical.js","names":[],"sources":["../../src/stepperVertical/stepVertical.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { styled, vui } from '../core'\nimport { StepIndicator } from '../stepIndicator'\nimport { cs } from '../utils'\nimport { stepClassName } from './consts'\nimport { useStepperVerticalContext } from './context'\nimport type { StepVerticalProps } from './stepperVerticalTypes'\nimport StepVerticalTail from './stepVerticalTail'\nimport StepVerticalTitle from './stepVerticalTitle'\n\nexport const StepVerticalBase = styled.divBox`\n  display: flex;\n  position: relative;\n  width: 100%;\n`\n\n/**\n * Implements a vertical step component\n */\nexport const StepVertical = vui<'div', StepVerticalProps>(\n  ({ icon, number, size: propSize = 'md', description, title, className, variant, children }, ref) => {\n    const context = useStepperVerticalContext()\n    const size = context?.size || propSize\n    return (\n      <StepVerticalBase className={cs(stepClassName, className)} ref={ref}>\n        <StepVerticalTail size={size} variant={variant as any} />\n        <Box flex={`0 0 ${size === 'md' ? 40 : 30}px`}>\n          <StepIndicator icon={icon} number={number} size={size} variant={variant} />\n        </Box>\n        <Box flex=\"1\" flexDirection=\"column\">\n          {!!title && (\n            <StepVerticalTitle size={size} variant={variant as any}>\n              {title}\n            </StepVerticalTitle>\n          )}\n          {!!description && (\n            <Box color=\"sandstone.45\" fontSize={`${size === 'md' ? 14 : 12}px`}>\n              {description}\n            </Box>\n          )}\n          <Box>{children}</Box>\n        </Box>\n      </StepVerticalBase>\n    )\n  },\n)\n\nStepVertical.displayName = 'StepVertical'\n\nexport default StepVertical\n"],"mappings":";;;;;;;;;;;;AAUA,MAAa,mBAAmB,OAAO,MAAM;;;;;;;;AAS7C,MAAa,eAAe,KACzB,EAAE,MAAM,QAAQ,MAAM,WAAW,MAAM,aAAa,OAAO,WAAW,SAAS,YAAY,QAAQ;CAElG,MAAM,OADU,0BACG,CAAC,EAAE,QAAQ;CAC9B,OACE,qBAAC,kBAAD;EAAkB,WAAW,GAAG,eAAe,SAAS;EAAQ;YAAhE;GACE,oBAAC,kBAAD;IAAwB;IAAe;GAAiB;GACxD,oBAAC,KAAD;IAAK,MAAM,OAAO,SAAS,OAAO,KAAK,GAAG;cACxC,oBAAC,eAAD;KAAqB;KAAc;KAAc;KAAe;IAAU;GACvE;GACL,qBAAC,KAAD;IAAK,MAAK;IAAI,eAAc;cAA5B;KACG,CAAC,CAAC,SACD,oBAAC,mBAAD;MAAyB;MAAe;gBACrC;KACgB;KAEpB,CAAC,CAAC,eACD,oBAAC,KAAD;MAAK,OAAM;MAAe,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;gBAC5D;KACE;KAEP,oBAAC,KAAD,EAAM,SAAc;IACjB;;EACW;;AAEtB,CACF;AAEA,aAAa,cAAc"}
+{"version":3,"file":"stepVertical.js","names":[],"sources":["../../src/stepperVertical/stepVertical.tsx"],"sourcesContent":["import type { StepVerticalProps } from './stepperVerticalTypes'\n\nimport { Box } from '../box'\nimport { styled, vui } from '../core'\nimport { StepIndicator } from '../stepIndicator'\nimport { cs } from '../utils'\nimport { stepClassName } from './consts'\nimport { useStepperVerticalContext } from './context'\nimport StepVerticalTail from './stepVerticalTail'\nimport StepVerticalTitle from './stepVerticalTitle'\n\nexport const StepVerticalBase = styled.divBox`\n  display: flex;\n  position: relative;\n  width: 100%;\n`\n\n/**\n * Implements a vertical step component\n */\nexport const StepVertical = vui<'div', StepVerticalProps>(\n  ({ icon, number, size: propSize = 'md', description, title, className, variant, children }, ref) => {\n    const context = useStepperVerticalContext()\n    const size = context?.size || propSize\n    return (\n      <StepVerticalBase className={cs(stepClassName, className)} ref={ref}>\n        <StepVerticalTail size={size} variant={variant as any} />\n        <Box flex={`0 0 ${size === 'md' ? 40 : 30}px`}>\n          <StepIndicator icon={icon} number={number} size={size} variant={variant} />\n        </Box>\n        <Box flex=\"1\" flexDirection=\"column\">\n          {!!title && (\n            <StepVerticalTitle size={size} variant={variant as any}>\n              {title}\n            </StepVerticalTitle>\n          )}\n          {!!description && (\n            <Box color=\"sandstone.45\" fontSize={`${size === 'md' ? 14 : 12}px`}>\n              {description}\n            </Box>\n          )}\n          <Box>{children}</Box>\n        </Box>\n      </StepVerticalBase>\n    )\n  },\n)\n\nStepVertical.displayName = 'StepVertical'\n\nexport default StepVertical\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,mBAAmB,OAAO,MAAM;;;;;;;;AAS7C,MAAa,eAAe,KACzB,EAAE,MAAM,QAAQ,MAAM,WAAW,MAAM,aAAa,OAAO,WAAW,SAAS,YAAY,QAAQ;CAElG,MAAM,OADU,0BACG,CAAC,EAAE,QAAQ;CAC9B,OACE,qBAAC,kBAAD;EAAkB,WAAW,GAAG,eAAe,SAAS;EAAQ;YAAhE;GACE,oBAAC,kBAAD;IAAwB;IAAe;GAAiB;GACxD,oBAAC,KAAD;IAAK,MAAM,OAAO,SAAS,OAAO,KAAK,GAAG;cACxC,oBAAC,eAAD;KAAqB;KAAc;KAAc;KAAe;IAAU;GACvE;GACL,qBAAC,KAAD;IAAK,MAAK;IAAI,eAAc;cAA5B;KACG,CAAC,CAAC,SACD,oBAAC,mBAAD;MAAyB;MAAe;gBACrC;KACgB;KAEpB,CAAC,CAAC,eACD,oBAAC,KAAD;MAAK,OAAM;MAAe,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;gBAC5D;KACE;KAEP,oBAAC,KAAD,EAAM,SAAc;IACjB;;EACW;;AAEtB,CACF;AAEA,aAAa,cAAc"}

package/dist/stepperVertical/stepVerticalTail.js

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

package/dist/stepperVertical/stepVerticalTail.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepVerticalTail.js","names":[],"sources":["../../src/stepperVertical/stepVerticalTail.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { vui } from '../core'\nimport { cs } from '../utils'\nimport { tailClassName, variantColor } from './consts'\nimport type { StepVerticalTailProps } from './stepperVerticalTypes'\n\n/**\n * Implements vertical stepper tail (the vertical line) **\n */\nexport const StepVerticalTail = vui<'div', StepVerticalTailProps>((props, ref) => {\n  const { children, className, size = 'md', variant = 'active', ...rest } = props\n  return (\n    <Box\n      borderRight={`1px solid ${variantColor[variant]}`}\n      className={cs(tailClassName)}\n      maxW=\"16px\"\n      minH=\"100%\"\n      position=\"absolute\"\n      ref={ref}\n      w={`${size === 'md' ? 16 : 12}px`}\n      {...rest}\n    />\n  )\n})\n\nStepVerticalTail.displayName = 'StepVerticalTail'\n\nexport default StepVerticalTail\n"],"mappings":";;;;;;;;;;AASA,MAAa,mBAAmB,KAAmC,OAAO,QAAQ;CAChF,MAAM,EAAE,UAAU,WAAW,OAAO,MAAM,UAAU,UAAU,GAAG,SAAS;CAC1E,OACE,oBAAC,KAAD;EACE,aAAa,aAAa,aAAa;EACvC,WAAW,GAAG,aAAa;EAC3B,MAAK;EACL,MAAK;EACL,UAAS;EACJ;EACL,GAAG,GAAG,SAAS,OAAO,KAAK,GAAG;EAC9B,GAAI;CACL;AAEL,CAAC;AAED,iBAAiB,cAAc"}
+{"version":3,"file":"stepVerticalTail.js","names":[],"sources":["../../src/stepperVertical/stepVerticalTail.tsx"],"sourcesContent":["import type { StepVerticalTailProps } from './stepperVerticalTypes'\n\nimport { Box } from '../box'\nimport { vui } from '../core'\nimport { cs } from '../utils'\nimport { tailClassName, variantColor } from './consts'\n\n/**\n * Implements vertical stepper tail (the vertical line) **\n */\nexport const StepVerticalTail = vui<'div', StepVerticalTailProps>((props, ref) => {\n  const { children, className, size = 'md', variant = 'active', ...rest } = props\n  return (\n    <Box\n      borderRight={`1px solid ${variantColor[variant]}`}\n      className={cs(tailClassName)}\n      maxW=\"16px\"\n      minH=\"100%\"\n      position=\"absolute\"\n      ref={ref}\n      w={`${size === 'md' ? 16 : 12}px`}\n      {...rest}\n    />\n  )\n})\n\nStepVerticalTail.displayName = 'StepVerticalTail'\n\nexport default StepVerticalTail\n"],"mappings":";;;;;;;;;;AAUA,MAAa,mBAAmB,KAAmC,OAAO,QAAQ;CAChF,MAAM,EAAE,UAAU,WAAW,OAAO,MAAM,UAAU,UAAU,GAAG,SAAS;CAC1E,OACE,oBAAC,KAAD;EACE,aAAa,aAAa,aAAa;EACvC,WAAW,GAAG,aAAa;EAC3B,MAAK;EACL,MAAK;EACL,UAAS;EACJ;EACL,GAAG,GAAG,SAAS,OAAO,KAAK,GAAG;EAC9B,GAAI;CACL;AAEL,CAAC;AAED,iBAAiB,cAAc"}

package/dist/stepperVertical/stepVerticalTitle.js

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

package/dist/stepperVertical/stepVerticalTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepVerticalTitle.js","names":[],"sources":["../../src/stepperVertical/stepVerticalTitle.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { vui } from '../core'\nimport { cs } from '../utils'\nimport { boldTitles, stepClassName, titleColor } from './consts'\nimport type { StepVerticalTitleProps } from './stepperVerticalTypes'\n\n/**\n * Implements vertical stepper tail (the vertical line) **\n */\nexport const StepVerticalTitle = vui<'div', StepVerticalTitleProps>((props, ref) => {\n  const { children, className, size = 'md', variant = 'active', ...rest } = props\n  return (\n    <Box\n      className={cs(stepClassName + 'Title')}\n      color={titleColor[variant]}\n      fontSize={`${size === 'md' ? 16 : 14}px`}\n      fontWeight={boldTitles.includes(variant) ? 600 : undefined}\n      pt={`${size === 'md' ? 4 : 2}px`}\n      whiteSpace=\"nowrap\"\n      {...rest}\n    >\n      {children}\n    </Box>\n  )\n})\n\nStepVerticalTitle.displayName = 'StepVerticalTitle'\n\nexport default StepVerticalTitle\n"],"mappings":";;;;;;;;;;AASA,MAAa,oBAAoB,KAAoC,OAAO,QAAQ;CAClF,MAAM,EAAE,UAAU,WAAW,OAAO,MAAM,UAAU,UAAU,GAAG,SAAS;CAC1E,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,gBAAgB,OAAO;EACrC,OAAO,WAAW;EAClB,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;EACrC,YAAY,WAAW,SAAS,OAAO,IAAI,MAAM;EACjD,IAAI,GAAG,SAAS,OAAO,IAAI,EAAE;EAC7B,YAAW;EACX,GAAI;EAEH;CACE;AAET,CAAC;AAED,kBAAkB,cAAc"}
+{"version":3,"file":"stepVerticalTitle.js","names":[],"sources":["../../src/stepperVertical/stepVerticalTitle.tsx"],"sourcesContent":["import type { StepVerticalTitleProps } from './stepperVerticalTypes'\n\nimport { Box } from '../box'\nimport { vui } from '../core'\nimport { cs } from '../utils'\nimport { boldTitles, stepClassName, titleColor } from './consts'\n\n/**\n * Implements vertical stepper tail (the vertical line) **\n */\nexport const StepVerticalTitle = vui<'div', StepVerticalTitleProps>((props, ref) => {\n  const { children, className, size = 'md', variant = 'active', ...rest } = props\n  return (\n    <Box\n      className={cs(stepClassName + 'Title')}\n      color={titleColor[variant]}\n      fontSize={`${size === 'md' ? 16 : 14}px`}\n      fontWeight={boldTitles.includes(variant) ? 600 : undefined}\n      pt={`${size === 'md' ? 4 : 2}px`}\n      whiteSpace=\"nowrap\"\n      {...rest}\n    >\n      {children}\n    </Box>\n  )\n})\n\nStepVerticalTitle.displayName = 'StepVerticalTitle'\n\nexport default StepVerticalTitle\n"],"mappings":";;;;;;;;;;AAUA,MAAa,oBAAoB,KAAoC,OAAO,QAAQ;CAClF,MAAM,EAAE,UAAU,WAAW,OAAO,MAAM,UAAU,UAAU,GAAG,SAAS;CAC1E,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,gBAAgB,OAAO;EACrC,OAAO,WAAW;EAClB,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;EACrC,YAAY,WAAW,SAAS,OAAO,IAAI,MAAM;EACjD,IAAI,GAAG,SAAS,OAAO,IAAI,EAAE;EAC7B,YAAW;EACX,GAAI;EAEH;CACE;AAET,CAAC;AAED,kBAAkB,cAAc"}

package/dist/stepperVertical/stepperVertical.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stepperVertical.d.ts","names":[],"sources":["../../src/stepperVertical/stepperVertical.tsx"],"mappings":";;;;;;cAWa,eAAA,EAAe,YAAA,QAAA,oBAAA"}
+{"version":3,"file":"stepperVertical.d.ts","names":[],"sources":["../../src/stepperVertical/stepperVertical.tsx"],"mappings":";;;;;;cAYa,eAAA,EAAe,YAAA,QAAA,oBAAA"}

package/dist/stepperVertical/stepperVertical.js

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

package/dist/stepperVertical/stepperVertical.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepperVertical.js","names":[],"sources":["../../src/stepperVertical/stepperVertical.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport { StepperVerticalProvider } from './context'\nimport StepperVerticalBase from './stepperVerticalBase'\nimport type { StepperVerticalProps } from './stepperVerticalTypes'\n\n/**\n * Implements vertical stepper **\n */\nexport const StepperVertical = vui<'div', StepperVerticalProps>((props, ref) => {\n  const { children, className, size, ...rest } = props\n  const styles = useStyleConfig('StepperVertical', props)\n\n  const context = useMemo(() => filterUndefined({ size }), [size])\n\n  return (\n    <StepperVerticalProvider value={context}>\n      <StepperVerticalBase className={cs('vui-stepperVertical', className)} ref={ref} {...styles.container} {...rest}>\n        {children}\n      </StepperVerticalBase>\n    </StepperVerticalProvider>\n  )\n})\n\nStepperVertical.displayName = 'StepperVertical'\n\nexport default StepperVertical\n"],"mappings":";;;;;;;;;;;;;AAWA,MAAa,kBAAkB,KAAkC,OAAO,QAAQ;CAC9E,MAAM,EAAE,UAAU,WAAW,MAAM,GAAG,SAAS;CAC/C,MAAM,SAAS,eAAe,mBAAmB,KAAK;CAItD,OACE,oBAAC,yBAAD;EAAyB,OAHX,cAAc,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAGtB;YACpC,oBAAC,qBAAD;GAAqB,WAAW,GAAG,uBAAuB,SAAS;GAAQ;GAAK,GAAI,OAAO;GAAW,GAAI;GACvG;EACkB;CACE;AAE7B,CAAC;AAED,gBAAgB,cAAc"}
+{"version":3,"file":"stepperVertical.js","names":[],"sources":["../../src/stepperVertical/stepperVertical.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { StepperVerticalProps } from './stepperVerticalTypes'\n\nimport { useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport { StepperVerticalProvider } from './context'\nimport StepperVerticalBase from './stepperVerticalBase'\n\n/**\n * Implements vertical stepper **\n */\nexport const StepperVertical = vui<'div', StepperVerticalProps>((props, ref) => {\n  const { children, className, size, ...rest } = props\n  const styles = useStyleConfig('StepperVertical', props)\n\n  const context = useMemo(() => filterUndefined({ size }), [size])\n\n  return (\n    <StepperVerticalProvider value={context}>\n      <StepperVerticalBase className={cs('vui-stepperVertical', className)} ref={ref} {...styles.container} {...rest}>\n        {children}\n      </StepperVerticalBase>\n    </StepperVerticalProvider>\n  )\n})\n\nStepperVertical.displayName = 'StepperVertical'\n\nexport default StepperVertical\n"],"mappings":";;;;;;;;;;;;;AAYA,MAAa,kBAAkB,KAAkC,OAAO,QAAQ;CAC9E,MAAM,EAAE,UAAU,WAAW,MAAM,GAAG,SAAS;CAC/C,MAAM,SAAS,eAAe,mBAAmB,KAAK;CAItD,OACE,oBAAC,yBAAD;EAAyB,OAHX,cAAc,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAGtB;YACpC,oBAAC,qBAAD;GAAqB,WAAW,GAAG,uBAAuB,SAAS;GAAQ;GAAK,GAAI,OAAO;GAAW,GAAI;GACvG;EACkB;CACE;AAE7B,CAAC;AAED,gBAAgB,cAAc"}

package/dist/stepperVertical/stepperVerticalBase.js

@@ -12,5 +12,5 @@ const StepperVerticalBase = styled.divBox`
 
 //#endregion
 export { StepperVerticalBase as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=stepperVerticalBase.js.map

package/dist/stepperVertical/stepperVerticalBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepperVerticalBase.js","names":[],"sources":["../../src/stepperVertical/stepperVerticalBase.ts"],"sourcesContent":["import { styled } from '../core'\nimport { stepClassName, tailClassName } from './consts'\nimport type { StepperVerticalProps } from './stepperVerticalTypes'\n\nconst StepperVerticalBase = styled.divBox<StepperVerticalProps>`\n  width: 100%;\n\n  .${stepClassName}:last-of-type > .${tailClassName} {\n    display: none;\n  }\n`\nexport default StepperVerticalBase\n"],"mappings":";;;;AAIA,MAAM,sBAAsB,OAAO,MAA4B;;;KAG1D,cAAc,mBAAmB,cAAc"}
+{"version":3,"file":"stepperVerticalBase.js","names":[],"sources":["../../src/stepperVertical/stepperVerticalBase.ts"],"sourcesContent":["import type { StepperVerticalProps } from './stepperVerticalTypes'\n\nimport { styled } from '../core'\nimport { stepClassName, tailClassName } from './consts'\n\nconst StepperVerticalBase = styled.divBox<StepperVerticalProps>`\n  width: 100%;\n\n  .${stepClassName}:last-of-type > .${tailClassName} {\n    display: none;\n  }\n`\nexport default StepperVerticalBase\n"],"mappings":";;;;AAKA,MAAM,sBAAsB,OAAO,MAA4B;;;KAG1D,cAAc,mBAAmB,cAAc"}

package/dist/stepperVertical/theme.js

@@ -17,5 +17,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/svg/cache.js

@@ -27,5 +27,5 @@ const cache = new Cache();
 
 //#endregion
 export { cache as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=cache.js.map

package/dist/svg/helpers.js

@@ -28,5 +28,5 @@ function stringToHTML(html) {
 
 //#endregion
 export { getAttributes, getSvgContent, initState, stringToHTML };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=helpers.js.map

package/dist/svg/svg.js

@@ -73,5 +73,5 @@ Svg.displayName = "Svg";
 
 //#endregion
 export { SvgBase, Svg as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=svg.js.map