silver-ui 0.5.0 → 0.7.1

package/dist/{chunk-TOQ4MGM5.js.map → chunk-6R2UZNVE.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AppShell/AppShell.recipe.ts","../src/components/AppShell/useSlotPresence.tsx","../src/internal/sharedResizeObserver.ts","../src/internal/useMediaQuery.ts","../src/components/AppShell/AppShell.tsx"],"names":["observer","useCallback","useState","useRef","useEffect"],"mappings":"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","file":"chunk-TOQ4MGM5.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const appShellRecipe = cva({\n  base: {\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n  },\n  variants: {\n    height: {\n      fill: {\n        h: '100dvh',\n      },\n      auto: {\n        minH: '100dvh',\n      },\n    },\n    variant: {\n      default: {\n        bg: 'bg.subtle',\n      },\n      section: {\n        bg: 'bg',\n      },\n    },\n  },\n  defaultVariants: {\n    height: 'fill',\n    variant: 'default',\n  },\n});\n\nexport type AppShellVariants = RecipeVariantProps<typeof appShellRecipe>;\n","import {useCallback, useEffect, useRef, useState} from 'react';\n\nfunction hasChildContent(element: HTMLElement): boolean {\n  for (const node of element.childNodes) {\n    if (node.nodeType === Node.ELEMENT_NODE) {\n      return true;\n    }\n\n    if (node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== '') {\n      return true;\n    }\n  }\n\n  return false;\n}\n\nexport function useSlotPresence(initialValue = false): {\n  hasContent: boolean;\n  ref: (node: HTMLDivElement | null) => void;\n} {\n  const [hasContent, setHasContent] = useState(initialValue);\n  const observerRef = useRef<MutationObserver | null>(null);\n\n  const ref = useCallback((node: HTMLDivElement | null) => {\n    observerRef.current?.disconnect();\n    observerRef.current = null;\n\n    if (node == null) {\n      setHasContent(false);\n      return;\n    }\n\n    setHasContent(hasChildContent(node));\n\n    const observer = new MutationObserver(() => {\n      setHasContent(hasChildContent(node));\n    });\n    observer.observe(node, {childList: true});\n    observerRef.current = observer;\n  }, []);\n\n  useEffect(() => {\n    return () => observerRef.current?.disconnect();\n  }, []);\n\n  return {hasContent, ref};\n}\n","type ResizeCallback = (entry: ResizeObserverEntry) => void;\n\nlet observer: ResizeObserver | null = null;\nconst callbacks = new Map<Element, ResizeCallback>();\n\nfunction getObserver(): ResizeObserver {\n  observer ??= new ResizeObserver(entries => {\n    for (const entry of entries) {\n      callbacks.get(entry.target)?.(entry);\n    }\n  });\n\n  return observer;\n}\n\nexport function observeResize(\n  element: Element,\n  callback: ResizeCallback,\n): void {\n  callbacks.set(element, callback);\n  getObserver().observe(element);\n}\n\nexport function unobserveResize(element: Element): void {\n  callbacks.delete(element);\n\n  if (observer == null) {\n    return;\n  }\n\n  observer.unobserve(element);\n\n  if (callbacks.size === 0) {\n    observer.disconnect();\n    observer = null;\n  }\n}\n","import {useCallback, useSyncExternalStore} from 'react';\n\nfunction getServerSnapshot(): boolean {\n  return false;\n}\n\n/**\n * Subscribe to a browser media query using React's external-store API.\n */\nexport function useMediaQuery(query: string): boolean {\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => {\n      const mediaQueryList = window.matchMedia(query);\n      mediaQueryList.addEventListener('change', onStoreChange);\n      return () => mediaQueryList.removeEventListener('change', onStoreChange);\n    },\n    [query],\n  );\n\n  const getSnapshot = useCallback(() => {\n    return window.matchMedia(query).matches;\n  }, [query]);\n\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useEffect, useId, useMemo, useRef, useState} from 'react';\nimport {appShellRecipe} from 'components/AppShell/AppShell.recipe';\nimport {\n  AppShellMobileContext,\n  type AppShellMobileContextValue,\n} from 'components/AppShell/AppShellMobileContext';\nimport {useSlotPresence} from 'components/AppShell/useSlotPresence';\nimport {Layout, LayoutContent, LayoutPanel} from 'components/Layout';\nimport {SideNavRenderContext} from 'components/SideNav';\nimport {\n  TopNavMobileContentContext,\n  TopNavRenderContext,\n} from 'components/TopNav';\nimport {MobileNavToggle} from 'internal/MobileNav';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {mergeRefs} from 'internal/mergeRefs';\nimport {observeResize, unobserveResize} from 'internal/sharedResizeObserver';\nimport type {SpacingToken} from 'internal/spacingTokens';\nimport {useMediaQuery} from 'internal/useMediaQuery';\nimport {css} from 'styled-system/css';\n\nexport type AppShellBreakpoint = 'sm' | 'md' | 'lg' | 'none';\nexport type AppShellVariant = 'default' | 'section';\nexport type AppShellHeight = 'fill' | 'auto';\n\n/**\n * Application-level layout shell with top navigation, side navigation,\n * banner, skip-to-content support, and responsive mobile navigation.\n */\nexport interface AppShellProps {\n  /**\n   * System-wide content rendered above the top navigation.\n   */\n  banner?: ReactNode;\n  /**\n   * Main content rendered inside the shell's `<main>` landmark.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Padding applied to the main content area. Default is `0`.\n   */\n  contentPadding?: SpacingToken;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Height behavior. `fill` keeps scrolling inside the shell; `auto` lets the\n   * page grow with content.\n   */\n  height?: AppShellHeight;\n  /**\n   * Disable generated mobile navigation.\n   */\n  isMobileNavDisabled?: boolean;\n  /**\n   * Breakpoint below which mobile navigation is used.\n   * @default 'md'\n   */\n  mobileBreakpoint?: AppShellBreakpoint;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Side navigation slot, typically a SideNav.\n   */\n  sideNav?: ReactNode;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Top navigation slot, typically a TopNav.\n   */\n  topNav?: ReactNode;\n  /**\n   * Background and divider style for the shell.\n   */\n  variant?: AppShellVariant;\n}\n\nconst BREAKPOINT_VALUES: Record<AppShellBreakpoint, number> = {\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  none: 0,\n};\n\nconst styles = {\n  skipLink: css({\n    position: 'absolute',\n    top: 0,\n    insetInlineStart: 0,\n    w: '1px',\n    h: '1px',\n    p: 0,\n    m: '-1px',\n    overflow: 'hidden',\n    clipPath: 'inset(50%)',\n    whiteSpace: 'nowrap',\n    borderWidth: 0,\n    zIndex: 9999,\n    bg: 'bg',\n    color: 'primary',\n    textDecoration: 'none',\n    fontWeight: 'semibold',\n    _focus: {\n      position: 'fixed',\n      top: '2',\n      insetInlineStart: '2',\n      w: 'auto',\n      h: 'auto',\n      p: '2',\n      m: 0,\n      overflow: 'visible',\n      clipPath: 'none',\n      whiteSpace: 'normal',\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n  }),\n  headerSticky: css({\n    position: 'sticky',\n    top: 0,\n    zIndex: 1,\n  }),\n  banner: css({\n    flexShrink: 0,\n  }),\n  autoMobileTopBar: css({\n    display: 'flex',\n    alignItems: 'center',\n    h: '12',\n    px: '2',\n  }),\n  sideNavSticky: css({\n    flexShrink: 0,\n    overflow: 'clip',\n    position: 'sticky',\n    top: 'var(--appshell-header-height, 0px)',\n    h: 'calc(100dvh - var(--appshell-header-height, 0px))',\n    display: 'flex',\n    flexDirection: 'column',\n  }),\n  elevatedWrapper: css({\n    position: 'relative',\n    display: 'flex',\n    flex: 1,\n    minH: 0,\n    h: '100%',\n  }),\n  elevatedBackdrop: css({\n    position: 'absolute',\n    inset: 0,\n    bg: 'bg',\n    borderStartStartRadius: '2xl',\n    pointerEvents: 'none',\n  }),\n  contentSurface: css({\n    bg: 'bg',\n  }),\n  contentTransparent: css({\n    bg: 'transparent',\n    isolation: 'isolate',\n  }),\n  slotContents: css({\n    display: 'contents',\n  }),\n};\n\ntype AppShellRootStyle = CSSProperties & {\n  '--appshell-header-height'?: string;\n};\n\n/**\n * Application-level layout shell with top navigation, side navigation,\n * banner, skip-to-content support, and responsive mobile navigation.\n */\nexport function AppShell({\n  banner,\n  children,\n  className,\n  contentPadding,\n  'data-testid': dataTestId,\n  height = 'fill',\n  isMobileNavDisabled = false,\n  mobileBreakpoint = 'md',\n  ref,\n  sideNav,\n  style,\n  topNav,\n  variant = 'default',\n}: AppShellProps): React.JSX.Element {\n  const mainContentId = useId();\n  const breakpointQuery =\n    mobileBreakpoint === 'none'\n      ? '(max-width: 0px)'\n      : `(max-width: ${BREAKPOINT_VALUES[mobileBreakpoint]}px)`;\n  const isBelowBreakpoint = useMediaQuery(breakpointQuery);\n  const [isMobileNavOpen, setIsMobileNavOpen] = useState(false);\n  const {ref: topNavPresenceRef, hasContent: hasTopNavContent} =\n    useSlotPresence(isReactNode(topNav));\n  const {ref: sideNavPresenceRef, hasContent: hasSideNavContent} =\n    useSlotPresence(isReactNode(sideNav));\n  const hasTopNav = isReactNode(topNav);\n  const hasSideNav = isReactNode(sideNav);\n  const hasNavContent = hasTopNavContent || hasSideNavContent;\n  const mobileNavEnabled = !isMobileNavDisabled && hasNavContent;\n  const showSideNavInline = hasSideNav && !isBelowBreakpoint;\n  const isAuto = height === 'auto';\n  const isFill = height === 'fill';\n  const navHasDividers = variant === 'section';\n  const headerRef = useRef<HTMLDivElement>(null);\n  const shellRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!isAuto || headerRef.current == null || shellRef.current == null) {\n      return;\n    }\n\n    const headerElement = headerRef.current;\n    const shellElement = shellRef.current;\n    const updateHeight = () => {\n      shellElement.style.setProperty(\n        '--appshell-header-height',\n        `${headerElement.getBoundingClientRect().height}px`,\n      );\n    };\n\n    observeResize(headerElement, updateHeight);\n    return () => unobserveResize(headerElement);\n  }, [isAuto]);\n\n  const mobileContextValue = useMemo<AppShellMobileContextValue>(\n    () => ({\n      closeMobileNav: () => setIsMobileNavOpen(false),\n      hasAutoToggle: true,\n      isMobile: isBelowBreakpoint,\n      isMobileNavEnabled: mobileNavEnabled,\n      isMobileNavOpen,\n      openMobileNav: () => mobileNavEnabled && setIsMobileNavOpen(true),\n      toggleMobileNav: () => {\n        if (mobileNavEnabled) {\n          setIsMobileNavOpen(prev => !prev);\n        }\n      },\n    }),\n    [isBelowBreakpoint, isMobileNavOpen, mobileNavEnabled],\n  );\n\n  /* eslint-disable @eslint-react/no-unstable-context-value -- sideNav ReactNode prop prevents stable memoization */\n  const mobileContentValue = hasSideNavContent ? (\n    <SideNavRenderContext value=\"drawer-content\">\n      <div className={styles.slotContents} ref={sideNavPresenceRef}>\n        {sideNav}\n      </div>\n    </SideNavRenderContext>\n  ) : null;\n  const drawerMobileContentValue = hasSideNavContent ? (\n    <SideNavRenderContext value=\"drawer-content\">\n      {sideNav}\n    </SideNavRenderContext>\n  ) : null;\n  /* eslint-enable @eslint-react/no-unstable-context-value */\n  const topNavContent =\n    hasTopNav && isBelowBreakpoint && !isMobileNavDisabled ? (\n      <TopNavMobileContentContext value={mobileContentValue}>\n        <TopNavRenderContext value=\"mobile-bar\">\n          <div className={styles.slotContents} ref={topNavPresenceRef}>\n            {topNav}\n          </div>\n        </TopNavRenderContext>\n      </TopNavMobileContentContext>\n    ) : (\n      topNav\n    );\n  const headerContent =\n    hasTopNav || isReactNode(banner) ? (\n      <div className={cx(isAuto && styles.headerSticky)} ref={headerRef}>\n        <header style={{flexShrink: 0}}>\n          {isReactNode(banner) ? (\n            <div className={styles.banner}>{banner}</div>\n          ) : null}\n          {hasTopNav ? (\n            <div className={styles.slotContents} ref={topNavPresenceRef}>\n              {topNavContent}\n            </div>\n          ) : null}\n        </header>\n      </div>\n    ) : undefined;\n  const autoMobileTopBar =\n    !isMobileNavDisabled &&\n    isBelowBreakpoint &&\n    !hasTopNavContent &&\n    hasSideNav ? (\n      <header style={{flexShrink: 0}}>\n        <div\n          aria-label=\"Mobile navigation\"\n          className={styles.autoMobileTopBar}\n          role=\"navigation\">\n          <SideNavRenderContext value=\"topbar\">\n            <div className={styles.slotContents} ref={sideNavPresenceRef}>\n              {sideNav}\n            </div>\n          </SideNavRenderContext>\n          <MobileNavToggle />\n        </div>\n      </header>\n    ) : undefined;\n  const sideNavPanel = showSideNavInline ? (\n    <LayoutPanel isScrollable={isFill} padding={0}>\n      <div className={styles.slotContents} ref={sideNavPresenceRef}>\n        {sideNav}\n      </div>\n    </LayoutPanel>\n  ) : undefined;\n  const sideNavContent =\n    sideNavPanel != null && isAuto ? (\n      <div className={styles.sideNavSticky}>{sideNavPanel}</div>\n    ) : (\n      sideNavPanel\n    );\n  const contentClassName =\n    variant === 'default' && hasTopNavContent && showSideNavInline\n      ? styles.contentTransparent\n      : variant === 'default'\n        ? styles.contentSurface\n        : undefined;\n  const mainInner = (\n    <LayoutContent\n      as=\"main\"\n      className={contentClassName}\n      id={mainContentId}\n      isScrollable={isFill}\n      padding={contentPadding ?? 0}>\n      {children}\n    </LayoutContent>\n  );\n  const shouldElevateWithCorner =\n    variant === 'default' && hasTopNavContent && showSideNavInline;\n  const mainContent = shouldElevateWithCorner ? (\n    <div className={styles.elevatedWrapper}>\n      <div className={styles.elevatedBackdrop} />\n      {mainInner}\n    </div>\n  ) : (\n    mainInner\n  );\n  const rootStyle: AppShellRootStyle = {...style};\n\n  return (\n    <AppShellMobileContext value={mobileContextValue}>\n      <div\n        className={cx(appShellRecipe({height, variant}), className)}\n        data-testid={dataTestId}\n        ref={mergeRefs(ref, shellRef)}\n        style={rootStyle}>\n        <a\n          className={styles.skipLink}\n          data-testid=\"skip-to-content\"\n          href={`#${mainContentId}`}>\n          Skip to content\n        </a>\n        <Layout\n          content={mainContent}\n          hasDividers={navHasDividers}\n          header={\n            <>\n              {headerContent}\n              {autoMobileTopBar}\n            </>\n          }\n          height={height}\n          padding={0}\n          start={sideNavContent}\n        />\n        {isBelowBreakpoint && !isMobileNavDisabled ? (\n          <>\n            {hasSideNav && !hasTopNavContent ? (\n              <SideNavRenderContext value=\"drawer\">\n                {sideNav}\n              </SideNavRenderContext>\n            ) : null}\n            {hasTopNav && hasTopNavContent ? (\n              <TopNavMobileContentContext value={drawerMobileContentValue}>\n                <TopNavRenderContext value=\"drawer\">\n                  {topNav}\n                </TopNavRenderContext>\n              </TopNavMobileContentContext>\n            ) : null}\n          </>\n        ) : null}\n      </div>\n    </AppShellMobileContext>\n  );\n}\n\nAppShell.displayName = 'AppShell';\n"]}
+{"version":3,"sources":["../src/components/AppShell/AppShell.recipe.ts","../src/components/AppShell/useSlotPresence.tsx","../src/internal/sharedResizeObserver.ts","../src/internal/useMediaQuery.ts","../src/components/AppShell/AppShell.tsx"],"names":["observer","useCallback","useState","useRef","useEffect"],"mappings":"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","file":"chunk-6R2UZNVE.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const appShellRecipe = cva({\n  base: {\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n  },\n  variants: {\n    height: {\n      fill: {\n        h: '100dvh',\n      },\n      auto: {\n        minH: '100dvh',\n      },\n    },\n    variant: {\n      default: {\n        bg: 'bg.subtle',\n      },\n      section: {\n        bg: 'bg',\n      },\n    },\n  },\n  defaultVariants: {\n    height: 'fill',\n    variant: 'default',\n  },\n});\n\nexport type AppShellVariants = RecipeVariantProps<typeof appShellRecipe>;\n","import {useCallback, useEffect, useRef, useState} from 'react';\n\nfunction hasChildContent(element: HTMLElement): boolean {\n  for (const node of element.childNodes) {\n    if (node.nodeType === Node.ELEMENT_NODE) {\n      return true;\n    }\n\n    if (node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== '') {\n      return true;\n    }\n  }\n\n  return false;\n}\n\nexport function useSlotPresence(initialValue = false): {\n  hasContent: boolean;\n  ref: (node: HTMLDivElement | null) => void;\n} {\n  const [hasContent, setHasContent] = useState(initialValue);\n  const observerRef = useRef<MutationObserver | null>(null);\n\n  const ref = useCallback((node: HTMLDivElement | null) => {\n    observerRef.current?.disconnect();\n    observerRef.current = null;\n\n    if (node == null) {\n      setHasContent(false);\n      return;\n    }\n\n    setHasContent(hasChildContent(node));\n\n    const observer = new MutationObserver(() => {\n      setHasContent(hasChildContent(node));\n    });\n    observer.observe(node, {childList: true});\n    observerRef.current = observer;\n  }, []);\n\n  useEffect(() => {\n    return () => observerRef.current?.disconnect();\n  }, []);\n\n  return {hasContent, ref};\n}\n","type ResizeCallback = (entry: ResizeObserverEntry) => void;\n\nlet observer: ResizeObserver | null = null;\nconst callbacks = new Map<Element, ResizeCallback>();\n\nfunction getObserver(): ResizeObserver {\n  observer ??= new ResizeObserver(entries => {\n    for (const entry of entries) {\n      callbacks.get(entry.target)?.(entry);\n    }\n  });\n\n  return observer;\n}\n\nexport function observeResize(\n  element: Element,\n  callback: ResizeCallback,\n): void {\n  callbacks.set(element, callback);\n  getObserver().observe(element);\n}\n\nexport function unobserveResize(element: Element): void {\n  callbacks.delete(element);\n\n  if (observer == null) {\n    return;\n  }\n\n  observer.unobserve(element);\n\n  if (callbacks.size === 0) {\n    observer.disconnect();\n    observer = null;\n  }\n}\n","import {useCallback, useSyncExternalStore} from 'react';\n\nfunction getServerSnapshot(): boolean {\n  return false;\n}\n\n/**\n * Subscribe to a browser media query using React's external-store API.\n */\nexport function useMediaQuery(query: string): boolean {\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => {\n      const mediaQueryList = window.matchMedia(query);\n      mediaQueryList.addEventListener('change', onStoreChange);\n      return () => mediaQueryList.removeEventListener('change', onStoreChange);\n    },\n    [query],\n  );\n\n  const getSnapshot = useCallback(() => {\n    return window.matchMedia(query).matches;\n  }, [query]);\n\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useEffect, useId, useMemo, useRef, useState} from 'react';\nimport {appShellRecipe} from 'components/AppShell/AppShell.recipe';\nimport {\n  AppShellMobileContext,\n  type AppShellMobileContextValue,\n} from 'components/AppShell/AppShellMobileContext';\nimport {useSlotPresence} from 'components/AppShell/useSlotPresence';\nimport {Layout, LayoutContent, LayoutPanel} from 'components/Layout';\nimport {SideNavRenderContext} from 'components/SideNav';\nimport {\n  TopNavMobileContentContext,\n  TopNavRenderContext,\n} from 'components/TopNav';\nimport {MobileNavToggle} from 'internal/MobileNav';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {mergeRefs} from 'internal/mergeRefs';\nimport {observeResize, unobserveResize} from 'internal/sharedResizeObserver';\nimport type {SpacingToken} from 'internal/spacingTokens';\nimport {useMediaQuery} from 'internal/useMediaQuery';\nimport {css} from 'styled-system/css';\n\nexport type AppShellBreakpoint = 'sm' | 'md' | 'lg' | 'none';\nexport type AppShellVariant = 'default' | 'section';\nexport type AppShellHeight = 'fill' | 'auto';\n\n/**\n * Application-level layout shell with top navigation, side navigation,\n * banner, skip-to-content support, and responsive mobile navigation.\n */\nexport interface AppShellProps {\n  /**\n   * System-wide content rendered above the top navigation.\n   */\n  banner?: ReactNode;\n  /**\n   * Main content rendered inside the shell's `<main>` landmark.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Padding applied to the main content area. Default is `0`.\n   */\n  contentPadding?: SpacingToken;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Height behavior. `fill` keeps scrolling inside the shell; `auto` lets the\n   * page grow with content.\n   */\n  height?: AppShellHeight;\n  /**\n   * Disable generated mobile navigation.\n   */\n  isMobileNavDisabled?: boolean;\n  /**\n   * Breakpoint below which mobile navigation is used.\n   * @default 'md'\n   */\n  mobileBreakpoint?: AppShellBreakpoint;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Side navigation slot, typically a SideNav.\n   */\n  sideNav?: ReactNode;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Top navigation slot, typically a TopNav.\n   */\n  topNav?: ReactNode;\n  /**\n   * Background and divider style for the shell.\n   */\n  variant?: AppShellVariant;\n}\n\nconst BREAKPOINT_VALUES: Record<AppShellBreakpoint, number> = {\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  none: 0,\n};\n\nconst styles = {\n  skipLink: css({\n    position: 'absolute',\n    top: 0,\n    insetInlineStart: 0,\n    w: '1px',\n    h: '1px',\n    p: 0,\n    m: '-1px',\n    overflow: 'hidden',\n    clipPath: 'inset(50%)',\n    whiteSpace: 'nowrap',\n    borderWidth: 0,\n    zIndex: 9999,\n    bg: 'bg',\n    color: 'primary',\n    textDecoration: 'none',\n    fontWeight: 'semibold',\n    _focus: {\n      position: 'fixed',\n      top: '2',\n      insetInlineStart: '2',\n      w: 'auto',\n      h: 'auto',\n      p: '2',\n      m: 0,\n      overflow: 'visible',\n      clipPath: 'none',\n      whiteSpace: 'normal',\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n  }),\n  headerSticky: css({\n    position: 'sticky',\n    top: 0,\n    zIndex: 1,\n  }),\n  banner: css({\n    flexShrink: 0,\n  }),\n  autoMobileTopBar: css({\n    display: 'flex',\n    alignItems: 'center',\n    h: '12',\n    px: '2',\n  }),\n  sideNavSticky: css({\n    flexShrink: 0,\n    overflow: 'clip',\n    position: 'sticky',\n    top: 'var(--appshell-header-height, 0px)',\n    h: 'calc(100dvh - var(--appshell-header-height, 0px))',\n    display: 'flex',\n    flexDirection: 'column',\n  }),\n  elevatedWrapper: css({\n    position: 'relative',\n    display: 'flex',\n    flex: 1,\n    minH: 0,\n    h: '100%',\n  }),\n  elevatedBackdrop: css({\n    position: 'absolute',\n    inset: 0,\n    bg: 'bg',\n    borderStartStartRadius: '2xl',\n    pointerEvents: 'none',\n  }),\n  contentSurface: css({\n    bg: 'bg',\n  }),\n  contentTransparent: css({\n    bg: 'transparent',\n    isolation: 'isolate',\n  }),\n  slotContents: css({\n    display: 'contents',\n  }),\n};\n\ntype AppShellRootStyle = CSSProperties & {\n  '--appshell-header-height'?: string;\n};\n\n/**\n * Application-level layout shell with top navigation, side navigation,\n * banner, skip-to-content support, and responsive mobile navigation.\n */\nexport function AppShell({\n  banner,\n  children,\n  className,\n  contentPadding,\n  'data-testid': dataTestId,\n  height = 'fill',\n  isMobileNavDisabled = false,\n  mobileBreakpoint = 'md',\n  ref,\n  sideNav,\n  style,\n  topNav,\n  variant = 'default',\n}: AppShellProps): React.JSX.Element {\n  const mainContentId = useId();\n  const breakpointQuery =\n    mobileBreakpoint === 'none'\n      ? '(max-width: 0px)'\n      : `(max-width: ${BREAKPOINT_VALUES[mobileBreakpoint]}px)`;\n  const isBelowBreakpoint = useMediaQuery(breakpointQuery);\n  const [isMobileNavOpen, setIsMobileNavOpen] = useState(false);\n  const {ref: topNavPresenceRef, hasContent: hasTopNavContent} =\n    useSlotPresence(isReactNode(topNav));\n  const {ref: sideNavPresenceRef, hasContent: hasSideNavContent} =\n    useSlotPresence(isReactNode(sideNav));\n  const hasTopNav = isReactNode(topNav);\n  const hasSideNav = isReactNode(sideNav);\n  const hasNavContent = hasTopNavContent || hasSideNavContent;\n  const mobileNavEnabled = !isMobileNavDisabled && hasNavContent;\n  const showSideNavInline = hasSideNav && !isBelowBreakpoint;\n  const isAuto = height === 'auto';\n  const isFill = height === 'fill';\n  const navHasDividers = variant === 'section';\n  const headerRef = useRef<HTMLDivElement>(null);\n  const shellRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!isAuto || headerRef.current == null || shellRef.current == null) {\n      return;\n    }\n\n    const headerElement = headerRef.current;\n    const shellElement = shellRef.current;\n    const updateHeight = () => {\n      shellElement.style.setProperty(\n        '--appshell-header-height',\n        `${headerElement.getBoundingClientRect().height}px`,\n      );\n    };\n\n    observeResize(headerElement, updateHeight);\n    return () => unobserveResize(headerElement);\n  }, [isAuto]);\n\n  const mobileContextValue = useMemo<AppShellMobileContextValue>(\n    () => ({\n      closeMobileNav: () => setIsMobileNavOpen(false),\n      hasAutoToggle: true,\n      isMobile: isBelowBreakpoint,\n      isMobileNavEnabled: mobileNavEnabled,\n      isMobileNavOpen,\n      openMobileNav: () => mobileNavEnabled && setIsMobileNavOpen(true),\n      toggleMobileNav: () => {\n        if (mobileNavEnabled) {\n          setIsMobileNavOpen(prev => !prev);\n        }\n      },\n    }),\n    [isBelowBreakpoint, isMobileNavOpen, mobileNavEnabled],\n  );\n\n  /* eslint-disable @eslint-react/no-unstable-context-value -- sideNav ReactNode prop prevents stable memoization */\n  const mobileContentValue = hasSideNavContent ? (\n    <SideNavRenderContext value=\"drawer-content\">\n      <div className={styles.slotContents} ref={sideNavPresenceRef}>\n        {sideNav}\n      </div>\n    </SideNavRenderContext>\n  ) : null;\n  const drawerMobileContentValue = hasSideNavContent ? (\n    <SideNavRenderContext value=\"drawer-content\">\n      {sideNav}\n    </SideNavRenderContext>\n  ) : null;\n  /* eslint-enable @eslint-react/no-unstable-context-value */\n  const topNavContent =\n    hasTopNav && isBelowBreakpoint && !isMobileNavDisabled ? (\n      <TopNavMobileContentContext value={mobileContentValue}>\n        <TopNavRenderContext value=\"mobile-bar\">\n          <div className={styles.slotContents} ref={topNavPresenceRef}>\n            {topNav}\n          </div>\n        </TopNavRenderContext>\n      </TopNavMobileContentContext>\n    ) : (\n      topNav\n    );\n  const headerContent =\n    hasTopNav || isReactNode(banner) ? (\n      <div className={cx(isAuto && styles.headerSticky)} ref={headerRef}>\n        <header style={{flexShrink: 0}}>\n          {isReactNode(banner) ? (\n            <div className={styles.banner}>{banner}</div>\n          ) : null}\n          {hasTopNav ? (\n            <div className={styles.slotContents} ref={topNavPresenceRef}>\n              {topNavContent}\n            </div>\n          ) : null}\n        </header>\n      </div>\n    ) : undefined;\n  const autoMobileTopBar =\n    !isMobileNavDisabled &&\n    isBelowBreakpoint &&\n    !hasTopNavContent &&\n    hasSideNav ? (\n      <header style={{flexShrink: 0}}>\n        <div\n          aria-label=\"Mobile navigation\"\n          className={styles.autoMobileTopBar}\n          role=\"navigation\">\n          <SideNavRenderContext value=\"topbar\">\n            <div className={styles.slotContents} ref={sideNavPresenceRef}>\n              {sideNav}\n            </div>\n          </SideNavRenderContext>\n          <MobileNavToggle />\n        </div>\n      </header>\n    ) : undefined;\n  const sideNavPanel = showSideNavInline ? (\n    <LayoutPanel isScrollable={isFill} padding={0}>\n      <div className={styles.slotContents} ref={sideNavPresenceRef}>\n        {sideNav}\n      </div>\n    </LayoutPanel>\n  ) : undefined;\n  const sideNavContent =\n    sideNavPanel != null && isAuto ? (\n      <div className={styles.sideNavSticky}>{sideNavPanel}</div>\n    ) : (\n      sideNavPanel\n    );\n  const contentClassName =\n    variant === 'default' && hasTopNavContent && showSideNavInline\n      ? styles.contentTransparent\n      : variant === 'default'\n        ? styles.contentSurface\n        : undefined;\n  const mainInner = (\n    <LayoutContent\n      as=\"main\"\n      className={contentClassName}\n      id={mainContentId}\n      isScrollable={isFill}\n      padding={contentPadding ?? 0}>\n      {children}\n    </LayoutContent>\n  );\n  const shouldElevateWithCorner =\n    variant === 'default' && hasTopNavContent && showSideNavInline;\n  const mainContent = shouldElevateWithCorner ? (\n    <div className={styles.elevatedWrapper}>\n      <div className={styles.elevatedBackdrop} />\n      {mainInner}\n    </div>\n  ) : (\n    mainInner\n  );\n  const rootStyle: AppShellRootStyle = {...style};\n\n  return (\n    <AppShellMobileContext value={mobileContextValue}>\n      <div\n        className={cx(appShellRecipe({height, variant}), className)}\n        data-testid={dataTestId}\n        ref={mergeRefs(ref, shellRef)}\n        style={rootStyle}>\n        <a\n          className={styles.skipLink}\n          data-testid=\"skip-to-content\"\n          href={`#${mainContentId}`}>\n          Skip to content\n        </a>\n        <Layout\n          content={mainContent}\n          hasDividers={navHasDividers}\n          header={\n            <>\n              {headerContent}\n              {autoMobileTopBar}\n            </>\n          }\n          height={height}\n          padding={0}\n          start={sideNavContent}\n        />\n        {isBelowBreakpoint && !isMobileNavDisabled ? (\n          <>\n            {hasSideNav && !hasTopNavContent ? (\n              <SideNavRenderContext value=\"drawer\">\n                {sideNav}\n              </SideNavRenderContext>\n            ) : null}\n            {hasTopNav && hasTopNavContent ? (\n              <TopNavMobileContentContext value={drawerMobileContentValue}>\n                <TopNavRenderContext value=\"drawer\">\n                  {topNav}\n                </TopNavRenderContext>\n              </TopNavMobileContentContext>\n            ) : null}\n          </>\n        ) : null}\n      </div>\n    </AppShellMobileContext>\n  );\n}\n\nAppShell.displayName = 'AppShell';\n"]}

