@mizen-labs/ui 0.0.0-stage → 0.1.0

package/dist/components/slider/slider.types.js

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

package/dist/components/sources/sources.d.ts

@@ -0,0 +1,22 @@
+import type { ComponentPropsWithRef } from "react";
+import type { Closed } from "../../closed";
+import { type CitationSource } from "../inline-citation/citation-source";
+/** A page or document the agent used: a link with `href`, or text without. */
+export type SourcesItem = CitationSource;
+export type SourcesProps = Omit<Closed<ComponentPropsWithRef<"div">>, "children" | "data-slot" | "role"> & {
+    /** Opens the list from the start, such as in a research view. */
+    defaultOpen?: boolean;
+    /** Repeats of the same link or document show once. */
+    sources: readonly SourcesItem[];
+};
+/** The same page cited twice is one source. */
+export declare function uniqueSources(sources: readonly SourcesItem[]): CitationSource[];
+/** One source as a row: favicon, title, and domain; a link when it has one. */
+export declare function SourceRow({ source }: {
+    source: SourcesItem;
+}): import("react").JSX.Element;
+/**
+ * The pages and documents an agent used for a reply, folded into one line:
+ * the first favicons and "Used 3 sources". It opens to a link for each.
+ */
+export declare function Sources({ defaultOpen, ref: forwardedRef, sources, ...rest }: SourcesProps): import("react").JSX.Element | null;

package/dist/components/sources/sources.js

@@ -0,0 +1,6 @@
+"use client";import{props}from"@stylexjs/stylex";import{IconChevronDown}from"../../icons";import{typeRoles}from"../../styles/typography.styles";import{Collapsible,CollapsiblePanel,CollapsibleTrigger}from"../collapsible/collapsible";import{SourceIcon,sourceLabel,sourceName}from"../inline-citation/citation-source";import{VisuallyHidden}from"../visually-hidden/visually-hidden";import{sourcesStyles as styles}from"./sources.styles";/** A page or document the agent used: a link with `href`, or text without. */import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";/** The same page cited twice is one source. */export function uniqueSources(sources){const seen=new Set();return sources.filter(source=>{const key=source.href??`document:${source.title}`;if(seen.has(key)){return false;}seen.add(key);return true;});}/** "Used 3 sources" with the first three favicons; opens the list. */function SourcesTrigger({sources}){const noun=sources.length===1?"source":"sources";return/*#__PURE__*/_jsxs(CollapsibleTrigger,{render:/*#__PURE__*/_jsx("button",{type:"button",...props(typeRoles.ui,styles.trigger)}),children:[/*#__PURE__*/_jsx("span",{"aria-hidden":"true",...props(styles.stack),children:sources.slice(0,3).map((source,index)=>/*#__PURE__*/// biome-ignore lint/suspicious/noArrayIndexKey: sources keep their order, and a document may share a title.
+_jsx("span",{...props(styles.stackIcon),children:/*#__PURE__*/_jsx(SourceIcon,{source:source})},index))}),/*#__PURE__*/_jsxs("span",{children:["Used ",/*#__PURE__*/_jsx("span",{...props(styles.count),children:sources.length})," ",noun]}),/*#__PURE__*/_jsx(IconChevronDown,{"aria-hidden":"true",size:14,...props(styles.chevron)})]});}/** One source as a row: favicon, title, and domain; a link when it has one. */export function SourceRow({source}){const content=/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(SourceIcon,{source:source}),/*#__PURE__*/_jsx("span",{...props(styles.title),children:sourceName(source)}),source.href===undefined?null:/*#__PURE__*/_jsx("span",{...props(typeRoles.caption,styles.domain),children:sourceLabel(source)})]});if(source.href===undefined){return/*#__PURE__*/_jsx("div",{...props(typeRoles.ui,styles.row),children:content});}return/*#__PURE__*/_jsxs("a",{href:source.href,rel:"noopener noreferrer",target:"_blank",...props(typeRoles.ui,styles.row),children:[content,/*#__PURE__*/_jsx(VisuallyHidden,{children:", opens in a new tab"})]});}/** One line per source: favicon, title, and domain. */function SourcesList({sources}){return/*#__PURE__*/_jsx(CollapsiblePanel,{children:/*#__PURE__*/_jsx("ul",{"aria-label":"Sources","data-slot":"sources-list",...props(styles.list),children:sources.map((source,index)=>/*#__PURE__*/// biome-ignore lint/suspicious/noArrayIndexKey: sources keep their order, and a document may share a title.
+_jsx("li",{children:/*#__PURE__*/_jsx(SourceRow,{source:source})},index))})});}/**
+ * The pages and documents an agent used for a reply, folded into one line:
+ * the first favicons and "Used 3 sources". It opens to a link for each.
+ */export function Sources({defaultOpen=false,ref:forwardedRef,sources,...rest}){const unique=uniqueSources(sources);for(const prop of["className","data-slot","role","style"]){Reflect.deleteProperty(rest,prop);}if(unique.length===0){return null;}return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"sources",ref:forwardedRef,...props(styles.root),children:/*#__PURE__*/_jsxs(Collapsible,{defaultOpen:defaultOpen,children:[/*#__PURE__*/_jsx(SourcesTrigger,{sources:unique}),/*#__PURE__*/_jsx(SourcesList,{sources:unique})]})});}

package/dist/components/sources/sources.styles.js

@@ -0,0 +1,3 @@
+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/interaction.stylex";import{borderWidth}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";// Lines bleed into the gutter by their padding, so favicons line up with the
+// text around them while the hover fill has room.
+const BLEED=space["2"];const line={alignItems:"center",backgroundColor:{[conditions.canHover]:{":hover":colors.controlSurfaceHover,default:"transparent"},default:"transparent"},borderRadius:shape.controlRadius,color:colors.content,display:"flex",gap:space["2"],minBlockSize:space["8"],minInlineSize:0,outlineColor:{":focus-visible":colors.focusRing,default:"transparent"},outlineOffset:-2,outlineStyle:{":focus-visible":"solid",default:"none"},outlineWidth:borderWidth.focus,paddingBlock:space["1"],paddingInline:BLEED,textDecoration:"none"};export const sourcesStyles={chevron:{kMwMTN:"x125omll",kmuXW:"x2lah0s",k3aq6I:"x14p7gce x1c071of",kIyJzY:"x1e471i8 x115jf8",k1ekBW:"x11xpdln",kAMwcw:"xvhdtae",$$css:true},count:{kcqcaj:"xss6m8b",$$css:true},domain:{kMwMTN:"x125omll",keTefX:"xvc5jky",khDVqt:"xuxw1ft",$$css:true},list:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x195vfkc",kB88ic:"xe8uvvx",kogj98:"x1ghz6dp",kmVPX3:"x1717udv",$$css:true},root:{kUOVxO:"x1tjh6xj",k7Eaqz:"xeuugli",$$css:true},row:{kGNEyG:"x6s0dn4",kWkggS:"xxsa5ao x12ribo7 xjbqb8w",kaIpWk:"x2b34ud",kMwMTN:"x14tvo57",k1xSpc:"x78zum5",kOIVth:"xp4ho6d",kAzted:"xwv0vdp",k7Eaqz:"xeuugli",kjBf7l:"x4dprnk x1uczgqu",kInvED:"x2ssjo2",k3XXqK:"x9v5kkp x1t137rt",kMeerF:"x1vhx2qj",k8WAf4:"x1lmimt7",kg3NbH:"xb5xqfq",kybGjl:"x1hl2dhg",$$css:true},stack:{k1xSpc:"x78zum5",$$css:true},stackIcon:{kGNEyG:"x6s0dn4",kWkggS:"x1o7hn9x",kZKoxP:"xmix8c7",kaIpWk:"x16rqkct",kGVxlE:"x1mj9anb",k1xSpc:"x3nfvp2",kzqmXN:"x1xp8n7a",kjj79g:"xl56j7k",keTefX:"x20kiso x1lziwak",kVQacm:"xb3r6kr",$$css:true},title:{k7Eaqz:"xeuugli",kVQacm:"xb3r6kr",kg5iWk:"xlyipyv",khDVqt:"xuxw1ft",$$css:true},trigger:{kGNEyG:"x6s0dn4",kWkggS:"xxsa5ao x12ribo7 xjbqb8w",kaIpWk:"x2b34ud",kMwMTN:"x14tvo57",k1xSpc:"x78zum5",kOIVth:"xp4ho6d",kAzted:"xwv0vdp",k7Eaqz:"xeuugli",kjBf7l:"x4dprnk x1uczgqu",kInvED:"x2ssjo2",k3XXqK:"x9v5kkp x1t137rt",kMeerF:"x1vhx2qj",k8WAf4:"x1lmimt7",kg3NbH:"xb5xqfq",kybGjl:"x1hl2dhg",kysU6D:"xjyslct",kMzoRj:"xc342km",kkrTdU:"x1ypdohk",kzqmXN:"xeq5yr9",kogj98:"x1ghz6dp",ks0D6T:"x193iq5w",k9WMMc:"x1yc453h",$$css:true}};

package/dist/components/spacer/spacer.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentPropsWithRef } from "react";
+type NativeDivProps = ComponentPropsWithRef<"div">;
+export type SpacerProps = Omit<NativeDivProps, "children" | "className" | "dangerouslySetInnerHTML" | "role" | "style">;
+export declare function Spacer({ ref: forwardedRef, ...rest }: SpacerProps): import("react").JSX.Element;
+export {};

package/dist/components/spacer/spacer.js

