@leverege/imaginarium-ui 1.8.1 → 1.9.0

package/README.md

@@ -1,4 +1,127 @@
+# @leverege/imaginarium-ui
 
+Reusable UI library and plugin framework for Imaginarium apps: the app shell,
+nav/page/provider registration, the Imagine Systems + Secrets + IMP (release)
+screens, the read-only interface client, and an opt-in Prototypes gallery.
 
-# Imaginarium UI
+It pairs with the backend package [`@leverege/imaginarium`](../imaginarium),
+which serves the `/api` routes this UI calls (configs, secrets, IMP, and the
+read-only Imagine interface proxy).
 
+## Install
+
+```bash
+npm i @leverege/imaginarium-ui @leverege/imaginarium
+```
+
+`@leverege/ui-elements`, `@leverege/ui-active-theme`, the `@visx/*` chart
+packages, `prismjs`, and `react-markdown` are regular dependencies — npm pulls
+them for you. You provide these **peer** deps:
+
+| Peer | Range |
+|---|---|
+| `react` / `react-dom` | `^19.0.0` |
+| `wouter` | `^3.3.5` |
+| `@tanstack/react-query` | `^5.60.0` |
+| `@leverege/plugin` | `^4.2.0` |
+
+## Vite setup (one call)
+
+```ts
+// vite.config.ts
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import { imaginarium } from '@leverege/imaginarium-ui/vite'
+
+export default defineConfig( {
+  plugins : [ imaginarium(), react() ],
+  // …your root / server / build config
+} )
+```
+
+`imaginarium()` wires the three coupled pieces this library needs, so you don't
+hand-roll them (and silently drift) in every repo:
+
+1. a transform so `@leverege/ui-elements`' `import S from './Foo.css'` resolves
+   (without it the app white-screens with "no default export");
+2. `css.modules` scoped-name config matching `@leverege/webpack-config`, so
+   styles render identically to molten/pitcrew-ui;
+3. `resolve.dedupe` for React/wouter/react-query (avoids "invalid hook call").
+
+Your own explicit `css.modules` config still wins on conflict. The lower-level
+`uiElementsCssModules()` plugin is also exported if you need just the transform.
+
+## Bootstrap
+
+```ts
+// src/ui/main.tsx
+import { ImaginariumUI } from '@leverege/imaginarium-ui'
+import '@leverege/imaginarium-ui/theme/index.css'
+
+import Config from './Config'
+import PluginSetup from './PluginSetup'
+
+ImaginariumUI.init( Config.create(), PluginSetup )
+ImaginariumUI.create()
+```
+
+## Register your app (PluginSetup)
+
+```ts
+import {
+  addProvider, addNavItem, addPage, SecretSetup,
+} from '@leverege/imaginarium-ui'
+
+export default {
+  install( plg ) {
+    addProvider( { component : QueryProvider, sort : 10 } )
+    addNavItem( { path : '/overview', label : 'Overview', icon : LayoutDashboard, sort : 10 } )
+    addPage( { path : '/overview', element : OverviewPage } )
+    SecretSetup.install( plg ) // built-in screens are opt-in installs
+  },
+}
+```
+
+The built-in Imagine Systems, Secrets, and IMP screens register themselves; add
+their nav items where you want them (see each `*Setup`).
+
+## Opt in to the Prototypes gallery
+
+The prototype gallery (and the shipped example prototypes — a visx bar chart and
+a KPI card) are opt-in:
+
+```ts
+import { PrototypesSetup, addPrototype } from '@leverege/imaginarium-ui'
+import { registerExamplePrototypes } from '@leverege/imaginarium-ui/examples'
+
+// inside install( plg ):
+PrototypesSetup.install( plg )
+registerExamplePrototypes( addPrototype )
+```
+
+The example prototypes read **real cluster data** through the read-only
+interface proxy, which is served by the backend (next section) — so they need a
+paired `@leverege/imaginarium` that has the proxy route.
+
+## Backend pairing
+
+Bump `@leverege/imaginarium` alongside this package and ensure its `PluginSetup`
+is installed — the backend's read-only Imagine interface proxy
+(`POST /api/imagine/:configId/interface/:type/search`) is wired in automatically.
+**Restart the backend after a version bump.**
+
+> To use the Prototypes example charts you need **both**
+> `@leverege/imaginarium-ui` and `@leverege/imaginarium` at the version that
+> ships the interface proxy. A UI-only bump renders the gallery but the
+> data-backed prototypes 404 until the backend has the proxy route.
+
+## Exports
+
+| Entry | Purpose |
+|---|---|
+| `.` | shell, registration (`addNavItem`/`addPage`/`addProvider`), `ImaginariumUI`, built-in `*Setup`s, `PrototypesSetup`/`addPrototype` |
+| `./vite` | `imaginarium()` preset + `uiElementsCssModules()` |
+| `./examples` | `registerExamplePrototypes()` |
+| `./theme/index.css` | base theme stylesheet |
+| `./theme/tailwind-preset` | Tailwind preset |
+| `./shell`, `./plugins`, `./system`, `./secret`, `./release`, `./ui-elements` | focused subpath entries |

package/lib/Card-DbOhP3-w.js

