@rangka/client 0.0.1

package/dist/widgets/components/AttachmentsWidget.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import type { WidgetProps } from '../types.js';
+export declare function AttachmentsWidget({ props, bind, on }: WidgetProps): React.JSX.Element;
+export declare namespace AttachmentsWidget {
+    var widgetMeta: {
+        name: string;
+        label: string;
+        category: "input";
+        schema: {
+            label: {
+                type: "string";
+            };
+            accept: {
+                type: "string";
+            };
+            maxSize: {
+                type: "string";
+            };
+            maxCount: {
+                type: "number";
+                default: number;
+            };
+            disabled: {
+                type: "boolean";
+                default: boolean;
+            };
+        };
+        binding: "field";
+        triggers: string[];
+        container: boolean;
+    };
+}
+//# sourceMappingURL=AttachmentsWidget.d.ts.map

package/dist/widgets/components/AttachmentsWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentsWidget.d.ts","sourceRoot":"","sources":["../../../src/widgets/components/AttachmentsWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQ/C,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,WAAW,qBA4FjE;yBA5Fe,iBAAiB"}

package/dist/widgets/components/AttachmentsWidget.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { Button } from '@/components/ui/button';
+import { Field, FieldLabel } from '@/components/ui/field';
+import { cn } from '@/lib/utils';
+export function AttachmentsWidget({ props, bind, on }) {
+    const label = props.label ?? bind.meta?.label ?? '';
+    const accept = props.accept ?? '';
+    const maxCount = props.maxCount ?? 10;
+    const disabled = props.disabled ?? bind.meta?.readOnly ?? false;
+    const inputRef = useRef(null);
+    const files = bind.value ?? [];
+    const handleFileChange = (e) => {
+        const newFiles = Array.from(e.target.files ?? []).map((f) => ({ name: f.name, size: f.size }));
+        const next = [...files, ...newFiles].slice(0, maxCount);
+        bind.setValue?.(next);
+        on.change?.(next);
+        if (inputRef.current)
+            inputRef.current.value = '';
+    };
+    const handleDrop = (e) => {
+        e.preventDefault();
+        if (disabled)
+            return;
+        const newFiles = Array.from(e.dataTransfer.files).map((f) => ({ name: f.name, size: f.size }));
+        const next = [...files, ...newFiles].slice(0, maxCount);
+        bind.setValue?.(next);
+        on.change?.(next);
+    };
+    const handleRemove = (index) => {
+        const next = files.filter((_, i) => i !== index);
+        bind.setValue?.(next);
+        on.remove?.(index);
+    };
+    return (_jsxs(Field, { children: [label && _jsx(FieldLabel, { children: label }), files.length > 0 && (_jsx("ul", { className: "mb-2 space-y-1", role: "list", children: files.map((file, i) => (_jsxs("li", { className: "flex items-center gap-2 rounded-md border border-input px-3 py-1.5", children: [_jsx("span", { className: "flex-1 truncate text-sm", children: file.name }), file.size && (_jsxs("span", { className: "text-xs text-muted-foreground", children: [(file.size / 1024).toFixed(1), " KB"] })), !disabled && (_jsx(Button, { variant: "ghost", size: "sm", onClick: () => handleRemove(i), className: "h-5 px-1", "aria-label": `Remove ${file.name}`, children: "\u00D7" }))] }, `${file.name}-${i}`))) })), files.length < maxCount && (_jsx("div", { className: cn('flex flex-col items-center justify-center rounded-md border-2 border-dashed border-input p-4 text-center transition-colors', !disabled && 'cursor-pointer hover:border-primary/50 hover:bg-accent/50', disabled && 'opacity-50 cursor-not-allowed'), onClick: () => !disabled && inputRef.current?.click(), onDrop: handleDrop, onDragOver: (e) => e.preventDefault(), role: "button", "aria-label": "Upload files", children: _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Drop files here or click to browse (", files.length, "/", maxCount, ")"] }) })), _jsx("input", { ref: inputRef, type: "file", accept: accept, multiple: true, onChange: handleFileChange, className: "hidden", disabled: disabled })] }));
+}
+AttachmentsWidget.widgetMeta = {
+    name: 'attachments',
+    label: 'Attachments',
+    category: 'input',
+    schema: {
+        label: { type: 'string' },
+        accept: { type: 'string' },
+        maxSize: { type: 'string' },
+        maxCount: { type: 'number', default: 10 },
+        disabled: { type: 'boolean', default: false },
+    },
+    binding: 'field',
+    triggers: ['change', 'remove'],
+    container: false,
+};
+//# sourceMappingURL=AttachmentsWidget.js.map

package/dist/widgets/components/AttachmentsWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentsWidget.js","sourceRoot":"","sources":["../../../src/widgets/components/AttachmentsWidget.tsx"],"names":[],"mappings":"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"}

package/dist/widgets/components/BadgeWidget.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { WidgetProps } from '../types.js';
+export declare function BadgeWidget({ props, bind }: WidgetProps): React.JSX.Element;
+export declare namespace BadgeWidget {
+    var widgetMeta: {
+        name: string;
+        label: string;
+        category: "display";
+        schema: {
+            variant: {
+                type: "enum";
+                options: string[];
+                default: string;
+            };
+            color: {
+                type: "enum";
+                options: string[];
+                default: string;
+            };
+            colorMap: {
+                type: "object";
+            };
+        };
+        binding: "field";
+        triggers: never[];
+        container: boolean;
+    };
+}
+//# sourceMappingURL=BadgeWidget.d.ts.map

package/dist/widgets/components/BadgeWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeWidget.d.ts","sourceRoot":"","sources":["../../../src/widgets/components/BadgeWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQ/C,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,WAAW,qBAMvD;yBANe,WAAW"}

package/dist/widgets/components/BadgeWidget.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Badge } from '@/components/ui/badge';
+const variantMap = {
+    solid: 'default',
+    outline: 'outline',
+    subtle: 'secondary',
+};
+export function BadgeWidget({ props, bind }) {
+    const label = props.label;
+    const value = bind.value ?? '';
+    const variant = variantMap[props.variant ?? 'subtle'] ?? 'secondary';
+    return _jsx(Badge, { variant: variant, children: label || value });
+}
+BadgeWidget.widgetMeta = {
+    name: 'badge',
+    label: 'Badge',
+    category: 'display',
+    schema: {
+        variant: { type: 'enum', options: ['solid', 'outline', 'subtle'], default: 'subtle' },
+        color: {
+            type: 'enum',
+            options: ['default', 'success', 'warning', 'error', 'info'],
+            default: 'default',
+        },
+        colorMap: { type: 'object' },
+    },
+    binding: 'field',
+    triggers: [],
+    container: false,
+};
+//# sourceMappingURL=BadgeWidget.js.map

package/dist/widgets/components/BadgeWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeWidget.js","sourceRoot":"","sources":["../../../src/widgets/components/BadgeWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAG9C,MAAM,UAAU,GAAwE;IACtF,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAe;IACtD,MAAM,KAAK,GAAG,KAAK,CAAC,KAA2B,CAAC;IAChD,MAAM,KAAK,GAAI,IAAI,CAAC,KAAgB,IAAI,EAAE,CAAC;IAC3C,MAAM,OAAO,GAAG,UAAU,CAAE,KAAK,CAAC,OAAkB,IAAI,QAAQ,CAAC,IAAI,WAAW,CAAC;IAEjF,OAAO,KAAC,KAAK,IAAC,OAAO,EAAE,OAAO,YAAG,KAAK,IAAI,KAAK,GAAS,CAAC;AAC3D,CAAC;AAED,WAAW,CAAC,UAAU,GAAG;IACvB,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,SAAkB;IAC5B,MAAM,EAAE;QACN,OAAO,EAAE,EAAE,IAAI,EAAE,MAAe,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC9F,KAAK,EAAE;YACL,IAAI,EAAE,MAAe;YACrB,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC;YAC3D,OAAO,EAAE,SAAS;SACnB;QACD,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE;KACtC;IACD,OAAO,EAAE,OAAgB;IACzB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,KAAK;CACjB,CAAC"}

package/dist/widgets/components/ButtonWidget.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import type { WidgetProps } from '../types.js';
+export declare function ButtonWidget({ props, on }: WidgetProps): React.JSX.Element;
+export declare namespace ButtonWidget {
+    var widgetMeta: {
+        name: string;
+        label: string;
+        category: "action";
+        schema: {
+            label: {
+                type: "string";
+                required: boolean;
+            };
+            variant: {
+                type: "enum";
+                options: string[];
+                default: string;
+            };
+            size: {
+                type: "enum";
+                options: string[];
+                default: string;
+            };
+            disabled: {
+                type: "boolean";
+                default: boolean;
+            };
+            loading: {
+                type: "boolean";
+                default: boolean;
+            };
+        };
+        binding: "none";
+        triggers: string[];
+        container: boolean;
+    };
+}
+//# sourceMappingURL=ButtonWidget.d.ts.map

package/dist/widgets/components/ButtonWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonWidget.d.ts","sourceRoot":"","sources":["../../../src/widgets/components/ButtonWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,WAAW,qBAkBtD;yBAlBe,YAAY"}

package/dist/widgets/components/ButtonWidget.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button as UIButton } from '@/components/ui/button';
+export function ButtonWidget({ props, on }) {
+    const variant = props.variant;
+    const size = props.size;
+    return (_jsx(UIButton, { variant: variant === 'primary'
+            ? 'default'
+            : variant, size: size === 'md' ? 'default' : size, disabled: props.disabled, onClick: on.click, children: props.label }));
+}
+ButtonWidget.widgetMeta = {
+    name: 'button',
+    label: 'Button',
+    category: 'action',
+    schema: {
+        label: { type: 'string', required: true },
+        variant: {
+            type: 'enum',
+            options: ['primary', 'secondary', 'ghost', 'destructive'],
+            default: 'secondary',
+        },
+        size: { type: 'enum', options: ['sm', 'md', 'lg'], default: 'md' },
+        disabled: { type: 'boolean', default: false },
+        loading: { type: 'boolean', default: false },
+    },
+    binding: 'none',
+    triggers: ['click'],
+    container: false,
+};
+//# sourceMappingURL=ButtonWidget.js.map

package/dist/widgets/components/ButtonWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonWidget.js","sourceRoot":"","sources":["../../../src/widgets/components/ButtonWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAG5D,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE,EAAe;IACrD,MAAM,OAAO,GAAG,KAAK,CAAC,OAA6B,CAAC;IACpD,MAAM,IAAI,GAAG,KAAK,CAAC,IAA0B,CAAC;IAE9C,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,EACL,OAAO,KAAK,SAAS;YACnB,CAAC,CAAC,SAAS;YACX,CAAC,CAAE,OAAyE,EAEhF,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,IAA4C,EAC/E,QAAQ,EAAE,KAAK,CAAC,QAA+B,EAC/C,OAAO,EAAE,EAAE,CAAC,KAAK,YAEhB,KAAK,CAAC,KAAe,GACb,CACZ,CAAC;AACJ,CAAC;AAED,YAAY,CAAC,UAAU,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,QAAiB;IAC3B,MAAM,EAAE;QACN,KAAK,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE,QAAQ,EAAE,IAAI,EAAE;QAClD,OAAO,EAAE;YACP,IAAI,EAAE,MAAe;YACrB,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,CAAC;YACzD,OAAO,EAAE,WAAW;SACrB;QACD,IAAI,EAAE,EAAE,IAAI,EAAE,MAAe,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;QAC3E,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAkB,EAAE,OAAO,EAAE,KAAK,EAAE;QACtD,OAAO,EAAE,EAAE,IAAI,EAAE,SAAkB,EAAE,OAAO,EAAE,KAAK,EAAE;KACtD;IACD,OAAO,EAAE,MAAe;IACxB,QAAQ,EAAE,CAAC,OAAO,CAAC;IACnB,SAAS,EAAE,KAAK;CACjB,CAAC"}

package/dist/widgets/components/CardWidget.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import type { WidgetProps } from '../types.js';
+export declare function CardWidget({ props, children }: WidgetProps): React.JSX.Element;
+export declare namespace CardWidget {
+    var widgetMeta: {
+        name: string;
+        label: string;
+        category: "layout";
+        schema: {
+            title: {
+                type: "string";
+            };
+            description: {
+                type: "string";
+            };
+            size: {
+                type: "enum";
+                options: string[];
+                default: string;
+            };
+            actions: {
+                type: "array";
+            };
+            footer: {
+                type: "array";
+            };
+        };
+        binding: "none";
+        triggers: never[];
+        container: boolean;
+    };
+}
+//# sourceMappingURL=CardWidget.d.ts.map

package/dist/widgets/components/CardWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardWidget.d.ts","sourceRoot":"","sources":["../../../src/widgets/components/CardWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,qBAoC1D;yBApCe,UAAU"}

package/dist/widgets/components/CardWidget.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter, } from '@/components/ui/card';
+import { WidgetRenderer } from '../renderer/WidgetRenderer.js';
+import { SurfaceProvider } from '../hooks/useSurfaceContext.js';
+export function CardWidget({ props, children }) {
+    const title = props.title;
+    const description = props.description;
+    const size = props.size ?? 'default';
+    const actions = props.actions;
+    const footer = props.footer;
+    return (_jsxs(Card, { size: size, children: [(title || description || actions) && (_jsxs(CardHeader, { children: [title && _jsx(CardTitle, { children: title }), description && _jsx(CardDescription, { children: description }), actions && actions.length > 0 && (_jsx(CardAction, { children: _jsx("div", { className: "flex items-center gap-2", children: actions.map((node, i) => (_jsx(WidgetRenderer, { node: node }, node.id ?? i))) }) }))] })), _jsx(CardContent, { children: _jsx(SurfaceProvider, { value: "card", children: children }) }), footer && footer.length > 0 && (_jsx(CardFooter, { children: footer.map((node, i) => (_jsx(WidgetRenderer, { node: node }, node.id ?? i))) }))] }));
+}
+CardWidget.widgetMeta = {
+    name: 'card',
+    label: 'Card',
+    category: 'layout',
+    schema: {
+        title: { type: 'string' },
+        description: { type: 'string' },
+        size: { type: 'enum', options: ['default', 'sm'], default: 'default' },
+        actions: { type: 'array' },
+        footer: { type: 'array' },
+    },
+    binding: 'none',
+    triggers: [],
+    container: true,
+};
+//# sourceMappingURL=CardWidget.js.map

package/dist/widgets/components/CardWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardWidget.js","sourceRoot":"","sources":["../../../src/widgets/components/CardWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,UAAU,EACV,WAAW,EACX,UAAU,GACX,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAIhE,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAe;IACzD,MAAM,KAAK,GAAG,KAAK,CAAC,KAA2B,CAAC;IAChD,MAAM,WAAW,GAAG,KAAK,CAAC,WAAiC,CAAC;IAC5D,MAAM,IAAI,GAAI,KAAK,CAAC,IAAyB,IAAI,SAAS,CAAC;IAC3D,MAAM,OAAO,GAAG,KAAK,CAAC,OAAmC,CAAC;IAC1D,MAAM,MAAM,GAAG,KAAK,CAAC,MAAkC,CAAC;IAExD,OAAO,CACL,MAAC,IAAI,IAAC,IAAI,EAAE,IAAI,aACb,CAAC,KAAK,IAAI,WAAW,IAAI,OAAO,CAAC,IAAI,CACpC,MAAC,UAAU,eACR,KAAK,IAAI,KAAC,SAAS,cAAE,KAAK,GAAa,EACvC,WAAW,IAAI,KAAC,eAAe,cAAE,WAAW,GAAmB,EAC/D,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAChC,KAAC,UAAU,cACT,cAAK,SAAS,EAAC,yBAAyB,YACrC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,KAAC,cAAc,IAAoB,IAAI,EAAE,IAAI,IAAxB,IAAI,CAAC,EAAE,IAAI,CAAC,CAAgB,CAClD,CAAC,GACE,GACK,CACd,IACU,CACd,EACD,KAAC,WAAW,cACV,KAAC,eAAe,IAAC,KAAK,EAAC,MAAM,YAAE,QAAQ,GAAmB,GAC9C,EACb,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9B,KAAC,UAAU,cACR,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,KAAC,cAAc,IAAoB,IAAI,EAAE,IAAI,IAAxB,IAAI,CAAC,EAAE,IAAI,CAAC,CAAgB,CAClD,CAAC,GACS,CACd,IACI,CACR,CAAC;AACJ,CAAC;AAED,UAAU,CAAC,UAAU,GAAG;IACtB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,QAAiB;IAC3B,MAAM,EAAE;QACN,KAAK,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE;QAClC,WAAW,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE;QACxC,IAAI,EAAE,EAAE,IAAI,EAAE,MAAe,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/E,OAAO,EAAE,EAAE,IAAI,EAAE,OAAgB,EAAE;QACnC,MAAM,EAAE,EAAE,IAAI,EAAE,OAAgB,EAAE;KACnC;IACD,OAAO,EAAE,MAAe;IACxB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,IAAI;CAChB,CAAC"}

package/dist/widgets/components/CheckboxWidget.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { WidgetProps } from '../types.js';
+export declare function CheckboxWidget({ props, bind, on }: WidgetProps): React.JSX.Element;
+export declare namespace CheckboxWidget {
+    var widgetMeta: {
+        name: string;
+        label: string;
+        category: "input";
+        schema: {
+            label: {
+                type: "string";
+            };
+            disabled: {
+                type: "boolean";
+                default: boolean;
+            };
+        };
+        binding: "field";
+        triggers: string[];
+        container: boolean;
+    };
+}
+//# sourceMappingURL=CheckboxWidget.d.ts.map

package/dist/widgets/components/CheckboxWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxWidget.d.ts","sourceRoot":"","sources":["../../../src/widgets/components/CheckboxWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,WAAW,qBAqB9D;yBArBe,cAAc"}

package/dist/widgets/components/CheckboxWidget.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Checkbox } from '@/components/ui/checkbox';
+export function CheckboxWidget({ props, bind, on }) {
+    const label = props.label ?? bind.meta?.label ?? '';
+    const disabled = props.disabled ?? bind.meta?.readOnly ?? false;
+    const error = bind.error;
+    return (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Checkbox, { checked: bind.value ?? false, onCheckedChange: (checked) => {
+                            bind.setValue?.(checked);
+                            on.change?.(checked);
+                        }, disabled: disabled }), label && _jsx("span", { className: "text-sm text-foreground", children: label })] }), error && _jsx("p", { className: "text-xs text-destructive", children: error })] }));
+}
+CheckboxWidget.widgetMeta = {
+    name: 'checkbox',
+    label: 'Checkbox',
+    category: 'input',
+    schema: {
+        label: { type: 'string' },
+        disabled: { type: 'boolean', default: false },
+    },
+    binding: 'field',
+    triggers: ['change'],
+    container: false,
+};
+//# sourceMappingURL=CheckboxWidget.js.map

