@mizen-labs/ui 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Mizen contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,73 @@
-# Temporary Holding Version
+# @mizen-labs/ui
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+[Documentation and examples](https://ui.mizen-labs.dev/).
+
+React components for product interfaces: forms, data, charts, overlays, and
+agent workflows. Built on Base UI for behavior and accessibility, and StyleX
+for styles.
+
+## Install
+
+The manifest targets version 0.1.0. No public npm release is available yet.
+Pack the candidate from the repository, then install it in your existing app:
+
+```sh
+# Repository:
+pnpm --filter @mizen-labs/ui pack --out /tmp/mizen-ui.tgz
+# Consumer app:
+npm install /tmp/mizen-ui.tgz
+```
+
+React and ReactDOM must satisfy `^19.2.8`. Import the compiled stylesheet once:
+
+```tsx
+import "@mizen-labs/ui/styles.css";
+```
+
+Components load their own structural CSS. No consumer Babel or PostCSS plugins
+are required. The atomic stylesheet covers the whole package; it does not shrink
+based on component imports. Plain React + Vite needs no special bundling setting. Wrap its mounted tree in
+ThemeProvider, import the stylesheet, and call initializeTheme from
+@mizen-labs/ui/theme/initialize before createRoot in src/main.jsx or src/main.tsx. Next
+and TanStack Start each need one setting:
+
+- Next: `transpilePackages: ["@mizen-labs/ui"]`
+- TanStack Start: `ssr: { noExternal: ["@mizen-labs/ui"] }` in the Vite config
+
+For Next and Start, render `ThemeScript` in the document head and wrap the app in `ThemeProvider`,
+both from `@mizen-labs/ui/theme`. The app owns its global defaults and fonts.
+App-owned StyleX styles or custom `createTheme` overrides need a separate StyleX
+compiler setup. The package stylesheet includes the default light and dark themes.
+
+## Use
+
+```tsx
+import { Button, Stack, Text } from "@mizen-labs/ui";
+
+export function Welcome() {
+  return (
+    <Stack gap="3">
+      <Text>Your workspace is ready.</Text>
+      <Button variant="brand">Create project</Button>
+    </Stack>
+  );
+}
+```
+
+Components accept no `className` or `style`. Choose variants and sizes
+through props, and lay out with `Stack`, `Inline`, and `Grid`.
+
+## Optional diagrams
+
+Install `pele` alongside Mizen to use `Diagram` from `@mizen-labs/ui/diagram`.
+Pele is an optional peer dependency. The root import does not load it, and each
+supported grammar loads when needed. Diagram is a Preview integration for
+read-only flowcharts, sequences, entity relationships, and state transitions.
+
+## Status
+
+Pre-1.0: minor versions can change the API.
+
+## License
+
+MIT

package/dist/closed.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Mizen owns styling: parts never accept className or style. Distributes over
+ * unions, so discriminated prop types keep their variants.
+ */
+export type Closed<T> = T extends unknown ? Omit<T, "className" | "style"> : never;

package/dist/closed.js

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

package/dist/components/accordion/accordion.d.ts

@@ -0,0 +1,28 @@
+import type { AccordionRootProps } from "@base-ui/react/accordion";
+import { Accordion as BaseAccordion } from "@base-ui/react/accordion";
+import { type ComponentPropsWithRef, type ReactNode } from "react";
+type BaseAccordionRootProps = ComponentPropsWithRef<typeof BaseAccordion.Root>;
+type BaseAccordionItemProps = ComponentPropsWithRef<typeof BaseAccordion.Item>;
+type BaseAccordionTriggerProps = ComponentPropsWithRef<typeof BaseAccordion.Trigger>;
+type BaseAccordionPanelProps = ComponentPropsWithRef<typeof BaseAccordion.Panel>;
+export type AccordionProps<Value = unknown> = Omit<AccordionRootProps<Value>, "className" | "data-slot" | "style"> & {
+    ref?: BaseAccordionRootProps["ref"];
+    variant?: "default" | "separated";
+};
+export type AccordionItemProps = Omit<BaseAccordionItemProps, "className" | "data-slot" | "style"> & {
+    ref?: BaseAccordionItemProps["ref"];
+};
+export type AccordionTriggerProps = Omit<BaseAccordionTriggerProps, "className" | "data-slot" | "style"> & {
+    ref?: BaseAccordionTriggerProps["ref"];
+    description?: ReactNode;
+    icon?: ReactNode;
+};
+export type AccordionPanelProps = Omit<BaseAccordionPanelProps, "className" | "data-slot" | "style"> & {
+    ref?: BaseAccordionPanelProps["ref"];
+};
+export declare function Accordion<Value = unknown>({ ref: forwardedRef, render, variant, ...rest }: AccordionProps<Value>): import("react").JSX.Element;
+export declare function AccordionItem({ ref: forwardedRef, render, ...rest }: AccordionItemProps): import("react").JSX.Element;
+export declare function AccordionTrigger({ children, description, icon, "aria-describedby": describedBy, ref: forwardedRef, render, ...rest }: AccordionTriggerProps): import("react").JSX.Element;
+export declare function AccordionPanel({ children, ref: forwardedRef, render, ...rest }: AccordionPanelProps): import("react").JSX.Element;
+export declare const AccordionPrimitive: typeof BaseAccordion;
+export {};

package/dist/components/accordion/accordion.js

@@ -0,0 +1 @@
+"use client";import{Accordion as BaseAccordion}from"@base-ui/react/accordion";import{props}from"@stylexjs/stylex";import{createContext,useContext,useId}from"react";import{controlLabel}from"../../control-label";import{IconChevronDown}from"../../icons";import{protectRenderSlot}from"../../render-utils";import{accordionStyles,separatedAccordionStyles}from"./accordion.styles";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const AccordionVariantContext=createContext("default");function ChevronIcon(){return/*#__PURE__*/_jsx(IconChevronDown,{"aria-hidden":"true","data-slot":"accordion-indicator",focusable:"false",...props(accordionStyles.indicator),size:"1em"});}export function Accordion({ref:forwardedRef,render,variant="default",...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(AccordionVariantContext.Provider,{value:variant,children:/*#__PURE__*/_jsx(BaseAccordion.Root,{...rest,"data-slot":"accordion","data-variant":variant,ref:forwardedRef,render:protectRenderSlot("accordion",render),...props(accordionStyles.root)})});}export function AccordionItem({ref:forwardedRef,render,...rest}){const separated=useContext(AccordionVariantContext)==="separated";Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(BaseAccordion.Item,{...rest,"data-slot":"accordion-item",ref:forwardedRef,render:protectRenderSlot("accordion-item",render),...props(accordionStyles.item,separated&&separatedAccordionStyles.item)});}export function AccordionTrigger({children,description,icon,"aria-describedby":describedBy,ref:forwardedRef,render,...rest}){const separated=useContext(AccordionVariantContext)==="separated";const descriptionId=useId();Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(BaseAccordion.Header,{"data-slot":"accordion-header",...props(accordionStyles.header,separated&&separatedAccordionStyles.header),children:/*#__PURE__*/_jsxs(BaseAccordion.Trigger,{...rest,"aria-describedby":description?[describedBy,descriptionId].filter(Boolean).join(" "):describedBy,"data-slot":"accordion-trigger",ref:forwardedRef,render:protectRenderSlot("accordion-trigger",render),...props(accordionStyles.trigger,separated&&separatedAccordionStyles.trigger),children:[icon?/*#__PURE__*/_jsx("span",{"aria-hidden":"true","data-slot":"accordion-icon",...props(accordionStyles.icon),children:icon}):null,/*#__PURE__*/_jsxs("span",{...props(accordionStyles.triggerText),children:[/*#__PURE__*/_jsx("span",{"data-slot":"accordion-title",...props(accordionStyles.title),children:controlLabel(children)}),description?/*#__PURE__*/_jsx("span",{"aria-hidden":"true","data-slot":"accordion-description",id:descriptionId,...props(accordionStyles.description),children:description}):null]}),/*#__PURE__*/_jsx(ChevronIcon,{})]})});}export function AccordionPanel({children,ref:forwardedRef,render,...rest}){const separated=useContext(AccordionVariantContext)==="separated";Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(BaseAccordion.Panel,{...rest,"data-slot":"accordion-panel",ref:forwardedRef,render:protectRenderSlot("accordion-panel",render),...props(accordionStyles.panel),children:/*#__PURE__*/_jsx("div",{"data-slot":"accordion-content",...props(accordionStyles.content,separated&&separatedAccordionStyles.content),children:children})});}export const AccordionPrimitive=BaseAccordion;

package/dist/components/accordion/accordion.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,focusOutline,opacity}from"../../styles/interaction.stylex";import"../../styles/motion.stylex";import{duration,easing}from"../../styles/motion.stylex";import"../../styles/shadows.stylex";import{shadows}from"../../styles/shadows.stylex";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 accordionStyles={content:{kMwMTN:"x125omll",kGuDYH:"xlh8hku",kLWn49:"x2xzzt7",kHjlTd:"xj0a0fe",kGO01o:"xvdpcou",kg3NbH:"xb5xqfq",kLKAdn:"x1wl7rsy",$$css:true},description:{kMwMTN:"x125omll",kGuDYH:"xlh8hku",k63SB2:"x1lo1l87",kLWn49:"x2xzzt7",kHjlTd:"xj0a0fe",$$css:true},header:{kaIpWk:"x1pjcqnp",k1xSpc:"x78zum5",kogj98:"x1ghz6dp",kGO01o:"x1ibyohj",$$css:true},icon:{kGNEyG:"x6s0dn4",kWkggS:"x1o7hn9x",kaIpWk:"x1mpi1yk",kMwMTN:"x125omll",k1xSpc:"x3nfvp2",kmuXW:"x2lah0s",kZKoxP:"xk8t5le",kjj79g:"xl56j7k",kzqmXN:"x1s4ejo4",$$css:true},indicator:{kMwMTN:"x14tvo57",kmuXW:"x2lah0s",kZKoxP:"x1l36t39",kSiTet:"x1us6l5c",kfzvcC:"x47corl",k3aq6I:"x14p7gce x7lvcqh x1c071of",kIyJzY:"x1e471i8 x115jf8",k1ekBW:"x11xpdln",kAMwcw:"x1bsmr72",kzqmXN:"xcdlrvm",$$css:true},item:{kL6WhQ:"x9rbyu3",kfdmCh:"x1q0q8m5",kt9PQ7:"x13k63ub",$$css:true},panel:{kZKoxP:"x12wejat x1fe7yth xlt7y8v",kVQacm:"xb3r6kr",kIyJzY:"x1e471i8 x115jf8",k1ekBW:"xua3uq3",kAMwcw:"xvhdtae",$$css:true},root:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x9aomza xp4ho6d",kzqmXN:"xh8yej3",$$css:true},title:{kMwMTN:"x14tvo57",k1xSpc:"x1lliihq",kGuDYH:"x12ama9c",k63SB2:"xuku2lm",kLWn49:"x1rn0pvf",kHjlTd:"xj0a0fe",$$css:true},trigger:{kGNEyG:"x6s0dn4",k44tkh:"x1iha7go",kKVMdj:"x1b5t0b2",kWkggS:"xp9qpfs xjbqb8w",kaIpWk:"x2b34ud",ksu8eU:"xng3xce",kMzoRj:"xc342km",kB7OPa:"x9f619",kMwMTN:"x14tvo57",kkrTdU:"x1j1ks5o x1ypdohk",k1xSpc:"x78zum5",kUk6DE:"x98rzlu",kMv6JI:"xjb2p0i",kGuDYH:"x12ama9c",k63SB2:"xuku2lm",kOIVth:"xiw8qbs",kjj79g:"x1qughib",kLWn49:"x1rn0pvf",kAzted:"x13gjtz1",kSiTet:"x1yporm9 x1hc1fzr",kjBf7l:"x4dprnk x1uczgqu",kInvED:"x7jjmpn x1w1ofmy",k3XXqK:"x9v5kkp xzc55om",kMeerF:"xm9seqh x1vhx2qj",k8WAf4:"x58we3g",kg3NbH:"xb5xqfq",k9WMMc:"x1yc453h",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"x1rcircu",kAMwcw:"xvhdtae",kzqmXN:"xh8yej3",$$css:true},triggerText:{k1xSpc:"x78zum5",kUk6DE:"x98rzlu",kXwgrk:"xdt5ytf",kOIVth:"x13hh4mm",k7Eaqz:"xeuugli",$$css:true}};export const separatedAccordionStyles={content:{kGO01o:"xvdpcou",kg3NbH:"xaqi9fd",$$css:true},header:{k8WAf4:"x1lmimt7",kGO01o:"xvx3g1o",kg3NbH:"xdbhxi8",$$css:true},item:{kWkggS:"xb3o4uc xu84zt7",kL6WhQ:"xssog4i x16stqrj",kqGeR4:"x7za09i x1pkx94v xv4w5iv xfrllxf",kYm2EN:"xlbttwu xt2ux2m x15jooij xjppbhk",kBCPoo:"xj25ovx x1o3jo1z",kGJrpR:"x74gl31 xv5lvn5",ksu8eU:"x1y0btm7",kLZC3w:"x11thkmj x1v8p93f",kIxVMA:"x177x435 x1nysey7 x1v9rwb3 x1ia1hqs",ksF3WI:"x63j9qa xl9c6te x13btd2g x1a2w583",kMzoRj:"x1cdonsl",kGVxlE:"xnqoknr x1gnnqk1",k1K539:"xe25nqc xat24cr",keoZOQ:"xw24gfe xdj266r",kIyJzY:"x1e471i8 x115jf8",k1ekBW:"x31jmpg",kAMwcw:"x1bsmr72",$$css:true},trigger:{kaIpWk:"x12gttrp",kAzted:"x1l15nw5",k8WAf4:"x391bbb",kg3NbH:"xy7odpl",$$css:true}};

package/dist/components/activity-feed/activity-feed.d.ts

@@ -0,0 +1,28 @@
+import type { ComponentPropsWithRef, ReactNode } from "react";
+import type { Closed } from "../../closed";
+import type { ListContentProps, ListItemProps } from "../list/list";
+type ActivityFeedContentProps = ListContentProps;
+type ActivityFeedItemProps = ListItemProps;
+declare function ActivityFeedContent({ ref, ...rest }: ActivityFeedContentProps): import("react").JSX.Element;
+export type ActivityFeedHeaderProps = ListContentProps;
+export declare function ActivityFeedHeader({ ref, ...rest }: ActivityFeedHeaderProps): import("react").JSX.Element;
+export type ActivityFeedMediaProps = ListContentProps;
+export type ActivityFeedSummaryProps = Omit<Closed<ComponentPropsWithRef<"p">>, "data-slot" | "role">;
+export type ActivityFeedDescriptionProps = ActivityFeedSummaryProps;
+export type ActivityFeedDetailsProps = ListContentProps;
+export declare function ActivityFeedMedia({ ref, ...rest }: ActivityFeedMediaProps): import("react").JSX.Element;
+export declare function ActivityFeedSummary({ ref, ...rest }: ActivityFeedSummaryProps): import("react").JSX.Element;
+export declare function ActivityFeedDescription({ ref, ...rest }: ActivityFeedDescriptionProps): import("react").JSX.Element;
+export declare function ActivityFeedDetails({ ref, ...rest }: ActivityFeedDetailsProps): import("react").JSX.Element;
+declare function ActivityFeedItem({ children, ref: forwardedRef, ...rest }: ActivityFeedItemProps): import("react").JSX.Element;
+export type { ActivityFeedContentProps, ActivityFeedItemProps };
+export { ActivityFeedContent, ActivityFeedItem };
+export type ActivityFeedProps = Omit<Closed<ComponentPropsWithRef<"ol">>, "data-slot" | "role"> & {
+    variant?: "default" | "timeline";
+};
+export type ActivityFeedTimeProps = Omit<Closed<ComponentPropsWithRef<"time">>, "children" | "data-slot" | "dateTime" | "role"> & {
+    children: ReactNode;
+    dateTime: string;
+};
+export declare function ActivityFeed({ children, variant, ref: forwardedRef, ...rest }: ActivityFeedProps): import("react").JSX.Element;
+export declare function ActivityFeedTime({ children, dateTime, ref: forwardedRef, ...rest }: ActivityFeedTimeProps): import("react").JSX.Element;

package/dist/components/activity-feed/activity-feed.js

@@ -0,0 +1,2 @@
+import{props}from"@stylexjs/stylex";import{typeRoles}from"../../styles/typography.styles";import{listStyles}from"../list/list.styles";import{activityFeedStyles}from"./activity-feed.styles";import{jsx as _jsx}from"react/jsx-runtime";function ActivityFeedContent({ref,...rest}){stripReservedProps(rest);return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"activity-feed-content",ref:ref,...props(activityFeedStyles.content)});}export function ActivityFeedHeader({ref,...rest}){stripReservedProps(rest);return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"activity-feed-header",ref:ref,...props(activityFeedStyles.header)});}export function ActivityFeedMedia({ref,...rest}){stripReservedProps(rest);return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"activity-feed-media",ref:ref,...props(activityFeedStyles.media)});}export function ActivityFeedSummary({ref,...rest}){stripReservedProps(rest);return/*#__PURE__*/_jsx("p",{...rest,"data-slot":"activity-feed-summary",ref:ref,...props(typeRoles.body,activityFeedStyles.summary)});}export function ActivityFeedDescription({ref,...rest}){stripReservedProps(rest);return/*#__PURE__*/_jsx("p",{...rest,"data-slot":"activity-feed-description",ref:ref,...props(typeRoles.ui,activityFeedStyles.description)});}export function ActivityFeedDetails({ref,...rest}){stripReservedProps(rest);return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"activity-feed-details",ref:ref,...props(typeRoles.body,activityFeedStyles.details)});}function ActivityFeedItem({children,ref:forwardedRef,...rest}){stripReservedProps(rest);return/*#__PURE__*/_jsx("li",{...rest,"data-slot":"activity-feed-item",ref:forwardedRef,...props(activityFeedStyles.item),children:children});}export{ActivityFeedContent,ActivityFeedItem};function stripReservedProps(rest){for(const key of["className","data-slot","role","style"]){Reflect.deleteProperty(rest,key);}}export function ActivityFeed({children,variant="default",ref:forwardedRef,...rest}){stripReservedProps(rest);return/*#__PURE__*/_jsx("ol",{...rest,"data-slot":"activity-feed","data-variant":variant,ref:forwardedRef// biome-ignore lint/a11y/noRedundantRoles: list markers are removed, which can hide list semantics in Safari.
+,role:"list",...props(listStyles.root,typeRoles.body,activityFeedStyles.root),children:children});}export function ActivityFeedTime({children,dateTime,ref:forwardedRef,...rest}){stripReservedProps(rest);return/*#__PURE__*/_jsx("time",{...rest,"data-slot":"activity-feed-time",dateTime:dateTime,ref:forwardedRef,...props(typeRoles.ui,activityFeedStyles.time),children:children});}

