silver-ui 0.1.1 → 0.2.0

package/dist/chunk-EBUSMPS6.js

@@ -1,306 +0,0 @@
-import { Button } from './chunk-VLIQPSPM.js';
-import { token } from './chunk-PZO5MZ46.js';
-import { cx } from './chunk-PPNETWIP.js';
-import { css } from './chunk-UHQRL4OA.js';
-import { Check, Copy } from 'lucide-react';
-import { useState, useRef, useMemo, useEffect, useCallback } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var styles = {
-  root: css({
-    position: "relative",
-    isolation: "isolate",
-    display: "flex",
-    flexDirection: "column",
-    color: "fg",
-    overflow: "hidden",
-    boxSizing: "border-box"
-  }),
-  card: css({
-    borderWidth: "default",
-    borderStyle: "solid",
-    borderColor: "border",
-    borderRadius: "md"
-  }),
-  section: css({
-    borderWidth: 0,
-    borderRadius: 0
-  }),
-  header: css({
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: "3",
-    px: "4",
-    py: "2",
-    borderBlockEndWidth: "default",
-    borderBlockEndStyle: "solid",
-    borderBlockEndColor: "border"
-  }),
-  headerTitle: css({
-    minW: 0,
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap",
-    color: "fg.muted",
-    fontFamily: "mono",
-    fontSize: "xs",
-    fontWeight: "medium"
-  }),
-  scroll: css({
-    overflow: "auto"
-  }),
-  body: css({
-    display: "flex",
-    minW: "fit-content"
-  }),
-  gutter: css({
-    flexShrink: 0,
-    py: "3",
-    ps: "4",
-    pe: "3",
-    borderInlineEndWidth: "default",
-    borderInlineEndStyle: "solid",
-    borderInlineEndColor: "border",
-    color: "fg.muted",
-    textAlign: "end",
-    userSelect: "none"
-  }),
-  gutterLine: css({
-    fontFamily: "mono",
-    lineHeight: "1.5rem"
-  }),
-  pre: css({
-    m: 0,
-    flex: 1,
-    minW: 0
-  }),
-  code: css({
-    display: "flex",
-    flexDirection: "column",
-    color: "fg",
-    fontFamily: "mono",
-    tabSize: 2,
-    whiteSpace: "pre",
-    wordBreak: "normal",
-    overflowWrap: "normal"
-  }),
-  codeWithFloatingCopy: css({
-    pe: "12"
-  }),
-  codeWrapped: css({
-    whiteSpace: "pre-wrap",
-    wordBreak: "break-word",
-    overflowWrap: "anywhere"
-  }),
-  sizeSm: css({
-    fontSize: "xs",
-    lineHeight: "1.5rem"
-  }),
-  sizeMd: css({
-    fontSize: "sm",
-    lineHeight: "1.5rem"
-  }),
-  line: css({
-    display: "block",
-    minH: "1.5rem"
-  }),
-  lineHighlighted: css({
-    bg: "bg.selected",
-    mx: "calc(var(--cb-padding) * -1)",
-    px: "var(--cb-padding)"
-  }),
-  copyButtonFloating: css({
-    position: "absolute",
-    top: "3",
-    right: "3"
-  })
-};
-function getLines(code) {
-  const lines = code.split("\n");
-  if (lines.length > 1 && lines[lines.length - 1] === "") {
-    lines.pop();
-  }
-  return lines;
-}
-function getLineEntries(code) {
-  return getLines(code).map((text, index) => ({
-    lineNumber: index + 1,
-    text
-  }));
-}
-function getRegionLabel({
-  label,
-  title
-}) {
-  if (label != null) {
-    return label;
-  }
-  if (title != null && title.length > 0) {
-    return `${title} code block`;
-  }
-  return "Code block";
-}
-function CodeBlock({
-  className,
-  code,
-  container = "card",
-  "data-testid": dataTestId,
-  hasCopyButton = true,
-  hasLineNumbers = false,
-  highlightLines,
-  isWrapped = false,
-  label,
-  maxHeight,
-  onCopy,
-  padding = 4,
-  ref,
-  size = "md",
-  style,
-  title,
-  width = "fit-content"
-}) {
-  const [copied, setCopied] = useState(false);
-  const copiedResetTimeoutRef = useRef(null);
-  const lines = useMemo(() => getLineEntries(code), [code]);
-  const highlightLineKey = highlightLines?.join(",");
-  const highlightedLines = useMemo(
-    () => highlightLineKey == null || highlightLineKey.length === 0 ? null : new Set(highlightLineKey.split(",").map(Number)),
-    [highlightLineKey]
-  );
-  const showHeader = title != null;
-  const sizeClassName = size === "sm" ? styles.sizeSm : styles.sizeMd;
-  const regionLabel = getRegionLabel({ label, title });
-  useEffect(() => {
-    return () => {
-      if (copiedResetTimeoutRef.current != null) {
-        window.clearTimeout(copiedResetTimeoutRef.current);
-      }
-    };
-  }, []);
-  const handleCopy = useCallback(async () => {
-    try {
-      await navigator.clipboard.writeText(code);
-      setCopied(true);
-      onCopy?.();
-      if (copiedResetTimeoutRef.current != null) {
-        window.clearTimeout(copiedResetTimeoutRef.current);
-      }
-      copiedResetTimeoutRef.current = window.setTimeout(() => {
-        setCopied(false);
-        copiedResetTimeoutRef.current = null;
-      }, 2e3);
-    } catch {
-    }
-  }, [code, onCopy]);
-  const paddingToken = token(`spacing.${padding}`);
-  const codeStyle = {
-    ["--cb-padding"]: paddingToken,
-    padding: paddingToken
-  };
-  const rootStyle = {
-    width,
-    minWidth: width === "fit-content" ? "min(100%, 400px)" : void 0,
-    maxWidth: width === "fit-content" ? "100%" : void 0,
-    ...style
-  };
-  const scrollStyle = maxHeight == null ? void 0 : {
-    maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight
-  };
-  const scrollRegionProps = {
-    "aria-label": `${regionLabel} scroll area`,
-    role: "region",
-    tabIndex: 0
-  };
-  const copyLabel = copied ? "Copied" : "Copy code";
-  const copyButton = hasCopyButton ? /* @__PURE__ */ jsx(
-    Button,
-    {
-      className: !showHeader ? styles.copyButtonFloating : void 0,
-      icon: copied ? Check : Copy,
-      isIconOnly: true,
-      label: copyLabel,
-      onClick: () => {
-        void handleCopy();
-      },
-      size: "sm",
-      tooltip: copyLabel,
-      variant: "ghost"
-    }
-  ) : null;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "aria-label": regionLabel,
-      className: cx(
-        styles.root,
-        container === "card" ? styles.card : styles.section,
-        className
-      ),
-      "data-container": container,
-      "data-size": size,
-      "data-testid": dataTestId,
-      ref,
-      role: "region",
-      style: rootStyle,
-      children: [
-        showHeader ? /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
-          /* @__PURE__ */ jsx("div", { className: styles.headerTitle, children: title }),
-          copyButton
-        ] }) : null,
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            ...scrollRegionProps,
-            className: styles.scroll,
-            "data-testid": dataTestId == null ? void 0 : `${dataTestId}-scroll`,
-            style: scrollStyle,
-            children: /* @__PURE__ */ jsxs("div", { className: styles.body, children: [
-              hasLineNumbers ? /* @__PURE__ */ jsx(
-                "div",
-                {
-                  "aria-hidden": "true",
-                  className: cx(styles.gutter, sizeClassName),
-                  children: lines.map((line) => /* @__PURE__ */ jsx("div", { className: styles.gutterLine, children: line.lineNumber }, line.lineNumber))
-                }
-              ) : null,
-              /* @__PURE__ */ jsx("pre", { className: styles.pre, children: /* @__PURE__ */ jsx(
-                "code",
-                {
-                  className: cx(
-                    styles.code,
-                    sizeClassName,
-                    !showHeader && hasCopyButton && styles.codeWithFloatingCopy,
-                    isWrapped && styles.codeWrapped
-                  ),
-                  "data-testid": dataTestId == null ? void 0 : `${dataTestId}-code`,
-                  "data-wrapped": isWrapped ? "" : void 0,
-                  style: codeStyle,
-                  children: lines.map((line) => /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      className: cx(
-                        styles.line,
-                        highlightedLines?.has(line.lineNumber) && styles.lineHighlighted
-                      ),
-                      "data-highlighted": highlightedLines?.has(line.lineNumber) ? "" : void 0,
-                      "data-line": line.lineNumber,
-                      children: line.text.length === 0 ? "\u200B" : line.text
-                    },
-                    line.lineNumber
-                  ))
-                }
-              ) })
-            ] })
-          }
-        ),
-        !showHeader ? copyButton : null
-      ]
-    }
-  );
-}
-CodeBlock.displayName = "CodeBlock";
-
-export { CodeBlock };
-//# sourceMappingURL=chunk-EBUSMPS6.js.map
-//# sourceMappingURL=chunk-EBUSMPS6.js.map

