deskforge 1.0.0

package/packages/ui/dist/input/Slider.js

@@ -0,0 +1,32 @@
+"use strict";
+// Slider.ts
+// Range input component.
+// Drag thumb to select a value between min and max.
+// Supports step increments.
+// Value label shown above thumb optionally.
+// Two-way state binding via bind prop.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slider = Slider;
+const core_1 = require("@deskforge/core/");
+// Creates a range slider node
+// props — slider configuration
+function Slider(props = {}) {
+    return (0, core_1.createNode)('Slider', {
+        min: props.min ?? 0,
+        max: props.max ?? 100,
+        step: props.step ?? 1,
+        bind: props.bind,
+        value: props.value ?? 0,
+        showValue: props.showValue ?? false,
+        disabled: props.disabled ?? false,
+        color: props.color ?? 'primary',
+        trackColor: props.trackColor ?? 'border',
+        trackHeight: props.trackHeight ?? 4,
+        thumbSize: props.thumbSize ?? 20,
+        width: props.width ?? '100%',
+        onChange: props.onChange,
+        onRelease: props.onRelease,
+        format: props.format,
+    }, []);
+}
+//# sourceMappingURL=Slider.js.map

package/packages/ui/dist/input/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../src/input/Slider.ts"],"names":[],"mappings":";AAAA,YAAY;AACZ,yBAAyB;AACzB,oDAAoD;AACpD,4BAA4B;AAC5B,4CAA4C;AAC5C,uCAAuC;;AA4E9B,wBAAM;AA1Ef,2CAA6C;AAmD7C,8BAA8B;AAC9B,+BAA+B;AAC/B,SAAS,MAAM,CAAC,QAAqB,EAAE;IACrC,OAAO,IAAA,iBAAU,EAAC,QAAQ,EAAE;QAC1B,GAAG,EAAU,KAAK,CAAC,GAAG,IAAY,CAAC;QACnC,GAAG,EAAU,KAAK,CAAC,GAAG,IAAY,GAAG;QACrC,IAAI,EAAS,KAAK,CAAC,IAAI,IAAW,CAAC;QACnC,IAAI,EAAS,KAAK,CAAC,IAAI;QACvB,KAAK,EAAQ,KAAK,CAAC,KAAK,IAAU,CAAC;QACnC,SAAS,EAAI,KAAK,CAAC,SAAS,IAAM,KAAK;QACvC,QAAQ,EAAK,KAAK,CAAC,QAAQ,IAAO,KAAK;QACvC,KAAK,EAAQ,KAAK,CAAC,KAAK,IAAU,SAAS;QAC3C,UAAU,EAAG,KAAK,CAAC,UAAU,IAAK,QAAQ;QAC1C,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,CAAC;QACnC,SAAS,EAAI,KAAK,CAAC,SAAS,IAAM,EAAE;QACpC,KAAK,EAAQ,KAAK,CAAC,KAAK,IAAU,MAAM;QACxC,QAAQ,EAAK,KAAK,CAAC,QAAQ;QAC3B,SAAS,EAAI,KAAK,CAAC,SAAS;QAC5B,MAAM,EAAO,KAAK,CAAC,MAAM;KACC,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC"}

package/packages/ui/dist/input/Toggle.d.ts

@@ -0,0 +1,17 @@
+import type { DFNode } from '@deskforge/core/';
+interface ToggleProps {
+    label?: string;
+    bind?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    color?: string;
+    offColor?: string;
+    labelPosition?: 'left' | 'right';
+    size?: 'sm' | 'md' | 'lg';
+    onChange?: (checked: boolean) => void;
+    hint?: string;
+}
+declare function Toggle(props?: ToggleProps): DFNode;
+export type { ToggleProps };
+export { Toggle };
+//# sourceMappingURL=Toggle.d.ts.map

package/packages/ui/dist/input/Toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../src/input/Toggle.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9C,UAAU,WAAW;IAEnB,KAAK,CAAC,EAAU,MAAM,CAAA;IAGtB,IAAI,CAAC,EAAW,MAAM,CAAA;IAGtB,OAAO,CAAC,EAAQ,OAAO,CAAA;IAGvB,QAAQ,CAAC,EAAO,OAAO,CAAA;IAGvB,KAAK,CAAC,EAAU,MAAM,CAAA;IAGtB,QAAQ,CAAC,EAAO,MAAM,CAAA;IAGtB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAGhC,IAAI,CAAC,EAAW,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAGlC,QAAQ,CAAC,EAAO,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAG1C,IAAI,CAAC,EAAW,MAAM,CAAA;CACvB;AAID,iBAAS,MAAM,CAAC,KAAK,GAAE,WAAgB,GAAG,MAAM,CAiB/C;AAED,YAAY,EAAE,WAAW,EAAE,CAAA;AAC3B,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/packages/ui/dist/input/Toggle.js

@@ -0,0 +1,29 @@
+"use strict";
+// Toggle.ts
+// On/off switch component.
+// Thumb slides smoothly when toggled.
+// Spring physics applied automatically by renderer.
+// Two-way state binding via the bind prop.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toggle = Toggle;
+const core_1 = require("@deskforge/core/");
+// Creates a toggle switch node
+// props — toggle configuration
+function Toggle(props = {}) {
+    return (0, core_1.createNode)('Toggle', {
+        label: props.label,
+        bind: props.bind,
+        checked: props.checked ?? false,
+        disabled: props.disabled ?? false,
+        color: props.color ?? 'primary',
+        offColor: props.offColor ?? 'border',
+        labelPosition: props.labelPosition ?? 'right',
+        size: props.size ?? 'md',
+        onChange: props.onChange,
+        hint: props.hint,
+        // Spring physics for thumb slide animation
+        springStiffness: 300,
+        springDamping: 25,
+    }, []);
+}
+//# sourceMappingURL=Toggle.js.map

