@eifi1/ui-kit 0.9.0 → 0.11.0

package/dist/components/user-avatar.d.ts

@@ -1,5 +1,9 @@
 import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { StatusDotTone } from './status-dot.js';
+import './progress-bar.js';
+import './chip.js';
+import 'lucide-react';
 
 /** Initials from a display name (first + last) or, failing that, an email —
  *  e.g. "Marcel Eifert" → "ME", "marcel@x.com" → "MA". App-agnostic.
@@ -18,17 +22,35 @@ declare const AVATAR_SIZES: {
     readonly md: "size-8 text-xs";
     readonly lg: "size-12 text-base";
 };
+/** A status dot in the avatar's top corner — an unread count, presence. */
+interface UserAvatarBadge {
+    /** What the dot MEANS, for a screen reader ("3 unread"). Required: a coloured circle
+     *  says nothing to someone who cannot see it. */
+    label: ReactNode;
+    /** Default `danger`, the unread dot both apps draw by hand. */
+    tone?: StatusDotTone;
+}
 /** A `<span>`'s props, minus `children`: the content is the initials this computes
  *  from `name`/`email`, so there is nothing for a caller to put inside. */
 interface UserAvatarProps extends Omit<ComponentPropsWithoutRef<"span">, "children"> {
     name?: string | null;
     email?: string | null;
     size?: keyof typeof AVATAR_SIZES;
+    /**
+     * A status dot in the top-end corner (the top-right in LTR, top-left in RTL), ringed
+     * in the surface colour so it reads as its own mark (keksdose account-menu ~385,
+     * top-bar :152). Its `label` is read as text where the dot sits — inside a button
+     * named by its content it joins that name. In `TopBarActionMenu`'s `trigger` the
+     * button is named by the menu's `ariaLabel` followed by this label: "Account menu
+     * 3 unread". The initials stay hidden either way, so the person's name is NOT part
+     * of it — put it in `ariaLabel` ("Marcel Eifert, account menu") if it should be.
+     */
+    badge?: UserAvatarBadge | null;
 }
 /**
  * A round initials avatar — the common user chip shared across apps (feedback
  * #333). Purely presentational; wrap it in a button for the account menu trigger.
  */
-declare function UserAvatar({ name, email, size, className, ...rest }: UserAvatarProps): react.JSX.Element;
+declare function UserAvatar({ name, email, size, badge, className, ...rest }: UserAvatarProps): react.JSX.Element;
 
-export { UserAvatar, type UserAvatarProps, avatarInitials };
+export { UserAvatar, type UserAvatarBadge, type UserAvatarProps, avatarInitials };

package/dist/components/user-avatar.js

@@ -1,6 +1,7 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../lib/cn.js";
+import { StatusDot } from "./status-dot.js";
 function avatarInitials(name, email) {
   const source = [name, email].map((s) => s?.trim()).find(Boolean) ?? "?";
   const parts = source.split(/\s+/).filter(Boolean);
@@ -12,14 +13,42 @@ const AVATAR_SIZES = {
   md: "size-8 text-xs",
   lg: "size-12 text-base"
 };
-function UserAvatar({ name, email, size = "md", className, ...rest }) {
+const CHIP = "inline-flex shrink-0 items-center justify-center rounded-full bg-[var(--bg-inverse)] font-semibold text-[var(--text-inverse)]";
+const BADGE_SIZES = { sm: "sm", md: "md", lg: "lg" };
+function UserAvatar({ name, email, size = "md", badge, className, ...rest }) {
+  if (badge) {
+    return /* @__PURE__ */ jsxs("span", { ...rest, className: "relative inline-flex shrink-0", children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": true,
+          className: cn(
+            CHIP,
+            AVATAR_SIZES[size],
+            className
+          ),
+          children: avatarInitials(name, email)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        StatusDot,
+        {
+          ring: true,
+          tone: badge.tone ?? "danger",
+          size: BADGE_SIZES[size],
+          className: "absolute -end-0.5 -top-0.5"
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: badge.label })
+    ] });
+  }
   return /* @__PURE__ */ jsx(
     "span",
     {
       "aria-hidden": true,
       ...rest,
       className: cn(
-        "inline-flex shrink-0 items-center justify-center rounded-full bg-[var(--bg-inverse)] font-semibold text-[var(--text-inverse)]",
+        CHIP,
         AVATAR_SIZES[size],
         className
       ),

package/dist/components/user-avatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/user-avatar.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from \"react\";\nimport { cn } from \"../lib/cn\";\n\n/** Initials from a display name (first + last) or, failing that, an email —\n *  e.g. \"Marcel Eifert\" → \"ME\", \"marcel@x.com\" → \"MA\". App-agnostic.\n *\n *  \"Failing that\" means BLANK, not merely absent. This was `name ?? email ?? \"?\"`,\n *  and `??` falls through on null/undefined alone — so an empty or whitespace-only\n *  display name short-circuited the email it had in hand and landed on the guard\n *  below, returning \"?\" for a user whose address says \"MA\" perfectly well. Keksdose\n *  cannot reach it (its `display_name` has `min_length=1`), but this is exported as\n *  app-agnostic, and any consumer whose profile name is optional free text got a wall\n *  of \"?\" chips. The guard is what shows the empty case was foreseen; it just\n *  answered it at the wrong end. */\nexport function avatarInitials(name?: string | null, email?: string | null): string {\n  const source = [name, email].map((s) => s?.trim()).find(Boolean) ?? \"?\";\n  const parts = source.split(/\\s+/).filter(Boolean);\n  if (parts.length >= 2) return (parts[0][0] + parts[1][0]).toUpperCase();\n  return source.slice(0, 2).toUpperCase();\n}\n\nconst AVATAR_SIZES = {\n  sm: \"size-7 text-[11px]\",\n  md: \"size-8 text-xs\",\n  lg: \"size-12 text-base\",\n} as const;\n\n/** A `<span>`'s props, minus `children`: the content is the initials this computes\n *  from `name`/`email`, so there is nothing for a caller to put inside. */\nexport interface UserAvatarProps extends Omit<ComponentPropsWithoutRef<\"span\">, \"children\"> {\n  name?: string | null;\n  email?: string | null;\n  size?: keyof typeof AVATAR_SIZES;\n}\n\n/**\n * A round initials avatar — the common user chip shared across apps (feedback\n * #333). Purely presentational; wrap it in a button for the account menu trigger.\n */\nexport function UserAvatar({ name, email, size = \"md\", className, ...rest }: UserAvatarProps) {\n  return (\n    <span\n      // `aria-hidden` sits BEFORE the spread, unlike the structural attributes on the\n      // other components here, because it is a DEFAULT rather than an invariant. The\n      // avatar is decorative next to the name it belongs to — which is where all three\n      // apps render it — so hiding it stops a screen reader saying \"ME\" after the word\n      // \"Marcel Eifert\". A caller who renders one ALONE (an assignee column, a\n      // presence dot) needs the opposite, and now has it: `aria-hidden={false}` plus an\n      // `aria-label` arrives through `...rest` and wins.\n      aria-hidden\n      {...rest}\n      className={cn(\n        \"inline-flex shrink-0 items-center justify-center rounded-full bg-[var(--bg-inverse)] font-semibold text-[var(--text-inverse)]\",\n        AVATAR_SIZES[size],\n        className,\n      )}\n    >\n      {avatarInitials(name, email)}\n    </span>\n  );\n}\n"],"mappings":";AAyCI;AAxCJ,SAAS,UAAU;AAaZ,SAAS,eAAe,MAAsB,OAA+B;AAClF,QAAM,SAAS,CAAC,MAAM,KAAK,EAAE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,KAAK,OAAO,KAAK;AACpE,QAAM,QAAQ,OAAO,MAAM,KAAK,EAAE,OAAO,OAAO;AAChD,MAAI,MAAM,UAAU,EAAG,SAAQ,MAAM,CAAC,EAAE,CAAC,IAAI,MAAM,CAAC,EAAE,CAAC,GAAG,YAAY;AACtE,SAAO,OAAO,MAAM,GAAG,CAAC,EAAE,YAAY;AACxC;AAEA,MAAM,eAAe;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAcO,SAAS,WAAW,EAAE,MAAM,OAAO,OAAO,MAAM,WAAW,GAAG,KAAK,GAAoB;AAC5F,SACE;AAAA,IAAC;AAAA;AAAA,MAQC,eAAW;AAAA,MACV,GAAG;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACA,aAAa,IAAI;AAAA,QACjB;AAAA,MACF;AAAA,MAEC,yBAAe,MAAM,KAAK;AAAA;AAAA,EAC7B;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/user-avatar.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { StatusDot } from \"./status-dot\";\nimport type { StatusDotSize, StatusDotTone } from \"./status-dot\";\n\n/** Initials from a display name (first + last) or, failing that, an email —\n *  e.g. \"Marcel Eifert\" → \"ME\", \"marcel@x.com\" → \"MA\". App-agnostic.\n *\n *  \"Failing that\" means BLANK, not merely absent. This was `name ?? email ?? \"?\"`,\n *  and `??` falls through on null/undefined alone — so an empty or whitespace-only\n *  display name short-circuited the email it had in hand and landed on the guard\n *  below, returning \"?\" for a user whose address says \"MA\" perfectly well. Keksdose\n *  cannot reach it (its `display_name` has `min_length=1`), but this is exported as\n *  app-agnostic, and any consumer whose profile name is optional free text got a wall\n *  of \"?\" chips. The guard is what shows the empty case was foreseen; it just\n *  answered it at the wrong end. */\nexport function avatarInitials(name?: string | null, email?: string | null): string {\n  const source = [name, email].map((s) => s?.trim()).find(Boolean) ?? \"?\";\n  const parts = source.split(/\\s+/).filter(Boolean);\n  if (parts.length >= 2) return (parts[0][0] + parts[1][0]).toUpperCase();\n  return source.slice(0, 2).toUpperCase();\n}\n\nconst AVATAR_SIZES = {\n  sm: \"size-7 text-[11px]\",\n  md: \"size-8 text-xs\",\n  lg: \"size-12 text-base\",\n} as const;\n\nconst CHIP =\n  \"inline-flex shrink-0 items-center justify-center rounded-full bg-[var(--bg-inverse)] font-semibold text-[var(--text-inverse)]\";\n\n/** The dot grows with the avatar: 8px on `sm`, 10px on `md` (keksdose's), 12px on `lg`. */\nconst BADGE_SIZES: Record<keyof typeof AVATAR_SIZES, StatusDotSize> = { sm: \"sm\", md: \"md\", lg: \"lg\" };\n\n/** A status dot in the avatar's top corner — an unread count, presence. */\nexport interface UserAvatarBadge {\n  /** What the dot MEANS, for a screen reader (\"3 unread\"). Required: a coloured circle\n   *  says nothing to someone who cannot see it. */\n  label: ReactNode;\n  /** Default `danger`, the unread dot both apps draw by hand. */\n  tone?: StatusDotTone;\n}\n\n/** A `<span>`'s props, minus `children`: the content is the initials this computes\n *  from `name`/`email`, so there is nothing for a caller to put inside. */\nexport interface UserAvatarProps extends Omit<ComponentPropsWithoutRef<\"span\">, \"children\"> {\n  name?: string | null;\n  email?: string | null;\n  size?: keyof typeof AVATAR_SIZES;\n  /**\n   * A status dot in the top-end corner (the top-right in LTR, top-left in RTL), ringed\n   * in the surface colour so it reads as its own mark (keksdose account-menu ~385,\n   * top-bar :152). Its `label` is read as text where the dot sits — inside a button\n   * named by its content it joins that name. In `TopBarActionMenu`'s `trigger` the\n   * button is named by the menu's `ariaLabel` followed by this label: \"Account menu\n   * 3 unread\". The initials stay hidden either way, so the person's name is NOT part\n   * of it — put it in `ariaLabel` (\"Marcel Eifert, account menu\") if it should be.\n   */\n  badge?: UserAvatarBadge | null;\n}\n\n/**\n * A round initials avatar — the common user chip shared across apps (feedback\n * #333). Purely presentational; wrap it in a button for the account menu trigger.\n */\nexport function UserAvatar({ name, email, size = \"md\", badge, className, ...rest }: UserAvatarProps) {\n  if (badge) {\n    // A wrapper, because the chip itself is `aria-hidden` and the badge label must not\n    // be. `className` stays on the chip (a size override still sizes the circle); the\n    // other attributes go on the wrapper, which is what a caller addresses. `relative`\n    // also contains the sr-only text.\n    return (\n      <span {...rest} className=\"relative inline-flex shrink-0\">\n        <span\n          aria-hidden\n          className={cn(\n            CHIP,\n            AVATAR_SIZES[size],\n            className,\n          )}\n        >\n          {avatarInitials(name, email)}\n        </span>\n        <StatusDot\n          ring\n          tone={badge.tone ?? \"danger\"}\n          size={BADGE_SIZES[size]}\n          className=\"absolute -end-0.5 -top-0.5\"\n        />\n        <span className=\"sr-only\">{badge.label}</span>\n      </span>\n    );\n  }\n  return (\n    <span\n      // `aria-hidden` sits BEFORE the spread, unlike the structural attributes on the\n      // other components here, because it is a DEFAULT rather than an invariant. The\n      // avatar is decorative next to the name it belongs to — which is where all three\n      // apps render it — so hiding it stops a screen reader saying \"ME\" after the word\n      // \"Marcel Eifert\". A caller who renders one ALONE (an assignee column, a\n      // presence dot) needs the opposite, and now has it: `aria-hidden={false}` plus an\n      // `aria-label` arrives through `...rest` and wins.\n      aria-hidden\n      {...rest}\n      className={cn(\n        CHIP,\n        AVATAR_SIZES[size],\n        className,\n      )}\n    >\n      {avatarInitials(name, email)}\n    </span>\n  );\n}\n"],"mappings":";AAyEM,SACE,KADF;AAxEN,SAAS,UAAU;AACnB,SAAS,iBAAiB;AAcnB,SAAS,eAAe,MAAsB,OAA+B;AAClF,QAAM,SAAS,CAAC,MAAM,KAAK,EAAE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,KAAK,OAAO,KAAK;AACpE,QAAM,QAAQ,OAAO,MAAM,KAAK,EAAE,OAAO,OAAO;AAChD,MAAI,MAAM,UAAU,EAAG,SAAQ,MAAM,CAAC,EAAE,CAAC,IAAI,MAAM,CAAC,EAAE,CAAC,GAAG,YAAY;AACtE,SAAO,OAAO,MAAM,GAAG,CAAC,EAAE,YAAY;AACxC;AAEA,MAAM,eAAe;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,MAAM,OACJ;AAGF,MAAM,cAAgE,EAAE,IAAI,MAAM,IAAI,MAAM,IAAI,KAAK;AAiC9F,SAAS,WAAW,EAAE,MAAM,OAAO,OAAO,MAAM,OAAO,WAAW,GAAG,KAAK,GAAoB;AACnG,MAAI,OAAO;AAKT,WACE,qBAAC,UAAM,GAAG,MAAM,WAAU,iCACxB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,eAAW;AAAA,UACX,WAAW;AAAA,YACT;AAAA,YACA,aAAa,IAAI;AAAA,YACjB;AAAA,UACF;AAAA,UAEC,yBAAe,MAAM,KAAK;AAAA;AAAA,MAC7B;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAI;AAAA,UACJ,MAAM,MAAM,QAAQ;AAAA,UACpB,MAAM,YAAY,IAAI;AAAA,UACtB,WAAU;AAAA;AAAA,MACZ;AAAA,MACA,oBAAC,UAAK,WAAU,WAAW,gBAAM,OAAM;AAAA,OACzC;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MAQC,eAAW;AAAA,MACV,GAAG;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACA,aAAa,IAAI;AAAA,QACjB;AAAA,MACF;AAAA,MAEC,yBAAe,MAAM,KAAK;AAAA;AAAA,EAC7B;AAEJ;","names":[]}