package/dist/components/activity-feed/activity-feed.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors}from"../../styles/colors.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{fontWeight}from"../../styles/typography.stylex";export const activityFeedStyles={content:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x13hh4mm",kBCFzs:"x11bm1fy xgkxs2y",kbNqZ1:"x1ms6mhf",k7Eaqz:"xeuugli",kHjlTd:"xj0a0fe",$$css:true},description:{kMwMTN:"x125omll",kogj98:"x1ghz6dp",kHjlTd:"xj0a0fe",$$css:true},details:{kWkggS:"xu84zt7",kaIpWk:"x2b34ud",kMwMTN:"x14tvo57",keoZOQ:"x1fynrwi",k7Eaqz:"xeuugli",kHjlTd:"xj0a0fe",kmVPX3:"xh23c4d",$$css:true},header:{kGNEyG:"x6s0dn4",k1C7PZ:"xejpt2e",k1xSpc:"x78zum5",kwnvtZ:"x1a02dak",kAzted:"x19wm6jj",k7Eaqz:"xeuugli",khm7nJ:"xjcy2k7",$$css:true},item:{kLkRvE:"x1lg0vu7",kgeoSG:"x1p3q4bx xnahlnb",k5Ofw7:"xvie3ve",k96MEf:"x185jyb1",kSJ0CW:"x12a422o",km8f2m:"xkk1bqk",kEoFBp:"x1hmns74",kOlAkY:"x1vfz38h",kGNEyG:"x7a106z",kL6WhQ:"x9rbyu3",kfdmCh:"x1q0q8m5",kt9PQ7:"x1smbmv0 x1t1lzn6 x13k63ub",k1C7PZ:"xejpt2e",k1xSpc:"xrvj5dj",kumcoG:"x1mj0pap x7hw8r6 xnmakkv xju1xpo",k7Eaqz:"xeuugli",k8WAf4:"x1xin523 x7bohs8",kVAEAm:"x1n2onr6",khm7nJ:"xjcy2k7",$$css:true},media:{kGNEyG:"x6s0dn4",kWkggS:"x1o7hn9x",kaIpWk:"x16rqkct",kMwMTN:"x125omll",k1xSpc:"x78zum5",kBCFzs:"xgkxs2y",kpJH7q:"xqti54a",k1lYIM:"x1agbcgv",kZKoxP:"xk8t5le",kjj79g:"xl56j7k",kzqmXN:"x1s4ejo4",$$css:true},root:{k9g6sI:"x12h1iku",kOIVth:"xxhr3t",kzqmXN:"xh8yej3",$$css:true},summary:{kMwMTN:"x14tvo57",kCS8Yb:"x1phop5x xdl72j9",kzQI83:"xoyzdot x1c4vz4f",k63SB2:"x1lo1l87",kogj98:"x1ghz6dp",k7Eaqz:"xeuugli",kHjlTd:"xj0a0fe",$$css:true},time:{kSGwAc:"x7t2jbl x1y8v6su",kMwMTN:"x125omll",kcqcaj:"xss6m8b",kBCFzs:"x3kvh4x x1j4pmg9 x11azv2v x1npkx4u",kbNqZ1:"x1e558br x1ms6mhf",k7Eaqz:"xeuugli",kHjlTd:"xj0a0fe",kLKAdn:"xpkdnpb x2iyoto xytf5x3",$$css:true}};

