@vuer-ai/vuer-uikit 0.0.121 → 0.1.0

package/dist/index.css

@@ -48,29 +48,29 @@
 @utility -spin-out { --tw-exit-rotate: -30deg; }
 @utility -spin-out-* { --tw-exit-rotate: calc(--value(number)*-1deg); --tw-exit-rotate: calc(--value(ratio)*-360deg); --tw-exit-rotate: --value(--rotate-*,[*]); }
 @utility slide-in-from-top { --tw-enter-translate-y: -100%; }
-@utility slide-in-from-top-* { --tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-y: calc(--value(ratio)*-100%); --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1); }
+@utility slide-in-from-top-* { --tw-enter-translate-y: --spacing(--value(integer)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-y: calc(--value(ratio)*-100%); --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1); }
 @utility slide-in-from-bottom { --tw-enter-translate-y: 100%; }
-@utility slide-in-from-bottom-* { --tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-y: calc(--value(ratio)*100%); --tw-enter-translate-y: --value(--translate-*,[percentage],[length]); }
+@utility slide-in-from-bottom-* { --tw-enter-translate-y: --spacing(--value(integer)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-y: calc(--value(ratio)*100%); --tw-enter-translate-y: --value(--translate-*,[percentage],[length]); }
 @utility slide-in-from-left { --tw-enter-translate-x: -100%; }
-@utility slide-in-from-left-* { --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }
+@utility slide-in-from-left-* { --tw-enter-translate-x: --spacing(--value(integer)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }
 @utility slide-in-from-right { --tw-enter-translate-x: 100%; }
-@utility slide-in-from-right-* { --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }
+@utility slide-in-from-right-* { --tw-enter-translate-x: --spacing(--value(integer)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }
 @utility slide-in-from-start { &:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; } }
-@utility slide-in-from-start-* { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl), [dir="rtl"], [dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); } }
+@utility slide-in-from-start-* { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"]*){ --tw-enter-translate-x: --spacing(--value(integer)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl), [dir="rtl"], [dir="rtl"]*){ --tw-enter-translate-x: --spacing(--value(integer)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); } }
 @utility slide-in-from-end { &:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; } }
-@utility slide-in-from-end-* { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl), [dir="rtl"], [dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); } }
+@utility slide-in-from-end-* { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"]*){ --tw-enter-translate-x: --spacing(--value(integer)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl), [dir="rtl"], [dir="rtl"]*){ --tw-enter-translate-x: --spacing(--value(integer)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); } }
 @utility slide-out-to-top { --tw-exit-translate-y: -100%; }
-@utility slide-out-to-top-* { --tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-y: calc(--value(ratio)*-100%); --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1); }
+@utility slide-out-to-top-* { --tw-exit-translate-y: --spacing(--value(integer)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-y: calc(--value(ratio)*-100%); --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1); }
 @utility slide-out-to-bottom { --tw-exit-translate-y: 100%; }
-@utility slide-out-to-bottom-* { --tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-y: calc(--value(ratio)*100%); --tw-exit-translate-y: --value(--translate-*,[percentage],[length]); }
+@utility slide-out-to-bottom-* { --tw-exit-translate-y: --spacing(--value(integer)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-y: calc(--value(ratio)*100%); --tw-exit-translate-y: --value(--translate-*,[percentage],[length]); }
 @utility slide-out-to-left { --tw-exit-translate-x: -100%; }
-@utility slide-out-to-left-* { --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }
+@utility slide-out-to-left-* { --tw-exit-translate-x: --spacing(--value(integer)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }
 @utility slide-out-to-right { --tw-exit-translate-x: 100%; }
-@utility slide-out-to-right-* { --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }
+@utility slide-out-to-right-* { --tw-exit-translate-x: --spacing(--value(integer)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }
 @utility slide-out-to-start { &:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; } }
-@utility slide-out-to-start-* { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl), [dir="rtl"], [dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); } }
+@utility slide-out-to-start-* { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"]*){ --tw-exit-translate-x: --spacing(--value(integer)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl), [dir="rtl"], [dir="rtl"]*){ --tw-exit-translate-x: --spacing(--value(integer)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); } }
 @utility slide-out-to-end { &:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; } }
