@arkyn/components 3.0.1-beta.154 → 3.0.1-beta.156

package/dist/components/drawer/drawerContainer/index.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AnimatePresence, motion } from "framer-motion";
-import { useScrollLock } from "../../../hooks/useScrollLock";
-import { DrawerProvider } from "../drawerContext";
-import "./styles.css";
-/**
- * DrawerContainer — animated slide-in panel rendered over an overlay backdrop.
- *
- * Locks body scroll while open. Closes when the overlay is clicked.
- * Provides context consumed by `DrawerHeader` (close button).
- *
- * @param props.isVisible - Whether the drawer is open. Required.
- * @param props.makeInvisible - Called when the overlay or close button is clicked. Required.
- * @param props.orientation - Slide direction. Default: `"left"`
- *
- * **...Other valid HTML `<aside>` properties**
- *
- * @returns DrawerContainer JSX element.
- *
- * @example
- * ```tsx
- * const [isOpen, setIsOpen] = useState(false);
- *
- * <DrawerContainer isVisible={isOpen} makeInvisible={() => setIsOpen(false)} orientation="right">
- *   <DrawerHeader><h2>Navigation</h2></DrawerHeader>
- *   <nav>...</nav>
- * </DrawerContainer>
- * ```
- */
-function DrawerContainer(props) {
-    const { isVisible, makeInvisible, orientation = "left", children, className: baseClassName, ...rest } = props;
-    useScrollLock(isVisible);
-    const translateX = orientation === "left" ? "-100%" : "100%";
-    const visibleClass = isVisible ? "visibleTrue" : "visibleFalse";
-    const className = `arkynDrawerContainer ${orientation} ${visibleClass} ${baseClassName}`;
-    return (_jsx(DrawerProvider, { makeInvisible: makeInvisible, children: _jsx(AnimatePresence, { children: isVisible && (_jsxs("aside", { className: className.trim(), ...rest, children: [_jsx(motion.div, { className: "arkynDrawerContainerOverlay", transition: { duration: 0.15, ease: "easeOut" }, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, onClick: makeInvisible }), _jsx(motion.div, { className: "arkynDrawerContainerContent", transition: { ease: "easeOut", duration: 0.15 }, initial: { transform: `translateX(${translateX})` }, animate: { transform: "translateX(0px)" }, exit: { transform: `translateX(${translateX})` }, children: children })] })) }) }));
-}
-export { DrawerContainer };

package/dist/components/drawer/drawerContext.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
-const drawerContext = createContext({});
-function DrawerProvider(props) {
-    return (_jsx(drawerContext.Provider, { value: { makeInvisible: props.makeInvisible }, children: props.children }));
-}
-function useDrawer() {
-    return useContext(drawerContext);
-}
-export { DrawerProvider, useDrawer };

package/dist/components/drawer/drawerHeader/index.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { X } from "lucide-react";
-import { useDrawer } from "../drawerContext";
-import "./styles.css";
-/**
- * DrawerHeader — header section for a `DrawerContainer`, with an optional close button.
- *
- * The close button calls `makeInvisible` from the nearest `DrawerContainer` context.
- * Must be rendered inside a `DrawerContainer`.
- *
- * @param props.showCloseButton - Renders the X close button. Default: true
- *
- * **...Other valid HTML `<header>` properties**
- *
- * @returns DrawerHeader JSX element.
- *
- * @example
- * ```tsx
- * <DrawerContainer isVisible={isOpen} makeInvisible={() => setIsOpen(false)}>
- *   <DrawerHeader>
- *     <h2>Navigation</h2>
- *   </DrawerHeader>
- *   <nav>...</nav>
- * </DrawerContainer>
- * ```
- */
-function DrawerHeader(props) {
-    const { showCloseButton = true, className: baseClassName, children, ...rest } = props;
-    const { makeInvisible } = useDrawer();
-    const className = `arkynDrawerHeader ${baseClassName}`;
-    return (_jsxs("header", { className: className.trim(), ...rest, children: [children, showCloseButton && (_jsx("button", { className: "arkynDrawerHeaderCloseButton", type: "button", onClick: makeInvisible, "aria-label": "Close drawer", children: _jsx(X, { size: 24 }) }))] }));
-}
-export { DrawerHeader };

package/dist/components/facebookPixel/facebookPixel.client.js

