silver-ui 0.4.0 → 0.5.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Layout/Layout.recipe.ts","../src/components/Layout/LayoutContext.ts","../src/components/Layout/Layout.tsx","../src/components/Layout/LayoutContent.tsx","../src/components/Layout/LayoutFooter.tsx","../src/components/Layout/LayoutHeader.tsx","../src/components/Layout/LayoutPanel.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"chunk-6EYLEVC6.js","sourcesContent":["import {cva, sva, type RecipeVariantProps} from 'styled-system/css';\n\nconst paddingVariants = {\n  0: {p: '0'},\n  0.5: {p: '0.5'},\n  1: {p: '1'},\n  1.5: {p: '1.5'},\n  2: {p: '2'},\n  3: {p: '3'},\n  4: {p: '4'},\n  5: {p: '5'},\n  6: {p: '6'},\n  8: {p: '8'},\n  10: {p: '10'},\n};\n\n// Same padding scale as `paddingVariants`, scoped to the `root` slot so it can\n// be used as an `sva` variant on the Layout shell.\nconst rootPaddingVariants = {\n  0: {root: {p: '0'}},\n  0.5: {root: {p: '0.5'}},\n  1: {root: {p: '1'}},\n  1.5: {root: {p: '1.5'}},\n  2: {root: {p: '2'}},\n  3: {root: {p: '3'}},\n  4: {root: {p: '4'}},\n  5: {root: {p: '5'}},\n  6: {root: {p: '6'}},\n  8: {root: {p: '8'}},\n  10: {root: {p: '10'}},\n};\n\nexport const layoutRecipe = sva({\n  slots: ['root', 'middle', 'content'],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      minW: 0,\n    },\n    middle: {\n      display: 'flex',\n      flex: 1,\n      minH: 0,\n      minW: 0,\n    },\n    content: {\n      flex: 1,\n      minW: 0,\n      display: 'flex',\n      flexDirection: 'column',\n    },\n  },\n  variants: {\n    height: {\n      fill: {\n        root: {h: '100%', minH: 0},\n      },\n      auto: {\n        root: {minH: '100%'},\n      },\n    },\n    padding: rootPaddingVariants,\n  },\n  defaultVariants: {\n    height: 'fill',\n  },\n});\n\nexport const layoutPanelRecipe = cva({\n  base: {\n    flexShrink: 0,\n    overflow: 'clip',\n  },\n  variants: {\n    isScrollable: {\n      true: {overflow: 'auto'},\n    },\n    divider: {\n      none: {},\n      // Border on the edge adjacent to the content area: inline-end for a start\n      // panel, inline-start for an end panel.\n      start: {\n        borderInlineEndWidth: 'default',\n        borderInlineEndStyle: 'solid',\n        borderInlineEndColor: 'border',\n      },\n      end: {\n        borderInlineStartWidth: 'default',\n        borderInlineStartStyle: 'solid',\n        borderInlineStartColor: 'border',\n      },\n    },\n  },\n  defaultVariants: {\n    isScrollable: true,\n    divider: 'none',\n  },\n});\n\nexport const layoutContentRecipe = cva({\n  base: {\n    flex: 1,\n    minH: 0,\n    minW: 0,\n    overflow: 'clip',\n  },\n  variants: {\n    isScrollable: {\n      true: {overflow: 'auto'},\n    },\n  },\n  defaultVariants: {\n    isScrollable: true,\n  },\n});\n\nexport const layoutHeaderRecipe = sva({\n  slots: ['root', 'inner', 'titleArea', 'actions', 'closeButton'],\n  base: {\n    root: {\n      flexShrink: 0,\n    },\n    inner: {\n      display: 'flex',\n      alignItems: 'flex-start',\n      justifyContent: 'space-between',\n      gap: '3',\n    },\n    titleArea: {\n      flex: 1,\n      minW: 0,\n      '& > :focus': {\n        outline: 'none',\n      },\n    },\n    actions: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      flexShrink: 0,\n    },\n    closeButton: {\n      marginInlineEnd: '-2',\n      marginBlockStart: '-2',\n    },\n  },\n  variants: {\n    hasDivider: {\n      true: {\n        root: {\n          borderBlockEndWidth: 'default',\n          borderBlockEndStyle: 'solid',\n          borderBlockEndColor: 'border',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    hasDivider: false,\n  },\n});\n\nexport const layoutFooterRecipe = sva({\n  slots: ['root', 'inner', 'start', 'actions'],\n  base: {\n    root: {\n      flexShrink: 0,\n    },\n    start: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      flex: 1,\n      minW: 0,\n      marginInlineEnd: 'auto',\n    },\n    actions: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      flexShrink: 0,\n    },\n  },\n  variants: {\n    hasDivider: {\n      true: {\n        root: {\n          borderBlockStartWidth: 'default',\n          borderBlockStartStyle: 'solid',\n          borderBlockStartColor: 'border',\n        },\n      },\n    },\n    // Custom footers render arbitrary children, so the inner element drops the\n    // action-row flex layout.\n    isCustom: {\n      false: {\n        inner: {\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'flex-end',\n          gap: '3',\n        },\n      },\n      true: {},\n    },\n  },\n  defaultVariants: {\n    hasDivider: false,\n    isCustom: false,\n  },\n});\n\nexport const layoutRegionRecipe = cva({\n  variants: {\n    padding: paddingVariants,\n  },\n  defaultVariants: {\n    padding: 4,\n  },\n});\n\nexport type LayoutVariants = RecipeVariantProps<typeof layoutRecipe>;\nexport type LayoutRegionVariants = RecipeVariantProps<\n  typeof layoutRegionRecipe\n>;\n","import {createContext, use} from 'react';\n\nexport type LayoutArea = 'header' | 'content' | 'start' | 'end' | 'footer';\n\nexport interface LayoutDividerContextValue {\n  hasDividers: boolean;\n}\n\nexport const LayoutAreaContext = createContext<LayoutArea>('content');\nLayoutAreaContext.displayName = 'LayoutAreaContext';\nexport const LayoutDividerContext =\n  createContext<LayoutDividerContextValue | null>(null);\nLayoutDividerContext.displayName = 'LayoutDividerContext';\n\nexport function useLayoutArea(): LayoutArea {\n  return use(LayoutAreaContext);\n}\n\nexport function useLayoutDivider(): LayoutDividerContextValue | null {\n  return use(LayoutDividerContext);\n}\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useMemo} from 'react';\nimport {layoutRecipe} from 'components/Layout/Layout.recipe';\nimport {\n  LayoutAreaContext,\n  LayoutDividerContext,\n  type LayoutArea,\n} from 'components/Layout/LayoutContext';\nimport type {LayoutHeight} from 'components/Layout/types';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport type {SpacingToken} from 'internal/spacingTokens';\n\n/**\n * Shell with header, side panels, content, and footer slots.\n */\nexport interface LayoutProps {\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Main content slot.\n   */\n  content?: ReactNode;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * End panel slot.\n   */\n  end?: ReactNode;\n  /**\n   * Footer slot.\n   */\n  footer?: ReactNode;\n  /**\n   * Whether child layout regions should show dividers.\n   */\n  hasDividers?: boolean;\n  /**\n   * Header slot.\n   */\n  header?: ReactNode;\n  /**\n   * Layout height behavior. Default is `fill`.\n   */\n  height?: LayoutHeight;\n  /**\n   * Outer padding for layout edges.\n   */\n  padding?: SpacingToken;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Start panel slot.\n   */\n  start?: ReactNode;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nfunction AreaProvider({\n  area,\n  children,\n}: {\n  area: LayoutArea;\n  children?: ReactNode;\n}): React.JSX.Element | null {\n  if (!isReactNode(children)) {\n    return null;\n  }\n\n  return <LayoutAreaContext value={area}>{children}</LayoutAreaContext>;\n}\n\nexport function Layout({\n  className,\n  content,\n  'data-testid': dataTestId,\n  hasDividers = true,\n  end,\n  footer,\n  header,\n  height = 'fill',\n  padding,\n  ref,\n  start,\n  style,\n}: LayoutProps): React.JSX.Element {\n  const dividerValue = useMemo(() => ({hasDividers}), [hasDividers]);\n  const classes = layoutRecipe({height, padding});\n\n  return (\n    <LayoutDividerContext value={dividerValue}>\n      <div\n        className={cx(classes.root, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        style={style}>\n        <AreaProvider area=\"header\">{header}</AreaProvider>\n        <div className={classes.middle}>\n          <AreaProvider area=\"start\">{start}</AreaProvider>\n          <div className={classes.content}>\n            <AreaProvider area=\"content\">{content}</AreaProvider>\n          </div>\n          <AreaProvider area=\"end\">{end}</AreaProvider>\n        </div>\n        <AreaProvider area=\"footer\">{footer}</AreaProvider>\n      </div>\n    </LayoutDividerContext>\n  );\n}\n\nLayout.displayName = 'Layout';\n","import type {ComponentPropsWithRef, ElementType} from 'react';\nimport {\n  layoutContentRecipe,\n  layoutRegionRecipe,\n} from 'components/Layout/Layout.recipe';\nimport {cx} from 'internal/cx';\nimport type {SpacingToken} from 'internal/spacingTokens';\n\n/**\n * Scrollable main content area within a Layout. Fills the remaining space\n * between panels and stretches to fill the available height.\n */\nexport interface LayoutContentProps extends ComponentPropsWithRef<'div'> {\n  /**\n   * HTML element to render. Default is `div`.\n   */\n  as?: ElementType;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether the content area scrolls when it overflows.\n   */\n  isScrollable?: boolean;\n  /**\n   * Accessible label. Automatically sets role=\"region\" when provided.\n   */\n  label?: string;\n  /**\n   * Inner padding.\n   */\n  padding?: SpacingToken;\n}\n\n/**\n * Scrollable main content area within a Layout. Fills the remaining space\n * between panels and stretches to fill the available height.\n */\nexport function LayoutContent({\n  as: Element = 'div',\n  children,\n  className,\n  'data-testid': dataTestId,\n  isScrollable = true,\n  label,\n  padding = 4,\n  ref,\n  role,\n  style,\n  ...rest\n}: LayoutContentProps): React.JSX.Element {\n  return (\n    <Element\n      {...rest}\n      aria-label={label}\n      className={cx(\n        layoutContentRecipe({isScrollable}),\n        layoutRegionRecipe({padding}),\n        className,\n      )}\n      data-testid={dataTestId}\n      ref={ref}\n      role={role ?? (label != null ? 'region' : undefined)}\n      style={style}>\n      {children}\n    </Element>\n  );\n}\n\nLayoutContent.displayName = 'LayoutContent';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {\n  layoutFooterRecipe,\n  layoutRegionRecipe,\n} from 'components/Layout/Layout.recipe';\nimport {useLayoutDivider} from 'components/Layout/LayoutContext';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport type {SpacingToken} from 'internal/spacingTokens';\n\ninterface LayoutFooterBaseProps {\n  /**\n   * Additional CSS class names applied to the footer.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Fixed height for the footer.\n   */\n  height?: number | string;\n  /**\n   * Accessible label for the footer landmark.\n   */\n  label?: string;\n  /**\n   * Inner padding.\n   */\n  padding?: SpacingToken;\n  /**\n   * Ref forwarded to the footer element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Inline styles applied to the footer.\n   */\n  style?: CSSProperties;\n}\n\ninterface LayoutFooterCustomProps extends LayoutFooterBaseProps {\n  /**\n   * Custom footer content rendered inside the footer shell.\n   */\n  children: ReactNode;\n  primaryButton?: never;\n  secondaryButton?: never;\n  startContent?: never;\n}\n\ninterface LayoutFooterActionsProps extends LayoutFooterBaseProps {\n  children?: never;\n  /**\n   * Primary action button, rendered rightmost.\n   */\n  primaryButton?: ReactNode;\n  /**\n   * Secondary action button, rendered left of the primary button.\n   */\n  secondaryButton?: ReactNode;\n  /**\n   * Content rendered at the start (left) of the footer.\n   */\n  startContent?: ReactNode;\n}\n\n/**\n * Footer landmark region within a Layout. Use action slots for the standard\n * footer layout, or children for a custom footer inside the same shell.\n */\nexport type LayoutFooterProps =\n  | LayoutFooterActionsProps\n  | LayoutFooterCustomProps;\n\n/**\n * Footer landmark region within a Layout.\n */\nexport function LayoutFooter({\n  children,\n  className,\n  'data-testid': dataTestId,\n  height,\n  label,\n  padding = 4,\n  primaryButton,\n  ref,\n  secondaryButton,\n  startContent,\n  style,\n}: LayoutFooterProps): React.JSX.Element {\n  const dividerContext = useLayoutDivider();\n  const hasDivider = dividerContext?.hasDividers ?? false;\n  const rootStyle: CSSProperties = {height, ...style};\n  const isCustom = isReactNode(children);\n  const hasActions = isReactNode(primaryButton) || isReactNode(secondaryButton);\n  const classes = layoutFooterRecipe({hasDivider, isCustom});\n\n  return (\n    <footer\n      aria-label={label}\n      className={cx(classes.root, className)}\n      data-divider={hasDivider || undefined}\n      data-testid={dataTestId}\n      ref={ref}\n      style={rootStyle}>\n      <div className={cx(classes.inner, layoutRegionRecipe({padding}))}>\n        {isCustom ? (\n          children\n        ) : (\n          <>\n            {isReactNode(startContent) ? (\n              <div className={classes.start}>{startContent}</div>\n            ) : null}\n            {hasActions ? (\n              <div className={classes.actions}>\n                {secondaryButton}\n                {primaryButton}\n              </div>\n            ) : null}\n          </>\n        )}\n      </div>\n    </footer>\n  );\n}\n\nLayoutFooter.displayName = 'LayoutFooter';\n","import {X} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Button} from 'components/Button';\nimport {useDialogContext} from 'components/Dialog/DialogContext';\nimport {\n  layoutHeaderRecipe,\n  layoutRegionRecipe,\n} from 'components/Layout/Layout.recipe';\nimport {useLayoutDivider} from 'components/Layout/LayoutContext';\nimport {Heading, Text} from 'components/Text';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport type {SpacingToken} from 'internal/spacingTokens';\n\n/**\n * Header landmark region within a Layout with a structured title,\n * optional subtitle, and start/end content slots.\n *\n * When rendered inside a Dialog, a close button is automatically\n * appended after `endContent`. The button calls `onOpenChange(false)`\n * on the parent Dialog and the title receives initial focus.\n */\nexport interface LayoutHeaderProps {\n  /**\n   * Additional CSS class names applied to the header.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the header.\n   */\n  'data-testid'?: string;\n  /**\n   * Content rendered after the title area.\n   */\n  endContent?: ReactNode;\n  /**\n   * Fixed height for the header.\n   */\n  height?: number | string;\n  /**\n   * Accessible label for the header landmark.\n   */\n  label?: string;\n  /**\n   * Inner padding.\n   */\n  padding?: SpacingToken;\n  /**\n   * Ref forwarded to the header element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Content rendered before the title area.\n   */\n  startContent?: ReactNode;\n  /**\n   * Inline styles applied to the header.\n   */\n  style?: CSSProperties;\n  /**\n   * Supporting text displayed below the title.\n   */\n  subtitle?: string;\n  /**\n   * Primary header title.\n   */\n  title: string;\n}\n\n/**\n * Header landmark region within a Layout with a structured title,\n * optional subtitle, and start/end content slots.\n *\n * When rendered inside a Dialog, a close button is automatically\n * appended after `endContent`. The button calls `onOpenChange(false)`\n * on the parent Dialog and the title receives initial focus.\n */\nexport function LayoutHeader({\n  className,\n  'data-testid': dataTestId,\n  endContent,\n  height,\n  label,\n  padding = 4,\n  ref,\n  startContent,\n  style,\n  subtitle,\n  title,\n}: LayoutHeaderProps): React.JSX.Element {\n  const dividerContext = useLayoutDivider();\n  const dialogContext = useDialogContext();\n  const hasDivider = dividerContext?.hasDividers ?? false;\n  const rootStyle: CSSProperties = {height, ...style};\n  const classes = layoutHeaderRecipe({hasDivider});\n\n  const closeButton =\n    dialogContext != null ? (\n      <Button\n        className={classes.closeButton}\n        icon={X}\n        isIconOnly\n        label=\"Close\"\n        onClick={() => dialogContext.onOpenChange(false)}\n        variant=\"ghost\"\n      />\n    ) : null;\n  const hasEnd = isReactNode(endContent) || closeButton != null;\n\n  return (\n    <header\n      aria-label={label}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={rootStyle}>\n      <div className={cx(classes.inner, layoutRegionRecipe({padding}))}>\n        {isReactNode(startContent) ? (\n          <div className={classes.actions}>{startContent}</div>\n        ) : null}\n        <div className={classes.titleArea}>\n          <Heading\n            data-dialog-autofocus={dialogContext != null ? 'true' : undefined}\n            id={dialogContext?.titleId}\n            level={4}\n            tabIndex={dialogContext != null ? -1 : undefined}>\n            {title}\n          </Heading>\n          {subtitle != null ? (\n            <Text as=\"p\" color=\"secondary\" type=\"supporting\">\n              {subtitle}\n            </Text>\n          ) : null}\n        </div>\n        {hasEnd ? (\n          <div className={classes.actions}>\n            {endContent}\n            {closeButton}\n          </div>\n        ) : null}\n      </div>\n    </header>\n  );\n}\n\nLayoutHeader.displayName = 'LayoutHeader';\n","import type {ComponentPropsWithRef} from 'react';\nimport {\n  layoutPanelRecipe,\n  layoutRegionRecipe,\n} from 'components/Layout/Layout.recipe';\nimport {useLayoutArea, useLayoutDivider} from 'components/Layout/LayoutContext';\nimport {cx} from 'internal/cx';\nimport type {SpacingToken} from 'internal/spacingTokens';\n\n/**\n * Side panel region within a Layout. Placed in the start or end slot,\n * with optional dividers and scrolling.\n */\nexport interface LayoutPanelProps extends ComponentPropsWithRef<'div'> {\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether the panel scrolls when it overflows.\n   */\n  isScrollable?: boolean;\n  /**\n   * Accessible label. Automatically sets role=\"region\" when provided.\n   */\n  label?: string;\n  /**\n   * Inner padding.\n   */\n  padding?: SpacingToken;\n  /**\n   * Fixed width for the panel.\n   */\n  width?: number | string;\n}\n\n/**\n * Side panel region within a Layout. Placed in the start or end slot,\n * with optional dividers and scrolling.\n */\nexport function LayoutPanel({\n  children,\n  className,\n  'data-testid': dataTestId,\n  isScrollable = true,\n  label,\n  padding = 4,\n  ref,\n  role,\n  style,\n  width,\n  ...rest\n}: LayoutPanelProps): React.JSX.Element {\n  const area = useLayoutArea();\n  const dividerContext = useLayoutDivider();\n  const hasDivider = dividerContext?.hasDividers ?? false;\n  const divider =\n    hasDivider && (area === 'start' || area === 'end') ? area : 'none';\n\n  return (\n    <div\n      {...rest}\n      aria-label={label}\n      className={cx(\n        layoutPanelRecipe({isScrollable, divider}),\n        layoutRegionRecipe({padding}),\n        className,\n      )}\n      data-testid={dataTestId}\n      ref={ref}\n      role={role ?? (label != null ? 'region' : undefined)}\n      style={{width, ...style}}>\n      {children}\n    </div>\n  );\n}\n\nLayoutPanel.displayName = 'LayoutPanel';\n"]}

