@eifi1/ui-kit 0.28.0 → 0.29.0

package/dist/rhf/form.d.ts

@@ -2,7 +2,7 @@ import * as react from 'react';
 import { ReactElement, ComponentProps } from 'react';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
-import { dp as LabelProps } from '../kit-labels-SBN0biPl.js';
+import { du as LabelProps } from '../register-form-V1OeNlMr.js';
 import '../data-table-labels-DUELeXpa.js';
 import '../components/data-table-sort.js';
 import '../components/swipeable-row.js';
@@ -15,6 +15,7 @@ import '../components/field-sync.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
+import '../components/field-parts.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -36,6 +37,7 @@ import '../components/modal.js';
 import '../hooks/use-search-param-state.js';
 import '../components/measured-grid.js';
 import '../components/user-avatar.js';
+import '../lib/person-name.js';
 import '../components/status-dot.js';
 import '../components/progress-bar.js';
 import '../components/signed-amount.js';
@@ -55,6 +57,15 @@ import '../components/authed-image.js';
 import '../components/image-grid.js';
 import '../components/lightbox.js';
 import '../components/write-lock.js';
+import '../auth/sign-in-form.js';
+import '../auth/complete-name-dialog.js';
+import '../auth/forgot-password-form.js';
+import '../auth/status-parts.js';
+import '../auth/reset-password-form.js';
+import '../auth/verify-email.js';
+import '../auth/not-found-page.js';
+import '../auth/accept-invitation.js';
+import '../shell/company-switcher.js';
 import '../components/account-chips.js';
 import '../lib/format.js';
 import '../components/reauth-dialog.js';
@@ -70,7 +81,12 @@ import '../components/sign-chip.js';
 import '../components/column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.js';
-import '../components/field-parts.js';
+import '../shell/topbar-controls.js';
+import '../theme/palette-presets.js';
+import '../theme/chart-palette.js';
+import '../theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';
 
 /** The form's `useForm()` return, spread in: `<Form {...form}>`. react-hook-form's own
  *  `FormProvider`, under the name the shadcn file gave it. */

package/dist/rhf.d.ts