@@ -1,23 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { FacebookPixel } from "./pixel";
-function FacebookPixelClient(props) {
-    const { pixelId, options, pageView, track, trackCustom, trackSingle, trackSingleCustom, grantConsent, revokeConsent, } = props;
-    const pixel = new FacebookPixel(pixelId, options);
-    pixel.init();
-    if (pageView)
-        pixel.pageView();
-    if (grantConsent)
-        pixel.grantConsent();
-    if (revokeConsent)
-        pixel.revokeConsent();
-    if (track)
-        pixel.track(...track);
-    if (trackCustom)
-        pixel.trackCustom(...trackCustom);
-    if (trackSingle)
-        pixel.trackSingle(pixelId, ...trackSingle);
-    if (trackSingleCustom)
-        pixel.trackSingleCustom(pixelId, ...trackSingleCustom);
-    return _jsx(_Fragment, {});
-}
-export { FacebookPixelClient };

package/dist/components/facebookPixel/index.js

@@ -1,45 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { ClientOnly } from "../clientOnly";
-import { FacebookPixelClient } from "./facebookPixel.client";
-/**
- * FacebookPixel — injects the Facebook Pixel tracking script client-side.
- *
- * Renders nothing in development mode unless `showInDevMode` is `true`.
- * Wrapped in `ClientOnly` to avoid SSR errors.
- *
- * @param props.pixelId - Facebook Pixel ID. Required.
- * @param props.showInDevMode - Renders in development mode. Default: false
- * @param props.pageView - Fires a `PageView` event on mount.
- * @param props.grantConsent - Grants tracking consent.
- * @param props.revokeConsent - Revokes tracking consent.
- * @param props.track - Standard event to fire: `[eventName, params?]`.
- * @param props.trackCustom - Custom event to fire: `[eventName, params?]`.
- *
- * @returns Empty fragment in dev mode; otherwise the pixel script component.
- *
- * @example
- * ```tsx
- * // Basic page view tracking in root layout
- * <FacebookPixel pixelId="123456789012345" pageView />
- *
- * // With LGPD consent handling
- * <FacebookPixel
- *   pixelId="123456789012345"
- *   pageView
- *   grantConsent={userAcceptedCookies}
- * />
- *
- * // Track a purchase event
- * <FacebookPixel
- *   pixelId="123456789012345"
- *   track={["Purchase", { value: 99.90, currency: "BRL" }]}
- * />
- * ```
- */
-function FacebookPixel(props) {
-    if (process.env.NODE_ENV !== "production" && !props.showInDevMode) {
-        return _jsx(_Fragment, {});
-    }
-    return _jsx(ClientOnly, { children: () => _jsx(FacebookPixelClient, { ...props }) });
-}
-export { FacebookPixel };

package/dist/components/facebookPixel/pixel.js

@@ -1,111 +0,0 @@
-class FacebookPixel {
-    pixelId;
-    autoConfig;
-    initialized;
-    constructor(pixelId, options) {
-        this.pixelId = pixelId;
-        this.autoConfig = options?.autoConfig || true;
-        this.initialized = false;
-    }
-    loadFacebookPixel() {
-        // Verifica se o objeto fbq já está definido no objeto window
-        if (window.fbq)
-            return;
-        // Define a função fbq que será usada para enviar eventos ao Facebook Pixel
-        const fbq = function (...args) {
-            // Se fbq.callMethod estiver definido, chama o método com os argumentos fornecidos
-            // Caso contrário, adiciona os argumentos à fila de eventos
-            fbq.callMethod ? fbq.callMethod.apply(fbq, args) : fbq.queue.push(args);
-        };
-        // Se o objeto _fbq não estiver definido no objeto window, define-o como fbq
-        if (!window._fbq)
-            window._fbq = fbq;
-        // Define propriedades e métodos adicionais para fbq
-        fbq.push = fbq;
-        fbq.loaded = true;
-        fbq.version = "2.0";
-        fbq.queue = [];
-        // Cria um elemento script e define o atributo src como o URL do script do Facebook Pixel
-        const script = document.createElement("script");
-        script.async = true;
-        script.src = "https://connect.facebook.net/en_US/fbevents.js";
-        // Busca o primeiro elemento script no documento
-        const firstScript = document.getElementsByTagName("script")[0];
-        // Estoura uma exceção se não houver nenhum elemento script no documento
-        if (!firstScript.parentNode) {
-            throw new Error("No script tag found in the document");
-        }
-        // Insere o elemento script no início do documento
-        firstScript.parentNode.insertBefore(script, firstScript);
-        window.fbq = fbq;
-    }
-    init(advancedMatching = {}) {
-        // Verifica se o pixel já foi inicializado
-        this.initialized = typeof window !== "undefined" && !!window.fbq;
-        // Carrega o Facebook Pixel
-        this.loadFacebookPixel();
-        // Estoura uma exceção se o fbq não estiver definido
-        if (!window.fbq) {
-            throw new Error("window.fbq is not defined");
-        }
-        // Inicializa o pixel com o ID fornecido
-        if (this.autoConfig === false) {
-            window.fbq("set", "autoConfig", false, this.pixelId);
-        }
-        else {
-            window.fbq("init", this.pixelId, advancedMatching);
-        }
-        // Marca o pixel como inicializado
-        this.initialized = true;
-    }
-    pageView() {
-        if (!this.initialized)
-            return;
-        if (!window.fbq)
-            return;
-        window.fbq("track", "PageView");
-    }
-    track(title, data) {
-        if (!this.initialized)
-            return;
-        if (!window.fbq)
-            return;
-        window.fbq("track", title, data);
-    }
-    trackSingle(pixel, title, data) {
-        if (!this.initialized)
-            return;
-        if (!window.fbq)
-            return;
-        window.fbq("trackSingle", pixel, title, data);
-    }
-    trackCustom(event, data) {
-        if (!this.initialized)
-            return;
-        if (!window.fbq)
-            return;
-        window.fbq("trackCustom", event, data);
-    }
-    trackSingleCustom(pixel, event, data) {
-        if (!this.initialized)
-            return;
-        if (!window.fbq)
-            return;
-        window.fbq("trackSingle", pixel, event, data);
-    }
-    grantConsent() {
-        if (!this.initialized)
-            return;
-        if (!window.fbq)
-            return;
-        window.fbq("consent", "grant");
-    }
-    revokeConsent() {
-        if (!this.initialized)
-            return;
-        if (!window.fbq)
-            return;
-        window.fbq("consent", "revoke");
-    }
-}
-export { FacebookPixel };

