@krizaka/ui 3.8.0 → 3.10.0

package/dist/site-footer.d.ts

@@ -0,0 +1,172 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as React from 'react';
+import { S as SiteId, F as FamilyLabels } from './sites-CgJrxejx.js';
+
+declare const siteFooter: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            title?: tailwind_variants.ClassValue;
+            link?: tailwind_variants.ClassValue;
+            list?: tailwind_variants.ClassValue;
+            mark?: tailwind_variants.ClassValue;
+            root?: tailwind_variants.ClassValue;
+            inner?: tailwind_variants.ClassValue;
+            top?: tailwind_variants.ClassValue;
+            site?: tailwind_variants.ClassValue;
+            siteName?: tailwind_variants.ClassValue;
+            siteText?: tailwind_variants.ClassValue;
+            own?: tailwind_variants.ClassValue;
+            family?: tailwind_variants.ClassValue;
+            column?: tailwind_variants.ClassValue;
+            tag?: tailwind_variants.ClassValue;
+            bottom?: tailwind_variants.ClassValue;
+            signature?: tailwind_variants.ClassValue;
+            version?: tailwind_variants.ClassValue;
+            legal?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            title?: tailwind_variants.ClassValue;
+            link?: tailwind_variants.ClassValue;
+            list?: tailwind_variants.ClassValue;
+            mark?: tailwind_variants.ClassValue;
+            root?: tailwind_variants.ClassValue;
+            inner?: tailwind_variants.ClassValue;
+            top?: tailwind_variants.ClassValue;
+            site?: tailwind_variants.ClassValue;
+            siteName?: tailwind_variants.ClassValue;
+            siteText?: tailwind_variants.ClassValue;
+            own?: tailwind_variants.ClassValue;
+            family?: tailwind_variants.ClassValue;
+            column?: tailwind_variants.ClassValue;
+            tag?: tailwind_variants.ClassValue;
+            bottom?: tailwind_variants.ClassValue;
+            signature?: tailwind_variants.ClassValue;
+            version?: tailwind_variants.ClassValue;
+            legal?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    inner: string;
+    top: string;
+    site: string;
+    siteName: string;
+    siteText: string;
+    own: string;
+    family: string;
+    column: string;
+    title: string;
+    list: string;
+    link: string;
+    mark: string;
+    tag: string;
+    bottom: string;
+    signature: string;
+    version: string;
+    legal: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            title?: tailwind_variants.ClassValue;
+            link?: tailwind_variants.ClassValue;
+            list?: tailwind_variants.ClassValue;
+            mark?: tailwind_variants.ClassValue;
+            root?: tailwind_variants.ClassValue;
+            inner?: tailwind_variants.ClassValue;
+            top?: tailwind_variants.ClassValue;
+            site?: tailwind_variants.ClassValue;
+            siteName?: tailwind_variants.ClassValue;
+            siteText?: tailwind_variants.ClassValue;
+            own?: tailwind_variants.ClassValue;
+            family?: tailwind_variants.ClassValue;
+            column?: tailwind_variants.ClassValue;
+            tag?: tailwind_variants.ClassValue;
+            bottom?: tailwind_variants.ClassValue;
+            signature?: tailwind_variants.ClassValue;
+            version?: tailwind_variants.ClassValue;
+            legal?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    inner: string;
+    top: string;
+    site: string;
+    siteName: string;
+    siteText: string;
+    own: string;
+    family: string;
+    column: string;
+    title: string;
+    list: string;
+    link: string;
+    mark: string;
+    tag: string;
+    bottom: string;
+    signature: string;
+    version: string;
+    legal: string;
+}, tailwind_variants.TVReturnTypeLike<unknown, {
+    root: string;
+    inner: string;
+    top: string;
+    site: string;
+    siteName: string;
+    siteText: string;
+    own: string;
+    family: string;
+    column: string;
+    title: string;
+    list: string;
+    link: string;
+    mark: string;
+    tag: string;
+    bottom: string;
+    signature: string;
+    version: string;
+    legal: string;
+}>>;
+type SiteFooterProps = Omit<React.ComponentProps<"footer">, "children"> & {
+    /** The site this footer belongs to (`@krizaka/ui/sites`): its mark and line, its signature, marked in the family. */
+    current: SiteId;
+    /**
+     * The family's words, passed translated: `familyLabels.fr` from `@krizaka/ui/sites`, or your own of the same shape.
+     * @default familyLabels.en
+     */
+    labels?: FamilyLabels;
+    /** The site's own columns (`SiteFooter.Column`), before the family. */
+    children?: React.ReactNode;
+    /** The version the site runs (`1.2.3`, shown `v1.2.3`). */
+    version?: string;
+    /** The environment, when it is not production (`DEV`). */
+    env?: string;
+    /** The end of the signature line: legal links, a language switch (`SiteFooter.Link`s or any inline content). */
+    legal?: React.ReactNode;
+};
+/** The footer of a Krizaka site: its own columns, the family in columns, the signature, the version, Montréal. */
+declare function SiteFooter({ current, labels, children, version, env, legal, className, ...props }: SiteFooterProps): React.JSX.Element;
+declare namespace SiteFooter {
+    var Column: typeof SiteFooterColumn;
+    var Link: typeof SiteFooterLink;
+}
+type SiteFooterColumnProps = Omit<React.ComponentProps<"div">, "title"> & {
+    /** The column's heading (“Docs”) — passed translated. */
+    title: string;
+    /** Its links (`SiteFooter.Link`). */
+    children: React.ReactNode;
+};
+/** One of the site's own columns: a heading and its links. */
+declare function SiteFooterColumn({ title, children, className, ...props }: SiteFooterColumnProps): React.JSX.Element;
+type SiteFooterLinkProps = React.ComponentProps<"a"> & {
+    /** The current page: `aria-current="page"`. */
+    active?: boolean;
+    /** Renders your router's `<Link>`. */
+    asChild?: boolean;
+};
+/** A link of the footer. */
+declare function SiteFooterLink({ active, asChild, className, ...props }: SiteFooterLinkProps): React.JSX.Element;
+
+export { SiteFooter, SiteFooterColumn, type SiteFooterColumnProps, SiteFooterLink, type SiteFooterLinkProps, type SiteFooterProps, siteFooter };

package/dist/site-footer.js

