@brijbyte/agentic-ui 0.0.3 → 0.0.5

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

@@ -13,19 +13,32 @@ interface SelectGroup {
   options: SelectOption[];
 }
 interface SelectProps {
+  /** Currently selected value (controlled). */
   value?: string;
+  /** Initially selected value (uncontrolled). */
   defaultValue?: string;
-  /** `eventDetails` is the base-ui event details object. Value may be null when cleared. */
+  /** Called when the selection changes. `eventDetails` is the base-ui event details object. Value may be null when cleared. */
   onValueChange?: (value: string | null, eventDetails: unknown) => void;
+  /** Prevent interaction. */
   disabled?: boolean;
+  /** Mark the field as required for form validation. */
   required?: boolean;
+  /** HTML name attribute for form submission. */
   name?: string;
+  /** Text shown when no value is selected. */
   placeholder?: string;
+  /** Flat list of options (use `groups` for grouped options). */
   options?: SelectOption[];
+  /** Grouped options with optional section labels. */
   groups?: SelectGroup[];
   className?: string;
+  /** Override the auto-generated element id. */
   id?: string;
 }
+/**
+ * Dropdown select with keyboard navigation, grouping, and search. Pass
+ * `options` for a flat list or `groups` for sections with optional labels.
+ */
 declare function Select({
   placeholder,
   options,

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","names":[],"sources":["../../src/select/select.tsx"],"mappings":";;;;;UAIiB,YAAA;EACf,KAAA;EACA,KAAA,EAAO,SAAA;EACP,QAAA;AAAA;AAAA,UAGe,WAAA;EACf,KAAA,GAAQ,SAAA;EACR,OAAA,EAAS,YAAA;AAAA;AAAA,UAGM,WAAA;EACf,KAAA;EACA,YAAA;EAVQ;EAYR,aAAA,IAAiB,KAAA,iBAAsB,YAAA;EACvC,QAAA;EACA,QAAA;EACA,IAAA;EACA,WAAA;EACA,OAAA,GAAU,YAAA;EACV,MAAA,GAAS,WAAA;EACT,SAAA;EACA,EAAA;AAAA;AAAA,iBA8Bc,MAAA,CAAA;EAAS,WAAA;EAAyB,OAAA;EAAS,MAAA;EAAQ,SAAA;EAAW,aAAA;EAAe,KAAA;EAAO,YAAA;EAAA,GAAiB;AAAA,GAAS,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"select.d.ts","names":[],"sources":["../../src/select/select.tsx"],"mappings":";;;;;UAIiB,YAAA;EACf,KAAA;EACA,KAAA,EAAO,SAAA;EACP,QAAA;AAAA;AAAA,UAGe,WAAA;EACf,KAAA,GAAQ,SAAA;EACR,OAAA,EAAS,YAAA;AAAA;AAAA,UAGM,WAAA;EARf;EAUA,KAAA;EAVQ;EAYR,YAAA;EAT0B;EAW1B,aAAA,IAAiB,KAAA,iBAAsB,YAAA;EATlB;EAWrB,QAAA;EAZQ;EAcR,QAAA;EAbS;EAeT,IAAA;EAfqB;EAiBrB,WAAA;EAd0B;EAgB1B,OAAA,GAAU,YAAA;EAEU;EAApB,MAAA,GAAS,WAAA;EACT,SAAA;EAbA;EAeA,EAAA;AAAA;;;;;iBAkCc,MAAA,CAAA;EAAS,WAAA;EAAyB,OAAA;EAAS,MAAA;EAAQ,SAAA;EAAW,aAAA;EAAe,KAAA;EAAO,YAAA;EAAA,GAAiB;AAAA,GAAS,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/select/select.js

@@ -45,6 +45,10 @@ function SelectItem({ option }) {
 		})]
 	});
 }
