@llui/components 0.0.5 → 0.0.7

package/dist/locale.d.ts

@@ -0,0 +1,127 @@
+/** Per-component locale strings. Only components with user-facing text have entries. */
+export interface Locale {
+    carousel: {
+        label: string;
+        indicators: string;
+        next: string;
+        prev: string;
+        slide: (index: number) => string;
+        goToSlide: (index: number) => string;
+    };
+    cascadeSelect: {
+        clear: string;
+    };
+    clipboard: {
+        copy: string;
+    };
+    colorPicker: {
+        hue: string;
+        saturation: string;
+        lightness: string;
+        hex: string;
+    };
+    combobox: {
+        toggle: string;
+    };
+    dateInput: {
+        clear: string;
+    };
+    datePicker: {
+        prev: string;
+        next: string;
+        monthNames: string[];
+        grid: (year: number, month: number) => string;
+    };
+    dialog: {
+        close: string;
+    };
+    drawer: {
+        close: string;
+    };
+    fileUpload: {
+        remove: string;
+        clear: string;
+    };
+    floatingPanel: {
+        label: string;
+        minimize: string;
+        maximize: string;
+        close: string;
+    };
+    imageCropper: {
+        reset: string;
+    };
+    navigationMenu: {
+        label: string;
+    };
+    numberInput: {
+        increment: string;
+        decrement: string;
+    };
+    pagination: {
+        label: string;
+        prev: string;
+        next: string;
+        page: (n: number) => string;
+    };
+    passwordInput: {
+        show: string;
+        hide: string;
+    };
+    pinInput: {
+        input: (index: number) => string;
+    };
+    popover: {
+        close: string;
+    };
+    progress: {
+        loading: string;
+    };
+    qrCode: {
+        label: string;
+        download: string;
+    };
+    signaturePad: {
+        label: string;
+        clear: string;
+        undo: string;
+    };
+    steps: {
+        label: string;
+    };
+    tagsInput: {
+        input: string;
+        remove: string;
+        clear: string;
+    };
+    timePicker: {
+        label: string;
+        hours: string;
+        minutes: string;
+        period: string;
+    };
+    timer: {
+        start: string;
+        pause: string;
+        reset: string;
+    };
+    toast: {
+        region: string;
+        dismiss: string;
+    };
+    toc: {
+        label: string;
+        expand: string;
+    };
+    tour: {
+        close: string;
+    };
+}
+/** English locale — used as the default when no provider is in the tree. */
+export declare const en: Locale;
+/**
+ * Locale context. Components read from this via `useContext(LocaleContext)`.
+ * English defaults are provided — apps that don't call `provide()` get English for free.
+ */
+export declare const LocaleContext: import("@llui/dom").Context<Locale>;
+//# sourceMappingURL=locale.d.ts.map

package/dist/locale.d.ts.map

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

package/dist/locale.js

@@ -0,0 +1,73 @@
+import { createContext } from '@llui/dom';
+const MONTH_NAMES = [
+    'January',
+    'February',
+    'March',
+    'April',
+    'May',
+    'June',
+    'July',
+    'August',
+    'September',
+    'October',
+    'November',
+    'December',
+];
+/** English locale — used as the default when no provider is in the tree. */
+export const en = {
+    carousel: {
+        label: 'Carousel',
+        indicators: 'Slide indicators',
+        next: 'Next slide',
+        prev: 'Previous slide',
+        slide: (i) => `Slide ${i + 1}`,
+        goToSlide: (i) => `Go to slide ${i + 1}`,
+    },
+    cascadeSelect: { clear: 'Clear selection' },
+    clipboard: { copy: 'Copy to clipboard' },
+    colorPicker: { hue: 'Hue', saturation: 'Saturation', lightness: 'Lightness', hex: 'Hex color' },
+    combobox: { toggle: 'Toggle options' },
+    dateInput: { clear: 'Clear date' },
+    datePicker: {
+        prev: 'Previous month',
+        next: 'Next month',
+        monthNames: MONTH_NAMES,
+        grid: (y, m) => `${MONTH_NAMES[m - 1]} ${y}`,
+    },
+    dialog: { close: 'Close' },
+    drawer: { close: 'Close' },
+    fileUpload: { remove: 'Remove file', clear: 'Clear files' },
+    floatingPanel: {
+        label: 'Floating panel',
+        minimize: 'Minimize',
+        maximize: 'Maximize',
+        close: 'Close',
+    },
+    imageCropper: { reset: 'Reset crop' },
+    navigationMenu: { label: 'Main navigation' },
+    numberInput: { increment: 'Increase value', decrement: 'Decrease value' },
+    pagination: {
+        label: 'Pagination',
+        prev: 'Previous page',
+        next: 'Next page',
+        page: (n) => `Page ${n}`,
+    },
+    passwordInput: { show: 'Show password', hide: 'Hide password' },
+    pinInput: { input: (i) => `Digit ${i + 1}` },
+    popover: { close: 'Close' },
+    progress: { loading: 'Loading\u2026' },
+    qrCode: { label: 'QR code', download: 'Download QR code' },
+    signaturePad: { label: 'Signature pad', clear: 'Clear signature', undo: 'Undo last stroke' },
+    steps: { label: 'Progress' },
+    tagsInput: { input: 'Add tag', remove: 'Remove tag', clear: 'Clear all tags' },
+    timePicker: { label: 'Time', hours: 'Hours', minutes: 'Minutes', period: 'Toggle AM/PM' },
+    timer: { start: 'Start timer', pause: 'Pause timer', reset: 'Reset timer' },
+    toast: { region: 'Notifications', dismiss: 'Dismiss notification' },
+    toc: { label: 'Table of contents', expand: 'Toggle section' },
+    tour: { close: 'Close tour' },
+};
+/**
+ * Locale context. Components read from this via `useContext(LocaleContext)`.
+ * English defaults are provided — apps that don't call `provide()` get English for free.
+ */
+export const LocaleContext = createContext(en);

