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

package/dist/components/fullCalendar/weekCalendar/weekCalendarTableTd/index.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useFullCalendar } from "../../_fullCalendarProvider";
-import { WeekCalendarEvent } from "../weekCalendarEvent";
-import "./styles.css";
-function WeekCalendarTableTd(props) {
-    const { day, month, year, dayOwner, timeInMinutes } = props;
-    const { blockedTimestamps, onClickDate } = useFullCalendar();
-    function isBlocked() {
-        const currentDate = new Date(year, month, day);
-        return blockedTimestamps.some((timestamp) => currentDate >= timestamp.initialDate &&
-            currentDate <= timestamp.endDate);
-    }
-    function handleClick(event) {
-        event.stopPropagation();
-        if (isBlocked())
-            return;
-        if (onClickDate) {
-            const date = new Date(year, month, day);
-            date.setHours(0, timeInMinutes, 0, 0);
-            onClickDate(date);
-        }
-    }
-    return (_jsx("td", { className: `arkynWeekCalendarTableTd ${dayOwner}  ${isBlocked() ? "blocked" : ""}`, "data-day": day, "data-time": timeInMinutes, onClick: handleClick, children: _jsx("div", { className: "arkynWeekCalendarTableTdContent", children: _jsx(WeekCalendarEvent, { day: day, month: month, year: year, timeInMinutes: timeInMinutes }) }) }));
-}
-export { WeekCalendarTableTd };

package/dist/components/googleAnalytics/googleAnalytics.client.js

@@ -1,8 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { GoogleAnalytics } from "./googleAnalytics";
-function GoogleAnalyticsClient(props) {
-    const googleAnalytics = new GoogleAnalytics();
-    googleAnalytics.initialize(props);
-    return _jsx(_Fragment, {});
-}
-export { GoogleAnalyticsClient };

package/dist/components/googleAnalytics/googleAnalytics.js

@@ -1,23 +0,0 @@
-import { generateGAElements } from "./snippets/generateGAElements";
-class GoogleAnalytics {
-    initializeAsyncScript(src) {
-        const script = document.createElement("script");
-        script.async = true;
-        script.src = src;
-        return script;
-    }
-    initializeInlineScript(content) {
-        const script = document.createElement("script");
-        script.innerHTML = content;
-        return script;
-    }
-    initialize(props) {
-        const { measurementId } = props;
-        const elements = generateGAElements({ measurementId });
-        const asyncScript = this.initializeAsyncScript(elements.src);
-        const inlineScript = this.initializeInlineScript(elements.script);
-        document.head.appendChild(asyncScript);
-        document.head.appendChild(inlineScript);
-    }
-}
-export { GoogleAnalytics };

package/dist/components/googleAnalytics/index.js

@@ -1,31 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { ClientOnly } from "../clientOnly";
-import { GoogleAnalyticsClient } from "./googleAnalytics.client";
-/**
- * GoogleAnalytics — injects the Google Analytics 4 script into the page client-side.
- *
- * Renders nothing in development mode unless `showInDevMode` is `true`.
- * Wrapped in `ClientOnly` to avoid SSR errors.
- *
- * @param props.measurementId - GA4 Measurement ID (e.g. `"G-XXXXXXXXXX"`). Required.
- * @param props.showInDevMode - Renders in development mode. Default: false
- *
- * @returns GoogleAnalytics JSX element, or an empty fragment in dev mode.
- *
- * @example
- * ```tsx
- * // In your root layout
- * <GoogleAnalytics measurementId="G-XXXXXXXXXX" />
- *
- * // Enable in development for testing
- * <GoogleAnalytics measurementId="G-XXXXXXXXXX" showInDevMode />
- * ```
- */
-function GoogleAnalytics(props) {
-    const { measurementId, showInDevMode = false } = props;
-    if (process.env.NODE_ENV !== "production" && !showInDevMode) {
-        return _jsx(_Fragment, {});
-    }
-    return (_jsx(ClientOnly, { children: () => _jsx(GoogleAnalyticsClient, { measurementId: measurementId }) }));
-}
-export { GoogleAnalytics };

package/dist/components/googleAnalytics/snippets/generateGAElements.js

