telva 1.0.1

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Stephen Ruiz Ltd
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,298 @@
+<div align="center">
+
+# Telva
+
+### The open-source design tool built for developers.
+
+**A full-featured, multiplayer-ready design canvas you can embed in any React application.**  
+Free forever. No license fees. No per-seat pricing. Just open source.
+
+[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE.md)
+[![npm @telva/telva](https://img.shields.io/npm/v/@telva/telva?label=%40telva%2Ftelva&color=blue)](https://www.npmjs.com/package/@telva/telva)
+[![npm @telva/core](https://img.shields.io/npm/v/@telva/core?label=%40telva%2Fcore&color=blue)](https://www.npmjs.com/package/@telva/core)
+
+</div>
+
+---
+
+## Why Telva?
+
+Design tooling has been locked behind proprietary walls for too long. Figma is great — but it charges per seat, owns your data, and cannot be self-hosted or extended at a deep level. **Telva changes that.**
+
+Telva is a **production-grade, open-source vector design canvas** that runs entirely in the browser as a React component. Drop it into your product, your internal tool, or your SaaS. Customize every shape, behavior, panel, and shortcut. Ship it as your own.
+
+> Built and maintained by **[vmaspad](https://github.com/vmaspad)**.
+
+---
+
+## What makes Telva different
+
+| Feature                       | Telva               | Figma                  |
+| ----------------------------- | ------------------- | ---------------------- |
+| Open source                   | ✅ MIT license      | ❌ Proprietary         |
+| Self-hostable                 | ✅                  | ❌                     |
+| Embeddable in React           | ✅ Single component | ❌                     |
+| Custom React shapes on canvas | ✅ Native support   | ❌                     |
+| Real-time multiplayer         | ✅ Built-in         | ✅                     |
+| Offline-first                 | ✅                  | ❌                     |
+| Per-seat pricing              | ✅ Free forever     | ❌ $12–45/seat         |
+| Extend with code              | ✅ Full API         | ❌ Plugin sandbox only |
+
+---
+
+## The killer feature: React Components as Canvas Shapes
+
+Telva is the only open-source design tool that lets you place **live, interactive React components** directly onto the canvas as first-class shapes.
+
+```tsx
+import { Telva } from '@telva/telva'
+import { MyChart, MyDataTable, MyForm } from './components'
+
+// Register your React components as canvas shapes
+const registry = {
+  chart: MyChart,
+  table: MyDataTable,
+  form: MyForm,
+}
+
+export default function App() {
+  return (
+    <div style={{ width: '100vw', height: '100vh' }}>
+      <Telva reactComponents={registry} />
+    </div>
+  )
+}
+```
+
+Your components render live inside the canvas. They respond to user input, fetch data, animate — and can be moved, resized, grouped, and exported just like any other shape. **This is not an iframe. It's your actual component tree, rendered on an infinite canvas.**
+
+---
+
+## Get started in 60 seconds
+
+```bash
+npm install @telva/telva
+# or
+yarn add @telva/telva
+```
+
+```tsx
+import { Telva } from '@telva/telva'
+import '@telva/telva/telva.css'
+
+export default function App() {
+  return (
+    <div style={{ width: '100vw', height: '100vh' }}>
+      <Telva />
+    </div>
+  )
+}
+```
+
+That's it. A fully functional design canvas, in your app, in under a minute.
+
+---
+
+## Full Feature Set
+
+### Drawing & Shapes
+
+Telva ships with a complete set of professional vector shapes out of the box:
+
+- **Rectangle** — with fill, stroke, dash styles, border radius, and opacity
+- **Ellipse** — perfect circles and ovals with the same full style set
+- **Triangle** — directional shapes for diagrams and flows
+- **Arrow** — straight and curved arrows with decorations (heads, dots, bars) on either end; snap-to-shape binding
+- **Draw** — freehand pencil tool with perfect-freehand smoothing
+- **Text** — rich inline text with font family, size, weight, and alignment options
+- **Sticky Note** — color-coded sticky notes with full text editing
+- **Image** — drag-and-drop image placement and resizing
+- **Video** — embedded video playback as a canvas shape
+- **Group** — group any combination of shapes and operate on them as one
+- **React Component** — any React component rendered live as a resizable canvas shape
+
+### Editing & Interaction
+
+- Infinite canvas with smooth pan and zoom
+- Select tool with click, drag-box, and deep-click-into-group
+- Multi-select, group select, select all
+- Move, rotate, resize, flip, align, distribute, stretch
+- Snap-to-grid and snap-to-shape guidelines
+- Erase tool
+- Undo / redo with full command history
+- Copy, paste, duplicate
+- Lock shapes to prevent accidental edits
+- Keyboard shortcuts for every action
+
+### Styles & Theming
+
+- Per-shape styles: color, fill, stroke, dash, opacity, font, size, alignment
+- Dark mode and light mode with a single prop
+- Fully themeable UI via CSS custom properties and Stitches
+- Custom color palettes per project
+
+### Layers & Organization
+
+- Layers panel with full reordering, visibility toggle, and lock
+- Page management — create, rename, duplicate, and reorder pages in a document
+- Focus mode to minimize the UI while working
+
+### Export
+
+- Export to PNG with configurable DPI
+- Export to SVG (vector-perfect)
+- Export any selection, current page, or entire document
+- Transparent or white background
+- Programmatic export via API
+
+### Real-time Collaboration
+
+Built-in multiplayer support with live presence:
+
+```tsx
+import { MultiplayerEditor } from './components/MultiplayerEditor' // Drop-in multiplayer via Liveblocks — or bring your own backend
+
+;<Telva roomId="my-design-room" onMount={(app) => connectToRoom(app)} />
+```
+
+- Live cursor presence for all connected users
+- Real-time shape sync
+- User color coding
+- Read-only viewer mode for stakeholders
+- Compatible with Liveblocks, Yjs, or any CRDT backend
+
+### Persistence & File System
+
+- Auto-save to `localStorage` with a single `id` prop
+- Load and save `.tlvr` files to disk
+- Full document JSON API for custom storage (database, S3, anywhere)
+- Load documents programmatically at runtime
+
+### Programmatic API
+
+The `TelvaApp` gives you full imperative control over the canvas at runtime:
+
+```tsx
+const app = useTelvaApp()
+
+// Create shapes
+app.createShapes([{ type: 'rectangle', ... }])
+
+// Select shapes
+app.select('shape-id-1', 'shape-id-2')
+
+// Move the camera
+app.zoomToFit()
+app.zoomTo(1.5)
+
+// Export
+const svg = await app.getSvg(['shape-id-1'])
+const png = await app.exportImage(...)
+
+// Undo/redo
+app.undo()
+app.redo()
+
+// React to everything
+app.on('change', (state) => syncToServer(state))
+```
+
+### Embedding Modes
+
+Telva is designed for embedding. Every aspect of the UI is optional:
+
+```tsx
+<Telva
+  id="my-editor" // persist state under this key
+  darkMode={true} // dark or light theme
+  showMenu={false} // hide the file menu
+  showPages={false} // single-page mode
+  showTools={false} // hide the toolbar
+  showUI={false} // canvas-only, no UI at all
+  readOnly={true} // viewer mode
+  autofocus={true} // grab focus on mount
+  document={myDocument} // controlled document prop
+  onMount={(app) => {}} // access the app instance
+  onChange={(state, reason) => {}} // listen to every change
+/>
+```
+
+---
+
+## Packages
+
+This is a Yarn/Turborepo monorepo containing:
+
+| Package                                  | Description                                        |
+| ---------------------------------------- | -------------------------------------------------- |
+| [`@telva/telva`](packages/telva)         | The full editor — a turnkey React component        |
+| [`@telva/core`](packages/core)           | The canvas renderer — build your own editor on top |
+| [`@telva/vec`](packages/vec)             | 2D vector math utilities                           |
+| [`@telva/intersect`](packages/intersect) | Geometry intersection utilities                    |
+| [`@telva/curve`](packages/curve)         | Bezier curve utilities                             |
+
+### Build your own editor with `@telva/core`
+
+`@telva/core` is the low-level canvas renderer that powers `@telva/telva`. Use it to build a completely custom canvas-based experience — flowcharts, whiteboards, diagram editors, design systems, game maps — with your own shapes, tools, and UI.
+
+```tsx
+import { Renderer } from '@telva/core'
+
+;<Renderer
+  page={page}
+  pageState={pageState}
+  shapeUtils={myCustomShapeUtils}
+  onPointShape={handlePointShape}
+  onDragShape={handleDragShape}
+  // ... full event API
+/>
+```
+
+---
+
+## Examples
+
+| Example                                                            | Description                              |
+| ------------------------------------------------------------------ | ---------------------------------------- |
+| [`examples/telva-example`](examples/telva-example)                 | Full editor with all features enabled    |
+| [`examples/core-example`](examples/core-example)                   | Minimal custom canvas with `@telva/core` |
+| [`examples/core-example-advanced`](examples/core-example-advanced) | Advanced custom shapes and interactions  |
+
+Run any example locally:
+
+```bash
+git clone https://github.com/vmaspad/telva-v1.git
+cd telva-v1
+yarn install
+yarn start
+# → http://localhost:5420
+```
+
+---
+
+## Roadmap highlights
+
+- [ ] Vector pen tool
+- [ ] Component variants and slots
+- [ ] Plugin system
+- [ ] AI-assisted layout
+- [ ] Export to Tailwind / CSS
+- [ ] Design tokens integration
+
+---
+
+## Contributing
+
+Contributions are welcome and encouraged. See the [contributing guide](CONTRIBUTING.md) for how to get started — whether that's fixing bugs, adding shapes, improving docs, or translating the UI.
+
+## Support
+
+Found a bug or need help? [Open an issue](https://github.com/vmaspad/telva-v1/issues/new).
+
+## License
+
+MIT — free to use, modify, and distribute, including in commercial products.
+
+## Author & Maintainer
+
+**vmaspad** — [github.com/vmaspad](https://github.com/vmaspad)

package/dist/Telva.d.ts

@@ -0,0 +1,98 @@
+import '@fontsource/caveat-brush';
+import '@fontsource/crimson-pro';
+import '@fontsource/dm-sans';
+import '@fontsource/recursive';
+import '@fontsource/source-code-pro';
+import '@fontsource/source-sans-pro';
+import { CursorComponent } from 'telva-core';
+import { TVCallbacks } from '~state';
+import { ReactComponentEntry } from '~state/reactRegistry';
+import { TVDocument } from '~types';
+export interface TelvaProps extends TVCallbacks {
+    /**
+     * (optional) If provided, the component will load / persist state under this key.
+     */
+    id?: string;
+    /**
+     * (optional) The document to load or update from.
+     */
+    document?: TVDocument;
+    /**
+     * (optional) The current page id.
+     */
+    currentPageId?: string;
+    /**
+     * (optional) Whether the editor should immediately receive focus. Defaults to true.
+     */
+    autofocus?: boolean;
+    /**
+     * (optional) Whether to show the menu UI.
+     */
+    showMenu?: boolean;
+    /**
+     * (optional) Whether to show the multiplayer menu.
+     */
+    showMultiplayerMenu?: boolean;
+    /**
+     * (optional) Whether to show the pages UI.
+     */
+    showPages?: boolean;
+    /**
+     * (optional) Whether to show the styles UI.
+     */
+    showStyles?: boolean;
+    /**
+     * (optional) Whether to show the zoom UI.
+     */
+    showZoom?: boolean;
+    /**
+     * (optional) Whether to show the tools UI.
+     */
+    showTools?: boolean;
+    /**
+     * (optional) Whether to show the UI.
+     */
+    showUI?: boolean;
+    /**
+     * (optional) Whether to the document should be read only.
+     */
+    readOnly?: boolean;
+    /**
+     * (optional) Whether to to show the app's dark mode UI.
+     */
+    darkMode?: boolean;
+    /**
+     * (optional) If provided, image/video componnets will be disabled.
+     *
+     * Warning: Keeping this enabled for multiplayer applications without provifing a storage
+     * bucket based solution will cause massive base64 string to be written to the liveblocks room.
+     */
+    disableAssets?: boolean;
+    /**
+     * (optional) Custom components to override parts of the default UI.
+     */
+    components?: {
+        /**
+         * The component to render for multiplayer cursors.
+         */
+        Cursor?: CursorComponent;
+    };
+    /**
+     * (optional) To hide cursors
+     */
+    hideCursors?: boolean;
+    /**
+     * (optional) React components available for import in the editor.
+     * Configured in apps/www/react/registry.tsx.
+     */
+    reactComponents?: ReactComponentEntry[];
+    /**
+     * (optional) Google Fonts Developer API key.
+     * When provided, the font picker in the properties panel will load the full
+     * list of Google Fonts sorted by popularity.
+     * https://developers.google.com/fonts/docs/developer_api
+     */
+    googleFontsApiKey?: string;
+}
+export declare function Telva({ id, document, currentPageId, autofocus, showMenu, showMultiplayerMenu, showPages, showTools, showZoom, showStyles, showUI, readOnly, disableAssets, darkMode, components, onMount, onChange, onChangePresence, onNewProject, onSaveProject, onSaveProjectAs, onOpenProject, onOpenMedia, onUndo, onRedo, onPersist, onPatch, onCommand, onChangePage, onAssetCreate, onAssetDelete, onAssetUpload, onSessionStart, onSessionEnd, onExport, hideCursors, reactComponents, googleFontsApiKey, }: TelvaProps): JSX.Element;
+//# sourceMappingURL=Telva.d.ts.map

package/dist/Telva.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Telva.d.ts","sourceRoot":"","sources":["../src/Telva.tsx"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAA;AACjC,OAAO,yBAAyB,CAAA;AAChC,OAAO,qBAAqB,CAAA;AAC5B,OAAO,uBAAuB,CAAA;AAC9B,OAAO,6BAA6B,CAAA;AACpC,OAAO,6BAA6B,CAAA;AAIpC,OAAO,EAAE,eAAe,EAAY,MAAM,YAAY,CAAA;AAqBtD,OAAO,EAAE,WAAW,EAAY,MAAM,QAAQ,CAAA;AAE9C,OAAO,EAAE,mBAAmB,EAAwB,MAAM,sBAAsB,CAAA;AAGhF,OAAO,EAAE,UAAU,EAAY,MAAM,QAAQ,CAAA;AAI7C,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC7C;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAA;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;OAEG;IACH,UAAU,CAAC,EAAE;QACX;;WAEG;QACH,MAAM,CAAC,EAAE,eAAe,CAAA;KACzB,CAAA;IAED;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;OAGG;IACH,eAAe,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAEvC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAMD,wBAAgB,KAAK,CAAC,EACpB,EAAE,EACF,QAAQ,EACR,aAAa,EACb,SAAgB,EAChB,QAAe,EACf,mBAA0B,EAC1B,SAAgB,EAChB,SAAgB,EAChB,QAAe,EACf,UAAiB,EACjB,MAAa,EACb,QAAgB,EAChB,aAAqB,EACrB,QAA2B,EAC3B,UAAU,EACV,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,eAAe,EACf,aAAa,EACb,WAAW,EACX,MAAM,EACN,MAAM,EACN,SAAS,EACT,OAAO,EACP,SAAS,EACT,YAAY,EACZ,aAAa,EACb,aAAa,EACb,aAAa,EACb,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,eAAe,EACf,iBAAiB,GAClB,EAAE,UAAU,eAkNZ"}

package/dist/components/CenterToolbar/CenterToolbar.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const CenterToolbar: React.NamedExoticComponent<object>;
+//# sourceMappingURL=CenterToolbar.d.ts.map

package/dist/components/CenterToolbar/CenterToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CenterToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/CenterToolbar/CenterToolbar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,eAAO,MAAM,aAAa,oCAkIxB,CAAA"}

package/dist/components/CenterToolbar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CenterToolbar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/CenterToolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CenterToolbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { RowButtonProps } from '~components/Primitives/RowButton';
+interface ContextMenuProps {
+    onBlur?: React.FocusEventHandler;
+    children: React.ReactNode;
+}
+export declare const _ContextMenu: ({ onBlur, children }: ContextMenuProps) => JSX.Element;
+export interface ContextMenuSubMenuProps {
+    label: string;
+    size?: 'small';
+    children: React.ReactNode;
+    id?: string;
+}
+export declare function ContextMenuSubMenu({ children, label, size, id }: ContextMenuSubMenuProps): JSX.Element;
+export declare const CMSubTriggerButton: ({ id, ...rest }: RowButtonProps) => JSX.Element;
+export declare const ContextMenu: React.MemoExoticComponent<({ onBlur, children }: ContextMenuProps) => JSX.Element>;
+export {};
+//# sourceMappingURL=ContextMenu.d.ts.map

package/dist/components/ContextMenu/ContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAa,cAAc,EAAE,MAAM,kCAAkC,CAAA;AAsB5E,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,eAAO,MAAM,YAAY,yBAA0B,gBAAgB,gBAoBlE,CAAA;AA0bD,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,uBAAuB,eAexF;AA8BD,eAAO,MAAM,kBAAkB,oBAAqB,cAAc,gBAMjE,CAAA;AAED,eAAO,MAAM,WAAW,mDA1gB2B,gBAAgB,iBA0gBhB,CAAA"}

package/dist/components/ContextMenu/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ContextMenu';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ContextMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/components/ErrorFallback/ErrorFallback.d.ts

@@ -0,0 +1,3 @@
+import { FallbackProps } from 'react-error-boundary';
+export declare function ErrorFallback({ error, resetErrorBoundary }: FallbackProps): any;
+//# sourceMappingURL=ErrorFallback.d.ts.map

package/dist/components/ErrorFallback/ErrorFallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorFallback.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorFallback/ErrorFallback.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAMpD,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,aAAa,GAAG,GAAG,CAoD/E"}

package/dist/components/ErrorFallback/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ErrorFallback';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ErrorFallback/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorFallback/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/dist/components/FocusButton/FocusButton.d.ts

@@ -0,0 +1,6 @@
+interface FocusButtonProps {
+    onSelect: () => void;
+}
+export declare function FocusButton({ onSelect }: FocusButtonProps): JSX.Element;
+export {};
+//# sourceMappingURL=FocusButton.d.ts.map

package/dist/components/FocusButton/FocusButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusButton.d.ts","sourceRoot":"","sources":["../../../src/components/FocusButton/FocusButton.tsx"],"names":[],"mappings":"AAKA,UAAU,gBAAgB;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,eAQzD"}

package/dist/components/FocusButton/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FocusButton';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/FocusButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FocusButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/components/LeftPanel/ComponentsTab.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+/**
+ * ComponentsTab — lists registered React components from the registry context
+ * and allows importing them into the canvas as LIVE ReactComponent shapes.
+ */
+export declare const ComponentsTab: React.NamedExoticComponent<object>;
+//# sourceMappingURL=ComponentsTab.d.ts.map

package/dist/components/LeftPanel/ComponentsTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentsTab.d.ts","sourceRoot":"","sources":["../../../src/components/LeftPanel/ComponentsTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B;;;GAGG;AACH,eAAO,MAAM,aAAa,oCAwExB,CAAA"}

package/dist/components/LeftPanel/LayersPanel.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const LayersPanel: React.NamedExoticComponent<object>;
+//# sourceMappingURL=LayersPanel.d.ts.map

package/dist/components/LeftPanel/LayersPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayersPanel.d.ts","sourceRoot":"","sources":["../../../src/components/LeftPanel/LayersPanel.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAiK9B,eAAO,MAAM,WAAW,oCAoBtB,CAAA"}

package/dist/components/LeftPanel/LeftPanel.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const LeftPanel: React.NamedExoticComponent<object>;
+//# sourceMappingURL=LeftPanel.d.ts.map

package/dist/components/LeftPanel/LeftPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftPanel.d.ts","sourceRoot":"","sources":["../../../src/components/LeftPanel/LeftPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,eAAO,MAAM,SAAS,oCAMpB,CAAA"}

package/dist/components/LeftPanel/index.d.ts

@@ -0,0 +1,3 @@
+export { LayersPanel } from './LayersPanel';
+export { LeftPanel } from './LeftPanel';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/LeftPanel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LeftPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}

package/dist/components/Loading/Loading.d.ts

@@ -0,0 +1,2 @@
+export declare function Loading(): JSX.Element;
+//# sourceMappingURL=Loading.d.ts.map

package/dist/components/Loading/Loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/Loading.tsx"],"names":[],"mappings":"AAQA,wBAAgB,OAAO,gBAStB"}

package/dist/components/Loading/index.d.ts

@@ -0,0 +1,2 @@
+export { Loading } from './Loading';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Loading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}