silver-ui 0.4.0 → 0.5.0

package/dist/chunk-GW6P4FJ4.cjs

@@ -0,0 +1,424 @@
+'use strict';
+
+var chunk7CTHD4G6_cjs = require('./chunk-7CTHD4G6.cjs');
+var chunkQB2BSOM4_cjs = require('./chunk-QB2BSOM4.cjs');
+var chunk3Z5PF75J_cjs = require('./chunk-3Z5PF75J.cjs');
+var chunkOUZX7STE_cjs = require('./chunk-OUZX7STE.cjs');
+var chunk2MXK2SDR_cjs = require('./chunk-2MXK2SDR.cjs');
+var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
+var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
+var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
+var chunkJRBQKFVO_cjs = require('./chunk-JRBQKFVO.cjs');
+var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/TopNav/TopNav.recipe.ts
+var topNavRecipe = chunkZ6RT3WPE_cjs.sva({
+  slots: [
+    "root",
+    "leftSection",
+    "heading",
+    "startContent",
+    "centerContent",
+    "rightSection",
+    "endContent",
+    "mobileEnd",
+    "drawerItems",
+    "drawerDivider"
+  ],
+  base: {
+    root: {
+      alignItems: "center",
+      w: "100%",
+      p: "2"
+    },
+    leftSection: {
+      display: "flex",
+      alignItems: "center",
+      gap: "4",
+      flex: "1 1 0%",
+      minW: 0
+    },
+    heading: {
+      display: "flex",
+      alignItems: "center",
+      flexShrink: 0
+    },
+    startContent: {
+      display: "flex",
+      alignItems: "center",
+      gap: "1"
+    },
+    centerContent: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "1"
+    },
+    rightSection: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "flex-end",
+      gap: "1"
+    },
+    endContent: {
+      display: "flex",
+      alignItems: "center",
+      gap: "1",
+      flexShrink: 0,
+      ms: "auto"
+    },
+    mobileEnd: {
+      display: "flex",
+      alignItems: "center",
+      gap: "1",
+      ms: "auto"
+    },
+    drawerItems: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "0.5"
+    },
+    drawerDivider: {
+      my: "2"
+    }
+  },
+  variants: {
+    layout: {
+      flex: {
+        root: { display: "flex" }
+      },
+      grid: {
+        root: { display: "grid", gridTemplateColumns: "1fr auto 1fr" }
+      },
+      mobile: {
+        root: { display: "flex" }
+      }
+    }
+  },
+  defaultVariants: {
+    layout: "flex"
+  }
+});
+var TopNavRenderContext = react.createContext("default");
+TopNavRenderContext.displayName = "TopNavRenderContext";
+var TopNavMobileContentContext = react.createContext(null);
+TopNavMobileContentContext.displayName = "TopNavMobileContentContext";
+function useTopNavRenderMode() {
+  return react.use(TopNavRenderContext);
+}
+function useTopNavMobileContent() {
+  return react.use(TopNavMobileContentContext);
+}
+function TopNav({
+  centerContent,
+  children,
+  className,
+  "data-testid": dataTestId,
+  endContent,
+  heading,
+  label = "Top navigation",
+  ref,
+  startContent,
+  style
+}) {
+  const renderMode = useTopNavRenderMode();
+  const mobileContent = useTopNavMobileContent();
+  const { hasAutoToggle } = chunk7CTHD4G6_cjs.useAppShellMobile();
+  const resolvedStartContent = startContent ?? children;
+  if (process.env.NODE_ENV !== "production") {
+    if (chunkQAO6QMNQ_cjs.isReactNode(startContent) && chunkQAO6QMNQ_cjs.isReactNode(children)) {
+      console.warn(
+        "TopNav: both `startContent` and `children` were provided. `startContent` takes precedence and `children` is ignored. Provide only one."
+      );
+    }
+  }
+  const hasCenterContent = chunkQAO6QMNQ_cjs.isReactNode(centerContent);
+  const hasCollapsibleContent = chunkQAO6QMNQ_cjs.isReactNode(resolvedStartContent) || chunkQAO6QMNQ_cjs.isReactNode(centerContent);
+  const hasMobileDrawerContent = hasCollapsibleContent || chunkQAO6QMNQ_cjs.isReactNode(mobileContent);
+  if (renderMode === "mobile-bar") {
+    const classes2 = topNavRecipe({ layout: "mobile" });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "nav",
+      {
+        "aria-label": label,
+        className: chunkSPDVNY2Z_cjs.cx(classes2.root, className),
+        "data-testid": dataTestId,
+        ref,
+        style,
+        children: [
+          chunkQAO6QMNQ_cjs.isReactNode(heading) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes2.heading, children: heading }) : null,
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes2.mobileEnd, children: [
+            endContent,
+            hasMobileDrawerContent && hasAutoToggle ? /* @__PURE__ */ jsxRuntime.jsx(chunk7CTHD4G6_cjs.MobileNavToggle, {}) : null
+          ] })
+        ]
+      }
+    );
+  }
+  if (renderMode === "drawer") {
+    if (!hasCollapsibleContent && !chunkQAO6QMNQ_cjs.isReactNode(mobileContent)) {
+      return null;
+    }
+    const classes2 = topNavRecipe();
+    return /* @__PURE__ */ jsxRuntime.jsxs(chunk7CTHD4G6_cjs.MobileNav, { header: heading, children: [
+      hasCollapsibleContent ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes2.drawerItems, children: [
+        resolvedStartContent,
+        centerContent
+      ] }) : null,
+      hasCollapsibleContent && chunkQAO6QMNQ_cjs.isReactNode(mobileContent) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes2.drawerDivider, children: /* @__PURE__ */ jsxRuntime.jsx(chunkQB2BSOM4_cjs.Divider, {}) }) : null,
+      mobileContent
+    ] });
+  }
+  const classes = topNavRecipe({ layout: hasCenterContent ? "grid" : "flex" });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "nav",
+    {
+      "aria-label": label,
+      className: chunkSPDVNY2Z_cjs.cx(classes.root, className),
+      "data-testid": dataTestId,
+      ref,
+      style,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.leftSection, children: [
+          chunkQAO6QMNQ_cjs.isReactNode(heading) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.heading, children: heading }) : null,
+          chunkQAO6QMNQ_cjs.isReactNode(resolvedStartContent) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.startContent, children: resolvedStartContent }) : null
+        ] }),
+        hasCenterContent ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.centerContent, children: centerContent }) : null,
+        hasCenterContent ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.rightSection, children: endContent }) : chunkQAO6QMNQ_cjs.isReactNode(endContent) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.endContent, children: endContent }) : null
+      ]
+    }
+  );
+}
+TopNav.displayName = "TopNav";
+
+// src/components/TopNav/TopNavHeading.recipe.ts
+var topNavHeadingRecipe = chunkZ6RT3WPE_cjs.sva({
+  slots: ["root", "logo", "text", "endContent"],
+  base: {
+    root: {
+      display: "flex",
+      alignItems: "center",
+      gap: "2",
+      minH: "8",
+      px: "2",
+      color: "fg",
+      textDecoration: "none"
+    },
+    logo: {
+      flexShrink: 0,
+      display: "inline-flex",
+      alignItems: "center"
+    },
+    text: {
+      display: "flex",
+      flexDirection: "column",
+      minW: 0
+    },
+    endContent: {
+      ms: "auto",
+      flexShrink: 0
+    }
+  }
+});
+function TopNavHeading({
+  "aria-label": ariaLabel,
+  as,
+  className,
+  "data-testid": dataTestId,
+  headerEndContent,
+  heading,
+  headingHref,
+  href,
+  logo,
+  ref,
+  style,
+  subheading,
+  superheading
+}) {
+  const LinkComponent = chunkOUZX7STE_cjs.useLinkComponent(as);
+  const resolvedHref = headingHref ?? href;
+  const Element = resolvedHref != null ? LinkComponent : "div";
+  const classes = topNavHeadingRecipe();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Element,
+    {
+      "aria-label": ariaLabel,
+      className: chunkSPDVNY2Z_cjs.cx(classes.root, className),
+      "data-testid": dataTestId,
+      href: resolvedHref,
+      ref,
+      style,
+      to: Element === "a" ? void 0 : resolvedHref,
+      children: [
+        chunkQAO6QMNQ_cjs.isReactNode(logo) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.logo, children: logo }) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classes.text, children: [
+          superheading != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { color: "secondary", type: "supporting", children: superheading }) : null,
+          heading != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { type: "large", weight: "semibold", children: heading }) : null,
+          subheading != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { color: "secondary", type: "supporting", children: subheading }) : null
+        ] }),
+        chunkQAO6QMNQ_cjs.isReactNode(headerEndContent) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.endContent, children: headerEndContent }) : null
+      ]
+    }
+  );
+}
+TopNavHeading.displayName = "TopNavHeading";
+
+// src/components/TopNav/TopNavItem.recipe.ts
+var topNavItemRecipe = chunkJRBQKFVO_cjs.cva({
+  base: {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "2",
+    minH: "8",
+    px: "3",
+    py: "1.5",
+    borderRadius: "md",
+    color: "fg.muted",
+    textDecoration: "none",
+    fontFamily: "body",
+    fontSize: "md",
+    fontWeight: "medium",
+    cursor: "pointer",
+    _hover: { bg: "bg.hover" },
+    _focusVisible: {
+      outlineWidth: "focus",
+      outlineStyle: "solid",
+      outlineColor: "primary",
+      outlineOffset: "focusOffset"
+    }
+  },
+  variants: {
+    isSelected: {
+      true: {
+        bg: "bg.hover",
+        color: "fg",
+        fontWeight: "semibold"
+      },
+      false: {}
+    },
+    isDisabled: {
+      true: {
+        opacity: 0.5,
+        cursor: "not-allowed",
+        pointerEvents: "none"
+      },
+      false: {}
+    },
+    isIconOnly: {
+      true: {
+        px: "2",
+        aspectRatio: "square"
+      },
+      false: {}
+    },
+    isDrawer: {
+      true: {
+        display: "flex",
+        w: "100%"
+      },
+      false: {}
+    }
+  },
+  defaultVariants: {
+    isSelected: false,
+    isDisabled: false,
+    isIconOnly: false,
+    isDrawer: false
+  }
+});
+function TopNavItem({
+  as,
+  children,
+  className,
+  "data-testid": dataTestId,
+  href,
+  icon,
+  isDisabled = false,
+  isIconOnly = false,
+  isSelected = false,
+  label,
+  onClick,
+  ref,
+  rel,
+  style,
+  target
+}) {
+  const LinkComponent = chunkOUZX7STE_cjs.useLinkComponent(as);
+  const renderMode = useTopNavRenderMode();
+  const { closeMobileNav } = chunk7CTHD4G6_cjs.useAppShellMobile();
+  const isDrawer = renderMode === "drawer";
+  const opensInNewTab = target === "_blank";
+  const linkRel = chunkOUZX7STE_cjs.useRel({ target, rel });
+  const labelContent = children ?? /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { color: "inherit", size: "md", type: "body", weight: "inherit", children: label });
+  const handleClick = (event) => {
+    if (isDisabled) {
+      event.preventDefault();
+      return;
+    }
+    onClick?.(event);
+    if (isDrawer) {
+      closeMobileNav();
+    }
+  };
+  const className_ = chunkSPDVNY2Z_cjs.cx(
+    topNavItemRecipe({ isSelected, isDisabled, isIconOnly, isDrawer }),
+    className
+  );
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    icon != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { "aria-hidden": "true", color: "inherit", icon, size: "md" }) : null,
+    !isIconOnly ? labelContent : null
+  ] });
+  if (href == null) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        "aria-current": isSelected ? "page" : void 0,
+        "aria-label": isIconOnly ? label : void 0,
+        className: className_,
+        "data-testid": dataTestId,
+        disabled: isDisabled,
+        onClick: handleClick,
+        ref,
+        style,
+        type: "button",
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    LinkComponent,
+    {
+      "aria-current": isSelected ? "page" : void 0,
+      "aria-disabled": isDisabled || void 0,
+      "aria-label": isIconOnly ? chunkOUZX7STE_cjs.getAriaLabel(label, opensInNewTab) : void 0,
+      className: className_,
+      "data-testid": dataTestId,
+      href,
+      onClick: handleClick,
+      ref,
+      rel: linkRel,
+      style,
+      tabIndex: isDisabled ? -1 : void 0,
+      target,
+      to: LinkComponent === "a" ? void 0 : href,
+      children: [
+        content,
+        opensInNewTab && !isIconOnly ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsx(chunk2MXK2SDR_cjs.VisuallyHidden, { children: "(opens in new tab)" })
+        ] }) : null
+      ]
+    }
+  );
+}
+TopNavItem.displayName = "TopNavItem";
+
+exports.TopNav = TopNav;
+exports.TopNavHeading = TopNavHeading;
+exports.TopNavItem = TopNavItem;
+exports.TopNavMobileContentContext = TopNavMobileContentContext;
+exports.TopNavRenderContext = TopNavRenderContext;
+//# sourceMappingURL=chunk-GW6P4FJ4.cjs.map
+//# sourceMappingURL=chunk-GW6P4FJ4.cjs.map

