@wzrhine/react 0.0.0-stage → 0.1.0

package/dist/components/VisuallyHidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../src/components/VisuallyHidden.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,KAAK,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5F,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IACpE,EAAE,CAAC,EAAE,qBAAqB,CAAC;IAC3B,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc;SATpB,qBAAqB;IAC1B,sEAAsE;gBAC1D,OAAO;qCAmBnB,CAAC"}

package/dist/components/VisuallyHidden.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cx } from '../utils/cx.js';
+/**
+ * Content for assistive tech only: still in the accessibility tree, removed from layout.
+ * Not a way to hide focusable controls unless `focusable` makes them reappear on focus.
+ */
+export const VisuallyHidden = React.forwardRef(function VisuallyHidden({ as: Element = 'span', focusable = false, className, ...rest }, ref) {
+    return (_jsx(Element, { ...rest, ref: ref, className: cx('rl-visually-hidden', className), "data-focusable": focusable || undefined }));
+});
+//# sourceMappingURL=VisuallyHidden.js.map

package/dist/components/VisuallyHidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.js","sourceRoot":"","sources":["../../src/components/VisuallyHidden.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAUpC;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAmC,SAAS,cAAc,CACtG,EAAE,EAAE,EAAE,OAAO,GAAG,MAAM,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAC/D,GAAG;IAEH,OAAO,CACL,KAAC,OAAO,OACF,IAAI,EACR,GAAG,EAAE,GAAuB,EAC5B,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,oBAC9B,SAAS,IAAI,SAAS,GACtC,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/fieldParts.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { Field as BaseField } from '@base-ui/react/field';
+/** Internal parts shared by Field and the choice controls; not exported from the package. */
+export declare function LabelText({ label, required, optional }: {
+    label: React.ReactNode;
+    required?: boolean;
+    optional?: boolean;
+}): React.JSX.Element;
+export declare function FieldErrorMessage({ error, match, name, }: {
+    error: React.ReactNode;
+    match?: React.ComponentProps<typeof BaseField.Error>['match'];
+    /** Field name: a message for it in `<Form errors>` (server-side) replaces `error` and always shows. */
+    name?: string;
+}): React.JSX.Element | null;
+/** Lets Checkbox / Radio know they sit inside a group and must not create their own Field. */
+export declare const ChoiceGroupContext: React.Context<"checkbox" | "radio" | null>;
+//# sourceMappingURL=fieldParts.d.ts.map

package/dist/components/fieldParts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldParts.d.ts","sourceRoot":"","sources":["../../src/components/fieldParts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAI1D,6FAA6F;AAE7F,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,qBAa1H;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,IAAI,GACL,EAAE;IACD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;IAC9D,uGAAuG;IACvG,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,4BAcA;AAED,8FAA8F;AAC9F,eAAO,MAAM,kBAAkB,4CAAyD,CAAC"}

package/dist/components/fieldParts.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Field as BaseField } from '@base-ui/react/field';
+import { useFormContext } from '@base-ui/react/internals/form-context';
+import { useRhineMessages } from '../provider/messages.js';
+/** Internal parts shared by Field and the choice controls; not exported from the package. */
+export function LabelText({ label, required, optional }) {
+    const messages = useRhineMessages();
+    return (_jsxs(_Fragment, { children: [_jsx("span", { children: label }), required && (_jsx("span", { className: "rl-field__required", "aria-hidden": "true", children: "*" })), optional && !required && _jsx("span", { className: "rl-field__optional", children: messages.field.optional })] }));
+}
+export function FieldErrorMessage({ error, match, name, }) {
+    const { errors } = useFormContext();
+    const server = name != null && Object.hasOwn(errors, name) ? errors[name] : undefined;
+    const serverText = Array.isArray(server) ? server.join(' ') : server;
+    if (!serverText && error == null)
+        return null;
+    return (_jsxs(BaseField.Error, { className: "rl-field__error", match: serverText ? undefined : match, children: [_jsxs("svg", { className: "rl-field__error-icon", viewBox: "0 0 16 16", "aria-hidden": "true", focusable: "false", children: [_jsx("path", { d: "M8 1.75 15 14.25H1L8 1.75Z" }), _jsx("path", { d: "M8 6.5v3.25M8 11.75v.01" })] }), _jsx("span", { children: serverText || error })] }));
+}
+/** Lets Checkbox / Radio know they sit inside a group and must not create their own Field. */
+export const ChoiceGroupContext = React.createContext(null);
+//# sourceMappingURL=fieldParts.js.map

