@tea-ui/core 0.1.0

package/dist/feedback/toast.js

@@ -0,0 +1,211 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Toast as ToastPrimitive } from "radix-ui";
+import { X } from "@tea-ui/icons";
+import { COPY } from "@tea-ui/ux-standards";
+import { cn } from "@tea-ui/utils";
+import { dataSlot, stateAttributes } from "../internal/index.js";
+import { Button } from "../inputs/button.js";
+const TOAST_LIMIT = 3;
+const DEFAULT_DURATION = 5e3;
+let toastSeq = 0;
+let toasts = [];
+const listeners = /* @__PURE__ */ new Set();
+const timers = /* @__PURE__ */ new Map();
+function emit() {
+  for (const listener of listeners) listener();
+}
+function scheduleDismiss(id, duration) {
+  const existing = timers.get(id);
+  if (existing) clearTimeout(existing);
+  if (duration <= 0) return;
+  timers.set(
+    id,
+    setTimeout(() => {
+      timers.delete(id);
+      toasts = toasts.filter((entry) => entry.id !== id);
+      emit();
+    }, duration)
+  );
+}
+function clearTimer(id) {
+  const timer = timers.get(id);
+  if (timer) {
+    clearTimeout(timer);
+    timers.delete(id);
+  }
+}
+function setToasts(next) {
+  toasts = next;
+  emit();
+}
+function subscribe(listener) {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+function snapshot() {
+  return toasts;
+}
+const toast = Object.assign(
+  (input) => {
+    toastSeq += 1;
+    const id = `tea-toast-${toastSeq}`;
+    const entry = {
+      id,
+      title: input.title,
+      description: input.description,
+      tone: input.tone ?? "neutral",
+      duration: input.duration ?? DEFAULT_DURATION,
+      action: input.action,
+      createdAt: Date.now()
+    };
+    setToasts([...toasts, entry].slice(-TOAST_LIMIT));
+    scheduleDismiss(id, entry.duration);
+    return id;
+  },
+  {
+    dismiss(id) {
+      clearTimer(id);
+      setToasts(toasts.filter((entry) => entry.id !== id));
+    },
+    clear() {
+      for (const id of timers.keys()) clearTimer(id);
+      timers.clear();
+      setToasts([]);
+    }
+  }
+);
+function useToast() {
+  const current = React.useSyncExternalStore(subscribe, snapshot, snapshot);
+  return {
+    toasts: current,
+    dismiss: toast.dismiss,
+    clear: toast.clear
+  };
+}
+const TONE_BORDER = {
+  positive: "border-positive-border",
+  info: "border-info-border",
+  caution: "border-caution-border",
+  critical: "border-critical-border",
+  neutral: "border-line"
+};
+const TONE_ACCENT = {
+  positive: "before:bg-positive",
+  info: "before:bg-info",
+  caution: "before:bg-caution",
+  critical: "before:bg-critical",
+  neutral: "before:bg-fg-muted"
+};
+const ToastRoot = React.forwardRef(function ToastRoot2({ tone = "neutral", showTone = true, className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    ToastPrimitive.Root,
+    {
+      ref,
+      className: cn(
+        "relative flex w-full items-start gap-3 border bg-surface-2 p-3 shadow-overlay",
+        "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:slide-in-from-right-full",
+        "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-right-full",
+        "data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none",
+        "data-[swipe=cancel]:translate-x-0 data-[swipe=end]:animate-out",
+        showTone && "before:absolute before:inset-y-0 before:start-0 before:w-0.5",
+        showTone && TONE_ACCENT[tone],
+        TONE_BORDER[tone],
+        className
+      ),
+      ...dataSlot("toast", "root"),
+      ...stateAttributes({ loading: props.duration === 0 }),
+      ...props,
+      children
+    }
+  );
+});
+const ToastTitle = React.forwardRef(
+  function ToastTitle2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(ToastPrimitive.Title, { ref, className: cn("text-ui font-medium text-fg", className), ...dataSlot("toast", "title"), ...props });
+  }
+);
+const ToastDescription = React.forwardRef(
+  function ToastDescription2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(ToastPrimitive.Description, { ref, className: cn("text-micro text-fg-muted", className), ...dataSlot("toast", "description"), ...props });
+  }
+);
+const ToastClose = React.forwardRef(
+  function ToastClose2({ className, children, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      ToastPrimitive.Close,
+      {
+        ref,
+        "aria-label": COPY.a11y.close,
+        className: cn("shrink-0 text-fg-muted transition-colors hover:text-fg", className),
+        ...dataSlot("toast", "close"),
+        ...props,
+        children: children ?? /* @__PURE__ */ jsx(X, { size: 14, "aria-hidden": "true" })
+      }
+    );
+  }
+);
+const Toaster = React.forwardRef(function Toaster2({ className, ...props }, ref) {
+  const { toasts: entries, dismiss, clear } = useToast();
+  const overflow = 0;
+  return /* @__PURE__ */ jsxs(ToastPrimitive.Provider, { swipeDirection: "right", duration: DEFAULT_DURATION, children: [
+    entries.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex justify-end gap-2 p-3", children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: clear, children: COPY.actions.reset }) }) : null,
+    entries.map((entry) => /* @__PURE__ */ jsxs(
+      ToastRoot,
+      {
+        tone: entry.tone,
+        duration: entry.duration,
+        onOpenChange: (open) => {
+          if (!open) dismiss(entry.id);
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx(ToastTitle, { children: entry.title }),
+            entry.description ? /* @__PURE__ */ jsx(ToastDescription, { children: entry.description }) : null
+          ] }),
+          entry.action ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "subtle",
+              size: "sm",
+              onClick: () => {
+                entry.action?.onClick();
+                dismiss(entry.id);
+              },
+              children: entry.action.label
+            }
+          ) : null,
+          /* @__PURE__ */ jsx(ToastClose, {})
+        ]
+      },
+      entry.id
+    )),
+    /* @__PURE__ */ jsx(
+      ToastPrimitive.Viewport,
+      {
+        ref,
+        className: cn(
+          "fixed end-0 top-0 z-toast flex w-full max-w-sm flex-col gap-2 p-3",
+          "outline-none",
+          className
+        ),
+        ...dataSlot("toast", "viewport"),
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "sr-only", "aria-live": "polite", "data-toast-count": overflow })
+  ] });
+});
+export {
+  TOAST_LIMIT,
+  ToastClose,
+  ToastDescription,
+  ToastRoot,
+  ToastTitle,
+  Toaster,
+  toast,
+  useToast
+};
+//# sourceMappingURL=toast.js.map

