@brijbyte/agentic-ui 0.0.3 → 0.0.5

package/dist/slider/slider.d.ts

@@ -4,17 +4,29 @@ 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/switch/parts.d.ts

@@ -5,12 +5,8 @@ import { Switch } from "@base-ui/react/switch";
 //#region src/switch/parts.d.ts
 type BaseRootProps = ComponentPropsWithoutRef<typeof Switch.Root>;
 type BaseThumbProps = ComponentPropsWithoutRef<typeof Switch.Thumb>;
-interface SwitchRootProps extends Omit<BaseRootProps, "className"> {
-  className?: string;
-}
-interface SwitchThumbProps extends Omit<BaseThumbProps, "className"> {
-  className?: string;
-}
+interface SwitchRootProps extends BaseRootProps {}
+interface SwitchThumbProps extends BaseThumbProps {}
 declare const SwitchRoot: react.ForwardRefExoticComponent<SwitchRootProps & react.RefAttributes<HTMLElement>>;
 declare const SwitchThumb: react.ForwardRefExoticComponent<SwitchThumbProps & react.RefAttributes<HTMLSpanElement>>;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/switch/parts.tsx"],"mappings":";;;;;KAqBK,aAAA,GAAgB,wBAAA,QAAgC,MAAA,CAAW,IAAA;AAAA,KAC3D,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,UAEhD,eAAA,SAAwB,IAAA,CAAK,aAAA;EAC5C,SAAA;AAAA;AAAA,UAEe,gBAAA,SAAyB,IAAA,CAAK,cAAA;EAC7C,SAAA;AAAA;AAAA,cAGW,UAAA,EAAU,KAAA,CAAA,yBAAA,CAAA,eAAA,GAAA,KAAA,CAAA,aAAA,CAAA,WAAA;AAAA,cAOV,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,eAAA"}