package/dist/components/fieldParts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldParts.js","sourceRoot":"","sources":["../../src/components/fieldParts.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,6FAA6F;AAE7F,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAsE;IACzH,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC;IACpC,OAAO,CACL,8BACE,yBAAO,KAAK,GAAQ,EACnB,QAAQ,IAAI,CACX,eAAM,SAAS,EAAC,oBAAoB,iBAAa,MAAM,kBAEhD,CACR,EACA,QAAQ,IAAI,CAAC,QAAQ,IAAI,eAAM,SAAS,EAAC,oBAAoB,YAAE,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAQ,IAC9F,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,IAAI,GAML;IACC,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpC,MAAM,MAAM,GAAG,IAAI,IAAI,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACtF,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IACrE,IAAI,CAAC,UAAU,IAAI,KAAK,IAAI,IAAI;QAAE,OAAO,IAAI,CAAC;IAC9C,OAAO,CACL,MAAC,SAAS,CAAC,KAAK,IAAC,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,aAChF,eAAK,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,EAAC,SAAS,EAAC,OAAO,aAC5F,eAAM,CAAC,EAAC,4BAA4B,GAAG,EACvC,eAAM,CAAC,EAAC,yBAAyB,GAAG,IAChC,EACN,yBAAO,UAAU,IAAI,KAAK,GAAQ,IAClB,CACnB,CAAC;AACJ,CAAC;AAED,8FAA8F;AAC9F,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAA8B,IAAI,CAAC,CAAC"}

package/dist/components/meter-utils.d.ts

@@ -0,0 +1,15 @@
+/** Which native <meter> region a value falls in, relative to `optimum`. */
+export type MeterState = 'optimum' | 'suboptimum' | 'critical';
+/**
+ * Native <meter> rules: the range is split by `low` / `high`; the region containing `optimum` is
+ * good, the adjacent region is "suboptimum", the far region "critical". Without thresholds every
+ * value is optimum.
+ */
+export declare function getMeterState(value: number, { min, max, low, high, optimum }: {
+    min?: number;
+    max?: number;
+    low?: number;
+    high?: number;
+    optimum?: number;
+}): MeterState;
+//# sourceMappingURL=meter-utils.d.ts.map

package/dist/components/meter-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-utils.d.ts","sourceRoot":"","sources":["../../src/components/meter-utils.ts"],"names":[],"mappings":"AAEA,2EAA2E;AAC3E,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,YAAY,GAAG,UAAU,CAAC;AAE/D;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,GAAO,EAAE,GAAS,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,UAAU,CAOlL"}

package/dist/components/meter-utils.js

@@ -0,0 +1,15 @@
+// Pure meter helpers (no React): importable from React Server Components (ADR-0008 §2).
+/**
+ * Native <meter> rules: the range is split by `low` / `high`; the region containing `optimum` is
+ * good, the adjacent region is "suboptimum", the far region "critical". Without thresholds every
+ * value is optimum.
+ */
+export function getMeterState(value, { min = 0, max = 100, low, high, optimum }) {
+    const lo = Math.max(min, Math.min(low ?? min, max));
+    const hi = Math.min(max, Math.max(high ?? max, lo));
+    const opt = optimum ?? (min + max) / 2;
+    const region = (v) => (v < lo ? 0 : v > hi ? 2 : 1);
+    const distance = Math.abs(region(value) - region(opt));
+    return distance === 0 ? 'optimum' : distance === 1 ? 'suboptimum' : 'critical';
+}
+//# sourceMappingURL=meter-utils.js.map

package/dist/components/meter-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-utils.js","sourceRoot":"","sources":["../../src/components/meter-utils.ts"],"names":[],"mappings":"AAAA,wFAAwF;AAKxF;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,KAAa,EAAE,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAiF;IACpK,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IACpD,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;IACpD,MAAM,GAAG,GAAG,OAAO,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;IACvC,MAAM,MAAM,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5D,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IACvD,OAAO,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC;AACjF,CAAC"}

package/dist/components/pagination-utils.d.ts

