@rangka/client 0.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectWidget.js","sourceRoot":"","sources":["../../../src/widgets/components/SelectWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,aAAa,EACb,UAAU,GACX,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAG1D,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAe;IAC3D,MAAM,KAAK,GAAI,KAAK,CAAC,KAAgB,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC;IAChE,MAAM,WAAW,GAAI,KAAK,CAAC,WAAsB,IAAI,EAAE,CAAC;IACxD,MAAM,QAAQ,GAAI,KAAK,CAAC,QAAoB,IAAI,IAAI,CAAC,IAAI,EAAE,QAAQ,IAAI,KAAK,CAAC;IAC7E,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;IAEzB,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,IAAI,EAAE,CAAkD,CAAC;IAC/F,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CACrC,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAC3D,CAAC;IAEF,OAAO,CACL,MAAC,KAAK,eACH,KAAK,IAAI,KAAC,UAAU,cAAE,KAAK,GAAc,EAC1C,MAAC,MAAM,IACL,KAAK,EAAG,IAAI,CAAC,KAAgB,IAAI,EAAE,EACnC,aAAa,EAAE,CAAC,GAAG,EAAE,EAAE;oBACrB,IAAI,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC;oBACrB,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC;gBACnB,CAAC,EACD,QAAQ,EAAE,QAAQ,aAElB,KAAC,aAAa,cACZ,KAAC,WAAW,IAAC,WAAW,EAAE,WAAW,GAAI,GAC3B,EAChB,KAAC,aAAa,cACX,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,KAAC,UAAU,IAAiB,KAAK,EAAE,GAAG,CAAC,KAAK,YACzC,GAAG,CAAC,KAAK,IADK,GAAG,CAAC,KAAK,CAEb,CACd,CAAC,GACY,IACT,EACR,KAAK,IAAI,YAAG,SAAS,EAAC,+BAA+B,YAAE,KAAK,GAAK,IAC5D,CACT,CAAC;AACJ,CAAC;AAED,YAAY,CAAC,UAAU,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,OAAgB;IAC1B,MAAM,EAAE;QACN,KAAK,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE;QAClC,WAAW,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE;QACxC,UAAU,EAAE,EAAE,IAAI,EAAE,SAAkB,EAAE,OAAO,EAAE,KAAK,EAAE;QACxD,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/SequenceWidget.d.ts

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

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

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

package/dist/widgets/components/SequenceWidget.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from '@/components/ui/badge';
+import { Field, FieldLabel } from '@/components/ui/field';
+export function SequenceWidget({ props, bind }) {
+    const label = props.label ?? bind.meta?.label ?? '';
+    const value = bind.value;
+    return (_jsxs(Field, { children: [label && _jsx(FieldLabel, { children: label }), _jsx("div", { className: "flex items-center h-7", children: _jsx(Badge, { variant: "secondary", className: "font-mono text-xs", children: value || 'Auto' }) })] }));
+}
+SequenceWidget.widgetMeta = {
+    name: 'sequence',
+    label: 'Sequence',
+    category: 'display',
+    schema: {
+        label: { type: 'string' },
+    },
+    binding: 'field',
+    triggers: [],
+    container: false,
+};
+//# sourceMappingURL=SequenceWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SequenceWidget.js","sourceRoot":"","sources":["../../../src/widgets/components/SequenceWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,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,KAAK,GAAG,IAAI,CAAC,KAAkC,CAAC;IAEtD,OAAO,CACL,MAAC,KAAK,eACH,KAAK,IAAI,KAAC,UAAU,cAAE,KAAK,GAAc,EAC1C,cAAK,SAAS,EAAC,uBAAuB,YACpC,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,mBAAmB,YACrD,KAAK,IAAI,MAAM,GACV,GACJ,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;KACnC;IACD,OAAO,EAAE,OAAgB;IACzB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,KAAK;CACjB,CAAC"}

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

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

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

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

