@arkyn/components 3.0.1-beta.99 → 3.0.3

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

@@ -0,0 +1,155 @@
+import type { LucideIcon } from "lucide-react";
+import { type FocusEvent } from "react";
+type BaseDatePickerProps = {
+    /** Field name for form submission. Required. */
+    name: string;
+    /** Optional HTML id for the underlying hidden input. */
+    id?: string;
+    /** Displays an asterisk on the label to signal a required field. */
+    showAsterisk?: boolean;
+    /** Optional label text displayed above the date picker. */
+    label?: string;
+    /** Validation error message displayed below the date picker. */
+    errorMessage?: string;
+    /** Placeholder text shown when no date is selected. @default "Selecione uma data..." */
+    placeholder?: string;
+    /** Additional CSS class applied to the wrapper element. */
+    className?: string;
+    /** Disables all interactions. @default false */
+    disabled?: boolean;
+    /** Prevents value changes while keeping the current value visible. @default false */
+    readOnly?: boolean;
+    /** Shows a loading spinner and disables interactions. @default false */
+    isLoading?: boolean;
+    /**
+     * Closes the calendar after a date is picked.
+     * @default true for `single`, `false` for `range`.
+     */
+    closeOnSelect?: boolean;
+    /** Callback fired when the date picker gains focus. */
+    onFocus?: () => void;
+    /** Callback fired when the date picker loses focus. */
+    onBlur?: (e: FocusEvent<HTMLDivElement>) => void;
+    /**
+     * DatePicker 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 date picker area. */
+    prefix?: string | LucideIcon;
+    /** Lucide icon rendered inside the date picker on the left. */
+    leftIcon?: LucideIcon;
+    /** When true, skips `FieldTemplate` wrapper (label and error text). @default false */
+    unShowFieldTemplate?: boolean;
+    /**
+     * Layout direction forwarded to `FieldTemplate`.
+     * @default "vertical"
+     */
+    orientation?: "horizontal" | "vertical" | "horizontalReverse";
+    /**
+     * Visual/behavioral variant forwarded to the internal `Calendar`.
+     * @default "complete"
+     */
+    calendarVariant?: "basic" | "complete";
+};
+/**
+ * Props for DatePicker single-date selection mode.
+ */
+type SingleDatePickerProps = BaseDatePickerProps & {
+    /** Sets single-date selection mode. */
+    type: "single";
+    /** Controlled selected date. */
+    value?: Date;
+    /** Uncontrolled default selected date. */
+    defaultValue?: Date;
+    /** Callback fired when the selected date changes. */
+    onChange?: (date: Date) => void;
+    /** Currently focused calendar view date. */
+    viewValue?: Date;
+    /** Initial focused calendar view date. */
+    defaultViewValue?: Date;
+    /** Callback fired when the calendar view (month/year) changes. */
+    onChangeView?: (date: Date) => void;
+};
+/**
+ * Props for DatePicker range selection mode.
+ */
+type RangeDatePickerProps = BaseDatePickerProps & {
+    /** Sets range selection mode. */
+    type: "range";
+    /** Controlled selected range in `[start, end]` format. */
+    value?: [Date, Date];
+    /** Uncontrolled default range in `[start, end]` format. */
+    defaultValue?: [Date, Date];
+    /** Callback fired when the selected range changes. */
+    onChange?: (date: [Date, Date]) => void;
+    /** Currently focused calendar view date. */
+    viewValue?: Date;
+    /** Initial focused calendar view date. */
+    defaultViewValue?: Date;
+    /** Callback fired when the calendar view (month/year) changes. */
+    onChangeView?: (date: Date) => void;
+    /** Text placed between the start and end dates. @default " até " */
+    rangeSeparator?: string;
+};
+/**
+ * Discriminated union of DatePicker props.
+ */
+type DatePickerProps = SingleDatePickerProps | RangeDatePickerProps;
+/**
+ * DatePicker — date input field with a popover `Calendar`, supporting single-date
+ * (`single`) and range (`range`) selection modes.
+ *
+ * Opens the calendar on click, the same way `Select` opens its options list, flipping
+ * upward or downward depending on the available viewport space so it never renders
+ * off-screen. Integrates with `useForm` to display validation errors by field name.
+ *
+ * @param props.name - Field name for form submission. Required.
+ * @param props.type - Selection mode (`single` | `range`). Required.
+ * @param props.value - Controlled selected date (`single`) or range (`range`).
+ * @param props.defaultValue - Uncontrolled default date or range.
+ * @param props.label - Label text displayed above the date picker.
+ * @param props.placeholder - Placeholder shown when nothing is selected. Default: "Selecione uma data..."
+ * @param props.errorMessage - Validation error message.
+ * @param props.isLoading - Shows a loading spinner and disables interactions. Default: false
+ * @param props.closeOnSelect - Closes the calendar after picking. Default: `true` for `single`, `false` for `range`.
+ * @param props.onChange - Callback fired when the selected date/range changes.
+ * @param props.calendarVariant - Visual/behavioral variant of the internal `Calendar`. Default: "complete"
+ * @param props.size - DatePicker size (`md` | `lg`). Default: "md"
+ * @param props.variant - Visual style variant. Default: "solid"
+ * @param props.orientation - Layout direction. Default: "vertical"
+ * @param props.unShowFieldTemplate - Skips wrapper, label, and error rendering. Default: false
+ *
+ * @returns DatePicker JSX element wrapped in `FieldTemplate`.
+ *
+ * @example
+ * ```tsx
+ * // Single date
+ * <DatePicker
+ *   type="single"
+ *   name="birthDate"
+ *   label="Data de nascimento"
+ *   onChange={(date) => console.log("Selected date:", date)}
+ * />
+ *
+ * // Range
+ * <DatePicker
+ *   type="range"
+ *   name="stay"
+ *   label="Período da estadia"
+ *   calendarVariant="basic"
+ *   onChange={([start, end]) => console.log("Range:", start, end)}
+ * />
+ * ```
+ */
+declare function DatePicker(props: DatePickerProps): import("react").JSX.Element;
+export { DatePicker };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/datePicker/index.tsx"],"names":[],"mappings":"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"}

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

