@krizaka/ui 3.24.0 → 3.26.0

package/dist/slot-picker.d.ts

@@ -0,0 +1,119 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as React from 'react';
+import { L as LinkComponent } from './block-link-BAg4eoZk.js';
+
+declare const slotPicker: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            time?: tailwind_variants.ClassValue;
+            note?: tailwind_variants.ClassValue;
+            root?: tailwind_variants.ClassValue;
+            days?: tailwind_variants.ClassValue;
+            dayName?: tailwind_variants.ClassValue;
+            daySub?: tailwind_variants.ClassValue;
+            times?: tailwind_variants.ClassValue;
+            empty?: tailwind_variants.ClassValue;
+            day?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            time?: tailwind_variants.ClassValue;
+            note?: tailwind_variants.ClassValue;
+            root?: tailwind_variants.ClassValue;
+            days?: tailwind_variants.ClassValue;
+            dayName?: tailwind_variants.ClassValue;
+            daySub?: tailwind_variants.ClassValue;
+            times?: tailwind_variants.ClassValue;
+            empty?: tailwind_variants.ClassValue;
+            day?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    days: string;
+    day: string;
+    dayName: string;
+    daySub: string;
+    times: string;
+    time: string;
+    note: string;
+    empty: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            time?: tailwind_variants.ClassValue;
+            note?: tailwind_variants.ClassValue;
+            root?: tailwind_variants.ClassValue;
+            days?: tailwind_variants.ClassValue;
+            dayName?: tailwind_variants.ClassValue;
+            daySub?: tailwind_variants.ClassValue;
+            times?: tailwind_variants.ClassValue;
+            empty?: tailwind_variants.ClassValue;
+            day?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    days: string;
+    day: string;
+    dayName: string;
+    daySub: string;
+    times: string;
+    time: string;
+    note: string;
+    empty: string;
+}, tailwind_variants.TVReturnTypeLike<unknown, {
+    root: string;
+    days: string;
+    day: string;
+    dayName: string;
+    daySub: string;
+    times: string;
+    time: string;
+    note: string;
+    empty: string;
+}>>;
+type PickerSlot = {
+    /** A stable id (the slot's start as an ISO string). */
+    id: string;
+    /** The time in words, formatted by the app (`9 h 30`). */
+    label: string;
+    /** What to know about it (`2 places left`), shown beside the time and read with it. */
+    note?: string;
+    /** Not offered any more: shown, disabled. */
+    disabled?: boolean;
+    /** Makes the time a link to this address (the booking page with the slot chosen). */
+    href?: string;
+};
+type PickerDay = {
+    /** A stable id (`2026-10-19`). */
+    id: string;
+    /** The day's name, translated (`Today`, `Mon`). */
+    label: string;
+    /** Under it (`19 Oct`). */
+    sub?: string;
+    /** Its free times, in order. */
+    slots: readonly PickerSlot[];
+};
+type SlotPickerProps = Omit<React.ComponentProps<"div">, "onChange" | "defaultValue"> & {
+    /** The days that have free times, in order. */
+    days: readonly PickerDay[];
+    /** The name of the group (`Available times`), passed translated. */
+    label: string;
+    /** Said when no day has a free time. */
+    emptyLabel: string;
+    /** The chosen slot's id (controlled). */
+    value?: string | null;
+    /** Called with the chosen slot's id. */
+    onValueChange?: (id: string) => void;
+    /** The first day shown. Default: the first of `days`. */
+    defaultDay?: string;
+    /** The app's link component for the times that have an `href`. */
+    linkAs?: LinkComponent;
+};
+/** Tappable free times by day: the day strip, then the day's chips — links or toggles. */
+declare function SlotPicker({ days, label, emptyLabel, value, onValueChange, defaultDay, linkAs, className, ...props }: SlotPickerProps): React.JSX.Element;
+
+export { type PickerDay, type PickerSlot, SlotPicker, type SlotPickerProps, slotPicker };

package/dist/slot-picker.js