-@utility slide-out-to-end-* { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl), [dir="rtl"], [dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); } }
+@utility slide-out-to-end-* { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"]*){ --tw-exit-translate-x: --spacing(--value(integer)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl), [dir="rtl"], [dir="rtl"]*){ --tw-exit-translate-x: --spacing(--value(integer)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); } }
 :root {
   --brand-primary: var(--blue-6);
   --brand-hover: var(--blue-5);
@@ -297,7 +297,7 @@
 @custom-variant liquid-light (&:is(.liquid-light *));
 @custom-variant liquid (&:is(.liquid-dark *, .liquid-light *));
 @utility liquid-dark-bg { background: linear-gradient(147.1deg, rgba(50, 50, 50, 0.6) 0%, rgba(70, 70, 70, 0.6) 105.28%) !important; backdrop-filter: blur(5px) !important; }
-@utility liquid-light-bg { background: linear-gradient(147.1deg, rgba(236, 236, 236, 0.6) 0%, rgba(202, 202, 202, 0.6) 105.28%) !important; backdrop-filter: blur(5px) !important; }
+@utility liquid-light-bg { background: linear-gradient(147.1deg, rgba(246, 246, 246, 0.6) 0%, rgba(232, 232, 232, 0.6) 105.28%) !important; backdrop-filter: blur(5px) !important; }
 @utility liquid-dark-bg-tooltip-arrow { background: rgba(70, 70, 70, 0.8) !important; backdrop-filter: blur(4px) !important; }
 @utility liquid-light-bg-tooltip-arrow { background: rgba(202, 202, 202, 0.8) !important; backdrop-filter: blur(4px) !important; }
 @utility liquid-dark-bg-tooltip-top { background: linear-gradient(to bottom, rgba(50, 50, 50, 0.8) 0%, rgba(70, 70, 70, 0.8) 100%) !important; backdrop-filter: blur(4px) !important; }

package/dist/index.d.cts

@@ -11,7 +11,7 @@ export { TreeDataItem, TreeDataItemWithMeta } from './ui/tree-view/types.cjs';
 export { TreeView as TreeViewLegacy } from './ui/tree-view-legacy.cjs';
 export { SimpleTreeDataItem, SimpleTreeView } from './ui/simple-tree-view.cjs';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './ui/sheet.cjs';
-export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './ui/popover.cjs';
+export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from './ui/popover.cjs';
 export { Avatar, AvatarFallback, AvatarGroup, AvatarGroupProps, AvatarImage } from './ui/avatar.cjs';
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui/tooltip.cjs';
 export { Separator } from './ui/separator.cjs';
@@ -28,7 +28,7 @@ export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader,
 export { Toolbar, ToolbarButtonProps, ToolbarGroup, ToolbarGroupProps, ToolbarProps, ToolbarSeparator } from './ui/toolbar.cjs';
 export { Checkbox } from './ui/checkbox.cjs';
 export { Switch } from './ui/switch.cjs';
-export { Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps } from './ui/tabs.cjs';
+export { Tabs, TabsContent, TabsContentProps, TabsList, TabsListInner, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps } from './ui/tabs.cjs';
 export { Modal, ModalClose, ModalCloseProps, ModalContent, ModalContentProps, ModalDescription, ModalDescriptionProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalOverlay, ModalOverlayProps, ModalPortal, ModalPortalProps, ModalProps, ModalTitle, ModalTitleProps, ModalTrigger, ModalTriggerProps } from './ui/modal.cjs';
 export { Button, ButtonProps, buttonVariants } from './ui/button.cjs';
 export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './ui/collapsible.cjs';
@@ -59,6 +59,7 @@ export { QuaternionInput, QuaternionInputProps } from './ui/inputs/number-inputs
 export { KVectorInput, KVectorInputProps } from './ui/inputs/number-inputs/KVectorInput.cjs';
 export { TextInput, TextInputProps } from './ui/inputs/text-input.cjs';
 export { Progress } from './ui/progress.cjs';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './ui/alert-dialog.cjs';
 export { Spinner, SpinnerProps } from './ui/spinner.cjs';
 export { DockLayout, DockLayoutBottom, DockLayoutContent, DockLayoutLeft, DockLayoutRight, DockLayoutTop } from './ui/layouts/dock-layout/LayoutSlots.cjs';
 export { DockLayoutView } from './ui/layouts/dock-layout/DockLayoutView.cjs';
@@ -71,6 +72,12 @@ export { createSelectable } from './ui/drag-selectable/createSelectable.cjs';
 export { DragSelectProvider, useDragSelectContext } from './ui/drag-selectable/DragSelectProvider.cjs';
 export { CursorFilledIcon, CursorIcon } from './ui/icons/cursor.cjs';
 export { MouseCursorAltIcon, MouseCursorIcon } from './ui/icons/MouseCursorIcons.cjs';
+export { VirtualList } from './ui/virtual-list/VirtualList.cjs';
+export { ItemHeight, UseVirtualListOptions, UseVirtualListResult, VirtualListProps } from './ui/virtual-list/types.cjs';
+export { useVirtualList } from './ui/virtual-list/useVirtualList.cjs';
+export { VirtualGrid } from './ui/virtual-grid/VirtualGrid.cjs';
+export { ColumnWidth, GridRange, RowHeight, UseVirtualGridOptions, UseVirtualGridResult, VirtualGridProps } from './ui/virtual-grid/types.cjs';
+export { useVirtualGrid } from './ui/virtual-grid/useVirtualGrid.cjs';
 export { cn } from './hooks/cn.cjs';
 export { useLocalStorage } from './hooks/useLocalStorage.cjs';
 export { ClientOnly, createClientOnlyComponent } from './hooks/clientOnly.cjs';
@@ -87,16 +94,19 @@ export { withCursor } from './highlight-cursor/with-cursor.cjs';
 export { BaseScrollOptions, ScrollRole, SyncScrollProvider, UseSyncScrollOptions, useScrollSlave, useSyncDrag, useSyncScroll } from './SyncScroll/useSyncScroll.cjs';
 export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncDragY, SyncScroll, SyncScrollProps, SyncScrollSlave } from './SyncScroll/SyncScroll.cjs';
 export { DialProvider, useDialSchema } from './dial/DialProvider.cjs';
-export { DialSchema, DialSchemaGroup, DialValue, GroupSchema, LabelPositionT, NestedTypeDefinition } from './dial/types.cjs';
+export { DialSchemaGroup, LabelPositionT } from './dial/types.cjs';
 export { DialPanel } from './dial/DialPanel.cjs';
 export { IconRenderer } from './dial/IconRenderer.cjs';
 export { DialBooleanInput, DialNumberInput, DialSelectInput, DialSliderInput } from './dial/wrapped-inputs/ControlledInputs.cjs';
 export { DialCmInput, DialDegInput, DialEulerDegInput, DialEulerInput, DialInchInput, DialIntInput, DialQuaternionInput, DialRadInput, DialTimeInput, DialVec3Input, DialVectorInput as DialVectorWrappedInput } from './dial/wrapped-inputs/DialInputs.cjs';
 export { DialVectorInput } from './dial/wrapped-inputs/DialVectorInput.cjs';
+export { DialButton } from './dial/components/DialButton.cjs';
+export { DialCustom } from './dial/components/DialCustom.cjs';
 export { LogItemType, LogItemWithMeta } from './ui/waterfall/types.cjs';
 export { TOTAL_DURATION, borderColorClasses, colorClasses, formatDuration, leftWedgeClasses, rightWedgeClasses } from './ui/waterfall/utils.cjs';
 export { toast } from 'sonner';
 export { VariantProps } from 'class-variance-authority';
+export { D as DialCustomRenderContext, a as DialCustomRenderFn, b as DialDtype, c as DialSchema, d as DialValue, G as GroupSchema, N as NestedTypeDefinition } from './schema-types-D9b7Dc1G.cjs';
 import 'react/jsx-runtime';
 import 'react';
 import 'class-variance-authority/types';
@@ -120,6 +130,7 @@ import '@radix-ui/react-slider';
 import '@radix-ui/react-label';
 import 'react-resizable-panels';
 import '@radix-ui/react-progress';
+import '@radix-ui/react-alert-dialog';
 import 'lucide-react';
 import 'clsx';
 import './highlight-cursor/types.cjs';

package/dist/index.d.ts

@@ -11,7 +11,7 @@ export { TreeDataItem, TreeDataItemWithMeta } from './ui/tree-view/types.js';
 export { TreeView as TreeViewLegacy } from './ui/tree-view-legacy.js';
 export { SimpleTreeDataItem, SimpleTreeView } from './ui/simple-tree-view.js';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './ui/sheet.js';
-export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './ui/popover.js';
+export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from './ui/popover.js';
 export { Avatar, AvatarFallback, AvatarGroup, AvatarGroupProps, AvatarImage } from './ui/avatar.js';
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui/tooltip.js';
 export { Separator } from './ui/separator.js';
@@ -28,7 +28,7 @@ export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader,
 export { Toolbar, ToolbarButtonProps, ToolbarGroup, ToolbarGroupProps, ToolbarProps, ToolbarSeparator } from './ui/toolbar.js';
 export { Checkbox } from './ui/checkbox.js';
 export { Switch } from './ui/switch.js';
-export { Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps } from './ui/tabs.js';
+export { Tabs, TabsContent, TabsContentProps, TabsList, TabsListInner, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps } from './ui/tabs.js';
 export { Modal, ModalClose, ModalCloseProps, ModalContent, ModalContentProps, ModalDescription, ModalDescriptionProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalOverlay, ModalOverlayProps, ModalPortal, ModalPortalProps, ModalProps, ModalTitle, ModalTitleProps, ModalTrigger, ModalTriggerProps } from './ui/modal.js';
 export { Button, ButtonProps, buttonVariants } from './ui/button.js';
 export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './ui/collapsible.js';
@@ -59,6 +59,7 @@ export { QuaternionInput, QuaternionInputProps } from './ui/inputs/number-inputs
 export { KVectorInput, KVectorInputProps } from './ui/inputs/number-inputs/KVectorInput.js';
 export { TextInput, TextInputProps } from './ui/inputs/text-input.js';
 export { Progress } from './ui/progress.js';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './ui/alert-dialog.js';
 export { Spinner, SpinnerProps } from './ui/spinner.js';
 export { DockLayout, DockLayoutBottom, DockLayoutContent, DockLayoutLeft, DockLayoutRight, DockLayoutTop } from './ui/layouts/dock-layout/LayoutSlots.js';
 export { DockLayoutView } from './ui/layouts/dock-layout/DockLayoutView.js';
@@ -71,6 +72,12 @@ export { createSelectable } from './ui/drag-selectable/createSelectable.js';
 export { DragSelectProvider, useDragSelectContext } from './ui/drag-selectable/DragSelectProvider.js';
 export { CursorFilledIcon, CursorIcon } from './ui/icons/cursor.js';
 export { MouseCursorAltIcon, MouseCursorIcon } from './ui/icons/MouseCursorIcons.js';
+export { VirtualList } from './ui/virtual-list/VirtualList.js';
+export { ItemHeight, UseVirtualListOptions, UseVirtualListResult, VirtualListProps } from './ui/virtual-list/types.js';
+export { useVirtualList } from './ui/virtual-list/useVirtualList.js';
+export { VirtualGrid } from './ui/virtual-grid/VirtualGrid.js';
+export { ColumnWidth, GridRange, RowHeight, UseVirtualGridOptions, UseVirtualGridResult, VirtualGridProps } from './ui/virtual-grid/types.js';
+export { useVirtualGrid } from './ui/virtual-grid/useVirtualGrid.js';
 export { cn } from './hooks/cn.js';
 export { useLocalStorage } from './hooks/useLocalStorage.js';
 export { ClientOnly, createClientOnlyComponent } from './hooks/clientOnly.js';
@@ -87,16 +94,19 @@ export { withCursor } from './highlight-cursor/with-cursor.js';
 export { BaseScrollOptions, ScrollRole, SyncScrollProvider, UseSyncScrollOptions, useScrollSlave, useSyncDrag, useSyncScroll } from './SyncScroll/useSyncScroll.js';
 export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncDragY, SyncScroll, SyncScrollProps, SyncScrollSlave } from './SyncScroll/SyncScroll.js';
 export { DialProvider, useDialSchema } from './dial/DialProvider.js';