+{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/switch/parts.tsx"],"mappings":";;;;;KAsBK,aAAA,GAAgB,wBAAA,QAAgC,MAAA,CAAW,IAAA;AAAA,KAC3D,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,UAEhD,eAAA,SAAwB,aAAA;AAAA,UACxB,gBAAA,SAAyB,cAAA;AAAA,cAE7B,UAAA,EAAU,KAAA,CAAA,yBAAA,CAAA,eAAA,GAAA,KAAA,CAAA,aAAA,CAAA,WAAA;AAAA,cAOV,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,eAAA"}

package/dist/switch/parts.js

@@ -1,3 +1,4 @@
+import { cx, resolveClassName } from "../utils/resolveClassName.js";
 import switch_module_default from "./switch.module.js";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
@@ -22,14 +23,14 @@ import { Switch } from "@base-ui/react/switch";
 const SwitchRoot = forwardRef(function SwitchRoot({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Switch.Root, {
 		ref,
-		className: `${switch_module_default["thumb-track"]} ${className ?? ""}`,
+		className: (state) => cx(switch_module_default["thumb-track"], resolveClassName(className, state)),
 		...props
 	});
 });
 const SwitchThumb = forwardRef(function SwitchThumb({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Switch.Thumb, {
 		ref,
-		className: `${switch_module_default.thumb} ${className ?? ""}`,
+		className: (state) => cx(switch_module_default.thumb, resolveClassName(className, state)),
 		...props
 	});
 });

package/dist/switch/parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"parts.js","names":["BaseSwitch","styles"],"sources":["../../src/switch/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Switch.\n *\n * @example\n * ```tsx\n * import { Switch } from '@base-ui/react/switch';\n * import { SwitchRoot, SwitchThumb } from '@brijbyte/agentic-ui/switch';\n *\n * <label htmlFor=\"sw\">\n *   <SwitchRoot id=\"sw\" onCheckedChange={...}>\n *     <SwitchThumb />\n *   </SwitchRoot>\n *   Dark mode\n * </label>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Switch as BaseSwitch } from \"@base-ui/react/switch\";\nimport styles from \"./switch.module.css\";\n\ntype BaseRootProps = ComponentPropsWithoutRef<typeof BaseSwitch.Root>;\ntype BaseThumbProps = ComponentPropsWithoutRef<typeof BaseSwitch.Thumb>;\n\nexport interface SwitchRootProps extends Omit<BaseRootProps, \"className\"> {\n  className?: string;\n}\nexport interface SwitchThumbProps extends Omit<BaseThumbProps, \"className\"> {\n  className?: string;\n}\n\nexport const SwitchRoot = forwardRef<ComponentRef<typeof BaseSwitch.Root>, SwitchRootProps>(function SwitchRoot(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSwitch.Root ref={ref} className={`${styles[\"thumb-track\"]} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const SwitchThumb = forwardRef<ComponentRef<typeof BaseSwitch.Thumb>, SwitchThumbProps>(function SwitchThumb(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSwitch.Thumb ref={ref} className={`${styles.thumb} ${className ?? \"\"}`} {...props} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,aAAa,WAAkE,SAAS,WACnG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,OAAW,MAAZ;EAAsB;EAAK,WAAW,GAAGC,sBAAO,eAAe,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACzG;AAEF,MAAa,cAAc,WAAoE,SAAS,YACtG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,OAAW,OAAZ;EAAuB;EAAK,WAAW,GAAGC,sBAAO,MAAM,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACjG"}
+{"version":3,"file":"parts.js","names":["BaseSwitch","styles"],"sources":["../../src/switch/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Switch.\n *\n * @example\n * ```tsx\n * import { Switch } from '@base-ui/react/switch';\n * import { SwitchRoot, SwitchThumb } from '@brijbyte/agentic-ui/switch';\n *\n * <label htmlFor=\"sw\">\n *   <SwitchRoot id=\"sw\" onCheckedChange={...}>\n *     <SwitchThumb />\n *   </SwitchRoot>\n *   Dark mode\n * </label>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Switch as BaseSwitch } from \"@base-ui/react/switch\";\nimport styles from \"./switch.module.css\";\nimport { resolveClassName, cx } from \"../utils/resolveClassName\";\n\ntype BaseRootProps = ComponentPropsWithoutRef<typeof BaseSwitch.Root>;\ntype BaseThumbProps = ComponentPropsWithoutRef<typeof BaseSwitch.Thumb>;\n\nexport interface SwitchRootProps extends BaseRootProps {}\nexport interface SwitchThumbProps extends BaseThumbProps {}\n\nexport const SwitchRoot = forwardRef<ComponentRef<typeof BaseSwitch.Root>, SwitchRootProps>(function SwitchRoot(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSwitch.Root ref={ref} className={(state) => cx(styles[\"thumb-track\"], resolveClassName(className, state))} {...props} />;\n});\n\nexport const SwitchThumb = forwardRef<ComponentRef<typeof BaseSwitch.Thumb>, SwitchThumbProps>(function SwitchThumb(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSwitch.Thumb ref={ref} className={(state) => cx(styles.thumb, resolveClassName(className, state))} {...props} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAa,aAAa,WAAkE,SAAS,WACnG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,OAAW,MAAZ;EAAsB;EAAK,YAAY,UAAU,GAAGC,sBAAO,gBAAgB,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACpI;AAEF,MAAa,cAAc,WAAoE,SAAS,YACtG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,OAAW,OAAZ;EAAuB;EAAK,YAAY,UAAU,GAAGC,sBAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAC5H"}

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

@@ -4,18 +4,30 @@ 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

@@ -3,6 +3,10 @@ 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.d.ts

@@ -6,15 +6,9 @@ import { Tabs } from "@base-ui/react/tabs";
 type BaseListProps = ComponentPropsWithoutRef<typeof Tabs.List>;
 type BaseTabProps = ComponentPropsWithoutRef<typeof Tabs.Tab>;
 type BasePanelProps = ComponentPropsWithoutRef<typeof Tabs.Panel>;
-interface TabsListProps extends Omit<BaseListProps, "className"> {
-  className?: string;
-}
-interface TabsTabProps extends Omit<BaseTabProps, "className"> {
-  className?: string;
-}
-interface TabsPanelProps extends Omit<BasePanelProps, "className"> {
-  className?: string;
-}
+interface TabsListProps extends BaseListProps {}
+interface TabsTabProps extends BaseTabProps {}
+interface TabsPanelProps extends BasePanelProps {}
 declare const TabsList: react.ForwardRefExoticComponent<TabsListProps & react.RefAttributes<HTMLDivElement>>;
 declare const TabsTab: react.ForwardRefExoticComponent<TabsTabProps & react.RefAttributes<HTMLElement>>;
 declare const TabsPanel: react.ForwardRefExoticComponent<TabsPanelProps & react.RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/tabs/parts.tsx"],"mappings":";;;;;KAuBK,aAAA,GAAgB,wBAAA,QAAgC,IAAA,CAAS,IAAA;AAAA,KACzD,YAAA,GAAe,wBAAA,QAAgC,IAAA,CAAS,GAAA;AAAA,KACxD,cAAA,GAAiB,wBAAA,QAAgC,IAAA,CAAS,KAAA;AAAA,UAE9C,aAAA,SAAsB,IAAA,CAAK,aAAA;EAC1C,SAAA;AAAA;AAAA,UAEe,YAAA,SAAqB,IAAA,CAAK,YAAA;EACzC,SAAA;AAAA;AAAA,UAEe,cAAA,SAAuB,IAAA,CAAK,cAAA;EAC3C,SAAA;AAAA;AAAA,cAGW,QAAA,EAAQ,KAAA,CAAA,yBAAA,CAAA,aAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAIR,OAAA,EAAO,KAAA,CAAA,yBAAA,CAAA,YAAA,GAAA,KAAA,CAAA,aAAA,CAAA,WAAA;AAAA,cAIP,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA"}
+{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/tabs/parts.tsx"],"mappings":";;;;;KAwBK,aAAA,GAAgB,wBAAA,QAAgC,IAAA,CAAS,IAAA;AAAA,KACzD,YAAA,GAAe,wBAAA,QAAgC,IAAA,CAAS,GAAA;AAAA,KACxD,cAAA,GAAiB,wBAAA,QAAgC,IAAA,CAAS,KAAA;AAAA,UAE9C,aAAA,SAAsB,aAAA;AAAA,UACtB,YAAA,SAAqB,YAAA;AAAA,UACrB,cAAA,SAAuB,cAAA;AAAA,cAE3B,QAAA,EAAQ,KAAA,CAAA,yBAAA,CAAA,aAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAIR,OAAA,EAAO,KAAA,CAAA,yBAAA,CAAA,YAAA,GAAA,KAAA,CAAA,aAAA,CAAA,WAAA;AAAA,cAIP,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA"}

package/dist/tabs/parts.js

@@ -1,3 +1,4 @@
+import { cx, resolveClassName } from "../utils/resolveClassName.js";
 import tabs_module_default from "./tabs.module.js";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
@@ -24,21 +25,21 @@ import { Tabs } from "@base-ui/react/tabs";
 const TabsList = forwardRef(function TabsList({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Tabs.List, {
 		ref,
-		className: `${tabs_module_default.list} ${className ?? ""}`,
+		className: (state) => cx(tabs_module_default.list, resolveClassName(className, state)),
 		...props
 	});
 });
 const TabsTab = forwardRef(function TabsTab({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Tabs.Tab, {
 		ref,
-		className: `${tabs_module_default.tab} ${className ?? ""}`,
+		className: (state) => cx(tabs_module_default.tab, resolveClassName(className, state)),
 		...props
 	});
 });
 const TabsPanel = forwardRef(function TabsPanel({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Tabs.Panel, {
 		ref,
-		className: `${tabs_module_default.panel} ${className ?? ""}`,
+		className: (state) => cx(tabs_module_default.panel, resolveClassName(className, state)),
 		...props
 	});
 });

package/dist/tabs/parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"parts.js","names":["BaseTabs","styles"],"sources":["../../src/tabs/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Tabs.\n *\n * @example\n * ```tsx\n * import { Tabs } from '@base-ui/react/tabs';\n * import { TabsList, TabsTab, TabsPanel } from '@brijbyte/agentic-ui/tabs';\n *\n * <Tabs.Root defaultValue=\"a\">\n *   <TabsList>\n *     <TabsTab value=\"a\">Tab A</TabsTab>\n *     <TabsTab value=\"b\">Tab B</TabsTab>\n *   </TabsList>\n *   <TabsPanel value=\"a\">Content A</TabsPanel>\n *   <TabsPanel value=\"b\">Content B</TabsPanel>\n * </Tabs.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Tabs as BaseTabs } from \"@base-ui/react/tabs\";\nimport styles from \"./tabs.module.css\";\n\ntype BaseListProps = ComponentPropsWithoutRef<typeof BaseTabs.List>;\ntype BaseTabProps = ComponentPropsWithoutRef<typeof BaseTabs.Tab>;\ntype BasePanelProps = ComponentPropsWithoutRef<typeof BaseTabs.Panel>;\n\nexport interface TabsListProps extends Omit<BaseListProps, \"className\"> {\n  className?: string;\n}\nexport interface TabsTabProps extends Omit<BaseTabProps, \"className\"> {\n  className?: string;\n}\nexport interface TabsPanelProps extends Omit<BasePanelProps, \"className\"> {\n  className?: string;\n}\n\nexport const TabsList = forwardRef<ComponentRef<typeof BaseTabs.List>, TabsListProps>(function TabsList({ className, ...props }, ref) {\n  return <BaseTabs.List ref={ref} className={`${styles.list} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const TabsTab = forwardRef<ComponentRef<typeof BaseTabs.Tab>, TabsTabProps>(function TabsTab({ className, ...props }, ref) {\n  return <BaseTabs.Tab ref={ref} className={`${styles.tab} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const TabsPanel = forwardRef<ComponentRef<typeof BaseTabs.Panel>, TabsPanelProps>(function TabsPanel({ className, ...props }, ref) {\n  return <BaseTabs.Panel ref={ref} className={`${styles.panel} ${className ?? \"\"}`} {...props} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAqCA,MAAa,WAAW,WAA8D,SAAS,SAAS,EAAE,WAAW,GAAG,SAAS,KAAK;AACpI,QAAO,oBAACA,KAAS,MAAV;EAAoB;EAAK,WAAW,GAAGC,oBAAO,KAAK,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC7F;AAEF,MAAa,UAAU,WAA4D,SAAS,QAAQ,EAAE,WAAW,GAAG,SAAS,KAAK;AAChI,QAAO,oBAACD,KAAS,KAAV;EAAmB;EAAK,WAAW,GAAGC,oBAAO,IAAI,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC3F;AAEF,MAAa,YAAY,WAAgE,SAAS,UAAU,EAAE,WAAW,GAAG,SAAS,KAAK;AACxI,QAAO,oBAACD,KAAS,OAAV;EAAqB;EAAK,WAAW,GAAGC,oBAAO,MAAM,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC/F"}
+{"version":3,"file":"parts.js","names":["BaseTabs","styles"],"sources":["../../src/tabs/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Tabs.\n *\n * @example\n * ```tsx\n * import { Tabs } from '@base-ui/react/tabs';\n * import { TabsList, TabsTab, TabsPanel } from '@brijbyte/agentic-ui/tabs';\n *\n * <Tabs.Root defaultValue=\"a\">\n *   <TabsList>\n *     <TabsTab value=\"a\">Tab A</TabsTab>\n *     <TabsTab value=\"b\">Tab B</TabsTab>\n *   </TabsList>\n *   <TabsPanel value=\"a\">Content A</TabsPanel>\n *   <TabsPanel value=\"b\">Content B</TabsPanel>\n * </Tabs.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Tabs as BaseTabs } from \"@base-ui/react/tabs\";\nimport styles from \"./tabs.module.css\";\nimport { resolveClassName, cx } from \"../utils/resolveClassName\";\n\ntype BaseListProps = ComponentPropsWithoutRef<typeof BaseTabs.List>;\ntype BaseTabProps = ComponentPropsWithoutRef<typeof BaseTabs.Tab>;\ntype BasePanelProps = ComponentPropsWithoutRef<typeof BaseTabs.Panel>;\n\nexport interface TabsListProps extends BaseListProps {}\nexport interface TabsTabProps extends BaseTabProps {}\nexport interface TabsPanelProps extends BasePanelProps {}\n\nexport const TabsList = forwardRef<ComponentRef<typeof BaseTabs.List>, TabsListProps>(function TabsList({ className, ...props }, ref) {\n  return <BaseTabs.List ref={ref} className={(state) => cx(styles.list, resolveClassName(className, state))} {...props} />;\n});\n\nexport const TabsTab = forwardRef<ComponentRef<typeof BaseTabs.Tab>, TabsTabProps>(function TabsTab({ className, ...props }, ref) {\n  return <BaseTabs.Tab ref={ref} className={(state) => cx(styles.tab, resolveClassName(className, state))} {...props} />;\n});\n\nexport const TabsPanel = forwardRef<ComponentRef<typeof BaseTabs.Panel>, TabsPanelProps>(function TabsPanel({ className, ...props }, ref) {\n  return <BaseTabs.Panel ref={ref} className={(state) => cx(styles.panel, resolveClassName(className, state))} {...props} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAa,WAAW,WAA8D,SAAS,SAAS,EAAE,WAAW,GAAG,SAAS,KAAK;AACpI,QAAO,oBAACA,KAAS,MAAV;EAAoB;EAAK,YAAY,UAAU,GAAGC,oBAAO,MAAM,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACxH;AAEF,MAAa,UAAU,WAA4D,SAAS,QAAQ,EAAE,WAAW,GAAG,SAAS,KAAK;AAChI,QAAO,oBAACD,KAAS,KAAV;EAAmB;EAAK,YAAY,UAAU,GAAGC,oBAAO,KAAK,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACtH;AAEF,MAAa,YAAY,WAAgE,SAAS,UAAU,EAAE,WAAW,GAAG,SAAS,KAAK;AACxI,QAAO,oBAACD,KAAS,OAAV;EAAqB;EAAK,YAAY,UAAU,GAAGC,oBAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAC1H"}

package/dist/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.d.ts

@@ -8,21 +8,11 @@ type BaseTitleProps = ComponentPropsWithoutRef<typeof Toast.Title>;
 type BaseDescriptionProps = ComponentPropsWithoutRef<typeof Toast.Description>;
 type BaseCloseProps = ComponentPropsWithoutRef<typeof Toast.Close>;
 type BaseViewportProps = ComponentPropsWithoutRef<typeof Toast.Viewport>;
-interface ToastRootProps extends Omit<BaseRootProps, "className"> {
-  className?: string;
-}
-interface ToastTitleProps extends Omit<BaseTitleProps, "className"> {
-  className?: string;
-}
-interface ToastDescriptionProps extends Omit<BaseDescriptionProps, "className"> {
-  className?: string;
-}
-interface ToastCloseProps extends Omit<BaseCloseProps, "className"> {
-  className?: string;
-}
-interface ToastViewportPartProps extends Omit<BaseViewportProps, "className"> {
-  className?: string;
-}
+interface ToastRootProps extends BaseRootProps {}
+interface ToastTitleProps extends BaseTitleProps {}
+interface ToastDescriptionProps extends BaseDescriptionProps {}
+interface ToastCloseProps extends BaseCloseProps {}
+interface ToastViewportPartProps extends BaseViewportProps {}
 declare const ToastRoot: react.ForwardRefExoticComponent<ToastRootProps & react.RefAttributes<HTMLDivElement>>;
 declare const ToastTitle: react.ForwardRefExoticComponent<ToastTitleProps & react.RefAttributes<HTMLHeadingElement>>;
 declare const ToastDescription: react.ForwardRefExoticComponent<ToastDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/toast/parts.tsx"],"mappings":";;;;;KAuBK,aAAA,GAAgB,wBAAA,QAAgC,KAAA,CAAU,IAAA;AAAA,KAC1D,cAAA,GAAiB,wBAAA,QAAgC,KAAA,CAAU,KAAA;AAAA,KAC3D,oBAAA,GAAuB,wBAAA,QAAgC,KAAA,CAAU,WAAA;AAAA,KACjE,cAAA,GAAiB,wBAAA,QAAgC,KAAA,CAAU,KAAA;AAAA,KAC3D,iBAAA,GAAoB,wBAAA,QAAgC,KAAA,CAAU,QAAA;AAAA,UAElD,cAAA,SAAuB,IAAA,CAAK,aAAA;EAC3C,SAAA;AAAA;AAAA,UAEe,eAAA,SAAwB,IAAA,CAAK,cAAA;EAC5C,SAAA;AAAA;AAAA,UAEe,qBAAA,SAA8B,IAAA,CAAK,oBAAA;EAClD,SAAA;AAAA;AAAA,UAEe,eAAA,SAAwB,IAAA,CAAK,cAAA;EAC5C,SAAA;AAAA;AAAA,UAEe,sBAAA,SAA+B,IAAA,CAAK,iBAAA;EACnD,SAAA;AAAA;AAAA,cAGW,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAIT,UAAA,EAAU,KAAA,CAAA,yBAAA,CAAA,eAAA,GAAA,KAAA,CAAA,aAAA,CAAA,kBAAA;AAAA,cAOV,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,qBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,oBAAA;AAAA,cAOhB,UAAA,EAAU,KAAA,CAAA,yBAAA,CAAA,eAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,cAOV,iBAAA,EAAiB,KAAA,CAAA,yBAAA,CAAA,sBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA"}
+{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/toast/parts.tsx"],"mappings":";;;;;KAwBK,aAAA,GAAgB,wBAAA,QAAgC,KAAA,CAAU,IAAA;AAAA,KAC1D,cAAA,GAAiB,wBAAA,QAAgC,KAAA,CAAU,KAAA;AAAA,KAC3D,oBAAA,GAAuB,wBAAA,QAAgC,KAAA,CAAU,WAAA;AAAA,KACjE,cAAA,GAAiB,wBAAA,QAAgC,KAAA,CAAU,KAAA;AAAA,KAC3D,iBAAA,GAAoB,wBAAA,QAAgC,KAAA,CAAU,QAAA;AAAA,UAElD,cAAA,SAAuB,aAAA;AAAA,UACvB,eAAA,SAAwB,cAAA;AAAA,UACxB,qBAAA,SAA8B,oBAAA;AAAA,UAC9B,eAAA,SAAwB,cAAA;AAAA,UACxB,sBAAA,SAA+B,iBAAA;AAAA,cAEnC,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAIT,UAAA,EAAU,KAAA,CAAA,yBAAA,CAAA,eAAA,GAAA,KAAA,CAAA,aAAA,CAAA,kBAAA;AAAA,cAOV,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,qBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,oBAAA;AAAA,cAOhB,UAAA,EAAU,KAAA,CAAA,yBAAA,CAAA,eAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,cAOV,iBAAA,EAAiB,KAAA,CAAA,yBAAA,CAAA,sBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA"}

package/dist/toast/parts.js

@@ -1,3 +1,4 @@
+import { cx, resolveClassName } from "../utils/resolveClassName.js";
 import toast_module_default from "./toast.module.js";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
@@ -24,35 +25,35 @@ import { Toast } from "@base-ui/react/toast";
 const ToastRoot = forwardRef(function ToastRoot({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Toast.Root, {
 		ref,
-		className: `${toast_module_default.toast} ${className ?? ""}`,
+		className: (state) => cx(toast_module_default.toast, resolveClassName(className, state)),
 		...props
 	});
 });
 const ToastTitle = forwardRef(function ToastTitle({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Toast.Title, {
 		ref,
-		className: `${toast_module_default.title} ${className ?? ""}`,
+		className: (state) => cx(toast_module_default.title, resolveClassName(className, state)),
 		...props
 	});
 });
 const ToastDescription = forwardRef(function ToastDescription({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Toast.Description, {
 		ref,
-		className: `${toast_module_default.description} ${className ?? ""}`,
+		className: (state) => cx(toast_module_default.description, resolveClassName(className, state)),
 		...props
 	});
 });
 const ToastClose = forwardRef(function ToastClose({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Toast.Close, {
 		ref,
-		className: `${toast_module_default.close} ${className ?? ""}`,
+		className: (state) => cx(toast_module_default.close, resolveClassName(className, state)),
 		...props
 	});
 });
 const ToastViewportPart = forwardRef(function ToastViewportPart({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Toast.Viewport, {
 		ref,
-		className: `${toast_module_default.viewport} ${className ?? ""}`,
+		className: (state) => cx(toast_module_default.viewport, resolveClassName(className, state)),
 		...props
 	});
 });

package/dist/toast/parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"parts.js","names":["BaseToast","styles"],"sources":["../../src/toast/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Toast.\n *\n * @example\n * ```tsx\n * import { Toast } from '@base-ui/react/toast';\n * import { ToastRoot, ToastTitle, ToastDescription, ToastClose } from '@brijbyte/agentic-ui/toast';\n *\n * // Inside a Toast.Viewport or custom viewport:\n * manager.toasts.map((toast) => (\n *   <ToastRoot key={toast.id} toast={toast}>\n *     <ToastTitle />\n *     <ToastDescription />\n *     <ToastClose aria-label=\"Dismiss\" />\n *   </ToastRoot>\n * ))\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Toast as BaseToast } from \"@base-ui/react/toast\";\nimport styles from \"./toast.module.css\";\n\ntype BaseRootProps = ComponentPropsWithoutRef<typeof BaseToast.Root>;\ntype BaseTitleProps = ComponentPropsWithoutRef<typeof BaseToast.Title>;\ntype BaseDescriptionProps = ComponentPropsWithoutRef<typeof BaseToast.Description>;\ntype BaseCloseProps = ComponentPropsWithoutRef<typeof BaseToast.Close>;\ntype BaseViewportProps = ComponentPropsWithoutRef<typeof BaseToast.Viewport>;\n\nexport interface ToastRootProps extends Omit<BaseRootProps, \"className\"> {\n  className?: string;\n}\nexport interface ToastTitleProps extends Omit<BaseTitleProps, \"className\"> {\n  className?: string;\n}\nexport interface ToastDescriptionProps extends Omit<BaseDescriptionProps, \"className\"> {\n  className?: string;\n}\nexport interface ToastCloseProps extends Omit<BaseCloseProps, \"className\"> {\n  className?: string;\n}\nexport interface ToastViewportPartProps extends Omit<BaseViewportProps, \"className\"> {\n  className?: string;\n}\n\nexport const ToastRoot = forwardRef<ComponentRef<typeof BaseToast.Root>, ToastRootProps>(function ToastRoot({ className, ...props }, ref) {\n  return <BaseToast.Root ref={ref} className={`${styles.toast} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const ToastTitle = forwardRef<ComponentRef<typeof BaseToast.Title>, ToastTitleProps>(function ToastTitle(\n  { className, ...props },\n  ref,\n) {\n  return <BaseToast.Title ref={ref} className={`${styles.title} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const ToastDescription = forwardRef<ComponentRef<typeof BaseToast.Description>, ToastDescriptionProps>(function ToastDescription(\n  { className, ...props },\n  ref,\n) {\n  return <BaseToast.Description ref={ref} className={`${styles.description} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const ToastClose = forwardRef<ComponentRef<typeof BaseToast.Close>, ToastCloseProps>(function ToastClose(\n  { className, ...props },\n  ref,\n) {\n  return <BaseToast.Close ref={ref} className={`${styles.close} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const ToastViewportPart = forwardRef<ComponentRef<typeof BaseToast.Viewport>, ToastViewportPartProps>(function ToastViewportPart(\n  { className, ...props },\n  ref,\n) {\n  return <BaseToast.Viewport ref={ref} className={`${styles.viewport} ${className ?? \"\"}`} {...props} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA6CA,MAAa,YAAY,WAAgE,SAAS,UAAU,EAAE,WAAW,GAAG,SAAS,KAAK;AACxI,QAAO,oBAACA,MAAU,MAAX;EAAqB;EAAK,WAAW,GAAGC,qBAAO,MAAM,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC/F;AAEF,MAAa,aAAa,WAAkE,SAAS,WACnG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,MAAU,OAAX;EAAsB;EAAK,WAAW,GAAGC,qBAAO,MAAM,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAChG;AAEF,MAAa,mBAAmB,WAA8E,SAAS,iBACrH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,MAAU,aAAX;EAA4B;EAAK,WAAW,GAAGC,qBAAO,YAAY,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC5G;AAEF,MAAa,aAAa,WAAkE,SAAS,WACnG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,MAAU,OAAX;EAAsB;EAAK,WAAW,GAAGC,qBAAO,MAAM,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAChG;AAEF,MAAa,oBAAoB,WAA4E,SAAS,kBACpH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,MAAU,UAAX;EAAyB;EAAK,WAAW,GAAGC,qBAAO,SAAS,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACtG"}
+{"version":3,"file":"parts.js","names":["BaseToast","styles"],"sources":["../../src/toast/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Toast.\n *\n * @example\n * ```tsx\n * import { Toast } from '@base-ui/react/toast';\n * import { ToastRoot, ToastTitle, ToastDescription, ToastClose } from '@brijbyte/agentic-ui/toast';\n *\n * // Inside a Toast.Viewport or custom viewport:\n * manager.toasts.map((toast) => (\n *   <ToastRoot key={toast.id} toast={toast}>\n *     <ToastTitle />\n *     <ToastDescription />\n *     <ToastClose aria-label=\"Dismiss\" />\n *   </ToastRoot>\n * ))\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Toast as BaseToast } from \"@base-ui/react/toast\";\nimport styles from \"./toast.module.css\";\nimport { resolveClassName, cx } from \"../utils/resolveClassName\";\n\ntype BaseRootProps = ComponentPropsWithoutRef<typeof BaseToast.Root>;\ntype BaseTitleProps = ComponentPropsWithoutRef<typeof BaseToast.Title>;\ntype BaseDescriptionProps = ComponentPropsWithoutRef<typeof BaseToast.Description>;\ntype BaseCloseProps = ComponentPropsWithoutRef<typeof BaseToast.Close>;\ntype BaseViewportProps = ComponentPropsWithoutRef<typeof BaseToast.Viewport>;\n\nexport interface ToastRootProps extends BaseRootProps {}\nexport interface ToastTitleProps extends BaseTitleProps {}\nexport interface ToastDescriptionProps extends BaseDescriptionProps {}\nexport interface ToastCloseProps extends BaseCloseProps {}\nexport interface ToastViewportPartProps extends BaseViewportProps {}\n\nexport const ToastRoot = forwardRef<ComponentRef<typeof BaseToast.Root>, ToastRootProps>(function ToastRoot({ className, ...props }, ref) {\n  return <BaseToast.Root ref={ref} className={(state) => cx(styles.toast, resolveClassName(className, state))} {...props} />;\n});\n\nexport const ToastTitle = forwardRef<ComponentRef<typeof BaseToast.Title>, ToastTitleProps>(function ToastTitle(\n  { className, ...props },\n  ref,\n) {\n  return <BaseToast.Title ref={ref} className={(state) => cx(styles.title, resolveClassName(className, state))} {...props} />;\n});\n\nexport const ToastDescription = forwardRef<ComponentRef<typeof BaseToast.Description>, ToastDescriptionProps>(function ToastDescription(\n  { className, ...props },\n  ref,\n) {\n  return <BaseToast.Description ref={ref} className={(state) => cx(styles.description, resolveClassName(className, state))} {...props} />;\n});\n\nexport const ToastClose = forwardRef<ComponentRef<typeof BaseToast.Close>, ToastCloseProps>(function ToastClose(\n  { className, ...props },\n  ref,\n) {\n  return <BaseToast.Close ref={ref} className={(state) => cx(styles.close, resolveClassName(className, state))} {...props} />;\n});\n\nexport const ToastViewportPart = forwardRef<ComponentRef<typeof BaseToast.Viewport>, ToastViewportPartProps>(function ToastViewportPart(\n  { className, ...props },\n  ref,\n) {\n  return <BaseToast.Viewport ref={ref} className={(state) => cx(styles.viewport, resolveClassName(className, state))} {...props} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoCA,MAAa,YAAY,WAAgE,SAAS,UAAU,EAAE,WAAW,GAAG,SAAS,KAAK;AACxI,QAAO,oBAACA,MAAU,MAAX;EAAqB;EAAK,YAAY,UAAU,GAAGC,qBAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAC1H;AAEF,MAAa,aAAa,WAAkE,SAAS,WACnG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,MAAU,OAAX;EAAsB;EAAK,YAAY,UAAU,GAAGC,qBAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAC3H;AAEF,MAAa,mBAAmB,WAA8E,SAAS,iBACrH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,MAAU,aAAX;EAA4B;EAAK,YAAY,UAAU,GAAGC,qBAAO,aAAa,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACvI;AAEF,MAAa,aAAa,WAAkE,SAAS,WACnG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,MAAU,OAAX;EAAsB;EAAK,YAAY,UAAU,GAAGC,qBAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAC3H;AAEF,MAAa,oBAAoB,WAA4E,SAAS,kBACpH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,MAAU,UAAX;EAAyB;EAAK,YAAY,UAAU,GAAGC,qBAAO,UAAU,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACjI"}

package/dist/toast/toast.d.ts

@@ -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":"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"}