@lolmath/ui 2.1.0 → 2.2.0

package/dist/index.cjs

@@ -25,8 +25,12 @@ __export(src_exports, {
   AccordionItem: () => AccordionItem,
   AccordionTrigger: () => AccordionTrigger,
   Button: () => Button,
+  DialogButtons: () => DialogButtons,
+  DialogTrigger: () => DialogTrigger,
+  Heading: () => Heading,
   Item: () => Item,
   Label: () => Label3,
+  Modal: () => Modal,
   NumberField: () => NumberField,
   ProgressBar: () => ProgressBar,
   Radio: () => Radio,
@@ -49,7 +53,7 @@ var import_tailwind_merge = require("tailwind-merge");
 // src/utilities/border.tsx
 var borderClassName = "from-[#785b28] via-[#c89c3c] to-[#c8aa6e] bg-gradient-to-t";
 var borderHoverClassName = "from-[#c89c3c] via-[#dcc188] to-[#f0e6d8]";
-var borderPressedClassName = "from-[#694f27] via-[#694f27] to-[#463817]";
+var borderPressedClassName = "from-lol-gold-600 via-lol-gold-600 to-lol-gold-700";
 var borderDisabledClassName = "from-[#5c5b57] via-[#5c5b57] to-[#5c5b57]";
 
 // src/components/button.tsx
@@ -743,6 +747,81 @@ function Spinner({ className }) {
     }
   );
 }
+
+// src/components/modal.tsx
+var import_react_aria_components11 = require("react-aria-components");
+var import_tailwind_merge13 = require("tailwind-merge");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function Modal({
+  modalOverlayClassName,
+  dialogProps = {},
+  children,
+  className,
+  ...modalProps
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    import_react_aria_components11.ModalOverlay,
+    {
+      ...modalProps,
+      className: (values) => {
+        return (0, import_tailwind_merge13.twMerge)(
+          "fixed inset-0 z-10 overflow-y-auto bg-black bg-opacity-25 flex min-h-full items-center justify-center text-center backdrop-blur flex-col px-4",
+          resolveClassname(modalOverlayClassName, values)
+        );
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        import_react_aria_components11.Modal,
+        {
+          ...modalProps,
+          className: (values) => (0, import_tailwind_merge13.twMerge)("w-full max-w-md", resolveClassname(className, values)),
+          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            import_react_aria_components11.Dialog,
+            {
+              role: "alertdialog",
+              ...dialogProps,
+              className: (0, import_tailwind_merge13.twMerge)(
+                "outline-none relative max-h-screen py-4",
+                dialogProps.className
+              ),
+              children: (dialogRenderProps) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "relative h-1", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "border-lol-gold-700 border bg-black absolute border-b-0 rounded-full h-full left-5 right-5" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                  "div",
+                  {
+                    className: (0, import_tailwind_merge13.twMerge)(
+                      "text-left align-middle shadow-xl p-0.5 bg-gradient-to-t",
+                      borderPressedClassName
+                    ),
+                    children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "bg-black", children: typeof children === "function" ? children(dialogRenderProps) : children })
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "relative h-1", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "border-lol-gold-600 border bg-black absolute border-t-0 rounded-full h-full left-5 right-5" }) })
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function Heading(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    import_react_aria_components11.Heading,
+    {
+      ...props,
+      className: (0, import_tailwind_merge13.twMerge)(
+        "text-lol-gold-100 uppercase font-beaufort font-bold text-lg",
+        props.className
+      )
+    }
+  );
+}
+function DialogButtons({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex justify-center translate-y-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex gap-1 bg-black px-1", children }) });
+}
+function DialogTrigger(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components11.DialogTrigger, { ...props });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -750,8 +829,12 @@ function Spinner({ className }) {
   AccordionItem,
   AccordionTrigger,
   Button,
+  DialogButtons,
+  DialogTrigger,
+  Heading,
   Item,
   Label,
+  Modal,
   NumberField,
   ProgressBar,
   Radio,