@replyke/ui-core-react-js 4.0.0

package/dist/cjs/constants/reset-styles.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resetIcon = exports.resetImg = exports.resetTextInput = exports.resetP = exports.resetIl = exports.resetUl = exports.resetButton = exports.resetDiv = void 0;
+exports.resetDiv = {
+    padding: 0,
+    margin: 0,
+};
+exports.resetButton = {
+    margin: 0,
+    padding: 0,
+    borderStyle: "none",
+    borderWidth: 0,
+    backgroundColor: "transparent",
+    outline: "none",
+    fontFamily: "inherit",
+    cursor: "pointer",
+};
+exports.resetUl = {
+    listStyleType: "none",
+    padding: 0,
+    margin: 0,
+    fontFamily: "inherit",
+};
+exports.resetIl = {
+    padding: 0,
+    margin: 0,
+    fontFamily: "inherit",
+};
+exports.resetP = {
+    padding: 0,
+    margin: 0,
+    fontFamily: "inherit",
+    cursor: "default",
+};
+exports.resetTextInput = {
+    padding: 0,
+    margin: 0,
+    fontFamily: "inherit",
+    resize: "none",
+    border: "none",
+    outline: "none",
+    overflow: "auto",
+    boxShadow: "none",
+    WebkitBoxShadow: "none",
+};
+exports.resetImg = {
+    padding: 0,
+    margin: 0,
+};
+exports.resetIcon = {
+    padding: 0,
+    margin: 0,
+};
+//# sourceMappingURL=reset-styles.js.map

package/dist/cjs/constants/reset-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset-styles.js","sourceRoot":"","sources":["../../../src/constants/reset-styles.ts"],"names":[],"mappings":";;;AAEa,QAAA,QAAQ,GAAwB;IAC3C,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;CACV,CAAC;AAEW,QAAA,WAAW,GAAwB;IAC9C,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,CAAC;IACd,eAAe,EAAE,aAAa;IAC9B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,SAAS;IACrB,MAAM,EAAE,SAAS;CAClB,CAAC;AAEW,QAAA,OAAO,GAAwB;IAC1C,aAAa,EAAE,MAAM;IACrB,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,SAAS;CACtB,CAAC;AAEW,QAAA,OAAO,GAAwB;IAC1C,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,SAAS;CACtB,CAAC;AAEW,QAAA,MAAM,GAAwB;IACzC,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,SAAS;IACrB,MAAM,EAAE,SAAS;CAClB,CAAC;AAEW,QAAA,cAAc,GAAwB;IACjD,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,SAAS;IACrB,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,MAAM;IACjB,eAAe,EAAE,MAAM;CACxB,CAAC;AAEW,QAAA,QAAQ,GAAwB;IAC3C,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;CACV,CAAC;AAEW,QAAA,SAAS,GAAwB;IAC5C,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;CACV,CAAC"}

package/dist/cjs/helpers/index.d.ts

@@ -0,0 +1 @@
+export { parseContentWithMentions } from "./parseContentWithMentions";

