silver-ui 0.1.0

package/dist/chunk-TPSOUQG7.cjs

@@ -0,0 +1,309 @@
+'use strict';
+
+var chunk4A4EI26N_cjs = require('./chunk-4A4EI26N.cjs');
+var chunkCK3UJQRI_cjs = require('./chunk-CK3UJQRI.cjs');
+var chunkI6IGTQLG_cjs = require('./chunk-I6IGTQLG.cjs');
+var chunk5G3BY75L_cjs = require('./chunk-5G3BY75L.cjs');
+var chunkWSAZHUB3_cjs = require('./chunk-WSAZHUB3.cjs');
+var chunkNILB6Y4Z_cjs = require('./chunk-NILB6Y4Z.cjs');
+var chunk2WP6NYYY_cjs = require('./chunk-2WP6NYYY.cjs');
+var chunk6SHL7FYO_cjs = require('./chunk-6SHL7FYO.cjs');
+var chunkPHFEQG4E_cjs = require('./chunk-PHFEQG4E.cjs');
+var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
+var chunkAZDWQGAX_cjs = require('./chunk-AZDWQGAX.cjs');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/internal/parseDateInput.ts
+var MONTH_NAMES = {
+  jan: 1,
+  january: 1,
+  feb: 2,
+  february: 2,
+  mar: 3,
+  march: 3,
+  apr: 4,
+  april: 4,
+  may: 5,
+  jun: 6,
+  june: 6,
+  jul: 7,
+  july: 7,
+  aug: 8,
+  august: 8,
+  sep: 9,
+  september: 9,
+  oct: 10,
+  october: 10,
+  nov: 11,
+  november: 11,
+  dec: 12,
+  december: 12
+};
+function parseDateInput(input) {
+  const trimmed = input.trim();
+  if (trimmed === "") {
+    return null;
+  }
+  const isoMatch = /^(\d{4})-(\d{1,2})-(\d{1,2})$/.exec(trimmed);
+  if (isoMatch != null) {
+    return tryCreate(
+      parseInt(isoMatch[1], 10),
+      parseInt(isoMatch[2], 10),
+      parseInt(isoMatch[3], 10)
+    );
+  }
+  const usMatch = /^(\d{1,2})[/\-.](\d{1,2})[/\-.](\d{2,4})$/.exec(trimmed);
+  if (usMatch != null) {
+    let year = parseInt(usMatch[3], 10);
+    if (year < 100) {
+      year += year < 50 ? 2e3 : 1900;
+    }
+    return tryCreate(year, parseInt(usMatch[1], 10), parseInt(usMatch[2], 10));
+  }
+  const namedMonthFirst = /^([A-Za-z]+)\s+(\d{1,2}),?\s+(\d{4})$/.exec(trimmed);
+  if (namedMonthFirst != null) {
+    const month = MONTH_NAMES[namedMonthFirst[1].toLowerCase()];
+    if (month != null) {
+      return tryCreate(
+        parseInt(namedMonthFirst[3], 10),
+        month,
+        parseInt(namedMonthFirst[2], 10)
+      );
+    }
+  }
+  const namedMonthLast = /^(\d{1,2})\s+([A-Za-z]+),?\s+(\d{4})$/.exec(trimmed);
+  if (namedMonthLast != null) {
+    const month = MONTH_NAMES[namedMonthLast[2].toLowerCase()];
+    if (month != null) {
+      return tryCreate(
+        parseInt(namedMonthLast[3], 10),
+        month,
+        parseInt(namedMonthLast[1], 10)
+      );
+    }
+  }
+  return null;
+}
+function tryCreate(year, month, day) {
+  try {
+    return chunkCK3UJQRI_cjs.plainDateCreate(year, month, day);
+  } catch {
+    return null;
+  }
+}
+var styles = {
+  wrapper: chunkAZDWQGAX_cjs.css({ ps: "1", gap: "1" })
+};
+function formatDate(value) {
+  return value == null ? "" : chunkCK3UJQRI_cjs.plainDateFormat(value, chunkCK3UJQRI_cjs.DATE_FORMAT_LONG);
+}
+function isDateAllowed(date, options) {
+  if (options.min != null && chunkCK3UJQRI_cjs.plainDateIsBefore(date, options.min)) {
+    return false;
+  }
+  if (options.max != null && chunkCK3UJQRI_cjs.plainDateIsAfter(date, options.max)) {
+    return false;
+  }
+  if (options.getIsDateDisabled?.(date)) {
+    return false;
+  }
+  return true;
+}
+function DateInput({
+  label,
+  value,
+  onChange,
+  min,
+  max,
+  getIsDateDisabled,
+  placeholder = "Select a date",
+  size = "md",
+  description,
+  isLabelHidden = false,
+  isOptional,
+  isRequired,
+  isDisabled = false,
+  isLoading = false,
+  hasClear = false,
+  status,
+  labelIcon,
+  labelTooltip,
+  className,
+  "data-testid": dataTestId,
+  style,
+  ref
+}) {
+  const inputId = react.useId();
+  const descriptionID = description != null ? `${inputId}-description` : void 0;
+  const statusMessageID = chunk5G3BY75L_cjs.getStatusMessageID(inputId, status);
+  const describedBy = chunk5G3BY75L_cjs.getDescribedBy(descriptionID, statusMessageID);
+  const inputRef = react.useRef(null);
+  const calendarRef = react.useRef(null);
+  const wrapperRef = react.useRef(null);
+  const [isOpen, setIsOpen] = react.useState(false);
+  const [pendingInput, setPendingInput] = react.useState(null);
+  const displayValue = pendingInput ?? formatDate(value);
+  const necessity = { isOptional, isRequired };
+  const handleCalendarChange = react.useCallback(
+    (nextValue) => {
+      onChange(nextValue);
+      setPendingInput(null);
+      setIsOpen(false);
+      inputRef.current?.focus();
+    },
+    [onChange]
+  );
+  const handleInputChange = react.useCallback(
+    (event) => {
+      const text = event.target.value;
+      setPendingInput(text);
+      const parsed = parseDateInput(text);
+      if (parsed != null && isDateAllowed(parsed, { min, max, getIsDateDisabled })) {
+        onChange(parsed);
+        calendarRef.current?.navigateTo(parsed);
+      }
+    },
+    [getIsDateDisabled, max, min, onChange]
+  );
+  const commitPendingInput = react.useCallback(() => {
+    if (pendingInput == null) {
+      return;
+    }
+    if (pendingInput.trim() === "") {
+      if (value != null) {
+        onChange(void 0);
+      }
+      setPendingInput(null);
+      return;
+    }
+    const parsed = parseDateInput(pendingInput);
+    if (parsed != null && isDateAllowed(parsed, { min, max, getIsDateDisabled })) {
+      onChange(parsed);
+    }
+    setPendingInput(null);
+  }, [getIsDateDisabled, max, min, onChange, pendingInput, value]);
+  const handleBlur = react.useCallback(() => {
+    commitPendingInput();
+  }, [commitPendingInput]);
+  const handleKeyDown = react.useCallback(
+    (event) => {
+      if (event.key === "Enter") {
+        event.preventDefault();
+        commitPendingInput();
+      }
+    },
+    [commitPendingInput]
+  );
+  const handleClear = react.useCallback(() => {
+    onChange(void 0);
+    setPendingInput(null);
+    inputRef.current?.focus();
+  }, [onChange]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkI6IGTQLG_cjs.Field,
+    {
+      className,
+      description,
+      descriptionID,
+      inputId,
+      isDisabled,
+      isLabelHidden,
+      ...necessity,
+      label,
+      labelIcon,
+      labelTooltip,
+      status: status == null ? void 0 : { ...status, messageID: statusMessageID },
+      style,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: chunkSPDVNY2Z_cjs.cx(
+            chunkI6IGTQLG_cjs.inputRecipe({
+              size,
+              status: status?.type,
+              isDisabled
+            }),
+            styles.wrapper
+          ),
+          ref: wrapperRef,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              chunkWSAZHUB3_cjs.Popover,
+              {
+                content: /* @__PURE__ */ jsxRuntime.jsx(
+                  chunk4A4EI26N_cjs.Calendar,
+                  {
+                    getIsDateDisabled,
+                    max,
+                    min,
+                    onChange: handleCalendarChange,
+                    ref: calendarRef,
+                    value,
+                    viewDate: value
+                  }
+                ),
+                hasAutoFocus: true,
+                isEnabled: !isDisabled,
+                isOpen,
+                label: `Choose ${label}`,
+                onOpenChange: setIsOpen,
+                padding: "3",
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkNILB6Y4Z_cjs.Button,
+                  {
+                    icon: lucideReact.CalendarIcon,
+                    isDisabled,
+                    isIconOnly: true,
+                    label: `Choose ${label}`,
+                    size: "sm",
+                    variant: "ghost"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                "aria-busy": isLoading || void 0,
+                "aria-describedby": describedBy,
+                "aria-invalid": status?.type === "error" || void 0,
+                "aria-required": isRequired ?? void 0,
+                autoComplete: "off",
+                className: chunkI6IGTQLG_cjs.inputStyles.control,
+                "data-testid": dataTestId,
+                disabled: isDisabled,
+                id: inputId,
+                onBlur: handleBlur,
+                onChange: handleInputChange,
+                onKeyDown: handleKeyDown,
+                placeholder,
+                ref: chunk6SHL7FYO_cjs.mergeRefs(ref, inputRef),
+                type: "text",
+                value: displayValue
+              }
+            ),
+            hasClear && value != null && !isDisabled && !isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                "aria-label": `Clear ${label}`,
+                className: chunkI6IGTQLG_cjs.inputStyles.clearButton,
+                onClick: handleClear,
+                type: "button",
+                children: /* @__PURE__ */ jsxRuntime.jsx(chunkPHFEQG4E_cjs.Icon, { icon: lucideReact.X, size: "sm" })
+              }
+            ) : null,
+            isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunk2WP6NYYY_cjs.Spinner, { size: "sm" }) : null,
+            status != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkI6IGTQLG_cjs.inputStyles.iconSlot, children: chunk5G3BY75L_cjs.getStatusIcon(status.type) }) : null
+          ]
+        }
+      )
+    }
+  );
+}
+DateInput.displayName = "DateInput";
+
+exports.DateInput = DateInput;
+//# sourceMappingURL=chunk-TPSOUQG7.cjs.map
+//# sourceMappingURL=chunk-TPSOUQG7.cjs.map

