@dashfoo/react 0.1.0 → 0.2.0

package/README.md

@@ -200,6 +200,50 @@ Rows and tabsets can carry `min` and `max` dimensions from `@dashfoo/core`.
 tabset has no node-level `min`, it uses `global.tabSetMinSize`; when that global
 is omitted, the React adapter falls back to `320px`.
 
+## External drag sources
+
+Tabs normally move within a layout. To drag new content in from outside it — a
+widget list, a palette, a marketplace — wrap both sides in `DashfooDragProvider`
+and register each source with `useExternalTabSource`. Dropping a source on the
+layout inserts the tab it creates (stacking on a strip or body, splitting on an
+edge), exactly like an internal tab drop. A drop outside any tabset is a no-op.
+
+```tsx
+import { createTabId, tab } from "@dashfoo/core";
+import { DashfooDragProvider, DashfooLayout, useExternalTabSource } from "@dashfoo/react";
+
+const WidgetCard = ({ component, name }: { component: string; name: string }) => {
+  const { ref } = useExternalTabSource({
+    createTab: () => tab(component, name, { id: createTabId() }),
+    label: name,
+  });
+  return <div ref={ref}>{name}</div>;
+};
+
+const App = () => (
+  <DashfooDragProvider>
+    <WidgetCard component="metrics" name="Metrics" />
+    <DashfooLayout defaultModel={model} components={registry} />
+  </DashfooDragProvider>
+);
+```
+
+`createTab` runs at drag start and must return a fresh `TabNode` with a unique
+id per call (`createNodeId` / `createTabId` from `@dashfoo/core` mint one). The
+returned node is validated against the model schema; an invalid tab warns and
+cancels the drag. `DashfooDragProvider` is optional everywhere else — a
+standalone layout needs no provider. Pointer drag is the only drag input, so
+offer a click-to-add path (e.g. `ref.addTab(...)`) alongside the drag for
+keyboard access.
+
+`useExternalTabSource` options:
+
+| Option      | Type            | Default      | Description                                |
+| ----------- | --------------- | ------------ | ------------------------------------------ |
+| `createTab` | `() => TabNode` | — (required) | Builds the tab to insert; called per drag. |
+| `label`     | `string`        | `""`         | The drag preview chip text.                |
+| `disabled`  | `boolean`       | `false`      | Unregisters the source while true.         |
+
 ## Persistence
 
 The `persist` prop saves an uncontrolled layout and restores it on load. It loads
