@rangka/client 0.0.1

package/dist/widgets/components/LinkWidget.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Popover, PopoverTrigger, PopoverContent } from '@/components/ui/popover';
+import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, } from '@/components/ui/command';
+import { Button } from '@/components/ui/button';
+import { Field, FieldLabel } from '@/components/ui/field';
+import { cn } from '@/lib/utils';
+export function LinkWidget({ props, bind, on }) {
+    const label = props.label ?? bind.meta?.label ?? '';
+    const placeholder = props.placeholder ?? 'Select...';
+    const disabled = props.disabled ?? bind.meta?.readOnly ?? false;
+    const [open, setOpen] = useState(false);
+    const [search, setSearch] = useState('');
+    const options = (bind.meta?.options ?? []);
+    const currentValue = bind.value;
+    const selectedOption = options.find((o) => o.value === currentValue);
+    const handleSelect = (value) => {
+        bind.setValue?.(value);
+        on.change?.(value);
+        setOpen(false);
+        setSearch('');
+    };
+    const handleSearchChange = (value) => {
+        setSearch(value);
+        on.search?.(value);
+    };
+    return (_jsxs(Field, { children: [label && _jsx(FieldLabel, { children: label }), _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", role: "combobox", "aria-expanded": open, disabled: disabled, className: "w-full justify-between font-normal h-7 text-xs", children: selectedOption ? (selectedOption.label) : (_jsx("span", { className: "text-muted-foreground", children: placeholder })) }) }), _jsx(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: _jsxs(Command, { shouldFilter: false, children: [_jsx(CommandInput, { placeholder: "Search...", value: search, onValueChange: handleSearchChange }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No results found." }), _jsx(CommandGroup, { children: options.map((opt) => (_jsx(CommandItem, { value: opt.value, onSelect: () => handleSelect(opt.value), className: cn(opt.value === currentValue && 'bg-accent'), children: opt.label }, opt.value))) })] })] }) })] })] }));
+}
+LinkWidget.widgetMeta = {
+    name: 'link',
+    label: 'Link',
+    category: 'input',
+    schema: {
+        label: { type: 'string' },
+        placeholder: { type: 'string' },
+        disabled: { type: 'boolean', default: false },
+    },
+    binding: 'field',
+    triggers: ['change', 'search'],
+    container: false,
+};
+//# sourceMappingURL=LinkWidget.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ManyToManyWidget.d.ts","sourceRoot":"","sources":["../../../src/widgets/components/ManyToManyWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAcxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,WAAW,qBA8FhE;yBA9Fe,gBAAgB"}

