@q9labsai/chalk-ui 4.0.0

package/dist/input.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+export interface InputProps extends Omit<React.ComponentProps<"input">, "size"> {
+    readonly label?: React.ReactNode;
+    readonly error?: string;
+    readonly icon?: React.ReactNode;
+    readonly iconPosition?: "left" | "right";
+    readonly size?: "sm" | "md" | "lg";
+    readonly fullWidth?: boolean;
+}
+declare function Input({ className, type, label, error, icon, iconPosition, size, fullWidth, id, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export { Input };
+//# sourceMappingURL=input.d.ts.map

package/dist/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../src/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC7E,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzC,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;CAC9B;AAeD,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,YAAqB,EAAE,IAAW,EAAE,SAAgB,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CA0BrI;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/input.js

@@ -0,0 +1,44 @@
+// src/input.tsx
+import "react";
+import { Input as InputPrimitive } from "@base-ui/react/input";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/input.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function getInputClassName(className, size, fullWidth, icon, iconPosition, error) {
+  return cn(
+    "border-input bg-background focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-muted h-8 rounded-lg border px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm file:text-foreground placeholder:text-muted-foreground min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+    fullWidth ? "w-full" : "w-auto",
+    size === "sm" && "h-7 text-sm",
+    size === "lg" && "h-10 text-lg",
+    icon && iconPosition === "left" && "pl-9",
+    icon && iconPosition === "right" && "pr-9",
+    error && "border-destructive",
+    className
+  );
+}
+function Input({ className, type, label, error, icon, iconPosition = "left", size = "md", fullWidth = true, id, ...props }) {
+  const inputId = id ?? (label ? `chalk-input-${String(label).toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : void 0);
+  if (!label && !error && !icon && size === "md" && id === void 0) {
+    return /* @__PURE__ */ jsx(InputPrimitive, { type, "data-slot": "input", className: getInputClassName(className, size, fullWidth, icon, iconPosition, error), ...props });
+  }
+  const input = /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    icon && iconPosition === "left" ? /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: icon }) : null,
+    /* @__PURE__ */ jsx(InputPrimitive, { id: inputId, type, "data-slot": "input", className: getInputClassName(className, size, fullWidth, icon, iconPosition, error), "aria-invalid": Boolean(error), ...props }),
+    icon && iconPosition === "right" ? /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: icon }) : null
+  ] });
+  return /* @__PURE__ */ jsxs("label", { className: cn("flex flex-col gap-1.5", fullWidth && "w-full"), htmlFor: inputId, children: [
+    label ? /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-muted-foreground", children: label }) : null,
+    input,
+    error ? /* @__PURE__ */ jsx("span", { className: "text-sm text-destructive", children: error }) : null
+  ] });
+}
+export {
+  Input
+};

package/dist/lib/theme.d.ts

@@ -0,0 +1,8 @@
+export type ThemeMode = "light" | "dark";
+interface ResolveThemeOptions {
+    defaultTheme?: ThemeMode;
+    allowSystem?: boolean;
+}
+export declare const resolvePortalThemeFromDocument: ({ defaultTheme, allowSystem }?: ResolveThemeOptions) => ThemeMode;
+export {};
+//# sourceMappingURL=theme.d.ts.map

package/dist/lib/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/lib/theme.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAqBzC,UAAU,mBAAmB;IAC3B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAuBD,eAAO,MAAM,8BAA8B,GAAI,gCAAgD,mBAAwB,KAAG,SAOzH,CAAC"}

package/dist/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/lib/utils.js

@@ -0,0 +1,9 @@
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+export {
+  cn
+};

package/dist/logos/chalk-icon.svg

@@ -0,0 +1,34 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
+  <defs>
+    <linearGradient id="grn" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#C5E5C0"/><stop offset="100%" stop-color="#80B879"/>
+    </linearGradient>
+    <linearGradient id="yel" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#FCEAB3"/><stop offset="100%" stop-color="#D9B641"/>
+    </linearGradient>
+    <linearGradient id="blu" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#B2E0F0"/><stop offset="100%" stop-color="#55AAC9"/>
+    </linearGradient>
+    <linearGradient id="pnk" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#F8CACA"/><stop offset="100%" stop-color="#D67B7B"/>
+    </linearGradient>
+  </defs>
+  <g transform="translate(5, 5) scale(0.85)">
+    <g transform="rotate(-20 16 48)">
+      <path d="M9,16 L19,16 L20,50 A6,6 0 0 1 8,50 Z" fill="url(#grn)"/>
+      <ellipse cx="14" cy="16" rx="5" ry="2" fill="#D8ECD4"/>
+    </g>
+    <g transform="rotate(-5 24 44)">
+      <path d="M19,12 L29,12 L30,50 A6,6 0 0 1 18,50 Z" fill="url(#yel)"/>
+      <ellipse cx="24" cy="12" rx="5" ry="2" fill="#FEF3D1"/>
+    </g>
+    <g transform="rotate(25 44 20)">
+      <path d="M29,4 L39,4 L40,40 A6,6 0 0 1 28,40 Z" fill="url(#blu)"/>
+      <ellipse cx="34" cy="4" rx="5" ry="2" fill="#D0EDF8"/>
+    </g>
+    <g transform="rotate(10 44 40)">
+      <path d="M39,56 L49,56 L50,24 A6,6 0 0 0 38,24 Z" fill="url(#pnk)"/>
+      <ellipse cx="44" cy="56" rx="5" ry="2" fill="#FBE4E4"/>
+    </g>
+  </g>
+</svg>

package/dist/logos/chalk-logo-on-dark.svg

@@ -0,0 +1,35 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 280 80" fill="none">
+  <defs>
+    <linearGradient id="grn" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#C5E5C0"/><stop offset="100%" stop-color="#80B879"/>
+    </linearGradient>
+    <linearGradient id="yel" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#FCEAB3"/><stop offset="100%" stop-color="#D9B641"/>
+    </linearGradient>
+    <linearGradient id="blu" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#B2E0F0"/><stop offset="100%" stop-color="#55AAC9"/>
+    </linearGradient>
+    <linearGradient id="pnk" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#F8CACA"/><stop offset="100%" stop-color="#D67B7B"/>
+    </linearGradient>
+  </defs>
+  <g transform="translate(2, 2) scale(0.95)">
+    <g transform="rotate(-15 20 60)">
+      <path d="M9,20 L21,20 L22,63 A7,7 0 0 1 8,63 Z" fill="url(#grn)"/>
+      <ellipse cx="15" cy="20" rx="6" ry="2.5" fill="#D8ECD4"/>
+    </g>
+    <g transform="rotate(-8 32 55)">
+      <path d="M23,15 L35,15 L36,60 A7,7 0 0 1 22,60 Z" fill="url(#yel)"/>
+      <ellipse cx="29" cy="15" rx="6" ry="2.5" fill="#FEF3D1"/>
+    </g>
+    <g transform="rotate(12 60 30)">
+      <path d="M36,8 L48,8 L49,56 A7,7 0 0 1 35,56 Z" fill="url(#blu)"/>
+      <ellipse cx="42" cy="8" rx="6" ry="2.5" fill="#D0EDF8"/>
+    </g>
+    <g transform="rotate(5 55 50)">
+      <path d="M49,70 L61,70 L62,29 A7,7 0 0 0 48,29 Z" fill="url(#pnk)"/>
+      <ellipse cx="55" cy="70" rx="6" ry="2.5" fill="#FBE4E4"/>
+    </g>
+  </g>
+  <text x="90" y="52" font-family="system-ui, -apple-system, BlinkMacSystemFont, sans-serif" font-size="38" font-weight="600" letter-spacing="-0.02em" fill="#F4F3EE">chalk</text>
+</svg>

package/dist/logos/chalk-logo.svg

@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 280 80" fill="none">
+  <defs>
+    <linearGradient id="grn" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#C5E5C0"/><stop offset="100%" stop-color="#80B879"/>
+    </linearGradient>
+    <linearGradient id="yel" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#FCEAB3"/><stop offset="100%" stop-color="#D9B641"/>
+    </linearGradient>
+    <linearGradient id="blu" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#B2E0F0"/><stop offset="100%" stop-color="#55AAC9"/>
+    </linearGradient>
+    <linearGradient id="pnk" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#F8CACA"/><stop offset="100%" stop-color="#D67B7B"/>
+    </linearGradient>
+  </defs>
+  <!-- Chalk sticks arrangement -->
+  <g transform="translate(2, 2) scale(0.95)">
+    <!-- Green chalk -->
+    <g transform="rotate(-15 20 60)">
+      <path d="M9,20 L21,20 L22,63 A7,7 0 0 1 8,63 Z" fill="url(#grn)"/>
+      <ellipse cx="15" cy="20" rx="6" ry="2.5" fill="#D8ECD4"/>
+    </g>
+
+    <!-- Yellow chalk -->
+    <g transform="rotate(-8 32 55)">
+      <path d="M23,15 L35,15 L36,60 A7,7 0 0 1 22,60 Z" fill="url(#yel)"/>
+      <ellipse cx="29" cy="15" rx="6" ry="2.5" fill="#FEF3D1"/>
+    </g>
+
+    <!-- Blue chalk -->
+    <g transform="rotate(12 60 30)">
+      <path d="M36,8 L48,8 L49,56 A7,7 0 0 1 35,56 Z" fill="url(#blu)"/>
+      <ellipse cx="42" cy="8" rx="6" ry="2.5" fill="#D0EDF8"/>
+    </g>
+
+    <!-- Pink chalk -->
+    <g transform="rotate(5 55 50)">
+      <path d="M49,70 L61,70 L62,29 A7,7 0 0 0 48,29 Z" fill="url(#pnk)"/>
+      <ellipse cx="55" cy="70" rx="6" ry="2.5" fill="#FBE4E4"/>
+    </g>
+  </g>
+
+  <!-- "chalk" text -->
+  <text x="90" y="52" font-family="system-ui, -apple-system, BlinkMacSystemFont, sans-serif" font-size="38" font-weight="600" letter-spacing="-0.02em" fill="currentColor">chalk</text>
+</svg>

package/dist/progress-bar.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+export interface ProgressBarProps {
+    readonly value: number;
+    readonly max?: number;
+    readonly showLabel?: boolean;
+    readonly variant?: "default" | "success" | "warning" | "danger";
+    readonly size?: "sm" | "md" | "lg";
+    readonly animated?: boolean;
+    readonly className?: string;
+}
+declare function ProgressBar({ value, max, showLabel, variant, size, animated, className }: ProgressBarProps): React.JSX.Element;
+export { ProgressBar };
+//# sourceMappingURL=progress-bar.d.ts.map

package/dist/progress-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../src/progress-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAChE,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,iBAAS,WAAW,CAAC,EAAE,KAAK,EAAE,GAAS,EAAE,SAAiB,EAAE,OAAmB,EAAE,IAAW,EAAE,QAAgB,EAAE,SAAS,EAAE,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqBhK;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/progress-bar.js

@@ -0,0 +1,35 @@
+// src/progress-bar.tsx
+import "react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/progress-bar.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ProgressBar({ value, max = 100, showLabel = false, variant = "default", size = "md", animated = false, className }) {
+  const percentage = Math.min(100, Math.max(0, value / max * 100));
+  return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), children: [
+    showLabel ? /* @__PURE__ */ jsx("div", { className: "mb-1 flex justify-between text-xs text-muted-foreground", children: /* @__PURE__ */ jsxs("span", { children: [
+      Math.round(percentage),
+      "%"
+    ] }) }) : null,
+    /* @__PURE__ */ jsx("div", { className: cn("w-full overflow-hidden rounded-full bg-muted", size === "sm" && "h-1", size === "md" && "h-2", size === "lg" && "h-4"), children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "progressbar",
+        "aria-valuenow": value,
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        className: cn("h-full rounded-full bg-primary transition-all", variant === "success" && "bg-green-500", variant === "warning" && "bg-yellow-500", variant === "danger" && "bg-destructive", animated && "animate-pulse"),
+        style: { width: `${percentage}%` }
+      }
+    ) })
+  ] });
+}
+export {
+  ProgressBar
+};

package/dist/reactions.d.ts

@@ -0,0 +1,33 @@
+export declare const DEFAULT_QUICK_REACTIONS: readonly ["👍", "❤️", "😂", "😮", "😢", "🎉"];
+export declare const CELEBRATION_EMOJIS: readonly string[];
+export declare const EMOJI_CATEGORIES: {
+    readonly smileys: {
+        readonly label: "😀";
+        readonly name: "Smileys";
+        readonly emojis: readonly ["😀", "😃", "😄", "😁", "😅", "😂", "🤣", "😊", "😇", "🙂", "😉", "😌", "😍", "🥰", "😘", "😋", "😛", "🤪", "🤨", "🧐", "🤓", "😎", "🥳", "😏", "😒", "🙄", "😬", "😮", "😯", "😲", "😳", "🥺", "😢", "😭", "😤", "😠", "🤯", "😱", "🥶", "🥵"];
+    };
+    readonly gestures: {
+        readonly label: "👋";
+        readonly name: "Gestures";
+        readonly emojis: readonly ["👋", "🤚", "🖐️", "✋", "🖖", "👌", "🤌", "🤏", "✌️", "🤞", "🤟", "🤘", "🤙", "👈", "👉", "👆", "👇", "☝️", "👍", "👎", "✊", "👊", "🤛", "🤜", "👏", "🙌", "👐", "🤲", "🤝", "🙏", "💪", "🦾"];
+    };
+    readonly hearts: {
+        readonly label: "❤️";
+        readonly name: "Hearts";
+        readonly emojis: readonly ["❤️", "🧡", "💛", "💚", "💙", "💜", "🖤", "🤍", "🤎", "💔", "❤️‍🔥", "❤️‍🩹", "💕", "💞", "💓", "💗", "💖", "💘", "💝", "💟", "♥️", "😍", "🥰", "😘", "😻"];
+    };
+    readonly celebration: {
+        readonly label: "🎉";
+        readonly name: "Celebration";
+        readonly emojis: readonly ["🎉", "🎊", "🥳", "🎈", "🎁", "🎀", "🏆", "🥇", "🏅", "⭐", "🌟", "✨", "💫", "🔥", "💥", "💯", "🙌", "👏", "🤩", "🥂", "🍾", "🎆", "🎇", "🪅", "🎯"];
+    };
+    readonly objects: {
+        readonly label: "💡";
+        readonly name: "Objects";
+        readonly emojis: readonly ["💡", "📌", "📍", "🔔", "🔕", "📢", "📣", "💬", "💭", "🗯️", "✅", "❌", "❓", "❗", "💤", "💢", "💦", "💨", "🕐", "⏰", "📅", "📆", "🔒", "🔓", "🔑"];
+    };
+};
+export type ReactionCategoryKey = keyof typeof EMOJI_CATEGORIES;
+export type ReactionCategory = (typeof EMOJI_CATEGORIES)[ReactionCategoryKey];
+export declare const EMOJI_KEYWORDS: Record<string, string>;
+//# sourceMappingURL=reactions.d.ts.map

package/dist/reactions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactions.d.ts","sourceRoot":"","sources":["../src/reactions.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,+CAAgD,CAAC;AAErF,eAAO,MAAM,kBAAkB,EAAE,SAAS,MAAM,EAA6F,CAAC;AAE9I,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BnB,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAEhE,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,mBAAmB,CAAC,CAAC;AAE9E,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA8IjD,CAAC"}

package/dist/reactions.js

@@ -0,0 +1,179 @@
+// src/reactions.ts
+var DEFAULT_QUICK_REACTIONS = ["\u{1F44D}", "\u2764\uFE0F", "\u{1F602}", "\u{1F62E}", "\u{1F622}", "\u{1F389}"];
+var CELEBRATION_EMOJIS = ["\u{1F389}", "\u{1F38A}", "\u{1F973}", "\u{1F388}", "\u{1F3C6}", "\u{1F947}", "\u2B50", "\u{1F31F}", "\u2728", "\u{1F4AB}", "\u{1F525}", "\u{1F4A5}", "\u{1F4AF}", "\u{1F386}", "\u{1F387}"];
+var EMOJI_CATEGORIES = {
+  smileys: {
+    label: "\u{1F600}",
+    name: "Smileys",
+    emojis: ["\u{1F600}", "\u{1F603}", "\u{1F604}", "\u{1F601}", "\u{1F605}", "\u{1F602}", "\u{1F923}", "\u{1F60A}", "\u{1F607}", "\u{1F642}", "\u{1F609}", "\u{1F60C}", "\u{1F60D}", "\u{1F970}", "\u{1F618}", "\u{1F60B}", "\u{1F61B}", "\u{1F92A}", "\u{1F928}", "\u{1F9D0}", "\u{1F913}", "\u{1F60E}", "\u{1F973}", "\u{1F60F}", "\u{1F612}", "\u{1F644}", "\u{1F62C}", "\u{1F62E}", "\u{1F62F}", "\u{1F632}", "\u{1F633}", "\u{1F97A}", "\u{1F622}", "\u{1F62D}", "\u{1F624}", "\u{1F620}", "\u{1F92F}", "\u{1F631}", "\u{1F976}", "\u{1F975}"]
+  },
+  gestures: {
+    label: "\u{1F44B}",
+    name: "Gestures",
+    emojis: ["\u{1F44B}", "\u{1F91A}", "\u{1F590}\uFE0F", "\u270B", "\u{1F596}", "\u{1F44C}", "\u{1F90C}", "\u{1F90F}", "\u270C\uFE0F", "\u{1F91E}", "\u{1F91F}", "\u{1F918}", "\u{1F919}", "\u{1F448}", "\u{1F449}", "\u{1F446}", "\u{1F447}", "\u261D\uFE0F", "\u{1F44D}", "\u{1F44E}", "\u270A", "\u{1F44A}", "\u{1F91B}", "\u{1F91C}", "\u{1F44F}", "\u{1F64C}", "\u{1F450}", "\u{1F932}", "\u{1F91D}", "\u{1F64F}", "\u{1F4AA}", "\u{1F9BE}"]
+  },
+  hearts: {
+    label: "\u2764\uFE0F",
+    name: "Hearts",
+    emojis: ["\u2764\uFE0F", "\u{1F9E1}", "\u{1F49B}", "\u{1F49A}", "\u{1F499}", "\u{1F49C}", "\u{1F5A4}", "\u{1F90D}", "\u{1F90E}", "\u{1F494}", "\u2764\uFE0F\u200D\u{1F525}", "\u2764\uFE0F\u200D\u{1FA79}", "\u{1F495}", "\u{1F49E}", "\u{1F493}", "\u{1F497}", "\u{1F496}", "\u{1F498}", "\u{1F49D}", "\u{1F49F}", "\u2665\uFE0F", "\u{1F60D}", "\u{1F970}", "\u{1F618}", "\u{1F63B}"]
+  },
+  celebration: {
+    label: "\u{1F389}",
+    name: "Celebration",
+    emojis: ["\u{1F389}", "\u{1F38A}", "\u{1F973}", "\u{1F388}", "\u{1F381}", "\u{1F380}", "\u{1F3C6}", "\u{1F947}", "\u{1F3C5}", "\u2B50", "\u{1F31F}", "\u2728", "\u{1F4AB}", "\u{1F525}", "\u{1F4A5}", "\u{1F4AF}", "\u{1F64C}", "\u{1F44F}", "\u{1F929}", "\u{1F942}", "\u{1F37E}", "\u{1F386}", "\u{1F387}", "\u{1FA85}", "\u{1F3AF}"]
+  },
+  objects: {
+    label: "\u{1F4A1}",
+    name: "Objects",
+    emojis: ["\u{1F4A1}", "\u{1F4CC}", "\u{1F4CD}", "\u{1F514}", "\u{1F515}", "\u{1F4E2}", "\u{1F4E3}", "\u{1F4AC}", "\u{1F4AD}", "\u{1F5EF}\uFE0F", "\u2705", "\u274C", "\u2753", "\u2757", "\u{1F4A4}", "\u{1F4A2}", "\u{1F4A6}", "\u{1F4A8}", "\u{1F550}", "\u23F0", "\u{1F4C5}", "\u{1F4C6}", "\u{1F512}", "\u{1F513}", "\u{1F511}"]
+  }
+};
+var EMOJI_KEYWORDS = {
+  "\u{1F600}": "grinning smile happy face",
+  "\u{1F603}": "smiley happy face big eyes",
+  "\u{1F604}": "smile happy face",
+  "\u{1F601}": "grin teeth face",
+  "\u{1F605}": "sweat smile face",
+  "\u{1F602}": "cry tears joy laugh face",
+  "\u{1F923}": "rofl laughing face",
+  "\u{1F60A}": "blush happy face",
+  "\u{1F607}": "innocent angel face",
+  "\u{1F642}": "slightly smiling happy face",
+  "\u{1F609}": "wink face",
+  "\u{1F60C}": "relieved face",
+  "\u{1F60D}": "heart eyes love face",
+  "\u{1F970}": "hearts love face",
+  "\u{1F618}": "kissing heart face",
+  "\u{1F60B}": "yum tongue face",
+  "\u{1F61B}": "stuck out tongue face",
+  "\u{1F92A}": "zany crazy face",
+  "\u{1F928}": "raised eyebrow face",
+  "\u{1F9D0}": "monocle inspecting face",
+  "\u{1F913}": "nerd glasses face",
+  "\u{1F60E}": "sunglasses cool face",
+  "\u{1F973}": "partying face",
+  "\u{1F60F}": "smirk sly face",
+  "\u{1F612}": "unamused face",
+  "\u{1F644}": "roll eyes face",
+  "\u{1F62C}": "grimacing teeth face",
+  "\u{1F62E}": "open mouth surprise face",
+  "\u{1F62F}": "hushed surprise face",
+  "\u{1F632}": "astonished surprise face",
+  "\u{1F633}": "flushed embarrassed face",
+  "\u{1F97A}": "pleading puppy eyes face",
+  "\u{1F622}": "cry sad face",
+  "\u{1F62D}": "sob crying face",
+  "\u{1F624}": "triumph steam face",
+  "\u{1F620}": "angry mad face",
+  "\u{1F92F}": "exploding head mind blown",
+  "\u{1F631}": "scream scared face",
+  "\u{1F976}": "cold freezing face",
+  "\u{1F975}": "hot sweating face",
+  "\u{1F44B}": "wave hello hand",
+  "\u{1F91A}": "raised back hand",
+  "\u{1F590}\uFE0F": "raised hand fingers splayed",
+  "\u270B": "raised hand stop",
+  "\u{1F596}": "vulcan salute star trek",
+  "\u{1F44C}": "ok perfect hand",
+  "\u{1F90C}": "pinched fingers italian",
+  "\u{1F90F}": "pinching small hand",
+  "\u270C\uFE0F": "peace victory hand",
+  "\u{1F91E}": "crossed fingers luck",
+  "\u{1F91F}": "love you hand",
+  "\u{1F918}": "horns rock on hand",
+  "\u{1F919}": "call me shaka hand",
+  "\u{1F448}": "point left hand",
+  "\u{1F449}": "point right hand",
+  "\u{1F446}": "point up hand",
+  "\u{1F447}": "point down hand",
+  "\u261D\uFE0F": "point up index",
+  "\u{1F44D}": "thumbs up yes cool",
+  "\u{1F44E}": "thumbs down no",
+  "\u270A": "fist power",
+  "\u{1F44A}": "fist bump punch",
+  "\u{1F91B}": "left-facing fist",
+  "\u{1F91C}": "right-facing fist",
+  "\u{1F44F}": "clap applause hand",
+  "\u{1F64C}": "raise hands celebrate",
+  "\u{1F450}": "open hands",
+  "\u{1F932}": "palms up together",
+  "\u{1F91D}": "handshake agree",
+  "\u{1F64F}": "pray please thank you",
+  "\u{1F4AA}": "muscle flex strong",
+  "\u{1F9BE}": "mechanical arm robot",
+  "\u2764\uFE0F": "red heart love",
+  "\u{1F9E1}": "orange heart love",
+  "\u{1F49B}": "yellow heart love",
+  "\u{1F49A}": "green heart love",
+  "\u{1F499}": "blue heart love",
+  "\u{1F49C}": "purple heart love",
+  "\u{1F5A4}": "black heart love",
+  "\u{1F90D}": "white heart love",
+  "\u{1F90E}": "brown heart love",
+  "\u{1F494}": "broken heart sad",
+  "\u2764\uFE0F\u200D\u{1F525}": "heart on fire",
+  "\u2764\uFE0F\u200D\u{1FA79}": "mending heart heal",
+  "\u{1F495}": "two hearts love",
+  "\u{1F49E}": "revolving hearts love",
+  "\u{1F493}": "beating heart love",
+  "\u{1F497}": "growing heart love",
+  "\u{1F496}": "sparkling heart love",
+  "\u{1F498}": "heart with arrow love",
+  "\u{1F49D}": "heart with ribbon gift",
+  "\u{1F49F}": "heart decoration love",
+  "\u2665\uFE0F": "heart suit card",
+  "\u{1F63B}": "heart eyes cat love",
+  "\u{1F389}": "party popper celebrate",
+  "\u{1F38A}": "confetti ball celebrate",
+  "\u{1F388}": "balloon party celebrate",
+  "\u{1F381}": "gift present box",
+  "\u{1F380}": "ribbon bow pink",
+  "\u{1F3C6}": "trophy win first",
+  "\u{1F947}": "1st place medal gold",
+  "\u{1F3C5}": "sports medal win",
+  "\u2B50": "star yellow shine",
+  "\u{1F31F}": "glowing star shine",
+  "\u2728": "sparkles magic shine",
+  "\u{1F4AB}": "dizzy shooting star",
+  "\u{1F525}": "fire hot lit flame",
+  "\u{1F4A5}": "collision explosion boom",
+  "\u{1F4AF}": "hundred percent perfect",
+  "\u{1F929}": "star struck eyes",
+  "\u{1F942}": "clinking glasses cheers",
+  "\u{1F37E}": "champagne bottle pop",
+  "\u{1F386}": "fireworks celebrate night",
+  "\u{1F387}": "sparkler firework celebrate",
+  "\u{1FA85}": "pinata party celebrate",
+  "\u{1F3AF}": "bullseye target hit",
+  "\u{1F4A1}": "light bulb idea smart",
+  "\u{1F4CC}": "pushpin location pin",
+  "\u{1F4CD}": "round pushpin location",
+  "\u{1F514}": "bell notification alarm",
+  "\u{1F515}": "bell with slash silent",
+  "\u{1F4E2}": "loudspeaker announce",
+  "\u{1F4E3}": "megaphone cheer announce",
+  "\u{1F4AC}": "speech balloon chat",
+  "\u{1F4AD}": "thought balloon think",
+  "\u{1F5EF}\uFE0F": "anger right balloon mad",
+  "\u2705": "check mark button yes",
+  "\u274C": "cross mark no wrong",
+  "\u2753": "question mark ask",
+  "\u2757": "exclamation mark alert",
+  "\u{1F4A4}": "zzz sleep tired",
+  "\u{1F4A2}": "anger symbol mad",
+  "\u{1F4A6}": "sweat drops water",
+  "\u{1F4A8}": "dashing away wind speed",
+  "\u{1F550}": "one oclock time clock",
+  "\u23F0": "alarm clock time",
+  "\u{1F4C5}": "calendar date",
+  "\u{1F4C6}": "tear-off calendar date",
+  "\u{1F512}": "locked lock secure",
+  "\u{1F513}": "unlocked lock open",
+  "\u{1F511}": "key lock secure"
+};
+export {
+  CELEBRATION_EMOJIS,
+  DEFAULT_QUICK_REACTIONS,
+  EMOJI_CATEGORIES,
+  EMOJI_KEYWORDS
+};

package/dist/select.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+export interface SelectOption {
+    readonly value: string;
+    readonly label: string;
+    readonly disabled?: boolean;
+}
+export interface SelectProps {
+    readonly options: readonly SelectOption[];
+    readonly value?: string;
+    readonly onChange?: (event: {
+        readonly target: {
+            readonly value: string;
+        };
+    }) => void;
+    readonly label?: string;
+    readonly error?: string;
+    readonly size?: "sm" | "md" | "lg";
+    readonly fullWidth?: boolean;
+    readonly placeholder?: string;
+    readonly disabled?: boolean;
+    readonly className?: string;
+    readonly id?: string;
+}
+declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+export { Select };
+//# sourceMappingURL=select.d.ts.map

package/dist/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../src/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,OAAO,EAAE,SAAS,YAAY,EAAE,CAAC;IAC1C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,CAAC,MAAM,EAAE;YAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACrF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,MAAM,uFAqCV,CAAC;AAIH,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/select.js

@@ -0,0 +1,49 @@
+// src/select.tsx
+import * as React from "react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/select.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Select = React.forwardRef(function Select2({ options, value, onChange, label, error, size = "md", fullWidth = false, placeholder = "Select\u2026", disabled = false, className, id }, ref) {
+  const generatedId = React.useId();
+  const selectId = id ?? generatedId;
+  const selectedOption = options.find((option) => option.value === value);
+  return /* @__PURE__ */ jsxs("label", { className: cn("flex flex-col gap-1", fullWidth && "w-full"), htmlFor: selectId, children: [
+    label ? /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-muted-foreground", children: label }) : null,
+    /* @__PURE__ */ jsxs(
+      "select",
+      {
+        ref,
+        id: selectId,
+        value: value ?? "",
+        disabled,
+        onChange: (event) => onChange?.({ target: { value: event.target.value } }),
+        "aria-invalid": Boolean(error),
+        className: cn(
+          "border-input bg-background focus-visible:border-ring focus-visible:ring-ring/50 disabled:bg-muted h-8 min-w-0 rounded-lg border px-2.5 py-1 text-sm outline-none transition-colors focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+          size === "sm" && "h-7 text-xs",
+          size === "lg" && "h-10 text-base",
+          fullWidth && "w-full",
+          !selectedOption && "text-muted-foreground",
+          error && "border-destructive",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx("option", { value: "", disabled: options.length > 0, children: placeholder }),
+          options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, disabled: option.disabled, children: option.label }, option.value))
+        ]
+      }
+    ),
+    error ? /* @__PURE__ */ jsx("span", { className: "text-sm text-destructive", children: error }) : null
+  ] });
+});
+Select.displayName = "Select";
+export {
+  Select
+};

package/dist/skeleton.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export interface SkeletonProps {
+    readonly width?: string | number;
+    readonly height?: string | number;
+    readonly variant?: "text" | "circular" | "rectangular" | "rounded";
+    readonly animation?: "pulse" | "wave" | "none";
+    readonly className?: string;
+}
+declare function Skeleton({ width, height, variant, animation, className }: SkeletonProps): React.JSX.Element;
+export { Skeleton };
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../src/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,aAAa,GAAG,SAAS,CAAC;IACnE,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,iBAAS,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAgB,EAAE,SAAmB,EAAE,SAAS,EAAE,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAQvH;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/skeleton.js

@@ -0,0 +1,25 @@
+// src/skeleton.tsx
+import "react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/skeleton.tsx
+import { jsx } from "react/jsx-runtime";
+function Skeleton({ width, height, variant = "text", animation = "pulse", className }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("bg-muted", variant === "text" && "rounded-sm", variant === "circular" && "rounded-full", variant === "rounded" && "rounded-md", animation === "pulse" && "animate-pulse", animation === "wave" && "animate-pulse", className),
+      style: { width: width ?? (variant === "text" ? "100%" : void 0), height: height ?? (variant === "text" ? "1em" : void 0) },
+      "aria-hidden": "true"
+    }
+  );
+}
+export {
+  Skeleton
+};

package/dist/spinner.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface SpinnerProps {
+    readonly size?: "sm" | "md" | "lg" | "xl";
+    readonly color?: string;
+    readonly className?: string;
+}
+declare function Spinner({ size, color, className }: SpinnerProps): React.JSX.Element;
+export { Spinner };
+//# sourceMappingURL=spinner.d.ts.map

package/dist/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../src/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,iBAAS,OAAO,CAAC,EAAE,IAAW,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CASnF;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}