@rangka/client 0.0.1

package/dist/widgets/hooks/useDataQuery.js

@@ -0,0 +1,32 @@
+import { useMemo } from 'react';
+import { usePageState, useStateVersion } from './usePageState.js';
+import { getFiltersForModel, getSortForModel, getPageForModel, getSearchForModel, } from '../reactivity/variables.js';
+/**
+ * Hook that reads the current $filter, $sort, and $page reactive variables
+ * for a given model from the page state store.
+ *
+ * Widgets like `table` and `data` (collection mode) use this to determine
+ * what query params to send when fetching data.
+ *
+ * Re-renders whenever any value in the store changes (same granularity as
+ * other widget hooks that use useStateVersion).
+ */
+export function useDataQuery(model) {
+    const store = usePageState();
+    // Subscribe to version changes so we re-render when any store value changes
+    const version = useStateVersion();
+    return useMemo(() => {
+        // Build a Map view of the store for the helper functions
+        const stateMap = new Map();
+        for (const key of store.keys()) {
+            stateMap.set(key, store.get(key));
+        }
+        return {
+            filters: getFiltersForModel(stateMap, model),
+            sort: getSortForModel(stateMap, model),
+            page: getPageForModel(stateMap, model),
+            search: getSearchForModel(stateMap, model),
+        };
+    }, [store, model, version]);
+}
+//# sourceMappingURL=useDataQuery.js.map

package/dist/widgets/hooks/useDataQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataQuery.js","sourceRoot":"","sources":["../../../src/widgets/hooks/useDataQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAClE,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,iBAAiB,GAGlB,MAAM,4BAA4B,CAAC;AASpC;;;;;;;;;GASG;AACH,MAAM,UAAU,YAAY,CAAC,KAAa;IACxC,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAC7B,4EAA4E;IAC5E,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAElC,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,yDAAyD;QACzD,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAmB,CAAC;QAC5C,KAAK,MAAM,GAAG,IAAI,KAAK,CAAC,IAAI,EAAE,EAAE,CAAC;YAC/B,QAAQ,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QACpC,CAAC;QAED,OAAO;YACL,OAAO,EAAE,kBAAkB,CAAC,QAAQ,EAAE,KAAK,CAAC;YAC5C,IAAI,EAAE,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC;YACtC,IAAI,EAAE,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC;YACtC,MAAM,EAAE,iBAAiB,CAAC,QAAQ,EAAE,KAAK,CAAC;SAC3C,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;AAC9B,CAAC"}

package/dist/widgets/hooks/useExpression.d.ts

@@ -0,0 +1,2 @@
+export declare function useExpression(expression: string | undefined): unknown;
+//# sourceMappingURL=useExpression.d.ts.map

package/dist/widgets/hooks/useExpression.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpression.d.ts","sourceRoot":"","sources":["../../../src/widgets/hooks/useExpression.ts"],"names":[],"mappings":"AAKA,wBAAgB,aAAa,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAQrE"}

package/dist/widgets/hooks/useExpression.js

@@ -0,0 +1,15 @@
+import { useMemo } from 'react';
+import { useWidgetContext } from './useWidgetContext.js';
+import { parse, evaluate } from '../expression/index.js';
+import { flattenContext } from '../context/types.js';
+export function useExpression(expression) {
+    const ctx = useWidgetContext();
+    return useMemo(() => {
+        if (!expression)
+            return undefined;
+        const flat = flattenContext(ctx);
+        const ast = parse(expression);
+        return evaluate(ast, flat);
+    }, [expression, ctx]);
+}
+//# sourceMappingURL=useExpression.js.map

package/dist/widgets/hooks/useExpression.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpression.js","sourceRoot":"","sources":["../../../src/widgets/hooks/useExpression.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,UAAU,aAAa,CAAC,UAA8B;IAC1D,MAAM,GAAG,GAAG,gBAAgB,EAAE,CAAC;IAC/B,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,CAAC,UAAU;YAAE,OAAO,SAAS,CAAC;QAClC,MAAM,IAAI,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;QACjC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC;QAC9B,OAAO,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC;AACxB,CAAC"}

package/dist/widgets/hooks/usePageState.d.ts