-export { DialSchema, DialSchemaGroup, DialValue, GroupSchema, LabelPositionT, NestedTypeDefinition } from './dial/types.js';
+export { DialSchemaGroup, LabelPositionT } from './dial/types.js';
 export { DialPanel } from './dial/DialPanel.js';
 export { IconRenderer } from './dial/IconRenderer.js';
 export { DialBooleanInput, DialNumberInput, DialSelectInput, DialSliderInput } from './dial/wrapped-inputs/ControlledInputs.js';
 export { DialCmInput, DialDegInput, DialEulerDegInput, DialEulerInput, DialInchInput, DialIntInput, DialQuaternionInput, DialRadInput, DialTimeInput, DialVec3Input, DialVectorInput as DialVectorWrappedInput } from './dial/wrapped-inputs/DialInputs.js';
 export { DialVectorInput } from './dial/wrapped-inputs/DialVectorInput.js';
+export { DialButton } from './dial/components/DialButton.js';
+export { DialCustom } from './dial/components/DialCustom.js';
 export { LogItemType, LogItemWithMeta } from './ui/waterfall/types.js';
 export { TOTAL_DURATION, borderColorClasses, colorClasses, formatDuration, leftWedgeClasses, rightWedgeClasses } from './ui/waterfall/utils.js';
 export { toast } from 'sonner';
 export { VariantProps } from 'class-variance-authority';
