@kosdev-code/kos-ui-plugin 2.0.40 → 2.1.0

package/dev.js

@@ -1,403 +0,0 @@
-import { a as o, j as u, F as D } from "./emotion-react-jsx-runtime.browser.esm-by8ODyOQ.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-UFFvJLiS.cjs

@@ -1,27 +0,0 @@
-"use strict";const br=require("react/jsx-runtime"),se=require("react");function Ie(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=Ie(br),F=Ie(se);function gr(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 Sr(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 xr=function(){function e(t){var n=this;this._insertTag=function(a){var o;n.tags.length===0?n.insertionPoint?o=n.insertionPoint.nextSibling:n.prepend?o=n.container.firstChild:o=n.before:o=n.tags[n.tags.length-1].nextSibling,n.container.insertBefore(a,o),n.tags.push(a)},this.isSpeedy=t.speedy===void 0?process.env.NODE_ENV==="production":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(Sr(this));var a=this.tags[this.tags.length-1];if(process.env.NODE_ENV!=="production"){var o=n.charCodeAt(0)===64&&n.charCodeAt(1)===105;o&&this._alreadyInsertedOrderInsensitiveRule&&console.error(`You're attempting to insert the following rule:
-`+n+"\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules."),this._alreadyInsertedOrderInsensitiveRule=this._alreadyInsertedOrderInsensitiveRule||!o}if(this.isSpeedy){var i=gr(a);try{i.insertRule(n,i.cssRules.length)}catch(c){process.env.NODE_ENV!=="production"&&!/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear|-ms-expand|-ms-reveal){/.test(n)&&console.error('There was a problem inserting the following rule: "'+n+'"',c)}}else a.appendChild(document.createTextNode(n));this.ctr++},r.flush=function(){this.tags.forEach(function(n){return n.parentNode&&n.parentNode.removeChild(n)}),this.tags=[],this.ctr=0,process.env.NODE_ENV!=="production"&&(this._alreadyInsertedOrderInsensitiveRule=!1)},e}(),$="-ms-",X="-moz-",h="-webkit-",de="comm",pe="rule",he="decl",_r="@import",ke="@keyframes",wr="@layer",Cr=Math.abs,ee=String.fromCharCode,Nr=Object.assign;function Or(e,r){return T(e,0)^45?(((r<<2^T(e,0))<<2^T(e,1))<<2^T(e,2))<<2^T(e,3):0}function Me(e){return e.trim()}function Rr(e,r){return(e=r.exec(e))?e[0]:e}function m(e,r,t){return e.replace(r,t)}function ie(e,r){return e.indexOf(r)}function T(e,r){return e.charCodeAt(r)|0}function W(e,r,t){return e.slice(r,t)}function M(e){return e.length}function me(e){return e.length}function K(e,r){return r.push(e),e}function Tr(e,r){return e.map(r).join("")}var re=1,L=1,De=0,P=0,N=0,Y="";function te(e,r,t,n,a,o,i){return{value:e,root:r,parent:t,type:n,props:a,children:o,line:re,column:L,length:i,return:""}}function z(e,r){return Nr(te("",null,null,"",null,null,0),e,{length:-e.length},r)}function Ar(){return N}function $r(){return N=P>0?T(Y,--P):0,L--,N===10&&(L=1,re--),N}function I(){return N=P<De?T(Y,P++):0,L++,N===10&&(L=1,re++),N}function D(){return T(Y,P)}function Z(){return P}function G(e,r){return W(Y,e,r)}function U(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 Fe(e){return re=L=1,De=M(Y=e),P=0,[]}function Ve(e){return Y="",e}function J(e){return Me(G(P-1,ce(e===91?e+2:e===40?e+1:e)))}function Pr(e){for(;(N=D())&&N<33;)I();return U(e)>2||U(N)>3?"":" "}function Ir(e,r){for(;--r&&I()&&!(N<48||N>102||N>57&&N<65||N>70&&N<97););return G(e,Z()+(r<6&&D()==32&&I()==32))}function ce(e){for(;I();)switch(N){case e:return P;case 34:case 39:e!==34&&e!==39&&ce(N);break;case 40:e===41&&ce(e);break;case 92:I();break}return P}function kr(e,r){for(;I()&&e+N!==57;)if(e+N===84&&D()===47)break;return"/*"+G(r,P-1)+"*"+ee(e===47?e:I())}function Mr(e){for(;!U(D());)I();return G(e,P)}function Dr(e){return Ve(H("",null,null,null,[""],e=Fe(e),0,[0],e))}function H(e,r,t,n,a,o,i,c,l){for(var d=0,u=0,y=i,O=0,w=0,x=0,p=1,R=1,g=1,C=0,S="",_=a,s=o,A=n,b=S;R;)switch(x=C,C=I()){case 40:if(x!=108&&T(b,y-1)==58){ie(b+=m(J(C),"&","&\f"),"&\f")!=-1&&(g=-1);break}case 34:case 39:case 91:b+=J(C);break;case 9:case 10:case 13:case 32:b+=Pr(x);break;case 92:b+=Ir(Z()-1,7);continue;case 47:switch(D()){case 42:case 47:K(Fr(kr(I(),Z()),r,t),l);break;default:b+="/"}break;case 123*p:c[d++]=M(b)*g;case 125*p:case 59:case 0:switch(C){case 0:case 125:R=0;case 59+u:g==-1&&(b=m(b,/\f/g,"")),w>0&&M(b)-y&&K(w>32?xe(b+";",n,t,y-1):xe(m(b," ","")+";",n,t,y-2),l);break;case 59:b+=";";default:if(K(A=Se(b,r,t,d,u,a,c,S,_=[],s=[],y),o),C===123)if(u===0)H(b,r,A,A,_,o,y,c,s);else switch(O===99&&T(b,3)===110?100:O){case 100:case 108:case 109:case 115:H(e,A,A,n&&K(Se(e,A,A,0,0,a,c,S,a,_=[],y),s),a,s,y,c,n?_:s);break;default:H(b,A,A,A,[""],s,0,c,s)}}d=u=w=0,p=g=1,S=b="",y=i;break;case 58:y=1+M(b),w=x;default:if(p<1){if(C==123)--p;else if(C==125&&p++==0&&$r()==125)continue}switch(b+=ee(C),C*p){case 38:g=u>0?1:(b+="\f",-1);break;case 44:c[d++]=(M(b)-1)*g,g=1;break;case 64:D()===45&&(b+=J(I())),O=D(),u=y=M(S=b+=Mr(Z())),C++;break;case 45:x===45&&M(b)==2&&(p=0)}}return o}function Se(e,r,t,n,a,o,i,c,l,d,u){for(var y=a-1,O=a===0?o:[""],w=me(O),x=0,p=0,R=0;x<n;++x)for(var g=0,C=W(e,y+1,y=Cr(p=i[x])),S=e;g<w;++g)(S=Me(p>0?O[g]+" "+C:m(C,/&\f/g,O[g])))&&(l[R++]=S);return te(e,r,t,a===0?pe:c,l,d,u)}function Fr(e,r,t){return te(e,r,t,de,ee(Ar()),W(e,2,-2),0)}function xe(e,r,t,n){return te(e,r,t,he,W(e,0,n),W(e,n+1,-1),n)}function V(e,r){for(var t="",n=me(e),a=0;a<n;a++)t+=r(e[a],a,e,r)||"";return t}function Vr(e,r,t,n){switch(e.type){case wr:if(e.children.length)break;case _r:case he:return e.return=e.return||e.value;case de:return"";case ke:return e.return=e.value+"{"+V(e.children,n)+"}";case pe:e.value=e.props.join(",")}return M(t=V(e.children,n))?e.return=e.value+"{"+t+"}":""}function Lr(e){var r=me(e);return function(t,n,a,o){for(var i="",c=0;c<r;c++)i+=e[c](t,n,a,o)||"";return i}}function Yr(e){return function(r){r.root||(r=r.return)&&e(r)}}function zr(e){var r=Object.create(null);return function(t){return r[t]===void 0&&(r[t]=e(t)),r[t]}}var jr=function(r,t,n){for(var a=0,o=0;a=o,o=D(),a===38&&o===12&&(t[n]=1),!U(o);)I();return G(r,P)},Wr=function(r,t){var n=-1,a=44;do switch(U(a)){case 0:a===38&&D()===12&&(t[n]=1),r[n]+=jr(P-1,t,n);break;case 2:r[n]+=J(a);break;case 4:if(a===44){r[++n]=D()===58?"&\f":"",t[n]=r[n].length;break}default:r[n]+=ee(a)}while(a=I());return r},Ur=function(r,t){return Ve(Wr(Fe(r),t))},_e=new WeakMap,qr=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&&!_e.get(n))&&!a){_e.set(r,!0);for(var o=[],i=Ur(t,o),c=n.props,l=0,d=0;l<i.length;l++)for(var u=0;u<c.length;u++,d++)r.props[d]=o[l]?i[l].replace(/&\f/g,c[u]):c[u]+" "+i[l]}}},Gr=function(r){if(r.type==="decl"){var t=r.value;t.charCodeAt(0)===108&&t.charCodeAt(2)===98&&(r.return="",r.value="")}},Br="emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason",Kr=function(r){return r.type==="comm"&&r.children.indexOf(Br)>-1},Zr=function(r){return function(t,n,a){if(!(t.type!=="rule"||r.compat)){var o=t.value.match(/(:first|:nth|:nth-last)-child/g);if(o){for(var i=!!t.parent,c=i?t.parent.children:a,l=c.length-1;l>=0;l--){var d=c[l];if(d.line<t.line)break;if(d.column<t.column){if(Kr(d))return;break}}o.forEach(function(u){console.error('The pseudo class "'+u+'" is potentially unsafe when doing server-side rendering. Try changing it to "'+u.split("-child")[0]+'-of-type".')})}}}},Le=function(r){return r.type.charCodeAt(1)===105&&r.type.charCodeAt(0)===64},Jr=function(r,t){for(var n=r-1;n>=0;n--)if(!Le(t[n]))return!0;return!1},we=function(r){r.type="",r.value="",r.return="",r.children="",r.props=""},Hr=function(r,t,n){Le(r)&&(r.parent?(console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles."),we(r)):Jr(t,n)&&(console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."),we(r)))};function Ye(e,r){switch(Or(e,r)){case 5103:return h+"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 h+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return h+e+X+e+$+e+e;case 6828:case 4268:return h+e+$+e+e;case 6165:return h+e+$+"flex-"+e+e;case 5187:return h+e+m(e,/(\w+).+(:[^]+)/,h+"box-$1$2"+$+"flex-$1$2")+e;case 5443:return h+e+$+"flex-item-"+m(e,/flex-|-self/,"")+e;case 4675:return h+e+$+"flex-line-pack"+m(e,/align-content|flex-|-self/,"")+e;case 5548:return h+e+$+m(e,"shrink","negative")+e;case 5292:return h+e+$+m(e,"basis","preferred-size")+e;case 6060:return h+"box-"+m(e,"-grow","")+h+e+$+m(e,"grow","positive")+e;case 4554:return h+m(e,/([^-])(transform)/g,"$1"+h+"$2")+e;case 6187:return m(m(m(e,/(zoom-|grab)/,h+"$1"),/(image-set)/,h+"$1"),e,"")+e;case 5495:case 3959:return m(e,/(image-set\([^]*)/,h+"$1$`$1");case 4968:return m(m(e,/(.+:)(flex-)?(.*)/,h+"box-pack:$3"+$+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+h+e+e;case 4095:case 3583:case 4068:case 2532:return m(e,/(.+)-inline(.+)/,h+"$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(M(e)-1-r>6)switch(T(e,r+1)){case 109:if(T(e,r+4)!==45)break;case 102:return m(e,/(.+:)(.+)-([^]+)/,"$1"+h+"$2-$3$1"+X+(T(e,r+3)==108?"$3":"$2-$3"))+e;case 115:return~ie(e,"stretch")?Ye(m(e,"stretch","fill-available"),r)+e:e}break;case 4949:if(T(e,r+1)!==115)break;case 6444:switch(T(e,M(e)-3-(~ie(e,"!important")&&10))){case 107:return m(e,":",":"+h)+e;case 101:return m(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+h+(T(e,14)===45?"inline-":"")+"box$3$1"+h+"$2$3$1"+$+"$2box$3")+e}break;case 5936:switch(T(e,r+11)){case 114:return h+e+$+m(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return h+e+$+m(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return h+e+$+m(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return h+e+$+e+e}return e}var Xr=function(r,t,n,a){if(r.length>-1&&!r.return)switch(r.type){case he:r.return=Ye(r.value,r.length);break;case ke:return V([z(r,{value:m(r.value,"@","@"+h)})],a);case pe:if(r.length)return Tr(r.props,function(o){switch(Rr(o,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return V([z(r,{props:[m(o,/:(read-\w+)/,":"+X+"$1")]})],a);case"::placeholder":return V([z(r,{props:[m(o,/:(plac\w+)/,":"+h+"input-$1")]}),z(r,{props:[m(o,/:(plac\w+)/,":"+X+"$1")]}),z(r,{props:[m(o,/:(plac\w+)/,$+"input-$1")]})],a)}return""})}},Qr=[Xr],et=function(r){var t=r.key;if(process.env.NODE_ENV!=="production"&&!t)throw new Error(`You have to configure \`key\` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.
-If multiple caches share the same key they might "fight" for each other's style elements.`);if(t==="css"){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,function(p){var R=p.getAttribute("data-emotion");R.indexOf(" ")!==-1&&(document.head.appendChild(p),p.setAttribute("data-s",""))})}var a=r.stylisPlugins||Qr;if(process.env.NODE_ENV!=="production"&&/[^a-z-]/.test(t))throw new Error('Emotion key must only contain lower case alphabetical characters and - but "'+t+'" was passed');var o={},i,c=[];i=r.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),function(p){for(var R=p.getAttribute("data-emotion").split(" "),g=1;g<R.length;g++)o[R[g]]=!0;c.push(p)});var l,d=[qr,Gr];process.env.NODE_ENV!=="production"&&d.push(Zr({get compat(){return x.compat}}),Hr);{var u,y=[Vr,process.env.NODE_ENV!=="production"?function(p){p.root||(p.return?u.insert(p.return):p.value&&p.type!==de&&u.insert(p.value+"{}"))}:Yr(function(p){u.insert(p)})],O=Lr(d.concat(a,y)),w=function(R){return V(Dr(R),O)};l=function(R,g,C,S){u=C,process.env.NODE_ENV!=="production"&&g.map!==void 0&&(u={insert:function(s){C.insert(s+g.map)}}),w(R?R+"{"+g.styles+"}":g.styles),S&&(x.inserted[g.name]=!0)}}var x={key:t,sheet:new xr({key:t,container:i,nonce:r.nonce,speedy:r.speedy,prepend:r.prepend,insertionPoint:r.insertionPoint}),nonce:r.nonce,inserted:o,registered:{},insert:l};return x.sheet.hydrate(c),x},fe={exports:{}},v={};/** @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 Ce;function rt(){if(Ce)return v;Ce=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,o=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,l=e?Symbol.for("react.async_mode"):60111,d=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,y=e?Symbol.for("react.suspense"):60113,O=e?Symbol.for("react.suspense_list"):60120,w=e?Symbol.for("react.memo"):60115,x=e?Symbol.for("react.lazy"):60116,p=e?Symbol.for("react.block"):60121,R=e?Symbol.for("react.fundamental"):60117,g=e?Symbol.for("react.responder"):60118,C=e?Symbol.for("react.scope"):60119;function S(s){if(typeof s=="object"&&s!==null){var A=s.$$typeof;switch(A){case r:switch(s=s.type,s){case l:case d:case n:case o:case a:case y:return s;default:switch(s=s&&s.$$typeof,s){case c:case u:case x:case w:case i:return s;default:return A}}case t:return A}}}function _(s){return S(s)===d}return v.AsyncMode=l,v.ConcurrentMode=d,v.ContextConsumer=c,v.ContextProvider=i,v.Element=r,v.ForwardRef=u,v.Fragment=n,v.Lazy=x,v.Memo=w,v.Portal=t,v.Profiler=o,v.StrictMode=a,v.Suspense=y,v.isAsyncMode=function(s){return _(s)||S(s)===l},v.isConcurrentMode=_,v.isContextConsumer=function(s){return S(s)===c},v.isContextProvider=function(s){return S(s)===i},v.isElement=function(s){return typeof s=="object"&&s!==null&&s.$$typeof===r},v.isForwardRef=function(s){return S(s)===u},v.isFragment=function(s){return S(s)===n},v.isLazy=function(s){return S(s)===x},v.isMemo=function(s){return S(s)===w},v.isPortal=function(s){return S(s)===t},v.isProfiler=function(s){return S(s)===o},v.isStrictMode=function(s){return S(s)===a},v.isSuspense=function(s){return S(s)===y},v.isValidElementType=function(s){return typeof s=="string"||typeof s=="function"||s===n||s===d||s===o||s===a||s===y||s===O||typeof s=="object"&&s!==null&&(s.$$typeof===x||s.$$typeof===w||s.$$typeof===i||s.$$typeof===c||s.$$typeof===u||s.$$typeof===R||s.$$typeof===g||s.$$typeof===C||s.$$typeof===p)},v.typeOf=S,v}var E={};/** @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 Ne;function tt(){return Ne||(Ne=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,o=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,l=e?Symbol.for("react.async_mode"):60111,d=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,y=e?Symbol.for("react.suspense"):60113,O=e?Symbol.for("react.suspense_list"):60120,w=e?Symbol.for("react.memo"):60115,x=e?Symbol.for("react.lazy"):60116,p=e?Symbol.for("react.block"):60121,R=e?Symbol.for("react.fundamental"):60117,g=e?Symbol.for("react.responder"):60118,C=e?Symbol.for("react.scope"):60119;function S(f){return typeof f=="string"||typeof f=="function"||f===n||f===d||f===o||f===a||f===y||f===O||typeof f=="object"&&f!==null&&(f.$$typeof===x||f.$$typeof===w||f.$$typeof===i||f.$$typeof===c||f.$$typeof===u||f.$$typeof===R||f.$$typeof===g||f.$$typeof===C||f.$$typeof===p)}function _(f){if(typeof f=="object"&&f!==null){var ae=f.$$typeof;switch(ae){case r:var B=f.type;switch(B){case l:case d:case n:case o:case a:case y:return B;default:var ge=B&&B.$$typeof;switch(ge){case c:case u:case x:case w:case i:return ge;default:return ae}}case t:return ae}}}var s=l,A=d,b=c,He=i,Xe=r,Qe=u,er=n,rr=x,tr=w,nr=t,ar=o,or=a,sr=y,Ee=!1;function ir(f){return Ee||(Ee=!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.")),be(f)||_(f)===l}function be(f){return _(f)===d}function cr(f){return _(f)===c}function fr(f){return _(f)===i}function ur(f){return typeof f=="object"&&f!==null&&f.$$typeof===r}function lr(f){return _(f)===u}function dr(f){return _(f)===n}function pr(f){return _(f)===x}function hr(f){return _(f)===w}function mr(f){return _(f)===t}function yr(f){return _(f)===o}function vr(f){return _(f)===a}function Er(f){return _(f)===y}E.AsyncMode=s,E.ConcurrentMode=A,E.ContextConsumer=b,E.ContextProvider=He,E.Element=Xe,E.ForwardRef=Qe,E.Fragment=er,E.Lazy=rr,E.Memo=tr,E.Portal=nr,E.Profiler=ar,E.StrictMode=or,E.Suspense=sr,E.isAsyncMode=ir,E.isConcurrentMode=be,E.isContextConsumer=cr,E.isContextProvider=fr,E.isElement=ur,E.isForwardRef=lr,E.isFragment=dr,E.isLazy=pr,E.isMemo=hr,E.isPortal=mr,E.isProfiler=yr,E.isStrictMode=vr,E.isSuspense=Er,E.isValidElementType=S,E.typeOf=_}()),E}process.env.NODE_ENV==="production"?fe.exports=rt():fe.exports=tt();var nt=fe.exports,ze=nt,at={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},ot={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},je={};je[ze.ForwardRef]=at;je[ze.Memo]=ot;var st=!0;function it(e,r,t){var n="";return t.split(" ").forEach(function(a){e[a]!==void 0?r.push(e[a]+";"):n+=a+" "}),n}var We=function(r,t,n){var a=r.key+"-"+t.name;(n===!1||st===!1)&&r.registered[a]===void 0&&(r.registered[a]=t.styles)},ct=function(r,t,n){We(r,t,n);var a=r.key+"-"+t.name;if(r.inserted[t.name]===void 0){var o=t;do r.insert(t===o?"."+a:"",o,r.sheet,!0),o=o.next;while(o!==void 0)}};function ft(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 ut={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,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},Oe=`You have illegal escape sequence in your template literal, most likely inside content's property value.
-Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
-You can read more about this here:
-https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`,lt="You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).",dt=/[A-Z]|^ms/g,Ue=/_EMO_([^_]+?)_([^]*?)_EMO_/g,ye=function(r){return r.charCodeAt(1)===45},Re=function(r){return r!=null&&typeof r!="boolean"},oe=zr(function(e){return ye(e)?e:e.replace(dt,"-$&").toLowerCase()}),Q=function(r,t){switch(r){case"animation":case"animationName":if(typeof t=="string")return t.replace(Ue,function(n,a,o){return k={name:a,styles:o,next:k},a})}return ut[r]!==1&&!ye(r)&&typeof t=="number"&&t!==0?t+"px":t};if(process.env.NODE_ENV!=="production"){var pt=/(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/,ht=["normal","none","initial","inherit","unset"],mt=Q,yt=/^-ms-/,vt=/-(.)/g,Te={};Q=function(r,t){if(r==="content"&&(typeof t!="string"||ht.indexOf(t)===-1&&!pt.test(t)&&(t.charAt(0)!==t.charAt(t.length-1)||t.charAt(0)!=='"'&&t.charAt(0)!=="'")))throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\""+t+"\"'`");var n=mt(r,t);return n!==""&&!ye(r)&&r.indexOf("-")!==-1&&Te[r]===void 0&&(Te[r]=!0,console.error("Using kebab-case for css properties in objects is not supported. Did you mean "+r.replace(yt,"ms-").replace(vt,function(a,o){return o.toUpperCase()})+"?")),n}}var qe="Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";function q(e,r,t){if(t==null)return"";if(t.__emotion_styles!==void 0){if(process.env.NODE_ENV!=="production"&&t.toString()==="NO_COMPONENT_SELECTOR")throw new Error(qe);return t}switch(typeof t){case"boolean":return"";case"object":{if(t.anim===1)return k={name:t.name,styles:t.styles,next:k},t.name;if(t.styles!==void 0){var n=t.next;if(n!==void 0)for(;n!==void 0;)k={name:n.name,styles:n.styles,next:k},n=n.next;var a=t.styles+";";return process.env.NODE_ENV!=="production"&&t.map!==void 0&&(a+=t.map),a}return Et(e,r,t)}case"function":{if(e!==void 0){var o=k,i=t(e);return k=o,q(e,r,i)}else process.env.NODE_ENV!=="production"&&console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");break}case"string":if(process.env.NODE_ENV!=="production"){var c=[],l=t.replace(Ue,function(u,y,O){var w="animation"+c.length;return c.push("const "+w+" = keyframes`"+O.replace(/^@keyframes animation-\w+/,"")+"`"),"${"+w+"}"});c.length&&console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n"+[].concat(c,["`"+l+"`"]).join(`
-`)+`
-
-You should wrap it with \`css\` like this:
-
-`+("css`"+l+"`"))}break}if(r==null)return t;var d=r[t];return d!==void 0?d:t}function Et(e,r,t){var n="";if(Array.isArray(t))for(var a=0;a<t.length;a++)n+=q(e,r,t[a])+";";else for(var o in t){var i=t[o];if(typeof i!="object")r!=null&&r[i]!==void 0?n+=o+"{"+r[i]+"}":Re(i)&&(n+=oe(o)+":"+Q(o,i)+";");else{if(o==="NO_COMPONENT_SELECTOR"&&process.env.NODE_ENV!=="production")throw new Error(qe);if(Array.isArray(i)&&typeof i[0]=="string"&&(r==null||r[i[0]]===void 0))for(var c=0;c<i.length;c++)Re(i[c])&&(n+=oe(o)+":"+Q(o,i[c])+";");else{var l=q(e,r,i);switch(o){case"animation":case"animationName":{n+=oe(o)+":"+l+";";break}default:process.env.NODE_ENV!=="production"&&o==="undefined"&&console.error(lt),n+=o+"{"+l+"}"}}}}return n}var Ae=/label:\s*([^\s;\n{]+)\s*(;|$)/g,Ge;process.env.NODE_ENV!=="production"&&(Ge=/\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g);var k,$e=function(r,t,n){if(r.length===1&&typeof r[0]=="object"&&r[0]!==null&&r[0].styles!==void 0)return r[0];var a=!0,o="";k=void 0;var i=r[0];i==null||i.raw===void 0?(a=!1,o+=q(n,t,i)):(process.env.NODE_ENV!=="production"&&i[0]===void 0&&console.error(Oe),o+=i[0]);for(var c=1;c<r.length;c++)o+=q(n,t,r[c]),a&&(process.env.NODE_ENV!=="production"&&i[c]===void 0&&console.error(Oe),o+=i[c]);var l;process.env.NODE_ENV!=="production"&&(o=o.replace(Ge,function(O){return l=O,""})),Ae.lastIndex=0;for(var d="",u;(u=Ae.exec(o))!==null;)d+="-"+u[1];var y=ft(o)+d;return process.env.NODE_ENV!=="production"?{name:y,styles:o,map:l,next:k,toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}:{name:y,styles:o,next:k}},bt=function(r){return r()},gt=F.useInsertionEffect?F.useInsertionEffect:!1,St=gt||bt,ne={}.hasOwnProperty,ve=F.createContext(typeof HTMLElement<"u"?et({key:"css"}):null);process.env.NODE_ENV!=="production"&&(ve.displayName="EmotionCacheContext");ve.Provider;var xt=function(r){return se.forwardRef(function(t,n){var a=se.useContext(ve);return r(t,a,n)})},Be=F.createContext({});process.env.NODE_ENV!=="production"&&(Be.displayName="EmotionThemeContext");var Pe=function(r){var t=r.split(".");return t[t.length-1]},_t=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 Pe(t[1])},wt=new Set(["renderWithHooks","processChild","finishClassComponent","renderToString"]),Ct=function(r){return r.replace(/\$/g,"-")},Nt=function(r){if(r)for(var t=r.split(`
-`),n=0;n<t.length;n++){var a=_t(t[n]);if(a){if(wt.has(a))break;if(/^[A-Z]/.test(a))return Ct(a)}}},ue="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",le="__EMOTION_LABEL_PLEASE_DO_NOT_USE__",Ke=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)ne.call(t,a)&&(n[a]=t[a]);if(n[ue]=r,process.env.NODE_ENV!=="production"&&t.css&&(typeof t.css!="object"||typeof t.css.name!="string"||t.css.name.indexOf("-")===-1)){var o=Nt(new Error().stack);o&&(n[le]=o)}return n},Ot=function(r){var t=r.cache,n=r.serialized,a=r.isStringTag;return We(t,n,a),St(function(){return ct(t,n,a)}),null},Ze=xt(function(e,r,t){var n=e.css;typeof n=="string"&&r.registered[n]!==void 0&&(n=r.registered[n]);var a=e[ue],o=[n],i="";typeof e.className=="string"?i=it(r.registered,o,e.className):e.className!=null&&(i=e.className+" ");var c=$e(o,void 0,F.useContext(Be));if(process.env.NODE_ENV!=="production"&&c.name.indexOf("-")===-1){var l=e[le];l&&(c=$e([c,"label:"+l+";"]))}i+=r.key+"-"+c.name;var d={};for(var u in e)ne.call(e,u)&&u!=="css"&&u!==ue&&(process.env.NODE_ENV==="production"||u!==le)&&(d[u]=e[u]);return d.ref=t,d.className=i,F.createElement(F.Fragment,null,F.createElement(Ot,{cache:r,serialized:c,isStringTag:typeof a=="string"}),F.createElement(a,d))});process.env.NODE_ENV!=="production"&&(Ze.displayName="EmotionCssPropInternal");var Je=Ze,Rt=j.Fragment;function Tt(e,r,t){return ne.call(r,"css")?j.jsx(Je,Ke(e,r),t):j.jsx(e,r,t)}function At(e,r,t){return ne.call(r,"css")?j.jsxs(Je,Ke(e,r),t):j.jsxs(e,r,t)}exports.Fragment=Rt;exports.jsx=Tt;exports.jsxs=At;
-//# sourceMappingURL=emotion-react-jsx-runtime.browser.esm-UFFvJLiS.cjs.map