@wordpress/components 35.0.1 → 36.0.0

package/build-module/external-link/index.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/external-link/index.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction UnforwardedExternalLink(props, ref) {\n  const {\n    href,\n    children,\n    className,\n    rel = '',\n    ...additionalProps\n  } = props;\n  const optimizedRel = [...new Set([...rel.split(' '), 'external', 'noopener'].filter(Boolean))].join(' ');\n  const classes = clsx('components-external-link', className);\n  /* Anchor links are perceived as external links.\n  This constant helps check for on page anchor links,\n  to prevent them from being opened in the editor. */\n  const isInternalAnchor = !!href?.startsWith('#');\n  const onClickHandler = event => {\n    if (isInternalAnchor) {\n      event.preventDefault();\n    }\n    if (props.onClick) {\n      props.onClick(event);\n    }\n  };\n  return /*#__PURE__*/ /* eslint-disable react/jsx-no-target-blank */_jsxs(\"a\", {\n    ...additionalProps,\n    className: classes,\n    href: href,\n    onClick: onClickHandler,\n    target: \"_blank\",\n    rel: optimizedRel,\n    ref: ref,\n    children: [/*#__PURE__*/_jsx(\"span\", {\n      className: \"components-external-link__contents\",\n      children: children\n    }), /*#__PURE__*/_jsx(\"span\", {\n      className: clsx('components-external-link__icon',\n      // This class prevents the arrow from being replaced by a Twemoji image.\n      'wp-exclude-emoji'),\n      \"aria-label\": /* translators: accessibility text */\n      __('(opens in a new tab)'),\n      children: isRTL() ? '\\u2196' : '\\u2197'\n    })]\n  })\n  /* eslint-enable react/jsx-no-target-blank */;\n}\n\n/**\n * Link to an external resource.\n *\n * ```jsx\n * import { ExternalLink } from '@wordpress/components';\n *\n * const MyExternalLink = () => (\n *   <ExternalLink href=\"https://wordpress.org\">WordPress.org</ExternalLink>\n * );\n * ```\n */\nexport const ExternalLink = forwardRef(UnforwardedExternalLink);\nExternalLink.displayName = 'ExternalLink';\nexport default ExternalLink;"],
-  "mappings": ";AAGA,OAAO,UAAU;AAIjB,SAAS,IAAI,aAAa;AAC1B,SAAS,kBAAkB;AAK3B,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,SAAS,wBAAwB,OAAO,KAAK;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,eAAe,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,IAAI,MAAM,GAAG,GAAG,YAAY,UAAU,EAAE,OAAO,OAAO,CAAC,CAAC,EAAE,KAAK,GAAG;AACvG,QAAM,UAAU,KAAK,4BAA4B,SAAS;AAI1D,QAAM,mBAAmB,CAAC,CAAC,MAAM,WAAW,GAAG;AAC/C,QAAM,iBAAiB,WAAS;AAC9B,QAAI,kBAAkB;AACpB,YAAM,eAAe;AAAA,IACvB;AACA,QAAI,MAAM,SAAS;AACjB,YAAM,QAAQ,KAAK;AAAA,IACrB;AAAA,EACF;AACA;AAAA;AAAA,IAAmE,sBAAM,KAAK;AAAA,MAC5E,GAAG;AAAA,MACH,WAAW;AAAA,MACX;AAAA,MACA,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,KAAK;AAAA,MACL;AAAA,MACA,UAAU,CAAc,qBAAK,QAAQ;AAAA,QACnC,WAAW;AAAA,QACX;AAAA,MACF,CAAC,GAAgB,qBAAK,QAAQ;AAAA,QAC5B,WAAW;AAAA,UAAK;AAAA;AAAA,UAEhB;AAAA,QAAkB;AAAA,QAClB;AAAA;AAAA,UACA,GAAG,sBAAsB;AAAA;AAAA,QACzB,UAAU,MAAM,IAAI,WAAW;AAAA,MACjC,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA;AAEH;AAaO,IAAM,eAAe,WAAW,uBAAuB;AAC9D,aAAa,cAAc;AAC3B,IAAO,wBAAQ;",
+  "mappings": ";AAGA,OAAO,UAAU;AAIjB,SAAS,IAAI,aAAa;AAC1B,SAAS,kBAAkB;AAK3B,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,SAAS,wBAAwB,OAAO,KAAK;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,eAAe,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,IAAI,MAAM,GAAG,GAAG,YAAY,UAAU,EAAE,OAAO,OAAO,CAAC,CAAC,EAAE,KAAK,GAAG;AACvG,QAAM,UAAU,KAAK,4BAA4B,SAAS;AAI1D,QAAM,mBAAmB,CAAC,CAAC,MAAM,WAAW,GAAG;AAC/C,QAAM,iBAAiB,WAAS;AAC9B,QAAI,kBAAkB;AACpB,YAAM,eAAe;AAAA,IACvB;AACA,QAAI,MAAM,SAAS;AACjB,YAAM,QAAQ,KAAK;AAAA,IACrB;AAAA,EACF;AACA;AAAA;AAAA,IAAmE,sBAAM,KAAK;AAAA,MAC5E,GAAG;AAAA,MACH,WAAW;AAAA,MACX;AAAA,MACA,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,KAAK;AAAA,MACL;AAAA,MACA,UAAU,CAAc,qBAAK,QAAQ;AAAA,QACnC,WAAW;AAAA,QACX;AAAA,MACF,CAAC,GAAgB,qBAAK,QAAQ;AAAA,QAC5B,WAAW;AAAA,UAAK;AAAA;AAAA,UAEhB;AAAA,QAAkB;AAAA,QAClB;AAAA;AAAA,UACA,GAAG,sBAAsB;AAAA;AAAA,QACzB,UAAU,MAAM,IAAI,MAAW;AAAA,MACjC,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA;AAEH;AAaO,IAAM,eAAe,WAAW,uBAAuB;AAC9D,aAAa,cAAc;AAC3B,IAAO,wBAAQ;",
   "names": []
 }