+export { D as DialCustomRenderContext, a as DialCustomRenderFn, b as DialDtype, c as DialSchema, d as DialValue, G as GroupSchema, N as NestedTypeDefinition } from './schema-types-D9b7Dc1G.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'class-variance-authority/types';
@@ -120,6 +130,7 @@ import '@radix-ui/react-slider';
 import '@radix-ui/react-label';
 import 'react-resizable-panels';
 import '@radix-ui/react-progress';
+import '@radix-ui/react-alert-dialog';
 import 'lucide-react';
 import 'clsx';
 import './highlight-cursor/types.js';

package/dist/index.mjs

@@ -1,70 +1,68 @@
-export { DialBooleanInput, DialCmInput, DialDegInput, DialEulerDegInput, DialEulerInput, DialInchInput, DialIntInput, DialNumberInput, DialPanel, DialQuaternionInput, DialRadInput, DialSelectInput, DialSliderInput, DialTimeInput, DialVec3Input, DialVectorInput2 as DialVectorInput, DialVectorInput as DialVectorWrappedInput } from './chunk-G45SP3DA.mjs';
-import './chunk-6ZLK2RYS.mjs';
-import './chunk-VGCVIHBR.mjs';
-export { CursorProvider } from './chunk-C4U5BMQH.mjs';
-export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from './chunk-PZDC5ZKG.mjs';
-export { withCursor } from './chunk-RAHKRYQJ.mjs';
-import './chunk-3FR3WKI4.mjs';
-export { DialProvider, useDialSchema } from './chunk-ZTGJIGBC.mjs';
-export { IconRenderer } from './chunk-6YMDD5CU.mjs';
-import './chunk-6THKQIF7.mjs';
-import './chunk-U4AANBRZ.mjs';
-export { Waterfall } from './chunk-LJYIEOGQ.mjs';
+export { DialBooleanInput, DialCmInput, DialDegInput, DialEulerDegInput, DialEulerInput, DialInchInput, DialIntInput, DialNumberInput, DialPanel, DialQuaternionInput, DialRadInput, DialSelectInput, DialSliderInput, DialTimeInput, DialVec3Input, DialVectorInput2 as DialVectorInput, DialVectorInput as DialVectorWrappedInput } from './chunk-44U6VC46.mjs';
+import './chunk-5GBMVMLS.mjs';
+import './chunk-PHRZ5JE6.mjs';
+export { Waterfall } from './chunk-LLFE3UHZ.mjs';
 import './chunk-JWKOW2OV.mjs';
 import './chunk-VPQ5SSY3.mjs';
