silver-ui 0.4.0 → 0.5.0

package/dist/chunk-TOQ4MGM5.js.map

@@ -0,0 +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"]}

package/dist/chunk-TSKFGLGQ.cjs

@@ -0,0 +1,332 @@
+'use strict';
+
+var chunk3Z5PF75J_cjs = require('./chunk-3Z5PF75J.cjs');
+var chunkOUZX7STE_cjs = require('./chunk-OUZX7STE.cjs');
+var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
+var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
+var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Item/Item.recipe.ts
+var itemRecipe = chunkZ6RT3WPE_cjs.sva({
+  slots: [
+    "root",
+    "interactiveContent",
+    "content",
+    "textContent",
+    "startContent",
+    "endContent",
+    "endContentInline",
+    "labelRow",
+    "trailingContent"
+  ],
+  base: {
+    root: {
+      position: "relative",
+      display: "flex",
+      alignItems: "center",
+      gap: "2",
+      px: "2",
+      py: "2",
+      textAlign: "start",
+      borderRadius: "md"
+    },
+    interactiveContent: {
+      cursor: "inherit",
+      color: "inherit",
+      display: "flex",
+      alignItems: "center",
+      gap: "2",
+      flex: 1,
+      minW: 0,
+      textAlign: "start",
+      textDecoration: "none"
+    },
+    content: {
+      display: "flex",
+      alignItems: "center",
+      gap: "2",
+      flex: 1,
+      minW: 0,
+      textAlign: "start"
+    },
+    textContent: {
+      display: "flex",
+      flexDirection: "column",
+      flex: 1,
+      minW: 0
+    },
+    startContent: {
+      display: "inline-flex",
+      flexShrink: 0
+    },
+    endContent: {
+      display: "inline-flex",
+      alignItems: "center",
+      flexShrink: 0,
+      marginInlineStart: "auto"
+    },
+    endContentInline: {
+      display: "inline-flex",
+      alignItems: "center",
+      flexShrink: 0
+    },
+    labelRow: {
+      display: "flex",
+      alignItems: "center",
+      gap: "2"
+    },
+    trailingContent: {
+      display: "inline-flex",
+      alignItems: "center",
+      flexShrink: 0
+    }
+  },
+  variants: {
+    align: {
+      center: {},
+      start: { root: { alignItems: "flex-start" } }
+    },
+    width: {
+      full: { root: { w: "full" } },
+      auto: {}
+    },
+    isInteractive: {
+      true: {
+        root: {
+          cursor: "pointer",
+          transitionProperty: "background-color",
+          transitionDuration: "fast",
+          transitionTimingFunction: "default",
+          _hover: { bg: "bg.subtle" },
+          _active: { bg: "bg.hover" },
+          "&:has(:focus-visible)": {
+            outlineWidth: "focus",
+            outlineStyle: "solid",
+            outlineColor: "primary",
+            outlineOffset: "focusOffset"
+          }
+        }
+      },
+      false: {}
+    },
+    isHighlighted: {
+      true: { root: { bg: "bg.subtle" } },
+      false: {}
+    },
+    isSelected: {
+      true: { root: { bg: "bg.selected" } },
+      false: {}
+    },
+    // The disabled wrapper dims everything inside it via opacity (which
+    // compounds through the tree), so the dimming lives only on the content
+    // wrappers — applying it to nested slots like endContent would double-dim.
+    isDisabled: {
+      true: {
+        content: { opacity: 0.5 },
+        interactiveContent: { opacity: 0.5 }
+      },
+      false: {}
+    },
+    // Marker variant; whether a parent owns the role gates the disabled root
+    // styling, which lives in compoundVariants below.
+    hasParentRole: {
+      true: {},
+      false: {}
+    }
+  },
+  compoundVariants: [
+    {
+      isDisabled: true,
+      hasParentRole: false,
+      css: {
+        root: {
+          cursor: "not-allowed",
+          pointerEvents: "none"
+        }
+      }
+    }
+  ],
+  defaultVariants: {
+    align: "center",
+    width: "full",
+    isInteractive: false,
+    isHighlighted: false,
+    isSelected: false,
+    isDisabled: false,
+    hasParentRole: false
+  }
+});
+var SELECTABLE_ROLES = /* @__PURE__ */ new Set([
+  "option",
+  "tab",
+  "row",
+  "gridcell",
+  "treeitem"
+]);
+var INTERACTIVE_SELECTOR = [
+  "button",
+  "a[href]",
+  "input",
+  "select",
+  "textarea",
+  '[role="button"]',
+  '[role="link"]',
+  '[role="checkbox"]',
+  '[role="switch"]',
+  '[role="menuitem"]',
+  '[role="menuitemcheckbox"]',
+  '[role="menuitemradio"]',
+  '[role="tab"]',
+  '[role="radio"]',
+  '[role="option"]',
+  '[contenteditable="true"]',
+  '[tabindex]:not([tabindex="-1"])'
+].join(", ");
+function isInteractiveTarget(element) {
+  return element.closest(INTERACTIVE_SELECTOR) != null;
+}
+function getMaxLines(explicitLines, content) {
+  if (explicitLines != null) {
+    return explicitLines;
+  }
+  return typeof content === "string" ? 1 : 0;
+}
+function Item({
+  align = "center",
+  "aria-current": ariaCurrent,
+  as: Component = "div",
+  className,
+  "data-testid": dataTestId,
+  description,
+  descriptionLines,
+  endContent,
+  endContentPosition = "end",
+  href,
+  isDisabled = false,
+  isHighlighted = false,
+  isSelected = false,
+  label,
+  labelLines,
+  leadingContent,
+  linkComponent,
+  onClick,
+  ref,
+  rel,
+  role,
+  startContent,
+  style,
+  target,
+  trailingContent,
+  width = "full"
+}) {
+  const LinkComponent = chunkOUZX7STE_cjs.useLinkComponent(linkComponent);
+  const linkRel = chunkOUZX7STE_cjs.useRel({ target, rel });
+  const isInteractive = href != null || onClick != null;
+  const hasParentRole = role != null;
+  const ownsInteraction = isInteractive && !hasParentRole;
+  const interactiveRef = react.useRef(null);
+  const setInteractiveRef = react.useCallback((node) => {
+    interactiveRef.current = node;
+  }, []);
+  const classes = itemRecipe({
+    align,
+    width,
+    isInteractive,
+    isHighlighted,
+    isSelected,
+    isDisabled,
+    hasParentRole
+  });
+  const inlineEndContent = chunkQAO6QMNQ_cjs.isReactNode(endContent) && endContentPosition === "inline" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.endContentInline, children: endContent }) : null;
+  const labelAndDescription = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    inlineEndContent != null ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classes.labelRow, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { as: "span", maxLines: getMaxLines(labelLines, label), type: "body", children: label }),
+      inlineEndContent
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { as: "span", maxLines: getMaxLines(labelLines, label), type: "body", children: label }),
+    chunkQAO6QMNQ_cjs.isReactNode(description) ? /* @__PURE__ */ jsxRuntime.jsx(
+      chunk3Z5PF75J_cjs.Text,
+      {
+        as: "span",
+        maxLines: getMaxLines(descriptionLines, description),
+        type: "supporting",
+        children: description
+      }
+    ) : null
+  ] });
+  const handleContainerClick = (event) => {
+    if (isDisabled) {
+      return;
+    }
+    const targetElement = event.target;
+    if (interactiveRef.current?.contains(targetElement)) {
+      return;
+    }
+    if (isInteractiveTarget(targetElement)) {
+      return;
+    }
+    onClick?.(event);
+  };
+  const innerSlots = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    chunkQAO6QMNQ_cjs.isReactNode(startContent) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.startContent, children: startContent }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.textContent, children: labelAndDescription }),
+    chunkQAO6QMNQ_cjs.isReactNode(endContent) && endContentPosition !== "inline" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.endContent, children: endContent }) : null
+  ] });
+  const content = !ownsInteraction ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.content, children: innerSlots }) : href != null ? /* @__PURE__ */ jsxRuntime.jsx(
+    LinkComponent,
+    {
+      "aria-current": ariaCurrent ?? void 0,
+      "aria-disabled": isDisabled || void 0,
+      className: classes.interactiveContent,
+      href,
+      onClick: (e) => {
+        if (isDisabled) {
+          e.preventDefault();
+          return;
+        }
+        onClick?.(e);
+      },
+      ref: setInteractiveRef,
+      rel: linkRel,
+      tabIndex: isDisabled ? -1 : void 0,
+      target,
+      to: LinkComponent === "a" ? void 0 : href,
+      children: innerSlots
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      "aria-current": ariaCurrent ?? void 0,
+      className: classes.interactiveContent,
+      disabled: isDisabled,
+      onClick,
+      ref: setInteractiveRef,
+      type: "button",
+      children: innerSlots
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Component,
+    {
+      "aria-disabled": isDisabled || void 0,
+      "aria-selected": isSelected && role != null && SELECTABLE_ROLES.has(role) ? true : void 0,
+      className: chunkSPDVNY2Z_cjs.cx(classes.root, className),
+      "data-testid": dataTestId,
+      onClick: hasParentRole ? onClick : ownsInteraction ? handleContainerClick : void 0,
+      ref,
+      role,
+      style,
+      children: [
+        leadingContent,
+        content,
+        chunkQAO6QMNQ_cjs.isReactNode(trailingContent) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.trailingContent, children: trailingContent }) : null
+      ]
+    }
+  );
+}
+Item.displayName = "Item";
+
+exports.Item = Item;
+//# sourceMappingURL=chunk-TSKFGLGQ.cjs.map
+//# sourceMappingURL=chunk-TSKFGLGQ.cjs.map