+/**
+* Dropdown select with keyboard navigation, grouping, and search. Pass
+* `options` for a flat list or `groups` for sections with optional labels.
+*/
 function Select$1({ placeholder = "Select…", options, groups, className, onValueChange, value, defaultValue, ...props }) {
 	const allOptions = useMemo(() => [...options ?? [], ...groups?.flatMap((g) => g.options) ?? []], [options, groups]);
 	return /* @__PURE__ */ jsxs(Select.Root, {

package/dist/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":["BaseSelect","styles","Select"],"sources":["../../src/select/select.tsx"],"sourcesContent":["import { useMemo, type ReactNode } from \"react\";\nimport { Select as BaseSelect } from \"@base-ui/react/select\";\nimport styles from \"./select.module.css\";\n\nexport interface SelectOption {\n  value: string;\n  label: ReactNode;\n  disabled?: boolean;\n}\n\nexport interface SelectGroup {\n  label?: ReactNode;\n  options: SelectOption[];\n}\n\nexport interface SelectProps {\n  value?: string;\n  defaultValue?: string;\n  /** `eventDetails` is the base-ui event details object. Value may be null when cleared. */\n  onValueChange?: (value: string | null, eventDetails: unknown) => void;\n  disabled?: boolean;\n  required?: boolean;\n  name?: string;\n  placeholder?: string;\n  options?: SelectOption[];\n  groups?: SelectGroup[];\n  className?: string;\n  id?: string;\n}\n\nfunction ChevronIcon() {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M2.5 4.5L6 8L9.5 4.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n\nfunction CheckIcon() {\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\nfunction SelectItem({ option }: { option: SelectOption }) {\n  return (\n    <BaseSelect.Item className={styles.item} value={option.value} disabled={option.disabled}>\n      <BaseSelect.ItemText>{option.label}</BaseSelect.ItemText>\n      <BaseSelect.ItemIndicator className={styles[\"item-indicator\"]}>\n        <CheckIcon />\n      </BaseSelect.ItemIndicator>\n    </BaseSelect.Item>\n  );\n}\n\nexport function Select({ placeholder = \"Select…\", options, groups, className, onValueChange, value, defaultValue, ...props }: SelectProps) {\n  const allOptions = useMemo(() => [...(options ?? []), ...(groups?.flatMap((g) => g.options) ?? [])], [options, groups]);\n\n  return (\n    <BaseSelect.Root onValueChange={onValueChange as never} value={value} defaultValue={defaultValue} {...props}>\n      <BaseSelect.Trigger className={`${styles.trigger} ${className ?? \"\"}`}>\n        <BaseSelect.Value className={styles[\"trigger-value\"]} placeholder={placeholder}>\n          {(currentValue: string | null) => {\n            if (!currentValue) return placeholder;\n            const match = allOptions.find((o) => o.value === currentValue);\n            return match ? match.label : currentValue;\n          }}\n        </BaseSelect.Value>\n        <span className={styles[\"trigger-icon\"]}>\n          <ChevronIcon />\n        </span>\n      </BaseSelect.Trigger>\n      <BaseSelect.Portal>\n        <BaseSelect.Positioner className={styles.positioner} sideOffset={4}>\n          <BaseSelect.Popup className={styles.popup}>\n            <BaseSelect.List>\n              {options?.map((opt) => (\n                <SelectItem key={opt.value} option={opt} />\n              ))}\n              {groups?.map((group, i) => (\n                <BaseSelect.Group key={i}>\n                  {group.label && <BaseSelect.GroupLabel className={styles[\"group-label\"]}>{group.label}</BaseSelect.GroupLabel>}\n                  {group.options.map((opt) => (\n                    <SelectItem key={opt.value} option={opt} />\n                  ))}\n                  {i < (groups?.length ?? 0) - 1 && <BaseSelect.Separator className={styles.separator} />}\n                </BaseSelect.Group>\n              ))}\n            </BaseSelect.List>\n          </BaseSelect.Popup>\n        </BaseSelect.Positioner>\n      </BaseSelect.Portal>\n    </BaseSelect.Root>\n  );\n}\nexport { styles as SelectStyles };\n"],"mappings":";;;;;AA8BA,SAAS,cAAc;AACrB,QACE,oBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EAAO,OAAM;YAChE,oBAAC,QAAD;GAAM,GAAE;GAAuB,QAAO;GAAe,aAAY;GAAM,eAAc;GAAQ,gBAAe;GAAU,CAAA;EAClH,CAAA;;AAIV,SAAS,YAAY;AACnB,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,SAAS,WAAW,EAAE,UAAoC;AACxD,QACE,qBAACA,OAAW,MAAZ;EAAiB,WAAWC,sBAAO;EAAM,OAAO,OAAO;EAAO,UAAU,OAAO;YAA/E,CACE,oBAACD,OAAW,UAAZ,EAAA,UAAsB,OAAO,OAA4B,CAAA,EACzD,oBAACA,OAAW,eAAZ;GAA0B,WAAWC,sBAAO;aAC1C,oBAAC,WAAD,EAAa,CAAA;GACY,CAAA,CACX;;;AAItB,SAAgBC,SAAO,EAAE,cAAc,WAAW,SAAS,QAAQ,WAAW,eAAe,OAAO,cAAc,GAAG,SAAsB;CACzI,MAAM,aAAa,cAAc,CAAC,GAAI,WAAW,EAAE,EAAG,GAAI,QAAQ,SAAS,MAAM,EAAE,QAAQ,IAAI,EAAE,CAAE,EAAE,CAAC,SAAS,OAAO,CAAC;AAEvH,QACE,qBAACF,OAAW,MAAZ;EAAgC;EAA+B;EAAqB;EAAc,GAAI;YAAtG,CACE,qBAACA,OAAW,SAAZ;GAAoB,WAAW,GAAGC,sBAAO,QAAQ,GAAG,aAAa;aAAjE,CACE,oBAACD,OAAW,OAAZ;IAAkB,WAAWC,sBAAO;IAA+B;eAC/D,iBAAgC;AAChC,SAAI,CAAC,aAAc,QAAO;KAC1B,MAAM,QAAQ,WAAW,MAAM,MAAM,EAAE,UAAU,aAAa;AAC9D,YAAO,QAAQ,MAAM,QAAQ;;IAEd,CAAA,EACnB,oBAAC,QAAD;IAAM,WAAWA,sBAAO;cACtB,oBAAC,aAAD,EAAe,CAAA;IACV,CAAA,CACY;MACrB,oBAACD,OAAW,QAAZ,EAAA,UACE,oBAACA,OAAW,YAAZ;GAAuB,WAAWC,sBAAO;GAAY,YAAY;aAC/D,oBAACD,OAAW,OAAZ;IAAkB,WAAWC,sBAAO;cAClC,qBAACD,OAAW,MAAZ,EAAA,UAAA,CACG,SAAS,KAAK,QACb,oBAAC,YAAD,EAA4B,QAAQ,KAAO,EAA1B,IAAI,MAAsB,CAC3C,EACD,QAAQ,KAAK,OAAO,MACnB,qBAACA,OAAW,OAAZ,EAAA,UAAA;KACG,MAAM,SAAS,oBAACA,OAAW,YAAZ;MAAuB,WAAWC,sBAAO;gBAAiB,MAAM;MAA8B,CAAA;KAC7G,MAAM,QAAQ,KAAK,QAClB,oBAAC,YAAD,EAA4B,QAAQ,KAAO,EAA1B,IAAI,MAAsB,CAC3C;KACD,KAAK,QAAQ,UAAU,KAAK,KAAK,oBAACD,OAAW,WAAZ,EAAsB,WAAWC,sBAAO,WAAa,CAAA;KACtE,EAAA,EANI,EAMJ,CACnB,CACc,EAAA,CAAA;IACD,CAAA;GACG,CAAA,EACN,CAAA,CACJ"}
+{"version":3,"file":"select.js","names":["BaseSelect","styles","Select"],"sources":["../../src/select/select.tsx"],"sourcesContent":["import { useMemo, type ReactNode } from \"react\";\nimport { Select as BaseSelect } from \"@base-ui/react/select\";\nimport styles from \"./select.module.css\";\n\nexport interface SelectOption {\n  value: string;\n  label: ReactNode;\n  disabled?: boolean;\n}\n\nexport interface SelectGroup {\n  label?: ReactNode;\n  options: SelectOption[];\n}\n\nexport interface SelectProps {\n  /** Currently selected value (controlled). */\n  value?: string;\n  /** Initially selected value (uncontrolled). */\n  defaultValue?: string;\n  /** Called when the selection changes. `eventDetails` is the base-ui event details object. Value may be null when cleared. */\n  onValueChange?: (value: string | null, eventDetails: unknown) => void;\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  /** Text shown when no value is selected. */\n  placeholder?: string;\n  /** Flat list of options (use `groups` for grouped options). */\n  options?: SelectOption[];\n  /** Grouped options with optional section labels. */\n  groups?: SelectGroup[];\n  className?: string;\n  /** Override the auto-generated element id. */\n  id?: string;\n}\n\nfunction ChevronIcon() {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M2.5 4.5L6 8L9.5 4.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n\nfunction CheckIcon() {\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\nfunction SelectItem({ option }: { option: SelectOption }) {\n  return (\n    <BaseSelect.Item className={styles.item} value={option.value} disabled={option.disabled}>\n      <BaseSelect.ItemText>{option.label}</BaseSelect.ItemText>\n      <BaseSelect.ItemIndicator className={styles[\"item-indicator\"]}>\n        <CheckIcon />\n      </BaseSelect.ItemIndicator>\n    </BaseSelect.Item>\n  );\n}\n\n/**\n * Dropdown select with keyboard navigation, grouping, and search. Pass\n * `options` for a flat list or `groups` for sections with optional labels.\n */\nexport function Select({ placeholder = \"Select…\", options, groups, className, onValueChange, value, defaultValue, ...props }: SelectProps) {\n  const allOptions = useMemo(() => [...(options ?? []), ...(groups?.flatMap((g) => g.options) ?? [])], [options, groups]);\n\n  return (\n    <BaseSelect.Root onValueChange={onValueChange as never} value={value} defaultValue={defaultValue} {...props}>\n      <BaseSelect.Trigger className={`${styles.trigger} ${className ?? \"\"}`}>\n        <BaseSelect.Value className={styles[\"trigger-value\"]} placeholder={placeholder}>\n          {(currentValue: string | null) => {\n            if (!currentValue) return placeholder;\n            const match = allOptions.find((o) => o.value === currentValue);\n            return match ? match.label : currentValue;\n          }}\n        </BaseSelect.Value>\n        <span className={styles[\"trigger-icon\"]}>\n          <ChevronIcon />\n        </span>\n      </BaseSelect.Trigger>\n      <BaseSelect.Portal>\n        <BaseSelect.Positioner className={styles.positioner} sideOffset={4}>\n          <BaseSelect.Popup className={styles.popup}>\n            <BaseSelect.List>\n              {options?.map((opt) => (\n                <SelectItem key={opt.value} option={opt} />\n              ))}\n              {groups?.map((group, i) => (\n                <BaseSelect.Group key={i}>\n                  {group.label && <BaseSelect.GroupLabel className={styles[\"group-label\"]}>{group.label}</BaseSelect.GroupLabel>}\n                  {group.options.map((opt) => (\n                    <SelectItem key={opt.value} option={opt} />\n                  ))}\n                  {i < (groups?.length ?? 0) - 1 && <BaseSelect.Separator className={styles.separator} />}\n                </BaseSelect.Group>\n              ))}\n            </BaseSelect.List>\n          </BaseSelect.Popup>\n        </BaseSelect.Positioner>\n      </BaseSelect.Portal>\n    </BaseSelect.Root>\n  );\n}\nexport { styles as SelectStyles };\n"],"mappings":";;;;;AAuCA,SAAS,cAAc;AACrB,QACE,oBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EAAO,OAAM;YAChE,oBAAC,QAAD;GAAM,GAAE;GAAuB,QAAO;GAAe,aAAY;GAAM,eAAc;GAAQ,gBAAe;GAAU,CAAA;EAClH,CAAA;;AAIV,SAAS,YAAY;AACnB,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,SAAS,WAAW,EAAE,UAAoC;AACxD,QACE,qBAACA,OAAW,MAAZ;EAAiB,WAAWC,sBAAO;EAAM,OAAO,OAAO;EAAO,UAAU,OAAO;YAA/E,CACE,oBAACD,OAAW,UAAZ,EAAA,UAAsB,OAAO,OAA4B,CAAA,EACzD,oBAACA,OAAW,eAAZ;GAA0B,WAAWC,sBAAO;aAC1C,oBAAC,WAAD,EAAa,CAAA;GACY,CAAA,CACX;;;;;;;AAQtB,SAAgBC,SAAO,EAAE,cAAc,WAAW,SAAS,QAAQ,WAAW,eAAe,OAAO,cAAc,GAAG,SAAsB;CACzI,MAAM,aAAa,cAAc,CAAC,GAAI,WAAW,EAAE,EAAG,GAAI,QAAQ,SAAS,MAAM,EAAE,QAAQ,IAAI,EAAE,CAAE,EAAE,CAAC,SAAS,OAAO,CAAC;AAEvH,QACE,qBAACF,OAAW,MAAZ;EAAgC;EAA+B;EAAqB;EAAc,GAAI;YAAtG,CACE,qBAACA,OAAW,SAAZ;GAAoB,WAAW,GAAGC,sBAAO,QAAQ,GAAG,aAAa;aAAjE,CACE,oBAACD,OAAW,OAAZ;IAAkB,WAAWC,sBAAO;IAA+B;eAC/D,iBAAgC;AAChC,SAAI,CAAC,aAAc,QAAO;KAC1B,MAAM,QAAQ,WAAW,MAAM,MAAM,EAAE,UAAU,aAAa;AAC9D,YAAO,QAAQ,MAAM,QAAQ;;IAEd,CAAA,EACnB,oBAAC,QAAD;IAAM,WAAWA,sBAAO;cACtB,oBAAC,aAAD,EAAe,CAAA;IACV,CAAA,CACY;MACrB,oBAACD,OAAW,QAAZ,EAAA,UACE,oBAACA,OAAW,YAAZ;GAAuB,WAAWC,sBAAO;GAAY,YAAY;aAC/D,oBAACD,OAAW,OAAZ;IAAkB,WAAWC,sBAAO;cAClC,qBAACD,OAAW,MAAZ,EAAA,UAAA,CACG,SAAS,KAAK,QACb,oBAAC,YAAD,EAA4B,QAAQ,KAAO,EAA1B,IAAI,MAAsB,CAC3C,EACD,QAAQ,KAAK,OAAO,MACnB,qBAACA,OAAW,OAAZ,EAAA,UAAA;KACG,MAAM,SAAS,oBAACA,OAAW,YAAZ;MAAuB,WAAWC,sBAAO;gBAAiB,MAAM;MAA8B,CAAA;KAC7G,MAAM,QAAQ,KAAK,QAClB,oBAAC,YAAD,EAA4B,QAAQ,KAAO,EAA1B,IAAI,MAAsB,CAC3C;KACD,KAAK,QAAQ,UAAU,KAAK,KAAK,oBAACD,OAAW,WAAZ,EAAsB,WAAWC,sBAAO,WAAa,CAAA;KACtE,EAAA,EANI,EAMJ,CACnB,CACc,EAAA,CAAA;IACD,CAAA;GACG,CAAA,EACN,CAAA,CACJ"}

package/dist/separator/separator.d.ts

@@ -10,6 +10,10 @@ interface SeparatorProps extends Omit<BaseSeparatorProps, "className"> {
   orientation?: "horizontal" | "vertical";
   className?: string;
 }
+/**
+ * A semantic divider accessible to screen readers. Renders a horizontal
+ * line by default; switch to vertical for inline layouts.
+ */
 declare const Separator$1: react.ForwardRefExoticComponent<SeparatorProps & react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Separator$1 as Separator, SeparatorProps, styles };