@@ -0,0 +1,105 @@
+"use client";
+import {
+  FamilyMark,
+  familyLabels,
+  siteById,
+  sitesByGroup
+} from "./chunk-OT6HX3PN.js";
+import {
+  KrizakaLogo
+} from "./chunk-HG65YAV4.js";
+
+// src/site-footer/site-footer.tsx
+import { Slot } from "radix-ui";
+import * as React from "react";
+import { tv } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+var siteFooter = tv({
+  slots: {
+    root: "w-full border-t border-border-subtle bg-surface-0 text-fg",
+    inner: "mx-auto grid w-full max-w-(--kz-page-max,72rem) gap-10 px-(--kz-page-gutter,16px) py-12",
+    top: "grid gap-8 lg:grid-cols-[minmax(0,1fr)_minmax(0,2fr)]",
+    site: "grid content-start gap-3",
+    siteName: "inline-flex items-center gap-2 font-display text-[15px] font-bold tracking-tight text-fg",
+    siteText: "max-w-xs text-sm leading-relaxed text-fg-secondary",
+    own: "grid grid-cols-2 gap-8 sm:grid-cols-3",
+    family: "grid grid-cols-2 gap-8 border-t border-border-subtle pt-8 md:grid-cols-4",
+    column: "grid content-start gap-3",
+    title: "text-[11px] font-semibold uppercase tracking-wider text-fg-secondary",
+    list: "grid gap-2",
+    link: "inline-flex min-h-6 items-center gap-2 rounded-md text-sm text-fg-secondary no-underline transition-colors hover:text-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring aria-[current=page]:text-fg aria-[current=true]:text-fg aria-[current=true]:font-semibold",
+    mark: "flex h-4 w-4 shrink-0 items-center justify-center text-fg",
+    tag: "rounded-full bg-surface-3 px-1.5 py-px text-[10px] font-semibold uppercase tracking-wider text-fg-secondary",
+    bottom: "flex flex-wrap items-center gap-x-5 gap-y-3 border-t border-border-subtle pt-6 text-xs text-fg-secondary",
+    signature: "inline-flex items-center gap-2 rounded-md font-medium text-fg no-underline hover:text-fg-accent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
+    version: "rounded-full border border-border-subtle bg-surface-2 px-2 py-0.5 font-mono text-[11px] text-fg-secondary",
+    legal: "flex flex-wrap items-center gap-x-4 gap-y-2 sm:ml-auto"
+  }
+});
+var s = siteFooter();
+function SiteFooter({ current, labels = familyLabels.en, children, version, env, legal, className, ...props }) {
+  const id = React.useId();
+  const site = siteById(current);
+  const krizaka = siteById("krizaka");
+  const tag = [env, version && `v${version.replace(/^v/, "")}`].filter(Boolean).join(" \xB7 ");
+  return /* @__PURE__ */ jsx("footer", { className: s.root({ className }), ...props, children: /* @__PURE__ */ jsxs("div", { className: s.inner(), children: [
+    /* @__PURE__ */ jsxs("div", { className: s.top(), children: [
+      /* @__PURE__ */ jsxs("div", { className: s.site(), children: [
+        /* @__PURE__ */ jsxs("a", { href: site.url, className: s.siteName(), children: [
+          /* @__PURE__ */ jsx(FamilyMark, { mark: site.mark, size: 24 }),
+          site.name
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: s.siteText(), children: labels.descriptions[site.id] })
+      ] }),
+      children && /* @__PURE__ */ jsx("div", { className: s.own(), children })
+    ] }),
+    /* @__PURE__ */ jsx("nav", { "aria-label": labels.family, className: s.family(), children: sitesByGroup().map(({ group, sites }) => /* @__PURE__ */ jsxs("div", { className: s.column(), children: [
+      /* @__PURE__ */ jsx("p", { id: `${id}-${group}`, className: s.title(), children: labels.groups[group] }),
+      /* @__PURE__ */ jsx("ul", { "aria-labelledby": `${id}-${group}`, className: s.list(), children: sites.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("a", { href: item.url, "aria-current": item.id === current ? "true" : void 0, className: s.link(), children: [
+        /* @__PURE__ */ jsx("span", { className: s.mark(), children: /* @__PURE__ */ jsx(FamilyMark, { mark: item.mark, size: 16 }) }),
+        item.name,
+        item.status !== "released" && /* @__PURE__ */ jsx("span", { className: s.tag(), children: labels.status[item.status] }),
+        item.id === current && /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+          "(",
+          labels.current,
+          ")"
+        ] })
+      ] }) }, item.id)) })
+    ] }, group)) }),
+    /* @__PURE__ */ jsxs("div", { className: s.bottom(), children: [
+      /* @__PURE__ */ jsxs("a", { href: krizaka.url, className: s.signature(), children: [
+        /* @__PURE__ */ jsx(KrizakaLogo, { size: 18, animated: false }),
+        labels.signature[site.kind]
+      ] }),
+      tag && /* @__PURE__ */ jsxs("span", { className: s.version(), children: [
+        /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+          labels.version,
+          " "
+        ] }),
+        tag
+      ] }),
+      /* @__PURE__ */ jsx("span", { children: labels.place }),
+      legal && /* @__PURE__ */ jsx("div", { className: s.legal(), children: legal })
+    ] })
+  ] }) });
+}
+function SiteFooterColumn({ title, children, className, ...props }) {
+  const id = React.useId();
+  return /* @__PURE__ */ jsxs("div", { className: s.column({ className }), ...props, children: [
+    /* @__PURE__ */ jsx("p", { id, className: s.title(), children: title }),
+    /* @__PURE__ */ jsx("ul", { "aria-labelledby": id, className: s.list(), children: React.Children.map(children, (child) => child ? /* @__PURE__ */ jsx("li", { children: child }) : null) })
+  ] });
+}
+function SiteFooterLink({ active, asChild, className, ...props }) {
+  const Comp = asChild ? Slot.Root : "a";
+  return /* @__PURE__ */ jsx(Comp, { "aria-current": active ? "page" : void 0, className: s.link({ className }), ...props });
+}
+SiteFooter.Column = SiteFooterColumn;
+SiteFooter.Link = SiteFooterLink;
+export {
+  SiteFooter,
+  SiteFooterColumn,
+  SiteFooterLink,
+  siteFooter
+};
+//# sourceMappingURL=site-footer.js.map