package/dist/{chunk-BIJ6YDWJ.cjs → chunk-6SFMORQF.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
 var chunkMAYQGKKW_cjs = require('./chunk-MAYQGKKW.cjs');
-var chunkBSI4BQEX_cjs = require('./chunk-BSI4BQEX.cjs');
-var chunkJSAYTQTJ_cjs = require('./chunk-JSAYTQTJ.cjs');
+var chunkOCYZKZ24_cjs = require('./chunk-OCYZKZ24.cjs');
+var chunkGJZAGTPV_cjs = require('./chunk-GJZAGTPV.cjs');
 var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
 var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
@@ -35,7 +35,14 @@ var toggleButtonRecipe = chunkZ6RT3WPE_cjs.sva({
     label: {
       overflow: "hidden",
       textOverflow: "ellipsis",
-      minW: 0
+      minW: 0,
+      // The label is a (blockified) flex item, so `overflow: hidden` clips it to
+      // its line box. With a tight line-height that crops descenders (e.g. the
+      // "g" in "Going"), so pad the clip box vertically and cancel the padding
+      // with a negative margin to keep layout unchanged.
+      py: "0.25em",
+      mt: "-0.35em",
+      mb: "-0.25em"
     },
     widthReservation: {
       display: "block",
@@ -212,17 +219,17 @@ function ToggleButton({
       style,
       type: "button",
       children: /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": isLoading || void 0, className: classes.content, children: [
-        resolvedIcon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.icon, children: isIconOnly && isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkBSI4BQEX_cjs.Spinner, { size }) : /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { icon: resolvedIcon, size }) }) : null,
+        resolvedIcon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.icon, children: isIconOnly && isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkOCYZKZ24_cjs.Spinner, { size }) : /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { icon: resolvedIcon, size }) }) : null,
         !isIconOnly ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classes.labelWrapper, children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.label, children: label }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: classes.widthReservation, children: label })
         ] }) : null,
