@wzrhine/react 0.0.0-stage → 0.2.0

package/dist/motion/visibility.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+/** True while the document is visible. Loops must pause when it turns false (MOTION.md lifecycle rule 4). */
+export declare function usePageVisible(): boolean;
+/** True while the element intersects the viewport. Treated as visible where IntersectionObserver is unavailable. */
+export declare function useInViewport<T extends Element>(ref: React.RefObject<T | null>): boolean;
+//# sourceMappingURL=visibility.d.ts.map

package/dist/motion/visibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visibility.d.ts","sourceRoot":"","sources":["../../src/motion/visibility.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,6GAA6G;AAC7G,wBAAgB,cAAc,IAAI,OAAO,CAExC;AAED,oHAAoH;AACpH,wBAAgB,aAAa,CAAC,CAAC,SAAS,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,OAAO,CAUxF"}

package/dist/motion/visibility.js

@@ -0,0 +1,31 @@
+'use client';
+import * as React from 'react';
+/*
+ * Single visibility source for every loop in WzRhineLab UI (ADR-0007): component loops and the
+ * optional effects package both read these hooks, so "page hidden" means the same thing everywhere.
+ */
+function subscribeVisibility(onChange) {
+    document.addEventListener('visibilitychange', onChange);
+    return () => document.removeEventListener('visibilitychange', onChange);
+}
+const readVisible = () => !document.hidden;
+// Server render and the hydration pass treat the page as visible.
+const serverVisible = () => true;
+/** True while the document is visible. Loops must pause when it turns false (MOTION.md lifecycle rule 4). */
+export function usePageVisible() {
+    return React.useSyncExternalStore(subscribeVisibility, readVisible, serverVisible);
+}
+/** True while the element intersects the viewport. Treated as visible where IntersectionObserver is unavailable. */
+export function useInViewport(ref) {
+    const [inView, setInView] = React.useState(true);
+    React.useEffect(() => {
+        const el = ref.current;
+        if (!el || typeof IntersectionObserver === 'undefined')
+            return;
+        const observer = new IntersectionObserver(([entry]) => setInView(entry?.isIntersecting ?? true), { threshold: 0 });
+        observer.observe(el);
+        return () => observer.disconnect();
+    }, [ref]);
+    return inView;
+}
+//# sourceMappingURL=visibility.js.map

package/dist/motion/visibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visibility.js","sourceRoot":"","sources":["../../src/motion/visibility.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;GAGG;AAEH,SAAS,mBAAmB,CAAC,QAAoB;IAC/C,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;IACxD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;AAC1E,CAAC;AAED,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;AAC3C,kEAAkE;AAClE,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC;AAEjC,6GAA6G;AAC7G,MAAM,UAAU,cAAc;IAC5B,OAAO,KAAK,CAAC,oBAAoB,CAAC,mBAAmB,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC;AACrF,CAAC;AAED,oHAAoH;AACpH,MAAM,UAAU,aAAa,CAAoB,GAA8B;IAC7E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC;QACvB,IAAI,CAAC,EAAE,IAAI,OAAO,oBAAoB,KAAK,WAAW;YAAE,OAAO;QAC/D,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,EAAE,cAAc,IAAI,IAAI,CAAC,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC;QACnH,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACrB,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACV,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/overlays.css

