@publish.os/nextjs 0.0.1-alpha.2 → 0.0.1-alpha.3

package/dist/kernel/components/ui/card.js

@@ -0,0 +1,101 @@
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+var twMerge = extendTailwindMerge({
+  extend: {
+    classGroups: {
+      z: [
+        "z-content",
+        "z-nav",
+        "z-overlay",
+        "z-modal",
+        "z-search",
+        "z-toast",
+        "z-progress"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/kernel/components/ui/card.tsx
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var cardVariants = cva("rounded-card border text-foreground-1", {
+  variants: {
+    variant: {
+      default: "border-stroke-2 bg-surface-1",
+      elevated: "border-stroke-3 bg-surface-2 shadow-sm",
+      ghost: "border-transparent bg-transparent",
+      inset: "border-stroke-3 bg-surface-2"
+    },
+    padding: {
+      none: "p-0",
+      sm: "p-3",
+      md: "p-4",
+      lg: "p-6"
+    }
+  },
+  defaultVariants: {
+    padding: "md",
+    variant: "default"
+  }
+});
+function Card({ className, padding, variant, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(cardVariants({ padding, variant }), className),
+      ...props
+    }
+  );
+}
+function CardHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("grid gap-1.5", className), ...props });
+}
+function CardTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "h3",
+    {
+      className: cn(
+        "text-base font-semibold leading-6 text-foreground-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      className: cn("text-sm leading-6 text-foreground-2", className),
+      ...props
+    }
+  );
+}
+function CardContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("mt-4", className), ...props });
+}
+export {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+  cardVariants
+};

package/dist/kernel/components/ui/dialog.cjs

