@lssm/lib.ui-kit 0.0.0-canary-20251120170226

package/README.md

@@ -0,0 +1,75 @@
+# @lssm/lib.ui-kit
+
+Universal UI components for React Native and Web, built on top of `nativewind` and `@rn-primitives`.
+
+## Purpose
+
+To provide a set of high-quality, accessible, and unstyled components that work seamlessly across mobile (React Native) and web (React/Next.js) platforms. This library serves as the foundation for the LSSM design system.
+
+## Installation
+
+```bash
+npm install @lssm/lib.ui-kit
+# or
+bun add @lssm/lib.ui-kit
+```
+
+## Key Concepts
+
+- **Universal**: Components are designed to render natively on iOS/Android and as standard HTML on the web.
+- **Styled with NativeWind**: Uses Tailwind CSS classes for styling, enabling rapid UI development with a familiar syntax.
+- **Accessible Primitives**: Leverages `@rn-primitives` (Radix UI for Native) to ensure accessibility best practices.
+- **Atomic Design**: Exports atoms, molecules, and organisms to build complex UIs.
+
+## Exports
+
+The library exports components via subpaths to allow for tree-shaking and cleaner imports.
+
+### Core UI Components
+
+- `accordion`, `alert-dialog`, `alert`, `aspect-ratio`, `avatar`, `badge`
+- `breadcrumb`, `button`, `card`, `checkbox`, `collapsible`, `command`
+- `context-menu`, `date-picker`, `dialog`, `dropdown-menu`, `form`
+- `hover-card`, `input`, `label`, `menubar`, `navigation-menu`, `popover`
+- `progress`, `radio-group`, `select`, `separator`, `sheet`, `skeleton`
+- `slider`, `switch`, `table`, `tabs`, `textarea`, `toggle-group`, `toggle`, `tooltip`
+
+### Layout & Utilities
+
+- `stack`, `text`, `typography`
+- `useColorScheme`
+
+### Higher-Order Patterns (Molecules/Organisms)
+
+- `marketing/*`: `Hero`, `FeatureGrid`, `PricingTable`
+- `usecases/*`: `UseCaseCard`, `UserStoryCard`
+- `molecules/*`: `SearchAndFilter`, `Autocomplete`
+- `organisms/*`: `ListPage`, `ErrorBoundary`
+
+## Usage
+
+```tsx
+import { Button } from '@lssm/lib.ui-kit/ui/button';
+import { Text } from '@lssm/lib.ui-kit/ui/text';
+import {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardContent,
+} from '@lssm/lib.ui-kit/ui/card';
+
+export function MyComponent() {
+  return (
+    <Card className="w-full max-w-md">
+      <CardHeader>
+        <CardTitle>Welcome</CardTitle>
+      </CardHeader>
+      <CardContent className="gap-4">
+        <Text>This is a universal component.</Text>
+        <Button onPress={() => console.log('Clicked!')}>Click me</Button>
+      </CardContent>
+    </Card>
+  );
+}
+```
+

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+//#region index.d.ts
+declare const _default: {};
+//#endregion
+export { _default as default };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../index.ts"],"sourcesContent":[],"mappings":""}

package/dist/index.js

@@ -0,0 +1,6 @@
+//#region index.ts
+var ui_kit_default = {};
+
+//#endregion
+export { ui_kit_default as default };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../index.ts"],"sourcesContent":["export default {};\n"],"mappings":";AAAA,qBAAe,EAAE"}

package/dist/node_modules/@hookform/resolvers/dist/resolvers.js

