deskforge 1.0.0

package/packages/ui/dist/feedback/EmptyState.js

@@ -0,0 +1,25 @@
+"use strict";
+// EmptyState.ts
+// Shown when a list or view has no content.
+// Icon, title, message, and optional action button.
+// Centered by default — fills available space.
+// Replaces blank white screens with helpful guidance.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyState = EmptyState;
+const core_1 = require("@deskforge/core/");
+// Creates an empty state node
+// Shows when no content is available
+// props — empty state configuration
+function EmptyState(props) {
+    return (0, core_1.createNode)('EmptyState', {
+        icon: props.icon,
+        title: props.title,
+        message: props.message,
+        action: props.action,
+        iconSize: props.iconSize ?? 48,
+        iconColor: props.iconColor ?? 'textMuted',
+        align: props.align ?? 'center',
+        maxWidth: props.maxWidth ?? 320,
+    }, []);
+}
+//# sourceMappingURL=EmptyState.js.map

package/packages/ui/dist/feedback/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../src/feedback/EmptyState.ts"],"names":[],"mappings":";AAAA,gBAAgB;AAChB,4CAA4C;AAC5C,oDAAoD;AACpD,+CAA+C;AAC/C,sDAAsD;;AAmD7C,gCAAU;AAjDnB,2CAA6C;AAgC7C,8BAA8B;AAC9B,qCAAqC;AACrC,oCAAoC;AACpC,SAAS,UAAU,CAAC,KAAsB;IACxC,OAAO,IAAA,iBAAU,EAAC,YAAY,EAAE;QAC9B,IAAI,EAAO,KAAK,CAAC,IAAI;QACrB,KAAK,EAAM,KAAK,CAAC,KAAK;QACtB,OAAO,EAAI,KAAK,CAAC,OAAO;QACxB,MAAM,EAAK,KAAK,CAAC,MAAM;QACvB,QAAQ,EAAG,KAAK,CAAC,QAAQ,IAAK,EAAE;QAChC,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,WAAW;QACzC,KAAK,EAAM,KAAK,CAAC,KAAK,IAAQ,QAAQ;QACtC,QAAQ,EAAG,KAAK,CAAC,QAAQ,IAAK,GAAG;KACP,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC"}

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

@@ -0,0 +1,15 @@
+import type { DFNode } from '@deskforge/core/';
+interface SkeletonProps {
+    width?: number | string;
+    height?: number | string;
+    radius?: number | string;
+    animate?: boolean;
+    color?: string;
+    shimmer?: string;
+    margin?: number | string;
+    flex?: number;
+}
+declare function Skeleton(props?: SkeletonProps): DFNode;
+export type { SkeletonProps };
+export { Skeleton };
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../src/feedback/Skeleton.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9C,UAAU,aAAa;IAErB,KAAK,CAAC,EAAM,MAAM,GAAG,MAAM,CAAA;IAG3B,MAAM,CAAC,EAAK,MAAM,GAAG,MAAM,CAAA;IAG3B,MAAM,CAAC,EAAK,MAAM,GAAG,MAAM,CAAA;IAG3B,OAAO,CAAC,EAAI,OAAO,CAAA;IAGnB,KAAK,CAAC,EAAM,MAAM,CAAA;IAGlB,OAAO,CAAC,EAAI,MAAM,CAAA;IAGlB,MAAM,CAAC,EAAK,MAAM,GAAG,MAAM,CAAA;IAG3B,IAAI,CAAC,EAAO,MAAM,CAAA;CACnB;AAID,iBAAS,QAAQ,CAAC,KAAK,GAAE,aAAkB,GAAG,MAAM,CAWnD;AAED,YAAY,EAAE,aAAa,EAAE,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/packages/ui/dist/feedback/Skeleton.js

@@ -0,0 +1,24 @@
+"use strict";
+// Skeleton.ts
+// Loading placeholder component.
+// Shows animated shimmer while content loads.
+// Matches the shape of the content it replaces.
+// Renders as a shimmering rounded rectangle by Skia.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = Skeleton;
+const core_1 = require("@deskforge/core/");
+// Creates a skeleton loading placeholder node
+// props — skeleton dimensions and styling
+function Skeleton(props = {}) {
+    return (0, core_1.createNode)('Skeleton', {
+        width: props.width ?? '100%',
+        height: props.height ?? 20,
+        radius: props.radius ?? 'sm',
+        animate: props.animate ?? true,
+        color: props.color ?? 'surfaceAlt',
+        shimmer: props.shimmer ?? 'surface',
+        margin: props.margin ?? 0,
+        flex: props.flex,
+    }, []);
+}
+//# sourceMappingURL=Skeleton.js.map