package/dist/{chunk-RLOGQBFD.js → chunk-6J326CN6.js}

@@ -1,9 +1,9 @@
 import { fieldRecipe } from './chunk-U7ALNPFJ.js';
-import { Text } from './chunk-QRFDPG34.js';
-import { VisuallyHidden } from './chunk-7BSFKG7N.js';
-import { Tooltip } from './chunk-3CJC4QE6.js';
+import { Text } from './chunk-RJEZBOSH.js';
+import { VisuallyHidden } from './chunk-V2V5TTTL.js';
+import { Tooltip } from './chunk-6PIVWNUR.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
-import { Icon } from './chunk-7T3SWOY7.js';
+import { Icon } from './chunk-IUW777WZ.js';
 import { cx } from './chunk-PPNETWIP.js';
 import { Info } from 'lucide-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -112,5 +112,5 @@ function Field({
 Field.displayName = "Field";
 
 export { Field, getNecessity };
-//# sourceMappingURL=chunk-RLOGQBFD.js.map
-//# sourceMappingURL=chunk-RLOGQBFD.js.map
+//# sourceMappingURL=chunk-6J326CN6.js.map
+//# sourceMappingURL=chunk-6J326CN6.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Field/Field.tsx"],"names":[],"mappings":";;;;;;;;;;AA0HO,SAAS,YAAA,CACd,YACA,UAAA,EACgB;AAChB,EAAA,IAAI,eAAe,IAAA,EAAM;AACvB,IAAA,OAAO,EAAC,YAAY,IAAA,EAAI;AAAA,EAC1B;AACA,EAAA,IAAI,eAAe,IAAA,EAAM;AACvB,IAAA,OAAO,EAAC,YAAY,IAAA,EAAI;AAAA,EAC1B;AACA,EAAA,OAAO,EAAC;AACV;AAKO,SAAS,KAAA,CAAM;AAAA,EACpB,QAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,WAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,UAAA,GAAa,KAAA;AAAA,EACb,UAAA,GAAa,KAAA;AAAA,EACb,SAAS,cAAA,GAAiB,OAAA;AAAA,EAC1B,SAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA,GAAgB,UAAA;AAAA,EAChB,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,KAAA;AAAA,EACA;AACF,CAAA,EAAkC;AAChC,EAAA,MAAM,wBACJ,aAAA,KACC,WAAA,CAAY,WAAW,CAAA,GAAI,CAAA,EAAG,OAAO,CAAA,YAAA,CAAA,GAAiB,MAAA,CAAA;AACzD,EAAA,MAAM,gBAAA,GACJ,QAAQ,SAAA,KACP,MAAA,EAAQ,WAAW,IAAA,GAAO,CAAA,EAAG,OAAO,CAAA,OAAA,CAAA,GAAY,MAAA,CAAA;AACnD,EAAA,MAAM,UAAA,GAAa,UAAA,GAAa,UAAA,GAAa,UAAA,GAAa,UAAA,GAAa,IAAA;AACvE,EAAA,MAAM,UAAU,WAAA,CAAY;AAAA,IAC1B,UAAA;AAAA,IACA,YAAY,MAAA,EAAQ,IAAA;AAAA,IACpB;AAAA,GACD,CAAA;AACD,EAAA,MAAM,SAAA,mBACJ,IAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAA,CAAQ,KAAA;AAAA,MAClB,GAAI,cAAA,KAAmB,OAAA,GAAU,EAAC,OAAA,EAAS,SAAO,GAAI,MAAA;AAAA,MACvD,EAAA,EAAI,OAAA;AAAA,MACH,QAAA,EAAA;AAAA,QAAA,SAAA,IAAa,IAAA,uBACX,IAAA,EAAA,EAAK,KAAA,EAAM,aAAY,IAAA,EAAM,SAAA,EAAW,IAAA,EAAK,IAAA,EAAK,CAAA,GACjD,IAAA;AAAA,wBACJ,GAAA,CAAC,QAAK,EAAA,EAAG,MAAA,EAAO,OAAM,SAAA,EAAU,IAAA,EAAK,SAClC,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,QACC,UAAA,IAAc,IAAA,mBACb,IAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAG,QAAO,SAAA,EAAW,OAAA,CAAQ,SAAA,EAAW,IAAA,EAAK,YAAA,EACjD,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,QAAA,EAAA,QAAA,EAAG,CAAA;AAAA,UAC3B;AAAA,SAAA,EACH,CAAA,GACE,IAAA;AAAA,QACH,WAAA,CAAY,YAAY,CAAA,mBACvB,GAAA,CAAC,WAAQ,OAAA,EAAS,YAAA,EAChB,8BAAC,MAAA,EAAA,EAAK,SAAA,EAAW,QAAQ,WAAA,EACvB,QAAA,kBAAA,GAAA,CAAC,QAAK,IAAA,EAAM,IAAA,EAAM,MAAK,IAAA,EAAK,CAAA,EAC9B,GACF,CAAA,GACE;AAAA;AAAA;AAAA,GACN;AAEF,EAAA,MAAM,eAAA,GAAkB,WAAA,CAAY,WAAW,CAAA,mBAC7C,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAG,MAAA;AAAA,MACH,KAAA,EAAM,WAAA;AAAA,MACN,EAAA,EAAI,qBAAA;AAAA,MACJ,IAAA,EAAK,YAAA;AAAA,MACJ,QAAA,EAAA;AAAA;AAAA,GACH,GACE,IAAA;AACJ,EAAA,MAAM,UAAA,GACJ,MAAA,EAAQ,OAAA,IAAW,IAAA,mBACjB,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAW,MAAA,CAAO,IAAA,KAAS,OAAA,GAAU,WAAA,GAAc,QAAA;AAAA,MACnD,WAAW,OAAA,CAAQ,MAAA;AAAA,MACnB,EAAA,EAAI,gBAAA;AAAA,MACJ,IAAA,EAAM,MAAA,CAAO,IAAA,KAAS,OAAA,GAAU,OAAA,GAAU,QAAA;AAAA,MACzC,QAAA,EAAA,MAAA,CAAO;AAAA;AAAA,GACV,GACE,IAAA;AAEN,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,OAAA,CAAQ,IAAA,EAAM,SAAS,CAAA;AAAA,MACrC,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,KAAA;AAAA,MACC,QAAA,EAAA;AAAA,QAAA,aAAA,wBACE,cAAA,EAAA,EACE,QAAA,EAAA;AAAA,UAAA,SAAA;AAAA,UACA;AAAA,SAAA,EACH,oBAEA,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,SAAA;AAAA,UACA;AAAA,SAAA,EACH,CAAA;AAAA,QAED,kBAAkB,UAAA,mBACjB,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,QAAQ,YAAA,EACrB,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACA;AAAA,SAAA,EACH,oBAEA,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACA;AAAA,SAAA,EACH;AAAA;AAAA;AAAA,GAEJ;AAEJ;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-6J326CN6.js","sourcesContent":["import {Info} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {fieldRecipe} from 'components/Field/Field.recipe';\nimport type {InputStatusType} from 'components/Field/types';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Text} from 'components/Text';\nimport {Tooltip} from 'components/Tooltip';\nimport {VisuallyHidden} from 'internal/VisuallyHidden';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\n\nexport type FieldStatusVariant = 'attached' | 'detached';\n\nexport interface FieldStatus {\n  /**\n   * Optional status text displayed below the input.\n   */\n  message?: string;\n  /**\n   * Status message ID used by `aria-describedby`.\n   */\n  messageID?: string;\n  /**\n   * Validation state for the field.\n   */\n  type: InputStatusType;\n}\n\ninterface FieldBaseProps {\n  /**\n   * The form control rendered inside the field.\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   * Supporting text rendered between the label and control.\n   */\n  description?: ReactNode;\n  /**\n   * ID for the description element.\n   */\n  descriptionID?: string;\n  /**\n   * ID of the associated control.\n   */\n  inputId: string;\n  /**\n   * Whether the associated control is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label and description.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Field label text.\n   */\n  label: string;\n  /**\n   * HTML element used for the label. Use 'span' for group controls\n   * (e.g., radiogroup) where `htmlFor` cannot target a labelable element.\n   * @default 'label'\n   */\n  labelAs?: 'label' | 'span';\n  /**\n   * Optional icon shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * ID applied to the label element, useful for `aria-labelledby`.\n   */\n  labelId?: string;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Validation status displayed below the control.\n   */\n  status?: FieldStatus;\n  /**\n   * How the status message is positioned.\n   * @default 'attached'\n   */\n  statusVariant?: FieldStatusVariant;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Controls whether a field displays an \"Optional\" or \"Required\" indicator.\n * The two options are mutually exclusive — a field cannot be both optional\n * and required at the same time. TypeScript enforces this at the type level.\n */\nexport type FieldNecessity =\n  | {isOptional?: false; isRequired?: false}\n  | {isOptional: true; isRequired?: false}\n  | {isOptional?: false; isRequired: true};\n\nexport type FieldProps = FieldBaseProps & FieldNecessity;\n\n/**\n * Narrows individually-typed `isOptional`/`isRequired` values back into\n * a valid `FieldNecessity` union member. Useful when forwarding necessity\n * props that were destructured from a component's own props (which widens\n * the discriminated union to `boolean | undefined`).\n */\nexport function getNecessity(\n  isOptional: boolean | undefined,\n  isRequired: boolean | undefined,\n): FieldNecessity {\n  if (isOptional === true) {\n    return {isOptional: true};\n  }\n  if (isRequired === true) {\n    return {isRequired: true};\n  }\n  return {};\n}\n\n/**\n * A form field wrapper that renders a label, description, control slot, and validation status.\n */\nexport function Field({\n  children,\n  label,\n  isLabelHidden = false,\n  description,\n  inputId,\n  descriptionID,\n  isOptional = false,\n  isRequired = false,\n  isDisabled = false,\n  labelAs: LabelComponent = 'label',\n  labelIcon,\n  labelId,\n  labelTooltip,\n  status,\n  statusVariant = 'attached',\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: FieldProps): React.JSX.Element {\n  const resolvedDescriptionID =\n    descriptionID ??\n    (isReactNode(description) ? `${inputId}-description` : undefined);\n  const resolvedStatusID =\n    status?.messageID ??\n    (status?.message != null ? `${inputId}-status` : undefined);\n  const statusText = isOptional ? 'Optional' : isRequired ? 'Required' : null;\n  const classes = fieldRecipe({\n    isDisabled,\n    statusType: status?.type,\n    statusVariant,\n  });\n  const labelNode = (\n    <LabelComponent\n      className={classes.label}\n      {...(LabelComponent === 'label' ? {htmlFor: inputId} : undefined)}\n      id={labelId}>\n      {labelIcon != null ? (\n        <Icon color=\"secondary\" icon={labelIcon} size=\"sm\" />\n      ) : null}\n      <Text as=\"span\" color=\"inherit\" type=\"label\">\n        {label}\n      </Text>\n      {statusText != null ? (\n        <Text as=\"span\" className={classes.indicator} type=\"supporting\">\n          <span aria-hidden=\"true\"> · </span>\n          {statusText}\n        </Text>\n      ) : null}\n      {isReactNode(labelTooltip) ? (\n        <Tooltip content={labelTooltip}>\n          <span className={classes.tooltipIcon}>\n            <Icon icon={Info} size=\"sm\" />\n          </span>\n        </Tooltip>\n      ) : null}\n    </LabelComponent>\n  );\n  const descriptionNode = isReactNode(description) ? (\n    <Text\n      as=\"span\"\n      color=\"secondary\"\n      id={resolvedDescriptionID}\n      type=\"supporting\">\n      {description}\n    </Text>\n  ) : null;\n  const statusNode =\n    status?.message != null ? (\n      <div\n        aria-live={status.type === 'error' ? 'assertive' : 'polite'}\n        className={classes.status}\n        id={resolvedStatusID}\n        role={status.type === 'error' ? 'alert' : 'status'}>\n        {status.message}\n      </div>\n    ) : null;\n\n  return (\n    <div\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {isLabelHidden ? (\n        <VisuallyHidden>\n          {labelNode}\n          {descriptionNode}\n        </VisuallyHidden>\n      ) : (\n        <>\n          {labelNode}\n          {descriptionNode}\n        </>\n      )}\n      {statusVariant === 'attached' ? (\n        <div className={classes.inputWrapper}>\n          {children}\n          {statusNode}\n        </div>\n      ) : (\n        <>\n          {children}\n          {statusNode}\n        </>\n      )}\n    </div>\n  );\n}\n\nField.displayName = 'Field';\n"]}

