@arkyn/components 3.0.1-beta.50 → 3.0.1-beta.52

package/dist/components/currencyInput/index.d.ts

@@ -2,7 +2,7 @@ import { LucideIcon } from "lucide-react";
 import { ChangeEvent, InputHTMLAttributes } from "react";
 import "./style.css";
 type Locale = "USD" | "EUR" | "JPY" | "GBP" | "AUD" | "CAD" | "CHF" | "CNY" | "SEK" | "NZD" | "BRL" | "INR" | "RUB" | "ZAR" | "MXN" | "SGD" | "HKD" | "NOK" | "KRW" | "TRY" | "IDR" | "THB";
-type CurrencyInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix" | "name" | "type" | "max" | "defaultValue" | "value" | "onChange"> & {
+type CurrencyInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix" | "name" | "type" | "max" | "defaultValue" | "value" | "onChange" | "placeholder"> & {
     name: string;
     locale: Locale;
     label?: string;
@@ -16,7 +16,7 @@ type CurrencyInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "
     leftIcon?: LucideIcon;
     rightIcon?: LucideIcon;
     max?: number;
-    value?: number;
+    value?: number | null;
     defaultValue?: number | null;
     onChange?: (event: ChangeEvent<HTMLInputElement>, originalValue: string, maskedValue: string) => void;
 };

package/dist/components/currencyInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/currencyInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,UAAU,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EACL,WAAW,EACX,mBAAmB,EAMpB,MAAM,OAAO,CAAC;AAUf,OAAO,aAAa,CAAC;AAErB,KAAK,MAAM,GACP,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAEV,KAAK,kBAAkB,GAAG,IAAI,CAC5B,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,GACN,KAAK,GACL,cAAc,GACd,OAAO,GACP,UAAU,CACb,GAAG;IACF,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IAEf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;IAE5C,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7B,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,EACpC,aAAa,EAAE,MAAM,EACrB,WAAW,EAAE,MAAM,KAChB,IAAI,CAAC;CACX,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AAEH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAyJ/C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/currencyInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,UAAU,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EACL,WAAW,EACX,mBAAmB,EAMpB,MAAM,OAAO,CAAC;AAaf,OAAO,aAAa,CAAC;AAErB,KAAK,MAAM,GACP,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAEV,KAAK,kBAAkB,GAAG,IAAI,CAC5B,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,GACN,KAAK,GACL,cAAc,GACd,OAAO,GACP,UAAU,GACV,aAAa,CAChB,GAAG;IACF,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IAEf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;IAE5C,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7B,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,EACpC,aAAa,EAAE,MAAM,EACrB,WAAW,EAAE,MAAM,KAChB,IAAI,CAAC;CACX,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AAEH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAgK/C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/currencyInput/index.js

@@ -3,7 +3,7 @@ import { Loader2 } from "lucide-react";
 import { useEffect, useId, useRef, useState, } from "react";
 import { useForm } from "../../hooks/useForm";
 import { IconRenderer } from "../../services/iconRenderer";
-import { maskCurrencyValues } from "../../services/maskCurrencyValues";
+import { maskCurrencyValues, normalizeValue, } from "../../services/maskCurrencyValues";
 import { FieldError } from "../fieldError";
 import { FieldLabel } from "../fieldLabel";
 import { FieldWrapper } from "../fieldWrapper";
