@mizen-labs/ui 0.0.0-stage → 0.1.0

package/dist/components/pagination/pagination.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}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";export const paginationStyles={active:{kWkggS:"x16d8uok x1g77xhq",kMwMTN:"xdnyjpo x12fxpw",kAXs8y:"x1tzjh5l xcd45hu",$$css:true},content:{kGNEyG:"x6s0dn4",k1xSpc:"x78zum5",kwnvtZ:"x1a02dak",kOIVth:"x13hh4mm",kjj79g:"xl56j7k",kB88ic:"xe8uvvx",kogj98:"x1ghz6dp",k7Eaqz:"xeuugli",kmVPX3:"x1717udv",$$css:true},directionLabel:{k1xSpc:"x193fxjn x1s85apg",$$css:true},disabled:{kMwMTN:"x125omll",kkrTdU:"x1h6gzvc",kSiTet:"xbyyjgo",$$css:true},ellipsis:{kGNEyG:"x6s0dn4",k1xSpc:"x3nfvp2",kjj79g:"xl56j7k",kAzted:"x19wm6jj",k7Eaqz:"x1arx1u8",kfSwDN:"x87ps6o",$$css:true},icon:{kUk6DE:"x1okw0bk",kZKoxP:"x1l36t39",k3aq6I:"x19axjrm x23xq2a x1c071of",kzqmXN:"xcdlrvm",$$css:true},iconSize:{kZKoxP:"xk8t5le",kzqmXN:"x1s4ejo4",kmVPX3:"x1717udv",$$css:true},interactive:{kWkggS:"xg17ay x10hhr2x xjbqb8w",$$css:true},item:{k7Eaqz:"xeuugli",$$css:true},labelled:{kg3NbH:"xy7odpl",$$css:true},link:{kGNEyG:"x6s0dn4",k44tkh:"x1iha7go",kKVMdj:"x1b5t0b2",kWkggS:"xjbqb8w",kaIpWk:"x1jw0md8",kB7OPa:"x9f619",kMwMTN:"x14tvo57",k1xSpc:"x3nfvp2",kGuDYH:"x1qlqyl8",kcqcaj:"xss6m8b",k63SB2:"xuku2lm",kOIVth:"xp4ho6d",kjj79g:"xl56j7k",ks0D6T:"x193iq5w",kAzted:"x19wm6jj",k7Eaqz:"xeuugli",kjBf7l:"x4dprnk x1uczgqu",kInvED:"x7jjmpn x1wfwxd8",k3XXqK:"x9v5kkp x1t137rt",kMeerF:"xm9seqh x1k57tk5",kHjlTd:"xj0a0fe",k8WAf4:"xt970qd",kg3NbH:"xb5xqfq",k9WMMc:"x2b8uid",kybGjl:"x1hl2dhg",$$css:true},root:{kMwMTN:"x125omll",kGuDYH:"x12ama9c",kLWn49:"x1rn0pvf",ks0D6T:"x193iq5w",$$css:true},srOnly:{kMcinP:"xzpqnlu",kz4h6p:"x1hyvwdk",kZKoxP:"xjm9jq1",kogj98:"xkdpibf",kVQacm:"xb3r6kr",kVAEAm:"x10l6tqk",khDVqt:"xuxw1ft",kzqmXN:"x1i1rx1s",$$css:true}};

package/dist/components/part-to-whole/part-to-whole.d.ts

@@ -0,0 +1,18 @@
+import type { ComponentPropsWithRef } from "react";
+import type { Closed } from "../../closed";
+export interface PartToWholePart {
+    id: string;
+    label: string;
+    value: number;
+}
+export type PartToWholeProps = Omit<Closed<ComponentPropsWithRef<"div">>, "aria-label" | "children" | "data-slot" | "role"> & {
+    "aria-description"?: string;
+    "aria-label": string;
+    formatValue?: (value: number) => string;
+    locale?: string;
+    /** Up to six parts; fold the rest into "Other". */
+    parts: readonly PartToWholePart[];
+    /** Caption under the total in the donut's center. */
+    totalLabel?: string;
+};
+export declare function PartToWhole({ "aria-description": ariaDescription, "aria-label": ariaLabel, formatValue: formatValueProp, locale, parts: inputParts, ref: forwardedRef, totalLabel, ...rest }: PartToWholeProps): import("react").JSX.Element;

package/dist/components/part-to-whole/part-to-whole.js

@@ -0,0 +1,2 @@
+"use client";import{props}from"@stylexjs/stylex";import{defineChart}from"@tanstack/charts";import{focusGroupAngle,pie,polar,radialArc}from"@tanstack/charts/polar";import{tooltip as tooltipFeature}from"@tanstack/charts/tooltip";import{useMemo}from"react";import{typeRoles}from"../../styles/typography.styles";import{chartColors}from"../chart-frame/chart-colors";import{ChartFrame}from"../chart-frame/chart-frame";import{ChartLegend}from"../chart-legend/chart-legend";import{ChartTooltip}from"../chart-tooltip/chart-tooltip";import{partToWholeStyles}from"./part-to-whole.styles";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";function validatePart(part,ids){if(typeof part.id!=="string"||!part.id.trim()||typeof part.label!=="string"||!part.label.trim()){throw new TypeError("PartToWhole parts require non-empty ids and labels.");}if(ids.has(part.id)){throw new RangeError("PartToWhole part ids must be unique.");}if(typeof part.value!=="number"||!Number.isFinite(part.value)||part.value<0){throw new RangeError("PartToWhole values must be finite and non-negative.");}ids.add(part.id);}function prepareParts(parts){if(!Array.isArray(parts)){throw new TypeError("PartToWhole parts must be an array.");}if(parts.length>6){throw new RangeError('PartToWhole supports up to six parts; fold the rest into "Other".');}const ids=new Set();let maximum=0;for(const part of parts){validatePart(part,ids);maximum=Math.max(maximum,part.value);}const scaledTotal=maximum===0?0:parts.reduce((sum,part)=>sum+part.value/maximum,0);return parts.map((part,index)=>({...part,rawValue:part.value,share:scaledTotal===0?0:part.value/maximum/scaledTotal,tone:`series${index+1}`}));}function assertProps(ariaLabel,locale,formatValue){if(typeof ariaLabel!=="string"||!ariaLabel.trim()){throw new TypeError("PartToWhole requires a non-empty aria-label.");}if(typeof locale!=="string"||!locale.trim()){throw new TypeError("PartToWhole locale must be a non-empty string.");}if(formatValue!==undefined&&typeof formatValue!=="function"){throw new TypeError("PartToWhole formatValue must be a function.");}}function formatNumber(value,formatValue){const formatted=formatValue(value);if(typeof formatted!=="string"){throw new TypeError("PartToWhole formatValue must return a string.");}return formatted;}function renderTooltip(context,formatValue,shareFormat){const point=context.primaryPoint??context.points[0];if(!point){return null;}return/*#__PURE__*/_jsx(ChartTooltip,{items:[{id:`part-${point.datum.id}`,label:point.datum.label,tone:point.datum.tone,value:`${formatNumber(point.datum.rawValue,formatValue)} · ${shareFormat.format(point.datum.share)}`}]});}function PartToWholeChart({"aria-description":ariaDescription,"aria-label":ariaLabel,formatValue,legendItems,shareFormat,parts,totalLabel}){const definition=useMemo(()=>{const positiveParts=parts.filter(({value})=>value>0);const arcs=pie(positiveParts,{value:"share"});return defineChart({marks:[polar({inset:12,marks:[radialArc(arcs,{cornerRadius:4,fill:({tone})=>chartColors[tone],id:"part-to-whole-arcs",innerRadius:({radius})=>radius*0.74,key:({id})=>id,// A thin surface gap separates neighboring segments.
+padAngle:()=>positiveParts.length>1?0.03:0})],scales:{angle:null,radius:null}})],scales:{x:null,y:null}},{focus:focusGroupAngle,tooltip:tooltipFeature});},[parts]);const renderTooltipBody=useMemo(()=>context=>renderTooltip(context,formatValue,shareFormat),[formatValue,shareFormat]);const total=parts.reduce((sum,{rawValue})=>sum+rawValue,0);return/*#__PURE__*/_jsxs("div",{"data-slot":"part-to-whole-chart",...props(partToWholeStyles.chart),children:[/*#__PURE__*/_jsxs("div",{...props(partToWholeStyles.plot),children:[/*#__PURE__*/_jsx(ChartFrame,{"aria-description":ariaDescription,"aria-label":ariaLabel,definition:definition,height:240,renderTooltipBody:renderTooltipBody,tabIndex:0}),/*#__PURE__*/_jsxs("div",{"aria-hidden":"true","data-slot":"part-to-whole-total",...props(partToWholeStyles.total),children:[/*#__PURE__*/_jsx("span",{...props(typeRoles.numeric),children:formatNumber(total,formatValue)}),/*#__PURE__*/_jsx("span",{...props(typeRoles.caption,partToWholeStyles.share),children:totalLabel})]})]}),/*#__PURE__*/_jsx("div",{"data-slot":"part-to-whole-legend",...props(partToWholeStyles.legend),children:/*#__PURE__*/_jsx(ChartLegend,{"aria-label":`${ariaLabel} parts`,items:legendItems})})]});}export function PartToWhole({"aria-description":ariaDescription,"aria-label":ariaLabel,formatValue:formatValueProp,locale="en-US",parts:inputParts,ref:forwardedRef,totalLabel="Total",...rest}){assertProps(ariaLabel,locale,formatValueProp);const numberFormat=useMemo(()=>new Intl.NumberFormat(locale,{maximumSignificantDigits:21}),[locale]);const formatValue=useMemo(()=>formatValueProp??numberFormat.format,[formatValueProp,numberFormat]);const parts=useMemo(()=>prepareParts(inputParts),[inputParts]);const hasPositivePart=parts.some(({value})=>value>0);const shareFormat=useMemo(()=>new Intl.NumberFormat(locale,{maximumSignificantDigits:3,style:"percent"}),[locale]);const legendItems=useMemo(()=>parts.map(({id,label,share,tone,value})=>({id:`part-${id}`,label:/*#__PURE__*/_jsxs("span",{...props(partToWholeStyles.label),children:[/*#__PURE__*/_jsx("span",{children:label})," ",/*#__PURE__*/_jsxs("span",{children:[/*#__PURE__*/_jsx("span",{...props(partToWholeStyles.value),children:formatNumber(value,formatValue)})," ",/*#__PURE__*/_jsx("span",{...props(partToWholeStyles.share),children:shareFormat.format(share)})]})]}),tone})),[formatValue,parts,shareFormat]);for(const name of["aria-label","children","className","data-slot","role","style"]){Reflect.deleteProperty(rest,name);}return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"part-to-whole",ref:forwardedRef,...props(partToWholeStyles.root),children:parts.length===0||!hasPositivePart?/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("p",{"aria-label":ariaLabel,role:"status",...props(typeRoles.body,partToWholeStyles.empty),children:parts.length===0?"No parts available.":"All parts have a value of zero."}),parts.length>0?/*#__PURE__*/_jsx(ChartLegend,{"aria-label":`${ariaLabel} parts`,items:legendItems}):null]}):/*#__PURE__*/_jsx(PartToWholeChart,{"aria-description":ariaDescription,"aria-label":ariaLabel,formatValue:formatValue,legendItems:legendItems,parts:parts,shareFormat:shareFormat,totalLabel:totalLabel})});}