@@ -0,0 +1 @@
+import{props}from"@stylexjs/stylex";import{spacerStyles}from"./spacer.styles";import{jsx as _jsx}from"react/jsx-runtime";export function Spacer({ref:forwardedRef,...rest}){Reflect.deleteProperty(rest,"role");Reflect.deleteProperty(rest,"children");Reflect.deleteProperty(rest,"dangerouslySetInnerHTML");return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"spacer",ref:forwardedRef,...props(spacerStyles.base)});}

package/dist/components/spacer/spacer.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";export const spacerStyles={base:{kCS8Yb:"x1t1x2f9",kzQI83:"x1iyjqo2",kmuXW:"xs83m0k",kAzted:"x2lwn1j",k7Eaqz:"xeuugli",$$css:true}};

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

@@ -0,0 +1,18 @@
+import type { ComponentPropsWithRef } from "react";
+type NativeSvgProps = ComponentPropsWithRef<"svg">;
+/**
+ * `thinking` is the model reasoning, `dots` is work running, and `typing` is
+ * a reply being written.
+ */
+export type SpinnerVariant = "dots" | "thinking" | "typing";
+export type SpinnerProps = Omit<NativeSvgProps, "aria-label" | "children" | "className" | "dangerouslySetInnerHTML" | "data-slot" | "fill" | "focusable" | "height" | "role" | "style" | "viewBox" | "width"> & {
+    /**
+     * What is happening, such as "Thinking". Defaults to "Loading", or
+     * "Typing" for the typing variant. With `aria-hidden`, the spinner is
+     * decorative and nearby text carries the meaning.
+     */
+    "aria-label"?: string;
+    variant?: SpinnerVariant;
+};
+export declare function Spinner({ "aria-hidden": ariaHidden, "aria-label": ariaLabel, ref: forwardedRef, variant, ...rest }: SpinnerProps): import("react").JSX.Element;
+export {};

package/dist/components/spinner/spinner.js

@@ -0,0 +1,9 @@
+import{props}from"@stylexjs/stylex";import{LoadingIndicator}from"../../loading-indicator";import{spinnerStyles}from"./spinner.styles";/**
+ * `thinking` is the model reasoning, `dots` is work running, and `typing` is
+ * a reply being written.
+ */import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const defaultLabels={dots:"Loading",thinking:"Thinking",typing:"Typing"};// The gap starts at the top-left cell; the centre dot holds still.
+const thinkingDots=[{cx:12,cy:4,style:spinnerStyles.thinkingDot1},{cx:20,cy:4,style:spinnerStyles.thinkingDot2},{cx:20,cy:12,style:spinnerStyles.thinkingDot3},{cx:20,cy:20,style:spinnerStyles.thinkingDot4},{cx:12,cy:20,style:spinnerStyles.thinkingDot5},{cx:4,cy:20,style:spinnerStyles.thinkingDot6},{cx:4,cy:12,style:spinnerStyles.thinkingDot7}];const typingDots=[{cx:4,style:spinnerStyles.typingFirst},{cx:12,style:spinnerStyles.typingSecond},{cx:20,style:spinnerStyles.typingThird}];function accessibility(variant,ariaHidden,ariaLabel){if(ariaHidden===true||ariaHidden==="true"){return{"aria-hidden":true};}if(ariaLabel!==undefined&&!ariaLabel.trim()){throw new TypeError("Spinner aria-label must not be blank.");}return{"aria-label":ariaLabel??defaultLabels[variant],role:"status"};}export function Spinner({"aria-hidden":ariaHidden,"aria-label":ariaLabel,ref:forwardedRef,variant="dots",...rest}){for(const name of["children","className","dangerouslySetInnerHTML","height","role","style","width"]){Reflect.deleteProperty(rest,name);}const shared={...rest,...accessibility(variant,ariaHidden,ariaLabel),"data-slot":"spinner","data-variant":variant,focusable:false,ref:forwardedRef};if(variant==="dots"){return/*#__PURE__*/_jsx(LoadingIndicator,{...shared,indicatorStyles:spinnerStyles.textSize});}if(variant==="thinking"){return(/*#__PURE__*/// biome-ignore lint/a11y/noSvgWithoutTitle: the name comes from aria-label with role=status, or the SVG is aria-hidden; both arrive in the spread props.
+_jsxs("svg",{...shared,fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...props(spinnerStyles.thinking),children:[thinkingDots.map(({cx,cy,style})=>/*#__PURE__*/_jsx("circle",{cx:cx,cy:cy,r:2.5,...props(spinnerStyles.thinkingDot,style)},`${cx}-${cy}`)),/*#__PURE__*/_jsx("circle",{cx:12,cy:12,r:2.5,...props(spinnerStyles.thinkingDot)})]}));}// Three dots rise in turn and fall back, brightening at the top, like a
+// reply being written. Reduced motion holds them still as a fading row.
+return(/*#__PURE__*/// biome-ignore lint/a11y/noSvgWithoutTitle: the name comes from aria-label with role=status, or the SVG is aria-hidden; both arrive in the spread props.
+_jsx("svg",{...shared,fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...props(spinnerStyles.typing),children:typingDots.map(({cx,style})=>/*#__PURE__*/_jsx("circle",{cx:cx,cy:12,r:3,...props(spinnerStyles.typingDot,style)},cx))}));}

package/dist/components/spinner/spinner.styles.js

@@ -0,0 +1,11 @@
+import{create,keyframes}from"@stylexjs/stylex";import"../../styles/conditions.stylex";import{conditions}from"../../styles/conditions.stylex";import"../../styles/dimensions.stylex";import{glyphSize}from"../../styles/dimensions.stylex";import"../../styles/motion.stylex";import{easing}from"../../styles/motion.stylex";// Loading: the eight dots hold their places and a bright head travels round
+// the ring once a second. Its trail fades over half a lap to the same 40%
+// rest the other variants use, so one head leads and the rest stay quiet.
+const loaderChase="x1qby7ya-B";// One dot's cycle: a 0.6s bounce, then rest while the others finish, 1.05s in
+// all. It rises on an ease-out and falls on an ease-in, like a dropped ball,
+// and is brightest at the top. Lengths are SVG user units.
+const typingBounce="x1hxuvi9-B";// Thinking: eight dots on a 3x3 grid with one empty cell, like a sliding
+// puzzle. Each 0.5s step, the dot beside the gap slides into it (0.3s, then a
+// hold) and brightens while it moves, so the gap travels round the ring. After
+// eight moves the same cells are filled, so the loop restarts invisibly.
+const thinkEase="cubic-bezier(0.65, 0, 0.35, 1)";const think1="x1wqrf3r-B";const think2="x13rfqgj-B";const think3="x9cw1hc-B";const think4="xqjoxkm-B";const think5="x1rs4tjw-B";const think6="x19qwp6y-B";const think7="xwwzc1d-B";export const spinnerStyles={base:{k1xSpc:"x1rg5ohu",kmuXW:"x2lah0s",kZKoxP:"x1a05dn3",kzqmXN:"xmpb2e4",$$css:true},loaderDot:{k44tkh:"x1q3qbx4",ko0y90:"xa4qsjk",kKVMdj:"x1tzfbnl xxr0skm",kyAemX:"xhbrl7j",$$css:true},loaderDot0:{kKxzle:"x123bg45",kSiTet:"x1q2kfjc x1hc1fzr",$$css:true},loaderDot1:{kKxzle:"x1re9mjr",kSiTet:"x168f7en x1hc1fzr",$$css:true},loaderDot2:{kKxzle:"x1cuam14",kSiTet:"x168f7en x1hc1fzr",$$css:true},loaderDot3:{kKxzle:"xw76d41",kSiTet:"x168f7en x1hc1fzr",$$css:true},loaderDot4:{kKxzle:"xiz60hx",kSiTet:"x168f7en x1hc1fzr",$$css:true},loaderDot5:{kKxzle:"x5sczgi",kSiTet:"xzu80bj x1hc1fzr",$$css:true},loaderDot6:{kKxzle:"x13ypx2b",kSiTet:"xnuexv9 x1hc1fzr",$$css:true},loaderDot7:{kKxzle:"xfd80k5",kSiTet:"xfi89d5 x1hc1fzr",$$css:true},textSize:{kZKoxP:"xlzyvqe",kzqmXN:"x15vhz18",$$css:true},thinking:{k1xSpc:"x1rg5ohu",kmuXW:"x2lah0s",kZKoxP:"xlzyvqe",kzqmXN:"x15vhz18",$$css:true},thinkingDot:{k44tkh:"xeaay5l",ko0y90:"xa4qsjk",kSiTet:"xnuexv9 xti2d7y",$$css:true},thinkingDot1:{kKVMdj:"x1tzfbnl x1876tnn",$$css:true},thinkingDot2:{kKVMdj:"x1tzfbnl x13v7j9d",$$css:true},thinkingDot3:{kKVMdj:"x1tzfbnl x1snwgbi",$$css:true},thinkingDot4:{kKVMdj:"x1tzfbnl x1x9gzob",$$css:true},thinkingDot5:{kKVMdj:"x1tzfbnl x1jxd84b",$$css:true},thinkingDot6:{kKVMdj:"x1tzfbnl x2qp8yx",$$css:true},thinkingDot7:{kKVMdj:"x1tzfbnl x1g9esx5",$$css:true},typing:{k1xSpc:"x1rg5ohu",kmuXW:"x2lah0s",kZKoxP:"xlzyvqe",kVQacm:"x1rea2x4",kzqmXN:"x15vhz18",$$css:true},typingDot:{k44tkh:"x7tkt5m",ko0y90:"xa4qsjk",kKVMdj:"x1tzfbnl x10635y4",kSiTet:"xti2d7y",$$css:true},typingFirst:{kSiTet:"x168f7en xti2d7y",$$css:true},typingSecond:{kKxzle:"x1k0bccz",kSiTet:"xnuexv9 xti2d7y",$$css:true},typingThird:{kKxzle:"x1t83zlg",kSiTet:"x1q2kfjc xti2d7y",$$css:true}};

