@itwin/itwinui-react 3.11.3 → 3.12.1

package/cjs/utils/icons/SvgUpload.js

@@ -1,37 +1,22 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SvgUpload = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const Svg_js_1 = require("./Svg.js");
+Object.defineProperty(exports, 'SvgUpload', {
+  enumerable: true,
+  get: function () {
+    return SvgUpload;
+  },
+});
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _Svg = require('./Svg.js');
 const SvgUpload = (props) => {
-    return (React.createElement(Svg_js_1.Svg, { ...props },
-        React.createElement("path", { d: 'm2 5h4v7h4v-7h4l-6-5zm12 6v3h-12v-3h-2v5h16v-5z' })));
+  return _react.createElement(
+    _Svg.Svg,
+    props,
+    _react.createElement('path', {
+      d: 'm2 5h4v7h4v-7h4l-6-5zm12 6v3h-12v-3h-2v5h16v-5z',
+    }),
+  );
 };
-exports.SvgUpload = SvgUpload;

package/cjs/utils/icons/index.js

@@ -1,52 +1,37 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-__exportStar(require("./StatusIconMap.js"), exports);
-__exportStar(require("./SvgStatusSuccess.js"), exports);
-__exportStar(require("./SvgStatusWarning.js"), exports);
-__exportStar(require("./SvgStatusError.js"), exports);
-__exportStar(require("./SvgInfoCircular.js"), exports);
-__exportStar(require("./SvgClose.js"), exports);
-__exportStar(require("./SvgCloseSmall.js"), exports);
-__exportStar(require("./SvgChevronLeft.js"), exports);
-__exportStar(require("./SvgChevronRight.js"), exports);
-__exportStar(require("./SvgChevronRightSmall.js"), exports);
-__exportStar(require("./SvgChevronLeftDouble.js"), exports);
-__exportStar(require("./SvgChevronRightDouble.js"), exports);
-__exportStar(require("./SvgCaretUpSmall.js"), exports);
-__exportStar(require("./SvgCaretDownSmall.js"), exports);
-__exportStar(require("./SvgCaretRightSmall.js"), exports);
-__exportStar(require("./SvgSmileyHappy.js"), exports);
-__exportStar(require("./SvgSwap.js"), exports);
-__exportStar(require("./SvgUpload.js"), exports);
-__exportStar(require("./SvgMoreVertical.js"), exports);
-__exportStar(require("./SvgCheckmark.js"), exports);
-__exportStar(require("./SvgCheckmarkSmall.js"), exports);
-__exportStar(require("./SvgImportantSmall.js"), exports);
-__exportStar(require("./SvgSortUp.js"), exports);
-__exportStar(require("./SvgSortDown.js"), exports);
-__exportStar(require("./SvgColumnManager.js"), exports);
-__exportStar(require("./SvgMore.js"), exports);
-__exportStar(require("./SvgNew.js"), exports);
-__exportStar(require("./SvgSearch.js"), exports);
-__exportStar(require("./SvgFilter.js"), exports);
-__exportStar(require("./SvgFilterHollow.js"), exports);
-__exportStar(require("./SvgCalendar.js"), exports);
-__exportStar(require("./SvgDocument.js"), exports);
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+});
+const _export_star = require('@swc/helpers/_/_export_star');
+_export_star._(require('./StatusIconMap.js'), exports);
+_export_star._(require('./SvgStatusSuccess.js'), exports);
+_export_star._(require('./SvgStatusWarning.js'), exports);
+_export_star._(require('./SvgStatusError.js'), exports);
+_export_star._(require('./SvgInfoCircular.js'), exports);
+_export_star._(require('./SvgClose.js'), exports);
+_export_star._(require('./SvgCloseSmall.js'), exports);
+_export_star._(require('./SvgChevronLeft.js'), exports);
+_export_star._(require('./SvgChevronRight.js'), exports);
+_export_star._(require('./SvgChevronRightSmall.js'), exports);
+_export_star._(require('./SvgChevronLeftDouble.js'), exports);
+_export_star._(require('./SvgChevronRightDouble.js'), exports);
+_export_star._(require('./SvgCaretUpSmall.js'), exports);
+_export_star._(require('./SvgCaretDownSmall.js'), exports);
+_export_star._(require('./SvgCaretRightSmall.js'), exports);
+_export_star._(require('./SvgSmileyHappy.js'), exports);
+_export_star._(require('./SvgSwap.js'), exports);
+_export_star._(require('./SvgUpload.js'), exports);
+_export_star._(require('./SvgMoreVertical.js'), exports);
+_export_star._(require('./SvgCheckmark.js'), exports);
+_export_star._(require('./SvgCheckmarkSmall.js'), exports);
+_export_star._(require('./SvgImportantSmall.js'), exports);
+_export_star._(require('./SvgSortUp.js'), exports);
+_export_star._(require('./SvgSortDown.js'), exports);
+_export_star._(require('./SvgColumnManager.js'), exports);
+_export_star._(require('./SvgMore.js'), exports);
+_export_star._(require('./SvgNew.js'), exports);
+_export_star._(require('./SvgSearch.js'), exports);
+_export_star._(require('./SvgFilter.js'), exports);
+_export_star._(require('./SvgFilterHollow.js'), exports);
+_export_star._(require('./SvgCalendar.js'), exports);
+_export_star._(require('./SvgDocument.js'), exports);

