@lolmath/ui 2.5.1 → 2.6.0

package/dist/index.cjs

@@ -46,6 +46,7 @@ __export(src_exports, {
   TabList: () => TabList,
   TabPanel: () => TabPanel,
   Tabs: () => Tabs,
+  TextArea: () => TextArea,
   TextField: () => TextField
 });
 module.exports = __toCommonJS(src_exports);
@@ -61,6 +62,11 @@ var borderHoverClassName = "from-[#c89c3c] via-[#dcc188] to-[#f0e6d8]";
 var borderPressedClassName = "from-lol-gold-600 via-lol-gold-600 to-lol-gold-700";
 var borderDisabledClassName = "from-[#5c5b57] via-[#5c5b57] to-[#5c5b57]";
 
+// src/utilities/resolve-classname.ts
+function resolveClassname(className, values) {
+  return typeof className === "function" ? className(values) : className;
+}
+
 // src/components/button.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 function _Button({ children, className, priority = "secondary", ...props }, ref) {
@@ -68,8 +74,8 @@ function _Button({ children, className, priority = "secondary", ...props }, ref)
     import_react_aria_components.Button,
     {
       ref,
+      ...props,
       className: (values) => {
-        const overrideClassname = typeof className === "undefined" ? "" : typeof className === "string" ? className : className(values);
         return (0, import_tailwind_merge.twMerge)(
           "font-[beaufort] font-black uppercase transition-colors duration-200 outline-none bg-gradient-to-t",
           borderClassName,
@@ -78,10 +84,9 @@ function _Button({ children, className, priority = "secondary", ...props }, ref)
           values.isDisabled && borderDisabledClassName,
           values.isFocused && "",
           values.isFocusVisible && "outline outline-yellow-50 outline-offset-2",
-          overrideClassname
+          resolveClassname(className, values)
         );
       },
-      ...props,
       children: (values) => {
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "span",
@@ -123,47 +128,54 @@ function Select({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_aria_components2.Select, { ...props, className: "font-spiegel", children: (values) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_react_aria_components2.Button,
-      {
-        className: (buttonValues) => (0, import_tailwind_merge2.twMerge)(
-          "inline-block outline-none",
-          borderClassName,
-          buttonValues.isHovered && borderHoverClassName,
-          (buttonValues.isPressed || values.isOpen) && borderPressedClassName,
-          buttonValues.isDisabled && borderDisabledClassName,
-          buttonValues.isFocused && "",
-          buttonValues.isFocusVisible && outlineClassName
-        ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "span",
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_react_aria_components2.Select,
+    {
+      ...props,
+      className: (values) => (0, import_tailwind_merge2.twMerge)("font-spiegel", resolveClassname(props.className, values)),
+      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_react_aria_components2.Button,
           {
-            className: (0, import_tailwind_merge2.twMerge)(
-              "block m-px bg-lol-gray-950 px-2 py-1 text-[#a09b8c] text-xs font-normal tracking-wide pr-6 bg-no-repeat"
+            className: (buttonValues) => (0, import_tailwind_merge2.twMerge)(
+              "inline-block outline-none",
+              borderClassName,
+              buttonValues.isHovered && borderHoverClassName,
+              (buttonValues.isPressed || values.isOpen) && borderPressedClassName,
+              buttonValues.isDisabled && borderDisabledClassName,
+              buttonValues.isFocused && "",
+              buttonValues.isFocusVisible && outlineClassName
             ),
-            style: {
-              backgroundPosition: "right 0.5rem center",
-              backgroundImage: values.isOpen ? "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAA90lEQVR42mL8//8/A6mAiYEMwILVJG4RNiAlDcQgZzz79/XNL2R5RnTnATWwAyn5BEfBaqDUv4UH3rcD+Q+QNaJoAmrgAFJyiY6CdWL8LNEgsRcf/ixA14juJ6kkJ8FGkIbn7//MB2pYKCHAkhDvIFgJksPlJ0ZGRgbmp+9+z1py6EMvSACoASyO009A53FCTfwNCgCoS2A2wAOEcWDiCcl5v6DOY8bmPBYsodf28/f/90sPf+iDBgQo5BiAwd4ICnZcKeKfjDBrepy9IAsoJEFBDgp6fKGHLXIXAm1pQ45cfMmoBpqM2vAmIzSNUkQnWJrFE0CAAQCQxYvehN8YFAAAAABJRU5ErkJggg==')" : "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAAiUlEQVR42mL8//8/A6mAiYEMQJYmFnSBk6vzYcwmIP4LxI0gjnnoRNyaoKAViKuQ+I14bQKCTiAuA+I6IGYG4gZ0jSw4nFwB1QwDjIRsKkbjNwxckFNNUw8QlyLx66EYb0D8A+IuIGaDyjcQE0+gOPoDxC1I8dNASBMDNDX8hWKMIGcc3FkDIMAA1n8bpHnZDOAAAAAASUVORK5CYII=')"
-            },
-            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_aria_components2.SelectValue, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "span",
+              {
+                className: (0, import_tailwind_merge2.twMerge)(
+                  "block m-px bg-lol-gray-950 px-2 py-1 text-[#a09b8c] text-xs font-normal tracking-wide pr-6 bg-no-repeat"
+                ),
+                style: {
+                  backgroundPosition: "right 0.5rem center",
+                  backgroundImage: values.isOpen ? "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAA90lEQVR42mL8//8/A6mAiYEMwILVJG4RNiAlDcQgZzz79/XNL2R5RnTnATWwAyn5BEfBaqDUv4UH3rcD+Q+QNaJoAmrgAFJyiY6CdWL8LNEgsRcf/ixA14juJ6kkJ8FGkIbn7//MB2pYKCHAkhDvIFgJksPlJ0ZGRgbmp+9+z1py6EMvSACoASyO009A53FCTfwNCgCoS2A2wAOEcWDiCcl5v6DOY8bmPBYsodf28/f/90sPf+iDBgQo5BiAwd4ICnZcKeKfjDBrepy9IAsoJEFBDgp6fKGHLXIXAm1pQ45cfMmoBpqM2vAmIzSNUkQnWJrFE0CAAQCQxYvehN8YFAAAAABJRU5ErkJggg==')" : "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAAiUlEQVR42mL8//8/A6mAiYEMQJYmFnSBk6vzYcwmIP4LxI0gjnnoRNyaoKAViKuQ+I14bQKCTiAuA+I6IGYG4gZ0jSw4nFwB1QwDjIRsKkbjNwxckFNNUw8QlyLx66EYb0D8A+IuIGaDyjcQE0+gOPoDxC1I8dNASBMDNDX8hWKMIGcc3FkDIMAA1n8bpHnZDOAAAAAASUVORK5CYII=')"
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_aria_components2.SelectValue, {})
+              }
+            )
           }
-        )
-      }
-    ),
-    description && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_aria_components2.Text, { slot: "description", children: description }),
-    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_aria_components2.Text, { slot: "errorMessage", children: errorMessage }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_aria_components2.Popover, { offset: 4, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_react_aria_components2.ListBox,
-      {
-        className: (listbox) => (0, import_tailwind_merge2.twMerge)(
-          "bg-[#010a13] border border-[#463714] outline-none",
-          listbox.isFocused && ""
         ),
-        children
-      }
-    ) })
-  ] }) });
+        description && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_aria_components2.Text, { slot: "description", children: description }),
+        errorMessage && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_aria_components2.Text, { slot: "errorMessage", children: errorMessage }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_aria_components2.Popover, { offset: 4, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_react_aria_components2.ListBox,
+          {
+            className: (listbox) => (0, import_tailwind_merge2.twMerge)(
+              "bg-[#010a13] border border-[#463714] outline-none",
+              listbox.isFocused && ""
+            ),
+            children
+          }
+        ) })
+      ] })
+    }
+  );
 }
 function Item({ className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -188,13 +200,6 @@ function Item({ className, ...props }) {
 // src/components/search-field.tsx
 var import_react_aria_components3 = require("react-aria-components");
 var import_tailwind_merge3 = require("tailwind-merge");
-
-// src/utilities/resolve-classname.ts
-function resolveClassname(className, values) {
-  return typeof className === "function" ? className(values) : className;
-}
-
-// src/components/search-field.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function SearchField({
   inputProps = {},
@@ -203,17 +208,16 @@ function SearchField({
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     import_react_aria_components3.SearchField,
     {
+      ...props,
       className: (values) => {
-        const finalClassName = resolveClassname(props.className, values);
         return (0, import_tailwind_merge3.twMerge)(
           "flex flex-col outline-none",
           borderClassName,
           "focus-within:from-lol-gold-300 focus-within:via-lol-gold-200 focus-within:to-lol-gold-50",
           props.isDisabled && "from-lol-gray-700 via-lol-gray-700 to-lol-gray-700",
-          finalClassName
+          resolveClassname(props.className, values)
         );
       },
-      ...props,
       children: ({ state, isDisabled }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
         "div",
         {
@@ -399,8 +403,8 @@ function Switch({
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     import_react_aria_components5.Switch,
     {
-      className: "group inline-flex items-center gap-2 p-1 text-sm font-semibold text-black",
       ...props,
+      className: "group inline-flex items-center gap-2 p-1 text-sm font-semibold text-black",
       children: (values) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "div",
@@ -611,17 +615,14 @@ function TextField({
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     import_react_aria_components7.TextField,
     {
-      className: (values) => {
-        const finalClassName = resolveClassname(props.className, values);
-        return (0, import_tailwind_merge8.twMerge)(
-          "flex flex-col outline-none",
-          borderClassName,
-          "focus-within:from-lol-gold-300 focus-within:via-lol-gold-200 focus-within:to-lol-gold-50",
-          props.isDisabled && "from-lol-gray-700 via-lol-gray-700 to-lol-gray-700",
-          finalClassName
-        );
-      },
       ...props,
+      className: (values) => (0, import_tailwind_merge8.twMerge)(
+        "flex flex-col outline-none",
+        borderClassName,
+        "focus-within:from-lol-gold-300 focus-within:via-lol-gold-200 focus-within:to-lol-gold-50",
+        props.isDisabled && "from-lol-gray-700 via-lol-gray-700 to-lol-gray-700",
+        resolveClassname(props.className, values)
+      ),
       children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         "div",
         {
@@ -634,14 +635,10 @@ function TextField({
             {
               ...inputProps,
               className: (values) => {
-                const finalClassName = resolveClassname(
-                  inputProps.className,
-                  values
-                );
                 return (0, import_tailwind_merge8.twMerge)(
                   "bg-transparent grow py-2 px-3 text-lol-gold-50 text-xs outline-none font-spiegel tracking-wide",
                   values.isDisabled && "text-lol-gray-500",
-                  finalClassName
+                  resolveClassname(inputProps.className, values)
                 );
               },
               type: "text"
@@ -978,6 +975,51 @@ var checked = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAA
 var checkedHover = "url('data:image/png;base64,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')";
 var indeterminate = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAA2UExURQEKEwEKE0E5IGhVKGhVKEI5IGlWKGpWKWpXKWtXKWtXKWxYKUM6IG1YKUU8IXhaKMibPP///+VfctgAAAAPdFJOUyZAyNXUx9PS0M/OzcXMvkYA5F8AAAABYktHRBHitT26AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5wkXDDshfoqKzwAAAzx6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJxVbLttsgDNzzFf0ELIFkPseJza7ndNnP74xIbhLb9zZtF41PCAE0Gj1x+vn9R/qGzyRzTnrV7rNnm0ztYtWLZBOr5tZs01Vk65fLpYtgvVnhSnWtZdVcVs9FcXa2lsrsi0Owqi9lq8XwC0BVCIlo102yXn3WxWeDoK1UZpNk/rerba7cS9QANsU6eegyNj6OB5MHDNYulCgfEpLrXNaak5Bc91hSk02zrOCT8QBCXRvWJjUtqlqxdsWqaHyl4xfKsAOgFcfABN+MUXWWvHvkZp6AhelSpZRiO9MkxSbNm73gARjM6R4f2RynZAvGDs2TNj7BRDAKxnUoACNXR3zoEZ9hFjRw/5UFKCBUCIRYC081eAgn7vs2JTisOxxLVsOxz7Ggg498Q9n2CBHmmjBdYcoMPnTeFO7ue0iI6IkDMiiIXWl8GtbzIMYKwcrQ01RoHcDTERj5NMMSMILBnOX0HvEb74P4w4Z07peyogT+RMWcXn0DwPXEEPVSqtsIyTl4OkN/BWeFOoKOM71KpEEPJ6NcCT88mpgzQz91FGZKBRD9IJVKul0P1XX0FZwtt8hkmWu0DgogrVXaJypqKeOXCu51x1pj4XH0WmIxKi6qr8qFu5ijiF9gV2PKNDNvAza94gZgiUJugB3lLABeUP0lYOUUtibWmA2q0xnld6HTwI4SWMyizlfCRaAb52i6NZJxQw2Qx8HV9CBr7Urxm9WDjX4q0EBDK6u+Q21jSVHCNaFNod+jT7YC5ugU7DlIERgjEc0PX0S2A4opGA7ZIpPgbEKlcQjp2OKOWNBcAYdAY0CnqehQE2JYogVP0A/WmKEPUSHVsTGbMGrN6DwI4rgdGDANkRn3nnBn8EGgDALpbxnsCaQDA8atjesRQNf/weh+lz6xwhUckQE7b7vLCJHy6XUNSdBwQT51m4VvAPc7IlLyqVR5he9OP6VCes6Ff0mF9JXdewbuyPA6uL7UIrpHerN9PMOxk2IG2ImGl6jGxJC+0wF/0wB7Gv6XfhaV6N9fxvIhl85v9QN8vIE84PevXbolbp28/FVSj0jKeG9LvwCmH1eI6Lix8QAAAD9JREFUCNeNzzkOACAMA8GE+4b/vxYUQMId201nE/ETEfcnXlTa7KzQjJNDemQQusuITMj8weJDynXVhDASL0wdRwfQJZFBnAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMy0wOS0yM1QxMjo1OToxNiswMDowMMk4lEsAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjMtMDktMjNUMTI6NTk6MTYrMDA6MDC4ZSz3AAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIzLTA5LTIzVDEyOjU5OjMzKzAwOjAw/20l8gAAAABJRU5ErkJggg==')";
 var indeterminateHover = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAB+UExURQEKEwEKE05RUX18dn18dk9SUX59d359d4B/eX9+d4KBen9+eIOCe4B/eYaEfYGAeYeFfoKAeoiGfoKBeoiHf1ZYVoOCe4aEfYeGfoiGf4mHf11eXHhaKHlcKXtdK/Dm0n5gLIBiLoNlMYZoM4lrNYxuOJFzPJl7QqCCSP///0lElLIAAAAcdFJOUyZAyNXUx9PU0tTQ1NDUz9TP1M/Uz8jU0tDQz8FE4StQAAAAAWJLR0QpyreFJAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+cJFww7IX6Kis8AAAM8elRYdFJhdyBwcm9maWxlIHR5cGUgeG1wAABIicVWy7bbIAzc8xX9BCyBZD7Hic2u53TZz++MSG4S2/c2bReNTwgBNBo9cfr5/Uf6hs8kc0561e6zZ5tM7WLVi2QTq+bWbNNVZOuXy6WLYL1Z4Up1rWXVXFbPRXF2tpbK7ItDsKovZavF8AtAVQiJaNdNsl591sVng6CtVGaTZP63q22u3EvUADbFOnnoMjY+jgeTBwzWLpQoHxKS61zWmpOQXPdYUpNNs6zgk/EAQl0b1iY1LapasXbFqmh8peMXyrADoBXHwATfjFF1lrx75GaegIXpUqWUYjvTJMUmzZu94AEYzOkeH9kcp2QLxg7NkzY+wUQwCsZ1KAAjV0d86BGfYRY0cP+VBSggVAiEWAtPNXgIJ+77NiU4rDscS1bDsc+xoIOPfEPZ9ggR5powXWHKDD503hTu7ntIiOiJAzIoiF1pfBrW8yDGCsHK0NNUaB3A0xEY+TTDEjCCwZzl9B7xG++D+MOGdO6XsqIE/kTFnF59A8D1xBD1UqrbCMk5eDpDfwVnhTqCjjO9SqRBDyejXAk/PJqYM0M/dRRmSgUQ/SCVSrpdD9V19BWcLbfIZJlrtA4KIK1V2icqainjlwrudcdaY+Fx9FpiMSouqq/KhbuYo4hfYFdjyjQzbwM2veIGYIlCboAd5SwAXlD9JWDlFLYm1pgNqtMZ5Xeh08COEljMos5XwkWgG+doujWScUMNkMfB1fQga+1K8ZvVg41+KtBAQyurvkNtY0lRwjWhTaHfo0+2AuboFOw5SBEYIxHND19EtgOKKRgO2SKT4GxCpXEI6djijljQXAGHQGNAp6noUBNiWKIFT9AP1pihD1Eh1bExmzBqzeg8COK4HRgwDZEZ955wZ/BBoAwC6W8Z7AmkAwPGrY3rEUDX/8Hofpc+scIVHJEBO2+7ywiR8ul1DUnQcEE+dZuFbwD3OyJS8qlUeYXvTj+lQnrOhX9JhfSV3XsG7sjwOri+1CK6R3qzfTzDsZNiBtiJhpeoxsSQvtMBf9MAexr+l34WlejfX8byIZfOb/UDfLyBPOD3r126JW6dvPxVUo9IynhvS78Aph9XiOi4sfEAAABhSURBVAjXTc9HDoAwEEPRCb33XkPn/ifECEbK372dTSSUiMSgJEiMmm58mSM46fOfNYHSZjoSXFymt4CrzwxWcAuZ0QbuMTPZwSNlZgd45sziBK+yqpu2Q/0F3krvaPXCA/W/D7FK8tWfAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIzLTA5LTIzVDEyOjU5OjE2KzAwOjAwyTiUSwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMy0wOS0yM1QxMjo1OToxNiswMDowMLhlLPcAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjMtMDktMjNUMTI6NTk6MzMrMDA6MDD/bSXyAAAAAElFTkSuQmCC')";
+
+// src/components/text-area.tsx
+var import_react_aria_components14 = require("react-aria-components");
+var import_tailwind_merge16 = require("tailwind-merge");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function TextArea({
+  textAreaProps = {},
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    import_react_aria_components14.TextField,
+    {
+      ...props,
+      className: (values) => (0, import_tailwind_merge16.twMerge)(
+        "flex flex-col outline-none",
+        borderClassName,
+        "focus-within:from-lol-gold-300 focus-within:via-lol-gold-200 focus-within:to-lol-gold-50",
+        props.isDisabled && "from-lol-gray-700 via-lol-gray-700 to-lol-gray-700",
+        resolveClassname(props.className, values)
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "div",
+        {
+          className: (0, import_tailwind_merge16.twMerge)(
+            "m-px bg-black flex flex-row focus-within:from-lol-gray-950 focus-within:to-lol-gray-900 focus-within:bg-gradient-to-b",
+            props.isDisabled && "bg-lol-gray-950"
+          ),
+          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            import_react_aria_components14.TextArea,
+            {
+              ...textAreaProps,
+              className: (values) => {
+                return (0, import_tailwind_merge16.twMerge)(
+                  "bg-transparent grow py-2 px-3 text-lol-gold-50 text-xs outline-none font-spiegel tracking-wide",
+                  values.isDisabled && "text-lol-gray-500",
+                  resolveClassname(textAreaProps.className, values)
+                );
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -1006,6 +1048,7 @@ var indeterminateHover = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4
   TabList,
   TabPanel,
   Tabs,
+  TextArea,
   TextField
 });
 //# sourceMappingURL=index.cjs.map