package/dist/components/stack/stack.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentPropsWithRef } from "react";
+import { stackGapStyles } from "./stack.styles";
+type NativeDivProps = ComponentPropsWithRef<"div">;
+export type StackGap = keyof typeof stackGapStyles;
+export type StackProps = Omit<NativeDivProps, "className" | "role" | "style"> & {
+    gap?: StackGap;
+};
+export declare function Stack({ children, gap, ref: forwardedRef, ...rest }: StackProps): import("react").JSX.Element;
+export {};

package/dist/components/stack/stack.js

@@ -0,0 +1 @@
+import{props}from"@stylexjs/stylex";import{stackGapStyles,stackStyles}from"./stack.styles";import{jsx as _jsx}from"react/jsx-runtime";export function Stack({children,gap,ref:forwardedRef,...rest}){Reflect.deleteProperty(rest,"role");return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"stack",ref:forwardedRef,...props(stackStyles.base,gap?stackGapStyles[gap]:null),children:children});}

package/dist/components/stack/stack.styles.d.ts

@@ -0,0 +1,76 @@
+export declare const stackStyles: Readonly<{
+    readonly base: Readonly<{
+        readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: import("@stylexjs/stylex").StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+        readonly minWidth: import("@stylexjs/stylex").StyleXClassNameFor<"minWidth", 0>;
+    }>;
+    readonly gap0: Readonly<{
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", 0>;
+    }>;
+    readonly gap1: Readonly<{
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly gap2: Readonly<{
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly gap3: Readonly<{
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly gap4: Readonly<{
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly gap5: Readonly<{
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly gap6: Readonly<{
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly gap8: Readonly<{
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly gap10: Readonly<{
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly gap12: Readonly<{
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly gap16: Readonly<{
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+    }>;
+}>;
+export declare const stackGapStyles: {
+    "0": Readonly<{
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", 0>;
+    }>;
+    "1": Readonly<{
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+    }>;
+    "2": Readonly<{
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+    }>;
+    "3": Readonly<{
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+    }>;
+    "4": Readonly<{
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+    }>;
+    "5": Readonly<{
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+    }>;
+    "6": Readonly<{
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+    }>;
+    "8": Readonly<{
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+    }>;
+    "10": Readonly<{
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+    }>;
+    "12": Readonly<{
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+    }>;
+    "16": Readonly<{
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+    }>;
+};

package/dist/components/stack/stack.styles.js

@@ -0,0 +1,2 @@
+import{create}from"@stylexjs/stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";export const stackStyles={base:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"xiw8qbs",k7Eaqz:"xeuugli",$$css:true},gap0:{kOIVth:"xxhr3t",$$css:true},gap1:{kOIVth:"x13hh4mm",$$css:true},gap2:{kOIVth:"xp4ho6d",$$css:true},gap3:{kOIVth:"xiw8qbs",$$css:true},gap4:{kOIVth:"x1q60jeg",$$css:true},gap5:{kOIVth:"xe0n8jp",$$css:true},gap6:{kOIVth:"xfy154a",$$css:true},gap8:{kOIVth:"xgmk5i5",$$css:true},gap10:{kOIVth:"x6ybyrc",$$css:true},gap12:{kOIVth:"xteekn9",$$css:true},gap16:{kOIVth:"xzmxvoy",$$css:true}};// Gap steps mirror the 4px spacing scale: step × 4 = px.
+export const stackGapStyles={"0":stackStyles.gap0,"1":stackStyles.gap1,"2":stackStyles.gap2,"3":stackStyles.gap3,"4":stackStyles.gap4,"5":stackStyles.gap5,"6":stackStyles.gap6,"8":stackStyles.gap8,"10":stackStyles.gap10,"12":stackStyles.gap12,"16":stackStyles.gap16};

package/dist/components/status-dot/status-dot.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentPropsWithRef } from "react";
+type NativeSpanProps = ComponentPropsWithRef<"span">;
+export type StatusDotVariant = "success" | "warning" | "error" | "accent" | "neutral";
+export type StatusDotProps = Omit<NativeSpanProps, "aria-label" | "children" | "className" | "dangerouslySetInnerHTML" | "data-slot" | "role" | "style"> & {
+    label: string;
+    variant: StatusDotVariant;
+};
+export declare function StatusDot({ label, ref: forwardedRef, variant, ...rest }: StatusDotProps): import("react").JSX.Element;
+export {};

package/dist/components/status-dot/status-dot.js

@@ -0,0 +1 @@
+import{props}from"@stylexjs/stylex";import{statusDotStyles}from"./status-dot.styles";import{jsx as _jsx}from"react/jsx-runtime";const variantStyles={accent:statusDotStyles.accent,error:statusDotStyles.error,neutral:statusDotStyles.neutral,success:statusDotStyles.success,warning:statusDotStyles.warning};export function StatusDot({label,ref:forwardedRef,variant,...rest}){Reflect.deleteProperty(rest,"children");Reflect.deleteProperty(rest,"dangerouslySetInnerHTML");return/*#__PURE__*/_jsx("span",{...rest,"aria-label":label,"data-slot":"status-dot",ref:forwardedRef,role:"img",...props(statusDotStyles.base,variantStyles[variant])});}

package/dist/components/status-dot/status-dot.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors}from"../../styles/colors.stylex";export const statusDotStyles={accent:{kWkggS:"xcvg9v3",$$css:true},base:{kZKoxP:"xdk7pt",kaIpWk:"x16rqkct",k1xSpc:"x3nfvp2",kmuXW:"x2lah0s",kzqmXN:"x1xc55vz",$$css:true},error:{kWkggS:"x1cpc4p9",$$css:true},neutral:{kWkggS:"x1jhsfs9",$$css:true},success:{kWkggS:"x1k31blj",$$css:true},warning:{kWkggS:"x98pag6",$$css:true}};

package/dist/components/stepper/stepper.d.ts

@@ -0,0 +1,42 @@
+import { type ComponentPropsWithRef } from "react";
+import type { Closed } from "../../closed";
+export type StepperState = "complete" | "current" | "upcoming";
+type StepperAccessibleName = {
+    "aria-label": string;
+    "aria-labelledby"?: string;
+} | {
+    "aria-label"?: string;
+    "aria-labelledby": string;
+};
+export type StepperProps = Omit<Closed<ComponentPropsWithRef<"ol">>, "aria-label" | "aria-labelledby" | "data-slot" | "role"> & StepperAccessibleName & {
+    orientation?: "horizontal" | "vertical";
+    layout?: "separated" | "on-track";
+    density?: "compact" | "balanced" | "spacious";
+    activeStep?: number;
+    onStepClick?: (step: number) => void;
+};
+export type StepperItemProps = Omit<Closed<ComponentPropsWithRef<"li">>, "aria-current" | "data-slot" | "role"> & ({
+    status: StepperState;
+    step?: number;
+} | {
+    step: number;
+    status?: never;
+}) & {
+    disabled?: boolean;
+    optional?: boolean;
+};
+export type StepperIndicatorProps = Omit<Closed<ComponentPropsWithRef<"span">>, "data-slot"> & {
+    mode?: "auto" | "number" | "custom" | "none";
+};
+export type StepperTitleProps = Omit<Closed<ComponentPropsWithRef<"span">>, "data-slot">;
+export type StepperDescriptionProps = Omit<Closed<ComponentPropsWithRef<"p">>, "data-slot">;
+export declare function Stepper({ children, activeStep, onStepClick, orientation, layout, density, ref: forwardedRef, ...rest }: StepperProps): import("react").JSX.Element;
+export declare function StepperItem({ children, ref: forwardedRef, status, step, disabled, optional, ...rest }: StepperItemProps): import("react").JSX.Element;
+export declare function StepperIndicator({ children, mode, ref: forwardedRef, ...rest }: StepperIndicatorProps): import("react").JSX.Element;
+export declare function StepperTitle({ children, ref: forwardedRef, ...rest }: StepperTitleProps): import("react").JSX.Element;
+export declare function StepperDescription({ children, ref: forwardedRef, ...rest }: StepperDescriptionProps): import("react").JSX.Element;
+export type StepperTriggerProps = Omit<Closed<ComponentPropsWithRef<"button">>, "data-slot" | "role">;
+export type StepperContentProps = Omit<Closed<ComponentPropsWithRef<"div">>, "data-slot">;
+export declare function StepperTrigger({ children, onClick, ref, type, ...rest }: StepperTriggerProps): import("react").JSX.Element;
+export declare function StepperContent({ children, ref, ...rest }: StepperContentProps): import("react").JSX.Element;
+export {};

package/dist/components/stepper/stepper.js

@@ -0,0 +1,2 @@
+"use client";import{props}from"@stylexjs/stylex";import{createContext,useCallback,useContext,useState}from"react";import{controlLabel}from"../../control-label";import{IconCheck}from"../../icons";import{typographyStyles}from"../../styles/typography.styles";import{stepperStyles}from"./stepper.styles";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";const StepperContext=createContext({});const StepContext=createContext({});const statusStyles={complete:stepperStyles.complete,current:stepperStyles.current,upcoming:stepperStyles.upcoming};function getProgress(step,activeStep){if(step<activeStep){return"complete";}return step===activeStep?"current":"upcoming";}function isStepperState(status){return typeof status==="string"&&Object.hasOwn(statusStyles,status);}const frameByOrientation={horizontal:null,vertical:stepperStyles.frameVertical};export function Stepper({children,activeStep,onStepClick,orientation="horizontal",layout="separated",density="balanced",ref:forwardedRef,...rest}){const[progress,setProgress]=useState({activeStep,forward:false,layout,orientation});const sameLayout=progress.layout===layout&&progress.orientation===orientation;if(!(Object.is(progress.activeStep,activeStep)&&sameLayout)){setProgress({activeStep,forward:sameLayout&&activeStep!==undefined&&progress.activeStep!==undefined&&activeStep===progress.activeStep+1,layout,orientation});}Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"role");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(StepperContext,{value:{activeStep,forward:progress.forward,onStepClick},children:/*#__PURE__*/_jsx("div",{...props(stepperStyles.frame,frameByOrientation[orientation]),children:/*#__PURE__*/_jsx("ol",{...rest,"data-density":density,"data-layout":layout,"data-orientation":orientation,"data-slot":"stepper",ref:forwardedRef// biome-ignore lint/a11y/noRedundantRoles: Safari needs an explicit list role when list-style is none outside nav.
+,role:"list",...props(stepperStyles.root),children:children})})});}export function StepperItem({children,ref:forwardedRef,status,step,disabled=false,optional=false,...rest}){const{activeStep,forward}=useContext(StepperContext);const resolvedStatus=step!==undefined&&activeStep!==undefined?getProgress(step,activeStep):status;const safeStatus=isStepperState(resolvedStatus)?resolvedStatus:"upcoming";Reflect.deleteProperty(rest,"aria-current");Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"role");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(StepContext,{value:{disabled,optional,step},children:/*#__PURE__*/_jsxs("li",{...rest,"aria-current":safeStatus==="current"?"step":undefined,"data-disabled":disabled||undefined,"data-motion":forward?"forward":"none","data-slot":"stepper-item","data-status":safeStatus,ref:forwardedRef,...props(stepperStyles.item,statusStyles[safeStatus]),children:[safeStatus==="complete"&&/*#__PURE__*/_jsxs("span",{"data-slot":"stepper-status",...props(stepperStyles.visuallyHidden),children:["Completed:"," "]}),children]})});}export function StepperIndicator({children,mode="auto",ref:forwardedRef,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsxs("span",{...rest,"aria-hidden":"true","data-mode":mode,"data-slot":"stepper-indicator",ref:forwardedRef,...props(stepperStyles.indicator),children:[/*#__PURE__*/_jsx("span",{...props(stepperStyles.markerContent,mode==="auto"&&stepperStyles.autoNumber),children:controlLabel(children)}),mode==="auto"&&/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(IconCheck,{...props(stepperStyles.check),size:12}),/*#__PURE__*/_jsx("span",{...props(stepperStyles.currentDot)})]})]});}export function StepperTitle({children,ref:forwardedRef,...rest}){const{optional}=useContext(StepContext);Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsxs("span",{...rest,"data-slot":"stepper-title",ref:forwardedRef,...props(stepperStyles.title),children:[/*#__PURE__*/_jsx("span",{...props(stepperStyles.titleLabel,typographyStyles.controlLabel),children:children}),!!optional&&/*#__PURE__*/_jsx("span",{...props(stepperStyles.optional),children:"Optional"})]});}export function StepperDescription({children,ref:forwardedRef,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx("p",{...rest,"data-slot":"stepper-description",ref:forwardedRef,...props(stepperStyles.description),children:children});}export function StepperTrigger({children,onClick,ref,type="button",...rest}){const{step,disabled}=useContext(StepContext);const{onStepClick}=useContext(StepperContext);const handleClick=useCallback(event=>{onClick?.(event);if(!event.defaultPrevented&&step!==undefined){onStepClick?.(step);}},[onClick,onStepClick,step]);Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"style");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"role");return/*#__PURE__*/_jsx("button",{...rest,"data-slot":"stepper-trigger",disabled:disabled||rest.disabled,onClick:handleClick,ref:ref,type:type,...props(stepperStyles.trigger),children:children});}export function StepperContent({children,ref,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"style");Reflect.deleteProperty(rest,"data-slot");return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"stepper-content",ref:ref,...props(stepperStyles.content),children:children});}