package/dist/widgets/components/ManyToManyWidget.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Popover, PopoverTrigger, PopoverContent } from '@/components/ui/popover';
+import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, } from '@/components/ui/command';
+import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
+import { Field, FieldLabel } from '@/components/ui/field';
+import { cn } from '@/lib/utils';
+export function ManyToManyWidget({ props, bind, on }) {
+    const label = props.label ?? bind.meta?.label ?? '';
+    const placeholder = props.placeholder ?? 'Select...';
+    const disabled = props.disabled ?? bind.meta?.readOnly ?? false;
+    const [open, setOpen] = useState(false);
+    const [search, setSearch] = useState('');
+    const options = (bind.meta?.options ?? []);
+    const selected = bind.value ?? [];
+    const handleToggle = (value) => {
+        const next = selected.includes(value)
+            ? selected.filter((v) => v !== value)
+            : [...selected, value];
+        bind.setValue?.(next);
+        on.change?.(next);
+    };
+    const handleRemove = (value) => {
+        const next = selected.filter((v) => v !== value);
+        bind.setValue?.(next);
+        on.change?.(next);
+    };
+    const handleSearchChange = (value) => {
+        setSearch(value);
+        on.search?.(value);
+    };
+    const selectedLabels = selected
+        .map((v) => options.find((o) => o.value === v))
+        .filter(Boolean);
+    return (_jsxs(Field, { children: [label && _jsx(FieldLabel, { children: label }), _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", role: "combobox", "aria-expanded": open, disabled: disabled, className: "w-full justify-start font-normal h-auto min-h-7 text-xs flex-wrap gap-1 py-1", children: selectedLabels.length > 0 ? (selectedLabels.map((opt) => (_jsxs(Badge, { variant: "secondary", className: "text-xs", children: [opt.label, _jsx("button", { type: "button", className: "ml-1 rounded-full hover:bg-muted", onClick: (e) => {
+                                            e.stopPropagation();
+                                            handleRemove(opt.value);
+                                        }, "aria-label": `Remove ${opt.label}`, children: "\u00D7" })] }, opt.value)))) : (_jsx("span", { className: "text-muted-foreground", children: placeholder })) }) }), _jsx(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: _jsxs(Command, { shouldFilter: false, children: [_jsx(CommandInput, { placeholder: "Search...", value: search, onValueChange: handleSearchChange }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No results found." }), _jsx(CommandGroup, { children: options.map((opt) => (_jsx(CommandItem, { value: opt.value, onSelect: () => handleToggle(opt.value), className: cn(selected.includes(opt.value) && 'bg-accent'), children: opt.label }, opt.value))) })] })] }) })] })] }));
+}
+ManyToManyWidget.widgetMeta = {
+    name: 'many-to-many',
+    label: 'Many to Many',
+    category: 'input',
+    schema: {
+        label: { type: 'string' },
+        placeholder: { type: 'string' },
+        disabled: { type: 'boolean', default: false },
+    },
+    binding: 'field',
+    triggers: ['change', 'search'],
+    container: false,
+};
+//# sourceMappingURL=ManyToManyWidget.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalWidget.d.ts","sourceRoot":"","sources":["../../../src/widgets/components/ModalWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAS/C,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,qBA0B3D;yBA1Be,WAAW"}

package/dist/widgets/components/ModalWidget.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog';
+import { usePageState } from '../hooks/usePageState.js';
+const sizeMap = {
+    sm: 'sm:max-w-sm',
+    md: 'sm:max-w-lg',
+    lg: 'sm:max-w-3xl',
+};
+export function ModalWidget({ props, children }) {
+    const title = props.title ?? '';
+    const size = props.size ?? 'md';
+    const closable = props.closable ?? true;
+    const visibleField = props._visibleField;
+    const state = usePageState();
+    const handleOpenChange = (open) => {
+        if (!open && closable && visibleField && visibleField.startsWith('$state.')) {
+            const key = visibleField.slice(7);
+            state.set(key, false);
+        }
+    };
+    return (_jsx(Dialog, { open: true, onOpenChange: handleOpenChange, children: _jsxs(DialogContent, { className: sizeMap[size], showCloseButton: closable, children: [title && (_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: title }) })), children] }) }));
+}
+ModalWidget.widgetMeta = {
+    name: 'modal',
+    label: 'Modal',
+    category: 'layout',
+    schema: {
+        size: { type: 'enum', options: ['sm', 'md', 'lg'], default: 'md' },
+        title: { type: 'string' },
+        closable: { type: 'boolean', default: true },
+    },
+    binding: 'none',
+    triggers: [],
+    container: true,
+};
+//# sourceMappingURL=ModalWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalWidget.js","sourceRoot":"","sources":["../../../src/widgets/components/ModalWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1F,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,OAAO,GAAG;IACd,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,cAAc;CACnB,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAe;IAC1D,MAAM,KAAK,GAAI,KAAK,CAAC,KAAgB,IAAI,EAAE,CAAC;IAC5C,MAAM,IAAI,GAAI,KAAK,CAAC,IAA2B,IAAI,IAAI,CAAC;IACxD,MAAM,QAAQ,GAAI,KAAK,CAAC,QAAoB,IAAI,IAAI,CAAC;IACrD,MAAM,YAAY,GAAG,KAAK,CAAC,aAAmC,CAAC;IAC/D,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAE7B,MAAM,gBAAgB,GAAG,CAAC,IAAa,EAAE,EAAE;QACzC,IAAI,CAAC,IAAI,IAAI,QAAQ,IAAI,YAAY,IAAI,YAAY,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;YAC5E,MAAM,GAAG,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAClC,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,gBAAgB,YAChD,MAAC,aAAa,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,eAAe,EAAE,QAAQ,aAC/D,KAAK,IAAI,CACR,KAAC,YAAY,cACX,KAAC,WAAW,cAAE,KAAK,GAAe,GACrB,CAChB,EACA,QAAQ,IACK,GACT,CACV,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,UAAU,GAAG;IACvB,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,QAAiB;IAC3B,MAAM,EAAE;QACN,IAAI,EAAE,EAAE,IAAI,EAAE,MAAe,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;QAC3E,KAAK,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE;QAClC,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAkB,EAAE,OAAO,EAAE,IAAI,EAAE;KACtD;IACD,OAAO,EAAE,MAAe;IACxB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,IAAI;CAChB,CAAC"}

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

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

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

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