package/dist/site-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/site-footer/site-footer.tsx"],"sourcesContent":["// Client (the marks hold an id). The footer shared by every site of the Krizaka family: the site's own columns, then the\n// family in columns from `@krizaka/ui/sites` (the same groups as the bar's switcher), then the signature line — “A\n// Krizaka product” by the kind of the current site — the version and the place.\nimport { Slot } from \"radix-ui\";\nimport * as React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nimport { FamilyMark } from \"../family-mark\";\nimport { KrizakaLogo } from \"../marks/KrizakaLogo\";\nimport { type FamilyLabels, familyLabels, siteById, type SiteId, sitesByGroup } from \"../sites/sites\";\n\nexport const siteFooter = tv({\n  slots: {\n    root: \"w-full border-t border-border-subtle bg-surface-0 text-fg\",\n    inner: \"mx-auto grid w-full max-w-(--kz-page-max,72rem) gap-10 px-(--kz-page-gutter,16px) py-12\",\n    top: \"grid gap-8 lg:grid-cols-[minmax(0,1fr)_minmax(0,2fr)]\",\n    site: \"grid content-start gap-3\",\n    siteName: \"inline-flex items-center gap-2 font-display text-[15px] font-bold tracking-tight text-fg\",\n    siteText: \"max-w-xs text-sm leading-relaxed text-fg-secondary\",\n    own: \"grid grid-cols-2 gap-8 sm:grid-cols-3\",\n    family: \"grid grid-cols-2 gap-8 border-t border-border-subtle pt-8 md:grid-cols-4\",\n    column: \"grid content-start gap-3\",\n    title: \"text-[11px] font-semibold uppercase tracking-wider text-fg-secondary\",\n    list: \"grid gap-2\",\n    link:\n      \"inline-flex min-h-6 items-center gap-2 rounded-md text-sm text-fg-secondary no-underline transition-colors hover:text-fg \" +\n      \"focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring aria-[current=page]:text-fg aria-[current=true]:text-fg aria-[current=true]:font-semibold\",\n    mark: \"flex h-4 w-4 shrink-0 items-center justify-center text-fg\",\n    tag: \"rounded-full bg-surface-3 px-1.5 py-px text-[10px] font-semibold uppercase tracking-wider text-fg-secondary\",\n    bottom: \"flex flex-wrap items-center gap-x-5 gap-y-3 border-t border-border-subtle pt-6 text-xs text-fg-secondary\",\n    signature:\n      \"inline-flex items-center gap-2 rounded-md font-medium text-fg no-underline hover:text-fg-accent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring\",\n    version: \"rounded-full border border-border-subtle bg-surface-2 px-2 py-0.5 font-mono text-[11px] text-fg-secondary\",\n    legal: \"flex flex-wrap items-center gap-x-4 gap-y-2 sm:ml-auto\",\n  },\n});\nconst s = siteFooter();\n\nexport type SiteFooterProps = Omit<React.ComponentProps<\"footer\">, \"children\"> & {\n  /** The site this footer belongs to (`@krizaka/ui/sites`): its mark and line, its signature, marked in the family. */\n  current: SiteId;\n  /**\n   * The family's words, passed translated: `familyLabels.fr` from `@krizaka/ui/sites`, or your own of the same shape.\n   * @default familyLabels.en\n   */\n  labels?: FamilyLabels;\n  /** The site's own columns (`SiteFooter.Column`), before the family. */\n  children?: React.ReactNode;\n  /** The version the site runs (`1.2.3`, shown `v1.2.3`). */\n  version?: string;\n  /** The environment, when it is not production (`DEV`). */\n  env?: string;\n  /** The end of the signature line: legal links, a language switch (`SiteFooter.Link`s or any inline content). */\n  legal?: React.ReactNode;\n};\n\n/** The footer of a Krizaka site: its own columns, the family in columns, the signature, the version, Montréal. */\nexport function SiteFooter({ current, labels = familyLabels.en, children, version, env, legal, className, ...props }: SiteFooterProps) {\n  const id = React.useId();\n  const site = siteById(current);\n  const krizaka = siteById(\"krizaka\");\n  const tag = [env, version && `v${version.replace(/^v/, \"\")}`].filter(Boolean).join(\" · \");\n  return (\n    <footer className={s.root({ className })} {...props}>\n      <div className={s.inner()}>\n        <div className={s.top()}>\n          <div className={s.site()}>\n            <a href={site.url} className={s.siteName()}>\n              <FamilyMark mark={site.mark} size={24} />\n              {site.name}\n            </a>\n            <p className={s.siteText()}>{labels.descriptions[site.id]}</p>\n          </div>\n          {children && <div className={s.own()}>{children}</div>}\n        </div>\n        <nav aria-label={labels.family} className={s.family()}>\n          {sitesByGroup().map(({ group, sites }) => (\n            <div key={group} className={s.column()}>\n              <p id={`${id}-${group}`} className={s.title()}>\n                {labels.groups[group]}\n              </p>\n              <ul aria-labelledby={`${id}-${group}`} className={s.list()}>\n                {sites.map((item) => (\n                  <li key={item.id}>\n                    <a href={item.url} aria-current={item.id === current ? \"true\" : undefined} className={s.link()}>\n                      <span className={s.mark()}>\n                        <FamilyMark mark={item.mark} size={16} />\n                      </span>\n                      {item.name}\n                      {item.status !== \"released\" && <span className={s.tag()}>{labels.status[item.status]}</span>}\n                      {item.id === current && <span className=\"sr-only\">({labels.current})</span>}\n                    </a>\n                  </li>\n                ))}\n              </ul>\n            </div>\n          ))}\n        </nav>\n        <div className={s.bottom()}>\n          <a href={krizaka.url} className={s.signature()}>\n            <KrizakaLogo size={18} animated={false} />\n            {labels.signature[site.kind]}\n          </a>\n          {tag && (\n            <span className={s.version()}>\n              <span className=\"sr-only\">{labels.version} </span>\n              {tag}\n            </span>\n          )}\n          <span>{labels.place}</span>\n          {legal && <div className={s.legal()}>{legal}</div>}\n        </div>\n      </div>\n    </footer>\n  );\n}\n\nexport type SiteFooterColumnProps = Omit<React.ComponentProps<\"div\">, \"title\"> & {\n  /** The column's heading (“Docs”) — passed translated. */\n  title: string;\n  /** Its links (`SiteFooter.Link`). */\n  children: React.ReactNode;\n};\n\n/** One of the site's own columns: a heading and its links. */\nexport function SiteFooterColumn({ title, children, className, ...props }: SiteFooterColumnProps) {\n  const id = React.useId();\n  return (\n    <div className={s.column({ className })} {...props}>\n      <p id={id} className={s.title()}>\n        {title}\n      </p>\n      <ul aria-labelledby={id} className={s.list()}>\n        {React.Children.map(children, (child) => (child ? <li>{child}</li> : null))}\n      </ul>\n    </div>\n  );\n}\n\nexport type SiteFooterLinkProps = React.ComponentProps<\"a\"> & {\n  /** The current page: `aria-current=\"page\"`. */\n  active?: boolean;\n  /** Renders your router's `<Link>`. */\n  asChild?: boolean;\n};\n\n/** A link of the footer. */\nexport function SiteFooterLink({ active, asChild, className, ...props }: SiteFooterLinkProps) {\n  const Comp = asChild ? Slot.Root : \"a\";\n  return <Comp aria-current={active ? \"page\" : undefined} className={s.link({ className })} {...props} />;\n}\n\nSiteFooter.Column = SiteFooterColumn;\nSiteFooter.Link = SiteFooterLink;\n"],"mappings":"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","names":[]}

package/dist/sites-CgJrxejx.d.ts

@@ -0,0 +1,32 @@
+/** A site of the family. */
+type SiteId = "krizaka" | "orazaka" | "orochia" | "yasakia" | "yororis" | "ui" | "java" | "github";
+/** What a site is: the company, a product, or an open-source project. It chooses the footer's signature line. */
+type SiteKind = "company" | "product" | "open-source";
+/**
+ * `released`: open to visit. `upcoming`: announced, not released yet (said "Coming soon"). `construction`: under
+ * construction — nothing deployed beyond its page, nothing offered.
+ */
+type SiteStatus = "released" | "upcoming" | "construction";
+/** The groups of the family, in reading order: Krizaka · Products · Open source · GitHub. */
+type SiteGroup = "krizaka" | "products" | "open-source" | "github";
+/** The words of the family: the switcher, the footer, each site's one line. */
+interface FamilyLabels {
+    /** The family's name: the switcher's navigation and its button, the footer's navigation (“Krizaka family”). */
+    family: string;
+    /** The heading of each group. */
+    groups: Record<SiteGroup, string>;
+    /** The badge of a site that is not released. */
+    status: Record<Exclude<SiteStatus, "released">, string>;
+    /** Says which site is the current one (“You are here”). */
+    current: string;
+    /** One line per site: what it is. */
+    descriptions: Record<SiteId, string>;
+    /** The footer's signature, by the kind of the current site (“A Krizaka product”). */
+    signature: Record<SiteKind, string>;
+    /** The footer's place line (“Made in Montréal”). */
+    place: string;
+    /** The accessible name of the version (“Version”). */
+    version: string;
+}
+
+export type { FamilyLabels as F, SiteId as S };

package/dist/sites.d.ts