package/build-module/higher-order/with-fallback-styles/index.mjs

@@ -1,56 +1,30 @@
 // packages/components/src/higher-order/with-fallback-styles/index.tsx
 import fastDeepEqual from "fast-deep-equal/es6/index.js";
-import { Component } from "@wordpress/element";
-import { createHigherOrderComponent } from "@wordpress/compose";
+import { useState, useRef } from "@wordpress/element";
+import { createHigherOrderComponent, useIsomorphicLayoutEffect } from "@wordpress/compose";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var with_fallback_styles_default = (mapNodeToProps) => createHigherOrderComponent((WrappedComponent) => {
-  return class WithFallbackStyles extends Component {
-    constructor(props) {
-      super(props);
-      this.nodeRef = this.props.node;
-      this.state = {
-        fallbackStyles: void 0,
-        grabStylesCompleted: false
-      };
-      this.bindRef = this.bindRef.bind(this);
-    }
-    bindRef(node) {
-      if (!node) {
-        return;
-      }
-      this.nodeRef = node;
-    }
-    componentDidMount() {
-      this.grabFallbackStyles();
-    }
-    componentDidUpdate() {
-      this.grabFallbackStyles();
-    }
-    grabFallbackStyles() {
-      const {
-        grabStylesCompleted,
-        fallbackStyles
-      } = this.state;
-      if (this.nodeRef && !grabStylesCompleted) {
-        const newFallbackStyles = mapNodeToProps(this.nodeRef, this.props);
+  return function WithFallbackStyles(props) {
+    const [fallbackStyles, setFallbackStyles] = useState(void 0);
+    const nodeRef = useRef(null);
+    useIsomorphicLayoutEffect(() => {
+      const node = props.node ?? nodeRef.current;
+      const grabStylesCompleted = !!fallbackStyles && Object.values(fallbackStyles).every(Boolean);
+      if (node && !grabStylesCompleted) {
+        const newFallbackStyles = mapNodeToProps(node, props);
         if (!fastDeepEqual(newFallbackStyles, fallbackStyles)) {
-          this.setState({
-            fallbackStyles: newFallbackStyles,
-            grabStylesCompleted: Object.values(newFallbackStyles).every(Boolean)
-          });
+          setFallbackStyles(newFallbackStyles);
         }
       }
-    }
-    render() {
-      const wrappedComponent = /* @__PURE__ */ _jsx(WrappedComponent, {
-        ...this.props,
-        ...this.state.fallbackStyles
-      });
-      return this.props.node ? wrappedComponent : /* @__PURE__ */ _jsxs("div", {
-        ref: this.bindRef,
-        children: [" ", wrappedComponent, " "]
-      });
-    }
+    });
+    const wrappedComponent = /* @__PURE__ */ _jsx(WrappedComponent, {
+      ...props,
+      ...fallbackStyles
+    });
+    return props.node ? wrappedComponent : /* @__PURE__ */ _jsxs("div", {
+      ref: nodeRef,
+      children: [" ", wrappedComponent, " "]
+    });
   };
 }, "withFallbackStyles");
 export {

package/build-module/higher-order/with-fallback-styles/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/higher-order/with-fallback-styles/index.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport fastDeepEqual from 'fast-deep-equal/es6/index.js';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default mapNodeToProps => createHigherOrderComponent(WrappedComponent => {\n  return class WithFallbackStyles extends Component {\n    constructor(props) {\n      super(props);\n      this.nodeRef = this.props.node;\n      this.state = {\n        fallbackStyles: undefined,\n        grabStylesCompleted: false\n      };\n      this.bindRef = this.bindRef.bind(this);\n    }\n    bindRef(node) {\n      if (!node) {\n        return;\n      }\n      this.nodeRef = node;\n    }\n    componentDidMount() {\n      this.grabFallbackStyles();\n    }\n    componentDidUpdate() {\n      this.grabFallbackStyles();\n    }\n    grabFallbackStyles() {\n      const {\n        grabStylesCompleted,\n        fallbackStyles\n      } = this.state;\n      if (this.nodeRef && !grabStylesCompleted) {\n        const newFallbackStyles = mapNodeToProps(this.nodeRef, this.props);\n        if (!fastDeepEqual(newFallbackStyles, fallbackStyles)) {\n          this.setState({\n            fallbackStyles: newFallbackStyles,\n            grabStylesCompleted: Object.values(newFallbackStyles).every(Boolean)\n          });\n        }\n      }\n    }\n    render() {\n      const wrappedComponent = /*#__PURE__*/_jsx(WrappedComponent, {\n        ...this.props,\n        ...this.state.fallbackStyles\n      });\n      return this.props.node ? wrappedComponent : /*#__PURE__*/_jsxs(\"div\", {\n        ref: this.bindRef,\n        children: [\" \", wrappedComponent, \" \"]\n      });\n    }\n  };\n}, 'withFallbackStyles');"],
-  "mappings": ";AAGA,OAAO,mBAAmB;AAK1B,SAAS,iBAAiB;AAC1B,SAAS,kCAAkC;AAC3C,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,IAAO,+BAAQ,oBAAkB,2BAA2B,sBAAoB;AAC9E,SAAO,MAAM,2BAA2B,UAAU;AAAA,IAChD,YAAY,OAAO;AACjB,YAAM,KAAK;AACX,WAAK,UAAU,KAAK,MAAM;AAC1B,WAAK,QAAQ;AAAA,QACX,gBAAgB;AAAA,QAChB,qBAAqB;AAAA,MACvB;AACA,WAAK,UAAU,KAAK,QAAQ,KAAK,IAAI;AAAA,IACvC;AAAA,IACA,QAAQ,MAAM;AACZ,UAAI,CAAC,MAAM;AACT;AAAA,MACF;AACA,WAAK,UAAU;AAAA,IACjB;AAAA,IACA,oBAAoB;AAClB,WAAK,mBAAmB;AAAA,IAC1B;AAAA,IACA,qBAAqB;AACnB,WAAK,mBAAmB;AAAA,IAC1B;AAAA,IACA,qBAAqB;AACnB,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,MACF,IAAI,KAAK;AACT,UAAI,KAAK,WAAW,CAAC,qBAAqB;AACxC,cAAM,oBAAoB,eAAe,KAAK,SAAS,KAAK,KAAK;AACjE,YAAI,CAAC,cAAc,mBAAmB,cAAc,GAAG;AACrD,eAAK,SAAS;AAAA,YACZ,gBAAgB;AAAA,YAChB,qBAAqB,OAAO,OAAO,iBAAiB,EAAE,MAAM,OAAO;AAAA,UACrE,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,IACA,SAAS;AACP,YAAM,mBAAgC,qBAAK,kBAAkB;AAAA,QAC3D,GAAG,KAAK;AAAA,QACR,GAAG,KAAK,MAAM;AAAA,MAChB,CAAC;AACD,aAAO,KAAK,MAAM,OAAO,mBAAgC,sBAAM,OAAO;AAAA,QACpE,KAAK,KAAK;AAAA,QACV,UAAU,CAAC,KAAK,kBAAkB,GAAG;AAAA,MACvC,CAAC;AAAA,IACH;AAAA,EACF;AACF,GAAG,oBAAoB;",
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport fastDeepEqual from 'fast-deep-equal/es6/index.js';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useRef } from '@wordpress/element';\nimport { createHigherOrderComponent, useIsomorphicLayoutEffect } from '@wordpress/compose';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default mapNodeToProps => createHigherOrderComponent(WrappedComponent => {\n  return function WithFallbackStyles(props) {\n    const [fallbackStyles, setFallbackStyles] = useState(undefined);\n    const nodeRef = useRef(null);\n\n    // Runs before paint, so the fallback styles apply without a flash.\n    useIsomorphicLayoutEffect(() => {\n      const node = props.node ?? nodeRef.current;\n      // Derived from fallbackStyles: the grab is complete once every\n      // mapped value has resolved to a truthy style.\n      const grabStylesCompleted = !!fallbackStyles && Object.values(fallbackStyles).every(Boolean);\n      if (node && !grabStylesCompleted) {\n        const newFallbackStyles = mapNodeToProps(node, props);\n        if (!fastDeepEqual(newFallbackStyles, fallbackStyles)) {\n          setFallbackStyles(newFallbackStyles);\n        }\n      }\n    });\n    const wrappedComponent = /*#__PURE__*/_jsx(WrappedComponent, {\n      ...props,\n      ...fallbackStyles\n    });\n    return props.node ? wrappedComponent : /*#__PURE__*/_jsxs(\"div\", {\n      ref: nodeRef,\n      children: [\" \", wrappedComponent, \" \"]\n    });\n  };\n}, 'withFallbackStyles');"],
+  "mappings": ";AAGA,OAAO,mBAAmB;AAK1B,SAAS,UAAU,cAAc;AACjC,SAAS,4BAA4B,iCAAiC;AACtE,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,IAAO,+BAAQ,oBAAkB,2BAA2B,sBAAoB;AAC9E,SAAO,SAAS,mBAAmB,OAAO;AACxC,UAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,MAAS;AAC9D,UAAM,UAAU,OAAO,IAAI;AAG3B,8BAA0B,MAAM;AAC9B,YAAM,OAAO,MAAM,QAAQ,QAAQ;AAGnC,YAAM,sBAAsB,CAAC,CAAC,kBAAkB,OAAO,OAAO,cAAc,EAAE,MAAM,OAAO;AAC3F,UAAI,QAAQ,CAAC,qBAAqB;AAChC,cAAM,oBAAoB,eAAe,MAAM,KAAK;AACpD,YAAI,CAAC,cAAc,mBAAmB,cAAc,GAAG;AACrD,4BAAkB,iBAAiB;AAAA,QACrC;AAAA,MACF;AAAA,IACF,CAAC;AACD,UAAM,mBAAgC,qBAAK,kBAAkB;AAAA,MAC3D,GAAG;AAAA,MACH,GAAG;AAAA,IACL,CAAC;AACD,WAAO,MAAM,OAAO,mBAAgC,sBAAM,OAAO;AAAA,MAC/D,KAAK;AAAA,MACL,UAAU,CAAC,KAAK,kBAAkB,GAAG;AAAA,IACvC,CAAC;AAAA,EACH;AACF,GAAG,oBAAoB;",
   "names": []
 }

package/build-module/menu/popover.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/menu/popover.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { useContext, useMemo, forwardRef, useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nimport * as Styled from './styles';\nimport { Context } from './context';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const Popover = forwardRef(function Popover({\n  gutter,\n  shift,\n  modal = true,\n  ...otherProps\n}, ref) {\n  const menuContext = useContext(Context);\n\n  // Extract the side from the applied placement \u2014 useful for animations.\n  // Using `currentPlacement` instead of `placement` to make sure that we\n  // use the final computed placement (including \"flips\" etc).\n  const appliedPlacementSide = Ariakit.useStoreState(menuContext?.store, 'currentPlacement')?.split('-')[0];\n  const hideOnEscape = useCallback(event => {\n    // Pressing Escape can cause unexpected consequences (ie. exiting\n    // full screen mode on MacOs, close parent modals...).\n    event.preventDefault();\n    // Returning `true` causes the menu to hide.\n    return true;\n  }, []);\n  const computedDirection = Ariakit.useStoreState(menuContext?.store, 'rtl') ? 'rtl' : 'ltr';\n  const wrapperProps = useMemo(() => ({\n    dir: computedDirection,\n    style: {\n      direction: computedDirection\n    }\n  }), [computedDirection]);\n  if (!menuContext?.store) {\n    throw new Error('Menu.Popover can only be rendered inside a Menu component');\n  }\n  const renderMenu = useCallback(htmlProps => /*#__PURE__*/_jsx(Styled.MenuMotionRoot, {\n    children: /*#__PURE__*/_jsx(Styled.MenuSurface, {\n      ...htmlProps,\n      variant: menuContext.variant\n    })\n  }), [menuContext.variant]);\n  return /*#__PURE__*/_jsx(Styled.Menu, {\n    ...otherProps,\n    ref: ref,\n    modal: modal,\n    store: menuContext.store\n    // Root menu has an 8px distance from its trigger,\n    // otherwise 0 (which causes the submenu to slightly overlap)\n    ,\n    gutter: gutter ?? (menuContext.store.parent ? 0 : 8)\n    // Align nested menu by the same (but opposite) amount\n    // as the menu container's padding.\n    ,\n    shift: shift ?? (menuContext.store.parent ? -4 : 0),\n    hideOnHoverOutside: false,\n    \"data-side\": appliedPlacementSide,\n    \"data-submenu\": !!menuContext.store.parent || undefined,\n    wrapperProps: wrapperProps,\n    hideOnEscape: hideOnEscape,\n    unmountOnHide: true,\n    render: renderMenu\n  });\n});"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { useContext, useMemo, forwardRef, useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nimport * as Styled from './styles';\nimport { Context } from './context';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const Popover = forwardRef(function Popover({\n  gutter,\n  shift,\n  modal = true,\n  ...otherProps\n}, ref) {\n  const menuContext = useContext(Context);\n\n  // Extract the side from the applied placement — useful for animations.\n  // Using `currentPlacement` instead of `placement` to make sure that we\n  // use the final computed placement (including \"flips\" etc).\n  const appliedPlacementSide = Ariakit.useStoreState(menuContext?.store, 'currentPlacement')?.split('-')[0];\n  const hideOnEscape = useCallback(event => {\n    // Pressing Escape can cause unexpected consequences (ie. exiting\n    // full screen mode on MacOs, close parent modals...).\n    event.preventDefault();\n    // Returning `true` causes the menu to hide.\n    return true;\n  }, []);\n  const computedDirection = Ariakit.useStoreState(menuContext?.store, 'rtl') ? 'rtl' : 'ltr';\n  const wrapperProps = useMemo(() => ({\n    dir: computedDirection,\n    style: {\n      direction: computedDirection\n    }\n  }), [computedDirection]);\n  if (!menuContext?.store) {\n    throw new Error('Menu.Popover can only be rendered inside a Menu component');\n  }\n  const renderMenu = useCallback(htmlProps => /*#__PURE__*/_jsx(Styled.MenuMotionRoot, {\n    children: /*#__PURE__*/_jsx(Styled.MenuSurface, {\n      ...htmlProps,\n      variant: menuContext.variant\n    })\n  }), [menuContext.variant]);\n  return /*#__PURE__*/_jsx(Styled.Menu, {\n    ...otherProps,\n    ref: ref,\n    modal: modal,\n    store: menuContext.store\n    // Root menu has an 8px distance from its trigger,\n    // otherwise 0 (which causes the submenu to slightly overlap)\n    ,\n    gutter: gutter ?? (menuContext.store.parent ? 0 : 8)\n    // Align nested menu by the same (but opposite) amount\n    // as the menu container's padding.\n    ,\n    shift: shift ?? (menuContext.store.parent ? -4 : 0),\n    hideOnHoverOutside: false,\n    \"data-side\": appliedPlacementSide,\n    \"data-submenu\": !!menuContext.store.parent || undefined,\n    wrapperProps: wrapperProps,\n    hideOnEscape: hideOnEscape,\n    unmountOnHide: true,\n    render: renderMenu\n  });\n});"],
   "mappings": ";AAGA,YAAY,aAAa;AAKzB,SAAS,YAAY,SAAS,YAAY,mBAAmB;AAM7D,YAAY,YAAY;AACxB,SAAS,eAAe;AACxB,SAAS,OAAO,YAAY;AACrB,IAAM,UAAU,WAAW,SAASA,SAAQ;AAAA,EACjD;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,GAAG;AACL,GAAG,KAAK;AACN,QAAM,cAAc,WAAW,OAAO;AAKtC,QAAM,uBAA+B,sBAAc,aAAa,OAAO,kBAAkB,GAAG,MAAM,GAAG,EAAE,CAAC;AACxG,QAAM,eAAe,YAAY,WAAS;AAGxC,UAAM,eAAe;AAErB,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AACL,QAAM,oBAA4B,sBAAc,aAAa,OAAO,KAAK,IAAI,QAAQ;AACrF,QAAM,eAAe,QAAQ,OAAO;AAAA,IAClC,KAAK;AAAA,IACL,OAAO;AAAA,MACL,WAAW;AAAA,IACb;AAAA,EACF,IAAI,CAAC,iBAAiB,CAAC;AACvB,MAAI,CAAC,aAAa,OAAO;AACvB,UAAM,IAAI,MAAM,2DAA2D;AAAA,EAC7E;AACA,QAAM,aAAa,YAAY,eAA0B,qBAAY,uBAAgB;AAAA,IACnF,UAAuB,qBAAY,oBAAa;AAAA,MAC9C,GAAG;AAAA,MACH,SAAS,YAAY;AAAA,IACvB,CAAC;AAAA,EACH,CAAC,GAAG,CAAC,YAAY,OAAO,CAAC;AACzB,SAAoB,qBAAY,aAAM;AAAA,IACpC,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA,OAAO,YAAY;AAAA,IAInB,QAAQ,WAAW,YAAY,MAAM,SAAS,IAAI;AAAA,IAIlD,OAAO,UAAU,YAAY,MAAM,SAAS,KAAK;AAAA,IACjD,oBAAoB;AAAA,IACpB,aAAa;AAAA,IACb,gBAAgB,CAAC,CAAC,YAAY,MAAM,UAAU;AAAA,IAC9C;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,QAAQ;AAAA,EACV,CAAC;AACH,CAAC;",
   "names": ["Popover"]
 }