@telicent-oss/ds 0.14.0 → 0.15.0

package/dist/ds.js

@@ -14,9 +14,9 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     return __privateGet(obj, member, getter);
   }
 });
-var _a, _b, _c, _focused, _cleanup, _setup, _d, _online, _cleanup2, _setup2, _e, _gcTimeout, _f, _initialState, _revertState, _cache, _retryer, _defaultOptions, _abortSignalConsumed, _Query_instances, dispatch_fn, _g, _queries, _h, _observers, _mutationCache, _retryer2, _Mutation_instances, dispatch_fn2, _i, _mutations, _scopes, _mutationId, _j, _queryCache, _mutationCache2, _defaultOptions2, _queryDefaults, _mutationDefaults, _mountCount, _unsubscribeFocus, _unsubscribeOnline, _k, _client, _currentQuery, _currentQueryInitialState, _currentResult, _currentResultState, _currentResultOptions, _currentThenable, _selectError, _selectFn, _selectResult, _lastQueryWithDefinedData, _staleTimeoutId, _refetchIntervalId, _currentRefetchInterval, _trackedProps, _QueryObserver_instances, executeFetch_fn, updateStaleTimeout_fn, computeRefetchInterval_fn, updateRefetchInterval_fn, updateTimers_fn, clearStaleTimeout_fn, clearRefetchInterval_fn, updateQuery_fn, notify_fn, _l;
+var _a, _b, _c, _focused, _cleanup, _setup, _d, _online, _cleanup2, _setup2, _e, _gcTimeout, _f, _initialState, _revertState, _cache, _client, _retryer, _defaultOptions, _abortSignalConsumed, _Query_instances, dispatch_fn, _g, _queries, _h, _observers, _mutationCache, _retryer2, _Mutation_instances, dispatch_fn2, _i, _mutations, _scopes, _mutationId, _j, _queryCache, _mutationCache2, _defaultOptions2, _queryDefaults, _mutationDefaults, _mountCount, _unsubscribeFocus, _unsubscribeOnline, _k, _client2, _currentQuery, _currentQueryInitialState, _currentResult, _currentResultState, _currentResultOptions, _currentThenable, _selectError, _selectFn, _selectResult, _lastQueryWithDefinedData, _staleTimeoutId, _refetchIntervalId, _currentRefetchInterval, _trackedProps, _QueryObserver_instances, executeFetch_fn, updateStaleTimeout_fn, computeRefetchInterval_fn, updateRefetchInterval_fn, updateTimers_fn, clearStaleTimeout_fn, clearRefetchInterval_fn, updateQuery_fn, notify_fn, _l;
 import * as React$2 from "react";
-import React__default, { forwardRef, useContext, Children, isValidElement, cloneElement, useState, useEffect, useRef, useCallback, createElement as createElement$1, PureComponent, createContext } from "react";
+import React__default, { forwardRef, useContext, isValidElement, cloneElement, Children, useState, useEffect, useRef, useCallback, createElement as createElement$1, PureComponent, createContext } from "react";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { flushSync } from "react-dom";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
@@ -6246,16 +6246,32 @@ ZodReadonly.create = (type, params) => {
     ...processCreateParams(params)
   });
 };