@@ -0,0 +1,161 @@
+import * as o from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { Slot as T } from "@radix-ui/react-slot";
+import { cva as b } from "class-variance-authority";
+import { clsx as v } from "clsx";
+import { twMerge as g } from "tailwind-merge";
+function n(...e) {
+  return g(v(e));
+}
+const S = 1, x = 1e6;
+let f = 0;
+function y() {
+  return f = (f + 1) % Number.MAX_SAFE_INTEGER, f.toString();
+}
+const m = /* @__PURE__ */ new Map(), l = (e) => {
+  if (m.has(e))
+    return;
+  const t = setTimeout(() => {
+    m.delete(e), i({ type: "REMOVE_TOAST", toastId: e });
+  }, x);
+  m.set(e, t);
+}, h = (e, t) => {
+  switch (t.type) {
+    case "ADD_TOAST":
+      return {
+        ...e,
+        toasts: [t.toast, ...e.toasts].slice(0, S)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...e,
+        toasts: e.toasts.map((r) => r.id === t.toast.id ? { ...r, ...t.toast } : r)
+      };
+    case "DISMISS_TOAST": {
+      const { toastId: r } = t;
+      return r ? l(r) : e.toasts.forEach((s) => l(s.id)), {
+        ...e,
+        toasts: e.toasts.map(
+          (s) => s.id === r || r === void 0 ? { ...s, open: !1 } : s
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      return t.toastId === void 0 ? { ...e, toasts: [] } : { ...e, toasts: e.toasts.filter((r) => r.id !== t.toastId) };
+  }
+}, c = [];
+let u = { toasts: [] };
+function i(e) {
+  u = h(u, e), c.forEach((t) => t(u));
+}
+function A({ ...e }) {
+  const t = y(), r = (d) => i({ type: "UPDATE_TOAST", toast: { ...d, id: t } }), s = () => i({ type: "DISMISS_TOAST", toastId: t });
+  return i({
+    type: "ADD_TOAST",
+    toast: {
+      ...e,
+      id: t,
+      open: !0,
+      onOpenChange: (d) => {
+        d || s();
+      }
+    }
+  }), { id: t, dismiss: s, update: r };
+}
+function j() {
+  const [e, t] = o.useState(u);
+  return o.useEffect(() => (c.push(t), () => {
+    const r = c.indexOf(t);
+    r > -1 && c.splice(r, 1);
+  }), [e]), {
+    ...e,
+    toast: A,
+    dismiss: (r) => i({ type: "DISMISS_TOAST", toastId: r })
+  };
+}
+const C = b(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover-elevate active-elevate-2",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground border border-primary-border",
+        destructive: "bg-destructive text-destructive-foreground border border-destructive-border",
+        outline: "border [border-color:var(--button-outline)] shadow-xs active:shadow-none",
+        secondary: "border bg-secondary text-secondary-foreground border-secondary-border",
+        ghost: "border border-transparent"
+      },
+      size: {
+        default: "min-h-9 px-4 py-2",
+        sm: "min-h-8 rounded-md px-3 text-xs",
+        lg: "min-h-10 rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: { variant: "default", size: "default" }
+  }
+), _ = o.forwardRef(
+  ({ className: e, variant: t, size: r, asChild: s = !1, ...d }, p) => /* @__PURE__ */ a(
+    s ? T : "button",
+    {
+      className: n(C({ variant: t, size: r, className: e })),
+      ref: p,
+      ...d
+    }
+  )
+);
+_.displayName = "Button";
+const w = o.forwardRef(
+  ({ className: e, ...t }, r) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: r,
+      className: n(
+        "shadcn-card rounded-xl border bg-card border-card-border text-card-foreground shadow-sm",
+        e
+      ),
+      ...t
+    }
+  )
+);
+w.displayName = "Card";
+const N = o.forwardRef(
+  ({ className: e, ...t }, r) => /* @__PURE__ */ a("div", { ref: r, className: n("flex flex-col space-y-1.5 p-6", e), ...t })
+);
+N.displayName = "CardHeader";
+const O = o.forwardRef(
+  ({ className: e, ...t }, r) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: r,
+      className: n("text-2xl font-semibold leading-none tracking-tight", e),
+      ...t
+    }
+  )
+);
+O.displayName = "CardTitle";
+const E = o.forwardRef(
+  ({ className: e, ...t }, r) => /* @__PURE__ */ a("div", { ref: r, className: n("text-sm text-muted-foreground", e), ...t })
+);
+E.displayName = "CardDescription";
+const R = o.forwardRef(
+  ({ className: e, ...t }, r) => /* @__PURE__ */ a("div", { ref: r, className: n("p-6 pt-0", e), ...t })
+);
+R.displayName = "CardContent";
+const D = o.forwardRef(
+  ({ className: e, ...t }, r) => /* @__PURE__ */ a("div", { ref: r, className: n("flex items-center p-6 pt-0", e), ...t })
+);
+D.displayName = "CardFooter";
+export {
+  _ as B,
+  w as C,
+  N as a,
+  O as b,
+  n as c,
+  E as d,
+  R as e,
+  D as f,
+  C as g,
+  A as t,
+  j as u
+};
+//# sourceMappingURL=Card-DbOhP3-w.js.map