@@ -0,0 +1,46 @@
+"use client";
+import {
+  BlockLink
+} from "./chunk-C7LTF5CC.js";
+
+// src/slot-picker/slot-picker.tsx
+import * as React from "react";
+import { tv } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+var slotPicker = tv({
+  slots: {
+    root: "flex min-w-0 flex-col gap-3",
+    days: "flex gap-2 overflow-x-auto p-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+    day: "flex min-h-12 min-w-[4.5rem] shrink-0 cursor-pointer flex-col items-center justify-center rounded-xl border border-border-default bg-surface-1 px-3 py-1.5 text-center leading-tight text-fg-secondary transition-colors hover:border-border-strong hover:text-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring aria-pressed:border-accent aria-pressed:bg-accent-soft aria-pressed:text-fg",
+    dayName: "text-xs font-bold",
+    daySub: "text-[11px] tabular-nums text-fg-muted",
+    times: "m-0 flex list-none flex-wrap gap-2 p-0",
+    time: "inline-flex min-h-11 min-w-[4.75rem] items-center justify-center gap-1.5 rounded-full border border-border-default bg-surface-1 px-4 text-sm font-semibold tabular-nums text-fg no-underline transition-colors hover:border-accent/60 hover:bg-accent-soft focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring aria-pressed:border-accent aria-pressed:bg-accent aria-pressed:text-on-accent disabled:cursor-not-allowed disabled:opacity-50",
+    note: "text-[11px] font-medium text-fg-secondary group-aria-pressed:text-on-accent",
+    empty: "m-0 rounded-xl border border-dashed border-border-default px-4 py-6 text-center text-sm text-fg-secondary"
+  }
+});
+var s = slotPicker();
+function SlotPicker({ days, label, emptyLabel, value, onValueChange, defaultDay, linkAs, className, ...props }) {
+  const [dayId, setDayId] = React.useState(defaultDay ?? days[0]?.id);
+  const active = days.find((d) => d.id === dayId) ?? days[0];
+  if (!active) return /* @__PURE__ */ jsx("p", { className: s.empty({ className }), children: emptyLabel });
+  return /* @__PURE__ */ jsxs("div", { className: s.root({ className }), ...props, children: [
+    /* @__PURE__ */ jsx("div", { className: s.days(), role: "group", "aria-label": label, children: days.map((day) => /* @__PURE__ */ jsxs("button", { type: "button", "aria-pressed": day.id === active.id, onClick: () => setDayId(day.id), className: s.day(), children: [
+      /* @__PURE__ */ jsx("span", { className: s.dayName(), children: day.label }),
+      day.sub && /* @__PURE__ */ jsx("span", { className: s.daySub(), children: day.sub })
+    ] }, day.id)) }),
+    /* @__PURE__ */ jsx("ul", { className: s.times(), "aria-label": `${active.label}${active.sub ? ` ${active.sub}` : ""}`, children: active.slots.map((slot) => /* @__PURE__ */ jsx("li", { children: slot.href ? /* @__PURE__ */ jsxs(BlockLink, { href: slot.href, linkAs, className: s.time(), children: [
+      slot.label,
+      slot.note && /* @__PURE__ */ jsx("span", { className: s.note(), children: slot.note })
+    ] }) : /* @__PURE__ */ jsxs("button", { type: "button", "aria-pressed": value === slot.id, disabled: slot.disabled, onClick: () => onValueChange?.(slot.id), className: s.time({ className: "group" }), children: [
+      slot.label,
+      slot.note && /* @__PURE__ */ jsx("span", { className: s.note(), children: slot.note })
+    ] }) }, slot.id)) })
+  ] });
+}
+export {
+  SlotPicker,
+  slotPicker
+};
+//# sourceMappingURL=slot-picker.js.map

