themelia-ui 1.0.0

package/dist/lib/ui-provider/types.d.ts

@@ -0,0 +1,180 @@
+import { Locale } from 'date-fns';
+import { ComponentScale } from '../component-vocabulary.js';
+import { PaletteToken, SemanticToken } from './tokens.generated.js';
+export type { ComponentScale };
+export type { PaletteToken, SemanticToken };
+/** Global geometry scaling. Maps to `--space-scale` and `--density-scale`. */
+export type Density = "compact" | "default" | "comfortable";
+/** Step on the type scale. `inherit` lets the surrounding size flow through. */
+export type TextSize = "inherit" | "xxs" | "xs" | "pxs" | "sm" | "base" | "lg" | "xl";
+export type ColorScheme = "light" | "dark" | "system";
+/**
+ * Theme overrides.
+ *
+ * Token names are generated from the stylesheet, so a typo or a renamed token is a type
+ * error rather than an override that silently does nothing.
+ */
+export interface ThemeConfig {
+    /** Base corner radius every tier derives from. */
+    radius?: string;
+    /** Semantic colour overrides — meaning, not raw value. Prefer these. */
+    colors?: Partial<Record<SemanticToken, string>>;
+    /**
+     * Primitive ramp overrides. Moves every semantic that resolves through the step, so
+     * this is the lever for a rebrand rather than a one-off tweak.
+     */
+    palette?: Partial<Record<PaletteToken, string>>;
+    /** Escape hatch for custom properties the kit does not define. Keys omit `--`. */
+    vars?: Record<string, string>;
+}
+export interface TypographyConfig {
+    /**
+     * Multiplies the prose type ramp. Default 1, independent of `scale`.
+     *
+     * Reading size and control geometry are separate decisions — asking for smaller body
+     * copy should not shrink the buttons beside it.
+     */
+    scale?: number;
+    /**
+     * Size components fall back to when they do not set one explicitly. Defaults to `sm`
+     * (14px): 16px is a reading size for documents, while a dense admin surface reads at
+     * 14px, so `base` is a deliberate step up rather than the default.
+     */
+    defaultTextSize?: TextSize;
+    /** Font stack overrides. */
+    fonts?: Partial<Record<"sans" | "serif" | "mono" | "heading", string>>;
+    /** Per-step size overrides, keyed without the `--text-` prefix. */
+    sizes?: Partial<Record<Exclude<TextSize, "inherit">, string>>;
+}
+export interface MotionConfig {
+    /** Duration overrides, keyed without the `--duration-` prefix. */
+    durations?: Partial<Record<"instant" | "fast" | "normal" | "slow", string>>;
+    /**
+     * Forces motion off regardless of the OS setting. `undefined` respects
+     * `prefers-reduced-motion`, which is the right default.
+     */
+    reduced?: boolean;
+}
+/**
+ * Locale, and nothing else.
+ *
+ * Money and dates each have their own slice below. They share the locale — one page
+ * cannot be Dutch for its prices and English for its dates — and share nothing else, so
+ * a currency policy and a week-start living in one bag is three jobs in one place.
+ */
+export interface FormattingConfig {
+    /** BCP-47 tag used by every Intl formatter in the kit. */
+    locale?: string;
+}
+/** How an amount is written. Separate from WHICH currency it is in. */
+export type MoneyFormatMode = "decimal" | "with-code" | "with-symbol";
+/**
+ * Whether a second currency shows.
+ *
+ * `dynamic` is the one worth explaining: it shows the secondary value only when the two
+ * codes actually differ, so a EUR price in a EUR store renders once and the same
+ * component in a shop with a display currency renders twice — without the call site
+ * knowing which case it is in.
+ */
+export type MoneyDisplayMode = "primary-only" | "dual" | "dynamic";
+/** Where the second value sits. */
+export type MoneyLayout = "inline" | "stacked";
+/** How loud the second value is against the first. */
+export type MoneySecondaryEmphasis = "discrete" | "muted" | "match" | "hidden";
+export interface MoneyConfig {
+    /** Used when a `<Money>` is given no currency. */
+    defaultCurrency?: string;
+    /** A converted currency shown beside the primary one. */
+    displayCurrency?: string;
+    /** The master switch. Off, a `secondary` passed at a call site still renders. */
+    dualPricingEnabled?: boolean;
+    displayMode?: MoneyDisplayMode;
+    layout?: MoneyLayout;
+    formatMode?: MoneyFormatMode;
+}
+export interface DatesConfig {
+    /** First day of the week in calendars and pickers. 0 = Sunday. */
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /** date-fns pattern the date primitives fall back to. */
+    format?: string;
+    /**
+     * date-fns pattern for a time of day.
+     *
+     * Separate from `format`, because a calendar shows dates and times in different places
+     * and an application that wants 24-hour times does not thereby want a different date
+     * format. `"p"` asks date-fns for the locale's own convention.
+     */
+    timeFormat?: string;
+    /**
+     * The date-fns LOCALE OBJECT — what actually translates month and weekday names.
+     *
+     * Separate from `formatting.locale` because it cannot be derived from it: date-fns
+     * locales are modules, and importing all of them to look one up by tag would put every
+     * language in every bundle. The consumer imports the one it needs.
+     */
+    locale?: Locale;
+    /**
+     * Replaces the relative-time wording — "7 days ago", "in 2 hours".
+     *
+     * A hook rather than a pattern, because relative time is not a format string in any
+     * language: it pluralises, and several languages inflect the unit by the number.
+     */
+    formatRelativeTime?: (date: Date, now: Date) => string;
+}
+/**
+ * Per-component prop defaults.
+ *
+ * Deliberately empty here. A component family augments it from its own directory:
+ *
+ * ```ts
+ * declare module "@/lib/ui-provider" {
+ *   interface ComponentDefaults {
+ *     button: { tone: SemanticTone; buttonStyle: ButtonStyle; size: ComponentScale }
+ *   }
+ * }
+ * ```
+ *
+ * The source kit put a slice per component in its core config — `item`, `button`,
+ * `badge`, `card`, `toast`, `spinner`, and `comments` (a *feature*) all lived in the core
+ * type, so adding a component meant editing the core. Interface merging keeps this type
+ * closed while staying fully typed at the call site.
+ */
+export interface ComponentDefaults {
+}
+export interface UIConfig {
+    /** Colour scheme. `system` follows `prefers-color-scheme`. */
+    colorScheme?: ColorScheme;
+    theme?: ThemeConfig;
+    /** Named spacing/control-density preset. Readable typography is unchanged. */
+    density?: Density;
+    /**
+     * The explicit whole-UI factor. Default 1.
+     *
+     * Multiplies control heights, paddings, gaps, icons, prose, and control labels. Use
+     * `density` when only spacing/control geometry should move, or `typography.scale` when
+     * only the type ramp should move.
+     */
+    scale?: number;
+    typography?: TypographyConfig;
+    motion?: MotionConfig;
+    formatting?: FormattingConfig;
+    money?: MoneyConfig;
+    dates?: DatesConfig;
+    defaults?: {
+        [K in keyof ComponentDefaults]?: Partial<ComponentDefaults[K]>;
+    };
+}
+/** A config with every JS-side decision resolved. Token slices stay partial by design. */
+export interface ResolvedUIConfig extends UIConfig {
+    colorScheme: ColorScheme;
+    density: Density;
+    scale: number;
+    typography: TypographyConfig & {
+        defaultTextSize: TextSize;
+    };
+    formatting: Required<FormattingConfig>;
+    /** `displayCurrency` stays optional: having none is the ordinary case, not a gap. */
+    money: Required<Omit<MoneyConfig, "displayCurrency">> & Pick<MoneyConfig, "displayCurrency">;
+    /** `locale` and `formatRelativeTime` stay optional — English is the built-in behaviour. */
+    dates: Required<Omit<DatesConfig, "locale" | "formatRelativeTime">> & Pick<DatesConfig, "locale" | "formatRelativeTime">;
+}