-import './chunk-EZ536NLQ.mjs';
-import './chunk-7TD77VF4.mjs';
 import './chunk-OW653F7T.mjs';
 import './chunk-CIPI2V54.mjs';
 import './chunk-WPDU2YYR.mjs';
-import './chunk-HVVT3D2T.mjs';
-export { TreeEntryItem, TreeView } from './chunk-7RRQ2HHL.mjs';
-export { cleanIndirectSelectedNodes, getAdjacentSelectionState, getAncestorIds, getDescendantIds, getMultiSelectState, getRangeIds, isIndirectlySelected, useTreeSearch, useTreeState } from './chunk-NKUK73WB.mjs';
-import './chunk-HTAFERCZ.mjs';
 import './chunk-ZQOQB6GF.mjs';
 import './chunk-D5H4XX6Q.mjs';
-export { TOTAL_DURATION, borderColorClasses, colorClasses, formatDuration, leftWedgeClasses, rightWedgeClasses } from './chunk-4U232QAX.mjs';
 import './chunk-JVV7W3TP.mjs';
 import './chunk-OC4HRPZU.mjs';
-export { TreeSearchBar } from './chunk-XZTEU7ME.mjs';
-import './chunk-5UMTQHTX.mjs';
-export { CursorFilledIcon, CursorIcon } from './chunk-2MANWDY4.mjs';
+import './chunk-EZ536NLQ.mjs';
+import './chunk-7TD77VF4.mjs';
+export { TOTAL_DURATION, borderColorClasses, colorClasses, formatDuration, leftWedgeClasses, rightWedgeClasses } from './chunk-4U232QAX.mjs';
 import './chunk-IGTUE4NW.mjs';
+import './chunk-EPRRJR2S.mjs';
 import './chunk-4QFWMPJZ.mjs';
 export { DockLayoutView } from './chunk-CRY23RMB.mjs';
 export { DockLayout, DockLayoutBottom, DockLayoutContent, DockLayoutLeft, DockLayoutRight, DockLayoutTop } from './chunk-RLY4A3IY.mjs';
-import './chunk-EPRRJR2S.mjs';
 export { LiquidLayoutView } from './chunk-GZ2BG42R.mjs';
 import './chunk-YMMSHGYC.mjs';
+import './chunk-6NZ5VXK7.mjs';
+export { VirtualGrid } from './chunk-L2AKG4VJ.mjs';
+export { useVirtualGrid } from './chunk-VDYJAOMN.mjs';
+import './chunk-O57DAVOQ.mjs';
+export { VirtualList } from './chunk-Q3UN25WC.mjs';
+export { useVirtualList } from './chunk-DKWLF3KW.mjs';
+import './chunk-HVVT3D2T.mjs';
+import './chunk-HTAFERCZ.mjs';
 import './chunk-2KQRWXNO.mjs';
 import './chunk-AGRPGNME.mjs';
