@k2b/ui 0.1.0-rc.0

package/dist/ssr/internal/field.js

@@ -0,0 +1,90 @@
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+var _tmpl$ = "<span class=\"k2b-field__required\" aria-hidden=\"true\">*</span>",
+  _tmpl$2 = ["<label", " class=\"k2b-field__label\"", ">", "", "</label>"],
+  _tmpl$3 = ["<p class=\"k2b-field__description\"", ">", "</p>"],
+  _tmpl$4 = ["<p class=\"k2b-field__error\"", " role=\"alert\" aria-live=\"polite\">", "</p>"],
+  _tmpl$5 = ["<div class=\"", "\"", ">", "", "", "", "</div>"],
+  _tmpl$6 = ["<span", " class=\"k2b-field__label\">", "", "</span>"];
+import { createUniqueId, Show } from "solid-js";
+import { resolveMaybeAccessor } from "../inputs/field-contract";
+export const createFieldMeta = id => {
+  const generatedId = createUniqueId();
+  const controlId = id ?? `k2b-field-${generatedId}`;
+  return {
+    controlId,
+    labelId: `${controlId}-label`,
+    descriptionId: `${controlId}-description`,
+    errorId: `${controlId}-error`
+  };
+};
+export function Field(props) {
+  const error = () => resolveMaybeAccessor(props.error);
+  return _$ssr(_tmpl$5, `k2b-field ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-disabled", props.disabled ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-fill", props.fill ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-invalid", error() ? "true" : _$escape(undefined, true), false), _$escape(_$createComponent(Show, {
+    get when() {
+      return props.label;
+    },
+    get children() {
+      return _$createComponent(Show, {
+        get when() {
+          return props.labelFor !== false;
+        },
+        get fallback() {
+          return _$ssr(_tmpl$6, _$ssrAttribute("id", _$escape(props.meta.labelId, true), false), _$escape(props.label), _$escape(_$createComponent(Show, {
+            get when() {
+              return props.required;
+            },
+            get children() {
+              return _$ssr(_tmpl$);
+            }
+          })));
+        },
+        get children() {
+          return _$ssr(_tmpl$2, _$ssrAttribute("id", _$escape(props.meta.labelId, true), false), _$ssrAttribute("for", _$escape(props.labelFor || props.meta.controlId, true), false), _$escape(props.label), _$escape(_$createComponent(Show, {
+            get when() {
+              return props.required;
+            },
+            get children() {
+              return _$ssr(_tmpl$);
+            }
+          })));
+        }
+      });
+    }
+  })), _$escape(_$createComponent(Show, {
+    get when() {
+      return props.description;
+    },
+    get children() {
+      return _$ssr(_tmpl$3, _$ssrAttribute("id", _$escape(props.meta.descriptionId, true), false), _$escape(props.description));
+    }
+  })), _$escape(props.children), _$escape(_$createComponent(Show, {
+    get when() {
+      return error();
+    },
+    get children() {
+      return _$ssr(_tmpl$4, _$ssrAttribute("id", _$escape(props.meta.errorId, true), false), _$escape(error()));
+    }
+  })));
+}
+export const fieldDescribedBy = (meta, owner) => [owner["aria-describedby"], owner.description ? meta.descriptionId : undefined, resolveMaybeAccessor(owner.error) ? meta.errorId : undefined].filter(Boolean).join(" ") || undefined;
+export const fieldControlAria = (meta, owner) => ({
+  get "aria-label"() {
+    return owner.label ? undefined : owner["aria-label"];
+  },
+  get "aria-labelledby"() {
+    return owner.label ? meta.labelId : undefined;
+  },
+  get "aria-describedby"() {
+    return fieldDescribedBy(meta, owner);
+  },
+  get "aria-invalid"() {
+    return resolveMaybeAccessor(owner.error) ? "true" : undefined;
+  },
+  get "aria-required"() {
+    return owner.required || undefined;
+  }
+});
+//# sourceMappingURL=field.js.map

package/dist/ssr/internal/field.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createUniqueId","Show","resolveMaybeAccessor","createFieldMeta","id","generatedId","controlId","labelId","descriptionId","errorId","Field","props","error","_$ssr","_tmpl$5","_$escape","class","_$ssrAttribute","disabled","undefined","fill","_$createComponent","when","label","children","labelFor","fallback","_tmpl$6","meta","required","_tmpl$","_tmpl$2","description","_tmpl$3","_tmpl$4","fieldDescribedBy","owner","filter","Boolean","join","fieldControlAria","aria-label","aria-labelledby","aria-describedby","aria-invalid","aria-required"],"sources":["internal/field.tsx"],"sourcesContent":["import { createUniqueId, type JSX, Show } from \"solid-js\";\nimport type { FieldProps } from \"../inputs/field-contract\";\nimport { resolveMaybeAccessor } from \"../inputs/field-contract\";\n\nexport type FieldMeta = {\n  controlId: string;\n  labelId: string;\n  descriptionId: string;\n  errorId: string;\n};\n\nexport const createFieldMeta = (id?: string): FieldMeta => {\n  const generatedId = createUniqueId();\n  const controlId = id ?? `k2b-field-${generatedId}`;\n\n  return {\n    controlId,\n    labelId: `${controlId}-label`,\n    descriptionId: `${controlId}-description`,\n    errorId: `${controlId}-error`,\n  };\n};\n\ntype FieldLayoutProps = {\n  children: JSX.Element;\n  meta: FieldMeta;\n  fill?: boolean;\n  /** Composite controls use aria-labelledby instead of an HTML label target. */\n  labelFor?: string | false;\n} & Pick<FieldProps, \"class\" | \"description\" | \"error\" | \"label\" | \"required\" | \"disabled\">;\n\nexport function Field(props: FieldLayoutProps): JSX.Element {\n  const error = () => resolveMaybeAccessor(props.error);\n\n  return (\n    <div\n      class={`k2b-field ${props.class ?? \"\"}`}\n      data-disabled={props.disabled ? \"true\" : undefined}\n      data-fill={props.fill ? \"true\" : undefined}\n      data-invalid={error() ? \"true\" : undefined}\n    >\n      <Show when={props.label}>\n        <Show\n          when={props.labelFor !== false}\n          fallback={\n            <span id={props.meta.labelId} class=\"k2b-field__label\">\n              {props.label}\n              <Show when={props.required}>\n                <span class=\"k2b-field__required\" aria-hidden=\"true\">\n                  *\n                </span>\n              </Show>\n            </span>\n          }\n        >\n          <label id={props.meta.labelId} class=\"k2b-field__label\" for={props.labelFor || props.meta.controlId}>\n            {props.label}\n            <Show when={props.required}>\n              <span class=\"k2b-field__required\" aria-hidden=\"true\">\n                *\n              </span>\n            </Show>\n          </label>\n        </Show>\n      </Show>\n      <Show when={props.description}>\n        <p class=\"k2b-field__description\" id={props.meta.descriptionId}>\n          {props.description}\n        </p>\n      </Show>\n      {props.children}\n      <Show when={error()}>\n        <p class=\"k2b-field__error\" id={props.meta.errorId} role=\"alert\" aria-live=\"polite\">\n          {error()}\n        </p>\n      </Show>\n    </div>\n  );\n}\n\ntype FieldAriaOwner = Pick<FieldProps, \"aria-describedby\" | \"aria-label\" | \"description\" | \"error\" | \"label\" | \"required\">;\n\nexport const fieldDescribedBy = (meta: FieldMeta, owner: FieldAriaOwner): string | undefined =>\n  [\n    owner[\"aria-describedby\"],\n    owner.description ? meta.descriptionId : undefined,\n    resolveMaybeAccessor(owner.error) ? meta.errorId : undefined,\n  ]\n    .filter(Boolean)\n    .join(\" \") || undefined;\n\nexport const fieldControlAria = (meta: FieldMeta, owner: FieldAriaOwner) => ({\n  get \"aria-label\"() {\n    return owner.label ? undefined : owner[\"aria-label\"];\n  },\n  get \"aria-labelledby\"() {\n    return owner.label ? meta.labelId : undefined;\n  },\n  get \"aria-describedby\"() {\n    return fieldDescribedBy(meta, owner);\n  },\n  get \"aria-invalid\"() {\n    return resolveMaybeAccessor(owner.error) ? (\"true\" as const) : undefined;\n  },\n  get \"aria-required\"() {\n    return owner.required || undefined;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/internal/portal.js

@@ -0,0 +1,17 @@
+const PORTAL_ATTRIBUTE = "data-k2b-ui-portal";
+const activeScope = () => {
+  const active = document.activeElement;
+  return active instanceof Element ? active.closest(".k2b-ui") ?? undefined : undefined;
+};
+export const getK2bPortalRoot = scope => {
+  const owner = scope ?? activeScope() ?? document.querySelector(".k2b-ui") ?? document.body;
+  const existing = Array.from(owner.children).find(child => child instanceof HTMLElement && child.hasAttribute(PORTAL_ATTRIBUTE));
+  if (existing instanceof HTMLElement) return existing;
+  const root = document.createElement("div");
+  root.setAttribute(PORTAL_ATTRIBUTE, "");
+  root.classList.add("k2b-ui-portal");
+  if (owner === document.body) root.classList.add("k2b-ui");
+  owner.appendChild(root);
+  return root;
+};
+//# sourceMappingURL=portal.js.map

package/dist/ssr/internal/portal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PORTAL_ATTRIBUTE","activeScope","active","document","activeElement","Element","closest","undefined","getK2bPortalRoot","scope","owner","querySelector","body","existing","Array","from","children","find","child","HTMLElement","hasAttribute","root","createElement","setAttribute","classList","add","appendChild"],"sources":["internal/portal.ts"],"sourcesContent":["const PORTAL_ATTRIBUTE = \"data-k2b-ui-portal\";\n\nconst activeScope = (): HTMLElement | undefined => {\n  const active = document.activeElement;\n  return active instanceof Element ? ((active.closest(\".k2b-ui\") as HTMLElement | null) ?? undefined) : undefined;\n};\n\nexport const getK2bPortalRoot = (scope?: HTMLElement | null): HTMLElement => {\n  const owner = scope ?? activeScope() ?? document.querySelector<HTMLElement>(\".k2b-ui\") ?? document.body;\n  const existing = Array.from(owner.children).find((child) => child instanceof HTMLElement && child.hasAttribute(PORTAL_ATTRIBUTE));\n  if (existing instanceof HTMLElement) return existing;\n\n  const root = document.createElement(\"div\");\n  root.setAttribute(PORTAL_ATTRIBUTE, \"\");\n  root.classList.add(\"k2b-ui-portal\");\n  if (owner === document.body) root.classList.add(\"k2b-ui\");\n  owner.appendChild(root);\n  return root;\n};\n"],"mappings":"AAAA,MAAMA,gBAAgB,GAAG,oBAAoB;AAE7C,MAAMC,WAAW,GAAGA,CAAA,KAA+B;EACjD,MAAMC,MAAM,GAAGC,QAAQ,CAACC,aAAa;EACrC,OAAOF,MAAM,YAAYG,OAAO,GAAKH,MAAM,CAACI,OAAO,CAAC,SAAS,CAAC,IAA2BC,SAAS,GAAIA,SAAS;AACjH,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAIC,KAA0B,IAAkB;EAC3E,MAAMC,KAAK,GAAGD,KAAK,IAAIR,WAAW,CAAC,CAAC,IAAIE,QAAQ,CAACQ,aAAa,CAAc,SAAS,CAAC,IAAIR,QAAQ,CAACS,IAAI;EACvG,MAAMC,QAAQ,GAAGC,KAAK,CAACC,IAAI,CAACL,KAAK,CAACM,QAAQ,CAAC,CAACC,IAAI,CAAEC,KAAK,IAAKA,KAAK,YAAYC,WAAW,IAAID,KAAK,CAACE,YAAY,CAACpB,gBAAgB,CAAC,CAAC;EACjI,IAAIa,QAAQ,YAAYM,WAAW,EAAE,OAAON,QAAQ;EAEpD,MAAMQ,IAAI,GAAGlB,QAAQ,CAACmB,aAAa,CAAC,KAAK,CAAC;EAC1CD,IAAI,CAACE,YAAY,CAACvB,gBAAgB,EAAE,EAAE,CAAC;EACvCqB,IAAI,CAACG,SAAS,CAACC,GAAG,CAAC,eAAe,CAAC;EACnC,IAAIf,KAAK,KAAKP,QAAQ,CAACS,IAAI,EAAES,IAAI,CAACG,SAAS,CAACC,GAAG,CAAC,QAAQ,CAAC;EACzDf,KAAK,CAACgB,WAAW,CAACL,IAAI,CAAC;EACvB,OAAOA,IAAI;AACb,CAAC","ignoreList":[]}

package/dist/ssr/intl/Format.js

@@ -0,0 +1,192 @@
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ssrElement as _$ssrElement } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+import { dates, text } from "@k2b/stdlib";
+import { Show, splitProps } from "solid-js";
+import { useLocale } from "./locale";
+const FALLBACK = "—";
+
+// Temporal components render `<time>` for valid values and a `<span>` fallback
+// otherwise, so their native attributes are typed against the shared element
+// base; `ref` is excluded because its value form is element-specific. The
+// `datetime` attribute is owned by the component itself.
+
+const toDate = value => {
+  if (value == null) return null;
+  const date = typeof value === "string" ? new Date(value) : value;
+  return Number.isNaN(date.getTime()) ? null : date;
+};
+
+/** ISO 8601 duration for the `<time datetime>` attribute, e.g. `"PT2H30M"`. */
+const isoDuration = ms => {
+  const totalMilliseconds = Math.round(ms);
+  if (totalMilliseconds <= 0) return "PT0S";
+  const totalSeconds = Math.floor(totalMilliseconds / 1000);
+  const milliseconds = totalMilliseconds % 1000;
+  const days = Math.floor(totalSeconds / 86_400);
+  const hours = Math.floor(totalSeconds % 86_400 / 3_600);
+  const minutes = Math.floor(totalSeconds % 3_600 / 60);
+  const seconds = totalSeconds % 60;
+  const fractionalSeconds = milliseconds ? `${seconds}.${String(milliseconds).padStart(3, "0").replace(/0+$/, "")}S` : "";
+  const time = `${hours ? `${hours}H` : ""}${minutes ? `${minutes}M` : ""}${fractionalSeconds || (seconds ? `${seconds}S` : "")}`;
+  return `P${days ? `${days}D` : ""}${time ? `T${time}` : ""}`;
+};
+const FormatNumber = props => {
+  const [own, rest] = splitProps(props, ["value", "locale", "compact", "decimals", "fallback"]);
+  const locale = useLocale();
+  return _$ssrElement("span", rest, _$escape(text.pprintNumber(own.value, {
+    locale: own.locale ?? locale(),
+    compact: own.compact,
+    decimals: own.decimals,
+    fallback: own.fallback
+  })), false);
+};
+const FormatPercent = props => {
+  const [own, rest] = splitProps(props, ["value", "locale", "decimals", "clamp", "fallback"]);
+  const locale = useLocale();
+  return _$ssrElement("span", rest, _$escape(text.pprintPercent(own.value, {
+    locale: own.locale ?? locale(),
+    decimals: own.decimals,
+    clamp: own.clamp,
+    fallback: own.fallback
+  })), false);
+};
+const FormatCurrency = props => {
+  const [own, rest] = splitProps(props, ["value", "currency", "locale", "decimals", "fallback"]);
+  const locale = useLocale();
+  return _$ssrElement("span", rest, _$escape(text.pprintCurrency(own.value, own.currency, {
+    locale: own.locale ?? locale(),
+    decimals: own.decimals,
+    fallback: own.fallback
+  })), false);
+};
+const FormatBytes = props => {
+  const [own, rest] = splitProps(props, ["value", "locale", "mode", "fallback"]);
+  const locale = useLocale();
+  return _$ssrElement("span", rest, typeof own.value === "number" && Number.isFinite(own.value) ? _$escape(text.pprintBytes(own.value, {
+    locale: own.locale ?? locale(),
+    mode: own.mode
+  })) : _$escape(own.fallback ?? FALLBACK), false);
+};
+const temporalComponent = format => props => {
+  const [own, rest] = splitProps(props, ["value", "locale", "timeZone", "fallback"]);
+  const locale = useLocale();
+  return _$createComponent(Show, {
+    get when() {
+      return toDate(own.value);
+    },
+    get fallback() {
+      return _$ssrElement("span", rest, _$escape(own.fallback ?? FALLBACK), false);
+    },
+    children: date => _$ssrElement("time", _$mergeProps(rest, {
+      get datetime() {
+        return date().toISOString();
+      }
+    }), _$escape(format(date(), {
+      locale: own.locale ?? locale(),
+      timeZone: own.timeZone ?? "UTC"
+    })), false)
+  });
+};
+const FormatDate = temporalComponent((date, context) => dates.formatDate(date, context));
+const FormatTime = temporalComponent((date, context) => dates.formatTime(date, context));
+const FormatDateTime = temporalComponent((date, context) => dates.formatDateTime(date, context));
+const FormatRelativeTime = props => {
+  const [own, rest] = splitProps(props, ["value", "locale", "base", "timeZone", "fallback"]);
+  const locale = useLocale();
+  return _$createComponent(Show, {
+    get when() {
+      return toDate(own.value);
+    },
+    get fallback() {
+      return _$ssrElement("span", rest, _$escape(own.fallback ?? FALLBACK), false);
+    },
+    children: date => _$ssrElement("time", _$mergeProps(rest, {
+      get datetime() {
+        return date().toISOString();
+      }
+    }), _$escape(dates.formatTimeSpan(date(), {
+      locale: own.locale ?? locale(),
+      base: own.base,
+      timeZone: own.timeZone ?? "UTC"
+    })), false)
+  });
+};
+const FormatDuration = props => {
+  const [own, rest] = splitProps(props, ["from", "to", "locale", "fallback"]);
+  const locale = useLocale();
+  const range = () => {
+    const from = toDate(own.from);
+    const to = toDate(own.to);
+    return from && to ? {
+      from,
+      to
+    } : null;
+  };
+  return _$createComponent(Show, {
+    get when() {
+      return range();
+    },
+    get fallback() {
+      return _$ssrElement("span", rest, _$escape(own.fallback ?? FALLBACK), false);
+    },
+    children: value => _$ssrElement("time", _$mergeProps(rest, {
+      get datetime() {
+        return isoDuration(Math.abs(value().to.getTime() - value().from.getTime()));
+      }
+    }), _$escape(dates.formatDuration(value().from, value().to, {
+      locale: own.locale ?? locale()
+    })), false)
+  });
+};
+const FormatDurationMs = props => {
+  const [own, rest] = splitProps(props, ["value", "locale", "fallback"]);
+  const locale = useLocale();
+  // Wrapped in an object because a valid duration of 0ms is falsy.
+  const valid = () => {
+    const value = own.value;
+    return typeof value === "number" && Number.isFinite(value) && value >= 0 ? {
+      ms: value
+    } : null;
+  };
+  return _$createComponent(Show, {
+    get when() {
+      return valid();
+    },
+    get fallback() {
+      return _$ssrElement("span", rest, _$escape(own.fallback ?? FALLBACK), false);
+    },
+    children: duration => _$ssrElement("time", _$mergeProps(rest, {
+      get datetime() {
+        return isoDuration(duration().ms);
+      }
+    }), _$escape(text.pprintDurationMs(duration().ms, {
+      locale: own.locale ?? locale()
+    })), false)
+  });
+};
+
+/**
+ * Unstyled semantic formatter components backed by `@k2b/stdlib`.
+ *
+ * Numeric components render a plain `<span>`; date/time components render
+ * `<time>` with a canonical `datetime` attribute. All components inherit the
+ * render locale (see `LocaleProvider` / `useLocale`) and accept an explicit
+ * `locale` override. Date, Time, and DateTime format in UTC unless an
+ * explicit `timeZone` is given, so server and browser output never diverge
+ * with the runtime timezone.
+ */
+export const Format = {
+  Number: FormatNumber,
+  Percent: FormatPercent,
+  Currency: FormatCurrency,
+  Bytes: FormatBytes,
+  Date: FormatDate,
+  Time: FormatTime,
+  DateTime: FormatDateTime,
+  RelativeTime: FormatRelativeTime,
+  Duration: FormatDuration,
+  DurationMs: FormatDurationMs
+};
+//# sourceMappingURL=Format.js.map

