@q9labsai/chalk-ui 4.0.0

package/dist/index.js

@@ -0,0 +1,897 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Badge: () => Badge,
+  Button: () => Button,
+  CELEBRATION_EMOJIS: () => CELEBRATION_EMOJIS,
+  Card: () => Card,
+  CardAction: () => CardAction,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  DEFAULT_QUICK_REACTIONS: () => DEFAULT_QUICK_REACTIONS,
+  EMOJI_CATEGORIES: () => EMOJI_CATEGORIES,
+  EMOJI_KEYWORDS: () => EMOJI_KEYWORDS,
+  IconButton: () => IconButton,
+  Input: () => Input,
+  ProgressBar: () => ProgressBar,
+  Select: () => Select,
+  Skeleton: () => Skeleton,
+  Spinner: () => Spinner,
+  StatusBadge: () => StatusBadge,
+  Textarea: () => Textarea,
+  Toast: () => Toast,
+  ToastAction: () => ToastAction,
+  ToastClose: () => ToastClose,
+  ToastContent: () => ToastContent,
+  ToastDescription: () => ToastDescription,
+  ToastProvider: () => ToastProvider,
+  ToastRoot: () => ToastRoot,
+  ToastTitle: () => ToastTitle,
+  ToastViewport: () => ToastViewport,
+  Toggle: () => Toggle,
+  ToggleGroup: () => ToggleGroup,
+  ToggleGroupItem: () => ToggleGroupItem,
+  Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
+  TooltipProvider: () => TooltipProvider,
+  TooltipTrigger: () => TooltipTrigger,
+  badgeVariants: () => badgeVariants,
+  buttonVariants: () => buttonVariants,
+  cn: () => cn,
+  toast: () => toast,
+  toastManager: () => toastManager,
+  toggleVariants: () => toggleVariants,
+  useToast: () => useToast
+});
+
+// src/assets.ts
+var assets_exports = {};
+__reExport(assets_exports, chalk_assets_star);
+import * as chalk_assets_star from "@q9labsai/chalk-assets";
+
+// src/index.ts
+__reExport(index_exports, assets_exports);
+
+// src/badge.tsx
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { cva } from "class-variance-authority";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/badge.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var badgeVariants = cva(
+  "h-5 gap-1 rounded-full border border-transparent px-2 py-0.5 text-xs font-medium transition-colors has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[2px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge",
+  {
+    variants: {
+      variant: {
+        default: "bg-accent text-accent-foreground [a]:hover:bg-accent/80",
+        secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+        destructive: "bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20",
+        outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+        ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function getBadgeContent(count, max, dot) {
+  if (dot) return null;
+  if (count !== void 0 && count > max) return `${max}+`;
+  return count;
+}
+function CountBadge({ className, variant, dot, content }) {
+  return /* @__PURE__ */ jsx("span", { className: cn(badgeVariants({ className, variant }), dot ? "h-2 w-2 p-0" : "min-w-5 px-2", "absolute -top-1 -right-1 translate-x-1/2 -translate-y-1/2 z-10"), children: content });
+}
+function Badge({ className, variant = "default", render, count, max = 99, dot = false, showZero = false, children, ...props }) {
+  const hasCount = count !== void 0 || dot;
+  const renderedPlain = useRender({
+    defaultTagName: "span",
+    props: mergeProps(
+      {
+        className: cn(badgeVariants({ className, variant }))
+      },
+      { ...props, children }
+    ),
+    render,
+    state: {
+      slot: "badge",
+      variant
+    }
+  });
+  if (!hasCount) {
+    return renderedPlain;
+  }
+  if (!showZero && count === 0 && !dot) return /* @__PURE__ */ jsx(Fragment, { children });
+  const content = getBadgeContent(count, max, dot);
+  if (children) {
+    return /* @__PURE__ */ jsxs("span", { className: "relative inline-flex overflow-visible", ...props, children: [
+      children,
+      /* @__PURE__ */ jsx(CountBadge, { className, variant, dot, content })
+    ] });
+  }
+  return /* @__PURE__ */ jsx("span", { className: cn(badgeVariants({ className, variant }), dot ? "h-2 w-2 p-0" : "min-w-5 px-2"), ...props, children: content });
+}
+
+// src/button.tsx
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var buttonVariants = cva2(
+  "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 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-colors disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        outline: "border-border bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        destructive: "bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+        icon: "size-8",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({ className, variant = "default", size = "default", ...props }) {
+  return /* @__PURE__ */ jsx2(ButtonPrimitive, { "data-slot": "button", className: cn(buttonVariants({ variant, size, className })), ...props });
+}
+
+// src/card.tsx
+import "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function Card({ className, size = "default", ...props }) {
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      "data-slot": "card",
+      "data-size": size,
+      className: cn(
+        "border-border bg-card text-card-foreground gap-4 overflow-hidden rounded-xl border py-4 text-sm has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("div", { "data-slot": "card-title", className: cn("text-base leading-snug font-medium group-data-[size=sm]/card:text-sm", className), ...props });
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("div", { "data-slot": "card-description", className: cn("text-muted-foreground text-sm", className), ...props });
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("div", { "data-slot": "card-action", className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className), ...props });
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("div", { "data-slot": "card-content", className: cn("px-4 group-data-[size=sm]/card:px-3", className), ...props });
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("div", { "data-slot": "card-footer", className: cn("bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center", className), ...props });
+}
+
+// src/input.tsx
+import "react";
+import { Input as InputPrimitive } from "@base-ui/react/input";
+import { jsx as jsx4, jsxs as jsxs2 } 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__ */ jsx4(InputPrimitive, { type, "data-slot": "input", className: getInputClassName(className, size, fullWidth, icon, iconPosition, error), ...props });
+  }
+  const input = /* @__PURE__ */ jsxs2("div", { className: "relative", children: [
+    icon && iconPosition === "left" ? /* @__PURE__ */ jsx4("span", { className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: icon }) : null,
+    /* @__PURE__ */ jsx4(InputPrimitive, { id: inputId, type, "data-slot": "input", className: getInputClassName(className, size, fullWidth, icon, iconPosition, error), "aria-invalid": Boolean(error), ...props }),
+    icon && iconPosition === "right" ? /* @__PURE__ */ jsx4("span", { className: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: icon }) : null
+  ] });
+  return /* @__PURE__ */ jsxs2("label", { className: cn("flex flex-col gap-1.5", fullWidth && "w-full"), htmlFor: inputId, children: [
+    label ? /* @__PURE__ */ jsx4("span", { className: "text-sm font-medium text-muted-foreground", children: label }) : null,
+    input,
+    error ? /* @__PURE__ */ jsx4("span", { className: "text-sm text-destructive", children: error }) : null
+  ] });
+}
+
+// src/select.tsx
+import * as React3 from "react";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var Select = React3.forwardRef(function Select2({ options, value, onChange, label, error, size = "md", fullWidth = false, placeholder = "Select\u2026", disabled = false, className, id }, ref) {
+  const generatedId = React3.useId();
+  const selectId = id ?? generatedId;
+  const selectedOption = options.find((option) => option.value === value);
+  return /* @__PURE__ */ jsxs3("label", { className: cn("flex flex-col gap-1", fullWidth && "w-full"), htmlFor: selectId, children: [
+    label ? /* @__PURE__ */ jsx5("span", { className: "text-sm font-medium text-muted-foreground", children: label }) : null,
+    /* @__PURE__ */ jsxs3(
+      "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__ */ jsx5("option", { value: "", disabled: options.length > 0, children: placeholder }),
+          options.map((option) => /* @__PURE__ */ jsx5("option", { value: option.value, disabled: option.disabled, children: option.label }, option.value))
+        ]
+      }
+    ),
+    error ? /* @__PURE__ */ jsx5("span", { className: "text-sm text-destructive", children: error }) : null
+  ] });
+});
+Select.displayName = "Select";
+
+// src/textarea.tsx
+import * as React4 from "react";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var Textarea = React4.forwardRef(function Textarea2({ label, error, showCount = false, resize = "vertical", maxLength, value, className, id, ...props }, ref) {
+  const generatedId = React4.useId();
+  const textareaId = id ?? generatedId;
+  const currentLength = typeof value === "string" ? value.length : 0;
+  return /* @__PURE__ */ jsxs4("label", { className: "flex w-full flex-col gap-1.5", htmlFor: textareaId, children: [
+    label ? /* @__PURE__ */ jsx6("span", { className: "text-sm font-medium text-muted-foreground", children: label }) : null,
+    /* @__PURE__ */ jsx6(
+      "textarea",
+      {
+        ref,
+        id: textareaId,
+        value,
+        maxLength,
+        "aria-invalid": Boolean(error),
+        className: cn(
+          "border-input bg-background focus-visible:border-ring focus-visible:ring-ring/50 disabled:bg-muted flex min-h-20 w-full rounded-lg border px-3 py-2 text-sm outline-none transition-colors focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+          resize === "none" && "resize-none",
+          resize === "vertical" && "resize-y",
+          resize === "horizontal" && "resize-x",
+          resize === "both" && "resize",
+          error && "border-destructive",
+          className
+        ),
+        ...props
+      }
+    ),
+    error || showCount && maxLength ? /* @__PURE__ */ jsxs4("span", { className: cn("flex justify-between text-xs text-muted-foreground", error && "text-destructive"), children: [
+      /* @__PURE__ */ jsx6("span", { children: error }),
+      showCount && maxLength ? /* @__PURE__ */ jsxs4("span", { children: [
+        currentLength,
+        " / ",
+        maxLength
+      ] }) : null
+    ] }) : null
+  ] });
+});
+Textarea.displayName = "Textarea";
+
+// src/spinner.tsx
+import "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+function Spinner({ size = "md", color, className }) {
+  return /* @__PURE__ */ jsx7(
+    "span",
+    {
+      className: cn("inline-block animate-spin rounded-full border-2 border-current border-t-transparent text-primary", size === "sm" && "h-4 w-4", size === "md" && "h-6 w-6", size === "lg" && "h-8 w-8", size === "xl" && "h-12 w-12", className),
+      style: color ? { color } : void 0,
+      role: "status",
+      "aria-label": "Loading"
+    }
+  );
+}
+
+// src/skeleton.tsx
+import "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+function Skeleton({ width, height, variant = "text", animation = "pulse", className }) {
+  return /* @__PURE__ */ jsx8(
+    "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"
+    }
+  );
+}
+
+// src/icon-button.tsx
+import * as React7 from "react";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var IconButton = React7.forwardRef(function IconButton2({ icon, size = "md", variant = "default", className, type = "button", ...props }, ref) {
+  return /* @__PURE__ */ jsx9(
+    "button",
+    {
+      ref,
+      type,
+      className: cn(
+        "inline-flex items-center justify-center rounded-md transition-colors",
+        size === "sm" && "h-8 w-8 p-1.5",
+        size === "md" && "h-10 w-10 p-2",
+        size === "lg" && "h-12 w-12 p-3",
+        variant === "default" && "bg-muted text-foreground hover:bg-accent",
+        variant === "ghost" && "bg-transparent text-muted-foreground hover:bg-muted hover:text-foreground",
+        variant === "outline" && "border border-border bg-transparent text-foreground hover:bg-muted",
+        className
+      ),
+      ...props,
+      children: icon
+    }
+  );
+});
+IconButton.displayName = "IconButton";
+
+// src/progress-bar.tsx
+import "react";
+import { jsx as jsx10, jsxs as jsxs5 } 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__ */ jsxs5("div", { className: cn("w-full", className), children: [
+    showLabel ? /* @__PURE__ */ jsx10("div", { className: "mb-1 flex justify-between text-xs text-muted-foreground", children: /* @__PURE__ */ jsxs5("span", { children: [
+      Math.round(percentage),
+      "%"
+    ] }) }) : null,
+    /* @__PURE__ */ jsx10("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__ */ jsx10(
+      "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}%` }
+      }
+    ) })
+  ] });
+}
+
+// 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"
+};
+
+// src/status-badge.tsx
+import * as React9 from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var StatusBadge = React9.forwardRef(function StatusBadge2({ children, className, label, status = "neutral", ...props }, ref) {
+  return /* @__PURE__ */ jsx11("span", { ref, "data-slot": "status-badge", "data-status": status, className: cn("chalk-ui-status-badge", className), ...props, children: label ?? children ?? status });
+});
+
+// src/toast.tsx
+import * as React10 from "react";
+import { Toast as ToastPrimitive } from "@base-ui/react/toast";
+
+// src/lib/theme.ts
+var THEME_ATTRIBUTE_NAMES = ["data-chalk-theme", "data-theme"];
+var THEME_CLASS_NAMES = ["dark", "light"];
+var SYSTEM_DARK_QUERY = "(prefers-color-scheme: dark)";
+var normalizeTheme = (value) => {
+  if (value === "dark" || value === "light") {
+    return value;
+  }
+  return null;
+};
+var resolveThemeFromElement = (element) => {
+  if (!element) return null;
+  const attributeTheme = THEME_ATTRIBUTE_NAMES.map((attributeName) => normalizeTheme(element.getAttribute(attributeName))).find((theme) => theme !== null);
+  const classTheme = THEME_CLASS_NAMES.find((theme) => element.classList.contains(theme));
+  return attributeTheme ?? classTheme ?? null;
+};
+var resolveSystemTheme = () => {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return null;
+  return window.matchMedia(SYSTEM_DARK_QUERY).matches ? "dark" : "light";
+};
+var resolveExplicitThemeFromDocument = () => {
+  if (typeof document === "undefined") return null;
+  return resolveThemeFromElement(document.documentElement) ?? resolveThemeFromElement(document.body);
+};
+var resolveFallbackTheme = ({ defaultTheme, allowSystem }) => {
+  if (!allowSystem) return defaultTheme;
+  return resolveSystemTheme() ?? defaultTheme;
+};
+var resolveThemeFromDocument = ({ defaultTheme = "light", allowSystem = true } = {}) => {
+  const explicitTheme = resolveExplicitThemeFromDocument();
+  return explicitTheme ?? resolveFallbackTheme({ defaultTheme, allowSystem });
+};
+var resolvePortalThemeFromDocument = ({ defaultTheme = "light", allowSystem = true } = {}) => {
+  if (typeof document === "undefined") return defaultTheme;
+  const portalTheme = normalizeTheme(document.querySelector("[data-chalk-theme]")?.getAttribute("data-chalk-theme"));
+  if (portalTheme) return portalTheme;
+  return resolveThemeFromDocument({ defaultTheme, allowSystem });
+};
+
+// src/toast.tsx
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+var sharedToastManager = ToastPrimitive.createToastManager();
+var toastManager = sharedToastManager;
+var toast = Object.assign((options) => sharedToastManager.add(options), {
+  danger: (options) => sharedToastManager.add({ ...options, type: "danger" }),
+  dismiss: (id) => sharedToastManager.close(id),
+  error: (options) => sharedToastManager.add({ ...options, type: "error" }),
+  info: (options) => sharedToastManager.add({ ...options, type: "info" }),
+  success: (options) => sharedToastManager.add({ ...options, type: "success" }),
+  warning: (options) => sharedToastManager.add({ ...options, type: "warning" })
+});
+function ToastProvider({ toastManager: manager = sharedToastManager, ...props }) {
+  return /* @__PURE__ */ jsx12(ToastPrimitive.Provider, { toastManager: manager, ...props });
+}
+var ToastRoot = React10.forwardRef(function ToastRoot2({ className, toast: toastObject, ...props }, ref) {
+  return /* @__PURE__ */ jsx12(ToastPrimitive.Root, { ref, "data-slot": "toast", "data-type": toastObject.type ?? "neutral", toast: toastObject, className: cn("chalk-ui-toast", className), ...props });
+});
+var ToastContent = React10.forwardRef(function ToastContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx12(ToastPrimitive.Content, { ref, "data-slot": "toast-content", className: cn("chalk-ui-toast-content", className), ...props });
+});
+var ToastTitle = React10.forwardRef(function ToastTitle2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx12(ToastPrimitive.Title, { ref, "data-slot": "toast-title", className: cn("chalk-ui-toast-title", className), ...props });
+});
+var ToastDescription = React10.forwardRef(function ToastDescription2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx12(ToastPrimitive.Description, { ref, "data-slot": "toast-description", className: cn("chalk-ui-toast-description", className), ...props });
+});
+var ToastClose = React10.forwardRef(function ToastClose2({ "aria-label": ariaLabel = "Dismiss notification", children = "\xD7", className, ...props }, ref) {
+  return /* @__PURE__ */ jsx12(ToastPrimitive.Close, { ref, "aria-label": ariaLabel, "data-slot": "toast-close", className: cn("chalk-ui-toast-close chalk-ui-focusable", className), ...props, children });
+});
+var ToastAction = React10.forwardRef(function ToastAction2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx12(ToastPrimitive.Action, { ref, "data-slot": "toast-action", className: cn("chalk-ui-focusable", className), ...props });
+});
+function ToastViewport({ className, children, ...props }) {
+  const { toasts } = ToastPrimitive.useToastManager();
+  const portalTheme = resolvePortalThemeFromDocument();
+  return /* @__PURE__ */ jsxs6(ToastPrimitive.Viewport, { "data-chalk": true, "data-chalk-theme": portalTheme, "data-slot": "toast-viewport", className: cn("chalk-ui-root chalk-ui-toast-viewport", className), ...props, children: [
+    children,
+    toasts.map((toastObject) => {
+      const actionProps = toastObject.actionProps;
+      const { children: actionLabel, ...restActionProps } = actionProps ?? {};
+      return /* @__PURE__ */ jsxs6(ToastPrimitive.Root, { "data-slot": "toast", "data-type": toastObject.type ?? "neutral", toast: toastObject, className: "chalk-ui-toast", children: [
+        /* @__PURE__ */ jsxs6(ToastPrimitive.Content, { "data-slot": "toast-content", className: "chalk-ui-toast-content", children: [
+          toastObject.title ? /* @__PURE__ */ jsx12(ToastPrimitive.Title, { "data-slot": "toast-title", className: "chalk-ui-toast-title", children: toastObject.title }) : null,
+          toastObject.description ? /* @__PURE__ */ jsx12(ToastPrimitive.Description, { "data-slot": "toast-description", className: "chalk-ui-toast-description", children: toastObject.description }) : null,
+          actionProps ? /* @__PURE__ */ jsx12(ToastPrimitive.Action, { "data-slot": "toast-action", className: "chalk-ui-focusable", ...restActionProps, children: actionLabel ?? "Action" }) : null
+        ] }),
+        /* @__PURE__ */ jsx12(ToastPrimitive.Close, { "aria-label": "Dismiss notification", "data-slot": "toast-close", className: "chalk-ui-toast-close chalk-ui-focusable", children: "\xD7" })
+      ] }, toastObject.id);
+    })
+  ] });
+}
+function useToast() {
+  return ToastPrimitive.useToastManager();
+}
+var Toast = Object.assign(ToastRoot, {
+  Action: ToastAction,
+  Close: ToastClose,
+  Content: ToastContent,
+  Description: ToastDescription,
+  Provider: ToastProvider,
+  Root: ToastRoot,
+  Title: ToastTitle,
+  Viewport: ToastViewport
+});
+
+// src/toggle.tsx
+import * as React11 from "react";
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+var toggleVariants = cva3(
+  "hover:text-foreground aria-pressed:bg-accent focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[state=on]:bg-accent data-[state=on]:text-accent-foreground gap-1 rounded-lg text-sm font-medium transition-colors [&_svg:not([class*='size-'])]:size-4 group/toggle hover:bg-accent inline-flex items-center justify-center whitespace-nowrap outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border-input hover:bg-accent border bg-transparent"
+      },
+      size: {
+        default: "h-8 min-w-8 px-2",
+        sm: "h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-1.5 text-[0.8rem]",
+        lg: "h-9 min-w-9 px-2.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Toggle({ className, variant = "default", size = "default", checked, enabled, onChange, label, ariaLabel, ariaLabelledby, pressed, onPressedChange, id, ...props }) {
+  const resolvedPressed = checked ?? enabled ?? pressed;
+  const generatedId = React11.useId();
+  const toggleId = id ?? (label ? `chalk-toggle-${generatedId.replace(/:/g, "")}` : void 0);
+  const toggle = /* @__PURE__ */ jsx13(TogglePrimitive, { id: toggleId, "data-slot": "toggle", className: cn(toggleVariants({ variant, size, className })), pressed: resolvedPressed, onPressedChange: onPressedChange ?? onChange, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props });
+  return label ? /* @__PURE__ */ jsxs7("span", { className: "inline-flex items-center gap-2", children: [
+    toggle,
+    /* @__PURE__ */ jsx13("label", { htmlFor: toggleId, children: label })
+  ] }) : toggle;
+}
+
+// src/toggle-group.tsx
+import * as React12 from "react";
+import { Toggle as TogglePrimitive2 } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group";
+import "class-variance-authority";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var ToggleGroupContext = React12.createContext({
+  size: "default",
+  variant: "default",
+  spacing: 0,
+  orientation: "horizontal"
+});
+function ToggleGroup({
+  className,
+  variant,
+  size,
+  spacing = 0,
+  orientation = "horizontal",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx14(
+    ToggleGroupPrimitive,
+    {
+      "data-slot": "toggle-group",
+      "data-variant": variant,
+      "data-size": size,
+      "data-spacing": spacing,
+      "data-orientation": orientation,
+      style: { "--gap": spacing },
+      className: cn("rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch", className),
+      ...props,
+      children: /* @__PURE__ */ jsx14(ToggleGroupContext.Provider, { value: { variant, size, spacing, orientation }, children })
+    }
+  );
+}
+function ToggleGroupItem({ className, children, variant = "default", size = "default", ...props }) {
+  const context = React12.useContext(ToggleGroupContext);
+  const resolvedVariant = context.variant || variant;
+  const resolvedSize = context.size || size;
+  return /* @__PURE__ */ jsx14(
+    TogglePrimitive2,
+    {
+      "data-slot": "toggle-group-item",
+      "data-variant": resolvedVariant,
+      "data-size": resolvedSize,
+      "data-spacing": context.spacing,
+      className: cn(
+        "group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg shrink-0 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t",
+        toggleVariants({
+          variant: resolvedVariant,
+          size: resolvedSize
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+
+// src/tooltip.tsx
+import "react";
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+function TooltipProvider({ delay = 0, ...props }) {
+  return /* @__PURE__ */ jsx15(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delay, ...props });
+}
+function Tooltip({ content, children, position = "top", delay = 200, className, ...props }) {
+  if (content !== void 0) {
+    return /* @__PURE__ */ jsx15(TooltipProvider, { delay, children: /* @__PURE__ */ jsxs8(TooltipPrimitive.Root, { children: [
+      /* @__PURE__ */ jsx15(
+        TooltipPrimitive.Trigger,
+        {
+          render: (triggerProps) => /* @__PURE__ */ jsx15("span", { ...triggerProps, className: "inline-flex", children })
+        }
+      ),
+      /* @__PURE__ */ jsx15(TooltipContent, { className, side: position, children: content })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx15(TooltipProvider, { children: /* @__PURE__ */ jsx15(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
+}
+function TooltipTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx15(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({ className, side = "top", sideOffset = 4, align = "center", alignOffset = 0, children, ...props }) {
+  const portalTheme = resolvePortalThemeFromDocument();
+  return /* @__PURE__ */ jsx15(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx15(TooltipPrimitive.Positioner, { align, alignOffset, side, sideOffset, className: "z-[9999]", children: /* @__PURE__ */ jsxs8(
+    TooltipPrimitive.Popup,
+    {
+      "data-chalk": true,
+      "data-chalk-theme": portalTheme,
+      "data-slot": "tooltip-content",
+      className: cn(
+        "chalk-root",
+        "data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 rounded-lg px-3 py-1.5 text-xs data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 bg-foreground text-background shadow-[var(--chalk-shadow-sm)] z-50 w-fit max-w-xs origin-(--transform-origin)",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx15(TooltipPrimitive.Arrow, { className: "size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 bg-foreground fill-foreground z-50 data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })
+      ]
+    }
+  ) }) });
+}
+export {
+  Badge,
+  Button,
+  CELEBRATION_EMOJIS,
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  DEFAULT_QUICK_REACTIONS,
+  EMOJI_CATEGORIES,
+  EMOJI_KEYWORDS,
+  IconButton,
+  Input,
+  ProgressBar,
+  Select,
+  Skeleton,
+  Spinner,
+  StatusBadge,
+  Textarea,
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastContent,
+  ToastDescription,
+  ToastProvider,
+  ToastRoot,
+  ToastTitle,
+  ToastViewport,
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  badgeVariants,
+  buttonVariants,
+  cn,
+  toast,
+  toastManager,
+  toggleVariants,
+  useToast
+};