@arkyn/components 3.0.1-beta.17 → 3.0.1-beta.172

package/dist/providers/modalProvider.d.ts

@@ -0,0 +1,42 @@
+import { type ReactNode } from "react";
+type ModalContextProps<T = any> = {
+    modalIsOpen(key: string): boolean;
+    modalData(key: string): T;
+    openModal(key: string, data?: T): void;
+    closeModal(key: string): void;
+    closeAll(): void;
+};
+type ModalProviderProps = {
+    children: ReactNode;
+    enableModalAutomation?: boolean;
+};
+declare const modalContext: import("react").Context<ModalContextProps<any>>;
+/**
+ * ModalProvider — context provider that manages open/close state and data for named modals.
+ *
+ * Wrap your app (or a subtree) with this once. Any component in the tree can then call
+ * `useModal(key)` to open, close, or read data for a specific modal. `closeAll()` is also
+ * available (used by `useAutomation` to close all modals after a successful form action).
+ *
+ * @param props.children - Components that will have access to modal context.
+ *
+ * @returns ModalProvider JSX element.
+ *
+ * @example
+ * ```tsx
+ * // In your root layout
+ * <ModalProvider>
+ *   <App />
+ * </ModalProvider>
+ *
+ * // Opening a modal from anywhere in the tree
+ * const { openModal } = useModal();
+ * openModal('confirm-delete', { id: user.id });
+ *
+ * // Consuming in the modal component
+ * const { modalIsOpen, modalData, closeModal } = useModal<{ id: number }>('confirm-delete');
+ * ```
+ */
+declare function ModalProvider(args: ModalProviderProps): import("react").JSX.Element;
+export { type ModalContextProps, ModalProvider, modalContext };
+//# sourceMappingURL=modalProvider.d.ts.map

package/dist/providers/modalProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modalProvider.d.ts","sourceRoot":"","sources":["../../src/providers/modalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAGhE,KAAK,iBAAiB,CAAC,CAAC,GAAG,GAAG,IAAI;IACjC,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,CAAC;IAC1B,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACvC,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,IAAI,IAAI,CAAC;CACjB,CAAC;AAQF,KAAK,kBAAkB,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,QAAA,MAAM,YAAY,iDAAyC,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,iBAAS,aAAa,CAAC,IAAI,EAAE,kBAAkB,+BAsC9C;AAED,OAAO,EAAE,KAAK,iBAAiB,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC"}

package/dist/providers/placesProvider.d.ts

@@ -0,0 +1,32 @@
+import type { ReactNode } from "react";
+type PlacesProviderProps = {
+    apiKey: string;
+    children: (isLoaded: boolean) => ReactNode;
+    preventFontsLoading?: boolean;
+};
+/**
+ * PlacesProvider — loads the Google Maps JS API with `places`, `marker`, and `maps` libraries.
+ *
+ * Uses a render-prop pattern: `children` receives `isLoaded` so you can defer rendering
+ * `SearchPlaces` or `MapView` until the script is ready.
+ *
+ * @param props.apiKey - Google Maps API key. Required.
+ * @param props.children - Render function: `(isLoaded: boolean) => ReactNode`.
+ * @param props.preventFontsLoading - Prevents Google Fonts from being injected by the Maps SDK. @default true
+ *
+ * @returns The result of calling `children(isLoaded)`.
+ *
+ * @example
+ * ```tsx
+ * <PlacesProvider apiKey={env.GOOGLE_MAPS_KEY}>
+ *   {(isLoaded) => (
+ *     isLoaded
+ *       ? <SearchPlaces apiKey={env.GOOGLE_MAPS_KEY} onSelect={setAddress} />
+ *       : <Skeleton />
+ *   )}
+ * </PlacesProvider>
+ * ```
+ */
+declare function PlacesProvider(props: PlacesProviderProps): import("react").JSX.Element;
+export { PlacesProvider };
+//# sourceMappingURL=placesProvider.d.ts.map

