@intent-driven/adapter-shadcn 0.1.1

package/dist/index.mjs

@@ -0,0 +1,709 @@
+// src/adapter.jsx
+import * as React from "react";
+import * as Dialog from "@radix-ui/react-dialog";
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { clsx } from "clsx";
+import {
+  Pencil,
+  Trash2,
+  Plus,
+  Check,
+  X,
+  MoreHorizontal,
+  Search,
+  ChevronDown,
+  Pin,
+  PinOff,
+  Reply,
+  Send,
+  Star,
+  Bell,
+  BellOff,
+  Archive,
+  Copy,
+  Eye,
+  Lock,
+  Unlock,
+  Settings,
+  User,
+  LogOut,
+  Play,
+  Square,
+  Save,
+  Download,
+  Upload,
+  RefreshCw,
+  Filter,
+  Calendar,
+  Clock,
+  Heart,
+  ThumbsUp,
+  ThumbsDown,
+  Flag,
+  MessageSquare,
+  Phone,
+  Video,
+  Mic,
+  MicOff,
+  Volume2,
+  VolumeX,
+  Link,
+  Unlink,
+  Move,
+  Maximize2,
+  AlertTriangle,
+  Info,
+  HelpCircle,
+  ArrowRight,
+  ArrowLeft,
+  Home,
+  Target,
+  Award,
+  TrendingUp,
+  Flame,
+  Zap,
+  BookOpen,
+  Dumbbell,
+  DollarSign,
+  Briefcase,
+  Users,
+  Smile,
+  Palette,
+  Umbrella,
+  Globe,
+  Compass,
+  CheckSquare
+} from "lucide-react";
+import "./theme.css";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EMOJI_TO_LUCIDE = {
+  "\u270E": Pencil,
+  "\u270F\uFE0F": Pencil,
+  "\u{1F5D1}": Trash2,
+  "\u{1F5D1}\uFE0F": Trash2,
+  "\u2795": Plus,
+  "+": Plus,
+  "\u2713": Check,
+  "\u2714": Check,
+  "\u2714\uFE0F": Check,
+  "\u2715": X,
+  "\u2717": X,
+  "\u274C": X,
+  "\u22EF": MoreHorizontal,
+  "\u2026": MoreHorizontal,
+  "\u{1F50D}": Search,
+  "\u{1F4CC}": Pin,
+  "\u{1F4CD}": Pin,
+  "\u21A9": Reply,
+  "\u21A9\uFE0F": Reply,
+  "\u{1F4E4}": Send,
+  "\u2B50": Star,
+  "\u{1F514}": Bell,
+  "\u{1F515}": BellOff,
+  "\u{1F4E6}": Archive,
+  "\u{1F4CB}": Copy,
+  "\u{1F441}": Eye,
+  "\u{1F512}": Lock,
+  "\u{1F513}": Unlock,
+  "\u2699": Settings,
+  "\u2699\uFE0F": Settings,
+  "\u{1F464}": User,
+  "\u{1F6AA}": LogOut,
+  "\u25B6": Play,
+  "\u23F9": Square,
+  "\u{1F4BE}": Save,
+  "\u{1F4E5}": Download,
+  "\u{1F4E4}": Upload,
+  "\u{1F504}": RefreshCw,
+  "\u{1F503}": RefreshCw,
+  "\u{1F5C2}": Filter,
+  "\u{1F4C5}": Calendar,
+  "\u{1F550}": Clock,
+  "\u2764\uFE0F": Heart,
+  "\u{1F44D}": ThumbsUp,
+  "\u{1F44E}": ThumbsDown,
+  "\u{1F6A9}": Flag,
+  "\u{1F4AC}": MessageSquare,
+  "\u{1F4DE}": Phone,
+  "\u{1F4F9}": Video,
+  "\u{1F3A4}": Mic,
+  "\u{1F507}": MicOff,
+  "\u{1F50A}": Volume2,
+  "\u{1F508}": VolumeX,
+  "\u{1F517}": Link,
+  "\u2702": Unlink,
+  "\u2194": Move,
+  "\u2922": Maximize2,
+  "\u26A0": AlertTriangle,
+  "\u26A0\uFE0F": AlertTriangle,
+  "\u2139": Info,
+  "\u2139\uFE0F": Info,
+  "\u2753": HelpCircle,
+  "\u2192": ArrowRight,
+  "\u2190": ArrowLeft,
+  "\u{1F3E0}": Home,
+  "\u{1F3AF}": Target,
+  "\u{1F3C6}": Award,
+  "\u{1F4C8}": TrendingUp,
+  "\u{1F525}": Flame,
+  "\u26A1": Zap,
+  "\u{1F4DA}": BookOpen,
+  "\u{1F4AA}": Dumbbell,
+  "\u{1F4B0}": DollarSign,
+  "\u{1F4BC}": Briefcase,
+  "\u{1F91D}": Users,
+  "\u{1F9D8}": Smile,
+  "\u{1F3A8}": Palette,
+  "\u{1F3D6}\uFE0F": Umbrella,
+  "\u{1F30D}": Globe,
+  "\u{1F9ED}": Compass,
+  "\u2705": CheckSquare,
+  "\u2610": CheckSquare
+};
+function resolveLucide(emoji) {
+  if (!emoji) return null;
+  return EMOJI_TO_LUCIDE[emoji] || null;
+}
+var inputBase = [
+  "w-full rounded-[var(--radius-doodle)] border-2 border-dashed",
+  "border-[var(--color-doodle-border)] bg-[var(--color-doodle-bg)]",
+  "px-3 py-2 font-[var(--font-doodle)] text-[var(--color-doodle-ink)]",
+  "placeholder:text-[var(--color-doodle-ink-light)]/50",
+  "focus:outline-none focus:border-[var(--color-doodle-accent)] transition-colors"
+].join(" ");
+function ShadcnTextInput({ spec, value, onChange }) {
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+    spec.label && /* @__PURE__ */ jsx("label", { style: { fontSize: 13, fontWeight: 500, color: "var(--color-doodle-ink-light)", fontFamily: "var(--font-doodle)" }, children: spec.label }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: spec.type === "email" ? "email" : spec.type === "url" ? "url" : spec.type === "tel" ? "tel" : "text",
+        style: {
+          width: "100%",
+          borderRadius: "var(--radius-doodle)",
+          border: "1.5px solid var(--color-doodle-ink)",
+          background: "var(--color-doodle-bg)",
+          padding: "8px 12px",
+          fontFamily: "var(--font-doodle)",
+          color: "var(--color-doodle-ink)",
+          fontSize: 14,
+          outline: "none"
+        },
+        placeholder: spec.placeholder || "",
+        value: value || "",
+        onChange: (e) => onChange(e.target.value),
+        required: spec.required
+      }
+    )
+  ] });
+}
+function ShadcnTextarea({ spec, value, onChange }) {
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+    spec.label && /* @__PURE__ */ jsx("label", { style: { fontSize: 13, fontWeight: 500, color: "var(--color-doodle-ink-light)", fontFamily: "var(--font-doodle)" }, children: spec.label }),
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        style: {
+          width: "100%",
+          borderRadius: "var(--radius-doodle)",
+          border: "1.5px solid var(--color-doodle-ink)",
+          background: "var(--color-doodle-bg)",
+          padding: "8px 12px",
+          fontFamily: "var(--font-doodle)",
+          color: "var(--color-doodle-ink)",
+          fontSize: 14,
+          minHeight: 80,
+          resize: "vertical",
+          outline: "none"
+        },
+        placeholder: spec.placeholder || "",
+        value: value || "",
+        onChange: (e) => onChange(e.target.value),
+        rows: 3
+      }
+    )
+  ] });
+}
+function ShadcnNumber({ spec, value, onChange }) {
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+    spec.label && /* @__PURE__ */ jsx("label", { style: { fontSize: 13, fontWeight: 500, color: "var(--color-doodle-ink-light)", fontFamily: "var(--font-doodle)" }, children: spec.label }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "number",
+        style: {
+          width: "100%",
+          borderRadius: "var(--radius-doodle)",
+          border: "1.5px solid var(--color-doodle-ink)",
+          background: "var(--color-doodle-bg)",
+          padding: "8px 12px",
+          fontFamily: "var(--font-doodle)",
+          color: "var(--color-doodle-ink)",
+          fontSize: 14,
+          outline: "none"
+        },
+        value: value ?? "",
+        onChange: (e) => onChange(e.target.value === "" ? null : Number(e.target.value)),
+        min: spec.min,
+        max: spec.max
+      }
+    )
+  ] });
+}
+function ShadcnDateTime({ spec, value, onChange }) {
+  const isTimeOnly = spec.name && /time/i.test(spec.name) && !/date/i.test(spec.name);
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+    spec.label && /* @__PURE__ */ jsx("label", { style: { fontSize: 13, fontWeight: 500, color: "var(--color-doodle-ink-light)", fontFamily: "var(--font-doodle)" }, children: spec.label }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: isTimeOnly ? "time" : "date",
+        style: {
+          width: "100%",
+          borderRadius: "var(--radius-doodle)",
+          border: "1.5px solid var(--color-doodle-ink)",
+          background: "var(--color-doodle-bg)",
+          padding: "8px 12px",
+          fontFamily: "var(--font-doodle)",
+          color: "var(--color-doodle-ink)",
+          fontSize: 14,
+          outline: "none"
+        },
+        value: value || "",
+        onChange: (e) => onChange(e.target.value)
+      }
+    )
+  ] });
+}
+function ShadcnSelect({ spec, value, onChange }) {
+  const options = spec.options || [];
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+    spec.label && /* @__PURE__ */ jsx("label", { style: { fontSize: 13, fontWeight: 500, color: "var(--color-doodle-ink-light)", fontFamily: "var(--font-doodle)" }, children: spec.label }),
+    /* @__PURE__ */ jsxs(SelectPrimitive.Root, { value: value || "", onValueChange: onChange, children: [
+      /* @__PURE__ */ jsxs(
+        SelectPrimitive.Trigger,
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            width: "100%",
+            borderRadius: "var(--radius-doodle)",
+            border: "2px dashed var(--color-doodle-border)",
+            background: "var(--color-doodle-bg)",
+            padding: "8px 12px",
+            fontFamily: "var(--font-doodle)",
+            color: "var(--color-doodle-ink)",
+            fontSize: 14,
+            cursor: "pointer"
+          },
+          children: [
+            /* @__PURE__ */ jsx(SelectPrimitive.Value, { placeholder: spec.placeholder || "\u0412\u044B\u0431\u0440\u0430\u0442\u044C..." }),
+            /* @__PURE__ */ jsx(SelectPrimitive.Icon, { children: /* @__PURE__ */ jsx(ChevronDown, { size: 16 }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+        SelectPrimitive.Content,
+        {
+          style: {
+            background: "var(--color-doodle-bg)",
+            border: "2px solid var(--color-doodle-border)",
+            borderRadius: "var(--radius-doodle)",
+            boxShadow: "4px 4px 0 var(--color-doodle-border)",
+            zIndex: 9999,
+            fontFamily: "var(--font-doodle)"
+          },
+          position: "popper",
+          sideOffset: 4,
+          children: /* @__PURE__ */ jsx(SelectPrimitive.Viewport, { style: { padding: 4 }, children: options.map((opt) => /* @__PURE__ */ jsx(
+            SelectPrimitive.Item,
+            {
+              value: opt.value || opt,
+              style: {
+                padding: "8px 12px",
+                borderRadius: 8,
+                cursor: "pointer",
+                color: "var(--color-doodle-ink)",
+                outline: "none",
+                fontSize: 14
+              },
+              children: /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children: opt.label || opt })
+            },
+            opt.value || opt
+          )) })
+        }
+      ) })
+    ] })
+  ] });
+}
+var btnBase = {
+  borderRadius: "var(--radius-doodle)",
+  fontFamily: "var(--font-doodle)",
+  cursor: "pointer",
+  transition: "all 0.15s",
+  border: "2px solid",
+  fontSize: 14
+};
+function ShadcnPrimaryButton({ children, onClick, disabled, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick,
+      disabled,
+      style: {
+        ...btnBase,
+        padding: "8px 16px",
+        fontWeight: 700,
+        background: "var(--color-doodle-accent)",
+        color: "white",
+        borderColor: "var(--color-doodle-accent)",
+        boxShadow: "2px 2px 0 var(--color-doodle-ink)",
+        opacity: disabled ? 0.5 : 1
+      },
+      ...props,
+      children
+    }
+  );
+}
+function ShadcnSecondaryButton({ children, onClick, disabled, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick,
+      disabled,
+      style: {
+        ...btnBase,
+        padding: "8px 16px",
+        background: "transparent",
+        color: "var(--color-doodle-ink)",
+        borderColor: "var(--color-doodle-border)",
+        borderStyle: "dashed",
+        opacity: disabled ? 0.5 : 1
+      },
+      ...props,
+      children
+    }
+  );
+}
+function ShadcnDangerButton({ children, onClick, disabled, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick,
+      disabled,
+      style: {
+        ...btnBase,
+        padding: "8px 16px",
+        fontWeight: 700,
+        background: "var(--color-doodle-warn)",
+        color: "white",
+        borderColor: "var(--color-doodle-warn)",
+        boxShadow: "2px 2px 0 var(--color-doodle-ink)",
+        opacity: disabled ? 0.5 : 1
+      },
+      ...props,
+      children
+    }
+  );
+}
+function ShadcnIntentButton({ spec, onClick, disabled }) {
+  const Icon2 = spec.icon ? resolveLucide(spec.icon) : null;
+  const label = spec.label || spec.intentId;
+  const isDanger = spec.irreversibility === "high" || spec.variant === "danger";
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      onClick,
+      disabled,
+      style: {
+        ...btnBase,
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 6,
+        padding: "6px 14px",
+        fontSize: 14,
+        background: isDanger ? "transparent" : "var(--color-doodle-bg)",
+        color: isDanger ? "var(--color-doodle-warn)" : "var(--color-doodle-ink)",
+        borderColor: isDanger ? "var(--color-doodle-warn)" : "var(--color-doodle-ink)",
+        borderStyle: "solid",
+        borderWidth: 1.5,
+        boxShadow: "1.5px 1.5px 0 var(--color-doodle-ink)",
+        opacity: disabled ? 0.5 : 1
+      },
+      title: label,
+      children: [
+        Icon2 && /* @__PURE__ */ jsx(Icon2, { size: 16 }),
+        /* @__PURE__ */ jsx("span", { children: label })
+      ]
+    }
+  );
+}
+function ShadcnOverflowMenu({ items, triggerIcon, triggerLabel }) {
+  if (!items || items.length === 0) return null;
+  return /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
+    /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx("button", { style: {
+      ...btnBase,
+      padding: 8,
+      background: "transparent",
+      color: "var(--color-doodle-ink)",
+      borderColor: "var(--color-doodle-border)",
+      borderStyle: "dashed"
+    }, children: /* @__PURE__ */ jsx(MoreHorizontal, { size: 16 }) }) }),
+    /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx(
+      DropdownMenu.Content,
+      {
+        align: "end",
+        collisionPadding: 16,
+        style: {
+          background: "var(--color-doodle-bg)",
+          border: "2px solid var(--color-doodle-ink)",
+          borderRadius: "var(--radius-doodle)",
+          boxShadow: "3px 3px 0 var(--color-doodle-ink)",
+          padding: 4,
+          zIndex: 9999,
+          fontFamily: "var(--font-doodle)",
+          minWidth: 180,
+          maxWidth: "90vw"
+        },
+        sideOffset: 6,
+        children: items.map((item, i) => {
+          if (item.divider) return /* @__PURE__ */ jsx(DropdownMenu.Separator, { style: { height: 1, background: "var(--color-doodle-border)", margin: "4px 0" } }, item.key);
+          const IconCmp = item.icon ? resolveLucide(item.icon) : null;
+          return /* @__PURE__ */ jsxs(
+            DropdownMenu.Item,
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: 8,
+                padding: "8px 12px",
+                borderRadius: 8,
+                fontSize: 13,
+                color: "var(--color-doodle-ink)",
+                outline: "none",
+                cursor: "pointer"
+              },
+              onSelect: () => item.onClick?.(),
+              children: [
+                IconCmp && /* @__PURE__ */ jsx(IconCmp, { size: 14 }),
+                /* @__PURE__ */ jsx("span", { children: item.label })
+              ]
+            },
+            item.key || i
+          );
+        })
+      }
+    ) })
+  ] });
+}
+function ShadcnModalShell({ opened, onClose, title, children }) {
+  return /* @__PURE__ */ jsx(Dialog.Root, { open: opened, onOpenChange: (v) => {
+    if (!v) onClose();
+  }, children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
+    /* @__PURE__ */ jsx(Dialog.Overlay, { style: {
+      position: "fixed",
+      inset: 0,
+      background: "rgba(0,0,0,0.4)",
+      backdropFilter: "blur(4px)",
+      zIndex: 9999
+    } }),
+    /* @__PURE__ */ jsxs(Dialog.Content, { style: {
+      position: "fixed",
+      left: "50%",
+      top: "50%",
+      transform: "translate(-50%, -50%)",
+      zIndex: 9999,
+      width: "calc(100% - 32px)",
+      maxWidth: 420,
+      maxHeight: "85vh",
+      overflowY: "auto",
+      background: "var(--color-doodle-bg)",
+      border: "2px solid var(--color-doodle-border)",
+      borderRadius: "var(--radius-doodle)",
+      padding: "var(--spacing-doodle)",
+      fontFamily: "var(--font-doodle)",
+      boxShadow: "4px 4px 0 var(--color-doodle-ink)"
+    }, children: [
+      /* @__PURE__ */ jsx(Dialog.Title, { style: {
+        fontSize: 18,
+        fontWeight: 700,
+        color: "var(--color-doodle-ink)",
+        textDecoration: "underline",
+        textDecorationStyle: "wavy",
+        textDecorationColor: "var(--color-doodle-border)",
+        textUnderlineOffset: 4,
+        marginBottom: 16
+      }, children: title }),
+      children,
+      /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx("button", { style: {
+        position: "absolute",
+        top: 12,
+        right: 12,
+        background: "none",
+        border: "none",
+        color: "var(--color-doodle-ink-light)",
+        cursor: "pointer",
+        padding: 4
+      }, children: /* @__PURE__ */ jsx(X, { size: 18 }) }) })
+    ] })
+  ] }) });
+}
+function ShadcnTabs({ tabs, value, onChange }) {
+  return /* @__PURE__ */ jsx(TabsPrimitive.Root, { value, onValueChange: onChange, children: /* @__PURE__ */ jsx(TabsPrimitive.List, { style: {
+    display: "flex",
+    borderBottom: "2px dashed var(--color-doodle-border)",
+    fontFamily: "var(--font-doodle)",
+    overflowX: "auto",
+    gap: 0
+  }, children: tabs.map((tab) => /* @__PURE__ */ jsx(
+    TabsPrimitive.Trigger,
+    {
+      value: tab.value,
+      style: {
+        padding: "8px 16px",
+        fontSize: 13,
+        whiteSpace: "nowrap",
+        background: "transparent",
+        border: "none",
+        cursor: "pointer",
+        fontFamily: "inherit",
+        borderBottom: "2px solid transparent",
+        marginBottom: -2,
+        color: "var(--color-doodle-ink-light)"
+      },
+      children: tab.label
+    },
+    tab.value
+  )) }) });
+}
+function ShadcnHeading({ children, level = 2, ...props }) {
+  const Tag = `h${Math.min(level, 6)}`;
+  const sizes = { 1: 24, 2: 20, 3: 18, 4: 16, 5: 14, 6: 13 };
+  return /* @__PURE__ */ jsx(Tag, { style: {
+    fontSize: sizes[level] || 18,
+    fontWeight: 700,
+    fontFamily: "var(--font-doodle)",
+    color: "var(--color-doodle-ink)",
+    textDecoration: "underline",
+    textDecorationStyle: "wavy",
+    textDecorationColor: "var(--color-doodle-border)",
+    textUnderlineOffset: 4,
+    margin: 0
+  }, ...props, children });
+}
+function ShadcnText({ children, preset, ...props }) {
+  const colors = {
+    dimmed: "var(--color-doodle-ink-light)",
+    accent: "var(--color-doodle-accent)",
+    danger: "var(--color-doodle-warn)",
+    success: "var(--color-doodle-accent)"
+  };
+  return /* @__PURE__ */ jsx("span", { style: {
+    fontFamily: "var(--font-doodle)",
+    color: colors[preset] || "var(--color-doodle-ink)"
+  }, ...props, children });
+}
+function ShadcnBadge({ children, color, ...props }) {
+  return /* @__PURE__ */ jsx("span", { style: {
+    display: "inline-flex",
+    alignItems: "center",
+    padding: "2px 8px",
+    borderRadius: 20,
+    fontSize: 12,
+    fontWeight: 700,
+    fontFamily: "var(--font-doodle)",
+    border: `2px solid ${color || "var(--color-doodle-border)"}`,
+    background: "var(--color-doodle-highlight)",
+    color: color || "var(--color-doodle-ink)"
+  }, ...props, children });
+}
+function ShadcnAvatar({ src, name, size = 32, ...props }) {
+  const initials = (name || "?").split(" ").map((w) => w[0]).join("").slice(0, 2).toUpperCase();
+  return /* @__PURE__ */ jsxs(AvatarPrimitive.Root, { style: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: "50%",
+    overflow: "hidden",
+    border: "2px solid var(--color-doodle-border)",
+    background: "var(--color-doodle-highlight)",
+    fontFamily: "var(--font-doodle)",
+    width: size,
+    height: size
+  }, ...props, children: [
+    /* @__PURE__ */ jsx(AvatarPrimitive.Image, { src, alt: name, style: { width: "100%", height: "100%", objectFit: "cover" } }),
+    /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, { style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      width: "100%",
+      height: "100%",
+      color: "var(--color-doodle-ink)",
+      fontSize: Math.round(size * 0.4),
+      fontWeight: 700
+    }, children: initials })
+  ] });
+}
+function ShadcnPaper({ children, ...props }) {
+  return /* @__PURE__ */ jsx("div", { style: {
+    borderRadius: "var(--radius-doodle)",
+    border: "1.5px solid var(--color-doodle-ink)",
+    background: "var(--color-doodle-bg)",
+    padding: "var(--spacing-doodle)",
+    boxShadow: "2px 2px 0 var(--color-doodle-ink)"
+  }, ...props, children });
+}
+var shadcnAdapter = {
+  name: "shadcn",
+  parameter: {
+    text: ShadcnTextInput,
+    textarea: ShadcnTextarea,
+    email: ShadcnTextInput,
+    url: ShadcnTextInput,
+    tel: ShadcnTextInput,
+    number: ShadcnNumber,
+    datetime: ShadcnDateTime,
+    select: ShadcnSelect
+  },
+  button: {
+    primary: ShadcnPrimaryButton,
+    secondary: ShadcnSecondaryButton,
+    danger: ShadcnDangerButton,
+    intent: ShadcnIntentButton,
+    overflow: ShadcnOverflowMenu
+  },
+  shell: {
+    modal: ShadcnModalShell,
+    tabs: ShadcnTabs
+  },
+  primitive: {
+    heading: ShadcnHeading,
+    text: ShadcnText,
+    badge: ShadcnBadge,
+    avatar: ShadcnAvatar,
+    paper: ShadcnPaper
+  },
+  icon: {
+    resolve: resolveLucide
+  }
+};
+
+// src/provider.jsx
+import React2 from "react";
+import { registerUIAdapter } from "@intent-driven/renderer";
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
+function ShadcnAdapterProvider({ children }) {
+  React2.useEffect(() => {
+    registerUIAdapter(shadcnAdapter);
+  }, []);
+  return /* @__PURE__ */ jsx2(Fragment, { children });
+}
+export {
+  ShadcnAdapterProvider,
+  shadcnAdapter
+};
+//# sourceMappingURL=index.mjs.map