package/dist/components/agent-thinking/agent-thinking.d.ts

@@ -0,0 +1,25 @@
+import { type ComponentPropsWithRef } from "react";
+import type { Closed } from "../../closed";
+import { type StreamingTextSource } from "../streaming-text/streaming-text-words";
+/** `streaming` while the model reasons; `complete` once it starts to answer. */
+export type AgentThinkingState = "complete" | "streaming";
+export type AgentThinkingProps = Omit<Closed<ComponentPropsWithRef<"div">>, "children" | "content" | "data-slot" | "role"> & {
+    /** The reasoning so far. Paragraphs are separated by blank lines. */
+    content?: string;
+    /**
+     * Seconds spent thinking, for a reply loaded from history. While the
+     * component watches the reasoning stream, it measures this itself.
+     */
+    duration?: number;
+    /** Sources the model is reading, shown as they arrive. */
+    sources?: readonly StreamingTextSource[];
+    /** What the model is doing now, such as "Reviewing the incident call". */
+    stage?: string;
+    status: AgentThinkingState;
+};
+/**
+ * The model working before it answers. While it reasons, the current step
+ * shimmers beside a thinking indicator, with the sources it reads and the
+ * newest lines of its reasoning; once done, it folds into "Thought for 7s".
+ */
+export declare function AgentThinking({ content, duration, ref: forwardedRef, sources, stage, status, ...rest }: AgentThinkingProps): import("react").JSX.Element;

package/dist/components/agent-thinking/agent-thinking.js

@@ -0,0 +1,16 @@
+"use client";import{props}from"@stylexjs/stylex";import{useState}from"react";import{IconChevronDown}from"../../icons";import{typeRoles}from"../../styles/typography.styles";import{formatSeconds,useElapsed}from"../../use-elapsed";import{Collapsible,CollapsiblePanel,CollapsibleTrigger}from"../collapsible/collapsible";import{CitationChip}from"../inline-citation/inline-citation";import{Spinner}from"../spinner/spinner";import{streamingTextStyles}from"../streaming-text/streaming-text.styles";import{StreamedWords}from"../streaming-text/streaming-text-words";import{visuallyHiddenStyles}from"../visually-hidden/visually-hidden.styles";import{agentThinkingStyles as styles}from"./agent-thinking.styles";/** `streaming` while the model reasons; `complete` once it starts to answer. */import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";// The fade at the top appears only once older lines are out of view, so a
+// short reasoning never loses its first line. The inner wrapper is always
+// present, so its growth is seen even after the window stops growing.
+function watchOverflow(frame){const inner=frame?.firstElementChild;if(!(frame&&inner)||typeof ResizeObserver==="undefined"){return;}// Content anchored to the bottom spills upward, which scrollHeight does not
+// count, so compare the wrapper with the window's content box directly.
+const observer=new ResizeObserver(()=>{const room=frame.clientHeight-Number.parseFloat(getComputedStyle(frame).paddingTop);frame.toggleAttribute("data-overflowing",inner.getBoundingClientRect().height>room+1);});observer.observe(inner);observer.observe(frame);return()=>observer.disconnect();}function Sources({sources,streaming}){if(sources.length===0){return null;}return/*#__PURE__*/_jsx("div",{"data-slot":"agent-thinking-sources",...props(styles.sources),children:sources.map((source,index)=>/*#__PURE__*/_jsx(CitationChip,{arrival:streaming?streamingTextStyles.resolveArrive:undefined// biome-ignore lint/suspicious/noArrayIndexKey: sources only append, so a position is stable.
+,sources:[source]},index))});}function Header({expandable,markEnd,markStart,seconds,stage,streaming}){if(streaming){return/*#__PURE__*/_jsxs("p",{"data-slot":"agent-thinking-stage",ref:markStart,...props(typeRoles.ui,styles.header),children:[/*#__PURE__*/_jsx("span",{...props(styles.indicator),children:/*#__PURE__*/_jsx(Spinner,{"aria-hidden":"true",variant:"thinking"})}),/*#__PURE__*/_jsx("span",{...props(styles.stage),children:stage})]});}const label=/*#__PURE__*/_jsxs(_Fragment,{children:["Thought",seconds===undefined?null:/*#__PURE__*/_jsxs("span",{...props(styles.duration),children:["for ",formatSeconds(seconds)]})]});if(!expandable){return/*#__PURE__*/_jsx("p",{ref:markEnd,...props(typeRoles.ui,styles.summary),children:label});}return/*#__PURE__*/_jsxs(CollapsibleTrigger,{ref:markEnd,render:/*#__PURE__*/_jsx("button",{type:"button",...props(typeRoles.ui,styles.toggle)}),children:[label,/*#__PURE__*/_jsx(IconChevronDown,{"aria-hidden":"true",size:14,...props(styles.chevron)})]});}// One region, always present, announces each step and then the time spent;
+// a region that appears with text already in it is often not read.
+function Announcement({seconds,stage,streaming}){let message=stage;if(!streaming){message=seconds===undefined?"Thought":`Thought for ${formatSeconds(seconds)}`;}return/*#__PURE__*/_jsx("span",{"aria-live":"polite","data-slot":"agent-thinking-status",role:"status",...props(visuallyHiddenStyles.root),children:message});}// The sources and reasoning, capped to a rolling window until opened.
+function Body({capped,content,sources,streaming}){return/*#__PURE__*/_jsx(CollapsiblePanel,{children:/*#__PURE__*/_jsx("div",{"data-slot":"agent-thinking-content",ref:capped?watchOverflow:undefined,...props(styles.content,capped&&styles.window),children:/*#__PURE__*/_jsxs("div",{...props(styles.inner),children:[/*#__PURE__*/_jsx(Sources,{sources:sources,streaming:streaming}),content?/*#__PURE__*/_jsx(StreamedWords,{content:content,slot:"agent-thinking-reasoning",sources:[],streaming:streaming,tone:"reasoning"}):null]})})});}/**
+ * The model working before it answers. While it reasons, the current step
+ * shimmers beside a thinking indicator, with the sources it reads and the
+ * newest lines of its reasoning; once done, it folds into "Thought for 7s".
+ */export function AgentThinking({content="",duration,ref:forwardedRef,sources=[],stage="Thinking",status,...rest}){const streaming=status==="streaming";const time=useElapsed();const[open,setOpen]=useState(false);const seconds=duration??time.seconds;const expandable=content!==""||sources.length>0;// The window stays capped until the reader opens it, so the fold closes
+// from what was on screen.
+const capped=streaming||!open;for(const name of["className","data-slot","role","style"]){Reflect.deleteProperty(rest,name);}return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"agent-thinking","data-status":status,ref:forwardedRef,children:/*#__PURE__*/_jsxs(Collapsible,{onOpenChange:setOpen,open:streaming||open,render:/*#__PURE__*/_jsx("div",{...props(styles.root)}),children:[/*#__PURE__*/_jsx(Announcement,{seconds:seconds,stage:stage,streaming:streaming}),/*#__PURE__*/_jsx(Header,{expandable:expandable,markEnd:time.markEnd,markStart:time.markStart,seconds:seconds,stage:stage,streaming:streaming}),expandable?/*#__PURE__*/_jsx(Body,{capped:capped,content:content,sources:sources,streaming:streaming}):null]})});}

