@skalar-saas/design-system 0.1.111 → 0.1.113

package/dist/shared/ui/FormFieldGroup/FormFieldGroup.d.ts

@@ -1,4 +1,6 @@
 import React from "react";
+import { type LayoutValue } from "@/shared/ui/DropLayoutPicker/DropLayoutPicker";
+export type { LayoutValue };
 export interface FormFieldGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     bodyClassName?: string;
     disabled?: boolean;
@@ -8,5 +10,7 @@ export interface FormFieldGroupProps extends React.HTMLAttributes<HTMLDivElement
     onCopy?: () => void;
     onTrash?: () => void;
     onAddWidget?: () => void;
+    layout?: LayoutValue;
+    onLayoutChange?: (layout: LayoutValue) => void;
 }
-export declare const FormFieldGroup: ({ className, bodyClassName, disabled, onMaximize, onGrid, onAdd, onCopy, onTrash, onAddWidget, children, ...props }: FormFieldGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormFieldGroup: ({ className, bodyClassName, disabled, onMaximize, onGrid, onAdd, onCopy, onTrash, onAddWidget, layout, onLayoutChange, children, ...props }: FormFieldGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/FormFieldGroup/index.d.ts

@@ -1,2 +1,2 @@
 export { FormFieldGroup } from './FormFieldGroup';
-export type { FormFieldGroupProps } from './FormFieldGroup';
+export type { FormFieldGroupProps, LayoutValue } from './FormFieldGroup';

package/dist/shared/ui/VisualComposer/VisualComposer.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-type GridLayout = "1" | "2" | "3" | "2-1" | "1-2" | "1-1";
+import { type LayoutValue } from "@/shared/ui/FormFieldGroup/FormFieldGroup";
 export type SectionAction = "maximize" | "grid" | "add" | "copy" | "trash" | "addWidget";
 export type WidgetAction = "maximize" | "text-block" | "edit" | "copy" | "trash";
 export interface WidgetData {
@@ -16,7 +16,7 @@ export interface ColumnData {
 }
 export interface SectionData {
     id: string;
-    layout: GridLayout;
+    layout: LayoutValue;
     position: number;
     columns: ColumnData[];
 }
@@ -32,10 +32,10 @@ export interface VisualComposerProps extends React.HTMLAttributes<HTMLDivElement
     onTrash?: () => void;
     onSectionAction?: (action: SectionAction, sectionId: string) => void;
     sectionActions?: SectionAction[];
+    onLayoutChange?: (sectionId: string, layout: LayoutValue) => void;
     onWidgetAction?: (action: WidgetAction, widgetId: string, element: HTMLElement | null) => void;
     widgetActions?: WidgetAction[];
     renderWidgetIcon?: (widget: WidgetData) => React.ReactNode;
     onWidgetDrop?: (columnId: string, sectionId: string, position: number, dragData: Record<string, unknown>) => void;
 }
-export declare const VisualComposer: ({ className, data, emptyStateDescription, onAdd, onGrid, onCopy, onTrash, onSectionAction, sectionActions, onWidgetAction, widgetActions, renderWidgetIcon, onWidgetDrop, ...props }: VisualComposerProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const VisualComposer: ({ className, data, emptyStateDescription, onAdd, onGrid, onCopy, onTrash, onSectionAction, sectionActions, onWidgetAction, widgetActions, renderWidgetIcon, onWidgetDrop, onLayoutChange, ...props }: VisualComposerProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skalar-saas/design-system",
-  "version": "0.1.111",
+  "version": "0.1.113",
   "type": "module",
   "description": "Skalar Design System - UI component library",
   "author": "Skalar Team",
@@ -98,6 +98,7 @@
     "vitest": "^3.2.4"
   },
   "dependencies": {
+    "@skalar-saas/design-system": "0.1.112",
     "react-markdown": "^10.1.0"
   },
   "scripts": {