@@ -0,0 +1,64 @@
+/** A site of the family. */
+type SiteId = "krizaka" | "orazaka" | "orochia" | "yasakia" | "yororis" | "ui" | "java" | "github";
+/** What a site is: the company, a product, or an open-source project. It chooses the footer's signature line. */
+type SiteKind = "company" | "product" | "open-source";
+/**
+ * `released`: open to visit. `upcoming`: announced, not released yet (said "Coming soon"). `construction`: under
+ * construction — nothing deployed beyond its page, nothing offered.
+ */
+type SiteStatus = "released" | "upcoming" | "construction";
+/** The groups of the family, in reading order: Krizaka · Products · Open source · GitHub. */
+type SiteGroup = "krizaka" | "products" | "open-source" | "github";
+/** The mark a site wears: a brand of `ProductLogo` (Krizaka UI and Krizaka Java wear Krizaka's), or GitHub's. */
+type SiteMark = "krizaka" | "orazaka" | "orochia" | "yasakia" | "yororis" | "github";
+interface Site {
+    readonly id: SiteId;
+    /** The name, never translated. */
+    readonly name: string;
+    /** The address of the site (its home). */
+    readonly url: string;
+    /** The address without the scheme, as people say it (`ui.krizaka.com`). */
+    readonly host: string;
+    readonly kind: SiteKind;
+    readonly group: SiteGroup;
+    readonly status: SiteStatus;
+    readonly mark: SiteMark;
+    /** The repository the site is built from. */
+    readonly repo: string;
+}
+/** Every site of the family, in reading order (the group order, then the order inside each group). */
+declare const sites: readonly Site[];
+/** The groups, in reading order. */
+declare const siteGroups: readonly SiteGroup[];
+/** A site by id. */
+declare function siteById(id: SiteId): Site;
+/** The family grouped, in reading order: `[{ group, sites }]`, empty groups left out. */
+declare function sitesByGroup(): {
+    group: SiteGroup;
+    sites: Site[];
+}[];
+/** The languages the family's words are written in. */
+type SiteLocale = "en" | "fr";
+/** The words of the family: the switcher, the footer, each site's one line. */
+interface FamilyLabels {
+    /** The family's name: the switcher's navigation and its button, the footer's navigation (“Krizaka family”). */
+    family: string;
+    /** The heading of each group. */
+    groups: Record<SiteGroup, string>;
+    /** The badge of a site that is not released. */
+    status: Record<Exclude<SiteStatus, "released">, string>;
+    /** Says which site is the current one (“You are here”). */
+    current: string;
+    /** One line per site: what it is. */
+    descriptions: Record<SiteId, string>;
+    /** The footer's signature, by the kind of the current site (“A Krizaka product”). */
+    signature: Record<SiteKind, string>;
+    /** The footer's place line (“Made in Montréal”). */
+    place: string;
+    /** The accessible name of the version (“Version”). */
+    version: string;
+}
+/** The family's words in English and French. Pass `familyLabels[locale]`, or your own translation of the same shape. */
+declare const familyLabels: Record<SiteLocale, FamilyLabels>;
+
+export { type FamilyLabels, type Site, type SiteGroup, type SiteId, type SiteKind, type SiteLocale, type SiteMark, type SiteStatus, familyLabels, siteById, siteGroups, sites, sitesByGroup };

package/dist/sites.js