package/cjs/utils/index.js

@@ -1,28 +1,13 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-__exportStar(require("./functions/index.js"), exports);
-__exportStar(require("./hooks/index.js"), exports);
-__exportStar(require("./components/index.js"), exports);
-__exportStar(require("./props.js"), exports);
-__exportStar(require("./color/index.js"), exports);
-__exportStar(require("./icons/index.js"), exports);
-__exportStar(require("./types.js"), exports);
-__exportStar(require("./providers/index.js"), exports);
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+});
+const _export_star = require('@swc/helpers/_/_export_star');
+_export_star._(require('./functions/index.js'), exports);
+_export_star._(require('./hooks/index.js'), exports);
+_export_star._(require('./components/index.js'), exports);
+_export_star._(require('./props.js'), exports);
+_export_star._(require('./color/index.js'), exports);
+_export_star._(require('./icons/index.js'), exports);
+_export_star._(require('./types.js'), exports);
+_export_star._(require('./providers/index.js'), exports);

package/cjs/utils/meta.d.ts

@@ -0,0 +1,7 @@
+/** Meta information about the package. */
+export declare const meta: {
+    /** The exact version of `@itwin/itwinui-react`. */
+    version: string;
+    /** The current module format (i.e. "ESM" vs "CJS"). */
+    module: "ESM" | "CJS";
+};

package/cjs/utils/meta.js

@@ -0,0 +1,16 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+});
+Object.defineProperty(exports, 'meta', {
+  enumerable: true,
+  get: function () {
+    return meta;
+  },
+});
+const _styles = require('../styles.js');
+const _moduleType = typeof 'CJS' !== 'undefined' ? 'CJS' : 'DEV';
+const meta = {
+  version: _styles.version,
+  module: _moduleType,
+};

package/cjs/utils/props.js

@@ -1,2 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+});

package/cjs/utils/providers/HydrationProvider.js

@@ -1,75 +1,62 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HydrationProvider = exports.useHydration = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const index_js_1 = require("../hooks/index.js");
-const HydrationContext = React.createContext(false);
-const noopSubscribe = () => () => { };
+function _export(target, all) {
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name],
+    });
+}
+_export(exports, {
+  HydrationProvider: function () {
+    return HydrationProvider;
+  },
+  useHydration: function () {
+    return useHydration;
+  },
+});
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _index = require('../hooks/index.js');
+const HydrationContext = _react.createContext(false);
+const noopSubscribe = () => () => {};
 const isServer = typeof window === 'undefined';
