@arkyn/components 1.3.157 → 1.4.0

package/dist/components/MultiSelect/components/MultiSelectChevron/index.d.ts

@@ -0,0 +1,11 @@
+import "./styles.css";
+type MultiSelectChevronProps = {
+    isLoading: boolean;
+    iconSize: number;
+    disabled: boolean;
+    readOnly: boolean;
+    isFocused: boolean;
+};
+declare function MultiSelectChevron(props: MultiSelectChevronProps): import("react/jsx-runtime").JSX.Element;
+export { MultiSelectChevron };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MultiSelect/components/MultiSelectChevron/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultiSelect/components/MultiSelectChevron/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAEtB,KAAK,uBAAuB,GAAG;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAYzD;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/MultiSelect/components/MultiSelectChevron/index.js

@@ -0,0 +1,13 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
+import "./styles.css";
+function MultiSelectChevron(props) {
+    const { iconSize, isLoading, disabled, readOnly, isFocused } = props;
+    const notAnimate = disabled || readOnly ? "notAnimate" : "";
+    const focused = isFocused ? "focused" : "";
+    const className = `arkynMultiSelectChevron ${notAnimate} ${focused}`;
+    if (isLoading)
+        return _jsx(_Fragment, {});
+    return (_jsx(ChevronDown, { className: className, size: iconSize, strokeWidth: 2.5 }));
+}
+export { MultiSelectChevron };

package/dist/components/MultiSelect/components/MultiSelectContainer/index.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from "react";
+import "./styles.css";
+type MultiSelectContainerProps = {
+    children: ReactNode;
+    handleContainerFocus: () => void;
+    prefixExists: boolean;
+    isError: boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    isLoading: boolean;
+    isFocused: boolean;
+    className?: string;
+    id: string;
+    variant: "solid" | "outline" | "underline";
+    size: "md" | "lg";
+};
+declare function MultiSelectContainer(props: MultiSelectContainerProps): import("react/jsx-runtime").JSX.Element;
+export { MultiSelectContainer };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MultiSelect/components/MultiSelectContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultiSelect/components/MultiSelectContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;IAC3C,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;CACnB,CAAC;AAEF,iBAAS,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CA8B7D;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/MultiSelect/components/MultiSelectContainer/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./styles.css";
+function MultiSelectContainer(props) {
+    const { children, handleContainerFocus, disabled, isError, isLoading, isFocused, className, readOnly, variant, size, id, prefixExists, } = props;
+    const hasPrefix = prefixExists ? "hasPrefix" : "";
+    const errored = isError ? "errored" : "";
+    const opacity = disabled || readOnly || isLoading ? "opacity" : "";
+    const focused = isFocused ? "focused" : "";
+    return (_jsx("section", { onClick: handleContainerFocus, id: id, className: `arkynMultiSelectContainer ${hasPrefix} ${variant} ${size} ${opacity} ${errored} ${focused} ${className}`, children: children }));
+}
+export { MultiSelectContainer };

package/dist/components/MultiSelect/components/MultiSelectContent/index.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+import "./styles.css";
+type MultiSelectContentProps = {
+    children: ReactNode;
+    size: "md" | "lg";
+};
+declare function MultiSelectContent(props: MultiSelectContentProps): import("react/jsx-runtime").JSX.Element;
+export { MultiSelectContent };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MultiSelect/components/MultiSelectContent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultiSelect/components/MultiSelectContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;CACnB,CAAC;AAEF,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAIzD;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/MultiSelect/components/MultiSelectContent/index.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./styles.css";
+function MultiSelectContent(props) {
+    const { children, size } = props;
+    const className = `arkynMultiSelectContent ${size}`;
+    return _jsx("div", { className: className, children: children });
+}
+export { MultiSelectContent };

package/dist/components/MultiSelect/components/MultiSelectMark/index.d.ts

@@ -0,0 +1,9 @@
+import "./styles.css";
+type MultiSelectMarkProps = {
+    label: string;
+    value: string;
+    handleChangeValue: (value: string) => void;
+};
+declare function MultiSelectMark(props: MultiSelectMarkProps): import("react/jsx-runtime").JSX.Element;
+export { MultiSelectMark };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MultiSelect/components/MultiSelectMark/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultiSelect/components/MultiSelectMark/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAEtB,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAkBnD;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/MultiSelect/components/MultiSelectMark/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import "./styles.css";
+function MultiSelectMark(props) {
+    const { label, value, handleChangeValue } = props;
+    return (_jsxs("div", { className: "arkynMultiSelectMark", children: [label, _jsx("button", { type: "button", onClick: (e) => {
+                    e.stopPropagation();
+                    handleChangeValue(value);
+                }, children: _jsx(X, {}) })] }));
+}
+export { MultiSelectMark };

package/dist/components/MultiSelect/components/MultiSelectOption/index.d.ts

@@ -0,0 +1,11 @@
+import "./styles.css";
+type MultiSelectOptionProps = {
+    value: string;
+    label: string;
+    size: "md" | "lg";
+    optionHasSelected: (value: string) => boolean;
+    handleChangeValue: (value: string) => void;
+};
+declare function MultiSelectOption(props: MultiSelectOptionProps): import("react/jsx-runtime").JSX.Element;
+export { MultiSelectOption };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MultiSelect/components/MultiSelectOption/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultiSelect/components/MultiSelectOption/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAEtB,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC9C,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAWvD;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/MultiSelect/components/MultiSelectOption/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check } from "lucide-react";
+import "./styles.css";
+function MultiSelectOption(props) {
+    const { label, optionHasSelected, handleChangeValue, value, size } = props;
+    const hasActive = optionHasSelected(value) ? "active" : "";
+    const className = `arkynMultiSelectOption ${size} ${hasActive}`;
+    return (_jsxs("div", { onClick: () => handleChangeValue(value), className: className, children: [label, " ", _jsx(Check, {})] }));
+}
+export { MultiSelectOption };

package/dist/components/MultiSelect/components/MultiSelectOptionsContainer/index.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+import "./styles.css";
+type MultiSelectOptionsContainerProps = {
+    isFocused: boolean;
+    isSearchable: boolean;
+    children: ReactNode;
+    onSearch: (value: string) => void;
+};
+declare function MultiSelectOptionsContainer(props: MultiSelectOptionsContainerProps): import("react/jsx-runtime").JSX.Element;
+export { MultiSelectOptionsContainer };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MultiSelect/components/MultiSelectOptionsContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultiSelect/components/MultiSelectOptionsContainer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,cAAc,CAAC;AAEtB,KAAK,gCAAgC,GAAG;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,iBAAS,2BAA2B,CAAC,KAAK,EAAE,gCAAgC,2CAyB3E;AAED,OAAO,EAAE,2BAA2B,EAAE,CAAC"}

