deskforge 1.0.0

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

@@ -0,0 +1,21 @@
+"use strict";
+// index.ts
+// Public door into the chart 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("./LineChart"), exports);
+__exportStar(require("./BarChart"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/charts/index.ts"],"names":[],"mappings":";AAAA,WAAW;AACX,yCAAyC;;;;;;;;;;;;;;;;AAEzC,8CAA2B;AAC3B,6CAA0B"}

package/packages/ui/dist/conditional/If.d.ts

@@ -0,0 +1,4 @@
+import type { DFNode } from '@deskforge/core/';
+declare function If(condition: boolean, truthy: DFNode, falsy?: DFNode): DFNode;
+export { If };
+//# sourceMappingURL=If.d.ts.map

package/packages/ui/dist/conditional/If.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"If.d.ts","sourceRoot":"","sources":["../../src/conditional/If.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAM9C,iBAAS,EAAE,CACT,SAAS,EAAE,OAAO,EAClB,MAAM,EAAK,MAAM,EACjB,KAAK,CAAC,EAAK,MAAM,GAChB,MAAM,CAUR;AAED,OAAO,EAAE,EAAE,EAAE,CAAA"}

package/packages/ui/dist/conditional/If.js

@@ -0,0 +1,25 @@
+"use strict";
+// If.ts
+// Conditional rendering helper.
+// Renders truthy node when condition is true.
+// Renders falsy node when condition is false.
+// Cleaner than inline ternary for complex conditions.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.If = If;
+const core_1 = require("@deskforge/core/");
+// Creates a conditional render node
+// condition — boolean that determines which node shows
+// truthy — rendered when condition is true
+// falsy — rendered when condition is false (optional)
+function If(condition, truthy, falsy) {
+    return (0, core_1.createNode)('If', {
+        condition,
+        // Pass both branches to renderer
+        // Renderer shows only the active branch
+        truthyId: truthy.id,
+        falsyId: falsy?.id ?? null,
+    }, 
+    // Both nodes are children so renderer has access
+    falsy ? [truthy, falsy] : [truthy]);
+}
+//# sourceMappingURL=If.js.map

package/packages/ui/dist/conditional/If.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"If.js","sourceRoot":"","sources":["../../src/conditional/If.ts"],"names":[],"mappings":";AAAA,QAAQ;AACR,gCAAgC;AAChC,8CAA8C;AAC9C,8CAA8C;AAC9C,sDAAsD;;AAyB7C,gBAAE;AAvBX,2CAA6C;AAG7C,oCAAoC;AACpC,uDAAuD;AACvD,2CAA2C;AAC3C,sDAAsD;AACtD,SAAS,EAAE,CACT,SAAkB,EAClB,MAAiB,EACjB,KAAiB;IAEjB,OAAO,IAAA,iBAAU,EAAC,IAAI,EAAE;QACtB,SAAS;QACT,iCAAiC;QACjC,wCAAwC;QACxC,QAAQ,EAAG,MAAM,CAAC,EAAE;QACpB,OAAO,EAAI,KAAK,EAAE,EAAE,IAAI,IAAI;KACF;IAC5B,iDAAiD;IACjD,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AACrC,CAAC"}

package/packages/ui/dist/data/List.d.ts

@@ -0,0 +1,18 @@
+import type { DFNode } from '@deskforge/core/';
+import type { DFStyle } from '@deskforge/theme/';
+interface ListProps<T> {
+    items: T[];
+    renderItem: (item: T, index: number) => DFNode;
+    keyExtractor?: (item: T, index: number) => string;
+    gap?: number | string;
+    padding?: number | string;
+    background?: string;
+    style?: DFStyle;
+    empty?: DFNode;
+    scroll?: boolean;
+    maxHeight?: number;
+}
+declare function List<T>(items: T[], renderItem: (item: T, index: number) => DFNode, props?: Omit<ListProps<T>, 'items' | 'renderItem'>): DFNode;
+export type { ListProps };
+export { List };
+//# sourceMappingURL=List.d.ts.map

package/packages/ui/dist/data/List.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../src/data/List.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAGhD,UAAU,SAAS,CAAC,CAAC;IAEnB,KAAK,EAAQ,CAAC,EAAE,CAAA;IAIhB,UAAU,EAAG,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IAI/C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IAGjD,GAAG,CAAC,EAAW,MAAM,GAAG,MAAM,CAAA;IAG9B,OAAO,CAAC,EAAO,MAAM,GAAG,MAAM,CAAA;IAG9B,UAAU,CAAC,EAAI,MAAM,CAAA;IAGrB,KAAK,CAAC,EAAS,OAAO,CAAA;IAGtB,KAAK,CAAC,EAAS,MAAM,CAAA;IAGrB,MAAM,CAAC,EAAQ,OAAO,CAAA;IAGtB,SAAS,CAAC,EAAK,MAAM,CAAA;CACtB;AAMD,iBAAS,IAAI,CAAC,CAAC,EACb,KAAK,EAAO,CAAC,EAAE,EACf,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,EAC9C,KAAK,GAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,YAAY,CAAM,GAC1D,MAAM,CAeR;AAED,YAAY,EAAE,SAAS,EAAE,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/packages/ui/dist/data/List.js

@@ -0,0 +1,27 @@
+"use strict";
+// List.ts
+// Renders an array of items as a vertical list.
+// Each item is rendered by the provided render function.
+// Optimised — only re-renders items that changed.
+// For very large lists use VirtualList instead.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.List = List;
+const core_1 = require("@deskforge/core/");
+// Creates a list of rendered items
+// items — data array to render
+// renderItem — function to render each item
+// props — list configuration
+function List(items, renderItem, props = {}) {
+    // Render all items into DFNodes
+    const renderedItems = items.map((item, index) => renderItem(item, index));
+    return (0, core_1.createNode)('List', {
+        gap: props.gap ?? 0,
+        padding: props.padding ?? 0,
+        background: props.background ?? 'transparent',
+        style: props.style,
+        scroll: props.scroll ?? false,
+        maxHeight: props.maxHeight,
+        itemCount: items.length,
+    }, renderedItems);
+}
+//# sourceMappingURL=List.js.map

package/packages/ui/dist/data/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/data/List.ts"],"names":[],"mappings":";AAAA,UAAU;AACV,gDAAgD;AAChD,yDAAyD;AACzD,kDAAkD;AAClD,gDAAgD;;AAmEvC,oBAAI;AAjEb,2CAA6C;AAuC7C,mCAAmC;AACnC,+BAA+B;AAC/B,4CAA4C;AAC5C,6BAA6B;AAC7B,SAAS,IAAI,CACX,KAAe,EACf,UAA8C,EAC9C,QAAyD,EAAE;IAE3D,gCAAgC;IAChC,MAAM,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC9C,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CACxB,CAAA;IAED,OAAO,IAAA,iBAAU,EAAC,MAAM,EAAE;QACxB,GAAG,EAAW,KAAK,CAAC,GAAG,IAAa,CAAC;QACrC,OAAO,EAAO,KAAK,CAAC,OAAO,IAAS,CAAC;QACrC,UAAU,EAAI,KAAK,CAAC,UAAU,IAAM,aAAa;QACjD,KAAK,EAAS,KAAK,CAAC,KAAK;QACzB,MAAM,EAAQ,KAAK,CAAC,MAAM,IAAU,KAAK;QACzC,SAAS,EAAK,KAAK,CAAC,SAAS;QAC7B,SAAS,EAAK,KAAK,CAAC,MAAM;KACA,EAAE,aAAa,CAAC,CAAA;AAC9C,CAAC"}

package/packages/ui/dist/data/Table.d.ts

@@ -0,0 +1,3 @@
+export * from './List';
+export * from './Table';
+//# sourceMappingURL=Table.d.ts.map

package/packages/ui/dist/data/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/data/Table.ts"],"names":[],"mappings":"AAGA,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA"}

package/packages/ui/dist/data/Table.js

@@ -0,0 +1,21 @@
+"use strict";
+// index.ts
+// Public door into the data 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("./List"), exports);
+__exportStar(require("./Table"), exports);
+//# sourceMappingURL=Table.js.map

package/packages/ui/dist/data/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/data/Table.ts"],"names":[],"mappings":";AAAA,WAAW;AACX,wCAAwC;;;;;;;;;;;;;;;;AAExC,yCAAsB;AACtB,0CAAuB"}

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

@@ -0,0 +1,34 @@
+import type { DFNode } from '@deskforge/core/';
+interface TableColumn<T = Record<string, unknown>> {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    width?: number | string;
+    render?: (value: unknown, row: T) => DFNode | string;
+    align?: 'left' | 'center' | 'right';
+}
+type SortDirection = 'asc' | 'desc';
+interface SortState {
+    column: string;
+    direction: SortDirection;
+}
+interface TableProps<T = Record<string, unknown>> {
+    columns: TableColumn<T>[];
+    rows: T[];
+    selectable?: boolean;
+    selected?: string[];
+    onSelect?: (keys: string[]) => void;
+    rowKey?: string;
+    defaultSort?: SortState;
+    onSort?: (sort: SortState) => void;
+    stickyHeader?: boolean;
+    maxHeight?: number;
+    empty?: DFNode;
+    bordered?: boolean;
+    hoverable?: boolean;
+    background?: string;
+}
+declare function Table<T = Record<string, unknown>>(props: TableProps<T>): DFNode;
+export type { TableColumn, SortDirection, SortState, TableProps };
+export { Table };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/data/index.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9C,UAAU,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAE/C,GAAG,EAAW,MAAM,CAAA;IAGpB,KAAK,EAAS,MAAM,CAAA;IAGpB,QAAQ,CAAC,EAAK,OAAO,CAAA;IAGrB,KAAK,CAAC,EAAQ,MAAM,GAAG,MAAM,CAAA;IAI7B,MAAM,CAAC,EAAO,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAA;IAGzD,KAAK,CAAC,EAAQ,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;CAC1C;AAGD,KAAK,aAAa,GAAG,KAAK,GAAG,MAAM,CAAA;AAGnC,UAAU,SAAS;IACjB,MAAM,EAAK,MAAM,CAAA;IACjB,SAAS,EAAE,aAAa,CAAA;CACzB;AAGD,UAAU,UAAU,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAE9C,OAAO,EAAO,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IAG9B,IAAI,EAAU,CAAC,EAAE,CAAA;IAGjB,UAAU,CAAC,EAAG,OAAO,CAAA;IAGrB,QAAQ,CAAC,EAAK,MAAM,EAAE,CAAA;IAGtB,QAAQ,CAAC,EAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAItC,MAAM,CAAC,EAAO,MAAM,CAAA;IAGpB,WAAW,CAAC,EAAE,SAAS,CAAA;IAGvB,MAAM,CAAC,EAAO,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IAGvC,YAAY,CAAC,EAAE,OAAO,CAAA;IAGtB,SAAS,CAAC,EAAI,MAAM,CAAA;IAGpB,KAAK,CAAC,EAAQ,MAAM,CAAA;IAGpB,QAAQ,CAAC,EAAK,OAAO,CAAA;IAGrB,SAAS,CAAC,EAAI,OAAO,CAAA;IAGrB,UAAU,CAAC,EAAG,MAAM,CAAA;CACrB;AAID,iBAAS,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACxC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GACnB,MAAM,CAiBR;AAED,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,CAAA;AACjE,OAAO,EAAE,KAAK,EAAE,CAAA"}

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

@@ -0,0 +1,30 @@
+"use strict";
+// Table.ts
+// Data table component with sorting and selection.
+// Renders rows and columns from data arrays.
+// Column headers are sortable by default.
+// Row selection supported for bulk actions.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Table = Table;
+const core_1 = require("@deskforge/core/");
+// Creates a data table node
+// props — table configuration including columns and rows
+function Table(props) {
+    return (0, core_1.createNode)('Table', {
+        columns: props.columns,
+        rows: props.rows,
+        selectable: props.selectable ?? false,
+        selected: props.selected ?? [],
+        onSelect: props.onSelect,
+        rowKey: props.rowKey ?? 'id',
+        defaultSort: props.defaultSort,
+        onSort: props.onSort,
+        stickyHeader: props.stickyHeader ?? true,
+        maxHeight: props.maxHeight,
+        empty: props.empty,
+        bordered: props.bordered ?? false,
+        hoverable: props.hoverable ?? true,
+        background: props.background ?? 'surface',
+    }, []);
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/data/index.ts"],"names":[],"mappings":";AAAA,WAAW;AACX,mDAAmD;AACnD,6CAA6C;AAC7C,0CAA0C;AAC1C,4CAA4C;;AA0GnC,sBAAK;AAxGd,2CAA6C;AAgF7C,4BAA4B;AAC5B,yDAAyD;AACzD,SAAS,KAAK,CACZ,KAAoB;IAEpB,OAAO,IAAA,iBAAU,EAAC,OAAO,EAAE;QACzB,OAAO,EAAO,KAAK,CAAC,OAAO;QAC3B,IAAI,EAAU,KAAK,CAAC,IAAI;QACxB,UAAU,EAAI,KAAK,CAAC,UAAU,IAAM,KAAK;QACzC,QAAQ,EAAM,KAAK,CAAC,QAAQ,IAAQ,EAAE;QACtC,QAAQ,EAAM,KAAK,CAAC,QAAQ;QAC5B,MAAM,EAAQ,KAAK,CAAC,MAAM,IAAU,IAAI;QACxC,WAAW,EAAG,KAAK,CAAC,WAAW;QAC/B,MAAM,EAAQ,KAAK,CAAC,MAAM;QAC1B,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,IAAI;QACxC,SAAS,EAAK,KAAK,CAAC,SAAS;QAC7B,KAAK,EAAS,KAAK,CAAC,KAAK;QACzB,QAAQ,EAAM,KAAK,CAAC,QAAQ,IAAQ,KAAK;QACzC,SAAS,EAAK,KAAK,CAAC,SAAS,IAAO,IAAI;QACxC,UAAU,EAAI,KAAK,CAAC,UAAU,IAAM,SAAS;KACnB,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC"}

package/packages/ui/dist/display/Avatar.d.ts

@@ -0,0 +1,18 @@
+import type { DFNode } from '@deskforge/core/';
+type AvatarStatus = 'online' | 'offline' | 'away' | 'busy';
+interface AvatarProps {
+    src?: string;
+    name?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
+    radius?: number;
+    status?: AvatarStatus;
+    background?: string;
+    color?: string;
+    border?: string;
+    onClick?: () => void;
+}
+declare function getInitials(name: string): string;
+declare function Avatar(props?: AvatarProps): DFNode;
+export type { AvatarStatus, AvatarProps };
+export { Avatar, getInitials };
+//# sourceMappingURL=Avatar.d.ts.map

package/packages/ui/dist/display/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/display/Avatar.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9C,KAAK,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;AAY1D,UAAU,WAAW;IAEnB,GAAG,CAAC,EAAU,MAAM,CAAA;IAGpB,IAAI,CAAC,EAAS,MAAM,CAAA;IAGpB,IAAI,CAAC,EAAS,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IAGvD,MAAM,CAAC,EAAO,MAAM,CAAA;IAGpB,MAAM,CAAC,EAAO,YAAY,CAAA;IAG1B,UAAU,CAAC,EAAG,MAAM,CAAA;IAGpB,KAAK,CAAC,EAAQ,MAAM,CAAA;IAGpB,MAAM,CAAC,EAAO,MAAM,CAAA;IAGpB,OAAO,CAAC,EAAM,MAAM,IAAI,CAAA;CACzB;AAKD,iBAAS,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CASzC;AAID,iBAAS,MAAM,CAAC,KAAK,GAAE,WAAgB,GAAG,MAAM,CAqB/C;AAED,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,CAAA"}

package/packages/ui/dist/display/Avatar.js

@@ -0,0 +1,53 @@
+"use strict";
+// Avatar.ts
+// User profile image component.
+// Shows image if src provided.
+// Falls back to initials if no image.
+// Online status indicator supported.
+// Circle shape by default.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = Avatar;
+exports.getInitials = getInitials;
+const core_1 = require("@deskforge/core/");
+// Avatar size presets in pixels
+const AVATAR_SIZES = {
+    xs: 24,
+    sm: 32,
+    md: 48,
+    lg: 64,
+    xl: 96,
+};
+// Extracts initials from a name string
+// 'Kofi Boakye' → 'KB'
+// 'Kofi'        → 'K'
+function getInitials(name) {
+    const parts = name.trim().split(' ');
+    if (parts.length === 1) {
+        return (parts[0]?.[0] ?? '?').toUpperCase();
+    }
+    return ((parts[0]?.[0] ?? '') +
+        (parts[parts.length - 1]?.[0] ?? '')).toUpperCase();
+}
+// Creates an avatar node
+// props — avatar configuration
+function Avatar(props = {}) {
+    const sizeValue = typeof props.size === 'number'
+        ? props.size
+        : AVATAR_SIZES[props.size ?? 'md'];
+    const initials = props.name
+        ? getInitials(props.name)
+        : '?';
+    return (0, core_1.createNode)('Avatar', {
+        src: props.src,
+        name: props.name,
+        initials,
+        size: sizeValue,
+        radius: props.radius ?? 999,
+        status: props.status,
+        background: props.background ?? 'primary',
+        color: props.color ?? 'white',
+        border: props.border,
+        onClick: props.onClick,
+    }, []);
+}
+//# sourceMappingURL=Avatar.js.map

package/packages/ui/dist/display/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/display/Avatar.ts"],"names":[],"mappings":";AAAA,YAAY;AACZ,gCAAgC;AAChC,+BAA+B;AAC/B,sCAAsC;AACtC,qCAAqC;AACrC,2BAA2B;;AAuFlB,wBAAM;AAAE,kCAAW;AArF5B,2CAA6C;AAM7C,gCAAgC;AAChC,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAA;AAgCD,uCAAuC;AACvC,uBAAuB;AACvB,sBAAsB;AACtB,SAAS,WAAW,CAAC,IAAY;IAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IACpC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,WAAW,EAAE,CAAA;IAC7C,CAAC;IACD,OAAO,CACL,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QACrB,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CACrC,CAAC,WAAW,EAAE,CAAA;AACjB,CAAC;AAED,yBAAyB;AACzB,+BAA+B;AAC/B,SAAS,MAAM,CAAC,QAAqB,EAAE;IACrC,MAAM,SAAS,GAAG,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ;QAC9C,CAAC,CAAC,KAAK,CAAC,IAAI;QACZ,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,CAAA;IAEpC,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI;QACzB,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC;QACzB,CAAC,CAAC,GAAG,CAAA;IAEP,OAAO,IAAA,iBAAU,EAAC,QAAQ,EAAE;QAC1B,GAAG,EAAS,KAAK,CAAC,GAAG;QACrB,IAAI,EAAQ,KAAK,CAAC,IAAI;QACtB,QAAQ;QACR,IAAI,EAAQ,SAAS;QACrB,MAAM,EAAM,KAAK,CAAC,MAAM,IAAQ,GAAG;QACnC,MAAM,EAAM,KAAK,CAAC,MAAM;QACxB,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,SAAS;QACzC,KAAK,EAAO,KAAK,CAAC,KAAK,IAAS,OAAO;QACvC,MAAM,EAAM,KAAK,CAAC,MAAM;QACxB,OAAO,EAAK,KAAK,CAAC,OAAO;KACC,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC"}

package/packages/ui/dist/display/Badge.d.ts

@@ -0,0 +1,17 @@
+import type { DFNode } from '@deskforge/core/';
+type BadgeVariant = 'filled' | 'outline' | 'subtle';
+interface BadgeProps {
+    label: string | number;
+    color?: string;
+    textColor?: string;
+    variant?: BadgeVariant;
+    size?: 'sm' | 'md' | 'lg';
+    radius?: number | string;
+    pulse?: boolean;
+    maxCount?: number;
+    onClick?: () => void;
+}
+declare function Badge(props: BadgeProps): DFNode;
+export type { BadgeVariant, BadgeProps };
+export { Badge };
+//# sourceMappingURL=Badge.d.ts.map

package/packages/ui/dist/display/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/display/Badge.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9C,KAAK,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;AAGnD,UAAU,UAAU;IAElB,KAAK,EAAQ,MAAM,GAAG,MAAM,CAAA;IAG5B,KAAK,CAAC,EAAO,MAAM,CAAA;IAGnB,SAAS,CAAC,EAAG,MAAM,CAAA;IAGnB,OAAO,CAAC,EAAK,YAAY,CAAA;IAGzB,IAAI,CAAC,EAAQ,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAG/B,MAAM,CAAC,EAAM,MAAM,GAAG,MAAM,CAAA;IAG5B,KAAK,CAAC,EAAO,OAAO,CAAA;IAKpB,QAAQ,CAAC,EAAI,MAAM,CAAA;IAGnB,OAAO,CAAC,EAAK,MAAM,IAAI,CAAA;CACxB;AAID,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAsBxC;AAED,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,CAAA;AACxC,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/packages/ui/dist/display/Badge.js

@@ -0,0 +1,31 @@
+"use strict";
+// Badge.ts
+// Small label component for counts and status.
+// Commonly placed on icons to show notification count.
+// Automatically sizes to content.
+// Pill shape by default.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Badge = Badge;
+const core_1 = require("@deskforge/core/");
+// Creates a badge label node
+// props — badge configuration
+function Badge(props) {
+    // Format label — apply maxCount if number
+    let displayLabel = String(props.label);
+    if (typeof props.label === 'number' &&
+        props.maxCount !== undefined &&
+        props.label > props.maxCount) {
+        displayLabel = `${props.maxCount}+`;
+    }
+    return (0, core_1.createNode)('Badge', {
+        label: displayLabel,
+        color: props.color ?? 'danger',
+        textColor: props.textColor ?? 'white',
+        variant: props.variant ?? 'filled',
+        size: props.size ?? 'md',
+        radius: props.radius ?? 'full',
+        pulse: props.pulse ?? false,
+        onClick: props.onClick,
+    }, []);
+}
+//# sourceMappingURL=Badge.js.map

package/packages/ui/dist/display/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/display/Badge.ts"],"names":[],"mappings":";AAAA,WAAW;AACX,+CAA+C;AAC/C,uDAAuD;AACvD,kCAAkC;AAClC,yBAAyB;;AAmEhB,sBAAK;AAjEd,2CAA6C;AAsC7C,6BAA6B;AAC7B,8BAA8B;AAC9B,SAAS,KAAK,CAAC,KAAiB;IAC9B,0CAA0C;IAC1C,IAAI,YAAY,GAAW,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAE9C,IACE,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ;QAC/B,KAAK,CAAC,QAAQ,KAAK,SAAS;QAC5B,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,QAAQ,EAC5B,CAAC;QACD,YAAY,GAAG,GAAG,KAAK,CAAC,QAAQ,GAAG,CAAA;IACrC,CAAC;IAED,OAAO,IAAA,iBAAU,EAAC,OAAO,EAAE;QACzB,KAAK,EAAM,YAAY;QACvB,KAAK,EAAM,KAAK,CAAC,KAAK,IAAQ,QAAQ;QACtC,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,OAAO;QACrC,OAAO,EAAI,KAAK,CAAC,OAAO,IAAM,QAAQ;QACtC,IAAI,EAAO,KAAK,CAAC,IAAI,IAAS,IAAI;QAClC,MAAM,EAAK,KAAK,CAAC,MAAM,IAAO,MAAM;QACpC,KAAK,EAAM,KAAK,CAAC,KAAK,IAAQ,KAAK;QACnC,OAAO,EAAI,KAAK,CAAC,OAAO;KACE,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC"}

package/packages/ui/dist/display/Card.d.ts

@@ -0,0 +1,20 @@
+import type { DFNode } from '@deskforge/core/';
+import type { DFStyle } from '@deskforge/theme/';
+interface CardProps {
+    padding?: number | string;
+    radius?: number | string;
+    shadow?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    background?: string;
+    border?: string;
+    width?: number | string;
+    height?: number | string;
+    flex?: number;
+    opacity?: number;
+    clickable?: boolean;
+    onClick?: () => void;
+    style?: DFStyle;
+}
+declare function Card(children: DFNode[], props?: CardProps): DFNode;
+export type { CardProps };
+export { Card };
+//# sourceMappingURL=Card.d.ts.map

package/packages/ui/dist/display/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/display/Card.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAGhD,UAAU,SAAS;IAEjB,OAAO,CAAC,EAAK,MAAM,GAAG,MAAM,CAAA;IAG5B,MAAM,CAAC,EAAM,MAAM,GAAG,MAAM,CAAA;IAG5B,MAAM,CAAC,EAAM,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAG/C,UAAU,CAAC,EAAE,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,IAAI,CAAC,EAAQ,MAAM,CAAA;IAGnB,OAAO,CAAC,EAAK,MAAM,CAAA;IAInB,SAAS,CAAC,EAAG,OAAO,CAAA;IAGpB,OAAO,CAAC,EAAK,MAAM,IAAI,CAAA;IAGvB,KAAK,CAAC,EAAO,OAAO,CAAA;CACrB;AAKD,iBAAS,IAAI,CACX,QAAQ,EAAE,MAAM,EAAE,EAClB,KAAK,GAAK,SAAc,GACvB,MAAM,CAsBR;AAED,YAAY,EAAE,SAAS,EAAE,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/packages/ui/dist/display/Card.js

@@ -0,0 +1,35 @@
+"use strict";
+// Card.ts
+// Surface container for grouped content.
+// The most commonly used display component.
+// Hover shadow elevation handled automatically by Skia.
+// Supports press animation for clickable cards.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Card = Card;
+const core_1 = require("@deskforge/core/");
+// Creates a card surface node
+// children — content displayed inside the card
+// props — card styling configuration
+function Card(children, props = {}) {
+    return (0, core_1.createNode)('Card', {
+        padding: props.padding ?? 16,
+        radius: props.radius ?? 'md',
+        shadow: props.shadow ?? 'sm',
+        background: props.background ?? 'surface',
+        border: props.border,
+        width: props.width,
+        height: props.height,
+        flex: props.flex,
+        opacity: props.opacity ?? 1,
+        clickable: props.clickable ?? (props.onClick !== undefined),
+        onClick: props.onClick,
+        style: props.style,
+        // Hover and press animations
+        // Applied automatically when clickable is true
+        hoverShadow: 'md',
+        hoverScale: 1.01,
+        pressScale: 0.99,
+        animDuration: 150,
+    }, children);
+}
+//# sourceMappingURL=Card.js.map

package/packages/ui/dist/display/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/display/Card.ts"],"names":[],"mappings":";AAAA,UAAU;AACV,yCAAyC;AACzC,4CAA4C;AAC5C,wDAAwD;AACxD,gDAAgD;;AA6EvC,oBAAI;AA3Eb,2CAA6C;AA4C7C,8BAA8B;AAC9B,+CAA+C;AAC/C,qCAAqC;AACrC,SAAS,IAAI,CACX,QAAkB,EAClB,QAAsB,EAAE;IAExB,OAAO,IAAA,iBAAU,EAAC,MAAM,EAAE;QACxB,OAAO,EAAK,KAAK,CAAC,OAAO,IAAO,EAAE;QAClC,MAAM,EAAM,KAAK,CAAC,MAAM,IAAQ,IAAI;QACpC,MAAM,EAAM,KAAK,CAAC,MAAM,IAAQ,IAAI;QACpC,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,SAAS;QACzC,MAAM,EAAM,KAAK,CAAC,MAAM;QACxB,KAAK,EAAO,KAAK,CAAC,KAAK;QACvB,MAAM,EAAM,KAAK,CAAC,MAAM;QACxB,IAAI,EAAQ,KAAK,CAAC,IAAI;QACtB,OAAO,EAAK,KAAK,CAAC,OAAO,IAAO,CAAC;QACjC,SAAS,EAAG,KAAK,CAAC,SAAS,IAAK,CAAC,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC;QAC7D,OAAO,EAAK,KAAK,CAAC,OAAO;QACzB,KAAK,EAAO,KAAK,CAAC,KAAK;QAEvB,6BAA6B;QAC7B,+CAA+C;QAC/C,WAAW,EAAG,IAAI;QAClB,UAAU,EAAI,IAAI;QAClB,UAAU,EAAI,IAAI;QAClB,YAAY,EAAE,GAAG;KACS,EAAE,QAAQ,CAAC,CAAA;AACzC,CAAC"}

package/packages/ui/dist/display/Icon.d.ts

@@ -0,0 +1,14 @@
+import type { DFNode } from '@deskforge/core/';
+type IconName = 'home' | 'search' | 'settings' | 'user' | 'users' | 'bell' | 'heart' | 'star' | 'bookmark' | 'share' | 'download' | 'upload' | 'edit' | 'trash' | 'copy' | 'cut' | 'paste' | 'save' | 'file' | 'folder' | 'image' | 'video' | 'audio' | 'code' | 'link' | 'mail' | 'phone' | 'map' | 'pin' | 'pin-filled' | 'calendar' | 'clock' | 'timer' | 'plus' | 'minus' | 'close' | 'check' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'arrow-down' | 'menu' | 'more' | 'grid' | 'list' | 'filter' | 'sort' | 'lock' | 'unlock' | 'eye' | 'eye-off' | 'info' | 'warning' | 'error' | 'success' | 'help' | 'sun' | 'moon' | 'cloud' | 'wifi' | 'bluetooth' | 'battery' | 'send' | 'inbox' | 'archive' | 'refresh' | 'loading' | 'drag' | string;
+interface IconProps {
+    name: IconName;
+    size?: number;
+    color?: string;
+    opacity?: number;
+    onClick?: () => void;
+    tooltip?: string;
+}
+declare function Icon(props: IconProps): DFNode;
+export type { IconName, IconProps };
+export { Icon };
+//# sourceMappingURL=Icon.d.ts.map

package/packages/ui/dist/display/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/display/Icon.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAI9C,KAAK,QAAQ,GACT,MAAM,GAAS,QAAQ,GAAO,UAAU,GACxC,MAAM,GAAS,OAAO,GAAQ,MAAM,GACpC,OAAO,GAAQ,MAAM,GAAS,UAAU,GACxC,OAAO,GAAQ,UAAU,GAAK,QAAQ,GACtC,MAAM,GAAS,OAAO,GAAQ,MAAM,GACpC,KAAK,GAAU,OAAO,GAAQ,MAAM,GACpC,MAAM,GAAS,QAAQ,GAAO,OAAO,GACrC,OAAO,GAAQ,OAAO,GAAQ,MAAM,GACpC,MAAM,GAAS,MAAM,GAAS,OAAO,GACrC,KAAK,GAAU,KAAK,GAAU,YAAY,GAC1C,UAAU,GAAK,OAAO,GAAQ,OAAO,GACrC,MAAM,GAAS,OAAO,GAAQ,OAAO,GACrC,OAAO,GAAQ,YAAY,GAAG,cAAc,GAC5C,cAAc,GAAE,eAAe,GAAE,YAAY,GAC7C,aAAa,GAAE,UAAU,GAAK,YAAY,GAC1C,MAAM,GAAS,MAAM,GAAS,MAAM,GACpC,MAAM,GAAS,QAAQ,GAAO,MAAM,GACpC,MAAM,GAAS,QAAQ,GAAO,KAAK,GACnC,SAAS,GAAM,MAAM,GAAS,SAAS,GACvC,OAAO,GAAQ,SAAS,GAAM,MAAM,GACpC,KAAK,GAAU,MAAM,GAAS,OAAO,GACrC,MAAM,GAAS,WAAW,GAAI,SAAS,GACvC,MAAM,GAAS,OAAO,GAAQ,SAAS,GACvC,SAAS,GAAM,SAAS,GAAM,MAAM,GACpC,MAAM,CAAA;AAGV,UAAU,SAAS;IAEjB,IAAI,EAAM,QAAQ,CAAA;IAGlB,IAAI,CAAC,EAAK,MAAM,CAAA;IAGhB,KAAK,CAAC,EAAI,MAAM,CAAA;IAGhB,OAAO,CAAC,EAAE,MAAM,CAAA;IAGhB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAGpB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAKD,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAStC;AAED,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/packages/ui/dist/display/Icon.js

@@ -0,0 +1,23 @@
+"use strict";
+// Icon.ts
+// Vector icon component.
+// Uses a built-in icon set — no icon library needed.
+// Icons are SVG paths rendered by Skia.
+// Zero font loading. Zero external dependencies.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = Icon;
+const core_1 = require("@deskforge/core/");
+// Creates an icon node
+// Icon SVG path is looked up by name in renderer
+// props — icon configuration
+function Icon(props) {
+    return (0, core_1.createNode)('Icon', {
+        name: props.name,
+        size: props.size ?? 20,
+        color: props.color ?? 'text',
+        opacity: props.opacity ?? 1,
+        onClick: props.onClick,
+        tooltip: props.tooltip,
+    }, []);
+}
+//# sourceMappingURL=Icon.js.map

package/packages/ui/dist/display/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/display/Icon.ts"],"names":[],"mappings":";AAAA,UAAU;AACV,yBAAyB;AACzB,qDAAqD;AACrD,wCAAwC;AACxC,iDAAiD;;AAsExC,oBAAI;AApEb,2CAA6C;AAqD7C,uBAAuB;AACvB,iDAAiD;AACjD,6BAA6B;AAC7B,SAAS,IAAI,CAAC,KAAgB;IAC5B,OAAO,IAAA,iBAAU,EAAC,MAAM,EAAE;QACxB,IAAI,EAAK,KAAK,CAAC,IAAI;QACnB,IAAI,EAAK,KAAK,CAAC,IAAI,IAAO,EAAE;QAC5B,KAAK,EAAI,KAAK,CAAC,KAAK,IAAM,MAAM;QAChC,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,CAAC;QAC3B,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,OAAO,EAAE,KAAK,CAAC,OAAO;KACI,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC"}

package/packages/ui/dist/display/Image.d.ts

@@ -0,0 +1,22 @@
+import type { DFNode } from '@deskforge/core/';
+type ImageFit = 'cover' | 'contain' | 'fill' | 'none';
+interface ImageProps {
+    src: string;
+    alt?: string;
+    width?: number | string;
+    height?: number | string;
+    fit?: ImageFit;
+    radius?: number | string;
+    opacity?: number;
+    flex?: number;
+    placeholder?: string;
+    draggable?: boolean;
+    onLoad?: () => void;
+    onError?: () => void;
+    onClick?: () => void;
+    cache?: boolean;
+}
+declare function Image(props: ImageProps): DFNode;
+export type { ImageFit, ImageProps };
+export { Image };
+//# sourceMappingURL=Image.d.ts.map

package/packages/ui/dist/display/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/display/Image.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9C,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;AAGrD,UAAU,UAAU;IAElB,GAAG,EAAW,MAAM,CAAA;IAGpB,GAAG,CAAC,EAAU,MAAM,CAAA;IAGpB,KAAK,CAAC,EAAQ,MAAM,GAAG,MAAM,CAAA;IAG7B,MAAM,CAAC,EAAO,MAAM,GAAG,MAAM,CAAA;IAG7B,GAAG,CAAC,EAAU,QAAQ,CAAA;IAGtB,MAAM,CAAC,EAAO,MAAM,GAAG,MAAM,CAAA;IAG7B,OAAO,CAAC,EAAM,MAAM,CAAA;IAGpB,IAAI,CAAC,EAAS,MAAM,CAAA;IAGpB,WAAW,CAAC,EAAE,MAAM,CAAA;IAGpB,SAAS,CAAC,EAAI,OAAO,CAAA;IAGrB,MAAM,CAAC,EAAO,MAAM,IAAI,CAAA;IAGxB,OAAO,CAAC,EAAM,MAAM,IAAI,CAAA;IAGxB,OAAO,CAAC,EAAM,MAAM,IAAI,CAAA;IAGxB,KAAK,CAAC,EAAQ,OAAO,CAAA;CACtB;AAID,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAiBxC;AAED,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAA;AACpC,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/packages/ui/dist/display/Image.js

@@ -0,0 +1,30 @@
+"use strict";
+// Image.ts
+// Image display component.
+// Handles loading, error, and placeholder states.
+// Supports object-fit modes like CSS background-size.
+// Rendered by Skia with hardware acceleration.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Image = Image;
+const core_1 = require("@deskforge/core/");
+// Creates an image node
+// props — image configuration
+function Image(props) {
+    return (0, core_1.createNode)('Image', {
+        src: props.src,
+        alt: props.alt ?? '',
+        width: props.width,
+        height: props.height,
+        fit: props.fit ?? 'cover',
+        radius: props.radius ?? 0,
+        opacity: props.opacity ?? 1,
+        flex: props.flex,
+        placeholder: props.placeholder,
+        draggable: props.draggable ?? false,
+        onLoad: props.onLoad,
+        onError: props.onError,
+        onClick: props.onClick,
+        cache: props.cache ?? true,
+    }, []);
+}
+//# sourceMappingURL=Image.js.map

package/packages/ui/dist/display/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../src/display/Image.ts"],"names":[],"mappings":";AAAA,WAAW;AACX,2BAA2B;AAC3B,kDAAkD;AAClD,sDAAsD;AACtD,+CAA+C;;AA2EtC,sBAAK;AAzEd,2CAA6C;AAmD7C,wBAAwB;AACxB,8BAA8B;AAC9B,SAAS,KAAK,CAAC,KAAiB;IAC9B,OAAO,IAAA,iBAAU,EAAC,OAAO,EAAE;QACzB,GAAG,EAAU,KAAK,CAAC,GAAG;QACtB,GAAG,EAAU,KAAK,CAAC,GAAG,IAAY,EAAE;QACpC,KAAK,EAAQ,KAAK,CAAC,KAAK;QACxB,MAAM,EAAO,KAAK,CAAC,MAAM;QACzB,GAAG,EAAU,KAAK,CAAC,GAAG,IAAY,OAAO;QACzC,MAAM,EAAO,KAAK,CAAC,MAAM,IAAS,CAAC;QACnC,OAAO,EAAM,KAAK,CAAC,OAAO,IAAQ,CAAC;QACnC,IAAI,EAAS,KAAK,CAAC,IAAI;QACvB,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,SAAS,EAAI,KAAK,CAAC,SAAS,IAAM,KAAK;QACvC,MAAM,EAAO,KAAK,CAAC,MAAM;QACzB,OAAO,EAAM,KAAK,CAAC,OAAO;QAC1B,OAAO,EAAM,KAAK,CAAC,OAAO;QAC1B,KAAK,EAAQ,KAAK,CAAC,KAAK,IAAU,IAAI;KACZ,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC"}

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

@@ -0,0 +1,6 @@
+export * from './Card';
+export * from './Avatar';
+export * from './Badge';
+export * from './Image';
+export * from './Icon';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,24 @@
+"use strict";
+// index.ts
+// Public door into the display 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("./Card"), exports);
+__exportStar(require("./Avatar"), exports);
+__exportStar(require("./Badge"), exports);
+__exportStar(require("./Image"), exports);
+__exportStar(require("./Icon"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/packages/ui/dist/feedback/EmptyState.d.ts

@@ -0,0 +1,16 @@
+import type { DFNode } from '@deskforge/core/';
+import type { IconName } from '../display/Icon';
+interface EmptyStateProps {
+    icon?: IconName;
+    title: string;
+    message?: string;
+    action?: DFNode;
+    iconSize?: number;
+    iconColor?: string;
+    align?: 'left' | 'center' | 'right';
+    maxWidth?: number;
+}
+declare function EmptyState(props: EmptyStateProps): DFNode;
+export type { EmptyStateProps };
+export { EmptyState };
+//# sourceMappingURL=EmptyState.d.ts.map

package/packages/ui/dist/feedback/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../src/feedback/EmptyState.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAG/C,UAAU,eAAe;IAEvB,IAAI,CAAC,EAAM,QAAQ,CAAA;IAGnB,KAAK,EAAM,MAAM,CAAA;IAGjB,OAAO,CAAC,EAAG,MAAM,CAAA;IAIjB,MAAM,CAAC,EAAI,MAAM,CAAA;IAGjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAGjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAGlB,KAAK,CAAC,EAAK,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAGtC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAKD,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM,CAWlD;AAED,YAAY,EAAE,eAAe,EAAE,CAAA;AAC/B,OAAO,EAAE,UAAU,EAAE,CAAA"}