package/dist/providers/placesProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"placesProvider.d.ts","sourceRoot":"","sources":["../../src/providers/placesProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,KAAK,mBAAmB,GAAG;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,SAAS,CAAC;IAC3C,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BAUjD;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/providers/toastProvider.d.ts

@@ -0,0 +1,37 @@
+import { type ReactNode } from "react";
+type ToastProps = {
+    message: string;
+    type: "success" | "danger";
+};
+type ToastContextProps = {
+    showToast(toast: ToastProps): void;
+};
+type ToastProviderProps = {
+    children: ReactNode;
+};
+declare const toastContext: import("react").Context<ToastContextProps>;
+/**
+ * ToastProvider — mounts a `react-hot-toast` `<Toaster>` and exposes `showToast` via context.
+ *
+ * Wrap your app once. Then call `useToast()` anywhere in the tree to show notifications.
+ * Supports two types: `"success"` (green) and `"danger"` (red).
+ *
+ * @param props.children - App subtree that will have access to `useToast`.
+ *
+ * @returns ToastProvider JSX element.
+ *
+ * @example
+ * ```tsx
+ * // In your root layout
+ * <ToastProvider>
+ *   <App />
+ * </ToastProvider>
+ *
+ * // Anywhere in the tree
+ * const { showToast } = useToast();
+ * showToast({ message: "Order placed!", type: "success" });
+ * ```
+ */
+declare function ToastProvider({ children }: ToastProviderProps): import("react").JSX.Element;
+export { ToastProvider, toastContext };
+//# sourceMappingURL=toastProvider.d.ts.map

package/dist/providers/toastProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastProvider.d.ts","sourceRoot":"","sources":["../../src/providers/toastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,KAAK,UAAU,GAAG;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC3B,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACxB,SAAS,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;CACnC,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,YAAY,4CAAyC,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BA2CtD;AAED,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC"}

package/dist/services/extractTextFromNode.d.ts

@@ -0,0 +1,4 @@
+import { type Descendant } from "slate";
+declare function extractTextFromNode(nodes: Descendant[]): string;
+export { extractTextFromNode };
+//# sourceMappingURL=extractTextFromNode.d.ts.map

package/dist/services/extractTextFromNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extractTextFromNode.d.ts","sourceRoot":"","sources":["../../src/services/extractTextFromNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,OAAO,CAAC;AAE9C,iBAAS,mBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,UAE/C;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/services/fieldTemplate.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from "react";
+type FormRendererProps = {
+    name?: string;
+    label?: string;
+    className?: string;
+    showAsterisk?: boolean;
+    unShowFieldTemplate?: boolean;
+    errorMessage?: string;
+    orientation?: "horizontal" | "vertical" | "horizontalReverse";
+    children: ReactNode;
+};
+declare function FieldTemplate(props: FormRendererProps): string | number | bigint | boolean | import("react").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+export { FieldTemplate };
+//# sourceMappingURL=fieldTemplate.d.ts.map

package/dist/services/fieldTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldTemplate.d.ts","sourceRoot":"","sources":["../../src/services/fieldTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,KAAK,iBAAiB,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,mBAAmB,CAAC;IAC9D,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,iBAAS,aAAa,CAAC,KAAK,EAAE,iBAAiB,+TAqB9C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/services/iconRenderer.d.ts

@@ -0,0 +1,10 @@
+import type { LucideIcon } from "lucide-react";
+type IconRendererProps = {
+    iconSize: number;
+    className?: string;
+    icon?: LucideIcon | string;
+    show?: boolean;
+};
+declare function IconRenderer(props: IconRendererProps): import("react").JSX.Element | null;
+export { IconRenderer };
+//# sourceMappingURL=iconRenderer.d.ts.map

package/dist/services/iconRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconRenderer.d.ts","sourceRoot":"","sources":["../../src/services/iconRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,KAAK,iBAAiB,GAAG;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,sCAW7C;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/services/isBlockActive.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from "slate";
+import type { RichTextAlignFormatType, RichTextElementFormatType } from "../types/richTextTypes";
+declare function isBlockActive(editor: Editor, format: RichTextElementFormatType | RichTextAlignFormatType, blockType?: "type" | "align"): boolean;
+export { isBlockActive };
+//# sourceMappingURL=isBlockActive.d.ts.map

package/dist/services/isBlockActive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isBlockActive.d.ts","sourceRoot":"","sources":["../../src/services/isBlockActive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA2B,MAAM,OAAO,CAAC;AAExD,OAAO,KAAK,EACX,uBAAuB,EACvB,yBAAyB,EACzB,MAAM,wBAAwB,CAAC;AAEhC,iBAAS,aAAa,CACrB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,yBAAyB,GAAG,uBAAuB,EAC3D,SAAS,GAAE,MAAM,GAAG,OAAgB,WAgBpC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/services/isMarkActive.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from "slate";
+import type { RichTextMarkFormatType } from "../types/richTextTypes";
+declare function isMarkActive(editor: Editor, format: RichTextMarkFormatType): boolean;
+export { isMarkActive };
+//# sourceMappingURL=isMarkActive.d.ts.map

package/dist/services/isMarkActive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isMarkActive.d.ts","sourceRoot":"","sources":["../../src/services/isMarkActive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAErE,iBAAS,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,sBAAsB,WAGnE;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/services/maskCurrencyValues.d.ts

@@ -0,0 +1,5 @@
+type Locale = "USD" | "EUR" | "JPY" | "GBP" | "AUD" | "CAD" | "CHF" | "CNY" | "SEK" | "NZD" | "BRL" | "INR" | "RUB" | "ZAR" | "MXN" | "SGD" | "HKD" | "NOK" | "KRW" | "TRY" | "IDR" | "THB";
+declare function normalizeValue(number: string | number): number;
+declare function maskCurrencyValues(inputFieldValue: string | number | undefined, locale: Locale): [number, string];
+export { maskCurrencyValues, normalizeValue };
+//# sourceMappingURL=maskCurrencyValues.d.ts.map

package/dist/services/maskCurrencyValues.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"maskCurrencyValues.d.ts","sourceRoot":"","sources":["../../src/services/maskCurrencyValues.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GACR,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAET,iBAAS,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,UAa9C;AAED,iBAAS,kBAAkB,CAC1B,eAAe,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAC5C,MAAM,EAAE,MAAM,GACZ,CAAC,MAAM,EAAE,MAAM,CAAC,CAOlB;AAED,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,CAAC"}

package/dist/services/toHtml.d.ts

@@ -0,0 +1,21 @@
+import type { RichTextValue } from "../types/richTextTypes";
+/**
+ * toHtml — converts a `RichTextValue` (Slate.js Descendant array) to an HTML string.
+ *
+ * Use this to persist or display the editor's content as plain HTML.
+ *
+ * @param richTextValue - The value from a `RichText` component's `onChange` callback.
+ * @returns HTML string representation of the rich text content.
+ *
+ * @example
+ * ```tsx
+ * const [content, setContent] = useState<RichTextValue>([]);
+ *
+ * // On form submit, convert to HTML for storage
+ * const html = toHtml(content);
+ * // e.g. "<p><strong>Hello world</strong></p>"
+ * ```
+ */
+declare function toHtml(richTextValue: RichTextValue): string;
+export { toHtml };
+//# sourceMappingURL=toHtml.d.ts.map

package/dist/services/toHtml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toHtml.d.ts","sourceRoot":"","sources":["../../src/services/toHtml.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAG5D;;;;;;;;;;;;;;;;GAgBG;AAEH,iBAAS,MAAM,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,CAEpD;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/services/toRichTextValue.d.ts

@@ -0,0 +1,22 @@
+import type { RichTextValue } from "../types/richTextTypes";
+/**
+ * toRichTextValue — converts an HTML string to a `RichTextValue` (Slate.js Descendant array).
+ *
+ * Use this to populate a `RichText` editor with content previously stored as HTML
+ * (e.g. loaded from a database).
+ *
+ * @param html - HTML string to convert.
+ * @returns Slate.js Descendant array ready to pass to `RichText`'s `defaultValue` prop.
+ *
+ * @example
+ * ```tsx
+ * // Load stored HTML into the editor
+ * const defaultValue = toRichTextValue(product.description);
+ * // e.g. [{ type: 'paragraph', children: [{ text: 'Hello', bold: true }] }]
+ *
+ * <RichText name="description" defaultValue={defaultValue} />
+ * ```
+ */
+declare function toRichTextValue(html: string): RichTextValue;
+export { toRichTextValue };
+//# sourceMappingURL=toRichTextValue.d.ts.map

package/dist/services/toRichTextValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toRichTextValue.d.ts","sourceRoot":"","sources":["../../src/services/toRichTextValue.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAgB,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAG1E;;;;;;;;;;;;;;;;;GAiBG;AAEH,iBAAS,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,aAAa,CAYpD;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/services/toggleBlock.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from "slate";
+import type { RichTextAlignFormatType, RichTextElementFormatType } from "../types/richTextTypes";
+declare function toggleBlock(editor: Editor, format: RichTextElementFormatType | RichTextAlignFormatType): void;
+export { toggleBlock };
+//# sourceMappingURL=toggleBlock.d.ts.map

package/dist/services/toggleBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggleBlock.d.ts","sourceRoot":"","sources":["../../src/services/toggleBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAuC,MAAM,OAAO,CAAC;AAGpE,OAAO,KAAK,EACX,uBAAuB,EACvB,yBAAyB,EACzB,MAAM,wBAAwB,CAAC;AAGhC,iBAAS,WAAW,CACnB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,yBAAyB,GAAG,uBAAuB,QAkC3D;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/services/toggleMark.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from "slate";
+import type { RichTextMarkFormatType } from "../types/richTextTypes";
+declare function toggleMark(editor: Editor, format: RichTextMarkFormatType): void;
+export { toggleMark };
+//# sourceMappingURL=toggleMark.d.ts.map

package/dist/services/toggleMark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggleMark.d.ts","sourceRoot":"","sources":["../../src/services/toggleMark.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAGrE,iBAAS,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,sBAAsB,QAKjE;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}