package/dist/slot-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/slot-picker/slot-picker.tsx"],"sourcesContent":["// Client (the chosen day). The next free times of a service as tappable chips: a strip of days, then the day's times.\n// A time is a link (`href`: the booking page with the time chosen) or a toggle the reader presses (`value`,\n// `onValueChange`). The app computes the slots (its availability is the truth) and formats the labels.\nimport * as React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nimport { BlockLink, type LinkComponent } from \"../block-link\";\n\nexport const slotPicker = tv({\n  slots: {\n    root: \"flex min-w-0 flex-col gap-3\",\n    days: \"flex gap-2 overflow-x-auto p-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\",\n    day:\n      \"flex min-h-12 min-w-[4.5rem] shrink-0 cursor-pointer flex-col items-center justify-center rounded-xl border border-border-default bg-surface-1 px-3 py-1.5 text-center leading-tight text-fg-secondary \" +\n      \"transition-colors hover:border-border-strong hover:text-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring \" +\n      \"aria-pressed:border-accent aria-pressed:bg-accent-soft aria-pressed:text-fg\",\n    dayName: \"text-xs font-bold\",\n    daySub: \"text-[11px] tabular-nums text-fg-muted\",\n    times: \"m-0 flex list-none flex-wrap gap-2 p-0\",\n    time:\n      \"inline-flex min-h-11 min-w-[4.75rem] items-center justify-center gap-1.5 rounded-full border border-border-default bg-surface-1 px-4 text-sm font-semibold tabular-nums text-fg no-underline \" +\n      \"transition-colors hover:border-accent/60 hover:bg-accent-soft focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring \" +\n      \"aria-pressed:border-accent aria-pressed:bg-accent aria-pressed:text-on-accent disabled:cursor-not-allowed disabled:opacity-50\",\n    note: \"text-[11px] font-medium text-fg-secondary group-aria-pressed:text-on-accent\",\n    empty: \"m-0 rounded-xl border border-dashed border-border-default px-4 py-6 text-center text-sm text-fg-secondary\",\n  },\n});\nconst s = slotPicker();\n\nexport type PickerSlot = {\n  /** A stable id (the slot's start as an ISO string). */\n  id: string;\n  /** The time in words, formatted by the app (`9 h 30`). */\n  label: string;\n  /** What to know about it (`2 places left`), shown beside the time and read with it. */\n  note?: string;\n  /** Not offered any more: shown, disabled. */\n  disabled?: boolean;\n  /** Makes the time a link to this address (the booking page with the slot chosen). */\n  href?: string;\n};\n\nexport type PickerDay = {\n  /** A stable id (`2026-10-19`). */\n  id: string;\n  /** The day's name, translated (`Today`, `Mon`). */\n  label: string;\n  /** Under it (`19 Oct`). */\n  sub?: string;\n  /** Its free times, in order. */\n  slots: readonly PickerSlot[];\n};\n\nexport type SlotPickerProps = Omit<React.ComponentProps<\"div\">, \"onChange\" | \"defaultValue\"> & {\n  /** The days that have free times, in order. */\n  days: readonly PickerDay[];\n  /** The name of the group (`Available times`), passed translated. */\n  label: string;\n  /** Said when no day has a free time. */\n  emptyLabel: string;\n  /** The chosen slot's id (controlled). */\n  value?: string | null;\n  /** Called with the chosen slot's id. */\n  onValueChange?: (id: string) => void;\n  /** The first day shown. Default: the first of `days`. */\n  defaultDay?: string;\n  /** The app's link component for the times that have an `href`. */\n  linkAs?: LinkComponent;\n};\n\n/** Tappable free times by day: the day strip, then the day's chips — links or toggles. */\nexport function SlotPicker({ days, label, emptyLabel, value, onValueChange, defaultDay, linkAs, className, ...props }: SlotPickerProps) {\n  const [dayId, setDayId] = React.useState(defaultDay ?? days[0]?.id);\n  const active = days.find((d) => d.id === dayId) ?? days[0];\n  if (!active) return <p className={s.empty({ className })}>{emptyLabel}</p>;\n  return (\n    <div className={s.root({ className })} {...props}>\n      <div className={s.days()} role=\"group\" aria-label={label}>\n        {days.map((day) => (\n          <button key={day.id} type=\"button\" aria-pressed={day.id === active.id} onClick={() => setDayId(day.id)} className={s.day()}>\n            <span className={s.dayName()}>{day.label}</span>\n            {day.sub && <span className={s.daySub()}>{day.sub}</span>}\n          </button>\n        ))}\n      </div>\n      <ul className={s.times()} aria-label={`${active.label}${active.sub ? ` ${active.sub}` : \"\"}`}>\n        {active.slots.map((slot) => (\n          <li key={slot.id}>\n            {slot.href ? (\n              <BlockLink href={slot.href} linkAs={linkAs} className={s.time()}>\n                {slot.label}\n                {slot.note && <span className={s.note()}>{slot.note}</span>}\n              </BlockLink>\n            ) : (\n              <button type=\"button\" aria-pressed={value === slot.id} disabled={slot.disabled} onClick={() => onValueChange?.(slot.id)} className={s.time({ className: \"group\" })}>\n                {slot.label}\n                {slot.note && <span className={s.note()}>{slot.note}</span>}\n              </button>\n            )}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAGA,YAAY,WAAW;AACvB,SAAS,UAAU;AAsEG,cAKZ,YALY;AAlEf,IAAM,aAAa,GAAG;AAAA,EAC3B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,KACE;AAAA,IAGF,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MACE;AAAA,IAGF,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF,CAAC;AACD,IAAM,IAAI,WAAW;AA4Cd,SAAS,WAAW,EAAE,MAAM,OAAO,YAAY,OAAO,eAAe,YAAY,QAAQ,WAAW,GAAG,MAAM,GAAoB;AACtI,QAAM,CAAC,OAAO,QAAQ,IAAU,eAAS,cAAc,KAAK,CAAC,GAAG,EAAE;AAClE,QAAM,SAAS,KAAK,KAAK,CAAC,MAAM,EAAE,OAAO,KAAK,KAAK,KAAK,CAAC;AACzD,MAAI,CAAC,OAAQ,QAAO,oBAAC,OAAE,WAAW,EAAE,MAAM,EAAE,UAAU,CAAC,GAAI,sBAAW;AACtE,SACE,qBAAC,SAAI,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,GAAI,GAAG,OACzC;AAAA,wBAAC,SAAI,WAAW,EAAE,KAAK,GAAG,MAAK,SAAQ,cAAY,OAChD,eAAK,IAAI,CAAC,QACT,qBAAC,YAAoB,MAAK,UAAS,gBAAc,IAAI,OAAO,OAAO,IAAI,SAAS,MAAM,SAAS,IAAI,EAAE,GAAG,WAAW,EAAE,IAAI,GACvH;AAAA,0BAAC,UAAK,WAAW,EAAE,QAAQ,GAAI,cAAI,OAAM;AAAA,MACxC,IAAI,OAAO,oBAAC,UAAK,WAAW,EAAE,OAAO,GAAI,cAAI,KAAI;AAAA,SAFvC,IAAI,EAGjB,CACD,GACH;AAAA,IACA,oBAAC,QAAG,WAAW,EAAE,MAAM,GAAG,cAAY,GAAG,OAAO,KAAK,GAAG,OAAO,MAAM,IAAI,OAAO,GAAG,KAAK,EAAE,IACvF,iBAAO,MAAM,IAAI,CAAC,SACjB,oBAAC,QACE,eAAK,OACJ,qBAAC,aAAU,MAAM,KAAK,MAAM,QAAgB,WAAW,EAAE,KAAK,GAC3D;AAAA,WAAK;AAAA,MACL,KAAK,QAAQ,oBAAC,UAAK,WAAW,EAAE,KAAK,GAAI,eAAK,MAAK;AAAA,OACtD,IAEA,qBAAC,YAAO,MAAK,UAAS,gBAAc,UAAU,KAAK,IAAI,UAAU,KAAK,UAAU,SAAS,MAAM,gBAAgB,KAAK,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,WAAW,QAAQ,CAAC,GAC9J;AAAA,WAAK;AAAA,MACL,KAAK,QAAQ,oBAAC,UAAK,WAAW,EAAE,KAAK,GAAI,eAAK,MAAK;AAAA,OACtD,KAVK,KAAK,EAYd,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/sticky-action.d.ts

