@arkyn/components 3.0.3 → 3.0.4

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAGjD,OAAO,cAAc,CAAC;AAEtB,KAAK,gBAAgB,GAClB,YAAY,GACZ,aAAa,GACb,SAAS,GACT,UAAU,GACV,KAAK,GACL,MAAM,GACN,QAAQ,GACR,OAAO,CAAC;AAEX,KAAK,YAAY,GAAG;IACnB,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,iEAAiE;IACjE,MAAM,EAAE,SAAS,CAAC;IAClB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AAEH,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,+BAoCnC;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAGjD,OAAO,cAAc,CAAC;AAEtB,KAAK,gBAAgB,GAClB,YAAY,GACZ,aAAa,GACb,SAAS,GACT,UAAU,GACV,KAAK,GACL,MAAM,GACN,QAAQ,GACR,OAAO,CAAC;AAEX,KAAK,YAAY,GAAG;IACnB,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,gEAAgE;IAChE,MAAM,EAAE,SAAS,CAAC;IAClB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AAEH,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,+BAoCnC;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/radio/radioBox/index.d.ts

@@ -9,7 +9,7 @@ type RadioBoxProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     size?: "sm" | "md" | "lg";
 };
 /**
- * RadioBox — individual option inside a `RadioGroup`. Renders as a `<label>` + hidden `<button>` pair.
+ * RadioBox, individual option inside a `RadioGroup`. Renders as a `<label>` + hidden `<button>` pair.
  *
  * Reads active value, size, error state, and disabled state from `RadioGroup` context.
  * Must be used as a direct child of `RadioGroup`.
@@ -26,9 +26,9 @@ type RadioBoxProps = ButtonHTMLAttributes<HTMLButtonElement> & {
  * @example
  * ```tsx
  * <RadioGroup name="plan" label="Choose a plan" onChange={setPlan}>
- *   <RadioBox value="basic">Basic — $9/mo</RadioBox>
- *   <RadioBox value="pro">Pro — $29/mo</RadioBox>
- *   <RadioBox value="enterprise" disabled>Enterprise — contact us</RadioBox>
+ *   <RadioBox value="basic">Basic, $9/mo</RadioBox>
+ *   <RadioBox value="pro">Pro, $29/mo</RadioBox>
+ *   <RadioBox value="enterprise" disabled>Enterprise, contact us</RadioBox>
  * </RadioGroup>
  * ```
  */

package/dist/components/radio/radioGroup/index.d.ts

@@ -25,7 +25,7 @@ type RadioGroupProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
     orientation?: "horizontal" | "vertical" | "horizontalReverse";
 };
 /**
- * RadioGroup — managed group of `RadioBox` options with form integration.
+ * RadioGroup, managed group of `RadioBox` options with form integration.
  *
  * Renders a hidden `<input>` for native form submission. Reads `fieldErrors[name]` from
  * the nearest `FormProvider` when no `errorMessage` is explicitly provided.
@@ -56,8 +56,8 @@ type RadioGroupProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
  *
  * // Controlled with change handler
  * <RadioGroup name="plan" label="Subscription plan" value={plan} onChange={setPlan}>
- *   <RadioBox value="basic">Basic — $9/mo</RadioBox>
- *   <RadioBox value="pro">Pro — $29/mo</RadioBox>
+ *   <RadioBox value="basic">Basic, $9/mo</RadioBox>
+ *   <RadioBox value="pro">Pro, $29/mo</RadioBox>
  * </RadioGroup>
  * ```
  */

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