@@ -4,7 +4,7 @@ export { RhfCheckbox, RhfCheckboxProps, RhfCombobox, RhfComboboxProps, RhfCountr
 export { RhfLineItemCellContext, RhfLineItems, RhfLineItemsColumn, RhfLineItemsProps } from './rhf/line-items.js';
 import 'react';
 import 'react-hook-form';
-import './kit-labels-SBN0biPl.js';
+import './register-form-V1OeNlMr.js';
 import './data-table-labels-DUELeXpa.js';
 import './components/data-table-sort.js';
 import './components/swipeable-row.js';
@@ -17,6 +17,7 @@ import './components/field-sync.js';
 import './components/tooltip.js';
 import './hooks/use-anchored-rect.js';
 import './lib/clipping.js';
+import './components/field-parts.js';
 import './wizard/types.js';
 import './tour/tour.js';
 import './search/command-palette.js';
@@ -38,6 +39,7 @@ import './components/modal.js';
 import './hooks/use-search-param-state.js';
 import './components/measured-grid.js';
 import './components/user-avatar.js';
+import './lib/person-name.js';
 import './components/status-dot.js';
 import './components/progress-bar.js';
 import './components/signed-amount.js';
@@ -57,6 +59,15 @@ import './components/authed-image.js';
 import './components/image-grid.js';
 import './components/lightbox.js';
 import './components/write-lock.js';
+import './auth/sign-in-form.js';
+import './auth/complete-name-dialog.js';
+import './auth/forgot-password-form.js';
+import './auth/status-parts.js';
+import './auth/reset-password-form.js';
+import './auth/verify-email.js';
+import './auth/not-found-page.js';
+import './auth/accept-invitation.js';
+import './shell/company-switcher.js';
 import './components/account-chips.js';
 import './lib/format.js';
 import './components/reauth-dialog.js';
@@ -72,7 +83,12 @@ import './components/sign-chip.js';
 import './components/column-mapper.js';
 import './lib/column-mapping.js';
 import './lib/table-text.js';
-import './components/field-parts.js';
+import './shell/topbar-controls.js';
+import './theme/palette-presets.js';
+import './theme/chart-palette.js';
+import './theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';
 import './components/number-field.js';
 import './components/number-input.js';
 import './components/calculator.js';

package/dist/shell/app-shell.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { LucideIcon } from 'lucide-react';
-import { dk as KitLinkComponent } from '../kit-labels-SBN0biPl.js';
+import { dp as KitLinkComponent } from '../register-form-V1OeNlMr.js';
 import '../data-table-labels-DUELeXpa.js';
 import '../components/data-table-sort.js';
 import '../components/swipeable-row.js';
@@ -13,6 +13,7 @@ import '../components/field-sync.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
+import '../components/field-parts.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -34,6 +35,7 @@ import '../components/modal.js';
 import '../hooks/use-search-param-state.js';
 import '../components/measured-grid.js';
 import '../components/user-avatar.js';
+import '../lib/person-name.js';
 import '../components/status-dot.js';
 import '../components/progress-bar.js';
 import '../components/signed-amount.js';
@@ -53,6 +55,15 @@ import '../components/authed-image.js';
 import '../components/image-grid.js';
 import '../components/lightbox.js';
 import '../components/write-lock.js';
+import '../auth/sign-in-form.js';
+import '../auth/complete-name-dialog.js';
+import '../auth/forgot-password-form.js';
+import '../auth/status-parts.js';
+import '../auth/reset-password-form.js';
+import '../auth/verify-email.js';
+import '../auth/not-found-page.js';
+import '../auth/accept-invitation.js';
+import './company-switcher.js';
 import '../components/account-chips.js';
 import '../lib/format.js';
 import '../components/reauth-dialog.js';
@@ -68,7 +79,12 @@ import '../components/sign-chip.js';
 import '../components/column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.js';
-import '../components/field-parts.js';
+import './topbar-controls.js';
+import '../theme/palette-presets.js';
+import '../theme/chart-palette.js';
+import '../theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';
 
 interface AppShellSubItem {
     to: string;

package/dist/shell/company-switcher.d.ts

@@ -0,0 +1,59 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+/** Every string the switcher renders or speaks — the `companySwitcher` namespace. A
+ *  different context (keksdose's budgets) renames them all. */
+interface CompanySwitcherLabels {
+    /** The trigger's and the menu's accessible name. */
+    switchCompany: string;
+    /** The small heading over the list. */
+    heading: string;
+    /** The trigger's tooltip (and description), given the current company's name. */
+    current: (name: string) => string;
+    /** Read after the current company's name in the list, where the eye sees a check. */
+    currentMark: string;
+    /** Said while a switch is running. */
+    switching: string;
+}
+declare const DEFAULT_COMPANY_SWITCHER_LABELS: CompanySwitcherLabels;
+/** One company the user belongs to — kastlan's `/auth/me` `companies[]` (§5.3). */
+interface CompanySwitcherCompany<Id extends string | number = string | number> {
+    /** kastlan's ids are numbers; a string works the same. */
+    id: Id;
+    name: string;
+}
+interface CompanySwitcherProps<Id extends string | number> {
+    /** Every company the user belongs to. With fewer than two there is nothing to
+     *  switch, and nothing renders. */
+    companies: readonly CompanySwitcherCompany<Id>[];
+    /** The company the session is in — `/auth/me`'s `current_company_id`. */
+    currentId: Id;
+    /**
+     * Another company was picked: `POST /auth/switch-company {company_id}`, store the
+     * fresh tokens, reload what is company-scoped. While the promise runs the switcher is
+     * disabled, so a second pick cannot race the first; a rejection frees it (the app
+     * says why). Picking the current company does nothing.
+     */
+    onSwitch: (id: Id) => Promise<unknown> | void;
+    /** The trigger's glyph. Default a building; keksdose's budgets would pass a wallet. */
+    icon?: ReactNode;
+    labels?: Partial<CompanySwitcherLabels>;
+}
+/**
+ * The company switcher in the top bar (docs/auth-harmonization.md §5.3, §8): a kastlan
+ * user may belong to several companies, and the access token carries the current one,
+ * so switching is a request for new tokens — `onSwitch`, the app's. Built on
+ * {@link OptionSwitcherMenu}, like `RoleSwitcher`: the icon trigger, the current company
+ * in its tooltip, the list with a check on the current one.
+ *
+ * **Only for more than one company** — a user in one company has nothing to switch, and
+ * the top bar stays as it was. **Disabled while a switch runs**: the trigger is swapped
+ * for a disabled one with a spinner (`aria-busy`), and "Switching company…" is said, so
+ * a second pick cannot race the first. The kit never sends the request.
+ *
+ * A generic context switcher: the labels rename it ("Switch budget", "Budgets"), `icon`
+ * replaces the building, and `id` may be a number (kastlan's) or a string.
+ */
+declare function CompanySwitcher<Id extends string | number>({ companies, currentId, onSwitch, icon, labels: labelsProp, }: CompanySwitcherProps<Id>): react.JSX.Element | null;
+
+export { CompanySwitcher, type CompanySwitcherCompany, type CompanySwitcherLabels, type CompanySwitcherProps, DEFAULT_COMPANY_SWITCHER_LABELS };

package/dist/shell/company-switcher.js

@@ -0,0 +1,85 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Building2 } from "lucide-react";
+import { cn } from "../lib/cn.js";
+import { useKitLabels } from "../i18n/kit-labels.js";
+import { useAnnounce } from "../hooks/use-announce.js";
+import { Spinner } from "../components/ui.js";
+import { OptionSwitcherMenu } from "./option-switcher-menu.js";
+import { TOPBAR_TRIGGER_CLASS } from "./topbar-controls.js";
+const DEFAULT_COMPANY_SWITCHER_LABELS = {
+  switchCompany: "Switch company",
+  heading: "Companies",
+  current: (name) => `Company: ${name}`,
+  currentMark: "(current)",
+  switching: "Switching company\u2026"
+};
+function CompanySwitcher({
+  companies,
+  currentId,
+  onSwitch,
+  icon,
+  labels: labelsProp
+}) {
+  const labels = useKitLabels("companySwitcher", DEFAULT_COMPANY_SWITCHER_LABELS, labelsProp);
+  const [pending, setPending] = useState(false);
+  const { announce, regionProps } = useAnnounce();
+  if (companies.length < 2) return null;
+  const current = companies.find((c) => c.id === currentId);
+  const select = (value) => {
+    if (pending) return;
+    const picked = companies.find((c) => String(c.id) === value);
+    if (!picked || picked.id === currentId) return;
+    const result = onSwitch(picked.id);
+    if (typeof result?.then !== "function") return;
+    setPending(true);
+    announce(labels.switching);
+    result.then(
+      () => setPending(false),
+      () => setPending(false)
+    );
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    pending ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        disabled: true,
+        "aria-busy": "true",
+        "aria-label": labels.switchCompany,
+        className: cn(TOPBAR_TRIGGER_CLASS, "cursor-wait opacity-60 hover:bg-transparent"),
+        children: /* @__PURE__ */ jsx(Spinner, { label: null })
+      }
+    ) : /* @__PURE__ */ jsx(
+      OptionSwitcherMenu,
+      {
+        ariaLabel: labels.switchCompany,
+        title: current ? labels.current(current.name) : void 0,
+        heading: labels.heading,
+        icon: icon ?? /* @__PURE__ */ jsx(Building2, { className: "size-5" }),
+        options: companies.map((c) => ({
+          value: String(c.id),
+          label: c.id === currentId ? (
+            // `relative`: the sr-only mark needs a local containing block.
+            /* @__PURE__ */ jsxs("span", { className: "relative", children: [
+              c.name,
+              /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+                " ",
+                labels.currentMark
+              ] })
+            ] })
+          ) : c.name
+        })),
+        value: String(currentId),
+        onSelect: select
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { ...regionProps })
+  ] });
+}
+export {
+  CompanySwitcher,
+  DEFAULT_COMPANY_SWITCHER_LABELS
+};
+//# sourceMappingURL=company-switcher.js.map

