@mizen-labs/ui 0.0.0-stage → 0.1.0

package/dist/components/toggle/toggle.d.ts

@@ -0,0 +1,33 @@
+import { type SeparatorProps as BaseSeparatorProps } from "@base-ui/react/separator";
+import { type ToggleProps as BaseToggleProps } from "@base-ui/react/toggle";
+import { type ToggleGroupProps as BaseToggleGroupProps } from "@base-ui/react/toggle-group";
+type AccessibleIconName = {
+    "aria-label": string;
+    "aria-labelledby"?: string;
+} | {
+    "aria-label"?: string;
+    "aria-labelledby": string;
+};
+export type ToggleVariant = "default" | "outline";
+export type ToggleSize = "default" | "icon" | "icon-lg" | "icon-sm" | "lg" | "sm";
+type SharedToggleProps<Value extends string> = Omit<BaseToggleProps<Value>, "className" | "nativeButton" | "ref" | "render" | "style"> & {
+    ref?: BaseToggleProps<Value>["ref"];
+    variant?: ToggleVariant;
+};
+export type ToggleProps<Value extends string = string> = SharedToggleProps<Value> & ({
+    size?: Exclude<ToggleSize, "icon" | "icon-lg" | "icon-sm">;
+} | ({
+    size: "icon" | "icon-lg" | "icon-sm";
+} & AccessibleIconName));
+export type ToggleGroupProps<Value extends string = string> = Omit<BaseToggleGroupProps<Value>, "className" | "ref" | "render" | "style"> & {
+    ref?: BaseToggleGroupProps<Value>["ref"];
+    size?: ToggleSize;
+    variant?: ToggleVariant;
+};
+export declare function Toggle<Value extends string = string>({ children, ref: forwardedRef, size, type, variant, ...rest }: ToggleProps<Value>): import("react").JSX.Element;
+export declare function ToggleGroup<Value extends string = string>({ children, orientation, ref: forwardedRef, size, variant, ...rest }: ToggleGroupProps<Value>): import("react").JSX.Element;
+export declare const ToggleGroupItem: typeof Toggle;
+export type ToggleGroupItemProps<Value extends string = string> = ToggleProps<Value>;
+export type ToggleGroupSeparatorProps = Omit<BaseSeparatorProps, "className" | "style" | "render">;
+export declare function ToggleGroupSeparator({ orientation, ...rest }: ToggleGroupSeparatorProps): import("react").JSX.Element;
+export {};

package/dist/components/toggle/toggle.js

@@ -0,0 +1 @@
+"use client";import{Separator as BaseSeparator}from"@base-ui/react/separator";import{Toggle as BaseToggle}from"@base-ui/react/toggle";import{ToggleGroup as BaseToggleGroup}from"@base-ui/react/toggle-group";import{props}from"@stylexjs/stylex";import{createContext,useContext}from"react";import{controlLabel}from"../../control-label";import{buttonStyles}from"../button/button.styles";import{ToolbarOrientationContext}from"../toolbar/toolbar-context";import{toggleStyles}from"./toggle.styles";import{jsx as _jsx}from"react/jsx-runtime";const defaultToggleContext={orientation:"horizontal",size:"default",variant:"default"};const ToggleContext=createContext(defaultToggleContext);const sizeStyles={default:buttonStyles.defaultSize,icon:buttonStyles.icon,"icon-lg":buttonStyles["icon-lg"],"icon-sm":buttonStyles["icon-sm"],lg:buttonStyles.lg,sm:buttonStyles.sm};const orientationStyles={horizontal:toggleStyles.horizontal,vertical:toggleStyles.vertical};export function Toggle({children,ref:forwardedRef=undefined,size,type,variant,...rest}){const group=useContext(ToggleContext);const resolvedSize=size??group.size;const resolvedVariant=variant??group.variant;Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"style");Reflect.deleteProperty(rest,"render");Reflect.deleteProperty(rest,"nativeButton");return/*#__PURE__*/_jsx(BaseToggle,{...rest,"data-size":resolvedSize,"data-slot":"toggle","data-variant":resolvedVariant,ref:forwardedRef,type:type??"button",...props(toggleStyles.base,resolvedVariant==="outline"&&toggleStyles.outline,sizeStyles[resolvedSize],group.variant==="outline"&&resolvedVariant==="outline"&&(group.orientation==="horizontal"?toggleStyles.joinedHorizontal:toggleStyles.joinedVertical),toggleStyles.content),children:controlLabel(children)});}export function ToggleGroup({children,orientation,ref:forwardedRef=undefined,size="default",variant="default",...rest}){const toolbarOrientation=useContext(ToolbarOrientationContext);const resolvedOrientation=orientation??toolbarOrientation??"horizontal";Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"style");Reflect.deleteProperty(rest,"render");return/*#__PURE__*/_jsx(ToggleContext,{value:{orientation:resolvedOrientation,size,variant},children:/*#__PURE__*/_jsx(BaseToggleGroup,{...rest,"data-size":size,"data-slot":"toggle-group","data-variant":variant,orientation:resolvedOrientation,ref:forwardedRef,...props(toggleStyles.group,orientationStyles[resolvedOrientation],variant==="outline"&&toggleStyles.groupOutline,(size==="sm"||size==="icon-sm")&&toggleStyles.smallGroup,toolbarOrientation!==null&&toggleStyles.embeddedGroup),children:children})});}export const ToggleGroupItem=Toggle;export function ToggleGroupSeparator({orientation="vertical",...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"style");Reflect.deleteProperty(rest,"render");return/*#__PURE__*/_jsx(BaseSeparator,{...rest,"data-slot":"toggle-group-separator",orientation:orientation,...props(toggleStyles.separator,orientation==="horizontal"&&toggleStyles.horizontalSeparator)});}

package/dist/components/toggle/toggle.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,forcedColorAdjust,opacity}from"../../styles/interaction.stylex";import"../../styles/motion.stylex";import{duration,easing,pressSurface}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";import"./toggle-colors.stylex";import{toggleColors}from"./toggle-colors.stylex";export const toggleStyles={base:{kLkRvE:"x9jdm8n x1di8epk x1khnvap xfhj8zy x1qnln56 x1p58mzm",kfXFYZ:"x13ton7k xhkbipy",kBjukC:"xjp5e1j",kKGWhT:"x10ojri0",kgXx4x:"x3glmed",kCyh2J:"xib5pzt",kj4x2v:"x1fo1fc9",k5Ohv7:"x1fbubk5",ktNmms:"x1gnjykt xorwlw1 xuhfsq4 x1mhbp3f xulogpc",kQmYQc:"xtql2tq",kgeoSG:"x1cpjm7i",kFcpXp:"xyl7xaj x1h5trzc",km8f2m:"xkk1bqk",kEoFBp:"x1hmns74",kKXxxB:"x1agtgd4 x1wpd706 x91iiuu",k7KCAZ:"x16nmtoe",kqUdNP:"x1xpvcyb x1vaxkjw",kxmVGU:"xy5mcqj",kGNEyG:"x6s0dn4",k44tkh:"x1iha7go",kKVMdj:"x1b5t0b2",kysU6D:"xjyslct",kWkggS:"xjbqb8w",kVAM5u:"x9r1u3d",ksu8eU:"x1y0btm7",kMzoRj:"x1cdonsl",kGVxlE:"x1gnnqk1",kB7OPa:"x9f619",kMwMTN:"x1emke2o x14tvo57",kkrTdU:"x1j1ks5o x1ypdohk",k1xSpc:"x3nfvp2",kmuXW:"x2lah0s",kMv6JI:"xjb2p0i",kGuDYH:"x12ama9c",k63SB2:"x1lo1l87",kAXs8y:"xbohx13",kOIVth:"xp4ho6d",kHBbk8:"xc8icb0",kjj79g:"xl56j7k",kLWn49:"x1wrb330",ks0D6T:"x193iq5w",k7Eaqz:"xeuugli",kSiTet:"x1yporm9 x1hc1fzr",kjBf7l:"x4dprnk x1uczgqu",kInvED:"x7jjmpn x1w1ofmy",k3XXqK:"x9v5kkp xzc55om",kMeerF:"xm9seqh x1vhx2qj",kHjlTd:"xj0a0fe",kVAEAm:"x1n2onr6",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"x16tealu",kAMwcw:"xvhdtae",kfSwDN:"x87ps6o",kY2c9j:"x135w3n3 x1ja2u2z",$$css:true},content:{k63SB2:"x1lo1l87",k7Eaqz:"x14836vy x1a9rrvk x14xhk50 xeuugli",k8WAf4:"x1lmimt7",kg3NbH:"x15f5mwi x1ydjqgb xztyog7 x1kjb1w9 xdkkpso x2p577c x1mw7yl3",$$css:true},embeddedGroup:{kmuXW:"x2lah0s",kXHlph:"x1plvlek",kORKVm:"xryxfnj",kmVPX3:"x1717udv",$$css:true},group:{kGNEyG:"x1qjc9v5",kaIpWk:"x1jw0md8",kB7OPa:"x9f619",k1xSpc:"x3nfvp2",kOIVth:"x13hh4mm",ks0D6T:"x193iq5w",k7Eaqz:"xeuugli",kmVPX3:"x17y9dx8",kzqmXN:"xeq5yr9",$$css:true},groupOutline:{kOIVth:"xxhr3t",$$css:true},horizontal:{kXwgrk:"x1q0g3np",kXHlph:"xw2csxc",katHQp:"x1g2bcle",$$css:true},horizontalSeparator:{kgzTxl:"x1pkgqyo",kOlAkY:"xcekfy0",k5Ofw7:"xrnkxd5",k96MEf:"x1y3wzot",koaPKo:"x1tkstgd",kSJ0CW:"x15o7d5q",kZKoxP:"x1nsa3pu x1pt7pui",kzqmXN:"x14atkfc",$$css:true},joinedHorizontal:{kpsdNU:"x1uly9nc",kT0f0o:"x44cjkt x16uus16",kVL7Gh:"xkcxpb5 xbiv7yw",ke9TFa:"x131mfgh x10w94by",k2ei4v:"xdtoaut x14e42zd",kfmiAY:"xit5jla x1ga7v0g",krdFHd:"x1e7cf47 x15mokao",$$css:true},joinedVertical:{kGOzcv:"x1axct8l",kt9PQ7:"x1p16syf x1qhh985",kEafiO:"xwrahxj x972fbf",kT0f0o:"x44cjkt x16uus16",kVL7Gh:"x1dygckn xbiv7yw",kfmiAY:"x1exlly7 x1ga7v0g",krdFHd:"x1e7cf47 x15mokao",$$css:true},outline:{kfXFYZ:"xlckdll x13ton7k x15a8tab",ktNmms:"x1gnjykt xezsbf xorwlw1 xuhfsq4 x1mhbp3f xtf8gdx",$$css:true},separator:{kLkRvE:"x1lg0vu7",kgeoSG:"x1cpjm7i",kOlAkY:"x1vfz38h",kGOzcv:"x1fg1oh9",kSJ0CW:"x1682cnc",kEoFBp:"x1hmns74",kSGwAc:"xkh2ocl",kWkggS:"xjbqb8w",ksu8eU:"xng3xce",kmuXW:"x2lah0s",kogj98:"x1ghz6dp",kfzvcC:"x47corl",kVAEAm:"x1n2onr6",kzqmXN:"x1o3h8bd x4fsdvg",kY2c9j:"x1vjfegm",$$css:true},smallGroup:{kaIpWk:"x2b34ud",$$css:true},vertical:{kXwgrk:"xdt5ytf",$$css:true}};

