@sigx/lynx-zero 0.4.9

package/dist/layout/Center.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "@sigx/lynx/jsx-runtime";
+import { component } from '@sigx/lynx';
+import { resolveBoxStyle } from '../shared/styles.js';
+export const Center = component(({ props, slots }) => {
+    const getStyle = () => {
+        const style = {
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+        };
+        const box = resolveBoxStyle({
+            width: props.width,
+            height: props.height,
+            flex: props.flex,
+            background: props.background,
+            borderRadius: props.borderRadius,
+        });
+        for (const key in box) {
+            style[key] = box[key];
+        }
+        return style;
+    };
+    return () => (_jsx("view", { class: props.class, style: getStyle(), children: slots.default?.() }));
+});
+//# sourceMappingURL=Center.js.map

package/dist/layout/Center.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Center.js","sourceRoot":"","sources":["../../src/layout/Center.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAe,MAAM,YAAY,CAAC;AAEpD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAWtD,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IAChE,MAAM,QAAQ,GAAG,GAAoC,EAAE;QACrD,MAAM,KAAK,GAAoC;YAC7C,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACrB,CAAC;QAEF,MAAM,GAAG,GAAG,eAAe,CAAC;YAC1B,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,YAAY,EAAE,KAAK,CAAC,YAAY;SACjC,CAAC,CAAC;QACH,KAAK,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;YACtB,KAAK,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAoB,CAAC;QAC3C,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,GAAG,EAAE,CAAC,CACX,eAAM,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YACxC,KAAK,CAAC,OAAO,EAAE,EAAE,GACb,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/layout/Col.d.ts

@@ -0,0 +1,8 @@
+import { type Define } from '@sigx/lynx';
+import type { BackgroundValue } from '../contract.js';
+import { type SpacingValue } from '../shared/styles.js';
+export type ColProps = Define.Prop<'gap', number, false> & Define.Prop<'align', 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline', false> & Define.Prop<'justify', 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly', false> & Define.Prop<'wrap', boolean, false> & Define.Prop<'padding', SpacingValue, false> & Define.Prop<'margin', SpacingValue, false> & Define.Prop<'width', number | string, false> & Define.Prop<'height', number | string, false> & Define.Prop<'flex', number, false> & Define.Prop<'background', BackgroundValue, false> & Define.Prop<'borderRadius', number, false> & Define.Prop<'class', string, false> & Define.Slot<'default'>;
+export declare const Col: import("@sigx/runtime-core").ComponentFactory<ColProps, void, {
+    default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+}>;
+//# sourceMappingURL=Col.d.ts.map

package/dist/layout/Col.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Col.d.ts","sourceRoot":"","sources":["../../src/layout/Col.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,MAAM,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,KAAK,YAAY,EAAmB,MAAM,qBAAqB,CAAC;AAEzE,MAAM,MAAM,QAAQ,GAChB,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GACjC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,EAAE,KAAK,CAAC,GAC1F,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,cAAc,GAAG,cAAc,EAAE,KAAK,CAAC,GACvH,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,GACnC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC,GAC3C,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,GAC1C,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,CAAC,GAC5C,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,CAAC,GAC7C,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,MAAM,CAAC,IAAI,CAAC,YAAY,EAAE,eAAe,EAAE,KAAK,CAAC,GACjD,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,CAAC,GAC1C,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GACnC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAE3B,eAAO,MAAM,GAAG;;EAiCd,CAAC"}

package/dist/layout/Col.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "@sigx/lynx/jsx-runtime";
+import { component } from '@sigx/lynx';
+import { resolveBoxStyle } from '../shared/styles.js';
+export const Col = component(({ props, slots }) => {
+    const getStyle = () => {
+        const style = {
+            display: 'flex',
+            flexDirection: 'column',
+        };
+        if (props.gap !== undefined)
+            style.gap = props.gap;
+        if (props.align)
+            style.alignItems = props.align;
+        if (props.justify)
+            style.justifyContent = props.justify;
+        if (props.wrap)
+            style.flexWrap = 'wrap';
+        const box = resolveBoxStyle({
+            width: props.width,
+            height: props.height,
+            flex: props.flex,
+            background: props.background,
+            borderRadius: props.borderRadius,
+            padding: props.padding,
+            margin: props.margin,
+        });
+        for (const key in box) {
+            style[key] = box[key];
+        }
+        return style;
+    };
+    return () => (_jsx("view", { class: props.class, style: getStyle(), children: slots.default?.() }));
+});
+//# sourceMappingURL=Col.js.map