package/dist/cjs/helpers/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseContentWithMentions = void 0;
+var parseContentWithMentions_1 = require("./parseContentWithMentions");
+Object.defineProperty(exports, "parseContentWithMentions", { enumerable: true, get: function () { return parseContentWithMentions_1.parseContentWithMentions; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":";;;AAAA,uEAAsE;AAA7D,oIAAA,wBAAwB,OAAA"}

package/dist/cjs/helpers/parseContentWithMentions.d.ts

@@ -0,0 +1,2 @@
+import { Mention } from "@replyke/core";
+export declare const parseContentWithMentions: (content: string, mentions: Mention[], currentUserId: string | undefined, currentUserClickCallback: (() => void) | undefined, otherUserClickCallback: ((userId: string) => void) | undefined) => (string | JSX.Element)[];

package/dist/cjs/helpers/parseContentWithMentions.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseContentWithMentions = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const parseContentWithMentions = (content, mentions, currentUserId, currentUserClickCallback, otherUserClickCallback) => {
+    if (!mentions.length)
+        return [content];
+    // Create a regex pattern to match all mentions in the array, escaping special characters
+    const mentionPattern = new RegExp(mentions
+        .map((mention) => `@${mention.username.replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&")}`)
+        .join("|"), "g");
+    // Replace mentions with a placeholder and split content based on the regex
+    const parts = content.split(mentionPattern);
+    // Find all matched mentions in the content
+    const matches = Array.from(content.matchAll(mentionPattern));
+    // Construct the parsed output
+    const parsedContent = [];
+    let lastIndex = 0;
+    parts.forEach((part, index) => {
+        if (part) {
+            parsedContent.push(part);
+            lastIndex += part.length;
+        }
+        const match = matches[index];
+        if (match) {
+            const matchedMention = mentions.find((mention) => `@${mention.username}` === match[0]);
+            if (matchedMention) {
+                parsedContent.push((0, jsx_runtime_1.jsx)("span", { style: { color: "#1e40af" }, onClick: () => {
+                        if (matchedMention.id === currentUserId) {
+                            currentUserClickCallback?.();
+                        }
+                        else {
+                            otherUserClickCallback?.(matchedMention.id);
+                        }
+                    }, children: match[0] }, lastIndex));
+                lastIndex += match[0].length;
+            }
+        }
+    });
+    return parsedContent;
+};
+exports.parseContentWithMentions = parseContentWithMentions;
+//# sourceMappingURL=parseContentWithMentions.js.map

package/dist/cjs/helpers/parseContentWithMentions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseContentWithMentions.js","sourceRoot":"","sources":["../../../src/helpers/parseContentWithMentions.tsx"],"names":[],"mappings":";;;;AAEO,MAAM,wBAAwB,GAAG,CACtC,OAAe,EACf,QAAmB,EACnB,aAAiC,EACjC,wBAAkD,EAClD,sBAA8D,EACpC,EAAE;IAC5B,IAAI,CAAC,QAAQ,CAAC,MAAM;QAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAEvC,yFAAyF;IACzF,MAAM,cAAc,GAAG,IAAI,MAAM,CAC/B,QAAQ;SACL,GAAG,CACF,CAAC,OAAO,EAAE,EAAE,CACV,IAAI,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,uBAAuB,EAAE,MAAM,CAAC,EAAE,CAClE;SACA,IAAI,CAAC,GAAG,CAAC,EACZ,GAAG,CACJ,CAAC;IAEF,2EAA2E;IAC3E,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAE5C,2CAA2C;IAC3C,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC;IAE7D,8BAA8B;IAC9B,MAAM,aAAa,GAA6B,EAAE,CAAC;IACnD,IAAI,SAAS,GAAG,CAAC,CAAC;IAElB,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC5B,IAAI,IAAI,EAAE,CAAC;YACT,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACzB,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC;QAC3B,CAAC;QAED,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QAC7B,IAAI,KAAK,EAAE,CAAC;YACV,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAClC,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,OAAO,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CACjD,CAAC;YACF,IAAI,cAAc,EAAE,CAAC;gBACnB,aAAa,CAAC,IAAI,CAChB,iCACE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAC3B,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,cAAc,CAAC,EAAE,KAAK,aAAa,EAAE,CAAC;4BACxC,wBAAwB,EAAE,EAAE,CAAC;wBAC/B,CAAC;6BAAM,CAAC;4BACN,sBAAsB,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;wBAC9C,CAAC;oBACH,CAAC,YAGA,KAAK,CAAC,CAAC,CAAC,IAFJ,SAAS,CAGT,CACR,CAAC;gBACF,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;YAC/B,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC;AA/DW,QAAA,wBAAwB,4BA+DnC"}

package/dist/cjs/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useTextareaCursorIndicator } from "./useTextareaCursorIndicator";
+export { default as useWidth } from "./useWidth";

package/dist/cjs/hooks/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWidth = exports.useTextareaCursorIndicator = void 0;
+var useTextareaCursorIndicator_1 = require("./useTextareaCursorIndicator");
+Object.defineProperty(exports, "useTextareaCursorIndicator", { enumerable: true, get: function () { return __importDefault(useTextareaCursorIndicator_1).default; } });
+var useWidth_1 = require("./useWidth");
+Object.defineProperty(exports, "useWidth", { enumerable: true, get: function () { return __importDefault(useWidth_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;AAAA,2EAAqF;AAA5E,yJAAA,OAAO,OAA8B;AAC9C,uCAAiD;AAAxC,qHAAA,OAAO,OAAY"}

package/dist/cjs/hooks/useTextareaCursorIndicator.d.ts

@@ -0,0 +1,8 @@
+declare function useTextareaCursorIndicator({ textAreaRef, }: {
+    textAreaRef: React.RefObject<HTMLTextAreaElement>;
+}): {
+    textAreaRef: import("react").RefObject<HTMLTextAreaElement>;
+    cursorPosition: number;
+    isSelectionActive: boolean;
+};
+export default useTextareaCursorIndicator;

package/dist/cjs/hooks/useTextareaCursorIndicator.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+function useTextareaCursorIndicator({ textAreaRef, }) {
+    const [cursorPosition, setCursorPosition] = (0, react_1.useState)(0);
+    const [isSelectionActive, setIsSelectionActive] = (0, react_1.useState)(false);
+    const updateCursorAndSelection = (0, react_1.useCallback)(() => {
+        if (textAreaRef.current) {
+            const { selectionStart, selectionEnd } = textAreaRef.current;
+            setCursorPosition(selectionStart);
+            setIsSelectionActive(selectionStart !== selectionEnd);
+        }
+    }, [textAreaRef]);
+    (0, react_1.useEffect)(() => {
+        const textArea = textAreaRef.current;
+        if (textArea) {
+            textArea.addEventListener("input", updateCursorAndSelection);
+            textArea.addEventListener("click", updateCursorAndSelection);
+            textArea.addEventListener("keydown", updateCursorAndSelection);
+            textArea.addEventListener("keyup", updateCursorAndSelection);
+            return () => {
+                textArea.removeEventListener("input", updateCursorAndSelection);
+                textArea.removeEventListener("click", updateCursorAndSelection);
+                textArea.removeEventListener("keydown", updateCursorAndSelection);
+                textArea.removeEventListener("keyup", updateCursorAndSelection);
+            };
+        }
+    }, [updateCursorAndSelection, textAreaRef]);
+    return { textAreaRef, cursorPosition, isSelectionActive };
+}
+exports.default = useTextareaCursorIndicator;
+//# sourceMappingURL=useTextareaCursorIndicator.js.map

package/dist/cjs/hooks/useTextareaCursorIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTextareaCursorIndicator.js","sourceRoot":"","sources":["../../../src/hooks/useTextareaCursorIndicator.tsx"],"names":[],"mappings":";;AAAA,iCAAyD;AAEzD,SAAS,0BAA0B,CAAC,EAClC,WAAW,GAGZ;IACC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC;IAChE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAE3E,MAAM,wBAAwB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAChD,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACxB,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC;YAC7D,iBAAiB,CAAC,cAAc,CAAC,CAAC;YAClC,oBAAoB,CAAC,cAAc,KAAK,YAAY,CAAC,CAAC;QACxD,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QAErC,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,wBAAwB,CAAC,CAAC;YAC7D,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,wBAAwB,CAAC,CAAC;YAC7D,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,wBAAwB,CAAC,CAAC;YAC/D,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,wBAAwB,CAAC,CAAC;YAE7D,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,wBAAwB,CAAC,CAAC;gBAChE,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,wBAAwB,CAAC,CAAC;gBAChE,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,wBAAwB,CAAC,CAAC;gBAClE,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,wBAAwB,CAAC,CAAC;YAClE,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,wBAAwB,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5C,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAC;AAC5D,CAAC;AAED,kBAAe,0BAA0B,CAAC"}

package/dist/cjs/hooks/useWidth.d.ts

@@ -0,0 +1,2 @@
+declare function useWidth(): readonly [number, import("react").MutableRefObject<HTMLDivElement | null>];
+export default useWidth;

package/dist/cjs/hooks/useWidth.js

@@ -0,0 +1,28 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+function useWidth() {
+    const [width, setWidth] = (0, react_1.useState)(0);
+    const ref = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const handleResize = (entries) => {
+            if (entries[0].contentRect) {
+                setWidth(entries[0].contentRect.width);
+            }
+        };
+        const resizeObserver = new ResizeObserver(handleResize);
+        const currentRef = ref.current;
+        if (currentRef) {
+            resizeObserver.observe(currentRef);
+        }
+        return () => {
+            if (currentRef) {
+                resizeObserver.unobserve(currentRef);
+            }
+        };
+    }, []);
+    return [width, ref];
+}
+exports.default = useWidth;
+//# sourceMappingURL=useWidth.js.map

package/dist/cjs/hooks/useWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWidth.js","sourceRoot":"","sources":["../../../src/hooks/useWidth.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAEb,iCAAoD;AAEpD,SAAS,QAAQ;IACf,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IACtC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAEhD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,CAAC,OAA8B,EAAE,EAAE;YACtD,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;gBAC3B,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACzC,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,YAAY,CAAC,CAAC;QACxD,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC;QAC/B,IAAI,UAAU,EAAE,CAAC;YACf,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QACrC,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,UAAU,EAAE,CAAC;gBACf,cAAc,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;YACvC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,KAAK,EAAE,GAAG,CAAU,CAAC;AAC/B,CAAC;AAED,kBAAe,QAAQ,CAAC"}

package/dist/cjs/icons/EllipsisIcon.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface EllipsisIconProps {
+    color?: string;
+    width?: number;
+    height?: number;
+}
+declare const EllipsisIcon: React.FC<EllipsisIconProps>;
+export default EllipsisIcon;

package/dist/cjs/icons/EllipsisIcon.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const EllipsisIcon = ({ color = "#8E8E8E", width = 16, height = 16, }) => ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "19", cy: "12", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "5", cy: "12", r: "1" })] }));
+exports.default = EllipsisIcon;
+//# sourceMappingURL=EllipsisIcon.js.map