@@ -0,0 +1,12 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as React from 'react';
+
+declare const stickyAction: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "sticky bottom-0 z-30 border-t border-border-subtle bg-surface-1/90 px-4 pb-[max(0.75rem,env(safe-area-inset-bottom))] pt-3 backdrop-blur-xl md:hidden", {} | {}, undefined, tailwind_variants.TVReturnTypeLike<unknown, undefined>>;
+type StickyActionProps = React.ComponentProps<"div"> & {
+    /** The action: one `ButtonLink` (full width is added). */
+    children: React.ReactNode;
+};
+/** The one action of a page, held at the bottom edge of a phone. */
+declare function StickyAction({ className, children, ...props }: StickyActionProps): React.JSX.Element;
+
+export { StickyAction, type StickyActionProps, stickyAction };

package/dist/sticky-action.js

@@ -0,0 +1,14 @@
+// src/sticky-action/sticky-action.tsx
+import { tv } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+var stickyAction = tv({
+  base: "sticky bottom-0 z-30 border-t border-border-subtle bg-surface-1/90 px-4 pb-[max(0.75rem,env(safe-area-inset-bottom))] pt-3 backdrop-blur-xl md:hidden"
+});
+function StickyAction({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: stickyAction({ className }), ...props, children: /* @__PURE__ */ jsx("div", { className: "mx-auto flex max-w-md flex-col [&>*]:w-full", children }) });
+}
+export {
+  StickyAction,
+  stickyAction
+};
+//# sourceMappingURL=sticky-action.js.map

