@mizen-labs/ui 0.0.0-stage → 0.1.0

package/dist/components/code-block/code-block-highlight.d.ts

@@ -0,0 +1,31 @@
+import * as css from "sugar-high/lang/css";
+import * as diff from "sugar-high/lang/diff";
+import * as html from "sugar-high/lang/html";
+import * as javascript from "sugar-high/lang/javascript";
+import * as json from "sugar-high/lang/json";
+import * as markdown from "sugar-high/lang/markdown";
+import * as python from "sugar-high/lang/python";
+import * as shell from "sugar-high/lang/shell";
+import * as sql from "sugar-high/lang/sql";
+import * as typescript from "sugar-high/lang/typescript";
+import * as yaml from "sugar-high/lang/yaml";
+declare const languages: {
+    css: typeof css;
+    diff: typeof diff;
+    html: typeof html;
+    javascript: typeof javascript;
+    json: typeof json;
+    markdown: typeof markdown;
+    python: typeof python;
+    shell: typeof shell;
+    sql: typeof sql;
+    typescript: typeof typescript;
+    yaml: typeof yaml;
+};
+export type CodeBlockLanguage = keyof typeof languages;
+/** Tokenizes code synchronously, so server-rendered code arrives colored. */
+export declare function HighlightedCode({ code, language, }: {
+    code: string;
+    language: CodeBlockLanguage;
+}): import("react").JSX.Element[];
+export {};

package/dist/components/code-block/code-block-highlight.js

@@ -0,0 +1,8 @@
+// biome-ignore-all lint/performance/noNamespaceImport: each sugar-high language module is one whole set of parse options, so nothing is left to shake.
+// biome-ignore-all lint/suspicious/noArrayIndexKey: Immutable source positions identify syntax tokens.
+import{props}from"@stylexjs/stylex";import{Fragment}from"react";import{parse}from"sugar-high/core";import*as css from"sugar-high/lang/css";import*as diff from"sugar-high/lang/diff";import*as html from"sugar-high/lang/html";import*as javascript from"sugar-high/lang/javascript";import*as json from"sugar-high/lang/json";import*as markdown from"sugar-high/lang/markdown";import*as python from"sugar-high/lang/python";import*as shell from"sugar-high/lang/shell";import*as sql from"sugar-high/lang/sql";import*as typescript from"sugar-high/lang/typescript";import*as yaml from"sugar-high/lang/yaml";import{codeBlockStyles}from"./code-block.styles";// Each sugar-high language module is a set of parse options. TypeScript also
+// covers TSX, and JavaScript covers JSX.
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const languages={css,diff,html,javascript,json,markdown,python,shell,sql,typescript,yaml};const tokenStyles={class:codeBlockStyles.syntaxEntity,comment:codeBlockStyles.syntaxComment,entity:codeBlockStyles.syntaxEntity,keyword:codeBlockStyles.syntaxKeyword,property:codeBlockStyles.syntaxProperty,string:codeBlockStyles.syntaxString};/** Tokenizes code synchronously, so server-rendered code arrives colored. */export function HighlightedCode({code,language}){// The modules are parse options at runtime; the JS tokenizer's published
+// type is narrower than ParseOptions["tokenize"], so it needs the cast.
+const{lines}=parse(code,languages[language]);// A trailing newline would add an empty last line.
+const lineCount=lines.length-Number(code.endsWith("\n"));return lines.slice(0,lineCount).map(line=>/*#__PURE__*/_jsxs(Fragment,{children:[line.tokens.map((token,index)=>/*#__PURE__*/_jsx("span",{...props(tokenStyles[token.type]),children:token.value},index)),line.index<lineCount-1?"\n":null]},line.index));}

package/dist/components/code-block/code-block.d.ts

@@ -0,0 +1,22 @@
+import type { ComponentPropsWithRef, ReactNode } from "react";
+import type { Closed } from "../../closed";
+import { type CodeBlockLanguage } from "./code-block-highlight";
+type Part<T> = Omit<Closed<T>, "children" | "data-slot" | "role"> & {
+    children: ReactNode;
+};
+export type CodeBlockProps = Part<ComponentPropsWithRef<"figure">>;
+export type CodeBlockHeaderProps = Part<ComponentPropsWithRef<"figcaption">>;
+export type CodeBlockTitleProps = Part<ComponentPropsWithRef<"span">>;
+export type CodeBlockContentProps = Omit<Closed<ComponentPropsWithRef<"pre">>, "aria-label" | "children" | "data-slot" | "role" | "tabIndex"> & {
+    "aria-label": string;
+    children: ReactNode;
+    /** Colors string children as this language. Without it, code stays plain. */
+    language?: CodeBlockLanguage;
+};
+export declare function CodeBlock({ children, ref: forwardedRef, ...rest }: CodeBlockProps): import("react").JSX.Element;
+export declare function CodeBlockHeader({ children, ref: forwardedRef, ...rest }: CodeBlockHeaderProps): import("react").JSX.Element;
+export declare function CodeBlockTitle({ children, ref: forwardedRef, ...rest }: CodeBlockTitleProps): import("react").JSX.Element;
+export declare function CodeBlockContent({ "aria-label": ariaLabel, children, language, ref: forwardedRef, ...rest }: CodeBlockContentProps): import("react").JSX.Element;
+export type { CodeBlockCopyProps } from "./code-block-copy";
+export { CodeBlockCopy } from "./code-block-copy";
+export type { CodeBlockLanguage } from "./code-block-highlight";

package/dist/components/code-block/code-block.js

@@ -0,0 +1,4 @@
+import{props}from"@stylexjs/stylex";import{typeRoles}from"../../styles/typography.styles";import{codeBlockStyles}from"./code-block.styles";import{HighlightedCode}from"./code-block-highlight";import{jsx as _jsx}from"react/jsx-runtime";function stripReservedProps(attributes){for(const name of["className","data-slot","role","style"]){Reflect.deleteProperty(attributes,name);}}export function CodeBlock({children,ref:forwardedRef,...rest}){stripReservedProps(rest);return/*#__PURE__*/_jsx("figure",{...rest,"data-slot":"code-block",ref:forwardedRef,...props(codeBlockStyles.root,typeRoles.body),children:children});}export function CodeBlockHeader({children,ref:forwardedRef,...rest}){stripReservedProps(rest);return/*#__PURE__*/_jsx("figcaption",{...rest,"data-slot":"code-block-header",ref:forwardedRef,...props(codeBlockStyles.header,typeRoles.body),children:children});}export function CodeBlockTitle({children,ref:forwardedRef,...rest}){stripReservedProps(rest);return/*#__PURE__*/_jsx("span",{...rest,"data-slot":"code-block-title",ref:forwardedRef,...props(typeRoles.ui,codeBlockStyles.title),children:children});}export function CodeBlockContent({"aria-label":ariaLabel,children,language,ref:forwardedRef,...rest}){if(!ariaLabel.trim()){throw new TypeError("CodeBlockContent requires a non-empty accessible name.");}stripReservedProps(rest);Reflect.deleteProperty(rest,"tabIndex");return(/*#__PURE__*/// biome-ignore lint/a11y/useSemanticElements: pre preserves code semantics while naming the scroll region.
+_jsx("pre",{...rest,"aria-label":ariaLabel,"data-slot":"code-block-content",ref:forwardedRef,role:"region"// biome-ignore lint/a11y/noNoninteractiveTabindex: keyboard focus lets users scroll long code.
+,tabIndex:0,...props(typeRoles.mono,codeBlockStyles.content),children:/*#__PURE__*/_jsx("code",{"data-language":language,...props(codeBlockStyles.code),children:language&&typeof children==="string"?/*#__PURE__*/_jsx(HighlightedCode,{code:children,language:language}):children})}));}// biome-ignore lint/performance/noBarrelFile: Keep the complete code block API beside its native figure anatomy.
+export{CodeBlockCopy}from"./code-block-copy";

package/dist/components/code-block/code-block.styles.js

@@ -0,0 +1,3 @@
+import{create}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors}from"../../styles/colors.stylex";import"../../styles/fonts.stylex";import{fonts}from"../../styles/fonts.stylex";import"../../styles/interaction.stylex";import{borderWidth,focus,focusMotion,focusOutline}from"../../styles/interaction.stylex";import"../../styles/shape.stylex";import{shape}from"../../styles/shape.stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";import"../../styles/typography.stylex";import{fontSize,lineHeight}from"../../styles/typography.stylex";const FLOATING=":is([data-slot='code-block'] > *)";// Syntax colors take the chart hues mixed toward the text color, so each stays
+// recognizable and still reads at 4.5:1 on the code surface in both themes.
+const syntax=hue=>({color:`color-mix(in oklch, ${hue} 62%, ${colors.content})`});export const codeBlockStyles={code:{kVVagm:"xln7xf2",$$css:true},content:{k44tkh:"x1iha7go",kKVMdj:"x1b5t0b2",kaIpWk:"x1hvvpii",kB7OPa:"x9f619",kMwMTN:"x14tvo57",kGuDYH:"xlh8hku",kLWn49:"x2xzzt7",kogj98:"x1ghz6dp",ks0D6T:"x193iq5w",k7Eaqz:"xeuugli",kjBf7l:"x4dprnk x1uczgqu",kInvED:"x7jjmpn x1w1ofmy",k3XXqK:"x9v5kkp xzc55om",kMeerF:"x1vhx2qj",kXHlph:"xa3l7ll xw2csxc",kwDfHU:"x1pqk8vl",k8WAf4:"x58we3g",kg3NbH:"xaqi9fd",kKi2Bq:"xeq4nuv",khDVqt:"x1sdyfia",$$css:true},copyControl:{kGNEyG:"x6s0dn4",kWkggS:"x1errdxi xjbqb8w",kaIpWk:"xl74zma x2u8bby",kGVxlE:"x82phmv x1gnnqk1",k1xSpc:"x3nfvp2",kwnvtZ:"x1a02dak",kOIVth:"xp4ho6d",k87sOh:"x1ckh3x9 x80663w",kt4wiu:"x1wivepm x1woyocn",k7Eaqz:"xeuugli",kVAEAm:"x19ryya3 x1uhb9sk",kY2c9j:"x1ybtnqo x1swf91x",$$css:true},copyStatus:{kMwMTN:"x125omll",k7Eaqz:"xeuugli",kHjlTd:"xj0a0fe",$$css:true},header:{kGNEyG:"x6s0dn4",kL6WhQ:"x9rbyu3",kfdmCh:"x1q0q8m5",kt9PQ7:"x13k63ub",k1xSpc:"x78zum5",kwnvtZ:"x1a02dak",kOIVth:"xp4ho6d",kjj79g:"x1qughib",k7Eaqz:"xeuugli",k8WAf4:"x1lmimt7",kg3NbH:"xaqi9fd",$$css:true},root:{kWkggS:"xwn18cz",kVAM5u:"x155xxfk",kaIpWk:"x1jw0md8",ksu8eU:"x1y0btm7",kMzoRj:"x1cdonsl",kMwMTN:"x14tvo57",kogj98:"x1ghz6dp",k7Eaqz:"xeuugli",kVAEAm:"x1n2onr6",$$css:true},syntaxComment:{kMwMTN:"x125omll",$$css:true},syntaxEntity:{kMwMTN:"xkznmtf",$$css:true},syntaxKeyword:{kMwMTN:"xp50xnk",$$css:true},syntaxProperty:{kMwMTN:"xsskymh",$$css:true},syntaxString:{kMwMTN:"x1hlthyr",$$css:true},title:{kMwMTN:"x125omll",kMv6JI:"x18brtc5",k7Eaqz:"xeuugli",kHjlTd:"xj0a0fe",$$css:true}};

package/dist/components/collapsible/collapsible.d.ts