package/dist/components/token/token.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentPropsWithRef, MouseEventHandler, ReactNode } from "react";
+import type { Closed } from "../../closed";
+export type TokenColor = "default" | "red" | "orange" | "yellow" | "green" | "teal" | "cyan" | "blue" | "purple" | "pink" | "gray";
+export type TokenSize = "sm" | "md" | "lg";
+export type TokenProps = Omit<Closed<ComponentPropsWithRef<"span">>, "children" | "data-slot" | "onClick" | "role"> & {
+    label: string;
+    color?: TokenColor;
+    size?: TokenSize;
+    icon?: ReactNode;
+    endContent?: ReactNode;
+    href?: string;
+    disabled?: boolean;
+    onClick?: MouseEventHandler<HTMLElement>;
+    onRemove?: MouseEventHandler<HTMLElement>;
+};
+export declare function Token({ label, color, size, icon, endContent, "aria-description": description, href, disabled, onClick, onRemove, ref, "aria-pressed": pressed, ...rest }: TokenProps): import("react").JSX.Element;

package/dist/components/token/token.js

@@ -0,0 +1 @@
+"use client";import{props}from"@stylexjs/stylex";import{IconX}from"../../icons";import{colors}from"../../styles/colors.stylex";import{palette}from"../../styles/palette.stylex";import{typographyStyles}from"../../styles/typography.styles";import{tokenStyles}from"./token.styles";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";const tones={blue:palette.blue700,cyan:`color-mix(in oklch, ${palette.blue700}, ${palette.teal700})`,default:colors.mutedContent,gray:colors.mutedContent,green:palette.green700,orange:palette.orange700,pink:palette.pink700,purple:palette.violet700,red:palette.rose700,teal:palette.teal700,yellow:palette.amber700};const sizes={lg:tokenStyles.lg,md:tokenStyles.md,sm:tokenStyles.sm};function TokenAction({label,"aria-description":description,href,disabled,onClick,"aria-pressed":pressed}){if(href){return/*#__PURE__*/_jsx("a",{"aria-description":description,"aria-disabled":disabled||undefined,"aria-label":label,href:disabled?undefined:href,onClick:disabled?undefined:onClick,role:disabled?"link":undefined,tabIndex:disabled?-1:undefined,...props(tokenStyles.action)});}return/*#__PURE__*/_jsx("button",{"aria-description":description,"aria-label":label,"aria-pressed":pressed,disabled:disabled,onClick:onClick,type:"button",...props(tokenStyles.action)});}function TokenContents({actionable,icon,endContent,disabled,label,onRemove}){return/*#__PURE__*/_jsxs(_Fragment,{children:[" ",icon?/*#__PURE__*/_jsx("span",{"aria-hidden":true,...props(tokenStyles.adornment),children:icon}):null,/*#__PURE__*/_jsx("span",{"aria-hidden":actionable,...props(tokenStyles.label,typographyStyles.controlLabel),children:label}),endContent?/*#__PURE__*/_jsx("span",{...props(tokenStyles.adornment),children:endContent}):null,onRemove?/*#__PURE__*/_jsx("button",{"aria-label":`Remove ${label}`,disabled:disabled,onClick:onRemove,type:"button",...props(tokenStyles.remove),children:/*#__PURE__*/_jsx(IconX,{"aria-hidden":true,size:12})}):null]});}function getTokenStyles(color,size,disabled){return props(tokenStyles.root,sizes[size],color!=="default"&&tokenStyles.tint(tones[color]),disabled&&tokenStyles.disabled);}export function Token({label,color="default",size="md",icon,endContent,"aria-description":description,href,disabled=false,onClick,onRemove,ref,"aria-pressed":pressed,...rest}){if(!label.trim()){throw new TypeError("Token requires a non-empty label.");}for(const name of["children","className","data-slot","role","style"]){Reflect.deleteProperty(rest,name);}const actionable=Boolean(href||onClick);return/*#__PURE__*/_jsxs("span",{...rest,"aria-description":description,"data-color":color,"data-disabled":disabled||undefined,"data-size":size,"data-slot":"token",ref:ref,title:label,...getTokenStyles(color,size,disabled),children:[actionable?/*#__PURE__*/_jsx(TokenAction,{"aria-description":description,"aria-pressed":pressed,disabled:disabled,href:href,label:label,onClick:onClick}):null,/*#__PURE__*/_jsx(TokenContents,{actionable:actionable,disabled:disabled,endContent:endContent,icon:icon,label:label,onRemove:onRemove})]});}

package/dist/components/token/token.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/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";const _temp={kWkggS:"xl8spv7",kVAM5u:"x6w5c0t",kMwMTN:"x14rh7hd","$$css":true};export const tokenStyles={action:{k44tkh:"x1iha7go",kKVMdj:"x1b5t0b2",kWkggS:"x18l4t4p xjbqb8w",kVAM5u:"x1a9ryxi x9r1u3d",kaIpWk:"x1pjcqnp",ksu8eU:"x1y0btm7",kMzoRj:"xc342km",kkrTdU:"x1ypdohk",kpwlN0:"xbxcck2",kjBf7l:"x4dprnk x1uczgqu",kInvED:"x1w1ofmy",k3XXqK:"xaatb59",kMeerF:"x1vhx2qj",kmVPX3:"x1717udv",kVAEAm:"x10l6tqk",$$css:true},adornment:{kGNEyG:"x6s0dn4",k1xSpc:"x3nfvp2",kmuXW:"x2lah0s",kjj79g:"xl56j7k",kfzvcC:"x47corl",$$css:true},disabled:{kSiTet:"xd57v9i",$$css:true},label:{kqGvvJ:"xlgnzgf",k7Eaqz:"xeuugli",kVQacm:"xb3r6kr",k8WAf4:"x1r1vuz7",kg5iWk:"xlyipyv",khDVqt:"xuxw1ft",$$css:true},lg:{kGuDYH:"x12ama9c",kAzted:"x1in32aq",$$css:true},md:{kGuDYH:"xlh8hku",kAzted:"x1pw4g4d",$$css:true},remove:{kGNEyG:"x6s0dn4",k44tkh:"x1iha7go",kKVMdj:"x1b5t0b2",kWkggS:"x1jhzvpy xjbqb8w",kaIpWk:"x2b34ud",kMzoRj:"xc342km",kMwMTN:"x1heor9g",kkrTdU:"x1ypdohk",k1xSpc:"x3nfvp2",kmuXW:"x2lah0s",kZKoxP:"xam5rvr",kjj79g:"xl56j7k",k71WvV:"x45hlxi",kjBf7l:"x4dprnk x1uczgqu",kInvED:"x1w1ofmy",k3XXqK:"xaatb59",kMeerF:"x1vhx2qj",kmVPX3:"x1717udv",kVAEAm:"x1n2onr6",kzqmXN:"xp8d6y2",kY2c9j:"x1vjfegm",$$css:true},root:{kGNEyG:"x6s0dn4",kWkggS:"x1o7hn9x",kVAM5u:"x9r1u3d",kaIpWk:"x2b34ud",ksu8eU:"x1y0btm7",kMzoRj:"x1cdonsl",kB7OPa:"x9f619",kMwMTN:"x14tvo57",k1xSpc:"x3nfvp2",kMv6JI:"xjb2p0i",k63SB2:"xuku2lm",kOIVth:"x13hh4mm",kLWn49:"x1wrb330",ks0D6T:"x193iq5w",k7Eaqz:"xeuugli",kg3NbH:"xdbhxi8",kVAEAm:"x1n2onr6",kXLuUW:"xxymvpz",$$css:true},sm:{kGuDYH:"x1ws78te",kAzted:"x1rqwxy8",$$css:true},tint:tone=>[_temp,{"--x-backgroundColor":`color-mix(in oklch, ${tone} 18%, ${colors.surface})`!=null?`color-mix(in oklch, ${tone} 18%, ${colors.surface})`:undefined,"--x-borderColor":`color-mix(in oklch, ${tone} 28%, ${colors.surface})`!=null?`color-mix(in oklch, ${tone} 28%, ${colors.surface})`:undefined,"--x-color":`color-mix(in oklch, ${tone} 45%, ${colors.content})`!=null?`color-mix(in oklch, ${tone} 45%, ${colors.content})`:undefined}]};

