neba 1.16.1 → 1.17.0

package/dist/a2ui/components.js

@@ -1 +1 @@
-"use client";import{jsx as e,Fragment as i}from"react/jsx-runtime";import*as t from"react";import{createComponentImplementation as r}from"@a2ui/react/v0_9";import{Alert as o}from"../components/alert/Alert.js";import{Avatar as n}from"../components/avatar/Avatar.js";import{Button as l}from"../components/button/Button.js";import{Card as s}from"../components/card/Card.js";import{Checkbox as a}from"../components/checkbox/Checkbox.js";import{Chip as d}from"../components/chip/Chip.js";import{DataList as c,DataListItem as p}from"../components/data-list/DataList.js";import{Divider as u}from"../components/divider/Divider.js";import{Flex as m}from"../components/flex/Flex.js";import{Image as h}from"../components/image/Image.js";import{NumberField as b}from"../components/number-field/NumberField.js";import{Radio as v,RadioGroup as A}from"../components/radio-group/RadioGroup.js";import{Select as x}from"../components/select/Select.js";import{Slider as f}from"../components/slider/Slider.js";import{Statistic as g}from"../components/statistic/Statistic.js";import{Switch as y}from"../components/switch/Switch.js";import{TextField as C}from"../components/text-field/TextField.js";import{Typography as z}from"../components/typography/Typography.js";import j from"./catalog.json"with{type:"json"};import{componentSchema as S}from"./schema.js";function Children({list:r,buildChild:o}){return Array.isArray(r)?e(i,{children:r.map((i,r)=>"string"==typeof i?e(t.Fragment,{children:o(i)},`${i}-${r}`):e(t.Fragment,{children:o(i.id,i.basePath)},`${i.id}-${r}`))}):null}function F(e){return e.validationErrors?.[0]}function k(e,i){const t={name:e,schema:S(e,j.components[e])};return r(t,i)}export const A2uiFlex=k("Flex",({props:i,buildChild:t})=>{const r=i;return e(m,{direction:r.direction,spacing:r.spacing,justifyContent:r.justifyContent,alignItems:r.alignItems,wrap:r.wrap,children:e(Children,{list:r.children,buildChild:t})})});export const A2uiCard=k("Card",({props:i,buildChild:t})=>{const r=i;return e(s,{title:r.title,subtitle:r.subtitle,variant:r.variant,size:r.size,color:r.color,density:r.density,elevation:r.elevation,children:r.child?t(r.child):null})});export const A2uiDivider=k("Divider",({props:i})=>{const t=i;return e(u,{orientation:t.orientation,size:t.size,children:t.label})});export const A2uiAlert=k("Alert",({props:i,buildChild:t})=>{const r=i;return e(o,{title:r.title,color:r.color,variant:r.variant,size:r.size,density:r.density,children:r.child?t(r.child):null})});export const A2uiTypography=k("Typography",({props:i})=>{const t=i;return e(z,{level:t.level,weight:t.weight,align:t.align,color:t.color,lines:t.lines,children:t.text})});export const A2uiImage=k("Image",({props:i})=>{const t=i;return e(h,{src:t.src??"",alt:t.alt??"",ratio:t.ratio,fit:t.fit,rounded:t.rounded})});export const A2uiChip=k("Chip",({props:i})=>{const t=i;return e(d,{variant:t.variant,size:t.size,color:t.color,count:t.count,selected:t.selected,children:t.text})});export const A2uiAvatar=k("Avatar",({props:i})=>{const t=i;return e(n,{src:t.src,name:t.name,shape:t.shape,size:t.size,color:t.color})});export const A2uiStatistic=k("Statistic",({props:i})=>{const t=i;return e(g,{label:t.label,value:t.value??"",unit:t.unit,caption:t.caption,previousValue:t.previousValue,delta:t.delta,betterWhen:t.betterWhen,size:t.size,align:t.align})});export const A2uiDataList=k("DataList",({props:i})=>{const t=i;return e(c,{orientation:t.orientation,dividers:t.dividers,size:t.size,density:t.density,children:(t.items??[]).map((i,t)=>e(p,{label:i.label,children:i.value},`${i.label}-${t}`))})});export const A2uiButton=k("Button",({props:i})=>{const t=i;return e(l,{onClick:t.action,variant:t.variant,size:t.size,color:t.color,density:t.density,elevation:t.elevation,loading:t.loading,disabled:t.disabled||!1===t.isValid,fullWidth:t.fullWidth,children:t.text})});export const A2uiTextField=k("TextField",({props:i})=>{const t=i;return e(C,{label:t.label,value:t.value??"",onChange:e=>t.setValue?.(e.target.value),placeholder:t.placeholder,description:t.description,error:F(t),multiline:t.multiline,rows:t.rows,variant:t.variant,size:t.size,color:t.color,density:t.density,required:t.required,disabled:t.disabled,readOnly:t.readOnly,fullWidth:t.fullWidth})});export const A2uiNumberField=k("NumberField",({props:i})=>{const t=i;return e(b,{label:t.label,value:t.value??null,onValueChange:e=>t.setValue?.(e),description:t.description,error:F(t),min:t.min,max:t.max,step:t.step,variant:t.variant,size:t.size,color:t.color,density:t.density,required:t.required,disabled:t.disabled,readOnly:t.readOnly})});export const A2uiCheckbox=k("Checkbox",({props:i})=>{const t=i;return e(a,{label:t.label,checked:t.checked??!1,onCheckedChange:e=>t.setChecked?.(e),description:t.description,error:F(t),size:t.size,color:t.color,required:t.required,disabled:t.disabled})});export const A2uiSwitch=k("Switch",({props:i})=>{const t=i;return e(y,{label:t.label,checked:t.checked??!1,onCheckedChange:e=>t.setChecked?.(e),description:t.description,size:t.size,color:t.color,disabled:t.disabled})});export const A2uiRadioGroup=k("RadioGroup",({props:i})=>{const t=i;return e(A,{label:t.label,value:t.value??null,onValueChange:e=>t.setValue?.(String(e)),description:t.description,error:F(t),orientation:t.orientation,size:t.size,color:t.color,required:t.required,disabled:t.disabled,children:(t.options??[]).map(i=>e(v,{value:i.value,label:i.label??i.value,description:i.description,disabled:i.disabled},i.value))})});export const A2uiSelect=k("Select",({props:i})=>{const t=i;return e(x,{label:t.label,value:t.value??null,onValueChange:e=>t.setValue?.(String(e??"")),placeholder:t.placeholder,items:(t.options??[]).map(e=>({value:e.value,label:e.label,group:e.group,disabled:e.disabled})),description:t.description,error:F(t),variant:t.variant,size:t.size,color:t.color,density:t.density,required:t.required,disabled:t.disabled,fullWidth:t.fullWidth})});export const A2uiSlider=k("Slider",({props:i})=>{const t=i;return e(f,{label:t.label,value:t.value??t.min??0,onValueChange:e=>t.setValue?.(Array.isArray(e)?e[0]:e),min:t.min,max:t.max,step:t.step,description:t.description,size:t.size,color:t.color,disabled:t.disabled})});export const nebaComponents=[A2uiFlex,A2uiCard,A2uiDivider,A2uiTypography,A2uiImage,A2uiChip,A2uiAvatar,A2uiStatistic,A2uiDataList,A2uiAlert,A2uiButton,A2uiTextField,A2uiNumberField,A2uiCheckbox,A2uiSwitch,A2uiRadioGroup,A2uiSelect,A2uiSlider];
+"use client";import{jsx as e,Fragment as i,jsxs as t}from"react/jsx-runtime";import*as r from"react";import{createComponentImplementation as o}from"@a2ui/react/v0_9";import{Alert as l}from"../components/alert/Alert.js";import{Avatar as n}from"../components/avatar/Avatar.js";import{Button as s}from"../components/button/Button.js";import{Card as a}from"../components/card/Card.js";import{Checkbox as d}from"../components/checkbox/Checkbox.js";import{Chip as c}from"../components/chip/Chip.js";import{DataList as p,DataListItem as u}from"../components/data-list/DataList.js";import{Divider as m}from"../components/divider/Divider.js";import{Flex as b}from"../components/flex/Flex.js";import{Image as h}from"../components/image/Image.js";import{NumberField as v}from"../components/number-field/NumberField.js";import{Radio as y,RadioGroup as A}from"../components/radio-group/RadioGroup.js";import{Select as x}from"../components/select/Select.js";import{Slider as f}from"../components/slider/Slider.js";import{Statistic as g}from"../components/statistic/Statistic.js";import{Switch as C}from"../components/switch/Switch.js";import{TextField as z}from"../components/text-field/TextField.js";import{Typography as j}from"../components/typography/Typography.js";import S from"./adapter-catalog.json"with{type:"json"};import{componentSchema as k}from"./schema.js";function Children({list:t,buildChild:o}){if(!Array.isArray(t))return null;const l=new Map;return e(i,{children:t.map(i=>{const t="string"==typeof i?i:i.id,n="string"==typeof i?void 0:i.basePath,s=void 0===n?t:`${t}@${n}`,a=l.get(s)??0;return l.set(s,a+1),e(r.Fragment,{children:o(t,n)},0===a?s:`${s}#${a}`)})})}function F(i){const t=r.useId(),o=i.accessibility?.label||void 0,l=i.accessibility?.description||void 0;return{label:o,describedBy:l?t:void 0,note:l?e("span",{id:t,hidden:!0,children:l}):null}}function w(e,i){const[t,o]=r.useState(e),[l,n]=r.useState(e);return Object.is(e,l)||(n(e),o(e)),[t,e=>{o(e),i?.(e)}]}function V(e){return e.validationErrors?.[0]}function q(e,i){const t={name:e,schema:k(e,S.components[e])};return o(t,i)}export const A2uiFlex=q("Flex",({props:r,buildChild:o})=>{const l=r,n=F(l);return t(i,{children:[e(b,{role:n.label?"group":void 0,"aria-label":n.label,"aria-describedby":n.describedBy,direction:l.direction,spacing:l.spacing,justifyContent:l.justifyContent,alignItems:l.alignItems,wrap:l.wrap,children:e(Children,{list:l.children,buildChild:o})}),n.note]})});export const A2uiCard=q("Card",({props:r,buildChild:o})=>{const l=r,n=F(l);return t(i,{children:[e(a,{role:n.label?"group":void 0,"aria-label":n.label,"aria-describedby":n.describedBy,title:l.title,subtitle:l.subtitle,variant:l.variant,size:l.size,color:l.color,density:l.density,elevation:l.elevation,children:l.child?o(l.child):null}),n.note]})});export const A2uiDivider=q("Divider",({props:i})=>{const t=i;return e(m,{orientation:t.orientation,size:t.size,children:t.label})});export const A2uiAlert=q("Alert",({props:i,buildChild:t})=>{const r=i;return e(l,{title:r.title,color:r.color,variant:r.variant,size:r.size,density:r.density,children:r.child?t(r.child):null})});export const A2uiTypography=q("Typography",({props:i})=>{const t=i;return e(j,{level:t.level,weight:t.weight,align:t.align,color:t.color,lines:t.lines,children:t.text})});export const A2uiImage=q("Image",({props:r})=>{const o=r,l=F(o);return t(i,{children:[e(h,{src:o.src??"",alt:o.alt??"","aria-describedby":l.describedBy,ratio:o.ratio,fit:o.fit,rounded:o.rounded}),l.note]})});export const A2uiChip=q("Chip",({props:i})=>{const t=i;return e(c,{variant:t.variant,size:t.size,color:t.color,count:t.count,selected:t.selected,children:t.text})});export const A2uiAvatar=q("Avatar",({props:i})=>{const t=i;return e(n,{src:t.src,name:t.name,shape:t.shape,size:t.size,color:t.color})});export const A2uiStatistic=q("Statistic",({props:i})=>{const t=i,r=t.value??"",o=void 0!==t.previousValue&&/^[-+]?(\d+\.?\d*|\.\d+)(e[-+]?\d+)?$/i.test(r.trim())?Number(r):r;return e(g,{label:t.label,value:o,unit:t.unit,caption:t.caption,previousValue:t.previousValue,delta:t.delta,betterWhen:t.betterWhen,size:t.size,align:t.align})});export const A2uiDataList=q("DataList",({props:i})=>{const t=i;return e(p,{orientation:t.orientation,dividers:t.dividers,size:t.size,density:t.density,children:(t.items??[]).map((i,t)=>e(u,{label:i.label,children:i.value},`${i.label}-${t}`))})});export const A2uiButton=q("Button",({props:r})=>{const o=r,l=F(o);return t(i,{children:[e(s,{"aria-label":o.text?void 0:l.label,"aria-describedby":l.describedBy,onClick:o.action,variant:o.variant,size:o.size,color:o.color,density:o.density,elevation:o.elevation,loading:o.loading,disabled:o.disabled||!1===o.isValid,fullWidth:o.fullWidth,children:o.text}),l.note]})});export const A2uiTextField=q("TextField",({props:i})=>{const t=i,[r,o]=w(t.value??"",t.setValue);return e(z,{label:t.label,value:r,onChange:e=>o(e.target.value),placeholder:t.placeholder,description:t.description,error:V(t),multiline:t.multiline,rows:t.rows,variant:t.variant,size:t.size,color:t.color,density:t.density,required:t.required,disabled:t.disabled,readOnly:t.readOnly,fullWidth:t.fullWidth})});export const A2uiNumberField=q("NumberField",({props:i})=>{const t=i,[r,o]=w(t.value??null,t.setValue);return e(v,{label:t.label,value:r,onValueChange:o,description:t.description,error:V(t),min:t.min,max:t.max,step:t.step,variant:t.variant,size:t.size,color:t.color,density:t.density,required:t.required,disabled:t.disabled,readOnly:t.readOnly})});export const A2uiCheckbox=q("Checkbox",({props:i})=>{const t=i,[r,o]=w(t.checked??!1,t.setChecked);return e(d,{label:t.label,checked:r,onCheckedChange:o,description:t.description,error:V(t),size:t.size,color:t.color,required:t.required,disabled:t.disabled})});export const A2uiSwitch=q("Switch",({props:i})=>{const t=i,[r,o]=w(t.checked??!1,t.setChecked);return e(C,{label:t.label,checked:r,onCheckedChange:o,description:t.description,size:t.size,color:t.color,disabled:t.disabled})});export const A2uiRadioGroup=q("RadioGroup",({props:i})=>{const t=i,[r,o]=w(t.value??null,e=>t.setValue?.(e??""));return e(A,{label:t.label,value:r,onValueChange:e=>o(String(e)),description:t.description,error:V(t),orientation:t.orientation,size:t.size,color:t.color,required:t.required,disabled:t.disabled,children:(t.options??[]).map(i=>e(y,{value:i.value,label:i.label??i.value,description:i.description,disabled:i.disabled},i.value))})});export const A2uiSelect=q("Select",({props:i})=>{const t=i,[r,o]=w(t.value??null,e=>t.setValue?.(e??""));return e(x,{label:t.label,value:r,onValueChange:e=>o(null===e?null:String(e)),placeholder:t.placeholder,items:(t.options??[]).map(e=>({value:e.value,label:e.label,group:e.group,disabled:e.disabled})),description:t.description,error:V(t),variant:t.variant,size:t.size,color:t.color,density:t.density,required:t.required,disabled:t.disabled,fullWidth:t.fullWidth})});export const A2uiSlider=q("Slider",({props:i})=>{const t=i,[r,o]=w(t.value??t.min??0,t.setValue);return e(f,{label:t.label,value:r,onValueChange:e=>o(Array.isArray(e)?e[0]:e),min:t.min,max:t.max,step:t.step,description:t.description,size:t.size,color:t.color,disabled:t.disabled})});export const nebaComponents=[A2uiFlex,A2uiCard,A2uiDivider,A2uiTypography,A2uiImage,A2uiChip,A2uiAvatar,A2uiStatistic,A2uiDataList,A2uiAlert,A2uiButton,A2uiTextField,A2uiNumberField,A2uiCheckbox,A2uiSwitch,A2uiRadioGroup,A2uiSelect,A2uiSlider];

package/dist/a2ui/index.d.ts

@@ -24,10 +24,13 @@
  * The catalog is written against **A2UI v1.0** and `@a2ui/react` 0.11's newest
  * renderer is **v0.9**, so this registers with `@a2ui/react/v0_9`. The eighteen
  * components only use constructs the two versions share, which is what makes
- * the bridge a rename rather than a translation, and the two differences that
- * exist are both harmless: v1.0 moved `accessibility` from the catalog entry to
- * the envelope, which `schema.ts` puts back, and v1.0's `Action` gained a
- * `userMessage` that the v0.9 schema strips rather than rejects.
+ * the bridge a rename rather than a translation, and none of the three
+ * differences that exist makes the renderer refuse a message: v1.0 moved
+ * `accessibility` from the catalog entry to the envelope, which `schema.ts` puts
+ * back; v1.0 lets a check leave out the `message` v0.9 requires, which
+ * `schema.ts` accepts; and v1.0's `Action` gained a `userMessage` that the v0.9
+ * renderer accepts and never passes on — the action a host receives is built
+ * from the event's `name` and `context` alone.
  *
  * There is no v1.0 React renderer to register with yet. When there is, what
  * changes is this file's import and nothing in `catalog.json`.