package/dist/chunk-GW6P4FJ4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TopNav/TopNav.recipe.ts","../src/components/TopNav/TopNavContext.ts","../src/components/TopNav/TopNav.tsx","../src/components/TopNav/TopNavHeading.recipe.ts","../src/components/TopNav/TopNavHeading.tsx","../src/components/TopNav/TopNavItem.recipe.ts","../src/components/TopNav/TopNavItem.tsx"],"names":["sva","createContext","use","useAppShellMobile","isReactNode","classes","jsxs","cx","jsx","MobileNavToggle","MobileNav","Divider","useLinkComponent","Text","cva","useRel","Fragment","Icon","getAriaLabel","VisuallyHidden"],"mappings":"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","file":"chunk-GW6P4FJ4.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const topNavRecipe = sva({\n  slots: [\n    'root',\n    'leftSection',\n    'heading',\n    'startContent',\n    'centerContent',\n    'rightSection',\n    'endContent',\n    'mobileEnd',\n    'drawerItems',\n    'drawerDivider',\n  ],\n  base: {\n    root: {\n      alignItems: 'center',\n      w: '100%',\n      p: '2',\n    },\n    leftSection: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '4',\n      flex: '1 1 0%',\n      minW: 0,\n    },\n    heading: {\n      display: 'flex',\n      alignItems: 'center',\n      flexShrink: 0,\n    },\n    startContent: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '1',\n    },\n    centerContent: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      gap: '1',\n    },\n    rightSection: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n      gap: '1',\n    },\n    endContent: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '1',\n      flexShrink: 0,\n      ms: 'auto',\n    },\n    mobileEnd: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '1',\n      ms: 'auto',\n    },\n    drawerItems: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '0.5',\n    },\n    drawerDivider: {\n      my: '2',\n    },\n  },\n  variants: {\n    layout: {\n      flex: {\n        root: {display: 'flex'},\n      },\n      grid: {\n        root: {display: 'grid', gridTemplateColumns: '1fr auto 1fr'},\n      },\n      mobile: {\n        root: {display: 'flex'},\n      },\n    },\n  },\n  defaultVariants: {\n    layout: 'flex',\n  },\n});\n\nexport type TopNavVariants = RecipeVariantProps<typeof topNavRecipe>;\n","import {createContext, use, type ReactNode} from 'react';\n\nexport type TopNavRenderMode = 'default' | 'mobile-bar' | 'drawer';\n\nexport const TopNavRenderContext = createContext<TopNavRenderMode>('default');\nTopNavRenderContext.displayName = 'TopNavRenderContext';\nexport const TopNavMobileContentContext = createContext<ReactNode>(null);\nTopNavMobileContentContext.displayName = 'TopNavMobileContentContext';\n\nexport function useTopNavRenderMode(): TopNavRenderMode {\n  return use(TopNavRenderContext);\n}\n\nexport function useTopNavMobileContent(): ReactNode {\n  return use(TopNavMobileContentContext);\n}\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useAppShellMobile} from 'components/AppShell/AppShellMobileContext';\nimport {Divider} from 'components/Divider';\nimport {topNavRecipe} from 'components/TopNav/TopNav.recipe';\nimport {\n  useTopNavMobileContent,\n  useTopNavRenderMode,\n} from 'components/TopNav/TopNavContext';\nimport {MobileNav, MobileNavToggle} from 'internal/MobileNav';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\n\nexport interface TopNavProps {\n  /**\n   * Content rendered in the center section of the navigation bar.\n   */\n  centerContent?: ReactNode;\n  /**\n   * Shorthand for `startContent`. Rendered in the start section when\n   * `startContent` is not provided.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the nav element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the nav element.\n   */\n  'data-testid'?: string;\n  /**\n   * Content rendered in the end (right) section of the navigation bar.\n   */\n  endContent?: ReactNode;\n  /**\n   * Branding or title content rendered at the start of the bar.\n   */\n  heading?: ReactNode;\n  /**\n   * Accessible label for the navigation landmark.\n   * @default 'Top navigation'\n   */\n  label?: string;\n  /**\n   * Ref forwarded to the nav element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Content rendered in the start (left) section after the heading.\n   */\n  startContent?: ReactNode;\n  /**\n   * Inline styles applied to the nav element.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Horizontal top navigation bar with heading, start, center, and end\n * content slots. Adapts to mobile layouts when rendered inside AppShell.\n */\nexport function TopNav({\n  centerContent,\n  children,\n  className,\n  'data-testid': dataTestId,\n  endContent,\n  heading,\n  label = 'Top navigation',\n  ref,\n  startContent,\n  style,\n}: TopNavProps): React.JSX.Element | null {\n  const renderMode = useTopNavRenderMode();\n  const mobileContent = useTopNavMobileContent();\n  const {hasAutoToggle} = useAppShellMobile();\n  const resolvedStartContent = startContent ?? children;\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (isReactNode(startContent) && isReactNode(children)) {\n      console.warn(\n        'TopNav: both `startContent` and `children` were provided. ' +\n          '`startContent` takes precedence and `children` is ignored. ' +\n          'Provide only one.',\n      );\n    }\n  }\n\n  const hasCenterContent = isReactNode(centerContent);\n  const hasCollapsibleContent =\n    isReactNode(resolvedStartContent) || isReactNode(centerContent);\n  const hasMobileDrawerContent =\n    hasCollapsibleContent || isReactNode(mobileContent);\n\n  if (renderMode === 'mobile-bar') {\n    const classes = topNavRecipe({layout: 'mobile'});\n    return (\n      <nav\n        aria-label={label}\n        className={cx(classes.root, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        style={style}>\n        {isReactNode(heading) ? (\n          <div className={classes.heading}>{heading}</div>\n        ) : null}\n        <div className={classes.mobileEnd}>\n          {endContent}\n          {hasMobileDrawerContent && hasAutoToggle ? <MobileNavToggle /> : null}\n        </div>\n      </nav>\n    );\n  }\n\n  if (renderMode === 'drawer') {\n    if (!hasCollapsibleContent && !isReactNode(mobileContent)) {\n      return null;\n    }\n\n    const classes = topNavRecipe();\n    return (\n      <MobileNav header={heading}>\n        {hasCollapsibleContent ? (\n          <div className={classes.drawerItems}>\n            {resolvedStartContent}\n            {centerContent}\n          </div>\n        ) : null}\n        {hasCollapsibleContent && isReactNode(mobileContent) ? (\n          <div className={classes.drawerDivider}>\n            <Divider />\n          </div>\n        ) : null}\n        {mobileContent}\n      </MobileNav>\n    );\n  }\n\n  const classes = topNavRecipe({layout: hasCenterContent ? 'grid' : 'flex'});\n  return (\n    <nav\n      aria-label={label}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <div className={classes.leftSection}>\n        {isReactNode(heading) ? (\n          <div className={classes.heading}>{heading}</div>\n        ) : null}\n        {isReactNode(resolvedStartContent) ? (\n          <div className={classes.startContent}>{resolvedStartContent}</div>\n        ) : null}\n      </div>\n      {hasCenterContent ? (\n        <div className={classes.centerContent}>{centerContent}</div>\n      ) : null}\n      {hasCenterContent ? (\n        <div className={classes.rightSection}>{endContent}</div>\n      ) : isReactNode(endContent) ? (\n        <div className={classes.endContent}>{endContent}</div>\n      ) : null}\n    </nav>\n  );\n}\n\nTopNav.displayName = 'TopNav';\n","import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const topNavHeadingRecipe = sva({\n  slots: ['root', 'logo', 'text', 'endContent'],\n  base: {\n    root: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      minH: '8',\n      px: '2',\n      color: 'fg',\n      textDecoration: 'none',\n    },\n    logo: {\n      flexShrink: 0,\n      display: 'inline-flex',\n      alignItems: 'center',\n    },\n    text: {\n      display: 'flex',\n      flexDirection: 'column',\n      minW: 0,\n    },\n    endContent: {\n      ms: 'auto',\n      flexShrink: 0,\n    },\n  },\n});\n\nexport type TopNavHeadingVariants = RecipeVariantProps<\n  typeof topNavHeadingRecipe\n>;\n","/* eslint-disable @eslint-react/static-components -- intentional polymorphism via as prop */\n\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useLinkComponent} from 'components/Link';\nimport type {LinkComponent} from 'components/Link';\nimport {Text} from 'components/Text';\nimport {topNavHeadingRecipe} from 'components/TopNav/TopNavHeading.recipe';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\n\nexport interface TopNavHeadingProps {\n  /**\n   * Accessible label for the heading link. Use when `heading` text is absent\n   * (e.g., logo-only headings) to ensure the link has an accessible name.\n   */\n  'aria-label'?: string;\n  as?: LinkComponent;\n  className?: string;\n  'data-testid'?: string;\n  headerEndContent?: ReactNode;\n  heading?: string;\n  headingHref?: string;\n  href?: string;\n  logo?: ReactNode;\n  ref?: Ref<HTMLElement>;\n  style?: CSSProperties;\n  subheading?: string;\n  superheading?: string;\n}\n\nexport function TopNavHeading({\n  'aria-label': ariaLabel,\n  as,\n  className,\n  'data-testid': dataTestId,\n  headerEndContent,\n  heading,\n  headingHref,\n  href,\n  logo,\n  ref,\n  style,\n  subheading,\n  superheading,\n}: TopNavHeadingProps): React.JSX.Element {\n  const LinkComponent = useLinkComponent(as);\n  const resolvedHref = headingHref ?? href;\n  const Element = resolvedHref != null ? LinkComponent : 'div';\n  const classes = topNavHeadingRecipe();\n\n  return (\n    <Element\n      aria-label={ariaLabel}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      href={resolvedHref}\n      ref={ref as Ref<HTMLAnchorElement & HTMLDivElement>}\n      style={style}\n      to={Element === 'a' ? undefined : resolvedHref}>\n      {isReactNode(logo) ? <span className={classes.logo}>{logo}</span> : null}\n      <span className={classes.text}>\n        {superheading != null ? (\n          <Text color=\"secondary\" type=\"supporting\">\n            {superheading}\n          </Text>\n        ) : null}\n        {heading != null ? (\n          <Text type=\"large\" weight=\"semibold\">\n            {heading}\n          </Text>\n        ) : null}\n        {subheading != null ? (\n          <Text color=\"secondary\" type=\"supporting\">\n            {subheading}\n          </Text>\n        ) : null}\n      </span>\n      {isReactNode(headerEndContent) ? (\n        <span className={classes.endContent}>{headerEndContent}</span>\n      ) : null}\n    </Element>\n  );\n}\n\nTopNavHeading.displayName = 'TopNavHeading';\n","import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const topNavItemRecipe = cva({\n  base: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '2',\n    minH: '8',\n    px: '3',\n    py: '1.5',\n    borderRadius: 'md',\n    color: 'fg.muted',\n    textDecoration: 'none',\n    fontFamily: 'body',\n    fontSize: 'md',\n    fontWeight: 'medium',\n    cursor: 'pointer',\n    _hover: {bg: 'bg.hover'},\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n  },\n  variants: {\n    isSelected: {\n      true: {\n        bg: 'bg.hover',\n        color: 'fg',\n        fontWeight: 'semibold',\n      },\n      false: {},\n    },\n    isDisabled: {\n      true: {\n        opacity: 0.5,\n        cursor: 'not-allowed',\n        pointerEvents: 'none',\n      },\n      false: {},\n    },\n    isIconOnly: {\n      true: {\n        px: '2',\n        aspectRatio: 'square',\n      },\n      false: {},\n    },\n    isDrawer: {\n      true: {\n        display: 'flex',\n        w: '100%',\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    isSelected: false,\n    isDisabled: false,\n    isIconOnly: false,\n    isDrawer: false,\n  },\n});\n\nexport type TopNavItemVariants = RecipeVariantProps<typeof topNavItemRecipe>;\n","/* eslint-disable @eslint-react/static-components -- intentional polymorphism via as prop */\n\nimport type {CSSProperties, MouseEventHandler, ReactNode, Ref} from 'react';\nimport {useAppShellMobile} from 'components/AppShell/AppShellMobileContext';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {useLinkComponent} from 'components/Link';\nimport type {LinkComponent} from 'components/Link';\nimport {Text} from 'components/Text';\nimport {useTopNavRenderMode} from 'components/TopNav/TopNavContext';\nimport {topNavItemRecipe} from 'components/TopNav/TopNavItem.recipe';\nimport {VisuallyHidden} from 'internal';\nimport {cx} from 'internal/cx';\nimport {getAriaLabel, useRel} from 'internal/linkAccessibility';\n\nexport interface TopNavItemProps {\n  /**\n   * Custom link component used for routing.\n   */\n  as?: LinkComponent;\n  /**\n   * Custom label content. Falls back to the `label` prop text.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the item.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the item.\n   */\n  'data-testid'?: string;\n  /**\n   * Link destination. When set, the item renders as a link. When omitted,\n   * the item renders as a button driven by `onClick`.\n   */\n  href?: string;\n  /**\n   * Icon rendered before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether the item is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether only the icon is visible (label used for accessibility).\n   * @default false\n   */\n  isIconOnly?: boolean;\n  /**\n   * Whether the item is currently selected.\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Accessible item label, also used as visible text when children are omitted.\n   */\n  label: string;\n  /**\n   * Click handler called when the item is clicked.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n  /**\n   * Ref forwarded to the anchor or button element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * The `rel` attribute for the anchor element. `noopener noreferrer` are\n   * added automatically for `target=\"_blank\"`. Ignored when rendering as a\n   * button (no `href`).\n   */\n  rel?: string;\n  /**\n   * Inline styles applied to the item.\n   */\n  style?: CSSProperties;\n  /**\n   * The `target` attribute for the anchor element. Ignored when rendering as\n   * a button (no `href`).\n   */\n  target?: string;\n}\n\n/**\n * A single navigation item inside a TopNav. Renders as a link when `href`\n * is provided, or a button driven by `onClick` otherwise. Supports icons,\n * selected state, and adapts to drawer layout on mobile.\n */\nexport function TopNavItem({\n  as,\n  children,\n  className,\n  'data-testid': dataTestId,\n  href,\n  icon,\n  isDisabled = false,\n  isIconOnly = false,\n  isSelected = false,\n  label,\n  onClick,\n  ref,\n  rel,\n  style,\n  target,\n}: TopNavItemProps): React.JSX.Element {\n  const LinkComponent = useLinkComponent(as);\n  const renderMode = useTopNavRenderMode();\n  const {closeMobileNav} = useAppShellMobile();\n  const isDrawer = renderMode === 'drawer';\n  const opensInNewTab = target === '_blank';\n  const linkRel = useRel({target, rel});\n  const labelContent = children ?? (\n    <Text color=\"inherit\" size=\"md\" type=\"body\" weight=\"inherit\">\n      {label}\n    </Text>\n  );\n\n  const handleClick: MouseEventHandler<HTMLElement> = event => {\n    if (isDisabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClick?.(event);\n\n    if (isDrawer) {\n      closeMobileNav();\n    }\n  };\n\n  const className_ = cx(\n    topNavItemRecipe({isSelected, isDisabled, isIconOnly, isDrawer}),\n    className,\n  );\n\n  const content = (\n    <>\n      {icon != null ? (\n        <Icon aria-hidden=\"true\" color=\"inherit\" icon={icon} size=\"md\" />\n      ) : null}\n      {!isIconOnly ? labelContent : null}\n    </>\n  );\n\n  if (href == null) {\n    return (\n      <button\n        aria-current={isSelected ? 'page' : undefined}\n        aria-label={isIconOnly ? label : undefined}\n        className={className_}\n        data-testid={dataTestId}\n        disabled={isDisabled}\n        onClick={handleClick}\n        ref={ref as Ref<HTMLButtonElement>}\n        style={style}\n        type=\"button\">\n        {content}\n      </button>\n    );\n  }\n\n  return (\n    <LinkComponent\n      aria-current={isSelected ? 'page' : undefined}\n      aria-disabled={isDisabled || undefined}\n      aria-label={isIconOnly ? getAriaLabel(label, opensInNewTab) : undefined}\n      className={className_}\n      data-testid={dataTestId}\n      href={href}\n      onClick={handleClick}\n      ref={ref as Ref<HTMLAnchorElement>}\n      rel={linkRel}\n      style={style}\n      tabIndex={isDisabled ? -1 : undefined}\n      target={target}\n      to={LinkComponent === 'a' ? undefined : href}>\n      {content}\n      {opensInNewTab && !isIconOnly ? (\n        <>\n          {' '}\n          <VisuallyHidden>(opens in new tab)</VisuallyHidden>\n        </>\n      ) : null}\n    </LinkComponent>\n  );\n}\n\nTopNavItem.displayName = 'TopNavItem';\n"]}

package/dist/{chunk-BLRWA445.cjs → chunk-GY2ZZR4Z.cjs}

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunkFB245S6T_cjs = require('./chunk-FB245S6T.cjs');
+var chunk2RZNX26F_cjs = require('./chunk-2RZNX26F.cjs');
 var chunkVXBVSYPA_cjs = require('./chunk-VXBVSYPA.cjs');
-var chunkYY6KJO5Z_cjs = require('./chunk-YY6KJO5Z.cjs');
-var chunk2P6D43V2_cjs = require('./chunk-2P6D43V2.cjs');
-var chunkG2WW52GO_cjs = require('./chunk-G2WW52GO.cjs');
-var chunkQOKEU3DC_cjs = require('./chunk-QOKEU3DC.cjs');
-var chunkSBS7U7CN_cjs = require('./chunk-SBS7U7CN.cjs');
-var chunkM26XECB2_cjs = require('./chunk-M26XECB2.cjs');
+var chunkFFF57VHO_cjs = require('./chunk-FFF57VHO.cjs');
+var chunkXPHXAZCE_cjs = require('./chunk-XPHXAZCE.cjs');
+var chunkL5JS6P62_cjs = require('./chunk-L5JS6P62.cjs');
+var chunk5XMWGK3O_cjs = require('./chunk-5XMWGK3O.cjs');
+var chunkBSI4BQEX_cjs = require('./chunk-BSI4BQEX.cjs');
+var chunk3Z5PF75J_cjs = require('./chunk-3Z5PF75J.cjs');
 var chunk6SHL7FYO_cjs = require('./chunk-6SHL7FYO.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
-var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
+var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
 var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
@@ -140,10 +140,10 @@ function AutocompleteInputItem(props) {
       ref,
       style,
       children: [
-        icon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { color: "secondary", icon, size: "sm" }) }) : null,
+        icon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { color: "secondary", icon, size: "sm" }) }) : null,
         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classes.text, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkM26XECB2_cjs.Text, { as: "span", color: "inherit", type: "label", children: item.label }),