@@ -1,16 +0,0 @@
-function generateGAElements(props) {
-    const { measurementId } = props;
-    if (!measurementId)
-        console.warn("Google Analytics Measurement ID is required");
-    const src = `https://www.googletagmanager.com/gtag/js?id=${measurementId}`;
-    const script = `
-    window.dataLayer = window.dataLayer || [];
-    function gtag(){dataLayer.push(arguments);}
-    gtag('js', new Date());
-    gtag('config', '${measurementId}');`;
-    return {
-        src,
-        script,
-    };
-}
-export { generateGAElements };

package/dist/components/googleTagManager/googleTagManager.client.js

@@ -1,8 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { GoogleTagManager } from "./googleTagManager";
-function GoogleTagManagerClient(props) {
-    const googleTagManager = new GoogleTagManager();
-    googleTagManager.initialize(props);
-    return _jsx(_Fragment, {});
-}
-export { GoogleTagManagerClient };

package/dist/components/googleTagManager/googleTagManager.js

@@ -1,52 +0,0 @@
-import { appendToDataLayer } from "./snippets/appendToDataLayer";
-import { generateGTMElements } from "./snippets/generateGTMElements";
-class GoogleTagManager {
-    initializeDataScript(dataLayer) {
-        const script = document.createElement("script");
-        script.innerHTML = dataLayer;
-        return script;
-    }
-    initializeGTMElements(props) {
-        const snippets = generateGTMElements(props);
-        const noScript = () => {
-            const noscript = document.createElement("noscript");
-            noscript.innerHTML = snippets.iframe;
-            return noscript;
-        };
-        const script = () => {
-            const script = document.createElement("script");
-            script.innerHTML = snippets.script;
-            return script;
-        };
-        const dataScript = this.initializeDataScript(snippets.dataLayerVar);
-        return {
-            noScript,
-            script,
-            dataScript,
-        };
-    }
-    initializeDataLayer(props) {
-        const { dataLayer, dataLayerName } = props;
-        if (window[dataLayerName])
-            return window[dataLayerName].push(dataLayer);
-        const snippets = appendToDataLayer({ dataLayer, dataLayerName });
-        const dataScript = this.initializeDataScript(snippets);
-        document.head.insertBefore(dataScript, document.head.childNodes[0]);
-    }
-    initialize(props) {
-        const { events, gtmId, dataLayer, auth = "", preview = "", dataLayerName = "dataLayer", } = props;
-        const gtm = this.initializeGTMElements({
-            id: gtmId,
-            events: events,
-            dataLayer: dataLayer || undefined,
-            dataLayerName: dataLayerName,
-            auth,
-            preview,
-        });
-        if (dataLayer)
-            document.head.appendChild(gtm.dataScript);
-        document.head.insertBefore(gtm.script(), document.head.childNodes[0]);
-        document.body.insertBefore(gtm.noScript(), document.body.childNodes[0]);
-    }
-}
-export { GoogleTagManager };

package/dist/components/googleTagManager/index.js

@@ -1,47 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { ClientOnly } from "../clientOnly";
-import { GoogleTagManagerClient } from "./googleTagManager.client";
-/**
- * GoogleTagManager — injects the GTM `<script>` and `<noscript>` snippets into the page client-side.
- *
- * Renders nothing in development mode unless `showInDevMode` is `true`.
- * Wrapped in `ClientOnly` to avoid SSR errors.
- *
- * @param props.gtmId - GTM container ID (e.g. `"GTM-XXXXXXX"`). Required.
- * @param props.dataLayer - Initial key-value pairs for the dataLayer.
- * @param props.dataLayerName - Global dataLayer variable name. Default: "dataLayer"
- * @param props.events - Additional key-value pairs pushed on initialization.
- * @param props.auth - GTM environment auth token.
- * @param props.preview - GTM environment preview token (e.g. `"env-3"`).
- * @param props.showInDevMode - Renders in development mode. Default: false
- *
- * @returns GoogleTagManager JSX element, or an empty fragment in dev mode.
- *
- * @example
- * ```tsx
- * // Basic setup in your root layout
- * <GoogleTagManager gtmId="GTM-XXXXXXX" />
- *
- * // With initial dataLayer values
- * <GoogleTagManager
- *   gtmId="GTM-XXXXXXX"
- *   dataLayer={{ pageType: "home", userType: "anonymous" }}
- * />
- *
- * // Staging/preview environment
- * <GoogleTagManager
- *   gtmId="GTM-XXXXXXX"
- *   auth="your-auth-token"
- *   preview="env-3"
- *   showInDevMode
- * />
- * ```
- */
-function GoogleTagManager(props) {
-    const { gtmId, auth = "", preview = "", dataLayerName = "dataLayer", events = {}, dataLayer = {}, showInDevMode = false, } = props;
-    if (process.env.NODE_ENV !== "production" && !showInDevMode) {
-        return _jsx(_Fragment, {});
-    }
-    return (_jsx(ClientOnly, { children: () => (_jsx(GoogleTagManagerClient, { auth: auth, dataLayer: dataLayer, dataLayerName: dataLayerName, events: events, gtmId: gtmId, preview: preview })) }));
-}
-export { GoogleTagManager };

