@repraze/kernelkit 0.1.0-alpha.4 → 0.1.0-alpha.6

package/dist/components/locale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale.d.ts","sourceRoot":"","sources":["../../src/components/locale.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;GAMG;AACH,QAAA,MAAM,eAAe,UAAU,CAAC;AAIhC,iBAAS,cAAc,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAC,EAAE;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,qBAEvF;AAgBD,8GAA8G;AAC9G,iBAAS,SAAS,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAI5C;AAUD,iEAAiE;AACjE,iBAAS,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAe5C;AAED,OAAO,EAAC,eAAe,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAC,CAAC"}

package/dist/components/locale.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+/**
+ * Locale for the kit's dates and times (Calendar, DatePicker, TimeInput, TimeSelect), all formatted with
+ * `Intl`. Resolution: a component's own `locale` prop › the nearest `LocaleProvider` › the browser's
+ * language. Hydration-safe: the server render and the hydration pass use `FALLBACK_LOCALE` (the browser's
+ * language is unknown on the server), then the client re-renders with the browser's. To get it right from
+ * the first paint in SSR, pass the request's locale (Accept-Language, user setting) to `LocaleProvider`.
+ */
+const FALLBACK_LOCALE = "en-US";
+const LocaleContext = React.createContext(undefined);
+function LocaleProvider({ locale, children }) {
+    return _jsx(LocaleContext.Provider, { value: locale, children: children });
+}
+function browserLocale() {
+    try {
+        const tag = navigator.languages?.[0] ?? navigator.language;
+        return tag && Intl.DateTimeFormat.supportedLocalesOf(tag).length ? tag : null;
+    }
+    catch {
+        return null;
+    }
+}
+function subscribe(onChange) {
+    window.addEventListener("languagechange", onChange);
+    return () => window.removeEventListener("languagechange", onChange);
+}
+/** The locale to format with: `explicit` › LocaleProvider › browser (after hydration) › `FALLBACK_LOCALE`. */
+function useLocale(explicit) {
+    const provided = React.useContext(LocaleContext);
+    const browser = React.useSyncExternalStore(subscribe, browserLocale, () => null);
+    return explicit ?? provided ?? browser ?? FALLBACK_LOCALE;
+}
+// Regions whose week starts on Sunday or Saturday (CLDR), for engines without Intl.Locale#getWeekInfo.
+const SUNDAY = new Set("AG AS AU BD BR BS BT BW BZ CA CN CO DM DO ET GT GU HK HN ID IL IN JM JP KE KH KR LA MH MM MO MT MX MZ NI NP PA PE PH PK PR PT PY SA SG SV TH TT TW UM US VE VI WS YE ZA ZW".split(" "));
+const SATURDAY = new Set("AE AF BH DJ DZ EG IQ IR JO KW LY OM QA SD SY".split(" "));
+/** First day of the week for a locale: 0 Sunday … 6 Saturday. */
+function weekStart(locale) {
+    try {
+        const loc = new Intl.Locale(locale);
+        const info = loc.getWeekInfo?.() ?? loc.weekInfo;
+        if (info) {
+            return (info.firstDay % 7);
+        }
+        const region = loc.maximize().region ?? "";
+        return SUNDAY.has(region) ? 0 : SATURDAY.has(region) ? 6 : 1;
+    }
+    catch {
+        return 0;
+    }
+}
+export { FALLBACK_LOCALE, LocaleProvider, useLocale, weekStart };
+//# sourceMappingURL=locale.js.map

package/dist/components/locale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale.js","sourceRoot":"","sources":["../../src/components/locale.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;GAMG;AACH,MAAM,eAAe,GAAG,OAAO,CAAC;AAEhC,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAqB,SAAS,CAAC,CAAC;AAEzE,SAAS,cAAc,CAAC,EAAC,MAAM,EAAE,QAAQ,EAA+C;IACpF,OAAO,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YAAG,QAAQ,GAA0B,CAAC;AACtF,CAAC;AAED,SAAS,aAAa;IAClB,IAAI,CAAC;QACD,MAAM,GAAG,GAAG,SAAS,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,QAAQ,CAAC;QAC3D,OAAO,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IAClF,CAAC;IAAC,MAAM,CAAC;QACL,OAAO,IAAI,CAAC;IAChB,CAAC;AACL,CAAC;AAED,SAAS,SAAS,CAAC,QAAoB;IACnC,MAAM,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;IACpD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;AACxE,CAAC;AAED,8GAA8G;AAC9G,SAAS,SAAS,CAAC,QAAiB;IAChC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IACjD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAoB,CAAC,SAAS,EAAE,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;IACjF,OAAO,QAAQ,IAAI,QAAQ,IAAI,OAAO,IAAI,eAAe,CAAC;AAC9D,CAAC;AAED,uGAAuG;AACvG,MAAM,MAAM,GAAG,IAAI,GAAG,CAClB,4KAA4K,CAAC,KAAK,CAC9K,GAAG,CACN,CACJ,CAAC;AACF,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,8CAA8C,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AAEpF,iEAAiE;AACjE,SAAS,SAAS,CAAC,MAAc;IAC7B,IAAI,CAAC;QACD,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAGjC,CAAC;QACF,MAAM,IAAI,GAAG,GAAG,CAAC,WAAW,EAAE,EAAE,IAAI,GAAG,CAAC,QAAQ,CAAC;QACjD,IAAI,IAAI,EAAE,CAAC;YACP,OAAO,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAc,CAAC;QAC5C,CAAC;QACD,MAAM,MAAM,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,MAAM,IAAI,EAAE,CAAC;QAC3C,OAAO,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACjE,CAAC;IAAC,MAAM,CAAC;QACL,OAAO,CAAC,CAAC;IACb,CAAC;AACL,CAAC;AAED,OAAO,EAAC,eAAe,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAC,CAAC"}

package/dist/components/pager.d.ts

@@ -1,6 +1,6 @@
 import { useRender } from "@base-ui/react/use-render";
 import type * as React from "react";