@@ -0,0 +1,69 @@
+// src/sites/sites.ts
+var site = (s) => ({ ...s, host: s.url.replace(/^https?:\/\//, "").replace(/\/$/, "") });
+var sites = [
+  site({ id: "krizaka", name: "Krizaka", url: "https://www.krizaka.com", kind: "company", group: "krizaka", status: "released", mark: "krizaka", repo: "https://github.com/krizaka/krizaka-com" }),
+  site({ id: "orazaka", name: "Orazaka", url: "https://dev.orazaka.com", kind: "product", group: "products", status: "released", mark: "orazaka", repo: "https://github.com/krizaka/orazaka" }),
+  site({ id: "orochia", name: "Orochia", url: "https://dev.orochia.com", kind: "product", group: "products", status: "released", mark: "orochia", repo: "https://github.com/krizaka/orochia" }),
+  site({ id: "yasakia", name: "Yasakia", url: "https://dev.yasakia.com", kind: "product", group: "products", status: "upcoming", mark: "yasakia", repo: "https://github.com/krizaka/yasakia" }),
+  site({ id: "yororis", name: "Yororis", url: "https://dev.yororis.com", kind: "product", group: "products", status: "construction", mark: "yororis", repo: "https://github.com/krizaka/yororis" }),
+  site({ id: "ui", name: "Krizaka UI", url: "https://ui.krizaka.com", kind: "open-source", group: "open-source", status: "released", mark: "krizaka", repo: "https://github.com/krizaka/krizaka-ui" }),
+  site({ id: "java", name: "Krizaka Java", url: "https://java.krizaka.com", kind: "open-source", group: "open-source", status: "released", mark: "krizaka", repo: "https://github.com/krizaka/krizaka-build" }),
+  site({ id: "github", name: "GitHub", url: "https://github.com/krizaka", kind: "open-source", group: "github", status: "released", mark: "github", repo: "https://github.com/krizaka" })
+];
+var siteGroups = ["krizaka", "products", "open-source", "github"];
+function siteById(id) {
+  const found = sites.find((s) => s.id === id);
+  if (!found) throw new Error(`Unknown Krizaka site "${id}".`);
+  return found;
+}
+function sitesByGroup() {
+  return siteGroups.map((group) => ({ group, sites: sites.filter((s) => s.group === group) })).filter((g) => g.sites.length > 0);
+}
+var familyLabels = {
+  en: {
+    family: "Krizaka family",
+    groups: { krizaka: "Krizaka", products: "Products", "open-source": "Open source", github: "GitHub" },
+    status: { upcoming: "Coming soon", construction: "Under construction" },
+    current: "You are here",
+    descriptions: {
+      krizaka: "The company: our products, our open source, our story.",
+      orazaka: "Sovereign AI, on your own servers.",
+      orochia: "A video platform for creators.",
+      yasakia: "The dating app where you talk first.",
+      yororis: "A listening space with a face and a voice.",
+      ui: "Components, tokens, icons and charts \u2014 web and React Native.",
+      java: "Spring Boot building blocks on Maven Central.",
+      github: "Every repository, in the open."
+    },
+    signature: { company: "A Krizaka company", product: "A Krizaka product", "open-source": "A Krizaka open-source project" },
+    place: "Made in Montr\xE9al",
+    version: "Version"
+  },
+  fr: {
+    family: "Famille Krizaka",
+    groups: { krizaka: "Krizaka", products: "Produits", "open-source": "Open source", github: "GitHub" },
+    status: { upcoming: "Bient\xF4t", construction: "En construction" },
+    current: "Vous \xEAtes ici",
+    descriptions: {
+      krizaka: "La compagnie : nos produits, notre open source, notre histoire.",
+      orazaka: "L\u2019IA souveraine, sur vos propres serveurs.",
+      orochia: "Une plateforme vid\xE9o pour les cr\xE9ateurs.",
+      yasakia: "L\u2019app de rencontre o\xF9 l\u2019on se parle d\u2019abord.",
+      yororis: "Un espace d\u2019\xE9coute avec un visage et une voix.",
+      ui: "Composants, jetons, ic\xF4nes et graphiques \u2014 web et React Native.",
+      java: "Des briques Spring Boot sur Maven Central.",
+      github: "Tous les d\xE9p\xF4ts, au grand jour."
+    },
+    signature: { company: "Une compagnie Krizaka", product: "Un produit Krizaka", "open-source": "Un projet open source de Krizaka" },
+    place: "Fait \xE0 Montr\xE9al",
+    version: "Version"
+  }
+};
+export {
+  familyLabels,
+  siteById,
+  siteGroups,
+  sites,
+  sitesByGroup
+};
+//# sourceMappingURL=sites.js.map

package/dist/sites.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/sites/sites.ts"],"sourcesContent":["// Server-safe: plain data. The Krizaka family — every site Krizaka runs, once. The family switcher of the bar\n// (`NavBar.Family`) and the common footer (`SiteFooter`) both read it, so adding a site is one release of this package:\n// every bar and every footer of the family follow.\n//\n// The words of the family (a site's one line, the groups, the statuses, the footer's signature) are brand data, written\n// here in English and French (`familyLabels`) — a site passes the set of its locale, or its own translation.\n\n/** A site of the family. */\nexport type SiteId = \"krizaka\" | \"orazaka\" | \"orochia\" | \"yasakia\" | \"yororis\" | \"ui\" | \"java\" | \"github\";\n\n/** What a site is: the company, a product, or an open-source project. It chooses the footer's signature line. */\nexport type SiteKind = \"company\" | \"product\" | \"open-source\";\n\n/**\n * `released`: open to visit. `upcoming`: announced, not released yet (said \"Coming soon\"). `construction`: under\n * construction — nothing deployed beyond its page, nothing offered.\n */\nexport type SiteStatus = \"released\" | \"upcoming\" | \"construction\";\n\n/** The groups of the family, in reading order: Krizaka · Products · Open source · GitHub. */\nexport type SiteGroup = \"krizaka\" | \"products\" | \"open-source\" | \"github\";\n\n/** The mark a site wears: a brand of `ProductLogo` (Krizaka UI and Krizaka Java wear Krizaka's), or GitHub's. */\nexport type SiteMark = \"krizaka\" | \"orazaka\" | \"orochia\" | \"yasakia\" | \"yororis\" | \"github\";\n\nexport interface Site {\n  readonly id: SiteId;\n  /** The name, never translated. */\n  readonly name: string;\n  /** The address of the site (its home). */\n  readonly url: string;\n  /** The address without the scheme, as people say it (`ui.krizaka.com`). */\n  readonly host: string;\n  readonly kind: SiteKind;\n  readonly group: SiteGroup;\n  readonly status: SiteStatus;\n  readonly mark: SiteMark;\n  /** The repository the site is built from. */\n  readonly repo: string;\n}\n\nconst site = (s: Omit<Site, \"host\">): Site => ({ ...s, host: s.url.replace(/^https?:\\/\\//, \"\").replace(/\\/$/, \"\") });\n\n/** Every site of the family, in reading order (the group order, then the order inside each group). */\nexport const sites: readonly Site[] = [\n  site({ id: \"krizaka\", name: \"Krizaka\", url: \"https://www.krizaka.com\", kind: \"company\", group: \"krizaka\", status: \"released\", mark: \"krizaka\", repo: \"https://github.com/krizaka/krizaka-com\" }),\n  site({ id: \"orazaka\", name: \"Orazaka\", url: \"https://dev.orazaka.com\", kind: \"product\", group: \"products\", status: \"released\", mark: \"orazaka\", repo: \"https://github.com/krizaka/orazaka\" }),\n  site({ id: \"orochia\", name: \"Orochia\", url: \"https://dev.orochia.com\", kind: \"product\", group: \"products\", status: \"released\", mark: \"orochia\", repo: \"https://github.com/krizaka/orochia\" }),\n  site({ id: \"yasakia\", name: \"Yasakia\", url: \"https://dev.yasakia.com\", kind: \"product\", group: \"products\", status: \"upcoming\", mark: \"yasakia\", repo: \"https://github.com/krizaka/yasakia\" }),\n  site({ id: \"yororis\", name: \"Yororis\", url: \"https://dev.yororis.com\", kind: \"product\", group: \"products\", status: \"construction\", mark: \"yororis\", repo: \"https://github.com/krizaka/yororis\" }),\n  site({ id: \"ui\", name: \"Krizaka UI\", url: \"https://ui.krizaka.com\", kind: \"open-source\", group: \"open-source\", status: \"released\", mark: \"krizaka\", repo: \"https://github.com/krizaka/krizaka-ui\" }),\n  site({ id: \"java\", name: \"Krizaka Java\", url: \"https://java.krizaka.com\", kind: \"open-source\", group: \"open-source\", status: \"released\", mark: \"krizaka\", repo: \"https://github.com/krizaka/krizaka-build\" }),\n  site({ id: \"github\", name: \"GitHub\", url: \"https://github.com/krizaka\", kind: \"open-source\", group: \"github\", status: \"released\", mark: \"github\", repo: \"https://github.com/krizaka\" }),\n];\n\n/** The groups, in reading order. */\nexport const siteGroups: readonly SiteGroup[] = [\"krizaka\", \"products\", \"open-source\", \"github\"];\n\n/** A site by id. */\nexport function siteById(id: SiteId): Site {\n  const found = sites.find((s) => s.id === id);\n  if (!found) throw new Error(`Unknown Krizaka site \"${id}\".`);\n  return found;\n}\n\n/** The family grouped, in reading order: `[{ group, sites }]`, empty groups left out. */\nexport function sitesByGroup(): { group: SiteGroup; sites: Site[] }[] {\n  return siteGroups.map((group) => ({ group, sites: sites.filter((s) => s.group === group) })).filter((g) => g.sites.length > 0);\n}\n\n/** The languages the family's words are written in. */\nexport type SiteLocale = \"en\" | \"fr\";\n\n/** The words of the family: the switcher, the footer, each site's one line. */\nexport interface FamilyLabels {\n  /** The family's name: the switcher's navigation and its button, the footer's navigation (“Krizaka family”). */\n  family: string;\n  /** The heading of each group. */\n  groups: Record<SiteGroup, string>;\n  /** The badge of a site that is not released. */\n  status: Record<Exclude<SiteStatus, \"released\">, string>;\n  /** Says which site is the current one (“You are here”). */\n  current: string;\n  /** One line per site: what it is. */\n  descriptions: Record<SiteId, string>;\n  /** The footer's signature, by the kind of the current site (“A Krizaka product”). */\n  signature: Record<SiteKind, string>;\n  /** The footer's place line (“Made in Montréal”). */\n  place: string;\n  /** The accessible name of the version (“Version”). */\n  version: string;\n}\n\n/** The family's words in English and French. Pass `familyLabels[locale]`, or your own translation of the same shape. */\nexport const familyLabels: Record<SiteLocale, FamilyLabels> = {\n  en: {\n    family: \"Krizaka family\",\n    groups: { krizaka: \"Krizaka\", products: \"Products\", \"open-source\": \"Open source\", github: \"GitHub\" },\n    status: { upcoming: \"Coming soon\", construction: \"Under construction\" },\n    current: \"You are here\",\n    descriptions: {\n      krizaka: \"The company: our products, our open source, our story.\",\n      orazaka: \"Sovereign AI, on your own servers.\",\n      orochia: \"A video platform for creators.\",\n      yasakia: \"The dating app where you talk first.\",\n      yororis: \"A listening space with a face and a voice.\",\n      ui: \"Components, tokens, icons and charts — web and React Native.\",\n      java: \"Spring Boot building blocks on Maven Central.\",\n      github: \"Every repository, in the open.\",\n    },\n    signature: { company: \"A Krizaka company\", product: \"A Krizaka product\", \"open-source\": \"A Krizaka open-source project\" },\n    place: \"Made in Montréal\",\n    version: \"Version\",\n  },\n  fr: {\n    family: \"Famille Krizaka\",\n    groups: { krizaka: \"Krizaka\", products: \"Produits\", \"open-source\": \"Open source\", github: \"GitHub\" },\n    status: { upcoming: \"Bientôt\", construction: \"En construction\" },\n    current: \"Vous êtes ici\",\n    descriptions: {\n      krizaka: \"La compagnie : nos produits, notre open source, notre histoire.\",\n      orazaka: \"L’IA souveraine, sur vos propres serveurs.\",\n      orochia: \"Une plateforme vidéo pour les créateurs.\",\n      yasakia: \"L’app de rencontre où l’on se parle d’abord.\",\n      yororis: \"Un espace d’écoute avec un visage et une voix.\",\n      ui: \"Composants, jetons, icônes et graphiques — web et React Native.\",\n      java: \"Des briques Spring Boot sur Maven Central.\",\n      github: \"Tous les dépôts, au grand jour.\",\n    },\n    signature: { company: \"Une compagnie Krizaka\", product: \"Un produit Krizaka\", \"open-source\": \"Un projet open source de Krizaka\" },\n    place: \"Fait à Montréal\",\n    version: \"Version\",\n  },\n};\n"],"mappings":"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","names":[]}

package/dist/swipe-deck.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   usePrefersReducedMotion
-} from "./chunk-BRKMQ6JV.js";
+} from "./chunk-FZBWEDQI.js";
 
 // src/swipe-deck/swipe-deck.tsx
 import * as React from "react";

package/dist/tag-input.js

@@ -1,12 +1,13 @@
 "use client";
 import {
   Combobox
-} from "./chunk-LCZXS6AK.js";
-import "./chunk-YH4LMWRU.js";
+} from "./chunk-CKSHLSDH.js";
+import "./chunk-7UCPGXKN.js";
+import "./chunk-D3T54RSL.js";
 import "./chunk-ZIXB33X7.js";
 import {
   useControllable
-} from "./chunk-BRKMQ6JV.js";
+} from "./chunk-FZBWEDQI.js";
 import "./chunk-CPA5CF35.js";
 
 // src/tag-input/tag-input.tsx