-export { TimeInput } from './chunk-BLG4IPRR.mjs';
-export { Vec3Input } from './chunk-XC25ZQ7H.mjs';
-export { EulerDegInput } from './chunk-XHNM6XE3.mjs';
-export { EulerInput } from './chunk-7MR3M2HW.mjs';
-export { EulerRadInput } from './chunk-ZQ2DPA2M.mjs';
-export { InchInput } from './chunk-LOMLR5AA.mjs';
-export { IntInput } from './chunk-YBUMQX6M.mjs';
-export { KVectorInput } from './chunk-Z7PWETGZ.mjs';
-export { QuaternionInput } from './chunk-CEYNTMQP.mjs';
-export { VectorInput } from './chunk-HUPECWNG.mjs';
-export { CmInput } from './chunk-BDFUHPX2.mjs';
-export { DegInput } from './chunk-2KQXKQNU.mjs';
-export { PresetsRadInput } from './chunk-GJKFQHUX.mjs';
-export { RadInput } from './chunk-PC42NEBI.mjs';
+export { Vec3Input } from './chunk-UBGNADCN.mjs';
+export { EulerRadInput } from './chunk-7WJ73FEI.mjs';
+export { InchInput } from './chunk-HI4LO6IJ.mjs';
+export { IntInput } from './chunk-BPCD4L7T.mjs';
+export { KVectorInput } from './chunk-LHP7FLGK.mjs';
+export { QuaternionInput } from './chunk-IYTGWOZY.mjs';
+export { TimeInput } from './chunk-GAAP5JO4.mjs';
+export { CmInput } from './chunk-BTGAKK3B.mjs';
+export { DegInput } from './chunk-EYMZP5PL.mjs';
+export { EulerDegInput } from './chunk-EG6JETUN.mjs';
+export { EulerInput } from './chunk-L2DME42Q.mjs';
+export { VectorInput } from './chunk-V4THHKSO.mjs';
 export { TextInput } from './chunk-P55DAW6H.mjs';
-export { ColorInput } from './chunk-IKSER6BF.mjs';
-export { PresetsInput } from './chunk-QYYMLZFE.mjs';
-export { InputNumbers } from './chunk-HGN7J4CP.mjs';
+export { ColorInput } from './chunk-NUBFD3YP.mjs';
+export { PresetsInput } from './chunk-EXM6QMNR.mjs';
+export { PresetsRadInput } from './chunk-KXKUQSNY.mjs';
+export { RadInput } from './chunk-ITOTSGSL.mjs';
+export { InputNumbers } from './chunk-D2LUQKPM.mjs';
+export { TreeSearchBar } from './chunk-XZTEU7ME.mjs';
+export { TreeEntryItem, TreeView } from './chunk-YRNI7ZJ7.mjs';
+export { cleanIndirectSelectedNodes, getAdjacentSelectionState, getAncestorIds, getDescendantIds, getMultiSelectState, getRangeIds, isIndirectlySelected, useTreeSearch, useTreeState } from './chunk-NKUK73WB.mjs';
 import './chunk-KHROZRRE.mjs';
 export { createSelectable } from './chunk-TVKPO5VK.mjs';
 export { DragSelectProvider, useDragSelectContext } from './chunk-JBQP2CBI.mjs';
+import './chunk-5UMTQHTX.mjs';
 export { MouseCursorAltIcon, MouseCursorIcon } from './chunk-KVJ4Q3EZ.mjs';
+export { CursorFilledIcon, CursorIcon } from './chunk-2MANWDY4.mjs';
 export { TreeView as TreeViewLegacy } from './chunk-UB3ELCFR.mjs';
-export { Toaster, toast } from './chunk-DGJ7E77I.mjs';
+export { Toaster, toast } from './chunk-TQOGGHSJ.mjs';
 import './chunk-6NK7UMFP.mjs';
-export { LiquidToggle, ThemeColorToggle } from './chunk-4YVKJKWV.mjs';
-export { ThemeProvider, computeTheme, defaultThemes, useTheme } from './chunk-FK6ZROZE.mjs';
+export { LiquidToggle, ThemeColorToggle } from './chunk-TCCFFSXM.mjs';
+export { ThemeProvider, computeTheme, defaultThemes, useTheme } from './chunk-ZJYPKTF4.mjs';
 export { ThemeScript } from './chunk-5KJP6A6C.mjs';
 export { ToggleButton, ToggleButtons, toggleButtonHighlightVariants, toggleButtonVariants, toggleButtonsVariants } from './chunk-AFR23IX6.mjs';
 export { ToggleGroup, ToggleGroupItem, toggleGroupVariants } from './chunk-BYZ7HIIK.mjs';
@@ -77,11 +75,11 @@ export { TreeView as SimpleTreeView } from './chunk-CENP2PIB.mjs';
 import './chunk-QYJZ5KA6.mjs';
 export { Slider } from './chunk-XIESS6HW.mjs';
 export { Spinner } from './chunk-NJXBYRKZ.mjs';
-export { Switch } from './chunk-RS4T6S3Z.mjs';
+export { Switch } from './chunk-VWLZKPDB.mjs';
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './chunk-BK77KKIM.mjs';
 export { Navigation } from './chunk-RWHVZM2B.mjs';
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './chunk-6U6LRS37.mjs';
-export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './chunk-6NSLYQ35.mjs';
+export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from './chunk-VLNU7Y2K.mjs';
 export { Progress } from './chunk-P3FBRYWH.mjs';
 export { RadioGroup, RadioGroupItem } from './chunk-WBM7ATPT.mjs';
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './chunk-CN6SZKJZ.mjs';
@@ -93,28 +91,40 @@ export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMe
 export { Label } from './chunk-XTZURZIR.mjs';
 export { FormLayout } from './chunk-TMBHKVKH.mjs';
 export { Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger } from './chunk-TWDDNHRP.mjs';