package/dist/sticky-action.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/sticky-action/sticky-action.tsx"],"sourcesContent":["// Server-safe: pure CSS. The main action of a page, stuck to the bottom of a phone's screen while the page scrolls: put it\n// as the last child of the page's `main` (a sticky element holds the viewport's edge inside its container). From `md` up it\n// is not drawn — the page's own buttons are within reach.\nimport type * as React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nexport const stickyAction = tv({\n  base: \"sticky bottom-0 z-30 border-t border-border-subtle bg-surface-1/90 px-4 pb-[max(0.75rem,env(safe-area-inset-bottom))] pt-3 backdrop-blur-xl md:hidden\",\n});\n\nexport type StickyActionProps = React.ComponentProps<\"div\"> & {\n  /** The action: one `ButtonLink` (full width is added). */\n  children: React.ReactNode;\n};\n\n/** The one action of a page, held at the bottom edge of a phone. */\nexport function StickyAction({ className, children, ...props }: StickyActionProps) {\n  return (\n    <div className={stickyAction({ className })} {...props}>\n      <div className=\"mx-auto flex max-w-md flex-col [&>*]:w-full\">{children}</div>\n    </div>\n  );\n}\n"],"mappings":";AAIA,SAAS,UAAU;AAeb;AAbC,IAAM,eAAe,GAAG;AAAA,EAC7B,MAAM;AACR,CAAC;AAQM,SAAS,aAAa,EAAE,WAAW,UAAU,GAAG,MAAM,GAAsB;AACjF,SACE,oBAAC,SAAI,WAAW,aAAa,EAAE,UAAU,CAAC,GAAI,GAAG,OAC/C,8BAAC,SAAI,WAAU,+CAA+C,UAAS,GACzE;AAEJ;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krizaka/ui",
-  "version": "3.24.0",
+  "version": "3.26.0",
   "description": "The Krizaka front-end platform's components: the primitives (button, card, dialog, toast, menu, field, tabs, chip, switch, slider, command palette, theme, countdown…) on the semantic --kz-* tokens, the animated marks (Krizaka, Orazaka, Orochia, Yasakia, Yororis) and the motion signature — web and /native.",
   "keywords": [
     "krizaka",
@@ -225,6 +225,10 @@
       "types": "./dist/nav-bar.d.ts",
       "import": "./dist/nav-bar.js"
     },
+    "./language-switch": {
+      "types": "./dist/language-switch.d.ts",
+      "import": "./dist/language-switch.js"
+    },
     "./site-footer": {
       "types": "./dist/site-footer.d.ts",
       "import": "./dist/site-footer.js"
@@ -373,6 +377,30 @@
       "types": "./dist/app-header.d.ts",
       "import": "./dist/app-header.js"
     },
+    "./opening-hours": {
+      "types": "./dist/opening-hours.d.ts",
+      "import": "./dist/opening-hours.js"
+    },
+    "./service-card": {
+      "types": "./dist/service-card.d.ts",
+      "import": "./dist/service-card.js"
+    },
+    "./slot-picker": {
+      "types": "./dist/slot-picker.d.ts",
+      "import": "./dist/slot-picker.js"
+    },
+    "./cover-hero": {
+      "types": "./dist/cover-hero.d.ts",
+      "import": "./dist/cover-hero.js"
+    },
+    "./media-gallery": {
+      "types": "./dist/media-gallery.d.ts",
+      "import": "./dist/media-gallery.js"
+    },
+    "./sticky-action": {
+      "types": "./dist/sticky-action.d.ts",
+      "import": "./dist/sticky-action.js"
+    },
     "./rail-nav": {
       "types": "./dist/rail-nav.d.ts",
       "import": "./dist/rail-nav.js"
@@ -445,6 +473,10 @@
       "types": "./dist/dashboard-layout.d.ts",
       "import": "./dist/dashboard-layout.js"
     },