package/dist/tag-input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/tag-input/tag-input.tsx"],"sourcesContent":["// Client. Free words as chips — the multiple, creatable `Combobox` on strings: Enter or a separator adds the word,\n// a paste of \"a, b, c\" adds three, Backspace on an empty input removes the last, suggestions complete as you type.\n// `normalize` cleans a word (lower case, no `#`), `validate` refuses one with a reason read aloud.\nimport * as React from \"react\";\n\nimport { Combobox, type ComboboxLabels, type ComboboxOption } from \"../combobox\";\nimport { useControllable } from \"../media\";\n\nexport type TagInputProps = {\n  /** The visible label, passed translated (also the accessible name). */\n  label: string;\n  /** Hides the label visually, keeping it as the accessible name. */\n  hideLabel?: boolean;\n  /** The tags (controlled). */\n  value?: readonly string[];\n  /** The tags at first, uncontrolled. */\n  defaultValue?: readonly string[];\n  /** Called with every tag after a change. */\n  onValueChange?: (tags: string[]) => void;\n  /** Words offered as the person types (their own history, a curated list). */\n  suggestions?: readonly string[];\n  /** Cleans a word before it is added (`(t) => t.toLowerCase().replace(/^#/, \"\")`). An empty result is ignored. */\n  normalize?: (tag: string) => string;\n  /** Refuses a word: return the reason (passed translated), shown and read as the field's error; `null` accepts it. */\n  validate?: (tag: string, tags: readonly string[]) => string | null;\n  /** Most tags; the field stops offering more past it. */\n  max?: number;\n  /** Keys that add the word, besides Enter. Default `[\",\"]`. */\n  separators?: readonly string[];\n  /** The input's placeholder, passed translated. */\n  placeholder?: string;\n  /** A help text under the field (\"Up to 10 tags, separated by commas\"). */\n  hint?: string;\n  /** An error from the app (a server refusal); `validate`'s own errors show here too. */\n  error?: string;\n  /** Not available. */\n  disabled?: boolean;\n  /** The name of the hidden inputs, for a plain `<form>` post (one per tag). */\n  name?: string;\n  /** The words of the field, passed translated; English by default. */\n  labels?: Partial<Pick<ComboboxLabels, \"create\" | \"remove\" | \"empty\" | \"results\" | \"toggle\">>;\n  /** Classes merged on the root. */\n  className?: string;\n};\n\nconst toOption = (tag: string): ComboboxOption => ({ value: tag, label: tag });\n\n/** Words as removable chips — tags, keywords, e-mail recipients — with suggestions, cleaning and validation. */\nexport function TagInput({\n  value,\n  defaultValue = [],\n  onValueChange,\n  suggestions = [],\n  normalize = (tag) => tag.trim(),\n  validate,\n  max,\n  separators = [\",\"],\n  error,\n  labels,\n  ...props\n}: TagInputProps) {\n  const [tags, setTags] = useControllable<readonly string[]>(value, defaultValue, onValueChange as (next: readonly string[]) => void);\n  const [refusal, setRefusal] = React.useState<string | null>(null);\n\n  const change = (options: ComboboxOption[]) => {\n    const next: string[] = [];\n    for (const option of options) {\n      const tag = normalize(option.value);\n      if (!tag || next.includes(tag)) continue;\n      if (!tags.includes(tag)) {\n        const reason = validate?.(tag, next) ?? null;\n        if (reason) {\n          setRefusal(reason);\n          continue;\n        }\n      }\n      next.push(tag);\n    }\n    if (next.length >= options.length || options.length < tags.length) setRefusal(null);\n    setTags(next);\n  };\n\n  return (\n    <Combobox\n      {...props}\n      multiple\n      creatable\n      separators={separators}\n      maxSelected={max}\n      value={tags.map(toOption)}\n      onValueChange={change}\n      options={suggestions.map(toOption)}\n      error={refusal ?? error}\n      labels={{ empty: \"\", results: () => \"\", ...labels }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAGA,YAAY,WAAW;AAgFnB;AAtCJ,IAAM,WAAW,CAAC,SAAiC,EAAE,OAAO,KAAK,OAAO,IAAI;AAGrE,SAAS,SAAS;AAAA,EACvB;AAAA,EACA,eAAe,CAAC;AAAA,EAChB;AAAA,EACA,cAAc,CAAC;AAAA,EACf,YAAY,CAAC,QAAQ,IAAI,KAAK;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,aAAa,CAAC,GAAG;AAAA,EACjB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,CAAC,MAAM,OAAO,IAAI,gBAAmC,OAAO,cAAc,aAAkD;AAClI,QAAM,CAAC,SAAS,UAAU,IAAU,eAAwB,IAAI;AAEhE,QAAM,SAAS,CAAC,YAA8B;AAC5C,UAAM,OAAiB,CAAC;AACxB,eAAW,UAAU,SAAS;AAC5B,YAAM,MAAM,UAAU,OAAO,KAAK;AAClC,UAAI,CAAC,OAAO,KAAK,SAAS,GAAG,EAAG;AAChC,UAAI,CAAC,KAAK,SAAS,GAAG,GAAG;AACvB,cAAM,SAAS,WAAW,KAAK,IAAI,KAAK;AACxC,YAAI,QAAQ;AACV,qBAAW,MAAM;AACjB;AAAA,QACF;AAAA,MACF;AACA,WAAK,KAAK,GAAG;AAAA,IACf;AACA,QAAI,KAAK,UAAU,QAAQ,UAAU,QAAQ,SAAS,KAAK,OAAQ,YAAW,IAAI;AAClF,YAAQ,IAAI;AAAA,EACd;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAQ;AAAA,MACR,WAAS;AAAA,MACT;AAAA,MACA,aAAa;AAAA,MACb,OAAO,KAAK,IAAI,QAAQ;AAAA,MACxB,eAAe;AAAA,MACf,SAAS,YAAY,IAAI,QAAQ;AAAA,MACjC,OAAO,WAAW;AAAA,MAClB,QAAQ,EAAE,OAAO,IAAI,SAAS,MAAM,IAAI,GAAG,OAAO;AAAA;AAAA,EACpD;AAEJ;","names":[]}
+{"version":3,"sources":["../src/tag-input/tag-input.tsx"],"sourcesContent":["// Client. Free words as chips — the multiple, creatable `Combobox` on strings: Enter or a separator adds the word,\n// a paste of \"a, b, c\" adds three, Backspace on an empty input removes the last, suggestions complete as you type.\n// `normalize` cleans a word (lower case, no `#`), `validate` refuses one with a reason read aloud.\nimport * as React from \"react\";\n\nimport { Combobox, type ComboboxLabels, type ComboboxOption } from \"../combobox\";\nimport { useControllable } from \"../media\";\n\nexport type TagInputProps = {\n  /** The visible label, passed translated (also the accessible name). */\n  label: string;\n  /** Hides the label visually, keeping it as the accessible name. */\n  hideLabel?: boolean;\n  /** The tags (controlled). */\n  value?: readonly string[];\n  /** The tags at first, uncontrolled. */\n  defaultValue?: readonly string[];\n  /** Called with every tag after a change. */\n  onValueChange?: (tags: string[]) => void;\n  /** Words offered as the person types (their own history, a curated list). */\n  suggestions?: readonly string[];\n  /** Cleans a word before it is added (`(t) => t.toLowerCase().replace(/^#/, \"\")`). An empty result is ignored. */\n  normalize?: (tag: string) => string;\n  /** Refuses a word: return the reason (passed translated), shown and read as the field's error; `null` accepts it. */\n  validate?: (tag: string, tags: readonly string[]) => string | null;\n  /** Most tags; the field stops offering more past it. */\n  max?: number;\n  /** Keys that add the word, besides Enter. Default `[\",\"]`. */\n  separators?: readonly string[];\n  /** The input's placeholder, passed translated. */\n  placeholder?: string;\n  /** A help text under the field (\"Up to 10 tags, separated by commas\"). */\n  hint?: string;\n  /** An error from the app (a server refusal); `validate`'s own errors show here too. */\n  error?: string;\n  /** Not available. */\n  disabled?: boolean;\n  /** The name of the hidden inputs, for a plain `<form>` post (one per tag). */\n  name?: string;\n  /** The words of the field, passed translated; English by default. */\n  labels?: Partial<Pick<ComboboxLabels, \"create\" | \"remove\" | \"empty\" | \"results\" | \"toggle\">>;\n  /** Classes merged on the root. */\n  className?: string;\n};\n\nconst toOption = (tag: string): ComboboxOption => ({ value: tag, label: tag });\n\n/** Words as removable chips — tags, keywords, e-mail recipients — with suggestions, cleaning and validation. */\nexport function TagInput({\n  value,\n  defaultValue = [],\n  onValueChange,\n  suggestions = [],\n  normalize = (tag) => tag.trim(),\n  validate,\n  max,\n  separators = [\",\"],\n  error,\n  labels,\n  ...props\n}: TagInputProps) {\n  const [tags, setTags] = useControllable<readonly string[]>(value, defaultValue, onValueChange as (next: readonly string[]) => void);\n  const [refusal, setRefusal] = React.useState<string | null>(null);\n\n  const change = (options: ComboboxOption[]) => {\n    const next: string[] = [];\n    for (const option of options) {\n      const tag = normalize(option.value);\n      if (!tag || next.includes(tag)) continue;\n      if (!tags.includes(tag)) {\n        const reason = validate?.(tag, next) ?? null;\n        if (reason) {\n          setRefusal(reason);\n          continue;\n        }\n      }\n      next.push(tag);\n    }\n    if (next.length >= options.length || options.length < tags.length) setRefusal(null);\n    setTags(next);\n  };\n\n  return (\n    <Combobox\n      {...props}\n      multiple\n      creatable\n      separators={separators}\n      maxSelected={max}\n      value={tags.map(toOption)}\n      onValueChange={change}\n      options={suggestions.map(toOption)}\n      error={refusal ?? error}\n      labels={{ empty: \"\", results: () => \"\", ...labels }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAGA,YAAY,WAAW;AAgFnB;AAtCJ,IAAM,WAAW,CAAC,SAAiC,EAAE,OAAO,KAAK,OAAO,IAAI;AAGrE,SAAS,SAAS;AAAA,EACvB;AAAA,EACA,eAAe,CAAC;AAAA,EAChB;AAAA,EACA,cAAc,CAAC;AAAA,EACf,YAAY,CAAC,QAAQ,IAAI,KAAK;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,aAAa,CAAC,GAAG;AAAA,EACjB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,CAAC,MAAM,OAAO,IAAI,gBAAmC,OAAO,cAAc,aAAkD;AAClI,QAAM,CAAC,SAAS,UAAU,IAAU,eAAwB,IAAI;AAEhE,QAAM,SAAS,CAAC,YAA8B;AAC5C,UAAM,OAAiB,CAAC;AACxB,eAAW,UAAU,SAAS;AAC5B,YAAM,MAAM,UAAU,OAAO,KAAK;AAClC,UAAI,CAAC,OAAO,KAAK,SAAS,GAAG,EAAG;AAChC,UAAI,CAAC,KAAK,SAAS,GAAG,GAAG;AACvB,cAAM,SAAS,WAAW,KAAK,IAAI,KAAK;AACxC,YAAI,QAAQ;AACV,qBAAW,MAAM;AACjB;AAAA,QACF;AAAA,MACF;AACA,WAAK,KAAK,GAAG;AAAA,IACf;AACA,QAAI,KAAK,UAAU,QAAQ,UAAU,QAAQ,SAAS,KAAK,OAAQ,YAAW,IAAI;AAClF,YAAQ,IAAI;AAAA,EACd;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAQ;AAAA,MACR,WAAS;AAAA,MACT;AAAA,MACA,aAAa;AAAA,MACb,OAAO,KAAK,IAAI,QAAQ;AAAA,MACxB,eAAe;AAAA,MACf,SAAS,YAAY,IAAI,QAAQ;AAAA,MACjC,OAAO,WAAW;AAAA,MAClB,QAAQ,EAAE,OAAO,IAAI,SAAS,MAAM,IAAI,GAAG,OAAO;AAAA;AAAA,EACpD;AAEJ;","names":[]}

package/dist/tag-selector.js

@@ -1,7 +1,8 @@
 "use client";
 import {
   Chip
-} from "./chunk-YH4LMWRU.js";
+} from "./chunk-7UCPGXKN.js";
+import "./chunk-D3T54RSL.js";
 
 // src/tag-selector/tag-selector.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/tag-selector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/tag-selector/tag-selector.tsx"],"sourcesContent":["// Client. Interests, languages, what one is looking for: toggle chips with a limit and a count; once it is reached the\n// others rest (disabled) and the count says so.\nimport { Chip } from \"../chip\";\n\nexport type TagOption = { value: string; label: string };\n\nexport type TagSelectorProps = {\n  /** The group's name (“Interests”) — passed translated. */\n  label: string;\n  /** The tags offered. */\n  options: readonly TagOption[];\n  /** The tags chosen. */\n  value: readonly string[];\n  /** Called with the tags chosen. */\n  onValueChange: (value: string[]) => void;\n  /** The most that can be chosen. */\n  max?: number;\n  /** The count under the tags: `(n, max) => n + \" of \" + max`. */\n  countLabel?: (count: number, max: number) => string;\n  /** Classes merged on the root. */\n  className?: string;\n};\n\n/** Toggle chips with a limit and a count — the others rest once the limit is reached. */\nexport function TagSelector({ label, options, value, onValueChange, max, countLabel, className }: TagSelectorProps) {\n  const full = max !== undefined && value.length >= max;\n  return (\n    <div className={[\"flex flex-col gap-2\", className].filter(Boolean).join(\" \")}>\n      <div role=\"group\" aria-label={label} className=\"flex flex-wrap gap-2\">\n        {options.map((option) => {\n          const on = value.includes(option.value);\n          return (\n            <Chip key={option.value} selected={on} disabled={!on && full} onSelectedChange={(next) => onValueChange(next ? [...value, option.value] : value.filter((v) => v !== option.value))}>\n              {option.label}\n            </Chip>\n          );\n        })}\n      </div>\n      {max !== undefined && countLabel ? (\n        <p className={[\"m-0 text-xs\", full ? \"font-semibold text-fg-accent\" : \"text-fg-secondary\"].join(\" \")} aria-live=\"polite\">\n          {countLabel(value.length, max)}\n        </p>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AA2BI,SAKQ,KALR;AAHG,SAAS,YAAY,EAAE,OAAO,SAAS,OAAO,eAAe,KAAK,YAAY,UAAU,GAAqB;AAClH,QAAM,OAAO,QAAQ,UAAa,MAAM,UAAU;AAClD,SACE,qBAAC,SAAI,WAAW,CAAC,uBAAuB,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GACzE;AAAA,wBAAC,SAAI,MAAK,SAAQ,cAAY,OAAO,WAAU,wBAC5C,kBAAQ,IAAI,CAAC,WAAW;AACvB,YAAM,KAAK,MAAM,SAAS,OAAO,KAAK;AACtC,aACE,oBAAC,QAAwB,UAAU,IAAI,UAAU,CAAC,MAAM,MAAM,kBAAkB,CAAC,SAAS,cAAc,OAAO,CAAC,GAAG,OAAO,OAAO,KAAK,IAAI,MAAM,OAAO,CAAC,MAAM,MAAM,OAAO,KAAK,CAAC,GAC9K,iBAAO,SADC,OAAO,KAElB;AAAA,IAEJ,CAAC,GACH;AAAA,IACC,QAAQ,UAAa,aACpB,oBAAC,OAAE,WAAW,CAAC,eAAe,OAAO,iCAAiC,mBAAmB,EAAE,KAAK,GAAG,GAAG,aAAU,UAC7G,qBAAW,MAAM,QAAQ,GAAG,GAC/B,IACE;AAAA,KACN;AAEJ;","names":[]}
