@hybridcore/ui 1.5.87 → 1.5.88

package/dist/components/data-security-selectors/dissemination-list/logic.js

@@ -0,0 +1,62 @@
+import { useThemeProps as k } from "@mui/material";
+import { useMemo as L, useState as S } from "react";
+const y = (c) => {
+  const u = k({ props: c, name: "HCDisseminationList" }), {
+    memberedGroups: n,
+    selectedIds: o,
+    showError: l = !1,
+    variant: m = "outlined",
+    labelPosition: a = "default",
+    onChange: f,
+    sx: h,
+    ...v
+  } = u, x = L(
+    () => (o == null ? void 0 : o.map((s) => {
+      const e = n.find((r) => r.id === s);
+      return e || {
+        id: s,
+        name: "Other User/Group",
+        isFixed: !0
+      };
+    })) ?? [],
+    [n, o]
+  ), [i, C] = S(x), p = (s, e) => {
+    var d;
+    let r = s;
+    switch (e == null ? void 0 : e.action) {
+      case "remove-value":
+      case "pop-value":
+        if ((d = e == null ? void 0 : e.removedValue) != null && d.isFixed) return;
+        break;
+      case "clear":
+        r = i.filter((t) => t.isFixed);
+        break;
+    }
+    C(r), f(r.map((t) => t.id));
+  }, g = (s) => {
+    p([...i, { id: s, name: s }]);
+  }, b = {
+    multiValueRemove: (s, e) => e.data.isFixed ? { ...s, display: "none" } : s
+  }, F = {
+    ...u,
+    variant: m,
+    labelPosition: a,
+    showError: l
+  };
+  return {
+    value: i,
+    memberedGroups: n,
+    showError: l,
+    variant: m,
+    labelPosition: a,
+    onChange: p,
+    onCreate: g,
+    selectStyles: b,
+    ownerState: F,
+    sx: h,
+    other: v
+  };
+};
+export {
+  y as useDisseminationListLogic
+};

package/dist/components/data-security-selectors/dissemination-list/styled.js

@@ -0,0 +1,88 @@
+import { styled as n, FormLabel as t, Typography as s, Box as r, alpha as e, FormHelperText as l } from "@mui/material";
+const d = n("div", {
+  name: "HCDisseminationList",
+  slot: "Root"
+})(
+  ({ ownerState: i }) => i.labelPosition === "left" ? {
+    display: "flex",
+    alignItems: "center"
+  } : {
+    display: "block"
+  }
+), c = n(t, {
+  name: "HCDisseminationList",
+  slot: "Label"
+})(({ theme: i, ownerState: o }) => {
+  const a = {
+    display: "block",
+    marginBottom: i.spacing(0.5),
+    ...o.showError && {
+      color: i.palette.error.main
+    }
+  };
+  return o.labelPosition === "default" && o.variant === "outlined" ? {
+    ...a,
+    position: "absolute",
+    fontSize: i.typography.caption.fontSize,
+    zIndex: 1,
+    backgroundColor: i.palette.background.paper,
+    marginLeft: i.spacing(1.5),
+    marginTop: -9,
+    paddingLeft: i.spacing(0.5),
+    paddingRight: i.spacing(0.5)
+  } : a;
+}), g = n(s, {
+  name: "HCDisseminationList",
+  slot: "SideLabel"
+})(() => ({
+  width: "32%"
+})), m = n(r, {
+  name: "HCDisseminationList",
+  slot: "SelectWrapper"
+})(({ theme: i, ownerState: o }) => ({
+  ...o.variant === "outlined" && {
+    position: "relative",
+    marginTop: i.spacing(1.5),
+    zIndex: 9
+  },
+  ...o.labelPosition === "left" && {
+    width: "68%"
+  },
+  // Mirror the standard-variant underline color used by MUI inputs so the
+  // select matches HCDateTimePicker and DatePicker side by side.
+  "& .hc-dissemination-list__control": {
+    boxShadow: "none",
+    ...o.variant === "standard" && {
+      border: "none",
+      borderBottom: `1px solid ${e(i.palette.text.primary, 0.42)}`,
+      borderRadius: 0
+    },
+    ...o.showError && {
+      color: i.palette.error.main,
+      borderColor: i.palette.error.main
+    }
+  },
+  "& .hc-dissemination-list__value-container": {
+    fontSize: i.typography.body1.fontSize,
+    ...o.variant === "standard" ? { paddingLeft: 0 } : {
+      padding: i.spacing(1.125, 1.75),
+      minHeight: 55
+    },
+    ...o.showError && {
+      color: i.palette.error.main
+    }
+  },
+  "& .hc-dissemination-list__multi-value": {
+    padding: i.spacing(0.625)
+  }
+})), b = n(l, {
+  name: "HCDisseminationList",
+  slot: "HelperText"
+})(() => ({}));
+export {
+  b as DisseminationListHelperText,
+  c as DisseminationListLabel,
+  d as DisseminationListRoot,
+  m as DisseminationListSelectWrapper,
+  g as DisseminationListSideLabel
+};