@@ -0,0 +1,10 @@
+/** One slot in the page list: a page number or an ellipsis before / after the current window. */
+export type PaginationItem = number | 'ellipsis-start' | 'ellipsis-end';
+/**
+ * Page list with first, last and `siblingCount` pages on each side of `page`. A gap of one page
+ * is shown as that page, not an ellipsis, so the list length stays stable while paging.
+ */
+export declare function getPaginationItems(page: number, pageCount: number, siblingCount?: number): PaginationItem[];
+/** Rows of one page for client-side pagination. `page` starts at 1. */
+export declare function paginate<Row>(rows: readonly Row[], page: number, pageSize: number): Row[];
+//# sourceMappingURL=pagination-utils.d.ts.map

package/dist/components/pagination-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-utils.d.ts","sourceRoot":"","sources":["../../src/components/pagination-utils.ts"],"names":[],"mappings":"AAEA,iGAAiG;AACjG,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAExE;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,SAAI,GAAG,cAAc,EAAE,CAetG;AAUD,uEAAuE;AACvE,wBAAgB,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,GAAG,EAAE,CAKzF"}

package/dist/components/pagination-utils.js

@@ -0,0 +1,36 @@
+// Pure pagination helpers (no React): importable from React Server Components (ADR-0008 §2).
+/**
+ * Page list with first, last and `siblingCount` pages on each side of `page`. A gap of one page
+ * is shown as that page, not an ellipsis, so the list length stays stable while paging.
+ */
+export function getPaginationItems(page, pageCount, siblingCount = 1) {
+    const total = Math.max(1, Math.floor(pageCount));
+    const current = clamp(page, 1, total);
+    // first + last + current + 2 siblings + 2 ellipsis slots
+    const slots = siblingCount * 2 + 5;
+    if (total <= slots)
+        return range(1, total);
+    const left = Math.max(current - siblingCount, 1);
+    const right = Math.min(current + siblingCount, total);
+    const showStart = left > 3;
+    const showEnd = right < total - 2;
+    if (!showStart)
+        return [...range(1, slots - 2), 'ellipsis-end', total];
+    if (!showEnd)
+        return [1, 'ellipsis-start', ...range(total - (slots - 3), total)];
+    return [1, 'ellipsis-start', ...range(left, right), 'ellipsis-end', total];
+}
+function range(from, to) {
+    return Array.from({ length: to - from + 1 }, (_, i) => from + i);
+}
+function clamp(value, min, max) {
+    return Math.min(Math.max(Math.round(value), min), max);
+}
+/** Rows of one page for client-side pagination. `page` starts at 1. */
+export function paginate(rows, page, pageSize) {
+    const size = Math.max(1, Math.floor(pageSize));
+    const pageCount = Math.max(1, Math.ceil(rows.length / size));
+    const current = clamp(page, 1, pageCount);
+    return rows.slice((current - 1) * size, current * size);
+}
+//# sourceMappingURL=pagination-utils.js.map

package/dist/components/pagination-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-utils.js","sourceRoot":"","sources":["../../src/components/pagination-utils.ts"],"names":[],"mappings":"AAAA,6FAA6F;AAK7F;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,IAAY,EAAE,SAAiB,EAAE,YAAY,GAAG,CAAC;IAClF,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACjD,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;IACtC,yDAAyD;IACzD,MAAM,KAAK,GAAG,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC;IACnC,IAAI,KAAK,IAAI,KAAK;QAAE,OAAO,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IAE3C,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,YAAY,EAAE,CAAC,CAAC,CAAC;IACjD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,YAAY,EAAE,KAAK,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC;IAC3B,MAAM,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC;IAElC,IAAI,CAAC,SAAS;QAAE,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC;IACvE,IAAI,CAAC,OAAO;QAAE,OAAO,CAAC,CAAC,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;IACjF,OAAO,CAAC,CAAC,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC;AAC7E,CAAC;AAED,SAAS,KAAK,CAAC,IAAY,EAAE,EAAU;IACrC,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,GAAG,IAAI,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;AACnE,CAAC;AAED,SAAS,KAAK,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW;IACpD,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;AACzD,CAAC;AAED,uEAAuE;AACvE,MAAM,UAAU,QAAQ,CAAM,IAAoB,EAAE,IAAY,EAAE,QAAgB;IAChF,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC/C,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IAC7D,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;IAC1C,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC,CAAC;AAC1D,CAAC"}