-/** Previous / next page links at the end of a page. */
+/** Previous / next page links at the end of a page: stacked on phones, side by side from `sm`. */
 declare function Pager({ className, render, ...props }: useRender.ComponentProps<"nav">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 interface PagerLinkProps extends useRender.ComponentProps<"a"> {
     direction: "previous" | "next";

package/dist/components/pager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pager.d.ts","sourceRoot":"","sources":["../../src/components/pager.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAIpD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,uDAAuD;AACvD,iBAAS,KAAK,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,0EAa5E;AAED,UAAU,cAAe,SAAQ,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC;IAC1D,SAAS,EAAE,UAAU,GAAG,MAAM,CAAC;IAC/B,sEAAsE;IACtE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,qGAAqG;AACrG,iBAAS,SAAS,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,0EAkC3F;AAED,OAAO,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC;AAC1B,YAAY,EAAC,cAAc,EAAC,CAAC"}
+{"version":3,"file":"pager.d.ts","sourceRoot":"","sources":["../../src/components/pager.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAIpD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,kGAAkG;AAClG,iBAAS,KAAK,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,0EAa5E;AAED,UAAU,cAAe,SAAQ,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC;IAC1D,SAAS,EAAE,UAAU,GAAG,MAAM,CAAC;IAC/B,sEAAsE;IACtE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,qGAAqG;AACrG,iBAAS,SAAS,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,0EAkC3F;AAED,OAAO,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC;AAC1B,YAAY,EAAC,cAAc,EAAC,CAAC"}

package/dist/components/pager.js

@@ -5,13 +5,13 @@ import { useRender } from "@base-ui/react/use-render";
 import { focusRing } from "@repraze/kernelkit/lib/recipes";
 import { cn } from "cn";
 import { ArrowLeftIcon, ArrowRightIcon } from "lucide-react";
-/** Previous / next page links at the end of a page. */
+/** Previous / next page links at the end of a page: stacked on phones, side by side from `sm`. */
 function Pager({ className, render, ...props }) {
     return useRender({
         defaultTagName: "nav",
         props: mergeProps({
             "aria-label": "Pages",
-            className: cn("grid grid-cols-2 gap-4 border-t border-border pt-6", className),
+            className: cn("grid gap-3 border-t border-border pt-6 sm:grid-cols-2 sm:gap-4", className),
         }, props),
         render,
         state: { slot: "pager" },
@@ -25,8 +25,8 @@ function PagerLink({ className, render, direction, label, children, ...props })
         defaultTagName: "a",
         props: mergeProps({
             rel: next ? "next" : "prev",
-            className: cn("group/pager flex flex-col gap-1 rounded-lg border border-border px-4 py-3 transition-colors hover:border-primary-text hover:bg-hover", focusRing, next ? "col-start-2 items-end text-end" : "col-start-1 items-start", className),
-            children: (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-xs text-muted-foreground", children: label ?? (next ? "Next" : "Previous") }), _jsxs("span", { className: "flex items-center gap-1.5 font-medium", children: [!next && (_jsx(Arrow, { className: "size-4 transition-transform group-hover/pager:-translate-x-0.5" })), children, next && (_jsx(Arrow, { className: "size-4 transition-transform group-hover/pager:translate-x-0.5" }))] })] })),
+            className: cn("group/pager flex min-w-0 flex-col gap-1 rounded-lg border border-border px-4 py-3 transition-colors hover:border-primary-text hover:bg-hover", focusRing, next ? "items-end text-end sm:col-start-2" : "items-start sm:col-start-1", className),
+            children: (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-xs text-muted-foreground", children: label ?? (next ? "Next" : "Previous") }), _jsxs("span", { className: "flex max-w-full items-center gap-1.5 font-medium", children: [!next && (_jsx(Arrow, { className: "size-4 shrink-0 transition-transform group-hover/pager:-translate-x-0.5" })), _jsx("span", { className: "min-w-0 wrap-break-word", children: children }), next && (_jsx(Arrow, { className: "size-4 shrink-0 transition-transform group-hover/pager:translate-x-0.5" }))] })] })),
         }, props),
         render,
         state: { slot: "pager-link", direction },

package/dist/components/pager.js.map

@@ -1 +1 @@
-{"version":3,"file":"pager.js","sourceRoot":"","sources":["../../src/components/pager.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,UAAU,EAAC,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAC,SAAS,EAAC,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,cAAc,CAAC;AAG3D,uDAAuD;AACvD,SAAS,KAAK,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAkC;IACzE,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,KAAK;QACrB,KAAK,EAAE,UAAU,CACb;YACI,YAAY,EAAE,OAAO;YACrB,SAAS,EAAE,EAAE,CAAC,oDAAoD,EAAE,SAAS,CAAC;SACjF,EACD,KAAK,CACR;QACD,MAAM;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,OAAO,EAAC;KACzB,CAAC,CAAC;AACP,CAAC;AAQD,qGAAqG;AACrG,SAAS,SAAS,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAiB;IACxF,MAAM,IAAI,GAAG,SAAS,KAAK,MAAM,CAAC;IAClC,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC;IACpD,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,GAAG;QACnB,KAAK,EAAE,UAAU,CACb;YACI,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;YAC3B,SAAS,EAAE,EAAE,CACT,sIAAsI,EACtI,SAAS,EACT,IAAI,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,yBAAyB,EACnE,SAAS,CACZ;YACD,QAAQ,EAAE,CACN,8BACI,eAAM,SAAS,EAAC,+BAA+B,YAAE,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,GAAQ,EAC9F,gBAAM,SAAS,EAAC,uCAAuC,aAClD,CAAC,IAAI,IAAI,CACN,KAAC,KAAK,IAAC,SAAS,EAAC,gEAAgE,GAAG,CACvF,EACA,QAAQ,EACR,IAAI,IAAI,CACL,KAAC,KAAK,IAAC,SAAS,EAAC,+DAA+D,GAAG,CACtF,IACE,IACR,CACN;SACJ,EACD,KAAK,CACR;QACD,MAAM;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC;KACzC,CAAC,CAAC;AACP,CAAC;AAED,OAAO,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC"}
+{"version":3,"file":"pager.js","sourceRoot":"","sources":["../../src/components/pager.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,UAAU,EAAC,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAC,SAAS,EAAC,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,cAAc,CAAC;AAG3D,kGAAkG;AAClG,SAAS,KAAK,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAkC;IACzE,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,KAAK;QACrB,KAAK,EAAE,UAAU,CACb;YACI,YAAY,EAAE,OAAO;YACrB,SAAS,EAAE,EAAE,CAAC,gEAAgE,EAAE,SAAS,CAAC;SAC7F,EACD,KAAK,CACR;QACD,MAAM;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,OAAO,EAAC;KACzB,CAAC,CAAC;AACP,CAAC;AAQD,qGAAqG;AACrG,SAAS,SAAS,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAiB;IACxF,MAAM,IAAI,GAAG,SAAS,KAAK,MAAM,CAAC;IAClC,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC;IACpD,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,GAAG;QACnB,KAAK,EAAE,UAAU,CACb;YACI,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;YAC3B,SAAS,EAAE,EAAE,CACT,8IAA8I,EAC9I,SAAS,EACT,IAAI,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,4BAA4B,EACzE,SAAS,CACZ;YACD,QAAQ,EAAE,CACN,8BACI,eAAM,SAAS,EAAC,+BAA+B,YAAE,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,GAAQ,EAC9F,gBAAM,SAAS,EAAC,kDAAkD,aAC7D,CAAC,IAAI,IAAI,CACN,KAAC,KAAK,IAAC,SAAS,EAAC,yEAAyE,GAAG,CAChG,EACD,eAAM,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAQ,EAC1D,IAAI,IAAI,CACL,KAAC,KAAK,IAAC,SAAS,EAAC,wEAAwE,GAAG,CAC/F,IACE,IACR,CACN;SACJ,EACD,KAAK,CACR;QACD,MAAM;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC;KACzC,CAAC,CAAC;AACP,CAAC;AAED,OAAO,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC"}

package/dist/components/popover.d.ts

@@ -2,7 +2,7 @@ import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
 import * as React from "react";
 declare function Popover({ ...props }: PopoverPrimitive.Root.Props): React.JSX.Element;
 declare function PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props): React.JSX.Element;
-declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React.JSX.Element;
+declare function PopoverContent({ className, align, alignOffset, side, sideOffset, anchor, ...props }: PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "anchor">): React.JSX.Element;
 declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): React.JSX.Element;
 declare function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): React.JSX.Element;

package/dist/components/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAInE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,OAAO,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,qBAEvD;AAED,iBAAS,cAAc,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAK,qBAEjE;AAED,iBAAS,cAAc,CAAC,EACpB,SAAS,EACT,KAAgB,EAChB,WAAe,EACf,IAAe,EACf,UAAc,EACd,GAAG,KAAK,EACX,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,GAC3B,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,CAAC,qBAuB3F;AAED,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAExE;AAED,iBAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,qBAExE;AAED,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,KAAK,qBAQpF;AAED,OAAO,EAAC,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAC,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAInE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,OAAO,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,qBAEvD;AAED,iBAAS,cAAc,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAK,qBAEjE;AAED,iBAAS,cAAc,CAAC,EACpB,SAAS,EACT,KAAgB,EAChB,WAAe,EACf,IAAe,EACf,UAAc,EACd,MAAM,EACN,GAAG,KAAK,EACX,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,GAC3B,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,QAAQ,CAAC,qBAwBtG;AAED,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAExE;AAED,iBAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,qBAExE;AAED,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,KAAK,qBAQpF;AAED,OAAO,EAAC,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/popover.js

@@ -11,8 +11,8 @@ function Popover({ ...props }) {
 function PopoverTrigger({ ...props }) {
     return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
-function PopoverContent({ className, align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, ...props }) {
-    return (_jsx(PopoverPrimitive.Portal, { container: usePortalContainer(), children: _jsx(PopoverPrimitive.Positioner, { align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, className: "isolate z-50", children: _jsx(PopoverPrimitive.Popup, { "data-slot": "popover-content", className: cn(popupSurface, popupMotion, "z-50 flex w-72 flex-col gap-3 p-3 text-sm outline-hidden", className), ...props }) }) }));
+function PopoverContent({ className, align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, anchor, ...props }) {
+    return (_jsx(PopoverPrimitive.Portal, { container: usePortalContainer(), children: _jsx(PopoverPrimitive.Positioner, { align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, anchor: anchor, className: "isolate z-50", children: _jsx(PopoverPrimitive.Popup, { "data-slot": "popover-content", className: cn(popupSurface, popupMotion, "z-50 flex w-72 flex-col gap-3 p-3 text-sm outline-hidden", className), ...props }) }) }));
 }
 function PopoverHeader({ className, ...props }) {
     return _jsx("div", { "data-slot": "popover-header", className: cn("flex flex-col gap-1 text-sm", className), ...props });

package/dist/components/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAClF,OAAO,EAAC,kBAAkB,EAAC,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,SAAS,OAAO,CAAC,EAAC,GAAG,KAAK,EAA8B;IACpD,OAAO,KAAC,gBAAgB,CAAC,IAAI,iBAAW,SAAS,KAAK,KAAK,GAAI,CAAC;AACpE,CAAC;AAED,SAAS,cAAc,CAAC,EAAC,GAAG,KAAK,EAAiC;IAC9D,OAAO,KAAC,gBAAgB,CAAC,OAAO,iBAAW,iBAAiB,KAAK,KAAK,GAAI,CAAC;AAC/E,CAAC;AAED,SAAS,cAAc,CAAC,EACpB,SAAS,EACT,KAAK,GAAG,QAAQ,EAChB,WAAW,GAAG,CAAC,EACf,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,CAAC,EACd,GAAG,KAAK,EAEgF;IACxF,OAAO,CACH,KAAC,gBAAgB,CAAC,MAAM,IAAC,SAAS,EAAE,kBAAkB,EAAE,YACpD,KAAC,gBAAgB,CAAC,UAAU,IACxB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAC,cAAc,YAExB,KAAC,gBAAgB,CAAC,KAAK,iBACT,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACT,YAAY,EACZ,WAAW,EACX,0DAA0D,EAC1D,SAAS,CACZ,KACG,KAAK,GACX,GACwB,GACR,CAC7B,CAAC;AACN,CAAC;AAED,SAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA8B;IACrE,OAAO,2BAAe,gBAAgB,EAAC,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAClH,CAAC;AAED,SAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA+B;IACrE,OAAO,KAAC,gBAAgB,CAAC,KAAK,iBAAW,eAAe,EAAC,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC9G,CAAC;AAED,SAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAqC;IACjF,OAAO,CACH,KAAC,gBAAgB,CAAC,WAAW,iBACf,qBAAqB,EAC/B,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,KAC7C,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EAAC,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAC,CAAC"}
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAClF,OAAO,EAAC,kBAAkB,EAAC,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,SAAS,OAAO,CAAC,EAAC,GAAG,KAAK,EAA8B;IACpD,OAAO,KAAC,gBAAgB,CAAC,IAAI,iBAAW,SAAS,KAAK,KAAK,GAAI,CAAC;AACpE,CAAC;AAED,SAAS,cAAc,CAAC,EAAC,GAAG,KAAK,EAAiC;IAC9D,OAAO,KAAC,gBAAgB,CAAC,OAAO,iBAAW,iBAAiB,KAAK,KAAK,GAAI,CAAC;AAC/E,CAAC;AAED,SAAS,cAAc,CAAC,EACpB,SAAS,EACT,KAAK,GAAG,QAAQ,EAChB,WAAW,GAAG,CAAC,EACf,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,CAAC,EACd,MAAM,EACN,GAAG,KAAK,EAE2F;IACnG,OAAO,CACH,KAAC,gBAAgB,CAAC,MAAM,IAAC,SAAS,EAAE,kBAAkB,EAAE,YACpD,KAAC,gBAAgB,CAAC,UAAU,IACxB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,cAAc,YAExB,KAAC,gBAAgB,CAAC,KAAK,iBACT,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACT,YAAY,EACZ,WAAW,EACX,0DAA0D,EAC1D,SAAS,CACZ,KACG,KAAK,GACX,GACwB,GACR,CAC7B,CAAC;AACN,CAAC;AAED,SAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA8B;IACrE,OAAO,2BAAe,gBAAgB,EAAC,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAClH,CAAC;AAED,SAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA+B;IACrE,OAAO,KAAC,gBAAgB,CAAC,KAAK,iBAAW,eAAe,EAAC,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC9G,CAAC;AAED,SAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAqC;IACjF,OAAO,CACH,KAAC,gBAAgB,CAAC,WAAW,iBACf,qBAAqB,EAC/B,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,KAC7C,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EAAC,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/progress.d.ts

@@ -1,5 +1,6 @@
 import { Progress as ProgressPrimitive } from "@base-ui/react/progress";
 import { type Color } from "@repraze/kernelkit/lib/color";
+import type * as React from "react";
 /** Root of a progress or meter: label + value on one row, track below. Sets the color vars. */
 declare const progressVariants: (props?: ({
     color?: "danger" | "warning" | "success" | "info" | "red" | "orange" | "yellow" | "green" | "cyan" | "blue" | "purple" | "pink" | "neutral" | "primary" | null | undefined;
@@ -15,12 +16,24 @@ interface ProgressProps extends Omit<ProgressPrimitive.Root.Props, "color"> {
     color?: Color | null;
     /** Track height: sm `h-1`, default `h-1.5`, lg `h-2`. */
     size?: ProgressSize | null;
+    /** `bar`: one pill track. `segmented`: a row of cells, lit in order; a wave runs through them while indeterminate. */
+    variant?: "bar" | "segmented";
+    /** `segmented` only: number of cells. */
+    segments?: number;
 }
-declare function Progress({ className, children, value, color, size, ...props }: ProgressProps): import("react").JSX.Element;
-declare function ProgressTrack({ className, ...props }: ProgressPrimitive.Track.Props): import("react").JSX.Element;
-declare function ProgressIndicator({ className, ...props }: ProgressPrimitive.Indicator.Props): import("react").JSX.Element;
-declare function ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props): import("react").JSX.Element;
-declare function ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props): import("react").JSX.Element;
-export { Progress, ProgressIndicator, progressIndicatorClass, ProgressLabel, ProgressTrack, progressTrackClass, ProgressValue, progressVariants, };
+declare function Progress({ className, children, value, color, size, variant, segments, max, ...props }: ProgressProps): React.JSX.Element;
+declare function ProgressTrack({ className, ...props }: ProgressPrimitive.Track.Props): React.JSX.Element;
+declare function ProgressIndicator({ className, ...props }: ProgressPrimitive.Indicator.Props): React.JSX.Element;
+/**
+ * The `segmented` track: cells in the fill tier, unlit ones on the placeholder fill (§4). `lit` is how many
+ * cells are on (fractional rounds), `null` runs the indeterminate wave. Reduced motion slows the wave down.
+ */
+declare function ProgressSegments({ segments, lit, className, ...props }: React.ComponentProps<"div"> & {
+    segments: number;
+    lit: number | null;
+}): React.JSX.Element;
+declare function ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props): React.JSX.Element;
+declare function ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props): React.JSX.Element;
+export { Progress, ProgressIndicator, progressIndicatorClass, ProgressLabel, ProgressSegments, ProgressTrack, progressTrackClass, ProgressValue, progressVariants, };
 export type { ProgressProps, ProgressSize };
 //# sourceMappingURL=progress.d.ts.map

package/dist/components/progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,QAAQ,IAAI,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAC,KAAK,KAAK,EAAgB,MAAM,8BAA8B,CAAC;AAIvE,+FAA+F;AAC/F,QAAA,MAAM,gBAAgB;;;8EAMpB,CAAC;AAEH,+GAA+G;AAC/G,QAAA,MAAM,kBAAkB,8MACuL,CAAC;AAEhN,sDAAsD;AACtD,QAAA,MAAM,sBAAsB,8HACmG,CAAC;AAEhI,KAAK,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AAE5C,UAAU,aAAc,SAAQ,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC;IACvE,4CAA4C;IAC5C,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,yDAAyD;IACzD,IAAI,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CAC9B;AAED,iBAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,aAAa,+BAkBnF;AAED,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,+BAI1E;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,KAAK,+BAalF;AAED,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,+BAQ1E;AAED,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,+BAQ1E;AAED,OAAO,EACH,QAAQ,EACR,iBAAiB,EACjB,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,gBAAgB,GACnB,CAAC;AACF,YAAY,EAAC,aAAa,EAAE,YAAY,EAAC,CAAC"}
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,QAAQ,IAAI,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAC,KAAK,KAAK,EAAgB,MAAM,8BAA8B,CAAC;AAIvE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,+FAA+F;AAC/F,QAAA,MAAM,gBAAgB;;;8EAMpB,CAAC;AAEH,+GAA+G;AAC/G,QAAA,MAAM,kBAAkB,8MACuL,CAAC;AAEhN,sDAAsD;AACtD,QAAA,MAAM,sBAAsB,8HACmG,CAAC;AAEhI,KAAK,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AAE5C,UAAU,aAAc,SAAQ,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC;IACvE,4CAA4C;IAC5C,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,yDAAyD;IACzD,IAAI,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC3B,sHAAsH;IACtH,OAAO,CAAC,EAAE,KAAK,GAAG,WAAW,CAAC;IAC9B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,iBAAS,QAAQ,CAAC,EACd,SAAS,EACT,QAAQ,EACR,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAe,EACf,QAAa,EACb,GAAS,EACT,GAAG,KAAK,EACX,EAAE,aAAa,qBAwBf;AAED,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,qBAI1E;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,KAAK,qBAalF;AAKD;;;GAGG;AACH,iBAAS,gBAAgB,CAAC,EACtB,QAAQ,EACR,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;CAAC,qBA6BtE;AAED,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,qBAQ1E;AAED,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,qBAQ1E;AAED,OAAO,EACH,QAAQ,EACR,iBAAiB,EACjB,sBAAsB,EACtB,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,gBAAgB,GACnB,CAAC;AACF,YAAY,EAAC,aAAa,EAAE,YAAY,EAAC,CAAC"}

package/dist/components/progress.js

@@ -2,6 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Progress as ProgressPrimitive } from "@base-ui/react/progress";
 import { colorVariants } from "@repraze/kernelkit/lib/color";
+import { placeholderFill } from "@repraze/kernelkit/lib/recipes";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
 /** Root of a progress or meter: label + value on one row, track below. Sets the color vars. */
@@ -16,10 +17,10 @@ const progressVariants = cva("group/progress flex w-full flex-wrap items-center
 const progressTrackClass = "relative flex h-1.5 w-full items-center overflow-hidden rounded-pill bg-(--c)/15 group-data-[size=lg]/progress:h-2 group-data-[size=sm]/progress:h-1 hc:bg-transparent hc:inset-ring hc:inset-ring-border";
 /** Filled part, solid fill tier of the color (§2). */
 const progressIndicatorClass = "h-full rounded-pill bg-(--c-fill) transition-[width,background-color] duration-300 ease-out motion-reduce:transition-none";
-function Progress({ className, children, value, color, size, ...props }) {
+function Progress({ className, children, value, color, size, variant = "bar", segments = 12, max = 100, ...props }) {
     const resolvedColor = color ?? "primary";
     const resolvedSize = size ?? "default";
-    return (_jsxs(ProgressPrimitive.Root, { value: value, "data-slot": "progress", "data-color": resolvedColor, "data-size": resolvedSize, className: cn(progressVariants({ color: resolvedColor, size: resolvedSize }), className), ...props, children: [children, _jsx(ProgressTrack, { children: _jsx(ProgressIndicator, {}) })] }));
+    return (_jsxs(ProgressPrimitive.Root, { value: value, max: max, "data-slot": "progress", "data-variant": variant, "data-color": resolvedColor, "data-size": resolvedSize, className: cn(progressVariants({ color: resolvedColor, size: resolvedSize }), className), ...props, children: [children, variant === "segmented" ? (_jsx(ProgressSegments, { segments: segments, lit: value == null ? null : (value / max) * segments })) : (_jsx(ProgressTrack, { children: _jsx(ProgressIndicator, {}) }))] }));
 }
 function ProgressTrack({ className, ...props }) {
     return (_jsx(ProgressPrimitive.Track, { "data-slot": "progress-track", className: cn(progressTrackClass, className), ...props }));
@@ -29,11 +30,25 @@ function ProgressIndicator({ className, ...props }) {
         // indeterminate (value null): a third of the track sweeping left to right
         "data-indeterminate:w-2/5 data-indeterminate:animate-indeterminate motion-reduce:data-indeterminate:animate-pulse", className), ...props }));
 }
+/** Negative delays so every cell is mid-cycle on the first frame (no dead start). */
+const cellDelay = (i, n) => ({ animationDelay: `${-((n - i) * 1.2) / n}s` });
+/**
+ * The `segmented` track: cells in the fill tier, unlit ones on the placeholder fill (§4). `lit` is how many
+ * cells are on (fractional rounds), `null` runs the indeterminate wave. Reduced motion slows the wave down.
+ */
+function ProgressSegments({ segments, lit, className, ...props }) {
+    const on = lit === null ? -1 : Math.round(Math.min(segments, Math.max(0, lit)));
+    return (_jsx("div", { "data-slot": "progress-segments", "aria-hidden": true, className: cn("flex h-1.5 w-full gap-0.5 group-data-[size=lg]/progress:h-2 group-data-[size=sm]/progress:h-1", className), ...props, children: Array.from({ length: segments }, (_, i) => (_jsx("span", { "data-lit": on < 0 || i < on ? "" : undefined, className: cn("h-full flex-1 rounded-xs transition-colors duration-300 motion-reduce:transition-none", on < 0
+                ? "animate-loader-cell bg-(--c-fill) motion-reduce:[animation-duration:3s]"
+                : i < on
+                    ? "bg-(--c-fill)"
+                    : placeholderFill), style: on < 0 ? cellDelay(i, segments) : undefined }, i))) }));
+}
 function ProgressLabel({ className, ...props }) {
     return (_jsx(ProgressPrimitive.Label, { "data-slot": "progress-label", className: cn("text-sm font-medium", className), ...props }));
 }
 function ProgressValue({ className, ...props }) {
     return (_jsx(ProgressPrimitive.Value, { "data-slot": "progress-value", className: cn("ms-auto font-alt text-xs text-muted-foreground tabular-nums", className), ...props }));
 }
-export { Progress, ProgressIndicator, progressIndicatorClass, ProgressLabel, ProgressTrack, progressTrackClass, ProgressValue, progressVariants, };
+export { Progress, ProgressIndicator, progressIndicatorClass, ProgressLabel, ProgressSegments, ProgressTrack, progressTrackClass, ProgressValue, progressVariants, };
 //# sourceMappingURL=progress.js.map

package/dist/components/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,QAAQ,IAAI,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAa,aAAa,EAAC,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAC,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAEtB,+FAA+F;AAC/F,MAAM,gBAAgB,GAAG,GAAG,CAAC,qEAAqE,EAAE;IAChG,QAAQ,EAAE;QACN,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,EAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC;KACtC;IACD,eAAe,EAAE,EAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAC;CACvD,CAAC,CAAC;AAEH,+GAA+G;AAC/G,MAAM,kBAAkB,GACpB,2MAA2M,CAAC;AAEhN,sDAAsD;AACtD,MAAM,sBAAsB,GACxB,2HAA2H,CAAC;AAWhI,SAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,EAAgB;IAChF,MAAM,aAAa,GAAG,KAAK,IAAI,SAAS,CAAC;IACzC,MAAM,YAAY,GAAG,IAAI,IAAI,SAAS,CAAC;IACvC,OAAO,CACH,MAAC,iBAAiB,CAAC,IAAI,IACnB,KAAK,EAAE,KAAK,eACF,UAAU,gBACR,aAAa,eACd,YAAY,EACvB,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAC,CAAC,EAAE,SAAS,CAAC,KAClF,KAAK,aAER,QAAQ,EACT,KAAC,aAAa,cACV,KAAC,iBAAiB,KAAG,GACT,IACK,CAC5B,CAAC;AACN,CAAC;AAED,SAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAgC;IACvE,OAAO,CACH,KAAC,iBAAiB,CAAC,KAAK,iBAAW,gBAAgB,EAAC,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAClH,CAAC;AACN,CAAC;AAED,SAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAoC;IAC/E,OAAO,CACH,KAAC,iBAAiB,CAAC,SAAS,iBACd,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CACT,sBAAsB;QACtB,0EAA0E;QAC1E,kHAAkH,EAClH,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAgC;IACvE,OAAO,CACH,KAAC,iBAAiB,CAAC,KAAK,iBACV,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAC3C,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAgC;IACvE,OAAO,CACH,KAAC,iBAAiB,CAAC,KAAK,iBACV,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CAAC,6DAA6D,EAAE,SAAS,CAAC,KACnF,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EACH,QAAQ,EACR,iBAAiB,EACjB,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,gBAAgB,GACnB,CAAC"}
+{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":"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"}

package/dist/components/search-trigger.d.ts

@@ -12,9 +12,19 @@ declare function useSearchHotkeys(onOpen: (toggle: boolean) => void, { enabled }
 interface SearchTriggerProps extends React.ComponentProps<typeof Button> {
     /** Placeholder text. */
     children?: React.ReactNode;
+    /** Full width with its placeholder at every size (a phone menu); otherwise an icon below `sm`. */
+    expanded?: boolean;
 }
-/** Header search button: icon, placeholder, OS-aware shortcut. Same 32px height as the header's icon buttons. Open your dialog in `onClick`. */
-declare function SearchTrigger({ children, className, ...props }: SearchTriggerProps): React.JSX.Element;
-export { SearchTrigger, useModKey, useSearchHotkeys };
-export type { SearchTriggerProps };
+type SearchHandler = React.MouseEventHandler<HTMLButtonElement>;
+declare function SearchRelay({ handler, children }: {
+    handler: React.RefObject<SearchHandler | null>;
+    children: React.ReactNode;
+}): React.JSX.Element;
+/**
+ * Header search button: icon, placeholder, OS-aware shortcut. Same 32px height as the header's icon buttons. Open your dialog in `onClick`.
+ * The keycap gets the same inset on the right as top/bottom (32 - 20 = 6px each side, border included).
+ */
+declare function SearchTrigger({ children, expanded, className, onClick, ...props }: SearchTriggerProps): React.JSX.Element;
+export { SearchRelay, SearchTrigger, useModKey, useSearchHotkeys };
+export type { SearchHandler, SearchTriggerProps };
 //# sourceMappingURL=search-trigger.d.ts.map

package/dist/components/search-trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-trigger.d.ts","sourceRoot":"","sources":["../../src/components/search-trigger.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,MAAM,EAAC,MAAM,sCAAsC,CAAC;AAI5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,gFAAgF;AAChF,iBAAS,SAAS,IAAI,MAAM,CAQ3B;AAQD;;;GAGG;AACH,iBAAS,gBAAgB,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,EAAE,EAAC,OAAc,EAAC,GAAE;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAM,QAiBtG;AAED,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC;IACpE,wBAAwB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,gJAAgJ;AAChJ,iBAAS,aAAa,CAAC,EAAC,QAAoB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,kBAAkB,qBAerF;AAED,OAAO,EAAC,aAAa,EAAE,SAAS,EAAE,gBAAgB,EAAC,CAAC;AACpD,YAAY,EAAC,kBAAkB,EAAC,CAAC"}
+{"version":3,"file":"search-trigger.d.ts","sourceRoot":"","sources":["../../src/components/search-trigger.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,MAAM,EAAC,MAAM,sCAAsC,CAAC;AAI5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,gFAAgF;AAChF,iBAAS,SAAS,IAAI,MAAM,CAQ3B;AAQD;;;GAGG;AACH,iBAAS,gBAAgB,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,EAAE,EAAC,OAAc,EAAC,GAAE;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAM,QAiBtG;AAED,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC;IACpE,wBAAwB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kGAAkG;IAClG,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,KAAK,aAAa,GAAG,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;AAQhE,iBAAS,WAAW,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAC,EAAE;IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,qBAEpH;AAED;;;GAGG;AACH,iBAAS,aAAa,CAAC,EAAC,QAAoB,EAAE,QAAgB,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAC,EAAE,kBAAkB,qBA+BhH;AAED,OAAO,EAAC,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,gBAAgB,EAAC,CAAC;AACjE,YAAY,EAAC,aAAa,EAAE,kBAAkB,EAAC,CAAC"}

package/dist/components/search-trigger.js

@@ -43,10 +43,31 @@ function useSearchHotkeys(onOpen, { enabled = true } = {}) {
         return () => window.removeEventListener("keydown", onKey);
     }, [onOpen, enabled]);
 }
-/** Header search button: icon, placeholder, OS-aware shortcut. Same 32px height as the header's icon buttons. Open your dialog in `onClick`. */
-function SearchTrigger({ children = "Search…", className, ...props }) {
+/**
+ * Lets a shell open the page's search from another place (SuiteHeader's phone menu) without a second
+ * dialog: a SearchTrigger inside `SearchRelay` hands its `onClick` to the relay's ref.
+ */
+const SearchRelayContext = React.createContext(null);
+function SearchRelay({ handler, children }) {
+    return _jsx(SearchRelayContext.Provider, { value: handler, children: children });
+}
+/**
+ * Header search button: icon, placeholder, OS-aware shortcut. Same 32px height as the header's icon buttons. Open your dialog in `onClick`.
+ * The keycap gets the same inset on the right as top/bottom (32 - 20 = 6px each side, border included).
+ */
+function SearchTrigger({ children = "Search…", expanded = false, className, onClick, ...props }) {
     const mod = useModKey();
-    return (_jsxs(Button, { variant: "outline", "aria-label": "Search", "data-slot": "search-trigger", className: cn("w-8 justify-start px-0 text-muted-foreground sm:w-48 sm:px-2.5 md:w-56", className), ...props, children: [_jsx(SearchIcon, { "data-icon": "inline-start", className: "mx-auto sm:mx-0" }), _jsx("span", { className: "hidden flex-1 text-start sm:inline", children: children }), _jsxs(Kbd, { className: "hidden sm:inline-flex", children: [mod, " K"] })] }));
+    const relay = React.useContext(SearchRelayContext);
+    React.useEffect(() => {
+        if (!relay) {
+            return;
+        }
+        relay.current = onClick ?? null;
+        return () => {
+            relay.current = null;
+        };
+    }, [relay, onClick]);
+    return (_jsxs(Button, { variant: "outline", "aria-label": "Search", "data-slot": "search-trigger", "data-expanded": expanded || undefined, className: cn("justify-start text-muted-foreground", expanded ? "w-full pr-1.25 pl-2.5" : "w-8 px-0 sm:w-40 sm:pr-1.25 sm:pl-2.5 lg:w-56", className), onClick: onClick, ...props, children: [_jsx(SearchIcon, { "data-icon": "inline-start", className: expanded ? undefined : "mx-auto sm:mx-0" }), _jsx("span", { className: cn("flex-1 truncate text-start", !expanded && "hidden sm:inline"), children: children }), _jsxs(Kbd, { className: "hidden sm:inline-flex", children: [mod, " K"] })] }));
 }
-export { SearchTrigger, useModKey, useSearchHotkeys };
+export { SearchRelay, SearchTrigger, useModKey, useSearchHotkeys };
 //# sourceMappingURL=search-trigger.js.map

package/dist/components/search-trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-trigger.js","sourceRoot":"","sources":["../../src/components/search-trigger.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"search-trigger.js","sourceRoot":"","sources":["../../src/components/search-trigger.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,MAAM,EAAC,MAAM,sCAAsC,CAAC;AAC5D,OAAO,EAAC,GAAG,EAAC,MAAM,mCAAmC,CAAC;AACtD,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,gFAAgF;AAChF,SAAS,SAAS;IACd,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC7C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC;YACpE,MAAM,CAAC,GAAG,CAAC,CAAC;QAChB,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,GAAG,CAAC;AACf,CAAC;AAED,uEAAuE;AACvE,SAAS,UAAU,CAAC,MAA0B;IAC1C,MAAM,EAAE,GAAG,MAA4B,CAAC;IACxC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,iBAAiB,IAAI,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3F,CAAC;AAED;;;GAGG;AACH,SAAS,gBAAgB,CAAC,MAAiC,EAAE,EAAC,OAAO,GAAG,IAAI,KAAyB,EAAE;IACnG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,OAAO,EAAE,CAAC;YACX,OAAO;QACX,CAAC;QACD,MAAM,KAAK,GAAG,CAAC,CAAgB,EAAE,EAAE;YAC/B,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC1D,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC;iBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC;gBACzF,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,CAAC,KAAK,CAAC,CAAC;YAClB,CAAC;QACL,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAC1C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAC1B,CAAC;AAWD;;;GAGG;AACH,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAA+C,IAAI,CAAC,CAAC;AAEnG,SAAS,WAAW,CAAC,EAAC,OAAO,EAAE,QAAQ,EAA8E;IACjH,OAAO,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YAAG,QAAQ,GAA+B,CAAC;AACjG,CAAC;AAED;;;GAGG;AACH,SAAS,aAAa,CAAC,EAAC,QAAQ,GAAG,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAqB;IAC7G,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IACxB,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACnD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,KAAK,EAAE,CAAC;YACT,OAAO;QACX,CAAC;QACD,KAAK,CAAC,OAAO,GAAG,OAAO,IAAI,IAAI,CAAC;QAChC,OAAO,GAAG,EAAE;YACR,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;QACzB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IACrB,OAAO,CACH,MAAC,MAAM,IACH,OAAO,EAAC,SAAS,gBACN,QAAQ,eACT,gBAAgB,mBACX,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE,CACT,qCAAqC,EACrC,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,+CAA+C,EACpF,SAAS,CACZ,EACD,OAAO,EAAE,OAAO,KACZ,KAAK,aAET,KAAC,UAAU,iBAAW,cAAc,EAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,GAAI,EAC5F,eAAM,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,CAAC,QAAQ,IAAI,kBAAkB,CAAC,YAAG,QAAQ,GAAQ,EACrG,MAAC,GAAG,IAAC,SAAS,EAAC,uBAAuB,aAAE,GAAG,UAAS,IAC/C,CACZ,CAAC;AACN,CAAC;AAED,OAAO,EAAC,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,gBAAgB,EAAC,CAAC"}

package/dist/components/shimmer.d.ts

@@ -0,0 +1,13 @@
+import { useRender } from "@base-ui/react/use-render";
+interface ShimmerProps extends useRender.ComponentProps<"span"> {
+    /** Seconds per sweep. */
+    duration?: number;
+}
+/**
+ * Text with a highlight band sweeping across it ("Thinking…", "Indexing files…"). Muted text, foreground
+ * band. Reduced motion: plain muted text.
+ */
+declare function Shimmer({ render, duration, className, style, ...props }: ShimmerProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export { Shimmer };
+export type { ShimmerProps };
+//# sourceMappingURL=shimmer.d.ts.map

package/dist/components/shimmer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shimmer.d.ts","sourceRoot":"","sources":["../../src/components/shimmer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAGpD,UAAU,YAAa,SAAQ,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC;IAC3D,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,iBAAS,OAAO,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAC,EAAE,YAAY,8FAiB5E;AAED,OAAO,EAAC,OAAO,EAAC,CAAC;AACjB,YAAY,EAAC,YAAY,EAAC,CAAC"}

package/dist/components/shimmer.js

@@ -0,0 +1,21 @@
+"use client";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { cn } from "cn";
+/**
+ * Text with a highlight band sweeping across it ("Thinking…", "Indexing files…"). Muted text, foreground
+ * band. Reduced motion: plain muted text.
+ */
+function Shimmer({ render, duration, className, style, ...props }) {
+    return useRender({
+        defaultTagName: "span",
+        props: mergeProps({
+            className: cn("inline-block animate-shimmer bg-linear-to-r from-muted-foreground from-40% via-foreground via-50% to-muted-foreground to-60% bg-size-[250%_100%] bg-clip-text text-transparent", "motion-reduce:animate-none motion-reduce:bg-none motion-reduce:text-muted-foreground", className),
+            style: duration ? { animationDuration: `${duration}s`, ...style } : style,
+        }, props),
+        render,
+        state: { slot: "shimmer" },
+    });
+}
+export { Shimmer };
+//# sourceMappingURL=shimmer.js.map

package/dist/components/shimmer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shimmer.js","sourceRoot":"","sources":["../../src/components/shimmer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAC,UAAU,EAAC,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAOtB;;;GAGG;AACH,SAAS,OAAO,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAe;IACzE,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,MAAM;QACtB,KAAK,EAAE,UAAU,CACb;YACI,SAAS,EAAE,EAAE,CACT,gLAAgL,EAChL,sFAAsF,EACtF,SAAS,CACZ;YACD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAC,iBAAiB,EAAE,GAAG,QAAQ,GAAG,EAAE,GAAG,KAAK,EAAC,CAAC,CAAC,CAAC,KAAK;SAC1E,EACD,KAAK,CACR;QACD,MAAM;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC;KAC3B,CAAC,CAAC;AACP,CAAC;AAED,OAAO,EAAC,OAAO,EAAC,CAAC"}

package/dist/components/spinner.d.ts

@@ -1,12 +1,34 @@
+import { type Color } from "@repraze/kernelkit/lib/color";
 import { type VariantProps } from "class-variance-authority";
-/** Sizes follow the icon column of §4 so a spinner can replace an icon in place. */
+import * as React from "react";
+/**
+ * Sizes follow the icon column of §4 so a spinner can replace an icon in place. Each size also sets the
+ * vars the techy variants draw with: `--ls` (box), `--lc`/`--lg` (dot cell and gap, whole pixels so cells
+ * stay crisp) and `--lb` (bar width).
+ */
 declare const spinnerVariants: (props?: ({
+    variant?: "blink" | "ring" | "dots" | "braille" | "scan" | "bars" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-interface SpinnerProps extends React.ComponentProps<"svg">, VariantProps<typeof spinnerVariants> {
+type SpinnerVariant = NonNullable<VariantProps<typeof spinnerVariants>["variant"]>;
+/**
+ * Sets the default `variant` of every Spinner below it, including the ones the kit renders itself
+ * (tree lazy rows, stepper, file upload, toasts): one switch for the whole app's loading look.
+ */
+declare function SpinnerProvider({ variant, children }: {
+    variant: SpinnerVariant;
+    children: React.ReactNode;
+}): React.JSX.Element;
+interface SpinnerProps extends Omit<React.ComponentProps<"span">, "color" | "children">, VariantProps<typeof spinnerVariants> {
+    /** Color from the §2 axis; defaults to `currentColor`. */
+    color?: Color;
 }
-/** Indeterminate loading indicator. Inherits `currentColor`; announces itself as a status. */
-declare function Spinner({ className, size, ...props }: SpinnerProps): import("react").JSX.Element;
-export { Spinner, spinnerVariants };
-export type { SpinnerProps };
+/**
+ * Indeterminate loading indicator at icon size: a spinning ring, or a techy variant (dot matrix, braille,
+ * scan line, block cursor, equalizer bars). Inherits `currentColor`; announces itself as a status. The
+ * default variant comes from the nearest `SpinnerProvider`.
+ */
+declare function Spinner({ variant, size, color, className, ...props }: SpinnerProps): React.JSX.Element;
+export { Spinner, SpinnerProvider, spinnerVariants };
+export type { SpinnerProps, SpinnerVariant };
 //# sourceMappingURL=spinner.d.ts.map

package/dist/components/spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/components/spinner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAIhE,oFAAoF;AACpF,QAAA,MAAM,eAAe;;8EAepB,CAAC;AAEF,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,eAAe,CAAC;CAAG;AAEnG,8FAA8F;AAC9F,iBAAS,OAAO,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,YAAY,+BAWzD;AAED,OAAO,EAAC,OAAO,EAAE,eAAe,EAAC,CAAC;AAClC,YAAY,EAAC,YAAY,EAAC,CAAC"}
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/components/spinner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,KAAK,EAAgB,MAAM,8BAA8B,CAAC;AAEvE,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGhE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;GAIG;AACH,QAAA,MAAM,eAAe;;;8EAqBnB,CAAC;AAEH,KAAK,cAAc,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AAgEnF;;;GAGG;AACH,iBAAS,eAAe,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAC,EAAE;IAAC,OAAO,EAAE,cAAc,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,qBAEjG;AAED,UAAU,YACN,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,EAAE,YAAY,CAAC,OAAO,eAAe,CAAC;IACtG,0DAA0D;IAC1D,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB;AAED;;;;GAIG;AACH,iBAAS,OAAO,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,YAAY,qBAqBzE;AAED,OAAO,EAAC,OAAO,EAAE,eAAe,EAAE,eAAe,EAAC,CAAC;AACnD,YAAY,EAAC,YAAY,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/spinner.js

@@ -1,26 +1,78 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { colorVariants } from "@repraze/kernelkit/lib/color";
+import { placeholderFill } from "@repraze/kernelkit/lib/recipes";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import { Loader2Icon } from "lucide-react";
-/** Sizes follow the icon column of §4 so a spinner can replace an icon in place. */
-const spinnerVariants = cva(
-// reduced motion: slow the spin down rather than freeze it, a frozen spinner reads as a glyph
-"shrink-0 animate-spin text-current motion-reduce:[animation-duration:2.5s]", {
+import * as React from "react";
+/**
+ * Sizes follow the icon column of §4 so a spinner can replace an icon in place. Each size also sets the
+ * vars the techy variants draw with: `--ls` (box), `--lc`/`--lg` (dot cell and gap, whole pixels so cells
+ * stay crisp) and `--lb` (bar width).
+ */
+const spinnerVariants = cva("relative inline-flex shrink-0 items-center justify-center align-middle text-current", {
     variants: {
+        variant: {
+            // reduced motion: slow the spin down rather than freeze it, a frozen spinner reads as a glyph
+            ring: "size-(--ls) animate-spin motion-reduce:[animation-duration:2.5s]",
+            dots: "size-(--ls)",
+            braille: "h-(--ls) w-(--ls) items-start overflow-hidden font-mono text-(length:--ls) leading-none",
+            // hc: the placeholder fill is the dark border colour there, so the box becomes an outline instead
+            scan: `size-(--ls) overflow-hidden rounded-box ${placeholderFill} hc:bg-transparent hc:shadow-[inset_0_0_0_1px_var(--border)]`,
+            blink: "h-(--ls) w-[calc(var(--ls)/2)]",
+            bars: "size-(--ls) justify-between",
+        },
         size: {
-            xs: "size-3",
-            sm: "size-3.5",
-            default: "size-4",
-            lg: "size-5",
-            xl: "size-6",
+            xs: "[--lb:2px] [--lc:3px] [--lg:1px] [--ls:0.75rem]",
+            sm: "[--lb:2px] [--lc:4px] [--lg:1px] [--ls:0.875rem]",
+            default: "[--lb:3px] [--lc:4px] [--lg:2px] [--ls:1rem]",
+            lg: "[--lb:3px] [--lc:6px] [--lg:1px] [--ls:1.25rem]",
+            xl: "[--lb:4px] [--lc:6px] [--lg:3px] [--ls:1.5rem]",
         },
     },
-    defaultVariants: { size: "default" },
+    defaultVariants: { variant: "ring", size: "default" },
 });
-/** Indeterminate loading indicator. Inherits `currentColor`; announces itself as a status. */
-function Spinner({ className, size, ...props }) {
-    return (_jsx(Loader2Icon, { "data-slot": "spinner", "data-size": size ?? "default", role: "status", "aria-label": "Loading", className: cn(spinnerVariants({ size }), className), ...props }));
+/** Every animated part: slower, not frozen, under reduced motion. */
+const slow = "motion-reduce:[animation-duration:3s]";
+const BRAILLE = "⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏";
+/** Negative delays so every cell is mid-cycle on the first frame (no dead start). */
+const delay = (i, n, duration) => ({ animationDelay: `${-((n - i) * duration) / n}s` });
+function SpinnerParts({ variant }) {
+    switch (variant) {
+        case "ring":
+            return _jsx(Loader2Icon, { "aria-hidden": true, className: "size-full" });
+        case "dots":
+            return (_jsx("span", { "data-slot": "spinner-grid", className: "grid grid-cols-[repeat(3,var(--lc))] grid-rows-[repeat(3,var(--lc))] gap-(--lg)", children: Array.from({ length: 9 }, (_, i) => (_jsx("span", { className: cn("animate-loader-cell rounded-pill bg-current", slow), 
+                    // diagonal wave from the top-left corner
+                    style: delay(4 - (Math.floor(i / 3) + (i % 3)), 5, 1.2) }, i))) }));
+        case "braille":
+            return (_jsx("span", { "aria-hidden": true, className: cn("flex animate-loader-braille flex-col", slow), children: [...BRAILLE].map((g) => (_jsx("span", { className: "h-(--ls) leading-(--ls)", children: g }, g))) }));
+        case "scan":
+            return (_jsx("span", { className: cn("absolute inset-0 animate-loader-scan border-e-2 border-current bg-linear-to-r from-transparent to-current/40", slow) }));
+        case "blink":
+            return _jsx("span", { className: cn("size-full animate-loader-blink bg-current", slow) });
+        case "bars":
+            return Array.from({ length: 4 }, (_, i) => (_jsx("span", { className: cn("h-full w-(--lb) origin-bottom animate-loader-bars rounded-box bg-current", slow), style: delay((i * 2 + Math.floor(i / 2)) % 4, 4, 0.9) }, i)));
+    }
+}
+const SpinnerContext = React.createContext("ring");
+/**
+ * Sets the default `variant` of every Spinner below it, including the ones the kit renders itself
+ * (tree lazy rows, stepper, file upload, toasts): one switch for the whole app's loading look.
+ */
+function SpinnerProvider({ variant, children }) {
+    return _jsx(SpinnerContext.Provider, { value: variant, children: children });
+}
+/**
+ * Indeterminate loading indicator at icon size: a spinning ring, or a techy variant (dot matrix, braille,
+ * scan line, block cursor, equalizer bars). Inherits `currentColor`; announces itself as a status. The
+ * default variant comes from the nearest `SpinnerProvider`.
+ */
+function Spinner({ variant, size, color, className, ...props }) {
+    const fallback = React.useContext(SpinnerContext);
+    const resolved = variant ?? fallback;
+    return (_jsx("span", { "data-slot": "spinner", "data-variant": resolved, "data-size": size ?? "default", "data-color": color, role: "status", "aria-label": "Loading", className: cn(spinnerVariants({ variant: resolved, size }), color && cn(colorVariants[color], "text-(--c)"), className), ...props, children: _jsx(SpinnerParts, { variant: resolved }) }));
 }
-export { Spinner, spinnerVariants };
+export { Spinner, SpinnerProvider, spinnerVariants };
 //# sourceMappingURL=spinner.js.map

package/dist/components/spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../src/components/spinner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAEzC,oFAAoF;AACpF,MAAM,eAAe,GAAG,GAAG;AACvB,8FAA8F;AAC9F,4EAA4E,EAC5E;IACI,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,EAAE,EAAE,QAAQ;YACZ,EAAE,EAAE,UAAU;YACd,OAAO,EAAE,QAAQ;YACjB,EAAE,EAAE,QAAQ;YACZ,EAAE,EAAE,QAAQ;SACf;KACJ;IACD,eAAe,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC;CACrC,CACJ,CAAC;AAIF,8FAA8F;AAC9F,SAAS,OAAO,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAe;IACtD,OAAO,CACH,KAAC,WAAW,iBACE,SAAS,eACR,IAAI,IAAI,SAAS,EAC5B,IAAI,EAAC,QAAQ,gBACF,SAAS,EACpB,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,EAAC,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC,KAC7C,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EAAC,OAAO,EAAE,eAAe,EAAC,CAAC"}
+{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../src/components/spinner.tsx"],"names":[],"mappings":"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"}