@photon-ai/pho-ui 2.2.0 → 2.4.0

package/dist/components/field.js

@@ -22,28 +22,35 @@ function l({ className: r, ...e }) {
   });
 }
 function s({ className: r, ...e }) {
+  return /* @__PURE__ */ t("div", {
+    className: o("flex min-w-0 flex-col gap-3", r),
+    ...e
+  });
+}
+function d({ className: r, ...e }) {
   return /* @__PURE__ */ t(i.Description, {
     className: o("text-pho-description text-base", r),
     ...e
   });
 }
-function d({ className: r, ...e }) {
+function p({ className: r, ...e }) {
   return /* @__PURE__ */ t(i.Error, {
     className: o("text-pho-error text-base", r),
     ...e
   });
 }
-var f = {
+var x = {
   Root: a,
   Label: n,
   Control: l,
-  Description: s,
-  Error: d,
+  Controls: s,
+  Description: d,
+  Error: p,
   Item: i.Item,
   Validity: i.Validity
 };
 export {
-  f as Field
+  x as Field
 };
 
 //# sourceMappingURL=field.js.map

package/dist/components/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","names":[],"sources":["../../src/components/field/field.tsx"],"sourcesContent":["import { type ComponentProps, type ElementType } from \"react\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\nimport { cn } from \"../../utils/cn\";\n\n/** Override Base UI's `string | (state) => string` className with plain string. */\ntype StyledProps<T extends ElementType> = Omit<\n  ComponentProps<T>,\n  \"className\"\n> & {\n  className?: string;\n};\n\nfunction Root({ className, ...props }: StyledProps<typeof BaseField.Root>) {\n  return (\n    <BaseField.Root\n      className={cn(\"group/field flex flex-col gap-1.5\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Label({ className, ...props }: StyledProps<typeof BaseField.Label>) {\n  return (\n    <BaseField.Label\n      className={cn(\n        \"text-pho-secondary cursor-default text-base font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Control({\n  className,\n  ...props\n}: StyledProps<typeof BaseField.Control>) {\n  return (\n    <BaseField.Control\n      className={cn(\n        // Flat field surface — hairline ring carries the edge (site has no\n        // resting shadows outside floating layers).\n        \"bg-pho-primary ring-pho-primary text-pho-primary placeholder:text-pho-placeholder text-md rounded-base w-full px-3 py-2 ring-1 transition-shadow duration-100 ease-linear outline-none ring-inset\",\n        \"focus-visible:ring-pho-brand focus-visible:ring-2\",\n        // Invalid is mid-weight: thicker than the 1px rest hairline, thinner\n        // than the 2px focus ring. Rest uses the subtle error ink; focus\n        // steps up to the solid error.\n        \"data-[invalid]:ring-pho-error-subtle data-[invalid]:focus-visible:ring-pho-error data-[invalid]:ring-[1.5px] data-[invalid]:focus-visible:ring-2\",\n        \"disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Description({\n  className,\n  ...props\n}: StyledProps<typeof BaseField.Description>) {\n  return (\n    <BaseField.Description\n      className={cn(\"text-pho-description text-base\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Error({ className, ...props }: StyledProps<typeof BaseField.Error>) {\n  return (\n    <BaseField.Error\n      className={cn(\"text-pho-error text-base\", className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Form field built on Base UI `Field`. Wires a label, description, and\n * validation error to a control for you — compose it around `Field.Control`\n * (or any control via `render`). `Field.Error` shows when the control is\n * invalid; `Field.Validity` exposes raw validity for custom messages.\n */\nexport const Field = {\n  Root,\n  Label,\n  Control,\n  Description,\n  Error,\n  Item: BaseField.Item,\n  Validity: BaseField.Validity,\n};\n"],"mappings":";;;;;AAYA,SAAS,EAAK,EAAE,WAAA,GAAW,GAAG,EAAA,GAA6C;AACzE,SACE,gBAAA,EAAC,EAAU,MAAX;AAAA,IACE,WAAW,EAAG,qCAAqC,CAAS;AAAA,IAC5D,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAA8C;AAC3E,SACE,gBAAA,EAAC,EAAU,OAAX;AAAA,IACE,WAAW,EACT,2DACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAQ,EACf,WAAA,GACA,GAAG,EAAA,GACqC;AACxC,SACE,gBAAA,EAAC,EAAU,SAAX;AAAA,IACE,WAAW,EAGT,qMACA,qDAIA,oJACA,mDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,WAAA,GACA,GAAG,EAAA,GACyC;AAC5C,SACE,gBAAA,EAAC,EAAU,aAAX;AAAA,IACE,WAAW,EAAG,kCAAkC,CAAS;AAAA,IACzD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAA8C;AAC3E,SACE,gBAAA,EAAC,EAAU,OAAX;AAAA,IACE,WAAW,EAAG,4BAA4B,CAAS;AAAA,IACnD,GAAI;AAAA,EACL,CAAA;AAEL;AAQA,IAAa,IAAQ;AAAA,EACnB,MAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAM,EAAU;AAAA,EAChB,UAAU,EAAU;AACtB"}
+{"version":3,"file":"field.js","names":[],"sources":["../../src/components/field/field.tsx"],"sourcesContent":["import { type ComponentProps, type ElementType } from \"react\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\nimport { cn } from \"../../utils/cn\";\n\n/** Override Base UI's `string | (state) => string` className with plain string. */\ntype StyledProps<T extends ElementType> = Omit<\n  ComponentProps<T>,\n  \"className\"\n> & {\n  className?: string;\n};\n\nfunction Root({ className, ...props }: StyledProps<typeof BaseField.Root>) {\n  return (\n    <BaseField.Root\n      className={cn(\"group/field flex flex-col gap-1.5\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Label({ className, ...props }: StyledProps<typeof BaseField.Label>) {\n  return (\n    <BaseField.Label\n      className={cn(\n        \"text-pho-secondary cursor-default text-base font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Control({\n  className,\n  ...props\n}: StyledProps<typeof BaseField.Control>) {\n  return (\n    <BaseField.Control\n      className={cn(\n        // Flat field surface — hairline ring carries the edge (site has no\n        // resting shadows outside floating layers).\n        \"bg-pho-primary ring-pho-primary text-pho-primary placeholder:text-pho-placeholder text-md rounded-base w-full px-3 py-2 ring-1 transition-shadow duration-100 ease-linear outline-none ring-inset\",\n        \"focus-visible:ring-pho-brand focus-visible:ring-2\",\n        // Invalid is mid-weight: thicker than the 1px rest hairline, thinner\n        // than the 2px focus ring. Rest uses the subtle error ink; focus\n        // steps up to the solid error.\n        \"data-[invalid]:ring-pho-error-subtle data-[invalid]:focus-visible:ring-pho-error data-[invalid]:ring-[1.5px] data-[invalid]:focus-visible:ring-2\",\n        \"disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Several controls under one label: the lines of an address, first and\n * last name, the parts of a date. Stacks them at the gap the system uses\n * between the parts of one thing (12px), so the field's own 6px stays for\n * label and description. Put an `Inline` inside for a side-by-side row.\n */\nfunction Controls({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div className={cn(\"flex min-w-0 flex-col gap-3\", className)} {...props} />\n  );\n}\n\nfunction Description({\n  className,\n  ...props\n}: StyledProps<typeof BaseField.Description>) {\n  return (\n    <BaseField.Description\n      className={cn(\"text-pho-description text-base\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Error({ className, ...props }: StyledProps<typeof BaseField.Error>) {\n  return (\n    <BaseField.Error\n      className={cn(\"text-pho-error text-base\", className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Form field built on Base UI `Field`. Wires a label, description, and\n * validation error to a control for you — compose it around `Field.Control`\n * (or any control via `render`). `Field.Error` shows when the control is\n * invalid; `Field.Validity` exposes raw validity for custom messages.\n * `Field.Controls` stacks several controls under one label.\n */\nexport const Field = {\n  Root,\n  Label,\n  Control,\n  Controls,\n  Description,\n  Error,\n  Item: BaseField.Item,\n  Validity: BaseField.Validity,\n};\n"],"mappings":";;;;;AAYA,SAAS,EAAK,EAAE,WAAA,GAAW,GAAG,EAAA,GAA6C;AACzE,SACE,gBAAA,EAAC,EAAU,MAAX;AAAA,IACE,WAAW,EAAG,qCAAqC,CAAS;AAAA,IAC5D,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAA8C;AAC3E,SACE,gBAAA,EAAC,EAAU,OAAX;AAAA,IACE,WAAW,EACT,2DACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAQ,EACf,WAAA,GACA,GAAG,EAAA,GACqC;AACxC,SACE,gBAAA,EAAC,EAAU,SAAX;AAAA,IACE,WAAW,EAGT,qMACA,qDAIA,oJACA,mDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAQA,SAAS,EAAS,EAAE,WAAA,GAAW,GAAG,EAAA,GAAgC;AAChE,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW,EAAG,+BAA+B,CAAS;AAAA,IAAG,GAAI;AAAA,EAAQ,CAAA;AAE9E;AAEA,SAAS,EAAY,EACnB,WAAA,GACA,GAAG,EAAA,GACyC;AAC5C,SACE,gBAAA,EAAC,EAAU,aAAX;AAAA,IACE,WAAW,EAAG,kCAAkC,CAAS;AAAA,IACzD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAA8C;AAC3E,SACE,gBAAA,EAAC,EAAU,OAAX;AAAA,IACE,WAAW,EAAG,4BAA4B,CAAS;AAAA,IACnD,GAAI;AAAA,EACL,CAAA;AAEL;AASA,IAAa,IAAQ;AAAA,EACnB,MAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAM,EAAU;AAAA,EAChB,UAAU,EAAU;AACtB"}

