@arkyn/components 3.0.1-beta.4 → 3.0.1-beta.41

package/dist/components/MultiSelect/index.js

@@ -1,73 +0,0 @@
-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/components/Pagination/index.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAM/C,OAAO,cAAc,CAAC;AAUtB,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CAoHzC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/Pagination/index.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronLeft, ChevronRight, Ellipsis } from "lucide-react";
-import { useNavigate } from "react-router";
-import { useScopedParams } from "../../hooks/useScopedParams";
-import "./styles.css";
-function generatePagesArray(from, to) {
-    return [...new Array(to - from)]
-        .map((_, index) => {
-        return from + index + 1;
-    })
-        .filter((page) => page > 0);
-}
-function Pagination(props) {
-    const { scope, totalCountRegisters, perPageKey = "per_page", pageKey = "page", siblingsCount = 2, currentPage: baseCurrentPage = 1, registerPerPage: baseRegisterPerPage = 20, ...rest } = props;
-    const navigate = useNavigate();
-    const { getParam, getScopedSearch } = useScopedParams(scope);
-    const currentPage = Number(getParam("page")) || baseCurrentPage;
-    const registerPerPage = Number(getParam("per_page")) || baseRegisterPerPage;
-    const lastPage = Math.ceil(totalCountRegisters / registerPerPage);
-    const previosPages = currentPage > 1
-        ? generatePagesArray(currentPage - 1 - siblingsCount, currentPage - 1)
-        : [];
-    const nextPages = currentPage < lastPage
-        ? generatePagesArray(currentPage, Math.min(currentPage + siblingsCount, lastPage))
-        : [];
-    function handlePageChange(page) {
-        navigate(getScopedSearch({ page }));
-    }
-    return (_jsxs("div", { className: "arkynPagination", ...rest, children: [_jsx("button", { className: "arkynPaginationIconButton", disabled: currentPage <= 1, onClick: () => handlePageChange(currentPage - 1), children: _jsx(ChevronLeft, {}) }), currentPage > 1 + siblingsCount && (_jsxs(_Fragment, { children: [_jsx("button", { className: "arkynPaginationPageButton", onClick: () => handlePageChange(1), children: "1" }), currentPage > 2 + siblingsCount && (_jsx("button", { disabled: true, className: "arkynPaginationSpread", children: _jsx(Ellipsis, {}) }))] })), previosPages.length > 0 &&
-                previosPages.map((page, index) => (_jsx("button", { onClick: () => handlePageChange(page), className: "arkynPaginationPageButton", children: page }, index))), _jsx("button", { className: "arkynPaginationCurrent", disabled: true, children: currentPage }), nextPages.length > 0 &&
-                nextPages.map((page, index) => (_jsx("button", { onClick: () => handlePageChange(page), className: "arkynPaginationPageButton", children: page }, index))), currentPage + siblingsCount < lastPage && (_jsxs(_Fragment, { children: [currentPage + 1 + siblingsCount < lastPage && (_jsx("button", { disabled: true, className: "arkynPaginationSpread", children: _jsx(Ellipsis, {}) })), _jsx("button", { className: "arkynPaginationPageButton", onClick: () => handlePageChange(lastPage), children: lastPage })] })), _jsx("button", { className: "arkynPaginationIconButton", disabled: currentPage >= lastPage, onClick: () => handlePageChange(currentPage + 1), children: _jsx(ChevronRight, {}) })] }));
-}
-export { Pagination };

package/dist/components/PhoneInput/components/PhoneInputContainer/index.d.ts

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

package/dist/components/PhoneInput/components/PhoneInputContainer/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/PhoneInput/components/PhoneInputContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,cAAc,CAAC;AAEtB,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA0B3D;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/PhoneInput/components/PhoneInputCountriesOverlay/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/PhoneInput/components/PhoneInputCountriesOverlay/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,+BAA+B,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,cAAc,CAAC;AAEtB,iBAAS,0BAA0B,CAAC,KAAK,EAAE,+BAA+B,2CAMzE;AAED,OAAO,EAAE,0BAA0B,EAAE,CAAC"}

package/dist/components/PhoneInput/components/PhoneInputCountryOption/index.d.ts

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

package/dist/components/PhoneInput/components/PhoneInputCountryOption/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/PhoneInput/components/PhoneInputCountryOption/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,cAAc,CAAC;AAE5D,OAAO,cAAc,CAAC;AAEtB,iBAAS,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,2CAanE;AAED,OAAO,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/components/PhoneInput/components/PhoneInputCountryOptionsContainer/index.d.ts

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

