@krizaka/ui 3.7.1 → 3.9.0

package/dist/chunk-CKSHLSDH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/combobox/combobox.tsx"],"sourcesContent":["// Client. The ARIA 1.2 combobox (`../listbox`): a text input that filters a listbox, the focus never leaves the input\n// (`aria-activedescendant`), the number of results announced in a polite live region. Static options filtered here,\n// or `onSearch` (debounced, the previous request aborted) for a server's; one value or several (chips, Backspace\n// removes the last), and new values created from the query when `creatable`.\nimport { useDebouncedCallback } from \"@krizaka/pacer/react\";\nimport * as React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nimport { Chip } from \"../chip\";\nimport { CheckGlyph, ChevronGlyph, CloseGlyph, PlusGlyph } from \"../glyphs\";\nimport { useListbox } from \"../listbox\";\nimport { useControllable } from \"../media\";\n\nexport const combobox = tv({\n  slots: {\n    root: \"relative flex w-full flex-col gap-1.5\",\n    label: \"text-xs font-semibold text-fg-secondary\",\n    control:\n      \"flex min-h-11 w-full flex-wrap items-center gap-1.5 rounded-lg border border-border-default bg-surface-2 py-1.5 pl-2 pr-1 text-sm text-fg \" +\n      \"transition-[border-color,box-shadow] focus-within:border-accent focus-within:ring-2 focus-within:ring-ring \" +\n      \"data-[invalid]:border-danger data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\",\n    input: \"h-8 min-w-24 flex-1 bg-transparent px-1 text-sm text-fg outline-hidden placeholder:text-fg-muted disabled:cursor-not-allowed\",\n    icon:\n      \"inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-fg-secondary hover:bg-surface-3 hover:text-fg \" +\n      \"focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring\",\n    list: \"absolute inset-x-0 top-full z-50 mt-1 max-h-64 overflow-y-auto rounded-lg border border-border-default bg-surface-2 p-1 shadow-lg\",\n    option:\n      \"flex cursor-pointer select-none items-center gap-2.5 rounded-md px-2.5 py-2 text-sm text-fg \" +\n      \"data-[active]:bg-surface-3 aria-disabled:cursor-not-allowed aria-disabled:opacity-40\",\n    check: \"h-4 w-4 shrink-0 text-fg-accent\",\n    description: \"block text-xs text-fg-secondary\",\n    status: \"px-2.5 py-3 text-sm text-fg-secondary\",\n    hint: \"text-xs text-fg-secondary\",\n    error: \"flex items-center gap-1.5 text-xs font-medium text-fg-danger before:h-1.5 before:w-1.5 before:shrink-0 before:rounded-full before:bg-danger\",\n  },\n});\n\nexport type ComboboxOption = {\n  /** What the app stores. */\n  value: string;\n  /** What the person reads, passed translated. */\n  label: string;\n  /** A second line under the label. */\n  description?: string;\n  /** Shown but not choosable. */\n  disabled?: boolean;\n};\n\nexport type ComboboxLabels = {\n  /** No option matches (\"No results\"). */\n  empty: string;\n  /** While `onSearch` runs (\"Searching…\"). */\n  loading: string;\n  /** `onSearch` failed (\"Search unavailable\"). */\n  error: string;\n  /** The option that creates a value: `(query) => \"Create “\" + query + \"”\"`. */\n  create: (query: string) => string;\n  /** A chip's remove button: `(label) => \"Remove \" + label`. */\n  remove: (label: string) => string;\n  /** The button that empties a single choice (\"Clear\"). */\n  clear: string;\n  /** The button that opens the list (\"Show options\"). */\n  toggle: string;\n  /** Announced when the results change: `(n) => n + \" results\"`. */\n  results: (count: number) => string;\n};\n\nexport const comboboxLabels: ComboboxLabels = {\n  empty: \"No results\",\n  loading: \"Searching…\",\n  error: \"Search unavailable\",\n  create: (query) => `Create “${query}”`,\n  remove: (label) => `Remove ${label}`,\n  clear: \"Clear\",\n  toggle: \"Show options\",\n  results: (count) => (count === 1 ? \"1 result\" : `${count} results`),\n};\n\ntype BaseProps = {\n  /** The visible label of the field, passed translated (also its accessible name). */\n  label: string;\n  /** Hides the label visually, keeping it as the accessible name (a search bar with its own context). */\n  hideLabel?: boolean;\n  /** The options, filtered as the person types (by `filter`). */\n  options?: readonly ComboboxOption[];\n  /** Fetches the options for a query (debounced by `debounce`); the `signal` aborts when a newer query starts. */\n  onSearch?: (query: string, signal: AbortSignal) => Promise<readonly ComboboxOption[]>;\n  /** The wait, in ms, between the last key and `onSearch`. Default 250. */\n  debounce?: number;\n  /** Whether an option matches a query. Default: its label contains the query, ignoring case and accents. */\n  filter?: (option: ComboboxOption, query: string) => boolean;\n  /** Offers to create the query as a new value when no option has that exact label. */\n  creatable?: boolean;\n  /** Turns a query into the created option (an id from the server…). Default `{ value: query, label: query }`. */\n  onCreate?: (query: string) => ComboboxOption;\n  /** Keys that create the query at once, as Enter does (`[\",\"]` for tags); a paste is split on them too. */\n  separators?: readonly string[];\n  /** The input's placeholder, passed translated. */\n  placeholder?: string;\n  /** A help text under the field. */\n  hint?: string;\n  /** An error under the field: marks it invalid and is read with it. */\n  error?: string;\n  /** Not available. */\n  disabled?: boolean;\n  /** The name of a hidden input holding the value(s), for a plain `<form>` post. */\n  name?: string;\n  /** The words, passed translated; English by default. */\n  labels?: Partial<ComboboxLabels>;\n  /** Classes merged on the root. */\n  className?: string;\n  /** The id of the text input (default: generated). */\n  id?: string;\n};\n\ntype SingleProps = BaseProps & {\n  /** One value (default) or several. */\n  multiple?: false;\n  /** The chosen option (controlled), `null` for none. */\n  value?: ComboboxOption | null;\n  /** The chosen option at first, uncontrolled. */\n  defaultValue?: ComboboxOption | null;\n  /** Called with the chosen option, or `null` when it is cleared. */\n  onValueChange?: (value: ComboboxOption | null) => void;\n  /** Most options that can be chosen (several values only). */\n  maxSelected?: never;\n};\n\ntype MultipleProps = BaseProps & {\n  /** Several values, shown as chips. */\n  multiple: true;\n  /** The chosen options (controlled). */\n  value?: readonly ComboboxOption[];\n  /** The chosen options at first, uncontrolled. */\n  defaultValue?: readonly ComboboxOption[];\n  /** Called with every chosen option. */\n  onValueChange?: (value: ComboboxOption[]) => void;\n  /** Most options that can be chosen; the list stops offering more past it. */\n  maxSelected?: number;\n};\n\nexport type ComboboxProps = SingleProps | MultipleProps;\n\nconst fold = (text: string) => text.normalize(\"NFD\").replace(/\\p{Diacritic}/gu, \"\").toLowerCase();\nconst defaultFilter = (option: ComboboxOption, query: string) => fold(option.label).includes(fold(query.trim()));\n\ntype Item = { kind: \"option\"; option: ComboboxOption } | { kind: \"create\"; query: string };\n\n/** A text field that suggests, filters and completes: one value or several (chips), static or fetched, creatable. */\nexport function Combobox(props: ComboboxProps) {\n  const {\n    label,\n    hideLabel,\n    options,\n    onSearch,\n    debounce = 250,\n    filter = defaultFilter,\n    creatable,\n    onCreate = (query: string) => ({ value: query, label: query }),\n    separators,\n    placeholder,\n    hint,\n    error,\n    disabled,\n    name,\n    labels: given,\n    className,\n    id: givenId,\n  } = props;\n  const labels = { ...comboboxLabels, ...given };\n  const s = combobox();\n  const autoId = React.useId();\n  const inputId = givenId ?? `${autoId}-input`;\n  const hintId = `${autoId}-hint`;\n  const errorId = `${autoId}-error`;\n  const multiple = props.multiple === true;\n\n  const [values, setValues] = useControllable<readonly ComboboxOption[]>(\n    props.value === undefined ? undefined : multiple ? (props.value as readonly ComboboxOption[]) : props.value ? [props.value as ComboboxOption] : [],\n    multiple ? ((props.defaultValue as readonly ComboboxOption[]) ?? []) : props.defaultValue ? [props.defaultValue as ComboboxOption] : [],\n    (next) => (multiple ? (props.onValueChange as ((v: ComboboxOption[]) => void) | undefined)?.([...next]) : (props.onValueChange as ((v: ComboboxOption | null) => void) | undefined)?.(next[0] ?? null)),\n  );\n  const single = multiple ? null : (values[0] ?? null);\n  const [query, setQuery] = React.useState(single?.label ?? \"\");\n  const [editing, setEditing] = React.useState(false);\n  const [open, setOpenState] = React.useState(false);\n  const [remote, setRemote] = React.useState<{ query: string; options: readonly ComboboxOption[]; state: \"idle\" | \"loading\" | \"error\" }>({ query: \"\", options: [], state: \"idle\" });\n  const request = React.useRef<AbortController | null>(null);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  // The single choice's label shows in the input while the person is not typing.\n  const shownQuery = !multiple && !editing ? (single?.label ?? \"\") : query;\n  const searchQuery = editing ? query : \"\";\n\n  const search = useDebouncedCallback((text: string) => {\n    if (!onSearch) return;\n    request.current?.abort();\n    const controller = new AbortController();\n    request.current = controller;\n    onSearch(text, controller.signal).then(\n      (found) => !controller.signal.aborted && setRemote({ query: text, options: found, state: \"idle\" }),\n      () => !controller.signal.aborted && setRemote({ query: text, options: [], state: \"error\" }),\n    );\n  }, debounce);\n  React.useEffect(() => () => request.current?.abort(), []);\n\n  const setOpen = (next: boolean) => {\n    if (next && onSearch && remote.state === \"idle\" && remote.query !== searchQuery) {\n      setRemote((r) => ({ ...r, state: \"loading\" }));\n      search(searchQuery);\n    }\n    setOpenState(next);\n  };\n\n  const chosen = new Set(values.map((v) => v.value));\n  const source = onSearch ? remote.options : (options ?? []).filter((o) => !searchQuery.trim() || filter(o, searchQuery));\n  const full = multiple && props.maxSelected !== undefined && values.length >= props.maxSelected;\n  const trimmed = searchQuery.trim();\n  const exact = [...source, ...values].some((o) => fold(o.label) === fold(trimmed));\n  const items: Item[] = [\n    ...source.map((option) => ({ kind: \"option\" as const, option })),\n    ...(creatable && trimmed && !exact && !full ? [{ kind: \"create\" as const, query: trimmed }] : []),\n  ];\n  const isDisabled = (i: number) => {\n    const item = items[i];\n    if (!item) return true;\n    if (item.kind === \"create\") return false;\n    return Boolean(item.option.disabled) || (full && !chosen.has(item.option.value));\n  };\n\n  const commit = (option: ComboboxOption) => {\n    if (multiple) {\n      setValues(chosen.has(option.value) ? values.filter((v) => v.value !== option.value) : [...values, option]);\n      setQuery(\"\");\n      listbox.setActive(-1);\n    } else {\n      setValues([option]);\n      setQuery(option.label);\n      setEditing(false);\n      setOpenState(false);\n    }\n  };\n  const create = (text: string) => {\n    const clean = text.trim();\n    if (!clean || full) return;\n    const existing = [...source, ...values].find((o) => fold(o.label) === fold(clean));\n    if (multiple && existing && chosen.has(existing.value)) {\n      setQuery(\"\");\n      return;\n    }\n    commit(existing ?? onCreate(clean));\n  };\n  const pick = (i: number) => {\n    const item = items[i];\n    if (!item) return;\n    if (item.kind === \"create\") create(item.query);\n    else commit(item.option);\n  };\n\n  const listbox = useListbox({ count: items.length, isDisabled, onPick: pick, open, setOpen });\n\n  const onChange = (text: string) => {\n    setQuery(text);\n    setEditing(true);\n    listbox.setActive(-1);\n    if (onSearch) {\n      setRemote((r) => ({ ...r, state: \"loading\" }));\n      search(text);\n    }\n    setOpenState(true);\n    if (!multiple && text === \"\" && single) setValues([]);\n  };\n\n  const onKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (separators?.includes(event.key) && query.trim()) {\n      event.preventDefault();\n      create(query);\n      return;\n    }\n    if (listbox.onKeyDown(event)) return;\n    if (event.key === \"Enter\" && creatable && query.trim()) {\n      event.preventDefault();\n      create(query);\n    } else if (event.key === \"Backspace\" && multiple && query === \"\" && values.length > 0) {\n      setValues(values.slice(0, -1));\n    } else if (event.key === \"Escape\" && !multiple && editing) {\n      setEditing(false);\n      setQuery(single?.label ?? \"\");\n    }\n  };\n\n  const onPaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n    if (!separators?.length || !multiple) return;\n    const text = event.clipboardData.getData(\"text\");\n    const parts = text.split(new RegExp(`[${separators.map((c) => c.replace(/[\\\\\\]^-]/g, \"\\\\$&\")).join(\"\")}\\\\n]`)).map((p) => p.trim()).filter(Boolean);\n    if (parts.length < 2) return;\n    event.preventDefault();\n    const next = [...values];\n    for (const part of parts) {\n      if (props.maxSelected !== undefined && next.length >= props.maxSelected) break;\n      if (next.some((v) => fold(v.label) === fold(part))) continue;\n      next.push((options ?? []).find((o) => fold(o.label) === fold(part)) ?? onCreate(part));\n    }\n    setValues(next);\n  };\n\n  const loading = Boolean(onSearch) && remote.state === \"loading\";\n  const failed = Boolean(onSearch) && remote.state === \"error\";\n  const describedBy = [hint ? hintId : null, error ? errorId : null].filter(Boolean).join(\" \") || undefined;\n\n  return (\n    <div\n      className={s.root({ className })}\n      onBlur={(event) => {\n        if (event.currentTarget.contains(event.relatedTarget as Node | null)) return;\n        setOpenState(false);\n        if (!multiple) {\n          setEditing(false);\n          setQuery(single?.label ?? \"\");\n        }\n      }}\n    >\n      <label htmlFor={inputId} className={hideLabel ? \"sr-only\" : s.label()}>\n        {label}\n      </label>\n      <div className={s.control()} data-invalid={error ? \"\" : undefined} data-disabled={disabled ? \"\" : undefined} onMouseDown={(event) => {\n        if (event.target === event.currentTarget) {\n          event.preventDefault();\n          inputRef.current?.focus();\n        }\n      }}>\n        {multiple &&\n          values.map((option) => (\n            <Chip key={option.value} size=\"sm\" removable removeLabel={labels.remove(option.label)} disabled={disabled} onRemove={() => setValues(values.filter((v) => v.value !== option.value))}>\n              {option.label}\n            </Chip>\n          ))}\n        <input\n          ref={inputRef}\n          id={inputId}\n          type=\"text\"\n          autoComplete=\"off\"\n          spellCheck={false}\n          {...listbox.inputProps}\n          aria-describedby={describedBy}\n          aria-invalid={error ? true : undefined}\n          aria-busy={loading || undefined}\n          value={shownQuery}\n          placeholder={multiple && values.length > 0 ? undefined : placeholder}\n          disabled={disabled}\n          className={s.input()}\n          onChange={(event) => onChange(event.target.value)}\n          onKeyDown={onKeyDown}\n          onPaste={onPaste}\n          onClick={() => !open && setOpen(true)}\n        />\n        {!multiple && single && !disabled ? (\n          <button type=\"button\" aria-label={labels.clear} className={s.icon()} onClick={() => {\n            setValues([]);\n            setQuery(\"\");\n            inputRef.current?.focus();\n          }}>\n            <CloseGlyph className=\"h-4 w-4\" />\n          </button>\n        ) : null}\n        <button type=\"button\" tabIndex={-1} aria-label={labels.toggle} aria-expanded={open} aria-controls={listbox.listId} disabled={disabled} className={s.icon()} onClick={() => {\n          setOpen(!open);\n          inputRef.current?.focus();\n        }}>\n          <ChevronGlyph direction={open ? \"up\" : \"down\"} className=\"h-4 w-4\" />\n        </button>\n      </div>\n      {name && values.map((v) => <input key={v.value} type=\"hidden\" name={name} value={v.value} />)}\n      <div id={listbox.listId} role=\"listbox\" aria-label={label} aria-multiselectable={multiple || undefined} hidden={!open || (items.length === 0 && !loading && !failed && !labels.empty)} className={s.list()}>\n        {open && loading && items.length === 0 ? <div className={s.status()}>{labels.loading}</div> : null}\n        {open && failed ? <div className={s.status()}>{labels.error}</div> : null}\n        {open && !loading && !failed && items.length === 0 && labels.empty ? <div className={s.status()}>{labels.empty}</div> : null}\n        {open &&\n          items.map((item, i) =>\n            item.kind === \"create\" ? (\n              <div key=\"__create\" {...listbox.optionProps(i, false)} className={s.option()}>\n                <PlusGlyph className={s.check()} />\n                {labels.create(item.query)}\n              </div>\n            ) : (\n              <div key={item.option.value} {...listbox.optionProps(i, chosen.has(item.option.value))} className={s.option()}>\n                <span className=\"flex h-4 w-4 shrink-0 items-center justify-center\">{chosen.has(item.option.value) ? <CheckGlyph className={s.check()} /> : null}</span>\n                <span className=\"min-w-0 flex-1\">\n                  {item.option.label}\n                  {item.option.description ? <span className={s.description()}>{item.option.description}</span> : null}\n                </span>\n              </div>\n            ),\n          )}\n      </div>\n      <span className=\"sr-only\" aria-live=\"polite\" aria-atomic>\n        {open && !loading ? labels.results(items.length) : \"\"}\n      </span>\n      {hint ? (\n        <p id={hintId} className={s.hint()}>\n          {hint}\n        </p>\n      ) : null}\n      {error ? (\n        <p id={errorId} className={s.error()}>\n          {error}\n        </p>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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","names":["query"]}

package/dist/chunk-D3T54RSL.js

@@ -0,0 +1,11 @@
+"use client";
+
+// src/recipes/define.ts
+function defineRecipe(config) {
+  return config;
+}
+
+export {
+  defineRecipe
+};
+//# sourceMappingURL=chunk-D3T54RSL.js.map

package/dist/chunk-D3T54RSL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/recipes/define.ts"],"sourcesContent":["import type { TV } from \"tailwind-variants\";\n\n/** What a recipe is made of: the `tv()` options — `base`, `slots`, `variants`, `defaultVariants`, `compoundVariants`. */\nexport type RecipeConfig = Parameters<TV>[0];\n\n/**\n * A recipe is data: the variants of a component (a `variant`, a `size`, a `tone`…) as classes of the Krizaka tokens.\n * `defineRecipe` only keeps the literal types, so `tv(recipe)` is typed exactly as `tv({ … })` would be (the web side) and\n * `nativeRecipe(recipe)` reads the same classes into styles on the theme's roles (the native side, `./native`).\n *\n * Sizes are a variant dimension (`size: { sm: \"h-8 px-3 text-xs\" }`); states are the prefixes (`hover:`, `disabled:`,\n * `data-[state=on]:`). Write colours as roles (`bg-accent`, `text-fg-secondary`, `border-border-default`, `ring-accent/40`),\n * spacing as Tailwind units (`h-10`, `px-4`), type as `text-sm` / `text-[11px]` / `font-semibold`.\n */\nexport function defineRecipe<const C extends RecipeConfig>(config: C): C {\n  return config;\n}\n"],"mappings":";;;AAcO,SAAS,aAA2C,QAAc;AACvE,SAAO;AACT;","names":[]}

