@bbl-digital/snorre 4.2.86 → 4.2.88

package/dist/snorre.es435.js

@@ -0,0 +1,120 @@
+import { css as r } from "@emotion/react";
+import i from "./snorre.es503.js";
+const o = "8px", a = {
+  grid: r`
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-auto-rows: 100px;
+    grid-gap: 0.5em;
+
+    @media screen and (max-width: ${i.small}) {
+      grid-template-columns: 1fr 1fr;
+    }
+
+    & > div {
+      position: relative;
+      display: flex;
+      border-radius: ${o};
+      overflow: hidden;
+      align-items: center;
+      justify-content: center;
+
+      &:first-of-type {
+        grid-column: 1 / -1;
+        grid-row: span 3;
+      }
+      &:not(:first-of-type) {
+        grid-row: span 2;
+      }
+    }
+  `,
+  deleteButton: r`
+    position: absolute;
+  `,
+  pinButton: r`
+    position: absolute;
+    top: 0.5em;
+    right: 0.5em;
+  `
+}, n = {
+  default: r`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  `,
+  setMainImage: r`
+    width: 2em;
+    height: 2em;
+    opacity: 0.5;
+    border-radius: 5px;
+    background-color: grey;
+    padding: 0 2px;
+
+    &:hover {
+      cursor: pointer;
+      opacity: 1;
+    }
+  `,
+  isMainImage: (e) => r`
+    width: 2em;
+    height: 2em;
+    background-color: #f7f7f7;
+    border-radius: 5px;
+    color: ${e.primary};
+  `,
+  delete: (e) => r`
+    width: 3em;
+    height: 3em;
+    background-color: #f7f7f7;
+    border: 2px solid black;
+    border-radius: 50%;
+
+    &:hover {
+      * {
+        fill: ${e.btnDanger} !important;
+      }
+    }
+  `,
+  imageUpload: r`
+    width: 3em;
+    height: 3em;
+    background-color: transparent;
+    border: 2px solid black;
+    border-radius: 50%;
+  `
+}, s = {
+  default: r`
+    border: 1px dashed #cccccc;
+    border-radius: ${o};
+    z-index: 10;
+    background-color: transparent;
+    transition: border-color 0.1s;
+
+    &:hover,
+    &:focus {
+      border-color: black;
+      cursor: pointer;
+    }
+
+    & > div {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 0.5em;
+      pointer-events: none;
+    }
+  `,
+  addImage: r`
+    grid-column: 1 / -1;
+    grid-row: span 3;
+  `,
+  addMore: r`
+    grid-row: span 2;
+  `
+};
+export {
+  o as imageBorderRadius,
+  a as styles,
+  s as uploadButtonStyles,
+  n as withBackGroundStyles
+};

package/dist/snorre.es436.js

@@ -0,0 +1,47 @@
+import { css as o } from "@emotion/react";
+const e = {
+  default: o`
+    position: relative;
+  `,
+  tooltip: (t) => o`
+    position: absolute;
+    left: 0;
+    top: 100%;
+    max-width: 150px;
+    margin-top: 0.5em;
+    padding: 0.5em;
+    background: #fff;
+    border: 1px solid ${t.border};
+    box-shadow: ${t.shadowSmallDarker};
+    border-radius: 5px;
+
+    &::before {
+      content: '';
+      position: absolute;
+      left: 10px;
+      top: -7px;
+      width: 0;
+      height: 0;
+      border-style: solid;
+      border-width: 0 7px 7px 7px;
+      border-color: transparent transparent ${t.border} transparent;
+      z-index: 9998;
+    }
+
+    &::after {
+      content: '';
+      position: absolute;
+      left: 12px;
+      top: -5px; /*suppose to be identical to border-width*/
+      width: 0;
+      height: 0;
+      border-style: solid;
+      border-width: 0 5px 6px 5px;
+      border-color: transparent transparent #fff transparent;
+      z-index: 9999;
+    }
+  `
+};
+export {
+  e as styles
+};

package/dist/snorre.es437.js