package/dist/shell/company-switcher.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shell/company-switcher.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Building2 } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport { useAnnounce } from \"../hooks/use-announce\";\nimport { Spinner } from \"../components/ui\";\nimport { OptionSwitcherMenu } from \"./option-switcher-menu\";\nimport { TOPBAR_TRIGGER_CLASS } from \"./topbar-controls\";\n\n/** Every string the switcher renders or speaks — the `companySwitcher` namespace. A\n *  different context (keksdose's budgets) renames them all. */\nexport interface CompanySwitcherLabels {\n  /** The trigger's and the menu's accessible name. */\n  switchCompany: string;\n  /** The small heading over the list. */\n  heading: string;\n  /** The trigger's tooltip (and description), given the current company's name. */\n  current: (name: string) => string;\n  /** Read after the current company's name in the list, where the eye sees a check. */\n  currentMark: string;\n  /** Said while a switch is running. */\n  switching: string;\n}\n\nexport const DEFAULT_COMPANY_SWITCHER_LABELS: CompanySwitcherLabels = {\n  switchCompany: \"Switch company\",\n  heading: \"Companies\",\n  current: (name) => `Company: ${name}`,\n  currentMark: \"(current)\",\n  switching: \"Switching company…\",\n};\n\n/** One company the user belongs to — kastlan's `/auth/me` `companies[]` (§5.3). */\nexport interface CompanySwitcherCompany<Id extends string | number = string | number> {\n  /** kastlan's ids are numbers; a string works the same. */\n  id: Id;\n  name: string;\n}\n\nexport interface CompanySwitcherProps<Id extends string | number> {\n  /** Every company the user belongs to. With fewer than two there is nothing to\n   *  switch, and nothing renders. */\n  companies: readonly CompanySwitcherCompany<Id>[];\n  /** The company the session is in — `/auth/me`'s `current_company_id`. */\n  currentId: Id;\n  /**\n   * Another company was picked: `POST /auth/switch-company {company_id}`, store the\n   * fresh tokens, reload what is company-scoped. While the promise runs the switcher is\n   * disabled, so a second pick cannot race the first; a rejection frees it (the app\n   * says why). Picking the current company does nothing.\n   */\n  onSwitch: (id: Id) => Promise<unknown> | void;\n  /** The trigger's glyph. Default a building; keksdose's budgets would pass a wallet. */\n  icon?: ReactNode;\n  labels?: Partial<CompanySwitcherLabels>;\n}\n\n/**\n * The company switcher in the top bar (docs/auth-harmonization.md §5.3, §8): a kastlan\n * user may belong to several companies, and the access token carries the current one,\n * so switching is a request for new tokens — `onSwitch`, the app's. Built on\n * {@link OptionSwitcherMenu}, like `RoleSwitcher`: the icon trigger, the current company\n * in its tooltip, the list with a check on the current one.\n *\n * **Only for more than one company** — a user in one company has nothing to switch, and\n * the top bar stays as it was. **Disabled while a switch runs**: the trigger is swapped\n * for a disabled one with a spinner (`aria-busy`), and \"Switching company…\" is said, so\n * a second pick cannot race the first. The kit never sends the request.\n *\n * A generic context switcher: the labels rename it (\"Switch budget\", \"Budgets\"), `icon`\n * replaces the building, and `id` may be a number (kastlan's) or a string.\n */\nexport function CompanySwitcher<Id extends string | number>({\n  companies,\n  currentId,\n  onSwitch,\n  icon,\n  labels: labelsProp,\n}: CompanySwitcherProps<Id>) {\n  const labels = useKitLabels(\"companySwitcher\", DEFAULT_COMPANY_SWITCHER_LABELS, labelsProp);\n  const [pending, setPending] = useState(false);\n  const { announce, regionProps } = useAnnounce();\n  if (companies.length < 2) return null;\n\n  const current = companies.find((c) => c.id === currentId);\n  const select = (value: string) => {\n    if (pending) return;\n    const picked = companies.find((c) => String(c.id) === value);\n    if (!picked || picked.id === currentId) return;\n    const result = onSwitch(picked.id);\n    if (typeof (result as PromiseLike<unknown> | undefined)?.then !== \"function\") return;\n    setPending(true);\n    announce(labels.switching);\n    (result as PromiseLike<unknown>).then(\n      () => setPending(false),\n      () => setPending(false),\n    );\n  };\n\n  return (\n    <>\n      {pending ? (\n        <button\n          type=\"button\"\n          disabled\n          aria-busy=\"true\"\n          aria-label={labels.switchCompany}\n          className={cn(TOPBAR_TRIGGER_CLASS, \"cursor-wait opacity-60 hover:bg-transparent\")}\n        >\n          <Spinner label={null} />\n        </button>\n      ) : (\n        <OptionSwitcherMenu<string>\n          ariaLabel={labels.switchCompany}\n          title={current ? labels.current(current.name) : undefined}\n          heading={labels.heading}\n          icon={icon ?? <Building2 className=\"size-5\" />}\n          options={companies.map((c) => ({\n            value: String(c.id),\n            label:\n              c.id === currentId ? (\n                // `relative`: the sr-only mark needs a local containing block.\n                <span className=\"relative\">\n                  {c.name}\n                  <span className=\"sr-only\"> {labels.currentMark}</span>\n                </span>\n              ) : (\n                c.name\n              ),\n          }))}\n          value={String(currentId)}\n          onSelect={select}\n        />\n      )}\n      {/* Outside both triggers, so it survives the swap and is read when it changes. */}\n      <span {...regionProps} />\n    </>\n  );\n}\n"],"mappings":";AAqGI,mBASM,KAeQ,YAxBd;AArGJ,SAAS,gBAAgB;AAEzB,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AACnB,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AACxB,SAAS,0BAA0B;AACnC,SAAS,4BAA4B;AAiB9B,MAAM,kCAAyD;AAAA,EACpE,eAAe;AAAA,EACf,SAAS;AAAA,EACT,SAAS,CAAC,SAAS,YAAY,IAAI;AAAA,EACnC,aAAa;AAAA,EACb,WAAW;AACb;AA0CO,SAAS,gBAA4C;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,GAA6B;AAC3B,QAAM,SAAS,aAAa,mBAAmB,iCAAiC,UAAU;AAC1F,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,EAAE,UAAU,YAAY,IAAI,YAAY;AAC9C,MAAI,UAAU,SAAS,EAAG,QAAO;AAEjC,QAAM,UAAU,UAAU,KAAK,CAAC,MAAM,EAAE,OAAO,SAAS;AACxD,QAAM,SAAS,CAAC,UAAkB;AAChC,QAAI,QAAS;AACb,UAAM,SAAS,UAAU,KAAK,CAAC,MAAM,OAAO,EAAE,EAAE,MAAM,KAAK;AAC3D,QAAI,CAAC,UAAU,OAAO,OAAO,UAAW;AACxC,UAAM,SAAS,SAAS,OAAO,EAAE;AACjC,QAAI,OAAQ,QAA6C,SAAS,WAAY;AAC9E,eAAW,IAAI;AACf,aAAS,OAAO,SAAS;AACzB,IAAC,OAAgC;AAAA,MAC/B,MAAM,WAAW,KAAK;AAAA,MACtB,MAAM,WAAW,KAAK;AAAA,IACxB;AAAA,EACF;AAEA,SACE,iCACG;AAAA,cACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAQ;AAAA,QACR,aAAU;AAAA,QACV,cAAY,OAAO;AAAA,QACnB,WAAW,GAAG,sBAAsB,6CAA6C;AAAA,QAEjF,8BAAC,WAAQ,OAAO,MAAM;AAAA;AAAA,IACxB,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,OAAO;AAAA,QAClB,OAAO,UAAU,OAAO,QAAQ,QAAQ,IAAI,IAAI;AAAA,QAChD,SAAS,OAAO;AAAA,QAChB,MAAM,QAAQ,oBAAC,aAAU,WAAU,UAAS;AAAA,QAC5C,SAAS,UAAU,IAAI,CAAC,OAAO;AAAA,UAC7B,OAAO,OAAO,EAAE,EAAE;AAAA,UAClB,OACE,EAAE,OAAO;AAAA;AAAA,YAEP,qBAAC,UAAK,WAAU,YACb;AAAA,gBAAE;AAAA,cACH,qBAAC,UAAK,WAAU,WAAU;AAAA;AAAA,gBAAE,OAAO;AAAA,iBAAY;AAAA,eACjD;AAAA,cAEA,EAAE;AAAA,QAER,EAAE;AAAA,QACF,OAAO,OAAO,SAAS;AAAA,QACvB,UAAU;AAAA;AAAA,IACZ;AAAA,IAGF,oBAAC,UAAM,GAAG,aAAa;AAAA,KACzB;AAEJ;","names":[]}