package/dist/layout/Col.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Col.js","sourceRoot":"","sources":["../../src/layout/Col.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAe,MAAM,YAAY,CAAC;AAEpD,OAAO,EAAqB,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAiBzE,MAAM,CAAC,MAAM,GAAG,GAAG,SAAS,CAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1D,MAAM,QAAQ,GAAG,GAAoC,EAAE;QACrD,MAAM,KAAK,GAAoC;YAC7C,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;SACxB,CAAC;QAEF,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS;YAAE,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;QACnD,IAAI,KAAK,CAAC,KAAK;YAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC;QAChD,IAAI,KAAK,CAAC,OAAO;YAAE,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC;QACxD,IAAI,KAAK,CAAC,IAAI;YAAE,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC;QAExC,MAAM,GAAG,GAAG,eAAe,CAAC;YAC1B,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,YAAY,EAAE,KAAK,CAAC,YAAY;YAChC,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,MAAM,EAAE,KAAK,CAAC,MAAM;SACrB,CAAC,CAAC;QACH,KAAK,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;YACtB,KAAK,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAoB,CAAC;QAC3C,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,GAAG,EAAE,CAAC,CACX,eAAM,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YACxC,KAAK,CAAC,OAAO,EAAE,EAAE,GACb,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/layout/Row.d.ts

@@ -0,0 +1,8 @@
+import { type Define } from '@sigx/lynx';
+import type { BackgroundValue } from '../contract.js';
+import { type SpacingValue } from '../shared/styles.js';
+export type RowProps = Define.Prop<'gap', number, false> & Define.Prop<'align', 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline', false> & Define.Prop<'justify', 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly', false> & Define.Prop<'wrap', boolean, false> & Define.Prop<'padding', SpacingValue, false> & Define.Prop<'margin', SpacingValue, false> & Define.Prop<'width', number | string, false> & Define.Prop<'height', number | string, false> & Define.Prop<'flex', number, false> & Define.Prop<'background', BackgroundValue, false> & Define.Prop<'borderRadius', number, false> & Define.Prop<'class', string, false> & Define.Slot<'default'>;
+export declare const Row: import("@sigx/runtime-core").ComponentFactory<RowProps, void, {
+    default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+}>;
+//# sourceMappingURL=Row.d.ts.map

package/dist/layout/Row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../src/layout/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,MAAM,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,KAAK,YAAY,EAAmB,MAAM,qBAAqB,CAAC;AAEzE,MAAM,MAAM,QAAQ,GAChB,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GACjC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,EAAE,KAAK,CAAC,GAC1F,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,cAAc,GAAG,cAAc,EAAE,KAAK,CAAC,GACvH,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,GACnC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC,GAC3C,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,GAC1C,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,CAAC,GAC5C,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,CAAC,GAC7C,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,MAAM,CAAC,IAAI,CAAC,YAAY,EAAE,eAAe,EAAE,KAAK,CAAC,GACjD,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,CAAC,GAC1C,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GACnC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAE3B,eAAO,MAAM,GAAG;;EAiCd,CAAC"}

package/dist/layout/Row.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "@sigx/lynx/jsx-runtime";
+import { component } from '@sigx/lynx';
+import { resolveBoxStyle } from '../shared/styles.js';
+export const Row = component(({ props, slots }) => {
+    const getStyle = () => {
+        const style = {
+            display: 'flex',
+            flexDirection: 'row',
+        };
+        if (props.gap !== undefined)
+            style.gap = props.gap;
+        if (props.align)
+            style.alignItems = props.align;
+        if (props.justify)
+            style.justifyContent = props.justify;
+        if (props.wrap)
+            style.flexWrap = 'wrap';
+        const box = resolveBoxStyle({
+            width: props.width,
+            height: props.height,
+            flex: props.flex,
+            background: props.background,
+            borderRadius: props.borderRadius,
+            padding: props.padding,
+            margin: props.margin,
+        });
+        for (const key in box) {
+            style[key] = box[key];
+        }
+        return style;
+    };
+    return () => (_jsx("view", { class: props.class, style: getStyle(), children: slots.default?.() }));
+});
+//# sourceMappingURL=Row.js.map

