@brijbyte/agentic-ui 0.0.4 → 0.0.5

package/dist/progress/parts.js

@@ -1,3 +1,4 @@
+import { cx, resolveClassName } from "../utils/resolveClassName.js";
 import progress_module_default from "./progress.module.js";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
@@ -21,18 +22,14 @@ import { Progress } from "@base-ui/react/progress";
 const ProgressTrack = forwardRef(function ProgressTrack({ className, size = "md", ...props }, ref) {
 	return /* @__PURE__ */ jsx(Progress.Track, {
 		ref,
-		className: `${progress_module_default.track} ${progress_module_default[`track-${size}`]} ${className ?? ""}`,
+		className: (state) => cx(progress_module_default.track, progress_module_default[`track-${size}`], resolveClassName(className, state)),
 		...props
 	});
 });
 const ProgressIndicator = forwardRef(function ProgressIndicator({ className, status = "default", ...props }, ref) {
 	return /* @__PURE__ */ jsx(Progress.Indicator, {
 		ref,
-		className: [
-			progress_module_default.indicator,
-			status !== "default" ? progress_module_default[`indicator-${status}`] : "",
-			className ?? ""
-		].filter(Boolean).join(" "),
+		className: (state) => cx(progress_module_default.indicator, status !== "default" ? progress_module_default[`indicator-${status}`] : void 0, resolveClassName(className, state)),
 		...props
 	});
 });

