@vinyasa/overlay 1.0.23

package/dist/cjs/modal.css

@@ -0,0 +1,174 @@
+@keyframes _13owy330 {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes _13owy331 {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+._13owy332 {
+  z-index: var(--vinyasa-z-index-overlay);
+  background-color: rgba(0, 0, 0, .5);
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+._13owy332[data-state="open"] {
+  animation: _13owy330 var(--vinyasa-motion-duration-normal) var(--vinyasa-motion-easing-out);
+}
+
+._13owy332[data-state="closed"] {
+  animation: _13owy331 var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-in);
+}
+
+._13owy333 {
+  gap: var(--vinyasa-space1);
+  padding: var(--vinyasa-space4);
+  border-bottom: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  flex-direction: column;
+  padding-right: 2.75rem;
+  display: flex;
+}
+
+._13owy334 {
+  font-size: var(--vinyasa-font-size-lg);
+  font-weight: var(--vinyasa-font-weight-semibold);
+  color: var(--vinyasa-on-secondary);
+  margin: 0;
+}
+
+._13owy335 {
+  font-size: var(--vinyasa-font-size-sm);
+  color: var(--vinyasa-text-muted);
+  margin: 0;
+}
+
+._13owy336 {
+  border-radius: var(--vinyasa-radius-sm);
+  width: 1.75rem;
+  height: 1.75rem;
+  color: var(--vinyasa-text-muted);
+  cursor: pointer;
+  background-color: rgba(0, 0, 0, 0);
+  border: none;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+._13owy336:hover {
+  background-color: var(--vinyasa-secondary);
+  color: var(--vinyasa-on-secondary);
+}
+
+._13owy336:focus-visible {
+  border-color: var(--vinyasa-focus);
+  box-shadow: 0 0 0 1px var(--vinyasa-focus), 0 0 0 4px color-mix(in srgb, var(--vinyasa-focus) 16%, transparent);
+  outline: none;
+}
+
+._13owy337 {
+  padding: var(--vinyasa-space4);
+  font-size: var(--vinyasa-font-size-sm);
+  color: var(--vinyasa-on-secondary);
+  overflow-y: auto;
+}
+
+._13owy338 {
+  justify-content: flex-end;
+  gap: var(--vinyasa-space2);
+  padding: var(--vinyasa-space4);
+  border-top: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  display: flex;
+}
+
+@keyframes pchuwx0 {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -48%) scale(.96);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+}
+
+@keyframes pchuwx1 {
+  from {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate(-50%, -48%) scale(.96);
+  }
+}
+
+.pchuwx2 {
+  z-index: var(--vinyasa-z-index-modal);
+  background-color: var(--vinyasa-surface);
+  border-radius: var(--vinyasa-radius-md);
+  width: calc(100vw - 2rem);
+  max-height: 85vh;
+  box-shadow: var(--vinyasa-elevation-modal);
+  flex-direction: column;
+  display: flex;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  overflow: hidden;
+  transform: translate(-50%, -50%);
+}
+
+.pchuwx2:focus-visible {
+  outline: none;
+}
+
+.pchuwx2[data-state="open"] {
+  animation: pchuwx0 var(--vinyasa-motion-duration-normal) var(--vinyasa-motion-easing-out);
+}
+
+.pchuwx2[data-state="closed"] {
+  animation: pchuwx1 var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-in);
+}
+
+.pchuwx3 {
+  max-width: 24rem;
+}
+
+.pchuwx4 {
+  max-width: 28rem;
+}
+
+.pchuwx5 {
+  max-width: 36rem;
+}
+
+.pchuwx6 {
+  max-width: 48rem;
+}
+
+.pchuwx7 {
+  top: var(--vinyasa-space3);
+  right: var(--vinyasa-space3);
+  position: absolute;
+}
+

package/dist/esm/302.css

@@ -0,0 +1,97 @@
+@keyframes _13owy330 {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes _13owy331 {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+._13owy332 {
+  z-index: var(--vinyasa-z-index-overlay);
+  background-color: #00000080;
+  position: fixed;
+  inset: 0;
+}
+
+._13owy332[data-state="open"] {
+  animation: _13owy330 var(--vinyasa-motion-duration-normal) var(--vinyasa-motion-easing-out);
+}
+
+._13owy332[data-state="closed"] {
+  animation: _13owy331 var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-in);
+}
+
+._13owy333 {
+  gap: var(--vinyasa-space1);
+  padding: var(--vinyasa-space4);
+  border-bottom: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  flex-direction: column;
+  padding-right: 2.75rem;
+  display: flex;
+}
+
+._13owy334 {
+  font-size: var(--vinyasa-font-size-lg);
+  font-weight: var(--vinyasa-font-weight-semibold);
+  color: var(--vinyasa-on-secondary);
+  margin: 0;
+}
+
+._13owy335 {
+  font-size: var(--vinyasa-font-size-sm);
+  color: var(--vinyasa-text-muted);
+  margin: 0;
+}
+
+._13owy336 {
+  border-radius: var(--vinyasa-radius-sm);
+  width: 1.75rem;
+  height: 1.75rem;
+  color: var(--vinyasa-text-muted);
+  cursor: pointer;
+  background-color: #0000;
+  border: none;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+._13owy336:hover {
+  background-color: var(--vinyasa-secondary);
+  color: var(--vinyasa-on-secondary);
+}
+
+._13owy336:focus-visible {
+  border-color: var(--vinyasa-focus);
+  box-shadow: 0 0 0 1px var(--vinyasa-focus), 0 0 0 4px color-mix(in srgb, var(--vinyasa-focus) 16%, transparent);
+  outline: none;
+}
+
+._13owy337 {
+  padding: var(--vinyasa-space4);
+  font-size: var(--vinyasa-font-size-sm);
+  color: var(--vinyasa-on-secondary);
+  overflow-y: auto;
+}
+
+._13owy338 {
+  justify-content: flex-end;
+  gap: var(--vinyasa-space2);
+  padding: var(--vinyasa-space4);
+  border-top: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  display: flex;
+}
+

package/dist/esm/302.js

@@ -0,0 +1,95 @@
+import "./302.css";
+var body = '_13owy337';
+var closeButton = '_13owy336';
+var descriptionText = '_13owy335';
+var footer = '_13owy338';
+var header = '_13owy333';
+var scrim = '_13owy332';
+var titleText = '_13owy334';
+function toPrimitive(t, r) {
+    if ("object" != typeof t || !t) return t;
+    var e = t[Symbol.toPrimitive];
+    if (void 0 !== e) {
+        var i = e.call(t, r || "default");
+        if ("object" != typeof i) return i;
+        throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return ("string" === r ? String : Number)(t);
+}
+function toPropertyKey(t) {
+    var i = toPrimitive(t, "string");
+    return "symbol" == typeof i ? i : String(i);
+}
+function _defineProperty(obj, key, value) {
+    key = toPropertyKey(key);
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function ownKeys(e, r) {
+    var t = Object.keys(e);
+    if (Object.getOwnPropertySymbols) {
+        var o = Object.getOwnPropertySymbols(e);
+        r && (o = o.filter(function(r) {
+            return Object.getOwnPropertyDescriptor(e, r).enumerable;
+        })), t.push.apply(t, o);
+    }
+    return t;
+}
+function _objectSpread2(e) {
+    for(var r = 1; r < arguments.length; r++){
+        var t = null != arguments[r] ? arguments[r] : {};
+        r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
+            _defineProperty(e, r, t[r]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
+            Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+        });
+    }
+    return e;
+}
+function mapValues(input, fn) {
+    var result = {};
+    for(var _key in input)result[_key] = fn(input[_key], _key);
+    return result;
+}
+var shouldApplyCompound = (compoundCheck, selections, defaultVariants)=>{
+    for (var key of Object.keys(compoundCheck)){
+        var _selections$key;
+        if (compoundCheck[key] !== (null != (_selections$key = selections[key]) ? _selections$key : defaultVariants[key])) return false;
+    }
+    return true;
+};
+var createRuntimeFn = (config)=>{
+    var runtimeFn = (options)=>{
+        var className = config.defaultClassName;
+        var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
+        for(var variantName in selections){
+            var _selections$variantNa;
+            var variantSelection = null != (_selections$variantNa = selections[variantName]) ? _selections$variantNa : config.defaultVariants[variantName];
+            if (null != variantSelection) {
+                var selection = variantSelection;
+                if ('boolean' == typeof selection) selection = true === selection ? 'true' : 'false';
+                var selectionClassName = config.variantClassNames[variantName][selection];
+                if (selectionClassName) className += ' ' + selectionClassName;
+            }
+        }
+        for (var [compoundCheck, compoundClassName] of config.compoundVariants)if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) className += ' ' + compoundClassName;
+        return className;
+    };
+    runtimeFn.variants = ()=>Object.keys(config.variantClassNames);
+    runtimeFn.classNames = {
+        get base () {
+            return config.defaultClassName.split(' ')[0];
+        },
+        get variants () {
+            return mapValues(config.variantClassNames, (classNames)=>mapValues(classNames, (className)=>className.split(' ')[0]));
+        }
+    };
+    return runtimeFn;
+};
+export { body, closeButton, createRuntimeFn, descriptionText, footer, header, scrim, titleText };

package/dist/esm/548.css

@@ -0,0 +1,68 @@
+@keyframes _1neyrrq0 {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -48%) scale(.96);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+}
+
+@keyframes _1neyrrq1 {
+  from {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate(-50%, -48%) scale(.96);
+  }
+}
+
+._1neyrrq2 {
+  z-index: var(--vinyasa-z-index-modal);
+  background-color: var(--vinyasa-surface);
+  border-radius: var(--vinyasa-radius-md);
+  width: calc(100vw - 2rem);
+  max-height: 85vh;
+  box-shadow: var(--vinyasa-elevation-modal);
+  flex-direction: column;
+  display: flex;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  overflow: hidden;
+  transform: translate(-50%, -50%);
+}
+
+._1neyrrq2:focus-visible {
+  outline: none;
+}
+
+._1neyrrq2[data-state="open"] {
+  animation: _1neyrrq0 var(--vinyasa-motion-duration-normal) var(--vinyasa-motion-easing-out);
+}
+
+._1neyrrq2[data-state="closed"] {
+  animation: _1neyrrq1 var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-in);
+}
+
+._1neyrrq3 {
+  max-width: 24rem;
+}
+
+._1neyrrq4 {
+  max-width: 28rem;
+}
+
+._1neyrrq5 {
+  max-width: 36rem;
+}
+
+._1neyrrq6 {
+  max-width: 48rem;
+}
+

package/dist/esm/548.js

@@ -0,0 +1,70 @@
+import "./548.css";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { footer, body, createRuntimeFn, header, scrim, descriptionText, titleText } from "./302.js";
+import * as __rspack_external__radix_ui_react_alert_dialog_c2bcbc55 from "@radix-ui/react-alert-dialog";
+var content = createRuntimeFn({
+    defaultClassName: '_1neyrrq2',
+    variantClassNames: {
+        size: {
+            sm: '_1neyrrq3',
+            md: '_1neyrrq4',
+            lg: '_1neyrrq5',
+            xl: '_1neyrrq6'
+        }
+    },
+    defaultVariants: {
+        size: 'md'
+    },
+    compoundVariants: []
+});
+const AlertDialog = __rspack_external__radix_ui_react_alert_dialog_c2bcbc55.Root;
+const AlertDialogTrigger = __rspack_external__radix_ui_react_alert_dialog_c2bcbc55.Trigger;
+const AlertDialogAction = __rspack_external__radix_ui_react_alert_dialog_c2bcbc55.Action;
+const AlertDialogCancel = __rspack_external__radix_ui_react_alert_dialog_c2bcbc55.Cancel;
+const AlertDialogContent = /*#__PURE__*/ forwardRef(({ size = 'md', className, children, ...rest }, ref)=>/*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_alert_dialog_c2bcbc55.Overlay, {
+                className: scrim
+            }),
+            /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_alert_dialog_c2bcbc55.Content, {
+                ref: ref,
+                className: className ? `${content({
+                    size
+                })} ${className}` : content({
+                    size
+                }),
+                ...rest,
+                children: children
+            })
+        ]
+    }));
+AlertDialogContent.displayName = 'AlertDialogContent';
+const AlertDialogHeader = ({ className, ...rest })=>/*#__PURE__*/ jsx("div", {
+        className: className ? `${header} ${className}` : header,
+        ...rest
+    });
+AlertDialogHeader.displayName = 'AlertDialogHeader';
+const AlertDialogBody = ({ className, ...rest })=>/*#__PURE__*/ jsx("div", {
+        className: className ? `${body} ${className}` : body,
+        ...rest
+    });
+AlertDialogBody.displayName = 'AlertDialogBody';
+const AlertDialogFooter = ({ className, ...rest })=>/*#__PURE__*/ jsx("div", {
+        className: className ? `${footer} ${className}` : footer,
+        ...rest
+    });
+AlertDialogFooter.displayName = 'AlertDialogFooter';
+const AlertDialogTitle = /*#__PURE__*/ forwardRef(({ className, ...rest }, ref)=>/*#__PURE__*/ jsx(__rspack_external__radix_ui_react_alert_dialog_c2bcbc55.Title, {
+        ref: ref,
+        className: className ? `${titleText} ${className}` : titleText,
+        ...rest
+    }));
+AlertDialogTitle.displayName = 'AlertDialogTitle';
+const AlertDialogDescription = /*#__PURE__*/ forwardRef(({ className, ...rest }, ref)=>/*#__PURE__*/ jsx(__rspack_external__radix_ui_react_alert_dialog_c2bcbc55.Description, {
+        ref: ref,
+        className: className ? `${descriptionText} ${className}` : descriptionText,
+        ...rest
+    }));
+AlertDialogDescription.displayName = "AlertDialogDescription";
+export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger };

package/dist/esm/649.css

@@ -0,0 +1,74 @@
+@keyframes pchuwx0 {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -48%) scale(.96);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+}
+
+@keyframes pchuwx1 {
+  from {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate(-50%, -48%) scale(.96);
+  }
+}
+
+.pchuwx2 {
+  z-index: var(--vinyasa-z-index-modal);
+  background-color: var(--vinyasa-surface);
+  border-radius: var(--vinyasa-radius-md);
+  width: calc(100vw - 2rem);
+  max-height: 85vh;
+  box-shadow: var(--vinyasa-elevation-modal);
+  flex-direction: column;
+  display: flex;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  overflow: hidden;
+  transform: translate(-50%, -50%);
+}
+
+.pchuwx2:focus-visible {
+  outline: none;
+}
+
+.pchuwx2[data-state="open"] {
+  animation: pchuwx0 var(--vinyasa-motion-duration-normal) var(--vinyasa-motion-easing-out);
+}
+
+.pchuwx2[data-state="closed"] {
+  animation: pchuwx1 var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-in);
+}
+
+.pchuwx3 {
+  max-width: 24rem;
+}
+
+.pchuwx4 {
+  max-width: 28rem;
+}
+
+.pchuwx5 {
+  max-width: 36rem;
+}
+
+.pchuwx6 {
+  max-width: 48rem;
+}
+
+.pchuwx7 {
+  top: var(--vinyasa-space3);
+  right: var(--vinyasa-space3);
+  position: absolute;
+}
+