package/dist/styles/theme.css

@@ -649,7 +649,7 @@
   justify-content: center;
   font-size: 1rem;
   font-weight: 600;
-  color: var(--color-text-muted);
+  color: var(--color-text);
 }
 
 /* ─── Pagination ─── */
@@ -1315,7 +1315,7 @@
   padding: var(--space-1) var(--space-2);
   border: 0;
   background: var(--color-surface-hover);
-  color: var(--color-text-muted);
+  color: var(--color-text);
   font-size: 0.75rem;
   font-weight: 600;
   cursor: pointer;

package/dist/utils/direction.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Resolve the text direction for an element by walking up the DOM tree.
+ * Returns 'rtl' or 'ltr' (default).
+ */
+export declare function resolveDir(el: Element): 'ltr' | 'rtl';
+/**
+ * Map an arrow key to its logical direction, accounting for RTL.
+ * In RTL, ArrowLeft and ArrowRight swap; vertical arrows are unchanged.
+ */
+export declare function flipArrow(key: string, el: Element | null): string;
+//# sourceMappingURL=direction.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"direction.d.ts","sourceRoot":"","sources":["../../src/utils/direction.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,EAAE,OAAO,GAAG,KAAK,GAAG,KAAK,CAKrD;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,GAAG,IAAI,GAAG,MAAM,CAMjE"}

package/dist/utils/direction.js

@@ -0,0 +1,26 @@
+/**
+ * Resolve the text direction for an element by walking up the DOM tree.
+ * Returns 'rtl' or 'ltr' (default).
+ */
+export function resolveDir(el) {
+    const ancestor = el.closest('[dir]');
+    if (ancestor)
+        return ancestor.getAttribute('dir') === 'rtl' ? 'rtl' : 'ltr';
+    if (typeof document !== 'undefined' && document.documentElement.dir === 'rtl')
+        return 'rtl';
+    return 'ltr';
+}
+/**
+ * Map an arrow key to its logical direction, accounting for RTL.
+ * In RTL, ArrowLeft and ArrowRight swap; vertical arrows are unchanged.
+ */
+export function flipArrow(key, el) {
+    if (key !== 'ArrowLeft' && key !== 'ArrowRight')
+        return key;
+    if (!el)
+        return key;
+    const rtl = resolveDir(el) === 'rtl';
+    if (!rtl)
+        return key;
+    return key === 'ArrowLeft' ? 'ArrowRight' : 'ArrowLeft';
+}

package/dist/utils/index.d.ts

@@ -15,4 +15,5 @@ export type { FloatingOptions, Placement } from './floating';
 export { typeaheadAccumulate, typeaheadMatch, typeaheadMatchByItems, isTypeaheadKey, TYPEAHEAD_TIMEOUT_MS, } from './typeahead';
 export { TreeCollection } from './tree-collection';
 export type { TreeNode } from './tree-collection';
+export { resolveDir, flipArrow } from './direction';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAC1D,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAEtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AACzD,YAAY,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AAEhE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAEtE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AACzD,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE5D,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,qBAAqB,EACrB,cAAc,EACd,oBAAoB,GACrB,MAAM,aAAa,CAAA;AAEpB,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,YAAY,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAC1D,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAEtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AACzD,YAAY,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AAEhE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAEtE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AACzD,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE5D,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,qBAAqB,EACrB,cAAc,EACd,oBAAoB,GACrB,MAAM,aAAa,CAAA;AAEpB,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,YAAY,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}

package/dist/utils/index.js

@@ -8,3 +8,4 @@ export { getFocusables, isFocusable } from './focusables';
 export { attachFloating } from './floating';
 export { typeaheadAccumulate, typeaheadMatch, typeaheadMatchByItems, isTypeaheadKey, TYPEAHEAD_TIMEOUT_MS, } from './typeahead';
 export { TreeCollection } from './tree-collection';
+export { resolveDir, flipArrow } from './direction';

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.5",
+  "version": "0.0.7",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -463,7 +463,7 @@
     "test": "vitest run"
   },
   "peerDependencies": {
-    "@llui/dom": "^0.0.3"
+    "@llui/dom": "^0.0.7"
   },
   "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": [