@kosdev-code/kos-ui-plugin 2.0.41 → 2.1.1

package/dev.js

@@ -1,403 +0,0 @@
-import { a as o, j as u, F as D } from "./emotion-react-jsx-runtime.browser.esm-70CdOW1e.js";
-import { useState as x, useEffect as T, useCallback as I, useMemo as y } from "react";
-import { CardButtonGrid as $, Header as k, Modal as O, Tabs as A, SettingsSubheading as L, TabContainer as j, TabRouter as U, PickerCard as Z, Container as z, TopNavigationButtonList as H, useComponentConfigurationContext as E, BackButton as G } from "@kosdev-code/kos-ddk-components";
-import { kosComponent as w, useKosTranslation as B } from "@kosdev-code/kos-ui-sdk";
-import p from "@emotion/styled";
-import "react/jsx-runtime";
-const b = ({
-  component: t,
-  location: n,
-  resolver: e,
-  props: s
-}) => {
-  const [c, i] = x();
-  return T(() => {
-    (async () => {
-      const r = await e(n);
-      i(r[t]);
-    })();
-  }, [t, n, e]), c ? /* @__PURE__ */ o(c, { ...s }) : null;
-}, K = (t) => Object.entries(t).reduce((n, [e, s]) => {
-  if (Array.isArray(s) || typeof s == "object" && s !== null) {
-    const c = `${e}List`, i = `${e}Map`, l = [], r = {};
-    (Array.isArray(s) ? s : Object.values(s)).forEach((a) => {
-      const g = { ...a, label: a.title };
-      l.push(g), r[g.id] = g;
-    }), n[c] = l, n[i] = r;
-  }
-  return n;
-}, {}), P = (t) => {
-  const n = t.kosdev.ddk.ncui.plugin.contributes;
-  return {
-    ...K(n),
-    contributes: n,
-    json: t
-  };
-}, _ = p.div`
-  display: flex;
-  flex-direction: column;
-  gap: 32px;
-  padding: 24px;
-`, F = w(
-  ({
-    kOSMetadata: { experiencesMap: t },
-    list: n,
-    map: e,
-    resolver: s
-  }) => {
-    const [c, i] = x(), l = n.map((d) => d.namespace) || [], { t: r } = B([...new Set(l)]), h = c == null ? void 0 : c.experienceId, a = t[h], g = a == null ? void 0 : a.component, m = a == null ? void 0 : a.location, S = I(
-      (d) => {
-        const v = e[d];
-        i(v);
-      },
-      [e]
-    ), C = y(
-      () => n.map((d) => ({
-        ...d,
-        label: r(`${d.namespace}:${d.title}`, `"${d.title}"`)
-      })),
-      [n, r]
-    );
-    return /* @__PURE__ */ u(_, { children: [
-      /* @__PURE__ */ o($, { items: C, onSelect: S }),
-      g && m && /* @__PURE__ */ o(
-        b,
-        {
-          component: g,
-          location: m,
-          resolver: s
-        }
-      )
-    ] });
-  }
-), R = p.div`
-  display: flex;
-  flex-direction: column;
-  gap: 32px;
-  padding: 24px;
-`, M = w(
-  ({
-    kOSMetadata: { experiencesMap: t },
-    list: n,
-    map: e,
-    showOpenButton: s = !0,
-    showCloseButton: c = !0,
-    resolver: i
-  }) => {
-    const [l, r] = x(), h = n.map((f) => f.namespace) || [], { t: a } = B([...new Set(h)]), g = l == null ? void 0 : l.experienceId, m = t[g], S = m == null ? void 0 : m.component, C = m == null ? void 0 : m.location, d = I(
-      (f) => {
-        const V = e[f];
-        r(V || null);
-      },
-      [e]
-    ), v = y(
-      () => n.map((f) => ({
-        ...f,
-        label: a(`${f.namespace}:${f.title}`, `"${f.title}"`)
-      })),
-      [n, a]
-    );
-    return /* @__PURE__ */ u(R, { children: [
-      /* @__PURE__ */ o($, { items: v, onSelect: d }),
-      S && C && /* @__PURE__ */ o(O, { mode: "maximized", show: !0, children: /* @__PURE__ */ u(D, { children: [
-        /* @__PURE__ */ o(
-          k,
-          {
-            title: a(l.title, `"${l.title}"`),
-            showOpenButton: s,
-            showCloseButton: c,
-            onClose: () => {
-              d("");
-            }
-          }
-        ),
-        /* @__PURE__ */ o(
-          b,
-          {
-            component: S,
-            location: C,
-            resolver: i
-          }
-        )
-      ] }) })
-    ] });
-  }
-), W = p.div`
-  display: flex;
-  flex-direction: column;
-  gap: 32px;
-  padding: 24px;
-`, q = p.div`
-  display: flex;
-  flex-direction: column;
-  gap: 32px;
-`, N = ({
-  experiencesMap: t,
-  resolver: n,
-  setting: { experienceId: e, id: s, namespace: c, title: i }
-}) => {
-  const { t: l } = B(c), r = t[e], h = r == null ? void 0 : r.component, a = r == null ? void 0 : r.location;
-  return /* @__PURE__ */ u(j, { children: [
-    /* @__PURE__ */ o(L, { children: l(i, `"${i}"`) }),
-    /* @__PURE__ */ o(
-      b,
-      {
-        component: h,
-        location: a,
-        resolver: n
-      },
-      s
-    )
-  ] });
-}, Q = ({ experiencesMap: t, group: n, resolver: e }) => /* @__PURE__ */ o(q, { children: n.map((s) => /* @__PURE__ */ o(
-  N,
-  {
-    experiencesMap: t,
-    resolver: e,
-    setting: s
-  },
-  s.settingsGroup
-)) }), X = ({
-  kOSMetadata: { experiencesMap: t },
-  list: n,
-  resolver: e
-}) => {
-  const s = y(() => {
-    const i = {};
-    return n.forEach((l) => {
-      i[l.settingsGroup] || (i[l.settingsGroup] = []), i[l.settingsGroup].push(l);
-    }), i;
-  }, [n]), c = y(
-    () => Object.keys(s).map((i) => ({
-      id: i,
-      label: i,
-      content: /* @__PURE__ */ o(
-        Q,
-        {
-          experiencesMap: t,
-          group: s[i],
-          resolver: e
-        }
-      )
-    })),
-    [t, s, e]
-  );
-  return /* @__PURE__ */ o(W, { children: /* @__PURE__ */ o(A, { tabs: c }) });
-}, Y = p.div`
-  display: flex;
-  flex-direction: column;
-  gap: 32px;
-  padding: 24px;
-`, J = w(
-  ({
-    kOSMetadata: { experiencesMap: t },
-    list: n,
-    map: e,
-    resolver: s
-  }) => {
-    const [c, i] = x(), l = n.map((d) => d.namespace) || [], { t: r } = B([...new Set(l)]), h = c == null ? void 0 : c.experienceId, a = t[h], g = a == null ? void 0 : a.component, m = a == null ? void 0 : a.location, S = I(
-      (d) => {
-        const v = e[d];
-        i(v || null);
-      },
-      [e]
-    ), C = y(
-      () => n.map((d) => ({
-        ...d,
-        label: r(`${d.namespace}:${d.title}`, `"${d.title}"`)
-      })),
-      [n, r]
-    );
-    return /* @__PURE__ */ u(Y, { children: [
-      /* @__PURE__ */ o($, { items: C, onSelect: S }),
-      g && m && /* @__PURE__ */ o(
-        b,
-        {
-          component: g,
-          location: m,
-          resolver: s,
-          props: { onComplete: S }
-        }
-      )
-    ] });
-  }
-), tt = {
-  cui: (t) => /* @__PURE__ */ o(M, { ...t, showOpenButton: !1 }),
-  utilities: J,
-  setupStep: M,
-  settings: (t) => /* @__PURE__ */ o(X, { baseRoute: "settings", ...t })
-}, St = w(({ kOSJSON: t, resolver: n }) => {
-  const e = y(() => P(t), [t]), s = y(
-    () => Object.keys(e.contributes).filter(
-      (c) => Array.isArray(e.contributes[c]) && e.contributes[c].length
-    ).map((c) => {
-      const i = tt[c] || F;
-      return {
-        id: c,
-        label: c,
-        content: /* @__PURE__ */ o(
-          i,
-          {
-            kOSMetadata: e,
-            list: e[`${c}List`],
-            map: e[`${c}Map`],
-            resolver: n
-          },
-          c
-        )
-      };
-    }),
-    []
-  );
-  return /* @__PURE__ */ o(U, { baseRoute: "", tabs: s });
-}), nt = p.div`
-  display: flex;
-  flex-direction: column;
-  gap: 32px;
-  width: 100%;
-`, Ct = ({
-  kOSMetadata: { defaultExperienceId: t, experienceList: n, experienceMap: e },
-  resolver: s
-}) => {
-  const [c, i] = x(t), l = e[c].component, r = e[c].location, h = I((a) => {
-    i(a);
-  }, []);
-  return /* @__PURE__ */ u(nt, { children: [
-    /* @__PURE__ */ o(
-      Z,
-      {
-        label: "Experience",
-        items: n,
-        selectedItemId: c,
-        cancelButtonLabel: "Cancel",
-        proceedButtonLabel: "Select",
-        onSave: h,
-        displayValue: l
-      }
-    ),
-    /* @__PURE__ */ o(
-      b,
-      {
-        component: l,
-        location: r,
-        resolver: s
-      }
-    )
-  ] });
-}, ot = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='kos_logo_full'%20data-name='kos_logo_full'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2041.58%2016.95'%20fill='%23fff'%3e%3cpath%20d='m21.49,12.39c-.7-.38-1.25-.91-1.64-1.59-.4-.68-.59-1.45-.59-2.32s.2-1.64.59-2.32c.4-.68.94-1.21,1.64-1.59.7-.38,1.49-.57,2.38-.57s1.68.19,2.38.57c.7.38,1.25.91,1.64,1.59.4.68.59,1.45.59,2.32s-.2,1.64-.59,2.32c-.4.68-.94,1.21-1.64,1.59-.7.38-1.49.57-2.38.57s-1.68-.19-2.38-.57Zm3.76-1.49c.4-.24.72-.56.95-.98.23-.42.34-.9.34-1.43s-.11-1.01-.34-1.43c-.23-.42-.54-.75-.95-.98-.4-.24-.86-.35-1.37-.35s-.97.12-1.37.35c-.4.24-.72.56-.95.98-.23.42-.34.9-.34,1.43s.11,1.01.34,1.43c.23.42.54.75.95.98.4.24.86.35,1.37.35s.97-.12,1.37-.35Zm6.34,1.67c-.73-.24-1.32-.56-1.76-.98l1.16-1.42c.81.72,1.77,1.08,2.89,1.08.51,0,.92-.1,1.24-.29.31-.19.47-.43.47-.71,0-.21-.09-.38-.28-.53-.18-.14-.5-.26-.94-.35l-1.84-.35c-.8-.15-1.4-.43-1.79-.83-.4-.4-.59-.91-.59-1.51,0-.54.16-1.02.47-1.42.32-.4.76-.71,1.32-.93s1.2-.32,1.91-.32c.67,0,1.32.1,1.93.29s1.15.49,1.6.9l-1.08,1.38c-.76-.62-1.6-.92-2.51-.92-.49,0-.89.08-1.22.25-.32.17-.49.38-.49.64,0,.17.08.32.25.44.16.13.48.24.94.32l1.7.31c.85.16,1.49.46,1.91.91.43.44.64.97.64,1.59,0,.55-.15,1.04-.44,1.46s-.71.75-1.25.98-1.17.35-1.88.35c-.86,0-1.65-.12-2.38-.35ZM41.5,1c0-.55-.46-1-1.01-1H1C.45,0,0,.45,0,1v14.95c0,.55.45,1,1,1h15.2v-.02s.06.02.1.02h24.29c.55,0,1-.45.99-1l-.08-14.95Zm-25.21,14.95l-.09-14.95h24.3s.09,14.95.09,14.95h-24.3Zm-8.34-7.1l-1.66,1.64v2.32h-1.88V4.16h1.88v4.09l4.1-4.09h2.27l-3.42,3.4,3.62,5.24h-2.23l-2.69-3.96Z'%20/%3e%3c/svg%3e", et = p.div`
-  background-color: var(--ddk-component-top-navigation-background-color);
-  color: var(--ddk-component-top-navigation-color);
-`, ct = p.div`
-  padding: var(--ddk-component-top-navigation-padding);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`, st = p.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: 16px;
-`, it = p.div`
-  width: 100px;
-`, at = p.h1`
-  font-size: 16px;
-`, lt = () => y(() => [
-  // { children: 'Develop', to: '/develop' }
-], []), rt = () => {
-  const t = lt();
-  return /* @__PURE__ */ o(et, { children: /* @__PURE__ */ o(z, { children: /* @__PURE__ */ u(ct, { children: [
-    /* @__PURE__ */ u(st, { children: [
-      /* @__PURE__ */ o(it, { children: /* @__PURE__ */ o("img", { alt: "KOS logo", src: ot }) }),
-      /* @__PURE__ */ o(at, { children: "Welcome to KOS" })
-    ] }),
-    /* @__PURE__ */ o(H, { items: t })
-  ] }) }) });
-}, dt = p.div`
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  height: 100vh;
-`, pt = p.div`
-  display: flex;
-  flex-direction: column;
-  overflow-y: auto;
-`, vt = w(({ children: t }) => /* @__PURE__ */ u(dt, { children: [
-  /* @__PURE__ */ o(rt, {}),
-  /* @__PURE__ */ o(pt, { children: t })
-] })), xt = ({
-  children: t
-}) => t, wt = ({ children: t }) => {
-  const { componentModeOverride: n } = E();
-  return /* @__PURE__ */ o(
-    O,
-    {
-      contain: n !== "compact",
-      mode: "maximized",
-      show: !0,
-      children: /* @__PURE__ */ u(D, { children: [
-        /* @__PURE__ */ o(
-          k,
-          {
-            CloseButton: n === "compact" ? G : void 0,
-            contain: n === "compact",
-            showCloseButton: !0,
-            showOpenButton: !1,
-            title: "CUI"
-          }
-        ),
-        t
-      ] })
-    }
-  );
-}, bt = ({ children: t }) => t, It = ({
-  children: t
-}) => /* @__PURE__ */ u(j, { children: [
-  /* @__PURE__ */ o(L, { children: "Setting" }),
-  t
-] }), Bt = ({
-  children: t
-}) => {
-  const { componentModeOverride: n } = E();
-  return /* @__PURE__ */ o(
-    O,
-    {
-      contain: n !== "compact",
-      mode: "maximized",
-      show: !0,
-      children: /* @__PURE__ */ u(D, { children: [
-        /* @__PURE__ */ o(
-          k,
-          {
-            CloseButton: n === "compact" ? G : void 0,
-            contain: n === "compact",
-            showCloseButton: !0,
-            showOpenButton: !0,
-            title: "Setup Step"
-          }
-        ),
-        t
-      ] })
-    }
-  );
-}, Dt = ({
-  children: t
-}) => t;
-export {
-  wt as CUIStoryContainer,
-  xt as ControlPourStoryContainer,
-  b as DynamicComponentView,
-  St as DynamicContainer,
-  F as DynamicViewBasic,
-  M as DynamicViewModal,
-  Ct as DynamicViewPicker,
-  X as DynamicViewSettings,
-  J as DynamicViewUtilities,
-  rt as Header,
-  bt as NavStoryContainer,
-  It as SettingStoryContainer,
-  Bt as SetupStepStoryContainer,
-  vt as Shell,
-  Dt as UtilityStoryContainer,
-  P as parse
-};
-//# sourceMappingURL=dev.js.map

