silver-ui 0.4.0 → 0.6.0

package/dist/chunk-ISWZQUVA.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","ActionElement","getAriaLabel","VisuallyHidden"],"mappings":"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","file":"chunk-ISWZQUVA.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","import type {CSSProperties, MouseEventHandler, ReactNode, Ref} from 'react';\nimport {useAppShellMobile} from 'components/AppShell/AppShellMobileContext';\nimport {Icon, type IconComponent} from 'components/Icon';\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 {ActionElement} from 'internal/ActionElement';\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 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  return (\n    <ActionElement\n      aria-current={isSelected ? 'page' : undefined}\n      aria-disabled={href != null && isDisabled ? true : undefined}\n      aria-label={isIconOnly ? getAriaLabel(label, opensInNewTab) : undefined}\n      as={as}\n      className={className_}\n      data-testid={dataTestId}\n      href={href}\n      isDisabled={href == null ? isDisabled : undefined}\n      isLink={href != null}\n      onClick={handleClick}\n      ref={ref}\n      rel={href != null ? linkRel : undefined}\n      style={style}\n      tabIndex={href != null && isDisabled ? -1 : undefined}\n      target={href != null ? target : undefined}>\n      {content}\n      {opensInNewTab && !isIconOnly ? (\n        <>\n          {' '}\n          <VisuallyHidden>(opens in new tab)</VisuallyHidden>\n        </>\n      ) : null}\n    </ActionElement>\n  );\n}\n\nTopNavItem.displayName = 'TopNavItem';\n"]}

package/dist/{chunk-XXBA3KSH.cjs → chunk-IU2YRN35.cjs}

@@ -1,13 +1,109 @@
 'use strict';
 
-var chunkGYVWTH3U_cjs = require('./chunk-GYVWTH3U.cjs');
+var chunk2MXK2SDR_cjs = require('./chunk-2MXK2SDR.cjs');
 var chunk6SHL7FYO_cjs = require('./chunk-6SHL7FYO.cjs');
-var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
-var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
+var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.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/SegmentedControl/SegmentedControl.recipe.ts
+var segmentedControlRecipe = chunkZ6RT3WPE_cjs.sva({
+  slots: ["root", "item", "icon"],
+  base: {
+    root: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: "0.5",
+      p: "0.5",
+      bg: "surface.gray",
+      borderRadius: "md"
+    },
+    item: {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "1",
+      borderWidth: 0,
+      borderStyle: "none",
+      bg: "transparent",
+      color: "fg.muted",
+      cursor: "pointer",
+      fontFamily: "body",
+      fontWeight: "medium",
+      lineHeight: "normal",
+      transitionProperty: "background-color, color, box-shadow",
+      transitionDuration: "fast",
+      transitionTimingFunction: "default",
+      _hover: {
+        bg: "bg.subtle"
+      },
+      _focusVisible: {
+        outlineWidth: "focus",
+        outlineStyle: "solid",
+        outlineColor: "primary",
+        outlineOffset: "focusOffset"
+      }
+    },
+    icon: {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flexShrink: 0
+    }
+  },
+  variants: {
+    size: {
+      sm: { item: { h: "7", px: "2", borderRadius: "sm", fontSize: "sm" } },
+      md: { item: { h: "9", px: "3", borderRadius: "sm", fontSize: "sm" } },
+      lg: { item: { h: "11", px: "3", borderRadius: "md", fontSize: "md" } }
+    },
+    layout: {
+      hug: {},
+      fill: {
+        root: { display: "flex", w: "full" },
+        item: { flex: 1 }
+      }
+    },
+    isSelected: {
+      true: {
+        item: {
+          bg: "bg",
+          color: "fg",
+          fontWeight: "semibold",
+          boxShadow: "sm",
+          _hover: {
+            bg: "bg"
+          }
+        }
+      },
+      false: {}
+    },
+    isDisabled: {
+      true: {
+        root: {
+          opacity: 0.5,
+          pointerEvents: "none"
+        },
+        item: {
+          color: "fg.disabled",
+          cursor: "default",
+          _hover: {
+            bg: "transparent"
+          }
+        }
+      },
+      false: {}
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    layout: "hug",
+    isSelected: false,
+    isDisabled: false
+  }
+});
 var SegmentedControlContext = react.createContext(null);
 SegmentedControlContext.displayName = "SegmentedControlContext";
 function useSegmentedControlContext() {
@@ -19,24 +115,6 @@ function useSegmentedControlContext() {
   }
   return context;
 }
