@fragments-sdk/ui 0.9.0 → 0.9.2

package/dist/components/Dialog/index.cjs

@@ -0,0 +1,132 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const dialog = require("@base-ui/react/dialog");
+const Dialog_module = require("./Dialog.module.scss.cjs");
+function CloseIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+      ]
+    }
+  );
+}
+function DialogRoot({
+  children,
+  open,
+  defaultOpen,
+  onOpenChange,
+  modal = true
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    dialog.Dialog.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange,
+      modal,
+      children
+    }
+  );
+}
+function DialogTrigger({
+  children,
+  asChild,
+  className
+}) {
+  if (asChild) {
+    return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Trigger, { className, render: children, children: null });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Trigger, { className, children });
+}
+function DialogContent({
+  children,
+  size = "md",
+  className,
+  ...htmlProps
+}) {
+  const popupClasses = [Dialog_module.default.popup, Dialog_module.default[size], className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs(dialog.Dialog.Portal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Backdrop, { className: Dialog_module.default.backdrop }),
+    /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Viewport, { className: Dialog_module.default.positioner, children: /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Popup, { initialFocus: true, ...htmlProps, className: popupClasses, children }) })
+  ] });
+}
+function DialogHeader({ children, className, ...htmlProps }) {
+  const classes = [Dialog_module.default.header, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
+}
+function DialogTitle({ children, className }) {
+  const classes = [Dialog_module.default.title, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Title, { className: classes, children });
+}
+function DialogDescription({ children, className }) {
+  const classes = [Dialog_module.default.description, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Description, { className: classes, children });
+}
+function DialogBody({ children, className, ...htmlProps }) {
+  const classes = [Dialog_module.default.body, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
+}
+function DialogFooter({ children, className, ...htmlProps }) {
+  const classes = [Dialog_module.default.footer, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
+}
+function DialogClose({ children, asChild, className }) {
+  if (!children) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      dialog.Dialog.Close,
+      {
+        "data-dialog-close": true,
+        "aria-label": "Close dialog",
+        className: [Dialog_module.default.close, className].filter(Boolean).join(" "),
+        children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {})
+      }
+    );
+  }
+  if (asChild) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      dialog.Dialog.Close,
+      {
+        "data-dialog-close": true,
+        className,
+        render: children,
+        children: null
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Close, { "data-dialog-close": true, className, children });
+}
+const Dialog = Object.assign(DialogRoot, {
+  Trigger: DialogTrigger,
+  Content: DialogContent,
+  Header: DialogHeader,
+  Title: DialogTitle,
+  Description: DialogDescription,
+  Body: DialogBody,
+  Footer: DialogFooter,
+  Close: DialogClose
+});
+exports.Dialog = Dialog;
+exports.DialogBody = DialogBody;
+exports.DialogClose = DialogClose;
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogRoot = DialogRoot;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Dialog/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Dialog/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Dialog as BaseDialog } from '@base-ui/react/dialog';\nimport styles from './Dialog.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface DialogProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  modal?: boolean;\n}\n\nexport interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';\n}\n\nexport interface DialogTitleProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface DialogDescriptionProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface DialogBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface DialogTriggerProps {\n  children: React.ReactNode;\n  asChild?: boolean;\n  className?: string;\n}\n\nexport interface DialogCloseProps {\n  children?: React.ReactNode;\n  asChild?: boolean;\n  className?: string;\n}\n\n// ============================================\n// Close Icon\n// ============================================\n\nfunction CloseIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction DialogRoot({\n  children,\n  open,\n  defaultOpen,\n  onOpenChange,\n  modal = true,\n}: DialogProps) {\n  return (\n    <BaseDialog.Root\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      modal={modal}\n    >\n      {children}\n    </BaseDialog.Root>\n  );\n}\n\nfunction DialogTrigger({\n  children,\n  asChild,\n  className,\n}: DialogTriggerProps) {\n  if (asChild) {\n    return (\n      <BaseDialog.Trigger className={className} render={children as React.ReactElement}>\n        {null}\n      </BaseDialog.Trigger>\n    );\n  }\n\n  return (\n    <BaseDialog.Trigger className={className}>\n      {children}\n    </BaseDialog.Trigger>\n  );\n}\n\nfunction DialogContent({\n  children,\n  size = 'md',\n  className,\n  ...htmlProps\n}: DialogContentProps) {\n  const popupClasses = [styles.popup, styles[size], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <BaseDialog.Portal>\n      <BaseDialog.Backdrop className={styles.backdrop} />\n      <BaseDialog.Viewport className={styles.positioner}>\n        <BaseDialog.Popup initialFocus {...htmlProps} className={popupClasses}>\n          {children}\n        </BaseDialog.Popup>\n      </BaseDialog.Viewport>\n    </BaseDialog.Portal>\n  );\n}\n\nfunction DialogHeader({ children, className, ...htmlProps }: DialogHeaderProps) {\n  const classes = [styles.header, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction DialogTitle({ children, className }: DialogTitleProps) {\n  const classes = [styles.title, className].filter(Boolean).join(' ');\n  return <BaseDialog.Title className={classes}>{children}</BaseDialog.Title>;\n}\n\nfunction DialogDescription({ children, className }: DialogDescriptionProps) {\n  const classes = [styles.description, className].filter(Boolean).join(' ');\n  return (\n    <BaseDialog.Description className={classes}>\n      {children}\n    </BaseDialog.Description>\n  );\n}\n\nfunction DialogBody({ children, className, ...htmlProps }: DialogBodyProps) {\n  const classes = [styles.body, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction DialogFooter({ children, className, ...htmlProps }: DialogFooterProps) {\n  const classes = [styles.footer, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction DialogClose({ children, asChild, className }: DialogCloseProps) {\n  // If no children, render the default X close button\n  if (!children) {\n    return (\n      <BaseDialog.Close\n        data-dialog-close\n        aria-label=\"Close dialog\"\n        className={[styles.close, className].filter(Boolean).join(' ')}\n      >\n        <CloseIcon />\n      </BaseDialog.Close>\n    );\n  }\n\n  if (asChild) {\n    return (\n      <BaseDialog.Close\n        data-dialog-close\n        className={className}\n        render={children as React.ReactElement}\n      >\n        {null}\n      </BaseDialog.Close>\n    );\n  }\n\n  return (\n    <BaseDialog.Close data-dialog-close className={className}>\n      {children}\n    </BaseDialog.Close>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Dialog = Object.assign(DialogRoot, {\n  Trigger: DialogTrigger,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Title: DialogTitle,\n  Description: DialogDescription,\n  Body: DialogBody,\n  Footer: DialogFooter,\n  Close: DialogClose,\n});\n\n// Re-export individual components for tree-shaking\nexport {\n  DialogRoot,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  DialogBody,\n  DialogFooter,\n  DialogClose,\n};\n"],"names":["jsxs","jsx","BaseDialog","styles"],"mappings":"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"}