package/dist/components/googleTagManager/snippets/appendToDataLayer.js

@@ -1,7 +0,0 @@
-function appendToDataLayer(props) {
-    const { dataLayer, dataLayerName } = props;
-    return `
-  window.${dataLayerName} = window.${dataLayerName} || [];
-  window.${dataLayerName}.push(${JSON.stringify(dataLayer)})`;
-}
-export { appendToDataLayer };

package/dist/components/googleTagManager/snippets/generateGTMElements.js

@@ -1,25 +0,0 @@
-import { appendToDataLayer } from "./appendToDataLayer";
-function generateGTMElements(props) {
-    const { id, events, dataLayer, dataLayerName, preview, auth } = props;
-    const gtmAuth = `&gtm_auth=${auth}`;
-    const gtmPreview = `&gtm_preview=${preview}`;
-    if (!id)
-        console.warn("GTM Id is required");
-    const iframe = `
-    <iframe src="https://www.googletagmanager.com/ns.html?id=${id}${gtmAuth}${gtmPreview}&gtm_cookies_win=x"
-      height="0" width="0" style="display:none;visibility:hidden" id="tag-manager"></iframe>`;
-    const script = `
-    (function(w,d,s,l,i){w[l]=w[l]||[];
-      w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js', ${JSON.stringify(events).slice(1, -1)}});
-      var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
-      j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl+'${gtmAuth}${gtmPreview}&gtm_cookies_win=x';
-      f.parentNode.insertBefore(j,f);
-    })(window,document,'script','${dataLayerName}','${id}');`;
-    const dataLayerVar = appendToDataLayer({ dataLayer, dataLayerName });
-    return {
-        iframe,
-        script,
-        dataLayerVar,
-    };
-}
-export { generateGTMElements };