package/dist/progress/parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"parts.js","names":["BaseProgress","styles"],"sources":["../../src/progress/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Progress.\n *\n * @example\n * ```tsx\n * import { Progress } from '@base-ui/react/progress';\n * import { ProgressTrack, ProgressIndicator } from '@brijbyte/agentic-ui/progress';\n *\n * <Progress.Root value={60} max={100}>\n *   <ProgressTrack>\n *     <ProgressIndicator />\n *   </ProgressTrack>\n * </Progress.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Progress as BaseProgress } from \"@base-ui/react/progress\";\nimport styles from \"./progress.module.css\";\n\ntype BaseTrackProps = ComponentPropsWithoutRef<typeof BaseProgress.Track>;\ntype BaseIndicatorProps = ComponentPropsWithoutRef<typeof BaseProgress.Indicator>;\n\nexport interface ProgressTrackProps extends Omit<BaseTrackProps, \"className\"> {\n  className?: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n}\nexport interface ProgressIndicatorProps extends Omit<BaseIndicatorProps, \"className\"> {\n  className?: string;\n  status?: \"default\" | \"success\" | \"warning\" | \"error\";\n}\n\nexport const ProgressTrack = forwardRef<ComponentRef<typeof BaseProgress.Track>, ProgressTrackProps>(function ProgressTrack(\n  { className, size = \"md\", ...props },\n  ref,\n) {\n  return <BaseProgress.Track ref={ref} className={`${styles.track} ${styles[`track-${size}`]} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const ProgressIndicator = forwardRef<ComponentRef<typeof BaseProgress.Indicator>, ProgressIndicatorProps>(function ProgressIndicator(\n  { className, status = \"default\", ...props },\n  ref,\n) {\n  return (\n    <BaseProgress.Indicator\n      ref={ref}\n      className={[styles.indicator, status !== \"default\" ? styles[`indicator-${status}`] : \"\", className ?? \"\"].filter(Boolean).join(\" \")}\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAgCA,MAAa,gBAAgB,WAAwE,SAAS,cAC5G,EAAE,WAAW,OAAO,MAAM,GAAG,SAC7B,KACA;AACA,QAAO,oBAACA,SAAa,OAAd;EAAyB;EAAK,WAAW,GAAGC,wBAAO,MAAM,GAAGA,wBAAO,SAAS,QAAQ,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC9H;AAEF,MAAa,oBAAoB,WAAgF,SAAS,kBACxH,EAAE,WAAW,SAAS,WAAW,GAAG,SACpC,KACA;AACA,QACE,oBAACD,SAAa,WAAd;EACO;EACL,WAAW;GAACC,wBAAO;GAAW,WAAW,YAAYA,wBAAO,aAAa,YAAY;GAAI,aAAa;GAAG,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EACnI,GAAI;EACJ,CAAA;EAEJ"}
+{"version":3,"file":"parts.js","names":["BaseProgress","styles"],"sources":["../../src/progress/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Progress.\n *\n * @example\n * ```tsx\n * import { Progress } from '@base-ui/react/progress';\n * import { ProgressTrack, ProgressIndicator } from '@brijbyte/agentic-ui/progress';\n *\n * <Progress.Root value={60} max={100}>\n *   <ProgressTrack>\n *     <ProgressIndicator />\n *   </ProgressTrack>\n * </Progress.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Progress as BaseProgress } from \"@base-ui/react/progress\";\nimport styles from \"./progress.module.css\";\nimport { resolveClassName, cx } from \"../utils/resolveClassName\";\n\ntype BaseTrackProps = ComponentPropsWithoutRef<typeof BaseProgress.Track>;\ntype BaseIndicatorProps = ComponentPropsWithoutRef<typeof BaseProgress.Indicator>;\n\nexport interface ProgressTrackProps extends BaseTrackProps {\n  size?: \"sm\" | \"md\" | \"lg\";\n}\nexport interface ProgressIndicatorProps extends BaseIndicatorProps {\n  status?: \"default\" | \"success\" | \"warning\" | \"error\";\n}\n\nexport const ProgressTrack = forwardRef<ComponentRef<typeof BaseProgress.Track>, ProgressTrackProps>(function ProgressTrack(\n  { className, size = \"md\", ...props },\n  ref,\n) {\n  return (\n    <BaseProgress.Track\n      ref={ref}\n      className={(state) => cx(styles.track, styles[`track-${size}`], resolveClassName(className, state))}\n      {...props}\n    />\n  );\n});\n\nexport const ProgressIndicator = forwardRef<ComponentRef<typeof BaseProgress.Indicator>, ProgressIndicatorProps>(function ProgressIndicator(\n  { className, status = \"default\", ...props },\n  ref,\n) {\n  return (\n    <BaseProgress.Indicator\n      ref={ref}\n      className={(state) =>\n        cx(styles.indicator, status !== \"default\" ? styles[`indicator-${status}`] : undefined, resolveClassName(className, state))\n      }\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,gBAAgB,WAAwE,SAAS,cAC5G,EAAE,WAAW,OAAO,MAAM,GAAG,SAC7B,KACA;AACA,QACE,oBAACA,SAAa,OAAd;EACO;EACL,YAAY,UAAU,GAAGC,wBAAO,OAAOA,wBAAO,SAAS,SAAS,iBAAiB,WAAW,MAAM,CAAC;EACnG,GAAI;EACJ,CAAA;EAEJ;AAEF,MAAa,oBAAoB,WAAgF,SAAS,kBACxH,EAAE,WAAW,SAAS,WAAW,GAAG,SACpC,KACA;AACA,QACE,oBAACD,SAAa,WAAd;EACO;EACL,YAAY,UACV,GAAGC,wBAAO,WAAW,WAAW,YAAYA,wBAAO,aAAa,YAAY,KAAA,GAAW,iBAAiB,WAAW,MAAM,CAAC;EAE5H,GAAI;EACJ,CAAA;EAEJ"}

package/dist/radio/parts.d.ts

@@ -5,12 +5,8 @@ import { Radio } from "@base-ui/react/radio";
 //#region src/radio/parts.d.ts
 type BaseRootProps = ComponentPropsWithoutRef<typeof Radio.Root>;
 type BaseIndicatorProps = ComponentPropsWithoutRef<typeof Radio.Indicator>;
-interface RadioRootProps extends Omit<BaseRootProps, "className"> {
-  className?: string;
-}
-interface RadioIndicatorProps extends Omit<BaseIndicatorProps, "className"> {
-  className?: string;
-}
+interface RadioRootProps extends BaseRootProps {}
+interface RadioIndicatorProps extends BaseIndicatorProps {}
 declare const RadioRoot: react.ForwardRefExoticComponent<RadioRootProps & react.RefAttributes<HTMLSpanElement>>;
 declare const RadioIndicator: react.ForwardRefExoticComponent<RadioIndicatorProps & react.RefAttributes<HTMLSpanElement>>;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/radio/parts.tsx"],"mappings":";;;;;KAuBK,aAAA,GAAgB,wBAAA,QAAgC,KAAA,CAAU,IAAA;AAAA,KAC1D,kBAAA,GAAqB,wBAAA,QAAgC,KAAA,CAAU,SAAA;AAAA,UAEnD,cAAA,SAAuB,IAAA,CAAK,aAAA;EAC3C,SAAA;AAAA;AAAA,UAEe,mBAAA,SAA4B,IAAA,CAAK,kBAAA;EAChD,SAAA;AAAA;AAAA,cAGW,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,eAAA;AAAA,cAIT,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,eAAA"}
+{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/radio/parts.tsx"],"mappings":";;;;;KAwBK,aAAA,GAAgB,wBAAA,QAAgC,KAAA,CAAU,IAAA;AAAA,KAC1D,kBAAA,GAAqB,wBAAA,QAAgC,KAAA,CAAU,SAAA;AAAA,UAEnD,cAAA,SAAuB,aAAA;AAAA,UACvB,mBAAA,SAA4B,kBAAA;AAAA,cAEhC,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,eAAA;AAAA,cAIT,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,eAAA"}

package/dist/radio/parts.js

@@ -1,3 +1,4 @@
+import { cx, resolveClassName } from "../utils/resolveClassName.js";
 import radio_module_default from "./radio.module.js";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
@@ -24,7 +25,7 @@ import { Radio } from "@base-ui/react/radio";
 const RadioRoot = forwardRef(function RadioRoot({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Radio.Root, {
 		ref,
-		className: `${radio_module_default.radio} ${className ?? ""}`,
+		className: (state) => cx(radio_module_default.radio, resolveClassName(className, state)),
 		...props
 	});
 });
@@ -32,7 +33,7 @@ const RadioIndicator = forwardRef(function RadioIndicator({ className, ...props
 	return /* @__PURE__ */ jsx(Radio.Indicator, {
 		ref,
 		keepMounted: true,
-		className: `${radio_module_default.indicator} ${className ?? ""}`,
+		className: (state) => cx(radio_module_default.indicator, resolveClassName(className, state)),
 		...props
 	});
 });

package/dist/radio/parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"parts.js","names":["BaseRadio","styles"],"sources":["../../src/radio/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Radio (single item).\n *\n * @example\n * ```tsx\n * import { RadioGroup } from '@base-ui/react/radio-group';\n * import { RadioRoot, RadioIndicator } from '@brijbyte/agentic-ui/radio';\n *\n * <RadioGroup defaultValue=\"a\">\n *   <label htmlFor=\"opt-a\">\n *     <RadioRoot id=\"opt-a\" value=\"a\">\n *       <RadioIndicator />\n *     </RadioRoot>\n *     Option A\n *   </label>\n * </RadioGroup>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Radio as BaseRadio } from \"@base-ui/react/radio\";\nimport styles from \"./radio.module.css\";\n\ntype BaseRootProps = ComponentPropsWithoutRef<typeof BaseRadio.Root>;\ntype BaseIndicatorProps = ComponentPropsWithoutRef<typeof BaseRadio.Indicator>;\n\nexport interface RadioRootProps extends Omit<BaseRootProps, \"className\"> {\n  className?: string;\n}\nexport interface RadioIndicatorProps extends Omit<BaseIndicatorProps, \"className\"> {\n  className?: string;\n}\n\nexport const RadioRoot = forwardRef<ComponentRef<typeof BaseRadio.Root>, RadioRootProps>(function RadioRoot({ className, ...props }, ref) {\n  return <BaseRadio.Root ref={ref} className={`${styles.radio} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const RadioIndicator = forwardRef<ComponentRef<typeof BaseRadio.Indicator>, RadioIndicatorProps>(function RadioIndicator(\n  { className, ...props },\n  ref,\n) {\n  return <BaseRadio.Indicator ref={ref} keepMounted className={`${styles.indicator} ${className ?? \"\"}`} {...props} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAiCA,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,iBAAiB,WAA0E,SAAS,eAC/G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,MAAU,WAAX;EAA0B;EAAK,aAAA;EAAY,WAAW,GAAGC,qBAAO,UAAU,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACpH"}
+{"version":3,"file":"parts.js","names":["BaseRadio","styles"],"sources":["../../src/radio/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Radio (single item).\n *\n * @example\n * ```tsx\n * import { RadioGroup } from '@base-ui/react/radio-group';\n * import { RadioRoot, RadioIndicator } from '@brijbyte/agentic-ui/radio';\n *\n * <RadioGroup defaultValue=\"a\">\n *   <label htmlFor=\"opt-a\">\n *     <RadioRoot id=\"opt-a\" value=\"a\">\n *       <RadioIndicator />\n *     </RadioRoot>\n *     Option A\n *   </label>\n * </RadioGroup>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Radio as BaseRadio } from \"@base-ui/react/radio\";\nimport styles from \"./radio.module.css\";\nimport { resolveClassName, cx } from \"../utils/resolveClassName\";\n\ntype BaseRootProps = ComponentPropsWithoutRef<typeof BaseRadio.Root>;\ntype BaseIndicatorProps = ComponentPropsWithoutRef<typeof BaseRadio.Indicator>;\n\nexport interface RadioRootProps extends BaseRootProps {}\nexport interface RadioIndicatorProps extends BaseIndicatorProps {}\n\nexport const RadioRoot = forwardRef<ComponentRef<typeof BaseRadio.Root>, RadioRootProps>(function RadioRoot({ className, ...props }, ref) {\n  return <BaseRadio.Root ref={ref} className={(state) => cx(styles.radio, resolveClassName(className, state))} {...props} />;\n});\n\nexport const RadioIndicator = forwardRef<ComponentRef<typeof BaseRadio.Indicator>, RadioIndicatorProps>(function RadioIndicator(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseRadio.Indicator ref={ref} keepMounted className={(state) => cx(styles.indicator, resolveClassName(className, state))} {...props} />\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA8BA,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,iBAAiB,WAA0E,SAAS,eAC/G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QACE,oBAACD,MAAU,WAAX;EAA0B;EAAK,aAAA;EAAY,YAAY,UAAU,GAAGC,qBAAO,WAAW,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAE1I"}

package/dist/radio-group/parts.d.ts

@@ -4,9 +4,7 @@ import { RadioGroup } from "@base-ui/react/radio-group";
 
 //#region src/radio-group/parts.d.ts
 type BaseGroupProps = ComponentPropsWithoutRef<typeof RadioGroup>;
-interface RadioGroupRootProps extends Omit<BaseGroupProps, "className"> {
-  className?: string;
-}
+interface RadioGroupRootProps extends BaseGroupProps {}
 declare const RadioGroupRoot: react.ForwardRefExoticComponent<RadioGroupRootProps & react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { RadioGroupRoot, RadioGroupRootProps };

package/dist/radio-group/parts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/radio-group/parts.tsx"],"mappings":";;;;;KAoBK,cAAA,GAAiB,wBAAA,QAAgC,UAAA;AAAA,UAErC,mBAAA,SAA4B,IAAA,CAAK,cAAA;EAChD,SAAA;AAAA;AAAA,cAGW,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA"}
+{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/radio-group/parts.tsx"],"mappings":";;;;;KAqBK,cAAA,GAAiB,wBAAA,QAAgC,UAAA;AAAA,UAErC,mBAAA,SAA4B,cAAA;AAAA,cAEhC,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA"}

package/dist/radio-group/parts.js

@@ -1,3 +1,4 @@
+import { cx, resolveClassName } from "../utils/resolveClassName.js";
 import radio_group_module_default from "./radio-group.module.js";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
@@ -21,7 +22,7 @@ import { RadioGroup } from "@base-ui/react/radio-group";
 const RadioGroupRoot = forwardRef(function RadioGroupRoot({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(RadioGroup, {
 		ref,
-		className: `${radio_group_module_default.group} ${className ?? ""}`,
+		className: (state) => cx(radio_group_module_default.group, resolveClassName(className, state)),
 		...props
 	});
 });

package/dist/radio-group/parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"parts.js","names":["BaseRadioGroup","styles"],"sources":["../../src/radio-group/parts.tsx"],"sourcesContent":["/**\n * Styled primitive for RadioGroup.\n *\n * @example\n * ```tsx\n * import { Radio } from '@brijbyte/agentic-ui/radio';\n * import { RadioGroupRoot } from '@brijbyte/agentic-ui/radio-group';\n *\n * <RadioGroupRoot defaultValue=\"b\" name=\"plan\">\n *   <Radio value=\"a\">Hobby</Radio>\n *   <Radio value=\"b\">Pro</Radio>\n *   <Radio value=\"c\">Enterprise</Radio>\n * </RadioGroupRoot>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { RadioGroup as BaseRadioGroup } from \"@base-ui/react/radio-group\";\nimport styles from \"./radio-group.module.css\";\n\ntype BaseGroupProps = ComponentPropsWithoutRef<typeof BaseRadioGroup>;\n\nexport interface RadioGroupRootProps extends Omit<BaseGroupProps, \"className\"> {\n  className?: string;\n}\n\nexport const RadioGroupRoot = forwardRef<ComponentRef<typeof BaseRadioGroup>, RadioGroupRootProps>(function RadioGroupRoot(\n  { className, ...props },\n  ref,\n) {\n  return <BaseRadioGroup ref={ref} className={`${styles.group} ${className ?? \"\"}`} {...props} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0BA,MAAa,iBAAiB,WAAqE,SAAS,eAC1G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,YAAD;EAAqB;EAAK,WAAW,GAAGC,2BAAO,MAAM,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC/F"}
+{"version":3,"file":"parts.js","names":["BaseRadioGroup","styles"],"sources":["../../src/radio-group/parts.tsx"],"sourcesContent":["/**\n * Styled primitive for RadioGroup.\n *\n * @example\n * ```tsx\n * import { Radio } from '@brijbyte/agentic-ui/radio';\n * import { RadioGroupRoot } from '@brijbyte/agentic-ui/radio-group';\n *\n * <RadioGroupRoot defaultValue=\"b\" name=\"plan\">\n *   <Radio value=\"a\">Hobby</Radio>\n *   <Radio value=\"b\">Pro</Radio>\n *   <Radio value=\"c\">Enterprise</Radio>\n * </RadioGroupRoot>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { RadioGroup as BaseRadioGroup } from \"@base-ui/react/radio-group\";\nimport styles from \"./radio-group.module.css\";\nimport { resolveClassName, cx } from \"../utils/resolveClassName\";\n\ntype BaseGroupProps = ComponentPropsWithoutRef<typeof BaseRadioGroup>;\n\nexport interface RadioGroupRootProps extends BaseGroupProps {}\n\nexport const RadioGroupRoot = forwardRef<ComponentRef<typeof BaseRadioGroup>, RadioGroupRootProps>(function RadioGroupRoot(\n  { className, ...props },\n  ref,\n) {\n  return <BaseRadioGroup ref={ref} className={(state) => cx(styles.group, resolveClassName(className, state))} {...props} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyBA,MAAa,iBAAiB,WAAqE,SAAS,eAC1G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,YAAD;EAAqB;EAAK,YAAY,UAAU,GAAGC,2BAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAC1H"}

package/dist/reset-scoped.css

@@ -0,0 +1,112 @@
+/**
+ * @brijbyte/agentic-ui — Scoped reset
+ *
+ * A class-anchored mirror of reset.css for use in sandboxed environments
+ * (e.g. documentation demo canvases) where you want the same baseline as
+ * a real app that imports reset.css — without touching html/body globally.
+ *
+ * Usage:
+ *   @import "@brijbyte/agentic-ui/reset-scoped";
+ *
+ *   <div class="agentic-reset">
+ *     <!-- your component demo here -->
+ *   </div>
+ *
+ * Rules are kept in exact 1-to-1 correspondence with reset.css.
+ * html  → .agentic-reset
+ * body  → .agentic-reset
+ * Keep both files in sync when either changes.
+ */
+
+@layer base {
+  .agentic-reset,
+  .agentic-reset *,
+  .agentic-reset *::before,
+  .agentic-reset *::after {
+    box-sizing: border-box;
+  }
+
+  .agentic-reset * {
+    margin: 0;
+    padding: 0;
+  }
+
+  /* html rules → applied to the root of the scoped subtree */
+  .agentic-reset {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-rendering: optimizeLegibility;
+    tab-size: 2;
+  }
+
+  /* body rules → same root */
+  .agentic-reset {
+    font-family: var(--font-mono);
+    font-size: var(--font-size-md);
+    line-height: var(--line-height-normal);
+    color: var(--color-primary);
+    background-color: var(--color-canvas);
+  }
+
+  .agentic-reset img,
+  .agentic-reset picture,
+  .agentic-reset video,
+  .agentic-reset canvas,
+  .agentic-reset svg {
+    display: block;
+    max-width: 100%;
+  }
+
+  .agentic-reset input,
+  .agentic-reset button,
+  .agentic-reset textarea,
+  .agentic-reset select {
+    font: inherit;
+  }
+
+  .agentic-reset * {
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  .agentic-reset p,
+  .agentic-reset h1,
+  .agentic-reset h2,
+  .agentic-reset h3,
+  .agentic-reset h4,
+  .agentic-reset h5,
+  .agentic-reset h6 {
+    overflow-wrap: break-word;
+  }
+
+  .agentic-reset h1,
+  .agentic-reset h2,
+  .agentic-reset h3,
+  .agentic-reset h4,
+  .agentic-reset h5,
+  .agentic-reset h6 {
+    font-family: var(--font-display);
+    font-weight: var(--font-weight-semibold);
+    line-height: var(--line-height-tight);
+    letter-spacing: var(--letter-spacing-tight);
+    color: var(--color-primary);
+  }
+
+  .agentic-reset * {
+    scrollbar-width: thin;
+    scrollbar-color: var(--color-thumb) var(--color-track);
+  }
+
+  .agentic-reset *::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+
+  .agentic-reset *::-webkit-scrollbar-thumb {
+    background: var(--color-thumb);
+    border-radius: var(--radius-full);
+  }
+
+  .agentic-reset *::-webkit-scrollbar-track {
+    background: var(--color-track);
+  }
+}

package/dist/select/parts.d.ts

@@ -14,41 +14,20 @@ type BaseItemIndicatorProps = ComponentPropsWithoutRef<typeof Select.ItemIndicat
 type BaseGroupProps = ComponentPropsWithoutRef<typeof Select.Group>;
 type BaseGroupLabelProps = ComponentPropsWithoutRef<typeof Select.GroupLabel>;
 type BaseSeparatorProps = ComponentPropsWithoutRef<typeof Select.Separator>;
-interface SelectTriggerProps extends Omit<BaseTriggerProps, "className"> {
-  className?: string;
-}
-interface SelectValueProps extends Omit<BaseValueProps, "className"> {
-  className?: string;
-}
-interface SelectPositionerProps extends Omit<BasePositionerProps, "className"> {
-  className?: string;
-}
-interface SelectPopupProps extends Omit<BasePopupProps, "className"> {
-  className?: string;
-}
-interface SelectListProps extends Omit<BaseListProps, "className"> {
-  className?: string;
-}
-interface SelectItemProps extends Omit<BaseItemProps, "className"> {
-  className?: string;
-}
-interface SelectItemTextProps extends Omit<BaseItemTextProps, "className"> {
-  className?: string;
-}
-interface SelectItemIndicatorProps extends Omit<BaseItemIndicatorProps, "className"> {
-  className?: string;
+interface SelectTriggerProps extends BaseTriggerProps {}
+interface SelectValueProps extends BaseValueProps {}
+interface SelectPositionerProps extends BasePositionerProps {}
+interface SelectPopupProps extends BasePopupProps {}
+interface SelectListProps extends BaseListProps {}
+interface SelectItemProps extends BaseItemProps {}
+interface SelectItemTextProps extends BaseItemTextProps {}
+interface SelectItemIndicatorProps extends BaseItemIndicatorProps {
   /** Custom icon. Defaults to a checkmark SVG. */
   children?: ReactNode;
 }
-interface SelectGroupProps extends Omit<BaseGroupProps, "className"> {
-  className?: string;
-}
-interface SelectGroupLabelProps extends Omit<BaseGroupLabelProps, "className"> {
-  className?: string;
-}
-interface SelectSeparatorProps extends Omit<BaseSeparatorProps, "className"> {
-  className?: string;
-}
+interface SelectGroupProps extends BaseGroupProps {}
+interface SelectGroupLabelProps extends BaseGroupLabelProps {}
+interface SelectSeparatorProps extends BaseSeparatorProps {}
 declare const SelectTrigger: react.ForwardRefExoticComponent<SelectTriggerProps & react.RefAttributes<HTMLButtonElement>>;
 declare const SelectValue: react.ForwardRefExoticComponent<SelectValueProps & react.RefAttributes<HTMLSpanElement>>;
 declare const SelectPositioner: react.ForwardRefExoticComponent<SelectPositionerProps & react.RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/select/parts.tsx"],"mappings":"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"}
+{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/select/parts.tsx"],"mappings":";;;;;KAqCK,gBAAA,GAAmB,wBAAA,QAAgC,MAAA,CAAW,OAAA;AAAA,KAC9D,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,KAC5D,mBAAA,GAAsB,wBAAA,QAAgC,MAAA,CAAW,UAAA;AAAA,KACjE,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,KAC5D,aAAA,GAAgB,wBAAA,QAAgC,MAAA,CAAW,IAAA;AAAA,KAC3D,aAAA,GAAgB,wBAAA,QAAgC,MAAA,CAAW,IAAA;AAAA,KAC3D,iBAAA,GAAoB,wBAAA,QAAgC,MAAA,CAAW,QAAA;AAAA,KAC/D,sBAAA,GAAyB,wBAAA,QAAgC,MAAA,CAAW,aAAA;AAAA,KACpE,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,KAC5D,mBAAA,GAAsB,wBAAA,QAAgC,MAAA,CAAW,UAAA;AAAA,KACjE,kBAAA,GAAqB,wBAAA,QAAgC,MAAA,CAAW,SAAA;AAAA,UAEpD,kBAAA,SAA2B,gBAAA;AAAA,UAC3B,gBAAA,SAAyB,cAAA;AAAA,UACzB,qBAAA,SAA8B,mBAAA;AAAA,UAC9B,gBAAA,SAAyB,cAAA;AAAA,UACzB,eAAA,SAAwB,aAAA;AAAA,UACxB,eAAA,SAAwB,aAAA;AAAA,UACxB,mBAAA,SAA4B,iBAAA;AAAA,UAC5B,wBAAA,SAAiC,sBAAA;EAjBS;EAmBzD,QAAA,GAAW,SAAA;AAAA;AAAA,UAEI,gBAAA,SAAyB,cAAA;AAAA,UACzB,qBAAA,SAA8B,mBAAA;AAAA,UAC9B,oBAAA,SAA6B,kBAAA;AAAA,cAUjC,aAAA,EAAa,KAAA,CAAA,yBAAA,CAAA,kBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,cAOb,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,eAAA;AAAA,cAOX,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,qBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAchB,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOX,UAAA,EAAU,KAAA,CAAA,yBAAA,CAAA,eAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOV,UAAA,EAAU,KAAA,CAAA,yBAAA,CAAA,eAAA,GAAA,KAAA,CAAA,aAAA,CAAA,WAAA;AAAA,cAOV,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOd,mBAAA,EAAmB,KAAA,CAAA,yBAAA,CAAA,wBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,eAAA;AAAA,cAcnB,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOX,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,qBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAShB,eAAA,EAAe,KAAA,CAAA,yBAAA,CAAA,oBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA"}

package/dist/select/parts.js

@@ -1,3 +1,4 @@
+import { cx, resolveClassName } from "../utils/resolveClassName.js";
 import select_module_default from "./select.module.js";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
@@ -52,21 +53,21 @@ function DefaultCheckIcon() {
 const SelectTrigger = forwardRef(function SelectTrigger({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Select.Trigger, {
 		ref,
-		className: `${select_module_default.trigger} ${className ?? ""}`,
+		className: (state) => cx(select_module_default.trigger, resolveClassName(className, state)),
 		...props
 	});
 });
 const SelectValue = forwardRef(function SelectValue({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Select.Value, {
 		ref,
-		className: `${select_module_default["trigger-value"]} ${className ?? ""}`,
+		className: (state) => cx(select_module_default["trigger-value"], resolveClassName(className, state)),
 		...props
 	});
 });
 const SelectPositioner = forwardRef(function SelectPositioner({ className, sideOffset = 4, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Select.Positioner, {
 		ref,
-		className: `${select_module_default.positioner} ${className ?? ""}`,
+		className: (state) => cx(select_module_default.positioner, resolveClassName(className, state)),
 		sideOffset,
 		...props
 	});
@@ -74,21 +75,21 @@ const SelectPositioner = forwardRef(function SelectPositioner({ className, sideO
 const SelectPopup = forwardRef(function SelectPopup({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Select.Popup, {
 		ref,
-		className: `${select_module_default.popup} ${className ?? ""}`,
+		className: (state) => cx(select_module_default.popup, resolveClassName(className, state)),
 		...props
 	});
 });
 const SelectList = forwardRef(function SelectList({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Select.List, {
 		ref,
-		className: `${select_module_default.list ?? ""} ${className ?? ""}`,
+		className: (state) => cx(select_module_default.list ?? "", resolveClassName(className, state)),
 		...props
 	});
 });
 const SelectItem = forwardRef(function SelectItem({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Select.Item, {
 		ref,
-		className: `${select_module_default.item} ${className ?? ""}`,
+		className: (state) => cx(select_module_default.item, resolveClassName(className, state)),
 		...props
 	});
 });
@@ -102,7 +103,7 @@ const SelectItemText = forwardRef(function SelectItemText({ className, ...props
 const SelectItemIndicator = forwardRef(function SelectItemIndicator({ className, children, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Select.ItemIndicator, {
 		ref,
-		className: `${select_module_default["item-indicator"]} ${className ?? ""}`,
+		className: (state) => cx(select_module_default["item-indicator"], resolveClassName(className, state)),
 		...props,
 		children: children ?? /* @__PURE__ */ jsx(DefaultCheckIcon, {})
 	});
@@ -117,14 +118,14 @@ const SelectGroup = forwardRef(function SelectGroup({ className, ...props }, ref
 const SelectGroupLabel = forwardRef(function SelectGroupLabel({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Select.GroupLabel, {
 		ref,
-		className: `${select_module_default["group-label"]} ${className ?? ""}`,
+		className: (state) => cx(select_module_default["group-label"], resolveClassName(className, state)),
 		...props
 	});
 });
 const SelectSeparator = forwardRef(function SelectSeparator({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Select.Separator, {
 		ref,
-		className: `${select_module_default.separator} ${className ?? ""}`,
+		className: (state) => cx(select_module_default.separator, resolveClassName(className, state)),
 		...props
 	});
 });

package/dist/select/parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"parts.js","names":["BaseSelect","styles"],"sources":["../../src/select/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Select.\n *\n * @example\n * ```tsx\n * import { Select } from '@base-ui/react/select';\n * import {\n *   SelectTrigger, SelectValue, SelectPositioner,\n *   SelectPopup, SelectList, SelectItem, SelectItemText,\n *   SelectItemIndicator, SelectGroupLabel, SelectSeparator,\n * } from '@brijbyte/agentic-ui/select';\n *\n * <Select.Root>\n *   <SelectTrigger>\n *     <SelectValue placeholder=\"Pick one…\" />\n *   </SelectTrigger>\n *   <Select.Portal>\n *     <SelectPositioner>\n *       <SelectPopup>\n *         <SelectList>\n *           <SelectItem value=\"a\">\n *             <SelectItemText>Option A</SelectItemText>\n *             <SelectItemIndicator />\n *           </SelectItem>\n *         </SelectList>\n *       </SelectPopup>\n *     </SelectPositioner>\n *   </Select.Portal>\n * </Select.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport { Select as BaseSelect } from \"@base-ui/react/select\";\nimport styles from \"./select.module.css\";\n\ntype BaseTriggerProps = ComponentPropsWithoutRef<typeof BaseSelect.Trigger>;\ntype BaseValueProps = ComponentPropsWithoutRef<typeof BaseSelect.Value>;\ntype BasePositionerProps = ComponentPropsWithoutRef<typeof BaseSelect.Positioner>;\ntype BasePopupProps = ComponentPropsWithoutRef<typeof BaseSelect.Popup>;\ntype BaseListProps = ComponentPropsWithoutRef<typeof BaseSelect.List>;\ntype BaseItemProps = ComponentPropsWithoutRef<typeof BaseSelect.Item>;\ntype BaseItemTextProps = ComponentPropsWithoutRef<typeof BaseSelect.ItemText>;\ntype BaseItemIndicatorProps = ComponentPropsWithoutRef<typeof BaseSelect.ItemIndicator>;\ntype BaseGroupProps = ComponentPropsWithoutRef<typeof BaseSelect.Group>;\ntype BaseGroupLabelProps = ComponentPropsWithoutRef<typeof BaseSelect.GroupLabel>;\ntype BaseSeparatorProps = ComponentPropsWithoutRef<typeof BaseSelect.Separator>;\n\nexport interface SelectTriggerProps extends Omit<BaseTriggerProps, \"className\"> {\n  className?: string;\n}\nexport interface SelectValueProps extends Omit<BaseValueProps, \"className\"> {\n  className?: string;\n}\nexport interface SelectPositionerProps extends Omit<BasePositionerProps, \"className\"> {\n  className?: string;\n}\nexport interface SelectPopupProps extends Omit<BasePopupProps, \"className\"> {\n  className?: string;\n}\nexport interface SelectListProps extends Omit<BaseListProps, \"className\"> {\n  className?: string;\n}\nexport interface SelectItemProps extends Omit<BaseItemProps, \"className\"> {\n  className?: string;\n}\nexport interface SelectItemTextProps extends Omit<BaseItemTextProps, \"className\"> {\n  className?: string;\n}\nexport interface SelectItemIndicatorProps extends Omit<BaseItemIndicatorProps, \"className\"> {\n  className?: string;\n  /** Custom icon. Defaults to a checkmark SVG. */\n  children?: ReactNode;\n}\nexport interface SelectGroupProps extends Omit<BaseGroupProps, \"className\"> {\n  className?: string;\n}\nexport interface SelectGroupLabelProps extends Omit<BaseGroupLabelProps, \"className\"> {\n  className?: string;\n}\nexport interface SelectSeparatorProps extends Omit<BaseSeparatorProps, \"className\"> {\n  className?: string;\n}\n\nfunction DefaultCheckIcon() {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n      <path d=\"M2 6L4.5 8.5L10 3\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n\nexport const SelectTrigger = forwardRef<ComponentRef<typeof BaseSelect.Trigger>, SelectTriggerProps>(function SelectTrigger(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.Trigger ref={ref} className={`${styles.trigger} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const SelectValue = forwardRef<ComponentRef<typeof BaseSelect.Value>, SelectValueProps>(function SelectValue(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.Value ref={ref} className={`${styles[\"trigger-value\"]} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const SelectPositioner = forwardRef<ComponentRef<typeof BaseSelect.Positioner>, SelectPositionerProps>(function SelectPositioner(\n  { className, sideOffset = 4, ...props },\n  ref,\n) {\n  return <BaseSelect.Positioner ref={ref} className={`${styles.positioner} ${className ?? \"\"}`} sideOffset={sideOffset} {...props} />;\n});\n\nexport const SelectPopup = forwardRef<ComponentRef<typeof BaseSelect.Popup>, SelectPopupProps>(function SelectPopup(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.Popup ref={ref} className={`${styles.popup} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const SelectList = forwardRef<ComponentRef<typeof BaseSelect.List>, SelectListProps>(function SelectList(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.List ref={ref} className={`${styles.list ?? \"\"} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const SelectItem = forwardRef<ComponentRef<typeof BaseSelect.Item>, SelectItemProps>(function SelectItem(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.Item ref={ref} className={`${styles.item} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const SelectItemText = forwardRef<ComponentRef<typeof BaseSelect.ItemText>, SelectItemTextProps>(function SelectItemText(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.ItemText ref={ref} className={className} {...props} />;\n});\n\nexport const SelectItemIndicator = forwardRef<ComponentRef<typeof BaseSelect.ItemIndicator>, SelectItemIndicatorProps>(\n  function SelectItemIndicator({ className, children, ...props }, ref) {\n    return (\n      <BaseSelect.ItemIndicator ref={ref} className={`${styles[\"item-indicator\"]} ${className ?? \"\"}`} {...props}>\n        {children ?? <DefaultCheckIcon />}\n      </BaseSelect.ItemIndicator>\n    );\n  },\n);\n\nexport const SelectGroup = forwardRef<ComponentRef<typeof BaseSelect.Group>, SelectGroupProps>(function SelectGroup(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.Group ref={ref} className={className} {...props} />;\n});\n\nexport const SelectGroupLabel = forwardRef<ComponentRef<typeof BaseSelect.GroupLabel>, SelectGroupLabelProps>(function SelectGroupLabel(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.GroupLabel ref={ref} className={`${styles[\"group-label\"]} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const SelectSeparator = forwardRef<ComponentRef<typeof BaseSelect.Separator>, SelectSeparatorProps>(function SelectSeparator(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.Separator ref={ref} className={`${styles.separator} ${className ?? \"\"}`} {...props} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFA,SAAS,mBAAmB;AAC1B,QACE,oBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;YACnD,oBAAC,QAAD;GAAM,GAAE;GAAoB,QAAO;GAAe,aAAY;GAAM,eAAc;GAAQ,gBAAe;GAAU,CAAA;EAC/G,CAAA;;AAIV,MAAa,gBAAgB,WAAwE,SAAS,cAC5G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,OAAW,SAAZ;EAAyB;EAAK,WAAW,GAAGC,sBAAO,QAAQ,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACrG;AAEF,MAAa,cAAc,WAAoE,SAAS,YACtG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,OAAW,OAAZ;EAAuB;EAAK,WAAW,GAAGC,sBAAO,iBAAiB,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC5G;AAEF,MAAa,mBAAmB,WAA8E,SAAS,iBACrH,EAAE,WAAW,aAAa,GAAG,GAAG,SAChC,KACA;AACA,QAAO,oBAACD,OAAW,YAAZ;EAA4B;EAAK,WAAW,GAAGC,sBAAO,WAAW,GAAG,aAAa;EAAkB;EAAY,GAAI;EAAS,CAAA;EACnI;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;AAEF,MAAa,aAAa,WAAkE,SAAS,WACnG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,OAAW,MAAZ;EAAsB;EAAK,WAAW,GAAGC,sBAAO,QAAQ,GAAG,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACrG;AAEF,MAAa,aAAa,WAAkE,SAAS,WACnG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,OAAW,MAAZ;EAAsB;EAAK,WAAW,GAAGC,sBAAO,KAAK,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC/F;AAEF,MAAa,iBAAiB,WAA0E,SAAS,eAC/G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,OAAW,UAAZ;EAA0B;EAAgB;EAAW,GAAI;EAAS,CAAA;EACzE;AAEF,MAAa,sBAAsB,WACjC,SAAS,oBAAoB,EAAE,WAAW,UAAU,GAAG,SAAS,KAAK;AACnE,QACE,oBAACA,OAAW,eAAZ;EAA+B;EAAK,WAAW,GAAGC,sBAAO,kBAAkB,GAAG,aAAa;EAAM,GAAI;YAClG,YAAY,oBAAC,kBAAD,EAAoB,CAAA;EACR,CAAA;EAGhC;AAED,MAAa,cAAc,WAAoE,SAAS,YACtG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,OAAW,OAAZ;EAAuB;EAAgB;EAAW,GAAI;EAAS,CAAA;EACtE;AAEF,MAAa,mBAAmB,WAA8E,SAAS,iBACrH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,OAAW,YAAZ;EAA4B;EAAK,WAAW,GAAGC,sBAAO,eAAe,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC/G;AAEF,MAAa,kBAAkB,WAA4E,SAAS,gBAClH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,OAAW,WAAZ;EAA2B;EAAK,WAAW,GAAGC,sBAAO,UAAU,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACzG"}
+{"version":3,"file":"parts.js","names":["BaseSelect","styles"],"sources":["../../src/select/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Select.\n *\n * @example\n * ```tsx\n * import { Select } from '@base-ui/react/select';\n * import {\n *   SelectTrigger, SelectValue, SelectPositioner,\n *   SelectPopup, SelectList, SelectItem, SelectItemText,\n *   SelectItemIndicator, SelectGroupLabel, SelectSeparator,\n * } from '@brijbyte/agentic-ui/select';\n *\n * <Select.Root>\n *   <SelectTrigger>\n *     <SelectValue placeholder=\"Pick one…\" />\n *   </SelectTrigger>\n *   <Select.Portal>\n *     <SelectPositioner>\n *       <SelectPopup>\n *         <SelectList>\n *           <SelectItem value=\"a\">\n *             <SelectItemText>Option A</SelectItemText>\n *             <SelectItemIndicator />\n *           </SelectItem>\n *         </SelectList>\n *       </SelectPopup>\n *     </SelectPositioner>\n *   </Select.Portal>\n * </Select.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport { Select as BaseSelect } from \"@base-ui/react/select\";\nimport styles from \"./select.module.css\";\nimport { resolveClassName, cx } from \"../utils/resolveClassName\";\n\ntype BaseTriggerProps = ComponentPropsWithoutRef<typeof BaseSelect.Trigger>;\ntype BaseValueProps = ComponentPropsWithoutRef<typeof BaseSelect.Value>;\ntype BasePositionerProps = ComponentPropsWithoutRef<typeof BaseSelect.Positioner>;\ntype BasePopupProps = ComponentPropsWithoutRef<typeof BaseSelect.Popup>;\ntype BaseListProps = ComponentPropsWithoutRef<typeof BaseSelect.List>;\ntype BaseItemProps = ComponentPropsWithoutRef<typeof BaseSelect.Item>;\ntype BaseItemTextProps = ComponentPropsWithoutRef<typeof BaseSelect.ItemText>;\ntype BaseItemIndicatorProps = ComponentPropsWithoutRef<typeof BaseSelect.ItemIndicator>;\ntype BaseGroupProps = ComponentPropsWithoutRef<typeof BaseSelect.Group>;\ntype BaseGroupLabelProps = ComponentPropsWithoutRef<typeof BaseSelect.GroupLabel>;\ntype BaseSeparatorProps = ComponentPropsWithoutRef<typeof BaseSelect.Separator>;\n\nexport interface SelectTriggerProps extends BaseTriggerProps {}\nexport interface SelectValueProps extends BaseValueProps {}\nexport interface SelectPositionerProps extends BasePositionerProps {}\nexport interface SelectPopupProps extends BasePopupProps {}\nexport interface SelectListProps extends BaseListProps {}\nexport interface SelectItemProps extends BaseItemProps {}\nexport interface SelectItemTextProps extends BaseItemTextProps {}\nexport interface SelectItemIndicatorProps extends BaseItemIndicatorProps {\n  /** Custom icon. Defaults to a checkmark SVG. */\n  children?: ReactNode;\n}\nexport interface SelectGroupProps extends BaseGroupProps {}\nexport interface SelectGroupLabelProps extends BaseGroupLabelProps {}\nexport interface SelectSeparatorProps extends BaseSeparatorProps {}\n\nfunction DefaultCheckIcon() {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n      <path d=\"M2 6L4.5 8.5L10 3\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n\nexport const SelectTrigger = forwardRef<ComponentRef<typeof BaseSelect.Trigger>, SelectTriggerProps>(function SelectTrigger(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.Trigger ref={ref} className={(state) => cx(styles.trigger, resolveClassName(className, state))} {...props} />;\n});\n\nexport const SelectValue = forwardRef<ComponentRef<typeof BaseSelect.Value>, SelectValueProps>(function SelectValue(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.Value ref={ref} className={(state) => cx(styles[\"trigger-value\"], resolveClassName(className, state))} {...props} />;\n});\n\nexport const SelectPositioner = forwardRef<ComponentRef<typeof BaseSelect.Positioner>, SelectPositionerProps>(function SelectPositioner(\n  { className, sideOffset = 4, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Positioner\n      ref={ref}\n      className={(state) => cx(styles.positioner, resolveClassName(className, state))}\n      sideOffset={sideOffset}\n      {...props}\n    />\n  );\n});\n\nexport const SelectPopup = forwardRef<ComponentRef<typeof BaseSelect.Popup>, SelectPopupProps>(function SelectPopup(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.Popup ref={ref} className={(state) => cx(styles.popup, resolveClassName(className, state))} {...props} />;\n});\n\nexport const SelectList = forwardRef<ComponentRef<typeof BaseSelect.List>, SelectListProps>(function SelectList(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.List ref={ref} className={(state) => cx(styles.list ?? \"\", resolveClassName(className, state))} {...props} />;\n});\n\nexport const SelectItem = forwardRef<ComponentRef<typeof BaseSelect.Item>, SelectItemProps>(function SelectItem(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.Item ref={ref} className={(state) => cx(styles.item, resolveClassName(className, state))} {...props} />;\n});\n\nexport const SelectItemText = forwardRef<ComponentRef<typeof BaseSelect.ItemText>, SelectItemTextProps>(function SelectItemText(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.ItemText ref={ref} className={className} {...props} />;\n});\n\nexport const SelectItemIndicator = forwardRef<ComponentRef<typeof BaseSelect.ItemIndicator>, SelectItemIndicatorProps>(\n  function SelectItemIndicator({ className, children, ...props }, ref) {\n    return (\n      <BaseSelect.ItemIndicator\n        ref={ref}\n        className={(state) => cx(styles[\"item-indicator\"], resolveClassName(className, state))}\n        {...props}\n      >\n        {children ?? <DefaultCheckIcon />}\n      </BaseSelect.ItemIndicator>\n    );\n  },\n);\n\nexport const SelectGroup = forwardRef<ComponentRef<typeof BaseSelect.Group>, SelectGroupProps>(function SelectGroup(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.Group ref={ref} className={className} {...props} />;\n});\n\nexport const SelectGroupLabel = forwardRef<ComponentRef<typeof BaseSelect.GroupLabel>, SelectGroupLabelProps>(function SelectGroupLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.GroupLabel ref={ref} className={(state) => cx(styles[\"group-label\"], resolveClassName(className, state))} {...props} />\n  );\n});\n\nexport const SelectSeparator = forwardRef<ComponentRef<typeof BaseSelect.Separator>, SelectSeparatorProps>(function SelectSeparator(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.Separator ref={ref} className={(state) => cx(styles.separator, resolveClassName(className, state))} {...props} />;\n});\n"],"mappings":"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"}

package/dist/slider/parts.d.ts

@@ -9,24 +9,12 @@ type BaseIndicatorProps = ComponentPropsWithoutRef<typeof Slider.Indicator>;
 type BaseThumbProps = ComponentPropsWithoutRef<typeof Slider.Thumb>;
 type BaseLabelProps = ComponentPropsWithoutRef<typeof Slider.Label>;
 type BaseValueProps = ComponentPropsWithoutRef<typeof Slider.Value>;
-interface SliderControlProps extends Omit<BaseControlProps, "className"> {
-  className?: string;
-}
-interface SliderTrackProps extends Omit<BaseTrackProps, "className"> {
-  className?: string;
-}
-interface SliderIndicatorProps extends Omit<BaseIndicatorProps, "className"> {
-  className?: string;
-}
-interface SliderThumbProps extends Omit<BaseThumbProps, "className"> {
-  className?: string;
-}
-interface SliderLabelProps extends Omit<BaseLabelProps, "className"> {
-  className?: string;
-}
-interface SliderValueProps extends Omit<BaseValueProps, "className"> {
-  className?: string;
-}
+interface SliderControlProps extends BaseControlProps {}
+interface SliderTrackProps extends BaseTrackProps {}
+interface SliderIndicatorProps extends BaseIndicatorProps {}
+interface SliderThumbProps extends BaseThumbProps {}
+interface SliderLabelProps extends BaseLabelProps {}
+interface SliderValueProps extends BaseValueProps {}
 declare const SliderControl: react.ForwardRefExoticComponent<SliderControlProps & react.RefAttributes<HTMLDivElement>>;
 declare const SliderTrack: react.ForwardRefExoticComponent<SliderTrackProps & react.RefAttributes<HTMLDivElement>>;
 declare const SliderIndicator: react.ForwardRefExoticComponent<SliderIndicatorProps & react.RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/slider/parts.tsx"],"mappings":";;;;;KAuBK,gBAAA,GAAmB,wBAAA,QAAgC,MAAA,CAAW,OAAA;AAAA,KAC9D,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,KAC5D,kBAAA,GAAqB,wBAAA,QAAgC,MAAA,CAAW,SAAA;AAAA,KAChE,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,KAC5D,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,KAC5D,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,UAEhD,kBAAA,SAA2B,IAAA,CAAK,gBAAA;EAC/C,SAAA;AAAA;AAAA,UAEe,gBAAA,SAAyB,IAAA,CAAK,cAAA;EAC7C,SAAA;AAAA;AAAA,UAEe,oBAAA,SAA6B,IAAA,CAAK,kBAAA;EACjD,SAAA;AAAA;AAAA,UAEe,gBAAA,SAAyB,IAAA,CAAK,cAAA;EAC7C,SAAA;AAAA;AAAA,UAEe,gBAAA,SAAyB,IAAA,CAAK,cAAA;EAC7C,SAAA;AAAA;AAAA,UAEe,gBAAA,SAAyB,IAAA,CAAK,cAAA;EAC7C,SAAA;AAAA;AAAA,cAGW,aAAA,EAAa,KAAA,CAAA,yBAAA,CAAA,kBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOb,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOX,eAAA,EAAe,KAAA,CAAA,yBAAA,CAAA,oBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOf,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOX,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOX,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}
+{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/slider/parts.tsx"],"mappings":";;;;;KAwBK,gBAAA,GAAmB,wBAAA,QAAgC,MAAA,CAAW,OAAA;AAAA,KAC9D,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,KAC5D,kBAAA,GAAqB,wBAAA,QAAgC,MAAA,CAAW,SAAA;AAAA,KAChE,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,KAC5D,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,KAC5D,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,UAEhD,kBAAA,SAA2B,gBAAA;AAAA,UAC3B,gBAAA,SAAyB,cAAA;AAAA,UACzB,oBAAA,SAA6B,kBAAA;AAAA,UAC7B,gBAAA,SAAyB,cAAA;AAAA,UACzB,gBAAA,SAAyB,cAAA;AAAA,UACzB,gBAAA,SAAyB,cAAA;AAAA,cAE7B,aAAA,EAAa,KAAA,CAAA,yBAAA,CAAA,kBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOb,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOX,eAAA,EAAe,KAAA,CAAA,yBAAA,CAAA,oBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOf,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOX,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOX,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}

package/dist/slider/parts.js

@@ -1,3 +1,4 @@
+import { cx, resolveClassName } from "../utils/resolveClassName.js";
 import slider_module_default from "./slider.module.js";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
@@ -24,42 +25,42 @@ import { Slider } from "@base-ui/react/slider";
 const SliderControl = forwardRef(function SliderControl({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Slider.Control, {
 		ref,
-		className: `${slider_module_default.control} ${className ?? ""}`,
+		className: (state) => cx(slider_module_default.control, resolveClassName(className, state)),
 		...props
 	});
 });
 const SliderTrack = forwardRef(function SliderTrack({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Slider.Track, {
 		ref,
-		className: `${slider_module_default.track} ${className ?? ""}`,
+		className: (state) => cx(slider_module_default.track, resolveClassName(className, state)),
 		...props
 	});
 });
 const SliderIndicator = forwardRef(function SliderIndicator({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Slider.Indicator, {
 		ref,
-		className: `${slider_module_default.indicator} ${className ?? ""}`,
+		className: (state) => cx(slider_module_default.indicator, resolveClassName(className, state)),
 		...props
 	});
 });
 const SliderThumb = forwardRef(function SliderThumb({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Slider.Thumb, {
 		ref,
-		className: `${slider_module_default.thumb} ${className ?? ""}`,
+		className: (state) => cx(slider_module_default.thumb, resolveClassName(className, state)),
 		...props
 	});
 });
 const SliderLabel = forwardRef(function SliderLabel({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Slider.Label, {
 		ref,
-		className: `${slider_module_default.label} ${className ?? ""}`,
+		className: (state) => cx(slider_module_default.label, resolveClassName(className, state)),
 		...props
 	});
 });
 const SliderValue = forwardRef(function SliderValue({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Slider.Value, {
 		ref,
-		className: `${slider_module_default.value} ${className ?? ""}`,
+		className: (state) => cx(slider_module_default.value, resolveClassName(className, state)),
 		...props
 	});
 });

package/dist/slider/parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"parts.js","names":["BaseSlider","styles"],"sources":["../../src/slider/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Slider.\n *\n * @example\n * ```tsx\n * import { Slider as BaseSlider } from '@base-ui/react/slider';\n * import { SliderControl, SliderTrack, SliderIndicator, SliderThumb } from '@brijbyte/agentic-ui/slider';\n *\n * <BaseSlider.Root defaultValue={50}>\n *   <SliderControl>\n *     <SliderTrack>\n *       <SliderIndicator />\n *       <SliderThumb aria-label=\"Volume\" />\n *     </SliderTrack>\n *   </SliderControl>\n * </BaseSlider.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Slider as BaseSlider } from \"@base-ui/react/slider\";\nimport styles from \"./slider.module.css\";\n\ntype BaseControlProps = ComponentPropsWithoutRef<typeof BaseSlider.Control>;\ntype BaseTrackProps = ComponentPropsWithoutRef<typeof BaseSlider.Track>;\ntype BaseIndicatorProps = ComponentPropsWithoutRef<typeof BaseSlider.Indicator>;\ntype BaseThumbProps = ComponentPropsWithoutRef<typeof BaseSlider.Thumb>;\ntype BaseLabelProps = ComponentPropsWithoutRef<typeof BaseSlider.Label>;\ntype BaseValueProps = ComponentPropsWithoutRef<typeof BaseSlider.Value>;\n\nexport interface SliderControlProps extends Omit<BaseControlProps, \"className\"> {\n  className?: string;\n}\nexport interface SliderTrackProps extends Omit<BaseTrackProps, \"className\"> {\n  className?: string;\n}\nexport interface SliderIndicatorProps extends Omit<BaseIndicatorProps, \"className\"> {\n  className?: string;\n}\nexport interface SliderThumbProps extends Omit<BaseThumbProps, \"className\"> {\n  className?: string;\n}\nexport interface SliderLabelProps extends Omit<BaseLabelProps, \"className\"> {\n  className?: string;\n}\nexport interface SliderValueProps extends Omit<BaseValueProps, \"className\"> {\n  className?: string;\n}\n\nexport const SliderControl = forwardRef<ComponentRef<typeof BaseSlider.Control>, SliderControlProps>(function SliderControl(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSlider.Control ref={ref} className={`${styles.control} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const SliderTrack = forwardRef<ComponentRef<typeof BaseSlider.Track>, SliderTrackProps>(function SliderTrack(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSlider.Track ref={ref} className={`${styles.track} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const SliderIndicator = forwardRef<ComponentRef<typeof BaseSlider.Indicator>, SliderIndicatorProps>(function SliderIndicator(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSlider.Indicator ref={ref} className={`${styles.indicator} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const SliderThumb = forwardRef<ComponentRef<typeof BaseSlider.Thumb>, SliderThumbProps>(function SliderThumb(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSlider.Thumb ref={ref} className={`${styles.thumb} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const SliderLabel = forwardRef<ComponentRef<typeof BaseSlider.Label>, SliderLabelProps>(function SliderLabel(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSlider.Label ref={ref} className={`${styles.label} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const SliderValue = forwardRef<ComponentRef<typeof BaseSlider.Value>, SliderValueProps>(function SliderValue(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSlider.Value ref={ref} className={`${styles.value} ${className ?? \"\"}`} {...props} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAiDA,MAAa,gBAAgB,WAAwE,SAAS,cAC5G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,OAAW,SAAZ;EAAyB;EAAK,WAAW,GAAGC,sBAAO,QAAQ,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACrG;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;AAEF,MAAa,kBAAkB,WAA4E,SAAS,gBAClH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,OAAW,WAAZ;EAA2B;EAAK,WAAW,GAAGC,sBAAO,UAAU,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;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;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":["BaseSlider","styles"],"sources":["../../src/slider/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Slider.\n *\n * @example\n * ```tsx\n * import { Slider as BaseSlider } from '@base-ui/react/slider';\n * import { SliderControl, SliderTrack, SliderIndicator, SliderThumb } from '@brijbyte/agentic-ui/slider';\n *\n * <BaseSlider.Root defaultValue={50}>\n *   <SliderControl>\n *     <SliderTrack>\n *       <SliderIndicator />\n *       <SliderThumb aria-label=\"Volume\" />\n *     </SliderTrack>\n *   </SliderControl>\n * </BaseSlider.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Slider as BaseSlider } from \"@base-ui/react/slider\";\nimport styles from \"./slider.module.css\";\nimport { resolveClassName, cx } from \"../utils/resolveClassName\";\n\ntype BaseControlProps = ComponentPropsWithoutRef<typeof BaseSlider.Control>;\ntype BaseTrackProps = ComponentPropsWithoutRef<typeof BaseSlider.Track>;\ntype BaseIndicatorProps = ComponentPropsWithoutRef<typeof BaseSlider.Indicator>;\ntype BaseThumbProps = ComponentPropsWithoutRef<typeof BaseSlider.Thumb>;\ntype BaseLabelProps = ComponentPropsWithoutRef<typeof BaseSlider.Label>;\ntype BaseValueProps = ComponentPropsWithoutRef<typeof BaseSlider.Value>;\n\nexport interface SliderControlProps extends BaseControlProps {}\nexport interface SliderTrackProps extends BaseTrackProps {}\nexport interface SliderIndicatorProps extends BaseIndicatorProps {}\nexport interface SliderThumbProps extends BaseThumbProps {}\nexport interface SliderLabelProps extends BaseLabelProps {}\nexport interface SliderValueProps extends BaseValueProps {}\n\nexport const SliderControl = forwardRef<ComponentRef<typeof BaseSlider.Control>, SliderControlProps>(function SliderControl(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSlider.Control ref={ref} className={(state) => cx(styles.control, resolveClassName(className, state))} {...props} />;\n});\n\nexport const SliderTrack = forwardRef<ComponentRef<typeof BaseSlider.Track>, SliderTrackProps>(function SliderTrack(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSlider.Track ref={ref} className={(state) => cx(styles.track, resolveClassName(className, state))} {...props} />;\n});\n\nexport const SliderIndicator = forwardRef<ComponentRef<typeof BaseSlider.Indicator>, SliderIndicatorProps>(function SliderIndicator(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSlider.Indicator ref={ref} className={(state) => cx(styles.indicator, resolveClassName(className, state))} {...props} />;\n});\n\nexport const SliderThumb = forwardRef<ComponentRef<typeof BaseSlider.Thumb>, SliderThumbProps>(function SliderThumb(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSlider.Thumb ref={ref} className={(state) => cx(styles.thumb, resolveClassName(className, state))} {...props} />;\n});\n\nexport const SliderLabel = forwardRef<ComponentRef<typeof BaseSlider.Label>, SliderLabelProps>(function SliderLabel(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSlider.Label ref={ref} className={(state) => cx(styles.label, resolveClassName(className, state))} {...props} />;\n});\n\nexport const SliderValue = forwardRef<ComponentRef<typeof BaseSlider.Value>, SliderValueProps>(function SliderValue(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSlider.Value ref={ref} className={(state) => cx(styles.value, resolveClassName(className, state))} {...props} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAsCA,MAAa,gBAAgB,WAAwE,SAAS,cAC5G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,OAAW,SAAZ;EAAyB;EAAK,YAAY,UAAU,GAAGC,sBAAO,SAAS,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAChI;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;AAEF,MAAa,kBAAkB,WAA4E,SAAS,gBAClH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,OAAW,WAAZ;EAA2B;EAAK,YAAY,UAAU,GAAGC,sBAAO,WAAW,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;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;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/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"}