package/dist/components/Dialog/index.d.ts

@@ -0,0 +1,60 @@
+import * as React from 'react';
+export interface DialogProps {
+    children: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    modal?: boolean;
+}
+export interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+}
+export interface DialogTitleProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface DialogDescriptionProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+export interface DialogBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+export interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+export interface DialogTriggerProps {
+    children: React.ReactNode;
+    asChild?: boolean;
+    className?: string;
+}
+export interface DialogCloseProps {
+    children?: React.ReactNode;
+    asChild?: boolean;
+    className?: string;
+}
+declare function DialogRoot({ children, open, defaultOpen, onOpenChange, modal, }: DialogProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ children, asChild, className, }: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ children, size, className, ...htmlProps }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ children, className, ...htmlProps }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ children, className }: DialogTitleProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ children, className }: DialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogBody({ children, className, ...htmlProps }: DialogBodyProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ children, className, ...htmlProps }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ children, asChild, className }: DialogCloseProps): import("react/jsx-runtime").JSX.Element;
+export declare const Dialog: typeof DialogRoot & {
+    Trigger: typeof DialogTrigger;
+    Content: typeof DialogContent;
+    Header: typeof DialogHeader;
+    Title: typeof DialogTitle;
+    Description: typeof DialogDescription;
+    Body: typeof DialogBody;
+    Footer: typeof DialogFooter;
+    Close: typeof DialogClose;
+};
+export { DialogRoot, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogBody, DialogFooter, DialogClose, };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Dialog/index.js