package/dist/components/fieldError/index.js

@@ -1,26 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import "./styles.css";
-/**
- * FieldError — displays a validation error message below a form field.
- *
- * Renders nothing when `children` is empty or falsy.
- *
- * **...Other valid HTML properties for `<strong>`**
- *
- * @returns FieldError `<strong>` element, or an empty fragment when there is no message.
- *
- * @example
- * ```tsx
- * <FieldError>This field is required</FieldError>
- *
- * {error && <FieldError>{error}</FieldError>}
- * ```
- */
-function FieldError(props) {
-    const { children, className: baseClassName, ...rest } = props;
-    const className = `arkynFieldError ${baseClassName}`;
-    if (!children)
-        return _jsx(_Fragment, {});
-    return (_jsx("strong", { className: className.trim(), ...rest, children: children }));
-}
-export { FieldError };

package/dist/components/fieldLabel/index.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "./styles.css";
-/**
- * FieldLabel — label for form fields, with an optional required-field asterisk.
- *
- * @param props.showAsterisk - Appends `*` to the label. Default: false
- *
- * **...Other valid HTML properties for `<label>`**
- *
- * @returns FieldLabel JSX element.
- *
- * @example
- * ```tsx
- * <FieldLabel htmlFor="email" showAsterisk>Email Address</FieldLabel>
- * ```
- */
-function FieldLabel(props) {
-    const { showAsterisk = false, className: baseClassName = "", ...rest } = props;
-    const show = showAsterisk ? "asteriskTrue" : "asteriskFalse";
-    const className = `arkynFieldLabel ${show} ${baseClassName}`;
-    return _jsx("label", { className: className.trim(), ...rest });
-}
-export { FieldLabel };

package/dist/components/fieldWrapper/index.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "./styles.css";
-/**
- * FieldWrapper — `<section>` container that groups a form field with its label and error message.
- *
- * @param props.children - Field elements (label, input, error, etc.).
- * @param props.orientation - Layout direction. Default: "vertical"
- *
- * **...Other valid HTML properties for `<section>`**
- *
- * @returns FieldWrapper JSX element.
- *
- * @example
- * ```tsx
- * <FieldWrapper>
- *   <FieldLabel showAsterisk>Email</FieldLabel>
- *   <Input name="email" type="email" />
- *   <FieldError>Invalid email address</FieldError>
- * </FieldWrapper>
- * ```
- */
-function FieldWrapper(props) {
-    const { children, className: baseClassName, orientation = "vertical", ...rest } = props;
-    const className = `arkynFieldWrapper ${baseClassName} ${orientation}`;
-    return (_jsx("section", { className: className.trim(), ...rest, children: children }));
-}
-export { FieldWrapper };