-export { DIAL_GIT_HASH, DIAL_PACKAGE_NAME, DIAL_PACKAGE_VERSION, DialBadge } from './chunk-67H3OSM3.mjs';
-export { GIT_HASH, PACKAGE_VERSION, PackageBadge, UIKitBadge } from './chunk-3SUV56TH.mjs';
+export { DIAL_GIT_HASH, DIAL_PACKAGE_NAME, DIAL_PACKAGE_VERSION, DialBadge } from './chunk-RR76Z6OK.mjs';
+export { GIT_HASH, PACKAGE_VERSION, PackageBadge, UIKitBadge } from './chunk-2IMCDH5J.mjs';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './chunk-ZMRODJ3I.mjs';
 export { Avatar, AvatarFallback, AvatarGroup, AvatarImage } from './chunk-SO5KFX2C.mjs';
-export { Badge, badgeVariants } from './chunk-S4BL7C3Y.mjs';
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-FUMJBAQI.mjs';
+export { Badge, badgeVariants } from './chunk-QSDYNIZB.mjs';
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-HNW2DRPV.mjs';
 export { Checkbox } from './chunk-XZLQHASB.mjs';
-export { Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-3P2OP4KO.mjs';
+import './chunk-NU5W73NH.mjs';
+export { DialButton } from './chunk-PMYOKSO3.mjs';
+export { DialCustom } from './chunk-52GNIM6H.mjs';
+import './chunk-6THKQIF7.mjs';
+import './chunk-VGCVIHBR.mjs';
+export { CursorProvider } from './chunk-PTUZYCOY.mjs';
+export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from './chunk-G35PQKU5.mjs';
+export { Tabs, TabsContent, TabsList, TabsListInner, TabsTrigger } from './chunk-2J466BYZ.mjs';
 export { Textarea } from './chunk-Y2IIKDRY.mjs';
 export { InputRoot as Input, InputRoot, InputSlot } from './chunk-HGTL7DFT.mjs';
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, selectTriggerVariants } from './chunk-O5YP3JQ4.mjs';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, selectTriggerVariants } from './chunk-4W7JKZVN.mjs';
 export { Button, buttonVariants } from './chunk-5JYH7TXY.mjs';
+export { withCursor } from './chunk-RAHKRYQJ.mjs';
+import './chunk-3FR3WKI4.mjs';
 export { TabsCursorProvider } from './chunk-XMG3IVGZ.mjs';
 import './chunk-BNDRHLLZ.mjs';
 export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncDragY, SyncScroll, SyncScrollSlave } from './chunk-EGJLY5VZ.mjs';
 import './chunk-F7ZHPSLA.mjs';
-export { useDocument } from './chunk-IDUVYPN7.mjs';
-export { useDragSelect } from './chunk-3QT5VABC.mjs';
-export { useIsMobile } from './chunk-H3JRYX2U.mjs';
-export { useLocalStorage } from './chunk-LQOPO4KU.mjs';
 export { useQueryParams } from './chunk-U3LN5NB6.mjs';
 export { useLocation } from './chunk-IZARTVYN.mjs';
 export { useWindow } from './chunk-VA4LUFKD.mjs';
 export { ClientOnly, createClientOnlyComponent } from './chunk-4NABYVCK.mjs';
+export { useDocument } from './chunk-IDUVYPN7.mjs';
+export { useDragSelect } from './chunk-3QT5VABC.mjs';
+export { useIsMobile } from './chunk-H3JRYX2U.mjs';
+export { useLocalStorage } from './chunk-LQOPO4KU.mjs';
 export { cn } from './chunk-HBEU2PU2.mjs';
 export { SyncScrollProvider, useScrollSlave, useSyncDrag, useSyncScroll } from './chunk-SAGQV2YZ.mjs';
+export { DialProvider, useDialSchema } from './chunk-ZTGJIGBC.mjs';
+export { IconRenderer } from './chunk-6YMDD5CU.mjs';

package/dist/schema-types-D9b7Dc1G.d.cts

