@eightshift/ui-components 5.5.0 → 5.6.1

package/dist/icons/index.js

@@ -2,10 +2,12 @@ import { blockIcons, icons } from "./icons.js";
 import { BlockIcon } from "./block-icon.js";
 import { GenericColorSwatch } from "./generic-color-swatch.js";
 import { JsxSvg } from "./jsx-svg.js";
+import { Spinner } from "./spinner.js";
 export {
   BlockIcon,
   GenericColorSwatch,
   JsxSvg,
+  Spinner,
   blockIcons,
   icons
 };

package/dist/icons/spinner.js

@@ -0,0 +1,18 @@
+/**
+ * A simple loading indicator.
+ *
+ * @component
+ * @param {ImageProps} props - Spinner props.
+ * @param {string} [props.className] - Additional classes to pass to the spinner.
+ *
+ * @returns {JSX.Element} The Spinner component.
+ *
+ * @example
+ * <Spinner />
+ *
+ * @preserve
+ */
+const Spinner = ({ className }) => cloneElement(icons.loader, { className: clsx("es:animate-spin es:size-8 es:text-accent-600", className) });
+export {
+  Spinner
+};