package/dist/widgets/components/MoneyWidget.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Input } from '@/components/ui/input';
+import { Field, FieldLabel } from '@/components/ui/field';
+export function MoneyWidget({ props, bind, on }) {
+    const label = props.label ?? bind.meta?.label ?? '';
+    const currency = props.currency ?? '$';
+    const disabled = props.disabled ?? bind.meta?.readOnly ?? false;
+    const readOnly = props.readOnly ?? bind.meta?.readOnly ?? false;
+    const error = bind.error;
+    const rawValue = bind.value;
+    const [displayValue, setDisplayValue] = useState(rawValue != null ? rawValue.toFixed(2) : '');
+    const handleChange = (e) => {
+        const text = e.target.value;
+        setDisplayValue(text);
+        const num = parseFloat(text);
+        if (!isNaN(num)) {
+            bind.setValue?.(num);
+            on.change?.(num);
+        }
+        else if (text === '') {
+            bind.setValue?.(null);
+            on.change?.(null);
+        }
+    };
+    const handleFocus = () => {
+        on.focus?.();
+    };
+    const handleBlur = () => {
+        const num = parseFloat(displayValue);
+        if (!isNaN(num)) {
+            setDisplayValue(num.toFixed(2));
+        }
+        on.blur?.();
+    };
+    return (_jsxs(Field, { children: [label && _jsx(FieldLabel, { children: label }), _jsxs("div", { className: "flex items-center", children: [_jsx("span", { className: "inline-flex h-8 items-center border border-r-0 border-input bg-muted px-2 text-xs text-muted-foreground", children: currency }), _jsx(Input, { type: "text", inputMode: "decimal", value: displayValue, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, disabled: disabled, readOnly: readOnly, placeholder: "0.00" })] }), error && _jsx("p", { className: "text-xs text-destructive mt-1", children: error })] }));
+}
+MoneyWidget.widgetMeta = {
+    name: 'money',
+    label: 'Money',
+    category: 'input',
+    schema: {
+        label: { type: 'string' },
+        currency: { type: 'string', default: '$' },
+        disabled: { type: 'boolean', default: false },
+        readOnly: { type: 'boolean', default: false },
+    },
+    binding: 'field',
+    triggers: ['change', 'focus', 'blur'],
+    container: false,
+};
+//# sourceMappingURL=MoneyWidget.js.map

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

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

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

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

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

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