package/dist/components/tool-call/tool-call-group.d.ts

@@ -0,0 +1,17 @@
+import { type ComponentPropsWithRef } from "react";
+import type { Closed } from "../../closed";
+import { type ToolCallProps } from "./tool-call";
+export type ToolCallGroupCall = Omit<ToolCallProps, "ref"> & {
+    /** A stable id for the call, such as the SDK's toolCallId. */
+    id: string;
+};
+export type ToolCallGroupProps = Omit<Closed<ComponentPropsWithRef<"div">>, "children" | "data-slot" | "role"> & {
+    calls: readonly ToolCallGroupCall[];
+    /** Seconds the calls took together, for a turn loaded from history. */
+    duration?: number;
+};
+/**
+ * Several tool calls under one header: "Using tools…" while any of them
+ * works or waits, then folded into "Used 3 tools · 1 failed · 2.7s".
+ */
+export declare function ToolCallGroup({ calls, duration, ref: forwardedRef, ...rest }: ToolCallGroupProps): import("react").JSX.Element;

package/dist/components/tool-call/tool-call-group.js

@@ -0,0 +1,6 @@
+"use client";import{props}from"@stylexjs/stylex";import{useState}from"react";import{IconChevronDown,IconTool}from"../../icons";import{Arrivals,MotionScope,Pop,Rise}from"../../motion";import{typeRoles}from"../../styles/typography.styles";import{formatShortSeconds,useElapsed}from"../../use-elapsed";import{agentThinkingStyles}from"../agent-thinking/agent-thinking.styles";import{Collapsible,CollapsiblePanel,CollapsibleTrigger}from"../collapsible/collapsible";import{Spinner}from"../spinner/spinner";import{ToolCall}from"./tool-call";import{toolCallStyles as styles}from"./tool-call.styles";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function Summary({active,calls,markEnd,markStart,seconds}){if(active){return/*#__PURE__*/_jsx("span",{ref:markStart,...props(agentThinkingStyles.stage),children:"Using tools…"});}const failed=calls.filter(call=>call.status==="error").length;return/*#__PURE__*/_jsxs("span",{ref:markEnd,children:["Used ",calls.length," ",calls.length===1?"tool":"tools",failed>0?/*#__PURE__*/_jsxs("span",{...props(styles.groupFailed),children:[" · ",failed," failed"]}):null,seconds===undefined?null:/*#__PURE__*/_jsxs("span",{...props(styles.groupMeta),children:[" ","· ",formatShortSeconds(seconds)]})]});}/**
+ * Several tool calls under one header: "Using tools…" while any of them
+ * works or waits, then folded into "Used 3 tools · 1 failed · 2.7s".
+ */export function ToolCallGroup({calls,duration,ref:forwardedRef,...rest}){const elapsed=useElapsed();const active=calls.some(call=>call.status==="running"||call.status==="approval");// null until the reader opens or closes it themselves. Until then it
+// stays open while calls work and folds into the summary once they finish.
+const[open,setOpen]=useState(null);for(const prop of["className","data-slot","role","style"]){Reflect.deleteProperty(rest,prop);}return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"tool-call-group","data-status":active?"running":"complete",ref:forwardedRef,...props(styles.root),children:/*#__PURE__*/_jsx(MotionScope,{children:/*#__PURE__*/_jsxs(Collapsible,{onOpenChange:setOpen,open:open===null?active:open,render:/*#__PURE__*/_jsx("div",{...props(styles.clip)}),children:[/*#__PURE__*/_jsxs(CollapsibleTrigger,{render:/*#__PURE__*/_jsx("button",{type:"button",...props(typeRoles.ui,styles.row)}),children:[/*#__PURE__*/_jsx(Pop,{change:active?"active":"done",look:styles.icon,children:active?/*#__PURE__*/_jsx(Spinner,{"aria-hidden":"true"}):/*#__PURE__*/_jsx(IconTool,{"aria-hidden":"true",size:16})}),/*#__PURE__*/_jsx(Rise,{change:active?"active":"done",look:styles.title,children:/*#__PURE__*/_jsx(Summary,{active:active,calls:calls,markEnd:elapsed.markEnd,markStart:elapsed.markStart,seconds:duration??elapsed.seconds})}),/*#__PURE__*/_jsx(IconChevronDown,{"aria-hidden":"true",size:14,...props(styles.chevron)})]}),/*#__PURE__*/_jsx(CollapsiblePanel,{children:/*#__PURE__*/_jsx("div",{...props(styles.panel,styles.groupCalls),children:/*#__PURE__*/_jsx(Arrivals,{children:calls.map(({id,...call})=>/*#__PURE__*/_jsx(ToolCall,{...call},id))})})})]})})});}

package/dist/components/tool-call/tool-call.d.ts

@@ -0,0 +1,36 @@
+import { type ComponentPropsWithRef, type ReactNode } from "react";
+import type { Closed } from "../../closed";
+/**
+ * `running` while input streams or the tool works, `approval` while it waits
+ * for a person, then `complete`, `error`, or `denied`.
+ */
+export type ToolCallState = "approval" | "complete" | "denied" | "error" | "running";
+export type ToolCallProps = Omit<Closed<ComponentPropsWithRef<"div">>, "children" | "data-slot" | "role" | "title"> & {
+    /** Seconds the call took, for a call loaded from history. */
+    duration?: number;
+    /** Why the call failed, shown with Retry. */
+    error?: string;
+    /** A glyph for the tool. A wrench stands in. */
+    icon?: ReactNode;
+    /** The arguments the model passed, shown as JSON. */
+    input?: unknown;
+    /** The tool's id, such as `search_web`. */
+    name: string;
+    onApprove?: () => void;
+    onDeny?: () => void;
+    onRetry?: () => void;
+    /** What the tool returned: text as is, anything else as JSON. */
+    output?: unknown;
+    status: ToolCallState;
+    /**
+     * What the call does, such as "Searching the web for CRM pricing".
+     * Update it as the status changes, so a finished call reads in past tense.
+     */
+    title?: string;
+};
+/**
+ * One tool call as a quiet line: what it does, the tool, how long it took,
+ * and how it went. It opens to the arguments and result; errors and
+ * approvals open on their own, with Retry or Approve and Deny.
+ */
+export declare function ToolCall({ duration, error, icon, input, name, onApprove, onDeny, onRetry, output, ref: forwardedRef, status, title, ...rest }: ToolCallProps): import("react").JSX.Element;

package/dist/components/tool-call/tool-call.js

