@brijbyte/agentic-ui 0.0.4 → 0.0.5

package/dist/collapsible/parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"parts.js","names":["BaseCollapsible","styles"],"sources":["../../src/collapsible/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Collapsible.\n *\n * @example\n * ```tsx\n * import { Collapsible } from '@base-ui/react/collapsible';\n * import { CollapsibleTrigger, CollapsiblePanel } from '@brijbyte/agentic-ui/collapsible';\n *\n * <Collapsible.Root>\n *   <CollapsibleTrigger>Toggle</CollapsibleTrigger>\n *   <CollapsiblePanel>Content</CollapsiblePanel>\n * </Collapsible.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Collapsible as BaseCollapsible } from \"@base-ui/react/collapsible\";\nimport styles from \"./collapsible.module.css\";\n\ntype BaseRootProps = ComponentPropsWithoutRef<typeof BaseCollapsible.Root>;\ntype BaseTriggerProps = ComponentPropsWithoutRef<typeof BaseCollapsible.Trigger>;\ntype BasePanelProps = ComponentPropsWithoutRef<typeof BaseCollapsible.Panel>;\n\nexport interface CollapsibleRootProps extends Omit<BaseRootProps, \"className\"> {\n  className?: string;\n}\nexport interface CollapsibleTriggerProps extends Omit<BaseTriggerProps, \"className\"> {\n  className?: string;\n}\nexport interface CollapsiblePanelProps extends Omit<BasePanelProps, \"className\"> {\n  className?: string;\n}\n\nexport const CollapsibleRoot = forwardRef<ComponentRef<typeof BaseCollapsible.Root>, CollapsibleRootProps>(function CollapsibleRoot(\n  { className, ...props },\n  ref,\n) {\n  return <BaseCollapsible.Root ref={ref} className={`${styles.root} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const CollapsibleTrigger = forwardRef<ComponentRef<typeof BaseCollapsible.Trigger>, CollapsibleTriggerProps>(\n  function CollapsibleTrigger({ className, ...props }, ref) {\n    return <BaseCollapsible.Trigger ref={ref} className={`${styles.trigger} ${className ?? \"\"}`} {...props} />;\n  },\n);\n\nexport const CollapsiblePanel = forwardRef<ComponentRef<typeof BaseCollapsible.Panel>, CollapsiblePanelProps>(function CollapsiblePanel(\n  { className, ...props },\n  ref,\n) {\n  return <BaseCollapsible.Panel ref={ref} className={`${styles.panel} ${className ?? \"\"}`} {...props} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAiCA,MAAa,kBAAkB,WAA4E,SAAS,gBAClH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,YAAgB,MAAjB;EAA2B;EAAK,WAAW,GAAGC,2BAAO,KAAK,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACpG;AAEF,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;AACxD,QAAO,oBAACD,YAAgB,SAAjB;EAA8B;EAAK,WAAW,GAAGC,2BAAO,QAAQ,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAE7G;AAED,MAAa,mBAAmB,WAA8E,SAAS,iBACrH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,YAAgB,OAAjB;EAA4B;EAAK,WAAW,GAAGC,2BAAO,MAAM,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACtG"}
+{"version":3,"file":"parts.js","names":["BaseCollapsible","styles"],"sources":["../../src/collapsible/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Collapsible.\n *\n * @example\n * ```tsx\n * import { Collapsible } from '@base-ui/react/collapsible';\n * import { CollapsibleRoot, CollapsibleTrigger, CollapsiblePanel } from '@brijbyte/agentic-ui/collapsible';\n *\n * <CollapsibleRoot>\n *   <CollapsibleTrigger>Toggle</CollapsibleTrigger>\n *   <CollapsiblePanel>Content</CollapsiblePanel>\n * </CollapsibleRoot>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Collapsible as BaseCollapsible } from \"@base-ui/react/collapsible\";\nimport styles from \"./collapsible.module.css\";\nimport { resolveClassName, cx } from \"../utils/resolveClassName\";\n\ntype BaseRootProps = ComponentPropsWithoutRef<typeof BaseCollapsible.Root>;\ntype BaseTriggerProps = ComponentPropsWithoutRef<typeof BaseCollapsible.Trigger>;\ntype BasePanelProps = ComponentPropsWithoutRef<typeof BaseCollapsible.Panel>;\n\nexport interface CollapsibleRootProps extends BaseRootProps {}\nexport interface CollapsibleTriggerProps extends BaseTriggerProps {}\nexport interface CollapsiblePanelProps extends BasePanelProps {}\n\nexport const CollapsibleRoot = forwardRef<ComponentRef<typeof BaseCollapsible.Root>, CollapsibleRootProps>(function CollapsibleRoot(\n  { className, ...props },\n  ref,\n) {\n  return <BaseCollapsible.Root ref={ref} className={(state) => cx(styles.root, resolveClassName(className, state))} {...props} />;\n});\n\nexport const CollapsibleTrigger = forwardRef<ComponentRef<typeof BaseCollapsible.Trigger>, CollapsibleTriggerProps>(\n  function CollapsibleTrigger({ className, ...props }, ref) {\n    return <BaseCollapsible.Trigger ref={ref} className={(state) => cx(styles.trigger, resolveClassName(className, state))} {...props} />;\n  },\n);\n\nexport const CollapsiblePanel = forwardRef<ComponentRef<typeof BaseCollapsible.Panel>, CollapsiblePanelProps>(function CollapsiblePanel(\n  { className, ...props },\n  ref,\n) {\n  return <BaseCollapsible.Panel ref={ref} className={(state) => cx(styles.panel, resolveClassName(className, state))} {...props} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4BA,MAAa,kBAAkB,WAA4E,SAAS,gBAClH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,YAAgB,MAAjB;EAA2B;EAAK,YAAY,UAAU,GAAGC,2BAAO,MAAM,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAC/H;AAEF,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;AACxD,QAAO,oBAACD,YAAgB,SAAjB;EAA8B;EAAK,YAAY,UAAU,GAAGC,2BAAO,SAAS,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAExI;AAED,MAAa,mBAAmB,WAA8E,SAAS,iBACrH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,YAAgB,OAAjB;EAA4B;EAAK,YAAY,UAAU,GAAGC,2BAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACjI"}

package/dist/context-menu/parts.d.ts

@@ -9,24 +9,12 @@ type BaseSeparatorProps = ComponentPropsWithoutRef<typeof ContextMenu.Separator>
 type BaseGroupProps = ComponentPropsWithoutRef<typeof ContextMenu.Group>;
 type BaseGroupLabelProps = ComponentPropsWithoutRef<typeof ContextMenu.GroupLabel>;
 type BaseSubmenuTriggerProps = ComponentPropsWithoutRef<typeof ContextMenu.SubmenuTrigger>;
-interface ContextMenuPopupProps extends Omit<BasePopupProps, "className"> {
-  className?: string;
-}
-interface ContextMenuItemProps extends Omit<BaseItemProps, "className"> {
-  className?: string;
-}
-interface ContextMenuSeparatorProps extends Omit<BaseSeparatorProps, "className"> {
-  className?: string;
-}
-interface ContextMenuGroupProps extends Omit<BaseGroupProps, "className"> {
-  className?: string;
-}
-interface ContextMenuGroupLabelProps extends Omit<BaseGroupLabelProps, "className"> {
-  className?: string;
-}
-interface ContextMenuSubmenuTriggerProps extends Omit<BaseSubmenuTriggerProps, "className"> {
-  className?: string;
-}
+interface ContextMenuPopupProps extends BasePopupProps {}
+interface ContextMenuItemProps extends BaseItemProps {}
+interface ContextMenuSeparatorProps extends BaseSeparatorProps {}
+interface ContextMenuGroupProps extends BaseGroupProps {}
+interface ContextMenuGroupLabelProps extends BaseGroupLabelProps {}
+interface ContextMenuSubmenuTriggerProps extends BaseSubmenuTriggerProps {}
 declare const ContextMenuPopup: react.ForwardRefExoticComponent<ContextMenuPopupProps & react.RefAttributes<HTMLDivElement>>;
 declare const ContextMenuItem: react.ForwardRefExoticComponent<ContextMenuItemProps & react.RefAttributes<HTMLElement>>;
 declare const ContextMenuSeparator: react.ForwardRefExoticComponent<ContextMenuSeparatorProps & react.RefAttributes<HTMLDivElement>>;

package/dist/context-menu/parts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/context-menu/parts.tsx"],"mappings":";;;;;KA4BK,cAAA,GAAiB,wBAAA,QAAgC,WAAA,CAAgB,KAAA;AAAA,KACjE,aAAA,GAAgB,wBAAA,QAAgC,WAAA,CAAgB,IAAA;AAAA,KAChE,kBAAA,GAAqB,wBAAA,QAAgC,WAAA,CAAgB,SAAA;AAAA,KACrE,cAAA,GAAiB,wBAAA,QAAgC,WAAA,CAAgB,KAAA;AAAA,KACjE,mBAAA,GAAsB,wBAAA,QAAgC,WAAA,CAAgB,UAAA;AAAA,KACtE,uBAAA,GAA0B,wBAAA,QAAgC,WAAA,CAAgB,cAAA;AAAA,UAE9D,qBAAA,SAA8B,IAAA,CAAK,cAAA;EAClD,SAAA;AAAA;AAAA,UAEe,oBAAA,SAA6B,IAAA,CAAK,aAAA;EACjD,SAAA;AAAA;AAAA,UAEe,yBAAA,SAAkC,IAAA,CAAK,kBAAA;EACtD,SAAA;AAAA;AAAA,UAEe,qBAAA,SAA8B,IAAA,CAAK,cAAA;EAClD,SAAA;AAAA;AAAA,UAEe,0BAAA,SAAmC,IAAA,CAAK,mBAAA;EACvD,SAAA;AAAA;AAAA,UAEe,8BAAA,SAAuC,IAAA,CAAK,uBAAA;EAC3D,SAAA;AAAA;AAAA,cAGW,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,qBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOhB,eAAA,EAAe,KAAA,CAAA,yBAAA,CAAA,oBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,WAAA;AAAA,cAOf,oBAAA,EAAoB,KAAA,CAAA,yBAAA,CAAA,yBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAMpB,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,qBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOhB,qBAAA,EAAqB,KAAA,CAAA,yBAAA,CAAA,0BAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAMrB,yBAAA,EAAyB,KAAA,CAAA,yBAAA,CAAA,8BAAA,GAAA,KAAA,CAAA,aAAA,CAAA,WAAA"}
+{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/context-menu/parts.tsx"],"mappings":";;;;;KA4BK,cAAA,GAAiB,wBAAA,QAAgC,WAAA,CAAgB,KAAA;AAAA,KACjE,aAAA,GAAgB,wBAAA,QAAgC,WAAA,CAAgB,IAAA;AAAA,KAChE,kBAAA,GAAqB,wBAAA,QAAgC,WAAA,CAAgB,SAAA;AAAA,KACrE,cAAA,GAAiB,wBAAA,QAAgC,WAAA,CAAgB,KAAA;AAAA,KACjE,mBAAA,GAAsB,wBAAA,QAAgC,WAAA,CAAgB,UAAA;AAAA,KACtE,uBAAA,GAA0B,wBAAA,QAAgC,WAAA,CAAgB,cAAA;AAAA,UAE9D,qBAAA,SAA8B,cAAA;AAAA,UAC9B,oBAAA,SAA6B,aAAA;AAAA,UAC7B,yBAAA,SAAkC,kBAAA;AAAA,UAClC,qBAAA,SAA8B,cAAA;AAAA,UAC9B,0BAAA,SAAmC,mBAAA;AAAA,UACnC,8BAAA,SAAuC,uBAAA;AAAA,cAE3C,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,qBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOhB,eAAA,EAAe,KAAA,CAAA,yBAAA,CAAA,oBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,WAAA;AAAA,cAOf,oBAAA,EAAoB,KAAA,CAAA,yBAAA,CAAA,yBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAQpB,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,qBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOhB,qBAAA,EAAqB,KAAA,CAAA,yBAAA,CAAA,0BAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAYrB,yBAAA,EAAyB,KAAA,CAAA,yBAAA,CAAA,8BAAA,GAAA,KAAA,CAAA,aAAA,CAAA,WAAA"}

package/dist/context-menu/parts.js

@@ -1,3 +1,4 @@
+import { cx, resolveClassName } from "../utils/resolveClassName.js";
 import context_menu_module_default from "./context-menu.module.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
@@ -8,42 +9,41 @@ import { ContextMenu } from "@base-ui/react/context-menu";
 *
 * @example
 * ```tsx
-* import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu';
+* import { ContextMenu } from '@base-ui/react/context-menu';
 * import { ContextMenuPopup, ContextMenuItem, ContextMenuSeparator } from '@brijbyte/agentic-ui/context-menu';
 *
-* <BaseContextMenu.Root>
-*   <BaseContextMenu.Trigger render={<div>Right click me</div>} />
-*   <BaseContextMenu.Portal>
-*     <BaseContextMenu.Positioner>
+* <ContextMenu.Root>
+*   <ContextMenu.Trigger render={<div>Right click me</div>} />
+*   <ContextMenu.Portal>
+*     <ContextMenu.Positioner>
 *       <ContextMenuPopup>
-*         <ContextMenuItem>Cut</ContextMenuItem>
-*         <ContextMenuItem>Copy</ContextMenuItem>
+*         <ContextMenuItem>Action</ContextMenuItem>
 *         <ContextMenuSeparator />
-*         <ContextMenuItem>Paste</ContextMenuItem>
+*         <ContextMenuItem>Another</ContextMenuItem>
 *       </ContextMenuPopup>
-*     </BaseContextMenu.Positioner>
-*   </BaseContextMenu.Portal>
-* </BaseContextMenu.Root>
+*     </ContextMenu.Positioner>
+*   </ContextMenu.Portal>
+* </ContextMenu.Root>
 * ```
 */
 const ContextMenuPopup = forwardRef(function ContextMenuPopup({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(ContextMenu.Popup, {
 		ref,
-		className: `${context_menu_module_default.popup} ${className ?? ""}`,
+		className: (state) => cx(context_menu_module_default.popup, resolveClassName(className, state)),
 		...props
 	});
 });
 const ContextMenuItem = forwardRef(function ContextMenuItem({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(ContextMenu.Item, {
 		ref,
-		className: `${context_menu_module_default.item} ${className ?? ""}`,
+		className: (state) => cx(context_menu_module_default.item, resolveClassName(className, state)),
 		...props
 	});
 });
 const ContextMenuSeparator = forwardRef(function ContextMenuSeparator({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(ContextMenu.Separator, {
 		ref,
-		className: `${context_menu_module_default.separator} ${className ?? ""}`,
+		className: (state) => cx(context_menu_module_default.separator, resolveClassName(className, state)),
 		...props
 	});
 });
@@ -57,14 +57,14 @@ const ContextMenuGroup = forwardRef(function ContextMenuGroup({ className, ...pr
 const ContextMenuGroupLabel = forwardRef(function ContextMenuGroupLabel({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(ContextMenu.GroupLabel, {
 		ref,
-		className: `${context_menu_module_default["group-label"]} ${className ?? ""}`,
+		className: (state) => cx(context_menu_module_default["group-label"], resolveClassName(className, state)),
 		...props
 	});
 });
 const ContextMenuSubmenuTrigger = forwardRef(function ContextMenuSubmenuTrigger({ className, children, ...props }, ref) {
 	return /* @__PURE__ */ jsxs(ContextMenu.SubmenuTrigger, {
 		ref,
-		className: `${context_menu_module_default["submenu-trigger"]} ${className ?? ""}`,
+		className: (state) => cx(context_menu_module_default["submenu-trigger"], resolveClassName(className, state)),
 		...props,
 		children: [/* @__PURE__ */ jsx("span", {
 			style: { flex: 1 },

package/dist/context-menu/parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"parts.js","names":["BaseContextMenu","styles"],"sources":["../../src/context-menu/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for ContextMenu.\n *\n * @example\n * ```tsx\n * import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu';\n * import { ContextMenuPopup, ContextMenuItem, ContextMenuSeparator } from '@brijbyte/agentic-ui/context-menu';\n *\n * <BaseContextMenu.Root>\n *   <BaseContextMenu.Trigger render={<div>Right click me</div>} />\n *   <BaseContextMenu.Portal>\n *     <BaseContextMenu.Positioner>\n *       <ContextMenuPopup>\n *         <ContextMenuItem>Cut</ContextMenuItem>\n *         <ContextMenuItem>Copy</ContextMenuItem>\n *         <ContextMenuSeparator />\n *         <ContextMenuItem>Paste</ContextMenuItem>\n *       </ContextMenuPopup>\n *     </BaseContextMenu.Positioner>\n *   </BaseContextMenu.Portal>\n * </BaseContextMenu.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { ContextMenu as BaseContextMenu } from \"@base-ui/react/context-menu\";\nimport styles from \"./context-menu.module.css\";\n\ntype BasePopupProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Popup>;\ntype BaseItemProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Item>;\ntype BaseSeparatorProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Separator>;\ntype BaseGroupProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Group>;\ntype BaseGroupLabelProps = ComponentPropsWithoutRef<typeof BaseContextMenu.GroupLabel>;\ntype BaseSubmenuTriggerProps = ComponentPropsWithoutRef<typeof BaseContextMenu.SubmenuTrigger>;\n\nexport interface ContextMenuPopupProps extends Omit<BasePopupProps, \"className\"> {\n  className?: string;\n}\nexport interface ContextMenuItemProps extends Omit<BaseItemProps, \"className\"> {\n  className?: string;\n}\nexport interface ContextMenuSeparatorProps extends Omit<BaseSeparatorProps, \"className\"> {\n  className?: string;\n}\nexport interface ContextMenuGroupProps extends Omit<BaseGroupProps, \"className\"> {\n  className?: string;\n}\nexport interface ContextMenuGroupLabelProps extends Omit<BaseGroupLabelProps, \"className\"> {\n  className?: string;\n}\nexport interface ContextMenuSubmenuTriggerProps extends Omit<BaseSubmenuTriggerProps, \"className\"> {\n  className?: string;\n}\n\nexport const ContextMenuPopup = forwardRef<ComponentRef<typeof BaseContextMenu.Popup>, ContextMenuPopupProps>(function ContextMenuPopup(\n  { className, ...props },\n  ref,\n) {\n  return <BaseContextMenu.Popup ref={ref} className={`${styles.popup} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const ContextMenuItem = forwardRef<ComponentRef<typeof BaseContextMenu.Item>, ContextMenuItemProps>(function ContextMenuItem(\n  { className, ...props },\n  ref,\n) {\n  return <BaseContextMenu.Item ref={ref} className={`${styles.item} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const ContextMenuSeparator = forwardRef<ComponentRef<typeof BaseContextMenu.Separator>, ContextMenuSeparatorProps>(\n  function ContextMenuSeparator({ className, ...props }, ref) {\n    return <BaseContextMenu.Separator ref={ref} className={`${styles.separator} ${className ?? \"\"}`} {...props} />;\n  },\n);\n\nexport const ContextMenuGroup = forwardRef<ComponentRef<typeof BaseContextMenu.Group>, ContextMenuGroupProps>(function ContextMenuGroup(\n  { className, ...props },\n  ref,\n) {\n  return <BaseContextMenu.Group ref={ref} className={className} {...props} />;\n});\n\nexport const ContextMenuGroupLabel = forwardRef<ComponentRef<typeof BaseContextMenu.GroupLabel>, ContextMenuGroupLabelProps>(\n  function ContextMenuGroupLabel({ className, ...props }, ref) {\n    return <BaseContextMenu.GroupLabel ref={ref} className={`${styles[\"group-label\"]} ${className ?? \"\"}`} {...props} />;\n  },\n);\n\nexport const ContextMenuSubmenuTrigger = forwardRef<ComponentRef<typeof BaseContextMenu.SubmenuTrigger>, ContextMenuSubmenuTriggerProps>(\n  function ContextMenuSubmenuTrigger({ className, children, ...props }, ref) {\n    return (\n      <BaseContextMenu.SubmenuTrigger ref={ref} className={`${styles[\"submenu-trigger\"]} ${className ?? \"\"}`} {...props}>\n        <span style={{ flex: 1 }}>{children}</span>\n        <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" className={styles[\"submenu-icon\"]}>\n          <path d=\"M3.5 9L7.5 5L3.5 1\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n        </svg>\n      </BaseContextMenu.SubmenuTrigger>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,MAAa,mBAAmB,WAA8E,SAAS,iBACrH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,YAAgB,OAAjB;EAA4B;EAAK,WAAW,GAAGC,4BAAO,MAAM,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACtG;AAEF,MAAa,kBAAkB,WAA4E,SAAS,gBAClH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,YAAgB,MAAjB;EAA2B;EAAK,WAAW,GAAGC,4BAAO,KAAK,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACpG;AAEF,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAS,KAAK;AAC1D,QAAO,oBAACD,YAAgB,WAAjB;EAAgC;EAAK,WAAW,GAAGC,4BAAO,UAAU,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAEjH;AAED,MAAa,mBAAmB,WAA8E,SAAS,iBACrH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,YAAgB,OAAjB;EAA4B;EAAgB;EAAW,GAAI;EAAS,CAAA;EAC3E;AAEF,MAAa,wBAAwB,WACnC,SAAS,sBAAsB,EAAE,WAAW,GAAG,SAAS,KAAK;AAC3D,QAAO,oBAACA,YAAgB,YAAjB;EAAiC;EAAK,WAAW,GAAGC,4BAAO,eAAe,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAEvH;AAED,MAAa,4BAA4B,WACvC,SAAS,0BAA0B,EAAE,WAAW,UAAU,GAAG,SAAS,KAAK;AACzE,QACE,qBAACD,YAAgB,gBAAjB;EAAqC;EAAK,WAAW,GAAGC,4BAAO,mBAAmB,GAAG,aAAa;EAAM,GAAI;YAA5G,CACE,oBAAC,QAAD;GAAM,OAAO,EAAE,MAAM,GAAG;GAAG;GAAgB,CAAA,EAC3C,oBAAC,OAAD;GAAK,OAAM;GAAK,QAAO;GAAK,SAAQ;GAAY,MAAK;GAAO,WAAWA,4BAAO;aAC5E,oBAAC,QAAD;IAAM,GAAE;IAAqB,QAAO;IAAe,aAAY;IAAM,eAAc;IAAQ,gBAAe;IAAU,CAAA;GAChH,CAAA,CACyB;;EAGtC"}
+{"version":3,"file":"parts.js","names":["BaseContextMenu","styles"],"sources":["../../src/context-menu/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for ContextMenu.\n *\n * @example\n * ```tsx\n * import { ContextMenu } from '@base-ui/react/context-menu';\n * import { ContextMenuPopup, ContextMenuItem, ContextMenuSeparator } from '@brijbyte/agentic-ui/context-menu';\n *\n * <ContextMenu.Root>\n *   <ContextMenu.Trigger render={<div>Right click me</div>} />\n *   <ContextMenu.Portal>\n *     <ContextMenu.Positioner>\n *       <ContextMenuPopup>\n *         <ContextMenuItem>Action</ContextMenuItem>\n *         <ContextMenuSeparator />\n *         <ContextMenuItem>Another</ContextMenuItem>\n *       </ContextMenuPopup>\n *     </ContextMenu.Positioner>\n *   </ContextMenu.Portal>\n * </ContextMenu.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { ContextMenu as BaseContextMenu } from \"@base-ui/react/context-menu\";\nimport styles from \"./context-menu.module.css\";\nimport { resolveClassName, cx } from \"../utils/resolveClassName\";\n\ntype BasePopupProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Popup>;\ntype BaseItemProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Item>;\ntype BaseSeparatorProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Separator>;\ntype BaseGroupProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Group>;\ntype BaseGroupLabelProps = ComponentPropsWithoutRef<typeof BaseContextMenu.GroupLabel>;\ntype BaseSubmenuTriggerProps = ComponentPropsWithoutRef<typeof BaseContextMenu.SubmenuTrigger>;\n\nexport interface ContextMenuPopupProps extends BasePopupProps {}\nexport interface ContextMenuItemProps extends BaseItemProps {}\nexport interface ContextMenuSeparatorProps extends BaseSeparatorProps {}\nexport interface ContextMenuGroupProps extends BaseGroupProps {}\nexport interface ContextMenuGroupLabelProps extends BaseGroupLabelProps {}\nexport interface ContextMenuSubmenuTriggerProps extends BaseSubmenuTriggerProps {}\n\nexport const ContextMenuPopup = forwardRef<ComponentRef<typeof BaseContextMenu.Popup>, ContextMenuPopupProps>(function ContextMenuPopup(\n  { className, ...props },\n  ref,\n) {\n  return <BaseContextMenu.Popup ref={ref} className={(state) => cx(styles.popup, resolveClassName(className, state))} {...props} />;\n});\n\nexport const ContextMenuItem = forwardRef<ComponentRef<typeof BaseContextMenu.Item>, ContextMenuItemProps>(function ContextMenuItem(\n  { className, ...props },\n  ref,\n) {\n  return <BaseContextMenu.Item ref={ref} className={(state) => cx(styles.item, resolveClassName(className, state))} {...props} />;\n});\n\nexport const ContextMenuSeparator = forwardRef<ComponentRef<typeof BaseContextMenu.Separator>, ContextMenuSeparatorProps>(\n  function ContextMenuSeparator({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.Separator ref={ref} className={(state) => cx(styles.separator, resolveClassName(className, state))} {...props} />\n    );\n  },\n);\n\nexport const ContextMenuGroup = forwardRef<ComponentRef<typeof BaseContextMenu.Group>, ContextMenuGroupProps>(function ContextMenuGroup(\n  { className, ...props },\n  ref,\n) {\n  return <BaseContextMenu.Group ref={ref} className={className} {...props} />;\n});\n\nexport const ContextMenuGroupLabel = forwardRef<ComponentRef<typeof BaseContextMenu.GroupLabel>, ContextMenuGroupLabelProps>(\n  function ContextMenuGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.GroupLabel\n        ref={ref}\n        className={(state) => cx(styles[\"group-label\"], resolveClassName(className, state))}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const ContextMenuSubmenuTrigger = forwardRef<ComponentRef<typeof BaseContextMenu.SubmenuTrigger>, ContextMenuSubmenuTriggerProps>(\n  function ContextMenuSubmenuTrigger({ className, children, ...props }, ref) {\n    return (\n      <BaseContextMenu.SubmenuTrigger\n        ref={ref}\n        className={(state) => cx(styles[\"submenu-trigger\"], resolveClassName(className, state))}\n        {...props}\n      >\n        <span style={{ flex: 1 }}>{children}</span>\n        <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" className={styles[\"submenu-icon\"]}>\n          <path d=\"M3.5 9L7.5 5L3.5 1\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n        </svg>\n      </BaseContextMenu.SubmenuTrigger>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,MAAa,mBAAmB,WAA8E,SAAS,iBACrH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,YAAgB,OAAjB;EAA4B;EAAK,YAAY,UAAU,GAAGC,4BAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACjI;AAEF,MAAa,kBAAkB,WAA4E,SAAS,gBAClH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,YAAgB,MAAjB;EAA2B;EAAK,YAAY,UAAU,GAAGC,4BAAO,MAAM,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAC/H;AAEF,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAS,KAAK;AAC1D,QACE,oBAACD,YAAgB,WAAjB;EAAgC;EAAK,YAAY,UAAU,GAAGC,4BAAO,WAAW,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAGvI;AAED,MAAa,mBAAmB,WAA8E,SAAS,iBACrH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,YAAgB,OAAjB;EAA4B;EAAgB;EAAW,GAAI;EAAS,CAAA;EAC3E;AAEF,MAAa,wBAAwB,WACnC,SAAS,sBAAsB,EAAE,WAAW,GAAG,SAAS,KAAK;AAC3D,QACE,oBAACA,YAAgB,YAAjB;EACO;EACL,YAAY,UAAU,GAAGC,4BAAO,gBAAgB,iBAAiB,WAAW,MAAM,CAAC;EACnF,GAAI;EACJ,CAAA;EAGP;AAED,MAAa,4BAA4B,WACvC,SAAS,0BAA0B,EAAE,WAAW,UAAU,GAAG,SAAS,KAAK;AACzE,QACE,qBAACD,YAAgB,gBAAjB;EACO;EACL,YAAY,UAAU,GAAGC,4BAAO,oBAAoB,iBAAiB,WAAW,MAAM,CAAC;EACvF,GAAI;YAHN,CAKE,oBAAC,QAAD;GAAM,OAAO,EAAE,MAAM,GAAG;GAAG;GAAgB,CAAA,EAC3C,oBAAC,OAAD;GAAK,OAAM;GAAK,QAAO;GAAK,SAAQ;GAAY,MAAK;GAAO,WAAWA,4BAAO;aAC5E,oBAAC,QAAD;IAAM,GAAE;IAAqB,QAAO;IAAe,aAAY;IAAM,eAAc;IAAQ,gBAAe;IAAU,CAAA;GAChH,CAAA,CACyB;;EAGtC"}

package/dist/dialog/parts.d.ts

@@ -9,24 +9,12 @@ type BasePopupProps = ComponentPropsWithoutRef<typeof Dialog.Popup>;
 type BaseTitleProps = ComponentPropsWithoutRef<typeof Dialog.Title>;
 type BaseDescriptionProps = ComponentPropsWithoutRef<typeof Dialog.Description>;
 type BaseCloseProps = ComponentPropsWithoutRef<typeof Dialog.Close>;
-interface DialogBackdropProps extends Omit<BaseBackdropProps, "className"> {
-  className?: string;
-}
-interface DialogViewportProps extends Omit<BaseViewportProps, "className"> {
-  className?: string;
-}
-interface DialogPopupProps extends Omit<BasePopupProps, "className"> {
-  className?: string;
-}
-interface DialogTitleProps extends Omit<BaseTitleProps, "className"> {
-  className?: string;
-}
-interface DialogDescriptionProps extends Omit<BaseDescriptionProps, "className"> {
-  className?: string;
-}
-interface DialogCloseProps extends Omit<BaseCloseProps, "className"> {
-  className?: string;
-}
+interface DialogBackdropProps extends BaseBackdropProps {}
+interface DialogViewportProps extends BaseViewportProps {}
+interface DialogPopupProps extends BasePopupProps {}
+interface DialogTitleProps extends BaseTitleProps {}
+interface DialogDescriptionProps extends BaseDescriptionProps {}
+interface DialogCloseProps extends BaseCloseProps {}
 declare const DialogBackdrop: react.ForwardRefExoticComponent<DialogBackdropProps & react.RefAttributes<HTMLDivElement>>;
 declare const DialogViewport: react.ForwardRefExoticComponent<DialogViewportProps & react.RefAttributes<HTMLDivElement>>;
 declare const DialogPopup: react.ForwardRefExoticComponent<DialogPopupProps & react.RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/dialog/parts.tsx"],"mappings":";;;;;KA6BK,iBAAA,GAAoB,wBAAA,QAAgC,MAAA,CAAW,QAAA;AAAA,KAC/D,iBAAA,GAAoB,wBAAA,QAAgC,MAAA,CAAW,QAAA;AAAA,KAC/D,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,KAC5D,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,KAC5D,oBAAA,GAAuB,wBAAA,QAAgC,MAAA,CAAW,WAAA;AAAA,KAClE,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,UAEhD,mBAAA,SAA4B,IAAA,CAAK,iBAAA;EAChD,SAAA;AAAA;AAAA,UAEe,mBAAA,SAA4B,IAAA,CAAK,iBAAA;EAChD,SAAA;AAAA;AAAA,UAEe,gBAAA,SAAyB,IAAA,CAAK,cAAA;EAC7C,SAAA;AAAA;AAAA,UAEe,gBAAA,SAAyB,IAAA,CAAK,cAAA;EAC7C,SAAA;AAAA;AAAA,UAEe,sBAAA,SAA+B,IAAA,CAAK,oBAAA;EACnD,SAAA;AAAA;AAAA,UAEe,gBAAA,SAAyB,IAAA,CAAK,cAAA;EAC7C,SAAA;AAAA;AAAA,cAGW,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOd,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOd,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,kBAAA;AAAA,cAOX,iBAAA,EAAiB,KAAA,CAAA,yBAAA,CAAA,sBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,oBAAA;AAAA,cAOjB,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}
+{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/dialog/parts.tsx"],"mappings":";;;;;KA4BK,iBAAA,GAAoB,wBAAA,QAAgC,MAAA,CAAW,QAAA;AAAA,KAC/D,iBAAA,GAAoB,wBAAA,QAAgC,MAAA,CAAW,QAAA;AAAA,KAC/D,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,KAC5D,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,KAC5D,oBAAA,GAAuB,wBAAA,QAAgC,MAAA,CAAW,WAAA;AAAA,KAClE,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,UAEhD,mBAAA,SAA4B,iBAAA;AAAA,UAC5B,mBAAA,SAA4B,iBAAA;AAAA,UAC5B,gBAAA,SAAyB,cAAA;AAAA,UACzB,gBAAA,SAAyB,cAAA;AAAA,UACzB,sBAAA,SAA+B,oBAAA;AAAA,UAC/B,gBAAA,SAAyB,cAAA;AAAA,cAE7B,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOd,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOd,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,kBAAA;AAAA,cAOX,iBAAA,EAAiB,KAAA,CAAA,yBAAA,CAAA,sBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,oBAAA;AAAA,cAOjB,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}

package/dist/dialog/parts.js

@@ -1,12 +1,11 @@
+import { cx, resolveClassName } from "../utils/resolveClassName.js";
 import dialog_module_default from "./dialog.module.js";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Dialog } from "@base-ui/react/dialog";
 //#region src/dialog/parts.tsx
 /**
-* Styled primitives for Dialog — each one wraps the corresponding @base-ui/react
-* Dialog part and pre-applies the agentic-ui CSS class. All base-ui props are
-* forwarded so you can compose these with a raw `Dialog.Root` / `Dialog.Trigger`.
+* Styled primitives for Dialog.
 *
 * @example
 * ```tsx
@@ -30,42 +29,42 @@ import { Dialog } from "@base-ui/react/dialog";
 const DialogBackdrop = forwardRef(function DialogBackdrop({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Dialog.Backdrop, {
 		ref,
-		className: `${dialog_module_default.backdrop} ${className ?? ""}`,
+		className: (state) => cx(dialog_module_default.backdrop, resolveClassName(className, state)),
 		...props
 	});
 });
 const DialogViewport = forwardRef(function DialogViewport({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Dialog.Viewport, {
 		ref,
-		className: `${dialog_module_default.viewport ?? ""} ${className ?? ""}`,
+		className: (state) => cx(dialog_module_default.viewport ?? "", resolveClassName(className, state)),
 		...props
 	});
 });
 const DialogPopup = forwardRef(function DialogPopup({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Dialog.Popup, {
 		ref,
-		className: `${dialog_module_default.popup} ${className ?? ""}`,
+		className: (state) => cx(dialog_module_default.popup, resolveClassName(className, state)),
 		...props
 	});
 });
 const DialogTitle = forwardRef(function DialogTitle({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Dialog.Title, {
 		ref,
-		className: `${dialog_module_default.title} ${className ?? ""}`,
+		className: (state) => cx(dialog_module_default.title, resolveClassName(className, state)),
 		...props
 	});
 });
 const DialogDescription = forwardRef(function DialogDescription({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Dialog.Description, {
 		ref,
-		className: `${dialog_module_default.description} ${className ?? ""}`,
+		className: (state) => cx(dialog_module_default.description, resolveClassName(className, state)),
 		...props
 	});
 });
 const DialogClose = forwardRef(function DialogClose({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Dialog.Close, {
 		ref,
-		className: `${dialog_module_default.close} ${className ?? ""}`,
+		className: (state) => cx(dialog_module_default.close, resolveClassName(className, state)),
 		...props
 	});
 });

package/dist/dialog/parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"parts.js","names":["BaseDialog","styles"],"sources":["../../src/dialog/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Dialog — each one wraps the corresponding @base-ui/react\n * Dialog part and pre-applies the agentic-ui CSS class. All base-ui props are\n * forwarded so you can compose these with a raw `Dialog.Root` / `Dialog.Trigger`.\n *\n * @example\n * ```tsx\n * import { Dialog } from '@base-ui/react/dialog';\n * import { DialogBackdrop, DialogViewport, DialogPopup, DialogTitle, DialogClose } from '@brijbyte/agentic-ui/dialog';\n *\n * <Dialog.Root>\n *   <Dialog.Trigger render={<button>Open</button>} />\n *   <Dialog.Portal>\n *     <DialogBackdrop />\n *     <DialogViewport>\n *       <DialogPopup>\n *         <DialogTitle>Hello</DialogTitle>\n *         <DialogClose aria-label=\"Close\" />\n *       </DialogPopup>\n *     </DialogViewport>\n *   </Dialog.Portal>\n * </Dialog.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport styles from \"./dialog.module.css\";\n\ntype BaseBackdropProps = ComponentPropsWithoutRef<typeof BaseDialog.Backdrop>;\ntype BaseViewportProps = ComponentPropsWithoutRef<typeof BaseDialog.Viewport>;\ntype BasePopupProps = ComponentPropsWithoutRef<typeof BaseDialog.Popup>;\ntype BaseTitleProps = ComponentPropsWithoutRef<typeof BaseDialog.Title>;\ntype BaseDescriptionProps = ComponentPropsWithoutRef<typeof BaseDialog.Description>;\ntype BaseCloseProps = ComponentPropsWithoutRef<typeof BaseDialog.Close>;\n\nexport interface DialogBackdropProps extends Omit<BaseBackdropProps, \"className\"> {\n  className?: string;\n}\nexport interface DialogViewportProps extends Omit<BaseViewportProps, \"className\"> {\n  className?: string;\n}\nexport interface DialogPopupProps extends Omit<BasePopupProps, \"className\"> {\n  className?: string;\n}\nexport interface DialogTitleProps extends Omit<BaseTitleProps, \"className\"> {\n  className?: string;\n}\nexport interface DialogDescriptionProps extends Omit<BaseDescriptionProps, \"className\"> {\n  className?: string;\n}\nexport interface DialogCloseProps extends Omit<BaseCloseProps, \"className\"> {\n  className?: string;\n}\n\nexport const DialogBackdrop = forwardRef<ComponentRef<typeof BaseDialog.Backdrop>, DialogBackdropProps>(function DialogBackdrop(\n  { className, ...props },\n  ref,\n) {\n  return <BaseDialog.Backdrop ref={ref} className={`${styles.backdrop} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const DialogViewport = forwardRef<ComponentRef<typeof BaseDialog.Viewport>, DialogViewportProps>(function DialogViewport(\n  { className, ...props },\n  ref,\n) {\n  return <BaseDialog.Viewport ref={ref} className={`${styles.viewport ?? \"\"} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const DialogPopup = forwardRef<ComponentRef<typeof BaseDialog.Popup>, DialogPopupProps>(function DialogPopup(\n  { className, ...props },\n  ref,\n) {\n  return <BaseDialog.Popup ref={ref} className={`${styles.popup} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const DialogTitle = forwardRef<ComponentRef<typeof BaseDialog.Title>, DialogTitleProps>(function DialogTitle(\n  { className, ...props },\n  ref,\n) {\n  return <BaseDialog.Title ref={ref} className={`${styles.title} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const DialogDescription = forwardRef<ComponentRef<typeof BaseDialog.Description>, DialogDescriptionProps>(function DialogDescription(\n  { className, ...props },\n  ref,\n) {\n  return <BaseDialog.Description ref={ref} className={`${styles.description} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const DialogClose = forwardRef<ComponentRef<typeof BaseDialog.Close>, DialogCloseProps>(function DialogClose(\n  { className, ...props },\n  ref,\n) {\n  return <BaseDialog.Close ref={ref} className={`${styles.close} ${className ?? \"\"}`} {...props} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,MAAa,iBAAiB,WAA0E,SAAS,eAC/G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,OAAW,UAAZ;EAA0B;EAAK,WAAW,GAAGC,sBAAO,SAAS,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACvG;AAEF,MAAa,iBAAiB,WAA0E,SAAS,eAC/G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,OAAW,UAAZ;EAA0B;EAAK,WAAW,GAAGC,sBAAO,YAAY,GAAG,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC7G;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,oBAAoB,WAAgF,SAAS,kBACxH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,OAAW,aAAZ;EAA6B;EAAK,WAAW,GAAGC,sBAAO,YAAY,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC7G;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":["BaseDialog","styles"],"sources":["../../src/dialog/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Dialog.\n *\n * @example\n * ```tsx\n * import { Dialog } from '@base-ui/react/dialog';\n * import { DialogBackdrop, DialogViewport, DialogPopup, DialogTitle, DialogClose } from '@brijbyte/agentic-ui/dialog';\n *\n * <Dialog.Root>\n *   <Dialog.Trigger render={<button>Open</button>} />\n *   <Dialog.Portal>\n *     <DialogBackdrop />\n *     <DialogViewport>\n *       <DialogPopup>\n *         <DialogTitle>Hello</DialogTitle>\n *         <DialogClose aria-label=\"Close\" />\n *       </DialogPopup>\n *     </DialogViewport>\n *   </Dialog.Portal>\n * </Dialog.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport styles from \"./dialog.module.css\";\nimport { resolveClassName, cx } from \"../utils/resolveClassName\";\n\ntype BaseBackdropProps = ComponentPropsWithoutRef<typeof BaseDialog.Backdrop>;\ntype BaseViewportProps = ComponentPropsWithoutRef<typeof BaseDialog.Viewport>;\ntype BasePopupProps = ComponentPropsWithoutRef<typeof BaseDialog.Popup>;\ntype BaseTitleProps = ComponentPropsWithoutRef<typeof BaseDialog.Title>;\ntype BaseDescriptionProps = ComponentPropsWithoutRef<typeof BaseDialog.Description>;\ntype BaseCloseProps = ComponentPropsWithoutRef<typeof BaseDialog.Close>;\n\nexport interface DialogBackdropProps extends BaseBackdropProps {}\nexport interface DialogViewportProps extends BaseViewportProps {}\nexport interface DialogPopupProps extends BasePopupProps {}\nexport interface DialogTitleProps extends BaseTitleProps {}\nexport interface DialogDescriptionProps extends BaseDescriptionProps {}\nexport interface DialogCloseProps extends BaseCloseProps {}\n\nexport const DialogBackdrop = forwardRef<ComponentRef<typeof BaseDialog.Backdrop>, DialogBackdropProps>(function DialogBackdrop(\n  { className, ...props },\n  ref,\n) {\n  return <BaseDialog.Backdrop ref={ref} className={(state) => cx(styles.backdrop, resolveClassName(className, state))} {...props} />;\n});\n\nexport const DialogViewport = forwardRef<ComponentRef<typeof BaseDialog.Viewport>, DialogViewportProps>(function DialogViewport(\n  { className, ...props },\n  ref,\n) {\n  return <BaseDialog.Viewport ref={ref} className={(state) => cx(styles.viewport ?? \"\", resolveClassName(className, state))} {...props} />;\n});\n\nexport const DialogPopup = forwardRef<ComponentRef<typeof BaseDialog.Popup>, DialogPopupProps>(function DialogPopup(\n  { className, ...props },\n  ref,\n) {\n  return <BaseDialog.Popup ref={ref} className={(state) => cx(styles.popup, resolveClassName(className, state))} {...props} />;\n});\n\nexport const DialogTitle = forwardRef<ComponentRef<typeof BaseDialog.Title>, DialogTitleProps>(function DialogTitle(\n  { className, ...props },\n  ref,\n) {\n  return <BaseDialog.Title ref={ref} className={(state) => cx(styles.title, resolveClassName(className, state))} {...props} />;\n});\n\nexport const DialogDescription = forwardRef<ComponentRef<typeof BaseDialog.Description>, DialogDescriptionProps>(function DialogDescription(\n  { className, ...props },\n  ref,\n) {\n  return <BaseDialog.Description ref={ref} className={(state) => cx(styles.description, resolveClassName(className, state))} {...props} />;\n});\n\nexport const DialogClose = forwardRef<ComponentRef<typeof BaseDialog.Close>, DialogCloseProps>(function DialogClose(\n  { className, ...props },\n  ref,\n) {\n  return <BaseDialog.Close ref={ref} className={(state) => cx(styles.close, resolveClassName(className, state))} {...props} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,MAAa,iBAAiB,WAA0E,SAAS,eAC/G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,OAAW,UAAZ;EAA0B;EAAK,YAAY,UAAU,GAAGC,sBAAO,UAAU,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAClI;AAEF,MAAa,iBAAiB,WAA0E,SAAS,eAC/G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,OAAW,UAAZ;EAA0B;EAAK,YAAY,UAAU,GAAGC,sBAAO,YAAY,IAAI,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACxI;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,oBAAoB,WAAgF,SAAS,kBACxH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,OAAW,aAAZ;EAA6B;EAAK,YAAY,UAAU,GAAGC,sBAAO,aAAa,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACxI;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/drawer/parts.d.ts

@@ -12,29 +12,17 @@ type BaseContentProps = ComponentPropsWithoutRef<typeof Drawer.Content>;
 type BaseTitleProps = ComponentPropsWithoutRef<typeof Drawer.Title>;
 type BaseDescriptionProps = ComponentPropsWithoutRef<typeof Drawer.Description>;
 type BaseCloseProps = ComponentPropsWithoutRef<typeof Drawer.Close>;
-interface DrawerBackdropProps extends Omit<BaseBackdropProps, "className"> {
-  className?: string;
-}
-interface DrawerViewportProps extends Omit<BaseViewportProps, "className"> {
-  className?: string;
+interface DrawerBackdropProps extends BaseBackdropProps {}
+interface DrawerViewportProps extends BaseViewportProps {
   side?: DrawerSide;
 }
-interface DrawerPopupProps extends Omit<BasePopupProps, "className"> {
-  className?: string;
+interface DrawerPopupProps extends BasePopupProps {
   side?: DrawerSide;
 }
-interface DrawerContentProps extends Omit<BaseContentProps, "className"> {
-  className?: string;
-}
-interface DrawerTitleProps extends Omit<BaseTitleProps, "className"> {
-  className?: string;
-}
-interface DrawerDescriptionProps extends Omit<BaseDescriptionProps, "className"> {
-  className?: string;
-}
-interface DrawerCloseProps extends Omit<BaseCloseProps, "className"> {
-  className?: string;
-}
+interface DrawerContentProps extends BaseContentProps {}
+interface DrawerTitleProps extends BaseTitleProps {}
+interface DrawerDescriptionProps extends BaseDescriptionProps {}
+interface DrawerCloseProps extends BaseCloseProps {}
 declare const DrawerBackdrop: react.ForwardRefExoticComponent<DrawerBackdropProps & react.RefAttributes<HTMLDivElement>>;
 declare const DrawerViewport: react.ForwardRefExoticComponent<DrawerViewportProps & react.RefAttributes<HTMLDivElement>>;
 declare const DrawerPopup: react.ForwardRefExoticComponent<DrawerPopupProps & react.RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/drawer/parts.tsx"],"mappings":";;;;;;;KAoCK,iBAAA,GAAoB,wBAAA,QAAgC,MAAA,CAAW,QAAA;AAAA,KAC/D,iBAAA,GAAoB,wBAAA,QAAgC,MAAA,CAAW,QAAA;AAAA,KAC/D,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,KAC5D,gBAAA,GAAmB,wBAAA,QAAgC,MAAA,CAAW,OAAA;AAAA,KAC9D,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,KAC5D,oBAAA,GAAuB,wBAAA,QAAgC,MAAA,CAAW,WAAA;AAAA,KAClE,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,UAIhD,mBAAA,SAA4B,IAAA,CAAK,iBAAA;EAChD,SAAA;AAAA;AAAA,UAEe,mBAAA,SAA4B,IAAA,CAAK,iBAAA;EAChD,SAAA;EACA,IAAA,GAAO,UAAA;AAAA;AAAA,UAEQ,gBAAA,SAAyB,IAAA,CAAK,cAAA;EAC7C,SAAA;EACA,IAAA,GAAO,UAAA;AAAA;AAAA,UAEQ,kBAAA,SAA2B,IAAA,CAAK,gBAAA;EAC/C,SAAA;AAAA;AAAA,UAEe,gBAAA,SAAyB,IAAA,CAAK,cAAA;EAC7C,SAAA;AAAA;AAAA,UAEe,sBAAA,SAA+B,IAAA,CAAK,oBAAA;EACnD,SAAA;AAAA;AAAA,UAEe,gBAAA,SAAyB,IAAA,CAAK,cAAA;EAC7C,SAAA;AAAA;AAAA,cAKW,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAId,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAcd,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAIX,aAAA,EAAa,KAAA,CAAA,yBAAA,CAAA,kBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAIb,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,kBAAA;AAAA,cAIX,iBAAA,EAAiB,KAAA,CAAA,yBAAA,CAAA,sBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,oBAAA;AAAA,cAOjB,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;;iBAKR,eAAA,CAAA;EAAkB;AAAA;EAAe,SAAA;AAAA,IAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;iBAKrD,YAAA,CAAA;EAAe,SAAA;EAAA,GAAc;AAAA,GAAS,KAAA,CAAM,cAAA,CAAe,cAAA,IAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/drawer/parts.tsx"],"mappings":";;;;;;;KAmCK,iBAAA,GAAoB,wBAAA,QAAgC,MAAA,CAAW,QAAA;AAAA,KAC/D,iBAAA,GAAoB,wBAAA,QAAgC,MAAA,CAAW,QAAA;AAAA,KAC/D,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,KAC5D,gBAAA,GAAmB,wBAAA,QAAgC,MAAA,CAAW,OAAA;AAAA,KAC9D,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,KAC5D,oBAAA,GAAuB,wBAAA,QAAgC,MAAA,CAAW,WAAA;AAAA,KAClE,cAAA,GAAiB,wBAAA,QAAgC,MAAA,CAAW,KAAA;AAAA,UAEhD,mBAAA,SAA4B,iBAAA;AAAA,UAC5B,mBAAA,SAA4B,iBAAA;EAC3C,IAAA,GAAO,UAAA;AAAA;AAAA,UAEQ,gBAAA,SAAyB,cAAA;EACxC,IAAA,GAAO,UAAA;AAAA;AAAA,UAEQ,kBAAA,SAA2B,gBAAA;AAAA,UAC3B,gBAAA,SAAyB,cAAA;AAAA,UACzB,sBAAA,SAA+B,oBAAA;AAAA,UAC/B,gBAAA,SAAyB,cAAA;AAAA,cAS7B,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAId,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAcd,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAMX,aAAA,EAAa,KAAA,CAAA,yBAAA,CAAA,kBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAIb,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,kBAAA;AAAA,cAIX,iBAAA,EAAiB,KAAA,CAAA,yBAAA,CAAA,sBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,oBAAA;AAAA,cAOjB,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;;iBAKR,eAAA,CAAA;EAAkB;AAAA;EAAe,SAAA;AAAA,IAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;iBAKrD,YAAA,CAAA;EAAe,SAAA;EAAA,GAAc;AAAA,GAAS,KAAA,CAAM,cAAA,CAAe,cAAA,IAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/drawer/parts.js

@@ -1,3 +1,4 @@
+import { cx, resolveClassName } from "../utils/resolveClassName.js";
 import drawer_module_default from "./drawer.module.js";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
@@ -31,59 +32,59 @@ import { Drawer } from "@base-ui/react/drawer";
 * </Drawer.Root>
 * ```
 */
+const POPUP_CLASS = {
+	right: drawer_module_default["popup-right"],
+	left: drawer_module_default["popup-left"],
+	bottom: drawer_module_default["popup-bottom"],
+	top: drawer_module_default["popup-top"]
+};
 const DrawerBackdrop = forwardRef(function DrawerBackdrop({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Drawer.Backdrop, {
 		ref,
-		className: `${drawer_module_default.backdrop} ${className ?? ""}`,
+		className: (state) => cx(drawer_module_default.backdrop, resolveClassName(className, state)),
 		...props
 	});
 });
 const DrawerViewport = forwardRef(function DrawerViewport({ className, side = "right", ...props }, ref) {
 	return /* @__PURE__ */ jsx(Drawer.Viewport, {
 		ref,
-		className: `${drawer_module_default.viewport} ${className ?? ""}`,
+		className: (state) => cx(drawer_module_default.viewport, resolveClassName(className, state)),
 		"data-side": side,
 		...props
 	});
 });
-const POPUP_CLASS = {
-	right: drawer_module_default["popup-right"],
-	left: drawer_module_default["popup-left"],
-	bottom: drawer_module_default["popup-bottom"],
-	top: drawer_module_default["popup-top"]
-};
 const DrawerPopup = forwardRef(function DrawerPopup({ className, side = "right", ...props }, ref) {
 	return /* @__PURE__ */ jsx(Drawer.Popup, {
 		ref,
-		className: `${drawer_module_default.popup} ${POPUP_CLASS[side]} ${className ?? ""}`,
+		className: (state) => cx(drawer_module_default.popup, POPUP_CLASS[side], resolveClassName(className, state)),
 		...props
 	});
 });
 const DrawerContent = forwardRef(function DrawerContent({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Drawer.Content, {
 		ref,
-		className: `${drawer_module_default.content} ${className ?? ""}`,
+		className: (state) => cx(drawer_module_default.content, resolveClassName(className, state)),
 		...props
 	});
 });
 const DrawerTitle = forwardRef(function DrawerTitle({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Drawer.Title, {
 		ref,
-		className: `${drawer_module_default.title} ${className ?? ""}`,
+		className: (state) => cx(drawer_module_default.title, resolveClassName(className, state)),
 		...props
 	});
 });
 const DrawerDescription = forwardRef(function DrawerDescription({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Drawer.Description, {
 		ref,
-		className: `${drawer_module_default.description} ${className ?? ""}`,
+		className: (state) => cx(drawer_module_default.description, resolveClassName(className, state)),
 		...props
 	});
 });
 const DrawerClose = forwardRef(function DrawerClose({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Drawer.Close, {
 		ref,
-		className: `${drawer_module_default.close} ${className ?? ""}`,
+		className: (state) => cx(drawer_module_default.close, resolveClassName(className, state)),
 		...props
 	});
 });

package/dist/drawer/parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"parts.js","names":["BaseDrawer","styles"],"sources":["../../src/drawer/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Drawer.\n *\n * @example\n * ```tsx\n * import { Drawer } from '@base-ui/react/drawer';\n * import {\n *   DrawerBackdrop, DrawerViewport, DrawerPopup,\n *   DrawerContent, DrawerTitle, DrawerClose,\n * } from '@brijbyte/agentic-ui/drawer';\n *\n * <Drawer.Root swipeDirection=\"right\">\n *   <Drawer.Trigger render={<button>Open</button>} />\n *   <Drawer.Portal>\n *     <DrawerBackdrop />\n *     <DrawerViewport side=\"right\">\n *       <DrawerPopup side=\"right\">\n *         <DrawerContent>\n *           <DrawerTitle>Title</DrawerTitle>\n *           {children}\n *           <DrawerClose />\n *         </DrawerContent>\n *       </DrawerPopup>\n *     </DrawerViewport>\n *   </Drawer.Portal>\n * </Drawer.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport { Drawer as BaseDrawer } from \"@base-ui/react/drawer\";\nimport type { DrawerSide } from \"./drawer\";\nimport styles from \"./drawer.module.css\";\n\n// ─── Base prop types ───────────────────────────────────────────────────────\n\ntype BaseBackdropProps = ComponentPropsWithoutRef<typeof BaseDrawer.Backdrop>;\ntype BaseViewportProps = ComponentPropsWithoutRef<typeof BaseDrawer.Viewport>;\ntype BasePopupProps = ComponentPropsWithoutRef<typeof BaseDrawer.Popup>;\ntype BaseContentProps = ComponentPropsWithoutRef<typeof BaseDrawer.Content>;\ntype BaseTitleProps = ComponentPropsWithoutRef<typeof BaseDrawer.Title>;\ntype BaseDescriptionProps = ComponentPropsWithoutRef<typeof BaseDrawer.Description>;\ntype BaseCloseProps = ComponentPropsWithoutRef<typeof BaseDrawer.Close>;\n\n// ─── Exported prop types ───────────────────────────────────────────────────\n\nexport interface DrawerBackdropProps extends Omit<BaseBackdropProps, \"className\"> {\n  className?: string;\n}\nexport interface DrawerViewportProps extends Omit<BaseViewportProps, \"className\"> {\n  className?: string;\n  side?: DrawerSide;\n}\nexport interface DrawerPopupProps extends Omit<BasePopupProps, \"className\"> {\n  className?: string;\n  side?: DrawerSide;\n}\nexport interface DrawerContentProps extends Omit<BaseContentProps, \"className\"> {\n  className?: string;\n}\nexport interface DrawerTitleProps extends Omit<BaseTitleProps, \"className\"> {\n  className?: string;\n}\nexport interface DrawerDescriptionProps extends Omit<BaseDescriptionProps, \"className\"> {\n  className?: string;\n}\nexport interface DrawerCloseProps extends Omit<BaseCloseProps, \"className\"> {\n  className?: string;\n}\n\n// ─── Parts ────────────────────────────────────────────────────────────────\n\nexport const DrawerBackdrop = forwardRef<HTMLDivElement, DrawerBackdropProps>(function DrawerBackdrop({ className, ...props }, ref) {\n  return <BaseDrawer.Backdrop ref={ref} className={`${styles.backdrop} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const DrawerViewport = forwardRef<HTMLDivElement, DrawerViewportProps>(function DrawerViewport(\n  { className, side = \"right\", ...props },\n  ref,\n) {\n  return <BaseDrawer.Viewport ref={ref} className={`${styles.viewport} ${className ?? \"\"}`} data-side={side} {...props} />;\n});\n\nconst POPUP_CLASS: Record<DrawerSide, string> = {\n  right: styles[\"popup-right\"] as string,\n  left: styles[\"popup-left\"] as string,\n  bottom: styles[\"popup-bottom\"] as string,\n  top: styles[\"popup-top\"] as string,\n};\n\nexport const DrawerPopup = forwardRef<HTMLDivElement, DrawerPopupProps>(function DrawerPopup({ className, side = \"right\", ...props }, ref) {\n  return <BaseDrawer.Popup ref={ref} className={`${styles.popup} ${POPUP_CLASS[side]} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const DrawerContent = forwardRef<HTMLDivElement, DrawerContentProps>(function DrawerContent({ className, ...props }, ref) {\n  return <BaseDrawer.Content ref={ref} className={`${styles.content} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const DrawerTitle = forwardRef<HTMLHeadingElement, DrawerTitleProps>(function DrawerTitle({ className, ...props }, ref) {\n  return <BaseDrawer.Title ref={ref} className={`${styles.title} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const DrawerDescription = forwardRef<HTMLParagraphElement, DrawerDescriptionProps>(function DrawerDescription(\n  { className, ...props },\n  ref,\n) {\n  return <BaseDrawer.Description ref={ref} className={`${styles.description} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const DrawerClose = forwardRef<HTMLButtonElement, DrawerCloseProps>(function DrawerClose({ className, ...props }, ref) {\n  return <BaseDrawer.Close ref={ref} className={`${styles.close} ${className ?? \"\"}`} {...props} />;\n});\n\n/** A decorative drag handle bar. Place at the top of a bottom drawer or bottom of a top drawer. */\nexport function DrawerHandleBar({ className }: { className?: string }) {\n  return <div className={`${styles[\"handle-bar\"]} ${className ?? \"\"}`} aria-hidden />;\n}\n\n/** Styled footer strip for action buttons. */\nexport function DrawerFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return <div className={`${styles.footer} ${className ?? \"\"}`} {...props} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEA,MAAa,iBAAiB,WAAgD,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;AAClI,QAAO,oBAACA,OAAW,UAAZ;EAA0B;EAAK,WAAW,GAAGC,sBAAO,SAAS,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACvG;AAEF,MAAa,iBAAiB,WAAgD,SAAS,eACrF,EAAE,WAAW,OAAO,SAAS,GAAG,SAChC,KACA;AACA,QAAO,oBAACD,OAAW,UAAZ;EAA0B;EAAK,WAAW,GAAGC,sBAAO,SAAS,GAAG,aAAa;EAAM,aAAW;EAAM,GAAI;EAAS,CAAA;EACxH;AAEF,MAAM,cAA0C;CAC9C,OAAOA,sBAAO;CACd,MAAMA,sBAAO;CACb,QAAQA,sBAAO;CACf,KAAKA,sBAAO;CACb;AAED,MAAa,cAAc,WAA6C,SAAS,YAAY,EAAE,WAAW,OAAO,SAAS,GAAG,SAAS,KAAK;AACzI,QAAO,oBAACD,OAAW,OAAZ;EAAuB;EAAK,WAAW,GAAGC,sBAAO,MAAM,GAAG,YAAY,MAAM,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACtH;AAEF,MAAa,gBAAgB,WAA+C,SAAS,cAAc,EAAE,WAAW,GAAG,SAAS,KAAK;AAC/H,QAAO,oBAACD,OAAW,SAAZ;EAAyB;EAAK,WAAW,GAAGC,sBAAO,QAAQ,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACrG;AAEF,MAAa,cAAc,WAAiD,SAAS,YAAY,EAAE,WAAW,GAAG,SAAS,KAAK;AAC7H,QAAO,oBAACD,OAAW,OAAZ;EAAuB;EAAK,WAAW,GAAGC,sBAAO,MAAM,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACjG;AAEF,MAAa,oBAAoB,WAAyD,SAAS,kBACjG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,OAAW,aAAZ;EAA6B;EAAK,WAAW,GAAGC,sBAAO,YAAY,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC7G;AAEF,MAAa,cAAc,WAAgD,SAAS,YAAY,EAAE,WAAW,GAAG,SAAS,KAAK;AAC5H,QAAO,oBAACD,OAAW,OAAZ;EAAuB;EAAK,WAAW,GAAGC,sBAAO,MAAM,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACjG;;AAGF,SAAgB,gBAAgB,EAAE,aAAqC;AACrE,QAAO,oBAAC,OAAD;EAAK,WAAW,GAAGA,sBAAO,cAAc,GAAG,aAAa;EAAM,eAAA;EAAc,CAAA;;;AAIrF,SAAgB,aAAa,EAAE,WAAW,GAAG,SAA+C;AAC1F,QAAO,oBAAC,OAAD;EAAK,WAAW,GAAGA,sBAAO,OAAO,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA"}
+{"version":3,"file":"parts.js","names":["styles","BaseDrawer"],"sources":["../../src/drawer/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Drawer.\n *\n * @example\n * ```tsx\n * import { Drawer } from '@base-ui/react/drawer';\n * import {\n *   DrawerBackdrop, DrawerViewport, DrawerPopup,\n *   DrawerContent, DrawerTitle, DrawerClose,\n * } from '@brijbyte/agentic-ui/drawer';\n *\n * <Drawer.Root swipeDirection=\"right\">\n *   <Drawer.Trigger render={<button>Open</button>} />\n *   <Drawer.Portal>\n *     <DrawerBackdrop />\n *     <DrawerViewport side=\"right\">\n *       <DrawerPopup side=\"right\">\n *         <DrawerContent>\n *           <DrawerTitle>Title</DrawerTitle>\n *           {children}\n *           <DrawerClose />\n *         </DrawerContent>\n *       </DrawerPopup>\n *     </DrawerViewport>\n *   </Drawer.Portal>\n * </Drawer.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport { Drawer as BaseDrawer } from \"@base-ui/react/drawer\";\nimport type { DrawerSide } from \"./drawer\";\nimport styles from \"./drawer.module.css\";\nimport { resolveClassName, cx } from \"../utils/resolveClassName\";\n\ntype BaseBackdropProps = ComponentPropsWithoutRef<typeof BaseDrawer.Backdrop>;\ntype BaseViewportProps = ComponentPropsWithoutRef<typeof BaseDrawer.Viewport>;\ntype BasePopupProps = ComponentPropsWithoutRef<typeof BaseDrawer.Popup>;\ntype BaseContentProps = ComponentPropsWithoutRef<typeof BaseDrawer.Content>;\ntype BaseTitleProps = ComponentPropsWithoutRef<typeof BaseDrawer.Title>;\ntype BaseDescriptionProps = ComponentPropsWithoutRef<typeof BaseDrawer.Description>;\ntype BaseCloseProps = ComponentPropsWithoutRef<typeof BaseDrawer.Close>;\n\nexport interface DrawerBackdropProps extends BaseBackdropProps {}\nexport interface DrawerViewportProps extends BaseViewportProps {\n  side?: DrawerSide;\n}\nexport interface DrawerPopupProps extends BasePopupProps {\n  side?: DrawerSide;\n}\nexport interface DrawerContentProps extends BaseContentProps {}\nexport interface DrawerTitleProps extends BaseTitleProps {}\nexport interface DrawerDescriptionProps extends BaseDescriptionProps {}\nexport interface DrawerCloseProps extends BaseCloseProps {}\n\nconst POPUP_CLASS: Record<DrawerSide, string> = {\n  right: styles[\"popup-right\"] as string,\n  left: styles[\"popup-left\"] as string,\n  bottom: styles[\"popup-bottom\"] as string,\n  top: styles[\"popup-top\"] as string,\n};\n\nexport const DrawerBackdrop = forwardRef<HTMLDivElement, DrawerBackdropProps>(function DrawerBackdrop({ className, ...props }, ref) {\n  return <BaseDrawer.Backdrop ref={ref} className={(state) => cx(styles.backdrop, resolveClassName(className, state))} {...props} />;\n});\n\nexport const DrawerViewport = forwardRef<HTMLDivElement, DrawerViewportProps>(function DrawerViewport(\n  { className, side = \"right\", ...props },\n  ref,\n) {\n  return (\n    <BaseDrawer.Viewport\n      ref={ref}\n      className={(state) => cx(styles.viewport, resolveClassName(className, state))}\n      data-side={side}\n      {...props}\n    />\n  );\n});\n\nexport const DrawerPopup = forwardRef<HTMLDivElement, DrawerPopupProps>(function DrawerPopup({ className, side = \"right\", ...props }, ref) {\n  return (\n    <BaseDrawer.Popup ref={ref} className={(state) => cx(styles.popup, POPUP_CLASS[side], resolveClassName(className, state))} {...props} />\n  );\n});\n\nexport const DrawerContent = forwardRef<HTMLDivElement, DrawerContentProps>(function DrawerContent({ className, ...props }, ref) {\n  return <BaseDrawer.Content ref={ref} className={(state) => cx(styles.content, resolveClassName(className, state))} {...props} />;\n});\n\nexport const DrawerTitle = forwardRef<HTMLHeadingElement, DrawerTitleProps>(function DrawerTitle({ className, ...props }, ref) {\n  return <BaseDrawer.Title ref={ref} className={(state) => cx(styles.title, resolveClassName(className, state))} {...props} />;\n});\n\nexport const DrawerDescription = forwardRef<HTMLParagraphElement, DrawerDescriptionProps>(function DrawerDescription(\n  { className, ...props },\n  ref,\n) {\n  return <BaseDrawer.Description ref={ref} className={(state) => cx(styles.description, resolveClassName(className, state))} {...props} />;\n});\n\nexport const DrawerClose = forwardRef<HTMLButtonElement, DrawerCloseProps>(function DrawerClose({ className, ...props }, ref) {\n  return <BaseDrawer.Close ref={ref} className={(state) => cx(styles.close, resolveClassName(className, state))} {...props} />;\n});\n\n/** A decorative drag handle bar. Place at the top of a bottom drawer or bottom of a top drawer. */\nexport function DrawerHandleBar({ className }: { className?: string }) {\n  return <div className={`${styles[\"handle-bar\"]} ${className ?? \"\"}`} aria-hidden />;\n}\n\n/** Styled footer strip for action buttons. */\nexport function DrawerFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return <div className={`${styles.footer} ${className ?? \"\"}`} {...props} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,MAAM,cAA0C;CAC9C,OAAOA,sBAAO;CACd,MAAMA,sBAAO;CACb,QAAQA,sBAAO;CACf,KAAKA,sBAAO;CACb;AAED,MAAa,iBAAiB,WAAgD,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;AAClI,QAAO,oBAACC,OAAW,UAAZ;EAA0B;EAAK,YAAY,UAAU,GAAGD,sBAAO,UAAU,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAClI;AAEF,MAAa,iBAAiB,WAAgD,SAAS,eACrF,EAAE,WAAW,OAAO,SAAS,GAAG,SAChC,KACA;AACA,QACE,oBAACC,OAAW,UAAZ;EACO;EACL,YAAY,UAAU,GAAGD,sBAAO,UAAU,iBAAiB,WAAW,MAAM,CAAC;EAC7E,aAAW;EACX,GAAI;EACJ,CAAA;EAEJ;AAEF,MAAa,cAAc,WAA6C,SAAS,YAAY,EAAE,WAAW,OAAO,SAAS,GAAG,SAAS,KAAK;AACzI,QACE,oBAACC,OAAW,OAAZ;EAAuB;EAAK,YAAY,UAAU,GAAGD,sBAAO,OAAO,YAAY,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAE1I;AAEF,MAAa,gBAAgB,WAA+C,SAAS,cAAc,EAAE,WAAW,GAAG,SAAS,KAAK;AAC/H,QAAO,oBAACC,OAAW,SAAZ;EAAyB;EAAK,YAAY,UAAU,GAAGD,sBAAO,SAAS,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAChI;AAEF,MAAa,cAAc,WAAiD,SAAS,YAAY,EAAE,WAAW,GAAG,SAAS,KAAK;AAC7H,QAAO,oBAACC,OAAW,OAAZ;EAAuB;EAAK,YAAY,UAAU,GAAGD,sBAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAC5H;AAEF,MAAa,oBAAoB,WAAyD,SAAS,kBACjG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACC,OAAW,aAAZ;EAA6B;EAAK,YAAY,UAAU,GAAGD,sBAAO,aAAa,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACxI;AAEF,MAAa,cAAc,WAAgD,SAAS,YAAY,EAAE,WAAW,GAAG,SAAS,KAAK;AAC5H,QAAO,oBAACC,OAAW,OAAZ;EAAuB;EAAK,YAAY,UAAU,GAAGD,sBAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAC5H;;AAGF,SAAgB,gBAAgB,EAAE,aAAqC;AACrE,QAAO,oBAAC,OAAD;EAAK,WAAW,GAAGA,sBAAO,cAAc,GAAG,aAAa;EAAM,eAAA;EAAc,CAAA;;;AAIrF,SAAgB,aAAa,EAAE,WAAW,GAAG,SAA+C;AAC1F,QAAO,oBAAC,OAAD;EAAK,WAAW,GAAGA,sBAAO,OAAO,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA"}