package/dist/ssr/intl/Format.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dates","text","Show","splitProps","useLocale","FALLBACK","toDate","value","date","Date","Number","isNaN","getTime","isoDuration","ms","totalMilliseconds","Math","round","totalSeconds","floor","milliseconds","days","hours","minutes","seconds","fractionalSeconds","String","padStart","replace","time","FormatNumber","props","own","rest","locale","_$ssrElement","_$escape","pprintNumber","compact","decimals","fallback","FormatPercent","pprintPercent","clamp","FormatCurrency","pprintCurrency","currency","FormatBytes","isFinite","pprintBytes","mode","temporalComponent","format","_$createComponent","when","children","_$mergeProps","datetime","toISOString","timeZone","FormatDate","context","formatDate","FormatTime","formatTime","FormatDateTime","formatDateTime","FormatRelativeTime","formatTimeSpan","base","FormatDuration","range","from","to","abs","formatDuration","FormatDurationMs","valid","duration","pprintDurationMs","Format","Percent","Currency","Bytes","Time","DateTime","RelativeTime","Duration","DurationMs"],"sources":["intl/Format.tsx"],"sourcesContent":["import { type ByteMode, dates, text } from \"@k2b/stdlib\";\nimport { type JSX, Show, splitProps } from \"solid-js\";\nimport { useLocale } from \"./locale\";\n\nconst FALLBACK = \"—\";\n\ntype SpanProps = JSX.HTMLAttributes<HTMLSpanElement>;\n// Temporal components render `<time>` for valid values and a `<span>` fallback\n// otherwise, so their native attributes are typed against the shared element\n// base; `ref` is excluded because its value form is element-specific. The\n// `datetime` attribute is owned by the component itself.\ntype TimeElementProps = Omit<JSX.HTMLAttributes<HTMLElement>, \"ref\">;\n\ntype LocaleProp = {\n  /** Explicit locale override; defaults to the inherited render locale. */\n  locale?: string;\n};\n\ntype FallbackProp = {\n  /** Text rendered for null or invalid input. Defaults to `\"—\"`. */\n  fallback?: string;\n};\n\nexport type FormatNumberProps = SpanProps &\n  LocaleProp &\n  FallbackProp & {\n    value: number | null | undefined;\n    /** Use deterministic compact suffixes (`k`, `M`, `B`, `T`). */\n    compact?: boolean;\n    /** Fixed fraction digits. */\n    decimals?: number;\n  };\n\nexport type FormatPercentProps = SpanProps &\n  LocaleProp &\n  FallbackProp & {\n    /** Ratio input: `0.12` renders as `12%`. */\n    value: number | null | undefined;\n    /** Fixed fraction digits. Defaults to 0. */\n    decimals?: number;\n    /** Clamp the ratio to 0..1 before formatting. */\n    clamp?: boolean;\n  };\n\nexport type FormatCurrencyProps = SpanProps &\n  LocaleProp &\n  FallbackProp & {\n    value: number | null | undefined;\n    /** ISO 4217 currency code, e.g. `\"EUR\"` or `\"USD\"`. */\n    currency: string;\n    /** Fixed fraction digits. Defaults to the currency's standard digits. */\n    decimals?: number;\n  };\n\nexport type FormatBytesProps = SpanProps &\n  LocaleProp &\n  FallbackProp & {\n    value: number | null | undefined;\n    /** `\"iec\"` (default, 1024-base) or `\"si\"` (1000-base). */\n    mode?: ByteMode;\n  };\n\nexport type FormatDateProps = TimeElementProps &\n  LocaleProp &\n  FallbackProp & {\n    value: Date | string | null | undefined;\n    /** IANA timezone. Defaults to `\"UTC\"` so server and browser text agree. */\n    timeZone?: string;\n  };\n\nexport type FormatTimeProps = FormatDateProps;\nexport type FormatDateTimeProps = FormatDateProps;\n\nexport type FormatRelativeTimeProps = TimeElementProps &\n  LocaleProp &\n  FallbackProp & {\n    value: Date | string | null | undefined;\n    /** Deterministic base timestamp; defaults to now. */\n    base?: Date | string;\n    /** IANA timezone used to select calendar-relative labels. Defaults to `\"UTC\"`. */\n    timeZone?: string;\n  };\n\nexport type FormatDurationProps = TimeElementProps &\n  LocaleProp &\n  FallbackProp & {\n    from: Date | string | null | undefined;\n    to: Date | string | null | undefined;\n  };\n\nexport type FormatDurationMsProps = TimeElementProps &\n  LocaleProp &\n  FallbackProp & {\n    /** Duration in milliseconds. */\n    value: number | null | undefined;\n  };\n\nconst toDate = (value: Date | string | null | undefined): Date | null => {\n  if (value == null) return null;\n  const date = typeof value === \"string\" ? new Date(value) : value;\n  return Number.isNaN(date.getTime()) ? null : date;\n};\n\n/** ISO 8601 duration for the `<time datetime>` attribute, e.g. `\"PT2H30M\"`. */\nconst isoDuration = (ms: number): string => {\n  const totalMilliseconds = Math.round(ms);\n  if (totalMilliseconds <= 0) return \"PT0S\";\n  const totalSeconds = Math.floor(totalMilliseconds / 1000);\n  const milliseconds = totalMilliseconds % 1000;\n  const days = Math.floor(totalSeconds / 86_400);\n  const hours = Math.floor((totalSeconds % 86_400) / 3_600);\n  const minutes = Math.floor((totalSeconds % 3_600) / 60);\n  const seconds = totalSeconds % 60;\n  const fractionalSeconds = milliseconds ? `${seconds}.${String(milliseconds).padStart(3, \"0\").replace(/0+$/, \"\")}S` : \"\";\n  const time = `${hours ? `${hours}H` : \"\"}${minutes ? `${minutes}M` : \"\"}${fractionalSeconds || (seconds ? `${seconds}S` : \"\")}`;\n  return `P${days ? `${days}D` : \"\"}${time ? `T${time}` : \"\"}`;\n};\n\nconst FormatNumber = (props: FormatNumberProps): JSX.Element => {\n  const [own, rest] = splitProps(props, [\"value\", \"locale\", \"compact\", \"decimals\", \"fallback\"]);\n  const locale = useLocale();\n  return (\n    <span {...rest}>\n      {text.pprintNumber(own.value, {\n        locale: own.locale ?? locale(),\n        compact: own.compact,\n        decimals: own.decimals,\n        fallback: own.fallback,\n      })}\n    </span>\n  );\n};\n\nconst FormatPercent = (props: FormatPercentProps): JSX.Element => {\n  const [own, rest] = splitProps(props, [\"value\", \"locale\", \"decimals\", \"clamp\", \"fallback\"]);\n  const locale = useLocale();\n  return (\n    <span {...rest}>\n      {text.pprintPercent(own.value, {\n        locale: own.locale ?? locale(),\n        decimals: own.decimals,\n        clamp: own.clamp,\n        fallback: own.fallback,\n      })}\n    </span>\n  );\n};\n\nconst FormatCurrency = (props: FormatCurrencyProps): JSX.Element => {\n  const [own, rest] = splitProps(props, [\"value\", \"currency\", \"locale\", \"decimals\", \"fallback\"]);\n  const locale = useLocale();\n  return (\n    <span {...rest}>\n      {text.pprintCurrency(own.value, own.currency, {\n        locale: own.locale ?? locale(),\n        decimals: own.decimals,\n        fallback: own.fallback,\n      })}\n    </span>\n  );\n};\n\nconst FormatBytes = (props: FormatBytesProps): JSX.Element => {\n  const [own, rest] = splitProps(props, [\"value\", \"locale\", \"mode\", \"fallback\"]);\n  const locale = useLocale();\n  return (\n    <span {...rest}>\n      {typeof own.value === \"number\" && Number.isFinite(own.value)\n        ? text.pprintBytes(own.value, { locale: own.locale ?? locale(), mode: own.mode })\n        : (own.fallback ?? FALLBACK)}\n    </span>\n  );\n};\n\ntype TemporalFormatter = (date: Date, context: { locale: string; timeZone: string }) => string;\n\nconst temporalComponent =\n  (format: TemporalFormatter) =>\n  (props: FormatDateProps): JSX.Element => {\n    const [own, rest] = splitProps(props, [\"value\", \"locale\", \"timeZone\", \"fallback\"]);\n    const locale = useLocale();\n    return (\n      <Show when={toDate(own.value)} fallback={<span {...rest}>{own.fallback ?? FALLBACK}</span>}>\n        {(date) => (\n          <time {...rest} datetime={date().toISOString()}>\n            {format(date(), { locale: own.locale ?? locale(), timeZone: own.timeZone ?? \"UTC\" })}\n          </time>\n        )}\n      </Show>\n    );\n  };\n\nconst FormatDate = temporalComponent((date, context) => dates.formatDate(date, context));\nconst FormatTime = temporalComponent((date, context) => dates.formatTime(date, context));\nconst FormatDateTime = temporalComponent((date, context) => dates.formatDateTime(date, context));\n\nconst FormatRelativeTime = (props: FormatRelativeTimeProps): JSX.Element => {\n  const [own, rest] = splitProps(props, [\"value\", \"locale\", \"base\", \"timeZone\", \"fallback\"]);\n  const locale = useLocale();\n  return (\n    <Show when={toDate(own.value)} fallback={<span {...rest}>{own.fallback ?? FALLBACK}</span>}>\n      {(date) => (\n        <time {...rest} datetime={date().toISOString()}>\n          {dates.formatTimeSpan(date(), { locale: own.locale ?? locale(), base: own.base, timeZone: own.timeZone ?? \"UTC\" })}\n        </time>\n      )}\n    </Show>\n  );\n};\n\nconst FormatDuration = (props: FormatDurationProps): JSX.Element => {\n  const [own, rest] = splitProps(props, [\"from\", \"to\", \"locale\", \"fallback\"]);\n  const locale = useLocale();\n  const range = () => {\n    const from = toDate(own.from);\n    const to = toDate(own.to);\n    return from && to ? { from, to } : null;\n  };\n  return (\n    <Show when={range()} fallback={<span {...rest}>{own.fallback ?? FALLBACK}</span>}>\n      {(value) => (\n        <time {...rest} datetime={isoDuration(Math.abs(value().to.getTime() - value().from.getTime()))}>\n          {dates.formatDuration(value().from, value().to, { locale: own.locale ?? locale() })}\n        </time>\n      )}\n    </Show>\n  );\n};\n\nconst FormatDurationMs = (props: FormatDurationMsProps): JSX.Element => {\n  const [own, rest] = splitProps(props, [\"value\", \"locale\", \"fallback\"]);\n  const locale = useLocale();\n  // Wrapped in an object because a valid duration of 0ms is falsy.\n  const valid = (): { ms: number } | null => {\n    const value = own.value;\n    return typeof value === \"number\" && Number.isFinite(value) && value >= 0 ? { ms: value } : null;\n  };\n  return (\n    <Show when={valid()} fallback={<span {...rest}>{own.fallback ?? FALLBACK}</span>}>\n      {(duration) => (\n        <time {...rest} datetime={isoDuration(duration().ms)}>\n          {text.pprintDurationMs(duration().ms, { locale: own.locale ?? locale() })}\n        </time>\n      )}\n    </Show>\n  );\n};\n\n/**\n * Unstyled semantic formatter components backed by `@k2b/stdlib`.\n *\n * Numeric components render a plain `<span>`; date/time components render\n * `<time>` with a canonical `datetime` attribute. All components inherit the\n * render locale (see `LocaleProvider` / `useLocale`) and accept an explicit\n * `locale` override. Date, Time, and DateTime format in UTC unless an\n * explicit `timeZone` is given, so server and browser output never diverge\n * with the runtime timezone.\n */\nexport const Format = {\n  Number: FormatNumber,\n  Percent: FormatPercent,\n  Currency: FormatCurrency,\n  Bytes: FormatBytes,\n  Date: FormatDate,\n  Time: FormatTime,\n  DateTime: FormatDateTime,\n  RelativeTime: FormatRelativeTime,\n  Duration: FormatDuration,\n  DurationMs: FormatDurationMs,\n} as const;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/intl/index.js

