@saas-ui/react 2.11.2 → 3.0.0-alpha.1

package/dist/components/dialog/index.cjs

@@ -0,0 +1,243 @@
+'use client'
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dialog/index.ts
+var dialog_exports = {};
+__export(dialog_exports, {
+  Dialog: () => namespace_exports
+});
+module.exports = __toCommonJS(dialog_exports);
+
+// src/components/dialog/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  ActionTrigger: () => DialogActionTrigger,
+  Backdrop: () => DialogBackdrop,
+  Body: () => DialogBody,
+  CloseTrigger: () => DialogCloseTrigger,
+  Content: () => DialogContent,
+  Context: () => DialogContext,
+  Description: () => DialogDescription,
+  Footer: () => DialogFooter,
+  Header: () => DialogHeader,
+  Root: () => DialogRoot,
+  Title: () => DialogTitle,
+  Trigger: () => DialogTrigger
+});
+
+// src/components/dialog/dialog.tsx
+var import_react5 = require("react");
+var import_react6 = require("@chakra-ui/react");
+
+// src/components/close-button/close-button.tsx
+var import_react2 = require("react");
+var import_react3 = require("@chakra-ui/react");
+
+// src/components/icons/create-icon.tsx
+var import_react = require("@chakra-ui/react");
+var createIcon = (props) => {
+  return (0, import_react.createIcon)({
+    viewBox: "0 0 24 24",
+    defaultProps: {
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    ...props
+  });
+};
+
+// src/components/icons/icons.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ChevronUpIcon = createIcon({
+  displayName: "ChevronUpIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "18 15 12 9 6 15" })
+});
+var ChevronDownIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "6 9 12 15 18 9" })
+});
+var ChevronLeftIcon = createIcon({
+  displayName: "ChevronLeftIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "15 18 9 12 15 6" })
+});
+var ChevronRightIcon = createIcon({
+  displayName: "ChevronRightIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "9 18 15 12 9 6" })
+});
+var HamburgerIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+  ] })
+});
+var CloseIcon = createIcon({
+  displayName: "CloseIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] })
+});
+var FilterIcon = createIcon({
+  displayName: "FilterIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
+});
+var CalendarIcon = createIcon({
+  displayName: "CalendarIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+  ] })
+});
+var PlusIcon = createIcon({
+  displayName: "PlusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  ] })
+});
+var MinusIcon = createIcon({
+  displayName: "MinusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
+});
+var ViewOffIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+  ] })
+});
+var ViewIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "3" })
+  ] })
+});
+var SearchIcon = createIcon({
+  displayName: "SearchIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+  ] })
+});
+var CheckIcon = createIcon({
+  displayName: "CheckIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
+});
+
+// src/components/close-button/close-button.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var CloseButton = (0, import_react2.forwardRef)(
+  function CloseButton2(props, ref) {
+    var _a;
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.IconButton, { variant: "ghost", "aria-label": "Close", ref, ...props, children: (_a = props.children) != null ? _a : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CloseIcon, {}) });
+  }
+);
+
+// ../../node_modules/@ark-ui/react/dist/utils/create-context.js
+var import_react4 = require("react");
+function getErrorMessage(hook, provider) {
+  return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
+}
+function createContext(options = {}) {
+  const {
+    name,
+    strict = true,
+    hookName = "useContext",
+    providerName = "Provider",
+    errorMessage,
+    defaultValue
+  } = options;
+  const Context = (0, import_react4.createContext)(defaultValue);
+  Context.displayName = name;
+  function useContext$1() {
+    var _a;
+    const context = (0, import_react4.useContext)(Context);
+    if (!context && strict) {
+      const error = new Error(errorMessage != null ? errorMessage : getErrorMessage(hookName, providerName));
+      error.name = "ContextError";
+      (_a = Error.captureStackTrace) == null ? void 0 : _a.call(Error, error, useContext$1);
+      throw error;
+    }
+    return context;
+  }
+  return [Context.Provider, useContext$1, Context];
+}
+
+// ../../node_modules/@ark-ui/react/dist/components/dialog/use-dialog-context.js
+var [DialogProvider, useDialogContext] = createContext({
+  name: "DialogContext",
+  hookName: "useDialogContext",
+  providerName: "<DialogProvider />"
+});
+
+// ../../node_modules/@ark-ui/react/dist/components/dialog/dialog-context.js
+var DialogContext = (props) => props.children(useDialogContext());
+
+// src/components/dialog/dialog.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var DialogContent = (0, import_react5.forwardRef)(
+  function DialogContent2(props, ref) {
+    const {
+      children,
+      portalled = true,
+      portalRef,
+      backdrop = true,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react6.Portal, { disabled: !portalled, container: portalRef, children: [
+      backdrop && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Dialog.Backdrop, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Dialog.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Dialog.Content, { ref, ...rest, asChild: false, children }) })
+    ] });
+  }
+);
+var DialogCloseTrigger = (0, import_react5.forwardRef)(function DialogCloseTrigger2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react6.Dialog.CloseTrigger,
+    {
+      position: "absolute",
+      top: "2",
+      insetEnd: "2",
+      ...props,
+      asChild: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CloseButton, { size: "sm", ref, children: props.children })
+    }
+  );
+});
+var DialogRoot = import_react6.Dialog.Root;
+var DialogFooter = import_react6.Dialog.Footer;
+var DialogHeader = import_react6.Dialog.Header;
+var DialogBody = import_react6.Dialog.Body;
+var DialogBackdrop = import_react6.Dialog.Backdrop;
+var DialogTitle = import_react6.Dialog.Title;
+var DialogDescription = import_react6.Dialog.Description;
+var DialogTrigger = import_react6.Dialog.Trigger;
+var DialogActionTrigger = import_react6.Dialog.ActionTrigger;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Dialog
+});

