@llui/components 0.0.6 → 0.0.8

package/dist/utils/validators.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Composable validators returning `string | null` (null = valid).
+ *
+ * Use `compose(v1, v2, ...)` to run until first failure (short-circuit),
+ * or `validateAll(v1, v2, ...)` to collect all errors as `string[]`.
+ *
+ * ```ts
+ * const username = compose(required(), minLength(3), pattern(/^[a-z]+$/i))
+ * username('')      // 'Required'
+ * username('ab')    // 'Must be at least 3 characters'
+ * username('foo')   // null
+ * ```
+ */
+export type Validator<T> = (value: T) => string | null;
+export declare function required(message?: string): Validator<unknown>;
+export declare function minLength(n: number, message?: string): Validator<string>;
+export declare function maxLength(n: number, message?: string): Validator<string>;
+export declare function pattern(regex: RegExp, message?: string): Validator<string>;
+export declare function email(message?: string): Validator<string>;
+export declare function url(message?: string): Validator<string>;
+export declare function min(n: number, message?: string): Validator<number>;
+export declare function max(n: number, message?: string): Validator<number>;
+export declare function integer(message?: string): Validator<number>;
+export declare function positive(message?: string): Validator<number>;
+/**
+ * Run validators in order, returning the first error (or null if all pass).
+ */
+export declare function compose<T>(...validators: Validator<T>[]): Validator<T>;
+/**
+ * Run every validator and collect all errors. Returns empty array when valid.
+ * Use when you want to display multiple errors at once (e.g. password rules).
+ */
+export declare function validateAll<T>(...validators: Validator<T>[]): (value: T) => string[];
+//# sourceMappingURL=validators.d.ts.map

package/dist/utils/validators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validators.d.ts","sourceRoot":"","sources":["../../src/utils/validators.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,GAAG,IAAI,CAAA;AAStD,wBAAgB,QAAQ,CAAC,OAAO,SAAa,GAAG,SAAS,CAAC,OAAO,CAAC,CAEjE;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,CAGxE;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,CAGxE;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,SAAmB,GAAG,SAAS,CAAC,MAAM,CAAC,CAEpF;AAKD,wBAAgB,KAAK,CAAC,OAAO,SAAkB,GAAG,SAAS,CAAC,MAAM,CAAC,CAElE;AAED,wBAAgB,GAAG,CAAC,OAAO,SAAgB,GAAG,SAAS,CAAC,MAAM,CAAC,CAU9D;AAED,wBAAgB,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,CAGlE;AAED,wBAAgB,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,CAGlE;AAED,wBAAgB,OAAO,CAAC,OAAO,SAAuB,GAAG,SAAS,CAAC,MAAM,CAAC,CAEzE;AAED,wBAAgB,QAAQ,CAAC,OAAO,SAAqB,GAAG,SAAS,CAAC,MAAM,CAAC,CAExE;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,GAAG,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,CAQtE;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,GAAG,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,EAAE,CASpF"}

package/dist/utils/validators.js

@@ -0,0 +1,83 @@
+function isEmpty(v) {
+    if (v === null || v === undefined)
+        return true;
+    if (typeof v === 'string' && v.length === 0)
+        return true;
+    if (Array.isArray(v) && v.length === 0)
+        return true;
+    return false;
+}
+export function required(message = 'Required') {
+    return (value) => (isEmpty(value) ? message : null);
+}
+export function minLength(n, message) {
+    const msg = message ?? `Must be at least ${n} characters`;
+    return (value) => (value.length < n ? msg : null);
+}
+export function maxLength(n, message) {
+    const msg = message ?? `Must be at most ${n} characters`;
+    return (value) => (value.length > n ? msg : null);
+}
+export function pattern(regex, message = 'Invalid format') {
+    return (value) => (regex.test(value) ? null : message);
+}
+// RFC 5322 simplified — accepts most valid emails, rejects obvious garbage
+const EMAIL_RE = /^[^\s@]+@[^\s@.]+(\.[^\s@.]+)+$/;
+export function email(message = 'Invalid email') {
+    return (value) => (EMAIL_RE.test(value) ? null : message);
+}
+export function url(message = 'Invalid URL') {
+    return (value) => {
+        try {
+            const u = new URL(value);
+            if (u.protocol !== 'http:' && u.protocol !== 'https:')
+                return message;
+            return null;
+        }
+        catch {
+            return message;
+        }
+    };
+}
+export function min(n, message) {
+    const msg = message ?? `Must be at least ${n}`;
+    return (value) => (value < n ? msg : null);
+}
+export function max(n, message) {
+    const msg = message ?? `Must be at most ${n}`;
+    return (value) => (value > n ? msg : null);
+}
+export function integer(message = 'Must be an integer') {
+    return (value) => (Number.isInteger(value) ? null : message);
+}
+export function positive(message = 'Must be positive') {
+    return (value) => (value > 0 ? null : message);
+}
+/**
+ * Run validators in order, returning the first error (or null if all pass).
+ */
+export function compose(...validators) {
+    return (value) => {
+        for (const v of validators) {
+            const err = v(value);
+            if (err !== null)
+                return err;
+        }
+        return null;
+    };
+}
+/**
+ * Run every validator and collect all errors. Returns empty array when valid.
+ * Use when you want to display multiple errors at once (e.g. password rules).
+ */
+export function validateAll(...validators) {
+    return (value) => {
+        const errors = [];
+        for (const v of validators) {
+            const err = v(value);
+            if (err !== null)
+                errors.push(err);
+        }
+        return errors;
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@llui/components",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -463,7 +463,7 @@
     "test": "vitest run"
   },
   "peerDependencies": {
-    "@llui/dom": "^0.0.6"
+    "@llui/dom": "^0.0.8"
   },
   "devDependencies": {
     "@llui/dom": "workspace:*",
@@ -475,7 +475,8 @@
     "./dist/styles/theme-dark.css"
   ],
   "dependencies": {
-    "@floating-ui/dom": "^1.7.6"
+    "@floating-ui/dom": "^1.7.6",
+    "@standard-schema/spec": "^1.0.0"
   },
   "description": "54 headless UI components for LLui — accordion, dialog, tabs, select, tree-view, timer, tour, and more",
   "keywords": [