@webstudio-is/sdk-components-react-radix 0.0.0-5844e28 → 0.0.0-73cd6ea

package/lib/metas.js

@@ -1,23 +1,23 @@
 import { metaCollapsible as t, metaCollapsibleContent as o, metaCollapsibleTrigger as i } from "./collapsible.ws.js";
 import { metaDialog as n, metaDialogClose as m, metaDialogContent as s, metaDialogDescription as l, metaDialogOverlay as g, metaDialogTitle as c, metaDialogTrigger as p } from "./dialog.ws.js";
-import { metaPopover as C, metaPopoverContent as d, metaPopoverTrigger as u } from "./popover.ws.js";
-import { metaTooltip as b, metaTooltipContent as S, metaTooltipTrigger as x } from "./tooltip.ws.js";
-import { metaTabs as D, metaTabsContent as M, metaTabsList as N, metaTabsTrigger as f } from "./tabs.ws.js";
-import { meta as A } from "./label.ws.js";
-import { metaAccordion as L, metaAccordionContent as k, metaAccordionHeader as G, metaAccordionItem as P, metaAccordionTrigger as R } from "./accordion.ws.js";
-import { metaNavigationMenu as y, metaNavigationMenuContent as H, metaNavigationMenuItem as O, metaNavigationMenuLink as j, metaNavigationMenuList as q, metaNavigationMenuTrigger as z, metaNavigationMenuViewport as B } from "./navigation-menu.ws.js";
-import { metaSelect as F, metaSelectContent as J, metaSelectItem as K, metaSelectItemIndicator as Q, metaSelectItemText as U, metaSelectTrigger as W, metaSelectValue as X, metaSelectViewport as Y } from "./select.ws.js";
-import { metaSwitch as _, metaSwitchThumb as $ } from "./switch.ws.js";
-import { metaCheckbox as ae, metaCheckboxIndicator as te } from "./checkbox.ws.js";
-import { metaRadioGroup as ie, metaRadioGroupIndicator as re, metaRadioGroupItem as ne } from "./radio-group.ws.js";
+import { metaPopover as C, metaPopoverClose as d, metaPopoverContent as u, metaPopoverTrigger as v } from "./popover.ws.js";
+import { metaTooltip as S, metaTooltipContent as x, metaTooltipTrigger as I } from "./tooltip.ws.js";
+import { metaTabs as M, metaTabsContent as N, metaTabsList as f, metaTabsTrigger as h } from "./tabs.ws.js";
+import { meta as w } from "./label.ws.js";
+import { metaAccordion as L, metaAccordionContent as k, metaAccordionHeader as G, metaAccordionItem as R, metaAccordionTrigger as V } from "./accordion.ws.js";
+import { metaNavigationMenu as H, metaNavigationMenuContent as O, metaNavigationMenuItem as j, metaNavigationMenuLink as q, metaNavigationMenuList as z, metaNavigationMenuTrigger as B, metaNavigationMenuViewport as E } from "./navigation-menu.ws.js";
+import { metaSelect as J, metaSelectContent as K, metaSelectItem as Q, metaSelectItemIndicator as U, metaSelectItemText as W, metaSelectTrigger as X, metaSelectValue as Y, metaSelectViewport as Z } from "./select.ws.js";
+import { metaSwitch as $, metaSwitchThumb as ee } from "./switch.ws.js";
+import { metaCheckbox as te, metaCheckboxIndicator as oe } from "./checkbox.ws.js";
+import { metaRadioGroup as re, metaRadioGroupIndicator as ne, metaRadioGroupItem as me } from "./radio-group.ws.js";
 export {
   L as Accordion,
   k as AccordionContent,
   G as AccordionHeader,
-  P as AccordionItem,
-  R as AccordionTrigger,
-  ae as Checkbox,
-  te as CheckboxIndicator,
+  R as AccordionItem,
+  V as AccordionTrigger,
+  te as Checkbox,
+  oe as CheckboxIndicator,
   t as Collapsible,
   o as CollapsibleContent,
   i as CollapsibleTrigger,
@@ -28,35 +28,36 @@ export {
   g as DialogOverlay,
   c as DialogTitle,
   p as DialogTrigger,
-  A as Label,
-  y as NavigationMenu,
-  H as NavigationMenuContent,
-  O as NavigationMenuItem,
-  j as NavigationMenuLink,
-  q as NavigationMenuList,
-  z as NavigationMenuTrigger,
-  B as NavigationMenuViewport,
+  w as Label,
+  H as NavigationMenu,
+  O as NavigationMenuContent,
+  j as NavigationMenuItem,
+  q as NavigationMenuLink,
+  z as NavigationMenuList,
+  B as NavigationMenuTrigger,
+  E as NavigationMenuViewport,
   C as Popover,
-  d as PopoverContent,
-  u as PopoverTrigger,
-  ie as RadioGroup,
-  re as RadioGroupIndicator,
-  ne as RadioGroupItem,
-  F as Select,
-  J as SelectContent,
-  K as SelectItem,
-  Q as SelectItemIndicator,
-  U as SelectItemText,
-  W as SelectTrigger,
-  X as SelectValue,
-  Y as SelectViewport,
-  _ as Switch,
-  $ as SwitchThumb,
-  D as Tabs,
-  M as TabsContent,
-  N as TabsList,
-  f as TabsTrigger,
-  b as Tooltip,
-  S as TooltipContent,
-  x as TooltipTrigger
+  d as PopoverClose,
+  u as PopoverContent,
+  v as PopoverTrigger,
+  re as RadioGroup,
+  ne as RadioGroupIndicator,
+  me as RadioGroupItem,
+  J as Select,
+  K as SelectContent,
+  Q as SelectItem,
+  U as SelectItemIndicator,
+  W as SelectItemText,
+  X as SelectTrigger,
+  Y as SelectValue,
+  Z as SelectViewport,
+  $ as Switch,
+  ee as SwitchThumb,
+  M as Tabs,
+  N as TabsContent,
+  f as TabsList,
+  h as TabsTrigger,
+  S as Tooltip,
+  x as TooltipContent,
+  I as TooltipTrigger
 };

package/lib/navigation-menu.js

@@ -1,21 +1,22 @@
 import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as c, useContext as v, Children as g } from "react";
 import * as a from "@radix-ui/react-navigation-menu";