@@ -0,0 +1,132 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
+import styles from "./Dialog.module.scss.js";
+function CloseIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+      ]
+    }
+  );
+}
+function DialogRoot({
+  children,
+  open,
+  defaultOpen,
+  onOpenChange,
+  modal = true
+}) {
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange,
+      modal,
+      children
+    }
+  );
+}
+function DialogTrigger({
+  children,
+  asChild,
+  className
+}) {
+  if (asChild) {
+    return /* @__PURE__ */ jsx(Dialog$1.Trigger, { className, render: children, children: null });
+  }
+  return /* @__PURE__ */ jsx(Dialog$1.Trigger, { className, children });
+}
+function DialogContent({
+  children,
+  size = "md",
+  className,
+  ...htmlProps
+}) {
+  const popupClasses = [styles.popup, styles[size], className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(Dialog$1.Portal, { children: [
+    /* @__PURE__ */ jsx(Dialog$1.Backdrop, { className: styles.backdrop }),
+    /* @__PURE__ */ jsx(Dialog$1.Viewport, { className: styles.positioner, children: /* @__PURE__ */ jsx(Dialog$1.Popup, { initialFocus: true, ...htmlProps, className: popupClasses, children }) })
+  ] });
+}
+function DialogHeader({ children, className, ...htmlProps }) {
+  const classes = [styles.header, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children });
+}
+function DialogTitle({ children, className }) {
+  const classes = [styles.title, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(Dialog$1.Title, { className: classes, children });
+}
+function DialogDescription({ children, className }) {
+  const classes = [styles.description, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(Dialog$1.Description, { className: classes, children });
+}
+function DialogBody({ children, className, ...htmlProps }) {
+  const classes = [styles.body, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children });
+}
+function DialogFooter({ children, className, ...htmlProps }) {
+  const classes = [styles.footer, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children });
+}
+function DialogClose({ children, asChild, className }) {
+  if (!children) {
+    return /* @__PURE__ */ jsx(
+      Dialog$1.Close,
+      {
+        "data-dialog-close": true,
+        "aria-label": "Close dialog",
+        className: [styles.close, className].filter(Boolean).join(" "),
+        children: /* @__PURE__ */ jsx(CloseIcon, {})
+      }
+    );
+  }
+  if (asChild) {
+    return /* @__PURE__ */ jsx(
+      Dialog$1.Close,
+      {
+        "data-dialog-close": true,
+        className,
+        render: children,
+        children: null
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(Dialog$1.Close, { "data-dialog-close": true, className, children });
+}
+const Dialog = Object.assign(DialogRoot, {
+  Trigger: DialogTrigger,
+  Content: DialogContent,
+  Header: DialogHeader,
+  Title: DialogTitle,
+  Description: DialogDescription,
+  Body: DialogBody,
+  Footer: DialogFooter,
+  Close: DialogClose
+});
+export {
+  Dialog,
+  DialogBody,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogRoot,
+  DialogTitle,
+  DialogTrigger
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Dialog/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Dialog as BaseDialog } from '@base-ui/react/dialog';\nimport styles from './Dialog.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface DialogProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  modal?: boolean;\n}\n\nexport interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';\n}\n\nexport interface DialogTitleProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface DialogDescriptionProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface DialogBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface DialogTriggerProps {\n  children: React.ReactNode;\n  asChild?: boolean;\n  className?: string;\n}\n\nexport interface DialogCloseProps {\n  children?: React.ReactNode;\n  asChild?: boolean;\n  className?: string;\n}\n\n// ============================================\n// Close Icon\n// ============================================\n\nfunction CloseIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction DialogRoot({\n  children,\n  open,\n  defaultOpen,\n  onOpenChange,\n  modal = true,\n}: DialogProps) {\n  return (\n    <BaseDialog.Root\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      modal={modal}\n    >\n      {children}\n    </BaseDialog.Root>\n  );\n}\n\nfunction DialogTrigger({\n  children,\n  asChild,\n  className,\n}: DialogTriggerProps) {\n  if (asChild) {\n    return (\n      <BaseDialog.Trigger className={className} render={children as React.ReactElement}>\n        {null}\n      </BaseDialog.Trigger>\n    );\n  }\n\n  return (\n    <BaseDialog.Trigger className={className}>\n      {children}\n    </BaseDialog.Trigger>\n  );\n}\n\nfunction DialogContent({\n  children,\n  size = 'md',\n  className,\n  ...htmlProps\n}: DialogContentProps) {\n  const popupClasses = [styles.popup, styles[size], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <BaseDialog.Portal>\n      <BaseDialog.Backdrop className={styles.backdrop} />\n      <BaseDialog.Viewport className={styles.positioner}>\n        <BaseDialog.Popup initialFocus {...htmlProps} className={popupClasses}>\n          {children}\n        </BaseDialog.Popup>\n      </BaseDialog.Viewport>\n    </BaseDialog.Portal>\n  );\n}\n\nfunction DialogHeader({ children, className, ...htmlProps }: DialogHeaderProps) {\n  const classes = [styles.header, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction DialogTitle({ children, className }: DialogTitleProps) {\n  const classes = [styles.title, className].filter(Boolean).join(' ');\n  return <BaseDialog.Title className={classes}>{children}</BaseDialog.Title>;\n}\n\nfunction DialogDescription({ children, className }: DialogDescriptionProps) {\n  const classes = [styles.description, className].filter(Boolean).join(' ');\n  return (\n    <BaseDialog.Description className={classes}>\n      {children}\n    </BaseDialog.Description>\n  );\n}\n\nfunction DialogBody({ children, className, ...htmlProps }: DialogBodyProps) {\n  const classes = [styles.body, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction DialogFooter({ children, className, ...htmlProps }: DialogFooterProps) {\n  const classes = [styles.footer, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction DialogClose({ children, asChild, className }: DialogCloseProps) {\n  // If no children, render the default X close button\n  if (!children) {\n    return (\n      <BaseDialog.Close\n        data-dialog-close\n        aria-label=\"Close dialog\"\n        className={[styles.close, className].filter(Boolean).join(' ')}\n      >\n        <CloseIcon />\n      </BaseDialog.Close>\n    );\n  }\n\n  if (asChild) {\n    return (\n      <BaseDialog.Close\n        data-dialog-close\n        className={className}\n        render={children as React.ReactElement}\n      >\n        {null}\n      </BaseDialog.Close>\n    );\n  }\n\n  return (\n    <BaseDialog.Close data-dialog-close className={className}>\n      {children}\n    </BaseDialog.Close>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Dialog = Object.assign(DialogRoot, {\n  Trigger: DialogTrigger,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Title: DialogTitle,\n  Description: DialogDescription,\n  Body: DialogBody,\n  Footer: DialogFooter,\n  Close: DialogClose,\n});\n\n// Re-export individual components for tree-shaking\nexport {\n  DialogRoot,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  DialogBody,\n  DialogFooter,\n  DialogClose,\n};\n"],"names":["BaseDialog"],"mappings":"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"}

package/dist/components/Drawer/Drawer.module.scss.cjs

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const backdrop = "_backdrop_bh12s_1";
+const popup = "_popup_bh12s_16";
+const sideRight = "_side-right_bh12s_40";
+const sideLeft = "_side-left_bh12s_50";
+const sideTop = "_side-top_bh12s_60";
+const sideBottom = "_side-bottom_bh12s_70";
+const sizeSm = "_size-sm_bh12s_80";
+const sizeMd = "_size-md_bh12s_84";
+const sizeLg = "_size-lg_bh12s_88";
+const sizeXl = "_size-xl_bh12s_92";
+const sizeFull = "_size-full_bh12s_96";
+const header = "_header_bh12s_122";
+const title = "_title_bh12s_126";
+const description = "_description_bh12s_134";
+const body = "_body_bh12s_141";
+const footer = "_footer_bh12s_147";
+const close = "_close_bh12s_157";
+const styles = {
+  backdrop,
+  popup,
+  sideRight,
+  sideLeft,
+  sideTop,
+  sideBottom,
+  sizeSm,
+  sizeMd,
+  sizeLg,
+  sizeXl,
+  sizeFull,
+  header,
+  title,
+  description,
+  body,
+  footer,
+  close
+};
+exports.backdrop = backdrop;
+exports.body = body;
+exports.close = close;
+exports.default = styles;
+exports.description = description;
+exports.footer = footer;
+exports.header = header;
+exports.popup = popup;
+exports.sideBottom = sideBottom;
+exports.sideLeft = sideLeft;
+exports.sideRight = sideRight;
+exports.sideTop = sideTop;
+exports.sizeFull = sizeFull;
+exports.sizeLg = sizeLg;
+exports.sizeMd = sizeMd;
+exports.sizeSm = sizeSm;
+exports.sizeXl = sizeXl;
+exports.title = title;
+//# sourceMappingURL=Drawer.module.scss.cjs.map

package/dist/components/Drawer/Drawer.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Drawer/Drawer.module.scss.js

@@ -0,0 +1,57 @@
+const backdrop = "_backdrop_bh12s_1";
+const popup = "_popup_bh12s_16";
+const sideRight = "_side-right_bh12s_40";
+const sideLeft = "_side-left_bh12s_50";
+const sideTop = "_side-top_bh12s_60";
+const sideBottom = "_side-bottom_bh12s_70";
+const sizeSm = "_size-sm_bh12s_80";
+const sizeMd = "_size-md_bh12s_84";
+const sizeLg = "_size-lg_bh12s_88";
+const sizeXl = "_size-xl_bh12s_92";
+const sizeFull = "_size-full_bh12s_96";
+const header = "_header_bh12s_122";
+const title = "_title_bh12s_126";
+const description = "_description_bh12s_134";
+const body = "_body_bh12s_141";
+const footer = "_footer_bh12s_147";
+const close = "_close_bh12s_157";
+const styles = {
+  backdrop,
+  popup,
+  sideRight,
+  sideLeft,
+  sideTop,
+  sideBottom,
+  sizeSm,
+  sizeMd,
+  sizeLg,
+  sizeXl,
+  sizeFull,
+  header,
+  title,
+  description,
+  body,
+  footer,
+  close
+};
+export {
+  backdrop,
+  body,
+  close,
+  styles as default,
+  description,
+  footer,
+  header,
+  popup,
+  sideBottom,
+  sideLeft,
+  sideRight,
+  sideTop,
+  sizeFull,
+  sizeLg,
+  sizeMd,
+  sizeSm,
+  sizeXl,
+  title
+};
+//# sourceMappingURL=Drawer.module.scss.js.map

package/dist/components/Drawer/Drawer.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Drawer/index.cjs

@@ -0,0 +1,138 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const dialog = require("@base-ui/react/dialog");
+const Drawer_module = require("./Drawer.module.scss.cjs");
+function CloseIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+      ]
+    }
+  );
+}
+function DrawerRoot({
+  children,
+  open,
+  defaultOpen,
+  onOpenChange,
+  modal = true
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    dialog.Dialog.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange,
+      modal,
+      children
+    }
+  );
+}
+function DrawerTrigger({
+  children,
+  asChild,
+  className
+}) {
+  if (asChild) {
+    return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Trigger, { className, render: children, children: null });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Trigger, { className, children });
+}
+function DrawerContent({
+  children,
+  side = "right",
+  size = "md",
+  className,
+  ...htmlProps
+}) {
+  const popupClasses = [
+    Drawer_module.default.popup,
+    Drawer_module.default[`side-${side}`],
+    Drawer_module.default[`size-${size}`],
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs(dialog.Dialog.Portal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Backdrop, { className: Drawer_module.default.backdrop }),
+    /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Popup, { initialFocus: true, ...htmlProps, "data-side": side, className: popupClasses, children })
+  ] });
+}
+function DrawerHeader({ children, className, ...htmlProps }) {
+  const classes = [Drawer_module.default.header, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
+}
+function DrawerTitle({ children, className }) {
+  const classes = [Drawer_module.default.title, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Title, { className: classes, children });
+}
+function DrawerDescription({ children, className }) {
+  const classes = [Drawer_module.default.description, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Description, { className: classes, children });
+}
+function DrawerBody({ children, className, ...htmlProps }) {
+  const classes = [Drawer_module.default.body, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
+}
+function DrawerFooter({ children, className, ...htmlProps }) {
+  const classes = [Drawer_module.default.footer, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
+}
+function DrawerClose({ children, asChild, className }) {
+  if (!children) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      dialog.Dialog.Close,
+      {
+        "data-drawer-close": true,
+        "aria-label": "Close drawer",
+        className: [Drawer_module.default.close, className].filter(Boolean).join(" "),
+        children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {})
+      }
+    );
+  }
+  if (asChild) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      dialog.Dialog.Close,
+      {
+        "data-drawer-close": true,
+        className,
+        render: children,
+        children: null
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Close, { "data-drawer-close": true, className, children });
+}
+const Drawer = Object.assign(DrawerRoot, {
+  Trigger: DrawerTrigger,
+  Content: DrawerContent,
+  Header: DrawerHeader,
+  Title: DrawerTitle,
+  Description: DrawerDescription,
+  Body: DrawerBody,
+  Footer: DrawerFooter,
+  Close: DrawerClose
+});
+exports.Drawer = Drawer;
+exports.DrawerBody = DrawerBody;
+exports.DrawerClose = DrawerClose;
+exports.DrawerContent = DrawerContent;
+exports.DrawerDescription = DrawerDescription;
+exports.DrawerFooter = DrawerFooter;
+exports.DrawerHeader = DrawerHeader;
+exports.DrawerRoot = DrawerRoot;
+exports.DrawerTitle = DrawerTitle;
+exports.DrawerTrigger = DrawerTrigger;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Drawer/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Drawer/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Dialog as BaseDialog } from '@base-ui/react/dialog';\nimport styles from './Drawer.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface DrawerProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  modal?: boolean;\n}\n\nexport interface DrawerContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  side?: 'left' | 'right' | 'top' | 'bottom';\n  size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';\n}\n\nexport interface DrawerTriggerProps {\n  children: React.ReactNode;\n  asChild?: boolean;\n  className?: string;\n}\n\nexport interface DrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface DrawerTitleProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface DrawerDescriptionProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface DrawerBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface DrawerFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface DrawerCloseProps {\n  children?: React.ReactNode;\n  asChild?: boolean;\n  className?: string;\n}\n\n// ============================================\n// Close Icon\n// ============================================\n\nfunction CloseIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction DrawerRoot({\n  children,\n  open,\n  defaultOpen,\n  onOpenChange,\n  modal = true,\n}: DrawerProps) {\n  return (\n    <BaseDialog.Root\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      modal={modal}\n    >\n      {children}\n    </BaseDialog.Root>\n  );\n}\n\nfunction DrawerTrigger({\n  children,\n  asChild,\n  className,\n}: DrawerTriggerProps) {\n  if (asChild) {\n    return (\n      <BaseDialog.Trigger className={className} render={children as React.ReactElement}>\n        {null}\n      </BaseDialog.Trigger>\n    );\n  }\n\n  return (\n    <BaseDialog.Trigger className={className}>\n      {children}\n    </BaseDialog.Trigger>\n  );\n}\n\nfunction DrawerContent({\n  children,\n  side = 'right',\n  size = 'md',\n  className,\n  ...htmlProps\n}: DrawerContentProps) {\n  const popupClasses = [\n    styles.popup,\n    styles[`side-${side}`],\n    styles[`size-${size}`],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <BaseDialog.Portal>\n      <BaseDialog.Backdrop className={styles.backdrop} />\n      <BaseDialog.Popup initialFocus {...htmlProps} data-side={side} className={popupClasses}>\n        {children}\n      </BaseDialog.Popup>\n    </BaseDialog.Portal>\n  );\n}\n\nfunction DrawerHeader({ children, className, ...htmlProps }: DrawerHeaderProps) {\n  const classes = [styles.header, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction DrawerTitle({ children, className }: DrawerTitleProps) {\n  const classes = [styles.title, className].filter(Boolean).join(' ');\n  return <BaseDialog.Title className={classes}>{children}</BaseDialog.Title>;\n}\n\nfunction DrawerDescription({ children, className }: DrawerDescriptionProps) {\n  const classes = [styles.description, className].filter(Boolean).join(' ');\n  return (\n    <BaseDialog.Description className={classes}>\n      {children}\n    </BaseDialog.Description>\n  );\n}\n\nfunction DrawerBody({ children, className, ...htmlProps }: DrawerBodyProps) {\n  const classes = [styles.body, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction DrawerFooter({ children, className, ...htmlProps }: DrawerFooterProps) {\n  const classes = [styles.footer, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction DrawerClose({ children, asChild, className }: DrawerCloseProps) {\n  if (!children) {\n    return (\n      <BaseDialog.Close\n        data-drawer-close\n        aria-label=\"Close drawer\"\n        className={[styles.close, className].filter(Boolean).join(' ')}\n      >\n        <CloseIcon />\n      </BaseDialog.Close>\n    );\n  }\n\n  if (asChild) {\n    return (\n      <BaseDialog.Close\n        data-drawer-close\n        className={className}\n        render={children as React.ReactElement}\n      >\n        {null}\n      </BaseDialog.Close>\n    );\n  }\n\n  return (\n    <BaseDialog.Close data-drawer-close className={className}>\n      {children}\n    </BaseDialog.Close>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Drawer = Object.assign(DrawerRoot, {\n  Trigger: DrawerTrigger,\n  Content: DrawerContent,\n  Header: DrawerHeader,\n  Title: DrawerTitle,\n  Description: DrawerDescription,\n  Body: DrawerBody,\n  Footer: DrawerFooter,\n  Close: DrawerClose,\n});\n\n// Re-export individual components for tree-shaking\nexport {\n  DrawerRoot,\n  DrawerTrigger,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerDescription,\n  DrawerBody,\n  DrawerFooter,\n  DrawerClose,\n};\n"],"names":["jsxs","jsx","BaseDialog","styles"],"mappings":"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"}