@@ -0,0 +1,91 @@
+import { css as t } from "@emotion/react";
+const i = "rgba(0, 0, 0, 0.5)", r = {
+  overlay: t`
+    position: fixed;
+    -webkit-overflow-scrolling: touch;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 1001;
+    padding: 1em;
+    background: rgba(0, 0, 0, 0.8);
+    overflow: auto;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  `,
+  carousel: t`
+    position: relative;
+    display: flex;
+    height: 100%;
+    width: 100%;
+
+    .slider-container {
+      height: 100%;
+      width: 100%;
+    }
+
+    .slider-frame {
+      height: 100% !important;
+    }
+
+    .slider-list {
+      height: 100%;
+    }
+
+    .slide {
+      height: 100% !important;
+    }
+  `,
+  imageContainer: (e) => t`
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    height: 100%;
+
+    img {
+      max-width: 100%;
+      max-height: 100%;
+      width: fit-content;
+      height: fit-content;
+      min-width: 100px;
+      min-height: 100px;
+      cursor: zoom-in;
+      transition: min-width 50ms ease;
+      ${e && t`
+        min-width: 50vw;
+        min-height: 50vh;
+        cursor: zoom-out;
+      `}
+    }
+  `,
+  controlBtn: (e) => t`
+    background-color: ${i};
+    border: none;
+    border-radius: 50%;
+    padding: 0.75em;
+    cursor: pointer;
+    margin-left: ${e === "left" ? "3px" : "0"};
+    margin-right: ${e === "right" ? "3px" : "0"};
+  `,
+  pageInfo: t`
+    display: flex;
+    justify-content: center;
+    padding: 0.25em 1em;
+    border-radius: 5px;
+    background-color: ${i};
+  `,
+  closeBtn: (e) => t`
+    background-color: ${i};
+    border: none;
+    border-radius: ${e.mypageBoxBorderRadius};
+    padding: 0.75em;
+    cursor: pointer;
+  `
+};
+export {
+  r as styles
+};

package/dist/snorre.es438.js

@@ -0,0 +1,30 @@
+import { css as p } from "@emotion/react";
+import t from "@emotion/styled";
+t.div(
+  (e) => p`
+    height: 3px;
+    width: 30px;
+    margin-top: 1rem;
+    background-color: ${e.color};
+  `
+);
+const r = t.div(
+  (e) => p`
+    display: flex;
+    justify-content: space-between;
+    padding: 0 2.5em;
+    align-items: top;
+    margin-bottom: 1.5em;
+
+    @media screen and (max-width: 768px) {
+      padding: 0 0.5em;
+
+      span {
+        font-size: 12px;
+      }
+    }
+  `
+);
+export {
+  r as StepperWrapper
+};

package/dist/snorre.es439.js

@@ -0,0 +1,68 @@
+import { css as o } from "@emotion/react";
+import e from "@emotion/styled";
+const l = e.div(
+  (t) => o`
+    position: relative;
+    display: flex;
+    margin: auto;
+    justify-content: center;
+    align-items: center;
+    height: 32px;
+    width: 32px;
+    border-radius: 50%;
+    border: 2px solid ${t.color};
+    background-color: ${t.selected ? t.color : t.bg};
+  `
+), c = e.div`
+  display: flex;
+  text-align: center;
+  justify-content: center;
+  max-width: 350px;
+`, n = e.div(
+  (t) => o`
+    position: relative;
+    display: flex;
+    flex-grow: 1;
+    flex-basis: 0;
+    justify-content: center;
+    padding: 0 1rem;
+
+    & > button {
+      align-items: start;
+    }
+    &:not(:first-of-type) {
+      ::before {
+        content: '';
+        position: absolute;
+        right: calc(50% + 24px);
+        top: 16px;
+        width: calc(50% - 24px);
+        height: 3px;
+        background-color: ${t.color};
+      }
+    }
+    &:not(:last-of-type) {
+      ::after {
+        content: '';
+        position: absolute;
+        left: calc(50% + 24px);
+        top: 16px;
+        width: calc(50% - 24px);
+        height: 3px;
+        background-color: ${t.color};
+      }
+    }
+  `
+), a = e.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.5rem;
+`;
+e.div``;
+export {
+  l as Circle,
+  a as FlexWrapper,
+  n as StepWrapper,
+  c as SubTitleWrapper
+};

package/dist/snorre.es44.js

@@ -0,0 +1,6 @@
+import { j as o } from "./snorre.es329.js";
+import r from "./snorre.es360.js";
+const n = (t) => /* @__PURE__ */ o.jsx("svg", { viewBox: "0 0 24 24", ...t, children: /* @__PURE__ */ o.jsx("path", { d: "M19,3 L5,3 L5,21 L12,18 L19,21 L19,3 Z M17,18 L12,15.82 L7,18 L7,5 L17,5 L17,18 Z" }) }), e = r()(n);
+export {
+  e as default
+};

package/dist/snorre.es440.js

@@ -0,0 +1,53 @@
+import e from "@emotion/styled";
+const r = e.div`
+  display: flex;
+  gap: 1em;
+`;
+e.div`
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+`;
+e.label`
+  font-size: 16px;
+  line-height: 27px;
+  font-weight: 600;
+`;
+e.span`
+  font-size: 14px;
+  line-height: 27px;
+  font-weight: 500;
+  color: ${({ theme: i }) => i.gray20};
+  text-decoration: underline;
+`;
+e.div`
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  gap: 1em;
+`;
+const a = e.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  width: min(60px, 90px);
+  height: min(60px, 90px);
+  border-radius: 50%;
+  background: ${({
+  $progress: i,
+  theme: t
+}) => `radial-gradient(closest-side, white 85%, transparent 80% 100%),
+    conic-gradient(${t.primary} ${i}%, ${t.primary50opa} 0);`};
+`, l = e.div`
+  display: flex;
+  flex-direction: column;
+  text-align: left;
+  justify-content: center;
+  gap: 0.5em;
+`;
+export {
+  a as ProgressCircle,
+  l as StepInformation,
+  r as Wrapper
+};