package/dist/components/dialog/index.d.cts

@@ -0,0 +1,27 @@
+import * as react from 'react';
+import { Dialog } from '@chakra-ui/react';
+import { DialogContext } from '@ark-ui/react/dialog';
+
+interface DialogContentProps extends Dialog.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    backdrop?: boolean;
+}
+declare const DialogContent: react.ForwardRefExoticComponent<DialogContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const DialogCloseTrigger: react.ForwardRefExoticComponent<Dialog.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+type DialogRootProps = Dialog.RootProps;
+declare const DialogRoot: react.FC<Dialog.RootProps>;
+declare const DialogFooter: react.ForwardRefExoticComponent<Dialog.FooterProps & react.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: react.ForwardRefExoticComponent<Dialog.HeaderProps & react.RefAttributes<HTMLDivElement>>;
+declare const DialogBody: react.ForwardRefExoticComponent<Dialog.BodyProps & react.RefAttributes<HTMLDivElement>>;
+declare const DialogBackdrop: react.ForwardRefExoticComponent<Dialog.BackdropProps & react.RefAttributes<HTMLDivElement>>;
+declare const DialogTitle: react.ForwardRefExoticComponent<Dialog.TitleProps & react.RefAttributes<HTMLDivElement>>;
+declare const DialogDescription: react.ForwardRefExoticComponent<Dialog.DescriptionProps & react.RefAttributes<HTMLDivElement>>;
+declare const DialogTrigger: react.ForwardRefExoticComponent<Dialog.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const DialogActionTrigger: react.ForwardRefExoticComponent<Dialog.ActionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+
+declare namespace namespace {
+  export { DialogActionTrigger as ActionTrigger, DialogBackdrop as Backdrop, DialogBody as Body, DialogCloseTrigger as CloseTrigger, DialogContent as Content, type DialogContentProps as ContentProps, DialogContext as Context, DialogDescription as Description, DialogFooter as Footer, DialogHeader as Header, DialogRoot as Root, type DialogRootProps as RootProps, DialogTitle as Title, DialogTrigger as Trigger };
+}
+
+export { namespace as Dialog };

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

@@ -0,0 +1,27 @@
+import * as react from 'react';
+import { Dialog } from '@chakra-ui/react';
+import { DialogContext } from '@ark-ui/react/dialog';
+
+interface DialogContentProps extends Dialog.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    backdrop?: boolean;
+}
+declare const DialogContent: react.ForwardRefExoticComponent<DialogContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const DialogCloseTrigger: react.ForwardRefExoticComponent<Dialog.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+type DialogRootProps = Dialog.RootProps;
+declare const DialogRoot: react.FC<Dialog.RootProps>;
+declare const DialogFooter: react.ForwardRefExoticComponent<Dialog.FooterProps & react.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: react.ForwardRefExoticComponent<Dialog.HeaderProps & react.RefAttributes<HTMLDivElement>>;
+declare const DialogBody: react.ForwardRefExoticComponent<Dialog.BodyProps & react.RefAttributes<HTMLDivElement>>;
+declare const DialogBackdrop: react.ForwardRefExoticComponent<Dialog.BackdropProps & react.RefAttributes<HTMLDivElement>>;
+declare const DialogTitle: react.ForwardRefExoticComponent<Dialog.TitleProps & react.RefAttributes<HTMLDivElement>>;
+declare const DialogDescription: react.ForwardRefExoticComponent<Dialog.DescriptionProps & react.RefAttributes<HTMLDivElement>>;
+declare const DialogTrigger: react.ForwardRefExoticComponent<Dialog.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const DialogActionTrigger: react.ForwardRefExoticComponent<Dialog.ActionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+
+declare namespace namespace {
+  export { DialogActionTrigger as ActionTrigger, DialogBackdrop as Backdrop, DialogBody as Body, DialogCloseTrigger as CloseTrigger, DialogContent as Content, type DialogContentProps as ContentProps, DialogContext as Context, DialogDescription as Description, DialogFooter as Footer, DialogHeader as Header, DialogRoot as Root, type DialogRootProps as RootProps, DialogTitle as Title, DialogTrigger as Trigger };
+}
+
+export { namespace as Dialog };