package/dist/components/PhoneInput/components/PhoneInputCountryOptionsContainer/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/PhoneInput/components/PhoneInputCountryOptionsContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sCAAsC,EAAE,MAAM,cAAc,CAAC;AAGtE,OAAO,cAAc,CAAC;AAEtB,iBAAS,iCAAiC,CACxC,KAAK,EAAE,sCAAsC,2CAyB9C;AAED,OAAO,EAAE,iCAAiC,EAAE,CAAC"}

package/dist/components/PhoneInput/components/PhoneInputCountryOptionsContainer/index.js

@@ -1,12 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import "./styles.css";
-function PhoneInputCountryOptionsContainer(props) {
-    const { children, isOpen, onSearch, search, placeholder } = props;
-    function handleSearch(e) {
-        onSearch(e.target.value);
-    }
-    if (!isOpen)
-        return _jsx(_Fragment, {});
-    return (_jsxs("div", { className: "arkynPhoneInputCountryOptionsContainer", children: [_jsx("input", { type: "search", name: "search-select", className: "arkynPhoneInputCountryOptionsContainerSearchSelect", value: search, id: "input-search", placeholder: placeholder, onChange: handleSearch }), children] }));
-}
-export { PhoneInputCountryOptionsContainer };

package/dist/components/PhoneInput/components/PhoneInputCountrySelector/index.d.ts

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

package/dist/components/PhoneInput/components/PhoneInputCountrySelector/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/PhoneInput/components/PhoneInputCountrySelector/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAE,MAAM,cAAc,CAAC;AAI9D,OAAO,cAAc,CAAC;AAEtB,iBAAS,yBAAyB,CAAC,KAAK,EAAE,8BAA8B,2CAcvE;AAED,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

package/dist/components/PhoneInput/components/PhoneInputMask/index.d.ts

@@ -1,5 +0,0 @@
-import { PhoneInputMaskProps } from "@arkyn/types";
-import "./style.css";
-declare const PhoneInputMask: import("react").ForwardRefExoticComponent<PhoneInputMaskProps & import("react").RefAttributes<HTMLInputElement>>;
-export { PhoneInputMask };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PhoneInput/components/PhoneInputMask/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/PhoneInput/components/PhoneInputMask/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAiBnD,OAAO,aAAa,CAAC;AASrB,QAAA,MAAM,cAAc,kHAyDnB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PhoneInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,eAAe,EAAE,MAAM,cAAc,CAAC;AAY5D,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CAiKzC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/PhoneInput/index.js