-import { ReactSdkContext as v, getIndexWithinAncestorFromComponentProps as l, getClosestInstance as d } from "@webstudio-is/react-sdk/runtime";
-import { forwardRef as c, useContext as f, Children as m } from "react";
-const p = c(({ value: o, ...n }, e) => {
-  const { renderer: t } = f(v);
+import { getIndexWithinAncestorFromProps as l } from "@webstudio-is/sdk/runtime";
+import { ReactSdkContext as f, getClosestInstance as d } from "@webstudio-is/react-sdk/runtime";
+const C = c(({ value: o, ...n }, e) => {
+  const { renderer: t } = v(f);
   let i = o;
   return t === "canvas" && (i = i === "" ? "-1" : i), /* @__PURE__ */ r(a.Root, { ref: e, value: i, ...n });
-}), C = a.List, P = a.Viewport, k = a.Content, x = c(({ value: o, ...n }, e) => {
+}), P = a.List, k = a.Viewport, x = a.Content, A = c(({ value: o, ...n }, e) => {
   const t = l(n);
   return /* @__PURE__ */ r(a.Item, { ref: e, value: o ?? t, ...n });
-}), A = c(({ children: o, ...n }, e) => {
-  const t = m.toArray(o)[0];
-  return /* @__PURE__ */ r(a.Link, { asChild: !0, ref: e, ...n, children: t ?? /* @__PURE__ */ r("a", { children: "Add link component" }) });
 }), I = c(({ children: o, ...n }, e) => {
-  const t = m.toArray(o)[0];
+  const t = g.toArray(o)[0];
+  return /* @__PURE__ */ r(a.Link, { asChild: !0, ref: e, ...n, children: t ?? /* @__PURE__ */ r("a", { children: "Add link component" }) });
+}), $ = c(({ children: o, ...n }, e) => {
+  const t = g.toArray(o)[0];
   return /* @__PURE__ */ r(a.Trigger, { asChild: !0, ref: e, ...n, children: t ?? /* @__PURE__ */ r("button", { children: "Add button or link" }) });
-}), s = "@webstudio-is/sdk-components-react-radix", $ = {
+}), s = "@webstudio-is/sdk-components-react-radix", w = {
   onNavigatorUnselect: (o, n) => {
     for (const e of n.instancePath)
       if (e.component === `${s}:NavigationMenuContent`) {
@@ -42,18 +43,18 @@ const p = c(({ value: o, ...n }, e) => {
         );
         if (u === void 0 || i === void 0)
           return;
-        const g = o.getPropValue(u, "value") ?? ((e = o.indexesWithinAncestors.get(u.id)) == null ? void 0 : e.toString());
-        g && o.setMemoryProp(i, "value", g);
+        const m = o.getPropValue(u, "value") ?? ((e = o.indexesWithinAncestors.get(u.id)) == null ? void 0 : e.toString());
+        m && o.setMemoryProp(i, "value", m);
       }
   }
 };
 export {
-  p as NavigationMenu,
-  k as NavigationMenuContent,
-  x as NavigationMenuItem,
-  A as NavigationMenuLink,
-  C as NavigationMenuList,
-  I as NavigationMenuTrigger,
-  P as NavigationMenuViewport,
-  $ as hooksNavigationMenu
+  C as NavigationMenu,
+  x as NavigationMenuContent,
+  A as NavigationMenuItem,
+  I as NavigationMenuLink,
+  P as NavigationMenuList,
+  $ as NavigationMenuTrigger,
+  k as NavigationMenuViewport,
+  w as hooksNavigationMenu
 };

package/lib/navigation-menu.template.js

@@ -1,9 +1,9 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { ChevronDownIcon as w } from "@webstudio-is/icons/svg";
-import { $ as n, css as t, PlaceholderValue as l } from "@webstudio-is/template";
+import { css as t, $ as n, PlaceholderValue as l } from "@webstudio-is/template";
 import { radix as r } from "./shared/proxy.js";
 import { getButtonStyle as u } from "./shared/styles.js";
-import { spacing as i, colors as a, width as h, borderRadius as p, borderWidth as v, boxShadow as b, height as y, transition as x, lineHeight as c, fontSize as m, weights as $ } from "./shared/theme.js";
+import { spacing as i, borderRadius as h, borderWidth as v, colors as a, boxShadow as b, height as y, width as p, transition as x, fontSize as m, weights as $, lineHeight as c } from "./shared/theme.js";
 const k = [
   {
     title: "Sheet",
@@ -60,7 +60,7 @@ const k = [
         flex-direction: column;
         user-select: none;
         gap: ${i[1]};
-        border-radius: ${p.md};
+        border-radius: ${h.md};
         padding: ${i[3]};
         line-height: ${c.none};
         text-decoration-line: none;
@@ -106,7 +106,7 @@ const k = [
   {
     "ws:label": "Flex Column",
     "ws:style": t`
-      width: ${h[64]};
+      width: ${p[64]};
       display: flex;
       gap: ${i[4]};
       flex-direction: column;
@@ -129,8 +129,8 @@ const k = [
           "ws:style": t`
         background-color: ${a.border};
         padding: ${i[4]};
-        width: ${h[48]};
-        border-radius: ${p.md};
+        width: ${p[48]};
+        border-radius: ${h.md};
       `,
           children: new l("")
         }
@@ -174,7 +174,7 @@ const k = [
               margin-left: ${i[1]};
               rotate: var(--navigation-menu-trigger-icon-transform);
               height: ${y[4]};
-              width: ${h[4]};
+              width: ${p[4]};
               flex-shrink: 0;
               transition: ${x.all};
               transition-duration: 200ms;
@@ -262,7 +262,7 @@ const k = [
             position: relative;
             margin-top: ${i[1.5]};
             overflow: hidden;
-            border-radius: ${p.md};
+            border-radius: ${h.md};
             border: ${v.DEFAULT} solid ${a.border};
             background-color: ${a.popover};
             color: ${a.popoverForeground};

package/lib/navigation-menu.ws.js

@@ -1,124 +1,93 @@
-import { NavigationMenuIcon as t, ListIcon as e, ListItemIcon as o, TriggerIcon as i, ContentIcon as a, BoxIcon as r, ViewportIcon as p } from "@webstudio-is/icons/svg";
-import { div as n } from "@webstudio-is/sdk/normalize.css";
-import { propsNavigationMenu as s, propsNavigationMenuItem as c, propsNavigationMenuTrigger as M, propsNavigationMenuContent as g, propsNavigationMenuLink as u, propsNavigationMenuList as v, propsNavigationMenuViewport as N } from "./__generated__/navigation-menu.props.js";
-const y = {
-  type: "container",
+import { NavigationMenuIcon as t, ListIcon as o, ListItemIcon as i, TriggerIcon as a, ContentIcon as r, BoxIcon as c, ViewportIcon as s } from "@webstudio-is/icons/svg";
+import { div as e } from "@webstudio-is/sdk/normalize.css";
+import { radix as n } from "./shared/meta.js";
+import { propsNavigationMenu as p, propsNavigationMenuList as g, propsNavigationMenuItem as M, propsNavigationMenuTrigger as l, propsNavigationMenuContent as u, propsNavigationMenuLink as d, propsNavigationMenuViewport as v } from "./__generated__/navigation-menu.props.js";
+const L = {
   icon: t,
-  presetStyle: {
-    div: n
+  contentModel: {
+    category: "instance",
+    children: ["instance"],
+    descendants: [n.NavigationMenuList, n.NavigationMenuViewport]
   },
-  constraints: [
-    {
-      relation: "descendant",
-      component: { $eq: "NavigationMenuList" }
-    },
-    {
-      relation: "descendant",
-      component: { $eq: "NavigationMenuViewport" }
-    }
-  ]
-}, L = {
-  type: "container",
-  icon: e,
-  constraints: [
-    {
-      relation: "ancestor",
-      component: { $eq: "NavigationMenu" }
-    },
-    {
-      relation: "descendant",
-      component: { $eq: "NavigationMenuItem" }
-    }
-  ],
   presetStyle: {
-    div: n
+    div: e
   },
-  label: "Menu List"
-}, $ = {
-  type: "container",
+  props: p
+}, h = {
   icon: o,
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: "NavigationMenuList" }
+  label: "Menu List",
+  contentModel: {
+    category: "none",
+    children: ["instance"],
+    descendants: [n.NavigationMenuItem]
   },
   presetStyle: {
-    div: n
+    div: e
   },
-  indexWithinAncestor: "NavigationMenu",
-  label: "Menu Item"
-}, d = {
-  type: "container",
+  props: g
+}, b = {
   icon: i,
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: "NavigationMenuItem" }
+  label: "Menu Item",
+  indexWithinAncestor: n.NavigationMenu,
+  contentModel: {
+    category: "none",
+    children: ["instance"],
+    descendants: [
+      n.NavigationMenuTrigger,
+      n.NavigationMenuContent,
+      n.NavigationMenuLink
+    ]
   },
-  label: "Menu Trigger"
-}, q = {
-  type: "container",
-  icon: a,
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: "NavigationMenuItem" }
-  },
-  indexWithinAncestor: "NavigationMenu",
   presetStyle: {
-    div: n
+    div: e
   },
-  label: "Menu Content"
-}, b = {
-  type: "container",
-  icon: r,
-  constraints: [
-    {
-      relation: "ancestor",
-      component: { $eq: "NavigationMenu" }
-    },
-    {
-      relation: "ancestor",
-      component: { $in: ["NavigationMenuContent", "NavigationMenuItem"] }
-    }
-  ],
-  label: "Accessible Link Wrapper"
+  props: M
+}, k = {
+  icon: a,
+  label: "Menu Trigger",
+  contentModel: {
+    category: "none",
+    children: ["instance"]
+  },
+  props: l
 }, w = {
-  type: "container",
-  icon: p,
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: "NavigationMenu" }
+  icon: r,
+  label: "Menu Content",
+  contentModel: {
+    category: "none",
+    children: ["instance"],
+    descendants: [n.NavigationMenuLink]
   },
   presetStyle: {
-    div: n
+    div: e
   },
-  label: "Menu Viewport"
+  props: u
 }, C = {
-  props: s
-}, V = {
-  props: c
+  icon: c,
+  label: "Accessible Link Wrapper",
+  contentModel: {
+    category: "none",
+    children: ["instance"]
+  },
+  props: d
 }, S = {
-  props: M
-}, T = {
-  props: g
-}, k = {
-  props: u
-}, x = {
+  icon: s,
+  label: "Menu Viewport",
+  contentModel: {
+    category: "none",
+    children: ["instance"]
+  },
+  presetStyle: {
+    div: e
+  },
   props: v
-}, f = {
-  props: N
 };
 export {
-  y as metaNavigationMenu,
-  q as metaNavigationMenuContent,
-  $ as metaNavigationMenuItem,
-  b as metaNavigationMenuLink,
-  L as metaNavigationMenuList,
-  d as metaNavigationMenuTrigger,
-  w as metaNavigationMenuViewport,
-  C as propsMetaNavigationMenu,
-  T as propsMetaNavigationMenuContent,
-  V as propsMetaNavigationMenuItem,
-  k as propsMetaNavigationMenuLink,
-  x as propsMetaNavigationMenuList,
-  S as propsMetaNavigationMenuTrigger,
-  f as propsMetaNavigationMenuViewport
+  L as metaNavigationMenu,
+  w as metaNavigationMenuContent,
+  b as metaNavigationMenuItem,
+  C as metaNavigationMenuLink,
+  h as metaNavigationMenuList,
+  k as metaNavigationMenuTrigger,
+  S as metaNavigationMenuViewport
 };

package/lib/popover.js

@@ -1,48 +1,52 @@
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as c, Children as P } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as p, useState as f, useEffect as P, Children as l } from "react";
 import * as s from "@radix-ui/react-popover";
 import { getClosestInstance as a } from "@webstudio-is/react-sdk/runtime";
-const l = c((o, t) => /* @__PURE__ */ n(s.Root, { ...o })), v = c(({ children: o, ...t }, e) => {
-  const r = P.toArray(o)[0];
-  return /* @__PURE__ */ n(s.Trigger, { asChild: !0, ref: e, ...t, children: r ?? /* @__PURE__ */ n("button", { children: "Add button or link" }) });
-}), h = c(
-  ({ sideOffset: o = 4, align: t = "center", hideWhenDetached: e = !0, ...r }, p) => /* @__PURE__ */ n(s.Portal, { children: /* @__PURE__ */ n(
+const h = p((t, n) => {
+  const o = t.open ?? !1, [e, i] = f(o);
+  return P(() => i(o), [o]), /* @__PURE__ */ r(s.Root, { ...t, open: e, onOpenChange: i });
+}), u = p(({ children: t, ...n }, o) => {
+  const e = l.toArray(t)[0];
+  return /* @__PURE__ */ r(s.Trigger, { asChild: !0, ref: o, ...n, children: e ?? /* @__PURE__ */ r("button", { children: "Add button or link" }) });
+}), C = p(
+  ({ sideOffset: t = 4, align: n = "center", hideWhenDetached: o = !0, ...e }, i) => /* @__PURE__ */ r(s.Portal, { children: /* @__PURE__ */ r(
     s.Content,
     {
-      ref: p,
+      ref: i,
       align: "center",
-      sideOffset: o,
-      hideWhenDetached: e,
-      ...r
+      sideOffset: t,
+      hideWhenDetached: o,
+      ...e
     }
   ) })
-), i = "@webstudio-is/sdk-components-react-radix", g = {
-  onNavigatorUnselect: (o, t) => {
-    for (const e of t.instancePath)
-      if (e.component === `${i}:PopoverContent`) {
-        const r = a(
-          t.instancePath,
-          e,
-          `${i}:Popover`
+), g = s.Close, c = "@webstudio-is/sdk-components-react-radix", $ = {
+  onNavigatorUnselect: (t, n) => {
+    for (const o of n.instancePath)
+      if (o.component === `${c}:PopoverContent`) {
+        const e = a(
+          n.instancePath,
+          o,
+          `${c}:Popover`
         );
-        r && o.setMemoryProp(r, "open", void 0);
+        e && t.setMemoryProp(e, "open", void 0);
       }
   },
-  onNavigatorSelect: (o, t) => {
-    for (const e of t.instancePath)
-      if (e.component === `${i}:PopoverContent`) {
-        const r = a(
-          t.instancePath,
-          e,
-          `${i}:Popover`
+  onNavigatorSelect: (t, n) => {
+    for (const o of n.instancePath)
+      if (o.component === `${c}:PopoverContent`) {
+        const e = a(
+          n.instancePath,
+          o,
+          `${c}:Popover`
         );
-        r && o.setMemoryProp(r, "open", !0);
+        e && t.setMemoryProp(e, "open", !0);
       }
   }
 };
 export {
-  l as Popover,
-  h as PopoverContent,
-  v as PopoverTrigger,
-  g as hooksPopover
+  h as Popover,
+  g as PopoverClose,
+  C as PopoverContent,
+  u as PopoverTrigger,
+  $ as hooksPopover
 };

package/lib/popover.template.js

@@ -1,33 +1,63 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { $ as t, PlaceholderValue as d, css as n } from "@webstudio-is/template";
-import { radix as r } from "./shared/proxy.js";
-import { getButtonStyle as l } from "./shared/styles.js";
-import { zIndex as a, width as p, borderRadius as s, borderWidth as c, colors as e, spacing as m, boxShadow as h } from "./shared/theme.js";
-const w = {
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { LargeXIcon as p } from "@webstudio-is/icons/svg";
+import { $ as r, PlaceholderValue as d, css as l } from "@webstudio-is/template";
+import { radix as e } from "./shared/proxy.js";
+import { getButtonStyle as h } from "./shared/styles.js";
+import { spacing as t, borderRadius as s, height as a, opacity as m, boxShadow as c, zIndex as b, width as u, borderWidth as g, colors as i } from "./shared/theme.js";
+const P = {
   category: "radix",
   description: "Displays rich content in a portal, triggered by a button.",
   order: 6,
-  template: /* @__PURE__ */ i(r.Popover, { children: [
-    /* @__PURE__ */ o(r.PopoverTrigger, { children: /* @__PURE__ */ o(t.Button, { "ws:style": l("outline"), children: new d("Button") }) }),
-    /* @__PURE__ */ o(
-      r.PopoverContent,
+  template: /* @__PURE__ */ n(e.Popover, { children: [
+    /* @__PURE__ */ o(e.PopoverTrigger, { children: /* @__PURE__ */ o(r.Button, { "ws:style": h("outline"), children: new d("Button") }) }),
+    /* @__PURE__ */ n(
+      e.PopoverContent,
       {
-        "ws:style": n`
-          z-index: ${a[50]};
-          width: ${p[72]};
+        "ws:style": l`
+          z-index: ${b[50]};
+          width: ${u[72]};
           border-radius: ${s.md};
-          border: ${c.DEFAULT} solid ${e.border};
-          background-color: ${e.popover};
-          padding: ${m[4]};
-          color: ${e.popoverForeground};
-          box-shadow: ${h.md};
+          border: ${g.DEFAULT} solid ${i.border};
+          background-color: ${i.popover};
+          padding: ${t[4]};
+          color: ${i.popoverForeground};
+          box-shadow: ${c.md};
           outline: none;
         `,
-        children: /* @__PURE__ */ o(t.Text, { children: new d("The text you can edit") })
+        children: [
+          /* @__PURE__ */ o(r.Text, { children: new d("The text you can edit") }),
+          /* @__PURE__ */ o(
+            e.PopoverClose,
+            {
+              "ws:label": "Close Button",
+              "ws:style": l`
+            position: absolute;
+            right: ${t[4]};
+            top: ${t[4]};
+            border-radius: ${s.sm};
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            height: ${a[4]};
+            width: ${a[4]};
+            border: 0;
+            background-color: transparent;
+            outline: none;
+            &:hover {
+              opacity: ${m[100]};
+            }
+            &:focus-visible {
+              box-shadow: ${c.ring};
+            }
+          `,
+              children: /* @__PURE__ */ o(r.HtmlEmbed, { "ws:label": "Close Icon", code: p })
+            }
+          )
+        ]
       }
     )
   ] })
 };
 export {
-  w as meta
+  P as meta
 };