package/packages/ui/dist/feedback/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/feedback/Skeleton.ts"],"names":[],"mappings":";AAAA,cAAc;AACd,iCAAiC;AACjC,8CAA8C;AAC9C,gDAAgD;AAChD,qDAAqD;;AAgD5C,4BAAQ;AA9CjB,2CAA6C;AA8B7C,8CAA8C;AAC9C,0CAA0C;AAC1C,SAAS,QAAQ,CAAC,QAAuB,EAAE;IACzC,OAAO,IAAA,iBAAU,EAAC,UAAU,EAAE;QAC5B,KAAK,EAAI,KAAK,CAAC,KAAK,IAAM,MAAM;QAChC,MAAM,EAAG,KAAK,CAAC,MAAM,IAAK,EAAE;QAC5B,MAAM,EAAG,KAAK,CAAC,MAAM,IAAK,IAAI;QAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,IAAI;QAC9B,KAAK,EAAI,KAAK,CAAC,KAAK,IAAM,YAAY;QACtC,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS;QACnC,MAAM,EAAG,KAAK,CAAC,MAAM,IAAK,CAAC;QAC3B,IAAI,EAAK,KAAK,CAAC,IAAI;KACO,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC"}

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

@@ -0,0 +1,13 @@
+import type { DFNode } from '@deskforge/core/';
+interface SpinnerProps {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
+    color?: string;
+    trackColor?: string;
+    thickness?: number;
+    speed?: number;
+    opacity?: number;
+}
+declare function Spinner(props?: SpinnerProps): DFNode;
+export type { SpinnerProps };
+export { Spinner };
+//# sourceMappingURL=Spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/feedback/Spinner.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAY9C,UAAU,YAAY;IAEpB,IAAI,CAAC,EAAO,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IAGrD,KAAK,CAAC,EAAM,MAAM,CAAA;IAGlB,UAAU,CAAC,EAAE,MAAM,CAAA;IAGnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAGlB,KAAK,CAAC,EAAM,MAAM,CAAA;IAGlB,OAAO,CAAC,EAAI,MAAM,CAAA;CACnB;AAID,iBAAS,OAAO,CAAC,KAAK,GAAE,YAAiB,GAAG,MAAM,CAgBjD;AAED,YAAY,EAAE,YAAY,EAAE,CAAA;AAC5B,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/packages/ui/dist/feedback/Spinner.js

@@ -0,0 +1,35 @@
+"use strict";
+// Spinner.ts
+// Loading indicator component.
+// Animated spinning circle rendered by Skia.
+// Uses spin animation from the animation system.
+// Shown automatically by Button when loading prop is true.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spinner = Spinner;
+const core_1 = require("@deskforge/core/");
+// Spinner size presets in pixels
+const SPINNER_SIZES = {
+    xs: 12,
+    sm: 16,
+    md: 24,
+    lg: 32,
+    xl: 48,
+};
+// Creates a loading spinner node
+// props — spinner configuration
+function Spinner(props = {}) {
+    const sizeValue = typeof props.size === 'number'
+        ? props.size
+        : SPINNER_SIZES[props.size ?? 'md'];
+    return (0, core_1.createNode)('Spinner', {
+        size: sizeValue,
+        color: props.color ?? 'primary',
+        trackColor: props.trackColor ?? 'border',
+        thickness: props.thickness ?? Math.max(2, sizeValue / 8),
+        speed: props.speed ?? 800,
+        opacity: props.opacity ?? 1,
+        // Spin animation — handled by renderer
+        animate: 'spin',
+    }, []);
+}
+//# sourceMappingURL=Spinner.js.map

package/packages/ui/dist/feedback/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../src/feedback/Spinner.ts"],"names":[],"mappings":";AAAA,aAAa;AACb,+BAA+B;AAC/B,6CAA6C;AAC7C,iDAAiD;AACjD,2DAA2D;;AAwDlD,0BAAO;AAtDhB,2CAA6C;AAG7C,iCAAiC;AACjC,MAAM,aAAa,GAAG;IACpB,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAA;AAuBD,iCAAiC;AACjC,gCAAgC;AAChC,SAAS,OAAO,CAAC,QAAsB,EAAE;IACvC,MAAM,SAAS,GAAG,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ;QAC9C,CAAC,CAAC,KAAK,CAAC,IAAI;QACZ,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,CAAA;IAErC,OAAO,IAAA,iBAAU,EAAC,SAAS,EAAE;QAC3B,IAAI,EAAQ,SAAS;QACrB,KAAK,EAAO,KAAK,CAAC,KAAK,IAAS,SAAS;QACzC,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,QAAQ;QACxC,SAAS,EAAG,KAAK,CAAC,SAAS,IAAK,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC;QAC1D,KAAK,EAAO,KAAK,CAAC,KAAK,IAAS,GAAG;QACnC,OAAO,EAAK,KAAK,CAAC,OAAO,IAAO,CAAC;QAEjC,uCAAuC;QACvC,OAAO,EAAK,MAAM;KACQ,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from './Spinner';
+export * from './Skeleton';
+export * from './EmptyState';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/feedback/index.ts"],"names":[],"mappings":"AAGA,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/feedback/index.ts"],"names":[],"mappings":";AAAA,WAAW;AACX,4CAA4C;;;;;;;;;;;;;;;;AAE5C,4CAAyB;AACzB,6CAA0B;AAC1B,+CAA4B"}

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