package/dist/components/agent-thinking/agent-thinking.styles.js

@@ -0,0 +1,3 @@
+import{create,keyframes}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors}from"../../styles/colors.stylex";import"../../styles/conditions.stylex";import{conditions}from"../../styles/conditions.stylex";import"../../styles/dimensions.stylex";import{controlSize}from"../../styles/dimensions.stylex";import"../../styles/interaction.stylex";import{borderWidth}from"../../styles/interaction.stylex";import"../../styles/motion.stylex";import{duration,easing}from"../../styles/motion.stylex";import"../../styles/shape.stylex";import{shape}from"../../styles/shape.stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";import"../../styles/typography.stylex";import{lineHeight}from"../../styles/typography.stylex";// A soft highlight sweeps across the step label while the model works.
+const sweep="xf4slbi-B";// Five lines of reasoning stay in view while it streams.
+const WINDOW_LINES=5;export const agentThinkingStyles={chevron:{kMwMTN:"x125omll",k3aq6I:"x14p7gce x1c071of",kIyJzY:"x1e471i8 x115jf8",k1ekBW:"x11xpdln",kAMwcw:"xvhdtae",$$css:true},content:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kLKAdn:"xvdlrvc",$$css:true},duration:{kMwMTN:"x125omll",$$css:true},header:{kGNEyG:"x1cy8zhl",kMwMTN:"x14tvo57",k1xSpc:"x78zum5",kOIVth:"xp4ho6d",kogj98:"x1ghz6dp",kAzted:"x1a1u9yn",$$css:true},indicator:{kGNEyG:"x6s0dn4",kZKoxP:"x15nbl1q",k1xSpc:"x3nfvp2",kmuXW:"x2lah0s",$$css:true},inner:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"xp4ho6d",$$css:true},root:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",k7Eaqz:"xeuugli",$$css:true},sources:{k1xSpc:"x78zum5",kwnvtZ:"x1a02dak",kOIVth:"x13hh4mm",keTefX:"x5rxslw",$$css:true},stage:{k44tkh:"x1c74tu6",ko0y90:"xa4qsjk",kKVMdj:"x1qxcpfe x1tzfbnl xkbuz4a",kyAemX:"xhbrl7j",kHypHr:"x3s11vl x1ta4xzc",kKwaWg:"xotuh1v x16luo5c",kgSjnq:"xakli9p",kMwMTN:"x1g5652p x1qc0cip x19co3pv",$$css:true},summary:{kGNEyG:"x6s0dn4",kMwMTN:"x14tvo57",k1xSpc:"x78zum5",kOIVth:"x13hh4mm",kogj98:"x1ghz6dp",$$css:true},toggle:{kGNEyG:"x6s0dn4",kysU6D:"xjyslct",kWkggS:"xjbqb8w",kaIpWk:"x2b34ud",kMzoRj:"xc342km",kMwMTN:"x14tvo57",kkrTdU:"x1ypdohk",k1xSpc:"x3nfvp2",kOIVth:"x13hh4mm",kogj98:"x1ghz6dp",keTefX:"x5rxslw",kAzted:"xvfbv0m",kjBf7l:"x4dprnk x1uczgqu",kInvED:"x1wfwxd8",k3XXqK:"x9v5kkp x1t137rt",kMeerF:"x1vhx2qj",k8WAf4:"xt970qd",kg3NbH:"xdbhxi8",k9WMMc:"x1yc453h",$$css:true},window:{kjj79g:"x13a6bvl",kX1K2I:"xgx0ipg xw4ya9i",kskxy:"xu3954t",kVQacm:"xb3r6kr",$$css:true}};

package/dist/components/alert/alert.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentPropsWithRef } from "react";
+export type AlertVariant = "default" | "error" | "info" | "success" | "warning";
+export type AlertProps = Omit<ComponentPropsWithRef<"div">, "className" | "data-slot" | "style"> & {
+    variant?: AlertVariant;
+};
+export type AlertIconProps = Omit<ComponentPropsWithRef<"span">, "className" | "data-slot" | "style">;
+export type AlertTitleProps = Omit<ComponentPropsWithRef<"div">, "className" | "data-slot" | "style">;
+export type AlertDescriptionProps = Omit<ComponentPropsWithRef<"div">, "className" | "data-slot" | "style">;
+export type AlertActionProps = Omit<ComponentPropsWithRef<"div">, "className" | "data-slot" | "style">;
+export declare function Alert({ children, ref: forwardedRef, role, variant, ...rest }: AlertProps): import("react").JSX.Element;
+export declare function AlertIcon({ "aria-hidden": ariaHidden, children, ref: forwardedRef, ...rest }: AlertIconProps): import("react").JSX.Element;
+export declare function AlertTitle({ children, ref: forwardedRef, ...rest }: AlertTitleProps): import("react").JSX.Element;
+export declare function AlertDescription({ children, ref: forwardedRef, ...rest }: AlertDescriptionProps): import("react").JSX.Element;
+export declare function AlertAction({ children, ref: forwardedRef, ...rest }: AlertActionProps): import("react").JSX.Element;

package/dist/components/alert/alert.js

@@ -0,0 +1 @@
+import{props}from"@stylexjs/stylex";import{alertStyles}from"./alert.styles";import{jsx as _jsx}from"react/jsx-runtime";export function Alert({children,ref:forwardedRef,role="alert",variant="default",...rest}){return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"alert","data-variant":variant,ref:forwardedRef,role:role,...props(alertStyles.root,alertStyles[variant]),children:children});}export function AlertIcon({"aria-hidden":ariaHidden=true,children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx("span",{...rest,"aria-hidden":ariaHidden,"data-slot":"alert-icon",ref:forwardedRef,...props(alertStyles.icon),children:children});}export function AlertTitle({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"alert-title",ref:forwardedRef,...props(alertStyles.title),children:children});}export function AlertDescription({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"alert-description",ref:forwardedRef,...props(alertStyles.description),children:children});}export function AlertAction({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"alert-action",ref:forwardedRef,...props(alertStyles.action),children:children});}

package/dist/components/alert/alert.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{glyphSize}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{fontSize,fontWeight,lineHeight}from"../../styles/typography.stylex";import"./alert.stylex";import{alertVars}from"./alert.stylex";export const alertStyles={action:{kGNEyG:"x6s0dn4",kSGwAc:"x1y8v6su xc34uva",k1xSpc:"x78zum5",kmuXW:"x2lah0s",kwnvtZ:"x1a02dak",kOIVth:"xp4ho6d",kWZpDQ:"xes1dpk",kEXP64:"x1hrsijj",kpJH7q:"xbyx6k4",k1lYIM:"xh8w4aj",keoZOQ:"x1fynrwi xkmxd6x",keTefX:"x1wan5pe x1dfynan",k7Eaqz:"xeuugli",$$css:true},default:{kWkggS:"xwn18cz",kVAM5u:"x155xxfk",kMwMTN:"x14tvo57","--xppn64c":"xdcyfr0",$$css:true},description:{kB7OPa:"x9f619",kMwMTN:"x1heor9g",kGuDYH:"xlh8hku",k63SB2:"x1lo1l87",kWZpDQ:"x1w272jb",kEXP64:"x3telbv",kpJH7q:"x1fwlwh1",k1lYIM:"x8adoir",kLWn49:"x2xzzt7",k7Eaqz:"xeuugli",$$css:true},error:{kWkggS:"xyio8l9",kVAM5u:"xg408tc",kMwMTN:"x14tvo57","--xppn64c":"xh111sg",$$css:true},icon:{kGNEyG:"x6s0dn4",kSGwAc:"x1y8v6su",kMwMTN:"x1xbigms",k1xSpc:"x3nfvp2",kmuXW:"x2lah0s",kWZpDQ:"x1ec68iq",kEXP64:"xsbjwps",kpJH7q:"xadjf8z",k1lYIM:"x1g7wdnb",kZKoxP:"x1umjsjb",kjj79g:"xl56j7k",keoZOQ:"xfkbz3g",k71WvV:"xo451o6",kzqmXN:"xqontvq",$$css:true},info:{kWkggS:"xou2r82",kVAM5u:"x1r48owe",kMwMTN:"x1dpkydq","--xppn64c":"x1w1w8pt",$$css:true},root:{kGNEyG:"x7a106z",kaIpWk:"x1jw0md8",ksu8eU:"x1y0btm7",kMzoRj:"x1cdonsl",kB7OPa:"x9f619",k1xSpc:"xrvj5dj",kC13JO:"x1fkw8zy x17x695y",kumcoG:"xrwz996 xu9btto",k7Eaqz:"xeuugli",k8WAf4:"x7bohs8",kg3NbH:"xaqi9fd",kVAEAm:"x1n2onr6",kzqmXN:"xh8yej3",$$css:true},success:{kWkggS:"x80umms",kVAM5u:"x694kkc",kMwMTN:"x19d0d4p","--xppn64c":"x1sz1qfm",$$css:true},title:{kB7OPa:"x9f619",kMwMTN:"x1heor9g",kGuDYH:"xlh8hku",k63SB2:"xuku2lm",kWZpDQ:"x1outguz",kEXP64:"xyzsf3v",kpJH7q:"x1uyr80b",k1lYIM:"x1s1bjc9",kLWn49:"x2xzzt7",k1K539:"x1csto",k7Eaqz:"xeuugli",$$css:true},warning:{kWkggS:"xuooem1",kVAM5u:"xsc8yl9",kMwMTN:"x11ihctc","--xppn64c":"xrtdzgj",$$css:true}};

package/dist/components/alert/alert.stylex.js

@@ -0,0 +1 @@
+import{defineVars}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors}from"../../styles/colors.stylex";export const alertVars={iconColor:"var(--xppn64c)",__varGroupHash__:"x1fro0dq"};

package/dist/components/alert-dialog/alert-dialog.d.ts