@@ -0,0 +1,12 @@
+"use client";import{props}from"@stylexjs/stylex";import{useState}from"react";import{IconAlertCircle,IconChevronDown,IconCircleCheck,IconRefresh,IconTool}from"../../icons";import{MotionScope,Pop,Rise}from"../../motion";import{typeRoles}from"../../styles/typography.styles";import{formatShortSeconds,useElapsed}from"../../use-elapsed";import{agentThinkingStyles}from"../agent-thinking/agent-thinking.styles";import{Button}from"../button/button";import{CodeBlock,CodeBlockContent,CodeBlockCopy,CodeBlockHeader,CodeBlockTitle}from"../code-block/code-block";import{Collapsible,CollapsiblePanel,CollapsibleTrigger}from"../collapsible/collapsible";import{Spinner}from"../spinner/spinner";import{VisuallyHidden}from"../visually-hidden/visually-hidden";import{toolCallStyles as styles}from"./tool-call.styles";/**
+ * `running` while input streams or the tool works, `approval` while it waits
+ * for a person, then `complete`, `error`, or `denied`.
+ */import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function toText(value){return typeof value==="string"?value:JSON.stringify(value,null,2);}function Status({markEnd,markStart,seconds,status}){if(status==="running"){return/*#__PURE__*/_jsxs("span",{ref:markStart,...props(styles.status),children:[/*#__PURE__*/_jsx(Spinner,{"aria-hidden":"true"}),/*#__PURE__*/_jsx(VisuallyHidden,{children:"Running"})]});}if(status==="approval"){return/*#__PURE__*/_jsxs("span",{...props(typeRoles.ui,styles.status),children:[/*#__PURE__*/_jsx(IconAlertCircle,{"aria-hidden":"true",size:16,...props(styles.statusApproval)}),"Needs approval"]});}if(status==="denied"){return/*#__PURE__*/_jsx("span",{...props(typeRoles.ui,styles.status),children:"Denied"});}const failed=status==="error";const Icon=failed?IconAlertCircle:IconCircleCheck;return/*#__PURE__*/_jsxs("span",{ref:markEnd,...props(typeRoles.ui,styles.status),children:[/*#__PURE__*/_jsx(Icon,{"aria-hidden":"true",size:16,...props(failed?styles.statusError:styles.statusComplete)}),failed?/*#__PURE__*/_jsx("span",{...props(styles.errorText),children:"Failed"}):null,seconds===undefined?null:formatShortSeconds(seconds),failed?null:/*#__PURE__*/_jsx(VisuallyHidden,{children:"Done"})]});}function Code({title,value}){const text=toText(value);return/*#__PURE__*/_jsxs(CodeBlock,{children:[/*#__PURE__*/_jsxs(CodeBlockHeader,{children:[/*#__PURE__*/_jsx(CodeBlockTitle,{children:title}),/*#__PURE__*/_jsx(CodeBlockCopy,{code:text})]}),/*#__PURE__*/_jsx(CodeBlockContent,{"aria-label":title,language:typeof value==="string"?undefined:"json",children:text})]});}function Notice({error,onApprove,onDeny,onRetry,status}){if(status==="error"){return/*#__PURE__*/_jsxs("div",{"data-slot":"tool-call-error",...props(styles.notice,styles.noticeError,styles.noticeSlot),children:[/*#__PURE__*/_jsxs("p",{...props(typeRoles.ui,styles.noticeText,styles.errorText),children:[/*#__PURE__*/_jsx(IconAlertCircle,{"aria-hidden":"true",size:16}),error??"The call failed."]}),onRetry?/*#__PURE__*/_jsxs(Button,{onClick:onRetry,size:"sm",variant:"outline",children:[/*#__PURE__*/_jsx(IconRefresh,{"aria-hidden":"true",size:"1em"}),"Retry"]}):null]});}if(status!=="approval"){return null;}return/*#__PURE__*/_jsxs("div",{"data-slot":"tool-call-approval",...props(styles.notice,styles.noticeSlot),children:[/*#__PURE__*/_jsx("p",{...props(typeRoles.ui,styles.noticeText),children:"This call needs your approval to run."}),/*#__PURE__*/_jsxs("div",{...props(styles.noticeActions),children:[onDeny?/*#__PURE__*/_jsx(Button,{onClick:onDeny,size:"sm",variant:"outline",children:"Deny"}):null,onApprove?/*#__PURE__*/_jsx(Button,{onClick:onApprove,size:"sm",children:"Approve"}):null]})]});}// A changed title rises in; a running one shimmers like a thinking step.
+function Title({status,title}){if(!title){return null;}return/*#__PURE__*/_jsx(Rise,{change:title,look:[styles.title,status==="running"&&agentThinkingStyles.stage],children:title});}// The arguments and result, folded away until the reader opens the call.
+function Details({input,output}){if(input===undefined&&output===undefined){return null;}return/*#__PURE__*/_jsx(CollapsiblePanel,{children:/*#__PURE__*/_jsxs("div",{"data-slot":"tool-call-details",...props(styles.panel,styles.details),children:[input===undefined?null:/*#__PURE__*/_jsx(Code,{title:"Arguments",value:input}),output===undefined?null:/*#__PURE__*/_jsx(Code,{title:"Result",value:output})]})});}/**
+ * One tool call as a quiet line: what it does, the tool, how long it took,
+ * and how it went. It opens to the arguments and result; errors and
+ * approvals open on their own, with Retry or Approve and Deny.
+ */export function ToolCall({duration,error,icon,input,name,onApprove,onDeny,onRetry,output,ref:forwardedRef,status,title,...rest}){const elapsed=useElapsed();// null until the reader opens or closes it themselves.
+const[open,setOpen]=useState(null);// Calls that need the person open until they choose otherwise.
+const attention=status==="error"||status==="approval";for(const prop of["className","data-slot","role","style"]){Reflect.deleteProperty(rest,prop);}return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"tool-call","data-status":status,ref:forwardedRef,...props(styles.root),children:/*#__PURE__*/_jsx(MotionScope,{children:/*#__PURE__*/_jsxs(Collapsible,{onOpenChange:setOpen,open:open===null?attention:open,render:/*#__PURE__*/_jsx("div",{...props(styles.clip)}),children:[/*#__PURE__*/_jsxs(CollapsibleTrigger,{render:/*#__PURE__*/_jsx("button",{type:"button",...props(typeRoles.ui,styles.row)}),children:[/*#__PURE__*/_jsx("span",{"aria-hidden":"true",...props(styles.icon),children:icon??/*#__PURE__*/_jsx(IconTool,{size:16})}),/*#__PURE__*/_jsx(Title,{status:status,title:title}),/*#__PURE__*/_jsx("code",{...props(typeRoles.mono,styles.name),children:name}),/*#__PURE__*/_jsx(Pop,{change:status,look:styles.statusSlot,children:/*#__PURE__*/_jsx(Status,{markEnd:elapsed.markEnd,markStart:elapsed.markStart,seconds:duration??elapsed.seconds,status:status})}),/*#__PURE__*/_jsx(IconChevronDown,{"aria-hidden":"true",size:14,...props(styles.chevron)})]}),/*#__PURE__*/_jsx(Details,{input:input,output:output}),/*#__PURE__*/_jsx(Notice,{error:error,onApprove:onApprove,onDeny:onDeny,onRetry:onRetry,status:status})]})})});}

package/dist/components/tool-call/tool-call.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";// Rows bleed into the gutter by their padding, so icons line up with the
+// text around them while the hover fill has room.
+const BLEED=space["2"];export const toolCallStyles={chevron:{kMwMTN:"x125omll",kmuXW:"x2lah0s",k3aq6I:"x14p7gce x1c071of",kIyJzY:"x1e471i8 x115jf8",k1ekBW:"x11xpdln",kAMwcw:"xvhdtae",$$css:true},clip:{kAzted:"x2lwn1j",kVQacm:"x7giv3",$$css:true},details:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"xp4ho6d",k8WAf4:"x391bbb",$$css:true},errorText:{kMwMTN:"x1ytrddi",$$css:true},groupCalls:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x195vfkc",$$css:true},groupFailed:{kMwMTN:"x1ytrddi",$$css:true},groupMeta:{kMwMTN:"x125omll",$$css:true},icon:{kMwMTN:"x125omll",k1xSpc:"x78zum5",kmuXW:"x2lah0s",$$css:true},name:{kMwMTN:"x125omll",kmuXW:"xs83m0k",k7Eaqz:"xeuugli",kVQacm:"xb3r6kr",kg5iWk:"xlyipyv",khDVqt:"xuxw1ft",$$css:true},notice:{kGNEyG:"x6s0dn4",kWkggS:"xu84zt7",kaIpWk:"x1jw0md8",k1xSpc:"x78zum5",kwnvtZ:"x1a02dak",kOIVth:"xp4ho6d",kjj79g:"x1qughib",k8WAf4:"x391bbb",kg3NbH:"xy7odpl",$$css:true},noticeActions:{k1xSpc:"x78zum5",kOIVth:"xp4ho6d",$$css:true},noticeError:{kWkggS:"xyio8l9",$$css:true},noticeSlot:{k1K539:"x1hxt7dh",keoZOQ:"xhumjv5",kUOVxO:"x111xfez",$$css:true},noticeText:{kGNEyG:"x6s0dn4",k1xSpc:"x78zum5",kOIVth:"xp4ho6d",kogj98:"x1ghz6dp",k7Eaqz:"xeuugli",$$css:true},panel:{kg3NbH:"xb5xqfq",$$css:true},root:{k1xSpc:"xrvj5dj",kumcoG:"x1mkdm3x",k9llMU:"x1tu4anv",kUOVxO:"x1tjh6xj",k7Eaqz:"xeuugli",$$css:true},row:{kGNEyG:"x6s0dn4",kysU6D:"xjyslct",kWkggS:"xxsa5ao x12ribo7 xjbqb8w",kaIpWk:"x2b34ud",kMzoRj:"xc342km",kMwMTN:"x14tvo57",kkrTdU:"x1ypdohk",k1xSpc:"x78zum5",kOIVth:"xp4ho6d",kzqmXN:"xh8yej3",kogj98:"x1ghz6dp",kAzted:"xwv0vdp",k7Eaqz:"xeuugli",kjBf7l:"x4dprnk x1uczgqu",kInvED:"x2ssjo2",k3XXqK:"x9v5kkp x1t137rt",kMeerF:"x1vhx2qj",k8WAf4:"x1lmimt7",kg3NbH:"xb5xqfq",k9WMMc:"x1yc453h",$$css:true},status:{kGNEyG:"x6s0dn4",kMwMTN:"x125omll",k1xSpc:"x3nfvp2",kmuXW:"x2lah0s",kOIVth:"x13hh4mm",keTefX:"xvc5jky",khDVqt:"xuxw1ft",$$css:true},statusApproval:{kMwMTN:"xrx6c5w",$$css:true},statusComplete:{kMwMTN:"x11dzyn",$$css:true},statusError:{kMwMTN:"x1ytrddi",$$css:true},statusSlot:{k1xSpc:"x3nfvp2",kmuXW:"x2lah0s",keTefX:"xvc5jky",$$css:true},title:{kmuXW:"x5wqa0o",k7Eaqz:"xeuugli",kVQacm:"xb3r6kr",kg5iWk:"xlyipyv",khDVqt:"xuxw1ft",$$css:true}};

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

@@ -0,0 +1,2 @@
+import{createContext}from"react";// Share layout with composed groups without styling another component's internals.
+export const ToolbarOrientationContext=createContext(null);

package/dist/components/toolbar/toolbar.d.ts

@@ -0,0 +1,37 @@
+import { type ToolbarButtonProps as BaseToolbarButtonProps, type ToolbarGroupProps as BaseToolbarGroupProps, type ToolbarInputProps as BaseToolbarInputProps, type ToolbarLinkProps as BaseToolbarLinkProps, type ToolbarRootProps as BaseToolbarRootProps, type ToolbarSeparatorProps as BaseToolbarSeparatorProps } from "@base-ui/react/toolbar";
+import { type ReactElement, type ReactNode } from "react";
+import type { Closed } from "../../closed";
+import type { ButtonProps } from "../button/button";
+type ClosedProps<T> = Omit<Closed<T>, "data-slot" | "ref" | "render" | "role">;
+type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
+export type ToolbarProps = ClosedProps<BaseToolbarRootProps> & {
+    ref?: BaseToolbarRootProps["ref"];
+};
+export type ToolbarGroupProps = ClosedProps<BaseToolbarGroupProps> & {
+    ref?: BaseToolbarGroupProps["ref"];
+};
+export type ToolbarLinkProps = ClosedProps<BaseToolbarLinkProps> & {
+    ref?: BaseToolbarLinkProps["ref"];
+};
+export type ToolbarSeparatorProps = Omit<Closed<BaseToolbarSeparatorProps>, "data-slot" | "ref" | "render" | "role"> & {
+    ref?: BaseToolbarSeparatorProps["ref"];
+};
+type ToolbarButtonBaseProps = Omit<Closed<BaseToolbarButtonProps>, "children" | "data-slot" | "ref" | "render"> & {
+    children?: ReactNode;
+    ref?: BaseToolbarButtonProps["ref"];
+};
+export type ToolbarButtonProps = ToolbarButtonBaseProps & ((DistributiveOmit<ButtonProps, "children" | "nativeButton" | "ref" | "render"> & {
+    render?: never;
+}) | {
+    render: ReactElement;
+});
+export declare function Toolbar({ children, orientation, ref: forwardedRef, ...rest }: ToolbarProps): import("react").JSX.Element;
+export declare function ToolbarButton(toolbarButtonProps: ToolbarButtonProps): import("react").JSX.Element;
+export declare function ToolbarGroup({ children, ref: forwardedRef, ...rest }: ToolbarGroupProps): import("react").JSX.Element;
+export declare function ToolbarLink({ children, ref: forwardedRef, ...rest }: ToolbarLinkProps): import("react").JSX.Element;
+export declare function ToolbarSeparator({ orientation, ref: forwardedRef, ...rest }: ToolbarSeparatorProps): import("react").JSX.Element;
+export type ToolbarInputProps = ClosedProps<BaseToolbarInputProps> & {
+    ref?: BaseToolbarInputProps["ref"];
+};
+export declare function ToolbarInput({ ref, size, ...rest }: ToolbarInputProps): import("react").JSX.Element;
+export {};