package/dist/lib/ui-provider/ui-scope.d.cts

@@ -0,0 +1,24 @@
+import { useRender } from '@base-ui/react/use-render';
+import { UIConfig } from './types.cjs';
+export interface UIScopeProps extends useRender.ComponentProps<"div"> {
+    /** Merged over the nearest enclosing scope or root. */
+    config?: UIConfig;
+    /**
+     * Removes the element from layout with `display: contents`. Custom properties still
+     * inherit through it — inheritance does not depend on the box. Set `false` when the
+     * scope should be a real box, such as a themed panel with its own surface.
+     */
+    transparent?: boolean;
+}
+/**
+ * `<UIScope>` — a region with its own tokens.
+ *
+ * Nests freely: the cascade merges the custom properties, context merges the JavaScript
+ * half. It writes only its OWN overrides, because inherited values already cascade in, and
+ * it never touches the document — that is the root's job and only when asked.
+ *
+ * `render` decides the element. A scope forced to be a `div` is unusable in the places that
+ * most want one: inside a `<table>`, a `<dl>`, a `<ul>`, or anywhere the surrounding markup
+ * has an opinion. `<UIScope render={<aside />}>` is a real aside.
+ */
+export declare function UIScope({ config, transparent, render, className, style, ...props }: UIScopeProps): import("react").JSX.Element;