@@ -0,0 +1,19 @@
+import { Collapsible as BaseCollapsible } from "@base-ui/react/collapsible";
+import type { ComponentPropsWithRef } from "react";
+type BaseCollapsibleRootProps = ComponentPropsWithRef<typeof BaseCollapsible.Root>;
+type BaseCollapsibleTriggerProps = ComponentPropsWithRef<typeof BaseCollapsible.Trigger>;
+type BaseCollapsiblePanelProps = ComponentPropsWithRef<typeof BaseCollapsible.Panel>;
+export type CollapsibleProps = Omit<BaseCollapsibleRootProps, "className" | "data-slot" | "style"> & {
+    ref?: BaseCollapsibleRootProps["ref"];
+};
+export type CollapsibleTriggerProps = Omit<BaseCollapsibleTriggerProps, "className" | "data-slot" | "style"> & {
+    ref?: BaseCollapsibleTriggerProps["ref"];
+};
+export type CollapsiblePanelProps = Omit<BaseCollapsiblePanelProps, "className" | "data-slot" | "style"> & {
+    ref?: BaseCollapsiblePanelProps["ref"];
+};
+export declare function Collapsible({ ref: forwardedRef, render, ...rest }: CollapsibleProps): import("react").JSX.Element;
+export declare function CollapsibleTrigger({ ref: forwardedRef, render, ...rest }: CollapsibleTriggerProps): import("react").JSX.Element;
+export declare function CollapsiblePanel({ children, ref: forwardedRef, render, ...rest }: CollapsiblePanelProps): import("react").JSX.Element;
+export declare const CollapsiblePrimitive: typeof BaseCollapsible;
+export {};

package/dist/components/collapsible/collapsible.js