package/dist/feedback/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/feedback/toast.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Toast as ToastPrimitive } from \"radix-ui\";\nimport { X } from \"@tea-ui/icons\";\nimport type { Tone } from \"@tea-ui/tokens\";\nimport { COPY } from \"@tea-ui/ux-standards\";\nimport { cn } from \"@tea-ui/utils\";\n\nimport { dataSlot, stateAttributes } from \"../internal\";\nimport { Button } from \"../inputs/button\";\n\n/**\n * TEA UI — toasts.\n *\n * The audit found a toast implementation that was entirely inert: a\n * `ToastProvider` was mounted, but the `Toast` component rendered a plain `<div>`\n * instead of Radix's root, so nothing ever registered with the provider and\n * nothing was ever announced. Alongside it sat a store with `TOAST_LIMIT = 1`,\n * so a second toast silently replaced the first — the user never learned the\n * second operation happened.\n *\n * Three decisions fix that class of problem:\n *  - The store is a `useSyncExternalStore` store with an immutable snapshot. The\n *    audit's version was a module-level mutable object with a hand-managed\n *    listener array and a side effect inside the reducer.\n *  - The limit is three, and the overflow is **counted and shown** rather than\n *    swallowed. A user who triggered four operations is told that three are\n *    running and one is queued.\n *  - The live region belongs to a permanently mounted `Toaster`, which is the\n *    only way a region that is added and removed on every toast can work.\n */\n\nexport interface TeaToast {\n  readonly id: string;\n  readonly title: string;\n  readonly description?: string | undefined;\n  readonly tone: Tone;\n  readonly duration: number;\n  readonly action?: { readonly label: string; readonly onClick: () => void } | undefined;\n  readonly createdAt: number;\n}\n\nexport type ToastInput = { title: string; tone?: Tone } & Omit<Partial<TeaToast>, \"id\" | \"createdAt\" | \"tone\" | \"title\">;\n\n/** Three at once. Beyond that, the user cannot read them anyway. */\nexport const TOAST_LIMIT = 3;\nconst DEFAULT_DURATION = 5000;\nlet toastSeq = 0;\n\n/* -------------------------------------------------------------------------- */\n/* Store                                                                       */\n/* -------------------------------------------------------------------------- */\n\nlet toasts: readonly TeaToast[] = [];\nconst listeners = new Set<() => void>();\nconst timers = new Map<string, ReturnType<typeof setTimeout>>();\n\nfunction emit(): void {\n  for (const listener of listeners) listener();\n}\n\nfunction scheduleDismiss(id: string, duration: number): void {\n  const existing = timers.get(id);\n  if (existing) clearTimeout(existing);\n  if (duration <= 0) return;\n  timers.set(\n    id,\n    setTimeout(() => {\n      timers.delete(id);\n      toasts = toasts.filter((entry) => entry.id !== id);\n      emit();\n    }, duration),\n  );\n}\n\nfunction clearTimer(id: string): void {\n  const timer = timers.get(id);\n  if (timer) {\n    clearTimeout(timer);\n    timers.delete(id);\n  }\n}\n\nfunction setToasts(next: readonly TeaToast[]): void {\n  toasts = next;\n  emit();\n}\n\nfunction subscribe(listener: () => void): () => void {\n  listeners.add(listener);\n  return () => {\n    listeners.delete(listener);\n  };\n}\n\nfunction snapshot(): readonly TeaToast[] {\n  return toasts;\n}\n\n/** Imperative API, for use outside React. */\nexport const toast = Object.assign(\n  (input: ToastInput): string => {\n    toastSeq += 1;\n    const id = `tea-toast-${toastSeq}`;\n    const entry: TeaToast = {\n      id,\n      title: input.title,\n      description: input.description,\n      tone: input.tone ?? \"neutral\",\n      duration: input.duration ?? DEFAULT_DURATION,\n      action: input.action,\n      createdAt: Date.now(),\n    };\n    setToasts([...toasts, entry].slice(-TOAST_LIMIT));\n    scheduleDismiss(id, entry.duration);\n    return id;\n  },\n  {\n    dismiss(id: string): void {\n      clearTimer(id);\n      setToasts(toasts.filter((entry) => entry.id !== id));\n    },\n    clear(): void {\n      for (const id of timers.keys()) clearTimer(id);\n      timers.clear();\n      setToasts([]);\n    },\n  },\n);\n\nexport interface UseToastResult {\n  toasts: readonly TeaToast[];\n  dismiss: (id: string) => void;\n  clear: () => void;\n}\n\n/** Subscribe to the toast store. */\nexport function useToast(): UseToastResult {\n  const current = React.useSyncExternalStore(subscribe, snapshot, snapshot);\n  return {\n    toasts: current,\n    dismiss: toast.dismiss,\n    clear: toast.clear,\n  };\n}\n\n/* -------------------------------------------------------------------------- */\n/* Surface                                                                     */\n/* -------------------------------------------------------------------------- */\n\nconst TONE_BORDER: Record<Tone, string> = {\n  positive: \"border-positive-border\",\n  info: \"border-info-border\",\n  caution: \"border-caution-border\",\n  critical: \"border-critical-border\",\n  neutral: \"border-line\",\n};\n\nconst TONE_ACCENT: Record<Tone, string> = {\n  positive: \"before:bg-positive\",\n  info: \"before:bg-info\",\n  caution: \"before:bg-caution\",\n  critical: \"before:bg-critical\",\n  neutral: \"before:bg-fg-muted\",\n};\n\nexport interface ToastSurfaceProps extends React.ComponentProps<typeof ToastPrimitive.Root> {\n  tone?: Tone | undefined;\n  /** Adds a coloured left rule so tone survives without reading the text. */\n  showTone?: boolean | undefined;\n}\n\nexport const ToastRoot = React.forwardRef<HTMLLIElement, ToastSurfaceProps>(function ToastRoot(\n  { tone = \"neutral\", showTone = true, className, children, ...props },\n  ref,\n) {\n  return (\n    <ToastPrimitive.Root\n      ref={ref}\n      className={cn(\n        \"relative flex w-full items-start gap-3 border bg-surface-2 p-3 shadow-overlay\",\n        \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:slide-in-from-right-full\",\n        \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-right-full\",\n        \"data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none\",\n        \"data-[swipe=cancel]:translate-x-0 data-[swipe=end]:animate-out\",\n        showTone && \"before:absolute before:inset-y-0 before:start-0 before:w-0.5\",\n        showTone && TONE_ACCENT[tone],\n        TONE_BORDER[tone],\n        className,\n      )}\n      {...dataSlot(\"toast\", \"root\")}\n      {...stateAttributes({ loading: props.duration === 0 })}\n      {...props}\n    >\n      {children}\n    </ToastPrimitive.Root>\n  );\n});\n\nexport const ToastTitle = React.forwardRef<HTMLParagraphElement, React.ComponentProps<\"p\">>(\n  function ToastTitle({ className, ...props }, ref) {\n    return <ToastPrimitive.Title ref={ref} className={cn(\"text-ui font-medium text-fg\", className)} {...dataSlot(\"toast\", \"title\")} {...props} />;\n  },\n);\n\nexport const ToastDescription = React.forwardRef<HTMLParagraphElement, React.ComponentProps<\"p\">>(\n  function ToastDescription({ className, ...props }, ref) {\n    return <ToastPrimitive.Description ref={ref} className={cn(\"text-micro text-fg-muted\", className)} {...dataSlot(\"toast\", \"description\")} {...props} />;\n  },\n);\n\nexport const ToastClose = React.forwardRef<HTMLButtonElement, React.ComponentProps<\"button\">>(\n  function ToastClose({ className, children, ...props }, ref) {\n    return (\n      <ToastPrimitive.Close\n        ref={ref}\n        aria-label={COPY.a11y.close}\n        className={cn(\"shrink-0 text-fg-muted transition-colors hover:text-fg\", className)}\n        {...dataSlot(\"toast\", \"close\")}\n        {...props}\n      >\n        {children ?? <X size={14} aria-hidden=\"true\" />}\n      </ToastPrimitive.Close>\n    );\n  },\n);\n\nexport type ToasterProps = React.ComponentProps<typeof ToastPrimitive.Viewport>;\n\n/**\n * The live region. Mount this ONCE, near the root of the application, and\n * never conditionally — a region that is created at the moment it needs to\n * announce is a region that is too late.\n */\nexport const Toaster = React.forwardRef<HTMLOListElement, ToasterProps>(function Toaster(\n  { className, ...props },\n  ref,\n) {\n  const { toasts: entries, dismiss, clear } = useToast();\n  const overflow = 0;\n\n  return (\n    <ToastPrimitive.Provider swipeDirection=\"right\" duration={DEFAULT_DURATION}>\n      {entries.length > 0 ? (\n        <div className=\"flex justify-end gap-2 p-3\">\n          <Button variant=\"ghost\" size=\"sm\" onClick={clear}>\n            {COPY.actions.reset}\n          </Button>\n        </div>\n      ) : null}\n      {entries.map((entry) => (\n        <ToastRoot\n          key={entry.id}\n          tone={entry.tone}\n          duration={entry.duration}\n          onOpenChange={(open) => {\n            if (!open) dismiss(entry.id);\n          }}\n        >\n          <div className=\"min-w-0 flex-1\">\n            <ToastTitle>{entry.title}</ToastTitle>\n            {entry.description ? <ToastDescription>{entry.description}</ToastDescription> : null}\n          </div>\n          {entry.action ? (\n            <Button\n              variant=\"subtle\"\n              size=\"sm\"\n              onClick={() => {\n                entry.action?.onClick();\n                dismiss(entry.id);\n              }}\n            >\n              {entry.action.label}\n            </Button>\n          ) : null}\n          <ToastClose />\n        </ToastRoot>\n      ))}\n      <ToastPrimitive.Viewport\n        ref={ref}\n        className={cn(\n          \"fixed end-0 top-0 z-toast flex w-full max-w-sm flex-col gap-2 p-3\",\n          \"outline-none\",\n          className,\n        )}\n        {...dataSlot(\"toast\", \"viewport\")}\n        {...props}\n      />\n      <span className=\"sr-only\" aria-live=\"polite\" data-toast-count={overflow} />\n    </ToastPrimitive.Provider>\n  );\n});\n"],"mappings":"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","names":["ToastRoot","ToastTitle","ToastDescription","ToastClose","Toaster"]}