package/dist/chunk-EBUSMPS6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"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","file":"chunk-EBUSMPS6.js","sourcesContent":["'use client';\n\nimport {Check, Copy} from 'lucide-react';\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {token} from 'styled-system/tokens';\nimport {cx} from '../../internal/cx';\nimport {Button} from '../Button';\nimport type {SpacingStep} from '../Layout/types';\n\nexport type CodeBlockContainer = 'card' | 'section';\nexport type CodeBlockSize = 'sm' | 'md';\n\nexport interface CodeBlockProps {\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Source code to display.\n   */\n  code: string;\n  /**\n   * Container presentation style.\n   * @default 'card'\n   */\n  container?: CodeBlockContainer;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to show a copy button.\n   * @default true\n   */\n  hasCopyButton?: boolean;\n  /**\n   * Whether to render line numbers.\n   * @default false\n   */\n  hasLineNumbers?: boolean;\n  /**\n   * One-based line numbers to visually highlight.\n   */\n  highlightLines?: number[];\n  /**\n   * Whether long lines should wrap.\n   * @default false\n   */\n  isWrapped?: boolean;\n  /**\n   * Accessible label for the code block region.\n   */\n  label?: string;\n  /**\n   * Maximum scrollable body height. Numbers are treated as pixels.\n   */\n  maxHeight?: number | string;\n  /**\n   * Called after code is successfully copied.\n   */\n  onCopy?: () => void;\n  /**\n   * Inner padding step.\n   * @default 4\n   */\n  padding?: SpacingStep;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Visual size.\n   * @default 'md'\n   */\n  size?: CodeBlockSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Optional header title.\n   */\n  title?: string;\n  /**\n   * Width of the code block. Accepts any CSS width value.\n   * @default 'fit-content'\n   */\n  width?: string;\n}\n\nconst styles = {\n  root: css({\n    position: 'relative',\n    isolation: 'isolate',\n    display: 'flex',\n    flexDirection: 'column',\n    color: 'fg',\n    overflow: 'hidden',\n    boxSizing: 'border-box',\n  }),\n  card: css({\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'border',\n    borderRadius: 'md',\n  }),\n  section: css({\n    borderWidth: 0,\n    borderRadius: 0,\n  }),\n  header: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: '3',\n    px: '4',\n    py: '2',\n    borderBlockEndWidth: 'default',\n    borderBlockEndStyle: 'solid',\n    borderBlockEndColor: 'border',\n  }),\n  headerTitle: css({\n    minW: 0,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    color: 'fg.muted',\n    fontFamily: 'mono',\n    fontSize: 'xs',\n    fontWeight: 'medium',\n  }),\n  scroll: css({\n    overflow: 'auto',\n  }),\n  body: css({\n    display: 'flex',\n    minW: 'fit-content',\n  }),\n  gutter: css({\n    flexShrink: 0,\n    py: '3',\n    ps: '4',\n    pe: '3',\n    borderInlineEndWidth: 'default',\n    borderInlineEndStyle: 'solid',\n    borderInlineEndColor: 'border',\n    color: 'fg.muted',\n    textAlign: 'end',\n    userSelect: 'none',\n  }),\n  gutterLine: css({\n    fontFamily: 'mono',\n    lineHeight: '1.5rem',\n  }),\n  pre: css({\n    m: 0,\n    flex: 1,\n    minW: 0,\n  }),\n  code: css({\n    display: 'flex',\n    flexDirection: 'column',\n    color: 'fg',\n    fontFamily: 'mono',\n    tabSize: 2,\n    whiteSpace: 'pre',\n    wordBreak: 'normal',\n    overflowWrap: 'normal',\n  }),\n  codeWithFloatingCopy: css({\n    pe: '12',\n  }),\n  codeWrapped: css({\n    whiteSpace: 'pre-wrap',\n    wordBreak: 'break-word',\n    overflowWrap: 'anywhere',\n  }),\n  sizeSm: css({\n    fontSize: 'xs',\n    lineHeight: '1.5rem',\n  }),\n  sizeMd: css({\n    fontSize: 'sm',\n    lineHeight: '1.5rem',\n  }),\n  line: css({\n    display: 'block',\n    minH: '1.5rem',\n  }),\n  lineHighlighted: css({\n    bg: 'bg.selected',\n    mx: 'calc(var(--cb-padding) * -1)',\n    px: 'var(--cb-padding)',\n  }),\n  copyButtonFloating: css({\n    position: 'absolute',\n    top: '3',\n    right: '3',\n  }),\n} as const;\n\nfunction getLines(code: string): string[] {\n  const lines = code.split('\\n');\n  if (lines.length > 1 && lines[lines.length - 1] === '') {\n    lines.pop();\n  }\n  return lines;\n}\n\nfunction getLineEntries(code: string): {lineNumber: number; text: string}[] {\n  return getLines(code).map((text, index) => ({\n    lineNumber: index + 1,\n    text,\n  }));\n}\n\nfunction getRegionLabel({\n  label,\n  title,\n}: {\n  label?: string;\n  title?: string;\n}): string {\n  if (label != null) {\n    return label;\n  }\n\n  if (title != null && title.length > 0) {\n    return `${title} code block`;\n  }\n\n  return 'Code block';\n}\n\n/**\n * Read-only source code display.\n */\nexport function CodeBlock({\n  className,\n  code,\n  container = 'card',\n  'data-testid': dataTestId,\n  hasCopyButton = true,\n  hasLineNumbers = false,\n  highlightLines,\n  isWrapped = false,\n  label,\n  maxHeight,\n  onCopy,\n  padding = 4,\n  ref,\n  size = 'md',\n  style,\n  title,\n  width = 'fit-content',\n}: CodeBlockProps): React.JSX.Element {\n  const [copied, setCopied] = useState(false);\n  const copiedResetTimeoutRef = useRef<number | null>(null);\n  const lines = useMemo(() => getLineEntries(code), [code]);\n  const highlightLineKey = highlightLines?.join(',');\n  const highlightedLines = useMemo(\n    () =>\n      highlightLineKey == null || highlightLineKey.length === 0\n        ? null\n        : new Set(highlightLineKey.split(',').map(Number)),\n    [highlightLineKey],\n  );\n  const showHeader = title != null;\n  const sizeClassName = size === 'sm' ? styles.sizeSm : styles.sizeMd;\n  const regionLabel = getRegionLabel({label, title});\n\n  useEffect(() => {\n    return () => {\n      if (copiedResetTimeoutRef.current != null) {\n        window.clearTimeout(copiedResetTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  const handleCopy = useCallback(async () => {\n    try {\n      await navigator.clipboard.writeText(code);\n      setCopied(true);\n      onCopy?.();\n      if (copiedResetTimeoutRef.current != null) {\n        window.clearTimeout(copiedResetTimeoutRef.current);\n      }\n      copiedResetTimeoutRef.current = window.setTimeout(() => {\n        setCopied(false);\n        copiedResetTimeoutRef.current = null;\n      }, 2000);\n    } catch {\n      // Clipboard failures leave the copied state unchanged.\n    }\n  }, [code, onCopy]);\n\n  const paddingToken = token(`spacing.${padding}`);\n  const codeStyle: CSSProperties = {\n    ['--cb-padding' as string]: paddingToken,\n    padding: paddingToken,\n  };\n\n  const rootStyle: CSSProperties = {\n    width,\n    minWidth: width === 'fit-content' ? 'min(100%, 400px)' : undefined,\n    maxWidth: width === 'fit-content' ? '100%' : undefined,\n    ...style,\n  };\n  const scrollStyle: CSSProperties | undefined =\n    maxHeight == null\n      ? undefined\n      : {\n          maxHeight:\n            typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight,\n        };\n  const scrollRegionProps = {\n    'aria-label': `${regionLabel} scroll area`,\n    role: 'region',\n    tabIndex: 0,\n  } as const;\n\n  const copyLabel = copied ? 'Copied' : 'Copy code';\n  const copyButton = hasCopyButton ? (\n    <Button\n      className={!showHeader ? styles.copyButtonFloating : undefined}\n      icon={copied ? Check : Copy}\n      isIconOnly\n      label={copyLabel}\n      onClick={() => {\n        void handleCopy();\n      }}\n      size=\"sm\"\n      tooltip={copyLabel}\n      variant=\"ghost\"\n    />\n  ) : null;\n\n  return (\n    <div\n      aria-label={regionLabel}\n      className={cx(\n        styles.root,\n        container === 'card' ? styles.card : styles.section,\n        className,\n      )}\n      data-container={container}\n      data-size={size}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"region\"\n      style={rootStyle}>\n      {showHeader ? (\n        <div className={styles.header}>\n          <div className={styles.headerTitle}>{title}</div>\n          {copyButton}\n        </div>\n      ) : null}\n      <div\n        {...scrollRegionProps}\n        className={styles.scroll}\n        data-testid={dataTestId == null ? undefined : `${dataTestId}-scroll`}\n        style={scrollStyle}>\n        <div className={styles.body}>\n          {hasLineNumbers ? (\n            <div\n              aria-hidden=\"true\"\n              className={cx(styles.gutter, sizeClassName)}>\n              {lines.map(line => (\n                <div className={styles.gutterLine} key={line.lineNumber}>\n                  {line.lineNumber}\n                </div>\n              ))}\n            </div>\n          ) : null}\n          <pre className={styles.pre}>\n            <code\n              className={cx(\n                styles.code,\n                sizeClassName,\n                !showHeader && hasCopyButton && styles.codeWithFloatingCopy,\n                isWrapped && styles.codeWrapped,\n              )}\n              data-testid={\n                dataTestId == null ? undefined : `${dataTestId}-code`\n              }\n              data-wrapped={isWrapped ? '' : undefined}\n              style={codeStyle}>\n              {lines.map(line => (\n                <span\n                  className={cx(\n                    styles.line,\n                    highlightedLines?.has(line.lineNumber) &&\n                      styles.lineHighlighted,\n                  )}\n                  data-highlighted={\n                    highlightedLines?.has(line.lineNumber) ? '' : undefined\n                  }\n                  data-line={line.lineNumber}\n                  key={line.lineNumber}>\n                  {line.text.length === 0 ? '\\u200b' : line.text}\n                </span>\n              ))}\n            </code>\n          </pre>\n        </div>\n      </div>\n      {!showHeader ? copyButton : null}\n    </div>\n  );\n}\n\nCodeBlock.displayName = 'CodeBlock';\n"]}