@@ -0,0 +1,5 @@
+import { StateStore } from '../state/store.js';
+export declare const PageStateProvider: import("react").Provider<StateStore | null>;
+export declare function usePageState(): StateStore;
+export declare function useStateVersion(): number;
+//# sourceMappingURL=usePageState.d.ts.map

package/dist/widgets/hooks/usePageState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePageState.d.ts","sourceRoot":"","sources":["../../../src/widgets/hooks/usePageState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI/C,eAAO,MAAM,iBAAiB,6CAA4B,CAAC;AAE3D,wBAAgB,YAAY,eAM3B;AAED,wBAAgB,eAAe,IAAI,MAAM,CAKxC"}

package/dist/widgets/hooks/usePageState.js

@@ -0,0 +1,17 @@
+import { createContext, useContext, useSyncExternalStore, useCallback } from 'react';
+const PageStateContext = createContext(null);
+export const PageStateProvider = PageStateContext.Provider;
+export function usePageState() {
+    const store = useContext(PageStateContext);
+    if (!store) {
+        throw new Error('usePageState must be used within a PageStateProvider');
+    }
+    return store;
+}
+export function useStateVersion() {
+    const store = usePageState();
+    const subscribe = useCallback((cb) => store.onchange(cb), [store]);
+    const getSnapshot = useCallback(() => store.getVersion(), [store]);
+    return useSyncExternalStore(subscribe, getSnapshot);
+}
+//# sourceMappingURL=usePageState.js.map

package/dist/widgets/hooks/usePageState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePageState.js","sourceRoot":"","sources":["../../../src/widgets/hooks/usePageState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGrF,MAAM,gBAAgB,GAAG,aAAa,CAAoB,IAAI,CAAC,CAAC;AAEhE,MAAM,CAAC,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AAE3D,MAAM,UAAU,YAAY;IAC1B,MAAM,KAAK,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC3C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;IAC1E,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAC7B,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,EAAc,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC/E,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACnE,OAAO,oBAAoB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;AACtD,CAAC"}

package/dist/widgets/hooks/useSurfaceContext.d.ts

@@ -0,0 +1,5 @@
+type SurfaceType = 'page' | 'card';
+export declare const SurfaceProvider: import("react").Provider<SurfaceType>;
+export declare function useSurfaceContext(): SurfaceType;
+export {};
+//# sourceMappingURL=useSurfaceContext.d.ts.map

package/dist/widgets/hooks/useSurfaceContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSurfaceContext.d.ts","sourceRoot":"","sources":["../../../src/widgets/hooks/useSurfaceContext.ts"],"names":[],"mappings":"AAEA,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;AAInC,eAAO,MAAM,eAAe,uCAA0B,CAAC;AAEvD,wBAAgB,iBAAiB,IAAI,WAAW,CAE/C"}

package/dist/widgets/hooks/useSurfaceContext.js

@@ -0,0 +1,7 @@
+import { createContext, useContext } from 'react';
+const SurfaceContext = createContext('page');
+export const SurfaceProvider = SurfaceContext.Provider;
+export function useSurfaceContext() {
+    return useContext(SurfaceContext);
+}
+//# sourceMappingURL=useSurfaceContext.js.map

package/dist/widgets/hooks/useSurfaceContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSurfaceContext.js","sourceRoot":"","sources":["../../../src/widgets/hooks/useSurfaceContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAIlD,MAAM,cAAc,GAAG,aAAa,CAAc,MAAM,CAAC,CAAC;AAE1D,MAAM,CAAC,MAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC;AAEvD,MAAM,UAAU,iBAAiB;IAC/B,OAAO,UAAU,CAAC,cAAc,CAAC,CAAC;AACpC,CAAC"}

package/dist/widgets/hooks/useWidgetContext.d.ts

@@ -0,0 +1,4 @@
+import type { WidgetContext } from '../context/types.js';
+export declare const WidgetContextProvider: import("react").Provider<WidgetContext | null>;
+export declare function useWidgetContext(): WidgetContext;
+//# sourceMappingURL=useWidgetContext.d.ts.map