package/dist/chunk-TPSOUQG7.cjs.map

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

package/dist/chunk-U35V3GVC.js

@@ -0,0 +1,64 @@
+import { cx } from './chunk-PPNETWIP.js';
+import { css } from './chunk-UHQRL4OA.js';
+import { jsx } from 'react/jsx-runtime';
+
+var delayTime = 1e3;
+var staggerTime = 100;
+var styles = {
+  root: css({
+    bg: "skeleton",
+    backgroundImage: "linear-gradient(90deg, token(colors.skeleton) 0%, token(colors.skeleton.shimmer) 50%, token(colors.skeleton) 100%)",
+    backgroundSize: "200% 100%",
+    animation: "skeleton-shimmer 1.4s ease-in-out infinite",
+    "@media (prefers-reduced-motion: reduce)": {
+      animation: "none",
+      backgroundImage: "none"
+    }
+  }),
+  radius: {
+    none: css({ borderRadius: 0 }),
+    0: css({ borderRadius: 0 }),
+    1: css({ borderRadius: "xs" }),
+    2: css({ borderRadius: "sm" }),
+    3: css({ borderRadius: "md" }),
+    4: css({ borderRadius: "lg" }),
+    rounded: css({ borderRadius: "full" })
+  }
+};
+function formatSize(value) {
+  return typeof value === "number" ? `${value}px` : value;
+}
+function Skeleton({
+  "aria-label": ariaLabel = "Loading",
+  className,
+  "data-testid": dataTestId,
+  height = "100%",
+  radius = 3,
+  ref,
+  staggerIndex = 0,
+  style,
+  width = "100%"
+}) {
+  const clampedIndex = Math.max(0, staggerIndex);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-label": ariaLabel,
+      className: cx(styles.root, styles.radius[radius], className),
+      "data-testid": dataTestId,
+      ref,
+      role: "status",
+      style: {
+        width: formatSize(width),
+        height: formatSize(height),
+        animationDelay: `${delayTime + staggerTime * clampedIndex}ms`,
+        ...style
+      }
+    }
+  );
+}
+Skeleton.displayName = "Skeleton";
+
+export { Skeleton };
+//# sourceMappingURL=chunk-U35V3GVC.js.map
+//# sourceMappingURL=chunk-U35V3GVC.js.map