package/dist/chunk-EETTQWW5.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/TimeInput/TimeInput.tsx"],"names":["css","Temporal","useId","getStatusMessageID","getDescribedBy","jsx","Field","jsxs","inputRecipe","inputStyles","Icon","Clock","cx","X","Spinner","getStatusIcon"],"mappings":"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","file":"chunk-EETTQWW5.cjs","sourcesContent":["import {Temporal} from '@js-temporal/polyfill';\nimport {Clock, X} from 'lucide-react';\nimport {useId, type CSSProperties, type ReactNode, type Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\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 {Spinner} from '../Spinner';\n\nconst styles = {\n  input: css({\n    '&::-webkit-calendar-picker-indicator': {\n      display: 'none',\n    },\n  }),\n} as const;\n\nexport type PlainTime = Temporal.PlainTime;\n\nexport type TimeInputProps = {\n  /**\n   * Additional CSS class names applied to the input wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the input element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether to focus the input on mount.\n   * @default false\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Whether to show a clear button when a value is set.\n   * @default false\n   */\n  hasClear?: boolean;\n  /**\n   * Whether the input includes a seconds field.\n   * @default false\n   */\n  hasSeconds?: boolean;\n  /**\n   * HTML name attribute.\n   */\n  htmlName?: string;\n  /**\n   * Whether the input is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Whether the input is loading.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Field label.\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   * Latest allowed time.\n   */\n  max?: PlainTime;\n  /**\n   * Earliest allowed time.\n   */\n  min?: PlainTime;\n  /**\n   * Called when the time value changes.\n   */\n  onChange: (value: PlainTime | undefined) => void;\n  /**\n   * Placeholder text.\n   * @default 'Select a time'\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Visual size.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Validation status displayed below the input.\n   */\n  status?: InputStatus;\n  /**\n   * Step increment in seconds for the time picker.\n   */\n  step?: number;\n  /**\n   * Inline styles applied to the input wrapper.\n   */\n  style?: CSSProperties;\n  /**\n   * Controlled time value.\n   */\n  value: PlainTime | undefined;\n} & FieldNecessity;\n\nfunction toInputString(\n  time: PlainTime | undefined,\n  hasSeconds: boolean,\n): string {\n  if (time == null) {\n    return '';\n  }\n  return time.toString({\n    smallestUnit: hasSeconds ? 'second' : 'minute',\n  });\n}\n\nfunction fromInputString(value: string): PlainTime | undefined {\n  if (value === '') {\n    return undefined;\n  }\n  try {\n    return Temporal.PlainTime.from(value);\n  } catch {\n    return undefined;\n  }\n}\n\n/**\n * Time picker input field with optional seconds granularity.\n */\nexport function TimeInput({\n  label,\n  value,\n  onChange,\n  hasSeconds = false,\n  hasClear = false,\n  hasAutoFocus = false,\n  min,\n  max,\n  step,\n  size = 'md',\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  htmlName,\n  status,\n  labelIcon,\n  labelTooltip,\n  placeholder = 'Select a time',\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: TimeInputProps): 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\n  const necessity: FieldNecessity = {isOptional, isRequired};\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={inputRecipe({\n          size,\n          status: status?.type,\n          isDisabled,\n        })}>\n        <span className={inputStyles.iconSlot}>\n          <Icon icon={Clock} size=\"sm\" />\n        </span>\n        <input\n          aria-busy={isLoading || undefined}\n          aria-describedby={describedBy}\n          aria-invalid={status?.type === 'error' || undefined}\n          aria-required={isRequired ?? undefined}\n          // eslint-disable-next-line jsx-a11y-x/no-autofocus\n          autoFocus={hasAutoFocus}\n          className={cx(inputStyles.control, styles.input)}\n          data-autofocus={hasAutoFocus || undefined}\n          data-testid={dataTestId}\n          disabled={isDisabled}\n          id={inputId}\n          max={toInputString(max, hasSeconds)}\n          min={toInputString(min, hasSeconds)}\n          name={htmlName}\n          onChange={event => onChange(fromInputString(event.target.value))}\n          placeholder={placeholder}\n          ref={ref}\n          step={step ?? (hasSeconds ? 1 : 60)}\n          type=\"time\"\n          value={toInputString(value, hasSeconds)}\n        />\n        {hasClear && value != null && !isDisabled ? (\n          <button\n            aria-label={`Clear ${label}`}\n            className={inputStyles.clearButton}\n            onClick={() => onChange(undefined)}\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\nTimeInput.displayName = 'TimeInput';\n"]}

