@arkyn/components 3.0.1-beta.20 → 3.0.1-beta.201

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

@@ -0,0 +1,60 @@
+import { type LucideIcon } from "lucide-react";
+import type { ButtonHTMLAttributes } from "react";
+import "./styles.css";
+type IconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "aria-label"> & {
+    /** Lucide icon component rendered inside the button. Required. */
+    icon: LucideIcon;
+    /** Accessible label for screen readers. Required. */
+    "aria-label": string;
+    /** Shows a spinner and disables the button during async operations. @default false */
+    isLoading?: boolean;
+    /**
+     * Button size.
+     * @default "md"
+     */
+    size?: "xs" | "sm" | "md" | "lg";
+    /**
+     * Visual style variant.
+     * - `solid`: filled background.
+     * - `outline`: bordered, transparent background.
+     * - `ghost`: no border, subtle hover.
+     * - `invisible`: no visual styling.
+     * @default "solid"
+     */
+    variant?: "solid" | "outline" | "ghost" | "invisible";
+    /**
+     * Color scheme applied to the button.
+     * @default "primary"
+     */
+    scheme?: "primary" | "secondary" | "success" | "warning" | "danger" | "info";
+};
+/**
+ * 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" />
+ * ```
+ */
+declare function IconButton(props: IconButtonProps): import("react").JSX.Element;
+export { IconButton };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/iconButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,cAAc,CAAC;AAEtB,KAAK,eAAe,GAAG,IAAI,CAC1B,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,YAAY,CACzB,GAAG;IACH,kEAAkE;IAClE,IAAI,EAAE,UAAU,CAAC;IACjB,qDAAqD;IACrD,YAAY,EAAE,MAAM,CAAC;IACrB,sFAAsF;IACtF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,CAAC;IACtD;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC7E,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,+BA+BzC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/imageUpload/hasFileContent/index.d.ts

@@ -0,0 +1,13 @@
+import "./styles.css";
+type HasFileContentProps = {
+    disabled: boolean;
+    acceptImage: string;
+    isLoading: boolean;
+    changeImageButtonText: string;
+    filePath: string;
+    reSendImage?: () => void;
+    handleSelectFile: (file: File) => void;
+};
+declare function HasFileContent(props: HasFileContentProps): import("react").JSX.Element;
+export { HasFileContent };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/imageUpload/hasFileContent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/imageUpload/hasFileContent/index.tsx"],"names":[],"mappings":"AAMA,OAAO,cAAc,CAAC;AAEtB,KAAK,mBAAmB,GAAG;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BA4DjD;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,92 @@
+import "./styles.css";
+type ImageUploadProps = {
+    /** Field name for form submission (stores the uploaded image URL). Required. */
+    name: string;
+    /** Server endpoint URL that receives the `multipart/form-data` upload request. Required. */
+    action: string;
+    /** Pre-populated image URL displayed as a preview (e.g. an existing avatar). @default "" */
+    defaultValue?: string | null;
+    /** Additional CSS class applied to the wrapper element. */
+    className?: string;
+    /** Disables file selection and upload. @default false */
+    disabled?: boolean;
+    /** Optional label text displayed above the upload area. */
+    label?: string;
+    /** Displays an asterisk on the label to signal a required field. @default false */
+    showAsterisk?: boolean;
+    /** Label for the file-picker button after an image is selected. @default "Alterar imagem" */
+    changeImageButtonText?: string;
+    /** Label for the file-picker button before an image is selected. @default "Selecionar imagem" */
+    selectImageButtonText?: string;
+    /** Text displayed in the drag-and-drop zone. @default "Ou arraste e solte a imagem aqui" */
+    dropImageText?: string;
+    /** HTTP method for the upload request. @default "POST" */
+    method?: string;
+    /** Form-data field name used for the file. @default "file" */
+    fileName?: string;
+    /** Property name in the server response that contains the image URL. @default "url" */
+    fileResponseName?: string;
+    /** Accepted image MIME types or extensions (e.g. `"image/jpeg,image/png"`). @default "image/*" */
+    acceptImage?: string;
+    /** Callback fired after a successful upload. Receives the image URL returned by the server. */
+    onChange?: (url: string) => void;
+    /** When true, skips `FieldTemplate` wrapper (label and error text). @default false */
+    unShowFieldTemplate?: boolean;
+    /**
+     * Layout direction forwarded to `FieldTemplate`.
+     * @default "horizontal"
+     */
+    orientation?: "horizontal" | "vertical" | "horizontalReverse";
+};
+/**
+ * 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"
+ * />
+ * ```
+ */
+declare function ImageUpload(props: ImageUploadProps): import("react").JSX.Element;
+export { ImageUpload };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/imageUpload/index.tsx"],"names":[],"mappings":"AAOA,OAAO,cAAc,CAAC;AAEtB,KAAK,gBAAgB,GAAG;IACvB,gFAAgF;IAChF,IAAI,EAAE,MAAM,CAAC;IACb,4FAA4F;IAC5F,MAAM,EAAE,MAAM,CAAC;IACf,4FAA4F;IAC5F,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6FAA6F;IAC7F,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iGAAiG;IACjG,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,4FAA4F;IAC5F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kGAAkG;IAClG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,sFAAsF;IACtF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,mBAAmB,CAAC;CAC9D,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AAEH,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BA2G3C;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/imageUpload/noFileContent/index.d.ts

