@lolmath/ui 2.5.1 → 2.6.0

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode, ComponentProps } from 'react';
-import { ButtonProps as ButtonProps$1, ItemProps, SelectProps as SelectProps$1, SearchFieldProps, Input, SliderProps, SliderTrackProps, SliderThumbProps, SliderTrackRenderProps, SwitchProps, ProgressBarProps as ProgressBarProps$1, TextFieldProps, RadioGroupProps, RadioProps, LabelProps, NumberFieldProps, Group, HeadingProps, DialogTriggerProps, ModalOverlayProps, DialogProps, TabsProps, TabListProps, TabProps, TabPanelProps, CheckboxProps } from 'react-aria-components';
+import { ButtonProps as ButtonProps$1, ItemProps, SelectProps as SelectProps$1, SearchFieldProps, Input, SliderProps, SliderTrackProps, SliderThumbProps, SliderTrackRenderProps, SwitchProps, ProgressBarProps as ProgressBarProps$1, TextFieldProps, InputProps, RadioGroupProps, RadioProps, LabelProps, NumberFieldProps, Group, HeadingProps, DialogTriggerProps, ModalOverlayProps, DialogProps, TabsProps, TabListProps, TabProps, TabPanelProps, CheckboxProps, TextAreaProps } from 'react-aria-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ButtonProps extends ButtonProps$1 {
@@ -62,7 +62,7 @@ interface AccordionContentProps {
 declare function AccordionContent({ children }: AccordionContentProps): react_jsx_runtime.JSX.Element | null;
 
 declare function TextField({ inputProps, ...props }: TextFieldProps & {
-    inputProps?: ComponentProps<typeof Input>;
+    inputProps?: InputProps;
 }): react_jsx_runtime.JSX.Element;
 
 declare function RadioGroup({ ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
@@ -99,4 +99,8 @@ declare function TabPanel({ ...rest }: TabPanelProps): react_jsx_runtime.JSX.Ele
 
 declare function Checkbox({ children, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Button, Checkbox, DialogButtons, DialogTrigger, Heading, Item, Label, Modal, NumberField, ProgressBar, Radio, RadioGroup, SearchField, Select, Slider, SliderLabel, Spinner, Switch, Tab, TabList, TabPanel, Tabs, TextField };
+declare function TextArea({ textAreaProps, ...props }: TextFieldProps & {
+    textAreaProps?: TextAreaProps;
+}): react_jsx_runtime.JSX.Element;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Button, Checkbox, DialogButtons, DialogTrigger, Heading, Item, Label, Modal, NumberField, ProgressBar, Radio, RadioGroup, SearchField, Select, Slider, SliderLabel, Spinner, Switch, Tab, TabList, TabPanel, Tabs, TextArea, TextField };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode, ComponentProps } from 'react';
-import { ButtonProps as ButtonProps$1, ItemProps, SelectProps as SelectProps$1, SearchFieldProps, Input, SliderProps, SliderTrackProps, SliderThumbProps, SliderTrackRenderProps, SwitchProps, ProgressBarProps as ProgressBarProps$1, TextFieldProps, RadioGroupProps, RadioProps, LabelProps, NumberFieldProps, Group, HeadingProps, DialogTriggerProps, ModalOverlayProps, DialogProps, TabsProps, TabListProps, TabProps, TabPanelProps, CheckboxProps } from 'react-aria-components';
+import { ButtonProps as ButtonProps$1, ItemProps, SelectProps as SelectProps$1, SearchFieldProps, Input, SliderProps, SliderTrackProps, SliderThumbProps, SliderTrackRenderProps, SwitchProps, ProgressBarProps as ProgressBarProps$1, TextFieldProps, InputProps, RadioGroupProps, RadioProps, LabelProps, NumberFieldProps, Group, HeadingProps, DialogTriggerProps, ModalOverlayProps, DialogProps, TabsProps, TabListProps, TabProps, TabPanelProps, CheckboxProps, TextAreaProps } from 'react-aria-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ButtonProps extends ButtonProps$1 {
@@ -62,7 +62,7 @@ interface AccordionContentProps {
 declare function AccordionContent({ children }: AccordionContentProps): react_jsx_runtime.JSX.Element | null;
 
 declare function TextField({ inputProps, ...props }: TextFieldProps & {
-    inputProps?: ComponentProps<typeof Input>;
+    inputProps?: InputProps;
 }): react_jsx_runtime.JSX.Element;
 
 declare function RadioGroup({ ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
@@ -99,4 +99,8 @@ declare function TabPanel({ ...rest }: TabPanelProps): react_jsx_runtime.JSX.Ele
 
 declare function Checkbox({ children, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Button, Checkbox, DialogButtons, DialogTrigger, Heading, Item, Label, Modal, NumberField, ProgressBar, Radio, RadioGroup, SearchField, Select, Slider, SliderLabel, Spinner, Switch, Tab, TabList, TabPanel, Tabs, TextField };
+declare function TextArea({ textAreaProps, ...props }: TextFieldProps & {
+    textAreaProps?: TextAreaProps;
+}): react_jsx_runtime.JSX.Element;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Button, Checkbox, DialogButtons, DialogTrigger, Heading, Item, Label, Modal, NumberField, ProgressBar, Radio, RadioGroup, SearchField, Select, Slider, SliderLabel, Spinner, Switch, Tab, TabList, TabPanel, Tabs, TextArea, TextField };

package/dist/index.js

@@ -11,6 +11,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
 import { jsx } from "react/jsx-runtime";
 function _Button({ children, className, priority = "secondary", ...props }, ref) {
@@ -18,8 +23,8 @@ function _Button({ children, className, priority = "secondary", ...props }, ref)
     AriaButton,
     {
       ref,
+      ...props,
       className: (values) => {
-        const overrideClassname = typeof className === "undefined" ? "" : typeof className === "string" ? className : className(values);
         return twMerge(
           "font-[beaufort] font-black uppercase transition-colors duration-200 outline-none bg-gradient-to-t",
           borderClassName,
@@ -28,10 +33,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__ */ jsx(
           "span",
@@ -81,47 +85,54 @@ function Select({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(AriaSelect, { ...props, className: "font-spiegel", children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx2(
-      AriaButton2,
-      {
-        className: (buttonValues) => twMerge2(
-          "inline-block outline-none",
-          borderClassName,
-          buttonValues.isHovered && borderHoverClassName,
-          (buttonValues.isPressed || values.isOpen) && borderPressedClassName,
-          buttonValues.isDisabled && borderDisabledClassName,
-          buttonValues.isFocused && "",
-          buttonValues.isFocusVisible && outlineClassName
-        ),
-        children: /* @__PURE__ */ jsx2(
-          "span",
+  return /* @__PURE__ */ jsx2(
+    AriaSelect,
+    {
+      ...props,
+      className: (values) => twMerge2("font-spiegel", resolveClassname(props.className, values)),
+      children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx2(
+          AriaButton2,
           {
-            className: twMerge2(
-              "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) => twMerge2(
+              "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__ */ jsx2(AriaSelectValue, {})
+            children: /* @__PURE__ */ jsx2(
+              "span",
+              {
+                className: twMerge2(
+                  "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__ */ jsx2(AriaSelectValue, {})
+              }
+            )
           }
-        )
-      }
-    ),
-    description && /* @__PURE__ */ jsx2(AriaText, { slot: "description", children: description }),
-    errorMessage && /* @__PURE__ */ jsx2(AriaText, { slot: "errorMessage", children: errorMessage }),
-    /* @__PURE__ */ jsx2(AriaPopover, { offset: 4, children: /* @__PURE__ */ jsx2(
-      AriaListBox,
-      {
-        className: (listbox) => twMerge2(
-          "bg-[#010a13] border border-[#463714] outline-none",
-          listbox.isFocused && ""
         ),
-        children
-      }
-    ) })
-  ] }) });
+        description && /* @__PURE__ */ jsx2(AriaText, { slot: "description", children: description }),
+        errorMessage && /* @__PURE__ */ jsx2(AriaText, { slot: "errorMessage", children: errorMessage }),
+        /* @__PURE__ */ jsx2(AriaPopover, { offset: 4, children: /* @__PURE__ */ jsx2(
+          AriaListBox,
+          {
+            className: (listbox) => twMerge2(
+              "bg-[#010a13] border border-[#463714] outline-none",
+              listbox.isFocused && ""
+            ),
+            children
+          }
+        ) })
+      ] })
+    }
+  );
 }
 function Item({ className, ...props }) {
   return /* @__PURE__ */ jsx2(
@@ -150,13 +161,6 @@ import {
   Button as AriaButton3
 } from "react-aria-components";
 import { twMerge as twMerge3 } from "tailwind-merge";
-
-// src/utilities/resolve-classname.ts
-function resolveClassname(className, values) {
-  return typeof className === "function" ? className(values) : className;
-}
-
-// src/components/search-field.tsx
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function SearchField({
   inputProps = {},
@@ -165,17 +169,16 @@ function SearchField({
   return /* @__PURE__ */ jsx3(
     AriaSearchField,
     {
+      ...props,
       className: (values) => {
-        const finalClassName = resolveClassname(props.className, values);
         return twMerge3(
           "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__ */ jsxs2(
         "div",
         {
@@ -367,8 +370,8 @@ function Switch({
   return /* @__PURE__ */ jsx5(
     AriaSwitch,
     {
-      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__ */ jsxs4(Fragment3, { children: [
         /* @__PURE__ */ jsx5(
           "div",
@@ -585,17 +588,14 @@ function TextField({
   return /* @__PURE__ */ jsx8(
     AriaTextField,
     {
-      className: (values) => {
-        const finalClassName = resolveClassname(props.className, values);
-        return twMerge8(
-          "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) => twMerge8(
+        "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__ */ jsx8(
         "div",
         {
@@ -608,14 +608,10 @@ function TextField({
             {
               ...inputProps,
               className: (values) => {
-                const finalClassName = resolveClassname(
-                  inputProps.className,
-                  values
-                );
                 return twMerge8(
                   "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"
@@ -973,6 +969,54 @@ 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
+import {
+  TextField as AriaTextField2,
+  TextArea as AriaTextArea
+} from "react-aria-components";
+import { twMerge as twMerge16 } from "tailwind-merge";
+import { jsx as jsx16 } from "react/jsx-runtime";
+function TextArea({
+  textAreaProps = {},
+  ...props
+}) {
+  return /* @__PURE__ */ jsx16(
+    AriaTextField2,
+    {
+      ...props,
+      className: (values) => twMerge16(
+        "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__ */ jsx16(
+        "div",
+        {
+          className: twMerge16(
+            "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__ */ jsx16(
+            AriaTextArea,
+            {
+              ...textAreaProps,
+              className: (values) => {
+                return twMerge16(
+                  "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)
+                );
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+}
 export {
   Accordion,
   AccordionContent,
@@ -1000,6 +1044,7 @@ export {
   TabList,
   TabPanel,
   Tabs,
+  TextArea,
   TextField
 };
 //# sourceMappingURL=index.js.map