package/packages/ui/dist/input/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/input/Toggle.ts"],"names":[],"mappings":";AAAA,YAAY;AACZ,2BAA2B;AAC3B,sCAAsC;AACtC,oDAAoD;AACpD,2CAA2C;;AA4DlC,wBAAM;AA1Df,2CAA6C;AAoC7C,+BAA+B;AAC/B,+BAA+B;AAC/B,SAAS,MAAM,CAAC,QAAqB,EAAE;IACrC,OAAO,IAAA,iBAAU,EAAC,QAAQ,EAAE;QAC1B,KAAK,EAAU,KAAK,CAAC,KAAK;QAC1B,IAAI,EAAW,KAAK,CAAC,IAAI;QACzB,OAAO,EAAQ,KAAK,CAAC,OAAO,IAAU,KAAK;QAC3C,QAAQ,EAAO,KAAK,CAAC,QAAQ,IAAS,KAAK;QAC3C,KAAK,EAAU,KAAK,CAAC,KAAK,IAAY,SAAS;QAC/C,QAAQ,EAAO,KAAK,CAAC,QAAQ,IAAS,QAAQ;QAC9C,aAAa,EAAE,KAAK,CAAC,aAAa,IAAI,OAAO;QAC7C,IAAI,EAAW,KAAK,CAAC,IAAI,IAAa,IAAI;QAC1C,QAAQ,EAAO,KAAK,CAAC,QAAQ;QAC7B,IAAI,EAAW,KAAK,CAAC,IAAI;QAEzB,2CAA2C;QAC3C,eAAe,EAAE,GAAG;QACpB,aAAa,EAAI,EAAE;KACO,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC"}

package/packages/ui/dist/input/index.d.ts

@@ -0,0 +1,8 @@
+export * from './Button';
+export * from './Input';
+export * from './Checkbox';
+export * from './Toggle';
+export * from './Slider';
+export * from './Dropdown';
+export * from './SearchBar';
+//# sourceMappingURL=index.d.ts.map

package/packages/ui/dist/input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/input/index.ts"],"names":[],"mappings":"AAGA,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA"}

package/packages/ui/dist/input/index.js

@@ -0,0 +1,26 @@
+"use strict";
+// index.ts
+// Public door into the input components.
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Button"), exports);
+__exportStar(require("./Input"), exports);
+__exportStar(require("./Checkbox"), exports);
+__exportStar(require("./Toggle"), exports);
+__exportStar(require("./Slider"), exports);
+__exportStar(require("./Dropdown"), exports);
+__exportStar(require("./SearchBar"), exports);
+//# sourceMappingURL=index.js.map

package/packages/ui/dist/input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/input/index.ts"],"names":[],"mappings":";AAAA,WAAW;AACX,yCAAyC;;;;;;;;;;;;;;;;AAEzC,2CAAwB;AACxB,0CAAuB;AACvB,6CAA0B;AAC1B,2CAAwB;AACxB,2CAAwB;AACxB,6CAA0B;AAC1B,8CAA2B"}

package/packages/ui/dist/layout/Box.d.ts

@@ -0,0 +1,25 @@
+import type { DFNode } from '@deskforge/core/';
+import type { DFStyle } from '@deskforge/theme/';
+interface BoxProps {
+    padding?: number | string;
+    margin?: number | string;
+    background?: string;
+    radius?: number | string;
+    shadow?: string;
+    border?: string;
+    width?: number | string;
+    height?: number | string;
+    minWidth?: number;
+    maxWidth?: number;
+    minHeight?: number;
+    maxHeight?: number;
+    flex?: number;
+    opacity?: number;
+    clip?: boolean;
+    style?: DFStyle;
+    onClick?: () => void;
+}
+declare function Box(children: DFNode[], props?: BoxProps): DFNode;
+export type { BoxProps };
+export { Box };
+//# sourceMappingURL=Box.d.ts.map

package/packages/ui/dist/layout/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/layout/Box.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAGhD,UAAU,QAAQ;IAEhB,OAAO,CAAC,EAAK,MAAM,GAAG,MAAM,CAAA;IAG5B,MAAM,CAAC,EAAM,MAAM,GAAG,MAAM,CAAA;IAG5B,UAAU,CAAC,EAAE,MAAM,CAAA;IAGnB,MAAM,CAAC,EAAM,MAAM,GAAG,MAAM,CAAA;IAG5B,MAAM,CAAC,EAAM,MAAM,CAAA;IAGnB,MAAM,CAAC,EAAM,MAAM,CAAA;IAGnB,KAAK,CAAC,EAAO,MAAM,GAAG,MAAM,CAAA;IAG5B,MAAM,CAAC,EAAM,MAAM,GAAG,MAAM,CAAA;IAG5B,QAAQ,CAAC,EAAI,MAAM,CAAA;IAGnB,QAAQ,CAAC,EAAI,MAAM,CAAA;IAGnB,SAAS,CAAC,EAAG,MAAM,CAAA;IAGnB,SAAS,CAAC,EAAG,MAAM,CAAA;IAGnB,IAAI,CAAC,EAAQ,MAAM,CAAA;IAGnB,OAAO,CAAC,EAAK,MAAM,CAAA;IAGnB,IAAI,CAAC,EAAQ,OAAO,CAAA;IAGpB,KAAK,CAAC,EAAO,OAAO,CAAA;IAGpB,OAAO,CAAC,EAAK,MAAM,IAAI,CAAA;CACxB;AAKD,iBAAS,GAAG,CACV,QAAQ,EAAE,MAAM,EAAE,EAClB,KAAK,GAAK,QAAa,GACtB,MAAM,CAoBR;AAED,YAAY,EAAE,QAAQ,EAAE,CAAA;AACxB,OAAO,EAAE,GAAG,EAAE,CAAA"}