package/dist/chunk-EHBV6ZMM.js

@@ -1,239 +0,0 @@
-import { Button } from './chunk-VLIQPSPM.js';
-import { Text, token } from './chunk-PZO5MZ46.js';
-import { Icon } from './chunk-4W7L63LH.js';
-import { cva } from './chunk-NAELQLZN.js';
-import { cx } from './chunk-PPNETWIP.js';
-import { css } from './chunk-UHQRL4OA.js';
-import { ChevronDown, X, TriangleAlert, CheckCircle2, Info, XCircle } from 'lucide-react';
-import { useId, useState } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/components/Alert/Alert.recipe.ts
-var alertRecipe = cva({
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    fontFamily: "body"
-  }
-});
-var alertHeaderRecipe = cva({
-  base: {
-    display: "flex",
-    alignItems: "flex-start",
-    gap: "2",
-    px: "4",
-    py: "3"
-  },
-  variants: {
-    container: {
-      card: {
-        borderTopRadius: "lg"
-      },
-      section: {}
-    },
-    hasContent: {
-      true: {},
-      false: {}
-    },
-    isCentered: {
-      true: {
-        alignItems: "center"
-      },
-      false: {}
-    },
-    status: {
-      error: {
-        bg: "surface.red",
-        color: "surface.red.fg",
-        "--silver-text-color": "token(colors.surface.red.fg)",
-        "--silver-text-color-muted": "token(colors.surface.red.fg)"
-      },
-      info: {
-        bg: "surface.blue",
-        color: "surface.blue.fg",
-        "--silver-text-color": "token(colors.surface.blue.fg)",
-        "--silver-text-color-muted": "token(colors.surface.blue.fg)"
-      },
-      success: {
-        bg: "surface.green",
-        color: "surface.green.fg",
-        "--silver-text-color": "token(colors.surface.green.fg)",
-        "--silver-text-color-muted": "token(colors.surface.green.fg)"
-      },
-      warning: {
-        bg: "surface.yellow",
-        color: "surface.yellow.fg",
-        "--silver-text-color": "token(colors.surface.yellow.fg)",
-        "--silver-text-color-muted": "token(colors.surface.yellow.fg)"
-      }
-    }
-  },
-  compoundVariants: [
-    {
-      container: "card",
-      css: {
-        borderBottomRadius: "lg"
-      },
-      hasContent: false
-    }
-  ],
-  defaultVariants: {
-    container: "card",
-    hasContent: false,
-    isCentered: false,
-    status: "info"
-  }
-});
-var statusRole = {
-  error: "alert",
-  info: "status",
-  success: "status",
-  warning: "alert"
-};
-var defaultIcons = {
-  error: /* @__PURE__ */ jsx(Icon, { color: "error", icon: XCircle }),
-  info: /* @__PURE__ */ jsx(Icon, { color: "info", icon: Info }),
-  success: /* @__PURE__ */ jsx(Icon, { color: "success", icon: CheckCircle2 }),
-  warning: /* @__PURE__ */ jsx(Icon, { color: "warning", icon: TriangleAlert })
-};
-var styles = {
-  icon: css({
-    display: "inline-flex",
-    alignItems: "center",
-    flexShrink: 0
-  }),
-  content: css({
-    display: "flex",
-    flex: 1,
-    flexDirection: "column",
-    minW: 0
-  }),
-  endArea: css({
-    display: "flex",
-    alignItems: "center",
-    flexShrink: 0,
-    gap: "2",
-    ms: "auto"
-  }),
-  body: css({
-    bg: "bg",
-    borderBlockEndWidth: "default",
-    borderColor: "border",
-    borderInlineWidth: "default",
-    borderStyle: "solid",
-    px: "4",
-    py: "3"
-  }),
-  bodyCard: css({
-    borderBottomRadius: "lg"
-  }),
-  chevronExpanded: css({
-    transform: "rotate(180deg)"
-  })
-};
-function Alert({
-  children,
-  className,
-  container = "card",
-  "data-testid": dataTestId,
-  description,
-  endContent,
-  icon,
-  isDefaultExpanded = false,
-  isDismissable = false,
-  onDismiss,
-  padding,
-  ref,
-  status,
-  style,
-  title
-}) {
-  const bodyId = useId();
-  const [isDismissed, setIsDismissed] = useState(false);
-  const [isExpanded, setIsExpanded] = useState(isDefaultExpanded);
-  const hasChildren = children != null;
-  const showContent = hasChildren && isExpanded;
-  const showEndArea = endContent != null || isDismissable || hasChildren;
-  const isSingleLine = description == null && (endContent != null || isDismissable || hasChildren);
-  if (isDismissed) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cx(alertRecipe(), className),
-      "data-testid": dataTestId,
-      ref,
-      role: statusRole[status],
-      style,
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: alertHeaderRecipe({
-              container,
-              hasContent: showContent,
-              isCentered: isSingleLine,
-              status
-            }),
-            children: [
-              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: styles.icon, children: icon ?? defaultIcons[status] }),
-              /* @__PURE__ */ jsxs("div", { className: styles.content, children: [
-                /* @__PURE__ */ jsx(Text, { as: "p", type: "label", weight: "semibold", children: title }),
-                description != null ? /* @__PURE__ */ jsx(Text, { as: "p", color: "secondary", type: "supporting", children: description }) : null
-              ] }),
-              showEndArea ? /* @__PURE__ */ jsxs("div", { className: styles.endArea, children: [
-                endContent,
-                hasChildren ? /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    "aria-controls": bodyId,
-                    "aria-expanded": isExpanded,
-                    className: isExpanded ? styles.chevronExpanded : void 0,
-                    icon: ChevronDown,
-                    isIconOnly: true,
-                    label: isExpanded ? "Collapse" : "Expand",
-                    onClick: () => setIsExpanded((value) => !value),
-                    size: "sm",
-                    variant: "ghost"
-                  }
-                ) : null,
-                isDismissable ? /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    icon: X,
-                    isIconOnly: true,
-                    label: "Dismiss",
-                    onClick: () => {
-                      setIsDismissed(true);
-                      onDismiss?.();
-                    },
-                    size: "sm",
-                    variant: "ghost"
-                  }
-                ) : null
-              ] }) : null
-            ]
-          }
-        ),
-        showContent ? /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cx(
-              styles.body,
-              container === "card" ? styles.bodyCard : void 0
-            ),
-            id: bodyId,
-            style: padding != null ? { padding: token(`spacing.${padding}`) } : void 0,
-            children
-          }
-        ) : null
-      ]
-    }
-  );
-}
-Alert.displayName = "Alert";
-
-export { Alert, alertRecipe };
-//# sourceMappingURL=chunk-EHBV6ZMM.js.map
-//# sourceMappingURL=chunk-EHBV6ZMM.js.map