@@ -1,91 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { countries } from "@arkyn/templates";
-import { useRef, useState } from "react";
-import { useFormController } from "../Form/FormController";
-import { PhoneInputContainer } from "./components/PhoneInputContainer";
-import { PhoneInputCountriesOverlay } from "./components/PhoneInputCountriesOverlay";
-import { PhoneInputCountryOption } from "./components/PhoneInputCountryOption";
-import { PhoneInputCountryOptionsContainer } from "./components/PhoneInputCountryOptionsContainer";
-import { PhoneInputCountrySelector } from "./components/PhoneInputCountrySelector";
-import { PhoneInputMask } from "./components/PhoneInputMask";
-import { getDefaultFormatPhoneNumber } from "./services/getDefaultFormatPhoneNumber";
-function PhoneInput(props) {
-    const { defaultCountry, className = "", disabled = false, isError: baseIsError = false, isLoading = false, readOnly = false, size = "md", defaultValue = "", variant = "solid", name, onChange, searchCountryPlaceholder = "Pesquisar país", notFoundCountryText = "Nenhum país encontrado", ...rest } = props;
-    const defaultData = getDefaultFormatPhoneNumber(defaultValue);
-    const [isFocused, setIsFocused] = useState(false);
-    const [search, setSearch] = useState("");
-    const [showCountryOptions, setShowCountryOptions] = useState(false);
-    const [value, setValue] = useState(defaultData.formattedNumber || "");
-    const [currentCountry, setCurrentCountry] = useState(() => {
-        if (defaultData.country)
-            return defaultData.country;
-        const country = countries.find((country) => country.iso === defaultCountry);
-        if (country)
-            return country;
-        return countries[30];
-    });
-    const { id, inputRef, error } = useFormController();
-    const isError = baseIsError || !!error;
-    const inputPhoneMaskRef = useRef(null);
-    function handleContainerFocus() {
-        if (isFocused || showCountryOptions)
-            return;
-        setIsFocused(true);
-        if (inputPhoneMaskRef.current)
-            inputPhoneMaskRef.current.focus();
-    }
-    function handleOpenCountryOptions() {
-        setShowCountryOptions(true);
-        setIsFocused(true);
-    }
-    function handleCloseCountryOptions() {
-        setShowCountryOptions(false);
-        setIsFocused(false);
-    }
-    function handleInputFocus() {
-        setIsFocused(true);
-    }
-    function handleInputBlur() {
-        setIsFocused(false);
-    }
-    function filterCountryFunction(country) {
-        return country.name.toLowerCase().includes(search.toLowerCase());
-    }
-    function removeNumberMasks(number) {
-        if (currentCountry.prefix) {
-            return number
-                .replace(currentCountry.prefix, "")
-                .replaceAll(" ", "")
-                .replaceAll("-", "")
-                .replaceAll("(", "")
-                .replaceAll(")", "")
-                .trim();
-        }
-        return number
-            .replaceAll(" ", "")
-            .replaceAll("-", "")
-            .replaceAll("(", "")
-            .replaceAll(")", "")
-            .trim();
-    }
-    function inputValue(props) {
-        let returnValue = currentCountry.code;
-        if (currentCountry.prefix)
-            returnValue += `-${currentCountry.prefix}`;
-        returnValue += " ";
-        returnValue += removeNumberMasks(props || value);
-        return returnValue;
-    }
-    return (_jsxs(PhoneInputContainer, { id: id, disabled: disabled, isError: isError, isLoading: isLoading, isFocused: isFocused, readOnly: readOnly, size: size, variant: variant, className: className, onFocus: handleContainerFocus, children: [_jsx(PhoneInputCountrySelector, { currentCountry: currentCountry, onClick: handleOpenCountryOptions, size: size }), _jsxs(PhoneInputCountryOptionsContainer, { isOpen: showCountryOptions, search: search, placeholder: searchCountryPlaceholder, onSearch: setSearch, children: [countries
-                        .filter((country) => filterCountryFunction(country))
-                        .map((country) => (_jsx(PhoneInputCountryOption, { country: country, handleChangeValue: () => {
-                            setCurrentCountry(country);
-                            setShowCountryOptions(false);
-                            setValue(country.mask);
-                        }, isActive: country.iso === currentCountry.iso, size: size }, country.iso))), countries.filter((country) => filterCountryFunction(country))
-                        .length === 0 && _jsx("p", { children: notFoundCountryText })] }), _jsx(PhoneInputCountriesOverlay, { isOpen: showCountryOptions, onClick: handleCloseCountryOptions }), _jsx(PhoneInputMask, { ref: inputPhoneMaskRef, currentCountry: currentCountry, value: value, onChange: (e) => {
-                    setValue(e);
-                    onChange && onChange(inputValue(e));
-                }, disabled: disabled, onBlur: handleInputBlur, onFocus: handleInputFocus, size: size }), _jsx("input", { ref: inputRef, type: "hidden", name: name, value: inputValue() })] }));
-}
-export { PhoneInput };

package/dist/components/PhoneInput/services/utils.d.ts

@@ -1,10 +0,0 @@
-declare function clear(value: string): string;
-declare const TYPES: {
-    EIGTH: string;
-    NINE: string;
-};
-declare function applyMask(value: string, maskPattern: string): string;
-declare function getMask(value: string): "NINE" | "EIGTH";
-declare const MAX_LENGTH: number;
-export { applyMask, clear, getMask, MAX_LENGTH, TYPES };
-//# sourceMappingURL=utils.d.ts.map

package/dist/components/PhoneInput/services/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/PhoneInput/services/utils.ts"],"names":[],"mappings":"AAAA,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;AAE5C,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/PhoneInput/services/utils.js