package/dist/shell/top-bar-brand.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { dl as KitLinkProps, dk as KitLinkComponent } from '../kit-labels-SBN0biPl.js';
+import { dq as KitLinkProps, dp as KitLinkComponent } from '../register-form-V1OeNlMr.js';
 import '../data-table-labels-DUELeXpa.js';
 import '../components/data-table-sort.js';
 import '../components/swipeable-row.js';
@@ -13,6 +13,7 @@ import '../components/field-sync.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
+import '../components/field-parts.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -34,6 +35,7 @@ import '../components/modal.js';
 import '../hooks/use-search-param-state.js';
 import '../components/measured-grid.js';
 import '../components/user-avatar.js';
+import '../lib/person-name.js';
 import '../components/status-dot.js';
 import '../components/progress-bar.js';
 import '../components/signed-amount.js';
@@ -53,6 +55,15 @@ import '../components/authed-image.js';
 import '../components/image-grid.js';
 import '../components/lightbox.js';
 import '../components/write-lock.js';
+import '../auth/sign-in-form.js';
+import '../auth/complete-name-dialog.js';
+import '../auth/forgot-password-form.js';
+import '../auth/status-parts.js';
+import '../auth/reset-password-form.js';
+import '../auth/verify-email.js';
+import '../auth/not-found-page.js';
+import '../auth/accept-invitation.js';
+import './company-switcher.js';
 import '../components/account-chips.js';
 import '../lib/format.js';
 import '../components/reauth-dialog.js';