package/dist/snorre.es441.js

@@ -0,0 +1,14 @@
+import { j as o } from "./snorre.es329.js";
+import { css as r } from "@emotion/react";
+import p from "@emotion/styled";
+const i = p.div(
+  ({ spaceBetween: t }) => r`
+    display: flex;
+    gap: 1em;
+    width: 100%;
+    justify-content: ${t ? "space-between" : "flex-end"};
+  `
+), f = ({ children: t, className: e, spaceBetween: s = !0 }) => /* @__PURE__ */ o.jsx(i, { className: e, spaceBetween: s, children: t });
+export {
+  f as default
+};

package/dist/snorre.es442.js

@@ -0,0 +1,45 @@
+import { j as h } from "./snorre.es329.js";
+import { useMemo as K, useRef as g, useState as w, useContext as M } from "react";
+import { LayoutGroupContext as N } from "./snorre.es593.js";
+import { useConstant as T } from "./snorre.es594.js";
+import { PresenceChild as F } from "./snorre.es595.js";
+import { usePresence as G } from "./snorre.es596.js";
+import { onlyElements as R, getChildKey as c } from "./snorre.es597.js";
+import { useIsomorphicLayoutEffect as O } from "./snorre.es598.js";
+const H = ({ children: p, custom: j, initial: k = !0, onExitComplete: C, presenceAffectsLayout: A = !0, mode: u = "sync", propagate: l = !1, anchorX: L = "left" }) => {
+  const [x, f] = G(l), n = K(() => R(p), [p]), o = l && !x ? [] : n.map(c), y = g(!0), v = g(n), s = T(() => /* @__PURE__ */ new Map()), [b, D] = w(n), [i, E] = w(n);
+  O(() => {
+    y.current = !1, v.current = n;
+    for (let t = 0; t < i.length; t++) {
+      const e = c(i[t]);
+      o.includes(e) ? s.delete(e) : s.get(e) !== !0 && s.set(e, !1);
+    }
+  }, [i, o.length, o.join("-")]);
+  const d = [];
+  if (n !== b) {
+    let t = [...n];
+    for (let e = 0; e < i.length; e++) {
+      const r = i[e], a = c(r);
+      o.includes(a) || (t.splice(e, 0, r), d.push(r));
+    }
+    return u === "wait" && d.length && (t = d), E(R(t)), D(n), null;
+  }
+  process.env.NODE_ENV !== "production" && u === "wait" && i.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
+  const { forceRender: m } = M(N);
+  return h.jsx(h.Fragment, { children: i.map((t) => {
+    const e = c(t), r = l && !x ? !1 : n === i || o.includes(e), a = () => {
+      if (s.has(e))
+        s.set(e, !0);
+      else
+        return;
+      let P = !0;
+      s.forEach((I) => {
+        I || (P = !1);
+      }), P && (m == null || m(), E(v.current), l && (f == null || f()), C && C());
+    };
+    return h.jsx(F, { isPresent: r, initial: !y.current || k ? void 0 : !1, custom: j, presenceAffectsLayout: A, mode: u, onExitComplete: r ? void 0 : a, anchorX: L, children: t }, e);
+  }) });
+};
+export {
+  H as AnimatePresence
+};