@@ -1,45 +1,32 @@
-import { HTMLAttributes } from "react";
+import type { HTMLAttributes } from "react";
 import "./styles.css";
 type DividerProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Divider orientation.
+     * @default "horizontal"
+     */
     orientation?: "horizontal" | "vertical";
 };
 /**
- * Divider component - used to visually separate content sections
+ * Divider — visually separates content sections.
  *
- * @param props - Divider component properties
- * @param props.orientation - Divider orientation. Default: "horizontal"
+ * @param props.orientation - Line direction (`horizontal` | `vertical`). Default: "horizontal"
  *
- * **...Other valid HTML properties for div**
+ * **...Other valid HTML properties for `<div>`**
  *
- * @returns Divider JSX element
+ * @returns Divider JSX element.
  *
  * @example
  * ```tsx
- * // Basic horizontal divider
+ * // Between sections
+ * <h2>Section 1</h2>
  * <Divider />
+ * <h2>Section 2</h2>
  *
- * // Explicit horizontal divider
- * <Divider orientation="horizontal" />
- *
- * // Vertical divider
+ * // Vertical (e.g. between sidebar and content)
  * <Divider orientation="vertical" />
- *
- * // Custom styled divider
- * <Divider
- *   orientation="horizontal"
- *   className="my-custom-divider"
- * />
- *
- * // Usage in layout
- * <div>
- *   <h2>Section 1</h2>
- *   <p>Content for section 1</p>
- *   <Divider />
- *   <h2>Section 2</h2>
- *   <p>Content for section 2</p>
- * </div>
  * ```
  */