+    "./account-menu": {
+      "types": "./dist/account-menu.d.ts",
+      "import": "./dist/account-menu.js"
+    },
     "./settings-layout": {
       "types": "./dist/settings-layout.d.ts",
       "import": "./dist/settings-layout.js"
@@ -677,7 +709,7 @@
   ],
   "peerDependencies": {
     "@krizaka/query": ">=0.2.1",
-    "@krizaka/tailwind": ">=3.24.0",
+    "@krizaka/tailwind": ">=3.26.0",
     "@maplibre/maplibre-react-native": ">=11",
     "@shopify/flash-list": ">=2",
     "expo-camera": ">=16",
@@ -1198,7 +1230,17 @@
     {
       "name": "./nav-bar (Radix NavigationMenu, Slot, the family's marks)",
       "path": "dist/nav-bar.js",
-      "limit": "23.8 kB",
+      "limit": "24.6 kB",
+      "gzip": true,
+      "ignore": [
+        "tailwind-variants",
+        "clsx"
+      ]
+    },
+    {
+      "name": "./language-switch (a disclosure)",
+      "path": "dist/language-switch.js",
+      "limit": "2.4 kB",
       "gzip": true,
       "ignore": [
         "tailwind-variants",
@@ -1346,7 +1388,7 @@
       "name": "./data-table: the toolbar (FilterBar on Radix DropdownMenu, SearchField, the columns menu, the export)",
       "path": "dist/data-table.js",
       "import": "{ DataTableFilters, DataTableColumnsMenu, DataTableExport }",
-      "limit": "41 kB",
+      "limit": "42 kB",
       "gzip": true,
       "ignore": [
         "tailwind-variants",
@@ -1553,6 +1595,66 @@
         "clsx"
       ]
     },
+    {
+      "name": "./opening-hours",
+      "path": "dist/opening-hours.js",
+      "limit": "2 kB",
+      "gzip": true,
+      "ignore": [
+        "tailwind-variants",
+        "clsx"
+      ]
+    },
+    {
+      "name": "./service-card",
+      "path": "dist/service-card.js",
+      "limit": "2 kB",
+      "gzip": true,
+      "ignore": [
+        "tailwind-variants",
+        "clsx"
+      ]
+    },
+    {
+      "name": "./slot-picker",
+      "path": "dist/slot-picker.js",
+      "limit": "2 kB",
+      "gzip": true,
+      "ignore": [
+        "tailwind-variants",
+        "clsx"
+      ]
+    },
+    {
+      "name": "./cover-hero",
+      "path": "dist/cover-hero.js",
+      "limit": "2 kB",
+      "gzip": true,
+      "ignore": [
+        "tailwind-variants",
+        "clsx"
+      ]
+    },
+    {
+      "name": "./media-gallery",
+      "path": "dist/media-gallery.js",
+      "limit": "2 kB",
+      "gzip": true,
+      "ignore": [
+        "tailwind-variants",
+        "clsx"
+      ]
+    },
+    {
+      "name": "./sticky-action",
+      "path": "dist/sticky-action.js",
+      "limit": "1 kB",
+      "gzip": true,
+      "ignore": [
+        "tailwind-variants",
+        "clsx"
+      ]
+    },
     {
       "name": "./rail-nav",
       "path": "dist/rail-nav.js",
@@ -1809,6 +1911,18 @@
         "clsx"
       ]
     },
+    {
+      "name": "./account-menu",
+      "path": "dist/account-menu.js",
+      "limit": "3 kB",
+      "gzip": true,
+      "ignore": [
+        "tailwind-variants",
+        "clsx",
+        "radix-ui",
+        "react"
+      ]
+    },
     {
       "name": "./settings-layout",
       "path": "dist/settings-layout.js",
@@ -2071,7 +2185,7 @@
     {
       "name": "./changelog-page",
       "path": "dist/changelog-page.js",
-      "limit": "2.4 kB",
+      "limit": "2.7 kB",
       "gzip": true,
       "ignore": [
         "tailwind-variants",
@@ -2312,9 +2426,9 @@
     "radix-ui": "^1.7.0",
     "sonner": "^2.0.8",
     "tailwind-variants": "^3.3.1",
-    "@krizaka/intl": "^0.2.1",
+    "@krizaka/tokens": "^3.26.0",
     "@krizaka/pacer": "^0.1.0",
-    "@krizaka/tokens": "^3.24.0"
+    "@krizaka/intl": "^0.2.1"
   },
   "scripts": {
     "build": "node -e \"const fs=require('node:fs');fs.rmSync('dist',{recursive:true,force:true});for(const f of fs.readdirSync('registry/examples',{recursive:true}))if(/\\.(js|d\\.ts)$/.test(f))fs.rmSync('registry/examples/'+f)\" && tsup && node -e \"require('node:fs').copyFileSync('src/motion.css','dist/motion.css');require('node:fs').copyFileSync('src/blocks.css','dist/blocks.css');require('node:fs').copyFileSync('src/story.css','dist/story.css')\" && node scripts/build-registry.mjs",