package/dist/components/part-to-whole/part-to-whole.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors}from"../../styles/colors.stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";import"../../styles/typography.stylex";import{fontWeight}from"../../styles/typography.stylex";export const partToWholeStyles={chart:{kGNEyG:"x6s0dn4",k1xSpc:"xrvj5dj",kOIVth:"x1q60jeg",kumcoG:"xgqc1xh x1mkdm3x",$$css:true},empty:{kqGvvJ:"x10im51j",$$css:true},label:{kL6WhQ:"x9rbyu3",kfdmCh:"x1q0q8m5",kt9PQ7:"xso031l",k1xSpc:"xrvj5dj",kOIVth:"xiw8qbs",kumcoG:"xju1xpo",kzqmXN:"xh8yej3",k7Eaqz:"xeuugli",kHjlTd:"xj0a0fe",k8WAf4:"x391bbb",k9WMMc:"x1yc453h",$$css:true},legend:{k7Eaqz:"xeuugli",$$css:true},plot:{k7Eaqz:"xeuugli",kVAEAm:"x1n2onr6",$$css:true},root:{k9g6sI:"x12h1iku",k7Eaqz:"xeuugli",$$css:true},share:{kMwMTN:"x125omll",k1xSpc:"x1rg5ohu",kcqcaj:"xss6m8b",k7Eaqz:"xj9j1fp",k9WMMc:"xp4054r",$$css:true},total:{kGNEyG:"x6s0dn4",kMwMTN:"x14tvo57",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kpwlN0:"x10a8y8t",kjj79g:"xl56j7k",kfzvcC:"x47corl",kVAEAm:"x10l6tqk",$$css:true},value:{kMwMTN:"x14tvo57",kcqcaj:"xss6m8b",k63SB2:"xuku2lm",$$css:true}};

package/dist/components/popover/popover.d.ts

@@ -0,0 +1,33 @@
+import { Popover as BasePopover, type PopoverCloseProps as BasePopoverCloseProps, type PopoverDescriptionProps as BasePopoverDescriptionProps, type PopoverPopupProps as BasePopoverPopupProps, type PopoverPortalProps as BasePopoverPortalProps, type PopoverPositionerProps as BasePopoverPositionerProps, type PopoverRootProps as BasePopoverRootProps, type PopoverTitleProps as BasePopoverTitleProps, type PopoverTriggerProps as BasePopoverTriggerProps } from "@base-ui/react/popover";
+import type { ComponentPropsWithRef } from "react";
+import type { Closed } from "../../closed";
+type PopoverTriggerRef = ComponentPropsWithRef<typeof BasePopover.Trigger>["ref"];
+type PopoverPopupRef = ComponentPropsWithRef<typeof BasePopover.Popup>["ref"];
+export type PopoverProps<Payload = unknown> = Closed<BasePopoverRootProps<Payload>>;
+export type PopoverTriggerProps<Payload = unknown> = Closed<Omit<BasePopoverTriggerProps<Payload>, "ref"> & {
+    ref?: PopoverTriggerRef;
+}>;
+export type PopoverPopupVariant = "default" | "bare";
+export type PopoverPopupProps = Closed<Omit<BasePopoverPopupProps, "ref"> & {
+    align?: BasePopoverPositionerProps["align"];
+    alignOffset?: BasePopoverPositionerProps["alignOffset"];
+    anchor?: BasePopoverPositionerProps["anchor"];
+    portalProps?: Closed<BasePopoverPortalProps>;
+    ref?: PopoverPopupRef;
+    side?: BasePopoverPositionerProps["side"];
+    sideOffset?: BasePopoverPositionerProps["sideOffset"];
+    tooltipStyle?: boolean;
+    variant?: PopoverPopupVariant;
+}>;
+export type PopoverTitleProps = Closed<BasePopoverTitleProps>;
+export type PopoverDescriptionProps = Closed<BasePopoverDescriptionProps>;
+export type PopoverCloseProps = Closed<BasePopoverCloseProps>;
+export declare const PopoverCreateHandle: typeof BasePopover.createHandle;
+export declare const Popover: typeof BasePopover.Root;
+export declare const PopoverPrimitive: typeof BasePopover;
+export declare function PopoverTrigger<Payload = unknown>({ ref: forwardedRef, render, type, ...rest }: PopoverTriggerProps<Payload>): import("react").JSX.Element;
+export declare function PopoverPopup({ align, alignOffset, anchor, children, render, portalProps, ref: forwardedRef, side, sideOffset, tooltipStyle, variant, ...rest }: PopoverPopupProps): import("react").JSX.Element;
+export declare function PopoverTitle({ children, render, ref: forwardedRef, ...rest }: PopoverTitleProps): import("react").JSX.Element;
+export declare function PopoverDescription({ children, render, ref: forwardedRef, ...rest }: PopoverDescriptionProps): import("react").JSX.Element;
+export declare function PopoverClose({ ref: forwardedRef, render, type, ...rest }: PopoverCloseProps): import("react").JSX.Element;
+export {};

package/dist/components/popover/popover.js