package/dist/widgets/components/SpacerWidget.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '@/lib/utils';
+const sizeMap = {
+    xs: 'h-1',
+    sm: 'h-2',
+    md: 'h-4',
+    lg: 'h-6',
+    xl: 'h-8',
+};
+export function SpacerWidget({ props }) {
+    const size = props.size ?? 'md';
+    return _jsx("div", { className: cn(sizeMap[size] ?? 'h-4'), "aria-hidden": "true" });
+}
+SpacerWidget.widgetMeta = {
+    name: 'spacer',
+    label: 'Spacer',
+    category: 'layout',
+    schema: {
+        size: { type: 'enum', options: ['xs', 'sm', 'md', 'lg', 'xl'], default: 'md' },
+    },
+    binding: 'none',
+    triggers: [],
+    container: false,
+};
+//# sourceMappingURL=SpacerWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpacerWidget.js","sourceRoot":"","sources":["../../../src/widgets/components/SpacerWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAGjC,MAAM,OAAO,GAA2B;IACtC,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;CACV,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAe;IACjD,MAAM,IAAI,GAAI,KAAK,CAAC,IAAe,IAAI,IAAI,CAAC;IAE5C,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,iBAAc,MAAM,GAAG,CAAC;AAC3E,CAAC;AAED,YAAY,CAAC,UAAU,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,QAAiB;IAC3B,MAAM,EAAE;QACN,IAAI,EAAE,EAAE,IAAI,EAAE,MAAe,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;KACxF;IACD,OAAO,EAAE,MAAe;IACxB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,KAAK;CACjB,CAAC"}

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

@@ -0,0 +1,32 @@
+import React from 'react';
+import type { WidgetProps } from '../types.js';
+export declare function SplitWidget({ props, childNodes }: WidgetProps): React.JSX.Element;
+export declare namespace SplitWidget {
+    var widgetMeta: {
+        name: string;
+        label: string;
+        category: "layout";
+        schema: {
+            sizes: {
+                type: "array";
+            };
+            direction: {
+                type: "enum";
+                options: string[];
+                default: string;
+            };
+            minSize: {
+                type: "number";
+                default: number;
+            };
+            padding: {
+                type: "enum";
+                options: string[];
+            };
+        };
+        binding: "none";
+        triggers: never[];
+        container: boolean;
+    };
+}
+//# sourceMappingURL=SplitWidget.d.ts.map

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

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