@@ -36,20 +39,29 @@ import { Catalog, type FunctionImplementation } from '@a2ui/web_core/v0_9';
 import { nebaComponents } from './components.js';
 export { nebaComponents } from './components.js';
 export { componentSchema, type CatalogSchema } from './schema.js';
+/** What `createNebaCatalog` takes. */
+export interface NebaCatalogOptions {
+    /**
+     * The language `formatNumber`, `formatCurrency` and `pluralize` write in.
+     * Pass the one the components are in — a `NebaProvider`'s `locale` — or the
+     * three follow the runtime's language while the components follow the
+     * provider. Left out, they follow the runtime.
+     */
+    locale?: string;
+}
 /**
  * The catalog, ready to hand to a `MessageProcessor`.
  *
- * A function rather than a constant, because building it evaluates eighteen Zod
- * schemas and a project that never renders a surface should not pay for that on
- * import. Call it once and keep what it gives you: a `Catalog` is immutable and
- * the `MessageProcessor` holds on to it.
+ * The components' Zod schemas are built when this module is evaluated, since
+ * `nebaComponents` is exported as they are. Call this once and keep what it
+ * gives you: a `Catalog` is immutable and the `MessageProcessor` holds on to it.
  *
  * ```tsx
  * import { MessageProcessor } from '@a2ui/web_core/v0_9';
  * import { A2uiSurface } from '@a2ui/react/v0_9';
  * import { createNebaCatalog } from 'neba/a2ui';
  *
- * const catalog = createNebaCatalog();
+ * const catalog = createNebaCatalog({ locale: 'ko' });
  * const processor = new MessageProcessor([catalog]);
  * ```
  *
@@ -57,6 +69,6 @@ export { componentSchema, type CatalogSchema } from './schema.js';
  * is served from — so the id a surface names and the schema an agent was given
  * are the same string without anybody having to keep them in step.
  */
-export declare function createNebaCatalog(): Catalog<(typeof nebaComponents)[number], FunctionImplementation>;
+export declare function createNebaCatalog(options?: NebaCatalogOptions): Catalog<(typeof nebaComponents)[number], FunctionImplementation>;
 /** The catalog's own id, for a `createSurface` message written by hand. */
 export declare const nebaCatalogId: string;

package/dist/a2ui/index.js

@@ -1 +1 @@
-import{Catalog as o}from"@a2ui/web_core/v0_9";import{BASIC_FUNCTIONS as e}from"@a2ui/web_core/v0_9";import t from"./catalog.json"with{type:"json"};import{nebaComponents as n}from"./components.js";export{nebaComponents}from"./components.js";export{componentSchema}from"./schema.js";export function createNebaCatalog(){return new o(t.catalogId,n,function(){const o=new Set(Object.keys(t.functions)),n=e.filter(e=>o.has(e.name));if(n.length!==o.size){const t=[...o].filter(o=>!e.some(e=>e.name===o));throw new Error(`neba/a2ui: the catalog declares ${t.join(", ")}, which @a2ui/web_core does not implement`)}return n}())}export const nebaCatalogId=t.catalogId;
+import{Catalog as e,createBasicCatalogFunctions as o}from"@a2ui/web_core/v0_9";import t from"./adapter-catalog.json"with{type:"json"};import{nebaComponents as n}from"./components.js";export{nebaComponents}from"./components.js";export{componentSchema}from"./schema.js";function a(e){const n=o({locale:e}),a=new Set(Object.keys(t.functions)),r=n.filter(e=>a.has(e.name));if(r.length!==a.size){const e=[...a].filter(e=>!n.some(o=>o.name===e));throw new Error(`neba/a2ui: the catalog declares ${e.join(", ")}, which @a2ui/web_core does not implement`)}return r.map(e=>{return"openUrl"===e.name?(o=e,{...o,execute:(e,t,n)=>{if("undefined"==typeof navigator||!("userActivation"in navigator)||navigator.userActivation.isActive)return o.execute(e,t,n)}}):e;var o})}export function createNebaCatalog(o={}){return new e(t.catalogId,n,a(o.locale))}export const nebaCatalogId=t.catalogId;

package/dist/a2ui/schema.d.ts

@@ -11,9 +11,10 @@
  * It handles the subset `catalog.json` actually uses and nothing more. That is
  * deliberate: a general JSON-Schema-to-Zod converter is a dependency, and a
  * partial one that quietly returns `z.any()` for a construct it has not met is
- * how a prop stops being validated without anybody noticing. Anything
- * unrecognised throws, and `test/package/a2ui.test.ts` converts every component
- * in the catalog so the throw happens here rather than in someone's renderer.
+ * how a prop stops being validated without anybody noticing. A keyword it does
+ * not know throws, and so does a `type` or a `$ref` it has not met;
+ * `test/a2ui/adapter.test.tsx` converts every component in the catalog so the
+ * throw happens there rather than in someone's renderer.
  *
  * The `$ref`s are the load-bearing part. `componentId()` and `childList()` are
  * not decoration over `z.string()`: the node layer reads a marker off those