@@ -0,0 +1,12 @@
+import "./styles.css";
+type NoFileContentProps = {
+    disabled: boolean;
+    acceptImage: string;
+    isLoading: boolean;
+    selectImageButtonText: string;
+    dropImageText: string;
+    handleSelectFile: (file: File) => void;
+};
+declare function NoFileContent(props: NoFileContentProps): import("react").JSX.Element;
+export { NoFileContent };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/imageUpload/noFileContent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/imageUpload/noFileContent/index.tsx"],"names":[],"mappings":"AAGA,OAAO,cAAc,CAAC;AAEtB,KAAK,kBAAkB,GAAG;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,+BAkD/C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,94 @@
+import { type LucideIcon } from "lucide-react";
+import { type InputHTMLAttributes } from "react";
+import "./style.css";
+type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix" | "name" | "value" | "defaultValue"> & {
+    /** Field name for form submission. Required. */
+    name: string;
+    /** Optional label text displayed above the input. */
+    label?: string;
+    /** Validation error message displayed below the input. */
+    errorMessage?: string;
+    /** Shows a spinner and disables the input during async operations. @default false */
+    isLoading?: boolean;
+    /** When true, skips `FieldTemplate` wrapper (label and error text). @default false */
+    unShowFieldTemplate?: boolean;
+    /**
+     * Input size.
+     * @default "md"
+     */
+    size?: "md" | "lg";
+    /**
+     * Visual style variant.
+     * - `solid`: filled background.
+     * - `outline`: bordered, transparent background.
+     * - `underline`: bottom border only.
+     * @default "solid"
+     */
+    variant?: "solid" | "outline" | "underline";
+    /** Text or icon rendered at the far left, outside the input area (e.g. `"https://"`). */
+    prefix?: string | LucideIcon;
+    /** Text or icon rendered at the far right, outside the input area (e.g. `".com"`). */
+    suffix?: string | LucideIcon;
+    /** Displays an asterisk on the label to signal a required field. */
+    showAsterisk?: boolean;
+    /**
+     * Layout direction forwarded to `FieldTemplate`.
+     * @default "horizontal"
+     */
+    orientation?: "horizontal" | "vertical" | "horizontalReverse";
+    /** Lucide icon rendered inside the input on the left. */
+    leftIcon?: LucideIcon;
+    /** Lucide icon rendered inside the input on the right. */
+    rightIcon?: LucideIcon;
+    /** Controlled value. */
+    value?: string;
+    /** Uncontrolled default value. */
+    defaultValue?: string;
+};
+/**
+ * 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" />
+ * ```
+ */
+declare function Input(props: InputProps): import("react").JSX.Element;
+export { Input, type InputProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAEN,KAAK,mBAAmB,EAIxB,MAAM,OAAO,CAAC;AAMf,OAAO,aAAa,CAAC;AAErB,KAAK,UAAU,GAAG,IAAI,CACrB,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc,CACrD,GAAG;IACH,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sFAAsF;IACtF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;IAC5C,yFAAyF;IACzF,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,sFAAsF;IACtF,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,mBAAmB,CAAC;IAC9D,yDAAyD;IACzD,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AAEH,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,+BA0I/B;AAED,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,CAAC"}

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

@@ -0,0 +1,61 @@
+import type { HtmlHTMLAttributes, ReactNode } from "react";
+import "./styles.css";
+/** Data for a single map marker. */
+type Coordinate = {
+    /** Latitude of the marker position. */
+    lat: number;
+    /** Longitude of the marker position. */
+    lng: number;
+    /** Arbitrary data attached to the marker — available in `onMarkerClick`. */
+    data?: any;
+    /** Custom React node rendered inside the marker popup on click. */
+    popUp?: ReactNode;
+};
+type MapViewProps = {
+    /** Mapbox GL public access token from your Mapbox account. Required. */
+    accessToken: string;
+    /** Initial zoom level. @default 18 */
+    zoom?: number;
+    /** Single coordinate or array of coordinates to display as markers. */
+    coordinates?: Coordinate | Coordinate[];
+    /** Callback fired when the user clicks a marker. Receives the coordinate's data. */
+    onMarkerClick?: (coordinate: Coordinate) => void;
+} & HtmlHTMLAttributes<HTMLDivElement>;
+/**
+ * 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)}
+ * />
+ * ```
+ */
+declare function MapView(props: MapViewProps): import("react").JSX.Element;
+export { MapView };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/mapView/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,cAAc,CAAC;AAGtB,oCAAoC;AACpC,KAAK,UAAU,GAAG;IACjB,uCAAuC;IACvC,GAAG,EAAE,MAAM,CAAC;IACZ,wCAAwC;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,4EAA4E;IAE5E,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,mEAAmE;IACnE,KAAK,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,KAAK,YAAY,GAAG;IACnB,wEAAwE;IACxE,WAAW,EAAE,MAAM,CAAC;IACpB,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,WAAW,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC;IACxC,oFAAoF;IACpF,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CACjD,GAAG,kBAAkB,CAAC,cAAc,CAAC,CAAC;AAcvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,+BA4BnC;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/mapView/mapView.client.d.ts

@@ -0,0 +1,17 @@
+import "./mapbox.css";
+import { type HtmlHTMLAttributes, type ReactNode } from "react";
+type Coordinate = {
+    lat: number;
+    lng: number;
+    data?: any;
+    popUp?: ReactNode;
+};
+type ClientMapViewProps = {
+    center?: Coordinate;
+    coordinates: Coordinate[];
+    onMarkerClick?: (coordinate: Coordinate) => void;
+    accessToken: string;
+} & HtmlHTMLAttributes<HTMLDivElement>;
+declare function ClientMapView({ center: rawCenter, coordinates, onMarkerClick, accessToken, ...rest }: ClientMapViewProps): import("react").JSX.Element;
+export { ClientMapView };
+//# sourceMappingURL=mapView.client.d.ts.map

package/dist/components/mapView/mapView.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapView.client.d.ts","sourceRoot":"","sources":["../../../src/components/mapView/mapView.client.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AACtB,OAAO,EACN,KAAK,kBAAkB,EACvB,KAAK,SAAS,EAGd,MAAM,OAAO,CAAC;AAEf,KAAK,UAAU,GAAG;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IAEZ,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACzB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,MAAM,CAAC;CACpB,GAAG,kBAAkB,CAAC,cAAc,CAAC,CAAC;AAEvC,iBAAS,aAAa,CAAC,EACtB,MAAM,EAAE,SAAS,EACjB,WAAW,EACX,aAAa,EACb,WAAW,EACX,GAAG,IAAI,EACP,EAAE,kBAAkB,+BA8DpB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,120 @@
+import { type Replacement } from "@react-input/mask";
+import { type LucideIcon } from "lucide-react";
+import { type InputHTMLAttributes } from "react";
+import "./style.css";
+type MaskedInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix" | "name" | "type"> & {
+    /** Field name for form submission. Required. */
+    name: string;
+    /**
+     * Mask pattern string. Use the replacement character as an editable placeholder.
+     * Example: `"(__) _____-____"` for a Brazilian mobile phone number.
+     * Required.
+     */
+    mask: string;
+    /**
+     * Character or replacement map that marks editable positions in the mask.
+     * - String: `"_"` — every `_` in the mask becomes editable.
+     * - Object: `{ _: /\d/ }` — only accepts digits in those positions.
+     * Required.
+     */
+    replacement: string | Replacement;
+    /**
+     * When true, strips mask characters from the underlying value,
+     * keeping only the user-typed characters.
+     */
+    separate?: boolean;
+    /** When true, shows the full mask pattern in the input before the user types. */
+    showMask?: boolean;
+    /** Optional label text displayed above the input. */
+    label?: string;
+    /** Validation error message displayed below the input. */
+    errorMessage?: string;
+    /** Shows a spinner and disables the input during async operations. @default false */
+    isLoading?: boolean;
+    /**
+     * Input size.
+     * @default "md"
+     */
+    size?: "md" | "lg";
+    /**
+     * Visual style variant.
+     * - `solid`: filled background.
+     * - `outline`: bordered, transparent background.
+     * - `underline`: bottom border only.
+     * @default "solid"
+     */
+    variant?: "solid" | "outline" | "underline";
+    /** Text or icon rendered at the far left, outside the input area. */
+    prefix?: string | LucideIcon;
+    /** Text or icon rendered at the far right, outside the input area. */
+    suffix?: string | LucideIcon;
+    /** Displays an asterisk on the label to signal a required field. */
+    showAsterisk?: boolean;
+    /** Lucide icon rendered inside the input on the left. */
+    leftIcon?: LucideIcon;
+    /** Lucide icon rendered inside the input on the right. */
+    rightIcon?: LucideIcon;
+    /** Controlled value. */
+    value?: string;
+    /** Uncontrolled default value. */
+    defaultValue?: string;
+};
+/**
+ * MaskedInput — text input with a configurable mask for structured values (phones, CPF, credit cards, etc.).
+ *
+ * Built on `@react-input/mask`. Integrates with `useForm` to display validation errors by field name.
+ *
+ * @param props.name - Field name for form submission. Required.
+ * @param props.mask - Mask pattern string. Required.
+ * @param props.replacement - Character or map that marks editable positions. Required.
+ * @param props.separate - Strips mask chars from the value, keeping only typed characters.
+ * @param props.showMask - Shows the full mask pattern before the user types.
+ * @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.
+ * @param props.suffix - Text or icon at the far right.
+ * @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.
+ *
+ * **...Other valid HTML properties for `<input>` (except `type`)**
+ *
+ * @returns MaskedInput JSX element wrapped in `FieldWrapper`.
+ *
+ * @example
+ * ```tsx
+ * // Brazilian mobile phone
+ * <MaskedInput
+ *   name="phone"
+ *   mask="(__) _____-____"
+ *   replacement={{ _: /\d/ }}
+ *   label="Phone"
+ * />
+ *
+ * // CPF with mask visible and validation
+ * <MaskedInput
+ *   name="cpf"
+ *   label="CPF"
+ *   mask="___.___.___-__"
+ *   replacement="_"
+ *   showMask
+ *   showAsterisk
+ *   errorMessage="Invalid CPF"
+ * />
+ *
+ * // Credit card
+ * <MaskedInput
+ *   name="card"
+ *   label="Credit Card"
+ *   mask="____ ____ ____ ____"
+ *   replacement={{ _: /\d/ }}
+ *   leftIcon={CreditCard}
+ * />
+ * ```
+ */
+declare function MaskedInput(props: MaskedInputProps): import("react").JSX.Element;
+export { MaskedInput };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/maskedInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAW,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAGN,KAAK,mBAAmB,EAIxB,MAAM,OAAO,CAAC;AASf,OAAO,aAAa,CAAC;AAErB,KAAK,gBAAgB,GAAG,IAAI,CAC3B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CACnC,GAAG;IACH,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;;OAKG;IACH,WAAW,EAAE,MAAM,GAAG,WAAW,CAAC;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;IAC5C,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AASF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AAEH,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAoI3C;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/modal/modalContainer/index.d.ts