package/dist/components/iconButton/index.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Loader2 } from "lucide-react";
-import "./styles.css";
-/**
- * IconButton — compact button that renders a single icon without a text label.
- *
- * Always requires `aria-label` for accessibility.
- *
- * @param props.icon - Lucide icon component to render. Required.
- * @param props["aria-label"] - Accessible label for screen readers. Required.
- * @param props.isLoading - Shows a spinner and disables the button. Default: false
- * @param props.size - Button size (`xs` | `sm` | `md` | `lg`). Default: "md"
- * @param props.variant - Visual style variant. Default: "solid"
- * @param props.scheme - Color scheme. Default: "primary"
- *
- * **...Other valid HTML properties for `<button>` (children not supported)**
- *
- * @returns IconButton JSX element.
- *
- * @example
- * ```tsx
- * <IconButton icon={Plus} aria-label="Add item" />
- *
- * <IconButton icon={Trash2} aria-label="Delete" scheme="danger" variant="outline" />
- *
- * <IconButton icon={Save} aria-label="Saving" isLoading />
- *
- * <IconButton icon={MoreVertical} aria-label="More options" size="sm" />
- * ```
- */
-function IconButton(props) {
-    const { isLoading = false, scheme = "primary", variant = "solid", size = "md", icon: Icon, disabled, className: baseClassName = "", ...rest } = props;
-    const iconSize = { xs: 12, sm: 16, md: 20, lg: 24 };
-    const loading = isLoading ? "loadingTrue" : "loadingFalse";
-    const className = `arkynIconButton ${variant} ${scheme} ${size} ${loading} ${baseClassName}`;
-    return (_jsxs("button", { disabled: disabled || isLoading, className: className.trim(), ...rest, children: [_jsx("div", { className: "arkynIconButtonSpinner", children: _jsx(Loader2, { size: iconSize[size], strokeWidth: 2.5 }) }), _jsx("div", { className: "arkynIconButtonContent", children: _jsx(Icon, { size: iconSize[size], strokeWidth: 2.5 }) })] }));
-}
-export { IconButton };

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

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RefreshCw } from "lucide-react";
-import { Button } from "../../button";
-import { IconButton } from "../../iconButton";
-import { Tooltip } from "../../tooltip";
-import "./styles.css";
-function HasFileContent(props) {
-    const { disabled, filePath, isLoading, acceptImage, changeImageButtonText, handleSelectFile, reSendImage, } = props;
-    function handleClick() {
-        if (disabled)
-            return;
-        const input = document.createElement("input");
-        input.type = "file";
-        input.accept = acceptImage;
-        input.onchange = (event) => {
-            const file = event.target.files?.[0];
-            if (file)
-                handleSelectFile(file);
-        };
-        input.click();
-    }
-    return (_jsxs("div", { className: "arkynImageUploadHasFileContent", style: { backgroundImage: `url("${filePath}")` }, children: [reSendImage && (_jsx(Tooltip, { orientation: "bottom", text: "Reenviar imagem", children: _jsx(IconButton, { type: "button", "aria-label": "resend image", variant: "outline", scheme: "danger", size: "sm", isLoading: isLoading, onClick: reSendImage, icon: RefreshCw, disabled: disabled }) })), _jsx(Button, { isLoading: isLoading, onClick: handleClick, variant: "outline", size: "sm", type: "button", disabled: disabled, children: changeImageButtonText })] }));
-}
-export { HasFileContent };

package/dist/components/imageUpload/index.js

@@ -1,101 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { useForm } from "../../hooks/useForm";
-import { FieldTemplate } from "../../services/fieldTemplate";
-import { HasFileContent } from "./hasFileContent";
-import { NoFileContent } from "./noFileContent";
-import "./styles.css";
-/**
- * ImageUpload — drag-and-drop image uploader with server upload and image 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.defaultValue - Pre-populated image URL displayed as preview.
- * @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.acceptImage - Accepted MIME types or extensions. Default: "image/*"
- * @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 image URL.
- * @param props.orientation - Layout direction. Default: "horizontal"
- * @param props.unShowFieldTemplate - Skips wrapper, label, and error rendering. Default: false
- *
- * @returns ImageUpload JSX element wrapped in `FieldTemplate`.
- *
- * @example
- * ```tsx
- * // Basic
- * <ImageUpload name="avatar" action="/api/upload/image" />
- *
- * // Profile picture with existing image and label
- * <ImageUpload
- *   name="profilePicture"
- *   action="/api/upload/avatar"
- *   label="Profile Picture"
- *   showAsterisk
- *   defaultValue={user.avatarUrl}
- *   selectImageButtonText="Choose photo"
- *   onChange={(url) => updateProfile({ avatarUrl: url })}
- * />
- *
- * // Restricted to JPEG/PNG
- * <ImageUpload
- *   name="productImage"
- *   action="/api/upload/product"
- *   label="Product Image"
- *   acceptImage="image/jpeg,image/png"
- *   fileResponseName="imageUrl"
- * />
- * ```
- */
-function ImageUpload(props) {
-    const { name, defaultValue = "", label, showAsterisk = false, action, fileName = "file", className: wrapperClassName = "", method = "POST", acceptImage = "image/*", fileResponseName = "url", changeImageButtonText = "Alterar imagem", selectImageButtonText = "Selecionar imagem", dropImageText = "Ou arraste e solte a imagem aqui", onChange, disabled = false, unShowFieldTemplate = false, orientation = "vertical", } = props;
-    const { fieldErrors } = useForm();
-    const fieldError = fieldErrors?.[name];
-    const [value, setValue] = useState(defaultValue);
-    const [error, setError] = useState("");
-    const [file, setFile] = useState(null);
-    const [filePath, setFilePath] = useState(defaultValue);
-    const [isLoading, setIsLoading] = useState(false);
-    async function handleUploadImage(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 imagem");
-        })
-            .finally(() => setIsLoading(false));
-    }
-    function handleSelectFile(file) {
-        if (disabled)
-            return;
-        setFilePath(URL.createObjectURL(file));
-        handleUploadImage(file);
-    }
-    const errorMessage = fieldError || error;
-    const hasErrorClassName = errorMessage ? "hasError" : "noHasError";
-    const hasImageClassName = filePath ? "hasImage" : "noHasImage";
-    const className = `arkynImageUpload ${hasErrorClassName} ${hasImageClassName}`;
-    return (_jsx(FieldTemplate, { name: name, label: label, showAsterisk: showAsterisk, className: wrapperClassName, errorMessage: errorMessage, unShowFieldTemplate: unShowFieldTemplate, orientation: orientation, children: _jsxs("div", { className: className, children: [_jsx("input", { type: "hidden", name: name, value: value || "" }), !filePath && (_jsx(NoFileContent, { disabled: disabled, isLoading: isLoading, acceptImage: acceptImage, dropImageText: dropImageText, handleSelectFile: handleSelectFile, selectImageButtonText: selectImageButtonText })), filePath && (_jsx(HasFileContent, { disabled: disabled, isLoading: isLoading, acceptImage: acceptImage, filePath: filePath, handleSelectFile: handleSelectFile, changeImageButtonText: changeImageButtonText, reSendImage: !!errorMessage && file ? () => handleUploadImage(file) : undefined }))] }) }));
-}
-export { ImageUpload };