package/dist/widgets/hooks/useWidgetContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWidgetContext.d.ts","sourceRoot":"","sources":["../../../src/widgets/hooks/useWidgetContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIzD,eAAO,MAAM,qBAAqB,gDAA8B,CAAC;AAEjE,wBAAgB,gBAAgB,IAAI,aAAa,CAMhD"}

package/dist/widgets/hooks/useWidgetContext.js

@@ -0,0 +1,11 @@
+import { createContext, useContext } from 'react';
+const WidgetContextReact = createContext(null);
+export const WidgetContextProvider = WidgetContextReact.Provider;
+export function useWidgetContext() {
+    const ctx = useContext(WidgetContextReact);
+    if (!ctx) {
+        throw new Error('useWidgetContext must be used within a WidgetContextProvider');
+    }
+    return ctx;
+}
+//# sourceMappingURL=useWidgetContext.js.map

package/dist/widgets/hooks/useWidgetContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWidgetContext.js","sourceRoot":"","sources":["../../../src/widgets/hooks/useWidgetContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,kBAAkB,GAAG,aAAa,CAAuB,IAAI,CAAC,CAAC;AAErE,MAAM,CAAC,MAAM,qBAAqB,GAAG,kBAAkB,CAAC,QAAQ,CAAC;AAEjE,MAAM,UAAU,gBAAgB;IAC9B,MAAM,GAAG,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC3C,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CAAC,8DAA8D,CAAC,CAAC;IAClF,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/widgets/index.d.ts

@@ -0,0 +1,44 @@
+export { parse, evaluate, functions } from './expression/index.js';
+export type { AstNode, EvalContext } from './expression/index.js';
+export { evaluateCondition, evaluateConditions } from './condition/index.js';
+export { StateStore } from './state/index.js';
+export type { Subscriber } from './state/index.js';
+export { buildContext, buildRowContext, createRootContext, resolveContextValue, getRootContext, flattenContext, } from './context/index.js';
+export type { WidgetContext } from './context/index.js';
+export { resolveBinding } from './binding/index.js';
+export type { BindingResult, FieldMeta } from './binding/index.js';
+export { dispatch, resolveExpressionValue } from './action/index.js';
+export type { ActionContext, ActionHandlers } from './action/index.js';
+export { buildDependencyMap, getAffectedWidgets } from './reactivity/index.js';
+export type { DependencyMap } from './reactivity/index.js';
+export { parseFilterKey, getFiltersForModel, getSortForModel, getPageForModel, isReactiveVariableKey, getModelFromKey, } from './reactivity/index.js';
+export type { FilterOperator, ParsedFilterKey, ParsedFilter, SortEntry, } from './reactivity/index.js';
+export { validateWidgetTree } from './validation/index.js';
+export type { ValidationError } from './validation/index.js';
+export { registerWidget, getWidget, getWidgetMeta, getAllWidgetMeta, getWidgetRegistry, clearWidgetRegistry, } from './registry.js';
+export type { WidgetRegistryEntry } from './registry.js';
+export type { WidgetProps } from './types.js';
+export { WidgetRenderer } from './renderer/index.js';
+export type { WidgetRendererProps } from './renderer/index.js';
+export { SlotRenderer } from './renderer/index.js';
+export type { SlotRendererProps } from './renderer/index.js';
+export { useWidgetContext, WidgetContextProvider } from './hooks/index.js';
+export { usePageState, PageStateProvider } from './hooks/index.js';
+export { useBind } from './hooks/index.js';
+export { useExpression } from './hooks/index.js';
+export { useCondition } from './hooks/index.js';
+export { useAction, useTriggerHandlers } from './hooks/index.js';
+export { useDataQuery } from './hooks/index.js';
+export type { DataQueryState } from './hooks/index.js';
+export { registerBuiltInWidgets } from './components/register.js';
+export { ButtonWidget } from './components/index.js';
+export { InputWidget } from './components/index.js';
+export { TextWidget } from './components/index.js';
+export { BadgeWidget } from './components/index.js';
+export { IconWidget } from './components/index.js';
+export { ImageWidget } from './components/index.js';
+export { GroupWidget } from './components/index.js';
+export { SectionWidget } from './components/index.js';
+export { DividerWidget } from './components/index.js';
+export { SpacerWidget } from './components/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/widgets/index.d.ts.map

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