package/dev.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dev.js","sources":["../../../../packages/sdk/kos-ui-plugin/src/lib/dev/components/dynamic-view/dynamic-component-view.tsx","../../../../packages/sdk/kos-ui-plugin/src/lib/dev/utils/normalize.ts","../../../../packages/sdk/kos-ui-plugin/src/lib/dev/utils/kos-metadata-parser.ts","../../../../packages/sdk/kos-ui-plugin/src/lib/dev/components/dynamic-view/dynamic-view-basic.tsx","../../../../packages/sdk/kos-ui-plugin/src/lib/dev/components/dynamic-view/dynamic-view-modal.tsx","../../../../packages/sdk/kos-ui-plugin/src/lib/dev/components/dynamic-view/dynamic-view-settings.tsx","../../../../packages/sdk/kos-ui-plugin/src/lib/dev/components/dynamic-view/dynamic-view-utilities.tsx","../../../../packages/sdk/kos-ui-plugin/src/lib/dev/components/dynamic-view/dynamic-container.tsx","../../../../packages/sdk/kos-ui-plugin/src/lib/dev/components/dynamic-view/dynamic-view-picker.tsx","../../../../packages/sdk/kos-ui-plugin/src/lib/dev/components/shell/header/kos-logo.svg","../../../../packages/sdk/kos-ui-plugin/src/lib/dev/components/shell/header/header.tsx","../../../../packages/sdk/kos-ui-plugin/src/lib/dev/components/shell/shell.tsx","../../../../packages/sdk/kos-ui-plugin/src/lib/dev/components/storybook/control-pour-story-container/control-pour-story-container.tsx","../../../../packages/sdk/kos-ui-plugin/src/lib/dev/components/storybook/cui-story-container/cui-story-container.tsx","../../../../packages/sdk/kos-ui-plugin/src/lib/dev/components/storybook/nav-story-container/nav-story-container.tsx","../../../../packages/sdk/kos-ui-plugin/src/lib/dev/components/storybook/setting-story-container/setting-story-container.tsx","../../../../packages/sdk/kos-ui-plugin/src/lib/dev/components/storybook/setup-step-story-container/setup-step-story-container.tsx","../../../../packages/sdk/kos-ui-plugin/src/lib/dev/components/storybook/utility-story-container/utility-story-container.tsx"],"sourcesContent":["import { ElementType, useEffect, useState } from \"react\";\n\ninterface DynamicComponentViewProps {\n  component: string;\n  location: string;\n  resolver: (location: string) => any;\n  props?: any;\n}\n\nexport const DynamicComponentView = ({\n  component,\n  location,\n  resolver,\n  props,\n}: DynamicComponentViewProps) => {\n  const [Component, setComponent] = useState<ElementType>();\n\n  useEffect(() => {\n    const load = async () => {\n      const result = await resolver(location);\n\n      setComponent(result[component]);\n    };\n\n    load();\n  }, [component, location, resolver]);\n\n  return Component ? <Component {...props} /> : null;\n};\n","export const normalize = (json: any): Record<string, any> =>\n  Object.entries(json).reduce((parsed: Record<string, any>, [key, value]) => {\n    if (Array.isArray(value) || (typeof value === \"object\" && value !== null)) {\n      const listKey = `${key}List`;\n      const mapKey = `${key}Map`;\n\n      const list: any[] = [];\n      const map: Record<string, any> = {};\n\n      const items = Array.isArray(value) ? value : Object.values(value);\n      items.forEach((item) => {\n        const data = { ...item, label: item.title };\n        list.push(data);\n        map[data.id] = data;\n      });\n\n      parsed[listKey] = list;\n      parsed[mapKey] = map;\n    }\n\n    return parsed;\n  }, {});\n","import { normalize } from \"./normalize\";\n\nexport interface KOSMetadata {\n  json: any;\n  [key: string]: any;\n}\n\nexport const parse = (json: any): KOSMetadata => {\n  const contributes = json.kosdev.ddk.ncui.plugin.contributes;\n\n  const parsed: Record<string, any> = normalize(contributes);\n\n  return {\n    ...parsed,\n    contributes,\n    json,\n  };\n};\n","import styled from \"@emotion/styled\";\nimport { CardButtonGrid } from \"@kosdev-code/kos-ddk-components\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport { KOSMetadata } from \"../../utils\";\nimport { DynamicComponentView } from \"./dynamic-component-view\";\nimport { kosComponent, useKosTranslation } from \"@kosdev-code/kos-ui-sdk\";\n\nconst DynamicViewBasicContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n  padding: 24px;\n`;\n\ninterface DynamicViewBasicProps {\n  kOSMetadata: KOSMetadata;\n  list: any[];\n  map: Record<string, any>;\n  resolver: (location: string) => any;\n}\n\nexport const DynamicViewBasic = kosComponent(\n  ({\n    kOSMetadata: { experiencesMap },\n    list,\n    map,\n    resolver,\n  }: DynamicViewBasicProps) => {\n    const [selectedItem, setSelectedItem] = useState<any>();\n\n    const namespaces = list.map((ext) => ext.namespace) || [];\n    const { t } = useKosTranslation([...new Set(namespaces)]);\n\n    const selectedExperienceID = selectedItem?.experienceId;\n    const experience = experiencesMap[selectedExperienceID];\n    const component = experience?.component;\n    const location = experience?.location;\n\n    const select = useCallback(\n      (itemID: string) => {\n        const item = map[itemID];\n\n        setSelectedItem(item);\n      },\n      [map]\n    );\n\n    const translatedList = useMemo(\n      () =>\n        list.map((item) => {\n          return {\n            ...item,\n            label: t(`${item.namespace}:${item.title}`, `\"${item.title}\"`),\n          };\n        }),\n      [list, t]\n    );\n\n    return (\n      <DynamicViewBasicContainer>\n        <CardButtonGrid items={translatedList} onSelect={select} />\n\n        {component && location && (\n          <DynamicComponentView\n            component={component}\n            location={location}\n            resolver={resolver}\n          />\n        )}\n      </DynamicViewBasicContainer>\n    );\n  }\n);\n","import styled from \"@emotion/styled\";\nimport { CardButtonGrid, Header, Modal } from \"@kosdev-code/kos-ddk-components\";\nimport { kosComponent, useKosTranslation } from \"@kosdev-code/kos-ui-sdk\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport { KOSMetadata } from \"../../utils\";\nimport { DynamicComponentView } from \"./dynamic-component-view\";\n\nconst DynamicViewModalContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n  padding: 24px;\n`;\n\ninterface DynamicViewModalProps {\n  kOSMetadata: KOSMetadata;\n  list: any[];\n  map: Record<string, any>;\n  showOpenButton?: boolean;\n  showCloseButton?: boolean;\n  resolver: (location: string) => any;\n}\n\nexport const DynamicViewModal = kosComponent(\n  ({\n    kOSMetadata: { experiencesMap },\n    list,\n    map,\n    showOpenButton = true,\n    showCloseButton = true,\n    resolver,\n  }: DynamicViewModalProps) => {\n    const [selectedItem, setSelectedItem] = useState<any>();\n\n    const namespaces = list.map((ext) => ext.namespace) || [];\n    const { t } = useKosTranslation([...new Set(namespaces)]);\n\n    const selectedExperienceID = selectedItem?.experienceId;\n    const experience = experiencesMap[selectedExperienceID];\n    const component = experience?.component;\n    const location = experience?.location;\n\n    const select = useCallback(\n      (itemID: string) => {\n        const item = map[itemID];\n\n        if (item) {\n          setSelectedItem(item);\n        } else {\n          setSelectedItem(null);\n        }\n      },\n      [map]\n    );\n\n    const translatedList = useMemo(\n      () =>\n        list.map((item) => {\n          return {\n            ...item,\n            label: t(`${item.namespace}:${item.title}`, `\"${item.title}\"`),\n          };\n        }),\n      [list, t]\n    );\n\n    return (\n      <DynamicViewModalContainer>\n        <CardButtonGrid items={translatedList} onSelect={select} />\n\n        {component && location && (\n          <Modal mode=\"maximized\" show={true}>\n            <>\n              <Header\n                title={t(selectedItem.title, `\"${selectedItem.title}\"`)}\n                showOpenButton={showOpenButton}\n                showCloseButton={showCloseButton}\n                onClose={() => {\n                  select(\"\");\n                }}\n              />\n              <DynamicComponentView\n                component={component}\n                location={location}\n                resolver={resolver}\n              />\n            </>\n          </Modal>\n        )}\n      </DynamicViewModalContainer>\n    );\n  }\n);\n","import styled from \"@emotion/styled\";\nimport {\n  SettingsSubheading,\n  TabContainer,\n  Tabs,\n} from \"@kosdev-code/kos-ddk-components\";\nimport { useKosTranslation } from \"@kosdev-code/kos-ui-sdk\";\nimport { useMemo } from \"react\";\nimport type { SettingsDefinition } from \"../../../../types/global\";\nimport { KOSMetadata } from \"../../utils\";\nimport { DynamicComponentView } from \"./dynamic-component-view\";\n\nconst DynamicViewSettingsContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n  padding: 24px;\n`;\n\nconst GroupContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n`;\n\ninterface Setting {\n  id: string;\n  title: string;\n  namespace: string;\n  settingsGroup: string;\n  experienceId: string;\n}\n\ninterface SettingsViewProps {\n  experiencesMap: any;\n  resolver: (location: string) => any;\n  setting: Setting;\n}\n\nconst SettingView = ({\n  experiencesMap,\n  resolver,\n  setting: { experienceId, id, namespace, title },\n}: SettingsViewProps) => {\n  const { t } = useKosTranslation(namespace);\n\n  const experience = experiencesMap[experienceId];\n  const component = experience?.component;\n  const location = experience?.location;\n\n  return (\n    <TabContainer>\n      <SettingsSubheading>{t(title, `\"${title}\"`)}</SettingsSubheading>\n      <DynamicComponentView\n        key={id}\n        component={component}\n        location={location}\n        resolver={resolver}\n      />\n    </TabContainer>\n  );\n};\n\ninterface GroupViewProps {\n  experiencesMap: any;\n  group: Setting[];\n  resolver: (location: string) => any;\n}\n\nconst GroupView = ({ experiencesMap, group, resolver }: GroupViewProps) => (\n  <GroupContainer>\n    {group.map((setting) => (\n      <SettingView\n        key={setting.settingsGroup}\n        experiencesMap={experiencesMap}\n        resolver={resolver}\n        setting={setting}\n      />\n    ))}\n  </GroupContainer>\n);\n\ninterface DynamicViewSettingsProps {\n  kOSMetadata: KOSMetadata;\n  list: SettingsDefinition[];\n  map: Record<string, any>;\n  showOpenButton?: boolean;\n  showCloseButton?: boolean;\n  baseRoute?: string;\n  resolver: (location: string) => any;\n}\n\nexport const DynamicViewSettings = ({\n  kOSMetadata: { experiencesMap },\n  list,\n\n  resolver,\n}: DynamicViewSettingsProps) => {\n  const groups = useMemo(() => {\n    const groups: Record<string, any> = {};\n\n    list.forEach((item) => {\n      if (!groups[item.settingsGroup]) {\n        groups[item.settingsGroup] = [];\n      }\n\n      groups[item.settingsGroup].push(item);\n    });\n\n    return groups;\n  }, [list]);\n\n  const tabs = useMemo(\n    () =>\n      Object.keys(groups).map((groupName) => {\n        return {\n          id: groupName,\n          label: groupName,\n          content: (\n            <GroupView\n              experiencesMap={experiencesMap}\n              group={groups[groupName]}\n              resolver={resolver}\n            />\n          ),\n        };\n      }),\n    [experiencesMap, groups, resolver]\n  );\n\n  return (\n    <DynamicViewSettingsContainer>\n      <Tabs tabs={tabs} />\n    </DynamicViewSettingsContainer>\n  );\n};\n","import styled from \"@emotion/styled\";\nimport { CardButtonGrid } from \"@kosdev-code/kos-ddk-components\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport { KOSMetadata } from \"../../utils\";\nimport { DynamicComponentView } from \"./dynamic-component-view\";\nimport { kosComponent, useKosTranslation } from \"@kosdev-code/kos-ui-sdk\";\n\nconst DynamicViewUtilitiesContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n  padding: 24px;\n`;\n\ninterface DynamicViewUtilitiesProps {\n  kOSMetadata: KOSMetadata;\n  list: any[];\n  map: Record<string, any>;\n  showOpenButton?: boolean;\n  showCloseButton?: boolean;\n  resolver: (location: string) => any;\n}\n\nexport const DynamicViewUtilities = kosComponent(\n  ({\n    kOSMetadata: { experiencesMap },\n    list,\n    map,\n    resolver,\n  }: DynamicViewUtilitiesProps) => {\n    const [selectedItem, setSelectedItem] = useState<any>();\n\n    const namespaces = list.map((ext) => ext.namespace) || [];\n    const { t } = useKosTranslation([...new Set(namespaces)]);\n\n    const selectedExperienceID = selectedItem?.experienceId;\n    const experience = experiencesMap[selectedExperienceID];\n    const component = experience?.component;\n    const location = experience?.location;\n\n    const select = useCallback(\n      (itemID: string) => {\n        const item = map[itemID];\n\n        if (item) {\n          setSelectedItem(item);\n        } else {\n          setSelectedItem(null);\n        }\n      },\n      [map]\n    );\n\n    const translatedList = useMemo(\n      () =>\n        list.map((item) => {\n          return {\n            ...item,\n            label: t(`${item.namespace}:${item.title}`, `\"${item.title}\"`),\n          };\n        }),\n      [list, t]\n    );\n\n    return (\n      <DynamicViewUtilitiesContainer>\n        <CardButtonGrid items={translatedList} onSelect={select} />\n\n        {component && location && (\n          <DynamicComponentView\n            component={component}\n            location={location}\n            resolver={resolver}\n            props={{ onComplete: select }}\n          />\n        )}\n      </DynamicViewUtilitiesContainer>\n    );\n  }\n);\n","import { TabRouter } from \"@kosdev-code/kos-ddk-components\";\nimport { kosComponent } from \"@kosdev-code/kos-ui-sdk\";\nimport { useMemo } from \"react\";\nimport { parse } from \"../../utils\";\nimport { DynamicViewBasic } from \"./dynamic-view-basic\";\nimport { DynamicViewModal } from \"./dynamic-view-modal\";\nimport { DynamicViewSettings } from \"./dynamic-view-settings\";\nimport { DynamicViewUtilities } from \"./dynamic-view-utilities\";\n\nconst contentComponentMap: Record<string, any> = {\n  cui: (props: any) => <DynamicViewModal {...props} showOpenButton={false} />,\n  utilities: DynamicViewUtilities,\n  setupStep: DynamicViewModal,\n  settings: (props: any) => (\n    <DynamicViewSettings baseRoute=\"settings\" {...props} />\n  ),\n};\n\ninterface DynamicContainerProps {\n  kOSJSON: any;\n  resolver: (location: string) => any;\n}\n\nexport const DynamicContainer: React.FunctionComponent<DynamicContainerProps> =\n  kosComponent(({ kOSJSON, resolver }) => {\n    const kOSMetadata = useMemo(() => parse(kOSJSON), [kOSJSON]);\n\n    const tabs = useMemo(\n      () =>\n        Object.keys(kOSMetadata.contributes)\n          .filter(\n            (key) =>\n              Array.isArray(kOSMetadata.contributes[key]) &&\n              kOSMetadata.contributes[key].length\n          )\n          .map((key) => {\n            const Component = contentComponentMap[key] || DynamicViewBasic;\n\n            return {\n              id: key,\n              label: key,\n              content: (\n                <Component\n                  key={key}\n                  kOSMetadata={kOSMetadata}\n                  list={kOSMetadata[`${key}List`]}\n                  map={kOSMetadata[`${key}Map`]}\n                  resolver={resolver}\n                />\n              ),\n            };\n          }),\n      []\n    );\n\n    return <TabRouter baseRoute=\"\" tabs={tabs} />;\n  });\n","import styled from \"@emotion/styled\";\nimport { PickerCard } from \"@kosdev-code/kos-ddk-components\";\nimport { useCallback, useState } from \"react\";\nimport { DynamicComponentView } from \"./dynamic-component-view\";\nimport { KOSMetadata } from \"../../utils\";\n\nconst DynamicViewPickerContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n  width: 100%;\n`;\n\ninterface DynamicViewPickerProps {\n  kOSMetadata: KOSMetadata;\n  resolver: (location: string) => any;\n}\n\nexport const DynamicViewPicker = ({\n  kOSMetadata: { defaultExperienceId, experienceList, experienceMap },\n  resolver,\n}: DynamicViewPickerProps) => {\n  const [selectedExperienceID, setSelectedExperienceID] =\n    useState(defaultExperienceId);\n\n  const component = experienceMap[selectedExperienceID].component;\n  const location = experienceMap[selectedExperienceID].location;\n\n  const save = useCallback((experienceID: string) => {\n    setSelectedExperienceID(experienceID);\n  }, []);\n\n  return (\n    <DynamicViewPickerContainer>\n      <PickerCard\n        label=\"Experience\"\n        items={experienceList}\n        selectedItemId={selectedExperienceID}\n        cancelButtonLabel=\"Cancel\"\n        proceedButtonLabel=\"Select\"\n        onSave={save}\n        displayValue={component}\n      />\n\n      <DynamicComponentView\n        component={component}\n        location={location}\n        resolver={resolver}\n      />\n    </DynamicViewPickerContainer>\n  );\n};\n","export default \"data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='kos_logo_full'%20data-name='kos_logo_full'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2041.58%2016.95'%20fill='%23fff'%3e%3cpath%20d='m21.49,12.39c-.7-.38-1.25-.91-1.64-1.59-.4-.68-.59-1.45-.59-2.32s.2-1.64.59-2.32c.4-.68.94-1.21,1.64-1.59.7-.38,1.49-.57,2.38-.57s1.68.19,2.38.57c.7.38,1.25.91,1.64,1.59.4.68.59,1.45.59,2.32s-.2,1.64-.59,2.32c-.4.68-.94,1.21-1.64,1.59-.7.38-1.49.57-2.38.57s-1.68-.19-2.38-.57Zm3.76-1.49c.4-.24.72-.56.95-.98.23-.42.34-.9.34-1.43s-.11-1.01-.34-1.43c-.23-.42-.54-.75-.95-.98-.4-.24-.86-.35-1.37-.35s-.97.12-1.37.35c-.4.24-.72.56-.95.98-.23.42-.34.9-.34,1.43s.11,1.01.34,1.43c.23.42.54.75.95.98.4.24.86.35,1.37.35s.97-.12,1.37-.35Zm6.34,1.67c-.73-.24-1.32-.56-1.76-.98l1.16-1.42c.81.72,1.77,1.08,2.89,1.08.51,0,.92-.1,1.24-.29.31-.19.47-.43.47-.71,0-.21-.09-.38-.28-.53-.18-.14-.5-.26-.94-.35l-1.84-.35c-.8-.15-1.4-.43-1.79-.83-.4-.4-.59-.91-.59-1.51,0-.54.16-1.02.47-1.42.32-.4.76-.71,1.32-.93s1.2-.32,1.91-.32c.67,0,1.32.1,1.93.29s1.15.49,1.6.9l-1.08,1.38c-.76-.62-1.6-.92-2.51-.92-.49,0-.89.08-1.22.25-.32.17-.49.38-.49.64,0,.17.08.32.25.44.16.13.48.24.94.32l1.7.31c.85.16,1.49.46,1.91.91.43.44.64.97.64,1.59,0,.55-.15,1.04-.44,1.46s-.71.75-1.25.98-1.17.35-1.88.35c-.86,0-1.65-.12-2.38-.35ZM41.5,1c0-.55-.46-1-1.01-1H1C.45,0,0,.45,0,1v14.95c0,.55.45,1,1,1h15.2v-.02s.06.02.1.02h24.29c.55,0,1-.45.99-1l-.08-14.95Zm-25.21,14.95l-.09-14.95h24.3s.09,14.95.09,14.95h-24.3Zm-8.34-7.1l-1.66,1.64v2.32h-1.88V4.16h1.88v4.09l4.1-4.09h2.27l-3.42,3.4,3.62,5.24h-2.23l-2.69-3.96Z'%20/%3e%3c/svg%3e\"","import styled from \"@emotion/styled\";\nimport {\n  Container,\n  TopNavigationButtonList,\n} from \"@kosdev-code/kos-ddk-components\";\nimport { ReactNode, useMemo } from \"react\";\nimport kosLogo from \"./kos-logo.svg\";\n\nconst HeaderStyles = styled.div`\n  background-color: var(--ddk-component-top-navigation-background-color);\n  color: var(--ddk-component-top-navigation-color);\n`;\n\nconst ContainerStyles = styled.div`\n  padding: var(--ddk-component-top-navigation-padding);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n`;\n\nconst LogoContainerStyles = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n`;\n\nconst LogoStyles = styled.div`\n  width: 100px;\n`;\n\nconst TitleStyles = styled.h1`\n  font-size: 16px;\n`;\n\nconst useNavigationItems = () => {\n  const navigationItems = useMemo(() => {\n    const navigationItems: { children: ReactNode; to: string }[] = [\n      // { children: 'Develop', to: '/develop' }\n    ];\n\n    return navigationItems;\n  }, []);\n\n  return navigationItems;\n};\n\nexport const Header = () => {\n  const navigationItems = useNavigationItems();\n\n  return (\n    <HeaderStyles>\n      <Container>\n        <ContainerStyles>\n          <LogoContainerStyles>\n            <LogoStyles>\n              <img alt=\"KOS logo\" src={kosLogo} />\n            </LogoStyles>\n            <TitleStyles>Welcome to KOS</TitleStyles>\n          </LogoContainerStyles>\n          <TopNavigationButtonList items={navigationItems} />\n        </ContainerStyles>\n      </Container>\n    </HeaderStyles>\n  );\n};\n","import styled from \"@emotion/styled\";\nimport { kosComponent } from \"@kosdev-code/kos-ui-sdk\";\nimport { ReactNode } from \"react\";\nimport { Header } from \"./header\";\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  height: 100vh;\n`;\n\nconst Body = styled.div`\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n`;\n\ninterface ShellProps {\n  children: ReactNode;\n}\n\nexport const Shell = kosComponent(({ children }: ShellProps) => (\n  <Container>\n    <Header />\n    <Body>{children}</Body>\n  </Container>\n));\n","import type { ReactNode } from \"react\";\n\ninterface ControlPourStoryContainerProps {\n  children: ReactNode;\n}\n\nexport const ControlPourStoryContainer = ({\n  children,\n}: ControlPourStoryContainerProps) => children;\n","import {\n  BackButton,\n  Header,\n  Modal,\n  useComponentConfigurationContext,\n} from \"@kosdev-code/kos-ddk-components\";\nimport type { ReactNode } from \"react\";\n\ninterface CUIStoryContainerProps {\n  children: ReactNode;\n}\n\nexport const CUIStoryContainer = ({ children }: CUIStoryContainerProps) => {\n  const { componentModeOverride } = useComponentConfigurationContext();\n\n  return (\n    <Modal\n      contain={componentModeOverride !== \"compact\"}\n      mode=\"maximized\"\n      show={true}\n    >\n      <>\n        <Header\n          CloseButton={\n            componentModeOverride === \"compact\" ? BackButton : undefined\n          }\n          contain={componentModeOverride === \"compact\"}\n          showCloseButton={true}\n          showOpenButton={false}\n          title=\"CUI\"\n        />\n        {children}\n      </>\n    </Modal>\n  );\n};\n","import type { ReactNode } from \"react\";\n\ninterface NavStoryContainerProps {\n  children: ReactNode;\n}\n\nexport const NavStoryContainer = ({ children }: NavStoryContainerProps) =>\n  children;\n","import {\n  SettingsSubheading,\n  TabContainer,\n} from \"@kosdev-code/kos-ddk-components\";\nimport type { ReactNode } from \"react\";\n\ninterface SettingStoryContainerProps {\n  children: ReactNode;\n}\n\nexport const SettingStoryContainer = ({\n  children,\n}: SettingStoryContainerProps) => (\n  <TabContainer>\n    <SettingsSubheading>Setting</SettingsSubheading>\n    {children}\n  </TabContainer>\n);\n","import {\n  BackButton,\n  Header,\n  Modal,\n  useComponentConfigurationContext,\n} from \"@kosdev-code/kos-ddk-components\";\nimport type { ReactNode } from \"react\";\n\ninterface SetupStepStoryContainerProps {\n  children: ReactNode;\n}\n\nexport const SetupStepStoryContainer = ({\n  children,\n}: SetupStepStoryContainerProps) => {\n  const { componentModeOverride } = useComponentConfigurationContext();\n\n  return (\n    <Modal\n      contain={componentModeOverride !== \"compact\"}\n      mode=\"maximized\"\n      show={true}\n    >\n      <>\n        <Header\n          CloseButton={\n            componentModeOverride === \"compact\" ? BackButton : undefined\n          }\n          contain={componentModeOverride === \"compact\"}\n          showCloseButton={true}\n          showOpenButton={true}\n          title=\"Setup Step\"\n        />\n        {children}\n      </>\n    </Modal>\n  );\n};\n","import type { ReactNode } from \"react\";\n\ninterface UtilityStoryContainerProps {\n  children: ReactNode;\n}\n\nexport const UtilityStoryContainer = ({\n  children,\n}: UtilityStoryContainerProps) => children;\n"],"names":["DynamicComponentView","component","location","resolver","props","Component","setComponent","useState","useEffect","result","jsx","normalize","json","parsed","key","value","listKey","mapKey","list","map","item","data","parse","contributes","DynamicViewBasicContainer","styled","DynamicViewBasic","kosComponent","experiencesMap","selectedItem","setSelectedItem","namespaces","ext","t","useKosTranslation","selectedExperienceID","experience","select","useCallback","itemID","translatedList","useMemo","CardButtonGrid","DynamicViewModalContainer","DynamicViewModal","showOpenButton","showCloseButton","Modal","jsxs","Fragment","Header","DynamicViewSettingsContainer","GroupContainer","SettingView","experienceId","id","namespace","title","TabContainer","SettingsSubheading","GroupView","group","setting","DynamicViewSettings","groups","tabs","groupName","Tabs","DynamicViewUtilitiesContainer","DynamicViewUtilities","contentComponentMap","DynamicContainer","kOSJSON","kOSMetadata","TabRouter","DynamicViewPickerContainer","DynamicViewPicker","defaultExperienceId","experienceList","experienceMap","setSelectedExperienceID","save","experienceID","PickerCard","kosLogo","HeaderStyles","ContainerStyles","LogoContainerStyles","LogoStyles","TitleStyles","useNavigationItems","navigationItems","Container","TopNavigationButtonList","Body","Shell","children","ControlPourStoryContainer","CUIStoryContainer","componentModeOverride","useComponentConfigurationContext","BackButton","NavStoryContainer","SettingStoryContainer","SetupStepStoryContainer","UtilityStoryContainer"],"mappings":"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"}