package/dist/components/imageUpload/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 { dropImageText, isLoading, acceptImage, handleSelectFile, selectImageButtonText, 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 = acceptImage;
-        input.onchange = (event) => {
-            const file = event.target.files?.[0];
-            if (file)
-                handleSelectFile(file);
-        };
-        input.click();
-    }
-    return (_jsxs("div", { onDrop: handleDrop, className: "arkynImageUploadNoFileContent", children: [_jsx(Button, { isLoading: isLoading, onClick: handleClick, variant: "ghost", size: "sm", type: "button", disabled: disabled, children: selectImageButtonText }), _jsx("p", { children: dropImageText })] }));
-}
-export { NoFileContent };

package/dist/components/input/index.js

@@ -1,94 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Loader2 } from "lucide-react";
-import { useId, useRef, useState, } from "react";
-import { useForm } from "../../hooks/useForm";
-import { FieldTemplate } from "../../services/fieldTemplate";
-import { IconRenderer } from "../../services/iconRenderer";
-import "./style.css";
-/**
- * Input — text input field with label, validation, icons, prefix/suffix, and loading state.
- *
- * Integrates with `useForm` to display validation errors by field name.
- *
- * @param props.name - Field name for form submission. Required.
- * @param props.label - Label text displayed above the input.
- * @param props.errorMessage - Validation error message.
- * @param props.isLoading - Shows a spinner and disables the input. Default: false
- * @param props.size - Input size (`md` | `lg`). Default: "md"
- * @param props.variant - Visual style variant. Default: "solid"
- * @param props.prefix - Text or icon at the far left (outside the input).
- * @param props.suffix - Text or icon at the far right (outside the input).
- * @param props.leftIcon - Lucide icon inside the input on the left.
- * @param props.rightIcon - Lucide icon inside the input on the right.
- * @param props.showAsterisk - Appends `*` to the label.
- * @param props.orientation - Layout direction (`horizontal` | `vertical` | `horizontalReverse`). Default: "horizontal"
- * @param props.unShowFieldTemplate - Skips wrapper, label, and error rendering. Default: false
- *
- * **...Other valid HTML properties for `<input>`**
- *
- * @returns Input JSX element wrapped in `FieldTemplate`.
- *
- * @example
- * ```tsx
- * // Basic
- * <Input name="username" placeholder="Enter username" />
- *
- * // With label and validation
- * <Input
- *   name="email"
- *   label="Email Address"
- *   type="email"
- *   showAsterisk
- *   errorMessage="Please enter a valid email"
- * />
- *
- * // With icons and loading state
- * <Input name="search" label="Search" leftIcon={SearchIcon} isLoading />
- *
- * // With prefix/suffix
- * <Input name="website" label="Website" prefix="https://" suffix=".com" variant="outline" />
- * ```
- */
-function Input(props) {
-    const { name, disabled, title, style, variant = "solid", label, className: wrapperClassName = "", prefix, suffix, isLoading = false, leftIcon, readOnly, onFocus, onBlur, unShowFieldTemplate = false, errorMessage: baseErrorMessage, showAsterisk, rightIcon, type = "text", size = "md", id, value, placeholder, orientation, ...rest } = props;
-    const { fieldErrors } = useForm();
-    const [isFocused, setIsFocused] = useState(false);
-    const inputRef = useRef(null);
-    const inputId = id || useId();
-    const errorMessage = baseErrorMessage || fieldErrors?.[name];
-    const isError = !!errorMessage;
-    const isDisabled = disabled || isLoading;
-    const iconSizes = { md: 20, lg: 20 };
-    const iconSize = iconSizes[size];
-    const loadingPosition = rightIcon ? "right" : "left";
-    const showLeftSpinner = loadingPosition === "left" && isLoading;
-    const showRightSpinner = loadingPosition === "right" && isLoading;
-    function handleSectionClick() {
-        if (isDisabled || !inputRef?.current)
-            return;
-        setIsFocused(true);
-        inputRef.current.focus();
-    }
-    function handleFocus(e) {
-        setIsFocused(true);
-        if (onFocus)
-            onFocus(e);
-    }
-    function handleBlur(e) {
-        setIsFocused(false);
-        if (onBlur)
-            onBlur(e);
-    }
-    if (type === "hidden") {
-        return (_jsx("input", { style: { display: "none" }, readOnly: true, type: "text", ref: inputRef, ...rest }));
-    }
-    const hasPrefix = !!prefix ? "hasPrefix" : "";
-    const hasSuffix = !!suffix ? "hasSuffix" : "";
-    const errored = isError ? "errored" : "";
-    const opacity = isDisabled || readOnly || isLoading ? "opacity" : "";
-    const focused = isFocused ? "focused" : "";
-    const disabledClass = disabled ? "disabled" : "";
-    const className = `arkynInput ${hasPrefix} ${disabledClass} ${hasSuffix} ${variant} ${size} ${opacity} ${errored} ${focused}`;
-    return (_jsx(FieldTemplate, { name: name, label: label, showAsterisk: showAsterisk, className: wrapperClassName, errorMessage: errorMessage, unShowFieldTemplate: unShowFieldTemplate, orientation: orientation, children: _jsxs("section", { title: title, style: style, onClick: handleSectionClick, className: className, children: [_jsx(IconRenderer, { iconSize: iconSize, icon: prefix, className: "prefix" }), _jsx(IconRenderer, { show: showLeftSpinner, iconSize: iconSize, className: "spinner", icon: Loader2 }), _jsx(IconRenderer, { show: !isLoading, icon: leftIcon, iconSize: iconSize }), _jsx("input", { disabled: isDisabled, readOnly: readOnly, ref: inputRef, onFocus: handleFocus, onBlur: handleBlur, type: type, id: inputId, name: name, placeholder: isDisabled ? value || placeholder : placeholder, value: isDisabled ? undefined : value, ...rest }), _jsx(IconRenderer, { show: !isLoading, icon: rightIcon, iconSize: iconSize }), _jsx(IconRenderer, { show: showRightSpinner, iconSize: iconSize, className: "spinner", icon: Loader2 }), _jsx(IconRenderer, { iconSize: iconSize, icon: suffix, className: "suffix" })] }) }));
-}
-export { Input };