@@ -1,7 +1,7 @@
 import type { RichTextProps } from "../../types/richTextTypes";
 import "./styles.css";
 /**
- * RichText — WYSIWYG rich-text editor built on Slate.js with a configurable toolbar.
+ * RichText, WYSIWYG rich-text editor built on Slate.js with a configurable toolbar.
  *
  * **Toolbar features:** bold, italic, underline, code, H1/H2, block quote, alignment (left/center/right/justify), image and video insertion.
  *
@@ -15,8 +15,8 @@ import "./styles.css";
  * @param props.defaultValue - Initial editor content as a Slate JSON string. Default: "[]"
  * @param props.maxLimit - Maximum character count. Default: 10000
  * @param props.enforceCharacterLimit - Prevents typing past `maxLimit`. Default: false
- * @param props.onChangeCharactersCount - Callback fired on every keystroke — receives the current character count.
- * @param props.onChange - Callback fired when editor content changes — receives the Slate `Descendant[]`.
+ * @param props.onChangeCharactersCount - Callback fired on every keystroke, receives the current character count.
+ * @param props.onChange - Callback fired when editor content changes, receives the Slate `Descendant[]`.
  * @param props.baseErrorMessage - Custom error message (overrides `useForm` context error).
  * @param props.isError - Forces the error visual state.
  * @param props.id - Custom id for the editable area element.

package/dist/components/searchPlaces.d.ts

@@ -35,14 +35,14 @@ type SearchPlacesProps = {
     onPlaceChanged?: (e: PlaceData) => void;
 } & Omit<InputProps, "onLoad" | "onChange" | "type">;
 /**
- * SearchPlaces — text input with Google Places autocomplete that returns structured address data.
+ * SearchPlaces, text input with Google Places autocomplete that returns structured address data.
  *
  * Requires the Google Maps JavaScript API with the Places library to be loaded.
  * Built on `@react-google-maps/api`'s `StandaloneSearchBox`.
  *
  * @param props.options - Google Maps search box options (e.g. restrict by country).
- * @param props.onChange - Fires on every keystroke — receives the current text value.
- * @param props.onPlaceChanged - Fires when the user selects a suggestion — receives structured address data.
+ * @param props.onChange - Fires on every keystroke, receives the current text value.
+ * @param props.onPlaceChanged - Fires when the user selects a suggestion, receives structured address data.
  *
  * **...Other valid `Input` properties (except `onLoad`, `onChange`, `type`)**
  *

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

@@ -72,7 +72,7 @@ type SelectProps = {
     orientation?: "horizontal" | "vertical" | "horizontalReverse";
 };
 /**
- * Select — single-option dropdown with optional search, label, validation, and form integration.
+ * Select, single-option dropdown with optional search, label, validation, and form integration.
  *
  * Integrates with `useForm` to display validation errors by field name.
  *

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

@@ -11,7 +11,7 @@ type SliderProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
     onDragging?: (isDragging: boolean) => void;
 };
 /**
- * Slider — interactive track for selecting a numeric value between 0 and 100.
+ * Slider, interactive track for selecting a numeric value between 0 and 100.
  *
  * Pair with `useSlider` for managed state.
  *

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

@@ -18,7 +18,7 @@ type SwitchProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "o
     unCheckedValue?: string;
     /** Field name for form submission. Required. */
     name: string;
