@lattix/patterns 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,27 @@
+import { type LattixAnimation, type LattixNode, type LattixStyle } from "@lattix/core";
+export interface PatternAction {
+    readonly label: string;
+    readonly onPress: string;
+}
+export interface CardPatternOptions {
+    readonly title: string;
+    readonly body?: string;
+    readonly action?: PatternAction;
+    readonly animation?: LattixAnimation;
+    readonly style?: LattixStyle;
+}
+export interface EmptyStatePatternOptions {
+    readonly title: string;
+    readonly description: string;
+    readonly action?: PatternAction;
+    readonly animation?: LattixAnimation;
+}
+export interface SectionPatternOptions {
+    readonly title: string;
+    readonly children: readonly LattixNode[];
+    readonly animation?: LattixAnimation;
+}
+export declare const card: ({ title, body, action, animation, style, }: CardPatternOptions) => LattixNode;
+export declare const emptyState: ({ title, description, action, animation, }: EmptyStatePatternOptions) => LattixNode;
+export declare const section: ({ title, children, animation, }: SectionPatternOptions) => LattixNode;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,WAAW,EACjB,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,eAAe,CAAC;IACrC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC;CAC9B;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,eAAe,CAAC;CACtC;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,SAAS,UAAU,EAAE,CAAC;IACzC,QAAQ,CAAC,SAAS,CAAC,EAAE,eAAe,CAAC;CACtC;AAUD,eAAO,MAAM,IAAI,GAAI,4CAMlB,kBAAkB,KAAG,UAsBvB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,4CAKxB,wBAAwB,KAAG,UAe1B,CAAC;AAEL,eAAO,MAAM,OAAO,GAAI,iCAIrB,qBAAqB,KAAG,UAWvB,CAAC"}

package/dist/index.js

@@ -0,0 +1,56 @@
+import { createNode, normalizeAction, } from "@lattix/core";
+const actionButton = (action) => createNode("button", {
+    props: {
+        label: action.label,
+        onPress: normalizeAction(action.onPress),
+    },
+});
+export const card = ({ title, body, action, animation, style, }) => {
+    const children = [
+        createNode("text", { props: { content: title }, style: { fontWeight: "bold" } }),
+        ...(body ? [createNode("text", { props: { content: body } })] : []),
+        ...(action ? [actionButton(action)] : []),
+    ];
+    return createNode("box", {
+        animation,
+        style: {
+            padding: 16,
+            borderRadius: 12,
+            background: "surface.canvas",
+            ...style,
+        },
+        children: [
+            createNode("stack", {
+                style: { gap: 8 },
+                children,
+            }),
+        ],
+    });
+};
+export const emptyState = ({ title, description, action, animation, }) => createNode("stack", {
+    animation,
+    style: { gap: 8, alignItems: "center" },
+    children: [
+        createNode("text", {
+            props: { content: title },
+            style: { fontWeight: "bold", textAlign: "center" },
+        }),
+        createNode("text", {
+            props: { content: description },
+            style: { color: "text.muted", textAlign: "center" },
+        }),
+        ...(action ? [actionButton(action)] : []),
+    ],
+});
+export const section = ({ title, children, animation, }) => createNode("stack", {
+    animation,
+    style: { gap: 12 },
+    children: [
+        createNode("text", {
+            props: { content: title },
+            style: { fontWeight: "bold", fontSize: 20 },
+        }),
+        ...children,
+    ],
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,eAAe,GAIhB,MAAM,cAAc,CAAC;AA4BtB,MAAM,YAAY,GAAG,CAAC,MAAqB,EAAc,EAAE,CACzD,UAAU,CAAC,QAAQ,EAAE;IACnB,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,OAAO,EAAE,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC;KACzC;CACF,CAAC,CAAC;AAEL,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,KAAK,EACL,IAAI,EACJ,MAAM,EACN,SAAS,EACT,KAAK,GACc,EAAc,EAAE;IACnC,MAAM,QAAQ,GAAG;QACf,UAAU,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,CAAC;QAChF,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACnE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;KAC1C,CAAC;IAEF,OAAO,UAAU,CAAC,KAAK,EAAE;QACvB,SAAS;QACT,KAAK,EAAE;YACL,OAAO,EAAE,EAAE;YACX,YAAY,EAAE,EAAE;YAChB,UAAU,EAAE,gBAAgB;YAC5B,GAAG,KAAK;SACT;QACD,QAAQ,EAAE;YACR,UAAU,CAAC,OAAO,EAAE;gBAClB,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;gBACjB,QAAQ;aACT,CAAC;SACH;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,GACgB,EAAc,EAAE,CACzC,UAAU,CAAC,OAAO,EAAE;IAClB,SAAS;IACT,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE;IACvC,QAAQ,EAAE;QACR,UAAU,CAAC,MAAM,EAAE;YACjB,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;YACzB,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE;SACnD,CAAC;QACF,UAAU,CAAC,MAAM,EAAE;YACjB,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;YAC/B,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE;SACpD,CAAC;QACF,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;KAC1C;CACF,CAAC,CAAC;AAEL,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,SAAS,GACa,EAAc,EAAE,CACtC,UAAU,CAAC,OAAO,EAAE;IAClB,SAAS;IACT,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;IAClB,QAAQ,EAAE;QACR,UAAU,CAAC,MAAM,EAAE;YACjB,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;YACzB,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;SAC5C,CAAC;QACF,GAAG,QAAQ;KACZ;CACF,CAAC,CAAC"}

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@lattix/patterns",
+  "version": "0.1.0",
+  "description": "Generic reusable Lattix composite patterns",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": ["dist"],
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "clean": "rm -rf dist *.tsbuildinfo",
+    "test": "vitest run",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "@lattix/core": "0.1.0",
+    "@lattix/motion": "0.1.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.7.3",
+    "vitest": "^3.0.5"
+  }
+}