@@ -0,0 +1 @@
+"use client";import{Popover as BasePopover}from"@base-ui/react/popover";import{props}from"@stylexjs/stylex";import{protectRenderSlot}from"../../render-utils";import{popoverStyles}from"./popover.styles";import{jsx as _jsx}from"react/jsx-runtime";export const PopoverCreateHandle=BasePopover.createHandle;export const Popover=BasePopover.Root;export const PopoverPrimitive=BasePopover;export function PopoverTrigger({ref:forwardedRef=undefined,render,type,...rest}){return/*#__PURE__*/_jsx(BasePopover.Trigger,{...rest,"data-slot":"popover-trigger",ref:forwardedRef,render:protectRenderSlot("popover-trigger",render),type:render?type:type??"button"});}function getPopoverStyles(variant,tooltipStyle){const bare=variant==="bare";return{popup:props(popoverStyles.popup,tooltipStyle&&popoverStyles.popupTooltip,bare&&popoverStyles.popupBare),positioner:props(popoverStyles.positioner,bare&&popoverStyles.positionerBare),viewport:props(popoverStyles.viewport,popoverStyles.viewportContent,tooltipStyle&&popoverStyles.viewportTooltip,tooltipStyle&&popoverStyles.viewportContentTooltip,bare&&popoverStyles.viewportBare,bare&&popoverStyles.viewportContentBare)};}export function PopoverPopup({align="center",alignOffset=0,anchor,children,render,portalProps,ref:forwardedRef=undefined,side="bottom",sideOffset=4,tooltipStyle=false,variant="default",...rest}){const styles=getPopoverStyles(variant,tooltipStyle);const Viewport=portalProps?.keepMounted?"div":BasePopover.Viewport;return/*#__PURE__*/_jsx(BasePopover.Portal,{...portalProps,children:/*#__PURE__*/_jsx(BasePopover.Positioner,{align:align,alignOffset:alignOffset,anchor:anchor,"data-slot":"popover-positioner",side:side,sideOffset:sideOffset,...styles.positioner,children:/*#__PURE__*/_jsx(BasePopover.Popup,{...rest,"data-slot":"popover-popup",ref:forwardedRef,render:protectRenderSlot("popover-popup",render),...styles.popup,children:/*#__PURE__*/_jsx(Viewport,{"data-slot":"popover-viewport",...styles.viewport,children:children})})})});}export function PopoverTitle({children,render,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx(BasePopover.Title,{...rest,"data-slot":"popover-title",ref:forwardedRef,render:protectRenderSlot("popover-title",render),...props(popoverStyles.title),children:children});}export function PopoverDescription({children,render,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx(BasePopover.Description,{...rest,"data-slot":"popover-description",ref:forwardedRef,render:protectRenderSlot("popover-description",render),...props(popoverStyles.description),children:children});}export function PopoverClose({ref:forwardedRef,render,type,...rest}){return/*#__PURE__*/_jsx(BasePopover.Close,{...rest,"data-slot":"popover-close",ref:forwardedRef,render:protectRenderSlot("popover-close",render),type:render?type:type??"button"});}

package/dist/components/popover/popover.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,letterSpacing,lineHeight}from"../../styles/typography.stylex";export const popoverStyles={description:{kMwMTN:"x125omll",kGuDYH:"xlh8hku",k63SB2:"x1lo1l87",kLWn49:"x2xzzt7",k1K539:"xat24cr",keoZOQ:"x1i4bqd6 xdj266r",kHjlTd:"xj0a0fe",$$css:true},popup:{kWkggS:"xui3q9s",kVAM5u:"x1l55r2k x155xxfk",kaIpWk:"x1yl01a3",ksu8eU:"x1y0btm7",kMzoRj:"x1cdonsl",kGVxlE:"x1mhlhek",kB7OPa:"x9f619",kMwMTN:"x14tvo57",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kZKoxP:"x13f4qkn",ks0D6T:"xtuccea",kSiTet:"xiyypsa x1hw7zpd x1hc1fzr",kI3sdo:"x1a2a7pz",kVAEAm:"x1n2onr6",k3aq6I:"xddaku3 xkr3uco x5q7jw0 x1w69v5t xub4z9z x1hl4pyw xeoiet0 xb8fv44 x19hlpk1 xbp8eot x1h69cw3 x109428r x1c071of",k3nNDw:"xctpfpq",kIyJzY:"x1e471i8 x107nfut xmhz0v7 x18kz1lc",k1ekBW:"x1shgudx",kAMwcw:"xvhdtae",kzqmXN:"x1qd2gme",$$css:true},popupBare:{kWkggS:"xjbqb8w",kVAM5u:"x9r1u3d",ksu8eU:"xng3xce",kMzoRj:"xc342km",kGVxlE:"x1gnnqk1",kOIVth:"xjbgufp",kmVPX3:"xkif0i3",$$css:true},popupTooltip:{kaIpWk:"x2b34ud",kGuDYH:"x1ws78te",kzqmXN:"x1dk3ku4",$$css:true},positioner:{kZKoxP:"xm56wjt",ks0D6T:"xtuccea",kIyJzY:"x1e471i8 xmhz0v7 x18kz1lc",k1ekBW:"x1f0ettp",kAMwcw:"xvhdtae",kzqmXN:"xluuen9",kY2c9j:"xa9119d",$$css:true},positionerBare:{kzqmXN:"x14atkfc",$$css:true},title:{kMwMTN:"x14tvo57",kGuDYH:"x12ama9c",k63SB2:"xlw70nr",kb6lSQ:"x15nokgc",kLWn49:"x1rn0pvf",kqGvvJ:"x10im51j",kHjlTd:"xj0a0fe",$$css:true},viewport:{kB7OPa:"x9f619",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x1q60jeg",kZKoxP:"x5yr21d",kskxy:"x1374xjt",kXHlph:"x101abm8",kORKVm:"x199s720 x1odjw0f",kZeWKH:"xish69e",kmVPX3:"xvgr8tm",kVAEAm:"x1n2onr6",kzqmXN:"xh8yej3",$$css:true},viewportBare:{kOIVth:"xxhr3t",kmVPX3:"x1717udv",$$css:true},viewportContent:{k1xSpc:"x46yjh3",kXwgrk:"x7z70wc",kOIVth:"x7su1mm",kSiTet:"x1kcga6d xcyctcy",kIyJzY:"x14l6qqt x28c8be",k1ekBW:"x1blx4e1",$$css:true},viewportContentBare:{kOIVth:"xtmijwj",$$css:true},viewportContentTooltip:{kOIVth:"x1bbk1g",$$css:true},viewportTooltip:{kOIVth:"x13hh4mm",k8WAf4:"x1lmimt7",kg3NbH:"xy7odpl",$$css:true}};

package/dist/components/preview-card/preview-card.d.ts

@@ -0,0 +1,21 @@
+import { PreviewCard as BasePreviewCard, type PreviewCardPopupProps as BasePreviewCardPopupProps, type PreviewCardPortalProps as BasePreviewCardPortalProps, type PreviewCardPositionerProps as BasePreviewCardPositionerProps, type PreviewCardRootProps as BasePreviewCardRootProps, type PreviewCardTriggerProps as BasePreviewCardTriggerProps } from "@base-ui/react/preview-card";
+import type { ComponentPropsWithRef } from "react";
+import type { Closed } from "../../closed";
+type PreviewCardTriggerRef = ComponentPropsWithRef<typeof BasePreviewCard.Trigger>["ref"];
+type PreviewCardPopupRef = ComponentPropsWithRef<typeof BasePreviewCard.Popup>["ref"];
+export type PreviewCardProps<Payload = unknown> = Closed<BasePreviewCardRootProps<Payload>>;
+export type PreviewCardTriggerProps<Payload = unknown> = Closed<Omit<BasePreviewCardTriggerProps<Payload>, "ref"> & {
+    ref?: PreviewCardTriggerRef;
+}>;
+export type PreviewCardPopupProps = Closed<Omit<BasePreviewCardPopupProps, "ref"> & {
+    align?: BasePreviewCardPositionerProps["align"];
+    anchor?: BasePreviewCardPositionerProps["anchor"];
+    portalProps?: Closed<BasePreviewCardPortalProps>;
+    ref?: PreviewCardPopupRef;
+    sideOffset?: BasePreviewCardPositionerProps["sideOffset"];
+}>;
+export declare const PreviewCard: <Payload>(props: BasePreviewCard.Root.Props<Payload>) => React.JSX.Element;
+export declare function PreviewCardTrigger<Payload = unknown>({ ref: forwardedRef, render, ...rest }: PreviewCardTriggerProps<Payload>): import("react").JSX.Element;
+export declare function PreviewCardPopup({ align, anchor, children, render, portalProps, ref: forwardedRef, sideOffset, ...rest }: PreviewCardPopupProps): import("react").JSX.Element;
+export declare const PreviewCardPrimitive: typeof BasePreviewCard;
+export {};

package/dist/components/preview-card/preview-card.js

@@ -0,0 +1 @@
+"use client";import{PreviewCard as BasePreviewCard}from"@base-ui/react/preview-card";import{props}from"@stylexjs/stylex";import{protectRenderSlot}from"../../render-utils";import{previewCardStyles}from"./preview-card.styles";import{jsx as _jsx}from"react/jsx-runtime";export const PreviewCard=BasePreviewCard.Root;export function PreviewCardTrigger({ref:forwardedRef=undefined,render,...rest}){return/*#__PURE__*/_jsx(BasePreviewCard.Trigger,{...rest,"data-slot":"preview-card-trigger",ref:forwardedRef,render:protectRenderSlot("preview-card-trigger",render)});}export function PreviewCardPopup({align="center",anchor,children,render,portalProps,ref:forwardedRef=undefined,sideOffset=4,...rest}){return/*#__PURE__*/_jsx(BasePreviewCard.Portal,{...portalProps,children:/*#__PURE__*/_jsx(BasePreviewCard.Positioner,{align:align,anchor:anchor,"data-slot":"preview-card-positioner",sideOffset:sideOffset,...props(previewCardStyles.positioner),children:/*#__PURE__*/_jsx(BasePreviewCard.Popup,{...rest,"data-slot":"preview-card-content",ref:forwardedRef,render:protectRenderSlot("preview-card-content",render),...props(previewCardStyles.popup),children:children})})});}export const PreviewCardPrimitive=BasePreviewCard;

package/dist/components/preview-card/preview-card.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/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,lineHeight}from"../../styles/typography.stylex";export const previewCardStyles={popup:{kWkggS:"xui3q9s",kVAM5u:"x1l55r2k x155xxfk",kT0f0o:"x3dbire",kVL7Gh:"xqo3ow1",kfmiAY:"x1arab8j",krdFHd:"x1ig4fz6",ksu8eU:"x1y0btm7",kMzoRj:"xmkeg23",kGVxlE:"x1mhlhek",kB7OPa:"x9f619",kMwMTN:"x14tvo57",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kGuDYH:"xlh8hku",kLWn49:"x2xzzt7",kskxy:"x1374xjt",ks0D6T:"xtuccea",kSiTet:"xiyypsa x1hw7zpd x1hc1fzr",kI3sdo:"x1a2a7pz",kHjlTd:"xj0a0fe",kORKVm:"x1odjw0f",kZeWKH:"xish69e",kmVPX3:"xzijf4x",k3aq6I:"x2bnnpm x1n9vljb x1c071of",k3nNDw:"xctpfpq",kIyJzY:"x107nfut x18kz1lc x1e471i8 xmhz0v7",k1ekBW:"x6o7n8i",kAMwcw:"xvhdtae",kzqmXN:"x1fjzz8u",$$css:true},positioner:{kY2c9j:"xa9119d",$$css:true}};

package/dist/components/progress/progress.d.ts

@@ -0,0 +1,28 @@
+import { Progress as BaseProgress } from "@base-ui/react/progress";
+import type { ComponentPropsWithRef } from "react";
+type BaseProgressRootProps = ComponentPropsWithRef<typeof BaseProgress.Root>;
+type BaseProgressTrackProps = ComponentPropsWithRef<typeof BaseProgress.Track>;
+type BaseProgressIndicatorProps = ComponentPropsWithRef<typeof BaseProgress.Indicator>;
+type BaseProgressLabelProps = ComponentPropsWithRef<typeof BaseProgress.Label>;
+type BaseProgressValueProps = ComponentPropsWithRef<typeof BaseProgress.Value>;
+export type ProgressProps = Omit<BaseProgressRootProps, "className" | "data-slot" | "style"> & {
+    ref?: BaseProgressRootProps["ref"];
+};
+export type ProgressTrackProps = Omit<BaseProgressTrackProps, "className" | "data-slot" | "style"> & {
+    ref?: BaseProgressTrackProps["ref"];
+};
+export type ProgressIndicatorProps = Omit<BaseProgressIndicatorProps, "className" | "data-slot" | "style"> & {
+    ref?: BaseProgressIndicatorProps["ref"];
+};
+export type ProgressLabelProps = Omit<BaseProgressLabelProps, "className" | "data-slot" | "style"> & {
+    ref?: BaseProgressLabelProps["ref"];
+};
+export type ProgressValueProps = Omit<BaseProgressValueProps, "className" | "data-slot" | "style"> & {
+    ref?: BaseProgressValueProps["ref"];
+};
+export declare function Progress({ children, locale, ref: forwardedRef, render, ...rest }: ProgressProps): import("react").JSX.Element;
+export declare function ProgressTrack({ children, ref: forwardedRef, render, ...rest }: ProgressTrackProps): import("react").JSX.Element;
+export declare function ProgressIndicator({ children, ref: forwardedRef, render, ...rest }: ProgressIndicatorProps): import("react").JSX.Element;
+export declare function ProgressLabel({ children, ref: forwardedRef, render, ...rest }: ProgressLabelProps): import("react").JSX.Element;
+export declare function ProgressValue({ children, ref: forwardedRef, render, ...rest }: ProgressValueProps): import("react").JSX.Element;
+export {};

package/dist/components/progress/progress.js

@@ -0,0 +1 @@
+"use client";import{Progress as BaseProgress}from"@base-ui/react/progress";import{props}from"@stylexjs/stylex";import{protectRenderSlot}from"../../render-utils";import{progressStyles}from"./progress.styles";import{jsx as _jsx}from"react/jsx-runtime";export function Progress({children,locale="en",ref:forwardedRef,render,...rest}){return/*#__PURE__*/_jsx(BaseProgress.Root,{locale:locale,...rest,"data-slot":"progress",ref:forwardedRef,render:protectRenderSlot("progress",render),...props(progressStyles.root),children:children?children:/*#__PURE__*/_jsx(ProgressTrack,{children:/*#__PURE__*/_jsx(ProgressIndicator,{})})});}export function ProgressTrack({children,ref:forwardedRef,render,...rest}){return/*#__PURE__*/_jsx(BaseProgress.Track,{...rest,"data-slot":"progress-track",ref:forwardedRef,render:protectRenderSlot("progress-track",render),...props(progressStyles.track),children:children});}export function ProgressIndicator({children,ref:forwardedRef,render,...rest}){return/*#__PURE__*/_jsx(BaseProgress.Indicator,{...rest,"data-slot":"progress-indicator",ref:forwardedRef,render:protectRenderSlot("progress-indicator",render),...props(progressStyles.indicator),children:children});}export function ProgressLabel({children,ref:forwardedRef,render,...rest}){return/*#__PURE__*/_jsx(BaseProgress.Label,{...rest,"data-slot":"progress-label",ref:forwardedRef,render:protectRenderSlot("progress-label",render),...props(progressStyles.label),children:children});}export function ProgressValue({children,ref:forwardedRef,render,...rest}){return/*#__PURE__*/_jsx(BaseProgress.Value,{...rest,"data-slot":"progress-value",ref:forwardedRef,render:protectRenderSlot("progress-value",render),...props(progressStyles.value),children:children});}

package/dist/components/progress/progress.styles.js

@@ -0,0 +1 @@
+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/motion.stylex";import{duration,easing}from"../../styles/motion.stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";import"../../styles/typography.stylex";import{fontSize,fontWeight,lineHeight}from"../../styles/typography.stylex";const indeterminateProgress="xr3m334-B";export const progressStyles={indicator:{k44tkh:"xui4633 xmg6eyc",ko0y90:"xa4qsjk",kKVMdj:"xmhgdi3 xhkntpa x1a5igra",kyAemX:"x16mm3sk",kWkggS:"x11ovu81",kaIpWk:"x10hpsqq",kB7OPa:"x9f619",k1xSpc:"x1lliihq",kZKoxP:"x3igimt",kIyJzY:"x1e471i8 x115jf8",k1ekBW:"xxrbq2n",kAMwcw:"xvhdtae",kzqmXN:"xhwox xwjmw90",$$css:true},label:{kMwMTN:"x14tvo57",kGuDYH:"xlh8hku",k63SB2:"xuku2lm",kLWn49:"x2xzzt7",$$css:true},root:{kB7OPa:"x9f619",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x13hh4mm",kzqmXN:"xh8yej3",$$css:true},track:{kWkggS:"xcmsz27",kaIpWk:"x10hpsqq",kB7OPa:"x9f619",k1xSpc:"x1lliihq",kZKoxP:"x4j2xbe",kVQacm:"xb3r6kr",kzqmXN:"xh8yej3",$$css:true},value:{kMwMTN:"x14tvo57",kGuDYH:"xlh8hku",kcqcaj:"xss6m8b",k63SB2:"x1lo1l87",kLWn49:"x2xzzt7",$$css:true}};

package/dist/components/progress-rings/progress-rings.d.ts

@@ -0,0 +1,25 @@
+import type { ComponentPropsWithRef } from "react";
+import type { Closed } from "../../closed";
+import { type ChartSeriesTone } from "../chart-frame/chart-colors";
+export interface ProgressRing {
+    /** Shown instead of the formatted value, such as "1h 45m". */
+    display?: string;
+    goal: number;
+    id: string;
+    label: string;
+    /** Defaults to the ring's position in the palette order. */
+    tone?: ChartSeriesTone;
+    value: number;
+}
+export type ProgressRingsSize = "md" | "sm";
+export type ProgressRingsProps = Omit<Closed<ComponentPropsWithRef<"figure">>, "aria-label" | "children" | "data-slot" | "role"> & {
+    "aria-label": string;
+    formatValue?: (value: number) => string;
+    locale?: string;
+    /** Up to three rings, outermost first. */
+    rings: readonly ProgressRing[];
+    /** sm is a 32px glyph for dense grids such as a calendar; it shows no tiles. */
+    size?: ProgressRingsSize;
+};
+/** Up to three concentric rings, each showing progress toward its own goal. */
+export declare function ProgressRings({ "aria-label": ariaLabel, formatValue, locale, ref: forwardedRef, rings: inputRings, size, ...rest }: ProgressRingsProps): import("react").JSX.Element;

