@brijbyte/agentic-ui 0.0.3 → 0.0.5

package/dist/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","names":["styles","Drawer","BaseDrawer"],"sources":["../../src/drawer/drawer.tsx"],"sourcesContent":["import type { ReactNode, ReactElement } from \"react\";\nimport { Drawer as BaseDrawer } from \"@base-ui/react/drawer\";\nimport styles from \"./drawer.module.css\";\n\nexport type DrawerSide = \"left\" | \"right\" | \"bottom\" | \"top\";\n\nexport interface DrawerProps {\n  /** Element that triggers the drawer — rendered as a `Drawer.Trigger`. */\n  trigger?: ReactElement;\n  /** Which edge the drawer slides in from. @default \"right\" */\n  side?: DrawerSide;\n  title?: ReactNode;\n  description?: ReactNode;\n  children?: ReactNode;\n  footer?: ReactNode;\n  /** Show a drag handle bar (useful for bottom/top drawers). @default true for bottom/top */\n  handleBar?: boolean;\n  /** Show a close button in the top-right corner. @default true */\n  dismissible?: boolean;\n\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nfunction XIcon() {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden>\n      <path d=\"M2 2L10 10M10 2L2 10\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\n/** Map side → swipe direction for dismiss gesture */\nconst SWIPE_DIR: Record<DrawerSide, \"left\" | \"right\" | \"up\" | \"down\"> = {\n  right: \"right\",\n  left: \"left\",\n  bottom: \"down\",\n  top: \"up\",\n};\n\n/** Popup CSS classes by side */\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 function Drawer({\n  trigger,\n  side = \"right\",\n  title,\n  description,\n  children,\n  footer,\n  handleBar,\n  dismissible = true,\n  onOpenChange,\n  ...props\n}: DrawerProps) {\n  const showHandle = handleBar ?? (side === \"bottom\" || side === \"top\");\n  const popupClass = `${styles.popup} ${POPUP_CLASS[side]}`;\n\n  return (\n    <BaseDrawer.Root swipeDirection={SWIPE_DIR[side]} onOpenChange={onOpenChange as never} {...props}>\n      {trigger && <BaseDrawer.Trigger render={trigger} />}\n      <BaseDrawer.Portal>\n        <BaseDrawer.Backdrop className={styles.backdrop} />\n        <BaseDrawer.Viewport className={styles.viewport} data-side={side}>\n          <BaseDrawer.Popup className={popupClass} style={{ position: \"relative\" }}>\n            {/* handle bar sits above content in bottom drawers */}\n            {showHandle && side !== \"top\" && <div className={styles[\"handle-bar\"]} aria-hidden />}\n\n            <BaseDrawer.Content className={styles.content}>\n              {title && <BaseDrawer.Title className={styles.title}>{title}</BaseDrawer.Title>}\n              {description && <BaseDrawer.Description className={styles.description}>{description}</BaseDrawer.Description>}\n              {children}\n              {footer && <div className={styles.footer}>{footer}</div>}\n            </BaseDrawer.Content>\n\n            {/* handle bar sits below content in top drawers */}\n            {showHandle && side === \"top\" && <div className={styles[\"handle-bar\"]} aria-hidden />}\n\n            {dismissible && (\n              <BaseDrawer.Close className={styles.close} aria-label=\"Close drawer\">\n                <XIcon />\n              </BaseDrawer.Close>\n            )}\n          </BaseDrawer.Popup>\n        </BaseDrawer.Viewport>\n      </BaseDrawer.Portal>\n    </BaseDrawer.Root>\n  );\n}\nexport { styles as DrawerStyles };\n"],"mappings":";;;;AAyBA,SAAS,QAAQ;AACf,QACE,oBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EAAO,eAAA;YAC1D,oBAAC,QAAD;GAAM,GAAE;GAAuB,QAAO;GAAe,aAAY;GAAM,eAAc;GAAU,CAAA;EAC3F,CAAA;;;AAKV,MAAM,YAAkE;CACtE,OAAO;CACP,MAAM;CACN,QAAQ;CACR,KAAK;CACN;;AAGD,MAAM,cAA0C;CAC9C,OAAOA,sBAAO;CACd,MAAMA,sBAAO;CACb,QAAQA,sBAAO;CACf,KAAKA,sBAAO;CACb;AAED,SAAgBC,SAAO,EACrB,SACA,OAAO,SACP,OACA,aACA,UACA,QACA,WACA,cAAc,MACd,cACA,GAAG,SACW;CACd,MAAM,aAAa,cAAc,SAAS,YAAY,SAAS;CAC/D,MAAM,aAAa,GAAGD,sBAAO,MAAM,GAAG,YAAY;AAElD,QACE,qBAACE,OAAW,MAAZ;EAAiB,gBAAgB,UAAU;EAAqB;EAAuB,GAAI;YAA3F,CACG,WAAW,oBAACA,OAAW,SAAZ,EAAoB,QAAQ,SAAW,CAAA,EACnD,qBAACA,OAAW,QAAZ,EAAA,UAAA,CACE,oBAACA,OAAW,UAAZ,EAAqB,WAAWF,sBAAO,UAAY,CAAA,EACnD,oBAACE,OAAW,UAAZ;GAAqB,WAAWF,sBAAO;GAAU,aAAW;aAC1D,qBAACE,OAAW,OAAZ;IAAkB,WAAW;IAAY,OAAO,EAAE,UAAU,YAAY;cAAxE;KAEG,cAAc,SAAS,SAAS,oBAAC,OAAD;MAAK,WAAWF,sBAAO;MAAe,eAAA;MAAc,CAAA;KAErF,qBAACE,OAAW,SAAZ;MAAoB,WAAWF,sBAAO;gBAAtC;OACG,SAAS,oBAACE,OAAW,OAAZ;QAAkB,WAAWF,sBAAO;kBAAQ;QAAyB,CAAA;OAC9E,eAAe,oBAACE,OAAW,aAAZ;QAAwB,WAAWF,sBAAO;kBAAc;QAAqC,CAAA;OAC5G;OACA,UAAU,oBAAC,OAAD;QAAK,WAAWA,sBAAO;kBAAS;QAAa,CAAA;OACrC;;KAGpB,cAAc,SAAS,SAAS,oBAAC,OAAD;MAAK,WAAWA,sBAAO;MAAe,eAAA;MAAc,CAAA;KAEpF,eACC,oBAACE,OAAW,OAAZ;MAAkB,WAAWF,sBAAO;MAAO,cAAW;gBACpD,oBAAC,OAAD,EAAS,CAAA;MACQ,CAAA;KAEJ;;GACC,CAAA,CACJ,EAAA,CAAA,CACJ"}
+{"version":3,"file":"drawer.js","names":["styles","Drawer","BaseDrawer"],"sources":["../../src/drawer/drawer.tsx"],"sourcesContent":["import type { ReactNode, ReactElement } from \"react\";\nimport { Drawer as BaseDrawer } from \"@base-ui/react/drawer\";\nimport styles from \"./drawer.module.css\";\n\nexport type DrawerSide = \"left\" | \"right\" | \"bottom\" | \"top\";\n\nexport interface DrawerProps {\n  /** Element that triggers the drawer — rendered as a `Drawer.Trigger`. */\n  trigger?: ReactElement;\n  /** Which edge the drawer slides in from. @default \"right\" */\n  side?: DrawerSide;\n  /** Heading rendered at the top of the drawer. */\n  title?: ReactNode;\n  /** Supplementary text below the title. */\n  description?: ReactNode;\n  children?: ReactNode;\n  /** Content rendered at the bottom of the drawer. */\n  footer?: ReactNode;\n  /** Show a drag handle bar (useful for bottom/top drawers). @default true for bottom/top */\n  handleBar?: boolean;\n  /** Show a close button in the top-right corner. @default true */\n  dismissible?: boolean;\n\n  /** Controlled open state. */\n  open?: boolean;\n  /** Whether the drawer is initially open (uncontrolled). */\n  defaultOpen?: boolean;\n  /** Called when the drawer opens or closes. */\n  onOpenChange?: (open: boolean) => void;\n}\n\nfunction XIcon() {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden>\n      <path d=\"M2 2L10 10M10 2L2 10\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\n/** Map side → swipe direction for dismiss gesture */\nconst SWIPE_DIR: Record<DrawerSide, \"left\" | \"right\" | \"up\" | \"down\"> = {\n  right: \"right\",\n  left: \"left\",\n  bottom: \"down\",\n  top: \"up\",\n};\n\n/** Popup CSS classes by side */\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\n/**\n * A panel that slides in from any edge of the screen with swipe-to-dismiss\n * gestures. Supports left, right, top, and bottom orientations with an\n * optional drag handle bar.\n */\nexport function Drawer({\n  trigger,\n  side = \"right\",\n  title,\n  description,\n  children,\n  footer,\n  handleBar,\n  dismissible = true,\n  onOpenChange,\n  ...props\n}: DrawerProps) {\n  const showHandle = handleBar ?? (side === \"bottom\" || side === \"top\");\n  const popupClass = `${styles.popup} ${POPUP_CLASS[side]}`;\n\n  return (\n    <BaseDrawer.Root swipeDirection={SWIPE_DIR[side]} onOpenChange={onOpenChange as never} {...props}>\n      {trigger && <BaseDrawer.Trigger render={trigger} />}\n      <BaseDrawer.Portal>\n        <BaseDrawer.Backdrop className={styles.backdrop} />\n        <BaseDrawer.Viewport className={styles.viewport} data-side={side}>\n          <BaseDrawer.Popup className={popupClass} style={{ position: \"relative\" }}>\n            {/* handle bar sits above content in bottom drawers */}\n            {showHandle && side !== \"top\" && <div className={styles[\"handle-bar\"]} aria-hidden />}\n\n            <BaseDrawer.Content className={styles.content}>\n              {title && <BaseDrawer.Title className={styles.title}>{title}</BaseDrawer.Title>}\n              {description && <BaseDrawer.Description className={styles.description}>{description}</BaseDrawer.Description>}\n              {children}\n              {footer && <div className={styles.footer}>{footer}</div>}\n            </BaseDrawer.Content>\n\n            {/* handle bar sits below content in top drawers */}\n            {showHandle && side === \"top\" && <div className={styles[\"handle-bar\"]} aria-hidden />}\n\n            {dismissible && (\n              <BaseDrawer.Close className={styles.close} aria-label=\"Close drawer\">\n                <XIcon />\n              </BaseDrawer.Close>\n            )}\n          </BaseDrawer.Popup>\n        </BaseDrawer.Viewport>\n      </BaseDrawer.Portal>\n    </BaseDrawer.Root>\n  );\n}\nexport { styles as DrawerStyles };\n"],"mappings":";;;;AA+BA,SAAS,QAAQ;AACf,QACE,oBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EAAO,eAAA;YAC1D,oBAAC,QAAD;GAAM,GAAE;GAAuB,QAAO;GAAe,aAAY;GAAM,eAAc;GAAU,CAAA;EAC3F,CAAA;;;AAKV,MAAM,YAAkE;CACtE,OAAO;CACP,MAAM;CACN,QAAQ;CACR,KAAK;CACN;;AAGD,MAAM,cAA0C;CAC9C,OAAOA,sBAAO;CACd,MAAMA,sBAAO;CACb,QAAQA,sBAAO;CACf,KAAKA,sBAAO;CACb;;;;;;AAOD,SAAgBC,SAAO,EACrB,SACA,OAAO,SACP,OACA,aACA,UACA,QACA,WACA,cAAc,MACd,cACA,GAAG,SACW;CACd,MAAM,aAAa,cAAc,SAAS,YAAY,SAAS;CAC/D,MAAM,aAAa,GAAGD,sBAAO,MAAM,GAAG,YAAY;AAElD,QACE,qBAACE,OAAW,MAAZ;EAAiB,gBAAgB,UAAU;EAAqB;EAAuB,GAAI;YAA3F,CACG,WAAW,oBAACA,OAAW,SAAZ,EAAoB,QAAQ,SAAW,CAAA,EACnD,qBAACA,OAAW,QAAZ,EAAA,UAAA,CACE,oBAACA,OAAW,UAAZ,EAAqB,WAAWF,sBAAO,UAAY,CAAA,EACnD,oBAACE,OAAW,UAAZ;GAAqB,WAAWF,sBAAO;GAAU,aAAW;aAC1D,qBAACE,OAAW,OAAZ;IAAkB,WAAW;IAAY,OAAO,EAAE,UAAU,YAAY;cAAxE;KAEG,cAAc,SAAS,SAAS,oBAAC,OAAD;MAAK,WAAWF,sBAAO;MAAe,eAAA;MAAc,CAAA;KAErF,qBAACE,OAAW,SAAZ;MAAoB,WAAWF,sBAAO;gBAAtC;OACG,SAAS,oBAACE,OAAW,OAAZ;QAAkB,WAAWF,sBAAO;kBAAQ;QAAyB,CAAA;OAC9E,eAAe,oBAACE,OAAW,aAAZ;QAAwB,WAAWF,sBAAO;kBAAc;QAAqC,CAAA;OAC5G;OACA,UAAU,oBAAC,OAAD;QAAK,WAAWA,sBAAO;kBAAS;QAAa,CAAA;OACrC;;KAGpB,cAAc,SAAS,SAAS,oBAAC,OAAD;MAAK,WAAWA,sBAAO;MAAe,eAAA;MAAc,CAAA;KAEpF,eACC,oBAACE,OAAW,OAAZ;MAAkB,WAAWF,sBAAO;MAAO,cAAW;gBACpD,oBAAC,OAAD,EAAS,CAAA;MACQ,CAAA;KAEJ;;GACC,CAAA,CACJ,EAAA,CAAA,CACJ"}

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