package/dist/components/toolbar/toolbar.js

@@ -0,0 +1 @@
+"use client";import{Toolbar as BaseToolbar}from"@base-ui/react/toolbar";import{props}from"@stylexjs/stylex";import{useContext}from"react";import{controlLabel}from"../../control-label";import{protectRenderSlot}from"../../render-utils";import{Button}from"../button/button";import{Input}from"../input/input";import{toolbarStyles}from"./toolbar.styles";import{ToolbarOrientationContext}from"./toolbar-context";import{jsx as _jsx}from"react/jsx-runtime";function stripStyleProps(target){Reflect.deleteProperty(target,"className");Reflect.deleteProperty(target,"data-slot");Reflect.deleteProperty(target,"style");return target;}function stripClosedProps(target){const safe=stripStyleProps(target);Reflect.deleteProperty(safe,"render");Reflect.deleteProperty(safe,"role");return safe;}export function Toolbar({children,orientation="horizontal",ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx(ToolbarOrientationContext,{value:orientation,children:/*#__PURE__*/_jsx(BaseToolbar.Root,{...stripClosedProps(rest),"data-slot":"toolbar",orientation:orientation,ref:forwardedRef,...props(toolbarStyles.root,orientation==="horizontal"?toolbarStyles.horizontal:toolbarStyles.vertical),children:children})});}export function ToolbarButton(toolbarButtonProps){const{children,ref:forwardedRef,render,...rest}=toolbarButtonProps;const safeProps=stripStyleProps(rest);if(toolbarButtonProps.render){return/*#__PURE__*/_jsx(BaseToolbar.Button,{...safeProps,"data-slot":"toolbar-button",ref:forwardedRef,render:protectRenderSlot("toolbar-button",render),children:children});}const defaultButtonProps=toolbarButtonProps;const{loading,size,variant,...buttonProps}=defaultButtonProps;const buttonRenderProps={"aria-label":defaultButtonProps["aria-label"],"aria-labelledby":defaultButtonProps["aria-labelledby"],focusableWhenDisabled:defaultButtonProps.focusableWhenDisabled??true,loading,size:size??"default",variant:variant??"ghost"};return/*#__PURE__*/_jsx(BaseToolbar.Button,{...stripStyleProps(buttonProps),"data-slot":"toolbar-button",ref:forwardedRef,render:/*#__PURE__*/_jsx(Button,{...buttonRenderProps}),children:children});}export function ToolbarGroup({children,ref:forwardedRef,...rest}){const orientation=useContext(ToolbarOrientationContext);return/*#__PURE__*/_jsx(BaseToolbar.Group,{...stripClosedProps(rest),"data-slot":"toolbar-group",ref:forwardedRef,...props(toolbarStyles.group,orientation==="vertical"&&toolbarStyles.vertical),children:children});}export function ToolbarLink({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx(BaseToolbar.Link,{...stripClosedProps(rest),"data-slot":"toolbar-link",ref:forwardedRef,...props(toolbarStyles.link),children:controlLabel(children)});}export function ToolbarSeparator({orientation,ref:forwardedRef,...rest}){const toolbarOrientation=useContext(ToolbarOrientationContext);const resolvedOrientation=orientation??(toolbarOrientation==="horizontal"?"vertical":"horizontal");return/*#__PURE__*/_jsx(BaseToolbar.Separator,{...stripClosedProps(rest),"data-slot":"toolbar-separator",orientation:resolvedOrientation,ref:forwardedRef,...props(toolbarStyles.separator)});}export function ToolbarInput({ref,size,...rest}){return/*#__PURE__*/_jsx(BaseToolbar.Input,{...stripClosedProps(rest),"data-slot":"toolbar-input",ref:ref,render:/*#__PURE__*/_jsx(Input,{render:/*#__PURE__*/_jsx("input",{size:size})})});}

package/dist/components/toolbar/toolbar.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}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";const focusClearance=`calc(${borderWidth.focus}px + ${focus.offset})`;export const toolbarStyles={group:{kGNEyG:"x6s0dn4",k1xSpc:"x3nfvp2",kmuXW:"x2lah0s",kOIVth:"x13hh4mm",k7Eaqz:"xeuugli",$$css:true},horizontal:{kXwgrk:"x1q0g3np",$$css:true},link:{kGNEyG:"x6s0dn4",k44tkh:"x1iha7go",kKVMdj:"x1b5t0b2",kWkggS:"xxsa5ao xjbqb8w",kaIpWk:"x2b34ud",kB7OPa:"x9f619",kMwMTN:"x14tvo57",k1xSpc:"x3nfvp2",kmuXW:"x2lah0s",kGuDYH:"x12ama9c",k63SB2:"x1lo1l87",kOIVth:"xp4ho6d",kjj79g:"xl56j7k",kLWn49:"x1wrb330",kAzted:"x1atkrcx",kI3sdo:"x1a2a7pz",kjBf7l:"x4dprnk x1uczgqu",kInvED:"x1w1ofmy",k3XXqK:"xaatb59",kMeerF:"xm9seqh x1k57tk5",k8WAf4:"x1lmimt7",kg3NbH:"xy7odpl",kybGjl:"x1a2ycjq x1hl2dhg",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"x2ur4fe",kAMwcw:"xvhdtae",$$css:true},root:{kGNEyG:"x6s0dn4",kWkggS:"xwn18cz",kVAM5u:"x155xxfk",kaIpWk:"x1yl01a3",ksu8eU:"x1y0btm7",kMzoRj:"x1cdonsl",kGVxlE:"x10ilepr",kB7OPa:"x9f619",k1xSpc:"x3nfvp2",kOIVth:"x13hh4mm",ks0D6T:"x193iq5w",k7Eaqz:"xeuugli",kXHlph:"xw2csxc",k8WAf4:"xzvoi89",kg3NbH:"x1ya0gd1",katHQp:"x1g2bcle",kzqmXN:"xeq5yr9",$$css:true},separator:{kSGwAc:"xkh2ocl",kWkggS:"xcmsz27",kUk6DE:"x1okw0bk",kZKoxP:"x4b60e8 xt7dq6l",kqGvvJ:"xb6xffi xaoelkr",kUOVxO:"x1hzpl33 xrxpjvj",kAzted:"x7rsyex x1ugo8ev",kzqmXN:"xa0fj64 x4fsdvg",$$css:true},vertical:{kXwgrk:"xdt5ytf",$$css:true}};

package/dist/components/tooltip/tooltip.d.ts

@@ -0,0 +1,25 @@
+import { Tooltip as BaseTooltip, type TooltipPopupProps as BaseTooltipPopupProps, type TooltipPortalProps as BaseTooltipPortalProps, type TooltipPositionerProps as BaseTooltipPositionerProps, type TooltipProviderProps as BaseTooltipProviderProps, type TooltipRootProps as BaseTooltipRootProps, type TooltipTriggerProps as BaseTooltipTriggerProps } from "@base-ui/react/tooltip";
+import type { ComponentPropsWithRef } from "react";
+import type { Closed } from "../../closed";
+type TooltipTriggerRef = ComponentPropsWithRef<typeof BaseTooltip.Trigger>["ref"];
+type TooltipPopupRef = ComponentPropsWithRef<typeof BaseTooltip.Popup>["ref"];
+export type TooltipProps<Payload = unknown> = Closed<BaseTooltipRootProps<Payload>>;
+export type TooltipProviderProps = Closed<BaseTooltipProviderProps>;
+export type TooltipTriggerProps<Payload = unknown> = Closed<Omit<BaseTooltipTriggerProps<Payload>, "ref"> & {
+    ref?: TooltipTriggerRef;
+}>;
+export type TooltipPopupProps = Closed<Omit<BaseTooltipPopupProps, "ref"> & {
+    align?: BaseTooltipPositionerProps["align"];
+    anchor?: BaseTooltipPositionerProps["anchor"];
+    portalProps?: Closed<BaseTooltipPortalProps>;
+    ref?: TooltipPopupRef;
+    side?: BaseTooltipPositionerProps["side"];
+    sideOffset?: BaseTooltipPositionerProps["sideOffset"];
+}>;
+export declare const TooltipCreateHandle: typeof BaseTooltip.createHandle;
+export declare const Tooltip: <Payload>(props: BaseTooltip.Root.Props<Payload>) => React.JSX.Element;
+export declare const TooltipPrimitive: typeof BaseTooltip;
+export declare const TooltipProvider: import("react").FC<BaseTooltipProviderProps>;
+export declare function TooltipTrigger<Payload = unknown>({ ref: forwardedRef, render, type, ...rest }: TooltipTriggerProps<Payload>): import("react").JSX.Element;
+export declare function TooltipPopup({ align, anchor, children, render, portalProps, ref: forwardedRef, side, sideOffset, ...rest }: TooltipPopupProps): import("react").JSX.Element;
+export {};

package/dist/components/tooltip/tooltip.js

@@ -0,0 +1 @@
+"use client";import{Tooltip as BaseTooltip}from"@base-ui/react/tooltip";import{props}from"@stylexjs/stylex";import{protectRenderSlot}from"../../render-utils";import{tooltipStyles}from"./tooltip.styles";import{jsx as _jsx}from"react/jsx-runtime";export const TooltipCreateHandle=BaseTooltip.createHandle;export const Tooltip=BaseTooltip.Root;export const TooltipPrimitive=BaseTooltip;export const TooltipProvider=BaseTooltip.Provider;export function TooltipTrigger({ref:forwardedRef=undefined,render,type,...rest}){return/*#__PURE__*/_jsx(BaseTooltip.Trigger,{...rest,"data-slot":"tooltip-trigger",ref:forwardedRef,render:protectRenderSlot("tooltip-trigger",render),type:render?type:type??"button"});}export function TooltipPopup({align="center",anchor,children,render,portalProps,ref:forwardedRef=undefined,side="top",sideOffset=4,...rest}){return/*#__PURE__*/_jsx(BaseTooltip.Portal,{...portalProps,children:/*#__PURE__*/_jsx(BaseTooltip.Positioner,{align:align,anchor:anchor,"data-slot":"tooltip-positioner",side:side,sideOffset:sideOffset,...props(tooltipStyles.positioner),children:/*#__PURE__*/_jsx(BaseTooltip.Popup,{...rest,"data-slot":"tooltip-popup",ref:forwardedRef,render:protectRenderSlot("tooltip-popup",render),...props(tooltipStyles.popup),children:/*#__PURE__*/_jsx(BaseTooltip.Viewport,{"data-slot":"tooltip-viewport",...props(tooltipStyles.viewport,tooltipStyles.viewportContent),children:children})})})});}

package/dist/components/tooltip/tooltip.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}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 tooltipStyles={popup:{kWkggS:"xui3q9s",kVAM5u:"x1l55r2k x155xxfk",kaIpWk:"x2b34ud",ksu8eU:"x1y0btm7",kMzoRj:"x1cdonsl",kGVxlE:"x1mhlhek",kB7OPa:"x9f619",kMwMTN:"x14tvo57",k1xSpc:"x78zum5",kGuDYH:"x1ws78te",k63SB2:"x1lo1l87",kZKoxP:"x13f4qkn",kLWn49:"x76y1r9",ks0D6T:"xmmhyps",kSiTet:"xiyypsa x1hw7zpd x1hc1fzr",kHjlTd:"xj0a0fe",kVAEAm:"x1n2onr6",kN2L0X:"x1fzhlzt",k3aq6I:"x2bnnpm x1n9vljb x1c071of",k3nNDw:"xctpfpq",kIyJzY:"x1e471i8 xmhz0v7 x1j5v3x2",k1ekBW:"x1shgudx",kAMwcw:"xvhdtae",kzqmXN:"x1dk3ku4",$$css:true},positioner:{kZKoxP:"xm56wjt",ks0D6T:"xtuccea",kIyJzY:"x1e471i8 xmhz0v7 x1j5v3x2",k1ekBW:"x1f0ettp",kAMwcw:"xvhdtae",kzqmXN:"xluuen9",kY2c9j:"xa9119d",$$css:true},viewport:{kB7OPa:"x9f619",kZKoxP:"x5yr21d",kVQacm:"x7giv3",k8WAf4:"x1lmimt7",kg3NbH:"xy7odpl",kVAEAm:"x1n2onr6",kzqmXN:"xh8yej3",$$css:true},viewportContent:{kSiTet:"x1kcga6d xcyctcy",kIyJzY:"x14l6qqt x1lqdi8m x15mdbuw",k1ekBW:"x1blx4e1",kzqmXN:"x1nhy9d9",$$css:true}};