package/dist/esm/649.js

@@ -0,0 +1,78 @@
+import "./649.css";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { XIcon } from "@vinyasa/icons";
+import { forwardRef } from "react";
+import { body, createRuntimeFn, closeButton, scrim, titleText, descriptionText, header, footer } from "./302.js";
+import * as __rspack_external__radix_ui_react_dialog_6b867f3d from "@radix-ui/react-dialog";
+var closeButtonPosition = 'pchuwx7';
+var content = createRuntimeFn({
+    defaultClassName: 'pchuwx2',
+    variantClassNames: {
+        size: {
+            sm: 'pchuwx3',
+            md: 'pchuwx4',
+            lg: 'pchuwx5',
+            xl: 'pchuwx6'
+        }
+    },
+    defaultVariants: {
+        size: 'md'
+    },
+    compoundVariants: []
+});
+const Dialog = __rspack_external__radix_ui_react_dialog_6b867f3d.Root;
+const DialogTrigger = __rspack_external__radix_ui_react_dialog_6b867f3d.Trigger;
+const DialogClose = __rspack_external__radix_ui_react_dialog_6b867f3d.Close;
+const DialogContent = /*#__PURE__*/ forwardRef(({ size = 'md', hideCloseButton = false, className, children, ...rest }, ref)=>/*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_dialog_6b867f3d.Overlay, {
+                className: scrim
+            }),
+            /*#__PURE__*/ jsxs(__rspack_external__radix_ui_react_dialog_6b867f3d.Content, {
+                ref: ref,
+                className: className ? `${content({
+                    size
+                })} ${className}` : content({
+                    size
+                }),
+                ...rest,
+                children: [
+                    children,
+                    hideCloseButton ? null : /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_dialog_6b867f3d.Close, {
+                        className: `${closeButton} ${closeButtonPosition}`,
+                        "aria-label": "Close",
+                        children: /*#__PURE__*/ jsx(XIcon, {})
+                    })
+                ]
+            })
+        ]
+    }));
+DialogContent.displayName = 'DialogContent';
+const DialogHeader = ({ className, ...rest })=>/*#__PURE__*/ jsx("div", {
+        className: className ? `${header} ${className}` : header,
+        ...rest
+    });
+DialogHeader.displayName = 'DialogHeader';
+const DialogBody = ({ className, ...rest })=>/*#__PURE__*/ jsx("div", {
+        className: className ? `${body} ${className}` : body,
+        ...rest
+    });
+DialogBody.displayName = 'DialogBody';
+const DialogFooter = ({ className, ...rest })=>/*#__PURE__*/ jsx("div", {
+        className: className ? `${footer} ${className}` : footer,
+        ...rest
+    });
+DialogFooter.displayName = 'DialogFooter';
+const DialogTitle = /*#__PURE__*/ forwardRef(({ className, ...rest }, ref)=>/*#__PURE__*/ jsx(__rspack_external__radix_ui_react_dialog_6b867f3d.Title, {
+        ref: ref,
+        className: className ? `${titleText} ${className}` : titleText,
+        ...rest
+    }));
+DialogTitle.displayName = 'DialogTitle';
+const DialogDescription = /*#__PURE__*/ forwardRef(({ className, ...rest }, ref)=>/*#__PURE__*/ jsx(__rspack_external__radix_ui_react_dialog_6b867f3d.Description, {
+        ref: ref,
+        className: className ? `${descriptionText} ${className}` : descriptionText,
+        ...rest
+    }));
+DialogDescription.displayName = "DialogDescription";
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger };

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

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

package/dist/esm/alert-dialog.js

@@ -0,0 +1 @@
+export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "./548.js";

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

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