package/dist/layout/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../src/layout/Row.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAe,MAAM,YAAY,CAAC;AAEpD,OAAO,EAAqB,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAiBzE,MAAM,CAAC,MAAM,GAAG,GAAG,SAAS,CAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1D,MAAM,QAAQ,GAAG,GAAoC,EAAE;QACrD,MAAM,KAAK,GAAoC;YAC7C,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;SACrB,CAAC;QAEF,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS;YAAE,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;QACnD,IAAI,KAAK,CAAC,KAAK;YAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC;QAChD,IAAI,KAAK,CAAC,OAAO;YAAE,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC;QACxD,IAAI,KAAK,CAAC,IAAI;YAAE,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC;QAExC,MAAM,GAAG,GAAG,eAAe,CAAC;YAC1B,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,YAAY,EAAE,KAAK,CAAC,YAAY;YAChC,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,MAAM,EAAE,KAAK,CAAC,MAAM;SACrB,CAAC,CAAC;QACH,KAAK,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;YACtB,KAAK,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAoB,CAAC;QAC3C,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,GAAG,EAAE,CAAC,CACX,eAAM,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YACxC,KAAK,CAAC,OAAO,EAAE,EAAE,GACb,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/layout/ScrollView.d.ts

@@ -0,0 +1,6 @@
+import { type Define } from '@sigx/lynx';
+export type ScrollViewProps = Define.Prop<'direction', 'vertical' | 'horizontal', false> & Define.Prop<'height', number | string, false> & Define.Prop<'width', number | string, false> & Define.Prop<'flex', number, false> & Define.Prop<'showScrollbar', boolean, false> & Define.Prop<'bounces', boolean, false> & Define.Prop<'class', string, false> & Define.Slot<'default'>;
+export declare const ScrollView: import("@sigx/runtime-core").ComponentFactory<ScrollViewProps, void, {
+    default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+}>;
+//# sourceMappingURL=ScrollView.d.ts.map

package/dist/layout/ScrollView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../src/layout/ScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,MAAM,eAAe,GACvB,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,YAAY,EAAE,KAAK,CAAC,GAC1D,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,CAAC,GAC7C,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,CAAC,GAC5C,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,MAAM,CAAC,IAAI,CAAC,eAAe,EAAE,OAAO,EAAE,KAAK,CAAC,GAC5C,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,GACtC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GACnC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAE3B,eAAO,MAAM,UAAU;;EAyBrB,CAAC"}

package/dist/layout/ScrollView.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "@sigx/lynx/jsx-runtime";
+import { component } from '@sigx/lynx';
+export const ScrollView = component(({ props, slots }) => {
+    const getStyle = () => {
+        const style = {};
+        if (props.height !== undefined)
+            style.height = props.height;
+        if (props.width !== undefined)
+            style.width = props.width;
+        if (props.flex !== undefined)
+            style.flex = props.flex;
+        return style;
+    };
+    return () => {
+        const dir = props.direction ?? 'vertical';
+        return (_jsx("scroll-view", { class: props.class, style: getStyle(), "scroll-orientation": dir, "scroll-y": dir === 'vertical' ? true : undefined, "scroll-x": dir === 'horizontal' ? true : undefined, "show-scrollbar": props.showScrollbar, bounces: props.bounces, children: slots.default?.() }));
+    };
+});
+//# sourceMappingURL=ScrollView.js.map

package/dist/layout/ScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollView.js","sourceRoot":"","sources":["../../src/layout/ScrollView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAe,MAAM,YAAY,CAAC;AAYpD,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAkB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IACxE,MAAM,QAAQ,GAAG,GAAoC,EAAE;QACrD,MAAM,KAAK,GAAoC,EAAE,CAAC;QAClD,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS;YAAE,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC5D,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS;YAAE,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACzD,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS;YAAE,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;QACtD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,GAAG,EAAE;QACV,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,IAAI,UAAU,CAAC;QAC1C,OAAO,CACL,sBACE,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,QAAQ,EAAE,wBACG,GAAG,cACb,GAAG,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,cACrC,GAAG,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,oBACjC,KAAK,CAAC,aAAa,EACnC,OAAO,EAAE,KAAK,CAAC,OAAO,YAErB,KAAK,CAAC,OAAO,EAAE,EAAE,GACN,CACf,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/layout/Spacer.d.ts

@@ -0,0 +1,4 @@
+import { type Define } from '@sigx/lynx';
+export type SpacerProps = Define.Prop<'size', number, false> & Define.Prop<'class', string, false>;
+export declare const Spacer: import("@sigx/runtime-core").ComponentFactory<SpacerProps, void, {}>;
+//# sourceMappingURL=Spacer.d.ts.map

package/dist/layout/Spacer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../../src/layout/Spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,MAAM,WAAW,GACnB,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAExC,eAAO,MAAM,MAAM,sEAWjB,CAAC"}