@@ -0,0 +1,29 @@
+import { AlertDialog as BaseAlertDialog, type AlertDialogCloseProps as BaseAlertDialogCloseProps, type AlertDialogDescriptionProps as BaseAlertDialogDescriptionProps, type AlertDialogPopupProps as BaseAlertDialogPopupProps, type AlertDialogPortalProps as BaseAlertDialogPortalProps, type AlertDialogRootProps as BaseAlertDialogRootProps, type AlertDialogTitleProps as BaseAlertDialogTitleProps, type AlertDialogTriggerProps as BaseAlertDialogTriggerProps } from "@base-ui/react/alert-dialog";
+import type { ComponentPropsWithRef } from "react";
+type Closed<T> = Omit<T, "className" | "style">;
+type DivProps = Omit<ComponentPropsWithRef<"div">, "className" | "style">;
+type AlertDialogTriggerRef = ComponentPropsWithRef<typeof BaseAlertDialog.Trigger>["ref"];
+type AlertDialogPopupRef = ComponentPropsWithRef<typeof BaseAlertDialog.Popup>["ref"];
+export type AlertDialogProps<Payload = unknown> = BaseAlertDialogRootProps<Payload>;
+export type AlertDialogTriggerProps<Payload = unknown> = Omit<BaseAlertDialogTriggerProps<Payload>, "className" | "ref" | "style"> & {
+    ref?: AlertDialogTriggerRef;
+};
+export type AlertDialogPopupProps = Omit<BaseAlertDialogPopupProps, "className" | "ref" | "render" | "style"> & {
+    portalProps?: Omit<BaseAlertDialogPortalProps, "children" | "className" | "ref" | "render" | "style">;
+    ref?: AlertDialogPopupRef;
+};
+export type AlertDialogTitleProps = Closed<BaseAlertDialogTitleProps>;
+export type AlertDialogDescriptionProps = Closed<BaseAlertDialogDescriptionProps>;
+export type AlertDialogCloseProps = Omit<BaseAlertDialogCloseProps, "className" | "style">;
+export type AlertDialogHeaderProps = DivProps;
+export type AlertDialogFooterProps = DivProps;
+export declare const AlertDialogCreateHandle: typeof BaseAlertDialog.createHandle;
+export declare function AlertDialog<Payload = unknown>(rootProps: AlertDialogProps<Payload>): import("react").JSX.Element;
+export declare function AlertDialogTrigger<Payload = unknown>({ ref: forwardedRef, render, type, ...rest }: AlertDialogTriggerProps<Payload>): import("react").JSX.Element;
+export declare function AlertDialogPopup({ children, portalProps, ref: forwardedRef, ...rest }: AlertDialogPopupProps): import("react").JSX.Element;
+export declare function AlertDialogHeader({ children, ref: forwardedRef, ...rest }: AlertDialogHeaderProps): import("react").JSX.Element;
+export declare function AlertDialogTitle({ children, ref: forwardedRef, ...rest }: AlertDialogTitleProps): import("react").JSX.Element;
+export declare function AlertDialogDescription({ children, ref: forwardedRef, ...rest }: AlertDialogDescriptionProps): import("react").JSX.Element;
+export declare function AlertDialogFooter({ children, ref: forwardedRef, ...rest }: AlertDialogFooterProps): import("react").JSX.Element;
+export declare function AlertDialogClose({ ref: forwardedRef, render, type, ...rest }: AlertDialogCloseProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+"use client";import{AlertDialog as BaseAlertDialog}from"@base-ui/react/alert-dialog";import{props}from"@stylexjs/stylex";import{overlayLayerStyles}from"../../styles/overlay-layers.styles";import{dialogStyles}from"../dialog/dialog.styles";import{alertDialogStyles}from"./alert-dialog.styles";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export const AlertDialogCreateHandle=BaseAlertDialog.createHandle;export function AlertDialog(rootProps){return/*#__PURE__*/_jsx(BaseAlertDialog.Root,{...rootProps});}export function AlertDialogTrigger({ref:forwardedRef=undefined,render,type,...rest}){return/*#__PURE__*/_jsx(BaseAlertDialog.Trigger,{...rest,ref:forwardedRef,render:render,type:render?type:type??"button"});}export function AlertDialogPopup({children,portalProps,ref:forwardedRef=undefined,...rest}){return/*#__PURE__*/_jsxs(BaseAlertDialog.Portal,{...portalProps,...props(overlayLayerStyles.modalPortal),children:[/*#__PURE__*/_jsx(BaseAlertDialog.Backdrop,{"data-slot":"alert-dialog-backdrop",...props(dialogStyles.backdrop,overlayLayerStyles.backdrop)}),/*#__PURE__*/_jsx(BaseAlertDialog.Viewport,{"data-slot":"alert-dialog-viewport",...props(dialogStyles.viewport,overlayLayerStyles.modalViewport),children:/*#__PURE__*/_jsx(BaseAlertDialog.Popup,{...rest,"data-slot":"alert-dialog-popup",ref:forwardedRef,...props(dialogStyles.popup,alertDialogStyles.popup),children:children})})]});}export function AlertDialogHeader({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"alert-dialog-header",ref:forwardedRef,...props(alertDialogStyles.header),children:children});}export function AlertDialogTitle({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx(BaseAlertDialog.Title,{...rest,"data-slot":"alert-dialog-title",ref:forwardedRef,...props(dialogStyles.title,alertDialogStyles.title),children:children});}export function AlertDialogDescription({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx(BaseAlertDialog.Description,{...rest,"data-slot":"alert-dialog-description",ref:forwardedRef,...props(dialogStyles.description,alertDialogStyles.description),children:children});}export function AlertDialogFooter({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"alert-dialog-footer",ref:forwardedRef,...props(dialogStyles.footer,alertDialogStyles.footer),children:children});}export function AlertDialogClose({ref:forwardedRef,render,type,...rest}){return/*#__PURE__*/_jsx(BaseAlertDialog.Close,{...rest,ref:forwardedRef,render:render,type:render?type:type??"button"});}

package/dist/components/alert-dialog/alert-dialog.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{fontSize,lineHeight}from"../../styles/typography.stylex";export const alertDialogStyles={description:{kGuDYH:"xlh8hku",kLWn49:"x2xzzt7",kHjlTd:"xj0a0fe",kN2L0X:"x1fzhlzt",$$css:true},footer:{kWkggS:"xu84zt7",kmuXW:"x2lah0s",$$css:true},header:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x13hh4mm",kAzted:"x2lwn1j",kORKVm:"x1odjw0f",kZeWKH:"xish69e",k8WAf4:"x16z3cw9",kg3NbH:"x9qdlnn",$$css:true},popup:{ks0D6T:"x6ymgno",$$css:true},title:{kGuDYH:"x1d88w5i",kHjlTd:"xj0a0fe",$$css:true}};

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

@@ -0,0 +1,38 @@
+import { type ComponentPropsWithRef, type ReactNode } from "react";
+import type { Closed } from "../../closed";
+/** `pending` while it waits for the person; then the decision. */
+export type ApprovalCardStatus = "approved" | "denied" | "pending";
+export interface ApprovalCardDetail {
+    label: string;
+    value: ReactNode;
+}
+export type ApprovalCardProps = Omit<Closed<ComponentPropsWithRef<"div">>, "children" | "data-slot" | "role" | "title"> & {
+    /** Shows "Always allow this action"; onApprove receives the choice. */
+    allowAlways?: boolean;
+    /** The decision came from a rule, not from the person. */
+    automatic?: boolean;
+    /** Why the agent asks, such as the AI SDK's requestReason. */
+    description?: string;
+    /** What will happen, such as To, Subject, and Send at. */
+    details?: readonly ApprovalCardDetail[];
+    /** A glyph for the action. A shield stands in. */
+    icon?: ReactNode;
+    /** The note that came with the decision, for a card from history. */
+    note?: string;
+    onApprove?: (decision: {
+        always: boolean;
+    }) => void;
+    /** Called with the person's note for the agent, if they wrote one. */
+    onDeny?: (decision: {
+        note?: string;
+    }) => void;
+    status: ApprovalCardStatus;
+    /** The action, such as "Send campaign email". */
+    title: string;
+};
+/**
+ * The agent asks before it acts: what it will do, why, and the details,
+ * with Deny and Approve. Denying can tell the agent what to do instead.
+ * Once decided, the card folds into one line.
+ */
+export declare function ApprovalCard({ allowAlways, automatic, description, details, icon, note, onApprove, onDeny, ref: forwardedRef, status, title, ...rest }: ApprovalCardProps): import("react").JSX.Element;

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

@@ -0,0 +1,8 @@
+"use client";import{props}from"@stylexjs/stylex";import{useCallback,useId,useRef,useState}from"react";import{IconChevronDown,IconCircleCheck,IconCircleX,IconShieldCheck}from"../../icons";import{typeRoles}from"../../styles/typography.styles";import{Button}from"../button/button";import{Checkbox}from"../checkbox/checkbox";import{Collapsible,CollapsiblePanel,CollapsibleTrigger}from"../collapsible/collapsible";import{Field,FieldLabel}from"../field/field";import{Input}from"../input/input";import{toolCallStyles}from"../tool-call/tool-call.styles";import{visuallyHiddenStyles}from"../visually-hidden/visually-hidden.styles";import{approvalCardStyles as styles}from"./approval-card.styles";/** `pending` while it waits for the person; then the decision. */import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function Details({details}){if(details.length===0){return null;}return/*#__PURE__*/_jsx("dl",{"data-slot":"approval-card-details",...props(styles.details),children:details.map(({label,value})=>/*#__PURE__*/_jsxs("div",{...props(styles.detailRow),children:[/*#__PURE__*/_jsx("dt",{...props(typeRoles.caption,styles.detailLabel),children:label}),/*#__PURE__*/_jsx("dd",{...props(typeRoles.ui,styles.detailValue),children:value})]},label))});}// Denying asks what to do instead; the note reaches the agent.
+function DenyNote({onBack,onDeny}){const id=useId();const[note,setNote]=useState("");const change=useCallback(event=>setNote(event.currentTarget.value),[]);const submit=useCallback(event=>{event.preventDefault();onDeny(note.trim());},[note,onDeny]);const keys=useCallback(event=>{if(event.key==="Escape"){onBack();}},[onBack]);return/*#__PURE__*/_jsxs("form",{"data-slot":"approval-card-note",onSubmit:submit,...props(styles.note),children:[/*#__PURE__*/_jsx("label",{htmlFor:id,...props(typeRoles.caption,styles.noteLabel),children:"What should the agent do instead? Optional."}),/*#__PURE__*/_jsx(Input,{autoFocus:true,id:id,onChange:change,onKeyDown:keys,size:"sm",value:note}),/*#__PURE__*/_jsxs("div",{...props(styles.actions),children:[/*#__PURE__*/_jsx(Button,{onClick:onBack,size:"sm",type:"button",variant:"ghost",children:"Back"}),/*#__PURE__*/_jsx(Button,{size:"sm",type:"submit",variant:"outline",children:"Deny"})]})]});}function Pending({allowAlways,description,details,icon,onApprove,onDeny,onDecide,title,titleId}){const[always,setAlways]=useState(false);const[denying,setDenying]=useState(false);const approve=useCallback(()=>{onDecide();onApprove?.({always});},[always,onApprove,onDecide]);const deny=useCallback(note=>{onDecide();onDeny?.(note?{note}:{});},[onDecide,onDeny]);const startDeny=useCallback(()=>setDenying(true),[]);const back=useCallback(()=>setDenying(false),[]);return/*#__PURE__*/_jsxs("fieldset",{"aria-labelledby":titleId,...props(styles.card),children:[/*#__PURE__*/_jsxs("div",{...props(styles.head),children:[/*#__PURE__*/_jsxs("p",{...props(typeRoles.caption,styles.kind),children:[/*#__PURE__*/_jsx("span",{"aria-hidden":"true",...props(styles.kindIcon),children:icon??/*#__PURE__*/_jsx(IconShieldCheck,{size:16})}),"Needs your approval"]}),/*#__PURE__*/_jsx("p",{id:titleId,...props(typeRoles.subheading,styles.title),children:title}),description?/*#__PURE__*/_jsx("p",{...props(typeRoles.ui,styles.description),children:description}):null]}),/*#__PURE__*/_jsx(Details,{details:details}),denying?/*#__PURE__*/_jsx(DenyNote,{onBack:back,onDeny:deny}):/*#__PURE__*/_jsxs("div",{...props(styles.footer),children:[allowAlways?/*#__PURE__*/_jsx(Field,{children:/*#__PURE__*/_jsxs(FieldLabel,{children:[/*#__PURE__*/_jsx(Checkbox,{checked:always,onCheckedChange:setAlways,size:"sm"}),"Always allow this action"]})}):null,/*#__PURE__*/_jsxs("div",{...props(styles.actions),children:[onDeny?/*#__PURE__*/_jsx(Button,{onClick:startDeny,size:"sm",variant:"outline",children:"Deny"}):null,onApprove?/*#__PURE__*/_jsx(Button,{onClick:approve,size:"sm",children:"Approve"}):null]})]})]});}function verdictOf(status,automatic){const verdict=status==="approved"?"Approved":"Denied";return automatic?`${verdict} automatically`:verdict;}// Once decided, the card folds into one line that opens to what was asked.
+function Resolved({automatic,description,details,focusRef,note,status,title}){const approved=status==="approved";const Icon=approved?IconCircleCheck:IconCircleX;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,approved?styles.resolvedApproved:styles.resolvedDenied),children:/*#__PURE__*/_jsx(Icon,{size:16})}),/*#__PURE__*/_jsxs("span",{...props(toolCallStyles.title),children:[verdictOf(status,automatic)," ",/*#__PURE__*/_jsxs("span",{...props(toolCallStyles.name),children:["· ",title]})]}),/*#__PURE__*/_jsx(IconChevronDown,{"aria-hidden":"true",size:14,...props(toolCallStyles.chevron)})]}),/*#__PURE__*/_jsx(CollapsiblePanel,{children:/*#__PURE__*/_jsxs("div",{"data-slot":"approval-card-record",...props(toolCallStyles.panel,toolCallStyles.details),children:[description?/*#__PURE__*/_jsx("p",{...props(typeRoles.caption,styles.description),children:description}):null,/*#__PURE__*/_jsx(Details,{details:details}),note?/*#__PURE__*/_jsxs("p",{...props(typeRoles.caption,styles.description),children:["Note: ",note]}):null]})})]})});}/**
+ * The agent asks before it acts: what it will do, why, and the details,
+ * with Deny and Approve. Denying can tell the agent what to do instead.
+ * Once decided, the card folds into one line.
+ */export function ApprovalCard({allowAlways=false,automatic=false,description,details=[],icon,note,onApprove,onDeny,ref:forwardedRef,status,title,...rest}){const titleId=useId();// Focus follows a decision made here to the folded line.
+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":"approval-card","data-status":status,ref:forwardedRef,children:[/*#__PURE__*/_jsx("span",{"aria-live":"polite","data-slot":"approval-card-status",role:"status",...props(visuallyHiddenStyles.root),children:pending?"":`${verdictOf(status,automatic)}: ${title}`}),pending?/*#__PURE__*/_jsx(Pending,{allowAlways:allowAlways,description:description,details:details,icon:icon,onApprove:onApprove,onDecide:onDecide,onDeny:onDeny,title:title,titleId:titleId}):/*#__PURE__*/_jsx(Resolved,{automatic:automatic,description:description,details:details,focusRef:focusRef,note:note,status:status,title:title})]});}

package/dist/components/approval-card/approval-card.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors}from"../../styles/colors.stylex";import"../../styles/interaction.stylex";import{borderWidth}from"../../styles/interaction.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";export const approvalCardStyles={actions:{k1xSpc:"x78zum5",kwnvtZ:"x1a02dak",kOIVth:"xp4ho6d",keTefX:"xvc5jky",$$css:true},card:{kWkggS:"xwn18cz",kVAM5u:"x155xxfk",kaIpWk:"x1yl01a3",ksu8eU:"x1y0btm7",kMzoRj:"x1cdonsl",kGVxlE:"x10ilepr",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x1q60jeg",kogj98:"x1ghz6dp",k7Eaqz:"xeuugli",kmVPX3:"xvgr8tm",$$css:true},description:{kMwMTN:"x125omll",kogj98:"x1ghz6dp",$$css:true},detailLabel:{kMwMTN:"x125omll",$$css:true},detailRow:{k1xSpc:"xjp7ctv",$$css:true},details:{kGNEyG:"x1pha0wt",k1C7PZ:"xejpt2e",k1xSpc:"xrvj5dj",kumcoG:"x16lqc3j",kogj98:"x1ghz6dp",khm7nJ:"xjcy2k7",$$css:true},detailValue:{kogj98:"x1ghz6dp",k7Eaqz:"xeuugli",kHjlTd:"xj0a0fe",$$css:true},footer:{kGNEyG:"x6s0dn4",k1xSpc:"x78zum5",kwnvtZ:"x1a02dak",kOIVth:"xp4ho6d",kjj79g:"x1qughib",$$css:true},head:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x13hh4mm",$$css:true},kind:{kGNEyG:"x6s0dn4",kMwMTN:"x125omll",k1xSpc:"x78zum5",kOIVth:"xp4ho6d",kogj98:"x1ghz6dp",k1K539:"x1csto",$$css:true},kindIcon:{k1xSpc:"x78zum5",kmuXW:"x2lah0s",$$css:true},note:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"xp4ho6d",$$css:true},noteLabel:{kMwMTN:"x125omll",$$css:true},resolvedApproved:{kMwMTN:"x11dzyn",$$css:true},resolvedDenied:{kMwMTN:"x125omll",$$css:true},title:{kMwMTN:"x14tvo57",kogj98:"x1ghz6dp",$$css:true}};

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