-var styles = {
-  root: chunkRU6JG3FS_cjs.css({
-    display: "inline-flex",
-    alignItems: "center",
-    gap: "0.5",
-    p: "0.5",
-    bg: "surface.gray",
-    borderRadius: "md"
-  }),
-  fill: chunkRU6JG3FS_cjs.css({
-    display: "flex",
-    w: "full"
-  }),
-  disabled: chunkRU6JG3FS_cjs.css({
-    opacity: 0.5,
-    pointerEvents: "none"
-  })
-};
 function SegmentedControl({
   children,
   className,
@@ -61,6 +139,7 @@ function SegmentedControl({
     () => ({ isDisabled, layout, onChange: handleChange, size, value }),
     [handleChange, isDisabled, layout, size, value]
   );
+  const classes = segmentedControlRecipe({ isDisabled, layout });
   const handleKeyDown = react.useCallback(
     (event) => {
       if (isDisabled) {
@@ -116,12 +195,7 @@ function SegmentedControl({
       "aria-disabled": isDisabled || void 0,
       "aria-label": label,
       "aria-orientation": "horizontal",
-      className: chunkSPDVNY2Z_cjs.cx(
-        styles.root,
-        layout === "fill" ? styles.fill : void 0,
-        isDisabled ? styles.disabled : void 0,
-        className
-      ),
+      className: chunkSPDVNY2Z_cjs.cx(classes.root, className),
       "data-testid": dataTestId,
       onKeyDown: handleKeyDown,
       ref: chunk6SHL7FYO_cjs.mergeRefs(ref, containerRef),
@@ -133,79 +207,6 @@ function SegmentedControl({
   ) });
 }
 SegmentedControl.displayName = "SegmentedControl";
-var styles2 = {
-  item: chunkRU6JG3FS_cjs.css({
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: "1",
-    borderWidth: 0,
-    borderStyle: "none",
-    bg: "transparent",
-    color: "fg.muted",
-    cursor: "pointer",
-    fontFamily: "body",
-    fontWeight: "medium",
-    lineHeight: "normal",
-    transitionProperty: "background-color, color, box-shadow",
-    transitionDuration: "fast",
-    transitionTimingFunction: "default",
-    _hover: {
-      bg: "bg.subtle"
-    },
-    _focusVisible: {
-      outlineWidth: "focus",
-      outlineStyle: "solid",
-      outlineColor: "primary",
-      outlineOffset: "focusOffset"
-    }
-  }),
-  selected: chunkRU6JG3FS_cjs.css({
-    bg: "bg",
-    color: "fg",
-    fontWeight: "semibold",
-    boxShadow: "sm",
-    _hover: {
-      bg: "bg"
-    }
-  }),
-  disabled: chunkRU6JG3FS_cjs.css({
-    color: "fg.disabled",
-    cursor: "default",
-    _hover: {
-      bg: "transparent"
-    }
-  }),
-  fill: chunkRU6JG3FS_cjs.css({
-    flex: 1
-  }),
-  icon: chunkRU6JG3FS_cjs.css({
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    flexShrink: 0
-  }),
-  size: {
-    sm: chunkRU6JG3FS_cjs.css({
-      h: "7",
-      px: "2",
-      borderRadius: "sm",
-      fontSize: "sm"
-    }),
-    md: chunkRU6JG3FS_cjs.css({
-      h: "9",
-      px: "3",
-      borderRadius: "sm",
-      fontSize: "sm"
-    }),
-    lg: chunkRU6JG3FS_cjs.css({
-      h: "11",
-      px: "3",
-      borderRadius: "md",
-      fontSize: "md"
-    })
-  }
-};
 function SegmentedControlItem({
   className,
   "data-testid": dataTestId,
@@ -220,20 +221,19 @@ function SegmentedControlItem({
   const context = useSegmentedControlContext();
   const isSelected = context.value === value;
   const isItemDisabled = context.isDisabled || isDisabled;
+  const classes = segmentedControlRecipe({
+    size: context.size,
+    layout: context.layout,
+    isSelected,
+    isDisabled: isItemDisabled
+  });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
       "aria-checked": isSelected,
       "aria-disabled": isItemDisabled || void 0,
       "aria-label": isLabelHidden ? label : void 0,
-      className: chunkSPDVNY2Z_cjs.cx(
-        styles2.item,
-        styles2.size[context.size],
-        context.layout === "fill" ? styles2.fill : void 0,
-        isSelected ? styles2.selected : void 0,
-        isItemDisabled ? styles2.disabled : void 0,
-        className
-      ),
+      className: chunkSPDVNY2Z_cjs.cx(classes.item, className),
       "data-testid": dataTestId,
       "data-value": value,
       onClick: () => {
@@ -247,8 +247,8 @@ function SegmentedControlItem({
       tabIndex: isSelected ? 0 : -1,
       type: "button",
       children: [
-        icon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { icon, size: context.size }) }) : null,
-        isLabelHidden ? /* @__PURE__ */ jsxRuntime.jsx(chunkGYVWTH3U_cjs.VisuallyHidden, { children: label }) : label
+        icon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { icon, size: context.size }) }) : null,
+        isLabelHidden ? /* @__PURE__ */ jsxRuntime.jsx(chunk2MXK2SDR_cjs.VisuallyHidden, { children: label }) : label
       ]
     }
   );
@@ -257,5 +257,5 @@ SegmentedControlItem.displayName = "SegmentedControlItem";
 
 exports.SegmentedControl = SegmentedControl;
 exports.SegmentedControlItem = SegmentedControlItem;
-//# sourceMappingURL=chunk-XXBA3KSH.cjs.map
-//# sourceMappingURL=chunk-XXBA3KSH.cjs.map
+//# sourceMappingURL=chunk-IU2YRN35.cjs.map
+//# sourceMappingURL=chunk-IU2YRN35.cjs.map

package/dist/chunk-IU2YRN35.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SegmentedControl/SegmentedControl.recipe.ts","../src/components/SegmentedControl/SegmentedControlContext.ts","../src/components/SegmentedControl/SegmentedControl.tsx","../src/components/SegmentedControl/SegmentedControlItem.tsx"],"names":["sva","createContext","use","useRef","useCallback","useMemo","jsx","cx","mergeRefs","jsxs","Icon","VisuallyHidden"],"mappings":"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","file":"chunk-IU2YRN35.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const segmentedControlRecipe = sva({\n  slots: ['root', 'item', 'icon'],\n  base: {\n    root: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '0.5',\n      p: '0.5',\n      bg: 'surface.gray',\n      borderRadius: 'md',\n    },\n    item: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      gap: '1',\n      borderWidth: 0,\n      borderStyle: 'none',\n      bg: 'transparent',\n      color: 'fg.muted',\n      cursor: 'pointer',\n      fontFamily: 'body',\n      fontWeight: 'medium',\n      lineHeight: 'normal',\n      transitionProperty: 'background-color, color, box-shadow',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n      _hover: {\n        bg: 'bg.subtle',\n      },\n      _focusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n      },\n    },\n    icon: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n    },\n  },\n  variants: {\n    size: {\n      sm: {item: {h: '7', px: '2', borderRadius: 'sm', fontSize: 'sm'}},\n      md: {item: {h: '9', px: '3', borderRadius: 'sm', fontSize: 'sm'}},\n      lg: {item: {h: '11', px: '3', borderRadius: 'md', fontSize: 'md'}},\n    },\n    layout: {\n      hug: {},\n      fill: {\n        root: {display: 'flex', w: 'full'},\n        item: {flex: 1},\n      },\n    },\n    isSelected: {\n      true: {\n        item: {\n          bg: 'bg',\n          color: 'fg',\n          fontWeight: 'semibold',\n          boxShadow: 'sm',\n          _hover: {\n            bg: 'bg',\n          },\n        },\n      },\n      false: {},\n    },\n    isDisabled: {\n      true: {\n        root: {\n          opacity: 0.5,\n          pointerEvents: 'none',\n        },\n        item: {\n          color: 'fg.disabled',\n          cursor: 'default',\n          _hover: {\n            bg: 'transparent',\n          },\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    layout: 'hug',\n    isSelected: false,\n    isDisabled: false,\n  },\n});\n\nexport type SegmentedControlVariants = RecipeVariantProps<\n  typeof segmentedControlRecipe\n>;\n","import {createContext, use} from 'react';\n\nexport type SegmentedControlLayout = 'fill' | 'hug';\nexport type SegmentedControlSize = 'lg' | 'md' | 'sm';\n\nexport interface SegmentedControlContextValue {\n  isDisabled: boolean;\n  layout: SegmentedControlLayout;\n  onChange: (value: string) => void;\n  size: SegmentedControlSize;\n  value: string;\n}\n\nexport const SegmentedControlContext =\n  createContext<SegmentedControlContextValue | null>(null);\n\nSegmentedControlContext.displayName = 'SegmentedControlContext';\n\nexport function useSegmentedControlContext(): SegmentedControlContextValue {\n  const context = use(SegmentedControlContext);\n  if (context == null) {\n    throw new Error(\n      'SegmentedControlItem must be used within a SegmentedControl.',\n    );\n  }\n  return context;\n}\n","import {\n  useCallback,\n  useMemo,\n  useRef,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {segmentedControlRecipe} from 'components/SegmentedControl/SegmentedControl.recipe';\nimport {\n  SegmentedControlContext,\n  type SegmentedControlLayout,\n  type SegmentedControlSize,\n} from 'components/SegmentedControl/SegmentedControlContext';\nimport {cx} from 'internal/cx';\nimport {mergeRefs} from 'internal/mergeRefs';\n\nexport interface SegmentedControlProps<TValue extends string = string> {\n  /**\n   * SegmentedControlItem children.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether the entire control is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Accessible label for the radio group.\n   */\n  label: string;\n  /**\n   * Segment layout mode.\n   * @default 'hug'\n   */\n  layout?: SegmentedControlLayout;\n  /**\n   * Called when a segment is selected.\n   */\n  onChange: (value: TValue) => void;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Control size.\n   * @default 'md'\n   */\n  size?: SegmentedControlSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Current selected value.\n   */\n  value: TValue;\n}\n\n/**\n * Segmented toggle control for selecting one option from a small set.\n *\n * Rendered as a radio group (`role=\"radiogroup\"`), so reach for it when picking\n * a value — filters, settings, or view modes whose content you render yourself.\n * If selecting an option should show or hide associated content panels, use\n * {@link Tabs} instead.\n */\nexport function SegmentedControl<TValue extends string = string>({\n  children,\n  className,\n  'data-testid': dataTestId,\n  isDisabled = false,\n  label,\n  layout = 'hug',\n  onChange,\n  ref,\n  size = 'md',\n  style,\n  value,\n}: SegmentedControlProps<TValue>): React.JSX.Element {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const handleChange = useCallback(\n    (nextValue: string) => {\n      onChange(nextValue as TValue);\n    },\n    [onChange],\n  );\n  const contextValue = useMemo(\n    () => ({isDisabled, layout, onChange: handleChange, size, value}),\n    [handleChange, isDisabled, layout, size, value],\n  );\n  const classes = segmentedControlRecipe({isDisabled, layout});\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (isDisabled) {\n        return;\n      }\n\n      const container = containerRef.current;\n      if (container == null) {\n        return;\n      }\n\n      const items = Array.from(\n        container.querySelectorAll<HTMLButtonElement>(\n          '[role=\"radio\"]:not([aria-disabled=\"true\"])',\n        ),\n      );\n\n      if (items.length === 0) {\n        return;\n      }\n\n      const currentIndex = items.findIndex(\n        item => item === document.activeElement,\n      );\n      let nextIndex: number;\n\n      switch (event.key) {\n        case 'ArrowRight':\n        case 'ArrowDown':\n          nextIndex =\n            currentIndex === -1 ? 0 : (currentIndex + 1) % items.length;\n          break;\n        case 'ArrowLeft':\n        case 'ArrowUp':\n          nextIndex =\n            currentIndex === -1\n              ? items.length - 1\n              : (currentIndex - 1 + items.length) % items.length;\n          break;\n        case 'Home':\n          nextIndex = 0;\n          break;\n        case 'End':\n          nextIndex = items.length - 1;\n          break;\n        default:\n          return;\n      }\n\n      event.preventDefault();\n      const nextItem = items[nextIndex];\n      nextItem.focus();\n      const nextValue = nextItem.dataset.value;\n      if (nextValue != null) {\n        handleChange(nextValue);\n      }\n    },\n    [handleChange, isDisabled],\n  );\n\n  return (\n    <SegmentedControlContext value={contextValue}>\n      <div\n        aria-disabled={isDisabled || undefined}\n        aria-label={label}\n        aria-orientation=\"horizontal\"\n        className={cx(classes.root, className)}\n        data-testid={dataTestId}\n        onKeyDown={handleKeyDown}\n        ref={mergeRefs(ref, containerRef)}\n        role=\"radiogroup\"\n        style={style}\n        tabIndex={-1}>\n        {children}\n      </div>\n    </SegmentedControlContext>\n  );\n}\n\nSegmentedControl.displayName = 'SegmentedControl';\n","import type {CSSProperties, Ref} from 'react';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {segmentedControlRecipe} from 'components/SegmentedControl/SegmentedControl.recipe';\nimport {useSegmentedControlContext} from 'components/SegmentedControl/SegmentedControlContext';\nimport {VisuallyHidden} from 'internal/VisuallyHidden';\nimport {cx} from 'internal/cx';\n\nexport interface SegmentedControlItemProps<TValue extends string = string> {\n  /**\n   * Additional CSS class names applied to the segment.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the segment.\n   */\n  'data-testid'?: string;\n  /**\n   * Icon element displayed before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether this segment is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Accessible and visible label for the segment.\n   */\n  label: string;\n  /**\n   * Ref forwarded to the segment button.\n   */\n  ref?: Ref<HTMLButtonElement>;\n  /**\n   * Inline styles applied to the segment.\n   */\n  style?: CSSProperties;\n  /**\n   * Unique value represented by this segment.\n   */\n  value: TValue;\n}\n\n/**\n * Individual segment within a `SegmentedControl`.\n */\nexport function SegmentedControlItem<TValue extends string = string>({\n  className,\n  'data-testid': dataTestId,\n  icon,\n  isDisabled = false,\n  isLabelHidden = false,\n  label,\n  ref,\n  style,\n  value,\n}: SegmentedControlItemProps<TValue>): React.JSX.Element {\n  const context = useSegmentedControlContext();\n  const isSelected = context.value === value;\n  const isItemDisabled = context.isDisabled || isDisabled;\n  const classes = segmentedControlRecipe({\n    size: context.size,\n    layout: context.layout,\n    isSelected,\n    isDisabled: isItemDisabled,\n  });\n\n  return (\n    <button\n      aria-checked={isSelected}\n      aria-disabled={isItemDisabled || undefined}\n      aria-label={isLabelHidden ? label : undefined}\n      className={cx(classes.item, className)}\n      data-testid={dataTestId}\n      data-value={value}\n      onClick={() => {\n        if (!isItemDisabled && !isSelected) {\n          context.onChange(value);\n        }\n      }}\n      ref={ref}\n      role=\"radio\"\n      style={style}\n      tabIndex={isSelected ? 0 : -1}\n      type=\"button\">\n      {icon != null ? (\n        <span className={classes.icon}>\n          <Icon icon={icon} size={context.size} />\n        </span>\n      ) : null}\n      {isLabelHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n    </button>\n  );\n}\n\nSegmentedControlItem.displayName = 'SegmentedControlItem';\n"]}

package/dist/{chunk-7T3SWOY7.js → chunk-IUW777WZ.js}

@@ -82,5 +82,5 @@ function Icon({
 Icon.displayName = "Icon";
 
 export { Icon };
-//# sourceMappingURL=chunk-7T3SWOY7.js.map
-//# sourceMappingURL=chunk-7T3SWOY7.js.map
+//# sourceMappingURL=chunk-IUW777WZ.js.map
+//# sourceMappingURL=chunk-IUW777WZ.js.map

package/dist/{chunk-7T3SWOY7.js.map → chunk-IUW777WZ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Icon/Icon.recipe.ts","../src/components/Icon/Icon.tsx"],"names":[],"mappings":"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","file":"chunk-7T3SWOY7.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const iconRecipe = cva({\n  base: {\n    display: 'inline-block',\n    flexShrink: 0,\n  },\n  variants: {\n    size: {\n      sm: {\n        w: 'icon.sm',\n        h: 'icon.sm',\n      },\n      md: {\n        w: 'icon.md',\n        h: 'icon.md',\n      },\n      lg: {\n        w: 'icon.lg',\n        h: 'icon.lg',\n      },\n    },\n    color: {\n      primary: {color: 'icon.primary'},\n      secondary: {color: 'icon.secondary'},\n      tertiary: {color: 'icon.tertiary'},\n      disabled: {color: 'icon.disabled'},\n      accent: {color: 'icon.accent'},\n      success: {color: 'icon.success'},\n      error: {color: 'icon.error'},\n      warning: {color: 'icon.warning'},\n      info: {color: 'icon.info'},\n      inherit: {color: 'currentColor'},\n      blue: {color: 'icon.blue'},\n      red: {color: 'icon.red'},\n      green: {color: 'icon.green'},\n      gray: {color: 'icon.gray'},\n      cyan: {color: 'icon.cyan'},\n      teal: {color: 'icon.teal'},\n      yellow: {color: 'icon.yellow'},\n      orange: {color: 'icon.orange'},\n      pink: {color: 'icon.pink'},\n      purple: {color: 'icon.purple'},\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    color: 'inherit',\n  },\n});\n\nexport type IconVariants = RecipeVariantProps<typeof iconRecipe>;\n","import type {LucideProps} from 'lucide-react';\nimport type {ComponentType, CSSProperties, Ref, SVGProps} from 'react';\nimport {cx} from '../../internal/cx';\nimport {iconRecipe} from './Icon.recipe';\n\nexport type IconColor =\n  | 'accent'\n  | 'blue'\n  | 'cyan'\n  | 'disabled'\n  | 'error'\n  | 'gray'\n  | 'green'\n  | 'info'\n  | 'inherit'\n  | 'orange'\n  | 'pink'\n  | 'primary'\n  | 'purple'\n  | 'red'\n  | 'secondary'\n  | 'success'\n  | 'teal'\n  | 'tertiary'\n  | 'warning'\n  | 'yellow';\n\nexport type IconSize = 'sm' | 'md' | 'lg';\nexport type IconComponent = ComponentType<\n  LucideProps | SVGProps<SVGSVGElement>\n>;\n\nexport interface IconProps extends Omit<\n  SVGProps<SVGSVGElement>,\n  'color' | 'height' | 'ref' | 'width'\n> {\n  /**\n   * Additional CSS class names applied to the SVG element.\n   */\n  className?: string;\n  /**\n   * Color token used for the icon.\n   * @default 'inherit'\n   */\n  color?: IconColor;\n  /**\n   * Test ID applied to the SVG element.\n   */\n  'data-testid'?: string;\n  /**\n   * Lucide icon component to render.\n   */\n  icon: IconComponent;\n  /**\n   * Ref forwarded to the SVG element.\n   */\n  ref?: Ref<SVGSVGElement>;\n  /**\n   * Icon size.\n   * @default 'md'\n   */\n  size?: IconSize;\n  /**\n   * Inline styles applied to the SVG element.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Renders a lucide icon with Silver UI size and color tokens.\n */\nexport function Icon({\n  className,\n  color = 'inherit',\n  'data-testid': dataTestId,\n  icon: IconElement,\n  ref,\n  size = 'md',\n  strokeWidth = 2,\n  style,\n  ...props\n}: IconProps): React.JSX.Element {\n  return (\n    <IconElement\n      {...props}\n      aria-hidden={props['aria-label'] == null ? true : undefined}\n      className={cx(iconRecipe({size, color}), className)}\n      data-testid={dataTestId}\n      focusable=\"false\"\n      height={undefined}\n      ref={ref}\n      role={props['aria-label'] == null ? undefined : 'img'}\n      strokeWidth={strokeWidth}\n      style={style}\n      width={undefined}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n"]}
+{"version":3,"sources":["../src/components/Icon/Icon.recipe.ts","../src/components/Icon/Icon.tsx"],"names":[],"mappings":"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","file":"chunk-IUW777WZ.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const iconRecipe = cva({\n  base: {\n    display: 'inline-block',\n    flexShrink: 0,\n  },\n  variants: {\n    size: {\n      sm: {\n        w: 'icon.sm',\n        h: 'icon.sm',\n      },\n      md: {\n        w: 'icon.md',\n        h: 'icon.md',\n      },\n      lg: {\n        w: 'icon.lg',\n        h: 'icon.lg',\n      },\n    },\n    color: {\n      primary: {color: 'icon.primary'},\n      secondary: {color: 'icon.secondary'},\n      tertiary: {color: 'icon.tertiary'},\n      disabled: {color: 'icon.disabled'},\n      accent: {color: 'icon.accent'},\n      success: {color: 'icon.success'},\n      error: {color: 'icon.error'},\n      warning: {color: 'icon.warning'},\n      info: {color: 'icon.info'},\n      inherit: {color: 'currentColor'},\n      blue: {color: 'icon.blue'},\n      red: {color: 'icon.red'},\n      green: {color: 'icon.green'},\n      gray: {color: 'icon.gray'},\n      cyan: {color: 'icon.cyan'},\n      teal: {color: 'icon.teal'},\n      yellow: {color: 'icon.yellow'},\n      orange: {color: 'icon.orange'},\n      pink: {color: 'icon.pink'},\n      purple: {color: 'icon.purple'},\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    color: 'inherit',\n  },\n});\n\nexport type IconVariants = RecipeVariantProps<typeof iconRecipe>;\n","import type {LucideProps} from 'lucide-react';\nimport type {ComponentType, CSSProperties, Ref, SVGProps} from 'react';\nimport {iconRecipe} from 'components/Icon/Icon.recipe';\nimport {cx} from 'internal/cx';\n\nexport type IconColor =\n  | 'accent'\n  | 'blue'\n  | 'cyan'\n  | 'disabled'\n  | 'error'\n  | 'gray'\n  | 'green'\n  | 'info'\n  | 'inherit'\n  | 'orange'\n  | 'pink'\n  | 'primary'\n  | 'purple'\n  | 'red'\n  | 'secondary'\n  | 'success'\n  | 'teal'\n  | 'tertiary'\n  | 'warning'\n  | 'yellow';\n\nexport type IconSize = 'sm' | 'md' | 'lg';\nexport type IconComponent = ComponentType<\n  LucideProps | SVGProps<SVGSVGElement>\n>;\n\nexport interface IconProps extends Omit<\n  SVGProps<SVGSVGElement>,\n  'color' | 'height' | 'ref' | 'width'\n> {\n  /**\n   * Additional CSS class names applied to the SVG element.\n   */\n  className?: string;\n  /**\n   * Color token used for the icon.\n   * @default 'inherit'\n   */\n  color?: IconColor;\n  /**\n   * Test ID applied to the SVG element.\n   */\n  'data-testid'?: string;\n  /**\n   * Lucide icon component to render.\n   */\n  icon: IconComponent;\n  /**\n   * Ref forwarded to the SVG element.\n   */\n  ref?: Ref<SVGSVGElement>;\n  /**\n   * Icon size.\n   * @default 'md'\n   */\n  size?: IconSize;\n  /**\n   * Inline styles applied to the SVG element.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Renders a lucide icon with Silver UI size and color tokens.\n */\nexport function Icon({\n  className,\n  color = 'inherit',\n  'data-testid': dataTestId,\n  icon: IconElement,\n  ref,\n  size = 'md',\n  strokeWidth = 2,\n  style,\n  ...props\n}: IconProps): React.JSX.Element {\n  return (\n    <IconElement\n      {...props}\n      aria-hidden={props['aria-label'] == null ? true : undefined}\n      className={cx(iconRecipe({size, color}), className)}\n      data-testid={dataTestId}\n      focusable=\"false\"\n      height={undefined}\n      ref={ref}\n      role={props['aria-label'] == null ? undefined : 'img'}\n      strokeWidth={strokeWidth}\n      style={style}\n      width={undefined}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n"]}

package/dist/{chunk-ZFBQ4R7M.cjs → chunk-J4LJXCXB.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkKXIILLQD_cjs = require('./chunk-KXIILLQD.cjs');
-var chunkVHKA25IV_cjs = require('./chunk-VHKA25IV.cjs');
-var chunkCK3UJQRI_cjs = require('./chunk-CK3UJQRI.cjs');
-var chunkYY6KJO5Z_cjs = require('./chunk-YY6KJO5Z.cjs');
+var chunkMHEPDHL5_cjs = require('./chunk-MHEPDHL5.cjs');
+var chunkZUAWNT66_cjs = require('./chunk-ZUAWNT66.cjs');
+var chunkJK4YAQ2N_cjs = require('./chunk-JK4YAQ2N.cjs');
+var chunkR3ZS6FU6_cjs = require('./chunk-R3ZS6FU6.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var polyfill = require('@js-temporal/polyfill');
@@ -28,7 +28,7 @@ function splitDateTime(value) {
 }
 function combineDateTime(date, time) {
   if (date == null && time == null) {
-    return void 0;
+    return null;
   }
   const resolvedDate = date ?? polyfill.Temporal.Now.plainDateISO();
   const resolvedTime = time ?? polyfill.Temporal.Now.plainTimeISO();
@@ -91,9 +91,9 @@ function DateTimeInput({
     (nextTime) => onChange(combineDateTime(date, nextTime)),
     [onChange, date]
   );
-  const necessity = chunkYY6KJO5Z_cjs.getNecessity(isOptional, isRequired);
+  const necessity = chunkR3ZS6FU6_cjs.getNecessity(isOptional, isRequired);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkYY6KJO5Z_cjs.Field,
+    chunkR3ZS6FU6_cjs.Field,
     {
       description,
       inputId: fieldId,
@@ -112,7 +112,7 @@ function DateTimeInput({
           style,
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkVHKA25IV_cjs.DateInput,
+              chunkZUAWNT66_cjs.DateInput,
               {
                 getIsDateDisabled,
                 htmlId: fieldId,
@@ -125,22 +125,22 @@ function DateTimeInput({
                 onChange: handleDateChange,
                 ref,
                 size,
-                value: date
+                value: date ?? null
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkKXIILLQD_cjs.TimeInput,
+              chunkMHEPDHL5_cjs.TimeInput,
               {
                 hasSeconds,
                 isDisabled,
                 isLabelHidden: true,
                 isLoading,
                 label: `${label} time`,
-                max: date != null && maxParts.date != null && chunkCK3UJQRI_cjs.plainDateIsEqual(date, maxParts.date) ? maxParts.time : void 0,
-                min: date != null && minParts.date != null && chunkCK3UJQRI_cjs.plainDateIsEqual(date, minParts.date) ? minParts.time : void 0,
+                max: date != null && maxParts.date != null && chunkJK4YAQ2N_cjs.plainDateIsEqual(date, maxParts.date) ? maxParts.time : void 0,
+                min: date != null && minParts.date != null && chunkJK4YAQ2N_cjs.plainDateIsEqual(date, minParts.date) ? minParts.time : void 0,
                 onChange: handleTimeChange,
                 size,
-                value: time
+                value: time ?? null
               }
             )
           ]
@@ -152,5 +152,5 @@ function DateTimeInput({
 DateTimeInput.displayName = "DateTimeInput";
 
 exports.DateTimeInput = DateTimeInput;
-//# sourceMappingURL=chunk-ZFBQ4R7M.cjs.map
-//# sourceMappingURL=chunk-ZFBQ4R7M.cjs.map
+//# sourceMappingURL=chunk-J4LJXCXB.cjs.map
+//# sourceMappingURL=chunk-J4LJXCXB.cjs.map

package/dist/chunk-J4LJXCXB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DateTimeInput/DateTimeInput.tsx"],"names":["css","Temporal","useId","useMemo","useCallback","getNecessity","jsx","Field","jsxs","cx","DateInput","TimeInput","plainDateIsEqual"],"mappings":";;;;;;;;;;;;AA6GA,IAAM,MAAA,GAAS;AAAA,EACb,KAAKA,qBAAA,CAAI;AAAA,IACP,OAAA,EAAS,MAAA;AAAA,IACT,mBAAA,EAAqB,kCAAA;AAAA,IACrB,GAAA,EAAK;AAAA,GACN;AACH,CAAA;AAEA,SAAS,cAAc,KAAA,EAGrB;AACA,EAAA,IAAI,SAAS,IAAA,EAAM;AACjB,IAAA,OAAO,EAAC,IAAA,EAAM,MAAA,EAAW,IAAA,EAAM,MAAA,EAAS;AAAA,EAC1C;AACA,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,MAAM,WAAA,EAAY;AAAA,IACxB,IAAA,EAAM,MAAM,WAAA;AAAY,GAC1B;AACF;AAEA,SAAS,eAAA,CACP,MACA,IAAA,EACsB;AACtB,EAAA,IAAI,IAAA,IAAQ,IAAA,IAAQ,IAAA,IAAQ,IAAA,EAAM;AAChC,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,MAAM,YAAA,GAAe,IAAA,IAAQC,iBAAA,CAAS,GAAA,CAAI,YAAA,EAAa;AACvD,EAAA,MAAM,YAAA,GAAe,IAAA,IAAQA,iBAAA,CAAS,GAAA,CAAI,YAAA,EAAa;AACvD,EAAA,OAAO,YAAA,CAAa,gBAAgB,YAAY,CAAA;AAClD;AAEA,SAAS,SAAA,CACP,IAAA,EACA,GAAA,EACA,GAAA,EACW;AACX,EAAA,IAAI,GAAA,IAAO,QAAQA,iBAAA,CAAS,SAAA,CAAU,QAAQ,IAAA,EAAM,GAAG,IAAI,CAAA,EAAG;AAC5D,IAAA,OAAO,GAAA;AAAA,EACT;AACA,EAAA,IAAI,GAAA,IAAO,QAAQA,iBAAA,CAAS,SAAA,CAAU,QAAQ,IAAA,EAAM,GAAG,IAAI,CAAA,EAAG;AAC5D,IAAA,OAAO,GAAA;AAAA,EACT;AACA,EAAA,OAAO,IAAA;AACT;AAKO,SAAS,aAAA,CAAc;AAAA,EAC5B,KAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,iBAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,IAAA,GAAO,IAAA;AAAA,EACP,WAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,UAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,SAAA,GAAY,KAAA;AAAA,EACZ,MAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,KAAA;AAAA,EACA;AACF,CAAA,EAA0C;AACxC,EAAA,MAAM,UAAUC,WAAA,EAAM;AACtB,EAAA,MAAM,EAAC,IAAA,EAAM,IAAA,EAAI,GAAIC,aAAA,CAAQ,MAAM,aAAA,CAAc,KAAK,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAChE,EAAA,MAAM,QAAA,GAAWA,cAAQ,MAAM,aAAA,CAAc,GAAG,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AACxD,EAAA,MAAM,QAAA,GAAWA,cAAQ,MAAM,aAAA,CAAc,GAAG,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAExD,EAAA,MAAM,gBAAA,GAAmBC,iBAAA;AAAA,IACvB,CAAC,QAAA,KAA+B;AAC9B,MAAA,IAAI,QAAA,IAAY,IAAA,IAAQ,IAAA,IAAQ,IAAA,EAAM;AACpC,QAAA,QAAA,CAAS,eAAA,CAAgB,QAAA,EAAU,IAAI,CAAC,CAAA;AACxC,QAAA;AAAA,MACF;AACA,MAAA,MAAM,gBAAA,GACJ,GAAA,IAAO,IAAA,IAAQ,QAAA,CAAS,MAAA,CAAO,GAAA,CAAI,WAAA,EAAa,CAAA,GAC5C,GAAA,CAAI,WAAA,EAAY,GAChB,MAAA;AACN,MAAA,MAAM,gBAAA,GACJ,GAAA,IAAO,IAAA,IAAQ,QAAA,CAAS,MAAA,CAAO,GAAA,CAAI,WAAA,EAAa,CAAA,GAC5C,GAAA,CAAI,WAAA,EAAY,GAChB,MAAA;AACN,MAAA,QAAA;AAAA,QACE,eAAA;AAAA,UACE,QAAA;AAAA,UACA,SAAA,CAAU,IAAA,EAAM,gBAAA,EAAkB,gBAAgB;AAAA;AACpD,OACF;AAAA,IACF,CAAA;AAAA,IACA,CAAC,QAAA,EAAU,IAAA,EAAM,GAAA,EAAK,GAAG;AAAA,GAC3B;AACA,EAAA,MAAM,gBAAA,GAAmBA,iBAAA;AAAA,IACvB,CAAC,QAAA,KAA+B,QAAA,CAAS,eAAA,CAAgB,IAAA,EAAM,QAAQ,CAAC,CAAA;AAAA,IACxE,CAAC,UAAU,IAAI;AAAA,GACjB;AAEA,EAAA,MAAM,SAAA,GAAYC,8BAAA,CAAa,UAAA,EAAY,UAAU,CAAA;AAErD,EAAA,uBACEC,cAAA;AAAA,IAACC,uBAAA;AAAA,IAAA;AAAA,MACC,WAAA;AAAA,MACA,OAAA,EAAS,OAAA;AAAA,MACT,UAAA;AAAA,MACA,aAAA;AAAA,MACC,GAAG,SAAA;AAAA,MACJ,KAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,QAAA,kBAAAC,eAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAWC,oBAAA,CAAG,MAAA,CAAO,GAAA,EAAK,SAAS,CAAA;AAAA,UACnC,aAAA,EAAa,UAAA;AAAA,UACb,KAAA;AAAA,UACA,QAAA,EAAA;AAAA,4BAAAH,cAAA;AAAA,cAACI,2BAAA;AAAA,cAAA;AAAA,gBACC,iBAAA;AAAA,gBACA,MAAA,EAAQ,OAAA;AAAA,gBACR,UAAA;AAAA,gBACA,aAAA,EAAa,IAAA;AAAA,gBACb,SAAA;AAAA,gBACA,KAAA,EAAO,GAAG,KAAK,CAAA,KAAA,CAAA;AAAA,gBACf,KAAK,QAAA,CAAS,IAAA;AAAA,gBACd,KAAK,QAAA,CAAS,IAAA;AAAA,gBACd,QAAA,EAAU,gBAAA;AAAA,gBACV,GAAA;AAAA,gBACA,IAAA;AAAA,gBACA,OAAO,IAAA,IAAQ;AAAA;AAAA,aACjB;AAAA,4BACAJ,cAAA;AAAA,cAACK,2BAAA;AAAA,cAAA;AAAA,gBACC,UAAA;AAAA,gBACA,UAAA;AAAA,gBACA,aAAA,EAAa,IAAA;AAAA,gBACb,SAAA;AAAA,gBACA,KAAA,EAAO,GAAG,KAAK,CAAA,KAAA,CAAA;AAAA,gBACf,GAAA,EACE,IAAA,IAAQ,IAAA,IACR,QAAA,CAAS,IAAA,IAAQ,IAAA,IACjBC,kCAAA,CAAiB,IAAA,EAAM,QAAA,CAAS,IAAI,CAAA,GAChC,QAAA,CAAS,IAAA,GACT,MAAA;AAAA,gBAEN,GAAA,EACE,IAAA,IAAQ,IAAA,IACR,QAAA,CAAS,IAAA,IAAQ,IAAA,IACjBA,kCAAA,CAAiB,IAAA,EAAM,QAAA,CAAS,IAAI,CAAA,GAChC,QAAA,CAAS,IAAA,GACT,MAAA;AAAA,gBAEN,QAAA,EAAU,gBAAA;AAAA,gBACV,IAAA;AAAA,gBACA,OAAO,IAAA,IAAQ;AAAA;AAAA;AACjB;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-J4LJXCXB.cjs","sourcesContent":["import {Temporal} from '@js-temporal/polyfill';\nimport {\n  useCallback,\n  useId,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {DateInput} from 'components/DateInput';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from 'components/Field';\nimport type {IconComponent} from 'components/Icon';\nimport {TimeInput, type PlainTime} from 'components/TimeInput';\nimport {cx} from 'internal/cx';\nimport {plainDateIsEqual, type PlainDate} from 'internal/plainDate';\nimport {css} from 'styled-system/css';\n\nexport type PlainDateTime = Temporal.PlainDateTime;\n\nexport type DateTimeInputProps = {\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   * Returns true for dates that should be disabled.\n   */\n  getIsDateDisabled?: (date: PlainDate) => boolean;\n  /**\n   * Supporting text rendered below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether to show the seconds field in the time input.\n   * @default false\n   */\n  hasSeconds?: boolean;\n  /**\n   * Whether the input is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Whether the input is in a loading state.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Field label text.\n   */\n  label: string;\n  /**\n   * Icon shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Maximum selectable date-time.\n   */\n  max?: PlainDateTime;\n  /**\n   * Minimum selectable date-time.\n   */\n  min?: PlainDateTime;\n  /**\n   * Called when the selected date-time changes.\n   */\n  onChange: (value: PlainDateTime | null) => void;\n  /**\n   * Ref forwarded to the date input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Visual size of the inputs.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Validation status displayed below the input.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Currently selected date-time. Pass `null` for an empty input.\n   */\n  value: PlainDateTime | null;\n} & FieldNecessity;\n\nconst styles = {\n  row: css({\n    display: 'grid',\n    gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 0.75fr)',\n    gap: '2',\n  }),\n} as const;\n\nfunction splitDateTime(value: PlainDateTime | null | undefined): {\n  date: PlainDate | undefined;\n  time: PlainTime | undefined;\n} {\n  if (value == null) {\n    return {date: undefined, time: undefined};\n  }\n  return {\n    date: value.toPlainDate(),\n    time: value.toPlainTime(),\n  };\n}\n\nfunction combineDateTime(\n  date: PlainDate | null | undefined,\n  time: PlainTime | null | undefined,\n): PlainDateTime | null {\n  if (date == null && time == null) {\n    return null;\n  }\n  const resolvedDate = date ?? Temporal.Now.plainDateISO();\n  const resolvedTime = time ?? Temporal.Now.plainTimeISO();\n  return resolvedDate.toPlainDateTime(resolvedTime);\n}\n\nfunction clampTime(\n  time: PlainTime,\n  min: PlainTime | undefined,\n  max: PlainTime | undefined,\n): PlainTime {\n  if (min != null && Temporal.PlainTime.compare(time, min) < 0) {\n    return min;\n  }\n  if (max != null && Temporal.PlainTime.compare(time, max) > 0) {\n    return max;\n  }\n  return time;\n}\n\n/**\n * A combined date and time input with calendar popover and time fields.\n */\nexport function DateTimeInput({\n  label,\n  value,\n  onChange,\n  min,\n  max,\n  getIsDateDisabled,\n  hasSeconds = false,\n  size = 'md',\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  status,\n  labelIcon,\n  labelTooltip,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: DateTimeInputProps): React.JSX.Element {\n  const fieldId = useId();\n  const {date, time} = useMemo(() => splitDateTime(value), [value]);\n  const minParts = useMemo(() => splitDateTime(min), [min]);\n  const maxParts = useMemo(() => splitDateTime(max), [max]);\n\n  const handleDateChange = useCallback(\n    (nextDate: PlainDate | null) => {\n      if (nextDate == null || time == null) {\n        onChange(combineDateTime(nextDate, time));\n        return;\n      }\n      const effectiveTimeMin =\n        min != null && nextDate.equals(min.toPlainDate())\n          ? min.toPlainTime()\n          : undefined;\n      const effectiveTimeMax =\n        max != null && nextDate.equals(max.toPlainDate())\n          ? max.toPlainTime()\n          : undefined;\n      onChange(\n        combineDateTime(\n          nextDate,\n          clampTime(time, effectiveTimeMin, effectiveTimeMax),\n        ),\n      );\n    },\n    [onChange, time, min, max],\n  );\n  const handleTimeChange = useCallback(\n    (nextTime: PlainTime | null) => onChange(combineDateTime(date, nextTime)),\n    [onChange, date],\n  );\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  return (\n    <Field\n      description={description}\n      inputId={fieldId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelIcon={labelIcon}\n      labelTooltip={labelTooltip}\n      status={status}>\n      <div\n        className={cx(styles.row, className)}\n        data-testid={dataTestId}\n        style={style}>\n        <DateInput\n          getIsDateDisabled={getIsDateDisabled}\n          htmlId={fieldId}\n          isDisabled={isDisabled}\n          isLabelHidden\n          isLoading={isLoading}\n          label={`${label} date`}\n          max={maxParts.date}\n          min={minParts.date}\n          onChange={handleDateChange}\n          ref={ref}\n          size={size}\n          value={date ?? null}\n        />\n        <TimeInput\n          hasSeconds={hasSeconds}\n          isDisabled={isDisabled}\n          isLabelHidden\n          isLoading={isLoading}\n          label={`${label} time`}\n          max={\n            date != null &&\n            maxParts.date != null &&\n            plainDateIsEqual(date, maxParts.date)\n              ? maxParts.time\n              : undefined\n          }\n          min={\n            date != null &&\n            minParts.date != null &&\n            plainDateIsEqual(date, minParts.date)\n              ? minParts.time\n              : undefined\n          }\n          onChange={handleTimeChange}\n          size={size}\n          value={time ?? null}\n        />\n      </div>\n    </Field>\n  );\n}\n\nDateTimeInput.displayName = 'DateTimeInput';\n"]}

package/dist/{chunk-4TIAKZ4Q.cjs → chunk-J4PIYOWT.cjs}

@@ -84,5 +84,5 @@ function Icon({
 Icon.displayName = "Icon";
 
 exports.Icon = Icon;
-//# sourceMappingURL=chunk-4TIAKZ4Q.cjs.map
-//# sourceMappingURL=chunk-4TIAKZ4Q.cjs.map
+//# sourceMappingURL=chunk-J4PIYOWT.cjs.map
+//# sourceMappingURL=chunk-J4PIYOWT.cjs.map

package/dist/{chunk-4TIAKZ4Q.cjs.map → chunk-J4PIYOWT.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Icon/Icon.recipe.ts","../src/components/Icon/Icon.tsx"],"names":["cva","jsx","cx"],"mappings":"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","file":"chunk-4TIAKZ4Q.cjs","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const iconRecipe = cva({\n  base: {\n    display: 'inline-block',\n    flexShrink: 0,\n  },\n  variants: {\n    size: {\n      sm: {\n        w: 'icon.sm',\n        h: 'icon.sm',\n      },\n      md: {\n        w: 'icon.md',\n        h: 'icon.md',\n      },\n      lg: {\n        w: 'icon.lg',\n        h: 'icon.lg',\n      },\n    },\n    color: {\n      primary: {color: 'icon.primary'},\n      secondary: {color: 'icon.secondary'},\n      tertiary: {color: 'icon.tertiary'},\n      disabled: {color: 'icon.disabled'},\n      accent: {color: 'icon.accent'},\n      success: {color: 'icon.success'},\n      error: {color: 'icon.error'},\n      warning: {color: 'icon.warning'},\n      info: {color: 'icon.info'},\n      inherit: {color: 'currentColor'},\n      blue: {color: 'icon.blue'},\n      red: {color: 'icon.red'},\n      green: {color: 'icon.green'},\n      gray: {color: 'icon.gray'},\n      cyan: {color: 'icon.cyan'},\n      teal: {color: 'icon.teal'},\n      yellow: {color: 'icon.yellow'},\n      orange: {color: 'icon.orange'},\n      pink: {color: 'icon.pink'},\n      purple: {color: 'icon.purple'},\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    color: 'inherit',\n  },\n});\n\nexport type IconVariants = RecipeVariantProps<typeof iconRecipe>;\n","import type {LucideProps} from 'lucide-react';\nimport type {ComponentType, CSSProperties, Ref, SVGProps} from 'react';\nimport {cx} from '../../internal/cx';\nimport {iconRecipe} from './Icon.recipe';\n\nexport type IconColor =\n  | 'accent'\n  | 'blue'\n  | 'cyan'\n  | 'disabled'\n  | 'error'\n  | 'gray'\n  | 'green'\n  | 'info'\n  | 'inherit'\n  | 'orange'\n  | 'pink'\n  | 'primary'\n  | 'purple'\n  | 'red'\n  | 'secondary'\n  | 'success'\n  | 'teal'\n  | 'tertiary'\n  | 'warning'\n  | 'yellow';\n\nexport type IconSize = 'sm' | 'md' | 'lg';\nexport type IconComponent = ComponentType<\n  LucideProps | SVGProps<SVGSVGElement>\n>;\n\nexport interface IconProps extends Omit<\n  SVGProps<SVGSVGElement>,\n  'color' | 'height' | 'ref' | 'width'\n> {\n  /**\n   * Additional CSS class names applied to the SVG element.\n   */\n  className?: string;\n  /**\n   * Color token used for the icon.\n   * @default 'inherit'\n   */\n  color?: IconColor;\n  /**\n   * Test ID applied to the SVG element.\n   */\n  'data-testid'?: string;\n  /**\n   * Lucide icon component to render.\n   */\n  icon: IconComponent;\n  /**\n   * Ref forwarded to the SVG element.\n   */\n  ref?: Ref<SVGSVGElement>;\n  /**\n   * Icon size.\n   * @default 'md'\n   */\n  size?: IconSize;\n  /**\n   * Inline styles applied to the SVG element.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Renders a lucide icon with Silver UI size and color tokens.\n */\nexport function Icon({\n  className,\n  color = 'inherit',\n  'data-testid': dataTestId,\n  icon: IconElement,\n  ref,\n  size = 'md',\n  strokeWidth = 2,\n  style,\n  ...props\n}: IconProps): React.JSX.Element {\n  return (\n    <IconElement\n      {...props}\n      aria-hidden={props['aria-label'] == null ? true : undefined}\n      className={cx(iconRecipe({size, color}), className)}\n      data-testid={dataTestId}\n      focusable=\"false\"\n      height={undefined}\n      ref={ref}\n      role={props['aria-label'] == null ? undefined : 'img'}\n      strokeWidth={strokeWidth}\n      style={style}\n      width={undefined}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n"]}
+{"version":3,"sources":["../src/components/Icon/Icon.recipe.ts","../src/components/Icon/Icon.tsx"],"names":["cva","jsx","cx"],"mappings":"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","file":"chunk-J4PIYOWT.cjs","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const iconRecipe = cva({\n  base: {\n    display: 'inline-block',\n    flexShrink: 0,\n  },\n  variants: {\n    size: {\n      sm: {\n        w: 'icon.sm',\n        h: 'icon.sm',\n      },\n      md: {\n        w: 'icon.md',\n        h: 'icon.md',\n      },\n      lg: {\n        w: 'icon.lg',\n        h: 'icon.lg',\n      },\n    },\n    color: {\n      primary: {color: 'icon.primary'},\n      secondary: {color: 'icon.secondary'},\n      tertiary: {color: 'icon.tertiary'},\n      disabled: {color: 'icon.disabled'},\n      accent: {color: 'icon.accent'},\n      success: {color: 'icon.success'},\n      error: {color: 'icon.error'},\n      warning: {color: 'icon.warning'},\n      info: {color: 'icon.info'},\n      inherit: {color: 'currentColor'},\n      blue: {color: 'icon.blue'},\n      red: {color: 'icon.red'},\n      green: {color: 'icon.green'},\n      gray: {color: 'icon.gray'},\n      cyan: {color: 'icon.cyan'},\n      teal: {color: 'icon.teal'},\n      yellow: {color: 'icon.yellow'},\n      orange: {color: 'icon.orange'},\n      pink: {color: 'icon.pink'},\n      purple: {color: 'icon.purple'},\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    color: 'inherit',\n  },\n});\n\nexport type IconVariants = RecipeVariantProps<typeof iconRecipe>;\n","import type {LucideProps} from 'lucide-react';\nimport type {ComponentType, CSSProperties, Ref, SVGProps} from 'react';\nimport {iconRecipe} from 'components/Icon/Icon.recipe';\nimport {cx} from 'internal/cx';\n\nexport type IconColor =\n  | 'accent'\n  | 'blue'\n  | 'cyan'\n  | 'disabled'\n  | 'error'\n  | 'gray'\n  | 'green'\n  | 'info'\n  | 'inherit'\n  | 'orange'\n  | 'pink'\n  | 'primary'\n  | 'purple'\n  | 'red'\n  | 'secondary'\n  | 'success'\n  | 'teal'\n  | 'tertiary'\n  | 'warning'\n  | 'yellow';\n\nexport type IconSize = 'sm' | 'md' | 'lg';\nexport type IconComponent = ComponentType<\n  LucideProps | SVGProps<SVGSVGElement>\n>;\n\nexport interface IconProps extends Omit<\n  SVGProps<SVGSVGElement>,\n  'color' | 'height' | 'ref' | 'width'\n> {\n  /**\n   * Additional CSS class names applied to the SVG element.\n   */\n  className?: string;\n  /**\n   * Color token used for the icon.\n   * @default 'inherit'\n   */\n  color?: IconColor;\n  /**\n   * Test ID applied to the SVG element.\n   */\n  'data-testid'?: string;\n  /**\n   * Lucide icon component to render.\n   */\n  icon: IconComponent;\n  /**\n   * Ref forwarded to the SVG element.\n   */\n  ref?: Ref<SVGSVGElement>;\n  /**\n   * Icon size.\n   * @default 'md'\n   */\n  size?: IconSize;\n  /**\n   * Inline styles applied to the SVG element.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Renders a lucide icon with Silver UI size and color tokens.\n */\nexport function Icon({\n  className,\n  color = 'inherit',\n  'data-testid': dataTestId,\n  icon: IconElement,\n  ref,\n  size = 'md',\n  strokeWidth = 2,\n  style,\n  ...props\n}: IconProps): React.JSX.Element {\n  return (\n    <IconElement\n      {...props}\n      aria-hidden={props['aria-label'] == null ? true : undefined}\n      className={cx(iconRecipe({size, color}), className)}\n      data-testid={dataTestId}\n      focusable=\"false\"\n      height={undefined}\n      ref={ref}\n      role={props['aria-label'] == null ? undefined : 'img'}\n      strokeWidth={strokeWidth}\n      style={style}\n      width={undefined}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n"]}

package/dist/{chunk-LNT2IFOA.js → chunk-JC66FRQX.js}

@@ -1,4 +1,4 @@
-import { DropdownMenuItem, useMenuKeyboard, renderMenuItems, DropdownMenuContext, formatMenuWidth } from './chunk-NFABMGNH.js';
+import { DropdownMenuItem, useMenuKeyboard, renderMenuItems, DropdownMenuContext, formatMenuWidth } from './chunk-C6EWA3H2.js';
 import { css } from './chunk-OD4DHHZH.js';
 import { cx } from './chunk-PPNETWIP.js';
 import { useId, useRef, useState, useCallback, useEffect, useImperativeHandle, useMemo } from 'react';
@@ -202,5 +202,5 @@ function ContextMenu({
 ContextMenu.displayName = "ContextMenu";
 
 export { ContextMenu, ContextMenuItem };
-//# sourceMappingURL=chunk-LNT2IFOA.js.map
-//# sourceMappingURL=chunk-LNT2IFOA.js.map
+//# sourceMappingURL=chunk-JC66FRQX.js.map
+//# sourceMappingURL=chunk-JC66FRQX.js.map