package/packages/ui/dist/layout/Box.js

@@ -0,0 +1,34 @@
+"use strict";
+// Box.ts
+// Generic container component.
+// The most flexible layout primitive.
+// Use when Column and Row do not fit the need.
+// Accepts any style and renders children inside.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Box = Box;
+const core_1 = require("@deskforge/core/");
+// Creates a generic container node
+// children — any DFNode children
+// props — box styling and constraints
+function Box(children, props = {}) {
+    return (0, core_1.createNode)('Box', {
+        padding: props.padding ?? 0,
+        margin: props.margin ?? 0,
+        background: props.background ?? 'transparent',
+        radius: props.radius ?? 0,
+        shadow: props.shadow,
+        border: props.border,
+        width: props.width,
+        height: props.height,
+        minWidth: props.minWidth,
+        maxWidth: props.maxWidth,
+        minHeight: props.minHeight,
+        maxHeight: props.maxHeight,
+        flex: props.flex,
+        opacity: props.opacity ?? 1,
+        clip: props.clip ?? false,
+        style: props.style,
+        onClick: props.onClick,
+    }, children);
+}
+//# sourceMappingURL=Box.js.map

package/packages/ui/dist/layout/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/layout/Box.ts"],"names":[],"mappings":";AAAA,SAAS;AACT,+BAA+B;AAC/B,sCAAsC;AACtC,+CAA+C;AAC/C,iDAAiD;;AAyFxC,kBAAG;AAvFZ,2CAA6C;AA0D7C,mCAAmC;AACnC,iCAAiC;AACjC,sCAAsC;AACtC,SAAS,GAAG,CACV,QAAkB,EAClB,QAAqB,EAAE;IAEvB,OAAO,IAAA,iBAAU,EAAC,KAAK,EAAE;QACvB,OAAO,EAAK,KAAK,CAAC,OAAO,IAAO,CAAC;QACjC,MAAM,EAAM,KAAK,CAAC,MAAM,IAAQ,CAAC;QACjC,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,aAAa;QAC7C,MAAM,EAAM,KAAK,CAAC,MAAM,IAAQ,CAAC;QACjC,MAAM,EAAM,KAAK,CAAC,MAAM;QACxB,MAAM,EAAM,KAAK,CAAC,MAAM;QACxB,KAAK,EAAO,KAAK,CAAC,KAAK;QACvB,MAAM,EAAM,KAAK,CAAC,MAAM;QACxB,QAAQ,EAAI,KAAK,CAAC,QAAQ;QAC1B,QAAQ,EAAI,KAAK,CAAC,QAAQ;QAC1B,SAAS,EAAG,KAAK,CAAC,SAAS;QAC3B,SAAS,EAAG,KAAK,CAAC,SAAS;QAC3B,IAAI,EAAQ,KAAK,CAAC,IAAI;QACtB,OAAO,EAAK,KAAK,CAAC,OAAO,IAAO,CAAC;QACjC,IAAI,EAAQ,KAAK,CAAC,IAAI,IAAU,KAAK;QACrC,KAAK,EAAO,KAAK,CAAC,KAAK;QACvB,OAAO,EAAK,KAAK,CAAC,OAAO;KACC,EAAE,QAAQ,CAAC,CAAA;AACzC,CAAC"}

package/packages/ui/dist/layout/Column.d.ts

@@ -0,0 +1,30 @@
+import type { DFNode } from '@deskforge/core/';
+import type { DFStyle } from '@deskforge/theme/';
+interface ColumnProps {
+    gap?: number | string;
+    padding?: number | string | [
+        number,
+        number
+    ] | [
+        number,
+        number,
+        number,
+        number
+    ];
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    justify?: 'start' | 'center' | 'end' | 'space-between' | 'space-around';
+    background?: string;
+    radius?: number | string;
+    shadow?: string;
+    border?: string;
+    flex?: number;
+    width?: number | string;
+    height?: number | string;
+    wrap?: boolean;
+    style?: DFStyle;
+    scroll?: 'vertical' | 'none';
+}
+declare function Column(children: DFNode[], props?: ColumnProps): DFNode;
+export type { ColumnProps };
+export { Column };
+//# sourceMappingURL=Column.d.ts.map

package/packages/ui/dist/layout/Column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../src/layout/Column.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAGhD,UAAU,WAAW;IAEnB,GAAG,CAAC,EAAS,MAAM,GAAG,MAAM,CAAA;IAG5B,OAAO,CAAC,EAAK,MAAM,GAAG,MAAM,GACf;QAAC,MAAM;QAAE,MAAM;KAAC,GAChB;QAAC,MAAM;QAAE,MAAM;QAAE,MAAM;QAAE,MAAM;KAAC,CAAA;IAG7C,KAAK,CAAC,EAAO,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAA;IAGnD,OAAO,CAAC,EAAK,OAAO,GAAG,QAAQ,GAAG,KAAK,GAC1B,eAAe,GAAG,cAAc,CAAA;IAG7C,UAAU,CAAC,EAAE,MAAM,CAAA;IAGnB,MAAM,CAAC,EAAM,MAAM,GAAG,MAAM,CAAA;IAG5B,MAAM,CAAC,EAAM,MAAM,CAAA;IAGnB,MAAM,CAAC,EAAM,MAAM,CAAA;IAGnB,IAAI,CAAC,EAAQ,MAAM,CAAA;IAGnB,KAAK,CAAC,EAAO,MAAM,GAAG,MAAM,CAAA;IAG5B,MAAM,CAAC,EAAM,MAAM,GAAG,MAAM,CAAA;IAG5B,IAAI,CAAC,EAAQ,OAAO,CAAA;IAGpB,KAAK,CAAC,EAAO,OAAO,CAAA;IAGpB,MAAM,CAAC,EAAM,UAAU,GAAG,MAAM,CAAA;CACjC;AAKD,iBAAS,MAAM,CACb,QAAQ,EAAE,MAAM,EAAE,EAClB,KAAK,GAAK,WAAgB,GACzB,MAAM,CAkBR;AAED,YAAY,EAAE,WAAW,EAAE,CAAA;AAC3B,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/packages/ui/dist/layout/Column.js

