@k3-universe/react-kit 0.0.28 → 0.0.30

package/src/kit/builder/section/SectionBuilder.tsx

@@ -1,54 +1,158 @@
 import { memo } from 'react';
 import { cn } from '../../../shadcn/lib/utils';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../../shadcn/ui/card';
-import { Separator } from '../../../shadcn/ui/separator';
 import type { SectionBuilderProps, SectionLeaf, SectionNode } from './types';
-import { Tabs, TabsList, TabsTrigger, TabsContent } from '../../../shadcn/ui/tabs';
+import {
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  TabsContent,
+} from '../../../shadcn/ui/tabs';
+import SectionContainer from './SectionContainer';
 
 // Tailwind-safe literal class maps (1-12)
 const GRID_COLS = {
   base: {
-    1: 'grid-cols-1', 2: 'grid-cols-2', 3: 'grid-cols-3', 4: 'grid-cols-4', 5: 'grid-cols-5', 6: 'grid-cols-6',
-    7: 'grid-cols-7', 8: 'grid-cols-8', 9: 'grid-cols-9', 10: 'grid-cols-10', 11: 'grid-cols-11', 12: 'grid-cols-12',
+    1: 'grid-cols-1',
+    2: 'grid-cols-2',
+    3: 'grid-cols-3',
+    4: 'grid-cols-4',
+    5: 'grid-cols-5',
+    6: 'grid-cols-6',
+    7: 'grid-cols-7',
+    8: 'grid-cols-8',
+    9: 'grid-cols-9',
+    10: 'grid-cols-10',
+    11: 'grid-cols-11',
+    12: 'grid-cols-12',
   } as Record<number, string>,
   sm: {
-    1: 'sm:grid-cols-1', 2: 'sm:grid-cols-2', 3: 'sm:grid-cols-3', 4: 'sm:grid-cols-4', 5: 'sm:grid-cols-5', 6: 'sm:grid-cols-6',
-    7: 'sm:grid-cols-7', 8: 'sm:grid-cols-8', 9: 'sm:grid-cols-9', 10: 'sm:grid-cols-10', 11: 'sm:grid-cols-11', 12: 'sm:grid-cols-12',
+    1: 'sm:grid-cols-1',
+    2: 'sm:grid-cols-2',
+    3: 'sm:grid-cols-3',
+    4: 'sm:grid-cols-4',
+    5: 'sm:grid-cols-5',
+    6: 'sm:grid-cols-6',
+    7: 'sm:grid-cols-7',
+    8: 'sm:grid-cols-8',
+    9: 'sm:grid-cols-9',
+    10: 'sm:grid-cols-10',
+    11: 'sm:grid-cols-11',
+    12: 'sm:grid-cols-12',
   } as Record<number, string>,
   md: {
-    1: 'md:grid-cols-1', 2: 'md:grid-cols-2', 3: 'md:grid-cols-3', 4: 'md:grid-cols-4', 5: 'md:grid-cols-5', 6: 'md:grid-cols-6',
-    7: 'md:grid-cols-7', 8: 'md:grid-cols-8', 9: 'md:grid-cols-9', 10: 'md:grid-cols-10', 11: 'md:grid-cols-11', 12: 'md:grid-cols-12',
+    1: 'md:grid-cols-1',
+    2: 'md:grid-cols-2',
+    3: 'md:grid-cols-3',
+    4: 'md:grid-cols-4',
+    5: 'md:grid-cols-5',
+    6: 'md:grid-cols-6',
+    7: 'md:grid-cols-7',
+    8: 'md:grid-cols-8',
+    9: 'md:grid-cols-9',
+    10: 'md:grid-cols-10',
+    11: 'md:grid-cols-11',
+    12: 'md:grid-cols-12',
   } as Record<number, string>,
   lg: {
-    1: 'lg:grid-cols-1', 2: 'lg:grid-cols-2', 3: 'lg:grid-cols-3', 4: 'lg:grid-cols-4', 5: 'lg:grid-cols-5', 6: 'lg:grid-cols-6',
-    7: 'lg:grid-cols-7', 8: 'lg:grid-cols-8', 9: 'lg:grid-cols-9', 10: 'lg:grid-cols-10', 11: 'lg:grid-cols-11', 12: 'lg:grid-cols-12',
+    1: 'lg:grid-cols-1',
+    2: 'lg:grid-cols-2',
+    3: 'lg:grid-cols-3',
+    4: 'lg:grid-cols-4',
+    5: 'lg:grid-cols-5',
+    6: 'lg:grid-cols-6',
+    7: 'lg:grid-cols-7',
+    8: 'lg:grid-cols-8',
+    9: 'lg:grid-cols-9',
+    10: 'lg:grid-cols-10',
+    11: 'lg:grid-cols-11',
+    12: 'lg:grid-cols-12',
   } as Record<number, string>,
   xl: {
-    1: 'xl:grid-cols-1', 2: 'xl:grid-cols-2', 3: 'xl:grid-cols-3', 4: 'xl:grid-cols-4', 5: 'xl:grid-cols-5', 6: 'xl:grid-cols-6',
-    7: 'xl:grid-cols-7', 8: 'xl:grid-cols-8', 9: 'xl:grid-cols-9', 10: 'xl:grid-cols-10', 11: 'xl:grid-cols-11', 12: 'xl:grid-cols-12',
+    1: 'xl:grid-cols-1',
+    2: 'xl:grid-cols-2',
+    3: 'xl:grid-cols-3',
+    4: 'xl:grid-cols-4',
+    5: 'xl:grid-cols-5',
+    6: 'xl:grid-cols-6',
+    7: 'xl:grid-cols-7',
+    8: 'xl:grid-cols-8',
+    9: 'xl:grid-cols-9',
+    10: 'xl:grid-cols-10',
+    11: 'xl:grid-cols-11',
+    12: 'xl:grid-cols-12',
   } as Record<number, string>,
 };
 
 const COL_SPAN = {
   base: {
-    1: 'col-span-1', 2: 'col-span-2', 3: 'col-span-3', 4: 'col-span-4', 5: 'col-span-5', 6: 'col-span-6',
-    7: 'col-span-7', 8: 'col-span-8', 9: 'col-span-9', 10: 'col-span-10', 11: 'col-span-11', 12: 'col-span-12',
+    1: 'col-span-1',
+    2: 'col-span-2',
+    3: 'col-span-3',
+    4: 'col-span-4',
+    5: 'col-span-5',
+    6: 'col-span-6',
+    7: 'col-span-7',
+    8: 'col-span-8',
+    9: 'col-span-9',
+    10: 'col-span-10',
+    11: 'col-span-11',
+    12: 'col-span-12',
   } as Record<number, string>,
   sm: {
-    1: 'sm:col-span-1', 2: 'sm:col-span-2', 3: 'sm:col-span-3', 4: 'sm:col-span-4', 5: 'sm:col-span-5', 6: 'sm:col-span-6',
-    7: 'sm:col-span-7', 8: 'sm:col-span-8', 9: 'sm:col-span-9', 10: 'sm:col-span-10', 11: 'sm:col-span-11', 12: 'sm:col-span-12',
+    1: 'sm:col-span-1',
+    2: 'sm:col-span-2',
+    3: 'sm:col-span-3',
+    4: 'sm:col-span-4',
+    5: 'sm:col-span-5',
+    6: 'sm:col-span-6',
+    7: 'sm:col-span-7',
+    8: 'sm:col-span-8',
+    9: 'sm:col-span-9',
+    10: 'sm:col-span-10',
+    11: 'sm:col-span-11',
+    12: 'sm:col-span-12',
   } as Record<number, string>,
   md: {
-    1: 'md:col-span-1', 2: 'md:col-span-2', 3: 'md:col-span-3', 4: 'md:col-span-4', 5: 'md:col-span-5', 6: 'md:col-span-6',
-    7: 'md:col-span-7', 8: 'md:col-span-8', 9: 'md:col-span-9', 10: 'md:col-span-10', 11: 'md:col-span-11', 12: 'md:col-span-12',
+    1: 'md:col-span-1',
+    2: 'md:col-span-2',
+    3: 'md:col-span-3',
+    4: 'md:col-span-4',
+    5: 'md:col-span-5',
+    6: 'md:col-span-6',
+    7: 'md:col-span-7',
+    8: 'md:col-span-8',
+    9: 'md:col-span-9',
+    10: 'md:col-span-10',
+    11: 'md:col-span-11',
+    12: 'md:col-span-12',
   } as Record<number, string>,
   lg: {
-    1: 'lg:col-span-1', 2: 'lg:col-span-2', 3: 'lg:col-span-3', 4: 'lg:col-span-4', 5: 'lg:col-span-5', 6: 'lg:col-span-6',
-    7: 'lg:col-span-7', 8: 'lg:col-span-8', 9: 'lg:col-span-9', 10: 'lg:col-span-10', 11: 'lg:col-span-11', 12: 'lg:col-span-12',
+    1: 'lg:col-span-1',
+    2: 'lg:col-span-2',
+    3: 'lg:col-span-3',
+    4: 'lg:col-span-4',
+    5: 'lg:col-span-5',
+    6: 'lg:col-span-6',
+    7: 'lg:col-span-7',
+    8: 'lg:col-span-8',
+    9: 'lg:col-span-9',
+    10: 'lg:col-span-10',
+    11: 'lg:col-span-11',
+    12: 'lg:col-span-12',
   } as Record<number, string>,
   xl: {
-    1: 'xl:col-span-1', 2: 'xl:col-span-2', 3: 'xl:col-span-3', 4: 'xl:col-span-4', 5: 'xl:col-span-5', 6: 'xl:col-span-6',
-    7: 'xl:col-span-7', 8: 'xl:col-span-8', 9: 'xl:col-span-9', 10: 'xl:col-span-10', 11: 'xl:col-span-11', 12: 'xl:col-span-12',
+    1: 'xl:col-span-1',
+    2: 'xl:col-span-2',
+    3: 'xl:col-span-3',
+    4: 'xl:col-span-4',
+    5: 'xl:col-span-5',
+    6: 'xl:col-span-6',
+    7: 'xl:col-span-7',
+    8: 'xl:col-span-8',
+    9: 'xl:col-span-9',
+    10: 'xl:col-span-10',
+    11: 'xl:col-span-11',
+    12: 'xl:col-span-12',
   } as Record<number, string>,
 };
 