package/dist/hooks/use-close-transition.d.ts

@@ -3,6 +3,12 @@
  *  for. Exported so a test can advance a fake clock by the real number rather than
  *  by a copy of it. */
 declare const OVERLAY_EXIT_MS = 220;
+/**
+ * Whether the user has asked for no motion, read NOW. `true` where `matchMedia` is
+ * absent (jsdom, SSR): nothing is painting there, so "no animation" is the only
+ * correct answer. Shared by every exit timer in the package, so they agree.
+ */
+declare function prefersReducedMotion(): boolean;
 /**
  * The state machine an exit animation needs, written once for every overlay in this
  * package (Keksdose live #320 rework: *"Recognized the opening transition. Choose
@@ -38,4 +44,4 @@ declare function useCloseTransition(onClose: () => void, ms?: number): {
     requestClose: () => void;
 };
 
-export { OVERLAY_EXIT_MS, useCloseTransition };
+export { OVERLAY_EXIT_MS, prefersReducedMotion, useCloseTransition };

package/dist/hooks/use-close-transition.js

@@ -1,6 +1,9 @@
 "use client";
 import { useCallback, useEffect, useRef, useState } from "react";
 const OVERLAY_EXIT_MS = 220;
+function prefersReducedMotion() {
+  return typeof window === "undefined" || typeof window.matchMedia !== "function" || window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
 function useCloseTransition(onClose, ms = OVERLAY_EXIT_MS) {
   const [closing, setClosing] = useState(false);
   const timer = useRef(null);
@@ -16,8 +19,7 @@ function useCloseTransition(onClose, ms = OVERLAY_EXIT_MS) {
   );
   const requestClose = useCallback(() => {
     if (timer.current) return;
-    const reduced = typeof window === "undefined" || typeof window.matchMedia !== "function" || window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    if (reduced || ms <= 0) {
+    if (prefersReducedMotion() || ms <= 0) {
       latest.current();
       return;
     }
@@ -32,6 +34,7 @@ function useCloseTransition(onClose, ms = OVERLAY_EXIT_MS) {
 }
 export {
   OVERLAY_EXIT_MS,
+  prefersReducedMotion,
   useCloseTransition
 };
 //# sourceMappingURL=use-close-transition.js.map

package/dist/hooks/use-close-transition.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-close-transition.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\n/** How long the exit animation runs, in ms. Mirrors `.animate-sheet-out` in\n *  tokens.css — the sheet is the slower of the two, so it is what the unmount waits\n *  for. Exported so a test can advance a fake clock by the real number rather than\n *  by a copy of it. */\nexport const OVERLAY_EXIT_MS = 220;\n\n/**\n * The state machine an exit animation needs, written once for every overlay in this\n * package (Keksdose live #320 rework: *\"Recognized the opening transition. Choose\n * transition should be the same, only backwards\"*).\n *\n * ## Why a hook and not a class on the panel\n *\n * An enter animation is free: the element mounts, the keyframes run. An exit is not —\n * by the time the state says \"closed\" the element is already gone, so something has to\n * hold it on screen for exactly as long as the animation lasts. That something cannot\n * be the caller (every caller would need the same timer) and it cannot be the panel's\n * markup. It is this: the overlay's own affordances call {@link requestClose} instead\n * of `onClose`, render the `-out` classes while `closing` is true, and the real\n * `onClose` — the one that unmounts them — fires when the animation has finished.\n *\n * ## What it deliberately does not do\n *\n * It does not intercept a close the CALLER decides on. A dialog that closes itself\n * after a successful save sets its own state and unmounts, with no exit animation, and\n * that is the right trade: making it otherwise would mean every overlay owning an\n * `open` prop and every caller waiting on a callback to learn when its own state took\n * effect. What is animated is what the user dismissed — the X, the backdrop, Escape,\n * the Back gesture — which is the motion the row was about.\n *\n * ## Reduced motion\n *\n * Closes immediately, without the delay. A user who has asked for no motion must not\n * be made to wait 220ms for an animation they are not being shown, and the `-out`\n * classes are never applied, so tokens.css needs no reduced-motion rule for them.\n */\nexport function useCloseTransition(\n  onClose: () => void,\n  ms: number = OVERLAY_EXIT_MS,\n): { closing: boolean; requestClose: () => void } {\n  const [closing, setClosing] = useState(false);\n  const timer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  // Latest-ref rather than a dependency: callers pass inline arrows, so a dependency\n  // would hand every render a new `requestClose` — and this one is read once, by a\n  // timer that has already been scheduled. Assigned in an effect, never during render\n  // (`react-hooks/refs`), matching `use-long-press.ts` next door.\n  const latest = useRef(onClose);\n  useEffect(() => {\n    latest.current = onClose;\n  });\n\n  // One timer, ever. A second Escape while the panel is already leaving must not\n  // schedule a second unmount — two `onClose` calls is a caller's state machine being\n  // run twice, which is how a \"close\" ends up also discarding the row behind it.\n  useEffect(\n    () => () => {\n      if (timer.current) clearTimeout(timer.current);\n    },\n    [],\n  );\n\n  const requestClose = useCallback(() => {\n    if (timer.current) return;\n    // Read at close time, not at mount: the setting can change under a long-lived\n    // page, and `matchMedia` is absent in jsdom and in SSR — where \"no animation\" is\n    // also the only correct answer, since nothing is painting.\n    const reduced =\n      typeof window === \"undefined\" ||\n      typeof window.matchMedia !== \"function\" ||\n      window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n    if (reduced || ms <= 0) {\n      latest.current();\n      return;\n    }\n    setClosing(true);\n    timer.current = setTimeout(() => {\n      timer.current = null;\n      // ⚠️ Reset BEFORE handing control back — reported from a phone within the hour\n      // of the 0.4.52 deploy that first shipped this hook, against every table at once.\n      // A panel that returns `null` while closed is still MOUNTED — `FullBleedDialog`\n      // early-returns after its hooks, and DataTable renders it once and flips `open`\n      // — so this state outlives the panel it describes. Left true, the NEXT open\n      // rendered `animate-*-out` with `animation-fill-mode: forwards` on a sheet that\n      // had only just arrived: it lowered itself off the screen in 220ms and stayed\n      // there, invisible but still holding the backdrop's pointer events. Every table\n      // on every phone, first open fine and every one after it not, until a route\n      // change remounted the component.\n      //\n      // Batched with the `onClose` below, so a caller that unmounts on close still\n      // renders exactly once and nothing flashes.\n      setClosing(false);\n      latest.current();\n    }, ms);\n  }, [ms]);\n\n  return { closing, requestClose };\n}\n"],"mappings":";AAAA,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AAMlD,MAAM,kBAAkB;AAgCxB,SAAS,mBACd,SACA,KAAa,iBACmC;AAChD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,QAAQ,OAA6C,IAAI;AAK/D,QAAM,SAAS,OAAO,OAAO;AAC7B,YAAU,MAAM;AACd,WAAO,UAAU;AAAA,EACnB,CAAC;AAKD;AAAA,IACE,MAAM,MAAM;AACV,UAAI,MAAM,QAAS,cAAa,MAAM,OAAO;AAAA,IAC/C;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,eAAe,YAAY,MAAM;AACrC,QAAI,MAAM,QAAS;AAInB,UAAM,UACJ,OAAO,WAAW,eAClB,OAAO,OAAO,eAAe,cAC7B,OAAO,WAAW,kCAAkC,EAAE;AACxD,QAAI,WAAW,MAAM,GAAG;AACtB,aAAO,QAAQ;AACf;AAAA,IACF;AACA,eAAW,IAAI;AACf,UAAM,UAAU,WAAW,MAAM;AAC/B,YAAM,UAAU;AAchB,iBAAW,KAAK;AAChB,aAAO,QAAQ;AAAA,IACjB,GAAG,EAAE;AAAA,EACP,GAAG,CAAC,EAAE,CAAC;AAEP,SAAO,EAAE,SAAS,aAAa;AACjC;","names":[]}
+{"version":3,"sources":["../../src/hooks/use-close-transition.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\n/** How long the exit animation runs, in ms. Mirrors `.animate-sheet-out` in\n *  tokens.css — the sheet is the slower of the two, so it is what the unmount waits\n *  for. Exported so a test can advance a fake clock by the real number rather than\n *  by a copy of it. */\nexport const OVERLAY_EXIT_MS = 220;\n\n/**\n * Whether the user has asked for no motion, read NOW. `true` where `matchMedia` is\n * absent (jsdom, SSR): nothing is painting there, so \"no animation\" is the only\n * correct answer. Shared by every exit timer in the package, so they agree.\n */\nexport function prefersReducedMotion(): boolean {\n  return (\n    typeof window === \"undefined\" ||\n    typeof window.matchMedia !== \"function\" ||\n    window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n  );\n}\n\n/**\n * The state machine an exit animation needs, written once for every overlay in this\n * package (Keksdose live #320 rework: *\"Recognized the opening transition. Choose\n * transition should be the same, only backwards\"*).\n *\n * ## Why a hook and not a class on the panel\n *\n * An enter animation is free: the element mounts, the keyframes run. An exit is not —\n * by the time the state says \"closed\" the element is already gone, so something has to\n * hold it on screen for exactly as long as the animation lasts. That something cannot\n * be the caller (every caller would need the same timer) and it cannot be the panel's\n * markup. It is this: the overlay's own affordances call {@link requestClose} instead\n * of `onClose`, render the `-out` classes while `closing` is true, and the real\n * `onClose` — the one that unmounts them — fires when the animation has finished.\n *\n * ## What it deliberately does not do\n *\n * It does not intercept a close the CALLER decides on. A dialog that closes itself\n * after a successful save sets its own state and unmounts, with no exit animation, and\n * that is the right trade: making it otherwise would mean every overlay owning an\n * `open` prop and every caller waiting on a callback to learn when its own state took\n * effect. What is animated is what the user dismissed — the X, the backdrop, Escape,\n * the Back gesture — which is the motion the row was about.\n *\n * ## Reduced motion\n *\n * Closes immediately, without the delay. A user who has asked for no motion must not\n * be made to wait 220ms for an animation they are not being shown, and the `-out`\n * classes are never applied, so tokens.css needs no reduced-motion rule for them.\n */\nexport function useCloseTransition(\n  onClose: () => void,\n  ms: number = OVERLAY_EXIT_MS,\n): { closing: boolean; requestClose: () => void } {\n  const [closing, setClosing] = useState(false);\n  const timer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  // Latest-ref rather than a dependency: callers pass inline arrows, so a dependency\n  // would hand every render a new `requestClose` — and this one is read once, by a\n  // timer that has already been scheduled. Assigned in an effect, never during render\n  // (`react-hooks/refs`), matching `use-long-press.ts` next door.\n  const latest = useRef(onClose);\n  useEffect(() => {\n    latest.current = onClose;\n  });\n\n  // One timer, ever. A second Escape while the panel is already leaving must not\n  // schedule a second unmount — two `onClose` calls is a caller's state machine being\n  // run twice, which is how a \"close\" ends up also discarding the row behind it.\n  useEffect(\n    () => () => {\n      if (timer.current) clearTimeout(timer.current);\n    },\n    [],\n  );\n\n  const requestClose = useCallback(() => {\n    if (timer.current) return;\n    // Read at close time, not at mount: the setting can change under a long-lived\n    // page, and `matchMedia` is absent in jsdom and in SSR — where \"no animation\" is\n    // also the only correct answer, since nothing is painting.\n    if (prefersReducedMotion() || ms <= 0) {\n      latest.current();\n      return;\n    }\n    setClosing(true);\n    timer.current = setTimeout(() => {\n      timer.current = null;\n      // ⚠️ Reset BEFORE handing control back — reported from a phone within the hour\n      // of the 0.4.52 deploy that first shipped this hook, against every table at once.\n      // A panel that returns `null` while closed is still MOUNTED — `FullBleedDialog`\n      // early-returns after its hooks, and DataTable renders it once and flips `open`\n      // — so this state outlives the panel it describes. Left true, the NEXT open\n      // rendered `animate-*-out` with `animation-fill-mode: forwards` on a sheet that\n      // had only just arrived: it lowered itself off the screen in 220ms and stayed\n      // there, invisible but still holding the backdrop's pointer events. Every table\n      // on every phone, first open fine and every one after it not, until a route\n      // change remounted the component.\n      //\n      // Batched with the `onClose` below, so a caller that unmounts on close still\n      // renders exactly once and nothing flashes.\n      setClosing(false);\n      latest.current();\n    }, ms);\n  }, [ms]);\n\n  return { closing, requestClose };\n}\n"],"mappings":";AAAA,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AAMlD,MAAM,kBAAkB;AAOxB,SAAS,uBAAgC;AAC9C,SACE,OAAO,WAAW,eAClB,OAAO,OAAO,eAAe,cAC7B,OAAO,WAAW,kCAAkC,EAAE;AAE1D;AAgCO,SAAS,mBACd,SACA,KAAa,iBACmC;AAChD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,QAAQ,OAA6C,IAAI;AAK/D,QAAM,SAAS,OAAO,OAAO;AAC7B,YAAU,MAAM;AACd,WAAO,UAAU;AAAA,EACnB,CAAC;AAKD;AAAA,IACE,MAAM,MAAM;AACV,UAAI,MAAM,QAAS,cAAa,MAAM,OAAO;AAAA,IAC/C;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,eAAe,YAAY,MAAM;AACrC,QAAI,MAAM,QAAS;AAInB,QAAI,qBAAqB,KAAK,MAAM,GAAG;AACrC,aAAO,QAAQ;AACf;AAAA,IACF;AACA,eAAW,IAAI;AACf,UAAM,UAAU,WAAW,MAAM;AAC/B,YAAM,UAAU;AAchB,iBAAW,KAAK;AAChB,aAAO,QAAQ;AAAA,IACjB,GAAG,EAAE;AAAA,EACP,GAAG,CAAC,EAAE,CAAC;AAEP,SAAO,EAAE,SAAS,aAAa;AACjC;","names":[]}

package/dist/hooks/use-copy-to-clipboard.js

@@ -15,7 +15,7 @@ function legacyCopy(text) {
   area.style.opacity = "0";
   document.body.appendChild(area);
   area.select();
-  let ok = false;
+  let ok;
   try {
     ok = document.execCommand("copy");
   } catch {

package/dist/hooks/use-copy-to-clipboard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-copy-to-clipboard.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport type CopyState = \"idle\" | \"copied\" | \"failed\";\n\nexport interface UseCopyToClipboardOptions {\n  /** How long `copied` / `failed` stays up before the state returns to `idle`, in\n   *  ms. `0` keeps it until the next copy or {@link UseCopyToClipboardReturn.reset}. */\n  resetAfter?: number;\n}\n\nexport interface UseCopyToClipboardReturn {\n  state: CopyState;\n  /** Copy `text`. Resolves to whether it actually reached the clipboard — the same\n   *  answer `state` gives, for a caller that wants to act on it directly. */\n  copy: (text: string) => Promise<boolean>;\n  reset: () => void;\n}\n\n/**\n * The legacy path: select a throwaway `<textarea>` and ask the document to copy it.\n *\n * `navigator.clipboard` exists only in a secure context, so an app opened over plain\n * http on a LAN address (how keksdose is tested on a phone) has no Clipboard API at\n * all. `execCommand(\"copy\")` is deprecated but still implemented everywhere, and it\n * answers with a boolean, which is all this needs. Focus and the user's selection are\n * put back afterwards: copying must not move the keyboard.\n */\nfunction legacyCopy(text: string): boolean {\n  if (typeof document === \"undefined\" || typeof document.execCommand !== \"function\") return false;\n  const active = document.activeElement as HTMLElement | null;\n  const selection = document.getSelection();\n  const ranges: Range[] = [];\n  if (selection) for (let i = 0; i < selection.rangeCount; i++) ranges.push(selection.getRangeAt(i));\n\n  const area = document.createElement(\"textarea\");\n  area.value = text;\n  area.setAttribute(\"readonly\", \"\");\n  // Off-screen but rendered: a `display: none` textarea cannot be selected.\n  area.style.position = \"fixed\";\n  area.style.top = \"0\";\n  area.style.insetInlineStart = \"-9999px\";\n  area.style.opacity = \"0\";\n  document.body.appendChild(area);\n  area.select();\n  let ok = false;\n  try {\n    ok = document.execCommand(\"copy\");\n  } catch {\n    ok = false;\n  }\n  area.remove();\n  if (selection) {\n    selection.removeAllRanges();\n    for (const r of ranges) selection.addRange(r);\n  }\n  active?.focus?.();\n  return ok;\n}\n\n/** Copy `text`, by the Clipboard API when there is one and the legacy path when\n *  there is not — or when the API refuses (a denied permission, a document that is\n *  not focused). Never throws. */\nexport async function copyToClipboard(text: string): Promise<boolean> {\n  const clipboard = typeof navigator !== \"undefined\" ? navigator.clipboard : undefined;\n  if (clipboard && typeof clipboard.writeText === \"function\") {\n    try {\n      await clipboard.writeText(text);\n      return true;\n    } catch {\n      // Fall through: the API exists but refused. The legacy path sometimes succeeds\n      // where the permission prompt was dismissed.\n    }\n  }\n  return legacyCopy(text);\n}\n\n/**\n * Copy text and KNOW whether it worked.\n *\n * keksdose had two copy buttons that flipped to \"Copied\" on click and never looked at\n * the promise — so on the http LAN build, where there is no Clipboard API, they\n * confirmed a copy that had not happened. The state here is set from the result, and\n * a failure is a state of its own rather than a quiet return to idle.\n */\nexport function useCopyToClipboard({ resetAfter = 2000 }: UseCopyToClipboardOptions = {}): UseCopyToClipboardReturn {\n  const [state, setState] = useState<CopyState>(\"idle\");\n  const timer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const mounted = useRef(true);\n\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n      if (timer.current) clearTimeout(timer.current);\n    };\n  }, []);\n\n  const reset = useCallback(() => {\n    if (timer.current) clearTimeout(timer.current);\n    timer.current = null;\n    setState(\"idle\");\n  }, []);\n\n  const copy = useCallback(\n    async (text: string) => {\n      if (timer.current) clearTimeout(timer.current);\n      const ok = await copyToClipboard(text);\n      if (!mounted.current) return ok;\n      setState(ok ? \"copied\" : \"failed\");\n      if (resetAfter > 0) {\n        timer.current = setTimeout(() => {\n          timer.current = null;\n          setState(\"idle\");\n        }, resetAfter);\n      }\n      return ok;\n    },\n    [resetAfter],\n  );\n\n  return { state, copy, reset };\n}\n"],"mappings":";AAAA,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AA2BzD,SAAS,WAAW,MAAuB;AACzC,MAAI,OAAO,aAAa,eAAe,OAAO,SAAS,gBAAgB,WAAY,QAAO;AAC1F,QAAM,SAAS,SAAS;AACxB,QAAM,YAAY,SAAS,aAAa;AACxC,QAAM,SAAkB,CAAC;AACzB,MAAI,UAAW,UAAS,IAAI,GAAG,IAAI,UAAU,YAAY,IAAK,QAAO,KAAK,UAAU,WAAW,CAAC,CAAC;AAEjG,QAAM,OAAO,SAAS,cAAc,UAAU;AAC9C,OAAK,QAAQ;AACb,OAAK,aAAa,YAAY,EAAE;AAEhC,OAAK,MAAM,WAAW;AACtB,OAAK,MAAM,MAAM;AACjB,OAAK,MAAM,mBAAmB;AAC9B,OAAK,MAAM,UAAU;AACrB,WAAS,KAAK,YAAY,IAAI;AAC9B,OAAK,OAAO;AACZ,MAAI,KAAK;AACT,MAAI;AACF,SAAK,SAAS,YAAY,MAAM;AAAA,EAClC,QAAQ;AACN,SAAK;AAAA,EACP;AACA,OAAK,OAAO;AACZ,MAAI,WAAW;AACb,cAAU,gBAAgB;AAC1B,eAAW,KAAK,OAAQ,WAAU,SAAS,CAAC;AAAA,EAC9C;AACA,UAAQ,QAAQ;AAChB,SAAO;AACT;AAKA,eAAsB,gBAAgB,MAAgC;AACpE,QAAM,YAAY,OAAO,cAAc,cAAc,UAAU,YAAY;AAC3E,MAAI,aAAa,OAAO,UAAU,cAAc,YAAY;AAC1D,QAAI;AACF,YAAM,UAAU,UAAU,IAAI;AAC9B,aAAO;AAAA,IACT,QAAQ;AAAA,IAGR;AAAA,EACF;AACA,SAAO,WAAW,IAAI;AACxB;AAUO,SAAS,mBAAmB,EAAE,aAAa,IAAK,IAA+B,CAAC,GAA6B;AAClH,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAoB,MAAM;AACpD,QAAM,QAAQ,OAA6C,IAAI;AAC/D,QAAM,UAAU,OAAO,IAAI;AAE3B,YAAU,MAAM;AACd,YAAQ,UAAU;AAClB,WAAO,MAAM;AACX,cAAQ,UAAU;AAClB,UAAI,MAAM,QAAS,cAAa,MAAM,OAAO;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,YAAY,MAAM;AAC9B,QAAI,MAAM,QAAS,cAAa,MAAM,OAAO;AAC7C,UAAM,UAAU;AAChB,aAAS,MAAM;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,QAAM,OAAO;AAAA,IACX,OAAO,SAAiB;AACtB,UAAI,MAAM,QAAS,cAAa,MAAM,OAAO;AAC7C,YAAM,KAAK,MAAM,gBAAgB,IAAI;AACrC,UAAI,CAAC,QAAQ,QAAS,QAAO;AAC7B,eAAS,KAAK,WAAW,QAAQ;AACjC,UAAI,aAAa,GAAG;AAClB,cAAM,UAAU,WAAW,MAAM;AAC/B,gBAAM,UAAU;AAChB,mBAAS,MAAM;AAAA,QACjB,GAAG,UAAU;AAAA,MACf;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,SAAO,EAAE,OAAO,MAAM,MAAM;AAC9B;","names":[]}
+{"version":3,"sources":["../../src/hooks/use-copy-to-clipboard.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport type CopyState = \"idle\" | \"copied\" | \"failed\";\n\nexport interface UseCopyToClipboardOptions {\n  /** How long `copied` / `failed` stays up before the state returns to `idle`, in\n   *  ms. `0` keeps it until the next copy or {@link UseCopyToClipboardReturn.reset}. */\n  resetAfter?: number;\n}\n\nexport interface UseCopyToClipboardReturn {\n  state: CopyState;\n  /** Copy `text`. Resolves to whether it actually reached the clipboard — the same\n   *  answer `state` gives, for a caller that wants to act on it directly. */\n  copy: (text: string) => Promise<boolean>;\n  reset: () => void;\n}\n\n/**\n * The legacy path: select a throwaway `<textarea>` and ask the document to copy it.\n *\n * `navigator.clipboard` exists only in a secure context, so an app opened over plain\n * http on a LAN address (how keksdose is tested on a phone) has no Clipboard API at\n * all. `execCommand(\"copy\")` is deprecated but still implemented everywhere, and it\n * answers with a boolean, which is all this needs. Focus and the user's selection are\n * put back afterwards: copying must not move the keyboard.\n */\nfunction legacyCopy(text: string): boolean {\n  if (typeof document === \"undefined\" || typeof document.execCommand !== \"function\") return false;\n  const active = document.activeElement as HTMLElement | null;\n  const selection = document.getSelection();\n  const ranges: Range[] = [];\n  if (selection) for (let i = 0; i < selection.rangeCount; i++) ranges.push(selection.getRangeAt(i));\n\n  const area = document.createElement(\"textarea\");\n  area.value = text;\n  area.setAttribute(\"readonly\", \"\");\n  // Off-screen but rendered: a `display: none` textarea cannot be selected.\n  area.style.position = \"fixed\";\n  area.style.top = \"0\";\n  area.style.insetInlineStart = \"-9999px\";\n  area.style.opacity = \"0\";\n  document.body.appendChild(area);\n  area.select();\n  let ok: boolean;\n  try {\n    ok = document.execCommand(\"copy\");\n  } catch {\n    ok = false;\n  }\n  area.remove();\n  if (selection) {\n    selection.removeAllRanges();\n    for (const r of ranges) selection.addRange(r);\n  }\n  active?.focus?.();\n  return ok;\n}\n\n/** Copy `text`, by the Clipboard API when there is one and the legacy path when\n *  there is not — or when the API refuses (a denied permission, a document that is\n *  not focused). Never throws. */\nexport async function copyToClipboard(text: string): Promise<boolean> {\n  const clipboard = typeof navigator !== \"undefined\" ? navigator.clipboard : undefined;\n  if (clipboard && typeof clipboard.writeText === \"function\") {\n    try {\n      await clipboard.writeText(text);\n      return true;\n    } catch {\n      // Fall through: the API exists but refused. The legacy path sometimes succeeds\n      // where the permission prompt was dismissed.\n    }\n  }\n  return legacyCopy(text);\n}\n\n/**\n * Copy text and KNOW whether it worked.\n *\n * keksdose had two copy buttons that flipped to \"Copied\" on click and never looked at\n * the promise — so on the http LAN build, where there is no Clipboard API, they\n * confirmed a copy that had not happened. The state here is set from the result, and\n * a failure is a state of its own rather than a quiet return to idle.\n */\nexport function useCopyToClipboard({ resetAfter = 2000 }: UseCopyToClipboardOptions = {}): UseCopyToClipboardReturn {\n  const [state, setState] = useState<CopyState>(\"idle\");\n  const timer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const mounted = useRef(true);\n\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n      if (timer.current) clearTimeout(timer.current);\n    };\n  }, []);\n\n  const reset = useCallback(() => {\n    if (timer.current) clearTimeout(timer.current);\n    timer.current = null;\n    setState(\"idle\");\n  }, []);\n\n  const copy = useCallback(\n    async (text: string) => {\n      if (timer.current) clearTimeout(timer.current);\n      const ok = await copyToClipboard(text);\n      if (!mounted.current) return ok;\n      setState(ok ? \"copied\" : \"failed\");\n      if (resetAfter > 0) {\n        timer.current = setTimeout(() => {\n          timer.current = null;\n          setState(\"idle\");\n        }, resetAfter);\n      }\n      return ok;\n    },\n    [resetAfter],\n  );\n\n  return { state, copy, reset };\n}\n"],"mappings":";AAAA,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AA2BzD,SAAS,WAAW,MAAuB;AACzC,MAAI,OAAO,aAAa,eAAe,OAAO,SAAS,gBAAgB,WAAY,QAAO;AAC1F,QAAM,SAAS,SAAS;AACxB,QAAM,YAAY,SAAS,aAAa;AACxC,QAAM,SAAkB,CAAC;AACzB,MAAI,UAAW,UAAS,IAAI,GAAG,IAAI,UAAU,YAAY,IAAK,QAAO,KAAK,UAAU,WAAW,CAAC,CAAC;AAEjG,QAAM,OAAO,SAAS,cAAc,UAAU;AAC9C,OAAK,QAAQ;AACb,OAAK,aAAa,YAAY,EAAE;AAEhC,OAAK,MAAM,WAAW;AACtB,OAAK,MAAM,MAAM;AACjB,OAAK,MAAM,mBAAmB;AAC9B,OAAK,MAAM,UAAU;AACrB,WAAS,KAAK,YAAY,IAAI;AAC9B,OAAK,OAAO;AACZ,MAAI;AACJ,MAAI;AACF,SAAK,SAAS,YAAY,MAAM;AAAA,EAClC,QAAQ;AACN,SAAK;AAAA,EACP;AACA,OAAK,OAAO;AACZ,MAAI,WAAW;AACb,cAAU,gBAAgB;AAC1B,eAAW,KAAK,OAAQ,WAAU,SAAS,CAAC;AAAA,EAC9C;AACA,UAAQ,QAAQ;AAChB,SAAO;AACT;AAKA,eAAsB,gBAAgB,MAAgC;AACpE,QAAM,YAAY,OAAO,cAAc,cAAc,UAAU,YAAY;AAC3E,MAAI,aAAa,OAAO,UAAU,cAAc,YAAY;AAC1D,QAAI;AACF,YAAM,UAAU,UAAU,IAAI;AAC9B,aAAO;AAAA,IACT,QAAQ;AAAA,IAGR;AAAA,EACF;AACA,SAAO,WAAW,IAAI;AACxB;AAUO,SAAS,mBAAmB,EAAE,aAAa,IAAK,IAA+B,CAAC,GAA6B;AAClH,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAoB,MAAM;AACpD,QAAM,QAAQ,OAA6C,IAAI;AAC/D,QAAM,UAAU,OAAO,IAAI;AAE3B,YAAU,MAAM;AACd,YAAQ,UAAU;AAClB,WAAO,MAAM;AACX,cAAQ,UAAU;AAClB,UAAI,MAAM,QAAS,cAAa,MAAM,OAAO;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,YAAY,MAAM;AAC9B,QAAI,MAAM,QAAS,cAAa,MAAM,OAAO;AAC7C,UAAM,UAAU;AAChB,aAAS,MAAM;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,QAAM,OAAO;AAAA,IACX,OAAO,SAAiB;AACtB,UAAI,MAAM,QAAS,cAAa,MAAM,OAAO;AAC7C,YAAM,KAAK,MAAM,gBAAgB,IAAI;AACrC,UAAI,CAAC,QAAQ,QAAS,QAAO;AAC7B,eAAS,KAAK,WAAW,QAAQ;AACjC,UAAI,aAAa,GAAG;AAClB,cAAM,UAAU,WAAW,MAAM;AAC/B,gBAAM,UAAU;AAChB,mBAAS,MAAM;AAAA,QACjB,GAAG,UAAU;AAAA,MACf;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,SAAO,EAAE,OAAO,MAAM,MAAM;AAC9B;","names":[]}

package/dist/hooks/use-file-drop.d.ts

@@ -3,6 +3,7 @@ import { UseFilePickerOptions } from '../components/file-button.js';
 import '../components/ui.js';
 import '../components/tooltip.js';
 import './use-anchored-rect.js';
+import '../lib/clipping.js';
 
 /**
  * Turn ANY element into a file drop target — kastlan's ask, for the document list of

package/dist/i18n/defaults.d.ts

@@ -2,6 +2,7 @@ import { UiKitLabels } from './kit-labels.js';
 import 'react';
 import '../components/data-table-labels.js';
 import '../components/mini-calendar.js';
+import '../components/calendar-heatmap.js';
 import '../components/popover.js';
 import '../components/chip.js';
 import 'lucide-react';
@@ -9,6 +10,7 @@ import '../components/field-sync.js';
 import '../components/ui.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -34,6 +36,10 @@ import '../feedback/feedback-dialog.js';
 import '../components/confirm-dialog.js';
 import '../components/floating-panel.js';
 import '../components/copy-button.js';
+import '../components/bulk-action-bar.js';
+import '../components/list.js';
+import '../components/breadcrumbs.js';
+import '../components/toast.js';
 
 /**
  * The whole English tree in one object: what a translation is written against, and

package/dist/i18n/defaults.js

@@ -1,6 +1,7 @@
 "use client";
 import { DEFAULT_DATA_TABLE_LABELS } from "../components/data-table-labels.js";
 import { DEFAULT_MINI_CALENDAR_LABELS } from "../components/mini-calendar.js";
+import { DEFAULT_CALENDAR_HEATMAP_LABELS } from "../components/calendar-heatmap.js";
 import { DEFAULT_MONTH_PICKER_LABELS } from "../components/month-picker.js";
 import { DEFAULT_PAGE_CONTENTS_LABELS } from "../components/page-contents.js";
 import { DEFAULT_POPOVER_LABELS } from "../components/popover.js";
@@ -26,6 +27,10 @@ import { DEFAULT_CONFIRM_DIALOG_LABELS } from "../components/confirm-dialog.js";
 import { DEFAULT_FLOATING_PANEL_LABELS } from "../components/floating-panel.js";
 import { DEFAULT_FEEDBACK_ATTACHMENT_LABELS } from "../feedback/feedback-attachment.js";
 import { DEFAULT_COPY_BUTTON_LABELS } from "../components/copy-button.js";
+import { DEFAULT_BULK_ACTION_BAR_LABELS } from "../components/bulk-action-bar.js";
+import { DEFAULT_LIST_LABELS } from "../components/list.js";
+import { DEFAULT_BREADCRUMBS_LABELS } from "../components/breadcrumbs.js";
+import { DEFAULT_TOAST_LABELS } from "../components/toast.js";
 import {
   DEFAULT_APP_SHELL_LABELS,
   DEFAULT_CALCULATOR_LABELS,
@@ -43,6 +48,7 @@ const DEFAULT_UI_KIT_LABELS = {
   common: DEFAULT_COMMON_LABELS,
   dataTable: DEFAULT_DATA_TABLE_LABELS,
   miniCalendar: DEFAULT_MINI_CALENDAR_LABELS,
+  calendarHeatmap: DEFAULT_CALENDAR_HEATMAP_LABELS,
   datePicker: DEFAULT_DATE_PICKER_LABELS,
   monthPicker: DEFAULT_MONTH_PICKER_LABELS,
   popover: DEFAULT_POPOVER_LABELS,
@@ -78,7 +84,11 @@ const DEFAULT_UI_KIT_LABELS = {
   feedbackAttachment: DEFAULT_FEEDBACK_ATTACHMENT_LABELS,
   confirmDialog: DEFAULT_CONFIRM_DIALOG_LABELS,
   floatingPanel: DEFAULT_FLOATING_PANEL_LABELS,
-  copyButton: DEFAULT_COPY_BUTTON_LABELS
+  copyButton: DEFAULT_COPY_BUTTON_LABELS,
+  bulkActionBar: DEFAULT_BULK_ACTION_BAR_LABELS,
+  list: DEFAULT_LIST_LABELS,
+  breadcrumbs: DEFAULT_BREADCRUMBS_LABELS,
+  toast: DEFAULT_TOAST_LABELS
 };
 export {
   DEFAULT_UI_KIT_LABELS

package/dist/i18n/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/i18n/defaults.ts"],"sourcesContent":["import { DEFAULT_DATA_TABLE_LABELS } from \"../components/data-table-labels\";\nimport { DEFAULT_MINI_CALENDAR_LABELS } from \"../components/mini-calendar\";\nimport { DEFAULT_MONTH_PICKER_LABELS } from \"../components/month-picker\";\nimport { DEFAULT_PAGE_CONTENTS_LABELS } from \"../components/page-contents\";\nimport { DEFAULT_POPOVER_LABELS } from \"../components/popover\";\nimport { DEFAULT_CHIP_INPUT_LABELS } from \"../components/chip\";\nimport { DEFAULT_FIELD_SYNC_LABELS } from \"../components/field-sync\";\nimport { DEFAULT_PASSWORD_REVEAL_LABELS, DEFAULT_TABS_LABELS } from \"../components/ui\";\nimport { DEFAULT_WIZARD_LABELS } from \"../wizard/types\";\nimport { DEFAULT_TOUR_LABELS } from \"../tour/tour\";\nimport { DEFAULT_COMMAND_PALETTE_LABELS } from \"../search/command-palette\";\nimport { DEFAULT_GLOBAL_SEARCH_LABELS } from \"../search/global-search\";\nimport { DEFAULT_SERIES_CHART_LABELS } from \"../components/series-chart-labels\";\nimport { DEFAULT_SPARKLINE_LABELS } from \"../components/sparkline\";\nimport { DEFAULT_STAT_TILE_LABELS } from \"../components/stat-tile\";\nimport { DEFAULT_SIGNATURE_PAD_LABELS } from \"../components/signature-pad\";\nimport { DEFAULT_PASSWORD_STRENGTH_LABELS } from \"../components/password-strength\";\nimport { DEFAULT_DANGER_CONFIRM_LABELS } from \"../components/danger-confirm\";\nimport { DEFAULT_SWATCH_PICKER_LABELS } from \"../components/swatch-picker\";\nimport { DEFAULT_ICON_PICKER_LABELS } from \"../components/icon-picker\";\nimport { DEFAULT_DIALOG_FRAME_LABELS } from \"../components/dialog-frame\";\nimport { DEFAULT_FILE_PICKER_LABELS } from \"../components/file-button\";\nimport { DEFAULT_MEASURED_GRID_LABELS } from \"../components/measured-grid\";\nimport { DEFAULT_CONFIRM_DIALOG_LABELS } from \"../components/confirm-dialog\";\nimport { DEFAULT_FLOATING_PANEL_LABELS } from \"../components/floating-panel\";\nimport { DEFAULT_FEEDBACK_ATTACHMENT_LABELS } from \"../feedback/feedback-attachment\";\nimport { DEFAULT_COPY_BUTTON_LABELS } from \"../components/copy-button\";\nimport {\n  DEFAULT_APP_SHELL_LABELS,\n  DEFAULT_CALCULATOR_LABELS,\n  DEFAULT_COMBOBOX_LABELS,\n  DEFAULT_COMMON_LABELS,\n  DEFAULT_CURRENCY_LABELS,\n  DEFAULT_DATE_PICKER_LABELS,\n  DEFAULT_FILE_LABELS,\n  DEFAULT_MULTI_SELECT_LABELS,\n  DEFAULT_PICKER_SHEET_LABELS,\n  DEFAULT_SWIPEABLE_ROW_LABELS,\n  DEFAULT_TOP_BAR_LABELS,\n} from \"./kit-labels\";\nimport type { UiKitLabels } from \"./kit-labels\";\n\n/**\n * The whole English tree in one object: what a translation is written against, and\n * the `reference` for {@link missingKitLabels}.\n *\n * A separate module from the provider on purpose. Components import the provider's\n * hooks; this file imports the components' defaults. Kept together they would be an\n * import cycle through every component in the kit.\n */\nexport const DEFAULT_UI_KIT_LABELS: UiKitLabels = {\n  common: DEFAULT_COMMON_LABELS,\n  dataTable: DEFAULT_DATA_TABLE_LABELS,\n  miniCalendar: DEFAULT_MINI_CALENDAR_LABELS,\n  datePicker: DEFAULT_DATE_PICKER_LABELS,\n  monthPicker: DEFAULT_MONTH_PICKER_LABELS,\n  popover: DEFAULT_POPOVER_LABELS,\n  combobox: DEFAULT_COMBOBOX_LABELS,\n  multiSelect: DEFAULT_MULTI_SELECT_LABELS,\n  calculator: DEFAULT_CALCULATOR_LABELS,\n  currency: DEFAULT_CURRENCY_LABELS,\n  chipInput: DEFAULT_CHIP_INPUT_LABELS,\n  fieldSync: DEFAULT_FIELD_SYNC_LABELS,\n  passwordReveal: DEFAULT_PASSWORD_REVEAL_LABELS,\n  tabs: DEFAULT_TABS_LABELS,\n  appShell: DEFAULT_APP_SHELL_LABELS,\n  pageContents: DEFAULT_PAGE_CONTENTS_LABELS,\n  topBar: DEFAULT_TOP_BAR_LABELS,\n  pickerSheet: DEFAULT_PICKER_SHEET_LABELS,\n  swipeableRow: DEFAULT_SWIPEABLE_ROW_LABELS,\n  file: DEFAULT_FILE_LABELS,\n  wizard: DEFAULT_WIZARD_LABELS,\n  tour: DEFAULT_TOUR_LABELS,\n  commandPalette: DEFAULT_COMMAND_PALETTE_LABELS,\n  globalSearch: DEFAULT_GLOBAL_SEARCH_LABELS,\n  seriesChart: DEFAULT_SERIES_CHART_LABELS,\n  sparkline: DEFAULT_SPARKLINE_LABELS,\n  statTile: DEFAULT_STAT_TILE_LABELS,\n  signaturePad: DEFAULT_SIGNATURE_PAD_LABELS,\n  passwordStrength: DEFAULT_PASSWORD_STRENGTH_LABELS,\n  dangerConfirm: DEFAULT_DANGER_CONFIRM_LABELS,\n  swatchPicker: DEFAULT_SWATCH_PICKER_LABELS,\n  iconPicker: DEFAULT_ICON_PICKER_LABELS,\n  dialogFrame: DEFAULT_DIALOG_FRAME_LABELS,\n  filePicker: DEFAULT_FILE_PICKER_LABELS,\n  measuredGrid: DEFAULT_MEASURED_GRID_LABELS,\n  feedbackAttachment: DEFAULT_FEEDBACK_ATTACHMENT_LABELS,\n  confirmDialog: DEFAULT_CONFIRM_DIALOG_LABELS,\n  floatingPanel: DEFAULT_FLOATING_PANEL_LABELS,\n  copyButton: DEFAULT_COPY_BUTTON_LABELS,\n};\n"],"mappings":";AAAA,SAAS,iCAAiC;AAC1C,SAAS,oCAAoC;AAC7C,SAAS,mCAAmC;AAC5C,SAAS,oCAAoC;AAC7C,SAAS,8BAA8B;AACvC,SAAS,iCAAiC;AAC1C,SAAS,iCAAiC;AAC1C,SAAS,gCAAgC,2BAA2B;AACpE,SAAS,6BAA6B;AACtC,SAAS,2BAA2B;AACpC,SAAS,sCAAsC;AAC/C,SAAS,oCAAoC;AAC7C,SAAS,mCAAmC;AAC5C,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AACzC,SAAS,oCAAoC;AAC7C,SAAS,wCAAwC;AACjD,SAAS,qCAAqC;AAC9C,SAAS,oCAAoC;AAC7C,SAAS,kCAAkC;AAC3C,SAAS,mCAAmC;AAC5C,SAAS,kCAAkC;AAC3C,SAAS,oCAAoC;AAC7C,SAAS,qCAAqC;AAC9C,SAAS,qCAAqC;AAC9C,SAAS,0CAA0C;AACnD,SAAS,kCAAkC;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAWA,MAAM,wBAAqC;AAAA,EAChD,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,SAAS;AAAA,EACT,UAAU;AAAA,EACV,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,cAAc;AAAA,EACd,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,WAAW;AAAA,EACX,UAAU;AAAA,EACV,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,YAAY;AACd;","names":[]}
+{"version":3,"sources":["../../src/i18n/defaults.ts"],"sourcesContent":["import { DEFAULT_DATA_TABLE_LABELS } from \"../components/data-table-labels\";\nimport { DEFAULT_MINI_CALENDAR_LABELS } from \"../components/mini-calendar\";\nimport { DEFAULT_CALENDAR_HEATMAP_LABELS } from \"../components/calendar-heatmap\";\nimport { DEFAULT_MONTH_PICKER_LABELS } from \"../components/month-picker\";\nimport { DEFAULT_PAGE_CONTENTS_LABELS } from \"../components/page-contents\";\nimport { DEFAULT_POPOVER_LABELS } from \"../components/popover\";\nimport { DEFAULT_CHIP_INPUT_LABELS } from \"../components/chip\";\nimport { DEFAULT_FIELD_SYNC_LABELS } from \"../components/field-sync\";\nimport { DEFAULT_PASSWORD_REVEAL_LABELS, DEFAULT_TABS_LABELS } from \"../components/ui\";\nimport { DEFAULT_WIZARD_LABELS } from \"../wizard/types\";\nimport { DEFAULT_TOUR_LABELS } from \"../tour/tour\";\nimport { DEFAULT_COMMAND_PALETTE_LABELS } from \"../search/command-palette\";\nimport { DEFAULT_GLOBAL_SEARCH_LABELS } from \"../search/global-search\";\nimport { DEFAULT_SERIES_CHART_LABELS } from \"../components/series-chart-labels\";\nimport { DEFAULT_SPARKLINE_LABELS } from \"../components/sparkline\";\nimport { DEFAULT_STAT_TILE_LABELS } from \"../components/stat-tile\";\nimport { DEFAULT_SIGNATURE_PAD_LABELS } from \"../components/signature-pad\";\nimport { DEFAULT_PASSWORD_STRENGTH_LABELS } from \"../components/password-strength\";\nimport { DEFAULT_DANGER_CONFIRM_LABELS } from \"../components/danger-confirm\";\nimport { DEFAULT_SWATCH_PICKER_LABELS } from \"../components/swatch-picker\";\nimport { DEFAULT_ICON_PICKER_LABELS } from \"../components/icon-picker\";\nimport { DEFAULT_DIALOG_FRAME_LABELS } from \"../components/dialog-frame\";\nimport { DEFAULT_FILE_PICKER_LABELS } from \"../components/file-button\";\nimport { DEFAULT_MEASURED_GRID_LABELS } from \"../components/measured-grid\";\nimport { DEFAULT_CONFIRM_DIALOG_LABELS } from \"../components/confirm-dialog\";\nimport { DEFAULT_FLOATING_PANEL_LABELS } from \"../components/floating-panel\";\nimport { DEFAULT_FEEDBACK_ATTACHMENT_LABELS } from \"../feedback/feedback-attachment\";\nimport { DEFAULT_COPY_BUTTON_LABELS } from \"../components/copy-button\";\nimport { DEFAULT_BULK_ACTION_BAR_LABELS } from \"../components/bulk-action-bar\";\nimport { DEFAULT_LIST_LABELS } from \"../components/list\";\nimport { DEFAULT_BREADCRUMBS_LABELS } from \"../components/breadcrumbs\";\nimport { DEFAULT_TOAST_LABELS } from \"../components/toast\";\nimport {\n  DEFAULT_APP_SHELL_LABELS,\n  DEFAULT_CALCULATOR_LABELS,\n  DEFAULT_COMBOBOX_LABELS,\n  DEFAULT_COMMON_LABELS,\n  DEFAULT_CURRENCY_LABELS,\n  DEFAULT_DATE_PICKER_LABELS,\n  DEFAULT_FILE_LABELS,\n  DEFAULT_MULTI_SELECT_LABELS,\n  DEFAULT_PICKER_SHEET_LABELS,\n  DEFAULT_SWIPEABLE_ROW_LABELS,\n  DEFAULT_TOP_BAR_LABELS,\n} from \"./kit-labels\";\nimport type { UiKitLabels } from \"./kit-labels\";\n\n/**\n * The whole English tree in one object: what a translation is written against, and\n * the `reference` for {@link missingKitLabels}.\n *\n * A separate module from the provider on purpose. Components import the provider's\n * hooks; this file imports the components' defaults. Kept together they would be an\n * import cycle through every component in the kit.\n */\nexport const DEFAULT_UI_KIT_LABELS: UiKitLabels = {\n  common: DEFAULT_COMMON_LABELS,\n  dataTable: DEFAULT_DATA_TABLE_LABELS,\n  miniCalendar: DEFAULT_MINI_CALENDAR_LABELS,\n  calendarHeatmap: DEFAULT_CALENDAR_HEATMAP_LABELS,\n  datePicker: DEFAULT_DATE_PICKER_LABELS,\n  monthPicker: DEFAULT_MONTH_PICKER_LABELS,\n  popover: DEFAULT_POPOVER_LABELS,\n  combobox: DEFAULT_COMBOBOX_LABELS,\n  multiSelect: DEFAULT_MULTI_SELECT_LABELS,\n  calculator: DEFAULT_CALCULATOR_LABELS,\n  currency: DEFAULT_CURRENCY_LABELS,\n  chipInput: DEFAULT_CHIP_INPUT_LABELS,\n  fieldSync: DEFAULT_FIELD_SYNC_LABELS,\n  passwordReveal: DEFAULT_PASSWORD_REVEAL_LABELS,\n  tabs: DEFAULT_TABS_LABELS,\n  appShell: DEFAULT_APP_SHELL_LABELS,\n  pageContents: DEFAULT_PAGE_CONTENTS_LABELS,\n  topBar: DEFAULT_TOP_BAR_LABELS,\n  pickerSheet: DEFAULT_PICKER_SHEET_LABELS,\n  swipeableRow: DEFAULT_SWIPEABLE_ROW_LABELS,\n  file: DEFAULT_FILE_LABELS,\n  wizard: DEFAULT_WIZARD_LABELS,\n  tour: DEFAULT_TOUR_LABELS,\n  commandPalette: DEFAULT_COMMAND_PALETTE_LABELS,\n  globalSearch: DEFAULT_GLOBAL_SEARCH_LABELS,\n  seriesChart: DEFAULT_SERIES_CHART_LABELS,\n  sparkline: DEFAULT_SPARKLINE_LABELS,\n  statTile: DEFAULT_STAT_TILE_LABELS,\n  signaturePad: DEFAULT_SIGNATURE_PAD_LABELS,\n  passwordStrength: DEFAULT_PASSWORD_STRENGTH_LABELS,\n  dangerConfirm: DEFAULT_DANGER_CONFIRM_LABELS,\n  swatchPicker: DEFAULT_SWATCH_PICKER_LABELS,\n  iconPicker: DEFAULT_ICON_PICKER_LABELS,\n  dialogFrame: DEFAULT_DIALOG_FRAME_LABELS,\n  filePicker: DEFAULT_FILE_PICKER_LABELS,\n  measuredGrid: DEFAULT_MEASURED_GRID_LABELS,\n  feedbackAttachment: DEFAULT_FEEDBACK_ATTACHMENT_LABELS,\n  confirmDialog: DEFAULT_CONFIRM_DIALOG_LABELS,\n  floatingPanel: DEFAULT_FLOATING_PANEL_LABELS,\n  copyButton: DEFAULT_COPY_BUTTON_LABELS,\n  bulkActionBar: DEFAULT_BULK_ACTION_BAR_LABELS,\n  list: DEFAULT_LIST_LABELS,\n  breadcrumbs: DEFAULT_BREADCRUMBS_LABELS,\n  toast: DEFAULT_TOAST_LABELS,\n};\n"],"mappings":";AAAA,SAAS,iCAAiC;AAC1C,SAAS,oCAAoC;AAC7C,SAAS,uCAAuC;AAChD,SAAS,mCAAmC;AAC5C,SAAS,oCAAoC;AAC7C,SAAS,8BAA8B;AACvC,SAAS,iCAAiC;AAC1C,SAAS,iCAAiC;AAC1C,SAAS,gCAAgC,2BAA2B;AACpE,SAAS,6BAA6B;AACtC,SAAS,2BAA2B;AACpC,SAAS,sCAAsC;AAC/C,SAAS,oCAAoC;AAC7C,SAAS,mCAAmC;AAC5C,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AACzC,SAAS,oCAAoC;AAC7C,SAAS,wCAAwC;AACjD,SAAS,qCAAqC;AAC9C,SAAS,oCAAoC;AAC7C,SAAS,kCAAkC;AAC3C,SAAS,mCAAmC;AAC5C,SAAS,kCAAkC;AAC3C,SAAS,oCAAoC;AAC7C,SAAS,qCAAqC;AAC9C,SAAS,qCAAqC;AAC9C,SAAS,0CAA0C;AACnD,SAAS,kCAAkC;AAC3C,SAAS,sCAAsC;AAC/C,SAAS,2BAA2B;AACpC,SAAS,kCAAkC;AAC3C,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAWA,MAAM,wBAAqC;AAAA,EAChD,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,SAAS;AAAA,EACT,UAAU;AAAA,EACV,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,cAAc;AAAA,EACd,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,WAAW;AAAA,EACX,UAAU;AAAA,EACV,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,MAAM;AAAA,EACN,aAAa;AAAA,EACb,OAAO;AACT;","names":[]}

package/dist/i18n/kit-labels.d.ts

@@ -2,6 +2,7 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import { DataTableLabels } from '../components/data-table-labels.js';
 import { MiniCalendarLabels, WeekDay } from '../components/mini-calendar.js';
+import { CalendarHeatmapLabels } from '../components/calendar-heatmap.js';
 import { PopoverLabels } from '../components/popover.js';
 import { ChipInputLabels } from '../components/chip.js';
 import { FieldSyncLabels } from '../components/field-sync.js';
@@ -27,9 +28,14 @@ import { FeedbackAttachmentFieldLabels } from '../feedback/feedback-attachment.j
 import { ConfirmDialogLabels } from '../components/confirm-dialog.js';
 import { FloatingPanelLabels } from '../components/floating-panel.js';
 import { CopyButtonLabels } from '../components/copy-button.js';
+import { BulkActionBarLabels } from '../components/bulk-action-bar.js';
+import { ListLabels } from '../components/list.js';
+import { BreadcrumbsLabels } from '../components/breadcrumbs.js';
+import { ToastLabels } from '../components/toast.js';
 import 'lucide-react';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
 import '../search/search-index.js';
 import '../components/tile-radio.js';
 import '../components/modal.js';
@@ -186,6 +192,7 @@ interface UiKitLabels {
     common: CommonLabels;
     dataTable: DataTableLabels;
     miniCalendar: MiniCalendarLabels;
+    calendarHeatmap: CalendarHeatmapLabels;
     datePicker: DatePickerLabels;
     monthPicker: MonthPickerLabels;
     popover: PopoverLabels;
@@ -222,6 +229,10 @@ interface UiKitLabels {
     confirmDialog: ConfirmDialogLabels;
     floatingPanel: FloatingPanelLabels;
     copyButton: CopyButtonLabels;
+    bulkActionBar: BulkActionBarLabels;
+    list: ListLabels;
+    breadcrumbs: BreadcrumbsLabels;
+    toast: ToastLabels;
 }
 /** Any subset of the tree, one level deep — each namespace may be partial, and a
  *  namespace that holds a record (`dataTable.presets`) is merged key by key. */

package/dist/i18n/kit-labels.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/i18n/kit-labels.tsx"],"sourcesContent":["import { createContext, useContext, useMemo } from \"react\";\nimport type { ReactNode } from \"react\";\nimport type { DataTableLabels } from \"../components/data-table-labels\";\nimport type { MiniCalendarLabels, WeekDay } from \"../components/mini-calendar\";\nimport type { PopoverLabels } from \"../components/popover\";\nimport type { ChipInputLabels } from \"../components/chip\";\nimport type { FieldSyncLabels } from \"../components/field-sync\";\nimport type { PasswordRevealLabels, TabsLabels } from \"../components/ui\";\nimport type { WizardLabels } from \"../wizard/types\";\nimport type { TourLabels } from \"../tour/tour\";\nimport type { CommandPaletteLabels } from \"../search/command-palette\";\nimport type { GlobalSearchLabels } from \"../search/global-search\";\nimport type { MonthPickerLabels } from \"../components/month-picker\";\nimport type { PageContentsLabels } from \"../components/page-contents\";\nimport type { SeriesChartLabels } from \"../components/series-chart-labels\";\nimport type { SparklineLabels } from \"../components/sparkline\";\nimport type { StatTileLabels } from \"../components/stat-tile\";\nimport type { SignaturePadLabels } from \"../components/signature-pad\";\nimport type { PasswordStrengthLabels } from \"../components/password-strength\";\nimport type { DangerConfirmLabels } from \"../components/danger-confirm\";\nimport type { SwatchPickerLabels } from \"../components/swatch-picker\";\nimport type { IconPickerLabels } from \"../components/icon-picker\";\nimport type { DialogFrameLabels } from \"../components/dialog-frame\";\nimport type { FilePickerLabels } from \"../components/file-button\";\nimport type { MeasuredGridLabels } from \"../components/measured-grid\";\nimport type { FeedbackAttachmentFieldLabels } from \"../feedback/feedback-attachment\";\nimport type { ConfirmDialogLabels } from \"../components/confirm-dialog\";\nimport type { FloatingPanelLabels } from \"../components/floating-panel\";\nimport type { CopyButtonLabels } from \"../components/copy-button\";\n\n/**\n * EVERY string the kit renders, as one typed tree — and an optional provider that\n * hands it to every component at once.\n *\n * WHY THIS EXISTS. The kit ships no catalogue and resolves no strings, and that stays\n * true: the app supplies every word. What was wrong was HOW it had to supply them —\n * one `labels` prop per component instance, under a different prop name per\n * component (`labels`, `calendarLabels`, `passwordLabels`, `clearLabel`,\n * `searchPlaceholder`, `ariaLabel` …). A translated app therefore rendered English\n * wherever one call site forgot one prop, and nothing told it so: a German showcase\n * still said \"Rows per page\", \"Collapse sidebar\" and \"Popover\" in seven languages.\n *\n * Now there is one key per string, addressed by a dot path (`dataTable.pageSize`,\n * `datePicker.today`), and three sources in a fixed order of precedence:\n *\n *     the component's own prop   >   <UiKitProvider labels>   >   English default\n *\n * A consumer writes its translation ONCE, as a `UiKitLabels` (or a partial of it),\n * mounts `<UiKitProvider labels={…} locale={…}>` at the root, and every kit component\n * below speaks that language — including the ones nested inside other kit components\n * (the calendar inside the data table's date filter, the popover inside the date\n * picker), which no prop at the outer call site could reach before.\n *\n * Messages that carry a value are FUNCTIONS of that value, never a template to fill:\n * a number glued into an English sentence is untranslatable, because the grammar\n * around it moves with it in most languages.\n */\n\n/* ── Namespaces that had no labels type of their own ─────────────────────── */\n\n/** The words several components share. A component's own namespace wins over these\n *  where both exist; these are what a new component reaches for first. */\nexport interface CommonLabels {\n  close: string;\n  clear: string;\n  search: string;\n  done: string;\n  cancel: string;\n  save: string;\n  back: string;\n  next: string;\n  remove: string;\n  loading: string;\n  noResults: string;\n  /** \"Name: value\" — how a field's accessible name is composed with its value.\n   *  A colon-and-space is not universal punctuation (French puts a space before\n   *  the colon, Chinese uses a full-width one). */\n  fieldValue: (field: string, value: string) => string;\n  /** The × that puts away a banner or a notice (`AlertBanner onDismiss`). Not `close`:\n   *  nothing opened, and \"Close\" on a banner reads as closing the page it sits on. */\n  dismiss: string;\n}\n\n/** `DatePicker` / `DateRangePicker` chrome. The calendar inside has its own\n *  namespace, `miniCalendar`. */\nexport interface DatePickerLabels {\n  /** Accessible name of the popover panel the calendar opens in. */\n  panel: string;\n  /** The same, for `DateRangePicker`'s panel. */\n  rangePanel: string;\n  clear: string;\n  previousDay: string;\n  nextDay: string;\n  today: string;\n  /** `DateRangePicker commit=\"apply\"`: the button that commits the drafted range. */\n  apply: string;\n  /** …and the one that discards it. */\n  cancel: string;\n  /** Accessible name of `DateRangePicker`'s preset column. */\n  presets: string;\n}\n\n/** The whole combobox family: `Combobox`, `EntityCombobox`,\n *  `MultiEntityCombobox`, `InlineEntityCombobox`, `Autocomplete`. */\nexport interface ComboboxLabels {\n  search: string;\n  noResults: string;\n  clear: string;\n  loading: string;\n  /** The \"add this\" row when free entry is allowed. */\n  create: (query: string) => string;\n  /** Trigger summary once more than one value is picked. */\n  selectedCount: (count: number) => string;\n  /** An async lookup (`loadOptions`) failed. */\n  loadError: string;\n  /** Announced (live region) when the list settles on `count` > 0 rows. */\n  resultCount: (count: number) => string;\n  /** The query is shorter than the `minChars` a lookup needs. */\n  minChars: (count: number) => string;\n}\n\nexport interface MultiSelectLabels {\n  search: string;\n  selectAll: string;\n  clear: string;\n  /** Trigger text when nothing is picked, which a multi-select reads as \"all\". */\n  all: string;\n  /** Trigger summary once some (but not all) values are picked. The English\n   *  default is the bare count, which is what the trigger has always shown. */\n  selectedCount: (count: number) => string;\n}\n\n/** `CalculatorButton` (desktop popover keypad) and `NumberPadSheet` (phone sheet). */\nexport interface CalculatorLabels {\n  /** The button that opens the calculator. */\n  open: string;\n  /** The popover / sheet itself. */\n  panel: string;\n  calculation: string;\n  backspace: string;\n  clear: string;\n  equals: string;\n  /** The primary key of the phone pad — visible text, not an aria-label. */\n  done: string;\n  /** Names of the operator keys and the decimal key. Their glyphs are not names a\n   *  screen reader agrees on — \"÷\" is read as \"division sign\", \"divided by\" or\n   *  nothing at all depending on the reader — so each says what it does. */\n  plus: string;\n  minus: string;\n  times: string;\n  divide: string;\n  decimal: string;\n}\n\n/** `CurrencySelect` and the currency half of `AmountInput`. */\nexport interface CurrencyLabels {\n  currency: string;\n  search: string;\n}\n\nexport interface AppShellLabels {\n  collapse: string;\n  expand: string;\n  /** Accessible name of an inline group's disclosure button (`subNav=\"inline\"`). */\n  toggleGroup: (groupLabel: string) => string;\n}\n\nexport interface TopBarLabels {\n  theme: string;\n  palette: string;\n  language: string;\n  switchRole: string;\n  /** The role switcher's tooltip, given the active role's name. */\n  role: (value: string) => string;\n}\n\nexport interface PickerSheetLabels {\n  close: string;\n}\n\nexport interface SwipeableRowLabels {\n  actions: string;\n}\n\nexport interface FileLabels {\n  /** A file size for display, given its size in BYTES. The default uses\n   *  `Intl.NumberFormat`'s unit formatting in the provider's locale. */\n  size: (bytes: number) => string;\n}\n\n/** The complete tree. `UiKitProvider` takes any partial of it. */\nexport interface UiKitLabels {\n  common: CommonLabels;\n  dataTable: DataTableLabels;\n  miniCalendar: MiniCalendarLabels;\n  datePicker: DatePickerLabels;\n  monthPicker: MonthPickerLabels;\n  popover: PopoverLabels;\n  combobox: ComboboxLabels;\n  multiSelect: MultiSelectLabels;\n  calculator: CalculatorLabels;\n  currency: CurrencyLabels;\n  chipInput: ChipInputLabels;\n  fieldSync: FieldSyncLabels;\n  passwordReveal: PasswordRevealLabels;\n  tabs: TabsLabels;\n  appShell: AppShellLabels;\n  pageContents: PageContentsLabels;\n  topBar: TopBarLabels;\n  pickerSheet: PickerSheetLabels;\n  swipeableRow: SwipeableRowLabels;\n  file: FileLabels;\n  wizard: WizardLabels;\n  tour: TourLabels;\n  commandPalette: CommandPaletteLabels;\n  globalSearch: GlobalSearchLabels;\n  seriesChart: SeriesChartLabels;\n  sparkline: SparklineLabels;\n  statTile: StatTileLabels;\n  signaturePad: SignaturePadLabels;\n  passwordStrength: PasswordStrengthLabels;\n  dangerConfirm: DangerConfirmLabels;\n  swatchPicker: SwatchPickerLabels;\n  iconPicker: IconPickerLabels;\n  dialogFrame: DialogFrameLabels;\n  filePicker: FilePickerLabels;\n  measuredGrid: MeasuredGridLabels;\n  feedbackAttachment: FeedbackAttachmentFieldLabels;\n  confirmDialog: ConfirmDialogLabels;\n  floatingPanel: FloatingPanelLabels;\n  copyButton: CopyButtonLabels;\n}\n\n/** Any subset of the tree, one level deep — each namespace may be partial, and a\n *  namespace that holds a record (`dataTable.presets`) is merged key by key. */\nexport type UiKitLabelOverrides = { [K in keyof UiKitLabels]?: Partial<UiKitLabels[K]> };\n\n/* ── English defaults for the namespaces defined here ────────────────────── */\n\nexport const DEFAULT_COMMON_LABELS: CommonLabels = {\n  close: \"Close\",\n  clear: \"Clear\",\n  search: \"Search\",\n  done: \"Done\",\n  cancel: \"Cancel\",\n  save: \"Save\",\n  back: \"Back\",\n  next: \"Next\",\n  remove: \"Remove\",\n  loading: \"Loading…\",\n  noResults: \"No results\",\n  fieldValue: (field, value) => `${field}: ${value}`,\n  dismiss: \"Dismiss\",\n};\n\nexport const DEFAULT_DATE_PICKER_LABELS: DatePickerLabels = {\n  panel: \"Choose a date\",\n  rangePanel: \"Choose a date range\",\n  clear: \"Clear\",\n  previousDay: \"Previous day\",\n  nextDay: \"Next day\",\n  today: \"Today\",\n  apply: \"Apply\",\n  cancel: \"Cancel\",\n  presets: \"Quick ranges\",\n};\n\nexport const DEFAULT_COMBOBOX_LABELS: ComboboxLabels = {\n  search: \"Search\",\n  noResults: \"No results\",\n  clear: \"Clear\",\n  loading: \"Loading…\",\n  create: (query) => `Create “${query}”`,\n  selectedCount: (count) => `${count} selected`,\n  loadError: \"Couldn’t load results\",\n  resultCount: (count) => (count === 1 ? \"1 result\" : `${count} results`),\n  minChars: (count) =>\n    count === 1 ? \"Type at least 1 character\" : `Type at least ${count} characters`,\n};\n\nexport const DEFAULT_MULTI_SELECT_LABELS: MultiSelectLabels = {\n  search: \"Search\",\n  selectAll: \"Select all\",\n  clear: \"Clear\",\n  all: \"All\",\n  selectedCount: (count) => String(count),\n};\n\nexport const DEFAULT_CALCULATOR_LABELS: CalculatorLabels = {\n  open: \"Open calculator\",\n  panel: \"Calculator\",\n  calculation: \"Calculation\",\n  backspace: \"Backspace\",\n  clear: \"Clear\",\n  equals: \"Equals\",\n  done: \"Done\",\n  plus: \"Plus\",\n  minus: \"Minus\",\n  times: \"Times\",\n  divide: \"Divide\",\n  decimal: \"Decimal point\",\n};\n\nexport const DEFAULT_CURRENCY_LABELS: CurrencyLabels = {\n  currency: \"Currency\",\n  search: \"Search currency\",\n};\n\nexport const DEFAULT_APP_SHELL_LABELS: AppShellLabels = {\n  collapse: \"Collapse sidebar\",\n  expand: \"Expand sidebar\",\n  toggleGroup: (groupLabel) => `${groupLabel}: pages`,\n};\n\nexport const DEFAULT_TOP_BAR_LABELS: TopBarLabels = {\n  theme: \"Toggle theme\",\n  palette: \"Appearance preset\",\n  language: \"Language\",\n  switchRole: \"Switch role\",\n  role: (value) => `Role: ${value}`,\n};\n\nexport const DEFAULT_PICKER_SHEET_LABELS: PickerSheetLabels = { close: \"Close\" };\n\nexport const DEFAULT_SWIPEABLE_ROW_LABELS: SwipeableRowLabels = { actions: \"Row actions\" };\n\n/** Formats with the locale the provider was given (see {@link useKitFileLabels}).\n *  This static default has no locale to hand and falls back to the runtime's. */\nexport const DEFAULT_FILE_LABELS: FileLabels = {\n  size: (bytes) => formatFileSize(bytes),\n};\n\n/** \"12 kB\", \"3.4 MB\" — `Intl`'s unit formatting, so the digits, the decimal mark and\n *  the unit's spelling all follow `locale`. */\nexport function formatFileSize(bytes: number, locale?: string): string {\n  const units = [\"byte\", \"kilobyte\", \"megabyte\", \"gigabyte\"] as const;\n  let value = bytes;\n  let i = 0;\n  while (value >= 1000 && i < units.length - 1) {\n    value /= 1000;\n    i += 1;\n  }\n  return new Intl.NumberFormat(locale, {\n    style: \"unit\",\n    unit: units[i],\n    unitDisplay: i === 0 ? \"long\" : \"short\",\n    maximumFractionDigits: value < 10 && i > 0 ? 1 : 0,\n  }).format(value);\n}\n\n/* ── The provider ────────────────────────────────────────────────────────── */\n\ninterface KitI18n {\n  labels?: UiKitLabelOverrides;\n  locale?: string;\n  weekStartsOn?: WeekDay;\n}\n\nconst KitI18nContext = createContext<KitI18n>({});\n\nexport interface UiKitProviderProps {\n  /** Any part of {@link UiKitLabels}. Missing keys fall back to English. */\n  labels?: UiKitLabelOverrides;\n  /**\n   * BCP 47 tag used by every kit component that formats something — dates, numbers,\n   * month and weekday names, file sizes — when it is not handed a `locale` prop of\n   * its own. Without a provider, and without a prop, those use the runtime default.\n   */\n  locale?: string;\n  /**\n   * The first day of the week (0 = Sunday, 1 = Monday …) for every calendar below —\n   * `MiniCalendar` and the pickers built on it — that is not handed a `weekStartsOn`\n   * of its own. Without it the week start follows `locale`'s week info.\n   *\n   * Separate from `locale` because the two are separate decisions: a German-built\n   * app running in English (`locale=\"en\"`) would otherwise start its weeks on Sunday,\n   * and switching it to `en-GB` to get Monday changes every date and number format.\n   */\n  weekStartsOn?: WeekDay;\n  children: ReactNode;\n}\n\n/**\n * Hand every kit component below this point its strings and its locale.\n *\n * Optional: a component outside any provider behaves exactly as it did before the\n * provider existed. Nesting works as a merge — an inner provider overrides only what\n * it names, so a page can re-label one table's `dataTable.table` without restating\n * the language.\n */\nexport function UiKitProvider({ labels, locale, weekStartsOn, children }: UiKitProviderProps) {\n  const outer = useContext(KitI18nContext);\n  const value = useMemo<KitI18n>(\n    () => ({\n      locale: locale ?? outer.locale,\n      weekStartsOn: weekStartsOn ?? outer.weekStartsOn,\n      labels: mergeOverrides(outer.labels, labels),\n    }),\n    [outer, labels, locale, weekStartsOn],\n  );\n  return <KitI18nContext.Provider value={value}>{children}</KitI18nContext.Provider>;\n}\n\nfunction isRecord(v: unknown): v is Record<string, unknown> {\n  return typeof v === \"object\" && v !== null && !Array.isArray(v);\n}\n\n/** Two levels: namespaces, and inside a namespace a record-valued key (presets). */\nfunction mergeNamespace<T extends object>(base: T, over: Partial<T> | undefined): T {\n  if (!over) return base;\n  const out = { ...base } as Record<string, unknown>;\n  for (const [k, v] of Object.entries(over)) {\n    if (v === undefined) continue;\n    const prev = out[k];\n    out[k] = isRecord(prev) && isRecord(v) ? { ...prev, ...v } : v;\n  }\n  return out as T;\n}\n\nfunction mergeOverrides(\n  a: UiKitLabelOverrides | undefined,\n  b: UiKitLabelOverrides | undefined,\n): UiKitLabelOverrides | undefined {\n  if (!a) return b;\n  if (!b) return a;\n  const out: Record<string, unknown> = { ...a };\n  for (const [ns, v] of Object.entries(b)) {\n    out[ns] = mergeNamespace((out[ns] as object | undefined) ?? {}, v as object);\n  }\n  return out as UiKitLabelOverrides;\n}\n\n/** What the nearest provider says about one namespace — `undefined` outside one.\n *  For a component whose own resolver does more than a merge (the data table\n *  derives `columnsCount` from `columns`): feed `{ ...overrides, ...props }` to it. */\nexport function useKitLabelOverrides<K extends keyof UiKitLabels>(\n  ns: K,\n): Partial<UiKitLabels[K]> | undefined {\n  return useContext(KitI18nContext).labels?.[ns] as Partial<UiKitLabels[K]> | undefined;\n}\n\n/**\n * One namespace, resolved: `defaults`, then the provider, then the component's own\n * `prop`. Record-valued keys are merged key by key at each step.\n */\nexport function useKitLabels<K extends keyof UiKitLabels>(\n  ns: K,\n  defaults: UiKitLabels[K],\n  prop?: Partial<UiKitLabels[K]>,\n): UiKitLabels[K] {\n  const fromProvider = useKitLabelOverrides(ns);\n  return useMemo(\n    () => mergeNamespace(mergeNamespace(defaults, fromProvider), prop),\n    [defaults, fromProvider, prop],\n  );\n}\n\n/** The component's own `locale` prop, else the provider's, else `undefined` (which\n *  every `Intl` API reads as \"the runtime's default\"). */\nexport function useKitLocale(prop?: string): string | undefined {\n  const fromProvider = useContext(KitI18nContext).locale;\n  return prop ?? fromProvider;\n}\n\n/** The week start the nearest `<UiKitProvider weekStartsOn>` pins, else `undefined`\n *  (the caller then asks the locale). A component's own prop goes first:\n *  `prop ?? useKitWeekStart()`. */\nexport function useKitWeekStart(): WeekDay | undefined {\n  return useContext(KitI18nContext).weekStartsOn;\n}\n\n/** {@link DEFAULT_FILE_LABELS}, but formatting in the provider's locale. */\nexport function useKitFileLabels(prop?: Partial<FileLabels>): FileLabels {\n  const locale = useKitLocale();\n  const defaults = useMemo<FileLabels>(\n    () => ({ size: (bytes) => formatFileSize(bytes, locale) }),\n    [locale],\n  );\n  return useKitLabels(\"file\", defaults, prop);\n}\n\n/**\n * The dot paths of every key `labels` does NOT supply — the ones a translated app is\n * still showing in English. Assert on it in the app's own test:\n *\n *     expect(missingKitLabels(de)).toEqual([]);\n *\n * `reference` is the complete tree to check against — pass\n * {@link DEFAULT_UI_KIT_LABELS} (src/i18n/defaults.ts). It is a parameter rather than an import\n * because the defaults live beside their components, and this module is imported BY\n * those components.\n */\nexport function missingKitLabels(\n  labels: UiKitLabelOverrides | undefined,\n  reference: UiKitLabels,\n): string[] {\n  const missing: string[] = [];\n  for (const [ns, keys] of Object.entries(reference)) {\n    const given = (labels as Record<string, Record<string, unknown> | undefined> | undefined)?.[ns];\n    for (const [key, value] of Object.entries(keys as Record<string, unknown>)) {\n      const got = given?.[key];\n      if (got === undefined) {\n        missing.push(`${ns}.${key}`);\n      } else if (isRecord(value) && isRecord(got)) {\n        for (const sub of Object.keys(value)) {\n          if (got[sub] === undefined) missing.push(`${ns}.${key}.${sub}`);\n        }\n      }\n    }\n  }\n  return missing;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/i18n/kit-labels.tsx"],"sourcesContent":["import { createContext, useContext, useMemo } from \"react\";\nimport type { ReactNode } from \"react\";\nimport type { DataTableLabels } from \"../components/data-table-labels\";\nimport type { MiniCalendarLabels, WeekDay } from \"../components/mini-calendar\";\nimport type { CalendarHeatmapLabels } from \"../components/calendar-heatmap\";\nimport type { PopoverLabels } from \"../components/popover\";\nimport type { ChipInputLabels } from \"../components/chip\";\nimport type { FieldSyncLabels } from \"../components/field-sync\";\nimport type { PasswordRevealLabels, TabsLabels } from \"../components/ui\";\nimport type { WizardLabels } from \"../wizard/types\";\nimport type { TourLabels } from \"../tour/tour\";\nimport type { CommandPaletteLabels } from \"../search/command-palette\";\nimport type { GlobalSearchLabels } from \"../search/global-search\";\nimport type { MonthPickerLabels } from \"../components/month-picker\";\nimport type { PageContentsLabels } from \"../components/page-contents\";\nimport type { SeriesChartLabels } from \"../components/series-chart-labels\";\nimport type { SparklineLabels } from \"../components/sparkline\";\nimport type { StatTileLabels } from \"../components/stat-tile\";\nimport type { SignaturePadLabels } from \"../components/signature-pad\";\nimport type { PasswordStrengthLabels } from \"../components/password-strength\";\nimport type { DangerConfirmLabels } from \"../components/danger-confirm\";\nimport type { SwatchPickerLabels } from \"../components/swatch-picker\";\nimport type { IconPickerLabels } from \"../components/icon-picker\";\nimport type { DialogFrameLabels } from \"../components/dialog-frame\";\nimport type { FilePickerLabels } from \"../components/file-button\";\nimport type { MeasuredGridLabels } from \"../components/measured-grid\";\nimport type { FeedbackAttachmentFieldLabels } from \"../feedback/feedback-attachment\";\nimport type { ConfirmDialogLabels } from \"../components/confirm-dialog\";\nimport type { FloatingPanelLabels } from \"../components/floating-panel\";\nimport type { CopyButtonLabels } from \"../components/copy-button\";\nimport type { BulkActionBarLabels } from \"../components/bulk-action-bar\";\nimport type { ListLabels } from \"../components/list\";\nimport type { BreadcrumbsLabels } from \"../components/breadcrumbs\";\nimport type { ToastLabels } from \"../components/toast\";\n\n/**\n * EVERY string the kit renders, as one typed tree — and an optional provider that\n * hands it to every component at once.\n *\n * WHY THIS EXISTS. The kit ships no catalogue and resolves no strings, and that stays\n * true: the app supplies every word. What was wrong was HOW it had to supply them —\n * one `labels` prop per component instance, under a different prop name per\n * component (`labels`, `calendarLabels`, `passwordLabels`, `clearLabel`,\n * `searchPlaceholder`, `ariaLabel` …). A translated app therefore rendered English\n * wherever one call site forgot one prop, and nothing told it so: a German showcase\n * still said \"Rows per page\", \"Collapse sidebar\" and \"Popover\" in seven languages.\n *\n * Now there is one key per string, addressed by a dot path (`dataTable.pageSize`,\n * `datePicker.today`), and three sources in a fixed order of precedence:\n *\n *     the component's own prop   >   <UiKitProvider labels>   >   English default\n *\n * A consumer writes its translation ONCE, as a `UiKitLabels` (or a partial of it),\n * mounts `<UiKitProvider labels={…} locale={…}>` at the root, and every kit component\n * below speaks that language — including the ones nested inside other kit components\n * (the calendar inside the data table's date filter, the popover inside the date\n * picker), which no prop at the outer call site could reach before.\n *\n * Messages that carry a value are FUNCTIONS of that value, never a template to fill:\n * a number glued into an English sentence is untranslatable, because the grammar\n * around it moves with it in most languages.\n */\n\n/* ── Namespaces that had no labels type of their own ─────────────────────── */\n\n/** The words several components share. A component's own namespace wins over these\n *  where both exist; these are what a new component reaches for first. */\nexport interface CommonLabels {\n  close: string;\n  clear: string;\n  search: string;\n  done: string;\n  cancel: string;\n  save: string;\n  back: string;\n  next: string;\n  remove: string;\n  loading: string;\n  noResults: string;\n  /** \"Name: value\" — how a field's accessible name is composed with its value.\n   *  A colon-and-space is not universal punctuation (French puts a space before\n   *  the colon, Chinese uses a full-width one). */\n  fieldValue: (field: string, value: string) => string;\n  /** The × that puts away a banner or a notice (`AlertBanner onDismiss`). Not `close`:\n   *  nothing opened, and \"Close\" on a banner reads as closing the page it sits on. */\n  dismiss: string;\n}\n\n/** `DatePicker` / `DateRangePicker` chrome. The calendar inside has its own\n *  namespace, `miniCalendar`. */\nexport interface DatePickerLabels {\n  /** Accessible name of the popover panel the calendar opens in. */\n  panel: string;\n  /** The same, for `DateRangePicker`'s panel. */\n  rangePanel: string;\n  clear: string;\n  previousDay: string;\n  nextDay: string;\n  today: string;\n  /** `DateRangePicker commit=\"apply\"`: the button that commits the drafted range. */\n  apply: string;\n  /** …and the one that discards it. */\n  cancel: string;\n  /** Accessible name of `DateRangePicker`'s preset column. */\n  presets: string;\n}\n\n/** The whole combobox family: `Combobox`, `EntityCombobox`,\n *  `MultiEntityCombobox`, `InlineEntityCombobox`, `Autocomplete`. */\nexport interface ComboboxLabels {\n  search: string;\n  noResults: string;\n  clear: string;\n  loading: string;\n  /** The \"add this\" row when free entry is allowed. */\n  create: (query: string) => string;\n  /** Trigger summary once more than one value is picked. */\n  selectedCount: (count: number) => string;\n  /** An async lookup (`loadOptions`) failed. */\n  loadError: string;\n  /** Announced (live region) when the list settles on `count` > 0 rows. */\n  resultCount: (count: number) => string;\n  /** The query is shorter than the `minChars` a lookup needs. */\n  minChars: (count: number) => string;\n}\n\nexport interface MultiSelectLabels {\n  search: string;\n  selectAll: string;\n  clear: string;\n  /** Trigger text when nothing is picked, which a multi-select reads as \"all\". */\n  all: string;\n  /** Trigger summary once some (but not all) values are picked. The English\n   *  default is the bare count, which is what the trigger has always shown. */\n  selectedCount: (count: number) => string;\n}\n\n/** `CalculatorButton` (desktop popover keypad) and `NumberPadSheet` (phone sheet). */\nexport interface CalculatorLabels {\n  /** The button that opens the calculator. */\n  open: string;\n  /** The popover / sheet itself. */\n  panel: string;\n  calculation: string;\n  backspace: string;\n  clear: string;\n  equals: string;\n  /** The primary key of the phone pad — visible text, not an aria-label. */\n  done: string;\n  /** Names of the operator keys and the decimal key. Their glyphs are not names a\n   *  screen reader agrees on — \"÷\" is read as \"division sign\", \"divided by\" or\n   *  nothing at all depending on the reader — so each says what it does. */\n  plus: string;\n  minus: string;\n  times: string;\n  divide: string;\n  decimal: string;\n}\n\n/** `CurrencySelect` and the currency half of `AmountInput`. */\nexport interface CurrencyLabels {\n  currency: string;\n  search: string;\n}\n\nexport interface AppShellLabels {\n  collapse: string;\n  expand: string;\n  /** Accessible name of an inline group's disclosure button (`subNav=\"inline\"`). */\n  toggleGroup: (groupLabel: string) => string;\n}\n\nexport interface TopBarLabels {\n  theme: string;\n  palette: string;\n  language: string;\n  switchRole: string;\n  /** The role switcher's tooltip, given the active role's name. */\n  role: (value: string) => string;\n}\n\nexport interface PickerSheetLabels {\n  close: string;\n}\n\nexport interface SwipeableRowLabels {\n  actions: string;\n}\n\nexport interface FileLabels {\n  /** A file size for display, given its size in BYTES. The default uses\n   *  `Intl.NumberFormat`'s unit formatting in the provider's locale. */\n  size: (bytes: number) => string;\n}\n\n/** The complete tree. `UiKitProvider` takes any partial of it. */\nexport interface UiKitLabels {\n  common: CommonLabels;\n  dataTable: DataTableLabels;\n  miniCalendar: MiniCalendarLabels;\n  calendarHeatmap: CalendarHeatmapLabels;\n  datePicker: DatePickerLabels;\n  monthPicker: MonthPickerLabels;\n  popover: PopoverLabels;\n  combobox: ComboboxLabels;\n  multiSelect: MultiSelectLabels;\n  calculator: CalculatorLabels;\n  currency: CurrencyLabels;\n  chipInput: ChipInputLabels;\n  fieldSync: FieldSyncLabels;\n  passwordReveal: PasswordRevealLabels;\n  tabs: TabsLabels;\n  appShell: AppShellLabels;\n  pageContents: PageContentsLabels;\n  topBar: TopBarLabels;\n  pickerSheet: PickerSheetLabels;\n  swipeableRow: SwipeableRowLabels;\n  file: FileLabels;\n  wizard: WizardLabels;\n  tour: TourLabels;\n  commandPalette: CommandPaletteLabels;\n  globalSearch: GlobalSearchLabels;\n  seriesChart: SeriesChartLabels;\n  sparkline: SparklineLabels;\n  statTile: StatTileLabels;\n  signaturePad: SignaturePadLabels;\n  passwordStrength: PasswordStrengthLabels;\n  dangerConfirm: DangerConfirmLabels;\n  swatchPicker: SwatchPickerLabels;\n  iconPicker: IconPickerLabels;\n  dialogFrame: DialogFrameLabels;\n  filePicker: FilePickerLabels;\n  measuredGrid: MeasuredGridLabels;\n  feedbackAttachment: FeedbackAttachmentFieldLabels;\n  confirmDialog: ConfirmDialogLabels;\n  floatingPanel: FloatingPanelLabels;\n  copyButton: CopyButtonLabels;\n  bulkActionBar: BulkActionBarLabels;\n  list: ListLabels;\n  breadcrumbs: BreadcrumbsLabels;\n  toast: ToastLabels;\n}\n\n/** Any subset of the tree, one level deep — each namespace may be partial, and a\n *  namespace that holds a record (`dataTable.presets`) is merged key by key. */\nexport type UiKitLabelOverrides = { [K in keyof UiKitLabels]?: Partial<UiKitLabels[K]> };\n\n/* ── English defaults for the namespaces defined here ────────────────────── */\n\nexport const DEFAULT_COMMON_LABELS: CommonLabels = {\n  close: \"Close\",\n  clear: \"Clear\",\n  search: \"Search\",\n  done: \"Done\",\n  cancel: \"Cancel\",\n  save: \"Save\",\n  back: \"Back\",\n  next: \"Next\",\n  remove: \"Remove\",\n  loading: \"Loading…\",\n  noResults: \"No results\",\n  fieldValue: (field, value) => `${field}: ${value}`,\n  dismiss: \"Dismiss\",\n};\n\nexport const DEFAULT_DATE_PICKER_LABELS: DatePickerLabels = {\n  panel: \"Choose a date\",\n  rangePanel: \"Choose a date range\",\n  clear: \"Clear\",\n  previousDay: \"Previous day\",\n  nextDay: \"Next day\",\n  today: \"Today\",\n  apply: \"Apply\",\n  cancel: \"Cancel\",\n  presets: \"Quick ranges\",\n};\n\nexport const DEFAULT_COMBOBOX_LABELS: ComboboxLabels = {\n  search: \"Search\",\n  noResults: \"No results\",\n  clear: \"Clear\",\n  loading: \"Loading…\",\n  create: (query) => `Create “${query}”`,\n  selectedCount: (count) => `${count} selected`,\n  loadError: \"Couldn’t load results\",\n  resultCount: (count) => (count === 1 ? \"1 result\" : `${count} results`),\n  minChars: (count) =>\n    count === 1 ? \"Type at least 1 character\" : `Type at least ${count} characters`,\n};\n\nexport const DEFAULT_MULTI_SELECT_LABELS: MultiSelectLabels = {\n  search: \"Search\",\n  selectAll: \"Select all\",\n  clear: \"Clear\",\n  all: \"All\",\n  selectedCount: (count) => String(count),\n};\n\nexport const DEFAULT_CALCULATOR_LABELS: CalculatorLabels = {\n  open: \"Open calculator\",\n  panel: \"Calculator\",\n  calculation: \"Calculation\",\n  backspace: \"Backspace\",\n  clear: \"Clear\",\n  equals: \"Equals\",\n  done: \"Done\",\n  plus: \"Plus\",\n  minus: \"Minus\",\n  times: \"Times\",\n  divide: \"Divide\",\n  decimal: \"Decimal point\",\n};\n\nexport const DEFAULT_CURRENCY_LABELS: CurrencyLabels = {\n  currency: \"Currency\",\n  search: \"Search currency\",\n};\n\nexport const DEFAULT_APP_SHELL_LABELS: AppShellLabels = {\n  collapse: \"Collapse sidebar\",\n  expand: \"Expand sidebar\",\n  toggleGroup: (groupLabel) => `${groupLabel}: pages`,\n};\n\nexport const DEFAULT_TOP_BAR_LABELS: TopBarLabels = {\n  theme: \"Toggle theme\",\n  palette: \"Appearance preset\",\n  language: \"Language\",\n  switchRole: \"Switch role\",\n  role: (value) => `Role: ${value}`,\n};\n\nexport const DEFAULT_PICKER_SHEET_LABELS: PickerSheetLabels = { close: \"Close\" };\n\nexport const DEFAULT_SWIPEABLE_ROW_LABELS: SwipeableRowLabels = { actions: \"Row actions\" };\n\n/** Formats with the locale the provider was given (see {@link useKitFileLabels}).\n *  This static default has no locale to hand and falls back to the runtime's. */\nexport const DEFAULT_FILE_LABELS: FileLabels = {\n  size: (bytes) => formatFileSize(bytes),\n};\n\n/** \"12 kB\", \"3.4 MB\" — `Intl`'s unit formatting, so the digits, the decimal mark and\n *  the unit's spelling all follow `locale`. */\nexport function formatFileSize(bytes: number, locale?: string): string {\n  const units = [\"byte\", \"kilobyte\", \"megabyte\", \"gigabyte\"] as const;\n  let value = bytes;\n  let i = 0;\n  while (value >= 1000 && i < units.length - 1) {\n    value /= 1000;\n    i += 1;\n  }\n  return new Intl.NumberFormat(locale, {\n    style: \"unit\",\n    unit: units[i],\n    unitDisplay: i === 0 ? \"long\" : \"short\",\n    maximumFractionDigits: value < 10 && i > 0 ? 1 : 0,\n  }).format(value);\n}\n\n/* ── The provider ────────────────────────────────────────────────────────── */\n\ninterface KitI18n {\n  labels?: UiKitLabelOverrides;\n  locale?: string;\n  weekStartsOn?: WeekDay;\n}\n\nconst KitI18nContext = createContext<KitI18n>({});\n\nexport interface UiKitProviderProps {\n  /** Any part of {@link UiKitLabels}. Missing keys fall back to English. */\n  labels?: UiKitLabelOverrides;\n  /**\n   * BCP 47 tag used by every kit component that formats something — dates, numbers,\n   * month and weekday names, file sizes — when it is not handed a `locale` prop of\n   * its own. Without a provider, and without a prop, those use the runtime default.\n   */\n  locale?: string;\n  /**\n   * The first day of the week (0 = Sunday, 1 = Monday …) for every calendar below —\n   * `MiniCalendar` and the pickers built on it — that is not handed a `weekStartsOn`\n   * of its own. Without it the week start follows `locale`'s week info.\n   *\n   * Separate from `locale` because the two are separate decisions: a German-built\n   * app running in English (`locale=\"en\"`) would otherwise start its weeks on Sunday,\n   * and switching it to `en-GB` to get Monday changes every date and number format.\n   */\n  weekStartsOn?: WeekDay;\n  children: ReactNode;\n}\n\n/**\n * Hand every kit component below this point its strings and its locale.\n *\n * Optional: a component outside any provider behaves exactly as it did before the\n * provider existed. Nesting works as a merge — an inner provider overrides only what\n * it names, so a page can re-label one table's `dataTable.table` without restating\n * the language.\n */\nexport function UiKitProvider({ labels, locale, weekStartsOn, children }: UiKitProviderProps) {\n  const outer = useContext(KitI18nContext);\n  const value = useMemo<KitI18n>(\n    () => ({\n      locale: locale ?? outer.locale,\n      weekStartsOn: weekStartsOn ?? outer.weekStartsOn,\n      labels: mergeOverrides(outer.labels, labels),\n    }),\n    [outer, labels, locale, weekStartsOn],\n  );\n  return <KitI18nContext.Provider value={value}>{children}</KitI18nContext.Provider>;\n}\n\nfunction isRecord(v: unknown): v is Record<string, unknown> {\n  return typeof v === \"object\" && v !== null && !Array.isArray(v);\n}\n\n/** Two levels: namespaces, and inside a namespace a record-valued key (presets). */\nfunction mergeNamespace<T extends object>(base: T, over: Partial<T> | undefined): T {\n  if (!over) return base;\n  const out = { ...base } as Record<string, unknown>;\n  for (const [k, v] of Object.entries(over)) {\n    if (v === undefined) continue;\n    const prev = out[k];\n    out[k] = isRecord(prev) && isRecord(v) ? { ...prev, ...v } : v;\n  }\n  return out as T;\n}\n\nfunction mergeOverrides(\n  a: UiKitLabelOverrides | undefined,\n  b: UiKitLabelOverrides | undefined,\n): UiKitLabelOverrides | undefined {\n  if (!a) return b;\n  if (!b) return a;\n  const out: Record<string, unknown> = { ...a };\n  for (const [ns, v] of Object.entries(b)) {\n    out[ns] = mergeNamespace((out[ns] as object | undefined) ?? {}, v as object);\n  }\n  return out as UiKitLabelOverrides;\n}\n\n/** What the nearest provider says about one namespace — `undefined` outside one.\n *  For a component whose own resolver does more than a merge (the data table\n *  derives `columnsCount` from `columns`): feed `{ ...overrides, ...props }` to it. */\nexport function useKitLabelOverrides<K extends keyof UiKitLabels>(\n  ns: K,\n): Partial<UiKitLabels[K]> | undefined {\n  return useContext(KitI18nContext).labels?.[ns] as Partial<UiKitLabels[K]> | undefined;\n}\n\n/**\n * One namespace, resolved: `defaults`, then the provider, then the component's own\n * `prop`. Record-valued keys are merged key by key at each step.\n */\nexport function useKitLabels<K extends keyof UiKitLabels>(\n  ns: K,\n  defaults: UiKitLabels[K],\n  prop?: Partial<UiKitLabels[K]>,\n): UiKitLabels[K] {\n  const fromProvider = useKitLabelOverrides(ns);\n  return useMemo(\n    () => mergeNamespace(mergeNamespace(defaults, fromProvider), prop),\n    [defaults, fromProvider, prop],\n  );\n}\n\n/** The component's own `locale` prop, else the provider's, else `undefined` (which\n *  every `Intl` API reads as \"the runtime's default\"). */\nexport function useKitLocale(prop?: string): string | undefined {\n  const fromProvider = useContext(KitI18nContext).locale;\n  return prop ?? fromProvider;\n}\n\n/** The week start the nearest `<UiKitProvider weekStartsOn>` pins, else `undefined`\n *  (the caller then asks the locale). A component's own prop goes first:\n *  `prop ?? useKitWeekStart()`. */\nexport function useKitWeekStart(): WeekDay | undefined {\n  return useContext(KitI18nContext).weekStartsOn;\n}\n\n/** {@link DEFAULT_FILE_LABELS}, but formatting in the provider's locale. */\nexport function useKitFileLabels(prop?: Partial<FileLabels>): FileLabels {\n  const locale = useKitLocale();\n  const defaults = useMemo<FileLabels>(\n    () => ({ size: (bytes) => formatFileSize(bytes, locale) }),\n    [locale],\n  );\n  return useKitLabels(\"file\", defaults, prop);\n}\n\n/**\n * The dot paths of every key `labels` does NOT supply — the ones a translated app is\n * still showing in English. Assert on it in the app's own test:\n *\n *     expect(missingKitLabels(de)).toEqual([]);\n *\n * `reference` is the complete tree to check against — pass\n * {@link DEFAULT_UI_KIT_LABELS} (src/i18n/defaults.ts). It is a parameter rather than an import\n * because the defaults live beside their components, and this module is imported BY\n * those components.\n */\nexport function missingKitLabels(\n  labels: UiKitLabelOverrides | undefined,\n  reference: UiKitLabels,\n): string[] {\n  const missing: string[] = [];\n  for (const [ns, keys] of Object.entries(reference)) {\n    const given = (labels as Record<string, Record<string, unknown> | undefined> | undefined)?.[ns];\n    for (const [key, value] of Object.entries(keys as Record<string, unknown>)) {\n      const got = given?.[key];\n      if (got === undefined) {\n        missing.push(`${ns}.${key}`);\n      } else if (isRecord(value) && isRecord(got)) {\n        for (const sub of Object.keys(value)) {\n          if (got[sub] === undefined) missing.push(`${ns}.${key}.${sub}`);\n        }\n      }\n    }\n  }\n  return missing;\n}\n"],"mappings":"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","names":[]}

