@brijbyte/agentic-ui 0.0.1-beta → 0.0.2

package/dist/drawer/drawer.js.map

@@ -0,0 +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"}

package/dist/drawer/drawer.module.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: Record<string, string | undefined>;
+export default styles;

package/dist/drawer/drawer.module.js

@@ -0,0 +1,20 @@
+//#region src/drawer/drawer.module.css
+var drawer_module_default = {
+	"backdrop": "backdrop_JNKGQq",
+	"close": "close_JNKGQq",
+	"content": "content_JNKGQq",
+	"description": "description_JNKGQq",
+	"footer": "footer_JNKGQq",
+	"handle-bar": "handle-bar_JNKGQq",
+	"popup": "popup_JNKGQq",
+	"popup-bottom": "popup-bottom_JNKGQq",
+	"popup-left": "popup-left_JNKGQq",
+	"popup-right": "popup-right_JNKGQq",
+	"popup-top": "popup-top_JNKGQq",
+	"title": "title_JNKGQq",
+	"viewport": "viewport_JNKGQq"
+};
+//#endregion
+export { drawer_module_default as default };
+
+//# sourceMappingURL=drawer.module.js.map

package/dist/drawer/drawer.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.module.js","names":[],"sources":["../../src/drawer/drawer.module.css"],"sourcesContent":["@layer components {\n  /* ── Backdrop ──────────────────────────────────────────────────── */\n  .backdrop {\n    --backdrop-opacity: 0.48;\n    position: fixed;\n    inset: 0;\n    min-height: 100dvh;\n    background-color: black;\n    opacity: calc(var(--backdrop-opacity) * (1 - var(--drawer-swipe-progress)));\n    z-index: var(--z-overlay);\n    transition-property: opacity;\n    transition-duration: 450ms;\n    transition-timing-function: cubic-bezier(0.32, 0.72, 0, 1);\n    /* iOS 26+: cover the full visual viewport even when scrolled */\n    @supports (-webkit-touch-callout: none) {\n      position: absolute;\n    }\n  }\n  .backdrop[data-starting-style],\n  .backdrop[data-ending-style] {\n    opacity: 0;\n  }\n  .backdrop[data-swiping] {\n    transition-duration: 0ms;\n  }\n  .backdrop[data-ending-style] {\n    transition-duration: calc(var(--drawer-swipe-strength) * 400ms);\n  }\n  /* ── Viewport ──────────────────────────────────────────────────── */\n  .viewport {\n    position: fixed;\n    inset: 0;\n    z-index: var(--z-modal);\n    display: flex;\n  }\n  /* side drawers sit against their respective edge */\n  .viewport[data-side=\"left\"] {\n    justify-content: flex-start;\n    align-items: stretch;\n  }\n  .viewport[data-side=\"right\"] {\n    justify-content: flex-end;\n    align-items: stretch;\n  }\n  .viewport[data-side=\"bottom\"] {\n    align-items: flex-end;\n    justify-content: center;\n  }\n  .viewport[data-side=\"top\"] {\n    align-items: flex-start;\n    justify-content: center;\n  }\n  /* iOS rounded inset padding */\n  @supports (-webkit-touch-callout: none) {\n    .viewport[data-side=\"left\"],\n    .viewport[data-side=\"right\"] {\n      padding: 0.625rem;\n    }\n    .viewport[data-side=\"bottom\"] {\n      padding: 0 0.625rem 0.625rem;\n    }\n    .viewport[data-side=\"top\"] {\n      padding: 0.625rem 0.625rem 0;\n    }\n  }\n  /* ── Popup — shared ────────────────────────────────────────────── */\n  .popup {\n    box-sizing: border-box;\n    background-color: var(--color-elevated);\n    border: var(--border-width-base) solid var(--color-line);\n    outline: none;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    touch-action: auto;\n    will-change: transform;\n    transition-timing-function: cubic-bezier(0.32, 0.72, 0, 1);\n    transition-duration: 450ms;\n  }\n  .popup[data-swiping] {\n    user-select: none;\n    transition-duration: 0ms;\n  }\n  .popup[data-ending-style] {\n    transition-duration: calc(var(--drawer-swipe-strength) * 400ms);\n  }\n  /* ── Popup — right side (default) ─────────────────────────────── */\n  .popup-right {\n    --bleed: 3rem;\n    height: 100%;\n    width: calc(var(--drawer-width, 20rem) + var(--bleed));\n    max-width: calc(100vw - 3rem + var(--bleed));\n    padding: var(--space-6);\n    padding-right: calc(var(--space-6) + var(--bleed));\n    margin-right: calc(-1 * var(--bleed));\n    transform: translateX(var(--drawer-swipe-movement-x));\n    transition-property: transform;\n    @supports (-webkit-touch-callout: none) {\n      --bleed: 0px;\n      margin-right: 0;\n      border-radius: var(--radius-xl);\n    }\n  }\n  .popup-right[data-starting-style],\n  .popup-right[data-ending-style] {\n    transform: translateX(calc(100% - var(--bleed) + 2px));\n  }\n  /* ── Popup — left side ─────────────────────────────────────────── */\n  .popup-left {\n    --bleed: 3rem;\n    height: 100%;\n    width: calc(var(--drawer-width, 20rem) + var(--bleed));\n    max-width: calc(100vw - 3rem + var(--bleed));\n    padding: var(--space-6);\n    padding-left: calc(var(--space-6) + var(--bleed));\n    margin-left: calc(-1 * var(--bleed));\n    transform: translateX(var(--drawer-swipe-movement-x));\n    transition-property: transform;\n    @supports (-webkit-touch-callout: none) {\n      --bleed: 0px;\n      margin-left: 0;\n      border-radius: var(--radius-xl);\n    }\n  }\n  .popup-left[data-starting-style],\n  .popup-left[data-ending-style] {\n    transform: translateX(calc(-100% + var(--bleed) - 2px));\n  }\n  /* ── Popup — bottom ────────────────────────────────────────────── */\n  .popup-bottom {\n    width: 100%;\n    max-width: var(--drawer-max-width, 480px);\n    max-height: 90dvh;\n    padding: var(--space-5) var(--space-5) calc(var(--space-5) + env(safe-area-inset-bottom, 0px));\n    border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;\n    border-bottom: none;\n    transform: translateY(var(--drawer-swipe-movement-y));\n    transition-property: transform;\n    @supports (-webkit-touch-callout: none) {\n      border-radius: var(--radius-2xl);\n    }\n  }\n  .popup-bottom[data-starting-style],\n  .popup-bottom[data-ending-style] {\n    transform: translateY(calc(100% + 2px));\n  }\n  /* ── Popup — top ───────────────────────────────────────────────── */\n  .popup-top {\n    width: 100%;\n    max-width: var(--drawer-max-width, 480px);\n    max-height: 90dvh;\n    padding: calc(var(--space-5) + env(safe-area-inset-top, 0px)) var(--space-5) var(--space-5);\n    border-radius: 0 0 var(--radius-2xl) var(--radius-2xl);\n    border-top: none;\n    transform: translateY(var(--drawer-swipe-movement-y));\n    transition-property: transform;\n    @supports (-webkit-touch-callout: none) {\n      border-radius: var(--radius-2xl);\n    }\n  }\n  .popup-top[data-starting-style],\n  .popup-top[data-ending-style] {\n    transform: translateY(calc(-100% - 2px));\n  }\n  /* ── Handle bar (bottom/top drawers) ───────────────────────────── */\n  .handle-bar {\n    width: 2.5rem;\n    height: 4px;\n    border-radius: 9999px;\n    background-color: var(--color-line-strong);\n    margin: 0 auto var(--space-4);\n    flex-shrink: 0;\n  }\n  .popup-top .handle-bar {\n    margin: var(--space-4) auto 0;\n    order: 1; /* push to bottom in top drawer */\n  }\n  /* ── Content ───────────────────────────────────────────────────── */\n  .content {\n    display: flex;\n    flex-direction: column;\n    gap: var(--space-4);\n    height: 100%;\n  }\n  /* ── Title ─────────────────────────────────────────────────────── */\n  .title {\n    font-family: var(--font-mono);\n    font-size: var(--font-size-lg);\n    font-weight: var(--font-weight-semibold);\n    color: var(--color-primary);\n    line-height: var(--line-height-tight);\n    letter-spacing: var(--letter-spacing-tight);\n    margin: 0;\n    padding-right: var(--space-6);\n  }\n  /* ── Description ───────────────────────────────────────────────── */\n  .description {\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    color: var(--color-secondary);\n    line-height: var(--line-height-relaxed);\n    margin: 0;\n  }\n  /* ── Close button ──────────────────────────────────────────────── */\n  .close {\n    position: absolute;\n    top: var(--space-4);\n    right: var(--space-4);\n    width: 24px;\n    height: 24px;\n    border-radius: var(--radius-sm);\n    border: none;\n    background: transparent;\n    color: var(--color-tertiary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    outline: none;\n    transition:\n      background-color var(--duration-fast) var(--easing-standard),\n      color var(--duration-fast) var(--easing-standard);\n  }\n  .close:hover {\n    background-color: var(--color-hover);\n    color: var(--color-primary);\n  }\n  .close:focus-visible {\n    box-shadow: var(--shadow-focus);\n  }\n  /* ── Footer ────────────────────────────────────────────────────── */\n  .footer {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--space-2);\n    padding-top: var(--space-4);\n    margin-top: auto;\n    border-top: var(--border-width-base) solid var(--color-line-subtle);\n  }\n}\n"],"mappings":";AA0BA,IAAA,wBAAe;CAAA,YAAU;CAAkB,SAAM;CAAkB,WAAA;CAAA,eAAA;CAAA,UAAA;CAAA,cAAA;CAAA,SAAA;CAAA,gBAAA;CAAA,cAAA;CAAA,eAAA;CAAA,aAAA;CAAA,SAAA;CAAA,YAAA;CAAA"}