package/emotion-react-jsx-runtime.browser.esm-0ViwU5Kh.cjs

@@ -1,17 +0,0 @@
-"use strict";const lr=require("react/jsx-runtime"),se=require("react");function Re(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const j=Re(lr),L=Re(se);function mr(e){if(e.sheet)return e.sheet;for(var r=0;r<document.styleSheets.length;r++)if(document.styleSheets[r].ownerNode===e)return document.styleSheets[r]}function hr(e){var r=document.createElement("style");return r.setAttribute("data-emotion",e.key),e.nonce!==void 0&&r.setAttribute("nonce",e.nonce),r.appendChild(document.createTextNode("")),r.setAttribute("data-s",""),r}var pr=function(){function e(t){var n=this;this._insertTag=function(a){var s;n.tags.length===0?n.insertionPoint?s=n.insertionPoint.nextSibling:n.prepend?s=n.container.firstChild:s=n.before:s=n.tags[n.tags.length-1].nextSibling,n.container.insertBefore(a,s),n.tags.push(a)},this.isSpeedy=t.speedy===void 0?!0:t.speedy,this.tags=[],this.ctr=0,this.nonce=t.nonce,this.key=t.key,this.container=t.container,this.prepend=t.prepend,this.insertionPoint=t.insertionPoint,this.before=null}var r=e.prototype;return r.hydrate=function(n){n.forEach(this._insertTag)},r.insert=function(n){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(hr(this));var a=this.tags[this.tags.length-1];if(this.isSpeedy){var s=mr(a);try{s.insertRule(n,s.cssRules.length)}catch{}}else a.appendChild(document.createTextNode(n));this.ctr++},r.flush=function(){this.tags.forEach(function(n){var a;return(a=n.parentNode)==null?void 0:a.removeChild(n)}),this.tags=[],this.ctr=0},e}(),P="-ms-",J="-moz-",m="-webkit-",Ae="comm",de="rule",le="decl",yr="@import",Pe="@keyframes",vr="@layer",br=Math.abs,Q=String.fromCharCode,Er=Object.assign;function xr(e,r){return R(e,0)^45?(((r<<2^R(e,0))<<2^R(e,1))<<2^R(e,2))<<2^R(e,3):0}function Oe(e){return e.trim()}function Sr(e,r){return(e=r.exec(e))?e[0]:e}function h(e,r,t){return e.replace(r,t)}function ie(e,r){return e.indexOf(r)}function R(e,r){return e.charCodeAt(r)|0}function W(e,r,t){return e.slice(r,t)}function k(e){return e.length}function me(e){return e.length}function B(e,r){return r.push(e),e}function gr(e,r){return e.map(r).join("")}var ee=1,Y=1,Ne=0,O=0,w=0,z="";function re(e,r,t,n,a,s,o){return{value:e,root:r,parent:t,type:n,props:a,children:s,line:ee,column:Y,length:o,return:""}}function V(e,r){return Er(re("",null,null,"",null,null,0),e,{length:-e.length},r)}function _r(){return w}function Cr(){return w=O>0?R(z,--O):0,Y--,w===10&&(Y=1,ee--),w}function M(){return w=O<Ne?R(z,O++):0,Y++,w===10&&(Y=1,ee++),w}function F(){return R(z,O)}function H(){return O}function U(e,r){return W(z,e,r)}function q(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Me(e){return ee=Y=1,Ne=k(z=e),O=0,[]}function ke(e){return z="",e}function K(e){return Oe(U(O-1,ce(e===91?e+2:e===40?e+1:e)))}function wr(e){for(;(w=F())&&w<33;)M();return q(e)>2||q(w)>3?"":" "}function Tr(e,r){for(;--r&&M()&&!(w<48||w>102||w>57&&w<65||w>70&&w<97););return U(e,H()+(r<6&&F()==32&&M()==32))}function ce(e){for(;M();)switch(w){case e:return O;case 34:case 39:e!==34&&e!==39&&ce(w);break;case 40:e===41&&ce(e);break;case 92:M();break}return O}function $r(e,r){for(;M()&&e+w!==57;)if(e+w===84&&F()===47)break;return"/*"+U(r,O-1)+"*"+Q(e===47?e:M())}function Rr(e){for(;!q(F());)M();return U(e,O)}function Ar(e){return ke(X("",null,null,null,[""],e=Me(e),0,[0],e))}function X(e,r,t,n,a,s,o,f,d){for(var l=0,u=0,v=o,N=0,T=0,g=0,E=1,$=1,S=1,C=0,x="",_=a,i=s,A=n,b=x;$;)switch(g=C,C=M()){case 40:if(g!=108&&R(b,v-1)==58){ie(b+=h(K(C),"&","&\f"),"&\f")!=-1&&(S=-1);break}case 34:case 39:case 91:b+=K(C);break;case 9:case 10:case 13:case 32:b+=wr(g);break;case 92:b+=Tr(H()-1,7);continue;case 47:switch(F()){case 42:case 47:B(Pr($r(M(),H()),r,t),d);break;default:b+="/"}break;case 123*E:f[l++]=k(b)*S;case 125*E:case 59:case 0:switch(C){case 0:case 125:$=0;case 59+u:S==-1&&(b=h(b,/\f/g,"")),T>0&&k(b)-v&&B(T>32?Ee(b+";",n,t,v-1):Ee(h(b," ","")+";",n,t,v-2),d);break;case 59:b+=";";default:if(B(A=be(b,r,t,l,u,a,f,x,_=[],i=[],v),s),C===123)if(u===0)X(b,r,A,A,_,s,v,f,i);else switch(N===99&&R(b,3)===110?100:N){case 100:case 108:case 109:case 115:X(e,A,A,n&&B(be(e,A,A,0,0,a,f,x,a,_=[],v),i),a,i,v,f,n?_:i);break;default:X(b,A,A,A,[""],i,0,f,i)}}l=u=T=0,E=S=1,x=b="",v=o;break;case 58:v=1+k(b),T=g;default:if(E<1){if(C==123)--E;else if(C==125&&E++==0&&Cr()==125)continue}switch(b+=Q(C),C*E){case 38:S=u>0?1:(b+="\f",-1);break;case 44:f[l++]=(k(b)-1)*S,S=1;break;case 64:F()===45&&(b+=K(M())),N=F(),u=v=k(x=b+=Rr(H())),C++;break;case 45:g===45&&k(b)==2&&(E=0)}}return s}function be(e,r,t,n,a,s,o,f,d,l,u){for(var v=a-1,N=a===0?s:[""],T=me(N),g=0,E=0,$=0;g<n;++g)for(var S=0,C=W(e,v+1,v=br(E=o[g])),x=e;S<T;++S)(x=Oe(E>0?N[S]+" "+C:h(C,/&\f/g,N[S])))&&(d[$++]=x);return re(e,r,t,a===0?de:f,d,l,u)}function Pr(e,r,t){return re(e,r,t,Ae,Q(_r()),W(e,2,-2),0)}function Ee(e,r,t,n){return re(e,r,t,le,W(e,0,n),W(e,n+1,-1),n)}function D(e,r){for(var t="",n=me(e),a=0;a<n;a++)t+=r(e[a],a,e,r)||"";return t}function Or(e,r,t,n){switch(e.type){case vr:if(e.children.length)break;case yr:case le:return e.return=e.return||e.value;case Ae:return"";case Pe:return e.return=e.value+"{"+D(e.children,n)+"}";case de:e.value=e.props.join(",")}return k(t=D(e.children,n))?e.return=e.value+"{"+t+"}":""}function Nr(e){var r=me(e);return function(t,n,a,s){for(var o="",f=0;f<r;f++)o+=e[f](t,n,a,s)||"";return o}}function Mr(e){return function(r){r.root||(r=r.return)&&e(r)}}var kr=function(r,t,n){for(var a=0,s=0;a=s,s=F(),a===38&&s===12&&(t[n]=1),!q(s);)M();return U(r,O)},Ir=function(r,t){var n=-1,a=44;do switch(q(a)){case 0:a===38&&F()===12&&(t[n]=1),r[n]+=kr(O-1,t,n);break;case 2:r[n]+=K(a);break;case 4:if(a===44){r[++n]=F()===58?"&\f":"",t[n]=r[n].length;break}default:r[n]+=Q(a)}while(a=M());return r},Fr=function(r,t){return ke(Ir(Me(r),t))},xe=new WeakMap,Lr=function(r){if(!(r.type!=="rule"||!r.parent||r.length<1)){for(var t=r.value,n=r.parent,a=r.column===n.column&&r.line===n.line;n.type!=="rule";)if(n=n.parent,!n)return;if(!(r.props.length===1&&t.charCodeAt(0)!==58&&!xe.get(n))&&!a){xe.set(r,!0);for(var s=[],o=Fr(t,s),f=n.props,d=0,l=0;d<o.length;d++)for(var u=0;u<f.length;u++,l++)r.props[l]=s[d]?o[d].replace(/&\f/g,f[u]):f[u]+" "+o[d]}}},Dr=function(r){if(r.type==="decl"){var t=r.value;t.charCodeAt(0)===108&&t.charCodeAt(2)===98&&(r.return="",r.value="")}};function Ie(e,r){switch(xr(e,r)){case 5103:return m+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return m+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return m+e+J+e+P+e+e;case 6828:case 4268:return m+e+P+e+e;case 6165:return m+e+P+"flex-"+e+e;case 5187:return m+e+h(e,/(\w+).+(:[^]+)/,m+"box-$1$2"+P+"flex-$1$2")+e;case 5443:return m+e+P+"flex-item-"+h(e,/flex-|-self/,"")+e;case 4675:return m+e+P+"flex-line-pack"+h(e,/align-content|flex-|-self/,"")+e;case 5548:return m+e+P+h(e,"shrink","negative")+e;case 5292:return m+e+P+h(e,"basis","preferred-size")+e;case 6060:return m+"box-"+h(e,"-grow","")+m+e+P+h(e,"grow","positive")+e;case 4554:return m+h(e,/([^-])(transform)/g,"$1"+m+"$2")+e;case 6187:return h(h(h(e,/(zoom-|grab)/,m+"$1"),/(image-set)/,m+"$1"),e,"")+e;case 5495:case 3959:return h(e,/(image-set\([^]*)/,m+"$1$`$1");case 4968:return h(h(e,/(.+:)(flex-)?(.*)/,m+"box-pack:$3"+P+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+m+e+e;case 4095:case 3583:case 4068:case 2532:return h(e,/(.+)-inline(.+)/,m+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(k(e)-1-r>6)switch(R(e,r+1)){case 109:if(R(e,r+4)!==45)break;case 102:return h(e,/(.+:)(.+)-([^]+)/,"$1"+m+"$2-$3$1"+J+(R(e,r+3)==108?"$3":"$2-$3"))+e;case 115:return~ie(e,"stretch")?Ie(h(e,"stretch","fill-available"),r)+e:e}break;case 4949:if(R(e,r+1)!==115)break;case 6444:switch(R(e,k(e)-3-(~ie(e,"!important")&&10))){case 107:return h(e,":",":"+m)+e;case 101:return h(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+m+(R(e,14)===45?"inline-":"")+"box$3$1"+m+"$2$3$1"+P+"$2box$3")+e}break;case 5936:switch(R(e,r+11)){case 114:return m+e+P+h(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return m+e+P+h(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return m+e+P+h(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return m+e+P+e+e}return e}var Yr=function(r,t,n,a){if(r.length>-1&&!r.return)switch(r.type){case le:r.return=Ie(r.value,r.length);break;case Pe:return D([V(r,{value:h(r.value,"@","@"+m)})],a);case de:if(r.length)return gr(r.props,function(s){switch(Sr(s,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return D([V(r,{props:[h(s,/:(read-\w+)/,":"+J+"$1")]})],a);case"::placeholder":return D([V(r,{props:[h(s,/:(plac\w+)/,":"+m+"input-$1")]}),V(r,{props:[h(s,/:(plac\w+)/,":"+J+"$1")]}),V(r,{props:[h(s,/:(plac\w+)/,P+"input-$1")]})],a)}return""})}},zr=[Yr],Vr=function(r){var t=r.key;if(t==="css"){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,function(E){var $=E.getAttribute("data-emotion");$.indexOf(" ")!==-1&&(document.head.appendChild(E),E.setAttribute("data-s",""))})}var a=r.stylisPlugins||zr,s={},o,f=[];o=r.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),function(E){for(var $=E.getAttribute("data-emotion").split(" "),S=1;S<$.length;S++)s[$[S]]=!0;f.push(E)});var d,l=[Lr,Dr];{var u,v=[Or,Mr(function(E){u.insert(E)})],N=Nr(l.concat(a,v)),T=function($){return D(Ar($),N)};d=function($,S,C,x){u=C,T($?$+"{"+S.styles+"}":S.styles),x&&(g.inserted[S.name]=!0)}}var g={key:t,sheet:new pr({key:t,container:o,nonce:r.nonce,speedy:r.speedy,prepend:r.prepend,insertionPoint:r.insertionPoint}),nonce:r.nonce,inserted:s,registered:{},insert:d};return g.sheet.hydrate(f),g},oe={exports:{}},p={};/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var Se;function jr(){if(Se)return p;Se=1;var e=typeof Symbol=="function"&&Symbol.for,r=e?Symbol.for("react.element"):60103,t=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,s=e?Symbol.for("react.profiler"):60114,o=e?Symbol.for("react.provider"):60109,f=e?Symbol.for("react.context"):60110,d=e?Symbol.for("react.async_mode"):60111,l=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,v=e?Symbol.for("react.suspense"):60113,N=e?Symbol.for("react.suspense_list"):60120,T=e?Symbol.for("react.memo"):60115,g=e?Symbol.for("react.lazy"):60116,E=e?Symbol.for("react.block"):60121,$=e?Symbol.for("react.fundamental"):60117,S=e?Symbol.for("react.responder"):60118,C=e?Symbol.for("react.scope"):60119;function x(i){if(typeof i=="object"&&i!==null){var A=i.$$typeof;switch(A){case r:switch(i=i.type,i){case d:case l:case n:case s:case a:case v:return i;default:switch(i=i&&i.$$typeof,i){case f:case u:case g:case T:case o:return i;default:return A}}case t:return A}}}function _(i){return x(i)===l}return p.AsyncMode=d,p.ConcurrentMode=l,p.ContextConsumer=f,p.ContextProvider=o,p.Element=r,p.ForwardRef=u,p.Fragment=n,p.Lazy=g,p.Memo=T,p.Portal=t,p.Profiler=s,p.StrictMode=a,p.Suspense=v,p.isAsyncMode=function(i){return _(i)||x(i)===d},p.isConcurrentMode=_,p.isContextConsumer=function(i){return x(i)===f},p.isContextProvider=function(i){return x(i)===o},p.isElement=function(i){return typeof i=="object"&&i!==null&&i.$$typeof===r},p.isForwardRef=function(i){return x(i)===u},p.isFragment=function(i){return x(i)===n},p.isLazy=function(i){return x(i)===g},p.isMemo=function(i){return x(i)===T},p.isPortal=function(i){return x(i)===t},p.isProfiler=function(i){return x(i)===s},p.isStrictMode=function(i){return x(i)===a},p.isSuspense=function(i){return x(i)===v},p.isValidElementType=function(i){return typeof i=="string"||typeof i=="function"||i===n||i===l||i===s||i===a||i===v||i===N||typeof i=="object"&&i!==null&&(i.$$typeof===g||i.$$typeof===T||i.$$typeof===o||i.$$typeof===f||i.$$typeof===u||i.$$typeof===$||i.$$typeof===S||i.$$typeof===C||i.$$typeof===E)},p.typeOf=x,p}var y={};/** @license React v16.13.1
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var ge;function Wr(){return ge||(ge=1,process.env.NODE_ENV!=="production"&&function(){var e=typeof Symbol=="function"&&Symbol.for,r=e?Symbol.for("react.element"):60103,t=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,s=e?Symbol.for("react.profiler"):60114,o=e?Symbol.for("react.provider"):60109,f=e?Symbol.for("react.context"):60110,d=e?Symbol.for("react.async_mode"):60111,l=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,v=e?Symbol.for("react.suspense"):60113,N=e?Symbol.for("react.suspense_list"):60120,T=e?Symbol.for("react.memo"):60115,g=e?Symbol.for("react.lazy"):60116,E=e?Symbol.for("react.block"):60121,$=e?Symbol.for("react.fundamental"):60117,S=e?Symbol.for("react.responder"):60118,C=e?Symbol.for("react.scope"):60119;function x(c){return typeof c=="string"||typeof c=="function"||c===n||c===l||c===s||c===a||c===v||c===N||typeof c=="object"&&c!==null&&(c.$$typeof===g||c.$$typeof===T||c.$$typeof===o||c.$$typeof===f||c.$$typeof===u||c.$$typeof===$||c.$$typeof===S||c.$$typeof===C||c.$$typeof===E)}function _(c){if(typeof c=="object"&&c!==null){var ne=c.$$typeof;switch(ne){case r:var Z=c.type;switch(Z){case d:case l:case n:case s:case a:case v:return Z;default:var ve=Z&&Z.$$typeof;switch(ve){case f:case u:case g:case T:case o:return ve;default:return ne}}case t:return ne}}}var i=d,A=l,b=f,qe=o,Ge=r,Ue=u,Ze=n,Be=g,He=T,Ke=t,Xe=s,Je=a,Qe=v,pe=!1;function er(c){return pe||(pe=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),ye(c)||_(c)===d}function ye(c){return _(c)===l}function rr(c){return _(c)===f}function tr(c){return _(c)===o}function nr(c){return typeof c=="object"&&c!==null&&c.$$typeof===r}function ar(c){return _(c)===u}function sr(c){return _(c)===n}function ir(c){return _(c)===g}function cr(c){return _(c)===T}function or(c){return _(c)===t}function fr(c){return _(c)===s}function ur(c){return _(c)===a}function dr(c){return _(c)===v}y.AsyncMode=i,y.ConcurrentMode=A,y.ContextConsumer=b,y.ContextProvider=qe,y.Element=Ge,y.ForwardRef=Ue,y.Fragment=Ze,y.Lazy=Be,y.Memo=He,y.Portal=Ke,y.Profiler=Xe,y.StrictMode=Je,y.Suspense=Qe,y.isAsyncMode=er,y.isConcurrentMode=ye,y.isContextConsumer=rr,y.isContextProvider=tr,y.isElement=nr,y.isForwardRef=ar,y.isFragment=sr,y.isLazy=ir,y.isMemo=cr,y.isPortal=or,y.isProfiler=fr,y.isStrictMode=ur,y.isSuspense=dr,y.isValidElementType=x,y.typeOf=_}()),y}process.env.NODE_ENV==="production"?oe.exports=jr():oe.exports=Wr();var qr=oe.exports,Fe=qr,Gr={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Ur={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Le={};Le[Fe.ForwardRef]=Gr;Le[Fe.Memo]=Ur;var Zr=!0;function Br(e,r,t){var n="";return t.split(" ").forEach(function(a){e[a]!==void 0?r.push(e[a]+";"):a&&(n+=a+" ")}),n}var De=function(r,t,n){var a=r.key+"-"+t.name;(n===!1||Zr===!1)&&r.registered[a]===void 0&&(r.registered[a]=t.styles)},Hr=function(r,t,n){De(r,t,n);var a=r.key+"-"+t.name;if(r.inserted[t.name]===void 0){var s=t;do r.insert(t===s?"."+a:"",s,r.sheet,!0),s=s.next;while(s!==void 0)}};function Kr(e){for(var r=0,t,n=0,a=e.length;a>=4;++n,a-=4)t=e.charCodeAt(n)&255|(e.charCodeAt(++n)&255)<<8|(e.charCodeAt(++n)&255)<<16|(e.charCodeAt(++n)&255)<<24,t=(t&65535)*1540483477+((t>>>16)*59797<<16),t^=t>>>24,r=(t&65535)*1540483477+((t>>>16)*59797<<16)^(r&65535)*1540483477+((r>>>16)*59797<<16);switch(a){case 3:r^=(e.charCodeAt(n+2)&255)<<16;case 2:r^=(e.charCodeAt(n+1)&255)<<8;case 1:r^=e.charCodeAt(n)&255,r=(r&65535)*1540483477+((r>>>16)*59797<<16)}return r^=r>>>13,r=(r&65535)*1540483477+((r>>>16)*59797<<16),((r^r>>>15)>>>0).toString(36)}var Xr={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function Jr(e){var r=Object.create(null);return function(t){return r[t]===void 0&&(r[t]=e(t)),r[t]}}var Qr=/[A-Z]|^ms/g,et=/_EMO_([^_]+?)_([^]*?)_EMO_/g,Ye=function(r){return r.charCodeAt(1)===45},_e=function(r){return r!=null&&typeof r!="boolean"},ae=Jr(function(e){return Ye(e)?e:e.replace(Qr,"-$&").toLowerCase()}),Ce=function(r,t){switch(r){case"animation":case"animationName":if(typeof t=="string")return t.replace(et,function(n,a,s){return I={name:a,styles:s,next:I},a})}return Xr[r]!==1&&!Ye(r)&&typeof t=="number"&&t!==0?t+"px":t};function G(e,r,t){if(t==null)return"";var n=t;if(n.__emotion_styles!==void 0)return n;switch(typeof t){case"boolean":return"";case"object":{var a=t;if(a.anim===1)return I={name:a.name,styles:a.styles,next:I},a.name;var s=t;if(s.styles!==void 0){var o=s.next;if(o!==void 0)for(;o!==void 0;)I={name:o.name,styles:o.styles,next:I},o=o.next;var f=s.styles+";";return f}return rt(e,r,t)}case"function":{if(e!==void 0){var d=I,l=t(e);return I=d,G(e,r,l)}break}}var u=t;return u}function rt(e,r,t){var n="";if(Array.isArray(t))for(var a=0;a<t.length;a++)n+=G(e,r,t[a])+";";else for(var s in t){var o=t[s];if(typeof o!="object"){var f=o;_e(f)&&(n+=ae(s)+":"+Ce(s,f)+";")}else if(Array.isArray(o)&&typeof o[0]=="string"&&r==null)for(var d=0;d<o.length;d++)_e(o[d])&&(n+=ae(s)+":"+Ce(s,o[d])+";");else{var l=G(e,r,o);switch(s){case"animation":case"animationName":{n+=ae(s)+":"+l+";";break}default:n+=s+"{"+l+"}"}}}return n}var we=/label:\s*([^\s;{]+)\s*(;|$)/g,I;function Te(e,r,t){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var n=!0,a="";I=void 0;var s=e[0];if(s==null||s.raw===void 0)n=!1,a+=G(t,r,s);else{var o=s;a+=o[0]}for(var f=1;f<e.length;f++)if(a+=G(t,r,e[f]),n){var d=s;a+=d[f]}we.lastIndex=0;for(var l="",u;(u=we.exec(a))!==null;)l+="-"+u[1];var v=Kr(a)+l;return{name:v,styles:a,next:I}}var tt=function(r){return r()},nt=L.useInsertionEffect?L.useInsertionEffect:!1,at=nt||tt,te={}.hasOwnProperty,he=L.createContext(typeof HTMLElement<"u"?Vr({key:"css"}):null);process.env.NODE_ENV!=="production"&&(he.displayName="EmotionCacheContext");he.Provider;var st=function(r){return se.forwardRef(function(t,n){var a=se.useContext(he);return r(t,a,n)})},ze=L.createContext({});process.env.NODE_ENV!=="production"&&(ze.displayName="EmotionThemeContext");var $e=function(r){var t=r.split(".");return t[t.length-1]},it=function(r){var t=/^\s+at\s+([A-Za-z0-9$.]+)\s/.exec(r);if(t||(t=/^([A-Za-z0-9$.]+)@/.exec(r),t))return $e(t[1])},ct=new Set(["renderWithHooks","processChild","finishClassComponent","renderToString"]),ot=function(r){return r.replace(/\$/g,"-")},ft=function(r){if(r)for(var t=r.split(`
-`),n=0;n<t.length;n++){var a=it(t[n]);if(a){if(ct.has(a))break;if(/^[A-Z]/.test(a))return ot(a)}}},fe="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",ue="__EMOTION_LABEL_PLEASE_DO_NOT_USE__",Ve=function(r,t){if(process.env.NODE_ENV!=="production"&&typeof t.css=="string"&&t.css.indexOf(":")!==-1)throw new Error("Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/react' like this: css`"+t.css+"`");var n={};for(var a in t)te.call(t,a)&&(n[a]=t[a]);if(n[fe]=r,process.env.NODE_ENV!=="production"&&t.css&&(typeof t.css!="object"||typeof t.css.name!="string"||t.css.name.indexOf("-")===-1)){var s=ft(new Error().stack);s&&(n[ue]=s)}return n},ut=function(r){var t=r.cache,n=r.serialized,a=r.isStringTag;return De(t,n,a),at(function(){return Hr(t,n,a)}),null},je=st(function(e,r,t){var n=e.css;typeof n=="string"&&r.registered[n]!==void 0&&(n=r.registered[n]);var a=e[fe],s=[n],o="";typeof e.className=="string"?o=Br(r.registered,s,e.className):e.className!=null&&(o=e.className+" ");var f=Te(s,void 0,L.useContext(ze));if(process.env.NODE_ENV!=="production"&&f.name.indexOf("-")===-1){var d=e[ue];d&&(f=Te([f,"label:"+d+";"]))}o+=r.key+"-"+f.name;var l={};for(var u in e)te.call(e,u)&&u!=="css"&&u!==fe&&(process.env.NODE_ENV==="production"||u!==ue)&&(l[u]=e[u]);return l.ref=t,l.className=o,L.createElement(L.Fragment,null,L.createElement(ut,{cache:r,serialized:f,isStringTag:typeof a=="string"}),L.createElement(a,l))});process.env.NODE_ENV!=="production"&&(je.displayName="EmotionCssPropInternal");var We=je,dt=j.Fragment;function lt(e,r,t){return te.call(r,"css")?j.jsx(We,Ve(e,r),t):j.jsx(e,r,t)}function mt(e,r,t){return te.call(r,"css")?j.jsxs(We,Ve(e,r),t):j.jsxs(e,r,t)}exports.Fragment=dt;exports.jsx=lt;exports.jsxs=mt;
-//# sourceMappingURL=emotion-react-jsx-runtime.browser.esm-0ViwU5Kh.cjs.map