package/dist/i18n/locales/de-CH-informal.d.ts

@@ -2,6 +2,7 @@ import { UiKitLabels } from '../kit-labels.js';
 import 'react';
 import '../../components/data-table-labels.js';
 import '../../components/mini-calendar.js';
+import '../../components/calendar-heatmap.js';
 import '../../components/popover.js';
 import '../../components/chip.js';
 import 'lucide-react';
@@ -9,6 +10,7 @@ import '../../components/field-sync.js';
 import '../../components/ui.js';
 import '../../components/tooltip.js';
 import '../../hooks/use-anchored-rect.js';
+import '../../lib/clipping.js';
 import '../../wizard/types.js';
 import '../../tour/tour.js';
 import '../../search/command-palette.js';
@@ -34,6 +36,10 @@ import '../../feedback/feedback-dialog.js';
 import '../../components/confirm-dialog.js';
 import '../../components/floating-panel.js';
 import '../../components/copy-button.js';
+import '../../components/bulk-action-bar.js';
+import '../../components/list.js';
+import '../../components/breadcrumbs.js';
+import '../../components/toast.js';
 
 /**
  * Swiss Standard German, informal ("du"): the informal German labels with Swiss

package/dist/i18n/locales/de-CH.d.ts

@@ -2,6 +2,7 @@ import { UiKitLabels } from '../kit-labels.js';
 import 'react';
 import '../../components/data-table-labels.js';
 import '../../components/mini-calendar.js';
+import '../../components/calendar-heatmap.js';
 import '../../components/popover.js';
 import '../../components/chip.js';
 import 'lucide-react';
@@ -9,6 +10,7 @@ import '../../components/field-sync.js';
 import '../../components/ui.js';
 import '../../components/tooltip.js';
 import '../../hooks/use-anchored-rect.js';
+import '../../lib/clipping.js';
 import '../../wizard/types.js';
 import '../../tour/tour.js';
 import '../../search/command-palette.js';
@@ -34,6 +36,10 @@ import '../../feedback/feedback-dialog.js';
 import '../../components/confirm-dialog.js';
 import '../../components/floating-panel.js';
 import '../../components/copy-button.js';
+import '../../components/bulk-action-bar.js';
+import '../../components/list.js';
+import '../../components/breadcrumbs.js';
+import '../../components/toast.js';
 
 /**
  * Swiss Standard German: the German labels with Swiss spelling — "ss" for every "ß"

package/dist/i18n/locales/de-informal.d.ts

@@ -2,6 +2,7 @@ import { UiKitLabels } from '../kit-labels.js';
 import 'react';
 import '../../components/data-table-labels.js';
 import '../../components/mini-calendar.js';
+import '../../components/calendar-heatmap.js';
 import '../../components/popover.js';
 import '../../components/chip.js';
 import 'lucide-react';
@@ -9,6 +10,7 @@ import '../../components/field-sync.js';
 import '../../components/ui.js';
 import '../../components/tooltip.js';
 import '../../hooks/use-anchored-rect.js';
+import '../../lib/clipping.js';
 import '../../wizard/types.js';
 import '../../tour/tour.js';
 import '../../search/command-palette.js';
@@ -34,6 +36,10 @@ import '../../feedback/feedback-dialog.js';
 import '../../components/confirm-dialog.js';
 import '../../components/floating-panel.js';
 import '../../components/copy-button.js';
+import '../../components/bulk-action-bar.js';
+import '../../components/list.js';
+import '../../components/breadcrumbs.js';
+import '../../components/toast.js';
 
 /**
  * The kit's words in informal German ("du"), for apps that address their users that way