@@ -25,7 +26,7 @@ import { z } from 'zod';
 export interface CatalogSchema {
     $ref?: string;
     type?: string;
-    enum?: readonly string[];
+    enum?: readonly (string | number)[];
     const?: string;
     default?: unknown;
     description?: string;
@@ -41,7 +42,8 @@ export interface CatalogSchema {
  *
  * `accessibility` is added rather than read, because v1.0 moved it out of the
  * catalog and into the envelope while the renderer this adapter registers with
- * still expects a component to declare it. It is the one place the two versions
- * are bridged rather than mapped.
+ * still expects a component to declare it. That and a check's optional
+ * `message`, above, are the two places the versions are bridged rather than
+ * mapped.
  */
 export declare function componentSchema(name: string, definition: CatalogSchema): z.ZodTypeAny;

package/dist/a2ui/schema.js

@@ -1 +1 @@
-import{z as e}from"zod";import{childList as t,CommonSchemas as r,componentId as o}from"@a2ui/web_core/v0_9";const n="https://a2ui.org/specification/v1_0/common_types.json#/$defs/",i={Action:()=>r.Action,Child:()=>o(),ChildList:()=>t(),DynamicBoolean:()=>r.DynamicBoolean,DynamicNumber:()=>r.DynamicNumber,DynamicString:()=>r.DynamicString};function a(t,r){if(t.$ref){const e=t.$ref.startsWith(n)?t.$ref.slice(61):"",o=i[e];if(!o)throw new Error(`a2ui: ${r} refers to ${t.$ref}, which this adapter does not know`);return o()}if(t.enum)return e.enum(t.enum);switch(t.type){case"string":return e.string();case"number":case"integer":return e.number();case"boolean":return e.boolean();case"array":if(!t.items)throw new Error(`a2ui: ${r} is an array with no items`);return e.array(a(t.items,`${r}[]`));case"object":return c(t,r);default:throw new Error(`a2ui: ${r} has a type this adapter does not know`)}}function c(t,r){const o=new Set(t.required??[]),n={};for(const[e,i]of Object.entries(t.properties??{})){if("component"===e)continue;const t=a(i,`${r}.${e}`);n[e]=void 0===i.default?o.has(e)?t:t.optional():t.default(i.default).optional()}return e.object(n)}export function componentSchema(t,o){const i=o.allOf??[o];let a=e.object({accessibility:r.AccessibilityAttributes.optional()});for(const e of i)if(e.$ref!==`${n}Checkable`){if(e.$ref)throw new Error(`a2ui: ${t} is composed with ${e.$ref}, which this adapter cannot merge`);a=a.merge(c(e,t))}else a=a.merge(r.Checkable);return a}
+import{z as e}from"zod";import{childList as t,CommonSchemas as r,componentId as i}from"@a2ui/web_core/v0_9";const n="https://a2ui.org/specification/v1_0/common_types.json#/$defs/",o=new Set(["$ref","type","enum","default","description","properties","required","items","minimum","additionalProperties"]),a=new Set(["type","description","properties","required","additionalProperties"]);function s(e,t,r){for(const i of Object.keys(e))if(!r.has(i))throw new Error(`a2ui: ${t} uses \`${i}\`, which this adapter does not know`)}const c={Action:()=>r.Action,Child:()=>i(),ChildList:()=>t(),DynamicBoolean:()=>r.DynamicBoolean,DynamicNumber:()=>r.DynamicNumber,DynamicString:()=>r.DynamicString};function u(t,r){if(s(t,r,o),t.$ref){const e=t.$ref.startsWith(n)?t.$ref.slice(61):"",i=c[e];if(!i)throw new Error(`a2ui: ${r} refers to ${t.$ref}, which this adapter does not know`);return i()}if(t.enum){const r=t.enum;if(r.every(e=>"string"==typeof e))return e.enum(r);const i=r.map(t=>e.literal(t));return 1===i.length?i[0]:e.union(i)}if(void 0!==t.minimum&&"number"!==t.type&&"integer"!==t.type)throw new Error(`a2ui: ${r} has a minimum but is not a number`);switch(t.type){case"string":return e.string();case"number":case"integer":{const r="integer"===t.type?e.number().int():e.number();return void 0===t.minimum?r:r.min(t.minimum)}case"boolean":return e.boolean();case"array":if(!t.items)throw new Error(`a2ui: ${r} is an array with no items`);return e.array(u(t.items,`${r}[]`));case"object":return m(t,r);default:throw new Error(`a2ui: ${r} has a type this adapter does not know`)}}function m(t,r){if(!0===t.additionalProperties)throw new Error(`a2ui: ${r} allows any property, which this adapter cannot check`);const i=new Set(t.required??[]),n={};for(const[e,o]of Object.entries(t.properties??{})){if("component"===e)continue;const t=u(o,`${r}.${e}`);n[e]=void 0===o.default?i.has(e)?t:t.optional():t.default(o.default).optional()}return e.object(n)}const p=(()=>{const t=r.Checkable,i=r.CheckRule.extend({message:e.string().optional()}),n=t.shape.checks;return t.extend({checks:e.array(i).optional().describe(n.description??"")})})();export function componentSchema(t,i){const o=i.allOf??[i];let c=e.object({accessibility:r.AccessibilityAttributes.optional()});for(const e of o)if(e.$ref!==`${n}Checkable`){if(e.$ref)throw new Error(`a2ui: ${t} is composed with ${e.$ref}, which this adapter cannot merge`);s(e,t,a),c=c.merge(m(e,t))}else c=c.merge(p);return c}

package/dist/components/accordion/Accordion.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as n}from"react/jsx-runtime";import*as a from"react";import{Accordion as t}from"@base-ui/react/accordion";import{boxPaddingXClasses as l,boxPaddingYClasses as i}from"../box/Box.js";import{ChevronIcon as s}from"../../internal/icons.js";import{accordionPanelClasses as r,clampClasses as d,clampSlot as o,cx as c,focusRingClasses as m,gapClasses as f,hasContent as u,iconClasses as x,metaTextClasses as b,radiusClasses as h,ringRestClasses as v,sheetBodyClasses as p,sheetHeaderGapClasses as g,sheetTitleClasses as N,surfaceClasses as j,surfaceSlots as y,transitionClasses as w}from"../../internal/styles.js";import{useStyleDefaults as k}from"../../internal/defaults.js";const z=/*@__PURE__*/a.createContext({size:"md",density:"default",dividers:!0,headingLevel:3,disabled:!1}),A={solid:[j,"text-(--neba-fg) bg-(--n-panel-hover)","[box-shadow:var(--n-elev),var(--neba-plate-solid)]"].join(" "),outline:[j,"border text-(--neba-fg) bg-(--n-panel)","[border-color:var(--n-line)]","[box-shadow:var(--n-elev),var(--neba-plate-glass)]"].join(" "),text:"text-(--neba-fg) bg-transparent"},C={xs:h.xs,sm:h.xs,md:h.sm,lg:h.sm,xl:h.md},I=`${v} outline-offset-[-2px] focus-visible:[outline:2px_solid_var(--n-ring)]`;export const Accordion=/*@__PURE__*/a.forwardRef(function Accordion(n,l){const{variant:i="outline",size:s="md",color:r="primary",density:d="default",elevation:o=0,multiple:m=!1,value:f,defaultValue:u,onValueChange:x,dividers:b=!0,headingLevel:v=3,disabled:p=!1,hiddenUntilFound:g=!0,keepMounted:N=!1,className:j,style:C,children:I,...L}=k(n,["size","density","variant"]),V=a.useMemo(()=>({size:s,density:d,dividers:b,headingLevel:v,disabled:p}),[s,d,b,v,p]),$=c("flex flex-col",h[s],A[i],w,b?"overflow-hidden [&>div+div]:border-t [&>div+div]:[border-color:var(--n-line)]":"p-1",j??"");return e(z.Provider,{value:V,children:e(t.Root,{ref:l,multiple:m,value:f,defaultValue:u,onValueChange:e=>x?.(e),disabled:p,hiddenUntilFound:g,keepMounted:N,className:$,style:{...y(r,o),...C},...L,children:I})})});export const AccordionItem=/*@__PURE__*/a.forwardRef(function AccordionItem({value:h,title:v,subtitle:j,startIcon:y,action:k,lines:A,disabled:L=!1,className:V,children:$,..._},M){const R=a.useContext(z),{size:F,density:P,dividers:U,headingLevel:B}=R,E=L||R.disabled,H=A?d(A):"",T=o(A),q=l[P][F],D=i[P][F];return n(t.Item,{ref:M,value:h,disabled:L,className:c("flex flex-col",V??""),..._,children:[n("div",{className:"flex w-full items-center",children:[e(t.Header,{className:"neba-heading flex min-w-0 flex-1 items-center [&.neba-heading]:m-0 [&.neba-heading]:[font:inherit]",render:a.createElement(`h${B}`),children:n(t.Trigger,{className:c("flex min-w-0 flex-1 items-center text-start",E?"":"cursor-pointer",q,D,f[F],w,x,U?I:m,U?"":C[F],E?"cursor-not-allowed bg-transparent text-(--neba-disabled-fg)":"hover:bg-(--n-soft) data-[panel-open]:text-(--n-on-tint)"),children:[u(y)?e("span",{className:"flex h-[1lh] shrink-0 items-center text-(--neba-muted-fg)",children:y}):null,n("span",{className:`flex min-w-0 flex-1 flex-col ${g[F]}`,children:[u(v)?e("span",{className:c("font-semibold",N[F],H),style:T,children:v}):null,u(j)?e("span",{className:c("text-(--neba-muted-fg)",b[F],H),style:T,children:j}):null]}),e("span",{className:["flex h-[1lh] shrink-0 items-center text-(--neba-muted-fg)","[transition:rotate_var(--neba-duration)_var(--neba-ease)]","data-[panel-open]:rotate-180"].join(" "),children:e(s,{})})]})}),u(k)?e("span",{className:`flex shrink-0 items-center ${q}`,children:k}):null]}),e(t.Panel,{className:r,children:e("div",{className:["text-(--neba-muted-fg)",p[F],q,"compact"===P?"pb-2":"pb-4"].join(" "),children:$})})]})});
+"use client";import{jsx as e,jsxs as n}from"react/jsx-runtime";import*as a from"react";import{Accordion as l}from"@base-ui/react/accordion";import{boxPaddingXClasses as t,boxPaddingYClasses as i}from"../box/Box.js";import{ChevronIcon as s}from"../../internal/icons.js";import{accordionPanelClasses as r,clampClasses as d,clampSlot as o,cx as c,focusRingClasses as m,gapClasses as f,hasContent as u,iconClasses as x,insetRingClasses as b,metaTextClasses as h,radiusClasses as v,sheetBodyClasses as p,sheetHeaderGapClasses as g,sheetTitleClasses as N,surfaceClasses as y,surfaceSlots as j,transitionClasses as w,disclosureChevronClasses as z,disclosureTriggerClasses as A}from"../../internal/styles.js";import{useStyleDefaults as k}from"../../internal/defaults.js";const C=/*@__PURE__*/a.createContext({size:"md",density:"default",dividers:!0,headingLevel:3,disabled:!1}),I={solid:[y,"text-(--neba-fg) bg-(--n-panel-hover)","[box-shadow:var(--n-elev),var(--neba-plate-solid)]"].join(" "),outline:[y,"border text-(--neba-fg) bg-(--n-panel)","[border-color:var(--n-line)]","[box-shadow:var(--n-elev),var(--neba-plate-glass)]"].join(" "),text:"text-(--neba-fg) bg-transparent"},L={xs:v.xs,sm:v.xs,md:v.sm,lg:v.sm,xl:v.md};export const Accordion=/*@__PURE__*/a.forwardRef(function Accordion(n,t){const{variant:i="outline",size:s="md",color:r="primary",density:d="default",elevation:o=0,multiple:m=!1,value:f,defaultValue:u,onValueChange:x,dividers:b=!0,headingLevel:h=3,disabled:p=!1,hiddenUntilFound:g=!0,keepMounted:N=!1,className:y,style:z,children:A,...L}=k(n,["size","density","variant"]),V=a.useMemo(()=>({size:s,density:d,dividers:b,headingLevel:h,disabled:p}),[s,d,b,h,p]),$=c("flex flex-col",v[s],I[i],w,b?"overflow-hidden [&>div+div]:border-t [&>div+div]:[border-color:var(--n-line)]":"p-1",y??"");return e(C.Provider,{value:V,children:e(l.Root,{ref:t,multiple:m,value:f,defaultValue:u,onValueChange:e=>x?.(e),disabled:p,hiddenUntilFound:g,keepMounted:N,className:$,style:{...j(r,o),...z},...L,children:A})})});export const AccordionItem=/*@__PURE__*/a.forwardRef(function AccordionItem({value:v,title:y,subtitle:j,startIcon:k,action:I,lines:V,disabled:$=!1,className:M,children:R,...F},P){const U=a.useContext(C),{size:B,density:E,dividers:H,headingLevel:T}=U,q=$||U.disabled,D=V?d(V):"",G=o(V),J=t[E][B],K=i[E][B];return n(l.Item,{ref:P,value:v,disabled:$,className:c("flex flex-col",M??""),...F,children:[n("div",{className:"flex w-full items-center",children:[e(l.Header,{className:"neba-heading flex min-w-0 flex-1 items-center [&.neba-heading]:m-0 [&.neba-heading]:[font:inherit]",render:a.createElement(`h${T}`),children:n(l.Trigger,{className:c("flex min-w-0 flex-1 items-center text-start",A,q?"":"cursor-pointer",J,K,f[B],w,x,H?b:m,H?"":L[B],q?"cursor-not-allowed bg-transparent text-(--neba-disabled-fg)":"hover:bg-(--n-soft) data-[panel-open]:text-(--n-on-tint)"),children:[u(k)?e("span",{className:"flex h-[1lh] shrink-0 items-center text-(--neba-muted-fg)",children:k}):null,n("span",{className:`flex min-w-0 flex-1 flex-col ${g[B]}`,children:[u(y)?e("span",{className:c("font-semibold",N[B],D),style:G,children:y}):null,u(j)?e("span",{className:c("text-(--neba-muted-fg)",h[B],D),style:G,children:j}):null]}),e("span",{className:`${z} text-(--neba-muted-fg)`,children:e(s,{})})]})}),u(I)?e("span",{className:`flex shrink-0 items-center ${J}`,children:I}):null]}),e(l.Panel,{className:r,children:e("div",{className:["text-(--neba-muted-fg)",p[B],J,"compact"===E?"pb-2":"pb-4"].join(" "),children:R})})]})});

package/dist/components/agent-steps/AgentSteps.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as n,Fragment as r}from"react/jsx-runtime";import*as t from"react";import{useRender as l}from"@base-ui/react/use-render";import{childKey as s}from"../../internal/children.js";import{formatDuration as a,runColor as i,runIcon as c,useElapsed as o}from"../../internal/run.js";import{runMessages as m,useMessages as d}from"../../internal/i18n.js";import{cx as u,hasContent as p,metaTextClasses as f,sheetBodyClasses as x,sheetTitleClasses as g,srOnlyClasses as b,surfaceSlots as h,transitionClasses as v}from"../../internal/styles.js";import{useStyleDefaults as y}from"../../internal/defaults.js";const N=/*@__PURE__*/t.createContext(null),j=/*@__PURE__*/t.createContext({last:!0}),w={xs:"0.875rem",sm:"1rem",md:"1.125rem",lg:"1.25rem",xl:"1.5rem"},z={xs:"gap-2",sm:"gap-2.5",md:"gap-3",lg:"gap-3.5",xl:"gap-4"},k={default:{xs:"pb-3",sm:"pb-3.5",md:"pb-4",lg:"pb-5",xl:"pb-6"},compact:{xs:"pb-1.5",sm:"pb-2",md:"pb-2.5",lg:"pb-3",xl:"pb-3.5"}},A={pending:"text-(--neba-muted-fg)",running:"text-(--n-accent)",success:"text-(--neba-fg)",error:"text-(--n-accent)"};export const AgentStep=/*@__PURE__*/t.forwardRef(function AgentStep({title:r,status:l="success",duration:s,meta:y,icon:C,color:S,className:P,style:_,children:M,...R},F){const q=t.useContext(N),{last:B}=t.useContext(j),D=q?.size??"md",E=q?.density??"default",G=d(m),H=q?.labels??G,I=i(l,S??q?.color??"primary"),J=o("running"===l,s),K=void 0===C?c(l):C;return n("li",{ref:F,"aria-current":"running"===l?"step":void 0,"data-status":l,className:u("relative flex",z[D],B?"":k[E][D],P),style:{"--n-mark":w[D],...h(I,0),..._},...R,children:[B?null:e("span",{"aria-hidden":"true",className:u("pointer-events-none absolute start-[calc(var(--n-mark)/2_-_1px)] top-(--n-mark)","bottom-0 border-s-2 [border-color:var(--neba-border)]")}),e("span",{"aria-hidden":"true",className:u("relative z-10 flex size-(--n-mark) shrink-0 items-center justify-center","rounded-full bg-(--neba-surface) text-(--n-accent)","[&_svg]:size-full",v),children:K}),n("div",{className:"flex min-w-0 flex-1 flex-col gap-0.5",children:[n("div",{className:"flex min-w-0 items-baseline gap-2",children:[e("span",{className:b,children:H[l]}),p(r)?e("span",{className:u("min-w-0 font-medium",g[D],A[l],v),children:r}):null,p(y)?e("span",{className:u("min-w-0 truncate text-(--neba-muted-fg)",f[D]),children:y}):null,null===J?null:e("span",{className:u("ms-auto shrink-0 tabular-nums text-(--neba-muted-fg)",f[D]),children:a(J,q?.locale)})]}),p(M)?e("div",{className:u("min-w-0 text-(--neba-muted-fg)",x[D]),children:M}):null]})]})});export const AgentSteps=/*@__PURE__*/t.forwardRef(function AgentSteps(a,i){const{size:c="md",color:o="primary",density:p="default",running:f=!1,locale:x,labels:g,render:b,className:v,style:w,children:z,...k}=y(a,["size","density","locale"]),A=d(m,x),C=t.useMemo(()=>({...A,...g}),[A,g?.pending,g?.running,g?.success,g?.error]),S=t.Children.toArray(z),P=!1!==f&&null!=f,_=S.length+(P?1:0),M=t.useMemo(()=>({size:c,density:p,color:o,locale:x,labels:C}),[c,p,o,x,C]),R=l({render:b??e("ol",{}),ref:i,props:{role:"list",className:u("flex flex-col",v),style:{...h(o,0),...w},children:n(r,{children:[S.map((n,r)=>e(j.Provider,{value:{last:r===_-1},children:n},s(n,r))),P?e(j.Provider,{value:{last:!0},children:e(AgentStep,{status:"running",title:!0===f?void 0:f})}):null]}),...k}});return e(N.Provider,{value:M,children:R})});
+"use client";import{jsx as e,jsxs as n,Fragment as r}from"react/jsx-runtime";import*as t from"react";import{useRender as l}from"@base-ui/react/use-render";import{childKey as s}from"../../internal/children.js";import{formatDuration as a,runColor as i,runIcon as c,useElapsed as o}from"../../internal/run.js";import{runMessages as m,useMessages as d}from"../../internal/i18n.js";import{cx as u,hasContent as p,metaTextClasses as f,sheetBodyClasses as g,sheetTitleClasses as x,srOnlyClasses as b,surfaceSlots as h,transitionClasses as v}from"../../internal/styles.js";import{useStyleDefaults as y}from"../../internal/defaults.js";const N=/*@__PURE__*/t.createContext(null),j=/*@__PURE__*/t.createContext({last:!0}),w={xs:"0.875rem",sm:"1rem",md:"1.125rem",lg:"1.25rem",xl:"1.5rem"},z={xs:"gap-2",sm:"gap-2.5",md:"gap-3",lg:"gap-3.5",xl:"gap-4"},k={default:{xs:"pb-3",sm:"pb-3.5",md:"pb-4",lg:"pb-5",xl:"pb-6"},compact:{xs:"pb-1.5",sm:"pb-2",md:"pb-2.5",lg:"pb-3",xl:"pb-3.5"}},A={pending:"text-(--neba-muted-fg)",running:"text-(--n-accent)",success:"text-(--neba-fg)",error:"text-(--n-accent)"};export const AgentStep=/*@__PURE__*/t.forwardRef(function AgentStep({title:r,status:l="success",duration:s,meta:y,icon:C,color:S,className:P,style:_,children:M,...R},F){const q=t.useContext(N),{last:B}=t.useContext(j),D=q?.size??"md",E=q?.density??"default",G=d(m),H=q?.labels??G,I=i(l,S??q?.color??"primary"),J=o("running"===l,s),K=void 0===C?c(l):C;return n("li",{ref:F,"aria-current":"running"===l?"step":void 0,"data-status":l,className:u("relative flex",z[D],B?"":k[E][D],P),style:{"--n-mark":w[D],...h(I,0),..._},...R,children:[B?null:e("span",{"aria-hidden":"true",className:u("pointer-events-none absolute start-[calc(var(--n-mark)/2_-_1px)] top-(--n-mark)","bottom-0 border-s-2 [border-color:var(--neba-border)]")}),e("span",{"aria-hidden":"true",className:u("relative z-10 flex size-(--n-mark) shrink-0 items-center justify-center","rounded-full bg-(--neba-surface) text-(--n-accent)","[&_svg]:size-full",v),children:K}),n("div",{className:"flex min-w-0 flex-1 flex-col gap-0.5",children:[n("div",{className:"flex min-w-0 items-baseline gap-2",children:[e("span",{className:b,children:H[l]}),p(r)?e("span",{className:u("min-w-0 font-medium",x[D],A[l],v),children:r}):null,p(y)?e("span",{className:u("min-w-0 truncate text-(--neba-muted-fg)",f[D]),children:y}):null,null===J?null:e("span",{className:u("ms-auto shrink-0 tabular-nums text-(--neba-muted-fg)",f[D]),children:a(J,q?.locale)})]}),p(M)?e("div",{className:u("min-w-0 text-(--neba-muted-fg)",g[D]),children:M}):null]})]})});export const AgentSteps=/*@__PURE__*/t.forwardRef(function AgentSteps(a,i){const{size:c="md",color:o="primary",density:p="default",running:f=!1,locale:g,labels:x,render:b,className:v,style:w,children:z,...k}=y(a,["size","density","locale"]),A=d(m,g),C=t.useMemo(()=>({...A,...x}),[A,x?.pending,x?.running,x?.success,x?.error]),S=t.Children.toArray(z),P=!1!==f&&null!=f,_=S.length+(P?1:0),M=t.useMemo(()=>({size:c,density:p,color:o,locale:g,labels:C}),[c,p,o,g,C]),R=l({render:b??e("ol",{}),ref:i,props:{role:"list",className:u("flex flex-col",v),style:{...h(o,0),...w},children:n(r,{children:[S.map((n,r)=>e(j.Provider,{value:{last:r===_-1},children:n},s(n,r))),P?e(j.Provider,{value:{last:!0},children:e(AgentStep,{status:"running",title:!0===f?void 0:f})},S.length):null]}),...k}});return e(N.Provider,{value:M,children:R})});

package/dist/components/alert/Alert.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as n from"react";import{boxPaddingClasses as l}from"../box/Box.js";import{actionMessages as i,useMessages as s}from"../../internal/i18n.js";import{CloseIcon as a,severityIcon as o}from"../../internal/icons.js";import{transitionProps as r}from"../../internal/animate.js";import{controlSlots as c,cx as d,hasContent as m,hitAreaClasses as f,iconClasses as u,radiusClasses as x,sheetBodyClasses as b,sheetHeaderGapClasses as v,sheetSectionGapClasses as p,sheetTitleClasses as h,surfaceClasses as y,transitionClasses as j}from"../../internal/styles.js";import{useStyleDefaults as g}from"../../internal/defaults.js";const N={solid:[y,"text-(--n-on-solid) bg-(--n-fill)","[box-shadow:var(--n-elev),var(--neba-plate-solid)]"].join(" "),outline:[y,"border text-(--neba-fg) bg-(--n-panel)","[border-color:var(--n-line)]","[box-shadow:var(--n-elev),var(--neba-plate-glass)]"].join(" "),text:"text-(--neba-fg) bg-(--n-soft)"},w={solid:"",outline:"text-(--n-accent)",text:"text-(--n-accent)"},k={solid:"",outline:"text-(--neba-muted-fg)",text:"text-(--neba-muted-fg)"},$={primary:"status",secondary:"status",info:"status",success:"status",warning:"alert",danger:"alert"};export const Alert=/*@__PURE__*/n.forwardRef(function Alert(n,y){const{variant:_="outline",size:z="md",color:A="info",density:C="default",elevation:B=0,title:L,icon:R,action:q,onClose:D,locale:E,closeLabel:F,transition:G,className:H,style:I,children:J,...K}=g(n,["size","density","variant","locale"]),M=s(i,E),O=void 0===R?o(A):R,P=w[_],Q=m(L),S=r(G);return t("div",{ref:y,role:$[A],className:d("flex w-full items-start",l[C][z],x[z],p[z],b[z],j,N[_],u,S.className,H??""),style:{...c(A,B,_),...S.style,...I},...K,children:[m(O)?e("span",{className:`flex h-[1lh] shrink-0 items-center ${P}`,children:O}):null,t("div",{className:`flex min-w-0 flex-1 flex-col ${v[z]}`,children:[Q?e("div",{className:`neba-title font-semibold ${h[z]} ${P}`,children:L}):null,m(J)?e("div",{className:Q?k[_]:void 0,children:J}):null]}),m(q)?e("div",{className:"flex h-[1lh] shrink-0 items-center",children:q}):null,D?e("span",{className:"flex h-[1lh] shrink-0 items-center",children:e("button",{type:"button","aria-label":F??M.dismiss,onClick:D,className:["relative inline-flex size-[1.15em] cursor-pointer items-center justify-center rounded-full",f,"opacity-70 [transition:opacity_var(--neba-duration)_var(--neba-ease)]","hover:opacity-100 focus-visible:opacity-100","focus-visible:[outline:2px_solid_var(--n-ring)] focus-visible:outline-offset-2"].join(" "),children:e(a,{})})}):null]})});
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as n from"react";import{boxPaddingClasses as l}from"../box/Box.js";import{actionMessages as i,useMessages as s}from"../../internal/i18n.js";import{CloseIcon as a,severityIcon as o}from"../../internal/icons.js";import{transitionProps as r}from"../../internal/animate.js";import{controlSlots as c,cx as d,hasContent as m,hitAreaClasses as f,iconClasses as u,radiusClasses as x,sheetBodyClasses as b,sheetHeaderGapClasses as v,sheetSectionGapClasses as p,sheetTitleClasses as h,surfaceClasses as y,transitionClasses as j}from"../../internal/styles.js";import{useStyleDefaults as g}from"../../internal/defaults.js";const N={solid:[y,"text-(--n-on-solid) bg-(--n-fill)","[box-shadow:var(--n-elev),var(--neba-plate-solid)]"].join(" "),outline:[y,"border text-(--neba-fg) bg-(--n-panel)","[border-color:var(--n-line)]","[box-shadow:var(--n-elev),var(--neba-plate-glass)]"].join(" "),text:"text-(--neba-fg) bg-(--n-soft)"},w={solid:"",outline:"text-(--n-accent)",text:"text-(--n-accent)"},k={solid:"",outline:"text-(--neba-muted-fg)",text:"text-(--neba-muted-fg)"},$={primary:"status",secondary:"status",info:"status",success:"status",warning:"alert",danger:"alert"};export const Alert=/*@__PURE__*/n.forwardRef(function Alert(n,y){const{variant:_="outline",size:z="md",color:A="info",density:C="default",elevation:B=0,title:L,icon:R,action:q,onClose:D,locale:E,closeLabel:F,transition:G,role:H,className:I,style:J,children:K,...M}=g(n,["size","density","variant","locale"]),O=s(i,E),P=void 0===R?o(A):R,Q=w[_],S=m(L),T=r(G);return t("div",{ref:y,className:d("flex w-full items-start",l[C][z],x[z],p[z],b[z],j,N[_],u,T.className,I??""),style:{...c(A,B,_),...T.style,...J},...M,children:[m(P)?e("span",{className:`flex h-[1lh] shrink-0 items-center ${Q}`,children:P}):null,t("div",{role:H??$[A],className:`flex min-w-0 flex-1 flex-col ${v[z]}`,children:[S?e("div",{className:`neba-title font-semibold ${h[z]} ${Q}`,children:L}):null,m(K)?e("div",{className:S?k[_]:void 0,children:K}):null]}),m(q)?e("div",{className:"flex h-[1lh] shrink-0 items-center",children:q}):null,D?e("span",{className:"flex h-[1lh] shrink-0 items-center",children:e("button",{type:"button","aria-label":F??O.dismiss,onClick:D,className:["relative inline-flex size-[1.15em] cursor-pointer items-center justify-center rounded-full",f,"opacity-70 [transition:opacity_var(--neba-duration)_var(--neba-ease)]","hover:opacity-100 focus-visible:opacity-100","focus-visible:[outline:2px_solid_var(--n-ring)] focus-visible:outline-offset-2"].join(" "),children:e(a,{})})}):null]})});