-declare function Divider(props: DividerProps): import("react/jsx-runtime").JSX.Element;
+declare function Divider(props: DividerProps): import("react").JSX.Element;
 export { Divider };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/divider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,cAAc,CAAC;AAEtB,KAAK,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACnD,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AAEH,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,2CAUnC;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/divider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,cAAc,CAAC;AAEtB,KAAK,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACpD;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACxC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,+BAUnC;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/drawer/drawerContainer/index.d.ts

@@ -1,71 +1,37 @@
-import { HTMLAttributes } from "react";
+import { type HTMLAttributes } from "react";
 import "./styles.css";
 type DrawerContainerProps = HTMLAttributes<HTMLElement> & {
+    /** Controls whether the drawer is visible. */
     isVisible: boolean;
+    /** Callback invoked when the overlay is clicked to close the drawer. */
     makeInvisible: () => void;
+    /** Side from which the drawer slides in. @default "left" */
     orientation?: "left" | "right";
 };
-/**O
- * DrawerContainer component - animated slide-out panel for navigation or content
+/**
+ * DrawerContainer — animated slide-in panel rendered over an overlay backdrop.
  *
- * @param props - DrawerContainer component properties
- * @param props.isVisible - Controls drawer visibility state
- * @param props.makeInvisible - Callback function to hide the drawer
- * @param props.orientation - Side from which drawer slides (left, right). Default: "left"
+ * Locks body scroll while open. Closes when the overlay is clicked.
+ * Provides context consumed by `DrawerHeader` (close button).
  *
- * **...Other valid HTML properties for aside element**
+ * @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"`
  *
- * @returns DrawerContainer JSX element
+ * **...Other valid HTML `<aside>` properties**
+ *
+ * @returns DrawerContainer JSX element.
  *
  * @example
  * ```tsx
- * // Basic drawer from left
  * const [isOpen, setIsOpen] = useState(false);
- * <DrawerContainer
- *   isVisible={isOpen}
- *   makeInvisible={setIsOpen}
- * >
- *   <p>Drawer content</p>
- * </DrawerContainer>
  *
- * // Right-side drawer
- * <DrawerContainer
- *   isVisible={isOpen}
- *   makeInvisible={setIsOpen}
- *   orientation="right"
- * >
- *   <nav>Navigation items</nav>
+ * <DrawerContainer isVisible={isOpen} makeInvisible={() => setIsOpen(false)} orientation="right">
+ *   <DrawerHeader><h2>Navigation</h2></DrawerHeader>
+ *   <nav>...</nav>
  * </DrawerContainer>
- *
- * // Complete drawer example
- * function DrawerExample() {
- *   const [isDrawerOpen, setIsDrawerOpen] = useState(false);
- *
- *   return (
- *     <>
- *       <button onClick={() => setIsDrawerOpen(true)}>
- *         Open Menu
- *       </button>
- *
- *       <DrawerContainer
- *         isVisible={isDrawerOpen}
- *         makeInvisible={setIsDrawerOpen}
- *         orientation="right"
- *       >
- *         <div className="drawer-content">
- *           <h2>Menu</h2>
- *           <ul>
- *             <li>Home</li>
- *             <li>About</li>
- *             <li>Contact</li>
- *           </ul>
- *         </div>
- *       </DrawerContainer>
- *     </>
- *   );
- * }
  * ```
  */
-declare function DrawerContainer(props: DrawerContainerProps): import("react/jsx-runtime").JSX.Element;
+declare function DrawerContainer(props: DrawerContainerProps): import("react").JSX.Element | null;
 export { DrawerContainer };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/drawer/drawerContainer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawerContainer/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,cAAc,CAAC;AAEtB,KAAK,oBAAoB,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACxD,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAChC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AAEH,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CA6CnD;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawerContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,cAAc,EAGnB,MAAM,OAAO,CAAC;AAIf,OAAO,cAAc,CAAC;AAEtB,KAAK,oBAAoB,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACzD,8CAA8C;IAC9C,SAAS,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC/B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,sCAuDnD;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/drawer/drawerContext.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { type ReactNode } from "react";
 type DrawerContextProps = {
     makeInvisible: () => void;
 };
