@alfadocs/ui-kit 0.0.20 → 0.1.0

package/dist/_chunks/text-area-CKxZ7cS3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-area-CKxZ7cS3.js","sources":["../../src/components/text-area/text-area.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CompositionEvent,\n  type TextareaHTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useFormField } from '../form-field/form-field-context';\n\nconst textAreaVariants = cva(\n  [\n    'block w-full border rounded-[var(--radius-sm)] bg-background text-foreground',\n    'leading-[var(--line-height-base)]',\n    'ps-[var(--spacing-sm)] pe-[var(--spacing-sm)] py-[var(--spacing-xs)]',\n    'focus:outline-none',\n    'focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid',\n    'focus-visible:outline-ring focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'forced-colors:focus-visible:outline-[CanvasText]',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    'read-only:bg-muted read-only:cursor-default',\n    'transition-[height,color,background-color,border-color] duration-[var(--animation-duration)] motion-reduce:transition-none',\n    'placeholder:text-muted-foreground',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'min-h-8 text-[var(--font-size-sm)]',\n        md: 'min-h-[var(--min-target-size)] text-[var(--font-size-base)]',\n        lg: 'min-h-[calc(var(--min-target-size)*1.5)] text-[var(--font-size-lg)]',\n      },\n      tone: {\n        default: 'border-border',\n        error: 'border-destructive',\n      },\n      resize: {\n        auto: 'resize-none',\n        manual: 'resize-y',\n      },\n    },\n    defaultVariants: { size: 'md', tone: 'default', resize: 'manual' },\n  },\n);\n\nconst counterToneClass = (ratio: number): string => {\n  if (ratio >= 1) return 'text-destructive';\n  if (ratio >= 0.9) return 'text-warning';\n  return 'text-muted-foreground';\n};\n\ntype NativeTextareaProps = Omit<\n  TextareaHTMLAttributes<HTMLTextAreaElement>,\n  'children' | 'size'\n>;\n\nexport interface TextAreaProps\n  extends NativeTextareaProps,\n    Pick<VariantProps<typeof textAreaVariants>, 'size' | 'tone'> {\n  size?: 'sm' | 'md' | 'lg';\n  tone?: 'default' | 'error';\n  autoResize?: boolean;\n  minRows?: number;\n  maxRows?: number;\n  showCounter?: boolean;\n}\n\nconst codePointLength = (value: string): number => [...value].length;\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (\n    {\n      size = 'md',\n      tone = 'default',\n      autoResize = false,\n      minRows = 2,\n      maxRows,\n      showCounter,\n      className,\n      id,\n      disabled,\n      value,\n      defaultValue,\n      maxLength,\n      rows,\n      onChange,\n      onCompositionStart,\n      onCompositionEnd,\n      onInput,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const textAreaId = id ?? ctx.id;\n    const effectiveDisabled = ctx.disabled || disabled;\n    const effectiveTone: 'default' | 'error' = ctx.invalid ? 'error' : tone;\n\n    const innerRef = useRef<HTMLTextAreaElement | null>(null);\n    const setRefs = useCallback(\n      (node: HTMLTextAreaElement | null) => {\n        innerRef.current = node;\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          ref.current = node;\n        }\n      },\n      [ref],\n    );\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      String(defaultValue ?? ''),\n    );\n    const currentValue = isControlled ? String(value) : internalValue;\n\n    const composingRef = useRef(false);\n\n    const resizeTextArea = useCallback(() => {\n      const el = innerRef.current;\n      if (!el || !autoResize) return;\n\n      const styles = window.getComputedStyle(el);\n      const lineHeight = parseFloat(styles.lineHeight);\n      const paddingTop = parseFloat(styles.paddingTop);\n      const paddingBottom = parseFloat(styles.paddingBottom);\n      const borderTop = parseFloat(styles.borderTopWidth);\n      const borderBottom = parseFloat(styles.borderBottomWidth);\n      const verticalChrome =\n        paddingTop + paddingBottom + borderTop + borderBottom;\n\n      const minH =\n        (Number.isFinite(lineHeight) ? lineHeight : 24) * minRows +\n        verticalChrome;\n      const maxH =\n        typeof maxRows === 'number'\n          ? (Number.isFinite(lineHeight) ? lineHeight : 24) * maxRows +\n            verticalChrome\n          : Number.POSITIVE_INFINITY;\n\n      // EXCEPTION to constraint #4 (no inline styles): height is computed from\n      // runtime scrollHeight and cannot be expressed as a static Tailwind class.\n      el.style.height = 'auto';\n      const next = Math.max(minH, Math.min(el.scrollHeight, maxH));\n      el.style.height = `${next}px`;\n    }, [autoResize, minRows, maxRows]);\n\n    useLayoutEffect(() => {\n      if (!autoResize) return;\n      resizeTextArea();\n    }, [autoResize, resizeTextArea, currentValue]);\n\n    const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n      if (!isControlled) {\n        setInternalValue(event.target.value);\n      }\n      if (composingRef.current) return;\n      onChange?.(event);\n    };\n\n    const handleCompositionStart = (\n      event: CompositionEvent<HTMLTextAreaElement>,\n    ) => {\n      composingRef.current = true;\n      onCompositionStart?.(event);\n    };\n\n    const handleCompositionEnd = (\n      event: CompositionEvent<HTMLTextAreaElement>,\n    ) => {\n      composingRef.current = false;\n      onCompositionEnd?.(event);\n      const target = event.currentTarget;\n      if (!isControlled) {\n        setInternalValue(target.value);\n      }\n      // Synthesise a ChangeEvent from the CompositionEvent so consumers receive\n      // a single post-IME change. nativeEvent is still the CompositionEvent, so\n      // consumers inspecting `nativeEvent.inputType` will not find the usual\n      // \"insertCompositionText\" value — documented as a known limitation.\n      onChange?.({\n        ...event,\n        target,\n        currentTarget: target,\n      } as unknown as ChangeEvent<HTMLTextAreaElement>);\n      if (autoResize) resizeTextArea();\n    };\n\n    const counterEnabled =\n      typeof maxLength === 'number' &&\n      (showCounter ?? true) &&\n      maxLength > 0;\n\n    const current = codePointLength(currentValue);\n    const remaining = counterEnabled\n      ? Math.max(0, (maxLength as number) - current)\n      : 0;\n    const ratio = counterEnabled ? current / (maxLength as number) : 0;\n\n    const [announced, setAnnounced] = useState<string>('');\n    useEffect(() => {\n      if (!counterEnabled) return;\n      const handle = window.setTimeout(() => {\n        if (composingRef.current) return;\n        setAnnounced(\n          t('ui.inputs.textarea.charactersRemaining', {\n            count: remaining,\n            defaultValue: '{{count}} characters remaining',\n          }),\n        );\n      }, 500);\n      return () => window.clearTimeout(handle);\n    }, [counterEnabled, remaining, t]);\n\n    const counterId = counterEnabled ? `${textAreaId}-counter` : undefined;\n    const describedBy =\n      [ctx.describedBy || undefined, counterId].filter(Boolean).join(' ') ||\n      undefined;\n\n    const resizeVariant: 'auto' | 'manual' = autoResize ? 'auto' : 'manual';\n\n    return (\n      <div className=\"flex w-full flex-col gap-[var(--spacing-xs)]\">\n        <textarea\n          ref={setRefs}\n          id={textAreaId}\n          value={isControlled ? currentValue : undefined}\n          defaultValue={!isControlled ? defaultValue : undefined}\n          disabled={effectiveDisabled}\n          aria-describedby={describedBy}\n          aria-invalid={ctx.invalid || undefined}\n          aria-required={ctx.required || undefined}\n          maxLength={maxLength}\n          rows={autoResize ? minRows : rows}\n          onChange={handleChange}\n          onCompositionStart={handleCompositionStart}\n          onCompositionEnd={handleCompositionEnd}\n          onInput={onInput}\n          className={textAreaVariants({\n            size,\n            tone: effectiveTone,\n            resize: resizeVariant,\n            className,\n          })}\n          {...props}\n        />\n        {counterEnabled ? (\n          <div\n            id={counterId}\n            className=\"flex justify-end type-meta tabular-nums\"\n          >\n            <span aria-hidden=\"true\" className={counterToneClass(ratio)}>\n              {current} / {maxLength}\n            </span>\n            <span className=\"sr-only\" aria-live=\"polite\">\n              {announced}\n            </span>\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nTextArea.displayName = 'TextArea';\n"],"names":["textAreaVariants","cva","counterToneClass","ratio","codePointLength","value","TextArea","forwardRef","size","tone","autoResize","minRows","maxRows","showCounter","className","id","disabled","defaultValue","maxLength","rows","onChange","onCompositionStart","onCompositionEnd","onInput","props","ref","t","useTranslation","ctx","useFormField","textAreaId","effectiveDisabled","effectiveTone","innerRef","useRef","setRefs","useCallback","node","isControlled","internalValue","setInternalValue","useState","currentValue","composingRef","resizeTextArea","el","styles","lineHeight","paddingTop","paddingBottom","borderTop","borderBottom","verticalChrome","minH","maxH","next","useLayoutEffect","handleChange","event","handleCompositionStart","handleCompositionEnd","target","counterEnabled","current","remaining","announced","setAnnounced","useEffect","handle","counterId","describedBy","resizeVariant","jsxs","jsx"],"mappings":"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"}

package/dist/_chunks/text-input-D16CcMlL.js

@@ -1,187 +0,0 @@
-import { jsxs as Y, jsx as i } from "react/jsx-runtime";
-import { forwardRef as Z, useState as E, useRef as z, useCallback as A } from "react";
-import { c as I } from "./index-D2ZczOXr.js";
-import { useTranslation as C } from "react-i18next";
-import { u as ee } from "./form-field-context-94LwgYTQ.js";
-import { I as te, a as h, b as v } from "./input-surface-D5OMCB1W.js";
-import { X as se } from "./x-CCcI3eJp.js";
-const ae = I(
-  [
-    "relative flex items-center w-full",
-    "rounded-[var(--radius-sm)]",
-    "focus-within:outline-[length:var(--focus-ring-width)] focus-within:outline-solid",
-    "focus-within:outline-ring focus-within:outline-offset-[length:var(--focus-ring-offset)]",
-    "forced-colors:focus-within:outline-[CanvasText]",
-    "has-[:disabled]:cursor-not-allowed"
-  ].join(" ")
-), re = I(
-  [
-    "w-full rounded-[var(--radius-sm)] border bg-background text-foreground",
-    "placeholder:text-muted-foreground",
-    "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none",
-    "focus:outline-none focus-visible:outline-none",
-    "disabled:cursor-not-allowed disabled:opacity-50",
-    "read-only:bg-muted read-only:cursor-default"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: `${h.sm} ${v.sm}`,
-        md: `${h.md} ${v.md}`,
-        lg: `${h.lg} ${v.lg}`
-      },
-      tone: te,
-      hasStart: {
-        true: "ps-10",
-        false: ""
-      },
-      hasEnd: {
-        true: "pe-10",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      { size: "sm", hasStart: !1, class: "ps-3" },
-      { size: "md", hasStart: !1, class: "ps-3" },
-      { size: "lg", hasStart: !1, class: "ps-4" },
-      { size: "sm", hasEnd: !1, class: "pe-3" },
-      { size: "md", hasEnd: !1, class: "pe-3" },
-      { size: "lg", hasEnd: !1, class: "pe-4" }
-    ],
-    defaultVariants: {
-      size: "md",
-      tone: "default",
-      hasStart: !1,
-      hasEnd: !1
-    }
-  }
-), N = "absolute inset-y-0 flex items-center pointer-events-none text-muted-foreground", ie = Z(
-  ({
-    size: P = "md",
-    tone: R = "default",
-    startAdornment: l,
-    endAdornment: u,
-    clearable: V = !1,
-    onClear: c,
-    className: _,
-    id: $,
-    disabled: j,
-    value: b,
-    defaultValue: O,
-    onChange: s,
-    onCompositionStart: d,
-    onCompositionEnd: f,
-    ...x
-  }, r) => {
-    const { t: U } = C(), a = ee(), k = $ ?? a.id, y = a.disabled || j, F = a.invalid ? "error" : R, n = b !== void 0, [B, p] = E(
-      String(O ?? "")
-    ), T = n ? String(b) : B, D = T.length > 0, m = z(!1), [q, w] = E(!1), o = z(null), H = A(
-      (e) => {
-        o.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
-      },
-      [r]
-    ), X = !!l, S = V && D && !y && !x.readOnly, G = !!u || S, W = (e) => {
-      n || p(e.target.value), !m.current && (s == null || s(e));
-    }, J = (e) => {
-      m.current = !0, w(!0), d == null || d(e);
-    }, K = (e) => {
-      m.current = !1, w(!1), f == null || f(e);
-      const t = e.currentTarget;
-      n || p(t.value), s == null || s({
-        ...e,
-        target: t,
-        currentTarget: t
-      });
-    }, L = () => {
-      var t;
-      n || p("");
-      const e = o.current;
-      if (e && s) {
-        const Q = Object.getPrototypeOf(e), g = (t = Object.getOwnPropertyDescriptor(Q, "value")) == null ? void 0 : t.set;
-        g == null || g.call(e, ""), s({
-          target: e,
-          currentTarget: e,
-          bubbles: !0,
-          type: "change",
-          nativeEvent: new Event("change", { bubbles: !0 }),
-          preventDefault: () => {
-          },
-          stopPropagation: () => {
-          },
-          isDefaultPrevented: () => !1,
-          isPropagationStopped: () => !1,
-          persist: () => {
-          }
-        });
-      }
-      c == null || c(), e == null || e.focus();
-    }, M = (e) => {
-      var t;
-      e.target !== o.current && (e.target.closest("button") || (t = o.current) == null || t.focus());
-    };
-    return /* @__PURE__ */ Y(
-      "div",
-      {
-        className: ae(),
-        onClick: M,
-        "data-composing": q ? "true" : void 0,
-        children: [
-          l ? /* @__PURE__ */ i(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: `${N} start-0 ps-3 [&_svg]:size-4`,
-              children: l
-            }
-          ) : null,
-          /* @__PURE__ */ i(
-            "input",
-            {
-              ref: H,
-              id: k,
-              type: "text",
-              value: T,
-              disabled: y,
-              "aria-describedby": a.describedBy || void 0,
-              "aria-invalid": a.invalid || void 0,
-              "aria-required": a.required || void 0,
-              onChange: W,
-              onCompositionStart: J,
-              onCompositionEnd: K,
-              className: re({
-                size: P,
-                tone: F,
-                hasStart: X,
-                hasEnd: G,
-                className: _
-              }),
-              ...x
-            }
-          ),
-          S ? /* @__PURE__ */ i(
-            "button",
-            {
-              type: "button",
-              "aria-label": U("ui.inputs.text.clear", "Clear input"),
-              onClick: L,
-              className: "absolute inset-y-0 end-0 pe-3 flex items-center pointer-events-auto text-muted-foreground hover:text-foreground transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none",
-              children: /* @__PURE__ */ i(se, { "aria-hidden": "true", className: "size-4" })
-            }
-          ) : u ? /* @__PURE__ */ i(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: `${N} end-0 pe-3 [&_svg]:size-4`,
-              children: u
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-ie.displayName = "TextInput";
-export {
-  ie as T
-};
-//# sourceMappingURL=text-input-D16CcMlL.js.map

package/dist/_chunks/text-input-D16CcMlL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-input-D16CcMlL.js","sources":["../../src/components/text-input/text-input.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CompositionEvent,\n  type InputHTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { useFormField } from '../form-field/form-field-context';\nimport {\n  INPUT_SURFACE_HEIGHT,\n  INPUT_SURFACE_TEXT,\n  INPUT_SURFACE_TONE,\n} from '../_shared/input-surface';\n\nconst wrapperVariants = cva(\n  [\n    'relative flex items-center w-full',\n    'rounded-[var(--radius-sm)]',\n    'focus-within:outline-[length:var(--focus-ring-width)] focus-within:outline-solid',\n    'focus-within:outline-ring focus-within:outline-offset-[length:var(--focus-ring-offset)]',\n    'forced-colors:focus-within:outline-[CanvasText]',\n    'has-[:disabled]:cursor-not-allowed',\n  ].join(' '),\n);\n\nconst inputVariants = cva(\n  [\n    'w-full rounded-[var(--radius-sm)] border bg-background text-foreground',\n    'placeholder:text-muted-foreground',\n    'transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none',\n    'focus:outline-none focus-visible:outline-none',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    'read-only:bg-muted read-only:cursor-default',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: `${INPUT_SURFACE_HEIGHT.sm} ${INPUT_SURFACE_TEXT.sm}`,\n        md: `${INPUT_SURFACE_HEIGHT.md} ${INPUT_SURFACE_TEXT.md}`,\n        lg: `${INPUT_SURFACE_HEIGHT.lg} ${INPUT_SURFACE_TEXT.lg}`,\n      },\n      tone: INPUT_SURFACE_TONE,\n      hasStart: {\n        true: 'ps-10',\n        false: '',\n      },\n      hasEnd: {\n        true: 'pe-10',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      { size: 'sm', hasStart: false, class: 'ps-3' },\n      { size: 'md', hasStart: false, class: 'ps-3' },\n      { size: 'lg', hasStart: false, class: 'ps-4' },\n      { size: 'sm', hasEnd: false, class: 'pe-3' },\n      { size: 'md', hasEnd: false, class: 'pe-3' },\n      { size: 'lg', hasEnd: false, class: 'pe-4' },\n    ],\n    defaultVariants: {\n      size: 'md',\n      tone: 'default',\n      hasStart: false,\n      hasEnd: false,\n    },\n  },\n);\n\nconst adornmentBase =\n  'absolute inset-y-0 flex items-center pointer-events-none text-muted-foreground';\n\nexport interface TextInputProps\n  extends Omit<\n      InputHTMLAttributes<HTMLInputElement>,\n      'size' | 'onChange' | 'onCompositionStart' | 'onCompositionEnd'\n    >,\n    Pick<VariantProps<typeof inputVariants>, 'size' | 'tone'> {\n  size?: 'sm' | 'md' | 'lg';\n  tone?: 'default' | 'error';\n  startAdornment?: ReactNode;\n  endAdornment?: ReactNode;\n  clearable?: boolean;\n  onClear?: () => void;\n  onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n  onCompositionStart?: (event: CompositionEvent<HTMLInputElement>) => void;\n  onCompositionEnd?: (event: CompositionEvent<HTMLInputElement>) => void;\n}\n\nexport const TextInput = forwardRef<HTMLInputElement, TextInputProps>(\n  (\n    {\n      size = 'md',\n      tone = 'default',\n      startAdornment,\n      endAdornment,\n      clearable = false,\n      onClear,\n      className,\n      id,\n      disabled,\n      value,\n      defaultValue,\n      onChange,\n      onCompositionStart,\n      onCompositionEnd,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const inputId = id ?? ctx.id;\n    const effectiveDisabled = ctx.disabled || disabled;\n    const effectiveTone = ctx.invalid ? 'error' : tone;\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      String(defaultValue ?? ''),\n    );\n    const currentValue = isControlled ? String(value) : internalValue;\n    const hasValue = currentValue.length > 0;\n\n    const composingRef = useRef(false);\n    const [composingState, setComposingState] = useState(false);\n\n    const innerRef = useRef<HTMLInputElement | null>(null);\n    const setRefs = useCallback(\n      (node: HTMLInputElement | null) => {\n        innerRef.current = node;\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          ref.current = node;\n        }\n      },\n      [ref],\n    );\n\n    const hasStart = Boolean(startAdornment);\n    const showClear = clearable && hasValue && !effectiveDisabled && !props.readOnly;\n    const hasEnd = Boolean(endAdornment) || showClear;\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n      if (!isControlled) {\n        setInternalValue(event.target.value);\n      }\n      if (composingRef.current) return;\n      onChange?.(event);\n    };\n\n    const handleCompositionStart = (event: CompositionEvent<HTMLInputElement>) => {\n      composingRef.current = true;\n      setComposingState(true);\n      onCompositionStart?.(event);\n    };\n\n    const handleCompositionEnd = (event: CompositionEvent<HTMLInputElement>) => {\n      composingRef.current = false;\n      setComposingState(false);\n      onCompositionEnd?.(event);\n      const target = event.currentTarget;\n      if (!isControlled) {\n        setInternalValue(target.value);\n      }\n      // Synthesise a ChangeEvent from the CompositionEvent so consumers receive\n      // a single post-IME change. nativeEvent is still the CompositionEvent, so\n      // consumers inspecting `nativeEvent.inputType` will not find the usual\n      // \"insertCompositionText\" value — documented as a known limitation.\n      onChange?.({\n        ...event,\n        target,\n        currentTarget: target,\n      } as unknown as ChangeEvent<HTMLInputElement>);\n    };\n\n    const handleClear = () => {\n      if (!isControlled) {\n        setInternalValue('');\n      }\n      const node = innerRef.current;\n      if (node && onChange) {\n        // Drive the DOM value to '' via the prototype setter so downstream\n        // reads of event.target.value see the cleared value, then forward a\n        // synthesised ChangeEvent to consumers (form libraries drive state\n        // from onChange, not onClear).\n        const prototype = Object.getPrototypeOf(node) as HTMLInputElement;\n        const setter = Object.getOwnPropertyDescriptor(prototype, 'value')?.set;\n        setter?.call(node, '');\n        onChange({\n          target: node,\n          currentTarget: node,\n          bubbles: true,\n          type: 'change',\n          nativeEvent: new Event('change', { bubbles: true }),\n          preventDefault: () => {},\n          stopPropagation: () => {},\n          isDefaultPrevented: () => false,\n          isPropagationStopped: () => false,\n          persist: () => {},\n        } as unknown as ChangeEvent<HTMLInputElement>);\n      }\n      onClear?.();\n      node?.focus();\n    };\n\n    const handleWrapperClick = (event: MouseEvent<HTMLDivElement>) => {\n      if (event.target === innerRef.current) return;\n      if ((event.target as HTMLElement).closest('button')) return;\n      innerRef.current?.focus();\n    };\n\n    return (\n      <div\n        className={wrapperVariants()}\n        onClick={handleWrapperClick}\n        data-composing={composingState ? 'true' : undefined}\n      >\n        {startAdornment ? (\n          <span\n            aria-hidden=\"true\"\n            className={`${adornmentBase} start-0 ps-3 [&_svg]:size-4`}\n          >\n            {startAdornment}\n          </span>\n        ) : null}\n        <input\n          ref={setRefs}\n          id={inputId}\n          type=\"text\"\n          value={currentValue}\n          disabled={effectiveDisabled}\n          aria-describedby={ctx.describedBy || undefined}\n          aria-invalid={ctx.invalid || undefined}\n          aria-required={ctx.required || undefined}\n          onChange={handleChange}\n          onCompositionStart={handleCompositionStart}\n          onCompositionEnd={handleCompositionEnd}\n          className={inputVariants({\n            size,\n            tone: effectiveTone,\n            hasStart,\n            hasEnd,\n            className,\n          })}\n          {...props}\n        />\n        {showClear ? (\n          <button\n            type=\"button\"\n            aria-label={t('ui.inputs.text.clear', 'Clear input')}\n            onClick={handleClear}\n            className=\"absolute inset-y-0 end-0 pe-3 flex items-center pointer-events-auto text-muted-foreground hover:text-foreground transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none\"\n          >\n            <X aria-hidden=\"true\" className=\"size-4\" />\n          </button>\n        ) : endAdornment ? (\n          <span\n            aria-hidden=\"true\"\n            className={`${adornmentBase} end-0 pe-3 [&_svg]:size-4`}\n          >\n            {endAdornment}\n          </span>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nTextInput.displayName = 'TextInput';\n"],"names":["wrapperVariants","cva","inputVariants","INPUT_SURFACE_HEIGHT","INPUT_SURFACE_TEXT","INPUT_SURFACE_TONE","adornmentBase","TextInput","forwardRef","size","tone","startAdornment","endAdornment","clearable","onClear","className","id","disabled","value","defaultValue","onChange","onCompositionStart","onCompositionEnd","props","ref","t","useTranslation","ctx","useFormField","inputId","effectiveDisabled","effectiveTone","isControlled","internalValue","setInternalValue","useState","currentValue","hasValue","composingRef","useRef","composingState","setComposingState","innerRef","setRefs","useCallback","node","hasStart","showClear","hasEnd","handleChange","event","handleCompositionStart","handleCompositionEnd","target","handleClear","prototype","setter","_a","handleWrapperClick","jsxs","jsx","X"],"mappings":"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"}

package/dist/_chunks/time-picker-BapZq0OY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-picker-BapZq0OY.js","sources":["../../src/components/time-picker/time-picker.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type FocusEvent,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useFormField } from '../form-field/form-field-context';\nimport type { TimeValue } from '../_shared/time';\n\n/* -------------------------------------------------------------------------- */\n/*  Helpers                                                                    */\n/* -------------------------------------------------------------------------- */\n\n/** Detect 12h vs 24h from the browser locale. */\nfunction detectHour12(locale: string): boolean {\n  try {\n    const resolved = new Intl.DateTimeFormat(locale, {\n      hour: 'numeric',\n    }).resolvedOptions();\n    return resolved.hourCycle === 'h12' || resolved.hourCycle === 'h11';\n  } catch {\n    return false;\n  }\n}\n\n/** Get localised AM/PM labels via Intl. */\nfunction getLocalePeriodLabels(locale: string): { am: string; pm: string } {\n  try {\n    const am = new Intl.DateTimeFormat(locale, {\n      hour: 'numeric',\n      hour12: true,\n    })\n      .formatToParts(new Date(2000, 0, 1, 9))\n      .find((p) => p.type === 'dayPeriod')?.value ?? 'AM';\n\n    const pm = new Intl.DateTimeFormat(locale, {\n      hour: 'numeric',\n      hour12: true,\n    })\n      .formatToParts(new Date(2000, 0, 1, 15))\n      .find((p) => p.type === 'dayPeriod')?.value ?? 'PM';\n\n    return { am, pm };\n  } catch {\n    return { am: 'AM', pm: 'PM' };\n  }\n}\n\n/** Clamp a number between min and max. */\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, value));\n}\n\n/** Round to nearest step. */\nfunction roundToStep(value: number, step: number): number {\n  return Math.round(value / step) * step;\n}\n\n/** Convert 24h hour to 12h display hour. */\nfunction to12Hour(h24: number): number {\n  if (h24 === 0) return 12;\n  if (h24 > 12) return h24 - 12;\n  return h24;\n}\n\n/** Convert 12h display hour + period to 24h hour. */\nfunction to24Hour(h12: number, isPM: boolean): number {\n  if (isPM) return h12 === 12 ? 12 : h12 + 12;\n  return h12 === 12 ? 0 : h12;\n}\n\n/* -------------------------------------------------------------------------- */\n/*  CVA variants                                                               */\n/* -------------------------------------------------------------------------- */\n\nconst wrapperVariants = cva(\n  [\n    'inline-flex items-center gap-[var(--spacing-xs)]',\n    'rounded-[var(--radius-sm)] border border-border bg-background',\n    'transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none',\n    'focus-within:outline-[length:var(--focus-ring-width)] focus-within:outline-solid',\n    'focus-within:outline-ring focus-within:outline-offset-[length:var(--focus-ring-offset)]',\n    'forced-colors:focus-within:outline-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'h-8 ps-[var(--spacing-sm)] pe-[var(--spacing-sm)] text-[var(--font-size-sm)]',\n        md: 'h-[var(--min-target-size)] ps-[var(--spacing-md)] pe-[var(--spacing-md)] text-[var(--font-size-base)]',\n        lg: 'h-12 ps-[var(--spacing-md)] pe-[var(--spacing-md)] text-[var(--font-size-lg)]',\n      },\n      tone: {\n        default: 'border-border',\n        error: 'border-destructive',\n      },\n      isDisabled: {\n        true: 'cursor-not-allowed opacity-50',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      tone: 'default',\n      isDisabled: false,\n    },\n  },\n);\n\nconst segmentVariants = cva(\n  [\n    'inline-flex items-center justify-center',\n    'rounded-[var(--radius-sm)] text-center tabular-nums',\n    'bg-transparent text-foreground',\n    'focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid',\n    'focus-visible:outline-ring focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'select-none',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'min-w-6 h-6 text-[var(--font-size-sm)]',\n        md: 'min-w-8 h-8 text-[var(--font-size-base)]',\n        lg: 'min-w-10 h-10 text-[var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst periodButtonVariants = cva(\n  [\n    'inline-flex items-center justify-center',\n    'rounded-[var(--radius-sm)] text-center',\n    'bg-transparent text-foreground cursor-pointer',\n    'focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid',\n    'focus-visible:outline-ring focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'select-none',\n    'transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none',\n    'hover:bg-muted',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'min-w-8 h-6 text-[var(--font-size-sm)] ps-1 pe-1',\n        md: 'min-w-10 h-8 text-[var(--font-size-base)] ps-1.5 pe-1.5',\n        lg: 'min-w-12 h-10 text-[var(--font-size-lg)] ps-2 pe-2',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst separatorVariants = cva('text-muted-foreground select-none', {\n  variants: {\n    size: {\n      sm: 'text-[var(--font-size-sm)]',\n      md: 'text-[var(--font-size-base)]',\n      lg: 'text-[var(--font-size-lg)]',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\n/* -------------------------------------------------------------------------- */\n/*  Props                                                                      */\n/* -------------------------------------------------------------------------- */\n\ntype MinuteStep = 1 | 5 | 10 | 15 | 30;\n\nexport interface TimePickerProps\n  extends Pick<VariantProps<typeof wrapperVariants>, 'size'> {\n  /** Current value — controlled. */\n  value?: TimeValue;\n  /** Default value — uncontrolled. */\n  defaultValue?: TimeValue;\n  /** Called when the value changes. */\n  onChange?: (value: TimeValue) => void;\n  /** Force 12h/24h mode. Defaults to locale detection. */\n  hour12?: boolean;\n  /** Minute increment step. */\n  minuteStep?: MinuteStep;\n  /** Use full-width colon separator for CJK apps. */\n  fullWidthSeparator?: boolean;\n  /** Custom AM/PM labels. */\n  periodLabels?: { am: string; pm: string };\n  /** Component size. */\n  size?: 'sm' | 'md' | 'lg';\n  /** Whether the input is disabled. */\n  disabled?: boolean;\n  /** Additional class names. */\n  className?: string;\n  /** id override. */\n  id?: string;\n}\n\n/* -------------------------------------------------------------------------- */\n/*  Component                                                                  */\n/* -------------------------------------------------------------------------- */\n\nexport const TimePicker = forwardRef<HTMLDivElement, TimePickerProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      hour12: hour12Prop,\n      minuteStep = 1,\n      fullWidthSeparator = false,\n      periodLabels: periodLabelsProp,\n      size = 'md',\n      disabled,\n      className,\n      id,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const ctx = useFormField();\n    const effectiveId = id ?? ctx.id;\n    const effectiveDisabled = ctx.disabled || disabled;\n    const effectiveTone = ctx.invalid ? 'error' : 'default';\n\n    const isHour12 =\n      hour12Prop !== undefined ? hour12Prop : detectHour12(i18n.language);\n    const localePeriods = getLocalePeriodLabels(i18n.language);\n    const periods = periodLabelsProp ?? localePeriods;\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<TimeValue>(\n      value ?? defaultValue ?? { hours: 0, minutes: 0 },\n    );\n    const currentValue: TimeValue = isControlled ? value : internalValue;\n\n    const emit = useCallback(\n      (next: TimeValue) => {\n        if (!isControlled) setInternalValue(next);\n        onChange?.(next);\n      },\n      [isControlled, onChange],\n    );\n\n    // Segment refs\n    const hourRef = useRef<HTMLSpanElement>(null);\n    const minuteRef = useRef<HTMLSpanElement>(null);\n    const periodRef = useRef<HTMLSpanElement>(null);\n\n    // Typing buffer for each segment\n    const [hourBuffer, setHourBuffer] = useState('');\n    const [minuteBuffer, setMinuteBuffer] = useState('');\n    const hourTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const minuteTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    // Clear buffers on blur\n    const clearHourBuffer = useCallback(() => {\n      setHourBuffer('');\n      if (hourTimerRef.current) {\n        clearTimeout(hourTimerRef.current);\n        hourTimerRef.current = null;\n      }\n    }, []);\n\n    const clearMinuteBuffer = useCallback(() => {\n      setMinuteBuffer('');\n      if (minuteTimerRef.current) {\n        clearTimeout(minuteTimerRef.current);\n        minuteTimerRef.current = null;\n      }\n    }, []);\n\n    // Cleanup timers\n    useEffect(() => {\n      return () => {\n        if (hourTimerRef.current) clearTimeout(hourTimerRef.current);\n        if (minuteTimerRef.current) clearTimeout(minuteTimerRef.current);\n      };\n    }, []);\n\n    const separator = fullWidthSeparator ? '\\uFF1A' : ':';\n\n    // Display values\n    const displayHour = isHour12\n      ? String(to12Hour(currentValue.hours)).padStart(2, '0')\n      : String(currentValue.hours).padStart(2, '0');\n    const displayMinute = String(currentValue.minutes).padStart(2, '0');\n    const isPM = currentValue.hours >= 12;\n\n    // Hour segment keyboard handler\n    const handleHourKeyDown = (e: KeyboardEvent<HTMLSpanElement>) => {\n      if (effectiveDisabled) return;\n\n      if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n        e.preventDefault();\n        const delta = e.key === 'ArrowUp' ? 1 : -1;\n        const maxH = 23;\n        let newH = currentValue.hours + delta;\n        if (newH < 0) newH = maxH;\n        if (newH > maxH) newH = 0;\n        emit({ ...currentValue, hours: newH });\n        clearHourBuffer();\n        return;\n      }\n\n      if (e.key === 'Tab' && !e.shiftKey) {\n        e.preventDefault();\n        minuteRef.current?.focus();\n        clearHourBuffer();\n        return;\n      }\n\n      if (e.key >= '0' && e.key <= '9') {\n        e.preventDefault();\n        const next = hourBuffer + e.key;\n        setHourBuffer(next);\n\n        if (hourTimerRef.current) clearTimeout(hourTimerRef.current);\n\n        const num = parseInt(next, 10);\n        const maxH = isHour12 ? 12 : 23;\n\n        if (next.length >= 2) {\n          const clamped = clamp(num, isHour12 ? 1 : 0, maxH);\n          const h24 = isHour12 ? to24Hour(clamped, isPM) : clamped;\n          emit({ ...currentValue, hours: h24 });\n          setHourBuffer('');\n          minuteRef.current?.focus();\n        } else {\n          // If first digit makes it impossible to form a valid 2-digit number, commit now\n          if (num > (isHour12 ? 1 : 2)) {\n            const clamped = clamp(num, isHour12 ? 1 : 0, maxH);\n            const h24 = isHour12 ? to24Hour(clamped, isPM) : clamped;\n            emit({ ...currentValue, hours: h24 });\n            setHourBuffer('');\n            minuteRef.current?.focus();\n          } else {\n            hourTimerRef.current = setTimeout(() => {\n              const clamped = clamp(num, isHour12 ? 1 : 0, maxH);\n              const h24 = isHour12 ? to24Hour(clamped, isPM) : clamped;\n              emit({ ...currentValue, hours: h24 });\n              setHourBuffer('');\n            }, 1000);\n          }\n        }\n      }\n    };\n\n    // Minute segment keyboard handler\n    const handleMinuteKeyDown = (e: KeyboardEvent<HTMLSpanElement>) => {\n      if (effectiveDisabled) return;\n\n      if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n        e.preventDefault();\n        const delta = e.key === 'ArrowUp' ? minuteStep : -minuteStep;\n        let newM = currentValue.minutes + delta;\n        if (newM < 0) newM = 60 + newM;\n        if (newM >= 60) newM = newM - 60;\n        emit({ ...currentValue, minutes: newM });\n        clearMinuteBuffer();\n        return;\n      }\n\n      if (e.key === 'Tab' && !e.shiftKey && isHour12) {\n        e.preventDefault();\n        periodRef.current?.focus();\n        clearMinuteBuffer();\n        return;\n      }\n\n      if (e.key === 'Tab' && e.shiftKey) {\n        e.preventDefault();\n        hourRef.current?.focus();\n        clearMinuteBuffer();\n        return;\n      }\n\n      if (e.key >= '0' && e.key <= '9') {\n        e.preventDefault();\n        const next = minuteBuffer + e.key;\n        setMinuteBuffer(next);\n\n        if (minuteTimerRef.current) clearTimeout(minuteTimerRef.current);\n\n        const num = parseInt(next, 10);\n\n        if (next.length >= 2) {\n          const clamped = clamp(num, 0, 59);\n          const rounded = roundToStep(clamped, minuteStep);\n          emit({ ...currentValue, minutes: rounded });\n          setMinuteBuffer('');\n          if (isHour12) {\n            periodRef.current?.focus();\n          }\n        } else {\n          if (num > 5) {\n            const clamped = clamp(num, 0, 59);\n            const rounded = roundToStep(clamped, minuteStep);\n            emit({ ...currentValue, minutes: rounded });\n            setMinuteBuffer('');\n            if (isHour12) {\n              periodRef.current?.focus();\n            }\n          } else {\n            minuteTimerRef.current = setTimeout(() => {\n              const clamped = clamp(num, 0, 59);\n              const rounded = roundToStep(clamped, minuteStep);\n              emit({ ...currentValue, minutes: rounded });\n              setMinuteBuffer('');\n            }, 1000);\n          }\n        }\n      }\n    };\n\n    // Period toggle handler\n    const handlePeriodKeyDown = (e: KeyboardEvent<HTMLSpanElement>) => {\n      if (effectiveDisabled) return;\n\n      if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n        e.preventDefault();\n        const newH = isPM\n          ? currentValue.hours - 12\n          : currentValue.hours + 12;\n        emit({ ...currentValue, hours: clamp(newH, 0, 23) });\n        return;\n      }\n\n      if (e.key === 'Tab' && e.shiftKey) {\n        e.preventDefault();\n        minuteRef.current?.focus();\n        return;\n      }\n\n      // a/p keys toggle AM/PM\n      if (e.key === 'a' || e.key === 'A') {\n        e.preventDefault();\n        if (isPM) {\n          emit({ ...currentValue, hours: currentValue.hours - 12 });\n        }\n      }\n      if (e.key === 'p' || e.key === 'P') {\n        e.preventDefault();\n        if (!isPM) {\n          emit({ ...currentValue, hours: currentValue.hours + 12 });\n        }\n      }\n    };\n\n    const handleHourBlur = (_e: FocusEvent) => {\n      clearHourBuffer();\n    };\n\n    const handleMinuteBlur = () => {\n      clearMinuteBuffer();\n      // Round to step on blur\n      const rounded = roundToStep(currentValue.minutes, minuteStep);\n      if (rounded !== currentValue.minutes) {\n        emit({ ...currentValue, minutes: rounded });\n      }\n      // Prevent blur from propagating if moving within the component\n    };\n\n    const hourLabel = t('ui.inputs.timePicker.hour', 'Hour');\n    const minuteLabel = t('ui.inputs.timePicker.minute', 'Minute');\n    const periodLabel = t('ui.inputs.timePicker.period', 'Period');\n    const groupLabel = t('ui.inputs.timePicker.groupLabel', 'Time');\n\n    return (\n      <div\n        ref={ref}\n        id={effectiveId}\n        role=\"group\"\n        aria-label={groupLabel}\n        aria-describedby={ctx.describedBy || undefined}\n        aria-invalid={ctx.invalid || undefined}\n        // `aria-required` is not valid on `role=\"group\"` per ARIA 1.2 — the\n        // FormField label's visible asterisk + `aria-describedby` link\n        // communicate the required state instead.\n        aria-disabled={effectiveDisabled || undefined}\n        className={wrapperVariants({\n          size,\n          tone: effectiveTone,\n          isDisabled: effectiveDisabled ?? false,\n          className,\n        })}\n      >\n        {/* Hour segment */}\n        <span\n          ref={hourRef}\n          role=\"spinbutton\"\n          aria-label={hourLabel}\n          aria-valuemin={isHour12 ? 1 : 0}\n          aria-valuemax={isHour12 ? 12 : 23}\n          aria-valuenow={isHour12 ? to12Hour(currentValue.hours) : currentValue.hours}\n          aria-valuetext={displayHour}\n          tabIndex={effectiveDisabled ? -1 : 0}\n          inputMode=\"numeric\"\n          onKeyDown={handleHourKeyDown}\n          onBlur={handleHourBlur}\n          className={segmentVariants({ size })}\n        >\n          {displayHour}\n        </span>\n\n        {/* Separator */}\n        <span aria-hidden=\"true\" className={separatorVariants({ size })}>\n          {separator}\n        </span>\n\n        {/* Minute segment */}\n        <span\n          ref={minuteRef}\n          role=\"spinbutton\"\n          aria-label={minuteLabel}\n          aria-valuemin={0}\n          aria-valuemax={59}\n          aria-valuenow={currentValue.minutes}\n          aria-valuetext={displayMinute}\n          tabIndex={effectiveDisabled ? -1 : 0}\n          inputMode=\"numeric\"\n          onKeyDown={handleMinuteKeyDown}\n          onBlur={handleMinuteBlur}\n          className={segmentVariants({ size })}\n        >\n          {displayMinute}\n        </span>\n\n        {/* AM/PM toggle (12h mode only) */}\n        {isHour12 ? (\n          <span\n            ref={periodRef}\n            role=\"spinbutton\"\n            aria-label={periodLabel}\n            aria-valuemin={0}\n            aria-valuemax={1}\n            aria-valuenow={isPM ? 1 : 0}\n            aria-valuetext={isPM ? periods.pm : periods.am}\n            tabIndex={effectiveDisabled ? -1 : 0}\n            onKeyDown={handlePeriodKeyDown}\n            className={periodButtonVariants({ size })}\n          >\n            {isPM ? periods.pm : periods.am}\n          </span>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nTimePicker.displayName = 'TimePicker';\n"],"names":["detectHour12","locale","resolved","getLocalePeriodLabels","am","_a","p","pm","_b","clamp","value","min","max","roundToStep","step","to12Hour","h24","to24Hour","h12","isPM","wrapperVariants","cva","segmentVariants","periodButtonVariants","separatorVariants","TimePicker","forwardRef","defaultValue","onChange","hour12Prop","minuteStep","fullWidthSeparator","periodLabelsProp","size","disabled","className","id","ref","t","i18n","useTranslation","ctx","useFormField","effectiveId","effectiveDisabled","effectiveTone","isHour12","localePeriods","periods","isControlled","internalValue","setInternalValue","useState","currentValue","emit","useCallback","next","hourRef","useRef","minuteRef","periodRef","hourBuffer","setHourBuffer","minuteBuffer","setMinuteBuffer","hourTimerRef","minuteTimerRef","clearHourBuffer","clearMinuteBuffer","useEffect","separator","displayHour","displayMinute","handleHourKeyDown","delta","maxH","newH","num","clamped","_c","handleMinuteKeyDown","newM","rounded","_d","handlePeriodKeyDown","handleHourBlur","_e","handleMinuteBlur","hourLabel","minuteLabel","periodLabel","groupLabel","jsxs","jsx"],"mappings":";;;;;AAmBA,SAASA,GAAaC,GAAyB;AAC7C,MAAI;AACF,UAAMC,IAAW,IAAI,KAAK,eAAeD,GAAQ;AAAA,MAC/C,MAAM;AAAA,IAAA,CACP,EAAE,gBAAA;AACH,WAAOC,EAAS,cAAc,SAASA,EAAS,cAAc;AAAA,EAChE,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAGA,SAASC,GAAsBF,GAA4C;;AACzE,MAAI;AACF,UAAMG,MAAKC,IAAA,IAAI,KAAK,eAAeJ,GAAQ;AAAA,MACzC,MAAM;AAAA,MACN,QAAQ;AAAA,IAAA,CACT,EACE,cAAc,IAAI,KAAK,KAAM,GAAG,GAAG,CAAC,CAAC,EACrC,KAAK,CAACK,MAAMA,EAAE,SAAS,WAAW,MAL1B,gBAAAD,EAK6B,UAAS,MAE3CE,MAAKC,IAAA,IAAI,KAAK,eAAeP,GAAQ;AAAA,MACzC,MAAM;AAAA,MACN,QAAQ;AAAA,IAAA,CACT,EACE,cAAc,IAAI,KAAK,KAAM,GAAG,GAAG,EAAE,CAAC,EACtC,KAAK,CAACK,MAAMA,EAAE,SAAS,WAAW,MAL1B,gBAAAE,EAK6B,UAAS;AAEjD,WAAO,EAAE,IAAAJ,GAAI,IAAAG,EAAA;AAAA,EACf,QAAQ;AACN,WAAO,EAAE,IAAI,MAAM,IAAI,KAAA;AAAA,EACzB;AACF;AAGA,SAASE,EAAMC,GAAeC,GAAaC,GAAqB;AAC9D,SAAO,KAAK,IAAIA,GAAK,KAAK,IAAID,GAAKD,CAAK,CAAC;AAC3C;AAGA,SAASG,EAAYH,GAAeI,GAAsB;AACxD,SAAO,KAAK,MAAMJ,IAAQI,CAAI,IAAIA;AACpC;AAGA,SAASC,EAASC,GAAqB;AACrC,SAAIA,MAAQ,IAAU,KAClBA,IAAM,KAAWA,IAAM,KACpBA;AACT;AAGA,SAASC,EAASC,GAAaC,GAAuB;AACpD,SAAIA,IAAaD,MAAQ,KAAK,KAAKA,IAAM,KAClCA,MAAQ,KAAK,IAAIA;AAC1B;AAMA,MAAME,KAAkBC;AAAA,EACtB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,MAET,YAAY;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,MAAM;AAAA,MACN,YAAY;AAAA,IAAA;AAAA,EACd;AAEJ,GAEMC,IAAkBD;AAAA,EACtB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB,EAAE,MAAM,KAAA;AAAA,EAAK;AAElC,GAEME,KAAuBF;AAAA,EAC3B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB,EAAE,MAAM,KAAA;AAAA,EAAK;AAElC,GAEMG,KAAoBH,EAAI,qCAAqC;AAAA,EACjE,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB,EAAE,MAAM,KAAA;AAC3B,CAAC,GAsCYI,KAAaC;AAAA,EACxB,CACE;AAAA,IACE,OAAAhB;AAAA,IACA,cAAAiB;AAAA,IACA,UAAAC;AAAA,IACA,QAAQC;AAAA,IACR,YAAAC,IAAa;AAAA,IACb,oBAAAC,IAAqB;AAAA,IACrB,cAAcC;AAAA,IACd,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,IAAAC;AAAA,EAAA,GAEFC,MACG;AACH,UAAM,EAAE,GAAAC,GAAG,MAAAC,EAAA,IAASC,GAAA,GACdC,IAAMC,GAAA,GACNC,IAAcP,KAAMK,EAAI,IACxBG,IAAoBH,EAAI,YAAYP,GACpCW,IAAgBJ,EAAI,UAAU,UAAU,WAExCK,IACJjB,MAAe,SAAYA,IAAa7B,GAAauC,EAAK,QAAQ,GAC9DQ,KAAgB5C,GAAsBoC,EAAK,QAAQ,GACnDS,IAAUhB,KAAoBe,IAE9BE,IAAevC,MAAU,QACzB,CAACwC,IAAeC,EAAgB,IAAIC;AAAA,MACxC1C,KAASiB,KAAgB,EAAE,OAAO,GAAG,SAAS,EAAA;AAAA,IAAE,GAE5C0B,IAA0BJ,IAAevC,IAAQwC,IAEjDI,IAAOC;AAAA,MACX,CAACC,MAAoB;AACnB,QAAKP,KAAcE,GAAiBK,CAAI,GACxC5B,KAAA,QAAAA,EAAW4B;AAAA,MACb;AAAA,MACA,CAACP,GAAcrB,CAAQ;AAAA,IAAA,GAInB6B,IAAUC,EAAwB,IAAI,GACtCC,IAAYD,EAAwB,IAAI,GACxCE,IAAYF,EAAwB,IAAI,GAGxC,CAACG,IAAYC,CAAa,IAAIV,EAAS,EAAE,GACzC,CAACW,IAAcC,CAAe,IAAIZ,EAAS,EAAE,GAC7Ca,IAAeP,EAA6C,IAAI,GAChEQ,IAAiBR,EAA6C,IAAI,GAGlES,IAAkBZ,EAAY,MAAM;AACxC,MAAAO,EAAc,EAAE,GACZG,EAAa,YACf,aAAaA,EAAa,OAAO,GACjCA,EAAa,UAAU;AAAA,IAE3B,GAAG,CAAA,CAAE,GAECG,IAAoBb,EAAY,MAAM;AAC1C,MAAAS,EAAgB,EAAE,GACdE,EAAe,YACjB,aAAaA,EAAe,OAAO,GACnCA,EAAe,UAAU;AAAA,IAE7B,GAAG,CAAA,CAAE;AAGL,IAAAG,GAAU,MACD,MAAM;AACX,MAAIJ,EAAa,WAAS,aAAaA,EAAa,OAAO,GACvDC,EAAe,WAAS,aAAaA,EAAe,OAAO;AAAA,IACjE,GACC,CAAA,CAAE;AAEL,UAAMI,KAAYvC,IAAqB,MAAW,KAG5CwC,IAAczB,IAChB,OAAO/B,EAASsC,EAAa,KAAK,CAAC,EAAE,SAAS,GAAG,GAAG,IACpD,OAAOA,EAAa,KAAK,EAAE,SAAS,GAAG,GAAG,GACxCmB,IAAgB,OAAOnB,EAAa,OAAO,EAAE,SAAS,GAAG,GAAG,GAC5DlC,IAAOkC,EAAa,SAAS,IAG7BoB,KAAoB,CAAC,MAAsC;;AAC/D,UAAI,CAAA7B,GAEJ;AAAA,YAAI,EAAE,QAAQ,aAAa,EAAE,QAAQ,aAAa;AAChD,YAAE,eAAA;AACF,gBAAM8B,IAAQ,EAAE,QAAQ,YAAY,IAAI,IAClCC,IAAO;AACb,cAAIC,IAAOvB,EAAa,QAAQqB;AAChC,UAAIE,IAAO,MAAGA,IAAOD,IACjBC,IAAOD,MAAMC,IAAO,IACxBtB,EAAK,EAAE,GAAGD,GAAc,OAAOuB,GAAM,GACrCT,EAAA;AACA;AAAA,QACF;AAEA,YAAI,EAAE,QAAQ,SAAS,CAAC,EAAE,UAAU;AAClC,YAAE,eAAA,IACF9D,IAAAsD,EAAU,YAAV,QAAAtD,EAAmB,SACnB8D,EAAA;AACA;AAAA,QACF;AAEA,YAAI,EAAE,OAAO,OAAO,EAAE,OAAO,KAAK;AAChC,YAAE,eAAA;AACF,gBAAMX,IAAOK,KAAa,EAAE;AAC5B,UAAAC,EAAcN,CAAI,GAEdS,EAAa,WAAS,aAAaA,EAAa,OAAO;AAE3D,gBAAMY,IAAM,SAASrB,GAAM,EAAE,GACvBmB,IAAO7B,IAAW,KAAK;AAE7B,cAAIU,EAAK,UAAU,GAAG;AACpB,kBAAMsB,IAAUrE,EAAMoE,GAAK/B,IAAW,IAAI,GAAG6B,CAAI,GAC3C3D,IAAM8B,IAAW7B,EAAS6D,GAAS3D,CAAI,IAAI2D;AACjD,YAAAxB,EAAK,EAAE,GAAGD,GAAc,OAAOrC,GAAK,GACpC8C,EAAc,EAAE,IAChBtD,IAAAmD,EAAU,YAAV,QAAAnD,EAAmB;AAAA,UACrB,WAEMqE,KAAO/B,IAAW,IAAI,IAAI;AAC5B,kBAAMgC,IAAUrE,EAAMoE,GAAK/B,IAAW,IAAI,GAAG6B,CAAI,GAC3C3D,IAAM8B,IAAW7B,EAAS6D,GAAS3D,CAAI,IAAI2D;AACjD,YAAAxB,EAAK,EAAE,GAAGD,GAAc,OAAOrC,GAAK,GACpC8C,EAAc,EAAE,IAChBiB,IAAApB,EAAU,YAAV,QAAAoB,EAAmB;AAAA,UACrB;AACE,YAAAd,EAAa,UAAU,WAAW,MAAM;AACtC,oBAAMa,IAAUrE,EAAMoE,GAAK/B,IAAW,IAAI,GAAG6B,CAAI,GAC3C3D,IAAM8B,IAAW7B,EAAS6D,GAAS3D,CAAI,IAAI2D;AACjD,cAAAxB,EAAK,EAAE,GAAGD,GAAc,OAAOrC,GAAK,GACpC8C,EAAc,EAAE;AAAA,YAClB,GAAG,GAAI;AAAA,QAGb;AAAA;AAAA,IACF,GAGMkB,KAAsB,CAAC,MAAsC;;AACjE,UAAI,CAAApC,GAEJ;AAAA,YAAI,EAAE,QAAQ,aAAa,EAAE,QAAQ,aAAa;AAChD,YAAE,eAAA;AACF,gBAAM8B,IAAQ,EAAE,QAAQ,YAAY5C,IAAa,CAACA;AAClD,cAAImD,IAAO5B,EAAa,UAAUqB;AAClC,UAAIO,IAAO,MAAGA,IAAO,KAAKA,IACtBA,KAAQ,OAAIA,IAAOA,IAAO,KAC9B3B,EAAK,EAAE,GAAGD,GAAc,SAAS4B,GAAM,GACvCb,EAAA;AACA;AAAA,QACF;AAEA,YAAI,EAAE,QAAQ,SAAS,CAAC,EAAE,YAAYtB,GAAU;AAC9C,YAAE,eAAA,IACFzC,IAAAuD,EAAU,YAAV,QAAAvD,EAAmB,SACnB+D,EAAA;AACA;AAAA,QACF;AAEA,YAAI,EAAE,QAAQ,SAAS,EAAE,UAAU;AACjC,YAAE,eAAA,IACF5D,IAAAiD,EAAQ,YAAR,QAAAjD,EAAiB,SACjB4D,EAAA;AACA;AAAA,QACF;AAEA,YAAI,EAAE,OAAO,OAAO,EAAE,OAAO,KAAK;AAChC,YAAE,eAAA;AACF,gBAAMZ,IAAOO,KAAe,EAAE;AAC9B,UAAAC,EAAgBR,CAAI,GAEhBU,EAAe,WAAS,aAAaA,EAAe,OAAO;AAE/D,gBAAMW,IAAM,SAASrB,GAAM,EAAE;AAE7B,cAAIA,EAAK,UAAU,GAAG;AACpB,kBAAMsB,IAAUrE,EAAMoE,GAAK,GAAG,EAAE,GAC1BK,IAAUrE,EAAYiE,GAAShD,CAAU;AAC/C,YAAAwB,EAAK,EAAE,GAAGD,GAAc,SAAS6B,GAAS,GAC1ClB,EAAgB,EAAE,GACdlB,OACFiC,IAAAnB,EAAU,YAAV,QAAAmB,EAAmB;AAAA,UAEvB,WACMF,IAAM,GAAG;AACX,kBAAMC,IAAUrE,EAAMoE,GAAK,GAAG,EAAE,GAC1BK,IAAUrE,EAAYiE,GAAShD,CAAU;AAC/C,YAAAwB,EAAK,EAAE,GAAGD,GAAc,SAAS6B,GAAS,GAC1ClB,EAAgB,EAAE,GACdlB,OACFqC,IAAAvB,EAAU,YAAV,QAAAuB,EAAmB;AAAA,UAEvB;AACE,YAAAjB,EAAe,UAAU,WAAW,MAAM;AACxC,oBAAMY,IAAUrE,EAAMoE,GAAK,GAAG,EAAE,GAC1BK,IAAUrE,EAAYiE,GAAShD,CAAU;AAC/C,cAAAwB,EAAK,EAAE,GAAGD,GAAc,SAAS6B,GAAS,GAC1ClB,EAAgB,EAAE;AAAA,YACpB,GAAG,GAAI;AAAA,QAGb;AAAA;AAAA,IACF,GAGMoB,KAAsB,CAAC,MAAsC;;AACjE,UAAI,CAAAxC,GAEJ;AAAA,YAAI,EAAE,QAAQ,aAAa,EAAE,QAAQ,aAAa;AAChD,YAAE,eAAA;AACF,gBAAMgC,IAAOzD,IACTkC,EAAa,QAAQ,KACrBA,EAAa,QAAQ;AACzB,UAAAC,EAAK,EAAE,GAAGD,GAAc,OAAO5C,EAAMmE,GAAM,GAAG,EAAE,GAAG;AACnD;AAAA,QACF;AAEA,YAAI,EAAE,QAAQ,SAAS,EAAE,UAAU;AACjC,YAAE,eAAA,IACFvE,IAAAsD,EAAU,YAAV,QAAAtD,EAAmB;AACnB;AAAA,QACF;AAGA,SAAI,EAAE,QAAQ,OAAO,EAAE,QAAQ,SAC7B,EAAE,eAAA,GACEc,KACFmC,EAAK,EAAE,GAAGD,GAAc,OAAOA,EAAa,QAAQ,IAAI,KAGxD,EAAE,QAAQ,OAAO,EAAE,QAAQ,SAC7B,EAAE,eAAA,GACGlC,KACHmC,EAAK,EAAE,GAAGD,GAAc,OAAOA,EAAa,QAAQ,IAAI;AAAA;AAAA,IAG9D,GAEMgC,KAAiB,CAACC,MAAmB;AACzC,MAAAnB,EAAA;AAAA,IACF,GAEMoB,KAAmB,MAAM;AAC7B,MAAAnB,EAAA;AAEA,YAAMc,IAAUrE,EAAYwC,EAAa,SAASvB,CAAU;AAC5D,MAAIoD,MAAY7B,EAAa,WAC3BC,EAAK,EAAE,GAAGD,GAAc,SAAS6B,GAAS;AAAA,IAG9C,GAEMM,KAAYlD,EAAE,6BAA6B,MAAM,GACjDmD,KAAcnD,EAAE,+BAA+B,QAAQ,GACvDoD,KAAcpD,EAAE,+BAA+B,QAAQ,GACvDqD,KAAarD,EAAE,mCAAmC,MAAM;AAE9D,WACE,gBAAAsD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAvD;AAAA,QACA,IAAIM;AAAA,QACJ,MAAK;AAAA,QACL,cAAYgD;AAAA,QACZ,oBAAkBlD,EAAI,eAAe;AAAA,QACrC,gBAAcA,EAAI,WAAW;AAAA,QAI7B,iBAAeG,KAAqB;AAAA,QACpC,WAAWxB,GAAgB;AAAA,UACzB,MAAAa;AAAA,UACA,MAAMY;AAAA,UACN,YAAYD,KAAqB;AAAA,UACjC,WAAAT;AAAA,QAAA,CACD;AAAA,QAGD,UAAA;AAAA,UAAA,gBAAA0D;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKpC;AAAA,cACL,MAAK;AAAA,cACL,cAAY+B;AAAA,cACZ,iBAAe1C,IAAW,IAAI;AAAA,cAC9B,iBAAeA,IAAW,KAAK;AAAA,cAC/B,iBAAeA,IAAW/B,EAASsC,EAAa,KAAK,IAAIA,EAAa;AAAA,cACtE,kBAAgBkB;AAAA,cAChB,UAAU3B,IAAoB,KAAK;AAAA,cACnC,WAAU;AAAA,cACV,WAAW6B;AAAA,cACX,QAAQY;AAAA,cACR,WAAW/D,EAAgB,EAAE,MAAAW,GAAM;AAAA,cAElC,UAAAsC;AAAA,YAAA;AAAA,UAAA;AAAA,UAIH,gBAAAsB,EAAC,QAAA,EAAK,eAAY,QAAO,WAAWrE,GAAkB,EAAE,MAAAS,EAAA,CAAM,GAC3D,UAAAqC,GAAA,CACH;AAAA,UAGA,gBAAAuB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKlC;AAAA,cACL,MAAK;AAAA,cACL,cAAY8B;AAAA,cACZ,iBAAe;AAAA,cACf,iBAAe;AAAA,cACf,iBAAepC,EAAa;AAAA,cAC5B,kBAAgBmB;AAAA,cAChB,UAAU5B,IAAoB,KAAK;AAAA,cACnC,WAAU;AAAA,cACV,WAAWoC;AAAA,cACX,QAAQO;AAAA,cACR,WAAWjE,EAAgB,EAAE,MAAAW,GAAM;AAAA,cAElC,UAAAuC;AAAA,YAAA;AAAA,UAAA;AAAA,UAIF1B,IACC,gBAAA+C;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKjC;AAAA,cACL,MAAK;AAAA,cACL,cAAY8B;AAAA,cACZ,iBAAe;AAAA,cACf,iBAAe;AAAA,cACf,iBAAevE,IAAO,IAAI;AAAA,cAC1B,kBAAgBA,IAAO6B,EAAQ,KAAKA,EAAQ;AAAA,cAC5C,UAAUJ,IAAoB,KAAK;AAAA,cACnC,WAAWwC;AAAA,cACX,WAAW7D,GAAqB,EAAE,MAAAU,GAAM;AAAA,cAEvC,UAAAd,IAAO6B,EAAQ,KAAKA,EAAQ;AAAA,YAAA;AAAA,UAAA,IAE7B;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEAvB,GAAW,cAAc;"}

package/dist/_chunks/timeline-D3VOf4RT.js

@@ -1,219 +0,0 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as d, useMemo as g, useContext as c, createContext as x } from "react";
-import { c as v } from "./index-D2ZczOXr.js";
-import { useTranslation as C } from "react-i18next";
-import { A as j } from "./avatar-BsV7vRA6.js";
-import { C as b } from "./card-n97MNPP2.js";
-import { T as _ } from "./timestamp-BLM-jjdw.js";
-import { C as z } from "./circle-BkqTgYmt.js";
-import { X as E } from "./x-CCcI3eJp.js";
-import { T as V } from "./triangle-alert-CBPUIzQo.js";
-import { C as S } from "./check-DPdL_Sm7.js";
-import { I as k } from "./info-B9XNKn05.js";
-const f = x({
-  layout: "rail-start",
-  order: "newest-first"
-}), u = x({
-  type: "neutral"
-}), B = v("flex flex-col", {
-  variants: {
-    layout: {
-      "rail-start": "ps-4",
-      "rail-end": "pe-4",
-      alternating: "grid grid-cols-[1fr_2rem_1fr] gap-x-[var(--spacing-md)]"
-    },
-    order: {
-      "newest-first": "flex-col",
-      "oldest-first": "flex-col-reverse"
-    }
-  },
-  defaultVariants: { layout: "rail-start", order: "newest-first" }
-}), O = v(
-  "relative flex gap-[var(--spacing-md)] pb-[var(--spacing-md)]",
-  {
-    variants: {
-      layout: {
-        "rail-start": [
-          "flex-row",
-          // Rail: continuous border on the inline-start of the event list
-          "before:absolute before:top-8 before:bottom-0",
-          "before:border-inline-start-[2px] before:border-[color:var(--border)]",
-          "before:inset-inline-start-[-1rem]",
-          "last:before:hidden"
-        ].join(" "),
-        "rail-end": [
-          "flex-row-reverse",
-          "before:absolute before:top-8 before:bottom-0",
-          "before:border-inline-end-[2px] before:border-[color:var(--border)]",
-          "before:inset-inline-end-[-1rem]",
-          "last:before:hidden"
-        ].join(" "),
-        alternating: "contents"
-      }
-    },
-    defaultVariants: { layout: "rail-start" }
-  }
-), P = v(
-  [
-    "relative z-10 flex items-center justify-center",
-    "rounded-[var(--radius-full)] shrink-0",
-    "size-8",
-    "ring-2 ring-[var(--background)]"
-  ].join(" "),
-  {
-    variants: {
-      type: {
-        info: "bg-[var(--info)] text-[var(--info-solid-foreground)]",
-        success: "bg-[var(--success)] text-[var(--success-solid-foreground)]",
-        warning: "bg-[var(--warning)] text-[var(--warning-solid-foreground)]",
-        error: "bg-[var(--destructive)] text-[var(--destructive-foreground)]",
-        neutral: "bg-[var(--muted)] text-[var(--muted-foreground)]"
-      }
-    },
-    defaultVariants: { type: "neutral" }
-  }
-), R = {
-  info: /* @__PURE__ */ e(k, { size: 16, "aria-hidden": "true" }),
-  success: /* @__PURE__ */ e(S, { size: 16, "aria-hidden": "true" }),
-  warning: /* @__PURE__ */ e(V, { size: 16, "aria-hidden": "true" }),
-  error: /* @__PURE__ */ e(E, { size: 16, "aria-hidden": "true" }),
-  neutral: /* @__PURE__ */ e(z, { size: 16, "aria-hidden": "true" })
-}, h = d(
-  ({
-    layout: r = "rail-start",
-    order: t = "newest-first",
-    className: a,
-    children: n,
-    ...i
-  }, o) => {
-    const s = g(() => ({ layout: r, order: t }), [r, t]);
-    return /* @__PURE__ */ e(f.Provider, { value: s, children: /* @__PURE__ */ e(
-      "ol",
-      {
-        ref: o,
-        className: B({ layout: r, order: t, className: a }),
-        ...i,
-        children: n
-      }
-    ) });
-  }
-);
-h.displayName = "Timeline";
-const y = d(
-  ({ type: r = "neutral", className: t, children: a, ...n }, i) => {
-    const { layout: o } = c(f), { t: s } = C(), m = g(() => ({ type: r }), [r]);
-    return o === "alternating" ? /* @__PURE__ */ e(u.Provider, { value: m, children: /* @__PURE__ */ l(
-      "li",
-      {
-        ref: i,
-        className: ["contents", t].filter(Boolean).join(" "),
-        ...n,
-        children: [
-          /* @__PURE__ */ e("span", { className: "sr-only", children: s(`ui.timeline.type.${r}`) }),
-          a
-        ]
-      }
-    ) }) : /* @__PURE__ */ e(u.Provider, { value: m, children: /* @__PURE__ */ l(
-      "li",
-      {
-        ref: i,
-        className: O({ layout: o, className: t }),
-        ...n,
-        children: [
-          /* @__PURE__ */ e("span", { className: "sr-only", children: s(`ui.timeline.type.${r}`) }),
-          a
-        ]
-      }
-    ) });
-  }
-);
-y.displayName = "Timeline.Event";
-const T = d(
-  ({ icon: r, className: t, ...a }, n) => {
-    const { type: i } = c(u), { layout: o } = c(f), s = /* @__PURE__ */ e(
-      "div",
-      {
-        ref: n,
-        "aria-hidden": "true",
-        className: P({ type: i, className: t }),
-        ...a,
-        children: r ?? R[i]
-      }
-    );
-    return o === "alternating" ? /* @__PURE__ */ l(
-      "div",
-      {
-        "aria-hidden": "true",
-        className: "col-start-2 flex flex-col items-center",
-        children: [
-          /* @__PURE__ */ e("div", { className: "w-[var(--border-width-md)] flex-1 bg-[var(--border)] first:hidden" }),
-          s,
-          /* @__PURE__ */ e("div", { className: "w-[var(--border-width-md)] flex-1 bg-[var(--border)]" })
-        ]
-      }
-    ) : s;
-  }
-);
-T.displayName = "Timeline.Dot";
-const N = d(
-  ({ title: r, description: t, actor: a, children: n, className: i, ...o }, s) => {
-    const { layout: m } = c(f), p = /* @__PURE__ */ e(
-      "div",
-      {
-        ref: s,
-        className: [
-          "flex-1 min-w-0 pb-[var(--spacing-md)]",
-          "[&_*]:break-normal [&_*]:[overflow-wrap:anywhere]",
-          i
-        ].filter(Boolean).join(" "),
-        ...o,
-        children: /* @__PURE__ */ e(b, { variant: "outlined", children: /* @__PURE__ */ l(b.Body, { children: [
-          /* @__PURE__ */ e("p", { className: "type-label text-[var(--foreground)]", children: r }),
-          t && /* @__PURE__ */ e("p", { className: "mt-[var(--spacing-xs)] type-body-sm text-[var(--muted-foreground)]", children: t }),
-          a && /* @__PURE__ */ l("div", { className: "mt-[var(--spacing-sm)] flex items-center gap-[var(--spacing-xs)]", children: [
-            /* @__PURE__ */ e(j, { size: "xs", name: a.name, src: a.src }),
-            /* @__PURE__ */ e("span", { className: "type-meta text-[var(--muted-foreground)]", children: a.name })
-          ] }),
-          n
-        ] }) })
-      }
-    );
-    return m === "alternating" ? /* @__PURE__ */ e("div", { className: "col-span-1 [li:nth-child(even)_&]:col-start-3 [li:nth-child(odd)_&]:col-start-1", children: p }) : p;
-  }
-);
-N.displayName = "Timeline.Content";
-const A = 1440 * 60 * 1e3, w = d(
-  ({
-    date: r,
-    relative: t = !0,
-    format: a = { dateStyle: "medium", timeStyle: "short" },
-    className: n,
-    ...i
-  }, o) => /* @__PURE__ */ e(
-    _,
-    {
-      ref: o,
-      value: r,
-      format: t ? "relative" : "absolute",
-      relativeWindow: t ? A : void 0,
-      absoluteFormat: a,
-      className: [
-        "text-[var(--muted-foreground)]",
-        "[font-variant-numeric:var(--font-feature-tabular)]",
-        n
-      ].filter(Boolean).join(" "),
-      ...i
-    }
-  )
-);
-w.displayName = "Timeline.Timestamp";
-const J = Object.assign(h, {
-  Event: y,
-  Dot: T,
-  Content: N,
-  Timestamp: w
-});
-export {
-  J as T
-};
-//# sourceMappingURL=timeline-D3VOf4RT.js.map

package/dist/_chunks/timeline-D3VOf4RT.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"timeline-D3VOf4RT.js","sources":["../../src/components/timeline/timeline.tsx"],"sourcesContent":["import { createContext, forwardRef, useContext, useMemo, type HTMLAttributes, type LiHTMLAttributes, type OlHTMLAttributes, type ReactNode, type TimeHTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { AlertTriangle, Check, Circle, Info, X } from 'lucide-react';\nimport { Avatar } from '../avatar';\nimport { Card } from '../card';\nimport { Timestamp } from '../timestamp';\n\n// TODO: optional @tanstack/react-virtual integration for 500+ events\n\n/* ------------------------------------------------------------------ */\n/* Context                                                             */\n/* ------------------------------------------------------------------ */\n\ntype EventType = 'info' | 'success' | 'warning' | 'error' | 'neutral';\ntype Layout = 'rail-start' | 'rail-end' | 'alternating';\n\ninterface TimelineContextValue {\n  layout: Layout;\n  order: 'newest-first' | 'oldest-first';\n}\n\nconst TimelineContext = createContext<TimelineContextValue>({\n  layout: 'rail-start',\n  order: 'newest-first',\n});\n\ninterface TimelineEventContextValue {\n  type: EventType;\n}\n\nconst TimelineEventContext = createContext<TimelineEventContextValue>({\n  type: 'neutral',\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — root                                                          */\n/* ------------------------------------------------------------------ */\n\nconst timelineVariants = cva('flex flex-col', {\n  variants: {\n    layout: {\n      'rail-start': 'ps-4',\n      'rail-end': 'pe-4',\n      'alternating': 'grid grid-cols-[1fr_2rem_1fr] gap-x-[var(--spacing-md)]',\n    },\n    order: {\n      'newest-first': 'flex-col',\n      'oldest-first': 'flex-col-reverse',\n    },\n  },\n  defaultVariants: { layout: 'rail-start', order: 'newest-first' },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — event item                                                    */\n/* ------------------------------------------------------------------ */\n\nconst eventVariants = cva(\n  'relative flex gap-[var(--spacing-md)] pb-[var(--spacing-md)]',\n  {\n    variants: {\n      layout: {\n        'rail-start': [\n          'flex-row',\n          // Rail: continuous border on the inline-start of the event list\n          'before:absolute before:top-8 before:bottom-0',\n          'before:border-inline-start-[2px] before:border-[color:var(--border)]',\n          'before:inset-inline-start-[-1rem]',\n          'last:before:hidden',\n        ].join(' '),\n        'rail-end': [\n          'flex-row-reverse',\n          'before:absolute before:top-8 before:bottom-0',\n          'before:border-inline-end-[2px] before:border-[color:var(--border)]',\n          'before:inset-inline-end-[-1rem]',\n          'last:before:hidden',\n        ].join(' '),\n        'alternating': 'contents',\n      },\n    },\n    defaultVariants: { layout: 'rail-start' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — dot                                                           */\n/* ------------------------------------------------------------------ */\n\nconst dotVariants = cva(\n  [\n    'relative z-10 flex items-center justify-center',\n    'rounded-[var(--radius-full)] shrink-0',\n    'size-8',\n    'ring-2 ring-[var(--background)]',\n  ].join(' '),\n  {\n    variants: {\n      type: {\n        info:    'bg-[var(--info)] text-[var(--info-solid-foreground)]',\n        success: 'bg-[var(--success)] text-[var(--success-solid-foreground)]',\n        warning: 'bg-[var(--warning)] text-[var(--warning-solid-foreground)]',\n        error:   'bg-[var(--destructive)] text-[var(--destructive-foreground)]',\n        neutral: 'bg-[var(--muted)] text-[var(--muted-foreground)]',\n      },\n    },\n    defaultVariants: { type: 'neutral' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface TimelineProps\n  extends Omit<OlHTMLAttributes<HTMLOListElement>, 'color'>,\n    VariantProps<typeof timelineVariants> {\n  layout?: Layout;\n  order?: 'newest-first' | 'oldest-first';\n  children: ReactNode;\n  className?: string;\n}\n\nexport interface TimelineEventProps\n  extends LiHTMLAttributes<HTMLLIElement> {\n  type?: EventType;\n  children: ReactNode;\n  className?: string;\n}\n\nexport interface TimelineDotProps\n  extends HTMLAttributes<HTMLDivElement> {\n  icon?: ReactNode;\n  className?: string;\n}\n\nexport interface TimelineContentProps\n  extends HTMLAttributes<HTMLDivElement> {\n  title: string;\n  description?: string;\n  actor?: { name: string; src?: string };\n  children?: ReactNode;\n  className?: string;\n}\n\nexport interface TimelineTimestampProps\n  extends TimeHTMLAttributes<HTMLTimeElement> {\n  date: Date | string;\n  relative?: boolean;\n  format?: Intl.DateTimeFormatOptions;\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Default icons per type                                              */\n/* ------------------------------------------------------------------ */\n\nconst TYPE_ICONS: Record<EventType, ReactNode> = {\n  info:    <Info    size={16} aria-hidden=\"true\" />,\n  success: <Check   size={16} aria-hidden=\"true\" />,\n  warning: <AlertTriangle size={16} aria-hidden=\"true\" />,\n  error:   <X       size={16} aria-hidden=\"true\" />,\n  neutral: <Circle  size={16} aria-hidden=\"true\" />,\n};\n\n/* ------------------------------------------------------------------ */\n/* Timeline root                                                       */\n/* ------------------------------------------------------------------ */\n\nconst TimelineRoot = forwardRef<HTMLOListElement, TimelineProps>(\n  (\n    {\n      layout = 'rail-start',\n      order = 'newest-first',\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const ctx = useMemo(() => ({ layout, order }), [layout, order]);\n\n    return (\n      <TimelineContext.Provider value={ctx}>\n        <ol\n          ref={ref}\n          className={timelineVariants({ layout, order, className })}\n          {...props}\n        >\n          {children}\n        </ol>\n      </TimelineContext.Provider>\n    );\n  },\n);\nTimelineRoot.displayName = 'Timeline';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Event                                                      */\n/* ------------------------------------------------------------------ */\n\nconst TimelineEvent = forwardRef<HTMLLIElement, TimelineEventProps>(\n  ({ type = 'neutral', className, children, ...props }, ref) => {\n    const { layout } = useContext(TimelineContext);\n    const { t } = useTranslation();\n\n    const evtCtx = useMemo(() => ({ type }), [type]);\n\n    if (layout === 'alternating') {\n      // In alternating layout the <li> uses `contents` so its children\n      // participate directly in the parent grid.\n      return (\n        <TimelineEventContext.Provider value={evtCtx}>\n          <li\n            ref={ref}\n            className={['contents', className].filter(Boolean).join(' ')}\n            {...props}\n          >\n            {/* Visually-hidden type prefix for screen readers */}\n            <span className=\"sr-only\">{t(`ui.timeline.type.${type}`)}</span>\n            {children}\n          </li>\n        </TimelineEventContext.Provider>\n      );\n    }\n\n    return (\n      <TimelineEventContext.Provider value={evtCtx}>\n        <li\n          ref={ref}\n          className={eventVariants({ layout, className })}\n          {...props}\n        >\n          {/* Visually-hidden type prefix for screen readers */}\n          <span className=\"sr-only\">{t(`ui.timeline.type.${type}`)}</span>\n          {children}\n        </li>\n      </TimelineEventContext.Provider>\n    );\n  },\n);\nTimelineEvent.displayName = 'Timeline.Event';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Dot                                                        */\n/* ------------------------------------------------------------------ */\n\nconst TimelineDot = forwardRef<HTMLDivElement, TimelineDotProps>(\n  ({ icon, className, ...props }, ref) => {\n    const { type } = useContext(TimelineEventContext);\n    const { layout } = useContext(TimelineContext);\n\n    const dot = (\n      <div\n        ref={ref}\n        aria-hidden=\"true\"\n        className={dotVariants({ type, className })}\n        {...props}\n      >\n        {icon ?? TYPE_ICONS[type]}\n      </div>\n    );\n\n    if (layout === 'alternating') {\n      // In alternating grid: col 2 (centre) for the dot with the rail line\n      return (\n        <div\n          aria-hidden=\"true\"\n          className=\"col-start-2 flex flex-col items-center\"\n        >\n          {/* Rail segment above the dot */}\n          <div className=\"w-[var(--border-width-md)] flex-1 bg-[var(--border)] first:hidden\" />\n          {dot}\n          {/* Rail segment below the dot */}\n          <div className=\"w-[var(--border-width-md)] flex-1 bg-[var(--border)]\" />\n        </div>\n      );\n    }\n\n    return dot;\n  },\n);\nTimelineDot.displayName = 'Timeline.Dot';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Content                                                    */\n/* ------------------------------------------------------------------ */\n\nconst TimelineContent = forwardRef<HTMLDivElement, TimelineContentProps>(\n  ({ title, description, actor, children, className, ...props }, ref) => {\n    const { layout } = useContext(TimelineContext);\n\n    const inner = (\n      <div\n        ref={ref}\n        className={[\n          'flex-1 min-w-0 pb-[var(--spacing-md)]',\n          '[&_*]:break-normal [&_*]:[overflow-wrap:anywhere]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        <Card variant=\"outlined\">\n          <Card.Body>\n            <p className=\"type-label text-[var(--foreground)]\">\n              {title}\n            </p>\n            {description && (\n              <p className=\"mt-[var(--spacing-xs)] type-body-sm text-[var(--muted-foreground)]\">\n                {description}\n              </p>\n            )}\n            {actor && (\n              <div className=\"mt-[var(--spacing-sm)] flex items-center gap-[var(--spacing-xs)]\">\n                <Avatar size=\"xs\" name={actor.name} src={actor.src} />\n                <span className=\"type-meta text-[var(--muted-foreground)]\">\n                  {actor.name}\n                </span>\n              </div>\n            )}\n            {children}\n          </Card.Body>\n        </Card>\n      </div>\n    );\n\n    if (layout === 'alternating') {\n      // Alternating: odd events in col 1 (start), even events in col 3 (end).\n      // We use CSS nth-child targeting via a wrapper that sets col placement.\n      return (\n        <div className=\"col-span-1 [li:nth-child(even)_&]:col-start-3 [li:nth-child(odd)_&]:col-start-1\">\n          {inner}\n        </div>\n      );\n    }\n\n    return inner;\n  },\n);\nTimelineContent.displayName = 'Timeline.Content';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Timestamp — thin wrapper over the shared Timestamp         */\n/* component. Keeps the existing API (`date`, `relative`, `format`)    */\n/* for backward compatibility; adds tabular-nums because timeline      */\n/* timestamps sit in a rail gutter and benefit from column-aligned     */\n/* digits.                                                              */\n/* ------------------------------------------------------------------ */\n\nconst TWENTY_FOUR_HOURS_MS = 24 * 60 * 60 * 1000;\n\nconst TimelineTimestamp = forwardRef<HTMLTimeElement, TimelineTimestampProps>(\n  (\n    {\n      date,\n      relative = true,\n      format = { dateStyle: 'medium', timeStyle: 'short' },\n      className,\n      ...props\n    },\n    ref,\n  ) => (\n    <Timestamp\n      ref={ref}\n      value={date}\n      format={relative ? 'relative' : 'absolute'}\n      relativeWindow={relative ? TWENTY_FOUR_HOURS_MS : undefined}\n      absoluteFormat={format}\n      className={[\n        'text-[var(--muted-foreground)]',\n        '[font-variant-numeric:var(--font-feature-tabular)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nTimelineTimestamp.displayName = 'Timeline.Timestamp';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const Timeline = Object.assign(TimelineRoot, {\n  Event: TimelineEvent,\n  Dot: TimelineDot,\n  Content: TimelineContent,\n  Timestamp: TimelineTimestamp,\n});\n\n"],"names":["TimelineContext","createContext","TimelineEventContext","timelineVariants","cva","eventVariants","dotVariants","TYPE_ICONS","jsx","Info","Check","AlertTriangle","X","Circle","TimelineRoot","forwardRef","layout","order","className","children","props","ref","ctx","useMemo","TimelineEvent","type","useContext","t","useTranslation","evtCtx","jsxs","TimelineDot","icon","dot","TimelineContent","title","description","actor","inner","Card","Avatar","TWENTY_FOUR_HOURS_MS","TimelineTimestamp","date","relative","format","Timestamp","Timeline"],"mappings":"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"}

package/dist/_chunks/timestamp-BLM-jjdw.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"timestamp-BLM-jjdw.js","sources":["../../src/components/timestamp/timestamp.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useMemo,\n  useState,\n  type HTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ------------------------------------------------------------------ */\n/* CVA — chip shape (mirrors the Tag sm/md/lg compact scale so the    */\n/* visual vocabulary stays consistent across the chip family).         */\n/* ------------------------------------------------------------------ */\n\nconst chipVariants = cva(\n  [\n    'inline-flex items-center self-start',\n    'rounded-[var(--radius-full)]',\n    'type-eyebrow',\n    'whitespace-nowrap',\n    'bg-muted/20 text-[color:var(--muted-foreground)]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'h-[calc(var(--spacing)*4)] ps-[var(--spacing-xs)] pe-[var(--spacing-xs)] [--type-eyebrow-size:var(--font-size-2xs)]',\n        md: 'h-[calc(var(--spacing)*5)] ps-[var(--spacing-sm)] pe-[var(--spacing-sm)] [--type-eyebrow-size:var(--font-size-2xs)]',\n        lg: 'h-[calc(var(--spacing)*6)] ps-[var(--spacing-sm)] pe-[var(--spacing-sm)] [--type-eyebrow-size:var(--font-size-xs)]',\n      },\n    },\n    defaultVariants: { size: 'sm' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Relative-time formatter                                             */\n/*                                                                     */\n/* `Intl.RelativeTimeFormat` is part of the locale-data bundle every   */\n/* modern browser ships, no date-fns dependency. Unit selection        */\n/* follows the largest-sensible-unit heuristic (< 1 minute → seconds,  */\n/* < 1 hour → minutes, …, ≥ 1 year → years).                           */\n/* ------------------------------------------------------------------ */\n\nconst SECOND_MS = 1000;\nconst MINUTE_MS = 60 * SECOND_MS;\nconst HOUR_MS = 60 * MINUTE_MS;\nconst DAY_MS = 24 * HOUR_MS;\nconst WEEK_MS = 7 * DAY_MS;\nconst MONTH_MS = 30 * DAY_MS;\nconst YEAR_MS = 365 * DAY_MS;\n\nfunction pickUnit(\n  deltaMs: number,\n): [value: number, unit: Intl.RelativeTimeFormatUnit] {\n  const abs = Math.abs(deltaMs);\n  if (abs < MINUTE_MS) return [Math.round(deltaMs / SECOND_MS), 'second'];\n  if (abs < HOUR_MS) return [Math.round(deltaMs / MINUTE_MS), 'minute'];\n  if (abs < DAY_MS) return [Math.round(deltaMs / HOUR_MS), 'hour'];\n  if (abs < WEEK_MS) return [Math.round(deltaMs / DAY_MS), 'day'];\n  if (abs < MONTH_MS) return [Math.round(deltaMs / WEEK_MS), 'week'];\n  if (abs < YEAR_MS) return [Math.round(deltaMs / MONTH_MS), 'month'];\n  return [Math.round(deltaMs / YEAR_MS), 'year'];\n}\n\nfunction formatRelative(date: Date, locale: string): string {\n  const delta = date.getTime() - Date.now();\n  const [n, unit] = pickUnit(delta);\n  return new Intl.RelativeTimeFormat(locale, {\n    numeric: 'auto',\n    style: 'long',\n  }).format(n, unit);\n}\n\nfunction formatAbsolute(\n  date: Date,\n  locale: string,\n  options?: Intl.DateTimeFormatOptions,\n): string {\n  const opts: Intl.DateTimeFormatOptions = options ?? {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n    hour: 'numeric',\n    minute: '2-digit',\n  };\n  return new Intl.DateTimeFormat(locale, opts).format(date);\n}\n\n/* ------------------------------------------------------------------ */\n/* Hydration-safe display-label hook                                   */\n/*                                                                     */\n/* Initial render returns the absolute label (SSR-stable) so the       */\n/* server HTML matches the client's first paint. Post-mount, relative  */\n/* mode flips to the relative phrase and re-evaluates every minute so  */\n/* \"just now\" → \"1 minute ago\" without a parent re-render.             */\n/*                                                                     */\n/* `relativeWindow` supports the common \"recent phrase, otherwise full */\n/* date\" pattern: when the input date is older than the window,        */\n/* display the absolute label even though format='relative'. The       */\n/* minute tick re-evaluates the window so a date that starts inside    */\n/* the window automatically flips to absolute once it drifts past.     */\n/* ------------------------------------------------------------------ */\n\nfunction useDisplayLabel(\n  time: number,\n  locale: string,\n  enabled: boolean,\n  relativeWindow: number | undefined,\n  absolute: string,\n): { label: string; isRelative: boolean } {\n  const [state, setState] = useState<{ label: string; isRelative: boolean }>({\n    label: absolute,\n    isRelative: false,\n  });\n\n  useEffect(() => {\n    if (!enabled) {\n      setState((prev) =>\n        prev.isRelative || prev.label !== absolute\n          ? { label: absolute, isRelative: false }\n          : prev,\n      );\n      return;\n    }\n    const compute = () => {\n      const date = new Date(time);\n      const inside =\n        relativeWindow == null ||\n        Math.abs(time - Date.now()) < relativeWindow;\n      const next = inside\n        ? { label: formatRelative(date, locale), isRelative: true }\n        : { label: absolute, isRelative: false };\n      setState((prev) =>\n        prev.label === next.label && prev.isRelative === next.isRelative\n          ? prev\n          : next,\n      );\n    };\n    compute();\n    const intervalId = window.setInterval(compute, MINUTE_MS);\n    return () => window.clearInterval(intervalId);\n  }, [time, locale, enabled, relativeWindow, absolute]);\n\n  return state;\n}\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\ntype ChipVariantProps = VariantProps<typeof chipVariants>;\n\nexport interface TimestampProps\n  extends Omit<HTMLAttributes<HTMLTimeElement>, 'children' | 'title'>,\n    ChipVariantProps {\n  /** ISO-8601 string, ms-since-epoch number, or a `Date` instance. */\n  value: string | number | Date;\n  /**\n   * `relative` shows \"6 hours ago\" with the absolute label in the `title`\n   * tooltip; `absolute` shows the full locale-formatted date and omits the\n   * tooltip. Default `relative`.\n   */\n  format?: 'relative' | 'absolute';\n  /**\n   * `inline` renders a plain `<time>` with the `.type-meta` role,\n   * `chip` wraps the `<time>` in the Tag-family pill shape, and `bare`\n   * emits the `<time>` element with no built-in typography class so the\n   * consumer's surrounding context (e.g. AG Grid cell font size)\n   * dictates how it reads. Default `inline`.\n   */\n  shape?: 'inline' | 'chip' | 'bare';\n  /**\n   * Override the locale. Falls back to the active `i18n.language`.\n   */\n  locale?: string;\n  /**\n   * Override the `Intl.DateTimeFormat` options used for the absolute\n   * label (and the tooltip when `format='relative'`).\n   */\n  absoluteFormat?: Intl.DateTimeFormatOptions;\n  /**\n   * When `format='relative'`, dates older than this window (in ms) show\n   * the absolute label instead. Supports the common \"recent relative\n   * phrase, otherwise full date\" UX pattern (e.g. \"5 minutes ago\" →\n   * \"20 Apr 2026, 10:30\" once beyond 12 h). Omit for no cutoff.\n   */\n  relativeWindow?: number;\n  /**\n   * Override the tooltip. Default is the absolute label when the visible\n   * label is relative, and no tooltip when the visible label is already\n   * absolute. Pass an empty string to suppress the tooltip entirely.\n   */\n  title?: string;\n  /** Additional classes applied to the `<time>` element. */\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Timestamp                                                            */\n/* ------------------------------------------------------------------ */\n\nexport const Timestamp = forwardRef<HTMLTimeElement, TimestampProps>(\n  (\n    {\n      value,\n      format = 'relative',\n      shape = 'inline',\n      size = 'sm',\n      locale: localeProp,\n      absoluteFormat,\n      relativeWindow,\n      title: titleProp,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { i18n } = useTranslation();\n    const locale = localeProp ?? i18n.language ?? 'en';\n    const time = useMemo(() => {\n      if (value instanceof Date) return value.getTime();\n      if (typeof value === 'number') return value;\n      return new Date(value).getTime();\n    }, [value]);\n    const valid = !Number.isNaN(time);\n    const iso = valid ? new Date(time).toISOString() : undefined;\n\n    const absolute = useMemo(\n      () => (valid ? formatAbsolute(new Date(time), locale, absoluteFormat) : ''),\n      [time, locale, absoluteFormat, valid],\n    );\n    const { label: visibleLabel, isRelative } = useDisplayLabel(\n      time,\n      locale,\n      valid && format === 'relative',\n      relativeWindow,\n      absolute,\n    );\n    const tooltip = titleProp ?? (isRelative ? absolute : undefined);\n\n    const chipClass = shape === 'chip' ? chipVariants({ size }) : null;\n    const inlineClass = shape === 'inline' ? 'type-meta' : null;\n    // shape='bare' → no built-in class; consumer's parent context owns typography.\n    const composedClass = [chipClass, inlineClass, className]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <time\n        ref={ref}\n        dateTime={iso}\n        title={tooltip === '' ? undefined : tooltip}\n        className={composedClass || undefined}\n        {...rest}\n      >\n        {visibleLabel}\n      </time>\n    );\n  },\n);\n\nTimestamp.displayName = 'Timestamp';\n"],"names":["chipVariants","cva","SECOND_MS","MINUTE_MS","HOUR_MS","DAY_MS","WEEK_MS","MONTH_MS","YEAR_MS","pickUnit","deltaMs","abs","formatRelative","date","locale","delta","n","unit","formatAbsolute","options","opts","useDisplayLabel","time","enabled","relativeWindow","absolute","state","setState","useState","useEffect","prev","compute","next","intervalId","Timestamp","forwardRef","value","format","shape","size","localeProp","absoluteFormat","titleProp","className","rest","ref","i18n","useTranslation","useMemo","valid","iso","visibleLabel","isRelative","tooltip","composedClass","jsx"],"mappings":"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"}