@@ -0,0 +1,32 @@
+"use strict";
+// Column.ts
+// Vertical stack layout component.
+// Arranges children top to bottom.
+// The most commonly used layout in DeskForge.
+// Gap and padding use theme spacing tokens.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Column = Column;
+const core_1 = require("@deskforge/core/");
+// Creates a vertical stack of child nodes
+// children — array of DFNode to stack vertically
+// props — layout configuration
+function Column(children, props = {}) {
+    return (0, core_1.createNode)('Column', {
+        gap: props.gap ?? 0,
+        padding: props.padding ?? 0,
+        align: props.align ?? 'stretch',
+        justify: props.justify ?? 'start',
+        background: props.background ?? 'transparent',
+        radius: props.radius ?? 0,
+        shadow: props.shadow,
+        border: props.border,
+        flex: props.flex,
+        width: props.width,
+        height: props.height,
+        wrap: props.wrap ?? false,
+        scroll: props.scroll ?? 'none',
+        style: props.style,
+        direction: 'column',
+    }, children);
+}
+//# sourceMappingURL=Column.js.map

package/packages/ui/dist/layout/Column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.js","sourceRoot":"","sources":["../../src/layout/Column.ts"],"names":[],"mappings":";AAAA,YAAY;AACZ,mCAAmC;AACnC,mCAAmC;AACnC,8CAA8C;AAC9C,4CAA4C;;AAiFnC,wBAAM;AA/Ef,2CAA6C;AAoD7C,0CAA0C;AAC1C,iDAAiD;AACjD,+BAA+B;AAC/B,SAAS,MAAM,CACb,QAAkB,EAClB,QAAwB,EAAE;IAE1B,OAAO,IAAA,iBAAU,EAAC,QAAQ,EAAE;QAC1B,GAAG,EAAS,KAAK,CAAC,GAAG,IAAW,CAAC;QACjC,OAAO,EAAK,KAAK,CAAC,OAAO,IAAO,CAAC;QACjC,KAAK,EAAO,KAAK,CAAC,KAAK,IAAS,SAAS;QACzC,OAAO,EAAK,KAAK,CAAC,OAAO,IAAO,OAAO;QACvC,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,aAAa;QAC7C,MAAM,EAAM,KAAK,CAAC,MAAM,IAAQ,CAAC;QACjC,MAAM,EAAM,KAAK,CAAC,MAAM;QACxB,MAAM,EAAM,KAAK,CAAC,MAAM;QACxB,IAAI,EAAQ,KAAK,CAAC,IAAI;QACtB,KAAK,EAAO,KAAK,CAAC,KAAK;QACvB,MAAM,EAAM,KAAK,CAAC,MAAM;QACxB,IAAI,EAAQ,KAAK,CAAC,IAAI,IAAU,KAAK;QACrC,MAAM,EAAM,KAAK,CAAC,MAAM,IAAQ,MAAM;QACtC,KAAK,EAAO,KAAK,CAAC,KAAK;QACvB,SAAS,EAAG,QAAQ;KACM,EAAE,QAAQ,CAAC,CAAA;AACzC,CAAC"}

package/packages/ui/dist/layout/Divider.d.ts

@@ -0,0 +1,14 @@
+import type { DFNode } from '@deskforge/core/';
+interface DividerProps {
+    direction?: 'horizontal' | 'vertical';
+    color?: string;
+    thickness?: number;
+    margin?: number | string;
+    opacity?: number;
+    dashed?: boolean;
+    length?: number | string;
+}
+declare function Divider(props?: DividerProps): DFNode;
+export type { DividerProps };
+export { Divider };
+//# sourceMappingURL=Divider.d.ts.map

package/packages/ui/dist/layout/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/layout/Divider.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9C,UAAU,YAAY;IAEpB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAGrC,KAAK,CAAC,EAAM,MAAM,CAAA;IAGlB,SAAS,CAAC,EAAE,MAAM,CAAA;IAGlB,MAAM,CAAC,EAAK,MAAM,GAAG,MAAM,CAAA;IAG3B,OAAO,CAAC,EAAI,MAAM,CAAA;IAGlB,MAAM,CAAC,EAAK,OAAO,CAAA;IAInB,MAAM,CAAC,EAAK,MAAM,GAAG,MAAM,CAAA;CAC5B;AAID,iBAAS,OAAO,CAAC,KAAK,GAAE,YAAiB,GAAG,MAAM,CAUjD;AAED,YAAY,EAAE,YAAY,EAAE,CAAA;AAC5B,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/packages/ui/dist/layout/Divider.js

@@ -0,0 +1,23 @@
+"use strict";
+// Divider.ts
+// Visual separator line between content sections.
+// Can be horizontal or vertical.
+// Thickness, color, and margin are configurable.
+// Rendered by Skia as a single line draw call.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Divider = Divider;
+const core_1 = require("@deskforge/core/");
+// Creates a visual separator line
+// Used between sections, list items, and form groups
+function Divider(props = {}) {
+    return (0, core_1.createNode)('Divider', {
+        direction: props.direction ?? 'horizontal',
+        color: props.color ?? 'border',
+        thickness: props.thickness ?? 1,
+        margin: props.margin ?? 0,
+        opacity: props.opacity ?? 1,
+        dashed: props.dashed ?? false,
+        length: props.length ?? '100%',
+    }, []);
+}
+//# sourceMappingURL=Divider.js.map