package/dist/widgets/components/CheckboxWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxWidget.js","sourceRoot":"","sources":["../../../src/widgets/components/CheckboxWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGpD,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAe;IAC7D,MAAM,KAAK,GAAI,KAAK,CAAC,KAAgB,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC;IAChE,MAAM,QAAQ,GAAI,KAAK,CAAC,QAAoB,IAAI,IAAI,CAAC,IAAI,EAAE,QAAQ,IAAI,KAAK,CAAC;IAC7E,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;IAEzB,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,QAAQ,IACP,OAAO,EAAG,IAAI,CAAC,KAAiB,IAAI,KAAK,EACzC,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE;4BAC3B,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC;4BACzB,EAAE,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,CAAC;wBACvB,CAAC,EACD,QAAQ,EAAE,QAAQ,GAClB,EACD,KAAK,IAAI,eAAM,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAQ,IAC9D,EACL,KAAK,IAAI,YAAG,SAAS,EAAC,0BAA0B,YAAE,KAAK,GAAK,IACzD,CACP,CAAC;AACJ,CAAC;AAED,cAAc,CAAC,UAAU,GAAG;IAC1B,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,UAAU;IACjB,QAAQ,EAAE,OAAgB;IAC1B,MAAM,EAAE;QACN,KAAK,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE;QAClC,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAkB,EAAE,OAAO,EAAE,KAAK,EAAE;KACvD;IACD,OAAO,EAAE,OAAgB;IACzB,QAAQ,EAAE,CAAC,QAAQ,CAAC;IACpB,SAAS,EAAE,KAAK;CACjB,CAAC"}