package/dist/components/date-time-picker/index.js

@@ -1,126 +1,89 @@
-import { jsxs as c, Fragment as y, jsx as e } from "react/jsx-runtime";
-import { useState as F, useMemo as P } from "react";
-import { useTheme as B, Stack as E, Box as I, IconButton as R, Menu as Z, MenuItem as $ } from "@mui/material";
-import { DatePicker as j } from "@mui/x-date-pickers";
-import g from "dayjs";
-import M from "lodash";
-import { PatternFormat as v } from "react-number-format";
-import { Schedule as z } from "@mui/icons-material";
-import L from "../../hooks/useMenuLogic.js";
-const U = ({
-  value: p,
-  name: D,
-  minDate: m,
-  variant: r,
-  label: x,
-  size: H = "small",
-  minuteStep: d = 30,
-  pattern: b = "##:##:##",
-  onChange: u
-}) => {
-  const n = L(), [t, h] = F(p ? g(p) : null), f = B(), S = P(() => {
-    const o = [];
-    let a = 0;
-    m && t && m.format("YYYY-MM-DD") === t.format("YYYY-MM-DD") && (a = Number(m.format("HH")));
-    for (let s = a; s < 24; s++)
-      for (let i = 0; i < 60 / d; i++) {
-        const l = M.padStart(s.toString(), 2, "0"), k = M.padStart(
-          (i * d).toString(),
-          2,
-          "0"
-        ), w = `${l}:${k}`;
-        o.push(w);
-      }
-    return o;
-  }, [d, t]), C = (o) => {
-    o && (h(o), u(o.format("YYYY-MM-DDTHH:mm:ssZ")));
-  }, Y = (o) => {
-    const [a, s, i] = o.target.value.split(":"), l = g(t).set("hour", a ?? 0).set("m", s ?? 0).set("s", i ?? 0);
-    h(l), u(l.format("YYYY-MM-DDTHH:mm:ssZ"));
-  }, T = (o) => () => {
-    Y({
-      target: {
-        value: o
-      }
-    }), n.action.close();
-  };
-  return /* @__PURE__ */ c(y, { children: [
-    /* @__PURE__ */ c(E, { direction: "row", spacing: 2, mb: 1, alignItems: "flex-end", children: [
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { Schedule as v } from "@mui/icons-material";
+import { Menu as g, MenuItem as b } from "@mui/material";
+import { DatePicker as x } from "@mui/x-date-pickers";
+import * as M from "react";
+import { useDateTimePickerLogic as S } from "./logic.js";
+import { DateTimePickerRoot as Y, DateTimePickerLabel as w, DateTimePickerContainer as z, DateTimePickerTimeInputContainer as E, DateTimePickerTimeInput as I, DateTimePickerTimeButton as L } from "./styled.js";
+const B = M.forwardRef((l, c) => {
+  const {
+    name: s,
+    minDate: p,
+    variant: d,
+    label: o,
+    labelPosition: a,
+    size: h,
+    pattern: u,
+    date: i,
+    timeOptions: f,
+    menu: n,
+    handleDateChange: D,
+    handleTimeChange: T,
+    handleTimeSelect: k,
+    ownerState: t,
+    sx: P,
+    other: C
+  } = S(l);
+  return /* @__PURE__ */ m(Y, { ref: c, ownerState: t, sx: P, ...C, children: [
+    a === "top" && o !== void 0 && /* @__PURE__ */ e(w, { ownerState: t, children: o }),
+    /* @__PURE__ */ m(z, { ownerState: t, children: [
       /* @__PURE__ */ e(
-        j,
+        x,
         {
-          label: x,
-          value: t,
+          label: a === "default" ? o : void 0,
+          value: i,
           format: "DD/MM/YYYY",
-          minDate: m,
-          onChange: C,
+          minDate: p,
+          onChange: D,
           slotProps: {
             textField: {
-              variant: r,
-              size: H
+              variant: d,
+              size: h,
+              // When we render our own label above (labelPosition === "top")
+              // or there's no label at all, tell the TextField to skip
+              // reserving space for its internal floating label — otherwise
+              // the filled variant in particular renders taller than the
+              // time input next to it.
+              hiddenLabel: a !== "default" || o === void 0
             }
           }
         }
       ),
-      /* @__PURE__ */ c(I, { position: "relative", children: [
+      /* @__PURE__ */ m(E, { ownerState: t, children: [
         /* @__PURE__ */ e(
-          v,
+          I,
           {
-            format: b,
+            ownerState: t,
+            format: u,
             allowEmptyFormatting: !0,
-            value: t == null ? void 0 : t.format("HH:mm:ss"),
-            onChange: Y,
-            style: {
-              fontSize: 16,
-              width: 120,
-              ...r === "standard" && {
-                height: 32,
-                border: 0,
-                borderBottom: "1px solid",
-                padding: "0"
-              },
-              ...r === "outlined" && {
-                height: 54,
-                border: "1px solid",
-                borderRadius: f.shape.borderRadius,
-                padding: "0 10px"
-              },
-              borderColor: f.palette.action.disabled
-            }
+            value: i == null ? void 0 : i.format("HH:mm:ss"),
+            onChange: T
           }
         ),
         /* @__PURE__ */ e(
-          R,
+          L,
           {
+            ownerState: t,
             onClick: n.action.open,
-            sx: {
-              position: "absolute",
-              right: 0,
-              ...r === "standard" && {
-                top: -4
-              },
-              ...r === "outlined" && {
-                top: 8
-              }
-            },
-            children: /* @__PURE__ */ e(z, {})
+            size: "small",
+            children: /* @__PURE__ */ e(v, { fontSize: "small" })
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ e(
-      Z,
+      g,
       {
         id: "time-menu",
         anchorEl: n.state.anchorEl,
         open: n.state.isOpen,
         onClose: n.action.close,
-        children: S.map((o) => /* @__PURE__ */ e($, { onClick: T(o), children: o }, o))
+        children: f.map((r) => /* @__PURE__ */ e(b, { onClick: k(r), children: r }, r))
       }
     ),
-    /* @__PURE__ */ e("input", { type: "hidden", name: D, value: (t == null ? void 0 : t.format()) ?? "" })
+    /* @__PURE__ */ e("input", { type: "hidden", name: s, value: (i == null ? void 0 : i.format()) ?? "" })
   ] });
-};
+});
 export {
-  U as DateTimePicker
+  B as DateTimePicker
 };

package/dist/components/date-time-picker/logic.js

@@ -0,0 +1,70 @@
+import { useThemeProps as x } from "@mui/material";
+import M from "dayjs";
+import g from "lodash";
+import { useState as L, useMemo as Z } from "react";
+import $ from "../../hooks/useMenuLogic.js";
+const B = (S) => {
+  const i = x({ props: S, name: "HCDateTimePicker" }), {
+    value: u,
+    name: H,
+    minDate: e,
+    variant: c = "outlined",
+    label: T,
+    labelPosition: l = "top",
+    size: p = "small",
+    minuteStep: s = 30,
+    pattern: Y = "##:##:##",
+    onChange: f,
+    sx: b,
+    ...v
+  } = i, D = $(), [o, d] = L(u ? M(u) : null), C = Z(() => {
+    const t = [];
+    let a = 0;
+    e && o && e.format("YYYY-MM-DD") === o.format("YYYY-MM-DD") && (a = Number(e.format("HH")));
+    for (let r = a; r < 24; r++)
+      for (let n = 0; n < 60 / s; n++) {
+        const m = g.padStart(r.toString(), 2, "0"), w = g.padStart(
+          (n * s).toString(),
+          2,
+          "0"
+        );
+        t.push(`${m}:${w}`);
+      }
+    return t;
+  }, [s, e, o]), N = (t) => {
+    t && (d(t), f(t.format("YYYY-MM-DDTHH:mm:ssZ")));
+  }, h = (t) => {
+    const [a, r, n] = t.target.value.split(":"), m = M(o).set("hour", Number(a ?? 0)).set("m", Number(r ?? 0)).set("s", Number(n ?? 0));
+    d(m), f(m.format("YYYY-MM-DDTHH:mm:ssZ"));
+  }, P = (t) => () => {
+    h({ target: { value: t } }), D.action.close();
+  }, k = {
+    ...i,
+    variant: c,
+    labelPosition: l,
+    size: p,
+    minuteStep: s,
+    pattern: Y
+  };
+  return {
+    name: H,
+    minDate: e,
+    variant: c,
+    label: T,
+    labelPosition: l,
+    size: p,
+    pattern: Y,
+    date: o,
+    timeOptions: C,
+    menu: D,
+    handleDateChange: N,
+    handleTimeChange: h,
+    handleTimeSelect: P,
+    ownerState: k,
+    sx: b,
+    other: v
+  };
+};
+export {
+  B as useDateTimePickerLogic
+};

package/dist/components/date-time-picker/styled.js

@@ -0,0 +1,83 @@
+import { styled as i, FormLabel as d, Stack as l, Box as p, alpha as r, IconButton as m } from "@mui/material";
+import { PatternFormat as c } from "react-number-format";
+const g = i("div", {
+  name: "HCDateTimePicker",
+  slot: "Root"
+})(() => ({
+  display: "block"
+})), T = i(d, {
+  name: "HCDateTimePicker",
+  slot: "Label"
+})(({ theme: o }) => ({
+  display: "block",
+  marginBottom: o.spacing(0.5)
+})), y = i(l, {
+  name: "HCDateTimePicker",
+  slot: "Container"
+})(({ theme: o }) => ({
+  flexDirection: "row",
+  alignItems: "center",
+  gap: o.spacing(2),
+  marginBottom: o.spacing(1)
+})), k = i(p, {
+  name: "HCDateTimePicker",
+  slot: "TimeInputContainer"
+})(() => ({
+  position: "relative",
+  display: "flex",
+  alignItems: "center"
+})), C = i(c, {
+  name: "HCDateTimePicker",
+  slot: "TimeInput"
+})(({ theme: o, ownerState: t }) => {
+  const e = r(o.palette.text.primary, 0.42), a = r(o.palette.text.primary, 0.23), n = t.variant === "standard" ? {
+    border: 0,
+    borderBottom: `1px solid ${e}`,
+    padding: 0
+  } : t.variant === "filled" ? {
+    // Mirror MUI's FilledInput shape: rounded top corners only, with a
+    // 1px underline at the bottom (matches the DatePicker's TextField
+    // when its variant is "filled").
+    border: 0,
+    borderBottom: `1px solid ${e}`,
+    backgroundColor: o.palette.action.hover,
+    borderTopLeftRadius: o.shape.borderRadius,
+    borderTopRightRadius: o.shape.borderRadius,
+    borderBottomLeftRadius: 0,
+    borderBottomRightRadius: 0,
+    padding: o.spacing(0, 4.5, 0, 1)
+  } : {
+    border: `1px solid ${a}`,
+    borderRadius: o.shape.borderRadius,
+    padding: o.spacing(0, 4.5, 0, 1)
+  }, s = t.variant === "standard" ? t.size === "medium" ? 48 : 32 : t.size === "medium" ? 56 : 40;
+  return {
+    fontSize: o.typography.body1.fontSize,
+    fontFamily: o.typography.body1.fontFamily,
+    color: o.palette.text.primary,
+    width: 120,
+    height: s,
+    boxSizing: "border-box",
+    outline: "none",
+    "&:focus": {
+      borderColor: o.palette.primary.main
+    },
+    ...n
+  };
+}), f = i(m, {
+  name: "HCDateTimePicker",
+  slot: "TimeButton"
+})(() => ({
+  position: "absolute",
+  right: 0,
+  top: "50%",
+  transform: "translateY(-50%)"
+}));
+export {
+  y as DateTimePickerContainer,
+  T as DateTimePickerLabel,
+  g as DateTimePickerRoot,
+  f as DateTimePickerTimeButton,
+  C as DateTimePickerTimeInput,
+  k as DateTimePickerTimeInputContainer
+};

package/dist/components/geometry-picker/index.js

@@ -1,41 +1,43 @@
-import { jsx as o, jsxs as i, Fragment as s } from "react/jsx-runtime";
-import { EditOutlined as f, DeleteOutline as D, AddLocationOutlined as I, DrawOutlined as A, LayersOutlined as p } from "@mui/icons-material";
-import { Container as O, Actions as k, Button as l } from "./styled.js";
+import { jsx as o, jsxs as i, Fragment as p } from "react/jsx-runtime";
+import { EditOutlined as D, DeleteOutline as I, AddLocationOutlined as A, DrawOutlined as k, LayersOutlined as u } from "@mui/icons-material";
+import { Container as O, Actions as y, Button as l } from "./styled.js";
 import S from "./logic.js";
-import y from "./coordinate/index.js";
-import b from "./edit/index.js";
-import E from "./geometry/index.js";
-import g from "./kml/index.js";
+import b from "./coordinate/index.js";
+import E from "./edit/index.js";
+import g from "./geometry/index.js";
+import L from "./kml/index.js";
 import W from "./wkt/index.js";
-import { IconButton as u, OutlinedInput as K, FilledInput as L, Dialog as z, DialogTitle as B, DialogContent as F } from "@mui/material";
-import { I as G } from "../../InputAdornment-B7qEA4kN.js";
-import { F as T, I as w } from "../../InputLabel-rrSJo8M_.js";
-import { I as M } from "../../Input-B7ry6o4t.js";
-const Z = ({
-  label: d,
+import { IconButton as h, OutlinedInput as K, FilledInput as F, Dialog as z, DialogTitle as B, DialogContent as G } from "@mui/material";
+import { I as T } from "../../InputAdornment-B7qEA4kN.js";
+import { a as w, F as M, I as j } from "../../InputLabel-CBuAYyuT.js";
+import { I as x } from "../../Input-CoIrGZAh.js";
+const $ = ({
+  label: r,
   mapboxAccessToken: c,
   value: e = "",
-  disableAddCoordinate: h = !1,
-  defaultExtent: a,
-  variant: r = "outlined",
+  disableAddCoordinate: f = !1,
+  defaultExtent: s,
+  variant: d = "outlined",
+  labelPosition: m = "top",
   onChange: C
 }) => {
   const { state: t, action: n } = S({
-    label: d,
+    label: r,
     value: e,
     onChange: C
-  }), m = /* @__PURE__ */ o(G, { position: "end", children: e !== "" && /* @__PURE__ */ i(s, { children: [
-    /* @__PURE__ */ o(u, { size: "small", onClick: n.onEdit, children: /* @__PURE__ */ o(f, { fontSize: "small" }) }),
-    /* @__PURE__ */ o(u, { size: "small", onClick: n.onDelete, children: /* @__PURE__ */ o(D, { fontSize: "small" }) })
+  }), a = /* @__PURE__ */ o(T, { position: "end", children: e !== "" && /* @__PURE__ */ i(p, { children: [
+    /* @__PURE__ */ o(h, { size: "small", onClick: n.onEdit, children: /* @__PURE__ */ o(D, { fontSize: "small" }) }),
+    /* @__PURE__ */ o(h, { size: "small", onClick: n.onDelete, children: /* @__PURE__ */ o(I, { fontSize: "small" }) })
   ] }) });
-  return /* @__PURE__ */ i(s, { children: [
+  return /* @__PURE__ */ i(p, { children: [
+    m === "top" && r !== void 0 && /* @__PURE__ */ o(w, { sx: { display: "block", mb: 0.5 }, children: r }),
     /* @__PURE__ */ i(O, { children: [
-      /* @__PURE__ */ i(k, { variant: r, children: [
-        h === !1 && /* @__PURE__ */ o(
+      /* @__PURE__ */ i(y, { variant: d, children: [
+        f === !1 && /* @__PURE__ */ o(
           l,
           {
             color: "inherit",
-            startIcon: /* @__PURE__ */ o(I, {}),
+            startIcon: /* @__PURE__ */ o(A, {}),
             onClick: n.onAddCoordinate,
             children: "Add Coordinate"
           }
@@ -44,7 +46,7 @@ const Z = ({
           l,
           {
             color: "inherit",
-            startIcon: /* @__PURE__ */ o(A, {}),
+            startIcon: /* @__PURE__ */ o(k, {}),
             onClick: n.onDraw,
             children: "Draw"
           }
@@ -53,7 +55,7 @@ const Z = ({
           l,
           {
             color: "inherit",
-            startIcon: /* @__PURE__ */ o(p, {}),
+            startIcon: /* @__PURE__ */ o(u, {}),
             onClick: n.onAddKml,
             children: "Add KML"
           }
@@ -62,32 +64,32 @@ const Z = ({
           l,
           {
             color: "inherit",
-            startIcon: /* @__PURE__ */ o(p, {}),
+            startIcon: /* @__PURE__ */ o(u, {}),
             onClick: n.onAddWkt,
             children: "Add WKT"
           }
         )
       ] }),
       /* @__PURE__ */ i(
-        T,
+        M,
         {
           fullWidth: !0,
-          variant: r,
+          variant: d,
           contentEditable: !1,
           onClick: n.onClick,
           children: [
-            /* @__PURE__ */ o(w, { shrink: !!e, children: d }),
-            r === "standard" && /* @__PURE__ */ o(M, { value: e, readOnly: !0, endAdornment: m }),
-            r === "outlined" && /* @__PURE__ */ o(
+            m === "default" && /* @__PURE__ */ o(j, { shrink: !!e, children: r }),
+            d === "standard" && /* @__PURE__ */ o(x, { value: e, readOnly: !0, endAdornment: a }),
+            d === "outlined" && /* @__PURE__ */ o(
               K,
               {
-                label: d,
+                label: m === "default" ? r : void 0,
                 value: e,
                 readOnly: !0,
-                endAdornment: m
+                endAdornment: a
               }
             ),
-            r === "filled" && /* @__PURE__ */ o(L, { value: e, readOnly: !0, endAdornment: m })
+            d === "filled" && /* @__PURE__ */ o(F, { value: e, readOnly: !0, endAdornment: a })
           ]
         }
       )
@@ -101,30 +103,30 @@ const Z = ({
         maxWidth: "md",
         children: [
           /* @__PURE__ */ o(B, { children: t.content.title }),
-          /* @__PURE__ */ i(F, { children: [
+          /* @__PURE__ */ i(G, { children: [
             t.content.action === "ADD" && t.content.type === "COORDINATE" && /* @__PURE__ */ o(
-              y,
+              b,
               {
                 mapboxAccessToken: c,
-                defaultExtent: a,
+                defaultExtent: s,
                 onCancel: n.modal.close,
                 onSubmit: n.onSubmit
               }
             ),
             t.content.action === "ADD" && t.content.type === "GEOMETRY" && /* @__PURE__ */ o(
-              E,
+              g,
               {
                 mapId: "map-geo-picker-001",
                 mapboxAccessToken: c,
-                defaultExtent: a,
+                defaultExtent: s,
                 onCancel: n.modal.close,
                 onSubmit: n.onSubmit
               }
             ),
-            t.content.action === "ADD" && t.content.type === "KML" && /* @__PURE__ */ o(g, { onCancel: n.modal.close, onSubmit: n.onSubmit }),
+            t.content.action === "ADD" && t.content.type === "KML" && /* @__PURE__ */ o(L, { onCancel: n.modal.close, onSubmit: n.onSubmit }),
             t.content.action === "ADD" && t.content.type === "WKT" && /* @__PURE__ */ o(W, { onCancel: n.modal.close, onSubmit: n.onSubmit }),
             t.content.action === "EDIT" && !!e && /* @__PURE__ */ o(
-              b,
+              E,
               {
                 mapId: "map-geo-edit-001",
                 value: e,
@@ -140,5 +142,5 @@ const Z = ({
   ] });
 };
 export {
-  Z as GeometryPicker
+  $ as GeometryPicker
 };

package/dist/components/instance-form/components/composite-list/index.js

@@ -6,7 +6,7 @@ import "lodash";
 import "react";
 import "../../../../hooks/useToggle.js";
 import "../../../conditional-wrapper/index.js";
-import { C as s } from "../../../../index-MMaYBAn0.js";
+import { C as s } from "../../../../index-CGNxsLVm.js";
 import "./styled.js";
 export {
   s as default