package/dist/components/stepper/stepper.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/interaction.stylex";import{borderWidth,focus,focusMotion,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 stepperStyles={autoNumber:{k1xSpc:"x1hsaif x1i1ft7z x3nfvp2",$$css:true},check:{k1xSpc:"xivigs2 x1s85apg",$$css:true},complete:{kMwMTN:"x14tvo57",$$css:true},content:{kMwMTN:"x14tvo57",k1xSpc:"xdq0s42 x1lliihq",kBCFzs:"x1npkx4u",kbNqZ1:"xz51j44",k7Eaqz:"xeuugli",kLKAdn:"xyfr97a",$$css:true},current:{kMwMTN:"x14tvo57",$$css:true},currentDot:{kWkggS:"xtwfq29",kaIpWk:"x16rqkct",k1xSpc:"xlwfe6i x1s85apg",kZKoxP:"xqu0tyb",kzqmXN:"x51ohtg",$$css:true},description:{kz4h6p:"x5s2o64",kMwMTN:"x125omll",kGuDYH:"x1ws78te",k63SB2:"x1lo1l87",kBCFzs:"x1f132xd x1npkx4u",kbNqZ1:"x1jvwtl3 x7sv70a",kZKoxP:"x1hbqfyk",kLWn49:"x76y1r9",kqGvvJ:"x10im51j",kHjlTd:"xj0a0fe",kVAEAm:"x18kyndy",k9WMMc:"x12p78ps",kN2L0X:"x1fzhlzt",kzqmXN:"x1g1pfam",$$css:true},frame:{k9g6sI:"x12h1iku",k7Eaqz:"xeuugli",kzqmXN:"xh8yej3",$$css:true},frameVertical:{k9g6sI:"x1hssuek",ks0D6T:"x193iq5w",kzqmXN:"xeq5yr9",$$css:true},indicator:{kGNEyG:"x6s0dn4",kSGwAc:"x1y8v6su",kWkggS:"x1f7rye1 x1judrl6 xjbqb8w",kVAM5u:"xzvuhac x1u84l3y x155xxfk",kaIpWk:"x16rqkct",ksu8eU:"x1y0btm7",kMzoRj:"xdh2fpr",kB7OPa:"x9f619",kMwMTN:"xpojhvu x1bc8v1o xi8fscl x1heor9g",k1xSpc:"xdq0s42 x1xao6cv x3nfvp2",kGuDYH:"x1ws78te",kcqcaj:"xss6m8b",k63SB2:"xuku2lm",kAXs8y:"x1yaudzo",kBCFzs:"xgkxs2y",kbNqZ1:"x1ms6mhf",kZKoxP:"x1l36t39",krVfgx:"xqht66",kLqNvP:"xdulhbm",kjj79g:"xl56j7k",kLWn49:"x1wrb330",keoZOQ:"xgbyhqb xyj18y1 xr9ek0c",kUOVxO:"x4tszoc",kVAEAm:"xcmnld",k33iCy:"xbk111g xnpuxes",kzqmXN:"xcdlrvm",$$css:true},item:{kLkRvE:"x1lg0vu7 x1vdifmb x1rrojwg xx62q6d",k3DiCg:"x2rr1g5",kuPSpR:"xdzphnl xwcio26",kTP8oX:"xgaypha",k836YN:"x1tvldj xfqigvl x1yaiut9 x1nip49h xyluehe",kPB484:"xo9nbae",kgeoSG:"x1cpjm7i",kP1sEF:"xw86o2v xb4p653 x8qz6xe x1l286mb x1fgarty",ku0W4C:"x13rwrtk",krRUto:"x1fhgol4",kIWj2D:"x1yho9co",kgzTxl:"x1dijapi xfjbcg2 x190kx3w xa25mwu",k96MEf:"x1v13qp5 x18pfyoo xd2lgdo xzeeik5",kSJ0CW:"x1r8tkyy x1jk9lxy xxmn4dn x1lk18uv",km8f2m:"xkk1bqk",kEoFBp:"x1upfp4i x1hmns74",kKXxxB:"x19rdrfn x1gzhrc1 xo2dlot",k7KCAZ:"xn6wxm0",kqUdNP:"x17q5s6t",kOlAkY:"x1ioyv4u xa3qhk x1mscwic xjuy2up",kxmVGU:"x12maryy",kfiyM8:"x10ukxgv",k1C7PZ:"x9etzr1",k1xSpc:"xrvj5dj",kCS8Yb:"x1r8uery",kzQI83:"x1iyjqo2",kumcoG:"x1nmrglv xv43t63 x1h5ziqk",k9llMU:"x1q1w665",k7Eaqz:"xeuugli",kSiTet:"x1yporm9 x1hc1fzr",kGO01o:"xrudrgy x9jt90y xup0pd7 xkvy6t5 x19j4s4l x1i17mcb",kLKAdn:"x4ihoxi x12di76u x1miae11 xexx8yu",kVAEAm:"x86rzx4 x1n2onr6",khm7nJ:"xjcy2k7",$$css:true},markerContent:{kGNEyG:"x6s0dn4",k1xSpc:"x3nfvp2",kjj79g:"xl56j7k",kLWn49:"x1wrb330",k7Eaqz:"xeuugli",$$css:true},optional:{kMwMTN:"x125omll",kmuXW:"x2lah0s",kGuDYH:"x1ws78te",k63SB2:"x1lo1l87",kLWn49:"x76y1r9",keTefX:"xdd4mtk",$$css:true},root:{kB7OPa:"x9f619",k1xSpc:"x78zum5",kXwgrk:"x1p6fsy9 xdt5ytf",kOIVth:"xak5vep xxhr3t",kHBbk8:"xc8icb0",kB88ic:"xe8uvvx",kogj98:"x1ghz6dp",kmVPX3:"x1717udv",kGO01o:"xyug4x2 x18d9i69",kVAEAm:"x1n2onr6",kzqmXN:"xh8yej3",$$css:true},title:{kGNEyG:"x6s0dn4",kz4h6p:"x5s2o64 xywt1xz",k1xSpc:"x3nfvp2",kGuDYH:"xlh8hku",k63SB2:"x18c5fy5 x1lo1l87",kBCFzs:"x1f132xd x1npkx4u",kbNqZ1:"xnsm0vc x1ms6mhf",kZKoxP:"x1hbqfyk x62kgan",krVfgx:"xey8ofu",kLqNvP:"xr93f2a",kjj79g:"x1bulzux",kLWn49:"x2xzzt7",kAzted:"x2umgb4",k7Eaqz:"xeuugli",kVQacm:"xb3r6kr",kVAEAm:"x18kyndy",kg5iWk:"xlyipyv",khDVqt:"xuxw1ft",kzqmXN:"x1g1pfam x1163usm",$$css:true},titleLabel:{k1xSpc:"x1lliihq",k7Eaqz:"xeuugli",kVQacm:"xb3r6kr",k8WAf4:"x1rz8xl6",kg5iWk:"xlyipyv",khDVqt:"xuxw1ft",$$css:true},trigger:{kfiyM8:"x10ukxgv",k44tkh:"x1iha7go",kKVMdj:"x1b5t0b2",kysU6D:"xjyslct",kWkggS:"x16ylinb xjbqb8w",kaIpWk:"x2b34ud",ksu8eU:"xng3xce",kMwMTN:"x1heor9g",k1C7PZ:"x9etzr1",kkrTdU:"x1s07b3s x1ypdohk",k1xSpc:"xrvj5dj",kMv6JI:"xjb2p0i",kWZpDQ:"xx1abn8",kEXP64:"xcrlgei",kpJH7q:"x1tee5qw",k1lYIM:"x1agbcgv",kumcoG:"xaxbzem x1h5ziqk",kogj98:"x3sra5",kSiTet:"x1pymsji x1r73q2f x1hc1fzr",kjBf7l:"x12acm8b",kInvED:"x1w1ofmy",k3XXqK:"x9v5kkp x1t137rt",kMeerF:"x1vhx2qj",kmVPX3:"xlxy37g",khm7nJ:"xjcy2k7",k9WMMc:"x1yc453h",$$css:true},upcoming:{kMwMTN:"x125omll",$$css:true},visuallyHidden:{ksu8eU:"xng3xce",kMzoRj:"xc342km",kz4h6p:"x1hyvwdk",kZKoxP:"xjm9jq1",kogj98:"xkdpibf",kVQacm:"xb3r6kr",kmVPX3:"x1717udv",kVAEAm:"x10l6tqk",khDVqt:"xuxw1ft",kzqmXN:"x1i1rx1s",$$css:true}};

