@oferitz/graphiq 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Ofer Itzchaky
+
+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,210 @@
+# graphiq
+
+A modern, lightweight GraphQL IDE component for React. Drop-in replacement for GraphiQL with a fraction of the bundle size.
+
+## Features
+
+- **Lightweight** — ~200KB gzipped (vs GraphiQL ~2MB)
+- **CodeMirror 6** — Fast editor with GraphQL syntax highlighting, autocomplete, and error markers
+- **Hybrid headless** — Use the full IDE or compose your own with hooks
+- **Fully customizable** — Override every CSS variable and class via `classNames` prop
+- **Multi-tab** — Work on multiple queries simultaneously
+- **Schema explorer** — Browse types, fields, and arguments from introspected schema
+- **Query history** — Auto-saved with favorites
+- **Plugin system** — Extend the sidebar with custom panels
+- **Keyboard shortcuts** — Cmd+Enter (execute), Cmd+Shift+P (prettify), Esc (cancel)
+- **Request cancellation** — AbortController-backed with response timing
+
+## Install
+
+```bash
+npm install graphiq react react-dom graphql
+```
+
+## Quick Start
+
+```tsx
+import { GraphiQ } from "graphiq";
+import "graphiq/style.css";
+
+function App() {
+  return (
+    <GraphiQ endpoint="https://your-api.com/graphql" />
+  );
+}
+```
+
+## Headless Mode
+
+Use the provider and hooks to build a completely custom UI:
+
+```tsx
+import { GraphiQProvider, useGraphiQ, useSchema, useQuery } from "graphiq";
+
+function MyEditor() {
+  const { query, setQuery, prettify } = useGraphiQ();
+  const { schema } = useSchema();
+  const { response, isLoading, execute } = useQuery();
+
+  // Build your own UI with full access to state
+}
+
+function App() {
+  return (
+    <GraphiQProvider endpoint="https://your-api.com/graphql">
+      <MyEditor />
+    </GraphiQProvider>
+  );
+}
+```
+
+## Individual Components
+
+Mix and match components for custom layouts:
+
+```tsx
+import {
+  GraphiQProvider,
+  QueryEditor,
+  VariablesEditor,
+  ResponseViewer,
+  SchemaExplorer,
+  Toolbar,
+  TabBar,
+} from "graphiq";
+```
+
+## Props
+
+### `<GraphiQ />`
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `endpoint` | `string` | GraphQL endpoint URL (required) |
+| `headers` | `Record<string, string>` | Default headers sent with every request |
+| `defaultQuery` | `string` | Initial query string |
+| `schema` | `GraphQLSchema` | Pre-loaded schema (skips introspection) |
+| `fetcher` | `GraphiQFetcher` | Custom fetcher replacing built-in fetch |
+| `plugins` | `Plugin[]` | Sidebar plugin panels |
+| `storage` | `StorageAPI` | Custom storage backend (default: localStorage) |
+| `defaultTabs` | `Tab[]` | Initial tabs |
+| `enableHeaders` | `boolean` | Show headers editor (default: true) |
+| `showHistory` | `boolean` | Show history in sidebar (default: true) |
+| `showSchemaExplorer` | `boolean` | Show schema explorer in sidebar (default: true) |
+| `classNames` | `Partial<GraphiQSlots>` | Per-slot class overrides |
+| `className` | `string` | Root element class |
+| `onEditQuery` | `(query: string) => void` | Callback when query changes |
+| `onEditVariables` | `(variables: string) => void` | Callback when variables change |
+| `onEditHeaders` | `(headers: string) => void` | Callback when headers change |
+| `onExecute` | `(params) => void` | Callback when query is executed |
+
+## Theming
+
+GraphiQ ships a beautiful default theme but **every token is a CSS variable** you can override. No forced dark/light — you control the theme entirely.
+
+```css
+:root {
+  --gq-bg: #1e1e2e;
+  --gq-text: #cdd6f4;
+  --gq-accent: #6366f1;
+  --gq-border: #45475a;
+  --gq-font-mono: "Fira Code", monospace;
+  --gq-radius: 8px;
+}
+```
+
+### Available CSS Variables
+
+| Variable | Description |
+|----------|-------------|
+| `--gq-bg` | Primary background |
+| `--gq-bg-secondary` | Editor/panel background |
+| `--gq-bg-tertiary` | Toolbar/tab background |
+| `--gq-bg-elevated` | Hover states, popovers |
+| `--gq-text` | Primary text |
+| `--gq-text-secondary` | Secondary text |
+| `--gq-text-tertiary` | Muted text, placeholders |
+| `--gq-accent` | Primary accent (buttons, links) |
+| `--gq-accent-hover` | Accent hover state |
+| `--gq-border` | Borders and dividers |
+| `--gq-success` / `--gq-error` / `--gq-warning` | Semantic colors |
+| `--gq-font-display` | Display font family |
+| `--gq-font-sans` | UI font family |
+| `--gq-font-mono` | Code font family |
+| `--gq-radius` | Border radius |
+| `--gq-panel-gap` | Gap between panels |
+| `--gq-syn-*` | Syntax highlighting colors |
+
+### `classNames` Slots
+
+Override individual component classes with Tailwind or any CSS:
+
+```tsx
+<GraphiQ
+  endpoint="..."
+  classNames={{
+    root: "rounded-xl shadow-2xl",
+    editor: "border border-zinc-800",
+    toolbar: "backdrop-blur bg-black/50",
+    response: "bg-zinc-950",
+    executeButton: "bg-indigo-500 hover:bg-indigo-400",
+    sidebar: "bg-zinc-900",
+    tabs: "bg-zinc-900",
+  }}
+/>
+```
+
+## Plugins
+
+Extend GraphiQ with custom sidebar panels:
+
+```tsx
+import type { Plugin } from "graphiq";
+
+const myPlugin: Plugin = {
+  name: "my-plugin",
+  title: "My Plugin",
+  icon: <MyIcon />,
+  content: ({ query, schema, variables, execute }) => (
+    <div>Custom panel content</div>
+  ),
+};
+
+<GraphiQ endpoint="..." plugins={[myPlugin]} />
+```
+
+## Custom Fetcher
+
+Replace the built-in fetch for authentication, logging, or custom protocols:
+
+```tsx
+const customFetcher = async (params, signal) => {
+  const res = await fetch("/graphql", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${getToken()}`,
+    },
+    body: JSON.stringify(params),
+    signal,
+  });
+  return res.json();
+};
+
+<GraphiQ endpoint="/graphql" fetcher={customFetcher} />
+```
+
+## Development
+
+```bash
+bun install          # Install dependencies
+bun run dev          # Start playground on localhost:5005
+bun run build        # Build library
+bun run test         # Run tests
+bun run typecheck    # Type check
+bun run lint         # Lint with oxlint
+```
+
+## License
+
+MIT

package/dist/components/GraphiQ.d.ts

@@ -0,0 +1,3 @@
+import type { GraphiQProps } from "../types/props";
+export declare function GraphiQ({ endpoint, headers, defaultQuery, schema, fetcher, storage, defaultTabs, ...rest }: GraphiQProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GraphiQ.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GraphiQ.d.ts","sourceRoot":"","sources":["../../src/components/GraphiQ.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AA2NnD,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAW,EACX,GAAG,IAAI,EACR,EAAE,YAAY,2CAcd"}

package/dist/components/GraphiQProvider.d.ts

@@ -0,0 +1,3 @@
+import type { GraphiQProviderProps } from "../types/props";
+export declare function GraphiQProvider({ endpoint, headers, defaultQuery, defaultTabs, schema, fetcher, storage: _storage, children, }: GraphiQProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GraphiQProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GraphiQProvider.d.ts","sourceRoot":"","sources":["../../src/components/GraphiQProvider.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE3D,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,WAAW,EACX,MAAM,EACN,OAAO,EACP,OAAO,EAAE,QAAQ,EACjB,QAAQ,GACT,EAAE,oBAAoB,2CAqCtB"}

package/dist/components/editor/HeadersEditor.d.ts

@@ -0,0 +1,6 @@
+interface HeadersEditorProps {
+    className?: string;
+}
+export declare function HeadersEditor({ className }: HeadersEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HeadersEditor.d.ts.map

package/dist/components/editor/HeadersEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadersEditor.d.ts","sourceRoot":"","sources":["../../../src/components/editor/HeadersEditor.tsx"],"names":[],"mappings":"AAQA,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAoB9D"}

package/dist/components/editor/QueryEditor.d.ts

@@ -0,0 +1,6 @@
+interface QueryEditorProps {
+    className?: string;
+}
+export declare function QueryEditor({ className }: QueryEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=QueryEditor.d.ts.map

package/dist/components/editor/QueryEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryEditor.d.ts","sourceRoot":"","sources":["../../../src/components/editor/QueryEditor.tsx"],"names":[],"mappings":"AAQA,UAAU,gBAAgB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAwB1D"}

package/dist/components/editor/ResponseViewer.d.ts

@@ -0,0 +1,6 @@
+interface ResponseViewerProps {
+    className?: string;
+}
+export declare function ResponseViewer({ className }: ResponseViewerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ResponseViewer.d.ts.map

package/dist/components/editor/ResponseViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseViewer.d.ts","sourceRoot":"","sources":["../../../src/components/editor/ResponseViewer.tsx"],"names":[],"mappings":"AAQA,UAAU,mBAAmB;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,EAAE,mBAAmB,2CAwBhE"}

package/dist/components/editor/VariablesEditor.d.ts

@@ -0,0 +1,6 @@
+interface VariablesEditorProps {
+    className?: string;
+}
+export declare function VariablesEditor({ className }: VariablesEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VariablesEditor.d.ts.map

package/dist/components/editor/VariablesEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariablesEditor.d.ts","sourceRoot":"","sources":["../../../src/components/editor/VariablesEditor.tsx"],"names":[],"mappings":"AAQA,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAoBlE"}

package/dist/components/editor/use-codemirror.d.ts

@@ -0,0 +1,15 @@
+import { type Extension } from "@codemirror/state";
+import { EditorView } from "@codemirror/view";
+interface UseCodeMirrorOptions {
+    value: string;
+    onChange?: (value: string) => void;
+    extensions?: Extension[];
+    readOnly?: boolean;
+    placeholder?: string;
+}
+export declare function useCodeMirror({ value, onChange, extensions, readOnly, placeholder, }: UseCodeMirrorOptions): {
+    containerRef: import("react").RefObject<HTMLDivElement | null>;
+    viewRef: import("react").RefObject<EditorView | null>;
+};
+export {};
+//# sourceMappingURL=use-codemirror.d.ts.map

package/dist/components/editor/use-codemirror.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-codemirror.d.ts","sourceRoot":"","sources":["../../../src/components/editor/use-codemirror.ts"],"names":[],"mappings":"AACA,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAgC,MAAM,kBAAkB,CAAC;AAI5E,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,UAAe,EACf,QAAgB,EAChB,WAAW,GACZ,EAAE,oBAAoB;;;EAoJtB"}

package/dist/components/explorer/QueryExplorer.d.ts

@@ -0,0 +1,6 @@
+interface QueryExplorerProps {
+    className?: string;
+}
+export declare function QueryExplorer({ className }: QueryExplorerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=QueryExplorer.d.ts.map

package/dist/components/explorer/QueryExplorer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryExplorer.d.ts","sourceRoot":"","sources":["../../../src/components/explorer/QueryExplorer.tsx"],"names":[],"mappings":"AAoBA,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoYD,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CA4L9D"}

package/dist/components/history/QueryHistory.d.ts

@@ -0,0 +1,6 @@
+interface QueryHistoryProps {
+    className?: string;
+}
+export declare function QueryHistory({ className }: QueryHistoryProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=QueryHistory.d.ts.map

package/dist/components/history/QueryHistory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryHistory.d.ts","sourceRoot":"","sources":["../../../src/components/history/QueryHistory.tsx"],"names":[],"mappings":"AAKA,UAAU,iBAAiB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CA6E5D"}

package/dist/components/schema/SchemaExplorer.d.ts

@@ -0,0 +1,6 @@
+interface SchemaExplorerProps {
+    className?: string;
+}
+export declare function SchemaExplorer({ className }: SchemaExplorerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SchemaExplorer.d.ts.map

package/dist/components/schema/SchemaExplorer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaExplorer.d.ts","sourceRoot":"","sources":["../../../src/components/schema/SchemaExplorer.tsx"],"names":[],"mappings":"AAmBA,UAAU,mBAAmB;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgFD,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,EAAE,mBAAmB,2CAoEhE"}

package/dist/components/sidebar/Sidebar.d.ts

@@ -0,0 +1,10 @@
+import type { Plugin } from "../../types/plugin";
+interface SidebarProps {
+    showHistory?: boolean;
+    showSchemaExplorer?: boolean;
+    plugins?: Plugin[];
+    className?: string;
+}
+export declare function Sidebar({ showHistory, showSchemaExplorer, plugins, className, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Sidebar.d.ts.map

package/dist/components/sidebar/Sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/Sidebar.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAEjD,UAAU,YAAY;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8BD,wBAAgB,OAAO,CAAC,EACtB,WAAkB,EAClB,kBAAyB,EACzB,OAAY,EACZ,SAAS,GACV,EAAE,YAAY,2CA4Cd"}

package/dist/components/tabs/Tab.d.ts

@@ -0,0 +1,10 @@
+interface TabProps {
+    name: string;
+    isActive: boolean;
+    canClose: boolean;
+    onClick: () => void;
+    onClose: () => void;
+}
+export declare function Tab({ name, isActive, canClose, onClick, onClose }: TabProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Tab.d.ts.map

package/dist/components/tabs/Tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tab.tsx"],"names":[],"mappings":"AAGA,UAAU,QAAQ;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,QAAQ,2CAuC3E"}

package/dist/components/tabs/TabBar.d.ts

@@ -0,0 +1,6 @@
+interface TabBarProps {
+    className?: string;
+}
+export declare function TabBar({ className }: TabBarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TabBar.d.ts.map

package/dist/components/tabs/TabBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/TabBar.tsx"],"names":[],"mappings":"AAOA,UAAU,WAAW;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,EAAE,WAAW,2CA+BhD"}

package/dist/components/toolbar/ExecuteButton.d.ts

@@ -0,0 +1,9 @@
+interface ExecuteButtonProps {
+    isLoading: boolean;
+    onExecute: () => void;
+    onCancel: () => void;
+    className?: string;
+}
+export declare function ExecuteButton({ isLoading, onExecute, onCancel, className, }: ExecuteButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ExecuteButton.d.ts.map

package/dist/components/toolbar/ExecuteButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecuteButton.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/ExecuteButton.tsx"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,kBAAkB,2CAqBpB"}

package/dist/components/toolbar/PrettifyButton.d.ts

@@ -0,0 +1,7 @@
+interface PrettifyButtonProps {
+    onPrettify: () => void;
+    className?: string;
+}
+export declare function PrettifyButton({ onPrettify, className }: PrettifyButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PrettifyButton.d.ts.map

package/dist/components/toolbar/PrettifyButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrettifyButton.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/PrettifyButton.tsx"],"names":[],"mappings":"AAGA,UAAU,mBAAmB;IAC3B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,mBAAmB,2CAe5E"}

package/dist/components/toolbar/Toolbar.d.ts

@@ -0,0 +1,7 @@
+interface ToolbarProps {
+    onExecute: () => void;
+    className?: string;
+}
+export declare function Toolbar({ onExecute, className }: ToolbarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Toolbar.d.ts.map

package/dist/components/toolbar/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAOA,UAAU,YAAY;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,YAAY,2CA6B7D"}

package/dist/components/ui/Resizable.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from "react";
+interface ResizableProps {
+    direction: "horizontal" | "vertical";
+    first: ReactNode;
+    second: ReactNode;
+    defaultRatio?: number;
+    minRatio?: number;
+    maxRatio?: number;
+    className?: string;
+}
+export declare function Resizable({ direction, first, second, defaultRatio, minRatio, maxRatio, className, }: ResizableProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Resizable.d.ts.map

package/dist/components/ui/Resizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Resizable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtE,UAAU,cAAc;IACtB,SAAS,EAAE,YAAY,GAAG,UAAU,CAAC;IACrC,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,KAAK,EACL,MAAM,EACN,YAAkB,EAClB,QAAc,EACd,QAAc,EACd,SAAS,GACV,EAAE,cAAc,2CAqEhB"}