deskforge 1.0.0

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

@@ -0,0 +1,27 @@
+"use strict";
+// index.ts
+// Public door into the layout 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("./Column"), exports);
+__exportStar(require("./Row"), exports);
+__exportStar(require("./Grid"), exports);
+__exportStar(require("./Stack"), exports);
+__exportStar(require("./ScrollView"), exports);
+__exportStar(require("./Box"), exports);
+__exportStar(require("./Spacer"), exports);
+__exportStar(require("./Divider"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":";AAAA,WAAW;AACX,0CAA0C;;;;;;;;;;;;;;;;AAE1C,2CAAwB;AACxB,wCAAqB;AACrB,yCAAsB;AACtB,0CAAuB;AACvB,+CAA4B;AAC5B,wCAAqB;AACrB,2CAAwB;AACxB,4CAAyB"}

package/packages/ui/dist/navigation/BottomNav.d.ts

@@ -0,0 +1,23 @@
+import type { DFNode } from '@deskforge/core/';
+import type { IconName } from '../display/Icon';
+interface BottomNavItem {
+    label: string;
+    icon: IconName;
+    screen?: string;
+    badge?: number;
+    disabled?: boolean;
+}
+interface BottomNavProps {
+    items: BottomNavItem[];
+    active: number;
+    onChange: (index: number) => void;
+    color?: string;
+    inactiveColor?: string;
+    background?: string;
+    showLabels?: boolean;
+    height?: number;
+}
+declare function BottomNav(props: BottomNavProps): DFNode;
+export type { BottomNavItem, BottomNavProps };
+export { BottomNav };
+//# sourceMappingURL=BottomNav.d.ts.map

package/packages/ui/dist/navigation/BottomNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNav.d.ts","sourceRoot":"","sources":["../../src/navigation/BottomNav.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAG/C,UAAU,aAAa;IAErB,KAAK,EAAM,MAAM,CAAA;IAGjB,IAAI,EAAO,QAAQ,CAAA;IAGnB,MAAM,CAAC,EAAI,MAAM,CAAA;IAGjB,KAAK,CAAC,EAAK,MAAM,CAAA;IAGjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAGD,UAAU,cAAc;IAEtB,KAAK,EAAO,aAAa,EAAE,CAAA;IAG3B,MAAM,EAAM,MAAM,CAAA;IAGlB,QAAQ,EAAI,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAGnC,KAAK,CAAC,EAAM,MAAM,CAAA;IAGlB,aAAa,CAAC,EAAE,MAAM,CAAA;IAGtB,UAAU,CAAC,EAAE,MAAM,CAAA;IAGnB,UAAU,CAAC,EAAE,OAAO,CAAA;IAGpB,MAAM,CAAC,EAAK,MAAM,CAAA;CACnB;AAKD,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM,CAWhD;AAED,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/packages/ui/dist/navigation/BottomNav.js

@@ -0,0 +1,25 @@
+"use strict";
+// BottomNav.ts
+// Bottom navigation bar for mobile apps.
+// Fixed at bottom of screen.
+// Active item indicator animates between items.
+// Standard mobile navigation pattern.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomNav = BottomNav;
+const core_1 = require("@deskforge/core/");
+// Creates a bottom navigation bar node
+// Fixed at the bottom of the screen on mobile
+// props — bottom nav configuration
+function BottomNav(props) {
+    return (0, core_1.createNode)('BottomNav', {
+        items: props.items,
+        active: props.active,
+        onChange: props.onChange,
+        color: props.color ?? 'primary',
+        inactiveColor: props.inactiveColor ?? 'textMuted',
+        background: props.background ?? 'surface',
+        showLabels: props.showLabels ?? true,
+        height: props.height ?? 64,
+    }, []);
+}
+//# sourceMappingURL=BottomNav.js.map

package/packages/ui/dist/navigation/BottomNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNav.js","sourceRoot":"","sources":["../../src/navigation/BottomNav.ts"],"names":[],"mappings":";AAAA,eAAe;AACf,yCAAyC;AACzC,6BAA6B;AAC7B,gDAAgD;AAChD,sCAAsC;;AAoE7B,8BAAS;AAlElB,2CAA6C;AAiD7C,uCAAuC;AACvC,8CAA8C;AAC9C,mCAAmC;AACnC,SAAS,SAAS,CAAC,KAAqB;IACtC,OAAO,IAAA,iBAAU,EAAC,WAAW,EAAE;QAC7B,KAAK,EAAU,KAAK,CAAC,KAAK;QAC1B,MAAM,EAAS,KAAK,CAAC,MAAM;QAC3B,QAAQ,EAAO,KAAK,CAAC,QAAQ;QAC7B,KAAK,EAAU,KAAK,CAAC,KAAK,IAAY,SAAS;QAC/C,aAAa,EAAE,KAAK,CAAC,aAAa,IAAI,WAAW;QACjD,UAAU,EAAK,KAAK,CAAC,UAAU,IAAO,SAAS;QAC/C,UAAU,EAAK,KAAK,CAAC,UAAU,IAAO,IAAI;QAC1C,MAAM,EAAS,KAAK,CAAC,MAAM,IAAW,EAAE;KACd,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC"}

package/packages/ui/dist/navigation/Drawer.d.ts

@@ -0,0 +1,18 @@
+import type { DFNode } from '@deskforge/core/';
+type DrawerPosition = 'left' | 'right' | 'top' | 'bottom';
+interface DrawerProps {
+    open: boolean;
+    onClose: () => void;
+    position?: DrawerPosition;
+    width?: number | string;
+    height?: number | string;
+    background?: string;
+    backdropOpacity?: number;
+    closeOnBackdrop?: boolean;
+    swipeToClose?: boolean;
+    radius?: number;
+}
+declare function Drawer(children: DFNode[], props: DrawerProps): DFNode;
+export type { DrawerPosition, DrawerProps };
+export { Drawer };
+//# sourceMappingURL=Drawer.d.ts.map

package/packages/ui/dist/navigation/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/navigation/Drawer.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9C,KAAK,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;AAGzD,UAAU,WAAW;IAEnB,IAAI,EAAS,OAAO,CAAA;IAIpB,OAAO,EAAM,MAAM,IAAI,CAAA;IAGvB,QAAQ,CAAC,EAAI,cAAc,CAAA;IAG3B,KAAK,CAAC,EAAO,MAAM,GAAG,MAAM,CAAA;IAG5B,MAAM,CAAC,EAAM,MAAM,GAAG,MAAM,CAAA;IAG5B,UAAU,CAAC,EAAE,MAAM,CAAA;IAGnB,eAAe,CAAC,EAAE,MAAM,CAAA;IAGxB,eAAe,CAAC,EAAE,OAAO,CAAA;IAGzB,YAAY,CAAC,EAAE,OAAO,CAAA;IAGtB,MAAM,CAAC,EAAM,MAAM,CAAA;CACpB;AAKD,iBAAS,MAAM,CACb,QAAQ,EAAE,MAAM,EAAE,EAClB,KAAK,EAAK,WAAW,GACpB,MAAM,CAgBR;AAED,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/packages/ui/dist/navigation/Drawer.js

@@ -0,0 +1,29 @@
+"use strict";
+// Drawer.ts
+// Slide-in panel from screen edge.
+// Used for side menus and option sheets.
+// Backdrop dims the content behind it.
+// Slides in with spring animation automatically.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Drawer = Drawer;
+const core_1 = require("@deskforge/core/");
+// Creates a drawer slide-in panel node
+// children — content rendered inside the drawer
+// props — drawer configuration
+function Drawer(children, props) {
+    return (0, core_1.createNode)('Drawer', {
+        open: props.open,
+        onClose: props.onClose,
+        position: props.position ?? 'left',
+        width: props.width ?? 280,
+        height: props.height ?? '100%',
+        background: props.background ?? 'surface',
+        backdropOpacity: props.backdropOpacity ?? 0.5,
+        closeOnBackdrop: props.closeOnBackdrop ?? true,
+        swipeToClose: props.swipeToClose ?? true,
+        radius: props.radius ?? 0,
+        // Spring animation for slide
+        animationType: 'spring',
+    }, children);
+}
+//# sourceMappingURL=Drawer.js.map

package/packages/ui/dist/navigation/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../src/navigation/Drawer.ts"],"names":[],"mappings":";AAAA,YAAY;AACZ,mCAAmC;AACnC,yCAAyC;AACzC,uCAAuC;AACvC,iDAAiD;;AAmExC,wBAAM;AAjEf,2CAA6C;AAwC7C,uCAAuC;AACvC,gDAAgD;AAChD,+BAA+B;AAC/B,SAAS,MAAM,CACb,QAAkB,EAClB,KAAqB;IAErB,OAAO,IAAA,iBAAU,EAAC,QAAQ,EAAE;QAC1B,IAAI,EAAc,KAAK,CAAC,IAAI;QAC5B,OAAO,EAAW,KAAK,CAAC,OAAO;QAC/B,QAAQ,EAAU,KAAK,CAAC,QAAQ,IAAY,MAAM;QAClD,KAAK,EAAa,KAAK,CAAC,KAAK,IAAe,GAAG;QAC/C,MAAM,EAAY,KAAK,CAAC,MAAM,IAAc,MAAM;QAClD,UAAU,EAAQ,KAAK,CAAC,UAAU,IAAU,SAAS;QACrD,eAAe,EAAG,KAAK,CAAC,eAAe,IAAK,GAAG;QAC/C,eAAe,EAAG,KAAK,CAAC,eAAe,IAAK,IAAI;QAChD,YAAY,EAAM,KAAK,CAAC,YAAY,IAAQ,IAAI;QAChD,MAAM,EAAY,KAAK,CAAC,MAAM,IAAc,CAAC;QAE7C,6BAA6B;QAC7B,aAAa,EAAE,QAAQ;KACG,EAAE,QAAQ,CAAC,CAAA;AACzC,CAAC"}

package/packages/ui/dist/navigation/TabBar.d.ts

@@ -0,0 +1,22 @@
+import type { DFNode } from '@deskforge/core/';
+import type { IconName } from '../display/Icon';
+interface TabItem {
+    label: string;
+    icon?: IconName;
+    disabled?: boolean;
+    badge?: number;
+}
+interface TabBarProps {
+    tabs: TabItem[];
+    active: number;
+    onChange: (index: number) => void;
+    iconPosition?: 'top' | 'left';
+    color?: string;
+    background?: string;
+    fullWidth?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare function TabBar(props: TabBarProps): DFNode;
+export type { TabItem, TabBarProps };
+export { TabBar };
+//# sourceMappingURL=TabBar.d.ts.map

package/packages/ui/dist/navigation/TabBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../src/navigation/TabBar.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAG/C,UAAU,OAAO;IAEf,KAAK,EAAK,MAAM,CAAA;IAGhB,IAAI,CAAC,EAAK,QAAQ,CAAA;IAGlB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAGlB,KAAK,CAAC,EAAI,MAAM,CAAA;CACjB;AAGD,UAAU,WAAW;IAEnB,IAAI,EAAQ,OAAO,EAAE,CAAA;IAGrB,MAAM,EAAM,MAAM,CAAA;IAGlB,QAAQ,EAAI,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAInC,YAAY,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAG7B,KAAK,CAAC,EAAM,MAAM,CAAA;IAGlB,UAAU,CAAC,EAAE,MAAM,CAAA;IAGnB,SAAS,CAAC,EAAG,OAAO,CAAA;IAGpB,IAAI,CAAC,EAAQ,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAChC;AAID,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,CAc1C;AAED,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/packages/ui/dist/navigation/TabBar.js

@@ -0,0 +1,26 @@
+"use strict";
+// TabBar.ts
+// Horizontal tab navigation component.
+// Switches between views within the same screen.
+// Active tab indicator slides smoothly between tabs.
+// Rendered by Skia with spring animation on tab change.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabBar = TabBar;
+const core_1 = require("@deskforge/core/");
+// Creates a tab bar navigation node
+// props — tab bar configuration
+function TabBar(props) {
+    return (0, core_1.createNode)('TabBar', {
+        tabs: props.tabs,
+        active: props.active,
+        onChange: props.onChange,
+        iconPosition: props.iconPosition ?? 'left',
+        color: props.color ?? 'primary',
+        background: props.background ?? 'surface',
+        fullWidth: props.fullWidth ?? true,
+        size: props.size ?? 'md',
+        // Sliding indicator animation
+        indicatorAnimation: 'spring',
+    }, []);
+}
+//# sourceMappingURL=TabBar.js.map

package/packages/ui/dist/navigation/TabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.js","sourceRoot":"","sources":["../../src/navigation/TabBar.ts"],"names":[],"mappings":";AAAA,YAAY;AACZ,uCAAuC;AACvC,iDAAiD;AACjD,qDAAqD;AACrD,wDAAwD;;AAoE/C,wBAAM;AAlEf,2CAA6C;AA+C7C,oCAAoC;AACpC,gCAAgC;AAChC,SAAS,MAAM,CAAC,KAAkB;IAChC,OAAO,IAAA,iBAAU,EAAC,QAAQ,EAAE;QAC1B,IAAI,EAAU,KAAK,CAAC,IAAI;QACxB,MAAM,EAAQ,KAAK,CAAC,MAAM;QAC1B,QAAQ,EAAM,KAAK,CAAC,QAAQ;QAC5B,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,MAAM;QAC1C,KAAK,EAAS,KAAK,CAAC,KAAK,IAAW,SAAS;QAC7C,UAAU,EAAI,KAAK,CAAC,UAAU,IAAM,SAAS;QAC7C,SAAS,EAAK,KAAK,CAAC,SAAS,IAAQ,IAAI;QACzC,IAAI,EAAU,KAAK,CAAC,IAAI,IAAY,IAAI;QAExC,8BAA8B;QAC9B,kBAAkB,EAAE,QAAQ;KACF,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from './TabBar';
+export * from './BottomNav';
+export * from './Drawer';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,22 @@
+"use strict";
+// index.ts
+// Public door into the navigation 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("./TabBar"), exports);
+__exportStar(require("./BottomNav"), exports);
+__exportStar(require("./Drawer"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/navigation/index.ts"],"names":[],"mappings":";AAAA,WAAW;AACX,8CAA8C;;;;;;;;;;;;;;;;AAE9C,2CAAwB;AACxB,8CAA2B;AAC3B,2CAAwB"}

package/packages/ui/dist/overlay/Dialog.d.ts

@@ -0,0 +1,31 @@
+import type { DFNode } from '@deskforge/core/';
+interface DialogConfig {
+    title?: string;
+    message: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    type?: 'info' | 'warning' | 'danger' | 'success';
+}
+interface DialogState {
+    visible: boolean;
+    config: DialogConfig | null;
+    resolve: ((value: unknown) => void) | null;
+}
+declare function confirm(message: string, options?: Partial<DialogConfig>): Promise<boolean>;
+declare function prompt(message: string, options?: Partial<DialogConfig> & {
+    defaultValue?: string;
+}): Promise<string | null>;
+declare function alert(message: string, options?: Partial<DialogConfig>): Promise<void>;
+declare function DialogNode(props: DialogConfig & {
+    visible: boolean;
+    onConfirm: () => void;
+    onCancel: () => void;
+}): DFNode;
+declare const Dialog: {
+    confirm: typeof confirm;
+    prompt: typeof prompt;
+    alert: typeof alert;
+};
+export type { DialogConfig, DialogState };
+export { Dialog, confirm, prompt, alert, DialogNode };
+//# sourceMappingURL=Dialog.d.ts.map

package/packages/ui/dist/overlay/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/overlay/Dialog.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9C,UAAU,YAAY;IAEpB,KAAK,CAAC,EAAW,MAAM,CAAA;IAGvB,OAAO,EAAU,MAAM,CAAA;IAGvB,YAAY,CAAC,EAAI,MAAM,CAAA;IAGvB,WAAW,CAAC,EAAK,MAAM,CAAA;IAGvB,IAAI,CAAC,EAAY,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;CAC3D;AAGD,UAAU,WAAW;IACnB,OAAO,EAAG,OAAO,CAAA;IACjB,MAAM,EAAI,YAAY,GAAG,IAAI,CAAA;IAC7B,OAAO,EAAG,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,IAAI,CAAA;CAC5C;AAWD,iBAAe,OAAO,CACpB,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,GAC9B,OAAO,CAAC,OAAO,CAAC,CAclB;AAID,iBAAe,MAAM,CACnB,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG;IAAE,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,GAC1D,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAcxB;AAGD,iBAAe,KAAK,CAClB,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,GAC9B,OAAO,CAAC,IAAI,CAAC,CAaf;AAID,iBAAS,UAAU,CAAC,KAAK,EAAE,YAAY,GAAG;IACxC,OAAO,EAAI,OAAO,CAAA;IAClB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,EAAG,MAAM,IAAI,CAAA;CACtB,GAAG,MAAM,CAIT;AAGD,QAAA,MAAM,MAAM;;;;CAIX,CAAA;AAED,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,CAAA"}

package/packages/ui/dist/overlay/Dialog.js

@@ -0,0 +1,81 @@
+"use strict";
+// Dialog.ts
+// Imperative dialog functions.
+// Called programmatically — not rendered in tree.
+// confirm() returns a Promise that resolves to boolean.
+// prompt() returns a Promise that resolves to string or null.
+// alert() shows a message and waits for dismissal.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dialog = void 0;
+exports.confirm = confirm;
+exports.prompt = prompt;
+exports.alert = alert;
+exports.DialogNode = DialogNode;
+const core_1 = require("@deskforge/core/");
+// Global dialog state
+const dialogState = {
+    visible: false,
+    config: null,
+    resolve: null,
+};
+// Shows a confirmation dialog
+// Returns true if confirmed false if cancelled
+async function confirm(message, options) {
+    return new Promise(resolve => {
+        dialogState.visible = true;
+        dialogState.config = {
+            message,
+            title: options?.title ?? 'Confirm',
+            confirmLabel: options?.confirmLabel ?? 'Confirm',
+            cancelLabel: options?.cancelLabel ?? 'Cancel',
+            type: options?.type ?? 'info',
+        };
+        dialogState.resolve = resolve;
+        console.log('[DeskForge Dialog] Confirm:', message);
+    });
+}
+// Shows a prompt dialog with text input
+// Returns entered string or null if cancelled
+async function prompt(message, options) {
+    return new Promise(resolve => {
+        dialogState.visible = true;
+        dialogState.config = {
+            message,
+            title: options?.title ?? 'Enter Value',
+            confirmLabel: options?.confirmLabel ?? 'OK',
+            cancelLabel: options?.cancelLabel ?? 'Cancel',
+            type: options?.type ?? 'info',
+        };
+        dialogState.resolve = resolve;
+        console.log('[DeskForge Dialog] Prompt:', message);
+    });
+}
+// Shows an alert dialog with single dismiss button
+async function alert(message, options) {
+    return new Promise(resolve => {
+        dialogState.visible = true;
+        dialogState.config = {
+            message,
+            title: options?.title ?? 'Alert',
+            confirmLabel: options?.confirmLabel ?? 'OK',
+            type: options?.type ?? 'info',
+        };
+        dialogState.resolve = resolve;
+        console.log('[DeskForge Dialog] Alert:', message);
+    });
+}
+// Creates a dialog node for the renderer
+// Used internally — developer uses confirm/prompt/alert
+function DialogNode(props) {
+    return (0, core_1.createNode)('Dialog', {
+        ...props,
+    }, []);
+}
+// The Dialog object with imperative methods
+const Dialog = {
+    confirm,
+    prompt,
+    alert,
+};
+exports.Dialog = Dialog;
+//# sourceMappingURL=Dialog.js.map

package/packages/ui/dist/overlay/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../src/overlay/Dialog.ts"],"names":[],"mappings":";AAAA,YAAY;AACZ,+BAA+B;AAC/B,kDAAkD;AAClD,wDAAwD;AACxD,8DAA8D;AAC9D,mDAAmD;;;AAsHlC,0BAAO;AAAE,wBAAM;AAAE,sBAAK;AAAE,gCAAU;AApHnD,2CAA6C;AA4B7C,sBAAsB;AACtB,MAAM,WAAW,GAAgB;IAC/B,OAAO,EAAE,KAAK;IACd,MAAM,EAAG,IAAI;IACb,OAAO,EAAE,IAAI;CACd,CAAA;AAED,8BAA8B;AAC9B,+CAA+C;AAC/C,KAAK,UAAU,OAAO,CACpB,OAAe,EACf,OAA+B;IAE/B,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;QAC3B,WAAW,CAAC,OAAO,GAAG,IAAI,CAAA;QAC1B,WAAW,CAAC,MAAM,GAAI;YACpB,OAAO;YACP,KAAK,EAAS,OAAO,EAAE,KAAK,IAAW,SAAS;YAChD,YAAY,EAAE,OAAO,EAAE,YAAY,IAAI,SAAS;YAChD,WAAW,EAAG,OAAO,EAAE,WAAW,IAAK,QAAQ;YAC/C,IAAI,EAAU,OAAO,EAAE,IAAI,IAAY,MAAM;SAC9C,CAAA;QACD,WAAW,CAAC,OAAO,GAAG,OAAmC,CAAA;QAEzD,OAAO,CAAC,GAAG,CAAC,6BAA6B,EAAE,OAAO,CAAC,CAAA;IACrD,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,wCAAwC;AACxC,8CAA8C;AAC9C,KAAK,UAAU,MAAM,CACnB,OAAe,EACf,OAA2D;IAE3D,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;QAC3B,WAAW,CAAC,OAAO,GAAG,IAAI,CAAA;QAC1B,WAAW,CAAC,MAAM,GAAI;YACpB,OAAO;YACP,KAAK,EAAS,OAAO,EAAE,KAAK,IAAW,aAAa;YACpD,YAAY,EAAE,OAAO,EAAE,YAAY,IAAI,IAAI;YAC3C,WAAW,EAAG,OAAO,EAAE,WAAW,IAAK,QAAQ;YAC/C,IAAI,EAAU,OAAO,EAAE,IAAI,IAAY,MAAM;SAC9C,CAAA;QACD,WAAW,CAAC,OAAO,GAAG,OAAmC,CAAA;QAEzD,OAAO,CAAC,GAAG,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAA;IACpD,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,mDAAmD;AACnD,KAAK,UAAU,KAAK,CAClB,OAAe,EACf,OAA+B;IAE/B,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;QAC3B,WAAW,CAAC,OAAO,GAAG,IAAI,CAAA;QAC1B,WAAW,CAAC,MAAM,GAAI;YACpB,OAAO;YACP,KAAK,EAAS,OAAO,EAAE,KAAK,IAAW,OAAO;YAC9C,YAAY,EAAE,OAAO,EAAE,YAAY,IAAI,IAAI;YAC3C,IAAI,EAAU,OAAO,EAAE,IAAI,IAAY,MAAM;SAC9C,CAAA;QACD,WAAW,CAAC,OAAO,GAAG,OAAmC,CAAA;QAEzD,OAAO,CAAC,GAAG,CAAC,2BAA2B,EAAE,OAAO,CAAC,CAAA;IACnD,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,yCAAyC;AACzC,wDAAwD;AACxD,SAAS,UAAU,CAAC,KAInB;IACC,OAAO,IAAA,iBAAU,EAAC,QAAQ,EAAE;QAC1B,GAAG,KAAK;KACkB,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC;AAED,4CAA4C;AAC5C,MAAM,MAAM,GAAG;IACb,OAAO;IACP,MAAM;IACN,KAAK;CACN,CAAA;AAGQ,wBAAM"}

package/packages/ui/dist/overlay/Modal.d.ts

@@ -0,0 +1,19 @@
+import type { DFNode } from '@deskforge/core/';
+interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    showClose?: boolean;
+    width?: number | string;
+    maxWidth?: number;
+    background?: string;
+    radius?: number | string;
+    backdropOpacity?: number;
+    closeOnBackdrop?: boolean;
+    closeOnEscape?: boolean;
+    padding?: number | string;
+}
+declare function Modal(children: DFNode[], props: ModalProps): DFNode;
+export type { ModalProps };
+export { Modal };
+//# sourceMappingURL=Modal.d.ts.map

package/packages/ui/dist/overlay/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/overlay/Modal.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9C,UAAU,UAAU;IAElB,IAAI,EAAc,OAAO,CAAA;IAGzB,OAAO,EAAW,MAAM,IAAI,CAAA;IAG5B,KAAK,CAAC,EAAY,MAAM,CAAA;IAGxB,SAAS,CAAC,EAAQ,OAAO,CAAA;IAGzB,KAAK,CAAC,EAAY,MAAM,GAAG,MAAM,CAAA;IAGjC,QAAQ,CAAC,EAAS,MAAM,CAAA;IAGxB,UAAU,CAAC,EAAO,MAAM,CAAA;IAGxB,MAAM,CAAC,EAAW,MAAM,GAAG,MAAM,CAAA;IAGjC,eAAe,CAAC,EAAE,MAAM,CAAA;IAGxB,eAAe,CAAC,EAAE,OAAO,CAAA;IAGzB,aAAa,CAAC,EAAI,OAAO,CAAA;IAGzB,OAAO,CAAC,EAAU,MAAM,GAAG,MAAM,CAAA;CAClC;AAKD,iBAAS,KAAK,CACZ,QAAQ,EAAE,MAAM,EAAE,EAClB,KAAK,EAAK,UAAU,GACnB,MAAM,CAkBR;AAED,YAAY,EAAE,UAAU,EAAE,CAAA;AAC1B,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/packages/ui/dist/overlay/Modal.js

@@ -0,0 +1,31 @@
+"use strict";
+// Modal.ts
+// Centered dialog overlay component.
+// Dims background content with backdrop.
+// Appears with scale-in animation from center.
+// Closes on backdrop tap or escape key.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Modal = Modal;
+const core_1 = require("@deskforge/core/");
+// Creates a modal dialog overlay node
+// children — content displayed inside modal
+// props — modal configuration
+function Modal(children, props) {
+    return (0, core_1.createNode)('Modal', {
+        open: props.open,
+        onClose: props.onClose,
+        title: props.title,
+        showClose: props.showClose ?? true,
+        width: props.width ?? 480,
+        maxWidth: props.maxWidth ?? 560,
+        background: props.background ?? 'surface',
+        radius: props.radius ?? 'lg',
+        backdropOpacity: props.backdropOpacity ?? 0.5,
+        closeOnBackdrop: props.closeOnBackdrop ?? true,
+        closeOnEscape: props.closeOnEscape ?? true,
+        padding: props.padding ?? 24,
+        // Scale in animation from center
+        animationType: 'scaleIn',
+    }, children);
+}
+//# sourceMappingURL=Modal.js.map

package/packages/ui/dist/overlay/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/overlay/Modal.ts"],"names":[],"mappings":";AAAA,WAAW;AACX,qCAAqC;AACrC,yCAAyC;AACzC,+CAA+C;AAC/C,wCAAwC;;AAuE/B,sBAAK;AArEd,2CAA6C;AA0C7C,sCAAsC;AACtC,4CAA4C;AAC5C,8BAA8B;AAC9B,SAAS,KAAK,CACZ,QAAkB,EAClB,KAAoB;IAEpB,OAAO,IAAA,iBAAU,EAAC,OAAO,EAAE;QACzB,IAAI,EAAa,KAAK,CAAC,IAAI;QAC3B,OAAO,EAAU,KAAK,CAAC,OAAO;QAC9B,KAAK,EAAY,KAAK,CAAC,KAAK;QAC5B,SAAS,EAAQ,KAAK,CAAC,SAAS,IAAU,IAAI;QAC9C,KAAK,EAAY,KAAK,CAAC,KAAK,IAAc,GAAG;QAC7C,QAAQ,EAAS,KAAK,CAAC,QAAQ,IAAW,GAAG;QAC7C,UAAU,EAAO,KAAK,CAAC,UAAU,IAAS,SAAS;QACnD,MAAM,EAAW,KAAK,CAAC,MAAM,IAAa,IAAI;QAC9C,eAAe,EAAE,KAAK,CAAC,eAAe,IAAI,GAAG;QAC7C,eAAe,EAAE,KAAK,CAAC,eAAe,IAAI,IAAI;QAC9C,aAAa,EAAI,KAAK,CAAC,aAAa,IAAM,IAAI;QAC9C,OAAO,EAAU,KAAK,CAAC,OAAO,IAAY,EAAE;QAE5C,iCAAiC;QACjC,aAAa,EAAE,SAAS;KACE,EAAE,QAAQ,CAAC,CAAA;AACzC,CAAC"}

package/packages/ui/dist/overlay/Sheet.d.ts

@@ -0,0 +1,20 @@
+import type { DFNode } from '@deskforge/core/';
+type SheetPosition = 'bottom' | 'top';
+interface SheetProps {
+    open: boolean;
+    onClose: () => void;
+    position?: SheetPosition;
+    height?: number | string;
+    maxHeight?: number | string;
+    background?: string;
+    radius?: number;
+    backdropOpacity?: number;
+    closeOnBackdrop?: boolean;
+    dragToClose?: boolean;
+    showHandle?: boolean;
+    padding?: number | string;
+}
+declare function Sheet(children: DFNode[], props: SheetProps): DFNode;
+export type { SheetPosition, SheetProps };
+export { Sheet };
+//# sourceMappingURL=Sheet.d.ts.map

package/packages/ui/dist/overlay/Sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../src/overlay/Sheet.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9C,KAAK,aAAa,GAAG,QAAQ,GAAG,KAAK,CAAA;AAGrC,UAAU,UAAU;IAElB,IAAI,EAAc,OAAO,CAAA;IAGzB,OAAO,EAAW,MAAM,IAAI,CAAA;IAG5B,QAAQ,CAAC,EAAS,aAAa,CAAA;IAG/B,MAAM,CAAC,EAAW,MAAM,GAAG,MAAM,CAAA;IAGjC,SAAS,CAAC,EAAQ,MAAM,GAAG,MAAM,CAAA;IAGjC,UAAU,CAAC,EAAO,MAAM,CAAA;IAGxB,MAAM,CAAC,EAAW,MAAM,CAAA;IAGxB,eAAe,CAAC,EAAE,MAAM,CAAA;IAGxB,eAAe,CAAC,EAAE,OAAO,CAAA;IAGzB,WAAW,CAAC,EAAM,OAAO,CAAA;IAGzB,UAAU,CAAC,EAAO,OAAO,CAAA;IAGzB,OAAO,CAAC,EAAU,MAAM,GAAG,MAAM,CAAA;CAClC;AAKD,iBAAS,KAAK,CACZ,QAAQ,EAAE,MAAM,EAAE,EAClB,KAAK,EAAK,UAAU,GACnB,MAAM,CAkBR;AAED,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/packages/ui/dist/overlay/Sheet.js

@@ -0,0 +1,31 @@
+"use strict";
+// Sheet.ts
+// Bottom or top sheet overlay component.
+// Slides up from the bottom on mobile.
+// Used for action menus and option panels.
+// Can be dragged to dismiss with swipe gesture.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sheet = Sheet;
+const core_1 = require("@deskforge/core/");
+// Creates a bottom or top sheet overlay node
+// children — content inside the sheet
+// props — sheet configuration
+function Sheet(children, props) {
+    return (0, core_1.createNode)('Sheet', {
+        open: props.open,
+        onClose: props.onClose,
+        position: props.position ?? 'bottom',
+        height: props.height ?? 'auto',
+        maxHeight: props.maxHeight ?? '80%',
+        background: props.background ?? 'surface',
+        radius: props.radius ?? 16,
+        backdropOpacity: props.backdropOpacity ?? 0.4,
+        closeOnBackdrop: props.closeOnBackdrop ?? true,
+        dragToClose: props.dragToClose ?? true,
+        showHandle: props.showHandle ?? true,
+        padding: props.padding ?? 24,
+        // Slide animation
+        animationType: 'slideUp',
+    }, children);
+}
+//# sourceMappingURL=Sheet.js.map

package/packages/ui/dist/overlay/Sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.js","sourceRoot":"","sources":["../../src/overlay/Sheet.ts"],"names":[],"mappings":";AAAA,WAAW;AACX,yCAAyC;AACzC,uCAAuC;AACvC,2CAA2C;AAC3C,gDAAgD;;AA0EvC,sBAAK;AAxEd,2CAA6C;AA6C7C,6CAA6C;AAC7C,sCAAsC;AACtC,8BAA8B;AAC9B,SAAS,KAAK,CACZ,QAAkB,EAClB,KAAoB;IAEpB,OAAO,IAAA,iBAAU,EAAC,OAAO,EAAE;QACzB,IAAI,EAAa,KAAK,CAAC,IAAI;QAC3B,OAAO,EAAU,KAAK,CAAC,OAAO;QAC9B,QAAQ,EAAS,KAAK,CAAC,QAAQ,IAAW,QAAQ;QAClD,MAAM,EAAW,KAAK,CAAC,MAAM,IAAa,MAAM;QAChD,SAAS,EAAQ,KAAK,CAAC,SAAS,IAAU,KAAK;QAC/C,UAAU,EAAO,KAAK,CAAC,UAAU,IAAS,SAAS;QACnD,MAAM,EAAW,KAAK,CAAC,MAAM,IAAa,EAAE;QAC5C,eAAe,EAAE,KAAK,CAAC,eAAe,IAAI,GAAG;QAC7C,eAAe,EAAE,KAAK,CAAC,eAAe,IAAI,IAAI;QAC9C,WAAW,EAAM,KAAK,CAAC,WAAW,IAAQ,IAAI;QAC9C,UAAU,EAAO,KAAK,CAAC,UAAU,IAAS,IAAI;QAC9C,OAAO,EAAU,KAAK,CAAC,OAAO,IAAY,EAAE;QAE5C,kBAAkB;QAClB,aAAa,EAAE,SAAS;KACE,EAAE,QAAQ,CAAC,CAAA;AACzC,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from './Modal';
+export * from './Sheet';
+export * from './Dialog';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,22 @@
+"use strict";
+// index.ts
+// Public door into the overlay 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("./Modal"), exports);
+__exportStar(require("./Sheet"), exports);
+__exportStar(require("./Dialog"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/overlay/index.ts"],"names":[],"mappings":";AAAA,WAAW;AACX,2CAA2C;;;;;;;;;;;;;;;;AAE3C,0CAAuB;AACvB,0CAAuB;AACvB,2CAAwB"}

package/packages/ui/dist/typography/Code.d.ts

@@ -0,0 +1,18 @@
+import type { DFNode } from '@deskforge/core/';
+type CodeLanguage = 'typescript' | 'javascript' | 'python' | 'go' | 'rust' | 'cpp' | 'c' | 'php' | 'kotlin' | 'swift' | 'json' | 'bash' | 'sql' | 'html' | 'css' | 'plain';
+interface CodeProps {
+    language?: CodeLanguage;
+    lineNumbers?: boolean;
+    inline?: boolean;
+    background?: string;
+    color?: string;
+    size?: number | string;
+    copyable?: boolean;
+    padding?: number | string;
+    radius?: number | string;
+    maxHeight?: number;
+}
+declare function Code(value: string, props?: CodeProps): DFNode;
+export type { CodeLanguage, CodeProps };
+export { Code };
+//# sourceMappingURL=Code.d.ts.map

package/packages/ui/dist/typography/Code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../src/typography/Code.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9C,KAAK,YAAY,GACb,YAAY,GACZ,YAAY,GACZ,QAAQ,GACR,IAAI,GACJ,MAAM,GACN,KAAK,GACL,GAAG,GACH,KAAK,GACL,QAAQ,GACR,OAAO,GACP,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM,GACN,KAAK,GACL,OAAO,CAAA;AAGX,UAAU,SAAS;IAEjB,QAAQ,CAAC,EAAI,YAAY,CAAA;IAGzB,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,MAAM,CAAC,EAAM,OAAO,CAAA;IAGpB,UAAU,CAAC,EAAE,MAAM,CAAA;IAGnB,KAAK,CAAC,EAAO,MAAM,CAAA;IAGnB,IAAI,CAAC,EAAQ,MAAM,GAAG,MAAM,CAAA;IAG5B,QAAQ,CAAC,EAAI,OAAO,CAAA;IAGpB,OAAO,CAAC,EAAK,MAAM,GAAG,MAAM,CAAA;IAG5B,MAAM,CAAC,EAAM,MAAM,GAAG,MAAM,CAAA;IAG5B,SAAS,CAAC,EAAG,MAAM,CAAA;CACpB;AAKD,iBAAS,IAAI,CACX,KAAK,EAAG,MAAM,EACd,KAAK,GAAG,SAAc,GACrB,MAAM,CAeR;AAED,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/packages/ui/dist/typography/Code.js

@@ -0,0 +1,29 @@
+"use strict";
+// Code.ts
+// Inline and block code display component.
+// Uses monospace font from active theme.
+// Supports syntax highlighting for common languages.
+// Rendered by Skia with precise character spacing.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Code = Code;
+const core_1 = require("@deskforge/core/");
+// Creates a code display node
+// value — the code string to display
+// props — code display configuration
+function Code(value, props = {}) {
+    return (0, core_1.createNode)('Code', {
+        value: value,
+        language: props.language ?? 'plain',
+        lineNumbers: props.lineNumbers ?? false,
+        inline: props.inline ?? false,
+        background: props.background ?? 'codeBg',
+        color: props.color ?? 'codeText',
+        size: props.size ?? 'sm',
+        copyable: props.copyable ?? true,
+        padding: props.padding ?? (props.inline ? 4 : 16),
+        radius: props.radius ?? 6,
+        maxHeight: props.maxHeight,
+        fontFamily: 'mono',
+    }, []);
+}
+//# sourceMappingURL=Code.js.map

package/packages/ui/dist/typography/Code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Code.js","sourceRoot":"","sources":["../../src/typography/Code.ts"],"names":[],"mappings":";AAAA,UAAU;AACV,2CAA2C;AAC3C,yCAAyC;AACzC,qDAAqD;AACrD,mDAAmD;;AAmF1C,oBAAI;AAjFb,2CAA6C;AAyD7C,8BAA8B;AAC9B,qCAAqC;AACrC,qCAAqC;AACrC,SAAS,IAAI,CACX,KAAc,EACd,QAAoB,EAAE;IAEtB,OAAO,IAAA,iBAAU,EAAC,MAAM,EAAE;QACxB,KAAK,EAAQ,KAAK;QAClB,QAAQ,EAAK,KAAK,CAAC,QAAQ,IAAO,OAAO;QACzC,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,KAAK;QACvC,MAAM,EAAO,KAAK,CAAC,MAAM,IAAS,KAAK;QACvC,UAAU,EAAG,KAAK,CAAC,UAAU,IAAK,QAAQ;QAC1C,KAAK,EAAQ,KAAK,CAAC,KAAK,IAAU,UAAU;QAC5C,IAAI,EAAS,KAAK,CAAC,IAAI,IAAW,IAAI;QACtC,QAAQ,EAAK,KAAK,CAAC,QAAQ,IAAO,IAAI;QACtC,OAAO,EAAM,KAAK,CAAC,OAAO,IAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACzD,MAAM,EAAO,KAAK,CAAC,MAAM,IAAS,CAAC;QACnC,SAAS,EAAI,KAAK,CAAC,SAAS;QAC5B,UAAU,EAAG,MAAM;KACO,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC"}

package/packages/ui/dist/typography/Heading.d.ts

@@ -0,0 +1,14 @@
+import type { DFNode } from '@deskforge/core/';
+type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+interface HeadingProps {
+    level?: HeadingLevel;
+    color?: string;
+    align?: 'left' | 'center' | 'right';
+    selectable?: boolean;
+    opacity?: number;
+    flex?: number;
+}
+declare function Heading(value: string, props?: HeadingProps): DFNode;
+export type { HeadingLevel, HeadingProps };
+export { Heading };
+//# sourceMappingURL=Heading.d.ts.map

package/packages/ui/dist/typography/Heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../src/typography/Heading.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9C,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAczC,UAAU,YAAY;IAEpB,KAAK,CAAC,EAAG,YAAY,CAAA;IAGrB,KAAK,CAAC,EAAG,MAAM,CAAA;IAGf,KAAK,CAAC,EAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAGpC,UAAU,CAAC,EAAE,OAAO,CAAA;IAGpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAGhB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAKD,iBAAS,OAAO,CACd,KAAK,EAAE,MAAM,EACb,KAAK,GAAE,YAAiB,GACvB,MAAM,CAgBR;AAED,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,CAAA"}