silver-ui 0.3.1 → 0.5.0

package/dist/chunk-4SUQFPWH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/FileInput/FileInput.recipe.ts","../src/internal/formatFileSize.ts","../src/components/FileInput/FileInput.tsx"],"names":[],"mappings":"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","file":"chunk-4SUQFPWH.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const fileInputRecipe = sva({\n  slots: ['surface', 'icon', 'fileName'],\n  base: {\n    surface: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      px: '3',\n      borderWidth: 'default',\n      borderStyle: 'solid',\n      borderColor: 'border.emphasized',\n      borderRadius: 'md',\n      bg: 'bg',\n      cursor: 'pointer',\n      _hover: {borderColor: 'fg.muted'},\n    },\n    icon: {\n      display: 'inline-flex',\n      color: 'fg.muted',\n    },\n    fileName: {\n      flex: 1,\n      minW: 0,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n    },\n  },\n  variants: {\n    mode: {\n      input: {\n        surface: {\n          position: 'relative',\n          zIndex: 1,\n          transitionProperty: 'border-color, box-shadow, opacity',\n          transitionDuration: 'fast',\n          transitionTimingFunction: 'default',\n          _focusWithin: {\n            borderColor: 'primary',\n            boxShadow: 'focus',\n          },\n        },\n      },\n      dropzone: {\n        surface: {\n          minH: '32',\n          flexDirection: 'column',\n          justifyContent: 'center',\n          borderStyle: 'dashed',\n          textAlign: 'center',\n          '& > *': {flex: 'none'},\n          // Focus lives on the visually-hidden file input, so the surface\n          // reflects it via :focus-within (the input mode uses boxShadow).\n          _focusWithin: {\n            outlineWidth: 'focus',\n            outlineStyle: 'solid',\n            outlineColor: 'primary',\n            outlineOffset: 'focusOffset',\n          },\n        },\n      },\n    },\n    // Size only affects the input mode's height; the dropzone has a fixed\n    // height, so the real styling lives in compoundVariants below.\n    size: {\n      sm: {},\n      md: {},\n      lg: {},\n    },\n    // Status border/focus colors only apply in input mode (the dropzone\n    // surface keeps its dashed border), so they live in compoundVariants.\n    status: {\n      warning: {},\n      error: {},\n      success: {},\n    },\n    isDisabled: {\n      true: {\n        surface: {cursor: 'not-allowed', opacity: 0.55},\n      },\n      false: {},\n    },\n    isDragOver: {\n      true: {\n        surface: {borderColor: 'primary', bg: 'bg.selected'},\n      },\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {mode: 'input', size: 'sm', css: {surface: {minH: 'component.sm'}}},\n    {mode: 'input', size: 'md', css: {surface: {minH: 'component.md'}}},\n    {mode: 'input', size: 'lg', css: {surface: {minH: 'component.lg'}}},\n    {\n      mode: 'input',\n      status: 'warning',\n      css: {\n        surface: {\n          borderColor: 'status.warning.border',\n          _hover: {borderColor: 'status.warning.borderHover'},\n          _focusWithin: {\n            borderColor: 'status.warning.border',\n            boxShadow: 'focus.warning',\n          },\n        },\n      },\n    },\n    {\n      mode: 'input',\n      status: 'error',\n      css: {\n        surface: {\n          borderColor: 'status.error.border',\n          _hover: {borderColor: 'status.error.borderHover'},\n          _focusWithin: {\n            borderColor: 'status.error.border',\n            boxShadow: 'focus.error',\n          },\n        },\n      },\n    },\n    {\n      mode: 'input',\n      status: 'success',\n      css: {\n        surface: {\n          borderColor: 'status.success.border',\n          _hover: {borderColor: 'status.success.borderHover'},\n          _focusWithin: {\n            borderColor: 'status.success.border',\n            boxShadow: 'focus.success',\n          },\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    mode: 'input',\n    size: 'md',\n    isDisabled: false,\n    isDragOver: false,\n  },\n});\n\nexport type FileInputVariants = RecipeVariantProps<typeof fileInputRecipe>;\n","export function formatFileSize(bytes: number): string {\n  if (bytes < 1024) {\n    return `${bytes} B`;\n  }\n\n  if (bytes < 1024 * 1024) {\n    return `${(bytes / 1024).toFixed(1)} KB`;\n  }\n\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n","import {Upload, X} from 'lucide-react';\nimport {\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type DragEvent,\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 {\n  getDescribedBy,\n  getStatusIcon,\n  getStatusMessageID,\n} from 'components/Field/inputUtils';\nimport {fileInputRecipe} from 'components/FileInput/FileInput.recipe';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Spinner} from 'components/Spinner';\nimport {Text} from 'components/Text';\nimport {VisuallyHidden} from 'internal/VisuallyHidden';\nimport {cx} from 'internal/cx';\nimport {formatFileSize} from 'internal/formatFileSize';\nimport isReactNode from 'internal/isReactNode';\nimport {mergeRefs} from 'internal/mergeRefs';\n\nexport type FileInputMode = 'dropzone' | 'input';\n\ninterface FileInputBaseProps {\n  /**\n   * Comma-separated MIME types or file extensions the input accepts.\n   */\n  accept?: string;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the hidden file input.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text rendered below the label.\n   */\n  description?: ReactNode;\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 file size in bytes.\n   */\n  maxSize?: number;\n  /**\n   * Display mode: inline input or drag-and-drop dropzone.\n   * @default 'input'\n   */\n  mode?: FileInputMode;\n  /**\n   * Placeholder text shown when no file is selected.\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the hidden file 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 root element.\n   */\n  style?: CSSProperties;\n}\n\ninterface FileInputSingleProps extends FileInputBaseProps {\n  /**\n   * Whether multiple files can be selected.\n   */\n  isMultiple?: false;\n  /**\n   * Maximum number of files allowed. Only applicable when isMultiple is true.\n   */\n  maxFiles?: undefined;\n  /**\n   * Called when the selected file changes.\n   */\n  onChange: (file: File | null) => void;\n  /**\n   * Currently selected file.\n   */\n  value: File | null;\n}\n\ninterface FileInputMultipleProps extends FileInputBaseProps {\n  /**\n   * Whether multiple files can be selected.\n   */\n  isMultiple: true;\n  /**\n   * Maximum number of files allowed.\n   */\n  maxFiles?: number;\n  /**\n   * Called when the selected files change.\n   */\n  onChange: (files: File[]) => void;\n  /**\n   * Currently selected files.\n   */\n  value: File[];\n}\n\nexport type FileInputProps = (FileInputMultipleProps | FileInputSingleProps) &\n  FieldNecessity;\n\nfunction validateFiles(\n  files: File[],\n  options: {\n    accept?: string;\n    isMultiple: boolean;\n    maxFiles?: number;\n    maxSize?: number;\n  },\n): {error: string | null; files: File[]} {\n  let validFiles = files;\n  if (options.accept != null) {\n    const acceptedTypes = options.accept\n      .split(',')\n      .map(type => type.trim().toLowerCase());\n    validFiles = validFiles.filter(file =>\n      acceptedTypes.some(type => {\n        if (type.startsWith('.')) {\n          return file.name.toLowerCase().endsWith(type);\n        }\n        if (type.endsWith('/*')) {\n          return file.type.startsWith(type.slice(0, -1));\n        }\n        return file.type.toLowerCase() === type;\n      }),\n    );\n    if (validFiles.length !== files.length) {\n      return {\n        files: validFiles,\n        error: 'One or more files are not an accepted type.',\n      };\n    }\n  }\n  if (options.maxSize != null) {\n    const maxSize = options.maxSize;\n    const oversized = validFiles.find(file => file.size > maxSize);\n    if (oversized != null) {\n      return {\n        error: `\"${oversized.name}\" exceeds ${formatFileSize(maxSize)}.`,\n        files: validFiles.filter(file => file.size <= maxSize),\n      };\n    }\n  }\n  if (\n    options.isMultiple &&\n    options.maxFiles != null &&\n    validFiles.length > options.maxFiles\n  ) {\n    return {\n      files: validFiles.slice(0, options.maxFiles),\n      error: `Maximum ${options.maxFiles} files allowed.`,\n    };\n  }\n  return {files: validFiles, error: null};\n}\n\nfunction getFileNames(value: File | File[] | null): string | null {\n  if (value == null) {\n    return null;\n  }\n  if (Array.isArray(value)) {\n    return value.length === 0 ? null : value.map(file => file.name).join(', ');\n  }\n  return value.name;\n}\n\n/**\n * A file input supporting both inline and drag-and-drop dropzone modes.\n */\nexport function FileInput({\n  label,\n  value,\n  onChange,\n  accept,\n  isMultiple = false,\n  maxSize,\n  maxFiles,\n  mode = 'input',\n  placeholder,\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  size = 'md',\n  status: statusFromProps,\n  labelIcon,\n  labelTooltip,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: FileInputProps): React.JSX.Element {\n  const inputId = useId();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [isDragOver, setIsDragOver] = useState(false);\n  const [validationError, setValidationError] = useState<string | null>(null);\n  // A validation error from the user's most recent selection is immediate,\n  // actionable feedback about what they just tried to do (wrong type, too\n  // large, too many), so it takes precedence over a consumer-provided `status`\n  // such as a form-level \"required\". Once there is no validation error (a valid\n  // selection or a cleared field), the external status surfaces again.\n  const status =\n    validationError == null\n      ? statusFromProps\n      : {type: 'error' as const, message: validationError};\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const fileNames = getFileNames(value);\n  const displayText =\n    fileNames ?? placeholder ?? (isMultiple ? 'Choose files' : 'Choose file');\n  const isDropzone = mode === 'dropzone';\n  const classes = fileInputRecipe({\n    mode,\n    size,\n    status: status?.type,\n    isDisabled,\n    isDragOver,\n  });\n\n  const handleFiles = (files: File[]) => {\n    if (isDisabled) {\n      return;\n    }\n    const result = validateFiles(files, {\n      accept,\n      isMultiple,\n      maxFiles,\n      maxSize,\n    });\n    setValidationError(result.error);\n    if (isMultiple) {\n      (onChange as (files: File[]) => void)(result.files);\n    } else if (result.files.length === 0) {\n      (onChange as (file: File | null) => void)(null);\n    } else {\n      (onChange as (file: File | null) => void)(result.files[0]);\n    }\n  };\n\n  const handleClear = () => {\n    setValidationError(null);\n    if (isMultiple) {\n      (onChange as (files: File[]) => void)([]);\n    } else {\n      (onChange as (file: File | null) => void)(null);\n    }\n  };\n\n  const openFilePicker = () => {\n    if (!isDisabled) {\n      inputRef.current?.click();\n    }\n  };\n\n  const dragProps = isDropzone\n    ? {\n        onDragEnter: (event: DragEvent<HTMLDivElement>) => {\n          event.preventDefault();\n          if (!isDisabled) {\n            setIsDragOver(true);\n          }\n        },\n        onDragLeave: (event: DragEvent<HTMLDivElement>) => {\n          event.preventDefault();\n          setIsDragOver(false);\n        },\n        onDragOver: (event: DragEvent<HTMLDivElement>) => {\n          event.preventDefault();\n          if (!isDisabled) {\n            setIsDragOver(true);\n          }\n        },\n        onDrop: (event: DragEvent<HTMLDivElement>) => {\n          event.preventDefault();\n          setIsDragOver(false);\n          if (!isDisabled) {\n            handleFiles(Array.from(event.dataTransfer.files));\n          }\n        },\n      }\n    : {};\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  return (\n    <Field\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      {/*\n        The visually-hidden <input> is the real, focusable, labeled control\n        (the Field label targets it via htmlFor), so it owns the accessible\n        name, description, focus, and keyboard activation. The surface is only\n        a presentational mouse/drop target — it intentionally has no role or\n        keyboard handler, because that would create a redundant second control\n        with the same name. Hence the scoped a11y disables below.\n      */}\n      {/* eslint-disable jsx-a11y-x/no-static-element-interactions, jsx-a11y-x/click-events-have-key-events */}\n      <div\n        aria-busy={isLoading || undefined}\n        className={cx(classes.surface, className)}\n        onClick={openFilePicker}\n        style={style}\n        {...dragProps}>\n        <VisuallyHidden>\n          <input\n            accept={accept}\n            aria-describedby={describedBy}\n            aria-invalid={status?.type === 'error' || undefined}\n            data-testid={dataTestId}\n            disabled={isDisabled}\n            id={inputId}\n            multiple={isMultiple}\n            onChange={event => {\n              handleFiles(Array.from(event.target.files ?? []));\n              event.currentTarget.value = '';\n            }}\n            ref={mergeRefs(ref, inputRef)}\n            required={isRequired}\n            type=\"file\"\n          />\n        </VisuallyHidden>\n        {isLoading ? (\n          <Spinner size={isDropzone ? 'md' : 'sm'} />\n        ) : (\n          <span className={classes.icon}>\n            <Icon icon={Upload} size={isDropzone ? 'md' : 'sm'} />\n          </span>\n        )}\n        <Text\n          as=\"span\"\n          className={classes.fileName}\n          color={fileNames == null ? 'secondary' : 'primary'}>\n          {isDragOver ? 'Drop files here' : displayText}\n        </Text>\n        {fileNames != null && !isDisabled && !isLoading ? (\n          <Button\n            icon={X}\n            isIconOnly\n            label={`Clear ${label}`}\n            onClick={event => {\n              event.stopPropagation();\n              handleClear();\n            }}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        ) : null}\n        {status != null && !isDropzone ? (\n          <span className={classes.icon}>{getStatusIcon(status.type)}</span>\n        ) : null}\n      </div>\n      {/* eslint-enable jsx-a11y-x/no-static-element-interactions, jsx-a11y-x/click-events-have-key-events */}\n    </Field>\n  );\n}\n\nFileInput.displayName = 'FileInput';\n"]}

package/dist/{chunk-P3SMNZCT.js → chunk-56PY2CD7.js}

@@ -1,6 +1,8 @@
+import { resolveDismissBehavior, useBackdropDismiss } from './chunk-BUYZZOOU.js';
 import { DialogContext } from './chunk-BKKLUIIU.js';
+import { useScrollLock } from './chunk-PZHRFASW.js';
 import { mergeRefs } from './chunk-SGLIDI6R.js';
-import { sva } from './chunk-EHCAF6D3.js';
+import { sva } from './chunk-IAVZKGZS.js';
 import { cx } from './chunk-PPNETWIP.js';
 import { useRef, useId, useMemo, useEffect, useState, useCallback } from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -70,21 +72,6 @@ var dialogRecipe = sva({
 function formatSize(value) {
   return typeof value === "number" ? `${value}px` : value;
 }
-function getDismissBehavior(dismissBehavior) {
-  if (dismissBehavior == null) {
-    return { isBackdropDismissEnabled: true, isEscapeDismissEnabled: true };
-  }
-  if (typeof dismissBehavior === "boolean") {
-    return {
-      isBackdropDismissEnabled: dismissBehavior,
-      isEscapeDismissEnabled: dismissBehavior
-    };
-  }
-  return {
-    isBackdropDismissEnabled: dismissBehavior.isBackdropDismissEnabled ?? true,
-    isEscapeDismissEnabled: dismissBehavior.isEscapeDismissEnabled ?? true
-  };
-}
 function Dialog({
   isOpen,
   label,
@@ -102,10 +89,13 @@ function Dialog({
   ref
 }) {
   const dialogRef = useRef(null);
-  const triggerRef = useRef(null);
   const titleId = useId();
   const isFullscreen = variant === "fullscreen";
-  const { isBackdropDismissEnabled, isEscapeDismissEnabled } = getDismissBehavior(dismissBehavior);
+  const { isBackdropDismissEnabled, isEscapeDismissEnabled } = resolveDismissBehavior(dismissBehavior);
+  const backdropDismiss = useBackdropDismiss({
+    isEnabled: isBackdropDismissEnabled,
+    onDismiss: () => onOpenChange(false)
+  });
   const dialogContextValue = useMemo(
     () => ({ onOpenChange, titleId }),
     [onOpenChange, titleId]
@@ -117,7 +107,6 @@ function Dialog({
       return;
     }
     if (isOpen) {
-      triggerRef.current = document.activeElement;
       if (!dialog.open) {
         dialog.showModal();
       }
@@ -125,20 +114,9 @@ function Dialog({
       autofocusTarget?.focus();
     } else if (dialog.open) {
       dialog.close();
-      triggerRef.current?.focus();
-      triggerRef.current = null;
     }
   }, [isOpen]);
-  useEffect(() => {
-    if (!isOpen) {
-      return;
-    }
-    const previousOverflow = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.body.style.overflow = previousOverflow;
-    };
-  }, [isOpen]);
+  useScrollLock(isOpen);
   const positionStyle = position != null && !isFullscreen ? {
     bottom: position.bottom == null ? "auto" : formatSize(position.bottom),
     left: position.left == null ? "auto" : formatSize(position.left),
@@ -159,11 +137,8 @@ function Dialog({
           onOpenChange(false);
         }
       },
-      onClick: (event) => {
-        if (event.target === event.currentTarget && isBackdropDismissEnabled) {
-          onOpenChange(false);
-        }
-      },
+      onClick: backdropDismiss.onClick,
+      onPointerDown: backdropDismiss.onPointerDown,
       ref: mergeRefs(ref, dialogRef),
       role: role === "dialog" ? void 0 : role,
       style: {
@@ -180,13 +155,11 @@ Dialog.displayName = "Dialog";
 function useDialog(defaultOptions) {
   const [isOpen, setIsOpen] = useState(false);
   const [content, setContent] = useState(null);
-  const [options, setOptions] = useState(
-    defaultOptions
-  );
+  const [callOptions, setCallOptions] = useState();
   const show = useCallback(
     (nextContent, nextOptions) => {
       setContent(nextContent);
-      setOptions((previous) => ({ ...previous, ...nextOptions }));
+      setCallOptions(nextOptions);
       setIsOpen(true);
     },
     []
@@ -197,18 +170,18 @@ function useDialog(defaultOptions) {
       Dialog,
       {
         ...defaultOptions ?? {},
-        ...options ?? {},
+        ...callOptions ?? {},
         isOpen,
-        label: options?.label ?? defaultOptions?.label ?? "Dialog",
+        label: callOptions?.label ?? defaultOptions?.label,
         onOpenChange: setIsOpen,
         children: content
       }
     ),
-    [content, defaultOptions, isOpen, options]
+    [content, defaultOptions, isOpen, callOptions]
   );
   return { element, hide, isOpen, show };
 }
 
 export { Dialog, useDialog };
-//# sourceMappingURL=chunk-P3SMNZCT.js.map
-//# sourceMappingURL=chunk-P3SMNZCT.js.map
+//# sourceMappingURL=chunk-56PY2CD7.js.map
+//# sourceMappingURL=chunk-56PY2CD7.js.map

package/dist/chunk-56PY2CD7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Dialog/Dialog.recipe.ts","../src/components/Dialog/Dialog.tsx","../src/components/Dialog/useDialog.tsx"],"names":["useMemo","jsx"],"mappings":"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","file":"chunk-56PY2CD7.js","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 {dialogRecipe} from 'components/Dialog/Dialog.recipe';\nimport {DialogContext} from 'components/Dialog/DialogContext';\nimport {cx} from 'internal/cx';\nimport {\n  resolveDismissBehavior,\n  type DismissBehavior,\n} from 'internal/dismissBehavior';\nimport {mergeRefs} from 'internal/mergeRefs';\nimport {useBackdropDismiss} from 'internal/useBackdropDismiss';\nimport {useScrollLock} from 'internal/useScrollLock';\n\nexport type DialogVariant = 'fullscreen' | 'standard';\nexport type DialogRole = 'alertdialog' | 'dialog';\nexport type DialogDismissBehavior = DismissBehavior;\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\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 titleId = useId();\n  const isFullscreen = variant === 'fullscreen';\n  const {isBackdropDismissEnabled, isEscapeDismissEnabled} =\n    resolveDismissBehavior(dismissBehavior);\n  const backdropDismiss = useBackdropDismiss<HTMLDialogElement>({\n    isEnabled: isBackdropDismissEnabled,\n    onDismiss: () => onOpenChange(false),\n  });\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      if (!dialog.open) {\n        dialog.showModal();\n      }\n      // Override the dialog's default initial focus when an autofocus target is\n      // present. Focus restoration on close is left to the native <dialog>,\n      // which restores focus to the element that was focused before\n      // showModal() — avoiding races with external focus management.\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    }\n  }, [isOpen]);\n\n  useScrollLock(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={backdropDismiss.onClick}\n      onPointerDown={backdropDismiss.onPointerDown}\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 'components/Dialog/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  // Options passed to the most recent `show()` call. Each call replaces these\n  // rather than merging, so per-call options never bleed into later calls.\n  // `defaultOptions` remains the baseline, applied beneath them below.\n  const [callOptions, setCallOptions] = useState<DialogOptions | undefined>();\n\n  const show = useCallback(\n    (nextContent: ReactNode, nextOptions?: DialogOptions) => {\n      setContent(nextContent);\n      setCallOptions(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        {...(callOptions ?? {})}\n        isOpen={isOpen}\n        label={callOptions?.label ?? defaultOptions?.label}\n        onOpenChange={setIsOpen}>\n        {content}\n      </Dialog>\n    ),\n    [content, defaultOptions, isOpen, callOptions],\n  );\n\n  return {element, hide, isOpen, show};\n}\n"]}

package/dist/{chunk-M4JUQCKP.js → chunk-5FTIATD6.js}

@@ -66,5 +66,5 @@ function Skeleton({
 Skeleton.displayName = "Skeleton";
 
 export { Skeleton };
-//# sourceMappingURL=chunk-M4JUQCKP.js.map
-//# sourceMappingURL=chunk-M4JUQCKP.js.map
+//# sourceMappingURL=chunk-5FTIATD6.js.map
+//# sourceMappingURL=chunk-5FTIATD6.js.map

package/dist/{chunk-M4JUQCKP.js.map → chunk-5FTIATD6.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Skeleton/Skeleton.recipe.ts","../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;AAEO,IAAM,iBAAiB,GAAA,CAAI;AAAA,EAChC,IAAA,EAAM;AAAA,IACJ,EAAA,EAAI,UAAA;AAAA,IACJ,eAAA,EACE,oHAAA;AAAA,IACF,cAAA,EAAgB,WAAA;AAAA,IAChB,SAAA,EAAW,4CAAA;AAAA,IACX,yCAAA,EAA2C;AAAA,MACzC,SAAA,EAAW,MAAA;AAAA,MACX,eAAA,EAAiB;AAAA;AACnB,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM,EAAC,YAAA,EAAc,CAAA,EAAC;AAAA,MACtB,CAAA,EAAG,EAAC,YAAA,EAAc,CAAA,EAAC;AAAA,MACnB,CAAA,EAAG,EAAC,YAAA,EAAc,IAAA,EAAI;AAAA,MACtB,CAAA,EAAG,EAAC,YAAA,EAAc,IAAA,EAAI;AAAA,MACtB,CAAA,EAAG,EAAC,YAAA,EAAc,IAAA,EAAI;AAAA,MACtB,CAAA,EAAG,EAAC,YAAA,EAAc,IAAA,EAAI;AAAA,MACtB,OAAA,EAAS,EAAC,YAAA,EAAc,MAAA;AAAM;AAChC,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,MAAA,EAAQ;AAAA;AAEZ,CAAC,CAAA;ACuBD,IAAM,SAAA,GAAY,GAAA;AAClB,IAAM,WAAA,GAAc,GAAA;AAEpB,SAAS,WAAW,KAAA,EAAgC;AAClD,EAAA,OAAO,OAAO,KAAA,KAAU,QAAA,GAAW,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA,GAAO,KAAA;AACpD;AAQO,SAAS,QAAA,CAAS;AAAA,EACvB,cAAc,SAAA,GAAY,SAAA;AAAA,EAC1B,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,MAAA,GAAS,MAAA;AAAA,EACT,MAAA,GAAS,CAAA;AAAA,EACT,GAAA;AAAA,EACA,YAAA,GAAe,CAAA;AAAA,EACf,KAAA;AAAA,EACA,KAAA,GAAQ;AACV,CAAA,EAAqC;AACnC,EAAA,MAAM,YAAA,GAAe,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,YAAY,CAAA;AAE7C,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,SAAA;AAAA,MACZ,WAAW,EAAA,CAAG,cAAA,CAAe,EAAC,MAAA,EAAO,GAAG,SAAS,CAAA;AAAA,MACjD,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA;AAAA,QACH,KAAA,EAAO,WAAW,KAAK,CAAA;AAAA,QACvB,MAAA,EAAQ,WAAW,MAAM,CAAA;AAAA,QACzB,cAAA,EAAgB,CAAA,EAAG,SAAA,GAAY,WAAA,GAAc,YAAY,CAAA,EAAA;AAAA;AAC3D;AAAA,GACF;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-M4JUQCKP.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const skeletonRecipe = cva({\n  base: {\n    bg: 'skeleton',\n    backgroundImage:\n      'linear-gradient(90deg, token(colors.skeleton) 0%, token(colors.skeleton.shimmer) 50%, token(colors.skeleton) 100%)',\n    backgroundSize: '200% 100%',\n    animation: 'skeleton-shimmer 1.4s ease-in-out infinite',\n    '@media (prefers-reduced-motion: reduce)': {\n      animation: 'none',\n      backgroundImage: 'none',\n    },\n  },\n  variants: {\n    radius: {\n      none: {borderRadius: 0},\n      0: {borderRadius: 0},\n      1: {borderRadius: 'xs'},\n      2: {borderRadius: 'sm'},\n      3: {borderRadius: 'md'},\n      4: {borderRadius: 'lg'},\n      rounded: {borderRadius: 'full'},\n    },\n  },\n  defaultVariants: {\n    radius: 3,\n  },\n});\n\nexport type SkeletonVariants = RecipeVariantProps<typeof skeletonRecipe>;\n","import type {CSSProperties, Ref} from 'react';\nimport {cx} from '../../internal/cx';\nimport {skeletonRecipe} from './Skeleton.recipe';\n\nexport type SkeletonRadius = 0 | 1 | 2 | 3 | 4 | 'none' | 'rounded';\n\nexport interface SkeletonProps {\n  /**\n   * Accessible label for the loading placeholder.\n   * @default 'Loading'\n   */\n  'aria-label'?: string;\n  /**\n   * Additional CSS class names applied to the skeleton.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the skeleton.\n   */\n  'data-testid'?: string;\n  /**\n   * Skeleton height. Numbers are treated as pixels.\n   * @default '100%'\n   */\n  height?: number | string;\n  /**\n   * Border radius token.\n   * @default 3\n   */\n  radius?: SkeletonRadius;\n  /**\n   * Ref forwarded to the skeleton element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Animation stagger index for lists of skeletons. Controls the delay\n   * before the shimmer animation starts, creating a wave effect.\n   * @default 0\n   */\n  staggerIndex?: number;\n  /**\n   * Inline styles applied to the skeleton.\n   */\n  style?: CSSProperties;\n  /**\n   * Skeleton width. Numbers are treated as pixels.\n   * @default '100%'\n   */\n  width?: number | string;\n}\n\nconst delayTime = 1000;\nconst staggerTime = 100;\n\nfunction formatSize(value: number | string): string {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\n/**\n * A pulsing placeholder used while content is loading.\n *\n * For containers with multiple skeletons, set `aria-busy=\"true\"` on the\n * parent element so assistive technology knows to wait for content.\n */\nexport function Skeleton({\n  'aria-label': ariaLabel = 'Loading',\n  className,\n  'data-testid': dataTestId,\n  height = '100%',\n  radius = 3,\n  ref,\n  staggerIndex = 0,\n  style,\n  width = '100%',\n}: SkeletonProps): React.JSX.Element {\n  const clampedIndex = Math.max(0, staggerIndex);\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      className={cx(skeletonRecipe({radius}), className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"status\"\n      style={{\n        ...style,\n        width: formatSize(width),\n        height: formatSize(height),\n        animationDelay: `${delayTime + staggerTime * clampedIndex}ms`,\n      }}\n    />\n  );\n}\n\nSkeleton.displayName = 'Skeleton';\n"]}
+{"version":3,"sources":["../src/components/Skeleton/Skeleton.recipe.ts","../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;AAEO,IAAM,iBAAiB,GAAA,CAAI;AAAA,EAChC,IAAA,EAAM;AAAA,IACJ,EAAA,EAAI,UAAA;AAAA,IACJ,eAAA,EACE,oHAAA;AAAA,IACF,cAAA,EAAgB,WAAA;AAAA,IAChB,SAAA,EAAW,4CAAA;AAAA,IACX,yCAAA,EAA2C;AAAA,MACzC,SAAA,EAAW,MAAA;AAAA,MACX,eAAA,EAAiB;AAAA;AACnB,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM,EAAC,YAAA,EAAc,CAAA,EAAC;AAAA,MACtB,CAAA,EAAG,EAAC,YAAA,EAAc,CAAA,EAAC;AAAA,MACnB,CAAA,EAAG,EAAC,YAAA,EAAc,IAAA,EAAI;AAAA,MACtB,CAAA,EAAG,EAAC,YAAA,EAAc,IAAA,EAAI;AAAA,MACtB,CAAA,EAAG,EAAC,YAAA,EAAc,IAAA,EAAI;AAAA,MACtB,CAAA,EAAG,EAAC,YAAA,EAAc,IAAA,EAAI;AAAA,MACtB,OAAA,EAAS,EAAC,YAAA,EAAc,MAAA;AAAM;AAChC,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,MAAA,EAAQ;AAAA;AAEZ,CAAC,CAAA;ACuBD,IAAM,SAAA,GAAY,GAAA;AAClB,IAAM,WAAA,GAAc,GAAA;AAEpB,SAAS,WAAW,KAAA,EAAgC;AAClD,EAAA,OAAO,OAAO,KAAA,KAAU,QAAA,GAAW,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA,GAAO,KAAA;AACpD;AAQO,SAAS,QAAA,CAAS;AAAA,EACvB,cAAc,SAAA,GAAY,SAAA;AAAA,EAC1B,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,MAAA,GAAS,MAAA;AAAA,EACT,MAAA,GAAS,CAAA;AAAA,EACT,GAAA;AAAA,EACA,YAAA,GAAe,CAAA;AAAA,EACf,KAAA;AAAA,EACA,KAAA,GAAQ;AACV,CAAA,EAAqC;AACnC,EAAA,MAAM,YAAA,GAAe,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,YAAY,CAAA;AAE7C,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,SAAA;AAAA,MACZ,WAAW,EAAA,CAAG,cAAA,CAAe,EAAC,MAAA,EAAO,GAAG,SAAS,CAAA;AAAA,MACjD,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA;AAAA,QACH,KAAA,EAAO,WAAW,KAAK,CAAA;AAAA,QACvB,MAAA,EAAQ,WAAW,MAAM,CAAA;AAAA,QACzB,cAAA,EAAgB,CAAA,EAAG,SAAA,GAAY,WAAA,GAAc,YAAY,CAAA,EAAA;AAAA;AAC3D;AAAA,GACF;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-5FTIATD6.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const skeletonRecipe = cva({\n  base: {\n    bg: 'skeleton',\n    backgroundImage:\n      'linear-gradient(90deg, token(colors.skeleton) 0%, token(colors.skeleton.shimmer) 50%, token(colors.skeleton) 100%)',\n    backgroundSize: '200% 100%',\n    animation: 'skeleton-shimmer 1.4s ease-in-out infinite',\n    '@media (prefers-reduced-motion: reduce)': {\n      animation: 'none',\n      backgroundImage: 'none',\n    },\n  },\n  variants: {\n    radius: {\n      none: {borderRadius: 0},\n      0: {borderRadius: 0},\n      1: {borderRadius: 'xs'},\n      2: {borderRadius: 'sm'},\n      3: {borderRadius: 'md'},\n      4: {borderRadius: 'lg'},\n      rounded: {borderRadius: 'full'},\n    },\n  },\n  defaultVariants: {\n    radius: 3,\n  },\n});\n\nexport type SkeletonVariants = RecipeVariantProps<typeof skeletonRecipe>;\n","import type {CSSProperties, Ref} from 'react';\nimport {skeletonRecipe} from 'components/Skeleton/Skeleton.recipe';\nimport {cx} from 'internal/cx';\n\nexport type SkeletonRadius = 0 | 1 | 2 | 3 | 4 | 'none' | 'rounded';\n\nexport interface SkeletonProps {\n  /**\n   * Accessible label for the loading placeholder.\n   * @default 'Loading'\n   */\n  'aria-label'?: string;\n  /**\n   * Additional CSS class names applied to the skeleton.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the skeleton.\n   */\n  'data-testid'?: string;\n  /**\n   * Skeleton height. Numbers are treated as pixels.\n   * @default '100%'\n   */\n  height?: number | string;\n  /**\n   * Border radius token.\n   * @default 3\n   */\n  radius?: SkeletonRadius;\n  /**\n   * Ref forwarded to the skeleton element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Animation stagger index for lists of skeletons. Controls the delay\n   * before the shimmer animation starts, creating a wave effect.\n   * @default 0\n   */\n  staggerIndex?: number;\n  /**\n   * Inline styles applied to the skeleton.\n   */\n  style?: CSSProperties;\n  /**\n   * Skeleton width. Numbers are treated as pixels.\n   * @default '100%'\n   */\n  width?: number | string;\n}\n\nconst delayTime = 1000;\nconst staggerTime = 100;\n\nfunction formatSize(value: number | string): string {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\n/**\n * A pulsing placeholder used while content is loading.\n *\n * For containers with multiple skeletons, set `aria-busy=\"true\"` on the\n * parent element so assistive technology knows to wait for content.\n */\nexport function Skeleton({\n  'aria-label': ariaLabel = 'Loading',\n  className,\n  'data-testid': dataTestId,\n  height = '100%',\n  radius = 3,\n  ref,\n  staggerIndex = 0,\n  style,\n  width = '100%',\n}: SkeletonProps): React.JSX.Element {\n  const clampedIndex = Math.max(0, staggerIndex);\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      className={cx(skeletonRecipe({radius}), className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"status\"\n      style={{\n        ...style,\n        width: formatSize(width),\n        height: formatSize(height),\n        animationDelay: `${delayTime + staggerTime * clampedIndex}ms`,\n      }}\n    />\n  );\n}\n\nSkeleton.displayName = 'Skeleton';\n"]}

package/dist/{chunk-QSEDH7T2.js → chunk-5HPXUDX6.js}

@@ -67,9 +67,6 @@ function plainDateIsEqual(a, b) {
 function plainDateIsInRange(date, range) {
   return Temporal.PlainDate.compare(date, range[0]) >= 0 && Temporal.PlainDate.compare(date, range[1]) <= 0;
 }
-function plainDateSetStartOfWeek(date) {
-  return date.add({ days: -(date.dayOfWeek % 7) });
-}
 function plainDateGetWeekNumber(date) {
   const thursday = date.add({ days: 4 - date.dayOfWeek });
   const yearStart = plainDateCreate(thursday.year, 1, 1);
@@ -79,6 +76,6 @@ function plainDateFormat(date, options) {
   return date.toLocaleString(void 0, options);
 }
 
-export { DATE_FORMAT_LONG, DATE_FORMAT_MONTH_YEAR, DATE_FORMAT_SHORT_WITH_YEAR, DATE_FORMAT_WITH_WEEKDAY, getDaysInMonth, plainDateCreate, plainDateDayOfWeek, plainDateFormat, plainDateFromInstant, plainDateFromUnixSeconds, plainDateGetWeekNumber, plainDateIsAfter, plainDateIsBefore, plainDateIsEqual, plainDateIsInRange, plainDateSetStartOfWeek, plainDateToInstant, plainDateToUnixSeconds, plainDateToday };
-//# sourceMappingURL=chunk-QSEDH7T2.js.map
-//# sourceMappingURL=chunk-QSEDH7T2.js.map
+export { DATE_FORMAT_LONG, DATE_FORMAT_MONTH_YEAR, DATE_FORMAT_SHORT_WITH_YEAR, DATE_FORMAT_WITH_WEEKDAY, getDaysInMonth, plainDateCreate, plainDateDayOfWeek, plainDateFormat, plainDateFromInstant, plainDateFromUnixSeconds, plainDateGetWeekNumber, plainDateIsAfter, plainDateIsBefore, plainDateIsEqual, plainDateIsInRange, plainDateToInstant, plainDateToUnixSeconds, plainDateToday };
+//# sourceMappingURL=chunk-5HPXUDX6.js.map
+//# sourceMappingURL=chunk-5HPXUDX6.js.map

package/dist/chunk-5HPXUDX6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internal/plainDate.ts"],"names":[],"mappings":"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","file":"chunk-5HPXUDX6.js","sourcesContent":["import {Temporal} from '@js-temporal/polyfill';\nimport type {PlainDate} from 'internal/dateTypes';\n\nexport type {PlainDate} from 'internal/dateTypes';\n\nexport const DATE_FORMAT_WITH_WEEKDAY: Intl.DateTimeFormatOptions = {\n  day: 'numeric',\n  month: 'long',\n  weekday: 'long',\n  year: 'numeric',\n};\n\nexport const DATE_FORMAT_LONG: Intl.DateTimeFormatOptions = {\n  day: 'numeric',\n  month: 'long',\n  year: 'numeric',\n};\n\nexport const DATE_FORMAT_MONTH_YEAR: Intl.DateTimeFormatOptions = {\n  month: 'long',\n  year: 'numeric',\n};\n\nexport const DATE_FORMAT_SHORT_WITH_YEAR: Intl.DateTimeFormatOptions = {\n  day: 'numeric',\n  month: 'short',\n  year: 'numeric',\n};\n\nexport function getDaysInMonth(year: number, month: number): number {\n  return Temporal.PlainDate.from({year, month, day: 1}).daysInMonth;\n}\n\nexport function plainDateCreate(\n  year: number,\n  month: number,\n  day: number,\n): PlainDate {\n  if (!Number.isInteger(year) || year < 1) {\n    throw new RangeError(`year must be a positive integer, got ${year}`);\n  }\n\n  if (!Number.isInteger(month) || month < 1 || month > 12) {\n    throw new RangeError(`month must be 1-12, got ${month}`);\n  }\n\n  const maxDay = getDaysInMonth(year, month);\n  if (!Number.isInteger(day) || day < 1 || day > maxDay) {\n    throw new RangeError(`day must be 1-${maxDay}, got ${day}`);\n  }\n\n  return Temporal.PlainDate.from({year, month, day});\n}\n\nexport function plainDateFromInstant(\n  instant: number,\n  timezoneID: string,\n): PlainDate {\n  return Temporal.Instant.fromEpochMilliseconds(instant)\n    .toZonedDateTimeISO(timezoneID)\n    .toPlainDate();\n}\n\nexport function plainDateToInstant(\n  date: PlainDate,\n  timezoneID: string,\n): number {\n  return date.toZonedDateTime(timezoneID).epochMilliseconds;\n}\n\nexport function plainDateFromUnixSeconds(\n  unixSeconds: number,\n  timezoneID: string,\n): PlainDate {\n  return plainDateFromInstant(unixSeconds * 1000, timezoneID);\n}\n\nexport function plainDateToUnixSeconds(\n  date: PlainDate,\n  timezoneID: string,\n): number {\n  return Math.floor(plainDateToInstant(date, timezoneID) / 1000);\n}\n\nexport function plainDateToday(timezoneID: string): PlainDate {\n  return Temporal.Now.plainDateISO(timezoneID);\n}\n\nexport function plainDateDayOfWeek(date: PlainDate): number {\n  return date.dayOfWeek % 7;\n}\n\nexport function plainDateIsBefore(a: PlainDate, b: PlainDate): boolean {\n  return Temporal.PlainDate.compare(a, b) < 0;\n}\n\nexport function plainDateIsAfter(a: PlainDate, b: PlainDate): boolean {\n  return Temporal.PlainDate.compare(a, b) > 0;\n}\n\nexport function plainDateIsEqual(a: PlainDate, b: PlainDate): boolean {\n  return Temporal.PlainDate.compare(a, b) === 0;\n}\n\nexport function plainDateIsInRange(\n  date: PlainDate,\n  range: [PlainDate, PlainDate],\n): boolean {\n  return (\n    Temporal.PlainDate.compare(date, range[0]) >= 0 &&\n    Temporal.PlainDate.compare(date, range[1]) <= 0\n  );\n}\n\nexport function plainDateSetStartOfWeek(date: PlainDate): PlainDate {\n  return date.add({days: -(date.dayOfWeek % 7)});\n}\n\nexport function plainDateGetWeekNumber(date: PlainDate): number {\n  const thursday = date.add({days: 4 - date.dayOfWeek});\n  const yearStart = plainDateCreate(thursday.year, 1, 1);\n  return Math.ceil((yearStart.until(thursday).days + 1) / 7);\n}\n\nexport function plainDateFormat(\n  date: PlainDate,\n  options: Intl.DateTimeFormatOptions,\n): string {\n  return date.toLocaleString(undefined, options);\n}\n"]}

package/dist/{chunk-Z4TZAJS3.js → chunk-5UGHDUMO.js}

@@ -10,5 +10,5 @@ function useButtonGroup() {
 }
 
 export { ButtonGroupContext, useButtonGroup };
-//# sourceMappingURL=chunk-Z4TZAJS3.js.map
-//# sourceMappingURL=chunk-Z4TZAJS3.js.map
+//# sourceMappingURL=chunk-5UGHDUMO.js.map
+//# sourceMappingURL=chunk-5UGHDUMO.js.map

package/dist/chunk-5UGHDUMO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ButtonGroup/ButtonGroupContext.ts"],"names":[],"mappings":";;;AAWO,IAAM,kBAAA,GAAqB,aAAA;AAAA,EAChC;AACF;AACA,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AAE1B,SAAS,cAAA,GAAiD;AAC/D,EAAA,OAAO,IAAI,kBAAkB,CAAA;AAC/B","file":"chunk-5UGHDUMO.js","sourcesContent":["import {createContext, use} from 'react';\nimport type {ButtonSize} from 'components/Button/Button';\n\nexport type ButtonGroupOrientation = 'horizontal' | 'vertical';\n\nexport interface ButtonGroupContextValue {\n  isDisabled: boolean;\n  orientation: ButtonGroupOrientation;\n  size: ButtonSize;\n}\n\nexport const ButtonGroupContext = createContext<ButtonGroupContextValue | null>(\n  null,\n);\nButtonGroupContext.displayName = 'ButtonGroupContext';\n\nexport function useButtonGroup(): ButtonGroupContextValue | null {\n  return use(ButtonGroupContext);\n}\n"]}

package/dist/{chunk-BRB52QFV.cjs → chunk-5XMWGK3O.cjs}

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkHVUYVPQL_cjs = require('./chunk-HVUYVPQL.cjs');
-var chunkKFDHP4WP_cjs = require('./chunk-KFDHP4WP.cjs');
-var chunkLFRTNC7M_cjs = require('./chunk-LFRTNC7M.cjs');
-var chunkWMXIUOOU_cjs = require('./chunk-WMXIUOOU.cjs');
-var chunk7GN6YTSS_cjs = require('./chunk-7GN6YTSS.cjs');
-var chunk2OXKEUKG_cjs = require('./chunk-2OXKEUKG.cjs');
+var chunkMAYQGKKW_cjs = require('./chunk-MAYQGKKW.cjs');
+var chunkBSI4BQEX_cjs = require('./chunk-BSI4BQEX.cjs');
+var chunkOUZX7STE_cjs = require('./chunk-OUZX7STE.cjs');
+var chunk2MXK2SDR_cjs = require('./chunk-2MXK2SDR.cjs');
+var chunkJSAYTQTJ_cjs = require('./chunk-JSAYTQTJ.cjs');
+var chunkPKZSJX53_cjs = require('./chunk-PKZSJX53.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
-var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
+var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -50,20 +50,20 @@ function Button({
   name,
   value
 }) {
-  const LinkComponent = chunkLFRTNC7M_cjs.useLinkComponent(as);
-  const buttonGroup = chunk2OXKEUKG_cjs.useButtonGroup();
+  const LinkComponent = chunkOUZX7STE_cjs.useLinkComponent(as);
+  const buttonGroup = chunkPKZSJX53_cjs.useButtonGroup();
   const size = sizeProp ?? buttonGroup?.size ?? "md";
   const buttonDisabled = isDisabled || buttonGroup?.isDisabled === true || isLoading;
   const useAriaDisabled = tooltip != null && buttonDisabled;
   const renderAsLink = href != null && !buttonDisabled;
   const opensInNewTab = renderAsLink && target === "_blank";
-  const ariaLabel = ariaLabelProp ?? chunkLFRTNC7M_cjs.getAriaLabel(
+  const ariaLabel = ariaLabelProp ?? chunkOUZX7STE_cjs.getAriaLabel(
     isIconOnly || isLoading || chunkQAO6QMNQ_cjs.isReactNode(startContent) || chunkQAO6QMNQ_cjs.isReactNode(endContent) || opensInNewTab ? label : void 0,
     opensInNewTab
   );
-  const linkRel = chunkLFRTNC7M_cjs.useRel({ target, rel });
+  const linkRel = chunkOUZX7STE_cjs.useRel({ target, rel });
   const spinnerVariant = variant === "primary" || variant === "destructive" || variant === "onSolid" ? "onMedia" : "default";
-  const classes = chunkHVUYVPQL_cjs.buttonRecipe({ variant, size, iconOnly: isIconOnly });
+  const classes = chunkMAYQGKKW_cjs.buttonRecipe({ variant, size, iconOnly: isIconOnly });
   const ariaAttrs = {
     "aria-controls": ariaControls,
     "aria-current": ariaCurrent,
@@ -100,13 +100,13 @@ function Button({
   };
   const buttonContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": isLoading || void 0, className: classes.content, children: [
-      icon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: classes.icon, children: isIconOnly && isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkKFDHP4WP_cjs.Spinner, { size, variant: spinnerVariant }) : /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { icon, size }) }) : null,
+      icon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: classes.icon, children: isIconOnly && isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkBSI4BQEX_cjs.Spinner, { size, variant: spinnerVariant }) : /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { icon, size }) }) : null,
       !isIconOnly && chunkQAO6QMNQ_cjs.isReactNode(startContent) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.startContent, children: startContent }) : null,
       !isIconOnly ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.label, children: label }) : null,
       !isIconOnly && chunkQAO6QMNQ_cjs.isReactNode(endContent) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.endContent, children: endContent }) : null,
-      !isIconOnly && isLoading ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: classes.loadingIndicator, children: /* @__PURE__ */ jsxRuntime.jsx(chunkKFDHP4WP_cjs.Spinner, { size, variant: spinnerVariant }) }) : null
+      !isIconOnly && isLoading ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: classes.loadingIndicator, children: /* @__PURE__ */ jsxRuntime.jsx(chunkBSI4BQEX_cjs.Spinner, { size, variant: spinnerVariant }) }) : null
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkWMXIUOOU_cjs.VisuallyHidden, { "aria-live": "polite", role: "status", children: isLoading ? "Loading" : "" })
+    /* @__PURE__ */ jsxRuntime.jsx(chunk2MXK2SDR_cjs.VisuallyHidden, { "aria-live": "polite", role: "status", children: isLoading ? "Loading" : "" })
   ] });
   const rootClassName = chunkSPDVNY2Z_cjs.cx(classes.root, className);
   const element = renderAsLink ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -148,12 +148,12 @@ function Button({
     }
   );
   if (tooltip != null) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunk7GN6YTSS_cjs.Tooltip, { content: tooltip, children: element });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkJSAYTQTJ_cjs.Tooltip, { content: tooltip, children: element });
   }
   return element;
 }
 Button.displayName = "Button";
 
 exports.Button = Button;