@@ -0,0 +1,3 @@
+export { Format } from "./Format";
+export { LocaleProvider, useLocale } from "./locale";
+//# sourceMappingURL=index.js.map

package/dist/ssr/intl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Format","LocaleProvider","useLocale"],"sources":["intl/index.ts"],"sourcesContent":["export type {\n  FormatBytesProps,\n  FormatCurrencyProps,\n  FormatDateProps,\n  FormatDateTimeProps,\n  FormatDurationMsProps,\n  FormatDurationProps,\n  FormatNumberProps,\n  FormatPercentProps,\n  FormatRelativeTimeProps,\n  FormatTimeProps,\n} from \"./Format\";\nexport { Format } from \"./Format\";\nexport type { LocaleProviderProps } from \"./locale\";\nexport { LocaleProvider, useLocale } from \"./locale\";\n"],"mappings":"AAYA,SAASA,MAAM,QAAQ,UAAU;AAEjC,SAASC,cAAc,EAAEC,SAAS,QAAQ,UAAU","ignoreList":[]}

package/dist/ssr/intl/locale.js

@@ -0,0 +1,63 @@
+import { createComponent as _$createComponent } from "solid-js/web";
+import { createContext, useContext } from "solid-js";
+import { isServer } from "solid-js/web";
+
+/**
+ * Deterministic fallback locale used when neither a `LocaleProvider` nor a
+ * browser `<html lang>` value is available.
+ */
+export const DEFAULT_LOCALE = "en";
+const LocaleContext = createContext();
+/**
+ * Provides the render locale to all descendant `@k2b/ui` components.
+ *
+ * On the server this is the only locale source, so SSR consumers wrap their
+ * page in a provider and emit a matching `<html lang>` attribute. A browser
+ * island is an independent Solid root: an outer server-side provider does not
+ * survive the island's browser re-render, which instead falls back to
+ * `document.documentElement.lang`. Keeping `<html lang>` equal to the server
+ * provider locale therefore keeps both passes coherent.
+ */
+export const LocaleProvider = props => _$createComponent(LocaleContext.Provider, {
+  value: () => props.locale,
+  get children() {
+    return props.children;
+  }
+});
+
+/**
+ * Resolves the effective render locale as a reactive accessor.
+ *
+ * Precedence: nearest `LocaleProvider`, then the browser's
+ * `document.documentElement.lang`, then `"en"`. Components with an explicit
+ * `locale` prop apply it before consulting this hook.
+ */
+export const useLocale = () => {
+  const provided = useContext(LocaleContext);
+  if (provided) return provided;
+  if (isServer) return () => DEFAULT_LOCALE;
+  return () => document.documentElement.lang || DEFAULT_LOCALE;
+};
+
+/**
+ * Effective date config for date surfaces: an explicit `dateConfig.locale`
+ * wins, otherwise the inherited render locale fills the gap. Timezone and
+ * week-start configuration pass through untouched.
+ */
+export const useDateConfigLocale = config => {
+  const locale = useLocale();
+  return () => {
+    const current = config();
+    return current?.locale ? current : {
+      ...current,
+      locale: locale()
+    };
+  };
+};
+
+/**
+ * The decimal separator `Intl.NumberFormat` uses for a locale, e.g. `"."`
+ * for English and `","` for German.
+ */
+export const decimalSeparator = locale => new Intl.NumberFormat(locale).formatToParts(1.1).find(part => part.type === "decimal")?.value ?? ".";
+//# sourceMappingURL=locale.js.map