package/dist/widgets/components/SplitWidget.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { cn } from '@/lib/utils';
+import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@/components/ui/resizable';
+import { WidgetRenderer } from '../renderer/WidgetRenderer.js';
+const paddingMap = {
+    none: 'p-0',
+    xs: 'p-1',
+    sm: 'p-2',
+    md: 'p-4',
+    lg: 'p-6',
+    xl: 'p-8',
+    '2xl': 'p-12',
+};
+export function SplitWidget({ props, childNodes }) {
+    const sizes = props.sizes;
+    const direction = props.direction ?? 'horizontal';
+    const minSize = props.minSize ?? 10;
+    const padding = props.padding;
+    const nodes = childNodes ?? [];
+    return (_jsx(ResizablePanelGroup, { orientation: direction, className: cn('h-full w-full', padding && paddingMap[padding]), children: nodes.map((node, i) => (_jsxs(React.Fragment, { children: [i > 0 && _jsx(ResizableHandle, { withHandle: true }), _jsx(ResizablePanel, { defaultSize: sizes?.[i] ?? 100 / nodes.length, minSize: minSize, children: _jsx(WidgetRenderer, { node: node }) })] }, node.id ?? i))) }));
+}
+SplitWidget.widgetMeta = {
+    name: 'split',
+    label: 'Split',
+    category: 'layout',
+    schema: {
+        sizes: { type: 'array' },
+        direction: {
+            type: 'enum',
+            options: ['horizontal', 'vertical'],
+            default: 'horizontal',
+        },
+        minSize: { type: 'number', default: 10 },
+        padding: { type: 'enum', options: ['none', 'xs', 'sm', 'md', 'lg', 'xl', '2xl'] },
+    },
+    binding: 'none',
+    triggers: [],
+    container: true,
+};
+//# sourceMappingURL=SplitWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SplitWidget.js","sourceRoot":"","sources":["../../../src/widgets/components/SplitWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACjG,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAG/D,MAAM,UAAU,GAAiC;IAC/C,IAAI,EAAE,KAAK;IACX,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,UAAU,EAAe;IAC5D,MAAM,KAAK,GAAG,KAAK,CAAC,KAA6B,CAAC;IAClD,MAAM,SAAS,GAAI,KAAK,CAAC,SAAuC,IAAI,YAAY,CAAC;IACjF,MAAM,OAAO,GAAI,KAAK,CAAC,OAAkB,IAAI,EAAE,CAAC;IAChD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAmC,CAAC;IAE1D,MAAM,KAAK,GAAG,UAAU,IAAI,EAAE,CAAC;IAE/B,OAAO,CACL,KAAC,mBAAmB,IAClB,WAAW,EAAE,SAAS,EACtB,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,YAE7D,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,MAAC,KAAK,CAAC,QAAQ,eACZ,CAAC,GAAG,CAAC,IAAI,KAAC,eAAe,IAAC,UAAU,SAAG,EACxC,KAAC,cAAc,IAAC,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,YAC7E,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,GAAI,GACf,KAJE,IAAI,CAAC,EAAE,IAAI,CAAC,CAKhB,CAClB,CAAC,GACkB,CACvB,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,UAAU,GAAG;IACvB,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,QAAiB;IAC3B,MAAM,EAAE;QACN,KAAK,EAAE,EAAE,IAAI,EAAE,OAAgB,EAAE;QACjC,SAAS,EAAE;YACT,IAAI,EAAE,MAAe;YACrB,OAAO,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;YACnC,OAAO,EAAE,YAAY;SACtB;QACD,OAAO,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE,OAAO,EAAE,EAAE,EAAE;QACjD,OAAO,EAAE,EAAE,IAAI,EAAE,MAAe,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE;KAC3F;IACD,OAAO,EAAE,MAAe;IACxB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,IAAI;CAChB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"StackWidget.d.ts","sourceRoot":"","sources":["../../../src/widgets/components/StackWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAY/C,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,qBAe3D;yBAfe,WAAW"}

package/dist/widgets/components/StackWidget.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '@/lib/utils';
+const paddingMap = {
+    none: 'p-0',
+    xs: 'p-1',
+    sm: 'p-2',
+    md: 'p-4',
+    lg: 'p-6',
+    xl: 'p-8',
+    '2xl': 'p-12',
+};
+export function StackWidget({ props, children }) {
+    const height = props.height ?? 'auto';
+    const padding = props.padding;
+    return (_jsx("div", { className: cn('relative', height === 'auto' ? 'h-auto' : height === '100%' ? 'h-full' : `h-[${height}]`, padding && paddingMap[padding]), children: children }));
+}
+StackWidget.widgetMeta = {
+    name: 'stack',
+    label: 'Stack',
+    category: 'layout',
+    schema: {
+        height: { type: 'string', default: 'auto' },
+        padding: { type: 'enum', options: ['none', 'xs', 'sm', 'md', 'lg', 'xl', '2xl'] },
+    },
+    binding: 'none',
+    triggers: [],
+    container: true,
+};
+//# sourceMappingURL=StackWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StackWidget.js","sourceRoot":"","sources":["../../../src/widgets/components/StackWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAIjC,MAAM,UAAU,GAAiC;IAC/C,IAAI,EAAE,KAAK;IACX,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAe;IAC1D,MAAM,MAAM,GAAI,KAAK,CAAC,MAAiB,IAAI,MAAM,CAAC;IAClD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAmC,CAAC;IAE1D,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,UAAU,EACV,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,MAAM,GAAG,EAC7E,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,CAC/B,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,UAAU,GAAG;IACvB,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,QAAiB;IAC3B,MAAM,EAAE;QACN,MAAM,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE,OAAO,EAAE,MAAM,EAAE;QACpD,OAAO,EAAE,EAAE,IAAI,EAAE,MAAe,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE;KAC3F;IACD,OAAO,EAAE,MAAe;IACxB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,IAAI;CAChB,CAAC"}

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