package/lib/Card-DbOhP3-w.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-DbOhP3-w.js","sources":["../src/lib/utils.ts","../src/hooks/useToast.ts","../src/components/ui/Button.tsx","../src/components/ui/Card.tsx"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn( ...inputs: ClassValue[] ) {\n  return twMerge( clsx( inputs ) )\n}\n","import * as React from 'react'\n\nimport type { ToastActionElement, ToastProps } from '../components/ui/Toast'\n\nconst TOAST_LIMIT = 1\nconst TOAST_REMOVE_DELAY = 1_000_000\n\ntype ToasterToast = ToastProps & {\n  id: string\n  title?: React.ReactNode\n  description?: React.ReactNode\n  action?: ToastActionElement\n}\n\nconst actionTypes = {\n  ADD_TOAST: 'ADD_TOAST',\n  UPDATE_TOAST: 'UPDATE_TOAST',\n  DISMISS_TOAST: 'DISMISS_TOAST',\n  REMOVE_TOAST: 'REMOVE_TOAST',\n} as const\n\nlet count = 0\nfunction genId() {\n  count = ( count + 1 ) % Number.MAX_SAFE_INTEGER\n  return count.toString()\n}\n\ntype ActionType = typeof actionTypes\ntype Action =\n  | { type: ActionType['ADD_TOAST']; toast: ToasterToast }\n  | { type: ActionType['UPDATE_TOAST']; toast: Partial<ToasterToast> }\n  | { type: ActionType['DISMISS_TOAST']; toastId?: ToasterToast['id'] }\n  | { type: ActionType['REMOVE_TOAST']; toastId?: ToasterToast['id'] }\n\ninterface State {\n  toasts: ToasterToast[]\n}\n\nconst toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()\n\nconst addToRemoveQueue = ( toastId: string ) => {\n  if ( toastTimeouts.has( toastId ) ) { return }\n  const timeout = setTimeout( () => {\n    toastTimeouts.delete( toastId )\n    dispatch( { type: 'REMOVE_TOAST', toastId } )\n  }, TOAST_REMOVE_DELAY )\n  toastTimeouts.set( toastId, timeout )\n}\n\nexport const reducer = ( state: State, action: Action ): State => {\n  switch ( action.type ) {\n    case 'ADD_TOAST':\n      return {\n        ...state,\n        toasts: [ action.toast, ...state.toasts ].slice( 0, TOAST_LIMIT ),\n      }\n    case 'UPDATE_TOAST':\n      return {\n        ...state,\n        toasts: state.toasts.map( t => ( t.id === action.toast.id ? { ...t, ...action.toast } : t ) ),\n      }\n    case 'DISMISS_TOAST': {\n      const { toastId } = action\n      if ( toastId ) {\n        addToRemoveQueue( toastId )\n      } else {\n        state.toasts.forEach( t => addToRemoveQueue( t.id ) )\n      }\n      return {\n        ...state,\n        toasts: state.toasts.map( t =>\n          t.id === toastId || toastId === undefined ? { ...t, open: false } : t,\n        ),\n      }\n    }\n    case 'REMOVE_TOAST':\n      if ( action.toastId === undefined ) {\n        return { ...state, toasts: [] }\n      }\n      return { ...state, toasts: state.toasts.filter( t => t.id !== action.toastId ) }\n  }\n}\n\nconst listeners: Array<( state: State ) => void> = []\nlet memoryState: State = { toasts: [] }\n\nfunction dispatch( action: Action ) {\n  memoryState = reducer( memoryState, action )\n  listeners.forEach( l => l( memoryState ) )\n}\n\ntype Toast = Omit<ToasterToast, 'id'>\n\nfunction toast( { ...props }: Toast ) {\n  const id = genId()\n  const update = ( p: ToasterToast ) =>\n    dispatch( { type: 'UPDATE_TOAST', toast: { ...p, id } } )\n  const dismiss = () => dispatch( { type: 'DISMISS_TOAST', toastId: id } )\n\n  dispatch( {\n    type: 'ADD_TOAST',\n    toast: {\n      ...props,\n      id,\n      open: true,\n      onOpenChange: ( open ) => {\n        if ( !open ) { dismiss() }\n      },\n    },\n  } )\n  return { id, dismiss, update }\n}\n\nfunction useToast() {\n  const [ state, setState ] = React.useState<State>( memoryState )\n  React.useEffect( () => {\n    listeners.push( setState )\n    return () => {\n      const index = listeners.indexOf( setState )\n      if ( index > -1 ) { listeners.splice( index, 1 ) }\n    }\n  }, [ state ] )\n  return {\n    ...state,\n    toast,\n    dismiss: ( toastId?: string ) => dispatch( { type: 'DISMISS_TOAST', toastId } ),\n  }\n}\n\nexport { useToast, toast }\n","import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../../lib/utils'\n\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover-elevate active-elevate-2',\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground border border-primary-border',\n        destructive: 'bg-destructive text-destructive-foreground border border-destructive-border',\n        outline: 'border [border-color:var(--button-outline)] shadow-xs active:shadow-none',\n        secondary: 'border bg-secondary text-secondary-foreground border-secondary-border',\n        ghost: 'border border-transparent',\n      },\n      size: {\n        default: 'min-h-9 px-4 py-2',\n        sm: 'min-h-8 rounded-md px-3 text-xs',\n        lg: 'min-h-10 rounded-md px-8',\n        icon: 'h-9 w-9',\n      },\n    },\n    defaultVariants: { variant: 'default', size: 'default' },\n  },\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ( { className, variant, size, asChild = false, ...props }, ref ) => {\n    const Comp = asChild ? Slot : 'button'\n    return (\n      <Comp\n        className={cn( buttonVariants( { variant, size, className } ) )}\n        ref={ref}\n        {...props}\n      />\n    )\n  },\n)\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n","import * as React from 'react'\n\nimport { cn } from '../../lib/utils'\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ( { className, ...props }, ref ) => (\n    <div\n      ref={ref}\n      className={cn(\n        'shadcn-card rounded-xl border bg-card border-card-border text-card-foreground shadow-sm',\n        className,\n      )}\n      {...props}\n    />\n  ),\n)\nCard.displayName = 'Card'\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ( { className, ...props }, ref ) => (\n    <div ref={ref} className={cn( 'flex flex-col space-y-1.5 p-6', className )} {...props} />\n  ),\n)\nCardHeader.displayName = 'CardHeader'\n\nconst CardTitle = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ( { className, ...props }, ref ) => (\n    <div\n      ref={ref}\n      className={cn( 'text-2xl font-semibold leading-none tracking-tight', className )}\n      {...props}\n    />\n  ),\n)\nCardTitle.displayName = 'CardTitle'\n\nconst CardDescription = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ( { className, ...props }, ref ) => (\n    <div ref={ref} className={cn( 'text-sm text-muted-foreground', className )} {...props} />\n  ),\n)\nCardDescription.displayName = 'CardDescription'\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ( { className, ...props }, ref ) => (\n    <div ref={ref} className={cn( 'p-6 pt-0', className )} {...props} />\n  ),\n)\nCardContent.displayName = 'CardContent'\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ( { className, ...props }, ref ) => (\n    <div ref={ref} className={cn( 'flex items-center p-6 pt-0', className )} {...props} />\n  ),\n)\nCardFooter.displayName = 'CardFooter'\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\n"],"names":["cn","inputs","twMerge","clsx","TOAST_LIMIT","TOAST_REMOVE_DELAY","count","genId","toastTimeouts","addToRemoveQueue","toastId","timeout","dispatch","reducer","state","action","t","listeners","memoryState","l","toast","props","id","update","p","dismiss","open","useToast","setState","React","index","buttonVariants","cva","Button","className","variant","size","asChild","ref","jsx","Slot","Card","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":"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"}