@@ -0,0 +1,38 @@
+import { type HTMLAttributes } from "react";
+import "./styles.css";
+type ModalContainerProps = HTMLAttributes<HTMLElement> & {
+    /** Controls whether the modal is visible. */
+    isVisible: boolean;
+    /** Callback invoked when the backdrop overlay is clicked. */
+    makeInvisible: () => void;
+};
+/**
+ * ModalContainer — animated centered modal rendered over a backdrop overlay.
+ *
+ * Locks body scroll while open. Closes when the overlay is clicked.
+ * Provides context consumed by `ModalHeader` (close button).
+ *
+ * @param props.isVisible - Whether the modal is open. Required.
+ * @param props.makeInvisible - Called when the overlay is clicked. Required.
+ *
+ * **...Other valid HTML `<aside>` properties**
+ *
+ * @returns ModalContainer JSX element.
+ *
+ * @example
+ * ```tsx
+ * const [isOpen, setIsOpen] = useState(false);
+ *
+ * <ModalContainer isVisible={isOpen} makeInvisible={() => setIsOpen(false)}>
+ *   <ModalHeader><h2>Confirm deletion</h2></ModalHeader>
+ *   <main><p>This action cannot be undone.</p></main>
+ *   <ModalFooter>
+ *     <Button onClick={() => setIsOpen(false)}>Cancel</Button>
+ *     <Button scheme="danger" onClick={handleDelete}>Delete</Button>
+ *   </ModalFooter>
+ * </ModalContainer>
+ * ```
+ */
+declare function ModalContainer(args: ModalContainerProps): import("react").JSX.Element | null;
+export { ModalContainer };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/modal/modalContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modalContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,cAAc,EAGnB,MAAM,OAAO,CAAC;AAIf,OAAO,cAAc,CAAC;AAEtB,KAAK,mBAAmB,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACxD,6CAA6C;IAC7C,SAAS,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,aAAa,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,iBAAS,cAAc,CAAC,IAAI,EAAE,mBAAmB,sCAqDhD;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/modal/modalContext.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from "react";
+type ModalContextProps = {
+    makeInvisible: () => void;
+};
+type ModalProviderProps = {
+    children: ReactNode;
+    makeInvisible: () => void;
+};
+declare function ModalProvider(props: ModalProviderProps): import("react").JSX.Element;
+declare function useModal(): ModalContextProps;
+export { ModalProvider, useModal };
+//# sourceMappingURL=modalContext.d.ts.map