package/dist/components/dialog/index.js

@@ -0,0 +1,73 @@
+'use client'
+import {
+  DialogContext
+} from "../../chunk-VBIVLREP.js";
+import {
+  CloseButton
+} from "../../chunk-FZW2DYK3.js";
+import "../../chunk-VDXTEASE.js";
+import {
+  __export
+} from "../../chunk-RTMS5TJN.js";
+
+// src/components/dialog/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  ActionTrigger: () => DialogActionTrigger,
+  Backdrop: () => DialogBackdrop,
+  Body: () => DialogBody,
+  CloseTrigger: () => DialogCloseTrigger,
+  Content: () => DialogContent,
+  Context: () => DialogContext,
+  Description: () => DialogDescription,
+  Footer: () => DialogFooter,
+  Header: () => DialogHeader,
+  Root: () => DialogRoot,
+  Title: () => DialogTitle,
+  Trigger: () => DialogTrigger
+});
+
+// src/components/dialog/dialog.tsx
+import { forwardRef } from "react";
+import { Dialog as ChakraDialog, Portal } from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DialogContent = forwardRef(
+  function DialogContent2(props, ref) {
+    const {
+      children,
+      portalled = true,
+      portalRef,
+      backdrop = true,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxs(Portal, { disabled: !portalled, container: portalRef, children: [
+      backdrop && /* @__PURE__ */ jsx(ChakraDialog.Backdrop, {}),
+      /* @__PURE__ */ jsx(ChakraDialog.Positioner, { children: /* @__PURE__ */ jsx(ChakraDialog.Content, { ref, ...rest, asChild: false, children }) })
+    ] });
+  }
+);
+var DialogCloseTrigger = forwardRef(function DialogCloseTrigger2(props, ref) {
+  return /* @__PURE__ */ jsx(
+    ChakraDialog.CloseTrigger,
+    {
+      position: "absolute",
+      top: "2",
+      insetEnd: "2",
+      ...props,
+      asChild: true,
+      children: /* @__PURE__ */ jsx(CloseButton, { size: "sm", ref, children: props.children })
+    }
+  );
+});
+var DialogRoot = ChakraDialog.Root;
+var DialogFooter = ChakraDialog.Footer;
+var DialogHeader = ChakraDialog.Header;
+var DialogBody = ChakraDialog.Body;
+var DialogBackdrop = ChakraDialog.Backdrop;
+var DialogTitle = ChakraDialog.Title;
+var DialogDescription = ChakraDialog.Description;
+var DialogTrigger = ChakraDialog.Trigger;
+var DialogActionTrigger = ChakraDialog.ActionTrigger;
+export {
+  namespace_exports as Dialog
+};

package/dist/components/drawer/index.cjs

@@ -0,0 +1,237 @@
+'use client'
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/drawer/index.ts
+var drawer_exports = {};
+__export(drawer_exports, {
+  Drawer: () => namespace_exports
+});
+module.exports = __toCommonJS(drawer_exports);
+
+// src/components/drawer/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  ActionTrigger: () => DrawerActionTrigger,
+  Backdrop: () => DrawerBackdrop,
+  Body: () => DrawerBody,
+  CloseTrigger: () => DrawerCloseTrigger,
+  Content: () => DrawerContent,
+  Context: () => DrawerContext,
+  Description: () => DrawerDescription,
+  Footer: () => DrawerFooter,
+  Header: () => DrawerHeader,
+  Root: () => DrawerRoot,
+  Title: () => DrawerTitle,
+  Trigger: () => DrawerTrigger
+});
+
+// src/components/drawer/drawer.tsx
+var import_react5 = require("react");
+
+// ../../node_modules/@ark-ui/react/dist/utils/create-context.js
+var import_react = require("react");
+function getErrorMessage(hook, provider) {
+  return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
+}
+function createContext(options = {}) {
+  const {
+    name,
+    strict = true,
+    hookName = "useContext",
+    providerName = "Provider",
+    errorMessage,
+    defaultValue
+  } = options;
+  const Context = (0, import_react.createContext)(defaultValue);
+  Context.displayName = name;
+  function useContext$1() {
+    var _a;
+    const context = (0, import_react.useContext)(Context);
+    if (!context && strict) {
+      const error = new Error(errorMessage != null ? errorMessage : getErrorMessage(hookName, providerName));
+      error.name = "ContextError";
+      (_a = Error.captureStackTrace) == null ? void 0 : _a.call(Error, error, useContext$1);
+      throw error;
+    }
+    return context;
+  }
+  return [Context.Provider, useContext$1, Context];
+}
+
+// ../../node_modules/@ark-ui/react/dist/components/dialog/use-dialog-context.js
+var [DialogProvider, useDialogContext] = createContext({
+  name: "DialogContext",
+  hookName: "useDialogContext",
+  providerName: "<DialogProvider />"
+});
+
+// ../../node_modules/@ark-ui/react/dist/components/dialog/dialog-context.js
+var DialogContext = (props) => props.children(useDialogContext());
+
+// src/components/drawer/drawer.tsx
+var import_react6 = require("@chakra-ui/react");
+
+// src/components/close-button/close-button.tsx
+var import_react3 = require("react");
+var import_react4 = require("@chakra-ui/react");
+
+// src/components/icons/create-icon.tsx
+var import_react2 = require("@chakra-ui/react");
+var createIcon = (props) => {
+  return (0, import_react2.createIcon)({
+    viewBox: "0 0 24 24",
+    defaultProps: {
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    ...props
+  });
+};
+
+// src/components/icons/icons.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ChevronUpIcon = createIcon({
+  displayName: "ChevronUpIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "18 15 12 9 6 15" })
+});
+var ChevronDownIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "6 9 12 15 18 9" })
+});
+var ChevronLeftIcon = createIcon({
+  displayName: "ChevronLeftIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "15 18 9 12 15 6" })
+});
+var ChevronRightIcon = createIcon({
+  displayName: "ChevronRightIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "9 18 15 12 9 6" })
+});
+var HamburgerIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+  ] })
+});
+var CloseIcon = createIcon({
+  displayName: "CloseIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] })
+});
+var FilterIcon = createIcon({
+  displayName: "FilterIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
+});
+var CalendarIcon = createIcon({
+  displayName: "CalendarIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+  ] })
+});
+var PlusIcon = createIcon({
+  displayName: "PlusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  ] })
+});
+var MinusIcon = createIcon({
+  displayName: "MinusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
+});
+var ViewOffIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+  ] })
+});
+var ViewIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "3" })
+  ] })
+});
+var SearchIcon = createIcon({
+  displayName: "SearchIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+  ] })
+});
+var CheckIcon = createIcon({
+  displayName: "CheckIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
+});
+
+// src/components/close-button/close-button.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var CloseButton = (0, import_react3.forwardRef)(
+  function CloseButton2(props, ref) {
+    var _a;
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react4.IconButton, { variant: "ghost", "aria-label": "Close", ref, ...props, children: (_a = props.children) != null ? _a : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CloseIcon, {}) });
+  }
+);
+
+// src/components/drawer/drawer.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var DrawerContent = (0, import_react5.forwardRef)(
+  function DrawerContent2(props, ref) {
+    const { children, portalled = true, portalRef, offset, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Drawer.Positioner, { padding: offset, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Drawer.Content, { ref, ...rest, asChild: false, children }) }) });
+  }
+);
+var DrawerCloseTrigger = (0, import_react5.forwardRef)(function DrawerCloseTrigger2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react6.Drawer.CloseTrigger,
+    {
+      position: "absolute",
+      top: "2",
+      insetEnd: "2",
+      ...props,
+      asChild: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CloseButton, { size: "sm", ref })
+    }
+  );
+});
+var DrawerTrigger = import_react6.Drawer.Trigger;
+var DrawerRoot = import_react6.Drawer.Root;
+var DrawerFooter = import_react6.Drawer.Footer;
+var DrawerHeader = import_react6.Drawer.Header;
+var DrawerBody = import_react6.Drawer.Body;
+var DrawerBackdrop = import_react6.Drawer.Backdrop;
+var DrawerDescription = import_react6.Drawer.Description;
+var DrawerTitle = import_react6.Drawer.Title;
+var DrawerActionTrigger = import_react6.Drawer.ActionTrigger;
+var DrawerContext = DialogContext;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Drawer
+});

