@hybridcore/ui 1.1.2 → 1.2.0

package/dist/index-DHnXB0CB.js

@@ -0,0 +1,287 @@
+import { jsxs as h, Fragment as P, jsx as n } from "react/jsx-runtime";
+import T from "lodash";
+import v from "dayjs";
+import { Typography as F, Chip as B, Dialog as S, DialogTitle as j, DialogContent as N, DialogActions as W, Button as w, InputAdornment as Y, Tooltip as O, Stack as _ } from "@mui/material";
+import { Container as y, Values as E, MiniButton as G } from "./components/data-management/instance-form/components/composite-list/styled.js";
+import { Add as H, LockOutlined as R } from "@mui/icons-material";
+import $ from "./hooks/useToggle.js";
+import { GeometryPicker as q } from "./components/geometry-picker/index.js";
+import { PhoneInput as J } from "./components/phone-input/index.js";
+import { DateTimePicker as K } from "./components/date-time-picker/index.js";
+import { T as D, F as Q } from "./FormControlLabel-j_atSYQA.js";
+import { B as x, C as U } from "./Checkbox-DP6_qp1v.js";
+import { F as X, I as Z } from "./FormControl-Cj5nc-Nv.js";
+import { S as M } from "./Select-BGt6e73I.js";
+import { M as z } from "./MenuItem-BejUFNIP.js";
+import { useState as ee } from "react";
+function ne({
+  property: m,
+  mapboxAccessToken: e,
+  value: l,
+  variant: u = "standard",
+  size: o = "medium",
+  onChange: a
+}) {
+  var V;
+  const s = $(!1), [d, C] = ee(), g = (c) => {
+    C(T.get(c, m.propertyId));
+  }, k = () => {
+    a([...l || [], d]), C(""), s.action.close();
+  }, A = (c) => () => {
+    if (l) {
+      let r = [...l];
+      r.splice(c, 1), a(r);
+    }
+  };
+  return /* @__PURE__ */ h(P, { children: [
+    /* @__PURE__ */ h(y, { variant: u, children: [
+      /* @__PURE__ */ n(F, { children: m.name }),
+      /* @__PURE__ */ n(E, { children: T.isArray(l) && l.map((c, r) => {
+        var f, t;
+        return /* @__PURE__ */ n(
+          B,
+          {
+            label: ((t = (f = m.dataTypeInfo) == null ? void 0 : f.innerType) == null ? void 0 : t.type) === "date" ? v(c).format("DD/MM/YYYY HH:mm:ss") : c,
+            size: o,
+            onDelete: A(r)
+          },
+          r
+        );
+      }) }),
+      /* @__PURE__ */ n(
+        G,
+        {
+          startIcon: /* @__PURE__ */ n(H, {}),
+          variant: "text",
+          onClick: s.action.open,
+          children: "Add"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ h(
+      S,
+      {
+        open: s.state.isOpen,
+        onClose: s.action.close,
+        maxWidth: "sm",
+        fullWidth: !0,
+        children: [
+          /* @__PURE__ */ n(j, { children: "Add List Value" }),
+          /* @__PURE__ */ n(N, { children: (V = m.dataTypeInfo) != null && V.innerType ? /* @__PURE__ */ n(
+            te,
+            {
+              mapboxAccessToken: e,
+              property: {
+                ...m,
+                name: "Value",
+                type: m.dataTypeInfo.innerType.type
+              },
+              value: d,
+              onChange: g
+            }
+          ) : null }),
+          /* @__PURE__ */ h(W, { children: [
+            /* @__PURE__ */ n(
+              w,
+              {
+                variant: "contained",
+                color: "inherit",
+                onClick: s.action.close,
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ n(w, { variant: "contained", color: "primary", onClick: k, children: "Ok" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function te({
+  mapboxAccessToken: m,
+  property: e,
+  value: l,
+  variant: u = "standard",
+  size: o = "medium",
+  disableMargin: a = !1,
+  defaultExtent: s,
+  // keyAuth,
+  onChange: d
+}) {
+  var f;
+  const C = (t) => {
+    const I = t.target.value.split(",").map((p) => p.trimStart());
+    d({
+      [e.propertyId]: I
+    });
+  }, g = (t) => {
+    const { name: i, type: I, checked: p, value: L } = t.target;
+    let b = L;
+    e.type === "double" && (b = b.replace(",", "."), b = b.replace(/[^\d.-]+/g, "")), d({
+      [i]: I === "checkbox" ? p : b
+    });
+  }, k = (t) => {
+    d({
+      [e.propertyId]: t
+    });
+  }, A = (t) => {
+    d({
+      [e.propertyId]: t.target.value
+    });
+  }, V = (t) => (i) => {
+    d({
+      [t]: i
+    });
+  }, c = (t) => (i) => {
+    d({
+      [t]: i
+    });
+  }, r = (t) => (i) => {
+    d({
+      [t]: i
+    });
+  };
+  if ([
+    "string",
+    "integer",
+    "double",
+    "text",
+    "long",
+    "byte",
+    "bank-account"
+  ].includes(e.type))
+    return /* @__PURE__ */ n(
+      D,
+      {
+        label: e.name,
+        name: e.propertyId,
+        value: l ?? e.defaultValue ?? "",
+        defaultValue: l,
+        onChange: g,
+        variant: u,
+        type: "text",
+        multiline: e.type === "text",
+        disabled: !e.editable,
+        fullWidth: !0,
+        sx: { mb: a ? 0 : 2 },
+        InputProps: {
+          size: o,
+          ...e.privacyPreservationMethod === "ENCRYPTION" ? {
+            endAdornment: /* @__PURE__ */ n(Y, { position: "end", children: /* @__PURE__ */ n(O, { title: "Encrypted Field", children: /* @__PURE__ */ n(R, {}) }) })
+          } : {}
+        }
+      }
+    );
+  if (e.type === "date") {
+    const t = l !== void 0 ? v(l).format() : "";
+    return /* @__PURE__ */ h(_, { mb: a ? 0 : 2, children: [
+      /* @__PURE__ */ n(F, { variant: "subtitle2", children: e.name }),
+      /* @__PURE__ */ n(
+        K,
+        {
+          value: t,
+          variant: u,
+          size: o,
+          name: e.propertyId,
+          onChange: k
+        }
+      )
+    ] });
+  }
+  if (e.type === "list") {
+    let t = "";
+    return e.defaultValue && (t = T.isArray(e.defaultValue) ? l.join(", ") : e.defaultValue), l && (t = T.isArray(l) ? l.join(",") : l), /* @__PURE__ */ n(
+      D,
+      {
+        label: e.name,
+        name: e.propertyId,
+        value: t,
+        onChange: C,
+        variant: u,
+        disabled: !e.editable,
+        fullWidth: !0,
+        helperText: o === "small" ? null : "Add list values with the comma (,) separated string",
+        sx: { mb: a ? 0 : 2 },
+        InputProps: {
+          size: o,
+          placeholder: o === "small" ? "Add list values with the comma (,) separated string" : ""
+        }
+      }
+    );
+  }
+  if (e.type === "boolean")
+    return /* @__PURE__ */ n(x, { mb: a ? 0 : 2, children: /* @__PURE__ */ n(
+      Q,
+      {
+        control: /* @__PURE__ */ n(
+          U,
+          {
+            name: e.propertyId,
+            checked: !!l,
+            onChange: g,
+            size: o
+          }
+        ),
+        label: e.name
+      }
+    ) });
+  if (e.type === "enum") {
+    let t = [];
+    return (f = e.dataTypeInfo) != null && f.enumValues && (t = e.dataTypeInfo.enumValues), /* @__PURE__ */ h(
+      X,
+      {
+        fullWidth: !0,
+        variant: u,
+        sx: { mb: a ? 0 : 2 },
+        size: o,
+        children: [
+          /* @__PURE__ */ n(Z, { id: `${e.propertyId}-label`, children: e.name }),
+          /* @__PURE__ */ n(
+            M,
+            {
+              label: e.name,
+              name: e.name,
+              labelId: `${e.propertyId}-label`,
+              id: e.propertyId,
+              value: l ?? "",
+              onChange: A,
+              children: t.map((i, I) => /* @__PURE__ */ n(z, { value: i, children: i }, I))
+            }
+          )
+        ]
+      }
+    );
+  }
+  return e.type === "geometry" ? /* @__PURE__ */ n(x, { sx: { mb: a ? 0 : 2, width: "100%" }, children: /* @__PURE__ */ n(
+    q,
+    {
+      mapboxAccessToken: m,
+      label: e.name,
+      value: l ?? e.defaultValue ?? "",
+      defaultExtent: s,
+      onChange: V(e.propertyId)
+    }
+  ) }) : e.type === "phone-number" ? /* @__PURE__ */ n(x, { sx: { mb: a ? 0 : 2, width: "100%" }, children: /* @__PURE__ */ n(
+    J,
+    {
+      label: e.name,
+      placeholder: "Enter phone number",
+      value: l ?? e.defaultValue ?? "",
+      onChange: c(e.propertyId)
+    }
+  ) }) : e.type === "composite-list" ? /* @__PURE__ */ n(x, { sx: { mb: a ? 0 : 2, width: "100%" }, children: /* @__PURE__ */ n(
+    ne,
+    {
+      property: e,
+      value: l ?? e.defaultValue ?? "",
+      variant: u,
+      size: o,
+      mapboxAccessToken: m,
+      onChange: r(e.propertyId)
+    }
+  ) }) : /* @__PURE__ */ n(P, {});
+}
+export {
+  ne as C,
+  te as V
+};

package/dist/{index-IvOfmM1F.js → index-JrtqxUdI.js}

@@ -1,19 +1,19 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import o from "react";
 import f from "./components/map/logic.js";
-import { M as n } from "./styled-C43K9x7T.js";
+import a from "./components/map/styled.js";
 import './assets/index.css';const l = (e, i) => {
   var t, r;
   const { refs: s, action: m } = f(e);
-  return o.useImperativeHandle(i, () => m), /* @__PURE__ */ a(
-    n.Container,
+  return o.useImperativeHandle(i, () => m), /* @__PURE__ */ n(
+    a.Container,
     {
       sx: {
         position: "relative",
         cursor: ((t = e.options) == null ? void 0 : t.cursor) || "default"
       },
-      children: /* @__PURE__ */ a(
-        n.Container,
+      children: /* @__PURE__ */ n(
+        a.Container,
         {
           id: e.id || "map",
           ref: s.mapContainer,

package/dist/listItemTextClasses-CaI8l2PD.js

@@ -0,0 +1,16 @@
+import { g as s } from "./chainPropTypes-BmidnkZm.js";
+import { g as e } from "./styled-Wx2vv4j8.js";
+function n(t) {
+  return e("MuiListItemIcon", t);
+}
+const o = s("MuiListItemIcon", ["root", "alignItemsFlexStart"]);
+function l(t) {
+  return e("MuiListItemText", t);
+}
+const r = s("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]);
+export {
+  o as a,
+  l as b,
+  n as g,
+  r as l
+};

package/dist/main.d.ts

@@ -590,6 +590,8 @@ declare interface SearchInputProps {
     placeholder?: string;
     fullWidth?: boolean;
     disableLabel?: boolean;
+    variant?: "outlined" | "filled" | "standard";
+    size?: "small" | "medium";
     iconSize?: "small" | "medium" | "large";
     sx?: SxProps<Theme>;
     onChange?(value: string): void;
@@ -842,6 +844,144 @@ declare namespace AUTH {
   }
 }
 
+declare namespace FV {
+  type TemplateType = "EVENT" | "OBJECT" | "DOCUMENT";
+
+  interface SearchDTO {
+    keyword: string;
+    sortCriteria: "RELEVANCE" | "DATE" | "DISTANCE" | "RANDOM";
+    boundingBox: BoundingBox | null;
+    operator: "AND" | "OR" | "RANGE" | "NOT" | "EQUALS" | "FUZZY";
+    pageNumber: number;
+    rows: number;
+    minimalDetails: boolean;
+    spatialFilter: SpatialFilter | null;
+    timelineFilter: TimelineFilter | null;
+    templateFilters: TemplateFilter[];
+    templateType: TemplateType | null;
+  }
+
+  interface HierarchySearchDTO {
+    templatesPerPage: number;
+    pageNumber: number;
+    rowsPerTemplate: number;
+    keyword: string;
+    sortCriteria: "RELEVANCE" | "DATE" | "DISTANCE" | "RANDOM";
+    boundingBox: BoundingBox | null;
+    operator: "AND" | "OR" | "RANGE" | "NOT" | "EQUALS" | "FUZZY";
+    spatialFilter: SpatialFilter | null;
+    templateFilters: HierarchyTemplateFilter[];
+  }
+
+  interface BoundingBox {
+    bottomLeft: BottomLeft;
+    topRight: TopRight;
+  }
+
+  interface BottomLeft {
+    latitude: number;
+    longitude: number;
+  }
+
+  interface TopRight {
+    latitude: number;
+    longitude: number;
+  }
+
+  interface SpatialFilter {
+    wkt: string;
+    buffer: number;
+    geoFilterType: string;
+  }
+
+  interface TimelineFilter {
+    start: string;
+    end: string;
+    rangeGap: string;
+  }
+
+  interface TemplateFilter {
+    templateKey: string;
+    filterOperator: string;
+    filters: PropertyFilter[];
+    exclusionTemplateKeys: string[];
+  }
+
+  interface HierarchyTemplateFilter {
+    templateKey: string;
+    includeChildTemplates: boolean;
+    filterOperator: string;
+    filters: PropertyFilter[];
+    exclusionTemplateKeys: string[];
+  }
+
+  interface PropertyFilter {
+    fieldName: string;
+    value: PropertyFilterValue;
+  }
+
+  interface PropertyFilterValue {
+    min?: string;
+    max?: string;
+    exact?: string;
+    list?: string[];
+  }
+
+  interface SearchResults {
+    totalResultCount: number;
+    totalPageCount: number;
+    results: SearchResult[];
+  }
+
+  interface SearchResult {
+    id: number;
+    title: string;
+    templateId: number;
+    variables: INSTANCE.GroupedVariables;
+    description?: string;
+  }
+
+  interface Location {
+    kml: string;
+  }
+
+  interface HierarchySearchResults {
+    totalTemplateCount: number;
+    totalPageCount: number;
+    instanceCountsByTemplateType: InstanceCountsByTemplateType;
+    results: HierarchySearchResult[];
+  }
+
+  interface InstanceCountsByTemplateType {
+    EVENT: number;
+    OBJECT: number;
+    DOCUMENT: number;
+    DICTIONARY_AGENT: number;
+    DICTIONARY_DEFINITION: number;
+  }
+
+  interface HierarchySearchResultInstance {
+    id: number;
+    title: string;
+    description?: string;
+    variables: INSTANCE.GroupedVariables;
+    highlights?: {};
+  }
+
+  interface HierarchySearchResult {
+    totalInstanceCount: number;
+    templateId: number;
+    instances: HierarchySearchResultInstance[];
+  }
+
+  interface KeywordSearchDTO {
+    keyword: string;
+    instanceId: number;
+    pageNumber: number;
+    rows: number;
+  }
+}
+
 declare namespace INSTANCE {
   interface String {
     [key: string | number]: string;

package/dist/main.js

@@ -13,7 +13,7 @@ import { IconButton as k } from "./components/icon-button/index.js";
 import { KeyProtectionMenu as F } from "./components/key-protection/menu.js";
 import { S as g } from "./utils-Bq0ye5vf.js";
 import { Loading as w } from "./components/loading/index.js";
-import { i as B } from "./index-IvOfmM1F.js";
+import { i as B } from "./index-JrtqxUdI.js";
 import { PhoneInput as U } from "./components/phone-input/index.js";
 import { SearchInput as W } from "./components/search-input/index.js";
 import { TreeSelect as j } from "./components/tree-select/index.js";

package/dist/{ol-DXmSLlWv.js → ol-q6vTiF_t.js}

@@ -4,7 +4,7 @@ import { f as Ci, A as va, B as ze, D as Ir, i as tt, T as di, l as Z, O as ui,
 import { s as Fr, b as Ga, d as xn, r as Ya, e as jn, f as ds, g as Fs, h as Xa, i as Ds, j as Yi, k as Os, l as lt, m as Jn, n as Mt, o as Wa, p as En, t as Ua, S as _t, F as Ve, I as Ht, a as tn, T as Ri, R as Ba, C as Ka, q as za, u as Va, v as ce, w as Rt, x as en, y as nn, z as Bt, A as Kt, B as sn, D as rn, E as on, G as xe, H as gi, J as an, K as Dr, L as Ha, M as Za, N as qa, O as Ms } from "./Text-BT5kPHOo.js";
 import { Feature as me } from "ol";
 import { getNumberCoordinates as us, validate as Or, parse as Mr, getGeometries as Qn, findPlacemarkCoordinates as ja, build as Ja } from "./components/map/helpers/kml.js";
-import { d as Nr, a as Qa } from "./styled-C43K9x7T.js";
+import { defaultStyle as Nr, selectStyleFunction as Qa } from "./components/map/styled.js";
 import { parse as $a, findCoordinate as tl } from "./components/map/helpers/wkt.js";
 const gt = {
   /**

package/dist/resolveComponentProps-BwtY1IP3.js

@@ -0,0 +1,54 @@
+import { a as o } from "./extends-C3382pL0.js";
+import { i as g } from "./isHostComponent-kiaBvYVo.js";
+import { c as v } from "./chainPropTypes-BmidnkZm.js";
+function O(n, s, e) {
+  return n === void 0 || g(n) ? s : o({}, s, {
+    ownerState: o({}, s.ownerState, e)
+  });
+}
+function p(n, s = []) {
+  if (n === void 0)
+    return {};
+  const e = {};
+  return Object.keys(n).filter((t) => t.match(/^on[A-Z]/) && typeof n[t] == "function" && !s.includes(t)).forEach((t) => {
+    e[t] = n[t];
+  }), e;
+}
+function y(n) {
+  if (n === void 0)
+    return {};
+  const s = {};
+  return Object.keys(n).filter((e) => !(e.match(/^on[A-Z]/) && typeof n[e] == "function")).forEach((e) => {
+    s[e] = n[e];
+  }), s;
+}
+function P(n) {
+  const {
+    getSlotProps: s,
+    additionalProps: e,
+    externalSlotProps: t,
+    externalForwardedProps: l,
+    className: u
+  } = n;
+  if (!s) {
+    const f = v(e == null ? void 0 : e.className, u, l == null ? void 0 : l.className, t == null ? void 0 : t.className), m = o({}, e == null ? void 0 : e.style, l == null ? void 0 : l.style, t == null ? void 0 : t.style), i = o({}, e, l, t);
+    return f.length > 0 && (i.className = f), Object.keys(m).length > 0 && (i.style = m), {
+      props: i,
+      internalRef: void 0
+    };
+  }
+  const N = p(o({}, l, t)), h = y(t), S = y(l), r = s(N), d = v(r == null ? void 0 : r.className, e == null ? void 0 : e.className, u, l == null ? void 0 : l.className, t == null ? void 0 : t.className), c = o({}, r == null ? void 0 : r.style, e == null ? void 0 : e.style, l == null ? void 0 : l.style, t == null ? void 0 : t.style), a = o({}, r, e, S, h);
+  return d.length > 0 && (a.className = d), Object.keys(c).length > 0 && (a.style = c), {
+    props: a,
+    internalRef: r.ref
+  };
+}
+function k(n, s, e) {
+  return typeof n == "function" ? n(s, e) : n;
+}
+export {
+  O as a,
+  p as e,
+  P as m,
+  k as r
+};

package/dist/styled-CHMAYxVs.js

@@ -0,0 +1,142 @@
+import { _ as E, a as l } from "./extends-C3382pL0.js";
+import { a as W, i as z, s as I, c as q, g as B, b as G, e as H } from "./createTheme-oOCi1S_n.js";
+const J = ["ownerState"], K = ["variants"], Q = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
+function U(e) {
+  return Object.keys(e).length === 0;
+}
+function X(e) {
+  return typeof e == "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  e.charCodeAt(0) > 96;
+}
+function A(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+const Y = W(), $ = (e) => e && e.charAt(0).toLowerCase() + e.slice(1);
+function w({
+  defaultTheme: e,
+  theme: i,
+  themeId: o
+}) {
+  return U(i) ? e : i[o] || i;
+}
+function Z(e) {
+  return e ? (i, o) => o[e] : null;
+}
+function x(e, i) {
+  let {
+    ownerState: o
+  } = i, m = E(i, J);
+  const u = typeof e == "function" ? e(l({
+    ownerState: o
+  }, m)) : e;
+  if (Array.isArray(u))
+    return u.flatMap((h) => x(h, l({
+      ownerState: o
+    }, m)));
+  if (u && typeof u == "object" && Array.isArray(u.variants)) {
+    const {
+      variants: h = []
+    } = u;
+    let d = E(u, K);
+    return h.forEach((t) => {
+      let s = !0;
+      typeof t.props == "function" ? s = t.props(l({
+        ownerState: o
+      }, m, o)) : Object.keys(t.props).forEach((p) => {
+        (o == null ? void 0 : o[p]) !== t.props[p] && m[p] !== t.props[p] && (s = !1);
+      }), s && (Array.isArray(d) || (d = [d]), d.push(typeof t.style == "function" ? t.style(l({
+        ownerState: o
+      }, m, o)) : t.style));
+    }), d;
+  }
+  return u;
+}
+function g(e = {}) {
+  const {
+    themeId: i,
+    defaultTheme: o = Y,
+    rootShouldForwardProp: m = A,
+    slotShouldForwardProp: u = A
+  } = e, h = (a) => G(l({}, a, {
+    theme: w(l({}, a, {
+      defaultTheme: o,
+      themeId: i
+    }))
+  }));
+  return h.__mui_systemSx = !0, (a, d = {}) => {
+    z(a, (n) => n.filter((f) => !(f != null && f.__mui_systemSx)));
+    const {
+      name: t,
+      slot: s,
+      skipVariantsResolver: p,
+      skipSx: b,
+      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      overridesResolver: F = Z($(s))
+    } = d, j = E(d, Q), T = p !== void 0 ? p : (
+      // TODO v6: remove `Root` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      s && s !== "Root" && s !== "root" || !1
+    ), D = b || !1;
+    let k;
+    process.env.NODE_ENV !== "production" && t && (k = `${t}-${$(s || "Root")}`);
+    let v = A;
+    s === "Root" || s === "root" ? v = m : s ? v = u : X(a) && (v = void 0);
+    const O = I(a, l({
+      shouldForwardProp: v,
+      label: k
+    }, j)), C = (n) => typeof n == "function" && n.__emotion_real !== n || H(n) ? (f) => x(n, l({}, f, {
+      theme: w({
+        theme: f.theme,
+        defaultTheme: o,
+        themeId: i
+      })
+    })) : n, P = (n, ...f) => {
+      let R = C(n);
+      const y = f ? f.map(C) : [];
+      t && F && y.push((r) => {
+        const c = w(l({}, r, {
+          defaultTheme: o,
+          themeId: i
+        }));
+        if (!c.components || !c.components[t] || !c.components[t].styleOverrides)
+          return null;
+        const S = c.components[t].styleOverrides, _ = {};
+        return Object.entries(S).forEach(([L, M]) => {
+          _[L] = x(M, l({}, r, {
+            theme: c
+          }));
+        }), F(r, _);
+      }), t && !T && y.push((r) => {
+        var c;
+        const S = w(l({}, r, {
+          defaultTheme: o,
+          themeId: i
+        })), _ = S == null || (c = S.components) == null || (c = c[t]) == null ? void 0 : c.variants;
+        return x({
+          variants: _
+        }, l({}, r, {
+          theme: S
+        }));
+      }), D || y.push(h);
+      const V = y.length - f.length;
+      if (Array.isArray(n) && V > 0) {
+        const r = new Array(V).fill("");
+        R = [...n, ...r], R.raw = [...n.raw, ...r];
+      }
+      const N = O(R, ...y);
+      if (process.env.NODE_ENV !== "production") {
+        let r;
+        t && (r = `${t}${q(s || "")}`), r === void 0 && (r = `Styled(${B(a)})`), N.displayName = r;
+      }
+      return a.muiName && (N.muiName = a.muiName), N;
+    };
+    return O.withConfig && (P.withConfig = O.withConfig), P;
+  };
+}
+const oe = g();
+export {
+  oe as s
+};