@@ -0,0 +1,29 @@
+import type { ComponentPropsWithRef } from "react";
+import type { Closed } from "../../closed";
+import { type ChartSeriesTone } from "../chart-frame/chart-colors";
+import { type ChartStatus } from "../chart-frame/chart-loading";
+import { type TimeSeriesPoint } from "../time-series/time-format";
+/** stacked reads as volume, overlap compares series, percent shows share. */
+export type AreaChartLayout = "overlap" | "percent" | "stacked";
+export interface AreaChartSeries {
+    id: string;
+    label: string;
+    points: readonly TimeSeriesPoint[];
+    /** Defaults to the series' position in the fixed palette order. */
+    tone?: ChartSeriesTone;
+}
+export type AreaChartProps = Omit<Closed<ComponentPropsWithRef<"div">>, "aria-label" | "children" | "data-slot" | "role"> & {
+    "aria-description"?: string;
+    "aria-label": string;
+    formatAxisValue?: (value: number) => string;
+    formatValue?: (value: number) => string;
+    layout?: AreaChartLayout;
+    /** Shows the series legend below the chart. Turn it off when a card header shows it. */
+    legend?: boolean;
+    locale?: string;
+    series: readonly AreaChartSeries[];
+    /** "loading" holds the chart's space with a placeholder; data that replaces it wipes in. */
+    status?: ChartStatus;
+    timeZone: string;
+};
+export declare function AreaChart({ "aria-description": ariaDescription, "aria-label": ariaLabel, formatAxisValue, formatValue, layout, legend, locale, ref: forwardedRef, series: inputSeries, status, timeZone, ...rest }: AreaChartProps): import("react").JSX.Element;

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