@@ -0,0 +1,163 @@
+import { ReactNode } from 'react';
+
+/**
+ * Final schema types (output types)
+ * These types represent the final JSON schema output from dial-cli
+ * These are DISTINCT from ParsedTypes - they represent the clean output format
+ */
+
+/**
+ * Dial value types
+ */
+type DialValue = string | number | boolean | number[] | string[] | (boolean | number | string)[] | object | null | undefined;
+/**
+ * Context passed to custom render functions
+ */
+interface DialCustomRenderContext {
+    /** Get the current value of a dial field */
+    getValue: (name: string) => DialValue;
+    /** Set the value of a dial field */
+    setValue: (name: string, value: DialValue) => void;
+    /** The schema for this custom component */
+    schema: DialSchema;
+}
+/**
+ * Custom render function type for dtype="custom"
+ * Returns a React node to render in place of the standard dial input
+ */
+type DialCustomRenderFn = (context: DialCustomRenderContext) => ReactNode;
+/**
+ * All supported data types for dial controls
+ * This type represents the possible values for the dtype field in DialSchema
+ */
+type DialDtype = "boolean" | "number" | "number-int" | "int" | "string" | "text" | "number-rad" | "number-slider" | "select" | "color" | "vector" | "vector3" | "vector-6" | "number-group" | "euler" | "euler-rad" | "euler-deg" | "euler-pi" | "quaternion" | "array" | "tuple" | "interface" | "object" | "button" | "custom";
+/**
+ * Group schema (final output format)
+ * Configuration for how properties within a group should be laid out
+ */
+interface GroupSchema {
+    /** Group name */
+    name: string;
+    /** Layout type: grid or flex */
+    layout?: "grid" | "flex";
+    /** Grid layout properties */
+    gridCols?: number;
+    gridRows?: number;
+    gridFlow?: "row" | "column";
+    gridRowTemplate?: string;
+    gridColTemplate?: string;
+    /** Flex layout properties */
+    flexWrap?: "nowrap" | "wrap" | "wrap-reverse";
+    flexJustifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
+    /** Group order for sorting */
+    groupOrder?: number;
+}
+/**
+ * Nested type schema (output structure for complex types)
+ * Used in PropertySchema.typeDefinition
+ */
+interface NestedTypeDefinition {
+    /**
+     * Property name (e.g., "args" for a property named args)
+     */
+    name?: string;
+    /**
+     * Type name (e.g., "ExtrudeArgs" for a type ExtrudeArgs)
+     */
+    type?: string;
+    kind: "interface" | "tuple";
+    /**
+     * Nested property schemas (processed output)
+     */
+    schemas: DialSchema[];
+    /**
+     * Group configurations for this level
+     */
+    groups?: GroupSchema[];
+}
+/**
+ * Property schema (final output for a single property)
+ * Clean output format with all dial configuration
+ */
+interface DialSchema {
+    /** Property name */
+    name: string;
+    /** Group this property belongs to */
+    grouping?: string;
+    /** Nested type definition for complex types */
+    typeDefinition?: NestedTypeDefinition;
+    dtype?: DialDtype;
+    min?: number;
+    max?: number;
+    step?: number;
+    placeholder?: string;
+    tooltip?: string;
+    default?: string | number | boolean;
+    value?: unknown;
+    options?: string[] | unknown[];
+    /** Display format for angle values: radians, degrees, or pi notation */
+    format?: "rad" | "deg" | "pi";
+    label?: string;
+    icon?: string;
+    helpText?: string;
+    labelPosition?: string;
+    mins?: number[];
+    maxs?: number[];
+    steps?: number[];
+    dtypes?: string[];
+    placeholders?: string[];
+    tooltips?: string[];
+    dimensions?: number;
+    vectorCols?: number;
+    vectorRows?: number;
+    vectorFlow?: "row" | "column";
+    colSpan?: number;
+    rowSpan?: number;
+    arrayElementType?: string;
+    order?: number;
+    /** Click handler for button dtype (runtime only, not serialized) */
+    onClick?: () => void;
+    /** Button variant style */
+    variant?: "primary" | "secondary" | "ghost" | "destructive" | "link";
+    /** Whether the control is disabled */
+    disabled?: boolean;
+    /**
+     * Custom render function for dtype="custom" (runtime only, not serialized)
+     *
+     * The render function receives context with getValue/setValue for accessing dial values.
+     * Use useMemo to memoize the render function and avoid unnecessary re-renders.
+     *
+     * @example
+     * ```tsx
+     * const customRender = useMemo(() => ({ getValue, setValue }) => (
+     *   <MyCustomComponent
+     *     value={getValue('myField')}
+     *     onChange={(v) => setValue('myField', v)}
+     *   />
+     * ), []);
+     *
+     * // In schema:
+     * { name: 'custom', dtype: 'custom', render: customRender }
+     * ```
+     */
+    render?: DialCustomRenderFn;
+    /**
+     * Direct React node for dtype="custom" (runtime only, not serialized)
+     *
+     * Use this when you don't need access to getValue/setValue.
+     * For simple static components or components that manage their own state.
+     *
+     * @example
+     * ```tsx
+     * // Simple static component
+     * { name: 'info', dtype: 'custom', children: <InfoPanel /> }
+     *
+     * // With useMemo for dynamic content (recommended)
+     * const myComponent = useMemo(() => <MyComponent value={someValue} />, [someValue]);
+     * { name: 'custom', dtype: 'custom', children: myComponent }
+     * ```
+     */
+    children?: ReactNode;
+}
+
+export type { DialCustomRenderContext as D, GroupSchema as G, NestedTypeDefinition as N, DialCustomRenderFn as a, DialDtype as b, DialSchema as c, DialValue as d };