package/dist/cjs/icons/EllipsisIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EllipsisIcon.js","sourceRoot":"","sources":["../../../src/icons/EllipsisIcon.tsx"],"names":[],"mappings":";;;AAQA,MAAM,YAAY,GAAgC,CAAC,EACjD,KAAK,GAAG,SAAS,EACjB,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,EAAE,GACZ,EAAE,EAAE,CAAC,CACJ,iCACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,EACb,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,aAEtB,mCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG,EAChC,mCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG,EAChC,mCAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG,IAC3B,CACP,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/dist/cjs/icons/FlagIcon.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface IconProps {
+    size?: number;
+    color?: string;
+}
+declare const FlagIcon: React.FC<IconProps>;
+export default FlagIcon;

package/dist/cjs/icons/FlagIcon.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const FlagIcon = ({ size = 20, color = "#DC2626" }) => {
+    return ((0, jsx_runtime_1.jsx)("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M14.27 1.48a1.3 1.3 0 0 0-.65.18 6.32 6.32 0 0 1-3 1.1c-1.66 0-3.65-1-5.65-1a11.41 11.41 0 0 0-3.18.46v-.09a.63.63 0 0 0-1.25 0v11.76a.63.63 0 1 0 1.25 0V11a10.56 10.56 0 0 1 3.18-.46c1.66 0 4.4 1 6.45 1A5.86 5.86 0 0 0 15 10.11a1.17 1.17 0 0 0 .47-.93V2.66a1.21 1.21 0 0 0-1.2-1.18zm0 7.65a4.58 4.58 0 0 1-2.87 1.08 17.73 17.73 0 0 1-3.29-.49 16 16 0 0 0-3.16-.48A12.3 12.3 0 0 0 2 9.57v-6.1A9.85 9.85 0 0 1 4.93 3a11.59 11.59 0 0 1 2.78.48 11.9 11.9 0 0 0 2.87.52 7.5 7.5 0 0 0 3.67-1.27z", fill: color }) }));
+};
+exports.default = FlagIcon;
+//# sourceMappingURL=FlagIcon.js.map

