@alfadocs/ui-kit 0.0.12

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

@@ -0,0 +1 @@
+{"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/theme-root-vapFjsnt.js

@@ -0,0 +1,18 @@
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { Slot as c } from "@radix-ui/react-slot";
+function h(s, t, o) {
+  const e = [s === "dark" ? "theme-dark" : "theme-light"];
+  return t && e.push("theme-accessible"), o && e.push(o), e.join(" ");
+}
+const l = f(
+  ({ theme: s = "light", accessible: t = !1, asChild: o = !1, className: e, children: m, ...r }, a) => {
+    const i = h(s, t, e);
+    return /* @__PURE__ */ p(o ? c : "div", { ref: a, className: i, ...r, children: m });
+  }
+);
+l.displayName = "ThemeRoot";
+export {
+  l as T
+};
+//# sourceMappingURL=theme-root-vapFjsnt.js.map

package/dist/_chunks/theme-root-vapFjsnt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-root-vapFjsnt.js","sources":["../../src/components/theme-root/theme-root.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* ThemeRoot — declarative wrapper that activates a DS theme.            */\n/*                                                                       */\n/* DS themes are composed from two orthogonal axes (see 04-theming.mdx): */\n/*   base:     `theme-light` | `theme-dark`                              */\n/*   modifier: `theme-accessible` (AAA contrast, larger target size,     */\n/*              0ms animations, 18px base font)                          */\n/*                                                                       */\n/* `<ThemeRoot>` owns the class combination so consuming apps don't      */\n/* hand-assemble it (and get it wrong under `accessible + dark`, where   */\n/* the selector is `.theme-dark.theme-accessible`, not a separate class).*/\n/*                                                                       */\n/* Rendered as a `<div>` by default. Pass `asChild` to merge the theme   */\n/* classes onto a caller-supplied element via Radix `<Slot>` — preserves */\n/* the child's props and correctly forwards refs. Used when the theme    */\n/* root is <html> or <body> in a server-rendered layout.                 */\n/* -------------------------------------------------------------------- */\n\nimport { forwardRef, type HTMLAttributes } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\nexport type ThemeBase = 'light' | 'dark';\n\nexport interface ThemeRootProps extends HTMLAttributes<HTMLDivElement> {\n  /** Which colour-scheme base to activate. Default: `light`. */\n  theme?: ThemeBase;\n  /** Layer the AAA `theme-accessible` modifier on top of the base. */\n  accessible?: boolean;\n  /**\n   * When true, merges the theme classes onto the single child element\n   * instead of rendering a wrapping `<div>`. Useful when the theme root\n   * is `<html>` or `<body>` in an app shell. Refs forward to the child.\n   */\n  asChild?: boolean;\n}\n\nfunction composeClassName(\n  theme: ThemeBase,\n  accessible: boolean,\n  extra?: string,\n): string {\n  const parts = [theme === 'dark' ? 'theme-dark' : 'theme-light'];\n  if (accessible) parts.push('theme-accessible');\n  if (extra) parts.push(extra);\n  return parts.join(' ');\n}\n\nexport const ThemeRoot = forwardRef<HTMLDivElement, ThemeRootProps>(\n  (\n    { theme = 'light', accessible = false, asChild = false, className, children, ...rest },\n    ref,\n  ) => {\n    const merged = composeClassName(theme, accessible, className);\n    const Comp = asChild ? Slot : 'div';\n    return (\n      <Comp ref={ref} className={merged} {...rest}>\n        {children}\n      </Comp>\n    );\n  },\n);\nThemeRoot.displayName = 'ThemeRoot';\n"],"names":["composeClassName","theme","accessible","extra","parts","ThemeRoot","forwardRef","asChild","className","children","rest","ref","merged","Slot"],"mappings":";;;AAoCA,SAASA,EACPC,GACAC,GACAC,GACQ;AACR,QAAMC,IAAQ,CAACH,MAAU,SAAS,eAAe,aAAa;AAC9D,SAAIC,KAAYE,EAAM,KAAK,kBAAkB,GACzCD,KAAOC,EAAM,KAAKD,CAAK,GACpBC,EAAM,KAAK,GAAG;AACvB;AAEO,MAAMC,IAAYC;AAAA,EACvB,CACE,EAAE,OAAAL,IAAQ,SAAS,YAAAC,IAAa,IAAO,SAAAK,IAAU,IAAO,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAChFC,MACG;AACH,UAAMC,IAASZ,EAAiBC,GAAOC,GAAYM,CAAS;AAE5D,6BADaD,IAAUM,IAAO,OAE3B,EAAK,KAAAF,GAAU,WAAWC,GAAS,GAAGF,GACpC,UAAAD,GACH;AAAA,EAEJ;AACF;AACAJ,EAAU,cAAc;"}

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

@@ -0,0 +1,321 @@
+import { jsxs as ve, jsx as K } from "react/jsx-runtime";
+import { forwardRef as he, useState as F, useCallback as U, useRef as P, useEffect as be } from "react";
+import { c as j } from "./index-D2ZczOXr.js";
+import { useTranslation as ge } from "react-i18next";
+import { u as ye } from "./form-field-context-94LwgYTQ.js";
+function we(r) {
+  try {
+    const o = new Intl.DateTimeFormat(r, {
+      hour: "numeric"
+    }).resolvedOptions();
+    return o.hourCycle === "h12" || o.hourCycle === "h11";
+  } catch {
+    return !1;
+  }
+}
+function xe(r) {
+  var o, l;
+  try {
+    const H = ((o = new Intl.DateTimeFormat(r, {
+      hour: "numeric",
+      hour12: !0
+    }).formatToParts(new Date(2e3, 0, 1, 9)).find((w) => w.type === "dayPeriod")) == null ? void 0 : o.value) ?? "AM", d = ((l = new Intl.DateTimeFormat(r, {
+      hour: "numeric",
+      hour12: !0
+    }).formatToParts(new Date(2e3, 0, 1, 15)).find((w) => w.type === "dayPeriod")) == null ? void 0 : l.value) ?? "PM";
+    return { am: H, pm: d };
+  } catch {
+    return { am: "AM", pm: "PM" };
+  }
+}
+function y(r, o, l) {
+  return Math.min(l, Math.max(o, r));
+}
+function L(r, o) {
+  return Math.round(r / o) * o;
+}
+function C(r) {
+  return r === 0 ? 12 : r > 12 ? r - 12 : r;
+}
+function S(r, o) {
+  return o ? r === 12 ? 12 : r + 12 : r === 12 ? 0 : r;
+}
+const ke = j(
+  [
+    "inline-flex items-center gap-[var(--spacing-xs)]",
+    "rounded-[var(--radius-sm)] border border-border bg-background",
+    "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none",
+    "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]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "h-8 ps-[var(--spacing-sm)] pe-[var(--spacing-sm)] text-[var(--font-size-sm)]",
+        md: "h-[var(--min-target-size)] ps-[var(--spacing-md)] pe-[var(--spacing-md)] text-[var(--font-size-base)]",
+        lg: "h-12 ps-[var(--spacing-md)] pe-[var(--spacing-md)] text-[var(--font-size-lg)]"
+      },
+      tone: {
+        default: "border-border",
+        error: "border-destructive"
+      },
+      isDisabled: {
+        true: "cursor-not-allowed opacity-50",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      tone: "default",
+      isDisabled: !1
+    }
+  }
+), G = j(
+  [
+    "inline-flex items-center justify-center",
+    "rounded-[var(--radius-sm)] text-center tabular-nums",
+    "bg-transparent text-foreground",
+    "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
+    "focus-visible:outline-ring focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "select-none"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "min-w-6 h-6 text-[var(--font-size-sm)]",
+        md: "min-w-8 h-8 text-[var(--font-size-base)]",
+        lg: "min-w-10 h-10 text-[var(--font-size-lg)]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), De = j(
+  [
+    "inline-flex items-center justify-center",
+    "rounded-[var(--radius-sm)] text-center",
+    "bg-transparent text-foreground cursor-pointer",
+    "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
+    "focus-visible:outline-ring focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "select-none",
+    "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none",
+    "hover:bg-muted"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "min-w-8 h-6 text-[var(--font-size-sm)] ps-1 pe-1",
+        md: "min-w-10 h-8 text-[var(--font-size-base)] ps-1.5 pe-1.5",
+        lg: "min-w-12 h-10 text-[var(--font-size-lg)] ps-2 pe-2"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), Te = j("text-muted-foreground select-none", {
+  variants: {
+    size: {
+      sm: "text-[var(--font-size-sm)]",
+      md: "text-[var(--font-size-base)]",
+      lg: "text-[var(--font-size-lg)]"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), ze = he(
+  ({
+    value: r,
+    defaultValue: o,
+    onChange: l,
+    hour12: H,
+    minuteStep: d = 1,
+    fullWidthSeparator: w = !1,
+    periodLabels: J,
+    size: x = "md",
+    disabled: Q,
+    className: W,
+    id: X
+  }, Y) => {
+    const { t: B, i18n: E } = ge(), k = ye(), Z = X ?? k.id, m = k.disabled || Q, $ = k.invalid ? "error" : "default", i = H !== void 0 ? H : we(E.language), ee = xe(E.language), A = J ?? ee, R = r !== void 0, [te, re] = F(
+      r ?? o ?? { hours: 0, minutes: 0 }
+    ), t = R ? r : te, u = U(
+      (e) => {
+        R || re(e), l == null || l(e);
+      },
+      [R, l]
+    ), O = P(null), D = P(null), V = P(null), [ne, T] = F(""), [ie, z] = F(""), p = P(null), v = P(null), N = U(() => {
+      T(""), p.current && (clearTimeout(p.current), p.current = null);
+    }, []), I = U(() => {
+      z(""), v.current && (clearTimeout(v.current), v.current = null);
+    }, []);
+    be(() => () => {
+      p.current && clearTimeout(p.current), v.current && clearTimeout(v.current);
+    }, []);
+    const oe = w ? "：" : ":", _ = i ? String(C(t.hours)).padStart(2, "0") : String(t.hours).padStart(2, "0"), q = String(t.minutes).padStart(2, "0"), f = t.hours >= 12, se = (e) => {
+      var h, g, M;
+      if (!m) {
+        if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+          e.preventDefault();
+          const b = e.key === "ArrowUp" ? 1 : -1, a = 23;
+          let n = t.hours + b;
+          n < 0 && (n = a), n > a && (n = 0), u({ ...t, hours: n }), N();
+          return;
+        }
+        if (e.key === "Tab" && !e.shiftKey) {
+          e.preventDefault(), (h = D.current) == null || h.focus(), N();
+          return;
+        }
+        if (e.key >= "0" && e.key <= "9") {
+          e.preventDefault();
+          const b = ne + e.key;
+          T(b), p.current && clearTimeout(p.current);
+          const a = parseInt(b, 10), n = i ? 12 : 23;
+          if (b.length >= 2) {
+            const s = y(a, i ? 1 : 0, n), c = i ? S(s, f) : s;
+            u({ ...t, hours: c }), T(""), (g = D.current) == null || g.focus();
+          } else if (a > (i ? 1 : 2)) {
+            const s = y(a, i ? 1 : 0, n), c = i ? S(s, f) : s;
+            u({ ...t, hours: c }), T(""), (M = D.current) == null || M.focus();
+          } else
+            p.current = setTimeout(() => {
+              const s = y(a, i ? 1 : 0, n), c = i ? S(s, f) : s;
+              u({ ...t, hours: c }), T("");
+            }, 1e3);
+        }
+      }
+    }, ae = (e) => {
+      var h, g, M, b;
+      if (!m) {
+        if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+          e.preventDefault();
+          const a = e.key === "ArrowUp" ? d : -d;
+          let n = t.minutes + a;
+          n < 0 && (n = 60 + n), n >= 60 && (n = n - 60), u({ ...t, minutes: n }), I();
+          return;
+        }
+        if (e.key === "Tab" && !e.shiftKey && i) {
+          e.preventDefault(), (h = V.current) == null || h.focus(), I();
+          return;
+        }
+        if (e.key === "Tab" && e.shiftKey) {
+          e.preventDefault(), (g = O.current) == null || g.focus(), I();
+          return;
+        }
+        if (e.key >= "0" && e.key <= "9") {
+          e.preventDefault();
+          const a = ie + e.key;
+          z(a), v.current && clearTimeout(v.current);
+          const n = parseInt(a, 10);
+          if (a.length >= 2) {
+            const s = y(n, 0, 59), c = L(s, d);
+            u({ ...t, minutes: c }), z(""), i && ((M = V.current) == null || M.focus());
+          } else if (n > 5) {
+            const s = y(n, 0, 59), c = L(s, d);
+            u({ ...t, minutes: c }), z(""), i && ((b = V.current) == null || b.focus());
+          } else
+            v.current = setTimeout(() => {
+              const s = y(n, 0, 59), c = L(s, d);
+              u({ ...t, minutes: c }), z("");
+            }, 1e3);
+        }
+      }
+    }, ue = (e) => {
+      var h;
+      if (!m) {
+        if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+          e.preventDefault();
+          const g = f ? t.hours - 12 : t.hours + 12;
+          u({ ...t, hours: y(g, 0, 23) });
+          return;
+        }
+        if (e.key === "Tab" && e.shiftKey) {
+          e.preventDefault(), (h = D.current) == null || h.focus();
+          return;
+        }
+        (e.key === "a" || e.key === "A") && (e.preventDefault(), f && u({ ...t, hours: t.hours - 12 })), (e.key === "p" || e.key === "P") && (e.preventDefault(), f || u({ ...t, hours: t.hours + 12 }));
+      }
+    }, ce = (e) => {
+      N();
+    }, le = () => {
+      I();
+      const e = L(t.minutes, d);
+      e !== t.minutes && u({ ...t, minutes: e });
+    }, fe = B("ui.inputs.timePicker.hour", "Hour"), de = B("ui.inputs.timePicker.minute", "Minute"), me = B("ui.inputs.timePicker.period", "Period"), pe = B("ui.inputs.timePicker.groupLabel", "Time");
+    return /* @__PURE__ */ ve(
+      "div",
+      {
+        ref: Y,
+        id: Z,
+        role: "group",
+        "aria-label": pe,
+        "aria-describedby": k.describedBy || void 0,
+        "aria-invalid": k.invalid || void 0,
+        "aria-disabled": m || void 0,
+        className: ke({
+          size: x,
+          tone: $,
+          isDisabled: m ?? !1,
+          className: W
+        }),
+        children: [
+          /* @__PURE__ */ K(
+            "span",
+            {
+              ref: O,
+              role: "spinbutton",
+              "aria-label": fe,
+              "aria-valuemin": i ? 1 : 0,
+              "aria-valuemax": i ? 12 : 23,
+              "aria-valuenow": i ? C(t.hours) : t.hours,
+              "aria-valuetext": _,
+              tabIndex: m ? -1 : 0,
+              inputMode: "numeric",
+              onKeyDown: se,
+              onBlur: ce,
+              className: G({ size: x }),
+              children: _
+            }
+          ),
+          /* @__PURE__ */ K("span", { "aria-hidden": "true", className: Te({ size: x }), children: oe }),
+          /* @__PURE__ */ K(
+            "span",
+            {
+              ref: D,
+              role: "spinbutton",
+              "aria-label": de,
+              "aria-valuemin": 0,
+              "aria-valuemax": 59,
+              "aria-valuenow": t.minutes,
+              "aria-valuetext": q,
+              tabIndex: m ? -1 : 0,
+              inputMode: "numeric",
+              onKeyDown: ae,
+              onBlur: le,
+              className: G({ size: x }),
+              children: q
+            }
+          ),
+          i ? /* @__PURE__ */ K(
+            "span",
+            {
+              ref: V,
+              role: "spinbutton",
+              "aria-label": me,
+              "aria-valuemin": 0,
+              "aria-valuemax": 1,
+              "aria-valuenow": f ? 1 : 0,
+              "aria-valuetext": f ? A.pm : A.am,
+              tabIndex: m ? -1 : 0,
+              onKeyDown: ue,
+              className: De({ size: x }),
+              children: f ? A.pm : A.am
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+ze.displayName = "TimePicker";
+export {
+  ze as T
+};
+//# sourceMappingURL=time-picker-BapZq0OY.js.map

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

@@ -0,0 +1 @@
+{"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":"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"}