package/dist/components/modal/modalContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modalContext.d.ts","sourceRoot":"","sources":["../../../src/components/modal/modalContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAElE,KAAK,iBAAiB,GAAG;IACxB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAIF,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,+BAM/C;AAED,iBAAS,QAAQ,sBAEhB;AAED,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/modal/modalFooter/index.d.ts

@@ -0,0 +1,39 @@
+import type { HTMLAttributes } from "react";
+import "./styles.css";
+type ModalFooterProps = HTMLAttributes<HTMLElement> & {
+    /**
+     * Horizontal alignment of footer content.
+     * - `left` / `center` / `right`: flex-start, center, flex-end.
+     * - `between`: space-between.
+     * - `around`: space-around.
+     * @default "right"
+     */
+    alignment?: "left" | "center" | "right" | "between" | "around";
+};
+/**
+ * ModalFooter — action bar at the bottom of a modal dialog.
+ *
+ * @param props.alignment - Horizontal alignment of children. Default: `"right"`
+ *
+ * **...Other valid HTML `<footer>` properties**
+ *
+ * @returns ModalFooter JSX element.
+ *
+ * @example
+ * ```tsx
+ * // Confirm / cancel pattern (right-aligned by default)
+ * <ModalFooter>
+ *   <Button variant="ghost" onClick={onClose}>Cancel</Button>
+ *   <Button scheme="danger" onClick={onConfirm}>Delete</Button>
+ * </ModalFooter>
+ *
+ * // Space-between layout (e.g. back / next in a wizard)
+ * <ModalFooter alignment="between">
+ *   <Button variant="outline" onClick={onBack}>Back</Button>
+ *   <Button onClick={onNext}>Next</Button>
+ * </ModalFooter>
+ * ```
+ */
+declare function ModalFooter(args: ModalFooterProps): import("react").JSX.Element;
+export { ModalFooter };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/modal/modalFooter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modalFooter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,cAAc,CAAC;AAEtB,KAAK,gBAAgB,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACrD;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;CAC/D,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,iBAAS,WAAW,CAAC,IAAI,EAAE,gBAAgB,+BAK1C;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/modal/modalHeader/index.d.ts