package/dist/layout/Spacer.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "@sigx/lynx/jsx-runtime";
+import { component } from '@sigx/lynx';
+export const Spacer = component(({ props }) => {
+    const getStyle = () => {
+        if (props.size !== undefined) {
+            return { width: props.size, height: props.size };
+        }
+        return { flex: 1 };
+    };
+    return () => (_jsx("view", { class: props.class, style: getStyle() }));
+});
+//# sourceMappingURL=Spacer.js.map

package/dist/layout/Spacer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.js","sourceRoot":"","sources":["../../src/layout/Spacer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAe,MAAM,YAAY,CAAC;AAMpD,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAc,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACzD,MAAM,QAAQ,GAAG,GAAoC,EAAE;QACrD,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC7B,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;QACnD,CAAC;QACD,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,GAAG,EAAE,CAAC,CACX,eAAM,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAI,CAChD,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/preset/index.d.ts

@@ -0,0 +1,31 @@
+import type { Config } from 'tailwindcss';
+/**
+ * The design-system-neutral Tailwind preset pieces — the parts of a DS preset
+ * that are really the *contract*, not the design system:
+ *
+ *   • `contractColors`: every semantic color token (incl. the `*-soft`
+ *     tints) → `var(--color-*)`, so utilities like `bg-primary` and
+ *     `text-base-content` resolve against the active theme of whichever
+ *     design system is mounted.
+ *   • `contractFontSizes`: re-points Tailwind's `text-xs`…`text-3xl`
+ *     font-size utilities at the shared `--text-*` ramp (defaults in
+ *     `styles/tokens.css`, multiplied app-wide by the theme controller's
+ *     `fontScale`). Merged via `theme.extend.fontSize`, so larger Tailwind
+ *     keys (`text-4xl`+) keep their rem defaults.
+ *   • `lynxLayoutPlugin`: ships `flex-fill` — the Lynx-correct "fill
+ *     remaining space" utility. In Lynx (like React Native) the `flex: 1`
+ *     shorthand expands to `flex: 1 1 auto`, where `flexBasis: 'auto'` sizes
+ *     the box to its content first, collapsing the layout chain; Tailwind's
+ *     own `flex-1` expands to the same broken shorthand. `flex-fill` writes
+ *     the long-form properties so the result actually fills.
+ *
+ * Design-system presets compose these (`@sigx/lynx-daisyui/preset`,
+ * `@sigx/lynx-heroui/preset`) and layer any DS-specific extensions on top;
+ * apps normally consume the DS preset, not this one directly.
+ */
+export declare const contractColors: Record<string, string>;
+export declare const contractFontSizes: Record<string, string>;
+export declare const lynxLayoutPlugin: import("tailwindcss/plugin").PluginWithConfig;
+/** The composed neutral preset — what DS presets spread. */
+export declare const zeroPreset: Partial<Config>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/preset/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAI1C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAUhD,CAAC;AAEH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAQpD,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAc3B,CAAC;AAEH,4DAA4D;AAC5D,eAAO,MAAM,UAAU,EAAE,OAAO,CAAC,MAAM,CAQtC,CAAC"}

package/dist/preset/index.js