package/dist/chunk-EHBV6ZMM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Alert/Alert.recipe.ts","../src/components/Alert/Alert.tsx"],"names":[],"mappings":"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","file":"chunk-EHBV6ZMM.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const alertRecipe = cva({\n  base: {\n    display: 'flex',\n    flexDirection: 'column',\n    fontFamily: 'body',\n  },\n});\n\nexport const alertHeaderRecipe = cva({\n  base: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: '2',\n    px: '4',\n    py: '3',\n  },\n  variants: {\n    container: {\n      card: {\n        borderTopRadius: 'lg',\n      },\n      section: {},\n    },\n    hasContent: {\n      true: {},\n      false: {},\n    },\n    isCentered: {\n      true: {\n        alignItems: 'center',\n      },\n      false: {},\n    },\n    status: {\n      error: {\n        bg: 'surface.red',\n        color: 'surface.red.fg',\n        '--silver-text-color': 'token(colors.surface.red.fg)',\n        '--silver-text-color-muted': 'token(colors.surface.red.fg)',\n      },\n      info: {\n        bg: 'surface.blue',\n        color: 'surface.blue.fg',\n        '--silver-text-color': 'token(colors.surface.blue.fg)',\n        '--silver-text-color-muted': 'token(colors.surface.blue.fg)',\n      },\n      success: {\n        bg: 'surface.green',\n        color: 'surface.green.fg',\n        '--silver-text-color': 'token(colors.surface.green.fg)',\n        '--silver-text-color-muted': 'token(colors.surface.green.fg)',\n      },\n      warning: {\n        bg: 'surface.yellow',\n        color: 'surface.yellow.fg',\n        '--silver-text-color': 'token(colors.surface.yellow.fg)',\n        '--silver-text-color-muted': 'token(colors.surface.yellow.fg)',\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      container: 'card',\n      css: {\n        borderBottomRadius: 'lg',\n      },\n      hasContent: false,\n    },\n  ],\n  defaultVariants: {\n    container: 'card',\n    hasContent: false,\n    isCentered: false,\n    status: 'info',\n  },\n});\n\nexport type AlertVariants = RecipeVariantProps<typeof alertRecipe>;\n","import {\n  CheckCircle2,\n  ChevronDown,\n  Info,\n  TriangleAlert,\n  X,\n  XCircle,\n} from 'lucide-react';\nimport {\n  useId,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {token} from 'styled-system/tokens';\nimport {cx} from '../../internal/cx';\nimport {Button} from '../Button';\nimport {Icon} from '../Icon';\nimport type {SpacingStep} from '../Layout/types';\nimport {Text} from '../Text';\nimport {alertHeaderRecipe, alertRecipe} from './Alert.recipe';\n\nexport type AlertContainer = 'card' | 'section';\nexport type AlertStatus = 'error' | 'info' | 'success' | 'warning';\n\nexport interface AlertProps {\n  /**\n   * Extra content rendered below the alert header in a collapsible area.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Visual container style.\n   * @default 'card'\n   */\n  container?: AlertContainer;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting description displayed below the title.\n   */\n  description?: ReactNode;\n  /**\n   * Content rendered at the end of the header, before collapse and dismiss controls.\n   */\n  endContent?: ReactNode;\n  /**\n   * Custom status icon. A default icon is rendered when omitted.\n   */\n  icon?: ReactNode;\n  /**\n   * Whether collapsible children are expanded initially.\n   * @default false\n   */\n  isDefaultExpanded?: boolean;\n  /**\n   * Whether the alert can be dismissed.\n   * @default false\n   */\n  isDismissable?: boolean;\n  /**\n   * Called when the dismiss button is clicked.\n   */\n  onDismiss?: () => void;\n  /**\n   * Inner padding step.\n   * @default 4\n   */\n  padding?: SpacingStep;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Status controlling role, icon, and color.\n   */\n  status: AlertStatus;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Primary alert title.\n   */\n  title: ReactNode;\n}\n\nconst statusRole: Record<AlertStatus, 'alert' | 'status'> = {\n  error: 'alert',\n  info: 'status',\n  success: 'status',\n  warning: 'alert',\n};\n\nconst defaultIcons: Record<AlertStatus, ReactNode> = {\n  error: <Icon color=\"error\" icon={XCircle} />,\n  info: <Icon color=\"info\" icon={Info} />,\n  success: <Icon color=\"success\" icon={CheckCircle2} />,\n  warning: <Icon color=\"warning\" icon={TriangleAlert} />,\n};\n\nconst styles = {\n  icon: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    flexShrink: 0,\n  }),\n  content: css({\n    display: 'flex',\n    flex: 1,\n    flexDirection: 'column',\n    minW: 0,\n  }),\n  endArea: css({\n    display: 'flex',\n    alignItems: 'center',\n    flexShrink: 0,\n    gap: '2',\n    ms: 'auto',\n  }),\n  body: css({\n    bg: 'bg',\n    borderBlockEndWidth: 'default',\n    borderColor: 'border',\n    borderInlineWidth: 'default',\n    borderStyle: 'solid',\n    px: '4',\n    py: '3',\n  }),\n  bodyCard: css({\n    borderBottomRadius: 'lg',\n  }),\n  chevronExpanded: css({\n    transform: 'rotate(180deg)',\n  }),\n} as const;\n\n/**\n * Displays a contextual message with status-based styling, an optional\n * collapsible body, and dismiss functionality.\n */\nexport function Alert({\n  children,\n  className,\n  container = 'card',\n  'data-testid': dataTestId,\n  description,\n  endContent,\n  icon,\n  isDefaultExpanded = false,\n  isDismissable = false,\n  onDismiss,\n  padding,\n  ref,\n  status,\n  style,\n  title,\n}: AlertProps): React.JSX.Element | null {\n  const bodyId = useId();\n  const [isDismissed, setIsDismissed] = useState(false);\n  const [isExpanded, setIsExpanded] = useState(isDefaultExpanded);\n  const hasChildren = children != null;\n  const showContent = hasChildren && isExpanded;\n  const showEndArea = endContent != null || isDismissable || hasChildren;\n  const isSingleLine =\n    description == null && (endContent != null || isDismissable || hasChildren);\n\n  if (isDismissed) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cx(alertRecipe(), className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role={statusRole[status]}\n      style={style}>\n      <div\n        className={alertHeaderRecipe({\n          container,\n          hasContent: showContent,\n          isCentered: isSingleLine,\n          status,\n        })}>\n        <span aria-hidden=\"true\" className={styles.icon}>\n          {icon ?? defaultIcons[status]}\n        </span>\n        <div className={styles.content}>\n          <Text as=\"p\" type=\"label\" weight=\"semibold\">\n            {title}\n          </Text>\n          {description != null ? (\n            <Text as=\"p\" color=\"secondary\" type=\"supporting\">\n              {description}\n            </Text>\n          ) : null}\n        </div>\n        {showEndArea ? (\n          <div className={styles.endArea}>\n            {endContent}\n            {hasChildren ? (\n              <Button\n                aria-controls={bodyId}\n                aria-expanded={isExpanded}\n                className={isExpanded ? styles.chevronExpanded : undefined}\n                icon={ChevronDown}\n                isIconOnly\n                label={isExpanded ? 'Collapse' : 'Expand'}\n                onClick={() => setIsExpanded(value => !value)}\n                size=\"sm\"\n                variant=\"ghost\"\n              />\n            ) : null}\n            {isDismissable ? (\n              <Button\n                icon={X}\n                isIconOnly\n                label=\"Dismiss\"\n                onClick={() => {\n                  setIsDismissed(true);\n                  onDismiss?.();\n                }}\n                size=\"sm\"\n                variant=\"ghost\"\n              />\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n      {showContent ? (\n        <div\n          className={cx(\n            styles.body,\n            container === 'card' ? styles.bodyCard : undefined,\n          )}\n          id={bodyId}\n          style={\n            padding != null ? {padding: token(`spacing.${padding}`)} : undefined\n          }>\n          {children}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nAlert.displayName = 'Alert';\n"]}