silver-ui 0.1.1 → 0.3.0

package/dist/chunk-3M23WX6K.js

@@ -0,0 +1,106 @@
+import { cva } from './chunk-FMEIPGUP.js';
+import { css } from './chunk-OD4DHHZH.js';
+
+// src/components/Field/inputStyles.ts
+var inputRecipe = cva({
+  base: {
+    position: "relative",
+    zIndex: 1,
+    display: "flex",
+    alignItems: "center",
+    gap: "2",
+    px: "3",
+    borderWidth: "default",
+    borderStyle: "solid",
+    borderColor: "border.emphasized",
+    borderRadius: "md",
+    bg: "bg",
+    transitionProperty: "border-color, box-shadow, opacity",
+    transitionDuration: "fast",
+    transitionTimingFunction: "default",
+    _hover: {
+      borderColor: "fg.muted"
+    },
+    _focusWithin: {
+      borderColor: "primary",
+      boxShadow: "focus"
+    }
+  },
+  variants: {
+    size: {
+      sm: { minH: "component.sm" },
+      md: { minH: "component.md" },
+      lg: { minH: "component.lg" }
+    },
+    status: {
+      warning: {
+        borderColor: "status.warning.border",
+        _hover: { borderColor: "status.warning.borderHover" },
+        _focusWithin: {
+          borderColor: "status.warning.border",
+          boxShadow: "focus.warning"
+        }
+      },
+      error: {
+        borderColor: "status.error.border",
+        _hover: { borderColor: "status.error.borderHover" },
+        _focusWithin: {
+          borderColor: "status.error.border",
+          boxShadow: "focus.error"
+        }
+      },
+      success: {
+        borderColor: "status.success.border",
+        _hover: { borderColor: "status.success.borderHover" },
+        _focusWithin: {
+          borderColor: "status.success.border",
+          boxShadow: "focus.success"
+        }
+      }
+    },
+    isDisabled: {
+      true: {
+        cursor: "not-allowed",
+        opacity: 0.55
+      },
+      false: {}
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    isDisabled: false
+  }
+});
+var inputStyles = {
+  control: css({
+    display: "block",
+    flex: 1,
+    minW: 0,
+    borderWidth: 0,
+    borderStyle: "none",
+    p: 0,
+    fontFamily: "body",
+    fontSize: "md",
+    lineHeight: "normal",
+    color: "fg",
+    bg: "transparent",
+    outline: "none",
+    _placeholder: {
+      color: "fg.muted"
+    },
+    _disabled: {
+      cursor: "not-allowed"
+    }
+  }),
+  iconSlot: css({
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flexShrink: 0,
+    color: "fg.muted"
+  })
+};
+
+export { inputRecipe, inputStyles };
+//# sourceMappingURL=chunk-3M23WX6K.js.map
+//# sourceMappingURL=chunk-3M23WX6K.js.map

package/dist/chunk-3M23WX6K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Field/inputStyles.ts"],"names":[],"mappings":"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","file":"chunk-3M23WX6K.js","sourcesContent":["import {css, cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const inputRecipe = cva({\n  base: {\n    position: 'relative',\n    zIndex: 1,\n    display: 'flex',\n    alignItems: 'center',\n    gap: '2',\n    px: '3',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'border.emphasized',\n    borderRadius: 'md',\n    bg: 'bg',\n    transitionProperty: 'border-color, box-shadow, opacity',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n    _hover: {\n      borderColor: 'fg.muted',\n    },\n    _focusWithin: {\n      borderColor: 'primary',\n      boxShadow: 'focus',\n    },\n  },\n  variants: {\n    size: {\n      sm: {minH: 'component.sm'},\n      md: {minH: 'component.md'},\n      lg: {minH: 'component.lg'},\n    },\n    status: {\n      warning: {\n        borderColor: 'status.warning.border',\n        _hover: {borderColor: 'status.warning.borderHover'},\n        _focusWithin: {\n          borderColor: 'status.warning.border',\n          boxShadow: 'focus.warning',\n        },\n      },\n      error: {\n        borderColor: 'status.error.border',\n        _hover: {borderColor: 'status.error.borderHover'},\n        _focusWithin: {\n          borderColor: 'status.error.border',\n          boxShadow: 'focus.error',\n        },\n      },\n      success: {\n        borderColor: 'status.success.border',\n        _hover: {borderColor: 'status.success.borderHover'},\n        _focusWithin: {\n          borderColor: 'status.success.border',\n          boxShadow: 'focus.success',\n        },\n      },\n    },\n    isDisabled: {\n      true: {\n        cursor: 'not-allowed',\n        opacity: 0.55,\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    isDisabled: false,\n  },\n});\n\nexport type InputVariants = RecipeVariantProps<typeof inputRecipe>;\n\nexport const inputStyles = {\n  control: css({\n    display: 'block',\n    flex: 1,\n    minW: 0,\n    borderWidth: 0,\n    borderStyle: 'none',\n    p: 0,\n    fontFamily: 'body',\n    fontSize: 'md',\n    lineHeight: 'normal',\n    color: 'fg',\n    bg: 'transparent',\n    outline: 'none',\n    _placeholder: {\n      color: 'fg.muted',\n    },\n    _disabled: {\n      cursor: 'not-allowed',\n    },\n  }),\n  iconSlot: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n    color: 'fg.muted',\n  }),\n} as const;\n"]}

package/dist/{chunk-YX7DI3O3.cjs → chunk-3PDUOYAT.cjs}

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkCR4NB42L_cjs = require('./chunk-CR4NB42L.cjs');
-var chunkQRXMW7MQ_cjs = require('./chunk-QRXMW7MQ.cjs');
-var chunkO5RVLBKN_cjs = require('./chunk-O5RVLBKN.cjs');
-var chunkUZNSGQT3_cjs = require('./chunk-UZNSGQT3.cjs');
+var chunkBFWKL5MJ_cjs = require('./chunk-BFWKL5MJ.cjs');
+var chunkMQQ4GSUG_cjs = require('./chunk-MQQ4GSUG.cjs');
+var chunkUMGW7WJI_cjs = require('./chunk-UMGW7WJI.cjs');
+var chunkDSNJDFO3_cjs = require('./chunk-DSNJDFO3.cjs');
 var chunk6SHL7FYO_cjs = require('./chunk-6SHL7FYO.cjs');
-var chunkJAX62FUE_cjs = require('./chunk-JAX62FUE.cjs');
+var chunkJRBQKFVO_cjs = require('./chunk-JRBQKFVO.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
-var chunkAZDWQGAX_cjs = require('./chunk-AZDWQGAX.cjs');
+var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -56,7 +56,7 @@ function useMediaQuery(query) {
 }
 
 // src/components/AppShell/AppShell.recipe.ts
-var appShellRecipe = chunkJAX62FUE_cjs.cva({
+var appShellRecipe = chunkJRBQKFVO_cjs.cva({
   base: {
     display: "flex",
     flexDirection: "column",
@@ -125,7 +125,7 @@ var BREAKPOINT_VALUES = {
   none: 0
 };
 var styles = {
-  skipLink: chunkAZDWQGAX_cjs.css({
+  skipLink: chunkRU6JG3FS_cjs.css({
     position: "absolute",
     top: 0,
     insetInlineStart: 0,
@@ -159,21 +159,21 @@ var styles = {
       outlineOffset: "focusOffset"
     }
   }),
-  headerSticky: chunkAZDWQGAX_cjs.css({
+  headerSticky: chunkRU6JG3FS_cjs.css({
     position: "sticky",
     top: 0,
     zIndex: 1
   }),
-  banner: chunkAZDWQGAX_cjs.css({
+  banner: chunkRU6JG3FS_cjs.css({
     flexShrink: 0
   }),
-  autoMobileTopBar: chunkAZDWQGAX_cjs.css({
+  autoMobileTopBar: chunkRU6JG3FS_cjs.css({
     display: "flex",
     alignItems: "center",
     h: "12",
     px: "2"
   }),
-  sideNavSticky: chunkAZDWQGAX_cjs.css({
+  sideNavSticky: chunkRU6JG3FS_cjs.css({
     flexShrink: 0,
     overflow: "clip",
     position: "sticky",
@@ -182,28 +182,28 @@ var styles = {
     display: "flex",
     flexDirection: "column"
   }),
-  elevatedWrapper: chunkAZDWQGAX_cjs.css({
+  elevatedWrapper: chunkRU6JG3FS_cjs.css({
     position: "relative",
     display: "flex",
     flex: 1,
     minH: 0,
     h: "100%"
   }),
-  elevatedBackdrop: chunkAZDWQGAX_cjs.css({
+  elevatedBackdrop: chunkRU6JG3FS_cjs.css({
     position: "absolute",
     inset: 0,
     bg: "bg",
     borderStartStartRadius: "2xl",
     pointerEvents: "none"
   }),
-  contentSurface: chunkAZDWQGAX_cjs.css({
+  contentSurface: chunkRU6JG3FS_cjs.css({
     bg: "bg"
   }),
-  contentTransparent: chunkAZDWQGAX_cjs.css({
+  contentTransparent: chunkRU6JG3FS_cjs.css({
     bg: "transparent",
     isolation: "isolate"
   }),
-  slotContents: chunkAZDWQGAX_cjs.css({
+  slotContents: chunkRU6JG3FS_cjs.css({
     display: "contents"
   })
 };
@@ -272,9 +272,9 @@ function AppShell({
     }),
     [isBelowBreakpoint, isMobileNavOpen, mobileNavEnabled, setMobileNavOpen]
   );
-  const mobileContentValue = hasSideNavContent ? /* @__PURE__ */ jsxRuntime.jsx(chunkQRXMW7MQ_cjs.SideNavRenderContext, { value: "drawer-content", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.slotContents, ref: sideNavPresenceRef, children: sideNav }) }) : null;
-  const drawerMobileContentValue = hasSideNavContent ? /* @__PURE__ */ jsxRuntime.jsx(chunkQRXMW7MQ_cjs.SideNavRenderContext, { value: "drawer-content", children: sideNav }) : null;
-  const topNavContent = hasTopNav && isBelowBreakpoint && !isMobileNavDisabled ? /* @__PURE__ */ jsxRuntime.jsx(chunkCR4NB42L_cjs.TopNavMobileContentContext, { value: mobileContentValue, children: /* @__PURE__ */ jsxRuntime.jsx(chunkCR4NB42L_cjs.TopNavRenderContext, { value: "mobile-bar", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.slotContents, ref: topNavPresenceRef, children: topNav }) }) }) : topNav;
+  const mobileContentValue = hasSideNavContent ? /* @__PURE__ */ jsxRuntime.jsx(chunkMQQ4GSUG_cjs.SideNavRenderContext, { value: "drawer-content", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.slotContents, ref: sideNavPresenceRef, children: sideNav }) }) : null;
+  const drawerMobileContentValue = hasSideNavContent ? /* @__PURE__ */ jsxRuntime.jsx(chunkMQQ4GSUG_cjs.SideNavRenderContext, { value: "drawer-content", children: sideNav }) : null;
+  const topNavContent = hasTopNav && isBelowBreakpoint && !isMobileNavDisabled ? /* @__PURE__ */ jsxRuntime.jsx(chunkBFWKL5MJ_cjs.TopNavMobileContentContext, { value: mobileContentValue, children: /* @__PURE__ */ jsxRuntime.jsx(chunkBFWKL5MJ_cjs.TopNavRenderContext, { value: "mobile-bar", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.slotContents, ref: topNavPresenceRef, children: topNav }) }) }) : topNav;
   const headerContent = hasTopNav || banner != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkSPDVNY2Z_cjs.cx(isAuto && styles.headerSticky), ref: headerRef, children: /* @__PURE__ */ jsxRuntime.jsxs("header", { style: { flexShrink: 0 }, children: [
     banner != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.banner, children: banner }) : null,
     hasTopNav ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.slotContents, ref: topNavPresenceRef, children: topNavContent }) : null
@@ -286,16 +286,16 @@ function AppShell({
       className: styles.autoMobileTopBar,
       role: "navigation",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkQRXMW7MQ_cjs.SideNavRenderContext, { value: "topbar", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.slotContents, ref: sideNavPresenceRef, children: sideNav }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkO5RVLBKN_cjs.MobileNavToggle, {})
+        /* @__PURE__ */ jsxRuntime.jsx(chunkMQQ4GSUG_cjs.SideNavRenderContext, { value: "topbar", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.slotContents, ref: sideNavPresenceRef, children: sideNav }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkUMGW7WJI_cjs.MobileNavToggle, {})
       ]
     }
   ) }) : void 0;
-  const sideNavPanel = showSideNavInline ? /* @__PURE__ */ jsxRuntime.jsx(chunkUZNSGQT3_cjs.LayoutPanel, { isScrollable: isFill, padding: 0, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.slotContents, ref: sideNavPresenceRef, children: sideNav }) }) : void 0;
+  const sideNavPanel = showSideNavInline ? /* @__PURE__ */ jsxRuntime.jsx(chunkDSNJDFO3_cjs.LayoutPanel, { isScrollable: isFill, padding: 0, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.slotContents, ref: sideNavPresenceRef, children: sideNav }) }) : void 0;
   const sideNavContent = sideNavPanel != null && isAuto ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.sideNavSticky, children: sideNavPanel }) : sideNavPanel;
   const contentClassName = variant === "default" && hasTopNavContent && showSideNavInline ? styles.contentTransparent : variant === "default" ? styles.contentSurface : void 0;
   const mainInner = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkUZNSGQT3_cjs.LayoutContent,
+    chunkDSNJDFO3_cjs.LayoutContent,
     {
       as: "main",
       className: contentClassName,
@@ -311,7 +311,7 @@ function AppShell({
     mainInner
   ] }) : mainInner;
   const rootStyle = { ...style };
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkO5RVLBKN_cjs.AppShellMobileContext, { value: mobileContextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkUMGW7WJI_cjs.AppShellMobileContext, { value: mobileContextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       className: chunkSPDVNY2Z_cjs.cx(appShellRecipe({ height, variant }), className),
@@ -329,7 +329,7 @@ function AppShell({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkUZNSGQT3_cjs.Layout,
+          chunkDSNJDFO3_cjs.Layout,
           {
             content: mainContent,
             hasDividers: navHasDividers,
@@ -343,8 +343,8 @@ function AppShell({
           }
         ),
         isBelowBreakpoint && !isMobileNavDisabled ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          hasSideNav && !hasTopNavContent ? /* @__PURE__ */ jsxRuntime.jsx(chunkQRXMW7MQ_cjs.SideNavRenderContext, { value: "drawer", children: sideNav }) : null,
-          hasTopNav && hasTopNavContent ? /* @__PURE__ */ jsxRuntime.jsx(chunkCR4NB42L_cjs.TopNavMobileContentContext, { value: drawerMobileContentValue, children: /* @__PURE__ */ jsxRuntime.jsx(chunkCR4NB42L_cjs.TopNavRenderContext, { value: "drawer", children: topNav }) }) : null
+          hasSideNav && !hasTopNavContent ? /* @__PURE__ */ jsxRuntime.jsx(chunkMQQ4GSUG_cjs.SideNavRenderContext, { value: "drawer", children: sideNav }) : null,
+          hasTopNav && hasTopNavContent ? /* @__PURE__ */ jsxRuntime.jsx(chunkBFWKL5MJ_cjs.TopNavMobileContentContext, { value: drawerMobileContentValue, children: /* @__PURE__ */ jsxRuntime.jsx(chunkBFWKL5MJ_cjs.TopNavRenderContext, { value: "drawer", children: topNav }) }) : null
         ] }) : null
       ]
     }
@@ -353,6 +353,5 @@ function AppShell({
 AppShell.displayName = "AppShell";
 
 exports.AppShell = AppShell;
-exports.appShellRecipe = appShellRecipe;
-//# sourceMappingURL=chunk-YX7DI3O3.cjs.map
-//# sourceMappingURL=chunk-YX7DI3O3.cjs.map
+//# sourceMappingURL=chunk-3PDUOYAT.cjs.map
+//# sourceMappingURL=chunk-3PDUOYAT.cjs.map

package/dist/chunk-3PDUOYAT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internal/sharedResizeObserver.ts","../src/internal/useMediaQuery.ts","../src/components/AppShell/AppShell.recipe.ts","../src/components/AppShell/useSlotPresence.tsx","../src/components/AppShell/AppShell.tsx"],"names":["useCallback","useSyncExternalStore","cva","useState","useRef","observer","useEffect","css","useId","useMemo","jsx","SideNavRenderContext","TopNavMobileContentContext","TopNavRenderContext","cx","jsxs","MobileNavToggle","LayoutPanel","LayoutContent","AppShellMobileContext","mergeRefs","Layout","Fragment"],"mappings":"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","file":"chunk-3PDUOYAT.cjs","sourcesContent":["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 {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","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useCallback, useEffect, useId, useMemo, useRef, useState} from 'react';\nimport {css} from 'styled-system/css';\nimport {MobileNavToggle} from '../../internal/MobileNav';\nimport {cx} from '../../internal/cx';\nimport {mergeRefs} from '../../internal/mergeRefs';\nimport {\n  observeResize,\n  unobserveResize,\n} from '../../internal/sharedResizeObserver';\nimport type {SpacingToken} from '../../internal/spacingTokens';\nimport {useMediaQuery} from '../../internal/useMediaQuery';\nimport {Layout, LayoutContent, LayoutPanel} from '../Layout';\nimport {SideNavRenderContext} from '../SideNav';\nimport {TopNavMobileContentContext, TopNavRenderContext} from '../TopNav';\nimport {appShellRecipe} from './AppShell.recipe';\nimport {\n  AppShellMobileContext,\n  type AppShellMobileContextValue,\n} from './AppShellMobileContext';\nimport {useSlotPresence} from './useSlotPresence';\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 setMobileNavOpen = useCallback((isOpen: boolean) => {\n    setIsMobileNavOpen(isOpen);\n  }, []);\n  const {ref: topNavPresenceRef, hasContent: hasTopNavContent} =\n    useSlotPresence(topNav != null);\n  const {ref: sideNavPresenceRef, hasContent: hasSideNavContent} =\n    useSlotPresence(sideNav != null);\n  const hasTopNav = topNav != null;\n  const hasSideNav = sideNav != null;\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: () => setMobileNavOpen(false),\n      hasAutoToggle: true,\n      isMobile: isBelowBreakpoint,\n      isMobileNavEnabled: mobileNavEnabled,\n      isMobileNavOpen,\n      openMobileNav: () => mobileNavEnabled && setMobileNavOpen(true),\n      toggleMobileNav: () => {\n        if (mobileNavEnabled) {\n          setIsMobileNavOpen(prev => !prev);\n        }\n      },\n    }),\n    [isBelowBreakpoint, isMobileNavOpen, mobileNavEnabled, setMobileNavOpen],\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 || banner != null ? (\n      <div className={cx(isAuto && styles.headerSticky)} ref={headerRef}>\n        <header style={{flexShrink: 0}}>\n          {banner != null ? (\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-Z2UFJIZU.cjs → chunk-3WMLV4VP.cjs}

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkNILB6Y4Z_cjs = require('./chunk-NILB6Y4Z.cjs');
-var chunk2WP6NYYY_cjs = require('./chunk-2WP6NYYY.cjs');
-var chunkMKAOIB2O_cjs = require('./chunk-MKAOIB2O.cjs');
-var chunkPHFEQG4E_cjs = require('./chunk-PHFEQG4E.cjs');
+var chunk77RGTGRM_cjs = require('./chunk-77RGTGRM.cjs');
+var chunkYXYD5HKL_cjs = require('./chunk-YXYD5HKL.cjs');
+var chunk7GN6YTSS_cjs = require('./chunk-7GN6YTSS.cjs');
+var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
-var chunkAZDWQGAX_cjs = require('./chunk-AZDWQGAX.cjs');
+var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -15,12 +15,12 @@ function useToggleButtonGroup() {
   return react.use(ToggleButtonGroupContext);
 }
 var styles = {
-  group: chunkAZDWQGAX_cjs.css({
+  group: chunkRU6JG3FS_cjs.css({
     display: "inline-flex",
     alignItems: "center",
     gap: "1"
   }),
-  vertical: chunkAZDWQGAX_cjs.css({
+  vertical: chunkRU6JG3FS_cjs.css({
     flexDirection: "column",
     alignItems: "stretch"
   })
@@ -84,28 +84,28 @@ function ToggleButtonGroup({
 }
 ToggleButtonGroup.displayName = "ToggleButtonGroup";
 var styles2 = {
-  selected: chunkAZDWQGAX_cjs.css({
+  selected: chunkRU6JG3FS_cjs.css({
     bg: "bg.subtle",
     fontWeight: "semibold",
     _hover: { bg: "bg.subtle" },
     _active: { bg: "bg.subtle" }
   }),
-  content: chunkAZDWQGAX_cjs.css({
+  content: chunkRU6JG3FS_cjs.css({
     display: "contents"
   }),
-  labelWrapper: chunkAZDWQGAX_cjs.css({
+  labelWrapper: chunkRU6JG3FS_cjs.css({
     display: "inline-flex",
     flexDirection: "column",
     alignItems: "center",
     justifyContent: "center",
     minW: 0
   }),
-  label: chunkAZDWQGAX_cjs.css({
+  label: chunkRU6JG3FS_cjs.css({
     overflow: "hidden",
     textOverflow: "ellipsis",
     minW: 0
   }),
-  widthReservation: chunkAZDWQGAX_cjs.css({
+  widthReservation: chunkRU6JG3FS_cjs.css({
     display: "block",
     h: 0,
     overflow: "hidden",
@@ -113,13 +113,13 @@ var styles2 = {
     pointerEvents: "none",
     fontWeight: "semibold"
   }),
-  icon: chunkAZDWQGAX_cjs.css({
+  icon: chunkRU6JG3FS_cjs.css({
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
     flexShrink: 0
   }),
-  spinner: chunkAZDWQGAX_cjs.css({
+  spinner: chunkRU6JG3FS_cjs.css({
     display: "inline-flex",
     alignItems: "center",
     color: "inherit"
@@ -174,7 +174,7 @@ function ToggleButton({
       "aria-label": isIconOnly || isLoading ? label : void 0,
       "aria-pressed": isSelected,
       className: chunkSPDVNY2Z_cjs.cx(
-        chunkNILB6Y4Z_cjs.buttonRecipe({ variant: "ghost", size, iconOnly: isIconOnly }),
+        chunk77RGTGRM_cjs.buttonRecipe({ variant: "ghost", size, iconOnly: isIconOnly }),
         isSelected ? styles2.selected : void 0,
         className
       ),
@@ -185,17 +185,17 @@ function ToggleButton({
       style,
       type: "button",
       children: /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": isLoading || void 0, className: styles2.content, children: [
-        resolvedIcon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkPHFEQG4E_cjs.Icon, { icon: resolvedIcon, size }) }) : null,
+        resolvedIcon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { icon: resolvedIcon, size }) }) : null,
         !isIconOnly ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles2.labelWrapper, children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.label, children: visibleLabel }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: styles2.widthReservation, children: visibleLabel })
         ] }) : null,
-        !isIconOnly && isLoading ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: styles2.spinner, children: /* @__PURE__ */ jsxRuntime.jsx(chunk2WP6NYYY_cjs.Spinner, { size }) }) : null
+        !isIconOnly && isLoading ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: styles2.spinner, children: /* @__PURE__ */ jsxRuntime.jsx(chunkYXYD5HKL_cjs.Spinner, { size }) }) : null
       ] })
     }
   );
   if (tooltip != null) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkMKAOIB2O_cjs.Tooltip, { content: tooltip, children: button });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunk7GN6YTSS_cjs.Tooltip, { content: tooltip, children: button });
   }
   return button;
 }
@@ -203,5 +203,5 @@ ToggleButton.displayName = "ToggleButton";
 
 exports.ToggleButton = ToggleButton;
 exports.ToggleButtonGroup = ToggleButtonGroup;
-//# sourceMappingURL=chunk-Z2UFJIZU.cjs.map
-//# sourceMappingURL=chunk-Z2UFJIZU.cjs.map
+//# sourceMappingURL=chunk-3WMLV4VP.cjs.map
+//# sourceMappingURL=chunk-3WMLV4VP.cjs.map

package/dist/{chunk-Z2UFJIZU.cjs.map → chunk-3WMLV4VP.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ToggleButton/ToggleButtonGroup.tsx","../src/components/ToggleButton/ToggleButton.tsx"],"names":["createContext","use","css","useMemo","useCallback","current","jsx","cx","styles","buttonRecipe","Icon","jsxs","Spinner","Tooltip"],"mappings":"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","file":"chunk-Z2UFJIZU.cjs","sourcesContent":["import {\n  createContext,\n  use,\n  useCallback,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport type {ButtonSize} from '../Button';\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-label={label}\n        className={cx(\n          styles.group,\n          orientation === 'vertical' ? styles.vertical : undefined,\n          className,\n        )}\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, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {buttonRecipe} from '../Button';\nimport type {ButtonSize} from '../Button';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Spinner} from '../Spinner';\nimport {Tooltip} from '../Tooltip';\nimport {useToggleButtonGroup} from './ToggleButtonGroup';\n\nexport interface ToggleButtonProps {\n  /**\n   * Custom visible content. When omitted, `label` is rendered.\n   */\n  children?: ReactNode;\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\nconst styles = {\n  selected: css({\n    bg: 'bg.subtle',\n    fontWeight: 'semibold',\n    _hover: {bg: 'bg.subtle'},\n    _active: {bg: 'bg.subtle'},\n  }),\n  content: css({\n    display: 'contents',\n  }),\n  labelWrapper: css({\n    display: 'inline-flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minW: 0,\n  }),\n  label: css({\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    minW: 0,\n  }),\n  widthReservation: css({\n    display: 'block',\n    h: 0,\n    overflow: 'hidden',\n    visibility: 'hidden',\n    pointerEvents: 'none',\n    fontWeight: 'semibold',\n  }),\n  icon: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n  }),\n  spinner: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    color: 'inherit',\n  }),\n} as const;\n\n/**\n * Button that toggles between selected and unselected states.\n */\nexport function ToggleButton({\n  children,\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 visibleLabel = children ?? label;\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}),\n        isSelected ? styles.selected : undefined,\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={styles.content}>\n        {resolvedIcon != null ? (\n          <span className={styles.icon}>\n            <Icon icon={resolvedIcon} size={size} />\n          </span>\n        ) : null}\n        {!isIconOnly ? (\n          <span className={styles.labelWrapper}>\n            <span className={styles.label}>{visibleLabel}</span>\n            <span aria-hidden=\"true\" className={styles.widthReservation}>\n              {visibleLabel}\n            </span>\n          </span>\n        ) : null}\n        {!isIconOnly && isLoading ? (\n          <span aria-hidden=\"true\" className={styles.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"]}
+{"version":3,"sources":["../src/components/ToggleButton/ToggleButtonGroup.tsx","../src/components/ToggleButton/ToggleButton.tsx"],"names":["createContext","use","css","useMemo","useCallback","current","jsx","cx","styles","buttonRecipe","Icon","jsxs","Spinner","Tooltip"],"mappings":"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","file":"chunk-3WMLV4VP.cjs","sourcesContent":["import {\n  createContext,\n  use,\n  useCallback,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport type {ButtonSize} from '../Button';\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-label={label}\n        className={cx(\n          styles.group,\n          orientation === 'vertical' ? styles.vertical : undefined,\n          className,\n        )}\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, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport type {ButtonSize} from '../Button';\nimport {buttonRecipe} from '../Button/Button.recipe';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Spinner} from '../Spinner';\nimport {Tooltip} from '../Tooltip';\nimport {useToggleButtonGroup} from './ToggleButtonGroup';\n\nexport interface ToggleButtonProps {\n  /**\n   * Custom visible content. When omitted, `label` is rendered.\n   */\n  children?: ReactNode;\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\nconst styles = {\n  selected: css({\n    bg: 'bg.subtle',\n    fontWeight: 'semibold',\n    _hover: {bg: 'bg.subtle'},\n    _active: {bg: 'bg.subtle'},\n  }),\n  content: css({\n    display: 'contents',\n  }),\n  labelWrapper: css({\n    display: 'inline-flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minW: 0,\n  }),\n  label: css({\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    minW: 0,\n  }),\n  widthReservation: css({\n    display: 'block',\n    h: 0,\n    overflow: 'hidden',\n    visibility: 'hidden',\n    pointerEvents: 'none',\n    fontWeight: 'semibold',\n  }),\n  icon: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n  }),\n  spinner: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    color: 'inherit',\n  }),\n} as const;\n\n/**\n * Button that toggles between selected and unselected states.\n */\nexport function ToggleButton({\n  children,\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 visibleLabel = children ?? label;\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}),\n        isSelected ? styles.selected : undefined,\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={styles.content}>\n        {resolvedIcon != null ? (\n          <span className={styles.icon}>\n            <Icon icon={resolvedIcon} size={size} />\n          </span>\n        ) : null}\n        {!isIconOnly ? (\n          <span className={styles.labelWrapper}>\n            <span className={styles.label}>{visibleLabel}</span>\n            <span aria-hidden=\"true\" className={styles.widthReservation}>\n              {visibleLabel}\n            </span>\n          </span>\n        ) : null}\n        {!isIconOnly && isLoading ? (\n          <span aria-hidden=\"true\" className={styles.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-T55MB2CA.js → chunk-4CVDLMD6.js}

@@ -1,5 +1,5 @@
 import { ButtonGroupContext } from './chunk-Z4TZAJS3.js';
-import { cva } from './chunk-NAELQLZN.js';
+import { cva } from './chunk-FMEIPGUP.js';
 import { cx } from './chunk-PPNETWIP.js';
 import { useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -21,28 +21,37 @@ var buttonGroupRecipe = cva({
     orientation: {
       horizontal: {
         flexDirection: "row",
-        "& > :not(:first-child):is(button, a), & > :not(:first-child) :where(button, a)": {
+        "& > :not(:first-child):is(button, a), & > :not(:first-child) :where(button, a):not([popover] *)": {
           borderTopLeftRadius: 0,
           borderBottomLeftRadius: 0,
           borderInlineStartWidth: "default",
           borderInlineStartStyle: "solid",
           borderInlineStartColor: "border"
         },
-        "& > :not(:last-child):is(button, a), & > :not(:last-child) :where(button, a)": {
+        // `:has(~ :not([popover]))` rather than `:not(:last-child)` so that a
+        // trailing `[popover]` sibling (e.g. DropdownMenu's floating content,
+        // which is display:none but still counts for :last-child) does not
+        // strip the end radius from the last visible button in the group. The
+        // `:not([popover] *)` on the descendant clause keeps these joins from
+        // leaking onto buttons rendered inside a child's popover (menu items).
+        "& > :has(~ :not([popover])):is(button, a), & > :has(~ :not([popover])) :where(button, a):not([popover] *)": {
           borderTopRightRadius: 0,
           borderBottomRightRadius: 0
         }
       },
       vertical: {
         flexDirection: "column",
-        "& > :not(:first-child):is(button, a), & > :not(:first-child) :where(button, a)": {
+        "& > :not(:first-child):is(button, a), & > :not(:first-child) :where(button, a):not([popover] *)": {
           borderTopLeftRadius: 0,
           borderTopRightRadius: 0,
           borderBlockStartWidth: "default",
           borderBlockStartStyle: "solid",
           borderBlockStartColor: "border"
         },
-        "& > :not(:last-child):is(button, a), & > :not(:last-child) :where(button, a)": {
+        // See the horizontal note above: skip trailing `[popover]` siblings so
+        // the last visible button keeps its bottom radius, and exclude popover
+        // descendants so menu items don't inherit the group joins.
+        "& > :has(~ :not([popover])):is(button, a), & > :has(~ :not([popover])) :where(button, a):not([popover] *)": {
           borderBottomLeftRadius: 0,
           borderBottomRightRadius: 0
         }
@@ -85,6 +94,6 @@ function ButtonGroup({
 }
 ButtonGroup.displayName = "ButtonGroup";
 
-export { ButtonGroup, buttonGroupRecipe };
-//# sourceMappingURL=chunk-T55MB2CA.js.map
-//# sourceMappingURL=chunk-T55MB2CA.js.map
+export { ButtonGroup };
+//# sourceMappingURL=chunk-4CVDLMD6.js.map
+//# sourceMappingURL=chunk-4CVDLMD6.js.map