package/dist/chunk-U35V3GVC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;AAmDA,IAAM,SAAA,GAAY,GAAA;AAClB,IAAM,WAAA,GAAc,GAAA;AAEpB,IAAM,MAAA,GAAS;AAAA,EACb,MAAM,GAAA,CAAI;AAAA,IACR,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,GACD,CAAA;AAAA,EACD,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,GAAA,CAAI,EAAC,YAAA,EAAc,GAAE,CAAA;AAAA,IAC3B,CAAA,EAAG,GAAA,CAAI,EAAC,YAAA,EAAc,GAAE,CAAA;AAAA,IACxB,CAAA,EAAG,GAAA,CAAI,EAAC,YAAA,EAAc,MAAK,CAAA;AAAA,IAC3B,CAAA,EAAG,GAAA,CAAI,EAAC,YAAA,EAAc,MAAK,CAAA;AAAA,IAC3B,CAAA,EAAG,GAAA,CAAI,EAAC,YAAA,EAAc,MAAK,CAAA;AAAA,IAC3B,CAAA,EAAG,GAAA,CAAI,EAAC,YAAA,EAAc,MAAK,CAAA;AAAA,IAC3B,OAAA,EAAS,GAAA,CAAI,EAAC,YAAA,EAAc,QAAO;AAAA;AAEvC,CAAA;AAEA,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,SAAA,EAAW,GAAG,MAAA,CAAO,IAAA,EAAM,OAAO,MAAA,CAAO,MAAM,GAAG,SAAS,CAAA;AAAA,MAC3D,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,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,CAAA;AAAA,QACzD,GAAG;AAAA;AACL;AAAA,GACF;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-U35V3GVC.js","sourcesContent":["import type {CSSProperties, Ref} from 'react';\nimport {css} from 'styled-system/css';\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\nconst styles = {\n  root: css({\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  radius: {\n    none: css({borderRadius: 0}),\n    0: css({borderRadius: 0}),\n    1: css({borderRadius: 'xs'}),\n    2: css({borderRadius: 'sm'}),\n    3: css({borderRadius: 'md'}),\n    4: css({borderRadius: 'lg'}),\n    rounded: css({borderRadius: 'full'}),\n  } satisfies Record<SkeletonRadius, string>,\n} as const;\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(styles.root, styles.radius[radius], className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"status\"\n      style={{\n        width: formatSize(width),\n        height: formatSize(height),\n        animationDelay: `${delayTime + staggerTime * clampedIndex}ms`,\n        ...style,\n      }}\n    />\n  );\n}\n\nSkeleton.displayName = 'Skeleton';\n"]}