package/dist/components/fileUpload/hasFileContent/index.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { File, FileArchive, FileAudio, FileImage, RefreshCw, } from "lucide-react";
-import { Button } from "../../button";
-import { Divider } from "../../divider";
-import { IconButton } from "../../iconButton";
-import { Tooltip } from "../../tooltip";
-import "./styles.css";
-function HasFileContent(props) {
-    const { disabled, file, isLoading, acceptFile, changeFileButtonText, handleSelectFile, reSendFile, } = props;
-    function handleClick() {
-        if (disabled)
-            return;
-        const input = document.createElement("input");
-        input.type = "file";
-        input.accept = acceptFile;
-        input.onchange = (event) => {
-            const file = event.target.files?.[0];
-            if (file)
-                handleSelectFile(file);
-        };
-        input.click();
-    }
-    function FileIcon() {
-        if (file.type.startsWith("image/"))
-            return _jsx(FileImage, {});
-        if (file.type.startsWith("audio/"))
-            return _jsx(FileAudio, {});
-        if (file.type.startsWith("application/zip"))
-            return _jsx(FileArchive, {});
-        return _jsx(File, {});
-    }
-    return (_jsxs("div", { className: "arkynFileUploadHasFileContent", children: [_jsxs("section", { className: "arkynFileUploadFileContainer", children: [_jsx(FileIcon, {}), _jsx("p", { children: file.name })] }), _jsx(Divider, {}), _jsxs("div", { className: "arkynFileUploadButtonsContainer", children: [!!reSendFile && (_jsx(Tooltip, { orientation: "bottom", text: "Reenviar arquivo", children: _jsx(IconButton, { type: "button", "aria-label": "resend file", variant: "outline", scheme: "danger", size: "sm", isLoading: isLoading, onClick: reSendFile, icon: RefreshCw, disabled: disabled }) })), _jsx(Button, { isLoading: isLoading, onClick: handleClick, variant: "outline", size: "sm", type: "button", disabled: disabled, children: changeFileButtonText })] })] }));
-}
-export { HasFileContent };

package/dist/components/fileUpload/index.js

@@ -1,89 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { useForm } from "../../hooks/useForm";
-import { FieldError } from "../fieldError";
-import { FieldLabel } from "../fieldLabel";
-import { FieldWrapper } from "../fieldWrapper";
-import { HasFileContent } from "./hasFileContent";
-import { NoFileContent } from "./noFileContent";
-import "./styles.css";
-/**
- * FileUpload — drag-and-drop file uploader with server upload and file-name preview.
- *
- * Sends the file via `fetch` as `multipart/form-data` and stores the returned URL
- * in a hidden `<input>` for form submission.
- * Integrates with `useForm` to display validation errors by field name.
- *
- * @param props.name - Field name for form submission. Required.
- * @param props.action - Upload endpoint URL. Required.
- * @param props.disabled - Disables file selection and upload. Default: false
- * @param props.label - Label text displayed above the upload area.
- * @param props.showAsterisk - Appends `*` to the label. Default: false
- * @param props.acceptFile - Accepted MIME types or extensions. Default: "*"
- * @param props.method - HTTP method. Default: "POST"
- * @param props.fileName - Form-data field name for the file. Default: "file"
- * @param props.fileResponseName - Server response property containing the URL. Default: "url"
- * @param props.onChange - Callback fired after a successful upload — receives the file URL.
- *
- * @returns FileUpload JSX element wrapped in `FieldWrapper`.
- *
- * @example
- * ```tsx
- * // Basic
- * <FileUpload name="document" action="/api/upload" />
- *
- * // PDF only with label and callback
- * <FileUpload
- *   name="contract"
- *   action="/api/upload/docs"
- *   label="Contract (PDF)"
- *   showAsterisk
- *   acceptFile=".pdf"
- *   fileResponseName="documentUrl"
- *   onChange={(url) => setContractUrl(url)}
- * />
- * ```
- */
-function FileUpload(props) {
-    const { name, label, showAsterisk = false, action, fileName = "file", method = "POST", acceptFile = "*", fileResponseName = "url", changeFileButtonText = "Alterar arquivo", selectFileButtonText = "Selecionar arquivo", dropFileText = "Ou arraste e solte o arquivo aqui", onChange, disabled = false, } = props;
-    const { fieldErrors } = useForm();
-    const fieldError = fieldErrors?.[name];
-    const [value, setValue] = useState("");
-    const [error, setError] = useState("");
-    const [file, setFile] = useState(null);
-    const [isLoading, setIsLoading] = useState(false);
-    async function handleUploadFile(file) {
-        if (disabled)
-            return;
-        setIsLoading(true);
-        setFile(file);
-        setError("");
-        const formData = new FormData();
-        formData.append(fileName, file);
-        await fetch(action, { method: method, body: formData })
-            .then(async (response) => await response.json())
-            .then((response) => {
-            if (!!response?.error)
-                setError(response.error);
-            else
-                setValue(response?.[fileResponseName]);
-            onChange && onChange(response?.[fileResponseName]);
-        })
-            .catch((error) => {
-            console.error(error);
-            setError("Erro ao enviar o arquivo");
-        })
-            .finally(() => setIsLoading(false));
-    }
-    function handleSelectFile(file) {
-        if (disabled)
-            return;
-        handleUploadFile(file);
-    }
-    const errorMessage = fieldError || error;
-    const hasErrorClassName = errorMessage ? "hasError" : "noHasError";
-    const hasFileClassName = file ? "hasFile" : "noHasFile";
-    const className = `arkynFileUpload ${hasErrorClassName} ${hasFileClassName}`;
-    return (_jsxs(FieldWrapper, { children: [label && _jsx(FieldLabel, { showAsterisk: showAsterisk, children: label }), _jsxs("div", { className: className, children: [_jsx("input", { type: "hidden", name: name, value: value || "" }), !file && (_jsx(NoFileContent, { disabled: disabled, isLoading: isLoading, acceptFile: acceptFile, dropFileText: dropFileText, handleSelectFile: handleSelectFile, selectFileButtonText: selectFileButtonText })), file && (_jsx(HasFileContent, { disabled: disabled, isLoading: isLoading, acceptFile: acceptFile, file: file, handleSelectFile: handleSelectFile, changeFileButtonText: changeFileButtonText, reSendFile: !!errorMessage && file ? () => handleUploadFile(file) : undefined }))] }), errorMessage && _jsx(FieldError, { children: errorMessage })] }));
-}
-export { FileUpload };

