@arkyn/components 3.0.1-beta.17 → 3.0.1-beta.170

package/dist/src/utils/phoneInputUtilities.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"phoneInputUtilities.d.ts","sourceRoot":"","sources":["../../../src/utils/phoneInputUtilities.ts"],"names":[],"mappings":"AAWA,iBAAS,KAAK,CAAC,KAAK,EAAE,MAAM,UAE3B;AAED,QAAA,MAAM,KAAK;;;CAGV,CAAC;AAEF,iBAAS,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAsBpD;AAED,iBAAS,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAGhD;AAED,QAAA,MAAM,UAAU,QAA2B,CAAC;AAqD5C,iBAAS,2BAA2B,CAAC,YAAY,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BxD;AAED,OAAO,EACL,2BAA2B,EAC3B,SAAS,EACT,KAAK,EACL,OAAO,EACP,UAAU,EACV,KAAK,GACN,CAAC"}

package/dist/src/utils/phoneInputUtilities.js

@@ -1,99 +0,0 @@
-import { countries } from "@arkyn/templates";
-function clear(value) {
-    return value && value.replace(/[^0-9]/g, "");
-}
-const TYPES = {
-    EIGHT: "(99) 9999-9999",
-    NINE: "(99) 99999-9999",
-};
-function applyMask(value, maskPattern) {
-    let result = "";
-    let digitIndex = 0;
-    for (let i = 0; i < maskPattern.length; i++) {
-        if (maskPattern[i] === "9") {
-            if (digitIndex < value.length) {
-                result += value[digitIndex];
-                digitIndex++;
-            }
-            else {
-                break;
-            }
-        }
-        else {
-            if (digitIndex < value.length) {
-                result += maskPattern[i];
-            }
-            else {
-                break;
-            }
-        }
-    }
-    return result;
-}
-function getMask(value) {
-    const mask = value.length > 10 ? "NINE" : "EIGHT";
-    return mask;
-}
-const MAX_LENGTH = clear(TYPES.NINE).length;
-function formatPhoneNumber(phoneNumber, country) {
-    if (country.code === "+55") {
-        let value = clear(phoneNumber);
-        const mask = getMask(value);
-        let nextLength = value.length;
-        if (nextLength > MAX_LENGTH)
-            return;
-        value = applyMask(value, TYPES[mask]);
-        return value;
-    }
-    const mask = country.mask;
-    let formattedNumber = mask;
-    if (country.prefix) {
-        const prefixRegex = /\$+/g;
-        formattedNumber = formattedNumber.replace(prefixRegex, country.prefix);
-    }
-    for (let i = 0, j = 0; i < formattedNumber.length && j < phoneNumber.length; i++) {
-        if (formattedNumber[i] === "_") {
-            formattedNumber =
-                formattedNumber.substring(0, i) +
-                    phoneNumber[j] +
-                    formattedNumber.substring(i + 1);
-            j++;
-        }
-    }
-    return formattedNumber;
-}
-function getCountryWithPrefixCode(countryCode, prefix) {
-    const country = countries.find((country) => country.code === countryCode && country.prefix === prefix);
-    if (!country)
-        return null;
-    return country;
-}
-function getCountryWithoutPrefixCode(countryCode) {
-    const country = countries.find((country) => country.code === countryCode);
-    if (!country)
-        return null;
-    return country;
-}
-function getDefaultFormatPhoneNumber(defaultValue) {
-    const countryCode = defaultValue.split(" ")[0].split("-")[0];
-    const prefixCode = defaultValue.split(" ")[0].split("-")[1];
-    const phoneNumber = defaultValue.split(" ")[1];
-    if (!countryCode || !phoneNumber) {
-        return { country: null, formattedNumber: "" };
-    }
-    if (prefixCode) {
-        const country = getCountryWithPrefixCode(countryCode, prefixCode);
-        if (!country)
-            return { country: null, formattedNumber: "" };
-        const formattedNumber = formatPhoneNumber(phoneNumber, country);
-        const response = { country, formattedNumber };
-        return response;
-    }
-    const country = getCountryWithoutPrefixCode(countryCode);
-    if (!country)
-        return { country: null, formattedNumber: "" };
-    const formattedNumber = formatPhoneNumber(phoneNumber, country);
-    const response = { country, formattedNumber };
-    return response;
-}
-export { getDefaultFormatPhoneNumber, applyMask, clear, getMask, MAX_LENGTH, TYPES, };

package/dist/style.css

