@vinyasa/overlay 1.0.23

package/dist/esm/components/alert-dialog/AlertDialog.d.ts

@@ -0,0 +1,25 @@
+import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
+import { type ComponentPropsWithoutRef } from 'react';
+export declare const AlertDialog: import("react").FC<RadixAlertDialog.AlertDialogProps>;
+export declare const AlertDialogTrigger: import("react").ForwardRefExoticComponent<RadixAlertDialog.AlertDialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const AlertDialogAction: import("react").ForwardRefExoticComponent<RadixAlertDialog.AlertDialogActionProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const AlertDialogCancel: import("react").ForwardRefExoticComponent<RadixAlertDialog.AlertDialogCancelProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface AlertDialogContentProps extends ComponentPropsWithoutRef<typeof RadixAlertDialog.Content> {
+    /** Max-width preset. Defaults to 'md' (28rem). */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+}
+export declare const AlertDialogContent: import("react").ForwardRefExoticComponent<AlertDialogContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AlertDialogHeader: {
+    ({ className, ...rest }: ComponentPropsWithoutRef<"div">): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const AlertDialogBody: {
+    ({ className, ...rest }: ComponentPropsWithoutRef<"div">): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const AlertDialogFooter: {
+    ({ className, ...rest }: ComponentPropsWithoutRef<"div">): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const AlertDialogTitle: import("react").ForwardRefExoticComponent<Omit<RadixAlertDialog.AlertDialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const AlertDialogDescription: import("react").ForwardRefExoticComponent<Omit<RadixAlertDialog.AlertDialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;

package/dist/esm/components/alert-dialog/index.d.ts

@@ -0,0 +1 @@
+export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertDialogContentProps, } from './AlertDialog';

package/dist/esm/components/dialog/Dialog.css.d.ts

@@ -0,0 +1,17 @@
+export declare const content: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        sm: {
+            maxWidth: "24rem";
+        };
+        md: {
+            maxWidth: "28rem";
+        };
+        lg: {
+            maxWidth: "36rem";
+        };
+        xl: {
+            maxWidth: "48rem";
+        };
+    };
+}>;
+export declare const closeButtonPosition: string;

package/dist/esm/components/dialog/Dialog.d.ts

@@ -0,0 +1,26 @@
+import * as RadixDialog from '@radix-ui/react-dialog';
+import { type ComponentPropsWithoutRef } from 'react';
+export declare const Dialog: import("react").FC<RadixDialog.DialogProps>;
+export declare const DialogTrigger: import("react").ForwardRefExoticComponent<RadixDialog.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DialogClose: import("react").ForwardRefExoticComponent<RadixDialog.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface DialogContentProps extends ComponentPropsWithoutRef<typeof RadixDialog.Content> {
+    /** Max-width preset. Defaults to 'md' (28rem). */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Hides the built-in close (X) button in the corner. Defaults to false. */
+    hideCloseButton?: boolean;
+}
+export declare const DialogContent: import("react").ForwardRefExoticComponent<DialogContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DialogHeader: {
+    ({ className, ...rest }: ComponentPropsWithoutRef<"div">): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const DialogBody: {
+    ({ className, ...rest }: ComponentPropsWithoutRef<"div">): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const DialogFooter: {
+    ({ className, ...rest }: ComponentPropsWithoutRef<"div">): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const DialogTitle: import("react").ForwardRefExoticComponent<Omit<RadixDialog.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const DialogDescription: import("react").ForwardRefExoticComponent<Omit<RadixDialog.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;

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

@@ -0,0 +1 @@
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, type DialogContentProps, } from './Dialog';

package/dist/esm/components/modal/index.d.ts

@@ -0,0 +1 @@
+export { Dialog as Modal, DialogBody as ModalBody, DialogClose as ModalClose, DialogContent as ModalContent, DialogDescription as ModalDescription, DialogFooter as ModalFooter, DialogHeader as ModalHeader, DialogTitle as ModalTitle, DialogTrigger as ModalTrigger, type DialogContentProps as ModalContentProps, } from '../dialog/Dialog';

package/dist/esm/dialog.d.ts

@@ -0,0 +1,2 @@
+export * from './components/dialog/index';
+export { default } from './components/dialog/index';

package/dist/esm/dialog.js

@@ -0,0 +1 @@
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "./649.js";

package/dist/esm/index.d.ts

@@ -0,0 +1,3 @@
+export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertDialogContentProps, } from './components/alert-dialog';
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, type DialogContentProps, } from './components/dialog';
+export { Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle, ModalTrigger, type ModalContentProps, } from './components/modal';

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "./548.js";
+export { Dialog, Dialog as Modal, DialogBody, DialogBody as ModalBody, DialogClose, DialogClose as ModalClose, DialogContent, DialogContent as ModalContent, DialogDescription, DialogDescription as ModalDescription, DialogFooter, DialogFooter as ModalFooter, DialogHeader, DialogHeader as ModalHeader, DialogTitle, DialogTitle as ModalTitle, DialogTrigger, DialogTrigger as ModalTrigger } from "./649.js";