package/dist/widgets/components/CodeWidget.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { WidgetProps } from '../types.js';
+export declare function CodeWidget({ props, bind, on }: WidgetProps): React.JSX.Element;
+export declare namespace CodeWidget {
+    var widgetMeta: {
+        name: string;
+        label: string;
+        category: "input";
+        schema: {
+            label: {
+                type: "string";
+            };
+            language: {
+                type: "string";
+            };
+            rows: {
+                type: "number";
+                default: number;
+            };
+            disabled: {
+                type: "boolean";
+                default: boolean;
+            };
+        };
+        binding: "field";
+        triggers: string[];
+        container: boolean;
+    };
+}
+//# sourceMappingURL=CodeWidget.d.ts.map

package/dist/widgets/components/CodeWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeWidget.d.ts","sourceRoot":"","sources":["../../../src/widgets/components/CodeWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,WAAW,qBAuB1D;yBAvBe,UAAU"}

package/dist/widgets/components/CodeWidget.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Textarea } from '@/components/ui/textarea';
+import { Field, FieldLabel } from '@/components/ui/field';
+export function CodeWidget({ props, bind, on }) {
+    const label = props.label ?? bind.meta?.label ?? '';
+    const rows = props.rows ?? 6;
+    const disabled = props.disabled ?? bind.meta?.readOnly ?? false;
+    return (_jsxs(Field, { children: [label && _jsx(FieldLabel, { children: label }), _jsx(Textarea, { value: bind.value ?? '', onChange: (e) => {
+                    bind.setValue?.(e.target.value);
+                    on.change?.(e.target.value);
+                }, onFocus: () => on.focus?.(), onBlur: () => on.blur?.(), rows: rows, disabled: disabled, className: "font-mono text-xs", spellCheck: false })] }));
+}
+CodeWidget.widgetMeta = {
+    name: 'code',
+    label: 'Code',
+    category: 'input',
+    schema: {
+        label: { type: 'string' },
+        language: { type: 'string' },
+        rows: { type: 'number', default: 6 },
+        disabled: { type: 'boolean', default: false },
+    },
+    binding: 'field',
+    triggers: ['change', 'focus', 'blur'],
+    container: false,
+};
+//# sourceMappingURL=CodeWidget.js.map

