@brijbyte/agentic-ui 0.0.2 → 0.0.4

package/dist/slider/parts.js

@@ -1,6 +1,6 @@
 import slider_module_default from "./slider.module.js";
-import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { Slider } from "@base-ui/react/slider";
 //#region src/slider/parts.tsx
 /**

package/dist/slider/slider.d.ts

@@ -1,20 +1,32 @@
-import { ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
 import styles from "./slider.module.css";
 
 //#region src/slider/slider.d.ts
 interface SliderProps {
+  /** Current value (controlled). Pass an array for range sliders. */
   value?: number | number[];
+  /** Initial value (uncontrolled). Pass an array for range sliders. */
   defaultValue?: number | number[];
+  /** Called on every value change while dragging. */
   onValueChange?: (value: number | number[], eventDetails: unknown) => void;
+  /** Called once when the user finishes dragging. */
   onValueCommitted?: (value: number | number[], eventDetails: unknown) => void;
+  /** Minimum allowed value. @default 0 */
   min?: number;
+  /** Maximum allowed value. @default 100 */
   max?: number;
+  /** Step increment. @default 1 */
   step?: number;
+  /** Step used for Page Up / Page Down keyboard shortcuts. @default 10 */
   largeStep?: number;
+  /** Prevent interaction. */
   disabled?: boolean;
+  /** HTML name attribute for form submission. */
   name?: string;
+  /** Axis direction. @default "horizontal" */
   orientation?: "horizontal" | "vertical";
+  /** `Intl.NumberFormatOptions` for value display formatting. */
   format?: Intl.NumberFormatOptions;
   /** Visible label rendered above the track. */
   label?: ReactNode;
@@ -24,6 +36,12 @@ interface SliderProps {
   "aria-label"?: string;
   className?: string;
 }