@@ -0,0 +1,32 @@
+import type { HTMLAttributes } from "react";
+import "./styles.css";
+type ModalHeaderProps = HTMLAttributes<HTMLElement> & {
+    /** Whether to render the X close button. @default true */
+    showCloseButton?: boolean;
+};
+/**
+ * ModalHeader — header section for a `ModalContainer`, with an optional close button.
+ *
+ * The close button calls `makeInvisible` from the nearest `ModalContainer` context.
+ * Must be rendered inside a `ModalContainer`.
+ *
+ * @param props.showCloseButton - Renders the X close button. Default: true
+ *
+ * **...Other valid HTML `<header>` properties**
+ *
+ * @returns ModalHeader JSX element.
+ *
+ * @example
+ * ```tsx
+ * <ModalContainer isVisible={isOpen} makeInvisible={() => setIsOpen(false)}>
+ *   <ModalHeader>
+ *     <h2>Edit profile</h2>
+ *   </ModalHeader>
+ *   <main>...</main>
+ *   <ModalFooter><Button onClick={onSave}>Save</Button></ModalFooter>
+ * </ModalContainer>
+ * ```
+ */
+declare function ModalHeader(args: ModalHeaderProps): import("react").JSX.Element;
+export { ModalHeader };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/modal/modalHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modalHeader/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,cAAc,CAAC;AAEtB,KAAK,gBAAgB,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACrD,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,iBAAS,WAAW,CAAC,IAAI,EAAE,gBAAgB,+BA2B1C;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}