@@ -0,0 +1,35 @@
+import { get, set } from "../../../react-hook-form/dist/index.esm.js";
+
+//#region ../../../node_modules/@hookform/resolvers/dist/resolvers.mjs
+const r = (t, r$1, o$1) => {
+	if (t && "reportValidity" in t) {
+		const s$1 = get(o$1, r$1);
+		t.setCustomValidity(s$1 && s$1.message || ""), t.reportValidity();
+	}
+}, o = (e, t) => {
+	for (const o$1 in t.fields) {
+		const s$1 = t.fields[o$1];
+		s$1 && s$1.ref && "reportValidity" in s$1.ref ? r(s$1.ref, o$1, e) : s$1 && s$1.refs && s$1.refs.forEach((t$1) => r(t$1, o$1, e));
+	}
+}, s = (r$1, s$1) => {
+	s$1.shouldUseNativeValidation && o(r$1, s$1);
+	const n$1 = {};
+	for (const o$1 in r$1) {
+		const f = get(s$1.fields, o$1), c = Object.assign(r$1[o$1] || {}, { ref: f && f.ref });
+		if (i(s$1.names || Object.keys(r$1), o$1)) {
+			const r$2 = Object.assign({}, get(n$1, o$1));
+			set(r$2, "root", c), set(n$1, o$1, r$2);
+		} else set(n$1, o$1, c);
+	}
+	return n$1;
+}, i = (e, t) => {
+	const r$1 = n(t);
+	return e.some((e$1) => n(e$1).match(`^${r$1}\\.\\d+`));
+};
+function n(e) {
+	return e.replace(/\]|\[/g, "");
+}
+
+//#endregion
+export { o, s };
+//# sourceMappingURL=resolvers.js.map

package/dist/node_modules/@hookform/resolvers/dist/resolvers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolvers.js","names":["s","e","o","r","t","n"],"sources":["../../../../../../../../node_modules/@hookform/resolvers/dist/resolvers.mjs"],"sourcesContent":["import{get as e,set as t}from\"react-hook-form\";const r=(t,r,o)=>{if(t&&\"reportValidity\"in t){const s=e(o,r);t.setCustomValidity(s&&s.message||\"\"),t.reportValidity()}},o=(e,t)=>{for(const o in t.fields){const s=t.fields[o];s&&s.ref&&\"reportValidity\"in s.ref?r(s.ref,o,e):s&&s.refs&&s.refs.forEach(t=>r(t,o,e))}},s=(r,s)=>{s.shouldUseNativeValidation&&o(r,s);const n={};for(const o in r){const f=e(s.fields,o),c=Object.assign(r[o]||{},{ref:f&&f.ref});if(i(s.names||Object.keys(r),o)){const r=Object.assign({},e(n,o));t(r,\"root\",c),t(n,o,r)}else t(n,o,c)}return n},i=(e,t)=>{const r=n(t);return e.some(e=>n(e).match(`^${r}\\\\.\\\\d+`))};function n(e){return e.replace(/\\]|\\[/g,\"\")}export{s as toNestErrors,o as validateFieldsNatively};\n//# sourceMappingURL=resolvers.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;AAA+C,MAAM,KAAG,GAAE,KAAE,QAAI;AAAC,KAAG,KAAG,oBAAmB,GAAE;EAAC,MAAMA,MAAEC,IAAEC,KAAEC,IAAE;AAAC,IAAE,kBAAkBH,OAAGA,IAAE,WAAS,GAAG,EAAC,EAAE,gBAAgB;;GAAG,KAAG,GAAE,MAAI;AAAC,MAAI,MAAME,OAAK,EAAE,QAAO;EAAC,MAAMF,MAAE,EAAE,OAAOE;AAAG,SAAGF,IAAE,OAAK,oBAAmBA,IAAE,MAAI,EAAEA,IAAE,KAAIE,KAAE,EAAE,GAACF,OAAGA,IAAE,QAAMA,IAAE,KAAK,SAAQ,QAAG,EAAEI,KAAEF,KAAE,EAAE,CAAC;;GAAG,KAAG,KAAE,QAAI;AAAC,KAAE,6BAA2B,EAAEC,KAAEH,IAAE;CAAC,MAAMK,MAAE,EAAE;AAAC,MAAI,MAAMH,OAAKC,KAAE;EAAC,MAAM,IAAEF,IAAED,IAAE,QAAOE,IAAE,EAAC,IAAE,OAAO,OAAOC,IAAED,QAAI,EAAE,EAAC,EAAC,KAAI,KAAG,EAAE,KAAI,CAAC;AAAC,MAAG,EAAEF,IAAE,SAAO,OAAO,KAAKG,IAAE,EAACD,IAAE,EAAC;GAAC,MAAMC,MAAE,OAAO,OAAO,EAAE,EAACF,IAAEI,KAAEH,IAAE,CAAC;AAAC,OAAEC,KAAE,QAAO,EAAE,EAACC,IAAEC,KAAEH,KAAEC,IAAE;QAAM,KAAEE,KAAEH,KAAE,EAAE;;AAAC,QAAOG;GAAG,KAAG,GAAE,MAAI;CAAC,MAAMF,MAAE,EAAE,EAAE;AAAC,QAAO,EAAE,MAAK,QAAG,EAAEF,IAAE,CAAC,MAAM,IAAIE,IAAE,SAAS,CAAC;;AAAE,SAAS,EAAE,GAAE;AAAC,QAAO,EAAE,QAAQ,UAAS,GAAG"}