@@ -0,0 +1 @@
+"use client";import{Collapsible as BaseCollapsible}from"@base-ui/react/collapsible";import{props}from"@stylexjs/stylex";import{protectRenderSlot}from"../../render-utils";import{Button}from"../button/button";import{collapsibleStyles}from"./collapsible.styles";import{jsx as _jsx}from"react/jsx-runtime";export function Collapsible({ref:forwardedRef,render,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(BaseCollapsible.Root,{...rest,"data-slot":"collapsible",ref:forwardedRef,render:protectRenderSlot("collapsible",render)});}export function CollapsibleTrigger({ref:forwardedRef,render,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(BaseCollapsible.Trigger,{...rest,"data-slot":"collapsible-trigger",ref:forwardedRef,render:protectRenderSlot("collapsible-trigger",render??/*#__PURE__*/_jsx(Button,{variant:"ghost"}))});}export function CollapsiblePanel({children,ref:forwardedRef,render,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(BaseCollapsible.Panel,{...rest,"data-slot":"collapsible-panel",ref:forwardedRef,render:protectRenderSlot("collapsible-panel",render),...props(collapsibleStyles.panel),children:/*#__PURE__*/_jsx("div",{"data-slot":"collapsible-content",...props(collapsibleStyles.content),children:children})});}export const CollapsiblePrimitive=BaseCollapsible;

package/dist/components/collapsible/collapsible.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/conditions.stylex";import{conditions}from"../../styles/conditions.stylex";import"../../styles/motion.stylex";import{duration,easing}from"../../styles/motion.stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";export const collapsibleStyles={content:{kLKAdn:"xvdlrvc",$$css:true},panel:{kZKoxP:"x12wejat x1fe7yth xuan8c8",kVQacm:"xb3r6kr",kIyJzY:"x1e471i8 x115jf8",k1ekBW:"xua3uq3",kAMwcw:"xvhdtae",$$css:true}};

package/dist/components/combobox/combobox-chips.js

@@ -0,0 +1 @@
+"use client";import{Combobox as ComboboxPrimitive}from"@base-ui/react/combobox";import{props}from"@stylexjs/stylex";import{useCallback,useContext}from"react";import{controlLabel}from"../../control-label";import{protectRenderSlot as protectSlot}from"../../render-utils";import{comboboxChipsStyles}from"./combobox-chips.styles";import{ComboboxContext,XIcon}from"./combobox-context";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function ComboboxChipRemove({children,ref:forwardedRef,render,...rest}){Reflect.deleteProperty(rest,"data-slot");return/*#__PURE__*/_jsx(ComboboxPrimitive.ChipRemove,{"aria-label":"Remove",...rest,"data-slot":"combobox-chip-remove",ref:forwardedRef,render:protectSlot("combobox-chip-remove",render),...props(comboboxChipsStyles.chipRemove),children:children??/*#__PURE__*/_jsx(XIcon,{})});}export function ComboboxChip({children,ref:forwardedRef,removeProps,render,...rest}){Reflect.deleteProperty(rest,"data-slot");return/*#__PURE__*/_jsxs(ComboboxPrimitive.Chip,{...rest,"data-slot":"combobox-chip",ref:forwardedRef,render:protectSlot("combobox-chip",render),...props(comboboxChipsStyles.chip),children:[controlLabel(children),/*#__PURE__*/_jsx(ComboboxChipRemove,{"aria-label":"Remove",...removeProps})]});}export function ComboboxChips({children,ref:forwardedRef,render,startAddon,...rest}){Reflect.deleteProperty(rest,"data-slot");const{chipsRef}=useContext(ComboboxContext);const targetRef=useCallback(element=>{if(chipsRef){chipsRef.current=element;}const cleanup=typeof forwardedRef==="function"?forwardedRef(element):undefined;if(forwardedRef&&"current"in forwardedRef){forwardedRef.current=element;}return()=>{if(chipsRef){chipsRef.current=null;}if(typeof cleanup==="function"){cleanup();}else if(typeof forwardedRef==="function"){if(element!==null){forwardedRef(null);}}else if(forwardedRef&&"current"in forwardedRef){forwardedRef.current=null;}};},[chipsRef,forwardedRef]);return/*#__PURE__*/_jsxs(ComboboxPrimitive.Chips,{...rest,"data-slot":"combobox-chips",ref:targetRef,render:protectSlot("combobox-chips",render),...props(comboboxChipsStyles.chips),children:[startAddon?/*#__PURE__*/_jsx("div",{"aria-hidden":"true","data-slot":"combobox-start-addon",...props(comboboxChipsStyles.startAddon),children:startAddon}):null,children]});}const chipsInputSizeStyles={default:comboboxChipsStyles.chipsInputDefault,lg:comboboxChipsStyles.chipsInputLg,sm:comboboxChipsStyles.chipsInputSm};function getChipsInputSizeStyle(size){if(size==="lg"){return chipsInputSizeStyles.lg;}if(size==="sm"){return chipsInputSizeStyles.sm;}return chipsInputSizeStyles.default;}export function ComboboxChipsInput({ref:forwardedRef,render,size="default",...rest}){Reflect.deleteProperty(rest,"data-slot");const sizeProp=typeof size==="number"?size:undefined;const dataSize=typeof size==="string"?size:undefined;const sizeStyle=getChipsInputSizeStyle(size);return/*#__PURE__*/_jsx(ComboboxPrimitive.Input,{...rest,"data-size":dataSize,"data-slot":"combobox-chips-input",ref:forwardedRef,render:protectSlot("combobox-chips-input",render),size:sizeProp,...props(comboboxChipsStyles.chipsInput,sizeStyle)});}

package/dist/components/combobox/combobox-chips.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors,fieldColors}from"../../styles/colors.stylex";import"../../styles/conditions.stylex";import{conditions}from"../../styles/conditions.stylex";import"../../styles/dimensions.stylex";import{controlSize}from"../../styles/dimensions.stylex";import"../../styles/interaction.stylex";import{borderWidth,focus,focusMotion}from"../../styles/interaction.stylex";import"../../styles/motion.stylex";import{duration,easing}from"../../styles/motion.stylex";import"../../styles/shadows.stylex";import{shadows}from"../../styles/shadows.stylex";import"../../styles/shape.stylex";import{shape}from"../../styles/shape.stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";import"../../styles/typography.stylex";import{fontSize,fontWeight,lineHeight}from"../../styles/typography.stylex";export const comboboxChipsStyles={chip:{kGNEyG:"x6s0dn4",k44tkh:"x1iha7go",kKVMdj:"x1b5t0b2",kWkggS:"x1vs9wzj",kaIpWk:"x2b34ud",kB7OPa:"x9f619",kMwMTN:"x14tvo57",k1xSpc:"x3nfvp2",kGuDYH:"xlh8hku",k63SB2:"xuku2lm",kLWn49:"x2xzzt7",kAzted:"x1rqwxy8",kjBf7l:"x4dprnk x1uczgqu",kInvED:"x7jjmpn x1w1ofmy",k3XXqK:"x9v5kkp xaatb59",kMeerF:"xm9seqh x1k57tk5",kZCmMZ:"xt0na8i",$$css:true},chipRemove:{kGNEyG:"x6s0dn4",kSGwAc:"xkh2ocl",kysU6D:"xjyslct",kWkggS:"xjbqb8w",kMzoRj:"xc342km",kMwMTN:"x15rks2t",kkrTdU:"x1ypdohk",k1xSpc:"x3nfvp2",kjj79g:"xl56j7k",kSiTet:"xrijyyj x1us6l5c",kI3sdo:"x1a2a7pz",k8WAf4:"xt970qd",kg3NbH:"xdbhxi8",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"x19991ni",kAMwcw:"xvhdtae",$$css:true},chips:{kGNEyG:"x6s0dn4",k44tkh:"xzl2vs3",kKVMdj:"x1b30xcq",kWkggS:"x1p3lgrf xvojraa",kVAM5u:"x5pxg08 x9r1u3d",kaIpWk:"x1jw0md8",ksu8eU:"x1y0btm7",kMzoRj:"x1cdonsl",kGVxlE:"x1t62uit x1xxjdaf",kB7OPa:"x9f619",kMwMTN:"xbvotbw x14tvo57",k1xSpc:"x78zum5",kwnvtZ:"x1a02dak",kOIVth:"x13hh4mm",kAzted:"x8qjr2u xaj3uzr x1atkrcx",kjBf7l:"xuzlp0z x1uczgqu",kInvED:"x1kq6cdc x1w1ofmy",k3XXqK:"x14xc8xn xaatb59",kMeerF:"x129jrve x1k57tk5",kmVPX3:"xlxy37g",kVAEAm:"x1n2onr6",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"x12uy393",kAMwcw:"xvhdtae",kzqmXN:"xh8yej3",$$css:true},chipsInput:{k8Qsv1:"x10l60j5",kH8XJS:"x7xwk5j",kWkggS:"xjbqb8w",kMzoRj:"xc342km",kB7OPa:"x9f619",kMwMTN:"x1heor9g",kCS8Yb:"xwstf8j",kzQI83:"x1iyjqo2",kmuXW:"xs83m0k",kMv6JI:"xjb2p0i",kGuDYH:"x12ama9c",kLWn49:"x1rn0pvf",k7Eaqz:"x1k8l6nd",kI3sdo:"x1a2a7pz",k8WAf4:"x1a8o3s8",kg3NbH:"xdbhxi8",$$css:true},chipsInputDefault:{kGuDYH:"x12ama9c",kAzted:"x1pw4g4d",$$css:true},chipsInputLg:{kGuDYH:"x12ama9c",kAzted:"x1in32aq",$$css:true},chipsInputSm:{kGuDYH:"xs18rgd x12ama9c",kAzted:"x1rqwxy8",$$css:true},startAddon:{kGNEyG:"x6s0dn4",kMwMTN:"x14tvo57",k1xSpc:"x3nfvp2",kmuXW:"x2lah0s",kSiTet:"x1us6l5c",kwRFfy:"x1a7jdvm",kZCmMZ:"xqxnp8d",$$css:true}};

package/dist/components/combobox/combobox-context.d.ts

@@ -0,0 +1,9 @@
+import type { Context, ReactElement, RefObject } from "react";
+export interface ComboboxContextValue {
+    chipsRef: RefObject<Element | null> | null;
+    multiple: boolean;
+}
+export declare const ComboboxContext: Context<ComboboxContextValue>;
+export declare function ChevronsUpDownIcon(): ReactElement;
+export declare function CheckIcon(): ReactElement;
+export declare function XIcon(): ReactElement;

package/dist/components/combobox/combobox-context.js

@@ -0,0 +1 @@
+import{createContext}from"react";import{IconCheck,IconSelector,IconX}from"../../icons";import{jsx as _jsx}from"react/jsx-runtime";export const ComboboxContext=createContext({chipsRef:null,multiple:false});export function ChevronsUpDownIcon(){return/*#__PURE__*/_jsx(IconSelector,{"aria-hidden":"true",focusable:"false",size:"16"});}export function CheckIcon(){return/*#__PURE__*/_jsx(IconCheck,{"aria-hidden":"true",focusable:"false",size:"16"});}export function XIcon(){return/*#__PURE__*/_jsx(IconX,{"aria-hidden":"true",focusable:"false",size:"16"});}

package/dist/components/combobox/combobox-field.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors}from"../../styles/colors.stylex";import"../../styles/conditions.stylex";import{conditions}from"../../styles/conditions.stylex";import"../../styles/dimensions.stylex";import{controlSize}from"../../styles/dimensions.stylex";import"../../styles/interaction.stylex";import{borderWidth,focus,focusMotion,focusOutline}from"../../styles/interaction.stylex";import"../../styles/motion.stylex";import{duration,easing}from"../../styles/motion.stylex";import"../../styles/shape.stylex";import{shape}from"../../styles/shape.stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";import"../../styles/typography.stylex";import{fontSize}from"../../styles/typography.stylex";export const comboboxFieldStyles={clear:{kGNEyG:"x6s0dn4",k44tkh:"x1iha7go",kKVMdj:"x1b5t0b2",kysU6D:"xjyslct",kWkggS:"xjbqb8w",kaIpWk:"x2b34ud",kMzoRj:"xc342km",kMwMTN:"x14tvo57",kkrTdU:"x1ypdohk",k1xSpc:"x3nfvp2",kZKoxP:"xb8l8e1",k87sOh:"xwa60dl",kt4wiu:"x1vld3ni",kjj79g:"xl56j7k",kSiTet:"xrijyyj x1us6l5c",kjBf7l:"x4dprnk x1uczgqu",kInvED:"x1w1ofmy",k3XXqK:"x9v5kkp xzc55om",kMeerF:"xm9seqh x1k57tk5",kmVPX3:"x1717udv",kVAEAm:"x10l6tqk",k3aq6I:"x1cb1t30",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"x19991ni",kAMwcw:"xvhdtae",kzqmXN:"xh29eag",$$css:true},icon:{kGNEyG:"x6s0dn4",k1xSpc:"x3nfvp2",kjj79g:"xl56j7k",$$css:true},inputGroup:{kB7OPa:"x9f619",k1xSpc:"x78zum5",kVAEAm:"x1n2onr6",kzqmXN:"xh8yej3",$$css:true},inputWithEndAction:{kwRFfy:"xbma6s9",$$css:true},inputWithStartAddon:{kZCmMZ:"x1n4bvi3",$$css:true},sizeDefault:{kaIpWk:"x1jw0md8",kZKoxP:"x1wtl264",$$css:true},sizeLg:{kaIpWk:"x1jw0md8",kGuDYH:"x12ama9c",kZKoxP:"x1nwj9bq",$$css:true},sizeSm:{kaIpWk:"x2b34ud",kGuDYH:"xs18rgd x12ama9c",kZKoxP:"x1sscbzi",$$css:true},startAddon:{kGNEyG:"x6s0dn4",kMwMTN:"x14tvo57",k1xSpc:"x78zum5",kYYq5F:"x10no89f",kLqNvP:"xxkxi5w",kSiTet:"x1us6l5c",kfzvcC:"x47corl",kVAEAm:"x10l6tqk",kY2c9j:"x1vjfegm",$$css:true},trigger:{kGNEyG:"x6s0dn4",k44tkh:"x1iha7go",kKVMdj:"x1b5t0b2",kysU6D:"xjyslct",kWkggS:"xjbqb8w",kaIpWk:"x2b34ud",kMzoRj:"xc342km",kMwMTN:"x14tvo57",kkrTdU:"x1ypdohk",k1xSpc:"x1rezzbq x3nfvp2",kZKoxP:"xb8l8e1",k87sOh:"xwa60dl",kt4wiu:"x1vld3ni",kjj79g:"xl56j7k",kSiTet:"xrijyyj x1us6l5c",kjBf7l:"x4dprnk x1uczgqu",kInvED:"x1w1ofmy",k3XXqK:"x9v5kkp xzc55om",kMeerF:"xm9seqh x1k57tk5",kmVPX3:"x1717udv",kVAEAm:"x10l6tqk",k3aq6I:"x1cb1t30",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"x19991ni",kAMwcw:"xvhdtae",kzqmXN:"xh29eag",$$css:true}};

package/dist/components/combobox/combobox-input.js

@@ -0,0 +1 @@
+"use client";import{Combobox as ComboboxPrimitive}from"@base-ui/react/combobox";import{props}from"@stylexjs/stylex";import{protectRenderSlot as protectSlot}from"../../render-utils";import{fieldStyles}from"../field/field.styles";import{ChevronsUpDownIcon,XIcon}from"./combobox-context";import{comboboxFieldStyles}from"./combobox-field.styles";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const sizeStyles={default:comboboxFieldStyles.sizeDefault,lg:comboboxFieldStyles.sizeLg,sm:comboboxFieldStyles.sizeSm};function getSizeStyle(size){if(size==="lg"){return sizeStyles.lg;}if(size==="sm"){return sizeStyles.sm;}return sizeStyles.default;}function StartAddon({children}){if(!children){return null;}return/*#__PURE__*/_jsx("div",{"aria-hidden":"true","data-slot":"combobox-start-addon",...props(comboboxFieldStyles.startAddon),children:children});}function TriggerAction({props:triggerProps,show=false}){if(!show){return null;}return/*#__PURE__*/_jsx(ComboboxTrigger,{...triggerProps,...props(comboboxFieldStyles.trigger),children:/*#__PURE__*/_jsx(ComboboxPrimitive.Icon,{"data-slot":"combobox-icon",...props(comboboxFieldStyles.icon),children:/*#__PURE__*/_jsx(ChevronsUpDownIcon,{})})});}function ClearAction({props:clearProps,show=false}){if(!show){return null;}return/*#__PURE__*/_jsx(ComboboxClear,{...clearProps,children:/*#__PURE__*/_jsx(XIcon,{})});}function resolveInputProps(sizeStyle,startAddon,hasEndAction){return props(fieldStyles.input,sizeStyle,startAddon?comboboxFieldStyles.inputWithStartAddon:null,hasEndAction?comboboxFieldStyles.inputWithEndAction:null);}export function ComboboxTrigger({children,ref:forwardedRef,render,...rest}){Reflect.deleteProperty(rest,"data-slot");return/*#__PURE__*/_jsx(ComboboxPrimitive.Trigger,{...rest,"data-slot":"combobox-trigger",ref:forwardedRef,render:protectSlot("combobox-trigger",render),children:children});}export function ComboboxClear({children,ref:forwardedRef,render,...rest}){Reflect.deleteProperty(rest,"data-slot");return/*#__PURE__*/_jsx(ComboboxPrimitive.Clear,{"aria-label":"Clear selection",...rest,"data-slot":"combobox-clear",ref:forwardedRef,render:protectSlot("combobox-clear",render),...props(comboboxFieldStyles.clear),children:children});}export function ComboboxInput({clearProps,disabled=false,readOnly=false,ref:forwardedRef,render,showClear=false,showTrigger=true,size="default",startAddon,triggerProps,...rest}){Reflect.deleteProperty(rest,"data-slot");const sizeStyle=getSizeStyle(size);const sizeProp=typeof size==="number"?size:undefined;const hasEndAction=Boolean(showTrigger||showClear);return/*#__PURE__*/_jsxs(ComboboxPrimitive.InputGroup,{"data-slot":"combobox-input-group",...props(comboboxFieldStyles.inputGroup),children:[/*#__PURE__*/_jsx(StartAddon,{children:startAddon}),/*#__PURE__*/_jsx(ComboboxPrimitive.Input,{...rest,"data-slot":"combobox-input",disabled:disabled,readOnly:readOnly,ref:forwardedRef,render:protectSlot("combobox-input",render),size:sizeProp,...resolveInputProps(sizeStyle,startAddon,hasEndAction)}),/*#__PURE__*/_jsx(TriggerAction,{props:triggerProps,show:showTrigger}),/*#__PURE__*/_jsx(ClearAction,{props:clearProps,show:showClear})]});}

package/dist/components/combobox/combobox-popup.js

@@ -0,0 +1 @@
+"use client";import{Combobox as ComboboxPrimitive}from"@base-ui/react/combobox";import{props}from"@stylexjs/stylex";import{useContext}from"react";import{controlLabel}from"../../control-label";import{protectRenderSlot as protectSlot}from"../../render-utils";import{ScrollArea}from"../scroll-area/scroll-area";import{CheckIcon,ComboboxContext}from"./combobox-context";import{comboboxPopupStyles}from"./combobox-popup.styles";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function ComboboxPopup({align="start",alignOffset,anchor:anchorProp,children,portalProps,ref:forwardedRef,render,side="bottom",sideOffset=4,...rest}){Reflect.deleteProperty(rest,"data-slot");const{chipsRef,multiple}=useContext(ComboboxContext);const anchor=anchorProp??(multiple?chipsRef:undefined);return/*#__PURE__*/_jsx(ComboboxPrimitive.Portal,{...portalProps,children:/*#__PURE__*/_jsx(ComboboxPrimitive.Positioner,{align:align,alignOffset:alignOffset,anchor:anchor,"data-slot":"combobox-positioner",side:side,sideOffset:sideOffset,...props(comboboxPopupStyles.positioner),children:/*#__PURE__*/_jsx(ComboboxPrimitive.Popup,{...rest,"data-slot":"combobox-popup",ref:forwardedRef,render:protectSlot("combobox-popup",render),...props(comboboxPopupStyles.popup),children:children})})});}export function ComboboxItem({children,ref:forwardedRef,render,...rest}){Reflect.deleteProperty(rest,"data-slot");return/*#__PURE__*/_jsxs(ComboboxPrimitive.Item,{...rest,"data-slot":"combobox-item",ref:forwardedRef,render:protectSlot("combobox-item",render),...props(comboboxPopupStyles.item),children:[/*#__PURE__*/_jsx(ComboboxPrimitive.ItemIndicator,{"data-slot":"combobox-item-indicator",...props(comboboxPopupStyles.itemIndicator),children:/*#__PURE__*/_jsx(CheckIcon,{})}),/*#__PURE__*/_jsx("div",{"data-slot":"combobox-item-content",...props(comboboxPopupStyles.itemContent),children:controlLabel(children)})]});}export function ComboboxList({children,ref:forwardedRef,render,...rest}){Reflect.deleteProperty(rest,"data-slot");return/*#__PURE__*/_jsx(ScrollArea,{overscrollContain:true,scrollbarGutter:true,scrollFade:true,children:/*#__PURE__*/_jsx(ComboboxPrimitive.List,{...rest,"data-slot":"combobox-list",ref:forwardedRef,render:protectSlot("combobox-list",render),...props(comboboxPopupStyles.list),children:children})});}

package/dist/components/combobox/combobox-popup.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors}from"../../styles/colors.stylex";import"../../styles/conditions.stylex";import{conditions}from"../../styles/conditions.stylex";import"../../styles/floating-item-colors.stylex";import{floatingItemColors}from"../../styles/floating-item-colors.stylex";import"../../styles/fonts.stylex";import{fonts}from"../../styles/fonts.stylex";import"../../styles/interaction.stylex";import{borderWidth,forcedColorAdjust,opacity}from"../../styles/interaction.stylex";import"../../styles/motion.stylex";import{duration,easing}from"../../styles/motion.stylex";import"../../styles/shadows.stylex";import{shadows}from"../../styles/shadows.stylex";import"../../styles/shape.stylex";import{shape}from"../../styles/shape.stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";import"../../styles/typography.stylex";import{fontSize,fontWeight,letterSpacing,lineHeight}from"../../styles/typography.stylex";export const comboboxPopupStyles={empty:{kMwMTN:"x125omll",kGuDYH:"xlh8hku",kC21eY:"x2vx8kg",kLWn49:"x2xzzt7",k8WAf4:"xe7tn2h x58we3g",kg3NbH:"xb5xqfq",k9WMMc:"x2b8uid",$$css:true},group:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x70wzam",$$css:true},groupLabel:{kMwMTN:"x125omll",kGuDYH:"x1ws78te",kC21eY:"x2vx8kg",k63SB2:"xuku2lm",kb6lSQ:"xdee7k9",kLWn49:"x76y1r9",kGO01o:"xvx3g1o",kLKAdn:"xvdlrvc",kg3NbH:"xb5xqfq",$$css:true},item:{kGNEyG:"x6s0dn4",kWkggS:"x1atuimu xj38tjg x1kx3fsp xjbqb8w",kaIpWk:"xep4s08",kB7OPa:"x9f619",kMwMTN:"x1ovde1y xj6ywgx x4w30m9 x14tvo57",kkrTdU:"x1j1ks5o x1ypdohk",k1xSpc:"xrvj5dj",kGuDYH:"xlh8hku",kC21eY:"x2vx8kg",k63SB2:"x1taq0p8 x1lo1l87",kAXs8y:"x1t9pinz",kOIVth:"xp4ho6d",kumcoG:"x1h5ziqk",kLWn49:"x2xzzt7",kAzted:"x1in32aq",kSiTet:"x1yporm9 x1hc1fzr",kjBf7l:"x390g1 x1uczgqu",kInvED:"x11r2kya",k3XXqK:"x12gqqw5 x1t137rt",kMeerF:"x1vhx2qj",k8WAf4:"xz8rb64",kwRFfy:"xuvjzps",kZCmMZ:"xt0na8i",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"x7h6xqb",kAMwcw:"xvhdtae",$$css:true},itemContent:{kEXP64:"x1xdureb",k7Eaqz:"xeuugli",kHjlTd:"xj0a0fe",$$css:true},itemIndicator:{kGNEyG:"x6s0dn4",k1xSpc:"x3nfvp2",kZKoxP:"x1l36t39",kjj79g:"xl56j7k",kSiTet:"x1azc7yd xg01cxk",kzqmXN:"xcdlrvm",$$css:true},list:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x70wzam",kmVPX3:"x1btfdvn",$$css:true},popup:{kWkggS:"xui3q9s",kVAM5u:"x1l55r2k x155xxfk",kaIpWk:"x1yl01a3",ksu8eU:"x1y0btm7",kMzoRj:"x1cdonsl",kGVxlE:"x1mhlhek",kB7OPa:"x9f619",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kskxy:"xp7gp3z",ks0D6T:"x7k7lee",k7Eaqz:"x80t9vs",kSiTet:"xiyypsa x1hw7zpd x1hc1fzr",kVQacm:"xb3r6kr",k3aq6I:"x1gunr66 x2f6xu9 x1c071of",k3nNDw:"xctpfpq",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"x6o7n8i",kAMwcw:"xvhdtae",$$css:true},positioner:{ks0D6T:"x7k7lee",k7Eaqz:"x80t9vs",kfSwDN:"x87ps6o",kY2c9j:"xa9119d",$$css:true},row:{kGNEyG:"x6s0dn4",k1xSpc:"x78zum5",kzqmXN:"xh8yej3",$$css:true},separator:{kWkggS:"xcmsz27",kZKoxP:"x1pt7pui",kqGvvJ:"xaoelkr",kUOVxO:"x111xfez",$$css:true},status:{kMwMTN:"x125omll",kGuDYH:"x1ws78te",kC21eY:"x2vx8kg",k63SB2:"xuku2lm",kb6lSQ:"xdee7k9",kLWn49:"x76y1r9",k8WAf4:"x391bbb",kg3NbH:"xb5xqfq",$$css:true}};

