@fasl-work/caos-app-shell 0.18.0 → 0.19.1

package/dist/chunk-DBCMAL2G.js

@@ -1,289 +0,0 @@
-import { LANG_STORAGE_KEY, THEME_STORAGE_KEY } from './chunk-33WTUQ7Q.js';
-import { create } from 'zustand';
-import { useMemo, useState, useRef, useCallback, useEffect } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var KEY = LANG_STORAGE_KEY;
-function readLang() {
-  try {
-    const s = localStorage.getItem(KEY);
-    if (s === "en" || s === "es") return s;
-  } catch {
-  }
-  return "en";
-}
-var useLangStore = create((set, get) => ({
-  lang: readLang(),
-  setLang: (l) => {
-    try {
-      localStorage.setItem(KEY, l);
-    } catch {
-    }
-    set({ lang: l });
-  },
-  toggle: () => {
-    const next = get().lang === "en" ? "es" : "en";
-    try {
-      localStorage.setItem(KEY, next);
-    } catch {
-    }
-    set({ lang: next });
-  }
-}));
-var useShellLang = () => useLangStore((s) => s.lang);
-
-// src/lib/text.ts
-function pick(text, lang) {
-  if (text === void 0) return "";
-  if (typeof text === "string") return text;
-  return text[lang] ?? text.en;
-}
-var KEY2 = THEME_STORAGE_KEY;
-function readTheme() {
-  try {
-    const s = localStorage.getItem(KEY2);
-    if (s === "light" || s === "dark") return s;
-    return window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark";
-  } catch {
-    return "dark";
-  }
-}
-function applyTheme(t) {
-  try {
-    document.documentElement.dataset.theme = t;
-  } catch {
-  }
-}
-var useThemeStore = create((set, get) => ({
-  theme: readTheme(),
-  toggleTheme: () => {
-    const next = get().theme === "dark" ? "light" : "dark";
-    applyTheme(next);
-    try {
-      localStorage.setItem(KEY2, next);
-    } catch {
-    }
-    set({ theme: next });
-  },
-  setTheme: (t) => {
-    applyTheme(t);
-    try {
-      localStorage.setItem(KEY2, t);
-    } catch {
-    }
-    set({ theme: t });
-  }
-}));
-var SHELL_TOKENS = [
-  "--color-bg",
-  "--color-surface",
-  "--color-surface-2",
-  "--color-border",
-  "--color-fg",
-  "--color-fg-subtle",
-  "--color-fg-faint",
-  "--color-accent",
-  "--color-accent-fg",
-  "--color-accent-soft",
-  "--color-accent-2",
-  "--color-magenta",
-  "--color-good",
-  "--color-warn",
-  "--color-bad",
-  "--color-shadow",
-  "--font-sans",
-  "--font-mono",
-  "--text-xs",
-  "--text-sm",
-  "--text-md",
-  "--text-base",
-  "--text-lg",
-  "--text-xl",
-  "--text-2xl",
-  "--space-1",
-  "--space-2",
-  "--space-3",
-  "--space-4",
-  "--space-5",
-  "--space-6",
-  "--radius-sm",
-  "--radius-md",
-  "--radius-lg",
-  "--radius-pill",
-  "--maxw",
-  "--maxw-wide",
-  "--measure",
-  "--measure-text",
-  "--header-h",
-  "--rail-w",
-  "--fade",
-  "--icon-sm",
-  "--icon-md",
-  "--icon-lg",
-  "--z-header",
-  "--z-focus",
-  "--z-modal"
-];
-function resolveToken(token, fallback = "") {
-  if (typeof document === "undefined") return fallback;
-  const v = getComputedStyle(document.documentElement).getPropertyValue(token).trim();
-  return v || fallback;
-}
-function useThemeTokens() {
-  const theme = useThemeStore((s) => s.theme);
-  return useMemo(() => {
-    const out = {};
-    for (const t of SHELL_TOKENS) out[t] = resolveToken(t);
-    return out;
-  }, [theme]);
-}
-
-// src/lib/format.ts
-var LOCALE = { en: "en-US", es: "es-CL" };
-var NBSP = "\xA0";
-var SCIENTIFIC_BELOW = 1e-4;
-function belowScientific(magnitude) {
-  return magnitude !== 0 && Math.abs(magnitude) < SCIENTIFIC_BELOW * (1 - 1e-12);
-}
-var NOT_AVAILABLE = { en: "not available", es: "no disponible" };
-function formatNumber(value, lang, opts = {}) {
-  if (value === null || value === void 0 || !Number.isFinite(value)) return NOT_AVAILABLE[lang];
-  const v = opts.percent ? value * 100 : value;
-  const digits = opts.digits ?? 4;
-  const scientific = v !== 0 && (opts.notation === "scientific" || belowScientific(v));
-  const grouping = opts.grouping === false ? { useGrouping: false } : {};
-  const nf = opts.decimals !== void 0 ? new Intl.NumberFormat(LOCALE[lang], { minimumFractionDigits: opts.decimals, maximumFractionDigits: opts.decimals, ...grouping }) : scientific ? new Intl.NumberFormat(LOCALE[lang], { notation: "scientific", maximumSignificantDigits: digits }) : Math.abs(v) >= 10 ** (digits - 1) ? new Intl.NumberFormat(LOCALE[lang], { maximumFractionDigits: 0, ...grouping }) : new Intl.NumberFormat(LOCALE[lang], { maximumSignificantDigits: digits, ...grouping });
-  return opts.percent ? `${nf.format(v)}${NBSP}%` : nf.format(v);
-}
-function formatTicks(values, lang, opts = {}) {
-  let o = opts;
-  if (opts.decimals === void 0 && opts.notation === void 0) {
-    const scale = opts.percent ? 100 : 1;
-    const small = values.some((v) => v !== null && v !== void 0 && Number.isFinite(v) && belowScientific(v * scale));
-    if (small) o = { ...opts, notation: "scientific" };
-  }
-  return values.map((v) => v === null || v === void 0 ? "" : formatNumber(v, lang, o));
-}
-function useFormat() {
-  const lang = useShellLang();
-  return (value, opts) => formatNumber(value, lang, opts);
-}
-function useStageSize() {
-  const [size, setSize] = useState({ width: 0, height: 0 });
-  const roRef = useRef(null);
-  const ref = useCallback((el) => {
-    roRef.current?.disconnect();
-    roRef.current = null;
-    if (!el) return;
-    const measure = () => {
-      const r = el.getBoundingClientRect();
-      setSize((prev) => prev.width === Math.round(r.width) && prev.height === Math.round(r.height) ? prev : { width: Math.round(r.width), height: Math.round(r.height) });
-    };
-    measure();
-    if (typeof ResizeObserver !== "undefined") {
-      roRef.current = new ResizeObserver(measure);
-      roRef.current.observe(el);
-    }
-  }, []);
-  useEffect(() => () => roRef.current?.disconnect(), []);
-  return [ref, size];
-}
-function Stage({ label, children, className }) {
-  const lang = useShellLang();
-  const [ref, size] = useStageSize();
-  const ready = size.width > 0 && size.height > 0;
-  const name = pick(label, lang);
-  useEffect(() => {
-    if (ready) return;
-    const t = setTimeout(() => {
-      console.error(`[caos-app-shell] Stage "${name}" has no size; give its container a height (ADR-0071 rule 8)`);
-    }, 1500);
-    return () => clearTimeout(t);
-  }, [ready, name]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: ["caos-stage", className].filter(Boolean).join(" "),
-      "data-stage": name,
-      "data-drawn": ready ? "1" : "0",
-      "data-width": size.width,
-      "data-height": size.height,
-      children: ready ? children(size) : null
-    }
-  );
-}
-
-// src/chart/text.ts
-function referenceLineName(lang, n, of) {
-  const base = lang === "es" ? "L\xEDnea de referencia" : "Reference line";
-  return of > 1 ? `${base} ${n}` : base;
-}
-var context;
-function fontFamily() {
-  if (typeof document === "undefined") return "sans-serif";
-  return getComputedStyle(document.documentElement).getPropertyValue("--font-sans").trim() || "sans-serif";
-}
-function textWidth(text, px, weight = 400) {
-  if (context === void 0) {
-    try {
-      context = typeof document === "undefined" ? null : document.createElement("canvas").getContext("2d");
-    } catch {
-      context = null;
-    }
-  }
-  if (!context) return text.length * px * 0.62;
-  context.font = `${weight} ${px}px ${fontFamily()}`;
-  return context.measureText(text).width;
-}
-function widestLabel(labels, px, weight = 400) {
-  return Math.max(0, ...labels.map((label) => textWidth(label, px, weight)));
-}
-function shorten(line, width, px) {
-  if (textWidth(line, px) <= width) return line;
-  let cut = line;
-  while (cut.length > 1 && textWidth(`${cut}\u2026`, px) > width) cut = cut.slice(0, -1);
-  return `${cut.trimEnd()}\u2026`;
-}
-function fitLabel(label, width, px, maxLines = 2) {
-  if (textWidth(label, px) <= width) return { lines: [label], shortened: false };
-  const words = label.split(" ");
-  if (maxLines === 2 && words.length > 1) {
-    let best = null;
-    let bestWidth = Infinity;
-    for (let k = 1; k < words.length; k += 1) {
-      const first = words.slice(0, k).join(" ");
-      const second = words.slice(k).join(" ");
-      const widest = Math.max(textWidth(first, px), textWidth(second, px));
-      if (widest < bestWidth) {
-        bestWidth = widest;
-        best = [first, second];
-      }
-    }
-    if (best && bestWidth <= width) return { lines: best, shortened: false };
-    if (best) return { lines: [shorten(best[0], width, px), shorten(best[1], width, px)], shortened: true };
-  }
-  return { lines: [shorten(label, width, px)], shortened: true };
-}
-function niceStep(x) {
-  if (!(x > 0) || !Number.isFinite(x)) return 1;
-  const magnitude = 10 ** Math.floor(Math.log10(x));
-  return ([1, 2, 2.5, 5, 10].find((m) => m * magnitude >= x * (1 - 1e-12)) ?? 10) * magnitude;
-}
-function niceTicks(lo, hi, room, labelSize, most = 6) {
-  if (!Number.isFinite(lo) || !Number.isFinite(hi)) return [0];
-  if (hi < lo) [lo, hi] = [hi, lo];
-  if (hi === lo) hi = lo === 0 ? 1 : lo + Math.abs(lo);
-  const count = Math.max(2, Math.min(most, Math.floor(room / (labelSize + 16)) + 1));
-  const step = niceStep((hi - lo) / (count - 1));
-  const first = Math.floor(lo / step + 1e-9) * step;
-  const ticks = [];
-  for (let k = 0; first + k * step <= hi + step * 1e-9 || ticks.length < 2; k += 1) {
-    ticks.push(Number((first + k * step).toPrecision(12)));
-    if (ticks.length > 50) break;
-  }
-  if (ticks[ticks.length - 1] < hi - step * 1e-9) ticks.push(Number((ticks[ticks.length - 1] + step).toPrecision(12)));
-  return ticks;
-}
-
-export { NBSP, NOT_AVAILABLE, SCIENTIFIC_BELOW, SHELL_TOKENS, Stage, applyTheme, fitLabel, fontFamily, formatNumber, formatTicks, niceStep, niceTicks, pick, readTheme, referenceLineName, resolveToken, textWidth, useFormat, useLangStore, useShellLang, useStageSize, useThemeStore, useThemeTokens, widestLabel };