package/dist/components/fileUpload/noFileContent/index.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "../../button";
-import "./styles.css";
-function NoFileContent(props) {
-    const { dropFileText, isLoading, acceptFile, handleSelectFile, selectFileButtonText, disabled, } = props;
-    function handleDrop(event) {
-        if (disabled)
-            return;
-        event.preventDefault();
-        const file = event.dataTransfer.files[0];
-        if (file)
-            handleSelectFile(file);
-    }
-    function handleClick() {
-        if (disabled)
-            return;
-        const input = document.createElement("input");
-        input.type = "file";
-        input.accept = acceptFile;
-        input.onchange = (event) => {
-            const file = event.target.files?.[0];
-            if (file)
-                handleSelectFile(file);
-        };
-        input.click();
-    }
-    return (_jsxs("div", { onDrop: handleDrop, className: "arkynFileUploadNoFileContent", children: [_jsx(Button, { isLoading: isLoading, onClick: handleClick, variant: "ghost", size: "sm", type: "button", disabled: disabled, children: selectFileButtonText }), _jsx("p", { children: dropFileText })] }));
-}
-export { NoFileContent };

package/dist/components/fullCalendar/_fullCalendarProvider.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useState } from "react";
-import { ViewService, } from "./_viewService";
-const FullCalendarContext = createContext({});
-function useFullCalendar() {
-    return useContext(FullCalendarContext);
-}
-function FullCalendarProvider(props) {
-    const { blockedTimestamps, children, events, defaultViewValue = new Date(), language = "pt-BR", onChangeView, onClickDate, viewValue, } = props;
-    const viewService = new ViewService();
-    const listHours = viewService.listHours([8, 18]);
-    const [rawViewDate, rawSetViewDate] = useState(defaultViewValue);
-    const viewDate = viewValue || rawViewDate;
-    function setViewDate(date) {
-        if (onChangeView)
-            onChangeView(date);
-        rawSetViewDate(date);
-    }
-    return (_jsx(FullCalendarContext.Provider, { value: {
-            events,
-            blockedTimestamps,
-            viewDate,
-            listHours,
-            listWeek: viewService.listWeek(viewDate, language),
-            listMonthlyMatrix: viewService.listMonthlyMatrix(viewDate),
-            listWeeklyMatrix: viewService.listWeeklyMatrix(viewDate, listHours),
-            nextMonth: () => viewService.nextMonth(viewDate, setViewDate),
-            nextWeek: () => viewService.nextWeek(viewDate, setViewDate),
-            nextDay: () => viewService.nextDay(viewDate, setViewDate),
-            previousMonth: () => viewService.previousMonth(viewDate, setViewDate),
-            previousWeek: () => viewService.previousWeek(viewDate, setViewDate),
-            previousDay: () => viewService.previousDay(viewDate, setViewDate),
-            onClickDate,
-        }, children: children }));
-}
-export { FullCalendarProvider, useFullCalendar };