@@ -228,8 +272,10 @@ const Layout = () => {
 
 `persist` accepts a bare localStorage key or `{ key, storage?, debounceMs? }` for
 a custom store (sessionStorage, in-memory, your own). A pending save flushes on
-unmount, so the last change is never lost. It applies to uncontrolled mode only;
-in controlled mode, save the model yourself in `onModelChange`.
+unmount and on page hide (reload, tab close, navigation, the page going to the
+background), so the last change is never lost — even inside the debounce window.
+It applies to uncontrolled mode only; in controlled mode, save the model yourself
+in `onModelChange`.
 
 The lower-level `usePersistence` load/save primitive (that `persist` is built on)
 is also exported, for hosts that drive the store directly. See the
@@ -299,7 +345,7 @@ you.
 | `tabset-grip`        | `button`        | Drags the whole tabset. `aria-label="Move tabset"`; shown when `draggableTabsets` is on and the tabset is not maximized.           |
 | `tabset-maximize`    | `button`        | Maximize/restore toggle. `aria-pressed` reflects state.                                                                            |
 | `tabcontent`         | `div`           | `role="tabpanel"`, the active tab's content (or empty when none).                                                                  |
-| `dock-indicator`     | `div`           | The drag preview overlay (insertion line or zone). `pointer-events: none`.                                                         |
+| `dock-indicator`     | `div`           | The drag preview overlay (ghost tab or zone pane). `pointer-events: none`.                                                         |
 | `drag-preview`       | `div`           | The chip that follows the pointer during a drag, showing the dragged label.                                                        |
 | `separator`          | rrp `Separator` | rrp emits `data-separator` with `aria-orientation`; style splitters here.                                                          |
 
@@ -314,15 +360,14 @@ The `[data-dashfoo="dock-indicator"]` overlay positions itself inline, but every
 visual property reads from a CSS variable with a neutral fallback. Override them
 to theme the drag preview without touching layout.
 
-| Variable                      | Used for                     | Fallback                                       |
-| ----------------------------- | ---------------------------- | ---------------------------------------------- |
-| `--dashfoo-dock-fill`         | zone fill (split preview)    | `oklch(0.556 0 0 / 0.18)`                      |
-| `--dashfoo-dock-border`       | zone border color            | `oklch(0.708 0 0 / 0.75)`                      |
-| `--dashfoo-dock-border-width` | zone border width            | `1px`                                          |
-| `--dashfoo-dock-radius`       | zone corner radius           | `6px`                                          |
-| `--dashfoo-dock-line`         | tab insertion line color     | `oklch(0.556 0 0)`                             |
-| `--dashfoo-dock-line-radius`  | insertion line corner radius | `2px`                                          |
-| `--dashfoo-dock-transition`   | indicator move animation     | `left 60ms, top 60ms, width 60ms, height 60ms` |
+| Variable                      | Used for                 | Fallback                                       |
+| ----------------------------- | ------------------------ | ---------------------------------------------- |
+| `--dashfoo-dock-fill`         | indicator fill           | `oklch(0.556 0 0 / 0.18)`                      |
+| `--dashfoo-dock-border`       | indicator border color   | `oklch(0.708 0 0 / 0.75)`                      |
+| `--dashfoo-dock-border-width` | indicator border width   | `1px`                                          |
+| `--dashfoo-dock-radius`       | indicator corner radius  | `6px`                                          |
+| `--dashfoo-dock-tab-radius`   | insertion-ghost radius   | `var(--dashfoo-dock-radius, 6px)`              |
+| `--dashfoo-dock-transition`   | indicator move animation | `left 60ms, top 60ms, width 60ms, height 60ms` |
 
 Set `--dashfoo-dock-transition: none` to disable the indicator animation.
 
@@ -330,7 +375,6 @@ Set `--dashfoo-dock-transition: none` to disable the indicator animation.
 :root {
   --dashfoo-dock-fill: rgba(255, 255, 255, 0.1);
   --dashfoo-dock-border: rgba(255, 255, 255, 0.4);
-  --dashfoo-dock-line: rgba(255, 255, 255, 0.85);
 }
 ```
 
@@ -348,8 +392,96 @@ It binds an XState actor to React, normalizes the incoming model, and exposes
 `dispatch` plus undo/redo. Uncontrolled mode gives full history; controlled mode
 routes changes through `onModelChange` and keeps the actor in sync.
 
-`useDashfooContext` returns the live context (`dispatch`, `renderTab`, the chrome
-flags) and throws outside a `<DashfooLayout>`. Use it from a custom view.
+Three selector hooks read the scoped stores the primitives coordinate through.
+Each takes a selector and re-renders only when the selected slice changes:
+
+```ts
+const dispatch = useLayout((state) => state.dispatch); // layout-wide config + dispatch; throws outside <DashfooLayout>/<Layout.Root>
+const node = useTabset((state) => state.node); // per-tabset state; throws outside <Tabset.Root>
+const { index, tab } = useTab(); // which tab a part belongs to; throws outside <Tabset.Tab>
+```
+
+`useDragSubject()` returns the live drag subject (`{ kind, id }` for a tab or
+tabset being dragged) or `null` — including outside a drag layer — for
+drag-aware styling in custom parts.
+
+## Build your own layout
+
+`DashfooLayout` is a thin assembly of exported primitives — you can compose the
+same parts yourself when you need custom chrome. Two compound namespaces, same
+pattern as `Panel`:
+
+| Part                    | Element                                  | Role                                                                                                            |
+| ----------------------- | ---------------------------------------- | --------------------------------------------------------------------------------------------------------------- |
+| `Layout.Root`           | `div[data-dashfoo="layout"]`             | Creates the layout store. Takes `model`, `dispatch`, `renderTab`, and the chrome flags `DashfooLayout` accepts. |
+| `Layout.DragLayer`      | none (overlays)                          | Opts the tree into drag-dock. Omit it and everything else still works, just without dragging.                   |
+| `Layout.Rows`           | rrp split tree                           | Renders a `RowNode` recursively. `renderTabset` swaps in a custom tabset composition at every leaf.             |
+| `Layout.Tabset`         | —                                        | The stock tabset composition, for leaves that don't need custom chrome.                                         |
+| `Tabset.Root`           | `div[data-dashfoo="tabset"]`             | Creates the per-tabset store; owns drop registration, overflow measurement, and focus restore after close.      |
+| `Tabset.TabStrip`       | `div[data-dashfoo="tabstrip"]`           | The strip row (drag hit-testing targets this attribute).                                                        |
+| `Tabset.Tablist`        | `div[data-dashfoo="tablist"]`            | `role="tablist"` + roving-tabindex arrow/Home/End navigation.                                                   |
+| `Tabset.Tab`            | `span[data-dashfoo="tab-item"]`          | Per-tab wrapper; provides identity to the parts inside.                                                         |
+| `Tabset.Trigger`        | `button[data-dashfoo="tab"]`             | The tab button: select on click, rename on double-click, draggable. Children override the label.                |
+| `Tabset.RenameInput`    | `input[data-dashfoo="tab-rename"]`       | Inline rename editor; renders only while its tab is being renamed.                                              |
+| `Tabset.CloseButton`    | `button[data-dashfoo="tab-close"]`       | Closes the tab with focus restore; hides when the tab isn't closable.                                           |
+| `Tabset.Content`        | `div[data-dashfoo="tabcontent"]`         | The `role="tabpanel"` pane(s); honors `keepMounted`. Children render-prop overrides `renderTab`.                |
+| `Tabset.Toolbar`        | `div[data-dashfoo="tabset-toolbar"]`     | Trailing toolbar container.                                                                                     |
+| `Tabset.OverflowMenu`   | menu button                              | Lists clipped tabs; hides when nothing overflows.                                                               |
+| `Tabset.Grip`           | `button[data-dashfoo="tabset-grip"]`     | Drag handle for the whole tabset; hides when tabset dragging is off.                                            |
+| `Tabset.MaximizeButton` | `button[data-dashfoo="tabset-maximize"]` | Maximize/restore toggle; hides when maximize is off.                                                            |
+
+All parts spread native props (`className`, `style`, handlers) like `Panel`;
+the structural attributes (`role`, ids, `data-dashfoo`) are applied after the
+spread because drag hit-testing and overflow measurement query them.
+
+```tsx
+import { Layout, Tabset, useDashfooStore, useTab } from "@dashfoo/react";
+
+const MyTabset = ({ node }: { node: TabsetNode }) => (
+  <Tabset.Root node={node}>
+    <Tabset.TabStrip>
+      <Tabset.Tablist>
+        {node.children.map((tab) => (
+          <Tabset.Tab key={tab.id} tab={tab}>
+            <Tabset.Trigger>
+              <MyLabel /> {/* reads useTab()/useTabset() */}
+            </Tabset.Trigger>
+            <Tabset.RenameInput />
+            <Tabset.CloseButton />
+          </Tabset.Tab>
+        ))}
+      </Tabset.Tablist>
+      <Tabset.Toolbar>
+        <Tabset.OverflowMenu />
+        <Tabset.MaximizeButton />
+        <Tabset.Grip />
+      </Tabset.Toolbar>
+    </Tabset.TabStrip>
+    <Tabset.Content />
+  </Tabset.Root>
+);
+
+const MyLayout = () => {
+  const store = useDashfooStore({ defaultModel });
+  return (
+    <Layout.Root dispatch={store.dispatch} model={store.model} renderTab={renderTab}>
+      <Layout.DragLayer>
+        <Layout.Rows node={store.model.layout} renderTabset={(node) => <MyTabset node={node} />} />
+      </Layout.DragLayer>
+    </Layout.Root>
+  );
+};
+```
+
+Maximize is the host's concern in a hand-built layout: when
+`model.maximizedTabsetId` is set, render that tabset alone (via `findTabset`
+from `@dashfoo/core`) instead of `Layout.Rows` — that's all `DashfooLayout`
+does. The demo's "Raw primitives" page (`apps/demo-vite/src/pages/raw.tsx`) is
+a complete working reference.
+
+Misuse is never silent: parts outside their provider throw, and soft mistakes
+(two `Tablist`s, a `Tab` whose node isn't in the tabset, renaming without a
+`RenameInput`) warn with `[dashfoo]` and degrade gracefully.
 
 ## Exports
 
@@ -371,15 +503,33 @@ type PanelIconProps;
 type PanelRootProps;
 type PanelTitleProps;
 
-// Store
+// Layout primitives (build your own layout)
+Layout; // Layout.Root / Layout.DragLayer / Layout.Rows / Layout.Tabset
+type LayoutRootProps;
+type LayoutDragLayerProps;
+type LayoutRowsProps;
+type LayoutTabsetProps;
+
+// Tabset primitives
+Tabset; // Tabset.Root / .TabStrip / .Tablist / .Tab / .Trigger / .RenameInput / .CloseButton / .Content / .Toolbar / .OverflowMenu / .Grip / .MaximizeButton
+type TabsetRootProps; // …and a Props type per part
+
+// Store + selector hooks
 useDashfooStore;
 type DashfooStore;
 type UseDashfooStoreOptions;
-
-// Context
-DashfooContext;
-useDashfooContext;
-type DashfooContextValue;
+useLayout; // select from the layout store (throws outside Layout.Root/DashfooLayout)
+type LayoutState;
+useTabset; // select from the enclosing tabset store (throws outside Tabset.Root)
+type TabsetState;
+useTab; // { tab, index } identity (throws outside Tabset.Tab)
+type TabContextValue;
+useDragSubject; // the live drag subject, or null
+
+// External drag sources
+DashfooDragProvider; // shares one drag manager between a layout and outside sources
+useExternalTabSource;
+type ExternalTabSourceOptions;
 
 // Persistence
 usePersistence; // load/save primitive (the `persist` prop builds on this)

package/dist/index.d.ts

@@ -1,25 +1,6 @@
+import { Action, Dashfoo, DockLocation, DragSubject, RowNode, TabNode, TabsetNode } from "@dashfoo/core";
 import { ComponentProps, ComponentType, ReactNode } from "react";
-import { Action, Dashfoo, DockLocation, TabNode, TabsetNode } from "@dashfoo/core";
-
-//#region src/hooks/context.d.ts
-type DashfooContextValue = {
-  closableTabs: boolean;
-  dispatch: (action: Action) => void;
-  draggableTabsets: boolean;
-  keepMounted: boolean;
-  maximizable: boolean;
-  maximizedTabsetId?: string;
-  renamableTabs: boolean;
-  renderTab: (tab: TabNode) => ReactNode;
-  renderTabLabel?: (tab: TabNode) => ReactNode;
-  renderTabsetToolbar?: (tabset: TabsetNode) => ReactNode;
-  tabLocation: "bottom" | "top";
-  tabsetMinSize: number;
-  tabStripEnabled: boolean;
-};
-declare const DashfooContext: import("react").Context<DashfooContextValue | null>;
-declare const useDashfooContext: () => DashfooContextValue;
-//#endregion
+import { DragDropManager } from "@dnd-kit/dom";
 //#region src/hooks/persistence.d.ts
 type StorageAdapter = {
   getItem: (key: string) => string | null;
@@ -87,6 +68,92 @@ type DashfooLayoutProps = {
 };
 declare const DashfooLayout: import("react").ForwardRefExoticComponent<DashfooLayoutProps & import("react").RefAttributes<DashfooHandle>>;
 //#endregion
+//#region src/components/drag-root.d.ts
+declare const DashfooDragProvider: ({
+  children
+}: {
+  children: ReactNode;
+}) => ReactNode;
+//#endregion
+//#region src/hooks/drag-hooks.d.ts
+type ExternalTabSourceOptions = {
+  createTab: () => TabNode;
+  disabled?: boolean;
+  label?: string;
+};
+declare const useExternalTabSource: ({
+  createTab,
+  disabled,
+  label
+}: ExternalTabSourceOptions) => {
+  ref: (element: Element | null) => void;
+};
+declare const useDragSubject: () => DragSubject | null;
+//#endregion
+//#region src/components/drag-adapter.d.ts
+type DragProviderProps = {
+  children: ReactNode;
+  onCommit?: (action: Action) => void;
+  splitDock?: boolean;
+};
+//#endregion
+//#region src/components/layout-root.d.ts
+type LayoutRootProps = Omit<ComponentProps<"div">, "children"> & {
+  children: ReactNode;
+  closableTabs?: boolean;
+  dispatch: (action: Action) => void;
+  draggableTabsets?: boolean;
+  keepMounted?: boolean;
+  maximizable?: boolean;
+  model: Dashfoo;
+  renamableTabs?: boolean;
+  renderTab: (tab: TabNode) => ReactNode;
+  renderTabLabel?: (tab: TabNode) => ReactNode;
+  renderTabsetToolbar?: (tabset: TabsetNode) => ReactNode;
+};
+//#endregion
+//#region src/components/row-view.d.ts
+type RowViewProps = {
+  node: RowNode;
+  renderTabset?: (node: TabsetNode) => ReactNode;
+};
+//#endregion
+//#region src/components/tabset/tabset-view.d.ts
+type TabsetViewProps = {
+  node: TabsetNode;
+};
+//#endregion
+//#region src/components/layout.d.ts
+declare const Layout: {
+  readonly DragLayer: ({
+    children,
+    onCommit,
+    splitDock
+  }: DragProviderProps) => import("react").ReactNode;
+  readonly Root: ({
+    children,
+    closableTabs,
+    dispatch,
+    draggableTabsets,
+    keepMounted,
+    maximizable,
+    model,
+    renamableTabs,
+    renderTab,
+    renderTabLabel,
+    renderTabsetToolbar,
+    style,
+    ...props
+  }: LayoutRootProps) => import("react").ReactNode;
+  readonly Rows: ({
+    node,
+    renderTabset
+  }: RowViewProps) => import("react").ReactNode;
+  readonly Tabset: ({
+    node
+  }: TabsetViewProps) => import("react").ReactNode;
+};
+//#endregion
 //#region src/components/panel.d.ts
 type PanelRootProps = ComponentProps<"div">;
 type PanelHeaderProps = ComponentProps<"div">;
@@ -103,6 +170,155 @@ declare const Panel: {
   readonly Title: (props: PanelTitleProps) => ReactNode;
 };
 //#endregion
+//#region src/components/tabset/tabset-tab-controls.d.ts
+type TabsetRenameInputProps = ComponentProps<"input">;
+type TabsetCloseButtonProps = ComponentProps<"button">;
+//#endregion
+//#region src/components/tabset/tabset-content.d.ts
+type TabsetContentProps = Omit<ComponentProps<"div">, "children"> & {
+  children?: (tab: TabNode) => ReactNode;
+};
+//#endregion
+//#region src/components/tabset/tabset-toolbar.d.ts
+type TabsetToolbarProps = ComponentProps<"div">;
+type TabsetGripProps = ComponentProps<"button">;
+type TabsetMaximizeButtonProps = ComponentProps<"button">;
+//#endregion
+//#region src/components/tabset/tabset-root.d.ts
+type TabsetRootProps = ComponentProps<"div"> & {
+  node: TabsetNode;
+};
+//#endregion
+//#region src/components/tabset/tabset-tab.d.ts
+type TabsetTabProps = ComponentProps<"span"> & {
+  tab: TabNode;
+};
+type TabsetTriggerProps = ComponentProps<"button">;
+//#endregion
+//#region src/components/tabset/tabset-tablist.d.ts
+type TabsetTabStripProps = ComponentProps<"div">;
+type TabsetTablistProps = ComponentProps<"div">;
+//#endregion
+//#region src/components/tabset/tabset.d.ts
+declare const Tabset: {
+  readonly CloseButton: ({
+    children,
+    onClick,
+    ...props
+  }: TabsetCloseButtonProps) => import("react").ReactNode;
+  readonly Content: ({
+    children,
+    style,
+    ...props
+  }: TabsetContentProps) => import("react").ReactNode;
+  readonly Grip: ({
+    children,
+    ref: userRef,
+    ...props
+  }: TabsetGripProps) => import("react").ReactNode;
+  readonly MaximizeButton: ({
+    children,
+    onClick,
+    ...props
+  }: TabsetMaximizeButtonProps) => import("react").ReactNode;
+  readonly OverflowMenu: () => import("react").ReactNode;
+  readonly RenameInput: (props: TabsetRenameInputProps) => import("react").ReactNode;
+  readonly Root: ({
+    children,
+    node,
+    ref: userRef,
+    style,
+    ...props
+  }: TabsetRootProps) => import("react").ReactNode;
+  readonly Tab: ({
+    children,
+    ref: userRef,
+    tab,
+    ...props
+  }: TabsetTabProps) => import("react").ReactNode;
+  readonly Tablist: ({
+    onKeyDown,
+    ref: userRef,
+    style,
+    ...props
+  }: TabsetTablistProps) => import("react").ReactNode;
+  readonly TabStrip: ({
+    style,
+    ...props
+  }: TabsetTabStripProps) => import("react").ReactNode;
+  readonly Toolbar: ({
+    style,
+    ...props
+  }: TabsetToolbarProps) => import("react").ReactNode;
+  readonly Trigger: ({
+    children,
+    onClick,
+    onDoubleClick,
+    ref: userRef,
+    ...props
+  }: TabsetTriggerProps) => import("react").ReactNode;
+};
+//#endregion
+//#region src/components/tab-overflow.d.ts
+type OverflowItem = {
+  id: string;
+  name: string;
+};
+//#endregion
+//#region src/components/tabset/tabset-store.d.ts
+type TabsetState = {
+  activeTab: TabNode | undefined;
+  cancelRename: () => void;
+  closeTab: (tabId: string) => void;
+  commitRename: (tabId: string, value: string) => void;
+  dispatch: (action: Action) => void;
+  editingTabId: string | null;
+  isMaximized: boolean;
+  node: TabsetNode;
+  overflowItems: Array<OverflowItem>;
+  registerRenameInput: () => () => void;
+  registerTablist: (element: HTMLDivElement | null) => void;
+  renameInputCount: number;
+  renameTab: (tabId: string, name: string) => void;
+  restoreFocus: boolean;
+  selectOverflowTab: (tabId: string) => void;
+  selectTab: (index: number, options?: {
+    focus?: boolean;
+  }) => void;
+  showMaximize: boolean;
+  startEditing: (tabId: string) => void;
+  tablistElement: HTMLDivElement | null;
+  tabsClosable: boolean;
+  tabsRenamable: boolean;
+  toggleMaximize: () => void;
+  visualSelected: number;
+};
+declare const useTabset: <T>(selector: (state: TabsetState) => T) => T;
+type TabContextValue = {
+  index: number;
+  tab: TabNode;
+};
+declare const useTab: () => TabContextValue;
+//#endregion
+//#region src/hooks/layout-store.d.ts
+type LayoutState = {
+  closableTabs: boolean;
+  dispatch: (action: Action) => void;
+  draggableTabsets: boolean;
+  keepMounted: boolean;
+  maximizable: boolean;
+  maximizedTabsetId: string | undefined;
+  renamableTabs: boolean;
+  renderTab: (tab: TabNode) => ReactNode;
+  renderTabLabel: ((tab: TabNode) => ReactNode) | undefined;
+  renderTabsetToolbar: ((tabset: TabsetNode) => ReactNode) | undefined;
+  splitDock: boolean;
+  tabLocation: "bottom" | "top";
+  tabsetMinSize: number;
+  tabStripEnabled: boolean;
+};
+declare const useLayout: <T>(selector: (state: LayoutState) => T) => T;
+//#endregion
 //#region src/hooks/responsive.d.ts
 type Breakpoint = {
   id: string;
@@ -148,5 +364,5 @@ type UseDashfooStoreOptions = {
 };
 declare const useDashfooStore: (options: UseDashfooStoreOptions) => DashfooStore;
 //#endregion
-export { type Breakpoint, DashfooContext, type DashfooContextValue, type DashfooHandle, DashfooLayout, type DashfooLayoutProps, type DashfooStore, Panel, type PanelBadgeProps, type PanelBodyProps, type PanelHeaderProps, type PanelIconProps, type PanelRootProps, type PanelTitleProps, type PersistConfig, type Persistence, type ResponsiveModel, type StorageAdapter, type TabComponent, type UseDashfooStoreOptions, type UseResponsiveModelOptions, activeBreakpoint, localStorageAdapter, matchBreakpoint, memoryStorageAdapter, useDashfooContext, useDashfooStore, usePersistence, useResponsiveModel };
+export { type Breakpoint, DashfooDragProvider, type DashfooHandle, DashfooLayout, type DashfooLayoutProps, type DashfooStore, type ExternalTabSourceOptions, Layout, type DragProviderProps as LayoutDragLayerProps, type LayoutRootProps, type RowViewProps as LayoutRowsProps, type LayoutState, type TabsetViewProps as LayoutTabsetProps, Panel, type PanelBadgeProps, type PanelBodyProps, type PanelHeaderProps, type PanelIconProps, type PanelRootProps, type PanelTitleProps, type PersistConfig, type Persistence, type ResponsiveModel, type StorageAdapter, type TabComponent, type TabContextValue, Tabset, type TabsetCloseButtonProps, type TabsetContentProps, type TabsetGripProps, type TabsetMaximizeButtonProps, type TabsetRenameInputProps, type TabsetRootProps, type TabsetState, type TabsetTabProps, type TabsetTabStripProps, type TabsetTablistProps, type TabsetToolbarProps, type TabsetTriggerProps, type UseDashfooStoreOptions, type UseResponsiveModelOptions, activeBreakpoint, localStorageAdapter, matchBreakpoint, memoryStorageAdapter, useDashfooStore, useDragSubject, useExternalTabSource, useLayout, usePersistence, useResponsiveModel, useTab, useTabset };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/hooks/context.ts","../src/hooks/persistence.ts","../src/components/dashfoo-layout.tsx","../src/components/panel.tsx","../src/hooks/responsive.ts","../src/hooks/store.ts"],"mappings":"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"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/hooks/persistence.ts","../src/components/dashfoo-layout.tsx","../src/components/drag-root.tsx","../src/hooks/drag-hooks.tsx","../src/components/drag-adapter.tsx","../src/components/layout-root.tsx","../src/components/row-view.tsx","../src/components/tabset/tabset-view.tsx","../src/components/layout.tsx","../src/components/panel.tsx","../src/components/tabset/tabset-tab-controls.tsx","../src/components/tabset/tabset-content.tsx","../src/components/tabset/tabset-toolbar.tsx","../src/components/tabset/tabset-root.tsx","../src/components/tabset/tabset-tab.tsx","../src/components/tabset/tabset-tablist.tsx","../src/components/tabset/tabset.ts","../src/components/tab-overflow.tsx","../src/components/tabset/tabset-store.ts","../src/hooks/layout-store.ts","../src/hooks/responsive.ts","../src/hooks/store.ts"],"mappings":"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"}