package/packages/ui/dist/layout/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../src/layout/Divider.ts"],"names":[],"mappings":";AAAA,aAAa;AACb,kDAAkD;AAClD,iCAAiC;AACjC,iDAAiD;AACjD,+CAA+C;;AA6CtC,0BAAO;AA3ChB,2CAA6C;AA4B7C,kCAAkC;AAClC,qDAAqD;AACrD,SAAS,OAAO,CAAC,QAAsB,EAAE;IACvC,OAAO,IAAA,iBAAU,EAAC,SAAS,EAAE;QAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,YAAY;QAC1C,KAAK,EAAM,KAAK,CAAC,KAAK,IAAQ,QAAQ;QACtC,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,CAAC;QAC/B,MAAM,EAAK,KAAK,CAAC,MAAM,IAAO,CAAC;QAC/B,OAAO,EAAI,KAAK,CAAC,OAAO,IAAM,CAAC;QAC/B,MAAM,EAAK,KAAK,CAAC,MAAM,IAAO,KAAK;QACnC,MAAM,EAAK,KAAK,CAAC,MAAM,IAAO,MAAM;KACV,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC"}

package/packages/ui/dist/layout/Grid.d.ts

@@ -0,0 +1,17 @@
+import type { DFNode } from '@deskforge/core/';
+import type { DFStyle } from '@deskforge/theme/';
+interface GridProps {
+    columns: number;
+    gap?: number | string;
+    rowGap?: number | string;
+    columnGap?: number | string;
+    padding?: number | string;
+    background?: string;
+    radius?: number | string;
+    width?: number | string;
+    style?: DFStyle;
+}
+declare function Grid(children: DFNode[], props: GridProps): DFNode;
+export type { GridProps };
+export { Grid };
+//# sourceMappingURL=Grid.d.ts.map

package/packages/ui/dist/layout/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../src/layout/Grid.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAGhD,UAAU,SAAS;IAEjB,OAAO,EAAM,MAAM,CAAA;IAGnB,GAAG,CAAC,EAAS,MAAM,GAAG,MAAM,CAAA;IAG5B,MAAM,CAAC,EAAM,MAAM,GAAG,MAAM,CAAA;IAG5B,SAAS,CAAC,EAAG,MAAM,GAAG,MAAM,CAAA;IAG5B,OAAO,CAAC,EAAK,MAAM,GAAG,MAAM,CAAA;IAG5B,UAAU,CAAC,EAAE,MAAM,CAAA;IAGnB,MAAM,CAAC,EAAM,MAAM,GAAG,MAAM,CAAA;IAG5B,KAAK,CAAC,EAAO,MAAM,GAAG,MAAM,CAAA;IAG5B,KAAK,CAAC,EAAO,OAAO,CAAA;CACrB;AAKD,iBAAS,IAAI,CACX,QAAQ,EAAE,MAAM,EAAE,EAClB,KAAK,EAAK,SAAS,GAClB,MAAM,CAaR;AAED,YAAY,EAAE,SAAS,EAAE,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/packages/ui/dist/layout/Grid.js

@@ -0,0 +1,26 @@
+"use strict";
+// Grid.ts
+// Fixed column grid layout.
+// Arranges children in equal-width columns.
+// Used for card grids, image galleries, dashboards.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Grid = Grid;
+const core_1 = require("@deskforge/core/");
+// Creates a fixed column grid layout
+// children — items to place in the grid
+// props — grid configuration
+function Grid(children, props) {
+    return (0, core_1.createNode)('Grid', {
+        columns: props.columns,
+        gap: props.gap ?? 0,
+        rowGap: props.rowGap ?? props.gap ?? 0,
+        columnGap: props.columnGap ?? props.gap ?? 0,
+        padding: props.padding ?? 0,
+        background: props.background ?? 'transparent',
+        radius: props.radius ?? 0,
+        width: props.width,
+        style: props.style,
+        direction: 'grid',
+    }, children);
+}
+//# sourceMappingURL=Grid.js.map

package/packages/ui/dist/layout/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../src/layout/Grid.ts"],"names":[],"mappings":";AAAA,UAAU;AACV,4BAA4B;AAC5B,4CAA4C;AAC5C,oDAAoD;;AA0D3C,oBAAI;AAxDb,2CAA6C;AAkC7C,qCAAqC;AACrC,wCAAwC;AACxC,6BAA6B;AAC7B,SAAS,IAAI,CACX,QAAkB,EAClB,KAAmB;IAEnB,OAAO,IAAA,iBAAU,EAAC,MAAM,EAAE;QACxB,OAAO,EAAK,KAAK,CAAC,OAAO;QACzB,GAAG,EAAS,KAAK,CAAC,GAAG,IAAW,CAAC;QACjC,MAAM,EAAM,KAAK,CAAC,MAAM,IAAQ,KAAK,CAAC,GAAG,IAAI,CAAC;QAC9C,SAAS,EAAG,KAAK,CAAC,SAAS,IAAK,KAAK,CAAC,GAAG,IAAI,CAAC;QAC9C,OAAO,EAAK,KAAK,CAAC,OAAO,IAAO,CAAC;QACjC,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,aAAa;QAC7C,MAAM,EAAM,KAAK,CAAC,MAAM,IAAQ,CAAC;QACjC,KAAK,EAAO,KAAK,CAAC,KAAK;QACvB,KAAK,EAAO,KAAK,CAAC,KAAK;QACvB,SAAS,EAAG,MAAM;KACQ,EAAE,QAAQ,CAAC,CAAA;AACzC,CAAC"}

