@blockbite/ui 2.0.7 → 2.0.9

package/dist/MediaPicker.js

@@ -1,93 +1,96 @@
-import { j as l } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { MediaUploadCheck as n, MediaUpload as m } from "@wordpress/block-editor";
-import { PanelRow as b, Button as a } from "@wordpress/components";
-import { useState as j, useEffect as x } from "@wordpress/element";
-import { __ as r } from "@wordpress/i18n";
-function S({ mediaProps: d, mediaCallback: c }) {
-  const u = [
-    "image",
-    "video",
-    "image/svg+xml",
-    "svg",
-    "text/plain",
-    "application/json"
-  ], [t, g] = j({
-    id: null,
-    url: "",
-    sizes: [],
-    alt: "",
-    type: "",
-    width: 0,
-    height: 0
-  });
-  x(() => {
-    d && g({ ...d });
-  }, [d]);
-  const p = () => {
-    c({ ...{
-      mediaId: 0,
-      mediaUrl: ""
-    } });
-  }, h = (e) => {
-    const s = {
-      thumbnail: null,
-      medium: null,
-      large: null
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MediaUpload, MediaUploadCheck } from '@wordpress/block-editor';
+import { Button, PanelRow } from '@wordpress/components';
+import { useEffect, useState } from '@wordpress/element';
+import { __ } from '@wordpress/i18n';
+export function MediaPicker({ mediaProps, mediaCallback }) {
+    const allowedTypes = [
+        'image',
+        'video',
+        'image/svg+xml',
+        'svg',
+        'text/plain',
+        'application/json',
+    ];
+    // toggles
+    const [stateMedia, setStateMedia] = useState({
+        id: null,
+        url: '',
+        sizes: [],
+        alt: '',
+        type: '',
+        width: 0,
+        height: 0,
+    });
+    useEffect(() => {
+        if (mediaProps) {
+            setStateMedia(Object.assign({}, mediaProps));
+        }
+    }, [mediaProps]);
+    // image handlers
+    const removeMedia = () => {
+        const mediaObj = {
+            mediaId: 0,
+            mediaUrl: '',
+        };
+        mediaCallback(Object.assign({}, mediaObj));
     };
-    e?.sizes && Object.keys(e.sizes).map((o) => {
-      const i = e.sizes[o];
-      return (o === "thumbnail" || i.width < 768 || i.height < 768) && (s.thumbnail = i.url), (o === "medium" || i.width > 1024 && i.width < 1024 || i.height < 1536 && i.height > 1536) && (s.medium = i.url), (o === "large" || i.width > 1536 || i.height > 1536) && (s.large = i.url), null;
-    }), e.url.endsWith(".json") && (e.type = "lottie"), e.url.endsWith(".svg") && (e.type = "svg");
-    const f = {
-      id: e.id,
-      url: e.url,
-      sizes: s,
-      alt: e.alt,
-      type: e.type,
-      width: e.width,
-      height: e.height
-    };
-    c({ ...f });
-  };
-  return /* @__PURE__ */ l.jsxs(b, { children: [
-    t.id !== null && /* @__PURE__ */ l.jsx(n, { children: /* @__PURE__ */ l.jsx(
-      m,
-      {
-        onSelect: h,
-        value: t.id,
-        allowedTypes: u,
-        render: ({ open: e }) => /* @__PURE__ */ l.jsxs(
-          a,
-          {
-            className: t.id === 0 ? "editor-post-featured-image__toggle" : "editor-post-featured-image__preview",
-            onClick: e,
-            children: [
-              t.id === 0 && r("Choose Media", "blockbite"),
-              t.id && t.type === "image" ? /* @__PURE__ */ l.jsx("div", { className: "blockbite--editor-visual-image", children: /* @__PURE__ */ l.jsx(
-                "img",
-                {
-                  alt: t.alt ? t.alt : r("Image", "blockbite"),
-                  src: t.url
+    // onselect media
+    const onSelectMedia = (media) => {
+        const safeSizes = {
+            thumbnail: null,
+            medium: null,
+            large: null,
+        };
+        // Normalize Sizes
+        if (media === null || media === void 0 ? void 0 : media.sizes) {
+            Object.keys(media.sizes).map((key) => {
+                const sizeObject = media.sizes[key];
+                if (key === 'thumbnail') {
+                    safeSizes.thumbnail = sizeObject.url;
+                }
+                else if (sizeObject.width < 768 || sizeObject.height < 768) {
+                    safeSizes.thumbnail = sizeObject.url;
+                }
+                if (key === 'medium') {
+                    safeSizes.medium = sizeObject.url;
+                }
+                else if ((sizeObject.width > 1024 && sizeObject.width < 1024) ||
+                    (sizeObject.height < 1536 && sizeObject.height > 1536)) {
+                    safeSizes.medium = sizeObject.url;
                 }
-              ) }) : "Add media"
-            ]
-          }
-        )
-      }
-    ) }),
-    t.id !== 0 && /* @__PURE__ */ l.jsx(n, { children: /* @__PURE__ */ l.jsx(
-      m,
-      {
-        title: r("Replace media", "blockbite"),
-        value: t.id,
-        onSelect: h,
-        allowedTypes: u,
-        render: ({ open: e }) => /* @__PURE__ */ l.jsx(a, { onClick: e, children: r("Replace media", "blockbite") })
-      }
-    ) }),
-    t.id !== 0 && /* @__PURE__ */ l.jsx(n, { children: /* @__PURE__ */ l.jsx(a, { onClick: () => p(), isDestructive: !0, children: r("Remove media", "blockbite") }) })
-  ] });
+                if (key === 'large') {
+                    safeSizes.large = sizeObject.url;
+                }
+                else if (sizeObject.width > 1536 || sizeObject.height > 1536) {
+                    safeSizes.large = sizeObject.url;
+                }
+                return null;
+            });
+        }
+        // if type ends .lottie then it is a lottie file
+        if (media.url.endsWith('.json')) {
+            media.type = 'lottie';
+        }
+        // if type ends with .svg then it is an svg file
+        if (media.url.endsWith('.svg')) {
+            media.type = 'svg';
+        }
+        const mediaObj = {
+            id: media.id,
+            url: media.url,
+            sizes: safeSizes,
+            alt: media.alt,
+            type: media.type,
+            width: media.width,
+            height: media.height,
+        };
+        mediaCallback(Object.assign({}, mediaObj));
+    };
+    return (_jsxs(PanelRow, { children: [stateMedia.id !== null && (_jsx(MediaUploadCheck, { children: _jsx(MediaUpload, { onSelect: onSelectMedia, value: stateMedia.id, allowedTypes: allowedTypes, render: ({ open }) => (_jsxs(Button, { className: stateMedia.id === 0
+                            ? 'editor-post-featured-image__toggle'
+                            : 'editor-post-featured-image__preview', onClick: open, children: [stateMedia.id === 0 && __('Choose Media', 'blockbite'), stateMedia.id && stateMedia.type === 'image' ? (_jsx("div", { className: "blockbite--editor-visual-image", children: _jsx("img", { alt: stateMedia.alt
+                                        ? stateMedia.alt
+                                        : __('Image', 'blockbite'), src: stateMedia.url }) })) : ('Add media')] })) }) })), stateMedia.id !== 0 && (_jsx(MediaUploadCheck, { children: _jsx(MediaUpload, { title: __('Replace media', 'blockbite'), value: stateMedia.id, onSelect: onSelectMedia, allowedTypes: allowedTypes, render: ({ open }) => (_jsx(Button, { onClick: open, children: __('Replace media', 'blockbite') })) }) })), stateMedia.id !== 0 && (_jsx(MediaUploadCheck, { children: _jsx(Button, { onClick: () => removeMedia(), isDestructive: true, children: __('Remove media', 'blockbite') }) }))] }));
 }
-export {
-  S as MediaPicker
-};
+//# sourceMappingURL=MediaPicker.js.map

package/dist/MediaPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaPicker.js","sourceRoot":"","sources":["../src/MediaPicker.tsx"],"names":[],"mappings":"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"}

package/dist/MetricsControl.js

@@ -1,118 +1,93 @@
-import { j as s } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { useState as a, useEffect as d } from "@wordpress/element";
-import { ButtonToggleGroup as h } from "./ButtonToggle.js";
-import { DropdownPicker as P } from "./DropdownPicker.js";
-import { Popover as C } from "./Popover.js";
-import { RangeSlider as w } from "./RangeSlider.js";
-import { TextControl as N } from "./TextControl.js";
-import { Wrap as k } from "./Wrap.js";
-import { Tailwind as O, Percentage as T, Grid as R, Desktop as G, Slider as A, ColumnSpacing as D } from "@blockbite/icons";
-const W = ({
-  defaultUnit: l,
-  defaultValue: n,
-  onValueChange: t,
-  onUnitChange: g,
-  inputClassName: j = "w-[75px]"
-}) => {
-  const [c, m] = a(!1), [v, b] = a([]), [r, x] = a(l), [o, i] = a(""), [u, S] = a(n);
-  d(() => {
-    l && x(l), n && i(n.toString());
-  }, [l, n]), d(() => {
-    !c && r === "arbitrary" && S(o);
-  }, [c]);
-  const f = (e) => {
-    if (e !== "arbitrary" && bb?.codex?.units?.spacing?.[e]) {
-      const p = bb.codex.units.spacing[e];
-      b(
-        Array.isArray(p) ? p : Object.keys(p)
-      );
-    } else
-      b([]);
-    m(!0);
-  }, y = [
-    {
-      icon: /* @__PURE__ */ s.jsx(O, {}),
-      label: "Tailwind CSS Units",
-      value: "native"
-    },
-    { icon: /* @__PURE__ */ s.jsx(T, {}), label: "Percentage Units", value: "percent" },
-    { icon: /* @__PURE__ */ s.jsx(R, {}), label: "Grid Units", value: "grid" },
-    { icon: /* @__PURE__ */ s.jsx(G, {}), label: "Screen Units", value: "screen" },
-    { icon: /* @__PURE__ */ s.jsx(A, {}), label: "Pixel Units", value: "arbitrary" },
-    { icon: /* @__PURE__ */ s.jsx(D, {}), label: "Fluid Units", value: "fluid" }
-  ];
-  return /* @__PURE__ */ s.jsx(k, { className: "relative flex flex-col items-baseline", children: /* @__PURE__ */ s.jsxs(
-    N,
-    {
-      inputClassName: j,
-      defaultValue: (
-        // Remove the "b_" prefix for grid units
-        r === "grid" ? o.replace("b_", "") : o
-      ),
-      onClick: () => r !== "arbitrary" && f(r),
-      onChange: (e) => {
-        i(e), t(e);
-      },
-      readOnly: r !== "arbitrary",
-      children: [
-        /* @__PURE__ */ s.jsx(
-          C,
-          {
-            visible: c,
-            position: "bottom left",
-            className: "w-[300px] bg-white shadow-sm",
-            onVisibleChange: m,
-            children: r === "arbitrary" ? /* @__PURE__ */ s.jsx(
-              w,
-              {
-                defaultValue: o,
-                label: "Pixel Value",
-                min: 0,
-                max: 100,
-                gridMode: !0,
-                showTooltip: !1,
-                allowReset: !0,
-                resetFallbackValue: isNaN(u.toString()) ? 0 : Number(u) / 16,
-                onValueChange: (e) => {
-                  i(e), t(e);
-                }
-              }
-            ) : /* @__PURE__ */ s.jsx(
-              h,
-              {
-                className: "mt-4",
-                options: v.map((e) => ({
-                  value: e,
-                  label: r === "grid" ? e.toString().replace("b_", "") : e,
-                  onClick: () => {
-                    i(e), t(e);
-                  }
-                })),
-                size: "small",
-                defaultPressed: o?.toString() || "",
-                onPressedChange: (e) => {
-                  i(e), t(e);
-                }
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ s.jsx(
-          P,
-          {
-            className: "h-[32px]",
-            defaultValue: r,
-            options: y,
-            onPressedChange: (e) => {
-              e === "reset" ? (i(""), t(""), m(!1)) : (x(e), g(e), f(e));
-            }
-          }
-        )
-      ]
-    }
-  ) });
-};
-export {
-  W as MetricsControl,
-  W as default
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from '@wordpress/element';
+import { ButtonToggleGroup } from './ButtonToggle.js';
+import { DropdownPicker } from './DropdownPicker.js';
+import { Popover } from './Popover.js';
+import { RangeSlider } from './RangeSlider.js';
+import { TextControl } from './TextControl.js';
+import { Wrap } from './Wrap.js';
+import { ColumnSpacing as ColumnSpacingIcon, Desktop as DesktopIcon, Grid as GridIcon, Percentage as PercentageIcon, Slider as SliderIcon, Tailwind as TailwindUnitIcon, } from '@blockbite/icons';
+export const MetricsControl = ({ defaultUnit, defaultValue, onValueChange, onUnitChange, inputClassName = 'w-[75px]', }) => {
+    const [isVisible, setIsVisible] = useState(false);
+    const [currentOptions, setCurrentOptions] = useState([]);
+    // Use local state for defaultUnit and defaultValue
+    const [unit, setUnit] = useState(defaultUnit);
+    const [value, setValue] = useState('');
+    const [resetValue, setResetValue] = useState(defaultValue);
+    // Set initial state from props
+    useEffect(() => {
+        if (defaultUnit) {
+            setUnit(defaultUnit);
+        }
+        if (defaultValue) {
+            setValue(defaultValue.toString());
+        }
+    }, [defaultUnit, defaultValue]);
+    // Save last value after popover close to support "reset" functionality
+    // Only apply to arbitrary units
+    useEffect(() => {
+        if (!isVisible && unit === 'arbitrary') {
+            setResetValue(value);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isVisible]);
+    const showOptions = (u) => {
+        var _a, _b, _c;
+        if (u !== 'arbitrary' && ((_c = (_b = (_a = bb === null || bb === void 0 ? void 0 : bb.codex) === null || _a === void 0 ? void 0 : _a.units) === null || _b === void 0 ? void 0 : _b.spacing) === null || _c === void 0 ? void 0 : _c[u])) {
+            const options = bb.codex.units.spacing[u];
+            setCurrentOptions(Array.isArray(options) ? options : Object.keys(options));
+        }
+        else {
+            setCurrentOptions([]);
+        }
+        setIsVisible(true);
+    };
+    const unitOptions = [
+        {
+            icon: _jsx(TailwindUnitIcon, {}),
+            label: 'Tailwind CSS Units',
+            value: 'native',
+        },
+        { icon: _jsx(PercentageIcon, {}), label: 'Percentage Units', value: 'percent' },
+        { icon: _jsx(GridIcon, {}), label: 'Grid Units', value: 'grid' },
+        { icon: _jsx(DesktopIcon, {}), label: 'Screen Units', value: 'screen' },
+        { icon: _jsx(SliderIcon, {}), label: 'Pixel Units', value: 'arbitrary' },
+        { icon: _jsx(ColumnSpacingIcon, {}), label: 'Fluid Units', value: 'fluid' },
+    ];
+    return (_jsx(Wrap, { className: "relative flex flex-col items-baseline", children: _jsxs(TextControl, { inputClassName: inputClassName, defaultValue: 
+            // Remove the "b_" prefix for grid units
+            unit === 'grid' ? value.replace('b_', '') : value, onClick: () => unit !== 'arbitrary' && showOptions(unit), onChange: (newValue) => {
+                setValue(newValue);
+                onValueChange(newValue);
+            }, readOnly: unit !== 'arbitrary', children: [_jsx(Popover, { visible: isVisible, position: "bottom left", className: "w-[300px] bg-white shadow-sm", onVisibleChange: setIsVisible, children: unit === 'arbitrary' ? (_jsx(RangeSlider, { defaultValue: value, label: "Pixel Value", min: 0, max: 100, gridMode: true, showTooltip: false, allowReset: true, resetFallbackValue: isNaN(resetValue.toString())
+                            ? 0
+                            : Number(resetValue) / 16, onValueChange: (newValue) => {
+                            setValue(newValue);
+                            onValueChange(newValue);
+                        } })) : (_jsx(ButtonToggleGroup, { className: "mt-4", options: currentOptions.map((option) => ({
+                            value: option,
+                            label: unit === 'grid'
+                                ? option.toString().replace('b_', '')
+                                : option,
+                            onClick: () => {
+                                setValue(option);
+                                onValueChange(option);
+                            },
+                        })), size: "small", defaultPressed: (value === null || value === void 0 ? void 0 : value.toString()) || '', onPressedChange: (newValue) => {
+                            setValue(newValue);
+                            onValueChange(newValue);
+                        } })) }), _jsx(DropdownPicker, { className: "h-[32px]", defaultValue: unit, options: unitOptions, onPressedChange: (selectedUnit) => {
+                        if (selectedUnit === 'reset') {
+                            setValue('');
+                            onValueChange('');
+                            setIsVisible(false);
+                        }
+                        else {
+                            setUnit(selectedUnit);
+                            onUnitChange(selectedUnit);
+                            showOptions(selectedUnit);
+                        }
+                    } })] }) }));
 };
+export default MetricsControl;
+//# sourceMappingURL=MetricsControl.js.map

package/dist/MetricsControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricsControl.js","sourceRoot":"","sources":["../src/MetricsControl.tsx"],"names":[],"mappings":"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"}

package/dist/Modal.js

@@ -1,82 +1,76 @@
-import { j as r } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { useContext as j, createContext as b, useState as v, useEffect as u, Children as a, isValidElement as l } from "@wordpress/element";
-import { Modal as C } from "@wordpress/components";
-import n from "classnames";
-const i = b(null), d = () => {
-  const e = j(i);
-  if (!e)
-    throw new Error("useModalContext must be used within a ModalProvider");
-  return e;
-}, R = ({
-  children: e,
-  defaultOpen: o,
-  onOpenChange: s,
-  title: p,
-  className: f
-}) => {
-  const [m, c] = v(!1);
-  u(() => {
-    c(o);
-  }, [o]);
-  const M = () => c(!0), x = () => c(!1);
-  return u(() => {
-    s(m);
-  }, [m, s]), /* @__PURE__ */ r.jsxs(i.Provider, { value: { closeModal: x, openModal: M }, children: [
-    a.map(e, (t) => l(t) && t.type === w ? t : null),
-    m && /* @__PURE__ */ r.jsx(
-      C,
-      {
-        className: n("blockbite-ui__modal bb_", f),
-        onRequestClose: x,
-        title: p,
-        children: /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
-          a.map(e, (t) => l(t) && t.type === y ? t : null),
-          a.map(e, (t) => l(t) && t.type === g ? t : null),
-          a.map(e, (t) => l(t) && t.type === N ? t : null)
-        ] })
-      }
-    )
-  ] });
-}, y = ({ children: e, className: o = "", ...s }) => /* @__PURE__ */ r.jsx(
-  "div",
-  {
-    className: n(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      o
-    ),
-    ...s,
-    children: e
-  }
-), N = ({ children: e, className: o = "", ...s }) => /* @__PURE__ */ r.jsx(
-  "div",
-  {
-    className: n(
-      "border-gray-light fixed bottom-0 left-0 right-0 flex h-[4rem] flex-row items-center justify-end space-x-2 border-t bg-white px-4",
-      o
-    ),
-    ...s,
-    children: e
-  }
-), g = ({ children: e, className: o = "", ...s }) => /* @__PURE__ */ r.jsx(
-  "div",
-  {
-    className: n("text-gray-medium px-4 pb-4 text-sm", o),
-    ...s,
-    children: e
-  }
-), q = ({ children: e }) => {
-  const { closeModal: o } = d();
-  return /* @__PURE__ */ r.jsx("div", { onClick: o, className: "cursor-pointer", children: e });
-}, w = ({ children: e }) => {
-  const { openModal: o } = d();
-  return /* @__PURE__ */ r.jsx("div", { onClick: o, className: "cursor-pointer", children: e });
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
-export {
-  R as Modal,
-  q as ModalClose,
-  g as ModalContent,
-  N as ModalFooter,
-  y as ModalHeader,
-  w as ModalTrigger,
-  d as useModalContext
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Children, createContext, isValidElement, useContext, useEffect, useState, } from '@wordpress/element';
+import { Modal as WordpressModal } from '@wordpress/components';
+import classNames from 'classnames';
+const ModalContext = createContext(null);
+export const useModalContext = () => {
+    const context = useContext(ModalContext);
+    if (!context) {
+        throw new Error('useModalContext must be used within a ModalProvider');
+    }
+    return context;
 };
+export const Modal = ({ children, defaultOpen, onOpenChange, title, className, }) => {
+    const [isOpen, setOpen] = useState(false);
+    // Sync `isOpen` with `defaultOpen` when `defaultOpen` changes
+    useEffect(() => {
+        setOpen(defaultOpen);
+    }, [defaultOpen]);
+    const openModal = () => setOpen(true);
+    const closeModal = () => setOpen(false);
+    useEffect(() => {
+        onOpenChange(isOpen);
+    }, [isOpen, onOpenChange]);
+    return (_jsxs(ModalContext.Provider, { value: { closeModal, openModal }, children: [Children.map(children, (child) => {
+                return isValidElement(child) && child.type === ModalTrigger
+                    ? child
+                    : null;
+            }), isOpen && (_jsx(WordpressModal, { className: classNames('blockbite-ui__modal bb_', className), onRequestClose: closeModal, title: title, children: _jsxs("div", { className: "relative", children: [Children.map(children, (child) => {
+                            return isValidElement(child) && child.type === ModalHeader
+                                ? child
+                                : null;
+                        }), Children.map(children, (child) => {
+                            return isValidElement(child) && child.type === ModalContent
+                                ? child
+                                : null;
+                        }), Children.map(children, (child) => {
+                            return isValidElement(child) && child.type === ModalFooter
+                                ? child
+                                : null;
+                        })] }) }))] }));
+};
+// Header component for modal
+export const ModalHeader = (_a) => {
+    var { children, className = '' } = _a, props = __rest(_a, ["children", "className"]);
+    return (_jsx("div", Object.assign({ className: classNames('flex flex-col space-y-1.5 text-center sm:text-left', className) }, props, { children: children })));
+};
+// Footer component for modal
+export const ModalFooter = (_a) => {
+    var { children, className = '' } = _a, props = __rest(_a, ["children", "className"]);
+    return (_jsx("div", Object.assign({ className: classNames('border-gray-light fixed bottom-0 left-0 right-0 flex h-[4rem] flex-row items-center justify-end space-x-2 border-t bg-white px-4', className) }, props, { children: children })));
+};
+// Description component for modal
+export const ModalContent = (_a) => {
+    var { children, className = '' } = _a, props = __rest(_a, ["children", "className"]);
+    return (_jsx("div", Object.assign({ className: classNames('text-gray-medium px-4 pb-4 text-sm', className) }, props, { children: children })));
+};
+export const ModalClose = ({ children }) => {
+    const { closeModal } = useModalContext();
+    return (_jsx("div", { onClick: closeModal, className: "cursor-pointer", children: children }));
+};
+export const ModalTrigger = ({ children }) => {
+    const { openModal } = useModalContext();
+    return (_jsx("div", { onClick: openModal, className: "cursor-pointer", children: children }));
+};
+//# sourceMappingURL=Modal.js.map

package/dist/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.tsx"],"names":[],"mappings":"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"}