package/dist/snorre.es443.js

@@ -0,0 +1,6 @@
+import { j as l } from "./snorre.es329.js";
+import s from "./snorre.es360.js";
+const t = (o) => /* @__PURE__ */ l.jsx("svg", { viewBox: "0 0 24 24", ...o, children: /* @__PURE__ */ l.jsx("path", { d: "M10.01 20.76c0 1.1.89 1.99 1.99 1.99s1.99-.89 1.99-1.99H10.01ZM12 1.25c-.83 0-1.5.67-1.5 1.5v1.17C7.36 4.6 5 7.4 5 10.75v6l-2 2v1h18v-1l-2-2v-6c0-3.35-2.36-6.15-5.5-6.83V2.75C13.5 1.92 12.83 1.25 12 1.25Z" }) }), i = s()(t);
+export {
+  i as default
+};

package/dist/snorre.es444.js

@@ -0,0 +1,6 @@
+import { createDOMMotionComponentProxy as o } from "./snorre.es599.js";
+import { createMotionComponent as t } from "./snorre.es600.js";
+const e = /* @__PURE__ */ o(t);
+export {
+  e as motion
+};

package/dist/snorre.es445.js

@@ -0,0 +1,34 @@
+import { j as r } from "./snorre.es329.js";
+import { Sector as a } from "recharts";
+const l = (u) => {
+  const { cx: s, cy: t, innerRadius: c, outerRadius: e, startAngle: i, endAngle: n, fill: o } = u;
+  return /* @__PURE__ */ r.jsxs("g", { children: [
+    /* @__PURE__ */ r.jsx(
+      a,
+      {
+        cx: s,
+        cy: t,
+        innerRadius: c,
+        outerRadius: e,
+        startAngle: i,
+        endAngle: n,
+        fill: o
+      }
+    ),
+    /* @__PURE__ */ r.jsx(
+      a,
+      {
+        cx: s,
+        cy: t,
+        startAngle: i,
+        endAngle: n,
+        innerRadius: e + 3,
+        outerRadius: e + 6,
+        fill: o
+      }
+    )
+  ] });
+};
+export {
+  l as default
+};

package/dist/snorre.es446.js

@@ -0,0 +1,48 @@
+import { j as t } from "./snorre.es329.js";
+import { TextContent as s } from "./snorre.es377.js";
+const c = (r, e) => (x) => {
+  const { cx: n, cy: o, fill: i } = x;
+  return /* @__PURE__ */ t.jsx(s, { children: /* @__PURE__ */ t.jsxs(
+    "text",
+    {
+      x: n,
+      y: o,
+      textAnchor: "middle",
+      fill: i,
+      role: "text",
+      "aria-label": `${e || ""} ${r}`,
+      children: [
+        /* @__PURE__ */ t.jsx(
+          "tspan",
+          {
+            pointerEvents: "none",
+            x: n,
+            y: o,
+            dy: 10,
+            fontSize: 48,
+            textAnchor: "middle",
+            fill: "#000000",
+            children: r
+          }
+        ),
+        e && /* @__PURE__ */ t.jsx(
+          "tspan",
+          {
+            pointerEvents: "none",
+            x: n,
+            y: o,
+            dy: 32,
+            fontSize: 14,
+            textAnchor: "middle",
+            fill: "#00000060",
+            opacity: 0.6,
+            children: e
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  c as default
+};

package/dist/snorre.es447.js

@@ -0,0 +1,11 @@
+function n(r) {
+  const e = Number(r);
+  if (isNaN(e))
+    return String(r);
+  const i = Math.abs(e);
+  let t;
+  return i >= 1e6 ? t = (e / 1e6).toFixed(1).replace(/\.0$/, "") + "m" : i >= 1e3 ? t = (e / 1e3).toFixed(1).replace(/\.0$/, "") + "k" : t = e.toString(), t;
+}
+export {
+  n as formatAxisPrice
+};