@@ -0,0 +1,11 @@
+export * from './layout/index';
+export * from './typography/index';
+export * from './input/index';
+export * from './display/index';
+export * from './feedback/index';
+export * from './navigation/index';
+export * from './overlay/index';
+export * from './data/index';
+export * from './charts/index';
+export * from './conditional/If';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,cAAc,gBAAgB,CAAA;AAG9B,cAAc,oBAAoB,CAAA;AAGlC,cAAc,eAAe,CAAA;AAG7B,cAAc,iBAAiB,CAAA;AAG/B,cAAc,kBAAkB,CAAA;AAGhC,cAAc,oBAAoB,CAAA;AAGlC,cAAc,iBAAiB,CAAA;AAG/B,cAAc,cAAc,CAAA;AAG5B,cAAc,gBAAgB,CAAA;AAG9B,cAAc,kBAAkB,CAAA"}

package/packages/ui/dist/index.js

@@ -0,0 +1,40 @@
+"use strict";
+// index.ts
+// Public door into the entire UI package.
+// Import any component from here.
+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 });
+// Layout components
+__exportStar(require("./layout/index"), exports);
+// Typography components
+__exportStar(require("./typography/index"), exports);
+// Input components
+__exportStar(require("./input/index"), exports);
+// Display components
+__exportStar(require("./display/index"), exports);
+// Feedback components
+__exportStar(require("./feedback/index"), exports);
+// Navigation components
+__exportStar(require("./navigation/index"), exports);
+// Overlay components
+__exportStar(require("./overlay/index"), exports);
+// Data components
+__exportStar(require("./data/index"), exports);
+// Chart components
+__exportStar(require("./charts/index"), exports);
+// Add this line to packages/ui/src/index.ts
+__exportStar(require("./conditional/If"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA,WAAW;AACX,0CAA0C;AAC1C,kCAAkC;;;;;;;;;;;;;;;;AAElC,oBAAoB;AACpB,iDAA8B;AAE9B,wBAAwB;AACxB,qDAAkC;AAElC,mBAAmB;AACnB,gDAA6B;AAE7B,qBAAqB;AACrB,kDAA+B;AAE/B,sBAAsB;AACtB,mDAAgC;AAEhC,wBAAwB;AACxB,qDAAkC;AAElC,qBAAqB;AACrB,kDAA+B;AAE/B,kBAAkB;AAClB,+CAA4B;AAE5B,mBAAmB;AACnB,iDAA8B;AAE9B,4CAA4C;AAC5C,mDAAgC"}

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

@@ -0,0 +1,26 @@
+import type { DFNode } from '@deskforge/core/';
+import type { DFEvent } from '@deskforge/state';
+type ButtonVariant = 'filled' | 'outline' | 'ghost' | 'danger';
+type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type IconPosition = 'left' | 'right';
+interface ButtonProps {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    icon?: string;
+    iconPosition?: IconPosition;
+    disabled?: boolean;
+    loading?: boolean;
+    fullWidth?: boolean;
+    background?: string;
+    color?: string;
+    radius?: number | string;
+    padding?: number | string;
+    opacity?: number;
+    onClick?: (event: DFEvent) => void;
+    tooltip?: string;
+    flex?: number;
+}
+declare function Button(label: string, props?: ButtonProps): DFNode;
+export type { ButtonVariant, ButtonSize, IconPosition, ButtonProps };
+export { Button };
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/input/Button.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAG/C,KAAK,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;AAG9D,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAGlD,KAAK,YAAY,GAAG,MAAM,GAAG,OAAO,CAAA;AAGpC,UAAU,WAAW;IAEnB,OAAO,CAAC,EAAO,aAAa,CAAA;IAG5B,IAAI,CAAC,EAAU,UAAU,CAAA;IAGzB,IAAI,CAAC,EAAU,MAAM,CAAA;IAGrB,YAAY,CAAC,EAAE,YAAY,CAAA;IAG3B,QAAQ,CAAC,EAAM,OAAO,CAAA;IAItB,OAAO,CAAC,EAAO,OAAO,CAAA;IAGtB,SAAS,CAAC,EAAK,OAAO,CAAA;IAGtB,UAAU,CAAC,EAAI,MAAM,CAAA;IAGrB,KAAK,CAAC,EAAS,MAAM,CAAA;IAGrB,MAAM,CAAC,EAAQ,MAAM,GAAG,MAAM,CAAA;IAG9B,OAAO,CAAC,EAAO,MAAM,GAAG,MAAM,CAAA;IAG9B,OAAO,CAAC,EAAO,MAAM,CAAA;IAGrB,OAAO,CAAC,EAAO,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAGvC,OAAO,CAAC,EAAO,MAAM,CAAA;IAGrB,IAAI,CAAC,EAAU,MAAM,CAAA;CACtB;AAKD,iBAAS,MAAM,CACb,KAAK,EAAE,MAAM,EACb,KAAK,GAAE,WAAgB,GACtB,MAAM,CAyBR;AAED,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,CAAA;AACpE,OAAO,EAAE,MAAM,EAAE,CAAA"}

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

@@ -0,0 +1,39 @@
+"use strict";
+// Button.ts
+// The primary interactive component.
+// Every tap, click, and press in DeskForge
+// goes through Button or a component built on it.
+// Micro animations applied automatically by Skia.
+// Press scale, hover brightness — zero developer effort.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = Button;
+const core_1 = require("@deskforge/core/");
+// Creates a button node
+// label — text displayed on the button
+// props — button configuration
+function Button(label, props = {}) {
+    return (0, core_1.createNode)('Button', {
+        label: label,
+        variant: props.variant ?? 'filled',
+        size: props.size ?? 'md',
+        icon: props.icon,
+        iconPosition: props.iconPosition ?? 'left',
+        disabled: props.disabled ?? false,
+        loading: props.loading ?? false,
+        fullWidth: props.fullWidth ?? false,
+        background: props.background,
+        color: props.color,
+        radius: props.radius ?? 'md',
+        padding: props.padding,
+        opacity: props.opacity ?? 1,
+        onClick: props.onClick,
+        tooltip: props.tooltip,
+        flex: props.flex,
+        // Micro animations — handled by renderer automatically
+        // Press scale down — release spring back
+        pressScale: 0.97,
+        hoverScale: 1.02,
+        animDuration: 150,
+    }, []);
+}
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/input/Button.ts"],"names":[],"mappings":";AAAA,YAAY;AACZ,qCAAqC;AACrC,2CAA2C;AAC3C,kDAAkD;AAClD,kDAAkD;AAClD,yDAAyD;;AAkGhD,wBAAM;AAhGf,2CAA6C;AA8D7C,wBAAwB;AACxB,uCAAuC;AACvC,+BAA+B;AAC/B,SAAS,MAAM,CACb,KAAa,EACb,QAAqB,EAAE;IAEvB,OAAO,IAAA,iBAAU,EAAC,QAAQ,EAAE;QAC1B,KAAK,EAAS,KAAK;QACnB,OAAO,EAAO,KAAK,CAAC,OAAO,IAAU,QAAQ;QAC7C,IAAI,EAAU,KAAK,CAAC,IAAI,IAAa,IAAI;QACzC,IAAI,EAAU,KAAK,CAAC,IAAI;QACxB,YAAY,EAAE,KAAK,CAAC,YAAY,IAAK,MAAM;QAC3C,QAAQ,EAAM,KAAK,CAAC,QAAQ,IAAS,KAAK;QAC1C,OAAO,EAAO,KAAK,CAAC,OAAO,IAAU,KAAK;QAC1C,SAAS,EAAK,KAAK,CAAC,SAAS,IAAQ,KAAK;QAC1C,UAAU,EAAI,KAAK,CAAC,UAAU;QAC9B,KAAK,EAAS,KAAK,CAAC,KAAK;QACzB,MAAM,EAAQ,KAAK,CAAC,MAAM,IAAW,IAAI;QACzC,OAAO,EAAO,KAAK,CAAC,OAAO;QAC3B,OAAO,EAAO,KAAK,CAAC,OAAO,IAAU,CAAC;QACtC,OAAO,EAAO,KAAK,CAAC,OAAO;QAC3B,OAAO,EAAO,KAAK,CAAC,OAAO;QAC3B,IAAI,EAAU,KAAK,CAAC,IAAI;QAExB,uDAAuD;QACvD,yCAAyC;QACzC,UAAU,EAAI,IAAI;QAClB,UAAU,EAAI,IAAI;QAClB,YAAY,EAAE,GAAG;KACS,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/input/Checkbox.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9C,UAAU,aAAa;IAErB,KAAK,CAAC,EAAU,MAAM,CAAA;IAGtB,IAAI,CAAC,EAAW,MAAM,CAAA;IAGtB,OAAO,CAAC,EAAQ,OAAO,CAAA;IAIvB,aAAa,CAAC,EAAE,OAAO,CAAA;IAGvB,QAAQ,CAAC,EAAO,OAAO,CAAA;IAGvB,KAAK,CAAC,EAAU,MAAM,CAAA;IAGtB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAGhC,QAAQ,CAAC,EAAO,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAG1C,IAAI,CAAC,EAAW,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACnC;AAID,iBAAS,QAAQ,CAAC,KAAK,GAAE,aAAkB,GAAG,MAAM,CAYnD;AAED,YAAY,EAAE,aAAa,EAAE,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,CAAA"}

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

@@ -0,0 +1,25 @@
+"use strict";
+// Checkbox.ts
+// Boolean toggle component shown as a checkbox.
+// Checkmark animates in when checked.
+// Supports indeterminate state for select-all patterns.
+// Two-way state binding via the bind prop.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = Checkbox;
+const core_1 = require("@deskforge/core/");
+// Creates a checkbox node
+// props — checkbox configuration
+function Checkbox(props = {}) {
+    return (0, core_1.createNode)('Checkbox', {
+        label: props.label,
+        bind: props.bind,
+        checked: props.checked ?? false,
+        indeterminate: props.indeterminate ?? false,
+        disabled: props.disabled ?? false,
+        color: props.color ?? 'primary',
+        labelPosition: props.labelPosition ?? 'right',
+        onChange: props.onChange,
+        size: props.size ?? 'md',
+    }, []);
+}
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/input/Checkbox.ts"],"names":[],"mappings":";AAAA,cAAc;AACd,gDAAgD;AAChD,sCAAsC;AACtC,wDAAwD;AACxD,2CAA2C;;AAqDlC,4BAAQ;AAnDjB,2CAA6C;AAkC7C,0BAA0B;AAC1B,iCAAiC;AACjC,SAAS,QAAQ,CAAC,QAAuB,EAAE;IACzC,OAAO,IAAA,iBAAU,EAAC,UAAU,EAAE;QAC5B,KAAK,EAAU,KAAK,CAAC,KAAK;QAC1B,IAAI,EAAW,KAAK,CAAC,IAAI;QACzB,OAAO,EAAQ,KAAK,CAAC,OAAO,IAAU,KAAK;QAC3C,aAAa,EAAE,KAAK,CAAC,aAAa,IAAI,KAAK;QAC3C,QAAQ,EAAO,KAAK,CAAC,QAAQ,IAAS,KAAK;QAC3C,KAAK,EAAU,KAAK,CAAC,KAAK,IAAY,SAAS;QAC/C,aAAa,EAAE,KAAK,CAAC,aAAa,IAAI,OAAO;QAC7C,QAAQ,EAAO,KAAK,CAAC,QAAQ;QAC7B,IAAI,EAAW,KAAK,CAAC,IAAI,IAAa,IAAI;KAChB,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC"}

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

@@ -0,0 +1,27 @@
+import type { DFNode } from '@deskforge/core/';
+interface DropdownOption {
+    label: string;
+    value: unknown;
+    icon?: string;
+    disabled?: boolean;
+}
+interface DropdownProps {
+    options: DropdownOption[];
+    bind?: string;
+    value?: unknown;
+    placeholder?: string;
+    label?: string;
+    searchable?: boolean;
+    disabled?: boolean;
+    error?: string;
+    width?: number | string;
+    flex?: number;
+    onChange?: (value: unknown, option: DropdownOption) => void;
+    background?: string;
+    radius?: number | string;
+    maxHeight?: number;
+}
+declare function Dropdown(props: DropdownProps): DFNode;
+export type { DropdownOption, DropdownProps };
+export { Dropdown };
+//# sourceMappingURL=Dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/input/Dropdown.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9C,UAAU,cAAc;IAEtB,KAAK,EAAE,MAAM,CAAA;IAGb,KAAK,EAAE,OAAO,CAAA;IAGd,IAAI,CAAC,EAAM,MAAM,CAAA;IAGjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAGD,UAAU,aAAa;IAErB,OAAO,EAAO,cAAc,EAAE,CAAA;IAG9B,IAAI,CAAC,EAAS,MAAM,CAAA;IAGpB,KAAK,CAAC,EAAQ,OAAO,CAAA;IAGrB,WAAW,CAAC,EAAE,MAAM,CAAA;IAGpB,KAAK,CAAC,EAAQ,MAAM,CAAA;IAGpB,UAAU,CAAC,EAAG,OAAO,CAAA;IAGrB,QAAQ,CAAC,EAAK,OAAO,CAAA;IAGrB,KAAK,CAAC,EAAQ,MAAM,CAAA;IAGpB,KAAK,CAAC,EAAQ,MAAM,GAAG,MAAM,CAAA;IAG7B,IAAI,CAAC,EAAS,MAAM,CAAA;IAGpB,QAAQ,CAAC,EAAK,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAA;IAG9D,UAAU,CAAC,EAAG,MAAM,CAAA;IAGpB,MAAM,CAAC,EAAO,MAAM,GAAG,MAAM,CAAA;IAG7B,SAAS,CAAC,EAAI,MAAM,CAAA;CACrB;AAID,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,CAiB9C;AAED,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,CAAA"}

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

@@ -0,0 +1,30 @@
+"use strict";
+// Dropdown.ts
+// Select one option from a list.
+// Opens a Skia-rendered dropdown panel.
+// Supports search filtering for long lists.
+// Two-way state binding via bind prop.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dropdown = Dropdown;
+const core_1 = require("@deskforge/core/");
+// Creates a dropdown select node
+// props — dropdown configuration
+function Dropdown(props) {
+    return (0, core_1.createNode)('Dropdown', {
+        options: props.options,
+        bind: props.bind,
+        value: props.value,
+        placeholder: props.placeholder ?? 'Select...',
+        label: props.label,
+        searchable: props.searchable ?? false,
+        disabled: props.disabled ?? false,
+        error: props.error,
+        width: props.width ?? '100%',
+        flex: props.flex,
+        onChange: props.onChange,
+        background: props.background ?? 'surface',
+        radius: props.radius ?? 'md',
+        maxHeight: props.maxHeight ?? 300,
+    }, []);
+}
+//# sourceMappingURL=Dropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/input/Dropdown.ts"],"names":[],"mappings":";AAAA,cAAc;AACd,iCAAiC;AACjC,wCAAwC;AACxC,4CAA4C;AAC5C,uCAAuC;;AAuF9B,4BAAQ;AArFjB,2CAA6C;AA+D7C,iCAAiC;AACjC,iCAAiC;AACjC,SAAS,QAAQ,CAAC,KAAoB;IACpC,OAAO,IAAA,iBAAU,EAAC,UAAU,EAAE;QAC5B,OAAO,EAAM,KAAK,CAAC,OAAO;QAC1B,IAAI,EAAS,KAAK,CAAC,IAAI;QACvB,KAAK,EAAQ,KAAK,CAAC,KAAK;QACxB,WAAW,EAAE,KAAK,CAAC,WAAW,IAAK,WAAW;QAC9C,KAAK,EAAQ,KAAK,CAAC,KAAK;QACxB,UAAU,EAAG,KAAK,CAAC,UAAU,IAAM,KAAK;QACxC,QAAQ,EAAK,KAAK,CAAC,QAAQ,IAAQ,KAAK;QACxC,KAAK,EAAQ,KAAK,CAAC,KAAK;QACxB,KAAK,EAAQ,KAAK,CAAC,KAAK,IAAW,MAAM;QACzC,IAAI,EAAS,KAAK,CAAC,IAAI;QACvB,QAAQ,EAAK,KAAK,CAAC,QAAQ;QAC3B,UAAU,EAAG,KAAK,CAAC,UAAU,IAAM,SAAS;QAC5C,MAAM,EAAO,KAAK,CAAC,MAAM,IAAU,IAAI;QACvC,SAAS,EAAI,KAAK,CAAC,SAAS,IAAO,GAAG;KACZ,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC"}

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

@@ -0,0 +1,34 @@
+import type { DFNode } from '@deskforge/core/';
+type InputType = 'text' | 'password' | 'number' | 'email' | 'phone' | 'url' | 'search';
+interface InputProps {
+    bind?: string;
+    value?: string | number;
+    placeholder?: string;
+    label?: string;
+    hint?: string;
+    error?: string;
+    type?: InputType;
+    multiline?: boolean;
+    rows?: number;
+    prefix?: string;
+    suffix?: string;
+    icon?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    validate?: (value: string) => boolean | string;
+    maxLength?: number;
+    onChange?: (value: string) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onSubmit?: () => void;
+    background?: string;
+    radius?: number | string;
+    width?: number | string;
+    flex?: number;
+    autoFocus?: boolean;
+}
+declare function Input(props?: InputProps): DFNode;
+export type { InputType, InputProps };
+export { Input };
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/input/Input.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9C,KAAK,SAAS,GACV,MAAM,GACN,UAAU,GACV,QAAQ,GACR,OAAO,GACP,OAAO,GACP,KAAK,GACL,QAAQ,CAAA;AAGZ,UAAU,UAAU;IAGlB,IAAI,CAAC,EAAS,MAAM,CAAA;IAGpB,KAAK,CAAC,EAAQ,MAAM,GAAG,MAAM,CAAA;IAG7B,WAAW,CAAC,EAAE,MAAM,CAAA;IAGpB,KAAK,CAAC,EAAQ,MAAM,CAAA;IAGpB,IAAI,CAAC,EAAS,MAAM,CAAA;IAGpB,KAAK,CAAC,EAAQ,MAAM,CAAA;IAGpB,IAAI,CAAC,EAAS,SAAS,CAAA;IAGvB,SAAS,CAAC,EAAI,OAAO,CAAA;IAGrB,IAAI,CAAC,EAAS,MAAM,CAAA;IAGpB,MAAM,CAAC,EAAO,MAAM,CAAA;IAGpB,MAAM,CAAC,EAAO,MAAM,CAAA;IAGpB,IAAI,CAAC,EAAS,MAAM,CAAA;IAGpB,QAAQ,CAAC,EAAK,OAAO,CAAA;IAGrB,QAAQ,CAAC,EAAK,OAAO,CAAA;IAGrB,QAAQ,CAAC,EAAK,OAAO,CAAA;IAIrB,QAAQ,CAAC,EAAK,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,MAAM,CAAA;IAGjD,SAAS,CAAC,EAAI,MAAM,CAAA;IAGpB,QAAQ,CAAC,EAAK,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAGrC,OAAO,CAAC,EAAM,MAAM,IAAI,CAAA;IAGxB,MAAM,CAAC,EAAO,MAAM,IAAI,CAAA;IAGxB,QAAQ,CAAC,EAAK,MAAM,IAAI,CAAA;IAGxB,UAAU,CAAC,EAAG,MAAM,CAAA;IAGpB,MAAM,CAAC,EAAO,MAAM,GAAG,MAAM,CAAA;IAG7B,KAAK,CAAC,EAAQ,MAAM,GAAG,MAAM,CAAA;IAG7B,IAAI,CAAC,EAAS,MAAM,CAAA;IAGpB,SAAS,CAAC,EAAI,OAAO,CAAA;CACtB;AAID,iBAAS,KAAK,CAAC,KAAK,GAAE,UAAe,GAAG,MAAM,CA6B7C;AAED,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,CAAA"}

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

@@ -0,0 +1,43 @@
+"use strict";
+// Input.ts
+// Text input component.
+// Supports single line and multiline modes.
+// Two-way state binding via the bind prop.
+// Validation built in — no external library needed.
+// Label floats up on focus automatically.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = Input;
+const core_1 = require("@deskforge/core/");
+// Creates a text input node
+// props — input configuration
+function Input(props = {}) {
+    return (0, core_1.createNode)('Input', {
+        bind: props.bind,
+        value: props.value,
+        placeholder: props.placeholder,
+        label: props.label,
+        hint: props.hint,
+        error: props.error,
+        type: props.type ?? 'text',
+        multiline: props.multiline ?? false,
+        rows: props.rows ?? 4,
+        prefix: props.prefix,
+        suffix: props.suffix,
+        icon: props.icon,
+        disabled: props.disabled ?? false,
+        readonly: props.readonly ?? false,
+        required: props.required ?? false,
+        validate: props.validate,
+        maxLength: props.maxLength,
+        onChange: props.onChange,
+        onFocus: props.onFocus,
+        onBlur: props.onBlur,
+        onSubmit: props.onSubmit,
+        background: props.background ?? 'surface',
+        radius: props.radius ?? 'md',
+        width: props.width ?? '100%',
+        flex: props.flex,
+        autoFocus: props.autoFocus ?? false,
+    }, []);
+}
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/input/Input.ts"],"names":[],"mappings":";AAAA,WAAW;AACX,wBAAwB;AACxB,4CAA4C;AAC5C,2CAA2C;AAC3C,oDAAoD;AACpD,0CAA0C;;AAoIjC,sBAAK;AAlId,2CAA6C;AAgG7C,4BAA4B;AAC5B,8BAA8B;AAC9B,SAAS,KAAK,CAAC,QAAoB,EAAE;IACnC,OAAO,IAAA,iBAAU,EAAC,OAAO,EAAE;QACzB,IAAI,EAAS,KAAK,CAAC,IAAI;QACvB,KAAK,EAAQ,KAAK,CAAC,KAAK;QACxB,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,KAAK,EAAQ,KAAK,CAAC,KAAK;QACxB,IAAI,EAAS,KAAK,CAAC,IAAI;QACvB,KAAK,EAAQ,KAAK,CAAC,KAAK;QACxB,IAAI,EAAS,KAAK,CAAC,IAAI,IAAW,MAAM;QACxC,SAAS,EAAI,KAAK,CAAC,SAAS,IAAM,KAAK;QACvC,IAAI,EAAS,KAAK,CAAC,IAAI,IAAW,CAAC;QACnC,MAAM,EAAO,KAAK,CAAC,MAAM;QACzB,MAAM,EAAO,KAAK,CAAC,MAAM;QACzB,IAAI,EAAS,KAAK,CAAC,IAAI;QACvB,QAAQ,EAAK,KAAK,CAAC,QAAQ,IAAO,KAAK;QACvC,QAAQ,EAAK,KAAK,CAAC,QAAQ,IAAO,KAAK;QACvC,QAAQ,EAAK,KAAK,CAAC,QAAQ,IAAO,KAAK;QACvC,QAAQ,EAAK,KAAK,CAAC,QAAQ;QAC3B,SAAS,EAAI,KAAK,CAAC,SAAS;QAC5B,QAAQ,EAAK,KAAK,CAAC,QAAQ;QAC3B,OAAO,EAAM,KAAK,CAAC,OAAO;QAC1B,MAAM,EAAO,KAAK,CAAC,MAAM;QACzB,QAAQ,EAAK,KAAK,CAAC,QAAQ;QAC3B,UAAU,EAAG,KAAK,CAAC,UAAU,IAAK,SAAS;QAC3C,MAAM,EAAO,KAAK,CAAC,MAAM,IAAS,IAAI;QACtC,KAAK,EAAQ,KAAK,CAAC,KAAK,IAAU,MAAM;QACxC,IAAI,EAAS,KAAK,CAAC,IAAI;QACvB,SAAS,EAAI,KAAK,CAAC,SAAS,IAAM,KAAK;KACb,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC"}

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

@@ -0,0 +1,20 @@
+import type { DFNode } from '@deskforge/core/';
+interface SearchBarProps {
+    bind?: string;
+    value?: string;
+    placeholder?: string;
+    debounce?: number;
+    disabled?: boolean;
+    background?: string;
+    radius?: number | string;
+    width?: number | string;
+    flex?: number;
+    onSearch?: (query: string) => void;
+    onClear?: () => void;
+    clearable?: boolean;
+    autoFocus?: boolean;
+}
+declare function SearchBar(props?: SearchBarProps): DFNode;
+export type { SearchBarProps };
+export { SearchBar };
+//# sourceMappingURL=SearchBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../src/input/SearchBar.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9C,UAAU,cAAc;IAEtB,IAAI,CAAC,EAAU,MAAM,CAAA;IAGrB,KAAK,CAAC,EAAS,MAAM,CAAA;IAGrB,WAAW,CAAC,EAAG,MAAM,CAAA;IAIrB,QAAQ,CAAC,EAAM,MAAM,CAAA;IAGrB,QAAQ,CAAC,EAAM,OAAO,CAAA;IAGtB,UAAU,CAAC,EAAI,MAAM,CAAA;IAGrB,MAAM,CAAC,EAAQ,MAAM,GAAG,MAAM,CAAA;IAG9B,KAAK,CAAC,EAAS,MAAM,GAAG,MAAM,CAAA;IAG9B,IAAI,CAAC,EAAU,MAAM,CAAA;IAGrB,QAAQ,CAAC,EAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAGtC,OAAO,CAAC,EAAO,MAAM,IAAI,CAAA;IAGzB,SAAS,CAAC,EAAK,OAAO,CAAA;IAGtB,SAAS,CAAC,EAAK,OAAO,CAAA;CACvB;AAID,iBAAS,SAAS,CAAC,KAAK,GAAE,cAAmB,GAAG,MAAM,CAmBrD;AAED,YAAY,EAAE,cAAc,EAAE,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,CAAA"}

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

@@ -0,0 +1,31 @@
+"use strict";
+// SearchBar.ts
+// Dedicated search input component.
+// Shows search icon and clear button automatically.
+// Debounces input so search does not fire on every keystroke.
+// Two-way state binding via bind prop.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchBar = SearchBar;
+const core_1 = require("@deskforge/core/");
+// Creates a search input node
+// props — search bar configuration
+function SearchBar(props = {}) {
+    return (0, core_1.createNode)('SearchBar', {
+        bind: props.bind,
+        value: props.value ?? '',
+        placeholder: props.placeholder ?? 'Search...',
+        debounce: props.debounce ?? 300,
+        disabled: props.disabled ?? false,
+        background: props.background ?? 'surface',
+        radius: props.radius ?? 'full',
+        width: props.width ?? '100%',
+        flex: props.flex,
+        onSearch: props.onSearch,
+        onClear: props.onClear,
+        clearable: props.clearable ?? true,
+        autoFocus: props.autoFocus ?? false,
+        // Search icon shown on left automatically
+        icon: 'search',
+    }, []);
+}
+//# sourceMappingURL=SearchBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../src/input/SearchBar.ts"],"names":[],"mappings":";AAAA,eAAe;AACf,oCAAoC;AACpC,oDAAoD;AACpD,8DAA8D;AAC9D,uCAAuC;;AAwE9B,8BAAS;AAtElB,2CAA6C;AA8C7C,8BAA8B;AAC9B,mCAAmC;AACnC,SAAS,SAAS,CAAC,QAAwB,EAAE;IAC3C,OAAO,IAAA,iBAAU,EAAC,WAAW,EAAE;QAC7B,IAAI,EAAS,KAAK,CAAC,IAAI;QACvB,KAAK,EAAQ,KAAK,CAAC,KAAK,IAAW,EAAE;QACrC,WAAW,EAAE,KAAK,CAAC,WAAW,IAAK,WAAW;QAC9C,QAAQ,EAAK,KAAK,CAAC,QAAQ,IAAQ,GAAG;QACtC,QAAQ,EAAK,KAAK,CAAC,QAAQ,IAAQ,KAAK;QACxC,UAAU,EAAG,KAAK,CAAC,UAAU,IAAM,SAAS;QAC5C,MAAM,EAAO,KAAK,CAAC,MAAM,IAAU,MAAM;QACzC,KAAK,EAAQ,KAAK,CAAC,KAAK,IAAW,MAAM;QACzC,IAAI,EAAS,KAAK,CAAC,IAAI;QACvB,QAAQ,EAAK,KAAK,CAAC,QAAQ;QAC3B,OAAO,EAAM,KAAK,CAAC,OAAO;QAC1B,SAAS,EAAI,KAAK,CAAC,SAAS,IAAO,IAAI;QACvC,SAAS,EAAI,KAAK,CAAC,SAAS,IAAO,KAAK;QAExC,0CAA0C;QAC1C,IAAI,EAAS,QAAQ;KACK,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC"}

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

@@ -0,0 +1,22 @@
+import type { DFNode } from '@deskforge/core/';
+interface SliderProps {
+    min?: number;
+    max?: number;
+    step?: number;
+    bind?: string;
+    value?: number;
+    showValue?: boolean;
+    disabled?: boolean;
+    color?: string;
+    trackColor?: string;
+    trackHeight?: number;
+    thumbSize?: number;
+    width?: number | string;
+    onChange?: (value: number) => void;
+    onRelease?: (value: number) => void;
+    format?: (value: number) => string;
+}
+declare function Slider(props?: SliderProps): DFNode;
+export type { SliderProps };
+export { Slider };
+//# sourceMappingURL=Slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../src/input/Slider.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9C,UAAU,WAAW;IAEnB,GAAG,CAAC,EAAW,MAAM,CAAA;IAGrB,GAAG,CAAC,EAAW,MAAM,CAAA;IAGrB,IAAI,CAAC,EAAU,MAAM,CAAA;IAGrB,IAAI,CAAC,EAAU,MAAM,CAAA;IAGrB,KAAK,CAAC,EAAS,MAAM,CAAA;IAGrB,SAAS,CAAC,EAAK,OAAO,CAAA;IAGtB,QAAQ,CAAC,EAAM,OAAO,CAAA;IAGtB,KAAK,CAAC,EAAS,MAAM,CAAA;IAGrB,UAAU,CAAC,EAAI,MAAM,CAAA;IAGrB,WAAW,CAAC,EAAG,MAAM,CAAA;IAGrB,SAAS,CAAC,EAAK,MAAM,CAAA;IAGrB,KAAK,CAAC,EAAS,MAAM,GAAG,MAAM,CAAA;IAG9B,QAAQ,CAAC,EAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAGtC,SAAS,CAAC,EAAK,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAGtC,MAAM,CAAC,EAAQ,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACzC;AAID,iBAAS,MAAM,CAAC,KAAK,GAAE,WAAgB,GAAG,MAAM,CAkB/C;AAED,YAAY,EAAE,WAAW,EAAE,CAAA;AAC3B,OAAO,EAAE,MAAM,EAAE,CAAA"}