package/dist/lib/ui-provider/ui-scope.d.ts

@@ -0,0 +1,24 @@
+import { useRender } from '@base-ui/react/use-render';
+import { UIConfig } from './types.js';
+export interface UIScopeProps extends useRender.ComponentProps<"div"> {
+    /** Merged over the nearest enclosing scope or root. */
+    config?: UIConfig;
+    /**
+     * Removes the element from layout with `display: contents`. Custom properties still
+     * inherit through it — inheritance does not depend on the box. Set `false` when the
+     * scope should be a real box, such as a themed panel with its own surface.
+     */
+    transparent?: boolean;
+}
+/**
+ * `<UIScope>` — a region with its own tokens.
+ *
+ * Nests freely: the cascade merges the custom properties, context merges the JavaScript
+ * half. It writes only its OWN overrides, because inherited values already cascade in, and
+ * it never touches the document — that is the root's job and only when asked.
+ *
+ * `render` decides the element. A scope forced to be a `div` is unusable in the places that
+ * most want one: inside a `<table>`, a `<dl>`, a `<ul>`, or anywhere the surrounding markup
+ * has an opinion. `<UIScope render={<aside />}>` is a real aside.
+ */
+export declare function UIScope({ config, transparent, render, className, style, ...props }: UIScopeProps): import("react").JSX.Element;

package/dist/mentions-DVk3k6V4.cjs