@@ -68,7 +79,12 @@ import '../components/sign-chip.js';
 import '../components/column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.js';
-import '../components/field-parts.js';
+import './topbar-controls.js';
+import '../theme/palette-presets.js';
+import '../theme/chart-palette.js';
+import '../theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';
 
 interface TopBarBrandProps extends Omit<KitLinkProps, "href" | "children"> {
     /** The brand mark — an SVG, sized by the caller or `h-6 w-auto` by default. */

package/dist/shell/topbar-action-menu.d.ts

@@ -3,6 +3,7 @@ import { ReactNode } from 'react';
 import { MenuItemTone } from '../components/menu-item.js';
 import { UserAvatarBadge } from '../components/user-avatar.js';
 import 'lucide-react';
+import '../lib/person-name.js';
 import '../components/status-dot.js';
 import '../components/progress-bar.js';
 import '../components/signed-amount.js';

package/dist/shell.d.ts

@@ -13,7 +13,7 @@ import './theme/theme-store.js';
 import 'zustand/middleware';
 import 'zustand';
 import 'lucide-react';
-import './kit-labels-SBN0biPl.js';
+import './register-form-V1OeNlMr.js';
 import './data-table-labels-DUELeXpa.js';
 import './components/data-table-sort.js';
 import './components/swipeable-row.js';
@@ -25,6 +25,7 @@ import './components/field-sync.js';
 import './components/tooltip.js';
 import './hooks/use-anchored-rect.js';
 import './lib/clipping.js';
+import './components/field-parts.js';
 import './wizard/types.js';
 import './tour/tour.js';
 import './search/command-palette.js';
@@ -46,6 +47,7 @@ import './components/modal.js';
 import './hooks/use-search-param-state.js';
 import './components/measured-grid.js';
 import './components/user-avatar.js';
+import './lib/person-name.js';
 import './components/status-dot.js';
 import './components/progress-bar.js';
 import './components/signed-amount.js';
@@ -63,6 +65,15 @@ import './components/authed-image.js';
 import './components/image-grid.js';
 import './components/lightbox.js';
 import './components/write-lock.js';
+import './auth/sign-in-form.js';
+import './auth/complete-name-dialog.js';
+import './auth/forgot-password-form.js';
+import './auth/status-parts.js';
+import './auth/reset-password-form.js';
+import './auth/verify-email.js';
+import './auth/not-found-page.js';
+import './auth/accept-invitation.js';
+import './shell/company-switcher.js';
 import './components/account-chips.js';
 import './lib/format.js';
 import './components/reauth-dialog.js';
@@ -78,5 +89,4 @@ import './components/sign-chip.js';
 import './components/column-mapper.js';
 import './lib/column-mapping.js';
 import './lib/table-text.js';
-import './components/field-parts.js';
 import './components/menu-item.js';

package/dist/wizard/stepper-nav.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode, ReactElement } from 'react';
-import { bA as ButtonVariant } from '../kit-labels-SBN0biPl.js';
+import { bA as ButtonVariant } from '../register-form-V1OeNlMr.js';
 import { UseWizardReturn, WizardLabels } from './types.js';
 import '../data-table-labels-DUELeXpa.js';
 import '../components/data-table-sort.js';