package/dist/components/progress-rings/progress-rings.js

@@ -0,0 +1,2 @@
+"use client";import{props}from"@stylexjs/stylex";import{typeRoles}from"../../styles/typography.styles";import{assertAriaLabel,assertIdentity,assertNonNegative,assertTone}from"../chart-frame/chart-assert";import{chartColors}from"../chart-frame/chart-colors";import{ChartHoverTooltip,useChartHover}from"../chart-frame/chart-hover";import{RingGraphic}from"../chart-frame/ring-graphic";import{visuallyHiddenStyles}from"../visually-hidden/visually-hidden.styles";import{progressRingsStyles as styles}from"./progress-rings.styles";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const NAME="ProgressRings";const TONES=["series1","series2","series3"];const GEOMETRY={md:{diameter:176,gap:4,stroke:16},sm:{diameter:32,gap:1,stroke:3}};function assertRings(rings){if(!Array.isArray(rings)||rings.length===0||rings.length>3){throw new RangeError("ProgressRings needs one to three rings.");}const ids=new Set();for(const ring of rings){assertIdentity(NAME,ring,ids);assertNonNegative(NAME,ring.value);if(!(Number.isFinite(ring.goal)&&ring.goal>0)){throw new RangeError("ProgressRings goals must be positive.");}assertTone(NAME,ring.tone);}}/** Up to three concentric rings, each showing progress toward its own goal. */export function ProgressRings({"aria-label":ariaLabel,formatValue,locale="en-US",ref:forwardedRef,rings:inputRings,size="md",...rest}){assertAriaLabel(NAME,ariaLabel);assertRings(inputRings);for(const name of["children","className","data-slot","role","style"]){Reflect.deleteProperty(rest,name);}const format=formatValue??new Intl.NumberFormat(locale).format;const percent=new Intl.NumberFormat(locale,{style:"percent"});const rings=inputRings.map((ring,index)=>({...ring,tone:ring.tone??TONES[index]}));const compact=size==="sm";const hover=useChartHover();const{fade,hostRef,hostStyle,linkProps,markProps}=hover;// Hovering a ring shows its value and progress; hovering a tile lights its ring.
+const tips=new Map(rings.map(({display,goal,id,label,tone,value})=>[id,{items:[{id,label,tone,value:`${display??format(value)} · ${percent.format(value/goal)}`}]}]));const ringHover={fade,markProps:id=>markProps(id,tips.get(id))};return/*#__PURE__*/_jsxs("figure",{...rest,"aria-label":ariaLabel,"data-slot":"progress-rings",ref:forwardedRef,...props(styles.root,compact&&styles.compact,typeRoles.ui),children:[/*#__PURE__*/_jsx("ul",{...props(styles.list,compact?visuallyHiddenStyles.root:styles.tiles),children:rings.map(({display,goal,id,label,tone,value})=>/*#__PURE__*/_jsxs("li",{"data-slot":"progress-rings-item",...linkProps(id),...props(styles.tile,...fade(id)),children:[/*#__PURE__*/_jsxs("span",{...props(styles.label),children:[/*#__PURE__*/_jsx("span",{"aria-hidden":"true",...props(styles.swatch(chartColors[tone]))}),label]}),/*#__PURE__*/_jsxs("span",{children:[/*#__PURE__*/_jsx("span",{...props(styles.value),children:display??format(value)}),/*#__PURE__*/_jsx("span",{...props(styles.share,typeRoles.caption),children:percent.format(value/goal)})]})]},id))}),/*#__PURE__*/_jsxs("div",{ref:hostRef,...props(hostStyle),children:[/*#__PURE__*/_jsx(RingGraphic,{...GEOMETRY[size],hover:ringHover,rings:rings.map(({goal,id,tone,value})=>({fraction:value/goal,id,tone}))}),/*#__PURE__*/_jsx(ChartHoverTooltip,{hover:hover.hover})]})]});}

package/dist/components/progress-rings/progress-rings.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors}from"../../styles/colors.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}from"../../styles/typography.stylex";const _temp={kZKoxP:"x1qa65zt",kaIpWk:"x18zih8k",kmuXW:"x2lah0s",kzqmXN:"x1e7hgle","$$css":true};export const progressRingsStyles={compact:{k1xSpc:"x3nfvp2",$$css:true},label:{kGNEyG:"x6s0dn4",kMwMTN:"x125omll",k1xSpc:"x78zum5",kOIVth:"xp4ho6d",k7Eaqz:"xeuugli",$$css:true},list:{k1xSpc:"xrvj5dj",kOIVth:"xp4ho6d",kumcoG:"x1cmj9de",kB88ic:"xe8uvvx",kogj98:"x1ghz6dp",kmVPX3:"x1717udv",$$css:true},root:{kGNEyG:"x6s0dn4",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x1q60jeg",kogj98:"x1ghz6dp",k7Eaqz:"xeuugli",$$css:true},share:{kMwMTN:"x125omll",kcqcaj:"xss6m8b",keTefX:"xi4je3c",$$css:true},swatch:backgroundColor=>[_temp,{kWkggS:backgroundColor!=null?"xl8spv7":backgroundColor,$$css:true},{"--x-backgroundColor":backgroundColor!=null?backgroundColor:undefined}],tile:{kSGwAc:"xkh2ocl",kWkggS:"xwn18cz",kaIpWk:"x2b34ud",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x13hh4mm",k7Eaqz:"xeuugli",k8WAf4:"x391bbb",kg3NbH:"xy7odpl",$$css:true},tiles:{kSGwAc:"xkh2ocl",$$css:true},value:{kMwMTN:"x14tvo57",kcqcaj:"xss6m8b",k63SB2:"xuku2lm",$$css:true}};

package/dist/components/property-list/property-list.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentPropsWithRef } from "react";
+export type PropertyListProps = Omit<ComponentPropsWithRef<"dl">, "className" | "data-slot" | "style">;
+export type PropertyListItemProps = Omit<ComponentPropsWithRef<"div">, "className" | "data-slot" | "style">;
+export type PropertyListLabelProps = Omit<ComponentPropsWithRef<"dt">, "className" | "data-slot" | "style">;
+export type PropertyListValueProps = Omit<ComponentPropsWithRef<"dd">, "className" | "data-slot" | "style">;
+export declare function PropertyList({ children, ref: forwardedRef, ...rest }: PropertyListProps): import("react").JSX.Element;
+export declare function PropertyListItem({ children, ref: forwardedRef, ...rest }: PropertyListItemProps): import("react").JSX.Element;
+export declare function PropertyListLabel({ children, ref: forwardedRef, ...rest }: PropertyListLabelProps): import("react").JSX.Element;
+export declare function PropertyListValue({ children, ref: forwardedRef, ...rest }: PropertyListValueProps): import("react").JSX.Element;

package/dist/components/property-list/property-list.js