package/dist/ssr/intl/locale.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","isServer","DEFAULT_LOCALE","LocaleContext","LocaleProvider","props","_$createComponent","Provider","value","locale","children","useLocale","provided","document","documentElement","lang","useDateConfigLocale","config","current","decimalSeparator","Intl","NumberFormat","formatToParts","find","part","type"],"sources":["intl/locale.tsx"],"sourcesContent":["import type { DateContext } from \"@k2b/stdlib\";\nimport { createContext, type JSX, useContext } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\n\n/**\n * Deterministic fallback locale used when neither a `LocaleProvider` nor a\n * browser `<html lang>` value is available.\n */\nexport const DEFAULT_LOCALE = \"en\";\n\nconst LocaleContext = createContext<() => string>();\n\nexport type LocaleProviderProps = {\n  /** BCP 47 locale tag, e.g. `\"en\"`, `\"de\"`, or `\"de-AT\"`. */\n  locale: string;\n  children?: JSX.Element;\n};\n\n/**\n * Provides the render locale to all descendant `@k2b/ui` components.\n *\n * On the server this is the only locale source, so SSR consumers wrap their\n * page in a provider and emit a matching `<html lang>` attribute. A browser\n * island is an independent Solid root: an outer server-side provider does not\n * survive the island's browser re-render, which instead falls back to\n * `document.documentElement.lang`. Keeping `<html lang>` equal to the server\n * provider locale therefore keeps both passes coherent.\n */\nexport const LocaleProvider = (props: LocaleProviderProps): JSX.Element => (\n  <LocaleContext.Provider value={() => props.locale}>{props.children}</LocaleContext.Provider>\n);\n\n/**\n * Resolves the effective render locale as a reactive accessor.\n *\n * Precedence: nearest `LocaleProvider`, then the browser's\n * `document.documentElement.lang`, then `\"en\"`. Components with an explicit\n * `locale` prop apply it before consulting this hook.\n */\nexport const useLocale = (): (() => string) => {\n  const provided = useContext(LocaleContext);\n  if (provided) return provided;\n  if (isServer) return () => DEFAULT_LOCALE;\n  return () => document.documentElement.lang || DEFAULT_LOCALE;\n};\n\n/**\n * Effective date config for date surfaces: an explicit `dateConfig.locale`\n * wins, otherwise the inherited render locale fills the gap. Timezone and\n * week-start configuration pass through untouched.\n */\nexport const useDateConfigLocale = (config: () => DateContext | undefined): (() => DateContext) => {\n  const locale = useLocale();\n  return () => {\n    const current = config();\n    return current?.locale ? current : { ...current, locale: locale() };\n  };\n};\n\n/**\n * The decimal separator `Intl.NumberFormat` uses for a locale, e.g. `\".\"`\n * for English and `\",\"` for German.\n */\nexport const decimalSeparator = (locale: string): string =>\n  new Intl.NumberFormat(locale).formatToParts(1.1).find((part) => part.type === \"decimal\")?.value ?? \".\";\n"],"mappings":";AACA,SAASA,aAAa,EAAYC,UAAU,QAAQ,UAAU;AAC9D,SAASC,QAAQ,QAAQ,cAAc;;AAEvC;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAG,IAAI;AAElC,MAAMC,aAAa,GAAGJ,aAAa,CAAe,CAAC;AAQnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMK,cAAc,GAAIC,KAA0B,IAAAC,iBAAA,CACtDH,aAAa,CAACI,QAAQ;EAACC,KAAK,EAAEA,CAAA,KAAMH,KAAK,CAACI,MAAM;EAAA,IAAAC,SAAA;IAAA,OAAGL,KAAK,CAACK,QAAQ;EAAA;AAAA,EACnE;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAsB;EAC7C,MAAMC,QAAQ,GAAGZ,UAAU,CAACG,aAAa,CAAC;EAC1C,IAAIS,QAAQ,EAAE,OAAOA,QAAQ;EAC7B,IAAIX,QAAQ,EAAE,OAAO,MAAMC,cAAc;EACzC,OAAO,MAAMW,QAAQ,CAACC,eAAe,CAACC,IAAI,IAAIb,cAAc;AAC9D,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMc,mBAAmB,GAAIC,MAAqC,IAA0B;EACjG,MAAMR,MAAM,GAAGE,SAAS,CAAC,CAAC;EAC1B,OAAO,MAAM;IACX,MAAMO,OAAO,GAAGD,MAAM,CAAC,CAAC;IACxB,OAAOC,OAAO,EAAET,MAAM,GAAGS,OAAO,GAAG;MAAE,GAAGA,OAAO;MAAET,MAAM,EAAEA,MAAM,CAAC;IAAE,CAAC;EACrE,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMU,gBAAgB,GAAIV,MAAc,IAC7C,IAAIW,IAAI,CAACC,YAAY,CAACZ,MAAM,CAAC,CAACa,aAAa,CAAC,GAAG,CAAC,CAACC,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACC,IAAI,KAAK,SAAS,CAAC,EAAEjB,KAAK,IAAI,GAAG","ignoreList":[]}