@epicbagel/saas-kit 1.2.2 → 1.3.0

package/dist/primitives/responsive-dialog.js

@@ -1,134 +1,18 @@
 "use client";
 import {
-  Drawer,
-  DrawerClose,
-  DrawerContent,
-  DrawerDescription,
-  DrawerFooter,
-  DrawerHeader,
-  DrawerTitle,
-  DrawerTrigger
-} from "../chunk-4HWCNRK4.js";
-import {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger
-} from "../chunk-3QT5VYZ3.js";
-import {
-  cn
-} from "../chunk-G6SRSWXB.js";
-
-// src/primitives/responsive-dialog.tsx
-import * as React from "react";
-import { useMediaQuery } from "react-responsive";
-import { jsx } from "react/jsx-runtime";
-var DesktopContext = React.createContext(false);
-var useIsDesktop = () => React.useContext(DesktopContext);
-var DESKTOP_QUERY = { minWidth: 1024 };
-var ResponsiveDialog = ({ children, ...props }) => {
-  const isDesktop = useMediaQuery(DESKTOP_QUERY);
-  const Root = isDesktop ? Dialog : Drawer;
-  return /* @__PURE__ */ jsx(DesktopContext.Provider, { value: isDesktop, children: /* @__PURE__ */ jsx(Root, { ...props, children }) });
-};
-ResponsiveDialog.displayName = "ResponsiveDialog";
-var ResponsiveDialogTrigger = ({
-  children,
-  ...props
-}) => {
-  const Trigger = useIsDesktop() ? DialogTrigger : DrawerTrigger;
-  return /* @__PURE__ */ jsx(Trigger, { ...props, children });
-};
-ResponsiveDialogTrigger.displayName = "ResponsiveDialogTrigger";
-var ResponsiveDialogClose = ({
-  children,
-  ...props
-}) => {
-  const Close = useIsDesktop() ? DialogClose : DrawerClose;
-  return /* @__PURE__ */ jsx(Close, { ...props, children });
-};
-ResponsiveDialogClose.displayName = "ResponsiveDialogClose";
-var ResponsiveDialogContent = React.forwardRef(({ className, children, presentation = "default", ...props }, ref) => {
-  if (useIsDesktop()) {
-    return /* @__PURE__ */ jsx(
-      DialogContent,
-      {
-        ref,
-        className: cn(
-          "flex max-h-[85vh] max-w-md flex-col gap-0 overflow-hidden p-0",
-          presentation === "preview" && "max-w-2xl sm:h-[85vh] [&>button:last-child]:hidden",
-          className
-        ),
-        ...props,
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    DrawerContent,
-    {
-      ref,
-      className: cn("max-h-[92vh]", className),
-      ...props,
-      children
-    }
-  );
-});
-ResponsiveDialogContent.displayName = "ResponsiveDialogContent";
-var ResponsiveDialogHeader = ({
-  className,
-  visibility = "visible",
-  ...props
-}) => {
-  const Header = useIsDesktop() ? DialogHeader : DrawerHeader;
-  return /* @__PURE__ */ jsx(
-    Header,
-    {
-      className: cn(useIsDesktop() && "p-4", visibility === "screen-reader" && "sr-only", className),
-      ...props
-    }
-  );
-};
-ResponsiveDialogHeader.displayName = "ResponsiveDialogHeader";
-var ResponsiveDialogBody = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx("div", { className: cn("min-h-0 flex-1 overflow-y-auto px-4 pb-6", className), ...props });
-ResponsiveDialogBody.displayName = "ResponsiveDialogBody";
-var ResponsiveDialogFooter = ({
-  className,
-  layout = "auto",
-  ...props
-}) => {
-  const isDesktop = useIsDesktop();
-  const Footer = isDesktop ? DialogFooter : DrawerFooter;
-  return /* @__PURE__ */ jsx(
-    Footer,
-    {
-      className: cn(
-        "mt-0 shrink-0 gap-2 border-t bg-background p-4",
-        layout === "fill" ? "flex-row space-x-0 [&>*]:min-w-0 [&>*]:flex-1" : isDesktop ? "flex-row justify-end space-x-0 [&>*]:flex-none" : "grid grid-cols-2 [&>*]:w-full",
-        className
-      ),
-      ...props
-    }
-  );
-};
-ResponsiveDialogFooter.displayName = "ResponsiveDialogFooter";
-var ResponsiveDialogTitle = React.forwardRef(({ className, visuallyHidden = false, ...props }, ref) => {
-  const Title = useIsDesktop() ? DialogTitle : DrawerTitle;
-  return /* @__PURE__ */ jsx(Title, { ref, className: cn(visuallyHidden && "sr-only", className), ...props });
-});
-ResponsiveDialogTitle.displayName = "ResponsiveDialogTitle";
-var ResponsiveDialogDescription = React.forwardRef(({ className, visuallyHidden = false, ...props }, ref) => {
-  const Description = useIsDesktop() ? DialogDescription : DrawerDescription;
-  return /* @__PURE__ */ jsx(Description, { ref, className: cn(visuallyHidden && "sr-only", className), ...props });
-});
-ResponsiveDialogDescription.displayName = "ResponsiveDialogDescription";
+  ResponsiveDialog,
+  ResponsiveDialogBody,
+  ResponsiveDialogClose,
+  ResponsiveDialogContent,
+  ResponsiveDialogDescription,
+  ResponsiveDialogFooter,
+  ResponsiveDialogHeader,
+  ResponsiveDialogTitle,
+  ResponsiveDialogTrigger
+} from "../chunk-JTI4244T.js";
+import "../chunk-4HWCNRK4.js";
+import "../chunk-3QT5VYZ3.js";
+import "../chunk-G6SRSWXB.js";
 export {
   ResponsiveDialog,
   ResponsiveDialogBody,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epicbagel/saas-kit",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "description": "Accessible React primitives, layout components and design tokens for SaaS apps, built on Radix UI and Tailwind CSS v4.",
   "license": "MIT",
   "keywords": [
@@ -410,6 +410,16 @@
         "default": "./dist/primitives/dialog.cjs"
       }
     },
+    "./primitives/document-preview": {
+      "import": {
+        "types": "./dist/primitives/document-preview.d.ts",
+        "default": "./dist/primitives/document-preview.js"
+      },
+      "require": {
+        "types": "./dist/primitives/document-preview.d.cts",
+        "default": "./dist/primitives/document-preview.cjs"
+      }
+    },
     "./primitives/drawer": {
       "import": {
         "types": "./dist/primitives/drawer.d.ts",
@@ -490,6 +500,16 @@
         "default": "./dist/primitives/file-dropzone.cjs"
       }
     },
+    "./primitives/file-preview": {
+      "import": {
+        "types": "./dist/primitives/file-preview.d.ts",
+        "default": "./dist/primitives/file-preview.js"
+      },
+      "require": {
+        "types": "./dist/primitives/file-preview.d.cts",
+        "default": "./dist/primitives/file-preview.cjs"
+      }
+    },
     "./primitives/filter-bar": {
       "import": {
         "types": "./dist/primitives/filter-bar.d.ts",