@@ -1,37 +0,0 @@
-function clear(value) {
-    return value && value.replace(/[^0-9]/g, "");
-}
-const TYPES = {
-    EIGTH: "(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" : "EIGTH";
-    return mask;
-}
-const MAX_LENGTH = clear(TYPES.NINE).length;
-export { applyMask, clear, getMask, MAX_LENGTH, TYPES };

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAI5C,OAAO,cAAc,CAAC;AAEtB,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,2CAsCnC;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Popover/index.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { motion } from "framer-motion";
-import { useState } from "react";
-import "./styles.css";
-function Popover(props) {
-    const { children, button, closeOnClick, className: baseClassName = "", orientation = "bottomLeft", } = props;
-    const [isOpen, setIsOpen] = useState(false);
-    const visible = isOpen ? "visibleTrue" : "visibleFalse";
-    const className = `arkynPopover ${orientation} ${visible} ${baseClassName}`;
-    function handleOpenPopover() {
-        if (!isOpen)
-            setIsOpen(true);
-    }
-    return (_jsxs("div", { className: className, onClick: handleOpenPopover, children: [button, _jsx(motion.div, { style: { visibility: isOpen ? "visible" : "hidden" }, transition: { ease: "easeOut", duration: 0 }, initial: { opacity: 0 }, animate: { opacity: isOpen ? 1 : 0 }, exit: { opacity: 0 }, onClick: () => closeOnClick && setIsOpen(false), className: "arkynPopoverContent", children: children }), isOpen && (_jsx("div", { onClick: () => setIsOpen(false), className: "arkynPopoverOverlay" }))] }));
-}
-export { Popover };

package/dist/components/Radio/RadioBox/index.d.ts

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

package/dist/components/Radio/RadioBox/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Radio/RadioBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7C,OAAO,cAAc,CAAC;AAEtB,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAkCrC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Radio/RadioBox/index.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useFormController } from "../../Form/FormController";
-import { useRadioGroup } from "../RadioGroup";
-import "./styles.css";
-function RadioBox(props) {
-    const { value: componentValue, size: componentSize, disabled, children, className: baseClassName = "", ...rest } = props;
-    const { onChange, size: groupSize, value: selectedValue } = useRadioGroup();
-    const { error } = useFormController();
-    const size = componentSize || groupSize;
-    const checkedClass = selectedValue === componentValue ? "checkedTrue" : "checkedFalse";
-    const errorClass = !!error ? "errorTrue" : "errorFalse";
-    const disabledClass = disabled ? "disabledTrue" : "disabledFalse";
-    const className = `arkynRadioBox ${size} ${checkedClass} ${errorClass} ${disabledClass} ${baseClassName}`;
-    return (_jsxs("label", { className: className.trim(), children: [_jsx("button", { type: "button", disabled: disabled, onClick: () => onChange(componentValue), onFocus: () => onChange(componentValue), ...rest }), children] }));
-}
-export { RadioBox };

package/dist/components/Radio/RadioGroup/index.d.ts

@@ -1,6 +0,0 @@
-import { RadioGroupContextType, RadioGroupProps } from "@arkyn/types";
-import "./styles.css";
-declare function useRadioGroup(): RadioGroupContextType;
-declare function RadioGroup(props: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
-export { RadioGroup, useRadioGroup };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Radio/RadioGroup/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Radio/RadioGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAKtE,OAAO,cAAc,CAAC;AAItB,iBAAS,aAAa,0BAErB;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CAsCzC;AAED,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Radio/RadioGroup/index.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, useContext, useState } from "react";
-import { useFormController } from "../../Form/FormController";
-import "./styles.css";
-const RadioContext = createContext({});
-function useRadioGroup() {
-    return useContext(RadioContext);
-}
-function RadioGroup(props) {
-    const { defaultValue, name, value: forceValue, onChange, size = "md", className: baseClassName = "", ...rest } = props;
-    const [value, setValue] = useState(defaultValue || "");
-    const { inputRef, id } = useFormController();
-    function handleChange(value) {
-        setValue(value);
-        onChange && onChange(value);
-    }
-    const className = `arkynRadioGroup ${size} ${baseClassName}`;
-    return (_jsxs(RadioContext.Provider, { value: { onChange: handleChange, value: forceValue || value, size }, children: [_jsx("input", { style: { display: "none" }, type: "text", id: id, readOnly: true, name: name, ref: inputRef, value: forceValue || value }), _jsx("div", { className: className.trim(), ...rest })] }));
-}
-export { RadioGroup, useRadioGroup };

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

@@ -1,4 +0,0 @@
-import { RadioBox } from "./RadioBox";
-import { RadioGroup } from "./RadioGroup";
-export { RadioBox, RadioGroup };
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/Radio/index.js

@@ -1,3 +0,0 @@
-import { RadioBox } from "./RadioBox";
-import { RadioGroup } from "./RadioGroup";
-export { RadioBox, RadioGroup };

package/dist/components/RichText/components/BlockButton/index.d.ts