package/packages/ui/dist/layout/Row.d.ts

@@ -0,0 +1,28 @@
+import type { DFNode } from '@deskforge/core/';
+import type { DFStyle } from '@deskforge/theme/';
+interface RowProps {
+    gap?: number | string;
+    padding?: number | string | [
+        number,
+        number
+    ] | [
+        number,
+        number,
+        number,
+        number
+    ];
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    justify?: 'start' | 'center' | 'end' | 'space-between' | 'space-around';
+    background?: string;
+    radius?: number | string;
+    shadow?: string;
+    wrap?: boolean;
+    flex?: number;
+    width?: number | string;
+    height?: number | string;
+    style?: DFStyle;
+}
+declare function Row(children: DFNode[], props?: RowProps): DFNode;
+export type { RowProps };
+export { Row };
+//# sourceMappingURL=Row.d.ts.map

package/packages/ui/dist/layout/Row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../src/layout/Row.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAGhD,UAAU,QAAQ;IAEhB,GAAG,CAAC,EAAS,MAAM,GAAG,MAAM,CAAA;IAG5B,OAAO,CAAC,EAAK,MAAM,GAAG,MAAM,GACf;QAAC,MAAM;QAAE,MAAM;KAAC,GAChB;QAAC,MAAM;QAAE,MAAM;QAAE,MAAM;QAAE,MAAM;KAAC,CAAA;IAG7C,KAAK,CAAC,EAAO,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAA;IAGnD,OAAO,CAAC,EAAK,OAAO,GAAG,QAAQ,GAAG,KAAK,GAC1B,eAAe,GAAG,cAAc,CAAA;IAG7C,UAAU,CAAC,EAAE,MAAM,CAAA;IAGnB,MAAM,CAAC,EAAM,MAAM,GAAG,MAAM,CAAA;IAG5B,MAAM,CAAC,EAAM,MAAM,CAAA;IAGnB,IAAI,CAAC,EAAQ,OAAO,CAAA;IAGpB,IAAI,CAAC,EAAQ,MAAM,CAAA;IAGnB,KAAK,CAAC,EAAO,MAAM,GAAG,MAAM,CAAA;IAG5B,MAAM,CAAC,EAAM,MAAM,GAAG,MAAM,CAAA;IAG5B,KAAK,CAAC,EAAO,OAAO,CAAA;CACrB;AAKD,iBAAS,GAAG,CACV,QAAQ,EAAE,MAAM,EAAE,EAClB,KAAK,GAAK,QAAa,GACtB,MAAM,CAgBR;AAED,YAAY,EAAE,QAAQ,EAAE,CAAA;AACxB,OAAO,EAAE,GAAG,EAAE,CAAA"}

package/packages/ui/dist/layout/Row.js

@@ -0,0 +1,29 @@
+"use strict";
+// Row.ts
+// Horizontal stack layout component.
+// Arranges children left to right.
+// Used for toolbars, form rows, and inline content.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Row = Row;
+const core_1 = require("@deskforge/core/");
+// Creates a horizontal stack of child nodes
+// children — array of DFNode to arrange horizontally
+// props — layout configuration
+function Row(children, props = {}) {
+    return (0, core_1.createNode)('Row', {
+        gap: props.gap ?? 0,
+        padding: props.padding ?? 0,
+        align: props.align ?? 'center',
+        justify: props.justify ?? 'start',
+        background: props.background ?? 'transparent',
+        radius: props.radius ?? 0,
+        shadow: props.shadow,
+        wrap: props.wrap ?? false,
+        flex: props.flex,
+        width: props.width,
+        height: props.height,
+        style: props.style,
+        direction: 'row',
+    }, children);
+}
+//# sourceMappingURL=Row.js.map

package/packages/ui/dist/layout/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../src/layout/Row.ts"],"names":[],"mappings":";AAAA,SAAS;AACT,qCAAqC;AACrC,mCAAmC;AACnC,oDAAoD;;AAyE3C,kBAAG;AAvEZ,2CAA6C;AA8C7C,4CAA4C;AAC5C,qDAAqD;AACrD,+BAA+B;AAC/B,SAAS,GAAG,CACV,QAAkB,EAClB,QAAqB,EAAE;IAEvB,OAAO,IAAA,iBAAU,EAAC,KAAK,EAAE;QACvB,GAAG,EAAS,KAAK,CAAC,GAAG,IAAW,CAAC;QACjC,OAAO,EAAK,KAAK,CAAC,OAAO,IAAO,CAAC;QACjC,KAAK,EAAO,KAAK,CAAC,KAAK,IAAS,QAAQ;QACxC,OAAO,EAAK,KAAK,CAAC,OAAO,IAAO,OAAO;QACvC,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,aAAa;QAC7C,MAAM,EAAM,KAAK,CAAC,MAAM,IAAQ,CAAC;QACjC,MAAM,EAAM,KAAK,CAAC,MAAM;QACxB,IAAI,EAAQ,KAAK,CAAC,IAAI,IAAU,KAAK;QACrC,IAAI,EAAQ,KAAK,CAAC,IAAI;QACtB,KAAK,EAAO,KAAK,CAAC,KAAK;QACvB,MAAM,EAAM,KAAK,CAAC,MAAM;QACxB,KAAK,EAAO,KAAK,CAAC,KAAK;QACvB,SAAS,EAAG,KAAK;KACS,EAAE,QAAQ,CAAC,CAAA;AACzC,CAAC"}