@@ -0,0 +1,36 @@
+import type { WidgetProps } from '../types.js';
+export declare function TableWidget({ props, on }: WidgetProps): import("react").JSX.Element;
+export declare namespace TableWidget {
+    var widgetMeta: {
+        name: string;
+        label: string;
+        category: "data";
+        schema: {
+            variant: {
+                type: "enum";
+                options: string[];
+                default: string;
+            };
+            selectable: {
+                type: "boolean";
+            };
+            bordered: {
+                type: "boolean";
+            };
+            striped: {
+                type: "boolean";
+            };
+            pageSize: {
+                type: "number";
+            };
+            emptyText: {
+                type: "string";
+            };
+        };
+        binding: "model";
+        triggers: string[];
+        container: boolean;
+        accepts: string[];
+    };
+}
+//# sourceMappingURL=TableWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableWidget.d.ts","sourceRoot":"","sources":["../../../src/widgets/components/TableWidget.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAe/C,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,WAAW,+BAoIrD;yBApIe,WAAW"}

package/dist/widgets/components/TableWidget.js

@@ -0,0 +1,154 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo } from 'react';
+import { ChevronUpIcon, ChevronDownIcon } from 'lucide-react';
+import { useWidgetContext, WidgetContextProvider } from '../hooks/useWidgetContext.js';
+import { usePageState } from '../hooks/usePageState.js';
+import { useModelQuery } from '../data/useModelQuery.js';
+import { useSurfaceContext } from '../hooks/useSurfaceContext.js';
+import { buildRowContext } from '../context/builder.js';
+import { useModelMeta } from '../../data/useModelMeta.js';
+import { Skeleton } from '../../components/ui/skeleton.js';
+import { TableToolbar } from './table/TableToolbar.js';
+import { TablePagination } from './table/TablePagination.js';
+import { ColumnChildRenderer, CellValue } from './table/CellRenderers.js';
+// --- Main Component ---
+export function TableWidget({ props, on }) {
+    const ctx = useWidgetContext();
+    const store = usePageState();
+    const surface = useSurfaceContext();
+    // Props
+    const variant = props.variant ?? (surface === 'card' ? 'flat' : 'card');
+    const selectable = props.selectable;
+    const bordered = props.bordered;
+    const striped = props.striped;
+    const pageSize = props.pageSize;
+    // Data source
+    const model = ctx.model;
+    const columns = ctx.__columns ?? [];
+    const smartMode = Boolean(model && pageSize);
+    const source = useModelQuery({
+        model: model || '',
+        pageSize: pageSize ?? 20,
+        enabled: smartMode,
+    });
+    const records = smartMode ? source.data : (ctx.records ?? []);
+    const isFetching = smartMode && source.isFetching;
+    // Model metadata for search/filter capabilities
+    const { modelMeta } = useModelMeta(model);
+    const hasSearchableFields = useMemo(() => {
+        if (!modelMeta)
+            return false;
+        return modelMeta.fields.some((f) => f.searchable);
+    }, [modelMeta]);
+    const filterableColumns = columns.filter((col) => col.props?.filterable && col.bind?.field);
+    // Sorting
+    const handleSort = useCallback((field) => {
+        if (!model)
+            return;
+        const current = source.sort?.[0];
+        let newSort;
+        if (current?.field === field && current.direction === 'asc') {
+            newSort = `-${field}`;
+        }
+        else if (current?.field === field && current.direction === 'desc') {
+            newSort = undefined;
+        }
+        else {
+            newSort = field;
+        }
+        store.set(`$sort.${model}`, newSort ?? null);
+        store.set(`$page.${model}`, 1);
+    }, [model, source.sort, store]);
+    // Pagination
+    const handlePageChange = useCallback((newPage) => {
+        if (!model)
+            return;
+        store.set(`$page.${model}`, newPage);
+        on.pageChange?.(newPage);
+    }, [model, store, on]);
+    // Styles
+    const wrapperClasses = [
+        'flex flex-col',
+        variant === 'card'
+            ? 'bg-card text-card-foreground ring-1 ring-foreground/10'
+            : '-mx-(--card-spacing)',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const tableClasses = [
+        'w-full text-sm border-collapse table-fixed',
+        bordered && variant === 'card' ? 'ring-1 ring-border' : '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsxs("div", { "data-widget": "table", className: wrapperClasses, children: [smartMode && (hasSearchableFields || filterableColumns.length > 0) && (_jsx(TableToolbar, { model: model, store: store, columns: filterableColumns, hasSearch: hasSearchableFields, hasFilters: filterableColumns.length > 0 })), _jsx("div", { className: "overflow-auto", children: _jsxs("table", { className: tableClasses, children: [_jsx(TableHead, { columns: columns, selectable: selectable, smartMode: smartMode, currentSort: source.sort, onSort: handleSort }), _jsx(TableBody, { columns: columns, records: records, selectable: selectable, striped: striped, isFetching: isFetching, isLoading: source.isLoading, pageSize: pageSize ?? 20, emptyText: props.emptyText ?? 'No data', ctx: ctx, onRowClick: on.rowClick, onSelect: on.select })] }) }), smartMode && (_jsx(TablePagination, { page: source.page, pageSize: source.pageSize, total: source.total, recordCount: records.length, onPageChange: handlePageChange }))] }));
+}
+function TableHead({ columns, selectable, smartMode, currentSort, onSort }) {
+    return (_jsx("thead", { children: _jsxs("tr", { className: "border-b-2 border-border", children: [selectable && (_jsx("th", { className: "w-10 px-5 py-2 text-center", children: _jsx("input", { type: "checkbox", className: "cursor-pointer", "aria-label": "Select all" }) })), columns.map((col, i) => {
+                    const align = col.props?.align ?? 'left';
+                    const width = col.props?.width;
+                    const sortable = smartMode && col.props?.sortable;
+                    const field = col.bind?.field;
+                    const alignClass = align === 'center' ? 'text-center' : align === 'right' ? 'text-right' : 'text-left';
+                    const sortState = sortable && field ? getSortState(currentSort, field) : null;
+                    return (_jsx("th", { "data-rangka-widget": "column", "data-rangka-id": col.id ?? undefined, "data-rangka-field": field ?? undefined, className: `px-5 py-2 text-xs font-semibold text-muted-foreground ${alignClass} ${sortable ? 'cursor-pointer select-none transition-colors hover:text-foreground' : ''}`, style: width ? { width } : undefined, onClick: sortable && field ? () => onSort(field) : undefined, children: _jsxs("span", { className: "inline-flex items-center gap-1", children: [String(col.props?.label ?? ''), sortState === 'asc' && _jsx(ChevronUpIcon, { className: "h-3 w-3 text-foreground" }), sortState === 'desc' && _jsx(ChevronDownIcon, { className: "h-3 w-3 text-foreground" })] }) }, col.id ?? i));
+                })] }) }));
+}
+function TableBody({ columns, records, selectable, striped, isFetching, isLoading, pageSize, emptyText, ctx, onRowClick, onSelect, }) {
+    const bodyOpacity = isFetching && records.length > 0
+        ? 'opacity-50 transition-opacity duration-150'
+        : 'transition-opacity duration-150';
+    if (isLoading) {
+        return (_jsx("tbody", { className: bodyOpacity, children: Array.from({ length: pageSize }, (_, i) => (_jsxs("tr", { className: "border-b border-border/50 last:border-b-0", children: [selectable && (_jsx("td", { className: "w-10 px-5 py-2 text-center", children: _jsx(Skeleton, { className: "h-4 w-4 mx-auto" }) })), columns.map((col, colIndex) => (_jsx("td", { className: "px-5 py-2", children: _jsx(Skeleton, { className: "h-4 w-full max-w-[80%]" }) }, col.id ?? colIndex)))] }, `skeleton-${i}`))) }));
+    }
+    if (records.length === 0) {
+        return (_jsx("tbody", { children: _jsx("tr", { children: _jsx("td", { colSpan: columns.length + (selectable ? 1 : 0), className: "px-5 py-8 text-center text-muted-foreground", children: emptyText }) }) }));
+    }
+    return (_jsx("tbody", { className: bodyOpacity, children: records.map((row, rowIndex) => {
+            const rowCtx = buildRowContext(row, rowIndex, ctx);
+            return (_jsxs("tr", { "data-rangka-widget": "row", "data-rangka-id": `row-${rowIndex}`, className: [
+                    'border-b border-border/50 last:border-b-0',
+                    striped && rowIndex % 2 === 1 ? 'bg-muted/30' : '',
+                    onRowClick ? 'cursor-pointer transition-colors hover:bg-muted/50' : '',
+                ]
+                    .filter(Boolean)
+                    .join(' '), onClick: () => onRowClick?.(row), children: [selectable && (_jsx("td", { className: "w-10 px-5 py-2 text-center", children: _jsx("input", { type: "checkbox", className: "cursor-pointer", "aria-label": `Select row ${rowIndex + 1}`, onClick: (e) => {
+                                e.stopPropagation();
+                                onSelect?.(row);
+                            } }) })), columns.map((col, colIndex) => {
+                        const align = col.props?.align ?? 'left';
+                        const alignClass = align === 'center'
+                            ? 'text-center'
+                            : align === 'right'
+                                ? 'text-right tabular-nums'
+                                : 'text-left';
+                        return (_jsx("td", { "data-rangka-widget": "column", "data-rangka-id": col.id ?? undefined, "data-rangka-field": col.bind?.field ?? undefined, className: `px-5 py-2 ${alignClass}`, children: _jsx(WidgetContextProvider, { value: rowCtx, children: col.children && col.children.length > 0 ? (col.children.map((child, ci) => (_jsx(ColumnChildRenderer, { node: child, rowCtx: rowCtx }, child.id ?? ci)))) : (_jsx(CellValue, { col: col, row: row })) }) }, col.id ?? colIndex));
+                    })] }, row.id ?? rowIndex));
+        }) }));
+}
+// --- Helpers ---
+function getSortState(sort, field) {
+    if (!sort)
+        return null;
+    const entry = sort.find((s) => s.field === field);
+    return entry?.direction ?? null;
+}
+// --- Widget Meta ---
+TableWidget.widgetMeta = {
+    name: 'table',
+    label: 'Table',
+    category: 'data',
+    schema: {
+        variant: { type: 'enum', options: ['card', 'flat'], default: 'card' },
+        selectable: { type: 'boolean' },
+        bordered: { type: 'boolean' },
+        striped: { type: 'boolean' },
+        pageSize: { type: 'number' },
+        emptyText: { type: 'string' },
+    },
+    binding: 'model',
+    triggers: ['rowClick', 'select', 'pageChange'],
+    container: true,
+    accepts: ['column'],
+};
+//# sourceMappingURL=TableWidget.js.map

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

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

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

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

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

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

package/dist/widgets/components/TextWidget.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function TextWidget({ props, bind }) {
+    const style = props.style;
+    const align = props.align;
+    const value = bind.value ?? props.content ?? '';
+    const classMap = {
+        heading: 'text-lg font-semibold',
+        body: 'text-sm',
+        caption: 'text-xs text-muted-foreground',
+        bold: 'text-sm font-medium',
+        muted: 'text-sm text-muted-foreground',
+    };
+    const alignMap = {
+        left: 'text-left',
+        center: 'text-center',
+        right: 'text-right',
+    };
+    const classes = [classMap[style ?? 'body'] ?? classMap.body, align ? alignMap[align] : '']
+        .filter(Boolean)
+        .join(' ');
+    return _jsx("p", { className: classes, children: String(value) });
+}
+TextWidget.widgetMeta = {
+    name: 'text',
+    label: 'Text',
+    category: 'display',
+    schema: {
+        style: {
+            type: 'enum',
+            options: ['heading', 'body', 'caption', 'bold'],
+            default: 'body',
+        },
+    },
+    binding: 'field',
+    triggers: [],
+    container: false,
+};
+//# sourceMappingURL=TextWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextWidget.js","sourceRoot":"","sources":["../../../src/widgets/components/TextWidget.tsx"],"names":[],"mappings":";AAGA,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,IAAI,EAAe;IACrD,MAAM,KAAK,GAAG,KAAK,CAAC,KAA2B,CAAC;IAChD,MAAM,KAAK,GAAG,KAAK,CAAC,KAA2B,CAAC;IAChD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;IAEhD,MAAM,QAAQ,GAA2B;QACvC,OAAO,EAAE,uBAAuB;QAChC,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,+BAA+B;QACxC,IAAI,EAAE,qBAAqB;QAC3B,KAAK,EAAE,+BAA+B;KACvC,CAAC;IAEF,MAAM,QAAQ,GAA2B;QACvC,IAAI,EAAE,WAAW;QACjB,MAAM,EAAE,aAAa;QACrB,KAAK,EAAE,YAAY;KACpB,CAAC;IAEF,MAAM,OAAO,GAAG,CAAC,QAAQ,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;SACvF,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,YAAG,SAAS,EAAE,OAAO,YAAG,MAAM,CAAC,KAAK,CAAC,GAAK,CAAC;AACpD,CAAC;AAED,UAAU,CAAC,UAAU,GAAG;IACtB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,SAAkB;IAC5B,MAAM,EAAE;QACN,KAAK,EAAE;YACL,IAAI,EAAE,MAAe;YACrB,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,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/TextareaWidget.d.ts

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

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

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

package/dist/widgets/components/TextareaWidget.js

@@ -0,0 +1,31 @@
+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 TextareaWidget({ props, bind, on }) {
+    const label = props.label ?? bind.meta?.label ?? '';
+    const placeholder = props.placeholder ?? '';
+    const rows = props.rows ?? 4;
+    const disabled = props.disabled ?? bind.meta?.readOnly ?? false;
+    const readOnly = props.readOnly ?? bind.meta?.readOnly ?? false;
+    const error = bind.error;
+    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?.(), placeholder: placeholder, rows: rows, disabled: disabled, readOnly: readOnly }), error && _jsx("p", { className: "text-xs text-destructive mt-1", children: error })] }));
+}
+TextareaWidget.widgetMeta = {
+    name: 'textarea',
+    label: 'Textarea',
+    category: 'input',
+    schema: {
+        label: { type: 'string' },
+        placeholder: { type: 'string' },
+        rows: { type: 'number', default: 4 },
+        disabled: { type: 'boolean', default: false },
+        readOnly: { type: 'boolean', default: false },
+    },
+    binding: 'field',
+    triggers: ['change', 'focus', 'blur'],
+    container: false,
+};
+//# sourceMappingURL=TextareaWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaWidget.js","sourceRoot":"","sources":["../../../src/widgets/components/TextareaWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAG1D,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,WAAW,GAAI,KAAK,CAAC,WAAsB,IAAI,EAAE,CAAC;IACxD,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;IAC7E,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,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,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,EACD,KAAK,IAAI,YAAG,SAAS,EAAC,+BAA+B,YAAE,KAAK,GAAK,IAC5D,CACT,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,WAAW,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE;QACxC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE,OAAO,EAAE,CAAC,EAAE;QAC7C,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAkB,EAAE,OAAO,EAAE,KAAK,EAAE;QACtD,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"}