package/dist/components/combobox/combobox-structure.js

@@ -0,0 +1 @@
+"use client";import{Combobox as ComboboxPrimitive}from"@base-ui/react/combobox";import{props}from"@stylexjs/stylex";import{protectRenderSlot as protectSlot}from"../../render-utils";import{comboboxPopupStyles}from"./combobox-popup.styles";import{jsx as _jsx}from"react/jsx-runtime";export function ComboboxSeparator({ref:forwardedRef,render,...rest}){Reflect.deleteProperty(rest,"data-slot");return/*#__PURE__*/_jsx(ComboboxPrimitive.Separator,{...rest,"data-slot":"combobox-separator",ref:forwardedRef,render:protectSlot("combobox-separator",render),...props(comboboxPopupStyles.separator)});}export function ComboboxGroup({children,ref:forwardedRef,render,...rest}){Reflect.deleteProperty(rest,"data-slot");return/*#__PURE__*/_jsx(ComboboxPrimitive.Group,{...rest,"data-slot":"combobox-group",ref:forwardedRef,render:protectSlot("combobox-group",render),...props(comboboxPopupStyles.group),children:children});}export function ComboboxGroupLabel({children,ref:forwardedRef,render,...rest}){Reflect.deleteProperty(rest,"data-slot");return/*#__PURE__*/_jsx(ComboboxPrimitive.GroupLabel,{...rest,"data-slot":"combobox-group-label",ref:forwardedRef,render:protectSlot("combobox-group-label",render),...props(comboboxPopupStyles.groupLabel),children:children});}export function ComboboxEmpty({children,ref:forwardedRef,render,...rest}){Reflect.deleteProperty(rest,"data-slot");return/*#__PURE__*/_jsx(ComboboxPrimitive.Empty,{...rest,"data-slot":"combobox-empty",ref:forwardedRef,render:protectSlot("combobox-empty",render),...props(comboboxPopupStyles.empty),children:children});}export function ComboboxRow({children,ref:forwardedRef,render,...rest}){Reflect.deleteProperty(rest,"data-slot");return/*#__PURE__*/_jsx(ComboboxPrimitive.Row,{...rest,"data-slot":"combobox-row",ref:forwardedRef,render:protectSlot("combobox-row",render),...props(comboboxPopupStyles.row),children:children});}export function ComboboxStatus({children,ref:forwardedRef,render,...rest}){Reflect.deleteProperty(rest,"data-slot");return/*#__PURE__*/_jsx(ComboboxPrimitive.Status,{...rest,"data-slot":"combobox-status",ref:forwardedRef,render:protectSlot("combobox-status",render),...props(comboboxPopupStyles.status),children:children});}

package/dist/components/combobox/combobox.d.ts

@@ -0,0 +1,27 @@
+import { Combobox as BaseCombobox } from "@base-ui/react/combobox";
+import type { ReactElement } from "react";
+import type { ComboboxChipProps, ComboboxChipRemoveProps, ComboboxChipsInputProps, ComboboxChipsProps, ComboboxClearProps, ComboboxEmptyProps, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxInputProps, ComboboxItemProps, ComboboxListProps, ComboboxPopupProps, ComboboxProps, ComboboxRowProps, ComboboxSeparatorProps, ComboboxStatusProps, ComboboxTriggerProps } from "./combobox.types";
+export declare function Combobox<Value, Multiple extends boolean | undefined = false, Item = Value>(props: ComboboxProps<Value, Multiple, Item>): ReactElement;
+export declare const ComboboxContext: import("react").Context<import("./combobox-context").ComboboxContextValue>;
+export declare const ComboboxPrimitive: typeof BaseCombobox;
+export declare const ComboboxValue: typeof BaseCombobox.Value;
+export declare const ComboboxCollection: typeof BaseCombobox.Collection;
+export declare const createComboboxItems: typeof BaseCombobox.createItems;
+export declare const useComboboxFilter: typeof BaseCombobox.useFilter;
+export declare function ComboboxChips(props: ComboboxChipsProps): ReactElement;
+export declare function ComboboxChip(props: ComboboxChipProps): ReactElement;
+export declare function ComboboxChipRemove(props: ComboboxChipRemoveProps): ReactElement;
+export declare function ComboboxChipsInput(props: ComboboxChipsInputProps): ReactElement;
+export declare function ComboboxInput(props: ComboboxInputProps): ReactElement;
+export declare function ComboboxTrigger(props: ComboboxTriggerProps): ReactElement;
+export declare function ComboboxClear(props: ComboboxClearProps): ReactElement;
+export declare function ComboboxPopup(props: ComboboxPopupProps): ReactElement;
+export declare function ComboboxItem(props: ComboboxItemProps): ReactElement;
+export declare function ComboboxList(props: ComboboxListProps): ReactElement;
+export declare function ComboboxGroup(props: ComboboxGroupProps): ReactElement;
+export declare function ComboboxGroupLabel(props: ComboboxGroupLabelProps): ReactElement;
+export declare function ComboboxSeparator(props: ComboboxSeparatorProps): ReactElement;
+export declare function ComboboxEmpty(props: ComboboxEmptyProps): ReactElement;
+export declare function ComboboxRow(props: ComboboxRowProps): ReactElement;
+export declare function ComboboxStatus(props: ComboboxStatusProps): ReactElement;
+export type { ComboboxChipProps, ComboboxChipRemoveProps, ComboboxChipsInputProps, ComboboxChipsProps, ComboboxClearProps, ComboboxEmptyProps, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxInputProps, ComboboxItemProps, ComboboxListProps, ComboboxPopupProps, ComboboxProps, ComboboxRowProps, ComboboxSeparatorProps, ComboboxSize, ComboboxStatusProps, ComboboxTriggerProps, } from "./combobox.types";

package/dist/components/combobox/combobox.js

@@ -0,0 +1 @@
+"use client";import{Combobox as BaseCombobox}from"@base-ui/react/combobox";import{useRef}from"react";import{ComboboxChip as BaseComboboxChip,ComboboxChipRemove as BaseComboboxChipRemove,ComboboxChips as BaseComboboxChips,ComboboxChipsInput as BaseComboboxChipsInput}from"./combobox-chips";import{ComboboxContext as BaseComboboxContext}from"./combobox-context";import{ComboboxClear as BaseComboboxClear,ComboboxInput as BaseComboboxInput,ComboboxTrigger as BaseComboboxTrigger}from"./combobox-input";import{ComboboxItem as BaseComboboxItem,ComboboxList as BaseComboboxList,ComboboxPopup as BaseComboboxPopup}from"./combobox-popup";import{ComboboxEmpty as BaseComboboxEmpty,ComboboxGroup as BaseComboboxGroup,ComboboxGroupLabel as BaseComboboxGroupLabel,ComboboxRow as BaseComboboxRow,ComboboxSeparator as BaseComboboxSeparator,ComboboxStatus as BaseComboboxStatus}from"./combobox-structure";import{jsx as _jsx}from"react/jsx-runtime";export function Combobox(props){const chipsRef=useRef(null);return/*#__PURE__*/_jsx(BaseComboboxContext.Provider,{value:{chipsRef,multiple:Boolean(props.multiple)},children:/*#__PURE__*/_jsx(BaseCombobox.Root,{...props})});}export const ComboboxContext=BaseComboboxContext;export const ComboboxPrimitive=BaseCombobox;export const ComboboxValue=BaseCombobox.Value;export const ComboboxCollection=BaseCombobox.Collection;export const createComboboxItems=BaseCombobox.createItems;export const useComboboxFilter=BaseCombobox.useFilter;export function ComboboxChips(props){return/*#__PURE__*/_jsx(BaseComboboxChips,{...props});}export function ComboboxChip(props){return/*#__PURE__*/_jsx(BaseComboboxChip,{...props});}export function ComboboxChipRemove(props){return/*#__PURE__*/_jsx(BaseComboboxChipRemove,{...props});}export function ComboboxChipsInput(props){return/*#__PURE__*/_jsx(BaseComboboxChipsInput,{...props});}export function ComboboxInput(props){return/*#__PURE__*/_jsx(BaseComboboxInput,{...props});}export function ComboboxTrigger(props){return/*#__PURE__*/_jsx(BaseComboboxTrigger,{...props});}export function ComboboxClear(props){return/*#__PURE__*/_jsx(BaseComboboxClear,{...props});}export function ComboboxPopup(props){return/*#__PURE__*/_jsx(BaseComboboxPopup,{...props});}export function ComboboxItem(props){return/*#__PURE__*/_jsx(BaseComboboxItem,{...props});}export function ComboboxList(props){return/*#__PURE__*/_jsx(BaseComboboxList,{...props});}export function ComboboxGroup(props){return/*#__PURE__*/_jsx(BaseComboboxGroup,{...props});}export function ComboboxGroupLabel(props){return/*#__PURE__*/_jsx(BaseComboboxGroupLabel,{...props});}export function ComboboxSeparator(props){return/*#__PURE__*/_jsx(BaseComboboxSeparator,{...props});}export function ComboboxEmpty(props){return/*#__PURE__*/_jsx(BaseComboboxEmpty,{...props});}export function ComboboxRow(props){return/*#__PURE__*/_jsx(BaseComboboxRow,{...props});}export function ComboboxStatus(props){return/*#__PURE__*/_jsx(BaseComboboxStatus,{...props});}