-          chunkQAO6QMNQ_cjs.isReactNode(description) ? /* @__PURE__ */ jsxRuntime.jsx(chunkM26XECB2_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: description }) : null
+          /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { as: "span", color: "inherit", type: "label", children: item.label }),
+          chunkQAO6QMNQ_cjs.isReactNode(description) ? /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: description }) : null
         ] })
       ]
     }
@@ -341,9 +341,9 @@ function BaseAutocompleteInput({
       id: listboxId,
       role: "listbox",
       children: isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: menuClasses.loading, role: "status", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { icon: lucideReact.LoaderCircle, size: "sm" }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkM26XECB2_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: "Loading" })
-      ] }) : hasError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: menuClasses.empty, role: "alert", children: /* @__PURE__ */ jsxRuntime.jsx(chunkM26XECB2_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: errorText }) }) : results.length === 0 && hasSearched ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: menuClasses.empty, children: /* @__PURE__ */ jsxRuntime.jsx(chunkM26XECB2_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: emptySearchResultsText }) }) : results.map((item, index) => {
+        /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { icon: lucideReact.LoaderCircle, size: "sm" }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: "Loading" })
+      ] }) : hasError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: menuClasses.empty, role: "alert", children: /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: errorText }) }) : results.length === 0 && hasSearched ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: menuClasses.empty, children: /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: emptySearchResultsText }) }) : results.map((item, index) => {
         const isSelected = value?.id === item.id;
         return (
           // eslint-disable-next-line jsx-a11y-x/click-events-have-key-events -- keyboard navigation is handled by the combobox input, not individual options
@@ -363,7 +363,7 @@ function BaseAutocompleteInput({
               tabIndex: -1,
               children: [
                 renderItem == null ? /* @__PURE__ */ jsxRuntime.jsx(AutocompleteInputItem, { item }) : renderItem(item),
-                isSelected ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: menuClasses.check, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { color: "accent", icon: lucideReact.Check, size: "sm" }) }) : null
+                isSelected ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: menuClasses.check, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { color: "accent", icon: lucideReact.Check, size: "sm" }) }) : null
               ]
             },
             item.id