package/dist/components/streaming-text/streaming-text-words.d.ts

@@ -0,0 +1,29 @@
+import type { CitationSource } from "../inline-citation/citation-source";
+/** A cited source; see CitationSource. */
+export type StreamingTextSource = CitationSource;
+/** Plain text, or a citation of `sources[source]` placed at that point. */
+export type StreamingTextPart = string | {
+    source: number;
+};
+type Token = {
+    kind: "word";
+    text: string;
+} | {
+    kind: "citation";
+    sources: number[];
+};
+export declare function toTokens(content: string | readonly StreamingTextPart[], sourceCount?: number): Token[];
+/** The sources the reply has cited so far, in their original order. */
+export declare function citedSources(content: string | readonly StreamingTextPart[], sources: readonly StreamingTextSource[]): CitationSource[];
+/** The reply as plain text, without citations, for copying. */
+export declare function plainText(content: string | readonly StreamingTextPart[], sourceCount?: number): string;
+/** `reply` runs the color trail; `reasoning` stays muted and only resolves. */
+export type StreamedTone = "reasoning" | "reply";
+export declare function StreamedWords({ content, slot, sources, streaming, tone, }: {
+    content: string | readonly StreamingTextPart[];
+    slot?: string;
+    sources: readonly StreamingTextSource[];
+    streaming: boolean;
+    tone?: StreamedTone;
+}): import("react").JSX.Element;
+export {};

package/dist/components/streaming-text/streaming-text-words.js

@@ -0,0 +1,19 @@
+import{props}from"@stylexjs/stylex";import{useCallback,useState}from"react";import{typeRoles}from"../../styles/typography.styles";import{CitationChip}from"../inline-citation/inline-citation";import{streamingTextDynamic,streamingTextStyles as styles}from"./streaming-text.styles";/** A cited source; see CitationSource. *//** Plain text, or a citation of `sources[source]` placed at that point. */import{jsx as _jsx}from"react/jsx-runtime";// A burst spreads across at most this long, however many words it brings.
+const BURST_MS=400;const WORD_STAGGER_MS=30;// A word with the space after it, or a run of leading space.
+const WORD_PATTERN=/\S+\s*|\s+/gu;const TRAILING_SPACE=/\s$/u;// A numbered citation marker such as [1], as some providers write them.
+const CITATION_MARKER=/\[(?<citation>\d{1,3})\]/gu;// Turns [n] markers into citations of sources[n - 1]. A marker with no
+// matching source stays text, so stray brackets in prose survive.
+function splitMarkers(text,sourceCount){const parts=[];let rest=0;for(const match of text.matchAll(CITATION_MARKER)){const source=Number(match[1])-1;if(source<0||source>=sourceCount){continue;}parts.push(text.slice(rest,match.index),{source});rest=match.index+match[0].length;}parts.push(text.slice(rest));return parts.filter(part=>part!=="");}function toParts(content,sourceCount){const parts=typeof content==="string"?[content]:content;return parts.flatMap(part=>typeof part==="string"?splitMarkers(part,sourceCount):[part]);}const BLANK=/^\s*$/u;// Citations at one point, such as [1][2] or [1] [2], become one group, so
+// they show as one chip.
+function pushCitation(tokens,source){const last=tokens.at(-1);const beforeLast=tokens.at(-2);if(last===undefined){tokens.push({kind:"citation",sources:[source]});return;}if(last.kind==="citation"){last.sources.push(source);return;}if(last.kind==="word"&&BLANK.test(last.text)&&beforeLast?.kind==="citation"){tokens.pop();beforeLast.sources.push(source);return;}tokens.push({kind:"citation",sources:[source]});}export function toTokens(content,sourceCount=0){const tokens=[];for(const part of toParts(content,sourceCount)){if(typeof part!=="string"){pushCitation(tokens,part.source);continue;}// Each word keeps the space after it, so line breaks survive.
+for(const text of part.match(WORD_PATTERN)??[]){tokens.push({kind:"word",text});}}return tokens;}/** The sources the reply has cited so far, in their original order. */export function citedSources(content,sources){const cited=new Set(toParts(content,sources.length).flatMap(part=>typeof part==="string"?[]:[part.source]));return sources.filter((_,index)=>cited.has(index));}/** The reply as plain text, without citations, for copying. */export function plainText(content,sourceCount=0){return toParts(content,sourceCount).filter(part=>typeof part==="string").join("");}// Tracks which tokens are new since the last render, adjusting state during
+// render rather than in an effect.
+function useArrival(count){const[arrival,setArrival]=useState(()=>({count,from:count,settled:count}));// A token's reveal ended: it and every token before it are settled.
+const settle=useCallback(index=>{setArrival(current=>index<current.settled?current:{...current,settled:Math.min(index+1,current.count)});},[]);if(arrival.count===count){return{arrival,settle};}const next={count,from:Math.min(arrival.count,count),settled:Math.min(arrival.settled,count)};setArrival(next);return{arrival:next,settle};}// The token whose reveal just ended: the paragraph's direct child it sits in.
+function tokenIndex(paragraph,target){let node=target instanceof Element?target:null;while(node&&node.parentElement!==paragraph){node=node.parentElement;}return node?Array.prototype.indexOf.call(paragraph.children,node):-1;}/** `reply` runs the color trail; `reasoning` stays muted and only resolves. */function arrivalStyle(index,arrival,trail){if(index<arrival.settled){return null;}const burst=arrival.count-arrival.from;const step=Math.min(WORD_STAGGER_MS,BURST_MS/Math.max(burst,1));const delay=index>=arrival.from?(index-arrival.from)*step:0;return[trail?styles.word:styles.resolveArrive,streamingTextDynamic.delay(`${Math.round(delay)}ms`)];}// While streaming, a last word with no space after it may still be growing
+// ("Contai" before "Container"), so it waits until the stream confirms it.
+function settledTokens(tokens,streaming){const last=tokens.at(-1);const partial=streaming&&last?.kind==="word"&&!TRAILING_SPACE.test(last.text);return partial?tokens.slice(0,-1):tokens;}// The reply's height eases to each new line instead of jumping, so whatever
+// sits below it moves smoothly. The observer sets the height directly.
+function easeHeight(frame){const content=frame?.firstElementChild;if(!(frame&&content)||typeof ResizeObserver==="undefined"){return;}const observer=new ResizeObserver(()=>{frame.style.height=`${content.getBoundingClientRect().height}px`;});observer.observe(content);return()=>observer.disconnect();}export function StreamedWords({content,slot="streaming-text-content",sources,streaming,tone="reply"}){const tokens=settledTokens(toTokens(content,sources.length),streaming);const{arrival,settle}=useArrival(tokens.length);const ended=useCallback(event=>{const index=tokenIndex(event.currentTarget,event.target);if(index>=0){settle(index);}},[settle]);return/*#__PURE__*/_jsx("div",{ref:easeHeight,...props(styles.textFrame),children:/*#__PURE__*/_jsx("p",{"aria-busy":streaming||undefined,"data-slot":slot,onAnimationEnd:ended,...props(tone==="reply"?typeRoles.body:typeRoles.ui,styles.text,tone==="reasoning"&&styles.reasoningText),children:tokens.map((token,index)=>{const style=arrivalStyle(index,arrival,tone==="reply"&&token.kind==="word");if(token.kind==="citation"){return/*#__PURE__*/_jsx(CitationChip,{arrival:style// biome-ignore lint/suspicious/noArrayIndexKey: tokens only append, so a position is stable.
+,sources:token.sources.flatMap(at=>sources[at]??[])},index);}return(/*#__PURE__*/// biome-ignore lint/suspicious/noArrayIndexKey: tokens only append, so a position is stable.
+_jsx("span",{...props(style),children:token.text},index));})})});}