+/**
+ * An accessible range input with full keyboard and touch support. Pass a
+ * single number for a standard slider or an array for a range slider with
+ * two thumbs. Supports steps, large steps (Page Up/Down), and
+ * `Intl.NumberFormat` display formatting.
+ */
 declare function Slider({
   label,
   showValue,

package/dist/slider/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","names":[],"sources":["../../src/slider/slider.tsx"],"mappings":";;;;;UAIiB,WAAA;EACf,KAAA;EACA,YAAA;EACA,aAAA,IAAiB,KAAA,qBAA0B,YAAA;EAC3C,gBAAA,IAAoB,KAAA,qBAA0B,YAAA;EAC9C,GAAA;EACA,GAAA;EACA,IAAA;EACA,SAAA;EACA,QAAA;EACA,IAAA;EACA,WAAA;EACA,MAAA,GAAS,IAAA,CAAK,mBAAA;EARM;EAUpB,KAAA,GAAQ,SAAA;EATR;EAWA,SAAA;EATA;EAWA,YAAA;EACA,SAAA;AAAA;AAAA,iBAGc,MAAA,CAAA;EACd,KAAA;EACA,SAAA;EACA,SAAA;EACA,aAAA;EACA,gBAAA;EAAA,cACc,SAAA;EAAA,GACX;AAAA,GACF,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"slider.d.ts","names":[],"sources":["../../src/slider/slider.tsx"],"mappings":";;;;;UAIiB,WAAA;;EAEf,KAAA;EAFe;EAIf,YAAA;;EAEA,aAAA,IAAiB,KAAA,qBAA0B,YAAA;EAJ3C;EAMA,gBAAA,IAAoB,KAAA,qBAA0B,YAAA;EAF9C;EAIA,GAAA;EAJ2C;EAM3C,GAAA;EAJoB;EAMpB,IAAA;EAJA;EAMA,SAAA;EAFA;EAIA,QAAA;EAAA;EAEA,IAAA;EAEA;EAAA,WAAA;EAES;EAAT,MAAA,GAAS,IAAA,CAAK,mBAAA;EAEd;EAAA,KAAA,GAAQ,SAAA;EAER;EAAA,SAAA;EAGA;EADA,YAAA;EACA,SAAA;AAAA;;;;;;;iBASc,MAAA,CAAA;EACd,KAAA;EACA,SAAA;EACA,SAAA;EACA,aAAA;EACA,gBAAA;EAAA,cACc,SAAA;EAAA,GACX;AAAA,GACF,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/slider/slider.js

@@ -2,6 +2,12 @@ import slider_module_default from "./slider.module.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Slider } from "@base-ui/react/slider";
 //#region src/slider/slider.tsx
+/**
+* An accessible range input with full keyboard and touch support. Pass a
+* single number for a standard slider or an array for a range slider with
+* two thumbs. Supports steps, large steps (Page Up/Down), and
+* `Intl.NumberFormat` display formatting.
+*/
 function Slider$1({ label, showValue = false, className, onValueChange, onValueCommitted, "aria-label": ariaLabel, ...props }) {
 	const isRange = Array.isArray(props.defaultValue ?? props.value);
 	return /* @__PURE__ */ jsxs(Slider.Root, {

package/dist/slider/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","names":["Slider","BaseSlider","styles"],"sources":["../../src/slider/slider.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Slider as BaseSlider } from \"@base-ui/react/slider\";\nimport styles from \"./slider.module.css\";\n\nexport interface SliderProps {\n  value?: number | number[];\n  defaultValue?: number | number[];\n  onValueChange?: (value: number | number[], eventDetails: unknown) => void;\n  onValueCommitted?: (value: number | number[], eventDetails: unknown) => void;\n  min?: number;\n  max?: number;\n  step?: number;\n  largeStep?: number;\n  disabled?: boolean;\n  name?: string;\n  orientation?: \"horizontal\" | \"vertical\";\n  format?: Intl.NumberFormatOptions;\n  /** Visible label rendered above the track. */\n  label?: ReactNode;\n  /** Show the current value next to the label. */\n  showValue?: boolean;\n  /** Aria-label for single-thumb sliders without a visible label. */\n  \"aria-label\"?: string;\n  className?: string;\n}\n\nexport function Slider({\n  label,\n  showValue = false,\n  className,\n  onValueChange,\n  onValueCommitted,\n  \"aria-label\": ariaLabel,\n  ...props\n}: SliderProps) {\n  const isRange = Array.isArray(props.defaultValue ?? props.value);\n\n  return (\n    <BaseSlider.Root\n      className={`${styles.root} ${className ?? \"\"}`}\n      onValueChange={onValueChange as never}\n      onValueCommitted={onValueCommitted as never}\n      {...props}\n    >\n      {(label || showValue) && (\n        <div className={styles.header}>\n          {label && <BaseSlider.Label className={styles.label}>{label}</BaseSlider.Label>}\n          {showValue && <BaseSlider.Value className={styles.value} />}\n        </div>\n      )}\n      <BaseSlider.Control className={styles.control}>\n        <BaseSlider.Track className={styles.track}>\n          <BaseSlider.Indicator className={styles.indicator} />\n          {isRange ? (\n            <>\n              <BaseSlider.Thumb index={0} className={styles.thumb} aria-label=\"Minimum value\" />\n              <BaseSlider.Thumb index={1} className={styles.thumb} aria-label=\"Maximum value\" />\n            </>\n          ) : (\n            <BaseSlider.Thumb className={styles.thumb} aria-label={ariaLabel} />\n          )}\n        </BaseSlider.Track>\n      </BaseSlider.Control>\n    </BaseSlider.Root>\n  );\n}\n\nexport { styles as SliderStyles };\n"],"mappings":";;;;AA0BA,SAAgBA,SAAO,EACrB,OACA,YAAY,OACZ,WACA,eACA,kBACA,cAAc,WACd,GAAG,SACW;CACd,MAAM,UAAU,MAAM,QAAQ,MAAM,gBAAgB,MAAM,MAAM;AAEhE,QACE,qBAACC,OAAW,MAAZ;EACE,WAAW,GAAGC,sBAAO,KAAK,GAAG,aAAa;EAC3B;EACG;EAClB,GAAI;YAJN,EAMI,SAAS,cACT,qBAAC,OAAD;GAAK,WAAWA,sBAAO;aAAvB,CACG,SAAS,oBAACD,OAAW,OAAZ;IAAkB,WAAWC,sBAAO;cAAQ;IAAyB,CAAA,EAC9E,aAAa,oBAACD,OAAW,OAAZ,EAAkB,WAAWC,sBAAO,OAAS,CAAA,CACvD;MAER,oBAACD,OAAW,SAAZ;GAAoB,WAAWC,sBAAO;aACpC,qBAACD,OAAW,OAAZ;IAAkB,WAAWC,sBAAO;cAApC,CACE,oBAACD,OAAW,WAAZ,EAAsB,WAAWC,sBAAO,WAAa,CAAA,EACpD,UACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAACD,OAAW,OAAZ;KAAkB,OAAO;KAAG,WAAWC,sBAAO;KAAO,cAAW;KAAkB,CAAA,EAClF,oBAACD,OAAW,OAAZ;KAAkB,OAAO;KAAG,WAAWC,sBAAO;KAAO,cAAW;KAAkB,CAAA,CACjF,EAAA,CAAA,GAEH,oBAACD,OAAW,OAAZ;KAAkB,WAAWC,sBAAO;KAAO,cAAY;KAAa,CAAA,CAErD;;GACA,CAAA,CACL"}
+{"version":3,"file":"slider.js","names":["Slider","BaseSlider","styles"],"sources":["../../src/slider/slider.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Slider as BaseSlider } from \"@base-ui/react/slider\";\nimport styles from \"./slider.module.css\";\n\nexport interface SliderProps {\n  /** Current value (controlled). Pass an array for range sliders. */\n  value?: number | number[];\n  /** Initial value (uncontrolled). Pass an array for range sliders. */\n  defaultValue?: number | number[];\n  /** Called on every value change while dragging. */\n  onValueChange?: (value: number | number[], eventDetails: unknown) => void;\n  /** Called once when the user finishes dragging. */\n  onValueCommitted?: (value: number | number[], eventDetails: unknown) => void;\n  /** Minimum allowed value. @default 0 */\n  min?: number;\n  /** Maximum allowed value. @default 100 */\n  max?: number;\n  /** Step increment. @default 1 */\n  step?: number;\n  /** Step used for Page Up / Page Down keyboard shortcuts. @default 10 */\n  largeStep?: number;\n  /** Prevent interaction. */\n  disabled?: boolean;\n  /** HTML name attribute for form submission. */\n  name?: string;\n  /** Axis direction. @default \"horizontal\" */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** `Intl.NumberFormatOptions` for value display formatting. */\n  format?: Intl.NumberFormatOptions;\n  /** Visible label rendered above the track. */\n  label?: ReactNode;\n  /** Show the current value next to the label. */\n  showValue?: boolean;\n  /** Aria-label for single-thumb sliders without a visible label. */\n  \"aria-label\"?: string;\n  className?: string;\n}\n\n/**\n * An accessible range input with full keyboard and touch support. Pass a\n * single number for a standard slider or an array for a range slider with\n * two thumbs. Supports steps, large steps (Page Up/Down), and\n * `Intl.NumberFormat` display formatting.\n */\nexport function Slider({\n  label,\n  showValue = false,\n  className,\n  onValueChange,\n  onValueCommitted,\n  \"aria-label\": ariaLabel,\n  ...props\n}: SliderProps) {\n  const isRange = Array.isArray(props.defaultValue ?? props.value);\n\n  return (\n    <BaseSlider.Root\n      className={`${styles.root} ${className ?? \"\"}`}\n      onValueChange={onValueChange as never}\n      onValueCommitted={onValueCommitted as never}\n      {...props}\n    >\n      {(label || showValue) && (\n        <div className={styles.header}>\n          {label && <BaseSlider.Label className={styles.label}>{label}</BaseSlider.Label>}\n          {showValue && <BaseSlider.Value className={styles.value} />}\n        </div>\n      )}\n      <BaseSlider.Control className={styles.control}>\n        <BaseSlider.Track className={styles.track}>\n          <BaseSlider.Indicator className={styles.indicator} />\n          {isRange ? (\n            <>\n              <BaseSlider.Thumb index={0} className={styles.thumb} aria-label=\"Minimum value\" />\n              <BaseSlider.Thumb index={1} className={styles.thumb} aria-label=\"Maximum value\" />\n            </>\n          ) : (\n            <BaseSlider.Thumb className={styles.thumb} aria-label={ariaLabel} />\n          )}\n        </BaseSlider.Track>\n      </BaseSlider.Control>\n    </BaseSlider.Root>\n  );\n}\n\nexport { styles as SliderStyles };\n"],"mappings":";;;;;;;;;;AA4CA,SAAgBA,SAAO,EACrB,OACA,YAAY,OACZ,WACA,eACA,kBACA,cAAc,WACd,GAAG,SACW;CACd,MAAM,UAAU,MAAM,QAAQ,MAAM,gBAAgB,MAAM,MAAM;AAEhE,QACE,qBAACC,OAAW,MAAZ;EACE,WAAW,GAAGC,sBAAO,KAAK,GAAG,aAAa;EAC3B;EACG;EAClB,GAAI;YAJN,EAMI,SAAS,cACT,qBAAC,OAAD;GAAK,WAAWA,sBAAO;aAAvB,CACG,SAAS,oBAACD,OAAW,OAAZ;IAAkB,WAAWC,sBAAO;cAAQ;IAAyB,CAAA,EAC9E,aAAa,oBAACD,OAAW,OAAZ,EAAkB,WAAWC,sBAAO,OAAS,CAAA,CACvD;MAER,oBAACD,OAAW,SAAZ;GAAoB,WAAWC,sBAAO;aACpC,qBAACD,OAAW,OAAZ;IAAkB,WAAWC,sBAAO;cAApC,CACE,oBAACD,OAAW,WAAZ,EAAsB,WAAWC,sBAAO,WAAa,CAAA,EACpD,UACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAACD,OAAW,OAAZ;KAAkB,OAAO;KAAG,WAAWC,sBAAO;KAAO,cAAW;KAAkB,CAAA,EAClF,oBAACD,OAAW,OAAZ;KAAkB,OAAO;KAAG,WAAWC,sBAAO;KAAO,cAAW;KAAkB,CAAA,CACjF,EAAA,CAAA,GAEH,oBAACD,OAAW,OAAZ;KAAkB,WAAWC,sBAAO;KAAO,cAAY;KAAa,CAAA,CAErD;;GACA,CAAA,CACL"}

package/dist/styles/tokens.css

@@ -88,7 +88,7 @@
     --color-active: #00000012;
     --color-selected: #0078d41a;
     --color-primary: #000000e0;
-    --color-secondary: #0000008c;
+    --color-secondary: #0009;
     --color-tertiary: #0000005c;
     --color-disabled: #0000003d;
     --color-inverse: #fffffff2;
@@ -101,6 +101,8 @@
     --color-accent: #0078d4;
     --color-accent-hover: #006bbf;
     --color-accent-pressed: #005ea8;
+    --color-accent-solid: #0078d4;
+    --color-accent-text: #005ea8;
     --color-accent-tint: #0078d41a;
     --color-accent-tint-hover: #0078d429;
     --color-focus-ring: #0078d4cc;
@@ -115,16 +117,19 @@
     --shadow-focus: 0 0 0 2px var(--color-canvas), 0 0 0 4px var(--color-focus-ring);
     --color-success-bg: #f0fdf4;
     --color-success-border: #bbf7d0;
-    --color-success-text: #15803d;
-    --color-success-solid: #16a34a;
+    --color-success-text: #147a39;
+    --color-success-solid: #15803d;
+    --color-success-on-solid: #fff;
     --color-warning-bg: #fffbeb;
     --color-warning-border: #fde68a;
     --color-warning-text: #92400e;
-    --color-warning-solid: #d97706;
+    --color-warning-solid: #b45309;
+    --color-warning-on-solid: #fff;
     --color-error-bg: #fef2f2;
     --color-error-border: #fecaca;
     --color-error-text: #991b1b;
     --color-error-solid: #dc2626;
+    --color-error-on-solid: #fff;
     --color-info-bg: #eff6ff;
     --color-info-border: #bfdbfe;
     --color-info-text: #1d4ed8;
@@ -167,6 +172,8 @@
       --color-accent: #0a84ff;
       --color-accent-hover: #0071e3;
       --color-accent-pressed: #005bb5;
+      --color-accent-solid: #0071e3;
+      --color-accent-text: #60a5fa;
       --color-accent-tint: #0a84ff1f;
       --color-accent-tint-hover: #0a84ff33;
       --color-focus-ring: #0a84ffe6;
@@ -183,14 +190,17 @@
       --color-success-border: #16a34a4d;
       --color-success-text: #4ade80;
       --color-success-solid: #22c55e;
+      --color-success-on-solid: #000;
       --color-warning-bg: #d977061f;
       --color-warning-border: #d977064d;
       --color-warning-text: #fbbf24;
       --color-warning-solid: #f59e0b;
+      --color-warning-on-solid: #000;
       --color-error-bg: #dc26261f;
       --color-error-border: #dc26264d;
       --color-error-text: #f87171;
-      --color-error-solid: #ef4444;
+      --color-error-solid: #dc2626;
+      --color-error-on-solid: #fff;
       --color-info-bg: #2563eb1f;
       --color-info-border: #2563eb4d;
       --color-info-text: #60a5fa;
@@ -233,6 +243,8 @@
     --color-accent: #0a84ff;
     --color-accent-hover: #0071e3;
     --color-accent-pressed: #005bb5;
+    --color-accent-solid: #0071e3;
+    --color-accent-text: #60a5fa;
     --color-accent-tint: #0a84ff1f;
     --color-accent-tint-hover: #0a84ff33;
     --color-focus-ring: #0a84ffe6;
@@ -249,14 +261,17 @@
     --color-success-border: #16a34a4d;
     --color-success-text: #4ade80;
     --color-success-solid: #22c55e;
+    --color-success-on-solid: #000;
     --color-warning-bg: #d977061f;
     --color-warning-border: #d977064d;
     --color-warning-text: #fbbf24;
     --color-warning-solid: #f59e0b;
+    --color-warning-on-solid: #000;
     --color-error-bg: #dc26261f;
     --color-error-border: #dc26264d;
     --color-error-text: #f87171;
-    --color-error-solid: #ef4444;
+    --color-error-solid: #dc2626;
+    --color-error-on-solid: #fff;
     --color-info-bg: #2563eb1f;
     --color-info-border: #2563eb4d;
     --color-info-text: #60a5fa;
@@ -272,5 +287,3 @@
     --color-track: transparent;
   }
 }