-function custom(check, params = {}, fatal) {
+function cleanParams(params, data) {
+  const p2 = typeof params === "function" ? params(data) : typeof params === "string" ? { message: params } : params;
+  const p22 = typeof p2 === "string" ? { message: p2 } : p2;
+  return p22;
+}
+function custom(check, _params = {}, fatal) {
   if (check)
     return ZodAny.create().superRefine((data, ctx) => {
       var _a2, _b2;
-      if (!check(data)) {
-        const p2 = typeof params === "function" ? params(data) : typeof params === "string" ? { message: params } : params;
-        const _fatal = (_b2 = (_a2 = p2.fatal) !== null && _a2 !== void 0 ? _a2 : fatal) !== null && _b2 !== void 0 ? _b2 : true;
-        const p22 = typeof p2 === "string" ? { message: p2 } : p2;
-        ctx.addIssue({ code: "custom", ...p22, fatal: _fatal });
+      const r2 = check(data);
+      if (r2 instanceof Promise) {
+        return r2.then((r3) => {
+          var _a3, _b3;
+          if (!r3) {
+            const params = cleanParams(_params, data);
+            const _fatal = (_b3 = (_a3 = params.fatal) !== null && _a3 !== void 0 ? _a3 : fatal) !== null && _b3 !== void 0 ? _b3 : true;
+            ctx.addIssue({ code: "custom", ...params, fatal: _fatal });
+          }
+        });
       }
+      if (!r2) {
+        const params = cleanParams(_params, data);
+        const _fatal = (_b2 = (_a2 = params.fatal) !== null && _a2 !== void 0 ? _a2 : fatal) !== null && _b2 !== void 0 ? _b2 : true;
+        ctx.addIssue({ code: "custom", ...params, fatal: _fatal });
+      }
+      return;
     });
   return ZodAny.create();
 }
@@ -6539,7 +6555,7 @@ function _toPrimitive$1(t2, r2) {
   if ("object" != typeof t2 || !t2) return t2;
   var e = t2[Symbol.toPrimitive];
   if (void 0 !== e) {
-    var i = e.call(t2, r2 || "default");
+    var i = e.call(t2, r2);
     if ("object" != typeof i) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
@@ -6626,7 +6642,6 @@ var S = {
   }
 }, A = {
   GROUP: "duotone-group",
-  SWAP_OPACITY: "swap-opacity",
   PRIMARY: "primary",
   SECONDARY: "secondary"
 }, P = ["fa-classic", "fa-duotone", "fa-sharp", "fa-sharp-duotone"];
@@ -6760,17 +6775,11 @@ var Ft = ["fak", "fa-kit", "fakd", "fa-kit-duotone"], St = {
 var Ct = {
   kit: {
     "fa-kit": "fak"
-  },
-  "kit-duotone": {
-    "fa-kit-duotone": "fakd"
   }
 };
 var Lt = ["fak", "fakd"], Wt = {
   kit: {
     fak: "fa-kit"
-  },
-  "kit-duotone": {
-    fakd: "fa-kit-duotone"
   }
 };
 var Et = {
@@ -8055,7 +8064,7 @@ function findIcon(iconName, prefix2) {
   }
   return new Promise((resolve, reject) => {
     if (givenPrefix === "fa") {
-      const shim = byOldName(iconName);
+      const shim = byOldName(iconName) || {};
       iconName = shim.iconName || iconName;
       prefix2 = shim.prefix || prefix2;
     }
@@ -10655,100 +10664,48 @@ const common = {
   white: "#fff"
 };
 const red = {
-  50: "#ffebee",
-  100: "#ffcdd2",
-  200: "#ef9a9a",
   300: "#e57373",
   400: "#ef5350",
   500: "#f44336",
-  600: "#e53935",
   700: "#d32f2f",
-  800: "#c62828",
-  900: "#b71c1c",
-  A100: "#ff8a80",
-  A200: "#ff5252",
-  A400: "#ff1744",
-  A700: "#d50000"
+  800: "#c62828"
 };
 const purple = {
   50: "#f3e5f5",
-  100: "#e1bee7",
   200: "#ce93d8",
   300: "#ba68c8",
   400: "#ab47bc",
   500: "#9c27b0",
-  600: "#8e24aa",
-  700: "#7b1fa2",
-  800: "#6a1b9a",
-  900: "#4a148c",
-  A100: "#ea80fc",
-  A200: "#e040fb",
-  A400: "#d500f9",
-  A700: "#aa00ff"
+  700: "#7b1fa2"
 };
 const blue = {
   50: "#e3f2fd",
-  100: "#bbdefb",
   200: "#90caf9",
-  300: "#64b5f6",
   400: "#42a5f5",
-  500: "#2196f3",
-  600: "#1e88e5",
   700: "#1976d2",
-  800: "#1565c0",
-  900: "#0d47a1",
-  A100: "#82b1ff",
-  A200: "#448aff",
-  A400: "#2979ff",
-  A700: "#2962ff"
+  800: "#1565c0"
 };
 const lightBlue = {
-  50: "#e1f5fe",
-  100: "#b3e5fc",
-  200: "#81d4fa",
   300: "#4fc3f7",
   400: "#29b6f6",
   500: "#03a9f4",
-  600: "#039be5",
   700: "#0288d1",
-  800: "#0277bd",
-  900: "#01579b",
-  A100: "#80d8ff",
-  A200: "#40c4ff",
-  A400: "#00b0ff",
-  A700: "#0091ea"
+  900: "#01579b"
 };
 const green = {
-  50: "#e8f5e9",
-  100: "#c8e6c9",
-  200: "#a5d6a7",
   300: "#81c784",
   400: "#66bb6a",
   500: "#4caf50",
-  600: "#43a047",
   700: "#388e3c",
   800: "#2e7d32",
-  900: "#1b5e20",
-  A100: "#b9f6ca",
-  A200: "#69f0ae",
-  A400: "#00e676",
-  A700: "#00c853"
+  900: "#1b5e20"
 };
 const orange = {
-  50: "#fff3e0",
-  100: "#ffe0b2",
-  200: "#ffcc80",
   300: "#ffb74d",
   400: "#ffa726",
   500: "#ff9800",
-  600: "#fb8c00",
   700: "#f57c00",
-  800: "#ef6c00",
-  900: "#e65100",
-  A100: "#ffd180",
-  A200: "#ffab40",
-  A400: "#ff9100",
-  A700: "#ff6d00"
+  900: "#e65100"
 };
 const grey = {
   50: "#fafafa",
@@ -10782,7 +10739,7 @@ function _objectWithoutPropertiesLoose(r2, e) {
   if (null == r2) return {};
   var t2 = {};
   for (var n in r2) if ({}.hasOwnProperty.call(r2, n)) {
-    if (e.includes(n)) continue;
+    if (-1 !== e.indexOf(n)) continue;
     t2[n] = r2[n];
   }
   return t2;
@@ -10805,7 +10762,7 @@ var jsx2 = function jsx3(type, props) {
   var JSX;
   /* @__PURE__ */ (function(_JSX) {
   })(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
-})(jsx2);
+})(jsx2 || (jsx2 = {}));
 var Global = /* @__PURE__ */ withEmotionCache(function(props, cache2) {
   var styles2 = props.styles;
   var serialized = serializeStyles([styles2], void 0, React$2.useContext(ThemeContext$1));
@@ -15479,7 +15436,7 @@ function requireObjectWithoutPropertiesLoose() {
       if (null == r2) return {};
       var t2 = {};
       for (var n in r2) if ({}.hasOwnProperty.call(r2, n)) {
-        if (e.includes(n)) continue;
+        if (-1 !== e.indexOf(n)) continue;
         t2[n] = r2[n];
       }
       return t2;
@@ -20228,7 +20185,6 @@ function detectOverflow(state, options) {
   var popperOffsets2 = computeOffsets({
     reference: referenceClientRect,
     element: popperRect,
-    strategy: "absolute",
     placement
   });
   var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets2));
@@ -20475,7 +20431,6 @@ function popperOffsets(_ref3) {
   state.modifiersData[name] = computeOffsets({
     reference: state.rects.reference,
     element: state.rects.popper,
-    strategy: "absolute",
     placement: state.placement
   });
 }
@@ -30712,7 +30667,7 @@ const InputAdornment = /* @__PURE__ */ React$2.forwardRef(function InputAdornmen
       }
     }
   }
-  if (!variant) {
+  if (muiFormControl && !variant) {
     variant = muiFormControl.variant;
   }
   const ownerState = _extends({}, props, {
@@ -39273,7 +39228,7 @@ var picocolors_browserExports = picocolors_browser.exports;
   });
   const _log2 = /* @__PURE__ */ _interop_require_default(log$2);
   function _interop_require_default(obj) {
-    return obj.__esModule ? obj : {
+    return obj && obj.__esModule ? obj : {
       default: obj
     };
   }
@@ -39770,7 +39725,7 @@ var featureFlags = {};
     })(nodeInterop);
   }
   function _interop_require_wildcard(obj, nodeInterop) {
-    if (obj.__esModule) {
+    if (obj && obj.__esModule) {
       return obj;
     }
     if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
@@ -40827,7 +40782,7 @@ var colorNames = {};
   });
   const _colorNames = /* @__PURE__ */ _interop_require_default(colorNames);
   function _interop_require_default(obj) {
-    return obj.__esModule ? obj : {
+    return obj && obj.__esModule ? obj : {
       default: obj
     };
   }
@@ -43169,7 +43124,7 @@ var config_full = {
   const _configfull = /* @__PURE__ */ _interop_require_default(config_full);
   const _featureFlags = featureFlags;
   function _interop_require_default(obj) {
-    return obj.__esModule ? obj : {
+    return obj && obj.__esModule ? obj : {
       default: obj
     };
   }
@@ -44148,6 +44103,7 @@ var Query = (_g = class extends Removable {
     __privateAdd(this, _initialState);
     __privateAdd(this, _revertState);
     __privateAdd(this, _cache);
+    __privateAdd(this, _client);
     __privateAdd(this, _retryer);
     __privateAdd(this, _defaultOptions);
     __privateAdd(this, _abortSignalConsumed);
@@ -44155,7 +44111,8 @@ var Query = (_g = class extends Removable {
     __privateSet(this, _defaultOptions, config2.defaultOptions);
     this.setOptions(config2.options);
     this.observers = [];
-    __privateSet(this, _cache, config2.cache);
+    __privateSet(this, _client, config2.client);
+    __privateSet(this, _cache, __privateGet(this, _client).getQueryCache());
     this.queryKey = config2.queryKey;
     this.queryHash = config2.queryHash;
     __privateSet(this, _initialState, getDefaultState$1(this.options));
@@ -44312,6 +44269,7 @@ var Query = (_g = class extends Removable {
     const fetchFn = () => {
       const queryFn = ensureQueryFn(this.options, fetchOptions2);
       const queryFnContext = {
+        client: __privateGet(this, _client),
         queryKey: this.queryKey,
         meta: this.meta
       };
@@ -44330,6 +44288,7 @@ var Query = (_g = class extends Removable {
       fetchOptions: fetchOptions2,
       options: this.options,
       queryKey: this.queryKey,
+      client: __privateGet(this, _client),
       state: this.state,
       fetchFn
     };
@@ -44412,7 +44371,7 @@ var Query = (_g = class extends Removable {
     }));
     return __privateGet(this, _retryer).start();
   }
-}, _initialState = new WeakMap(), _revertState = new WeakMap(), _cache = new WeakMap(), _retryer = new WeakMap(), _defaultOptions = new WeakMap(), _abortSignalConsumed = new WeakMap(), _Query_instances = new WeakSet(), dispatch_fn = function(action) {
+}, _initialState = new WeakMap(), _revertState = new WeakMap(), _cache = new WeakMap(), _client = new WeakMap(), _retryer = new WeakMap(), _defaultOptions = new WeakMap(), _abortSignalConsumed = new WeakMap(), _Query_instances = new WeakSet(), dispatch_fn = function(action) {
   const reducer = (state) => {
     switch (action.type) {
       case "failed":
@@ -44530,7 +44489,7 @@ var QueryCache = (_h = class extends Subscribable {
     let query = this.get(queryHash);
     if (!query) {
       query = new Query({
-        cache: this,
+        client,
         queryKey,
         queryHash,
         options: client.defaultQueryOptions(options),
@@ -44992,6 +44951,7 @@ function infiniteQueryBehavior(pages) {
             return Promise.resolve(data);
           }
           const queryFnContext = {
+            client: context.client,
             queryKey: context.queryKey,
             pageParam: param,
             direction: previous ? "backward" : "forward",
@@ -45037,6 +44997,7 @@ function infiniteQueryBehavior(pages) {
             _a3,
             fetchFn,
             {
+              client: context.client,
               queryKey: context.queryKey,
               meta: context.options.meta,
               signal: context.signal
@@ -45346,7 +45307,7 @@ var QueryObserver = (_l = class extends Subscribable {
   constructor(client, options) {
     super();
     __privateAdd(this, _QueryObserver_instances);
-    __privateAdd(this, _client);
+    __privateAdd(this, _client2);
     __privateAdd(this, _currentQuery);
     __privateAdd(this, _currentQueryInitialState);
     __privateAdd(this, _currentResult);
@@ -45364,7 +45325,7 @@ var QueryObserver = (_l = class extends Subscribable {
     __privateAdd(this, _currentRefetchInterval);
     __privateAdd(this, _trackedProps, /* @__PURE__ */ new Set());
     this.options = options;
-    __privateSet(this, _client, client);
+    __privateSet(this, _client2, client);
     __privateSet(this, _selectError, null);
     __privateSet(this, _currentThenable, pendingThenable());
     if (!this.options.experimental_prefetchInRender) {
@@ -45417,7 +45378,7 @@ var QueryObserver = (_l = class extends Subscribable {
   setOptions(options, notifyOptions) {
     const prevOptions = this.options;
     const prevQuery = __privateGet(this, _currentQuery);
-    this.options = __privateGet(this, _client).defaultQueryOptions(options);
+    this.options = __privateGet(this, _client2).defaultQueryOptions(options);
     if (this.options.enabled !== void 0 && typeof this.options.enabled !== "boolean" && typeof this.options.enabled !== "function" && typeof resolveEnabled(this.options.enabled, __privateGet(this, _currentQuery)) !== "boolean") {
       throw new Error(
         "Expected enabled to be a boolean or a callback that returns a boolean"
@@ -45426,7 +45387,7 @@ var QueryObserver = (_l = class extends Subscribable {
     __privateMethod(this, _QueryObserver_instances, updateQuery_fn).call(this);
     __privateGet(this, _currentQuery).setOptions(this.options);
     if (prevOptions._defaulted && !shallowEqualObjects(this.options, prevOptions)) {
-      __privateGet(this, _client).getQueryCache().notify({
+      __privateGet(this, _client2).getQueryCache().notify({
         type: "observerOptionsUpdated",
         query: __privateGet(this, _currentQuery),
         observer: this
@@ -45451,7 +45412,7 @@ var QueryObserver = (_l = class extends Subscribable {
     }
   }
   getOptimisticResult(options) {
-    const query = __privateGet(this, _client).getQueryCache().build(__privateGet(this, _client), options);
+    const query = __privateGet(this, _client2).getQueryCache().build(__privateGet(this, _client2), options);
     const result = this.createResult(query, options);
     if (shouldAssignObserverCurrentProperties(this, result)) {
       __privateSet(this, _currentResult, result);
@@ -45490,8 +45451,8 @@ var QueryObserver = (_l = class extends Subscribable {
     });
   }
   fetchOptimistic(options) {
-    const defaultedOptions = __privateGet(this, _client).defaultQueryOptions(options);
-    const query = __privateGet(this, _client).getQueryCache().build(__privateGet(this, _client), defaultedOptions);
+    const defaultedOptions = __privateGet(this, _client2).defaultQueryOptions(options);
+    const query = __privateGet(this, _client2).getQueryCache().build(__privateGet(this, _client2), defaultedOptions);
     return query.fetch().then(() => this.createResult(query, defaultedOptions));
   }
   fetch(fetchOptions2) {
@@ -45693,7 +45654,7 @@ var QueryObserver = (_l = class extends Subscribable {
       __privateMethod(this, _QueryObserver_instances, updateTimers_fn).call(this);
     }
   }
-}, _client = new WeakMap(), _currentQuery = new WeakMap(), _currentQueryInitialState = new WeakMap(), _currentResult = new WeakMap(), _currentResultState = new WeakMap(), _currentResultOptions = new WeakMap(), _currentThenable = new WeakMap(), _selectError = new WeakMap(), _selectFn = new WeakMap(), _selectResult = new WeakMap(), _lastQueryWithDefinedData = new WeakMap(), _staleTimeoutId = new WeakMap(), _refetchIntervalId = new WeakMap(), _currentRefetchInterval = new WeakMap(), _trackedProps = new WeakMap(), _QueryObserver_instances = new WeakSet(), executeFetch_fn = function(fetchOptions2) {
+}, _client2 = new WeakMap(), _currentQuery = new WeakMap(), _currentQueryInitialState = new WeakMap(), _currentResult = new WeakMap(), _currentResultState = new WeakMap(), _currentResultOptions = new WeakMap(), _currentThenable = new WeakMap(), _selectError = new WeakMap(), _selectFn = new WeakMap(), _selectResult = new WeakMap(), _lastQueryWithDefinedData = new WeakMap(), _staleTimeoutId = new WeakMap(), _refetchIntervalId = new WeakMap(), _currentRefetchInterval = new WeakMap(), _trackedProps = new WeakMap(), _QueryObserver_instances = new WeakSet(), executeFetch_fn = function(fetchOptions2) {
   __privateMethod(this, _QueryObserver_instances, updateQuery_fn).call(this);
   let promise = __privateGet(this, _currentQuery).fetch(
     this.options,
@@ -45746,7 +45707,7 @@ var QueryObserver = (_l = class extends Subscribable {
     __privateSet(this, _refetchIntervalId, void 0);
   }
 }, updateQuery_fn = function() {
-  const query = __privateGet(this, _client).getQueryCache().build(__privateGet(this, _client), this.options);
+  const query = __privateGet(this, _client2).getQueryCache().build(__privateGet(this, _client2), this.options);
   if (query === __privateGet(this, _currentQuery)) {
     return;
   }
@@ -45764,7 +45725,7 @@ var QueryObserver = (_l = class extends Subscribable {
         listener2(__privateGet(this, _currentResult));
       });
     }
-    __privateGet(this, _client).getQueryCache().notify({
+    __privateGet(this, _client2).getQueryCache().notify({
       query: __privateGet(this, _currentQuery),
       type: "observerResultsUpdated"
     });
@@ -45860,9 +45821,10 @@ var getHasError = ({
   result,
   errorResetBoundary,
   throwOnError,
-  query
+  query,
+  suspense
 }) => {
-  return result.isError && !errorResetBoundary.isReset() && !result.isFetching && query && shouldThrowError(throwOnError, [result.error, query]);
+  return result.isError && !errorResetBoundary.isReset() && !result.isFetching && query && (suspense && result.data === void 0 || shouldThrowError(throwOnError, [result.error, query]));
 };
 var ensureSuspenseTimers = (defaultedOptions) => {
   const originalStaleTime = defaultedOptions.staleTime;
@@ -45930,7 +45892,8 @@ function useBaseQuery(options, Observer, queryClient2) {
     result,
     errorResetBoundary,
     throwOnError: defaultedOptions.throwOnError,
-    query: client.getQueryCache().get(defaultedOptions.queryHash)
+    query: client.getQueryCache().get(defaultedOptions.queryHash),
+    suspense: defaultedOptions.suspense
   })) {
     throw result.error;
   }
@@ -58013,7 +57976,7 @@ function _getRequireWildcardCache$1(nodeInterop) {
   })(nodeInterop);
 }
 function _interopRequireWildcard$1(obj, nodeInterop) {
-  if (obj.__esModule) {
+  if (obj && obj.__esModule) {
     return obj;
   }
   if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
@@ -58399,7 +58362,7 @@ function _toPrimitive(input, hint) {
   if (typeof input !== "object" || input === null) return input;
   var prim = input[Symbol.toPrimitive];
   if (prim !== void 0) {
-    var res = prim.call(input, hint || "default");
+    var res = prim.call(input, hint);
     if (typeof res !== "object") return res;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
@@ -58814,7 +58777,7 @@ _defineProperty(DraggableCore$1, "defaultProps", {
     if (typeof input !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
     if (prim !== void 0) {
-      var res = prim.call(input, hint || "default");
+      var res = prim.call(input, hint);
       if (typeof res !== "object") return res;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
@@ -61095,6 +61058,42 @@ const Modal2 = ({
     children2
   ] }) });
 };
+const propCheckErrorDefault = (problem) => {
+  if (process.env.NODE_ENV === "production") {
+    console.warn(problem);
+  } else {
+    throw new Error(problem);
+  }
+};
+const SocketedText = ({
+  children: children2,
+  beforeItem,
+  afterItem,
+  beforeItemSX,
+  afterItemSX,
+  component = "span",
+  href,
+  containerSX,
+  propCheckError = propCheckErrorDefault,
+  ...rest
+}) => {
+  if (component === "a" && !href) {
+    propCheckError('SocketedText: When using component="a", the "href" prop is required.');
+  }
+  if (beforeItem === void 0 && afterItem === void 0) {
+    propCheckError("SocketedText: Sockets unused; use normal Text/Typography component instead");
+  }
+  return /* @__PURE__ */ jsx$1(Typography, { component, href, ...rest, children: /* @__PURE__ */ jsxs(Box, { component: "span", sx: {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: 1,
+    ...containerSX
+  }, children: [
+    beforeItem && /* @__PURE__ */ jsx$1(Box, { component: "span", sx: beforeItemSX, children: beforeItem }),
+    /* @__PURE__ */ jsx$1(Box, { component: "span", children: children2 }),
+    afterItem && /* @__PURE__ */ jsx$1(Box, { component: "span", sx: afterItemSX, children: afterItem })
+  ] }) });
+};
 export {
   AppBar2 as AppBar,
   AppChrome,
@@ -61158,6 +61157,7 @@ export {
   SearchIcon,
   SearchResults,
   Skeleton2 as Skeleton,
+  SocketedText,
   TeliAddIcon,
   TeliAutocomplete,
   TeliBasicLayout,
@@ -61216,6 +61216,7 @@ export {
   UserProfileContent,
   UserStatus,
   checkOntology,
+  propCheckErrorDefault,
   useDebounce,
   useExtendedTheme,
   useFloatingPanels