package/dist/cjs/icons/FlagIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlagIcon.js","sourceRoot":"","sources":["../../../src/icons/FlagIcon.tsx"],"names":[],"mappings":";;;AAOA,MAAM,QAAQ,GAAwB,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,SAAS,EAAE,EAAE,EAAE;IACzE,OAAO,CACL,gCACE,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,iCACE,CAAC,EAAC,4eAA4e,EAC9e,IAAI,EAAE,KAAK,GACX,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

package/dist/cjs/icons/HeartFullIcon.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface HeartFullIconProps {
+    color?: string;
+    size?: number;
+}
+declare const HeartFullIcon: React.FC<HeartFullIconProps>;
+export default HeartFullIcon;

package/dist/cjs/icons/HeartFullIcon.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const HeartFullIcon = ({ color = "#DC2626", size = 20, }) => ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: size, height: size, fill: color, children: (0, jsx_runtime_1.jsx)("path", { d: "M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z" }) }));
+exports.default = HeartFullIcon;
+//# sourceMappingURL=HeartFullIcon.js.map

package/dist/cjs/icons/HeartFullIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeartFullIcon.js","sourceRoot":"","sources":["../../../src/icons/HeartFullIcon.tsx"],"names":[],"mappings":";;;AAOA,MAAM,aAAa,GAAiC,CAAC,EACnD,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,EAAE,GACV,EAAE,EAAE,CAAC,CACJ,gCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,KAAK,YAEX,iCAAM,CAAC,EAAC,kRAAkR,GAAG,GACzR,CACP,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/dist/cjs/icons/HeartIcon.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface HeartIconProps {
+    color?: string;
+    size?: number;
+}
+declare const HeartIcon: React.FC<HeartIconProps>;
+export default HeartIcon;