@@ -0,0 +1,465 @@
+/*
+ * WzRhineLab UI · navigation & overlay styles (M2)
+ * Tabs, Tooltip, Dialog, Select. Imported by components.css; tokens only.
+ * Base UI supplies geometry variables (--active-tab-*, --anchor-width,
+ * --available-height, --transform-origin) and state attributes.
+ */
+
+/* ---------- Provider portal ---------- */
+.rl-portal {
+  position: relative;
+  z-index: var(--rl-z-overlay);
+}
+
+/* ---------- Tabs ---------- */
+.rl-tabs {
+  display: grid;
+  gap: var(--rl-space-4);
+  min-width: 0;
+}
+
+.rl-tabs__list {
+  position: relative;
+  z-index: 0;
+  display: flex;
+  max-width: 100%;
+  overflow-x: auto;
+  scrollbar-width: none;
+}
+
+.rl-tabs__list::-webkit-scrollbar {
+  display: none;
+}
+
+.rl-tabs[data-variant='line'] .rl-tabs__list {
+  gap: var(--rl-space-1);
+  box-shadow: inset 0 calc(var(--rl-border-width) * -1) 0 var(--rl-border-default);
+}
+
+/* Scroll affordance: fade the trailing edge so a clipped tab reads as "more to scroll". */
+.rl-tabs__list[data-overflowing] {
+  mask-image: linear-gradient(to right, black calc(100% - var(--rl-space-12)), transparent);
+}
+
+.rl-tabs__list[data-overflowing][data-scrolled-end] {
+  mask-image: none;
+}
+
+.rl-tabs[data-variant='segmented'] .rl-tabs__list {
+  display: inline-flex;
+  justify-self: start;
+  padding: var(--rl-space-1);
+  border: var(--rl-border-width) solid var(--rl-border-default);
+  border-radius: var(--rl-radius-sm);
+  background: var(--rl-bg-subtle);
+}
+
+.rl-tabs__tab {
+  position: relative;
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  gap: var(--rl-space-2);
+  min-height: var(--rl-control-height-md);
+  padding: 0 var(--rl-control-padding-x-md);
+  margin: 0;
+  appearance: none;
+  border: 0;
+  border-radius: var(--rl-radius-xs);
+  background: transparent;
+  color: var(--rl-fg-muted);
+  font: var(--rl-type-label);
+  white-space: nowrap;
+  cursor: pointer;
+  user-select: none;
+  transition: color var(--rl-motion-fast) var(--rl-ease-out);
+}
+
+.rl-tabs[data-size='sm'] .rl-tabs__tab {
+  min-height: var(--rl-control-height-sm);
+  padding: 0 var(--rl-control-padding-x-sm);
+  font: var(--rl-type-label-sm);
+}
+
+@media (hover: hover) {
+  .rl-tabs__tab:not([data-active], [data-disabled]):hover {
+    color: var(--rl-fg-primary);
+  }
+}
+
+.rl-tabs__tab[data-active] {
+  color: var(--rl-fg-primary);
+}
+
+.rl-tabs__tab:focus-visible {
+  outline: var(--rl-focus-ring);
+  outline-offset: calc(var(--rl-focus-width) * -1);
+}
+
+.rl-tabs__tab[data-disabled] {
+  color: var(--rl-fg-disabled);
+  cursor: not-allowed;
+}
+
+.rl-tabs__meta {
+  font: var(--rl-type-mono);
+  color: var(--rl-fg-subtle);
+}
+
+.rl-tabs__tab[data-active] .rl-tabs__meta {
+  color: var(--rl-accent-text);
+}
+
+/* Interrupted switches retarget from the indicator's current position (CSS transition). */
+.rl-tabs__indicator {
+  position: absolute;
+  left: 0;
+  z-index: -1;
+  width: var(--active-tab-width);
+  translate: var(--active-tab-left) 0;
+  transition:
+    translate var(--rl-motion-base) var(--rl-ease-out),
+    width var(--rl-motion-base) var(--rl-ease-out);
+}
+
+.rl-tabs[data-variant='line'] .rl-tabs__indicator {
+  bottom: 0;
+  height: var(--rl-border-width-strong);
+  background: var(--rl-accent);
+}
+
+.rl-tabs[data-variant='segmented'] .rl-tabs__indicator {
+  top: var(--active-tab-top);
+  height: var(--active-tab-height);
+  border-radius: var(--rl-radius-xs);
+  background: var(--rl-bg-surface);
+  box-shadow: var(--rl-shadow-raised), inset 0 0 0 var(--rl-border-width) var(--rl-border-default);
+}
+
+.rl-tabs__panel {
+  min-width: 0;
+}
+
+.rl-tabs__panel:focus-visible {
+  outline: var(--rl-focus-ring);
+  outline-offset: var(--rl-focus-offset);
+  border-radius: var(--rl-radius-xs);
+}
+
+/* ---------- Tooltip ---------- */
+.rl-tooltip__positioner {
+  z-index: var(--rl-z-tooltip);
+}
+
+.rl-tooltip {
+  max-width: var(--rl-tooltip-max-width);
+  padding: var(--rl-space-1) var(--rl-space-2);
+  border-radius: var(--rl-radius-xs);
+  background: var(--rl-bg-inverse);
+  color: var(--rl-fg-inverse);
+  font: var(--rl-type-meta);
+  transform-origin: var(--transform-origin);
+  transition:
+    opacity var(--rl-motion-fast) var(--rl-ease-out),
+    scale var(--rl-motion-fast) var(--rl-ease-out);
+}
+
+.rl-tooltip[data-starting-style],
+.rl-tooltip[data-ending-style] {
+  opacity: 0;
+  scale: 0.96;
+}
+
+.rl-tooltip[data-instant] {
+  transition-duration: 0ms;
+}
+
+/* ---------- Dialog ---------- */
+.rl-dialog__backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: var(--rl-z-dialog);
+  /* Dim level lives in the colour so motion owns opacity (Base UI waits on that animation). */
+  background: color-mix(in srgb, var(--rl-bg-inverse) 36%, transparent);
+}
+
+.rl-dialog {
+  --rl-dialog-width: var(--rl-dialog-width-md);
+
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  z-index: var(--rl-z-dialog);
+  display: grid;
+  grid-template-rows: auto minmax(0, 1fr) auto;
+  width: min(var(--rl-dialog-width), calc(100vw - var(--rl-space-8)));
+  max-height: calc(100dvh - var(--rl-space-12));
+  translate: -50% -50%;
+  border: var(--rl-border-width) solid var(--rl-border-default);
+  border-top: var(--rl-border-width-strong) solid var(--rl-fg-primary);
+  border-radius: var(--rl-radius-sm);
+  background: var(--rl-bg-raised);
+  color: var(--rl-fg-primary);
+  box-shadow: var(--rl-shadow-floating);
+  outline: none;
+}
+
+.rl-dialog[data-size='sm'] { --rl-dialog-width: var(--rl-dialog-width-sm); }
+.rl-dialog[data-size='lg'] { --rl-dialog-width: var(--rl-dialog-width-lg); }
+
+.rl-dialog__header {
+  display: grid;
+  gap: var(--rl-space-2);
+  padding: var(--rl-space-6) var(--rl-space-6) var(--rl-space-4);
+}
+
+.rl-dialog__eyebrow {
+  margin: 0;
+  font: var(--rl-type-mono);
+  letter-spacing: var(--rl-tracking-caps);
+  text-transform: uppercase;
+  color: var(--rl-accent-text);
+}
+
+.rl-dialog__title {
+  margin: 0;
+  font: var(--rl-type-heading-3);
+}
+
+.rl-dialog__description {
+  margin: 0;
+  font: var(--rl-type-body-sm);
+  color: var(--rl-fg-muted);
+}
+
+.rl-dialog__body {
+  display: grid;
+  align-content: start;
+  gap: var(--rl-space-4);
+  min-height: 0;
+  padding: 0 var(--rl-space-6) var(--rl-space-6);
+  overflow-y: auto;
+}
+
+.rl-dialog__actions {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: var(--rl-space-2);
+  padding: var(--rl-space-4) var(--rl-space-6);
+  border-top: var(--rl-border-width) solid var(--rl-border-subtle);
+  border-radius: 0 0 var(--rl-radius-sm) var(--rl-radius-sm);
+  background: var(--rl-bg-surface);
+}
+
+/* ---------- Select ---------- */
+.rl-select {
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--rl-space-2);
+  width: 100%;
+  min-width: 0;
+  min-height: var(--rl-control-height-md);
+  padding: 0 var(--rl-space-3);
+  margin: 0;
+  appearance: none;
+  border: var(--rl-border-width) solid var(--rl-border-strong);
+  border-radius: var(--rl-radius-md);
+  background: var(--rl-bg-surface);
+  color: var(--rl-fg-primary);
+  font: var(--rl-type-body-sm);
+  text-align: left;
+  cursor: pointer;
+  transition: border-color var(--rl-motion-fast) var(--rl-ease-out);
+}
+
+.rl-select[data-size='sm'] {
+  min-height: var(--rl-control-height-sm);
+  padding: 0 var(--rl-space-2);
+}
+
+.rl-select[data-size='lg'] {
+  min-height: var(--rl-control-height-lg);
+  padding: 0 var(--rl-space-4);
+  font: var(--rl-type-body);
+}
+
+@media (hover: hover) {
+  .rl-select:not([data-disabled], [data-readonly]):hover {
+    border-color: var(--rl-fg-muted);
+  }
+}
+
+.rl-select[data-popup-open] {
+  border-color: var(--rl-fg-primary);
+}
+
+.rl-select:focus-visible {
+  outline: var(--rl-focus-ring);
+  outline-offset: var(--rl-focus-offset);
+}
+
+.rl-select[data-invalid],
+.rl-field[data-invalid] .rl-select {
+  border-color: var(--rl-danger);
+  box-shadow: inset 0 0 0 var(--rl-border-width) var(--rl-danger);
+}
+
+.rl-select[data-readonly] {
+  border-color: var(--rl-border-default);
+  background: var(--rl-bg-readonly);
+  cursor: default;
+}
+
+.rl-select[data-disabled] {
+  border-color: var(--rl-border-default);
+  background: var(--rl-bg-disabled);
+  color: var(--rl-fg-disabled);
+  cursor: not-allowed;
+}
+
+.rl-select__value {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.rl-select__value[data-placeholder] {
+  color: var(--rl-fg-subtle);
+}
+
+.rl-select__icon {
+  display: inline-flex;
+  flex: none;
+  width: var(--rl-icon-size-md);
+  height: var(--rl-icon-size-md);
+  color: var(--rl-fg-muted);
+  transition: rotate var(--rl-motion-fast) var(--rl-ease-out);
+}
+
+.rl-select[data-popup-open] .rl-select__icon {
+  rotate: 180deg;
+}
+
+.rl-select__icon > svg,
+.rl-select__indicator > svg {
+  width: 100%;
+  height: 100%;
+}
+
+.rl-select__positioner {
+  z-index: var(--rl-z-popover);
+  outline: none;
+}
+
+.rl-select__popup {
+  min-width: var(--anchor-width);
+  max-width: var(--available-width);
+  max-height: min(var(--available-height), var(--rl-popup-max-height));
+  overflow-y: auto;
+  padding: var(--rl-space-1);
+  border: var(--rl-border-width) solid var(--rl-border-default);
+  border-radius: var(--rl-radius-sm);
+  background: var(--rl-bg-raised);
+  color: var(--rl-fg-primary);
+  box-shadow: var(--rl-shadow-floating);
+  transform-origin: var(--transform-origin);
+  outline: none;
+  transition:
+    opacity var(--rl-motion-fast) var(--rl-ease-out),
+    translate var(--rl-motion-fast) var(--rl-ease-out);
+}
+
+.rl-select__popup[data-starting-style],
+.rl-select__popup[data-ending-style] {
+  opacity: 0;
+  translate: 0 calc(var(--rl-space-1) * -1);
+}
+
+.rl-select__list {
+  margin: 0;
+  padding: 0;
+  outline: none;
+}
+
+.rl-select__group + .rl-select__group {
+  margin-top: var(--rl-space-1);
+  padding-top: var(--rl-space-1);
+  border-top: var(--rl-border-width) solid var(--rl-border-subtle);
+}
+
+.rl-select__group-label {
+  padding: var(--rl-space-2) var(--rl-space-3) var(--rl-space-1);
+  font: var(--rl-type-mono);
+  letter-spacing: var(--rl-tracking-mono);
+  color: var(--rl-fg-subtle);
+}
+
+.rl-select__item {
+  display: grid;
+  grid-template-columns: var(--rl-icon-size-md) minmax(0, 1fr);
+  align-items: center;
+  gap: var(--rl-space-2);
+  min-height: var(--rl-control-height-md);
+  padding: 0 var(--rl-space-3) 0 var(--rl-space-2);
+  border-radius: var(--rl-radius-xs);
+  font: var(--rl-type-body-sm);
+  cursor: default;
+  outline: none;
+  user-select: none;
+}
+
+.rl-select__item[data-highlighted] {
+  background: var(--rl-bg-inverse);
+  color: var(--rl-fg-inverse);
+}
+
+.rl-select__item[data-selected]:not([data-highlighted]) {
+  background: var(--rl-accent-subtle);
+}
+
+.rl-select__item[data-disabled] {
+  color: var(--rl-fg-disabled);
+}
+
+.rl-select__indicator {
+  grid-column: 1;
+  display: inline-flex;
+  width: var(--rl-icon-size-md);
+  height: var(--rl-icon-size-md);
+}
+
+.rl-select__item-text {
+  grid-column: 2;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+/* ---------- Reduced motion for CSS-driven popups ---------- */
+.rl-theme[data-rl-motion='reduce'] :is(.rl-select__popup, .rl-tooltip)[data-starting-style],
+.rl-theme[data-rl-motion='reduce'] :is(.rl-select__popup, .rl-tooltip)[data-ending-style] {
+  translate: none;
+  scale: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  :is(.rl-select__popup, .rl-tooltip)[data-starting-style],
+  :is(.rl-select__popup, .rl-tooltip)[data-ending-style] {
+    translate: none;
+    scale: none;
+  }
+}
+
+/* ---------- Forced colours ---------- */
+@media (forced-colors: active) {
+  .rl-select { border-color: FieldText; }
+  .rl-select:focus-visible,
+  .rl-tabs__tab:focus-visible { outline-color: Highlight; }
+  .rl-tabs__indicator { background: Highlight; }
+  .rl-select__item[data-highlighted] { background: Highlight; color: HighlightText; }
+  .rl-dialog,
+  .rl-select__popup,
+  .rl-tooltip { border: var(--rl-border-width) solid CanvasText; }
+}

package/dist/provider/RhineProvider.d.ts

@@ -0,0 +1,65 @@
+import * as React from 'react';
+import type { RhineMessagesOverrides } from './messages.js';
+export { usePortalContainer } from './portal.js';
+export type RhineTheme = 'light' | 'dark' | 'system';
+export type RhineDensity = 'comfortable' | 'compact';
+/** `user` follows the OS setting; `reduce` forces reduced motion for this subtree. */
+export type RhineMotionPreference = 'user' | 'reduce';
+export type RhineProviderProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
+    theme?: RhineTheme;
+    density?: RhineDensity;
+    motion?: RhineMotionPreference;
+    /** Hover delay before a tooltip opens (ms). Moving between adjacent triggers is instant. */
+    tooltipDelay?: number;
+    /** Default toast auto-dismiss (ms). */
+    toastTimeout?: number;
+    /** Maximum toasts shown at once; older ones are hidden (inert) until space frees up. */
+    toastLimit?: number;
+    /**
+     * Mount a toast queue for this subtree. Nested providers default to `false` so a themed
+     * preview region shares the app's single toast viewport.
+     */
+    toasts?: boolean;
+    /**
+     * Built-in copy for this subtree (ADR-0009), merged per namespace over the outer provider's
+     * table (or `zhCN`). Component props still win.
+     */
+    messages?: RhineMessagesOverrides;
+    /** Number locale for Stat, Pagination, Progress / Meter; defaults to the outer provider's, else `zh-CN`. */
+    locale?: string;
+    /** Written as `lang` on the `.rl-theme` root (popups mount inside it) when set; otherwise inherited. */
+    lang?: string;
+    children: React.ReactNode;
+};
+/**
+ * Root of a WzRhineLab UI subtree: renders the `.rl-theme` scope, a portal target inside it,
+ * the motion/react reduced-motion policy, shared tooltip timing and the toast queue. Nestable —
+ * an inner provider can switch theme or density for a region.
+ */
+export declare const RhineProvider: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
+    theme?: RhineTheme;
+    density?: RhineDensity;
+    motion?: RhineMotionPreference;
+    /** Hover delay before a tooltip opens (ms). Moving between adjacent triggers is instant. */
+    tooltipDelay?: number;
+    /** Default toast auto-dismiss (ms). */
+    toastTimeout?: number;
+    /** Maximum toasts shown at once; older ones are hidden (inert) until space frees up. */
+    toastLimit?: number;
+    /**
+     * Mount a toast queue for this subtree. Nested providers default to `false` so a themed
+     * preview region shares the app's single toast viewport.
+     */
+    toasts?: boolean;
+    /**
+     * Built-in copy for this subtree (ADR-0009), merged per namespace over the outer provider's
+     * table (or `zhCN`). Component props still win.
+     */
+    messages?: RhineMessagesOverrides;
+    /** Number locale for Stat, Pagination, Progress / Meter; defaults to the outer provider's, else `zh-CN`. */
+    locale?: string;
+    /** Written as `lang` on the `.rl-theme` root (popups mount inside it) when set; otherwise inherited. */
+    lang?: string;
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=RhineProvider.d.ts.map

package/dist/provider/RhineProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RhineProvider.d.ts","sourceRoot":"","sources":["../../src/provider/RhineProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,aAAa,GAAG,SAAS,CAAC;AACrD,sFAAsF;AACtF,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEtD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IACxF,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,4FAA4F;IAC5F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wFAAwF;IACxF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,4GAA4G;IAC5G,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wGAAwG;IACxG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,aAAa;YAjChB,UAAU;cACR,YAAY;aACb,qBAAqB;IAC9B,4FAA4F;mBAC7E,MAAM;IACrB,uCAAuC;mBACxB,MAAM;IACrB,wFAAwF;iBAC3E,MAAM;IACnB;;;OAGG;aACM,OAAO;IAChB;;;OAGG;eACQ,sBAAsB;IACjC,4GAA4G;aACnG,MAAM;IACf,wGAAwG;WACjG,MAAM;cACH,KAAK,CAAC,SAAS;wCAqEzB,CAAC"}

package/dist/provider/RhineProvider.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { MotionConfig } from 'motion/react';
+import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';
+import { ToastProvider, ToastViewport } from '../components/Toast.js';
+import { cx } from '../utils/cx.js';
+import { PortalContext } from './portal.js';
+import { RhineLocaleProvider, useResolvedLocale } from './messages.js';
+export { usePortalContainer } from './portal.js';
+const NestingContext = React.createContext(false);
+/**
+ * Root of a WzRhineLab UI subtree: renders the `.rl-theme` scope, a portal target inside it,
+ * the motion/react reduced-motion policy, shared tooltip timing and the toast queue. Nestable —
+ * an inner provider can switch theme or density for a region.
+ */
+export const RhineProvider = React.forwardRef(function RhineProvider({ theme = 'light', density = 'comfortable', motion = 'user', tooltipDelay = 500, toastTimeout = 5000, toastLimit = 3, toasts, messages, locale, lang, className, children, ...rest }, ref) {
+    const nested = React.useContext(NestingContext);
+    const localeValue = useResolvedLocale(messages, locale);
+    const withToasts = toasts ?? !nested;
+    const [portalNode, setPortalNode] = React.useState(null);
+    const value = React.useMemo(() => ({ container: portalNode }), [portalNode]);
+    const scope = (_jsxs("div", { ...rest, ref: ref, lang: lang, className: cx('rl-theme', className), "data-rl-theme": theme, "data-rl-density": density, "data-rl-motion": motion === 'reduce' ? 'reduce' : undefined, children: [children, withToasts && _jsx(ToastViewport, {}), _jsx("div", { ref: setPortalNode, className: "rl-portal", "data-slot": "portal" })] }));
+    return (_jsx(NestingContext.Provider, { value: true, children: _jsx(RhineLocaleProvider, { value: localeValue, children: _jsx(MotionConfig, { reducedMotion: motion === 'reduce' ? 'always' : 'user', children: _jsx(BaseTooltip.Provider, { delay: tooltipDelay, children: _jsx(PortalContext.Provider, { value: value, children: withToasts ? (_jsx(ToastProvider, { timeout: toastTimeout, limit: toastLimit, children: scope })) : (scope) }) }) }) }) }));
+});
+//# sourceMappingURL=RhineProvider.js.map

package/dist/provider/RhineProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RhineProvider.js","sourceRoot":"","sources":["../../src/provider/RhineProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAkCjD,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAElD;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,SAAS,aAAa,CACtG,EACE,KAAK,GAAG,OAAO,EACf,OAAO,GAAG,aAAa,EACvB,MAAM,GAAG,MAAM,EACf,YAAY,GAAG,GAAG,EAClB,YAAY,GAAG,IAAI,EACnB,UAAU,GAAG,CAAC,EACd,MAAM,EACN,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EACD,GAAG;IAEH,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAChD,MAAM,WAAW,GAAG,iBAAiB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACxD,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC;IACrC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAwB,IAAI,CAAC,CAAC;IAChF,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAE7E,MAAM,KAAK,GAAG,CACZ,kBACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,mBACrB,KAAK,qBACH,OAAO,oBACR,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,aAEzD,QAAQ,EACR,UAAU,IAAI,KAAC,aAAa,KAAG,EAChC,cAAK,GAAG,EAAE,aAAa,EAAE,SAAS,EAAC,WAAW,eAAW,QAAQ,GAAG,IAChE,CACP,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,kBAC5B,KAAC,mBAAmB,IAAC,KAAK,EAAE,WAAW,YACrC,KAAC,YAAY,IAAC,aAAa,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,YAClE,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACvC,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACjC,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,aAAa,IAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,YACpD,KAAK,GACQ,CACjB,CAAC,CAAC,CAAC,CACF,KAAK,CACN,GACsB,GACJ,GACV,GACK,GACE,CAC3B,CAAC;AACJ,CAAC,CAAC,CAAC"}