@invergent/ui-sdk 0.0.0-stage → 2.19.1

package/dist/toggle-group.js

@@ -0,0 +1,130 @@
+import { toggleVariants } from './chunk-CPAFEXKR.js';
+import { cn } from './chunk-LZGII7SX.js';
+import * as React from 'react';
+import { ToggleGroup as ToggleGroup$1 } from 'radix-ui';
+import { jsx } from 'react/jsx-runtime';
+
+var ToggleGroupContext = React.createContext({
+  size: "default",
+  variant: "default",
+  spacing: 0,
+  orientation: "horizontal"
+});
+var JOINED_TRACK = {
+  default: "gap-1 rounded-full bg-foreground/[0.06] p-1",
+  outline: "gap-0 rounded-[10px] border border-foreground/10 p-0.5"
+};
+var JOINED_ITEM = {
+  default: "rounded-full border-transparent bg-transparent px-4 font-semibold text-muted-foreground hover:text-foreground data-[state=on]:border-transparent data-[state=on]:bg-amber-400 data-[state=on]:text-stone-950",
+  outline: "rounded-[8px] border-transparent bg-transparent px-3 text-[12.5px] font-normal text-muted-foreground hover:text-foreground data-[state=on]:border-transparent data-[state=on]:bg-foreground/[0.08] data-[state=on]:font-medium data-[state=on]:text-foreground"
+};
+function ToggleGroup({
+  className,
+  variant,
+  size,
+  spacing = 0,
+  orientation = "horizontal",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ToggleGroup$1.Root,
+    {
+      "data-slot": "toggle-group",
+      "data-variant": variant,
+      "data-size": size,
+      "data-spacing": spacing,
+      "data-orientation": orientation,
+      style: { "--gap": spacing },
+      className: cn(
+        // `w-fit` sizes to content and refuses to shrink, so a segmented
+        // control wider than a phone dragged the whole page sideways rather
+        // than containing itself. Capped at its container, scrolling inside
+        // as a last resort — call sites should still shorten their labels.
+        "group/toggle-group no-scrollbar flex w-fit max-w-full flex-row items-center gap-[--spacing(var(--gap))] overflow-x-auto data-vertical:flex-col data-vertical:items-stretch",
+        spacing === 0 && JOINED_TRACK[variant ?? "default"],
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ToggleGroupContext.Provider,
+        {
+          value: { variant, size, spacing, orientation },
+          children
+        }
+      )
+    }
+  );
+}
+function ToggleGroupItem({
+  className,
+  children,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  const context = React.useContext(ToggleGroupContext);
+  const itemVariant = context.variant || variant;
+  const itemSize = context.size || size;
+  return /* @__PURE__ */ jsx(
+    ToggleGroup$1.Item,
+    {
+      "data-slot": "toggle-group-item",
+      "data-variant": itemVariant,
+      "data-size": itemSize,
+      "data-spacing": context.spacing,
+      className: cn(
+        "shrink-0 focus:z-10 focus-visible:z-10",
+        toggleVariants({ variant: itemVariant, size: itemSize }),
+        context.spacing === 0 && JOINED_ITEM[itemVariant ?? "default"],
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function ViewSwitch({
+  views,
+  value,
+  onChange,
+  label = "Show",
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    ToggleGroup,
+    {
+      type: "single",
+      variant: "outline",
+      "aria-label": label,
+      value,
+      onValueChange: (v) => {
+        if (v) onChange(v);
+      },
+      className,
+      children: views.map((v) => /* @__PURE__ */ jsx(ToggleGroupItem, { value: v.id, children: v.label }, v.id))
+    }
+  );
+}
+function useRememberedView(key, views) {
+  const [view, setView] = React.useState(() => {
+    try {
+      const saved = localStorage.getItem(key);
+      return views.find((v) => v === saved) ?? views[0];
+    } catch {
+      return views[0];
+    }
+  });
+  const choose = (v) => {
+    setView(v);
+    try {
+      localStorage.setItem(key, v);
+    } catch {
+    }
+  };
+  return [view, choose];
+}
+
+export { ToggleGroup, ToggleGroupItem, ViewSwitch, useRememberedView };
+//# sourceMappingURL=toggle-group.js.map
+//# sourceMappingURL=toggle-group.js.map

package/dist/toggle-group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/toggle-group.tsx"],"names":["ToggleGroupPrimitive"],"mappings":"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","file":"toggle-group.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { type VariantProps } from \"class-variance-authority\"\nimport { ToggleGroup as ToggleGroupPrimitive } from \"radix-ui\"\n\nimport { cn } from \"./lib/utils\"\nimport { toggleVariants } from \"./toggle\"\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number\n    orientation?: \"horizontal\" | \"vertical\"\n  }\n>({\n  size: \"default\",\n  variant: \"default\",\n  spacing: 0,\n  orientation: \"horizontal\",\n})\n\n// With spacing the items are separate toggles, drawn as `toggle` draws them.\n// Joined (spacing 0) they are one segmented control, as the Work console\n// draws its two: `default` is the Work / Dev switch — a round track with the\n// picked segment an amber pill — and `outline` its view switch (Steps |\n// Stats, Open | Resolved) — a 10px bordered track, the picked segment a\n// faint fill.\nconst JOINED_TRACK = {\n  default: \"gap-1 rounded-full bg-foreground/[0.06] p-1\",\n  outline: \"gap-0 rounded-[10px] border border-foreground/10 p-0.5\",\n} as const\n\nconst JOINED_ITEM = {\n  default:\n    \"rounded-full border-transparent bg-transparent px-4 font-semibold text-muted-foreground hover:text-foreground data-[state=on]:border-transparent data-[state=on]:bg-amber-400 data-[state=on]:text-stone-950\",\n  outline:\n    \"rounded-[8px] border-transparent bg-transparent px-3 text-[12.5px] font-normal text-muted-foreground hover:text-foreground data-[state=on]:border-transparent data-[state=on]:bg-foreground/[0.08] data-[state=on]:font-medium data-[state=on]:text-foreground\",\n} as const\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  spacing = 0,\n  orientation = \"horizontal\",\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number\n    orientation?: \"horizontal\" | \"vertical\"\n  }) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      data-spacing={spacing}\n      data-orientation={orientation}\n      style={{ \"--gap\": spacing } as React.CSSProperties}\n      className={cn(\n        // `w-fit` sizes to content and refuses to shrink, so a segmented\n        // control wider than a phone dragged the whole page sideways rather\n        // than containing itself. Capped at its container, scrolling inside\n        // as a last resort — call sites should still shorten their labels.\n        \"group/toggle-group no-scrollbar flex w-fit max-w-full flex-row items-center gap-[--spacing(var(--gap))] overflow-x-auto data-vertical:flex-col data-vertical:items-stretch\",\n        spacing === 0 && JOINED_TRACK[variant ?? \"default\"],\n        className\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider\n        value={{ variant, size, spacing, orientation }}\n      >\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  )\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &\n  VariantProps<typeof toggleVariants>) {\n  const context = React.useContext(ToggleGroupContext)\n  const itemVariant = context.variant || variant\n  const itemSize = context.size || size\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={itemVariant}\n      data-size={itemSize}\n      data-spacing={context.spacing}\n      className={cn(\n        \"shrink-0 focus:z-10 focus-visible:z-10\",\n        toggleVariants({ variant: itemVariant, size: itemSize }),\n        context.spacing === 0 && JOINED_ITEM[itemVariant ?? \"default\"],\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n}\n\n/**\n * A tab's two or three views (Steps | Stats, Members | Recent alerts): the\n * Work view switch. One view is always picked — clicking the picked one\n * again does not clear it.\n */\nfunction ViewSwitch<T extends string>({\n  views,\n  value,\n  onChange,\n  label = \"Show\",\n  className,\n}: {\n  views: readonly { id: T; label: React.ReactNode }[]\n  value: T\n  onChange: (v: T) => void\n  label?: string\n  className?: string\n}) {\n  return (\n    <ToggleGroup\n      type=\"single\"\n      variant=\"outline\"\n      aria-label={label}\n      value={value}\n      onValueChange={(v) => {\n        if (v) onChange(v as T)\n      }}\n      className={className}\n    >\n      {views.map((v) => (\n        <ToggleGroupItem key={v.id} value={v.id}>\n          {v.label}\n        </ToggleGroupItem>\n      ))}\n    </ToggleGroup>\n  )\n}\n\n/** The view last chosen under `key`, else the first; storage may be off. */\nfunction useRememberedView<T extends string>(\n  key: string,\n  views: readonly T[]\n): [T, (v: T) => void] {\n  const [view, setView] = React.useState<T>(() => {\n    try {\n      const saved = localStorage.getItem(key)\n      return views.find((v) => v === saved) ?? views[0]\n    } catch {\n      return views[0]\n    }\n  })\n  const choose = (v: T) => {\n    setView(v)\n    try {\n      localStorage.setItem(key, v)\n    } catch {\n      // A private window keeps the choice for this visit only.\n    }\n  }\n  return [view, choose]\n}\n\nexport { ToggleGroup, ToggleGroupItem, ViewSwitch, useRememberedView }\n"]}

package/dist/toggle.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var chunkIVMZANP7_cjs = require('./chunk-IVMZANP7.cjs');
+require('./chunk-6YHDDRIM.cjs');
+
+
+
+Object.defineProperty(exports, "FilterPill", {
+  enumerable: true,
+  get: function () { return chunkIVMZANP7_cjs.FilterPill; }
+});
+Object.defineProperty(exports, "Toggle", {
+  enumerable: true,
+  get: function () { return chunkIVMZANP7_cjs.Toggle; }
+});
+Object.defineProperty(exports, "toggleVariants", {
+  enumerable: true,
+  get: function () { return chunkIVMZANP7_cjs.toggleVariants; }
+});
+//# sourceMappingURL=toggle.cjs.map
+//# sourceMappingURL=toggle.cjs.map

package/dist/toggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"toggle.cjs"}

package/dist/toggle.d.cts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { Toggle as Toggle$1 } from 'radix-ui';
+
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+/**
+ * The Work filter pill (a row of them filters a list: "All channels",
+ * "Slack 3"…). An empty filter stays clickable, just quieter.
+ */
+declare function FilterPill({ on, onClick, dim, className, ...props }: Omit<React.ComponentProps<typeof Toggle$1.Root>, "pressed" | "onPressedChange" | "onClick"> & {
+    on: boolean;
+    onClick: () => void;
+    /** Nothing behind it yet: still clickable, just quieter. */
+    dim?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { FilterPill, Toggle, toggleVariants };

package/dist/toggle.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { Toggle as Toggle$1 } from 'radix-ui';
+
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+/**
+ * The Work filter pill (a row of them filters a list: "All channels",
+ * "Slack 3"…). An empty filter stays clickable, just quieter.
+ */
+declare function FilterPill({ on, onClick, dim, className, ...props }: Omit<React.ComponentProps<typeof Toggle$1.Root>, "pressed" | "onPressedChange" | "onClick"> & {
+    on: boolean;
+    onClick: () => void;
+    /** Nothing behind it yet: still clickable, just quieter. */
+    dim?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { FilterPill, Toggle, toggleVariants };

package/dist/toggle.js

@@ -0,0 +1,4 @@
+export { FilterPill, Toggle, toggleVariants } from './chunk-CPAFEXKR.js';
+import './chunk-LZGII7SX.js';
+//# sourceMappingURL=toggle.js.map
+//# sourceMappingURL=toggle.js.map

package/dist/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"toggle.js"}

package/dist/tokens.css

@@ -0,0 +1,77 @@
+/* Surogate's design tokens: plain CSS custom properties, read by every app.
+   The Tailwind apps map them to utilities in theme.css; the desktop shell,
+   which has no Tailwind, reads them directly.
+
+   Colours are Claude Desktop's neutrals (its cds tokens), with our amber as
+   the brand where Claude has its orange. Surfaces climb from the sidebar to
+   the page to panels and raised fields; fills and borders are the text
+   colour at 5, 10 and 20%.
+
+   Each colour is defined once, as light-dark(<light>, <dark>), and the
+   root's color-scheme picks the half: the system's by default, so the first
+   frame already follows it; the `light`/`dark` class (next-themes) or
+   data-theme (the desktop shell) once the app has chosen. It also paints
+   browser UI — a native <select>'s list, scrollbars — to match. */
+
+:root {
+  color-scheme: light dark;
+
+  --serif: "Fraunces Variable", "Fraunces", "Times New Roman", serif;
+  --sans: "Inter Variable", "Inter", system-ui, sans-serif;
+  --mono: "JetBrains Mono Variable", "JetBrains Mono", "Courier New", monospace;
+  --radius: 0.625rem;
+
+  /* Sidebar #f9f9f7 / #0b0b0b, page #fcfcfb / #151515, panels #fff /
+     #1a1a19, raised fields and popovers #fff / #20201f. */
+  --background: light-dark(#fcfcfb, #151515);
+  --foreground: light-dark(#0b0b0b, #f0efec);
+  --card: light-dark(#ffffff, #1a1a19);
+  --card-foreground: light-dark(#0b0b0b, #f0efec);
+  /* App chrome: the navbar and page headers. */
+  --surface: light-dark(#f9f9f7, #0b0b0b);
+  --popover: light-dark(#ffffff, #20201f);
+  --popover-foreground: light-dark(#0b0b0b, #f0efec);
+  --primary: #f59e0b;
+  --primary-foreground: #0b0e14;
+  --secondary: light-dark(rgb(11 11 11 / 5%), rgb(255 255 255 / 5%));
+  --secondary-foreground: light-dark(#0b0b0b, #f0efec);
+  --muted: light-dark(rgb(11 11 11 / 5%), rgb(255 255 255 / 5%));
+  /* Claude's muted tone; its gray-500 in light, kept at AA contrast there. */
+  --muted-foreground: light-dark(#6d6b67, #898781);
+  --accent: light-dark(rgb(11 11 11 / 10%), rgb(255 255 255 / 10%));
+  --accent-foreground: light-dark(#0b0b0b, #f0efec);
+  --accent-amber: #f59e0b;
+  --destructive: #ef4444;
+  --border: light-dark(rgb(11 11 11 / 10%), rgb(255 255 255 / 10%));
+  --input: light-dark(rgb(11 11 11 / 20%), rgb(255 255 255 / 20%));
+  --ring: #898781;
+  --chart-1: #ffdf20;
+  --chart-2: #f0b100;
+  --chart-3: #d08700;
+  --chart-4: #a65f00;
+  --chart-5: #894b00;
+  --sidebar: light-dark(#f9f9f7, #0b0b0b);
+  --sidebar-foreground: light-dark(#0b0b0b, #f0efec);
+  --sidebar-primary: light-dark(#20201f, #f59e0b);
+  --sidebar-primary-foreground: light-dark(#fcfcfb, #0b0e14);
+  --sidebar-accent: light-dark(rgb(11 11 11 / 10%), rgb(255 255 255 / 10%));
+  --sidebar-accent-foreground: light-dark(#0b0b0b, #f0efec);
+  --sidebar-border: light-dark(rgb(11 11 11 / 10%), rgb(255 255 255 / 10%));
+  --sidebar-ring: #898781;
+  --line: light-dark(rgb(11 11 11 / 10%), rgb(255 255 255 / 10%));
+  --subtle: light-dark(#6d6b67, #898781);
+  --faint: light-dark(#898781, #6d6b67);
+  --success: #22c55e;
+}
+
+/* Not only on the root: light-dark() resolves on each element against its
+   own color-scheme, so a region marked dark inside a light page turns too. */
+.light,
+[data-theme="light"] {
+  color-scheme: light;
+}
+
+.dark,
+[data-theme="dark"] {
+  color-scheme: dark;
+}

package/dist/tooltip.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var chunkDSDDDYG3_cjs = require('./chunk-DSDDDYG3.cjs');
+require('./chunk-6YHDDRIM.cjs');
+
+
+
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () { return chunkDSDDDYG3_cjs.Tooltip; }
+});
+Object.defineProperty(exports, "TooltipContent", {
+  enumerable: true,
+  get: function () { return chunkDSDDDYG3_cjs.TooltipContent; }
+});
+Object.defineProperty(exports, "TooltipProvider", {
+  enumerable: true,
+  get: function () { return chunkDSDDDYG3_cjs.TooltipProvider; }
+});
+Object.defineProperty(exports, "TooltipTrigger", {
+  enumerable: true,
+  get: function () { return chunkDSDDDYG3_cjs.TooltipTrigger; }
+});
+//# sourceMappingURL=tooltip.cjs.map
+//# sourceMappingURL=tooltip.cjs.map

package/dist/tooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"tooltip.cjs"}

package/dist/tooltip.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Tooltip as Tooltip$1 } from 'radix-ui';
+
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime.JSX.Element;
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/tooltip.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Tooltip as Tooltip$1 } from 'radix-ui';
+
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime.JSX.Element;
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/tooltip.js

@@ -0,0 +1,4 @@
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './chunk-IB7LTHEQ.js';
+import './chunk-LZGII7SX.js';
+//# sourceMappingURL=tooltip.js.map
+//# sourceMappingURL=tooltip.js.map

package/dist/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"tooltip.js"}

package/package.json

@@ -1,6 +1,63 @@
 {
   "name": "@invergent/ui-sdk",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "2.19.1",
+  "description": "Shared theme and UI components for Surogate's web client, chat SDK, desktop and ops console.",
+  "license": "AGPL-3.0-only",
+  "homepage": "https://github.com/invergent-ai/surogates/tree/master/sdk/ui-sdk#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/invergent-ai/surogates.git",
+    "directory": "sdk/ui-sdk"
+  },
+  "type": "module",
+  "exports": {
+    "./theme.css": "./dist/theme.css",
+    "./tokens.css": "./dist/tokens.css",
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "import": "./dist/*.js",
+      "require": "./dist/*.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "engines": {
+    "node": ">=20"
+  },
+  "scripts": {
+    "build": "tsup && cp src/*.css dist/",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "dependencies": {
+    "@fontsource-variable/fraunces": "^5.2.9",
+    "@fontsource-variable/inter": "^5.2.8",
+    "@fontsource-variable/jetbrains-mono": "^5.2.8",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "lucide-react": "^1.8.0",
+    "next-themes": "^0.4.6",
+    "radix-ui": "^1.4.3",
+    "recharts": "^3.8.0",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.5.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.6.0"
+  }
+}