package/dist/separator/separator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"separator.d.ts","names":[],"sources":["../../src/separator/separator.tsx"],"mappings":";;;;;;KAKK,kBAAA,GAAqB,wBAAA,QAAgC,SAAA;AAAA,UAEzC,cAAA,SAAuB,IAAA,CAAK,kBAAA;;EAE3C,WAAA;EACA,SAAA;AAAA;AAAA,cAGW,WAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA"}
+{"version":3,"file":"separator.d.ts","names":[],"sources":["../../src/separator/separator.tsx"],"mappings":";;;;;;KAKK,kBAAA,GAAqB,wBAAA,QAAgC,SAAA;AAAA,UAEzC,cAAA,SAAuB,IAAA,CAAK,kBAAA;;EAE3C,WAAA;EACA,SAAA;AAAA;;;AAHF;;cAUa,WAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA"}

package/dist/separator/separator.js

@@ -3,6 +3,10 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Separator } from "@base-ui/react/separator";
 //#region src/separator/separator.tsx
+/**
+* A semantic divider accessible to screen readers. Renders a horizontal
+* line by default; switch to vertical for inline layouts.
+*/
 const Separator$1 = forwardRef(function Separator$2({ className, orientation = "horizontal", ...props }, ref) {
 	return /* @__PURE__ */ jsx(Separator, {
 		ref,

package/dist/separator/separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"separator.js","names":["Separator","BaseSeparator","styles"],"sources":["../../src/separator/separator.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ComponentRef } from \"react\";\nimport { Separator as BaseSeparator } from \"@base-ui/react/separator\";\nimport styles from \"./separator.module.css\";\n\ntype BaseSeparatorProps = ComponentPropsWithoutRef<typeof BaseSeparator>;\n\nexport interface SeparatorProps extends Omit<BaseSeparatorProps, \"className\"> {\n  /** @default \"horizontal\" */\n  orientation?: \"horizontal\" | \"vertical\";\n  className?: string;\n}\n\nexport const Separator = forwardRef<ComponentRef<typeof BaseSeparator>, SeparatorProps>(function Separator(\n  { className, orientation = \"horizontal\", ...props },\n  ref,\n) {\n  return <BaseSeparator ref={ref} orientation={orientation} className={`${styles.separator} ${className ?? \"\"}`} {...props} />;\n});\nexport { styles as SeparatorStyles };\n"],"mappings":";;;;;AAaA,MAAaA,cAAY,WAA+D,SAASA,YAC/F,EAAE,WAAW,cAAc,cAAc,GAAG,SAC5C,KACA;AACA,QAAO,oBAACC,WAAD;EAAoB;EAAkB;EAAa,WAAW,GAAGC,yBAAO,UAAU,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC5H"}
+{"version":3,"file":"separator.js","names":["Separator","BaseSeparator","styles"],"sources":["../../src/separator/separator.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ComponentRef } from \"react\";\nimport { Separator as BaseSeparator } from \"@base-ui/react/separator\";\nimport styles from \"./separator.module.css\";\n\ntype BaseSeparatorProps = ComponentPropsWithoutRef<typeof BaseSeparator>;\n\nexport interface SeparatorProps extends Omit<BaseSeparatorProps, \"className\"> {\n  /** @default \"horizontal\" */\n  orientation?: \"horizontal\" | \"vertical\";\n  className?: string;\n}\n\n/**\n * A semantic divider accessible to screen readers. Renders a horizontal\n * line by default; switch to vertical for inline layouts.\n */\nexport const Separator = forwardRef<ComponentRef<typeof BaseSeparator>, SeparatorProps>(function Separator(\n  { className, orientation = \"horizontal\", ...props },\n  ref,\n) {\n  return <BaseSeparator ref={ref} orientation={orientation} className={`${styles.separator} ${className ?? \"\"}`} {...props} />;\n});\nexport { styles as SeparatorStyles };\n"],"mappings":";;;;;;;;;AAiBA,MAAaA,cAAY,WAA+D,SAASA,YAC/F,EAAE,WAAW,cAAc,cAAc,GAAG,SAC5C,KACA;AACA,QAAO,oBAACC,WAAD;EAAoB;EAAkB;EAAa,WAAW,GAAGC,yBAAO,UAAU,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC5H"}

package/dist/shared/PopupArrow.js

@@ -0,0 +1,22 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/shared/PopupArrow.tsx
+function PopupArrow({ fillClass, seamClass }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		width: "20",
+		height: "10",
+		viewBox: "0 0 20 10",
+		fill: "none",
+		"aria-hidden": true,
+		children: [/* @__PURE__ */ jsx("path", {
+			d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z",
+			className: fillClass
+		}), /* @__PURE__ */ jsx("path", {
+			d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z",
+			className: seamClass
+		})]
+	});
+}
+//#endregion
+export { PopupArrow };
+
+//# sourceMappingURL=PopupArrow.js.map

package/dist/shared/PopupArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupArrow.js","names":[],"sources":["../../src/shared/PopupArrow.tsx"],"sourcesContent":["/**\n * Shared arrow SVG used by Menu and Popover.\n *\n * Two paths:\n *   1. Fill — the arrow body, matches the popup surface colour.\n *   2. Seam — a thin strip in the border colour at the base, covering\n *      the popup border at the junction so it doesn't bleed through.\n *\n * All CSS classes come from the importing component's own CSS module\n * so the rules are bundled into the component's CSS file, not a\n * separate shared chunk that consumers would need to import separately.\n *\n * @example\n * ```tsx\n * <BaseMenu.Arrow className={styles.arrow}>\n *   <PopupArrow fillClass={styles[\"arrow-fill\"]!} seamClass={styles[\"arrow-seam\"]!} />\n * </BaseMenu.Arrow>\n * ```\n */\n\ninterface PopupArrowProps {\n  fillClass: string;\n  seamClass: string;\n}\n\nexport function PopupArrow({ fillClass, seamClass }: PopupArrowProps) {\n  return (\n    <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\" aria-hidden>\n      {/* Body — surface colour */}\n      <path\n        d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n        className={fillClass}\n      />\n      {/* Seam — border colour strip at the base, covers the popup border at the junction */}\n      <path\n        d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\n        className={seamClass}\n      />\n    </svg>\n  );\n}\n"],"mappings":";;AAyBA,SAAgB,WAAW,EAAE,WAAW,aAA8B;AACpE,QACE,qBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EAAO,eAAA;YAA5D,CAEE,oBAAC,QAAD;GACE,GAAE;GACF,WAAW;GACX,CAAA,EAEF,oBAAC,QAAD;GACE,GAAE;GACF,WAAW;GACX,CAAA,CACE"}

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