@@ -6,7 +6,7 @@ type DrawerProviderProps = {
     children: ReactNode;
     makeInvisible: () => void;
 };
-declare function DrawerProvider(props: DrawerProviderProps): import("react/jsx-runtime").JSX.Element;
+declare function DrawerProvider(props: DrawerProviderProps): import("react").JSX.Element;
 declare function useDrawer(): DrawerContextProps;
 export { DrawerProvider, useDrawer };
 //# sourceMappingURL=drawerContext.d.ts.map

package/dist/components/drawer/drawerContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawerContext.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawerContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAE7D,KAAK,kBAAkB,GAAG;IACxB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAIF,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAMjD;AAED,iBAAS,SAAS,uBAEjB;AAED,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"drawerContext.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawerContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAE3E,KAAK,kBAAkB,GAAG;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,KAAK,mBAAmB,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAIF,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BAWjD;AAED,iBAAS,SAAS,uBAEjB;AAED,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/drawer/drawerHeader/index.d.ts

@@ -1,55 +1,31 @@
-import { HTMLAttributes } from "react";
+import type { HTMLAttributes } from "react";
 import "./styles.css";
 type DrawerHeaderProps = HTMLAttributes<HTMLElement> & {
+    /** Whether to render the X close button. @default true */
     showCloseButton?: boolean;
 };
 /**
- * DrawerHeader component - header section for drawer with optional close button
+ * DrawerHeader — header section for a `DrawerContainer`, with an optional close button.
  *
- * @param props - DrawerHeader component properties
- * @param props.showCloseButton - Shows close button in header. Default: true
+ * The close button calls `makeInvisible` from the nearest `DrawerContainer` context.
+ * Must be rendered inside a `DrawerContainer`.
  *
- * **...Other valid HTML properties for header element**
+ * @param props.showCloseButton - Renders the X close button. Default: true
  *
- * @returns DrawerHeader JSX element
+ * **...Other valid HTML `<header>` properties**
+ *
+ * @returns DrawerHeader JSX element.
  *
  * @example
  * ```tsx
- * // Basic drawer header with close button
- * <DrawerHeader>
- *   <h2>Menu</h2>
- * </DrawerHeader>
- *
- * // Header without close button
- * <DrawerHeader showCloseButton={false}>
- *   <h2>Settings</h2>
- * </DrawerHeader>
- *
- * // Complete drawer example
  * <DrawerContainer isVisible={isOpen} makeInvisible={() => setIsOpen(false)}>
  *   <DrawerHeader>
  *     <h2>Navigation</h2>
- *     <p>Welcome to our app</p>
  *   </DrawerHeader>
- *
- *   <div className="drawer-content">
- *     <nav>
- *       <a href="/home">Home</a>
- *       <a href="/about">About</a>
- *       <a href="/contact">Contact</a>
- *     </nav>
- *   </div>
+ *   <nav>...</nav>
  * </DrawerContainer>
- *
- * // Custom styled header
- * <DrawerHeader className="custom-header">
- *   <div className="header-content">
- *     <img src="/logo.png" alt="Logo" />
- *     <h1>My App</h1>
- *   </div>
- * </DrawerHeader>
  * ```
  */