@@ -0,0 +1,149 @@
+"use strict";
+"use client";
+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/kernel/components/ui/dialog.tsx
+var dialog_exports = {};
+__export(dialog_exports, {
+  Dialog: () => Dialog,
+  DialogBackdrop: () => DialogBackdrop,
+  DialogClose: () => DialogClose,
+  DialogDescription: () => DialogDescription,
+  DialogPopup: () => DialogPopup,
+  DialogPortal: () => DialogPortal,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger
+});
+module.exports = __toCommonJS(dialog_exports);
+var import_dialog = require("@base-ui/react/dialog");
+
+// src/utils/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      z: [
+        "z-content",
+        "z-nav",
+        "z-overlay",
+        "z-modal",
+        "z-search",
+        "z-toast",
+        "z-progress"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge((0, import_clsx.clsx)(inputs));
+}
+
+// src/kernel/components/ui/dialog.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Dialog(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Root, { ...props });
+}
+function DialogTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Trigger,
+    {
+      className: cn(
+        "rounded-button focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogPortal(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Portal, { ...props });
+}
+function DialogBackdrop({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Backdrop,
+    {
+      className: cn(
+        "animate-overlay fixed inset-0 z-modal h-dvh w-dvw bg-overlay-background",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogPopup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Popup,
+    {
+      className: cn(
+        "animate-dialog-popup fixed left-1/2 top-1/2 z-modal w-[min(92vw,32rem)] -translate-x-1/2 -translate-y-1/2 rounded-dialog border border-stroke-2 bg-surface-1 p-6 text-foreground-1 shadow-lg outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Title,
+    {
+      className: cn(
+        "text-lg font-semibold tracking-tight text-foreground-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Description,
+    {
+      className: cn("mt-2 text-sm leading-6 text-foreground-2", className),
+      ...props
+    }
+  );
+}
+function DialogClose({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Close,
+    {
+      className: cn(
+        "inline-flex size-8 items-center justify-center rounded-button text-foreground-3 transition-colors hover:bg-surface-hover hover:text-foreground-1",
+        "focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+        className
+      ),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Dialog,
+  DialogBackdrop,
+  DialogClose,
+  DialogDescription,
+  DialogPopup,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger
+});

package/dist/kernel/components/ui/dialog.d.cts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
+import { ComponentPropsWithoutRef } from 'react';
+
+type DialogProps = ComponentPropsWithoutRef<typeof Dialog$1.Root>;
+type DialogTriggerProps = ComponentPropsWithoutRef<typeof Dialog$1.Trigger>;
+type DialogPortalProps = ComponentPropsWithoutRef<typeof Dialog$1.Portal>;
+type DialogBackdropProps = ComponentPropsWithoutRef<typeof Dialog$1.Backdrop>;
+type DialogPopupProps = ComponentPropsWithoutRef<typeof Dialog$1.Popup>;
+type DialogTitleProps = ComponentPropsWithoutRef<typeof Dialog$1.Title>;
+type DialogDescriptionProps = ComponentPropsWithoutRef<typeof Dialog$1.Description>;
+type DialogCloseProps = ComponentPropsWithoutRef<typeof Dialog$1.Close>;
+declare function Dialog(props: DialogProps): react_jsx_runtime.JSX.Element;
+declare function DialogTrigger({ className, ...props }: DialogTriggerProps): react_jsx_runtime.JSX.Element;
+declare function DialogPortal(props: DialogPortalProps): react_jsx_runtime.JSX.Element;
+declare function DialogBackdrop({ className, ...props }: DialogBackdropProps): react_jsx_runtime.JSX.Element;
+declare function DialogPopup({ className, ...props }: DialogPopupProps): react_jsx_runtime.JSX.Element;
+declare function DialogTitle({ className, ...props }: DialogTitleProps): react_jsx_runtime.JSX.Element;
+declare function DialogDescription({ className, ...props }: DialogDescriptionProps): react_jsx_runtime.JSX.Element;
+declare function DialogClose({ className, ...props }: DialogCloseProps): react_jsx_runtime.JSX.Element;
+
+export { Dialog, DialogBackdrop, type DialogBackdropProps, DialogClose, type DialogCloseProps, DialogDescription, type DialogDescriptionProps, DialogPopup, type DialogPopupProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps };

package/dist/kernel/components/ui/dialog.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
+import { ComponentPropsWithoutRef } from 'react';
+
+type DialogProps = ComponentPropsWithoutRef<typeof Dialog$1.Root>;
+type DialogTriggerProps = ComponentPropsWithoutRef<typeof Dialog$1.Trigger>;
+type DialogPortalProps = ComponentPropsWithoutRef<typeof Dialog$1.Portal>;
+type DialogBackdropProps = ComponentPropsWithoutRef<typeof Dialog$1.Backdrop>;
+type DialogPopupProps = ComponentPropsWithoutRef<typeof Dialog$1.Popup>;
+type DialogTitleProps = ComponentPropsWithoutRef<typeof Dialog$1.Title>;
+type DialogDescriptionProps = ComponentPropsWithoutRef<typeof Dialog$1.Description>;
+type DialogCloseProps = ComponentPropsWithoutRef<typeof Dialog$1.Close>;
+declare function Dialog(props: DialogProps): react_jsx_runtime.JSX.Element;
+declare function DialogTrigger({ className, ...props }: DialogTriggerProps): react_jsx_runtime.JSX.Element;
+declare function DialogPortal(props: DialogPortalProps): react_jsx_runtime.JSX.Element;
+declare function DialogBackdrop({ className, ...props }: DialogBackdropProps): react_jsx_runtime.JSX.Element;
+declare function DialogPopup({ className, ...props }: DialogPopupProps): react_jsx_runtime.JSX.Element;
+declare function DialogTitle({ className, ...props }: DialogTitleProps): react_jsx_runtime.JSX.Element;
+declare function DialogDescription({ className, ...props }: DialogDescriptionProps): react_jsx_runtime.JSX.Element;
+declare function DialogClose({ className, ...props }: DialogCloseProps): react_jsx_runtime.JSX.Element;
+
+export { Dialog, DialogBackdrop, type DialogBackdropProps, DialogClose, type DialogCloseProps, DialogDescription, type DialogDescriptionProps, DialogPopup, type DialogPopupProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps };

package/dist/kernel/components/ui/dialog.js

@@ -0,0 +1,118 @@
+"use client";
+
+// src/kernel/components/ui/dialog.tsx
+import { Dialog as BaseDialog } from "@base-ui/react/dialog";
+
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+var twMerge = extendTailwindMerge({
+  extend: {
+    classGroups: {
+      z: [
+        "z-content",
+        "z-nav",
+        "z-overlay",
+        "z-modal",
+        "z-search",
+        "z-toast",
+        "z-progress"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/kernel/components/ui/dialog.tsx
+import { jsx } from "react/jsx-runtime";
+function Dialog(props) {
+  return /* @__PURE__ */ jsx(BaseDialog.Root, { ...props });
+}
+function DialogTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseDialog.Trigger,
+    {
+      className: cn(
+        "rounded-button focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogPortal(props) {
+  return /* @__PURE__ */ jsx(BaseDialog.Portal, { ...props });
+}
+function DialogBackdrop({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseDialog.Backdrop,
+    {
+      className: cn(
+        "animate-overlay fixed inset-0 z-modal h-dvh w-dvw bg-overlay-background",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogPopup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseDialog.Popup,
+    {
+      className: cn(
+        "animate-dialog-popup fixed left-1/2 top-1/2 z-modal w-[min(92vw,32rem)] -translate-x-1/2 -translate-y-1/2 rounded-dialog border border-stroke-2 bg-surface-1 p-6 text-foreground-1 shadow-lg outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseDialog.Title,
+    {
+      className: cn(
+        "text-lg font-semibold tracking-tight text-foreground-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseDialog.Description,
+    {
+      className: cn("mt-2 text-sm leading-6 text-foreground-2", className),
+      ...props
+    }
+  );
+}
+function DialogClose({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseDialog.Close,
+    {
+      className: cn(
+        "inline-flex size-8 items-center justify-center rounded-button text-foreground-3 transition-colors hover:bg-surface-hover hover:text-foreground-1",
+        "focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Dialog,
+  DialogBackdrop,
+  DialogClose,
+  DialogDescription,
+  DialogPopup,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger
+};

package/dist/kernel/components/ui/drawer.cjs

@@ -0,0 +1,163 @@
+"use strict";
+"use client";
+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/kernel/components/ui/drawer.tsx
+var drawer_exports = {};
+__export(drawer_exports, {
+  Drawer: () => Drawer,
+  DrawerBackdrop: () => DrawerBackdrop,
+  DrawerClose: () => DrawerClose,
+  DrawerDescription: () => DrawerDescription,
+  DrawerPopup: () => DrawerPopup,
+  DrawerPortal: () => DrawerPortal,
+  DrawerTitle: () => DrawerTitle,
+  DrawerTrigger: () => DrawerTrigger,
+  DrawerViewport: () => DrawerViewport
+});
+module.exports = __toCommonJS(drawer_exports);
+var import_drawer = require("@base-ui/react/drawer");
+
+// src/utils/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      z: [
+        "z-content",
+        "z-nav",
+        "z-overlay",
+        "z-modal",
+        "z-search",
+        "z-toast",
+        "z-progress"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge((0, import_clsx.clsx)(inputs));
+}
+
+// src/kernel/components/ui/drawer.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Drawer(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drawer.Drawer.Root, { ...props });
+}
+function DrawerTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_drawer.Drawer.Trigger,
+    {
+      className: cn(
+        "rounded-button focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DrawerPortal(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drawer.Drawer.Portal, { ...props });
+}
+function DrawerBackdrop({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_drawer.Drawer.Backdrop,
+    {
+      className: cn(
+        "animate-overlay fixed inset-0 z-modal h-dvh w-dvw bg-overlay-background",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DrawerViewport({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_drawer.Drawer.Viewport,
+    {
+      className: cn(
+        "pointer-events-none fixed inset-0 z-modal h-dvh w-dvw",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DrawerPopup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_drawer.Drawer.Popup,
+    {
+      className: cn(
+        "animate-drawer-popup pointer-events-auto fixed bottom-0 right-0 top-0 w-[min(100vw,20rem)] border-l border-stroke-2 bg-surface-1 p-6 text-foreground-1 shadow-lg outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DrawerTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_drawer.Drawer.Title,
+    {
+      className: cn(
+        "text-lg font-semibold tracking-tight text-foreground-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DrawerDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_drawer.Drawer.Description,
+    {
+      className: cn("mt-2 text-sm leading-6 text-foreground-2", className),
+      ...props
+    }
+  );
+}
+function DrawerClose({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_drawer.Drawer.Close,
+    {
+      className: cn(
+        "inline-flex size-8 items-center justify-center rounded-button text-foreground-3 transition-colors hover:bg-surface-hover hover:text-foreground-1",
+        "focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+        className
+      ),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Drawer,
+  DrawerBackdrop,
+  DrawerClose,
+  DrawerDescription,
+  DrawerPopup,
+  DrawerPortal,
+  DrawerTitle,
+  DrawerTrigger,
+  DrawerViewport
+});

package/dist/kernel/components/ui/drawer.d.cts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Drawer as Drawer$1 } from '@base-ui/react/drawer';
+import { ComponentPropsWithoutRef } from 'react';
+
+type DrawerProps = ComponentPropsWithoutRef<typeof Drawer$1.Root>;
+type DrawerTriggerProps = ComponentPropsWithoutRef<typeof Drawer$1.Trigger>;
+type DrawerPortalProps = ComponentPropsWithoutRef<typeof Drawer$1.Portal>;
+type DrawerBackdropProps = ComponentPropsWithoutRef<typeof Drawer$1.Backdrop>;
+type DrawerViewportProps = ComponentPropsWithoutRef<typeof Drawer$1.Viewport>;
+type DrawerPopupProps = ComponentPropsWithoutRef<typeof Drawer$1.Popup>;
+type DrawerTitleProps = ComponentPropsWithoutRef<typeof Drawer$1.Title>;
+type DrawerDescriptionProps = ComponentPropsWithoutRef<typeof Drawer$1.Description>;
+type DrawerCloseProps = ComponentPropsWithoutRef<typeof Drawer$1.Close>;
+declare function Drawer(props: DrawerProps): react_jsx_runtime.JSX.Element;
+declare function DrawerTrigger({ className, ...props }: DrawerTriggerProps): react_jsx_runtime.JSX.Element;
+declare function DrawerPortal(props: DrawerPortalProps): react_jsx_runtime.JSX.Element;
+declare function DrawerBackdrop({ className, ...props }: DrawerBackdropProps): react_jsx_runtime.JSX.Element;
+declare function DrawerViewport({ className, ...props }: DrawerViewportProps): react_jsx_runtime.JSX.Element;
+declare function DrawerPopup({ className, ...props }: DrawerPopupProps): react_jsx_runtime.JSX.Element;
+declare function DrawerTitle({ className, ...props }: DrawerTitleProps): react_jsx_runtime.JSX.Element;
+declare function DrawerDescription({ className, ...props }: DrawerDescriptionProps): react_jsx_runtime.JSX.Element;
+declare function DrawerClose({ className, ...props }: DrawerCloseProps): react_jsx_runtime.JSX.Element;
+
+export { Drawer, DrawerBackdrop, type DrawerBackdropProps, DrawerClose, type DrawerCloseProps, DrawerDescription, type DrawerDescriptionProps, DrawerPopup, type DrawerPopupProps, DrawerPortal, type DrawerPortalProps, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, DrawerViewport, type DrawerViewportProps };

package/dist/kernel/components/ui/drawer.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Drawer as Drawer$1 } from '@base-ui/react/drawer';
+import { ComponentPropsWithoutRef } from 'react';
+
+type DrawerProps = ComponentPropsWithoutRef<typeof Drawer$1.Root>;
+type DrawerTriggerProps = ComponentPropsWithoutRef<typeof Drawer$1.Trigger>;
+type DrawerPortalProps = ComponentPropsWithoutRef<typeof Drawer$1.Portal>;
+type DrawerBackdropProps = ComponentPropsWithoutRef<typeof Drawer$1.Backdrop>;
+type DrawerViewportProps = ComponentPropsWithoutRef<typeof Drawer$1.Viewport>;
+type DrawerPopupProps = ComponentPropsWithoutRef<typeof Drawer$1.Popup>;
+type DrawerTitleProps = ComponentPropsWithoutRef<typeof Drawer$1.Title>;
+type DrawerDescriptionProps = ComponentPropsWithoutRef<typeof Drawer$1.Description>;
+type DrawerCloseProps = ComponentPropsWithoutRef<typeof Drawer$1.Close>;
+declare function Drawer(props: DrawerProps): react_jsx_runtime.JSX.Element;
+declare function DrawerTrigger({ className, ...props }: DrawerTriggerProps): react_jsx_runtime.JSX.Element;
+declare function DrawerPortal(props: DrawerPortalProps): react_jsx_runtime.JSX.Element;
+declare function DrawerBackdrop({ className, ...props }: DrawerBackdropProps): react_jsx_runtime.JSX.Element;
+declare function DrawerViewport({ className, ...props }: DrawerViewportProps): react_jsx_runtime.JSX.Element;
+declare function DrawerPopup({ className, ...props }: DrawerPopupProps): react_jsx_runtime.JSX.Element;
+declare function DrawerTitle({ className, ...props }: DrawerTitleProps): react_jsx_runtime.JSX.Element;
+declare function DrawerDescription({ className, ...props }: DrawerDescriptionProps): react_jsx_runtime.JSX.Element;
+declare function DrawerClose({ className, ...props }: DrawerCloseProps): react_jsx_runtime.JSX.Element;
+
+export { Drawer, DrawerBackdrop, type DrawerBackdropProps, DrawerClose, type DrawerCloseProps, DrawerDescription, type DrawerDescriptionProps, DrawerPopup, type DrawerPopupProps, DrawerPortal, type DrawerPortalProps, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, DrawerViewport, type DrawerViewportProps };