@@ -0,0 +1 @@
+import{props}from"@stylexjs/stylex";import{propertyListStyles}from"./property-list.styles";import{jsx as _jsx}from"react/jsx-runtime";export function PropertyList({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx("dl",{...rest,"data-slot":"property-list",ref:forwardedRef,...props(propertyListStyles.root),children:children});}export function PropertyListItem({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"property-list-item",ref:forwardedRef,...props(propertyListStyles.item),children:children});}export function PropertyListLabel({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx("dt",{...rest,"data-slot":"property-list-label",ref:forwardedRef,...props(propertyListStyles.label),children:children});}export function PropertyListValue({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx("dd",{...rest,"data-slot":"property-list-value",ref:forwardedRef,...props(propertyListStyles.value),children:children});}

package/dist/components/property-list/property-list.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/spacing.stylex";import{space}from"../../styles/spacing.stylex";import"../../styles/typography.stylex";import{fontSize,fontWeight,lineHeight}from"../../styles/typography.stylex";export const propertyListStyles={item:{kGNEyG:"x1pha0wt",k1xSpc:"xrvj5dj",kOIVth:"xiw8qbs",kWZpDQ:"xx1abn8",kEXP64:"xcrlgei",kumcoG:"x4w6khx",k7Eaqz:"xeuugli",$$css:true},label:{kMwMTN:"x125omll",kGuDYH:"xlh8hku",k63SB2:"x1lo1l87",kLWn49:"x2xzzt7",kogj98:"x1ghz6dp",k7Eaqz:"xeuugli",kHjlTd:"x1mzt3pk",$$css:true},root:{k1xSpc:"xrvj5dj",kOIVth:"xp4ho6d",kumcoG:"x3x26eo x1mkdm3x",kogj98:"x1ghz6dp",$$css:true},value:{kMwMTN:"x14tvo57",kGuDYH:"x12ama9c",k63SB2:"x1lo1l87",kLWn49:"x1rn0pvf",kogj98:"x1ghz6dp",k7Eaqz:"xeuugli",kHjlTd:"xj0a0fe",k9WMMc:"x1yc453h",$$css:true}};

package/dist/components/question-card/question-card.d.ts

@@ -0,0 +1,35 @@
+import { type ComponentPropsWithRef } from "react";
+import type { Closed } from "../../closed";
+export interface QuestionCardOption {
+    /** A line on what choosing it means. */
+    description?: string;
+    label: string;
+}
+export interface QuestionCardQuestion {
+    description?: string;
+    id: string;
+    /** Allows several answers, with checkboxes. */
+    multiple?: boolean;
+    options: readonly QuestionCardOption[];
+    /** Offers "Something else" with a text field. On by default. */
+    other?: boolean;
+    /** The question, such as "Which store should sessions live in?". */
+    title: string;
+}
+/** Each question's chosen labels or typed text, by id. Skipped ones are empty. */
+export type QuestionCardAnswers = Record<string, string[]>;
+export type QuestionCardProps = Omit<Closed<ComponentPropsWithRef<"div">>, "children" | "data-slot" | "onSubmit" | "role"> & {
+    /** The answers given, for a card from history. */
+    answers?: QuestionCardAnswers;
+    /** Called once with every answer, after the last question. */
+    onSubmit?: (answers: QuestionCardAnswers) => void;
+    questions: readonly QuestionCardQuestion[];
+    /** `pending` while it asks; `answered` folds it into one line. */
+    status: "answered" | "pending";
+};
+/**
+ * The agent asks the person to choose, one question at a time: options
+ * with number keys, an answer in their own words, and Skip. Once answered,
+ * the card folds into one line that opens to every answer.
+ */
+export declare function QuestionCard({ answers, onSubmit, questions, ref: forwardedRef, status, ...rest }: QuestionCardProps): import("react").JSX.Element;

package/dist/components/question-card/question-card.js

@@ -0,0 +1,13 @@
+"use client";import{props}from"@stylexjs/stylex";import{useCallback,useId,useRef,useState}from"react";import{IconChevronDown,IconMessageQuestion}from"../../icons";import{typeRoles}from"../../styles/typography.styles";import{approvalCardStyles}from"../approval-card/approval-card.styles";import{Button}from"../button/button";import{Checkbox}from"../checkbox/checkbox";import{CheckboxGroup}from"../checkbox-group/checkbox-group";import{Collapsible,CollapsiblePanel,CollapsibleTrigger}from"../collapsible/collapsible";import{Radio}from"../radio/radio";import{RadioGroup}from"../radio-group/radio-group";import{toolCallStyles}from"../tool-call/tool-call.styles";import{visuallyHiddenStyles}from"../visually-hidden/visually-hidden.styles";import{questionCardStyles as styles}from"./question-card.styles";/** Each question's chosen labels or typed text, by id. Skipped ones are empty. */import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";const OTHER="__other__";const EMPTY={other:"",selected:[]};const DIGIT=/^[1-9]$/u;function answerOf(draft){if(!draft){return[];}return draft.selected.flatMap(value=>{if(value!==OTHER){return[value];}const text=draft.other.trim();return text?[text]:[];});}// Picking with a number key toggles in a checkbox list and selects in a
+// radio list.
+function pick(draft,value,multiple){if(!multiple){return{...draft,selected:[value]};}const selected=draft.selected.includes(value)?draft.selected.filter(item=>item!==value):[...draft.selected,value];return{...draft,selected};}function OptionRow({chosen,index,multiple,option}){const key=String(index+1);const control=multiple?/*#__PURE__*/_jsx(Checkbox,{"aria-keyshortcuts":key,size:"sm",value:option.label}):/*#__PURE__*/_jsx(Radio,{"aria-keyshortcuts":key,value:option.label});return(/*#__PURE__*/// biome-ignore lint/a11y/noLabelWithoutControl: the Radio or Checkbox inside is the control.
+_jsxs("label",{"data-slot":"question-card-option",...props(styles.option,chosen&&styles.optionChosen),children:[/*#__PURE__*/_jsx("span",{...props(styles.optionControl),children:control}),/*#__PURE__*/_jsxs("span",{...props(styles.optionBody),children:[/*#__PURE__*/_jsx("span",{...props(typeRoles.ui),children:option.label}),option.description?/*#__PURE__*/_jsx("span",{...props(typeRoles.caption,styles.optionDescription),children:option.description}):null]}),index<9?/*#__PURE__*/_jsx("span",{"aria-hidden":"true",...props(typeRoles.caption,styles.key),children:key}):null]}));}// The last choice is the person's own words.
+function OtherRow({chosen,multiple,onText,text}){const change=useCallback(event=>onText(event.currentTarget.value),[onText]);const control=multiple?/*#__PURE__*/_jsx(Checkbox,{"aria-label":"Something else",size:"sm",value:OTHER}):/*#__PURE__*/_jsx(Radio,{"aria-label":"Something else",value:OTHER});return/*#__PURE__*/_jsxs("div",{"data-slot":"question-card-other",...props(styles.option,styles.otherRow,chosen&&styles.optionChosen),children:[/*#__PURE__*/_jsx("span",{...props(styles.optionControl),children:control}),/*#__PURE__*/_jsx("input",{"aria-label":"Your own answer",onChange:change,placeholder:"Something else…",type:"text",value:text,...props(typeRoles.body,styles.other)})]});}function Choices({draft,labelledBy,onDraft,question}){const multiple=question.multiple===true;const choose=useCallback(value=>{const selected=Array.isArray(value)?value:[value];onDraft({...draft,selected:selected.map(String)});},[draft,onDraft]);// Typing an answer chooses it.
+const type=useCallback(other=>{const chosen=draft.selected.includes(OTHER);const selected=chosen?draft.selected:pick(draft,OTHER,multiple).selected;onDraft({other,selected});},[draft,multiple,onDraft]);const rows=/*#__PURE__*/_jsxs(_Fragment,{children:[question.options.map((option,index)=>/*#__PURE__*/_jsx(OptionRow,{chosen:draft.selected.includes(option.label),index:index,multiple:multiple,option:option},option.label)),question.other===false?null:/*#__PURE__*/_jsx(OtherRow,{chosen:draft.selected.includes(OTHER),multiple:multiple,onText:type,text:draft.other})]});if(multiple){return/*#__PURE__*/_jsx(CheckboxGroup,{"aria-labelledby":labelledBy,onValueChange:choose,value:draft.selected,children:/*#__PURE__*/_jsx("div",{...props(styles.options),children:rows})});}return/*#__PURE__*/_jsx(RadioGroup,{"aria-labelledby":labelledBy,onValueChange:choose,value:draft.selected[0]??null,children:/*#__PURE__*/_jsx("div",{...props(styles.options),children:rows})});}function Asking({onSubmit,onDecide,questions}){const titleId=useId();const[step,setStep]=useState(0);const[drafts,setDrafts]=useState({});// Focus moves to each new question, so it is read first.
+const moved=useRef(false);const focusQuestion=useCallback(node=>{if(node&&moved.current){moved.current=false;node.focus();}},[]);const question=questions[step];const draft=(question&&drafts[question.id])??EMPTY;const setDraft=useCallback(value=>{if(question){setDrafts(all=>({...all,[question.id]:value}));}},[question]);const last=step===questions.length-1;const go=useCallback((delta,skipping)=>{const kept=skipping&&question?{...drafts,[question.id]:EMPTY}:drafts;setDrafts(kept);if(delta>0&&last){onDecide();onSubmit?.(Object.fromEntries(questions.map(item=>[item.id,answerOf(kept[item.id])])));return;}moved.current=true;setStep(current=>current+delta);},[drafts,last,onDecide,onSubmit,question,questions]);const back=useCallback(()=>go(-1,false),[go]);const skip=useCallback(()=>go(1,true),[go]);const next=useCallback(()=>go(1,false),[go]);const keys=useCallback(event=>{const typing=event.target instanceof HTMLInputElement&&event.target.type==="text";const option=question?.options[Number(event.key)-1];if(typing||!DIGIT.test(event.key)||!option){return;}event.preventDefault();setDraft(pick(draft,option.label,question?.multiple===true));},[draft,question,setDraft]);if(!question){return null;}return(/*#__PURE__*/// biome-ignore lint/a11y/noNoninteractiveElementInteractions: number keys pick an option while focus is in the question; each option is also its own focusable control.
+_jsxs("fieldset",{"aria-labelledby":titleId,onKeyDown:keys,...props(approvalCardStyles.card),children:[/*#__PURE__*/_jsxs("div",{...props(approvalCardStyles.head),children:[/*#__PURE__*/_jsxs("p",{...props(typeRoles.caption,approvalCardStyles.kind),children:[/*#__PURE__*/_jsx("span",{"aria-hidden":"true",...props(approvalCardStyles.kindIcon),children:/*#__PURE__*/_jsx(IconMessageQuestion,{size:16})}),"Question",questions.length>1?/*#__PURE__*/_jsxs("span",{...props(styles.progress),children:[step+1," of ",questions.length]}):null]}),/*#__PURE__*/_jsx("p",{id:titleId,ref:focusQuestion,tabIndex:-1,...props(typeRoles.subheading,styles.question),children:question.title},question.id),question.description?/*#__PURE__*/_jsx("p",{...props(typeRoles.ui,approvalCardStyles.description),children:question.description}):null]}),/*#__PURE__*/_jsx(Choices,{draft:draft,labelledBy:titleId,onDraft:setDraft,question:question},question.id),/*#__PURE__*/_jsxs("div",{...props(styles.footer),children:[step>0?/*#__PURE__*/_jsx(Button,{onClick:back,size:"sm",variant:"ghost",children:"Back"}):null,/*#__PURE__*/_jsx("span",{...props(styles.spacer)}),/*#__PURE__*/_jsx(Button,{onClick:skip,size:"sm",variant:"ghost",children:"Skip"}),/*#__PURE__*/_jsx(Button,{onClick:next,size:"sm",children:last?"Submit":"Next"})]})]}));}function summaryOf(questions,answers){const[only]=questions;if(questions.length===1&&only){const answer=answers[only.id]?.join(", ");return{label:only.title,value:answer||"Skipped"};}const given=questions.filter(item=>answers[item.id]?.length).length;return{label:`Answered ${given} of ${questions.length} questions`,value:undefined};}// Once answered, the card folds into one line that opens to every answer.
+function Answered({answers,focusRef,questions}){const summary=summaryOf(questions,answers);return/*#__PURE__*/_jsx("div",{...props(toolCallStyles.root),children:/*#__PURE__*/_jsxs(Collapsible,{render:/*#__PURE__*/_jsx("div",{...props(toolCallStyles.clip)}),children:[/*#__PURE__*/_jsxs(CollapsibleTrigger,{ref:focusRef,render:/*#__PURE__*/_jsx("button",{type:"button",...props(typeRoles.ui,toolCallStyles.row)}),children:[/*#__PURE__*/_jsx("span",{"aria-hidden":"true",...props(toolCallStyles.icon),children:/*#__PURE__*/_jsx(IconMessageQuestion,{size:16})}),/*#__PURE__*/_jsxs("span",{...props(toolCallStyles.title),children:[summary.label,summary.value?/*#__PURE__*/_jsxs("span",{...props(toolCallStyles.name),children:[" · ",summary.value]}):null]}),/*#__PURE__*/_jsx(IconChevronDown,{"aria-hidden":"true",size:14,...props(toolCallStyles.chevron)})]}),/*#__PURE__*/_jsx(CollapsiblePanel,{children:/*#__PURE__*/_jsx("dl",{"data-slot":"question-card-answers",...props(toolCallStyles.panel,toolCallStyles.details,styles.answers),children:questions.map(item=>{const answer=answers[item.id]?.join(", ");return/*#__PURE__*/_jsxs("div",{...props(approvalCardStyles.detailRow),children:[/*#__PURE__*/_jsx("dt",{...props(typeRoles.caption,approvalCardStyles.detailLabel),children:item.title}),/*#__PURE__*/_jsx("dd",{...props(typeRoles.ui,styles.answer,!answer&&styles.skipped),children:answer||"Skipped"})]},item.id);})})})]})});}/**
+ * The agent asks the person to choose, one question at a time: options
+ * with number keys, an answer in their own words, and Skip. Once answered,
+ * the card folds into one line that opens to every answer.
+ */export function QuestionCard({answers={},onSubmit,questions,ref:forwardedRef,status,...rest}){const decidedHere=useRef(false);const onDecide=useCallback(()=>{decidedHere.current=true;},[]);const focusRef=useCallback(node=>{if(node&&decidedHere.current){decidedHere.current=false;node.focus();}},[]);for(const prop of["className","data-slot","role","style"]){Reflect.deleteProperty(rest,prop);}const pending=status==="pending";return/*#__PURE__*/_jsxs("div",{...rest,"data-slot":"question-card","data-status":status,ref:forwardedRef,children:[/*#__PURE__*/_jsx("span",{"aria-live":"polite","data-slot":"question-card-status",role:"status",...props(visuallyHiddenStyles.root),children:pending?"":"Answered"}),pending?/*#__PURE__*/_jsx(Asking,{onDecide:onDecide,onSubmit:onSubmit,questions:questions}):/*#__PURE__*/_jsx(Answered,{answers:answers,focusRef:focusRef,questions:questions})]});}

package/dist/components/question-card/question-card.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}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{lineHeight}from"../../styles/typography.stylex";export const questionCardStyles={answer:{kogj98:"x1ghz6dp",$$css:true},answers:{kGNEyG:"x1pha0wt",k1C7PZ:"xejpt2e",k1xSpc:"xrvj5dj",kumcoG:"xcjjqqt",kogj98:"x1ghz6dp",khm7nJ:"xfk3ji1",$$css:true},footer:{kGNEyG:"x6s0dn4",k1xSpc:"x78zum5",kOIVth:"xp4ho6d",$$css:true},key:{kGNEyG:"x6s0dn4",kZKoxP:"x15nbl1q",kMwMTN:"x125omll",k1xSpc:"x78zum5",kmuXW:"x2lah0s",kcqcaj:"xss6m8b",keTefX:"xvc5jky",$$css:true},option:{kGNEyG:"x1cy8zhl",kWkggS:"xxsa5ao x12ribo7 xjbqb8w",kaIpWk:"x2b34ud",kMwMTN:"x14tvo57",kkrTdU:"x1ypdohk",k1xSpc:"x78zum5",kOIVth:"xiw8qbs",k8WAf4:"x391bbb",kg3NbH:"xb5xqfq",$$css:true},optionBody:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x195vfkc",k7Eaqz:"xeuugli",$$css:true},optionChosen:{kWkggS:"xxsa5ao x1tqjgvh x1o7hn9x",$$css:true},optionControl:{k1xSpc:"x78zum5",kmuXW:"x2lah0s",kLKAdn:"x1nn3v0j",$$css:true},optionDescription:{kMwMTN:"x125omll",$$css:true},options:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x195vfkc",$$css:true},other:{k8Qsv1:"x10l60j5",kH8XJS:"x7xwk5j",kysU6D:"xjyslct",kWkggS:"xjbqb8w",kZKoxP:"x1sscbzi",kMzoRj:"xc342km",kB7OPa:"x9f619",kMwMTN:"x14tvo57",kzQI83:"x1iyjqo2",kogj98:"x1ghz6dp",k7Eaqz:"xeuugli",kI3sdo:"x1a2a7pz",kmVPX3:"x1717udv",$$css:true},otherRow:{kGNEyG:"x6s0dn4",kjBf7l:"x10f1rt7 x1uczgqu",kInvED:"x1wfwxd8",k3XXqK:"x1ae5oaz x1t137rt",kMeerF:"x1vhx2qj",$$css:true},progress:{kcqcaj:"xss6m8b",keTefX:"xvc5jky",$$css:true},question:{kMwMTN:"x14tvo57",kogj98:"x1ghz6dp",kI3sdo:"x1a2a7pz",$$css:true},skipped:{kMwMTN:"x125omll",$$css:true},spacer:{kzQI83:"x1iyjqo2",$$css:true}};