-declare function DrawerHeader(props: DrawerHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function DrawerHeader(props: DrawerHeaderProps): import("react").JSX.Element;
 export { DrawerHeader };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/drawer/drawerHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawerHeader/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,cAAc,CAAC;AAEtB,KAAK,iBAAiB,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACrD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AAEH,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CA2B7C;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawerHeader/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,cAAc,CAAC;AAEtB,KAAK,iBAAiB,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACtD,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,+BA2B7C;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,4 @@
+import type { FacebookPixelProps } from ".";
+declare function FacebookPixelClient(props: FacebookPixelProps): null;
+export { FacebookPixelClient };
+//# sourceMappingURL=facebookPixel.client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"facebookPixel.client.d.ts","sourceRoot":"","sources":["../../../src/components/facebookPixel/facebookPixel.client.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAC;AAG5C,iBAAS,mBAAmB,CAAC,KAAK,EAAE,kBAAkB,QA2BrD;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -0,0 +1,65 @@
+type FacebookPixelProps = {
+    /** Facebook Pixel ID from your Ads Manager account. Required. */
+    pixelId: string;
+    /** When true, renders the pixel in development mode (bypasses the production check). @default false */
+    showInDevMode?: boolean;
+    /** Pixel initialization options. */
+    options?: {
+        /** Enables automatic configuration. @default true */
+        autoConfig?: boolean;
+        /** Enables debug logging in the browser console. @default false */
+        debug?: boolean;
+    };
+    /** When true, fires a standard `PageView` event on mount. */
+    pageView?: boolean;
+    /** When true, grants cookie/tracking consent via `fbq("consent", "grant")`. */
+    grantConsent?: boolean;
+    /** When true, revokes cookie/tracking consent via `fbq("consent", "revoke")`. */
+    revokeConsent?: boolean;
+    /** Standard event to track: `[eventName, eventData?]`. */
+    track?: [string, any?];
+    /** Custom event to track: `[eventName, eventData?]`. */
+    trackCustom?: [string, any?];
+    /** Single-pixel standard event: `[eventName, eventData?]`. */
+    trackSingle?: [string, any?];
+    /** Single-pixel custom event: `[eventName, eventData?]`. */
+    trackSingleCustom?: [string, any?];
+};
+/**
+ * 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" }]}
+ * />
+ * ```
+ */
+declare function FacebookPixel(props: FacebookPixelProps): import("react").JSX.Element | null;
+export { FacebookPixel, type FacebookPixelProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/facebookPixel/index.tsx"],"names":[],"mappings":"AAGA,KAAK,kBAAkB,GAAG;IACzB,iEAAiE;IACjE,OAAO,EAAE,MAAM,CAAC;IAChB,uGAAuG;IACvG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oCAAoC;IACpC,OAAO,CAAC,EAAE;QACT,qDAAqD;QACrD,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,mEAAmE;QACnE,KAAK,CAAC,EAAE,OAAO,CAAC;KAChB,CAAC;IACF,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iFAAiF;IACjF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0DAA0D;IAE1D,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IACvB,wDAAwD;IAExD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IAC7B,8DAA8D;IAE9D,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IAC7B,4DAA4D;IAE5D,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;CACnC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,sCAM/C;AAED,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,CAAC"}

package/dist/components/facebookPixel/pixel.d.ts

@@ -0,0 +1,21 @@
+type Options = {
+    autoConfig?: boolean;
+    debug?: boolean;
+};
+declare class FacebookPixel {
+    pixelId: string;
+    autoConfig: boolean;
+    initialized: boolean;
+    constructor(pixelId: string, options?: Options);
+    private loadFacebookPixel;
+    init(advancedMatching?: object): void;
+    pageView(): void;
+    track(title: string, data?: object): void;
+    trackSingle(pixel: string, title: string, data?: object): void;
+    trackCustom(event: string, data?: object): void;
+    trackSingleCustom(pixel: string, event: string, data?: object): void;
+    grantConsent(): void;
+    revokeConsent(): void;
+}
+export { FacebookPixel };
+//# sourceMappingURL=pixel.d.ts.map

package/dist/components/facebookPixel/pixel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pixel.d.ts","sourceRoot":"","sources":["../../../src/components/facebookPixel/pixel.ts"],"names":[],"mappings":"AAEA,KAAK,OAAO,GAAG;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,cAAM,aAAa;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;gBAET,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO;IAM9C,OAAO,CAAC,iBAAiB;IAuCzB,IAAI,CAAC,gBAAgB,GAAE,MAAW;IAuBlC,QAAQ;IAOR,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM;IAOlC,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM;IAOvD,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM;IAOxC,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM;IAO7D,YAAY;IAOZ,aAAa;CAMb;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -1,29 +1,22 @@
-import { HTMLAttributes } from "react";
+import type { HTMLAttributes } from "react";
 import "./styles.css";
 type FieldErrorProps = HTMLAttributes<HTMLElement>;
 /**
- * FieldError component - used to display error messages for form fields
+ * FieldError — displays a validation error message below a form field.
  *
- * @param props - FieldError component properties
+ * Renders nothing when `children` is empty or falsy.
  *
- * **...Other valid HTML properties for strong element**
+ * **...Other valid HTML properties for `<strong>`**
  *
- * @returns FieldError JSX element or empty fragment if no children
+ * @returns FieldError `<strong>` element, or an empty fragment when there is no message.
  *
  * @example
  * ```tsx
- * // Basic field error
  * <FieldError>This field is required</FieldError>
  *
- * // Field error with custom styling
- * <FieldError className="custom-error">
- *  Invalid email format
- * </FieldError>
- *
- * // Conditional field error
  * {error && <FieldError>{error}</FieldError>}
  * ```
  */
-declare function FieldError(props: FieldErrorProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldError(props: FieldErrorProps): import("react").JSX.Element | null;
 export { FieldError };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/fieldError/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,cAAc,CAAC;AAEtB,KAAK,eAAe,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CAWzC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/fieldError/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,cAAc,CAAC;AAEtB,KAAK,eAAe,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEnD;;;;;;;;;;;;;;;GAeG;AAEH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,sCAWzC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

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

@@ -1,38 +1,23 @@
-import { LabelHTMLAttributes } from "react";
+import type { LabelHTMLAttributes } from "react";
 import "./styles.css";
 type FieldLabelProps = LabelHTMLAttributes<HTMLLabelElement> & {
+    /** When true, appends an asterisk (*) to signal a required field. @default false */
     showAsterisk?: boolean;
 };
 /**
- * FieldLabel component - used to display labels for form fields with optional required indicator
+ * FieldLabel — label for form fields, with an optional required-field asterisk.
  *
- * @param props - FieldLabel component properties
- * @param props.showAsterisk - Whether to display an asterisk (*) to indicate required field. Default: false
+ * @param props.showAsterisk - Appends `*` to the label. Default: false
  *
- * **...Other valid HTML properties for label element**
+ * **...Other valid HTML properties for `<label>`**
  *
- * @returns FieldLabel JSX element
+ * @returns FieldLabel JSX element.
  *
  * @example
  * ```tsx
- * // Basic field label
- * <FieldLabel htmlFor="username">Username</FieldLabel>
- *
- * // Required field label with asterisk
- * <FieldLabel htmlFor="email" showAsterisk>
- *   Email Address
- * </FieldLabel>
- *
- * // Label with custom styling
- * <FieldLabel
- *   htmlFor="password"
- *   className="custom-label"
- *   showAsterisk
- * >
- *   Password
- * </FieldLabel>
+ * <FieldLabel htmlFor="email" showAsterisk>Email Address</FieldLabel>
  * ```
  */
-declare function FieldLabel(props: FieldLabelProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldLabel(props: FieldLabelProps): import("react").JSX.Element;
 export { FieldLabel };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/fieldLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,cAAc,CAAC;AAEtB,KAAK,eAAe,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC7D,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CAWzC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/fieldLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,cAAc,CAAC;AAEtB,KAAK,eAAe,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC9D,oFAAoF;IACpF,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AAEH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,+BAYzC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}