package/dist/chunk-TSKFGLGQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Item/Item.recipe.ts","../src/components/Item/Item.tsx"],"names":["sva","useLinkComponent","useRel","useRef","useCallback","isReactNode","jsx","jsxs","Fragment","Text","cx"],"mappings":"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","file":"chunk-TSKFGLGQ.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const itemRecipe = sva({\n  slots: [\n    'root',\n    'interactiveContent',\n    'content',\n    'textContent',\n    'startContent',\n    'endContent',\n    'endContentInline',\n    'labelRow',\n    'trailingContent',\n  ],\n  base: {\n    root: {\n      position: 'relative',\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      px: '2',\n      py: '2',\n      textAlign: 'start',\n      borderRadius: 'md',\n    },\n    interactiveContent: {\n      cursor: 'inherit',\n      color: 'inherit',\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      flex: 1,\n      minW: 0,\n      textAlign: 'start',\n      textDecoration: 'none',\n    },\n    content: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      flex: 1,\n      minW: 0,\n      textAlign: 'start',\n    },\n    textContent: {\n      display: 'flex',\n      flexDirection: 'column',\n      flex: 1,\n      minW: 0,\n    },\n    startContent: {\n      display: 'inline-flex',\n      flexShrink: 0,\n    },\n    endContent: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n      marginInlineStart: 'auto',\n    },\n    endContentInline: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n    },\n    labelRow: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n    },\n    trailingContent: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n    },\n  },\n  variants: {\n    align: {\n      center: {},\n      start: {root: {alignItems: 'flex-start'}},\n    },\n    width: {\n      full: {root: {w: 'full'}},\n      auto: {},\n    },\n    isInteractive: {\n      true: {\n        root: {\n          cursor: 'pointer',\n          transitionProperty: 'background-color',\n          transitionDuration: 'fast',\n          transitionTimingFunction: 'default',\n          _hover: {bg: 'bg.subtle'},\n          _active: {bg: 'bg.hover'},\n          '&:has(:focus-visible)': {\n            outlineWidth: 'focus',\n            outlineStyle: 'solid',\n            outlineColor: 'primary',\n            outlineOffset: 'focusOffset',\n          },\n        },\n      },\n      false: {},\n    },\n    isHighlighted: {\n      true: {root: {bg: 'bg.subtle'}},\n      false: {},\n    },\n    isSelected: {\n      true: {root: {bg: 'bg.selected'}},\n      false: {},\n    },\n    // The disabled wrapper dims everything inside it via opacity (which\n    // compounds through the tree), so the dimming lives only on the content\n    // wrappers — applying it to nested slots like endContent would double-dim.\n    isDisabled: {\n      true: {\n        content: {opacity: 0.5},\n        interactiveContent: {opacity: 0.5},\n      },\n      false: {},\n    },\n    // Marker variant; whether a parent owns the role gates the disabled root\n    // styling, which lives in compoundVariants below.\n    hasParentRole: {\n      true: {},\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {\n      isDisabled: true,\n      hasParentRole: false,\n      css: {\n        root: {\n          cursor: 'not-allowed',\n          pointerEvents: 'none',\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    align: 'center',\n    width: 'full',\n    isInteractive: false,\n    isHighlighted: false,\n    isSelected: false,\n    isDisabled: false,\n    hasParentRole: false,\n  },\n});\n\nexport type ItemVariants = RecipeVariantProps<typeof itemRecipe>;\n","/* eslint-disable @eslint-react/static-components -- intentional polymorphism via as/link component props */\n\nimport {\n  useCallback,\n  useRef,\n  type AriaAttributes,\n  type CSSProperties,\n  type MouseEvent,\n  type MouseEventHandler,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {itemRecipe} from 'components/Item/Item.recipe';\nimport {useLinkComponent} from 'components/Link';\nimport type {LinkComponent as LinkComponentType} from 'components/Link';\nimport {Text} from 'components/Text';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {useRel} from 'internal/linkAccessibility';\n\nconst SELECTABLE_ROLES = new Set([\n  'option',\n  'tab',\n  'row',\n  'gridcell',\n  'treeitem',\n]);\n\nexport type ItemAlign = 'center' | 'start';\nexport type ItemElement = 'div' | 'li' | 'span';\n\nexport interface ItemProps {\n  /**\n   * Vertical alignment of the start and end content slots.\n   * @default 'center'\n   */\n  align?: ItemAlign;\n  /**\n   * ARIA current indicator forwarded to the interactive element.\n   */\n  'aria-current'?: AriaAttributes['aria-current'];\n  /**\n   * HTML element used for the root.\n   * @default 'div'\n   */\n  as?: ItemElement;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text shown below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Maximum number of description lines before truncation.\n   */\n  descriptionLines?: number;\n  /**\n   * Content rendered after the label and description.\n   * Position controlled by `endContentPosition`.\n   */\n  endContent?: ReactNode;\n  /**\n   * Where to place `endContent` within the item.\n   * `'end'` pushes it to the trailing edge; `'inline'` keeps it next to the label.\n   * @default 'end'\n   */\n  endContentPosition?: 'end' | 'inline';\n  /**\n   * Link URL. When set, the content area renders as a link.\n   */\n  href?: string;\n  /**\n   * Whether the item is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the item should show highlighted styling.\n   * @default false\n   */\n  isHighlighted?: boolean;\n  /**\n   * Whether the item is selected.\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Primary item label.\n   */\n  label: ReactNode;\n  /**\n   * Maximum number of label lines before truncation.\n   */\n  labelLines?: number;\n  /**\n   * Content rendered outside the interactive area, before it.\n   */\n  leadingContent?: ReactNode;\n  /**\n   * Custom link component used when href is set.\n   */\n  linkComponent?: LinkComponentType;\n  /**\n   * Click handler. When set without href, the content area renders as a\n   * button. When set with href, also fires on link clicks.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Link relationship. `noopener noreferrer` are added for `_blank` targets.\n   */\n  rel?: string;\n  /**\n   * ARIA role applied to the root element. When set, click handling is attached\n   * to the root so parent composite widgets can own keyboard behavior.\n   */\n  role?: string;\n  /**\n   * Leading visual content, such as an icon, avatar, or image.\n   */\n  startContent?: ReactNode;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Link target.\n   */\n  target?: string;\n  /**\n   * Content rendered outside the interactive area, after it.\n   */\n  trailingContent?: ReactNode;\n  /**\n   * Width of the root element.\n   * @default 'full'\n   */\n  width?: 'full' | 'auto';\n}\n\n// Native and ARIA interactive elements that own their own click, plus anything\n// explicitly placed in the tab order or made editable. Used as a safety net so\n// the row action does not also fire when a consumer-provided control in a slot\n// is clicked.\nconst INTERACTIVE_SELECTOR = [\n  'button',\n  'a[href]',\n  'input',\n  'select',\n  'textarea',\n  '[role=\"button\"]',\n  '[role=\"link\"]',\n  '[role=\"checkbox\"]',\n  '[role=\"switch\"]',\n  '[role=\"menuitem\"]',\n  '[role=\"menuitemcheckbox\"]',\n  '[role=\"menuitemradio\"]',\n  '[role=\"tab\"]',\n  '[role=\"radio\"]',\n  '[role=\"option\"]',\n  '[contenteditable=\"true\"]',\n  '[tabindex]:not([tabindex=\"-1\"])',\n].join(', ');\n\nfunction isInteractiveTarget(element: HTMLElement): boolean {\n  return element.closest(INTERACTIVE_SELECTOR) != null;\n}\n\nfunction getMaxLines(\n  explicitLines: number | undefined,\n  content: ReactNode,\n): number {\n  if (explicitLines != null) {\n    return explicitLines;\n  }\n\n  return typeof content === 'string' ? 1 : 0;\n}\n\n/**\n * Shared start content, label, description, and end content row primitive.\n */\nexport function Item({\n  align = 'center',\n  'aria-current': ariaCurrent,\n  as: Component = 'div',\n  className,\n  'data-testid': dataTestId,\n  description,\n  descriptionLines,\n  endContent,\n  endContentPosition = 'end',\n  href,\n  isDisabled = false,\n  isHighlighted = false,\n  isSelected = false,\n  label,\n  labelLines,\n  leadingContent,\n  linkComponent,\n  onClick,\n  ref,\n  rel,\n  role,\n  startContent,\n  style,\n  target,\n  trailingContent,\n  width = 'full',\n}: ItemProps): React.JSX.Element {\n  const LinkComponent = useLinkComponent(linkComponent);\n  const linkRel = useRel({target, rel});\n  const isInteractive = href != null || onClick != null;\n  const hasParentRole = role != null;\n  // The item renders its own interactive control (link/button) only when it is\n  // interactive and no parent widget owns the role. Otherwise it renders a\n  // plain content wrapper and any interaction is handled by the parent.\n  const ownsInteraction = isInteractive && !hasParentRole;\n  // Tracks the inner interactive control (button/link) so the row handler can\n  // tell, precisely, when a click already fired on our own element.\n  const interactiveRef = useRef<HTMLElement | null>(null);\n  const setInteractiveRef = useCallback((node: HTMLElement | null) => {\n    interactiveRef.current = node;\n  }, []);\n  const classes = itemRecipe({\n    align,\n    width,\n    isInteractive,\n    isHighlighted,\n    isSelected,\n    isDisabled,\n    hasParentRole,\n  });\n\n  const inlineEndContent =\n    isReactNode(endContent) && endContentPosition === 'inline' ? (\n      <span className={classes.endContentInline}>{endContent}</span>\n    ) : null;\n\n  const labelAndDescription = (\n    <>\n      {inlineEndContent != null ? (\n        <span className={classes.labelRow}>\n          <Text as=\"span\" maxLines={getMaxLines(labelLines, label)} type=\"body\">\n            {label}\n          </Text>\n          {inlineEndContent}\n        </span>\n      ) : (\n        <Text as=\"span\" maxLines={getMaxLines(labelLines, label)} type=\"body\">\n          {label}\n        </Text>\n      )}\n      {isReactNode(description) ? (\n        <Text\n          as=\"span\"\n          maxLines={getMaxLines(descriptionLines, description)}\n          type=\"supporting\">\n          {description}\n        </Text>\n      ) : null}\n    </>\n  );\n\n  const handleContainerClick = (event: MouseEvent<HTMLElement>) => {\n    if (isDisabled) {\n      return;\n    }\n\n    const targetElement = event.target as HTMLElement;\n    // Our own interactive control already fired its onClick; don't double-fire.\n    if (interactiveRef.current?.contains(targetElement)) {\n      return;\n    }\n    // A consumer-provided interactive control in a slot owns its own click, so\n    // the row action should not also fire.\n    if (isInteractiveTarget(targetElement)) {\n      return;\n    }\n\n    onClick?.(event);\n  };\n\n  const innerSlots = (\n    <>\n      {isReactNode(startContent) ? (\n        <span className={classes.startContent}>{startContent}</span>\n      ) : null}\n      <span className={classes.textContent}>{labelAndDescription}</span>\n      {isReactNode(endContent) && endContentPosition !== 'inline' ? (\n        <span className={classes.endContent}>{endContent}</span>\n      ) : null}\n    </>\n  );\n\n  const content = !ownsInteraction ? (\n    <span className={classes.content}>{innerSlots}</span>\n  ) : href != null ? (\n    <LinkComponent\n      aria-current={ariaCurrent ?? undefined}\n      aria-disabled={isDisabled || undefined}\n      className={classes.interactiveContent}\n      href={href}\n      onClick={(e: MouseEvent<HTMLElement>) => {\n        if (isDisabled) {\n          e.preventDefault();\n          return;\n        }\n        onClick?.(e);\n      }}\n      ref={setInteractiveRef}\n      rel={linkRel}\n      tabIndex={isDisabled ? -1 : undefined}\n      target={target}\n      to={LinkComponent === 'a' ? undefined : href}>\n      {innerSlots}\n    </LinkComponent>\n  ) : (\n    <button\n      aria-current={ariaCurrent ?? undefined}\n      className={classes.interactiveContent}\n      disabled={isDisabled}\n      onClick={onClick}\n      ref={setInteractiveRef}\n      type=\"button\">\n      {innerSlots}\n    </button>\n  );\n\n  return (\n    <Component\n      aria-disabled={isDisabled || undefined}\n      aria-selected={\n        isSelected && role != null && SELECTABLE_ROLES.has(role)\n          ? true\n          : undefined\n      }\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      onClick={\n        hasParentRole\n          ? onClick\n          : ownsInteraction\n            ? handleContainerClick\n            : undefined\n      }\n      ref={ref as Ref<never>}\n      role={role}\n      style={style}>\n      {leadingContent}\n      {content}\n      {isReactNode(trailingContent) ? (\n        <span className={classes.trailingContent}>{trailingContent}</span>\n      ) : null}\n    </Component>\n  );\n}\n\nItem.displayName = 'Item';\n"]}