package/dist/components/radar-chart/radar-chart.d.ts

@@ -0,0 +1,28 @@
+import type { ComponentPropsWithRef } from "react";
+import type { Closed } from "../../closed";
+export interface RadarChartAxis {
+    id: string;
+    label: string;
+}
+export interface RadarChartSeries {
+    id: string;
+    label: string;
+    /** One value per axis, in axis order. */
+    values: readonly number[];
+}
+export type RadarChartProps = Omit<Closed<ComponentPropsWithRef<"div">>, "aria-label" | "children" | "data-slot" | "role"> & {
+    "aria-description"?: string;
+    "aria-label": string;
+    /** Three to eight axes, clockwise from the top. */
+    axes: readonly RadarChartAxis[];
+    formatValue?: (value: number) => string;
+    /** Shows the series legend below the chart. Turn it off when a card header shows it. */
+    legend?: boolean;
+    locale?: string;
+    /** The value at the outer ring. Defaults to the largest value. */
+    max?: number;
+    /** Up to three series; any two can overlap, so only three hues stay distinct. */
+    series: readonly RadarChartSeries[];
+};
+/** Up to three profiles across three to eight measures on one scale. */
+export declare function RadarChart({ "aria-description": ariaDescription, "aria-label": ariaLabel, axes, formatValue, legend, locale, max, ref: forwardedRef, series, ...rest }: RadarChartProps): import("react").JSX.Element;

package/dist/components/radar-chart/radar-chart.js

@@ -0,0 +1 @@
+"use client";import{create,props}from"@stylexjs/stylex";import{defineChart}from"@tanstack/charts";import{angleGrid,focusGroupAngle,polar,radialArea,radialGrid,radialLine}from"@tanstack/charts/polar";import{scaleLinear}from"@tanstack/charts/scales/linear";import{scalePoint}from"@tanstack/charts/scales/point";import{tooltip as tooltipFeature}from"@tanstack/charts/tooltip";import{curveLinearClosed}from"d3-shape";import{useMemo}from"react";import{colors}from"../../styles/colors.stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";import{assertIdentity,assertNonNegative}from"../chart-frame/chart-assert";import{chartColors}from"../chart-frame/chart-colors";import{ChartFrame}from"../chart-frame/chart-frame";import{ChartLegend}from"../chart-legend/chart-legend";import{ChartTooltip}from"../chart-tooltip/chart-tooltip";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const NAME="RadarChart";const TONES=["series1","series2","series3"];const RINGS=[0.25,0.5,0.75,1];function seriesRows(entry,axes){const values=entry.values;if(!Array.isArray(values)||values.length!==axes.length){throw new RangeError(`${NAME} series need one value per axis.`);}return values.map((value,index)=>{assertNonNegative(NAME,value);const axis=axes[index].id;return{axis,id:`${entry.id}:${axis}`,series:entry.id,value};});}function prepare(axes,series){if(!Array.isArray(axes)||axes.length<3||axes.length>8){throw new RangeError(`${NAME} needs three to eight axes.`);}if(!Array.isArray(series)||series.length===0||series.length>3){throw new RangeError(`${NAME} needs one to three series.`);}const axisIds=new Set();for(const axis of axes){assertIdentity(NAME,axis,axisIds);}const seriesIds=new Set();return series.flatMap(entry=>{assertIdentity(NAME,entry,seriesIds);return seriesRows(entry,axes);});}function renderTooltip(context,axes,series,format){const point=context.primaryPoint??context.points[0];if(!point){return null;}const values=new Map(context.points.map(({datum})=>[datum.series,datum.value]));return/*#__PURE__*/_jsx(ChartTooltip,{items:series.flatMap(({id,label},index)=>values.has(id)?[{id,label,tone:TONES[index],value:format(values.get(id)??0)}]:[]),label:axes.find(({id})=>id===point.datum.axis)?.label});}function assertOptions(ariaLabel,max){if(typeof ariaLabel!=="string"||!ariaLabel.trim()){throw new TypeError(`${NAME} requires a non-empty aria-label.`);}if(max!==undefined&&!(Number.isFinite(max)&&max>0)){throw new RangeError(`${NAME} max must be positive.`);}}/** Up to three profiles across three to eight measures on one scale. */export function RadarChart({"aria-description":ariaDescription,"aria-label":ariaLabel,axes,formatValue,legend=true,locale="en-US",max,ref:forwardedRef,series,...rest}){assertOptions(ariaLabel,max);for(const name of["aria-label","children","className","data-slot","role","style"]){Reflect.deleteProperty(rest,name);}const rows=useMemo(()=>prepare(axes,series),[axes,series]);const format=useMemo(()=>formatValue??new Intl.NumberFormat(locale).format,[formatValue,locale]);const outer=max??Math.max(1,...rows.map(({value})=>value));const definition=useMemo(()=>{const labels=new Map(axes.map(({id,label})=>[id,label]));const tones=new Map(series.map(({id},index)=>[id,TONES[index]]));const toneOf=row=>chartColors[tones.get(row.series)??"series1"];const marks=series.flatMap(({id})=>{const own=rows.filter(row=>row.series===id);return[radialArea(own,{angle:"axis",curve:curveLinearClosed,fill:toneOf,fillOpacity:0.16,id:`radar-area-${id}`,key:"id",radius:"value"}),radialLine(own,{angle:"axis",curve:curveLinearClosed,id:`radar-line-${id}`,key:"id",points:true,radius:"value",stroke:toneOf,strokeWidth:2,z:"series"})];});return defineChart({marks:[polar({guides:[radialGrid({shape:"polygon",stroke:colors.border,strokeOpacity:1,values:RINGS.map(ring=>ring*outer)}),angleGrid({format:axis=>labels.get(String(axis))??String(axis),labels:true,stroke:colors.border,strokeOpacity:1})],marks,radiusRatio:0.72,scales:{angle:{scale:scalePoint().domain(axes.map(({id})=>id)),wrap:true},radius:{scale:scaleLinear().domain([0,outer])}}})],scales:{x:null,y:null}},{focus:focusGroupAngle,tooltip:tooltipFeature});},[axes,outer,rows,series]);const renderTooltipBody=useMemo(()=>context=>renderTooltip(context,axes,series,format),[axes,format,series]);return/*#__PURE__*/_jsxs("div",{...rest,"data-slot":"radar-chart",ref:forwardedRef,...{className:"xeuugli"},children:[/*#__PURE__*/_jsx(ChartFrame,{"aria-description":ariaDescription,"aria-label":ariaLabel,definition:definition,height:300,renderTooltipBody:renderTooltipBody,tabIndex:0}),legend&&series.length>1?/*#__PURE__*/_jsx("div",{...{className:"x1fynrwi"},children:/*#__PURE__*/_jsx(ChartLegend,{"aria-label":`${ariaLabel} series`,items:series.map(({id,label},index)=>({id,label,tone:TONES[index]}))})}):null]});}

package/dist/components/radial-bars/radial-bars.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentPropsWithRef } from "react";
+import type { Closed } from "../../closed";
+export interface RadialBarsItem {
+    id: string;
+    label: string;
+    value: number;
+}
+export type RadialBarsProps = Omit<Closed<ComponentPropsWithRef<"figure">>, "aria-label" | "children" | "data-slot" | "role"> & {
+    "aria-label": string;
+    formatValue?: (value: number) => string;
+    /** Up to six items, drawn largest outermost. */
+    items: readonly RadialBarsItem[];
+    locale?: string;
+};
+/**
+ * Concentric bars around a center, one per item, largest outermost. Read the
+ * exact values in the tiles; arc length is a quick ranking, not a measure.
+ */
+export declare function RadialBars({ "aria-label": ariaLabel, formatValue, items, locale, ref: forwardedRef, ...rest }: RadialBarsProps): import("react").JSX.Element;

package/dist/components/radial-bars/radial-bars.js