package/dist/cjs/icons/HeartIcon.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const HeartIcon = ({ color = "#000", size = 20, }) => ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: size, height: size, fill: color, children: (0, jsx_runtime_1.jsx)("path", { d: "M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8l0-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5l0 3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20-.1-.1s0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5l0 3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2l0-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z" }) }));
+exports.default = HeartIcon;
+//# sourceMappingURL=HeartIcon.js.map

package/dist/cjs/icons/HeartIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeartIcon.js","sourceRoot":"","sources":["../../../src/icons/HeartIcon.tsx"],"names":[],"mappings":";;;AAOA,MAAM,SAAS,GAA6B,CAAC,EAC3C,KAAK,GAAG,MAAM,EACd,IAAI,GAAG,EAAE,GACV,EAAE,EAAE,CAAC,CACJ,gCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,KAAK,YAEX,iCAAM,CAAC,EAAC,ksBAAksB,GAAG,GACzsB,CACP,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/dist/cjs/icons/MagnifyingGlassIcon.d.ts

@@ -0,0 +1,7 @@
+interface MagnifyingGlassIconProps {
+    color?: string;
+    width?: number;
+    height?: number;
+}
+declare const MagnifyingGlassIcon: React.FC<MagnifyingGlassIconProps>;
+export default MagnifyingGlassIcon;

