silver-ui 0.1.1 → 0.2.0

package/dist/chunk-HMWV6KCW.cjs.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":["cva","createContext","use","css","jsx","useMemo","jsxs","cx","styles","Fragment","useDialogContext","Button","X","Heading","Text"],"mappings":"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","file":"chunk-HMWV6KCW.cjs","sourcesContent":["import {cva, 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\nexport const layoutRecipe = cva({\n  base: {\n    display: 'flex',\n    flexDirection: 'column',\n    minW: 0,\n  },\n  variants: {\n    height: {\n      fill: {\n        h: '100%',\n        minH: 0,\n      },\n      auto: {\n        minH: '100%',\n      },\n    },\n    padding: paddingVariants,\n  },\n  defaultVariants: {\n    height: 'fill',\n  },\n});\n\nexport const layoutMiddleRecipe = cva({\n  base: {\n    display: 'flex',\n    flex: 1,\n    minH: 0,\n    minW: 0,\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 LayoutSlots {\n  hasEnd: boolean;\n  hasFooter: boolean;\n  hasHeader: boolean;\n  hasStart: boolean;\n}\n\nexport interface LayoutDividerContextValue {\n  hasDividers: boolean;\n}\n\nexport const LayoutAreaContext = createContext<LayoutArea>('content');\nLayoutAreaContext.displayName = 'LayoutAreaContext';\nexport const LayoutSlotsContext = createContext<LayoutSlots>({\n  hasEnd: false,\n  hasFooter: false,\n  hasHeader: false,\n  hasStart: false,\n});\nLayoutSlotsContext.displayName = 'LayoutSlotsContext';\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 {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport type {SpacingToken} from '../../internal/spacingTokens';\nimport {layoutMiddleRecipe, layoutRecipe} from './Layout.recipe';\nimport {\n  LayoutAreaContext,\n  LayoutDividerContext,\n  LayoutSlotsContext,\n  type LayoutArea,\n} from './LayoutContext';\nimport type {LayoutHeight} from './types';\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\nconst styles = {\n  contentFill: css({\n    flex: 1,\n    minW: 0,\n    display: 'flex',\n    flexDirection: 'column',\n  }),\n};\n\nfunction AreaProvider({\n  area,\n  children,\n}: {\n  area: LayoutArea;\n  children?: ReactNode;\n}): React.JSX.Element | null {\n  if (children == null) {\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 slots = useMemo(\n    () => ({\n      hasEnd: end != null,\n      hasFooter: footer != null,\n      hasHeader: header != null,\n      hasStart: start != null,\n    }),\n    [end, footer, header, start],\n  );\n  const dividerValue = useMemo(() => ({hasDividers}), [hasDividers]);\n  const rootStyle: CSSProperties = {\n    ...style,\n  };\n\n  return (\n    <LayoutDividerContext value={dividerValue}>\n      <LayoutSlotsContext value={slots}>\n        <div\n          className={cx(layoutRecipe({height, padding}), className)}\n          data-testid={dataTestId}\n          ref={ref}\n          style={rootStyle}>\n          <AreaProvider area=\"header\">{header}</AreaProvider>\n          <div className={layoutMiddleRecipe()}>\n            <AreaProvider area=\"start\">{start}</AreaProvider>\n            <div className={styles.contentFill}>\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      </LayoutSlotsContext>\n    </LayoutDividerContext>\n  );\n}\n\nLayout.displayName = 'Layout';\n","import type {ComponentPropsWithRef, ElementType} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport type {SpacingToken} from '../../internal/spacingTokens';\nimport {layoutRegionRecipe} from './Layout.recipe';\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\nconst styles = {\n  root: css({\n    flex: 1,\n    minH: 0,\n    minW: 0,\n    overflow: 'clip',\n  }),\n  scrollable: css({\n    overflow: 'auto',\n  }),\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        styles.root,\n        layoutRegionRecipe({padding}),\n        isScrollable && styles.scrollable,\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 {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport type {SpacingToken} from '../../internal/spacingTokens';\nimport {layoutRegionRecipe} from './Layout.recipe';\nimport {useLayoutDivider} from './LayoutContext';\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\nconst styles = {\n  root: css({\n    flexShrink: 0,\n  }),\n  divider: css({\n    borderBlockStartWidth: 'default',\n    borderBlockStartStyle: 'solid',\n    borderBlockStartColor: 'border',\n  }),\n  inner: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n    gap: '3',\n  }),\n  customInner: css({}),\n  start: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '2',\n    flex: 1,\n    minW: 0,\n    marginInlineEnd: 'auto',\n  }),\n  actions: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '2',\n    flexShrink: 0,\n  }),\n};\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 = children != null;\n\n  return (\n    <footer\n      aria-label={label}\n      className={cx(styles.root, hasDivider && styles.divider, className)}\n      data-divider={hasDivider || undefined}\n      data-testid={dataTestId}\n      ref={ref}\n      style={rootStyle}>\n      <div\n        className={cx(\n          isCustom ? styles.customInner : styles.inner,\n          layoutRegionRecipe({padding}),\n        )}>\n        {isCustom ? (\n          children\n        ) : (\n          <>\n            {startContent != null ? (\n              <div className={styles.start}>{startContent}</div>\n            ) : null}\n            <div className={styles.actions}>\n              {secondaryButton}\n              {primaryButton}\n            </div>\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 {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport type {SpacingToken} from '../../internal/spacingTokens';\nimport {Button} from '../Button';\nimport {useDialogContext} from '../Dialog/DialogContext';\nimport {Heading, Text} from '../Text';\nimport {layoutRegionRecipe} from './Layout.recipe';\nimport {useLayoutDivider} from './LayoutContext';\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\nconst styles = {\n  root: css({\n    flexShrink: 0,\n  }),\n  divider: css({\n    borderBlockEndWidth: 'default',\n    borderBlockEndStyle: 'solid',\n    borderBlockEndColor: 'border',\n  }),\n  inner: css({\n    display: 'flex',\n    alignItems: 'flex-start',\n    justifyContent: 'space-between',\n    gap: '3',\n  }),\n  titleArea: css({\n    flex: 1,\n    minW: 0,\n    '& > :focus': {\n      outline: 'none',\n    },\n  }),\n  actions: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '2',\n    flexShrink: 0,\n  }),\n  closeButton: css({\n    marginInlineEnd: '-2',\n    marginBlockStart: '-2',\n  }),\n} as const;\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\n  const closeButton =\n    dialogContext != null ? (\n      <Button\n        className={styles.closeButton}\n        icon={X}\n        isIconOnly\n        label=\"Close\"\n        onClick={() => dialogContext.onOpenChange(false)}\n        variant=\"ghost\"\n      />\n    ) : null;\n  const hasEnd = endContent != null || closeButton != null;\n\n  return (\n    <header\n      aria-label={label}\n      className={cx(styles.root, hasDivider && styles.divider, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={rootStyle}>\n      <div className={cx(styles.inner, layoutRegionRecipe({padding}))}>\n        {startContent != null ? (\n          <div className={styles.actions}>{startContent}</div>\n        ) : null}\n        <div className={styles.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={styles.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 {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport type {SpacingToken} from '../../internal/spacingTokens';\nimport {layoutRegionRecipe} from './Layout.recipe';\nimport {useLayoutArea, useLayoutDivider} from './LayoutContext';\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\nconst styles = {\n  root: css({\n    flexShrink: 0,\n    overflow: 'clip',\n  }),\n  scrollable: css({\n    overflow: 'auto',\n  }),\n  dividerEnd: css({\n    borderInlineEndWidth: 'default',\n    borderInlineEndStyle: 'solid',\n    borderInlineEndColor: 'border',\n  }),\n  dividerStart: css({\n    borderInlineStartWidth: 'default',\n    borderInlineStartStyle: 'solid',\n    borderInlineStartColor: 'border',\n  }),\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\n  return (\n    <div\n      {...rest}\n      aria-label={label}\n      className={cx(\n        styles.root,\n        layoutRegionRecipe({padding}),\n        isScrollable && styles.scrollable,\n        hasDivider && area === 'start' && styles.dividerEnd,\n        hasDivider && area === 'end' && styles.dividerStart,\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-KXXTWWJZ.cjs → chunk-I45346RZ.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
 var chunkA45WLNF7_cjs = require('./chunk-A45WLNF7.cjs');
-var chunkJAX62FUE_cjs = require('./chunk-JAX62FUE.cjs');
+var chunkJRBQKFVO_cjs = require('./chunk-JRBQKFVO.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 // src/components/Center/Center.recipe.ts
-var centerRecipe = chunkJAX62FUE_cjs.cva({
+var centerRecipe = chunkJRBQKFVO_cjs.cva({
   base: {
     display: "flex"
   },
@@ -26,8 +26,7 @@ var centerRecipe = chunkJAX62FUE_cjs.cva({
     isInline: {
       true: {
         display: "inline-flex"
-      },
-      false: {}
+      }
     }
   },
   defaultVariants: {
@@ -55,9 +54,9 @@ function Center({
       "data-testid": dataTestId,
       ref,
       style: {
-        width: chunkA45WLNF7_cjs.toPixelSize(width),
-        height: chunkA45WLNF7_cjs.toPixelSize(height),
-        ...style
+        ...style,
+        ...width != null ? { width: chunkA45WLNF7_cjs.toPixelSize(width) } : void 0,
+        ...height != null ? { height: chunkA45WLNF7_cjs.toPixelSize(height) } : void 0
       },
       children
     }
@@ -66,6 +65,5 @@ function Center({
 Center.displayName = "Center";
 
 exports.Center = Center;
-exports.centerRecipe = centerRecipe;
-//# sourceMappingURL=chunk-KXXTWWJZ.cjs.map
-//# sourceMappingURL=chunk-KXXTWWJZ.cjs.map
+//# sourceMappingURL=chunk-I45346RZ.cjs.map
+//# sourceMappingURL=chunk-I45346RZ.cjs.map

package/dist/chunk-I45346RZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Center/Center.recipe.ts","../src/components/Center/Center.tsx"],"names":["cva","jsx","cx","toPixelSize"],"mappings":";;;;;;;;AAEO,IAAM,eAAeA,qBAAA,CAAI;AAAA,EAC9B,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,IAAA,EAAM;AAAA,QACJ,UAAA,EAAY,QAAA;AAAA,QACZ,cAAA,EAAgB;AAAA,OAClB;AAAA,MACA,UAAA,EAAY;AAAA,QACV,cAAA,EAAgB;AAAA,OAClB;AAAA,MACA,QAAA,EAAU;AAAA,QACR,UAAA,EAAY;AAAA;AACd,KACF;AAAA,IACA,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS;AAAA;AACX;AACF,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,MAAA;AAAA,IACN,QAAA,EAAU;AAAA;AAEd,CAAC,CAAA;ACSM,SAAS,MAAA,CAAO;AAAA,EACrB,IAAA,GAAO,MAAA;AAAA,EACP,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,MAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,GAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAmC;AACjC,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,SAAA,EAAWC,qBAAG,YAAA,CAAa,EAAC,MAAM,QAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MACvD,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA;AAAA,QACH,GAAI,SAAS,IAAA,GAAO,EAAC,OAAOC,6BAAA,CAAY,KAAK,GAAC,GAAI,MAAA;AAAA,QAClD,GAAI,UAAU,IAAA,GAAO,EAAC,QAAQA,6BAAA,CAAY,MAAM,GAAC,GAAI;AAAA,OACvD;AAAA,MACC;AAAA;AAAA,GACH;AAEJ;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-I45346RZ.cjs","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const centerRecipe = cva({\n  base: {\n    display: 'flex',\n  },\n  variants: {\n    axis: {\n      both: {\n        alignItems: 'center',\n        justifyContent: 'center',\n      },\n      horizontal: {\n        justifyContent: 'center',\n      },\n      vertical: {\n        alignItems: 'center',\n      },\n    },\n    isInline: {\n      true: {\n        display: 'inline-flex',\n      },\n    },\n  },\n  defaultVariants: {\n    axis: 'both',\n    isInline: false,\n  },\n});\n\nexport type CenterVariants = RecipeVariantProps<typeof centerRecipe>;\n","import type {HTMLAttributes, ReactNode, Ref} from 'react';\nimport {cx} from '../../internal/cx';\nimport {toPixelSize, type SizeValue} from '../../internal/toPixelSize';\nimport {centerRecipe} from './Center.recipe';\n\nexport type CenterAxis = 'both' | 'horizontal' | 'vertical';\n\nexport interface CenterProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Which axes to center content along.\n   */\n  axis?: CenterAxis;\n  /**\n   * Content to center.\n   */\n  children: ReactNode;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Fixed height. Numbers are treated as pixels.\n   */\n  height?: SizeValue;\n  /**\n   * Render as `inline-flex` instead of `flex`.\n   */\n  isInline?: boolean;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Fixed width. Numbers are treated as pixels.\n   */\n  width?: SizeValue;\n}\n\nexport function Center({\n  axis = 'both',\n  children,\n  className,\n  'data-testid': dataTestId,\n  height,\n  isInline = false,\n  ref,\n  style,\n  width,\n  ...htmlProps\n}: CenterProps): React.JSX.Element {\n  return (\n    <div\n      {...htmlProps}\n      className={cx(centerRecipe({axis, isInline}), className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={{\n        ...style,\n        ...(width != null ? {width: toPixelSize(width)} : undefined),\n        ...(height != null ? {height: toPixelSize(height)} : undefined),\n      }}>\n      {children}\n    </div>\n  );\n}\n\nCenter.displayName = 'Center';\n"]}

package/dist/{chunk-LBRKUZSQ.cjs → chunk-IKF6VHA4.cjs}

@@ -1,57 +1,74 @@
 'use strict';
 
-var chunkOAUKYH6C_cjs = require('./chunk-OAUKYH6C.cjs');
+var chunkH7LOOHWU_cjs = require('./chunk-H7LOOHWU.cjs');
 var chunk6SHL7FYO_cjs = require('./chunk-6SHL7FYO.cjs');
-var chunkJAX62FUE_cjs = require('./chunk-JAX62FUE.cjs');
+var chunk5QPM5LUS_cjs = require('./chunk-5QPM5LUS.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
-var chunkAZDWQGAX_cjs = require('./chunk-AZDWQGAX.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-var styles = {
-  root: chunkAZDWQGAX_cjs.css({
-    position: "fixed",
-    m: "auto",
-    p: 0,
-    borderWidth: 0,
-    bg: "bg",
-    color: "fg",
-    borderRadius: "md",
-    boxShadow: "xl",
-    flexDirection: "column",
-    overscrollBehavior: "contain",
-    _backdrop: {
-      bg: "overlay.scrim",
-      backdropFilter: "blur(2px)"
+// src/components/Dialog/Dialog.recipe.ts
+var dialogRecipe = chunk5QPM5LUS_cjs.sva({
+  slots: ["root", "inner"],
+  base: {
+    root: {
+      position: "fixed",
+      m: "auto",
+      p: 0,
+      borderWidth: 0,
+      bg: "bg",
+      color: "fg",
+      borderRadius: "md",
+      boxShadow: "xl",
+      flexDirection: "column",
+      overscrollBehavior: "contain",
+      _backdrop: {
+        bg: "overlay.scrim",
+        backdropFilter: "blur(2px)"
+      },
+      _focusVisible: {
+        outlineWidth: "focus",
+        outlineStyle: "solid",
+        outlineColor: "primary",
+        outlineOffset: "focusOffset"
+      }
     },
-    _focusVisible: {
-      outlineWidth: "focus",
-      outlineStyle: "solid",
-      outlineColor: "primary",
-      outlineOffset: "focusOffset"
+    inner: {
+      display: "flex",
+      flexDirection: "column",
+      flex: "1 1 auto",
+      minH: 0,
+      overflow: "hidden",
+      borderRadius: "inherit"
+    }
+  },
+  variants: {
+    // When closed, the native <dialog> UA style (display: none) applies; opening
+    // switches on the flex column layout.
+    isOpen: {
+      true: { root: { display: "flex" } },
+      false: {}
+    },
+    variant: {
+      standard: {},
+      fullscreen: {
+        root: {
+          w: "100dvw",
+          h: "100dvh",
+          maxW: "100dvw",
+          maxH: "100dvh",
+          borderRadius: 0,
+          m: 0,
+          inset: 0
+        }
+      }
     }
-  }),
-  open: chunkAZDWQGAX_cjs.css({
-    display: "flex"
-  }),
-  fullscreen: chunkAZDWQGAX_cjs.css({
-    w: "100dvw",
-    h: "100dvh",
-    maxW: "100dvw",
-    maxH: "100dvh",
-    borderRadius: 0,
-    m: 0,
-    inset: 0
-  }),
-  inner: chunkAZDWQGAX_cjs.css({
-    display: "flex",
-    flexDirection: "column",
-    flex: "1 1 auto",
-    minH: 0,
-    overflow: "hidden",
-    borderRadius: "inherit"
-  })
-};
+  },
+  defaultVariants: {
+    isOpen: false,
+    variant: "standard"
+  }
+});
 function formatSize(value) {
   return typeof value === "number" ? `${value}px` : value;
 }
@@ -88,9 +105,14 @@ function Dialog({
 }) {
   const dialogRef = react.useRef(null);
   const triggerRef = react.useRef(null);
+  const titleId = react.useId();
   const isFullscreen = variant === "fullscreen";
   const { isBackdropDismissEnabled, isEscapeDismissEnabled } = getDismissBehavior(dismissBehavior);
-  const dialogContextValue = react.useMemo(() => ({ onOpenChange }), [onOpenChange]);
+  const dialogContextValue = react.useMemo(
+    () => ({ onOpenChange, titleId }),
+    [onOpenChange, titleId]
+  );
+  const classes = dialogRecipe({ isOpen, variant });
   react.useEffect(() => {
     const dialog = dialogRef.current;
     if (dialog == null) {
@@ -130,12 +152,8 @@ function Dialog({
     "dialog",
     {
       "aria-label": label,
-      className: chunkSPDVNY2Z_cjs.cx(
-        styles.root,
-        isOpen ? styles.open : void 0,
-        isFullscreen ? styles.fullscreen : void 0,
-        className
-      ),
+      "aria-labelledby": label == null ? titleId : void 0,
+      className: chunkSPDVNY2Z_cjs.cx(classes.root, className),
       "data-testid": dataTestId,
       onCancel: (event) => {
         event.preventDefault();
@@ -156,69 +174,11 @@ function Dialog({
         ...positionStyle,
         ...style
       },
-      children: /* @__PURE__ */ jsxRuntime.jsx(chunkOAUKYH6C_cjs.DialogContext, { value: dialogContextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.inner, children }) })
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunkH7LOOHWU_cjs.DialogContext, { value: dialogContextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.inner, children }) })
     }
   );
 }
 Dialog.displayName = "Dialog";
-
-// src/components/Dialog/Dialog.recipe.ts
-var dialogRecipe = chunkJAX62FUE_cjs.cva({
-  base: {
-    position: "fixed",
-    m: "auto",
-    p: 0,
-    borderWidth: 0,
-    bg: "bg",
-    color: "fg",
-    borderRadius: "lg",
-    boxShadow: "lg",
-    display: "none",
-    flexDirection: "column",
-    h: "fit-content",
-    maxW: "min(90vw, var(--dialog-width))",
-    maxH: "var(--dialog-max-height)",
-    w: "var(--dialog-width)",
-    overflow: "hidden",
-    overscrollBehavior: "contain",
-    opacity: 0,
-    "&::backdrop": {
-      bg: "overlay.scrim",
-      backdropFilter: "blur(2px)"
-    },
-    _focusVisible: {
-      outlineWidth: "focus",
-      outlineStyle: "solid",
-      outlineColor: "accent",
-      outlineOffset: "focusOffset"
-    }
-  },
-  variants: {
-    isOpen: {
-      true: {
-        display: "flex",
-        opacity: 1
-      },
-      false: {}
-    },
-    variant: {
-      standard: {},
-      fullscreen: {
-        inset: 0,
-        m: 0,
-        borderRadius: 0,
-        maxW: "100dvw",
-        maxH: "100dvh",
-        w: "100dvw",
-        h: "100dvh"
-      }
-    }
-  },
-  defaultVariants: {
-    isOpen: false,
-    variant: "standard"
-  }
-});
 function useDialog(defaultOptions) {
   const [isOpen, setIsOpen] = react.useState(false);
   const [content, setContent] = react.useState(null);
@@ -252,7 +212,6 @@ function useDialog(defaultOptions) {
 }
 
 exports.Dialog = Dialog;
-exports.dialogRecipe = dialogRecipe;
 exports.useDialog = useDialog;
-//# sourceMappingURL=chunk-LBRKUZSQ.cjs.map
-//# sourceMappingURL=chunk-LBRKUZSQ.cjs.map
+//# sourceMappingURL=chunk-IKF6VHA4.cjs.map
+//# sourceMappingURL=chunk-IKF6VHA4.cjs.map

package/dist/chunk-IKF6VHA4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Dialog/Dialog.recipe.ts","../src/components/Dialog/Dialog.tsx","../src/components/Dialog/useDialog.tsx"],"names":["sva","useRef","useId","useMemo","useEffect","jsx","cx","mergeRefs","DialogContext","useState","useCallback"],"mappings":";;;;;;;;;;AAEO,IAAM,eAAeA,qBAAA,CAAI;AAAA,EAC9B,KAAA,EAAO,CAAC,MAAA,EAAQ,OAAO,CAAA;AAAA,EACvB,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM;AAAA,MACJ,QAAA,EAAU,OAAA;AAAA,MACV,CAAA,EAAG,MAAA;AAAA,MACH,CAAA,EAAG,CAAA;AAAA,MACH,WAAA,EAAa,CAAA;AAAA,MACb,EAAA,EAAI,IAAA;AAAA,MACJ,KAAA,EAAO,IAAA;AAAA,MACP,YAAA,EAAc,IAAA;AAAA,MACd,SAAA,EAAW,IAAA;AAAA,MACX,aAAA,EAAe,QAAA;AAAA,MACf,kBAAA,EAAoB,SAAA;AAAA,MACpB,SAAA,EAAW;AAAA,QACT,EAAA,EAAI,eAAA;AAAA,QACJ,cAAA,EAAgB;AAAA,OAClB;AAAA,MACA,aAAA,EAAe;AAAA,QACb,YAAA,EAAc,OAAA;AAAA,QACd,YAAA,EAAc,OAAA;AAAA,QACd,YAAA,EAAc,SAAA;AAAA,QACd,aAAA,EAAe;AAAA;AACjB,KACF;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,MAAA;AAAA,MACT,aAAA,EAAe,QAAA;AAAA,MACf,IAAA,EAAM,UAAA;AAAA,MACN,IAAA,EAAM,CAAA;AAAA,MACN,QAAA,EAAU,QAAA;AAAA,MACV,YAAA,EAAc;AAAA;AAChB,GACF;AAAA,EACA,QAAA,EAAU;AAAA;AAAA;AAAA,IAGR,MAAA,EAAQ;AAAA,MACN,MAAM,EAAC,IAAA,EAAM,EAAC,OAAA,EAAS,QAAM,EAAC;AAAA,MAC9B,OAAO;AAAC,KACV;AAAA,IACA,OAAA,EAAS;AAAA,MACP,UAAU,EAAC;AAAA,MACX,UAAA,EAAY;AAAA,QACV,IAAA,EAAM;AAAA,UACJ,CAAA,EAAG,QAAA;AAAA,UACH,CAAA,EAAG,QAAA;AAAA,UACH,IAAA,EAAM,QAAA;AAAA,UACN,IAAA,EAAM,QAAA;AAAA,UACN,YAAA,EAAc,CAAA;AAAA,UACd,CAAA,EAAG,CAAA;AAAA,UACH,KAAA,EAAO;AAAA;AACT;AACF;AACF,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,MAAA,EAAQ,KAAA;AAAA,IACR,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;ACuCD,SAAS,WAAW,KAAA,EAAgC;AAClD,EAAA,OAAO,OAAO,KAAA,KAAU,QAAA,GAAW,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA,GAAO,KAAA;AACpD;AAEA,SAAS,mBACP,eAAA,EACsE;AACtE,EAAA,IAAI,mBAAmB,IAAA,EAAM;AAC3B,IAAA,OAAO,EAAC,wBAAA,EAA0B,IAAA,EAAM,sBAAA,EAAwB,IAAA,EAAI;AAAA,EACtE;AAEA,EAAA,IAAI,OAAO,oBAAoB,SAAA,EAAW;AACxC,IAAA,OAAO;AAAA,MACL,wBAAA,EAA0B,eAAA;AAAA,MAC1B,sBAAA,EAAwB;AAAA,KAC1B;AAAA,EACF;AAEA,EAAA,OAAO;AAAA,IACL,wBAAA,EAA0B,gBAAgB,wBAAA,IAA4B,IAAA;AAAA,IACtE,sBAAA,EAAwB,gBAAgB,sBAAA,IAA0B;AAAA,GACpE;AACF;AAMO,SAAS,MAAA,CAAO;AAAA,EACrB,MAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA,GAAQ,GAAA;AAAA,EACR,SAAA,GAAY,MAAA;AAAA,EACZ,QAAA;AAAA,EACA,OAAA,GAAU,UAAA;AAAA,EACV,eAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,IAAA,GAAO,QAAA;AAAA,EACP,KAAA;AAAA,EACA;AACF,CAAA,EAAmC;AACjC,EAAA,MAAM,SAAA,GAAYC,aAA0B,IAAI,CAAA;AAChD,EAAA,MAAM,UAAA,GAAaA,aAA2B,IAAI,CAAA;AAClD,EAAA,MAAM,UAAUC,WAAA,EAAM;AACtB,EAAA,MAAM,eAAe,OAAA,KAAY,YAAA;AACjC,EAAA,MAAM,EAAC,wBAAA,EAA0B,sBAAA,EAAsB,GACrD,mBAAmB,eAAe,CAAA;AACpC,EAAA,MAAM,kBAAA,GAAqBC,aAAA;AAAA,IACzB,OAAO,EAAC,YAAA,EAAc,OAAA,EAAO,CAAA;AAAA,IAC7B,CAAC,cAAc,OAAO;AAAA,GACxB;AACA,EAAA,MAAM,OAAA,GAAU,YAAA,CAAa,EAAC,MAAA,EAAQ,SAAQ,CAAA;AAE9C,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,SAAS,SAAA,CAAU,OAAA;AACzB,IAAA,IAAI,UAAU,IAAA,EAAM;AAClB,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,MAAA,EAAQ;AACV,MAAA,UAAA,CAAW,UAAU,QAAA,CAAS,aAAA;AAC9B,MAAA,IAAI,CAAC,OAAO,IAAA,EAAM;AAChB,QAAA,MAAA,CAAO,SAAA,EAAU;AAAA,MACnB;AACA,MAAA,MAAM,kBACJ,MAAA,CAAO,aAAA,CAA2B,yBAAyB,CAAA,IAC3D,MAAA,CAAO,cAA2B,gCAAgC,CAAA;AACpE,MAAA,eAAA,EAAiB,KAAA,EAAM;AAAA,IACzB,CAAA,MAAA,IAAW,OAAO,IAAA,EAAM;AACtB,MAAA,MAAA,CAAO,KAAA,EAAM;AACb,MAAA,UAAA,CAAW,SAAS,KAAA,EAAM;AAC1B,MAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAAA,IACvB;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAA,EAAQ;AACX,MAAA;AAAA,IACF;AACA,IAAA,MAAM,gBAAA,GAAmB,QAAA,CAAS,IAAA,CAAK,KAAA,CAAM,QAAA;AAC7C,IAAA,QAAA,CAAS,IAAA,CAAK,MAAM,QAAA,GAAW,QAAA;AAC/B,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,IAAA,CAAK,MAAM,QAAA,GAAW,gBAAA;AAAA,IACjC,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,MAAM,aAAA,GACJ,QAAA,IAAY,IAAA,IAAQ,CAAC,YAAA,GACjB;AAAA,IACE,QACE,QAAA,CAAS,MAAA,IAAU,OAAO,MAAA,GAAS,UAAA,CAAW,SAAS,MAAM,CAAA;AAAA,IAC/D,MAAM,QAAA,CAAS,IAAA,IAAQ,OAAO,MAAA,GAAS,UAAA,CAAW,SAAS,IAAI,CAAA;AAAA,IAC/D,MAAA,EAAQ,CAAA;AAAA,IACR,OAAO,QAAA,CAAS,KAAA,IAAS,OAAO,MAAA,GAAS,UAAA,CAAW,SAAS,KAAK,CAAA;AAAA,IAClE,KAAK,QAAA,CAAS,GAAA,IAAO,OAAO,MAAA,GAAS,UAAA,CAAW,SAAS,GAAG;AAAA,GAC9D,GACA,MAAA;AAEN,EAAA,uBACEC,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,KAAA;AAAA,MACZ,iBAAA,EAAiB,KAAA,IAAS,IAAA,GAAO,OAAA,GAAU,MAAA;AAAA,MAC3C,SAAA,EAAWC,oBAAA,CAAG,OAAA,CAAQ,IAAA,EAAM,SAAS,CAAA;AAAA,MACrC,aAAA,EAAa,UAAA;AAAA,MACb,UAAU,CAAA,KAAA,KAAS;AACjB,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,IAAI,sBAAA,EAAwB;AAC1B,UAAA,YAAA,CAAa,KAAK,CAAA;AAAA,QACpB;AAAA,MACF,CAAA;AAAA,MACA,SAAS,CAAA,KAAA,KAAS;AAChB,QAAA,IAAI,KAAA,CAAM,MAAA,KAAW,KAAA,CAAM,aAAA,IAAiB,wBAAA,EAA0B;AACpE,UAAA,YAAA,CAAa,KAAK,CAAA;AAAA,QACpB;AAAA,MACF,CAAA;AAAA,MACA,GAAA,EAAKC,2BAAA,CAAU,GAAA,EAAK,SAAS,CAAA;AAAA,MAC7B,IAAA,EAAM,IAAA,KAAS,QAAA,GAAW,MAAA,GAAY,IAAA;AAAA,MACtC,KAAA,EAAO;AAAA,QACL,KAAA,EAAO,YAAA,GAAe,MAAA,GAAY,UAAA,CAAW,KAAK,CAAA;AAAA,QAClD,SAAA,EAAW,YAAA,GAAe,MAAA,GAAY,UAAA,CAAW,SAAS,CAAA;AAAA,QAC1D,GAAG,aAAA;AAAA,QACH,GAAG;AAAA,OACL;AAAA,MACA,QAAA,kBAAAF,cAAA,CAACG,+BAAA,EAAA,EAAc,KAAA,EAAO,kBAAA,EACpB,QAAA,kBAAAH,cAAA,CAAC,SAAI,SAAA,EAAW,OAAA,CAAQ,KAAA,EAAQ,QAAA,EAAS,CAAA,EAC3C;AAAA;AAAA,GACF;AAEJ;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;AC5Nd,SAAS,UAAU,cAAA,EAAiD;AACzE,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAII,eAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAoB,IAAI,CAAA;AACtD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,cAAA;AAAA,IAC5B;AAAA,GACF;AAEA,EAAA,MAAM,IAAA,GAAOC,iBAAA;AAAA,IACX,CAAC,aAAwB,WAAA,KAAgC;AACvD,MAAA,UAAA,CAAW,WAAW,CAAA;AACtB,MAAA,UAAA,CAAW,eAAa,EAAC,GAAG,QAAA,EAAU,GAAG,aAAW,CAAE,CAAA;AACtD,MAAA,SAAA,CAAU,IAAI,CAAA;AAAA,IAChB,CAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,MAAM,OAAOA,iBAAA,CAAY,MAAM,UAAU,KAAK,CAAA,EAAG,EAAE,CAAA;AAEnD,EAAA,MAAM,OAAA,GAAUP,aAAAA;AAAA,IACd,sBACEE,cAAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACE,GAAI,kBAAkB,EAAC;AAAA,QACvB,GAAI,WAAW,EAAC;AAAA,QACjB,MAAA;AAAA,QACA,KAAA,EAAO,OAAA,EAAS,KAAA,IAAS,cAAA,EAAgB,KAAA,IAAS,QAAA;AAAA,QAClD,YAAA,EAAc,SAAA;AAAA,QACb,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,IAEF,CAAC,OAAA,EAAS,cAAA,EAAgB,MAAA,EAAQ,OAAO;AAAA,GAC3C;AAEA,EAAA,OAAO,EAAC,OAAA,EAAS,IAAA,EAAM,MAAA,EAAQ,IAAA,EAAI;AACrC","file":"chunk-IKF6VHA4.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const dialogRecipe = sva({\n  slots: ['root', 'inner'],\n  base: {\n    root: {\n      position: 'fixed',\n      m: 'auto',\n      p: 0,\n      borderWidth: 0,\n      bg: 'bg',\n      color: 'fg',\n      borderRadius: 'md',\n      boxShadow: 'xl',\n      flexDirection: 'column',\n      overscrollBehavior: 'contain',\n      _backdrop: {\n        bg: 'overlay.scrim',\n        backdropFilter: 'blur(2px)',\n      },\n      _focusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n      },\n    },\n    inner: {\n      display: 'flex',\n      flexDirection: 'column',\n      flex: '1 1 auto',\n      minH: 0,\n      overflow: 'hidden',\n      borderRadius: 'inherit',\n    },\n  },\n  variants: {\n    // When closed, the native <dialog> UA style (display: none) applies; opening\n    // switches on the flex column layout.\n    isOpen: {\n      true: {root: {display: 'flex'}},\n      false: {},\n    },\n    variant: {\n      standard: {},\n      fullscreen: {\n        root: {\n          w: '100dvw',\n          h: '100dvh',\n          maxW: '100dvw',\n          maxH: '100dvh',\n          borderRadius: 0,\n          m: 0,\n          inset: 0,\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    isOpen: false,\n    variant: 'standard',\n  },\n});\n\nexport type DialogVariants = RecipeVariantProps<typeof dialogRecipe>;\n","/* eslint-disable jsx-a11y-x/click-events-have-key-events, jsx-a11y-x/no-noninteractive-element-interactions */\nimport {\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {cx} from '../../internal/cx';\nimport {mergeRefs} from '../../internal/mergeRefs';\nimport {dialogRecipe} from './Dialog.recipe';\nimport {DialogContext} from './DialogContext';\n\nexport type DialogVariant = 'fullscreen' | 'standard';\nexport type DialogRole = 'alertdialog' | 'dialog';\nexport type DialogDismissBehavior =\n  | boolean\n  | {\n      isBackdropDismissEnabled?: boolean;\n      isEscapeDismissEnabled?: boolean;\n    };\n\nexport interface DialogPosition {\n  bottom?: number | string;\n  left?: number | string;\n  right?: number | string;\n  top?: number | string;\n}\n\nexport interface DialogProps {\n  /**\n   * Dialog body content.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the dialog.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the dialog.\n   */\n  'data-testid'?: string;\n  /**\n   * Controls whether Escape and backdrop clicks request dismissal. Pass a\n   * boolean to enable or disable both behaviors together.\n   * @default {isEscapeDismissEnabled: true, isBackdropDismissEnabled: true}\n   */\n  dismissBehavior?: DialogDismissBehavior;\n  /**\n   * Whether the dialog is open.\n   */\n  isOpen: boolean;\n  /**\n   * Accessible label for the dialog. When provided, sets `aria-label`\n   * directly. When omitted, the dialog uses `aria-labelledby` to\n   * reference the heading rendered by a child `LayoutHeader`.\n   *\n   * Omit this prop when using a `LayoutHeader` inside the dialog.\n   * Set it when the dialog has no visible heading.\n   */\n  label?: string;\n  /**\n   * Maximum height of the dialog. Numbers are treated as pixels.\n   * @default '75vh'\n   */\n  maxHeight?: number | string;\n  /**\n   * Called when the dialog requests an open-state change.\n   */\n  onOpenChange: (isOpen: boolean) => void;\n  /**\n   * Fixed positioning offsets for the dialog.\n   */\n  position?: Readonly<DialogPosition>;\n  /**\n   * Ref forwarded to the dialog element.\n   */\n  ref?: Ref<HTMLDialogElement>;\n  /**\n   * ARIA role exposed by the dialog.\n   * @default 'dialog'\n   */\n  role?: DialogRole;\n  /**\n   * Inline styles applied to the dialog.\n   */\n  style?: CSSProperties;\n  /**\n   * Display variant.\n   * @default 'standard'\n   */\n  variant?: DialogVariant;\n  /**\n   * Dialog width. Numbers are treated as pixels.\n   * @default 400\n   */\n  width?: number | string;\n}\n\nfunction formatSize(value: number | string): string {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nfunction getDismissBehavior(\n  dismissBehavior: DialogDismissBehavior | undefined,\n): {isBackdropDismissEnabled: boolean; isEscapeDismissEnabled: boolean} {\n  if (dismissBehavior == null) {\n    return {isBackdropDismissEnabled: true, isEscapeDismissEnabled: true};\n  }\n\n  if (typeof dismissBehavior === 'boolean') {\n    return {\n      isBackdropDismissEnabled: dismissBehavior,\n      isEscapeDismissEnabled: dismissBehavior,\n    };\n  }\n\n  return {\n    isBackdropDismissEnabled: dismissBehavior.isBackdropDismissEnabled ?? true,\n    isEscapeDismissEnabled: dismissBehavior.isEscapeDismissEnabled ?? true,\n  };\n}\n\n/**\n * A modal dialog surface with backdrop, focus management,\n * and configurable dismiss behavior.\n */\nexport function Dialog({\n  isOpen,\n  label,\n  onOpenChange,\n  width = 400,\n  maxHeight = '75vh',\n  position,\n  variant = 'standard',\n  dismissBehavior,\n  children,\n  className,\n  'data-testid': dataTestId,\n  role = 'dialog',\n  style,\n  ref,\n}: DialogProps): React.JSX.Element {\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const titleId = useId();\n  const isFullscreen = variant === 'fullscreen';\n  const {isBackdropDismissEnabled, isEscapeDismissEnabled} =\n    getDismissBehavior(dismissBehavior);\n  const dialogContextValue = useMemo(\n    () => ({onOpenChange, titleId}),\n    [onOpenChange, titleId],\n  );\n  const classes = dialogRecipe({isOpen, variant});\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (dialog == null) {\n      return;\n    }\n\n    if (isOpen) {\n      triggerRef.current = document.activeElement as HTMLElement | null;\n      if (!dialog.open) {\n        dialog.showModal();\n      }\n      const autofocusTarget =\n        dialog.querySelector<HTMLElement>('[data-autofocus=\"true\"]') ??\n        dialog.querySelector<HTMLElement>('[data-dialog-autofocus=\"true\"]');\n      autofocusTarget?.focus();\n    } else if (dialog.open) {\n      dialog.close();\n      triggerRef.current?.focus();\n      triggerRef.current = null;\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n    const previousOverflow = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.body.style.overflow = previousOverflow;\n    };\n  }, [isOpen]);\n\n  const positionStyle =\n    position != null && !isFullscreen\n      ? {\n          bottom:\n            position.bottom == null ? 'auto' : formatSize(position.bottom),\n          left: position.left == null ? 'auto' : formatSize(position.left),\n          margin: 0,\n          right: position.right == null ? 'auto' : formatSize(position.right),\n          top: position.top == null ? 'auto' : formatSize(position.top),\n        }\n      : undefined;\n\n  return (\n    <dialog\n      aria-label={label}\n      aria-labelledby={label == null ? titleId : undefined}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      onCancel={event => {\n        event.preventDefault();\n        if (isEscapeDismissEnabled) {\n          onOpenChange(false);\n        }\n      }}\n      onClick={event => {\n        if (event.target === event.currentTarget && isBackdropDismissEnabled) {\n          onOpenChange(false);\n        }\n      }}\n      ref={mergeRefs(ref, dialogRef)}\n      role={role === 'dialog' ? undefined : role}\n      style={{\n        width: isFullscreen ? undefined : formatSize(width),\n        maxHeight: isFullscreen ? undefined : formatSize(maxHeight),\n        ...positionStyle,\n        ...style,\n      }}>\n      <DialogContext value={dialogContextValue}>\n        <div className={classes.inner}>{children}</div>\n      </DialogContext>\n    </dialog>\n  );\n}\n\nDialog.displayName = 'Dialog';\n","import {useCallback, useMemo, useState, type ReactNode} from 'react';\nimport {Dialog, type DialogProps} from './Dialog';\n\nexport type DialogOptions = Partial<\n  Omit<DialogProps, 'children' | 'isOpen' | 'onOpenChange'>\n>;\n\nexport interface UseDialogReturn {\n  element: ReactNode;\n  hide: () => void;\n  isOpen: boolean;\n  show: (content: ReactNode, options?: DialogOptions) => void;\n}\n\nexport function useDialog(defaultOptions?: DialogOptions): UseDialogReturn {\n  const [isOpen, setIsOpen] = useState(false);\n  const [content, setContent] = useState<ReactNode>(null);\n  const [options, setOptions] = useState<DialogOptions | undefined>(\n    defaultOptions,\n  );\n\n  const show = useCallback(\n    (nextContent: ReactNode, nextOptions?: DialogOptions) => {\n      setContent(nextContent);\n      setOptions(previous => ({...previous, ...nextOptions}));\n      setIsOpen(true);\n    },\n    [],\n  );\n\n  const hide = useCallback(() => setIsOpen(false), []);\n\n  const element = useMemo(\n    () => (\n      <Dialog\n        {...(defaultOptions ?? {})}\n        {...(options ?? {})}\n        isOpen={isOpen}\n        label={options?.label ?? defaultOptions?.label ?? 'Dialog'}\n        onOpenChange={setIsOpen}>\n        {content}\n      </Dialog>\n    ),\n    [content, defaultOptions, isOpen, options],\n  );\n\n  return {element, hide, isOpen, show};\n}\n"]}

package/dist/{chunk-YLXM3CGV.js → chunk-IR4COTIR.js}

@@ -1,7 +1,7 @@
-import { Button } from './chunk-VLIQPSPM.js';
-import { Text } from './chunk-PZO5MZ46.js';
+import { Button } from './chunk-RRNT32KY.js';
+import { Text } from './chunk-J2FCNWYM.js';
 import { cx } from './chunk-PPNETWIP.js';
-import { css } from './chunk-UHQRL4OA.js';
+import { css } from './chunk-OD4DHHZH.js';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import { useMemo } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -205,5 +205,5 @@ function Pagination({
 Pagination.displayName = "Pagination";
 
 export { Pagination };
-//# sourceMappingURL=chunk-YLXM3CGV.js.map
-//# sourceMappingURL=chunk-YLXM3CGV.js.map
+//# sourceMappingURL=chunk-IR4COTIR.js.map
+//# sourceMappingURL=chunk-IR4COTIR.js.map

package/dist/{chunk-YLXM3CGV.js.map → chunk-IR4COTIR.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"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","file":"chunk-YLXM3CGV.js","sourcesContent":["import {ChevronLeft, ChevronRight} from 'lucide-react';\nimport type {CSSProperties, Ref} from 'react';\nimport {useMemo} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport type {ButtonSize} from '../Button';\nimport {Button} from '../Button';\nimport {Text} from '../Text';\n\nexport type PaginationVariant = 'pages' | 'count' | 'compact' | 'none';\n\ninterface PaginationBaseProps {\n  /**\n   * Additional CSS class names applied to the navigation root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the navigation root.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether another page exists when the total page count is unknown.\n   */\n  hasMore?: boolean;\n  /**\n   * Whether the pagination controls are disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Accessible label for the navigation landmark.\n   * @default 'Pagination'\n   */\n  label?: string;\n  /**\n   * Called when the page changes.\n   */\n  onChange: (page: number) => void;\n  /**\n   * Current page number, starting at 1.\n   */\n  page: number;\n  /**\n   * Number of items per page.\n   * @default 10\n   */\n  pageSize?: number;\n  /**\n   * Ref forwarded to the navigation root.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Number of page buttons to show on each side of the current page.\n   * @default 1\n   */\n  siblingCount?: number;\n  /**\n   * Control size.\n   * @default 'md'\n   */\n  size?: ButtonSize;\n  /**\n   * Inline styles applied to the navigation root.\n   */\n  style?: CSSProperties;\n  /**\n   * Display variant.\n   * @default 'pages'\n   */\n  variant?: PaginationVariant;\n}\n\nexport type PaginationProps = PaginationBaseProps &\n  (\n    | {totalItems: number; totalPages?: never}\n    | {totalItems?: never; totalPages: number}\n    | {totalItems?: never; totalPages?: never}\n  );\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: '4',\n  }),\n  controls: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '1',\n  }),\n  ellipsis: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: 'fg.muted',\n    fontFamily: 'body',\n    fontSize: 'sm',\n    userSelect: 'none',\n  }),\n  infoText: css({\n    display: 'flex',\n    alignItems: 'center',\n    whiteSpace: 'nowrap',\n  }),\n  activePage: css({\n    bg: 'bg.hover',\n    fontWeight: 'medium',\n  }),\n} as const;\n\nfunction generatePageRange(\n  currentPage: number,\n  totalPages: number,\n  siblingCount: number,\n): (number | '...')[] {\n  const totalSlots = 5 + 2 * siblingCount;\n\n  if (totalPages <= totalSlots) {\n    return Array.from({length: totalPages}, (_, index) => index + 1);\n  }\n\n  const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);\n  const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);\n  const showLeftEllipsis = leftSiblingIndex > 2;\n  const showRightEllipsis = rightSiblingIndex < totalPages - 1;\n\n  if (!showLeftEllipsis && showRightEllipsis) {\n    const leftRange = 3 + 2 * siblingCount;\n    return [\n      ...Array.from({length: leftRange}, (_, index) => index + 1),\n      '...',\n      totalPages,\n    ];\n  }\n\n  if (showLeftEllipsis && !showRightEllipsis) {\n    const rightRange = 3 + 2 * siblingCount;\n    return [\n      1,\n      '...',\n      ...Array.from(\n        {length: rightRange},\n        (_, index) => totalPages - rightRange + index + 1,\n      ),\n    ];\n  }\n\n  return [\n    1,\n    '...',\n    ...Array.from(\n      {length: rightSiblingIndex - leftSiblingIndex + 1},\n      (_, index) => leftSiblingIndex + index,\n    ),\n    '...',\n    totalPages,\n  ];\n}\n\n/**\n * Page navigation controls with multiple display variants\n * (numbered pages, count summary, compact label, or none).\n */\nexport function Pagination({\n  className,\n  'data-testid': dataTestId,\n  hasMore,\n  isDisabled = false,\n  label = 'Pagination',\n  onChange,\n  page: pageFromProps,\n  pageSize: pageSizeFromProps = 10,\n  ref,\n  siblingCount: siblingCountFromProps = 1,\n  size = 'md',\n  style,\n  totalItems,\n  totalPages: totalPagesProp,\n  variant = 'pages',\n}: PaginationProps): React.JSX.Element | null {\n  const siblingCount = Math.max(0, siblingCountFromProps);\n  const pageSize = Math.max(1, pageSizeFromProps);\n  const computedTotalPages =\n    totalPagesProp ??\n    (totalItems != null ? Math.ceil(totalItems / pageSize) : undefined);\n  const page = Math.max(\n    1,\n    computedTotalPages != null\n      ? Math.min(pageFromProps, computedTotalPages)\n      : pageFromProps,\n  );\n  const hasPrevious = page > 1;\n  const hasNext =\n    computedTotalPages != null ? page < computedTotalPages : (hasMore ?? false);\n\n  const pageRange = useMemo(\n    () =>\n      computedTotalPages != null\n        ? generatePageRange(page, computedTotalPages, siblingCount)\n        : [],\n    [page, computedTotalPages, siblingCount],\n  );\n\n  if (totalItems != null && totalItems <= 0) {\n    return null;\n  }\n\n  if (computedTotalPages != null && computedTotalPages <= 0) {\n    return null;\n  }\n\n  const handlePageChange = (newPage: number) => {\n    if (isDisabled) {\n      return;\n    }\n\n    onChange(newPage);\n  };\n\n  const rangeStart = (page - 1) * pageSize + 1;\n  const rangeEnd =\n    totalItems == null\n      ? page * pageSize\n      : Math.min(page * pageSize, totalItems);\n\n  const renderIndicator = () => {\n    switch (variant) {\n      case 'pages': {\n        if (computedTotalPages == null) {\n          return null;\n        }\n\n        return pageRange.map((item, index) => {\n          if (item === '...') {\n            return (\n              <span\n                aria-hidden=\"true\"\n                className={styles.ellipsis}\n                key={`ellipsis-${pageRange[index - 1]}-${pageRange[index + 1]}`}>\n                ...\n              </span>\n            );\n          }\n\n          const isActive = item === page;\n          return (\n            <Button\n              aria-current={isActive ? 'page' : undefined}\n              aria-label={\n                isActive ? `Page ${item}, current page` : `Go to page ${item}`\n              }\n              className={isActive ? styles.activePage : undefined}\n              isDisabled={isDisabled}\n              key={item}\n              label={String(item)}\n              onClick={isActive ? undefined : () => handlePageChange(item)}\n              size={size}\n              variant=\"ghost\"\n            />\n          );\n        });\n      }\n\n      case 'count':\n        return totalItems == null ? null : (\n          <span aria-live=\"polite\" className={styles.infoText}>\n            <Text color=\"primary\" size=\"sm\" type=\"body\">\n              {`${rangeStart}-${rangeEnd} of ${totalItems}`}\n            </Text>\n          </span>\n        );\n\n      case 'compact':\n        return computedTotalPages == null ? null : (\n          <span aria-live=\"polite\" className={styles.infoText}>\n            <Text color=\"primary\" size=\"sm\" type=\"body\">\n              {`Page ${page} of ${computedTotalPages}`}\n            </Text>\n          </span>\n        );\n\n      case 'none':\n      default:\n        return null;\n    }\n  };\n\n  return (\n    <nav\n      aria-label={label}\n      className={cx(styles.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <div className={styles.controls}>\n        <Button\n          icon={ChevronLeft}\n          isDisabled={isDisabled || !hasPrevious}\n          isIconOnly\n          label=\"Go to previous page\"\n          onClick={() => handlePageChange(page - 1)}\n          size={size}\n          variant=\"ghost\"\n        />\n        {renderIndicator()}\n        <Button\n          icon={ChevronRight}\n          isDisabled={isDisabled || !hasNext}\n          isIconOnly\n          label=\"Go to next page\"\n          onClick={() => handlePageChange(page + 1)}\n          size={size}\n          variant=\"ghost\"\n        />\n      </div>\n    </nav>\n  );\n}\n\nPagination.displayName = 'Pagination';\n"]}
+{"version":3,"sources":["../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"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","file":"chunk-IR4COTIR.js","sourcesContent":["import {ChevronLeft, ChevronRight} from 'lucide-react';\nimport type {CSSProperties, Ref} from 'react';\nimport {useMemo} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport type {ButtonSize} from '../Button';\nimport {Button} from '../Button';\nimport {Text} from '../Text';\n\nexport type PaginationVariant = 'pages' | 'count' | 'compact' | 'none';\n\ninterface PaginationBaseProps {\n  /**\n   * Additional CSS class names applied to the navigation root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the navigation root.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether another page exists when the total page count is unknown.\n   */\n  hasMore?: boolean;\n  /**\n   * Whether the pagination controls are disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Accessible label for the navigation landmark.\n   * @default 'Pagination'\n   */\n  label?: string;\n  /**\n   * Called when the page changes.\n   */\n  onChange: (page: number) => void;\n  /**\n   * Current page number, starting at 1.\n   */\n  page: number;\n  /**\n   * Number of items per page.\n   * @default 10\n   */\n  pageSize?: number;\n  /**\n   * Ref forwarded to the navigation root.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Number of page buttons to show on each side of the current page.\n   * @default 1\n   */\n  siblingCount?: number;\n  /**\n   * Control size.\n   * @default 'md'\n   */\n  size?: ButtonSize;\n  /**\n   * Inline styles applied to the navigation root.\n   */\n  style?: CSSProperties;\n  /**\n   * Display variant.\n   * @default 'pages'\n   */\n  variant?: PaginationVariant;\n}\n\nexport type PaginationProps = PaginationBaseProps &\n  (\n    | {totalItems: number; totalPages?: never}\n    | {totalItems?: never; totalPages: number}\n    | {totalItems?: never; totalPages?: never}\n  );\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: '4',\n  }),\n  controls: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '1',\n  }),\n  ellipsis: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: 'fg.muted',\n    fontFamily: 'body',\n    fontSize: 'sm',\n    userSelect: 'none',\n  }),\n  infoText: css({\n    display: 'flex',\n    alignItems: 'center',\n    whiteSpace: 'nowrap',\n  }),\n  activePage: css({\n    bg: 'bg.hover',\n    fontWeight: 'medium',\n  }),\n} as const;\n\nfunction generatePageRange(\n  currentPage: number,\n  totalPages: number,\n  siblingCount: number,\n): (number | '...')[] {\n  const totalSlots = 5 + 2 * siblingCount;\n\n  if (totalPages <= totalSlots) {\n    return Array.from({length: totalPages}, (_, index) => index + 1);\n  }\n\n  const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);\n  const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);\n  const showLeftEllipsis = leftSiblingIndex > 2;\n  const showRightEllipsis = rightSiblingIndex < totalPages - 1;\n\n  if (!showLeftEllipsis && showRightEllipsis) {\n    const leftRange = 3 + 2 * siblingCount;\n    return [\n      ...Array.from({length: leftRange}, (_, index) => index + 1),\n      '...',\n      totalPages,\n    ];\n  }\n\n  if (showLeftEllipsis && !showRightEllipsis) {\n    const rightRange = 3 + 2 * siblingCount;\n    return [\n      1,\n      '...',\n      ...Array.from(\n        {length: rightRange},\n        (_, index) => totalPages - rightRange + index + 1,\n      ),\n    ];\n  }\n\n  return [\n    1,\n    '...',\n    ...Array.from(\n      {length: rightSiblingIndex - leftSiblingIndex + 1},\n      (_, index) => leftSiblingIndex + index,\n    ),\n    '...',\n    totalPages,\n  ];\n}\n\n/**\n * Page navigation controls with multiple display variants\n * (numbered pages, count summary, compact label, or none).\n */\nexport function Pagination({\n  className,\n  'data-testid': dataTestId,\n  hasMore,\n  isDisabled = false,\n  label = 'Pagination',\n  onChange,\n  page: pageFromProps,\n  pageSize: pageSizeFromProps = 10,\n  ref,\n  siblingCount: siblingCountFromProps = 1,\n  size = 'md',\n  style,\n  totalItems,\n  totalPages: totalPagesProp,\n  variant = 'pages',\n}: PaginationProps): React.JSX.Element | null {\n  const siblingCount = Math.max(0, siblingCountFromProps);\n  const pageSize = Math.max(1, pageSizeFromProps);\n  const computedTotalPages =\n    totalPagesProp ??\n    (totalItems != null ? Math.ceil(totalItems / pageSize) : undefined);\n  const page = Math.max(\n    1,\n    computedTotalPages != null\n      ? Math.min(pageFromProps, computedTotalPages)\n      : pageFromProps,\n  );\n  const hasPrevious = page > 1;\n  const hasNext =\n    computedTotalPages != null ? page < computedTotalPages : (hasMore ?? false);\n\n  const pageRange = useMemo(\n    () =>\n      computedTotalPages != null\n        ? generatePageRange(page, computedTotalPages, siblingCount)\n        : [],\n    [page, computedTotalPages, siblingCount],\n  );\n\n  if (totalItems != null && totalItems <= 0) {\n    return null;\n  }\n\n  if (computedTotalPages != null && computedTotalPages <= 0) {\n    return null;\n  }\n\n  const handlePageChange = (newPage: number) => {\n    if (isDisabled) {\n      return;\n    }\n\n    onChange(newPage);\n  };\n\n  const rangeStart = (page - 1) * pageSize + 1;\n  const rangeEnd =\n    totalItems == null\n      ? page * pageSize\n      : Math.min(page * pageSize, totalItems);\n\n  const renderIndicator = () => {\n    switch (variant) {\n      case 'pages': {\n        if (computedTotalPages == null) {\n          return null;\n        }\n\n        return pageRange.map((item, index) => {\n          if (item === '...') {\n            return (\n              <span\n                aria-hidden=\"true\"\n                className={styles.ellipsis}\n                key={`ellipsis-${pageRange[index - 1]}-${pageRange[index + 1]}`}>\n                ...\n              </span>\n            );\n          }\n\n          const isActive = item === page;\n          return (\n            <Button\n              aria-current={isActive ? 'page' : undefined}\n              aria-label={\n                isActive ? `Page ${item}, current page` : `Go to page ${item}`\n              }\n              className={isActive ? styles.activePage : undefined}\n              isDisabled={isDisabled}\n              key={item}\n              label={String(item)}\n              onClick={isActive ? undefined : () => handlePageChange(item)}\n              size={size}\n              variant=\"ghost\"\n            />\n          );\n        });\n      }\n\n      case 'count':\n        return totalItems == null ? null : (\n          <span aria-live=\"polite\" className={styles.infoText}>\n            <Text color=\"primary\" size=\"sm\" type=\"body\">\n              {`${rangeStart}-${rangeEnd} of ${totalItems}`}\n            </Text>\n          </span>\n        );\n\n      case 'compact':\n        return computedTotalPages == null ? null : (\n          <span aria-live=\"polite\" className={styles.infoText}>\n            <Text color=\"primary\" size=\"sm\" type=\"body\">\n              {`Page ${page} of ${computedTotalPages}`}\n            </Text>\n          </span>\n        );\n\n      case 'none':\n      default:\n        return null;\n    }\n  };\n\n  return (\n    <nav\n      aria-label={label}\n      className={cx(styles.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <div className={styles.controls}>\n        <Button\n          icon={ChevronLeft}\n          isDisabled={isDisabled || !hasPrevious}\n          isIconOnly\n          label=\"Go to previous page\"\n          onClick={() => handlePageChange(page - 1)}\n          size={size}\n          variant=\"ghost\"\n        />\n        {renderIndicator()}\n        <Button\n          icon={ChevronRight}\n          isDisabled={isDisabled || !hasNext}\n          isIconOnly\n          label=\"Go to next page\"\n          onClick={() => handlePageChange(page + 1)}\n          size={size}\n          variant=\"ghost\"\n        />\n      </div>\n    </nav>\n  );\n}\n\nPagination.displayName = 'Pagination';\n"]}

package/dist/{chunk-QFO5ZTZZ.js → chunk-IUUQXCDE.js}

@@ -1,5 +1,5 @@
 import { toPixelSize } from './chunk-KLMODPEE.js';
-import { cva } from './chunk-NAELQLZN.js';
+import { cva } from './chunk-FMEIPGUP.js';
 import { cx } from './chunk-PPNETWIP.js';
 import { jsx } from 'react/jsx-runtime';
 
@@ -24,8 +24,7 @@ var centerRecipe = cva({
     isInline: {
       true: {
         display: "inline-flex"
-      },
-      false: {}
+      }
     }
   },
   defaultVariants: {
@@ -53,9 +52,9 @@ function Center({
       "data-testid": dataTestId,
       ref,
       style: {
-        width: toPixelSize(width),
-        height: toPixelSize(height),
-        ...style
+        ...style,
+        ...width != null ? { width: toPixelSize(width) } : void 0,
+        ...height != null ? { height: toPixelSize(height) } : void 0
       },
       children
     }
@@ -63,6 +62,6 @@ function Center({
 }
 Center.displayName = "Center";
 
-export { Center, centerRecipe };
-//# sourceMappingURL=chunk-QFO5ZTZZ.js.map
-//# sourceMappingURL=chunk-QFO5ZTZZ.js.map
+export { Center };
+//# sourceMappingURL=chunk-IUUQXCDE.js.map
+//# sourceMappingURL=chunk-IUUQXCDE.js.map

package/dist/chunk-IUUQXCDE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Center/Center.recipe.ts","../src/components/Center/Center.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,eAAe,GAAA,CAAI;AAAA,EAC9B,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,IAAA,EAAM;AAAA,QACJ,UAAA,EAAY,QAAA;AAAA,QACZ,cAAA,EAAgB;AAAA,OAClB;AAAA,MACA,UAAA,EAAY;AAAA,QACV,cAAA,EAAgB;AAAA,OAClB;AAAA,MACA,QAAA,EAAU;AAAA,QACR,UAAA,EAAY;AAAA;AACd,KACF;AAAA,IACA,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS;AAAA;AACX;AACF,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,MAAA;AAAA,IACN,QAAA,EAAU;AAAA;AAEd,CAAC,CAAA;ACSM,SAAS,MAAA,CAAO;AAAA,EACrB,IAAA,GAAO,MAAA;AAAA,EACP,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,MAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,GAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAmC;AACjC,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,SAAA,EAAW,GAAG,YAAA,CAAa,EAAC,MAAM,QAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MACvD,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA;AAAA,QACH,GAAI,SAAS,IAAA,GAAO,EAAC,OAAO,WAAA,CAAY,KAAK,GAAC,GAAI,MAAA;AAAA,QAClD,GAAI,UAAU,IAAA,GAAO,EAAC,QAAQ,WAAA,CAAY,MAAM,GAAC,GAAI;AAAA,OACvD;AAAA,MACC;AAAA;AAAA,GACH;AAEJ;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-IUUQXCDE.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const centerRecipe = cva({\n  base: {\n    display: 'flex',\n  },\n  variants: {\n    axis: {\n      both: {\n        alignItems: 'center',\n        justifyContent: 'center',\n      },\n      horizontal: {\n        justifyContent: 'center',\n      },\n      vertical: {\n        alignItems: 'center',\n      },\n    },\n    isInline: {\n      true: {\n        display: 'inline-flex',\n      },\n    },\n  },\n  defaultVariants: {\n    axis: 'both',\n    isInline: false,\n  },\n});\n\nexport type CenterVariants = RecipeVariantProps<typeof centerRecipe>;\n","import type {HTMLAttributes, ReactNode, Ref} from 'react';\nimport {cx} from '../../internal/cx';\nimport {toPixelSize, type SizeValue} from '../../internal/toPixelSize';\nimport {centerRecipe} from './Center.recipe';\n\nexport type CenterAxis = 'both' | 'horizontal' | 'vertical';\n\nexport interface CenterProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Which axes to center content along.\n   */\n  axis?: CenterAxis;\n  /**\n   * Content to center.\n   */\n  children: ReactNode;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Fixed height. Numbers are treated as pixels.\n   */\n  height?: SizeValue;\n  /**\n   * Render as `inline-flex` instead of `flex`.\n   */\n  isInline?: boolean;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Fixed width. Numbers are treated as pixels.\n   */\n  width?: SizeValue;\n}\n\nexport function Center({\n  axis = 'both',\n  children,\n  className,\n  'data-testid': dataTestId,\n  height,\n  isInline = false,\n  ref,\n  style,\n  width,\n  ...htmlProps\n}: CenterProps): React.JSX.Element {\n  return (\n    <div\n      {...htmlProps}\n      className={cx(centerRecipe({axis, isInline}), className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={{\n        ...style,\n        ...(width != null ? {width: toPixelSize(width)} : undefined),\n        ...(height != null ? {height: toPixelSize(height)} : undefined),\n      }}>\n      {children}\n    </div>\n  );\n}\n\nCenter.displayName = 'Center';\n"]}

package/dist/{chunk-WEEYUS7M.cjs → chunk-IXJOPMJX.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkI6IGTQLG_cjs = require('./chunk-I6IGTQLG.cjs');
-var chunkJAX62FUE_cjs = require('./chunk-JAX62FUE.cjs');
+var chunkKFEXS6OK_cjs = require('./chunk-KFEXS6OK.cjs');
+var chunkJRBQKFVO_cjs = require('./chunk-JRBQKFVO.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -24,7 +24,7 @@ var statusStyles = {
     _focusWithin: { borderColor: "status.warning.border" }
   }
 };
-var inputGroupRecipe = chunkJAX62FUE_cjs.cva({
+var inputGroupRecipe = chunkJRBQKFVO_cjs.cva({
   base: {
     display: "inline-flex",
     alignItems: "stretch",
@@ -152,9 +152,9 @@ function InputGroup({
     }),
     [isDisabled, label, size, status?.type]
   );
-  const necessity = { isOptional, isRequired };
+  const necessity = chunkKFEXS6OK_cjs.getNecessity(isOptional, isRequired);
   return /* @__PURE__ */ jsxRuntime.jsx(InputGroupContext, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkI6IGTQLG_cjs.Field,
+    chunkKFEXS6OK_cjs.Field,
     {
       description,
       descriptionID,
@@ -218,5 +218,5 @@ exports.InputGroup = InputGroup;
 exports.InputGroupContext = InputGroupContext;
 exports.InputGroupText = InputGroupText;
 exports.useInputGroup = useInputGroup;
-//# sourceMappingURL=chunk-WEEYUS7M.cjs.map
-//# sourceMappingURL=chunk-WEEYUS7M.cjs.map
+//# sourceMappingURL=chunk-IXJOPMJX.cjs.map
+//# sourceMappingURL=chunk-IXJOPMJX.cjs.map

package/dist/chunk-IXJOPMJX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/InputGroup/InputGroup.recipe.ts","../src/components/InputGroup/InputGroupContext.ts","../src/components/InputGroup/InputGroup.tsx","../src/components/InputGroup/InputGroupText.tsx"],"names":["cva","createContext","use","useId","useMemo","getNecessity","jsx","Field","cx"],"mappings":"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","file":"chunk-IXJOPMJX.cjs","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\nimport type {InputSize, InputStatusType} from '../Field';\n\nconst addonSelector = '& > [data-silver-input-group-text]';\nconst controlSelector = '& > :not([data-silver-input-group-text])';\nconst itemSelector = '& > *';\n\nconst statusStyles = {\n  error: {\n    borderColor: 'status.error.border',\n    _focusWithin: {borderColor: 'status.error.border'},\n  },\n  success: {\n    borderColor: 'status.success.border',\n    _focusWithin: {borderColor: 'status.success.border'},\n  },\n  warning: {\n    borderColor: 'status.warning.border',\n    _focusWithin: {borderColor: 'status.warning.border'},\n  },\n} satisfies Record<InputStatusType, object>;\n\nexport const inputGroupRecipe = cva({\n  base: {\n    display: 'inline-flex',\n    alignItems: 'stretch',\n    isolation: 'isolate',\n    maxW: 'full',\n    [itemSelector]: {\n      position: 'relative',\n      borderRadius: 0,\n    },\n    [`${itemSelector}:not(:first-child)`]: {\n      marginInlineStart: '-1px',\n    },\n    [`${itemSelector}:first-child`]: {\n      borderStartStartRadius: 'md',\n      borderEndStartRadius: 'md',\n    },\n    [`${itemSelector}:last-child`]: {\n      borderStartEndRadius: 'md',\n      borderEndEndRadius: 'md',\n    },\n    [`${itemSelector}:focus-within`]: {\n      zIndex: 1,\n    },\n    [controlSelector]: {\n      flex: 1,\n      minW: 0,\n      h: 'full',\n    },\n    [addonSelector]: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n      px: '3',\n      borderWidth: 'default',\n      borderStyle: 'solid',\n      borderColor: 'border.emphasized',\n      bg: 'bg.subtle',\n      color: 'fg.muted',\n      fontFamily: 'body',\n      fontSize: 'md',\n      lineHeight: 'normal',\n      whiteSpace: 'nowrap',\n    },\n  },\n  variants: {\n    isDisabled: {\n      false: {},\n      true: {\n        cursor: 'not-allowed',\n        opacity: 0.55,\n      },\n    },\n    size: {\n      lg: {\n        [addonSelector]: {\n          minH: 'component.lg',\n        },\n      },\n      md: {\n        [addonSelector]: {\n          minH: 'component.md',\n        },\n      },\n      sm: {\n        [addonSelector]: {\n          minH: 'component.sm',\n        },\n      },\n    },\n    status: {\n      error: {\n        [addonSelector]: statusStyles.error,\n        [controlSelector]: statusStyles.error,\n      },\n      success: {\n        [addonSelector]: statusStyles.success,\n        [controlSelector]: statusStyles.success,\n      },\n      warning: {\n        [addonSelector]: statusStyles.warning,\n        [controlSelector]: statusStyles.warning,\n      },\n    },\n  },\n  defaultVariants: {\n    isDisabled: false,\n    size: 'md',\n  },\n});\n\nexport type InputGroupVariants = RecipeVariantProps<typeof inputGroupRecipe>;\nexport type InputGroupSize = InputSize;\n","import {createContext, use} from 'react';\nimport type {InputSize, InputStatusType} from '../Field';\n\nexport interface InputGroupContextValue {\n  isDisabled: boolean;\n  isInGroup: true;\n  label: string;\n  size: InputSize;\n  statusType?: InputStatusType;\n}\n\nexport const InputGroupContext = createContext<InputGroupContextValue | null>(\n  null,\n);\n\nInputGroupContext.displayName = 'InputGroupContext';\n\nexport function useInputGroup(): InputGroupContextValue | null {\n  return use(InputGroupContext);\n}\n","import {\n  useMemo,\n  useId,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {cx} from '../../internal/cx';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from '../Field';\nimport {inputGroupRecipe} from './InputGroup.recipe';\nimport {InputGroupContext} from './InputGroupContext';\n\nexport type InputGroupProps = {\n  /**\n   * Grouped input children to render side-by-side.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the group wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the group wrapper.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether all grouped inputs are 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   * Label text for the input group.\n   */\n  label: string;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Ref forwarded to the group wrapper.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Visual size applied to the group.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Validation status displayed below the group.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the group wrapper.\n   */\n  style?: CSSProperties;\n} & FieldNecessity;\n\n/**\n * Groups multiple inputs into a single visually connected row.\n */\nexport function InputGroup({\n  children,\n  label,\n  description,\n  isDisabled = false,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  size = 'md',\n  status,\n  labelTooltip,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: InputGroupProps): React.JSX.Element {\n  const inputId = useId();\n  const labelId = `${inputId}-label`;\n  const descriptionID =\n    description != null ? `${inputId}-description` : undefined;\n  const statusID = status?.message != null ? `${inputId}-status` : undefined;\n  const describedBy =\n    [descriptionID, statusID].filter(Boolean).join(' ') || undefined;\n  const contextValue = useMemo(\n    () => ({\n      isInGroup: true as const,\n      isDisabled,\n      label,\n      size,\n      statusType: status?.type,\n    }),\n    [isDisabled, label, size, status?.type],\n  );\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  return (\n    <InputGroupContext value={contextValue}>\n      <Field\n        description={description}\n        descriptionID={descriptionID}\n        inputId={inputId}\n        isDisabled={isDisabled}\n        isLabelHidden={isLabelHidden}\n        labelAs=\"span\"\n        labelId={labelId}\n        {...necessity}\n        label={label}\n        labelTooltip={labelTooltip}\n        status={status == null ? undefined : {...status, messageID: statusID}}\n        statusVariant=\"detached\">\n        <div\n          aria-describedby={describedBy}\n          aria-disabled={isDisabled || undefined}\n          aria-labelledby={labelId}\n          className={cx(\n            inputGroupRecipe({\n              isDisabled,\n              size,\n              status: status?.type,\n            }),\n            className,\n          )}\n          data-testid={dataTestId}\n          ref={ref}\n          role=\"group\"\n          style={style}>\n          {children}\n        </div>\n      </Field>\n    </InputGroupContext>\n  );\n}\n\nInputGroup.displayName = 'InputGroup';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {cx} from '../../internal/cx';\n\nexport interface InputGroupTextProps {\n  children: ReactNode;\n  className?: string;\n  'data-testid'?: string;\n  ref?: Ref<HTMLDivElement>;\n  style?: CSSProperties;\n}\n\nexport function InputGroupText({\n  children,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: InputGroupTextProps): React.JSX.Element {\n  return (\n    <div\n      className={cx(className)}\n      data-silver-input-group-text=\"\"\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {children}\n    </div>\n  );\n}\n\nInputGroupText.displayName = 'InputGroupText';\n"]}