-/**
- * Hook that returns the hydration status of the app.
- *
- * @returns one of the following values:
- * - `"hydrated"` after hydration is *definitely* complete (or is a pure client render)
- * - `"hydrating"` if we know for sure that hydration is happening (in React 18)
- * - `undefined` if the hydration status is unknown
- *
- * @private
- */
 const useHydration = () => {
-    // Returns true only if getServerSnapshot is called on the client.
-    // In React 18, this is true during hydration.
-    const hydrating = (0, index_js_1.useSyncExternalStore)(noopSubscribe, () => false, () => !isServer);
-    // Returns true after hydration is complete (in all React versions).
-    const hydrated = React.useContext(HydrationContext);
-    const hydratedFallback = (0, index_js_1.useIsClient)();
-    if (hydrated || hydratedFallback) {
-        return 'hydrated';
-    }
-    else if (hydrating) {
-        return 'hydrating';
-    }
-    return undefined;
+  const hydrating = (0, _index.useSyncExternalStore)(
+    noopSubscribe,
+    () => false,
+    () => !isServer,
+  );
+  const hydrated = _react.useContext(HydrationContext);
+  const hydratedFallback = (0, _index.useIsClient)();
+  if (hydrated || hydratedFallback) {
+    return 'hydrated';
+  } else if (hydrating) {
+    return 'hydrating';
+  }
+  return undefined;
 };
-exports.useHydration = useHydration;
-/** @private */
-const HydrationProvider = ({ children, }) => {
-    const [isHydrated, setIsHydrated] = React.useState(React.useContext(HydrationContext));
-    const onHydrate = React.useCallback(() => setIsHydrated(true), []);
-    return (React.createElement(HydrationContext.Provider, { value: isHydrated },
-        !isHydrated ? React.createElement(HydrationCheck, { onHydrate: onHydrate }) : null,
-        children));
+const HydrationProvider = ({ children }) => {
+  const [isHydrated, setIsHydrated] = _react.useState(
+    _react.useContext(HydrationContext),
+  );
+  const onHydrate = _react.useCallback(() => setIsHydrated(true), []);
+  return _react.createElement(
+    HydrationContext.Provider,
+    {
+      value: isHydrated,
+    },
+    !isHydrated
+      ? _react.createElement(HydrationCheck, {
+          onHydrate: onHydrate,
+        })
+      : null,
+    children,
+  );
 };
-exports.HydrationProvider = HydrationProvider;
-/** This is extracted into a child component to ensure it runs first. */
 const HydrationCheck = ({ onHydrate }) => {
-    React.useEffect(() => void onHydrate(), [onHydrate]);
-    return null;
+  _react.useEffect(() => void onHydrate(), [onHydrate]);
+  return null;
 };

package/cjs/utils/providers/ScopeProvider.js

@@ -1,79 +1,68 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScopedSetAtom = exports.useScopedAtom = exports.ScopeProvider = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const jotai_1 = require("jotai");
-const ScopeContext = React.createContext({
-    store: (0, jotai_1.createStore)(),
-    parentStore: null,
+function _export(target, all) {
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name],
+    });
+}
+_export(exports, {
+  ScopeProvider: function () {
+    return ScopeProvider;
+  },
+  useScopedAtom: function () {
+    return useScopedAtom;
+  },
+  useScopedSetAtom: function () {
+    return useScopedSetAtom;
+  },
+});
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _jotai = require('jotai');
+const ScopeContext = _react.createContext({
+  store: (0, _jotai.createStore)(),
+  parentStore: null,
 });