package/dist/cjs/icons/MagnifyingGlassIcon.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const MagnifyingGlassIcon = ({ color = "#000000", width = 24, height = 24, }) => ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "0 0 256 256", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M232.47656,215.51563l-40.67773-40.67774a96.10791,96.10791,0,1,0-16.97168,16.96973l40.67871,40.67871a12.0001,12.0001,0,1,0,16.9707-16.9707ZM43.99707,116a72,72,0,1,1,72,72A72.08124,72.08124,0,0,1,43.99707,116Z", fill: color }) }));
+exports.default = MagnifyingGlassIcon;
+//# sourceMappingURL=MagnifyingGlassIcon.js.map

package/dist/cjs/icons/MagnifyingGlassIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MagnifyingGlassIcon.js","sourceRoot":"","sources":["../../../src/icons/MagnifyingGlassIcon.tsx"],"names":[],"mappings":";;;AAMA,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,KAAK,GAAG,SAAS,EACjB,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,EAAE,GACZ,EAAE,EAAE,CAAC,CACJ,gCACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,YAEX,iCACE,CAAC,EAAC,iNAAiN,EACnN,IAAI,EAAE,KAAK,GACX,GACE,CACP,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}

package/dist/cjs/icons/index.d.ts

@@ -0,0 +1,6 @@
+import EllipsisIcon from "./EllipsisIcon";
+import FlagIcon from "./FlagIcon";
+import HeartFullIcon from "./HeartFullIcon";
+import HeartIcon from "./HeartIcon";
+import MagnifyingGlassIcon from "./MagnifyingGlassIcon";
+export { EllipsisIcon, FlagIcon, HeartFullIcon, HeartIcon, MagnifyingGlassIcon, };

package/dist/cjs/icons/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MagnifyingGlassIcon = exports.HeartIcon = exports.HeartFullIcon = exports.FlagIcon = exports.EllipsisIcon = void 0;
+const EllipsisIcon_1 = __importDefault(require("./EllipsisIcon"));
+exports.EllipsisIcon = EllipsisIcon_1.default;
+const FlagIcon_1 = __importDefault(require("./FlagIcon"));
+exports.FlagIcon = FlagIcon_1.default;
+const HeartFullIcon_1 = __importDefault(require("./HeartFullIcon"));
+exports.HeartFullIcon = HeartFullIcon_1.default;
+const HeartIcon_1 = __importDefault(require("./HeartIcon"));
+exports.HeartIcon = HeartIcon_1.default;
+const MagnifyingGlassIcon_1 = __importDefault(require("./MagnifyingGlassIcon"));
+exports.MagnifyingGlassIcon = MagnifyingGlassIcon_1.default;
+//# sourceMappingURL=index.js.map

package/dist/cjs/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icons/index.ts"],"names":[],"mappings":";;;;;;AAAA,kEAA0C;AAOxC,uBAPK,sBAAY,CAOL;AANd,0DAAkC;AAOhC,mBAPK,kBAAQ,CAOL;AANV,oEAA4C;AAO1C,wBAPK,uBAAa,CAOL;AANf,4DAAoC;AAOlC,oBAPK,mBAAS,CAOL;AANX,gFAAwD;AAOtD,8BAPK,6BAAmB,CAOL"}

package/dist/cjs/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./components";
+export * from "./helpers";
+export * from "./hooks";
+export * from "./icons";
+export * from "./constants";

package/dist/cjs/index.js