@@ -14,6 +14,7 @@ import '../components/field-sync.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
+import '../components/field-parts.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
 import '../search/global-search.js';
@@ -34,6 +35,7 @@ import '../components/modal.js';
 import '../hooks/use-search-param-state.js';
 import '../components/measured-grid.js';
 import '../components/user-avatar.js';
+import '../lib/person-name.js';
 import '../components/status-dot.js';
 import '../components/progress-bar.js';
 import '../components/signed-amount.js';
@@ -53,6 +55,15 @@ import '../components/authed-image.js';
 import '../components/image-grid.js';
 import '../components/lightbox.js';
 import '../components/write-lock.js';
+import '../auth/sign-in-form.js';
+import '../auth/complete-name-dialog.js';
+import '../auth/forgot-password-form.js';
+import '../auth/status-parts.js';
+import '../auth/reset-password-form.js';
+import '../auth/verify-email.js';
+import '../auth/not-found-page.js';
+import '../auth/accept-invitation.js';
+import '../shell/company-switcher.js';
 import '../components/account-chips.js';
 import '../lib/format.js';
 import '../components/reauth-dialog.js';
@@ -68,7 +79,12 @@ import '../components/sign-chip.js';
 import '../components/column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.js';
-import '../components/field-parts.js';
+import '../shell/topbar-controls.js';
+import '../theme/palette-presets.js';
+import '../theme/chart-palette.js';
+import '../theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';
 
 /**
  * The chrome around a wizard: the step indicator, the step content, and the

package/dist/wizard.d.ts

@@ -6,7 +6,7 @@ export { WizardStep, WizardStepProps } from './wizard/wizard-step.js';
 export { WizardSummary } from './wizard/wizard-summary.js';
 export { StepperNav } from './wizard/stepper-nav.js';
 import 'react';
-import './kit-labels-SBN0biPl.js';
+import './register-form-V1OeNlMr.js';
 import './data-table-labels-DUELeXpa.js';
 import './components/data-table-sort.js';
 import './components/swipeable-row.js';
@@ -19,6 +19,7 @@ import './components/field-sync.js';
 import './components/tooltip.js';
 import './hooks/use-anchored-rect.js';
 import './lib/clipping.js';
+import './components/field-parts.js';
 import './tour/tour.js';
 import './search/command-palette.js';
 import './search/global-search.js';
@@ -39,6 +40,7 @@ import './components/modal.js';
 import './hooks/use-search-param-state.js';
 import './components/measured-grid.js';
 import './components/user-avatar.js';
+import './lib/person-name.js';
 import './components/status-dot.js';
 import './components/progress-bar.js';
 import './components/signed-amount.js';
@@ -58,6 +60,15 @@ import './components/authed-image.js';
 import './components/image-grid.js';
 import './components/lightbox.js';
 import './components/write-lock.js';
+import './auth/sign-in-form.js';
+import './auth/complete-name-dialog.js';
+import './auth/forgot-password-form.js';
+import './auth/status-parts.js';
+import './auth/reset-password-form.js';
+import './auth/verify-email.js';
+import './auth/not-found-page.js';
+import './auth/accept-invitation.js';
+import './shell/company-switcher.js';
 import './components/account-chips.js';
 import './lib/format.js';
 import './components/reauth-dialog.js';
@@ -73,4 +84,9 @@ import './components/sign-chip.js';
 import './components/column-mapper.js';
 import './lib/column-mapping.js';
 import './lib/table-text.js';
-import './components/field-parts.js';
+import './shell/topbar-controls.js';
+import './theme/palette-presets.js';
+import './theme/chart-palette.js';
+import './theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eifi1/ui-kit",
-  "version": "0.28.0",
+  "version": "0.29.0",
   "type": "module",
   "description": "App-agnostic shared design system: domain-free React components, theme and tokens.",
   "_sideEffects": "The barrel (src/index.ts) re-exports EVERY component, including components/chart, which statically imports recharts. Without this field a bundler must assume each of those modules has side effects, so it cannot drop the unused ones: importing a Button from '@eifi1/ui-kit' dragged all 433KB of recharts into the consumer's ENTRY chunk, and Keksdose was preloading it on every page load, login included. Nothing in src/ imports for side effects (no bare imports, no CSS imports from JS, no module-level global writes) — the token stylesheet is its own './tokens.css' export — so this is safe. CSS is still listed so any future stylesheet survives. Re-checked when `flag-icons` left `dependencies` and tsup started emitting a `\"use client\"` banner: neither touches this. The flag stylesheet was never imported from JS in the first place (that was the finding), and a directive prologue is a string literal every bundler lifts out before it decides whether a module is inert.",