package/dist/node_modules/@hookform/resolvers/zod/dist/zod.js

@@ -0,0 +1,119 @@
+import { appendErrors } from "../../../../react-hook-form/dist/index.esm.js";
+import { o, s } from "../../dist/resolvers.js";
+import { $ZodError } from "../../../../zod/v4/core/errors.js";
+import { parse, parseAsync } from "../../../../zod/v4/core/parse.js";
+
+//#region ../../../node_modules/@hookform/resolvers/zod/dist/zod.mjs
+function t(r, e) {
+	try {
+		var o$1 = r();
+	} catch (r$1) {
+		return e(r$1);
+	}
+	return o$1 && o$1.then ? o$1.then(void 0, e) : o$1;
+}
+function s$1(r, e) {
+	for (var n = {}; r.length;) {
+		var t$1 = r[0], s$2 = t$1.code, i$1 = t$1.message, a$1 = t$1.path.join(".");
+		if (!n[a$1]) if ("unionErrors" in t$1) {
+			var u = t$1.unionErrors[0].errors[0];
+			n[a$1] = {
+				message: u.message,
+				type: u.code
+			};
+		} else n[a$1] = {
+			message: i$1,
+			type: s$2
+		};
+		if ("unionErrors" in t$1 && t$1.unionErrors.forEach(function(e$1) {
+			return e$1.errors.forEach(function(e$2) {
+				return r.push(e$2);
+			});
+		}), e) {
+			var c = n[a$1].types, f = c && c[t$1.code];
+			n[a$1] = appendErrors(a$1, e, n, s$2, f ? [].concat(f, t$1.message) : t$1.message);
+		}
+		r.shift();
+	}
+	return n;
+}
+function i(r, e) {
+	for (var n = {}; r.length;) {
+		var t$1 = r[0], s$2 = t$1.code, i$1 = t$1.message, a$1 = t$1.path.join(".");
+		if (!n[a$1]) if ("invalid_union" === t$1.code && t$1.errors.length > 0) {
+			var u = t$1.errors[0][0];
+			n[a$1] = {
+				message: u.message,
+				type: u.code
+			};
+		} else n[a$1] = {
+			message: i$1,
+			type: s$2
+		};
+		if ("invalid_union" === t$1.code && t$1.errors.forEach(function(e$1) {
+			return e$1.forEach(function(e$2) {
+				return r.push(e$2);
+			});
+		}), e) {
+			var c = n[a$1].types, f = c && c[t$1.code];
+			n[a$1] = appendErrors(a$1, e, n, s$2, f ? [].concat(f, t$1.message) : t$1.message);
+		}
+		r.shift();
+	}
+	return n;
+}
+function a(o$1, a$1, u) {
+	if (void 0 === u && (u = {}), function(r) {
+		return "_def" in r && "object" == typeof r._def && "typeName" in r._def;
+	}(o$1)) return function(n, i$1, c) {
+		try {
+			return Promise.resolve(t(function() {
+				return Promise.resolve(o$1["sync" === u.mode ? "parse" : "parseAsync"](n, a$1)).then(function(e) {
+					return c.shouldUseNativeValidation && o({}, c), {
+						errors: {},
+						values: u.raw ? Object.assign({}, n) : e
+					};
+				});
+			}, function(r) {
+				if (function(r$1) {
+					return Array.isArray(null == r$1 ? void 0 : r$1.issues);
+				}(r)) return {
+					values: {},
+					errors: s(s$1(r.errors, !c.shouldUseNativeValidation && "all" === c.criteriaMode), c)
+				};
+				throw r;
+			}));
+		} catch (r) {
+			return Promise.reject(r);
+		}
+	};
+	if (function(r) {
+		return "_zod" in r && "object" == typeof r._zod;
+	}(o$1)) return function(s$2, c, f) {
+		try {
+			return Promise.resolve(t(function() {
+				return Promise.resolve(("sync" === u.mode ? parse : parseAsync)(o$1, s$2, a$1)).then(function(e) {
+					return f.shouldUseNativeValidation && o({}, f), {
+						errors: {},
+						values: u.raw ? Object.assign({}, s$2) : e
+					};
+				});
+			}, function(r) {
+				if (function(r$1) {
+					return r$1 instanceof $ZodError;
+				}(r)) return {
+					values: {},
+					errors: s(i(r.issues, !f.shouldUseNativeValidation && "all" === f.criteriaMode), f)
+				};
+				throw r;
+			}));
+		} catch (r) {
+			return Promise.reject(r);
+		}
+	};
+	throw new Error("Invalid input: not a Zod schema");
+}
+
+//#endregion
+export { a };
+//# sourceMappingURL=zod.js.map