package/dist/widgets/index.js

@@ -0,0 +1,31 @@
+export { parse, evaluate, functions } from './expression/index.js';
+export { evaluateCondition, evaluateConditions } from './condition/index.js';
+export { StateStore } from './state/index.js';
+export { buildContext, buildRowContext, createRootContext, resolveContextValue, getRootContext, flattenContext, } from './context/index.js';
+export { resolveBinding } from './binding/index.js';
+export { dispatch, resolveExpressionValue } from './action/index.js';
+export { buildDependencyMap, getAffectedWidgets } from './reactivity/index.js';
+export { parseFilterKey, getFiltersForModel, getSortForModel, getPageForModel, isReactiveVariableKey, getModelFromKey, } from './reactivity/index.js';
+export { validateWidgetTree } from './validation/index.js';
+export { registerWidget, getWidget, getWidgetMeta, getAllWidgetMeta, getWidgetRegistry, clearWidgetRegistry, } from './registry.js';
+export { WidgetRenderer } from './renderer/index.js';
+export { SlotRenderer } from './renderer/index.js';
+export { useWidgetContext, WidgetContextProvider } from './hooks/index.js';
+export { usePageState, PageStateProvider } from './hooks/index.js';
+export { useBind } from './hooks/index.js';
+export { useExpression } from './hooks/index.js';
+export { useCondition } from './hooks/index.js';
+export { useAction, useTriggerHandlers } from './hooks/index.js';
+export { useDataQuery } from './hooks/index.js';
+export { registerBuiltInWidgets } from './components/register.js';
+export { ButtonWidget } from './components/index.js';
+export { InputWidget } from './components/index.js';
+export { TextWidget } from './components/index.js';
+export { BadgeWidget } from './components/index.js';
+export { IconWidget } from './components/index.js';
+export { ImageWidget } from './components/index.js';
+export { GroupWidget } from './components/index.js';
+export { SectionWidget } from './components/index.js';
+export { DividerWidget } from './components/index.js';
+export { SpacerWidget } from './components/index.js';
+//# sourceMappingURL=index.js.map

package/dist/widgets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/widgets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGnE,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE7E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,OAAO,EACL,YAAY,EACZ,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,cAAc,GACf,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,EAAE,QAAQ,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAGrE,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE/E,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,qBAAqB,EACrB,eAAe,GAChB,MAAM,uBAAuB,CAAC;AAQ/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,EACL,cAAc,EACd,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/widgets/lib/layout-props.d.ts

@@ -0,0 +1,8 @@
+import type { LayoutProps } from '@rangka/shared';
+export declare function extractLayoutProps(props: Record<string, unknown>): {
+    layoutProps: LayoutProps;
+    widgetProps: Record<string, unknown>;
+};
+export declare function hasLayoutProps(props: Record<string, unknown>): boolean;
+export declare function resolveLayoutClasses(layout: LayoutProps): string;
+//# sourceMappingURL=layout-props.d.ts.map

package/dist/widgets/lib/layout-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-props.d.ts","sourceRoot":"","sources":["../../../src/widgets/lib/layout-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAqChE,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAClE,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC,CAaA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,OAAO,CAEtE;AAED,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CA2EhE"}

package/dist/widgets/lib/layout-props.js