-
-@layer base, components, utilities;

package/dist/switch/parts.js

@@ -1,6 +1,6 @@
 import switch_module_default from "./switch.module.js";
-import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { Switch } from "@base-ui/react/switch";
 //#region src/switch/parts.tsx
 /**

package/dist/switch/switch.css

@@ -7,11 +7,14 @@
     display: flex;
   }
 
-  .root_3hDtBa[data-disabled] {
-    opacity: .44;
+  .root_3hDtBa:has([data-disabled]) {
     cursor: not-allowed;
   }
 
+  .root_3hDtBa:has([data-disabled]) .label_3hDtBa {
+    opacity: .44;
+  }
+
   .thumb-track_3hDtBa {
     border-radius: var(--radius-full);
     background-color: var(--color-surface-3);
@@ -26,6 +29,12 @@
     position: relative;
   }
 
+  .thumb-track_3hDtBa[data-disabled] {
+    opacity: .44;
+    cursor: not-allowed;
+    pointer-events: none;
+  }
+
   .thumb-track_3hDtBa:focus-visible {
     box-shadow: var(--shadow-focus);
   }

package/dist/switch/switch.d.ts

@@ -1,21 +1,33 @@
-import { ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
 import styles from "./switch.module.css";
 
 //#region src/switch/switch.d.ts
 interface SwitchProps {
+  /** Controlled checked state. */
   checked?: boolean;
+  /** Initial checked state (uncontrolled). */
   defaultChecked?: boolean;
+  /** Prevent interaction. */
   disabled?: boolean;
+  /** Mark the field as required for form validation. */
   required?: boolean;
+  /** HTML name attribute for form submission. */
   name?: string;
+  /** HTML value attribute for form submission. */
   value?: string;
   /** Called when checked state changes. `eventDetails` is the base-ui event details object. */
   onCheckedChange?: (checked: boolean, eventDetails: unknown) => void;
+  /** Label content rendered next to the switch. */
   children?: ReactNode;
+  /** Override the auto-generated element id. */
   id?: string;
   className?: string;
 }