@@ -1 +0,0 @@
-.arkynAlertTitle{font-size:16px;font-weight:600;line-height:17px;text-align:left;color:var(--text-heading)}.arkynAlertContainer{display:flex;align-items:start;gap:16px;padding:16px;border:1px solid transparent;border-radius:6px}.arkynAlertContainer.nonExistsAlertTitle{align-items:center}.arkynAlertContainer.danger{background:rgba(var(--spotlight-danger),.1);border-color:rgba(var(--spotlight-danger),.4)}.arkynAlertContainer.success{background:rgba(var(--spotlight-success),.1);border-color:rgba(var(--spotlight-success),.4)}.arkynAlertContainer.info{background:rgba(var(--spotlight-info),.1);border-color:rgba(var(--spotlight-info),.4)}.arkynAlertContainer.warning{background:rgba(var(--spotlight-warning),.1);border-color:rgba(var(--spotlight-warning),.4)}.arkynAlertContent{display:flex;flex-direction:column;gap:8px}.arkynAlertDescription{font-size:14px;font-weight:400;line-height:19.07px;text-align:left;color:var(--text-body)}.arkynAlertIcon{min-width:28px;min-height:28px;max-width:28px;max-height:28px}.arkynAlertIcon.danger{color:rgba(var(--spotlight-danger),1)}.arkynAlertIcon.success{color:rgba(var(--spotlight-success),1)}.arkynAlertIcon.info{color:rgba(var(--spotlight-info),1)}.arkynAlertIcon.warning{color:rgba(var(--spotlight-warning),1)}.arkynSliderTrack{width:100%;max-width:400px;height:6px;border:1px solid var(--border);background:rgba(var(--input-background),1);border-radius:5px;position:relative;cursor:pointer}.arkynSliderTrack.isDragging{cursor:grabbing}.arkynSliderTrack.isDisabled{cursor:not-allowed;opacity:.5}.arkynSliderFill{height:100%;background:rgb(var(--spotlight-primary));border-radius:5px}.arkynSliderThumb{width:12px;height:12px;background:rgb(var(--spotlight-primary));border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.arkynSliderTrack.isEnabled .arkynSliderThumb{cursor:grab}.arkynSliderValue{margin-top:10px;font-size:18px}.arkynAudioPlayer{display:flex;align-items:center;gap:8px}.arkynAudioPlayer button{display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;min-height:40px;min-width:40px;max-height:40px;max-width:40px;background-color:rgba(var(--spotlight-primary),1)}.arkynAudioPlayer button:hover:not(:disabled){cursor:pointer;background-color:rgba(var(--spotlight-primary),.8)}.arkynAudioPlayer button:disabled{cursor:not-allowed;opacity:.2}.arkynAudioPlayer button svg{fill:#fff;stroke:#fff;min-height:20px;min-width:20px;max-height:20px;max-width:20px}.arkynAudioPlayer p{font-size:12px;font-weight:400;line-height:12px;text-align:left;color:var(--text-body);-webkit-user-select:none;user-select:none}.arkynBadge{display:flex;align-items:center;justify-content:center;gap:4px;width:min-content;white-space:nowrap;border:1px solid transparent}.arkynBadge.solid{color:#fff}.arkynBadge.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkynBadge.solid.secondary{background-color:var(--text-muted)}.arkynBadge.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkynBadge.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkynBadge.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkynBadge.solid.info{background-color:rgba(var(--spotlight-info),1)}.arkynBadge.outline.primary{border-color:rgba(var(--spotlight-primary),1)}.arkynBadge.outline.primary p,.arkynBadge.outline.primary svg{color:rgba(var(--spotlight-primary),1)}.arkynBadge.outline.secondary{border-color:var(--text-muted)}.arkynBadge.outline.secondary p,.arkynBadge.outline.secondary svg{color:var(--text-muted)}.arkynBadge.outline.danger{border-color:rgba(var(--spotlight-danger),1)}.arkynBadge.outline.danger p,.arkynBadge.outline.danger svg{color:rgba(var(--spotlight-danger),1)}.arkynBadge.outline.success{border-color:rgba(var(--spotlight-success),1)}.arkynBadge.outline.success p,.arkynBadge.outline.success svg{color:rgba(var(--spotlight-success),1)}.arkynBadge.outline.warning{border-color:rgba(var(--spotlight-warning),1)}.arkynBadge.outline.warning p,.arkynBadge.outline.warning svg{color:rgba(var(--spotlight-warning),1)}.arkynBadge.outline.info{border-color:rgba(var(--spotlight-info),1)}.arkynBadge.outline.info p,.arkynBadge.outline.info svg{color:rgba(var(--spotlight-info),1)}.arkynBadge.ghost.primary{background-color:rgba(var(--spotlight-primary),.2)}.arkynBadge.ghost.primary p,.arkynBadge.ghost.primary svg{color:rgba(var(--spotlight-primary),1)}.arkynBadge.ghost.secondary{background-color:rgba(var(--spotlight-secondary),1)}.arkynBadge.ghost.secondary p,.arkynBadge.ghost.secondary svg{color:var(--text-muted)}.arkynBadge.ghost.danger{background-color:rgba(var(--spotlight-danger),.2)}.arkynBadge.ghost.danger p,.arkynBadge.ghost.danger svg{color:rgba(var(--spotlight-danger),1)}.arkynBadge.ghost.success{background-color:rgba(var(--spotlight-success),.2)}.arkynBadge.ghost.success p,.arkynBadge.ghost.success svg{color:rgba(var(--spotlight-success),1)}.arkynBadge.ghost.warning{background-color:rgba(var(--spotlight-warning),.2)}.arkynBadge.ghost.warning p,.arkynBadge.ghost.warning svg{color:rgba(var(--spotlight-warning),1)}.arkynBadge.ghost.info{background-color:rgba(var(--spotlight-info),.2)}.arkynBadge.ghost.info p,.arkynBadge.ghost.info svg{color:rgba(var(--spotlight-info),1)}.arkynBadge.lg{border-radius:12px;padding:0 16px;height:24px}.arkynBadge.lg p{line-height:100%;font-weight:400;font-size:12px}.arkynBadge.md{border-radius:10px;padding:0 12px;height:20px}.arkynBadge.md p{line-height:100%;font-weight:400;font-size:10px}.arkynButton{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkynButton:hover{cursor:pointer;filter:brightness(.9)}html.dark .arkynButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynButton:disabled{cursor:not-allowed;opacity:.5}.arkynButton .arkynButtonContent{display:flex;align-items:center;justify-content:center;white-space:nowrap}.arkynButton.solid{color:#fff}.arkynButton.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkynButton.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkynButton.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkynButton.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkynButton.solid.info{background-color:rgba(var(--spotlight-info),1)}.arkynButton.outline{background-color:var(--card-foreground-primary);border-color:var(--border)}.arkynButton.outline.primary{color:rgba(var(--spotlight-primary),1)}.arkynButton.outline.danger{color:rgba(var(--spotlight-danger),1)}.arkynButton.outline.success{color:rgba(var(--spotlight-success),1)}.arkynButton.outline.warning{color:rgba(var(--spotlight-warning),1)}.arkynButton.outline.info{color:rgba(var(--spotlight-info),1)}.arkynButton.ghost:hover{filter:brightness(.8)}.arkynButton.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkynButton.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkynButton.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkynButton.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkynButton.ghost.info{color:rgba(var(--spotlight-info),1);background-color:rgba(var(--spotlight-info),.2)}.arkynButton.invisible.primary{color:rgba(var(--spotlight-primary),1)}.arkynButton.invisible.danger{color:rgba(var(--spotlight-danger),1)}.arkynButton.invisible.success{color:rgba(var(--spotlight-success),1)}.arkynButton.invisible.warning{color:rgba(var(--spotlight-warning),1)}.arkynButton.invisible.info{color:rgba(var(--spotlight-info),1)}.arkynButton.lg{font-weight:600;font-size:14px;line-height:14px;border-radius:6px;padding:0 20px;height:44px}.arkynButton.lg .arkynButtonContent,.arkynButton.lg .arkynButtonSpinner{gap:16px}.arkynButton.md{font-weight:600;font-size:14px;line-height:14px;border-radius:6px;gap:16px;padding:0 16px;height:40px}.arkynButton.md .arkynButtonContent,.arkynButton.md .arkynButtonSpinner{gap:14px}.arkynButton.sm{font-weight:600;font-size:12px;line-height:12px;border-radius:6px;padding:0 16px;height:32px}.arkynButton.sm .arkynButtonContent,.arkynButton.sm .arkynButtonSpinner{gap:12px}.arkynButton.xs{font-weight:600;font-size:10px;line-height:10px;border-radius:4px;padding:0 16px;height:24px}.arkynButton.xs .arkynButtonContent,.arkynButton.xs .arkynButtonSpinner{gap:8px}.arkynButton .arkynButtonSpinner{display:flex;align-items:center;justify-content:center;white-space:nowrap;opacity:0}.arkynButton .arkynButtonSpinner>svg{animation:spin 2s linear infinite}.arkynButton.loadingTextFalse .arkynButtonSpinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.arkynButton.loadingTextTrue .arkynButtonSpinner{max-height:0px}.arkynButton.loadingTrue .arkynButtonContent{opacity:0;max-height:0px}.arkynButton.loadingTrue .arkynButtonSpinner{opacity:1;max-height:unset}.arkynCardTabButton{padding:8px 16px;font-size:14px;font-weight:600;letter-spacing:0%;border:none;color:var(--text-muted);background-color:var(--background);cursor:pointer}.arkynCardTabButton.isDisabled{cursor:not-allowed;opacity:.2}.arkynCardTabButton:hover:not(:disabled){background-color:var(--background-foreground);color:rgb(var(--spotlight-primary))}.arkynCardTabButton:not(:last-child){border-right:2px solid var(--border)}.arkynCardTabButton.isActive{background-color:var(--background-foreground);color:rgb(var(--spotlight-primary))}.arkynCardTabContainer{display:flex;align-items:center;border:2px solid var(--border);border-radius:8px;width:max-content;overflow:hidden}.arkynFieldWrapper{display:flex;flex-direction:column;gap:6px;height:max-content}.arkynFieldError{font-size:12px;line-height:12px;font-weight:600;color:rgb(var(--spotlight-danger),1)}.arkynFieldLabel{color:var(--text-body);font-size:14px;font-weight:600;line-height:19.07px}.arkynFieldLabel.asteriskTrue:before{content:"* ";font-size:12px;font-weight:600;line-height:16.34px;text-align:left;color:rgb(var(--spotlight-danger),1)}.arkynCheckbox{display:flex;align-items:center;justify-content:center;border:2px solid var(--border);background-color:rgba(var(--spotlight-secondary),1)}.arkynCheckbox:hover{cursor:pointer}.arkynCheckbox>svg{display:none;stroke-width:3px}.arkynCheckbox.sm{min-height:16px;min-width:16px;max-height:16px;max-width:16px;border-radius:4px}.arkynCheckbox.sm>svg{min-height:12px;min-width:12px;max-height:12px;max-width:12px}.arkynCheckbox.md{min-height:20px;min-width:20px;max-height:20px;max-width:20px;border-radius:4px}.arkynCheckbox.md>svg{min-height:14px;min-width:14px;max-height:14px;max-width:14px}.arkynCheckbox.lg{min-height:24px;min-width:24px;max-height:24px;max-width:24px;border-radius:6px}.arkynCheckbox.lg>svg{min-height:14px;min-width:14px;max-height:14px;max-width:14px}.arkynCheckbox.checkedTrue{background-color:rgb(var(--spotlight-primary),1);border-color:rgb(var(--spotlight-primary),1)}.arkynCheckbox.checkedTrue>svg{display:unset;color:#fff}.arkynCheckbox.errorTrue{border-color:rgb(var(--spotlight-danger),1)}.arkynCurrencyInput{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:8px;border:1px solid transparent;outline:1px solid transparent}.arkynCurrencyInput:hover{cursor:text}.arkynCurrencyInput input{border:none;outline:none;background:transparent;width:100%;line-height:100%}.arkynCurrencyInput input{color:var(--text-heading)}.arkynCurrencyInput .prefix,.arkynCurrencyInput .suffix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute;line-height:100%}.arkynCurrencyInput .prefix{left:0;top:0;bottom:0;border-radius:7px 0 0 7px;border-right:1px solid var(--border)}.arkynCurrencyInput .suffix{right:0;top:0;bottom:0;border-radius:0 7px 7px 0;border-left:1px solid var(--border)}.arkynCurrencyInput input::placeholder{color:var(--text-muted);line-height:100%}.arkynCurrencyInput svg{color:var(--text-muted)}.arkynCurrencyInput.errored svg{color:rgba(var(--spotlight-danger),1)}.arkynCurrencyInput:not(.opacity).focused svg{color:rgba(var(--spotlight-primary),1)}.arkynCurrencyInput.opacity{opacity:.5}.arkynCurrencyInput.solid{border-color:var(--border);background-color:rgba(var(--spotlight-secondary),1)}.arkynCurrencyInput.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynCurrencyInput:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynCurrencyInput.outline{border-color:var(--border)}.arkynCurrencyInput.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynCurrencyInput:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynCurrencyInput.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkynCurrencyInput.underline .suffix,.arkynCurrencyInput.underline .prefix{display:none}.arkynCurrencyInput.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkynCurrencyInput.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkynCurrencyInput.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkynCurrencyInput:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkynCurrencyInput:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkynCurrencyInput.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkynCurrencyInput.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkynCurrencyInput.md.hasPrefix{padding-left:60px}.arkynCurrencyInput.md.hasSuffix{padding-right:60px}.arkynCurrencyInput.md .prefix,.arkynCurrencyInput.md .suffix{height:40px;width:44px;font-size:14px}.arkynCurrencyInput.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkynCurrencyInput.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkynCurrencyInput.lg .prefix,.arkynCurrencyInput.lg .suffix{height:44px;width:48px;font-size:16px}.arkynCurrencyInput.lg.hasPrefix{padding-left:64px}.arkynCurrencyInput.lg.hasSuffix{padding-right:64px}.arkynCurrencyInput .spinner{animation:spin 2s linear infinite}.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}.arkynDrawerContainer{position:fixed;top:0;left:0;right:0;bottom:0;overflow:auto;z-index:9999}.arkynDrawerContainerOverlay{position:fixed;z-index:9997;top:0;left:0;right:0;bottom:0;background:#00000080}.arkynDrawerContainerOverlay:hover{cursor:pointer}.arkynDrawerContainerContent{z-index:9999;position:fixed;top:0;bottom:0;width:max-content;background:var(--card);display:flex;flex-direction:column;overflow:auto;height:100vh}.arkynDrawerContainer.left>.arkynDrawerContainerContent{left:0}.arkynDrawerContainer.right>.arkynDrawerContainerContent{right:0}.arkynDrawerHeader{display:flex;align-items:center;height:56px;padding:16px;font-size:16px;font-weight:600;line-height:20px;color:var(--text-heading);border-bottom:1px solid var(--border)}.arkynDrawerHeaderCloseButton{display:flex;align-items:center;justify-content:center;margin-left:auto;padding:2px;border-radius:4px;border:none;background:none;color:var(--text-body);background-color:var(--card);transition:all .15s ease-out}.arkynDrawerHeaderCloseButton:hover{cursor:pointer;filter:brightness(.9)}.arkynIconButton{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkynIconButton:hover{cursor:pointer;filter:brightness(.9)}html.dark .arkynIconButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynIconButton:disabled{cursor:not-allowed;opacity:.5}.arkynIconButtonContent{display:flex;align-items:center;justify-content:center}.arkynIconButton.solid{color:#fff}.arkynIconButton.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkynIconButton.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkynIconButton.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkynIconButton.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkynIconButton.solid.info{background-color:rgba(var(--spotlight-info),1)}.arkynIconButton.outline{background-color:var(--card-foreground-primary);border-color:var(--border)}.arkynIconButton.outline.primary{color:rgba(var(--spotlight-primary),1)}.arkynIconButton.outline.danger{color:rgba(var(--spotlight-danger),1)}.arkynIconButton.outline.success{color:rgba(var(--spotlight-success),1)}.arkynIconButton.outline.warning{color:rgba(var(--spotlight-warning),1)}.arkynIconButton.outline.info{color:rgba(var(--spotlight-info),1)}.arkynIconButton.ghost:hover{filter:brightness(.8)}.arkynIconButton.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkynIconButton.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkynIconButton.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkynIconButton.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkynIconButton.ghost.info{color:rgba(var(--spotlight-info),1);background-color:rgba(var(--spotlight-info),.2)}.arkynIconButton.invisible.primary{color:rgba(var(--spotlight-primary),1)}.arkynIconButton.invisible.danger{color:rgba(var(--spotlight-danger),1)}.arkynIconButton.invisible.success{color:rgba(var(--spotlight-success),1)}.arkynIconButton.invisible.warning{color:rgba(var(--spotlight-warning),1)}.arkynIconButton.invisible.info{color:rgba(var(--spotlight-info),1)}.arkynIconButton.lg{border-radius:6px;height:44px;width:44px}.arkynIconButton.md{border-radius:6px;height:40px;width:40px}.arkynIconButton.sm{border-radius:6px;height:32px;width:32px}.arkynIconButton.xs{border-radius:4px;height:24px;width:24px}.arkynIconButtonSpinner{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}.arkynIconButtonSpinner>svg{animation:spin 2s linear infinite}.arkynIconButton.loadingTrue .arkynIconButtonSpinner{opacity:1}.arkynIconButton.loadingTrue .arkynIconButtonContent{opacity:0}.arkynInput{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:8px;border:1px solid transparent;outline:1px solid transparent}.arkynInput:hover{cursor:text}.arkynInput input{border:none;outline:none;background:transparent;width:100%;line-height:100%}.arkynInput input{color:var(--text-heading)}.arkynInput .prefix,.arkynInput .suffix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute;line-height:100%}.arkynInput .prefix{left:0;top:0;bottom:0;border-radius:7px 0 0 7px;border-right:1px solid var(--border)}.arkynInput .suffix{right:0;top:0;bottom:0;border-radius:0 7px 7px 0;border-left:1px solid var(--border)}.arkynInput input::placeholder{color:var(--text-muted);line-height:100%}.arkynInput svg{color:var(--text-muted)}.arkynInput.errored svg{color:rgba(var(--spotlight-danger),1)}.arkynInput:not(.opacity).focused svg{color:rgba(var(--spotlight-primary),1)}.arkynInput.opacity{opacity:.5}.arkynInput.solid{border-color:var(--border);background-color:rgba(var(--spotlight-secondary),1)}.arkynInput.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynInput:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynInput.outline{border-color:var(--border)}.arkynInput.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynInput:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynInput.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkynInput.underline .suffix,.arkynInput.underline .prefix{display:none}.arkynInput.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkynInput.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkynInput.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkynInput:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkynInput:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkynInput.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkynInput.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkynInput.md.hasPrefix{padding-left:60px}.arkynInput.md.hasSuffix{padding-right:60px}.arkynInput.md .prefix,.arkynInput.md .suffix{height:40px;width:44px;font-size:14px}.arkynInput.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkynInput.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkynInput.lg .prefix,.arkynInput.lg .suffix{height:44px;width:48px;font-size:16px}.arkynInput.lg.hasPrefix{padding-left:64px}.arkynInput.lg.hasSuffix{padding-right:64px}.arkynInput .spinner{animation:spin 2s linear infinite}.arkynMaskedInput{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:8px;border:1px solid transparent;outline:1px solid transparent}.arkynMaskedInput:hover{cursor:text}.arkynMaskedInput input{border:none;outline:none;background:transparent;width:100%;line-height:100%}.arkynMaskedInput input{color:var(--text-heading)}.arkynMaskedInput .prefix,.arkynMaskedInput .suffix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute;line-height:100%}.arkynMaskedInput .prefix{left:0;top:0;bottom:0;border-radius:7px 0 0 7px;border-right:1px solid var(--border)}.arkynMaskedInput .suffix{right:0;top:0;bottom:0;border-radius:0 7px 7px 0;border-left:1px solid var(--border)}.arkynMaskedInput input::placeholder{color:var(--text-muted);line-height:100%}.arkynMaskedInput svg{color:var(--text-muted)}.arkynMaskedInput.errored svg{color:rgba(var(--spotlight-danger),1)}.arkynMaskedInput:not(.opacity).focused svg{color:rgba(var(--spotlight-primary),1)}.arkynMaskedInput.opacity{opacity:.5}.arkynMaskedInput.solid{border-color:var(--border);background-color:rgba(var(--spotlight-secondary),1)}.arkynMaskedInput.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynMaskedInput:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynMaskedInput.outline{border-color:var(--border)}.arkynMaskedInput.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynMaskedInput:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynMaskedInput.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkynMaskedInput.underline .suffix,.arkynMaskedInput.underline .prefix{display:none}.arkynMaskedInput.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkynMaskedInput.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkynMaskedInput.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkynMaskedInput:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkynMaskedInput:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkynMaskedInput.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkynMaskedInput.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkynMaskedInput.md.hasPrefix{padding-left:60px}.arkynMaskedInput.md.hasSuffix{padding-right:60px}.arkynMaskedInput.md .prefix,.arkynMaskedInput.md .suffix{height:40px;width:44px;font-size:14px}.arkynMaskedInput.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkynMaskedInput.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkynMaskedInput.lg .prefix,.arkynMaskedInput.lg .suffix{height:44px;width:48px;font-size:16px}.arkynMaskedInput.lg.hasPrefix{padding-left:64px}.arkynMaskedInput.lg.hasSuffix{padding-right:64px}.arkynMaskedInput .spinner{animation:spin 2s linear infinite}.arkynModalContainer{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:start;justify-content:center;padding:10vh 0;padding-bottom:2rem;overflow:auto;z-index:9999}.arkynModalContainerOverlay{position:fixed;z-index:9997;top:0;left:0;right:0;bottom:0;background:#00000080}.arkynModalContainerOverlay:hover{cursor:pointer}.arkynModalContainerContent{z-index:9999;border-radius:8px;background:var(--card)}.arkynModalFooter{display:flex;align-items:center;gap:16px;padding:16px;border-top:1px solid var(--border)}.arkynModalFooter.left{justify-content:flex-start}.arkynModalFooter.right{justify-content:flex-end}.arkynModalFooter.center{justify-content:center}.arkynModalFooter.between{justify-content:space-between}.arkynModalFooter.around{justify-content:space-around}.arkynModalHeader{display:flex;align-items:center;height:56px;padding:16px;font-size:16px;font-weight:600;line-height:20px;color:var(--text-heading);border-bottom:1px solid var(--border)}.arkynModalHeaderCloseButton{display:flex;align-items:center;justify-content:center;margin-left:auto;padding:2px;border-radius:4px;border:none;background:none;color:var(--text-body);background-color:var(--card);transition:all .15s ease-out}.arkynModalHeaderCloseButton:hover{cursor:pointer;filter:brightness(.9)}.arkynMultiSelectChevron{transition:.15s all ease-in-out;color:var(--text-muted)}.arkynMultiSelectChevron:not(.notAnimate).focused{transform:rotate(180deg)}.arkynMultiSelectContainer{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:6px;border:1px solid transparent;outline:1px solid transparent}.arkynMultiSelectContainer:hover{cursor:pointer}.arkynMultiSelectContainer.opacity{opacity:.5}.arkynMultiSelectContainer .prefix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkynMultiSelectContainer .prefix{left:0;top:0;bottom:0;border-radius:5px 0 0 5px;border-right:1px solid var(--border)}.arkynMultiSelectContainer>svg{color:var(--text-muted)}.arkynMultiSelectContainer.errored>svg{color:rgba(var(--spotlight-danger),1)}.arkynMultiSelectContainer:not(.opacity).focused>svg{color:rgba(var(--spotlight-primary),1)}.arkynMultiSelectContainer.solid{border-color:var(--border);background-color:rgba(var(--spotlight-secondary),1)}.arkynMultiSelectContainer.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynMultiSelectContainer:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynMultiSelectContainer.outline{border-color:var(--border)}.arkynMultiSelectContainer.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynMultiSelectContainer:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynMultiSelectContainer.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkynMultiSelectContainer.underline .prefix{display:none}.arkynMultiSelectContainer.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkynMultiSelectContainer.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkynMultiSelectContainer.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkynMultiSelectContainer:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkynMultiSelectContainer:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkynMultiSelectContainer.md{min-height:40px}.arkynMultiSelectContainer.md.hasPrefix{padding-left:60px}.arkynMultiSelectContainer.md .prefix{height:40px;width:44px;font-size:14px}.arkynMultiSelectContainer.lg{min-height:44px}.arkynMultiSelectContainer.lg .prefix{height:44px;width:48px;font-size:16px}.arkynMultiSelectContainer.lg.hasPrefix{padding-left:64px}.arkynMultiSelectContent{display:flex;align-items:start;gap:4px;flex-wrap:wrap;flex:1}.arkynMultiSelectContent>p{font-weight:400;color:var(--text-muted);-webkit-user-select:none;user-select:none}.arkynMultiSelectContent.md>p{font-size:14px;line-height:14px}.arkynMultiSelectContent.lg>p{font-size:16px;line-height:16px}.arkynMultiSelectMark{display:flex;align-items:center;gap:4px;border-radius:4px;background:var(--card-foreground-third);padding:2px 6px;font-size:14px;font-weight:400;line-height:19.07px;text-align:left;z-index:6;-webkit-user-select:none;user-select:none}.arkynMultiSelectMark button{display:flex;align-items:center;justify-content:center;border:none;background:inherit;width:15px;height:15px}.arkynMultiSelectMark button:disabled{cursor:not-allowed}.arkynMultiSelectMark button:hover:not(:disabled){cursor:pointer;filter:brightness(.9)}.arkynMultiSelectMark button svg{min-width:10px;min-height:10px;color:var(--text-muted)}.arkynMultiSelectOption{display:flex;align-items:center;justify-content:space-between;font-weight:400;line-height:21.79px;color:var(--text-body);-webkit-user-select:none;user-select:none}.arkynMultiSelectOption.md{font-size:14px;padding:8px 16px}.arkynMultiSelectOption.lg{font-size:16px;padding:8px 16px}.arkynMultiSelectOption svg{display:none;height:20px;width:20px;color:rgba(var(--spotlight-primary),1)}.arkynMultiSelectOption:hover{cursor:pointer;background-color:var(--card-foreground-primary)}.arkynMultiSelectOption.active{font-weight:600;color:var(--text-heading);background-color:var(--card-foreground-primary)}.arkynMultiSelectOption.active svg{display:unset}.arkynMultiSelectOptionsContainer{position:absolute;z-index:7;left:-2px;right:-2px;border-radius:6px;list-style:none;display:flex;flex-direction:column;flex:1;overflow:auto;height:max-content;border:1px solid var(--border);background-color:var(--card);max-height:300px;box-shadow:0 4px 8px #0000001a}.arkynMultiSelectOptionsContainer.bottom{top:calc(100% + 5px)}.arkynMultiSelectOptionsContainer.top{bottom:calc(100% + 5px)}.arkynMultiSelectOptionsContainer>p{font-weight:400;font-size:14px;padding:16px;text-align:center;line-height:21.79px;color:var(--text-body)}.arkynMultiSelectOverlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:5}.arkynMultiSelectSpinner{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.arkynPhoneInputContainer{flex:1;position:relative;display:flex;align-items:center;justify-content:start;padding:0 16px;gap:8px;border-radius:6px;border:1px solid transparent;outline:1px solid transparent;min-height:40px;max-height:40px}.arkynPhoneInputContainer:hover{cursor:text}.arkynPhoneInputContainer.opacity{opacity:.5}.arkynPhoneInputContainer.solid{border-color:var(--border);background-color:rgba(var(--input-background),1)}.arkynPhoneInputContainer.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynPhoneInputContainer:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynPhoneInputContainer.outline{border-color:var(--border)}.arkynPhoneInputContainer.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynPhoneInputContainer:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynPhoneInputContainer.md{min-height:42px;max-height:42px}.arkynPhoneInputContainer.lg{min-height:46px;max-height:46px}.arkynPhoneInputCountriesOverlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:5}.arkynPhoneInputCountryOption{display:flex;align-items:center;font-weight:400;line-height:21.79px;color:var(--text-body);-webkit-user-select:none;user-select:none;gap:10px}.arkynPhoneInputCountryOption>span{font-weight:400;font-size:14px;line-height:21.79px;color:var(--text-muted);font-weight:300}.arkynPhoneInputCountryOption.md{font-size:14px;padding:8px 16px}.arkynPhoneInputCountryOption.lg{font-size:16px;padding:8px 16px}.arkynPhoneInputCountryOption .flag{max-height:20px;max-width:30px;border-radius:4px}.arkynPhoneInputCountryOption .check{margin-left:auto;display:none;height:20px;width:20px;color:rgba(var(--spotlight-primary),1)}.arkynPhoneInputCountryOption:hover{cursor:pointer;background-color:var(--card-foreground-primary)}.arkynPhoneInputCountryOption.active{font-weight:600;color:var(--text-heading);background-color:var(--card-foreground-primary)}.arkynPhoneInputCountryOption.active svg{display:unset}.arkynPhoneInputCountryOptionsContainer{position:absolute;z-index:7;left:-2px;right:-2px;border-radius:6px;list-style:none;display:flex;flex-direction:column;flex:1;overflow:hidden;height:max-content;border:1px solid var(--border);background-color:var(--card);max-height:300px;box-shadow:0 4px 8px #0000001a;max-height:200px;overflow:auto}.arkynPhoneInputCountryOptionsContainer.bottom{top:calc(100% + 5px)}.arkynPhoneInputCountryOptionsContainer.top{bottom:calc(100% + 5px)}.arkynPhoneInputCountryOptionsContainer>p{font-weight:400;font-size:14px;padding:16px;text-align:center;line-height:21.79px;color:var(--text-body)}.arkynPhoneInputCountryOptionsContainerSearchSelect{padding:16px;border:none;border-bottom:1px solid var(--border);outline:none;color:var(--text-heading);font-size:14px}.arkynPhoneInputCountryOptionsContainerSearchSelect::placeholder{color:var(--text-muted)}.phoneInputSelectCountry{display:flex;align-items:center;gap:8px;cursor:pointer;min-width:58px}.phoneInputSelectCountry .flag{max-height:20px;max-width:30px;border-radius:4px}.phoneInputSelectCountry .chevronDown{min-height:12px;max-height:12px;min-width:12px;max-width:12px;color:var(--text-muted)}.phoneInputSelectCountry>.arkynDivider{min-width:1px;min-height:20px}.phoneInputMask{border:none;outline:none;background:transparent;width:100%;margin-left:8px}.phoneInputMask.md{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.phoneInputMask.md::placeholder{font-weight:400;font-size:14px;line-height:14px}.phoneInputMask.lg{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.phoneInputMask.lg::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkynRadioBox{display:flex;align-items:center;gap:8px;color:var(--text-body);font-size:14px;line-height:19.07px}.arkynRadioBox>button{position:relative;background-color:rgba(var(--spotlight-secondary),1);border:2px solid var(--border);border-radius:99999px}.arkynRadioBox>button:not(:disabled):hover{cursor:pointer}.arkynRadioBox.checkedTrue>button{border-color:rgba(var(--spotlight-primary),1)}.arkynRadioBox.errorTrue>button{border-color:rgba(var(--spotlight-danger),1)}.arkynRadioBox.checkedTrue>button:before{content:"  ";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:99999px;background-color:rgba(var(--spotlight-primary),1)}.arkynRadioBox.sm>button{min-height:20px;min-width:20px;max-height:20px;max-width:20px}.arkynRadioBox.md>button{min-height:24px;min-width:24px;max-height:24px;max-width:24px}.arkynRadioBox.lg>button{min-height:24px;min-width:24px;max-height:24px;max-width:24px}.arkynRadioBox.checkedTrue.sm>button:before{min-height:10px;min-width:10px;max-height:10px;max-width:10px}.arkynRadioBox.checkedTrue.md>button:before{min-height:12px;min-width:12px;max-height:12px;max-width:12px}.arkynRadioBox.checkedTrue.lg>button:before{min-height:12px;min-width:12px;max-height:12px;max-width:12px}.arkynRadioBox.disabledTrue{opacity:.5}.arkynRadioBox.disabledTrue>button{cursor:not-allowed}.arkynRadioGroup{display:flex;align-items:center;gap:32px}.arkynSwitch{position:relative;border:1px solid transparent;border-radius:999999px;transition:all .3s ease-in-out}.arkynSwitch:disabled{cursor:not-allowed;opacity:.5}.arkynSwitch:before{content:"";position:absolute;top:2px;bottom:2px;border-radius:50%;background-color:#fff;transition:all .2s;transform:translate(-2px)}.arkynSwitch.checkedTrue{background-color:rgba(var(--spotlight-primary),1)}.arkynSwitch.checkedFalse{background-color:var(--border)}.arkynSwitch.checkedTrue:before{transform:translate(3px)}.arkynSwitch.sm{min-width:32px;max-width:32px;min-height:16px;max-height:16px}.arkynSwitch.sm:before{min-height:10px;max-height:10px;min-width:10px;max-width:10px}.arkynSwitch.sm.checkedFalse:before{transform:translate(-13px)}.arkynSwitch.md{min-width:40px;max-width:40px;min-height:20px;max-height:20px}.arkynSwitch.md:before{min-height:14px;max-height:14px;min-width:14px;max-width:14px}.arkynSwitch.md.checkedFalse:before{transform:translate(-17px)}.arkynSwitch.lg{min-width:48px;max-width:48px;min-height:24px;max-height:24px}.arkynSwitch.lg:before{min-height:18px;max-height:18px;min-width:18px;max-width:18px}.arkynSwitch.lg.checkedFalse:before{transform:translate(-21px)}.arkynTabButton{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 16px;background-color:transparent;border:none;font-weight:600;font-size:16px;line-height:100%;color:var(--text-muted)}.arkynTabButton.isDisabled{cursor:not-allowed;opacity:.2}.arkynTabButton:hover{cursor:pointer}.arkynTabButton.isActive{color:rgba(var(--spotlight-primary),1)}.arkynTabButton.isActive:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background-color:rgba(var(--spotlight-primary),1)}.arkynTabContainer{position:relative;display:flex;align-items:center;justify-content:start;gap:4px;border-bottom:1px solid var(--border)}.arkynTextarea{flex:1;position:relative;display:flex;align-items:center;padding:16px;gap:8px;border-radius:8px;border:1px solid transparent;outline:1px solid transparent}.arkynTextarea:hover{cursor:text}.arkynTextarea textarea{border:none;outline:none;background:transparent;width:100%;resize:none}.arkynTextarea textarea{color:var(--text-heading)}.arkynTextarea textarea::placeholder{color:var(--text-muted)}.arkynTextarea.opacityTrue{opacity:.5}.arkynTextarea.solid{border-color:var(--border);background-color:rgba(var(--spotlight-secondary),1)}.arkynTextarea.solid.errorTrue{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynTextarea:not(.opacityTrue).solid.focusedTrue{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynTextarea.outline{border-color:var(--border)}.arkynTextarea.outline.errorTrue{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynTextarea:not(.opacityTrue).outline.focusedTrue{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynTextarea.md textarea{font-size:14px;line-height:14px;font-weight:400}.arkynTextarea.md textarea::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkynTextarea.lg textarea{line-height:16px;font-size:16px;font-weight:400}.arkynTextarea.lg textarea::placeholder{font-weight:400;font-size:16px;line-height:16px}.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}

package/dist/vite.config.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("vite").UserConfig;
-export default _default;
-//# sourceMappingURL=vite.config.d.ts.map

package/dist/vite.config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vite.config.d.ts","sourceRoot":"","sources":["../vite.config.ts"],"names":[],"mappings":";AAGA,wBAqBG"}

package/dist/vite.config.js

@@ -1,24 +0,0 @@
-import { resolve } from "path";
-import { defineConfig } from "vite";
-export default defineConfig({
-    build: {
-        minify: true,
-        outDir: "./dist",
-        rollupOptions: {
-            external: [
-                "@react-input/mask",
-                "framer-motion",
-                "lucide-react",
-                "react",
-                "react-dom",
-                "react-router",
-            ],
-            output: { format: "esm" },
-        },
-        lib: {
-            entry: resolve(__dirname, "src/index.ts"),
-            name: "@arkyn/components",
-            fileName: "bundle",
-        },
-    },
-});

package/dist/vitest.config.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("vite").UserConfig;
-export default _default;
-//# sourceMappingURL=vitest.config.d.ts.map

package/dist/vitest.config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vitest.config.d.ts","sourceRoot":"","sources":["../vitest.config.ts"],"names":[],"mappings":";AAEA,wBAEG"}

package/dist/vitest.config.js

@@ -1,4 +0,0 @@
-import { defineConfig } from "vite";
-export default defineConfig({
-    resolve: { mainFields: ["module"] },
-});

package/documentation/css/reset.css

@@ -1,38 +0,0 @@
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-*,
-input,
-textarea,
-button {
-  line-height: 130%;
-  font-family: "Open Sans", sans-serif;
-  font-optical-sizing: auto;
-}
-
-body {
-  background-color: #ffffff;
-}
-
-.box {
-  display: flex;
-  flex-direction: column;
-  padding: 16px;
-  gap: 32px;
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  width: 100%;
-}
-
-.row {
-  display: flex;
-  gap: 16px;
-}
-
-.row:not(:last-child) {
-  padding-bottom: 32px;
-  border-bottom: 1px solid var(--border);
-}

package/documentation/css/variables.css

@@ -1,41 +0,0 @@
-:root {
-  /* background */
-  --background: #f1f5f9;
-  --background-foreground: #ffffff;
-
-  /* modal, drawer, popover... */
-  --card: #ffffff;
-  --card-foreground-primary: #f8fafc;
-  --card-foreground-secondary: #f1f5f9;
-  --card-foreground-third: #e2e8f0;
-
-  /* skeleton */
-  --skeleton: #f8fafc;
-  --skeleton-foreground: #f1f5f9;
-
-  /* text */
-  --text-heading: #0f172a;
-  --text-body: #475569;
-  --text-muted: #94a3b8;
-
-  /* border */
-  --border: #e2e8f0;
-
-  /* tooltip */
-  --tooltip-text: #f1f5f9;
-  --tooltip-background: #0f172a;
-
-  /* spotlight */
-  --spotlight-primary: 17, 109, 220; /* #116ddc */
-  --spotlight-secondary: 248, 250, 252; /* #f8fafc */
-  --spotlight-success: 16, 185, 129; /* #10b981 */
-  --spotlight-danger: 244, 63, 94; /* #f43f5e */
-  --spotlight-info: 14, 165, 233; /* #0ea5e9 */
-  --spotlight-warning: 249, 115, 22; /* #f97316 */
-
-  /* toast */
-  --toast-success: 16, 185, 129; /* #10B981 */
-  --toast-danger: 225, 29, 72; /* #E11D48 */
-  --toast-info: 14, 165, 233; /* #0EA5E9 */
-  --toast-warning: 251, 146, 60; /* #FB923C */
-}

package/documentation/index.html

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>

package/documentation/src/app.tsx

@@ -1,93 +0,0 @@
-import { MultiSelect } from "@components";
-import { useState } from "react";
-import { AlertExamples } from "./components/examples.alert";
-import { AudioPlayerExamples } from "./components/examples.audioPlayer";
-import { BadgeExamples } from "./components/examples.badge";
-import { ButtonExamples } from "./components/examples.button";
-import { CardTabExamples } from "./components/examples.cardTab";
-import { CheckboxExamples } from "./components/examples.checkbox";
-import { CurrencyInputExamples } from "./components/examples.currencyInput";
-import { DividerExamples } from "./components/examples.divider";
-import { DrawerExamples } from "./components/examples.drawer";
-import { IconButtonExamples } from "./components/examples.iconButton";
-import { InputExamples } from "./components/examples.input";
-import { MaskedInputExamples } from "./components/examples.maskedInput";
-import { ModalExamples } from "./components/examples.modal";
-import { MultiSelectExamples } from "./components/examples.multiSelect";
-import { SliderExamples } from "./components/examples.slider";
-import { TabExamples } from "./components/examples.tab";
-import { TooltipExamples } from "./components/examples.tooltip";
-import { RadioExamples } from "./components/examples.radio";
-import { SwitchExamples } from "./components/examples.switch";
-import { TextareaExamples } from "./components/examples.texarea";
-import { PhoneInputExamples } from "./components/examples.phoneInput";
-
-function App() {
-  const [selectedOption, setSelectedOption] = useState<string[]>([]);
-
-  const options = [
-    { label: "Alert", value: "alert" },
-    { label: "AudioPlayer", value: "audio-player" },
-    { label: "Badge", value: "badge" },
-    { label: "Button", value: "button" },
-    { label: "CardTab", value: "card-tab" },
-    { label: "Checkbox", value: "checkbox" },
-    { label: "CurrencyInput", value: "currency-input" },
-    { label: "Divider", value: "divider" },
-    { label: "Drawer", value: "drawer" },
-    { label: "IconButton", value: "icon-button" },
-    { label: "Input", value: "input" },
-    { label: "MaskedInput", value: "masked-input" },
-    { label: "Modal", value: "modal" },
-    { label: "MultiSelect", value: "multi-select" },
-    { label: "PhoneInput", value: "phone-input" },
-    { label: "Radio", value: "radio" },
-    { label: "Slider", value: "slider" },
-    { label: "Switch", value: "switch" },
-    { label: "Tab", value: "tab" },
-    { label: "Textarea", value: "textarea" },
-    { label: "Tooltip", value: "tooltip" },
-  ];
-
-  function showExamples(value: string): boolean {
-    return selectedOption.includes(value);
-  }
-
-  return (
-    <div
-      style={{ display: "flex", flexDirection: "column", gap: 40, padding: 40 }}
-    >
-      <MultiSelect
-        isSearchable
-        label="Select the examples:"
-        name="selectedOptions"
-        options={options}
-        onChange={setSelectedOption}
-      />
-
-      {showExamples("alert") && <AlertExamples />}
-      {showExamples("audio-player") && <AudioPlayerExamples />}
-      {showExamples("badge") && <BadgeExamples />}
-      {showExamples("button") && <ButtonExamples />}
-      {showExamples("card-tab") && <CardTabExamples />}
-      {showExamples("checkbox") && <CheckboxExamples />}
-      {showExamples("currency-input") && <CurrencyInputExamples />}
-      {showExamples("divider") && <DividerExamples />}
-      {showExamples("drawer") && <DrawerExamples />}
-      {showExamples("icon-button") && <IconButtonExamples />}
-      {showExamples("input") && <InputExamples />}
-      {showExamples("masked-input") && <MaskedInputExamples />}
-      {showExamples("modal") && <ModalExamples />}
-      {showExamples("multi-select") && <MultiSelectExamples />}
-      {showExamples("phone-input") && <PhoneInputExamples />}
-      {showExamples("radio") && <RadioExamples />}
-      {showExamples("slider") && <SliderExamples />}
-      {showExamples("switch") && <SwitchExamples />}
-      {showExamples("tab") && <TabExamples />}
-      {showExamples("textarea") && <TextareaExamples />}
-      {showExamples("tooltip") && <TooltipExamples />}
-    </div>
-  );
-}
-
-export { App };

package/documentation/src/components/examples.alert.tsx

@@ -1,49 +0,0 @@
-import {
-  AlertContainer,
-  AlertContent,
-  AlertDescription,
-  AlertIcon,
-  AlertTitle,
-} from "@components";
-
-import { Box } from "../ui/box";
-
-function AlertExamples() {
-  return (
-    <Box title="Alert">
-      <AlertContainer schema="danger">
-        <AlertIcon />
-        <AlertContent>
-          <AlertTitle>Alert title</AlertTitle>
-          <AlertDescription>This is an alert description</AlertDescription>
-        </AlertContent>
-      </AlertContainer>
-
-      <AlertContainer schema="info">
-        <AlertIcon />
-        <AlertContent>
-          <AlertTitle>Info title</AlertTitle>
-          <AlertDescription>This is an info description</AlertDescription>
-        </AlertContent>
-      </AlertContainer>
-
-      <AlertContainer schema="success">
-        <AlertIcon />
-        <AlertContent>
-          <AlertTitle>Success title</AlertTitle>
-          <AlertDescription>This is a success description</AlertDescription>
-        </AlertContent>
-      </AlertContainer>
-
-      <AlertContainer schema="warning">
-        <AlertIcon />
-        <AlertContent>
-          <AlertTitle>Warning title</AlertTitle>
-          <AlertDescription>This is a warning description</AlertDescription>
-        </AlertContent>
-      </AlertContainer>
-    </Box>
-  );
-}
-
-export { AlertExamples };

package/documentation/src/components/examples.audioPlayer.tsx

@@ -1,16 +0,0 @@
-import { AudioPlayer } from "@components";
-
-import { Box } from "../ui/box";
-
-const AUDIO_PLAYER_SRC = `http://codeskulptor-demos.commondatastorage.googleapis.com/pang/paza-moduless.mp3`;
-
-function AudioPlayerExamples() {
-  return (
-    <Box title="AudioPlayer">
-      <AudioPlayer src={AUDIO_PLAYER_SRC} />
-      <AudioPlayer src={AUDIO_PLAYER_SRC} disabled />
-    </Box>
-  );
-}
-
-export { AudioPlayerExamples };

package/documentation/src/components/examples.badge.tsx

@@ -1,38 +0,0 @@
-import { Badge } from "@components";
-import { Star } from "lucide-react";
-
-import { Box } from "../ui/box";
-import { Row } from "../ui/row";
-
-function BadgeExamples() {
-  return (
-    <Box title="Badge">
-      <Row>
-        <Badge>variant - ghost (default)</Badge>
-        <Badge variant="outline">variant - outline</Badge>
-        <Badge variant="solid">variant - solid</Badge>
-      </Row>
-
-      <Row>
-        <Badge size="md">size - md </Badge>
-        <Badge>size - lg (default)</Badge>
-      </Row>
-
-      <Row>
-        <Badge>scheme - primary (default)</Badge>
-        <Badge scheme="secondary">scheme - secondary</Badge>
-        <Badge scheme="danger">scheme - danger</Badge>
-        <Badge scheme="info">scheme - info</Badge>
-        <Badge scheme="success">scheme - success</Badge>
-        <Badge scheme="warning">scheme - warning</Badge>
-      </Row>
-
-      <Row>
-        <Badge leftIcon={Star}>leftIcon</Badge>
-        <Badge rightIcon={Star}>rightIcon</Badge>
-      </Row>
-    </Box>
-  );
-}
-
-export { BadgeExamples };

package/documentation/src/components/examples.button.tsx

@@ -1,66 +0,0 @@
-import { Button } from "@components";
-import { Star } from "lucide-react";
-
-import { Box } from "../ui/box";
-import { Row } from "../ui/row";
-
-function ButtonExamples() {
-  return (
-    <Box title="Button">
-      <Row>
-        <Button>variant - ghost (default)</Button>
-        <Button variant="outline">variant - outline</Button>
-        <Button variant="ghost">variant - ghost</Button>
-        <Button variant="invisible">variant - invisible</Button>
-      </Row>
-
-      <Row>
-        <Button size="xs">size - xs</Button>
-        <Button size="sm">size - sm</Button>
-        <Button>size - md (default)</Button>
-        <Button size="lg">size - lg</Button>
-      </Row>
-
-      <Row>
-        <Button>scheme - primary (default)</Button>
-        <Button scheme="danger">scheme - danger</Button>
-        <Button scheme="info">scheme - info</Button>
-        <Button scheme="success">scheme - success</Button>
-        <Button scheme="warning">scheme - warning</Button>
-      </Row>
-
-      <Row>
-        <Button leftIcon={Star}>leftIcon</Button>
-        <Button rightIcon={Star}>rightIcon</Button>
-      </Row>
-      <Row>
-        <Button isLoading size="xs">
-          isLoading
-        </Button>
-        <Button isLoading size="sm">
-          isLoading
-        </Button>
-        <Button isLoading>isLoading</Button>
-        <Button isLoading size="lg">
-          isLoading
-        </Button>
-      </Row>
-      <Row>
-        <Button isLoading size="xs" loadingText="Loading...">
-          isLoading
-        </Button>
-        <Button isLoading size="sm" loadingText="Loading...">
-          isLoading
-        </Button>
-        <Button isLoading loadingText="Loading...">
-          isLoading
-        </Button>
-        <Button isLoading size="lg" loadingText="Loading...">
-          isLoading
-        </Button>
-      </Row>
-    </Box>
-  );
-}
-
-export { ButtonExamples };

package/documentation/src/components/examples.cardTab.tsx

@@ -1,36 +0,0 @@
-import { CardTabButton, CardTabContainer } from "@components";
-import { Box } from "../ui/box";
-
-function CardTabExamples() {
-  return (
-    <Box title="CardTab">
-      <CardTabContainer>
-        <CardTabButton value="item-1">Item 1</CardTabButton>
-        <CardTabButton value="item-2">Item 2</CardTabButton>
-        <CardTabButton value="item-3">Item 3</CardTabButton>
-      </CardTabContainer>
-
-      <CardTabContainer defaultValue="item-3">
-        <CardTabButton value="item-1">Item 1</CardTabButton>
-        <CardTabButton value="item-2">Item 2</CardTabButton>
-        <CardTabButton value="item-3">Item 3</CardTabButton>
-      </CardTabContainer>
-
-      <CardTabContainer disabled>
-        <CardTabButton value="item-1">Item 1</CardTabButton>
-        <CardTabButton value="item-2">Item 2</CardTabButton>
-        <CardTabButton value="item-3">Item 3</CardTabButton>
-      </CardTabContainer>
-
-      <CardTabContainer>
-        <CardTabButton value="item-1">Item 1</CardTabButton>
-        <CardTabButton value="item-2">Item 2</CardTabButton>
-        <CardTabButton value="item-3" disabled>
-          Item 3
-        </CardTabButton>
-      </CardTabContainer>
-    </Box>
-  );
-}
-
-export { CardTabExamples };