@@ -0,0 +1,10 @@
+"use client";import{props}from"@stylexjs/stylex";import{areaY,defineChart,lineY,stackRowsY}from"@tanstack/charts";import{decorative}from"@tanstack/charts/mark/decorative";import{scaleLinear}from"@tanstack/charts/scales/linear";import{tooltip as tooltipFeature}from"@tanstack/charts/tooltip";import{scaleUtc}from"d3-scale";import{useId,useMemo}from"react";import{typeRoles}from"../../styles/typography.styles";import{chartColors}from"../chart-frame/chart-colors";import{pillTickLabels,timeCrosshair}from"../chart-frame/chart-crosshair";import{ChartFrame}from"../chart-frame/chart-frame";import{ChartLoading,chartRevealStyles,useLoadingReveal}from"../chart-frame/chart-loading";import{ChartLegend}from"../chart-legend/chart-legend";import{ChartTooltip}from"../chart-tooltip/chart-tooltip";import{AXIS_TICK_MIN_GAP,formatNumber,getTickCount,makeAxisFormatter,makeDateFormatter,preparePoints,SMOOTH}from"../time-series/time-format";import{areaChartStyles}from"./area-chart.styles";/** stacked reads as volume, overlap compares series, percent shows share. */import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";const NAME="AreaChart";const PLOT_HEIGHT=200;const LAYOUTS=new Set(["overlap","percent","stacked"]);// Six fixed palette slots; a seventh series is never a generated hue.
+const TONES=["series1","series2","series3","series4","series5","series6"];function assertSeriesShape(entry,ids){if(typeof entry.id!=="string"||!entry.id.trim()||typeof entry.label!=="string"||!entry.label.trim()){throw new TypeError(`${NAME} series require non-empty ids and labels.`);}if(ids.has(entry.id)){throw new RangeError(`${NAME} series ids must be unique.`);}if(entry.tone!==undefined&&!Object.hasOwn(chartColors,entry.tone)){throw new RangeError(`${NAME} tone is not a supported chart series tone.`);}ids.add(entry.id);}// Stacking adds values per time, so every series needs a value at every time.
+function assertStackable(series){const times=series[0]?.points.map(({time})=>time).join()??"";for(const{points}of series){if(points.map(({time})=>time).join()!==times){throw new RangeError(`${NAME} stacked and percent layouts need the same times in every series.`);}if(points.some(({value})=>value===null)){throw new RangeError(`${NAME} stacked and percent layouts need a value at every time.`);}}}function prepareSeries(series,layout){if(!Array.isArray(series)){throw new TypeError(`${NAME} series must be an array.`);}if(series.length>TONES.length){throw new RangeError(`${NAME} supports up to ${TONES.length} series; group the rest as "Other".`);}const ids=new Set();const prepared=series.map((entry,index)=>{assertSeriesShape(entry,ids);return{id:entry.id,label:entry.label,points:preparePoints(entry.points,NAME),tone:entry.tone??TONES[index]};});// With no values at all the chart shows its empty status instead.
+const hasValue=prepared.some(({points})=>points.some(({value})=>value!==null));if(layout!=="overlap"&&hasValue){assertStackable(prepared);}return prepared;}function assertOptions(ariaLabel,layout,timeZone,formatters){if(typeof ariaLabel!=="string"||!ariaLabel.trim()){throw new TypeError(`${NAME} requires a non-empty aria-label.`);}if(!LAYOUTS.has(layout)){throw new RangeError(`${NAME} layout must be 'stacked', 'overlap', or 'percent'.`);}if(typeof timeZone!=="string"||!timeZone.trim()){throw new TypeError(`${NAME} requires a non-empty timeZone.`);}if(formatters.some(format=>format!==undefined&&typeof format!=="function")){throw new TypeError(`${NAME} formatters must be functions.`);}}function toRows(series){return series.flatMap(({id,points})=>points.map(({time,value,x})=>({id:`${id}:${time}`,series:id,time,value,x})));}// Overlapping areas fill from zero; stacked ones fill between neighbors, and
+// percent stacks normalize each time to a 0–1 share.
+function layoutRows(series,layout){const rows=toRows(series);const totals=new Map();for(const{time,value}of rows){totals.set(time,(totals.get(time)??0)+(value??0));}const withShare=rows.map(row=>({...row,share:(row.value??0)/(totals.get(row.time)||1)}));if(layout==="overlap"){return withShare.map(row=>({...row,y1:0,y2:row.value}));}return stackRowsY(withShare,{offset:layout==="percent"?"normalize":undefined,order:series.map(({id})=>id),x:"time",y:"value",z:"series"}).map(row=>({id:row.id,series:row.series,share:row.share,time:row.time,value:row.value,// Stacking keys positions by the numeric time; the axis needs a Date.
+x:new Date(row.time),y1:row.y1,y2:row.y2}));}function gradientId(id){return`area-chart-${id.replace(/[^\w-]/gu,"_")}`;}function getMarks(series,rows){const bySeries=id=>rows.filter(row=>row.series===id);// Areas paint first so every line stays on top.
+const areas=series.map(({id})=>decorative(areaY(bySeries(id),{curve:SMOOTH,fill:`url(#${gradientId(id)})`,fillOpacity:1,id:`area-chart-area-${id}`,key:row=>row.id,x:"x",y1:"y1",y2:"y2"})));const lines=series.map(({id,tone})=>lineY(bySeries(id),{curve:SMOOTH,id:`area-chart-line-${id}`,key:row=>row.id,stroke:chartColors[tone],x:"x",y:"y2",// Focus groups points by z, so one tooltip lists every series.
+z:"series"}));return[...areas,...lines];}function renderTooltip(context,series,layout,dateFormatter,format,formatShare){const first=context.primaryPoint??context.points[0];if(!first){return null;}const rows=new Map(context.points.map(({datum})=>[datum.series,datum]));const items=series.flatMap(({id,label,tone})=>{const row=rows.get(id);if(!row||row.value===null){return[];}const value=format(row.value);return[{id,label,tone,value:layout==="percent"?`${value} · ${formatShare(row.share)}`:value}];});return/*#__PURE__*/_jsx(ChartTooltip,{items:items.reverse(),label:dateFormatter.format(first.datum.x)});}function AreaChartLegend({"aria-label":ariaLabel,series}){return/*#__PURE__*/_jsx("div",{"data-slot":"area-chart-legend",...props(areaChartStyles.legend),children:/*#__PURE__*/_jsx(ChartLegend,{"aria-label":`${ariaLabel} series`,items:series.map(({id,label,tone})=>({id,label,tone}))})});}function AreaChartPlot({"aria-description":ariaDescription,"aria-label":ariaLabel,formatAxisValue,formatValue,layout,legend,locale,reveal,series,timeZone}){const times=series[0].points;const numberFormatter=useMemo(()=>new Intl.NumberFormat(locale),[locale]);// Axis ticks default to compact numbers ("13.5K"); tooltips stay exact.
+const axisNumberFormatter=useMemo(()=>new Intl.NumberFormat(locale,{maximumFractionDigits:1,notation:"compact"}),[locale]);const shareFormatter=useMemo(()=>new Intl.NumberFormat(locale,{maximumFractionDigits:0,style:"percent"}),[locale]);const dateFormatter=useMemo(()=>makeDateFormatter(locale,timeZone,times),[locale,times,timeZone]);const axisFormatter=useMemo(()=>makeAxisFormatter(locale,timeZone,times),[locale,times,timeZone]);const format=useMemo(()=>value=>formatNumber(value,formatValue,numberFormatter,"formatValue",NAME),[formatValue,numberFormatter]);const idPrefix=useId().replace(/[^\w-]/gu,"");const definition=useMemo(()=>{const formatAxis=value=>layout==="percent"?shareFormatter.format(value):formatNumber(value,formatAxisValue??formatValue,axisNumberFormatter,formatAxisValue?"formatAxisValue":"formatValue",NAME);return defineChart({clip:true,gradients:series.map(({id,tone})=>({id:gradientId(id),stops:[{color:chartColors[tone],offset:0,opacity:0.02},{color:chartColors[tone],offset:1,opacity:0.32}]})),marks:[timeCrosshair(date=>axisFormatter.format(date)),...getMarks(series,layoutRows(series,layout))],scales:{x:{axis:{tickLabels:{...pillTickLabels,thin:{minGap:AXIS_TICK_MIN_GAP}},ticks:{count:getTickCount(times),format:date=>axisFormatter.format(date)}},nice:false,scale:scaleUtc},y:{axis:{ticks:{count:4,format:formatAxis}},grid:true,nice:layout!=="percent",scale:layout==="percent"?scaleLinear().domain([0,1]):scaleLinear}}},{focus:"group-x",tooltip:tooltipFeature});},[axisFormatter,axisNumberFormatter,formatAxisValue,formatValue,layout,series,shareFormatter,times]);const renderTooltipBody=useMemo(()=>context=>renderTooltip(context,series,layout,dateFormatter,format,value=>shareFormatter.format(value)),[dateFormatter,format,layout,series,shareFormatter]);return/*#__PURE__*/_jsxs("div",{"data-slot":"area-chart-plot",children:[/*#__PURE__*/_jsx("div",{...props(reveal&&chartRevealStyles.reveal),children:/*#__PURE__*/_jsx(ChartFrame,{"aria-description":ariaDescription,"aria-label":ariaLabel,definition:definition,height:PLOT_HEIGHT,idPrefix:idPrefix,renderTooltipBody:renderTooltipBody,tabIndex:0})}),legend?/*#__PURE__*/_jsx(AreaChartLegend,{"aria-label":ariaLabel,series:series}):null]});}function AreaChartContent({plot,status}){if(status==="loading"){return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(ChartLoading,{height:PLOT_HEIGHT}),plot.legend?/*#__PURE__*/_jsx(AreaChartLegend,{"aria-label":plot["aria-label"],series:plot.series}):null]});}const hasValue=plot.series.some(({points})=>points.some(({value})=>value!==null));return hasValue?/*#__PURE__*/_jsx(AreaChartPlot,{...plot}):/*#__PURE__*/_jsx("p",{role:"status",...props(typeRoles.body,areaChartStyles.empty),children:"No observations available."});}export function AreaChart({"aria-description":ariaDescription,"aria-label":ariaLabel,formatAxisValue,formatValue,layout="stacked",legend=true,locale="en-US",ref:forwardedRef,series:inputSeries,status="ready",timeZone,...rest}){const reveal=useLoadingReveal(status);assertOptions(ariaLabel,layout,timeZone,[formatValue,formatAxisValue]);makeDateFormatter(locale,timeZone);const series=useMemo(()=>prepareSeries(inputSeries,layout),[inputSeries,layout]);for(const name of["aria-label","children","className","data-slot","role","style"]){Reflect.deleteProperty(rest,name);}return/*#__PURE__*/_jsx("div",{...rest,"aria-busy":status==="loading"||undefined,"data-slot":"area-chart",ref:forwardedRef,...props(areaChartStyles.root),children:/*#__PURE__*/_jsx(AreaChartContent,{plot:{"aria-description":ariaDescription,"aria-label":ariaLabel,formatAxisValue,formatValue,layout,legend,locale,reveal,series,timeZone},status:status})});}