@@ -0,0 +1,8 @@
+"use client";import{create,props}from"@stylexjs/stylex";import{useMemo}from"react";import"../../styles/colors.stylex";import{colors}from"../../styles/colors.stylex";import"../../styles/shape.stylex";import{shape}from"../../styles/shape.stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";import{typeRoles}from"../../styles/typography.styles";import"../../styles/typography.stylex";import{fontWeight}from"../../styles/typography.stylex";import{assertAriaLabel,assertIdentity,assertNonNegative}from"../chart-frame/chart-assert";import{chartColors}from"../chart-frame/chart-colors";import{ChartHoverTooltip,useChartHover}from"../chart-frame/chart-hover";import{RingGraphic}from"../chart-frame/ring-graphic";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const NAME="RadialBars";const TONES=["series1","series2","series3","series4","series5","series6"];const DIAMETER=200;const GAP=4;// The largest bar spans three quarters of a turn, which keeps outer rings from
+// exaggerating their values as much as a full circle would.
+const SWEEP=0.75;const _temp={kZKoxP:"x1qa65zt",kaIpWk:"x18zih8k",kmuXW:"x2lah0s",kzqmXN:"x1e7hgle","$$css":true};const styles={root:{kGNEyG:"x6s0dn4",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x1q60jeg",kogj98:"x1ghz6dp",k7Eaqz:"xeuugli",$$css:true},swatch:backgroundColor=>[_temp,{kWkggS:backgroundColor!=null?"xl8spv7":backgroundColor,$$css:true},{"--x-backgroundColor":backgroundColor!=null?backgroundColor:undefined}],tile:{kWkggS:"xwn18cz",kaIpWk:"x2b34ud",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x13hh4mm",k7Eaqz:"xeuugli",k8WAf4:"x391bbb",kg3NbH:"xy7odpl",$$css:true}};function assertItems(items){if(!Array.isArray(items)||items.length===0||items.length>TONES.length){throw new RangeError(`${NAME} needs one to six items.`);}const ids=new Set();for(const item of items){assertIdentity(NAME,item,ids);assertNonNegative(NAME,item.value);}}/**
+ * Concentric bars around a center, one per item, largest outermost. Read the
+ * exact values in the tiles; arc length is a quick ranking, not a measure.
+ */export function RadialBars({"aria-label":ariaLabel,formatValue,items,locale="en-US",ref:forwardedRef,...rest}){assertAriaLabel(NAME,ariaLabel);assertItems(items);for(const name of["children","className","data-slot","role","style"]){Reflect.deleteProperty(rest,name);}const format=formatValue??new Intl.NumberFormat(locale).format;// Tones follow input order, so sorting never repaints an item.
+const ranked=items.map((item,index)=>({...item,tone:TONES[index]})).sort((left,right)=>right.value-left.value);const max=ranked[0]?.value||1;const stroke=Math.min(16,DIAMETER*0.36/ranked.length-GAP);const hover=useChartHover();const{fade,hostRef,hostStyle,linkProps,markProps}=hover;// Hovering a bar shows its value; hovering a tile lights its bar.
+const ringHover=useMemo(()=>{const tips=new Map(ranked.map(({id,label,tone,value})=>[id,{items:[{id,label,tone,value:format(value)}]}]));return{fade,markProps:id=>markProps(id,tips.get(id))};},[fade,format,markProps,ranked]);return/*#__PURE__*/_jsxs("figure",{...rest,"aria-label":ariaLabel,"data-slot":"radial-bars",ref:forwardedRef,...props(styles.root,typeRoles.ui),children:[/*#__PURE__*/_jsxs("div",{ref:hostRef,...props(hostStyle),children:[/*#__PURE__*/_jsx(RingGraphic,{diameter:DIAMETER,gap:GAP,hover:ringHover,rings:ranked.map(({id,tone,value})=>({fraction:value/max,id,tone})),stroke:stroke,sweep:SWEEP}),/*#__PURE__*/_jsx(ChartHoverTooltip,{hover:hover.hover})]}),/*#__PURE__*/_jsx("ul",{...{className:"xkh2ocl xrvj5dj xp4ho6d x1cmj9de xe8uvvx x1ghz6dp x1717udv"},children:items.map(({id,label,value},index)=>/*#__PURE__*/_jsxs("li",{"data-slot":"radial-bars-item",...linkProps(id),...props(styles.tile,...fade(id)),children:[/*#__PURE__*/_jsxs("span",{...{className:"x6s0dn4 x125omll x78zum5 xp4ho6d xeuugli"},children:[/*#__PURE__*/_jsx("span",{"aria-hidden":"true",...props(styles.swatch(chartColors[TONES[index]]))}),label]}),/*#__PURE__*/_jsx("span",{...{className:"x14tvo57 xss6m8b xuku2lm"},children:format(value)})]},id))})]});}

package/dist/components/radio/radio-card.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from "react";
+import { type RadioProps } from "./radio";
+type RadioCardControlProps<Value> = Pick<RadioProps<Value>, "aria-describedby" | "id" | "inputRef" | "readOnly" | "required" | "value"> & {
+    disabled?: boolean;
+    invalid?: boolean;
+    ref?: RadioProps<Value>["ref"];
+    size?: RadioProps<Value>["size"];
+};
+export type RadioCardProps<Value = unknown> = RadioCardControlProps<Value> & {
+    description?: ReactNode;
+    error?: ReactNode;
+    label: ReactNode;
+};
+export declare function RadioCard<Value = unknown>({ description, disabled, error, invalid, label, ...radioProps }: RadioCardProps<Value>): import("react").JSX.Element;
+export {};

package/dist/components/radio/radio-card.js

@@ -0,0 +1 @@
+"use client";import{Field as BaseField}from"@base-ui/react/field";import{props}from"@stylexjs/stylex";import{useId}from"react";import{checkboxCardStyles}from"../checkbox/checkbox-card.styles";import{Field,FieldDescription,FieldError}from"../field/field";import{Radio}from"./radio";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function RadioCard({description,disabled=false,error,invalid=false,label,...radioProps}){const labelId=useId();return/*#__PURE__*/_jsxs(Field,{disabled:disabled,invalid:invalid,children:[/*#__PURE__*/_jsxs(BaseField.Label,{...props(checkboxCardStyles.label),children:[/*#__PURE__*/_jsx(Radio,{...radioProps,"aria-labelledby":labelId,disabled:disabled,invalid:invalid}),/*#__PURE__*/_jsxs("span",{...props(checkboxCardStyles.content),children:[/*#__PURE__*/_jsx("span",{id:labelId,children:label}),description!==undefined&&description!==null?/*#__PURE__*/_jsx(FieldDescription,{render:/*#__PURE__*/_jsx("span",{}),children:description}):null]})]}),error!==undefined&&error!==null?/*#__PURE__*/_jsx(FieldError,{match:true,children:error}):null]});}

package/dist/components/radio/radio.d.ts

@@ -0,0 +1,9 @@
+import { type RadioRootProps } from "@base-ui/react/radio";
+export type RadioSize = "default" | "lg" | "sm";
+export type RadioProps<Value = unknown> = Omit<RadioRootProps<Value>, "children" | "className" | "disabled" | "nativeButton" | "ref" | "render" | "style"> & {
+    disabled?: boolean;
+    invalid?: boolean;
+    ref?: RadioRootProps<Value>["ref"];
+    size?: RadioSize;
+};
+export declare function Radio<Value = unknown>({ disabled, invalid, readOnly, ref: forwardedRef, size, ...rest }: RadioProps<Value>): import("react").JSX.Element;

package/dist/components/radio/radio.js

@@ -0,0 +1 @@
+"use client";import{Radio as BaseRadio}from"@base-ui/react/radio";import{props}from"@stylexjs/stylex";import{checkboxStyles}from"../checkbox/checkbox.styles";import{radioStyles}from"./radio.styles";import{jsx as _jsx}from"react/jsx-runtime";const sizeStyles={default:radioStyles.sizeDefault,lg:radioStyles.sizeLg,sm:radioStyles.sizeSm};export function Radio({disabled=false,invalid=false,readOnly=false,ref:forwardedRef=undefined,size="default",...rest}){return/*#__PURE__*/_jsx(BaseRadio.Root,{...rest,"aria-invalid":invalid||undefined,"data-slot":"radio",disabled:disabled,readOnly:readOnly,ref:forwardedRef,...props(checkboxStyles.base,checkboxStyles.forcedColorsSelected,radioStyles.root,sizeStyles[size]),children:/*#__PURE__*/_jsx(BaseRadio.Indicator,{"data-slot":"radio-indicator",...props(radioStyles.indicator)})});}

package/dist/components/radio/radio.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/conditions.stylex";import{conditions}from"../../styles/conditions.stylex";import"../../styles/interaction.stylex";import{scale}from"../../styles/interaction.stylex";import"../../styles/motion.stylex";import{duration,easing}from"../../styles/motion.stylex";export const radioStyles={indicator:{kWkggS:"xtwfq29",kaIpWk:"x10hpsqq",k1xSpc:"x1lliihq",kZKoxP:"x164u9eo",kSiTet:"xiyypsa x1hw7zpd x1hc1fzr",kfzvcC:"x47corl",k3aq6I:"xsgl9vz x4hi2ee x3oybdh",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"x6o7n8i",kAMwcw:"x3us6rm x1bsmr72",kzqmXN:"x1jjc1wv",$$css:true},root:{kT0f0o:"x3hdh8v",kVL7Gh:"xr0m5pc",kfmiAY:"x9okykr",krdFHd:"x1142k65",k3aq6I:"xwwwllw x1f2vhwy x1c071of",$$css:true},sizeDefault:{kZKoxP:"xaylbqo",kzqmXN:"xsk17dz",$$css:true},sizeLg:{kZKoxP:"xmll18r",kzqmXN:"xwqq7k2",$$css:true},sizeSm:{kZKoxP:"x1l36t39",kzqmXN:"xcdlrvm",$$css:true}};

package/dist/components/radio-group/radio-group.d.ts

@@ -0,0 +1,3 @@
+import { type RadioGroupProps as BaseRadioGroupProps } from "@base-ui/react/radio-group";
+export type RadioGroupProps<Value = unknown> = Omit<BaseRadioGroupProps<Value>, "className" | "render" | "style">;
+export declare function RadioGroup<Value = unknown>({ children, ref: forwardedRef, ...rest }: RadioGroupProps<Value>): import("react").JSX.Element;

package/dist/components/radio-group/radio-group.js

@@ -0,0 +1 @@
+"use client";import{RadioGroup as BaseRadioGroup}from"@base-ui/react/radio-group";import{props}from"@stylexjs/stylex";import{checkboxGroupStyles}from"../checkbox-group/checkbox-group.styles";import{jsx as _jsx}from"react/jsx-runtime";export function RadioGroup({children,ref:forwardedRef=undefined,...rest}){return/*#__PURE__*/_jsx(BaseRadioGroup,{...rest,ref:forwardedRef,...props(checkboxGroupStyles.root),children:children});}

package/dist/components/sankey-chart/sankey-chart.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentPropsWithRef } from "react";
+import type { Closed } from "../../closed";
+import { type SankeyLink, type SankeyNode } from "./sankey-layout";
+export type { SankeyLink, SankeyNode } from "./sankey-layout";
+export type SankeyChartProps = Omit<Closed<ComponentPropsWithRef<"figure">>, "aria-label" | "children" | "data-slot" | "role"> & {
+    "aria-label": string;
+    formatValue?: (value: number) => string;
+    links: readonly SankeyLink[];
+    locale?: string;
+    /** Up to six sources on the left; each colors its ribbons. */
+    sources: readonly SankeyNode[];
+    /** Targets on the right, drawn in the neutral reference tone. */
+    targets: readonly SankeyNode[];
+};
+/** Flows from up to six sources to their targets, one ribbon per link. */
+export declare function SankeyChart({ "aria-label": ariaLabel, formatValue, links, locale, ref: forwardedRef, sources, targets, ...rest }: SankeyChartProps): import("react").JSX.Element;

package/dist/components/sankey-chart/sankey-chart.js