package/dist/components/anchor/Anchor.d.ts

@@ -31,7 +31,9 @@ export interface AnchorProps extends Omit<React.ComponentPropsWithoutRef<'nav'>,
     /**
      * How far below the top of the scrollport a heading counts as reached, in
      * pixels. Set it to the height of a sticky header, or the heading under the
-     * bar is never the one marked.
+     * bar is never the one marked. A pressed row on a page that scrolls the
+     * document is the browser's own jump, which does not read this: give that
+     * page a `scroll-padding-top` of the same height.
      * @default 0
      */
     offset?: number;

package/dist/components/anchor/Anchor.js

@@ -1 +1 @@
-"use client";import{jsx as e}from"react/jsx-runtime";import*as t from"react";import{safeHref as n}from"../../internal/link.js";import{anchorMessages as r,useMessages as o}from"../../internal/i18n.js";import{controlTextLeadingClasses as l,cx as i,focusRingClasses as c,transitionClasses as a}from"../../internal/styles.js";import{useStyleDefaults as s}from"../../internal/defaults.js";const d={default:{xs:"py-1",sm:"py-1",md:"py-1.5",lg:"py-1.5",xl:"py-2"},compact:{xs:"py-0.5",sm:"py-0.5",md:"py-1",lg:"py-1",xl:"py-1"}},u={xs:8,sm:10,md:12,lg:14,xl:16},m=["block min-w-0 truncate no-underline","text-(--neba-muted-fg)",a,c,"hover:text-(--neba-fg)","aria-[current=location]:font-medium aria-[current=location]:text-(--n-accent)"].join(" "),f=["border-s [border-color:transparent]","[transition:border-color_var(--neba-duration)_var(--neba-ease)]","aria-[current=location]:[border-color:var(--n-accent)]"].join(" ");function p(e,t){const n=t.get(e);if(n?.isConnected)return n;const r=document.getElementById(e.replace(/^#/,""));return r?t.set(e,r):t.delete(e),r}export const Anchor=/*@__PURE__*/t.forwardRef(function Anchor(c,a){const{items:h,activeHref:g,onActiveChange:b,offset:v=0,container:y,rail:x=!0,size:w="md",color:E="primary",density:j="default",locale:H,label:A,className:C,style:R,...B}=s(c,["size","density","locale"]),N=o(r,H),[z,I]=t.useState(null),K=void 0!==g?g:z,L=t.useRef(b),S=t.useRef(h);t.useEffect(()=>{L.current=b,S.current=h});const $=h.map(e=>e.href).join("\0");return t.useEffect(()=>{const e=y?.current??window,t=new Map;let n=0,r=null;const o=()=>{n=0;const e=function(e,t,n,r){const o=(n?n.getBoundingClientRect().top:0)+t+1;let l=null;for(const t of e){const e=p(t.href,r);e&&e.getBoundingClientRect().top<=o&&(l=t.href)}if((n?n.scrollHeight-n.clientHeight:document.documentElement.scrollHeight-window.innerHeight)<=2){const t=e[0];return t&&p(t.href,r)?t.href:l}return(n?n.scrollTop+n.clientHeight>=n.scrollHeight-2:window.innerHeight+window.scrollY>=document.documentElement.scrollHeight-2)&&e.length>0?e[e.length-1].href:l}(S.current,v,y?.current??null,t);e!==r&&(r=e,I(e),L.current?.(e))},l=()=>{0===n&&(n=requestAnimationFrame(o))};return o(),e.addEventListener("scroll",l,{passive:!0}),window.addEventListener("resize",l,{passive:!0}),()=>{0!==n&&cancelAnimationFrame(n),e.removeEventListener("scroll",l),window.removeEventListener("resize",l)}},[$,v,y]),e("nav",{ref:a,"aria-label":A??N.label,className:i("min-w-0",C??""),style:{"--n-accent":`var(--neba-${E}-accent)`,"--n-ring":`var(--neba-${E}-ring)`,...R},...B,children:e("ul",{className:i("m-0 flex list-none flex-col p-0",x?"border-s [border-color:var(--neba-border)]":""),children:h.map(t=>e("li",{className:x?"[margin-inline-start:-1px]":"",children:e("a",{href:n(t.href),"aria-current":K===t.href?"location":void 0,onClick:e=>function(e,t,n,r){if(!n||e.defaultPrevented||0!==e.button||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)return;const o=document.getElementById(t.replace(/^#/,""));if(!o)return;e.preventDefault();const l=n.scrollTop+o.getBoundingClientRect().top-n.getBoundingClientRect().top-r;n.scrollTo({top:l}),o.hasAttribute("tabindex")||o.setAttribute("tabindex","-1"),o.focus({preventScroll:!0})}(e,t.href,y?.current??null,v),className:i(m,l[w],d[j][w],x?`${f} ps-3`:""),style:t.depth?x?{paddingInlineStart:`calc(0.75rem + ${t.depth*u[w]}px)`}:{marginInlineStart:t.depth*u[w]}:void 0,children:t.label})},t.href))})})});
+"use client";import{jsx as e}from"react/jsx-runtime";import*as t from"react";import{safeHref as n}from"../../internal/link.js";import{anchorMessages as r,useMessages as o}from"../../internal/i18n.js";import{controlTextLeadingClasses as l,cx as i,focusRingClasses as c,transitionClasses as a}from"../../internal/styles.js";import{useStyleDefaults as s}from"../../internal/defaults.js";const d={default:{xs:"py-1",sm:"py-1",md:"py-1.5",lg:"py-1.5",xl:"py-2"},compact:{xs:"py-0.5",sm:"py-0.5",md:"py-1",lg:"py-1",xl:"py-1"}},u={xs:8,sm:10,md:12,lg:14,xl:16},m=["block min-w-0 truncate no-underline","text-(--neba-muted-fg)",a,c,"hover:text-(--neba-fg)","aria-[current=location]:font-medium aria-[current=location]:text-(--n-accent)"].join(" "),f=["border-s [border-color:transparent]","[transition:border-color_var(--neba-duration)_var(--neba-ease)]","aria-[current=location]:[border-color:var(--n-accent)]"].join(" ");function p(e,t){const n=t.get(e);if(n?.isConnected)return n;const r=document.getElementById(e.replace(/^#/,""));return r?t.set(e,r):t.delete(e),r}export const Anchor=/*@__PURE__*/t.forwardRef(function Anchor(c,a){const{items:h,activeHref:g,onActiveChange:b,offset:v=0,container:y,rail:x=!0,size:w="md",color:E="primary",density:j="default",locale:H,label:A,className:C,style:R,...B}=s(c,["size","density","locale"]),N=o(r,H),[z,I]=t.useState(null),K=void 0!==g?g:z,L=t.useRef(b),S=t.useRef(h);t.useEffect(()=>{L.current=b,S.current=h});const $=h.map(e=>e.href).join("\0");return t.useEffect(()=>{const e=y?.current??window,t=new Map;let n=0,r=null;const o=()=>{n=0;const e=function(e,t,n,r){const o=(n?n.getBoundingClientRect().top:0)+t+1;let l=null;for(const t of e){const e=p(t.href,r);e&&e.getBoundingClientRect().top<=o&&(l=t.href)}if((n?n.scrollHeight-n.clientHeight:document.documentElement.scrollHeight-window.innerHeight)<=2){const t=e[0];return t&&p(t.href,r)?t.href:l}return(n?n.scrollTop+n.clientHeight>=n.scrollHeight-2:window.innerHeight+window.scrollY>=document.documentElement.scrollHeight-2)&&e.length>0?e[e.length-1].href:l}(S.current,v,y?.current??null,t);e!==r&&(r=e,I(e),L.current?.(e))},l=()=>{0===n&&(n=requestAnimationFrame(o))};return o(),e.addEventListener("scroll",l,{passive:!0}),window.addEventListener("resize",l,{passive:!0}),()=>{0!==n&&cancelAnimationFrame(n),e.removeEventListener("scroll",l),window.removeEventListener("resize",l)}},[$,v,y]),e("nav",{ref:a,"aria-label":A??N.label,className:i("min-w-0",C??""),style:{"--n-accent":`var(--neba-${E}-accent)`,"--n-ring":`var(--neba-${E}-ring)`,...R},...B,children:e("ul",{className:i("m-0 flex list-none flex-col p-0",x?"border-s [border-color:var(--neba-border)]":""),children:h.map(t=>e("li",{className:x?"[margin-inline-start:-1px]":"",children:e("a",{href:n(t.href),"aria-current":K===t.href?"location":void 0,onClick:e=>function(e,t,n,r){if(!n||e.defaultPrevented||0!==e.button||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)return;const o=document.getElementById(t.replace(/^#/,""));if(!o)return;e.preventDefault();const l=n.scrollTop+o.getBoundingClientRect().top-n.getBoundingClientRect().top-r;n.scrollTo({top:Math.round(l)}),o.hasAttribute("tabindex")||o.setAttribute("tabindex","-1"),o.focus({preventScroll:!0})}(e,t.href,y?.current??null,v),className:i(m,l[w],d[j][w],x?`${f} ps-3`:""),style:t.depth?x?{paddingInlineStart:`calc(0.75rem + ${t.depth*u[w]}px)`}:{marginInlineStart:t.depth*u[w]}:void 0,children:t.label})},t.href))})})});

package/dist/components/animate-counter/AnimateCounter.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useRender } from '@base-ui/react/use-render';
 import type { NebaAnimateProps } from '../../types.js';
-export interface AnimateCounterProps extends Omit<NebaAnimateProps, 'easing' | 'repeat' | 'alternate' | 'paused'>, Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {
+export interface AnimateCounterProps extends Omit<NebaAnimateProps, 'easing' | 'repeat' | 'alternate' | 'paused'>, Omit<React.ComponentPropsWithoutRef<'span'>, 'children'> {
     /** Where it lands. */
     value: number;
     /**
@@ -21,9 +21,16 @@ export interface AnimateCounterProps extends Omit<NebaAnimateProps, 'easing' | '
      * whichever has more.
      */
     format?: Intl.NumberFormatOptions;
-    /** Which language it is written in. Defaults to the reader's own. */
+    /**
+     * Which language it is written in. Defaults to the language of wherever it
+     * renders, so a server-rendered page passes it, or the server's number and
+     * the reader's may disagree when the page hydrates.
+     */
     locale?: string;
-    /** Renders something other than a `<div>`. Base UI's own escape hatch. */
+    /**
+     * Renders something other than a `<span>`. A `<span>` by default, so it can
+     * sit inside a sentence or a Statistic's value. Base UI's own escape hatch.
+     */
     render?: useRender.RenderProp;
 }
 /**
@@ -44,4 +51,4 @@ export interface AnimateCounterProps extends Omit<NebaAnimateProps, 'easing' | '
  * intermediate ones, and a reader who has asked for less motion is shown the
  * answer too.
  */
-export declare const AnimateCounter: React.ForwardRefExoticComponent<AnimateCounterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AnimateCounter: React.ForwardRefExoticComponent<AnimateCounterProps & React.RefAttributes<HTMLElement>>;

package/dist/components/animate-counter/AnimateCounter.js

@@ -1 +1 @@
-"use client";import{jsx as r,Fragment as e,jsxs as t}from"react/jsx-runtime";import*as n from"react";import{useRender as a}from"@base-ui/react/use-render";import{useAnimationRun as i,usePrefersReducedMotion as s}from"../../internal/animate.js";import{numberFormatter as o}from"../../internal/format.js";import{cx as u,srOnlyClasses as m}from"../../internal/styles.js";import{useStyleDefaults as c}from"../../internal/defaults.js";function l(r){if(!Number.isFinite(r))return 0;const[e,t="0"]=String(Math.abs(r)).split("e"),n=(e.split(".")[1]?.length??0)-Number(t);return Math.min(20,Math.max(0,n))}export const AnimateCounter=/*@__PURE__*/n.forwardRef(function AnimateCounter(f,d){const{value:h,from:p=0,duration:g=1200,delay:j=0,trigger:y="mount",play:M,once:b=!0,threshold:x=.2,format:A,locale:F,render:N,className:v,style:q,...R}=c(f,["locale"]),S=i({caller:R,trigger:y,play:M,once:b,threshold:x,infinite:!1}),C=s(),[w,E]=n.useState(p),J=void 0===A?"":JSON.stringify(A),O=n.useMemo(()=>o(F,A),[F,J]),k=n.useRef(p),z=n.useRef(!1);n.useEffect(()=>{if(!S.started&&!C)return z.current=!1,k.current=p,void E(p);if(C||g<=0)return k.current=h,void E(h);const r=z.current?k.current:p,e=z.current?0:j;z.current=!0;let t=0,n=null;const a=i=>{null===n&&(n=i);const s=i-n-e;if(s<0)return void(t=requestAnimationFrame(a));const o=Math.min(1,s/g),u=r+(h-r)*function(r){return 1-(1-r)**3}(o);k.current=u,E(u),o<1&&(t=requestAnimationFrame(a))};return k.current=r,E(r),t=requestAnimationFrame(a),()=>cancelAnimationFrame(t)},[S.started,C,h,p,g,j]);const B=Math.max(l(h),l(p)),D=Math.round(w*10**B)/10**B;return a({render:N,ref:[d,S.ref],props:{...R,className:u("tabular-nums",v),style:q,"data-neba-animation":"counter","data-state":S.state,...S.handlers,children:t(e,{children:[r("span",{className:m,children:O.format(h)}),r("span",{"aria-hidden":"true",children:O.format(C?h:D)})]})}})});
+"use client";import{jsx as r,Fragment as e,jsxs as t}from"react/jsx-runtime";import*as n from"react";import{useRender as a}from"@base-ui/react/use-render";import{useAnimationRun as i,usePrefersReducedMotion as s}from"../../internal/animate.js";import{numberFormatter as o}from"../../internal/format.js";import{cx as u,srOnlyClasses as m}from"../../internal/styles.js";import{useStyleDefaults as c}from"../../internal/defaults.js";function l(r){if(!Number.isFinite(r))return 0;const[e,t="0"]=String(Math.abs(r)).split("e"),n=(e.split(".")[1]?.length??0)-Number(t);return Math.min(20,Math.max(0,n))}export const AnimateCounter=/*@__PURE__*/n.forwardRef(function AnimateCounter(f,d){const{value:h,from:p=0,duration:g=1200,delay:j=0,trigger:y="mount",play:M,once:b=!0,threshold:x=.2,format:A,locale:F,render:N,className:v,style:R,...q}=c(f,["locale"]),S=i({caller:q,trigger:y,play:M,once:b,threshold:x,infinite:!1}),C=s(),[w,E]=n.useState(p),J=void 0===A?"":JSON.stringify(A),O=n.useMemo(()=>o(F,A),[F,J]),k=n.useRef(p),z=n.useRef(!1),B=n.useRef(S.run);n.useEffect(()=>{if(!S.started&&!C)return z.current=!1,k.current=p,void E(p);if(C||g<=0)return k.current=h,void E(h);B.current!==S.run&&(B.current=S.run,z.current=!1);const r=z.current?k.current:p,e=z.current?0:j;z.current=!0;let t=0,n=null;const a=i=>{null===n&&(n=i);const s=i-n-e;if(s<0)return void(t=requestAnimationFrame(a));const o=Math.min(1,s/g),u=r+(h-r)*function(r){return 1-(1-r)**3}(o);k.current=u,E(u),o<1&&(t=requestAnimationFrame(a))};return k.current=r,E(r),t=requestAnimationFrame(a),()=>cancelAnimationFrame(t)},[S.started,S.run,C,h,p,g,j]);const D=Math.max(l(h),l(p)),G=Math.round(w*10**D)/10**D;return a({render:N??r("span",{}),ref:[d,S.ref],props:{...q,className:u("tabular-nums",v),style:R,"data-neba-animation":"counter","data-state":S.state,...S.handlers,children:t(e,{children:[r("span",{className:m,children:O.format(h)}),r("span",{"aria-hidden":"true",children:O.format(C?h:G)})]})}})});

package/dist/components/animate-scramble/AnimateScramble.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useRender } from '@base-ui/react/use-render';
 import type { NebaAnimateProps } from '../../types.js';
-export interface AnimateScrambleProps extends Omit<NebaAnimateProps, 'easing' | 'alternate'>, Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {
+export interface AnimateScrambleProps extends Omit<NebaAnimateProps, 'easing' | 'alternate'>, Omit<React.ComponentPropsWithoutRef<'span'>, 'children'> {
     /** The text, when it is easier to pass than to nest. Overrides `children`. */
     text?: string;
     /**
@@ -24,7 +24,10 @@ export interface AnimateScrambleProps extends Omit<NebaAnimateProps, 'easing' |
      * Which language the text is in, for finding the character boundaries.
      */
     locale?: string;
-    /** Renders something other than a `<div>`. Base UI's own escape hatch. */
+    /**
+     * Renders something other than a `<span>`. A `<span>` by default, so it can
+     * sit inside a sentence or a Statistic's value. Base UI's own escape hatch.
+     */
     render?: useRender.RenderProp;
     /** The text to settle. Only text is settled. */
     children?: React.ReactNode;
@@ -47,4 +50,4 @@ export interface AnimateScrambleProps extends Omit<NebaAnimateProps, 'easing' |
  * for a screen reader; the noise is a visible copy that is `aria-hidden`. A
  * reader who has asked for less motion is shown the text.
  */
-export declare const AnimateScramble: React.ForwardRefExoticComponent<AnimateScrambleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AnimateScramble: React.ForwardRefExoticComponent<AnimateScrambleProps & React.RefAttributes<HTMLElement>>;

package/dist/components/animate-scramble/AnimateScramble.js

@@ -1 +1 @@
-"use client";import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import*as a from"react";import{useRender as n}from"@base-ui/react/use-render";import{isInfinite as s,useAnimationRun as i,usePrefersReducedMotion as l}from"../../internal/animate.js";import{graphemesOf as c,textOf as o}from"../../internal/text.js";import{cx as m,srOnlyClasses as u}from"../../internal/styles.js";import{useStyleDefaults as d}from"../../internal/defaults.js";const p="ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789#%&$@*";export const AnimateScramble=/*@__PURE__*/a.forwardRef(function AnimateScramble(f,h){const{text:g,speed:M=18,tick:j=45,characters:v=p,duration:x,delay:b=0,repeat:y=1,paused:N,trigger:w="mount",play:I,once:R=!0,threshold:S=.2,locale:T,render:A,className:E,style:F,children:k,...B}=d(f,["locale"]),C=i({caller:B,trigger:w,play:I,once:R,threshold:S,paused:N,infinite:s(y)}),D=l(),G=g??o(k),H=a.useMemo(()=>c(G,T),[G,T]),J=H.length,[K,L]=a.useState(0),[O,P]=a.useReducer(e=>e+1,0),Q=a.useMemo(()=>void 0!==x&&J>0?Math.max(1,x/J):1e3/Math.max(1,M),[x,M,J]),U=a.useRef(0);a.useEffect(()=>{U.current=0},[J]),a.useEffect(()=>{if(!C.started)return void(U.current=0);if(N)return;if(D||0===J)return void L(J);let e,t=Math.min(U.current,J);if(t>=J)return void L(J);const r=()=>{t+=1,U.current=t,L(t),t<J?e=setTimeout(r,Q):clearInterval(a)};L(t);const a=setInterval(P,j);return e=setTimeout(r,0===t?b+Q:Q),()=>{clearTimeout(e),clearInterval(a)}},[C.started,N,D,J,Q,j,b]);const V=v.length>0?v:p,W=H.map((e,t)=>D||t<K||""===e.trim()?e:V[function(e,t,r){let a=Math.imul(e+1,2246822507)^Math.imul(t+1,3266489909);return a^=a>>>15,a=Math.imul(a,625341585),a^=a>>>13,(a>>>0)%r}(O,t,V.length)]).join("");return n({render:A,ref:[h,C.ref],props:{...B,className:m("inline-grid",E),style:F,"data-neba-animation":"scramble","data-state":C.state,...C.handlers,children:r(t,{children:[e("span",{className:u,children:G}),e("span",{"aria-hidden":"true",className:"whitespace-pre-wrap [grid-area:1/1]",children:W}),e("span",{"aria-hidden":"true","data-sample":G,className:"invisible whitespace-pre-wrap [grid-area:1/1] before:content-[attr(data-sample)]"})]})}})});
+"use client";import{jsx as e,Fragment as r,jsxs as t}from"react/jsx-runtime";import*as a from"react";import{useRender as n}from"@base-ui/react/use-render";import{isInfinite as s,useAnimationRun as i,usePrefersReducedMotion as l}from"../../internal/animate.js";import{graphemesOf as c,textOf as o}from"../../internal/text.js";import{cx as u,srOnlyClasses as m}from"../../internal/styles.js";import{useStyleDefaults as d}from"../../internal/defaults.js";const p="ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789#%&$@*";export const AnimateScramble=/*@__PURE__*/a.forwardRef(function AnimateScramble(f,h){const{text:g,speed:M=18,tick:j=45,characters:v=p,duration:x,delay:b=0,repeat:y=1,paused:N,trigger:w="mount",play:R,once:I=!0,threshold:S=.2,locale:T,render:A,className:E,style:F,children:k,...B}=d(f,["locale"]),C=i({caller:B,trigger:w,play:R,once:I,threshold:S,paused:N,infinite:s(y)}),D=l(),G=g??o(k),H=a.useMemo(()=>c(G,T),[G,T]),J=H.length,[K,L]=a.useState(0),[O,P]=a.useReducer(e=>e+1,0),Q=a.useMemo(()=>void 0!==x&&J>0?Math.max(1,x/J):1e3/Math.max(1,M),[x,M,J]),U=a.useRef(0),V=a.useRef(C.run);a.useEffect(()=>{U.current=0},[J]),a.useEffect(()=>{if(!C.started)return void(U.current=0);if(V.current!==C.run&&(V.current=C.run,U.current=0),N)return;if(D||0===J)return void L(J);let e,r=Math.min(U.current,J);if(r>=J)return void L(J);const t=()=>{r+=1,U.current=r,L(r),r<J?e=setTimeout(t,Q):clearInterval(a)};L(r);const a=setInterval(P,j);return e=setTimeout(t,0===r?b+Q:Q),()=>{clearTimeout(e),clearInterval(a)}},[C.started,C.run,N,D,J,Q,j,b]);const W=v.length>0?v:p,X=H.map((e,r)=>D||r<K||""===e.trim()?e:W[function(e,r,t){let a=Math.imul(e+1,2246822507)^Math.imul(r+1,3266489909);return a^=a>>>15,a=Math.imul(a,625341585),a^=a>>>13,(a>>>0)%t}(O,r,W.length)]).join("");return n({render:A??e("span",{}),ref:[h,C.ref],props:{...B,className:u("inline-grid",E),style:F,"data-neba-animation":"scramble","data-state":C.state,...C.handlers,children:t(r,{children:[e("span",{className:m,children:G}),e("span",{"aria-hidden":"true",className:"whitespace-pre-wrap [grid-area:1/1]",children:X}),e("span",{"aria-hidden":"true","data-sample":G,className:"invisible whitespace-pre-wrap [grid-area:1/1] before:content-[attr(data-sample)]"})]})}})});

package/dist/components/animate-split/AnimateSplit.d.ts

@@ -3,7 +3,7 @@ import { useRender } from '@base-ui/react/use-render';
 import type { NebaAnimateProps, NebaAnimation, NebaSide, NebaStaggerProps, NebaTimelineProps } from '../../types.js';
 /** What a piece is. */
 export type NebaSplitBy = 'word' | 'character';
-export interface AnimateSplitProps extends NebaAnimateProps, NebaStaggerProps, NebaTimelineProps, Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {
+export interface AnimateSplitProps extends NebaAnimateProps, NebaStaggerProps, NebaTimelineProps, Omit<React.ComponentPropsWithoutRef<'span'>, 'children'> {
     /** The text, when it is easier to pass than to nest. Overrides `children`. */
     text?: string;
     /**
@@ -34,7 +34,10 @@ export interface AnimateSplitProps extends NebaAnimateProps, NebaStaggerProps, N
      * boundaries. A word boundary is not a space in Japanese, Thai or Chinese.
      */
     locale?: string;
-    /** Renders something other than a `<div>`. Base UI's own escape hatch. */
+    /**
+     * Renders something other than a `<span>`. A `<span>` by default, so it can
+     * sit inside a sentence or a Statistic's value. Base UI's own escape hatch.
+     */
     render?: useRender.RenderProp;
     /** The text to split. Only text is split — an element contributes its words. */
     children?: React.ReactNode;
@@ -60,4 +63,4 @@ export interface AnimateSplitProps extends NebaAnimateProps, NebaStaggerProps, N
  * character, the pieces of a word are held in a span that does not wrap, and
  * the space after it is left as text, which is where the line breaks.
  */
-export declare const AnimateSplit: React.ForwardRefExoticComponent<AnimateSplitProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AnimateSplit: React.ForwardRefExoticComponent<AnimateSplitProps & React.RefAttributes<HTMLElement>>;

package/dist/components/animate-split/AnimateSplit.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as t,Fragment as a}from"react/jsx-runtime";import*as r from"react";import{useRender as n}from"@base-ui/react/use-render";import{animBaseClass as s,animationClasses as i,isInfinite as l,staggerChildren as o,transitionParts as m,useAnimationRun as c}from"../../internal/animate.js";import{graphemesOf as p,textOf as d,wordsOf as g}from"../../internal/text.js";import{cx as u,srOnlyClasses as h}from"../../internal/styles.js";import{useStyleDefaults as f}from"../../internal/defaults.js";export const AnimateSplit=/*@__PURE__*/r.forwardRef(function AnimateSplit(y,b){const{text:j,by:w="word",effect:x="slide",duration:N=520,delay:M=0,easing:S,repeat:v,alternate:$,paused:k,trigger:A="mount",play:F,once:R=!0,threshold:q=.2,stagger:z=45,durationStep:B=0,reverse:C=!1,timeline:D,range:E,from:G="bottom",distance:H="0.4em",scale:I,angle:J,side:K,locale:L,render:O,className:P,style:Q,children:T,...U}=f(y,["locale"]),V=v??("blink"===x?"infinite":1),W=c({caller:U,parts:":scope > [aria-hidden] .neba-anim",trigger:A,play:F,once:R,threshold:q,paused:k,infinite:l(V)}),X="view"===D?"running":W.state,Y=j??d(T),Z=r.useMemo(()=>g(Y,L),[Y,L]),_=r.useMemo(()=>{if("word"===w)return null;let e=0;return Z.map(t=>{const a=/\s*$/.exec(t)?.[0]??"",r=p(t.slice(0,t.length-a.length),L),n={start:e,letters:r,gap:a};return e+=r.length,n})},[w,Z,L]),ee=r.useMemo(()=>_?_.flatMap(e=>e.letters):Z,[_,Z]),te=m({type:x,duration:N,delay:M,easing:S,repeat:V,alternate:$,from:G,distance:H,scale:I,angle:J,side:K,timeline:D,range:E}),ae=o(ee.map((t,a)=>e("span",{className:"inline-block whitespace-pre",children:t},a)),`${s} ${i[x]}`,te.slots,{stagger:z,durationStep:B,reverse:C}),re=_?_.map((a,n)=>t(r.Fragment,{children:[a.letters.length>0?e("span",{className:"whitespace-nowrap",children:ae.slice(a.start,a.start+a.letters.length)}):null,a.gap]},n)):ae;return n({render:O,ref:[b,W.ref],props:{...U,className:P,style:{"--n-anim-state":X,...Q},...W.handlers,"data-neba-animation":"split","data-state":X,children:t(a,{children:[e("span",{className:u(h),children:Y}),e("span",{"aria-hidden":"true",children:re})]})}})});
+"use client";import{jsx as e,jsxs as t,Fragment as a}from"react/jsx-runtime";import*as r from"react";import{useRender as n}from"@base-ui/react/use-render";import{animBaseClass as s,animationClasses as i,isInfinite as l,staggerChildren as o,transitionParts as m,useAnimationRun as p}from"../../internal/animate.js";import{graphemesOf as c,textOf as d,wordsOf as g}from"../../internal/text.js";import{cx as u,srOnlyClasses as h}from"../../internal/styles.js";import{useStyleDefaults as f}from"../../internal/defaults.js";export const AnimateSplit=/*@__PURE__*/r.forwardRef(function AnimateSplit(y,b){const{text:j,by:w="word",effect:x="slide",duration:N=520,delay:M=0,easing:S,repeat:v,alternate:$,paused:k,trigger:A="mount",play:F,once:R=!0,threshold:q=.2,stagger:z=45,durationStep:B=0,reverse:C=!1,timeline:D,range:E,from:G="bottom",distance:H="0.4em",scale:I,angle:J,side:K,locale:L,render:O,className:P,style:Q,children:T,...U}=f(y,["locale"]),V=v??("blink"===x?"infinite":1),W=p({caller:U,parts:":scope > [aria-hidden] .neba-anim",trigger:A,play:F,once:R,threshold:q,paused:k,infinite:l(V)}),X="view"===D?"running":W.state,Y=j??d(T),Z=r.useMemo(()=>g(Y,L),[Y,L]),_=r.useMemo(()=>{if("word"===w)return null;let e=0;return Z.map(t=>{const a=/\s*$/.exec(t)?.[0]??"",r=c(t.slice(0,t.length-a.length),L),n={start:e,letters:r,gap:a};return e+=r.length,n})},[w,Z,L]),ee=r.useMemo(()=>_?_.flatMap(e=>e.letters):Z,[_,Z]),te=m({type:x,duration:N,delay:M,easing:S,repeat:V,alternate:$,from:G,distance:H,scale:I,angle:J,side:K,timeline:D,range:E}),ae=o(ee.map((t,a)=>e("span",{className:"inline-block whitespace-pre",children:t},a)),`${s} ${i[x]}`,te.slots,{stagger:z,durationStep:B,reverse:C}),re=_?_.map((a,n)=>t(r.Fragment,{children:[a.letters.length>0?e("span",{className:"whitespace-nowrap",children:ae.slice(a.start,a.start+a.letters.length)}):null,a.gap]},n)):ae;return n({render:O??e("span",{}),ref:[b,W.ref],props:{...U,className:P,style:{"--n-anim-state":X,...Q},...W.handlers,"data-neba-animation":"split","data-state":X,children:t(a,{children:[e("span",{className:u(h),children:Y}),e("span",{"aria-hidden":"true",children:re})]})}})});

package/dist/components/animate-typing/AnimateTyping.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as t,Fragment as a}from"react/jsx-runtime";import*as r from"react";import{useRender as n}from"@base-ui/react/use-render";import{isInfinite as s,useAnimationRun as i,usePrefersReducedMotion as o}from"../../internal/animate.js";import{cx as c,srOnlyClasses as u}from"../../internal/styles.js";import{graphemesOf as l,textOf as d}from"../../internal/text.js";export const AnimateTyping=/*@__PURE__*/r.forwardRef(function AnimateTyping({text:p,speed:m=24,hold:f=1400,erase:g=!1,eraseSpeed:h,caret:y=!0,caretChar:x="|",duration:T,delay:j=0,repeat:b=1,paused:v,trigger:N="mount",play:w,once:M=!0,threshold:A=.2,render:C,className:E,style:R,children:S,...k},F){const q=i({caller:k,trigger:N,play:w,once:M,threshold:A,paused:v,infinite:s(b)}),z=o(),B=p??d(S),D=r.useMemo(()=>l(B),[B]),G=D.length,[H,I]=r.useState(0),J=r.useRef({count:0,pass:1,deleting:!1}),K=T&&G>0?T/G:1e3/Math.max(m,1),L=1e3/Math.max(h??2*m,1);r.useEffect(()=>{J.current={count:0,pass:1,deleting:!1}},[B]),r.useEffect(()=>{if(z||0===G)return void I(G);if(!q.started)return J.current={count:0,pass:1,deleting:!1},void I(0);if(v||q.offscreen)return;let e,t=!1;const a=J.current,r="infinite"===b?1/0:Math.max(1,b);if(a.count>=G&&a.pass>=r&&!a.deleting)return;const n=()=>{if(!t){if(a.deleting)return a.count-=1,I(a.count),a.count<=0&&(a.deleting=!1,a.pass+=1),void(e=setTimeout(n,a.deleting?L:K));if(a.count<G&&(a.count+=1,I(a.count)),a.count<G)e=setTimeout(n,K);else if(!(a.pass>=r))return g?(a.deleting=!0,void(e=setTimeout(n,f))):void(e=setTimeout(()=>{t||(a.count=0,a.pass+=1,I(0),e=setTimeout(n,K))},f))}};return I(a.count),e=setTimeout(n,0===a.count&&1===a.pass?j:a.deleting?L:K),()=>{t=!0,clearTimeout(e)}},[q.started,q.offscreen,v,z,B,G,K,L,j,f,g,b]);const O=q.ref,P=r.useCallback(e=>{O(e),"function"==typeof F?F(e):F&&(F.current=e)},[F,O]);return n({render:C??e("span",{}),ref:P,props:{className:c("grid",E),style:R,"data-neba-animation":"typing","data-state":q.state,...k,...q.handlers,children:t(a,{children:[e("span",{className:u,children:B}),t("span",{"aria-hidden":"true",className:"whitespace-pre-wrap [grid-area:1/1]",children:[D.slice(0,H).join(""),y?e("span",{className:c("neba-typing-caret"),children:x}):null]}),e("span",{"aria-hidden":"true","data-sample":B,className:"invisible whitespace-pre-wrap [grid-area:1/1] before:content-[attr(data-sample)]"})]})}})});
+"use client";import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import*as n from"react";import{useRender as a}from"@base-ui/react/use-render";import{isInfinite as s,useAnimationRun as i,usePrefersReducedMotion as o}from"../../internal/animate.js";import{cx as c,srOnlyClasses as u}from"../../internal/styles.js";import{graphemesOf as l,textOf as d}from"../../internal/text.js";export const AnimateTyping=/*@__PURE__*/n.forwardRef(function AnimateTyping({text:p,speed:m=24,hold:f=1400,erase:g=!1,eraseSpeed:h,caret:y=!0,caretChar:x="|",duration:T,delay:j=0,repeat:b=1,paused:v,trigger:N="mount",play:w,once:M=!0,threshold:R=.2,render:A,className:C,style:E,children:S,...k},F){const q=i({caller:k,trigger:N,play:w,once:M,threshold:R,paused:v,infinite:s(b)}),z=o(),B=p??d(S),D=n.useMemo(()=>l(B),[B]),G=D.length,[H,I]=n.useState(0),J=n.useRef({count:0,pass:1,deleting:!1}),K=n.useRef(q.run),L=T&&G>0?T/G:1e3/Math.max(m,1),O=1e3/Math.max(h??2*m,1);n.useEffect(()=>{J.current={count:0,pass:1,deleting:!1}},[B]),n.useEffect(()=>{if(z||0===G)return void I(G);if(!q.started)return J.current={count:0,pass:1,deleting:!1},void I(0);if(K.current!==q.run&&(K.current=q.run,J.current={count:0,pass:1,deleting:!1}),v||q.offscreen)return;let e,t=!1;const r=J.current,n="infinite"===b?1/0:Math.max(1,b);if(r.count>=G&&r.pass>=n&&!r.deleting)return;const a=()=>{if(!t){if(r.deleting)return r.count-=1,I(r.count),r.count<=0&&(r.deleting=!1,r.pass+=1),void(e=setTimeout(a,r.deleting?O:L));if(r.count<G&&(r.count+=1,I(r.count)),r.count<G)e=setTimeout(a,L);else if(!(r.pass>=n))return g?(r.deleting=!0,void(e=setTimeout(a,f))):void(e=setTimeout(()=>{t||(r.count=0,r.pass+=1,I(0),e=setTimeout(a,L))},f))}};return I(r.count),e=setTimeout(a,0===r.count&&1===r.pass?j:r.deleting?O:L),()=>{t=!0,clearTimeout(e)}},[q.started,q.run,q.offscreen,v,z,B,G,L,O,j,f,g,b]);const P=q.ref,Q=n.useCallback(e=>{P(e),"function"==typeof F?F(e):F&&(F.current=e)},[F,P]);return a({render:A??e("span",{}),ref:Q,props:{className:c("grid",C),style:E,"data-neba-animation":"typing","data-state":q.state,...k,...q.handlers,children:t(r,{children:[e("span",{className:u,children:B}),t("span",{"aria-hidden":"true",className:"whitespace-pre-wrap [grid-area:1/1]",children:[D.slice(0,H).join(""),y?e("span",{className:c("neba-typing-caret"),children:x}):null]}),e("span",{"aria-hidden":"true","data-sample":B,className:"invisible whitespace-pre-wrap [grid-area:1/1] before:content-[attr(data-sample)]"})]})}})});

package/dist/components/app-logo/AppLogo.js

@@ -1 +1 @@
-"use client";import{jsx as e,Fragment as r,jsxs as n}from"react/jsx-runtime";import*as t from"react";import{useRender as a}from"@base-ui/react/use-render";import{initialsOf as l}from"../../internal/initials.js";import{safeHref as s,safeRel as i}from"../../internal/link.js";import{controlHeightClasses as o,controlSlots as m,controlSquareClasses as d,cx as c,gapClasses as u,hasContent as x,srOnlyClasses as f,surfaceClasses as g,tintPlateClasses as p,toLength as h,transitionClasses as v}from"../../internal/styles.js";import{useStyleDefaults as b}from"../../internal/defaults.js";const w={xs:"text-[0.75rem]",sm:"text-[0.875rem]",md:"text-[1.0625rem]",lg:"text-[1.375rem]",xl:"text-[1.625rem]"},j={xs:"text-[0.75rem]",sm:"text-[0.875rem]",md:"text-[1.0625rem]",lg:"text-[1.3125rem]",xl:"text-[1.5625rem]"},N={xs:"rounded-[0.375rem]",sm:"rounded-[0.4375rem]",md:"rounded-[0.5625rem]",lg:"rounded-[0.6875rem]",xl:"rounded-[0.875rem]"},_={solid:[g,"text-(--n-on-solid) bg-(--n-fill)","[box-shadow:var(--n-elev),var(--neba-plate-solid)]"].join(" "),outline:[g,"border text-(--n-on-tint) bg-(--n-panel)","[border-color:var(--n-line)]","[box-shadow:var(--n-elev),var(--neba-plate-glass)]"].join(" "),text:`text-(--n-on-tint) ${p} [box-shadow:var(--n-elev)]`};export const AppLogo=/*@__PURE__*/t.forwardRef(function AppLogo(t,g){const{src:p,srcSet:y,alt:k,name:z,initials:A,showName:L=!1,shape:S="bare",variant:$="solid",size:F="md",color:P="primary",elevation:R=0,padded:q=!0,height:B,href:C,target:D,rel:E,imageProps:G,render:H,className:I,style:J,children:K,...M}=b(t,["size","variant"]),O="bare"!==S,Q=x(K)?K:p?"image":null,T=O&&q,U=null===Q&&!O,V=L&&!U&&x(z),W=k??z,X=A??(z?l(z):""),Y="image"===Q&&!V&&x(W),Z=U||Y,ee=!Z&&!V&&x(W),re=h(B),ne=re?{height:re,width:O?re:void 0}:null,te=e("span",{"aria-hidden":!Z||void 0,className:c("flex shrink-0 items-center justify-center overflow-hidden","font-semibold tracking-tight whitespace-nowrap",re?"":o[F],O?c(re?"":d[F],"circle"===S?"rounded-full":N[F],j[F],_[$]):c("w-auto text-(--neba-fg)",w[F]),"[&_svg]:w-auto [&_svg]:shrink-0",T?"[&_svg]:h-[72%] [&_svg]:max-w-[72%]":"[&_svg]:h-full [&_svg]:max-w-full",v),style:{...O?m(P,R,$):null,...ne},children:"image"===Q?e("img",{src:p,srcSet:y,alt:Y?W??"":"",decoding:"async",...G,className:c("w-auto object-contain",T?"h-[72%] max-w-[72%]":"h-full max-w-full",G?.className)}):Q??(U?z:X)}),ae=s(C);return a({render:H??e(ae?"a":"span",{}),ref:g,props:{href:ae,target:D,rel:i(D,E),className:c("inline-flex max-w-full min-w-0 items-center align-middle","text-(--neba-fg) no-underline select-none",u[F],ae?"cursor-pointer rounded-(--neba-radius-sm)":"",ae?"focus-visible:[outline:2px_solid_var(--n-ring)] focus-visible:outline-offset-2":"",I),style:{"--n-ring":`var(--neba-${P}-ring)`,...J},children:n(r,{children:[te,V?e("span",{className:c("min-w-0 truncate font-semibold",w[F]),children:z}):null,ee?e("span",{className:f,children:W}):null]}),...M}})});
+"use client";import{jsx as e,Fragment as r,jsxs as n}from"react/jsx-runtime";import*as t from"react";import{useRender as a}from"@base-ui/react/use-render";import{initialsOf as l}from"../../internal/initials.js";import{safeHref as s,safeRel as i}from"../../internal/link.js";import{NewTabNote as o}from"../../internal/new-tab.js";import{controlHeightClasses as m,controlSlots as d,controlSquareClasses as c,cx as u,gapClasses as x,hasContent as f,srOnlyClasses as g,surfaceClasses as p,tintPlateClasses as h,toLength as v,transitionClasses as b}from"../../internal/styles.js";import{useStyleDefaults as w}from"../../internal/defaults.js";const j={xs:"text-[0.75rem]",sm:"text-[0.875rem]",md:"text-[1.0625rem]",lg:"text-[1.375rem]",xl:"text-[1.625rem]"},N={xs:"text-[0.75rem]",sm:"text-[0.875rem]",md:"text-[1.0625rem]",lg:"text-[1.3125rem]",xl:"text-[1.5625rem]"},_={xs:"rounded-[0.375rem]",sm:"rounded-[0.4375rem]",md:"rounded-[0.5625rem]",lg:"rounded-[0.6875rem]",xl:"rounded-[0.875rem]"},y={solid:[p,"text-(--n-on-solid) bg-(--n-fill)","[box-shadow:var(--n-elev),var(--neba-plate-solid)]"].join(" "),outline:[p,"border text-(--n-on-tint) bg-(--n-panel)","[border-color:var(--n-line)]","[box-shadow:var(--n-elev),var(--neba-plate-glass)]"].join(" "),text:`text-(--n-on-tint) ${h} [box-shadow:var(--n-elev)]`};export const AppLogo=/*@__PURE__*/t.forwardRef(function AppLogo(t,p){const{src:h,srcSet:k,alt:z,name:A,initials:L,showName:S=!1,shape:$="bare",variant:F="solid",size:P="md",color:R="primary",elevation:q=0,padded:B=!0,height:C,href:D,target:E,rel:G,imageProps:H,render:I,className:J,style:K,children:M,...O}=w(t,["size","variant"]),Q="bare"!==$,T=f(M)?M:h?"image":null,U=Q&&B,V=null===T&&!Q,W=S&&!V&&f(A),X=z??A,Y=L??(A?l(A):""),Z="image"===T&&!W&&f(X),ee=V||Z,re=!ee&&!W&&f(X),ne=v(C),te=ne?{height:ne,width:Q?ne:void 0}:null,ae=e("span",{"aria-hidden":!ee||void 0,className:u("flex shrink-0 items-center justify-center overflow-hidden","font-semibold tracking-tight whitespace-nowrap",ne?"":m[P],Q?u(ne?"":c[P],"circle"===$?"rounded-full":_[P],N[P],y[F]):u("w-auto text-(--neba-fg)",j[P]),"[&_svg]:w-auto [&_svg]:shrink-0",U?"[&_svg]:h-[72%] [&_svg]:max-w-[72%]":"[&_svg]:h-full [&_svg]:max-w-full",b),style:{...Q?d(R,q,F):null,...te},children:"image"===T?e("img",{src:h,srcSet:k,alt:Z?X??"":"",decoding:"async",...H,className:u("w-auto object-contain",U?"h-[72%] max-w-[72%]":"h-full max-w-full",H?.className)}):T??(V?A:Y)}),le=s(D);return a({render:I??e(le?"a":"span",{}),ref:p,props:{href:le,target:E,rel:i(E,G),className:u("inline-flex max-w-full min-w-0 items-center align-middle","text-(--neba-fg) no-underline select-none",x[P],le?"cursor-pointer rounded-(--neba-radius-sm)":"",le?"focus-visible:[outline:2px_solid_var(--n-ring)] focus-visible:outline-offset-2":"",J),style:{"--n-ring":`var(--neba-${R}-ring)`,...K},children:n(r,{children:[ae,W?e("span",{className:u("min-w-0 truncate font-semibold",j[P]),children:A}):null,re?e("span",{className:g,children:X}):null,le?e(o,{target:E}):null]}),...O}})});

package/dist/components/approval/Approval.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as l,Fragment as n}from"react/jsx-runtime";import*as a from"react";import{Button as i}from"../button/Button.js";import{boxPaddingClasses as t}from"../box/Box.js";import{CheckIcon as s,severityIcon as r}from"../../internal/icons.js";import{approvalMessages as o,useMessages as d}from"../../internal/i18n.js";import{cx as c,hasContent as m,iconClasses as f,metaTextClasses as p,preformattedClasses as u,radiusClasses as x,sheetBodyClasses as h,sheetHeaderGapClasses as v,sheetSectionGapClasses as b,sheetTitleClasses as g,surfaceClasses as N,surfaceSlots as w,transitionClasses as j}from"../../internal/styles.js";import{useStyleDefaults as y}from"../../internal/defaults.js";const k={low:"info",medium:"warning",high:"danger"},z={solid:[N,"text-(--neba-fg) bg-(--n-panel-hover)","[box-shadow:var(--n-elev),var(--neba-plate-solid)]"].join(" "),outline:[N,"border text-(--neba-fg) bg-(--n-panel)","[border-color:var(--n-line)]","[box-shadow:var(--n-elev),var(--neba-plate-glass)]"].join(" "),text:"text-(--neba-fg) bg-(--n-soft)"};export const Approval=/*@__PURE__*/a.forwardRef(function Approval(N,A){const{variant:B="outline",size:I="md",color:q="warning",density:C="default",elevation:D=0,options:F,title:R,description:S,details:E,risk:G,decision:H,onDecide:J,icon:K,disabled:L=!1,locale:M,labels:O,classNames:P,className:Q,style:T,children:U,...V}=y(N,["size","density","variant","locale"]),W={...d(o,M),...O},[X,Y]=a.useState(null),Z=void 0!==H,$=Z?H:X,_=G?k[G]:q,ee=void 0===K?r(_):K,le=m(R)?R:W.request,ne=a.useId(),ae=null===$?void 0:F.find(e=>e.value===$);return l("div",{ref:A,role:"group","aria-labelledby":ne,"data-decided":$??void 0,className:c("flex w-full flex-col",t[C][I],x[I],b[I],h[I],z[B],j,f,Q??""),style:{...w(_,D),...T},...V,children:[l("div",{className:"flex items-start gap-3",children:[m(ee)?e("span",{className:"flex h-[1lh] shrink-0 items-center text-(--n-accent)",children:ee}):null,l("div",{className:c("flex min-w-0 flex-1 flex-col",v[I]),children:[e("div",{id:ne,className:c("font-semibold text-(--n-accent)",g[I],P?.title??""),children:le}),m(S)?e("div",{className:c("text-(--neba-muted-fg)",P?.description??""),children:S}):null]}),G?e("span",{className:c("shrink-0 rounded-full bg-(--n-soft) px-2 py-0.5 font-medium text-(--n-on-tint)",p[I]),children:W[G]}):null]}),m(E)?e("div",{className:c("min-w-0",P?.details??""),children:"string"==typeof E?e("pre",{className:c(u,"max-h-56"),children:E}):E}):null,U,e("div",{className:c("flex min-w-0 flex-col gap-1.5",P?.actions??""),children:ae?l("div",{className:"flex items-center gap-2 text-(--neba-muted-fg)",children:[e("span",{className:"flex h-[1lh] shrink-0 items-center text-(--n-accent)",children:e(s,{})}),e("span",{className:p[I],children:W.answered}),e("span",{className:"min-w-0 font-medium text-(--neba-fg)",children:ae.label})]}):l(n,{children:[e("div",{className:"flex flex-wrap gap-2",children:F.map(l=>e(i,{size:I,variant:l.variant??"outline",color:l.color??_,startIcon:l.icon,disabled:L||l.disabled,onClick:()=>{Z||Y(l.value),J?.(l.value)},children:l.label},l.value))}),F.some(e=>m(e.description))?e("ul",{className:c("m-0 flex list-none flex-col gap-0.5 p-0 text-(--neba-muted-fg)",p[I]),children:F.filter(e=>m(e.description)).map(n=>l("li",{children:[e("span",{className:"font-medium text-(--neba-fg)",children:n.label})," — ",n.description]},n.value))}):null]})})]})});
+"use client";import{jsx as e,jsxs as l,Fragment as n}from"react/jsx-runtime";import*as a from"react";import{Button as t}from"../button/Button.js";import{boxPaddingClasses as i}from"../box/Box.js";import{CheckIcon as s,severityIcon as r}from"../../internal/icons.js";import{approvalMessages as o,useMessages as c}from"../../internal/i18n.js";import{cx as d,focusRingClasses as m,hasContent as f,iconClasses as u,metaTextClasses as p,preformattedClasses as x,radiusClasses as v,sheetBodyClasses as h,sheetHeaderGapClasses as b,sheetSectionGapClasses as g,sheetTitleClasses as N,surfaceClasses as w,surfaceSlots as j,transitionClasses as y}from"../../internal/styles.js";import{useStyleDefaults as k}from"../../internal/defaults.js";const z={low:"info",medium:"warning",high:"danger"},I={solid:[w,"text-(--neba-fg) bg-(--n-panel-hover)","[box-shadow:var(--n-elev),var(--neba-plate-solid)]"].join(" "),outline:[w,"border text-(--neba-fg) bg-(--n-panel)","[border-color:var(--n-line)]","[box-shadow:var(--n-elev),var(--neba-plate-glass)]"].join(" "),text:"text-(--neba-fg) bg-(--n-soft)"};export const Approval=/*@__PURE__*/a.forwardRef(function Approval(w,R){const{variant:A="outline",size:B="md",color:E="warning",density:q="default",elevation:C=0,options:D,title:F,description:L,details:S,risk:G,decision:H,onDecide:J,icon:K,disabled:M=!1,locale:O,labels:P,classNames:Q,className:T,style:U,children:V,...W}=k(w,["size","density","variant","locale"]),X={...c(o,O),...P},[Y,Z]=a.useState(null),$=void 0!==H,_=$?H:Y,ee=G?z[G]:E,le=void 0===K?r(ee):K,ne=f(F)?F:X.request,ae=a.useId(),te=null===_?void 0:D.find(e=>e.value===_),ie=void 0!==te,se=a.useRef(!1),re=a.useRef(null);return a.useLayoutEffect(()=>{if(!ie||!se.current)return;se.current=!1;const e=document.activeElement;null!==e&&e!==document.body||re.current?.focus()},[ie]),l("div",{ref:R,role:"group","aria-labelledby":ae,"data-decided":_??void 0,className:d("flex w-full flex-col",i[q][B],v[B],g[B],h[B],I[A],y,u,T??""),style:{...j(ee,C),...U},...W,children:[l("div",{className:"flex items-start gap-3",children:[f(le)?e("span",{className:"flex h-[1lh] shrink-0 items-center text-(--n-accent)",children:le}):null,l("div",{className:d("flex min-w-0 flex-1 flex-col",b[B]),children:[e("div",{id:ae,className:d("font-semibold text-(--n-accent)",N[B],Q?.title??""),children:ne}),f(L)?e("div",{className:d("text-(--neba-muted-fg)",Q?.description??""),children:L}):null]}),G?e("span",{className:d("shrink-0 rounded-full bg-(--n-soft) px-2 py-0.5 font-medium text-(--n-on-tint)",p[B]),children:X[G]}):null]}),f(S)?e("div",{className:d("min-w-0",Q?.details??""),children:"string"==typeof S?e("pre",{className:d(x,"max-h-56"),children:S}):S}):null,V,e("div",{className:d("flex min-w-0 flex-col gap-1.5",Q?.actions??""),children:te?l("div",{ref:re,tabIndex:-1,className:d("flex items-center gap-2 rounded-(--neba-radius-xs) text-(--neba-muted-fg)",m),children:[e("span",{className:"flex h-[1lh] shrink-0 items-center text-(--n-accent)",children:e(s,{})}),e("span",{className:p[B],children:X.answered}),e("span",{className:"min-w-0 font-medium text-(--neba-fg)",children:te.label})]}):l(n,{children:[e("div",{className:"flex flex-wrap gap-2",children:D.map(l=>e(t,{size:B,variant:l.variant??"outline",color:l.color??ee,startIcon:l.icon,disabled:M||l.disabled,onClick:()=>{se.current=!0,$||Z(l.value),J?.(l.value)},children:l.label},l.value))}),D.some(e=>f(e.description))?e("ul",{className:d("m-0 flex list-none flex-col gap-0.5 p-0 text-(--neba-muted-fg)",p[B]),children:D.filter(e=>f(e.description)).map(n=>l("li",{children:[e("span",{className:"font-medium text-(--neba-fg)",children:n.label})," — ",n.description]},n.value))}):null]})})]})});

package/dist/components/avatar/Avatar.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as n}from"react/jsx-runtime";import*as a from"react";import{Avatar as t}from"@base-ui/react/avatar";import{transitionProps as r}from"../../internal/animate.js";import{initialsOf as o}from"../../internal/initials.js";import{controlHeightClasses as i,controlSlots as s,controlSquareClasses as l,cx as d,hasContent as c,srOnlyClasses as m,surfaceClasses as f,tintPlateClasses as u,transitionClasses as v}from"../../internal/styles.js";import{useStyleDefaults as x}from"../../internal/defaults.js";const h={xs:"text-[0.5625rem]",sm:"text-[0.6875rem]",md:"text-[0.8125rem]",lg:"text-[1rem]",xl:"text-[1.1875rem]"},p={xs:"rounded-[0.375rem]",sm:"rounded-[0.4375rem]",md:"rounded-[0.5625rem]",lg:"rounded-[0.6875rem]",xl:"rounded-[0.875rem]"},b={solid:[f,"text-(--n-on-solid) bg-(--n-fill)","[box-shadow:var(--n-elev)]"].join(" "),outline:[f,"border text-(--n-on-tint) bg-(--n-panel)","[border-color:var(--n-line)]","[box-shadow:var(--n-elev)]"].join(" "),text:`text-(--n-on-tint) ${u} [box-shadow:var(--n-elev)]`},g="after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit]",j={solid:`${g} after:[box-shadow:var(--neba-plate-solid)]`,outline:`${g} after:[box-shadow:var(--neba-plate-glass)]`,text:""},w=["relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden","align-middle font-semibold tracking-wide whitespace-nowrap leading-none","[&_svg]:pointer-events-none [&_svg]:size-[55%]",v].join(" ");function PersonIcon(){return n("svg",{viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",children:[e("path",{d:"M12 12a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Z"}),e("path",{d:"M12 14.25c-4.28 0-7.75 2.42-7.75 5.4 0 .75.6 1.35 1.35 1.35h12.8c.75 0 1.35-.6 1.35-1.35 0-2.98-3.47-5.4-7.75-5.4Z"})]})}export const Avatar=/*@__PURE__*/a.forwardRef(function Avatar(a,f){const{src:u,srcSet:v,alt:g,name:y,initials:N,shape:z,variant:_,size:S,color:k,elevation:A,delay:C,imageProps:I,onLoadingStatusChange:P,transition:$,className:B,style:L,children:M,...R}=x(a,["size","variant"]),Z=z??"circle",F=_??"text",q=S??"md",D=k??"primary",E=A??0,G=y?o(y):"",H=r($),J=g??y,K=c(M)?M:(N??G)||e(PersonIcon,{}),O=Boolean(J),Q=""===J,T=d(w,i[q],l[q],h[q],"circle"===Z?"rounded-full":p[q],b[F],j[F],H.className,B??"");return n(t.Root,{ref:f,className:T,style:{...s(D,E,F),...H.style,...L},...R,children:[u?e(t.Image,{src:u,srcSet:v,alt:J??"",decoding:"async",onLoadingStatusChange:P,...I,className:d("size-full object-cover [animation:neba-anim-fade_var(--neba-duration-fill)_var(--neba-ease)_both]",I?.className)}):null,n(t.Fallback,{delay:u?C:void 0,className:"flex size-full items-center justify-center",children:[O?e("span",{className:m,children:J}):null,e("span",{"aria-hidden":!(!O&&!Q)||void 0,className:"contents",children:K})]})]})});
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as a from"react";import{Avatar as n}from"@base-ui/react/avatar";import{transitionProps as r}from"../../internal/animate.js";import{initialsOf as o}from"../../internal/initials.js";import{controlHeightClasses as i,controlSlots as s,controlSquareClasses as l,cx as d,hasContent as c,srOnlyClasses as m,surfaceClasses as u,tintPlateClasses as f,transitionClasses as v}from"../../internal/styles.js";import{useStyleDefaults as x}from"../../internal/defaults.js";const p={xs:"text-[0.5625rem]",sm:"text-[0.6875rem]",md:"text-[0.8125rem]",lg:"text-[1rem]",xl:"text-[1.1875rem]"},h={xs:"rounded-[0.375rem]",sm:"rounded-[0.4375rem]",md:"rounded-[0.5625rem]",lg:"rounded-[0.6875rem]",xl:"rounded-[0.875rem]"},b={solid:[u,"text-(--n-on-solid) bg-(--n-fill)","[box-shadow:var(--n-elev)]"].join(" "),outline:[u,"border text-(--n-on-tint) bg-(--n-panel)","[border-color:var(--n-line)]","[box-shadow:var(--n-elev)]"].join(" "),text:`text-(--n-on-tint) ${f} [box-shadow:var(--n-elev)]`},g="after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit]",j={solid:`${g} after:[box-shadow:var(--neba-plate-solid)]`,outline:`${g} after:[box-shadow:var(--neba-plate-glass)]`,text:""},y=["relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden","align-middle font-semibold tracking-wide whitespace-nowrap leading-none","[&_svg]:pointer-events-none [&_svg]:size-[55%]",v].join(" ");function PersonIcon(){return t("svg",{viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",children:[e("path",{d:"M12 12a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Z"}),e("path",{d:"M12 14.25c-4.28 0-7.75 2.42-7.75 5.4 0 .75.6 1.35 1.35 1.35h12.8c.75 0 1.35-.6 1.35-1.35 0-2.98-3.47-5.4-7.75-5.4Z"})]})}export const Avatar=/*@__PURE__*/a.forwardRef(function Avatar(a,u){const{src:f,srcSet:v,alt:g,name:w,initials:N,shape:z,variant:k,size:S,color:_,elevation:A,delay:C,imageProps:I,onLoadingStatusChange:M,transition:P,className:$,style:B,children:L,...R}=x(a,["size","variant"]),Z=z??"circle",F=k??"text",q=S??"md",D=_??"primary",E=A??0,G=w?o(w):"",H=r(P),J=g??w,K=c(L)?L:(N??G)||e(PersonIcon,{}),O=Boolean(J),Q=""===J,T=d(y,i[q],l[q],p[q],"circle"===Z?"rounded-full":h[q],b[F],j[F],H.className,$??"");return t(n.Root,{ref:u,className:T,style:{...s(D,E,F),...H.style,...B},...R,children:[f?e(n.Image,{src:f,srcSet:v,alt:J??"",decoding:"async",onLoadingStatusChange:M,keepMounted:!0,...I,className:d("absolute inset-0 size-full object-cover [transition:opacity_var(--neba-duration-fill)_var(--neba-ease)] data-[error]:opacity-0 data-[loading]:opacity-0",I?.className)}):null,t(n.Fallback,{delay:f?C:void 0,className:"flex size-full items-center justify-center",children:[O?e("span",{className:m,children:J}):null,e("span",{"aria-hidden":!(!O&&!Q)||void 0,className:"contents",children:K})]})]})});

package/dist/components/bar-chart/BarChart.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{CartesianChart as a,markTransitionClasses as n}from"../../internal/chart-frame.js";import{barBandRatio as l,barMaxThickness as r,barPath as i,barRadius as o,chartFontSizes as s,labelInk as u,labelledPoints as d,markGap as c}from"../../internal/chart.js";import{useStyleDefaults as h}from"../../internal/defaults.js";export function BarChart(t){const{orientation:n="vertical",stacked:i=!1,rounded:o=!0,barSize:s,valueLabels:u="none",series:d,yAxis:c,size:m="md",density:x="default",...f}=h(t,["size","density"]),v="full"===i;return e(a,{...f,series:d,stackedFull:v,size:m,density:x,horizontal:"horizontal"===n,stacked:!1!==i,yAxis:v?{min:0,max:100,tickFormat:e=>`${e}%`,...c}:c,includeZero:!0,bandRatio:l[x],headroom:"none"===u?0:12,children:t=>e(Bars,{context:t,stacked:!1!==i,rounded:o,barSize:s??r[m],valueLabels:u,size:m})})}function Bars({context:a,stacked:l,rounded:r,barSize:h,valueLabels:m,size:x}){const{values:f,visible:v,colors:b,hovered:p,activeIndex:z,plot:y,band:k,horizontal:g,valuePx:j,categoryPx:M,zeroPx:B,zeroPxOf:P,format:S}=a,A=f.map((e,t)=>({one:e,index:t})).filter(e=>v[e.index]),L=l?1:Math.max(1,A.length),N=Math.min(h,Math.max(1,(k.band-c*(L-1))/L)),W=N*L+c*(L-1),w=[],F=[],C=s[x];return t("g",{children:[A.map(({one:a,index:s},h)=>{const x=b[s],f=null!==p&&p!==s,v="extremes"===m||"last"===m?d(a,m):null;return e("g",{opacity:f?.28:1,className:n,children:a.map((a,d)=>{if(null===a.value)return null;const f=M(d),b=l?0:h*(N+c)-W/2+N/2,p=l?a.value>=0?w[d]??0:F[d]??0:0,k=0===p?P(s):j(p,s),B=j(p+a.value,s);l&&(a.value>=0?w[d]=p+a.value:F[d]=p+a.value);const A=l&&0!==p?c:0,L=Math.abs(B-k)-A;if(L<=0)return null;const I=B<k,O=d===z,R=g?i(Math.min(k,B)+(I?0:A),y.top+f+b-N/2,L,N,r&&!l?o:r?o/2:0,a.value>=0?"right":"left"):i(y.left+f+b-N/2,Math.min(k,B)+(I?0:A),N,L,r&&!l?o:r?o/2:0,a.value>=0?"up":"down");return t("g",{children:[e("path",{d:R,fill:a.color??x,opacity:O?1:.92,className:n}),"none"===m||v&&!v(d)?null:e("text",{x:g?B+(a.value>=0?5:-5):y.left+f+b,y:g?y.top+f+b:a.value>=0?B-5:B+C+2,textAnchor:g?a.value>=0?"start":"end":"middle",dominantBaseline:g?"central":void 0,fontSize:C,fontWeight:500,fill:u(a.color??x),className:"tabular-nums",children:a.label??S(a.value)})]},d)})},s)}),e("line",g?{x1:B,x2:B,y1:y.top,y2:y.top+y.height,stroke:"var(--neba-chart-baseline)",strokeWidth:1}:{x1:y.left,x2:y.left+y.width,y1:B,y2:B,stroke:"var(--neba-chart-baseline)",strokeWidth:1})]})}
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{CartesianChart as a,markTransitionClasses as n}from"../../internal/chart-frame.js";import{barBandRatio as l,barMaxThickness as r,barPath as i,barRadius as o,chartFontSizes as s,labelInk as u,labelledPoints as d,markGap as c}from"../../internal/chart.js";import{useStyleDefaults as h}from"../../internal/defaults.js";export function BarChart(t){const{orientation:n="vertical",stacked:i=!1,rounded:o=!0,barSize:s,valueLabels:u="none",series:d,yAxis:c,size:m="md",density:x="default",...f}=h(t,["size","density"]),v="full"===i;return e(a,{...f,series:d,stackedFull:v,size:m,density:x,horizontal:"horizontal"===n,stacked:!1!==i,yAxis:v?{min:0,max:100,tickFormat:e=>`${e}%`,...c}:c,includeZero:!0,bandRatio:l[x],headroom:"none"===u?0:12,children:t=>e(Bars,{context:t,stacked:!1!==i,rounded:o,barSize:s??r[m],valueLabels:u,size:m})})}function Bars({context:a,stacked:l,rounded:r,barSize:h,valueLabels:m,size:x}){const{values:f,visible:v,colors:b,hovered:p,activeIndex:z,plot:y,band:k,horizontal:g,valuePx:j,categoryPx:M,zeroPx:B,zeroPxOf:P,formatFor:S}=a,A=f.map((e,t)=>({one:e,index:t})).filter(e=>v[e.index]),F=l?1:Math.max(1,A.length),L=Math.min(h,Math.max(1,(k.band-c*(F-1))/F)),N=L*F+c*(F-1),W=[],w=[],C=s[x];return t("g",{children:[A.map(({one:a,index:s},h)=>{const x=b[s],f=null!==p&&p!==s,v="extremes"===m||"last"===m?d(a,m):null;return e("g",{opacity:f?.28:1,className:n,children:a.map((a,d)=>{if(null===a.value)return null;const f=M(d),b=l?0:h*(L+c)-N/2+L/2,p=l?a.value>=0?W[d]??0:w[d]??0:0,k=0===p?P(s):j(p,s),B=j(p+a.value,s);l&&(a.value>=0?W[d]=p+a.value:w[d]=p+a.value);const A=l&&0!==p?c:0,F=Math.abs(B-k)-A;if(F<=0)return null;const I=B<k,O=d===z,R=g?i(Math.min(k,B)+(I?0:A),y.top+f+b-L/2,F,L,r&&!l?o:r?o/2:0,a.value>=0?"right":"left"):i(y.left+f+b-L/2,Math.min(k,B)+(I?0:A),L,F,r&&!l?o:r?o/2:0,a.value>=0?"up":"down");return t("g",{children:[e("path",{d:R,fill:a.color??x,opacity:O?1:.92,className:n}),"none"===m||v&&!v(d)?null:e("text",{x:g?B+(a.value>=0?5:-5):y.left+f+b,y:g?y.top+f+b:a.value>=0?B-5:B+C+2,textAnchor:g?a.value>=0?"start":"end":"middle",dominantBaseline:g?"central":void 0,fontSize:C,fontWeight:500,fill:u(a.color??x),className:"tabular-nums",children:a.label??S(s)(a.value)})]},d)})},s)}),e("line",g?{x1:B,x2:B,y1:y.top,y2:y.top+y.height,stroke:"var(--neba-chart-baseline)",strokeWidth:1}:{x1:y.left,x2:y.left+y.width,y1:B,y2:B,stroke:"var(--neba-chart-baseline)",strokeWidth:1})]})}

package/dist/components/bottom-navigation/BottomNavigation.js

@@ -1 +1 @@
-"use client";import{jsx as e,Fragment as t,jsxs as a}from"react/jsx-runtime";import*as i from"react";import{useRender as n}from"@base-ui/react/use-render";import{barMinHeightClasses as l,BottomNavigationContext as r}from"../../internal/bottom-navigation.js";import{safeHref as o,safeRel as s}from"../../internal/link.js";import{cx as d,hasContent as c,iconSizeClasses as m,metaTextClasses as u,paddingXClasses as p,radiusClasses as f,srOnlyClasses as g,surfaceClasses as b,surfaceSlots as v,transitionClasses as x}from"../../internal/styles.js";import{useStyleDefaults as h}from"../../internal/defaults.js";const y={solid:[b,"text-(--neba-fg) bg-(--n-panel-hover)","[box-shadow:var(--n-elev),var(--neba-plate-solid)]"].join(" "),outline:[b,"text-(--neba-fg) bg-(--n-panel)","[box-shadow:var(--n-elev),var(--neba-plate-glass)]"].join(" "),text:"text-(--neba-fg) bg-transparent"},w={static:"",sticky:"sticky bottom-0 z-20",fixed:"fixed inset-x-0 bottom-0 z-30"},N={default:{xs:"p-1",sm:"p-1",md:"p-1.5",lg:"p-2",xl:"p-2.5"},compact:{xs:"p-0.5",sm:"p-0.5",md:"p-1",lg:"p-1",xl:"p-1.5"}},z={xs:"gap-0.5",sm:"gap-0.5",md:"gap-1",lg:"gap-1",xl:"gap-1.5"};export const BottomNavigation=/*@__PURE__*/i.forwardRef(function BottomNavigation(t,a){const{variant:o="outline",size:s="md",color:c="primary",density:m="default",elevation:u=0,value:p,defaultValue:g=null,onValueChange:b,position:z="fixed",labels:j="all",divider:k=!0,safeArea:C=!0,disabled:B=!1,label:I,render:R,className:V,style:_,children:A,...D}=h(t,["size","density","variant"]),[F,M]=i.useState(g),P=void 0!==p,S=P?p:F,q=i.useCallback(e=>{P||M(e),b?.(e)},[P,b]),E=i.useMemo(()=>({value:S??null,change:q,size:s,density:m,labels:j,disabled:B,floating:!1}),[S,q,s,m,j,B]),G=d("w-full min-w-0","static"===z?f[s]:"",y[o],"outline"===o&&"static"===z?"border [border-color:var(--n-line)]":"",k?"border-t [border-color:var(--n-line)]":"",w[z],C&&"static"!==z?"pb-[env(safe-area-inset-bottom)]":"",x,V);return n({render:R??e("nav",{}),ref:a,props:{"aria-label":I,className:G,style:{...v(c,u),..._},children:e(r.Provider,{value:E,children:e("div",{className:d("flex w-full items-stretch",l[s],N[m][s]),children:A})}),...D}})});export const BottomNavigationItem=/*@__PURE__*/i.forwardRef(function BottomNavigationItem({value:n,icon:l,href:b,target:v,rel:h,disabled:y=!1,className:w,children:N,onClick:j,...k},C){const B=i.useContext(r),I=y||B.disabled,R=null!==B.value&&B.value===n,V="all"===B.labels||"selected"===B.labels&&R,_=d("flex min-w-0 flex-col items-center justify-center py-1.5",B.floating?d("relative z-10",p[B.density][B.size],"rounded-full"):d("flex-1 px-1",f[B.size]),z[B.size],"[-webkit-tap-highlight-color:transparent] [touch-action:manipulation]",x,"focus-visible:[outline:2px_solid_var(--n-ring)] focus-visible:[outline-offset:-2px]",I?"cursor-not-allowed text-(--neba-disabled-fg)":R?B.floating?"cursor-pointer font-medium text-(--n-on-tint)":"cursor-pointer font-medium text-(--n-on-tint) bg-(--n-soft) hover:bg-(--n-soft-hover)":"cursor-pointer text-(--neba-muted-fg) hover:text-(--neba-fg) hover:bg-(--n-panel-hover)",w),A=a(t,{children:[c(l)?e("span",{className:d("flex shrink-0 items-center justify-center",m[B.size]),children:l}):null,c(N)?B.floating&&"selected"===B.labels?e("span",{"data-drawn":V?"":void 0,className:d("grid justify-items-center [grid-template-rows:1fr]","[transition-property:grid-template-columns,opacity]","[transition-duration:var(--neba-duration)]","[transition-timing-function:var(--neba-ease)]","motion-reduce:[transition-duration:0ms]",V?"[grid-template-columns:1fr] opacity-100":"[grid-template-columns:0fr] opacity-0"),children:e("span",{className:d("min-w-0 truncate leading-tight",u[B.size]),children:N})}):e("span",{"data-drawn":V?"":void 0,className:V?d("max-w-full truncate leading-tight",u[B.size]):"selected"===B.labels?d("max-w-full truncate leading-tight opacity-0",u[B.size]):g,children:N}):null]}),D=e=>{I?e.preventDefault():(B.change(n),j?.(e))},F=o(b);return F?e("a",{ref:C,"data-nav-item":"",href:I?void 0:F,"aria-current":R?"page":void 0,"aria-disabled":I||void 0,className:_,onClick:D,target:v,rel:s(v,h),...k,children:A}):e("button",{ref:C,"data-nav-item":"",type:"button",disabled:I,"aria-current":R?"page":void 0,className:_,onClick:D,...k,children:A})});
+"use client";import{jsx as e,Fragment as t,jsxs as a}from"react/jsx-runtime";import*as n from"react";import{useRender as i}from"@base-ui/react/use-render";import{barMinHeightClasses as r,BottomNavigationContext as l}from"../../internal/bottom-navigation.js";import{safeHref as o,safeRel as s}from"../../internal/link.js";import{NewTabNote as d}from"../../internal/new-tab.js";import{cx as c,hasContent as m,iconSizeClasses as u,metaTextClasses as p,paddingXClasses as f,radiusClasses as g,srOnlyClasses as b,surfaceClasses as v,surfaceSlots as x,transitionClasses as h}from"../../internal/styles.js";import{useStyleDefaults as y}from"../../internal/defaults.js";const w={solid:[v,"text-(--neba-fg) bg-(--n-panel-hover)","[box-shadow:var(--n-elev),var(--neba-plate-solid)]"].join(" "),outline:[v,"text-(--neba-fg) bg-(--n-panel)","[box-shadow:var(--n-elev),var(--neba-plate-glass)]"].join(" "),text:"text-(--neba-fg) bg-transparent"},N={static:"",sticky:"sticky bottom-0 z-20",fixed:"fixed inset-x-0 bottom-0 z-30"},j={default:{xs:"p-1",sm:"p-1",md:"p-1.5",lg:"p-2",xl:"p-2.5"},compact:{xs:"p-0.5",sm:"p-0.5",md:"p-1",lg:"p-1",xl:"p-1.5"}},z={xs:"gap-0.5",sm:"gap-0.5",md:"gap-1",lg:"gap-1",xl:"gap-1.5"};export const BottomNavigation=/*@__PURE__*/n.forwardRef(function BottomNavigation(t,a){const{variant:o="outline",size:s="md",color:d="primary",density:m="default",elevation:u=0,value:p,defaultValue:f=null,onValueChange:b,position:v="fixed",labels:z="all",divider:k=!0,safeArea:C=!0,disabled:B=!1,label:I,render:R,className:V,style:_,children:A,...D}=y(t,["size","density","variant"]),[F,M]=n.useState(f),P=void 0!==p,S=P?p:F,q=n.useCallback(e=>{P||M(e),b?.(e)},[P,b]),E=n.useMemo(()=>({value:S??null,change:q,size:s,density:m,labels:z,disabled:B,floating:!1}),[S,q,s,m,z,B]),G=c("w-full min-w-0","static"===v?g[s]:"",w[o],"outline"===o&&"static"===v?"border [border-color:var(--n-line)]":"",k?"border-t [border-color:var(--n-line)]":"",N[v],C&&"static"!==v?"pb-[env(safe-area-inset-bottom)]":"",h,V);return i({render:R??e("nav",{}),ref:a,props:{"aria-label":I,className:G,style:{...x(d,u),..._},children:e(l.Provider,{value:E,children:e("div",{className:c("flex w-full items-stretch",r[s],j[m][s]),children:A})}),...D}})});export const BottomNavigationItem=/*@__PURE__*/n.forwardRef(function BottomNavigationItem({value:i,icon:r,href:v,target:x,rel:y,disabled:w=!1,className:N,children:j,onClick:k,...C},B){const I=n.useContext(l),R=w||I.disabled,V=null!==I.value&&I.value===i,_="all"===I.labels||"selected"===I.labels&&V,A=c("neba-nav-item flex min-w-0 flex-col items-center justify-center py-1.5",I.floating?c("relative z-10",f[I.density][I.size],"rounded-full"):c("flex-1 px-1",g[I.size]),z[I.size],"[-webkit-tap-highlight-color:transparent] [touch-action:manipulation]",h,"focus-visible:[outline:2px_solid_var(--n-ring)] focus-visible:[outline-offset:-2px]",R?"cursor-not-allowed text-(--neba-disabled-fg)":V?I.floating?"cursor-pointer font-medium text-(--n-on-tint)":"cursor-pointer font-medium text-(--n-on-tint) bg-(--n-soft) hover:bg-(--n-soft-hover)":"cursor-pointer text-(--neba-muted-fg) hover:text-(--neba-fg) hover:bg-(--n-panel-hover)",N),D=a(t,{children:[m(r)?e("span",{className:c("flex shrink-0 items-center justify-center",u[I.size]),children:r}):null,m(j)?I.floating&&"selected"===I.labels?e("span",{"data-drawn":_?"":void 0,className:c("grid justify-items-center [grid-template-rows:1fr]","[transition-property:grid-template-columns,opacity]","[transition-duration:var(--neba-duration)]","[transition-timing-function:var(--neba-ease)]","motion-reduce:[transition-duration:0ms]",_?"[grid-template-columns:1fr] opacity-100":"[grid-template-columns:0fr] opacity-0"),children:e("span",{className:c("min-w-0 truncate leading-tight",p[I.size]),children:j})}):e("span",{"data-drawn":_?"":void 0,className:_?c("max-w-full truncate leading-tight",p[I.size]):"selected"===I.labels?c("max-w-full truncate leading-tight opacity-0",p[I.size]):b,children:j}):null]}),F=e=>{R?e.preventDefault():(I.change(i),k?.(e))},M=o(v);return M?a("a",{ref:B,"data-nav-item":"",href:R?void 0:M,"aria-current":V?"page":void 0,"aria-disabled":R||void 0,className:A,onClick:F,target:x,rel:s(x,y),...C,children:[D,e(d,{target:x})]}):e("button",{ref:B,"data-nav-item":"",type:"button",disabled:R,"aria-current":V?"page":void 0,className:A,onClick:F,...C,children:D})});

package/dist/components/box/Box.js

@@ -1 +1 @@
-"use client";import*as e from"react";import{useRender as s}from"@base-ui/react/use-render";import{transitionProps as a}from"../../internal/animate.js";import{cx as r,radiusClasses as t,surfaceClasses as o,surfaceSlots as l,transitionClasses as n}from"../../internal/styles.js";import{useStyleDefaults as p}from"../../internal/defaults.js";const m=t;export const boxPaddingClasses={default:{xs:"p-2",sm:"p-3",md:"p-4",lg:"p-5",xl:"p-6"},compact:{xs:"p-1.5",sm:"p-2",md:"p-2.5",lg:"p-3",xl:"p-4"}};export const boxPaddingXClasses={default:{xs:"px-2",sm:"px-3",md:"px-4",lg:"px-5",xl:"px-6"},compact:{xs:"px-1.5",sm:"px-2",md:"px-2.5",lg:"px-3",xl:"px-4"}};export const boxPaddingYClasses={default:{xs:"py-2",sm:"py-3",md:"py-4",lg:"py-5",xl:"py-6"},compact:{xs:"py-1.5",sm:"py-2",md:"py-2.5",lg:"py-3",xl:"py-4"}};export const boxPaddingYValues={default:{xs:"0.5rem",sm:"0.75rem",md:"1rem",lg:"1.25rem",xl:"1.5rem"},compact:{xs:"0.375rem",sm:"0.5rem",md:"0.625rem",lg:"0.75rem",xl:"1rem"}};const x=["block",n].join(" "),d={solid:[o,"text-(--neba-fg) bg-(--n-panel-hover)","[box-shadow:var(--n-elev),var(--neba-plate-solid)]"].join(" "),outline:[o,"border text-(--neba-fg) bg-(--n-panel)","[border-color:var(--n-line)]","[box-shadow:var(--n-elev),var(--neba-plate-glass)]"].join(" "),text:"text-(--neba-fg) bg-transparent"};export const Box=/*@__PURE__*/e.forwardRef(function Box(e,t){const{variant:o="outline",size:n="md",color:i="primary",density:c="default",elevation:g=0,padded:b=!0,transition:f,render:y,className:u,style:v,children:j,...h}=p(e,["size","density","variant"]),P=a(f),C=r(x,m[n],b?boxPaddingClasses[c][n]:"",d[o],P.className,u??"");return s({render:y,ref:t,props:{className:C,style:{...l(i,g),...P.style,...v},children:j,...h}})});
+"use client";import*as e from"react";import{useRender as s}from"@base-ui/react/use-render";import{transitionProps as a}from"../../internal/animate.js";import{cx as r,radiusClasses as t,surfaceClasses as l,surfaceSlots as o,transitionClasses as n}from"../../internal/styles.js";import{useStyleDefaults as p}from"../../internal/defaults.js";const m=t;export const boxPaddingClasses={default:{xs:"p-2",sm:"p-3",md:"p-4",lg:"p-5",xl:"p-6"},compact:{xs:"p-1.5",sm:"p-2",md:"p-2.5",lg:"p-3",xl:"p-4"}};export const boxPaddingXClasses={default:{xs:"px-2",sm:"px-3",md:"px-4",lg:"px-5",xl:"px-6"},compact:{xs:"px-1.5",sm:"px-2",md:"px-2.5",lg:"px-3",xl:"px-4"}};export const boxPaddingYClasses={default:{xs:"py-2",sm:"py-3",md:"py-4",lg:"py-5",xl:"py-6"},compact:{xs:"py-1.5",sm:"py-2",md:"py-2.5",lg:"py-3",xl:"py-4"}};export const boxPaddingYValues={default:{xs:"0.5rem",sm:"0.75rem",md:"1rem",lg:"1.25rem",xl:"1.5rem"},compact:{xs:"0.375rem",sm:"0.5rem",md:"0.625rem",lg:"0.75rem",xl:"1rem"}};const x=`block ${n}`,d={solid:`${l} text-(--neba-fg) bg-(--n-panel-hover) [box-shadow:var(--n-elev),var(--neba-plate-solid)]`,outline:`${l} border text-(--neba-fg) bg-(--n-panel) [border-color:var(--n-line)] [box-shadow:var(--n-elev),var(--neba-plate-glass)]`,text:"text-(--neba-fg) bg-transparent"};export const Box=/*@__PURE__*/e.forwardRef(function Box(e,t){const{variant:l="outline",size:n="md",color:i="primary",density:c="default",elevation:g=0,padded:b=!0,transition:f,render:y,className:u,style:v,children:h,...P}=p(e,["size","density","variant"]),C=a(f),j=r(x,m[n],b?boxPaddingClasses[c][n]:"",d[l],C.className,u??"");return s({render:y,ref:t,props:{className:j,style:{...o(i,g),...C.style,...v},children:h,...P}})});