package/lib/Card-Nm5kfgOa.cjs

@@ -0,0 +1,2 @@
+"use strict";const _=require("react"),n=require("react/jsx-runtime"),A=require("@radix-ui/react-slot"),w=require("class-variance-authority"),N=require("clsx"),D=require("tailwind-merge");function E(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=E(_);function a(...e){return D.twMerge(N.clsx(e))}const R=1,j=1e6;let l=0;function M(){return l=(l+1)%Number.MAX_SAFE_INTEGER,l.toString()}const f=new Map,p=e=>{if(f.has(e))return;const t=setTimeout(()=>{f.delete(e),i({type:"REMOVE_TOAST",toastId:e})},j);f.set(e,t)},I=(e,t)=>{switch(t.type){case"ADD_TOAST":return{...e,toasts:[t.toast,...e.toasts].slice(0,R)};case"UPDATE_TOAST":return{...e,toasts:e.toasts.map(r=>r.id===t.toast.id?{...r,...t.toast}:r)};case"DISMISS_TOAST":{const{toastId:r}=t;return r?p(r):e.toasts.forEach(s=>p(s.id)),{...e,toasts:e.toasts.map(s=>s.id===r||r===void 0?{...s,open:!1}:s)}}case"REMOVE_TOAST":return t.toastId===void 0?{...e,toasts:[]}:{...e,toasts:e.toasts.filter(r=>r.id!==t.toastId)}}},c=[];let u={toasts:[]};function i(e){u=I(u,e),c.forEach(t=>t(u))}function m({...e}){const t=M(),r=d=>i({type:"UPDATE_TOAST",toast:{...d,id:t}}),s=()=>i({type:"DISMISS_TOAST",toastId:t});return i({type:"ADD_TOAST",toast:{...e,id:t,open:!0,onOpenChange:d=>{d||s()}}}),{id:t,dismiss:s,update:r}}function V(){const[e,t]=o.useState(u);return o.useEffect(()=>(c.push(t),()=>{const r=c.indexOf(t);r>-1&&c.splice(r,1)}),[e]),{...e,toast:m,dismiss:r=>i({type:"DISMISS_TOAST",toastId:r})}}const b=w.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover-elevate active-elevate-2",{variants:{variant:{default:"bg-primary text-primary-foreground border border-primary-border",destructive:"bg-destructive text-destructive-foreground border border-destructive-border",outline:"border [border-color:var(--button-outline)] shadow-xs active:shadow-none",secondary:"border bg-secondary text-secondary-foreground border-secondary-border",ghost:"border border-transparent"},size:{default:"min-h-9 px-4 py-2",sm:"min-h-8 rounded-md px-3 text-xs",lg:"min-h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),T=o.forwardRef(({className:e,variant:t,size:r,asChild:s=!1,...d},h)=>{const O=s?A.Slot:"button";return n.jsx(O,{className:a(b({variant:t,size:r,className:e})),ref:h,...d})});T.displayName="Button";const v=o.forwardRef(({className:e,...t},r)=>n.jsx("div",{ref:r,className:a("shadcn-card rounded-xl border bg-card border-card-border text-card-foreground shadow-sm",e),...t}));v.displayName="Card";const x=o.forwardRef(({className:e,...t},r)=>n.jsx("div",{ref:r,className:a("flex flex-col space-y-1.5 p-6",e),...t}));x.displayName="CardHeader";const g=o.forwardRef(({className:e,...t},r)=>n.jsx("div",{ref:r,className:a("text-2xl font-semibold leading-none tracking-tight",e),...t}));g.displayName="CardTitle";const y=o.forwardRef(({className:e,...t},r)=>n.jsx("div",{ref:r,className:a("text-sm text-muted-foreground",e),...t}));y.displayName="CardDescription";const S=o.forwardRef(({className:e,...t},r)=>n.jsx("div",{ref:r,className:a("p-6 pt-0",e),...t}));S.displayName="CardContent";const C=o.forwardRef(({className:e,...t},r)=>n.jsx("div",{ref:r,className:a("flex items-center p-6 pt-0",e),...t}));C.displayName="CardFooter";exports.Button=T;exports.Card=v;exports.CardContent=S;exports.CardDescription=y;exports.CardFooter=C;exports.CardHeader=x;exports.CardTitle=g;exports.buttonVariants=b;exports.cn=a;exports.toast=m;exports.useToast=V;
+//# sourceMappingURL=Card-Nm5kfgOa.cjs.map