@@ -82,7 +82,7 @@ import "./style.css";
  * ```
  */
 function CurrencyInput(props) {
-    const { name, disabled, title, style, variant = "solid", label, className: baseClassName = "", value, defaultValue, max, locale, onChange, prefix, suffix, isLoading = false, leftIcon, readOnly, onFocus, onBlur, errorMessage: baseErrorMessage, showAsterisk, rightIcon, size = "md", id, ...rest } = props;
+    const { name, disabled, title, style, variant = "solid", label, className: baseClassName = "", value, defaultValue, max = 1000000000, locale, onChange, prefix, suffix, isLoading = false, leftIcon, readOnly, onFocus, onBlur, errorMessage: baseErrorMessage, showAsterisk, rightIcon, size = "md", id, ...rest } = props;
     const { fieldErrors } = useForm();
     const [isFocused, setIsFocused] = useState(false);
     const [maskedValue, setMaskedValue] = useState("0");
@@ -136,6 +136,6 @@ function CurrencyInput(props) {
     const opacity = isDisabled || readOnly || isLoading ? "opacity" : "";
     const focused = isFocused ? "focused" : "";
     const className = `arkynCurrencyInput ${hasPrefix} ${hasSuffix} ${variant} ${size} ${opacity} ${errored} ${focused} ${baseClassName}`;
-    return (_jsxs(FieldWrapper, { children: [label && (_jsx(FieldLabel, { showAsterisk: showAsterisk, htmlFor: inputId, children: label })), _jsxs("section", { title: title, style: style, onClick: handleSectionClick, className: className, children: [_jsx(IconRenderer, { iconSize: iconSize, icon: prefix, className: "prefix" }), _jsx(IconRenderer, { show: showLeftSpinner, iconSize: iconSize, className: "spinner", icon: Loader2 }), _jsx(IconRenderer, { show: !isLoading, icon: leftIcon, iconSize: iconSize }), _jsx("input", { value: maskedValue, disabled: isDisabled, readOnly: readOnly, ref: inputRef, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, id: inputId, name: name, ...rest }), _jsx(IconRenderer, { show: !isLoading, icon: rightIcon, iconSize: iconSize }), _jsx(IconRenderer, { show: showRightSpinner, iconSize: iconSize, className: "spinner", icon: Loader2 }), _jsx(IconRenderer, { iconSize: iconSize, icon: suffix, className: "suffix" })] }), errorMessage && _jsx(FieldError, { children: errorMessage })] }));
+    return (_jsxs(FieldWrapper, { children: [label && (_jsx(FieldLabel, { showAsterisk: showAsterisk, htmlFor: inputId, children: label })), _jsxs("section", { title: title, style: style, onClick: handleSectionClick, className: className, children: [_jsx(IconRenderer, { iconSize: iconSize, icon: prefix, className: "prefix" }), _jsx(IconRenderer, { show: showLeftSpinner, iconSize: iconSize, className: "spinner", icon: Loader2 }), _jsx(IconRenderer, { show: !isLoading, icon: leftIcon, iconSize: iconSize }), _jsx("input", { disabled: isDisabled, readOnly: readOnly, ref: inputRef, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, id: inputId, placeholder: isDisabled ? maskedValue : undefined, value: isDisabled ? undefined : maskedValue, ...rest }), _jsx("input", { type: "hidden", name: name, value: normalizeValue(maskedValue), readOnly: true }), _jsx(IconRenderer, { show: !isLoading, icon: rightIcon, iconSize: iconSize }), _jsx(IconRenderer, { show: showRightSpinner, iconSize: iconSize, className: "spinner", icon: Loader2 }), _jsx(IconRenderer, { iconSize: iconSize, icon: suffix, className: "suffix" })] }), errorMessage && _jsx(FieldError, { children: errorMessage })] }));
 }
 export { CurrencyInput };

package/dist/components/input/index.d.ts

@@ -1,7 +1,7 @@
 import { LucideIcon } from "lucide-react";
 import { InputHTMLAttributes } from "react";
 import "./style.css";
-type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix" | "name"> & {
+type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix" | "name" | "value" | "defaultValue"> & {
     name: string;
     label?: string;
     errorMessage?: string;
@@ -13,6 +13,8 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"
     showAsterisk?: boolean;
     leftIcon?: LucideIcon;
     rightIcon?: LucideIcon;
+    value?: string | null;
+    defaultValue?: string | null;
 };
 /**
  * Input component - used for text input fields with support for labels, validation, icons, and loading states

package/dist/components/input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,UAAU,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EACL,mBAAmB,EAKpB,MAAM,OAAO,CAAC;AASf,OAAO,aAAa,CAAC;AAErB,KAAK,UAAU,GAAG,IAAI,CACpB,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,QAAQ,GAAG,MAAM,CAC3B,GAAG;IACF,IAAI,EAAE,MAAM,CAAC;IAEb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;IAE5C,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,SAAS,CAAC,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DG;AAEH,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,2CAkI/B;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,UAAU,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EACL,mBAAmB,EAKpB,MAAM,OAAO,CAAC;AASf,OAAO,aAAa,CAAC;AAErB,KAAK,UAAU,GAAG,IAAI,CACpB,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc,CACtD,GAAG;IACF,IAAI,EAAE,MAAM,CAAC;IAEb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;IAE5C,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DG;AAEH,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,2CAuI/B;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/input/index.js

@@ -70,7 +70,7 @@ import "./style.css";
  * ```
  */
 function Input(props) {
-    const { name, disabled, title, style, variant = "solid", label, className: baseClassName = "", prefix, suffix, isLoading = false, leftIcon, readOnly, onFocus, onBlur, errorMessage: baseErrorMessage, showAsterisk, rightIcon, type = "text", size = "md", id, ...rest } = props;
+    const { name, disabled, title, style, variant = "solid", label, className: baseClassName = "", prefix, suffix, isLoading = false, leftIcon, readOnly, onFocus, onBlur, errorMessage: baseErrorMessage, showAsterisk, rightIcon, type = "text", size = "md", id, value, placeholder, ...rest } = props;
     const { fieldErrors } = useForm();
     const [isFocused, setIsFocused] = useState(false);
     const inputRef = useRef(null);
@@ -107,7 +107,8 @@ function Input(props) {
     const errored = isError ? "errored" : "";
     const opacity = isDisabled || readOnly || isLoading ? "opacity" : "";
     const focused = isFocused ? "focused" : "";
-    const className = `arkynInput ${hasPrefix} ${hasSuffix} ${variant} ${size} ${opacity} ${errored} ${focused} ${baseClassName}`;
-    return (_jsxs(FieldWrapper, { children: [label && (_jsx(FieldLabel, { showAsterisk: showAsterisk, htmlFor: inputId, children: label })), _jsxs("section", { title: title, style: style, onClick: handleSectionClick, className: className, children: [_jsx(IconRenderer, { iconSize: iconSize, icon: prefix, className: "prefix" }), _jsx(IconRenderer, { show: showLeftSpinner, iconSize: iconSize, className: "spinner", icon: Loader2 }), _jsx(IconRenderer, { show: !isLoading, icon: leftIcon, iconSize: iconSize }), _jsx("input", { disabled: isDisabled, readOnly: readOnly, ref: inputRef, onFocus: handleFocus, onBlur: handleBlur, type: type, id: inputId, name: name, ...rest }), _jsx(IconRenderer, { show: !isLoading, icon: rightIcon, iconSize: iconSize }), _jsx(IconRenderer, { show: showRightSpinner, iconSize: iconSize, className: "spinner", icon: Loader2 }), _jsx(IconRenderer, { iconSize: iconSize, icon: suffix, className: "suffix" })] }), errorMessage && _jsx(FieldError, { children: errorMessage })] }));
+    const disabledClass = disabled ? "disabled" : "";
+    const className = `arkynInput ${hasPrefix} ${disabledClass} ${hasSuffix} ${variant} ${size} ${opacity} ${errored} ${focused} ${baseClassName}`;
+    return (_jsxs(FieldWrapper, { children: [label && (_jsx(FieldLabel, { showAsterisk: showAsterisk, htmlFor: inputId, children: label })), _jsxs("section", { title: title, style: style, onClick: handleSectionClick, className: className, children: [_jsx(IconRenderer, { iconSize: iconSize, icon: prefix, className: "prefix" }), _jsx(IconRenderer, { show: showLeftSpinner, iconSize: iconSize, className: "spinner", icon: Loader2 }), _jsx(IconRenderer, { show: !isLoading, icon: leftIcon, iconSize: iconSize }), _jsx("input", { disabled: isDisabled, readOnly: readOnly, ref: inputRef, onFocus: handleFocus, onBlur: handleBlur, type: type, id: inputId, name: name, placeholder: isDisabled ? value || placeholder : placeholder, value: isDisabled ? undefined : value, ...rest }), _jsx(IconRenderer, { show: !isLoading, icon: rightIcon, iconSize: iconSize }), _jsx(IconRenderer, { show: showRightSpinner, iconSize: iconSize, className: "spinner", icon: Loader2 }), _jsx(IconRenderer, { iconSize: iconSize, icon: suffix, className: "suffix" })] }), errorMessage && _jsx(FieldError, { children: errorMessage })] }));
 }
 export { Input };

package/dist/components/maskedInput/index.d.ts

@@ -18,6 +18,8 @@ type MaskedInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "pr
     showAsterisk?: boolean;
     leftIcon?: LucideIcon;
     rightIcon?: LucideIcon;
+    value?: string | null;
+    defaultValue?: string | null;
 };
 /**
  * MaskedInput component - used for text input fields with input masking support, labels, validation, icons, and loading states

package/dist/components/maskedInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/maskedInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAW,UAAU,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAEL,mBAAmB,EAKpB,MAAM,OAAO,CAAC;AASf,OAAO,aAAa,CAAC;AAErB,KAAK,gBAAgB,GAAG,IAAI,CAC1B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CACpC,GAAG;IACF,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,WAAW,CAAC;IAElC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;IAE5C,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,SAAS,CAAC,EAAE,UAAU,CAAC;CACxB,CAAC;AASF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8EG;AAEH,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA8H3C;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/maskedInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAW,UAAU,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAEL,mBAAmB,EAKpB,MAAM,OAAO,CAAC;AASf,OAAO,aAAa,CAAC;AAErB,KAAK,gBAAgB,GAAG,IAAI,CAC1B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CACpC,GAAG;IACF,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,WAAW,CAAC;IAElC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;IAE5C,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,CAAC;AASF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8EG;AAEH,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAkI3C;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/maskedInput/index.js

@@ -91,7 +91,7 @@ const BaseInput = forwardRef((props, ref) => {
  * ```
  */
 function MaskedInput(props) {
-    const { name, disabled, title, style, variant = "solid", separate, mask, showMask, replacement, label, className: baseClassName = "", prefix, suffix, isLoading = false, leftIcon, readOnly, onFocus, onBlur, errorMessage: baseErrorMessage, defaultValue, showAsterisk, rightIcon, size = "md", id, ...rest } = props;
+    const { name, disabled, title, style, variant = "solid", separate, mask, showMask, replacement, label, className: baseClassName = "", prefix, suffix, isLoading = false, leftIcon, readOnly, onFocus, onBlur, errorMessage: baseErrorMessage, defaultValue, showAsterisk, rightIcon, size = "md", id, value, placeholder, ...rest } = props;
     const { fieldErrors } = useForm();
     const [isFocused, setIsFocused] = useState(false);
     const inputRef = useRef(null);
@@ -126,6 +126,6 @@ function MaskedInput(props) {
     const opacity = isDisabled || readOnly || isLoading ? "opacity" : "";
     const focused = isFocused ? "focused" : "";
     const className = `arkynMaskedInput ${hasPrefix} ${hasSuffix} ${variant} ${size} ${opacity} ${errored} ${focused} ${baseClassName}`;
-    return (_jsxs(FieldWrapper, { children: [label && (_jsx(FieldLabel, { showAsterisk: showAsterisk, htmlFor: inputId, children: label })), _jsxs("section", { title: title, style: style, onClick: handleSectionClick, className: className, children: [_jsx(IconRenderer, { iconSize: iconSize, icon: prefix, className: "prefix" }), _jsx(IconRenderer, { show: showLeftSpinner, iconSize: iconSize, className: "spinner", icon: Loader2 }), _jsx(IconRenderer, { show: !isLoading, icon: leftIcon, iconSize: iconSize }), _jsx(InputMask, { component: BaseInput, mask: mask, replacement: replacement, separate: separate, showMask: showMask, ref: inputRef, onFocus: handleFocus, onBlur: handleBlur, disabled: isDisabled, readOnly: readOnly, id: inputId, name: name, ...rest }), _jsx(IconRenderer, { show: !isLoading, icon: rightIcon, iconSize: iconSize }), _jsx(IconRenderer, { show: showRightSpinner, iconSize: iconSize, className: "spinner", icon: Loader2 }), _jsx(IconRenderer, { iconSize: iconSize, icon: suffix, className: "suffix" })] }), errorMessage && _jsx(FieldError, { children: errorMessage })] }));
+    return (_jsxs(FieldWrapper, { children: [label && (_jsx(FieldLabel, { showAsterisk: showAsterisk, htmlFor: inputId, children: label })), _jsxs("section", { title: title, style: style, onClick: handleSectionClick, className: className, children: [_jsx(IconRenderer, { iconSize: iconSize, icon: prefix, className: "prefix" }), _jsx(IconRenderer, { show: showLeftSpinner, iconSize: iconSize, className: "spinner", icon: Loader2 }), _jsx(IconRenderer, { show: !isLoading, icon: leftIcon, iconSize: iconSize }), _jsx(InputMask, { component: BaseInput, mask: mask, replacement: replacement, separate: separate, showMask: showMask, ref: inputRef, onFocus: handleFocus, onBlur: handleBlur, disabled: isDisabled, readOnly: readOnly, id: inputId, name: name, placeholder: isDisabled ? value || placeholder : placeholder, value: isDisabled ? undefined : value, ...rest }), _jsx(IconRenderer, { show: !isLoading, icon: rightIcon, iconSize: iconSize }), _jsx(IconRenderer, { show: showRightSpinner, iconSize: iconSize, className: "spinner", icon: Loader2 }), _jsx(IconRenderer, { iconSize: iconSize, icon: suffix, className: "suffix" })] }), errorMessage && _jsx(FieldError, { children: errorMessage })] }));
 }
 export { MaskedInput };

package/dist/components/textarea/index.d.ts

@@ -1,12 +1,14 @@
 import { TextareaHTMLAttributes } from "react";
 import "./styles.css";
-type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "name"> & {
+type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "name" | "value" | "defaultValue"> & {
     name: string;
     label?: string;
     showAsterisk?: boolean;
     errorMessage?: string;
     size?: "md" | "lg";
     variant?: "solid" | "outline";
+    value?: string | null;
+    defaultValue?: string | null;
 };
 /**
  * Textarea component - used for multi-line text input with customizable styling and validation

package/dist/components/textarea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,sBAAsB,EAIvB,MAAM,OAAO,CAAC;AAOf,OAAO,cAAc,CAAC;AAEtB,KAAK,aAAa,GAAG,IAAI,CACvB,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,MAAM,CACP,GAAG;IACF,IAAI,EAAE,MAAM,CAAC;IAEb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyFG;AAEH,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAuErC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,sBAAsB,EAIvB,MAAM,OAAO,CAAC;AAOf,OAAO,cAAc,CAAC;AAEtB,KAAK,aAAa,GAAG,IAAI,CACvB,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,MAAM,GAAG,OAAO,GAAG,cAAc,CAClC,GAAG;IACF,IAAI,EAAE,MAAM,CAAC;IAEb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE9B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyFG;AAEH,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA4ErC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/textarea/index.js

@@ -96,7 +96,7 @@ import "./styles.css";
  * ```
  */
 function Textarea(props) {
-    const { variant = "solid", size = "md", className: baseClassName, errorMessage: baseErrorMessage, disabled = false, readOnly = false, label, showAsterisk, name, onFocus, onBlur, title, style, id, ...rest } = props;
+    const { variant = "solid", size = "md", className: baseClassName, errorMessage: baseErrorMessage, disabled = false, readOnly = false, label, showAsterisk, name, onFocus, onBlur, title, style, value, defaultValue, placeholder, id, ...rest } = props;
     const { fieldErrors } = useForm();
     const [isFocused, setIsFocused] = useState(false);
     const textareaRef = useRef(null);
@@ -123,6 +123,6 @@ function Textarea(props) {
         if (onBlur)
             onBlur(e);
     }
-    return (_jsxs(FieldWrapper, { children: [label && _jsx(FieldLabel, { showAsterisk: showAsterisk, children: label }), _jsx("section", { title: title, style: style, onClick: handleSectionClick, className: className, children: _jsx("textarea", { id: textareaId, disabled: disabled, readOnly: readOnly, ref: textareaRef, onFocus: handleFocus, onBlur: handleBlur, ...rest }) }), errorMessage && _jsx(FieldError, { children: errorMessage })] }));
+    return (_jsxs(FieldWrapper, { children: [label && _jsx(FieldLabel, { showAsterisk: showAsterisk, children: label }), _jsx("section", { title: title, style: style, onClick: handleSectionClick, className: className, children: _jsx("textarea", { id: textareaId, disabled: disabled, readOnly: readOnly, ref: textareaRef, onFocus: handleFocus, onBlur: handleBlur, placeholder: disabled ? value || placeholder : placeholder, value: disabled ? undefined : value, ...rest }) }), errorMessage && _jsx(FieldError, { children: errorMessage })] }));
 }
 export { Textarea };

package/dist/services/maskCurrencyValues.d.ts

@@ -1,4 +1,5 @@
 type Locale = "USD" | "EUR" | "JPY" | "GBP" | "AUD" | "CAD" | "CHF" | "CNY" | "SEK" | "NZD" | "BRL" | "INR" | "RUB" | "ZAR" | "MXN" | "SGD" | "HKD" | "NOK" | "KRW" | "TRY" | "IDR" | "THB";
+declare function normalizeValue(number: string | number): number;
 declare function maskCurrencyValues(inputFieldValue: string | number | undefined, locale: Locale): [number, string];
-export { maskCurrencyValues };
+export { maskCurrencyValues, normalizeValue };
 //# sourceMappingURL=maskCurrencyValues.d.ts.map

package/dist/services/maskCurrencyValues.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"maskCurrencyValues.d.ts","sourceRoot":"","sources":["../../src/services/maskCurrencyValues.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GACP,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAiBV,iBAAS,kBAAkB,CACzB,eAAe,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAC5C,MAAM,EAAE,MAAM,GACb,CAAC,MAAM,EAAE,MAAM,CAAC,CAOlB;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"maskCurrencyValues.d.ts","sourceRoot":"","sources":["../../src/services/maskCurrencyValues.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GACP,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAEV,iBAAS,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,UAa9C;AAED,iBAAS,kBAAkB,CACzB,eAAe,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAC5C,MAAM,EAAE,MAAM,GACb,CAAC,MAAM,EAAE,MAAM,CAAC,CAOlB;AAED,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,CAAC"}

package/dist/services/maskCurrencyValues.js

@@ -20,4 +20,4 @@ function maskCurrencyValues(inputFieldValue, locale) {
     const maskedValue = formatToCurrency(value, locale);
     return [value, maskedValue];
 }
-export { maskCurrencyValues };
+export { maskCurrencyValues, normalizeValue };

package/dist/style.css

@@ -1 +1 @@
-.arkynAlertTitle{font-size:16px;font-weight:600;line-height:17px;text-align:left;color:var(--text-heading)}.arkynAlertContainer{display:flex;align-items:start;gap:16px;padding:16px;border:1px solid transparent;border-radius:6px}.arkynAlertContainer.nonExistsAlertTitle{align-items:center}.arkynAlertContainer.danger{background:rgba(var(--spotlight-danger),.1);border-color:rgba(var(--spotlight-danger),.4)}.arkynAlertContainer.success{background:rgba(var(--spotlight-success),.1);border-color:rgba(var(--spotlight-success),.4)}.arkynAlertContainer.info{background:rgba(var(--spotlight-info),.1);border-color:rgba(var(--spotlight-info),.4)}.arkynAlertContainer.warning{background:rgba(var(--spotlight-warning),.1);border-color:rgba(var(--spotlight-warning),.4)}.arkynAlertContent{display:flex;flex-direction:column;gap:8px}.arkynAlertDescription{font-size:14px;font-weight:400;line-height:19.07px;text-align:left;color:var(--text-body)}.arkynAlertIcon{min-width:28px;min-height:28px;max-width:28px;max-height:28px}.arkynAlertIcon.danger{color:rgba(var(--spotlight-danger),1)}.arkynAlertIcon.success{color:rgba(var(--spotlight-success),1)}.arkynAlertIcon.info{color:rgba(var(--spotlight-info),1)}.arkynAlertIcon.warning{color:rgba(var(--spotlight-warning),1)}.arkynSliderTrack{width:100%;max-width:400px;height:6px;border:1px solid var(--border);background:rgba(var(--input-background),1);border-radius:5px;position:relative;cursor:pointer}.arkynSliderTrack.isDragging{cursor:grabbing}.arkynSliderTrack.isDisabled{cursor:not-allowed;opacity:.5}.arkynSliderFill{height:100%;background:rgb(var(--spotlight-primary));border-radius:5px}.arkynSliderThumb{width:12px;height:12px;background:rgb(var(--spotlight-primary));border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.arkynSliderTrack.isEnabled .arkynSliderThumb{cursor:grab}.arkynSliderValue{margin-top:10px;font-size:18px}.arkynAudioPlayer{display:flex;align-items:center;gap:8px}.arkynAudioPlayer button{display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;min-height:40px;min-width:40px;max-height:40px;max-width:40px;background-color:rgba(var(--spotlight-primary),1)}.arkynAudioPlayer button:hover:not(:disabled){cursor:pointer;background-color:rgba(var(--spotlight-primary),.8)}.arkynAudioPlayer button:disabled{cursor:not-allowed;opacity:.2}.arkynAudioPlayer button svg{fill:#fff;stroke:#fff;min-height:20px;min-width:20px;max-height:20px;max-width:20px}.arkynAudioPlayer p{font-size:12px;font-weight:400;line-height:12px;text-align:left;color:var(--text-body);-webkit-user-select:none;user-select:none}.arkynFieldError{font-size:12px;line-height:12px;font-weight:600;color:rgb(var(--spotlight-danger),1)}.arkynFieldLabel{color:var(--text-body);font-size:14px;font-weight:600;line-height:19.07px}.arkynFieldLabel.asteriskTrue:before{content:"* ";font-size:12px;font-weight:600;line-height:16.34px;text-align:left;color:rgb(var(--spotlight-danger),1)}.arkynFieldWrapper{display:flex;gap:6px;height:max-content}.arkynFieldWrapper.horizontal{flex-direction:row;align-items:center}.arkynFieldWrapper.horizontalReverse{flex-direction:row-reverse;align-items:center}.arkynFieldWrapper.vertical{flex-direction:column;align-items:flex-start}.arkynButton{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkynButton:hover{cursor:pointer;filter:brightness(.9)}html.dark .arkynButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynButton:disabled{cursor:not-allowed;opacity:.5}.arkynButton .arkynButtonContent{display:flex;align-items:center;justify-content:center;white-space:nowrap}.arkynButton.solid{color:#fff}.arkynButton.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkynButton.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkynButton.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkynButton.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkynButton.solid.info{background-color:rgba(var(--spotlight-info),1)}.arkynButton.outline{background-color:var(--card-foreground-primary);border-color:var(--border)}.arkynButton.outline.primary{color:rgba(var(--spotlight-primary),1)}.arkynButton.outline.danger{color:rgba(var(--spotlight-danger),1)}.arkynButton.outline.success{color:rgba(var(--spotlight-success),1)}.arkynButton.outline.warning{color:rgba(var(--spotlight-warning),1)}.arkynButton.outline.info{color:rgba(var(--spotlight-info),1)}.arkynButton.ghost:hover{filter:brightness(.8)}.arkynButton.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkynButton.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkynButton.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkynButton.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkynButton.ghost.info{color:rgba(var(--spotlight-info),1);background-color:rgba(var(--spotlight-info),.2)}.arkynButton.invisible.primary{color:rgba(var(--spotlight-primary),1)}.arkynButton.invisible.danger{color:rgba(var(--spotlight-danger),1)}.arkynButton.invisible.success{color:rgba(var(--spotlight-success),1)}.arkynButton.invisible.warning{color:rgba(var(--spotlight-warning),1)}.arkynButton.invisible.info{color:rgba(var(--spotlight-info),1)}.arkynButton.lg{font-weight:600;font-size:14px;line-height:14px;border-radius:6px;padding:0 20px;height:44px}.arkynButton.lg .arkynButtonContent,.arkynButton.lg .arkynButtonSpinner{gap:16px}.arkynButton.md{font-weight:600;font-size:14px;line-height:14px;border-radius:6px;gap:16px;padding:0 16px;height:40px}.arkynButton.md .arkynButtonContent,.arkynButton.md .arkynButtonSpinner{gap:14px}.arkynButton.sm{font-weight:600;font-size:12px;line-height:12px;border-radius:6px;padding:0 16px;height:32px}.arkynButton.sm .arkynButtonContent,.arkynButton.sm .arkynButtonSpinner{gap:12px}.arkynButton.xs{font-weight:600;font-size:10px;line-height:10px;border-radius:4px;padding:0 16px;height:24px}.arkynButton.xs .arkynButtonContent,.arkynButton.xs .arkynButtonSpinner{gap:8px}.arkynButton .arkynButtonSpinner{display:flex;align-items:center;justify-content:center;white-space:nowrap;opacity:0}.arkynButton .arkynButtonSpinner>svg{animation:spin 2s linear infinite}.arkynButton.loadingTextFalse .arkynButtonSpinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.arkynButton.loadingTextTrue .arkynButtonSpinner{max-height:0px}.arkynButton.loadingTrue .arkynButtonContent{opacity:0;max-height:0px}.arkynButton.loadingTrue .arkynButtonSpinner{opacity:1;max-height:unset}.arkynDivider{display:block;flex:1;background-color:var(--border)}.arkynDivider.horizontal{width:100%;min-height:1px;max-height:1px}.arkynDivider.vertical{height:100%;min-width:1px;max-width:1px}.arkynIconButton{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkynIconButton:hover{cursor:pointer;filter:brightness(.9)}html.dark .arkynIconButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynIconButton:disabled{cursor:not-allowed;opacity:.5}.arkynIconButtonContent{display:flex;align-items:center;justify-content:center}.arkynIconButton.solid{color:#fff}.arkynIconButton.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkynIconButton.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkynIconButton.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkynIconButton.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkynIconButton.solid.info{background-color:rgba(var(--spotlight-info),1)}.arkynIconButton.outline{background-color:var(--card-foreground-primary);border-color:var(--border)}.arkynIconButton.outline.primary{color:rgba(var(--spotlight-primary),1)}.arkynIconButton.outline.danger{color:rgba(var(--spotlight-danger),1)}.arkynIconButton.outline.success{color:rgba(var(--spotlight-success),1)}.arkynIconButton.outline.warning{color:rgba(var(--spotlight-warning),1)}.arkynIconButton.outline.info{color:rgba(var(--spotlight-info),1)}.arkynIconButton.ghost:hover{filter:brightness(.8)}.arkynIconButton.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkynIconButton.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkynIconButton.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkynIconButton.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkynIconButton.ghost.info{color:rgba(var(--spotlight-info),1);background-color:rgba(var(--spotlight-info),.2)}.arkynIconButton.invisible.primary{color:rgba(var(--spotlight-primary),1)}.arkynIconButton.invisible.danger{color:rgba(var(--spotlight-danger),1)}.arkynIconButton.invisible.success{color:rgba(var(--spotlight-success),1)}.arkynIconButton.invisible.warning{color:rgba(var(--spotlight-warning),1)}.arkynIconButton.invisible.info{color:rgba(var(--spotlight-info),1)}.arkynIconButton.lg{border-radius:6px;height:44px;width:44px}.arkynIconButton.md{border-radius:6px;height:40px;width:40px}.arkynIconButton.sm{border-radius:6px;height:32px;width:32px}.arkynIconButton.xs{border-radius:4px;height:24px;width:24px}.arkynIconButtonSpinner{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}.arkynIconButtonSpinner>svg{animation:spin 2s linear infinite}.arkynIconButton.loadingTrue .arkynIconButtonSpinner{opacity:1}.arkynIconButton.loadingTrue .arkynIconButtonContent{opacity:0}.arkynTooltip{position:relative;display:block}.arkynTooltipText{visibility:hidden;opacity:0;position:absolute;transform:translate(-50%,-50%);white-space:nowrap;transition:.15s all ease-out;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:400;color:var(--tooltip-text);background-color:var(--tooltip-background);z-index:9999}.arkynTooltip.lg .arkynTooltipText{font-size:14px;line-height:14px;padding:8px 12px}.arkynTooltip.md .arkynTooltipText{font-size:12px;line-height:12px;padding:8px 12px}.arkynTooltip:hover .arkynTooltipText{opacity:1;visibility:visible}.arkynTooltip.top .arkynTooltipText{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.top .arkynTooltipText:before{content:"";top:100%;border-style:solid;border-color:var(--tooltip-background) transparent;border-width:6px 6px 0 6px;bottom:20px;position:absolute;left:50%;transform:translate(-50%)}.arkynTooltip.left .arkynTooltipText{top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.left .arkynTooltipText:before{content:"";top:50%;border-style:solid;border-color:transparent var(--tooltip-background);border-width:6px 0 6px 6px;left:100%;position:absolute;transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText:before{content:"";border-style:solid;border-color:transparent var(--tooltip-background);border-width:6px 6px 6px 0;top:50%;left:0;transform:translate(-100%,-50%);position:absolute}.arkynTooltip.bottom .arkynTooltipText{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.bottom .arkynTooltipText:before{content:"";border-style:solid;border-color:var(--tooltip-background) transparent;border-width:0 6px 6px 6px;top:0;left:50%;transform:translate(-50%,-100%);position:absolute}.arkynAudioUploadHasFileContentContainer{display:flex;flex-direction:column;padding:16px;gap:16px}.arkynAudioUploadAudioPlayer{display:flex;align-items:center;gap:8px}.arkynAudioUploadAudioPlayer button{display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;min-height:40px;min-width:40px;max-height:40px;max-width:40px;background-color:rgba(var(--spotlight-primary),1)}.arkynAudioUploadAudioPlayer button:hover{cursor:pointer;background-color:rgba(var(--spotlight-primary),.8)}.arkynAudioUploadAudioPlayer button svg{fill:#fff;stroke:#fff;min-height:20px;min-width:20px;max-height:20px;max-width:20px}.arkynAudioUploadAudioPlayer p{font-size:12px;font-weight:400;line-height:12px;text-align:left;color:var(--text-body);-webkit-user-select:none;user-select:none}.arkynAudioUploadButtonsContainer{display:flex;align-items:center;justify-content:end;gap:8px}.arkynAudioUploadNoFileContent{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;width:100%}.arkynAudioUploadNoFileContent>p{font-size:12px;font-weight:400;line-height:12px;text-align:center;white-space:nowrap;color:var(--text-body)}.arkynAudioUpload{border-width:1px;outline:1px solid transparent;border-color:var(--border);border-radius:8px;width:100%;height:137px;max-width:475px;background:rgba(var(--spotlight-secondary),1)}.arkynAudioUpload.hasAudio{border-style:solid}.arkynAudioUpload.noHasAudio{border-style:dashed}.arkynAudioUpload.hasError{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynBadge{display:flex;align-items:center;justify-content:center;gap:4px;width:min-content;white-space:nowrap;border:1px solid transparent}.arkynBadge.solid{color:#fff}.arkynBadge.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkynBadge.solid.secondary{background-color:var(--text-muted)}.arkynBadge.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkynBadge.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkynBadge.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkynBadge.solid.info{background-color:rgba(var(--spotlight-info),1)}.arkynBadge.outline.primary{border-color:rgba(var(--spotlight-primary),1)}.arkynBadge.outline.primary p,.arkynBadge.outline.primary svg{color:rgba(var(--spotlight-primary),1)}.arkynBadge.outline.secondary{border-color:var(--text-muted)}.arkynBadge.outline.secondary p,.arkynBadge.outline.secondary svg{color:var(--text-muted)}.arkynBadge.outline.danger{border-color:rgba(var(--spotlight-danger),1)}.arkynBadge.outline.danger p,.arkynBadge.outline.danger svg{color:rgba(var(--spotlight-danger),1)}.arkynBadge.outline.success{border-color:rgba(var(--spotlight-success),1)}.arkynBadge.outline.success p,.arkynBadge.outline.success svg{color:rgba(var(--spotlight-success),1)}.arkynBadge.outline.warning{border-color:rgba(var(--spotlight-warning),1)}.arkynBadge.outline.warning p,.arkynBadge.outline.warning svg{color:rgba(var(--spotlight-warning),1)}.arkynBadge.outline.info{border-color:rgba(var(--spotlight-info),1)}.arkynBadge.outline.info p,.arkynBadge.outline.info svg{color:rgba(var(--spotlight-info),1)}.arkynBadge.ghost.primary{background-color:rgba(var(--spotlight-primary),.2)}.arkynBadge.ghost.primary p,.arkynBadge.ghost.primary svg{color:rgba(var(--spotlight-primary),1)}.arkynBadge.ghost.secondary{background-color:rgba(var(--spotlight-secondary),1)}.arkynBadge.ghost.secondary p,.arkynBadge.ghost.secondary svg{color:var(--text-muted)}.arkynBadge.ghost.danger{background-color:rgba(var(--spotlight-danger),.2)}.arkynBadge.ghost.danger p,.arkynBadge.ghost.danger svg{color:rgba(var(--spotlight-danger),1)}.arkynBadge.ghost.success{background-color:rgba(var(--spotlight-success),.2)}.arkynBadge.ghost.success p,.arkynBadge.ghost.success svg{color:rgba(var(--spotlight-success),1)}.arkynBadge.ghost.warning{background-color:rgba(var(--spotlight-warning),.2)}.arkynBadge.ghost.warning p,.arkynBadge.ghost.warning svg{color:rgba(var(--spotlight-warning),1)}.arkynBadge.ghost.info{background-color:rgba(var(--spotlight-info),.2)}.arkynBadge.ghost.info p,.arkynBadge.ghost.info svg{color:rgba(var(--spotlight-info),1)}.arkynBadge.lg{border-radius:12px;padding:0 16px;height:24px}.arkynBadge.lg p{line-height:100%;font-weight:400;font-size:12px}.arkynBadge.md{border-radius:10px;padding:0 12px;height:20px}.arkynBadge.md p{line-height:100%;font-weight:400;font-size:10px}.arkynCardTabButton{display:flex;align-items:center;justify-content:center;padding:8px 16px;font-size:14px;font-weight:600;letter-spacing:0%;border:none;color:var(--text-muted);background-color:var(--background);cursor:pointer}.arkynCardTabButton.isDisabled{cursor:not-allowed;opacity:.2}.arkynCardTabButton:hover:not(:disabled){background-color:var(--background-foreground);color:rgb(var(--spotlight-primary))}.arkynCardTabButton:not(:last-child){border-right:2px solid var(--border)}.arkynCardTabButton.isActive{background-color:var(--background-foreground);color:rgb(var(--spotlight-primary))}.arkynCardTabContainer{display:flex;align-items:center;border:2px solid var(--border);border-radius:8px;width:max-content;overflow:hidden}.arkynCheckbox{display:flex;align-items:center;justify-content:center;border:2px solid var(--border);background-color:rgba(var(--spotlight-secondary),1)}.arkynCheckbox:hover{cursor:pointer}.arkynCheckbox>svg{display:none;stroke-width:3px}.arkynCheckbox.sm{min-height:16px;min-width:16px;max-height:16px;max-width:16px;border-radius:4px}.arkynCheckbox.sm>svg{min-height:12px;min-width:12px;max-height:12px;max-width:12px}.arkynCheckbox.md{min-height:20px;min-width:20px;max-height:20px;max-width:20px;border-radius:4px}.arkynCheckbox.md>svg{min-height:14px;min-width:14px;max-height:14px;max-width:14px}.arkynCheckbox.lg{min-height:24px;min-width:24px;max-height:24px;max-width:24px;border-radius:6px}.arkynCheckbox.lg>svg{min-height:14px;min-width:14px;max-height:14px;max-width:14px}.arkynCheckbox.checkedTrue{background-color:rgb(var(--spotlight-primary),1);border-color:rgb(var(--spotlight-primary),1)}.arkynCheckbox.checkedTrue>svg{display:unset;color:#fff}.arkynCheckbox.errorTrue{border-color:rgb(var(--spotlight-danger),1)}.arkynCurrencyInput{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:8px;border:1px solid transparent;outline:1px solid transparent}.arkynCurrencyInput:hover{cursor:text}.arkynCurrencyInput input{border:none;outline:none;background:transparent;width:100%;line-height:100%}.arkynCurrencyInput input{color:var(--text-heading)}.arkynCurrencyInput .prefix,.arkynCurrencyInput .suffix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute;line-height:100%}.arkynCurrencyInput .prefix{left:0;top:0;bottom:0;border-radius:7px 0 0 7px;border-right:1px solid var(--border)}.arkynCurrencyInput .suffix{right:0;top:0;bottom:0;border-radius:0 7px 7px 0;border-left:1px solid var(--border)}.arkynCurrencyInput input::placeholder{color:var(--text-muted);line-height:100%}.arkynCurrencyInput svg{color:var(--text-muted)}.arkynCurrencyInput.errored svg{color:rgba(var(--spotlight-danger),1)}.arkynCurrencyInput:not(.opacity).focused svg{color:rgba(var(--spotlight-primary),1)}.arkynCurrencyInput.opacity{opacity:.5}.arkynCurrencyInput.solid{border-color:var(--border);background-color:rgba(var(--spotlight-secondary),1)}.arkynCurrencyInput.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynCurrencyInput:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynCurrencyInput.outline{border-color:var(--border)}.arkynCurrencyInput.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynCurrencyInput:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynCurrencyInput.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkynCurrencyInput.underline .suffix,.arkynCurrencyInput.underline .prefix{display:none}.arkynCurrencyInput.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkynCurrencyInput.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkynCurrencyInput.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkynCurrencyInput:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkynCurrencyInput:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkynCurrencyInput.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkynCurrencyInput.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkynCurrencyInput.md.hasPrefix{padding-left:60px}.arkynCurrencyInput.md.hasSuffix{padding-right:60px}.arkynCurrencyInput.md .prefix,.arkynCurrencyInput.md .suffix{height:40px;width:44px;font-size:14px}.arkynCurrencyInput.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkynCurrencyInput.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkynCurrencyInput.lg .prefix,.arkynCurrencyInput.lg .suffix{height:44px;width:48px;font-size:16px}.arkynCurrencyInput.lg.hasPrefix{padding-left:64px}.arkynCurrencyInput.lg.hasSuffix{padding-right:64px}.arkynCurrencyInput .spinner{animation:spin 2s linear infinite}.arkynDrawerContainer{position:fixed;top:0;left:0;right:0;bottom:0;overflow:auto;z-index:9999}.arkynDrawerContainerOverlay{position:fixed;z-index:9997;top:0;left:0;right:0;bottom:0;background:#00000080}.arkynDrawerContainerOverlay:hover{cursor:pointer}.arkynDrawerContainerContent{z-index:9999;position:fixed;top:0;bottom:0;width:max-content;background:var(--card);display:flex;flex-direction:column;overflow:auto;height:100vh}.arkynDrawerContainer.left>.arkynDrawerContainerContent{left:0}.arkynDrawerContainer.right>.arkynDrawerContainerContent{right:0}.arkynDrawerHeader{display:flex;align-items:center;height:56px;padding:16px;font-size:16px;font-weight:600;line-height:20px;color:var(--text-heading);border-bottom:1px solid var(--border)}.arkynDrawerHeaderCloseButton{display:flex;align-items:center;justify-content:center;margin-left:auto;padding:2px;border-radius:4px;border:none;background:none;color:var(--text-body);background-color:var(--card);transition:all .15s ease-out}.arkynDrawerHeaderCloseButton:hover{cursor:pointer;filter:brightness(.9)}.arkynFileUploadHasFileContent{display:flex;flex-direction:column;padding:16px;gap:16px;height:100%;width:100%}.arkynFileUploadFileContainer{display:flex;align-items:center;gap:8px}.arkynFileUploadFileContainer svg{min-width:26px;min-height:26px;color:var(--text-heading)}.arkynFileUploadFileContainer p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:400;text-align:left;color:var(--text-body)}.arkynFileUploadButtonsContainer{display:flex;align-items:center;justify-content:end;gap:8px}.arkynFileUploadNoFileContent{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;width:100%}.arkynFileUploadNoFileContent>p{font-size:12px;font-weight:400;line-height:12px;text-align:center;white-space:nowrap;color:var(--text-body)}.arkynFileUpload{outline:1px solid transparent;border-width:1px;border-color:var(--border);border-radius:8px;width:100%;height:127px;max-width:475px;background:rgba(var(--spotlight-secondary),1)}.arkynFileUpload.hasFile{border-style:solid}.arkynFileUpload.noHasFile{border-style:dashed}.arkynFileUpload.hasError{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynImageUploadHasFileContent{display:flex;align-items:end;justify-content:end;background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;width:100%;padding:6px;gap:8px;border-radius:6px}.arkynImageUploadNoFileContent{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;width:100%}.arkynImageUploadNoFileContent>p{font-size:12px;font-weight:400;line-height:12px;text-align:center;white-space:nowrap;color:var(--text-body)}.arkynImageUpload{outline:1px solid transparent;border-width:1px;border-color:var(--border);border-radius:8px;width:100%;height:174px;max-width:475px;background:rgba(var(--spotlight-secondary),1)}.arkynImageUpload.hasImage{border-style:solid}.arkynImageUpload.noHasImage{border-style:dashed}.arkynImageUpload.hasError{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynInput{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:8px;border:1px solid transparent;outline:1px solid transparent}.arkynInput:hover{cursor:text}.arkynInput input{border:none;outline:none;background:transparent;width:100%;line-height:100%}.arkynInput input{color:var(--text-heading)}.arkynInput .prefix,.arkynInput .suffix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute;line-height:100%}.arkynInput .prefix{left:0;top:0;bottom:0;border-radius:7px 0 0 7px;border-right:1px solid var(--border)}.arkynInput .suffix{right:0;top:0;bottom:0;border-radius:0 7px 7px 0;border-left:1px solid var(--border)}.arkynInput input::placeholder{color:var(--text-muted);line-height:100%}.arkynInput svg{color:var(--text-muted)}.arkynInput.errored svg{color:rgba(var(--spotlight-danger),1)}.arkynInput:not(.opacity).focused svg{color:rgba(var(--spotlight-primary),1)}.arkynInput.opacity{opacity:.5}.arkynInput.solid{border-color:var(--border);background-color:rgba(var(--spotlight-secondary),1)}.arkynInput.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynInput:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynInput.outline{border-color:var(--border)}.arkynInput.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynInput:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynInput.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkynInput.underline .suffix,.arkynInput.underline .prefix{display:none}.arkynInput.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkynInput.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkynInput.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkynInput:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkynInput:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkynInput.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkynInput.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkynInput.md.hasPrefix{padding-left:60px}.arkynInput.md.hasSuffix{padding-right:60px}.arkynInput.md .prefix,.arkynInput.md .suffix{height:40px;width:44px;font-size:14px}.arkynInput.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkynInput.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkynInput.lg .prefix,.arkynInput.lg .suffix{height:44px;width:48px;font-size:16px}.arkynInput.lg.hasPrefix{padding-left:64px}.arkynInput.lg.hasSuffix{padding-right:64px}.arkynInput .spinner{animation:spin 2s linear infinite}.arkynMaskedInput{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:8px;border:1px solid transparent;outline:1px solid transparent}.arkynMaskedInput:hover{cursor:text}.arkynMaskedInput input{border:none;outline:none;background:transparent;width:100%;line-height:100%}.arkynMaskedInput input{color:var(--text-heading)}.arkynMaskedInput .prefix,.arkynMaskedInput .suffix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute;line-height:100%}.arkynMaskedInput .prefix{left:0;top:0;bottom:0;border-radius:7px 0 0 7px;border-right:1px solid var(--border)}.arkynMaskedInput .suffix{right:0;top:0;bottom:0;border-radius:0 7px 7px 0;border-left:1px solid var(--border)}.arkynMaskedInput input::placeholder{color:var(--text-muted);line-height:100%}.arkynMaskedInput svg{color:var(--text-muted)}.arkynMaskedInput.errored svg{color:rgba(var(--spotlight-danger),1)}.arkynMaskedInput:not(.opacity).focused svg{color:rgba(var(--spotlight-primary),1)}.arkynMaskedInput.opacity{opacity:.5}.arkynMaskedInput.solid{border-color:var(--border);background-color:rgba(var(--spotlight-secondary),1)}.arkynMaskedInput.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynMaskedInput:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynMaskedInput.outline{border-color:var(--border)}.arkynMaskedInput.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynMaskedInput:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynMaskedInput.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkynMaskedInput.underline .suffix,.arkynMaskedInput.underline .prefix{display:none}.arkynMaskedInput.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkynMaskedInput.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkynMaskedInput.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkynMaskedInput:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkynMaskedInput:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkynMaskedInput.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkynMaskedInput.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkynMaskedInput.md.hasPrefix{padding-left:60px}.arkynMaskedInput.md.hasSuffix{padding-right:60px}.arkynMaskedInput.md .prefix,.arkynMaskedInput.md .suffix{height:40px;width:44px;font-size:14px}.arkynMaskedInput.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkynMaskedInput.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkynMaskedInput.lg .prefix,.arkynMaskedInput.lg .suffix{height:44px;width:48px;font-size:16px}.arkynMaskedInput.lg.hasPrefix{padding-left:64px}.arkynMaskedInput.lg.hasSuffix{padding-right:64px}.arkynMaskedInput .spinner{animation:spin 2s linear infinite}.arkynModalContainer{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:start;justify-content:center;padding:10vh 0;padding-bottom:2rem;overflow:auto;z-index:9999}.arkynModalContainerOverlay{position:fixed;z-index:9997;top:0;left:0;right:0;bottom:0;background:#00000080}.arkynModalContainerOverlay:hover{cursor:pointer}.arkynModalContainerContent{z-index:9999;border-radius:8px;background:var(--card)}.arkynModalFooter{display:flex;align-items:center;gap:16px;padding:16px;border-top:1px solid var(--border)}.arkynModalFooter.left{justify-content:flex-start}.arkynModalFooter.right{justify-content:flex-end}.arkynModalFooter.center{justify-content:center}.arkynModalFooter.between{justify-content:space-between}.arkynModalFooter.around{justify-content:space-around}.arkynModalHeader{display:flex;align-items:center;height:56px;padding:16px;font-size:16px;font-weight:600;line-height:20px;color:var(--text-heading);border-bottom:1px solid var(--border)}.arkynModalHeaderCloseButton{display:flex;align-items:center;justify-content:center;margin-left:auto;padding:2px;border-radius:4px;border:none;background:none;color:var(--text-body);background-color:var(--card);transition:all .15s ease-out}.arkynModalHeaderCloseButton:hover{cursor:pointer;filter:brightness(.9)}.arkynMultiSelectChevron{transition:.15s all ease-in-out;color:var(--text-muted)}.arkynMultiSelectChevron:not(.notAnimate).focused{transform:rotate(180deg)}.arkynMultiSelectContainer{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:6px;border:1px solid transparent;outline:1px solid transparent}.arkynMultiSelectContainer:hover{cursor:pointer}.arkynMultiSelectContainer.opacity{opacity:.5}.arkynMultiSelectContainer .prefix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkynMultiSelectContainer .prefix{left:0;top:0;bottom:0;border-radius:5px 0 0 5px;border-right:1px solid var(--border)}.arkynMultiSelectContainer>svg{color:var(--text-muted)}.arkynMultiSelectContainer.errored>svg{color:rgba(var(--spotlight-danger),1)}.arkynMultiSelectContainer:not(.opacity).focused>svg{color:rgba(var(--spotlight-primary),1)}.arkynMultiSelectContainer.solid{border-color:var(--border);background-color:rgba(var(--spotlight-secondary),1)}.arkynMultiSelectContainer.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynMultiSelectContainer:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynMultiSelectContainer.outline{border-color:var(--border)}.arkynMultiSelectContainer.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynMultiSelectContainer:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynMultiSelectContainer.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkynMultiSelectContainer.underline .prefix{display:none}.arkynMultiSelectContainer.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkynMultiSelectContainer.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkynMultiSelectContainer.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkynMultiSelectContainer:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkynMultiSelectContainer:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkynMultiSelectContainer.md{min-height:40px}.arkynMultiSelectContainer.md.hasPrefix{padding-left:60px}.arkynMultiSelectContainer.md .prefix{height:40px;width:44px;font-size:14px}.arkynMultiSelectContainer.lg{min-height:44px}.arkynMultiSelectContainer.lg .prefix{height:44px;width:48px;font-size:16px}.arkynMultiSelectContainer.lg.hasPrefix{padding-left:64px}.arkynMultiSelectContent{display:flex;align-items:start;gap:4px;flex-wrap:wrap;flex:1}.arkynMultiSelectContent>p{font-weight:400;color:var(--text-muted);-webkit-user-select:none;user-select:none}.arkynMultiSelectContent.md>p{font-size:14px;line-height:14px}.arkynMultiSelectContent.lg>p{font-size:16px;line-height:16px}.arkynMultiSelectMark{display:flex;align-items:center;gap:4px;border-radius:4px;background:var(--card-foreground-third);padding:2px 6px;font-size:14px;font-weight:400;line-height:19.07px;text-align:left;z-index:6;-webkit-user-select:none;user-select:none}.arkynMultiSelectMark button{display:flex;align-items:center;justify-content:center;border:none;background:inherit;width:15px;height:15px}.arkynMultiSelectMark button:disabled{cursor:not-allowed}.arkynMultiSelectMark button:hover:not(:disabled){cursor:pointer;filter:brightness(.9)}.arkynMultiSelectMark button svg{min-width:10px;min-height:10px;color:var(--text-muted)}.arkynMultiSelectOption{display:flex;align-items:center;justify-content:space-between;font-weight:400;line-height:21.79px;color:var(--text-body);-webkit-user-select:none;user-select:none}.arkynMultiSelectOption.md{font-size:14px;padding:8px 16px}.arkynMultiSelectOption.lg{font-size:16px;padding:8px 16px}.arkynMultiSelectOption svg{display:none;height:20px;width:20px;color:rgba(var(--spotlight-primary),1)}.arkynMultiSelectOption:hover{cursor:pointer;background-color:var(--card-foreground-primary)}.arkynMultiSelectOption.active{font-weight:600;color:var(--text-heading);background-color:var(--card-foreground-primary)}.arkynMultiSelectOption.active svg{display:unset}.arkynMultiSelectOptionsContainer{position:absolute;z-index:7;left:-2px;right:-2px;border-radius:6px;list-style:none;display:flex;flex-direction:column;flex:1;overflow:auto;height:max-content;border:1px solid var(--border);background-color:var(--card);max-height:300px;box-shadow:0 4px 8px #0000001a}.arkynMultiSelectOptionsContainer.bottom{top:calc(100% + 5px)}.arkynMultiSelectOptionsContainer.top{bottom:calc(100% + 5px)}.arkynMultiSelectOptionsContainer>p{font-weight:400;font-size:14px;padding:16px;text-align:center;line-height:21.79px;color:var(--text-body)}.arkynMultiSelectOverlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:5}.arkynMultiSelectSpinner{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.arkynPhoneInputContainer{flex:1;position:relative;display:flex;align-items:center;justify-content:start;padding:0 16px;gap:8px;border-radius:6px;border:1px solid transparent;outline:1px solid transparent;min-height:40px;max-height:40px}.arkynPhoneInputContainer:hover{cursor:text}.arkynPhoneInputContainer.opacity{opacity:.5}.arkynPhoneInputContainer.solid{border-color:var(--border);background-color:rgba(var(--spotlight-secondary),1)}.arkynPhoneInputContainer.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynPhoneInputContainer:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynPhoneInputContainer.outline{border-color:var(--border)}.arkynPhoneInputContainer.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynPhoneInputContainer:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynPhoneInputContainer.md{min-height:42px;max-height:42px}.arkynPhoneInputContainer.lg{min-height:46px;max-height:46px}.arkynPhoneInputCountriesOverlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:5}.arkynPhoneInputCountryOption{display:flex;align-items:center;font-weight:400;line-height:21.79px;color:var(--text-body);-webkit-user-select:none;user-select:none;gap:10px}.arkynPhoneInputCountryOption>span{font-weight:400;font-size:14px;line-height:21.79px;color:var(--text-muted);font-weight:300}.arkynPhoneInputCountryOption.md{font-size:14px;padding:8px 16px}.arkynPhoneInputCountryOption.lg{font-size:16px;padding:8px 16px}.arkynPhoneInputCountryOption .flag{max-height:20px;max-width:30px;border-radius:4px}.arkynPhoneInputCountryOption .check{margin-left:auto;display:none;height:20px;width:20px;color:rgba(var(--spotlight-primary),1)}.arkynPhoneInputCountryOption:hover{cursor:pointer;background-color:var(--card-foreground-primary)}.arkynPhoneInputCountryOption.active{font-weight:600;color:var(--text-heading);background-color:var(--card-foreground-primary)}.arkynPhoneInputCountryOption.active svg{display:unset}.arkynPhoneInputCountryOptionsContainer{position:absolute;z-index:7;left:-2px;right:-2px;border-radius:6px;list-style:none;display:flex;flex-direction:column;flex:1;overflow:hidden;height:max-content;border:1px solid var(--border);background-color:var(--card);max-height:300px;box-shadow:0 4px 8px #0000001a;max-height:200px;overflow:auto}.arkynPhoneInputCountryOptionsContainer.bottom{top:calc(100% + 5px)}.arkynPhoneInputCountryOptionsContainer.top{bottom:calc(100% + 5px)}.arkynPhoneInputCountryOptionsContainer>p{font-weight:400;font-size:14px;padding:16px;text-align:center;line-height:21.79px;color:var(--text-body)}.arkynPhoneInputCountryOptionsContainerSearchSelect{padding:16px;border:none;border-bottom:1px solid var(--border);outline:none;color:var(--text-heading);font-size:14px}.arkynPhoneInputCountryOptionsContainerSearchSelect::placeholder{color:var(--text-muted)}.phoneInputSelectCountry{display:flex;align-items:center;gap:8px;cursor:pointer;min-width:58px}.phoneInputSelectCountry .flag{max-height:20px;max-width:30px;border-radius:4px}.phoneInputSelectCountry .chevronDown{min-height:12px;max-height:12px;min-width:12px;max-width:12px;color:var(--text-muted)}.phoneInputSelectCountry>.arkynDivider{min-width:1px;min-height:20px}.phoneInputMask{border:none;outline:none;background:transparent;width:100%;margin-left:8px}.phoneInputMask.md{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.phoneInputMask.md::placeholder{font-weight:400;font-size:14px;line-height:14px}.phoneInputMask.lg{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.phoneInputMask.lg::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkynPopover{position:relative}.arkynPopover .arkynPopoverContent{display:none}.arkynPopover.visibleTrue .arkynPopoverContent{display:unset}.arkynPopoverContent{position:absolute;z-index:3;background-color:var(--card);border-radius:8px;box-shadow:3px 3px 8px #0003}.arkynPopover.bottomLeft .arkynPopoverContent{bottom:-5px;right:0;transform:translateY(100%)}.arkynPopover.bottomRight .arkynPopoverContent{bottom:-5px;left:0;transform:translateY(100%)}.arkynPopover.topLeft .arkynPopoverContent{top:-5px;right:0;transform:translateY(-100%)}.arkynPopover.topRight .arkynPopoverContent{top:-5px;left:0;transform:translateY(-100%)}.arkynPopover.bottom .arkynPopoverContent{top:calc(100% + 5px);left:50%;transform:translate(-50%)}.arkynPopover.top .arkynPopoverContent{bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.arkynPopover.left .arkynPopoverContent{bottom:50%;right:calc(100% + 5px);transform:translateY(50%)}.arkynPopover.right .arkynPopoverContent{bottom:50%;left:calc(100% + 5px);transform:translateY(50%)}.arkynPopoverOverlay{position:fixed;z-index:1;top:0;left:0;bottom:0;right:0}.arkynRadioBox{display:flex;align-items:center;gap:8px;color:var(--text-body);font-size:14px;line-height:19.07px}.arkynRadioBox>button{position:relative;background-color:rgba(var(--spotlight-secondary),1);border:2px solid var(--border);border-radius:99999px}.arkynRadioBox>button:not(:disabled):hover{cursor:pointer}.arkynRadioBox.checkedTrue>button{border-color:rgba(var(--spotlight-primary),1)}.arkynRadioBox.errorTrue>button{border-color:rgba(var(--spotlight-danger),1)}.arkynRadioBox.checkedTrue>button:before{content:"  ";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:99999px;background-color:rgba(var(--spotlight-primary),1)}.arkynRadioBox.sm>button{min-height:20px;min-width:20px;max-height:20px;max-width:20px}.arkynRadioBox.md>button{min-height:24px;min-width:24px;max-height:24px;max-width:24px}.arkynRadioBox.lg>button{min-height:24px;min-width:24px;max-height:24px;max-width:24px}.arkynRadioBox.checkedTrue.sm>button:before{min-height:10px;min-width:10px;max-height:10px;max-width:10px}.arkynRadioBox.checkedTrue.md>button:before{min-height:12px;min-width:12px;max-height:12px;max-width:12px}.arkynRadioBox.checkedTrue.lg>button:before{min-height:12px;min-width:12px;max-height:12px;max-width:12px}.arkynRadioBox.disabledTrue{opacity:.5}.arkynRadioBox.disabledTrue>button{cursor:not-allowed}.arkynRadioGroup{display:flex;align-items:center;gap:32px}.arkynSwitch{position:relative;border:1px solid transparent;border-radius:999999px;transition:all .3s ease-in-out}.arkynSwitch:disabled{cursor:not-allowed;opacity:.5}.arkynSwitch:before{content:"";position:absolute;top:2px;bottom:2px;border-radius:50%;background-color:#fff;transition:all .2s;transform:translate(-2px)}.arkynSwitch.checkedTrue{background-color:rgba(var(--spotlight-primary),1)}.arkynSwitch.checkedFalse{background-color:var(--border)}.arkynSwitch.checkedTrue:before{transform:translate(3px)}.arkynSwitch.sm{min-width:32px;max-width:32px;min-height:16px;max-height:16px}.arkynSwitch.sm:before{min-height:10px;max-height:10px;min-width:10px;max-width:10px}.arkynSwitch.sm.checkedFalse:before{transform:translate(-13px)}.arkynSwitch.md{min-width:40px;max-width:40px;min-height:20px;max-height:20px}.arkynSwitch.md:before{min-height:14px;max-height:14px;min-width:14px;max-width:14px}.arkynSwitch.md.checkedFalse:before{transform:translate(-17px)}.arkynSwitch.lg{min-width:48px;max-width:48px;min-height:24px;max-height:24px}.arkynSwitch.lg:before{min-height:18px;max-height:18px;min-width:18px;max-width:18px}.arkynSwitch.lg.checkedFalse:before{transform:translate(-21px)}.arkynTabButton{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 16px;background-color:transparent;border:none;font-weight:600;font-size:16px;line-height:100%;color:var(--text-muted)}.arkynTabButton.isDisabled{cursor:not-allowed;opacity:.2}.arkynTabButton:hover{cursor:pointer}.arkynTabButton.isActive{color:rgba(var(--spotlight-primary),1)}.arkynTabButton.isActive:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background-color:rgba(var(--spotlight-primary),1)}.arkynTabContainer{position:relative;display:flex;align-items:center;justify-content:start;gap:4px;border-bottom:1px solid var(--border)}.arkynTableBody>tr:nth-child(odd)>td{background-color:var(--card-foreground-primary)}.arkynTableBody>tr>td{padding-left:16px;height:64px;font-weight:400;font-size:14px;color:var(--text-body)}.arkynTableBody>tr>td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.arkynTableBody>tr>td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;padding-right:16px}.arkynTableBody>tr:nth-child(odd):hover>td{filter:brightness(.98)}.arkynTableBody>tr:nth-child(2n):hover>td{background-color:var(--card-foreground-primary);filter:brightness(.98)}html.dark .arkynTableBody>tr:nth-child(odd):hover>td{filter:brightness(1.2)}html.dark .arkynTableBody>tr:nth-child(2n):hover>td{background-color:var(--card-foreground-primary);filter:brightness(1.2)}.arkynTableBodyEmptyLine>td{background-color:var(--card-foreground-primary);height:64px}.arkynTableBodyEmptyLine>td>div{display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;font-weight:400;font-size:14px;color:var(--text-body)}.arkynTableCaption{margin-bottom:24px}.arkynTableCaptionContent{display:flex;align-items:center}.arkynTableCaptionContent>.rightSection{display:flex;align-items:center;justify-content:end;gap:16px;flex:2;padding-left:auto}.arkynTableContainer{display:flex;flex-direction:column;width:100%;height:max-content;overflow-y:hidden;overflow-x:auto}.arkynTableContainer table{border-collapse:separate;border-spacing:0}.arkynTableFooterContent{display:flex;align-items:center;justify-content:space-between;height:48px;padding-top:16px;border-top:1px solid var(--border)}.arkynTableFooter .spacingRow{height:24px}.arkynTableHeader th{text-align:left;background-color:var(--card-foreground-secondary);padding-left:16px;height:44px;color:var(--text-heading);font-weight:600;font-size:14px;white-space:nowrap}.arkynTableHeader th:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.arkynTableHeader th:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;padding-right:16px}.arkynTableHeader .spacingRow{height:12px}.arkynTextarea{flex:1;position:relative;display:flex;align-items:center;padding:16px;gap:8px;border-radius:8px;border:1px solid transparent;outline:1px solid transparent}.arkynTextarea:hover{cursor:text}.arkynTextarea textarea{border:none;outline:none;background:transparent;width:100%;resize:none}.arkynTextarea textarea{color:var(--text-heading)}.arkynTextarea textarea::placeholder{color:var(--text-muted)}.arkynTextarea.opacityTrue{opacity:.5}.arkynTextarea.solid{border-color:var(--border);background-color:rgba(var(--spotlight-secondary),1)}.arkynTextarea.solid.errorTrue{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynTextarea:not(.opacityTrue).solid.focusedTrue{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynTextarea.outline{border-color:var(--border)}.arkynTextarea.outline.errorTrue{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynTextarea:not(.opacityTrue).outline.focusedTrue{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynTextarea.md textarea{font-size:14px;line-height:14px;font-weight:400}.arkynTextarea.md textarea::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkynTextarea.lg textarea{line-height:16px;font-size:16px;font-weight:400}.arkynTextarea.lg textarea::placeholder{font-weight:400;font-size:16px;line-height:16px}
+.arkynAlertTitle{font-size:16px;font-weight:600;line-height:17px;text-align:left;color:var(--text-heading)}.arkynAlertContainer{display:flex;align-items:start;gap:16px;padding:16px;border:1px solid transparent;border-radius:6px}.arkynAlertContainer.nonExistsAlertTitle{align-items:center}.arkynAlertContainer.danger{background:rgba(var(--spotlight-danger),.1);border-color:rgba(var(--spotlight-danger),.4)}.arkynAlertContainer.success{background:rgba(var(--spotlight-success),.1);border-color:rgba(var(--spotlight-success),.4)}.arkynAlertContainer.info{background:rgba(var(--spotlight-info),.1);border-color:rgba(var(--spotlight-info),.4)}.arkynAlertContainer.warning{background:rgba(var(--spotlight-warning),.1);border-color:rgba(var(--spotlight-warning),.4)}.arkynAlertContent{display:flex;flex-direction:column;gap:8px}.arkynAlertDescription{font-size:14px;font-weight:400;line-height:19.07px;text-align:left;color:var(--text-body)}.arkynAlertIcon{min-width:28px;min-height:28px;max-width:28px;max-height:28px}.arkynAlertIcon.danger{color:rgba(var(--spotlight-danger),1)}.arkynAlertIcon.success{color:rgba(var(--spotlight-success),1)}.arkynAlertIcon.info{color:rgba(var(--spotlight-info),1)}.arkynAlertIcon.warning{color:rgba(var(--spotlight-warning),1)}.arkynSliderTrack{width:100%;max-width:400px;height:6px;border:1px solid var(--border);background:rgba(var(--input-background),1);border-radius:5px;position:relative;cursor:pointer}.arkynSliderTrack.isDragging{cursor:grabbing}.arkynSliderTrack.isDisabled{cursor:not-allowed;opacity:.5}.arkynSliderFill{height:100%;background:rgb(var(--spotlight-primary));border-radius:5px}.arkynSliderThumb{width:12px;height:12px;background:rgb(var(--spotlight-primary));border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.arkynSliderTrack.isEnabled .arkynSliderThumb{cursor:grab}.arkynSliderValue{margin-top:10px;font-size:18px}.arkynAudioPlayer{display:flex;align-items:center;gap:8px}.arkynAudioPlayer button{display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;min-height:40px;min-width:40px;max-height:40px;max-width:40px;background-color:rgba(var(--spotlight-primary),1)}.arkynAudioPlayer button:hover:not(:disabled){cursor:pointer;background-color:rgba(var(--spotlight-primary),.8)}.arkynAudioPlayer button:disabled{cursor:not-allowed;opacity:.2}.arkynAudioPlayer button svg{fill:#fff;stroke:#fff;min-height:20px;min-width:20px;max-height:20px;max-width:20px}.arkynAudioPlayer p{font-size:12px;font-weight:400;line-height:12px;text-align:left;color:var(--text-body);-webkit-user-select:none;user-select:none}.arkynFieldError{font-size:12px;line-height:12px;font-weight:600;color:rgb(var(--spotlight-danger),1)}.arkynFieldLabel{color:var(--text-body);font-size:14px;font-weight:600;line-height:19.07px}.arkynFieldLabel.asteriskTrue:before{content:"* ";font-size:12px;font-weight:600;line-height:16.34px;text-align:left;color:rgb(var(--spotlight-danger),1)}.arkynFieldWrapper{display:flex;gap:6px;height:max-content}.arkynFieldWrapper.horizontal{flex-direction:row;align-items:center}.arkynFieldWrapper.horizontalReverse{flex-direction:row-reverse;align-items:center}.arkynFieldWrapper.vertical{flex-direction:column;align-items:flex-start}.arkynButton{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkynButton:hover{cursor:pointer;filter:brightness(.9)}html.dark .arkynButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynButton:disabled{cursor:not-allowed;opacity:.5}.arkynButton .arkynButtonContent{display:flex;align-items:center;justify-content:center;white-space:nowrap}.arkynButton.solid{color:#fff}.arkynButton.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkynButton.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkynButton.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkynButton.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkynButton.solid.info{background-color:rgba(var(--spotlight-info),1)}.arkynButton.outline{background-color:var(--card-foreground-primary);border-color:var(--border)}.arkynButton.outline.primary{color:rgba(var(--spotlight-primary),1)}.arkynButton.outline.danger{color:rgba(var(--spotlight-danger),1)}.arkynButton.outline.success{color:rgba(var(--spotlight-success),1)}.arkynButton.outline.warning{color:rgba(var(--spotlight-warning),1)}.arkynButton.outline.info{color:rgba(var(--spotlight-info),1)}.arkynButton.ghost:hover{filter:brightness(.8)}.arkynButton.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkynButton.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkynButton.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkynButton.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkynButton.ghost.info{color:rgba(var(--spotlight-info),1);background-color:rgba(var(--spotlight-info),.2)}.arkynButton.invisible.primary{color:rgba(var(--spotlight-primary),1)}.arkynButton.invisible.danger{color:rgba(var(--spotlight-danger),1)}.arkynButton.invisible.success{color:rgba(var(--spotlight-success),1)}.arkynButton.invisible.warning{color:rgba(var(--spotlight-warning),1)}.arkynButton.invisible.info{color:rgba(var(--spotlight-info),1)}.arkynButton.lg{font-weight:600;font-size:14px;line-height:14px;border-radius:6px;padding:0 20px;height:44px}.arkynButton.lg .arkynButtonContent,.arkynButton.lg .arkynButtonSpinner{gap:16px}.arkynButton.md{font-weight:600;font-size:14px;line-height:14px;border-radius:6px;gap:16px;padding:0 16px;height:40px}.arkynButton.md .arkynButtonContent,.arkynButton.md .arkynButtonSpinner{gap:14px}.arkynButton.sm{font-weight:600;font-size:12px;line-height:12px;border-radius:6px;padding:0 16px;height:32px}.arkynButton.sm .arkynButtonContent,.arkynButton.sm .arkynButtonSpinner{gap:12px}.arkynButton.xs{font-weight:600;font-size:10px;line-height:10px;border-radius:4px;padding:0 16px;height:24px}.arkynButton.xs .arkynButtonContent,.arkynButton.xs .arkynButtonSpinner{gap:8px}.arkynButton .arkynButtonSpinner{display:flex;align-items:center;justify-content:center;white-space:nowrap;opacity:0}.arkynButton .arkynButtonSpinner>svg{animation:spin 2s linear infinite}.arkynButton.loadingTextFalse .arkynButtonSpinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.arkynButton.loadingTextTrue .arkynButtonSpinner{max-height:0px}.arkynButton.loadingTrue .arkynButtonContent{opacity:0;max-height:0px}.arkynButton.loadingTrue .arkynButtonSpinner{opacity:1;max-height:unset}.arkynDivider{display:block;flex:1;background-color:var(--border)}.arkynDivider.horizontal{width:100%;min-height:1px;max-height:1px}.arkynDivider.vertical{height:100%;min-width:1px;max-width:1px}.arkynIconButton{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkynIconButton:hover{cursor:pointer;filter:brightness(.9)}html.dark .arkynIconButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynIconButton:disabled{cursor:not-allowed;opacity:.5}.arkynIconButtonContent{display:flex;align-items:center;justify-content:center}.arkynIconButton.solid{color:#fff}.arkynIconButton.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkynIconButton.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkynIconButton.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkynIconButton.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkynIconButton.solid.info{background-color:rgba(var(--spotlight-info),1)}.arkynIconButton.outline{background-color:var(--card-foreground-primary);border-color:var(--border)}.arkynIconButton.outline.primary{color:rgba(var(--spotlight-primary),1)}.arkynIconButton.outline.danger{color:rgba(var(--spotlight-danger),1)}.arkynIconButton.outline.success{color:rgba(var(--spotlight-success),1)}.arkynIconButton.outline.warning{color:rgba(var(--spotlight-warning),1)}.arkynIconButton.outline.info{color:rgba(var(--spotlight-info),1)}.arkynIconButton.ghost:hover{filter:brightness(.8)}.arkynIconButton.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkynIconButton.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkynIconButton.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkynIconButton.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkynIconButton.ghost.info{color:rgba(var(--spotlight-info),1);background-color:rgba(var(--spotlight-info),.2)}.arkynIconButton.invisible.primary{color:rgba(var(--spotlight-primary),1)}.arkynIconButton.invisible.danger{color:rgba(var(--spotlight-danger),1)}.arkynIconButton.invisible.success{color:rgba(var(--spotlight-success),1)}.arkynIconButton.invisible.warning{color:rgba(var(--spotlight-warning),1)}.arkynIconButton.invisible.info{color:rgba(var(--spotlight-info),1)}.arkynIconButton.lg{border-radius:6px;height:44px;width:44px}.arkynIconButton.md{border-radius:6px;height:40px;width:40px}.arkynIconButton.sm{border-radius:6px;height:32px;width:32px}.arkynIconButton.xs{border-radius:4px;height:24px;width:24px}.arkynIconButtonSpinner{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}.arkynIconButtonSpinner>svg{animation:spin 2s linear infinite}.arkynIconButton.loadingTrue .arkynIconButtonSpinner{opacity:1}.arkynIconButton.loadingTrue .arkynIconButtonContent{opacity:0}.arkynTooltip{position:relative;display:block}.arkynTooltipText{visibility:hidden;opacity:0;position:absolute;transform:translate(-50%,-50%);white-space:nowrap;transition:.15s all ease-out;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:400;color:var(--tooltip-text);background-color:var(--tooltip-background);z-index:9999}.arkynTooltip.lg .arkynTooltipText{font-size:14px;line-height:14px;padding:8px 12px}.arkynTooltip.md .arkynTooltipText{font-size:12px;line-height:12px;padding:8px 12px}.arkynTooltip:hover .arkynTooltipText{opacity:1;visibility:visible}.arkynTooltip.top .arkynTooltipText{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.top .arkynTooltipText:before{content:"";top:100%;border-style:solid;border-color:var(--tooltip-background) transparent;border-width:6px 6px 0 6px;bottom:20px;position:absolute;left:50%;transform:translate(-50%)}.arkynTooltip.left .arkynTooltipText{top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.left .arkynTooltipText:before{content:"";top:50%;border-style:solid;border-color:transparent var(--tooltip-background);border-width:6px 0 6px 6px;left:100%;position:absolute;transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText:before{content:"";border-style:solid;border-color:transparent var(--tooltip-background);border-width:6px 6px 6px 0;top:50%;left:0;transform:translate(-100%,-50%);position:absolute}.arkynTooltip.bottom .arkynTooltipText{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.bottom .arkynTooltipText:before{content:"";border-style:solid;border-color:var(--tooltip-background) transparent;border-width:0 6px 6px 6px;top:0;left:50%;transform:translate(-50%,-100%);position:absolute}.arkynAudioUploadHasFileContentContainer{display:flex;flex-direction:column;padding:16px;gap:16px}.arkynAudioUploadAudioPlayer{display:flex;align-items:center;gap:8px}.arkynAudioUploadAudioPlayer button{display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;min-height:40px;min-width:40px;max-height:40px;max-width:40px;background-color:rgba(var(--spotlight-primary),1)}.arkynAudioUploadAudioPlayer button:hover{cursor:pointer;background-color:rgba(var(--spotlight-primary),.8)}.arkynAudioUploadAudioPlayer button svg{fill:#fff;stroke:#fff;min-height:20px;min-width:20px;max-height:20px;max-width:20px}.arkynAudioUploadAudioPlayer p{font-size:12px;font-weight:400;line-height:12px;text-align:left;color:var(--text-body);-webkit-user-select:none;user-select:none}.arkynAudioUploadButtonsContainer{display:flex;align-items:center;justify-content:end;gap:8px}.arkynAudioUploadNoFileContent{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;width:100%}.arkynAudioUploadNoFileContent>p{font-size:12px;font-weight:400;line-height:12px;text-align:center;white-space:nowrap;color:var(--text-body)}.arkynAudioUpload{border-width:1px;outline:1px solid transparent;border-color:var(--border);border-radius:8px;width:100%;height:137px;max-width:475px;background:rgba(var(--spotlight-secondary),1)}.arkynAudioUpload.hasAudio{border-style:solid}.arkynAudioUpload.noHasAudio{border-style:dashed}.arkynAudioUpload.hasError{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynBadge{display:flex;align-items:center;justify-content:center;gap:4px;width:min-content;white-space:nowrap;border:1px solid transparent}.arkynBadge.solid{color:#fff}.arkynBadge.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkynBadge.solid.secondary{background-color:var(--text-muted)}.arkynBadge.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkynBadge.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkynBadge.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkynBadge.solid.info{background-color:rgba(var(--spotlight-info),1)}.arkynBadge.outline.primary{border-color:rgba(var(--spotlight-primary),1)}.arkynBadge.outline.primary p,.arkynBadge.outline.primary svg{color:rgba(var(--spotlight-primary),1)}.arkynBadge.outline.secondary{border-color:var(--text-muted)}.arkynBadge.outline.secondary p,.arkynBadge.outline.secondary svg{color:var(--text-muted)}.arkynBadge.outline.danger{border-color:rgba(var(--spotlight-danger),1)}.arkynBadge.outline.danger p,.arkynBadge.outline.danger svg{color:rgba(var(--spotlight-danger),1)}.arkynBadge.outline.success{border-color:rgba(var(--spotlight-success),1)}.arkynBadge.outline.success p,.arkynBadge.outline.success svg{color:rgba(var(--spotlight-success),1)}.arkynBadge.outline.warning{border-color:rgba(var(--spotlight-warning),1)}.arkynBadge.outline.warning p,.arkynBadge.outline.warning svg{color:rgba(var(--spotlight-warning),1)}.arkynBadge.outline.info{border-color:rgba(var(--spotlight-info),1)}.arkynBadge.outline.info p,.arkynBadge.outline.info svg{color:rgba(var(--spotlight-info),1)}.arkynBadge.ghost.primary{background-color:rgba(var(--spotlight-primary),.2)}.arkynBadge.ghost.primary p,.arkynBadge.ghost.primary svg{color:rgba(var(--spotlight-primary),1)}.arkynBadge.ghost.secondary{background-color:rgba(var(--spotlight-secondary),1)}.arkynBadge.ghost.secondary p,.arkynBadge.ghost.secondary svg{color:var(--text-muted)}.arkynBadge.ghost.danger{background-color:rgba(var(--spotlight-danger),.2)}.arkynBadge.ghost.danger p,.arkynBadge.ghost.danger svg{color:rgba(var(--spotlight-danger),1)}.arkynBadge.ghost.success{background-color:rgba(var(--spotlight-success),.2)}.arkynBadge.ghost.success p,.arkynBadge.ghost.success svg{color:rgba(var(--spotlight-success),1)}.arkynBadge.ghost.warning{background-color:rgba(var(--spotlight-warning),.2)}.arkynBadge.ghost.warning p,.arkynBadge.ghost.warning svg{color:rgba(var(--spotlight-warning),1)}.arkynBadge.ghost.info{background-color:rgba(var(--spotlight-info),.2)}.arkynBadge.ghost.info p,.arkynBadge.ghost.info svg{color:rgba(var(--spotlight-info),1)}.arkynBadge.lg{border-radius:12px;padding:0 16px;height:24px}.arkynBadge.lg p{line-height:100%;font-weight:400;font-size:12px}.arkynBadge.md{border-radius:10px;padding:0 12px;height:20px}.arkynBadge.md p{line-height:100%;font-weight:400;font-size:10px}.arkynCardTabButton{display:flex;align-items:center;justify-content:center;padding:8px 16px;font-size:14px;font-weight:600;letter-spacing:0%;border:none;color:var(--text-muted);background-color:var(--background);cursor:pointer}.arkynCardTabButton.isDisabled{cursor:not-allowed;opacity:.2}.arkynCardTabButton:hover:not(:disabled){background-color:var(--background-foreground);color:rgb(var(--spotlight-primary))}.arkynCardTabButton:not(:last-child){border-right:2px solid var(--border)}.arkynCardTabButton.isActive{background-color:var(--background-foreground);color:rgb(var(--spotlight-primary))}.arkynCardTabContainer{display:flex;align-items:center;border:2px solid var(--border);border-radius:8px;width:max-content;overflow:hidden}.arkynCheckbox{display:flex;align-items:center;justify-content:center;border:2px solid var(--border);background-color:rgba(var(--spotlight-secondary),1)}.arkynCheckbox:hover{cursor:pointer}.arkynCheckbox>svg{display:none;stroke-width:3px}.arkynCheckbox.sm{min-height:16px;min-width:16px;max-height:16px;max-width:16px;border-radius:4px}.arkynCheckbox.sm>svg{min-height:12px;min-width:12px;max-height:12px;max-width:12px}.arkynCheckbox.md{min-height:20px;min-width:20px;max-height:20px;max-width:20px;border-radius:4px}.arkynCheckbox.md>svg{min-height:14px;min-width:14px;max-height:14px;max-width:14px}.arkynCheckbox.lg{min-height:24px;min-width:24px;max-height:24px;max-width:24px;border-radius:6px}.arkynCheckbox.lg>svg{min-height:14px;min-width:14px;max-height:14px;max-width:14px}.arkynCheckbox.checkedTrue{background-color:rgb(var(--spotlight-primary),1);border-color:rgb(var(--spotlight-primary),1)}.arkynCheckbox.checkedTrue>svg{display:unset;color:#fff}.arkynCheckbox.errorTrue{border-color:rgb(var(--spotlight-danger),1)}.arkynCurrencyInput{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:8px;border:1px solid transparent;outline:1px solid transparent}.arkynCurrencyInput:hover{cursor:text}.arkynCurrencyInput input{border:none;outline:none;background:transparent;width:100%;line-height:100%}.arkynCurrencyInput input{color:var(--text-heading)}.arkynCurrencyInput .prefix,.arkynCurrencyInput .suffix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute;line-height:100%}.arkynCurrencyInput .prefix{left:0;top:0;bottom:0;border-radius:7px 0 0 7px;border-right:1px solid var(--border)}.arkynCurrencyInput .suffix{right:0;top:0;bottom:0;border-radius:0 7px 7px 0;border-left:1px solid var(--border)}.arkynCurrencyInput input::placeholder{color:var(--text-muted);line-height:100%}.arkynCurrencyInput svg{color:var(--text-muted)}.arkynCurrencyInput.errored svg{color:rgba(var(--spotlight-danger),1)}.arkynCurrencyInput:not(.opacity).focused svg{color:rgba(var(--spotlight-primary),1)}.arkynCurrencyInput.opacity{opacity:.5}.arkynCurrencyInput.solid{border-color:var(--border);background-color:rgba(var(--spotlight-secondary),1)}.arkynCurrencyInput.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynCurrencyInput:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynCurrencyInput.outline{border-color:var(--border)}.arkynCurrencyInput.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynCurrencyInput:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynCurrencyInput.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkynCurrencyInput.underline .suffix,.arkynCurrencyInput.underline .prefix{display:none}.arkynCurrencyInput.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkynCurrencyInput.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkynCurrencyInput.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkynCurrencyInput:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkynCurrencyInput:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkynCurrencyInput.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkynCurrencyInput.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkynCurrencyInput.md.hasPrefix{padding-left:60px}.arkynCurrencyInput.md.hasSuffix{padding-right:60px}.arkynCurrencyInput.md .prefix,.arkynCurrencyInput.md .suffix{height:40px;width:44px;font-size:14px}.arkynCurrencyInput.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkynCurrencyInput.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkynCurrencyInput.lg .prefix,.arkynCurrencyInput.lg .suffix{height:44px;width:48px;font-size:16px}.arkynCurrencyInput.lg.hasPrefix{padding-left:64px}.arkynCurrencyInput.lg.hasSuffix{padding-right:64px}.arkynCurrencyInput .spinner{animation:spin 2s linear infinite}.arkynDrawerContainer{position:fixed;top:0;left:0;right:0;bottom:0;overflow:auto;z-index:9999}.arkynDrawerContainerOverlay{position:fixed;z-index:9997;top:0;left:0;right:0;bottom:0;background:#00000080}.arkynDrawerContainerOverlay:hover{cursor:pointer}.arkynDrawerContainerContent{z-index:9999;position:fixed;top:0;bottom:0;width:max-content;background:var(--card);display:flex;flex-direction:column;overflow:auto;height:100vh}.arkynDrawerContainer.left>.arkynDrawerContainerContent{left:0}.arkynDrawerContainer.right>.arkynDrawerContainerContent{right:0}.arkynDrawerHeader{display:flex;align-items:center;height:56px;padding:16px;font-size:16px;font-weight:600;line-height:20px;color:var(--text-heading);border-bottom:1px solid var(--border)}.arkynDrawerHeaderCloseButton{display:flex;align-items:center;justify-content:center;margin-left:auto;padding:2px;border-radius:4px;border:none;background:none;color:var(--text-body);background-color:var(--card);transition:all .15s ease-out}.arkynDrawerHeaderCloseButton:hover{cursor:pointer;filter:brightness(.9)}.arkynFileUploadHasFileContent{display:flex;flex-direction:column;padding:16px;gap:16px;height:100%;width:100%}.arkynFileUploadFileContainer{display:flex;align-items:center;gap:8px}.arkynFileUploadFileContainer svg{min-width:26px;min-height:26px;color:var(--text-heading)}.arkynFileUploadFileContainer p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:400;text-align:left;color:var(--text-body)}.arkynFileUploadButtonsContainer{display:flex;align-items:center;justify-content:end;gap:8px}.arkynFileUploadNoFileContent{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;width:100%}.arkynFileUploadNoFileContent>p{font-size:12px;font-weight:400;line-height:12px;text-align:center;white-space:nowrap;color:var(--text-body)}.arkynFileUpload{outline:1px solid transparent;border-width:1px;border-color:var(--border);border-radius:8px;width:100%;height:127px;max-width:475px;background:rgba(var(--spotlight-secondary),1)}.arkynFileUpload.hasFile{border-style:solid}.arkynFileUpload.noHasFile{border-style:dashed}.arkynFileUpload.hasError{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynImageUploadHasFileContent{display:flex;align-items:end;justify-content:end;background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;width:100%;padding:6px;gap:8px;border-radius:6px}.arkynImageUploadNoFileContent{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;width:100%}.arkynImageUploadNoFileContent>p{font-size:12px;font-weight:400;line-height:12px;text-align:center;white-space:nowrap;color:var(--text-body)}.arkynImageUpload{outline:1px solid transparent;border-width:1px;border-color:var(--border);border-radius:8px;width:100%;height:174px;max-width:475px;background:rgba(var(--spotlight-secondary),1)}.arkynImageUpload.hasImage{border-style:solid}.arkynImageUpload.noHasImage{border-style:dashed}.arkynImageUpload.hasError{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynInput{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:8px;border:1px solid transparent;outline:1px solid transparent}.arkynInput:hover{cursor:text}.arkynInput input{border:none;outline:none;background:transparent;width:100%;line-height:100%}.arkynInput input{color:var(--text-heading)}.arkynInput input:disabled{-webkit-user-select:none;user-select:none}.arkynInput .prefix,.arkynInput .suffix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute;line-height:100%}.arkynInput .prefix{left:0;top:0;bottom:0;border-radius:7px 0 0 7px;border-right:1px solid var(--border)}.arkynInput .suffix{right:0;top:0;bottom:0;border-radius:0 7px 7px 0;border-left:1px solid var(--border)}.arkynInput input::placeholder{color:var(--text-muted);line-height:100%}.arkynInput svg{color:var(--text-muted)}.arkynInput.errored svg{color:rgba(var(--spotlight-danger),1)}.arkynInput:not(.opacity).focused svg{color:rgba(var(--spotlight-primary),1)}.arkynInput.opacity{opacity:.5}.arkynInput.solid{border-color:var(--border);background-color:rgba(var(--spotlight-secondary),1)}.arkynInput.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynInput:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynInput.outline{border-color:var(--border)}.arkynInput.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynInput:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynInput.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkynInput.underline .suffix,.arkynInput.underline .prefix{display:none}.arkynInput.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkynInput.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkynInput.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkynInput:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkynInput:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkynInput.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkynInput.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkynInput.md.hasPrefix{padding-left:60px}.arkynInput.md.hasSuffix{padding-right:60px}.arkynInput.md .prefix,.arkynInput.md .suffix{height:40px;width:44px;font-size:14px}.arkynInput.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkynInput.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkynInput.lg .prefix,.arkynInput.lg .suffix{height:44px;width:48px;font-size:16px}.arkynInput.lg.hasPrefix{padding-left:64px}.arkynInput.lg.hasSuffix{padding-right:64px}.arkynInput .spinner{animation:spin 2s linear infinite}.arkynMaskedInput{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:8px;border:1px solid transparent;outline:1px solid transparent}.arkynMaskedInput:hover{cursor:text}.arkynMaskedInput input{border:none;outline:none;background:transparent;width:100%;line-height:100%}.arkynMaskedInput input{color:var(--text-heading)}.arkynMaskedInput .prefix,.arkynMaskedInput .suffix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute;line-height:100%}.arkynMaskedInput .prefix{left:0;top:0;bottom:0;border-radius:7px 0 0 7px;border-right:1px solid var(--border)}.arkynMaskedInput .suffix{right:0;top:0;bottom:0;border-radius:0 7px 7px 0;border-left:1px solid var(--border)}.arkynMaskedInput input::placeholder{color:var(--text-muted);line-height:100%}.arkynMaskedInput svg{color:var(--text-muted)}.arkynMaskedInput.errored svg{color:rgba(var(--spotlight-danger),1)}.arkynMaskedInput:not(.opacity).focused svg{color:rgba(var(--spotlight-primary),1)}.arkynMaskedInput.opacity{opacity:.5}.arkynMaskedInput.solid{border-color:var(--border);background-color:rgba(var(--spotlight-secondary),1)}.arkynMaskedInput.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynMaskedInput:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynMaskedInput.outline{border-color:var(--border)}.arkynMaskedInput.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynMaskedInput:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynMaskedInput.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkynMaskedInput.underline .suffix,.arkynMaskedInput.underline .prefix{display:none}.arkynMaskedInput.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkynMaskedInput.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkynMaskedInput.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkynMaskedInput:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkynMaskedInput:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkynMaskedInput.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkynMaskedInput.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkynMaskedInput.md.hasPrefix{padding-left:60px}.arkynMaskedInput.md.hasSuffix{padding-right:60px}.arkynMaskedInput.md .prefix,.arkynMaskedInput.md .suffix{height:40px;width:44px;font-size:14px}.arkynMaskedInput.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkynMaskedInput.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkynMaskedInput.lg .prefix,.arkynMaskedInput.lg .suffix{height:44px;width:48px;font-size:16px}.arkynMaskedInput.lg.hasPrefix{padding-left:64px}.arkynMaskedInput.lg.hasSuffix{padding-right:64px}.arkynMaskedInput .spinner{animation:spin 2s linear infinite}.arkynModalContainer{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:start;justify-content:center;padding:10vh 0;padding-bottom:2rem;overflow:auto;z-index:9999}.arkynModalContainerOverlay{position:fixed;z-index:9997;top:0;left:0;right:0;bottom:0;background:#00000080}.arkynModalContainerOverlay:hover{cursor:pointer}.arkynModalContainerContent{z-index:9999;border-radius:8px;background:var(--card)}.arkynModalFooter{display:flex;align-items:center;gap:16px;padding:16px;border-top:1px solid var(--border)}.arkynModalFooter.left{justify-content:flex-start}.arkynModalFooter.right{justify-content:flex-end}.arkynModalFooter.center{justify-content:center}.arkynModalFooter.between{justify-content:space-between}.arkynModalFooter.around{justify-content:space-around}.arkynModalHeader{display:flex;align-items:center;height:56px;padding:16px;font-size:16px;font-weight:600;line-height:20px;color:var(--text-heading);border-bottom:1px solid var(--border)}.arkynModalHeaderCloseButton{display:flex;align-items:center;justify-content:center;margin-left:auto;padding:2px;border-radius:4px;border:none;background:none;color:var(--text-body);background-color:var(--card);transition:all .15s ease-out}.arkynModalHeaderCloseButton:hover{cursor:pointer;filter:brightness(.9)}.arkynMultiSelectChevron{transition:.15s all ease-in-out;color:var(--text-muted)}.arkynMultiSelectChevron:not(.notAnimate).focused{transform:rotate(180deg)}.arkynMultiSelectContainer{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:6px;border:1px solid transparent;outline:1px solid transparent}.arkynMultiSelectContainer:hover{cursor:pointer}.arkynMultiSelectContainer.opacity{opacity:.5}.arkynMultiSelectContainer .prefix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkynMultiSelectContainer .prefix{left:0;top:0;bottom:0;border-radius:5px 0 0 5px;border-right:1px solid var(--border)}.arkynMultiSelectContainer>svg{color:var(--text-muted)}.arkynMultiSelectContainer.errored>svg{color:rgba(var(--spotlight-danger),1)}.arkynMultiSelectContainer:not(.opacity).focused>svg{color:rgba(var(--spotlight-primary),1)}.arkynMultiSelectContainer.solid{border-color:var(--border);background-color:rgba(var(--spotlight-secondary),1)}.arkynMultiSelectContainer.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynMultiSelectContainer:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynMultiSelectContainer.outline{border-color:var(--border)}.arkynMultiSelectContainer.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynMultiSelectContainer:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynMultiSelectContainer.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkynMultiSelectContainer.underline .prefix{display:none}.arkynMultiSelectContainer.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkynMultiSelectContainer.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkynMultiSelectContainer.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkynMultiSelectContainer:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkynMultiSelectContainer:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkynMultiSelectContainer.md{min-height:40px}.arkynMultiSelectContainer.md.hasPrefix{padding-left:60px}.arkynMultiSelectContainer.md .prefix{height:40px;width:44px;font-size:14px}.arkynMultiSelectContainer.lg{min-height:44px}.arkynMultiSelectContainer.lg .prefix{height:44px;width:48px;font-size:16px}.arkynMultiSelectContainer.lg.hasPrefix{padding-left:64px}.arkynMultiSelectContent{display:flex;align-items:start;gap:4px;flex-wrap:wrap;flex:1}.arkynMultiSelectContent>p{font-weight:400;color:var(--text-muted);-webkit-user-select:none;user-select:none}.arkynMultiSelectContent.md>p{font-size:14px;line-height:14px}.arkynMultiSelectContent.lg>p{font-size:16px;line-height:16px}.arkynMultiSelectMark{display:flex;align-items:center;gap:4px;border-radius:4px;background:var(--card-foreground-third);padding:2px 6px;font-size:14px;font-weight:400;line-height:19.07px;text-align:left;z-index:6;-webkit-user-select:none;user-select:none}.arkynMultiSelectMark button{display:flex;align-items:center;justify-content:center;border:none;background:inherit;width:15px;height:15px}.arkynMultiSelectMark button:disabled{cursor:not-allowed}.arkynMultiSelectMark button:hover:not(:disabled){cursor:pointer;filter:brightness(.9)}.arkynMultiSelectMark button svg{min-width:10px;min-height:10px;color:var(--text-muted)}.arkynMultiSelectOption{display:flex;align-items:center;justify-content:space-between;font-weight:400;line-height:21.79px;color:var(--text-body);-webkit-user-select:none;user-select:none}.arkynMultiSelectOption.md{font-size:14px;padding:8px 16px}.arkynMultiSelectOption.lg{font-size:16px;padding:8px 16px}.arkynMultiSelectOption svg{display:none;height:20px;width:20px;color:rgba(var(--spotlight-primary),1)}.arkynMultiSelectOption:hover{cursor:pointer;background-color:var(--card-foreground-primary)}.arkynMultiSelectOption.active{font-weight:600;color:var(--text-heading);background-color:var(--card-foreground-primary)}.arkynMultiSelectOption.active svg{display:unset}.arkynMultiSelectOptionsContainer{position:absolute;z-index:7;left:-2px;right:-2px;border-radius:6px;list-style:none;display:flex;flex-direction:column;flex:1;overflow:auto;height:max-content;border:1px solid var(--border);background-color:var(--card);max-height:300px;box-shadow:0 4px 8px #0000001a}.arkynMultiSelectOptionsContainer.bottom{top:calc(100% + 5px)}.arkynMultiSelectOptionsContainer.top{bottom:calc(100% + 5px)}.arkynMultiSelectOptionsContainer>p{font-weight:400;font-size:14px;padding:16px;text-align:center;line-height:21.79px;color:var(--text-body)}.arkynMultiSelectOverlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:5}.arkynMultiSelectSpinner{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.arkynPhoneInputContainer{flex:1;position:relative;display:flex;align-items:center;justify-content:start;padding:0 16px;gap:8px;border-radius:6px;border:1px solid transparent;outline:1px solid transparent;min-height:40px;max-height:40px}.arkynPhoneInputContainer:hover{cursor:text}.arkynPhoneInputContainer.opacity{opacity:.5}.arkynPhoneInputContainer.solid{border-color:var(--border);background-color:rgba(var(--spotlight-secondary),1)}.arkynPhoneInputContainer.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynPhoneInputContainer:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynPhoneInputContainer.outline{border-color:var(--border)}.arkynPhoneInputContainer.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynPhoneInputContainer:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynPhoneInputContainer.md{min-height:42px;max-height:42px}.arkynPhoneInputContainer.lg{min-height:46px;max-height:46px}.arkynPhoneInputCountriesOverlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:5}.arkynPhoneInputCountryOption{display:flex;align-items:center;font-weight:400;line-height:21.79px;color:var(--text-body);-webkit-user-select:none;user-select:none;gap:10px}.arkynPhoneInputCountryOption>span{font-weight:400;font-size:14px;line-height:21.79px;color:var(--text-muted);font-weight:300}.arkynPhoneInputCountryOption.md{font-size:14px;padding:8px 16px}.arkynPhoneInputCountryOption.lg{font-size:16px;padding:8px 16px}.arkynPhoneInputCountryOption .flag{max-height:20px;max-width:30px;border-radius:4px}.arkynPhoneInputCountryOption .check{margin-left:auto;display:none;height:20px;width:20px;color:rgba(var(--spotlight-primary),1)}.arkynPhoneInputCountryOption:hover{cursor:pointer;background-color:var(--card-foreground-primary)}.arkynPhoneInputCountryOption.active{font-weight:600;color:var(--text-heading);background-color:var(--card-foreground-primary)}.arkynPhoneInputCountryOption.active svg{display:unset}.arkynPhoneInputCountryOptionsContainer{position:absolute;z-index:7;left:-2px;right:-2px;border-radius:6px;list-style:none;display:flex;flex-direction:column;flex:1;overflow:hidden;height:max-content;border:1px solid var(--border);background-color:var(--card);max-height:300px;box-shadow:0 4px 8px #0000001a;max-height:200px;overflow:auto}.arkynPhoneInputCountryOptionsContainer.bottom{top:calc(100% + 5px)}.arkynPhoneInputCountryOptionsContainer.top{bottom:calc(100% + 5px)}.arkynPhoneInputCountryOptionsContainer>p{font-weight:400;font-size:14px;padding:16px;text-align:center;line-height:21.79px;color:var(--text-body)}.arkynPhoneInputCountryOptionsContainerSearchSelect{padding:16px;border:none;border-bottom:1px solid var(--border);outline:none;color:var(--text-heading);font-size:14px}.arkynPhoneInputCountryOptionsContainerSearchSelect::placeholder{color:var(--text-muted)}.phoneInputSelectCountry{display:flex;align-items:center;gap:8px;cursor:pointer;min-width:58px}.phoneInputSelectCountry .flag{max-height:20px;max-width:30px;border-radius:4px}.phoneInputSelectCountry .chevronDown{min-height:12px;max-height:12px;min-width:12px;max-width:12px;color:var(--text-muted)}.phoneInputSelectCountry>.arkynDivider{min-width:1px;min-height:20px}.phoneInputMask{border:none;outline:none;background:transparent;width:100%;margin-left:8px}.phoneInputMask.md{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.phoneInputMask.md::placeholder{font-weight:400;font-size:14px;line-height:14px}.phoneInputMask.lg{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.phoneInputMask.lg::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkynPopover{position:relative}.arkynPopover .arkynPopoverContent{display:none}.arkynPopover.visibleTrue .arkynPopoverContent{display:unset}.arkynPopoverContent{position:absolute;z-index:3;background-color:var(--card);border-radius:8px;box-shadow:3px 3px 8px #0003}.arkynPopover.bottomLeft .arkynPopoverContent{bottom:-5px;right:0;transform:translateY(100%)}.arkynPopover.bottomRight .arkynPopoverContent{bottom:-5px;left:0;transform:translateY(100%)}.arkynPopover.topLeft .arkynPopoverContent{top:-5px;right:0;transform:translateY(-100%)}.arkynPopover.topRight .arkynPopoverContent{top:-5px;left:0;transform:translateY(-100%)}.arkynPopover.bottom .arkynPopoverContent{top:calc(100% + 5px);left:50%;transform:translate(-50%)}.arkynPopover.top .arkynPopoverContent{bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.arkynPopover.left .arkynPopoverContent{bottom:50%;right:calc(100% + 5px);transform:translateY(50%)}.arkynPopover.right .arkynPopoverContent{bottom:50%;left:calc(100% + 5px);transform:translateY(50%)}.arkynPopoverOverlay{position:fixed;z-index:1;top:0;left:0;bottom:0;right:0}.arkynRadioBox{display:flex;align-items:center;gap:8px;color:var(--text-body);font-size:14px;line-height:19.07px}.arkynRadioBox>button{position:relative;background-color:rgba(var(--spotlight-secondary),1);border:2px solid var(--border);border-radius:99999px}.arkynRadioBox>button:not(:disabled):hover{cursor:pointer}.arkynRadioBox.checkedTrue>button{border-color:rgba(var(--spotlight-primary),1)}.arkynRadioBox.errorTrue>button{border-color:rgba(var(--spotlight-danger),1)}.arkynRadioBox.checkedTrue>button:before{content:"  ";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:99999px;background-color:rgba(var(--spotlight-primary),1)}.arkynRadioBox.sm>button{min-height:20px;min-width:20px;max-height:20px;max-width:20px}.arkynRadioBox.md>button{min-height:24px;min-width:24px;max-height:24px;max-width:24px}.arkynRadioBox.lg>button{min-height:24px;min-width:24px;max-height:24px;max-width:24px}.arkynRadioBox.checkedTrue.sm>button:before{min-height:10px;min-width:10px;max-height:10px;max-width:10px}.arkynRadioBox.checkedTrue.md>button:before{min-height:12px;min-width:12px;max-height:12px;max-width:12px}.arkynRadioBox.checkedTrue.lg>button:before{min-height:12px;min-width:12px;max-height:12px;max-width:12px}.arkynRadioBox.disabledTrue{opacity:.5}.arkynRadioBox.disabledTrue>button{cursor:not-allowed}.arkynRadioGroup{display:flex;align-items:center;gap:32px}.arkynSwitch{position:relative;border:1px solid transparent;border-radius:999999px;transition:all .3s ease-in-out}.arkynSwitch:disabled{cursor:not-allowed;opacity:.5}.arkynSwitch:before{content:"";position:absolute;top:2px;bottom:2px;border-radius:50%;background-color:#fff;transition:all .2s;transform:translate(-2px)}.arkynSwitch.checkedTrue{background-color:rgba(var(--spotlight-primary),1)}.arkynSwitch.checkedFalse{background-color:var(--border)}.arkynSwitch.checkedTrue:before{transform:translate(3px)}.arkynSwitch.sm{min-width:32px;max-width:32px;min-height:16px;max-height:16px}.arkynSwitch.sm:before{min-height:10px;max-height:10px;min-width:10px;max-width:10px}.arkynSwitch.sm.checkedFalse:before{transform:translate(-13px)}.arkynSwitch.md{min-width:40px;max-width:40px;min-height:20px;max-height:20px}.arkynSwitch.md:before{min-height:14px;max-height:14px;min-width:14px;max-width:14px}.arkynSwitch.md.checkedFalse:before{transform:translate(-17px)}.arkynSwitch.lg{min-width:48px;max-width:48px;min-height:24px;max-height:24px}.arkynSwitch.lg:before{min-height:18px;max-height:18px;min-width:18px;max-width:18px}.arkynSwitch.lg.checkedFalse:before{transform:translate(-21px)}.arkynTabButton{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 16px;background-color:transparent;border:none;font-weight:600;font-size:16px;line-height:100%;color:var(--text-muted)}.arkynTabButton.isDisabled{cursor:not-allowed;opacity:.2}.arkynTabButton:hover{cursor:pointer}.arkynTabButton.isActive{color:rgba(var(--spotlight-primary),1)}.arkynTabButton.isActive:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background-color:rgba(var(--spotlight-primary),1)}.arkynTabContainer{position:relative;display:flex;align-items:center;justify-content:start;gap:4px;border-bottom:1px solid var(--border)}.arkynTableBody>tr:nth-child(odd)>td{background-color:var(--card-foreground-primary)}.arkynTableBody>tr>td{padding-left:16px;height:64px;font-weight:400;font-size:14px;color:var(--text-body)}.arkynTableBody>tr>td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.arkynTableBody>tr>td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;padding-right:16px}.arkynTableBody>tr:nth-child(odd):hover>td{filter:brightness(.98)}.arkynTableBody>tr:nth-child(2n):hover>td{background-color:var(--card-foreground-primary);filter:brightness(.98)}html.dark .arkynTableBody>tr:nth-child(odd):hover>td{filter:brightness(1.2)}html.dark .arkynTableBody>tr:nth-child(2n):hover>td{background-color:var(--card-foreground-primary);filter:brightness(1.2)}.arkynTableBodyEmptyLine>td{background-color:var(--card-foreground-primary);height:64px}.arkynTableBodyEmptyLine>td>div{display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;font-weight:400;font-size:14px;color:var(--text-body)}.arkynTableCaption{margin-bottom:24px}.arkynTableCaptionContent{display:flex;align-items:center}.arkynTableCaptionContent>.rightSection{display:flex;align-items:center;justify-content:end;gap:16px;flex:2;padding-left:auto}.arkynTableContainer{display:flex;flex-direction:column;width:100%;height:max-content;overflow-y:hidden;overflow-x:auto}.arkynTableContainer table{border-collapse:separate;border-spacing:0}.arkynTableFooterContent{display:flex;align-items:center;justify-content:space-between;height:48px;padding-top:16px;border-top:1px solid var(--border)}.arkynTableFooter .spacingRow{height:24px}.arkynTableHeader th{text-align:left;background-color:var(--card-foreground-secondary);padding-left:16px;height:44px;color:var(--text-heading);font-weight:600;font-size:14px;white-space:nowrap}.arkynTableHeader th:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.arkynTableHeader th:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;padding-right:16px}.arkynTableHeader .spacingRow{height:12px}.arkynTextarea{flex:1;position:relative;display:flex;align-items:center;padding:16px;gap:8px;border-radius:8px;border:1px solid transparent;outline:1px solid transparent}.arkynTextarea:hover{cursor:text}.arkynTextarea textarea{border:none;outline:none;background:transparent;width:100%;resize:none}.arkynTextarea textarea{color:var(--text-heading)}.arkynTextarea textarea::placeholder{color:var(--text-muted)}.arkynTextarea.opacityTrue{opacity:.5}.arkynTextarea.solid{border-color:var(--border);background-color:rgba(var(--spotlight-secondary),1)}.arkynTextarea.solid.errorTrue{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynTextarea:not(.opacityTrue).solid.focusedTrue{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynTextarea.outline{border-color:var(--border)}.arkynTextarea.outline.errorTrue{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynTextarea:not(.opacityTrue).outline.focusedTrue{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynTextarea.md textarea{font-size:14px;line-height:14px;font-weight:400}.arkynTextarea.md textarea::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkynTextarea.lg textarea{line-height:16px;font-size:16px;font-weight:400}.arkynTextarea.lg textarea::placeholder{font-weight:400;font-size:16px;line-height:16px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkyn/components",
-  "version": "3.0.1-beta.50",
+  "version": "3.0.1-beta.52",
   "main": "./dist/bundle.js",
   "module": "./dist/bundle.js",
   "types": "./dist/index.d.ts",