package/dist/widgets/components/CodeWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeWidget.js","sourceRoot":"","sources":["../../../src/widgets/components/CodeWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAG1D,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAe;IACzD,MAAM,KAAK,GAAI,KAAK,CAAC,KAAgB,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC;IAChE,MAAM,IAAI,GAAI,KAAK,CAAC,IAAe,IAAI,CAAC,CAAC;IACzC,MAAM,QAAQ,GAAI,KAAK,CAAC,QAAoB,IAAI,IAAI,CAAC,IAAI,EAAE,QAAQ,IAAI,KAAK,CAAC;IAE7E,OAAO,CACL,MAAC,KAAK,eACH,KAAK,IAAI,KAAC,UAAU,cAAE,KAAK,GAAc,EAC1C,KAAC,QAAQ,IACP,KAAK,EAAG,IAAI,CAAC,KAAgB,IAAI,EAAE,EACnC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBAChC,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC9B,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,EAC3B,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,EACzB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,mBAAmB,EAC7B,UAAU,EAAE,KAAK,GACjB,IACI,CACT,CAAC;AACJ,CAAC;AAED,UAAU,CAAC,UAAU,GAAG;IACtB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,OAAgB;IAC1B,MAAM,EAAE;QACN,KAAK,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE;QAClC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE;QACrC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE,OAAO,EAAE,CAAC,EAAE;QAC7C,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAkB,EAAE,OAAO,EAAE,KAAK,EAAE;KACvD;IACD,OAAO,EAAE,OAAgB;IACzB,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC;IACrC,SAAS,EAAE,KAAK;CACjB,CAAC"}