@@ -1,10 +0,0 @@
-import { RichTextAlignFormatType, RichTextElementFormatType } from "@arkyn/types";
-import { LucideIcon } from "lucide-react";
-import "./styles.css";
-type BlockButtonProps = {
-    format: RichTextElementFormatType | RichTextAlignFormatType;
-    icon: LucideIcon;
-};
-declare function BlockButton({ format, icon: Icon }: BlockButtonProps): import("react/jsx-runtime").JSX.Element;
-export { BlockButton };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/RichText/components/BlockButton/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/RichText/components/BlockButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EAC1B,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAQ1C,OAAO,cAAc,CAAC;AAEtB,KAAK,gBAAgB,GAAG;IACtB,MAAM,EAAE,yBAAyB,GAAG,uBAAuB,CAAC;IAC5D,IAAI,EAAE,UAAU,CAAC;CAClB,CAAC;AAEF,iBAAS,WAAW,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,gBAAgB,2CAsB5D;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/RichText/components/BlockButton/index.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useSlate } from "slate-react";
-import { toggleBlock } from "../../functions/toggleBlock";
-import { isBlockActive } from "../../helpers/isBlockActive";
-import { TEXT_ALIGN_TYPES } from "../../template/TEXT_ALIGN_TYPES";
-import "./styles.css";
-function BlockButton({ format, icon: Icon }) {
-    const editor = useSlate();
-    const blockType = TEXT_ALIGN_TYPES.includes(format) ? "align" : "type";
-    const isActive = isBlockActive(editor, format, blockType);
-    const activeClass = isActive ? "activeTrue" : "activeFalse";
-    function handleMouseDown(event) {
-        event.preventDefault();
-        toggleBlock(editor, format);
-    }
-    return (_jsx("button", { type: "button", className: "arkynRichTextBlockButton " + activeClass, onMouseDown: handleMouseDown, children: _jsx(Icon, {}) }));
-}
-export { BlockButton };

package/dist/components/RichText/components/Element/index.d.ts

@@ -1,5 +0,0 @@
-import { RenderElementProps } from "slate-react";
-import "./styles.css";
-declare function Element({ attributes, children, element }: RenderElementProps): import("react/jsx-runtime").JSX.Element;
-export { Element };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/RichText/components/Element/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/RichText/components/Element/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,cAAc,CAAC;AAEtB,iBAAS,OAAO,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,kBAAkB,2CAgErE;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/RichText/components/Element/index.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import "./styles.css";
-function Element({ attributes, children, element }) {
-    const style = { textAlign: element.align };
-    switch (element.type) {
-        case "blockQuote":
-            return (_jsx("blockquote", { className: "arkynElementBlockquote", style: style, ...attributes, children: children }));
-        case "bulletedList":
-            return (_jsx("ul", { className: "arkynElementBulletList", style: style, ...attributes, children: children }));
-        case "headingOne":
-            return (_jsx("h1", { className: "arkynElementHeadingOne", style: style, ...attributes, children: children }));
-        case "headingTwo":
-            return (_jsx("h2", { className: "arkynElementHeadingTwo", style: style, ...attributes, children: children }));
-        case "listItem":
-            return (_jsx("li", { className: "arkynElementListItem", style: style, ...attributes, children: children }));
-        case "numberedList":
-            return (_jsx("ol", { className: "arkynElementNumberedList", style: style, ...attributes, children: children }));
-        case "image":
-            return (_jsxs("div", { style: style, ...attributes, children: [_jsx("img", { className: "arkynElementImage", alt: "arkynElementImage", src: element?.src || "" }), children] }));
-        default:
-            return (_jsx("p", { className: "arkynElementParagraph", style: style, ...attributes, children: children }));
-    }
-}
-export { Element };

package/dist/components/RichText/components/InsertImage/index.d.ts

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