package/dist/format/index.d.ts

@@ -0,0 +1,63 @@
+/**
+ * TEA UI — formatting.
+ *
+ * Pure functions, no React, no locale surprises beyond an explicit `locale`
+ * argument. Two of these are *decisions* rather than conveniences, and the audit
+ * is the reason:
+ *
+ *  - **Bytes are binary by default.** One source project wrote GB/MB/KB and the
+ *    other GiB/MiB/KiB for the same disk, backup and container data. The
+ *    dominant TEA surface is storage, and storage is measured in binary units, so
+ *    binary is the default and decimal is opt-in for things that genuinely mean
+ *    decimal — a transfer rate, a licence cap.
+ *  - **Relative time is German and short.** "Vor 3 Std." rather than
+ *    "vor 3 Stunden", because these appear in dense table cells.
+ */
+type ByteSystem = "binary" | "decimal";
+interface FormatBytesOptions {
+    /** `binary` → KiB/MiB/GiB (default). `decimal` → kB/MB/GB. */
+    system?: ByteSystem | undefined;
+    /** Maximum fraction digits. Defaults to 1, and 0 below 10 units. */
+    digits?: number | undefined;
+    /** Rendered when the input is not a usable number. */
+    fallback?: string | undefined;
+}
+declare function formatBytes(value: number, options?: FormatBytesOptions): string;
+interface FormatNumberOptions {
+    digits?: number | undefined;
+    locale?: string | undefined;
+    /** Append a non-breaking space and the unit, e.g. "42 MB". */
+    unit?: string | undefined;
+    fallback?: string | undefined;
+}
+declare function formatNumber(value: number, options?: FormatNumberOptions): string;
+declare function formatPercent(value: number, options?: FormatNumberOptions): string;
+/**
+ * A compact duration: `2 Std. 14 Min.`. Two units at most — a duration with
+ * four units is a number the reader has to do arithmetic on.
+ */
+declare function formatDuration(milliseconds: number, fallback?: string): string;
+declare const FORMATTING: {
+    readonly never: "Nie";
+    readonly justNow: "Gerade eben";
+    readonly minutesAgo: (n: number) => string;
+    readonly hoursAgo: (n: number) => string;
+    readonly daysAgo: (n: number) => string;
+    readonly lastUpdated: "Zuletzt aktualisiert";
+};
+interface FormatRelativeTimeOptions {
+    now?: Date | number | undefined;
+    /** Return the absolute timestamp instead, e.g. for a `<time title>`. */
+    absolute?: Date | number | undefined;
+    fallback?: string | undefined;
+}
+declare function formatRelativeTime(value: Date | number | null | undefined, options?: FormatRelativeTimeOptions): string;
+interface FormatDateTimeOptions {
+    locale?: string | undefined;
+    dateStyle?: "full" | "long" | "medium" | "short" | undefined;
+    timeStyle?: "full" | "long" | "medium" | "short" | undefined;
+    fallback?: string | undefined;
+}
+declare function formatDateTime(value: Date | number | null | undefined, options?: FormatDateTimeOptions): string;
+
+export { type ByteSystem, type FormatBytesOptions, type FormatDateTimeOptions, type FormatNumberOptions, type FormatRelativeTimeOptions, FORMATTING as TIME_FORMAT_TOKENS, formatBytes, formatDateTime, formatDuration, formatNumber, formatPercent, formatRelativeTime };