package/dist/widgets/components/ColumnWidget.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import type { WidgetProps } from '../types.js';
+export declare function ColumnWidget({ children }: WidgetProps): React.JSX.Element;
+export declare namespace ColumnWidget {
+    var widgetMeta: {
+        name: string;
+        label: string;
+        category: "layout";
+        schema: {
+            label: {
+                type: "string";
+                required: boolean;
+            };
+            width: {
+                type: "string";
+            };
+            align: {
+                type: "enum";
+                options: string[];
+                default: string;
+            };
+            sortable: {
+                type: "boolean";
+            };
+            filterable: {
+                type: "boolean";
+            };
+        };
+        binding: "none";
+        triggers: never[];
+        container: boolean;
+    };
+}
+//# sourceMappingURL=ColumnWidget.d.ts.map

package/dist/widgets/components/ColumnWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnWidget.d.ts","sourceRoot":"","sources":["../../../src/widgets/components/ColumnWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,qBAErD;yBAFe,YAAY"}

package/dist/widgets/components/ColumnWidget.js

@@ -0,0 +1,20 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+export function ColumnWidget({ children }) {
+    return _jsx(_Fragment, { children: children });
+}
+ColumnWidget.widgetMeta = {
+    name: 'column',
+    label: 'Column',
+    category: 'layout',
+    schema: {
+        label: { type: 'string', required: true },
+        width: { type: 'string' },
+        align: { type: 'enum', options: ['left', 'center', 'right'], default: 'left' },
+        sortable: { type: 'boolean' },
+        filterable: { type: 'boolean' },
+    },
+    binding: 'none',
+    triggers: [],
+    container: true,
+};
+//# sourceMappingURL=ColumnWidget.js.map