package/dist/components/RichText/components/InsertImage/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/RichText/components/InsertImage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAYxD,OAAO,cAAc,CAAC;AAEtB,iBAAS,WAAW,CAAC,KAAK,EAAE,wBAAwB,2CAwGnD;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/RichText/components/InsertImage/index.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Image } from "lucide-react";
-import { useState } from "react";
-import { useSlate } from "slate-react";
-import { Button } from "../../../Button";
-import { FormController, FormLabel } from "../../../Form";
-import { ImageUpload } from "../../../ImageUpload";
-import { Input } from "../../../Input";
-import { ModalContainer, ModalFooter, ModalHeader } from "../../../Modal";
-import { TabButton, TabContainer } from "../../../Tabs";
-import "./styles.css";
-function InsertImage(props) {
-    const { action, tabLabels = ["Adicionar URL", "Upload de arquivo"], modalCancelButton = "Cancelar", modalConfirmButton = "Confirmar", modalInputImageLabel = "Imagem:", modalInputUrlLabel = "URL da imagem:", modalTitle = "Inserir imagem", } = props;
-    const editor = useSlate();
-    const [modalIsVisibled, setModalIsVisibled] = useState(false);
-    const [imageURL, setImageURL] = useState("");
-    const [uploadType, setUploadType] = useState("url");
-    function handleMouseDown(event) {
-        event.preventDefault();
-        if (!imageURL || imageURL === "")
-            return;
-        editor.insertNodes([
-            { type: "paragraph", children: [{ text: "" }] },
-            { type: "image", src: imageURL, children: [{ text: "" }] },
-            { type: "paragraph", children: [{ text: "" }] },
-        ]);
-        setModalIsVisibled(false);
-    }
-    return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "arkynRichTextInsertImage", onMouseDown: () => setModalIsVisibled(true), children: _jsx(Image, {}) }), _jsxs(ModalContainer, { isVisibled: modalIsVisibled, makeInvisible: () => setModalIsVisibled(false), children: [_jsx(ModalHeader, { children: modalTitle }), _jsxs("div", { className: "arkynRichTextInsertImageModalContent", children: [_jsxs(TabContainer, { defaultActive: uploadType, onClick: setUploadType, children: [_jsx(TabButton, { value: "url", children: tabLabels[0] }), _jsx(TabButton, { value: "file", children: tabLabels[1] })] }), uploadType === "url" && (_jsxs(_Fragment, { children: [_jsxs(FormController, { children: [_jsx(FormLabel, { children: modalInputUrlLabel }), _jsx(Input, { type: "text", name: "richTextimageURL", defaultValue: imageURL, onChange: (e) => setImageURL(e.target.value) })] }), imageURL && (_jsx("img", { className: "arkynRichTextInsertImageModalPreviewImage", src: imageURL, alt: "preview" }))] })), uploadType === "file" && (_jsxs(FormController, { children: [_jsx(FormLabel, { children: modalInputImageLabel }), _jsx(ImageUpload, { name: "richTextimageURL", action: action, defaultValue: imageURL, onUpload: (url) => setImageURL(url || "") })] }))] }), _jsxs(ModalFooter, { children: [_jsx(Button, { type: "button", scheme: "danger", variant: "outline", onClick: () => setModalIsVisibled(false), children: modalCancelButton }), _jsx(Button, { type: "button", onClick: handleMouseDown, children: modalConfirmButton })] })] })] }));
-}
-export { InsertImage };

package/dist/components/RichText/components/Leaf/index.d.ts

@@ -1,4 +0,0 @@
-import { RenderLeafProps } from "slate-react";
-declare function Leaf({ attributes, children, leaf }: RenderLeafProps): import("react/jsx-runtime").JSX.Element;
-export { Leaf };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/RichText/components/Leaf/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/RichText/components/Leaf/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,iBAAS,IAAI,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,eAAe,2CAO5D;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/RichText/components/Leaf/index.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-function Leaf({ attributes, children, leaf }) {
-    if (leaf.bold)
-        children = _jsx("strong", { children: children });
-    if (leaf.code)
-        children = _jsx("code", { children: children });
-    if (leaf.italic)
-        children = _jsx("em", { children: children });
-    if (leaf.underline)
-        children = _jsx("u", { children: children });
-    return _jsx("span", { ...attributes, children: children });
-}
-export { Leaf };

package/dist/components/RichText/components/MarkButton/index.d.ts

@@ -1,10 +0,0 @@
-import { RichTextMarkFormatType } from "@arkyn/types";
-import { LucideIcon } from "lucide-react";
-import "./styles.css";
-type MarkButtonProps = {
-    format: RichTextMarkFormatType;
-    icon: LucideIcon;
-};
-declare function MarkButton({ format, icon: Icon }: MarkButtonProps): import("react/jsx-runtime").JSX.Element;
-export { MarkButton };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/RichText/components/MarkButton/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/RichText/components/MarkButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO1C,OAAO,cAAc,CAAC;AAEtB,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,sBAAsB,CAAC;IAC/B,IAAI,EAAE,UAAU,CAAC;CAClB,CAAC;AAEF,iBAAS,UAAU,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,eAAe,2CAoB1D;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}