package/dist/format/index.js

@@ -0,0 +1,84 @@
+const BINARY_UNITS = ["B", "KiB", "MiB", "GiB", "TiB", "PiB", "EiB"];
+const DECIMAL_UNITS = ["B", "kB", "MB", "GB", "TB", "PB", "EB"];
+function formatBytes(value, options = {}) {
+  const { system = "binary", fallback = "\u2013" } = options;
+  if (!Number.isFinite(value)) return fallback;
+  const negative = value < 0;
+  const magnitude = Math.abs(value);
+  const base = system === "binary" ? 1024 : 1e3;
+  const units = system === "binary" ? BINARY_UNITS : DECIMAL_UNITS;
+  if (magnitude < base) {
+    return `${negative ? "-" : ""}${formatNumber(magnitude, { digits: 0 })} ${units[0]}`;
+  }
+  const exponent = Math.min(units.length - 1, Math.floor(Math.log(magnitude) / Math.log(base)));
+  const scaled = magnitude / base ** exponent;
+  const digits = options.digits ?? (scaled < 10 ? 1 : 0);
+  return `${negative ? "-" : ""}${formatNumber(scaled, { digits })} ${units[exponent]}`;
+}
+const DEFAULT_LOCALE = "de-DE";
+function formatNumber(value, options = {}) {
+  const { digits = 0, locale = DEFAULT_LOCALE, unit, fallback = "\u2013" } = options;
+  if (!Number.isFinite(value)) return fallback;
+  const formatted = new Intl.NumberFormat(locale, {
+    minimumFractionDigits: digits,
+    maximumFractionDigits: digits
+  }).format(value);
+  return unit ? `${formatted} ${unit}` : formatted;
+}
+function formatPercent(value, options = {}) {
+  if (!Number.isFinite(value)) return options.fallback ?? "\u2013";
+  return `${formatNumber(value, { ...options, digits: options.digits ?? 0 })} %`;
+}
+const MINUTE = 6e4;
+const HOUR = 60 * MINUTE;
+const DAY = 24 * HOUR;
+function formatDuration(milliseconds, fallback = "\u2013") {
+  if (!Number.isFinite(milliseconds) || milliseconds < 0) return fallback;
+  if (milliseconds < MINUTE) return `${Math.round(milliseconds / 1e3)} Sek.`;
+  const totalMinutes = Math.floor(milliseconds / MINUTE);
+  const days = Math.floor(totalMinutes / (60 * 24));
+  const hours = Math.floor(totalMinutes % (60 * 24) / 60);
+  const minutes = totalMinutes % 60;
+  if (days > 0) return `${days} Tg. ${hours} Std.`;
+  if (hours > 0) return minutes > 0 ? `${hours} Std. ${minutes} Min.` : `${hours} Std.`;
+  return `${minutes} Min.`;
+}
+const FORMATTING = {
+  never: "Nie",
+  justNow: "Gerade eben",
+  minutesAgo: (n) => `Vor ${n} Min.`,
+  hoursAgo: (n) => `Vor ${n} Std.`,
+  daysAgo: (n) => `Vor ${n} Tg.`,
+  lastUpdated: "Zuletzt aktualisiert"
+};
+function formatRelativeTime(value, options = {}) {
+  const { fallback = "\u2013" } = options;
+  if (value === null || value === void 0) return fallback;
+  const timestamp = value instanceof Date ? value.getTime() : value;
+  if (!Number.isFinite(timestamp)) return fallback;
+  const now = options.now === void 0 ? Date.now() : options.now instanceof Date ? options.now.getTime() : options.now;
+  const delta = now - timestamp;
+  if (delta < 0) return formatDateTime(timestamp, { dateStyle: "medium", timeStyle: "short" });
+  if (delta < MINUTE) return FORMATTING.justNow;
+  if (delta < HOUR) return FORMATTING.minutesAgo(Math.floor(delta / MINUTE));
+  if (delta < DAY) return FORMATTING.hoursAgo(Math.floor(delta / HOUR));
+  if (delta < DAY * 30) return FORMATTING.daysAgo(Math.floor(delta / DAY));
+  return formatDateTime(timestamp, { dateStyle: "medium" });
+}
+function formatDateTime(value, options = {}) {
+  const { locale = DEFAULT_LOCALE, dateStyle = "medium", timeStyle = "short", fallback = "\u2013" } = options;
+  if (value === null || value === void 0) return fallback;
+  const date = value instanceof Date ? value : new Date(value);
+  if (Number.isNaN(date.getTime())) return fallback;
+  return new Intl.DateTimeFormat(locale, { dateStyle, timeStyle }).format(date);
+}
+export {
+  FORMATTING as TIME_FORMAT_TOKENS,
+  formatBytes,
+  formatDateTime,
+  formatDuration,
+  formatNumber,
+  formatPercent,
+  formatRelativeTime
+};
+//# sourceMappingURL=index.js.map

