@dust-tt/sparkle 0.2.146 → 0.2.147

package/dist/cjs/lib/avatar/types.d.ts

@@ -0,0 +1,7 @@
+import type { Emoji, EmojiMartData as EmojiData, Skin as EmojiSkin } from "@emoji-mart/data";
+export type EmojiSkinType = Pick<Emoji, "id" | "name" | "keywords"> & {
+    native: string;
+    shortcodes: string;
+    unified: string;
+};
+export { EmojiData, EmojiSkin };

package/dist/cjs/lib/avatar/utils.d.ts

@@ -0,0 +1,17 @@
+export type AvatarBackgroundColorType = `bg-${string}`;
+/**
+ * This helper extracts emojis and background color from a Dust url.
+ * URL structure is defined as such:
+ * https://{host}/emojis/bg-{backgroundColor}/{id}/{unified}.
+ */
+export declare function getEmojiAndBackgroundFromUrl(url: string): {
+    backgroundColor: `bg-${string}`;
+    id: string;
+    unified: string;
+    skinEmoji: string;
+} | null;
+export declare function createEmojiAndBackgroundUrlSuffix({ backgroundColor, id, unified, }: {
+    backgroundColor: AvatarBackgroundColorType;
+    id: string;
+    unified: string;
+}): string;

package/dist/esm/_index.d.ts

@@ -1,5 +1,7 @@
 import { SparkleContext } from "./context";
 export { SparkleContext };
+import * as avatarUtils from "./lib/avatar/utils";
+export { avatarUtils };
 import { Div3D, Hover3D } from "./components/Hover3D";
 export { Div3D, Hover3D };
 import { Hoverable } from "./components/Hoverable";
@@ -8,6 +10,8 @@ import { Button } from "./components/Button";
 export { Button };
 import { CardButton } from "./components/CardButton";
 export { CardButton };
+import { EmojiPicker } from "./components/EmojiPicker";
+export { EmojiPicker };
 import { SliderToggle } from "./components/SliderToggle";
 export { SliderToggle };
 import { Collapsible } from "./components/Collapsible";

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

@@ -1,7 +1,7 @@
 import React from "react";
-interface ColorPickerProps {
-    onColorSelect: (color: string) => void;
-    colors: string[];
+interface ColorPickerProps<T extends string> {
+    onColorSelect: (color: T) => void;
+    colors: T[];
 }
-export declare function ColorPicker({ colors, onColorSelect }: ColorPickerProps): React.JSX.Element;
+export declare function ColorPicker<T extends string>({ colors, onColorSelect, }: ColorPickerProps<T>): React.JSX.Element;
 export {};

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

@@ -0,0 +1,16 @@
+import type { EmojiMartData } from "@emoji-mart/data";
+import React from "react";
+import { EmojiSkinType } from "@sparkle/lib/avatar/types";
+interface EmojiPickerProps {
+    data?: EmojiMartData;
+    onEmojiSelect: (emoji: EmojiSkinType) => void;
+    previewPosition?: "none";
+    theme: "dark" | "light";
+}
+export declare function EmojiPicker({ data, onEmojiSelect, previewPosition, theme, }: EmojiPickerProps): React.JSX.Element;
+export declare namespace EmojiPicker {
+    var defaults: {
+        previewPosition: string;
+    };
+}
+export {};