@@ -0,0 +1,134 @@
+const LAYOUT_PROP_KEYS = [
+    'flex',
+    'span',
+    'rowSpan',
+    'align',
+    'width',
+    'height',
+    'minWidth',
+    'maxWidth',
+    'minHeight',
+    'maxHeight',
+    'scroll',
+    'padding',
+    'paddingX',
+    'paddingY',
+    'margin',
+    'marginX',
+    'marginY',
+    'hidden',
+];
+const SPACING_MAP = {
+    none: '0',
+    xs: '1',
+    sm: '2',
+    md: '4',
+    lg: '6',
+    xl: '8',
+    '2xl': '12',
+};
+function spacingClass(prefix, token) {
+    return `${prefix}-${SPACING_MAP[token]}`;
+}
+export function extractLayoutProps(props) {
+    const layoutProps = {};
+    const widgetProps = {};
+    for (const [key, value] of Object.entries(props)) {
+        if (LAYOUT_PROP_KEYS.includes(key)) {
+            layoutProps[key] = value;
+        }
+        else {
+            widgetProps[key] = value;
+        }
+    }
+    return { layoutProps: layoutProps, widgetProps };
+}
+export function hasLayoutProps(props) {
+    return Object.keys(props).some((key) => LAYOUT_PROP_KEYS.includes(key));
+}
+export function resolveLayoutClasses(layout) {
+    const classes = [];
+    // Flex
+    if (layout.flex !== undefined) {
+        if (layout.flex === 1) {
+            classes.push('flex-1');
+        }
+        else if (typeof layout.flex === 'number') {
+            classes.push(`flex-[${layout.flex}]`);
+        }
+        else if (typeof layout.flex === 'string') {
+            classes.push(`flex-[${layout.flex.replace(/ /g, '_')}]`);
+        }
+    }
+    // Grid span
+    if (layout.span !== undefined) {
+        classes.push(`col-span-${layout.span}`);
+    }
+    if (layout.rowSpan !== undefined) {
+        classes.push(`row-span-${layout.rowSpan}`);
+    }
+    // Self-alignment
+    if (layout.align) {
+        const alignMap = {
+            start: 'self-start',
+            center: 'self-center',
+            end: 'self-end',
+            stretch: 'self-stretch',
+        };
+        classes.push(alignMap[layout.align] ?? '');
+    }
+    // Dimensions
+    if (layout.width) {
+        if (layout.width === '100%')
+            classes.push('w-full');
+        else if (layout.width === 'auto')
+            classes.push('w-auto');
+        else
+            classes.push(`w-[${layout.width}]`);
+    }
+    if (layout.height) {
+        if (layout.height === '100%')
+            classes.push('h-full');
+        else if (layout.height === 'auto')
+            classes.push('h-auto');
+        else
+            classes.push(`h-[${layout.height}]`);
+    }
+    if (layout.minWidth)
+        classes.push(`min-w-[${layout.minWidth}]`);
+    if (layout.maxWidth)
+        classes.push(`max-w-[${layout.maxWidth}]`);
+    if (layout.minHeight)
+        classes.push(`min-h-[${layout.minHeight}]`);
+    if (layout.maxHeight)
+        classes.push(`max-h-[${layout.maxHeight}]`);
+    // Scroll
+    if (layout.scroll) {
+        const scrollMap = {
+            auto: 'overflow-auto',
+            vertical: 'overflow-y-auto',
+            horizontal: 'overflow-x-auto',
+        };
+        classes.push(scrollMap[layout.scroll] ?? '');
+    }
+    // Padding
+    if (layout.padding)
+        classes.push(spacingClass('p', layout.padding));
+    if (layout.paddingX)
+        classes.push(spacingClass('px', layout.paddingX));
+    if (layout.paddingY)
+        classes.push(spacingClass('py', layout.paddingY));
+    // Margin
+    if (layout.margin)
+        classes.push(spacingClass('m', layout.margin));
+    if (layout.marginX)
+        classes.push(spacingClass('mx', layout.marginX));
+    if (layout.marginY)
+        classes.push(spacingClass('my', layout.marginY));
+    // Hidden
+    if (layout.hidden) {
+        classes.push(`${layout.hidden}:hidden`);
+    }
+    return classes.filter(Boolean).join(' ');
+}
+//# sourceMappingURL=layout-props.js.map

package/dist/widgets/lib/layout-props.js.map

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

package/dist/widgets/reactivity/index.d.ts

@@ -0,0 +1,5 @@
+export { buildDependencyMap, getAffectedWidgets } from './tracker.js';
+export type { DependencyMap } from './tracker.js';
+export { parseFilterKey, getFiltersForModel, getSortForModel, getPageForModel, isReactiveVariableKey, getModelFromKey, } from './variables.js';
+export type { FilterOperator, ParsedFilterKey, ParsedFilter, SortEntry } from './variables.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/widgets/reactivity/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/reactivity/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACtE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,qBAAqB,EACrB,eAAe,GAChB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/widgets/reactivity/index.js