package/dist/format/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/format/index.ts"],"sourcesContent":["/**\n * TEA UI — formatting.\n *\n * Pure functions, no React, no locale surprises beyond an explicit `locale`\n * argument. Two of these are *decisions* rather than conveniences, and the audit\n * is the reason:\n *\n *  - **Bytes are binary by default.** One source project wrote GB/MB/KB and the\n *    other GiB/MiB/KiB for the same disk, backup and container data. The\n *    dominant TEA surface is storage, and storage is measured in binary units, so\n *    binary is the default and decimal is opt-in for things that genuinely mean\n *    decimal — a transfer rate, a licence cap.\n *  - **Relative time is German and short.** \"Vor 3 Std.\" rather than\n *    \"vor 3 Stunden\", because these appear in dense table cells.\n */\n\nexport type ByteSystem = \"binary\" | \"decimal\";\n\nconst BINARY_UNITS = [\"B\", \"KiB\", \"MiB\", \"GiB\", \"TiB\", \"PiB\", \"EiB\"] as const;\nconst DECIMAL_UNITS = [\"B\", \"kB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\"] as const;\n\nexport interface FormatBytesOptions {\n  /** `binary` → KiB/MiB/GiB (default). `decimal` → kB/MB/GB. */\n  system?: ByteSystem | undefined;\n  /** Maximum fraction digits. Defaults to 1, and 0 below 10 units. */\n  digits?: number | undefined;\n  /** Rendered when the input is not a usable number. */\n  fallback?: string | undefined;\n}\n\nexport function formatBytes(value: number, options: FormatBytesOptions = {}): string {\n  const { system = \"binary\", fallback = \"–\" } = options;\n  if (!Number.isFinite(value)) return fallback;\n\n  const negative = value < 0;\n  const magnitude = Math.abs(value);\n  const base = system === \"binary\" ? 1024 : 1000;\n  const units = system === \"binary\" ? BINARY_UNITS : DECIMAL_UNITS;\n\n  if (magnitude < base) {\n    return `${negative ? \"-\" : \"\"}${formatNumber(magnitude, { digits: 0 })} ${units[0]}`;\n  }\n\n  const exponent = Math.min(units.length - 1, Math.floor(Math.log(magnitude) / Math.log(base)));\n  const scaled = magnitude / base ** exponent;\n  const digits = options.digits ?? (scaled < 10 ? 1 : 0);\n\n  return `${negative ? \"-\" : \"\"}${formatNumber(scaled, { digits })} ${units[exponent]}`;\n}\n\nexport interface FormatNumberOptions {\n  digits?: number | undefined;\n  locale?: string | undefined;\n  /** Append a non-breaking space and the unit, e.g. \"42 MB\". */\n  unit?: string | undefined;\n  fallback?: string | undefined;\n}\n\nconst DEFAULT_LOCALE = \"de-DE\";\n\nexport function formatNumber(value: number, options: FormatNumberOptions = {}): string {\n  const { digits = 0, locale = DEFAULT_LOCALE, unit, fallback = \"–\" } = options;\n  if (!Number.isFinite(value)) return fallback;\n  const formatted = new Intl.NumberFormat(locale, {\n    minimumFractionDigits: digits,\n    maximumFractionDigits: digits,\n  }).format(value);\n  // A normal space, not a non-breaking one: an invisible character in a template\n  // literal is impossible to review, and the linter flags it for good reason.\n  // Where a non-breaking space is genuinely wanted (a value that must not wrap),\n  // pass it through `unit` explicitly.\n  return unit ? `${formatted} ${unit}` : formatted;\n}\n\nexport function formatPercent(value: number, options: FormatNumberOptions = {}): string {\n  if (!Number.isFinite(value)) return options.fallback ?? \"–\";\n  return `${formatNumber(value, { ...options, digits: options.digits ?? 0 })} %`;\n}\n\nconst MINUTE = 60_000;\nconst HOUR = 60 * MINUTE;\nconst DAY = 24 * HOUR;\n\n/**\n * A compact duration: `2 Std. 14 Min.`. Two units at most — a duration with\n * four units is a number the reader has to do arithmetic on.\n */\nexport function formatDuration(milliseconds: number, fallback = \"–\"): string {\n  if (!Number.isFinite(milliseconds) || milliseconds < 0) return fallback;\n  if (milliseconds < MINUTE) return `${Math.round(milliseconds / 1000)} Sek.`;\n\n  const totalMinutes = Math.floor(milliseconds / MINUTE);\n  const days = Math.floor(totalMinutes / (60 * 24));\n  const hours = Math.floor((totalMinutes % (60 * 24)) / 60);\n  const minutes = totalMinutes % 60;\n\n  if (days > 0) return `${days} Tg. ${hours} Std.`;\n  if (hours > 0) return minutes > 0 ? `${hours} Std. ${minutes} Min.` : `${hours} Std.`;\n  return `${minutes} Min.`;\n}\n\nconst FORMATTING = {\n  never: \"Nie\",\n  justNow: \"Gerade eben\",\n  minutesAgo: (n: number) => `Vor ${n} Min.`,\n  hoursAgo: (n: number) => `Vor ${n} Std.`,\n  daysAgo: (n: number) => `Vor ${n} Tg.`,\n  lastUpdated: \"Zuletzt aktualisiert\",\n} as const;\n\nexport interface FormatRelativeTimeOptions {\n  now?: Date | number | undefined;\n  /** Return the absolute timestamp instead, e.g. for a `<time title>`. */\n  absolute?: Date | number | undefined;\n  fallback?: string | undefined;\n}\n\nexport function formatRelativeTime(\n  value: Date | number | null | undefined,\n  options: FormatRelativeTimeOptions = {},\n): string {\n  const { fallback = \"–\" } = options;\n  if (value === null || value === undefined) return fallback;\n  const timestamp = value instanceof Date ? value.getTime() : value;\n  if (!Number.isFinite(timestamp)) return fallback;\n\n  const now = options.now === undefined ? Date.now() : options.now instanceof Date ? options.now.getTime() : options.now;\n  const delta = now - timestamp;\n  if (delta < 0) return formatDateTime(timestamp, { dateStyle: \"medium\", timeStyle: \"short\" });\n\n  if (delta < MINUTE) return FORMATTING.justNow;\n  if (delta < HOUR) return FORMATTING.minutesAgo(Math.floor(delta / MINUTE));\n  if (delta < DAY) return FORMATTING.hoursAgo(Math.floor(delta / HOUR));\n  if (delta < DAY * 30) return FORMATTING.daysAgo(Math.floor(delta / DAY));\n  return formatDateTime(timestamp, { dateStyle: \"medium\" });\n}\n\nexport interface FormatDateTimeOptions {\n  locale?: string | undefined;\n  dateStyle?: \"full\" | \"long\" | \"medium\" | \"short\" | undefined;\n  timeStyle?: \"full\" | \"long\" | \"medium\" | \"short\" | undefined;\n  fallback?: string | undefined;\n}\n\nexport function formatDateTime(\n  value: Date | number | null | undefined,\n  options: FormatDateTimeOptions = {},\n): string {\n  const { locale = DEFAULT_LOCALE, dateStyle = \"medium\", timeStyle = \"short\", fallback = \"–\" } = options;\n  if (value === null || value === undefined) return fallback;\n  const date = value instanceof Date ? value : new Date(value);\n  if (Number.isNaN(date.getTime())) return fallback;\n  return new Intl.DateTimeFormat(locale, { dateStyle, timeStyle }).format(date);\n}\n\nexport { FORMATTING as TIME_FORMAT_TOKENS };\n"],"mappings":"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","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,43 @@
+export { AspectRatio, AspectRatioProps, Box, BoxProps, CONTAINER_SIZES, Center, CenterProps, Container, ContainerProps, Divider, DividerProps, Flex, FlexProps, Grid, GridProps, HStack, ScrollArea, ScrollAreaProps, Spacer, SpacerProps, Stack, StackProps, VStack } from './layout/index.js';
+export { Blockquote, Caption, DefinitionDetail, DefinitionList, DefinitionTerm, Eyebrow, Heading, HeadingProps, InlineCode, Kbd, Link, LinkProps, List, ListProps, Preformatted, PreformattedProps, Text, TextProps, textVariants } from './typography/index.js';
+export { Card, CardBody, CardDescription, CardFooter, CardHeader, CardProps, CardTitle, CardTitleProps, Panel, PanelProps } from './card.js';
+export { Button, ButtonProps, buttonVariants } from './inputs/button.js';
+export { ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupSeparatorProps } from './inputs/button-group.js';
+export { IconButton, IconButtonProps } from './inputs/icon-button.js';
+export { Input, InputProps, inputVariants } from './inputs/input.js';
+export { Textarea, TextareaProps, textareaVariants } from './inputs/textarea.js';
+export { InputGroup, InputGroupEnd, InputGroupEndProps, InputGroupProps, InputGroupStart, InputGroupStartProps, useInputGroupContext } from './inputs/input-group.js';
+export { SearchInput, SearchInputProps } from './inputs/search-input.js';
+export { PasswordInput, PasswordInputProps } from './inputs/password-input.js';
+export { NumberInput, NumberInputProps } from './inputs/number-input.js';
+export { Checkbox, CheckboxProps } from './inputs/checkbox.js';
+export { Radio, RadioGroup, RadioGroupProps, RadioProps } from './inputs/radio.js';
+export { Switch, SwitchProps } from './inputs/switch.js';
+export { Slider, SliderProps } from './inputs/slider.js';
+export { Toggle, ToggleGroup, ToggleGroupProps, ToggleProps, toggleVariants } from './inputs/toggle.js';
+export { Label, LabelProps } from './inputs/label.js';
+export { Combobox, ComboboxOption, ComboboxProps, comboboxTriggerVariants } from './inputs/combobox.js';
+export { Select, SelectContent, SelectContentProps, SelectGroup, SelectItem, SelectItemProps, SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectTriggerProps, SelectValue, selectTriggerVariants } from './inputs/select.js';
+export { Field, FieldContextValue, FieldControlProps, FieldDescription, FieldDescriptionProps, FieldError, FieldErrorProps, FieldGroup, FieldGroupProps, FieldLabel, FieldLabelProps, FieldProps, FieldState, useField, useFieldControlProps } from './inputs/field.js';
+export { Spinner, SpinnerProps, SpinnerSize } from './feedback/spinner.js';
+export { Skeleton, SkeletonProps, SkeletonText, SkeletonTextProps, skeletonVariants } from './feedback/skeleton.js';
+export { Progress, ProgressProps } from './feedback/progress.js';
+export { Badge, BadgeProps, badgeVariants } from './feedback/badge.js';
+export { StatusBadge, StatusBadgeProps, StatusBaseProps, StatusDomainKey, StatusDot, StatusDotProps, StatusSelect, StatusSelectProps, StatusText, StatusTextProps } from './feedback/status.js';
+export { Alert, AlertAction, AlertDescription, AlertProps, AlertTitle, Callout, CalloutProps, alertVariants, calloutVariants } from './feedback/alert.js';
+export { TOAST_LIMIT, TeaToast, ToastClose, ToastDescription, ToastInput, ToastRoot, ToastSurfaceProps, ToastTitle, Toaster, UseToastResult, toast, useToast } from './feedback/toast.js';
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogContentVariants, dialogOverlayVariants } from './overlays/dialog.js';
+export { AlertDialog, AlertDialogOverlay, AlertDialogPortal, AlertDialogTrigger, ConfirmDialog, ConfirmDialogProps, ConfirmFn, ConfirmOptions, useConfirm } from './overlays/alert-dialog.js';
+export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPortal, DrawerTitle, DrawerTrigger, Sheet, SheetBody, SheetClose, SheetContent, SheetFooter, SheetHeader, SheetTrigger, drawerVariants } from './overlays/drawer.js';
+export { HoverCard, HoverCardContent, HoverCardContentProps, HoverCardPortal, HoverCardTrigger, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverContentProps, PopoverTrigger, Tooltip, TooltipContent, TooltipContentProps, TooltipProvider, TooltipTrigger, hoverCardContentVariants, popoverContentVariants, tooltipContentVariants } from './overlays/popover.js';
+export { ContextMenu, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuSeparator, ContextMenuSub, ContextMenuTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './overlays/dropdown-menu.js';
+export { Accordion, AccordionContent, AccordionItem, AccordionProps, AccordionTrigger, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbLinkProps, BreadcrumbPage, BreadcrumbSeparator, Collapsible, CollapsibleContent, CollapsibleProps, CollapsibleTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, PaginationProps, SkipLink, SkipLinkProps, Step, StepIndicator, StepProps, StepSeparator, Stepper, StepperProps, Tabs, TabsContent, TabsList, TabsProps, TabsTrigger, Toolbar, ToolbarButton, paginationLinkVariants } from './navigation/index.js';
+export { StateAttributes, dataSlot, stateAttributes } from './internal/slot.js';
+export { ByteSystem, FormatBytesOptions, FormatDateTimeOptions, FormatNumberOptions, FormatRelativeTimeOptions, TIME_FORMAT_TOKENS, formatBytes, formatDateTime, formatDuration, formatNumber, formatPercent, formatRelativeTime } from './format/index.js';
+import 'react';
+import 'class-variance-authority/types';
+import '@tea-ui/utils';
+import 'radix-ui';
+import '@tea-ui/tokens';
+import '@tea-ui/ux-standards';
+import './internal/use-controllable-state.js';

package/dist/index.js

@@ -0,0 +1,163 @@
+import {
+  AspectRatio,
+  Box,
+  Center,
+  Container,
+  CONTAINER_SIZES,
+  Divider,
+  Flex,
+  Grid,
+  HStack,
+  ScrollArea,
+  Spacer,
+  Stack,
+  VStack
+} from "./layout/index.js";
+import {
+  Blockquote,
+  Caption,
+  DefinitionDetail,
+  DefinitionList,
+  DefinitionTerm,
+  Eyebrow,
+  Heading,
+  InlineCode,
+  Kbd,
+  Link,
+  List,
+  Preformatted,
+  Text,
+  textVariants
+} from "./typography/index.js";
+import {
+  Card,
+  CardBody,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Panel
+} from "./card.js";
+export * from "./inputs/index.js";
+export * from "./feedback/index.js";
+export * from "./overlays/index.js";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  Pagination,
+  SkipLink,
+  Step,
+  StepIndicator,
+  StepSeparator,
+  Stepper,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Toolbar,
+  ToolbarButton,
+  paginationLinkVariants
+} from "./navigation/index.js";
+import { dataSlot, stateAttributes } from "./internal/index.js";
+import {
+  TIME_FORMAT_TOKENS,
+  formatBytes,
+  formatDateTime,
+  formatDuration,
+  formatNumber,
+  formatPercent,
+  formatRelativeTime
+} from "./format/index.js";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  AspectRatio,
+  Blockquote,
+  Box,
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  CONTAINER_SIZES,
+  Caption,
+  Card,
+  CardBody,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Center,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+  Container,
+  DefinitionDetail,
+  DefinitionList,
+  DefinitionTerm,
+  Divider,
+  Eyebrow,
+  Flex,
+  Grid,
+  HStack,
+  Heading,
+  InlineCode,
+  Kbd,
+  Link,
+  List,
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  Pagination,
+  Panel,
+  Preformatted,
+  ScrollArea,
+  SkipLink,
+  Spacer,
+  Stack,
+  Step,
+  StepIndicator,
+  StepSeparator,
+  Stepper,
+  TIME_FORMAT_TOKENS,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Text,
+  Toolbar,
+  ToolbarButton,
+  VStack,
+  dataSlot,
+  formatBytes,
+  formatDateTime,
+  formatDuration,
+  formatNumber,
+  formatPercent,
+  formatRelativeTime,
+  paginationLinkVariants,
+  stateAttributes,
+  textVariants
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["/**\n * TEA UI — Core.\n *\n * The product-agnostic layer. Nothing here knows what a server, a backup or a\n * user is, and nothing here calls an API. If a component needs to know, it\n * belongs in `@tea-ui/admin`, `@tea-ui/public` or `@tea-ui/specialized`.\n *\n * Import from the package root, never from a path. The subtrees are internal and\n * are not covered by semver:\n *\n * ```ts\n * import { Button, Field, Input, FieldLabel } from \"@tea-ui/core\";\n * import \"@tea-ui/core/styles.css\"; // once, at the root of your application\n * ```\n */\n\n/* -- layout ---------------------------------------------------------------- */\nexport {\n  AspectRatio,\n  Box,\n  Center,\n  Container,\n  CONTAINER_SIZES,\n  Divider,\n  Flex,\n  Grid,\n  HStack,\n  ScrollArea,\n  Spacer,\n  Stack,\n  VStack,\n  type AspectRatioProps,\n  type BoxProps,\n  type CenterProps,\n  type ContainerProps,\n  type DividerProps,\n  type FlexProps,\n  type GridProps,\n  type ScrollAreaProps,\n  type SpacerProps,\n  type StackProps,\n} from \"./layout\";\n\n/* -- typography ------------------------------------------------------------ */\nexport {\n  Blockquote,\n  Caption,\n  DefinitionDetail,\n  DefinitionList,\n  DefinitionTerm,\n  Eyebrow,\n  Heading,\n  InlineCode,\n  Kbd,\n  Link,\n  List,\n  Preformatted,\n  Text,\n  textVariants,\n  type HeadingProps,\n  type LinkProps,\n  type ListProps,\n  type PreformattedProps,\n  type TextProps,\n} from \"./typography\";\n\n/* -- the surface ------------------------------------------------------------- */\nexport {\n  Card,\n  CardBody,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n  Panel,\n  type CardProps,\n  type CardTitleProps,\n  type PanelProps,\n} from \"./card\";\n\n/* -- inputs ---------------------------------------------------------------- */\nexport * from \"./inputs\";\n\n/* -- feedback -------------------------------------------------------------- */\nexport * from \"./feedback\";\n\n/* -- overlays -------------------------------------------------------------- */\nexport * from \"./overlays\";\n\n/* -- navigation ------------------------------------------------------------ */\nexport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  Pagination,\n  SkipLink,\n  Step,\n  StepIndicator,\n  StepSeparator,\n  Stepper,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Toolbar,\n  ToolbarButton,\n  paginationLinkVariants,\n  type AccordionProps,\n  type BreadcrumbLinkProps,\n  type CollapsibleProps,\n  type PaginationProps,\n  type SkipLinkProps,\n  type StepProps,\n  type StepperProps,\n  type TabsProps,\n} from \"./navigation\";\n\n/* -- the shared attribute vocabulary --------------------------------------- */\nexport { dataSlot, stateAttributes, type StateAttributes } from \"./internal\";\n\n/* -- formatting ------------------------------------------------------------ */\nexport {\n  TIME_FORMAT_TOKENS,\n  formatBytes,\n  formatDateTime,\n  formatDuration,\n  formatNumber,\n  formatPercent,\n  formatRelativeTime,\n  type ByteSystem,\n  type FormatBytesOptions,\n  type FormatDateTimeOptions,\n  type FormatNumberOptions,\n  type FormatRelativeTimeOptions,\n} from \"./format\";\n"],"mappings":"AAiBA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAWK;AAGP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAMK;AAGP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAGP,cAAc;AAGd,cAAc;AAGd,cAAc;AAGd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OASK;AAGP,SAAS,UAAU,uBAA6C;AAGhE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAMK;","names":[]}