package/lib/Card-Nm5kfgOa.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-Nm5kfgOa.cjs","sources":["../src/lib/utils.ts","../src/hooks/useToast.ts","../src/components/ui/Button.tsx","../src/components/ui/Card.tsx"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn( ...inputs: ClassValue[] ) {\n  return twMerge( clsx( inputs ) )\n}\n","import * as React from 'react'\n\nimport type { ToastActionElement, ToastProps } from '../components/ui/Toast'\n\nconst TOAST_LIMIT = 1\nconst TOAST_REMOVE_DELAY = 1_000_000\n\ntype ToasterToast = ToastProps & {\n  id: string\n  title?: React.ReactNode\n  description?: React.ReactNode\n  action?: ToastActionElement\n}\n\nconst actionTypes = {\n  ADD_TOAST: 'ADD_TOAST',\n  UPDATE_TOAST: 'UPDATE_TOAST',\n  DISMISS_TOAST: 'DISMISS_TOAST',\n  REMOVE_TOAST: 'REMOVE_TOAST',\n} as const\n\nlet count = 0\nfunction genId() {\n  count = ( count + 1 ) % Number.MAX_SAFE_INTEGER\n  return count.toString()\n}\n\ntype ActionType = typeof actionTypes\ntype Action =\n  | { type: ActionType['ADD_TOAST']; toast: ToasterToast }\n  | { type: ActionType['UPDATE_TOAST']; toast: Partial<ToasterToast> }\n  | { type: ActionType['DISMISS_TOAST']; toastId?: ToasterToast['id'] }\n  | { type: ActionType['REMOVE_TOAST']; toastId?: ToasterToast['id'] }\n\ninterface State {\n  toasts: ToasterToast[]\n}\n\nconst toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()\n\nconst addToRemoveQueue = ( toastId: string ) => {\n  if ( toastTimeouts.has( toastId ) ) { return }\n  const timeout = setTimeout( () => {\n    toastTimeouts.delete( toastId )\n    dispatch( { type: 'REMOVE_TOAST', toastId } )\n  }, TOAST_REMOVE_DELAY )\n  toastTimeouts.set( toastId, timeout )\n}\n\nexport const reducer = ( state: State, action: Action ): State => {\n  switch ( action.type ) {\n    case 'ADD_TOAST':\n      return {\n        ...state,\n        toasts: [ action.toast, ...state.toasts ].slice( 0, TOAST_LIMIT ),\n      }\n    case 'UPDATE_TOAST':\n      return {\n        ...state,\n        toasts: state.toasts.map( t => ( t.id === action.toast.id ? { ...t, ...action.toast } : t ) ),\n      }\n    case 'DISMISS_TOAST': {\n      const { toastId } = action\n      if ( toastId ) {\n        addToRemoveQueue( toastId )\n      } else {\n        state.toasts.forEach( t => addToRemoveQueue( t.id ) )\n      }\n      return {\n        ...state,\n        toasts: state.toasts.map( t =>\n          t.id === toastId || toastId === undefined ? { ...t, open: false } : t,\n        ),\n      }\n    }\n    case 'REMOVE_TOAST':\n      if ( action.toastId === undefined ) {\n        return { ...state, toasts: [] }\n      }\n      return { ...state, toasts: state.toasts.filter( t => t.id !== action.toastId ) }\n  }\n}\n\nconst listeners: Array<( state: State ) => void> = []\nlet memoryState: State = { toasts: [] }\n\nfunction dispatch( action: Action ) {\n  memoryState = reducer( memoryState, action )\n  listeners.forEach( l => l( memoryState ) )\n}\n\ntype Toast = Omit<ToasterToast, 'id'>\n\nfunction toast( { ...props }: Toast ) {\n  const id = genId()\n  const update = ( p: ToasterToast ) =>\n    dispatch( { type: 'UPDATE_TOAST', toast: { ...p, id } } )\n  const dismiss = () => dispatch( { type: 'DISMISS_TOAST', toastId: id } )\n\n  dispatch( {\n    type: 'ADD_TOAST',\n    toast: {\n      ...props,\n      id,\n      open: true,\n      onOpenChange: ( open ) => {\n        if ( !open ) { dismiss() }\n      },\n    },\n  } )\n  return { id, dismiss, update }\n}\n\nfunction useToast() {\n  const [ state, setState ] = React.useState<State>( memoryState )\n  React.useEffect( () => {\n    listeners.push( setState )\n    return () => {\n      const index = listeners.indexOf( setState )\n      if ( index > -1 ) { listeners.splice( index, 1 ) }\n    }\n  }, [ state ] )\n  return {\n    ...state,\n    toast,\n    dismiss: ( toastId?: string ) => dispatch( { type: 'DISMISS_TOAST', toastId } ),\n  }\n}\n\nexport { useToast, toast }\n","import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../../lib/utils'\n\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover-elevate active-elevate-2',\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground border border-primary-border',\n        destructive: 'bg-destructive text-destructive-foreground border border-destructive-border',\n        outline: 'border [border-color:var(--button-outline)] shadow-xs active:shadow-none',\n        secondary: 'border bg-secondary text-secondary-foreground border-secondary-border',\n        ghost: 'border border-transparent',\n      },\n      size: {\n        default: 'min-h-9 px-4 py-2',\n        sm: 'min-h-8 rounded-md px-3 text-xs',\n        lg: 'min-h-10 rounded-md px-8',\n        icon: 'h-9 w-9',\n      },\n    },\n    defaultVariants: { variant: 'default', size: 'default' },\n  },\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ( { className, variant, size, asChild = false, ...props }, ref ) => {\n    const Comp = asChild ? Slot : 'button'\n    return (\n      <Comp\n        className={cn( buttonVariants( { variant, size, className } ) )}\n        ref={ref}\n        {...props}\n      />\n    )\n  },\n)\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n","import * as React from 'react'\n\nimport { cn } from '../../lib/utils'\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ( { className, ...props }, ref ) => (\n    <div\n      ref={ref}\n      className={cn(\n        'shadcn-card rounded-xl border bg-card border-card-border text-card-foreground shadow-sm',\n        className,\n      )}\n      {...props}\n    />\n  ),\n)\nCard.displayName = 'Card'\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ( { className, ...props }, ref ) => (\n    <div ref={ref} className={cn( 'flex flex-col space-y-1.5 p-6', className )} {...props} />\n  ),\n)\nCardHeader.displayName = 'CardHeader'\n\nconst CardTitle = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ( { className, ...props }, ref ) => (\n    <div\n      ref={ref}\n      className={cn( 'text-2xl font-semibold leading-none tracking-tight', className )}\n      {...props}\n    />\n  ),\n)\nCardTitle.displayName = 'CardTitle'\n\nconst CardDescription = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ( { className, ...props }, ref ) => (\n    <div ref={ref} className={cn( 'text-sm text-muted-foreground', className )} {...props} />\n  ),\n)\nCardDescription.displayName = 'CardDescription'\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ( { className, ...props }, ref ) => (\n    <div ref={ref} className={cn( 'p-6 pt-0', className )} {...props} />\n  ),\n)\nCardContent.displayName = 'CardContent'\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ( { className, ...props }, ref ) => (\n    <div ref={ref} className={cn( 'flex items-center p-6 pt-0', className )} {...props} />\n  ),\n)\nCardFooter.displayName = 'CardFooter'\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\n"],"names":["cn","inputs","twMerge","clsx","TOAST_LIMIT","TOAST_REMOVE_DELAY","count","genId","toastTimeouts","addToRemoveQueue","toastId","timeout","dispatch","reducer","state","action","t","listeners","memoryState","l","toast","props","id","update","p","dismiss","open","useToast","setState","React","index","buttonVariants","cva","Button","className","variant","size","asChild","ref","Comp","Slot","jsx","Card","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":"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"}