-        !isIconOnly && isLoading ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: classes.spinner, children: /* @__PURE__ */ jsxRuntime.jsx(chunkBSI4BQEX_cjs.Spinner, { size }) }) : null
+        !isIconOnly && isLoading ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: classes.spinner, children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCYZKZ24_cjs.Spinner, { size }) }) : null
       ] })
     }
   );
   if (tooltip != null) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkJSAYTQTJ_cjs.Tooltip, { content: tooltip, children: button });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkGJZAGTPV_cjs.Tooltip, { content: tooltip, children: button });
   }
   return button;
 }
@@ -230,5 +237,5 @@ ToggleButton.displayName = "ToggleButton";
 
 exports.ToggleButton = ToggleButton;
 exports.ToggleButtonGroup = ToggleButtonGroup;
-//# sourceMappingURL=chunk-BIJ6YDWJ.cjs.map
-//# sourceMappingURL=chunk-BIJ6YDWJ.cjs.map
+//# sourceMappingURL=chunk-6SFMORQF.cjs.map
+//# sourceMappingURL=chunk-6SFMORQF.cjs.map

package/dist/chunk-6SFMORQF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ToggleButton/ToggleButton.recipe.ts","../src/components/ToggleButton/ToggleButtonGroup.tsx","../src/components/ToggleButton/ToggleButton.tsx"],"names":["sva","createContext","use","css","useMemo","useCallback","current","jsx","cx","buttonRecipe","Spinner","Icon","jsxs","Tooltip"],"mappings":"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","file":"chunk-6SFMORQF.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const toggleButtonRecipe = sva({\n  slots: [\n    'root',\n    'content',\n    'labelWrapper',\n    'label',\n    'widthReservation',\n    'icon',\n    'spinner',\n  ],\n  base: {\n    content: {\n      display: 'contents',\n    },\n    labelWrapper: {\n      display: 'inline-flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center',\n      minW: 0,\n    },\n    label: {\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      minW: 0,\n      // The label is a (blockified) flex item, so `overflow: hidden` clips it to\n      // its line box. With a tight line-height that crops descenders (e.g. the\n      // \"g\" in \"Going\"), so pad the clip box vertically and cancel the padding\n      // with a negative margin to keep layout unchanged.\n      py: '0.25em',\n      mt: '-0.35em',\n      mb: '-0.25em',\n    },\n    widthReservation: {\n      display: 'block',\n      h: 0,\n      overflow: 'hidden',\n      visibility: 'hidden',\n      pointerEvents: 'none',\n      fontWeight: 'semibold',\n    },\n    icon: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n    },\n    spinner: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      color: 'inherit',\n    },\n  },\n  variants: {\n    // The core button visuals (size/variant/iconOnly) come from the shared\n    // `buttonRecipe`; this recipe only layers the selected-state override on the\n    // root, which is composed with the button root via `cx`.\n    isSelected: {\n      true: {\n        root: {\n          bg: 'bg.subtle',\n          fontWeight: 'semibold',\n          _hover: {bg: 'bg.subtle'},\n          _active: {bg: 'bg.subtle'},\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    isSelected: false,\n  },\n});\n\nexport type ToggleButtonVariants = RecipeVariantProps<\n  typeof toggleButtonRecipe\n>;\n","import {\n  createContext,\n  use,\n  useCallback,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport type {ButtonSize} from 'components/Button';\nimport {cx} from 'internal/cx';\nimport {css} from 'styled-system/css';\n\nexport type ToggleButtonGroupOrientation = 'horizontal' | 'vertical';\n\ninterface ToggleButtonGroupContextValue {\n  isDisabled?: boolean;\n  onToggle: (value: string) => void;\n  selectedValues: Set<string>;\n  size?: ButtonSize;\n}\n\nconst ToggleButtonGroupContext =\n  createContext<ToggleButtonGroupContextValue | null>(null);\n\nToggleButtonGroupContext.displayName = 'ToggleButtonGroupContext';\n\nexport function useToggleButtonGroup(): ToggleButtonGroupContextValue | null {\n  return use(ToggleButtonGroupContext);\n}\n\ninterface ToggleButtonGroupBaseProps {\n  /**\n   * Toggle button children.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the group root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the group root.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether all buttons in the group are disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Accessible label for the group.\n   */\n  label: string;\n  /**\n   * Group orientation.\n   * @default 'horizontal'\n   */\n  orientation?: ToggleButtonGroupOrientation;\n  /**\n   * Ref forwarded to the group root.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Default size for buttons in the group.\n   */\n  size?: ButtonSize;\n  /**\n   * Inline styles applied to the group root.\n   */\n  style?: CSSProperties;\n}\n\nexport interface ToggleButtonGroupSingleProps extends ToggleButtonGroupBaseProps {\n  /**\n   * Called with the selected value when selection changes, or `null`\n   * when the active button is deselected.\n   */\n  onChange: (value: string | null) => void;\n  /**\n   * Single-selection mode. Clicking the active button clears selection.\n   * @default 'single'\n   */\n  type?: 'single';\n  /**\n   * Currently selected value, or `null` for no selection.\n   */\n  value: string | null;\n}\n\nexport interface ToggleButtonGroupMultipleProps extends ToggleButtonGroupBaseProps {\n  /**\n   * Called with the array of selected values when selection changes.\n   */\n  onChange: (value: string[]) => void;\n  /**\n   * Multiple-selection mode.\n   */\n  type: 'multiple';\n  /**\n   * Currently selected values.\n   */\n  value: string[];\n}\n\nexport type ToggleButtonGroupProps =\n  | ToggleButtonGroupSingleProps\n  | ToggleButtonGroupMultipleProps;\n\nconst styles = {\n  group: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '1',\n  }),\n  vertical: css({\n    flexDirection: 'column',\n    alignItems: 'stretch',\n  }),\n} as const;\n\n/**\n * Groups related ToggleButtons and manages shared selection state.\n */\nexport function ToggleButtonGroup({\n  children,\n  className,\n  'data-testid': dataTestId,\n  isDisabled = false,\n  label,\n  orientation = 'horizontal',\n  ref,\n  size,\n  style,\n  ...props\n}: ToggleButtonGroupProps): React.JSX.Element {\n  const isMultiple = props.type === 'multiple';\n  const {onChange, value} = props;\n\n  const selectedValues = useMemo(() => {\n    if (isMultiple) {\n      return new Set(value as string[]);\n    }\n\n    return value == null ? new Set<string>() : new Set([value as string]);\n  }, [isMultiple, value]);\n\n  const onToggle = useCallback(\n    (itemValue: string) => {\n      if (isMultiple) {\n        const current = value as string[];\n        (onChange as (v: string[]) => void)(\n          current.includes(itemValue)\n            ? current.filter(v => v !== itemValue)\n            : [...current, itemValue],\n        );\n        return;\n      }\n\n      const current = value as string | null;\n      (onChange as (v: string | null) => void)(\n        current === itemValue ? null : itemValue,\n      );\n    },\n    [isMultiple, value, onChange],\n  );\n\n  const contextValue = useMemo(\n    () => ({isDisabled, onToggle, selectedValues, size}),\n    [isDisabled, onToggle, selectedValues, size],\n  );\n\n  return (\n    <ToggleButtonGroupContext value={contextValue}>\n      <div\n        aria-disabled={isDisabled || undefined}\n        aria-label={label}\n        className={cx(\n          styles.group,\n          orientation === 'vertical' ? styles.vertical : undefined,\n          className,\n        )}\n        data-orientation={orientation}\n        data-testid={dataTestId}\n        ref={ref}\n        role=\"group\"\n        style={style}>\n        {children}\n      </div>\n    </ToggleButtonGroupContext>\n  );\n}\n\nToggleButtonGroup.displayName = 'ToggleButtonGroup';\n","import type {CSSProperties, MouseEvent, Ref} from 'react';\nimport type {ButtonSize} from 'components/Button';\nimport {buttonRecipe} from 'components/Button/Button.recipe';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Spinner} from 'components/Spinner';\nimport {toggleButtonRecipe} from 'components/ToggleButton/ToggleButton.recipe';\nimport {useToggleButtonGroup} from 'components/ToggleButton/ToggleButtonGroup';\nimport {Tooltip} from 'components/Tooltip';\nimport {cx} from 'internal/cx';\n\nexport interface ToggleButtonProps {\n  /**\n   * Additional CSS class names applied to the button root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the button root.\n   */\n  'data-testid'?: string;\n  /**\n   * Icon element rendered before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether the button is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label and render a square icon button.\n   * @default false\n   */\n  isIconOnly?: boolean;\n  /**\n   * Whether the button is loading.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Whether the button is currently selected.\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Accessible label for the button.\n   */\n  label: string;\n  /**\n   * Called when the selected state should change.\n   */\n  onChange?: (isSelected: boolean) => void;\n  /**\n   * Ref forwarded to the button root.\n   */\n  ref?: Ref<HTMLButtonElement>;\n  /**\n   * Icon element rendered when the button is selected.\n   */\n  selectedIcon?: IconComponent;\n  /**\n   * Visual size of the button.\n   */\n  size?: ButtonSize;\n  /**\n   * Inline styles applied to the button root.\n   */\n  style?: CSSProperties;\n  /**\n   * Tooltip text shown on hover.\n   */\n  tooltip?: string;\n  /**\n   * Value identifier when used inside `ToggleButtonGroup`.\n   */\n  value?: string;\n}\n\n/**\n * Button that toggles between selected and unselected states.\n */\nexport function ToggleButton({\n  className,\n  'data-testid': dataTestId,\n  icon,\n  isDisabled: isDisabledProp = false,\n  isIconOnly = false,\n  isLoading = false,\n  isSelected: isSelectedProp = false,\n  label,\n  onChange,\n  selectedIcon,\n  ref,\n  size: sizeProp,\n  style,\n  tooltip,\n  value,\n}: ToggleButtonProps): React.JSX.Element {\n  const group = useToggleButtonGroup();\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (group != null && value == null) {\n      throw new Error(\n        'ToggleButton: `value` prop is required when used inside a ToggleButtonGroup.',\n      );\n    }\n  }\n\n  const isSelected =\n    group != null && value != null\n      ? group.selectedValues.has(value)\n      : isSelectedProp;\n  const size = sizeProp ?? group?.size ?? 'md';\n  const isDisabled = isDisabledProp || group?.isDisabled === true;\n  const resolvedIcon = isSelected && selectedIcon != null ? selectedIcon : icon;\n  const classes = toggleButtonRecipe({isSelected});\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (isDisabled || isLoading) {\n      event.preventDefault();\n      return;\n    }\n\n    if (group != null && value != null) {\n      group.onToggle(value);\n      return;\n    }\n\n    onChange?.(!isSelected);\n  };\n\n  const button = (\n    <button\n      aria-busy={isLoading || undefined}\n      aria-label={isIconOnly || isLoading ? label : undefined}\n      aria-pressed={isSelected}\n      className={cx(\n        buttonRecipe({variant: 'ghost', size, iconOnly: isIconOnly}).root,\n        classes.root,\n        className,\n      )}\n      data-testid={dataTestId}\n      disabled={isDisabled || isLoading}\n      onClick={handleClick}\n      ref={ref}\n      style={style}\n      type=\"button\">\n      <span aria-hidden={isLoading || undefined} className={classes.content}>\n        {resolvedIcon != null ? (\n          <span className={classes.icon}>\n            {isIconOnly && isLoading ? (\n              <Spinner size={size} />\n            ) : (\n              <Icon icon={resolvedIcon} size={size} />\n            )}\n          </span>\n        ) : null}\n        {!isIconOnly ? (\n          <span className={classes.labelWrapper}>\n            <span className={classes.label}>{label}</span>\n            <span aria-hidden=\"true\" className={classes.widthReservation}>\n              {label}\n            </span>\n          </span>\n        ) : null}\n        {!isIconOnly && isLoading ? (\n          <span aria-hidden=\"true\" className={classes.spinner}>\n            <Spinner size={size} />\n          </span>\n        ) : null}\n      </span>\n    </button>\n  );\n\n  if (tooltip != null) {\n    return <Tooltip content={tooltip}>{button}</Tooltip>;\n  }\n\n  return button;\n}\n\nToggleButton.displayName = 'ToggleButton';\n"]}

package/dist/{chunk-H4L456EW.js → chunk-6SKIBUCY.js}

@@ -1,6 +1,6 @@
 import { buttonRecipe } from './chunk-TCTPR7YQ.js';
-import { Spinner } from './chunk-2VAUVJVG.js';
-import { Tooltip } from './chunk-6PIVWNUR.js';
+import { Spinner } from './chunk-X2P5SPGB.js';
+import { Tooltip } from './chunk-KWZMXX4F.js';
 import { Icon } from './chunk-IUW777WZ.js';
 import { sva } from './chunk-IAVZKGZS.js';
 import { css } from './chunk-OD4DHHZH.js';
@@ -33,7 +33,14 @@ var toggleButtonRecipe = sva({
     label: {
       overflow: "hidden",
       textOverflow: "ellipsis",
-      minW: 0
+      minW: 0,
+      // The label is a (blockified) flex item, so `overflow: hidden` clips it to
+      // its line box. With a tight line-height that crops descenders (e.g. the
+      // "g" in "Going"), so pad the clip box vertically and cancel the padding
+      // with a negative margin to keep layout unchanged.
+      py: "0.25em",
+      mt: "-0.35em",
+      mb: "-0.25em"
     },
     widthReservation: {
       display: "block",
@@ -227,5 +234,5 @@ function ToggleButton({
 ToggleButton.displayName = "ToggleButton";
 
 export { ToggleButton, ToggleButtonGroup };
-//# sourceMappingURL=chunk-H4L456EW.js.map
-//# sourceMappingURL=chunk-H4L456EW.js.map
+//# sourceMappingURL=chunk-6SKIBUCY.js.map
+//# sourceMappingURL=chunk-6SKIBUCY.js.map

package/dist/chunk-6SKIBUCY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ToggleButton/ToggleButton.recipe.ts","../src/components/ToggleButton/ToggleButtonGroup.tsx","../src/components/ToggleButton/ToggleButton.tsx"],"names":["current","jsx"],"mappings":"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","file":"chunk-6SKIBUCY.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const toggleButtonRecipe = sva({\n  slots: [\n    'root',\n    'content',\n    'labelWrapper',\n    'label',\n    'widthReservation',\n    'icon',\n    'spinner',\n  ],\n  base: {\n    content: {\n      display: 'contents',\n    },\n    labelWrapper: {\n      display: 'inline-flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center',\n      minW: 0,\n    },\n    label: {\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      minW: 0,\n      // The label is a (blockified) flex item, so `overflow: hidden` clips it to\n      // its line box. With a tight line-height that crops descenders (e.g. the\n      // \"g\" in \"Going\"), so pad the clip box vertically and cancel the padding\n      // with a negative margin to keep layout unchanged.\n      py: '0.25em',\n      mt: '-0.35em',\n      mb: '-0.25em',\n    },\n    widthReservation: {\n      display: 'block',\n      h: 0,\n      overflow: 'hidden',\n      visibility: 'hidden',\n      pointerEvents: 'none',\n      fontWeight: 'semibold',\n    },\n    icon: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n    },\n    spinner: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      color: 'inherit',\n    },\n  },\n  variants: {\n    // The core button visuals (size/variant/iconOnly) come from the shared\n    // `buttonRecipe`; this recipe only layers the selected-state override on the\n    // root, which is composed with the button root via `cx`.\n    isSelected: {\n      true: {\n        root: {\n          bg: 'bg.subtle',\n          fontWeight: 'semibold',\n          _hover: {bg: 'bg.subtle'},\n          _active: {bg: 'bg.subtle'},\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    isSelected: false,\n  },\n});\n\nexport type ToggleButtonVariants = RecipeVariantProps<\n  typeof toggleButtonRecipe\n>;\n","import {\n  createContext,\n  use,\n  useCallback,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport type {ButtonSize} from 'components/Button';\nimport {cx} from 'internal/cx';\nimport {css} from 'styled-system/css';\n\nexport type ToggleButtonGroupOrientation = 'horizontal' | 'vertical';\n\ninterface ToggleButtonGroupContextValue {\n  isDisabled?: boolean;\n  onToggle: (value: string) => void;\n  selectedValues: Set<string>;\n  size?: ButtonSize;\n}\n\nconst ToggleButtonGroupContext =\n  createContext<ToggleButtonGroupContextValue | null>(null);\n\nToggleButtonGroupContext.displayName = 'ToggleButtonGroupContext';\n\nexport function useToggleButtonGroup(): ToggleButtonGroupContextValue | null {\n  return use(ToggleButtonGroupContext);\n}\n\ninterface ToggleButtonGroupBaseProps {\n  /**\n   * Toggle button children.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the group root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the group root.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether all buttons in the group are disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Accessible label for the group.\n   */\n  label: string;\n  /**\n   * Group orientation.\n   * @default 'horizontal'\n   */\n  orientation?: ToggleButtonGroupOrientation;\n  /**\n   * Ref forwarded to the group root.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Default size for buttons in the group.\n   */\n  size?: ButtonSize;\n  /**\n   * Inline styles applied to the group root.\n   */\n  style?: CSSProperties;\n}\n\nexport interface ToggleButtonGroupSingleProps extends ToggleButtonGroupBaseProps {\n  /**\n   * Called with the selected value when selection changes, or `null`\n   * when the active button is deselected.\n   */\n  onChange: (value: string | null) => void;\n  /**\n   * Single-selection mode. Clicking the active button clears selection.\n   * @default 'single'\n   */\n  type?: 'single';\n  /**\n   * Currently selected value, or `null` for no selection.\n   */\n  value: string | null;\n}\n\nexport interface ToggleButtonGroupMultipleProps extends ToggleButtonGroupBaseProps {\n  /**\n   * Called with the array of selected values when selection changes.\n   */\n  onChange: (value: string[]) => void;\n  /**\n   * Multiple-selection mode.\n   */\n  type: 'multiple';\n  /**\n   * Currently selected values.\n   */\n  value: string[];\n}\n\nexport type ToggleButtonGroupProps =\n  | ToggleButtonGroupSingleProps\n  | ToggleButtonGroupMultipleProps;\n\nconst styles = {\n  group: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '1',\n  }),\n  vertical: css({\n    flexDirection: 'column',\n    alignItems: 'stretch',\n  }),\n} as const;\n\n/**\n * Groups related ToggleButtons and manages shared selection state.\n */\nexport function ToggleButtonGroup({\n  children,\n  className,\n  'data-testid': dataTestId,\n  isDisabled = false,\n  label,\n  orientation = 'horizontal',\n  ref,\n  size,\n  style,\n  ...props\n}: ToggleButtonGroupProps): React.JSX.Element {\n  const isMultiple = props.type === 'multiple';\n  const {onChange, value} = props;\n\n  const selectedValues = useMemo(() => {\n    if (isMultiple) {\n      return new Set(value as string[]);\n    }\n\n    return value == null ? new Set<string>() : new Set([value as string]);\n  }, [isMultiple, value]);\n\n  const onToggle = useCallback(\n    (itemValue: string) => {\n      if (isMultiple) {\n        const current = value as string[];\n        (onChange as (v: string[]) => void)(\n          current.includes(itemValue)\n            ? current.filter(v => v !== itemValue)\n            : [...current, itemValue],\n        );\n        return;\n      }\n\n      const current = value as string | null;\n      (onChange as (v: string | null) => void)(\n        current === itemValue ? null : itemValue,\n      );\n    },\n    [isMultiple, value, onChange],\n  );\n\n  const contextValue = useMemo(\n    () => ({isDisabled, onToggle, selectedValues, size}),\n    [isDisabled, onToggle, selectedValues, size],\n  );\n\n  return (\n    <ToggleButtonGroupContext value={contextValue}>\n      <div\n        aria-disabled={isDisabled || undefined}\n        aria-label={label}\n        className={cx(\n          styles.group,\n          orientation === 'vertical' ? styles.vertical : undefined,\n          className,\n        )}\n        data-orientation={orientation}\n        data-testid={dataTestId}\n        ref={ref}\n        role=\"group\"\n        style={style}>\n        {children}\n      </div>\n    </ToggleButtonGroupContext>\n  );\n}\n\nToggleButtonGroup.displayName = 'ToggleButtonGroup';\n","import type {CSSProperties, MouseEvent, Ref} from 'react';\nimport type {ButtonSize} from 'components/Button';\nimport {buttonRecipe} from 'components/Button/Button.recipe';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Spinner} from 'components/Spinner';\nimport {toggleButtonRecipe} from 'components/ToggleButton/ToggleButton.recipe';\nimport {useToggleButtonGroup} from 'components/ToggleButton/ToggleButtonGroup';\nimport {Tooltip} from 'components/Tooltip';\nimport {cx} from 'internal/cx';\n\nexport interface ToggleButtonProps {\n  /**\n   * Additional CSS class names applied to the button root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the button root.\n   */\n  'data-testid'?: string;\n  /**\n   * Icon element rendered before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether the button is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label and render a square icon button.\n   * @default false\n   */\n  isIconOnly?: boolean;\n  /**\n   * Whether the button is loading.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Whether the button is currently selected.\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Accessible label for the button.\n   */\n  label: string;\n  /**\n   * Called when the selected state should change.\n   */\n  onChange?: (isSelected: boolean) => void;\n  /**\n   * Ref forwarded to the button root.\n   */\n  ref?: Ref<HTMLButtonElement>;\n  /**\n   * Icon element rendered when the button is selected.\n   */\n  selectedIcon?: IconComponent;\n  /**\n   * Visual size of the button.\n   */\n  size?: ButtonSize;\n  /**\n   * Inline styles applied to the button root.\n   */\n  style?: CSSProperties;\n  /**\n   * Tooltip text shown on hover.\n   */\n  tooltip?: string;\n  /**\n   * Value identifier when used inside `ToggleButtonGroup`.\n   */\n  value?: string;\n}\n\n/**\n * Button that toggles between selected and unselected states.\n */\nexport function ToggleButton({\n  className,\n  'data-testid': dataTestId,\n  icon,\n  isDisabled: isDisabledProp = false,\n  isIconOnly = false,\n  isLoading = false,\n  isSelected: isSelectedProp = false,\n  label,\n  onChange,\n  selectedIcon,\n  ref,\n  size: sizeProp,\n  style,\n  tooltip,\n  value,\n}: ToggleButtonProps): React.JSX.Element {\n  const group = useToggleButtonGroup();\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (group != null && value == null) {\n      throw new Error(\n        'ToggleButton: `value` prop is required when used inside a ToggleButtonGroup.',\n      );\n    }\n  }\n\n  const isSelected =\n    group != null && value != null\n      ? group.selectedValues.has(value)\n      : isSelectedProp;\n  const size = sizeProp ?? group?.size ?? 'md';\n  const isDisabled = isDisabledProp || group?.isDisabled === true;\n  const resolvedIcon = isSelected && selectedIcon != null ? selectedIcon : icon;\n  const classes = toggleButtonRecipe({isSelected});\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (isDisabled || isLoading) {\n      event.preventDefault();\n      return;\n    }\n\n    if (group != null && value != null) {\n      group.onToggle(value);\n      return;\n    }\n\n    onChange?.(!isSelected);\n  };\n\n  const button = (\n    <button\n      aria-busy={isLoading || undefined}\n      aria-label={isIconOnly || isLoading ? label : undefined}\n      aria-pressed={isSelected}\n      className={cx(\n        buttonRecipe({variant: 'ghost', size, iconOnly: isIconOnly}).root,\n        classes.root,\n        className,\n      )}\n      data-testid={dataTestId}\n      disabled={isDisabled || isLoading}\n      onClick={handleClick}\n      ref={ref}\n      style={style}\n      type=\"button\">\n      <span aria-hidden={isLoading || undefined} className={classes.content}>\n        {resolvedIcon != null ? (\n          <span className={classes.icon}>\n            {isIconOnly && isLoading ? (\n              <Spinner size={size} />\n            ) : (\n              <Icon icon={resolvedIcon} size={size} />\n            )}\n          </span>\n        ) : null}\n        {!isIconOnly ? (\n          <span className={classes.labelWrapper}>\n            <span className={classes.label}>{label}</span>\n            <span aria-hidden=\"true\" className={classes.widthReservation}>\n              {label}\n            </span>\n          </span>\n        ) : null}\n        {!isIconOnly && isLoading ? (\n          <span aria-hidden=\"true\" className={classes.spinner}>\n            <Spinner size={size} />\n          </span>\n        ) : null}\n      </span>\n    </button>\n  );\n\n  if (tooltip != null) {\n    return <Tooltip content={tooltip}>{button}</Tooltip>;\n  }\n\n  return button;\n}\n\nToggleButton.displayName = 'ToggleButton';\n"]}

package/dist/{chunk-ANACERIO.cjs → chunk-6SMVH3ON.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkHWD4HDQ5_cjs = require('./chunk-HWD4HDQ5.cjs');
+var chunkAC4E3WQA_cjs = require('./chunk-AC4E3WQA.cjs');
 var chunkKVJ27734_cjs = require('./chunk-KVJ27734.cjs');
-var chunk5XMWGK3O_cjs = require('./chunk-5XMWGK3O.cjs');
+var chunkWOVSJHY6_cjs = require('./chunk-WOVSJHY6.cjs');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -38,7 +38,7 @@ function SplitButton({
       style,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk5XMWGK3O_cjs.Button,
+          chunkWOVSJHY6_cjs.Button,
           {
             "data-testid": dataTestId,
             endContent,
@@ -52,7 +52,7 @@ function SplitButton({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkHWD4HDQ5_cjs.DropdownMenu,
+          chunkAC4E3WQA_cjs.DropdownMenu,
           {
             button: {
               icon: lucideReact.ChevronDown,
@@ -76,5 +76,5 @@ function SplitButton({
 SplitButton.displayName = "SplitButton";
 
 exports.SplitButton = SplitButton;
-//# sourceMappingURL=chunk-ANACERIO.cjs.map
-//# sourceMappingURL=chunk-ANACERIO.cjs.map
+//# sourceMappingURL=chunk-6SMVH3ON.cjs.map
+//# sourceMappingURL=chunk-6SMVH3ON.cjs.map

package/dist/{chunk-ANACERIO.cjs.map → chunk-6SMVH3ON.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SplitButton/SplitButton.tsx"],"names":["jsxs","ButtonGroup","jsx","Button","DropdownMenu","ChevronDown"],"mappings":";;;;;;;;AA2FO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,UAAA;AAAA,EACA,YAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,SAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA,GAAY,cAAA;AAAA,EACZ,SAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,YAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU;AACZ,CAAA,EAAwC;AACtC,EAAA,uBACEA,eAAA;AAAA,IAACC,6BAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAACC,wBAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAa,UAAA;AAAA,YACb,UAAA;AAAA,YACA,IAAA;AAAA,YACA,SAAA;AAAA,YACA,KAAA;AAAA,YACA,OAAA;AAAA,YACA,GAAA;AAAA,YACA,YAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,wBACAD,cAAA;AAAA,UAACE,8BAAA;AAAA,UAAA;AAAA,YACC,MAAA,EAAQ;AAAA,cACN,IAAA,EAAMC,uBAAA;AAAA,cACN,UAAA,EAAY,IAAA;AAAA,cACZ,KAAA,EAAO,SAAA;AAAA,cACP;AAAA,aACF;AAAA,YACA,YAAA;AAAA,YACA,UAAA,EAAY,KAAA;AAAA,YACZ,UAAA;AAAA,YACA,KAAA;AAAA,YACA,SAAA;AAAA,YACA,YAAA;AAAA,YACC;AAAA;AAAA;AACH;AAAA;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-ANACERIO.cjs","sourcesContent":["import {ChevronDown} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Button, type ButtonProps, type ButtonSize} from 'components/Button';\nimport {ButtonGroup} from 'components/ButtonGroup';\nimport {DropdownMenu, type DropdownMenuOption} from 'components/DropdownMenu';\nimport type {IconComponent} from 'components/Icon';\n\n/**\n * A directly-clickable primary action paired with an attached chevron toggle\n * that opens a menu of related actions. A thin composition of `ButtonGroup`,\n * `Button`, and `DropdownMenu`.\n */\nexport interface SplitButtonProps extends Pick<\n  ButtonProps,\n  'endContent' | 'isLoading' | 'onClick' | 'startContent'\n> {\n  /**\n   * Compound menu content (`<DropdownMenuItem>`), an alternative to `items`.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the primary action button.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to auto-focus the first menu item on open.\n   * @default true\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Icon rendered before the primary action's label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether both the primary action and the menu toggle are disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Controlled open state of the menu.\n   */\n  isMenuOpen?: boolean;\n  /**\n   * Data-driven menu items (alternative to `children`).\n   */\n  items?: ReadonlyArray<DropdownMenuOption>;\n  /**\n   * Visible text for the primary action. Also used as the group's accessible\n   * label.\n   */\n  label: string;\n  /**\n   * Accessible label for the chevron toggle that opens the menu.\n   * @default 'More actions'\n   */\n  menuLabel?: string;\n  /**\n   * Width of the menu surface.\n   */\n  menuWidth?: number | string;\n  /**\n   * Called when the menu open state changes.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Ref forwarded to the primary action button.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Default size for both buttons.\n   * @default 'md'\n   */\n  size?: ButtonSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Visual style variant shared by both buttons.\n   * @default 'secondary'\n   */\n  variant?: ButtonProps['variant'];\n}\n\n/**\n * A directly-clickable primary action paired with an attached chevron toggle\n * that opens a menu of related actions.\n */\nexport function SplitButton({\n  children,\n  className,\n  'data-testid': dataTestId,\n  endContent,\n  hasAutoFocus,\n  icon,\n  isDisabled = false,\n  isLoading,\n  isMenuOpen,\n  items,\n  label,\n  menuLabel = 'More actions',\n  menuWidth,\n  onClick,\n  onOpenChange,\n  ref,\n  size = 'md',\n  startContent,\n  style,\n  variant = 'secondary',\n}: SplitButtonProps): React.JSX.Element {\n  return (\n    <ButtonGroup\n      className={className}\n      isDisabled={isDisabled}\n      label={label}\n      size={size}\n      style={style}>\n      <Button\n        data-testid={dataTestId}\n        endContent={endContent}\n        icon={icon}\n        isLoading={isLoading}\n        label={label}\n        onClick={onClick}\n        ref={ref}\n        startContent={startContent}\n        variant={variant}\n      />\n      <DropdownMenu\n        button={{\n          icon: ChevronDown,\n          isIconOnly: true,\n          label: menuLabel,\n          variant,\n        }}\n        hasAutoFocus={hasAutoFocus}\n        hasChevron={false}\n        isMenuOpen={isMenuOpen}\n        items={items}\n        menuWidth={menuWidth}\n        onOpenChange={onOpenChange}>\n        {children}\n      </DropdownMenu>\n    </ButtonGroup>\n  );\n}\n\nSplitButton.displayName = 'SplitButton';\n"]}
+{"version":3,"sources":["../src/components/SplitButton/SplitButton.tsx"],"names":["jsxs","ButtonGroup","jsx","Button","DropdownMenu","ChevronDown"],"mappings":";;;;;;;;AA2FO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,UAAA;AAAA,EACA,YAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,SAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA,GAAY,cAAA;AAAA,EACZ,SAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,YAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU;AACZ,CAAA,EAAwC;AACtC,EAAA,uBACEA,eAAA;AAAA,IAACC,6BAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAACC,wBAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAa,UAAA;AAAA,YACb,UAAA;AAAA,YACA,IAAA;AAAA,YACA,SAAA;AAAA,YACA,KAAA;AAAA,YACA,OAAA;AAAA,YACA,GAAA;AAAA,YACA,YAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,wBACAD,cAAA;AAAA,UAACE,8BAAA;AAAA,UAAA;AAAA,YACC,MAAA,EAAQ;AAAA,cACN,IAAA,EAAMC,uBAAA;AAAA,cACN,UAAA,EAAY,IAAA;AAAA,cACZ,KAAA,EAAO,SAAA;AAAA,cACP;AAAA,aACF;AAAA,YACA,YAAA;AAAA,YACA,UAAA,EAAY,KAAA;AAAA,YACZ,UAAA;AAAA,YACA,KAAA;AAAA,YACA,SAAA;AAAA,YACA,YAAA;AAAA,YACC;AAAA;AAAA;AACH;AAAA;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-6SMVH3ON.cjs","sourcesContent":["import {ChevronDown} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Button, type ButtonProps, type ButtonSize} from 'components/Button';\nimport {ButtonGroup} from 'components/ButtonGroup';\nimport {DropdownMenu, type DropdownMenuOption} from 'components/DropdownMenu';\nimport type {IconComponent} from 'components/Icon';\n\n/**\n * A directly-clickable primary action paired with an attached chevron toggle\n * that opens a menu of related actions. A thin composition of `ButtonGroup`,\n * `Button`, and `DropdownMenu`.\n */\nexport interface SplitButtonProps extends Pick<\n  ButtonProps,\n  'endContent' | 'isLoading' | 'onClick' | 'startContent'\n> {\n  /**\n   * Compound menu content (`<DropdownMenuItem>`), an alternative to `items`.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the primary action button.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to auto-focus the first menu item on open.\n   * @default true\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Icon rendered before the primary action's label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether both the primary action and the menu toggle are disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Controlled open state of the menu.\n   */\n  isMenuOpen?: boolean;\n  /**\n   * Data-driven menu items (alternative to `children`).\n   */\n  items?: ReadonlyArray<DropdownMenuOption>;\n  /**\n   * Visible text for the primary action. Also used as the group's accessible\n   * label.\n   */\n  label: string;\n  /**\n   * Accessible label for the chevron toggle that opens the menu.\n   * @default 'More actions'\n   */\n  menuLabel?: string;\n  /**\n   * Width of the menu surface.\n   */\n  menuWidth?: number | string;\n  /**\n   * Called when the menu open state changes.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Ref forwarded to the primary action button.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Default size for both buttons.\n   * @default 'md'\n   */\n  size?: ButtonSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Visual style variant shared by both buttons.\n   * @default 'secondary'\n   */\n  variant?: ButtonProps['variant'];\n}\n\n/**\n * A directly-clickable primary action paired with an attached chevron toggle\n * that opens a menu of related actions.\n */\nexport function SplitButton({\n  children,\n  className,\n  'data-testid': dataTestId,\n  endContent,\n  hasAutoFocus,\n  icon,\n  isDisabled = false,\n  isLoading,\n  isMenuOpen,\n  items,\n  label,\n  menuLabel = 'More actions',\n  menuWidth,\n  onClick,\n  onOpenChange,\n  ref,\n  size = 'md',\n  startContent,\n  style,\n  variant = 'secondary',\n}: SplitButtonProps): React.JSX.Element {\n  return (\n    <ButtonGroup\n      className={className}\n      isDisabled={isDisabled}\n      label={label}\n      size={size}\n      style={style}>\n      <Button\n        data-testid={dataTestId}\n        endContent={endContent}\n        icon={icon}\n        isLoading={isLoading}\n        label={label}\n        onClick={onClick}\n        ref={ref}\n        startContent={startContent}\n        variant={variant}\n      />\n      <DropdownMenu\n        button={{\n          icon: ChevronDown,\n          isIconOnly: true,\n          label: menuLabel,\n          variant,\n        }}\n        hasAutoFocus={hasAutoFocus}\n        hasChevron={false}\n        isMenuOpen={isMenuOpen}\n        items={items}\n        menuWidth={menuWidth}\n        onOpenChange={onOpenChange}>\n        {children}\n      </DropdownMenu>\n    </ButtonGroup>\n  );\n}\n\nSplitButton.displayName = 'SplitButton';\n"]}

package/dist/{chunk-ESRDHDYN.cjs → chunk-6ZPHID26.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk5XMWGK3O_cjs = require('./chunk-5XMWGK3O.cjs');
-var chunk3Z5PF75J_cjs = require('./chunk-3Z5PF75J.cjs');
+var chunkWOVSJHY6_cjs = require('./chunk-WOVSJHY6.cjs');
+var chunkCKDB7QNT_cjs = require('./chunk-CKDB7QNT.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var lucideReact = require('lucide-react');
@@ -142,7 +142,7 @@ function Pagination({
           }
           const isActive = item === page;
           return /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5XMWGK3O_cjs.Button,
+            chunkWOVSJHY6_cjs.Button,
             {
               "aria-current": isActive ? "page" : void 0,
               "aria-label": isActive ? `Page ${item}, current page` : `Go to page ${item}`,
@@ -158,9 +158,9 @@ function Pagination({
         });
       }
       case "count":
-        return totalItems == null ? null : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-live": "polite", className: styles.infoText, children: /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { color: "primary", size: "sm", type: "body", children: `${rangeStart}-${rangeEnd} of ${totalItems}` }) });
+        return totalItems == null ? null : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-live": "polite", className: styles.infoText, children: /* @__PURE__ */ jsxRuntime.jsx(chunkCKDB7QNT_cjs.Text, { color: "primary", size: "sm", type: "body", children: `${rangeStart}-${rangeEnd} of ${totalItems}` }) });
       case "compact":
-        return computedTotalPages == null ? null : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-live": "polite", className: styles.infoText, children: /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { color: "primary", size: "sm", type: "body", children: `Page ${page} of ${computedTotalPages}` }) });
+        return computedTotalPages == null ? null : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-live": "polite", className: styles.infoText, children: /* @__PURE__ */ jsxRuntime.jsx(chunkCKDB7QNT_cjs.Text, { color: "primary", size: "sm", type: "body", children: `Page ${page} of ${computedTotalPages}` }) });
       case "none":
       default:
         return null;
@@ -176,7 +176,7 @@ function Pagination({
       style,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.controls, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk5XMWGK3O_cjs.Button,
+          chunkWOVSJHY6_cjs.Button,
           {
             icon: lucideReact.ChevronLeft,
             isDisabled: isDisabled || !hasPrevious,
@@ -189,7 +189,7 @@ function Pagination({
         ),
         renderIndicator(),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk5XMWGK3O_cjs.Button,
+          chunkWOVSJHY6_cjs.Button,
           {
             icon: lucideReact.ChevronRight,
             isDisabled: isDisabled || !hasNext,
@@ -207,5 +207,5 @@ function Pagination({
 Pagination.displayName = "Pagination";
 
 exports.Pagination = Pagination;
-//# sourceMappingURL=chunk-ESRDHDYN.cjs.map
-//# sourceMappingURL=chunk-ESRDHDYN.cjs.map
+//# sourceMappingURL=chunk-6ZPHID26.cjs.map
+//# sourceMappingURL=chunk-6ZPHID26.cjs.map

package/dist/{chunk-ESRDHDYN.cjs.map → chunk-6ZPHID26.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Pagination/Pagination.tsx"],"names":["css","useMemo","jsx","Button","Text","cx","jsxs","ChevronLeft","ChevronRight"],"mappings":"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","file":"chunk-ESRDHDYN.cjs","sourcesContent":["import {ChevronLeft, ChevronRight} from 'lucide-react';\nimport type {CSSProperties, Ref} from 'react';\nimport {useMemo} from 'react';\nimport {Button} from 'components/Button';\nimport type {ButtonSize} from 'components/Button';\nimport {Text} from 'components/Text';\nimport {cx} from 'internal/cx';\nimport {css} from 'styled-system/css';\n\nexport type PaginationVariant = 'pages' | 'count' | 'compact' | 'none';\n\ninterface PaginationBaseProps {\n  /**\n   * Additional CSS class names applied to the navigation root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the navigation root.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether another page exists when the total page count is unknown.\n   */\n  hasMore?: boolean;\n  /**\n   * Whether the pagination controls are disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Accessible label for the navigation landmark.\n   * @default 'Pagination'\n   */\n  label?: string;\n  /**\n   * Called when the page changes.\n   */\n  onChange: (page: number) => void;\n  /**\n   * Current page number, starting at 1.\n   */\n  page: number;\n  /**\n   * Number of items per page.\n   * @default 10\n   */\n  pageSize?: number;\n  /**\n   * Ref forwarded to the navigation root.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Number of page buttons to show on each side of the current page.\n   * @default 1\n   */\n  siblingCount?: number;\n  /**\n   * Control size.\n   * @default 'md'\n   */\n  size?: ButtonSize;\n  /**\n   * Inline styles applied to the navigation root.\n   */\n  style?: CSSProperties;\n  /**\n   * Display variant.\n   * @default 'pages'\n   */\n  variant?: PaginationVariant;\n}\n\nexport type PaginationProps = PaginationBaseProps &\n  (\n    | {totalItems: number; totalPages?: never}\n    | {totalItems?: never; totalPages: number}\n    | {totalItems?: never; totalPages?: never}\n  );\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: '4',\n  }),\n  controls: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '1',\n  }),\n  ellipsis: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: 'fg.muted',\n    fontFamily: 'body',\n    fontSize: 'sm',\n    userSelect: 'none',\n  }),\n  infoText: css({\n    display: 'flex',\n    alignItems: 'center',\n    whiteSpace: 'nowrap',\n  }),\n  activePage: css({\n    bg: 'bg.hover',\n    fontWeight: 'medium',\n  }),\n} as const;\n\nfunction generatePageRange(\n  currentPage: number,\n  totalPages: number,\n  siblingCount: number,\n): (number | '...')[] {\n  const totalSlots = 5 + 2 * siblingCount;\n\n  if (totalPages <= totalSlots) {\n    return Array.from({length: totalPages}, (_, index) => index + 1);\n  }\n\n  const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);\n  const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);\n  const showLeftEllipsis = leftSiblingIndex > 2;\n  const showRightEllipsis = rightSiblingIndex < totalPages - 1;\n\n  if (!showLeftEllipsis && showRightEllipsis) {\n    const leftRange = 3 + 2 * siblingCount;\n    return [\n      ...Array.from({length: leftRange}, (_, index) => index + 1),\n      '...',\n      totalPages,\n    ];\n  }\n\n  if (showLeftEllipsis && !showRightEllipsis) {\n    const rightRange = 3 + 2 * siblingCount;\n    return [\n      1,\n      '...',\n      ...Array.from(\n        {length: rightRange},\n        (_, index) => totalPages - rightRange + index + 1,\n      ),\n    ];\n  }\n\n  return [\n    1,\n    '...',\n    ...Array.from(\n      {length: rightSiblingIndex - leftSiblingIndex + 1},\n      (_, index) => leftSiblingIndex + index,\n    ),\n    '...',\n    totalPages,\n  ];\n}\n\n/**\n * Page navigation controls with multiple display variants\n * (numbered pages, count summary, compact label, or none).\n */\nexport function Pagination({\n  className,\n  'data-testid': dataTestId,\n  hasMore,\n  isDisabled = false,\n  label = 'Pagination',\n  onChange,\n  page: pageFromProps,\n  pageSize: pageSizeFromProps = 10,\n  ref,\n  siblingCount: siblingCountFromProps = 1,\n  size = 'md',\n  style,\n  totalItems,\n  totalPages: totalPagesProp,\n  variant = 'pages',\n}: PaginationProps): React.JSX.Element | null {\n  const siblingCount = Math.max(0, siblingCountFromProps);\n  const pageSize = Math.max(1, pageSizeFromProps);\n  const computedTotalPages =\n    totalPagesProp ??\n    (totalItems != null ? Math.ceil(totalItems / pageSize) : undefined);\n  const page = Math.max(\n    1,\n    computedTotalPages != null\n      ? Math.min(pageFromProps, computedTotalPages)\n      : pageFromProps,\n  );\n  const hasPrevious = page > 1;\n  const hasNext =\n    computedTotalPages != null ? page < computedTotalPages : (hasMore ?? false);\n\n  const pageRange = useMemo(\n    () =>\n      computedTotalPages != null\n        ? generatePageRange(page, computedTotalPages, siblingCount)\n        : [],\n    [page, computedTotalPages, siblingCount],\n  );\n\n  if (totalItems != null && totalItems <= 0) {\n    return null;\n  }\n\n  if (computedTotalPages != null && computedTotalPages <= 0) {\n    return null;\n  }\n\n  const handlePageChange = (newPage: number) => {\n    if (isDisabled) {\n      return;\n    }\n\n    onChange(newPage);\n  };\n\n  const rangeStart = (page - 1) * pageSize + 1;\n  const rangeEnd =\n    totalItems == null\n      ? page * pageSize\n      : Math.min(page * pageSize, totalItems);\n\n  const renderIndicator = () => {\n    switch (variant) {\n      case 'pages': {\n        if (computedTotalPages == null) {\n          return null;\n        }\n\n        return pageRange.map((item, index) => {\n          if (item === '...') {\n            return (\n              <span\n                aria-hidden=\"true\"\n                className={styles.ellipsis}\n                key={`ellipsis-${pageRange[index - 1]}-${pageRange[index + 1]}`}>\n                ...\n              </span>\n            );\n          }\n\n          const isActive = item === page;\n          return (\n            <Button\n              aria-current={isActive ? 'page' : undefined}\n              aria-label={\n                isActive ? `Page ${item}, current page` : `Go to page ${item}`\n              }\n              className={isActive ? styles.activePage : undefined}\n              isDisabled={isDisabled}\n              key={item}\n              label={String(item)}\n              onClick={isActive ? undefined : () => handlePageChange(item)}\n              size={size}\n              variant=\"ghost\"\n            />\n          );\n        });\n      }\n\n      case 'count':\n        return totalItems == null ? null : (\n          <span aria-live=\"polite\" className={styles.infoText}>\n            <Text color=\"primary\" size=\"sm\" type=\"body\">\n              {`${rangeStart}-${rangeEnd} of ${totalItems}`}\n            </Text>\n          </span>\n        );\n\n      case 'compact':\n        return computedTotalPages == null ? null : (\n          <span aria-live=\"polite\" className={styles.infoText}>\n            <Text color=\"primary\" size=\"sm\" type=\"body\">\n              {`Page ${page} of ${computedTotalPages}`}\n            </Text>\n          </span>\n        );\n\n      case 'none':\n      default:\n        return null;\n    }\n  };\n\n  return (\n    <nav\n      aria-label={label}\n      className={cx(styles.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <div className={styles.controls}>\n        <Button\n          icon={ChevronLeft}\n          isDisabled={isDisabled || !hasPrevious}\n          isIconOnly\n          label=\"Go to previous page\"\n          onClick={() => handlePageChange(page - 1)}\n          size={size}\n          variant=\"ghost\"\n        />\n        {renderIndicator()}\n        <Button\n          icon={ChevronRight}\n          isDisabled={isDisabled || !hasNext}\n          isIconOnly\n          label=\"Go to next page\"\n          onClick={() => handlePageChange(page + 1)}\n          size={size}\n          variant=\"ghost\"\n        />\n      </div>\n    </nav>\n  );\n}\n\nPagination.displayName = 'Pagination';\n"]}
+{"version":3,"sources":["../src/components/Pagination/Pagination.tsx"],"names":["css","useMemo","jsx","Button","Text","cx","jsxs","ChevronLeft","ChevronRight"],"mappings":"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","file":"chunk-6ZPHID26.cjs","sourcesContent":["import {ChevronLeft, ChevronRight} from 'lucide-react';\nimport type {CSSProperties, Ref} from 'react';\nimport {useMemo} from 'react';\nimport {Button} from 'components/Button';\nimport type {ButtonSize} from 'components/Button';\nimport {Text} from 'components/Text';\nimport {cx} from 'internal/cx';\nimport {css} from 'styled-system/css';\n\nexport type PaginationVariant = 'pages' | 'count' | 'compact' | 'none';\n\ninterface PaginationBaseProps {\n  /**\n   * Additional CSS class names applied to the navigation root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the navigation root.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether another page exists when the total page count is unknown.\n   */\n  hasMore?: boolean;\n  /**\n   * Whether the pagination controls are disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Accessible label for the navigation landmark.\n   * @default 'Pagination'\n   */\n  label?: string;\n  /**\n   * Called when the page changes.\n   */\n  onChange: (page: number) => void;\n  /**\n   * Current page number, starting at 1.\n   */\n  page: number;\n  /**\n   * Number of items per page.\n   * @default 10\n   */\n  pageSize?: number;\n  /**\n   * Ref forwarded to the navigation root.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Number of page buttons to show on each side of the current page.\n   * @default 1\n   */\n  siblingCount?: number;\n  /**\n   * Control size.\n   * @default 'md'\n   */\n  size?: ButtonSize;\n  /**\n   * Inline styles applied to the navigation root.\n   */\n  style?: CSSProperties;\n  /**\n   * Display variant.\n   * @default 'pages'\n   */\n  variant?: PaginationVariant;\n}\n\nexport type PaginationProps = PaginationBaseProps &\n  (\n    | {totalItems: number; totalPages?: never}\n    | {totalItems?: never; totalPages: number}\n    | {totalItems?: never; totalPages?: never}\n  );\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: '4',\n  }),\n  controls: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '1',\n  }),\n  ellipsis: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: 'fg.muted',\n    fontFamily: 'body',\n    fontSize: 'sm',\n    userSelect: 'none',\n  }),\n  infoText: css({\n    display: 'flex',\n    alignItems: 'center',\n    whiteSpace: 'nowrap',\n  }),\n  activePage: css({\n    bg: 'bg.hover',\n    fontWeight: 'medium',\n  }),\n} as const;\n\nfunction generatePageRange(\n  currentPage: number,\n  totalPages: number,\n  siblingCount: number,\n): (number | '...')[] {\n  const totalSlots = 5 + 2 * siblingCount;\n\n  if (totalPages <= totalSlots) {\n    return Array.from({length: totalPages}, (_, index) => index + 1);\n  }\n\n  const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);\n  const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);\n  const showLeftEllipsis = leftSiblingIndex > 2;\n  const showRightEllipsis = rightSiblingIndex < totalPages - 1;\n\n  if (!showLeftEllipsis && showRightEllipsis) {\n    const leftRange = 3 + 2 * siblingCount;\n    return [\n      ...Array.from({length: leftRange}, (_, index) => index + 1),\n      '...',\n      totalPages,\n    ];\n  }\n\n  if (showLeftEllipsis && !showRightEllipsis) {\n    const rightRange = 3 + 2 * siblingCount;\n    return [\n      1,\n      '...',\n      ...Array.from(\n        {length: rightRange},\n        (_, index) => totalPages - rightRange + index + 1,\n      ),\n    ];\n  }\n\n  return [\n    1,\n    '...',\n    ...Array.from(\n      {length: rightSiblingIndex - leftSiblingIndex + 1},\n      (_, index) => leftSiblingIndex + index,\n    ),\n    '...',\n    totalPages,\n  ];\n}\n\n/**\n * Page navigation controls with multiple display variants\n * (numbered pages, count summary, compact label, or none).\n */\nexport function Pagination({\n  className,\n  'data-testid': dataTestId,\n  hasMore,\n  isDisabled = false,\n  label = 'Pagination',\n  onChange,\n  page: pageFromProps,\n  pageSize: pageSizeFromProps = 10,\n  ref,\n  siblingCount: siblingCountFromProps = 1,\n  size = 'md',\n  style,\n  totalItems,\n  totalPages: totalPagesProp,\n  variant = 'pages',\n}: PaginationProps): React.JSX.Element | null {\n  const siblingCount = Math.max(0, siblingCountFromProps);\n  const pageSize = Math.max(1, pageSizeFromProps);\n  const computedTotalPages =\n    totalPagesProp ??\n    (totalItems != null ? Math.ceil(totalItems / pageSize) : undefined);\n  const page = Math.max(\n    1,\n    computedTotalPages != null\n      ? Math.min(pageFromProps, computedTotalPages)\n      : pageFromProps,\n  );\n  const hasPrevious = page > 1;\n  const hasNext =\n    computedTotalPages != null ? page < computedTotalPages : (hasMore ?? false);\n\n  const pageRange = useMemo(\n    () =>\n      computedTotalPages != null\n        ? generatePageRange(page, computedTotalPages, siblingCount)\n        : [],\n    [page, computedTotalPages, siblingCount],\n  );\n\n  if (totalItems != null && totalItems <= 0) {\n    return null;\n  }\n\n  if (computedTotalPages != null && computedTotalPages <= 0) {\n    return null;\n  }\n\n  const handlePageChange = (newPage: number) => {\n    if (isDisabled) {\n      return;\n    }\n\n    onChange(newPage);\n  };\n\n  const rangeStart = (page - 1) * pageSize + 1;\n  const rangeEnd =\n    totalItems == null\n      ? page * pageSize\n      : Math.min(page * pageSize, totalItems);\n\n  const renderIndicator = () => {\n    switch (variant) {\n      case 'pages': {\n        if (computedTotalPages == null) {\n          return null;\n        }\n\n        return pageRange.map((item, index) => {\n          if (item === '...') {\n            return (\n              <span\n                aria-hidden=\"true\"\n                className={styles.ellipsis}\n                key={`ellipsis-${pageRange[index - 1]}-${pageRange[index + 1]}`}>\n                ...\n              </span>\n            );\n          }\n\n          const isActive = item === page;\n          return (\n            <Button\n              aria-current={isActive ? 'page' : undefined}\n              aria-label={\n                isActive ? `Page ${item}, current page` : `Go to page ${item}`\n              }\n              className={isActive ? styles.activePage : undefined}\n              isDisabled={isDisabled}\n              key={item}\n              label={String(item)}\n              onClick={isActive ? undefined : () => handlePageChange(item)}\n              size={size}\n              variant=\"ghost\"\n            />\n          );\n        });\n      }\n\n      case 'count':\n        return totalItems == null ? null : (\n          <span aria-live=\"polite\" className={styles.infoText}>\n            <Text color=\"primary\" size=\"sm\" type=\"body\">\n              {`${rangeStart}-${rangeEnd} of ${totalItems}`}\n            </Text>\n          </span>\n        );\n\n      case 'compact':\n        return computedTotalPages == null ? null : (\n          <span aria-live=\"polite\" className={styles.infoText}>\n            <Text color=\"primary\" size=\"sm\" type=\"body\">\n              {`Page ${page} of ${computedTotalPages}`}\n            </Text>\n          </span>\n        );\n\n      case 'none':\n      default:\n        return null;\n    }\n  };\n\n  return (\n    <nav\n      aria-label={label}\n      className={cx(styles.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <div className={styles.controls}>\n        <Button\n          icon={ChevronLeft}\n          isDisabled={isDisabled || !hasPrevious}\n          isIconOnly\n          label=\"Go to previous page\"\n          onClick={() => handlePageChange(page - 1)}\n          size={size}\n          variant=\"ghost\"\n        />\n        {renderIndicator()}\n        <Button\n          icon={ChevronRight}\n          isDisabled={isDisabled || !hasNext}\n          isIconOnly\n          label=\"Go to next page\"\n          onClick={() => handlePageChange(page + 1)}\n          size={size}\n          variant=\"ghost\"\n        />\n      </div>\n    </nav>\n  );\n}\n\nPagination.displayName = 'Pagination';\n"]}

package/dist/{chunk-SUT35RHA.cjs → chunk-76GVUEFH.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkX4I5YARV_cjs = require('./chunk-X4I5YARV.cjs');
-var chunkFFF57VHO_cjs = require('./chunk-FFF57VHO.cjs');
-var chunk5XMWGK3O_cjs = require('./chunk-5XMWGK3O.cjs');
+var chunkDUGGZUJP_cjs = require('./chunk-DUGGZUJP.cjs');
+var chunkRX2FXCIH_cjs = require('./chunk-RX2FXCIH.cjs');
+var chunkWOVSJHY6_cjs = require('./chunk-WOVSJHY6.cjs');
 var lucideReact = require('lucide-react');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -20,14 +20,14 @@ function PasswordInput({
   const [isVisible, setIsVisible] = react.useState(false);
   const toggleVisibility = react.useCallback(() => setIsVisible((v) => !v), []);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkX4I5YARV_cjs.TextInput,
+    chunkDUGGZUJP_cjs.TextInput,
     {
       ...props,
-      ...chunkFFF57VHO_cjs.getNecessity(isOptional, isRequired),
+      ...chunkRX2FXCIH_cjs.getNecessity(isOptional, isRequired),
       className,
       "data-testid": dataTestId,
       endContent: /* @__PURE__ */ jsxRuntime.jsx(
-        chunk5XMWGK3O_cjs.Button,
+        chunkWOVSJHY6_cjs.Button,
         {
           icon: isVisible ? lucideReact.EyeOff : lucideReact.Eye,
           isDisabled,
@@ -48,5 +48,5 @@ function PasswordInput({
 PasswordInput.displayName = "PasswordInput";
 
 exports.PasswordInput = PasswordInput;
-//# sourceMappingURL=chunk-SUT35RHA.cjs.map
-//# sourceMappingURL=chunk-SUT35RHA.cjs.map
+//# sourceMappingURL=chunk-76GVUEFH.cjs.map
+//# sourceMappingURL=chunk-76GVUEFH.cjs.map

package/dist/{chunk-SUT35RHA.cjs.map → chunk-76GVUEFH.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/PasswordInput/PasswordInput.tsx"],"names":["useState","useCallback","jsx","TextInput","getNecessity","Button","EyeOff","Eye"],"mappings":";;;;;;;;;AAmBO,SAAS,aAAA,CAAc;AAAA,EAC5B,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,UAAA,GAAa,KAAA;AAAA,EACb,UAAA;AAAA,EACA,UAAA;AAAA,EACA,GAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0C;AACxC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAS,KAAK,CAAA;AAChD,EAAA,MAAM,gBAAA,GAAmBC,kBAAY,MAAM,YAAA,CAAa,OAAK,CAAC,CAAC,CAAA,EAAG,EAAE,CAAA;AAEpE,EAAA,uBACEC,cAAA;AAAA,IAACC,2BAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACH,GAAGC,8BAAA,CAAa,UAAA,EAAY,UAAU,CAAA;AAAA,MACvC,SAAA;AAAA,MACA,aAAA,EAAa,UAAA;AAAA,MACb,UAAA,kBACEF,cAAA;AAAA,QAACG,wBAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAM,YAAYC,kBAAA,GAASC,eAAA;AAAA,UAC3B,UAAA;AAAA,UACA,UAAA,EAAU,IAAA;AAAA,UACV,KAAA,EAAO,YAAY,eAAA,GAAkB,eAAA;AAAA,UACrC,OAAA,EAAS,gBAAA;AAAA,UACT,IAAA,EAAK,IAAA;AAAA,UACL,OAAA,EAAQ;AAAA;AAAA,OACV;AAAA,MAEF,UAAA;AAAA,MACA,GAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA,EAAM,YAAY,MAAA,GAAS;AAAA;AAAA,GAC7B;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-SUT35RHA.cjs","sourcesContent":["import {Eye, EyeOff} from 'lucide-react';\nimport {useCallback, useState, type Ref} from 'react';\nimport {Button} from 'components/Button';\nimport {getNecessity} from 'components/Field';\nimport {TextInput, type TextInputProps} from 'components/TextInput';\n\nexport type PasswordInputProps = Omit<\n  TextInputProps,\n  'endContent' | 'hasClear' | 'startIcon' | 'type'\n> & {\n  /**\n   * Ref forwarded to the input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n};\n\n/**\n * Password input with a toggle to show or hide the entered value.\n */\nexport function PasswordInput({\n  className,\n  'data-testid': dataTestId,\n  isDisabled = false,\n  isOptional,\n  isRequired,\n  ref,\n  style,\n  ...props\n}: PasswordInputProps): React.JSX.Element {\n  const [isVisible, setIsVisible] = useState(false);\n  const toggleVisibility = useCallback(() => setIsVisible(v => !v), []);\n\n  return (\n    <TextInput\n      {...props}\n      {...getNecessity(isOptional, isRequired)}\n      className={className}\n      data-testid={dataTestId}\n      endContent={\n        <Button\n          icon={isVisible ? EyeOff : Eye}\n          isDisabled={isDisabled}\n          isIconOnly\n          label={isVisible ? 'Hide password' : 'Show password'}\n          onClick={toggleVisibility}\n          size=\"sm\"\n          variant=\"ghost\"\n        />\n      }\n      isDisabled={isDisabled}\n      ref={ref}\n      style={style}\n      type={isVisible ? 'text' : 'password'}\n    />\n  );\n}\n\nPasswordInput.displayName = 'PasswordInput';\n"]}
+{"version":3,"sources":["../src/components/PasswordInput/PasswordInput.tsx"],"names":["useState","useCallback","jsx","TextInput","getNecessity","Button","EyeOff","Eye"],"mappings":";;;;;;;;;AAmBO,SAAS,aAAA,CAAc;AAAA,EAC5B,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,UAAA,GAAa,KAAA;AAAA,EACb,UAAA;AAAA,EACA,UAAA;AAAA,EACA,GAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0C;AACxC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAS,KAAK,CAAA;AAChD,EAAA,MAAM,gBAAA,GAAmBC,kBAAY,MAAM,YAAA,CAAa,OAAK,CAAC,CAAC,CAAA,EAAG,EAAE,CAAA;AAEpE,EAAA,uBACEC,cAAA;AAAA,IAACC,2BAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACH,GAAGC,8BAAA,CAAa,UAAA,EAAY,UAAU,CAAA;AAAA,MACvC,SAAA;AAAA,MACA,aAAA,EAAa,UAAA;AAAA,MACb,UAAA,kBACEF,cAAA;AAAA,QAACG,wBAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAM,YAAYC,kBAAA,GAASC,eAAA;AAAA,UAC3B,UAAA;AAAA,UACA,UAAA,EAAU,IAAA;AAAA,UACV,KAAA,EAAO,YAAY,eAAA,GAAkB,eAAA;AAAA,UACrC,OAAA,EAAS,gBAAA;AAAA,UACT,IAAA,EAAK,IAAA;AAAA,UACL,OAAA,EAAQ;AAAA;AAAA,OACV;AAAA,MAEF,UAAA;AAAA,MACA,GAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA,EAAM,YAAY,MAAA,GAAS;AAAA;AAAA,GAC7B;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-76GVUEFH.cjs","sourcesContent":["import {Eye, EyeOff} from 'lucide-react';\nimport {useCallback, useState, type Ref} from 'react';\nimport {Button} from 'components/Button';\nimport {getNecessity} from 'components/Field';\nimport {TextInput, type TextInputProps} from 'components/TextInput';\n\nexport type PasswordInputProps = Omit<\n  TextInputProps,\n  'endContent' | 'hasClear' | 'startIcon' | 'type'\n> & {\n  /**\n   * Ref forwarded to the input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n};\n\n/**\n * Password input with a toggle to show or hide the entered value.\n */\nexport function PasswordInput({\n  className,\n  'data-testid': dataTestId,\n  isDisabled = false,\n  isOptional,\n  isRequired,\n  ref,\n  style,\n  ...props\n}: PasswordInputProps): React.JSX.Element {\n  const [isVisible, setIsVisible] = useState(false);\n  const toggleVisibility = useCallback(() => setIsVisible(v => !v), []);\n\n  return (\n    <TextInput\n      {...props}\n      {...getNecessity(isOptional, isRequired)}\n      className={className}\n      data-testid={dataTestId}\n      endContent={\n        <Button\n          icon={isVisible ? EyeOff : Eye}\n          isDisabled={isDisabled}\n          isIconOnly\n          label={isVisible ? 'Hide password' : 'Show password'}\n          onClick={toggleVisibility}\n          size=\"sm\"\n          variant=\"ghost\"\n        />\n      }\n      isDisabled={isDisabled}\n      ref={ref}\n      style={style}\n      type={isVisible ? 'text' : 'password'}\n    />\n  );\n}\n\nPasswordInput.displayName = 'PasswordInput';\n"]}