@@ -0,0 +1,72 @@
+import plugin from 'tailwindcss/plugin';
+import { COLOR_VARIANT_LIST } from '../contract.js';
+/**
+ * The design-system-neutral Tailwind preset pieces — the parts of a DS preset
+ * that are really the *contract*, not the design system:
+ *
+ *   • `contractColors`: every semantic color token (incl. the `*-soft`
+ *     tints) → `var(--color-*)`, so utilities like `bg-primary` and
+ *     `text-base-content` resolve against the active theme of whichever
+ *     design system is mounted.
+ *   • `contractFontSizes`: re-points Tailwind's `text-xs`…`text-3xl`
+ *     font-size utilities at the shared `--text-*` ramp (defaults in
+ *     `styles/tokens.css`, multiplied app-wide by the theme controller's
+ *     `fontScale`). Merged via `theme.extend.fontSize`, so larger Tailwind
+ *     keys (`text-4xl`+) keep their rem defaults.
+ *   • `lynxLayoutPlugin`: ships `flex-fill` — the Lynx-correct "fill
+ *     remaining space" utility. In Lynx (like React Native) the `flex: 1`
+ *     shorthand expands to `flex: 1 1 auto`, where `flexBasis: 'auto'` sizes
+ *     the box to its content first, collapsing the layout chain; Tailwind's
+ *     own `flex-1` expands to the same broken shorthand. `flex-fill` writes
+ *     the long-form properties so the result actually fills.
+ *
+ * Design-system presets compose these (`@sigx/lynx-daisyui/preset`,
+ * `@sigx/lynx-heroui/preset`) and layer any DS-specific extensions on top;
+ * apps normally consume the DS preset, not this one directly.
+ */
+export const contractColors = Object.fromEntries([
+    ...COLOR_VARIANT_LIST.flatMap((v) => [
+        [v, `var(--color-${v})`],
+        [`${v}-content`, `var(--color-${v}-content)`],
+        [`${v}-soft`, `var(--color-${v}-soft)`],
+    ]),
+    ['base-100', 'var(--color-base-100)'],
+    ['base-200', 'var(--color-base-200)'],
+    ['base-300', 'var(--color-base-300)'],
+    ['base-content', 'var(--color-base-content)'],
+]);
+export const contractFontSizes = {
+    'xs': 'var(--text-xs)',
+    'sm': 'var(--text-sm)',
+    'base': 'var(--text-base)',
+    'lg': 'var(--text-lg)',
+    'xl': 'var(--text-xl)',
+    '2xl': 'var(--text-2xl)',
+    '3xl': 'var(--text-3xl)',
+};
+export const lynxLayoutPlugin = plugin(({ addUtilities }) => {
+    addUtilities({
+        // Long-form flex-fill — the Lynx-correct "take remaining space along
+        // the main axis" utility. Default flex direction column; consumers
+        // who want a horizontal fill compose with `flex-row` on the parent.
+        '.flex-fill': {
+            flexGrow: '1',
+            flexShrink: '1',
+            flexBasis: '0',
+            minHeight: '0',
+            display: 'flex',
+            flexDirection: 'column',
+        },
+    });
+});
+/** The composed neutral preset — what DS presets spread. */
+export const zeroPreset = {
+    theme: {
+        extend: {
+            colors: contractColors,
+            fontSize: contractFontSizes,
+        },
+    },
+    plugins: [lynxLayoutPlugin],
+};
+//# sourceMappingURL=index.js.map

package/dist/preset/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/preset/index.ts"],"names":[],"mappings":"AACA,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,MAAM,CAAC,MAAM,cAAc,GAA2B,MAAM,CAAC,WAAW,CAAC;IACvE,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QACnC,CAAC,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC;QACxB,CAAC,GAAG,CAAC,UAAU,EAAE,eAAe,CAAC,WAAW,CAAC;QAC7C,CAAC,GAAG,CAAC,OAAO,EAAE,eAAe,CAAC,QAAQ,CAAC;KACxC,CAAC;IACF,CAAC,UAAU,EAAE,uBAAuB,CAAC;IACrC,CAAC,UAAU,EAAE,uBAAuB,CAAC;IACrC,CAAC,UAAU,EAAE,uBAAuB,CAAC;IACrC,CAAC,cAAc,EAAE,2BAA2B,CAAC;CAC9C,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,iBAAiB,GAA2B;IACvD,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,gBAAgB;IACtB,MAAM,EAAE,kBAAkB;IAC1B,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,iBAAiB;IACxB,KAAK,EAAE,iBAAiB;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;IAC1D,YAAY,CAAC;QACX,qEAAqE;QACrE,mEAAmE;QACnE,oEAAoE;QACpE,YAAY,EAAE;YACZ,QAAQ,EAAE,GAAG;YACb,UAAU,EAAE,GAAG;YACf,SAAS,EAAE,GAAG;YACd,SAAS,EAAE,GAAG;YACd,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;SACxB;KACF,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,4DAA4D;AAC5D,MAAM,CAAC,MAAM,UAAU,GAAoB;IACzC,KAAK,EAAE;QACL,MAAM,EAAE;YACN,MAAM,EAAE,cAAc;YACtB,QAAQ,EAAE,iBAAiB;SAC5B;KACF;IACD,OAAO,EAAE,CAAC,gBAAgB,CAAC;CAC5B,CAAC"}

package/dist/shared/press.d.ts

@@ -0,0 +1,3 @@
+export declare const PRESSED_SCALE = 0.97;
+export declare const PRESSED_OPACITY = 0.85;
+//# sourceMappingURL=press.d.ts.map

package/dist/shared/press.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"press.d.ts","sourceRoot":"","sources":["../../src/shared/press.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,OAAO,CAAC;AAClC,eAAO,MAAM,eAAe,OAAO,CAAC"}