package/lib/ImaginariumApiContext-CbcURxdX.cjs

@@ -0,0 +1,2 @@
+"use strict";const g=require("react/jsx-runtime"),a=require("react"),m=a.createContext(null);function h({apiBaseUrl:r="/api",children:p}){const d=a.useMemo(()=>{const c=r.replace(/\/$/,""),u=t=>`${c}${t.startsWith("/")?t:`/${t}`}`;return{apiBaseUrl:c,buildUrl:u,fetchJson:async(t,e)=>{var i;const o=new Headers(e==null?void 0:e.headers);e!=null&&e.body&&!o.has("Content-Type")&&o.set("Content-Type","application/json");const n=await fetch(u(t),{credentials:"include",...e,headers:o}),s=((i=n.headers.get("content-type"))==null?void 0:i.includes("application/json"))&&n.status!==204?await n.json():void 0;if(!n.ok){const l=(s==null?void 0:s.error)||(s==null?void 0:s.message)||n.statusText;throw new Error(l)}return s}}},[r]);return g.jsx(m.Provider,{value:d,children:p})}function f(){const r=a.useContext(m);if(!r)throw new Error("useImaginariumApi must be used within an ImaginariumApiProvider");return r}exports.ImaginariumApiProvider=h;exports.useImaginariumApi=f;
+//# sourceMappingURL=ImaginariumApiContext-CbcURxdX.cjs.map