@@ -0,0 +1 @@
+"use client";import{create,props}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors}from"../../styles/colors.stylex";import"../../styles/motion.stylex";import{duration}from"../../styles/motion.stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";import{typeRoles}from"../../styles/typography.styles";import"../../styles/typography.stylex";import{fontWeight}from"../../styles/typography.stylex";import{assertIdentity,assertNonNegative}from"../chart-frame/chart-assert";import{chartColors}from"../chart-frame/chart-colors";import{ChartDataTable}from"../chart-frame/chart-data-table";import{ChartHoverTooltip,useChartHover}from"../chart-frame/chart-hover";import{Table,TableBody,TableCaption,TableCell,TableContainer,TableHead,TableHeader,TableRow}from"../table/table";import{layoutSankey,ribbonPath}from"./sankey-layout";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";const NAME="SankeyChart";const TONES=["series1","series2","series3","series4","series5","series6"];const HEIGHT=320;const PADDING=12;const NODE=8;const RIBBON_WIDTH=1000;const _temp={kZKoxP:"xyq6l7l",kaIpWk:"x18zih8k",k87sOh:"x5mnzd7",kkqhue:"x17y0mx6",kVAEAm:"x10l6tqk","$$css":true};const _temp2={k87sOh:"x5mnzd7",kkqhue:"x17y0mx6",kVQacm:"xb3r6kr",kVAEAm:"x10l6tqk",kg5iWk:"xlyipyv",k3aq6I:"x1cb1t30",khDVqt:"xuxw1ft","$$css":true};const styles={bar:(top,blockSize,backgroundColor)=>[_temp,{kWkggS:backgroundColor!=null?"xl8spv7":backgroundColor,$$css:true},{"--x-backgroundColor":backgroundColor!=null?backgroundColor:undefined,"--x-blockSize":(val=>typeof val==="number"?val+"px":val!=null?val:undefined)(Math.max(blockSize,2)),"--x-insetBlockStart":(val=>typeof val==="number"?val+"px":val!=null?val:undefined)(top)}],barSource:{kT0f0o:"x16uus16",kfmiAY:"x1ga7v0g",$$css:true},barTarget:{kVL7Gh:"xbiv7yw",krdFHd:"x15mokao",$$css:true},label:top=>[_temp2,{"--x-insetBlockStart":(val=>typeof val==="number"?val+"px":val!=null?val:undefined)(top)}],labelEnd:{kwRFfy:"xuvjzps",k9WMMc:"xp4054r",$$css:true},labelStart:{kZCmMZ:"xt0na8i",$$css:true},plot:{k1xSpc:"xrvj5dj",kumcoG:"xyhz18g",$$css:true},ribbon:{kSiTet:"xk8c4ds",kIyJzY:"x1j5v3x2",k1ekBW:"x19991ni",$$css:true},ribbonFaint:{kSiTet:"x1kzsush",$$css:true},ribbonStrong:{kSiTet:"xmu36h7",$$css:true},root:{kogj98:"x1ghz6dp",k7Eaqz:"xeuugli",$$css:true},sizer:{kZKoxP:"xqtp20y",kVQacm:"xb3r6kr",k33iCy:"xlshs6z",khDVqt:"xuxw1ft",$$css:true}};function assertNodes(sources,targets){if(!Array.isArray(sources)||sources.length===0||sources.length>TONES.length){throw new RangeError(`${NAME} needs one to six sources.`);}if(!Array.isArray(targets)||targets.length===0){throw new RangeError(`${NAME} needs at least one target.`);}const sourceIds=new Set();const targetIds=new Set();for(const node of sources){assertIdentity(NAME,node,sourceIds);}for(const node of targets){assertIdentity(NAME,node,targetIds);}return{sourceIds,targetIds};}function assertInput(sources,targets,links){const{sourceIds,targetIds}=assertNodes(sources,targets);if(!Array.isArray(links)){throw new TypeError(`${NAME} links must be an array.`);}for(const{source,target,value}of links){if(!(sourceIds.has(source)&&targetIds.has(target))){throw new RangeError(`${NAME} links must join a known source and target.`);}assertNonNegative(NAME,value);}}function NodeLabels({align,nodes}){const side=align==="end"?styles.labelEnd:styles.labelStart;const text=node=>/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("span",{...{className:"x14tvo57 xuku2lm"},children:node.label}),/*#__PURE__*/_jsxs("span",{...{className:"x125omll"},children:[" ",node.detail]})]});return/*#__PURE__*/_jsxs("div",{"aria-hidden":"true",...{className:"xu3xrit xeuugli x1n2onr6"},children:[/*#__PURE__*/_jsx("div",{...props(styles.sizer,side),children:nodes.map(node=>/*#__PURE__*/_jsx("div",{children:text(node)},node.id))}),nodes.map(node=>/*#__PURE__*/_jsx("div",{...props(styles.label(node.top+node.height/2),side),children:text(node)},node.id))]});}/** Flows from up to six sources to their targets, one ribbon per link. */export function SankeyChart({"aria-label":ariaLabel,formatValue,links,locale="en-US",ref:forwardedRef,sources,targets,...rest}){if(typeof ariaLabel!=="string"||!ariaLabel.trim()){throw new TypeError(`${NAME} requires a non-empty aria-label.`);}assertInput(sources,targets,links);for(const name of["aria-label","children","className","data-slot","role","style"]){Reflect.deleteProperty(rest,name);}const format=formatValue??new Intl.NumberFormat(locale).format;const share=new Intl.NumberFormat(locale,{maximumFractionDigits:0,style:"percent"});const layout=layoutSankey(sources,targets,links,HEIGHT,PADDING);const tones=new Map(sources.map(({id},index)=>[id,chartColors[TONES[index]]]));const labels=new Map([...sources,...targets].map(({id,label})=>[id,label]));const toneKeys=new Map(sources.map(({id},index)=>[id,TONES[index]]));const hover=useChartHover();const{active,hostRef,hostStyle,linkProps,markProps}=hover;const ribbonEmphasis=({source,target})=>{if(active===null){return null;}const touched=[`${source}:${target}`,source,target].includes(active);return touched?styles.ribbonStrong:styles.ribbonFaint;};return/*#__PURE__*/_jsxs("figure",{...rest,"aria-label":ariaLabel,"data-slot":"sankey-chart",ref:forwardedRef,...props(styles.root,typeRoles.ui),children:[/*#__PURE__*/_jsxs("div",{ref:hostRef,...props(styles.plot,hostStyle),children:[/*#__PURE__*/_jsx(NodeLabels,{align:"end",nodes:layout.left.map(node=>({...node,detail:format(node.value)}))}),/*#__PURE__*/_jsx("div",{"aria-hidden":"true",...{className:"xu3xrit xeuugli x1n2onr6"},children:layout.left.map(({height,id,top})=>/*#__PURE__*/_jsx("span",{...linkProps(id),...props(styles.bar(top,height,tones.get(id)??""),styles.barSource)},id))}),/*#__PURE__*/_jsx("svg",{"aria-hidden":"true",preserveAspectRatio:"none",viewBox:`0 0 ${RIBBON_WIDTH} ${HEIGHT}`,...{className:"xu3xrit x1lliihq xh8yej3"},children:layout.links.map(link=>/*#__PURE__*/_jsx("path",{d:ribbonPath(link,RIBBON_WIDTH),fill:tones.get(link.source),...markProps(`${link.source}:${link.target}`,{items:[{id:link.target,label:labels.get(link.target),tone:toneKeys.get(link.source)??"series1",value:format(link.value)}],label:`${labels.get(link.source)} →`}),...props(styles.ribbon,ribbonEmphasis(link))},`${link.source}:${link.target}`))}),/*#__PURE__*/_jsx("div",{"aria-hidden":"true",...{className:"xu3xrit xeuugli x1n2onr6"},children:layout.right.map(({height,id,top})=>/*#__PURE__*/_jsx("span",{...linkProps(id),...props(styles.bar(top,height,colors.chartReference),styles.barTarget)},id))}),/*#__PURE__*/_jsx(NodeLabels,{align:"start",nodes:layout.right.map(node=>({...node,detail:`· ${share.format(node.value/(layout.total||1))}`}))}),/*#__PURE__*/_jsx(ChartHoverTooltip,{hover:hover.hover})]}),/*#__PURE__*/_jsx(ChartDataTable,{children:/*#__PURE__*/_jsx(TableContainer,{"aria-label":`${ariaLabel} data`,children:/*#__PURE__*/_jsxs(Table,{children:[/*#__PURE__*/_jsxs(TableCaption,{children:[ariaLabel," flows"]}),/*#__PURE__*/_jsx(TableHeader,{sticky:false,children:/*#__PURE__*/_jsxs(TableRow,{children:[/*#__PURE__*/_jsx(TableHead,{scope:"col",children:"From"}),/*#__PURE__*/_jsx(TableHead,{scope:"col",children:"To"}),/*#__PURE__*/_jsx(TableHead,{scope:"col",children:"Value"})]})}),/*#__PURE__*/_jsx(TableBody,{children:layout.links.map(({source,target,value})=>/*#__PURE__*/_jsxs(TableRow,{children:[/*#__PURE__*/_jsx(TableCell,{children:labels.get(source)}),/*#__PURE__*/_jsx(TableCell,{children:labels.get(target)}),/*#__PURE__*/_jsx(TableCell,{numeric:true,children:format(value)})]},`${source}:${target}`))})]})})})]});}

package/dist/components/sankey-chart/sankey-layout.d.ts

@@ -0,0 +1,34 @@
+export interface SankeyNode {
+    id: string;
+    label: string;
+}
+export interface SankeyLink {
+    source: string;
+    target: string;
+    value: number;
+}
+export interface PlacedNode extends SankeyNode {
+    height: number;
+    top: number;
+    value: number;
+}
+export interface PlacedLink extends SankeyLink {
+    sourceTop: number;
+    targetTop: number;
+    thickness: number;
+}
+export declare function layoutSankey(sources: readonly SankeyNode[], targets: readonly SankeyNode[], links: readonly SankeyLink[], height: number, padding: number): {
+    left: PlacedNode[];
+    links: {
+        source: string;
+        target: string;
+        value: number;
+        sourceTop: number;
+        targetTop: number;
+        thickness: number;
+    }[];
+    right: PlacedNode[];
+    total: number;
+};
+/** A ribbon from x 0 to `width` with an S-curve through the middle. */
+export declare function ribbonPath(link: PlacedLink, width: number): string;

package/dist/components/sankey-chart/sankey-layout.js

@@ -0,0 +1,5 @@
+// A two-column Sankey layout: sources on the left, targets on the right, and
+// one ribbon per link. Positions are in pixels along a fixed plot height.
+function placeColumn(nodes,totals,height,padding,scale){const used=nodes.reduce((sum,{id})=>sum+(totals.get(id)??0)*scale,0);const free=height-used-padding*(nodes.length-1);let top=Math.max(0,free/2);return nodes.map(node=>{const value=totals.get(node.id)??0;const placed={...node,height:value*scale,top,value};top+=placed.height+padding;return placed;});}function sumBy(links,key){const totals=new Map();for(const link of links){totals.set(link[key],(totals.get(link[key])??0)+link.value);}return totals;}export function layoutSankey(sources,targets,links,height,padding){const sourceTotals=sumBy(links,"source");const targetTotals=sumBy(links,"target");const total=links.reduce((sum,{value})=>sum+value,0);const gaps=padding*Math.max(sources.length,targets.length)-padding;const scale=total>0?(height-gaps)/total:0;const left=placeColumn(sources,sourceTotals,height,padding,scale);const right=placeColumn(targets,targetTotals,height,padding,scale);// Links stack inside each node in the order of the opposite column, so
+// ribbons cross as little as a two-column layout allows.
+const sourceOffset=new Map(left.map(({id,top})=>[id,top]));const targetOffset=new Map(right.map(({id,top})=>[id,top]));const sourceOrder=new Map(sources.map(({id},index)=>[id,index]));const targetOrder=new Map(targets.map(({id},index)=>[id,index]));const ordered=[...links].sort((a,b)=>(sourceOrder.get(a.source)??0)-(sourceOrder.get(b.source)??0)||(targetOrder.get(a.target)??0)-(targetOrder.get(b.target)??0));const placed=ordered.map(link=>{const thickness=link.value*scale;const sourceTop=sourceOffset.get(link.source)??0;sourceOffset.set(link.source,sourceTop+thickness);return{...link,sourceTop,targetTop:0,thickness};});const byTarget=[...placed].sort((a,b)=>(targetOrder.get(a.target)??0)-(targetOrder.get(b.target)??0)||(sourceOrder.get(a.source)??0)-(sourceOrder.get(b.source)??0));for(const link of byTarget){const top=targetOffset.get(link.target)??0;link.targetTop=top;targetOffset.set(link.target,top+link.thickness);}return{left,links:placed,right,total};}/** A ribbon from x 0 to `width` with an S-curve through the middle. */export function ribbonPath(link,width){const{sourceTop:s0,targetTop:t0,thickness}=link;const mid=width/2;const s1=s0+thickness;const t1=t0+thickness;return`M0,${s0} C${mid},${s0} ${mid},${t0} ${width},${t0} L${width},${t1} C${mid},${t1} ${mid},${s1} 0,${s1} Z`;}