package/dist/widgets/components/ColumnWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnWidget.js","sourceRoot":"","sources":["../../../src/widgets/components/ColumnWidget.tsx"],"names":[],"mappings":";AAGA,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAe;IACpD,OAAO,4BAAG,QAAQ,GAAI,CAAC;AACzB,CAAC;AAED,YAAY,CAAC,UAAU,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,QAAiB;IAC3B,MAAM,EAAE;QACN,KAAK,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE,QAAQ,EAAE,IAAI,EAAE;QAClD,KAAK,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE;QAClC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAe,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE;QACvF,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAkB,EAAE;QACtC,UAAU,EAAE,EAAE,IAAI,EAAE,SAAkB,EAAE;KACzC;IACD,OAAO,EAAE,MAAe;IACxB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,IAAI;CAChB,CAAC"}

package/dist/widgets/components/ComputedWidget.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { WidgetProps } from '../types.js';
+export declare function ComputedWidget({ props, bind }: WidgetProps): React.JSX.Element;
+export declare namespace ComputedWidget {
+    var widgetMeta: {
+        name: string;
+        label: string;
+        category: "display";
+        schema: {
+            label: {
+                type: "string";
+            };
+            format: {
+                type: "enum";
+                options: string[];
+                default: string;
+            };
+        };
+        binding: "field";
+        triggers: never[];
+        container: boolean;
+    };
+}
+//# sourceMappingURL=ComputedWidget.d.ts.map