@@ -76,10 +180,22 @@ function flexClasses(options: SectionNode['flex']): string {
   const gap = options?.gap ?? 'gap-4';
   const align = options?.align ?? 'stretch';
   const justify = options?.justify ?? 'start';
-  const alignClass
-    = align === 'start' ? 'items-start' : align === 'center' ? 'items-center' : align === 'end' ? 'items-end' : 'items-stretch';
-  const justifyClass
-    = justify === 'start' ? 'justify-start' : justify === 'center' ? 'justify-center' : justify === 'between' ? 'justify-between' : 'justify-end';
+  const alignClass =
+    align === 'start'
+      ? 'items-start'
+      : align === 'center'
+        ? 'items-center'
+        : align === 'end'
+          ? 'items-end'
+          : 'items-stretch';
+  const justifyClass =
+    justify === 'start'
+      ? 'justify-start'
+      : justify === 'center'
+        ? 'justify-center'
+        : justify === 'between'
+          ? 'justify-between'
+          : 'justify-end';
   return cn('flex', `flex-${direction}`, wrap, gap, alignClass, justifyClass);
 }
 
@@ -101,27 +217,39 @@ function isLeaf(child: SectionNode | SectionLeaf): child is SectionLeaf {
 function shallowEqualSpan(a?: SectionLeaf['span'], b?: SectionLeaf['span']) {
   if (a === b) return true;
   if (!a || !b) return !a && !b;
-  return a.base === b.base && a.sm === b.sm && a.md === b.md && a.lg === b.lg && a.xl === b.xl;
+  return (
+    a.base === b.base &&
+    a.sm === b.sm &&
+    a.md === b.md &&
+    a.lg === b.lg &&
+    a.xl === b.xl
+  );
 }
 
 function shallowEqualLeaf(a: SectionLeaf, b: SectionLeaf) {
   // Use renderKey when provided to force updates; otherwise ignore content ref equality
   const renderKeyEqual = (a.renderKey ?? null) === (b.renderKey ?? null);
   return (
-    a.key === b.key
-    && a.hidden === b.hidden
-    && a.className === b.className
-    && a.labelLayout === b.labelLayout
-    && a.labelClassName === b.labelClassName
-    && a.valueClassName === b.valueClassName
-    && a.inlineLabelWidthClass === b.inlineLabelWidthClass
-    && shallowEqualSpan(a.span, b.span)
-    && renderKeyEqual
+    a.key === b.key &&
+    a.hidden === b.hidden &&
+    a.className === b.className &&
+    a.labelLayout === b.labelLayout &&
+    a.labelClassName === b.labelClassName &&
+    a.valueClassName === b.valueClassName &&
+    a.inlineLabelWidthClass === b.inlineLabelWidthClass &&
+    shallowEqualSpan(a.span, b.span) &&
+    renderKeyEqual
   );
 }
 
 const SectionLeafRenderer = memo(
-  function SectionLeafRenderer({ leaf, renderLeaf }: { leaf: SectionLeaf; renderLeaf?: (leaf: SectionLeaf) => React.ReactNode }) {
+  function SectionLeafRenderer({
+    leaf,
+    renderLeaf,
+  }: {
+    leaf: SectionLeaf;
+    renderLeaf?: (leaf: SectionLeaf) => React.ReactNode;
+  }) {
     if (leaf.hidden) return null;
     const span = leafSpanClasses(leaf);
 
@@ -131,27 +259,32 @@ const SectionLeafRenderer = memo(
     }
 
     // Default rendering with optional label support
-    const hasLabel = leaf.label !== undefined && leaf.label !== null && leaf.label !== '';
+    const hasLabel =
+      leaf.label !== undefined && leaf.label !== null && leaf.label !== '';
     const layout = leaf.labelLayout ?? 'stacked';
     const labelBaseCls = 'text-xs text-muted-foreground';
     const valueBaseCls = 'text-sm leading-6';
 
     if (!hasLabel) {
-      return <div className={cn(span, leaf.className, leaf.valueClassName)}>{leaf.content}</div>;
+      return (
+        <div className={cn(span, leaf.className, leaf.valueClassName)}>
+          {leaf.content}
+        </div>
+      );
     }
 
     if (layout === 'inline') {
       const labelWidth = leaf.inlineLabelWidthClass ?? 'w-32';
       return (
         <div className={cn(span, leaf.className, 'flex items-start gap-4')}>
-          <div className={cn(labelWidth, labelBaseCls, leaf.labelClassName)}>{leaf.label}</div>
+          <div className={cn(labelWidth, labelBaseCls, leaf.labelClassName)}>
+            {leaf.label}
+          </div>
           <div className={cn('flex-1', valueBaseCls, leaf.valueClassName)}>
             {leaf.content}
-            {leaf.description
-              ? (
-                  <div className={cn('mt-1', labelBaseCls)}>{leaf.description}</div>
-                )
-              : null}
+            {leaf.description ? (
+              <div className={cn('mt-1', labelBaseCls)}>{leaf.description}</div>
+            ) : null}
           </div>
         </div>
       );
@@ -160,100 +293,68 @@ const SectionLeafRenderer = memo(
     // Stacked layout
     return (
       <div className={cn(span, leaf.className, 'flex flex-col')}>
-        <div className={cn(labelBaseCls, leaf.labelClassName)}>{leaf.label}</div>
-        <div className={cn(valueBaseCls, leaf.valueClassName)}>{leaf.content}</div>
-        {leaf.description
-          ? (
-              <div className={cn('mt-1', labelBaseCls)}>{leaf.description}</div>
-            )
-          : null}
+        <div className={cn(labelBaseCls, leaf.labelClassName)}>
+          {leaf.label}
+        </div>
+        <div className={cn(valueBaseCls, leaf.valueClassName)}>
+          {leaf.content}
+        </div>
+        {leaf.description ? (
+          <div className={cn('mt-1', labelBaseCls)}>{leaf.description}</div>
+        ) : null}
       </div>
     );
   },
-  (prev, next) => shallowEqualLeaf(prev.leaf, next.leaf) && prev.renderLeaf === next.renderLeaf,
+  (prev, next) =>
+    shallowEqualLeaf(prev.leaf, next.leaf) &&
+    prev.renderLeaf === next.renderLeaf,
 );
 
-function SectionNodeRenderer({ node, renderLeaf }: { node: SectionNode; renderLeaf?: (leaf: SectionLeaf) => React.ReactNode }) {
+function SectionNodeRenderer({
+  node,
+  renderLeaf,
+}: {
+  node: SectionNode;
+  renderLeaf?: (leaf: SectionLeaf) => React.ReactNode;
+}) {
   if (node.hidden) return null;
   const layout = node.layout ?? 'grid';
-  const containerClass = layout === 'grid' ? gridClasses(node.grid) : layout === 'flex' ? flexClasses(node.flex) : '';
-
-  // Local presentational container replacing FormBuilderSection
-  const SectionContainer = ({ children }: { children: React.ReactNode }) => {
-    const title = node.title;
-    const description = node.subtitle;
-    const variant = node.variant ?? 'card';
-    const className = node.className;
-    const headerClassName = node.headerClassName;
-    const contentClassName = node.contentClassName;
-
-    const renderHeader = () => {
-      if (!title && !description) return null;
-      return (
-        <div className={cn('space-y-1', headerClassName)}>
-          {title && <h3 className="text-lg font-medium leading-none">{title}</h3>}
-          {description && <p className="text-sm text-muted-foreground">{description}</p>}
-        </div>
-      );
-    };
-
-    const renderContent = () => (
-      <div className={cn('space-y-4', contentClassName)}>
-        {children}
-      </div>
-    );
-
-    switch (variant) {
-      case 'card':
-        return (
-          <Card className={className}>
-            {(title || description) && (
-              <CardHeader>
-                {title && <CardTitle>{title}</CardTitle>}
-                {description && <CardDescription>{description}</CardDescription>}
-              </CardHeader>
-            )}
-            <CardContent>
-              {renderContent()}
-            </CardContent>
-          </Card>
-        );
-      case 'separator':
-        return (
-          <div className={cn('space-y-6', className)}>
-            {(title || description) && (
-              <>
-                {renderHeader()}
-                <Separator />
-              </>
-            )}
-            {renderContent()}
-          </div>
-        );
-      default:
-        return (
-          <div className={cn('space-y-6', className)}>
-            {renderHeader()}
-            {renderContent()}
-          </div>
-        );
-    }
-  };
+  const containerClass =
+    layout === 'grid'
+      ? gridClasses(node.grid)
+      : layout === 'flex'
+        ? flexClasses(node.flex)
+        : '';
 
   if (layout === 'tabs' && node.tabs && node.tabs.length > 0) {
     const defaultTabId = node.defaultTabId ?? node.tabs[0]?.id;
     return (
-      <SectionContainer>
+      <SectionContainer
+        title={node.title}
+        description={node.subtitle}
+        variant={node.variant}
+        className={node.className}
+        headerClassName={node.headerClassName}
+        contentClassName={node.contentClassName}
+      >
         <Tabs defaultValue={defaultTabId} className={cn('space-y-2')}>
           <TabsList className={cn(node.tabsListClassName)}>
             {node.tabs.map((tab) => (
-              <TabsTrigger key={tab.id} value={tab.id} className={cn(tab.className)}>
+              <TabsTrigger
+                key={tab.id}
+                value={tab.id}
+                className={cn(tab.className)}
+              >
                 {tab.label}
               </TabsTrigger>
             ))}
           </TabsList>
           {node.tabs.map((tab) => (
-            <TabsContent key={tab.id} value={tab.id} className={cn(node.tabsContentClassName, tab.contentClassName)}>
+            <TabsContent
+              key={tab.id}
+              value={tab.id}
+              className={cn(node.tabsContentClassName, tab.contentClassName)}
+            >
               <SectionNodeRenderer node={tab.node} renderLeaf={renderLeaf} />
             </TabsContent>
           ))}
@@ -263,16 +364,32 @@ function SectionNodeRenderer({ node, renderLeaf }: { node: SectionNode; renderLe
   }
 
   return (
-    <SectionContainer>
+    <SectionContainer
+      title={node.title}
+      description={node.subtitle}
+      variant={node.variant}
+      className={node.className}
+      headerClassName={node.headerClassName}
+      contentClassName={node.contentClassName}
+    >
       <div className={containerClass}>
         {(node.children ?? []).map((child) => {
           if (isLeaf(child)) {
-            return <SectionLeafRenderer key={child.key} leaf={child} renderLeaf={renderLeaf} />;
+            return (
+              <SectionLeafRenderer
+                key={child.key}
+                leaf={child}
+                renderLeaf={renderLeaf}
+              />
+            );
           }
           if ((child as SectionNode).hidden) return null;
           return (
             <div key={(child as SectionNode).id} className="col-span-full">
-              <SectionNodeRenderer node={child as SectionNode} renderLeaf={renderLeaf} />
+              <SectionNodeRenderer
+                node={child as SectionNode}
+                renderLeaf={renderLeaf}
+              />
             </div>
           );
         })}
@@ -281,11 +398,19 @@ function SectionNodeRenderer({ node, renderLeaf }: { node: SectionNode; renderLe
   );
 }
 
-export default function SectionBuilder({ sections, className, renderLeaf }: SectionBuilderProps) {
+export default function SectionBuilder({
+  sections,
+  className,
+  renderLeaf,
+}: SectionBuilderProps) {
   return (
     <div className={cn('space-y-6', className)}>
-      {sections.map(section => (
-        <SectionNodeRenderer key={section.id} node={section} renderLeaf={renderLeaf} />
+      {sections.map((section) => (
+        <SectionNodeRenderer
+          key={section.id}
+          node={section}
+          renderLeaf={renderLeaf}
+        />
       ))}
     </div>
   );

package/src/kit/builder/section/SectionContainer.tsx

@@ -0,0 +1,85 @@
+import { Fragment, type ReactNode } from 'react';
+
+import { cn } from '../../../shadcn/lib/utils';
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '../../../shadcn/ui/card';
+import { Separator } from '../../../shadcn/ui/separator';
+import type { SectionNode } from './types';
+
+export type SectionContainerProps = {
+  title?: ReactNode;
+  description?: ReactNode;
+  variant?: SectionNode['variant'];
+  className?: string;
+  headerClassName?: string;
+  contentClassName?: string;
+  children: ReactNode;
+};
+
+const SectionContainer = ({
+  title,
+  description,
+  variant = 'card',
+  className,
+  headerClassName,
+  contentClassName,
+  children,
+}: SectionContainerProps) => {
+  const renderHeader = () => {
+    if (!title && !description) return null;
+
+    return (
+      <div className={cn('space-y-1', headerClassName)}>
+        {title && <h3 className="text-lg font-medium leading-none">{title}</h3>}
+        {description && (
+          <p className="text-sm text-muted-foreground">{description}</p>
+        )}
+      </div>
+    );
+  };
+
+  const renderContent = () => (
+    <div className={cn('space-y-4', contentClassName)}>{children}</div>
+  );
+
+  switch (variant) {
+    case 'card':
+      return (
+        <Card className={className}>
+          {(title || description) && (
+            <CardHeader>
+              {title && <CardTitle>{title}</CardTitle>}
+              {description && <CardDescription>{description}</CardDescription>}
+            </CardHeader>
+          )}
+          <CardContent>{renderContent()}</CardContent>
+        </Card>
+      );
+    case 'separator':
+      return (
+        <div className={cn('space-y-6', className)}>
+          {(title || description) && (
+            <Fragment>
+              {renderHeader()}
+              <Separator />
+            </Fragment>
+          )}
+          {renderContent()}
+        </div>
+      );
+    default:
+      return (
+        <div className={cn('space-y-6', className)}>
+          {renderHeader()}
+          {renderContent()}
+        </div>
+      );
+  }
+};
+
+export default SectionContainer;

package/src/kit/builder/stack-dialog/context.ts

@@ -1,9 +1,15 @@
 import { createContext } from 'react';
-import { StackDialogContextInstance } from './types';
+import type { StackDialogContextInstance } from './types';
 
 export const StackDialogContext = createContext<StackDialogContextInstance>({
   activeDialogs: [],
-  createDialog: () => { throw new Error('createDialog must be called within StackDialogProvider') },
-  closeDialog: () => { throw new Error('closeDialog must be called within StackDialogProvider') },
-  closeAllDialogs: () => { throw new Error('closeAllDialog must be called within StackDialogProvider') },
+  createDialog: () => {
+    throw new Error('createDialog must be called within StackDialogProvider');
+  },
+  closeDialog: () => {
+    throw new Error('closeDialog must be called within StackDialogProvider');
+  },
+  closeAllDialogs: () => {
+    throw new Error('closeAllDialog must be called within StackDialogProvider');
+  },
 });

package/src/kit/builder/stack-dialog/hooks.ts

@@ -3,10 +3,11 @@ import { StackDialogContext } from './context';
 import type { StackDialogHook } from './types';
 
 export function useStackDialog(): StackDialogHook {
-  const { createDialog, closeDialog, closeAllDialogs } = useContext(StackDialogContext);
+  const { createDialog, closeDialog, closeAllDialogs } =
+    useContext(StackDialogContext);
   return {
     createDialog,
     closeDialog,
     closeAllDialogs,
-  }
-}
+  };
+}

package/src/kit/builder/stack-dialog/index.ts

@@ -1,18 +1,12 @@
-export {
-  StackDialogContext,
-} from './context'
+export { StackDialogContext } from './context';
 
-export {
-  StackDialogContextProvider as StackDialogProvider,
-} from './provider'
+export { StackDialogContextProvider as StackDialogProvider } from './provider';
 
-export {
-  useStackDialog
-} from './hooks'
+export { useStackDialog } from './hooks';
 
 export type {
   StackDialogContextInstance,
   StackDialogCreateConfig,
   StackDialogHook,
-  StackDialogInstance
-} from './types'
+  StackDialogInstance,
+} from './types';