@@ -0,0 +1,3 @@
+export { buildDependencyMap, getAffectedWidgets } from './tracker.js';
+export { parseFilterKey, getFiltersForModel, getSortForModel, getPageForModel, isReactiveVariableKey, getModelFromKey, } from './variables.js';
+//# sourceMappingURL=index.js.map

package/dist/widgets/reactivity/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/reactivity/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEtE,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,qBAAqB,EACrB,eAAe,GAChB,MAAM,gBAAgB,CAAC"}

package/dist/widgets/reactivity/tracker.d.ts

@@ -0,0 +1,8 @@
+import type { WidgetNode } from '@rangka/shared';
+export interface DependencyMap {
+    fields: Map<string, Set<string>>;
+    state: Map<string, Set<string>>;
+}
+export declare function buildDependencyMap(nodes: WidgetNode[], parentPath?: string): DependencyMap;
+export declare function getAffectedWidgets(depMap: DependencyMap, key: string, isState: boolean): Set<string>;
+//# sourceMappingURL=tracker.d.ts.map

package/dist/widgets/reactivity/tracker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tracker.d.ts","sourceRoot":"","sources":["../../../src/widgets/reactivity/tracker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,gBAAgB,CAAC;AAI5D,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACjC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;CACjC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,UAAU,GAAE,MAAW,GAAG,aAAa,CAsD9F;AAED,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,aAAa,EACrB,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,OAAO,GACf,GAAG,CAAC,MAAM,CAAC,CAGb"}

package/dist/widgets/reactivity/tracker.js

@@ -0,0 +1,115 @@
+import { parse } from '../expression/parser.js';
+export function buildDependencyMap(nodes, parentPath = '') {
+    const fields = new Map();
+    const state = new Map();
+    function addDep(map, key, widgetId) {
+        let set = map.get(key);
+        if (!set) {
+            set = new Set();
+            map.set(key, set);
+        }
+        set.add(widgetId);
+    }
+    function walkNodes(nodes, path) {
+        nodes.forEach((node, index) => {
+            const widgetId = node.id ?? `${path}[${index}]`;
+            if (node.bind?.field) {
+                addDep(fields, node.bind.field, widgetId);
+            }
+            if (node.bind?.expression) {
+                const deps = extractDepsFromExpression(node.bind.expression);
+                for (const dep of deps.fields)
+                    addDep(fields, dep, widgetId);
+                for (const dep of deps.state)
+                    addDep(state, dep, widgetId);
+            }
+            if (node.visible) {
+                const conditions = Array.isArray(node.visible) ? node.visible : [node.visible];
+                for (const condition of conditions) {
+                    const deps = extractDepsFromCondition(condition);
+                    for (const dep of deps.fields)
+                        addDep(fields, dep, widgetId);
+                    for (const dep of deps.state)
+                        addDep(state, dep, widgetId);
+                }
+            }
+            if (node.props) {
+                for (const value of Object.values(node.props)) {
+                    if (typeof value === 'string' && value.includes('{{')) {
+                        const deps = extractDepsFromExpression(value);
+                        for (const dep of deps.fields)
+                            addDep(fields, dep, widgetId);
+                        for (const dep of deps.state)
+                            addDep(state, dep, widgetId);
+                    }
+                }
+            }
+            if (node.children) {
+                walkNodes(node.children, `${widgetId}.children`);
+            }
+        });
+    }
+    walkNodes(nodes, parentPath);
+    return { fields, state };
+}
+export function getAffectedWidgets(depMap, key, isState) {
+    const map = isState ? depMap.state : depMap.fields;
+    return map.get(key) ?? new Set();
+}
+function extractDepsFromExpression(expr) {
+    const fields = [];
+    const state = [];
+    try {
+        const ast = parse(expr);
+        walkAst(ast, fields, state);
+    }
+    catch {
+        // skip unparseable expressions
+    }
+    return { fields, state };
+}
+function extractDepsFromCondition(condition) {
+    const fields = [];
+    const state = [];
+    const field = condition.field;
+    if (field.startsWith('$state.')) {
+        state.push(field.slice(7));
+    }
+    else if (!field.startsWith('$')) {
+        fields.push(field.split('.')[0]);
+    }
+    if (typeof condition.value === 'string' && condition.value.includes('{{')) {
+        const deps = extractDepsFromExpression(condition.value);
+        fields.push(...deps.fields);
+        state.push(...deps.state);
+    }
+    return { fields, state };
+}
+function walkAst(node, fields, state) {
+    switch (node.type) {
+        case 'field': {
+            if (node.path[0] === '$state' && node.path.length > 1) {
+                state.push(node.path[1]);
+            }
+            else if (!node.path[0].startsWith('$')) {
+                fields.push(node.path[0]);
+            }
+            break;
+        }
+        case 'binary':
+            walkAst(node.left, fields, state);
+            walkAst(node.right, fields, state);
+            break;
+        case 'unary':
+            walkAst(node.operand, fields, state);
+            break;
+        case 'call':
+            for (const arg of node.args) {
+                walkAst(arg, fields, state);
+            }
+            break;
+        case 'literal':
+            break;
+    }
+}
+//# sourceMappingURL=tracker.js.map