-/**
- * Provider that creates a fresh, isolated jotai store for its children.
- *
- * Should be used with `useScopedAtom` and/or `useScopedSetAtom`.
- *
- * @private
- */
 const ScopeProvider = ({ children }) => {
-    const store = React.useMemo(() => (0, jotai_1.createStore)(), []);
-    const parentStore = React.useContext(ScopeContext).store;
-    return (React.createElement(ScopeContext.Provider, { value: React.useMemo(() => ({ store, parentStore }), [store, parentStore]) }, children));
+  const store = _react.useMemo(() => (0, _jotai.createStore)(), []);
+  const parentStore = _react.useContext(ScopeContext).store;
+  return _react.createElement(
+    ScopeContext.Provider,
+    {
+      value: _react.useMemo(
+        () => ({
+          store,
+          parentStore,
+        }),
+        [store, parentStore],
+      ),
+    },
+    children,
+  );
 };
-exports.ScopeProvider = ScopeProvider;
-/**
- * Wrapper over `useAtom` that uses the store from the nearest `ScopeProvider`.
- *
- * If the atom is not set in the current store, it will recursively look in the parent store(s).
- * This is only useful for initial values. Future updates to the parent will not be reflected.
- *
- * @private
- */
 const useScopedAtom = (atom) => {
-    const { store, parentStore } = React.useContext(ScopeContext);
-    const setAtom = (0, exports.useScopedSetAtom)(atom);
-    const value = (0, jotai_1.useAtomValue)(atom, { store });
-    const inheritedValue = (0, jotai_1.useAtomValue)(atom, { store: parentStore || store });
-    React.useEffect(() => {
-        if (value == undefined && inheritedValue != undefined) {
-            setAtom(inheritedValue);
-        }
-    });
-    return [value, setAtom];
+  const { store, parentStore } = _react.useContext(ScopeContext);
+  const setAtom = useScopedSetAtom(atom);
+  const value = (0, _jotai.useAtomValue)(atom, {
+    store,
+  });
+  const inheritedValue = (0, _jotai.useAtomValue)(atom, {
+    store: parentStore || store,
+  });
+  _react.useEffect(() => {
+    if (value == undefined && inheritedValue != undefined) {
+      setAtom(inheritedValue);
+    }
+  });
+  return [value, setAtom];
 };
-exports.useScopedAtom = useScopedAtom;
-/**
- * Wrapper over `useSetAtom` that uses the store from the nearest `ScopeProvider`.
- * @private
- */
 const useScopedSetAtom = (atom) => {
-    const { store } = React.useContext(ScopeContext);
-    return (0, jotai_1.useSetAtom)(atom, { store });
+  const { store } = _react.useContext(ScopeContext);
+  return (0, _jotai.useSetAtom)(atom, {
+    store,
+  });
 };
-exports.useScopedSetAtom = useScopedSetAtom;

package/cjs/utils/providers/index.js

@@ -1,22 +1,7 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-__exportStar(require("./HydrationProvider.js"), exports);
-__exportStar(require("./ScopeProvider.js"), exports);
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+});
+const _export_star = require('@swc/helpers/_/_export_star');
+_export_star._(require('./HydrationProvider.js'), exports);
+_export_star._(require('./ScopeProvider.js'), exports);

package/cjs/utils/types.js

@@ -1,2 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+});

package/esm/core/Alert/Alert.d.ts

@@ -55,13 +55,9 @@ export declare const Alert: PolymorphicForwardRefComponent<"div", AlertOwnProps
     Icon: PolymorphicForwardRefComponent<"span", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
         ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
     }, "fill" | "as" | "key" | "size" | keyof React.HTMLAttributes<HTMLSpanElement> | "padded"> & {
-        size?: "small" | "auto" | "medium" | "large" | import("../../utils/types.js").AnyString | undefined;
-        /**
-         * Type of the alert.
-         * @default 'informational'
-         */
-        fill?: "default" | "positive" | "negative" | "warning" | import("../../utils/types.js").AnyString | "informational" | undefined;
-        padded?: boolean | undefined;
+        size?: "auto" | "small" | "medium" | "large" | import("../../utils/types.js").AnyString;
+        fill?: "default" | "positive" | "informational" | "negative" | "warning" | import("../../utils/types.js").AnyString;
+        padded?: boolean;
     } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
         as?: "span" | undefined;
     }>;