package/dist/{chunk-3CJC4QE6.js → chunk-6PIVWNUR.js}

@@ -1,4 +1,4 @@
-import { useHoverLayer, HoverLayerTrigger } from './chunk-HINS4GY6.js';
+import { useHoverLayer, HoverLayerTrigger } from './chunk-EBJPUXFQ.js';
 import { css } from './chunk-OD4DHHZH.js';
 import { cx } from './chunk-PPNETWIP.js';
 import { useEffect, useCallback, useMemo } from 'react';
@@ -140,5 +140,5 @@ function Tooltip({
 Tooltip.displayName = "Tooltip";
 
 export { Tooltip, useTooltip };
-//# sourceMappingURL=chunk-3CJC4QE6.js.map
-//# sourceMappingURL=chunk-3CJC4QE6.js.map
+//# sourceMappingURL=chunk-6PIVWNUR.js.map
+//# sourceMappingURL=chunk-6PIVWNUR.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tooltip/useTooltip.tsx","../src/components/Tooltip/Tooltip.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-6PIVWNUR.js","sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type RefCallback,\n} from 'react';\nimport {cx} from 'internal/cx';\nimport {\n  useHoverLayer,\n  type HoverLayerFocusTrigger,\n} from 'internal/useHoverLayer';\nimport type {\n  ContextRenderProps,\n  LayerAlignment,\n  LayerPlacement,\n} from 'internal/useLayer';\nimport {css} from 'styled-system/css';\n\nexport type TooltipFocusTrigger = HoverLayerFocusTrigger;\n\nexport interface UseTooltipOptions {\n  alignment?: LayerAlignment;\n  delay?: number;\n  focusTrigger?: TooltipFocusTrigger;\n  hideDelay?: number;\n  isEnabled?: boolean;\n  onHide?: () => void;\n  onShow?: () => void;\n  placement?: LayerPlacement;\n}\n\nexport interface TooltipRenderProps extends ContextRenderProps {\n  contentStyle?: CSSProperties;\n}\n\nexport interface UseTooltipReturn {\n  /**\n   * ID of the anchor element, used for CSS anchor positioning.\n   */\n  anchorId: string;\n  /**\n   * ID of the tooltip element. Pass to `aria-describedby` on the trigger.\n   */\n  describedBy: string;\n  /**\n   * Attaches hover/focus/keyboard listeners only.\n   * Use when another element handles positioning (e.g., a wrapper provides the anchor).\n   */\n  interactionRef: RefCallback<HTMLElement>;\n  /**\n   * Attaches CSS anchor positioning only.\n   * Use when another element handles interaction listeners.\n   */\n  positionRef: RefCallback<HTMLElement>;\n  /**\n   * Combined ref that attaches both positioning and interaction.\n   * Use this for the common case where one element is both the anchor and trigger.\n   * Do not combine with `interactionRef` or `positionRef` — use one or the other.\n   */\n  ref: RefCallback<HTMLElement>;\n  /**\n   * Renders the tooltip content into the layer.\n   */\n  renderTooltip: (children: ReactNode, props?: TooltipRenderProps) => ReactNode;\n}\n\nconst styles = {\n  tooltipContainer: css({\n    bg: 'fg',\n    color: 'bg',\n    borderRadius: 'md',\n    fontFamily: 'body',\n    fontSize: 'sm',\n    lineHeight: 'normal',\n    boxShadow: 'md',\n    '--silver-text-color': 'currentColor',\n    '--silver-text-color-muted':\n      'color-mix(in srgb, currentColor 70%, transparent)',\n  }),\n  tooltipContent: css({\n    px: '2',\n    py: '1',\n    maxW: 'xs',\n    wordBreak: 'break-word',\n  }),\n  marginByPlacement: {\n    above: css({mb: '1'}),\n    below: css({mt: '1'}),\n    start: css({mr: '1'}),\n    end: css({ml: '1'}),\n  },\n} as const;\n\nexport function useTooltip(options: UseTooltipOptions = {}): UseTooltipReturn {\n  const {\n    placement = 'above',\n    alignment = 'center',\n    delay = 200,\n    hideDelay = 0,\n    focusTrigger = 'auto',\n    isEnabled = true,\n    onShow,\n    onHide,\n  } = options;\n\n  const hoverLayer = useHoverLayer({\n    delay,\n    focusTrigger,\n    hideDelay,\n    isEnabled,\n    onFocusIn: event => {\n      const target = event.target as HTMLElement;\n      return target.matches(':focus-visible');\n    },\n    onHide,\n    onShow,\n  });\n\n  const {interactionRef, layer, ref} = hoverLayer;\n\n  useEffect(() => {\n    if (!layer.isOpen) {\n      return;\n    }\n\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        layer.hide();\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape);\n    return () => document.removeEventListener('keydown', handleEscape);\n  }, [layer, layer.isOpen]);\n\n  const renderTooltip = useCallback(\n    (children: ReactNode, props?: TooltipRenderProps): ReactNode => {\n      const renderPlacement = props?.placement ?? placement;\n      return layer.render(\n        <div className={styles.tooltipContent} style={props?.contentStyle}>\n          {children}\n        </div>,\n        {\n          placement: renderPlacement,\n          alignment: props?.alignment ?? alignment,\n          className: cx(\n            styles.tooltipContainer,\n            styles.marginByPlacement[renderPlacement],\n            props?.className,\n          ),\n          role: 'tooltip',\n          style: props?.style,\n        },\n      );\n    },\n    [alignment, layer, placement],\n  );\n\n  return useMemo(\n    () => ({\n      ref,\n      positionRef: layer.ref,\n      interactionRef,\n      anchorId: layer.anchorId,\n      describedBy: layer.id,\n      renderTooltip,\n    }),\n    [ref, layer.ref, interactionRef, layer.anchorId, layer.id, renderTooltip],\n  );\n}\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {\n  useTooltip,\n  type TooltipFocusTrigger,\n} from 'components/Tooltip/useTooltip';\nimport {HoverLayerTrigger} from 'internal/HoverLayerTrigger';\nimport type {LayerAlignment, LayerPlacement} from 'internal/useLayer';\n\nexport type {TooltipFocusTrigger} from 'components/Tooltip/useTooltip';\n\nexport interface TooltipProps {\n  /**\n   * Cross-axis alignment of the tooltip relative to the anchor.\n   * @default 'center'\n   */\n  alignment?: LayerAlignment;\n  /**\n   * Element(s) that the tooltip is anchored to.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the wrapper.\n   */\n  className?: string;\n  /**\n   * Content rendered inside the tooltip popup.\n   */\n  content: ReactNode;\n  /**\n   * Inline styles applied to the tooltip content area.\n   */\n  contentStyle?: CSSProperties;\n  /**\n   * Test ID applied to the wrapper.\n   */\n  'data-testid'?: string;\n  /**\n   * Delay in milliseconds before the tooltip appears.\n   * @default 200\n   */\n  delay?: number;\n  /**\n   * How focus interactions trigger the tooltip.\n   * @default 'auto'\n   */\n  focusTrigger?: TooltipFocusTrigger;\n  /**\n   * Whether to show a dashed underline on text-only children.\n   * @default 'auto'\n   */\n  hasHoverIndication?: 'auto' | boolean;\n  /**\n   * Delay in milliseconds before the tooltip hides after leaving.\n   * @default 0\n   */\n  hideDelay?: number;\n  /**\n   * Whether the tooltip can be shown.\n   * @default true\n   */\n  isEnabled?: boolean;\n  /**\n   * Preferred placement of the tooltip relative to the anchor.\n   * @default 'above'\n   */\n  placement?: LayerPlacement;\n  /**\n   * Ref forwarded to the wrapper element.\n   */\n  ref?: Ref<HTMLDivElement | HTMLSpanElement>;\n  /**\n   * Inline styles applied to the wrapper.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Displays contextual information in a popup anchored to a trigger element.\n *\n * For attaching a tooltip to an external ref (without wrapping children),\n * use the `useTooltip` hook directly.\n */\nexport function Tooltip({\n  children,\n  content,\n  contentStyle,\n  placement = 'above',\n  alignment = 'center',\n  delay = 200,\n  hideDelay = 0,\n  focusTrigger = 'auto',\n  isEnabled = true,\n  hasHoverIndication = 'auto',\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: TooltipProps): React.JSX.Element {\n  const tooltip = useTooltip({\n    placement,\n    alignment,\n    delay,\n    hideDelay,\n    focusTrigger,\n    isEnabled,\n  });\n\n  return (\n    <HoverLayerTrigger\n      className={className}\n      data-testid={dataTestId}\n      describedBy={tooltip.describedBy}\n      hasHoverIndication={hasHoverIndication}\n      layer={tooltip.renderTooltip(content, {contentStyle})}\n      nonTextWrapperElement=\"div\"\n      style={style}\n      triggerRef={tooltip.ref}\n      wrapperRef={ref}>\n      {children}\n    </HoverLayerTrigger>\n  );\n}\n\nTooltip.displayName = 'Tooltip';\n"]}

package/dist/{chunk-BSAZRW6T.js → chunk-75KSHZTV.js}

@@ -1,11 +1,11 @@
-import { Calendar } from './chunk-6ONAGCCZ.js';
-import { plainDateFormat, DATE_FORMAT_LONG, plainDateIsBefore, plainDateIsAfter, plainDateCreate } from './chunk-QSEDH7T2.js';
+import { Calendar } from './chunk-2VL66QBX.js';
+import { plainDateFormat, DATE_FORMAT_LONG, plainDateIsBefore, plainDateIsAfter, plainDateCreate } from './chunk-5HPXUDX6.js';
 import { inputStyles, inputRecipe } from './chunk-3M23WX6K.js';
-import { getNecessity, Field } from './chunk-RLOGQBFD.js';
-import { getStatusMessageID, getDescribedBy, getStatusIcon } from './chunk-WOIWI2UO.js';
-import { Popover } from './chunk-ZAX2UJBC.js';
-import { Button } from './chunk-2LABTS4P.js';
-import { Spinner } from './chunk-6ULCJ3XZ.js';
+import { getNecessity, Field } from './chunk-6J326CN6.js';
+import { getStatusMessageID, getDescribedBy, getStatusIcon } from './chunk-G6HS52US.js';
+import { Popover } from './chunk-S5CMLG2E.js';
+import { Button } from './chunk-THTVYP5V.js';
+import { Spinner } from './chunk-2VAUVJVG.js';
 import { mergeRefs } from './chunk-SGLIDI6R.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
 import { css } from './chunk-OD4DHHZH.js';
@@ -117,7 +117,7 @@ function DateInput({
   min,
   max,
   getIsDateDisabled,
-  placeholder = "Select a date",
+  placeholder = "e.g. May 21, 2026",
   size = "md",
   description,
   isLabelHidden = false,
@@ -137,6 +137,7 @@ function DateInput({
 }) {
   const generatedId = useId();
   const inputId = htmlId ?? generatedId;
+  const popoverId = `${inputId}-calendar`;
   const descriptionID = isReactNode(description) ? `${inputId}-description` : void 0;
   const statusMessageID = getStatusMessageID(inputId, status);
   const describedBy = getDescribedBy(descriptionID, statusMessageID);
@@ -174,7 +175,7 @@ function DateInput({
     }
     if (pendingInput.trim() === "") {
       if (value != null) {
-        onChange(void 0);
+        onChange(null);
       }
       setPendingInput(null);
       return;
@@ -198,7 +199,7 @@ function DateInput({
     [commitPendingInput]
   );
   const handleClear = useCallback(() => {
-    onChange(void 0);
+    onChange(null);
     setPendingInput(null);
     inputRef.current?.focus();
   }, [onChange]);
@@ -237,15 +238,17 @@ function DateInput({
                   Calendar,
                   {
                     getIsDateDisabled,
+                    hasAutoFocus: isOpen,
                     max,
                     min,
                     onChange: handleCalendarChange,
                     ref: calendarRef,
-                    value,
-                    viewDate: value
+                    value: value ?? void 0,
+                    viewDate: value ?? void 0
                   }
                 ),
-                hasAutoFocus: true,
+                hasAutoFocus: false,
+                id: popoverId,
                 isEnabled: !isDisabled,
                 isOpen,
                 label: `Choose ${label}`,
@@ -268,7 +271,10 @@ function DateInput({
               "input",
               {
                 "aria-busy": isLoading || void 0,
+                "aria-controls": popoverId,
                 "aria-describedby": describedBy,
+                "aria-expanded": isOpen,
+                "aria-haspopup": "dialog",
                 "aria-invalid": status?.type === "error" || void 0,
                 "aria-required": isRequired ?? void 0,
                 autoComplete: "off",
@@ -281,6 +287,7 @@ function DateInput({
                 onKeyDown: handleKeyDown,
                 placeholder,
                 ref: mergeRefs(ref, inputRef),
+                role: "combobox",
                 type: "text",
                 value: displayValue
               }
@@ -307,5 +314,5 @@ function DateInput({
 DateInput.displayName = "DateInput";
 
 export { DateInput };
-//# sourceMappingURL=chunk-BSAZRW6T.js.map
-//# sourceMappingURL=chunk-BSAZRW6T.js.map
+//# sourceMappingURL=chunk-75KSHZTV.js.map
+//# sourceMappingURL=chunk-75KSHZTV.js.map

package/dist/chunk-75KSHZTV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internal/parseDateInput.ts","../src/components/DateInput/DateInput.tsx"],"names":[],"mappings":"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","file":"chunk-75KSHZTV.js","sourcesContent":["import {plainDateCreate, type PlainDate} from 'internal/plainDate';\n\nconst MONTH_NAMES: Partial<Record<string, number>> = {\n  jan: 1,\n  january: 1,\n  feb: 2,\n  february: 2,\n  mar: 3,\n  march: 3,\n  apr: 4,\n  april: 4,\n  may: 5,\n  jun: 6,\n  june: 6,\n  jul: 7,\n  july: 7,\n  aug: 8,\n  august: 8,\n  sep: 9,\n  september: 9,\n  oct: 10,\n  october: 10,\n  nov: 11,\n  november: 11,\n  dec: 12,\n  december: 12,\n};\n\n/**\n * Parses common date input formats into a PlainDate.\n * Supports: \"2026-05-21\", \"05/21/2026\", \"May 21, 2026\", \"21 May 2026\", etc.\n * Returns null if the input cannot be parsed.\n */\nexport function parseDateInput(input: string): PlainDate | null {\n  const trimmed = input.trim();\n  if (trimmed === '') {\n    return null;\n  }\n\n  // ISO format: 2026-05-21\n  const isoMatch = /^(\\d{4})-(\\d{1,2})-(\\d{1,2})$/.exec(trimmed);\n  if (isoMatch != null) {\n    return tryCreate(\n      parseInt(isoMatch[1], 10),\n      parseInt(isoMatch[2], 10),\n      parseInt(isoMatch[3], 10),\n    );\n  }\n\n  // US format: 05/21/2026, 5/21/2026, or 3/4/25 (2-digit year)\n  const usMatch = /^(\\d{1,2})[/\\-.](\\d{1,2})[/\\-.](\\d{2,4})$/.exec(trimmed);\n  if (usMatch != null) {\n    let year = parseInt(usMatch[3], 10);\n    if (year < 100) {\n      year += year < 50 ? 2000 : 1900;\n    }\n    return tryCreate(year, parseInt(usMatch[1], 10), parseInt(usMatch[2], 10));\n  }\n\n  // Named month: \"May 21, 2026\" or \"May 21 2026\"\n  const namedMonthFirst = /^([A-Za-z]+)\\s+(\\d{1,2}),?\\s+(\\d{4})$/.exec(trimmed);\n  if (namedMonthFirst != null) {\n    const month = MONTH_NAMES[namedMonthFirst[1].toLowerCase()];\n    if (month != null) {\n      return tryCreate(\n        parseInt(namedMonthFirst[3], 10),\n        month,\n        parseInt(namedMonthFirst[2], 10),\n      );\n    }\n  }\n\n  // Named month reversed: \"21 May 2026\"\n  const namedMonthLast = /^(\\d{1,2})\\s+([A-Za-z]+),?\\s+(\\d{4})$/.exec(trimmed);\n  if (namedMonthLast != null) {\n    const month = MONTH_NAMES[namedMonthLast[2].toLowerCase()];\n    if (month != null) {\n      return tryCreate(\n        parseInt(namedMonthLast[3], 10),\n        month,\n        parseInt(namedMonthLast[1], 10),\n      );\n    }\n  }\n\n  return null;\n}\n\nfunction tryCreate(year: number, month: number, day: number): PlainDate | null {\n  try {\n    return plainDateCreate(year, month, day);\n  } catch {\n    return null;\n  }\n}\n","import {CalendarIcon, X} from 'lucide-react';\nimport {\n  useCallback,\n  useId,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Button} from 'components/Button';\nimport {Calendar, type CalendarHandle} from 'components/Calendar';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from 'components/Field';\nimport {inputRecipe, inputStyles} from 'components/Field/inputStyles';\nimport {\n  getDescribedBy,\n  getStatusIcon,\n  getStatusMessageID,\n} from 'components/Field/inputUtils';\nimport type {IconComponent} from 'components/Icon';\nimport {Popover} from 'components/Popover';\nimport {Spinner} from 'components/Spinner';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {mergeRefs} from 'internal/mergeRefs';\nimport {parseDateInput} from 'internal/parseDateInput';\nimport {\n  DATE_FORMAT_LONG,\n  plainDateFormat,\n  plainDateIsAfter,\n  plainDateIsBefore,\n  type PlainDate,\n} from 'internal/plainDate';\nimport {css} from 'styled-system/css';\n\nexport type {PlainDate} from 'internal/plainDate';\n\nconst styles = {\n  wrapper: css({ps: '1', gap: '1'}),\n} as const;\n\nexport type DateInputProps = {\n  /**\n   * Additional CSS class names applied to the input wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the input element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text rendered below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Returns true for dates that should be disabled.\n   */\n  getIsDateDisabled?: (date: PlainDate) => boolean;\n  /**\n   * Whether to show a clear button when a value is selected.\n   * @default false\n   */\n  hasClear?: boolean;\n  /**\n   * Custom HTML id applied to the input element.\n   */\n  htmlId?: string;\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.\n   */\n  max?: PlainDate;\n  /**\n   * Minimum selectable date.\n   */\n  min?: PlainDate;\n  /**\n   * Called when the selected date changes.\n   */\n  onChange: (value: PlainDate | null) => void;\n  /**\n   * Placeholder text shown when no date is selected. Typed dates accept a\n   * range of formats, including \"May 21, 2026\", \"5/21/2026\", and \"2026-05-21\".\n   * @default 'e.g. May 21, 2026'\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Visual size of the input.\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 input wrapper.\n   */\n  style?: CSSProperties;\n  /**\n   * Currently selected date. Pass `null` for an empty input.\n   */\n  value: PlainDate | null;\n} & FieldNecessity;\n\nfunction formatDate(value: PlainDate | null | undefined): string {\n  return value == null ? '' : plainDateFormat(value, DATE_FORMAT_LONG);\n}\n\nfunction isDateAllowed(\n  date: PlainDate,\n  options: {\n    getIsDateDisabled?: (date: PlainDate) => boolean;\n    max?: PlainDate;\n    min?: PlainDate;\n  },\n): boolean {\n  if (options.min != null && plainDateIsBefore(date, options.min)) {\n    return false;\n  }\n  if (options.max != null && plainDateIsAfter(date, options.max)) {\n    return false;\n  }\n  if (options.getIsDateDisabled?.(date)) {\n    return false;\n  }\n  return true;\n}\n\n/**\n * A date picker input that combines a text input with a calendar popover.\n * Users can type a date directly or select one from the calendar.\n */\nexport function DateInput({\n  label,\n  value,\n  onChange,\n  min,\n  max,\n  getIsDateDisabled,\n  placeholder = 'e.g. May 21, 2026',\n  size = 'md',\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  hasClear = false,\n  htmlId,\n  status,\n  labelIcon,\n  labelTooltip,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: DateInputProps): React.JSX.Element {\n  const generatedId = useId();\n  const inputId = htmlId ?? generatedId;\n  const popoverId = `${inputId}-calendar`;\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const calendarRef = useRef<CalendarHandle | null>(null);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const [pendingInput, setPendingInput] = useState<string | null>(null);\n\n  const displayValue = pendingInput ?? formatDate(value);\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  const handleCalendarChange = useCallback(\n    (nextValue: PlainDate) => {\n      onChange(nextValue);\n      setPendingInput(null);\n      setIsOpen(false);\n      inputRef.current?.focus();\n    },\n    [onChange],\n  );\n\n  const handleInputChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      const text = event.target.value;\n      setPendingInput(text);\n\n      const parsed = parseDateInput(text);\n      if (\n        parsed != null &&\n        isDateAllowed(parsed, {min, max, getIsDateDisabled})\n      ) {\n        onChange(parsed);\n        calendarRef.current?.navigateTo(parsed);\n      }\n    },\n    [getIsDateDisabled, max, min, onChange],\n  );\n\n  const commitPendingInput = useCallback(() => {\n    if (pendingInput == null) {\n      return;\n    }\n\n    if (pendingInput.trim() === '') {\n      if (value != null) {\n        onChange(null);\n      }\n      setPendingInput(null);\n      return;\n    }\n\n    const parsed = parseDateInput(pendingInput);\n    if (\n      parsed != null &&\n      isDateAllowed(parsed, {min, max, getIsDateDisabled})\n    ) {\n      onChange(parsed);\n    }\n    setPendingInput(null);\n  }, [getIsDateDisabled, max, min, onChange, pendingInput, value]);\n\n  const handleBlur = useCallback(() => {\n    commitPendingInput();\n  }, [commitPendingInput]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        event.preventDefault();\n        commitPendingInput();\n      }\n    },\n    [commitPendingInput],\n  );\n\n  const handleClear = useCallback(() => {\n    onChange(null);\n    setPendingInput(null);\n    inputRef.current?.focus();\n  }, [onChange]);\n\n  return (\n    <Field\n      className={className}\n      description={description}\n      descriptionID={descriptionID}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelIcon={labelIcon}\n      labelTooltip={labelTooltip}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }\n      style={style}>\n      <div\n        className={cx(\n          inputRecipe({\n            size,\n            status: status?.type,\n            isDisabled: isDisabled,\n          }),\n          styles.wrapper,\n        )}\n        ref={wrapperRef}>\n        <Popover\n          content={\n            <Calendar\n              getIsDateDisabled={getIsDateDisabled}\n              hasAutoFocus={isOpen}\n              max={max}\n              min={min}\n              onChange={handleCalendarChange}\n              ref={calendarRef}\n              value={value ?? undefined}\n              viewDate={value ?? undefined}\n            />\n          }\n          hasAutoFocus={false}\n          id={popoverId}\n          isEnabled={!isDisabled}\n          isOpen={isOpen}\n          label={`Choose ${label}`}\n          onOpenChange={setIsOpen}\n          padding={3}>\n          <Button\n            icon={CalendarIcon}\n            isDisabled={isDisabled}\n            isIconOnly\n            label={`Choose ${label}`}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        </Popover>\n        <input\n          aria-busy={isLoading || undefined}\n          aria-controls={popoverId}\n          aria-describedby={describedBy}\n          aria-expanded={isOpen}\n          aria-haspopup=\"dialog\"\n          aria-invalid={status?.type === 'error' || undefined}\n          aria-required={isRequired ?? undefined}\n          autoComplete=\"off\"\n          className={inputStyles.control}\n          data-testid={dataTestId}\n          disabled={isDisabled}\n          id={inputId}\n          onBlur={handleBlur}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          ref={mergeRefs(ref, inputRef)}\n          role=\"combobox\"\n          type=\"text\"\n          value={displayValue}\n        />\n        {hasClear && value != null && !isDisabled && !isLoading ? (\n          <Button\n            icon={X}\n            isIconOnly\n            label={`Clear ${label}`}\n            onClick={handleClear}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        ) : null}\n        {isLoading ? <Spinner size=\"sm\" /> : null}\n        {status != null ? (\n          <span className={inputStyles.iconSlot}>\n            {getStatusIcon(status.type)}\n          </span>\n        ) : null}\n      </div>\n    </Field>\n  );\n}\n\nDateInput.displayName = 'DateInput';\n"]}

package/dist/{chunk-5D2OR64D.cjs → chunk-7CTHD4G6.cjs}

@@ -1,6 +1,7 @@
 'use strict';
 
-var chunkQOKEU3DC_cjs = require('./chunk-QOKEU3DC.cjs');
+var chunk3NIDAKCF_cjs = require('./chunk-3NIDAKCF.cjs');
+var chunk5XMWGK3O_cjs = require('./chunk-5XMWGK3O.cjs');
 var chunk6SHL7FYO_cjs = require('./chunk-6SHL7FYO.cjs');
 var chunkJRBQKFVO_cjs = require('./chunk-JRBQKFVO.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
@@ -158,16 +159,7 @@ function MobileNav({
       dialog.close();
     }
   }, [isOpen]);
-  react.useEffect(() => {
-    if (!isOpen) {
-      return;
-    }
-    const previousOverflow = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.body.style.overflow = previousOverflow;
-    };
-  }, [isOpen]);
+  chunk3NIDAKCF_cjs.useScrollLock(isOpen);
   const formattedSize = formatSize(size);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "dialog",
@@ -199,7 +191,7 @@ function MobileNav({
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.header, children: [
               header ?? /* @__PURE__ */ jsxRuntime.jsx("span", {}),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkQOKEU3DC_cjs.Button,
+                chunk5XMWGK3O_cjs.Button,
                 {
                   icon: lucideReact.X,
                   isIconOnly: true,
@@ -229,7 +221,7 @@ function MobileNavToggle({
     return null;
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkQOKEU3DC_cjs.Button,
+    chunk5XMWGK3O_cjs.Button,
     {
       className,
       "data-testid": dataTestId,
@@ -249,5 +241,5 @@ exports.AppShellMobileContext = AppShellMobileContext;
 exports.MobileNav = MobileNav;
 exports.MobileNavToggle = MobileNavToggle;
 exports.useAppShellMobile = useAppShellMobile;
-//# sourceMappingURL=chunk-5D2OR64D.cjs.map
-//# sourceMappingURL=chunk-5D2OR64D.cjs.map
+//# sourceMappingURL=chunk-7CTHD4G6.cjs.map
+//# sourceMappingURL=chunk-7CTHD4G6.cjs.map

package/dist/chunk-7CTHD4G6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppShell/AppShellMobileContext.tsx","../src/internal/MobileNav/MobileNav.recipe.ts","../src/internal/MobileNav/MobileNav.tsx","../src/internal/MobileNav/MobileNavToggle.tsx"],"names":["createContext","use","cva","css","useCallback","useRef","useEffect","useScrollLock","jsx","cx","mergeRefs","jsxs","Button","X","Menu"],"mappings":"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","file":"chunk-7CTHD4G6.cjs","sourcesContent":["import {createContext, use} from 'react';\n\nexport interface AppShellMobileContextValue {\n  closeMobileNav: () => void;\n  hasAutoToggle: boolean;\n  isMobile: boolean;\n  isMobileNavEnabled: boolean;\n  isMobileNavOpen: boolean;\n  openMobileNav: () => void;\n  toggleMobileNav: () => void;\n}\n\nconst defaultValue: AppShellMobileContextValue = {\n  closeMobileNav: () => {},\n  hasAutoToggle: true,\n  isMobile: false,\n  isMobileNavEnabled: false,\n  isMobileNavOpen: false,\n  openMobileNav: () => {},\n  toggleMobileNav: () => {},\n};\n\nexport const AppShellMobileContext =\n  createContext<AppShellMobileContextValue>(defaultValue);\nAppShellMobileContext.displayName = 'AppShellMobileContext';\n\nexport function useAppShellMobile(): AppShellMobileContextValue {\n  return use(AppShellMobileContext);\n}\n","import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const mobileNavRecipe = cva({\n  base: {\n    position: 'fixed',\n    inset: 0,\n    m: 0,\n    p: 0,\n    borderWidth: 0,\n    maxW: 'none',\n    maxH: 'none',\n    w: '100vw',\n    h: '100dvh',\n    bg: 'transparent',\n    overflow: 'hidden',\n    display: 'none',\n    '&::backdrop': {\n      bg: 'overlay.scrim',\n      backdropFilter: 'blur(2px)',\n    },\n  },\n  variants: {\n    isOpen: {\n      true: {\n        display: 'flex',\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    isOpen: false,\n  },\n});\n\nexport type MobileNavVariants = RecipeVariantProps<typeof mobileNavRecipe>;\n","import {X} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useCallback, useEffect, useRef} from 'react';\nimport {useAppShellMobile} from 'components/AppShell/AppShellMobileContext';\nimport {Button} from 'components/Button';\nimport {mobileNavRecipe} from 'internal/MobileNav/MobileNav.recipe';\nimport {cx} from 'internal/cx';\nimport {mergeRefs} from 'internal/mergeRefs';\nimport {useScrollLock} from 'internal/useScrollLock';\nimport {css} from 'styled-system/css';\n\nexport type MobileNavSide = 'start' | 'end';\n\n/**\n * Slide-out drawer for mobile navigation.\n */\nexport interface MobileNavProps {\n  /**\n   * Drawer body content.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the dialog element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the dialog element.\n   */\n  'data-testid'?: string;\n  /**\n   * Content rendered in the drawer header bar.\n   */\n  header?: ReactNode;\n  /**\n   * Whether the drawer is open.\n   */\n  isOpen?: boolean;\n  /**\n   * Accessible label for the dialog.\n   */\n  label?: string;\n  /**\n   * Called when the drawer requests an open-state change.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Ref forwarded to the dialog element.\n   */\n  ref?: Ref<HTMLDialogElement>;\n  /**\n   * Which edge of the viewport the drawer slides from.\n   * @default 'end'\n   */\n  side?: MobileNavSide;\n  /**\n   * Maximum drawer width.\n   * @default 320\n   */\n  size?: number | string;\n  /**\n   * Inline styles applied to the dialog element.\n   */\n  style?: CSSProperties;\n}\n\nfunction formatSize(value: number | string): string {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nconst CLOSE_BUTTON_SELECTOR = '[aria-label=\"Close navigation\"]';\n\nconst styles = {\n  drawer: css({\n    position: 'absolute',\n    insetBlock: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    bg: 'bg',\n    borderColor: 'border',\n    overflow: 'hidden',\n    transitionProperty: 'transform',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n    '@media (prefers-reduced-motion: reduce)': {\n      transitionDuration: '0.01s',\n    },\n  }),\n  drawerStart: css({\n    insetInlineStart: 0,\n    borderInlineEndWidth: 'default',\n    transform: 'translateX(-100%)',\n    _rtl: {transform: 'translateX(100%)'},\n  }),\n  drawerEnd: css({\n    insetInlineEnd: 0,\n    borderInlineStartWidth: 'default',\n    transform: 'translateX(100%)',\n    _rtl: {transform: 'translateX(-100%)'},\n  }),\n  drawerOpen: css({\n    transform: 'translateX(0)',\n  }),\n  header: css({\n    h: '12',\n    px: '2',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    borderBlockEndWidth: 'default',\n    borderBlockEndStyle: 'solid',\n    borderBlockEndColor: 'border',\n    flexShrink: 0,\n  }),\n  body: css({\n    flex: 1,\n    overflowY: 'auto',\n    overflowX: 'hidden',\n    p: '2',\n  }),\n};\n\nexport function MobileNav({\n  children,\n  className,\n  'data-testid': dataTestId,\n  header,\n  isOpen: isOpenFromProps,\n  label,\n  onOpenChange: onOpenChangeFromProps,\n  ref,\n  side = 'end',\n  size = 320,\n  style,\n}: MobileNavProps): React.JSX.Element {\n  const appShellMobile = useAppShellMobile();\n  const isOpen = isOpenFromProps ?? appShellMobile.isMobileNavOpen;\n  const {openMobileNav, closeMobileNav} = appShellMobile;\n  const onOpenChange = useCallback(\n    (isNextOpen: boolean) => {\n      if (onOpenChangeFromProps != null) {\n        onOpenChangeFromProps(isNextOpen);\n      } else if (isNextOpen) {\n        openMobileNav();\n      } else {\n        closeMobileNav();\n      }\n    },\n    [openMobileNav, closeMobileNav, onOpenChangeFromProps],\n  );\n  const dialogRef = useRef<HTMLDialogElement>(null);\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n\n    if (dialog == null) {\n      return;\n    }\n\n    if (isOpen && !dialog.open) {\n      dialog.showModal();\n\n      const firstFocusable = dialog.querySelector<HTMLElement>(\n        `a[href], button:not(${CLOSE_BUTTON_SELECTOR}):not([disabled])`,\n      );\n      if (firstFocusable != null) {\n        firstFocusable.focus();\n      }\n    } else if (!isOpen && dialog.open) {\n      dialog.close();\n    }\n  }, [isOpen]);\n\n  useScrollLock(isOpen);\n\n  const formattedSize = formatSize(size);\n\n  return (\n    <dialog\n      aria-label={label ?? (typeof header === 'string' ? header : 'Navigation')}\n      className={cx(mobileNavRecipe({isOpen}), className)}\n      data-testid={dataTestId}\n      onCancel={event => {\n        event.preventDefault();\n        onOpenChange(false);\n      }}\n      onClick={event => {\n        if (event.target === event.currentTarget) {\n          onOpenChange(false);\n        }\n      }}\n      ref={mergeRefs(ref, dialogRef)}\n      style={style}>\n      <div\n        className={cx(\n          styles.drawer,\n          side === 'start' ? styles.drawerStart : styles.drawerEnd,\n          isOpen && styles.drawerOpen,\n        )}\n        style={{maxWidth: formattedSize, width: '100vw'}}>\n        <div className={styles.header}>\n          {header ?? <span />}\n          <Button\n            icon={X}\n            isIconOnly\n            label=\"Close navigation\"\n            onClick={() => onOpenChange(false)}\n            variant=\"ghost\"\n          />\n        </div>\n        <div className={styles.body}>{children}</div>\n      </div>\n    </dialog>\n  );\n}\n\nMobileNav.displayName = 'MobileNav';\n","import {Menu} from 'lucide-react';\nimport type {CSSProperties, Ref} from 'react';\nimport {useAppShellMobile} from 'components/AppShell/AppShellMobileContext';\nimport {Button} from 'components/Button';\n\n/**\n * Props for {@link MobileNavToggle}.\n */\nexport interface MobileNavToggleProps {\n  /**\n   * Additional CSS class names applied to the toggle button.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the toggle button.\n   */\n  'data-testid'?: string;\n  /**\n   * Accessible label for the toggle button.\n   * @default 'Open navigation'\n   */\n  label?: string;\n  /**\n   * Ref forwarded to the toggle button.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Inline styles applied to the toggle button.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Hamburger-style button that toggles the mobile navigation drawer.\n * Renders nothing when the viewport is above the mobile breakpoint or\n * mobile navigation is disabled.\n */\nexport function MobileNavToggle({\n  className,\n  'data-testid': dataTestId,\n  label = 'Open navigation',\n  ref,\n  style,\n}: MobileNavToggleProps): React.JSX.Element | null {\n  const {isMobile, isMobileNavEnabled, toggleMobileNav} = useAppShellMobile();\n\n  if (!isMobile || !isMobileNavEnabled) {\n    return null;\n  }\n\n  return (\n    <Button\n      className={className}\n      data-testid={dataTestId}\n      icon={Menu}\n      isIconOnly\n      label={label}\n      onClick={toggleMobileNav}\n      ref={ref}\n      style={style}\n      variant=\"ghost\"\n    />\n  );\n}\n\nMobileNavToggle.displayName = 'MobileNavToggle';\n"]}

package/dist/{chunk-DWUEPOYH.js → chunk-ADSG24VE.js}

@@ -1,11 +1,11 @@
-import { useInputGroup } from './chunk-FP5E5BUM.js';
+import { useInputGroup } from './chunk-E42WOTIC.js';
 import { inputStyles, inputRecipe } from './chunk-3M23WX6K.js';
-import { getNecessity, Field } from './chunk-RLOGQBFD.js';
-import { getStatusMessageID, getDescribedBy, getStatusIcon } from './chunk-WOIWI2UO.js';
-import { Button } from './chunk-2LABTS4P.js';
-import { Spinner } from './chunk-6ULCJ3XZ.js';
+import { getNecessity, Field } from './chunk-6J326CN6.js';
+import { getStatusMessageID, getDescribedBy, getStatusIcon } from './chunk-G6HS52US.js';
+import { Button } from './chunk-THTVYP5V.js';
+import { Spinner } from './chunk-2VAUVJVG.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
-import { Icon } from './chunk-7T3SWOY7.js';
+import { Icon } from './chunk-IUW777WZ.js';
 import { css } from './chunk-OD4DHHZH.js';
 import { cx } from './chunk-PPNETWIP.js';
 import { X } from 'lucide-react';
@@ -208,5 +208,5 @@ function NumberInput({
 NumberInput.displayName = "NumberInput";
 
 export { NumberInput };
-//# sourceMappingURL=chunk-DWUEPOYH.js.map
-//# sourceMappingURL=chunk-DWUEPOYH.js.map
+//# sourceMappingURL=chunk-ADSG24VE.js.map
+//# sourceMappingURL=chunk-ADSG24VE.js.map

package/dist/chunk-ADSG24VE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"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","file":"chunk-ADSG24VE.js","sourcesContent":["import {X} from 'lucide-react';\nimport {\n  useId,\n  useMemo,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Button} from 'components/Button';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from 'components/Field';\nimport {inputRecipe, inputStyles} from 'components/Field/inputStyles';\nimport {\n  getDescribedBy,\n  getStatusIcon,\n  getStatusMessageID,\n} from 'components/Field/inputUtils';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {useInputGroup} from 'components/InputGroup';\nimport {Spinner} from 'components/Spinner';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {css} from 'styled-system/css';\n\ntype NumberInputBaseProps = {\n  /**\n   * HTML autocomplete attribute value.\n   */\n  autoComplete?: string;\n  /**\n   * Additional CSS class names applied to the input wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the input element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Content rendered after the input, before the status icon.\n   */\n  endContent?: ReactNode;\n  /**\n   * Whether to focus the input on mount.\n   * @default false\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * HTML name attribute.\n   */\n  htmlName?: string;\n  /**\n   * Whether the input is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to restrict input to integer values only.\n   * @default false\n   */\n  isIntegerOnly?: 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.\n   */\n  label: string;\n  /**\n   * Icon rendered beside the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Maximum allowed value.\n   */\n  max?: number | null;\n  /**\n   * Minimum allowed value.\n   */\n  min?: number | null;\n  /**\n   * Called when the input loses focus.\n   */\n  onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\n  /**\n   * Called when Enter is pressed.\n   */\n  onEnter?: () => void;\n  /**\n   * Called when the input receives focus.\n   */\n  onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\n  /**\n   * Keyboard event handler for the input.\n   */\n  onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;\n  /**\n   * Placeholder text.\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Visual size.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Icon shown before the input.\n   */\n  startIcon?: IconComponent;\n  /**\n   * Validation status displayed below the input.\n   */\n  status?: InputStatus;\n  /**\n   * Step increment for the number input.\n   */\n  step?: number | null;\n  /**\n   * Inline styles applied to the input wrapper.\n   */\n  style?: CSSProperties;\n  /**\n   * Unit label displayed after the input value.\n   */\n  units?: string | null;\n  /**\n   * Controlled numeric value.\n   */\n  value: number | null;\n} & FieldNecessity;\n\ntype NumberInputNonClearableProps = NumberInputBaseProps & {\n  /**\n   * Whether to show a clear button.\n   */\n  hasClear?: false;\n  /**\n   * Called when the numeric value changes.\n   */\n  onChange: (value: number) => void;\n};\n\ntype NumberInputClearableProps = NumberInputBaseProps & {\n  /**\n   * Whether to show a clear button.\n   */\n  hasClear: true;\n  /**\n   * Called when the numeric value changes or is cleared.\n   */\n  onChange: (value: number | null) => void;\n};\n\nexport type NumberInputProps =\n  | NumberInputClearableProps\n  | NumberInputNonClearableProps;\n\nconst styles = {\n  units: css({\n    color: 'fg.muted',\n    fontFamily: 'body',\n    fontSize: 'sm',\n  }),\n} as const;\n\nfunction parseNumberInput(\n  input: string,\n  options: {isIntegerOnly: boolean},\n): number | null {\n  const trimmed = input.trim();\n  if (trimmed === '' || trimmed === '-') {\n    return null;\n  }\n  const number = Number(trimmed);\n  if (!Number.isFinite(number)) {\n    return null;\n  }\n  if (options.isIntegerOnly && !Number.isInteger(number)) {\n    return null;\n  }\n  return number;\n}\n\nfunction clampValue(\n  value: number,\n  min?: number | null,\n  max?: number | null,\n): number {\n  let clamped = value;\n  if (min != null && clamped < min) {\n    clamped = min;\n  }\n  if (max != null && clamped > max) {\n    clamped = max;\n  }\n  return clamped;\n}\n\n/**\n * Numeric input field with optional min/max bounds and step control.\n */\nexport function NumberInput({\n  label,\n  value,\n  onChange,\n  size: sizeProp = 'md',\n  description,\n  endContent,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isIntegerOnly = false,\n  isLoading = false,\n  hasClear,\n  hasAutoFocus = false,\n  htmlName,\n  autoComplete,\n  min,\n  max,\n  step,\n  units,\n  status,\n  labelIcon,\n  labelTooltip,\n  startIcon,\n  placeholder,\n  onFocus,\n  onBlur,\n  onEnter,\n  onKeyDown,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: NumberInputProps): React.JSX.Element {\n  const inputId = useId();\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const inputGroup = useInputGroup();\n  const effectiveDisabled = isDisabled || inputGroup?.isDisabled === true;\n  const size = inputGroup?.size ?? sizeProp;\n  const effectiveStatusType = status?.type ?? inputGroup?.statusType;\n  const [pendingInput, setPendingInput] = useState<string | null>(null);\n  const displayValue = useMemo(() => {\n    if (pendingInput != null) {\n      return pendingInput;\n    }\n    return value == null ? '' : String(value);\n  }, [pendingInput, value]);\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  const inputWrapper = (\n    <div\n      className={cx(\n        inputRecipe({\n          size,\n          status: effectiveStatusType,\n          isDisabled: effectiveDisabled,\n        }),\n        inputGroup != null ? className : undefined,\n      )}\n      style={inputGroup != null ? style : undefined}>\n      {startIcon != null ? (\n        <span className={inputStyles.iconSlot}>\n          <Icon color=\"secondary\" icon={startIcon} size=\"sm\" />\n        </span>\n      ) : null}\n      <input\n        aria-busy={isLoading || undefined}\n        aria-describedby={describedBy}\n        aria-invalid={status?.type === 'error' || undefined}\n        aria-label={inputGroup != null ? label : undefined}\n        aria-required={isRequired ?? undefined}\n        autoComplete={autoComplete}\n        // eslint-disable-next-line jsx-a11y-x/no-autofocus\n        autoFocus={hasAutoFocus}\n        className={inputStyles.control}\n        data-autofocus={hasAutoFocus || undefined}\n        data-testid={dataTestId}\n        disabled={effectiveDisabled}\n        id={inputId}\n        max={max ?? undefined}\n        min={min ?? undefined}\n        name={htmlName}\n        onBlur={event => {\n          if (pendingInput != null) {\n            const parsed = parseNumberInput(pendingInput, {isIntegerOnly});\n            if (parsed != null) {\n              const clamped = clampValue(parsed, min, max);\n              if (clamped !== value) {\n                onChange(clamped);\n              }\n            }\n            setPendingInput(null);\n          }\n          onBlur?.(event);\n        }}\n        onChange={(event: ChangeEvent<HTMLInputElement>) => {\n          const nextValue = event.target.value;\n          setPendingInput(nextValue);\n          const parsed = parseNumberInput(nextValue, {isIntegerOnly});\n          if (parsed != null) {\n            const clamped = clampValue(parsed, min, max);\n            if (clamped !== value) {\n              onChange(clamped);\n            }\n          }\n        }}\n        onFocus={onFocus}\n        onKeyDown={event => {\n          if (event.key === 'Enter' && !event.nativeEvent.isComposing) {\n            onEnter?.();\n          }\n          onKeyDown?.(event);\n        }}\n        placeholder={placeholder}\n        ref={ref}\n        required={isRequired ?? undefined}\n        step={step ?? undefined}\n        type=\"number\"\n        value={displayValue}\n      />\n      {units != null ? <span className={styles.units}>{units}</span> : null}\n      {hasClear === true && value != null && !effectiveDisabled ? (\n        <Button\n          icon={X}\n          isIconOnly\n          label={`Clear ${label}`}\n          onClick={() => onChange(null)}\n          size=\"sm\"\n          variant=\"ghost\"\n        />\n      ) : null}\n      {endContent}\n      {isLoading ? <Spinner size=\"sm\" /> : null}\n      {status != null ? (\n        <span className={inputStyles.iconSlot}>\n          {getStatusIcon(status.type)}\n        </span>\n      ) : null}\n    </div>\n  );\n\n  if (inputGroup != null) {\n    return inputWrapper;\n  }\n\n  return (\n    <Field\n      className={className}\n      description={description}\n      descriptionID={descriptionID}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelIcon={labelIcon}\n      labelTooltip={labelTooltip}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }\n      style={style}>\n      {inputWrapper}\n    </Field>\n  );\n}\n\nNumberInput.displayName = 'NumberInput';\n"]}

package/dist/{chunk-N2TNBDQI.js → chunk-AEYJ6PWC.js}

@@ -1,4 +1,4 @@
-import { getStatusMessageID, getDescribedBy } from './chunk-WOIWI2UO.js';
+import { getStatusMessageID, getDescribedBy } from './chunk-G6HS52US.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
 import { useId, useState, useRef, useMemo, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -320,5 +320,5 @@ function renderSelectListboxOptions({
 }
 
 export { renderSelectListboxOptions, useSelectListbox };
-//# sourceMappingURL=chunk-N2TNBDQI.js.map
-//# sourceMappingURL=chunk-N2TNBDQI.js.map
+//# sourceMappingURL=chunk-AEYJ6PWC.js.map
+//# sourceMappingURL=chunk-AEYJ6PWC.js.map