-//# sourceMappingURL=chunk-BRB52QFV.cjs.map
-//# sourceMappingURL=chunk-BRB52QFV.cjs.map
+//# sourceMappingURL=chunk-5XMWGK3O.cjs.map
+//# sourceMappingURL=chunk-5XMWGK3O.cjs.map

package/dist/chunk-5XMWGK3O.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.tsx"],"names":["useLinkComponent","useButtonGroup","getAriaLabel","isReactNode","useRel","buttonRecipe","jsxs","Fragment","Spinner","Icon","jsx","VisuallyHidden","cx","Tooltip"],"mappings":"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","file":"chunk-5XMWGK3O.cjs","sourcesContent":["/* eslint-disable @eslint-react/static-components -- intentional polymorphism via as prop */\n\nimport type {\n  CSSProperties,\n  JSX,\n  KeyboardEvent,\n  MouseEvent,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n} from 'react';\nimport {buttonRecipe} from 'components/Button/Button.recipe';\nimport type {ButtonSize, ButtonVariant} from 'components/Button/Button.types';\nimport {useButtonGroup} from 'components/ButtonGroup/ButtonGroupContext';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {useLinkComponent} from 'components/Link';\nimport type {LinkComponent} from 'components/Link';\nimport {Spinner} from 'components/Spinner';\nimport {Tooltip} from 'components/Tooltip';\nimport {VisuallyHidden} from 'internal';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {getAriaLabel, useRel} from 'internal/linkAccessibility';\n\nexport type {ButtonSize} from 'components/Button/Button.types';\n\n/**\n * A versatile action element that renders as a `<button>` or a link depending\n * on whether `href` is provided. Supports explicit loading states, icon-only\n * modes, link buttons, and tooltips.\n */\ninterface ButtonBaseProps {\n  /**\n   * Identifies the element(s) whose contents are controlled by the button.\n   */\n  'aria-controls'?: string;\n  /**\n   * Indicates the current item in a set.\n   */\n  'aria-current'?: 'page' | 'step' | 'location' | 'date' | 'time';\n  /**\n   * Identifies the element(s) that describe the button.\n   */\n  'aria-describedby'?: string;\n  /**\n   * Identifies the element that provides a detailed description.\n   */\n  'aria-details'?: string;\n  /**\n   * Indicates whether a controlled element is expanded or collapsed.\n   */\n  'aria-expanded'?: boolean;\n  /**\n   * Indicates the button opens an interactive popup element.\n   */\n  'aria-haspopup'?: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';\n  /**\n   * Indicates whether the element is exposed to the accessibility API.\n   */\n  'aria-hidden'?: boolean;\n  /**\n   * Keyboard shortcuts that activate or focus the button.\n   */\n  'aria-keyshortcuts'?: string;\n  /**\n   * Accessible label that overrides the visible `label` for assistive\n   * technologies. Use when the visible text is too terse (e.g. a page\n   * number) and a longer description is needed.\n   */\n  'aria-label'?: string;\n  /**\n   * Identifies the element(s) that label the button.\n   */\n  'aria-labelledby'?: string;\n  /**\n   * Identifies element(s) owned by the button that are not DOM children.\n   */\n  'aria-owns'?: string;\n  /**\n   * Indicates the current pressed state of a toggle button.\n   */\n  'aria-pressed'?: boolean | 'mixed';\n  /**\n   * Human-readable description of the role of the button.\n   */\n  'aria-roledescription'?: string;\n  /**\n   * Custom link component to render when `href` is set. Falls back to the\n   * component provided by `LinkProvider`, or a plain `<a>` tag.\n   */\n  as?: LinkComponent;\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   * Content rendered after the label, such as a badge or count. Hidden in\n   * icon-only mode.\n   */\n  endContent?: ReactNode;\n  /**\n   * HTML `form` attribute associating the button with a `<form>` by ID.\n   */\n  form?: string;\n  /**\n   * URL to navigate to. When set and the button is not disabled, the component\n   * renders as a link element.\n   */\n  href?: string;\n  /**\n   * Whether the button is disabled. Prevents interaction and applies disabled\n   * styling.\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the button is in a loading state. Shows a spinner overlay,\n   * disables interaction, and announces \"Loading\" to assistive technologies.\n   */\n  isLoading?: boolean;\n  /**\n   * Text label for the button. Always required for accessibility even when\n   * `isIconOnly` is true.\n   */\n  label: string;\n  /**\n   * HTML `name` attribute for form submission.\n   */\n  name?: string;\n  /**\n   * Click event handler.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n  /**\n   * Keyboard event handler for the root element.\n   */\n  onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Link `rel` attribute (e.g., `\"noopener\"`). Only applies when rendering\n   * as a link.\n   */\n  rel?: string;\n  /**\n   * Visual size of the button.\n   */\n  size?: ButtonSize;\n  /**\n   * Arbitrary content rendered before the label (after the icon, if present).\n   * Hidden in icon-only mode.\n   */\n  startContent?: ReactNode;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Link `target` attribute (e.g., `\"_blank\"`). Only applies when rendering\n   * as a link.\n   */\n  target?: string;\n  /**\n   * Tooltip text shown on hover. When set on a disabled button,\n   * `aria-disabled` is used instead of the `disabled` attribute so the\n   * tooltip remains accessible.\n   */\n  tooltip?: string;\n  /**\n   * HTML button `type` attribute.\n   */\n  type?: 'button' | 'submit' | 'reset';\n  /**\n   * HTML `value` attribute for form submission.\n   */\n  value?: string;\n  /**\n   * Visual style variant.\n   */\n  variant?: ButtonVariant;\n}\n\nexport type ButtonProps =\n  | (ButtonBaseProps & {\n      /**\n       * Icon element rendered before the label. Required in icon-only mode.\n       */\n      icon: IconComponent;\n      /**\n       * Visually hides the label, showing only the icon. The `label` prop is\n       * still required and used as `aria-label`.\n       */\n      isIconOnly: true;\n    })\n  | (ButtonBaseProps & {\n      /**\n       * Icon element rendered before the label.\n       */\n      icon?: IconComponent;\n      /**\n       * Visually hides the label, showing only the icon. The `label` prop is\n       * still required and used as `aria-label`.\n       */\n      isIconOnly?: false;\n    });\n\nexport function Button({\n  label,\n  'aria-controls': ariaControls,\n  'aria-current': ariaCurrent,\n  'aria-label': ariaLabelProp,\n  'aria-describedby': ariaDescribedby,\n  'aria-details': ariaDetails,\n  'aria-expanded': ariaExpanded,\n  'aria-haspopup': ariaHaspopup,\n  'aria-hidden': ariaHidden,\n  'aria-keyshortcuts': ariaKeyshortcuts,\n  'aria-labelledby': ariaLabelledby,\n  'aria-owns': ariaOwns,\n  'aria-pressed': ariaPressed,\n  'aria-roledescription': ariaRoledescription,\n  href,\n  as,\n  target,\n  rel,\n  variant,\n  size: sizeProp,\n  className,\n  'data-testid': dataTestId,\n  style,\n  type = 'button',\n  ref,\n  isDisabled = false,\n  isLoading = false,\n  icon,\n  isIconOnly = false,\n  endContent,\n  startContent,\n  tooltip,\n  onClick,\n  onKeyDown,\n  form,\n  name,\n  value,\n}: ButtonProps): JSX.Element {\n  const LinkComponent = useLinkComponent(as);\n  const buttonGroup = useButtonGroup();\n  const size = sizeProp ?? buttonGroup?.size ?? 'md';\n  const buttonDisabled =\n    isDisabled || buttonGroup?.isDisabled === true || isLoading;\n  const useAriaDisabled = tooltip != null && buttonDisabled;\n  const renderAsLink = href != null && !buttonDisabled;\n  const opensInNewTab = renderAsLink && target === '_blank';\n  const ariaLabel =\n    ariaLabelProp ??\n    getAriaLabel(\n      isIconOnly ||\n        isLoading ||\n        isReactNode(startContent) ||\n        isReactNode(endContent) ||\n        opensInNewTab\n        ? label\n        : undefined,\n      opensInNewTab,\n    );\n  const linkRel = useRel({target, rel});\n  const spinnerVariant =\n    variant === 'primary' || variant === 'destructive' || variant === 'onSolid'\n      ? 'onMedia'\n      : 'default';\n\n  const classes = buttonRecipe({variant, size, iconOnly: isIconOnly});\n\n  const ariaAttrs = {\n    'aria-controls': ariaControls,\n    'aria-current': ariaCurrent,\n    'aria-describedby': ariaDescribedby,\n    'aria-details': ariaDetails,\n    'aria-expanded': ariaExpanded,\n    'aria-haspopup': ariaHaspopup,\n    'aria-hidden': ariaHidden,\n    'aria-keyshortcuts': ariaKeyshortcuts,\n    'aria-labelledby': ariaLabelledby,\n    'aria-owns': ariaOwns,\n    'aria-pressed': ariaPressed,\n    'aria-roledescription': ariaRoledescription,\n  };\n\n  const handleButtonClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (buttonDisabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClick?.(event);\n  };\n\n  const handleLinkClick = (event: MouseEvent<HTMLAnchorElement>) => {\n    onClick?.(event);\n  };\n\n  const handleButtonKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    if (useAriaDisabled && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      return;\n    }\n\n    onKeyDown?.(event);\n  };\n\n  const handleLinkKeyDown = (event: KeyboardEvent<HTMLAnchorElement>) => {\n    onKeyDown?.(event);\n  };\n\n  const buttonContent = (\n    <>\n      <span aria-hidden={isLoading || undefined} className={classes.content}>\n        {icon != null ? (\n          <span aria-hidden=\"true\" className={classes.icon}>\n            {isIconOnly && isLoading ? (\n              <Spinner size={size} variant={spinnerVariant} />\n            ) : (\n              <Icon icon={icon} size={size} />\n            )}\n          </span>\n        ) : null}\n        {!isIconOnly && isReactNode(startContent) ? (\n          <span className={classes.startContent}>{startContent}</span>\n        ) : null}\n        {!isIconOnly ? <span className={classes.label}>{label}</span> : null}\n        {!isIconOnly && isReactNode(endContent) ? (\n          <span className={classes.endContent}>{endContent}</span>\n        ) : null}\n        {!isIconOnly && isLoading ? (\n          <span aria-hidden=\"true\" className={classes.loadingIndicator}>\n            <Spinner size={size} variant={spinnerVariant} />\n          </span>\n        ) : null}\n      </span>\n      <VisuallyHidden aria-live=\"polite\" role=\"status\">\n        {isLoading ? 'Loading' : ''}\n      </VisuallyHidden>\n    </>\n  );\n\n  const rootClassName = cx(classes.root, className);\n\n  const element = renderAsLink ? (\n    <LinkComponent\n      {...ariaAttrs}\n      aria-label={ariaLabel}\n      className={rootClassName}\n      data-testid={dataTestId}\n      href={href}\n      onClick={handleLinkClick}\n      onKeyDown={handleLinkKeyDown}\n      ref={ref as Ref<HTMLAnchorElement>}\n      rel={linkRel}\n      style={style}\n      target={target}\n      to={LinkComponent === 'a' ? undefined : href}>\n      {buttonContent}\n    </LinkComponent>\n  ) : (\n    <button\n      {...ariaAttrs}\n      aria-busy={isLoading || undefined}\n      aria-disabled={useAriaDisabled || undefined}\n      aria-label={ariaLabel}\n      className={rootClassName}\n      data-testid={dataTestId}\n      disabled={useAriaDisabled ? undefined : buttonDisabled}\n      form={form}\n      name={name}\n      onClick={handleButtonClick}\n      onKeyDown={handleButtonKeyDown}\n      ref={ref as Ref<HTMLButtonElement>}\n      style={style}\n      type={type}\n      value={value}>\n      {buttonContent}\n    </button>\n  );\n\n  if (tooltip != null) {\n    return <Tooltip content={tooltip}>{element}</Tooltip>;\n  }\n\n  return element;\n}\n\nButton.displayName = 'Button';\n"]}

package/dist/{chunk-2XAA3CM5.js → chunk-5ZU7FY4O.js}

@@ -158,5 +158,5 @@ function VStack({
 VStack.displayName = "VStack";
 
 export { HStack, VStack };
-//# sourceMappingURL=chunk-2XAA3CM5.js.map
-//# sourceMappingURL=chunk-2XAA3CM5.js.map
+//# sourceMappingURL=chunk-5ZU7FY4O.js.map
+//# sourceMappingURL=chunk-5ZU7FY4O.js.map

package/dist/chunk-5ZU7FY4O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Stack/internal/Stack.recipe.ts","../src/components/Stack/internal/Stack.tsx","../src/components/Stack/HStack.tsx","../src/components/Stack/VStack.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-5ZU7FY4O.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const stackRecipe = cva({\n  base: {\n    display: 'flex',\n    minW: 0,\n  },\n  variants: {\n    direction: {\n      horizontal: {\n        flexDirection: 'row',\n      },\n      vertical: {\n        flexDirection: 'column',\n      },\n    },\n    gap: {\n      0: {gap: '0'},\n      0.5: {gap: '0.5'},\n      1: {gap: '1'},\n      1.5: {gap: '1.5'},\n      2: {gap: '2'},\n      3: {gap: '3'},\n      4: {gap: '4'},\n      5: {gap: '5'},\n      6: {gap: '6'},\n      8: {gap: '8'},\n      10: {gap: '10'},\n    },\n    wrap: {\n      nowrap: {\n        flexWrap: 'nowrap',\n      },\n      wrap: {\n        flexWrap: 'wrap',\n      },\n      'wrap-reverse': {\n        flexWrap: 'wrap-reverse',\n      },\n    },\n  },\n  defaultVariants: {\n    direction: 'vertical',\n    wrap: 'nowrap',\n  },\n});\n\nexport type StackVariants = RecipeVariantProps<typeof stackRecipe>;\n","import type {\n  CSSProperties,\n  ElementType,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n} from 'react';\nimport {stackRecipe} from 'components/Stack/internal/Stack.recipe';\nimport {cx} from 'internal/cx';\nimport type {SpacingToken} from 'internal/spacingTokens';\nimport {toPixelSize, type SizeValue} from 'internal/toPixelSize';\n\nexport type {SizeValue};\nexport type StackDirection = 'horizontal' | 'vertical';\nexport type StackMainAlignment =\n  | 'start'\n  | 'center'\n  | 'end'\n  | 'between'\n  | 'around'\n  | 'evenly';\nexport type StackCrossAlignment = 'start' | 'center' | 'end' | 'stretch';\nexport type StackAlignment = StackMainAlignment | StackCrossAlignment;\nexport type StackWrap = 'nowrap' | 'wrap' | 'wrap-reverse';\nexport type StackGap = SpacingToken;\n\n/**\n * @internal\n * Props for the base `Stack` component.\n */\nexport interface StackProps extends HTMLAttributes<HTMLElement> {\n  /**\n   * Cross-axis alignment.\n   */\n  align?: StackCrossAlignment;\n  /**\n   * HTML element type to render.\n   */\n  as?: ElementType;\n  /**\n   * Stack content.\n   */\n  children?: ReactNode;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Layout direction.\n   */\n  direction?: StackDirection;\n  /**\n   * Gap between children.\n   */\n  gap?: StackGap;\n  /**\n   * Horizontal alignment (overrides align/justify for horizontal axis).\n   */\n  hAlign?: StackAlignment;\n  /**\n   * Fixed height. Numbers are treated as pixels.\n   */\n  height?: SizeValue;\n  /**\n   * Main-axis alignment.\n   */\n  justify?: StackMainAlignment;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Vertical alignment (overrides align/justify for vertical axis).\n   */\n  vAlign?: StackAlignment;\n  /**\n   * Fixed width. Numbers are treated as pixels.\n   */\n  width?: SizeValue;\n  /**\n   * Flex wrap behavior.\n   */\n  wrap?: StackWrap;\n}\n\nconst mainAlignValues: Record<StackMainAlignment, string> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  between: 'space-between',\n  around: 'space-around',\n  evenly: 'space-evenly',\n};\n\nconst crossAlignValues: Record<StackCrossAlignment, string> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  stretch: 'stretch',\n};\n\n/**\n * @internal\n * Base flex stack layout primitive. Not exported to consumers — use\n * `HStack` or `VStack` instead, which provide direction-specific\n * type safety for alignment props.\n */\nexport function Stack({\n  align,\n  children,\n  className,\n  'data-testid': dataTestId,\n  direction = 'vertical',\n  as: Element = 'div',\n  gap,\n  hAlign,\n  height,\n  justify,\n  ref,\n  style,\n  vAlign,\n  width,\n  wrap = 'nowrap',\n  ...htmlProps\n}: StackProps): React.JSX.Element {\n  const resolvedHAlign =\n    hAlign ?? (direction === 'horizontal' ? justify : align);\n  const resolvedVAlign =\n    vAlign ?? (direction === 'horizontal' ? align : justify);\n  const mainAlign =\n    direction === 'horizontal' ? resolvedHAlign : resolvedVAlign;\n  const crossAlign =\n    direction === 'horizontal' ? resolvedVAlign : resolvedHAlign;\n  const stackStyle: CSSProperties = {\n    justifyContent:\n      mainAlign != null && mainAlign in mainAlignValues\n        ? mainAlignValues[mainAlign as StackMainAlignment]\n        : undefined,\n    alignItems:\n      crossAlign != null && crossAlign in crossAlignValues\n        ? crossAlignValues[crossAlign as StackCrossAlignment]\n        : undefined,\n    width: toPixelSize(width),\n    height: toPixelSize(height),\n    ...style,\n  };\n\n  return (\n    <Element\n      {...htmlProps}\n      className={cx(stackRecipe({direction, gap, wrap}), className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={stackStyle}>\n      {children}\n    </Element>\n  );\n}\n\nStack.displayName = 'Stack';\n","import type {Ref} from 'react';\nimport {\n  Stack,\n  type StackCrossAlignment,\n  type StackMainAlignment,\n  type StackProps,\n} from 'components/Stack/internal/Stack';\n\nexport interface HStackProps extends Omit<\n  StackProps,\n  'direction' | 'hAlign' | 'vAlign'\n> {\n  align?: StackCrossAlignment;\n  hAlign?: StackMainAlignment;\n  justify?: StackMainAlignment;\n  ref?: Ref<HTMLElement>;\n  vAlign?: StackCrossAlignment;\n}\n\nexport function HStack({\n  align,\n  className,\n  'data-testid': dataTestId,\n  hAlign,\n  justify,\n  ref,\n  style,\n  vAlign,\n  ...props\n}: HStackProps): React.JSX.Element {\n  return (\n    <Stack\n      {...props}\n      className={className}\n      data-testid={dataTestId}\n      direction=\"horizontal\"\n      hAlign={hAlign ?? justify}\n      ref={ref}\n      style={style}\n      vAlign={vAlign ?? align}\n    />\n  );\n}\n\nHStack.displayName = 'HStack';\n","import type {Ref} from 'react';\nimport {\n  Stack,\n  type StackCrossAlignment,\n  type StackMainAlignment,\n  type StackProps,\n} from 'components/Stack/internal/Stack';\n\nexport interface VStackProps extends Omit<\n  StackProps,\n  'direction' | 'hAlign' | 'vAlign'\n> {\n  align?: StackCrossAlignment;\n  hAlign?: StackCrossAlignment;\n  justify?: StackMainAlignment;\n  ref?: Ref<HTMLElement>;\n  vAlign?: StackMainAlignment;\n}\n\nexport function VStack({\n  align,\n  className,\n  'data-testid': dataTestId,\n  hAlign,\n  justify,\n  ref,\n  style,\n  vAlign,\n  ...props\n}: VStackProps): React.JSX.Element {\n  return (\n    <Stack\n      {...props}\n      className={className}\n      data-testid={dataTestId}\n      direction=\"vertical\"\n      hAlign={hAlign ?? align}\n      ref={ref}\n      style={style}\n      vAlign={vAlign ?? justify}\n    />\n  );\n}\n\nVStack.displayName = 'VStack';\n"]}

package/dist/{chunk-NHXJVSZZ.cjs → chunk-62SQBQA4.cjs}

@@ -161,5 +161,5 @@ VStack.displayName = "VStack";
 
 exports.HStack = HStack;
 exports.VStack = VStack;
-//# sourceMappingURL=chunk-NHXJVSZZ.cjs.map
-//# sourceMappingURL=chunk-NHXJVSZZ.cjs.map
+//# sourceMappingURL=chunk-62SQBQA4.cjs.map
+//# sourceMappingURL=chunk-62SQBQA4.cjs.map

package/dist/chunk-62SQBQA4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Stack/internal/Stack.recipe.ts","../src/components/Stack/internal/Stack.tsx","../src/components/Stack/HStack.tsx","../src/components/Stack/VStack.tsx"],"names":["cva","toPixelSize","jsx","cx"],"mappings":"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","file":"chunk-62SQBQA4.cjs","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const stackRecipe = cva({\n  base: {\n    display: 'flex',\n    minW: 0,\n  },\n  variants: {\n    direction: {\n      horizontal: {\n        flexDirection: 'row',\n      },\n      vertical: {\n        flexDirection: 'column',\n      },\n    },\n    gap: {\n      0: {gap: '0'},\n      0.5: {gap: '0.5'},\n      1: {gap: '1'},\n      1.5: {gap: '1.5'},\n      2: {gap: '2'},\n      3: {gap: '3'},\n      4: {gap: '4'},\n      5: {gap: '5'},\n      6: {gap: '6'},\n      8: {gap: '8'},\n      10: {gap: '10'},\n    },\n    wrap: {\n      nowrap: {\n        flexWrap: 'nowrap',\n      },\n      wrap: {\n        flexWrap: 'wrap',\n      },\n      'wrap-reverse': {\n        flexWrap: 'wrap-reverse',\n      },\n    },\n  },\n  defaultVariants: {\n    direction: 'vertical',\n    wrap: 'nowrap',\n  },\n});\n\nexport type StackVariants = RecipeVariantProps<typeof stackRecipe>;\n","import type {\n  CSSProperties,\n  ElementType,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n} from 'react';\nimport {stackRecipe} from 'components/Stack/internal/Stack.recipe';\nimport {cx} from 'internal/cx';\nimport type {SpacingToken} from 'internal/spacingTokens';\nimport {toPixelSize, type SizeValue} from 'internal/toPixelSize';\n\nexport type {SizeValue};\nexport type StackDirection = 'horizontal' | 'vertical';\nexport type StackMainAlignment =\n  | 'start'\n  | 'center'\n  | 'end'\n  | 'between'\n  | 'around'\n  | 'evenly';\nexport type StackCrossAlignment = 'start' | 'center' | 'end' | 'stretch';\nexport type StackAlignment = StackMainAlignment | StackCrossAlignment;\nexport type StackWrap = 'nowrap' | 'wrap' | 'wrap-reverse';\nexport type StackGap = SpacingToken;\n\n/**\n * @internal\n * Props for the base `Stack` component.\n */\nexport interface StackProps extends HTMLAttributes<HTMLElement> {\n  /**\n   * Cross-axis alignment.\n   */\n  align?: StackCrossAlignment;\n  /**\n   * HTML element type to render.\n   */\n  as?: ElementType;\n  /**\n   * Stack content.\n   */\n  children?: ReactNode;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Layout direction.\n   */\n  direction?: StackDirection;\n  /**\n   * Gap between children.\n   */\n  gap?: StackGap;\n  /**\n   * Horizontal alignment (overrides align/justify for horizontal axis).\n   */\n  hAlign?: StackAlignment;\n  /**\n   * Fixed height. Numbers are treated as pixels.\n   */\n  height?: SizeValue;\n  /**\n   * Main-axis alignment.\n   */\n  justify?: StackMainAlignment;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Vertical alignment (overrides align/justify for vertical axis).\n   */\n  vAlign?: StackAlignment;\n  /**\n   * Fixed width. Numbers are treated as pixels.\n   */\n  width?: SizeValue;\n  /**\n   * Flex wrap behavior.\n   */\n  wrap?: StackWrap;\n}\n\nconst mainAlignValues: Record<StackMainAlignment, string> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  between: 'space-between',\n  around: 'space-around',\n  evenly: 'space-evenly',\n};\n\nconst crossAlignValues: Record<StackCrossAlignment, string> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  stretch: 'stretch',\n};\n\n/**\n * @internal\n * Base flex stack layout primitive. Not exported to consumers — use\n * `HStack` or `VStack` instead, which provide direction-specific\n * type safety for alignment props.\n */\nexport function Stack({\n  align,\n  children,\n  className,\n  'data-testid': dataTestId,\n  direction = 'vertical',\n  as: Element = 'div',\n  gap,\n  hAlign,\n  height,\n  justify,\n  ref,\n  style,\n  vAlign,\n  width,\n  wrap = 'nowrap',\n  ...htmlProps\n}: StackProps): React.JSX.Element {\n  const resolvedHAlign =\n    hAlign ?? (direction === 'horizontal' ? justify : align);\n  const resolvedVAlign =\n    vAlign ?? (direction === 'horizontal' ? align : justify);\n  const mainAlign =\n    direction === 'horizontal' ? resolvedHAlign : resolvedVAlign;\n  const crossAlign =\n    direction === 'horizontal' ? resolvedVAlign : resolvedHAlign;\n  const stackStyle: CSSProperties = {\n    justifyContent:\n      mainAlign != null && mainAlign in mainAlignValues\n        ? mainAlignValues[mainAlign as StackMainAlignment]\n        : undefined,\n    alignItems:\n      crossAlign != null && crossAlign in crossAlignValues\n        ? crossAlignValues[crossAlign as StackCrossAlignment]\n        : undefined,\n    width: toPixelSize(width),\n    height: toPixelSize(height),\n    ...style,\n  };\n\n  return (\n    <Element\n      {...htmlProps}\n      className={cx(stackRecipe({direction, gap, wrap}), className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={stackStyle}>\n      {children}\n    </Element>\n  );\n}\n\nStack.displayName = 'Stack';\n","import type {Ref} from 'react';\nimport {\n  Stack,\n  type StackCrossAlignment,\n  type StackMainAlignment,\n  type StackProps,\n} from 'components/Stack/internal/Stack';\n\nexport interface HStackProps extends Omit<\n  StackProps,\n  'direction' | 'hAlign' | 'vAlign'\n> {\n  align?: StackCrossAlignment;\n  hAlign?: StackMainAlignment;\n  justify?: StackMainAlignment;\n  ref?: Ref<HTMLElement>;\n  vAlign?: StackCrossAlignment;\n}\n\nexport function HStack({\n  align,\n  className,\n  'data-testid': dataTestId,\n  hAlign,\n  justify,\n  ref,\n  style,\n  vAlign,\n  ...props\n}: HStackProps): React.JSX.Element {\n  return (\n    <Stack\n      {...props}\n      className={className}\n      data-testid={dataTestId}\n      direction=\"horizontal\"\n      hAlign={hAlign ?? justify}\n      ref={ref}\n      style={style}\n      vAlign={vAlign ?? align}\n    />\n  );\n}\n\nHStack.displayName = 'HStack';\n","import type {Ref} from 'react';\nimport {\n  Stack,\n  type StackCrossAlignment,\n  type StackMainAlignment,\n  type StackProps,\n} from 'components/Stack/internal/Stack';\n\nexport interface VStackProps extends Omit<\n  StackProps,\n  'direction' | 'hAlign' | 'vAlign'\n> {\n  align?: StackCrossAlignment;\n  hAlign?: StackCrossAlignment;\n  justify?: StackMainAlignment;\n  ref?: Ref<HTMLElement>;\n  vAlign?: StackMainAlignment;\n}\n\nexport function VStack({\n  align,\n  className,\n  'data-testid': dataTestId,\n  hAlign,\n  justify,\n  ref,\n  style,\n  vAlign,\n  ...props\n}: VStackProps): React.JSX.Element {\n  return (\n    <Stack\n      {...props}\n      className={className}\n      data-testid={dataTestId}\n      direction=\"vertical\"\n      hAlign={hAlign ?? align}\n      ref={ref}\n      style={style}\n      vAlign={vAlign ?? justify}\n    />\n  );\n}\n\nVStack.displayName = 'VStack';\n"]}