package/dist/widgets/reactivity/tracker.js.map

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

package/dist/widgets/reactivity/variables.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Reactive variable parsing helpers for $filter, $sort, $page namespaces.
+ *
+ * These variables are stored in the same flat StateStore as $state keys.
+ * The store keys use the full prefix (e.g. "$filter.sales.order.status__gt").
+ * These helpers parse those keys into structured query parameters.
+ */
+export type FilterOperator = 'eq' | 'in' | 'gt' | 'gte' | 'lt' | 'lte' | 'like' | 'empty' | 'not_empty';
+export interface ParsedFilterKey {
+    model: string;
+    field: string;
+    operator: FilterOperator;
+}
+export interface ParsedFilter {
+    model: string;
+    field: string;
+    operator: FilterOperator;
+    value: unknown;
+}
+export interface SortEntry {
+    field: string;
+    direction: 'asc' | 'desc';
+}
+/**
+ * Parse a $filter key into its model, field, and operator components.
+ *
+ * Key format: $filter.{module}.{model}.{field}[__{op}]
+ * The model is the first two dot-separated segments after $filter (module.model).
+ * The field is the remaining segment, optionally with an operator suffix.
+ *
+ * Examples:
+ *   "$filter.sales.order.status"       -> { model: "sales.order", field: "status", operator: "eq" }
+ *   "$filter.sales.order.total__gt"    -> { model: "sales.order", field: "total", operator: "gt" }
+ *   "$filter.sales.order.deleted_at__empty" -> { model: "sales.order", field: "deleted_at", operator: "empty" }
+ */
+export declare function parseFilterKey(key: string): ParsedFilterKey | null;
+/**
+ * Get all active filters for a given model from the state store.
+ * Reads all keys starting with $filter.{model}. and parses them.
+ */
+export declare function getFiltersForModel(state: Map<string, unknown>, model: string): ParsedFilter[];
+/**
+ * Get the sort configuration for a model.
+ * The sort value is a comma-separated string. Prefix '-' means descending.
+ *
+ * Examples:
+ *   "-date"       -> [{ field: "date", direction: "desc" }]
+ *   "-date,name"  -> [{ field: "date", direction: "desc" }, { field: "name", direction: "asc" }]
+ *   null          -> null (use model default)
+ */
+export declare function getSortForModel(state: Map<string, unknown>, model: string): SortEntry[] | null;
+/**
+ * Get the current page number for a model.
+ * Returns null if not set (use default page 1).
+ */
+export declare function getPageForModel(state: Map<string, unknown>, model: string): number | null;
+/**
+ * Get the current search term for a model.
+ * Returns null if not set.
+ */
+export declare function getSearchForModel(state: Map<string, unknown>, model: string): string | null;
+/**
+ * Check whether a store key belongs to one of the reactive variable namespaces.
+ */
+export declare function isReactiveVariableKey(key: string): 'filter' | 'sort' | 'page' | 'state' | null;
+/**
+ * Extract the model name from a $filter, $sort, or $page key.
+ * Returns null for $state or unrecognized keys.
+ */
+export declare function getModelFromKey(key: string): string | null;
+//# sourceMappingURL=variables.d.ts.map