package/dist/components/drawer/index.d.cts

@@ -0,0 +1,28 @@
+import * as _ark_ui_react_dialog from '@ark-ui/react/dialog';
+import * as react from 'react';
+import { Drawer } from '@chakra-ui/react';
+
+interface DrawerContentProps extends Drawer.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    offset?: Drawer.ContentProps['padding'];
+}
+declare const DrawerContent: react.ForwardRefExoticComponent<DrawerContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const DrawerCloseTrigger: react.ForwardRefExoticComponent<Drawer.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const DrawerTrigger: react.ForwardRefExoticComponent<Drawer.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const DrawerRoot: react.FC<Drawer.RootProps>;
+declare const DrawerFooter: react.ForwardRefExoticComponent<Drawer.FooterProps & react.RefAttributes<HTMLDivElement>>;
+declare const DrawerHeader: react.ForwardRefExoticComponent<Drawer.HeaderProps & react.RefAttributes<HTMLDivElement>>;
+declare const DrawerBody: react.ForwardRefExoticComponent<Drawer.BodyProps & react.RefAttributes<HTMLDivElement>>;
+declare const DrawerBackdrop: react.ForwardRefExoticComponent<Drawer.BackdropProps & react.RefAttributes<HTMLDivElement>>;
+declare const DrawerDescription: react.ForwardRefExoticComponent<Drawer.DescriptionProps & react.RefAttributes<HTMLDivElement>>;
+declare const DrawerTitle: react.ForwardRefExoticComponent<Drawer.TitleProps & react.RefAttributes<HTMLDivElement>>;
+declare const DrawerActionTrigger: react.ForwardRefExoticComponent<Drawer.ActionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const DrawerContext: (props: _ark_ui_react_dialog.DialogContextProps) => react.ReactNode;
+type DrawerRootProps = Drawer.RootProps;
+
+declare namespace namespace {
+  export { DrawerActionTrigger as ActionTrigger, DrawerBackdrop as Backdrop, DrawerBody as Body, DrawerCloseTrigger as CloseTrigger, DrawerContent as Content, type DrawerContentProps as ContentProps, DrawerContext as Context, DrawerDescription as Description, DrawerFooter as Footer, DrawerHeader as Header, DrawerRoot as Root, type DrawerRootProps as RootProps, DrawerTitle as Title, DrawerTrigger as Trigger };
+}
+
+export { namespace as Drawer };

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