package/dist/components/tree/tree.d.ts

@@ -0,0 +1,31 @@
+import type { ComponentPropsWithRef, ReactNode } from "react";
+import type { Closed } from "../../closed";
+export interface TreeItemData {
+    readonly children?: readonly TreeItemData[];
+    readonly disabled?: boolean;
+    /** Shown in place of `icon` while the item is expanded, such as an open folder. */
+    readonly expandedIcon?: ReactNode;
+    /** A 16px glyph before the label, such as a file type. */
+    readonly icon?: ReactNode;
+    readonly id: string;
+    readonly label: string;
+}
+type TreeAccessibleName = {
+    "aria-label": string;
+    "aria-labelledby"?: never;
+} | {
+    "aria-label"?: never;
+    "aria-labelledby": string;
+};
+export type TreeProps = Omit<Closed<ComponentPropsWithRef<"ul">>, "aria-label" | "aria-labelledby" | "aria-activedescendant" | "children" | "dangerouslySetInnerHTML" | "aria-selected" | "aria-multiselectable" | "data-slot" | "role" | "tabIndex"> & TreeAccessibleName & {
+    defaultExpandedItems?: readonly string[];
+    defaultSelectedItemId?: string | null;
+    expandedItems?: readonly string[];
+    items: readonly TreeItemData[];
+    onExpandedItemsChange?: (expandedItems: readonly string[]) => void;
+    onItemActivate?: (item: TreeItemData) => void;
+    onSelectedItemIdChange?: (selectedItemId: string | null) => void;
+    selectedItemId?: string | null;
+};
+export declare function Tree(treeProps: TreeProps): import("react").JSX.Element;
+export {};

package/dist/components/tree/tree.js