package/lib/ImaginariumApiContext-CbcURxdX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImaginariumApiContext-CbcURxdX.cjs","sources":["../src/api/ImaginariumApiContext.tsx"],"sourcesContent":["import { createContext, useContext, useMemo, type ReactNode } from 'react'\n\nexport interface ImaginariumApiContextValue {\n  apiBaseUrl: string\n  fetchJson: <T = unknown>( path: string, init?: RequestInit ) => Promise<T>\n  buildUrl: ( path: string ) => string\n}\n\nconst Context = createContext<ImaginariumApiContextValue | null>( null )\n\nexport interface ImaginariumApiProviderProps {\n  apiBaseUrl?: string\n  children: ReactNode\n}\n\nexport function ImaginariumApiProvider( { apiBaseUrl = '/api', children }: ImaginariumApiProviderProps ) {\n  const value = useMemo<ImaginariumApiContextValue>( () => {\n    const base = apiBaseUrl.replace( /\\/$/, '' )\n    const buildUrl = ( path: string ) => `${base}${path.startsWith( '/' ) ? path : `/${path}`}`\n\n    const fetchJson = async <T = unknown>( path: string, init?: RequestInit ): Promise<T> => {\n      const headers = new Headers( init?.headers )\n      if ( init?.body && !headers.has( 'Content-Type' ) ) {\n        headers.set( 'Content-Type', 'application/json' )\n      }\n      const res = await fetch( buildUrl( path ), {\n        credentials: 'include',\n        ...init,\n        headers,\n      } )\n      const isJson = res.headers.get( 'content-type' )?.includes( 'application/json' )\n      const body = isJson && res.status !== 204 ? await res.json() : undefined\n      if ( !res.ok ) {\n        const msg = ( body as { error?: string; message?: string } | undefined )?.error\n          || ( body as { message?: string } | undefined )?.message\n          || res.statusText\n        throw new Error( msg )\n      }\n      return body as T\n    }\n\n    return { apiBaseUrl: base, buildUrl, fetchJson }\n  }, [ apiBaseUrl ] )\n\n  return <Context.Provider value={value}>{children}</Context.Provider>\n}\n\nexport function useImaginariumApi() {\n  const ctx = useContext( Context )\n  if ( !ctx ) {\n    throw new Error( 'useImaginariumApi must be used within an ImaginariumApiProvider' )\n  }\n  return ctx\n}\n"],"names":["Context","createContext","ImaginariumApiProvider","apiBaseUrl","children","value","useMemo","base","buildUrl","path","init","headers","res","body","_a","msg","jsx","useImaginariumApi","ctx","useContext"],"mappings":"qEAQMA,EAAUC,EAAAA,cAAkD,IAAK,EAOhE,SAASC,EAAwB,CAAE,WAAAC,EAAa,OAAQ,SAAAC,GAA0C,CACvG,MAAMC,EAAQC,EAAAA,QAAqC,IAAM,CACvD,MAAMC,EAAOJ,EAAW,QAAS,MAAO,EAAG,EACrCK,EAAaC,GAAkB,GAAGF,CAAI,GAAGE,EAAK,WAAY,GAAI,EAAIA,EAAO,IAAIA,CAAI,EAAE,GAuBzF,MAAO,CAAE,WAAYF,EAAM,SAAAC,EAAU,UArBnB,MAAqBC,EAAcC,IAAoC,OACvF,MAAMC,EAAU,IAAI,QAASD,GAAA,YAAAA,EAAM,OAAQ,EACtCA,GAAA,MAAAA,EAAM,MAAQ,CAACC,EAAQ,IAAK,cAAe,GAC9CA,EAAQ,IAAK,eAAgB,kBAAmB,EAElD,MAAMC,EAAM,MAAM,MAAOJ,EAAUC,CAAK,EAAG,CACzC,YAAa,UACb,GAAGC,EACH,QAAAC,CAAA,CACA,EAEIE,IADSC,EAAAF,EAAI,QAAQ,IAAK,cAAe,IAAhC,YAAAE,EAAmC,SAAU,sBACrCF,EAAI,SAAW,IAAM,MAAMA,EAAI,OAAS,OAC/D,GAAK,CAACA,EAAI,GAAK,CACb,MAAMG,GAAQF,GAAA,YAAAA,EAA4D,SACnEA,GAAA,YAAAA,EAA4C,UAC9CD,EAAI,WACT,MAAM,IAAI,MAAOG,CAAI,CACvB,CACA,OAAOF,CACT,CAEqC,CACvC,EAAG,CAAEV,CAAW,CAAE,EAElB,OAAOa,EAAAA,IAAChB,EAAQ,SAAR,CAAiB,MAAAK,EAAe,SAAAD,CAAA,CAAS,CACnD,CAEO,SAASa,GAAoB,CAClC,MAAMC,EAAMC,EAAAA,WAAYnB,CAAQ,EAChC,GAAK,CAACkB,EACJ,MAAM,IAAI,MAAO,iEAAkE,EAErF,OAAOA,CACT"}

package/lib/ImaginariumApiContext-CfXagMC6.js

@@ -0,0 +1,35 @@
+import { jsx as l } from "react/jsx-runtime";
+import { createContext as f, useMemo as h, useContext as w } from "react";
+const i = f(null);
+function I({ apiBaseUrl: t = "/api", children: m }) {
+  const p = h(() => {
+    const a = t.replace(/\/$/, ""), c = (r) => `${a}${r.startsWith("/") ? r : `/${r}`}`;
+    return { apiBaseUrl: a, buildUrl: c, fetchJson: async (r, e) => {
+      var u;
+      const n = new Headers(e == null ? void 0 : e.headers);
+      e != null && e.body && !n.has("Content-Type") && n.set("Content-Type", "application/json");
+      const o = await fetch(c(r), {
+        credentials: "include",
+        ...e,
+        headers: n
+      }), s = ((u = o.headers.get("content-type")) == null ? void 0 : u.includes("application/json")) && o.status !== 204 ? await o.json() : void 0;
+      if (!o.ok) {
+        const d = (s == null ? void 0 : s.error) || (s == null ? void 0 : s.message) || o.statusText;
+        throw new Error(d);
+      }
+      return s;
+    } };
+  }, [t]);
+  return /* @__PURE__ */ l(i.Provider, { value: p, children: m });
+}
+function j() {
+  const t = w(i);
+  if (!t)
+    throw new Error("useImaginariumApi must be used within an ImaginariumApiProvider");
+  return t;
+}
+export {
+  I,
+  j as u
+};
+//# sourceMappingURL=ImaginariumApiContext-CfXagMC6.js.map