package/dist/components/MultiSelect/components/MultiSelectOptionsContainer/index.js

@@ -0,0 +1,16 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from "@arkyn/components";
+import { Search } from "lucide-react";
+import "./styles.css";
+function MultiSelectOptionsContainer(props) {
+    const { children, isFocused, isSearchable, onSearch } = props;
+    function handleSearch(e) {
+        if (!isSearchable)
+            return;
+        onSearch(e.target.value);
+    }
+    if (!isFocused)
+        return _jsx(_Fragment, {});
+    return (_jsxs("div", { className: "arkynMultiSelectOptionsContainer", children: [isSearchable && (_jsx(Input, { type: "search", name: "search-select", variant: "underline", leftIcon: Search, onChange: handleSearch })), children] }));
+}
+export { MultiSelectOptionsContainer };

package/dist/components/MultiSelect/components/MultiSelectOverlay/index.d.ts

@@ -0,0 +1,8 @@
+import "./styles.css";
+type MultiSelectOverlayProps = {
+    isFocused: boolean;
+    handleBlur: () => void;
+};
+declare function MultiSelectOverlay(props: MultiSelectOverlayProps): import("react/jsx-runtime").JSX.Element;
+export { MultiSelectOverlay };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MultiSelect/components/MultiSelectOverlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultiSelect/components/MultiSelectOverlay/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,KAAK,uBAAuB,GAAG;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAIzD;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/MultiSelect/components/MultiSelectOverlay/index.js

@@ -0,0 +1,9 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import "./styles.css";
+function MultiSelectOverlay(props) {
+    const { isFocused, handleBlur } = props;
+    if (!isFocused)
+        return _jsx(_Fragment, {});
+    return _jsx("aside", { className: "arkynMultiSelectOverlay", onClick: handleBlur });
+}
+export { MultiSelectOverlay };

package/dist/components/MultiSelect/components/MultiSelectSpinner/index.d.ts

@@ -0,0 +1,8 @@
+import "./styles.css";
+type MultiSelectSpinnerProps = {
+    iconSize: number;
+    isLoading: boolean;
+};
+declare function MultiSelectSpinner(props: MultiSelectSpinnerProps): import("react/jsx-runtime").JSX.Element;
+export { MultiSelectSpinner };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MultiSelect/components/MultiSelectSpinner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultiSelect/components/MultiSelectSpinner/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAEtB,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAWzD;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/MultiSelect/components/MultiSelectSpinner/index.js

@@ -0,0 +1,10 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+import "./styles.css";
+function MultiSelectSpinner(props) {
+    const { iconSize, isLoading } = props;
+    if (!isLoading)
+        return _jsx(_Fragment, {});
+    return (_jsx(Loader2, { className: "arkynMultiSelectSpinner", size: iconSize, strokeWidth: 2.5 }));
+}
+export { MultiSelectSpinner };

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

