@appcorp/stellar-solutions-modules 0.1.42 → 0.1.44

package/components/ui/carousel.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react";
+import { Button } from "@/components/ui/button";
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps): React.JSX.Element;
+declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CarouselItem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };

package/components/ui/carousel.js

@@ -0,0 +1,168 @@
+"use client";
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Carousel = Carousel;
+exports.CarouselContent = CarouselContent;
+exports.CarouselItem = CarouselItem;
+exports.CarouselPrevious = CarouselPrevious;
+exports.CarouselNext = CarouselNext;
+var React = __importStar(require("react"));
+var embla_carousel_react_1 = __importDefault(require("embla-carousel-react"));
+var lucide_react_1 = require("lucide-react");
+var utils_1 = require("@/lib/utils");
+var button_1 = require("@/components/ui/button");
+var CarouselContext = React.createContext(null);
+function useCarousel() {
+    var context = React.useContext(CarouselContext);
+    if (!context) {
+        throw new Error("useCarousel must be used within a <Carousel />");
+    }
+    return context;
+}
+function Carousel(_a) {
+    var _b = _a.orientation, orientation = _b === void 0 ? "horizontal" : _b, opts = _a.opts, setApi = _a.setApi, plugins = _a.plugins, className = _a.className, children = _a.children, props = __rest(_a, ["orientation", "opts", "setApi", "plugins", "className", "children"]);
+    var _c = (0, embla_carousel_react_1.default)(__assign(__assign({}, opts), { axis: orientation === "horizontal" ? "x" : "y" }), plugins), carouselRef = _c[0], api = _c[1];
+    var _d = React.useState(false), canScrollPrev = _d[0], setCanScrollPrev = _d[1];
+    var _e = React.useState(false), canScrollNext = _e[0], setCanScrollNext = _e[1];
+    var onSelect = React.useCallback(function (api) {
+        if (!api)
+            return;
+        setCanScrollPrev(api.canScrollPrev());
+        setCanScrollNext(api.canScrollNext());
+    }, []);
+    var scrollPrev = React.useCallback(function () {
+        api === null || api === void 0 ? void 0 : api.scrollPrev();
+    }, [api]);
+    var scrollNext = React.useCallback(function () {
+        api === null || api === void 0 ? void 0 : api.scrollNext();
+    }, [api]);
+    var handleKeyDown = React.useCallback(function (event) {
+        if (event.key === "ArrowLeft") {
+            event.preventDefault();
+            scrollPrev();
+        }
+        else if (event.key === "ArrowRight") {
+            event.preventDefault();
+            scrollNext();
+        }
+    }, [scrollPrev, scrollNext]);
+    React.useEffect(function () {
+        if (!api || !setApi)
+            return;
+        setApi(api);
+    }, [api, setApi]);
+    React.useEffect(function () {
+        if (!api)
+            return;
+        onSelect(api);
+        api.on("reInit", onSelect);
+        api.on("select", onSelect);
+        return function () {
+            api === null || api === void 0 ? void 0 : api.off("select", onSelect);
+        };
+    }, [api, onSelect]);
+    return (React.createElement(CarouselContext.Provider, { value: {
+            carouselRef: carouselRef,
+            api: api,
+            opts: opts,
+            orientation: orientation || ((opts === null || opts === void 0 ? void 0 : opts.axis) === "y" ? "vertical" : "horizontal"),
+            scrollPrev: scrollPrev,
+            scrollNext: scrollNext,
+            canScrollPrev: canScrollPrev,
+            canScrollNext: canScrollNext,
+        } },
+        React.createElement("div", __assign({ onKeyDownCapture: handleKeyDown, className: (0, utils_1.cn)("relative", className), role: "region", "aria-roledescription": "carousel", "data-slot": "carousel" }, props), children)));
+}
+function CarouselContent(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    var _b = useCarousel(), carouselRef = _b.carouselRef, orientation = _b.orientation;
+    return (React.createElement("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-content" },
+        React.createElement("div", __assign({ className: (0, utils_1.cn)("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className) }, props))));
+}
+function CarouselItem(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    var orientation = useCarousel().orientation;
+    return (React.createElement("div", __assign({ role: "group", "aria-roledescription": "slide", "data-slot": "carousel-item", className: (0, utils_1.cn)("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className) }, props)));
+}
+function CarouselPrevious(_a) {
+    var className = _a.className, _b = _a.variant, variant = _b === void 0 ? "outline" : _b, _c = _a.size, size = _c === void 0 ? "icon" : _c, props = __rest(_a, ["className", "variant", "size"]);
+    var _d = useCarousel(), orientation = _d.orientation, scrollPrev = _d.scrollPrev, canScrollPrev = _d.canScrollPrev;
+    return (React.createElement(button_1.Button, __assign({}, props, { "data-slot": "carousel-previous", variant: variant, size: size, className: (0, utils_1.cn)("absolute size-8 rounded-full", orientation === "horizontal"
+            ? "top-1/2 -left-12 -translate-y-1/2"
+            : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollPrev, onClick: function (e) {
+            e.stopPropagation();
+            scrollPrev();
+        } }),
+        React.createElement(lucide_react_1.ArrowLeft, null),
+        React.createElement("span", { className: "sr-only" }, "Previous slide")));
+}
+function CarouselNext(_a) {
+    var className = _a.className, _b = _a.variant, variant = _b === void 0 ? "outline" : _b, _c = _a.size, size = _c === void 0 ? "icon" : _c, props = __rest(_a, ["className", "variant", "size"]);
+    var _d = useCarousel(), orientation = _d.orientation, scrollNext = _d.scrollNext, canScrollNext = _d.canScrollNext;
+    return (React.createElement(button_1.Button, __assign({}, props, { "data-slot": "carousel-next", variant: variant, size: size, className: (0, utils_1.cn)("absolute size-8 rounded-full", orientation === "horizontal"
+            ? "top-1/2 -right-12 -translate-y-1/2"
+            : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollNext, onClick: function (e) {
+            e.stopPropagation();
+            scrollNext();
+        } }),
+        React.createElement(lucide_react_1.ArrowRight, null),
+        React.createElement("span", { className: "sr-only" }, "Next slide")));
+}

package/components/ui/dropzone-enhanced/index.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import type { DropzoneOptions } from "react-dropzone";
+export type DropzoneEnhancedProps = {
+    id?: string;
+    className?: string;
+    label?: string;
+    info?: string;
+    error?: string;
+    accept?: DropzoneOptions["accept"] | string[];
+    maxFiles?: number;
+    maxSize?: number;
+    minSize?: number;
+    disabled?: boolean;
+    /** initial list of files or urls to show as previews */
+    initial?: Array<File | string>;
+    /** Called when selected File[] changes */
+    onChange?: (files: File[]) => void;
+    /** Called when a provided remote URL preview is removed (if provided) */
+    onRemoveUrl?: (url: string) => void;
+};
+export declare const DropzoneEnhanced: React.FC<DropzoneEnhancedProps>;
+export default DropzoneEnhanced;

package/components/ui/dropzone-enhanced/index.js

@@ -0,0 +1,226 @@
+"use client";
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropzoneEnhanced = void 0;
+var react_1 = __importStar(require("react"));
+var react_dropzone_1 = require("react-dropzone");
+var utils_1 = require("@/lib/utils");
+var carousel_1 = require("@/components/ui/carousel");
+var button_1 = require("@/components/ui/button");
+var lucide_react_1 = require("lucide-react");
+var dropzone_1 = require("../shadcn-io/dropzone");
+var DropzoneEnhanced = function (_a) {
+    var id = _a.id, label = _a.label, info = _a.info, error = _a.error, accept = _a.accept, _b = _a.maxFiles, maxFiles = _b === void 0 ? 10 : _b, maxSize = _a.maxSize, minSize = _a.minSize, disabled = _a.disabled, _c = _a.initial, initial = _c === void 0 ? [] : _c, onChange = _a.onChange, onRemoveUrl = _a.onRemoveUrl, className = _a.className;
+    // Files selected locally (File objects)
+    var _d = (0, react_1.useState)([]), files = _d[0], setFiles = _d[1];
+    // Previews array contains strings (object URLs or provided URLs) in display order
+    var _e = (0, react_1.useState)([]), previews = _e[0], setPreviews = _e[1];
+    // Track which previews are remote (came from initial string URLs)
+    var _f = (0, react_1.useState)({}), remotePreviews = _f[0], setRemotePreviews = _f[1];
+    var createdUrlsRef = (0, react_1.useRef)([]);
+    // Track remote URLs removed by the user so they don't reappear when
+    // previews are rebuilt from the unchanged `initial` prop.
+    var removedRemoteRef = (0, react_1.useRef)(new Set());
+    var dropzoneOptions = {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        accept: (Array.isArray(accept) ? undefined : accept) || undefined,
+        maxFiles: maxFiles,
+        maxSize: maxSize,
+        minSize: minSize,
+        disabled: disabled,
+        onDrop: function (acceptedFiles) {
+            // append files, respecting maxFiles
+            var nextFiles = __spreadArray(__spreadArray([], files, true), acceptedFiles, true);
+            if (maxFiles && nextFiles.length > maxFiles)
+                nextFiles = nextFiles.slice(0, maxFiles);
+            setFiles(nextFiles);
+            onChange === null || onChange === void 0 ? void 0 : onChange(nextFiles);
+        },
+    };
+    var _g = (0, react_dropzone_1.useDropzone)(dropzoneOptions), getRootProps = _g.getRootProps, getInputProps = _g.getInputProps, isDragActive = _g.isDragActive;
+    // Build previews from initial and files
+    (0, react_1.useEffect)(function () {
+        // cleanup previous object URLs
+        (createdUrlsRef.current || []).forEach(function (u) {
+            try {
+                URL.revokeObjectURL(u);
+            }
+            catch (_a) { }
+        });
+        createdUrlsRef.current = [];
+        var next = [];
+        var remoteMap = {};
+        // start with initial items (may be File or string)
+        initial.forEach(function (item) {
+            if (typeof item === "string") {
+                // skip any remote URL the user removed earlier
+                if (removedRemoteRef.current.has(item))
+                    return;
+                next.push(item);
+                remoteMap[item] = true;
+            }
+            else if (item instanceof File) {
+                try {
+                    var url = URL.createObjectURL(item);
+                    next.push(url);
+                    createdUrlsRef.current.push(url);
+                }
+                catch (_a) {
+                    next.push("");
+                }
+            }
+            else {
+                next.push("");
+            }
+        });
+        // then local files
+        files.forEach(function (f) {
+            try {
+                var url = URL.createObjectURL(f);
+                next.push(url);
+                createdUrlsRef.current.push(url);
+            }
+            catch (_a) {
+                next.push("");
+            }
+        });
+        setPreviews(next);
+        setRemotePreviews(remoteMap);
+        return function () {
+            (createdUrlsRef.current || []).forEach(function (u) {
+                try {
+                    URL.revokeObjectURL(u);
+                }
+                catch (_a) { }
+            });
+            createdUrlsRef.current = [];
+        };
+        // files and initial are the dependencies
+    }, [files, initial]);
+    // Remove a local file by index (index relative to files slice after initial length)
+    var handleRemoveLocal = function (index) {
+        var next = files.filter(function (_, i) { return i !== index; });
+        setFiles(next);
+        onChange === null || onChange === void 0 ? void 0 : onChange(next);
+    };
+    // Remove a preview by its absolute preview index (index within `previews`)
+    // If the preview is remote (string from `initial`), call onRemoveUrl and
+    // remove only that single occurrence. If it's a local file, delegate to
+    // handleRemoveLocal with the computed files index.
+    var handleRemoveByPreviewIndex = function (previewIndex) {
+        var entry = previews[previewIndex];
+        if (entry === undefined)
+            return;
+        var isRemote = Boolean(remotePreviews[entry]);
+        if (isRemote) {
+            // notify parent
+            onRemoveUrl === null || onRemoveUrl === void 0 ? void 0 : onRemoveUrl(entry);
+            // record removal locally so the value isn't re-added from the `initial`
+            // prop on the next rebuild
+            removedRemoteRef.current.add(entry);
+            // remove only the specific preview at previewIndex
+            setPreviews(function (p) {
+                var next = __spreadArray([], p, true);
+                next.splice(previewIndex, 1);
+                return next;
+            });
+            setRemotePreviews(function (m) {
+                var next = __assign({}, m);
+                delete next[entry];
+                return next;
+            });
+            return;
+        }
+        // local file - compute index relative to files array and remove
+        var fileIndex = previewIndex - initial.length;
+        if (fileIndex >= 0 && fileIndex < files.length) {
+            handleRemoveLocal(fileIndex);
+        }
+    };
+    // (handleRemoveRemote removed) - use handleRemoveByPreviewIndex instead so we
+    // can remove single occurrences by index.
+    // carousel (embla) handles scrolling via CarouselPrevious/Next
+    return (react_1.default.createElement("div", { className: (0, utils_1.cn)("w-full border-red-300", className) },
+        label && (react_1.default.createElement("label", { className: "mb-2 block text-sm font-medium" }, label)),
+        react_1.default.createElement("div", __assign({}, getRootProps(), { className: (0, utils_1.cn)("relative w-full rounded-md border border-dashed p-6 text-center mx-auto", isDragActive && "ring-1 ring-ring", disabled && "opacity-60 pointer-events-none") }),
+            react_1.default.createElement("input", __assign({}, getInputProps(), { id: id })),
+            previews && previews.length > 0 ? (react_1.default.createElement("div", { className: "flex flex-col items-center" },
+                react_1.default.createElement("div", { className: "relative w-60" },
+                    react_1.default.createElement("div", { className: "relative w-60" },
+                        react_1.default.createElement(carousel_1.Carousel, { className: "w-60" },
+                            react_1.default.createElement(carousel_1.CarouselPrevious, { onPointerDown: function (e) { return e.stopPropagation(); }, onMouseDown: function (e) { return e.stopPropagation(); } }),
+                            react_1.default.createElement(carousel_1.CarouselNext, { onPointerDown: function (e) { return e.stopPropagation(); }, onMouseDown: function (e) { return e.stopPropagation(); } }),
+                            react_1.default.createElement(carousel_1.CarouselContent, { className: "no-scrollbar flex gap-2 px-4 py-2", onPointerDown: function (e) { return e.stopPropagation(); }, onClick: function (e) { return e.stopPropagation(); } }, previews.map(function (p, idx) {
+                                return (react_1.default.createElement(carousel_1.CarouselItem, { key: "".concat(String(p), "-").concat(idx), className: "max-w-30 max-auto" }, p ? (react_1.default.createElement("div", { className: "relative" },
+                                    react_1.default.createElement("img", { src: p, alt: "preview-".concat(idx), className: "h-28 w-28 rounded-md object-cover" }),
+                                    react_1.default.createElement(button_1.Button, { size: "icon", variant: "ghost", onClick: function (e) {
+                                            e.stopPropagation();
+                                            handleRemoveByPreviewIndex(idx);
+                                        }, className: "absolute right-1 top-1 rounded bg-white/80 p-0", "aria-label": "Remove image" },
+                                        react_1.default.createElement(lucide_react_1.XIcon, { size: 7 })))) : (react_1.default.createElement("div", { className: "flex h-28 w-40 items-center justify-center rounded-md bg-muted text-muted-foreground" },
+                                    react_1.default.createElement("span", { className: "text-xs" }, "File")))));
+                            }))))),
+                react_1.default.createElement("p", { className: "mt-2 w-full truncate text-sm font-medium" },
+                    previews.length,
+                    " selected"))) : (
+            // <div className="text-sm">
+            //   Drag & drop files here, or click to select
+            // </div>
+            react_1.default.createElement(dropzone_1.DropzoneEmptyState, null))),
+        (error || info) && (react_1.default.createElement("div", { className: "mt-2" }, error ? (react_1.default.createElement("p", { className: "text-xs text-destructive" }, error)) : info ? (react_1.default.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info)) : null))));
+};
+exports.DropzoneEnhanced = DropzoneEnhanced;
+exports.default = exports.DropzoneEnhanced;

package/components/ui/input.js

@@ -58,7 +58,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
 var React = __importStar(require("react"));
 var utils_1 = require("../../lib/utils");
-var label_1 = require("../../components/ui/label");
+var label_1 = require("./label");
 var Input = React.forwardRef(function (_a, ref) {
     var className = _a.className, type = _a.type, error = _a.error, info = _a.info, label = _a.label, required = _a.required, id = _a.id, props = __rest(_a, ["className", "type", "error", "info", "label", "required", "id"]);
     // Determine if there's an error (for aria-invalid and styling)

package/components/ui/shadcn-io/dropzone/index.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from "react";
+import type { DropEvent, DropzoneOptions, FileRejection } from "react-dropzone";
+export type DropzoneProps = Omit<DropzoneOptions, "onDrop"> & {
+    src?: File[];
+    className?: string;
+    onDrop?: (acceptedFiles: File[], fileRejections: FileRejection[], event: DropEvent) => void;
+    children?: ReactNode;
+};
+export declare const Dropzone: ({ accept, maxFiles, maxSize, minSize, onDrop, onError, disabled, src, className, children, ...props }: DropzoneProps) => React.JSX.Element;
+export type DropzoneContentProps = {
+    children?: ReactNode;
+    className?: string;
+};
+export declare const DropzoneContent: ({ children, className, }: DropzoneContentProps) => string | number | bigint | true | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null;
+export type DropzoneEmptyStateProps = {
+    children?: ReactNode;
+    className?: string;
+};
+export declare const DropzoneEmptyState: ({ children, className, }: DropzoneEmptyStateProps) => string | number | bigint | true | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null;

package/components/ui/shadcn-io/dropzone/index.js

@@ -0,0 +1,131 @@
+"use client";
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropzoneEmptyState = exports.DropzoneContent = exports.Dropzone = void 0;
+var lucide_react_1 = require("lucide-react");
+var react_1 = __importDefault(require("react"));
+var react_2 = require("react");
+var react_dropzone_1 = require("react-dropzone");
+var button_1 = require("@/components/ui/button");
+var utils_1 = require("@/lib/utils");
+var renderBytes = function (bytes) {
+    var units = ["B", "KB", "MB", "GB", "TB", "PB"];
+    var size = bytes;
+    var unitIndex = 0;
+    while (size >= 1024 && unitIndex < units.length - 1) {
+        size /= 1024;
+        unitIndex++;
+    }
+    return "".concat(size.toFixed(2)).concat(units[unitIndex]);
+};
+var DropzoneContext = (0, react_2.createContext)(undefined);
+var Dropzone = function (_a) {
+    var accept = _a.accept, _b = _a.maxFiles, maxFiles = _b === void 0 ? 1 : _b, maxSize = _a.maxSize, minSize = _a.minSize, onDrop = _a.onDrop, onError = _a.onError, disabled = _a.disabled, src = _a.src, className = _a.className, children = _a.children, props = __rest(_a, ["accept", "maxFiles", "maxSize", "minSize", "onDrop", "onError", "disabled", "src", "className", "children"]);
+    var _c = (0, react_dropzone_1.useDropzone)(__assign({ accept: accept, maxFiles: maxFiles, maxSize: maxSize, minSize: minSize, onError: onError, disabled: disabled, onDrop: function (acceptedFiles, fileRejections, event) {
+            var _a, _b;
+            if (fileRejections.length > 0) {
+                var message = (_b = (_a = fileRejections.at(0)) === null || _a === void 0 ? void 0 : _a.errors.at(0)) === null || _b === void 0 ? void 0 : _b.message;
+                onError === null || onError === void 0 ? void 0 : onError(new Error(message));
+                return;
+            }
+            onDrop === null || onDrop === void 0 ? void 0 : onDrop(acceptedFiles, fileRejections, event);
+        } }, props)), getRootProps = _c.getRootProps, getInputProps = _c.getInputProps, isDragActive = _c.isDragActive;
+    return (react_1.default.createElement(DropzoneContext.Provider, { key: JSON.stringify(src), value: { src: src, accept: accept, maxSize: maxSize, minSize: minSize, maxFiles: maxFiles } },
+        react_1.default.createElement(button_1.Button, __assign({ className: (0, utils_1.cn)("relative h-auto w-full flex-col overflow-hidden p-8", isDragActive && "outline-none ring-1 ring-ring", className), disabled: disabled, type: "button", variant: "outline" }, getRootProps()),
+            react_1.default.createElement("input", __assign({}, getInputProps(), { disabled: disabled })),
+            children)));
+};
+exports.Dropzone = Dropzone;
+var maxLabelItems = 3;
+var DropzoneContent = function (_a) {
+    var children = _a.children, className = _a.className;
+    // Use useContext directly here so the component is safe to render even when
+    // there is no surrounding <Dropzone /> provider (avoids an exception during
+    // SSR or when a consumer imports DropzoneContent standalone).
+    var context = (0, react_2.useContext)(DropzoneContext);
+    if (!context) {
+        return null;
+    }
+    var src = context.src;
+    if (!src) {
+        return null;
+    }
+    if (children) {
+        return children;
+    }
+    return (react_1.default.createElement("div", { className: (0, utils_1.cn)("flex flex-col items-center justify-center", className) },
+        react_1.default.createElement("div", { className: "flex size-8 items-center justify-center rounded-md bg-muted text-muted-foreground" },
+            react_1.default.createElement(lucide_react_1.UploadIcon, { size: 16 })),
+        react_1.default.createElement("p", { className: "my-2 w-full truncate font-medium text-sm" }, src.length > maxLabelItems
+            ? "".concat(new Intl.ListFormat("en").format(src.slice(0, maxLabelItems).map(function (file) { return file.name; })), " and ").concat(src.length - maxLabelItems, " more")
+            : new Intl.ListFormat("en").format(src.map(function (file) { return file.name; }))),
+        react_1.default.createElement("p", { className: "w-full text-wrap text-muted-foreground text-xs" }, "Drag and drop or click to replace")));
+};
+exports.DropzoneContent = DropzoneContent;
+var DropzoneEmptyState = function (_a) {
+    var children = _a.children, className = _a.className;
+    // Read context directly and return null when a Dropzone provider isn't
+    // present. This keeps the empty state component safe to import and render
+    // without requiring the wrapping Dropzone component.
+    var context = (0, react_2.useContext)(DropzoneContext);
+    if (!context) {
+        return null;
+    }
+    var src = context.src, accept = context.accept, maxSize = context.maxSize, minSize = context.minSize, maxFiles = context.maxFiles;
+    if (src) {
+        return null;
+    }
+    if (children) {
+        return children;
+    }
+    var caption = "";
+    if (accept) {
+        caption += "Accepts ";
+        caption += new Intl.ListFormat("en").format(Object.keys(accept));
+    }
+    if (minSize && maxSize) {
+        caption += " between ".concat(renderBytes(minSize), " and ").concat(renderBytes(maxSize));
+    }
+    else if (minSize) {
+        caption += " at least ".concat(renderBytes(minSize));
+    }
+    else if (maxSize) {
+        caption += " less than ".concat(renderBytes(maxSize));
+    }
+    return (react_1.default.createElement("div", { className: (0, utils_1.cn)("flex flex-col items-center justify-center", className) },
+        react_1.default.createElement("div", { className: "flex size-8 items-center justify-center rounded-md bg-muted text-muted-foreground" },
+            react_1.default.createElement(lucide_react_1.UploadIcon, { size: 16 })),
+        react_1.default.createElement("p", { className: "my-2 w-full truncate text-wrap font-medium text-sm" },
+            "Upload ",
+            maxFiles === 1 ? "a file" : "files"),
+        react_1.default.createElement("p", { className: "w-full truncate text-wrap text-muted-foreground text-xs" }, "Drag and drop or click to upload"),
+        caption && (react_1.default.createElement("p", { className: "text-wrap text-muted-foreground text-xs" },
+            caption,
+            "."))));
+};
+exports.DropzoneEmptyState = DropzoneEmptyState;

package/global-modules/bank/form.js

@@ -26,16 +26,15 @@ var Form = function (_a) {
     var isRTL = _a.isRTL, translationMap = _a.translationMap;
     var t = (0, next_intl_1.useTranslations)("bankPage");
     var ui = (0, next_intl_1.useTranslations)("ui");
-    var _b = (0, context_1.useBankStateContext)(), accountNumber = _b.accountNumber, accountTitle = _b.accountTitle, bankAddress = _b.bankAddress, bankName = _b.bankName, enabled = _b.enabled, errors = _b.errors, handleInputChange = _b.handleInputChange, iban = _b.iban, isDefault = _b.isDefault, swiftCode = _b.swiftCode;
+    var _b = (0, context_1.useBankStateContext)(), accountNumber = _b.accountNumber, bankAddress = _b.bankAddress, bankName = _b.bankName, enabled = _b.enabled, errors = _b.errors, handleInputChange = _b.handleInputChange, iban = _b.iban, isDefault = _b.isDefault, swiftCode = _b.swiftCode;
     // Helper function to translate validation error keys
     var getTranslatedError = function (key) {
         if (!errors[key])
             return undefined;
-        // If error starts with "validation.", it's a key to translate
-        if (errors[key].startsWith("validation.")) {
+        if (typeof errors[key] === "string" &&
+            errors[key].startsWith("validation")) {
             return t(errors[key]);
         }
-        // Otherwise return as is (already translated)
         return errors[key];
     };
     return (react_1.default.createElement("div", { className: "space-y-6 ".concat(isRTL ? "rtl" : "ltr"), dir: isRTL ? "rtl" : "ltr" },
@@ -44,12 +43,7 @@ var Form = function (_a) {
                 react_1.default.createElement("div", { className: "space-y-2" },
                     react_1.default.createElement(input_1.Input, { id: "bankName", type: "text", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.formLabelBankName) || "Bank Name", value: bankName || "", onChange: function (e) { return handleInputChange("bankName", e.target.value); }, placeholder: t("placeholderBankName"), info: t("infoBankName"), error: getTranslatedError("bankName"), required: true })),
                 react_1.default.createElement("div", { className: "space-y-2" },
-                    react_1.default.createElement(input_1.Input, { id: "bankAddress", type: "text", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.formLabelBankAddress) || "Bank Address", value: bankAddress || "", onChange: function (e) { return handleInputChange("bankAddress", e.target.value); }, placeholder: t("placeholderBankAddress"), info: t("infoBankAddress"), error: getTranslatedError("bankAddress"), required: true }))),
-            react_1.default.createElement("div", { className: "space-y-4" },
-                react_1.default.createElement("div", { className: "space-y-2" },
-                    react_1.default.createElement(input_1.Input, { id: "accountTitle", type: "text", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.formLabelAccountTitle) || "Account Title", value: accountTitle || "", onChange: function (e) {
-                            return handleInputChange("accountTitle", e.target.value);
-                        }, placeholder: t("placeholderAccountTitle"), info: t("infoAccountTitle"), error: getTranslatedError("accountTitle"), required: true })),
+                    react_1.default.createElement(input_1.Input, { id: "bankAddress", type: "text", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.formLabelBankAddress) || "Bank Address", value: bankAddress || "", onChange: function (e) { return handleInputChange("bankAddress", e.target.value); }, placeholder: t("placeholderBankAddress"), info: t("infoBankAddress"), error: getTranslatedError("bankAddress"), required: true })),
                 react_1.default.createElement("div", { className: "space-y-2" },
                     react_1.default.createElement(input_1.Input, { id: "accountNumber", type: "text", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.formLabelAccountNumber) || "Account Number", value: accountNumber || "", onChange: function (e) {
                             return handleInputChange("accountNumber", e.target.value);

package/global-modules/bank/validate.js

@@ -4,10 +4,10 @@ exports.formValidation = void 0;
 var zod_1 = require("zod");
 // Validation error keys for i18n translation
 var VALIDATION_KEYS = {
-    accountNumberRequired: "validation.accountNumberRequired",
-    accountTitleRequired: "validation.accountTitleRequired",
-    bankNameRequired: "validation.bankNameRequired",
-    preferenceIdRequired: "validation.preferenceIdRequired",
+    accountNumberRequired: "validationBankAccountNumberRequired",
+    accountTitleRequired: "validationBankAccountTitleRequired",
+    bankNameRequired: "validationBankNameRequired",
+    preferenceIdRequired: "validationBankPreferenceIdRequired",
 };
 exports.formValidation = zod_1.z.object({
     accountNumber: zod_1.z.string().nonempty(VALIDATION_KEYS.accountNumberRequired),

package/global-modules/branch/form.js

@@ -31,11 +31,10 @@ var Form = function (_a) {
     var getTranslatedError = function (key) {
         if (!errors[key])
             return undefined;
-        // If error starts with "validation.", it's a key to translate
-        if (errors[key].startsWith("validation.")) {
+        if (typeof errors[key] === "string" &&
+            errors[key].startsWith("validation")) {
             return t(errors[key]);
         }
-        // Otherwise return as is (already translated)
         return errors[key];
     };
     return (react_1.default.createElement("div", { className: "space-y-6 ".concat(isRTL ? "rtl" : "ltr"), dir: isRTL ? "rtl" : "ltr" },

package/global-modules/branch/validate.js

@@ -4,12 +4,12 @@ exports.formValidation = void 0;
 var zod_1 = require("zod");
 // Validation error keys for i18n translation
 var VALIDATION_KEYS = {
-    branchNameRequired: "branchPage.validation.branchNameRequired",
-    branchAddressRequired: "branchPage.validation.branchAddressRequired",
-    personNameRequired: "branchPage.validation.personNameRequired",
-    personEmailRequired: "branchPage.validation.personEmailRequired",
-    personPhoneRequired: "branchPage.validation.personPhoneRequired",
-    preferenceIdRequired: "branchPage.validation.preferenceIdRequired",
+    branchNameRequired: "branchPageValidationBranchNameRequired",
+    branchAddressRequired: "branchPageValidationBranchAddressRequired",
+    personNameRequired: "branchPageValidationPersonNameRequired",
+    personEmailRequired: "branchPageValidationPersonEmailRequired",
+    personPhoneRequired: "branchPageValidationPersonPhoneRequired",
+    preferenceIdRequired: "branchPageValidationPreferenceIdRequired",
 };
 exports.formValidation = zod_1.z.object({
     branchAddress: zod_1.z.string().nonempty(VALIDATION_KEYS.branchAddressRequired),

package/global-modules/payment-mode/form.js

@@ -12,30 +12,97 @@
  * - Accessibility-compliant form structure
  * - Real-time validation feedback
  */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PaymentModeForm = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var next_intl_1 = require("next-intl");
 var input_1 = require("../../components/ui/input");
 var switch_1 = require("../../components/ui/switch");
 var context_1 = require("./context");
+var dropzone_enhanced_1 = __importDefault(require("../../components/ui/dropzone-enhanced"));
+var images = [
+    "https://images.unsplash.com/photo-1624555130581-1d9cca783bc0?q=80&w=1171&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+    "https://cdn.pixabay.com/photo/2016/11/21/06/53/beautiful-natural-image-1844362_640.jpg",
+    "https://thumbs.dreamstime.com/b/beautiful-rain-forest-ang-ka-nature-trail-doi-inthanon-national-park-thailand-36703721.jpg",
+    "https://images.ctfassets.net/hrltx12pl8hq/28ECAQiPJZ78hxatLTa7Ts/2f695d869736ae3b0de3e56ceaca3958/free-nature-images.jpg?fit=fill&w=1200&h=630",
+    "https://cdn.pixabay.com/photo/2024/05/26/10/15/bird-8788491_1280.jpg",
+    "https://letsenhance.io/static/73136da51c245e80edc6ccfe44888a99/396e9/MainBefore.jpg",
+    "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS92eisuWOx3tEjeW14mT9ACVgXDwIRBGtnww&s",
+    "https://img.freepik.com/free-photo/woman-beach-with-her-baby-enjoying-sunset_52683-144131.jpg?size=626&ext=jpg",
+];
 var PaymentModeForm = function (_a) {
     var isRTL = _a.isRTL, translationMap = _a.translationMap;
     var t = (0, next_intl_1.useTranslations)("paymentModePage");
     var ui = (0, next_intl_1.useTranslations)("ui");
     var _b = (0, context_1.usePaymentModeStateContext)(), enabled = _b.enabled, errors = _b.errors, handleInputChange = _b.handleInputChange, isDefault = _b.isDefault, label = _b.label;
+    var _c = (0, react_1.useState)(__spreadArray([], images, true)), previews = _c[0], setPreviews = _c[1];
+    var filesRef = (0, react_1.useRef)([]);
+    (0, react_1.useEffect)(function () {
+        return function () {
+            previews.forEach(function (p) {
+                try {
+                    URL.revokeObjectURL(p);
+                }
+                catch (_a) {
+                    // ignore
+                }
+            });
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     // Helper function to translate validation error keys
     var getTranslatedError = function (key) {
         if (!errors[key])
             return undefined;
-        // If error starts with "validation.", it's a key to translate
-        if (errors[key].startsWith("validation.")) {
+        if (typeof errors[key] === "string" &&
+            errors[key].startsWith("validation")) {
             return t(errors[key]);
         }
-        // Otherwise return as is (already translated)
         return errors[key];
     };
     return (react_1.default.createElement("div", { className: "space-y-6 ".concat(isRTL ? "rtl" : "ltr"), dir: isRTL ? "rtl" : "ltr" },
@@ -43,6 +110,14 @@ var PaymentModeForm = function (_a) {
             react_1.default.createElement("div", { className: "space-y-2" },
                 react_1.default.createElement(input_1.Input, { id: "label", type: "text", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.formLabelLabel) || "Payment Mode Name", value: label || "", onChange: function (e) { return handleInputChange("label", e.target.value); }, placeholder: "Enter payment mode name", info: "Enter a descriptive name for this payment method", error: getTranslatedError("label"), required: true })),
             react_1.default.createElement("div", { className: "space-y-4" },
+                react_1.default.createElement("div", { className: "space-y-2" },
+                    react_1.default.createElement(dropzone_enhanced_1.default, { id: "", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.formLabelIcon) || "Upload Images", accept: { "image/*": [] }, maxFiles: 1, initial: previews, onChange: function (files) {
+                            var previews = files.map(function (f) { return URL.createObjectURL(f); });
+                            setPreviews(previews);
+                            filesRef.current = files;
+                        }, onRemoveUrl: function (url) {
+                            setPreviews(function (p) { return p.filter(function (x) { return x !== url; }); });
+                        }, info: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.formInfoIcon) || t("formInfoIcon") })),
                 react_1.default.createElement(switch_1.Switch, { id: "enabled", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.enabled) || "Enabled", checked: enabled || false, onCheckedChange: function (checked) { return handleInputChange("enabled", checked); }, info: enabled ? ui("switch.infoEnabled") : ui("switch.infoDisabled"), error: getTranslatedError("enabled") }),
                 react_1.default.createElement(switch_1.Switch, { id: "isDefault", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.setAsDefault) || "Set as Default", checked: isDefault || false, onCheckedChange: function (checked) {
                         return handleInputChange("isDefault", checked);

package/global-modules/payment-mode/validate.js

@@ -4,8 +4,8 @@ exports.formValidation = void 0;
 var zod_1 = require("zod");
 // Validation error keys for i18n translation
 var VALIDATION_KEYS = {
-    labelRequired: "paymentModePage.validation.labelRequired",
-    preferenceIdRequired: "paymentModePage.validation.preferenceIdRequired",
+    labelRequired: "paymentModePageValidationLabelRequired",
+    preferenceIdRequired: "paymentModePageValidationPreferenceIdRequired",
 };
 exports.formValidation = zod_1.z.object({
     label: zod_1.z.string().nonempty(VALIDATION_KEYS.labelRequired),

package/global-modules/tax/form.js

@@ -41,11 +41,10 @@ var TaxForm = function (_a) {
     var getTranslatedError = function (key) {
         if (!errors[key])
             return undefined;
-        // If error starts with "validation.", it's a key to translate
-        if (errors[key].startsWith("validation.")) {
+        if (typeof errors[key] === "string" &&
+            errors[key].startsWith("validation")) {
             return t(errors[key]);
         }
-        // Otherwise return as is (already translated)
         return errors[key];
     };
     // ============================================================================

package/global-modules/tax/validate.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.formValidation = void 0;
 var zod_1 = require("zod");
-// Validation error messages
+// Validation error keys for i18n translation
 var validationMessages = {
-    taxName: "Tax name is required",
-    taxRate: "Tax rate is required",
-    preferenceId: "Preference ID is required",
+    taxName: "validationTaxNameRequired",
+    taxRate: "validationTaxRateRequired",
+    preferenceId: "validationPreferenceIdRequired",
 };
 exports.formValidation = zod_1.z.object({
     taxName: zod_1.z.string().nonempty(validationMessages.taxName),

package/i18n/navigation.d.ts

@@ -73,12 +73,14 @@ export declare const Link: import("react").ForwardRefExoticComponent<Omit<{
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
-    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
     popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
     popoverTarget?: string | undefined | undefined;
     inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
     tw?: string | undefined;
     "aria-activedescendant"?: string | undefined | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -154,7 +156,7 @@ export declare const Link: import("react").ForwardRefExoticComponent<Omit<{
     onBlurCapture?: import("react").FocusEventHandler<HTMLAnchorElement> | undefined;
     onChange?: import("react").FormEventHandler<HTMLAnchorElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLAnchorElement> | undefined;
-    onBeforeInput?: import("react").FormEventHandler<HTMLAnchorElement> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLAnchorElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLAnchorElement> | undefined;
     onInput?: import("react").FormEventHandler<HTMLAnchorElement> | undefined;
     onInputCapture?: import("react").FormEventHandler<HTMLAnchorElement> | undefined;
@@ -203,8 +205,6 @@ export declare const Link: import("react").ForwardRefExoticComponent<Omit<{
     onProgressCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
     onRateChange?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
     onRateChangeCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onResize?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onResizeCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
     onSeeked?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
     onSeekedCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
     onSeeking?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
@@ -282,6 +282,8 @@ export declare const Link: import("react").ForwardRefExoticComponent<Omit<{
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLAnchorElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLAnchorElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLAnchorElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLAnchorElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLAnchorElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLAnchorElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLAnchorElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLAnchorElement> | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/stellar-solutions-modules",
-  "version": "0.1.42",
+  "version": "0.1.44",
   "scripts": {
     "automate": "./automate.sh",
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib && cp yarn.lock lib",
@@ -82,5 +82,8 @@
     "vaul": "^1",
     "zod": "^4"
   },
-  "packageManager": "yarn@4.9.2"
+  "packageManager": "yarn@4.9.2",
+  "dependencies": {
+    "embla-carousel-react": "^8.6.0"
+  }
 }