+{"version":3,"sources":["../src/tag-selector/tag-selector.tsx"],"sourcesContent":["// Client. Interests, languages, what one is looking for: toggle chips with a limit and a count; once it is reached the\n// others rest (disabled) and the count says so.\nimport { Chip } from \"../chip\";\n\nexport type TagOption = { value: string; label: string };\n\nexport type TagSelectorProps = {\n  /** The group's name (“Interests”) — passed translated. */\n  label: string;\n  /** The tags offered. */\n  options: readonly TagOption[];\n  /** The tags chosen. */\n  value: readonly string[];\n  /** Called with the tags chosen. */\n  onValueChange: (value: string[]) => void;\n  /** The most that can be chosen. */\n  max?: number;\n  /** The count under the tags: `(n, max) => n + \" of \" + max`. */\n  countLabel?: (count: number, max: number) => string;\n  /** Classes merged on the root. */\n  className?: string;\n};\n\n/** Toggle chips with a limit and a count — the others rest once the limit is reached. */\nexport function TagSelector({ label, options, value, onValueChange, max, countLabel, className }: TagSelectorProps) {\n  const full = max !== undefined && value.length >= max;\n  return (\n    <div className={[\"flex flex-col gap-2\", className].filter(Boolean).join(\" \")}>\n      <div role=\"group\" aria-label={label} className=\"flex flex-wrap gap-2\">\n        {options.map((option) => {\n          const on = value.includes(option.value);\n          return (\n            <Chip key={option.value} selected={on} disabled={!on && full} onSelectedChange={(next) => onValueChange(next ? [...value, option.value] : value.filter((v) => v !== option.value))}>\n              {option.label}\n            </Chip>\n          );\n        })}\n      </div>\n      {max !== undefined && countLabel ? (\n        <p className={[\"m-0 text-xs\", full ? \"font-semibold text-fg-accent\" : \"text-fg-secondary\"].join(\" \")} aria-live=\"polite\">\n          {countLabel(value.length, max)}\n        </p>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AA2BI,SAKQ,KALR;AAHG,SAAS,YAAY,EAAE,OAAO,SAAS,OAAO,eAAe,KAAK,YAAY,UAAU,GAAqB;AAClH,QAAM,OAAO,QAAQ,UAAa,MAAM,UAAU;AAClD,SACE,qBAAC,SAAI,WAAW,CAAC,uBAAuB,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GACzE;AAAA,wBAAC,SAAI,MAAK,SAAQ,cAAY,OAAO,WAAU,wBAC5C,kBAAQ,IAAI,CAAC,WAAW;AACvB,YAAM,KAAK,MAAM,SAAS,OAAO,KAAK;AACtC,aACE,oBAAC,QAAwB,UAAU,IAAI,UAAU,CAAC,MAAM,MAAM,kBAAkB,CAAC,SAAS,cAAc,OAAO,CAAC,GAAG,OAAO,OAAO,KAAK,IAAI,MAAM,OAAO,CAAC,MAAM,MAAM,OAAO,KAAK,CAAC,GAC9K,iBAAO,SADC,OAAO,KAElB;AAAA,IAEJ,CAAC,GACH;AAAA,IACC,QAAQ,UAAa,aACpB,oBAAC,OAAE,WAAW,CAAC,eAAe,OAAO,iCAAiC,mBAAmB,EAAE,KAAK,GAAG,GAAG,aAAU,UAC7G,qBAAW,MAAM,QAAQ,GAAG,GAC/B,IACE;AAAA,KACN;AAEJ;","names":[]}

package/dist/theme.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { a as ButtonVariants } from './button-BMAO7dKF.js';
+import { a as ButtonVariants } from './button-BmCrLCq7.js';
 import 'tailwind-variants';
 
 type Mode = "dark" | "light" | "system";

package/dist/theme.js

@@ -1,7 +1,8 @@
 "use client";
 import {
   buttonVariants
-} from "./chunk-RUPNPMP3.js";
+} from "./chunk-OWC2LZD2.js";
+import "./chunk-D3T54RSL.js";
 import "./chunk-WEVYKZIF.js";
 
 // src/theme/theme.tsx