@@ -0,0 +1,22 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);
+__exportStar(require("./helpers"), exports);
+__exportStar(require("./hooks"), exports);
+__exportStar(require("./icons"), exports);
+__exportStar(require("./constants"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,4CAA0B;AAC1B,0CAAwB;AACxB,0CAAwB;AACxB,8CAA4B"}

package/dist/esm/components/EmojiSuggestions.d.ts

@@ -0,0 +1,4 @@
+declare function EmojiSuggestions({ onEmojiClick, }: {
+    onEmojiClick: (emoji: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export default EmojiSuggestions;

package/dist/esm/components/EmojiSuggestions.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+const emojiGroup1 = ["😂", "❤️", "🤣", "😍", "🙏"];
+const emojiGroup2 = ["🥰", "😊", "😭", "👍", "😅"];
+const emojiGroup3 = ["😢", "👏", "💕", "🥺", "😘"];
+const emojiGroup4 = ["🤔", "🤗", "🙌", "😎", "✨"];
+function EmojiSuggestions({ onEmojiClick, }) {
+    const [clickedEmoji, setClickedEmoji] = useState(null);
+    const [emojiSubset, setEmojiSubset] = useState([]);
+    useEffect(() => {
+        // Pick 8 random emojis from the array
+        const combinedEmojis = [...emojiGroup1, ...emojiGroup2, ...emojiGroup3];
+        const shuffled = combinedEmojis.sort(() => 0.5 - Math.random());
+        setEmojiSubset(shuffled.slice(0, 8));
+    }, []);
+    const handleEmojiClick = (emoji) => {
+        setClickedEmoji(emoji);
+        onEmojiClick(emoji);
+        setTimeout(() => setClickedEmoji(null), 150); // Reset after animation
+    };
+    return (_jsx("div", { style: {
+            display: "flex",
+            gap: 12,
+            padding: 8,
+            borderBottom: "1px solid #e6e6e6",
+            overflowX: "auto",
+            overflowY: "hidden",
+            scrollbarWidth: "none",
+            msOverflowStyle: "none",
+        }, children: emojiSubset.map((emoji) => (_jsx("div", { onClick: () => handleEmojiClick(emoji), style: {
+                cursor: "pointer",
+                fontSize: 16,
+                display: "inline-block",
+                userSelect: "none",
+                transition: "transform 0.15s",
+                transform: clickedEmoji === emoji ? "scale(0.8)" : "scale(1)", // Shrink and grow
+            }, children: emoji }, emoji))) }));
+}
+export default EmojiSuggestions;
+//# sourceMappingURL=EmojiSuggestions.js.map

package/dist/esm/components/EmojiSuggestions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiSuggestions.js","sourceRoot":"","sources":["../../../src/components/EmojiSuggestions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AACnD,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AACnD,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AACnD,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;AAGlD,SAAS,gBAAgB,CAAC,EACxB,YAAY,GAGb;IACC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACtE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAE7D,SAAS,CAAC,GAAG,EAAE;QACb,sCAAsC;QACtC,MAAM,cAAc,GAAG,CAAC,GAAG,WAAW,EAAE,GAAG,WAAW,EAAE,GAAG,WAAW,CAAC,CAAC;QAExE,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAChE,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACvC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE;QACzC,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,UAAU,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,wBAAwB;IACxE,CAAC,CAAC;IAEF,OAAO,CACL,cACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,CAAC;YACV,YAAY,EAAE,mBAAmB;YACjC,SAAS,EAAE,MAAM;YACjB,SAAS,EAAE,QAAQ;YACnB,cAAc,EAAE,MAAM;YACtB,eAAe,EAAE,MAAM;SACxB,YAEA,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC1B,cAEE,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EACtC,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS;gBACjB,QAAQ,EAAE,EAAE;gBACZ,OAAO,EAAE,cAAc;gBACvB,UAAU,EAAE,MAAM;gBAClB,UAAU,EAAE,iBAAiB;gBAC7B,SAAS,EAAE,YAAY,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAAE,kBAAkB;aAClF,YAEA,KAAK,IAXD,KAAK,CAYN,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,eAAe,gBAAgB,CAAC"}

package/dist/esm/components/FromNow.d.ts

@@ -0,0 +1,9 @@
+declare function FromNow({ time, fontSize, fontWeight, color, lean, justNowText, }: {
+    time: Date | string;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    lean?: boolean;
+    justNowText?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export default FromNow;

package/dist/esm/components/FromNow.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import moment from "moment";
+function formatTime(time, justNowText) {
+    const now = new Date();
+    const then = new Date(time);
+    const seconds = Math.floor((now.getTime() - then.getTime()) / 1000);
+    if (seconds < 20) {
+        return justNowText;
+    }
+    else if (seconds < 60) {
+        return `${seconds}s`;
+    }
+    else if (seconds < 3600) {
+        return `${Math.floor(seconds / 60)}m`;
+    }
+    else if (seconds < 86400) {
+        return `${Math.floor(seconds / 3600)}h`;
+    }
+    else if (seconds < 2592000) {
+        // 30 days
+        return `${Math.floor(seconds / 86400)}d`;
+    }
+    else if (seconds < 31536000) {
+        // 365 days
+        return `${Math.floor(seconds / 2592000)}mo`;
+    }
+    else {
+        return `${Math.floor(seconds / 31536000)}y`;
+    }
+}
+function FromNow({ time, fontSize = 12, fontWeight = 400, color = "#737373", lean, justNowText = "Just now", }) {
+    if (lean) {
+        return (_jsx("span", { style: {
+                fontSize,
+                fontWeight,
+                color,
+            }, children: formatTime(time, justNowText) }));
+    }
+    return (_jsx("span", { style: {
+            fontSize,
+            fontWeight,
+            color,
+        }, children: moment(new Date(time)).fromNow() }));
+}
+export default FromNow;
+//# sourceMappingURL=FromNow.js.map

package/dist/esm/components/FromNow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FromNow.js","sourceRoot":"","sources":["../../../src/components/FromNow.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,QAAQ,CAAC;AAE5B,SAAS,UAAU,CAAC,IAAmB,EAAE,WAAmB;IAC1D,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;IACvB,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;IAEpE,IAAI,OAAO,GAAG,EAAE,EAAE,CAAC;QACjB,OAAO,WAAW,CAAC;IACrB,CAAC;SAAM,IAAI,OAAO,GAAG,EAAE,EAAE,CAAC;QACxB,OAAO,GAAG,OAAO,GAAG,CAAC;IACvB,CAAC;SAAM,IAAI,OAAO,GAAG,IAAI,EAAE,CAAC;QAC1B,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC;IACxC,CAAC;SAAM,IAAI,OAAO,GAAG,KAAK,EAAE,CAAC;QAC3B,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC;IAC1C,CAAC;SAAM,IAAI,OAAO,GAAG,OAAO,EAAE,CAAC;QAC7B,UAAU;QACV,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC3C,CAAC;SAAM,IAAI,OAAO,GAAG,QAAQ,EAAE,CAAC;QAC9B,WAAW;QACX,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IAC9C,CAAC;SAAM,CAAC;QACN,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC;IAC9C,CAAC;AACH,CAAC;AAED,SAAS,OAAO,CAAC,EACf,IAAI,EACJ,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,GAAG,EAChB,KAAK,GAAG,SAAS,EACjB,IAAI,EACJ,WAAW,GAAG,UAAU,GAQzB;IACC,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,eACE,KAAK,EAAE;gBACL,QAAQ;gBACR,UAAU;gBACV,KAAK;aACN,YAEA,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,GACzB,CACR,CAAC;IACJ,CAAC;IACD,OAAO,CACL,eACE,KAAK,EAAE;YACL,QAAQ;YACR,UAAU;YACV,KAAK;SACN,YAEA,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,GAC5B,CACR,CAAC;AACJ,CAAC;AAED,eAAe,OAAO,CAAC"}

package/dist/esm/components/GiphyContainer.d.ts

@@ -0,0 +1,14 @@
+declare function GiphyContainer({ onClickBack, onSelectGif, giphyApiKey, visible, }: {
+    onClickBack: () => void;
+    onSelectGif: (selectedGif: {
+        id: string;
+        url: string;
+        gifUrl: string;
+        gifPreviewUrl: string;
+        altText: string | undefined;
+        aspectRatio: number;
+    }) => void;
+    giphyApiKey: string;
+    visible: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export default GiphyContainer;