package/dist/node_modules/@hookform/resolvers/zod/dist/zod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zod.js","names":["o","r","s","t","i","a","e","n.parse","n.parseAsync","n.$ZodError"],"sources":["../../../../../../../../../node_modules/@hookform/resolvers/zod/dist/zod.mjs"],"sourcesContent":["import{validateFieldsNatively as r,toNestErrors as e}from\"@hookform/resolvers\";import{appendErrors as o}from\"react-hook-form\";import*as n from\"zod/v4/core\";function t(r,e){try{var o=r()}catch(r){return e(r)}return o&&o.then?o.then(void 0,e):o}function s(r,e){for(var n={};r.length;){var t=r[0],s=t.code,i=t.message,a=t.path.join(\".\");if(!n[a])if(\"unionErrors\"in t){var u=t.unionErrors[0].errors[0];n[a]={message:u.message,type:u.code}}else n[a]={message:i,type:s};if(\"unionErrors\"in t&&t.unionErrors.forEach(function(e){return e.errors.forEach(function(e){return r.push(e)})}),e){var c=n[a].types,f=c&&c[t.code];n[a]=o(a,e,n,s,f?[].concat(f,t.message):t.message)}r.shift()}return n}function i(r,e){for(var n={};r.length;){var t=r[0],s=t.code,i=t.message,a=t.path.join(\".\");if(!n[a])if(\"invalid_union\"===t.code&&t.errors.length>0){var u=t.errors[0][0];n[a]={message:u.message,type:u.code}}else n[a]={message:i,type:s};if(\"invalid_union\"===t.code&&t.errors.forEach(function(e){return e.forEach(function(e){return r.push(e)})}),e){var c=n[a].types,f=c&&c[t.code];n[a]=o(a,e,n,s,f?[].concat(f,t.message):t.message)}r.shift()}return n}function a(o,a,u){if(void 0===u&&(u={}),function(r){return\"_def\"in r&&\"object\"==typeof r._def&&\"typeName\"in r._def}(o))return function(n,i,c){try{return Promise.resolve(t(function(){return Promise.resolve(o[\"sync\"===u.mode?\"parse\":\"parseAsync\"](n,a)).then(function(e){return c.shouldUseNativeValidation&&r({},c),{errors:{},values:u.raw?Object.assign({},n):e}})},function(r){if(function(r){return Array.isArray(null==r?void 0:r.issues)}(r))return{values:{},errors:e(s(r.errors,!c.shouldUseNativeValidation&&\"all\"===c.criteriaMode),c)};throw r}))}catch(r){return Promise.reject(r)}};if(function(r){return\"_zod\"in r&&\"object\"==typeof r._zod}(o))return function(s,c,f){try{return Promise.resolve(t(function(){return Promise.resolve((\"sync\"===u.mode?n.parse:n.parseAsync)(o,s,a)).then(function(e){return f.shouldUseNativeValidation&&r({},f),{errors:{},values:u.raw?Object.assign({},s):e}})},function(r){if(function(r){return r instanceof n.$ZodError}(r))return{values:{},errors:e(i(r.issues,!f.shouldUseNativeValidation&&\"all\"===f.criteriaMode),f)};throw r}))}catch(r){return Promise.reject(r)}};throw new Error(\"Invalid input: not a Zod schema\")}export{a as zodResolver};\n//# sourceMappingURL=zod.module.js.map\n"],"x_google_ignoreList":[0],"mappings":"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"}