package/dist/shared/press.js

@@ -0,0 +1,7 @@
+// Shared press-feedback defaults applied across interactive components in
+// every design system. Lynx has no CSS `:active` support, so press feedback
+// comes from `<Pressable>` (in `@sigx/lynx-gestures`) flipping inline
+// opacity/transform on the main thread.
+export const PRESSED_SCALE = 0.97;
+export const PRESSED_OPACITY = 0.85;
+//# sourceMappingURL=press.js.map

package/dist/shared/press.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"press.js","sourceRoot":"","sources":["../../src/shared/press.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,4EAA4E;AAC5E,sEAAsE;AACtE,wCAAwC;AACxC,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC;AAClC,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC"}

package/dist/shared/styles.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Box-model style helpers shared by layout primitives and design-system
+ * components. Color values resolve through the semantic token contract
+ * (`resolveColorToken`), so `<Col background="base-100">` works identically
+ * under every design system's active theme.
+ */
+import { type BackgroundValue } from '../contract.js';
+export type SpacingValue = number | {
+    x?: number;
+    y?: number;
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+export interface BoxProps {
+    width?: number | string;
+    height?: number | string;
+    flex?: number;
+    background?: BackgroundValue;
+    borderRadius?: number;
+    padding?: SpacingValue;
+    margin?: SpacingValue;
+}
+export declare function resolveSpacing(value: SpacingValue | undefined, prefix: 'padding' | 'margin'): Record<string, number>;
+export declare function resolveBoxStyle(props: BoxProps): Record<string, unknown>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/shared/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/shared/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEzE,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG;IAClC,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,QAAQ;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED,wBAAgB,cAAc,CAC5B,KAAK,EAAE,YAAY,GAAG,SAAS,EAC/B,MAAM,EAAE,SAAS,GAAG,QAAQ,GAC3B,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA2BxB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAsBxE"}

package/dist/shared/styles.js

@@ -0,0 +1,62 @@
+/**
+ * Box-model style helpers shared by layout primitives and design-system
+ * components. Color values resolve through the semantic token contract
+ * (`resolveColorToken`), so `<Col background="base-100">` works identically
+ * under every design system's active theme.
+ */
+import { resolveColorToken } from '../contract.js';
+export function resolveSpacing(value, prefix) {
+    if (value === undefined)
+        return {};
+    if (typeof value === 'number') {
+        return {
+            [`${prefix}Top`]: value,
+            [`${prefix}Right`]: value,
+            [`${prefix}Bottom`]: value,
+            [`${prefix}Left`]: value,
+        };
+    }
+    const style = {};
+    if (value.top !== undefined)
+        style[`${prefix}Top`] = value.top;
+    else if (value.y !== undefined)
+        style[`${prefix}Top`] = value.y;
+    if (value.bottom !== undefined)
+        style[`${prefix}Bottom`] = value.bottom;
+    else if (value.y !== undefined)
+        style[`${prefix}Bottom`] = value.y;
+    if (value.right !== undefined)
+        style[`${prefix}Right`] = value.right;
+    else if (value.x !== undefined)
+        style[`${prefix}Right`] = value.x;
+    if (value.left !== undefined)
+        style[`${prefix}Left`] = value.left;
+    else if (value.x !== undefined)
+        style[`${prefix}Left`] = value.x;
+    return style;
+}
+export function resolveBoxStyle(props) {
+    const style = {};
+    if (props.width !== undefined)
+        style.width = props.width;
+    if (props.height !== undefined)
+        style.height = props.height;
+    if (props.flex !== undefined) {
+        // Lynx (like React Native) expands `flex: n` shorthand to
+        // `flex: n n auto`, where `flexBasis: 'auto'` means "size to content
+        // first" — which collapses the layout chain. Write the long-form so
+        // `<Center flex={1}>` etc. actually fill remaining space.
+        style.flexGrow = props.flex;
+        style.flexShrink = 1;
+        style.flexBasis = 0;
+        style.minHeight = 0;
+    }
+    if (props.background !== undefined)
+        style.backgroundColor = resolveColorToken(props.background);
+    if (props.borderRadius !== undefined)
+        style.borderRadius = props.borderRadius;
+    Object.assign(style, resolveSpacing(props.padding, 'padding'));
+    Object.assign(style, resolveSpacing(props.margin, 'margin'));
+    return style;
+}
+//# sourceMappingURL=styles.js.map

package/dist/shared/styles.js.map

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

package/dist/shared/tabs-selection.d.ts

@@ -0,0 +1,25 @@
+export interface TabsSelection {
+    /** Whether the tab with this `value` is the selected one. Reactive. */
+    isActive(value: string): boolean;
+    /** Report a press on the tab with this `value` (drives `onChange`). */
+    select(value: string): void;
+}
+/**
+ * Inject the nearest enclosing `Tabs` container's selection. Outside any
+ * container this resolves to an inert selection (never active, presses
+ * no-op), so a bare `Tab` driven purely by `active`/`onPress` still works.
+ */
+export declare const useTabsSelection: import("@sigx/runtime-core").InjectableFunction<TabsSelection>;
+/**
+ * Provide a selection for the subtree. Call from the DS `Tabs` container's
+ * setup with getters into its reactive props:
+ *
+ * ```ts
+ * provideTabsSelection(
+ *   () => props.activeTab,
+ *   (v) => props.onChange?.(v),
+ * );
+ * ```
+ */
+export declare function provideTabsSelection(getActive: () => string | undefined, onSelect: (value: string) => void): void;
+//# sourceMappingURL=tabs-selection.d.ts.map

package/dist/shared/tabs-selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-selection.d.ts","sourceRoot":"","sources":["../../src/shared/tabs-selection.ts"],"names":[],"mappings":"AAiBA,MAAM,WAAW,aAAa;IAC5B,uEAAuE;IACvE,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,uEAAuE;IACvE,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAOD;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,gEAAsD,CAAC;AAEpF;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,MAAM,MAAM,GAAG,SAAS,EACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAChC,IAAI,CAMN"}

package/dist/shared/tabs-selection.js

@@ -0,0 +1,45 @@
+/**
+ * Headless tabs selection — the shared behavior behind every design system's
+ * `Tabs`/`Tab` pair (extracted once daisy and hero both duplicated it; the
+ * #219 pilot was the evidence gate).
+ *
+ * The DS's `Tabs` container provides a `TabsSelection` built from its
+ * `activeTab`/`onChange` props; each `Tab` injects it to derive its active
+ * state from its `value` and to report presses. Explicit per-tab
+ * `active`/`onPress` props take precedence in the DS components, so the
+ * fully-controlled per-tab style keeps working.
+ *
+ * Reactivity: `provideTabsSelection` is called once at the container's setup
+ * with *getters* into the container's reactive props, so `isActive()` reads
+ * track the current `activeTab` value on every render.
+ */
+import { defineInjectable, defineProvide } from '@sigx/lynx';
+const NO_SELECTION = {
+    isActive: () => false,
+    select: () => { },
+};
+/**
+ * Inject the nearest enclosing `Tabs` container's selection. Outside any
+ * container this resolves to an inert selection (never active, presses
+ * no-op), so a bare `Tab` driven purely by `active`/`onPress` still works.
+ */
+export const useTabsSelection = defineInjectable(() => NO_SELECTION);
+/**
+ * Provide a selection for the subtree. Call from the DS `Tabs` container's
+ * setup with getters into its reactive props:
+ *
+ * ```ts
+ * provideTabsSelection(
+ *   () => props.activeTab,
+ *   (v) => props.onChange?.(v),
+ * );
+ * ```
+ */
+export function provideTabsSelection(getActive, onSelect) {
+    const selection = {
+        isActive: (value) => getActive() === value,
+        select: onSelect,
+    };
+    defineProvide(useTabsSelection, () => selection);
+}
+//# sourceMappingURL=tabs-selection.js.map

package/dist/shared/tabs-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-selection.js","sourceRoot":"","sources":["../../src/shared/tabs-selection.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAS7D,MAAM,YAAY,GAAkB;IAClC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK;IACrB,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;CACjB,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,gBAAgB,CAAgB,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;AAEpF;;;;;;;;;;GAUG;AACH,MAAM,UAAU,oBAAoB,CAClC,SAAmC,EACnC,QAAiC;IAEjC,MAAM,SAAS,GAAkB;QAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,SAAS,EAAE,KAAK,KAAK;QAC1C,MAAM,EAAE,QAAQ;KACjB,CAAC;IACF,aAAa,CAAC,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;AACnD,CAAC"}

package/dist/styles/tokens.css

@@ -0,0 +1,98 @@
+/* Theme-agnostic structural design tokens.
+ *
+ * Theme COLORS come from the theme registry (seeded by the design-system package) and are
+ * applied as inline CSS custom properties by <ThemeProvider>. These
+ * radius / sizing / component tokens are identical across themes, so they
+ * ship once here under the `.lynx-zero` base class that <ThemeProvider> puts on
+ * its host view; CSS inheritance propagates them to every descendant. A theme
+ * may still override roundness via its `radius` field. */
+
+.lynx-zero {
+  /* ── Roundness (DaisyUI v5 contract) ── */
+  --radius-selector: 8px;
+  --radius-field: 8px;
+  --radius-box: 16px;
+
+  /* ── Base size units (DaisyUI v5 contract) ──
+   * A theme's `sizes` ({ field, selector }) overrides these; <ThemeProvider>
+   * re-derives the component dimensions below from them in JS. We deliberately
+   * do NOT use `calc(var() * n)` in CSS — it's unproven in Lynx's runtime CSS
+   * engine. Defaults below are base 4px × the per-token multiples shown. */
+  --size-selector: 4px;
+  --size-field: 4px;
+
+  /* ── Field sizing scale (button / input / select) — field × 6/8/12/16 ── */
+  --size-xs: 24px;
+  --size-sm: 32px;
+  --size-md: 48px;
+  --size-lg: 64px;
+
+  /* ── Text ramp (public <Text> / <Heading> sizes) ──
+   * The xs→3xl scale the `text-*` utilities resolve to (the daisy preset maps
+   * Tailwind's fontSize keys onto these vars). Literal px so they resolve on
+   * the first paint, like every other structural token. Anchored on a 17px
+   * base — the iOS HIG Body size, so bare <Text> (the default) reads as native
+   * body — and stepped as an even ~1.2 modular scale (each step ≈1.17–1.21×).
+   *
+   * The controller's `fontScale` multiplies this ramp app-wide; <ThemeProvider>
+   * re-emits the literals in JS (no `calc(var() * n)` — unproven in Lynx).
+   * NOTE: keep in sync with FONT_DEFAULTS in theme/ThemeProvider.tsx. */
+  --text-xs: 12px;
+  --text-sm: 14px;
+  --text-base: 17px;
+  --text-lg: 20px;
+  --text-xl: 24px;
+  --text-2xl: 28px;
+  --text-3xl: 34px;
+
+  /* ── Font sizes (control-internal: button / input / badge labels) ──
+   * A separate axis from the text ramp above and deliberately NOT scaled with
+   * it — control chrome stays fixed. Kept as independent literals (no
+   * var→var indirection; unproven in Lynx) even though values mirror the ramp. */
+  --font-xs: 12px;
+  --font-sm: 14px;
+  --font-md: 14px;
+  --font-lg: 18px;
+
+  /* ── Spacing ── */
+  --padding-btn-xs: 8px;
+  --padding-btn-sm: 12px;
+  --padding-btn-md: 16px;
+  --padding-btn-lg: 24px;
+  --padding-box: 16px;
+  --padding-box-compact: 8px;
+  --gap-box: 8px;
+
+  /* ── Borders ── */
+  --border-btn: 1px;
+  --border-card: 1px;
+
+  /* ── Selector-driven sizes (checkbox / toggle / badge) — selector × the
+   * multiples shown; <ThemeProvider> re-derives these from `sizes.selector`. ── */
+  --checkbox-xs: 16px; /* ×4 */
+  --checkbox-sm: 20px; /* ×5 */
+  --checkbox-md: 24px; /* ×6 */
+  --checkbox-lg: 32px; /* ×8 */
+  --toggle-width-xs: 32px; /* ×8 */
+  --toggle-width-sm: 40px; /* ×10 */
+  --toggle-width-md: 48px; /* ×12 */
+  --toggle-width-lg: 56px; /* ×14 */
+  --toggle-height-xs: 24px; /* ×6 */
+  --toggle-height-sm: 24px; /* ×6 */
+  --toggle-height-md: 28px; /* ×7 */
+  --toggle-height-lg: 32px; /* ×8 */
+  --toggle-thumb-xs: 16px; /* ×4 */
+  --toggle-thumb-sm: 16px; /* ×4 */
+  --toggle-thumb-md: 20px; /* ×5 */
+  --toggle-thumb-lg: 24px; /* ×6 */
+  --badge-xs: 16px; /* ×4 */
+  --badge-sm: 20px; /* ×5 */
+  --badge-md: 24px; /* ×6 */
+  --badge-lg: 32px; /* ×8 */
+  --step-indicator: 32px;
+  --progress-height: 8px;
+  --modal-max-width: 400px;
+
+  /* ── Opacity ── */
+  --disabled-opacity: 0.5;
+}