package/dist/components/streaming-text/streaming-text.d.ts

@@ -0,0 +1,35 @@
+import { type ComponentPropsWithRef } from "react";
+import type { Closed } from "../../closed";
+import { type StreamingTextPart, type StreamingTextSource } from "./streaming-text-words";
+export type { StreamingTextPart, StreamingTextSource, } from "./streaming-text-words";
+/**
+ * `streaming` while words arrive, `complete` once the reply has ended, and
+ * `error` when it stopped early; the partial reply stays.
+ */
+export type StreamingTextState = "complete" | "error" | "streaming";
+export type StreamingTextFeedback = "down" | "up";
+export type StreamingTextProps = Omit<Closed<ComponentPropsWithRef<"div">>, "children" | "content" | "data-slot" | "role"> & {
+    /**
+     * The reply so far: text, or text with citations placed where the model
+     * cites them. Pass the growing value as it streams; only new words animate.
+     */
+    content: string | readonly StreamingTextPart[];
+    /** The rating the person gave, if any. */
+    feedback?: StreamingTextFeedback | null;
+    /** Prompts offered once the reply is complete. */
+    followUps?: readonly string[];
+    /** Shows Good and Bad response buttons. */
+    onFeedback?: (feedback: StreamingTextFeedback | null) => void;
+    onFollowUp?: (prompt: string, index: number) => void;
+    /** Shows a Retry button. */
+    onRetry?: () => void;
+    /** Sources cited in `content`, listed under the reply. */
+    sources?: readonly StreamingTextSource[];
+    status: StreamingTextState;
+};
+/**
+ * A reply that arrives a word at a time. Words resolve out of a soft blur,
+ * citations sit where the model cites them, and once the reply is complete
+ * its actions, sources, and follow-ups become available.
+ */
+export declare function StreamingText({ content, feedback, followUps, onFeedback, onFollowUp, onRetry, ref: forwardedRef, sources, status, ...rest }: StreamingTextProps): import("react").JSX.Element;

package/dist/components/streaming-text/streaming-text.js

@@ -0,0 +1,13 @@
+"use client";import{props}from"@stylexjs/stylex";import{AnimatePresence,m}from"motion/react";import{useCallback}from"react";import{CopyButton}from"../../copy-button";import{IconAlertCircle,IconArrowBackUp,IconRefresh,IconThumbDown,IconThumbUp}from"../../icons";import{disclosure,MotionScope}from"../../motion";import{typeRoles}from"../../styles/typography.styles";import{Button}from"../button/button";import{Sources}from"../sources/sources";import{visuallyHiddenStyles}from"../visually-hidden/visually-hidden.styles";import{streamingTextStyles as styles}from"./streaming-text.styles";import{citedSources,plainText,StreamedWords}from"./streaming-text-words";/**
+ * `streaming` while words arrive, `complete` once the reply has ended, and
+ * `error` when it stopped early; the partial reply stays.
+ */import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";function FeedbackButtons({feedback,onFeedback}){const up=useCallback(()=>onFeedback(feedback==="up"?null:"up"),[feedback,onFeedback]);const down=useCallback(()=>onFeedback(feedback==="down"?null:"down"),[feedback,onFeedback]);return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Button,{"aria-label":"Good response","aria-pressed":feedback==="up",onClick:up,size:"icon-xs",variant:"ghost",children:/*#__PURE__*/_jsx(IconThumbUp,{"aria-hidden":"true",size:"1em"})}),/*#__PURE__*/_jsx(Button,{"aria-label":"Bad response","aria-pressed":feedback==="down",onClick:down,size:"icon-xs",variant:"ghost",children:/*#__PURE__*/_jsx(IconThumbDown,{"aria-hidden":"true",size:"1em"})})]});}// Follow-ups rise in one after another when a reply finishes on screen; a
+// reply that loads complete shows them at once.
+const staggered={hidden:{},shown:{transition:{staggerChildren:0.09}}};const rising={hidden:{opacity:0,y:4},shown:{opacity:1,transition:disclosure,y:0}};function FollowUp({index,onFollowUp,prompt}){const choose=useCallback(()=>onFollowUp?.(prompt,index),[index,onFollowUp,prompt]);return/*#__PURE__*/_jsx(m.li,{variants:rising,children:/*#__PURE__*/_jsxs("button",{onClick:choose,type:"button",...props(typeRoles.ui,styles.followUp),children:[/*#__PURE__*/_jsx(IconArrowBackUp,{"aria-hidden":"true",size:14,...props(styles.followUpIcon)}),prompt]})});}function FollowUps({followUps,onFollowUp}){return/*#__PURE__*/_jsxs("div",{"data-slot":"streaming-text-follow-ups",...props(styles.followUps),children:[/*#__PURE__*/_jsx("p",{...props(typeRoles.label,styles.followUpsTitle),children:"Follow-ups"}),/*#__PURE__*/_jsx(m.ul,{animate:"shown",initial:"hidden",variants:staggered,...props(styles.followUpsList),children:followUps.map((prompt,index)=>/*#__PURE__*/_jsx(FollowUp,{index:index,onFollowUp:onFollowUp,prompt:prompt},prompt))})]});}const STOPPED="The reply stopped before it finished.";// The visible note shows only on error; the live region is always present so
+// the announcement is not lost.
+function ErrorNote({error}){return/*#__PURE__*/_jsxs(_Fragment,{children:[error?/*#__PURE__*/_jsxs("p",{"data-slot":"streaming-text-error",...props(typeRoles.ui,styles.error),children:[/*#__PURE__*/_jsx(IconAlertCircle,{"aria-hidden":"true",size:16}),STOPPED]}):null,/*#__PURE__*/_jsx("span",{"aria-live":"polite",role:"status",...props(visuallyHiddenStyles.root),children:error?STOPPED:null})]});}function Actions({content,feedback,onFeedback,onRetry,sources,streaming}){// Present while streaming so the reply never jumps, but inert.
+return/*#__PURE__*/_jsx("div",{"data-slot":"streaming-text-actions",inert:streaming,...props(styles.actions),children:/*#__PURE__*/_jsxs("div",{...props(styles.actionsGroup),children:[/*#__PURE__*/_jsx(CopyButton,{label:"Copy response",text:plainText(content,sources.length)}),onRetry?/*#__PURE__*/_jsx(Button,{"aria-label":"Retry",onClick:onRetry,size:"icon-xs",variant:"ghost",children:/*#__PURE__*/_jsx(IconRefresh,{"aria-hidden":"true",size:"1em"})}):null,onFeedback?/*#__PURE__*/_jsx(FeedbackButtons,{feedback:feedback,onFeedback:onFeedback}):null]})});}/**
+ * A reply that arrives a word at a time. Words resolve out of a soft blur,
+ * citations sit where the model cites them, and once the reply is complete
+ * its actions, sources, and follow-ups become available.
+ */export function StreamingText({content,feedback,followUps=[],onFeedback,onFollowUp,onRetry,ref:forwardedRef,sources=[],status,...rest}){const streaming=status==="streaming";for(const name of["className","data-slot","role","style"]){Reflect.deleteProperty(rest,name);}return/*#__PURE__*/_jsxs("div",{...rest,"data-slot":"streaming-text","data-status":status,ref:forwardedRef,...props(styles.root),children:[/*#__PURE__*/_jsx(StreamedWords,{content:content,sources:sources,streaming:streaming}),/*#__PURE__*/_jsx(ErrorNote,{error:status==="error"}),/*#__PURE__*/_jsx(Sources,{sources:streaming?citedSources(content,sources):sources}),/*#__PURE__*/_jsx(Actions,{content:content,feedback:feedback,onFeedback:onFeedback,onRetry:onRetry,sources:sources,streaming:streaming}),/*#__PURE__*/_jsx(MotionScope,{children:/*#__PURE__*/_jsx(AnimatePresence,{initial:false,children:status==="complete"&&followUps.length>0?/*#__PURE__*/_jsx(FollowUps,{followUps:followUps,onFollowUp:onFollowUp},"follow-ups"):null})})]});}

