@dust-tt/sparkle 0.2.91-pr → 0.2.91-pr2

package/dist/cjs/index.js

@@ -33553,15 +33553,6 @@ var variantSize = {
     dialogue: "",
     "side-sm": "sm:s-w-[448px]",
 };
-var styleKeys = [
-    "containerClasses",
-    "panelClasses",
-    "innerContainerClasses",
-    "transitionEnterFrom",
-    "transitionEnterTo",
-    "transitionLeaveFrom",
-    "transitionLeaveTo",
-];
 var modalStyles = (_a = {},
     _a[ModalType.Side] = {
         containerClasses: "s-h-full s-ml-auto",
@@ -33591,24 +33582,6 @@ var modalStyles = (_a = {},
         innerContainerClasses: "",
     },
     _a);
-// RESPONSIVE: on mobile, display a side modal as a fullscren modal
-/////////////
-// function that appends "sm:" to every class in the string
-var sm = function (classes) {
-    return classes
-        .split(" ")
-        .map(function (c) { return "sm:".concat(c); })
-        .join(" ");
-};
-// function that creates a new class that combines the classes from the full
-// screen if mobile, and side modal if desktop
-var newClass = function (key) {
-    return modalStyles[ModalType.FullScreen][key] +
-        " " +
-        sm(modalStyles[ModalType.Side][key]);
-};
-var sideModalResponsiveStyles = Object.fromEntries(styleKeys.map(function (key) { return [key, newClass(key)]; }));
-modalStyles[ModalType.Side] = sideModalResponsiveStyles;
 var getModalClasses = function (type) { return modalStyles[type] || {}; };
 function Modal(_a) {
     var isOpen = _a.isOpen, onClose = _a.onClose, action = _a.action, children = _a.children, hasChanged = _a.hasChanged, onSave = _a.onSave, _b = _a.saveLabel, saveLabel = _b === void 0 ? "Save" : _b, isSaving = _a.isSaving, savingLabel = _a.savingLabel, title = _a.title, _c = _a.variant, variant = _c === void 0 ? "side-sm" : _c;
@@ -33616,6 +33589,11 @@ function Modal(_a) {
     if (variant === "dialogue") {
         console.warn("Dialogue variant of Modal is deprecated. Please use either another variant of Modal or the Dialog component.");
     }
+    // checks whether we are on mobile or desktop
+    var isMobile = window.innerWidth < 640;
+    if (isMobile) {
+        variant = "full-screen";
+    }
     var buttonBarProps = hasChanged
         ? {
             variant: "validate",