package/dist/components/combobox/combobox.types.d.ts

@@ -0,0 +1,43 @@
+import type { Combobox as ComboboxPrimitive } from "@base-ui/react/combobox";
+import type { ComponentPropsWithRef, ReactNode } from "react";
+import type { Closed } from "../../closed";
+export type ComboboxSize = "default" | "lg" | "sm";
+export type ComboboxProps<Value, Multiple extends boolean | undefined = false, Item = Value> = ComboboxPrimitive.Root.Props<Value, Multiple, Item>;
+export type ComboboxInputProps = Closed<Omit<ComboboxPrimitive.Input.Props, "size"> & {
+    clearProps?: ComboboxPrimitive.Clear.Props;
+    ref?: ComponentPropsWithRef<"input">["ref"];
+    showClear?: boolean;
+    showTrigger?: boolean;
+    size?: ComboboxSize | number;
+    startAddon?: ReactNode;
+    triggerProps?: ComboboxPrimitive.Trigger.Props;
+}>;
+export type ComboboxChipsInputProps = Closed<Omit<ComboboxPrimitive.Input.Props, "size"> & {
+    ref?: ComponentPropsWithRef<"input">["ref"];
+    size?: ComboboxSize | number;
+}>;
+export type ComboboxTriggerProps = Closed<ComboboxPrimitive.Trigger.Props>;
+export type ComboboxClearProps = Closed<ComboboxPrimitive.Clear.Props>;
+export type ComboboxPopupProps = Closed<ComboboxPrimitive.Popup.Props & {
+    align?: ComboboxPrimitive.Positioner.Props["align"];
+    alignOffset?: ComboboxPrimitive.Positioner.Props["alignOffset"];
+    anchor?: ComboboxPrimitive.Positioner.Props["anchor"];
+    portalProps?: Closed<ComboboxPrimitive.Portal.Props>;
+    side?: ComboboxPrimitive.Positioner.Props["side"];
+    sideOffset?: ComboboxPrimitive.Positioner.Props["sideOffset"];
+}>;
+export type ComboboxItemProps = Closed<ComboboxPrimitive.Item.Props>;
+export type ComboboxSeparatorProps = Closed<ComboboxPrimitive.Separator.Props>;
+export type ComboboxGroupProps = Closed<ComboboxPrimitive.Group.Props>;
+export type ComboboxGroupLabelProps = Closed<ComboboxPrimitive.GroupLabel.Props>;
+export type ComboboxEmptyProps = Closed<ComboboxPrimitive.Empty.Props>;
+export type ComboboxRowProps = Closed<ComboboxPrimitive.Row.Props>;
+export type ComboboxListProps = Closed<ComboboxPrimitive.List.Props>;
+export type ComboboxStatusProps = Closed<ComboboxPrimitive.Status.Props>;
+export type ComboboxChipsProps = Closed<ComboboxPrimitive.Chips.Props & {
+    startAddon?: ReactNode;
+}>;
+export type ComboboxChipProps = Closed<ComboboxPrimitive.Chip.Props & {
+    removeProps?: ComboboxPrimitive.ChipRemove.Props;
+}>;
+export type ComboboxChipRemoveProps = Closed<ComboboxPrimitive.ChipRemove.Props>;

package/dist/components/combobox/combobox.types.js

@@ -0,0 +1 @@
+export{};

package/dist/components/command/command-dialog.js

