@servicetitan/anvil2 3.0.3 → 3.0.5

package/dist/SideNav.css

@@ -1,10 +1,9 @@
-.anvil2 {._sidenav_trgfv_1,
-._root_trgfv_2,
-._sidenav-group_trgfv_3,
-._sidenav-link_trgfv_4,
-._sidenav-collapsible_trgfv_5,
-._group_trgfv_6 {
-  all: unset;
+.anvil2 {._sidenav_mozz8_1,
+._root_mozz8_2,
+._sidenav-group_mozz8_3,
+._sidenav-link_mozz8_4,
+._sidenav-collapsible_mozz8_5,
+._group_mozz8_6 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -15,38 +14,38 @@
   border-color: transparent;
   box-sizing: border-box;
   display: flex;
-}._sidenav_trgfv_1 {
+}._sidenav_mozz8_1 {
   flex-direction: column;
   gap: var(--a2-size-1, 0.25rem);
   width: 100%;
-}._root_trgfv_2,
-._sidenav-group_trgfv_3,
-._sidenav-collapsible_trgfv_5,
-._group_trgfv_6 {
+}._root_mozz8_2,
+._sidenav-group_mozz8_3,
+._sidenav-collapsible_mozz8_5,
+._group_mozz8_6 {
   flex-direction: column;
   gap: var(--a2-size-1, 0.25rem);
   list-style: none;
-}._sidenav-group_trgfv_3 {
+}._sidenav-group_mozz8_3 {
   padding-block-end: var(--a2-size-4, 1rem);
-}._hidden_trgfv_39 {
+}._hidden_mozz8_38 {
   display: none;
-}._sidenav-collapsible_trgfv_5 {
+}._sidenav-collapsible_mozz8_5 {
   --a2-mod-sidenav-link-align-items: start;
   --a2-mod-sidenav-link-gap: var(--a2-size-2, 0.5rem);
-}._sidenav-collapsible_trgfv_5 ._group_trgfv_6 {
+}._sidenav-collapsible_mozz8_5 ._group_mozz8_6 {
   --a2-mod-sidenav-label-padding-inline-start: var(--a2-size-10, 2.5rem);
   --a2-mod-sidenav-link-padding-inline-start: var(--a2-size-10, 2.5rem);
-}._group-label_trgfv_53 {
+}._group-label_mozz8_52 {
   display: block;
   padding-block-end: var(--a2-size-2, 0.5rem);
   padding-block-start: var(--a2-size-4, 1rem);
   padding-inline-end: var(--a2-size-4, 1rem);
   padding-inline-start: var(--a2-mod-sidenav-label-padding-inline-start, var(--a2-size-4, 1rem));
-}._arrow_trgfv_61 {
+}._arrow_mozz8_60 {
   --a2-mod-icon-padding-block-start: var(--a2-size-quarter, 0.0625rem);
   transition: rotate var(--a2-duration-default, 200ms);
-}a._sidenav-link_trgfv_4,
-button._sidenav-link_trgfv_4 {
+}a._sidenav-link_mozz8_4,
+button._sidenav-link_mozz8_4 {
   --a2-internal-sidenav-link-foreground-color: var(
     --a2-mod-sidenav-link-foreground-color
   );
@@ -76,47 +75,48 @@ button._sidenav-link_trgfv_4 {
   padding-inline-end: var(--a2-size-4, 1rem);
   padding-inline-start: var(--a2-mod-sidenav-link-padding-inline-start, var(--a2-size-4, 1rem));
   position: relative;
-}a._sidenav-link_trgfv_4[aria-expanded=true] ._arrow_trgfv_61,
-button._sidenav-link_trgfv_4[aria-expanded=true] ._arrow_trgfv_61 {
+  text-align: start;
+}a._sidenav-link_mozz8_4[aria-expanded=true] ._arrow_mozz8_60,
+button._sidenav-link_mozz8_4[aria-expanded=true] ._arrow_mozz8_60 {
   rotate: -180deg;
-}a._sidenav-link_trgfv_4:focus-visible, a._sidenav-link_trgfv_4[data-interactive=focus-visible]:not([aria-disabled=true]),
-button._sidenav-link_trgfv_4:focus-visible,
-button._sidenav-link_trgfv_4[data-interactive=focus-visible]:not([aria-disabled=true]) {
+}a._sidenav-link_mozz8_4:focus-visible, a._sidenav-link_mozz8_4[data-interactive=focus-visible]:not([aria-disabled=true]),
+button._sidenav-link_mozz8_4:focus-visible,
+button._sidenav-link_mozz8_4[data-interactive=focus-visible]:not([aria-disabled=true]) {
   outline-width: var(--a2-size-half, 0.125rem);
-}a._sidenav-link_trgfv_4[data-interactive=hover]:not([aria-disabled=true]), a._sidenav-link_trgfv_4:hover:not([aria-disabled=true]),
-button._sidenav-link_trgfv_4[data-interactive=hover]:not([aria-disabled=true]),
-button._sidenav-link_trgfv_4:hover:not([aria-disabled=true]) {
+}a._sidenav-link_mozz8_4[data-interactive=hover]:not([aria-disabled=true]), a._sidenav-link_mozz8_4:hover:not([aria-disabled=true]),
+button._sidenav-link_mozz8_4[data-interactive=hover]:not([aria-disabled=true]),
+button._sidenav-link_mozz8_4:hover:not([aria-disabled=true]) {
   --a2-internal-sidenav-link-background-color: var(
     --a2-mod-sidenav-link-background-color-hover
   );
   --a2-internal-sidenav-link-foreground-color: var(
     --a2-mod-sidenav-link-foreground-color-hover
   );
-}a._sidenav-link_trgfv_4[data-interactive=active]:not([aria-disabled=true]):not(._not-collapsible_trgfv_117), a._sidenav-link_trgfv_4:active:not([aria-disabled=true]),
-button._sidenav-link_trgfv_4[data-interactive=active]:not([aria-disabled=true]):not(._not-collapsible_trgfv_117),
-button._sidenav-link_trgfv_4:active:not([aria-disabled=true]) {
+}a._sidenav-link_mozz8_4[data-interactive=active]:not([aria-disabled=true]):not(._not-collapsible_mozz8_117), a._sidenav-link_mozz8_4:active:not([aria-disabled=true]),
+button._sidenav-link_mozz8_4[data-interactive=active]:not([aria-disabled=true]):not(._not-collapsible_mozz8_117),
+button._sidenav-link_mozz8_4:active:not([aria-disabled=true]) {
   --a2-internal-sidenav-link-background-color: var(
     --a2-mod-sidenav-link-background-color-active
   );
   --a2-internal-sidenav-link-foreground-color: var(
     --a2-mod-sidenav-link-foreground-color-active
   );
-}a._sidenav-link_trgfv_4[aria-disabled=true],
-button._sidenav-link_trgfv_4[aria-disabled=true] {
+}a._sidenav-link_mozz8_4[aria-disabled=true],
+button._sidenav-link_mozz8_4[aria-disabled=true] {
   cursor: not-allowed;
   opacity: var(--a2-opacity-disabled, 0.6);
   --a2-internal-sidenav-link-foreground-color: var(--a2-side-nav-link-default-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
   --a2-internal-sidenav-link-background-color: var(--a2-side-nav-link-default-background-color-disabled, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)));
-}a._sidenav-link_trgfv_4[aria-disabled=true][aria-current=page]:not([aria-disabled=true]), a._sidenav-link_trgfv_4[aria-disabled=true][data-interactive=selected], a._sidenav-link_trgfv_4[aria-disabled=true]._has-indicator_trgfv_134,
-button._sidenav-link_trgfv_4[aria-disabled=true][aria-current=page]:not([aria-disabled=true]),
-button._sidenav-link_trgfv_4[aria-disabled=true][data-interactive=selected],
-button._sidenav-link_trgfv_4[aria-disabled=true]._has-indicator_trgfv_134 {
+}a._sidenav-link_mozz8_4[aria-disabled=true][aria-current=page]:not([aria-disabled=true]), a._sidenav-link_mozz8_4[aria-disabled=true][data-interactive=selected], a._sidenav-link_mozz8_4[aria-disabled=true]._has-indicator_mozz8_134,
+button._sidenav-link_mozz8_4[aria-disabled=true][aria-current=page]:not([aria-disabled=true]),
+button._sidenav-link_mozz8_4[aria-disabled=true][data-interactive=selected],
+button._sidenav-link_mozz8_4[aria-disabled=true]._has-indicator_mozz8_134 {
   --a2-mod-sidenav-link-foreground-color: var(--a2-side-nav-link-active-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
   --a2-mod-sidenav-link-background-color: var(--a2-side-nav-link-active-background-color-disabled, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)));
-}a._sidenav-link_trgfv_4[aria-current=page]:not([aria-disabled=true]), a._sidenav-link_trgfv_4[data-interactive=selected], a._sidenav-link_trgfv_4._has-indicator_trgfv_134,
-button._sidenav-link_trgfv_4[aria-current=page]:not([aria-disabled=true]),
-button._sidenav-link_trgfv_4[data-interactive=selected],
-button._sidenav-link_trgfv_4._has-indicator_trgfv_134 {
+}a._sidenav-link_mozz8_4[aria-current=page]:not([aria-disabled=true]), a._sidenav-link_mozz8_4[data-interactive=selected], a._sidenav-link_mozz8_4._has-indicator_mozz8_134,
+button._sidenav-link_mozz8_4[aria-current=page]:not([aria-disabled=true]),
+button._sidenav-link_mozz8_4[data-interactive=selected],
+button._sidenav-link_mozz8_4._has-indicator_mozz8_134 {
   --a2-mod-sidenav-link-background-color: var(--a2-side-nav-link-active-background-color, var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), rgba(112, 177, 255, 0.2))));
   --a2-mod-sidenav-link-background-color-hover: var(--a2-side-nav-link-active-background-color-hover, var(--a2-background-color-primary-subdued-hover, light-dark(var(--a2-color-blue-100, #cce3ff), rgba(112, 177, 255, 0.3019607843))));
   --a2-mod-sidenav-link-background-color-active: var(--a2-side-nav-link-active-background-color-active, var(--a2-background-color-primary-subdued-active, light-dark(var(--a2-color-blue-200, #9ecaff), rgba(112, 177, 255, 0.4))));

package/dist/SideNav.d.ts

@@ -1,6 +1 @@
-export * from './components/SideNav/index'
-export {}
-import _default from './components/SideNav/index'
-export default _default
-export * from './components/SideNav/index'
 export {}

package/dist/SideNav.js

@@ -1,2 +1,2 @@
-export { S as SideNav, S as default } from './SideNav-CZRVOSbt.js';
+export { S as SideNav, S as default } from './SideNav-JzIIZSK_.js';
 //# sourceMappingURL=SideNav.js.map

package/dist/Skeleton.css

@@ -1,5 +1,4 @@
-.anvil2 {._skeleton_1rw1k_1 {
-  all: unset;
+.anvil2 {._skeleton_sjnoo_1 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -10,7 +9,7 @@
   border-color: transparent;
   box-sizing: border-box;
   display: flex;
-}._shade_1rw1k_15 {
+}._shade_sjnoo_14 {
   --a2-mod-skeleton-background-color: var(--a2-skeleton-background-color, var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040))));
   --a2-mod-skeleton-background-color-pulse: var(--a2-skeleton-pulse-color, var(--a2-background-color-transparent-default-hover, light-dark(rgba(139, 139, 139, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
   --a2-mod-skeleton-shade-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
@@ -21,41 +20,41 @@
   height: var(--a2-mod-skeleton-shade-height);
   position: relative;
   width: var(--a2-mod-skeleton-shade-width);
-}._shade_1rw1k_15:after {
-  animation: _pulser_1rw1k_1 750ms ease-in-out infinite alternate;
+}._shade_sjnoo_14:after {
+  animation: _pulser_sjnoo_1 750ms ease-in-out infinite alternate;
   background-color: var(--a2-mod-skeleton-background-color-pulse);
   border-radius: inherit;
   content: "";
   inset: 0;
   position: absolute;
-}._shade_1rw1k_15._ai_1rw1k_36 {
+}._shade_sjnoo_14._ai_sjnoo_35 {
   --a2-mod-skeleton-background-color: var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 20%, transparent)));
   --a2-mod-skeleton-background-color-pulse: #0265dc1a;
-}._text_1rw1k_41 {
+}._text_sjnoo_40 {
   --a2-mod-skeleton-shade-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
   flex-direction: column;
   gap: var(--a2-size-3, 0.75rem);
-}._body_1rw1k_47 ._line_1rw1k_47 {
+}._body_sjnoo_46 ._line_sjnoo_46 {
   --a2-mod-skeleton-shade-height: var(--a2-size-4, 1rem);
-}._body_1rw1k_47 ._line_1rw1k_47:last-child:not(:first-child) {
+}._body_sjnoo_46 ._line_sjnoo_46:last-child:not(:first-child) {
   margin-inline-end: 20%;
-}._headline_1rw1k_55 ._line_1rw1k_47 {
+}._headline_sjnoo_54 ._line_sjnoo_46 {
   --a2-mod-skeleton-shade-height: var(--a2-size-6, 1.5rem);
-}._circle_1rw1k_59 {
+}._circle_sjnoo_58 {
   --a2-mod-skeleton-shade-border-radius: var(--a2-inline-skeleton-diameter);
   --a2-mod-skeleton-shade-height: var(--a2-inline-skeleton-diameter);
   --a2-mod-skeleton-shade-width: var(--a2-inline-skeleton-diameter);
   --a2-inline-skeleton-diameter: var(--a2-size-8, 2rem);
-}._rectangle_1rw1k_66 {
+}._rectangle_sjnoo_65 {
   --a2-mod-skeleton-shade-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
   --a2-mod-skeleton-shade-height: var(--a2-inline-skeleton-height);
   --a2-inline-skeleton-height: var(--a2-size-14, 3.5rem);
-}._pill_1rw1k_72 {
+}._pill_sjnoo_71 {
   --a2-mod-skeleton-shade-border-radius: var(--a2-border-radius-xlarge, var(--a2-radius-8, 1.5rem));
   --a2-mod-skeleton-shade-height: var(--a2-size-6, 1.5rem);
   --a2-mod-skeleton-shade-width: var(--a2-inline-skeleton-width);
 }
-}@keyframes _pulser_1rw1k_1 {
+}@keyframes _pulser_sjnoo_1 {
   from {
     opacity: 0;
   }

package/dist/Skeleton.d.ts

@@ -1,2 +1 @@
-export * from './components/Skeleton/index'
 export {}

package/dist/Skeleton.js

@@ -3,17 +3,17 @@ import { forwardRef } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 
-import './Skeleton.css';const pulser = "_pulser_1rw1k_1";
-const skeleton = "_skeleton_1rw1k_1";
-const shade = "_shade_1rw1k_15";
-const ai = "_ai_1rw1k_36";
-const text = "_text_1rw1k_41";
-const body = "_body_1rw1k_47";
-const line = "_line_1rw1k_47";
-const headline = "_headline_1rw1k_55";
-const circle = "_circle_1rw1k_59";
-const rectangle = "_rectangle_1rw1k_66";
-const pill = "_pill_1rw1k_72";
+import './Skeleton.css';const pulser = "_pulser_sjnoo_1";
+const skeleton = "_skeleton_sjnoo_1";
+const shade = "_shade_sjnoo_14";
+const ai = "_ai_sjnoo_35";
+const text = "_text_sjnoo_40";
+const body = "_body_sjnoo_46";
+const line = "_line_sjnoo_46";
+const headline = "_headline_sjnoo_54";
+const circle = "_circle_sjnoo_58";
+const rectangle = "_rectangle_sjnoo_65";
+const pill = "_pill_sjnoo_71";
 const styles = {
 	pulser: pulser,
 	skeleton: skeleton,

package/dist/Spinner-B7tTWcP6.js

@@ -0,0 +1,126 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef, useRef, useState, useEffect } from 'react';
+import { c as cx } from './index-De1g9FRV.js';
+import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
+
+import './Spinner.css';const spinner = "_spinner_2axc3_1";
+const inherit = "_inherit_2axc3_22";
+const track = "_track_2axc3_39";
+const arc = "_arc_2axc3_43";
+const styles = {
+	spinner: spinner,
+	inherit: inherit,
+	"size-small": "_size-small_2axc3_27",
+	"size-medium": "_size-medium_2axc3_31",
+	"size-large": "_size-large_2axc3_35",
+	track: track,
+	arc: arc
+};
+
+const Spinner = forwardRef(
+  (props, ref) => {
+    const { className, inherit, size = "medium", ...rest } = props;
+    const containerRef = useRef(null);
+    const [containerWidth, setContainerWidth] = useState(0);
+    const mergedRef = useMergeRefs([containerRef, ref]);
+    useEffect(() => {
+      let rafId;
+      let lastWidth = 0;
+      const updateWidth = () => {
+        if (containerRef.current) {
+          const width = containerRef.current.offsetWidth;
+          if (width !== lastWidth) {
+            setContainerWidth(width);
+            lastWidth = width;
+          }
+        }
+      };
+      const continuousUpdate = () => {
+        updateWidth();
+        rafId = requestAnimationFrame(continuousUpdate);
+      };
+      updateWidth();
+      const resizeObserver = new ResizeObserver(updateWidth);
+      if (containerRef.current) {
+        resizeObserver.observe(containerRef.current);
+      }
+      rafId = requestAnimationFrame(continuousUpdate);
+      return () => {
+        resizeObserver.disconnect();
+        cancelAnimationFrame(rafId);
+      };
+    }, []);
+    const classNames = cx(styles["spinner"], className, {
+      [styles["inherit"]]: inherit,
+      [styles["size-small"]]: size === "small",
+      [styles["size-medium"]]: size === "medium",
+      [styles["size-large"]]: size === "large"
+    });
+    const strokeWidth = containerWidth > 0 ? Math.sqrt((containerWidth - 8) / 2) : 2;
+    const radius = 10;
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        "data-anv": "spinner",
+        className: classNames,
+        ref: mergedRef,
+        role: "status",
+        ...rest,
+        children: /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            width: "100%",
+            height: "100%",
+            viewBox: "0 0 24 24",
+            "aria-hidden": "true",
+            focusable: "false",
+            children: [
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  className: styles["track"],
+                  cx: "12",
+                  cy: "12",
+                  r: radius,
+                  fill: "none",
+                  strokeWidth,
+                  vectorEffect: "non-scaling-stroke",
+                  stroke: "currentColor",
+                  shapeRendering: "geometricPrecision"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  className: styles["arc"],
+                  d: `M${12 + radius} 12a${radius} ${radius} 0 1 0-${radius * 2} 0`,
+                  fill: "none",
+                  strokeWidth,
+                  strokeLinecap: "round",
+                  vectorEffect: "non-scaling-stroke",
+                  stroke: "currentColor",
+                  shapeRendering: "geometricPrecision",
+                  children: /* @__PURE__ */ jsx(
+                    "animateTransform",
+                    {
+                      attributeName: "transform",
+                      type: "rotate",
+                      from: "0 12 12",
+                      to: "360 12 12",
+                      dur: "1s",
+                      repeatCount: "indefinite"
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Spinner.displayName = "Spinner";
+
+export { Spinner as S };
+//# sourceMappingURL=Spinner-B7tTWcP6.js.map

package/dist/Spinner-B7tTWcP6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-B7tTWcP6.js","sources":["../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useMergeRefs } from \"../../hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"./Spinner.module.scss\";\n\n/**\n * Props for the Spinner component\n * @extends ComponentPropsWithoutRef<\"span\">\n */\nexport type SpinnerProps = ComponentPropsWithoutRef<\"span\"> & {\n  /**\n   * When true, the spinner inherits the current text color instead of using the default primary background color\n   */\n  inherit?: boolean;\n\n  /**\n   * The size of the spinner.\n   * @default medium\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n};\n\n/**\n * A loading spinner component that displays an animated circular indicator.\n *\n * The Spinner component provides a visual indication that content is loading or processing.\n * It renders as a circular animation that continuously rotates to show activity.\n *\n * Features:\n * - Animated circular loading indicator\n * - Configurable color inheritance\n * - Accessible with proper ARIA attributes\n * - Customizable styling through className and style props\n * - Forwarded ref support\n *\n * @example\n * <Spinner />\n *\n * <Spinner inherit />\n */\nexport const Spinner = forwardRef<HTMLSpanElement, SpinnerProps>(\n  (props, ref) => {\n    const { className, inherit, size = \"medium\", ...rest } = props;\n\n    const containerRef = useRef<HTMLSpanElement>(null);\n    const [containerWidth, setContainerWidth] = useState<number>(0);\n\n    // Merge the forwarded ref with our internal ref\n    const mergedRef = useMergeRefs([containerRef, ref]);\n\n    useEffect(() => {\n      let rafId: number;\n      let lastWidth = 0;\n\n      const updateWidth = () => {\n        if (containerRef.current) {\n          const width = containerRef.current.offsetWidth;\n          if (width !== lastWidth) {\n            setContainerWidth(width);\n            lastWidth = width;\n          }\n        }\n      };\n\n      const continuousUpdate = () => {\n        updateWidth();\n        rafId = requestAnimationFrame(continuousUpdate);\n      };\n\n      // Initial measurement\n      updateWidth();\n\n      // Set up ResizeObserver for efficiency when not animating\n      const resizeObserver = new ResizeObserver(updateWidth);\n      if (containerRef.current) {\n        resizeObserver.observe(containerRef.current);\n      }\n\n      // Also run continuous updates to catch CSS transitions\n      rafId = requestAnimationFrame(continuousUpdate);\n\n      return () => {\n        resizeObserver.disconnect();\n        cancelAnimationFrame(rafId);\n      };\n    }, []);\n\n    const classNames = cx(styles[\"spinner\"], className, {\n      [styles[\"inherit\"]]: inherit,\n      [styles[\"size-small\"]]: size === \"small\",\n      [styles[\"size-medium\"]]: size === \"medium\",\n      [styles[\"size-large\"]]: size === \"large\",\n    });\n\n    // Calculate strokeWidth using sqrt((width - 8px) / 2) - use direct value for smooth animation\n    const strokeWidth =\n      containerWidth > 0 ? Math.sqrt((containerWidth - 8) / 2) : 2;\n\n    // Keep radius consistent - let the stroke width be the variable part\n    // Use a fixed radius that gives good proportions\n    const radius = 10;\n\n    return (\n      <span\n        data-anv=\"spinner\"\n        className={classNames}\n        ref={mergedRef}\n        role=\"status\"\n        {...rest}\n      >\n        <svg\n          width=\"100%\"\n          height=\"100%\"\n          viewBox=\"0 0 24 24\"\n          aria-hidden=\"true\"\n          focusable=\"false\"\n        >\n          <circle\n            className={styles[\"track\"]}\n            cx=\"12\"\n            cy=\"12\"\n            r={radius}\n            fill=\"none\"\n            strokeWidth={strokeWidth}\n            vectorEffect=\"non-scaling-stroke\"\n            stroke=\"currentColor\"\n            shapeRendering=\"geometricPrecision\"\n          />\n          <path\n            className={styles[\"arc\"]}\n            d={`M${12 + radius} 12a${radius} ${radius} 0 1 0-${radius * 2} 0`}\n            fill=\"none\"\n            strokeWidth={strokeWidth}\n            strokeLinecap=\"round\"\n            vectorEffect=\"non-scaling-stroke\"\n            stroke=\"currentColor\"\n            shapeRendering=\"geometricPrecision\"\n          >\n            <animateTransform\n              attributeName=\"transform\"\n              type=\"rotate\"\n              from=\"0 12 12\"\n              to=\"360 12 12\"\n              dur=\"1s\"\n              repeatCount=\"indefinite\"\n            />\n          </path>\n        </svg>\n      </span>\n    );\n  },\n);\n\nSpinner.displayName = \"Spinner\";\n"],"names":[],"mappings":"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"}

package/dist/Spinner.css

@@ -1,8 +1,7 @@
-.anvil2 {._spinner_skcw8_1 {
+.anvil2 {._spinner_2axc3_1 {
   --a2-mod-spinner-arc-foreground-color: var(--a2-spinner-arc-foreground-color, currentColor);
   --a2-mod-spinner-foreground-color-primary: var(--a2-spinner-foreground-color-primary, var(--a2-background-color-primary, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
   --a2-mod-spinner-track-foreground-color: var(--a2-spinner-track-foreground-color, var(--a2-background-color-secondary, light-dark(rgba(4, 4, 4, 0.0588235294), rgba(255, 255, 255, 0.0784313725))));
-  all: unset;
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -18,18 +17,18 @@
   display: block;
   overflow: hidden;
   width: var(--a2-mod-spinner-size, var(--a2-size-10, 2.5rem));
-}._inherit_skcw8_23 {
+}._inherit_2axc3_22 {
   --a2-mod-spinner-foreground-color-current: var(--a2-spinner-foreground-color-current, currentColor);
   --a2-mod-spinner-color: var(--a2-mod-spinner-foreground-color-current);
-}._size-small_skcw8_28 {
+}._size-small_2axc3_27 {
   --a2-mod-spinner-size: var(--a2-size-4, 1rem);
-}._size-medium_skcw8_32 {
+}._size-medium_2axc3_31 {
   --a2-mod-spinner-size: var(--a2-size-10, 2.5rem);
-}._size-large_skcw8_36 {
+}._size-large_2axc3_35 {
   --a2-mod-spinner-size: 5rem;
-}._track_skcw8_40 {
+}._track_2axc3_39 {
   stroke: var(--a2-mod-spinner-track-foreground-color);
-}._arc_skcw8_44 {
+}._arc_2axc3_43 {
   stroke: var(--a2-mod-spinner-arc-foreground-color);
 }
 }

package/dist/Spinner.d.ts

@@ -1,6 +1 @@
-export * from './components/Spinner/index'
-export {}
-import _default from './components/Spinner/index'
-export default _default
-export * from './components/Spinner/index'
 export {}

package/dist/Spinner.js

@@ -1,2 +1,2 @@
-export { S as Spinner, S as default } from './Spinner-lPMo68yW.js';
+export { S as Spinner, S as default } from './Spinner-B7tTWcP6.js';
 //# sourceMappingURL=Spinner.js.map

package/dist/SrOnly.d.ts

@@ -1,6 +1 @@
-export * from './components/SrOnly/index'
-export {}
-import _default from './components/SrOnly/index'
-export default _default
-export * from './components/SrOnly/index'
 export {}