package/dist/widgets/components/RepeatWidget.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useWidgetContext } from '../hooks/useWidgetContext.js';
+import { WidgetContextProvider } from '../hooks/useWidgetContext.js';
+import { buildRowContext } from '../context/builder.js';
+export function RepeatWidget({ props, bind: bindProp, children }) {
+    const ctx = useWidgetContext();
+    const layout = props.layout ?? 'list';
+    const columns = props.columns ?? 3;
+    const gap = props.gap ?? 'md';
+    // Determine source records:
+    // 1. If bind.value is an array (from bind.field on parent record), use that
+    // 2. Otherwise, read records from parent context (data widget in collection mode)
+    let records = [];
+    if (Array.isArray(bindProp.value)) {
+        records = bindProp.value;
+    }
+    else if (ctx.records) {
+        records = ctx.records;
+    }
+    const gapMap = { sm: '8px', md: '16px', lg: '24px' };
+    const containerStyle = layout === 'grid'
+        ? {
+            display: 'grid',
+            gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`,
+            gap: gapMap[gap] ?? gapMap.md,
+        }
+        : {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: gapMap[gap] ?? gapMap.md,
+        };
+    return (_jsx("div", { style: containerStyle, "data-widget": "repeat", "data-layout": layout, children: records.map((record, index) => {
+            const rowCtx = buildRowContext(record, index, ctx);
+            return (_jsx(WidgetContextProvider, { value: rowCtx, children: _jsx("div", { "data-repeat-index": index, children: children }) }, record.id ?? index));
+        }) }));
+}
+RepeatWidget.widgetMeta = {
+    name: 'repeat',
+    label: 'Repeat',
+    category: 'data',
+    schema: {
+        layout: { type: 'enum', options: ['list', 'grid'], default: 'list' },
+        columns: { type: 'number', default: 3 },
+        gap: { type: 'enum', options: ['sm', 'md', 'lg'], default: 'md' },
+    },
+    binding: 'field',
+    triggers: [],
+    container: true,
+};
+//# sourceMappingURL=RepeatWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepeatWidget.js","sourceRoot":"","sources":["../../../src/widgets/components/RepeatWidget.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAe;IAC3E,MAAM,GAAG,GAAG,gBAAgB,EAAE,CAAC;IAE/B,MAAM,MAAM,GAAI,KAAK,CAAC,MAAiB,IAAI,MAAM,CAAC;IAClD,MAAM,OAAO,GAAI,KAAK,CAAC,OAAkB,IAAI,CAAC,CAAC;IAC/C,MAAM,GAAG,GAAI,KAAK,CAAC,GAAc,IAAI,IAAI,CAAC;IAE1C,4BAA4B;IAC5B,4EAA4E;IAC5E,kFAAkF;IAClF,IAAI,OAAO,GAA8B,EAAE,CAAC;IAE5C,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QAClC,OAAO,GAAG,QAAQ,CAAC,KAAkC,CAAC;IACxD,CAAC;SAAM,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;QACvB,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,MAAM,MAAM,GAA2B,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC;IAE7E,MAAM,cAAc,GAClB,MAAM,KAAK,MAAM;QACf,CAAC,CAAC;YACE,OAAO,EAAE,MAAM;YACf,mBAAmB,EAAE,UAAU,OAAO,mBAAmB;YACzD,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,EAAE;SAC9B;QACH,CAAC,CAAC;YACE,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,EAAE;SAC9B,CAAC;IAER,OAAO,CACL,cAAK,KAAK,EAAE,cAAc,iBAAc,QAAQ,iBAAc,MAAM,YACjE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC7B,MAAM,MAAM,GAAG,eAAe,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;YACnD,OAAO,CACL,KAAC,qBAAqB,IAAsC,KAAK,EAAE,MAAM,YACvE,mCAAwB,KAAK,YAAG,QAAQ,GAAO,IADpB,MAAM,CAAC,EAAa,IAAI,KAAK,CAElC,CACzB,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,YAAY,CAAC,UAAU,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,MAAe;IACzB,MAAM,EAAE;QACN,MAAM,EAAE,EAAE,IAAI,EAAE,MAAe,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE;QAC7E,OAAO,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE,OAAO,EAAE,CAAC,EAAE;QAChD,GAAG,EAAE,EAAE,IAAI,EAAE,MAAe,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;KAC3E;IACD,OAAO,EAAE,OAAgB;IACzB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,IAAI;CAChB,CAAC"}

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

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

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

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

package/dist/widgets/components/ScrollAreaWidget.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '@/lib/utils';
+import { ScrollArea } from '@/components/ui/scroll-area';
+export function ScrollAreaWidget({ props, children }) {
+    const direction = props.direction ?? 'vertical';
+    const height = props.height;
+    const maxHeight = props.maxHeight;
+    return (_jsx(ScrollArea, { className: cn(direction === 'horizontal' && 'overflow-x-auto', height && (height === '100%' ? 'h-full' : `h-[${height}]`), maxHeight && `max-h-[${maxHeight}]`), children: children }));
+}
+ScrollAreaWidget.widgetMeta = {
+    name: 'scroll-area',
+    label: 'Scroll Area',
+    category: 'layout',
+    schema: {
+        direction: {
+            type: 'enum',
+            options: ['vertical', 'horizontal', 'both'],
+            default: 'vertical',
+        },
+        height: { type: 'string' },
+        maxHeight: { type: 'string' },
+    },
+    binding: 'none',
+    triggers: [],
+    container: true,
+};
+//# sourceMappingURL=ScrollAreaWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAreaWidget.js","sourceRoot":"","sources":["../../../src/widgets/components/ScrollAreaWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGzD,MAAM,UAAU,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAe;IAC/D,MAAM,SAAS,GAAI,KAAK,CAAC,SAAgD,IAAI,UAAU,CAAC;IACxF,MAAM,MAAM,GAAG,KAAK,CAAC,MAA4B,CAAC;IAClD,MAAM,SAAS,GAAG,KAAK,CAAC,SAA+B,CAAC;IAExD,OAAO,CACL,KAAC,UAAU,IACT,SAAS,EAAE,EAAE,CACX,SAAS,KAAK,YAAY,IAAI,iBAAiB,EAC/C,MAAM,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,MAAM,GAAG,CAAC,EAC1D,SAAS,IAAI,UAAU,SAAS,GAAG,CACpC,YAEA,QAAQ,GACE,CACd,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,UAAU,GAAG;IAC5B,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,QAAiB;IAC3B,MAAM,EAAE;QACN,SAAS,EAAE;YACT,IAAI,EAAE,MAAe;YACrB,OAAO,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,MAAM,CAAC;YAC3C,OAAO,EAAE,UAAU;SACpB;QACD,MAAM,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE;QACnC,SAAS,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE;KACvC;IACD,OAAO,EAAE,MAAe;IACxB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,IAAI;CAChB,CAAC"}

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

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

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

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

package/dist/widgets/components/SectionWidget.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { cn } from '@/lib/utils';
+import { ChevronRight } from 'lucide-react';
+import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@/components/ui/collapsible';
+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 SectionWidget({ props, children }) {
+    const label = props.label ?? '';
+    const collapsible = props.collapsible ?? false;
+    const defaultCollapsed = props.defaultCollapsed ?? false;
+    const padding = props.padding ?? 'md';
+    const icon = props.icon;
+    const [open, setOpen] = useState(!defaultCollapsed);
+    if (!collapsible) {
+        return (_jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-border pb-2 mb-3", children: [icon && _jsx("span", { className: "text-muted-foreground", children: icon }), _jsx("h3", { className: "text-sm font-medium", children: label })] }), _jsx("div", { className: cn(paddingMap[padding]), children: children })] }));
+    }
+    return (_jsx(Collapsible, { open: open, onOpenChange: setOpen, children: _jsxs("div", { className: "flex flex-col", children: [_jsxs(CollapsibleTrigger, { className: "flex items-center gap-2 border-b border-border pb-2 mb-3 cursor-pointer hover:text-foreground/80", children: [_jsx(ChevronRight, { className: cn('h-4 w-4 text-muted-foreground transition-transform duration-150', open && 'rotate-90') }), icon && _jsx("span", { className: "text-muted-foreground", children: icon }), _jsx("h3", { className: "text-sm font-medium", children: label })] }), _jsx(CollapsibleContent, { children: _jsx("div", { className: cn(paddingMap[padding]), children: children }) })] }) }));
+}
+SectionWidget.widgetMeta = {
+    name: 'section',
+    label: 'Section',
+    category: 'layout',
+    schema: {
+        label: { type: 'string', required: true },
+        collapsible: { type: 'boolean', default: false },
+        defaultCollapsed: { type: 'boolean', default: false },
+        padding: {
+            type: 'enum',
+            options: ['none', 'xs', 'sm', 'md', 'lg', 'xl', '2xl'],
+            default: 'md',
+        },
+        icon: { type: 'string' },
+    },
+    binding: 'none',
+    triggers: [],
+    container: true,
+};
+//# sourceMappingURL=SectionWidget.js.map

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

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

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

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

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

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

package/dist/widgets/components/SelectWidget.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, } from '@/components/ui/select';
+import { Field, FieldLabel } from '@/components/ui/field';
+export function SelectWidget({ props, bind, on }) {
+    const label = props.label ?? bind.meta?.label ?? '';
+    const placeholder = props.placeholder ?? '';
+    const disabled = props.disabled ?? bind.meta?.readOnly ?? false;
+    const error = bind.error;
+    const rawOptions = (bind.meta?.options ?? []);
+    const options = rawOptions.map((opt) => typeof opt === 'string' ? { label: opt, value: opt } : opt);
+    return (_jsxs(Field, { children: [label && _jsx(FieldLabel, { children: label }), _jsxs(Select, { value: bind.value ?? '', onValueChange: (val) => {
+                    bind.setValue?.(val);
+                    on.change?.(val);
+                }, disabled: disabled, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: placeholder }) }), _jsx(SelectContent, { children: options.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] }), error && _jsx("p", { className: "text-xs text-destructive mt-1", children: error })] }));
+}
+SelectWidget.widgetMeta = {
+    name: 'select',
+    label: 'Select',
+    category: 'input',
+    schema: {
+        label: { type: 'string' },
+        placeholder: { type: 'string' },
+        searchable: { type: 'boolean', default: false },
+        disabled: { type: 'boolean', default: false },
+    },
+    binding: 'field',
+    triggers: ['change'],
+    container: false,
+};
+//# sourceMappingURL=SelectWidget.js.map