@@ -0,0 +1 @@
+"use client";import{Dialog as BaseDialog}from"@base-ui/react/dialog";import{props}from"@stylexjs/stylex";import{protectRenderSlot as protectSlot}from"../../render-utils";import{overlayLayerStyles}from"../../styles/overlay-layers.styles";import{dialogStyles}from"../dialog/dialog.styles";import{commandDialogStyles}from"./command-dialog.styles";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export const CommandDialogPrimitive=BaseDialog;export const CommandDialog=BaseDialog.Root;export const CommandDialogPortal=BaseDialog.Portal;export const CommandCreateHandle=BaseDialog.createHandle;export function CommandDialogTrigger({ref:forwardedRef=undefined,render,type,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(CommandDialogPrimitive.Trigger,{...rest,"data-slot":"command-dialog-trigger",ref:forwardedRef,render:protectSlot("command-dialog-trigger",render),type:render?type:type??"button"});}export function CommandDialogBackdrop({ref:forwardedRef=undefined,render,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(CommandDialogPrimitive.Backdrop,{...rest,"data-slot":"command-dialog-backdrop",ref:forwardedRef,render:protectSlot("command-dialog-backdrop",render),...props(dialogStyles.backdrop,overlayLayerStyles.backdrop,commandDialogStyles.backdrop)});}export function CommandDialogViewport({children,ref:forwardedRef=undefined,render,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(CommandDialogPrimitive.Viewport,{...rest,"data-slot":"command-dialog-viewport",ref:forwardedRef,render:protectSlot("command-dialog-viewport",render),...props(commandDialogStyles.viewport),children:children});}export function CommandDialogPopup({children,portalProps,ref:forwardedRef=undefined,render,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsxs(CommandDialogPortal,{...portalProps,...props(overlayLayerStyles.modalPortal),children:[/*#__PURE__*/_jsx(CommandDialogBackdrop,{}),/*#__PURE__*/_jsx(CommandDialogViewport,{children:/*#__PURE__*/_jsx(CommandDialogPrimitive.Popup,{...rest,"data-slot":"command-dialog-popup",ref:forwardedRef,render:protectSlot("command-dialog-popup",render),...props(dialogStyles.popup,commandDialogStyles.popup),children:children})})]});}

package/dist/components/command/command-dialog.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/conditions.stylex";import{conditions}from"../../styles/conditions.stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";export const commandDialogStyles={backdrop:{kY2c9j:"xa9119d",$$css:true},popup:{kskxy:"x1uzm5uw",ks0D6T:"xc0i79g",kAzted:"x2lwn1j",k7Eaqz:"xeuugli",kSiTet:"xiyypsa x1hw7zpd x19j1h4y",k3aq6I:"xrtepng xvepcnx x1owik73",$$css:true},viewport:{kGNEyG:"x6s0dn4",kB7OPa:"x9f619",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kpwlN0:"x10a8y8t",kORKVm:"x1odjw0f",kZeWKH:"xish69e",k8WAf4:"xvippx7 x2m9shv",kg3NbH:"x6v34zf xb5xqfq",kVAEAm:"xixxii4",kY2c9j:"xa9119d",$$css:true}};

package/dist/components/command/command-field.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors}from"../../styles/colors.stylex";import"../../styles/dimensions.stylex";import{controlSize}from"../../styles/dimensions.stylex";import"../../styles/interaction.stylex";import{borderWidth}from"../../styles/interaction.stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";import"../../styles/typography.stylex";import{fontSize,fontWeight,lineHeight}from"../../styles/typography.stylex";export const commandFieldStyles={input:{k8Qsv1:"x10l60j5",kH8XJS:"x7xwk5j",kysU6D:"xjyslct",kWkggS:"xjbqb8w",kMzoRj:"xc342km",kB7OPa:"x9f619",kMwMTN:"xpfl6da x14tvo57",kkrTdU:"x1s07b3s x1ed109x",k1xSpc:"x1lliihq",kMv6JI:"xjb2p0i",kGuDYH:"x12ama9c",k63SB2:"x1lo1l87",kZKoxP:"x155ebd8",kLWn49:"x1rn0pvf",k7Eaqz:"xeuugli",kI3sdo:"x1a2a7pz",k8WAf4:"xt970qd",kwRFfy:"x18gr29s",kZCmMZ:"x11yzp8g",kzqmXN:"xh8yej3",$$css:true},inputGroup:{kVAEAm:"x1n2onr6",kzqmXN:"xh8yej3",$$css:true},inputWrapper:{kL6WhQ:"x9rbyu3",kfdmCh:"x1q0q8m5",kt9PQ7:"x13k63ub",kB7OPa:"x9f619",kg3NbH:"xdbhxi8",kzqmXN:"xh8yej3",$$css:true},startAddon:{kGNEyG:"x6s0dn4",kMwMTN:"x125omll",k1xSpc:"x3nfvp2",kZKoxP:"x5yr21d",kYYq5F:"x10no89f",kLqNvP:"xxkxi5w",kjj79g:"xl56j7k",kfzvcC:"x47corl",kVAEAm:"x10l6tqk",kzqmXN:"xcdlrvm",kY2c9j:"x1vjfegm",$$css:true}};

package/dist/components/command/command-input.js

@@ -0,0 +1 @@
+"use client";import{Autocomplete as BaseAutocomplete}from"@base-ui/react/autocomplete";import{props}from"@stylexjs/stylex";import{IconSearch}from"../../icons";import{protectRenderSlot as protectSlot}from"../../render-utils";import{commandFieldStyles}from"./command-field.styles";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function SearchIcon(){return/*#__PURE__*/_jsx(IconSearch,{"aria-hidden":"true",focusable:"false",size:"16"});}export function CommandInput({autoFocus=true,disabled=false,placeholder,readOnly=false,ref:forwardedRef=undefined,render,startAddon,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx("div",{"data-slot":"command-input-wrapper",...props(commandFieldStyles.inputWrapper),children:/*#__PURE__*/_jsxs(BaseAutocomplete.InputGroup,{"data-slot":"command-input-group",...props(commandFieldStyles.inputGroup),children:[/*#__PURE__*/_jsx("div",{"aria-hidden":"true","data-slot":"command-start-addon",...props(commandFieldStyles.startAddon),children:startAddon??/*#__PURE__*/_jsx(SearchIcon,{})}),/*#__PURE__*/_jsx(BaseAutocomplete.Input,{...rest,autoFocus:autoFocus,"data-slot":"command-input",disabled:disabled,placeholder:placeholder,readOnly:readOnly,ref:forwardedRef,render:protectSlot("command-input",render),...props(commandFieldStyles.input)})]})});}

package/dist/components/command/command-items.js

@@ -0,0 +1 @@
+"use client";import{Autocomplete as BaseAutocomplete}from"@base-ui/react/autocomplete";import{props}from"@stylexjs/stylex";import{controlLabel}from"../../control-label";import{protectRenderSlot as protectSlot}from"../../render-utils";import{ScrollArea}from"../scroll-area/scroll-area";import{commandItemsStyles}from"./command-items.styles";import{jsx as _jsx}from"react/jsx-runtime";export function Command(commandProps){const{autoHighlight="always",keepHighlight=true,...rest}=commandProps;Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");const AutocompleteRoot=BaseAutocomplete.Root;return/*#__PURE__*/_jsx(AutocompleteRoot,{autoHighlight:autoHighlight,inline:true,keepHighlight:keepHighlight,open:true,...rest});}export function CommandList({children,ref:forwardedRef=undefined,render,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(ScrollArea,{overscrollContain:true,scrollbarGutter:true,scrollFade:true,children:/*#__PURE__*/_jsx(BaseAutocomplete.List,{...rest,"data-slot":"command-list",ref:forwardedRef,render:protectSlot("command-list",render),...props(commandItemsStyles.list),children:children})});}export const CommandCollection=BaseAutocomplete.Collection;export function CommandItem({children,ref:forwardedRef=undefined,render,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(BaseAutocomplete.Item,{...rest,"data-slot":"command-item",ref:forwardedRef,render:protectSlot("command-item",render),...props(commandItemsStyles.item),children:controlLabel(children)});}

package/dist/components/command/command-items.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors}from"../../styles/colors.stylex";import"../../styles/conditions.stylex";import{conditions}from"../../styles/conditions.stylex";import"../../styles/floating-item-colors.stylex";import{floatingItemColors}from"../../styles/floating-item-colors.stylex";import"../../styles/interaction.stylex";import{borderWidth,forcedColorAdjust,opacity}from"../../styles/interaction.stylex";import"../../styles/motion.stylex";import{duration,easing}from"../../styles/motion.stylex";import"../../styles/shape.stylex";import{shape}from"../../styles/shape.stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";import"../../styles/typography.stylex";import{fontSize,fontWeight,lineHeight}from"../../styles/typography.stylex";export const commandItemsStyles={empty:{kB7OPa:"x9f619",kMwMTN:"x125omll",kGuDYH:"xlh8hku",kLWn49:"x2xzzt7",k8WAf4:"xe7tn2h x1mspcnq",kg3NbH:"xy7odpl",k9WMMc:"x2b8uid",kzqmXN:"xh8yej3",$$css:true},footer:{kGNEyG:"x6s0dn4",kWkggS:"xu84zt7",kLZC3w:"xcadu6e",kPef9Z:"x13fuv20",kEafiO:"x1vfp6xi",kB7OPa:"x9f619",kMwMTN:"x125omll",k1xSpc:"x78zum5",kwnvtZ:"x1a02dak",kGuDYH:"x1ws78te",kOIVth:"xp4ho6d",kjj79g:"x1qughib",k8WAf4:"x58we3g",kg3NbH:"xaqi9fd",kfSwDN:"x87ps6o",kzqmXN:"xh8yej3",$$css:true},group:{kLZC3w:"xcadu6e",kPef9Z:"xa1hsq x1ejq31n",kEafiO:"x1vfp6xi",kB7OPa:"x9f619",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"xjbgufp",keoZOQ:"x103skjh xgvnyjf",kLKAdn:"x1g425p3 x1wl7rsy",kzqmXN:"xh8yej3",$$css:true},groupLabel:{kMwMTN:"x125omll",kGuDYH:"x1ws78te",k63SB2:"xuku2lm",k8WAf4:"x1lmimt7",kg3NbH:"xb5xqfq",kfSwDN:"x87ps6o",$$css:true},item:{kGNEyG:"x6s0dn4",kWkggS:"x1atuimu xjbqb8w",kaIpWk:"xep4s08",kB7OPa:"x9f619",kMwMTN:"x1ovde1y x14tvo57",kkrTdU:"x1j1ks5o x1ypdohk",k1xSpc:"x78zum5",kGuDYH:"xlh8hku",k63SB2:"x1lo1l87",kAXs8y:"x1t9pinz",kOIVth:"xp4ho6d",kLWn49:"x2xzzt7",kAzted:"x1in32aq",kSiTet:"x1yporm9 x1hc1fzr",kjBf7l:"x390g1 x1uczgqu",kInvED:"x11r2kya",k3XXqK:"x12gqqw5 x1t137rt",kMeerF:"x1vhx2qj",k8WAf4:"x1lmimt7",kg3NbH:"xb5xqfq",kfzvcC:"x7gqb9v x67bb7w",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"x7h6xqb",kAMwcw:"xvhdtae",kfSwDN:"x87ps6o",kzqmXN:"xh8yej3",$$css:true},list:{k5JduY:"x1s928wv",kjRBe0:"x1bv6n7p",k4zj60:"x1jji07j",kB7OPa:"x9f619",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"xjbgufp",kskxy:"x1bsj13w",kI3sdo:"x1a2a7pz",kmVPX3:"x1btfdvn",kGO01o:"x4e3euo",kzqmXN:"xh8yej3",$$css:true},panel:{kWkggS:"xui3q9s",kLZC3w:"xcadu6e",kPef9Z:"x13fuv20",kEafiO:"x1vfp6xi",kB7OPa:"x9f619",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kzQI83:"x1iyjqo2",kAzted:"x2lwn1j",kVAEAm:"x1n2onr6",kzqmXN:"xh8yej3",$$css:true},separator:{kWkggS:"xcmsz27",kZKoxP:"x1pt7pui",kqGvvJ:"xaoelkr",kUOVxO:"x111xfez",$$css:true},shortcut:{kmuXW:"x2lah0s",keTefX:"xvc5jky",$$css:true}};

package/dist/components/command/command-structure.js

@@ -0,0 +1 @@
+"use client";import{Autocomplete as BaseAutocomplete}from"@base-ui/react/autocomplete";import{props}from"@stylexjs/stylex";import{protectRenderSlot as protectSlot}from"../../render-utils";import{Kbd}from"../kbd/kbd";import{kbdStyles}from"../kbd/kbd.styles";import{commandItemsStyles}from"./command-items.styles";import{jsx as _jsx}from"react/jsx-runtime";export function CommandEmpty({children,ref:forwardedRef=undefined,render,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(BaseAutocomplete.Empty,{...rest,"data-slot":"command-empty",ref:forwardedRef,render:protectSlot("command-empty",render),...props(commandItemsStyles.empty),children:children});}export function CommandPanel({children,ref:forwardedRef=undefined,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"command-panel",ref:forwardedRef,...props(commandItemsStyles.panel),children:children});}export function CommandGroup({children,ref:forwardedRef=undefined,render,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(BaseAutocomplete.Group,{...rest,"data-slot":"command-group",ref:forwardedRef,render:protectSlot("command-group",render),...props(commandItemsStyles.group),children:children});}export function CommandGroupLabel({children,ref:forwardedRef=undefined,render,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(BaseAutocomplete.GroupLabel,{...rest,"data-slot":"command-group-label",ref:forwardedRef,render:protectSlot("command-group-label",render),...props(commandItemsStyles.groupLabel),children:children});}export function CommandSeparator({ref:forwardedRef=undefined,render,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(BaseAutocomplete.Separator,{...rest,"data-slot":"command-separator",ref:forwardedRef,render:protectSlot("command-separator",render),...props(commandItemsStyles.separator)});}export function CommandShortcut({children,ref:forwardedRef=undefined,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");const shortcut=typeof children==="string"?/*#__PURE__*/_jsx(Kbd,{children:children}):children;return/*#__PURE__*/_jsx("kbd",{...rest,"data-slot":"command-shortcut",ref:forwardedRef,...props(kbdStyles.group,commandItemsStyles.shortcut),children:shortcut});}export function CommandFooter({children,ref:forwardedRef=undefined,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"command-footer",ref:forwardedRef,...props(commandItemsStyles.footer),children:children});}

package/dist/components/command/command.d.ts

@@ -0,0 +1,29 @@
+import type { Dialog as BaseDialog } from "@base-ui/react/dialog";
+import type { ReactElement } from "react";
+import type { CommandDialogBackdropProps, CommandDialogPopupProps, CommandDialogTriggerProps, CommandDialogViewportProps, CommandEmptyProps, CommandFooterProps, CommandGroupLabelProps, CommandGroupProps, CommandInputProps, CommandItemProps, CommandListProps, CommandPanelProps, CommandProps, CommandSeparatorProps, CommandShortcutProps } from "./command.types";
+export declare const CommandDialogPrimitive: typeof BaseDialog;
+export declare const CommandDialog: <Payload>(props: BaseDialog.Root.Props<Payload>) => React.JSX.Element;
+export declare const CommandDialogPortal: (props: import("../../closed").Closed<BaseDialog.Portal.Props>) => import("react").ReactNode;
+export declare const CommandCreateHandle: typeof BaseDialog.createHandle;
+export declare const CommandCollection: typeof import("@base-ui/react").ComboboxCollection;
+export declare function CommandDialogTrigger<Payload = unknown>(props: CommandDialogTriggerProps<Payload>): ReactElement;
+export declare function CommandDialogBackdrop(props: CommandDialogBackdropProps): ReactElement;
+export declare function CommandDialogViewport(props: CommandDialogViewportProps): ReactElement;
+export declare function CommandDialogPopup(props: CommandDialogPopupProps): ReactElement;
+export declare function Command<Items extends readonly {
+    items: readonly unknown[];
+}[]>(commandProps: Omit<CommandProps<Items[number]["items"][number]>, "items"> & {
+    items: Items;
+}): ReactElement;
+export declare function Command<ItemValue = unknown>(commandProps: CommandProps<ItemValue>): ReactElement;
+export declare function CommandInput(props: CommandInputProps): ReactElement;
+export declare function CommandList(props: CommandListProps): ReactElement;
+export declare function CommandEmpty(props: CommandEmptyProps): ReactElement;
+export declare function CommandPanel(props: CommandPanelProps): ReactElement;
+export declare function CommandGroup(props: CommandGroupProps): ReactElement;
+export declare function CommandGroupLabel(props: CommandGroupLabelProps): ReactElement;
+export declare function CommandItem(props: CommandItemProps): ReactElement;
+export declare function CommandSeparator(props: CommandSeparatorProps): ReactElement;
+export declare function CommandShortcut(props: CommandShortcutProps): ReactElement;
+export declare function CommandFooter(props: CommandFooterProps): ReactElement;
+export type { CommandCollectionProps, CommandDialogBackdropProps, CommandDialogPopupProps, CommandDialogPortalProps, CommandDialogProps, CommandDialogTriggerProps, CommandDialogViewportProps, CommandEmptyProps, CommandFooterProps, CommandGroupLabelProps, CommandGroupProps, CommandInputProps, CommandItemProps, CommandListProps, CommandPanelProps, CommandProps, CommandSeparatorProps, CommandShortcutProps, } from "./command.types";

package/dist/components/command/command.js

@@ -0,0 +1,2 @@
+"use client";import{CommandCreateHandle as BaseCommandCreateHandle,CommandDialog as BaseCommandDialog,CommandDialogBackdrop as BaseCommandDialogBackdrop,CommandDialogPopup as BaseCommandDialogPopup,CommandDialogPortal as BaseCommandDialogPortal,CommandDialogPrimitive as BaseCommandDialogPrimitive,CommandDialogTrigger as BaseCommandDialogTrigger,CommandDialogViewport as BaseCommandDialogViewport}from"./command-dialog";import{CommandInput as BaseCommandInput}from"./command-input";import{Command as BaseCommand,CommandCollection as BaseCommandCollection,CommandItem as BaseCommandItem,CommandList as BaseCommandList}from"./command-items";import{CommandEmpty as BaseCommandEmpty,CommandFooter as BaseCommandFooter,CommandGroup as BaseCommandGroup,CommandGroupLabel as BaseCommandGroupLabel,CommandPanel as BaseCommandPanel,CommandSeparator as BaseCommandSeparator,CommandShortcut as BaseCommandShortcut}from"./command-structure";// Annotated so published declarations name Base UI's public Dialog type.
+import{jsx as _jsx}from"react/jsx-runtime";export const CommandDialogPrimitive=BaseCommandDialogPrimitive;export const CommandDialog=BaseCommandDialog;export const CommandDialogPortal=BaseCommandDialogPortal;export const CommandCreateHandle=BaseCommandCreateHandle;export const CommandCollection=BaseCommandCollection;export function CommandDialogTrigger(props){return/*#__PURE__*/_jsx(BaseCommandDialogTrigger,{...props});}export function CommandDialogBackdrop(props){return/*#__PURE__*/_jsx(BaseCommandDialogBackdrop,{...props});}export function CommandDialogViewport(props){return/*#__PURE__*/_jsx(BaseCommandDialogViewport,{...props});}export function CommandDialogPopup(props){return/*#__PURE__*/_jsx(BaseCommandDialogPopup,{...props});}export function Command(commandProps){return/*#__PURE__*/_jsx(BaseCommand,{...commandProps});}export function CommandInput(props){return/*#__PURE__*/_jsx(BaseCommandInput,{...props});}export function CommandList(props){return/*#__PURE__*/_jsx(BaseCommandList,{...props});}export function CommandEmpty(props){return/*#__PURE__*/_jsx(BaseCommandEmpty,{...props});}export function CommandPanel(props){return/*#__PURE__*/_jsx(BaseCommandPanel,{...props});}export function CommandGroup(props){return/*#__PURE__*/_jsx(BaseCommandGroup,{...props});}export function CommandGroupLabel(props){return/*#__PURE__*/_jsx(BaseCommandGroupLabel,{...props});}export function CommandItem(props){return/*#__PURE__*/_jsx(BaseCommandItem,{...props});}export function CommandSeparator(props){return/*#__PURE__*/_jsx(BaseCommandSeparator,{...props});}export function CommandShortcut(props){return/*#__PURE__*/_jsx(BaseCommandShortcut,{...props});}export function CommandFooter(props){return/*#__PURE__*/_jsx(BaseCommandFooter,{...props});}

package/dist/components/command/command.types.d.ts

@@ -0,0 +1,28 @@
+import type { Autocomplete as BaseAutocomplete } from "@base-ui/react/autocomplete";
+import type { Dialog as BaseDialog } from "@base-ui/react/dialog";
+import type { ComponentPropsWithRef, ReactNode } from "react";
+type Closed<T> = Omit<T, "className" | "data-slot" | "style">;
+export type CommandDialogProps<Payload = unknown> = Closed<BaseDialog.Root.Props<Payload>>;
+export type CommandDialogPortalProps = Closed<BaseDialog.Portal.Props>;
+export type CommandDialogTriggerProps<Payload = unknown> = Closed<BaseDialog.Trigger.Props<Payload>>;
+export type CommandDialogBackdropProps = Closed<BaseDialog.Backdrop.Props>;
+export type CommandDialogViewportProps = Closed<BaseDialog.Viewport.Props>;
+export type CommandDialogPopupProps = Omit<Closed<BaseDialog.Popup.Props>, "children"> & {
+    readonly children?: ReactNode;
+    readonly portalProps?: CommandDialogPortalProps;
+};
+export type CommandProps<ItemValue = unknown> = Closed<BaseAutocomplete.Root.Props<ItemValue>>;
+export type CommandInputProps = Omit<Closed<BaseAutocomplete.Input.Props>, "size"> & {
+    readonly startAddon?: ReactNode;
+};
+export type CommandListProps = Closed<BaseAutocomplete.List.Props>;
+export type CommandEmptyProps = Closed<BaseAutocomplete.Empty.Props>;
+export type CommandPanelProps = Closed<ComponentPropsWithRef<"div">>;
+export type CommandGroupProps = Closed<BaseAutocomplete.Group.Props>;
+export type CommandGroupLabelProps = Closed<BaseAutocomplete.GroupLabel.Props>;
+export type CommandCollectionProps = BaseAutocomplete.Collection.Props;
+export type CommandItemProps = Closed<BaseAutocomplete.Item.Props>;
+export type CommandSeparatorProps = Closed<BaseAutocomplete.Separator.Props>;
+export type CommandShortcutProps = Closed<ComponentPropsWithRef<"kbd">>;
+export type CommandFooterProps = Closed<ComponentPropsWithRef<"div">>;
+export {};

package/dist/components/command/command.types.js

@@ -0,0 +1 @@
+export{};

package/dist/components/composer/attachment-marker.stylex.js

@@ -0,0 +1,2 @@
+import{defineMarker}from"@stylexjs/stylex";// Marks an attachment tile so its remove button can follow hover and focus.
+export const attachmentMarker={x14pvxjj:"x14pvxjj",$$css:true};

package/dist/components/composer/composer-clipboard.js

@@ -0,0 +1 @@
+export const COMPOSER_CLIPBOARD_TYPE="application/x-mizen-composer";const REQUIRED=["id","label","trigger"];const OPTIONAL=["kind","data","text"];function decodePart(input){if(input===null||typeof input!=="object"){throw new Error("Invalid part");}const record=input;if(record.type==="text"&&typeof record.text==="string"){return{text:record.text,type:"text"};}if(!["mention","action"].includes(String(record.type))){throw new Error("Invalid token");}const token={type:record.type};for(const field of REQUIRED){if(typeof record[field]!=="string"){throw new Error("Missing token field");}token[field]=record[field];}for(const field of OPTIONAL){if(typeof record[field]==="string"){token[field]=record[field];}}return token;}export function parseComposerClipboard(raw){if(raw.length>100_000){return null;}try{const decoded=JSON.parse(raw);if(!Array.isArray(decoded)||decoded.length>1000){return null;}return decoded.map(decodePart);}catch{return null;}}

package/dist/components/composer/composer-context-meter.d.ts

@@ -0,0 +1,36 @@
+import type { ComponentPropsWithRef } from "react";
+import type { Closed } from "../../closed";
+/** Token counts, named as the AI SDK names them, so its `usage` fits as is. */
+export interface ComposerContextUsage {
+    cachedInputTokens?: number;
+    inputTokens?: number;
+    outputTokens?: number;
+    reasoningTokens?: number;
+}
+/** What each kind of token cost, in `currency`. Mizen ships no prices. */
+export interface ComposerContextCost {
+    cachedInput?: number;
+    input?: number;
+    output?: number;
+    reasoning?: number;
+}
+export type ComposerContextMeterProps = Omit<Closed<ComponentPropsWithRef<"button">>, "children" | "data-slot" | "type"> & {
+    /** Shows each row's cost and the total at the foot of the card. */
+    cost?: ComposerContextCost;
+    /** An ISO 4217 code, such as "USD". */
+    currency?: string;
+    /** Formats token counts and costs. */
+    locale?: string;
+    /** The model's context window, in tokens. */
+    maxTokens: number;
+    /** Adds input, output, reasoning, and cached rows to the card. */
+    usage?: ComposerContextUsage;
+    /** Tokens in the context window now. */
+    usedTokens: number;
+};
+/**
+ * How full the model's context window is: a ring and "57% context" in the
+ * status bar. Hovering or pressing it opens a card with the token counts,
+ * a bar, and, when the app passes them, the breakdown and its cost.
+ */
+export declare function ComposerContextMeter({ cost, currency, locale, maxTokens, ref, usage, usedTokens, ...rest }: ComposerContextMeterProps): import("react").JSX.Element;

package/dist/components/composer/composer-context-meter.js

@@ -0,0 +1,6 @@
+"use client";import{props}from"@stylexjs/stylex";import{typeRoles}from"../../styles/typography.styles";import{Popover,PopoverPopup,PopoverPrimitive}from"../popover/popover";import{Progress}from"../progress/progress";import{composerPartStyles as styles}from"./composer-parts.styles";import{ProgressRing}from"./composer-progress-ring";/** Token counts, named as the AI SDK names them, so its `usage` fits as is. *//** What each kind of token cost, in `currency`. Mizen ships no prices. */import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const ROWS=[["Input","inputTokens","input"],["Output","outputTokens","output"],["Reasoning","reasoningTokens","reasoning"],["Cached","cachedInputTokens","cachedInput"]];function formats(locale,currency){const tokens=new Intl.NumberFormat(locale,{maximumFractionDigits:1,notation:"compact"});// Fractions of a cent stay visible: $0.0042, not $0.00.
+const money=value=>new Intl.NumberFormat(locale,{currency,maximumFractionDigits:Math.abs(value)<0.01?4:2,minimumFractionDigits:2,style:"currency"}).format(value);return{money,tokens:value=>tokens.format(value)};}function Breakdown({cost,format,usage}){const rows=ROWS.filter(([,key])=>usage[key]!==undefined);return/*#__PURE__*/_jsx("dl",{...props(styles.contextRows),children:rows.map(([label,key,costKey])=>{const price=cost?.[costKey];return/*#__PURE__*/_jsxs("div",{...props(styles.contextRow),children:[/*#__PURE__*/_jsx("dt",{...props(styles.contextLabel),children:label}),/*#__PURE__*/_jsxs("dd",{...props(styles.contextValue),children:[format.tokens(usage[key]??0),price===undefined?null:/*#__PURE__*/_jsxs("span",{...props(styles.contextCost),children:[" · ",format.money(price)]})]})]},key);})});}function Total({cost,format}){if(!cost){return null;}const total=Object.values(cost).reduce((sum,value)=>sum+value,0);return/*#__PURE__*/_jsxs("div",{...props(styles.contextRow,styles.contextTotal),children:[/*#__PURE__*/_jsx("span",{children:"Total cost"}),/*#__PURE__*/_jsx("span",{...props(styles.contextValue),children:format.money(total)})]});}/**
+ * How full the model's context window is: a ring and "57% context" in the
+ * status bar. Hovering or pressing it opens a card with the token counts,
+ * a bar, and, when the app passes them, the breakdown and its cost.
+ */export function ComposerContextMeter({cost,currency="USD",locale="en",maxTokens,ref,usage,usedTokens,...rest}){if(!(Number.isFinite(usedTokens)&&maxTokens>0)){throw new RangeError("ComposerContextMeter needs a finite usedTokens and a positive maxTokens.");}const share=Math.min(Math.max(usedTokens/maxTokens,0),1);const percent=Math.round(share*100);const format=formats(locale,currency);return/*#__PURE__*/_jsxs(Popover,{children:[/*#__PURE__*/_jsxs(PopoverPrimitive.Trigger,{...rest,closeDelay:100,"data-slot":"composer-context-meter",delay:150,openOnHover:true,ref:ref,type:"button",...props(styles.statusItem,styles.meter),children:[/*#__PURE__*/_jsx(ProgressRing,{share:share}),percent,"% context"]}),/*#__PURE__*/_jsx(PopoverPopup,{align:"end",side:"top",children:/*#__PURE__*/_jsxs("div",{...props(typeRoles.ui,styles.contextCard),children:[/*#__PURE__*/_jsxs("div",{...props(styles.contextRow),children:[/*#__PURE__*/_jsx("span",{...props(styles.contextTitle),children:"Context"}),/*#__PURE__*/_jsxs("span",{...props(styles.contextValue),children:[format.tokens(usedTokens)," / ",format.tokens(maxTokens)]})]}),/*#__PURE__*/_jsx(Progress,{"aria-label":"Context used",value:percent}),usage?/*#__PURE__*/_jsx(Breakdown,{cost:cost,format:format,usage:usage}):null,/*#__PURE__*/_jsx(Total,{cost:cost,format:format})]})})]});}

package/dist/components/composer/composer-dictation.d.ts

@@ -0,0 +1,17 @@
+export interface ComposerDictationProps {
+    /** The name stays the same while it records; `aria-pressed` says the state. */
+    "aria-label"?: string;
+    /** True while the app records speech. */
+    listening: boolean;
+    /**
+     * Called with the next state when it is pressed. The app starts or stops
+     * its recognizer and puts the words into the draft.
+     */
+    onListeningChange: (listening: boolean) => void;
+}
+/**
+ * A microphone button for the toolbar. Pressing it asks the app to start or
+ * stop dictation; while it records, the button turns brand and a soft ring
+ * pulses. Mizen does no speech recognition itself.
+ */
+export declare function ComposerDictation({ "aria-label": ariaLabel, listening, onListeningChange, }: ComposerDictationProps): import("react").JSX.Element;

package/dist/components/composer/composer-dictation.js

@@ -0,0 +1,5 @@
+"use client";import{props}from"@stylexjs/stylex";import{useCallback}from"react";import{IconMicrophone}from"../../icons";import{Button}from"../button/button";import{useComposerContext}from"./composer-editor";import{composerPartStyles as styles}from"./composer-parts.styles";import{jsx as _jsx}from"react/jsx-runtime";/**
+ * A microphone button for the toolbar. Pressing it asks the app to start or
+ * stop dictation; while it records, the button turns brand and a soft ring
+ * pulses. Mizen does no speech recognition itself.
+ */export function ComposerDictation({"aria-label":ariaLabel="Dictate",listening,onListeningChange}){const{disabled,readOnly}=useComposerContext();const toggle=useCallback(()=>onListeningChange(!listening),[listening,onListeningChange]);return/*#__PURE__*/_jsx(Button,{"aria-label":ariaLabel,"aria-pressed":listening,disabled:disabled||readOnly,onClick:toggle,size:"icon-sm",type:"button",variant:"ghost",children:/*#__PURE__*/_jsx("span",{"aria-hidden":"true","data-listening":listening||undefined,...props(styles.dictation),children:/*#__PURE__*/_jsx(IconMicrophone,{size:18})})});}

package/dist/components/composer/composer-document.d.ts

@@ -0,0 +1,32 @@
+import type { ComposerItemValue, ComposerQuery, ComposerTokenPart, ComposerTrigger, ComposerValue } from "./composer-value";
+export interface ComposerSelection {
+    anchor: number;
+    focus: number;
+}
+export interface ComposerSnapshot {
+    selection: ComposerSelection | null;
+    value: ComposerValue;
+}
+export type ActiveQuery = ComposerQuery & {
+    range: Range;
+    node: Text;
+    start: number;
+    end: number;
+};
+export declare function getComposerText(value: ComposerValue): string;
+export declare function equalValue(a: ComposerValue, b: ComposerValue): boolean;
+export declare function readToken(element: HTMLElement): ComposerTokenPart;
+export declare function readValue(root: HTMLElement, ignoreTrailingPlaceholder?: boolean): ComposerValue;
+export declare function writeValue(root: HTMLElement, value: ComposerValue): void;
+export declare function editorRange(root: HTMLElement): Range | null;
+export declare function replaceRange(root: HTMLElement, range: Range, value: ComposerValue): void;
+export declare function insertPlainText(root: HTMLElement, text: string): void;
+export declare function readSelection(root: HTMLElement): ComposerSelection | null;
+export declare function restoreSelection(root: HTMLElement, selection: ComposerSelection | null): void;
+/** Read adjacent text as one query without mutating browser or React-owned nodes. */
+export declare function currentQuery(root: HTMLElement, triggers: readonly ComposerTrigger[]): ActiveQuery | null;
+export declare function getFilteredItems(trigger: ComposerTrigger | undefined, query: ComposerQuery | null, contains: (text: string, query: string) => boolean): readonly ComposerItemValue[];
+export declare function hasVisibleItems(trigger: ComposerTrigger | undefined, items: readonly ComposerItemValue[]): boolean;
+export declare function queryRange(query: ActiveQuery): Range;
+export declare function insertItem(root: HTMLElement, query: ActiveQuery, item: ComposerItemValue): void;
+export type { ComposerItemValue, ComposerQuery, ComposerTokenPart, ComposerTrigger, ComposerValue, } from "./composer-value";

package/dist/components/composer/composer-document.js

@@ -0,0 +1 @@
+import{getComposerQuery}from"./composer-query";const ids=new WeakMap();let sequence=0;const TOKEN_FIELDS=["id","label","trigger","kind","data","text"];const WHITESPACE=/\s/u;export function getComposerText(value){return value.map(partText).join("");}function partText(part){if(part.type==="text"){return part.text;}return part.text??part.trigger+part.label;}function compact(parts){const result=[];for(const part of parts){const last=result.at(-1);if(part.type!=="text"){result.push({...part});}else if(last?.type==="text"){last.text+=part.text;}else if(part.text){result.push({...part});}}return result;}export function equalValue(a,b){const left=compact(a);const right=compact(b);return left.length===right.length&&left.every((part,i)=>samePart(part,right[i]));}function samePart(a,b){if(!b||a.type!==b.type){return false;}if(a.type==="text"){return b.type==="text"&&a.text===b.text;}return b.type!=="text"&&TOKEN_FIELDS.every(field=>a[field]===b[field]);}export function readToken(element){const token={id:element.dataset.id??"",label:element.dataset.label??"",trigger:element.dataset.trigger??"@",type:element.dataset.composerToken==="action"?"action":"mention"};for(const field of["kind","data","text"]){const value=element.dataset[field];if(value!==undefined){token[field]=value;}}return token;}function tokenElement(node){return node instanceof HTMLElement&&["mention","action"].includes(node.dataset.composerToken??"");}function block(node){return node instanceof HTMLElement&&["DIV","P"].includes(node.tagName);}function newline(from,to){return{from,part:{text:"\n",type:"text"},to};}/** One projection supplies canonical text and both directions of caret mapping. */function segments(parent,trimBreak=true){return Array.from(parent.childNodes).flatMap((node,index,siblings)=>{const from=[parent,index];const to=[parent,index+1];if(node instanceof Text){return[{from:[node,0],part:{text:node.data,type:"text"},to:[node,node.length]}];}if(tokenElement(node)){return[{from,part:readToken(node),to}];}if(!(node instanceof HTMLElement)){return[];}if(node.tagName==="BR"){return breakSegments(node,from,to,trimBreak&&index===siblings.length-1);}const content=segments(node,trimBreak);return surroundBlock(content,node,index,siblings,from,to);});}function breakSegments(node,from,to,trailing){return trailing||node.hasAttribute("data-composer-placeholder")?[]:[newline(from,to)];}function surroundBlock(content,node,index,siblings,from,to){if(!block(node)){return content;}const before=index>0&&!(siblings[index-1]instanceof HTMLBRElement);const after=index<siblings.length-1&&!block(siblings[index+1]);return[...(before?[newline(from,[node,0])]:[]),...content,...(after?[newline([node,node.childNodes.length],to)]:[])];}export function readValue(root,ignoreTrailingPlaceholder=true){if(root instanceof HTMLTextAreaElement){return compact([{text:root.value,type:"text"}]);}return compact(segments(root,ignoreTrailingPlaceholder).map(({part})=>part));}function createToken(part,doc=document){const element=doc.createElement("span");element.contentEditable="false";element.dataset.composerToken=part.type;for(const key of TOKEN_FIELDS){if(part[key]!==undefined){element.dataset[key]=part[key];}}for(const slot of["fallback","renderer"]){const child=doc.createElement("span");child.dataset.slot=`composer-token-${slot}`;if(slot==="fallback"){child.textContent=partText(part);}element.append(child);}return element;}function fragmentFor(root,value){const doc=root.ownerDocument;const fragment=doc.createDocumentFragment();for(const part of value){fragment.append(part.type==="text"?doc.createTextNode(part.text):createToken(part,doc));}return fragment;}export function writeValue(root,value){if(root instanceof HTMLTextAreaElement){root.value=getComposerText(value);return;}const fragment=fragmentFor(root,value);if(getComposerText(value).endsWith("\n")){const placeholder=root.ownerDocument.createElement("br");placeholder.dataset.composerPlaceholder="";fragment.append(placeholder);}root.replaceChildren(fragment);}export function editorRange(root){const selection=root.ownerDocument.getSelection();if(!selection?.rangeCount){return null;}const range=selection.getRangeAt(0);return root.contains(range.commonAncestorContainer)?range:null;}export function replaceRange(root,range,value){const fragment=fragmentFor(root,value);const end=fragment.lastChild;range.deleteContents();range.insertNode(fragment);if(end){range.setStartAfter(end);}range.collapse(true);const selection=root.ownerDocument.getSelection();selection?.removeAllRanges();selection?.addRange(range);}export function insertPlainText(root,text){const range=editorRange(root);if(range){replaceRange(root,range,[{text:text.replace(/\r\n?/gu,"\n"),type:"text"}]);}}function comparePoints(a,b){const doc=a[0].ownerDocument??document;const left=doc.createRange();const right=doc.createRange();left.setStart(...a);left.collapse(true);right.setStart(...b);right.collapse(true);return left.compareBoundaryPoints(Range.START_TO_START,right);}function offsetAt(projection,point){let offset=0;for(const segment of projection){if(comparePoints(point,segment.from)<=0){return offset;}if(segment.from[0]===point[0]&&point[0]instanceof Text){return offset+point[1];}offset+=partText(segment.part).length;if(comparePoints(point,segment.to)<=0){return offset;}}return offset;}export function readSelection(root){if(root instanceof HTMLTextAreaElement){if(root.ownerDocument.activeElement!==root){return null;}const positions=[root.selectionStart,root.selectionEnd];if(root.selectionDirection==="backward"){positions.reverse();}return{anchor:positions[0],focus:positions[1]};}const selection=root.ownerDocument.getSelection();if(!(selection?.anchorNode&&selection.focusNode&&editorRange(root))){return null;}const projection=segments(root);return{anchor:offsetAt(projection,[selection.anchorNode,selection.anchorOffset]),focus:offsetAt(projection,[selection.focusNode,selection.focusOffset])};}function pointAt(root,offset){let remaining=Math.max(0,offset);for(const segment of segments(root)){const{length}=partText(segment.part);if(remaining<=length){if(segment.from[0]instanceof Text){return[segment.from[0],remaining];}return remaining===0?segment.from:segment.to;}remaining-=length;}return[root,root.childNodes.length];}export function restoreSelection(root,selection){if(!selection){return;}const{anchor,focus}=selection;if(root instanceof HTMLTextAreaElement){root.setSelectionRange(Math.min(anchor,focus),Math.max(anchor,focus),anchor>focus?"backward":"forward");}else{root.ownerDocument.getSelection()?.setBaseAndExtent(...pointAt(root,anchor),...pointAt(root,focus));}}function queryRun(node,offset){let first=node;while(first.previousSibling instanceof Text){first=first.previousSibling;}const nodes=[];let current=first;let text="";let caret=offset;while(current instanceof Text){if(current===node){caret=text.length+offset;}nodes.push(current);text+=current.data;current=current.nextSibling;}return{caret,nodes,text};}function runPoint(nodes,offset){let remaining=offset;for(const node of nodes){if(remaining<=node.length){return[node,remaining];}remaining-=node.length;}const last=nodes.at(-1)??nodes[0];return[last,last.length];}/** Read adjacent text as one query without mutating browser or React-owned nodes. */export function currentQuery(root,triggers){const selection=root.ownerDocument.getSelection();if(!(selection?.isCollapsed&&editorRange(root))){return null;}const anchor=selection.anchorNode;if(!(anchor instanceof Text)||anchor.parentElement?.closest("[data-composer-token]")){return null;}const run=queryRun(anchor,selection.anchorOffset);const[node]=run.nodes;const query=getComposerQuery(run.text,run.caret,triggers.map(({character})=>character));if(!(query&&queryAllowed(node,query,triggers))){return null;}if(!ids.has(node)){sequence+=1;ids.set(node,String(sequence));}const range=root.ownerDocument.createRange();range.setStart(...runPoint(run.nodes,query.start));range.setEnd(...runPoint(run.nodes,query.end));return{...query,key:`${ids.get(node)}:${query.character}:${query.start}:${run.caret}:${query.text}`,node,range};}function queryAllowed(node,query,triggers){const limit=triggers.find(({character})=>character===query.character)?.maxQueryLength??Number.POSITIVE_INFINITY;const previous=node.previousSibling?.textContent??"";return query.text.length<=limit&&(query.start!==0||!previous||WHITESPACE.test(previous.slice(-1)));}export function getFilteredItems(trigger,query,contains){if(!(trigger&&query&&fresh(trigger,query))){return[];}if(trigger.filter===null){return trigger.items;}const filter=trigger.filter??((item,text)=>contains(item.label,text));return trigger.items.filter(item=>filter(item,query.text));}function fresh(trigger,query){return(trigger.status??"ready")==="ready"&&(trigger.itemsFor===undefined||trigger.itemsFor===query.text)&&(trigger.queryKey===undefined||trigger.queryKey===query.key);}export function hasVisibleItems(trigger,items){return!!trigger&&(items.length>0||!!trigger.showEmpty||["loading","error"].includes(trigger.status??"ready"));}export function queryRange(query){return query.range.cloneRange();}export function insertItem(root,query,item){const end=query.range.endContainer;const following=end instanceof Text?end.data.slice(query.range.endOffset):"";const separator=WHITESPACE.test(following.charAt(0));const range=queryRange(query);root.focus({preventScroll:true});replaceRange(root,range,[{...item,trigger:query.character,type:item.type??"mention"},...(separator?[]:[{text:" ",type:"text"}])]);if(separator){const caret=readSelection(root);if(caret){restoreSelection(root,{anchor:caret.anchor+1,focus:caret.focus+1});}}}