package/packages/ui/dist/layout/ScrollView.d.ts

@@ -0,0 +1,18 @@
+import type { DFNode } from '@deskforge/core/';
+import type { DFStyle } from '@deskforge/theme/';
+type ScrollDirection = 'vertical' | 'horizontal' | 'both';
+interface ScrollViewProps {
+    direction?: ScrollDirection;
+    showScrollbar?: boolean;
+    hideScrollbar?: boolean;
+    padding?: number | string;
+    background?: string;
+    width?: number | string;
+    height?: number | string;
+    onScroll?: (x: number, y: number) => void;
+    style?: DFStyle;
+}
+declare function ScrollView(children: DFNode[], props?: ScrollViewProps): DFNode;
+export type { ScrollDirection, ScrollViewProps };
+export { ScrollView };
+//# sourceMappingURL=ScrollView.d.ts.map

package/packages/ui/dist/layout/ScrollView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../src/layout/ScrollView.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAGhD,KAAK,eAAe,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAA;AAGzD,UAAU,eAAe;IAEvB,SAAS,CAAC,EAAO,eAAe,CAAA;IAGhC,aAAa,CAAC,EAAG,OAAO,CAAA;IAGxB,aAAa,CAAC,EAAG,OAAO,CAAA;IAGxB,OAAO,CAAC,EAAS,MAAM,GAAG,MAAM,CAAA;IAGhC,UAAU,CAAC,EAAM,MAAM,CAAA;IAGvB,KAAK,CAAC,EAAW,MAAM,GAAG,MAAM,CAAA;IAGhC,MAAM,CAAC,EAAU,MAAM,GAAG,MAAM,CAAA;IAGhC,QAAQ,CAAC,EAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAG/C,KAAK,CAAC,EAAW,OAAO,CAAA;CACzB;AAKD,iBAAS,UAAU,CACjB,QAAQ,EAAE,MAAM,EAAE,EAClB,KAAK,GAAK,eAAoB,GAC7B,MAAM,CAYR;AAED,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/packages/ui/dist/layout/ScrollView.js

@@ -0,0 +1,25 @@
+"use strict";
+// ScrollView.ts
+// Scrollable container for content that exceeds bounds.
+// Shows scrollbar automatically when content overflows.
+// Works on desktop with mouse wheel and mobile with touch.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollView = ScrollView;
+const core_1 = require("@deskforge/core/");
+// Creates a scrollable container
+// children — content that may overflow and scroll
+// props — scroll configuration
+function ScrollView(children, props = {}) {
+    return (0, core_1.createNode)('ScrollView', {
+        direction: props.direction ?? 'vertical',
+        showScrollbar: props.showScrollbar ?? true,
+        hideScrollbar: props.hideScrollbar ?? false,
+        padding: props.padding ?? 0,
+        background: props.background ?? 'transparent',
+        width: props.width,
+        height: props.height,
+        onScroll: props.onScroll,
+        style: props.style,
+    }, children);
+}
+//# sourceMappingURL=ScrollView.js.map

package/packages/ui/dist/layout/ScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollView.js","sourceRoot":"","sources":["../../src/layout/ScrollView.ts"],"names":[],"mappings":";AAAA,gBAAgB;AAChB,wDAAwD;AACxD,wDAAwD;AACxD,2DAA2D;;AA4DlD,gCAAU;AA1DnB,2CAA6C;AAqC7C,iCAAiC;AACjC,kDAAkD;AAClD,+BAA+B;AAC/B,SAAS,UAAU,CACjB,QAAkB,EAClB,QAA4B,EAAE;IAE9B,OAAO,IAAA,iBAAU,EAAC,YAAY,EAAE;QAC9B,SAAS,EAAM,KAAK,CAAC,SAAS,IAAQ,UAAU;QAChD,aAAa,EAAE,KAAK,CAAC,aAAa,IAAI,IAAI;QAC1C,aAAa,EAAE,KAAK,CAAC,aAAa,IAAI,KAAK;QAC3C,OAAO,EAAQ,KAAK,CAAC,OAAO,IAAU,CAAC;QACvC,UAAU,EAAK,KAAK,CAAC,UAAU,IAAO,aAAa;QACnD,KAAK,EAAU,KAAK,CAAC,KAAK;QAC1B,MAAM,EAAS,KAAK,CAAC,MAAM;QAC3B,QAAQ,EAAO,KAAK,CAAC,QAAQ;QAC7B,KAAK,EAAU,KAAK,CAAC,KAAK;KACA,EAAE,QAAQ,CAAC,CAAA;AACzC,CAAC"}

package/packages/ui/dist/layout/Spacer.d.ts

@@ -0,0 +1,9 @@
+import type { DFNode } from '@deskforge/core/';
+interface SpacerProps {
+    size?: number;
+    direction?: 'horizontal' | 'vertical';
+}
+declare function Spacer(props?: SpacerProps): DFNode;
+export type { SpacerProps };
+export { Spacer };
+//# sourceMappingURL=Spacer.d.ts.map

package/packages/ui/dist/layout/Spacer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../../src/layout/Spacer.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9C,UAAU,WAAW;IAGnB,IAAI,CAAC,EAAE,MAAM,CAAA;IAIb,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACtC;AAKD,iBAAS,MAAM,CAAC,KAAK,GAAE,WAAgB,GAAG,MAAM,CAO/C;AAED,YAAY,EAAE,WAAW,EAAE,CAAA;AAC3B,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/packages/ui/dist/layout/Spacer.js