-    /** Callback fired on toggle — receives the current value string. */
+    /** Callback fired on toggle, receives the current value string. */
     onCheck?: (value: string) => void;
     /**
      * Layout direction forwarded to `FieldTemplate`.
@@ -33,7 +33,7 @@ type SwitchProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "o
     errorMessage?: string;
 };
 /**
- * Switch — toggle input for binary on/off states.
+ * Switch, toggle input for binary on/off states.
  *
  * Stores value in a hidden `<input>` for native form submission.
  * Integrates with `useForm` to display validation errors by field name.
@@ -45,7 +45,7 @@ type SwitchProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "o
  * @param props.checked - Controlled checked state.
  * @param props.value - Value emitted when on. Default: "checked"
  * @param props.unCheckedValue - Value emitted when off. Default: ""
- * @param props.onCheck - Callback fired on toggle — receives the current value string.
+ * @param props.onCheck - Callback fired on toggle, receives the current value string.
  * @param props.orientation - Layout direction (`horizontal` | `vertical` | `horizontalReverse`). Default: "horizontalReverse"
  * @param props.unShowFieldTemplate - Skips wrapper, label, and error rendering. Default: false
  * @param props.showAsterisk - Appends `*` to the label.

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAIlD,OAAO,cAAc,CAAC;AAEtB,KAAK,WAAW,GAAG,IAAI,CACtB,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,UAAU,GAAG,cAAc,GAAG,SAAS,GAAG,OAAO,CAC9D,GAAG;IACH,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,yDAAyD;IACzD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,mBAAmB,CAAC;IAC9D,sFAAsF;IACtF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AAEH,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,+BAgEjC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAIlD,OAAO,cAAc,CAAC;AAEtB,KAAK,WAAW,GAAG,IAAI,CACtB,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,UAAU,GAAG,cAAc,GAAG,SAAS,GAAG,OAAO,CAC9D,GAAG;IACH,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,yDAAyD;IACzD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,mEAAmE;IACnE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,mBAAmB,CAAC;IAC9D,sFAAsF;IACtF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AAEH,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,+BAgEjC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/tab/tabButton/index.d.ts

@@ -7,7 +7,7 @@ type TabButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" |
     value: string;
 };
 /**
- * TabButton — individual tab button inside a `TabContainer`.
+ * TabButton, individual tab button inside a `TabContainer`.
  *
  * Reads active state and disabled state from `TabContainer` context.
  * The button's own `disabled` prop is ORed with the container's `disabled`.

package/dist/components/tab/tabContainer/index.d.ts

@@ -11,7 +11,7 @@ type TabContainerProps = Omit<HTMLAttributes<HTMLElement>, "onChange" | "childre
     onChange?: (index: string) => void;
 };
 /**
- * TabContainer — wrapper that manages active state for a group of `TabButton` components.
+ * TabContainer, wrapper that manages active state for a group of `TabButton` components.
  *
  * Renders as a `<nav>` element. Provides context consumed by each `TabButton`.
  *

package/dist/components/table/tableBody/index.d.ts

@@ -5,7 +5,7 @@ type TableBodyProps = HTMLAttributes<HTMLTableSectionElement> & {
     emptyMessage?: string;
 };
 /**
- * TableBody — `<tbody>` section with built-in empty state handling.
+ * TableBody, `<tbody>` section with built-in empty state handling.
  *
  * When `children` is empty, renders a full-width row with `emptyMessage`.
  * Accepts all standard HTML `<tbody>` attributes.

package/dist/components/table/tableCaption/index.d.ts

@@ -2,7 +2,7 @@ import type { HTMLAttributes } from "react";
 import "./styles.css";
 type TableCaptionProps = HTMLAttributes<HTMLElement>;
 /**
- * TableCaption — title / description placed above a table. Renders as a `<caption>` element.
+ * TableCaption, title / description placed above a table. Renders as a `<caption>` element.
  *
  * Accepts all standard HTML element attributes.
  *
@@ -11,7 +11,7 @@ type TableCaptionProps = HTMLAttributes<HTMLElement>;
  * @example
  * ```tsx
  * <TableContainer>
- *   <TableCaption>Orders — Q2 2025</TableCaption>
+ *   <TableCaption>Orders, Q2 2025</TableCaption>
  *   <TableHeader>...</TableHeader>
  *   <TableBody>...</TableBody>
  * </TableContainer>

package/dist/components/table/tableContainer/index.d.ts

@@ -2,7 +2,7 @@ import type { TableHTMLAttributes } from "react";
 import "./styles.css";
 type TableContainerProps = TableHTMLAttributes<HTMLTableElement>;
 /**
- * TableContainer — root wrapper for the Table component set. Renders a responsive scrollable container around a `<table>`.
+ * TableContainer, root wrapper for the Table component set. Renders a responsive scrollable container around a `<table>`.
  *
  * Accepts all standard HTML `<table>` attributes.
  *

package/dist/components/table/tableFooter/index.d.ts

@@ -2,7 +2,7 @@ import type { HTMLAttributes } from "react";
 import "./styles.css";
 type TableFooterProps = HTMLAttributes<HTMLTableSectionElement>;
 /**
- * TableFooter — `<tfoot>` section with an automatic spacing row above the content.
+ * TableFooter, `<tfoot>` section with an automatic spacing row above the content.
  *
  * Children span all columns via `colSpan={100}`. Commonly used for `Pagination`.
  * Accepts all standard HTML `<tfoot>` attributes.

package/dist/components/table/tableHeader/index.d.ts

@@ -2,9 +2,9 @@ import type { HTMLAttributes } from "react";
 import "./styles.css";
 type TableHeaderProps = HTMLAttributes<HTMLTableSectionElement>;
 /**
- * TableHeader — `<thead>` section with an automatic spacing row below the header row.
+ * TableHeader, `<thead>` section with an automatic spacing row below the header row.
  *
- * Pass `<th>` elements as children — they are wrapped in a `<tr>` automatically.
+ * Pass `<th>` elements as children, they are wrapped in a `<tr>` automatically.
  * Accepts all standard HTML `<thead>` attributes.
  *
  * @returns TableHeader JSX element.

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

@@ -27,7 +27,7 @@ type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "name" |
     defaultValue?: string;
 };
 /**
- * Textarea — multi-line text input with label, validation, and form integration.
+ * Textarea, multi-line text input with label, validation, and form integration.
  *
  * Integrates with `useForm` to display validation errors by field name.
  *

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

@@ -18,7 +18,7 @@ type TooltipProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
     size?: "md" | "lg";
 };
 /**
- * Tooltip — shows a contextual text bubble on hover with smart viewport-aware positioning.
+ * Tooltip, shows a contextual text bubble on hover with smart viewport-aware positioning.
  *
  * The tooltip automatically flips to the opposite side when it would overflow the viewport.
  *

package/dist/hooks/useAutomation.d.ts

@@ -1,5 +1,5 @@
 /**
- * useAutomation — runs UI side-effects (close modals, scroll, toast) in response to a server action payload.
+ * useAutomation, runs UI side-effects (close modals, scroll, toast) in response to a server action payload.
  *
  * Pass the raw response from a form submission. On every change the hook:
  * 1. Closes all open modals if `closeModal` is `true`.

package/dist/hooks/useDrawer.d.ts

@@ -1,11 +1,11 @@
 import { type DrawerContextProps } from "../providers/drawerProvider";
 type OpenDrawerProps<T = any> = (data?: T) => void;
 /**
- * useDrawer — accesses the nearest `DrawerProvider` context.
+ * useDrawer, accesses the nearest `DrawerProvider` context.
  *
  * Two call signatures:
- * - **Without `key`** — returns the raw context object (manage any drawer by name).
- * - **With `key`** — returns a scoped object bound to one named drawer.
+ * - **Without `key`**, returns the raw context object (manage any drawer by name).
+ * - **With `key`**, returns a scoped object bound to one named drawer.
  *
  * @param key - Drawer identifier registered in `DrawerProvider`.
  *
@@ -15,7 +15,7 @@ type OpenDrawerProps<T = any> = (data?: T) => void;
  *
  * @example
  * ```tsx
- * // Scoped to one drawer — the most common pattern
+ * // Scoped to one drawer, the most common pattern
  * const { drawerIsOpen, drawerData, openDrawer, closeDrawer } = useDrawer<{ section: string }>('navigation');
  *
  * openDrawer({ section: 'products' });
@@ -23,7 +23,7 @@ type OpenDrawerProps<T = any> = (data?: T) => void;
  *
  * @example
  * ```tsx
- * // Full context — useful when triggering multiple different drawers from one place
+ * // Full context, useful when triggering multiple different drawers from one place
  * const { openDrawer } = useDrawer();
  *
  * openDrawer('navigation', { section: 'main' });

package/dist/hooks/useForm.d.ts

@@ -1,12 +1,12 @@
 /**
- * useForm — reads the nearest `FormProvider` context to access field-level validation errors.
+ * useForm, reads the nearest `FormProvider` context to access field-level validation errors.
  *
  * All form inputs (`Input`, `Select`, `Checkbox`, etc.) call this hook internally,
  * so you rarely need it directly. Use it when you want to read errors outside of
  * an input component, or build a custom input.
  *
  * @returns Form context containing:
- * - `fieldErrors` — `Record<string, string>` mapping field names to error messages.
+ * - `fieldErrors`, `Record<string, string>` mapping field names to error messages.
  *
  * @example
  * ```tsx

package/dist/hooks/useHydrated.d.ts

@@ -1,5 +1,5 @@
 /**
- * useHydrated — returns `true` once the component has hydrated on the client, `false` during SSR.
+ * useHydrated, returns `true` once the component has hydrated on the client, `false` during SSR.
  *
  * Built on `useSyncExternalStore` so it is safe with React 18 concurrent rendering.
  * Use this when you need to defer client-only rendering (e.g. browser APIs, `window`, `navigator`)

package/dist/hooks/useModal.d.ts

@@ -1,11 +1,11 @@
 import { type ModalContextProps } from "../providers/modalProvider";
 type OpenModalProps<T = any> = (data?: T) => void;
 /**
- * useModal — accesses the nearest `ModalProvider` context.
+ * useModal, accesses the nearest `ModalProvider` context.
  *
  * Two call signatures:
- * - **Without `key`** — returns the raw context object (manage any modal by name).
- * - **With `key`** — returns a scoped object bound to one named modal.
+ * - **Without `key`**, returns the raw context object (manage any modal by name).
+ * - **With `key`**, returns a scoped object bound to one named modal.
  *
  * @param key - Modal identifier registered in `ModalProvider`.
  *
@@ -15,7 +15,7 @@ type OpenModalProps<T = any> = (data?: T) => void;
  *
  * @example
  * ```tsx
- * // Scoped to one modal — the most common pattern
+ * // Scoped to one modal, the most common pattern
  * const { modalIsOpen, modalData, openModal, closeModal } = useModal<{ id: number }>('confirm-delete');
  *
  * openModal({ id: user.id });
@@ -23,7 +23,7 @@ type OpenModalProps<T = any> = (data?: T) => void;
  *
  * @example
  * ```tsx
- * // Full context — useful when triggering multiple different modals from one place
+ * // Full context, useful when triggering multiple different modals from one place
  * const { openModal } = useModal();
  *
  * openModal('confirm-delete', { id: user.id });

package/dist/hooks/useScopedParams.d.ts

@@ -1,6 +1,6 @@
 type ParamsType = Record<string, string | number | boolean | undefined>;
 /**
- * useScopedParams — reads and writes URL search parameters with an optional namespace prefix.
+ * useScopedParams, reads and writes URL search parameters with an optional namespace prefix.
  *
  * When `scope` is provided, every key is namespaced as `scope:key`, so multiple features
  * can share the same URL without collisions (e.g. `filters:status` and `table:page`).
@@ -9,13 +9,13 @@ type ParamsType = Record<string, string | number | boolean | undefined>;
  * @param scope - Namespace prefix. Default: `""` (no prefix).
  *
  * @returns
- * - `getParam(key)` — returns the (scoped) param value, or `null` if absent.
- * - `getScopedSearch(params)` — merges `params` into the existing search string and returns the result.
+ * - `getParam(key)`, returns the (scoped) param value, or `null` if absent.
+ * - `getScopedSearch(params)`, merges `params` into the existing search string and returns the result.
  *   Pass `undefined` as a value to delete that param.
  *
  * @example
  * ```tsx
- * // Without scope — plain key/value params
+ * // Without scope, plain key/value params
  * const { getParam, getScopedSearch } = useScopedParams(location.search);
  * getParam('page');                          // "1"
  * getScopedSearch({ page: 2, sort: 'name' }); // "?page=2&sort=name"
@@ -23,7 +23,7 @@ type ParamsType = Record<string, string | number | boolean | undefined>;
  *
  * @example
  * ```tsx
- * // With scope — all keys prefixed as "filters:key"
+ * // With scope, all keys prefixed as "filters:key"
  * const { getParam, getScopedSearch } = useScopedParams(location.search, 'filters');
  * getParam('status');                                       // reads "filters:status"
  * getScopedSearch({ status: 'active', category: undefined }); // removes "filters:category"

package/dist/hooks/useScrollLock.d.ts

@@ -1,11 +1,11 @@
 /**
- * useScrollLock — locks `document.body` scroll while an overlay is open.
+ * useScrollLock, locks `document.body` scroll while an overlay is open.
  *
  * Compensates for the scrollbar width by adding equivalent `paddingRight`,
  * preventing layout shift when the scrollbar disappears.
  * Restores the original `overflow` and `paddingRight` when `isLocked` becomes `false`.
  *
- * Used internally by `Modal` and `Drawer` — you usually don't need this directly
+ * Used internally by `Modal` and `Drawer`, you usually don't need this directly
  * unless building a custom overlay.
  *
  * @param isLocked - When `true`, body scroll is disabled.

package/dist/hooks/useSearchAutomation.d.ts

@@ -1,12 +1,12 @@
 /**
- * useSearchAutomation — URL-driven version of `useAutomation`. Reads automation params from a
+ * useSearchAutomation, URL-driven version of `useAutomation`. Reads automation params from a
  * URL search string and executes the same side-effects (close modals, toast) on every change.
  *
  * Reads the following params (optionally prefixed by `scope:`):
- * - `closeModal=true` — closes all open modals.
- * - `message` — text for the toast notification.
- * - `type` — `"success"` or `"danger"` toast style.
- * - `name` — response identifier matched against `successResponses`/`badResponses` lists.
+ * - `closeModal=true`, closes all open modals.
+ * - `message`, text for the toast notification.
+ * - `type`, `"success"` or `"danger"` toast style.
+ * - `name`, response identifier matched against `successResponses`/`badResponses` lists.
  *
  * @param searchString - Raw URL search string (e.g. `location.search`).
  * @param scope - Optional prefix for all params. Default: `""` (no prefix).
@@ -21,7 +21,7 @@
  *
  * @example
  * ```tsx
- * // Scoped params — avoids collisions when multiple features share the URL
+ * // Scoped params, avoids collisions when multiple features share the URL
  * // redirect("?filters:closeModal=true&filters:message=Applied!&filters:type=success")
  * useSearchAutomation(location.search, "filters");
  * ```

package/dist/hooks/useSlider.d.ts

@@ -1,10 +1,10 @@
 type UseSliderReturnProps = [number, (number: number) => void];
 /**
- * useSlider — state manager for the `Slider` component. Clamps values to `[0, 100]`.
+ * useSlider, state manager for the `Slider` component. Clamps values to `[0, 100]`.
  *
  * @param defaultValue - Initial percentage value (0–100). Default: 0
  *
- * @returns `[value, setValue]` — current percentage and a setter that clamps at the boundaries.
+ * @returns `[value, setValue]`, current percentage and a setter that clamps at the boundaries.
  *
  * @example
  * ```tsx

package/dist/hooks/useToast.d.ts

@@ -1,5 +1,5 @@
 /**
- * useToast — reads `ToastProvider` context to display toast notifications.
+ * useToast, reads `ToastProvider` context to display toast notifications.
  *
  * @returns Context containing `showToast(options)`.
  *

package/dist/index.js

@@ -3392,8 +3392,8 @@ var hr = r((e, t) => /* @__PURE__ */ p("input", {
 //#endregion
 //#region src/components/phoneInput/index.tsx
 function _r(e, t) {
-	let n = re(e);
-	return t.code === "+55" ? sr(n, or[cr(n)]) : sr(n, typeof t.mask == "string" ? t.mask : t.mask[0], "_");
+	let n = re(e), r = re(t.code), i = e.trim().startsWith("+") && n.startsWith(r) ? n.slice(r.length) : n;
+	return t.code === "+55" ? sr(i, or[cr(i)]) : sr(i, typeof t.mask == "string" ? t.mask : t.mask[0], "_");
 }
 function vr(e) {
 	let { value: t, label: n, className: r = "", disabled: i = !1, errorMessage: a, isLoading: o = !1, readOnly: c = !1, size: d = "md", defaultValue: f = "", variant: h = "solid", showAsterisk: g, name: _, onChange: v, searchCountryPlaceholder: y = "Pesquisar país", notFoundCountryText: b = "Nenhum país encontrado", id: x, unShowFieldTemplate: S = !1, orientation: C = "vertical" } = e, w = oe.find((e) => e.iso === "BR"), T = f ? ne(f) : "", E = f ? ee(f)[1] : w, [D, O] = u(!1), [k, A] = u(""), [j, M] = u(!1), [N, P] = u(T), [F, I] = u(E), L = t === void 0 ? N : _r(t, F), { fieldErrors: R } = X(), z = l(null), B = s(), V = x || B, H = a || R?.[_], U = !!H, W = i || o, G = l(null);