ropav 0.15.0 → 0.16.0

package/AGENTS.md

@@ -18,6 +18,10 @@ so a bundler drops what is never imported. The stylesheet is a separate import:
 import "ropav/styles/bundled.css";
 ```
 
+Through a bundler, it also comes in parts: `ropav/styles/core` once, then `ropav/styles/<name>` for
+each component used (`ropav/styles/modal`), or `ropav/styles/components` for all of them. The
+core holds the theme, so it is never the part loaded late.
+
 Every component takes `class`, `aria-label`, `aria-labelledby` and `aria-describedby`. Props are
 camelCase in the types and kebab-case in a template: `itemTextValue` is written `item-text-value`.
 

package/dist/components/portal-provider/portal-provider.types.d.ts

@@ -13,8 +13,8 @@ export interface PortalProviderRootProps {
     /**
      * The part of the page the overlays below belong to, usually an element holding both the content
      * and the `container`. A modal makes only this element `inert` and holds focus and outside
-     * presses only within it, and a placed overlay flips and shifts to stay inside it — so an app
-     * rendered in a window of a larger page leaves the rest of that page alone.
+     * presses only within it, and a placed overlay flips and shifts to stay inside it — so content
+     * rendered into one region of a larger page leaves the rest of that page alone.
      *
      * Omitted, it inherits the enclosing provider's root; `null` goes back to the whole document.
      */

package/dist/composables/focus-scope-registry.d.ts

@@ -8,7 +8,7 @@ export interface RegisteredScope {
  * The innermost scope holding focus in a region, among the scopes whose region overlaps it.
  *
  * Without a region every scope overlaps every other, which is the page-wide question. With one, a
- * modal in one app's window is not shadowed by a modal another app opened later in its own.
+ * modal in one region is not shadowed by a modal opened later in another region beside it.
  */
 export declare const innermostContainingScope: (region?: Element | null) => RegisteredScope | null;
 /**

package/dist/composables/focus-scope-registry.js

@@ -12,7 +12,7 @@ var scopes = [];
 * The innermost scope holding focus in a region, among the scopes whose region overlaps it.
 *
 * Without a region every scope overlaps every other, which is the page-wide question. With one, a
-* modal in one app's window is not shadowed by a modal another app opened later in its own.
+* modal in one region is not shadowed by a modal opened later in another region beside it.
 */
 var innermostContainingScope = (region = null) => {
 	for (let index = scopes.length - 1; index >= 0; index--) {

package/dist/composables/use-dismissable.d.ts

@@ -24,7 +24,7 @@ export interface UseDismissableOptions {
      */
     shouldCloseOnInteractOutside?: (element: Element) => boolean;
     /**
-     * The part of the page the overlay belongs to. A press outside it — in another app's window
+     * The part of the page the overlay belongs to. A press outside it — in another region
      * beside this one — is neither an outside interaction nor swallowed, and the overlay is only
      * stacked with overlays whose region overlaps its own. `null` or absent: the whole document.
      */

package/dist/composables/use-focus-scope.d.ts

@@ -25,7 +25,7 @@ export interface UseFocusScopeOptions {
     autoFocus?: MaybeRefOrGetter<boolean | "first" | "last" | undefined>;
     /**
      * The part of the page containment holds focus within. Focus moving to something outside it —
-     * another app's window beside this one — is left alone rather than pulled back, and Tab pressed
+     * another region beside this one — is left alone rather than pulled back, and Tab pressed
      * out there is not taken over. `null` or absent: the whole document.
      */
     region?: MaybeRefOrGetter<Element | null | undefined>;

package/dist/composables/use-portal.d.ts

@@ -16,8 +16,8 @@ export interface Portal {
  * The portal that applies here: the nearest `PortalProvider`'s, or the document's body.
  *
  * Ported from React Aria's `UNSAFE_PortalProvider` (`getContainer`), with the root added: an
- * overlay rendered into a region of the page, say an app's window, belongs to that region and has
- * to leave the rest of the page alone — hidden, focused and pressed as it was.
+ * overlay rendered into a region of the page belongs to that region and has to leave the rest of
+ * the page alone — hidden, focused and pressed as it was.
  */
 export declare const usePortal: () => Portal;
 export interface PortalOptions {

package/dist/composables/use-portal.js

@@ -15,8 +15,8 @@ var BODY = {
 * The portal that applies here: the nearest `PortalProvider`'s, or the document's body.
 *
 * Ported from React Aria's `UNSAFE_PortalProvider` (`getContainer`), with the root added: an
-* overlay rendered into a region of the page, say an app's window, belongs to that region and has
-* to leave the rest of the page alone — hidden, focused and pressed as it was.
+* overlay rendered into a region of the page belongs to that region and has to leave the rest of
+* the page alone — hidden, focused and pressed as it was.
 */
 var usePortal = () => usePortalContext() ?? BODY;
 /**