@@ -0,0 +1,5 @@
+"use client";import{props}from"@stylexjs/stylex";import{useCallback,useId,useMemo,useRef,useState}from"react";import{IconChevronRight}from"../../icons";import{omitProps}from"../../render-utils";import{typeRoles,typographyStyles}from"../../styles/typography.styles";import{treeStyles}from"./tree.styles";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const TYPEAHEAD_RESET_MS=600;function flattenItems(items,level=1,parentId){const nodes=[];items.forEach((source,index)=>{nodes.push(createNode(source,level,index+1,items.length,parentId));if(source.children?.length){nodes.push(...flattenItems(source.children,level+1,source.id));}});return nodes;}// Tree owns these attributes; callers can't override them.
+const PROTECTED_PROPS=["aria-activedescendant","aria-selected","aria-multiselectable","dangerouslySetInnerHTML","className","data-slot","role","style","tabIndex"];function validateSelectedItemId(id){if(id!==null&&id!==undefined&&(typeof id!=="string"||!id.trim())){throw new TypeError("Tree selected item IDs must be non-empty strings or null.");}}function findCurrentActiveId(activeId,visibleIds,nodesById,visibleItems){let currentId=activeId;while(currentId&&!visibleIds.has(currentId)){currentId=nodesById.get(currentId)?.parentId;}return currentId??visibleItems[0]?.id;}function getSelectedItemId(enabled,requestedId,nodesById){return enabled&&requestedId&&nodesById.has(requestedId)?requestedId:undefined;}function getAriaSelected(context,node){return context.selectionEnabled?context.selectedItemId===node.id:undefined;}function assertTreeName(label,labelledBy){if(!(label?.trim()||labelledBy?.trim())){throw new TypeError("Tree requires a non-empty aria-label or aria-labelledby.");}}function validateItems(nodes){const ids=new Set();for(const node of nodes){if(!node.id.trim()||ids.has(node.id)){throw new Error(`Tree item IDs must be unique and non-empty: "${node.id}".`);}if(!node.label.trim()){throw new Error(`Tree item labels must not be empty: "${node.id}".`);}ids.add(node.id);}}function getVisibleItems(items,expanded,level=1,parentId){const nodes=[];items.forEach((source,index)=>{const hasChildren=(source.children?.length??0)>0;nodes.push(createNode(source,level,index+1,items.length,parentId));if(hasChildren&&expanded.has(source.id)){nodes.push(...getVisibleItems(source.children??[],expanded,level+1,source.id));}});return nodes;}function getKeyAction(key,isRtl){const actions={" ":"activate",ArrowDown:"next",ArrowUp:"previous",End:"last",Enter:"activate",Home:"first"};if(key==="ArrowLeft"||key==="ArrowRight"){return key===(isRtl?"ArrowLeft":"ArrowRight")?"expand":"collapse";}return actions[key]??null;}function getTypeaheadMatch(nodes,activeId,query){const activeIndex=nodes.findIndex(node=>node.id===activeId);const start=activeIndex<0?0:activeIndex+1;const ordered=[...nodes.slice(start),...nodes.slice(0,start)];const normalizedQuery=query.toLocaleLowerCase();return ordered.find(node=>node.label.toLocaleLowerCase().startsWith(normalizedQuery));}function createNode(source,level,position,setSize,parentId){return{disabled:source.disabled??false,hasChildren:(source.children?.length??0)>0,id:source.id,label:source.label,level,parentId,position,setSize,source};}function renderExpandedChildren(node,context,isExpanded){return node.hasChildren&&isExpanded?renderTreeGroup(node.source.children??[],node,context):null;}function TreeNode({context,domId,node}){const isExpanded=context.expandedItems.has(node.id);const isActive=context.focused&&context.activeId===node.id;const ariaSelected=getAriaSelected(context,node);return(/*#__PURE__*/// biome-ignore lint/a11y/useFocusableInteractive: The tree root owns DOM focus through aria-activedescendant.
+_jsxs("li",{"aria-disabled":node.disabled||undefined,"aria-expanded":node.hasChildren?isExpanded:undefined,"aria-labelledby":`${domId}-label`,"aria-level":node.level,"aria-posinset":node.position,"aria-selected":ariaSelected,"aria-setsize":node.setSize,"data-slot":"tree-item","data-tree-item-id":node.id,id:domId,role:"treeitem",...props(treeStyles.item),children:[/*#__PURE__*/_jsxs("div",{"data-active":isActive||undefined,"data-disabled":node.disabled||undefined,"data-selected":ariaSelected||undefined,"data-slot":"tree-item-row",...props(treeStyles.row),children:[node.hasChildren?/*#__PURE__*/_jsx("span",{"aria-hidden":"true","data-expanded":isExpanded||undefined,"data-slot":"tree-item-indicator",...props(treeStyles.indicator),children:/*#__PURE__*/_jsx(IconChevronRight,{"aria-hidden":"true",size:"1em",...props(treeStyles.chevronIcon)})}):null,/*#__PURE__*/_jsx(ItemIcon,{expanded:isExpanded,source:node.source}),/*#__PURE__*/_jsx("span",{"data-slot":"tree-item-label",id:`${domId}-label`,...props(treeStyles.label,typographyStyles.controlLabel),children:node.label})]}),renderExpandedChildren(node,context,isExpanded)]}));}function renderTreeGroup(children,parent,context){return(/*#__PURE__*/// biome-ignore lint/a11y/useSemanticElements: Tree groups require role=group for the ARIA tree pattern.
+_jsx("ul",{"data-slot":"tree-group",role:"group",...props(treeStyles.group),children:children.map((child,index)=>/*#__PURE__*/_jsx(TreeNode,{context:context,domId:context.getDomId(child.id),node:createNode(child,parent.level+1,index+1,children.length,parent.id)},child.id))}));}function ItemIcon({expanded,source}){const icon=expanded&&source.expandedIcon||source.icon;return icon?/*#__PURE__*/_jsx("span",{"aria-hidden":"true","data-slot":"tree-item-icon",...props(treeStyles.icon),children:icon}):null;}function renderRootNodes(items,getDomId,context){return items.map((item,index)=>/*#__PURE__*/_jsx(TreeNode,{context:context,domId:getDomId(item.id),node:createNode(item,1,index+1,items.length)},item.id));}function moveActive(nodes,activeNode,amount,setActive){const index=nodes.indexOf(activeNode);const next=nodes[index+amount];if(next){setActive(next.id);}}function expandActive(node,nodes,expanded,toggle,setActive){if(!node.hasChildren||node.disabled){return;}if(!expanded.has(node.id)){toggle(node.id);return;}const child=nodes.find(candidate=>candidate.parentId===node.id);if(child){setActive(child.id);}}function collapseActive(node,expanded,toggle,setActive){if(node.hasChildren&&expanded.has(node.id)&&!node.disabled){toggle(node.id);return;}if(node.parentId){setActive(node.parentId);}}function selectTreeItem(item,selectedItemId,isControlled,setInternalSelected,onSelectedItemIdChange){if(selectedItemId===item.id){return;}if(!isControlled){setInternalSelected(item.id);}onSelectedItemIdChange?.(item.id);}function activateTreeItem(node,toggle,onActivate,selection){if(node.disabled){return;}if(selection){selectTreeItem(node.source,selection.selectedItemId,selection.isControlled,selection.setInternalSelected,selection.onSelectedItemIdChange);// A folder opens or closes as it is selected, like a file explorer.
+if(node.hasChildren){toggle(node.id);}else{onActivate?.(node.source);}return;}if(node.hasChildren){toggle(node.id);}else{onActivate?.(node.source);}}function performAction(action,nodes,activeNode,expanded,setActive,toggle,onActivate,selection){switch(action){case"next":moveActive(nodes,activeNode,1,setActive);break;case"previous":moveActive(nodes,activeNode,-1,setActive);break;case"first":setActive(nodes[0].id);break;case"last":setActive(nodes.at(-1)?.id??activeNode.id);break;case"expand":expandActive(activeNode,nodes,expanded,toggle,setActive);break;case"collapse":collapseActive(activeNode,expanded,toggle,setActive);break;case"activate":activateTreeItem(activeNode,toggle,onActivate,selection);break;default:return;}}function activateClickedItem(event,nodesById,setActive,toggle,onActivate,selection){if(event.defaultPrevented||!(event.target instanceof Element)){return;}const element=event.target.closest("[data-tree-item-id]");if(!(element&&event.currentTarget.contains(element))){return;}const node=nodesById.get(element.dataset.treeItemId??"");if(!node){return;}setActive(node.id);event.currentTarget.focus();const indicator=event.target.closest('[data-slot="tree-item-indicator"]');if(indicator&&node.hasChildren&&!node.disabled){toggle(node.id);return;}activateTreeItem(node,toggle,onActivate,selection);}function isTypeaheadKey(event){return Array.from(event.key).length===1&&!event.altKey&&!event.ctrlKey&&!event.metaKey;}function handleTypeahead(event,nodes,activeId,state,setActive){if(!isTypeaheadKey(event)){return;}const now=Date.now();const key=event.key.toLocaleLowerCase();const query=now-state.current.time<TYPEAHEAD_RESET_MS?state.current.query:"";state.current.query=[...query].every(character=>character===key)?key:query+key;state.current.time=now;const match=getTypeaheadMatch(nodes,activeId,state.current.query);if(match){event.preventDefault();setActive(match.id);}}function handleTreeKeyDown(event,params){const action=getKeyAction(event.key,getComputedStyle(event.currentTarget).direction==="rtl");if(action){event.preventDefault();performAction(action,params.nodes,params.active,params.expanded,params.setActive,params.toggle,params.onActivate,params.selection);return;}handleTypeahead(event,params.nodes,params.active.id,params.state,params.setActive);}export function Tree(treeProps){const{"aria-label":ariaLabel,"aria-labelledby":ariaLabelledBy,defaultExpandedItems=[],defaultSelectedItemId,expandedItems,items,onExpandedItemsChange,onItemActivate,onSelectedItemIdChange,selectedItemId,onBlur,onClick,onFocus,onKeyDown,ref:forwardedRef,...rest}=treeProps;const nativeProps=omitProps(rest,PROTECTED_PROPS);const selectionEnabled=selectedItemId!==undefined||defaultSelectedItemId!==undefined||onSelectedItemIdChange!==undefined;assertTreeName(ariaLabel,ariaLabelledBy);const reactId=useId();const[internalExpanded,setInternalExpanded]=useState(()=>new Set(defaultExpandedItems));const[internalSelectedItemId,setInternalSelectedItemId]=useState(()=>defaultSelectedItemId??null);const isSelectionControlled=selectedItemId!==undefined;const requestedSelectedItemId=selectedItemId===undefined?internalSelectedItemId:selectedItemId;const[activeId,setActiveId]=useState(items[0]?.id);const[focused,setFocused]=useState(false);const typeahead=useRef({query:"",time:0});const isControlled=expandedItems!==undefined;const expanded=useMemo(()=>new Set(expandedItems??internalExpanded),[expandedItems,internalExpanded]);const visibleItems=useMemo(()=>getVisibleItems(items,expanded),[expanded,items]);const allItems=useMemo(()=>{const nodes=flattenItems(items);validateItems(nodes);return nodes;},[items]);const nodesById=useMemo(()=>new Map(allItems.map(node=>[node.id,node])),[allItems]);const visibleIds=useMemo(()=>new Set(visibleItems.map(node=>node.id)),[visibleItems]);const currentActiveId=findCurrentActiveId(activeId,visibleIds,nodesById,visibleItems);validateSelectedItemId(requestedSelectedItemId);const currentSelectedItemId=getSelectedItemId(selectionEnabled,requestedSelectedItemId,nodesById);const selection=useMemo(()=>selectionEnabled?{isControlled:isSelectionControlled,onSelectedItemIdChange,selectedItemId:currentSelectedItemId,setInternalSelected:setInternalSelectedItemId}:undefined,[currentSelectedItemId,isSelectionControlled,onSelectedItemIdChange,selectionEnabled]);const domIdByItemId=useMemo(()=>new Map(allItems.map((node,index)=>[node.id,`${reactId}-item-${index}`])),[allItems,reactId]);const getDomId=useCallback(id=>domIdByItemId.get(id)??"",[domIdByItemId]);const setActiveAndScroll=useCallback(id=>{setActiveId(id);document.querySelector(`#${CSS.escape(getDomId(id))}`)?.querySelector('[data-slot="tree-item-row"]')?.scrollIntoView?.({block:"nearest",inline:"nearest"});},[getDomId]);const toggleExpanded=useCallback(id=>{const next=new Set(expanded);if(next.has(id)){next.delete(id);}else{next.add(id);}if(!isControlled){setInternalExpanded(next);}onExpandedItemsChange?.([...next]);},[expanded,isControlled,onExpandedItemsChange]);const handleKeyDown=useCallback(event=>{onKeyDown?.(event);if(event.defaultPrevented){return;}if(visibleItems.length===0){return;}const active=visibleItems.find(node=>node.id===currentActiveId)??visibleItems[0];handleTreeKeyDown(event,{active,expanded,nodes:visibleItems,onActivate:onItemActivate,selection,setActive:setActiveAndScroll,state:typeahead,toggle:toggleExpanded});},[currentActiveId,expanded,selection,visibleItems,setActiveAndScroll,onItemActivate,onKeyDown,toggleExpanded]);const handleClick=useCallback(event=>{onClick?.(event);activateClickedItem(event,nodesById,setActiveId,toggleExpanded,onItemActivate,selection);},[nodesById,onClick,onItemActivate,selection,toggleExpanded]);const handleFocus=useCallback(event=>{onFocus?.(event);setFocused(true);},[onFocus]);const handleBlur=useCallback(event=>{onBlur?.(event);setFocused(false);},[onBlur]);const treeContext=useMemo(()=>({activeId:currentActiveId,expandedItems:expanded,focused,getDomId,selectedItemId:currentSelectedItemId,selectionEnabled}),[currentActiveId,currentSelectedItemId,expanded,focused,getDomId,selectionEnabled]);const rootProps={...nativeProps,"aria-activedescendant":currentActiveId?getDomId(currentActiveId):undefined,"aria-label":ariaLabel,"aria-labelledby":ariaLabelledBy,"data-slot":"tree",onBlur:handleBlur,onClick:handleClick,onFocus:handleFocus,onKeyDown:handleKeyDown,ref:forwardedRef,role:"tree",tabIndex:0};return/*#__PURE__*/_jsx("ul",{...rootProps,...props(treeStyles.root,typeRoles.ui),children:renderRootNodes(items,getDomId,treeContext)});}