@@ -0,0 +1,21 @@
+"use strict";
+// Spacer.ts
+// Fills available space in a Row or Column.
+// Pushes siblings to opposite ends.
+// Like CSS flex: 1 on an empty element.
+// Use between items to spread them apart.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spacer = Spacer;
+const core_1 = require("@deskforge/core/");
+// Creates a flexible space filler
+// With no size — takes all remaining space in parent
+// With size — acts as a fixed gap of that size
+function Spacer(props = {}) {
+    return (0, core_1.createNode)('Spacer', {
+        size: props.size,
+        direction: props.direction,
+        // flex: 1 when no fixed size — fills remaining space
+        flex: props.size ? undefined : 1,
+    }, []);
+}
+//# sourceMappingURL=Spacer.js.map

package/packages/ui/dist/layout/Spacer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.js","sourceRoot":"","sources":["../../src/layout/Spacer.ts"],"names":[],"mappings":";AAAA,YAAY;AACZ,4CAA4C;AAC5C,oCAAoC;AACpC,wCAAwC;AACxC,0CAA0C;;AA6BjC,wBAAM;AA3Bf,2CAA6C;AAc7C,kCAAkC;AAClC,qDAAqD;AACrD,+CAA+C;AAC/C,SAAS,MAAM,CAAC,QAAqB,EAAE;IACrC,OAAO,IAAA,iBAAU,EAAC,QAAQ,EAAE;QAC1B,IAAI,EAAO,KAAK,CAAC,IAAI;QACrB,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,qDAAqD;QACrD,IAAI,EAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;KACX,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC"}

package/packages/ui/dist/layout/Stack.d.ts

@@ -0,0 +1,14 @@
+import type { DFNode } from '@deskforge/core/';
+import type { DFStyle } from '@deskforge/theme/';
+interface StackProps {
+    align?: 'top-left' | 'top-center' | 'top-right' | 'center-left' | 'center' | 'center-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+    width?: number | string;
+    height?: number | string;
+    background?: string;
+    radius?: number | string;
+    style?: DFStyle;
+}
+declare function Stack(children: DFNode[], props?: StackProps): DFNode;
+export type { StackProps };
+export { Stack };
+//# sourceMappingURL=Stack.d.ts.map

package/packages/ui/dist/layout/Stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../src/layout/Stack.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAGhD,UAAU,UAAU;IAElB,KAAK,CAAC,EAAO,UAAU,GAAM,YAAY,GAAM,WAAW,GAC7C,aAAa,GAAG,QAAQ,GAAU,cAAc,GAChD,aAAa,GAAG,eAAe,GAAG,cAAc,CAAA;IAG7D,KAAK,CAAC,EAAO,MAAM,GAAG,MAAM,CAAA;IAG5B,MAAM,CAAC,EAAM,MAAM,GAAG,MAAM,CAAA;IAG5B,UAAU,CAAC,EAAE,MAAM,CAAA;IAGnB,MAAM,CAAC,EAAM,MAAM,GAAG,MAAM,CAAA;IAG5B,KAAK,CAAC,EAAO,OAAO,CAAA;CACrB;AAMD,iBAAS,KAAK,CACZ,QAAQ,EAAE,MAAM,EAAE,EAClB,KAAK,GAAK,UAAe,GACxB,MAAM,CAUR;AAED,YAAY,EAAE,UAAU,EAAE,CAAA;AAC1B,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/packages/ui/dist/layout/Stack.js

@@ -0,0 +1,25 @@
+"use strict";
+// Stack.ts
+// Overlapping layer layout — z-axis stacking.
+// Children are placed on top of each other.
+// Used for overlays, badges on avatars,
+// background images with text on top.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Stack = Stack;
+const core_1 = require("@deskforge/core/");
+// Creates an overlapping layer layout
+// First child is at the bottom — last child is on top
+// children — nodes to stack on top of each other
+// props — stack configuration
+function Stack(children, props = {}) {
+    return (0, core_1.createNode)('Stack', {
+        align: props.align ?? 'center',
+        width: props.width,
+        height: props.height,
+        background: props.background ?? 'transparent',
+        radius: props.radius ?? 0,
+        style: props.style,
+        direction: 'stack',
+    }, children);
+}
+//# sourceMappingURL=Stack.js.map

package/packages/ui/dist/layout/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../src/layout/Stack.ts"],"names":[],"mappings":";AAAA,WAAW;AACX,8CAA8C;AAC9C,4CAA4C;AAC5C,wCAAwC;AACxC,sCAAsC;;AAiD7B,sBAAK;AA/Cd,2CAA6C;AA2B7C,sCAAsC;AACtC,sDAAsD;AACtD,iDAAiD;AACjD,8BAA8B;AAC9B,SAAS,KAAK,CACZ,QAAkB,EAClB,QAAuB,EAAE;IAEzB,OAAO,IAAA,iBAAU,EAAC,OAAO,EAAE;QACzB,KAAK,EAAO,KAAK,CAAC,KAAK,IAAS,QAAQ;QACxC,KAAK,EAAO,KAAK,CAAC,KAAK;QACvB,MAAM,EAAM,KAAK,CAAC,MAAM;QACxB,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,aAAa;QAC7C,MAAM,EAAM,KAAK,CAAC,MAAM,IAAQ,CAAC;QACjC,KAAK,EAAO,KAAK,CAAC,KAAK;QACvB,SAAS,EAAG,OAAO;KACO,EAAE,QAAQ,CAAC,CAAA;AACzC,CAAC"}

package/packages/ui/dist/layout/index.d.ts

@@ -0,0 +1,9 @@
+export * from './Column';
+export * from './Row';
+export * from './Grid';
+export * from './Stack';
+export * from './ScrollView';
+export * from './Box';
+export * from './Spacer';
+export * from './Divider';
+//# sourceMappingURL=index.d.ts.map

package/packages/ui/dist/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAGA,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA"}