+/**
+ * Toggle for boolean settings. Renders a track with a sliding thumb and
+ * an optional label. Wraps `@base-ui/react` Switch.
+ */
 declare function Switch({
   children,
   id,

package/dist/switch/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","names":[],"sources":["../../src/switch/switch.tsx"],"mappings":";;;;;UAKiB,WAAA;EACf,OAAA;EACA,cAAA;EACA,QAAA;EACA,QAAA;EACA,IAAA;EACA,KAAA;EALA;EAOA,eAAA,IAAmB,OAAA,WAAkB,YAAA;EACrC,QAAA,GAAW,SAAA;EACX,EAAA;EACA,SAAA;AAAA;AAAA,iBAGc,MAAA,CAAA;EAAS,QAAA;EAAU,EAAA;EAAI,SAAA;EAAW,eAAA;EAAA,GAAoB;AAAA,GAAS,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"switch.d.ts","names":[],"sources":["../../src/switch/switch.tsx"],"mappings":";;;;;UAKiB,WAAA;;EAEf,OAAA;EAFe;EAIf,cAAA;;EAEA,QAAA;EAJA;EAMA,QAAA;EAFA;EAIA,IAAA;EAAA;EAEA,KAAA;EAEA;EAAA,eAAA,IAAmB,OAAA,WAAkB,YAAA;EAAA;EAErC,QAAA,GAAW,SAAA;EAAA;EAEX,EAAA;EACA,SAAA;AAAA;;AAOF;;;iBAAgB,MAAA,CAAA;EAAS,QAAA;EAAU,EAAA;EAAI,SAAA;EAAW,eAAA;EAAA,GAAoB;AAAA,GAAS,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/switch/switch.js

@@ -1,8 +1,12 @@
 import switch_module_default from "./switch.module.js";
-import { useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
 import { Switch } from "@base-ui/react/switch";
 //#region src/switch/switch.tsx
+/**
+* Toggle for boolean settings. Renders a track with a sliding thumb and
+* an optional label. Wraps `@base-ui/react` Switch.
+*/
 function Switch$1({ children, id, className, onCheckedChange, ...props }) {
 	const switchId = id ?? useId();
 	return /* @__PURE__ */ jsxs("label", {

package/dist/switch/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","names":["Switch","styles","BaseSwitch"],"sources":["../../src/switch/switch.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Switch as BaseSwitch } from \"@base-ui/react/switch\";\nimport styles from \"./switch.module.css\";\n\nexport interface SwitchProps {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  disabled?: boolean;\n  required?: boolean;\n  name?: string;\n  value?: string;\n  /** Called when checked state changes. `eventDetails` is the base-ui event details object. */\n  onCheckedChange?: (checked: boolean, eventDetails: unknown) => void;\n  children?: ReactNode;\n  id?: string;\n  className?: string;\n}\n\nexport function Switch({ children, id, className, onCheckedChange, ...props }: SwitchProps) {\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  const switchId = id ?? useId();\n\n  return (\n    <label className={`${styles.root} ${className ?? \"\"}`} htmlFor={switchId}>\n      <BaseSwitch.Root id={switchId} className={styles[\"thumb-track\"]} onCheckedChange={onCheckedChange as never} {...props}>\n        <BaseSwitch.Thumb className={styles.thumb} />\n      </BaseSwitch.Root>\n      {children && <span className={styles.label}>{children}</span>}\n    </label>\n  );\n}\nexport { styles as SwitchStyles };\n"],"mappings":";;;;;AAmBA,SAAgBA,SAAO,EAAE,UAAU,IAAI,WAAW,iBAAiB,GAAG,SAAsB;CAE1F,MAAM,WAAW,MAAM,OAAO;AAE9B,QACE,qBAAC,SAAD;EAAO,WAAW,GAAGC,sBAAO,KAAK,GAAG,aAAa;EAAM,SAAS;YAAhE,CACE,oBAACC,OAAW,MAAZ;GAAiB,IAAI;GAAU,WAAWD,sBAAO;GAAiC;GAA0B,GAAI;aAC9G,oBAACC,OAAW,OAAZ,EAAkB,WAAWD,sBAAO,OAAS,CAAA;GAC7B,CAAA,EACjB,YAAY,oBAAC,QAAD;GAAM,WAAWA,sBAAO;GAAQ;GAAgB,CAAA,CACvD"}
+{"version":3,"file":"switch.js","names":["Switch","styles","BaseSwitch"],"sources":["../../src/switch/switch.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Switch as BaseSwitch } from \"@base-ui/react/switch\";\nimport styles from \"./switch.module.css\";\n\nexport interface SwitchProps {\n  /** Controlled checked state. */\n  checked?: boolean;\n  /** Initial checked state (uncontrolled). */\n  defaultChecked?: boolean;\n  /** Prevent interaction. */\n  disabled?: boolean;\n  /** Mark the field as required for form validation. */\n  required?: boolean;\n  /** HTML name attribute for form submission. */\n  name?: string;\n  /** HTML value attribute for form submission. */\n  value?: string;\n  /** Called when checked state changes. `eventDetails` is the base-ui event details object. */\n  onCheckedChange?: (checked: boolean, eventDetails: unknown) => void;\n  /** Label content rendered next to the switch. */\n  children?: ReactNode;\n  /** Override the auto-generated element id. */\n  id?: string;\n  className?: string;\n}\n\n/**\n * Toggle for boolean settings. Renders a track with a sliding thumb and\n * an optional label. Wraps `@base-ui/react` Switch.\n */\nexport function Switch({ children, id, className, onCheckedChange, ...props }: SwitchProps) {\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  const switchId = id ?? useId();\n\n  return (\n    <label className={`${styles.root} ${className ?? \"\"}`} htmlFor={switchId}>\n      <BaseSwitch.Root id={switchId} className={styles[\"thumb-track\"]} onCheckedChange={onCheckedChange as never} {...props}>\n        <BaseSwitch.Thumb className={styles.thumb} />\n      </BaseSwitch.Root>\n      {children && <span className={styles.label}>{children}</span>}\n    </label>\n  );\n}\nexport { styles as SwitchStyles };\n"],"mappings":";;;;;;;;;AA+BA,SAAgBA,SAAO,EAAE,UAAU,IAAI,WAAW,iBAAiB,GAAG,SAAsB;CAE1F,MAAM,WAAW,MAAM,OAAO;AAE9B,QACE,qBAAC,SAAD;EAAO,WAAW,GAAGC,sBAAO,KAAK,GAAG,aAAa;EAAM,SAAS;YAAhE,CACE,oBAACC,OAAW,MAAZ;GAAiB,IAAI;GAAU,WAAWD,sBAAO;GAAiC;GAA0B,GAAI;aAC9G,oBAACC,OAAW,OAAZ,EAAkB,WAAWD,sBAAO,OAAS,CAAA;GAC7B,CAAA,EACjB,YAAY,oBAAC,QAAD;GAAM,WAAWA,sBAAO;GAAQ;GAAgB,CAAA,CACvD"}

package/dist/switch/switch.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.module.js","names":[],"sources":["../../src/switch/switch.module.css"],"sourcesContent":["@layer components {\n  .root {\n    display: flex;\n    align-items: center;\n    gap: var(--space-2);\n    cursor: pointer;\n    user-select: none;\n  }\n  .root[data-disabled] {\n    opacity: 0.44;\n    cursor: not-allowed;\n  }\n  .thumb-track {\n    position: relative;\n    width: 36px;\n    height: 20px;\n    border-radius: var(--radius-full);\n    background-color: var(--color-surface-3);\n    border: var(--border-width-base) solid var(--color-line);\n    transition:\n      background-color var(--duration-normal) var(--easing-standard),\n      border-color var(--duration-normal) var(--easing-standard),\n      box-shadow var(--duration-fast) var(--easing-standard);\n    outline: none;\n    flex-shrink: 0;\n  }\n  .thumb-track:focus-visible {\n    box-shadow: var(--shadow-focus);\n  }\n  .thumb-track[data-checked] {\n    background-color: var(--color-accent);\n    border-color: var(--color-accent);\n  }\n  .thumb-track[data-checked]:hover {\n    background-color: var(--color-accent-hover);\n    border-color: var(--color-accent-hover);\n  }\n  .thumb {\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 14px;\n    height: 14px;\n    border-radius: var(--radius-full);\n    background-color: #ffffff;\n    box-shadow: var(--shadow-xs);\n    transition: transform var(--duration-normal) var(--easing-spring);\n  }\n  .thumb-track[data-checked] .thumb {\n    transform: translateX(16px);\n  }\n  .label {\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    color: var(--color-primary);\n  }\n}\n"],"mappings":";AAQA,IAAA,wBAAa;CAAA,SAAU;CAAA,QAAA;CAAA,SAAA;CAAA,eAAA;CAAA"}
+{"version":3,"file":"switch.module.js","names":[],"sources":["../../src/switch/switch.module.css"],"sourcesContent":["@layer components {\n  .root {\n    display: flex;\n    align-items: center;\n    gap: var(--space-2);\n    cursor: pointer;\n    user-select: none;\n  }\n  /* data-disabled lives on the inner button, not the label wrapper.\n     Use :has() to dim the label text, and target the track directly. */\n  .root:has([data-disabled]) {\n    cursor: not-allowed;\n  }\n  .root:has([data-disabled]) .label {\n    opacity: 0.44;\n  }\n  .thumb-track {\n    position: relative;\n    width: 36px;\n    height: 20px;\n    border-radius: var(--radius-full);\n    background-color: var(--color-surface-3);\n    border: var(--border-width-base) solid var(--color-line);\n    transition:\n      background-color var(--duration-normal) var(--easing-standard),\n      border-color var(--duration-normal) var(--easing-standard),\n      box-shadow var(--duration-fast) var(--easing-standard);\n    outline: none;\n    flex-shrink: 0;\n  }\n  .thumb-track[data-disabled] {\n    opacity: 0.44;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n  .thumb-track:focus-visible {\n    box-shadow: var(--shadow-focus);\n  }\n  .thumb-track[data-checked] {\n    background-color: var(--color-accent);\n    border-color: var(--color-accent);\n  }\n  .thumb-track[data-checked]:hover {\n    background-color: var(--color-accent-hover);\n    border-color: var(--color-accent-hover);\n  }\n  .thumb {\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 14px;\n    height: 14px;\n    border-radius: var(--radius-full);\n    background-color: #ffffff;\n    box-shadow: var(--shadow-xs);\n    transition: transform var(--duration-normal) var(--easing-spring);\n  }\n  .thumb-track[data-checked] .thumb {\n    transform: translateX(16px);\n  }\n  .label {\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    color: var(--color-primary);\n  }\n}\n"],"mappings":";AAQA,IAAA,wBAAU;CAAA,SAAc;CAAc,QAAQ;CAAc,SAAO;CAAA,eAAA;CAAA"}

package/dist/tabs/parts.js

@@ -1,6 +1,6 @@
 import tabs_module_default from "./tabs.module.js";
-import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { Tabs } from "@base-ui/react/tabs";
 //#region src/tabs/parts.tsx
 /**

package/dist/tabs/tabs.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
 import styles from "./tabs.module.css";
 
 //#region src/tabs/tabs.d.ts
@@ -11,13 +11,20 @@ interface TabItem {
   icon?: ReactNode;
 }
 interface TabsProps {
+  /** Array of tab definitions to render. */
   items: TabItem[];
+  /** Currently active tab value (controlled). */
   value?: string;
+  /** Initially active tab value (uncontrolled). Defaults to the first item. */
   defaultValue?: string;
-  /** `eventDetails` is the base-ui event details object. */
+  /** Called when the active tab changes. `eventDetails` is the base-ui event details object. */
   onValueChange?: (value: unknown, eventDetails: unknown) => void;
   className?: string;
 }
+/**
+ * Tab navigation for switching between content panels. Each tab can have
+ * an optional icon and can be individually disabled.
+ */
 declare function Tabs({
   items,
   className,

package/dist/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../src/tabs/tabs.tsx"],"mappings":";;;;;UAIiB,OAAA;EACf,KAAA;EACA,KAAA,EAAO,SAAA;EACP,OAAA,EAAS,SAAA;EACT,QAAA;EACA,IAAA,GAAO,SAAA;AAAA;AAAA,UAGQ,SAAA;EACf,KAAA,EAAO,OAAA;EACP,KAAA;EACA,YAAA;EAVA;EAYA,aAAA,IAAiB,KAAA,WAAgB,YAAA;EACjC,SAAA;AAAA;AAAA,iBAGc,IAAA,CAAA;EAAO,KAAA;EAAO,SAAA;EAAA,GAAc;AAAA,GAAS,SAAA,GAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../src/tabs/tabs.tsx"],"mappings":";;;;;UAIiB,OAAA;EACf,KAAA;EACA,KAAA,EAAO,SAAA;EACP,OAAA,EAAS,SAAA;EACT,QAAA;EACA,IAAA,GAAO,SAAA;AAAA;AAAA,UAGQ,SAAA;EAHR;EAKP,KAAA,EAAO,OAAA;EALS;EAOhB,KAAA;EAVA;EAYA,YAAA;EAXA;EAaA,aAAA,IAAiB,KAAA,WAAgB,YAAA;EACjC,SAAA;AAAA;;;;AATF;iBAgBgB,IAAA,CAAA;EAAO,KAAA;EAAO,SAAA;EAAA,GAAc;AAAA,GAAS,SAAA,GAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/tabs/tabs.js

@@ -2,6 +2,10 @@ import tabs_module_default from "./tabs.module.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Tabs } from "@base-ui/react/tabs";
 //#region src/tabs/tabs.tsx
+/**
+* Tab navigation for switching between content panels. Each tab can have
+* an optional icon and can be individually disabled.
+*/
 function Tabs$1({ items, className, ...props }) {
 	const defaultVal = props.defaultValue ?? items[0]?.value;
 	return /* @__PURE__ */ jsxs(Tabs.Root, {

package/dist/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":["Tabs","BaseTabs","styles"],"sources":["../../src/tabs/tabs.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Tabs as BaseTabs } from \"@base-ui/react/tabs\";\nimport styles from \"./tabs.module.css\";\n\nexport interface TabItem {\n  value: string;\n  label: ReactNode;\n  content: ReactNode;\n  disabled?: boolean;\n  icon?: ReactNode;\n}\n\nexport interface TabsProps {\n  items: TabItem[];\n  value?: string;\n  defaultValue?: string;\n  /** `eventDetails` is the base-ui event details object. */\n  onValueChange?: (value: unknown, eventDetails: unknown) => void;\n  className?: string;\n}\n\nexport function Tabs({ items, className, ...props }: TabsProps) {\n  const defaultVal = props.defaultValue ?? items[0]?.value;\n\n  return (\n    <BaseTabs.Root\n      className={`${styles.root} ${className ?? \"\"}`}\n      defaultValue={defaultVal}\n      onValueChange={props.onValueChange as never}\n      value={props.value}\n    >\n      <BaseTabs.List className={styles.list}>\n        {items.map((item) => (\n          <BaseTabs.Tab key={item.value} value={item.value} disabled={item.disabled} className={styles.tab}>\n            {item.icon}\n            {item.label}\n          </BaseTabs.Tab>\n        ))}\n      </BaseTabs.List>\n      {items.map((item) => (\n        <BaseTabs.Panel key={item.value} value={item.value} className={styles.panel}>\n          {item.content}\n        </BaseTabs.Panel>\n      ))}\n    </BaseTabs.Root>\n  );\n}\nexport { styles as TabsStyles };\n"],"mappings":";;;;AAqBA,SAAgBA,OAAK,EAAE,OAAO,WAAW,GAAG,SAAoB;CAC9D,MAAM,aAAa,MAAM,gBAAgB,MAAM,IAAI;AAEnD,QACE,qBAACC,KAAS,MAAV;EACE,WAAW,GAAGC,oBAAO,KAAK,GAAG,aAAa;EAC1C,cAAc;EACd,eAAe,MAAM;EACrB,OAAO,MAAM;YAJf,CAME,oBAACD,KAAS,MAAV;GAAe,WAAWC,oBAAO;aAC9B,MAAM,KAAK,SACV,qBAACD,KAAS,KAAV;IAA+B,OAAO,KAAK;IAAO,UAAU,KAAK;IAAU,WAAWC,oBAAO;cAA7F,CACG,KAAK,MACL,KAAK,MACO;MAHI,KAAK,MAGT,CACf;GACY,CAAA,EACf,MAAM,KAAK,SACV,oBAACD,KAAS,OAAV;GAAiC,OAAO,KAAK;GAAO,WAAWC,oBAAO;aACnE,KAAK;GACS,EAFI,KAAK,MAET,CACjB,CACY"}
+{"version":3,"file":"tabs.js","names":["Tabs","BaseTabs","styles"],"sources":["../../src/tabs/tabs.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Tabs as BaseTabs } from \"@base-ui/react/tabs\";\nimport styles from \"./tabs.module.css\";\n\nexport interface TabItem {\n  value: string;\n  label: ReactNode;\n  content: ReactNode;\n  disabled?: boolean;\n  icon?: ReactNode;\n}\n\nexport interface TabsProps {\n  /** Array of tab definitions to render. */\n  items: TabItem[];\n  /** Currently active tab value (controlled). */\n  value?: string;\n  /** Initially active tab value (uncontrolled). Defaults to the first item. */\n  defaultValue?: string;\n  /** Called when the active tab changes. `eventDetails` is the base-ui event details object. */\n  onValueChange?: (value: unknown, eventDetails: unknown) => void;\n  className?: string;\n}\n\n/**\n * Tab navigation for switching between content panels. Each tab can have\n * an optional icon and can be individually disabled.\n */\nexport function Tabs({ items, className, ...props }: TabsProps) {\n  const defaultVal = props.defaultValue ?? items[0]?.value;\n\n  return (\n    <BaseTabs.Root\n      className={`${styles.root} ${className ?? \"\"}`}\n      defaultValue={defaultVal}\n      onValueChange={props.onValueChange as never}\n      value={props.value}\n    >\n      <BaseTabs.List className={styles.list}>\n        {items.map((item) => (\n          <BaseTabs.Tab key={item.value} value={item.value} disabled={item.disabled} className={styles.tab}>\n            {item.icon}\n            {item.label}\n          </BaseTabs.Tab>\n        ))}\n      </BaseTabs.List>\n      {items.map((item) => (\n        <BaseTabs.Panel key={item.value} value={item.value} className={styles.panel}>\n          {item.content}\n        </BaseTabs.Panel>\n      ))}\n    </BaseTabs.Root>\n  );\n}\nexport { styles as TabsStyles };\n"],"mappings":";;;;;;;;AA4BA,SAAgBA,OAAK,EAAE,OAAO,WAAW,GAAG,SAAoB;CAC9D,MAAM,aAAa,MAAM,gBAAgB,MAAM,IAAI;AAEnD,QACE,qBAACC,KAAS,MAAV;EACE,WAAW,GAAGC,oBAAO,KAAK,GAAG,aAAa;EAC1C,cAAc;EACd,eAAe,MAAM;EACrB,OAAO,MAAM;YAJf,CAME,oBAACD,KAAS,MAAV;GAAe,WAAWC,oBAAO;aAC9B,MAAM,KAAK,SACV,qBAACD,KAAS,KAAV;IAA+B,OAAO,KAAK;IAAO,UAAU,KAAK;IAAU,WAAWC,oBAAO;cAA7F,CACG,KAAK,MACL,KAAK,MACO;MAHI,KAAK,MAGT,CACf;GACY,CAAA,EACf,MAAM,KAAK,SACV,oBAACD,KAAS,OAAV;GAAiC,OAAO,KAAK;GAAO,WAAWC,oBAAO;aACnE,KAAK;GACS,EAFI,KAAK,MAET,CACjB,CACY"}

package/dist/toast/parts.js

@@ -1,6 +1,6 @@
 import toast_module_default from "./toast.module.js";
-import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { Toast } from "@base-ui/react/toast";
 //#region src/toast/parts.tsx
 /**

package/dist/toast/toast.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
 import { Toast } from "@base-ui/react/toast";
 import styles from "./toast.module.css";
 
@@ -24,16 +24,27 @@ interface ToastViewportProps {
 }
 interface ToastProviderProps {
   children: ReactNode;
+  /** Layout style for the viewport. @default "list" */
   variant?: ToastViewportProps["variant"];
+  /** Maximum number of toasts shown at once. */
   limit?: number;
+  /** Auto-dismiss delay in milliseconds. */
   timeout?: number;
 }
+/**
+ * Drop-in provider that wires limit defaults to the chosen viewport variant.
+ * Use this instead of base-ui's `Toast.Provider` when using `ToastViewport`.
+ */
 declare function ToastProvider({
   children,
   variant,
   limit,
   timeout
 }: ToastProviderProps): react_jsx_runtime0.JSX.Element;
+/**
+ * Renders and manages toast notifications. Supports `"stacked"` (Sonner-style
+ * fanned cards) and `"list"` (vertically stacked, each fully visible) layouts.
+ */
 declare function ToastViewport({
   variant,
   limit: _limit

package/dist/toast/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","names":[],"sources":["../../src/toast/toast.tsx"],"mappings":";;;;;;KAIY,SAAA;AAAA,cAGC,eAAA,SAAe,KAAA,CAAA,eAAA;AAAA,UAgDX,kBAAA;EAnDL;;;;;AAGZ;;EAwDE,OAAA;EAxD0B;;AAgD5B;;;EAcE,KAAA;AAAA;AAAA,UAQe,kBAAA;EACf,QAAA,EAAU,SAAA;EACV,OAAA,GAAU,kBAAA;EACV,KAAA;EACA,OAAA;AAAA;AAAA,iBAYc,aAAA,CAAA;EAAgB,QAAA;EAAU,OAAA;EAAkB,KAAA;EAAO;AAAA,GAAW,kBAAA,GAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAShF,aAAA,CAAA;EAAgB,OAAA;EAAkB,KAAA,EAAO;AAAA,GAAU,kBAAA,GAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"toast.d.ts","names":[],"sources":["../../src/toast/toast.tsx"],"mappings":";;;;;;KAIY,SAAA;AAAA,cAGC,eAAA,SAAe,KAAA,CAAA,eAAA;AAAA,UAgDX,kBAAA;EAnDL;;;;;AAGZ;;EAwDE,OAAA;EAxD0B;;AAgD5B;;;EAcE,KAAA;AAAA;AAAA,UAQe,kBAAA;EACf,QAAA,EAAU,SAAA;;EAEV,OAAA,GAAU,kBAAA;EAFV;EAIA,KAAA;EAFA;EAIA,OAAA;AAAA;;;;AAgBF;iBAAgB,aAAA,CAAA;EAAgB,QAAA;EAAU,OAAA;EAAkB,KAAA;EAAO;AAAA,GAAW,kBAAA,GAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;iBAahF,aAAA,CAAA;EAAgB,OAAA;EAAkB,KAAA,EAAO;AAAA,GAAU,kBAAA,GAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/toast/toast.js

@@ -118,6 +118,10 @@ const MAX_LIMIT = {
 	stacked: 10,
 	list: 5
 };
+/**
+* Drop-in provider that wires limit defaults to the chosen viewport variant.
+* Use this instead of base-ui's `Toast.Provider` when using `ToastViewport`.
+*/
 function ToastProvider({ children, variant = "list", limit, timeout }) {
 	const resolvedLimit = Math.min(limit ?? DEFAULT_LIMIT[variant], MAX_LIMIT[variant]);
 	return /* @__PURE__ */ jsx(Toast.Provider, {
@@ -126,6 +130,10 @@ function ToastProvider({ children, variant = "list", limit, timeout }) {
 		children
 	});
 }
+/**
+* Renders and manages toast notifications. Supports `"stacked"` (Sonner-style
+* fanned cards) and `"list"` (vertically stacked, each fully visible) layouts.
+*/
 function ToastViewport({ variant = "list", limit: _limit }) {
 	const manager = useToastManager();
 	const isStacked = variant === "stacked";

package/dist/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","names":["BaseToast","styles"],"sources":["../../src/toast/toast.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Toast as BaseToast } from \"@base-ui/react/toast\";\nimport styles from \"./toast.module.css\";\n\nexport type ToastType = \"default\" | \"success\" | \"warning\" | \"error\" | \"info\";\n\n// Re-export for consumer convenience\nexport const useToastManager = BaseToast.useToastManager;\n\nfunction XIcon() {\n  return (\n    <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\">\n      <path d=\"M1 1L9 9M9 1L1 9\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\nfunction StatusIcon({ type }: { type: string }) {\n  if (type === \"success\") {\n    return (\n      <svg viewBox=\"0 0 16 16\" fill=\"none\" className={`${styles.icon} ${styles[\"icon-success\"]}`}>\n        <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n        <path d=\"M4.5 8L6.5 10.5L11 5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n      </svg>\n    );\n  }\n  if (type === \"error\") {\n    return (\n      <svg viewBox=\"0 0 16 16\" fill=\"none\" className={`${styles.icon} ${styles[\"icon-error\"]}`}>\n        <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n        <path d=\"M5.5 5.5L10.5 10.5M10.5 5.5L5.5 10.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n      </svg>\n    );\n  }\n  if (type === \"warning\") {\n    return (\n      <svg viewBox=\"0 0 16 16\" fill=\"none\" className={`${styles.icon} ${styles[\"icon-warning\"]}`}>\n        <path d=\"M8 2L14.5 13H1.5L8 2Z\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinejoin=\"round\" />\n        <path d=\"M8 6.5V9\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n        <circle cx=\"8\" cy=\"11\" r=\"0.75\" fill=\"currentColor\" />\n      </svg>\n    );\n  }\n  if (type === \"info\") {\n    return (\n      <svg viewBox=\"0 0 16 16\" fill=\"none\" className={`${styles.icon} ${styles[\"icon-info\"]}`}>\n        <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n        <path d=\"M8 7V11\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n        <circle cx=\"8\" cy=\"5\" r=\"0.75\" fill=\"currentColor\" />\n      </svg>\n    );\n  }\n  return null;\n}\n\nexport interface ToastViewportProps {\n  /**\n   * \"stacked\" — toasts fan out behind each other like Sonner.\n   *   Collapsed: only the front toast is fully visible; others peek as\n   *   scaled-down cards behind it. Hover/focus expands the full stack.\n   *\n   * \"list\" — toasts stack vertically, each fully visible (default behaviour).\n   */\n  variant?: \"stacked\" | \"list\";\n  /**\n   * Maximum number of toasts shown at once.\n   * Defaults to 5 for \"stacked\", 3 for \"list\".\n   * Oldest toasts are removed when the limit is exceeded.\n   */\n  limit?: number;\n}\n\nconst DEFAULT_LIMIT: Record<NonNullable<ToastViewportProps[\"variant\"]>, number> = {\n  stacked: 5,\n  list: 3,\n};\n\nexport interface ToastProviderProps {\n  children: ReactNode;\n  variant?: ToastViewportProps[\"variant\"];\n  limit?: number;\n  timeout?: number;\n}\n\n/**\n * Drop-in provider that wires limit defaults to the chosen variant.\n * Use this instead of base-ui's Toast.Provider when using ToastViewport.\n */\nconst MAX_LIMIT: Record<NonNullable<ToastViewportProps[\"variant\"]>, number> = {\n  stacked: 10,\n  list: 5,\n};\n\nexport function ToastProvider({ children, variant = \"list\", limit, timeout }: ToastProviderProps) {\n  const resolvedLimit = Math.min(limit ?? DEFAULT_LIMIT[variant], MAX_LIMIT[variant]);\n  return (\n    <BaseToast.Provider limit={resolvedLimit} timeout={timeout}>\n      {children}\n    </BaseToast.Provider>\n  );\n}\n\nexport function ToastViewport({ variant = \"list\", limit: _limit }: ToastViewportProps) {\n  const manager = useToastManager();\n  const isStacked = variant === \"stacked\";\n\n  return (\n    <BaseToast.Viewport className={`${styles.viewport} ${isStacked ? styles[\"viewport-stacked\"] : styles[\"viewport-list\"]}`}>\n      {manager.toasts.map((toast) => (\n        <BaseToast.Root\n          key={toast.id}\n          toast={toast}\n          className={`${styles.toast} ${isStacked ? styles[\"toast-stacked\"] : \"\"} ${styles[`toast-${toast.type ?? \"default\"}`]}`}\n          swipeDirection={isStacked ? [\"right\", \"down\"] : [\"right\", \"down\"]}\n        >\n          {toast.type && toast.type !== \"default\" && <StatusIcon type={toast.type} />}\n          <div className={styles.content}>\n            {toast.title && <BaseToast.Title className={styles.title} />}\n            {toast.description && <BaseToast.Description className={styles.description} />}\n          </div>\n          <BaseToast.Close className={styles.close} aria-label=\"Dismiss\">\n            <XIcon />\n          </BaseToast.Close>\n        </BaseToast.Root>\n      ))}\n    </BaseToast.Viewport>\n  );\n}\nexport { styles as ToastStyles };\n"],"mappings":"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"}
+{"version":3,"file":"toast.js","names":["BaseToast","styles"],"sources":["../../src/toast/toast.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Toast as BaseToast } from \"@base-ui/react/toast\";\nimport styles from \"./toast.module.css\";\n\nexport type ToastType = \"default\" | \"success\" | \"warning\" | \"error\" | \"info\";\n\n// Re-export for consumer convenience\nexport const useToastManager = BaseToast.useToastManager;\n\nfunction XIcon() {\n  return (\n    <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\">\n      <path d=\"M1 1L9 9M9 1L1 9\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\nfunction StatusIcon({ type }: { type: string }) {\n  if (type === \"success\") {\n    return (\n      <svg viewBox=\"0 0 16 16\" fill=\"none\" className={`${styles.icon} ${styles[\"icon-success\"]}`}>\n        <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n        <path d=\"M4.5 8L6.5 10.5L11 5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n      </svg>\n    );\n  }\n  if (type === \"error\") {\n    return (\n      <svg viewBox=\"0 0 16 16\" fill=\"none\" className={`${styles.icon} ${styles[\"icon-error\"]}`}>\n        <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n        <path d=\"M5.5 5.5L10.5 10.5M10.5 5.5L5.5 10.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n      </svg>\n    );\n  }\n  if (type === \"warning\") {\n    return (\n      <svg viewBox=\"0 0 16 16\" fill=\"none\" className={`${styles.icon} ${styles[\"icon-warning\"]}`}>\n        <path d=\"M8 2L14.5 13H1.5L8 2Z\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinejoin=\"round\" />\n        <path d=\"M8 6.5V9\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n        <circle cx=\"8\" cy=\"11\" r=\"0.75\" fill=\"currentColor\" />\n      </svg>\n    );\n  }\n  if (type === \"info\") {\n    return (\n      <svg viewBox=\"0 0 16 16\" fill=\"none\" className={`${styles.icon} ${styles[\"icon-info\"]}`}>\n        <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n        <path d=\"M8 7V11\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n        <circle cx=\"8\" cy=\"5\" r=\"0.75\" fill=\"currentColor\" />\n      </svg>\n    );\n  }\n  return null;\n}\n\nexport interface ToastViewportProps {\n  /**\n   * \"stacked\" — toasts fan out behind each other like Sonner.\n   *   Collapsed: only the front toast is fully visible; others peek as\n   *   scaled-down cards behind it. Hover/focus expands the full stack.\n   *\n   * \"list\" — toasts stack vertically, each fully visible (default behaviour).\n   */\n  variant?: \"stacked\" | \"list\";\n  /**\n   * Maximum number of toasts shown at once.\n   * Defaults to 5 for \"stacked\", 3 for \"list\".\n   * Oldest toasts are removed when the limit is exceeded.\n   */\n  limit?: number;\n}\n\nconst DEFAULT_LIMIT: Record<NonNullable<ToastViewportProps[\"variant\"]>, number> = {\n  stacked: 5,\n  list: 3,\n};\n\nexport interface ToastProviderProps {\n  children: ReactNode;\n  /** Layout style for the viewport. @default \"list\" */\n  variant?: ToastViewportProps[\"variant\"];\n  /** Maximum number of toasts shown at once. */\n  limit?: number;\n  /** Auto-dismiss delay in milliseconds. */\n  timeout?: number;\n}\n\n/**\n * Drop-in provider that wires limit defaults to the chosen variant.\n * Use this instead of base-ui's Toast.Provider when using ToastViewport.\n */\nconst MAX_LIMIT: Record<NonNullable<ToastViewportProps[\"variant\"]>, number> = {\n  stacked: 10,\n  list: 5,\n};\n\n/**\n * Drop-in provider that wires limit defaults to the chosen viewport variant.\n * Use this instead of base-ui's `Toast.Provider` when using `ToastViewport`.\n */\nexport function ToastProvider({ children, variant = \"list\", limit, timeout }: ToastProviderProps) {\n  const resolvedLimit = Math.min(limit ?? DEFAULT_LIMIT[variant], MAX_LIMIT[variant]);\n  return (\n    <BaseToast.Provider limit={resolvedLimit} timeout={timeout}>\n      {children}\n    </BaseToast.Provider>\n  );\n}\n\n/**\n * Renders and manages toast notifications. Supports `\"stacked\"` (Sonner-style\n * fanned cards) and `\"list\"` (vertically stacked, each fully visible) layouts.\n */\nexport function ToastViewport({ variant = \"list\", limit: _limit }: ToastViewportProps) {\n  const manager = useToastManager();\n  const isStacked = variant === \"stacked\";\n\n  return (\n    <BaseToast.Viewport className={`${styles.viewport} ${isStacked ? styles[\"viewport-stacked\"] : styles[\"viewport-list\"]}`}>\n      {manager.toasts.map((toast) => (\n        <BaseToast.Root\n          key={toast.id}\n          toast={toast}\n          className={`${styles.toast} ${isStacked ? styles[\"toast-stacked\"] : \"\"} ${styles[`toast-${toast.type ?? \"default\"}`]}`}\n          swipeDirection={isStacked ? [\"right\", \"down\"] : [\"right\", \"down\"]}\n        >\n          {toast.type && toast.type !== \"default\" && <StatusIcon type={toast.type} />}\n          <div className={styles.content}>\n            {toast.title && <BaseToast.Title className={styles.title} />}\n            {toast.description && <BaseToast.Description className={styles.description} />}\n          </div>\n          <BaseToast.Close className={styles.close} aria-label=\"Dismiss\">\n            <XIcon />\n          </BaseToast.Close>\n        </BaseToast.Root>\n      ))}\n    </BaseToast.Viewport>\n  );\n}\nexport { styles as ToastStyles };\n"],"mappings":";;;;AAOA,MAAa,kBAAkBA,MAAU;AAEzC,SAAS,QAAQ;AACf,QACE,oBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;YACnD,oBAAC,QAAD;GAAM,GAAE;GAAmB,QAAO;GAAe,aAAY;GAAM,eAAc;GAAU,CAAA;EACvF,CAAA;;AAIV,SAAS,WAAW,EAAE,QAA0B;AAC9C,KAAI,SAAS,UACX,QACE,qBAAC,OAAD;EAAK,SAAQ;EAAY,MAAK;EAAO,WAAW,GAAGC,qBAAO,KAAK,GAAGA,qBAAO;YAAzE,CACE,oBAAC,UAAD;GAAQ,IAAG;GAAI,IAAG;GAAI,GAAE;GAAI,QAAO;GAAe,aAAY;GAAQ,CAAA,EACtE,oBAAC,QAAD;GAAM,GAAE;GAAuB,QAAO;GAAe,aAAY;GAAM,eAAc;GAAQ,gBAAe;GAAU,CAAA,CAClH;;AAGV,KAAI,SAAS,QACX,QACE,qBAAC,OAAD;EAAK,SAAQ;EAAY,MAAK;EAAO,WAAW,GAAGA,qBAAO,KAAK,GAAGA,qBAAO;YAAzE,CACE,oBAAC,UAAD;GAAQ,IAAG;GAAI,IAAG;GAAI,GAAE;GAAI,QAAO;GAAe,aAAY;GAAQ,CAAA,EACtE,oBAAC,QAAD;GAAM,GAAE;GAAuC,QAAO;GAAe,aAAY;GAAM,eAAc;GAAU,CAAA,CAC3G;;AAGV,KAAI,SAAS,UACX,QACE,qBAAC,OAAD;EAAK,SAAQ;EAAY,MAAK;EAAO,WAAW,GAAGA,qBAAO,KAAK,GAAGA,qBAAO;YAAzE;GACE,oBAAC,QAAD;IAAM,GAAE;IAAwB,QAAO;IAAe,aAAY;IAAM,gBAAe;IAAU,CAAA;GACjG,oBAAC,QAAD;IAAM,GAAE;IAAW,QAAO;IAAe,aAAY;IAAM,eAAc;IAAU,CAAA;GACnF,oBAAC,UAAD;IAAQ,IAAG;IAAI,IAAG;IAAK,GAAE;IAAO,MAAK;IAAiB,CAAA;GAClD;;AAGV,KAAI,SAAS,OACX,QACE,qBAAC,OAAD;EAAK,SAAQ;EAAY,MAAK;EAAO,WAAW,GAAGA,qBAAO,KAAK,GAAGA,qBAAO;YAAzE;GACE,oBAAC,UAAD;IAAQ,IAAG;IAAI,IAAG;IAAI,GAAE;IAAI,QAAO;IAAe,aAAY;IAAQ,CAAA;GACtE,oBAAC,QAAD;IAAM,GAAE;IAAU,QAAO;IAAe,aAAY;IAAM,eAAc;IAAU,CAAA;GAClF,oBAAC,UAAD;IAAQ,IAAG;IAAI,IAAG;IAAI,GAAE;IAAO,MAAK;IAAiB,CAAA;GACjD;;AAGV,QAAO;;AAoBT,MAAM,gBAA4E;CAChF,SAAS;CACT,MAAM;CACP;;;;;AAgBD,MAAM,YAAwE;CAC5E,SAAS;CACT,MAAM;CACP;;;;;AAMD,SAAgB,cAAc,EAAE,UAAU,UAAU,QAAQ,OAAO,WAA+B;CAChG,MAAM,gBAAgB,KAAK,IAAI,SAAS,cAAc,UAAU,UAAU,SAAS;AACnF,QACE,oBAACD,MAAU,UAAX;EAAoB,OAAO;EAAwB;EAChD;EACkB,CAAA;;;;;;AAQzB,SAAgB,cAAc,EAAE,UAAU,QAAQ,OAAO,UAA8B;CACrF,MAAM,UAAU,iBAAiB;CACjC,MAAM,YAAY,YAAY;AAE9B,QACE,oBAACA,MAAU,UAAX;EAAoB,WAAW,GAAGC,qBAAO,SAAS,GAAG,YAAYA,qBAAO,sBAAsBA,qBAAO;YAClG,QAAQ,OAAO,KAAK,UACnB,qBAACD,MAAU,MAAX;GAES;GACP,WAAW,GAAGC,qBAAO,MAAM,GAAG,YAAYA,qBAAO,mBAAmB,GAAG,GAAGA,qBAAO,SAAS,MAAM,QAAQ;GACxG,gBAAgB,YAAY,CAAC,SAAS,OAAO,GAAG,CAAC,SAAS,OAAO;aAJnE;IAMG,MAAM,QAAQ,MAAM,SAAS,aAAa,oBAAC,YAAD,EAAY,MAAM,MAAM,MAAQ,CAAA;IAC3E,qBAAC,OAAD;KAAK,WAAWA,qBAAO;eAAvB,CACG,MAAM,SAAS,oBAACD,MAAU,OAAX,EAAiB,WAAWC,qBAAO,OAAS,CAAA,EAC3D,MAAM,eAAe,oBAACD,MAAU,aAAX,EAAuB,WAAWC,qBAAO,aAAe,CAAA,CAC1E;;IACN,oBAACD,MAAU,OAAX;KAAiB,WAAWC,qBAAO;KAAO,cAAW;eACnD,oBAAC,OAAD,EAAS,CAAA;KACO,CAAA;IACH;KAbV,MAAM,GAaI,CACjB;EACiB,CAAA"}

package/dist/tokens.css

@@ -5,9 +5,6 @@
  * Monospace-first, semantic color tokens, supports light & dark modes.
  */
 
-/* Establish layer order — must come before any @layer usage */
-@layer theme, base, components, utilities;
-
 @layer theme {
   :root {
     /* ─── Typography ──────────────────────────────────────────────── */
@@ -146,7 +143,7 @@
 
     /* Text */
     --color-primary: rgba(0, 0, 0, 0.88);
-    --color-secondary: rgba(0, 0, 0, 0.55);
+    --color-secondary: rgba(0, 0, 0, 0.6); /* raised from 0.55 — AA 5.01:1 on hover bg */
     --color-tertiary: rgba(0, 0, 0, 0.36);
     --color-disabled: rgba(0, 0, 0, 0.24);
     --color-inverse: rgba(255, 255, 255, 0.95);
@@ -170,6 +167,8 @@
     --color-accent: #0078d4;
     --color-accent-hover: #006bbf;
     --color-accent-pressed: #005ea8;
+    --color-accent-solid: #0078d4; /* solid button bg — same as accent in light (4.83:1 vs white) */
+    --color-accent-text: #005ea8; /* text/icon on tinted surfaces — AA 5.09:1 on accent-tint bg */
     --color-accent-tint: rgba(0, 120, 212, 0.1);
     --color-accent-tint-hover: rgba(0, 120, 212, 0.16);
 
@@ -190,20 +189,23 @@
     /* Status — Success */
     --color-success-bg: #f0fdf4;
     --color-success-border: #bbf7d0;
-    --color-success-text: #15803d;
-    --color-success-solid: #16a34a;
+    --color-success-text: #147a39; /* darkened from #15803d — AA 4.73:1 on canvas */
+    --color-success-solid: #15803d; /* darkened from #16a34a — AA 5.02:1 vs white */
+    --color-success-on-solid: #ffffff;
 
     /* Status — Warning */
     --color-warning-bg: #fffbeb;
     --color-warning-border: #fde68a;
     --color-warning-text: #92400e;
-    --color-warning-solid: #d97706;
+    --color-warning-solid: #b45309; /* darkened from #d97706 — AA 5.02:1 vs white */
+    --color-warning-on-solid: #ffffff;
 
     /* Status — Error */
     --color-error-bg: #fef2f2;
     --color-error-border: #fecaca;
     --color-error-text: #991b1b;
     --color-error-solid: #dc2626;
+    --color-error-on-solid: #ffffff;
 
     /* Status — Info */
     --color-info-bg: #eff6ff;
@@ -268,6 +270,8 @@
       --color-accent: #0a84ff;
       --color-accent-hover: #0071e3;
       --color-accent-pressed: #005bb5;
+      --color-accent-solid: #0071e3; /* solid button bg — darkened from #0a84ff — AA 4.70:1 vs white */
+      --color-accent-text: #60a5fa; /* text/icon on tinted surfaces — AA 5.87:1 on accent-tint bg */
       --color-accent-tint: rgba(10, 132, 255, 0.12);
       --color-accent-tint-hover: rgba(10, 132, 255, 0.2);
 
@@ -289,19 +293,22 @@
       --color-success-bg: rgba(22, 163, 74, 0.12);
       --color-success-border: rgba(22, 163, 74, 0.3);
       --color-success-text: #4ade80;
-      --color-success-solid: #22c55e;
+      --color-success-solid: #22c55e; /* vivid — AA 9.22:1 vs black text */
+      --color-success-on-solid: #000000; /* dark text preserves vibrancy */
 
       /* Status — Warning */
       --color-warning-bg: rgba(217, 119, 6, 0.12);
       --color-warning-border: rgba(217, 119, 6, 0.3);
       --color-warning-text: #fbbf24;
-      --color-warning-solid: #f59e0b;
+      --color-warning-solid: #f59e0b; /* vivid — AA 9.78:1 vs black text */
+      --color-warning-on-solid: #000000; /* dark text preserves vibrancy */
 
       /* Status — Error */
       --color-error-bg: rgba(220, 38, 38, 0.12);
       --color-error-border: rgba(220, 38, 38, 0.3);
       --color-error-text: #f87171;
-      --color-error-solid: #ef4444;
+      --color-error-solid: #dc2626; /* darkened from #ef4444 — AA 4.83:1 vs white */
+      --color-error-on-solid: #ffffff;
 
       /* Status — Info */
       --color-info-bg: rgba(37, 99, 235, 0.12);
@@ -355,6 +362,8 @@
     --color-accent: #0a84ff;
     --color-accent-hover: #0071e3;
     --color-accent-pressed: #005bb5;
+    --color-accent-solid: #0071e3;
+    --color-accent-text: #60a5fa;
     --color-accent-tint: rgba(10, 132, 255, 0.12);
     --color-accent-tint-hover: rgba(10, 132, 255, 0.2);
 
@@ -374,16 +383,19 @@
     --color-success-border: rgba(22, 163, 74, 0.3);
     --color-success-text: #4ade80;
     --color-success-solid: #22c55e;
+    --color-success-on-solid: #000000;
 
     --color-warning-bg: rgba(217, 119, 6, 0.12);
     --color-warning-border: rgba(217, 119, 6, 0.3);
     --color-warning-text: #fbbf24;
     --color-warning-solid: #f59e0b;
+    --color-warning-on-solid: #000000;
 
     --color-error-bg: rgba(220, 38, 38, 0.12);
     --color-error-border: rgba(220, 38, 38, 0.3);
     --color-error-text: #f87171;
-    --color-error-solid: #ef4444;
+    --color-error-solid: #dc2626;
+    --color-error-on-solid: #ffffff;
 
     --color-info-bg: rgba(37, 99, 235, 0.12);
     --color-info-border: rgba(37, 99, 235, 0.3);

package/dist/tooltip/parts.js

@@ -1,6 +1,6 @@
 import tooltip_module_default from "./tooltip.module.js";
-import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { Tooltip } from "@base-ui/react/tooltip";
 //#region src/tooltip/parts.tsx
 /**