package/dist/components/mapView/index.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { MapPinned } from "lucide-react";
-import { ClientMapView } from "./mapView.client";
-import "./styles.css";
-import { ClientOnly } from "../clientOnly";
-function EmptyMap({ className }) {
-    return (_jsx("div", { className: "arkynMapViewPinnedEmpty " + className, children: _jsx(MapPinned, {}) }));
-}
-/**
- * MapView — interactive Mapbox map with optional click-able markers.
- *
- * Renders client-side only (via `ClientOnly`). Displays a placeholder icon
- * when `coordinates` is absent or empty, or before the component hydrates.
- *
- * @param props.accessToken - Mapbox GL public access token. Required.
- * @param props.zoom - Initial zoom level. Default: 18
- * @param props.coordinates - Marker(s) to display on the map.
- * @param props.onMarkerClick - Callback fired when a marker is clicked.
- *
- * **...Other valid HTML properties for `<div>`**
- *
- * @returns MapView JSX element, or a placeholder icon when no coordinates are provided.
- *
- * @example
- * ```tsx
- * // Single marker
- * <MapView
- *   accessToken="pk.your-mapbox-token"
- *   coordinates={{ lat: -23.5505, lng: -46.6333 }}
- * />
- *
- * // Multiple markers with popup and click handler
- * <MapView
- *   accessToken="pk.your-mapbox-token"
- *   zoom={12}
- *   coordinates={[
- *     { lat: -23.55, lng: -46.63, data: { id: 1 }, popUp: <p>Store A</p> },
- *     { lat: -23.56, lng: -46.64, data: { id: 2 }, popUp: <p>Store B</p> },
- *   ]}
- *   onMarkerClick={(coord) => selectStore(coord.data.id)}
- * />
- * ```
- */
-function MapView(props) {
-    const { coordinates, zoom = 18, accessToken, className, onMarkerClick, ...rest } = props;
-    if (!coordinates)
-        return _jsx(EmptyMap, { className: className });
-    const coordArray = Array.isArray(coordinates) ? coordinates : [coordinates];
-    if (coordArray.length === 0)
-        return _jsx(EmptyMap, { className: className });
-    return (_jsx(ClientOnly, { fallback: _jsx(EmptyMap, { className: className }), children: () => (_jsx(ClientMapView, { accessToken: accessToken, coordinates: coordArray, center: coordArray[0], onMarkerClick: onMarkerClick, ...rest })) }));
-}
-export { MapView };