@@ -0,0 +1 @@
+const e=require("./typography-kBzTy-jM.cjs"),t=require("./use-debounced-callback-BiZB-QB2.cjs"),n=require("./popover-1YaYvaYu.cjs"),r=require("./command-stmM9WWi.cjs"),i=require("./spinner-Bc_A0cRc.cjs");let a=require("react"),o=require("react/jsx-runtime"),s=require("clsx");function c({mention:e,resource:t,asLink:n=!0,onClick:r,trailing:i,className:a,...c}){if(t?.renderChip)return(0,o.jsx)(o.Fragment,{children:t.renderChip(e)});let l=t?.icon,u=t?.tone,d=(0,o.jsxs)(o.Fragment,{children:[!!l&&(0,o.jsx)(l,{}),e.label,i]}),f={"data-ref-id":e.id,"data-ref-kind":e.kind,"data-ref-tone":u,className:(0,s.clsx)(`mention-chip--component`,a)};return n&&e.href?(0,o.jsx)(`a`,{...f,href:e.href,target:`_blank`,rel:`noreferrer noopener`,onClick:r,children:d}):(0,o.jsx)(`span`,{...f,onClick:r,...c,children:d})}var l=RegExp(`<((?:span|a))\\b[^>]*?data-ref-id\\s*=\\s*"([^"]+)"[^>]*?>([\\s\\S]*?)<\\/\\1>`,`gi`),u=/data-ref-kind\s*=\s*"([^"]+)"/i,d=/^[@#$&%!~]\s*/;function f(e){return String(e??``).replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`)}function p(e){return String(e??``).replace(/"/g,`&quot;`)}function m(e,t){return`<span data-ref-id="${p(e.id)}" data-ref-kind="${p(e.kind)}"${t?.tone?` data-ref-tone="${p(t.tone)}"`:``} contenteditable="false">${f(t?.triggerChar??(e.kind===`user`?`@`:``))}${f(e.label)}</span>&nbsp;`}function h(e){let t=[];if(!e)return t;let n=new Set;l.lastIndex=0;let r;for(;(r=l.exec(e))!==null;){let[e,,i,a]=r;if(n.has(i))continue;n.add(i);let o=e.match(u)?.[1]??i.split(`:`)[0]??``,s=(a??``).replace(/<[^>]*>/g,``).replace(/&nbsp;/g,` `).replace(d,``).trim();t.push({id:i,kind:o,label:s})}return t}function g(e){if(!e)return[];let t=[],n=0;l.lastIndex=0;let r;for(;(r=l.exec(e))!==null;){let[i,,a]=r,o=e.slice(n,r.index);o.length>0&&t.push({kind:`html`,value:o}),t.push({kind:`mention`,refId:a,fallback:i}),n=r.index+i.length}let i=e.slice(n);return i.length>0&&t.push({kind:`html`,value:i}),t}function _({html:t,mentions:n,resources:r,renderMention:i,sanitizer:s,...l}){let u=(0,a.useMemo)(()=>s?s(t??``):e.n(t??``),[t,s]),d=(0,a.useMemo)(()=>{let e=new Map;for(let t of n??[])e.set(t.id,t);return e},[n]),f=(0,a.useMemo)(()=>d.size>0?g(u):[{kind:`html`,value:u}],[d,u]);if(!u)return null;let p=f.map((e,t)=>{if(e.kind===`mention`){let n=d.get(e.refId);return n?(0,o.jsx)(a.Fragment,{children:i?i(n):(0,o.jsx)(c,{mention:n,resource:r?.[n.kind]})},`ref-${t}-${e.refId}`):(0,o.jsx)(`span`,{dangerouslySetInnerHTML:{__html:e.fallback}},`stored-${t}`)}return(0,o.jsx)(`span`,{dangerouslySetInnerHTML:{__html:e.value}},`html-${t}`)});return(0,o.jsx)(e.t,{...l,children:p})}var v={title:`Insert reference`,formatQuery:e=>`\u201c${e}\u201d`,empty:`No matches.`,loading:`Searching…`,listLabel:`Reference suggestions`},y={...v,searchPlaceholder:`Search…`},b={panel:`mentions-module__panel___KppC9`,panelInline:`mentions-module__panelInline___j9VXW`,panelHeader:`mentions-module__panelHeader___BN8kH`,panelTitleRow:`mentions-module__panelTitleRow___NFqJf`,panelQuery:`mentions-module__panelQuery___qvgnp`,tabs:`mentions-module__tabs___Z4dFj`,tab:`mentions-module__tab___QzHK6`,tabIcon:`mentions-module__tabIcon___t9WSS`,tabCount:`mentions-module__tabCount___5IFkH`,list:`mentions-module__list___H11u6`,listState:`mentions-module__listState___Fh49z`,row:`mentions-module__row___KwY1g`,rowIcon:`mentions-module__rowIcon___2aBTN`,rowText:`mentions-module__rowText___mGwnk`,command:`mentions-module__command___7nCy6`,commandList:`mentions-module__commandList___DPhKH`};function x({kinds:t,activeKind:n,onSelect:r,resources:i,suggestionsByKind:a}){return t.length<=1?null:(0,o.jsx)(`div`,{className:(0,s.clsx)(`mention-kind-tabs--component`,b.tabs),role:`tablist`,children:t.map(t=>{let s=i?.[t],c=s?.icon,l=t===n,u=a?.[t]?.length??0;return(0,o.jsxs)(`button`,{type:`button`,role:`tab`,"aria-selected":l,"data-active":l||void 0,"data-empty":u===0||void 0,onClick:()=>r(t),className:b.tab,children:[!!c&&(0,o.jsx)(c,{className:b.tabIcon}),(0,o.jsx)(e.o,{tag:`span`,size:`xs`,weight:`medium`,type:`inherit`,children:s?.label??String(t)}),u>0&&(0,o.jsx)(e.o,{tag:`span`,size:`xs`,weight:`medium`,type:`inherit`,numeric:!0,className:b.tabCount,children:u})]},t)})})}function S({suggestions:t,activeKind:n,loading:r,loadingLabel:a,emptyLabel:c,listLabel:l,onSelect:u,className:d}){return r?(0,o.jsx)(`div`,{className:(0,s.clsx)(b.list,b.listState,d),children:(0,o.jsx)(i.t,{label:a})}):t.length===0?(0,o.jsx)(`div`,{className:(0,s.clsx)(b.list,b.listState,d),children:(0,o.jsx)(e.o,{size:`sm`,type:`secondary`,children:c})}):(0,o.jsx)(`div`,{role:`listbox`,"aria-label":l,className:(0,s.clsx)(`mention-rows--component`,b.list,d),children:t.map(t=>{let r=t.kind??n??``,i=t.icon;return(0,o.jsxs)(`button`,{type:`button`,role:`option`,"aria-selected":!1,"data-suggestion-id":`${r}:${t.id}`,onClick:()=>u(t),className:b.row,children:[!!i&&(0,o.jsx)(i,{className:b.rowIcon}),(0,o.jsxs)(`span`,{className:b.rowText,children:[(0,o.jsx)(e.o,{tag:`span`,size:`sm`,weight:`medium`,truncate:!0,children:t.label}),!!t.description&&(0,o.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,truncate:!0,children:t.description})]})]},`${r}:${t.id}`)})})}function C({open:t,activeKind:i,setActiveKind:a,kinds:c,resources:l,suggestionsByKind:u,query:d,setQuery:f,suggestions:p,loading:m,onSelect:h,strings:g,className:_}){let v={...y,...g};return t?(0,o.jsxs)(n.r,{align:`start`,inset:`flush`,width:void 0,className:(0,s.clsx)(`mention-picker--component`,b.panel,_),children:[(0,o.jsxs)(`div`,{className:b.panelHeader,children:[(0,o.jsx)(`div`,{className:b.panelTitleRow,children:(0,o.jsx)(e.o,{size:`xs`,weight:`medium`,type:`secondary`,children:v.title})}),(0,o.jsx)(x,{kinds:c,activeKind:i,resources:l,suggestionsByKind:u,onSelect:a})]}),(0,o.jsxs)(r.t,{shouldFilter:!1,className:b.command,children:[(0,o.jsx)(r.a,{placeholder:v.searchPlaceholder,value:d,onValueChange:f}),(0,o.jsx)(r.s,{className:b.commandList,children:(0,o.jsx)(S,{suggestions:p,activeKind:i,loading:m,loadingLabel:v.loading,emptyLabel:v.empty,listLabel:v.listLabel,onSelect:h})})]})]}):null}function w({open:t,activeKind:n,setActiveKind:r,kinds:i,resources:c,suggestionsByKind:l,suggestions:u,loading:d,query:f,onManualKindChange:p,onSelect:m,strings:h,className:g}){let _={...v,...h},y=(0,a.useRef)(null),[C,w]=(0,a.useState)(`bottom`);return(0,a.useLayoutEffect)(()=>{if(!t){w(`bottom`);return}let e=y.current;if(!e)return;let n=()=>{let t=e.offsetParent;if(!t)return;let n=t.getBoundingClientRect(),r=e.offsetHeight,i=window.innerHeight-n.bottom;w(r>i&&n.top>i?`top`:`bottom`)};return n(),window.addEventListener(`resize`,n),window.addEventListener(`scroll`,n,!0),()=>{window.removeEventListener(`resize`,n),window.removeEventListener(`scroll`,n,!0)}},[t,u,n]),t?(0,o.jsxs)(`div`,{ref:y,"data-placement":C,onMouseDown:e=>e.preventDefault(),className:(0,s.clsx)(`mention-inline-suggestions--component`,b.panel,b.panelInline,g),children:[(0,o.jsxs)(`div`,{className:b.panelHeader,children:[(0,o.jsxs)(`div`,{className:b.panelTitleRow,children:[(0,o.jsx)(e.o,{size:`xs`,weight:`medium`,type:`secondary`,children:_.title}),!!f&&(0,o.jsx)(e.o,{size:`xs`,type:`secondary`,className:b.panelQuery,children:_.formatQuery(f)})]}),(0,o.jsx)(x,{kinds:i,activeKind:n,resources:c,suggestionsByKind:l,onSelect:e=>{r(e),p?.()}})]}),(0,o.jsx)(S,{suggestions:u,activeKind:n,loading:d,loadingLabel:_.loading,emptyLabel:_.empty,listLabel:_.listLabel,onSelect:m})]}):null}function T(e){return!!(e&&e.name===`AbortError`)}function E(e={}){let{resources:n,onResourceSearch:r,initialMentions:i,debounceMs:o=300,onError:s}=e,c=JSON.stringify(Object.keys(n??{})),l=(0,a.useMemo)(()=>JSON.parse(c),[c]),[u,d]=(0,a.useState)(()=>l[0]??null),f=u&&l.includes(u)?u:l[0]??null,[p,m]=(0,a.useState)(!1),[h,g]=(0,a.useState)(``),[_,v]=(0,a.useState)({}),[y,b]=(0,a.useState)(!1),[x,S]=(0,a.useState)(null),[C,w]=(0,a.useState)({}),[E,D]=(0,a.useState)(0),[O,k]=(0,a.useState)(()=>i?[...i]:[]),A=(0,a.useRef)(0),j=(0,a.useRef)(null),M=(0,a.useRef)(n),N=(0,a.useRef)(r),P=(0,a.useRef)(s);(0,a.useEffect)(()=>{M.current=n,N.current=r,P.current=s});let F=(0,a.useMemo)(()=>f&&n?n[f]??null:null,[f,n]),I=(0,a.useCallback)(async(e,t,n)=>{let r=M.current?.[e];if(r?.search)return(await r.search(t,{kind:e,signal:n})).map(t=>({...t,kind:e}));if(r?.suggestions){let n=r.suggestions;return(t.trim().length===0?n:n.filter(e=>e.label.toLowerCase().includes(t.toLowerCase()))).map(t=>({...t,kind:e}))}return N.current?(await N.current(t,e,{kind:e,signal:n})).map(t=>({...t,kind:e})):[]},[]),L=t.t((e,t,n,r)=>{(async()=>{b(!0);try{let i=await Promise.all(e.map(async e=>{try{return{kind:e,list:await I(e,t,r),error:null}}catch(t){return{kind:e,list:[],error:t}}}));if(n!==A.current||r.aborted)return;let a={},o={},s=null;for(let e of i)a[e.kind]=e.list,e.error!==null&&!T(e.error)&&(o[e.kind]=e.error,s??=e.error,P.current?.(e.error,{query:t,kind:e.kind}));v(a),w(o),S(s)}finally{n===A.current&&!r.aborted&&b(!1)}})()},o);(0,a.useEffect)(()=>{let e=new AbortController;j.current=e;let t=()=>{e.abort(),j.current===e&&(j.current=null)};if(l.length===0)return v({}),b(!1),S(null),w({}),t;let n=++A.current;return S(null),w({}),L(l,h,n,e.signal),()=>{L.cancel(),t()}},[l,h,E,L]);let R=(0,a.useCallback)(()=>D(e=>e+1),[]);(0,a.useEffect)(()=>{if(p||!f||(_[f]?.length??0)>0)return;let e=l.find(e=>(_[e]?.length??0)>0);e&&e!==f&&d(e)},[f,l,p,_]);let z=(0,a.useCallback)(e=>d(e),[]),B=(0,a.useCallback)(e=>g(e),[]),V=(0,a.useCallback)(e=>{k(t=>t.some(t=>t.id===e.id)?t:[...t,e])},[]),H=(0,a.useCallback)(e=>{k(t=>t.filter(t=>t.id!==e))},[]),U=(0,a.useCallback)(e=>k(t=>typeof e==`function`?[...e(t)]:[...e]),[]),W=(0,a.useCallback)(()=>{j.current?.abort(),A.current++,k([]),g(``),m(!1),v({}),b(!1),S(null),w({})},[]),G=(0,a.useCallback)(e=>{let t=e.kind??f,r={id:`${t}:${e.id}`,kind:t,label:e.label,href:e.href??n?.[t]?.buildHref?.(e),data:e.data};return V(r),r},[f,V,n]);return{kinds:l,activeKind:f,setActiveKind:z,activeResource:F,query:h,setQuery:B,suggestions:(0,a.useMemo)(()=>f?_[f]??[]:[],[f,_]),suggestionsByKind:_,isLoading:y,error:x,isError:x!==null,errorsByKind:C,retry:R,mentions:O,addMention:V,removeMention:H,setMentions:U,reset:W,selectSuggestion:G,manualKindOverride:p,setManualKindOverride:m}}var D=e=>e.replace(/[.*+?^${}()|[\]\\^-]/g,`\\$&`);function O(e={}){let{resources:t,editorRef:n}=e,r=e.onResourceSearch,i=E({...e,resources:t,onResourceSearch:r}),[o,s]=(0,a.useState)(!1),[c,l]=(0,a.useState)(!1),u=(0,a.useRef)(null),d=(0,a.useRef)(null),f=(0,a.useCallback)(e=>{s(e),e||(u.current=null,d.current=null,l(!1),i.setManualKindOverride(!1))},[i]),p=(0,a.useCallback)(()=>{if(!t)return;let e={};for(let[n,r]of Object.entries(t)){let t=r?.trigger;typeof t==`string`&&t.length>0&&(e[t]=n)}if(Object.keys(e).length===0)return;let r=n?.current?.getCaretContext(),a=()=>{u.current&&(u.current=null,f(!1))};if(!r){a();return}let o=Object.keys(e).map(D).join(``),c=RegExp(`(?:^|\\s)([${o}])([\\p{L}\\p{N}_-]*)$`,`u`),p=r.textBefore.match(c);if(!p){a();return}let m=p[1],h=p[2]??``,g=e[m];u.current={kind:g,triggerChar:m,consumedLength:m.length+h.length},l(!0),d.current!==m&&(i.activeKind!==g&&i.setActiveKind(g),i.setManualKindOverride(!1),d.current=m),i.query!==h&&i.setQuery(h),s(!0)},[n,t,i,f]),h=(0,a.useCallback)(e=>{let r=i.selectSuggestion(e),a=u.current,o=m(r,{triggerChar:a?.triggerChar,tone:t?.[r.kind]?.tone}),s=n?.current;return s&&(a&&a.consumedLength>0?(s.replaceBeforeCaret(a.consumedLength,o),u.current=null):s.insertHTML(o)),f(!1),r},[n,t,i,f]);return{...i,pickerOpen:o,setPickerOpen:f,triggerActive:c,handleCaretChange:p,pickSuggestion:h}}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return m}});