package/dist/components/form.js

@@ -1,17 +1,5 @@
 "use client";
-import { t as m } from "../chunks/cn-ChIgwEl3.js";
-import "react";
-import { jsx as t } from "react/jsx-runtime";
-import { Form as e } from "@base-ui/react/form";
-function a({ className: o, ...r }) {
-  return /* @__PURE__ */ t(e, {
-    className: m("flex flex-col gap-5", o),
-    ...r
-  });
-}
-a.displayName = "Form";
+import { t as r } from "../chunks/form-AiHbbw4m.js";
 export {
-  a as Form
+  r as Form
 };
-
-//# sourceMappingURL=form.js.map

package/dist/components/input-group.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as o } from "../chunks/input-group-5AtpIhC_.js";
+import { t as o } from "../chunks/input-group-fc9_jD4d.js";
 export {
   o as InputGroup
 };

package/dist/components/input.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../chunks/input-QSAUO30c.js";
+import { t as e } from "../chunks/input-DjvZoF8v.js";
 export {
   e as Input
 };

package/dist/components/kbd.js

@@ -1,18 +1,5 @@
 "use client";
-import { t as i } from "../chunks/cn-ChIgwEl3.js";
-import "react";
-import { jsx as o } from "react/jsx-runtime";
-var s = "inline-flex h-4 min-w-4 items-center justify-center rounded-[3px] px-1 font-mono text-xs font-medium text-pho-secondary ring-1 ring-pho-secondary ring-inset select-none";
-function m({ keys: e, className: n, children: t, ...r }) {
-  return /* @__PURE__ */ o("kbd", {
-    className: i(s, n),
-    ...r,
-    children: t ?? e
-  });
-}
-m.displayName = "Kbd";
+import { t as e } from "../chunks/kbd-DNI10uy7.js";
 export {
-  m as Kbd
+  e as Kbd
 };