@@ -0,0 +1,4 @@
+import { MultiSelectProps } from "@arkyn/types";
+declare function MultiSelect(props: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
+export { MultiSelect };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAehD,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAyJ3C;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/MultiSelect/index.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { morpheme } from "../../services";
+import { useFormController } from "../Form/FormController";
+import { MultiSelectChevron } from "./components/MultiSelectChevron";
+import { MultiSelectContainer } from "./components/MultiSelectContainer";
+import { MultiSelectContent } from "./components/MultiSelectContent";
+import { MultiSelectMark } from "./components/MultiSelectMark";
+import { MultiSelectOption } from "./components/MultiSelectOption";
+import { MultiSelectOptionsContainer } from "./components/MultiSelectOptionsContainer";
+import { MultiSelectOverlay } from "./components/MultiSelectOverlay";
+import { MultiSelectSpinner } from "./components/MultiSelectSpinner";
+function MultiSelect(props) {
+    const { name, options, className = "", placeholder = "Selecione...", closeOnSelect = false, defaultValue = [], isError: baseIsError, isLoading = false, readOnly = false, isSearchable = false, leftIcon: LeftIcon, onSearch, onSelect, onBlur, notFoundText = "Sem opções disponíveis", onFocus, disabled = false, prefix: basePrefix, size = "md", value, variant = "solid", } = props;
+    const formController = useFormController();
+    const baseRef = useRef(null);
+    const multiSelectRef = formController.inputRef || baseRef;
+    const multiSelectId = formController.id;
+    const isError = baseIsError || !!formController.error;
+    const iconSizes = { md: 20, lg: 20 };
+    const iconSize = iconSizes[size];
+    const prefix = morpheme(basePrefix, iconSize, "prefix");
+    const [search, setSearch] = useState("");
+    const [isFocused, setIsFocused] = useState(false);
+    const [selectedOptions, setSelectedOptions] = useState(defaultValue);
+    const forceSelectedOptions = value || selectedOptions;
+    function optionHasSelected(value) {
+        return forceSelectedOptions.includes(value);
+    }
+    function getOptionLabel(value) {
+        const option = options.find((option) => option.value === value);
+        return option?.label || "";
+    }
+    function handleContainerFocus() {
+        if (disabled || !multiSelectRef?.current || isFocused)
+            return;
+        setIsFocused(true);
+        multiSelectRef.current.focus();
+        onFocus && onFocus();
+    }
+    function handleBlur() {
+        setIsFocused(false);
+        if (onBlur && multiSelectRef.current)
+            multiSelectRef.current.blur();
+    }
+    function handleSearch(value) {
+        setSearch(value);
+        if (onSearch)
+            onSearch(value);
+    }
+    function handleChangeValue(value) {
+        if (optionHasSelected(value)) {
+            setSelectedOptions(selectedOptions.filter((v) => v !== value));
+        }
+        else
+            setSelectedOptions([...selectedOptions, value]);
+        if (onSelect)
+            onSelect(selectedOptions);
+        if (closeOnSelect)
+            handleBlur();
+    }
+    const mappedOptions = options.filter((option) => {
+        if (props.onSearch)
+            return true;
+        if (!props.isSearchable)
+            return true;
+        if (option.label.toLowerCase().includes(search.toLowerCase()))
+            return true;
+        return false;
+    });
+    return (_jsxs(MultiSelectContainer, { handleContainerFocus: handleContainerFocus, disabled: disabled, isError: isError, isFocused: isFocused, isLoading: isLoading, readOnly: readOnly, size: size, variant: variant, className: className, prefixExists: !!basePrefix, id: multiSelectId, children: [_jsx("input", { ref: multiSelectRef, name: name, value: JSON.stringify(forceSelectedOptions), type: "hidden" }), prefix, LeftIcon && _jsx(LeftIcon, { size: iconSize, strokeWidth: 2.5 }), _jsxs(MultiSelectContent, { size: size, children: [forceSelectedOptions.map((value) => (_jsx(MultiSelectMark, { label: getOptionLabel(value), value: value, handleChangeValue: handleChangeValue }, value))), forceSelectedOptions.length <= 0 && _jsx("p", { children: placeholder })] }), _jsxs(MultiSelectOptionsContainer, { isFocused: isFocused, isSearchable: isSearchable, onSearch: handleSearch, children: [mappedOptions.map(({ label, value }) => (_jsx(MultiSelectOption, { label: label, value: value, size: size, handleChangeValue: handleChangeValue, optionHasSelected: optionHasSelected }, value))), mappedOptions.length <= 0 && _jsx("p", { children: notFoundText })] }), _jsx(MultiSelectChevron, { disabled: disabled, isFocused: isFocused, readOnly: readOnly, iconSize: iconSize, isLoading: isLoading }), _jsx(MultiSelectSpinner, { iconSize: iconSize, isLoading: isLoading }), _jsx(MultiSelectOverlay, { handleBlur: handleBlur, isFocused: isFocused })] }));
+}
+export { MultiSelect };

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export { FormController, FormError, FormLabel } from "./components/Form";
 export { IconButton } from "./components/IconButton";
 export { ImageUpload } from "./components/ImageUpload";
 export { Input } from "./components/Input";
+export { MultiSelect } from "./components/MultiSelect";
 export { RadioBox, RadioGroup } from "./components/Radio";
 export { RichText } from "./components/RichText";
 export { Select } from "./components/Select";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,UAAU,GACX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EACL,SAAS,EACT,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,GACZ,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAGzD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAGjE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,UAAU,GACX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EACL,SAAS,EACT,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,GACZ,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAGzD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAGjE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/index.js

@@ -12,6 +12,7 @@ export { FormController, FormError, FormLabel } from "./components/Form";
 export { IconButton } from "./components/IconButton";
 export { ImageUpload } from "./components/ImageUpload";
 export { Input } from "./components/Input";
+export { MultiSelect } from "./components/MultiSelect";
 export { RadioBox, RadioGroup } from "./components/Radio";
 export { RichText } from "./components/RichText";
 export { Select } from "./components/Select";

package/dist/style.css

@@ -1 +1 @@
-.arkynAlertContainer{display:flex;align-items:start;gap:16px;padding:16px;border:1px solid transparent;border-radius:var(--rounded-cards)}.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)}.arkynAlertTitle{font-size:16px;font-weight:600;line-height:17px;text-align:left;color:var(--text-heading)}.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)}.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.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{color:rgba(var(--spotlight-primary),1);border-color:rgba(var(--spotlight-primary),1)}.arkynBadge.outline.danger{color:rgba(var(--spotlight-danger),1);border-color:rgba(var(--spotlight-danger),1)}.arkynBadge.outline.success{color:rgba(var(--spotlight-success),1);border-color:rgba(var(--spotlight-success),1)}.arkynBadge.outline.warning{color:rgba(var(--spotlight-warning),1);border-color:rgba(var(--spotlight-warning),1)}.arkynBadge.outline.info{color:rgba(var(--spotlight-info),1);border-color:rgba(var(--spotlight-info),1)}.arkynBadge.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkynBadge.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkynBadge.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkynBadge.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkynBadge.ghost.info{color:rgba(var(--spotlight-info),1);background-color:rgba(var(--spotlight-info),.2)}.arkynBadge.lg{font-weight:400;font-size:12px;line-height:12px;border-radius:calc(var(--rounded-inputs) * .6667);padding:0 16px;height:24px}.arkynBadge.md{font-weight:400;font-size:10px;line-height:10px;border-radius:calc(var(--rounded-inputs) * .6667);padding:0 12px;height:20px}.arkynCard{display:flex;padding:20px;width:100%;height:max-content;border-radius:var(--rounded-cards);background-color:var(--card)}.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}.arkynSkeleton{width:100%;height:100%;border-radius:6px;background:linear-gradient(to right,var(--skeleton) 4%,var(--skeleton-foreground) 25%,var(--skeleton) 36%);background-size:40rem 100%;animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{background-position:-40rem 0}to{background-position:40rem 0}}.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:var(--rounded-cards);border-bottom-left-radius:var(--rounded-cards)}.arkynTableBody>tr>td:last-child{border-top-right-radius:var(--rounded-cards);border-bottom-right-radius:var(--rounded-cards);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:var(--rounded-cards);border-bottom-left-radius:var(--rounded-cards)}.arkynTableHeader th:last-child{border-top-right-radius:var(--rounded-cards);border-bottom-right-radius:var(--rounded-cards);padding-right:16px}.arkynTableHeader .spacingRow{height:12px}.arkynButton{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkynButton:hover{cursor:pointer;filter:brightness(.95)}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:rgba(var(--input-background),1);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.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:var(--rounded-inputs);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:var(--rounded-inputs);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:var(--rounded-inputs);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:calc(var(--rounded-inputs) * .6667);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}.arkynFormController{display:flex;flex-direction:column;gap:6px}.arkynCheckbox{display:flex;align-items:center;justify-content:center;border:2px solid var(--border);background-color:rgba(var(--input-background),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:calc(var(--rounded-inputs) * .3333)}.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:calc(var(--rounded-inputs) * .6667)}.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:var(--rounded-inputs)}.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)}.arkynFormError{font-size:12px;line-height:12px;font-weight:600;color:rgb(var(--spotlight-danger),1)}.arkynFormLabel{color:var(--text-body);font-size:14px;font-weight:600;line-height:19.07px}.arkynFormLabel.asteriskTrue:before{content:"* ";font-size:12px;font-weight:600;line-height:16.34px;text-align:left;color:rgb(var(--spotlight-danger),1)}.arkynIconButton{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkynIconButton:hover{cursor:pointer;filter:brightness(.95)}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:rgba(var(--input-background),1);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.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:var(--rounded-inputs);height:44px;width:44px}.arkynIconButton.md{border-radius:var(--rounded-inputs);height:40px;width:40px}.arkynIconButton.sm{border-radius:var(--rounded-inputs);height:32px;width:32px}.arkynIconButton.xs{border-radius:calc(var(--rounded-inputs) * .6667);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}.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:calc(var(--rounded-inputs) - 2px)}.arkynImageUploadError{font-size:12px;line-height:12px;font-weight:600;color:rgb(var(--spotlight-danger),1)}.arkynImageUploadLabel{color:var(--text-body);font-size:14px;font-weight:600;line-height:19.07px}.arkynImageUploadLabel.asteriskTrue:before{content:"* ";font-size:12px;font-weight:600;line-height:16.34px;text-align:left;color:rgb(var(--spotlight-danger),1)}.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)}.arkynImageUploadContainer{display:flex;flex-direction:column;gap:6px}.arkynImageUpload{border-width:2px;border-color:var(--border);border-radius:var(--rounded-inputs);width:100%;height:174px;max-width:475px;background:rgba(var(--input-background),1)}.arkynImageUpload.hasImage{border-style:solid}.arkynImageUpload.noHasImage{border-style:dashed}.arkynImageUpload.hasError{border-color:rgb(var(--spotlight-danger))}.arkyn_input{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:var(--rounded-inputs);border:1px solid transparent;outline:1px solid transparent}.arkyn_input:hover{cursor:text}.arkyn_input input{border:none;outline:none;background:transparent;width:100%}.arkyn_input input{color:var(--text-heading)}.arkyn_input .prefix,.arkyn_input .sufix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkyn_input .prefix{left:0;top:0;bottom:0;border-radius:calc(var(--rounded-inputs) - 1px) 0 0 calc(var(--rounded-inputs) - 1px);border-right:1px solid var(--border)}.arkyn_input .sufix{right:0;top:0;bottom:0;border-radius:0 calc(var(--rounded-inputs) - 1px) calc(var(--rounded-inputs) - 1px) 0;border-left:1px solid var(--border)}.arkyn_input input::placeholder{color:var(--text-muted)}.arkyn_input svg{color:var(--text-muted)}.arkyn_input.errored svg{color:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).focused svg{color:rgba(var(--spotlight-primary),1)}.arkyn_input.opacity{opacity:.5}.arkyn_input.solid{border-color:var(--border);background-color:rgba(var(--input-background),1)}.arkyn_input.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_input.outline{border-color:var(--border)}.arkyn_input.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_input.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkyn_input.underline .sufix,.arkyn_input.underline .prefix{display:none}.arkyn_input.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkyn_input.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkyn_input.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkyn_input:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkyn_input.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkyn_input.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkyn_input.md.hasPrefix{padding-left:60px}.arkyn_input.md.hasSufix{padding-right:60px}.arkyn_input.md .prefix,.arkyn_input.md .sufix{height:40px;width:44px;font-size:14px}.arkyn_input.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkyn_input.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkyn_input.lg .prefix,.arkyn_input.lg .sufix{height:44px;width:48px;font-size:16px}.arkyn_input.lg.hasPrefix{padding-left:64px}.arkyn_input.lg.hasSufix{padding-right:64px}.arkyn_input .spinner{animation:spin 2s linear infinite}.arkynRadioGroup{display:flex;align-items:center;gap:32px}.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(--input-background),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}.arkynRichTextBlockButton{display:flex;align-items:center;justify-content:center;height:36px;width:36px;background-color:var(--card-foreground-secondary);border:none;border-radius:4px}.arkynRichTextBlockButton svg{height:20px;width:20px;color:var(--text-heading)}.arkynRichTextBlockButton:hover{cursor:pointer;filter:brightness(.98)}html.dark .arkynRichTextBlockButton:hover{cursor:pointer;filter:brightness(.9)}.arkynElementBlockquote,.arkynElementBulletList,.arkynElementListItem,.arkynElementNumberedList,.arkynElementParagraph{color:var(--text-body);font-size:14px;font-weight:400}.arkynElementHeadingOne,.arkynElementHeadingTwo{color:var(--text-heading);font-weight:600}.arkynElementHeadingOne{font-size:18px}.arkynElementHeadingTwo{font-size:16px}.arkynRichTextMarkButton{display:flex;align-items:center;justify-content:center;height:36px;width:36px;background-color:var(--card-foreground-secondary);border:none;border-radius:4px}.arkynRichTextMarkButton svg{height:20px;width:20px;color:var(--text-heading)}.arkynRichTextMarkButton:hover{cursor:pointer;filter:brightness(.97)}html.dark .arkynRichTextMarkButton:hover{cursor:pointer;filter:brightness(.9)}.arkynRichTextMarkButton.activeTrue{filter:brightness(.97)}html.dark .arkynRichTextMarkButton.activeTrue{filter:brightness(.9)}.arkynRichTextMarkButton.activeTrue svg{color:rgba(var(--spotlight-primary),1)}.arkynRichTextToolbar{display:flex;align-items:center;flex-wrap:wrap;border-radius:var(--rounded-inputs) var(--rounded-inputs) 0 0;padding:12px 16px;column-gap:24px;row-gap:12px;background-color:var(--card-foreground-secondary);border-bottom:1px solid var(--border)}.arkynRichText{display:flex;flex-direction:column;background-color:rgba(var(--input-background),1);border:1px solid var(--border);border-radius:var(--rounded-inputs);outline:1px solid transparent}.arkynRichText.errorTrue{outline-color:rgba(var(--spotlight-danger),1);border-color:rgba(var(--spotlight-danger),1)}.arkynRichText.focusTrue{outline-color:rgba(var(--spotlight-primary),1);border-color:rgba(var(--spotlight-primary),1)}.arkynRichText .editorContainer{padding:16px;outline:none;min-height:300px}.arkynRichText .restatesCharacters{display:block;margin-left:auto;padding:8px;font-size:16px;font-weight:600;color:rgba(var(--spotlight-danger),1)}.arkyn_select{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}.arkyn_select:hover{cursor:pointer}.arkyn_select input{border:none;outline:none;background:transparent;width:100%}.arkyn_select input{color:var(--text-heading)}.arkyn_select .prefix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkyn_select .prefix{left:0;top:0;bottom:0;border-radius:5px 0 0 5px;border-right:1px solid var(--border)}.arkyn_select.placeholder_dark_true input::placeholder{color:var(--text-heading)}.arkyn_select.placeholder_dark_false input::placeholder{color:var(--text-muted)}.arkyn_select svg{color:var(--text-muted)}.arkyn_select.errored svg{color:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).focused svg{color:rgba(var(--spotlight-primary),1)}.arkyn_select.opacity{opacity:.5}.arkyn_select .arkyn_select_arrow{transition:.15s all ease-in-out;color:var(--text-muted)}.arkyn_select:not(.opacity).focused .arkyn_select_arrow{transform:rotate(180deg)}.arkyn_select.solid{border-color:var(--border);background-color:rgba(var(--input-background),1)}.arkyn_select.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_select.outline{border-color:var(--border)}.arkyn_select.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_select.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkyn_select.underline .prefix{display:none}.arkyn_select.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkyn_select.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkyn_select.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkyn_select:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkyn_select.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkyn_select.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkyn_select.md.hasPrefix{padding-left:60px}.arkyn_select.md .prefix{height:40px;width:44px;font-size:14px}.arkyn_select.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkyn_select.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkyn_select.lg .prefix{height:44px;width:48px;font-size:16px}.arkyn_select.lg.hasPrefix{padding-left:64px}.arkyn_select_content{position:absolute;z-index:6;top:calc(100% + 5px);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}.arkyn_select_content .arkyn_select_option{display:flex;align-items:center;justify-content:space-between;font-weight:400;line-height:21.79px;color:var(--text-body)}.arkyn_select.md .arkyn_select_content .arkyn_select_option{font-size:14px;padding:8px 16px}.arkyn_select.lg .arkyn_select_content .arkyn_select_option{font-size:16px;padding:8px 16px}.arkyn_select_content>p{font-weight:400;font-size:14px;padding:16px;text-align:center;line-height:21.79px;color:var(--text-body)}.arkyn_select_content .arkyn_select_option svg{height:20px;width:20px;color:rgba(var(--spotlight-primary),1);display:none}.arkyn_select_content .arkyn_select_option:hover{cursor:pointer;background-color:var(--card-foreground-primary)}.arkyn_select_content .arkyn_select_option.active{font-weight:600;color:var(--text-heading);background-color:var(--card-foreground-primary)}.arkyn_select_content .arkyn_select_option.active svg{display:unset}.arkyn_select .spinner{animation:spin 2s linear infinite}.arkyn_select_overlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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)}.arkynTextarea{flex:1;position:relative;display:flex;align-items:center;padding:16px;gap:8px;border-radius:var(--rounded-inputs);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(--input-background),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}.arkynBreadcrumbContainer{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;gap:4px}.arkynBreadcrumbLink{-webkit-user-select:none;user-select:none;text-decoration:none;font-size:14px;color:var(--text-body)}.arkynBreadcrumbLink.active{color:var(--text-muted)}.arkynBreadcrumbLink.inactive:hover{cursor:pointer;color:var(--text-muted)}.arkynBreadcrumbLink:first-child>svg{display:none}.arkynBreadcrumbLink:not(:first-child){display:flex;align-items:center;gap:4px}.arkynBreadcrumbLink:not(:first-child)>svg{display:unset;color:var(--text-body)}.arkynPagination{display:flex;justify-content:center;align-items:center;gap:8px}.arkynPagination .arkynPaginationIconButton,.arkynPagination .arkynPaginationPageButton{background-color:var(--background-foreground);border:none;max-height:28px;max-width:28px;min-height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--rounded-inputs)}.arkynPagination .arkynPaginationIconButton:hover,.arkynPagination .arkynPaginationPageButton:hover{filter:brightness(.98);cursor:pointer}html.dark .arkynPagination .arkynPaginationIconButton:hover,html.dark .arkynPagination .arkynPaginationPageButton:hover{filter:brightness(1.2)}.arkynPagination .arkynPaginationIconButton>svg{color:var(--text-muted);height:20px;width:20px}.arkynPagination .arkynPaginationPageButton{color:var(--text-body);font-size:14px;font-weight:600}.arkynPagination .arkynPaginationIconButton:disabled{filter:brightness(1);cursor:not-allowed;opacity:.5}.arkynPagination .arkynPaginationCurrent{background-color:rgba(var(--spotlight-primary),1);color:#fff;border:none;max-height:28px;max-width:28px;min-height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--rounded-inputs)}.arkynPagination .arkynPaginationSpread{background-color:transparent;color:var(--text-muted);border:none;max-height:28px;max-width:28px;min-height:28px;min-width:28px;display:flex;align-items:center;justify-content:center}.arkynPagination .arkynPaginationSpread>svg{color:var(--text-muted);height:16px;width:16px}.arkynTabContainer{position:relative;display:flex;align-items:center;justify-content:start;gap:4px;border-bottom:1px solid var(--border)}.arkynTabContainer .activeLine{position:absolute;height:1px;transition:all .3s ease-in-out;bottom:-1px;background-color:rgba(var(--spotlight-primary),1)}.arkynTabButton{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 16px;background-color:transparent;border:none;font-size:14px;font-weight:600;text-align:center;color:var(--text-muted);transition:all .3s ease-in-out}.arkynTabButton.showBorderBottom:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background-color:rgba(var(--spotlight-primary),1)}.arkynTabButton:hover{cursor:pointer}.arkynTabButton.activeTrue{color:rgba(var(--spotlight-primary),1)}.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)}.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)}.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:var(--rounded-cards);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)}.arkynPopover{position:relative}.arkynPopover .arkynPopoverContent{display:none}.arkynPopover.visibleTrue .arkynPopoverContent{display:unset}.arkynPopoverContent{position:absolute;z-index:3;background-color:var(--card);border-radius:var(--rounded-cards);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}.arkynToast{display:flex;align-items:start;min-width:300px;max-width:300px;padding:16px;gap:12px;border-radius:var(--rounded-cards);box-shadow:0 4px 8px #0000001a}.arkynToast>div{display:flex;align-items:center;justify-content:center;position:relative;border-radius:90px;overflow:hidden}.arkynToast>div>.bg{content:" ";left:0;right:0;top:0;bottom:0;position:absolute;z-index:1}.arkynToast>div>svg{z-index:2}.arkynToast>div circle{display:none}.arkynToast>p{display:flex;flex-direction:column;gap:8px;width:100%;overflow:hidden}.arkynToast>p>strong{width:100%;overflow:hidden;text-overflow:ellipsis}.arkynToast.info{background-color:rgba(var(--toast-info),1);color:#fff}.arkynToast.info>div>.bg{background-color:rgba(var(--toast-info),1);filter:brightness(.8)}.arkynToast.warning{background-color:rgba(var(--toast-warning),1);color:#fff}.arkynToast.warning>div>.bg{background-color:rgba(var(--toast-warning),1);filter:brightness(.8)}.arkynToast.danger{background-color:rgba(var(--toast-danger),1);color:#fff}.arkynToast.danger>div>.bg{background-color:rgba(var(--toast-danger),1);filter:brightness(.8)}.arkynToast.success{background-color:rgba(var(--toast-success),1);color:#fff}.arkynToast.success>div>.bg{background-color:rgba(var(--toast-success),1);filter:brightness(.8)}.arkynToast.md{min-width:260px}.arkynToast.md>div{min-height:20px;max-height:20px;min-width:20px;max-width:20px}.arkynToast.md>div>svg{min-height:26px;min-width:26px}.arkynToast.md>p>strong{font-weight:600;font-size:14px;line-height:16px}.arkynToast.md>p>span{font-weight:400;font-size:12px;line-height:14px}.arkynToast.lg{min-width:260px}.arkynToast.lg>div{min-height:24px;max-height:24px;min-width:24px;max-width:24px}.arkynToast.lg>div>svg{min-height:30px;min-width:30px}.arkynToast.lg>p>strong{font-weight:600;font-size:15px;line-height:17px}.arkynToast.lg>p>span{font-weight:400;font-size:14px;line-height:16px}.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}.arkynGoogleMapPinnedEmpty{display:flex;align-items:center;justify-content:center;border:2px dashed var(--border);border-radius:var(--rounded-cards);background-color:rgba(var(--input-background),1)}.arkynGoogleMapPinnedEmpty>svg{height:64px;width:64px;color:var(--text-muted);stroke-width:1px}.arkynGoogleMapPinned{border-radius:var(--rounded-cards)}
+.arkynAlertContainer{display:flex;align-items:start;gap:16px;padding:16px;border:1px solid transparent;border-radius:var(--rounded-cards)}.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)}.arkynAlertTitle{font-size:16px;font-weight:600;line-height:17px;text-align:left;color:var(--text-heading)}.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)}.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.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{color:rgba(var(--spotlight-primary),1);border-color:rgba(var(--spotlight-primary),1)}.arkynBadge.outline.danger{color:rgba(var(--spotlight-danger),1);border-color:rgba(var(--spotlight-danger),1)}.arkynBadge.outline.success{color:rgba(var(--spotlight-success),1);border-color:rgba(var(--spotlight-success),1)}.arkynBadge.outline.warning{color:rgba(var(--spotlight-warning),1);border-color:rgba(var(--spotlight-warning),1)}.arkynBadge.outline.info{color:rgba(var(--spotlight-info),1);border-color:rgba(var(--spotlight-info),1)}.arkynBadge.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkynBadge.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkynBadge.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkynBadge.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkynBadge.ghost.info{color:rgba(var(--spotlight-info),1);background-color:rgba(var(--spotlight-info),.2)}.arkynBadge.lg{font-weight:400;font-size:12px;line-height:12px;border-radius:calc(var(--rounded-inputs) * .6667);padding:0 16px;height:24px}.arkynBadge.md{font-weight:400;font-size:10px;line-height:10px;border-radius:calc(var(--rounded-inputs) * .6667);padding:0 12px;height:20px}.arkynCard{display:flex;padding:20px;width:100%;height:max-content;border-radius:var(--rounded-cards);background-color:var(--card)}.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}.arkynSkeleton{width:100%;height:100%;border-radius:6px;background:linear-gradient(to right,var(--skeleton) 4%,var(--skeleton-foreground) 25%,var(--skeleton) 36%);background-size:40rem 100%;animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{background-position:-40rem 0}to{background-position:40rem 0}}.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:var(--rounded-cards);border-bottom-left-radius:var(--rounded-cards)}.arkynTableBody>tr>td:last-child{border-top-right-radius:var(--rounded-cards);border-bottom-right-radius:var(--rounded-cards);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:var(--rounded-cards);border-bottom-left-radius:var(--rounded-cards)}.arkynTableHeader th:last-child{border-top-right-radius:var(--rounded-cards);border-bottom-right-radius:var(--rounded-cards);padding-right:16px}.arkynTableHeader .spacingRow{height:12px}.arkynButton{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkynButton:hover{cursor:pointer;filter:brightness(.95)}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:rgba(var(--input-background),1);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.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:var(--rounded-inputs);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:var(--rounded-inputs);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:var(--rounded-inputs);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:calc(var(--rounded-inputs) * .6667);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}.arkynFormController{display:flex;flex-direction:column;gap:6px}.arkynCheckbox{display:flex;align-items:center;justify-content:center;border:2px solid var(--border);background-color:rgba(var(--input-background),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:calc(var(--rounded-inputs) * .3333)}.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:calc(var(--rounded-inputs) * .6667)}.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:var(--rounded-inputs)}.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)}.arkynFormError{font-size:12px;line-height:12px;font-weight:600;color:rgb(var(--spotlight-danger),1)}.arkynFormLabel{color:var(--text-body);font-size:14px;font-weight:600;line-height:19.07px}.arkynFormLabel.asteriskTrue:before{content:"* ";font-size:12px;font-weight:600;line-height:16.34px;text-align:left;color:rgb(var(--spotlight-danger),1)}.arkynIconButton{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkynIconButton:hover{cursor:pointer;filter:brightness(.95)}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:rgba(var(--input-background),1);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.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:var(--rounded-inputs);height:44px;width:44px}.arkynIconButton.md{border-radius:var(--rounded-inputs);height:40px;width:40px}.arkynIconButton.sm{border-radius:var(--rounded-inputs);height:32px;width:32px}.arkynIconButton.xs{border-radius:calc(var(--rounded-inputs) * .6667);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}.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:calc(var(--rounded-inputs) - 2px)}.arkynImageUploadError{font-size:12px;line-height:12px;font-weight:600;color:rgb(var(--spotlight-danger),1)}.arkynImageUploadLabel{color:var(--text-body);font-size:14px;font-weight:600;line-height:19.07px}.arkynImageUploadLabel.asteriskTrue:before{content:"* ";font-size:12px;font-weight:600;line-height:16.34px;text-align:left;color:rgb(var(--spotlight-danger),1)}.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)}.arkynImageUploadContainer{display:flex;flex-direction:column;gap:6px}.arkynImageUpload{border-width:2px;border-color:var(--border);border-radius:var(--rounded-inputs);width:100%;height:174px;max-width:475px;background:rgba(var(--input-background),1)}.arkynImageUpload.hasImage{border-style:solid}.arkynImageUpload.noHasImage{border-style:dashed}.arkynImageUpload.hasError{border-color:rgb(var(--spotlight-danger))}.arkyn_input{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:var(--rounded-inputs);border:1px solid transparent;outline:1px solid transparent}.arkyn_input:hover{cursor:text}.arkyn_input input{border:none;outline:none;background:transparent;width:100%}.arkyn_input input{color:var(--text-heading)}.arkyn_input .prefix,.arkyn_input .sufix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkyn_input .prefix{left:0;top:0;bottom:0;border-radius:calc(var(--rounded-inputs) - 1px) 0 0 calc(var(--rounded-inputs) - 1px);border-right:1px solid var(--border)}.arkyn_input .sufix{right:0;top:0;bottom:0;border-radius:0 calc(var(--rounded-inputs) - 1px) calc(var(--rounded-inputs) - 1px) 0;border-left:1px solid var(--border)}.arkyn_input input::placeholder{color:var(--text-muted)}.arkyn_input svg{color:var(--text-muted)}.arkyn_input.errored svg{color:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).focused svg{color:rgba(var(--spotlight-primary),1)}.arkyn_input.opacity{opacity:.5}.arkyn_input.solid{border-color:var(--border);background-color:rgba(var(--input-background),1)}.arkyn_input.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_input.outline{border-color:var(--border)}.arkyn_input.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_input.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkyn_input.underline .sufix,.arkyn_input.underline .prefix{display:none}.arkyn_input.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkyn_input.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkyn_input.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkyn_input:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkyn_input.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkyn_input.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkyn_input.md.hasPrefix{padding-left:60px}.arkyn_input.md.hasSufix{padding-right:60px}.arkyn_input.md .prefix,.arkyn_input.md .sufix{height:40px;width:44px;font-size:14px}.arkyn_input.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkyn_input.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkyn_input.lg .prefix,.arkyn_input.lg .sufix{height:44px;width:48px;font-size:16px}.arkyn_input.lg.hasPrefix{padding-left:64px}.arkyn_input.lg.hasSufix{padding-right:64px}.arkyn_input .spinner{animation:spin 2s linear infinite}.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(--input-background),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;max-height:40px}.arkynMultiSelectContainer.md.hasPrefix{padding-left:60px}.arkynMultiSelectContainer.md .prefix{height:40px;width:44px;font-size:14px}.arkynMultiSelectContainer.lg{min-height:44px;max-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-terceary);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:hover{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:6;top:calc(100% + 5px);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}.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}.arkynRadioGroup{display:flex;align-items:center;gap:32px}.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(--input-background),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}.arkynRichTextBlockButton{display:flex;align-items:center;justify-content:center;height:36px;width:36px;background-color:var(--card-foreground-secondary);border:none;border-radius:4px}.arkynRichTextBlockButton svg{height:20px;width:20px;color:var(--text-heading)}.arkynRichTextBlockButton:hover{cursor:pointer;filter:brightness(.98)}html.dark .arkynRichTextBlockButton:hover{cursor:pointer;filter:brightness(.9)}.arkynElementBlockquote,.arkynElementBulletList,.arkynElementListItem,.arkynElementNumberedList,.arkynElementParagraph{color:var(--text-body);font-size:14px;font-weight:400}.arkynElementHeadingOne,.arkynElementHeadingTwo{color:var(--text-heading);font-weight:600}.arkynElementHeadingOne{font-size:18px}.arkynElementHeadingTwo{font-size:16px}.arkynRichTextMarkButton{display:flex;align-items:center;justify-content:center;height:36px;width:36px;background-color:var(--card-foreground-secondary);border:none;border-radius:4px}.arkynRichTextMarkButton svg{height:20px;width:20px;color:var(--text-heading)}.arkynRichTextMarkButton:hover{cursor:pointer;filter:brightness(.97)}html.dark .arkynRichTextMarkButton:hover{cursor:pointer;filter:brightness(.9)}.arkynRichTextMarkButton.activeTrue{filter:brightness(.97)}html.dark .arkynRichTextMarkButton.activeTrue{filter:brightness(.9)}.arkynRichTextMarkButton.activeTrue svg{color:rgba(var(--spotlight-primary),1)}.arkynRichTextToolbar{display:flex;align-items:center;flex-wrap:wrap;border-radius:var(--rounded-inputs) var(--rounded-inputs) 0 0;padding:12px 16px;column-gap:24px;row-gap:12px;background-color:var(--card-foreground-secondary);border-bottom:1px solid var(--border)}.arkynRichText{display:flex;flex-direction:column;background-color:rgba(var(--input-background),1);border:1px solid var(--border);border-radius:var(--rounded-inputs);outline:1px solid transparent}.arkynRichText.errorTrue{outline-color:rgba(var(--spotlight-danger),1);border-color:rgba(var(--spotlight-danger),1)}.arkynRichText.focusTrue{outline-color:rgba(var(--spotlight-primary),1);border-color:rgba(var(--spotlight-primary),1)}.arkynRichText .editorContainer{padding:16px;outline:none;min-height:300px}.arkynRichText .restatesCharacters{display:block;margin-left:auto;padding:8px;font-size:16px;font-weight:600;color:rgba(var(--spotlight-danger),1)}.arkyn_select{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}.arkyn_select:hover{cursor:pointer}.arkyn_select input{border:none;outline:none;background:transparent;width:100%}.arkyn_select input{color:var(--text-heading)}.arkyn_select .prefix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkyn_select .prefix{left:0;top:0;bottom:0;border-radius:5px 0 0 5px;border-right:1px solid var(--border)}.arkyn_select.placeholder_dark_true input::placeholder{color:var(--text-heading)}.arkyn_select.placeholder_dark_false input::placeholder{color:var(--text-muted)}.arkyn_select svg{color:var(--text-muted)}.arkyn_select.errored svg{color:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).focused svg{color:rgba(var(--spotlight-primary),1)}.arkyn_select.opacity{opacity:.5}.arkyn_select .arkyn_select_arrow{transition:.15s all ease-in-out;color:var(--text-muted)}.arkyn_select:not(.opacity).focused .arkyn_select_arrow{transform:rotate(180deg)}.arkyn_select.solid{border-color:var(--border);background-color:rgba(var(--input-background),1)}.arkyn_select.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_select.outline{border-color:var(--border)}.arkyn_select.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_select.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkyn_select.underline .prefix{display:none}.arkyn_select.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkyn_select.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkyn_select.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkyn_select:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkyn_select.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkyn_select.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkyn_select.md.hasPrefix{padding-left:60px}.arkyn_select.md .prefix{height:40px;width:44px;font-size:14px}.arkyn_select.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkyn_select.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkyn_select.lg .prefix{height:44px;width:48px;font-size:16px}.arkyn_select.lg.hasPrefix{padding-left:64px}.arkyn_select_content{position:absolute;z-index:6;top:calc(100% + 5px);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}.arkyn_select_content .arkyn_select_option{display:flex;align-items:center;justify-content:space-between;font-weight:400;line-height:21.79px;color:var(--text-body)}.arkyn_select.md .arkyn_select_content .arkyn_select_option{font-size:14px;padding:8px 16px}.arkyn_select.lg .arkyn_select_content .arkyn_select_option{font-size:16px;padding:8px 16px}.arkyn_select_content>p{font-weight:400;font-size:14px;padding:16px;text-align:center;line-height:21.79px;color:var(--text-body)}.arkyn_select_content .arkyn_select_option svg{height:20px;width:20px;color:rgba(var(--spotlight-primary),1);display:none}.arkyn_select_content .arkyn_select_option:hover{cursor:pointer;background-color:var(--card-foreground-primary)}.arkyn_select_content .arkyn_select_option.active{font-weight:600;color:var(--text-heading);background-color:var(--card-foreground-primary)}.arkyn_select_content .arkyn_select_option.active svg{display:unset}.arkyn_select .spinner{animation:spin 2s linear infinite}.arkyn_select_overlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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)}.arkynTextarea{flex:1;position:relative;display:flex;align-items:center;padding:16px;gap:8px;border-radius:var(--rounded-inputs);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(--input-background),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}.arkynBreadcrumbContainer{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;gap:4px}.arkynBreadcrumbLink{-webkit-user-select:none;user-select:none;text-decoration:none;font-size:14px;color:var(--text-body)}.arkynBreadcrumbLink.active{color:var(--text-muted)}.arkynBreadcrumbLink.inactive:hover{cursor:pointer;color:var(--text-muted)}.arkynBreadcrumbLink:first-child>svg{display:none}.arkynBreadcrumbLink:not(:first-child){display:flex;align-items:center;gap:4px}.arkynBreadcrumbLink:not(:first-child)>svg{display:unset;color:var(--text-body)}.arkynPagination{display:flex;justify-content:center;align-items:center;gap:8px}.arkynPagination .arkynPaginationIconButton,.arkynPagination .arkynPaginationPageButton{background-color:var(--background-foreground);border:none;max-height:28px;max-width:28px;min-height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--rounded-inputs)}.arkynPagination .arkynPaginationIconButton:hover,.arkynPagination .arkynPaginationPageButton:hover{filter:brightness(.98);cursor:pointer}html.dark .arkynPagination .arkynPaginationIconButton:hover,html.dark .arkynPagination .arkynPaginationPageButton:hover{filter:brightness(1.2)}.arkynPagination .arkynPaginationIconButton>svg{color:var(--text-muted);height:20px;width:20px}.arkynPagination .arkynPaginationPageButton{color:var(--text-body);font-size:14px;font-weight:600}.arkynPagination .arkynPaginationIconButton:disabled{filter:brightness(1);cursor:not-allowed;opacity:.5}.arkynPagination .arkynPaginationCurrent{background-color:rgba(var(--spotlight-primary),1);color:#fff;border:none;max-height:28px;max-width:28px;min-height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--rounded-inputs)}.arkynPagination .arkynPaginationSpread{background-color:transparent;color:var(--text-muted);border:none;max-height:28px;max-width:28px;min-height:28px;min-width:28px;display:flex;align-items:center;justify-content:center}.arkynPagination .arkynPaginationSpread>svg{color:var(--text-muted);height:16px;width:16px}.arkynTabContainer{position:relative;display:flex;align-items:center;justify-content:start;gap:4px;border-bottom:1px solid var(--border)}.arkynTabContainer .activeLine{position:absolute;height:1px;transition:all .3s ease-in-out;bottom:-1px;background-color:rgba(var(--spotlight-primary),1)}.arkynTabButton{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 16px;background-color:transparent;border:none;font-size:14px;font-weight:600;text-align:center;color:var(--text-muted);transition:all .3s ease-in-out}.arkynTabButton.showBorderBottom:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background-color:rgba(var(--spotlight-primary),1)}.arkynTabButton:hover{cursor:pointer}.arkynTabButton.activeTrue{color:rgba(var(--spotlight-primary),1)}.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)}.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)}.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:var(--rounded-cards);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)}.arkynPopover{position:relative}.arkynPopover .arkynPopoverContent{display:none}.arkynPopover.visibleTrue .arkynPopoverContent{display:unset}.arkynPopoverContent{position:absolute;z-index:3;background-color:var(--card);border-radius:var(--rounded-cards);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}.arkynToast{display:flex;align-items:start;min-width:300px;max-width:300px;padding:16px;gap:12px;border-radius:var(--rounded-cards);box-shadow:0 4px 8px #0000001a}.arkynToast>div{display:flex;align-items:center;justify-content:center;position:relative;border-radius:90px;overflow:hidden}.arkynToast>div>.bg{content:" ";left:0;right:0;top:0;bottom:0;position:absolute;z-index:1}.arkynToast>div>svg{z-index:2}.arkynToast>div circle{display:none}.arkynToast>p{display:flex;flex-direction:column;gap:8px;width:100%;overflow:hidden}.arkynToast>p>strong{width:100%;overflow:hidden;text-overflow:ellipsis}.arkynToast.info{background-color:rgba(var(--toast-info),1);color:#fff}.arkynToast.info>div>.bg{background-color:rgba(var(--toast-info),1);filter:brightness(.8)}.arkynToast.warning{background-color:rgba(var(--toast-warning),1);color:#fff}.arkynToast.warning>div>.bg{background-color:rgba(var(--toast-warning),1);filter:brightness(.8)}.arkynToast.danger{background-color:rgba(var(--toast-danger),1);color:#fff}.arkynToast.danger>div>.bg{background-color:rgba(var(--toast-danger),1);filter:brightness(.8)}.arkynToast.success{background-color:rgba(var(--toast-success),1);color:#fff}.arkynToast.success>div>.bg{background-color:rgba(var(--toast-success),1);filter:brightness(.8)}.arkynToast.md{min-width:260px}.arkynToast.md>div{min-height:20px;max-height:20px;min-width:20px;max-width:20px}.arkynToast.md>div>svg{min-height:26px;min-width:26px}.arkynToast.md>p>strong{font-weight:600;font-size:14px;line-height:16px}.arkynToast.md>p>span{font-weight:400;font-size:12px;line-height:14px}.arkynToast.lg{min-width:260px}.arkynToast.lg>div{min-height:24px;max-height:24px;min-width:24px;max-width:24px}.arkynToast.lg>div>svg{min-height:30px;min-width:30px}.arkynToast.lg>p>strong{font-weight:600;font-size:15px;line-height:17px}.arkynToast.lg>p>span{font-weight:400;font-size:14px;line-height:16px}.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}.arkynGoogleMapPinnedEmpty{display:flex;align-items:center;justify-content:center;border:2px dashed var(--border);border-radius:var(--rounded-cards);background-color:rgba(var(--input-background),1)}.arkynGoogleMapPinnedEmpty>svg{height:64px;width:64px;color:var(--text-muted);stroke-width:1px}.arkynGoogleMapPinned{border-radius:var(--rounded-cards)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkyn/components",
-  "version": "1.3.157",
+  "version": "1.4.0",
   "main": "./dist/bundle.js",
   "types": "./dist/index.d.ts",
   "author": "Lucas Gonçalves",

package/src/components/MultiSelect/components/MultiSelectChevron/index.tsx

@@ -0,0 +1,26 @@
+import { ChevronDown } from "lucide-react";
+import "./styles.css";
+
+type MultiSelectChevronProps = {
+  isLoading: boolean;
+  iconSize: number;
+  disabled: boolean;
+  readOnly: boolean;
+  isFocused: boolean;
+};
+
+function MultiSelectChevron(props: MultiSelectChevronProps) {
+  const { iconSize, isLoading, disabled, readOnly, isFocused } = props;
+
+  const notAnimate = disabled || readOnly ? "notAnimate" : "";
+  const focused = isFocused ? "focused" : "";
+
+  const className = `arkynMultiSelectChevron ${notAnimate} ${focused}`;
+
+  if (isLoading) return <></>;
+  return (
+    <ChevronDown className={className} size={iconSize} strokeWidth={2.5} />
+  );
+}
+
+export { MultiSelectChevron };

package/src/components/MultiSelect/components/MultiSelectChevron/styles.css

@@ -0,0 +1,7 @@
+.arkynMultiSelectChevron {
+  transition: 0.15s all ease-in-out;
+  color: var(--text-muted);
+}
+.arkynMultiSelectChevron:not(.notAnimate).focused {
+  transform: rotate(180deg);
+}