package/dist/components/area-chart/area-chart.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";export const areaChartStyles={empty:{kqGvvJ:"x10im51j",$$css:true},legend:{keoZOQ:"x1fynrwi",$$css:true},root:{k7Eaqz:"xeuugli",$$css:true}};

package/dist/components/aspect-ratio/aspect-ratio.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentPropsWithRef, ReactNode } from "react";
+import type { Closed } from "../../closed";
+export type AspectRatioProps = Omit<Closed<ComponentPropsWithRef<"div">>, "children" | "data-slot" | "role"> & {
+    children: ReactNode;
+    ratio?: number;
+};
+export declare function AspectRatio({ children, ratio, ref: forwardedRef, ...rest }: AspectRatioProps): import("react").JSX.Element;

package/dist/components/aspect-ratio/aspect-ratio.js

@@ -0,0 +1 @@
+import{props}from"@stylexjs/stylex";import{typeRoles}from"../../styles/typography.styles";import{aspectRatioStyles}from"./aspect-ratio.styles";import{jsx as _jsx}from"react/jsx-runtime";export function AspectRatio({children,ratio=16/9,ref:forwardedRef,...rest}){if(!Number.isFinite(ratio)||ratio<=0){throw new RangeError("ratio must be a finite positive number");}for(const prop of["className","data-slot","role","style"]){Reflect.deleteProperty(rest,prop);}return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"aspect-ratio",ref:forwardedRef,...props(aspectRatioStyles.root(ratio),typeRoles.body),children:/*#__PURE__*/_jsx("div",{"data-slot":"aspect-ratio-content",...props(aspectRatioStyles.content),children:children})});}

package/dist/components/aspect-ratio/aspect-ratio.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";const _temp={kVAEAm:"x1n2onr6",kzqmXN:"xh8yej3","$$css":true};export const aspectRatioStyles={content:{krVfgx:"x1ey2m1c",k87sOh:"x13vifvy",kt4wiu:"xtijo5x",kLqNvP:"x1o0tod",kAzted:"x2lwn1j",k7Eaqz:"xeuugli",kVAEAm:"x10l6tqk",$$css:true},root:ratio=>[_temp,{kOBAk4:ratio!=null?"x10y9f9r":ratio,$$css:true},{"--x-aspectRatio":ratio!=null?ratio:undefined}]};

package/dist/components/attachment/attachment.d.ts

@@ -0,0 +1,20 @@
+import type { ComponentPropsWithRef, ReactNode } from "react";
+import type { Closed } from "../../closed";
+type DivProps = ComponentPropsWithRef<"div">;
+type SpanProps = ComponentPropsWithRef<"span">;
+type Part<T> = Omit<Closed<T>, "children" | "data-slot" | "role"> & {
+    children: ReactNode;
+};
+export type AttachmentProps = Part<DivProps>;
+export type AttachmentMediaProps = Part<DivProps>;
+export type AttachmentContentProps = Part<DivProps>;
+export type AttachmentNameProps = Part<SpanProps>;
+export type AttachmentDescriptionProps = Part<SpanProps>;
+export type AttachmentActionsProps = Part<DivProps>;
+export declare function Attachment({ children, ref: forwardedRef, ...rest }: AttachmentProps): import("react").JSX.Element;
+export declare function AttachmentMedia({ children, ref: forwardedRef, ...rest }: AttachmentMediaProps): import("react").JSX.Element;
+export declare function AttachmentContent({ children, ref: forwardedRef, ...rest }: AttachmentContentProps): import("react").JSX.Element;
+export declare function AttachmentName({ children, ref: forwardedRef, ...rest }: AttachmentNameProps): import("react").JSX.Element;
+export declare function AttachmentDescription({ children, ref: forwardedRef, ...rest }: AttachmentDescriptionProps): import("react").JSX.Element;
+export declare function AttachmentActions({ children, ref: forwardedRef, ...rest }: AttachmentActionsProps): import("react").JSX.Element;
+export {};

package/dist/components/attachment/attachment.js

@@ -0,0 +1 @@
+import{props}from"@stylexjs/stylex";import{typeRoles}from"../../styles/typography.styles";import{attachmentStyles}from"./attachment.styles";import{jsx as _jsx}from"react/jsx-runtime";function stripReservedProps(attributes){for(const name of["className","data-slot","role","style"]){Reflect.deleteProperty(attributes,name);}}export function Attachment({children,ref:forwardedRef,...rest}){stripReservedProps(rest);return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"attachment",ref:forwardedRef,...props(attachmentStyles.root,typeRoles.body),children:children});}export function AttachmentMedia({children,ref:forwardedRef,...rest}){stripReservedProps(rest);return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"attachment-media",ref:forwardedRef,...props(attachmentStyles.media),children:children});}export function AttachmentContent({children,ref:forwardedRef,...rest}){stripReservedProps(rest);return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"attachment-content",ref:forwardedRef,...props(attachmentStyles.content),children:children});}export function AttachmentName({children,ref:forwardedRef,...rest}){stripReservedProps(rest);return/*#__PURE__*/_jsx("span",{...rest,"data-slot":"attachment-name",ref:forwardedRef,...props(typeRoles.body,attachmentStyles.name),children:children});}export function AttachmentDescription({children,ref:forwardedRef,...rest}){stripReservedProps(rest);return/*#__PURE__*/_jsx("span",{...rest,"data-slot":"attachment-description",ref:forwardedRef,...props(attachmentStyles.description,typeRoles.body),children:children});}export function AttachmentActions({children,ref:forwardedRef,...rest}){stripReservedProps(rest);return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"attachment-actions",ref:forwardedRef,...props(attachmentStyles.actions),children:children});}

package/dist/components/attachment/attachment.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors}from"../../styles/colors.stylex";import"../../styles/interaction.stylex";import{borderWidth}from"../../styles/interaction.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{fontWeight}from"../../styles/typography.stylex";export const attachmentStyles={actions:{kGNEyG:"x6s0dn4",k1xSpc:"x78zum5",kmuXW:"x2lah0s",kwnvtZ:"x1a02dak",kOIVth:"x13hh4mm",ks0D6T:"x193iq5w",k7Eaqz:"xeuugli",kHjlTd:"xj0a0fe",$$css:true},content:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kzQI83:"x1iyjqo2",kOIVth:"x13hh4mm",k7Eaqz:"xeuugli",$$css:true},description:{kMwMTN:"x125omll",k1xSpc:"x1lliihq",k7Eaqz:"xeuugli",kHjlTd:"xj0a0fe",$$css:true},media:{kGNEyG:"x6s0dn4",kOBAk4:"x1plog1",kWkggS:"x1vs9wzj",kaIpWk:"x14vmcb0",kMwMTN:"x125omll",k1xSpc:"xrvj5dj",kmuXW:"x2lah0s",kZKoxP:"x1pizb70",kAPf3g:"x1o2pa38",kVQacm:"xb3r6kr",kzqmXN:"x188tqju",$$css:true},name:{k1xSpc:"x1lliihq",k63SB2:"xlw70nr",k7Eaqz:"xeuugli",kHjlTd:"xj0a0fe",$$css:true},root:{kGNEyG:"x6s0dn4",kWkggS:"xwn18cz",kVAM5u:"x155xxfk",kaIpWk:"x4ig255",ksu8eU:"x1y0btm7",kMzoRj:"x1cdonsl",kGVxlE:"x10ilepr",kB7OPa:"x9f619",kMwMTN:"x14tvo57",k1xSpc:"x78zum5",kwnvtZ:"x1a02dak",kOIVth:"xiw8qbs",k7Eaqz:"xeuugli",kmVPX3:"xvgr8tm",kzqmXN:"xh8yej3",$$css:true}};

package/dist/components/avatar/avatar-character.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/palette.stylex";import{palette}from"../../styles/palette.stylex";export const characterStyles={amber:{kMwMTN:"x15dhtt5",$$css:true},blue:{kMwMTN:"xupxvmh",$$css:true},body:{kDwRjp:"x117rol3",$$css:true},face:{kMwMTN:"x1qdpnm",kDwRjp:"x117rol3",$$css:true},green:{kMwMTN:"x1m2wgns",$$css:true},orange:{kMwMTN:"xqkch6d",$$css:true},pink:{kMwMTN:"xyd62xh",$$css:true},root:{kWkggS:"x1qyidv4",kaIpWk:"x10hpsqq",k1xSpc:"x1rg5ohu",kmuXW:"x2lah0s",kVQacm:"xb3r6kr",kXLuUW:"xxymvpz",$$css:true},rose:{kMwMTN:"xjogo8k",$$css:true},stroke:{kDwRjp:"xbh8q5q",kjVXCG:"x73je2i",kU5bRw:"x1owpc8m",kfJifR:"xupzf07",$$css:true},teal:{kMwMTN:"x1xncix4",$$css:true},violet:{kMwMTN:"xw8s0td",$$css:true}};