-
-//# sourceMappingURL=kbd.js.map

package/dist/components/menu.js

@@ -1,5 +1,5 @@
 "use client";
-import { i as e, n as M, r as n, s as a, t as E } from "../chunks/menu-Cgj3lq9z.js";
+import { i as e, n as M, r as n, s as a, t as E } from "../chunks/menu-BQeprfxB.js";
 export {
   E as MENU_ITEM,
   M as MENU_ITEM_COLORS,

package/dist/components/phone-input.js

@@ -4,7 +4,7 @@ import { t as S1 } from "../chunks/cn-ChIgwEl3.js";
 import { r as $4 } from "../chunks/use-press-pulse-8iorQPsh.js";
 import { t as E4 } from "../chunks/createReactComponent-BqCmnqfX.js";
 import { t as p4 } from "../chunks/IconCheck-D2WuculQ.js";
-import { t as U } from "../chunks/input-group-5AtpIhC_.js";
+import { t as U } from "../chunks/input-group-fc9_jD4d.js";
 import { t as b } from "../chunks/combobox-Dj5m_dDd.js";
 import e, { useEffect as g4, useId as z4, useLayoutEffect as w4, useMemo as le, useRef as H1, useState as re } from "react";
 import { jsx as p, jsxs as M } from "react/jsx-runtime";

package/dist/components/scroll-area.js

@@ -1,5 +1,6 @@
 "use client";
-import { t as e } from "../chunks/scroll-area-Cw4JFqNG.js";
+import { n as e, t as o } from "../chunks/scroll-area-Bu7egArU.js";
 export {
-  e as ScrollArea
+  e as BLUR_MAX_PX,
+  o as ScrollArea
 };

package/dist/components/toast.js

@@ -1,60 +1,6 @@
 "use client";
-import { t as r } from "../chunks/cn-ChIgwEl3.js";
-import "react";
-import { jsx as a } from "react/jsx-runtime";
-import { Toast as o } from "@base-ui/react/toast";
-var n = o.Provider, s = o.Portal, i = o.Action, l = o.useToastManager, c = o.createToastManager;
-function p({ className: t, ...e }) {
-  return /* @__PURE__ */ a(o.Viewport, {
-    className: r("fixed right-4 bottom-4 z-50 flex w-[22rem] max-w-[calc(100vw-2rem)] flex-col gap-2 outline-none", t),
-    ...e
-  });
-}
-function u({ className: t, ...e }) {
-  return /* @__PURE__ */ a(o.Root, {
-    className: r("bg-pho-primary text-pho-primary shadow-pho-lg ring-pho-secondary rounded-base relative w-full ring-1 select-none ring-inset", "[transform:translateX(var(--toast-swipe-movement-x,0px))] transition-[transform,opacity] duration-300 ease-out", "data-[starting-style]:translate-x-full data-[starting-style]:opacity-0", "data-[ending-style]:translate-x-full data-[ending-style]:opacity-0", "data-[swiping]:duration-0", t),
-    ...e
-  });
-}
-function m({ className: t, ...e }) {
-  return /* @__PURE__ */ a(o.Content, {
-    className: r("flex flex-col gap-1 p-4 pr-10", t),
-    ...e
-  });
-}
-function d({ className: t, ...e }) {
-  return /* @__PURE__ */ a(o.Title, {
-    className: r("text-pho-primary text-base font-medium", t),
-    ...e
-  });
-}
-function f({ className: t, ...e }) {
-  return /* @__PURE__ */ a(o.Description, {
-    className: r("text-pho-description text-base", t),
-    ...e
-  });
-}
-function g({ className: t, ...e }) {
-  return /* @__PURE__ */ a(o.Close, {
-    className: r("text-pho-secondary hover:text-pho-secondary-hover hover:bg-pho-ghost-hover outline-pho-brand absolute top-2.5 right-2.5 flex size-6 cursor-pointer items-center justify-center rounded-sm transition focus-visible:outline-2 [&>svg]:size-4", t),
-    ...e
-  });
-}
-var b = {
-  Provider: n,
-  Portal: s,
-  Viewport: p,
-  Root: u,
-  Content: m,
-  Title: d,
-  Description: f,
-  Close: g,
-  Action: i,
-  useToastManager: l,
-  createToastManager: c
-};
+import { n as o, t as s } from "../chunks/toast-DoXaRPIZ.js";
 export {
-  b as Toast
+  s as Toast,
+  o as Toasty
 };
-
-//# sourceMappingURL=toast.js.map

package/dist/index.js

@@ -1,73 +1,80 @@
 "use client";
-import { t as s } from "./chunks/cn-ChIgwEl3.js";
-import { n as r, r as o, t as E } from "./chunks/link-provider-9TFNyDqO.js";
-import { t as i } from "./chunks/resolve-variant-CcD8iG5l.js";
-import { n as I, r as n, t as A } from "./chunks/use-press-pulse-8iorQPsh.js";
+import { t as a } from "./chunks/cn-ChIgwEl3.js";
+import { n as r, r as E, t as o } from "./chunks/link-provider-9TFNyDqO.js";
+import { t as S } from "./chunks/resolve-variant-CcD8iG5l.js";
+import { n as A, r as T, t as I } from "./chunks/use-press-pulse-8iorQPsh.js";
 import "./utils.js";
-import { a as e, c as R, d as p, i as B, l as C, n as O, o as P, r as f, s as u, t as D, u as N } from "./chunks/button-BmhyLgy5.js";
-import { a as c, c as l, i as V, l as U, n as G, o as d, r as M, s as b, t as g } from "./chunks/error-Da7P5WZi.js";
-import { a as F, i as W, n as h, o as Z, r as v, s as w, t as x } from "./chunks/basic-page-CB36yrpL.js";
-import { a as z, c as Y, i as j, n as q, o as y, r as J, s as K, t as Q } from "./chunks/sidebar-BETMObNj.js";
-import { t as $ } from "./chunks/input-QSAUO30c.js";
-import { t as sa } from "./chunks/close-button-GvqWbLl0.js";
-import { t as ra } from "./chunks/input-group-5AtpIhC_.js";
-import { n as Ea, t as _a } from "./chunks/card-DSW3Uhag.js";
-import { n as Sa, t as Ia } from "./chunks/dialog-DtFO7oy0.js";
-import { i as Aa, n as Ta, r as ma, t as ea } from "./chunks/status-view-C8tabjDu.js";
+import { a as m, c as R, d as B, i as p, l as C, n as O, o as f, r as u, s as N, t as P, u as D } from "./chunks/button-DNNs5RsT.js";
+import { a as V, c, i as l, l as U, n as G, o as d, r as M, s as b, t as g } from "./chunks/error-Crs-wqMC.js";
+import { a as F, c as W, d as h, f as v, i as Z, l as w, m as x, n as H, o as Y, p as z, r as X, s as j, t as q, u as y } from "./chunks/basic-page-c_7Ii5Fr.js";
+import { a as K, c as Q, i as $, n as ss, o as as, r as ts, s as rs, t as Es } from "./chunks/sidebar-DvB-G0BP.js";
+import { t as _s } from "./chunks/input-DjvZoF8v.js";
+import { t as is } from "./chunks/close-button-GvqWbLl0.js";
+import { t as Ts } from "./chunks/input-group-fc9_jD4d.js";
+import { n as ns, t as es } from "./chunks/card-DSW3Uhag.js";
+import { n as Rs, t as Bs } from "./chunks/dialog-8SRNi_rv.js";
+import { i as Cs, n as Os, r as fs, t as us } from "./chunks/status-view-C8tabjDu.js";
 import "./components/status-view.js";
 export {
-  x as BASIC_PAGE_CALLOUT,
-  h as BASIC_PAGE_CARD,
-  v as BASIC_PAGE_ITEM,
-  W as BASIC_PAGE_ITEM_PANEL,
-  F as BASIC_PAGE_ITEM_PANEL_DIVIDED,
-  Z as BASIC_PAGE_ROW,
-  D as BUTTON_COLORS,
+  q as AUTO_SAVE_DELAY_MS,
+  H as BASIC_PAGE_CALLOUT,
+  X as BASIC_PAGE_CARD,
+  Z as BASIC_PAGE_ITEM,
+  F as BASIC_PAGE_ITEM_PANEL,
+  Y as BASIC_PAGE_ITEM_PANEL_DIVIDED,
+  j as BASIC_PAGE_ROW,
+  P as BUTTON_COLORS,
   O as BUTTON_SHAPES,
-  f as BUTTON_SIZES,
-  B as BUTTON_VARIANTS,
-  w as BasicPage,
-  e as Button,
-  P as ButtonLink,
-  _a as CARD_SURFACE,
-  A as CONTROL_PRESS_SCALE,
-  I as CONTROL_PRESS_SPRING,
-  Ea as Card,
-  sa as CloseButton,
-  Ia as Dialog,
-  u as EFFECT_BUTTON_SIZES,
+  u as BUTTON_SIZES,
+  p as BUTTON_VARIANTS,
+  W as BasicPage,
+  m as Button,
+  f as ButtonLink,
+  es as CARD_SURFACE,
+  w as CONDENSE_BAR_ENTER,
+  y as CONDENSE_BAR_RISE_PX,
+  h as CONDENSE_BAR_TRAVEL,
+  I as CONTROL_PRESS_SCALE,
+  A as CONTROL_PRESS_SPRING,
+  ns as Card,
+  is as CloseButton,
+  Bs as Dialog,
+  N as EFFECT_BUTTON_SIZES,
   R as EffectButton,
   C as EffectButtonLink,
   g as Error,
   G as ErrorView,
   M as GENERIC_ERROR_TITLE,
-  $ as Input,
-  ra as InputGroup,
-  E as LinkProvider,
-  Q as SIDEBAR_HEADER_INSET,
-  q as SIDEBAR_ITEM,
-  J as SIDEBAR_ITEM_ACTIVE,
-  j as SIDEBAR_ITEM_INACTIVE,
-  z as SIDEBAR_ROOT,
-  y as SIDEBAR_ROOT_BASE,
-  K as SIDEBAR_ROOT_INSET,
-  ea as STATUS_VIEW,
-  Ta as STATUS_VIEW_COPY,
-  ma as STATUS_VIEW_SIZES,
-  Y as Sidebar,
-  Aa as StatusView,
-  N as buttonVariants,
-  V as capitalizeFirst,
-  s as cn,
-  c as describeError,
-  p as effectButtonVariants,
+  _s as Input,
+  Ts as InputGroup,
+  o as LinkProvider,
+  Es as SIDEBAR_HEADER_INSET,
+  ss as SIDEBAR_ITEM,
+  ts as SIDEBAR_ITEM_ACTIVE,
+  $ as SIDEBAR_ITEM_INACTIVE,
+  K as SIDEBAR_ROOT,
+  as as SIDEBAR_ROOT_BASE,
+  rs as SIDEBAR_ROOT_INSET,
+  us as STATUS_VIEW,
+  Os as STATUS_VIEW_COPY,
+  fs as STATUS_VIEW_SIZES,
+  Q as Sidebar,
+  Cs as StatusView,
+  D as buttonVariants,
+  l as capitalizeFirst,
+  a as cn,
+  V as describeError,
+  B as effectButtonVariants,
+  v as formToasts,
   d as httpReasonPhrase,
   b as httpStatusExplanation,
-  l as isProblem,
-  o as isReactComponent,
+  c as isProblem,
+  E as isReactComponent,
   U as parseProblem,
-  i as resolveVariant,
-  Sa as useDialogPending,
+  S as resolveVariant,
+  z as useAutoSave,
+  x as useCondense,
+  Rs as useDialogPending,
   r as useLinkComponent,
-  n as usePressPulse
+  T as usePressPulse
 };

package/dist/primitives.js

@@ -46,6 +46,9 @@ export * from "@base-ui/react/dialog";
 export * from "@base-ui/react/scroll-area";
 export * from "@base-ui/react/popover";
 export * from "@base-ui/react/avatar";
+export * from "@base-ui/react/form";
+export * from "@base-ui/react/menu";
+export * from "@base-ui/react/toast";
 export * from "@base-ui/react/accordion";
 export * from "@base-ui/react/alert-dialog";
 export * from "@base-ui/react/autocomplete";
@@ -59,9 +62,7 @@ export * from "@base-ui/react/csp-provider";
 export * from "@base-ui/react/direction-provider";
 export * from "@base-ui/react/drawer";
 export * from "@base-ui/react/fieldset";
-export * from "@base-ui/react/form";
 export * from "@base-ui/react/input";
-export * from "@base-ui/react/menu";
 export * from "@base-ui/react/menubar";
 export * from "@base-ui/react/meter";
 export * from "@base-ui/react/navigation-menu";
@@ -75,7 +76,6 @@ export * from "@base-ui/react/select";
 export * from "@base-ui/react/slider";
 export * from "@base-ui/react/switch";
 export * from "@base-ui/react/tabs";
-export * from "@base-ui/react/toast";
 export * from "@base-ui/react/toggle";
 export * from "@base-ui/react/toggle-group";
 export * from "@base-ui/react/toolbar";

package/dist/sections/basic-page.js

@@ -1,11 +1,18 @@
 "use client";
-import { a as _, i as E, n as I, o as a, r as s, s as P, t as C } from "../chunks/basic-page-CB36yrpL.js";
+import { a as A, c as E, d as s, f as a, i as S, l as C, m as I, n as B, o as P, p as e, r as N, s as o, t as D, u as R } from "../chunks/basic-page-c_7Ii5Fr.js";
 export {
-  C as BASIC_PAGE_CALLOUT,
-  I as BASIC_PAGE_CARD,
-  s as BASIC_PAGE_ITEM,
-  E as BASIC_PAGE_ITEM_PANEL,
-  _ as BASIC_PAGE_ITEM_PANEL_DIVIDED,
-  a as BASIC_PAGE_ROW,
-  P as BasicPage
+  D as AUTO_SAVE_DELAY_MS,
+  B as BASIC_PAGE_CALLOUT,
+  N as BASIC_PAGE_CARD,
+  S as BASIC_PAGE_ITEM,
+  A as BASIC_PAGE_ITEM_PANEL,
+  P as BASIC_PAGE_ITEM_PANEL_DIVIDED,
+  o as BASIC_PAGE_ROW,
+  E as BasicPage,
+  C as CONDENSE_BAR_ENTER,
+  R as CONDENSE_BAR_RISE_PX,
+  s as CONDENSE_BAR_TRAVEL,
+  a as formToasts,
+  e as useAutoSave,
+  I as useCondense
 };

package/dist/sections/sidebar.js

@@ -1,5 +1,5 @@
 "use client";
-import { a as I, c as _, i as A, n as R, o as S, r as a, s, t as T } from "../chunks/sidebar-BETMObNj.js";
+import { a as I, c as _, i as A, n as R, o as S, r as a, s, t as T } from "../chunks/sidebar-DvB-G0BP.js";
 export {
   T as SIDEBAR_HEADER_INSET,
   R as SIDEBAR_ITEM,

package/dist/src/components/command/command.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps, ReactNode } from 'react';
 import { Command as CommandPrimitive, useCommandState } from 'cmdk';
 import { Dialog as PhoDialog } from '../dialog';
-declare function Root({ className, children, ...props }: ComponentProps<typeof CommandPrimitive>): import("react").JSX.Element;
+declare function Root({ shouldFilter, className, children, ...props }: ComponentProps<typeof CommandPrimitive>): import("react").JSX.Element;
 /**
  * The input row — a bottom hairline separates it from the list. Position
  * leading icons absolutely and pad the input (`pl-9`), mirroring
@@ -89,9 +89,10 @@ declare function Dialog({ open, onOpenChange, label, className, children, ...pro
 /**
  * Command menu built on `cmdk` — a filterable list of actions driven from a
  * single input, keyboard-first. Compose inline (`Command.Root`) or as a
- * ⌘K-style modal palette (`Command.Dialog`, which owns the overlay). By
- * default cmdk filters and ranks items for you; pass `shouldFilter={false}`
- * to render your own result set (e.g. hierarchy-preserving navigation).
+ * ⌘K-style modal palette (`Command.Dialog`, which owns the overlay).
+ * Filtering is yours by default — filter in render so the rows' diff can
+ * glide; pass `shouldFilter` to hand matching and ranking to cmdk (its
+ * imperative reorder skips the animation).
  *
  * Rows share one layout via `Command.Item` `level` — idle
  * `item` → `subitem` → `subsubitem`, or flat `result` while searching.

package/dist/src/components/field/field.d.ts

@@ -7,6 +7,13 @@ type StyledProps<T extends ElementType> = Omit<ComponentProps<T>, "className"> &
 declare function Root({ className, ...props }: StyledProps<typeof BaseField.Root>): import("react").JSX.Element;
 declare function Label({ className, ...props }: StyledProps<typeof BaseField.Label>): import("react").JSX.Element;
 declare function Control({ className, ...props }: StyledProps<typeof BaseField.Control>): import("react").JSX.Element;
+/**
+ * Several controls under one label: the lines of an address, first and
+ * last name, the parts of a date. Stacks them at the gap the system uses
+ * between the parts of one thing (12px), so the field's own 6px stays for
+ * label and description. Put an `Inline` inside for a side-by-side row.
+ */
+declare function Controls({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
 declare function Description({ className, ...props }: StyledProps<typeof BaseField.Description>): import("react").JSX.Element;
 declare function Error({ className, ...props }: StyledProps<typeof BaseField.Error>): import("react").JSX.Element;
 /**
@@ -14,11 +21,13 @@ declare function Error({ className, ...props }: StyledProps<typeof BaseField.Err
  * validation error to a control for you — compose it around `Field.Control`
  * (or any control via `render`). `Field.Error` shows when the control is
  * invalid; `Field.Validity` exposes raw validity for custom messages.
+ * `Field.Controls` stacks several controls under one label.
  */
 export declare const Field: {
     Root: typeof Root;
     Label: typeof Label;
     Control: typeof Control;
+    Controls: typeof Controls;
     Description: typeof Description;
     Error: typeof Error;
     Item: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldItemProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/components/input/input.d.ts

@@ -15,6 +15,15 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     }>;
     /** Node rendered at the right edge of the label row (e.g. "Forgot?"). */
     labelTrailing?: ReactNode;
+    /**
+     * Quiet word or glyph inside the field at its trailing edge (an
+     * auto-save's `Saved`, a live character count). Non-interactive overlay:
+     * it never takes the pointer, the invalid icon takes the corner over
+     * it, and the input reserves nothing — content that shows only
+     * sometimes brings its own surface wash (as `Saved` does) so long text
+     * fades beneath it instead of colliding.
+     */
+    trailing?: ReactNode;
     /** Class applied to the input wrapper. */
     wrapperClassName?: string;
     ref?: Ref<HTMLInputElement>;
@@ -24,7 +33,7 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
  * Pho's bordered surface, leading icon, invalid state, and a built-in password
  * reveal toggle.
  */
-export declare function Input({ label, hint, size, invalid, icon: Icon, labelTrailing, disabled, required, type, className, wrapperClassName, id, ref, ...props }: InputProps): import("react").JSX.Element;
+export declare function Input({ label, hint, size, invalid, icon: Icon, labelTrailing, trailing, disabled, required, type, className, wrapperClassName, id, ref, ...props }: InputProps): import("react").JSX.Element;
 export declare namespace Input {
     var displayName: string;
 }

package/dist/src/components/input-group/input-group.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps, ElementType, HTMLAttributes, InputHTMLAttributes, Ref } from 'react';
+import { ComponentProps, ElementType, HTMLAttributes, InputHTMLAttributes, Ref, ReactNode } from 'react';
 import { Separator as BaseSeparator } from '@base-ui/react/separator';
 /** Override Base UI's `string | (state) => string` className with plain string. */
 type StyledProps<T extends ElementType> = Omit<ComponentProps<T>, "className"> & {
@@ -20,6 +20,13 @@ export interface InputGroupRootProps extends HTMLAttributes<HTMLDivElement> {
  */
 declare function Root({ size, invalid, className, onPointerDown, ref, ...props }: InputGroupRootProps): import("react").JSX.Element;
 export interface InputGroupInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    /**
+     * Quiet word or glyph over the control's trailing edge, before the
+     * addons (an auto-save's `Saved`). Non-interactive overlay; content
+     * that shows only sometimes brings its own surface wash so long text
+     * fades beneath it. Reserves nothing.
+     */
+    trailing?: ReactNode;
     ref?: Ref<HTMLInputElement>;
 }
 /**
@@ -27,7 +34,7 @@ export interface InputGroupInputProps extends Omit<InputHTMLAttributes<HTMLInput
  * `Field.Root` it picks up the label and description wiring automatically;
  * standalone it behaves as a plain `<input>` (pass `aria-label` then).
  */
-declare function GroupInput({ className, ref, ...props }: InputGroupInputProps): import("react").JSX.Element;
+declare function GroupInput({ className, trailing, ref, ...props }: InputGroupInputProps): import("react").JSX.Element;
 /**
  * Inline content beside the control — prefix/suffix text, an icon, a `Kbd`
  * hint, or a small button. Text and icons render in the secondary tone so the

package/dist/src/components/scroll-area/index.d.ts

@@ -1 +1,2 @@
 export { ScrollArea } from './scroll-area';
+export { BLUR_MAX_PX } from './scroll-area-edges';

package/dist/src/components/scroll-area/scroll-area-edges.d.ts

@@ -2,8 +2,18 @@ import { Ref } from 'react';
 /** Overlay strip height — a short ramp, not a banner. `h-8` = 32px. */
 export declare const EDGE_CLASS = "pointer-events-none absolute inset-x-0 z-10 h-8";
 export declare const EDGE_REVEAL_PX = 32;
+/**
+ * The system's one blur strength. The edge fade peaks here, and a motion
+ * that softens (a scope swap, a bar title) borrows the same value, so
+ * every soft focus in the product is the same soft focus.
+ */
+export declare const BLUR_MAX_PX = 1;
 export declare function paintEdge(node: HTMLDivElement | null, progress: number): void;
-export declare function Edge({ edge, edgeRef, }: {
+export declare function Edge({ edge, edgeRef, surface, className, }: {
     edge: "top" | "bottom";
     edgeRef: Ref<HTMLDivElement>;
+    /** The surface the wash fades into — the card by default, or a page. */
+    surface?: string;
+    /** Position override — the strip sits at the named edge unless placed. */
+    className?: string;
 }): import("react").JSX.Element;

package/dist/src/components/scroll-area/scroll-area.d.ts

@@ -1,9 +1,22 @@
-import { ComponentProps, ElementType } from 'react';
+import { ComponentProps, ElementType, Ref } from 'react';
 import { ScrollArea as BaseScrollArea } from '@base-ui/react/scroll-area';
 /** Override Base UI's `string | (state) => string` className with plain string. */
 type StyledProps<T extends ElementType> = Omit<ComponentProps<T>, "className"> & {
     className?: string;
 };
+/**
+ * The scrolled content. `inset` is a resting inset in the scroll axis —
+ * like a scroll view's safe-area padding: the content stands clear of the
+ * edges at rest but scrolls past them to the true edge, and the scrollbar
+ * and edge fade stay on `Root`'s edges. `insetTop` / `insetBottom` set the
+ * ends separately (they win over `inset`).
+ */
+declare function Content({ inset, insetTop, insetBottom, style, ref, ...props }: ComponentProps<typeof BaseScrollArea.Content> & {
+    inset?: number | string;
+    insetTop?: number | string;
+    insetBottom?: number | string;
+    ref?: Ref<HTMLDivElement>;
+}): import("react").JSX.Element;
 declare function Root({ className, children, ...props }: StyledProps<typeof BaseScrollArea.Root>): import("react").JSX.Element;
 declare function Viewport({ className, ref, ...props }: StyledProps<typeof BaseScrollArea.Viewport>): import("react").JSX.Element;
 declare function Scrollbar({ className, ...props }: StyledProps<typeof BaseScrollArea.Scrollbar>): import("react").JSX.Element;
@@ -18,7 +31,7 @@ declare function Thumb({ className, ...props }: StyledProps<typeof BaseScrollAre
 export declare const ScrollArea: {
     Root: typeof Root;
     Viewport: typeof Viewport;
-    Content: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Content: typeof Content;
     Scrollbar: typeof Scrollbar;
     Thumb: typeof Thumb;
     Corner: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaCornerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/components/toast/index.d.ts

@@ -1 +1 @@
-export { Toast } from './toast';
+export { Toast, Toasty } from './toast';

package/dist/src/components/toast/toast.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps, ElementType } from 'react';
+import { ComponentProps, ElementType, ReactNode } from 'react';
 import { Toast as BaseToast } from '@base-ui/react/toast';
 /** Override Base UI's `string | (state) => string` className with plain string. */
 type StyledProps<T extends ElementType> = Omit<ComponentProps<T>, "className"> & {
@@ -11,12 +11,27 @@ declare function Title({ className, ...props }: StyledProps<typeof BaseToast.Tit
 declare function Description({ className, ...props }: StyledProps<typeof BaseToast.Description>): import("react").JSX.Element;
 declare function Close({ className, ...props }: StyledProps<typeof BaseToast.Close>): import("react").JSX.Element;
 /**
- * Toast built on Base UI `Toast` — a transient, non-blocking notification.
- * Wrap your app in `Toast.Provider`, render a `Toast.Portal` → `Viewport` that
- * maps `useToastManager().toasts` to `Toast.Root`s, then call
- * `useToastManager().add({ title, description })` to show one. Use a toast for
- * confirmation of a background action; for a choice the user must make, use
- * `Dialog`.
+ * Toasty — the whole toast system in one wrapper, Kumo-shaped: provider,
+ * portal, viewport, and the stacked card list with status variants. Wrap
+ * the app once and call `Toast.useToastManager().add({ title, type })`
+ * from any child; pass a `toastManager` from `createToastManager()` so
+ * code outside the tree (a form's auto-save, a query cache) can speak
+ * through the same lane. `manager.promise` shows loading → success/error
+ * with the matching glyphs.
+ */
+export declare function Toasty({ children, toastManager, }: {
+    children?: ReactNode;
+    toastManager?: ComponentProps<typeof BaseToast.Provider>["toastManager"];
+}): import("react").JSX.Element;
+/**
+ * Toast built on Base UI `Toast` — transient, non-blocking notifications
+ * in a sonner-style stack, styled after Cloudflare's Kumo: at rest the
+ * cards collapse into a peek (12px rise and −10% scale per depth, words
+ * hidden behind the front card), expand into a true list with a 12px gap
+ * on hover or focus, swipe to dismiss, three visible at most. `type`
+ * (`success` / `error` / `warning` / `info` / `loading`) tints hairline,
+ * glyph, and title together. Reach for `Toasty` unless you need to
+ * compose the parts yourself.
  */
 export declare const Toast: {
     Provider: import('react').FC<import('@base-ui/react').ToastProviderProps>;