package/dist/components/tree/tree.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,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{fontWeight,lineHeight}from"../../styles/typography.stylex";// Rows are 32px. The chevron sits 8px in, so its center is 16px from the
+// row edge; each group draws its guide there and steps children 24px in.
+const GUIDE_INSET="calc(1rem - 0.5px)";export const treeStyles={chevronIcon:{kZKoxP:"x1l36t39",kzqmXN:"xcdlrvm",k4XH5M:"x1lpqzk3 x1gcftaf",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"x1s3hfkw",kAMwcw:"xvhdtae",$$css:true},group:{kGJrpR:"x1uo4xkn",kVhnKS:"x1t7ytsu",k2ei4v:"x7rxzx0",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x70wzam",kH6xsr:"x3ct3a4",kqGvvJ:"x10im51j",keoZOQ:"x1h6p46t",keTefX:"x1fsge1d",k7Eaqz:"xeuugli",k8WAf4:"xt970qd",kZCmMZ:"xj8mv00",$$css:true},icon:{kGNEyG:"x6s0dn4",kZKoxP:"x1l36t39",kMwMTN:"x15gz3e2 x125omll",k1xSpc:"x3nfvp2",kmuXW:"x2lah0s",kzqmXN:"xcdlrvm",kjj79g:"xl56j7k",$$css:true},indicator:{kGNEyG:"x6s0dn4",kZKoxP:"x1l36t39",kMwMTN:"x125omll",k1xSpc:"x3nfvp2",kmuXW:"x2lah0s",kzqmXN:"xcdlrvm",kjj79g:"xl56j7k",k3aq6I:"x19axjrm x1c071of",$$css:true},item:{kH6xsr:"x3ct3a4",k7Eaqz:"xeuugli",$$css:true},label:{k63SB2:"x5dtlfw x1lo1l87",k7Eaqz:"xeuugli",kHjlTd:"xj0a0fe",$$css:true},root:{k44tkh:"x1iha7go",kKVMdj:"x1b5t0b2",kB7OPa:"x9f619",kMwMTN:"x14tvo57",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x70wzam",kzqmXN:"xh8yej3",kH6xsr:"x3ct3a4",kogj98:"x1ghz6dp",k7Eaqz:"xeuugli",kjBf7l:"x12acm8b",kInvED:"x1w1ofmy",k3XXqK:"x9v5kkp x1t137rt",kMeerF:"x1vhx2qj",kZCmMZ:"x1c1uobl",$$css:true},row:{kGNEyG:"x6s0dn4",kWkggS:"x10jeuua x1e8hmvo xjbqb8w",kaIpWk:"x2b34ud",kB7OPa:"x9f619",kMwMTN:"xlmzw11 x14tvo57",kkrTdU:"x5ezrf1 x1ypdohk",k1xSpc:"x78zum5",kOIVth:"xp4ho6d",kAzted:"x1in32aq",k7Eaqz:"xeuugli",kSiTet:"xw5vkoa x1hc1fzr",kjBf7l:"x12acm8b",kInvED:"x1g40iwv",k3XXqK:"x1qal6ny x1t137rt",kMeerF:"x1qgsegg",kHjlTd:"xj0a0fe",k8WAf4:"xz8rb64",kg3NbH:"xb5xqfq",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"xs2xxs2",$$css:true}};

package/dist/components/visually-hidden/visually-hidden.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentPropsWithRef, ReactNode } from "react";
+import type { Closed } from "../../closed";
+export type VisuallyHiddenProps = Omit<Closed<ComponentPropsWithRef<"span">>, "aria-hidden" | "children" | "data-slot" | "role"> & {
+    children: ReactNode;
+};
+export declare function VisuallyHidden({ children, ref: forwardedRef, ...rest }: VisuallyHiddenProps): import("react").JSX.Element;

package/dist/components/visually-hidden/visually-hidden.js

@@ -0,0 +1 @@
+import{props}from"@stylexjs/stylex";import{visuallyHiddenStyles}from"./visually-hidden.styles";import{jsx as _jsx}from"react/jsx-runtime";export function VisuallyHidden({children,ref:forwardedRef,...rest}){for(const name of["aria-hidden","className","data-slot","role","style"]){Reflect.deleteProperty(rest,name);}return/*#__PURE__*/_jsx("span",{...rest,"data-slot":"visually-hidden",ref:forwardedRef,...props(visuallyHiddenStyles.root),children:children});}

package/dist/components/visually-hidden/visually-hidden.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";export const visuallyHiddenStyles={root:{kMzoRj:"xc342km",kz4h6p:"x1hyvwdk",kZKoxP:"xjm9jq1",kogj98:"xkdpibf",kVQacm:"xb3r6kr",kmVPX3:"x1717udv",kVAEAm:"x10l6tqk",khDVqt:"xuxw1ft",kzqmXN:"x1i1rx1s",$$css:true}};

package/dist/control-label.js

@@ -0,0 +1,3 @@
+import{props}from"@stylexjs/stylex";import{Children,cloneElement,Fragment,isValidElement}from"react";import{typographyStyles}from"./styles/typography.styles";// Trim text, not the flex container: icons keep their own centered geometry.
+// Adjacent text joins one span so `Archive ({count})` stays a single flex item.
+import{jsx as _jsx}from"react/jsx-runtime";export function controlLabel(children){const output=[];let text="";const flushText=()=>{if(text){output.push(/*#__PURE__*/_jsx("span",{...props(typographyStyles.controlLabel),children:text},`text-${output.length}`));text="";}};for(const child of Children.toArray(children)){if(typeof child==="string"||typeof child==="number"){text+=child;continue;}flushText();if(isValidElement(child)&&child.type===Fragment){output.push(cloneElement(child,{children:controlLabel(child.props.children)}));}else{output.push(child);}}flushText();return output.length>0?output:null;}

package/dist/copy-button.js

@@ -0,0 +1 @@
+"use client";import{props}from"@stylexjs/stylex";import{useCallback}from"react";import{Button}from"./components/button/button";import{visuallyHiddenStyles}from"./components/visually-hidden/visually-hidden.styles";import{IconCheck,IconCopy}from"./icons";import{useCopyToClipboard}from"./use-copy-to-clipboard";/** Copies text, then shows a check and announces the result. */import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";export function CopyButton({label,text}){const{copy,status}=useCopyToClipboard();const copyText=useCallback(()=>copy(text),[copy,text]);const Icon=status==="copied"?IconCheck:IconCopy;return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Button,{"aria-label":label,onClick:copyText,size:"icon-xs",variant:"ghost",children:/*#__PURE__*/_jsx(Icon,{"aria-hidden":"true",size:"1em"})}),/*#__PURE__*/_jsxs("span",{"aria-live":"polite",role:"status",...props(visuallyHiddenStyles.root),children:[status==="copied"?"Copied":null,status==="failed"?"Could not copy. Select the text to copy it.":null]})]});}

package/dist/form.d.ts

@@ -0,0 +1,2 @@
+export { useForm } from "@tanstack/react-form";
+export declare function focusFirstInvalidControl(form: HTMLFormElement | null | undefined): boolean;

package/dist/form.js

@@ -0,0 +1,2 @@
+// biome-ignore lint/performance/noBarrelFile: Subpath entrypoint re-exports TanStack useForm and provides focus helper.
+export{useForm}from"@tanstack/react-form";function isElementDisabled(element){if(element.hasAttribute("disabled")){return true;}if("disabled"in element&&element.disabled===true){return true;}if(element.getAttribute("aria-disabled")==="true"){return true;}if(element.closest("fieldset[disabled]")!==null){return true;}return false;}export function focusFirstInvalidControl(form){if(!form){return false;}const candidates=form.querySelectorAll('[aria-invalid="true"]');for(const candidate of candidates){if(isElementDisabled(candidate)){continue;}if(typeof candidate.focus==="function"){candidate.focus();if(candidate.ownerDocument.activeElement===candidate){return true;}}}return false;}

package/dist/icon-masks.stylex.js

@@ -0,0 +1,3 @@
+import{defineConsts}from"@stylexjs/stylex";// CSS-only glyphs for native controls that cannot render an icon component.
+// Each mirrors the matching export in icons.ts; swap both with the pack.
+export const iconMasks={x:"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6l-12 12'/%3E%3Cpath d='M6 6l12 12'/%3E%3C/svg%3E\")"};

package/dist/icons.js

@@ -0,0 +1,5 @@
+// Default glyphs from Tabler, the default pack. Keep the vendor private to this
+// module; other icon packs plug in here. CSS-only copies live in
+// icon-masks.stylex.ts.
+// biome-ignore lint/performance/noBarrelFile: This private boundary keeps the icon pack replaceable.
+export{IconAlertCircle,IconAlertTriangle,IconArrowBackUp,IconArrowDown,IconArrowsHorizontal,IconArrowsVertical,IconArrowUp,IconCalendar,IconCheck,IconChevronDown,IconChevronLeft,IconChevronRight,IconChevronUp,IconCircle,IconCircleCheck,IconCircleX,IconCopy,IconDots,IconFile,IconInfoCircle,IconListCheck,IconMessageQuestion,IconMicrophone,IconMinus,IconPencil,IconPlayerStopFilled,IconPlus,IconRefresh,IconSearch,IconSelector,IconShieldCheck,IconTerminal2,IconThumbDown,IconThumbUp,IconTool,IconWorld,IconX}from"@tabler/icons-react";