package/dist/esm/modal.d.ts

@@ -0,0 +1,2 @@
+export * from './components/modal/index';
+export { default } from './components/modal/index';

package/dist/esm/modal.js

@@ -0,0 +1 @@
+export { Dialog as Modal, DialogBody as ModalBody, DialogClose as ModalClose, DialogContent as ModalContent, DialogDescription as ModalDescription, DialogFooter as ModalFooter, DialogHeader as ModalHeader, DialogTitle as ModalTitle, DialogTrigger as ModalTrigger } from "./649.js";

package/dist/esm/overlayShell.css.d.ts

@@ -0,0 +1,7 @@
+export declare const scrim: string;
+export declare const header: string;
+export declare const titleText: string;
+export declare const descriptionText: string;
+export declare const closeButton: string;
+export declare const body: string;
+export declare const footer: string;

package/package.json

@@ -0,0 +1,98 @@
+{
+  "name": "@vinyasa/overlay",
+  "version": "1.0.23",
+  "private": false,
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist",
+    "!dist/**/*.map",
+    "!dist/**/__story__/**",
+    "!dist/**/__test__/**",
+    "!dist/**/*.stories.d.ts",
+    "!dist/**/*.test.d.ts"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/cjs/index.cjs",
+  "module": "./dist/esm/index.js",
+  "style": "./dist/esm/index.css",
+  "types": "./dist/esm/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/esm/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/esm/index.js"
+    },
+    "./alert-dialog": {
+      "types": "./dist/esm/alert-dialog.d.ts",
+      "import": "./dist/esm/alert-dialog.js",
+      "require": "./dist/cjs/alert-dialog.cjs",
+      "default": "./dist/esm/alert-dialog.js"
+    },
+    "./alert-dialog/style.css": "./dist/esm/alert-dialog.css",
+    "./dialog": {
+      "types": "./dist/esm/dialog.d.ts",
+      "import": "./dist/esm/dialog.js",
+      "require": "./dist/cjs/dialog.cjs",
+      "default": "./dist/esm/dialog.js"
+    },
+    "./dialog/style.css": "./dist/esm/dialog.css",
+    "./modal": {
+      "types": "./dist/esm/modal.d.ts",
+      "import": "./dist/esm/modal.js",
+      "require": "./dist/cjs/modal.cjs",
+      "default": "./dist/esm/modal.js"
+    },
+    "./style.css": "./dist/esm/index.css",
+    "./package.json": "./package.json"
+  },
+  "peerDependencies": {
+    "@radix-ui/react-alert-dialog": "^1.1.23",
+    "@radix-ui/react-dialog": "^1.1.23",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "@vinyasa/button": "^1.0.23",
+    "@vinyasa/icons": "^1.0.23",
+    "@vinyasa/layout": "^1.0.23",
+    "@vinyasa/tokens": "^1.0.23",
+    "@vinyasa/typography": "^1.0.23"
+  },
+  "devDependencies": {
+    "@radix-ui/react-alert-dialog": "^1.1.23",
+    "@radix-ui/react-dialog": "^1.1.23",
+    "@rsbuild/plugin-react": "^2.1.0",
+    "@rslib/core": "^0.23.1",
+    "@storybook/react-vite": "^10.4.6",
+    "@types/node": "^26.0.1",
+    "@types/react": "^19.0.0",
+    "@vanilla-extract/css": "^1.21.0",
+    "@vanilla-extract/recipes": "^0.5.7",
+    "@vanilla-extract/vite-plugin": "^5.2.3",
+    "@vanilla-extract/webpack-plugin": "^2.3.27",
+    "typescript": "^5.7.3",
+    "@vinyasa/feedback": "1.0.23",
+    "@vinyasa/form": "1.0.23",
+    "@vinyasa/icons": "1.0.23",
+    "@vinyasa/layout": "1.0.23",
+    "@vinyasa/button": "1.0.23",
+    "@vinyasa/typography": "1.0.23",
+    "@vinyasa/tokens": "1.0.23"
+  },
+  "scripts": {
+    "build": "rslib build && node ../../scripts/postbuild-package.mjs",
+    "typecheck": "tsc --noEmit -p tsconfig.json",
+    "lint": "eslint --config ../../configs/eslint.config.mjs src/**/*.{ts,tsx} --ignore-pattern src/**/__story__/** --ignore-pattern src/**/__test__/**",
+    "lint:fix": "eslint --config ../../configs/eslint.config.mjs src/**/*.{ts,tsx} --ignore-pattern src/**/__story__/** --ignore-pattern src/**/__test__/** --fix",
+    "format": "prettier . --config ../../configs/prettier.config.json --ignore-path ../../configs/.prettierignore --write",
+    "format:check": "prettier . --config ../../configs/prettier.config.json --ignore-path ../../configs/.prettierignore --check",
+    "test": "vitest run --config vitest.config.ts",
+    "test:watch": "vitest --config vitest.config.ts",
+    "test:coverage": "vitest run --config vitest.config.ts --coverage",
+    "pack:check": "npm pack --dry-run"
+  }
+}