package/dist/drawer/index.d.ts

@@ -0,0 +1,3 @@
+import { Drawer, DrawerProps, DrawerSide, styles } from "./drawer.js";
+import { DrawerBackdrop, DrawerBackdropProps, DrawerClose, DrawerCloseProps, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDescriptionProps, DrawerFooter, DrawerHandleBar, DrawerPopup, DrawerPopupProps, DrawerTitle, DrawerTitleProps, DrawerViewport, DrawerViewportProps } from "./parts.js";
+export { Drawer, DrawerBackdrop, type DrawerBackdropProps, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, DrawerHandleBar, DrawerPopup, type DrawerPopupProps, type DrawerProps, type DrawerSide, styles as DrawerStyles, DrawerTitle, type DrawerTitleProps, DrawerViewport, type DrawerViewportProps };

package/dist/drawer/index.js

@@ -0,0 +1,4 @@
+import drawer_module_default from "./drawer.module.js";
+import { Drawer } from "./drawer.js";
+import { DrawerBackdrop, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHandleBar, DrawerPopup, DrawerTitle, DrawerViewport } from "./parts.js";
+export { Drawer, DrawerBackdrop, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHandleBar, DrawerPopup, drawer_module_default as DrawerStyles, DrawerTitle, DrawerViewport };