package/dist/components/mapView/mapView.client.js

@@ -1,51 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import mapBoxGl from "mapbox-gl";
-import { createRoot } from "react-dom/client";
-import "./mapbox.css";
-import { useEffect, useRef, } from "react";
-function ClientMapView({ center: rawCenter, coordinates, onMarkerClick, accessToken, ...rest }) {
-    const mapRef = useRef(null);
-    const mapContainerRef = useRef(null);
-    const center = rawCenter ? rawCenter : coordinates[0];
-    useEffect(() => {
-        mapBoxGl.accessToken = accessToken;
-        mapRef.current = new mapBoxGl.Map({
-            container: mapContainerRef.current,
-            style: "mapbox://styles/mapbox/light-v11",
-            center: [center.lng, center.lat],
-            zoom: 13,
-            language: "pt-BR",
-        });
-        coordinates.forEach((props) => {
-            const { lat, lng, popUp } = props;
-            const el = document.createElement("img");
-            el.className = "arkynMarker";
-            el.src = "https://i.postimg.cc/mgKggjk7/Pin.png";
-            const marker = new mapBoxGl.Marker(el)
-                .setLngLat([lng, lat])
-                .addTo(mapRef.current);
-            if (popUp) {
-                const popupNode = document.createElement("div");
-                const root = createRoot(popupNode);
-                root.render(popUp);
-                const popup = new mapBoxGl.Popup({
-                    offset: 25,
-                    closeButton: false,
-                    className: "arkynMapViewPopup",
-                }).setDOMContent(popupNode);
-                marker.setPopup(popup);
-            }
-            el.addEventListener("click", () => {
-                if (onMarkerClick)
-                    onMarkerClick(props);
-                mapRef.current.flyTo({ center: [lng, lat], zoom: 15, duration: 1200 });
-                marker.togglePopup();
-            });
-        });
-        return () => {
-            mapRef.current?.remove();
-        };
-    }, []);
-    return (_jsx("div", { id: "map-container", ref: mapContainerRef, style: { height: "100%", width: "100%", borderRadius: "8px" }, ...rest }));
-}
-export { ClientMapView };