@@ -448,15 +448,15 @@ function BaseAutocompleteInput({
         value: query
       }
     ),
-    isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkSBS7U7CN_cjs.Spinner, { size: "sm" }) : null,
+    isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkBSI4BQEX_cjs.Spinner, { size: "sm" }) : null,
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkG2WW52GO_cjs.Popover,
+      chunkL5JS6P62_cjs.Popover,
       {
         anchorRef: anchorRef ?? fallbackAnchorRef,
         content: menu,
         hasAutoFocus: false,
         hasCloseButton: false,
-        hasLightDismiss: false,
+        isDismissable: false,
         isOpen,
         onOpenChange: setOpen
       }
@@ -517,8 +517,8 @@ function AutocompleteInput({
 }) {
   const inputId = react.useId();
   const descriptionID = chunkQAO6QMNQ_cjs.isReactNode(description) ? `${inputId}-description` : void 0;
-  const statusMessageID = chunk2P6D43V2_cjs.getStatusMessageID(inputId, status);
-  const describedBy = chunk2P6D43V2_cjs.getDescribedBy(descriptionID, statusMessageID);
+  const statusMessageID = chunkXPHXAZCE_cjs.getStatusMessageID(inputId, status);
+  const describedBy = chunkXPHXAZCE_cjs.getDescribedBy(descriptionID, statusMessageID);
   const wrapperRef = react.useRef(null);
   const inputRef = react.useRef(null);
   const [isEditing, setIsEditing] = react.useState(false);
@@ -528,7 +528,7 @@ function AutocompleteInput({
     () => status == null ? void 0 : { ...status, messageID: statusMessageID },
     [status, statusMessageID]
   );
-  const necessity = chunkYY6KJO5Z_cjs.getNecessity(isOptional, isRequired);
+  const necessity = chunkFFF57VHO_cjs.getNecessity(isOptional, isRequired);
   const startEditing = react.useCallback(
     (seedQuery) => {
       if (isDisabled) {
@@ -547,7 +547,7 @@ function AutocompleteInput({
     [isDisabled]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkYY6KJO5Z_cjs.Field,
+    chunkFFF57VHO_cjs.Field,
     {
       className,
       description,
@@ -581,9 +581,9 @@ function AutocompleteInput({
           },
           ref: wrapperRef,
           children: [
-            startIcon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkVXBVSYPA_cjs.inputStyles.iconSlot, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { color: "secondary", icon: startIcon, size: "sm" }) }) : null,
+            startIcon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkVXBVSYPA_cjs.inputStyles.iconSlot, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { color: "secondary", icon: startIcon, size: "sm" }) }) : null,
             showTag ? /* @__PURE__ */ jsxRuntime.jsx(
-              chunkFB245S6T_cjs.Tag,
+              chunk2RZNX26F_cjs.Tag,
               {
                 className: styles2.tag,
                 isDisabled,
@@ -627,7 +627,7 @@ function AutocompleteInput({
               }
             ),
             hasClear && value != null && !isDisabled ? /* @__PURE__ */ jsxRuntime.jsx(
-              chunkQOKEU3DC_cjs.Button,
+              chunk5XMWGK3O_cjs.Button,
               {
                 className: styles2.clearButton,
                 icon: lucideReact.X,
@@ -674,5 +674,5 @@ exports.AutocompleteInput = AutocompleteInput;
 exports.AutocompleteInputItem = AutocompleteInputItem;
 exports.BaseAutocompleteInput = BaseAutocompleteInput;
 exports.createStaticSearchSource = createStaticSearchSource;
-//# sourceMappingURL=chunk-BLRWA445.cjs.map
-//# sourceMappingURL=chunk-BLRWA445.cjs.map
+//# sourceMappingURL=chunk-GY2ZZR4Z.cjs.map
+//# sourceMappingURL=chunk-GY2ZZR4Z.cjs.map