package/lib/ImaginariumApiContext-CfXagMC6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImaginariumApiContext-CfXagMC6.js","sources":["../src/api/ImaginariumApiContext.tsx"],"sourcesContent":["import { createContext, useContext, useMemo, type ReactNode } from 'react'\n\nexport interface ImaginariumApiContextValue {\n  apiBaseUrl: string\n  fetchJson: <T = unknown>( path: string, init?: RequestInit ) => Promise<T>\n  buildUrl: ( path: string ) => string\n}\n\nconst Context = createContext<ImaginariumApiContextValue | null>( null )\n\nexport interface ImaginariumApiProviderProps {\n  apiBaseUrl?: string\n  children: ReactNode\n}\n\nexport function ImaginariumApiProvider( { apiBaseUrl = '/api', children }: ImaginariumApiProviderProps ) {\n  const value = useMemo<ImaginariumApiContextValue>( () => {\n    const base = apiBaseUrl.replace( /\\/$/, '' )\n    const buildUrl = ( path: string ) => `${base}${path.startsWith( '/' ) ? path : `/${path}`}`\n\n    const fetchJson = async <T = unknown>( path: string, init?: RequestInit ): Promise<T> => {\n      const headers = new Headers( init?.headers )\n      if ( init?.body && !headers.has( 'Content-Type' ) ) {\n        headers.set( 'Content-Type', 'application/json' )\n      }\n      const res = await fetch( buildUrl( path ), {\n        credentials: 'include',\n        ...init,\n        headers,\n      } )\n      const isJson = res.headers.get( 'content-type' )?.includes( 'application/json' )\n      const body = isJson && res.status !== 204 ? await res.json() : undefined\n      if ( !res.ok ) {\n        const msg = ( body as { error?: string; message?: string } | undefined )?.error\n          || ( body as { message?: string } | undefined )?.message\n          || res.statusText\n        throw new Error( msg )\n      }\n      return body as T\n    }\n\n    return { apiBaseUrl: base, buildUrl, fetchJson }\n  }, [ apiBaseUrl ] )\n\n  return <Context.Provider value={value}>{children}</Context.Provider>\n}\n\nexport function useImaginariumApi() {\n  const ctx = useContext( Context )\n  if ( !ctx ) {\n    throw new Error( 'useImaginariumApi must be used within an ImaginariumApiProvider' )\n  }\n  return ctx\n}\n"],"names":["Context","createContext","ImaginariumApiProvider","apiBaseUrl","children","value","useMemo","base","buildUrl","path","init","headers","res","body","_a","msg","jsx","useImaginariumApi","ctx","useContext"],"mappings":";;AAQA,MAAMA,IAAUC,EAAkD,IAAK;AAOhE,SAASC,EAAwB,EAAE,YAAAC,IAAa,QAAQ,UAAAC,KAA0C;AACvG,QAAMC,IAAQC,EAAqC,MAAM;AACvD,UAAMC,IAAOJ,EAAW,QAAS,OAAO,EAAG,GACrCK,IAAW,CAAEC,MAAkB,GAAGF,CAAI,GAAGE,EAAK,WAAY,GAAI,IAAIA,IAAO,IAAIA,CAAI,EAAE;AAuBzF,WAAO,EAAE,YAAYF,GAAM,UAAAC,GAAU,WArBnB,OAAqBC,GAAcC,MAAoC;;AACvF,YAAMC,IAAU,IAAI,QAASD,KAAA,gBAAAA,EAAM,OAAQ;AAC3C,MAAKA,KAAA,QAAAA,EAAM,QAAQ,CAACC,EAAQ,IAAK,cAAe,KAC9CA,EAAQ,IAAK,gBAAgB,kBAAmB;AAElD,YAAMC,IAAM,MAAM,MAAOJ,EAAUC,CAAK,GAAG;AAAA,QACzC,aAAa;AAAA,QACb,GAAGC;AAAA,QACH,SAAAC;AAAA,MAAA,CACA,GAEIE,MADSC,IAAAF,EAAI,QAAQ,IAAK,cAAe,MAAhC,gBAAAE,EAAmC,SAAU,wBACrCF,EAAI,WAAW,MAAM,MAAMA,EAAI,SAAS;AAC/D,UAAK,CAACA,EAAI,IAAK;AACb,cAAMG,KAAQF,KAAA,gBAAAA,EAA4D,WACnEA,KAAA,gBAAAA,EAA4C,YAC9CD,EAAI;AACT,cAAM,IAAI,MAAOG,CAAI;AAAA,MACvB;AACA,aAAOF;AAAA,IACT,EAEqC;AAAA,EACvC,GAAG,CAAEV,CAAW,CAAE;AAElB,SAAO,gBAAAa,EAAChB,EAAQ,UAAR,EAAiB,OAAAK,GAAe,UAAAD,EAAA,CAAS;AACnD;AAEO,SAASa,IAAoB;AAClC,QAAMC,IAAMC,EAAYnB,CAAQ;AAChC,MAAK,CAACkB;AACJ,UAAM,IAAI,MAAO,iEAAkE;AAErF,SAAOA;AACT;"}