package/dist/{chunk-ZKVQGXLD.js → chunk-FKBHWS4N.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Chip
-} from "./chunk-YH4LMWRU.js";
+} from "./chunk-7UCPGXKN.js";
 import {
   floating
 } from "./chunk-J3NC6ER4.js";
@@ -156,4 +156,4 @@ export {
   readFilterParams,
   writeFilterParams
 };
-//# sourceMappingURL=chunk-ZKVQGXLD.js.map
+//# sourceMappingURL=chunk-FKBHWS4N.js.map

package/dist/{chunk-BRKMQ6JV.js → chunk-FZBWEDQI.js}

@@ -41,27 +41,6 @@ function useInView(ref, onChange, enabled = true, threshold = 0.25) {
     return () => observer.disconnect();
   }, [ref, enabled, threshold, latest]);
 }
-function useDebouncedCallback(callback, delay) {
-  const latest = useLatest(callback);
-  const [debounced] = React.useState(() => {
-    let timer;
-    let wait = delay;
-    const run = (...args) => {
-      clearTimeout(timer);
-      if (wait <= 0) latest.current(...args);
-      else timer = setTimeout(() => latest.current(...args), wait);
-    };
-    return Object.assign(run, {
-      cancel: () => clearTimeout(timer),
-      setDelay: (next) => {
-        wait = next;
-      }
-    });
-  });
-  React.useEffect(() => debounced.setDelay(delay), [debounced, delay]);
-  React.useEffect(() => () => debounced.cancel(), [debounced]);
-  return debounced;
-}
 function useControllable(value, defaultValue, onChange) {
   const [inner, setInner] = React.useState(defaultValue);
   const controlled = value !== void 0;
@@ -89,8 +68,7 @@ export {
   usePrefersReducedMotion,
   useLatest,
   useInView,
-  useDebouncedCallback,
   useControllable,
   playSafely
 };
-//# sourceMappingURL=chunk-BRKMQ6JV.js.map
+//# sourceMappingURL=chunk-FZBWEDQI.js.map

package/dist/chunk-FZBWEDQI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/media.ts"],"sourcesContent":["// Shared by the data and media primitives (client): the clock format, the reduced-motion preference, the\n// in-view observer, a debounced callback. Never an entry of its own.\nimport * as React from \"react\";\n\n/** Seconds as a clock: `75` → `1:15`, `3725` → `1:02:05`. Negative or unknown values read `0:00`. */\nexport function formatClock(seconds: number): string {\n  const s = Number.isFinite(seconds) && seconds > 0 ? Math.floor(seconds) : 0;\n  const h = Math.floor(s / 3600);\n  const m = Math.floor((s % 3600) / 60);\n  const rest = String(s % 60).padStart(2, \"0\");\n  return h > 0 ? `${h}:${String(m).padStart(2, \"0\")}:${rest}` : `${m}:${rest}`;\n}\n\n/** Clamps `value` between `min` and `max`. */\nexport const clamp = (value: number, min: number, max: number) => Math.min(max, Math.max(min, value));\n\nconst REDUCE = \"(prefers-reduced-motion: reduce)\";\nconst subscribeReduce = (notify: () => void) => {\n  if (typeof window === \"undefined\" || !window.matchMedia) return () => undefined;\n  const query = window.matchMedia(REDUCE);\n  query.addEventListener?.(\"change\", notify);\n  return () => query.removeEventListener?.(\"change\", notify);\n};\n\n/** `true` when the person asked for less motion (`prefers-reduced-motion: reduce`); follows a change of the setting. */\nexport function usePrefersReducedMotion(): boolean {\n  return React.useSyncExternalStore(\n    subscribeReduce,\n    () => (typeof window !== \"undefined\" && window.matchMedia ? window.matchMedia(REDUCE).matches : false),\n    () => false,\n  );\n}\n\n/** The latest value of a callback, for an effect or an event that must not re-subscribe when it changes. */\nexport function useLatest<T>(value: T) {\n  const ref = React.useRef(value);\n  React.useLayoutEffect(() => {\n    ref.current = value;\n  });\n  return ref;\n}\n\n/** Calls `onChange(visible)` when at least `threshold` of the element enters or leaves the viewport. */\nexport function useInView(ref: React.RefObject<Element | null>, onChange: (visible: boolean) => void, enabled = true, threshold = 0.25) {\n  const latest = useLatest(onChange);\n  React.useEffect(() => {\n    const element = ref.current;\n    if (!enabled || !element || typeof IntersectionObserver === \"undefined\") return;\n    const observer = new IntersectionObserver(([entry]) => entry && latest.current(entry.isIntersecting), { threshold });\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [ref, enabled, threshold, latest]);\n}\n\n/** A value controlled by a prop when it is given, held inside otherwise; `set` calls `onChange` either way. */\nexport function useControllable<T>(value: T | undefined, defaultValue: T, onChange?: (next: T) => void) {\n  const [inner, setInner] = React.useState(defaultValue);\n  const controlled = value !== undefined;\n  const current = controlled ? value : inner;\n  const set = React.useCallback(\n    (next: T) => {\n      if (!controlled) setInner(next);\n      onChange?.(next);\n    },\n    [controlled, onChange],\n  );\n  return [current, set] as const;\n}\n\n/** Starts a media element without an unhandled rejection (autoplay refused, the source replaced meanwhile). */\nexport function playSafely(media: HTMLMediaElement | null | undefined) {\n  try {\n    const started = media?.play() as Promise<void> | undefined;\n    started?.catch?.(() => undefined);\n  } catch {\n    // Not playable here (no media support): the controls stay as they are.\n  }\n}\n"],"mappings":";;;AAEA,YAAY,WAAW;AAGhB,SAAS,YAAY,SAAyB;AACnD,QAAM,IAAI,OAAO,SAAS,OAAO,KAAK,UAAU,IAAI,KAAK,MAAM,OAAO,IAAI;AAC1E,QAAM,IAAI,KAAK,MAAM,IAAI,IAAI;AAC7B,QAAM,IAAI,KAAK,MAAO,IAAI,OAAQ,EAAE;AACpC,QAAM,OAAO,OAAO,IAAI,EAAE,EAAE,SAAS,GAAG,GAAG;AAC3C,SAAO,IAAI,IAAI,GAAG,CAAC,IAAI,OAAO,CAAC,EAAE,SAAS,GAAG,GAAG,CAAC,IAAI,IAAI,KAAK,GAAG,CAAC,IAAI,IAAI;AAC5E;AAGO,IAAM,QAAQ,CAAC,OAAe,KAAa,QAAgB,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,CAAC;AAEpG,IAAM,SAAS;AACf,IAAM,kBAAkB,CAAC,WAAuB;AAC9C,MAAI,OAAO,WAAW,eAAe,CAAC,OAAO,WAAY,QAAO,MAAM;AACtE,QAAM,QAAQ,OAAO,WAAW,MAAM;AACtC,QAAM,mBAAmB,UAAU,MAAM;AACzC,SAAO,MAAM,MAAM,sBAAsB,UAAU,MAAM;AAC3D;AAGO,SAAS,0BAAmC;AACjD,SAAa;AAAA,IACX;AAAA,IACA,MAAO,OAAO,WAAW,eAAe,OAAO,aAAa,OAAO,WAAW,MAAM,EAAE,UAAU;AAAA,IAChG,MAAM;AAAA,EACR;AACF;AAGO,SAAS,UAAa,OAAU;AACrC,QAAM,MAAY,aAAO,KAAK;AAC9B,EAAM,sBAAgB,MAAM;AAC1B,QAAI,UAAU;AAAA,EAChB,CAAC;AACD,SAAO;AACT;AAGO,SAAS,UAAU,KAAsC,UAAsC,UAAU,MAAM,YAAY,MAAM;AACtI,QAAM,SAAS,UAAU,QAAQ;AACjC,EAAM,gBAAU,MAAM;AACpB,UAAM,UAAU,IAAI;AACpB,QAAI,CAAC,WAAW,CAAC,WAAW,OAAO,yBAAyB,YAAa;AACzE,UAAM,WAAW,IAAI,qBAAqB,CAAC,CAAC,KAAK,MAAM,SAAS,OAAO,QAAQ,MAAM,cAAc,GAAG,EAAE,UAAU,CAAC;AACnH,aAAS,QAAQ,OAAO;AACxB,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,KAAK,SAAS,WAAW,MAAM,CAAC;AACtC;AAGO,SAAS,gBAAmB,OAAsB,cAAiB,UAA8B;AACtG,QAAM,CAAC,OAAO,QAAQ,IAAU,eAAS,YAAY;AACrD,QAAM,aAAa,UAAU;AAC7B,QAAM,UAAU,aAAa,QAAQ;AACrC,QAAM,MAAY;AAAA,IAChB,CAAC,SAAY;AACX,UAAI,CAAC,WAAY,UAAS,IAAI;AAC9B,iBAAW,IAAI;AAAA,IACjB;AAAA,IACA,CAAC,YAAY,QAAQ;AAAA,EACvB;AACA,SAAO,CAAC,SAAS,GAAG;AACtB;AAGO,SAAS,WAAW,OAA4C;AACrE,MAAI;AACF,UAAM,UAAU,OAAO,KAAK;AAC5B,aAAS,QAAQ,MAAM,MAAS;AAAA,EAClC,QAAQ;AAAA,EAER;AACF;","names":[]}

package/dist/{chunk-HCNOOPZE.js → chunk-KVDB4GXV.js}

@@ -2,7 +2,7 @@
 import {
   useLatest,
   usePrefersReducedMotion
-} from "./chunk-BRKMQ6JV.js";
+} from "./chunk-FZBWEDQI.js";
 
 // src/virtual/virtual.tsx
 import {
@@ -207,4 +207,4 @@ export {
   columnsFor,
   VirtualGrid
 };
-//# sourceMappingURL=chunk-HCNOOPZE.js.map
+//# sourceMappingURL=chunk-KVDB4GXV.js.map

package/dist/{chunk-RUPNPMP3.js → chunk-OWC2LZD2.js}

@@ -1,4 +1,7 @@
 "use client";
+import {
+  defineRecipe
+} from "./chunk-D3T54RSL.js";
 import {
   LoaderGlyph
 } from "./chunk-WEVYKZIF.js";
@@ -6,8 +9,9 @@ import {
 // src/button/button.tsx
 import { Slot } from "radix-ui";
 import { tv } from "tailwind-variants";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var buttonVariants = tv({
+
+// src/button/recipe.ts
+var buttonRecipe = defineRecipe({
   base: "inline-flex shrink-0 select-none items-center justify-center gap-2 whitespace-nowrap font-semibold transition-all focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-surface-0 disabled:pointer-events-none disabled:opacity-40 data-loading:cursor-progress active:scale-[0.98] [&[data-loading]]:opacity-100",
   variants: {
     variant: {
@@ -28,6 +32,10 @@ var buttonVariants = tv({
   },
   defaultVariants: { variant: "secondary", size: "md", shape: "rounded" }
 });
+
+// src/button/button.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var buttonVariants = tv(buttonRecipe);
 var STATUS_TEXT = { success: "text-fg-success", error: "text-fg-danger" };
 function Button({
   asChild,
@@ -100,4 +108,4 @@ export {
   Button,
   IconButton
 };
-//# sourceMappingURL=chunk-RUPNPMP3.js.map
+//# sourceMappingURL=chunk-OWC2LZD2.js.map

package/dist/chunk-OWC2LZD2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button/button.tsx","../src/button/recipe.ts"],"sourcesContent":["// Server-safe: no hook, no context. `buttonVariants` styles a <Link> or a Server Component without the component.\nimport { Slot } from \"radix-ui\";\nimport type * as React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport { LoaderGlyph } from \"../spinner/glyph\";\nimport { buttonRecipe } from \"./recipe\";\n\nexport const buttonVariants = tv(buttonRecipe);\n\nexport type ButtonVariants = VariantProps<typeof buttonVariants>;\n\nexport type ButtonProps = React.ComponentProps<\"button\"> &\n  ButtonVariants & {\n    /**\n     * The look: `primary` (the accent), `gradient` (accent → accent-2), `secondary` (a raised surface), `outline`,\n     * `ghost`, `danger`.\n     * @default \"secondary\"\n     */\n    variant?: ButtonVariants[\"variant\"];\n    /**\n     * sm · md · lg, or `icon` (a square).\n     * @default \"md\"\n     */\n    size?: ButtonVariants[\"size\"];\n    /**\n     * rounded · pill · cut (45° corners, the Krizaka chamfer).\n     * @default \"rounded\"\n     */\n    shape?: ButtonVariants[\"shape\"];\n    /** Renders the child (e.g. a <Link>) instead of the <button>, with props, classes and ref merged. */\n    asChild?: boolean;\n    /**\n     * Disables and signals the wait (aria-busy, data-loading) and shows the Krizaka loader glyph before the label; the\n     * button keeps its colour.\n     */\n    loading?: boolean;\n    /**\n     * Between 0 and 1, while `loading`: the glyph's trace and a light fill across the button grow to the value (an\n     * upload, an export).\n     */\n    progress?: number | null;\n    /**\n     * How the action ended: `success` draws a check, `error` a cross (and the button shakes its head once); a ring of\n     * the status colour opens around it. Clear it to return to rest.\n     */\n    status?: \"success\" | \"error\" | null;\n    /** A message announced politely by assistive technology when it changes (“Saved”, “Upload failed”) — passed translated. */\n    announce?: string;\n    /**\n     * Shows the glyph while `loading` / with a `status`. `false`: you draw your own.\n     * @default true\n     */\n    indicator?: boolean;\n    /** A sheen of light crosses the button on hover — for the one action a page is about. */\n    shimmer?: boolean;\n    /** The button leans a few pixels toward a fine pointer (driven by `MotionObserver`; never under reduced motion or on touch). */\n    magnetic?: boolean;\n  };\n\nconst STATUS_TEXT = { success: \"text-fg-success\", error: \"text-fg-danger\" } as const;\n\nexport function Button({\n  asChild,\n  loading,\n  progress,\n  status,\n  announce,\n  indicator = true,\n  shimmer,\n  magnetic,\n  variant,\n  size,\n  shape,\n  className,\n  disabled,\n  children,\n  ...props\n}: ButtonProps) {\n  const Comp = asChild ? Slot.Root : \"button\";\n  const known = loading && typeof progress === \"number\" && Number.isFinite(progress);\n  const ratio = known ? Math.min(1, Math.max(0, progress)) : 0;\n  const glyph = indicator && !asChild && (loading || status) ? (status ?? \"loading\") : null;\n  // On a filled variant the glyph stays in the label's colour; on the others it takes the status colour.\n  const filled = variant === \"primary\" || variant === \"gradient\";\n  const button = (\n    <Comp\n      type={asChild ? undefined : \"button\"}\n      aria-busy={loading || undefined}\n      data-loading={loading ? \"\" : undefined}\n      data-variant={variant ?? \"secondary\"}\n      data-kz-status={status ?? undefined}\n      data-kz-magnetic={magnetic ? \"\" : undefined}\n      disabled={asChild ? undefined : disabled || loading}\n      aria-disabled={asChild && (disabled || loading) ? true : undefined}\n      className={buttonVariants({\n        variant,\n        size,\n        shape,\n        className: [known && \"relative isolate overflow-hidden\", shimmer && \"kz-sheen\", className].filter(Boolean).join(\" \") || undefined,\n      })}\n      {...props}\n    >\n      {asChild ? (\n        children\n      ) : (\n        <>\n          {known && (\n            <span aria-hidden className=\"absolute inset-y-0 left-0 -z-10 bg-current opacity-15 transition-[width] duration-500\" style={{ width: `${ratio * 100}%` }} />\n          )}\n          {glyph && (\n            <span\n              aria-hidden\n              data-slot=\"indicator\"\n              className=\"-my-1 grid grid-cols-[1fr] transition-[grid-template-columns,margin,opacity] duration-300 starting:-mr-2 starting:grid-cols-[0fr] starting:opacity-0\"\n            >\n              <span className=\"overflow-hidden\">\n                <LoaderGlyph state={glyph} value={known ? ratio : null} className={[\"h-4 w-4\", glyph !== \"loading\" && !filled && STATUS_TEXT[glyph]].filter(Boolean).join(\" \")} />\n              </span>\n            </span>\n          )}\n          {children}\n        </>\n      )}\n    </Comp>\n  );\n  if (announce === undefined || asChild) return button;\n  return (\n    <>\n      {button}\n      <span role=\"status\" className=\"sr-only\">\n        {announce}\n      </span>\n    </>\n  );\n}\n\nexport type IconButtonProps = Omit<ButtonProps, \"size\"> & {\n  /** The accessible name (and tooltip) of the button — required, passed translated. */\n  label: string;\n  /**\n   * sm · md · lg, or `icon` (a square).\n   * @default \"icon\"\n   */\n  size?: ButtonProps[\"size\"];\n};\n\n/** An icon-only button: `label` is required, it is its accessible name. Loading or with a status, the glyph takes the icon's place. */\nexport function IconButton({ label, size = \"icon\", children, ...props }: IconButtonProps) {\n  const swap = props.indicator !== false && !props.asChild && (props.loading || props.status);\n  return (\n    <Button aria-label={label} title={label} size={size} {...props}>\n      {swap ? null : children}\n    </Button>\n  );\n}\n","// The button's variants, written once as classes of the Krizaka tokens: the web wears them with `tv(buttonRecipe)`\n// (button.tsx), React Native reads the same classes into styles (native/button.tsx, `nativeRecipe`).\nimport { defineRecipe } from \"../recipes/define\";\n\nexport const buttonRecipe = defineRecipe({\n  base:\n    \"inline-flex shrink-0 select-none items-center justify-center gap-2 whitespace-nowrap font-semibold transition-all \" +\n    \"focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-surface-0 \" +\n    \"disabled:pointer-events-none disabled:opacity-40 data-loading:cursor-progress active:scale-[0.98] \" +\n    // Busy is not unavailable: a loading button keeps its colour (it is disabled only so it is not pressed twice).\n    \"[&[data-loading]]:opacity-100\",\n  variants: {\n    variant: {\n      primary: \"bg-accent text-on-accent shadow-sm hover:bg-accent-hover\",\n      // The brand's signature: accent → accent-2 (on-accent reads on both stops, tested in @krizaka/tokens).\n      gradient: \"bg-linear-to-r from-accent to-accent-2 text-on-accent shadow-sm hover:brightness-110\",\n      secondary: \"border border-border-default bg-surface-2 text-fg hover:border-border-strong hover:bg-surface-3\",\n      outline: \"border border-border-default bg-transparent text-fg hover:border-accent hover:text-fg-accent\",\n      ghost: \"text-fg-secondary hover:bg-surface-2 hover:text-fg\",\n      // The border and the tint carry the danger; the label stays the primary text role, legible on the tint at rest\n      // and hovered over every surface (`text-fg-danger` is for text set directly on a surface).\n      danger: \"border border-danger/50 bg-danger/10 text-fg hover:border-danger hover:bg-danger/20\",\n    },\n    size: { sm: \"h-8 px-3 text-xs\", md: \"h-10 px-4 text-sm\", lg: \"h-12 px-6 text-sm\", icon: \"h-10 w-10\" },\n    // `cut`: the Krizaka chamfer — 45° corners (CSS corner-shape, where supported; rounded elsewhere). The border, the\n    // focus ring and the hover follow the cut, unlike a clip-path.\n    shape: { rounded: \"rounded-lg\", pill: \"rounded-full\", cut: \"rounded-[10px] [corner-shape:bevel]\" },\n  },\n  defaultVariants: { variant: \"secondary\", size: \"md\", shape: \"rounded\" },\n});\n"],"mappings":"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","names":[]}

package/dist/{chunk-FDCMBWUU.js → chunk-REPTKUJ6.js}

@@ -3,15 +3,15 @@ import {
   useListbox
 } from "./chunk-ZIXB33X7.js";
 import {
-  useControllable,
-  useDebouncedCallback
-} from "./chunk-BRKMQ6JV.js";
+  useControllable
+} from "./chunk-FZBWEDQI.js";
 import {
   CloseGlyph,
   SearchGlyph
 } from "./chunk-CPA5CF35.js";
 
 // src/search-field/search-field.tsx
+import { useDebouncedCallback } from "@krizaka/pacer/react";
 import * as React from "react";
 import { tv as tv2 } from "tailwind-variants";
 
@@ -165,4 +165,4 @@ export {
   searchField,
   SearchField
 };
-//# sourceMappingURL=chunk-FDCMBWUU.js.map
+//# sourceMappingURL=chunk-REPTKUJ6.js.map

package/dist/chunk-REPTKUJ6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/search-field/search-field.tsx","../src/kbd/kbd.tsx"],"sourcesContent":["// Client. A search input (`type=\"search\"` inside a `role=\"search\"` landmark when it stands alone): a leading glyph,\n// a clear button, a global shortcut that focuses it (⌘K on Apple devices, Ctrl+K elsewhere, shown as `Kbd`), and\n// optional suggestions through the shared combobox engine. `onSearch` is debounced; Enter submits.\nimport { useDebouncedCallback } from \"@krizaka/pacer/react\";\nimport * as React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nimport { CloseGlyph, SearchGlyph } from \"../glyphs\";\nimport { Kbd } from \"../kbd\";\nimport { useListbox } from \"../listbox\";\nimport { useControllable } from \"../media\";\n\nexport const searchField = tv({\n  slots: {\n    root: \"relative w-full\",\n    control:\n      \"flex h-11 w-full items-center gap-2 rounded-lg border border-border-default bg-surface-2 pl-3 pr-1.5 text-sm text-fg \" +\n      \"transition-[border-color,box-shadow] focus-within:border-accent focus-within:ring-2 focus-within:ring-ring\",\n    icon: \"h-4 w-4 shrink-0 text-fg-secondary\",\n    input:\n      \"h-full min-w-0 flex-1 bg-transparent text-sm text-fg outline-hidden placeholder:text-fg-muted \" +\n      \"[&::-webkit-search-cancel-button]:appearance-none\",\n    clear:\n      \"inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-fg-secondary hover:bg-surface-3 hover:text-fg \" +\n      \"focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring\",\n    shortcut: \"hidden shrink-0 items-center gap-0.5 pr-1 sm:flex\",\n    list: \"absolute inset-x-0 top-full z-50 mt-1 max-h-72 overflow-y-auto rounded-lg border border-border-default bg-surface-2 p-1 shadow-lg\",\n    option: \"flex cursor-pointer select-none items-center gap-2.5 rounded-md px-2.5 py-2 text-sm text-fg data-[active]:bg-surface-3\",\n    group: \"px-2.5 pb-1 pt-2 text-[11px] font-semibold uppercase text-fg-muted\",\n  },\n  variants: {\n    size: { md: {}, sm: { control: \"h-9\", clear: \"h-7 w-7\" } },\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport type SearchSuggestion = {\n  /** What `onSuggestionSelect` receives. */\n  value: string;\n  /** What the person reads. */\n  label: string;\n  /** A small text on the right (\"Creator\", \"12 videos\"). */\n  meta?: string;\n};\n\nexport type SearchFieldProps = Omit<React.ComponentProps<\"input\">, \"value\" | \"defaultValue\" | \"onChange\" | \"onSubmit\" | \"size\" | \"type\"> & {\n  /** The accessible name of the input (\"Search videos\"), passed translated. */\n  label: string;\n  /** The query (controlled). */\n  value?: string;\n  /** The query at first, uncontrolled. */\n  defaultValue?: string;\n  /** Called on every key with the query. */\n  onValueChange?: (query: string) => void;\n  /** Called with the query once typing pauses (`debounce` ms): fetch the results here. */\n  onSearch?: (query: string) => void;\n  /** The pause, in ms, before `onSearch`. Default 250. */\n  debounce?: number;\n  /** Called on Enter (no suggestion active) with the query: go to the results page. */\n  onSubmit?: (query: string) => void;\n  /** The global key that focuses the field with ⌘ / Ctrl (`\"k\"`), or `false` for none. Default `false`. */\n  shortcut?: string | false;\n  /** Suggestions under the field (recent searches, completions). */\n  suggestions?: readonly SearchSuggestion[];\n  /** A title above the suggestions (\"Recent searches\"). */\n  suggestionsLabel?: string;\n  /** Called with a suggestion picked (Enter on it, or a click). */\n  onSuggestionSelect?: (suggestion: SearchSuggestion) => void;\n  /** The clear button's name (\"Clear search\"), passed translated. */\n  clearLabel?: string;\n  /** Wraps the field in a `role=\"search\"` landmark (default) — `false` inside a form that already is one. */\n  landmark?: boolean;\n  /** md (default) · sm. */\n  size?: \"md\" | \"sm\";\n};\n\nconst isApple = () => typeof navigator !== \"undefined\" && /Mac|iPhone|iPad/.test(navigator.platform || navigator.userAgent);\n\n/** A search box: clear, shortcut, debounced search, submit on Enter, suggestions with the keyboard. */\nexport function SearchField({\n  label,\n  value: valueProp,\n  defaultValue = \"\",\n  onValueChange,\n  onSearch,\n  debounce = 250,\n  onSubmit,\n  shortcut = false,\n  suggestions,\n  suggestionsLabel,\n  onSuggestionSelect,\n  clearLabel = \"Clear search\",\n  landmark = true,\n  size,\n  className,\n  placeholder,\n  ...props\n}: SearchFieldProps) {\n  const s = searchField({ size });\n  const [value, setValue] = useControllable(valueProp, defaultValue, onValueChange);\n  const [open, setOpen] = React.useState(false);\n  const [apple, setApple] = React.useState(false);\n  const input = React.useRef<HTMLInputElement>(null);\n  const search = useDebouncedCallback((query: string) => onSearch?.(query), debounce);\n  const list = suggestions ?? [];\n\n  const pick = (i: number) => {\n    const suggestion = list[i];\n    if (!suggestion) return;\n    setOpen(false);\n    onSuggestionSelect?.(suggestion);\n  };\n  const listbox = useListbox({ count: list.length, onPick: pick, open: open && list.length > 0, setOpen });\n\n  React.useEffect(() => {\n    if (!shortcut) return;\n    // eslint-disable-next-line react-hooks/set-state-in-effect -- the platform is only known in the browser (no hydration mismatch)\n    setApple(isApple());\n    const onKey = (event: KeyboardEvent) => {\n      if (event.key.toLowerCase() === shortcut.toLowerCase() && (event.metaKey || event.ctrlKey) && !event.altKey) {\n        event.preventDefault();\n        input.current?.focus();\n        input.current?.select();\n      }\n    };\n    window.addEventListener(\"keydown\", onKey);\n    return () => window.removeEventListener(\"keydown\", onKey);\n  }, [shortcut]);\n\n  const change = (query: string) => {\n    setValue(query);\n    search(query);\n    listbox.setActive(-1);\n    setOpen(true);\n  };\n\n  const field = (\n    <div className={s.root({ className })} onBlur={(event) => !event.currentTarget.contains(event.relatedTarget as Node | null) && setOpen(false)}>\n      <div className={s.control()}>\n        <SearchGlyph className={s.icon()} />\n        <input\n          ref={input}\n          type=\"search\"\n          aria-label={label}\n          enterKeyHint=\"search\"\n          autoComplete=\"off\"\n          {...(list.length > 0 ? listbox.inputProps : {})}\n          value={value}\n          placeholder={placeholder}\n          className={s.input()}\n          onChange={(event) => change(event.target.value)}\n          onFocus={() => setOpen(true)}\n          onKeyDown={(event) => {\n            if (list.length > 0 && listbox.onKeyDown(event)) return;\n            if (event.key === \"Enter\") {\n              event.preventDefault();\n              search.cancel();\n              onSearch?.(value);\n              onSubmit?.(value);\n              setOpen(false);\n            } else if (event.key === \"Escape\" && value) {\n              event.preventDefault();\n              change(\"\");\n            }\n          }}\n          {...props}\n        />\n        {value ? (\n          <button\n            type=\"button\"\n            aria-label={clearLabel}\n            className={s.clear()}\n            onClick={() => {\n              change(\"\");\n              input.current?.focus();\n            }}\n          >\n            <CloseGlyph className=\"h-4 w-4\" />\n          </button>\n        ) : shortcut ? (\n          <span className={s.shortcut()} aria-hidden>\n            <Kbd size=\"sm\">{apple ? \"⌘\" : \"Ctrl\"}</Kbd>\n            <Kbd size=\"sm\">{shortcut.toUpperCase()}</Kbd>\n          </span>\n        ) : null}\n      </div>\n      {list.length > 0 && (\n        <div hidden={!open} className={s.list()}>\n          {suggestionsLabel ? (\n            <div aria-hidden className={s.group()}>\n              {suggestionsLabel}\n            </div>\n          ) : null}\n          <div id={listbox.listId} role=\"listbox\" aria-label={suggestionsLabel ?? label}>\n            {list.map((suggestion, i) => (\n              <div key={suggestion.value} {...listbox.optionProps(i, false)} className={s.option()}>\n                <SearchGlyph className=\"h-3.5 w-3.5 shrink-0 text-fg-muted\" />\n                <span className=\"min-w-0 flex-1 truncate\">{suggestion.label}</span>\n                {suggestion.meta ? <span className=\"shrink-0 text-xs text-fg-secondary\">{suggestion.meta}</span> : null}\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n  return landmark ? <div role=\"search\">{field}</div> : field;\n}\n","// Server-safe. A key, or a shortcut of several (`<Kbd>⌘</Kbd><Kbd>K</Kbd>`).\nimport type * as React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nexport const kbdVariants = tv({\n  base:\n    \"inline-flex shrink-0 items-center justify-center rounded-md border border-border-default border-b-2 bg-surface-2 \" +\n    \"font-mono font-semibold text-fg-secondary\",\n  variants: { size: { sm: \"h-5 min-w-5 px-1 text-[10px]\", md: \"h-6 min-w-6 px-1.5 text-xs\" } },\n  defaultVariants: { size: \"md\" },\n});\n\nexport type KbdProps = React.ComponentProps<\"kbd\"> & {\n  /**\n   * sm · md.\n   * @default \"md\"\n   */\n  size?: VariantProps<typeof kbdVariants>[\"size\"];\n};\n\nexport function Kbd({ size, className, ...props }: KbdProps) {\n  return <kbd className={kbdVariants({ size, className })} {...props} />;\n}\n"],"mappings":"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","names":["tv","jsx","tv"]}

package/dist/{chunk-JZPVUJIX.js → chunk-UB2BI3AW.js}

@@ -293,4 +293,4 @@ export {
   MASCOT_MOODS,
   Mascot
 };
-//# sourceMappingURL=chunk-JZPVUJIX.js.map
+//# sourceMappingURL=chunk-UB2BI3AW.js.map

package/dist/{chunk-JZPVUJIX.js.map → chunk-UB2BI3AW.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/mascots/geometry.ts","../src/mascots/mascot.tsx"],"sourcesContent":["/**\n * The Krizaka flock — the geometry of the mascots, drawn by the web `Mascot` (`./mascot.tsx`) and the native one\n * (`../native/mascots.tsx`). Five birds that have carried the Krizaka story since the first site (the sentry falcon,\n * the owl that reads, the developer duck, the flamingo that answers, the carrier pigeon), the lovebird that\n * introduces (2026-10, with Yazakia: \"l'inséparable présente\") and the crane that listens (2026-10, with Yororis:\n * \"la grue écoute\"), redrawn on one 120 × 120 grid so that any bird can wear any mood.\n *\n * Colours are roles, never fixed: `brand` (the default) paints a bird in the host's accent (`--kz-accent`,\n * `--kz-accent-2`), so the same falcon is blue on krizaka.com, orange in Orazaka and violet in Orochia; `own` gives\n * each bird the signature palette it has in the Krizaka story (the brand layer's exception, like the marks). Shades\n * and highlights are black and white at a low opacity over the role, so they hold in both themes.\n */\n\nexport const MASCOT_BIRDS = [\"falcon\", \"owl\", \"duck\", \"flamingo\", \"pigeon\", \"lovebird\", \"crane\"] as const;\nexport type MascotBird = (typeof MASCOT_BIRDS)[number];\n\nexport const MASCOT_MOODS = [\"welcome\", \"thinking\", \"success\", \"empty\", \"error\"] as const;\nexport type MascotMood = (typeof MASCOT_MOODS)[number];\n\nexport type MascotTone = \"brand\" | \"own\";\n\ntype Point = readonly [number, number];\n\nexport interface BirdGeometry {\n  /** The ground shadow: centre x, y and radii. */\n  readonly shadow: readonly [number, number, number, number];\n  /** Legs and feet, stroked in the beak colour. */\n  readonly legs: readonly string[];\n  /** Drawn behind the body (tail, parcel strings). */\n  readonly back?: readonly string[];\n  readonly body: string;\n  readonly belly: string;\n  /** Left then right wing, and the point each one turns around. */\n  readonly wings: readonly [{ readonly d: string; readonly pivot: Point }, { readonly d: string; readonly pivot: Point }];\n  /** A neck, stroked in the body colour with this width (the flamingo). */\n  readonly neck?: { readonly d: string; readonly width: number };\n  /** The head: a circle. */\n  readonly head: { readonly cx: number; readonly cy: number; readonly r: number };\n  /** Ear tufts, a crest, a visor's frame: filled with the detail colour. */\n  readonly details: readonly string[];\n  /** A band behind the eyes (the falcon's visor), in the page's surface. */\n  readonly visor?: { readonly x: number; readonly y: number; readonly w: number; readonly h: number };\n  /** Glasses (the duck): stroked rings around the eyes. */\n  readonly glasses?: boolean;\n  readonly beak: string;\n  /** The eyes: centres, the radius of the white, the radius of the pupil (no white when `white` is 0). */\n  readonly eyes: { readonly at: readonly Point[]; readonly white: number; readonly pupil: number };\n  /** The parcel the pigeon carries: its three faces. */\n  readonly parcel?: readonly [string, string, string];\n}\n\nconst mirror = (d: string) => d.replace(/(-?\\d+(?:\\.\\d+)?) (-?\\d+(?:\\.\\d+)?)/g, (_, x: string, y: string) => `${120 - Number(x)} ${y}`);\n\nconst falconWing = \"M29 58 C17 68 19 88 37 86 C31 76 31 66 29 58 Z\";\nconst pigeonWing = \"M36 58 C20 50 16 80 38 84 C34 74 34 66 36 58 Z\";\n\nexport const BIRDS: Readonly<Record<MascotBird, BirdGeometry>> = {\n  falcon: {\n    shadow: [60, 110, 26, 3.5],\n    legs: [\"M51 94 L48 108 M44 108 L52 108\", \"M69 94 L72 108 M68 108 L76 108\"],\n    body: \"M30 62 C30 42 90 42 90 62 C90 88 78 98 60 98 C42 98 30 88 30 62 Z\",\n    belly: \"M41 66 C41 55 79 55 79 66 C79 82 71 90 60 90 C49 90 41 82 41 66 Z\",\n    wings: [\n      { d: falconWing, pivot: [29, 58] },\n      { d: mirror(falconWing), pivot: [91, 58] },\n    ],\n    head: { cx: 60, cy: 38, r: 22 },\n    details: [\"M46 20 L52 10 L56 19 Z\", \"M74 20 L68 10 L64 19 Z\"],\n    visor: { x: 41, y: 29, w: 38, h: 13 },\n    beak: \"M54 45 L66 45 L60 57 Z\",\n    eyes: { at: [[50, 35.5], [70, 35.5]], white: 0, pupil: 3.2 },\n  },\n  owl: {\n    shadow: [60, 110, 24, 3.5],\n    legs: [\"M53 100 L51 107 M47 107 L55 107\", \"M67 100 L69 107 M65 107 L73 107\"],\n    body: \"M28 52 C28 20 92 20 92 52 C92 86 82 102 60 102 C38 102 28 86 28 52 Z\",\n    belly: \"M42 66 C42 52 78 52 78 66 C78 86 72 94 60 94 C48 94 42 86 42 66 Z\",\n    wings: [\n      { d: \"M29 58 C18 68 20 88 36 90 C32 78 32 68 29 58 Z\", pivot: [29, 58] },\n      { d: mirror(\"M29 58 C18 68 20 88 36 90 C32 78 32 68 29 58 Z\"), pivot: [91, 58] },\n    ],\n    head: { cx: 60, cy: 42, r: 0 },\n    details: [\"M31 20 L47 31 L31 41 Z\", \"M89 20 L73 31 L89 41 Z\"],\n    beak: \"M55 50 L65 50 L60 59 Z\",\n    eyes: { at: [[47, 41], [73, 41]], white: 10, pupil: 4 },\n  },\n  duck: {\n    shadow: [60, 110, 30, 3.5],\n    legs: [],\n    back: [\"M88 80 C100 76 104 66 96 62 C98 70 94 74 88 74 Z\"],\n    body: \"M26 80 C26 62 94 62 94 80 C94 100 82 106 60 106 C38 106 26 100 26 80 Z\",\n    belly: \"M38 84 C38 72 82 72 82 84 C82 96 74 101 60 101 C46 101 38 96 38 84 Z\",\n    wings: [\n      { d: \"M27 74 C14 80 18 98 35 96 C31 88 29 80 27 74 Z\", pivot: [27, 74] },\n      { d: mirror(\"M27 74 C14 80 18 98 35 96 C31 88 29 80 27 74 Z\"), pivot: [93, 74] },\n    ],\n    head: { cx: 60, cy: 42, r: 23 },\n    details: [\"M57 20 C54 11 63 8 66 14 C62 13 60 16 61 20 Z\"],\n    glasses: true,\n    beak: \"M43 51 C43 46 55 45 60 45 C65 45 77 46 77 51 C77 56 66 60 60 60 C54 60 43 56 43 51 Z\",\n    eyes: { at: [[51, 37], [69, 37]], white: 0, pupil: 2.6 },\n  },\n  flamingo: {\n    shadow: [60, 110, 20, 3],\n    legs: [\"M56 86 L55 97 L58 108 M53 108 L62 108\", \"M65 86 L66 108 M62 108 L71 108\"],\n    body: \"M38 70 C38 54 88 54 88 70 C88 86 76 90 62 90 C48 90 38 86 38 70 Z\",\n    belly: \"M46 72 C46 63 80 63 80 72 C80 82 72 85 63 85 C54 85 46 82 46 72 Z\",\n    wings: [\n      { d: \"M42 64 C30 68 32 84 47 84 C43 76 43 70 42 64 Z\", pivot: [42, 64] },\n      { d: \"M84 64 C96 68 94 84 79 84 C83 76 83 70 84 64 Z\", pivot: [84, 64] },\n    ],\n    neck: { d: \"M58 60 C58 42 40 34 46 22\", width: 7 },\n    head: { cx: 48, cy: 18, r: 11 },\n    details: [],\n    beak: \"M38 16 C28 18 29 28 24 33 C33 28 38 23 40 20 Z\",\n    eyes: { at: [[46, 15]], white: 3.2, pupil: 1.8 },\n  },\n  pigeon: {\n    shadow: [60, 112, 22, 3],\n    legs: [\"M52 94 L51 99 M48 99 L54 99\", \"M68 94 L69 99 M66 99 L72 99\"],\n    back: [\"M53 98 L52 103\", \"M67 98 L68 103\", \"M30 68 C16 72 14 62 28 56 C17 57 15 49 32 48 Z\"],\n    body: \"M34 64 C34 44 86 44 86 64 C86 86 74 96 60 96 C46 96 34 86 34 64 Z\",\n    belly: \"M43 68 C43 57 77 57 77 68 C77 82 70 88 60 88 C50 88 43 82 43 68 Z\",\n    wings: [\n      { d: pigeonWing, pivot: [36, 58] },\n      { d: mirror(pigeonWing), pivot: [84, 58] },\n    ],\n    head: { cx: 60, cy: 36, r: 19 },\n    details: [\"M54 18 C56 12 64 12 66 18 C63 16 57 16 54 18 Z\"],\n    beak: \"M55 41 L65 41 L60 50 Z\",\n    eyes: { at: [[52, 33], [68, 33]], white: 5, pupil: 2.4 },\n    parcel: [\"M60 100 L71 105 L60 110 L49 105 Z\", \"M49 105 L60 110 L60 118 L49 113 Z\", \"M71 105 L60 110 L60 118 L71 113 Z\"],\n  },\n  /**\n   * The lovebird — the inseparable that introduces two people. A plump little parrot: a short tail, a round head\n   * with its coloured face (the detail colour), the white eye-rings of the species and a short hooked beak.\n   */\n  lovebird: {\n    shadow: [60, 110, 23, 3.5],\n    legs: [\"M53 96 L52 106 M48 106 L56 106\", \"M67 96 L68 106 M64 106 L72 106\"],\n    back: [\"M74 90 C82 98 88 104 95 103 C91 98 86 91 82 84 Z\"],\n    body: \"M32 66 C32 46 88 46 88 66 C88 90 76 100 60 100 C44 100 32 90 32 66 Z\",\n    belly: \"M42 70 C42 59 78 59 78 70 C78 85 70 92 60 92 C50 92 42 85 42 70 Z\",\n    wings: [\n      { d: \"M33 60 C20 68 22 88 40 90 C35 80 34 70 33 60 Z\", pivot: [33, 60] },\n      { d: mirror(\"M33 60 C20 68 22 88 40 90 C35 80 34 70 33 60 Z\"), pivot: [87, 60] },\n    ],\n    head: { cx: 60, cy: 38, r: 21 },\n    details: [\"M43 40 C42 28 51 22 60 22 C69 22 78 28 77 40 C76 50 68 55 60 55 C52 55 44 50 43 40 Z\"],\n    beak: \"M55 44 C55 40 65 40 65 44 C65 50 62 54 60 55 C58 54 55 50 55 44 Z\",\n    eyes: { at: [[51, 36], [69, 36]], white: 4.6, pupil: 2.4 },\n  },\n  /**\n   * The crane — the one that listens: posed, unhurried, drawn in one line. A tall wader seen in profile, standing still\n   * on two straight legs, the neck a single stroke up to a small head with its crown (the detail colour) and a long,\n   * straight beak; the folded wings low on its back. The flamingo bends and answers; the crane stands and listens.\n   */\n  crane: {\n    shadow: [62, 110, 20, 3],\n    legs: [\"M56 87 L55 108 M51 108 L59 108\", \"M67 87 L68 108 M64 108 L73 108\"],\n    body: \"M40 66 C38 54 84 54 86 68 C88 82 76 88 62 88 C48 88 40 80 40 66 Z\",\n    belly: \"M48 70 C48 62 78 62 79 70 C80 79 72 84 63 84 C54 84 48 79 48 70 Z\",\n    wings: [\n      { d: \"M44 62 C33 68 35 82 49 83 C45 76 45 69 44 62 Z\", pivot: [44, 62] },\n      { d: \"M82 62 C93 67 96 82 80 84 C83 76 83 69 82 62 Z\", pivot: [82, 62] },\n    ],\n    neck: { d: \"M52 62 C48 47 52 37 48 26\", width: 6 },\n    head: { cx: 47, cy: 21, r: 8.5 },\n    details: [\"M41 16.5 C42 11 52 11 53 16.5 C50 14.6 44 14.6 41 16.5 Z\"],\n    beak: \"M40.5 18.5 L19 22.5 L40.5 25.5 Z\",\n    eyes: { at: [[45.5, 19.5]], white: 2.8, pupil: 1.6 },\n  },\n};\n\n/** What a mood adds around the bird: a badge, a thought, an empty tray. */\nexport const MOOD_PARTS = {\n  /** The badge of `success` and `error`, top right. */\n  badge: { cx: 98, cy: 22, r: 11 },\n  check: \"M92.5 22.5 L96.8 26.6 L103.6 18.4\",\n  bang: { line: \"M98 15.5 L98 23.5\", dot: [98, 28] as Point },\n  /** `thinking`: three dots rising to the right of the head. */\n  dots: [\n    [88, 26, 2.6],\n    [96, 19, 3.2],\n    [105, 11, 3.8],\n  ] as const,\n  /** `empty`: an open tray beside the bird. */\n  tray: \"M90 96 L110 96 L107 108 L93 108 Z\",\n  /** `success`: two sparkles. */\n  sparkles: [\"M16 26 L18 31 L23 33 L18 35 L16 40 L14 35 L9 33 L14 31 Z\", \"M104 52 L105.2 55 L108 56 L105.2 57 L104 60 L102.8 57 L100 56 L102.8 55 Z\"],\n} as const;\n\n/** The happy eye of `success`: an arch. */\nexport const archEye = ([x, y]: Point, r: number) => `M${x - r} ${y + r * 0.45} Q${x} ${y - r * 1.15} ${x + r} ${y + r * 0.45}`;\n/** The lowered lid of `empty`: a line across the eye. */\nexport const lidEye = ([x, y]: Point, r: number) => `M${x - r} ${y + 0.4} L${x + r} ${y + 0.4}`;\n/** The heavy lid of `empty` over an eye with a white: its upper half. */\nexport const upperLid = ([x, y]: Point, r: number) => `M${x - r} ${y} A${r} ${r} 0 0 1 ${x + r} ${y} Z`;\n/** The worried brow of `error`, above one eye (`side` -1 left, 1 right). */\nexport const brow = ([x, y]: Point, r: number, side: number) =>\n  `M${x - r * 1.1} ${y - r * 1.25 - (side < 0 ? 0 : r * 0.7)} L${x + r * 1.1} ${y - r * 1.5 - (side < 0 ? r * 0.7 : 0)}`;\n\nexport interface MascotPalette {\n  /** Top and bottom of the body gradient. */\n  readonly from: string;\n  readonly to: string;\n  /** Wings and details (tufts, crest). */\n  readonly wing: string;\n  readonly detail: string;\n  /** Beak and feet. */\n  readonly beak: string;\n  /** The pupils (and the falcon's visor lights). */\n  readonly eye: string;\n}\n\n/** The signature palettes of the Krizaka story (`tone=\"own\"`), from the first drawings of each bird. */\nexport const OWN_PALETTES: Readonly<Record<MascotBird, MascotPalette>> = {\n  falcon: { from: \"#ff9f00\", to: \"#ff2a00\", wing: \"#d84315\", detail: \"#b4320d\", beak: \"#ffb300\", eye: \"#00c8d4\" },\n  owl: { from: \"#a78bfa\", to: \"#6d28d9\", wing: \"#7c3aed\", detail: \"#5b21b6\", beak: \"#fbbf24\", eye: \"#1f2937\" },\n  duck: { from: \"#f43f5e\", to: \"#be123c\", wing: \"#db2777\", detail: \"#9f1239\", beak: \"#fbbf24\", eye: \"#1f2937\" },\n  flamingo: { from: \"#f9a8d4\", to: \"#db2777\", wing: \"#ec4899\", detail: \"#be185d\", beak: \"#fbbf24\", eye: \"#1f2937\" },\n  pigeon: { from: \"#22d3ee\", to: \"#6366f1\", wing: \"#a855f7\", detail: \"#4338ca\", beak: \"#f59e0b\", eye: \"#1f2937\" },\n  lovebird: { from: \"#6ee7b7\", to: \"#059669\", wing: \"#047857\", detail: \"#fb7185\", beak: \"#f97316\", eye: \"#1f2937\" },\n  // The sandhill crane (grue du Canada): sand-grey plumage, its red crown, dark legs and beak.\n  crane: { from: \"#ebe3d6\", to: \"#9c8f80\", wing: \"#7d7266\", detail: \"#dc2626\", beak: \"#44403c\", eye: \"#1f2937\" },\n};\n\n/** Fixed light and shade, laid at a low opacity over a role (they read on both themes). */\nexport const LIGHT = \"#ffffff\";\nexport const SHADE = \"#000000\";\n/** The parcel's faces (pigeon). */\nexport const PARCEL = [\"#f59e0b\", \"#d97706\", \"#b45309\"] as const;\n","// The Krizaka flock on the web: one bird, one mood, drawn from ./geometry in the host's brand colours.\nimport type * as React from \"react\";\nimport { useId } from \"react\";\n\nimport { archEye, BIRDS, brow, lidEye, LIGHT, type MascotBird, type MascotMood, type MascotPalette, type MascotTone, MOOD_PARTS, OWN_PALETTES, PARCEL, SHADE, upperLid } from \"./geometry\";\n\nconst CSS = `\n.kzb-bird { transform-box: view-box; transform-origin: 60px 108px; }\n.kzb-eye { transform-box: fill-box; transform-origin: center; }\n.kzb-wing { transform-box: view-box; }\n[data-animated] .kzb-bird { animation: kzb-bob 3.6s ease-in-out infinite; }\n[data-animated] .kzb-blink { animation: kzb-blink 5.2s ease-in-out infinite; }\n[data-animated][data-mood=\"welcome\"] .kzb-wing-r { animation: kzb-wave 1.1s ease-in-out infinite alternate; }\n[data-animated][data-mood=\"thinking\"] .kzb-dot { animation: kzb-dot 1.5s ease-in-out infinite; }\n[data-animated][data-mood=\"thinking\"] .kzb-dot:nth-child(2) { animation-delay: .2s; }\n[data-animated][data-mood=\"thinking\"] .kzb-dot:nth-child(3) { animation-delay: .4s; }\n[data-animated][data-mood=\"success\"] .kzb-bird { animation: kzb-hop 1.6s cubic-bezier(.3,1.6,.5,1) 1, kzb-bob 3.6s ease-in-out 1.6s infinite; }\n[data-animated][data-mood=\"success\"] .kzb-badge { animation: kzb-pop .5s cubic-bezier(.3,1.6,.5,1) .3s both; }\n[data-animated][data-mood=\"success\"] .kzb-sparkle { animation: kzb-twinkle 2.4s ease-in-out infinite; }\n[data-animated][data-mood=\"error\"] .kzb-bird { animation: kzb-shake .5s ease-in-out .2s 2, kzb-bob 3.6s ease-in-out 1.2s infinite; }\n[data-animated][data-mood=\"empty\"] .kzb-bird { animation: kzb-sway 5s ease-in-out infinite; }\n.kzb-badge, .kzb-sparkle, .kzb-dot { transform-box: fill-box; transform-origin: center; }\n@keyframes kzb-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-2.5px); } }\n@keyframes kzb-blink { 0%, 92%, 100% { transform: scaleY(1); } 95% { transform: scaleY(.1); } }\n@keyframes kzb-wave { from { transform: rotate(-8deg); } to { transform: rotate(-38deg); } }\n@keyframes kzb-dot { 0%, 100% { opacity: .35; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-2px); } }\n@keyframes kzb-hop { 0% { transform: translateY(0); } 30% { transform: translateY(-9px); } 60% { transform: translateY(0); } 100% { transform: translateY(0); } }\n@keyframes kzb-pop { from { transform: scale(0); } to { transform: scale(1); } }\n@keyframes kzb-twinkle { 0%, 100% { opacity: .25; transform: scale(.7); } 50% { opacity: 1; transform: scale(1); } }\n@keyframes kzb-shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-3px); } 75% { transform: translateX(3px); } }\n@keyframes kzb-sway { 0%, 100% { transform: rotate(0); } 50% { transform: rotate(-2deg); } }\n@media (prefers-reduced-motion: reduce) {\n  .kzb-bird, .kzb-blink, .kzb-wing-r, .kzb-dot, .kzb-badge, .kzb-sparkle { animation: none !important; }\n}\n`;\n\n/** The host's roles (`tone=\"brand\"`): the accent paints the bird, so it wears the product it is shown in. */\nconst BRAND: MascotPalette = {\n  from: \"var(--kz-accent-2, var(--kz-accent))\",\n  to: \"var(--kz-accent)\",\n  wing: \"var(--kz-accent)\",\n  detail: \"var(--kz-accent-2, var(--kz-accent))\",\n  beak: \"var(--kz-warning)\",\n  eye: \"var(--kz-text-primary)\",\n};\nconst OUTLINE = \"var(--kz-border-strong, color-mix(in srgb, currentColor 35%, transparent))\";\nconst SURFACE = \"var(--kz-surface-0)\";\n\nexport type MascotProps = Omit<React.ComponentProps<\"svg\">, \"children\"> & {\n  /** Which bird of the flock: `falcon` (watch, security), `owl` (reading, documents), `duck` (building, code), `flamingo` (answers, support), `pigeon` (delivery, notifications), `lovebird` (introductions, two people who meet), `crane` (listening, a calm moment). */\n  bird?: MascotBird;\n  /** What the moment is: `welcome` (onboarding), `thinking` (a long task running), `success` (it is done), `empty` (nothing here yet), `error` (it failed). */\n  mood?: MascotMood;\n  /** `brand` (default): the host's accent, so the bird wears the product it is in. `own`: the bird's signature colours of the Krizaka story. */\n  tone?: MascotTone;\n  /** Width and height in pixels. */\n  size?: number;\n  /** A light idle motion and the mood's gesture. Off with `false`; always off under `prefers-reduced-motion`. */\n  animated?: boolean;\n  /** An accessible name (the bird becomes an image); without it the mascot is decorative. */\n  title?: string;\n};\n\n/**\n * One of the seven Krizaka birds in one mood — for the moments a product speaks to a person: a welcome, a long wait,\n * a success, an empty list, an error. Drawn in the host's brand colours by default (`tone=\"own\"` for the story's).\n */\nexport function Mascot({ bird = \"owl\", mood = \"welcome\", tone = \"brand\", size = 96, animated = true, title, className, ...props }: MascotProps) {\n  const uid = useId().replace(/[^a-zA-Z0-9_-]/g, \"\");\n  const g = BIRDS[bird];\n  const p = tone === \"own\" ? OWN_PALETTES[bird] : BRAND;\n  const body = `url(#kzb-${uid})`;\n  const line = { stroke: OUTLINE, strokeWidth: 1.4, strokeLinejoin: \"round\" as const };\n  const eyeR = g.eyes.white || g.eyes.pupil * 1.2;\n  const eyes = g.eyes.at.map((at, i) => {\n    const look = mood === \"thinking\" ? 1.4 : 0;\n    if (mood === \"success\") return <path key={i} d={archEye(at, eyeR * 0.85)} stroke={g.visor ? p.eye : OUTLINE} strokeWidth={2.2} strokeLinecap=\"round\" fill=\"none\" />;\n    if (mood === \"empty\" && g.eyes.white > 0)\n      return (\n        <g key={i}>\n          <circle cx={at[0]} cy={at[1]} r={g.eyes.white} fill={LIGHT} {...line} />\n          <circle cx={at[0]} cy={at[1] + g.eyes.pupil * 0.7} r={g.eyes.pupil} fill={SHADE} />\n          <path d={upperLid(at, g.eyes.white)} fill={p.detail} {...line} />\n        </g>\n      );\n    if (mood === \"empty\") return <path key={i} d={lidEye(at, eyeR * 0.8)} stroke={g.visor ? p.eye : OUTLINE} strokeWidth={2.2} strokeLinecap=\"round\" fill=\"none\" />;\n    return (\n      <g key={i} className=\"kzb-eye kzb-blink\">\n        {g.eyes.white > 0 && <circle cx={at[0]} cy={at[1]} r={g.eyes.white} fill={LIGHT} {...line} />}\n        <circle cx={at[0] + look} cy={at[1] - look} r={g.eyes.pupil} fill={g.visor ? p.eye : SHADE} />\n        {g.eyes.white > 0 && <circle cx={at[0] + look - g.eyes.pupil * 0.35} cy={at[1] - look - g.eyes.pupil * 0.35} r={g.eyes.pupil * 0.35} fill={LIGHT} />}\n      </g>\n    );\n  });\n  const [wl, wr] = g.wings;\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 120 120\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-bird={bird}\n      data-mood={mood}\n      data-animated={animated ? \"\" : undefined}\n      className={className}\n      {...(title ? { role: \"img\", \"aria-label\": title } : { \"aria-hidden\": true })}\n      {...props}\n    >\n      <style>{CSS}</style>\n      <defs>\n        <linearGradient id={`kzb-${uid}`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n          <stop offset=\"0%\" style={{ stopColor: p.from }} />\n          <stop offset=\"100%\" style={{ stopColor: p.to }} />\n        </linearGradient>\n      </defs>\n      <ellipse cx={g.shadow[0]} cy={g.shadow[1]} rx={g.shadow[2]} ry={g.shadow[3]} fill={SHADE} opacity={0.14} />\n      {mood === \"empty\" && <path d={MOOD_PARTS.tray} stroke={OUTLINE} strokeWidth={1.6} strokeDasharray=\"3 3\" strokeLinejoin=\"round\" />}\n      <g className=\"kzb-bird\">\n        {g.legs.map((d) => (\n          <path key={d} d={d} stroke={p.beak} strokeWidth={2.6} strokeLinecap=\"round\" />\n        ))}\n        {g.back?.map((d) => (d.endsWith(\"Z\") ? <path key={d} d={d} fill={p.detail} {...line} /> : <path key={d} d={d} stroke={OUTLINE} strokeWidth={1.4} />))}\n        {g.parcel && (\n          <g {...line}>\n            {g.parcel.map((d, i) => (\n              <path key={d} d={d} fill={PARCEL[i]} />\n            ))}\n          </g>\n        )}\n        <path d={g.body} fill={body} {...line} />\n        <path d={g.belly} fill={LIGHT} opacity={0.28} />\n        {[wl, wr].map((w, i) => {\n          const turn = mood === \"success\" ? (i === 0 ? 28 : -28) : mood === \"welcome\" && i === 1 ? -20 : 0;\n          return (\n            <g key={i} className={i === 1 ? \"kzb-wing kzb-wing-r\" : \"kzb-wing\"} style={{ transformOrigin: `${w.pivot[0]}px ${w.pivot[1]}px`, transform: turn ? `rotate(${turn}deg)` : undefined }}>\n              <path d={w.d} fill={p.wing} {...line} />\n              <path d={w.d} fill={SHADE} opacity={0.16} />\n            </g>\n          );\n        })}\n        {g.neck && <path d={g.neck.d} stroke={body} strokeWidth={g.neck.width} strokeLinecap=\"round\" />}\n        {g.head.r > 0 && <circle cx={g.head.cx} cy={g.head.cy} r={g.head.r} fill={body} {...line} />}\n        {g.details.map((d) => (\n          <path key={d} d={d} fill={p.detail} {...line} />\n        ))}\n        {g.visor && <rect x={g.visor.x} y={g.visor.y} width={g.visor.w} height={g.visor.h} rx={4} fill={SURFACE} {...line} />}\n        {eyes}\n        {g.glasses && (\n          <g stroke={OUTLINE} strokeWidth={1.3}>\n            {g.eyes.at.map(([x, y]) => (\n              <circle key={x} cx={x} cy={y} r={6.5} fill={LIGHT} fillOpacity={0.12} />\n            ))}\n            <path d={`M${g.eyes.at[0][0] + 6.5} ${g.eyes.at[0][1]} L${g.eyes.at[1][0] - 6.5} ${g.eyes.at[1][1]}`} />\n          </g>\n        )}\n        {mood === \"error\" &&\n          g.eyes.at.map((at, i) => <path key={i} d={brow(at, eyeR, g.eyes.at.length === 1 ? 1 : i === 0 ? -1 : 1)} stroke={OUTLINE} strokeWidth={2} strokeLinecap=\"round\" />)}\n        <path d={g.beak} fill={p.beak} {...line} />\n      </g>\n      {mood === \"thinking\" && (\n        <g>\n          {MOOD_PARTS.dots.map(([cx, cy, r]) => (\n            <circle key={cx} className=\"kzb-dot\" cx={cx} cy={cy} r={r} fill=\"var(--kz-text-secondary)\" />\n          ))}\n        </g>\n      )}\n      {mood === \"success\" && (\n        <>\n          {MOOD_PARTS.sparkles.map((d) => (\n            <path key={d} className=\"kzb-sparkle\" d={d} fill={p.from} />\n          ))}\n          <g className=\"kzb-badge\">\n            <circle cx={MOOD_PARTS.badge.cx} cy={MOOD_PARTS.badge.cy} r={MOOD_PARTS.badge.r} fill=\"var(--kz-success)\" />\n            <path d={MOOD_PARTS.check} stroke={SURFACE} strokeWidth={2.6} strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n          </g>\n        </>\n      )}\n      {mood === \"error\" && (\n        <g className=\"kzb-badge\">\n          <circle cx={MOOD_PARTS.badge.cx} cy={MOOD_PARTS.badge.cy} r={MOOD_PARTS.badge.r} fill=\"var(--kz-danger)\" />\n          <path d={MOOD_PARTS.bang.line} stroke={SURFACE} strokeWidth={2.8} strokeLinecap=\"round\" />\n          <circle cx={MOOD_PARTS.bang.dot[0]} cy={MOOD_PARTS.bang.dot[1]} r={1.6} fill={SURFACE} />\n        </g>\n      )}\n    </svg>\n  );\n}\n"],"mappings":";;;AAaO,IAAM,eAAe,CAAC,UAAU,OAAO,QAAQ,YAAY,UAAU,YAAY,OAAO;AAGxF,IAAM,eAAe,CAAC,WAAW,YAAY,WAAW,SAAS,OAAO;AAmC/E,IAAM,SAAS,CAAC,MAAc,EAAE,QAAQ,wCAAwC,CAAC,GAAG,GAAW,MAAc,GAAG,MAAM,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE;AAEtI,IAAM,aAAa;AACnB,IAAM,aAAa;AAEZ,IAAM,QAAoD;AAAA,EAC/D,QAAQ;AAAA,IACN,QAAQ,CAAC,IAAI,KAAK,IAAI,GAAG;AAAA,IACzB,MAAM,CAAC,kCAAkC,gCAAgC;AAAA,IACzE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,MACL,EAAE,GAAG,YAAY,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,MACjC,EAAE,GAAG,OAAO,UAAU,GAAG,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,IAC3C;AAAA,IACA,MAAM,EAAE,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG;AAAA,IAC9B,SAAS,CAAC,0BAA0B,wBAAwB;AAAA,IAC5D,OAAO,EAAE,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG;AAAA,IACpC,MAAM;AAAA,IACN,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,OAAO,GAAG,OAAO,IAAI;AAAA,EAC7D;AAAA,EACA,KAAK;AAAA,IACH,QAAQ,CAAC,IAAI,KAAK,IAAI,GAAG;AAAA,IACzB,MAAM,CAAC,mCAAmC,iCAAiC;AAAA,IAC3E,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,MACL,EAAE,GAAG,kDAAkD,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,MACvE,EAAE,GAAG,OAAO,gDAAgD,GAAG,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,IACjF;AAAA,IACA,MAAM,EAAE,IAAI,IAAI,IAAI,IAAI,GAAG,EAAE;AAAA,IAC7B,SAAS,CAAC,0BAA0B,wBAAwB;AAAA,IAC5D,MAAM;AAAA,IACN,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,OAAO,IAAI,OAAO,EAAE;AAAA,EACxD;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ,CAAC,IAAI,KAAK,IAAI,GAAG;AAAA,IACzB,MAAM,CAAC;AAAA,IACP,MAAM,CAAC,kDAAkD;AAAA,IACzD,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,MACL,EAAE,GAAG,kDAAkD,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,MACvE,EAAE,GAAG,OAAO,gDAAgD,GAAG,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,IACjF;AAAA,IACA,MAAM,EAAE,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG;AAAA,IAC9B,SAAS,CAAC,+CAA+C;AAAA,IACzD,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,OAAO,GAAG,OAAO,IAAI;AAAA,EACzD;AAAA,EACA,UAAU;AAAA,IACR,QAAQ,CAAC,IAAI,KAAK,IAAI,CAAC;AAAA,IACvB,MAAM,CAAC,yCAAyC,gCAAgC;AAAA,IAChF,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,MACL,EAAE,GAAG,kDAAkD,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,MACvE,EAAE,GAAG,kDAAkD,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,IACzE;AAAA,IACA,MAAM,EAAE,GAAG,6BAA6B,OAAO,EAAE;AAAA,IACjD,MAAM,EAAE,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG;AAAA,IAC9B,SAAS,CAAC;AAAA,IACV,MAAM;AAAA,IACN,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,OAAO,KAAK,OAAO,IAAI;AAAA,EACjD;AAAA,EACA,QAAQ;AAAA,IACN,QAAQ,CAAC,IAAI,KAAK,IAAI,CAAC;AAAA,IACvB,MAAM,CAAC,+BAA+B,6BAA6B;AAAA,IACnE,MAAM,CAAC,kBAAkB,kBAAkB,gDAAgD;AAAA,IAC3F,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,MACL,EAAE,GAAG,YAAY,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,MACjC,EAAE,GAAG,OAAO,UAAU,GAAG,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,IAC3C;AAAA,IACA,MAAM,EAAE,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG;AAAA,IAC9B,SAAS,CAAC,gDAAgD;AAAA,IAC1D,MAAM;AAAA,IACN,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,OAAO,GAAG,OAAO,IAAI;AAAA,IACvD,QAAQ,CAAC,qCAAqC,qCAAqC,mCAAmC;AAAA,EACxH;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AAAA,IACR,QAAQ,CAAC,IAAI,KAAK,IAAI,GAAG;AAAA,IACzB,MAAM,CAAC,kCAAkC,gCAAgC;AAAA,IACzE,MAAM,CAAC,kDAAkD;AAAA,IACzD,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,MACL,EAAE,GAAG,kDAAkD,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,MACvE,EAAE,GAAG,OAAO,gDAAgD,GAAG,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,IACjF;AAAA,IACA,MAAM,EAAE,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG;AAAA,IAC9B,SAAS,CAAC,sFAAsF;AAAA,IAChG,MAAM;AAAA,IACN,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,OAAO,KAAK,OAAO,IAAI;AAAA,EAC3D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO;AAAA,IACL,QAAQ,CAAC,IAAI,KAAK,IAAI,CAAC;AAAA,IACvB,MAAM,CAAC,kCAAkC,gCAAgC;AAAA,IACzE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,MACL,EAAE,GAAG,kDAAkD,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,MACvE,EAAE,GAAG,kDAAkD,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,IACzE;AAAA,IACA,MAAM,EAAE,GAAG,6BAA6B,OAAO,EAAE;AAAA,IACjD,MAAM,EAAE,IAAI,IAAI,IAAI,IAAI,GAAG,IAAI;AAAA,IAC/B,SAAS,CAAC,0DAA0D;AAAA,IACpE,MAAM;AAAA,IACN,MAAM,EAAE,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,GAAG,OAAO,KAAK,OAAO,IAAI;AAAA,EACrD;AACF;AAGO,IAAM,aAAa;AAAA;AAAA,EAExB,OAAO,EAAE,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG;AAAA,EAC/B,OAAO;AAAA,EACP,MAAM,EAAE,MAAM,qBAAqB,KAAK,CAAC,IAAI,EAAE,EAAW;AAAA;AAAA,EAE1D,MAAM;AAAA,IACJ,CAAC,IAAI,IAAI,GAAG;AAAA,IACZ,CAAC,IAAI,IAAI,GAAG;AAAA,IACZ,CAAC,KAAK,IAAI,GAAG;AAAA,EACf;AAAA;AAAA,EAEA,MAAM;AAAA;AAAA,EAEN,UAAU,CAAC,4DAA4D,2EAA2E;AACpJ;AAGO,IAAM,UAAU,CAAC,CAAC,GAAG,CAAC,GAAU,MAAc,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI,KAAK,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI;AAEtH,IAAM,SAAS,CAAC,CAAC,GAAG,CAAC,GAAU,MAAc,IAAI,IAAI,CAAC,IAAI,IAAI,GAAG,KAAK,IAAI,CAAC,IAAI,IAAI,GAAG;AAEtF,IAAM,WAAW,CAAC,CAAC,GAAG,CAAC,GAAU,MAAc,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC;AAE5F,IAAM,OAAO,CAAC,CAAC,GAAG,CAAC,GAAU,GAAW,SAC7C,IAAI,IAAI,IAAI,GAAG,IAAI,IAAI,IAAI,QAAQ,OAAO,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,GAAG,IAAI,IAAI,IAAI,OAAO,OAAO,IAAI,IAAI,MAAM,EAAE;AAgB/G,IAAM,eAA4D;AAAA,EACvE,QAAQ,EAAE,MAAM,WAAW,IAAI,WAAW,MAAM,WAAW,QAAQ,WAAW,MAAM,WAAW,KAAK,UAAU;AAAA,EAC9G,KAAK,EAAE,MAAM,WAAW,IAAI,WAAW,MAAM,WAAW,QAAQ,WAAW,MAAM,WAAW,KAAK,UAAU;AAAA,EAC3G,MAAM,EAAE,MAAM,WAAW,IAAI,WAAW,MAAM,WAAW,QAAQ,WAAW,MAAM,WAAW,KAAK,UAAU;AAAA,EAC5G,UAAU,EAAE,MAAM,WAAW,IAAI,WAAW,MAAM,WAAW,QAAQ,WAAW,MAAM,WAAW,KAAK,UAAU;AAAA,EAChH,QAAQ,EAAE,MAAM,WAAW,IAAI,WAAW,MAAM,WAAW,QAAQ,WAAW,MAAM,WAAW,KAAK,UAAU;AAAA,EAC9G,UAAU,EAAE,MAAM,WAAW,IAAI,WAAW,MAAM,WAAW,QAAQ,WAAW,MAAM,WAAW,KAAK,UAAU;AAAA;AAAA,EAEhH,OAAO,EAAE,MAAM,WAAW,IAAI,WAAW,MAAM,WAAW,QAAQ,WAAW,MAAM,WAAW,KAAK,UAAU;AAC/G;AAGO,IAAM,QAAQ;AACd,IAAM,QAAQ;AAEd,IAAM,SAAS,CAAC,WAAW,WAAW,SAAS;;;ACrOtD,SAAS,aAAa;AA0Ea,SA4F3B,UA5F2B,KAG3B,YAH2B;AAtEnC,IAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BZ,IAAM,QAAuB;AAAA,EAC3B,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AACP;AACA,IAAM,UAAU;AAChB,IAAM,UAAU;AAqBT,SAAS,OAAO,EAAE,OAAO,OAAO,OAAO,WAAW,OAAO,SAAS,OAAO,IAAI,WAAW,MAAM,OAAO,WAAW,GAAG,MAAM,GAAgB;AAC9I,QAAM,MAAM,MAAM,EAAE,QAAQ,mBAAmB,EAAE;AACjD,QAAM,IAAI,MAAM,IAAI;AACpB,QAAM,IAAI,SAAS,QAAQ,aAAa,IAAI,IAAI;AAChD,QAAM,OAAO,YAAY,GAAG;AAC5B,QAAM,OAAO,EAAE,QAAQ,SAAS,aAAa,KAAK,gBAAgB,QAAiB;AACnF,QAAM,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ;AAC5C,QAAM,OAAO,EAAE,KAAK,GAAG,IAAI,CAAC,IAAI,MAAM;AACpC,UAAM,OAAO,SAAS,aAAa,MAAM;AACzC,QAAI,SAAS,UAAW,QAAO,oBAAC,UAAa,GAAG,QAAQ,IAAI,OAAO,IAAI,GAAG,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,aAAa,KAAK,eAAc,SAAQ,MAAK,UAAhH,CAAuH;AACjK,QAAI,SAAS,WAAW,EAAE,KAAK,QAAQ;AACrC,aACE,qBAAC,OACC;AAAA,4BAAC,YAAO,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,OAAO,MAAM,OAAQ,GAAG,MAAM;AAAA,QACtE,oBAAC,YAAO,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,IAAI,EAAE,KAAK,QAAQ,KAAK,GAAG,EAAE,KAAK,OAAO,MAAM,OAAO;AAAA,QACjF,oBAAC,UAAK,GAAG,SAAS,IAAI,EAAE,KAAK,KAAK,GAAG,MAAM,EAAE,QAAS,GAAG,MAAM;AAAA,WAHzD,CAIR;AAEJ,QAAI,SAAS,QAAS,QAAO,oBAAC,UAAa,GAAG,OAAO,IAAI,OAAO,GAAG,GAAG,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,aAAa,KAAK,eAAc,SAAQ,MAAK,UAA9G,CAAqH;AAC7J,WACE,qBAAC,OAAU,WAAU,qBAClB;AAAA,QAAE,KAAK,QAAQ,KAAK,oBAAC,YAAO,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,OAAO,MAAM,OAAQ,GAAG,MAAM;AAAA,MAC3F,oBAAC,YAAO,IAAI,GAAG,CAAC,IAAI,MAAM,IAAI,GAAG,CAAC,IAAI,MAAM,GAAG,EAAE,KAAK,OAAO,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO;AAAA,MAC3F,EAAE,KAAK,QAAQ,KAAK,oBAAC,YAAO,IAAI,GAAG,CAAC,IAAI,OAAO,EAAE,KAAK,QAAQ,MAAM,IAAI,GAAG,CAAC,IAAI,OAAO,EAAE,KAAK,QAAQ,MAAM,GAAG,EAAE,KAAK,QAAQ,MAAM,MAAM,OAAO;AAAA,SAH5I,CAIR;AAAA,EAEJ,CAAC;AACD,QAAM,CAAC,IAAI,EAAE,IAAI,EAAE;AACnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,aAAW;AAAA,MACX,aAAW;AAAA,MACX,iBAAe,WAAW,KAAK;AAAA,MAC/B;AAAA,MACC,GAAI,QAAQ,EAAE,MAAM,OAAO,cAAc,MAAM,IAAI,EAAE,eAAe,KAAK;AAAA,MACzE,GAAG;AAAA,MAEJ;AAAA,4BAAC,WAAO,eAAI;AAAA,QACZ,oBAAC,UACC,+BAAC,oBAAe,IAAI,OAAO,GAAG,IAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KACxD;AAAA,8BAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,EAAE,KAAK,GAAG;AAAA,UAChD,oBAAC,UAAK,QAAO,QAAO,OAAO,EAAE,WAAW,EAAE,GAAG,GAAG;AAAA,WAClD,GACF;AAAA,QACA,oBAAC,aAAQ,IAAI,EAAE,OAAO,CAAC,GAAG,IAAI,EAAE,OAAO,CAAC,GAAG,IAAI,EAAE,OAAO,CAAC,GAAG,IAAI,EAAE,OAAO,CAAC,GAAG,MAAM,OAAO,SAAS,MAAM;AAAA,QACxG,SAAS,WAAW,oBAAC,UAAK,GAAG,WAAW,MAAM,QAAQ,SAAS,aAAa,KAAK,iBAAgB,OAAM,gBAAe,SAAQ;AAAA,QAC/H,qBAAC,OAAE,WAAU,YACV;AAAA,YAAE,KAAK,IAAI,CAAC,MACX,oBAAC,UAAa,GAAM,QAAQ,EAAE,MAAM,aAAa,KAAK,eAAc,WAAzD,CAAiE,CAC7E;AAAA,UACA,EAAE,MAAM,IAAI,CAAC,MAAO,EAAE,SAAS,GAAG,IAAI,oBAAC,UAAa,GAAM,MAAM,EAAE,QAAS,GAAG,QAA7B,CAAmC,IAAK,oBAAC,UAAa,GAAM,QAAQ,SAAS,aAAa,OAAvC,CAA4C,CAAG;AAAA,UACnJ,EAAE,UACD,oBAAC,OAAG,GAAG,MACJ,YAAE,OAAO,IAAI,CAAC,GAAG,MAChB,oBAAC,UAAa,GAAM,MAAM,OAAO,CAAC,KAAvB,CAA0B,CACtC,GACH;AAAA,UAEF,oBAAC,UAAK,GAAG,EAAE,MAAM,MAAM,MAAO,GAAG,MAAM;AAAA,UACvC,oBAAC,UAAK,GAAG,EAAE,OAAO,MAAM,OAAO,SAAS,MAAM;AAAA,UAC7C,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,GAAG,MAAM;AACtB,kBAAM,OAAO,SAAS,YAAa,MAAM,IAAI,KAAK,MAAO,SAAS,aAAa,MAAM,IAAI,MAAM;AAC/F,mBACE,qBAAC,OAAU,WAAW,MAAM,IAAI,wBAAwB,YAAY,OAAO,EAAE,iBAAiB,GAAG,EAAE,MAAM,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,MAAM,WAAW,OAAO,UAAU,IAAI,SAAS,OAAU,GAClL;AAAA,kCAAC,UAAK,GAAG,EAAE,GAAG,MAAM,EAAE,MAAO,GAAG,MAAM;AAAA,cACtC,oBAAC,UAAK,GAAG,EAAE,GAAG,MAAM,OAAO,SAAS,MAAM;AAAA,iBAFpC,CAGR;AAAA,UAEJ,CAAC;AAAA,UACA,EAAE,QAAQ,oBAAC,UAAK,GAAG,EAAE,KAAK,GAAG,QAAQ,MAAM,aAAa,EAAE,KAAK,OAAO,eAAc,SAAQ;AAAA,UAC5F,EAAE,KAAK,IAAI,KAAK,oBAAC,YAAO,IAAI,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,GAAG,EAAE,KAAK,GAAG,MAAM,MAAO,GAAG,MAAM;AAAA,UACzF,EAAE,QAAQ,IAAI,CAAC,MACd,oBAAC,UAAa,GAAM,MAAM,EAAE,QAAS,GAAG,QAA7B,CAAmC,CAC/C;AAAA,UACA,EAAE,SAAS,oBAAC,UAAK,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,MAAM,GAAG,OAAO,EAAE,MAAM,GAAG,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,SAAU,GAAG,MAAM;AAAA,UAClH;AAAA,UACA,EAAE,WACD,qBAAC,OAAE,QAAQ,SAAS,aAAa,KAC9B;AAAA,cAAE,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,MACnB,oBAAC,YAAe,IAAI,GAAG,IAAI,GAAG,GAAG,KAAK,MAAM,OAAO,aAAa,QAAnD,CAAyD,CACvE;AAAA,YACD,oBAAC,UAAK,GAAG,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI;AAAA,aACxG;AAAA,UAED,SAAS,WACR,EAAE,KAAK,GAAG,IAAI,CAAC,IAAI,MAAM,oBAAC,UAAa,GAAG,KAAK,IAAI,MAAM,EAAE,KAAK,GAAG,WAAW,IAAI,IAAI,MAAM,IAAI,KAAK,CAAC,GAAG,QAAQ,SAAS,aAAa,GAAG,eAAc,WAApH,CAA4H,CAAE;AAAA,UACpK,oBAAC,UAAK,GAAG,EAAE,MAAM,MAAM,EAAE,MAAO,GAAG,MAAM;AAAA,WAC3C;AAAA,QACC,SAAS,cACR,oBAAC,OACE,qBAAW,KAAK,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,MAC9B,oBAAC,YAAgB,WAAU,WAAU,IAAQ,IAAQ,GAAM,MAAK,8BAAnD,EAA8E,CAC5F,GACH;AAAA,QAED,SAAS,aACR,iCACG;AAAA,qBAAW,SAAS,IAAI,CAAC,MACxB,oBAAC,UAAa,WAAU,eAAc,GAAM,MAAM,EAAE,QAAzC,CAA+C,CAC3D;AAAA,UACD,qBAAC,OAAE,WAAU,aACX;AAAA,gCAAC,YAAO,IAAI,WAAW,MAAM,IAAI,IAAI,WAAW,MAAM,IAAI,GAAG,WAAW,MAAM,GAAG,MAAK,qBAAoB;AAAA,YAC1G,oBAAC,UAAK,GAAG,WAAW,OAAO,QAAQ,SAAS,aAAa,KAAK,eAAc,SAAQ,gBAAe,SAAQ;AAAA,aAC7G;AAAA,WACF;AAAA,QAED,SAAS,WACR,qBAAC,OAAE,WAAU,aACX;AAAA,8BAAC,YAAO,IAAI,WAAW,MAAM,IAAI,IAAI,WAAW,MAAM,IAAI,GAAG,WAAW,MAAM,GAAG,MAAK,oBAAmB;AAAA,UACzG,oBAAC,UAAK,GAAG,WAAW,KAAK,MAAM,QAAQ,SAAS,aAAa,KAAK,eAAc,SAAQ;AAAA,UACxF,oBAAC,YAAO,IAAI,WAAW,KAAK,IAAI,CAAC,GAAG,IAAI,WAAW,KAAK,IAAI,CAAC,GAAG,GAAG,KAAK,MAAM,SAAS;AAAA,WACzF;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../src/mascots/geometry.ts","../src/mascots/mascot.tsx"],"sourcesContent":["/**\n * The Krizaka flock — the geometry of the mascots, drawn by the web `Mascot` (`./mascot.tsx`) and the native one\n * (`../native/mascots.tsx`). Five birds that have carried the Krizaka story since the first site (the sentry falcon,\n * the owl that reads, the developer duck, the flamingo that answers, the carrier pigeon), the lovebird that\n * introduces (2026-10, with Yasakia: \"l'inséparable présente\") and the crane that listens (2026-10, with Yororis:\n * \"la grue écoute\"), redrawn on one 120 × 120 grid so that any bird can wear any mood.\n *\n * Colours are roles, never fixed: `brand` (the default) paints a bird in the host's accent (`--kz-accent`,\n * `--kz-accent-2`), so the same falcon is blue on krizaka.com, orange in Orazaka and violet in Orochia; `own` gives\n * each bird the signature palette it has in the Krizaka story (the brand layer's exception, like the marks). Shades\n * and highlights are black and white at a low opacity over the role, so they hold in both themes.\n */\n\nexport const MASCOT_BIRDS = [\"falcon\", \"owl\", \"duck\", \"flamingo\", \"pigeon\", \"lovebird\", \"crane\"] as const;\nexport type MascotBird = (typeof MASCOT_BIRDS)[number];\n\nexport const MASCOT_MOODS = [\"welcome\", \"thinking\", \"success\", \"empty\", \"error\"] as const;\nexport type MascotMood = (typeof MASCOT_MOODS)[number];\n\nexport type MascotTone = \"brand\" | \"own\";\n\ntype Point = readonly [number, number];\n\nexport interface BirdGeometry {\n  /** The ground shadow: centre x, y and radii. */\n  readonly shadow: readonly [number, number, number, number];\n  /** Legs and feet, stroked in the beak colour. */\n  readonly legs: readonly string[];\n  /** Drawn behind the body (tail, parcel strings). */\n  readonly back?: readonly string[];\n  readonly body: string;\n  readonly belly: string;\n  /** Left then right wing, and the point each one turns around. */\n  readonly wings: readonly [{ readonly d: string; readonly pivot: Point }, { readonly d: string; readonly pivot: Point }];\n  /** A neck, stroked in the body colour with this width (the flamingo). */\n  readonly neck?: { readonly d: string; readonly width: number };\n  /** The head: a circle. */\n  readonly head: { readonly cx: number; readonly cy: number; readonly r: number };\n  /** Ear tufts, a crest, a visor's frame: filled with the detail colour. */\n  readonly details: readonly string[];\n  /** A band behind the eyes (the falcon's visor), in the page's surface. */\n  readonly visor?: { readonly x: number; readonly y: number; readonly w: number; readonly h: number };\n  /** Glasses (the duck): stroked rings around the eyes. */\n  readonly glasses?: boolean;\n  readonly beak: string;\n  /** The eyes: centres, the radius of the white, the radius of the pupil (no white when `white` is 0). */\n  readonly eyes: { readonly at: readonly Point[]; readonly white: number; readonly pupil: number };\n  /** The parcel the pigeon carries: its three faces. */\n  readonly parcel?: readonly [string, string, string];\n}\n\nconst mirror = (d: string) => d.replace(/(-?\\d+(?:\\.\\d+)?) (-?\\d+(?:\\.\\d+)?)/g, (_, x: string, y: string) => `${120 - Number(x)} ${y}`);\n\nconst falconWing = \"M29 58 C17 68 19 88 37 86 C31 76 31 66 29 58 Z\";\nconst pigeonWing = \"M36 58 C20 50 16 80 38 84 C34 74 34 66 36 58 Z\";\n\nexport const BIRDS: Readonly<Record<MascotBird, BirdGeometry>> = {\n  falcon: {\n    shadow: [60, 110, 26, 3.5],\n    legs: [\"M51 94 L48 108 M44 108 L52 108\", \"M69 94 L72 108 M68 108 L76 108\"],\n    body: \"M30 62 C30 42 90 42 90 62 C90 88 78 98 60 98 C42 98 30 88 30 62 Z\",\n    belly: \"M41 66 C41 55 79 55 79 66 C79 82 71 90 60 90 C49 90 41 82 41 66 Z\",\n    wings: [\n      { d: falconWing, pivot: [29, 58] },\n      { d: mirror(falconWing), pivot: [91, 58] },\n    ],\n    head: { cx: 60, cy: 38, r: 22 },\n    details: [\"M46 20 L52 10 L56 19 Z\", \"M74 20 L68 10 L64 19 Z\"],\n    visor: { x: 41, y: 29, w: 38, h: 13 },\n    beak: \"M54 45 L66 45 L60 57 Z\",\n    eyes: { at: [[50, 35.5], [70, 35.5]], white: 0, pupil: 3.2 },\n  },\n  owl: {\n    shadow: [60, 110, 24, 3.5],\n    legs: [\"M53 100 L51 107 M47 107 L55 107\", \"M67 100 L69 107 M65 107 L73 107\"],\n    body: \"M28 52 C28 20 92 20 92 52 C92 86 82 102 60 102 C38 102 28 86 28 52 Z\",\n    belly: \"M42 66 C42 52 78 52 78 66 C78 86 72 94 60 94 C48 94 42 86 42 66 Z\",\n    wings: [\n      { d: \"M29 58 C18 68 20 88 36 90 C32 78 32 68 29 58 Z\", pivot: [29, 58] },\n      { d: mirror(\"M29 58 C18 68 20 88 36 90 C32 78 32 68 29 58 Z\"), pivot: [91, 58] },\n    ],\n    head: { cx: 60, cy: 42, r: 0 },\n    details: [\"M31 20 L47 31 L31 41 Z\", \"M89 20 L73 31 L89 41 Z\"],\n    beak: \"M55 50 L65 50 L60 59 Z\",\n    eyes: { at: [[47, 41], [73, 41]], white: 10, pupil: 4 },\n  },\n  duck: {\n    shadow: [60, 110, 30, 3.5],\n    legs: [],\n    back: [\"M88 80 C100 76 104 66 96 62 C98 70 94 74 88 74 Z\"],\n    body: \"M26 80 C26 62 94 62 94 80 C94 100 82 106 60 106 C38 106 26 100 26 80 Z\",\n    belly: \"M38 84 C38 72 82 72 82 84 C82 96 74 101 60 101 C46 101 38 96 38 84 Z\",\n    wings: [\n      { d: \"M27 74 C14 80 18 98 35 96 C31 88 29 80 27 74 Z\", pivot: [27, 74] },\n      { d: mirror(\"M27 74 C14 80 18 98 35 96 C31 88 29 80 27 74 Z\"), pivot: [93, 74] },\n    ],\n    head: { cx: 60, cy: 42, r: 23 },\n    details: [\"M57 20 C54 11 63 8 66 14 C62 13 60 16 61 20 Z\"],\n    glasses: true,\n    beak: \"M43 51 C43 46 55 45 60 45 C65 45 77 46 77 51 C77 56 66 60 60 60 C54 60 43 56 43 51 Z\",\n    eyes: { at: [[51, 37], [69, 37]], white: 0, pupil: 2.6 },\n  },\n  flamingo: {\n    shadow: [60, 110, 20, 3],\n    legs: [\"M56 86 L55 97 L58 108 M53 108 L62 108\", \"M65 86 L66 108 M62 108 L71 108\"],\n    body: \"M38 70 C38 54 88 54 88 70 C88 86 76 90 62 90 C48 90 38 86 38 70 Z\",\n    belly: \"M46 72 C46 63 80 63 80 72 C80 82 72 85 63 85 C54 85 46 82 46 72 Z\",\n    wings: [\n      { d: \"M42 64 C30 68 32 84 47 84 C43 76 43 70 42 64 Z\", pivot: [42, 64] },\n      { d: \"M84 64 C96 68 94 84 79 84 C83 76 83 70 84 64 Z\", pivot: [84, 64] },\n    ],\n    neck: { d: \"M58 60 C58 42 40 34 46 22\", width: 7 },\n    head: { cx: 48, cy: 18, r: 11 },\n    details: [],\n    beak: \"M38 16 C28 18 29 28 24 33 C33 28 38 23 40 20 Z\",\n    eyes: { at: [[46, 15]], white: 3.2, pupil: 1.8 },\n  },\n  pigeon: {\n    shadow: [60, 112, 22, 3],\n    legs: [\"M52 94 L51 99 M48 99 L54 99\", \"M68 94 L69 99 M66 99 L72 99\"],\n    back: [\"M53 98 L52 103\", \"M67 98 L68 103\", \"M30 68 C16 72 14 62 28 56 C17 57 15 49 32 48 Z\"],\n    body: \"M34 64 C34 44 86 44 86 64 C86 86 74 96 60 96 C46 96 34 86 34 64 Z\",\n    belly: \"M43 68 C43 57 77 57 77 68 C77 82 70 88 60 88 C50 88 43 82 43 68 Z\",\n    wings: [\n      { d: pigeonWing, pivot: [36, 58] },\n      { d: mirror(pigeonWing), pivot: [84, 58] },\n    ],\n    head: { cx: 60, cy: 36, r: 19 },\n    details: [\"M54 18 C56 12 64 12 66 18 C63 16 57 16 54 18 Z\"],\n    beak: \"M55 41 L65 41 L60 50 Z\",\n    eyes: { at: [[52, 33], [68, 33]], white: 5, pupil: 2.4 },\n    parcel: [\"M60 100 L71 105 L60 110 L49 105 Z\", \"M49 105 L60 110 L60 118 L49 113 Z\", \"M71 105 L60 110 L60 118 L71 113 Z\"],\n  },\n  /**\n   * The lovebird — the inseparable that introduces two people. A plump little parrot: a short tail, a round head\n   * with its coloured face (the detail colour), the white eye-rings of the species and a short hooked beak.\n   */\n  lovebird: {\n    shadow: [60, 110, 23, 3.5],\n    legs: [\"M53 96 L52 106 M48 106 L56 106\", \"M67 96 L68 106 M64 106 L72 106\"],\n    back: [\"M74 90 C82 98 88 104 95 103 C91 98 86 91 82 84 Z\"],\n    body: \"M32 66 C32 46 88 46 88 66 C88 90 76 100 60 100 C44 100 32 90 32 66 Z\",\n    belly: \"M42 70 C42 59 78 59 78 70 C78 85 70 92 60 92 C50 92 42 85 42 70 Z\",\n    wings: [\n      { d: \"M33 60 C20 68 22 88 40 90 C35 80 34 70 33 60 Z\", pivot: [33, 60] },\n      { d: mirror(\"M33 60 C20 68 22 88 40 90 C35 80 34 70 33 60 Z\"), pivot: [87, 60] },\n    ],\n    head: { cx: 60, cy: 38, r: 21 },\n    details: [\"M43 40 C42 28 51 22 60 22 C69 22 78 28 77 40 C76 50 68 55 60 55 C52 55 44 50 43 40 Z\"],\n    beak: \"M55 44 C55 40 65 40 65 44 C65 50 62 54 60 55 C58 54 55 50 55 44 Z\",\n    eyes: { at: [[51, 36], [69, 36]], white: 4.6, pupil: 2.4 },\n  },\n  /**\n   * The crane — the one that listens: posed, unhurried, drawn in one line. A tall wader seen in profile, standing still\n   * on two straight legs, the neck a single stroke up to a small head with its crown (the detail colour) and a long,\n   * straight beak; the folded wings low on its back. The flamingo bends and answers; the crane stands and listens.\n   */\n  crane: {\n    shadow: [62, 110, 20, 3],\n    legs: [\"M56 87 L55 108 M51 108 L59 108\", \"M67 87 L68 108 M64 108 L73 108\"],\n    body: \"M40 66 C38 54 84 54 86 68 C88 82 76 88 62 88 C48 88 40 80 40 66 Z\",\n    belly: \"M48 70 C48 62 78 62 79 70 C80 79 72 84 63 84 C54 84 48 79 48 70 Z\",\n    wings: [\n      { d: \"M44 62 C33 68 35 82 49 83 C45 76 45 69 44 62 Z\", pivot: [44, 62] },\n      { d: \"M82 62 C93 67 96 82 80 84 C83 76 83 69 82 62 Z\", pivot: [82, 62] },\n    ],\n    neck: { d: \"M52 62 C48 47 52 37 48 26\", width: 6 },\n    head: { cx: 47, cy: 21, r: 8.5 },\n    details: [\"M41 16.5 C42 11 52 11 53 16.5 C50 14.6 44 14.6 41 16.5 Z\"],\n    beak: \"M40.5 18.5 L19 22.5 L40.5 25.5 Z\",\n    eyes: { at: [[45.5, 19.5]], white: 2.8, pupil: 1.6 },\n  },\n};\n\n/** What a mood adds around the bird: a badge, a thought, an empty tray. */\nexport const MOOD_PARTS = {\n  /** The badge of `success` and `error`, top right. */\n  badge: { cx: 98, cy: 22, r: 11 },\n  check: \"M92.5 22.5 L96.8 26.6 L103.6 18.4\",\n  bang: { line: \"M98 15.5 L98 23.5\", dot: [98, 28] as Point },\n  /** `thinking`: three dots rising to the right of the head. */\n  dots: [\n    [88, 26, 2.6],\n    [96, 19, 3.2],\n    [105, 11, 3.8],\n  ] as const,\n  /** `empty`: an open tray beside the bird. */\n  tray: \"M90 96 L110 96 L107 108 L93 108 Z\",\n  /** `success`: two sparkles. */\n  sparkles: [\"M16 26 L18 31 L23 33 L18 35 L16 40 L14 35 L9 33 L14 31 Z\", \"M104 52 L105.2 55 L108 56 L105.2 57 L104 60 L102.8 57 L100 56 L102.8 55 Z\"],\n} as const;\n\n/** The happy eye of `success`: an arch. */\nexport const archEye = ([x, y]: Point, r: number) => `M${x - r} ${y + r * 0.45} Q${x} ${y - r * 1.15} ${x + r} ${y + r * 0.45}`;\n/** The lowered lid of `empty`: a line across the eye. */\nexport const lidEye = ([x, y]: Point, r: number) => `M${x - r} ${y + 0.4} L${x + r} ${y + 0.4}`;\n/** The heavy lid of `empty` over an eye with a white: its upper half. */\nexport const upperLid = ([x, y]: Point, r: number) => `M${x - r} ${y} A${r} ${r} 0 0 1 ${x + r} ${y} Z`;\n/** The worried brow of `error`, above one eye (`side` -1 left, 1 right). */\nexport const brow = ([x, y]: Point, r: number, side: number) =>\n  `M${x - r * 1.1} ${y - r * 1.25 - (side < 0 ? 0 : r * 0.7)} L${x + r * 1.1} ${y - r * 1.5 - (side < 0 ? r * 0.7 : 0)}`;\n\nexport interface MascotPalette {\n  /** Top and bottom of the body gradient. */\n  readonly from: string;\n  readonly to: string;\n  /** Wings and details (tufts, crest). */\n  readonly wing: string;\n  readonly detail: string;\n  /** Beak and feet. */\n  readonly beak: string;\n  /** The pupils (and the falcon's visor lights). */\n  readonly eye: string;\n}\n\n/** The signature palettes of the Krizaka story (`tone=\"own\"`), from the first drawings of each bird. */\nexport const OWN_PALETTES: Readonly<Record<MascotBird, MascotPalette>> = {\n  falcon: { from: \"#ff9f00\", to: \"#ff2a00\", wing: \"#d84315\", detail: \"#b4320d\", beak: \"#ffb300\", eye: \"#00c8d4\" },\n  owl: { from: \"#a78bfa\", to: \"#6d28d9\", wing: \"#7c3aed\", detail: \"#5b21b6\", beak: \"#fbbf24\", eye: \"#1f2937\" },\n  duck: { from: \"#f43f5e\", to: \"#be123c\", wing: \"#db2777\", detail: \"#9f1239\", beak: \"#fbbf24\", eye: \"#1f2937\" },\n  flamingo: { from: \"#f9a8d4\", to: \"#db2777\", wing: \"#ec4899\", detail: \"#be185d\", beak: \"#fbbf24\", eye: \"#1f2937\" },\n  pigeon: { from: \"#22d3ee\", to: \"#6366f1\", wing: \"#a855f7\", detail: \"#4338ca\", beak: \"#f59e0b\", eye: \"#1f2937\" },\n  lovebird: { from: \"#6ee7b7\", to: \"#059669\", wing: \"#047857\", detail: \"#fb7185\", beak: \"#f97316\", eye: \"#1f2937\" },\n  // The sandhill crane (grue du Canada): sand-grey plumage, its red crown, dark legs and beak.\n  crane: { from: \"#ebe3d6\", to: \"#9c8f80\", wing: \"#7d7266\", detail: \"#dc2626\", beak: \"#44403c\", eye: \"#1f2937\" },\n};\n\n/** Fixed light and shade, laid at a low opacity over a role (they read on both themes). */\nexport const LIGHT = \"#ffffff\";\nexport const SHADE = \"#000000\";\n/** The parcel's faces (pigeon). */\nexport const PARCEL = [\"#f59e0b\", \"#d97706\", \"#b45309\"] as const;\n","// The Krizaka flock on the web: one bird, one mood, drawn from ./geometry in the host's brand colours.\nimport type * as React from \"react\";\nimport { useId } from \"react\";\n\nimport { archEye, BIRDS, brow, lidEye, LIGHT, type MascotBird, type MascotMood, type MascotPalette, type MascotTone, MOOD_PARTS, OWN_PALETTES, PARCEL, SHADE, upperLid } from \"./geometry\";\n\nconst CSS = `\n.kzb-bird { transform-box: view-box; transform-origin: 60px 108px; }\n.kzb-eye { transform-box: fill-box; transform-origin: center; }\n.kzb-wing { transform-box: view-box; }\n[data-animated] .kzb-bird { animation: kzb-bob 3.6s ease-in-out infinite; }\n[data-animated] .kzb-blink { animation: kzb-blink 5.2s ease-in-out infinite; }\n[data-animated][data-mood=\"welcome\"] .kzb-wing-r { animation: kzb-wave 1.1s ease-in-out infinite alternate; }\n[data-animated][data-mood=\"thinking\"] .kzb-dot { animation: kzb-dot 1.5s ease-in-out infinite; }\n[data-animated][data-mood=\"thinking\"] .kzb-dot:nth-child(2) { animation-delay: .2s; }\n[data-animated][data-mood=\"thinking\"] .kzb-dot:nth-child(3) { animation-delay: .4s; }\n[data-animated][data-mood=\"success\"] .kzb-bird { animation: kzb-hop 1.6s cubic-bezier(.3,1.6,.5,1) 1, kzb-bob 3.6s ease-in-out 1.6s infinite; }\n[data-animated][data-mood=\"success\"] .kzb-badge { animation: kzb-pop .5s cubic-bezier(.3,1.6,.5,1) .3s both; }\n[data-animated][data-mood=\"success\"] .kzb-sparkle { animation: kzb-twinkle 2.4s ease-in-out infinite; }\n[data-animated][data-mood=\"error\"] .kzb-bird { animation: kzb-shake .5s ease-in-out .2s 2, kzb-bob 3.6s ease-in-out 1.2s infinite; }\n[data-animated][data-mood=\"empty\"] .kzb-bird { animation: kzb-sway 5s ease-in-out infinite; }\n.kzb-badge, .kzb-sparkle, .kzb-dot { transform-box: fill-box; transform-origin: center; }\n@keyframes kzb-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-2.5px); } }\n@keyframes kzb-blink { 0%, 92%, 100% { transform: scaleY(1); } 95% { transform: scaleY(.1); } }\n@keyframes kzb-wave { from { transform: rotate(-8deg); } to { transform: rotate(-38deg); } }\n@keyframes kzb-dot { 0%, 100% { opacity: .35; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-2px); } }\n@keyframes kzb-hop { 0% { transform: translateY(0); } 30% { transform: translateY(-9px); } 60% { transform: translateY(0); } 100% { transform: translateY(0); } }\n@keyframes kzb-pop { from { transform: scale(0); } to { transform: scale(1); } }\n@keyframes kzb-twinkle { 0%, 100% { opacity: .25; transform: scale(.7); } 50% { opacity: 1; transform: scale(1); } }\n@keyframes kzb-shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-3px); } 75% { transform: translateX(3px); } }\n@keyframes kzb-sway { 0%, 100% { transform: rotate(0); } 50% { transform: rotate(-2deg); } }\n@media (prefers-reduced-motion: reduce) {\n  .kzb-bird, .kzb-blink, .kzb-wing-r, .kzb-dot, .kzb-badge, .kzb-sparkle { animation: none !important; }\n}\n`;\n\n/** The host's roles (`tone=\"brand\"`): the accent paints the bird, so it wears the product it is shown in. */\nconst BRAND: MascotPalette = {\n  from: \"var(--kz-accent-2, var(--kz-accent))\",\n  to: \"var(--kz-accent)\",\n  wing: \"var(--kz-accent)\",\n  detail: \"var(--kz-accent-2, var(--kz-accent))\",\n  beak: \"var(--kz-warning)\",\n  eye: \"var(--kz-text-primary)\",\n};\nconst OUTLINE = \"var(--kz-border-strong, color-mix(in srgb, currentColor 35%, transparent))\";\nconst SURFACE = \"var(--kz-surface-0)\";\n\nexport type MascotProps = Omit<React.ComponentProps<\"svg\">, \"children\"> & {\n  /** Which bird of the flock: `falcon` (watch, security), `owl` (reading, documents), `duck` (building, code), `flamingo` (answers, support), `pigeon` (delivery, notifications), `lovebird` (introductions, two people who meet), `crane` (listening, a calm moment). */\n  bird?: MascotBird;\n  /** What the moment is: `welcome` (onboarding), `thinking` (a long task running), `success` (it is done), `empty` (nothing here yet), `error` (it failed). */\n  mood?: MascotMood;\n  /** `brand` (default): the host's accent, so the bird wears the product it is in. `own`: the bird's signature colours of the Krizaka story. */\n  tone?: MascotTone;\n  /** Width and height in pixels. */\n  size?: number;\n  /** A light idle motion and the mood's gesture. Off with `false`; always off under `prefers-reduced-motion`. */\n  animated?: boolean;\n  /** An accessible name (the bird becomes an image); without it the mascot is decorative. */\n  title?: string;\n};\n\n/**\n * One of the seven Krizaka birds in one mood — for the moments a product speaks to a person: a welcome, a long wait,\n * a success, an empty list, an error. Drawn in the host's brand colours by default (`tone=\"own\"` for the story's).\n */\nexport function Mascot({ bird = \"owl\", mood = \"welcome\", tone = \"brand\", size = 96, animated = true, title, className, ...props }: MascotProps) {\n  const uid = useId().replace(/[^a-zA-Z0-9_-]/g, \"\");\n  const g = BIRDS[bird];\n  const p = tone === \"own\" ? OWN_PALETTES[bird] : BRAND;\n  const body = `url(#kzb-${uid})`;\n  const line = { stroke: OUTLINE, strokeWidth: 1.4, strokeLinejoin: \"round\" as const };\n  const eyeR = g.eyes.white || g.eyes.pupil * 1.2;\n  const eyes = g.eyes.at.map((at, i) => {\n    const look = mood === \"thinking\" ? 1.4 : 0;\n    if (mood === \"success\") return <path key={i} d={archEye(at, eyeR * 0.85)} stroke={g.visor ? p.eye : OUTLINE} strokeWidth={2.2} strokeLinecap=\"round\" fill=\"none\" />;\n    if (mood === \"empty\" && g.eyes.white > 0)\n      return (\n        <g key={i}>\n          <circle cx={at[0]} cy={at[1]} r={g.eyes.white} fill={LIGHT} {...line} />\n          <circle cx={at[0]} cy={at[1] + g.eyes.pupil * 0.7} r={g.eyes.pupil} fill={SHADE} />\n          <path d={upperLid(at, g.eyes.white)} fill={p.detail} {...line} />\n        </g>\n      );\n    if (mood === \"empty\") return <path key={i} d={lidEye(at, eyeR * 0.8)} stroke={g.visor ? p.eye : OUTLINE} strokeWidth={2.2} strokeLinecap=\"round\" fill=\"none\" />;\n    return (\n      <g key={i} className=\"kzb-eye kzb-blink\">\n        {g.eyes.white > 0 && <circle cx={at[0]} cy={at[1]} r={g.eyes.white} fill={LIGHT} {...line} />}\n        <circle cx={at[0] + look} cy={at[1] - look} r={g.eyes.pupil} fill={g.visor ? p.eye : SHADE} />\n        {g.eyes.white > 0 && <circle cx={at[0] + look - g.eyes.pupil * 0.35} cy={at[1] - look - g.eyes.pupil * 0.35} r={g.eyes.pupil * 0.35} fill={LIGHT} />}\n      </g>\n    );\n  });\n  const [wl, wr] = g.wings;\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 120 120\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-bird={bird}\n      data-mood={mood}\n      data-animated={animated ? \"\" : undefined}\n      className={className}\n      {...(title ? { role: \"img\", \"aria-label\": title } : { \"aria-hidden\": true })}\n      {...props}\n    >\n      <style>{CSS}</style>\n      <defs>\n        <linearGradient id={`kzb-${uid}`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n          <stop offset=\"0%\" style={{ stopColor: p.from }} />\n          <stop offset=\"100%\" style={{ stopColor: p.to }} />\n        </linearGradient>\n      </defs>\n      <ellipse cx={g.shadow[0]} cy={g.shadow[1]} rx={g.shadow[2]} ry={g.shadow[3]} fill={SHADE} opacity={0.14} />\n      {mood === \"empty\" && <path d={MOOD_PARTS.tray} stroke={OUTLINE} strokeWidth={1.6} strokeDasharray=\"3 3\" strokeLinejoin=\"round\" />}\n      <g className=\"kzb-bird\">\n        {g.legs.map((d) => (\n          <path key={d} d={d} stroke={p.beak} strokeWidth={2.6} strokeLinecap=\"round\" />\n        ))}\n        {g.back?.map((d) => (d.endsWith(\"Z\") ? <path key={d} d={d} fill={p.detail} {...line} /> : <path key={d} d={d} stroke={OUTLINE} strokeWidth={1.4} />))}\n        {g.parcel && (\n          <g {...line}>\n            {g.parcel.map((d, i) => (\n              <path key={d} d={d} fill={PARCEL[i]} />\n            ))}\n          </g>\n        )}\n        <path d={g.body} fill={body} {...line} />\n        <path d={g.belly} fill={LIGHT} opacity={0.28} />\n        {[wl, wr].map((w, i) => {\n          const turn = mood === \"success\" ? (i === 0 ? 28 : -28) : mood === \"welcome\" && i === 1 ? -20 : 0;\n          return (\n            <g key={i} className={i === 1 ? \"kzb-wing kzb-wing-r\" : \"kzb-wing\"} style={{ transformOrigin: `${w.pivot[0]}px ${w.pivot[1]}px`, transform: turn ? `rotate(${turn}deg)` : undefined }}>\n              <path d={w.d} fill={p.wing} {...line} />\n              <path d={w.d} fill={SHADE} opacity={0.16} />\n            </g>\n          );\n        })}\n        {g.neck && <path d={g.neck.d} stroke={body} strokeWidth={g.neck.width} strokeLinecap=\"round\" />}\n        {g.head.r > 0 && <circle cx={g.head.cx} cy={g.head.cy} r={g.head.r} fill={body} {...line} />}\n        {g.details.map((d) => (\n          <path key={d} d={d} fill={p.detail} {...line} />\n        ))}\n        {g.visor && <rect x={g.visor.x} y={g.visor.y} width={g.visor.w} height={g.visor.h} rx={4} fill={SURFACE} {...line} />}\n        {eyes}\n        {g.glasses && (\n          <g stroke={OUTLINE} strokeWidth={1.3}>\n            {g.eyes.at.map(([x, y]) => (\n              <circle key={x} cx={x} cy={y} r={6.5} fill={LIGHT} fillOpacity={0.12} />\n            ))}\n            <path d={`M${g.eyes.at[0][0] + 6.5} ${g.eyes.at[0][1]} L${g.eyes.at[1][0] - 6.5} ${g.eyes.at[1][1]}`} />\n          </g>\n        )}\n        {mood === \"error\" &&\n          g.eyes.at.map((at, i) => <path key={i} d={brow(at, eyeR, g.eyes.at.length === 1 ? 1 : i === 0 ? -1 : 1)} stroke={OUTLINE} strokeWidth={2} strokeLinecap=\"round\" />)}\n        <path d={g.beak} fill={p.beak} {...line} />\n      </g>\n      {mood === \"thinking\" && (\n        <g>\n          {MOOD_PARTS.dots.map(([cx, cy, r]) => (\n            <circle key={cx} className=\"kzb-dot\" cx={cx} cy={cy} r={r} fill=\"var(--kz-text-secondary)\" />\n          ))}\n        </g>\n      )}\n      {mood === \"success\" && (\n        <>\n          {MOOD_PARTS.sparkles.map((d) => (\n            <path key={d} className=\"kzb-sparkle\" d={d} fill={p.from} />\n          ))}\n          <g className=\"kzb-badge\">\n            <circle cx={MOOD_PARTS.badge.cx} cy={MOOD_PARTS.badge.cy} r={MOOD_PARTS.badge.r} fill=\"var(--kz-success)\" />\n            <path d={MOOD_PARTS.check} stroke={SURFACE} strokeWidth={2.6} strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n          </g>\n        </>\n      )}\n      {mood === \"error\" && (\n        <g className=\"kzb-badge\">\n          <circle cx={MOOD_PARTS.badge.cx} cy={MOOD_PARTS.badge.cy} r={MOOD_PARTS.badge.r} fill=\"var(--kz-danger)\" />\n          <path d={MOOD_PARTS.bang.line} stroke={SURFACE} strokeWidth={2.8} strokeLinecap=\"round\" />\n          <circle cx={MOOD_PARTS.bang.dot[0]} cy={MOOD_PARTS.bang.dot[1]} r={1.6} fill={SURFACE} />\n        </g>\n      )}\n    </svg>\n  );\n}\n"],"mappings":";;;AAaO,IAAM,eAAe,CAAC,UAAU,OAAO,QAAQ,YAAY,UAAU,YAAY,OAAO;AAGxF,IAAM,eAAe,CAAC,WAAW,YAAY,WAAW,SAAS,OAAO;AAmC/E,IAAM,SAAS,CAAC,MAAc,EAAE,QAAQ,wCAAwC,CAAC,GAAG,GAAW,MAAc,GAAG,MAAM,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE;AAEtI,IAAM,aAAa;AACnB,IAAM,aAAa;AAEZ,IAAM,QAAoD;AAAA,EAC/D,QAAQ;AAAA,IACN,QAAQ,CAAC,IAAI,KAAK,IAAI,GAAG;AAAA,IACzB,MAAM,CAAC,kCAAkC,gCAAgC;AAAA,IACzE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,MACL,EAAE,GAAG,YAAY,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,MACjC,EAAE,GAAG,OAAO,UAAU,GAAG,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,IAC3C;AAAA,IACA,MAAM,EAAE,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG;AAAA,IAC9B,SAAS,CAAC,0BAA0B,wBAAwB;AAAA,IAC5D,OAAO,EAAE,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG;AAAA,IACpC,MAAM;AAAA,IACN,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,OAAO,GAAG,OAAO,IAAI;AAAA,EAC7D;AAAA,EACA,KAAK;AAAA,IACH,QAAQ,CAAC,IAAI,KAAK,IAAI,GAAG;AAAA,IACzB,MAAM,CAAC,mCAAmC,iCAAiC;AAAA,IAC3E,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,MACL,EAAE,GAAG,kDAAkD,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,MACvE,EAAE,GAAG,OAAO,gDAAgD,GAAG,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,IACjF;AAAA,IACA,MAAM,EAAE,IAAI,IAAI,IAAI,IAAI,GAAG,EAAE;AAAA,IAC7B,SAAS,CAAC,0BAA0B,wBAAwB;AAAA,IAC5D,MAAM;AAAA,IACN,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,OAAO,IAAI,OAAO,EAAE;AAAA,EACxD;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ,CAAC,IAAI,KAAK,IAAI,GAAG;AAAA,IACzB,MAAM,CAAC;AAAA,IACP,MAAM,CAAC,kDAAkD;AAAA,IACzD,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,MACL,EAAE,GAAG,kDAAkD,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,MACvE,EAAE,GAAG,OAAO,gDAAgD,GAAG,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,IACjF;AAAA,IACA,MAAM,EAAE,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG;AAAA,IAC9B,SAAS,CAAC,+CAA+C;AAAA,IACzD,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,OAAO,GAAG,OAAO,IAAI;AAAA,EACzD;AAAA,EACA,UAAU;AAAA,IACR,QAAQ,CAAC,IAAI,KAAK,IAAI,CAAC;AAAA,IACvB,MAAM,CAAC,yCAAyC,gCAAgC;AAAA,IAChF,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,MACL,EAAE,GAAG,kDAAkD,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,MACvE,EAAE,GAAG,kDAAkD,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,IACzE;AAAA,IACA,MAAM,EAAE,GAAG,6BAA6B,OAAO,EAAE;AAAA,IACjD,MAAM,EAAE,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG;AAAA,IAC9B,SAAS,CAAC;AAAA,IACV,MAAM;AAAA,IACN,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,OAAO,KAAK,OAAO,IAAI;AAAA,EACjD;AAAA,EACA,QAAQ;AAAA,IACN,QAAQ,CAAC,IAAI,KAAK,IAAI,CAAC;AAAA,IACvB,MAAM,CAAC,+BAA+B,6BAA6B;AAAA,IACnE,MAAM,CAAC,kBAAkB,kBAAkB,gDAAgD;AAAA,IAC3F,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,MACL,EAAE,GAAG,YAAY,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,MACjC,EAAE,GAAG,OAAO,UAAU,GAAG,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,IAC3C;AAAA,IACA,MAAM,EAAE,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG;AAAA,IAC9B,SAAS,CAAC,gDAAgD;AAAA,IAC1D,MAAM;AAAA,IACN,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,OAAO,GAAG,OAAO,IAAI;AAAA,IACvD,QAAQ,CAAC,qCAAqC,qCAAqC,mCAAmC;AAAA,EACxH;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AAAA,IACR,QAAQ,CAAC,IAAI,KAAK,IAAI,GAAG;AAAA,IACzB,MAAM,CAAC,kCAAkC,gCAAgC;AAAA,IACzE,MAAM,CAAC,kDAAkD;AAAA,IACzD,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,MACL,EAAE,GAAG,kDAAkD,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,MACvE,EAAE,GAAG,OAAO,gDAAgD,GAAG,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,IACjF;AAAA,IACA,MAAM,EAAE,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG;AAAA,IAC9B,SAAS,CAAC,sFAAsF;AAAA,IAChG,MAAM;AAAA,IACN,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,OAAO,KAAK,OAAO,IAAI;AAAA,EAC3D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO;AAAA,IACL,QAAQ,CAAC,IAAI,KAAK,IAAI,CAAC;AAAA,IACvB,MAAM,CAAC,kCAAkC,gCAAgC;AAAA,IACzE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,MACL,EAAE,GAAG,kDAAkD,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,MACvE,EAAE,GAAG,kDAAkD,OAAO,CAAC,IAAI,EAAE,EAAE;AAAA,IACzE;AAAA,IACA,MAAM,EAAE,GAAG,6BAA6B,OAAO,EAAE;AAAA,IACjD,MAAM,EAAE,IAAI,IAAI,IAAI,IAAI,GAAG,IAAI;AAAA,IAC/B,SAAS,CAAC,0DAA0D;AAAA,IACpE,MAAM;AAAA,IACN,MAAM,EAAE,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,GAAG,OAAO,KAAK,OAAO,IAAI;AAAA,EACrD;AACF;AAGO,IAAM,aAAa;AAAA;AAAA,EAExB,OAAO,EAAE,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG;AAAA,EAC/B,OAAO;AAAA,EACP,MAAM,EAAE,MAAM,qBAAqB,KAAK,CAAC,IAAI,EAAE,EAAW;AAAA;AAAA,EAE1D,MAAM;AAAA,IACJ,CAAC,IAAI,IAAI,GAAG;AAAA,IACZ,CAAC,IAAI,IAAI,GAAG;AAAA,IACZ,CAAC,KAAK,IAAI,GAAG;AAAA,EACf;AAAA;AAAA,EAEA,MAAM;AAAA;AAAA,EAEN,UAAU,CAAC,4DAA4D,2EAA2E;AACpJ;AAGO,IAAM,UAAU,CAAC,CAAC,GAAG,CAAC,GAAU,MAAc,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI,KAAK,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI;AAEtH,IAAM,SAAS,CAAC,CAAC,GAAG,CAAC,GAAU,MAAc,IAAI,IAAI,CAAC,IAAI,IAAI,GAAG,KAAK,IAAI,CAAC,IAAI,IAAI,GAAG;AAEtF,IAAM,WAAW,CAAC,CAAC,GAAG,CAAC,GAAU,MAAc,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC;AAE5F,IAAM,OAAO,CAAC,CAAC,GAAG,CAAC,GAAU,GAAW,SAC7C,IAAI,IAAI,IAAI,GAAG,IAAI,IAAI,IAAI,QAAQ,OAAO,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,GAAG,IAAI,IAAI,IAAI,OAAO,OAAO,IAAI,IAAI,MAAM,EAAE;AAgB/G,IAAM,eAA4D;AAAA,EACvE,QAAQ,EAAE,MAAM,WAAW,IAAI,WAAW,MAAM,WAAW,QAAQ,WAAW,MAAM,WAAW,KAAK,UAAU;AAAA,EAC9G,KAAK,EAAE,MAAM,WAAW,IAAI,WAAW,MAAM,WAAW,QAAQ,WAAW,MAAM,WAAW,KAAK,UAAU;AAAA,EAC3G,MAAM,EAAE,MAAM,WAAW,IAAI,WAAW,MAAM,WAAW,QAAQ,WAAW,MAAM,WAAW,KAAK,UAAU;AAAA,EAC5G,UAAU,EAAE,MAAM,WAAW,IAAI,WAAW,MAAM,WAAW,QAAQ,WAAW,MAAM,WAAW,KAAK,UAAU;AAAA,EAChH,QAAQ,EAAE,MAAM,WAAW,IAAI,WAAW,MAAM,WAAW,QAAQ,WAAW,MAAM,WAAW,KAAK,UAAU;AAAA,EAC9G,UAAU,EAAE,MAAM,WAAW,IAAI,WAAW,MAAM,WAAW,QAAQ,WAAW,MAAM,WAAW,KAAK,UAAU;AAAA;AAAA,EAEhH,OAAO,EAAE,MAAM,WAAW,IAAI,WAAW,MAAM,WAAW,QAAQ,WAAW,MAAM,WAAW,KAAK,UAAU;AAC/G;AAGO,IAAM,QAAQ;AACd,IAAM,QAAQ;AAEd,IAAM,SAAS,CAAC,WAAW,WAAW,SAAS;;;ACrOtD,SAAS,aAAa;AA0Ea,SA4F3B,UA5F2B,KAG3B,YAH2B;AAtEnC,IAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BZ,IAAM,QAAuB;AAAA,EAC3B,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AACP;AACA,IAAM,UAAU;AAChB,IAAM,UAAU;AAqBT,SAAS,OAAO,EAAE,OAAO,OAAO,OAAO,WAAW,OAAO,SAAS,OAAO,IAAI,WAAW,MAAM,OAAO,WAAW,GAAG,MAAM,GAAgB;AAC9I,QAAM,MAAM,MAAM,EAAE,QAAQ,mBAAmB,EAAE;AACjD,QAAM,IAAI,MAAM,IAAI;AACpB,QAAM,IAAI,SAAS,QAAQ,aAAa,IAAI,IAAI;AAChD,QAAM,OAAO,YAAY,GAAG;AAC5B,QAAM,OAAO,EAAE,QAAQ,SAAS,aAAa,KAAK,gBAAgB,QAAiB;AACnF,QAAM,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ;AAC5C,QAAM,OAAO,EAAE,KAAK,GAAG,IAAI,CAAC,IAAI,MAAM;AACpC,UAAM,OAAO,SAAS,aAAa,MAAM;AACzC,QAAI,SAAS,UAAW,QAAO,oBAAC,UAAa,GAAG,QAAQ,IAAI,OAAO,IAAI,GAAG,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,aAAa,KAAK,eAAc,SAAQ,MAAK,UAAhH,CAAuH;AACjK,QAAI,SAAS,WAAW,EAAE,KAAK,QAAQ;AACrC,aACE,qBAAC,OACC;AAAA,4BAAC,YAAO,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,OAAO,MAAM,OAAQ,GAAG,MAAM;AAAA,QACtE,oBAAC,YAAO,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,IAAI,EAAE,KAAK,QAAQ,KAAK,GAAG,EAAE,KAAK,OAAO,MAAM,OAAO;AAAA,QACjF,oBAAC,UAAK,GAAG,SAAS,IAAI,EAAE,KAAK,KAAK,GAAG,MAAM,EAAE,QAAS,GAAG,MAAM;AAAA,WAHzD,CAIR;AAEJ,QAAI,SAAS,QAAS,QAAO,oBAAC,UAAa,GAAG,OAAO,IAAI,OAAO,GAAG,GAAG,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,aAAa,KAAK,eAAc,SAAQ,MAAK,UAA9G,CAAqH;AAC7J,WACE,qBAAC,OAAU,WAAU,qBAClB;AAAA,QAAE,KAAK,QAAQ,KAAK,oBAAC,YAAO,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,OAAO,MAAM,OAAQ,GAAG,MAAM;AAAA,MAC3F,oBAAC,YAAO,IAAI,GAAG,CAAC,IAAI,MAAM,IAAI,GAAG,CAAC,IAAI,MAAM,GAAG,EAAE,KAAK,OAAO,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO;AAAA,MAC3F,EAAE,KAAK,QAAQ,KAAK,oBAAC,YAAO,IAAI,GAAG,CAAC,IAAI,OAAO,EAAE,KAAK,QAAQ,MAAM,IAAI,GAAG,CAAC,IAAI,OAAO,EAAE,KAAK,QAAQ,MAAM,GAAG,EAAE,KAAK,QAAQ,MAAM,MAAM,OAAO;AAAA,SAH5I,CAIR;AAAA,EAEJ,CAAC;AACD,QAAM,CAAC,IAAI,EAAE,IAAI,EAAE;AACnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,aAAW;AAAA,MACX,aAAW;AAAA,MACX,iBAAe,WAAW,KAAK;AAAA,MAC/B;AAAA,MACC,GAAI,QAAQ,EAAE,MAAM,OAAO,cAAc,MAAM,IAAI,EAAE,eAAe,KAAK;AAAA,MACzE,GAAG;AAAA,MAEJ;AAAA,4BAAC,WAAO,eAAI;AAAA,QACZ,oBAAC,UACC,+BAAC,oBAAe,IAAI,OAAO,GAAG,IAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KACxD;AAAA,8BAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,EAAE,KAAK,GAAG;AAAA,UAChD,oBAAC,UAAK,QAAO,QAAO,OAAO,EAAE,WAAW,EAAE,GAAG,GAAG;AAAA,WAClD,GACF;AAAA,QACA,oBAAC,aAAQ,IAAI,EAAE,OAAO,CAAC,GAAG,IAAI,EAAE,OAAO,CAAC,GAAG,IAAI,EAAE,OAAO,CAAC,GAAG,IAAI,EAAE,OAAO,CAAC,GAAG,MAAM,OAAO,SAAS,MAAM;AAAA,QACxG,SAAS,WAAW,oBAAC,UAAK,GAAG,WAAW,MAAM,QAAQ,SAAS,aAAa,KAAK,iBAAgB,OAAM,gBAAe,SAAQ;AAAA,QAC/H,qBAAC,OAAE,WAAU,YACV;AAAA,YAAE,KAAK,IAAI,CAAC,MACX,oBAAC,UAAa,GAAM,QAAQ,EAAE,MAAM,aAAa,KAAK,eAAc,WAAzD,CAAiE,CAC7E;AAAA,UACA,EAAE,MAAM,IAAI,CAAC,MAAO,EAAE,SAAS,GAAG,IAAI,oBAAC,UAAa,GAAM,MAAM,EAAE,QAAS,GAAG,QAA7B,CAAmC,IAAK,oBAAC,UAAa,GAAM,QAAQ,SAAS,aAAa,OAAvC,CAA4C,CAAG;AAAA,UACnJ,EAAE,UACD,oBAAC,OAAG,GAAG,MACJ,YAAE,OAAO,IAAI,CAAC,GAAG,MAChB,oBAAC,UAAa,GAAM,MAAM,OAAO,CAAC,KAAvB,CAA0B,CACtC,GACH;AAAA,UAEF,oBAAC,UAAK,GAAG,EAAE,MAAM,MAAM,MAAO,GAAG,MAAM;AAAA,UACvC,oBAAC,UAAK,GAAG,EAAE,OAAO,MAAM,OAAO,SAAS,MAAM;AAAA,UAC7C,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,GAAG,MAAM;AACtB,kBAAM,OAAO,SAAS,YAAa,MAAM,IAAI,KAAK,MAAO,SAAS,aAAa,MAAM,IAAI,MAAM;AAC/F,mBACE,qBAAC,OAAU,WAAW,MAAM,IAAI,wBAAwB,YAAY,OAAO,EAAE,iBAAiB,GAAG,EAAE,MAAM,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,MAAM,WAAW,OAAO,UAAU,IAAI,SAAS,OAAU,GAClL;AAAA,kCAAC,UAAK,GAAG,EAAE,GAAG,MAAM,EAAE,MAAO,GAAG,MAAM;AAAA,cACtC,oBAAC,UAAK,GAAG,EAAE,GAAG,MAAM,OAAO,SAAS,MAAM;AAAA,iBAFpC,CAGR;AAAA,UAEJ,CAAC;AAAA,UACA,EAAE,QAAQ,oBAAC,UAAK,GAAG,EAAE,KAAK,GAAG,QAAQ,MAAM,aAAa,EAAE,KAAK,OAAO,eAAc,SAAQ;AAAA,UAC5F,EAAE,KAAK,IAAI,KAAK,oBAAC,YAAO,IAAI,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,GAAG,EAAE,KAAK,GAAG,MAAM,MAAO,GAAG,MAAM;AAAA,UACzF,EAAE,QAAQ,IAAI,CAAC,MACd,oBAAC,UAAa,GAAM,MAAM,EAAE,QAAS,GAAG,QAA7B,CAAmC,CAC/C;AAAA,UACA,EAAE,SAAS,oBAAC,UAAK,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,MAAM,GAAG,OAAO,EAAE,MAAM,GAAG,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,SAAU,GAAG,MAAM;AAAA,UAClH;AAAA,UACA,EAAE,WACD,qBAAC,OAAE,QAAQ,SAAS,aAAa,KAC9B;AAAA,cAAE,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,MACnB,oBAAC,YAAe,IAAI,GAAG,IAAI,GAAG,GAAG,KAAK,MAAM,OAAO,aAAa,QAAnD,CAAyD,CACvE;AAAA,YACD,oBAAC,UAAK,GAAG,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI;AAAA,aACxG;AAAA,UAED,SAAS,WACR,EAAE,KAAK,GAAG,IAAI,CAAC,IAAI,MAAM,oBAAC,UAAa,GAAG,KAAK,IAAI,MAAM,EAAE,KAAK,GAAG,WAAW,IAAI,IAAI,MAAM,IAAI,KAAK,CAAC,GAAG,QAAQ,SAAS,aAAa,GAAG,eAAc,WAApH,CAA4H,CAAE;AAAA,UACpK,oBAAC,UAAK,GAAG,EAAE,MAAM,MAAM,EAAE,MAAO,GAAG,MAAM;AAAA,WAC3C;AAAA,QACC,SAAS,cACR,oBAAC,OACE,qBAAW,KAAK,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,MAC9B,oBAAC,YAAgB,WAAU,WAAU,IAAQ,IAAQ,GAAM,MAAK,8BAAnD,EAA8E,CAC5F,GACH;AAAA,QAED,SAAS,aACR,iCACG;AAAA,qBAAW,SAAS,IAAI,CAAC,MACxB,oBAAC,UAAa,WAAU,eAAc,GAAM,MAAM,EAAE,QAAzC,CAA+C,CAC3D;AAAA,UACD,qBAAC,OAAE,WAAU,aACX;AAAA,gCAAC,YAAO,IAAI,WAAW,MAAM,IAAI,IAAI,WAAW,MAAM,IAAI,GAAG,WAAW,MAAM,GAAG,MAAK,qBAAoB;AAAA,YAC1G,oBAAC,UAAK,GAAG,WAAW,OAAO,QAAQ,SAAS,aAAa,KAAK,eAAc,SAAQ,gBAAe,SAAQ;AAAA,aAC7G;AAAA,WACF;AAAA,QAED,SAAS,WACR,qBAAC,OAAE,WAAU,aACX;AAAA,8BAAC,YAAO,IAAI,WAAW,MAAM,IAAI,IAAI,WAAW,MAAM,IAAI,GAAG,WAAW,MAAM,GAAG,MAAK,oBAAmB;AAAA,UACzG,oBAAC,UAAK,GAAG,WAAW,KAAK,MAAM,QAAQ,SAAS,aAAa,KAAK,eAAc,SAAQ;AAAA,UACxF,oBAAC,YAAO,IAAI,WAAW,KAAK,IAAI,CAAC,GAAG,IAAI,WAAW,KAAK,IAAI,CAAC,GAAG,GAAG,KAAK,MAAM,SAAS;AAAA,WACzF;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/code-block.d.ts

@@ -1,26 +1,51 @@
 import * as React from 'react';
 
+/** What an annotation says about its lines. */
+type AnnotationKind = "highlight" | "added" | "removed" | "focus" | "dim" | "error" | "warning";
+/** Lines of a sample set apart: one line (`3`) or a range (`[3, 5]`), counted from 1. */
+type CodeAnnotation = {
+    lines: number | readonly [number, number];
+    kind: AnnotationKind;
+};
+type HighlightOptions = {
+    /** A number before every line. */
+    lineNumbers?: boolean;
+    /** Lines set apart: highlighted, added, removed, in focus (the others are dimmed), dimmed, error, warning. */
+    annotations?: readonly CodeAnnotation[];
+};
+/** Splits `code` into text and coloured spans (`th-keyword`, `th-string`…), and into lines when numbered or annotated. */
+declare function highlight(code: string, language?: string, { lineNumbers, annotations }?: HighlightOptions): React.ReactNode[];
+/** The language a sample is tokenized in (`bash` → `shell`, `xml` → `html`, unknown → `plaintext`). */
+declare function normalizeCodeLanguage(language?: string): string;
+
 type CodeBlockProps = Omit<React.HTMLAttributes<HTMLElement>, "children"> & {
     /** The code, as it is copied. */
     code: string;
-    /** Its language, shown as a tag and used by the highlighter: `xml`, `kotlin`, `ts`, `bash`, `yaml`… */
+    /**
+     * Its language, shown as a tag and used by the highlighter: `ts`, `tsx`, `js`, `jsx`, `json`, `yaml`, `bash`, `html`
+     * (`xml`), `css`, `java`, `kotlin`, `diff`, `properties`. Another one is shown as plain text.
+     */
     language?: string;
     /** The file it belongs in (`pom.xml`, `application.yml`), or what it is (`Terminal`). */
     file?: React.ReactNode;
-    /** The copy button's words. */
-    copyLabel: string;
+    /** The copy button's words, passed translated. Without them there is no copy button (a sample inside a text, say). */
+    copyLabel?: string;
     /** What the button says once the code is copied (announced politely). */
-    copiedLabel: string;
+    copiedLabel?: string;
     /**
-     * Colours comments, strings, annotations, tags and keywords (the tokens' roles).
+     * Colours comments, strings, keywords, types, tags and numbers (the tokens' roles).
      * @default true
      */
     highlight?: boolean;
+    /** A number before every line. */
+    lineNumbers?: boolean;
+    /** Lines set apart: `highlight`, `added`, `removed`, `error`, `warning`, `dim`, or `focus` (all the others are dimmed). */
+    annotations?: readonly CodeAnnotation[];
     /** Called after the code is copied. */
     onCopy?: () => void;
 };
 /** A code sample: language and file name, highlighted code that scrolls sideways, a copy button. */
-declare function CodeBlock({ code, language, file, copyLabel, copiedLabel, highlight: colour, onCopy, className, ...props }: CodeBlockProps): React.JSX.Element;
+declare function CodeBlock({ code, language, file, copyLabel, copiedLabel, highlight: colour, lineNumbers, annotations, onCopy, className, ...props }: CodeBlockProps): React.JSX.Element;
 type CodeTabsProps = Omit<React.HTMLAttributes<HTMLDivElement>, "dir" | "defaultValue"> & {
     /** What the tabs choose between (`Build tool`): the tab list's accessible name. */
     label: string;
@@ -36,7 +61,4 @@ type CodeTabsProps = Omit<React.HTMLAttributes<HTMLDivElement>, "dir" | "default
 /** Several ways to write the same thing (Maven · Gradle · npm): segmented tabs above code samples. */
 declare function CodeTabs({ label, tabs, defaultValue, className, ...props }: CodeTabsProps): React.JSX.Element;
 
-/** Splits `code` into text and coloured spans. A `#` after a space starts a comment (shell, YAML, properties), not in CSS or code. */
-declare function highlight(code: string, language: string): React.ReactNode[];
-
-export { CodeBlock, type CodeBlockProps, CodeTabs, type CodeTabsProps, highlight };
+export { type AnnotationKind, type CodeAnnotation, CodeBlock, type CodeBlockProps, CodeTabs, type CodeTabsProps, type HighlightOptions, highlight, normalizeCodeLanguage };