package/dist/widgets/components/ComputedWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComputedWidget.d.ts","sourceRoot":"","sources":["../../../src/widgets/components/ComputedWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,WAAW,qBA2B1D;yBA3Be,cAAc"}

package/dist/widgets/components/ComputedWidget.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Field, FieldLabel } from '@/components/ui/field';
+export function ComputedWidget({ props, bind }) {
+    const label = props.label ?? bind.meta?.label ?? '';
+    const format = props.format ?? 'text';
+    const value = bind.value;
+    const formatValue = (val) => {
+        if (val == null)
+            return '—';
+        if (format === 'number' && typeof val === 'number') {
+            return val.toLocaleString();
+        }
+        if (format === 'currency' && typeof val === 'number') {
+            return val.toFixed(2);
+        }
+        if (format === 'date' && typeof val === 'string') {
+            return new Date(val).toLocaleDateString();
+        }
+        return String(val);
+    };
+    return (_jsxs(Field, { children: [label && _jsx(FieldLabel, { children: label }), _jsx("div", { className: "flex items-center h-7 text-sm", "data-testid": "computed-value", children: formatValue(value) })] }));
+}
+ComputedWidget.widgetMeta = {
+    name: 'computed',
+    label: 'Computed',
+    category: 'display',
+    schema: {
+        label: { type: 'string' },
+        format: {
+            type: 'enum',
+            options: ['text', 'number', 'currency', 'date'],
+            default: 'text',
+        },
+    },
+    binding: 'field',
+    triggers: [],
+    container: false,
+};
+//# sourceMappingURL=ComputedWidget.js.map