package/dist/components/streaming-text/streaming-text.styles.js

@@ -0,0 +1,6 @@
+import{create,keyframes}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,glyphSize}from"../../styles/dimensions.stylex";import"../../styles/interaction.stylex";import{borderWidth}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";// A word resolves out of a soft blur as it arrives.
+const resolve="x1a1n1oe-B";// A new word arrives faint and violet, warms to pink, then settles into the
+// text color. Words keep landing behind it, so the newest few form a
+// gradient at the growing edge of the reply.
+const trail="xkog4lp-B";const arrive={animationDuration:{[conditions.reducedMotion]:duration.instant,default:"360ms"},animationFillMode:"both",animationTimingFunction:easing.expoOut};export const streamingTextStyles={actions:{kGNEyG:"x6s0dn4",k1xSpc:"x78zum5",kwnvtZ:"x1a02dak",kOIVth:"x13hh4mm",keTefX:"x1is7kxt",kSiTet:"x96pum x1hc1fzr",kIyJzY:"x1e471i8 x115jf8",k1ekBW:"x19991ni",kAMwcw:"xvhdtae",$$css:true},actionsGroup:{kGNEyG:"x6s0dn4",k1xSpc:"x78zum5",kOIVth:"xxhr3t",$$css:true},error:{kGNEyG:"x6s0dn4",kMwMTN:"x1ytrddi",k1xSpc:"x78zum5",kOIVth:"xp4ho6d",kogj98:"x1ghz6dp",$$css:true},followUp:{kGNEyG:"x6s0dn4",kysU6D:"xjyslct",kWkggS:"xxsa5ao x12ribo7 xjbqb8w",kaIpWk:"x2b34ud",kMzoRj:"xc342km",kMwMTN:"x14tvo57",kkrTdU:"x1ypdohk",k1xSpc:"x78zum5",kOIVth:"xp4ho6d",kzqmXN:"xh8yej3",kogj98:"x1ghz6dp",kjBf7l:"x4dprnk x1uczgqu",kInvED:"x2ssjo2",k3XXqK:"x9v5kkp x1t137rt",kMeerF:"x1vhx2qj",k8WAf4:"x391bbb",kg3NbH:"xb5xqfq",k9WMMc:"x1yc453h",$$css:true},followUpIcon:{kMwMTN:"x125omll",kmuXW:"x2lah0s",k3aq6I:"x19axjrm x1c071of",$$css:true},followUps:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x13hh4mm",keoZOQ:"x16yphcf",$$css:true},followUpsList:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x195vfkc",kB88ic:"xe8uvvx",kogj98:"x1ghz6dp",kUOVxO:"x1tjh6xj",kmVPX3:"x1717udv",$$css:true},followUpsTitle:{kMwMTN:"x125omll",kogj98:"x1ghz6dp",$$css:true},reasoningText:{kMwMTN:"x125omll",$$css:true},resolveArrive:{kKVMdj:"x1tzfbnl xov6gjd",k44tkh:"xui4633 x9dz2be",kWV6AL:"x1u6ievf",kyAemX:"xc8zlda",$$css:true},root:{kMwMTN:"x14tvo57",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"xp4ho6d",k7Eaqz:"xeuugli",$$css:true},text:{kogj98:"x1ghz6dp",kHjlTd:"xj0a0fe",kN2L0X:"xk4td0m",khDVqt:"x1fj9vlw",$$css:true},textFrame:{kVQacm:"x7giv3",kOmJVX:"x1e0hetf",kIyJzY:"x1e471i8 x43t7r1",k1ekBW:"xua3uq3",kAMwcw:"xvhdtae",$$css:true},word:{k44tkh:"xui4633 x1m9vv7p",kWV6AL:"xskzprw",kKVMdj:"x1tzfbnl xzhw2s5",kyAemX:"x17ay8nm",$$css:true}};// A burst of words staggers in, so it never lands all at once.
+export const streamingTextDynamic={delay:delay=>[{kKxzle:delay!=null?"xvo38ju":delay,$$css:true},{"--x-animationDelay":(val=>typeof val==="number"?val+"ms":val!=null?val:undefined)(delay)}]};

package/dist/components/suggestion/suggestion.d.ts

@@ -0,0 +1,23 @@
+import { type ComponentPropsWithRef, type ReactNode } from "react";
+import type { Closed } from "../../closed";
+export type SuggestionsProps = Omit<Closed<ComponentPropsWithRef<"div">>, "data-slot" | "role"> & {
+    /** Names the row for screen readers. */
+    "aria-label"?: string;
+    children: ReactNode;
+};
+/**
+ * A row of prompts the person can send in one click, above the composer.
+ * It stays one line: when the pills outrun the space it scrolls sideways,
+ * and its edges fade where more wait.
+ */
+export declare function Suggestions({ "aria-label": ariaLabel, children, ref, ...rest }: SuggestionsProps): import("react").JSX.Element;
+export type SuggestionProps = Omit<Closed<ComponentPropsWithRef<"button">>, "children" | "data-slot" | "onClick" | "type"> & {
+    /** A glyph before the words, such as a test tube for "Write tests". */
+    icon?: ReactNode;
+    /** Called with the suggestion, which is the message to send. */
+    onClick?: (suggestion: string) => void;
+    /** The prompt, shown as the label and passed to `onClick`. */
+    suggestion: string;
+};
+/** One prompt: an outline pill whose label is the message it sends. */
+export declare function Suggestion({ disabled, icon, onClick, ref, suggestion, ...rest }: SuggestionProps): import("react").JSX.Element;

package/dist/components/suggestion/suggestion.js

@@ -0,0 +1,7 @@
+"use client";import{Button as BaseButton}from"@base-ui/react/button";import{ScrollArea as BaseScrollArea}from"@base-ui/react/scroll-area";import{props}from"@stylexjs/stylex";import{useCallback}from"react";import{buttonStyles}from"../button/button.styles";import{scrollAreaStyles}from"../scroll-area/scroll-area.styles";import{suggestionStyles as styles}from"./suggestion.styles";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";/**
+ * A row of prompts the person can send in one click, above the composer.
+ * It stays one line: when the pills outrun the space it scrolls sideways,
+ * and its edges fade where more wait.
+ */export function Suggestions({"aria-label":ariaLabel="Suggestions",children,ref,...rest}){for(const prop of["className","style"]){Reflect.deleteProperty(rest,prop);}return(/*#__PURE__*/// The faded edges say there is more. Touch, trackpads, and focus scroll
+// the row; a thin thumb appears on hover for a mouse.
+_jsxs(BaseScrollArea.Root,{"aria-label":ariaLabel,ref:ref,role:"group",...props(scrollAreaStyles.root,styles.fit,styles.root),children:[/*#__PURE__*/_jsx(BaseScrollArea.Viewport,{...props(scrollAreaStyles.viewport,scrollAreaStyles.viewportFade,scrollAreaStyles.viewportOverscrollContain,styles.fit,styles.viewport),children:/*#__PURE__*/_jsx(BaseScrollArea.Content,{...rest,"data-slot":"suggestions",...props(styles.row),children:children})}),/*#__PURE__*/_jsx(BaseScrollArea.Scrollbar,{orientation:"horizontal",...props(scrollAreaStyles.scrollbar,scrollAreaStyles.scrollbarHorizontal,styles.scrollbar),children:/*#__PURE__*/_jsx(BaseScrollArea.Thumb,{...props(scrollAreaStyles.thumb)})})]}));}/** One prompt: an outline pill whose label is the message it sends. */export function Suggestion({disabled=false,icon,onClick,ref,suggestion,...rest}){for(const prop of["className","style"]){Reflect.deleteProperty(rest,prop);}const send=useCallback(()=>onClick?.(suggestion),[onClick,suggestion]);return/*#__PURE__*/_jsxs(BaseButton,{...rest,"data-slot":"suggestion",disabled:disabled,onClick:send,ref:ref,type:"button",...props(buttonStyles.base,buttonStyles.outline,buttonStyles.sm,disabled?buttonStyles.disabled:buttonStyles.press,disabled?null:buttonStyles.interactionOutline,styles.pill),children:[icon?/*#__PURE__*/_jsx("span",{"aria-hidden":"true",...props(styles.glyph),children:icon}):null,suggestion]});}

package/dist/components/suggestion/suggestion.styles.js

@@ -0,0 +1,3 @@
+import{create}from"@stylexjs/stylex";import"../../styles/interaction.stylex";import{borderWidth}from"../../styles/interaction.stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";const ring=`${borderWidth.focus}px`;// The strip under the pills: a 4px thumb, 2px clear of the pills, in a bar
+// with 1px around it. The focus ring's 3px fits inside it too.
+const bar=`calc(${space["1"]} + 2px)`;const strip=`calc(${bar} + 1px)`;export const suggestionStyles={fit:{kZKoxP:"xt7dq6l",$$css:true},glyph:{k1xSpc:"x3nfvp2",kmuXW:"x2lah0s",$$css:true},pill:{kT0f0o:"x3hdh8v",kVL7Gh:"xr0m5pc",kfmiAY:"x9okykr",krdFHd:"x1142k65",kmuXW:"x2lah0s",khDVqt:"xuxw1ft",$$css:true},root:{ktR8K2:"x41o525",k1K539:"xrlti3l",keoZOQ:"x1o1lne9",$$css:true},row:{k1xSpc:"x78zum5",kOIVth:"xp4ho6d",kUOVxO:"x1olqop1 x1gtwjfb",kmVPX3:"xd3kdmu",kGO01o:"x1pte9ik",kzqmXN:"xezivpi",$$css:true},scrollbar:{kZKoxP:"xhiq0k0",kogj98:"x1ghz6dp",kmVPX3:"xyf9f8g",$$css:true},viewport:{katHQp:"x1uik0ie",$$css:true}};