package/dist/drawer/parts.d.ts

@@ -0,0 +1,58 @@
+import { DrawerSide } from "./drawer.js";
+import * as react from "react";
+import { ComponentPropsWithoutRef } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Drawer } from "@base-ui/react/drawer";
+
+//#region src/drawer/parts.d.ts
+type BaseBackdropProps = ComponentPropsWithoutRef<typeof Drawer.Backdrop>;
+type BaseViewportProps = ComponentPropsWithoutRef<typeof Drawer.Viewport>;
+type BasePopupProps = ComponentPropsWithoutRef<typeof Drawer.Popup>;
+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;
+  side?: DrawerSide;
+}
+interface DrawerPopupProps extends Omit<BasePopupProps, "className"> {
+  className?: string;
+  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;
+}
+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>>;
+declare const DrawerContent: react.ForwardRefExoticComponent<DrawerContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const DrawerTitle: react.ForwardRefExoticComponent<DrawerTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: react.ForwardRefExoticComponent<DrawerDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+declare const DrawerClose: react.ForwardRefExoticComponent<DrawerCloseProps & react.RefAttributes<HTMLButtonElement>>;
+/** A decorative drag handle bar. Place at the top of a bottom drawer or bottom of a top drawer. */
+declare function DrawerHandleBar({
+  className
+}: {
+  className?: string;
+}): react_jsx_runtime0.JSX.Element;
+/** Styled footer strip for action buttons. */
+declare function DrawerFooter({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DrawerBackdrop, DrawerBackdropProps, DrawerClose, DrawerCloseProps, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDescriptionProps, DrawerFooter, DrawerHandleBar, DrawerPopup, DrawerPopupProps, DrawerTitle, DrawerTitleProps, DrawerViewport, DrawerViewportProps };
+//# sourceMappingURL=parts.d.ts.map

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

@@ -0,0 +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"}

package/dist/drawer/parts.js

@@ -0,0 +1,107 @@
+import drawer_module_default from "./drawer.module.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/drawer/parts.tsx
+/**
+* Styled primitives for Drawer.
+*
+* @example
+* ```tsx
+* import { Drawer } from '@base-ui/react/drawer';
+* import {
+*   DrawerBackdrop, DrawerViewport, DrawerPopup,
+*   DrawerContent, DrawerTitle, DrawerClose,
+* } from '@brijbyte/agentic-ui/drawer';
+*
+* <Drawer.Root swipeDirection="right">
+*   <Drawer.Trigger render={<button>Open</button>} />
+*   <Drawer.Portal>
+*     <DrawerBackdrop />
+*     <DrawerViewport side="right">
+*       <DrawerPopup side="right">
+*         <DrawerContent>
+*           <DrawerTitle>Title</DrawerTitle>
+*           {children}
+*           <DrawerClose />
+*         </DrawerContent>
+*       </DrawerPopup>
+*     </DrawerViewport>
+*   </Drawer.Portal>
+* </Drawer.Root>
+* ```
+*/
+const DrawerBackdrop = forwardRef(function DrawerBackdrop({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Drawer.Backdrop, {
+		ref,
+		className: `${drawer_module_default.backdrop} ${className ?? ""}`,
+		...props
+	});
+});
+const DrawerViewport = forwardRef(function DrawerViewport({ className, side = "right", ...props }, ref) {
+	return /* @__PURE__ */ jsx(Drawer.Viewport, {
+		ref,
+		className: `${drawer_module_default.viewport} ${className ?? ""}`,
+		"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 ?? ""}`,
+		...props
+	});
+});
+const DrawerContent = forwardRef(function DrawerContent({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Drawer.Content, {
+		ref,
+		className: `${drawer_module_default.content} ${className ?? ""}`,
+		...props
+	});
+});
+const DrawerTitle = forwardRef(function DrawerTitle({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Drawer.Title, {
+		ref,
+		className: `${drawer_module_default.title} ${className ?? ""}`,
+		...props
+	});
+});
+const DrawerDescription = forwardRef(function DrawerDescription({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Drawer.Description, {
+		ref,
+		className: `${drawer_module_default.description} ${className ?? ""}`,
+		...props
+	});
+});
+const DrawerClose = forwardRef(function DrawerClose({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Drawer.Close, {
+		ref,
+		className: `${drawer_module_default.close} ${className ?? ""}`,
+		...props
+	});
+});
+/** A decorative drag handle bar. Place at the top of a bottom drawer or bottom of a top drawer. */
+function DrawerHandleBar({ className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: `${drawer_module_default["handle-bar"]} ${className ?? ""}`,
+		"aria-hidden": true
+	});
+}
+/** Styled footer strip for action buttons. */
+function DrawerFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: `${drawer_module_default.footer} ${className ?? ""}`,
+		...props
+	});
+}
+//#endregion
+export { DrawerBackdrop, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHandleBar, DrawerPopup, DrawerTitle, DrawerViewport };
+
+//# sourceMappingURL=parts.js.map

package/dist/drawer/parts.js.map

@@ -0,0 +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"}