package/dist/widgets/components/ComputedWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComputedWidget.js","sourceRoot":"","sources":["../../../src/widgets/components/ComputedWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAG1D,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,IAAI,EAAe;IACzD,MAAM,KAAK,GAAI,KAAK,CAAC,KAAgB,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC;IAChE,MAAM,MAAM,GAAI,KAAK,CAAC,MAAiB,IAAI,MAAM,CAAC;IAClD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;IAEzB,MAAM,WAAW,GAAG,CAAC,GAAY,EAAU,EAAE;QAC3C,IAAI,GAAG,IAAI,IAAI;YAAE,OAAO,GAAG,CAAC;QAC5B,IAAI,MAAM,KAAK,QAAQ,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;YACnD,OAAO,GAAG,CAAC,cAAc,EAAE,CAAC;QAC9B,CAAC;QACD,IAAI,MAAM,KAAK,UAAU,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;YACrD,OAAO,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC;QACD,IAAI,MAAM,KAAK,MAAM,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;YACjD,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,kBAAkB,EAAE,CAAC;QAC5C,CAAC;QACD,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,KAAK,eACH,KAAK,IAAI,KAAC,UAAU,cAAE,KAAK,GAAc,EAC1C,cAAK,SAAS,EAAC,+BAA+B,iBAAa,gBAAgB,YACxE,WAAW,CAAC,KAAK,CAAC,GACf,IACA,CACT,CAAC;AACJ,CAAC;AAED,cAAc,CAAC,UAAU,GAAG;IAC1B,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,UAAU;IACjB,QAAQ,EAAE,SAAkB;IAC5B,MAAM,EAAE;QACN,KAAK,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE;QAClC,MAAM,EAAE;YACN,IAAI,EAAE,MAAe;YACrB,OAAO,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC;YAC/C,OAAO,EAAE,MAAM;SAChB;KACF;IACD,OAAO,EAAE,OAAgB;IACzB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,KAAK;CACjB,CAAC"}

package/dist/widgets/components/DataWidget.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { WidgetProps } from '../types.js';
+export declare function DataWidget({ bind, props, on, childNodes }: WidgetProps): React.JSX.Element | null;
+export declare namespace DataWidget {
+    var widgetMeta: {
+        name: string;
+        label: string;
+        category: "data";
+        schema: {
+            placeholder: {
+                type: "string";
+            };
+            pageSize: {
+                type: "number";
+            };
+        };
+        binding: "model";
+        triggers: string[];
+        container: boolean;
+    };
+}
+//# sourceMappingURL=DataWidget.d.ts.map

package/dist/widgets/components/DataWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataWidget.d.ts","sourceRoot":"","sources":["../../../src/widgets/components/DataWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO/C,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,WAAW,4BA8BtE;yBA9Be,UAAU"}