@abyss-project/commons-front-core 9.4.2 → 9.5.0

package/README.md

@@ -90,6 +90,24 @@ export const buildRumOptions = () =>
 
 ## Changements visibles
 
+### 9.5.0
+
+Éditeurs des outils du front principal sur le design system (carte #286, zone 4b). Pièces nouvelles, chacune documentée
+dans le `README.md` de son dossier et montrée dans le catalogue.
+
+- **`AnchoredPanel`** (`layers`) : petit formulaire ou sélecteur posé contre son déclencheur (`anchorEl`, `open`,
+  `onClose`, `title`, `placement`, `width`). À partir de 768 px, un popover au style de `Menu` (surface `bg.surface`,
+  filet `border.subtle`, ombre `elevations.overlay`) avec titre et bouton « Fermer » ; en dessous, une `BottomSheet`.
+  Focus piégé, `Escape` et clic hors du panneau ferment, le focus revient au déclencheur. Il porte des champs, pas
+  des actions (`Menu`).
+- **`Kbd`** (`layers`) : l'indication de touche de `Menu` et de `CommandPalette` est exportée de la racine, rendu
+  inchangé.
+- **Couleurs de création d'un canevas** (`theme`) : `CANVAS_NEUTRAL_INK`, `CANVAS_COMMENT_FILL`, `CANVAS_COMMENT_INK` et
+  `CANVAS_SHAPE_STROKE`, écrites en dur à côté de `CHOICE_SWATCHES`. Ce qu'un canevas donne à une forme ou à un texte
+  qu'un utilisateur crée : la couleur est enregistrée avec l'objet, identique pour tous les lecteurs et lisible sur
+  le fond `bg.canvas` clair comme sur le sombre (3:1 au moins ; 4,5:1 pour l'encre du commentaire sur son fond).
+- **Traductions** : clé `ds.layers.anchored-panel.close` (FR et EN).
+
 ### 9.4.0
 
 Tickets du programme Abyss Founders (carte #285, livraison D). Détail dans [`src/legacy/components/Support/README.md`](src/legacy/components/Support/README.md).

package/catalog/catalog-entries.ts

@@ -97,6 +97,7 @@ export const CATALOG_ENTRIES: CatalogEntry[] = [
   entry('Drawer', 'layers', 'drawer'),
   entry('PreviewDrawer', 'layers', 'preview-drawer', { mobileCapture: true }),
   entry('Menu', 'layers', 'menu'),
+  entry('AnchoredPanel', 'layers', 'anchored-panel', { mobileCapture: true }),
   entry('Toast', 'layers', 'toast'),
   entry('CommandPalette', 'layers', 'command-palette'),
   entry('ProductTour', 'layers', 'product-tour', { mobileCapture: true }),

package/catalog/pages/AnchoredPanel.tsx

@@ -0,0 +1,67 @@
+import { useEffect, useRef, useState } from 'react';
+import Button from '@mui/material/Button';
+import OutlinedInput from '@mui/material/OutlinedInput';
+import LabelOutlined from '@mui/icons-material/LabelOutlined';
+import { AnchoredPanel } from '../../src/components/layers/AnchoredPanel/AnchoredPanel';
+import { ColorField } from '../../src/components/inputs/ColorField/ColorField';
+import { FormField } from '../../src/components/inputs/FormField/FormField';
+import { CHOICE_SWATCHES } from '../../src/theme/tokens/choice-swatches';
+import { Example, LastEvent, Showcase, useEventLog } from '../frame';
+
+export const AnchoredPanelPage = () => {
+  const { log } = useEventLog();
+  const trigger = useRef<HTMLButtonElement>(null);
+  const [anchor, setAnchor] = useState<HTMLElement | null>(null);
+  const [name, setName] = useState('Urgent');
+  const [color, setColor] = useState(CHOICE_SWATCHES[4]);
+
+  // Opened on arrival, so the page shows the panel without a click.
+  useEffect(() => {
+    setAnchor(trigger.current);
+  }, []);
+
+  return (
+    <Showcase
+      family="Couches"
+      name="AnchoredPanel"
+      description="Petit formulaire posé contre son déclencheur : un popover à partir de 768 px, une feuille du bas en dessous. Il porte des champs, pas des actions."
+    >
+      <Example title="Étiquette d'une carte">
+        <Button
+          ref={trigger}
+          variant="outlined"
+          startIcon={<LabelOutlined />}
+          onClick={(event) => setAnchor(event.currentTarget)}
+        >
+          Étiquettes
+        </Button>
+      </Example>
+      <LastEvent />
+      <AnchoredPanel
+        anchorEl={anchor}
+        open={anchor !== null}
+        onClose={() => {
+          setAnchor(null);
+          log('panneau fermé');
+        }}
+        title="Étiquettes de la carte"
+      >
+        <FormField label="Nom">
+          <OutlinedInput
+            size="small"
+            value={name}
+            onChange={(event) => setName(event.target.value)}
+          />
+        </FormField>
+        <ColorField
+          label="Couleur"
+          value={color}
+          onChange={(hex) => {
+            setColor(hex);
+            log(`couleur ${hex}`);
+          }}
+        />
+      </AnchoredPanel>
+    </Showcase>
+  );
+};

package/catalog/pages/ProductTour.tsx

@@ -1,88 +1,88 @@
-import { useState } from 'react';
-import Button from '@mui/material/Button';
-import AddRounded from '@mui/icons-material/AddRounded';
-import FileUploadOutlined from '@mui/icons-material/FileUploadOutlined';
-import { ProductTour } from '../../src/components/layers/ProductTour/ProductTour';
-import type { ProductTourStep } from '../../src/components/layers/ProductTour/ProductTour';
-import { Example, LastEvent, Row, Showcase, useEventLog } from '../frame';
-
-const STEPS: [ProductTourStep, ...ProductTourStep[]] = [
-  {
-    target: 'catalog-create-event',
-    title: 'Créez votre premier événement',
-    description:
-      'Donnez-lui un nom et une date : vous obtenez un lien à envoyer à vos invités pour qu’ils déposent leurs photos.',
-  },
-  {
-    target: 'catalog-import',
-    title: 'Importez vos photos',
-    description:
-      'Ajoutez celles que vous avez déjà prises, depuis votre appareil ou AbyssCloud.',
-  },
-  {
-    target: 'catalog-help',
-    title: 'Revoir la visite',
-    description:
-      'Elle se relance à tout moment depuis le menu d’aide du service.',
-  },
-];
-
-export const ProductTourPage = () => {
-  const { log } = useEventLog();
-  // Opened on arrival, so the page shows the first step without a click.
-  const [open, setOpen] = useState(true);
-  return (
-    <Showcase
-      family="Couches"
-      name="ProductTour"
-      description="Visite guidée d'un service : une bulle ancrée sur un élément data-tour, le reste de la page voilé autour d'une découpe. « Étape n sur N » et une croix en en-tête, « Précédent » dès la deuxième étape ; Échap et la croix passent la visite, les flèches changent d'étape ; sous 768 px, une feuille du bas. Une cible cachée est ignorée."
-    >
-      <Example title="Première visite de Memories">
-        <Row>
-          <Button
-            data-tour="catalog-import"
-            variant="outlined"
-            startIcon={<FileUploadOutlined />}
-          >
-            Importer
-          </Button>
-          {/* A hidden twin of the first target: the tour points at the rendered one. */}
-          <Button
-            data-tour="catalog-create-event"
-            variant="contained"
-            sx={{ display: 'none' }}
-          >
-            Créer un événement
-          </Button>
-          <Button
-            data-tour="catalog-create-event"
-            variant="contained"
-            startIcon={<AddRounded />}
-          >
-            Créer un événement
-          </Button>
-          <Button
-            data-tour="catalog-help"
-            variant="text"
-            onClick={() => setOpen(true)}
-          >
-            Aide
-          </Button>
-        </Row>
-      </Example>
-      <LastEvent />
-      <ProductTour
-        open={open}
-        steps={STEPS}
-        onComplete={() => {
-          setOpen(false);
-          log('visite terminée');
-        }}
-        onSkip={() => {
-          setOpen(false);
-          log('visite passée');
-        }}
-      />
-    </Showcase>
-  );
-};
+import { useState } from 'react';
+import Button from '@mui/material/Button';
+import AddRounded from '@mui/icons-material/AddRounded';
+import FileUploadOutlined from '@mui/icons-material/FileUploadOutlined';
+import { ProductTour } from '../../src/components/layers/ProductTour/ProductTour';
+import type { ProductTourStep } from '../../src/components/layers/ProductTour/ProductTour';
+import { Example, LastEvent, Row, Showcase, useEventLog } from '../frame';
+
+const STEPS: [ProductTourStep, ...ProductTourStep[]] = [
+  {
+    target: 'catalog-create-event',
+    title: 'Créez votre premier événement',
+    description:
+      'Donnez-lui un nom et une date : vous obtenez un lien à envoyer à vos invités pour qu’ils déposent leurs photos.',
+  },
+  {
+    target: 'catalog-import',
+    title: 'Importez vos photos',
+    description:
+      'Ajoutez celles que vous avez déjà prises, depuis votre appareil ou AbyssCloud.',
+  },
+  {
+    target: 'catalog-help',
+    title: 'Revoir la visite',
+    description:
+      'Elle se relance à tout moment depuis le menu d’aide du service.',
+  },
+];
+
+export const ProductTourPage = () => {
+  const { log } = useEventLog();
+  // Opened on arrival, so the page shows the first step without a click.
+  const [open, setOpen] = useState(true);
+  return (
+    <Showcase
+      family="Couches"
+      name="ProductTour"
+      description="Visite guidée d'un service : une bulle ancrée sur un élément data-tour, le reste de la page voilé autour d'une découpe. « Étape n sur N » et une croix en en-tête, « Précédent » dès la deuxième étape ; Échap et la croix passent la visite, les flèches changent d'étape ; sous 768 px, une feuille du bas. Une cible cachée est ignorée."
+    >
+      <Example title="Première visite de Memories">
+        <Row>
+          <Button
+            data-tour="catalog-import"
+            variant="outlined"
+            startIcon={<FileUploadOutlined />}
+          >
+            Importer
+          </Button>
+          {/* A hidden twin of the first target: the tour points at the rendered one. */}
+          <Button
+            data-tour="catalog-create-event"
+            variant="contained"
+            sx={{ display: 'none' }}
+          >
+            Créer un événement
+          </Button>
+          <Button
+            data-tour="catalog-create-event"
+            variant="contained"
+            startIcon={<AddRounded />}
+          >
+            Créer un événement
+          </Button>
+          <Button
+            data-tour="catalog-help"
+            variant="text"
+            onClick={() => setOpen(true)}
+          >
+            Aide
+          </Button>
+        </Row>
+      </Example>
+      <LastEvent />
+      <ProductTour
+        open={open}
+        steps={STEPS}
+        onComplete={() => {
+          setOpen(false);
+          log('visite terminée');
+        }}
+        onSkip={() => {
+          setOpen(false);
+          log('visite passée');
+        }}
+      />
+    </Showcase>
+  );
+};

package/catalog/pages/index.ts

@@ -2,6 +2,7 @@ import type { ComponentType } from 'react';
 import { AccountMenuPage } from './AccountMenu';
 import { ActionBarPage } from './ActionBar';
 import { AmbientBackgroundPage } from './AmbientBackground';
+import { AnchoredPanelPage } from './AnchoredPanel';
 import { AppShellPage } from './AppShell';
 import { AvatarPage } from './Avatar';
 import { BarChartPage } from './BarChart';
@@ -73,6 +74,7 @@ export const CATALOG_PAGES: Record<string, ComponentType> = {
   AccountMenu: AccountMenuPage,
   ActionBar: ActionBarPage,
   AmbientBackground: AmbientBackgroundPage,
+  AnchoredPanel: AnchoredPanelPage,
   AppShell: AppShellPage,
   Avatar: AvatarPage,
   BarChart: BarChartPage,

package/dist/{AbyssCookieConsentProvider-B0_k-lsA.js → AbyssCookieConsentProvider-jMv5bvVK.js}

@@ -2008,6 +2008,9 @@ const fm = {
       modal: {
         close: "Fermer"
       },
+      "anchored-panel": {
+        close: "Fermer"
+      },
       "confirm-dialog": {
         cancel: "Annuler",
         "type-to-confirm": "Saisissez « {text} » pour confirmer",
@@ -3886,6 +3889,9 @@ const fm = {
       modal: {
         close: "Close"
       },
+      "anchored-panel": {
+        close: "Close"
+      },
       "confirm-dialog": {
         cancel: "Cancel",
         "type-to-confirm": "Type “{text}” to confirm",

package/dist/{CookieConsentSettings.component-DPmXSN1B.js → CookieConsentSettings.component-B6i65LtJ.js}

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import { useState as m, useEffect as C } from "react";
 import { Card as v, CardContent as b, Stack as u, Typography as o, FormControlLabel as l, Box as r, Checkbox as d, Button as M } from "@mui/material";
-import { g as R, u as x } from "./AbyssCookieConsentProvider-B0_k-lsA.js";
+import { g as R, u as x } from "./AbyssCookieConsentProvider-jMv5bvVK.js";
 const B = () => {
   const t = R(), { consent: i, save: y } = x(), [h, g] = m((i == null ? void 0 : i.analytics) ?? !1), [k, f] = m((i == null ? void 0 : i.marketing) ?? !1), c = i == null ? void 0 : i.analytics, n = i == null ? void 0 : i.marketing;
   return C(() => {

package/dist/components/layers/AnchoredPanel/AnchoredPanel.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+/** Which edge of the anchor the panel lines up with, below it. */
+export declare enum AnchoredPanelPlacement {
+    BottomStart = "bottom-start",
+    BottomEnd = "bottom-end"
+}
+export interface AnchoredPanelProps {
+    anchorEl: HTMLElement | null;
+    open: boolean;
+    /** Called by Escape, a click outside and the close button. */
+    onClose(): void;
+    /** Title of the panel and its accessible name (role="dialog"). */
+    title: string;
+    placement?: AnchoredPanelPlacement;
+    /** Width in px, capped by the window; 320 by default. */
+    width?: number;
+    children: ReactNode;
+}
+/**
+ * A small form or picker anchored to a control (the labels, members or dates of a card, the icon
+ * library of a canvas). Not a menu: it holds fields, not actions. From 768 px it is a popover styled
+ * like `Menu`, below a `BottomSheet` with the same title. Focus is trapped inside; Escape, a click
+ * outside and the close button close it, and the focus returns to the control that opened it.
+ */
+export declare function AnchoredPanel({ anchorEl, open, onClose, title, placement, width, children, }: AnchoredPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/layers/AnchoredPanel/AnchoredPanel.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/layers/index.d.ts

@@ -2,6 +2,8 @@ export * from './Modal/Modal';
 export * from './ConfirmDialog/ConfirmDialog';
 export * from './Drawer/Drawer';
 export * from './Menu/Menu';
+export * from './AnchoredPanel/AnchoredPanel';
+export * from './layers-kbd';
 export * from './Toast/Toast';
 export * from './CommandPalette/CommandPalette';
 export * from './ConfirmDialog/useConfirmDialog';

package/dist/components/layers/layers-kbd.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cookie-consent.js

@@ -1,5 +1,5 @@
-import { A as e, c as a, C as n, D as C, R as i, V as t, d as r, f as A, r as k, e as c, u as l, b, a as f, w as u } from "./AbyssCookieConsentProvider-B0_k-lsA.js";
-import { C as E } from "./CookieConsentSettings.component-DPmXSN1B.js";
+import { A as e, c as a, C as n, D as C, R as i, V as t, d as r, f as A, r as k, e as c, u as l, b, a as f, w as u } from "./AbyssCookieConsentProvider-jMv5bvVK.js";
+import { C as E } from "./CookieConsentSettings.component-B6i65LtJ.js";
 export {
   e as AbyssCookieConsentProvider,
   a as COOKIE_NAME,

package/dist/{design-theme-BI47S5Y9.js → design-theme-CykIb-Gz.js}

@@ -1,4 +1,4 @@
-import { s as nt, _ as An, g as Bw, $ as S_, a0 as __, h as M_, m as k_ } from "./AbyssCookieConsentProvider-B0_k-lsA.js";
+import { s as nt, _ as An, g as Bw, $ as S_, a0 as __, h as M_, m as k_ } from "./AbyssCookieConsentProvider-jMv5bvVK.js";
 import { W as U_, r as E_, C as F_ } from "./index-D7cgykJH.js";
 import * as kn from "react";
 import za, { useState as vt, useRef as Re, useEffect as _t, useLayoutEffect as Nw, forwardRef as fi, useCallback as de, useContext as oa, useMemo as be, memo as pt, createContext as nu, createElement as Ue, cloneElement as xs, Component as I_, Fragment as ws, isValidElement as Zn, useReducer as Lw, useImperativeHandle as O_, useId as R_ } from "react";

package/dist/hooks/use-rich-intl.hook.d.ts

@@ -2255,6 +2255,9 @@ export declare const translations: {
                 modal: {
                     close: string;
                 };
+                'anchored-panel': {
+                    close: string;
+                };
                 'confirm-dialog': {
                     cancel: string;
                     'type-to-confirm': string;
@@ -4546,6 +4549,9 @@ export declare const translations: {
                 modal: {
                     close: string;
                 };
+                'anchored-panel': {
+                    close: string;
+                };
                 'confirm-dialog': {
                     cancel: string;
                     'type-to-confirm': string;

package/dist/{index-BclTcBBA.js → index-7S_OHK4f.js}

@@ -1,6 +1,6 @@
-import { L as V, E as X } from "./index-CzA0TJ1Y.js";
-import { s as d, t as $, a as Z, L as R, p as s, i as t, f as y, c, j as U, g as l } from "./index-KRGYLUiH.js";
-import { html as w } from "./index-BIJlYkrW.js";
+import { L as V, E as X } from "./index-CKD84DUx.js";
+import { s as d, t as $, a as Z, L as R, p as s, i as t, f as y, c, j as U, g as l } from "./index-Lub7dhvT.js";
+import { html as w } from "./index-mNiLojvx.js";
 const W = 1, p = 2, q = 275, u = 3, b = 276, _ = 277, f = 278, k = 4, m = 5, G = 6, x = 7, z = 8, h = 9, g = 10, v = 11, j = 12, E = 13, I = 14, N = 15, L = 16, F = 17, C = 18, H = 19, A = 20, K = 21, D = 22, B = 23, M = 24, J = 25, OO = 26, $O = 27, QO = 28, iO = 29, aO = 30, TO = 31, PO = 32, XO = 33, SO = 34, cO = 35, eO = 36, oO = 37, _O = 38, zO = 39, nO = 40, rO = 41, YO = 42, VO = 43, dO = 44, ZO = 45, RO = 46, sO = 47, tO = 48, yO = 49, UO = 50, lO = 51, wO = 52, WO = 53, pO = 54, qO = 55, uO = 56, bO = 57, fO = 58, kO = 59, mO = 60, GO = 61, xO = 62, e = 63, hO = 64, gO = 65, vO = 66, jO = {
   abstract: k,
   and: m,

package/dist/{index-1OsboYW9.js → index-B4xjMC7O.js}

@@ -1,5 +1,5 @@
-import { L as D, E as h, C as L } from "./index-CzA0TJ1Y.js";
-import { s as H, t as n, b as B, a as K, L as M, e as OO, i as eO, f as iO, j as f, g as aO, o as nO, I as rO, d as QO, n as d } from "./index-KRGYLUiH.js";
+import { L as D, E as h, C as L } from "./index-CKD84DUx.js";
+import { s as H, t as n, b as B, a as K, L as M, e as OO, i as eO, f as iO, j as f, g as aO, o as nO, I as rO, d as QO, n as d } from "./index-Lub7dhvT.js";
 const tO = 1, Z = 194, j = 195, oO = 196, x = 197, dO = 198, sO = 199, lO = 200, TO = 2, E = 3, u = 201, SO = 24, pO = 25, qO = 49, gO = 50, PO = 55, mO = 56, $O = 57, hO = 59, cO = 60, fO = 61, XO = 62, yO = 63, zO = 65, WO = 238, vO = 71, RO = 241, kO = 242, _O = 243, xO = 244, uO = 245, UO = 246, bO = 247, VO = 248, Y = 72, GO = 249, wO = 250, ZO = 251, jO = 252, EO = 253, YO = 254, FO = 255, CO = 256, JO = 73, AO = 77, IO = 263, NO = 112, DO = 130, LO = 151, HO = 152, BO = 155, p = 10, q = 13, k = 32, c = 9, _ = 35, KO = 40, MO = 46, R = 123, U = 125, F = 39, C = 34, b = 92, Oe = 111, ee = 120, ie = 78, ae = 117, ne = 85, re = /* @__PURE__ */ new Set([
   pO,
   qO,

package/dist/{index-BP9uZ3Ld.js → index-B9kzX70T.js}

@@ -1,5 +1,5 @@
-import { L as o, E as t } from "./index-CzA0TJ1Y.js";
-import { s, t as Q, a as j, L as x, i as f, f as c, c as a, j as W, m as S, g as l } from "./index-KRGYLUiH.js";
+import { L as o, E as t } from "./index-CKD84DUx.js";
+import { s, t as Q, a as j, L as x, i as f, f as c, c as a, j as W, m as S, g as l } from "./index-Lub7dhvT.js";
 const r = 1, q = 2, u = 3, n = 82, Z = 76, V = 117, T = 85, z = 97, w = 122, m = 65, b = 90, y = 95, i = 48, Y = 34, v = 40, P = 41, _ = 32, U = 62, p = new t((O) => {
   if (O.next == Z || O.next == T ? O.advance() : O.next == V && (O.advance(), O.next == i + 8 && O.advance()), O.next != n || (O.advance(), O.next != Y)) return;
   O.advance();

package/dist/{index-CCHQ4bPG.js → index-BEQgBOwt.js}

@@ -1,5 +1,5 @@
-import { L as r } from "./index-CzA0TJ1Y.js";
-import { s as e, t as O, a as s, L as X, i as l, f as Y, c as $, j as S, m as o, g as t } from "./index-KRGYLUiH.js";
+import { L as r } from "./index-CKD84DUx.js";
+import { s as e, t as O, a as s, L as X, i as l, f as Y, c as $, j as S, m as o, g as t } from "./index-Lub7dhvT.js";
 const Z = e({
   null: O.null,
   instanceof: O.operatorKeyword,

package/dist/{index-Q-bMUnXP.js → index-BOm9JgH7.js}

@@ -1,5 +1,5 @@
-import { L as s, E as R, a as Y, C as x } from "./index-CzA0TJ1Y.js";
-import { s as w, t as O, a as d, n as X, L as k, b as h, d as f, i as u, f as y, c as l, j as g, m as j, g as U, e as G, o as b, I as Z } from "./index-KRGYLUiH.js";
+import { L as s, E as R, a as Y, C as x } from "./index-CKD84DUx.js";
+import { s as w, t as O, a as d, n as X, L as k, b as h, d as f, i as u, f as y, c as l, j as g, m as j, g as U, e as G, o as b, I as Z } from "./index-Lub7dhvT.js";
 const _ = 177, q = 179, E = 184, v = 12, C = 13, D = 17, z = 20, F = 25, B = 53, N = 95, I = 142, L = 144, A = 145, J = 148, M = 10, H = 13, K = 32, OO = 9, $ = 47, QO = 41, eO = 125, aO = new R((Q, e) => {
   for (let n = 0, a = Q.next; (e.context && (a < 0 || a == M || a == H || a == $ && Q.peek(n + 1) == $) || a == QO || a == eO) && Q.acceptToken(_), !(a != K && a != OO); )
     a = Q.peek(++n);

package/dist/{index-CYAUKJ3V.js → index-BPGHypMd.js}

@@ -1,5 +1,5 @@
-import { L as M, E as X, a as h, C as E } from "./index-CzA0TJ1Y.js";
-import { s as A, t as i, E as C, a as J, n as o, L as I, b as B, d as D, e as u, h as K, i as N, f as H, c as g, j as F, m as OO, g as aO, J as j, x as QO, o as iO, I as eO } from "./index-KRGYLUiH.js";
+import { L as M, E as X, a as h, C as E } from "./index-CKD84DUx.js";
+import { s as A, t as i, E as C, a as J, n as o, L as I, b as B, d as D, e as u, h as K, i as N, f as H, c as g, j as F, m as OO, g as aO, J as j, x as QO, o as iO, I as eO } from "./index-Lub7dhvT.js";
 const $O = 315, rO = 316, v = 1, tO = 2, lO = 3, nO = 4, oO = 317, sO = 319, ZO = 320, PO = 5, pO = 6, cO = 0, q = [
   9,
   10,

package/dist/{index-Co3DPyY5.js → index-BS7CgEyj.js}

@@ -1,5 +1,5 @@
-import { a as O, L as r, i as b, f as s, s as a, j as t, g as P, t as e } from "./index-KRGYLUiH.js";
-import { L as n } from "./index-CzA0TJ1Y.js";
+import { a as O, L as r, i as b, f as s, s as a, j as t, g as P, t as e } from "./index-Lub7dhvT.js";
+import { L as n } from "./index-CKD84DUx.js";
 const S = { __proto__: null, anyref: 34, dataref: 34, eqref: 34, externref: 34, i31ref: 34, funcref: 34, i8: 34, i16: 34, i32: 34, i64: 34, f32: 34, f64: 34 }, i = /* @__PURE__ */ n.deserialize({
   version: 14,
   states: "!^Q]QPOOOqQPO'#CbOOQO'#Cd'#CdOOQO'#Cl'#ClOOQO'#Ch'#ChQ]QPOOOOQO,58|,58|OxQPO,58|OOQO-E6f-E6fOOQO1G.h1G.h",

package/dist/{index-B8mXWPXG.js → index-Bd0oB0x3.js}

@@ -1,5 +1,5 @@
-import { L as s } from "./index-CzA0TJ1Y.js";
-import { s as n, t as r, a as o, L as P, i as Q, f as i, c as a, g as c } from "./index-KRGYLUiH.js";
+import { L as s } from "./index-CKD84DUx.js";
+import { s as n, t as r, a as o, L as P, i as Q, f as i, c as a, g as c } from "./index-Lub7dhvT.js";
 const g = n({
   String: r.string,
   Number: r.number,

package/dist/{index-DwuRDQtG.js → index-Bgrp5kC3.js}

@@ -1,5 +1,5 @@
-import { L as o, E as a } from "./index-CzA0TJ1Y.js";
-import { s as Z, t as Q, a as _, L as q, i as l, f as w, c as r, g as V } from "./index-KRGYLUiH.js";
+import { L as o, E as a } from "./index-CKD84DUx.js";
+import { s as Z, t as Q, a as _, L as q, i as l, f as w, c as r, g as V } from "./index-Lub7dhvT.js";
 const g = 1, R = 2, b = 3, y = 4, T = 5, s = 98, c = 101, v = 102, t = 114, p = 69, X = 48, W = 46, d = 43, f = 45, Y = 35, z = 34, x = 124, U = 60, h = 62;
 function n(O) {
   return O >= 48 && O <= 57;

package/dist/{index-BICvHJrd.js → index-BveBtqZP.js}

@@ -1,7 +1,7 @@
-import { a as g, L as P, p as l, s as q, t as r } from "./index-KRGYLUiH.js";
-import { html as c } from "./index-BIJlYkrW.js";
-import { javascriptLanguage as i } from "./index-CYAUKJ3V.js";
-import { L as R, E as p } from "./index-CzA0TJ1Y.js";
+import { a as g, L as P, p as l, s as q, t as r } from "./index-Lub7dhvT.js";
+import { html as c } from "./index-mNiLojvx.js";
+import { javascriptLanguage as i } from "./index-BPGHypMd.js";
+import { L as R, E as p } from "./index-CKD84DUx.js";
 const b = 1, $ = 33, m = 34, v = 35, x = 36, W = /* @__PURE__ */ new p((O) => {
   let t = O.pos;
   for (; ; ) {

package/dist/{index-CzA0TJ1Y.js → index-CKD84DUx.js}

@@ -1,4 +1,4 @@
-import { P as L, N as M, k as $, D as E, l as y, T as S, I as j } from "./index-KRGYLUiH.js";
+import { P as L, N as M, k as $, D as E, l as y, T as S, I as j } from "./index-Lub7dhvT.js";
 class v {
   /**
   @internal

package/dist/{index-B0QTV2Ec.js → index-CLxMgDwa.js}

@@ -1,5 +1,5 @@
-import { L as te, a as re, i as ae, f as ne, s as ie, c as se, t as i, b as oe, d as le, e as ce } from "./index-KRGYLUiH.js";
-import { L as de, E as me } from "./index-CzA0TJ1Y.js";
+import { L as te, a as re, i as ae, f as ne, s as ie, c as se, t as i, b as oe, d as le, e as ce } from "./index-Lub7dhvT.js";
+import { L as de, E as me } from "./index-CKD84DUx.js";
 const ue = 36, B = 1, pe = 2, y = 3, C = 4, fe = 5, _e = 6, ge = 7, he = 8, ye = 9, be = 10, ve = 11, ke = 12, xe = 13, Oe = 14, we = 15, Qe = 16, Ce = 17, X = 18, Se = 19, A = 20, E = 21, I = 22, qe = 23, Pe = 24;
 function q(t) {
   return t >= 65 && t <= 90 || t >= 97 && t <= 122 || t >= 48 && t <= 57;

package/dist/{index-BXceTJm5.js → index-Cqn_LfL2.js}

@@ -1,5 +1,5 @@
-import { L as w, E as p, a as Y } from "./index-CzA0TJ1Y.js";
-import { s as x, t as r, a as q, L as j, e as G, i as R, f as T, c as E, g as _, o as C, I as U } from "./index-KRGYLUiH.js";
+import { L as w, E as p, a as Y } from "./index-CKD84DUx.js";
+import { s as x, t as r, a as q, L as j, e as G, i as R, f as T, c as E, g as _, o as C, I as U } from "./index-Lub7dhvT.js";
 const V = 122, g = 1, Z = 123, W = 124, b = 2, N = 125, I = 3, F = 4, X = [
   9,
   10,

package/dist/{index-MCJIM7Di.js → index-Cy8fNdNL.js}

@@ -1,5 +1,5 @@
-import { L as W, E as i, C as B } from "./index-CzA0TJ1Y.js";
-import { s as U, t as n, a as C, L as b, p as E, i as u, f as M, j as v, g as N } from "./index-KRGYLUiH.js";
+import { L as W, E as i, C as B } from "./index-CKD84DUx.js";
+import { s as U, t as n, a as C, L as b, p as E, i as u, f as M, j as v, g as N } from "./index-Lub7dhvT.js";
 const c = 63, D = 64, j = 1, A = 2, y = 3, H = 4, Z = 5, F = 6, I = 7, z = 65, K = 66, J = 8, OO = 9, eO = 10, aO = 11, rO = 12, V = 13, tO = 19, nO = 20, oO = 29, PO = 33, QO = 34, sO = 47, lO = 0, T = 1, g = 2, d = 3, m = 4;
 class s {
   constructor(e, a, r) {

package/dist/{index-DYZzZCrS.js → index-DXYvHlFM.js}

@@ -1,5 +1,5 @@
-import { L as G, E as A, C as N } from "./index-CzA0TJ1Y.js";
-import { s as I, t as p, E as Y, a as j, L as U, e as k, h as Z, i as B, f as D, H as M } from "./index-KRGYLUiH.js";
+import { L as G, E as A, C as N } from "./index-CKD84DUx.js";
+import { s as I, t as p, E as Y, a as j, L as U, e as k, h as Z, i as B, f as D, H as M } from "./index-Lub7dhvT.js";
 const h = 1, F = 2, L = 3, H = 4, K = 5, J = 36, ee = 37, te = 38, Oe = 11, oe = 13;
 function re(e) {
   return e == 45 || e == 46 || e == 58 || e >= 65 && e <= 90 || e == 95 || e >= 97 && e <= 122 || e >= 161;

package/dist/{index-PVQUqoxX.js → index-DebUlRoE.js}

@@ -1,5 +1,5 @@
-import { P as nt, k as j, l as v, q as st, N as Ae, s as Be, p as it, t as c, T as E, r as ot, L as le, u as at, v as lt, w as ht, x as ft, e as _, h as P, y as T, z as ut, f as Ie, i as dt, A as pt, C as ct, B as mt, F as he, G as gt } from "./index-KRGYLUiH.js";
-import { html as kt, htmlCompletionSource as Lt } from "./index-BIJlYkrW.js";
+import { P as nt, k as j, l as v, q as st, N as Ae, s as Be, p as it, t as c, T as E, r as ot, L as le, u as at, v as lt, w as ht, x as ft, e as _, h as P, y as T, z as ut, f as Ie, i as dt, A as pt, C as ct, B as mt, F as he, G as gt } from "./index-Lub7dhvT.js";
+import { html as kt, htmlCompletionSource as Lt } from "./index-mNiLojvx.js";
 class $ {
   static create(e, r, n, s, i) {
     let o = s + (s << 8) + e + (r << 4) | 0;

package/dist/{index-Di-F_MA0.js → index-IhTCIvj6.js}

@@ -1,6 +1,6 @@
-import { a as t, L as i, i as n, f as $, c as y, g as P, s as X, t as O } from "./index-KRGYLUiH.js";
-import { defineCSSCompletionSource as m } from "./index-BXceTJm5.js";
-import { L as c, E as S } from "./index-CzA0TJ1Y.js";
+import { a as t, L as i, i as n, f as $, c as y, g as P, s as X, t as O } from "./index-Lub7dhvT.js";
+import { defineCSSCompletionSource as m } from "./index-Cqn_LfL2.js";
+import { L as c, E as S } from "./index-CKD84DUx.js";
 const f = 110, l = 1, s = 2, r = [
   9,
   10,