package/dist/components/switch/switch.d.ts

@@ -0,0 +1,12 @@
+import { Switch as BaseSwitch } from "@base-ui/react/switch";
+import type { ComponentPropsWithRef } from "react";
+type BaseSwitchProps = ComponentPropsWithRef<typeof BaseSwitch.Root>;
+export type SwitchSize = "default" | "lg" | "sm";
+export type SwitchProps = Omit<BaseSwitchProps, "children" | "className" | "disabled" | "nativeButton" | "parent" | "ref" | "render" | "style"> & {
+    disabled?: boolean;
+    invalid?: boolean;
+    ref?: BaseSwitchProps["ref"];
+    size?: SwitchSize;
+};
+export declare function Switch({ disabled, invalid, readOnly, ref: forwardedRef, size, ...rest }: SwitchProps): import("react").JSX.Element;
+export {};

package/dist/components/switch/switch.js

@@ -0,0 +1 @@
+"use client";import{Switch as BaseSwitch}from"@base-ui/react/switch";import{props}from"@stylexjs/stylex";import{switchStyles}from"./switch.styles";import{jsx as _jsx}from"react/jsx-runtime";const sizeStyles={default:switchStyles.sizeDefault,lg:switchStyles.sizeLg,sm:switchStyles.sizeSm};const thumbSizeStyles={default:switchStyles.thumbDefault,lg:switchStyles.thumbLg,sm:switchStyles.thumbSm};export function Switch({disabled=false,invalid=false,readOnly=false,ref:forwardedRef=undefined,size="default",...rest}){return/*#__PURE__*/_jsx(BaseSwitch.Root,{...rest,"aria-invalid":invalid||undefined,"data-slot":"switch",disabled:disabled,readOnly:readOnly,ref:forwardedRef,...props(switchStyles.base,sizeStyles[size],switchStyles.forcedColorsChecked),children:/*#__PURE__*/_jsx(BaseSwitch.Thumb,{"data-slot":"switch-thumb",...props(switchStyles.thumb,thumbSizeStyles[size])})});}

package/dist/components/switch/switch.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/interaction.stylex";import{borderWidth,focus,focusMotion,focusOutline,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";export const switchStyles={base:{"--mizen-switch-thumb-radius":"xtzdw4k x8qii98 xsh7lky x1yg0ze9","--mizen-switch-thumb-scale-y":"x1tqmw0x x1g9yl17 x6046pj xdlfpb7",kGNEyG:"x6s0dn4",k44tkh:"x1iha7go",kKVMdj:"x1b5t0b2",kysU6D:"xjyslct",kWkggS:"x8g7iud xvkgy7j x1snul95 xfxevdu x1keecby x1lgktvr",kVAM5u:"x1jj8si6 xa6gebk x9r1u3d",ksu8eU:"x1y0btm7",kMzoRj:"x1cdonsl",kGVxlE:"x19er7zc xywav3q xxswp7w x210vsb xpt4131 x1bep6d6 x1tsqlz3 x1sidj8d x2z5kxh x1xj6pjg x1xxjdaf",kB7OPa:"x9f619",kkrTdU:"x1j1ks5o xktmlxf x1ypdohk",k1xSpc:"x3nfvp2",kmuXW:"x2lah0s",kjj79g:"x1nhvcw1",kSiTet:"x1yporm9 x1hc1fzr",kjBf7l:"x4dprnk x1uczgqu",kInvED:"x7jjmpn x1w1ofmy",k3XXqK:"x9v5kkp xzc55om",kMeerF:"xm9seqh x1vhx2qj",k8WAf4:"xsplgde",kg3NbH:"x1gbt3hs",kVAEAm:"x1n2onr6",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"xlbla5t",kAMwcw:"xvhdtae",kfSwDN:"x87ps6o",kXLuUW:"xxymvpz",$$css:true},forcedColorsChecked:{kpNTys:"x74uwrl",kZ8EXX:"x1gyuuhj",$$css:true},sizeDefault:{kT0f0o:"x3hdh8v",kVL7Gh:"xr0m5pc",kfmiAY:"x9okykr",krdFHd:"x1142k65",kZKoxP:"xmll18r",kzqmXN:"x1s4ejo4",$$css:true},sizeLg:{kT0f0o:"x3hdh8v",kVL7Gh:"xr0m5pc",kfmiAY:"x9okykr",krdFHd:"x1142k65",kZKoxP:"xam5rvr",kzqmXN:"xb1qrhf",$$css:true},sizeSm:{kT0f0o:"x3hdh8v",kVL7Gh:"xr0m5pc",kfmiAY:"x9okykr",krdFHd:"x1142k65",kZKoxP:"xaylbqo",kzqmXN:"xs5h3dt",$$css:true},thumb:{kWkggS:"x8r451n x1dgvb5d",kVAM5u:"x1a9ryxi x13gay1x",kaIpWk:"x1jm5wza",ksu8eU:"x1y0btm7",kMzoRj:"xmkeg23",kGVxlE:"x1oyd9xq xxmju8b",kB7OPa:"x9f619",k1xSpc:"x1lliihq",k3aq6I:"x1g9hb5n",k3nNDw:"x1g0ag68",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"x12rtq9n",kAMwcw:"xvhdtae",$$css:true},thumbDefault:{kZKoxP:"x1l36t39",keTefX:"x11h9ylw x1lziwak",kzqmXN:"xcdlrvm",$$css:true},thumbLg:{kZKoxP:"xmll18r",keTefX:"xgnz0v5 x1lziwak",kzqmXN:"xwqq7k2",$$css:true},thumbSm:{kZKoxP:"xf08kfj",keTefX:"xd1z44d x1lziwak",kzqmXN:"x1xvt488",$$css:true}};

package/dist/components/table/table.d.ts

@@ -0,0 +1,64 @@
+import type { ComponentPropsWithRef } from "react";
+import type { Closed } from "../../closed";
+type Part<T> = Omit<Closed<T>, "data-slot" | "role">;
+type Align = "center" | "end" | "start";
+export type TableScroll = "both" | "horizontal";
+type AccessibleName = {
+    "aria-label": string;
+    "aria-labelledby"?: never;
+} | {
+    "aria-label"?: never;
+    "aria-labelledby": string;
+};
+export type TableContainerProps = Omit<Part<ComponentPropsWithRef<"section">>, "aria-label" | "aria-labelledby" | "tabIndex"> & AccessibleName & {
+    /**
+     * Makes the scroll region a tab stop for keyboard scrolling. Turn it off
+     * when an interactive grid inside already moves focus cell by cell.
+     */
+    focusable?: boolean;
+    scroll?: TableScroll;
+    tabIndex?: never;
+};
+export type TableProps = Part<ComponentPropsWithRef<"table">> & {
+    /**
+     * Spreadsheet presentation: column rules and compact rows for working data.
+     * `"interactive"` also exposes the ARIA grid role; only use it with a
+     * keyboard model, as DataTable provides.
+     */
+    grid?: boolean | "interactive";
+    /**
+     * Exact fixed-layout width in px: the sum of sized columns. Wider tables
+     * scroll, and narrower ones leave free space, like a spreadsheet.
+     */
+    width?: number;
+};
+export type TableHeaderProps = Part<ComponentPropsWithRef<"thead">> & {
+    sticky?: boolean;
+};
+export type TableBodyProps = Part<ComponentPropsWithRef<"tbody">>;
+export type TableFooterProps = Part<ComponentPropsWithRef<"tfoot">>;
+export type TableRowProps = Part<ComponentPropsWithRef<"tr">> & {
+    selected?: boolean;
+};
+export type TableHeadProps = Omit<Part<ComponentPropsWithRef<"th">>, "align" | "scope"> & {
+    align?: Align;
+    numeric?: boolean;
+    scope?: "col" | "colgroup" | "row" | "rowgroup";
+    sticky?: boolean;
+};
+export type TableCellProps = Omit<Part<ComponentPropsWithRef<"td">>, "align"> & {
+    align?: Align;
+    numeric?: boolean;
+    sticky?: boolean;
+};
+export type TableCaptionProps = Part<ComponentPropsWithRef<"caption">>;
+export declare function TableContainer({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, focusable, ref: forwardedRef, scroll, ...rest }: TableContainerProps): import("react").JSX.Element;
+export declare function Table({ children, grid, ref: forwardedRef, width, ...rest }: TableProps): import("react").JSX.Element;
+export declare function TableHeader({ children, ref: forwardedRef, sticky, ...rest }: TableHeaderProps): import("react").JSX.Element;
+export declare function TableBody({ children, ref: forwardedRef, ...rest }: TableBodyProps): import("react").JSX.Element;
+export declare function TableFooter({ children, ref: forwardedRef, ...rest }: TableFooterProps): import("react").JSX.Element;
+export declare function TableRow({ children, ref: forwardedRef, selected, ...rest }: TableRowProps): import("react").JSX.Element;
+export declare function TableHead({ align, children, numeric, ref: forwardedRef, scope, sticky, ...rest }: TableHeadProps): import("react").JSX.Element;
+export declare function TableCell({ align, children, numeric, ref: forwardedRef, sticky, ...rest }: TableCellProps): import("react").JSX.Element;
+export declare function TableCaption({ children, ref: forwardedRef, ...rest }: TableCaptionProps): import("react").JSX.Element;
+export {};