@@ -0,0 +1,28 @@
+import * as _ark_ui_react_dialog from '@ark-ui/react/dialog';
+import * as react from 'react';
+import { Drawer } from '@chakra-ui/react';
+
+interface DrawerContentProps extends Drawer.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    offset?: Drawer.ContentProps['padding'];
+}
+declare const DrawerContent: react.ForwardRefExoticComponent<DrawerContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const DrawerCloseTrigger: react.ForwardRefExoticComponent<Drawer.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const DrawerTrigger: react.ForwardRefExoticComponent<Drawer.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const DrawerRoot: react.FC<Drawer.RootProps>;
+declare const DrawerFooter: react.ForwardRefExoticComponent<Drawer.FooterProps & react.RefAttributes<HTMLDivElement>>;
+declare const DrawerHeader: react.ForwardRefExoticComponent<Drawer.HeaderProps & react.RefAttributes<HTMLDivElement>>;
+declare const DrawerBody: react.ForwardRefExoticComponent<Drawer.BodyProps & react.RefAttributes<HTMLDivElement>>;
+declare const DrawerBackdrop: react.ForwardRefExoticComponent<Drawer.BackdropProps & react.RefAttributes<HTMLDivElement>>;
+declare const DrawerDescription: react.ForwardRefExoticComponent<Drawer.DescriptionProps & react.RefAttributes<HTMLDivElement>>;
+declare const DrawerTitle: react.ForwardRefExoticComponent<Drawer.TitleProps & react.RefAttributes<HTMLDivElement>>;
+declare const DrawerActionTrigger: react.ForwardRefExoticComponent<Drawer.ActionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const DrawerContext: (props: _ark_ui_react_dialog.DialogContextProps) => react.ReactNode;
+type DrawerRootProps = Drawer.RootProps;
+
+declare namespace namespace {
+  export { DrawerActionTrigger as ActionTrigger, DrawerBackdrop as Backdrop, DrawerBody as Body, DrawerCloseTrigger as CloseTrigger, DrawerContent as Content, type DrawerContentProps as ContentProps, DrawerContext as Context, DrawerDescription as Description, DrawerFooter as Footer, DrawerHeader as Header, DrawerRoot as Root, type DrawerRootProps as RootProps, DrawerTitle as Title, DrawerTrigger as Trigger };
+}
+
+export { namespace as Drawer };