@servicetitan/anvil2 2.9.2 → 3.0.1

package/dist/Skeleton.css

@@ -1,69 +1,61 @@
-@layer starter, reset, base, state, application;
-@layer reset {
-  ._skeleton_1mtwj_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: flex;
-  }
-}
-@layer base {
-  ._shade_1mtwj_17 {
-    background-color: var(--background-color-stronger, var(--background-color-stronger, #eeeeee));
-    position: relative;
-  }
-  ._shade_1mtwj_17:after {
-    content: "";
-    background-color: var(--overloay-color-hover, var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725)));
-    animation: _pulser_1mtwj_1 750ms ease-in-out infinite alternate;
-    position: absolute;
-    inset: 0;
-    border-radius: inherit;
-  }
-  ._shade_1mtwj_17._ai_1mtwj_29 {
-    background-color: var(--background-color-primary-subdued, var(--background-color-primary-subdued, #E0F2FF));
-  }
-  ._shade_1mtwj_17._ai_1mtwj_29:after {
-    background-color: rgba(2, 101, 220, 0.1019607843);
-  }
-  ._skeleton_1mtwj_2._text_1mtwj_35 {
-    flex-direction: column;
-    gap: 0.75rem;
-  }
-  ._skeleton_1mtwj_2._text_1mtwj_35._body_1mtwj_39 ._line_1mtwj_39 {
-    border-radius: 0.375rem;
-    height: 1rem;
-  }
-  ._skeleton_1mtwj_2._text_1mtwj_35._body_1mtwj_39 ._line_1mtwj_39:last-child:not(:first-child) {
-    margin-inline-end: 20%;
-  }
-  ._skeleton_1mtwj_2._text_1mtwj_35._headline_1mtwj_46 ._line_1mtwj_39 {
-    border-radius: 0.375rem;
-    height: 1.5rem;
-  }
-  ._skeleton_1mtwj_2._circle_1mtwj_50 {
-    border-radius: var(--diameter, 2rem);
-    height: var(--diameter, 2rem);
-    width: var(--diameter, 2rem);
-  }
-  ._skeleton_1mtwj_2._rectangle_1mtwj_55 {
-    border-radius: 0.375rem;
-    height: var(--height, 3.5rem);
-  }
-  ._skeleton_1mtwj_2._pill_1mtwj_59 {
-    border-radius: 1.5rem;
-    height: 1.5rem;
-    width: var(--width);
-  }
+.anvil2 {._skeleton_1rw1k_1 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: flex;
+}._shade_1rw1k_15 {
+  --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));
+  --a2-mod-skeleton-shade-height: var(--a2-size-4, 1rem);
+  --a2-mod-skeleton-shade-width: 100%;
+  background-color: var(--a2-mod-skeleton-background-color);
+  border-radius: var(--a2-mod-skeleton-shade-border-radius);
+  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;
+  background-color: var(--a2-mod-skeleton-background-color-pulse);
+  border-radius: inherit;
+  content: "";
+  inset: 0;
+  position: absolute;
+}._shade_1rw1k_15._ai_1rw1k_36 {
+  --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 {
+  --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 {
+  --a2-mod-skeleton-shade-height: var(--a2-size-4, 1rem);
+}._body_1rw1k_47 ._line_1rw1k_47:last-child:not(:first-child) {
+  margin-inline-end: 20%;
+}._headline_1rw1k_55 ._line_1rw1k_47 {
+  --a2-mod-skeleton-shade-height: var(--a2-size-6, 1.5rem);
+}._circle_1rw1k_59 {
+  --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 {
+  --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 {
+  --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_1mtwj_1 {
+}@keyframes _pulser_1rw1k_1 {
   from {
     opacity: 0;
   }

package/dist/Skeleton.js

@@ -1,23 +1,23 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 
-import './Skeleton.css';const skeleton = "_skeleton_1mtwj_2";
-const shade = "_shade_1mtwj_17";
-const pulser = "_pulser_1mtwj_1";
-const ai = "_ai_1mtwj_29";
-const text = "_text_1mtwj_35";
-const body = "_body_1mtwj_39";
-const line = "_line_1mtwj_39";
-const headline = "_headline_1mtwj_46";
-const circle = "_circle_1mtwj_50";
-const rectangle = "_rectangle_1mtwj_55";
-const pill = "_pill_1mtwj_59";
+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";
 const styles = {
+	pulser: pulser,
 	skeleton: skeleton,
 	shade: shade,
-	pulser: pulser,
 	ai: ai,
 	text: text,
 	body: body,
@@ -49,7 +49,7 @@ const SkeletonCircle = forwardRef(
     const styleCombined = {
       ...style,
       ...layoutStyles,
-      "--diameter": diameter
+      "--a2-inline-skeleton-diameter": diameter
     };
     return /* @__PURE__ */ jsx(
       "div",
@@ -89,7 +89,7 @@ const SkeletonPill = forwardRef(
     const styleCombined = {
       ...style,
       ...layoutStyles,
-      "--width": width
+      "--a2-inline-skeleton-width": width
     };
     return /* @__PURE__ */ jsx(
       "div",
@@ -128,7 +128,7 @@ const SkeletonRectangle = forwardRef((props, ref) => {
   const styleCombined = {
     ...style,
     ...layoutStyles,
-    "--height": height
+    "--a2-inline-skeleton-height": height
   };
   return /* @__PURE__ */ jsx(
     "div",

package/dist/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sources":["../src/components/Skeleton/SkeletonCircle.tsx","../src/components/Skeleton/SkeletonPill.tsx","../src/components/Skeleton/SkeletonRectangle.tsx","../src/components/Skeleton/SkeletonText.tsx","../src/components/Skeleton/index.ts"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Skeleton.module.scss\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/**\n * Props for the SkeletonCircle component\n * @extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n */\nexport type SkeletonCircleProps = Omit<\n  ComponentPropsWithoutRef<\"div\">,\n  \"children\"\n> &\n  Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\"> & {\n    /**\n     * The diameter of the circular skeleton in CSS units.\n     * @default 32px\n     */\n    diameter?: string;\n    /**\n     * Enables the AI visual style with blue gradient colors.\n     */\n    ai?: boolean;\n  };\n\n/**\n * SkeletonCircle component for displaying circular loading placeholders.\n *\n * Features:\n * - Circular skeleton placeholder with customizable diameter\n * - Animated pulsing effect for loading indication\n * - Accessible with proper ARIA attributes\n * - Layout utility props for positioning and spacing\n * - Customizable styling through className and style props\n * - Progress bar role for screen readers\n *\n * @example\n * <Skeleton.Circle diameter=\"40px\" />\n *\n * <Skeleton.Circle\n *   diameter=\"60px\"\n *   className=\"custom-skeleton\"\n *   aria-label=\"Loading avatar\"\n * />\n */\nexport const SkeletonCircle = forwardRef<HTMLDivElement, SkeletonCircleProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      diameter,\n      ai,\n      \"aria-label\": ariaLabel = \"Loading content\",\n      style,\n      ...rest\n    } = componentProps;\n\n    const SkeletonClassNames = cx(\n      [styles[\"skeleton\"]],\n      [styles[\"circle\"]],\n      styles[\"shade\"],\n      ai && styles[\"ai\"],\n      className,\n    );\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n      \"--diameter\": diameter,\n    };\n\n    return (\n      <div\n        {...rest}\n        data-anv=\"skeleton-circle\"\n        role=\"progressbar\"\n        aria-busy=\"true\"\n        className={SkeletonClassNames}\n        style={styleCombined}\n        aria-label={ariaLabel}\n        ref={ref}\n      />\n    );\n  },\n);\n\nSkeletonCircle.displayName = \"SkeletonCircle\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Skeleton.module.scss\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/**\n * Props for the SkeletonPill component\n * @extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n */\nexport type SkeletonPillProps = Omit<\n  ComponentPropsWithoutRef<\"div\">,\n  \"children\"\n> &\n  Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\"> & {\n    /**\n     * The width of the pill skeleton in CSS units.\n     */\n    width?: string;\n    /**\n     * Enables the AI visual style with blue gradient colors.\n     */\n    ai?: boolean;\n  };\n\n/**\n * SkeletonPill component for displaying pill-shaped loading placeholders.\n *\n * Features:\n * - Pill-shaped skeleton placeholder with customizable width\n * - Animated pulsing effect for loading indication\n * - Accessible with proper ARIA attributes\n * - Layout utility props for positioning and spacing\n * - Customizable styling through className and style props\n * - Progress bar role for screen readers\n * - Large border radius for pill appearance\n * - Fixed height for consistent styling\n *\n * @example\n * <Skeleton.Pill width=\"120px\" />\n *\n * <Skeleton.Pill\n *   width=\"8rem\"\n *   className=\"custom-skeleton\"\n *   aria-label=\"Loading tag\"\n * />\n */\nexport const SkeletonPill = forwardRef<HTMLDivElement, SkeletonPillProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      width,\n      ai,\n      \"aria-label\": ariaLabel = \"Loading content\",\n      style,\n      ...rest\n    } = componentProps;\n\n    const SkeletonClassNames = cx(\n      [styles[\"skeleton\"]],\n      [styles[\"pill\"]],\n      styles[\"shade\"],\n      ai && styles[\"ai\"],\n      className,\n    );\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n      \"--width\": width,\n    };\n\n    return (\n      <div\n        {...rest}\n        data-anv=\"skeleton-pill\"\n        role=\"progressbar\"\n        aria-busy=\"true\"\n        className={SkeletonClassNames}\n        style={styleCombined}\n        aria-label={ariaLabel}\n        ref={ref}\n      />\n    );\n  },\n);\n\nSkeletonPill.displayName = \"SkeletonPill\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Skeleton.module.scss\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/**\n * Props for the SkeletonRectangle component\n * @extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n */\nexport type SkeletonRectangleProps = Omit<\n  ComponentPropsWithoutRef<\"div\">,\n  \"children\"\n> &\n  Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\"> & {\n    /**\n     * The height of the rectangular skeleton in CSS units.\n     * @default 56px\n     */\n    height?: string;\n    /**\n     * Enables the AI visual style with blue gradient colors.\n     */\n    ai?: boolean;\n  };\n\n/**\n * SkeletonRectangle component for displaying rectangular loading placeholders.\n *\n * Features:\n * - Rectangular skeleton placeholder with customizable height\n * - Animated pulsing effect for loading indication\n * - Accessible with proper ARIA attributes\n * - Layout utility props for positioning and spacing\n * - Customizable styling through className and style props\n * - Progress bar role for screen readers\n * - Medium border radius for consistent styling\n *\n * @example\n * <Skeleton.Rectangle height=\"100px\" />\n *\n * <Skeleton.Rectangle\n *   height=\"2rem\"\n *   className=\"custom-skeleton\"\n *   aria-label=\"Loading image\"\n * />\n */\nexport const SkeletonRectangle = forwardRef<\n  HTMLDivElement,\n  SkeletonRectangleProps\n>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    className,\n    height,\n    ai,\n    \"aria-label\": ariaLabel = \"Loading content\",\n    style,\n    ...rest\n  } = componentProps;\n\n  const SkeletonClassNames = cx(\n    [styles[\"skeleton\"]],\n    [styles[\"rectangle\"]],\n    styles[\"shade\"],\n    ai && styles[\"ai\"],\n    className,\n  );\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n    \"--height\": height,\n  };\n\n  return (\n    <div\n      {...rest}\n      data-anv=\"skeleton-rectangle\"\n      role=\"progressbar\"\n      aria-busy=\"true\"\n      className={SkeletonClassNames}\n      style={styleCombined}\n      aria-label={ariaLabel}\n      ref={ref}\n    />\n  );\n});\n\nSkeletonRectangle.displayName = \"SkeletonRectangle\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Skeleton.module.scss\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/**\n * Props for the SkeletonText component\n * @extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n */\nexport type SkeletonTextProps = Omit<\n  ComponentPropsWithoutRef<\"div\">,\n  \"children\"\n> &\n  Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\"> & {\n    /**\n     * Enables the AI visual style with blue gradient colors.\n     */\n    ai?: boolean;\n  } & (\n    | {\n        /**\n         * Text variant for body text skeleton.\n         * @default body\n         */\n        variant?: \"body\";\n        /**\n         * Number of text lines to display.\n         * @default 1\n         */\n        rows?: number;\n      }\n    | {\n        /**\n         * Text variant for headline text skeleton.\n         */\n        variant?: \"headline\";\n        /**\n         * Rows prop is not available for headline variant.\n         */\n        rows?: never;\n      }\n  );\n\n/**\n * SkeletonText component for displaying text loading placeholders.\n *\n * Features:\n * - Text skeleton placeholder with body and headline variants\n * - Configurable number of rows for body variant\n * - Animated pulsing effect for loading indication\n * - Accessible with proper ARIA attributes\n * - Layout utility props for positioning and spacing\n * - Customizable styling through className and style props\n * - Progress bar role for screen readers\n * - Different line heights for body vs headline variants\n * - Last line shorter for body variant to simulate natural text\n *\n * @example\n * <Skeleton.Text variant=\"body\" rows={3} />\n *\n * <Skeleton.Text\n *   variant=\"headline\"\n *   className=\"custom-skeleton\"\n *   aria-label=\"Loading title\"\n * />\n */\nexport const SkeletonText = forwardRef<HTMLDivElement, SkeletonTextProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      \"aria-label\": ariaLabel = \"Loading content\",\n      variant = \"body\",\n      ai,\n      style,\n      ...rest\n    } = componentProps;\n\n    const SkeletonClassNames = cx(\n      [styles[\"skeleton\"]],\n      [styles[\"text\"]],\n      [styles[variant]],\n      className,\n    );\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    const ShaderClassName = cx(\n      styles[\"line\"],\n      styles[\"shade\"],\n      ai && styles[\"ai\"],\n    );\n\n    return (\n      <div\n        {...rest}\n        data-anv=\"skeleton-text\"\n        role=\"progressbar\"\n        aria-busy=\"true\"\n        className={SkeletonClassNames}\n        style={styleCombined}\n        aria-label={ariaLabel}\n        ref={ref}\n      >\n        {\"rows\" in rest ? (\n          Array.from({ length: rest.rows ?? 1 }, (_, i) => i).map((i) => (\n            <div key={`line-${i}`} className={ShaderClassName} />\n          ))\n        ) : (\n          <div className={ShaderClassName} />\n        )}\n      </div>\n    );\n  },\n);\n\nSkeletonText.displayName = \"SkeletonText\";\n","import { SkeletonCircle } from \"./SkeletonCircle\";\nimport { SkeletonPill } from \"./SkeletonPill\";\nimport { SkeletonRectangle } from \"./SkeletonRectangle\";\nimport { SkeletonText } from \"./SkeletonText\";\n\nexport * from \"./SkeletonCircle\";\nexport * from \"./SkeletonPill\";\nexport * from \"./SkeletonRectangle\";\nexport * from \"./SkeletonText\";\n\nexport const Skeleton = Object.assign(\n  {},\n  {\n    Circle: SkeletonCircle,\n    Pill: SkeletonPill,\n    Rectangle: SkeletonRectangle,\n    Text: SkeletonText,\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDO,MAAM,cAAA,GAAiB,UAAA;AAAA,EAC5B,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAA,MAAM;AAAA,MACJ,SAAA;AAAA,MACA,QAAA;AAAA,MACA,EAAA;AAAA,MACA,cAAc,SAAA,GAAY,iBAAA;AAAA,MAC1B,KAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,cAAA;AAEJ,IAAA,MAAM,kBAAA,GAAqB,EAAA;AAAA,MACzB,CAAC,MAAA,CAAO,UAAU,CAAC,CAAA;AAAA,MACnB,CAAC,MAAA,CAAO,QAAQ,CAAC,CAAA;AAAA,MACjB,OAAO,OAAO,CAAA;AAAA,MACd,EAAA,IAAM,OAAO,IAAI,CAAA;AAAA,MACjB;AAAA,KACF;AAEA,IAAA,MAAM,aAAA,GAAgB;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG,YAAA;AAAA,MACH,YAAA,EAAc;AAAA,KAChB;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,UAAA,EAAS,iBAAA;AAAA,QACT,IAAA,EAAK,aAAA;AAAA,QACL,WAAA,EAAU,MAAA;AAAA,QACV,SAAA,EAAW,kBAAA;AAAA,QACX,KAAA,EAAO,aAAA;AAAA,QACP,YAAA,EAAY,SAAA;AAAA,QACZ;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;;ACxCtB,MAAM,YAAA,GAAe,UAAA;AAAA,EAC1B,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAA,MAAM;AAAA,MACJ,SAAA;AAAA,MACA,KAAA;AAAA,MACA,EAAA;AAAA,MACA,cAAc,SAAA,GAAY,iBAAA;AAAA,MAC1B,KAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,cAAA;AAEJ,IAAA,MAAM,kBAAA,GAAqB,EAAA;AAAA,MACzB,CAAC,MAAA,CAAO,UAAU,CAAC,CAAA;AAAA,MACnB,CAAC,MAAA,CAAO,MAAM,CAAC,CAAA;AAAA,MACf,OAAO,OAAO,CAAA;AAAA,MACd,EAAA,IAAM,OAAO,IAAI,CAAA;AAAA,MACjB;AAAA,KACF;AAEA,IAAA,MAAM,aAAA,GAAgB;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG,YAAA;AAAA,MACH,SAAA,EAAW;AAAA,KACb;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,UAAA,EAAS,eAAA;AAAA,QACT,IAAA,EAAK,aAAA;AAAA,QACL,WAAA,EAAU,MAAA;AAAA,QACV,SAAA,EAAW,kBAAA;AAAA,QACX,KAAA,EAAO,aAAA;AAAA,QACP,YAAA,EAAY,SAAA;AAAA,QACZ;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;;ACzCpB,MAAM,iBAAA,GAAoB,UAAA,CAG/B,CAAC,KAAA,EAAO,GAAA,KAAQ;AAChB,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,MAAA;AAAA,IACA,EAAA;AAAA,IACA,cAAc,SAAA,GAAY,iBAAA;AAAA,IAC1B,KAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,cAAA;AAEJ,EAAA,MAAM,kBAAA,GAAqB,EAAA;AAAA,IACzB,CAAC,MAAA,CAAO,UAAU,CAAC,CAAA;AAAA,IACnB,CAAC,MAAA,CAAO,WAAW,CAAC,CAAA;AAAA,IACpB,OAAO,OAAO,CAAA;AAAA,IACd,EAAA,IAAM,OAAO,IAAI,CAAA;AAAA,IACjB;AAAA,GACF;AAEA,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,KAAA;AAAA,IACH,GAAG,YAAA;AAAA,IACH,UAAA,EAAY;AAAA,GACd;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,UAAA,EAAS,oBAAA;AAAA,MACT,IAAA,EAAK,aAAA;AAAA,MACL,WAAA,EAAU,MAAA;AAAA,MACV,SAAA,EAAW,kBAAA;AAAA,MACX,KAAA,EAAO,aAAA;AAAA,MACP,YAAA,EAAY,SAAA;AAAA,MACZ;AAAA;AAAA,GACF;AAEJ,CAAC;AAED,iBAAA,CAAkB,WAAA,GAAc,mBAAA;;ACtBzB,MAAM,YAAA,GAAe,UAAA;AAAA,EAC1B,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAA,MAAM;AAAA,MACJ,SAAA;AAAA,MACA,cAAc,SAAA,GAAY,iBAAA;AAAA,MAC1B,OAAA,GAAU,MAAA;AAAA,MACV,EAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,cAAA;AAEJ,IAAA,MAAM,kBAAA,GAAqB,EAAA;AAAA,MACzB,CAAC,MAAA,CAAO,UAAU,CAAC,CAAA;AAAA,MACnB,CAAC,MAAA,CAAO,MAAM,CAAC,CAAA;AAAA,MACf,CAAC,MAAA,CAAO,OAAO,CAAC,CAAA;AAAA,MAChB;AAAA,KACF;AAEA,IAAA,MAAM,aAAA,GAAgB;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AAEA,IAAA,MAAM,eAAA,GAAkB,EAAA;AAAA,MACtB,OAAO,MAAM,CAAA;AAAA,MACb,OAAO,OAAO,CAAA;AAAA,MACd,EAAA,IAAM,OAAO,IAAI;AAAA,KACnB;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,UAAA,EAAS,eAAA;AAAA,QACT,IAAA,EAAK,aAAA;AAAA,QACL,WAAA,EAAU,MAAA;AAAA,QACV,SAAA,EAAW,kBAAA;AAAA,QACX,KAAA,EAAO,aAAA;AAAA,QACP,YAAA,EAAY,SAAA;AAAA,QACZ,GAAA;AAAA,QAEC,QAAA,EAAA,MAAA,IAAU,IAAA,GACT,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,IAAA,CAAK,IAAA,IAAQ,CAAA,EAAE,EAAG,CAAC,CAAA,EAAG,MAAM,CAAC,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,qBACvD,GAAA,CAAC,KAAA,EAAA,EAAsB,SAAA,EAAW,eAAA,EAAA,EAAxB,CAAA,KAAA,EAAQ,CAAC,CAAA,CAAgC,CACpD,CAAA,mBAED,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,eAAA,EAAiB;AAAA;AAAA,KAErC;AAAA,EAEJ;AACF;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;;AChHpB,MAAM,WAAW,MAAA,CAAO,MAAA;AAAA,EAC7B,EAAC;AAAA,EACD;AAAA,IACE,MAAA,EAAQ,cAAA;AAAA,IACR,IAAA,EAAM,YAAA;AAAA,IACN,SAAA,EAAW,iBAAA;AAAA,IACX,IAAA,EAAM;AAAA;AAEV;;;;"}
+{"version":3,"file":"Skeleton.js","sources":["../src/components/Skeleton/SkeletonCircle.tsx","../src/components/Skeleton/SkeletonPill.tsx","../src/components/Skeleton/SkeletonRectangle.tsx","../src/components/Skeleton/SkeletonText.tsx","../src/components/Skeleton/index.ts"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Skeleton.module.scss\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/**\n * Props for the SkeletonCircle component\n * @extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n */\nexport type SkeletonCircleProps = Omit<\n  ComponentPropsWithoutRef<\"div\">,\n  \"children\"\n> &\n  Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\"> & {\n    /**\n     * The diameter of the circular skeleton in CSS units.\n     * @default 32px\n     */\n    diameter?: string;\n    /**\n     * Enables the AI visual style with blue gradient colors.\n     */\n    ai?: boolean;\n  };\n\n/**\n * SkeletonCircle component for displaying circular loading placeholders.\n *\n * Features:\n * - Circular skeleton placeholder with customizable diameter\n * - Animated pulsing effect for loading indication\n * - Accessible with proper ARIA attributes\n * - Layout utility props for positioning and spacing\n * - Customizable styling through className and style props\n * - Progress bar role for screen readers\n *\n * @example\n * <Skeleton.Circle diameter=\"40px\" />\n *\n * <Skeleton.Circle\n *   diameter=\"60px\"\n *   className=\"custom-skeleton\"\n *   aria-label=\"Loading avatar\"\n * />\n */\nexport const SkeletonCircle = forwardRef<HTMLDivElement, SkeletonCircleProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      diameter,\n      ai,\n      \"aria-label\": ariaLabel = \"Loading content\",\n      style,\n      ...rest\n    } = componentProps;\n\n    const SkeletonClassNames = cx(\n      [styles[\"skeleton\"]],\n      [styles[\"circle\"]],\n      styles[\"shade\"],\n      ai && styles[\"ai\"],\n      className,\n    );\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n      \"--a2-inline-skeleton-diameter\": diameter,\n    };\n\n    return (\n      <div\n        {...rest}\n        data-anv=\"skeleton-circle\"\n        role=\"progressbar\"\n        aria-busy=\"true\"\n        className={SkeletonClassNames}\n        style={styleCombined}\n        aria-label={ariaLabel}\n        ref={ref}\n      />\n    );\n  },\n);\n\nSkeletonCircle.displayName = \"SkeletonCircle\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Skeleton.module.scss\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/**\n * Props for the SkeletonPill component\n * @extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n */\nexport type SkeletonPillProps = Omit<\n  ComponentPropsWithoutRef<\"div\">,\n  \"children\"\n> &\n  Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\"> & {\n    /**\n     * The width of the pill skeleton in CSS units.\n     */\n    width?: string;\n    /**\n     * Enables the AI visual style with blue gradient colors.\n     */\n    ai?: boolean;\n  };\n\n/**\n * SkeletonPill component for displaying pill-shaped loading placeholders.\n *\n * Features:\n * - Pill-shaped skeleton placeholder with customizable width\n * - Animated pulsing effect for loading indication\n * - Accessible with proper ARIA attributes\n * - Layout utility props for positioning and spacing\n * - Customizable styling through className and style props\n * - Progress bar role for screen readers\n * - Large border radius for pill appearance\n * - Fixed height for consistent styling\n *\n * @example\n * <Skeleton.Pill width=\"120px\" />\n *\n * <Skeleton.Pill\n *   width=\"8rem\"\n *   className=\"custom-skeleton\"\n *   aria-label=\"Loading tag\"\n * />\n */\nexport const SkeletonPill = forwardRef<HTMLDivElement, SkeletonPillProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      width,\n      ai,\n      \"aria-label\": ariaLabel = \"Loading content\",\n      style,\n      ...rest\n    } = componentProps;\n\n    const SkeletonClassNames = cx(\n      [styles[\"skeleton\"]],\n      [styles[\"pill\"]],\n      styles[\"shade\"],\n      ai && styles[\"ai\"],\n      className,\n    );\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n      \"--a2-inline-skeleton-width\": width,\n    };\n\n    return (\n      <div\n        {...rest}\n        data-anv=\"skeleton-pill\"\n        role=\"progressbar\"\n        aria-busy=\"true\"\n        className={SkeletonClassNames}\n        style={styleCombined}\n        aria-label={ariaLabel}\n        ref={ref}\n      />\n    );\n  },\n);\n\nSkeletonPill.displayName = \"SkeletonPill\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Skeleton.module.scss\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/**\n * Props for the SkeletonRectangle component\n * @extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n */\nexport type SkeletonRectangleProps = Omit<\n  ComponentPropsWithoutRef<\"div\">,\n  \"children\"\n> &\n  Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\"> & {\n    /**\n     * The height of the rectangular skeleton in CSS units.\n     * @default 56px\n     */\n    height?: string;\n    /**\n     * Enables the AI visual style with blue gradient colors.\n     */\n    ai?: boolean;\n  };\n\n/**\n * SkeletonRectangle component for displaying rectangular loading placeholders.\n *\n * Features:\n * - Rectangular skeleton placeholder with customizable height\n * - Animated pulsing effect for loading indication\n * - Accessible with proper ARIA attributes\n * - Layout utility props for positioning and spacing\n * - Customizable styling through className and style props\n * - Progress bar role for screen readers\n * - Medium border radius for consistent styling\n *\n * @example\n * <Skeleton.Rectangle height=\"100px\" />\n *\n * <Skeleton.Rectangle\n *   height=\"2rem\"\n *   className=\"custom-skeleton\"\n *   aria-label=\"Loading image\"\n * />\n */\nexport const SkeletonRectangle = forwardRef<\n  HTMLDivElement,\n  SkeletonRectangleProps\n>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    className,\n    height,\n    ai,\n    \"aria-label\": ariaLabel = \"Loading content\",\n    style,\n    ...rest\n  } = componentProps;\n\n  const SkeletonClassNames = cx(\n    [styles[\"skeleton\"]],\n    [styles[\"rectangle\"]],\n    styles[\"shade\"],\n    ai && styles[\"ai\"],\n    className,\n  );\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n    \"--a2-inline-skeleton-height\": height,\n  };\n\n  return (\n    <div\n      {...rest}\n      data-anv=\"skeleton-rectangle\"\n      role=\"progressbar\"\n      aria-busy=\"true\"\n      className={SkeletonClassNames}\n      style={styleCombined}\n      aria-label={ariaLabel}\n      ref={ref}\n    />\n  );\n});\n\nSkeletonRectangle.displayName = \"SkeletonRectangle\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Skeleton.module.scss\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/**\n * Props for the SkeletonText component\n * @extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n */\nexport type SkeletonTextProps = Omit<\n  ComponentPropsWithoutRef<\"div\">,\n  \"children\"\n> &\n  Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\"> & {\n    /**\n     * Enables the AI visual style with blue gradient colors.\n     */\n    ai?: boolean;\n  } & (\n    | {\n        /**\n         * Text variant for body text skeleton.\n         * @default body\n         */\n        variant?: \"body\";\n        /**\n         * Number of text lines to display.\n         * @default 1\n         */\n        rows?: number;\n      }\n    | {\n        /**\n         * Text variant for headline text skeleton.\n         */\n        variant?: \"headline\";\n        /**\n         * Rows prop is not available for headline variant.\n         */\n        rows?: never;\n      }\n  );\n\n/**\n * SkeletonText component for displaying text loading placeholders.\n *\n * Features:\n * - Text skeleton placeholder with body and headline variants\n * - Configurable number of rows for body variant\n * - Animated pulsing effect for loading indication\n * - Accessible with proper ARIA attributes\n * - Layout utility props for positioning and spacing\n * - Customizable styling through className and style props\n * - Progress bar role for screen readers\n * - Different line heights for body vs headline variants\n * - Last line shorter for body variant to simulate natural text\n *\n * @example\n * <Skeleton.Text variant=\"body\" rows={3} />\n *\n * <Skeleton.Text\n *   variant=\"headline\"\n *   className=\"custom-skeleton\"\n *   aria-label=\"Loading title\"\n * />\n */\nexport const SkeletonText = forwardRef<HTMLDivElement, SkeletonTextProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      \"aria-label\": ariaLabel = \"Loading content\",\n      variant = \"body\",\n      ai,\n      style,\n      ...rest\n    } = componentProps;\n\n    const SkeletonClassNames = cx(\n      [styles[\"skeleton\"]],\n      [styles[\"text\"]],\n      [styles[variant]],\n      className,\n    );\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    const ShaderClassName = cx(\n      styles[\"line\"],\n      styles[\"shade\"],\n      ai && styles[\"ai\"],\n    );\n\n    return (\n      <div\n        {...rest}\n        data-anv=\"skeleton-text\"\n        role=\"progressbar\"\n        aria-busy=\"true\"\n        className={SkeletonClassNames}\n        style={styleCombined}\n        aria-label={ariaLabel}\n        ref={ref}\n      >\n        {\"rows\" in rest ? (\n          Array.from({ length: rest.rows ?? 1 }, (_, i) => i).map((i) => (\n            <div key={`line-${i}`} className={ShaderClassName} />\n          ))\n        ) : (\n          <div className={ShaderClassName} />\n        )}\n      </div>\n    );\n  },\n);\n\nSkeletonText.displayName = \"SkeletonText\";\n","import { SkeletonCircle } from \"./SkeletonCircle\";\nimport { SkeletonPill } from \"./SkeletonPill\";\nimport { SkeletonRectangle } from \"./SkeletonRectangle\";\nimport { SkeletonText } from \"./SkeletonText\";\n\nexport * from \"./SkeletonCircle\";\nexport * from \"./SkeletonPill\";\nexport * from \"./SkeletonRectangle\";\nexport * from \"./SkeletonText\";\n\nexport const Skeleton = Object.assign(\n  {},\n  {\n    Circle: SkeletonCircle,\n    Pill: SkeletonPill,\n    Rectangle: SkeletonRectangle,\n    Text: SkeletonText,\n  },\n);\n"],"names":[],"mappings":"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"}

package/dist/{Spinner-BqmcE2pb.js → Spinner-lPMo68yW.js}

@@ -3,18 +3,18 @@ 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$1 = "_Spinner_u69oo_2";
-const Inherit = "_Inherit_u69oo_26";
-const Track = "_Track_u69oo_38";
-const Arc = "_Arc_u69oo_41";
+import './Spinner.css';const spinner = "_spinner_skcw8_1";
+const inherit = "_inherit_skcw8_23";
+const track = "_track_skcw8_40";
+const arc = "_arc_skcw8_44";
 const styles = {
-	Spinner: Spinner$1,
-	Inherit: Inherit,
-	"size-small": "_size-small_u69oo_29",
-	"size-medium": "_size-medium_u69oo_32",
-	"size-large": "_size-large_u69oo_35",
-	Track: Track,
-	Arc: Arc
+	spinner: spinner,
+	inherit: inherit,
+	"size-small": "_size-small_skcw8_28",
+	"size-medium": "_size-medium_skcw8_32",
+	"size-large": "_size-large_skcw8_36",
+	track: track,
+	arc: arc
 };
 
 const Spinner = forwardRef(
@@ -50,8 +50,8 @@ const Spinner = forwardRef(
         cancelAnimationFrame(rafId);
       };
     }, []);
-    const classNames = cx(styles["Spinner"], className, {
-      [styles["Inherit"]]: inherit,
+    const classNames = cx(styles["spinner"], className, {
+      [styles["inherit"]]: inherit,
       [styles["size-small"]]: size === "small",
       [styles["size-medium"]]: size === "medium",
       [styles["size-large"]]: size === "large"
@@ -69,7 +69,6 @@ const Spinner = forwardRef(
         children: /* @__PURE__ */ jsxs(
           "svg",
           {
-            className: styles["Svg"],
             width: "100%",
             height: "100%",
             viewBox: "0 0 24 24",
@@ -79,7 +78,7 @@ const Spinner = forwardRef(
               /* @__PURE__ */ jsx(
                 "circle",
                 {
-                  className: styles["Track"],
+                  className: styles["track"],
                   cx: "12",
                   cy: "12",
                   r: radius,
@@ -93,7 +92,7 @@ const Spinner = forwardRef(
               /* @__PURE__ */ jsx(
                 "path",
                 {
-                  className: styles["Arc"],
+                  className: styles["arc"],
                   d: `M${12 + radius} 12a${radius} ${radius} 0 1 0-${radius * 2} 0`,
                   fill: "none",
                   strokeWidth,
@@ -124,4 +123,4 @@ const Spinner = forwardRef(
 Spinner.displayName = "Spinner";
 
 export { Spinner as S };
-//# sourceMappingURL=Spinner-BqmcE2pb.js.map
+//# sourceMappingURL=Spinner-lPMo68yW.js.map

package/dist/Spinner-lPMo68yW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-lPMo68yW.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,45 +1,35 @@
-@layer starter, reset, base, state, application;
-@layer reset {
-  ._Spinner_u69oo_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: revert-layer;
-  }
+.anvil2 {._spinner_skcw8_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;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: revert-layer;
+  aspect-ratio: 1;
+  color: var(--a2-mod-spinner-color, var(--a2-mod-spinner-foreground-color-primary));
+  display: block;
+  overflow: hidden;
+  width: var(--a2-mod-spinner-size, var(--a2-size-10, 2.5rem));
+}._inherit_skcw8_23 {
+  --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 {
+  --a2-mod-spinner-size: var(--a2-size-4, 1rem);
+}._size-medium_skcw8_32 {
+  --a2-mod-spinner-size: var(--a2-size-10, 2.5rem);
+}._size-large_skcw8_36 {
+  --a2-mod-spinner-size: 5rem;
+}._track_skcw8_40 {
+  stroke: var(--a2-mod-spinner-track-foreground-color);
+}._arc_skcw8_44 {
+  stroke: var(--a2-mod-spinner-arc-foreground-color);
 }
-@layer base {
-  ._Spinner_u69oo_2 {
-    --spinner-track-color: #0404040f;
-    --spinner-size: 2.5rem;
-    display: block;
-    aspect-ratio: 1;
-    color: var(--background-color-primary, #0265DC);
-    width: var(--spinner-size);
-    overflow: hidden;
-  }
-  ._Spinner_u69oo_2._Inherit_u69oo_26 {
-    color: currentColor;
-  }
-  ._Spinner_u69oo_2._size-small_u69oo_29 {
-    --spinner-size: 1rem;
-  }
-  ._Spinner_u69oo_2._size-medium_u69oo_32 {
-    --spinner-size: 2.5rem;
-  }
-  ._Spinner_u69oo_2._size-large_u69oo_35 {
-    --spinner-size: 5rem;
-  }
-  ._Track_u69oo_38 {
-    stroke: var(--spinner-track-color);
-  }
-  ._Arc_u69oo_41 {
-    stroke: currentColor;
-  }
 }

package/dist/Spinner.js

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

package/dist/{SrOnly-eUpYGpAT.js → SrOnly-pnf8ajnh.js}

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { c as cx } from './index-De1g9FRV.js';
 
 import './SrOnly.css';const styles = {
-	"sr-only": "_sr-only_4befq_2"
+	"sr-only": "_sr-only_1js2w_1"
 };
 
 const SrOnly = (props) => {
@@ -12,4 +12,4 @@ const SrOnly = (props) => {
 };
 
 export { SrOnly as S };
-//# sourceMappingURL=SrOnly-eUpYGpAT.js.map
+//# sourceMappingURL=SrOnly-pnf8ajnh.js.map

package/dist/{SrOnly-eUpYGpAT.js.map → SrOnly-pnf8ajnh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SrOnly-eUpYGpAT.js","sources":["../src/components/SrOnly/SrOnly.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from \"react\";\nimport styles from \"./SrOnly.module.scss\";\nimport cx from \"classnames\";\n\n/**\n * Screen reader only component for providing accessible content that is visually hidden.\n *\n * Features:\n * - Visually hidden content that remains accessible to screen readers\n * - Preserves all standard span element functionality and attributes\n * - Maintains proper semantic structure\n * - Essential for accessibility compliance\n *\n * @example\n * <div>\n *   <span aria-hidden=\"true\">$100</span>\n *   <SrOnly>One hundred dollars</SrOnly>\n * </div>\n */\nexport const SrOnly = (props: ComponentPropsWithoutRef<\"span\">) => {\n  const { className, ...rest } = props;\n  const classNames = cx(styles[\"sr-only\"], className);\n  return <span data-anv=\"sr-only\" className={classNames} {...rest} />;\n};\n"],"names":[],"mappings":";;;;;;;AAmBO,MAAM,MAAA,GAAS,CAAC,KAAA,KAA4C;AACjE,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAK,GAAI,KAAA;AAC/B,EAAA,MAAM,UAAA,GAAa,EAAA,CAAG,MAAA,CAAO,SAAS,GAAG,SAAS,CAAA;AAClD,EAAA,2BAAQ,MAAA,EAAA,EAAK,UAAA,EAAS,WAAU,SAAA,EAAW,UAAA,EAAa,GAAG,IAAA,EAAM,CAAA;AACnE;;;;"}
+{"version":3,"file":"SrOnly-pnf8ajnh.js","sources":["../src/components/SrOnly/SrOnly.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from \"react\";\nimport styles from \"./SrOnly.module.scss\";\nimport cx from \"classnames\";\n\n/**\n * Screen reader only component for providing accessible content that is visually hidden.\n *\n * Features:\n * - Visually hidden content that remains accessible to screen readers\n * - Preserves all standard span element functionality and attributes\n * - Maintains proper semantic structure\n * - Essential for accessibility compliance\n *\n * @example\n * <div>\n *   <span aria-hidden=\"true\">$100</span>\n *   <SrOnly>One hundred dollars</SrOnly>\n * </div>\n */\nexport const SrOnly = (props: ComponentPropsWithoutRef<\"span\">) => {\n  const { className, ...rest } = props;\n  const classNames = cx(styles[\"sr-only\"], className);\n  return <span data-anv=\"sr-only\" className={classNames} {...rest} />;\n};\n"],"names":[],"mappings":";;;;;;;AAmBO,MAAM,MAAA,GAAS,CAAC,KAAA,KAA4C;AACjE,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAK,GAAI,KAAA;AAC/B,EAAA,MAAM,UAAA,GAAa,EAAA,CAAG,MAAA,CAAO,SAAS,GAAG,SAAS,CAAA;AAClD,EAAA,2BAAQ,MAAA,EAAA,EAAK,UAAA,EAAS,WAAU,SAAA,EAAW,UAAA,EAAa,GAAG,IAAA,EAAM,CAAA;AACnE;;;;"}

package/dist/SrOnly.css

@@ -1,15 +1,13 @@
-@layer starter, reset, base, state, application;
-@layer base {
-  ._sr-only_4befq_2 {
-    border: 0;
-    clip: rect(0, 0, 0, 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding-block: 0;
-    padding-inline: 0;
-    position: absolute;
-    white-space: nowrap;
-    width: 1px;
-  }
+.anvil2 {._sr-only_1js2w_1 {
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding-block: 0;
+  padding-inline: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
 }

package/dist/SrOnly.js

@@ -1,2 +1,2 @@
-export { S as SrOnly, S as default } from './SrOnly-eUpYGpAT.js';
+export { S as SrOnly, S as default } from './SrOnly-pnf8ajnh.js';
 //# sourceMappingURL=SrOnly.js.map

package/dist/StatusIcon-BwULopyH.js

@@ -0,0 +1,57 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { c as cx } from './index-De1g9FRV.js';
+import * as React from 'react';
+
+import './StatusIcon.css';const success = "_success_f7qxw_9";
+const warning = "_warning_f7qxw_14";
+const error = "_error_f7qxw_19";
+const svg = "_svg_f7qxw_34";
+const styles = {
+	"status-icon": "_status-icon_f7qxw_1",
+	success: success,
+	warning: warning,
+	error: error,
+	"size-small": "_size-small_f7qxw_24",
+	"size-medium": "_size-medium_f7qxw_29",
+	svg: svg
+};
+
+const SvgStatusIconInfo = (props) => /* @__PURE__ */ React.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M8 3.05176e-05C3.584 3.05176e-05 0 3.58403 0 8.00003C0 12.416 3.584 16 8 16C12.416 16 16 12.416 16 8.00003C16 3.58403 12.416 3.05176e-05 8 3.05176e-05Z", className: "fill" }), /* @__PURE__ */ React.createElement("path", { d: "M15 8.00003C15 4.13632 11.8637 1.00003 8 1.00003C4.13628 1.00003 1 4.13632 1 8.00003C1 11.8637 4.13628 15 8 15V16L7.58887 15.9893C3.49987 15.782 0.218069 12.5002 0.0107422 8.41116L0 8.00003C0 3.58403 3.584 3.05176e-05 8 3.05176e-05L8.41113 0.0107727C12.6363 0.225005 16 3.72192 16 8.00003L15.9893 8.41116C15.775 12.6363 12.2781 16 8 16V15C11.8637 15 15 11.8637 15 8.00003Z", className: "stroke" }), /* @__PURE__ */ React.createElement("path", { d: "M7.99609 11.4989C7.61088 11.4989 7.2957 11.1837 7.2957 10.7985V7.99692C7.2957 7.6117 7.61088 7.29653 7.99609 7.29653C8.38131 7.29653 8.69648 7.6117 8.69648 7.99692V10.7985C8.69648 11.1837 8.38131 11.4989 7.99609 11.4989ZM8.69648 5.89575H7.2957V4.49496H8.69648V5.89575Z", className: "icon" }));
+
+const SvgStatusIconSuccess = (props) => /* @__PURE__ */ React.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M8 0C3.584 0 0 3.584 0 8C0 12.416 3.584 16 8 16C12.416 16 16 12.416 16 8C16 3.584 12.416 0 8 0Z", className: "fill" }), /* @__PURE__ */ React.createElement("path", { d: "M15 8C15 4.13628 11.8637 1 8 1C4.13628 1 1 4.13628 1 8C1 11.8637 4.13628 15 8 15V16L7.58887 15.9893C3.49987 15.7819 0.218069 12.5001 0.0107422 8.41113L0 8C0 3.584 3.584 0 8 0L8.41113 0.0107422C12.6363 0.224974 16 3.72189 16 8L15.9893 8.41113C15.775 12.6363 12.2781 16 8 16V15C11.8637 15 15 11.8637 15 8Z", className: "stroke" }), /* @__PURE__ */ React.createElement("path", { d: "M3.5815 8.51333L6.10219 11.034C6.16715 11.0991 6.2443 11.1507 6.32925 11.186C6.41419 11.2212 6.50524 11.2393 6.5972 11.2393C6.68916 11.2393 6.78021 11.2212 6.86515 11.186C6.95009 11.1507 7.02725 11.0991 7.09221 11.034L12.4215 5.70476C12.5527 5.57348 12.6265 5.39542 12.6265 5.20975C12.6265 5.02409 12.5527 4.84603 12.4215 4.71474C12.2902 4.58346 12.1121 4.5097 11.9264 4.5097C11.7408 4.5097 11.5627 4.58346 11.4314 4.71474L6.60071 9.54547L4.57152 7.52331C4.50652 7.4583 4.42934 7.40674 4.34441 7.37156C4.25948 7.33637 4.16845 7.31827 4.07651 7.31827C3.98458 7.31827 3.89355 7.33637 3.80862 7.37156C3.72368 7.40674 3.64651 7.4583 3.5815 7.52331C3.5165 7.58831 3.46493 7.66549 3.42975 7.75042C3.39457 7.83535 3.37646 7.92638 3.37646 8.01832C3.37646 8.11025 3.39457 8.20128 3.42975 8.28621C3.46493 8.37115 3.5165 8.44832 3.5815 8.51333Z", className: "icon" }));
+
+const SvgStatusIconWarning = (props) => /* @__PURE__ */ React.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M14.2954 14.5929V15.5929H1.68995V14.5929H14.2954ZM6.54444 2.19353C7.18891 1.08035 8.79645 1.08035 9.44092 2.19353L15.7427 13.0822C16.3871 14.1953 15.5842 15.5927 14.2954 15.5929V14.5929C14.8128 14.5927 15.1364 14.0305 14.8774 13.5832L8.57471 2.6945C8.31543 2.24698 7.66914 2.24622 7.40967 2.69353L7.41065 2.6945L1.10792 13.5832C0.848922 14.0305 1.17258 14.5927 1.68995 14.5929V15.5929C0.441469 15.5927 -0.351452 14.2816 0.186042 13.1877L0.242683 13.0822L6.54444 2.19353Z", className: "stroke" }), /* @__PURE__ */ React.createElement("path", { d: "M1.66406 14.5977L14.2188 14.6016C14.4375 14.6172 14.7203 14.5167 14.8438 14.3086C15.0234 14.0781 14.9846 13.7698 14.8867 13.5859L8.57422 2.68359C8.52734 2.57031 8.30681 2.36402 7.99609 2.35547C7.68964 2.35547 7.48438 2.54688 7.40234 2.71094L1.09766 13.6016C0.994082 13.7588 0.984801 14.1025 1.11328 14.293C1.23297 14.4704 1.46828 14.5934 1.66406 14.5977Z", className: "fill" }), /* @__PURE__ */ React.createElement("path", { d: "M7.98002 9.91719C7.58049 9.91719 7.2536 9.58872 7.2536 9.18725V7.72735C7.2536 7.32588 7.58049 6.99741 7.98002 6.99741C8.37955 6.99741 8.70644 7.32588 8.70644 7.72735V9.18725C8.70644 9.58872 8.37955 9.91719 7.98002 9.91719ZM8.70644 12.837H7.2536V11.3771H8.70644V12.837Z", className: "icon" }));
+
+const SvgStatusIconDanger = (props) => /* @__PURE__ */ React.createElement("svg", { width: 16, height: 17, viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M4.1332 0.576685C4.50484 0.22392 4.9977 0.0272522 5.5101 0.0272522L10.4813 0.0272522C10.993 0.0272522 11.4852 0.223372 11.8567 0.575258L15.3754 3.90832C15.7742 4.28602 16 4.81108 16 5.36031V10.208C16 10.7168 15.8061 11.2064 15.4578 11.5772L11.8706 15.3965C11.4926 15.799 10.965 16.0273 10.4128 16.0273L5.57862 16.0273C5.02573 16.0273 4.4975 15.7984 4.1194 15.395L0.540787 11.5769C0.193358 11.2062 1.52588e-05 10.7172 1.52588e-05 10.2092V5.35908C1.52588e-05 4.81057 0.22529 4.28613 0.623115 3.90851L4.1332 0.576685Z", className: "fill" }), /* @__PURE__ */ React.createElement("path", { d: "M1.52588e-05 10.2089V5.35928C1.52588e-05 4.81077 0.225238 4.28573 0.623062 3.90811L4.13283 0.577057C4.50439 0.224366 4.99749 0.0273345 5.50978 0.0272522H10.4815L10.6719 0.0360413C11.114 0.0783355 11.5314 0.267269 11.8565 0.575104L15.375 3.90811C15.7737 4.2858 16 4.81105 16 5.36026V10.2079C16 10.7166 15.8062 11.2062 15.458 11.5771L11.8711 15.3964L11.7217 15.539C11.4115 15.8075 11.0263 15.9744 10.6182 16.0165L10.4131 16.0273V15.0273C10.6891 15.0272 10.9527 14.913 11.1416 14.7118L14.7285 10.8925C14.9027 10.7071 15 10.4623 15 10.2079V5.36026C15 5.0857 14.8868 4.82351 14.6875 4.63467L11.169 1.30167C10.9832 1.12575 10.7373 1.02729 10.4815 1.02725H5.50978C5.25369 1.02733 5.00705 1.12536 4.8213 1.30167L1.31154 4.6337C1.11263 4.82251 1.00002 5.08503 1.00002 5.35928V10.2089C1.00002 10.4629 1.09681 10.7081 1.27052 10.8935L4.84865 14.7108C5.03759 14.9124 5.30187 15.0271 5.57814 15.0273V16.0273L5.37306 16.0165C4.96427 15.9743 4.57797 15.8074 4.26759 15.538L4.11916 15.3954L0.541031 11.5771C0.193602 11.2064 1.52588e-05 10.7169 1.52588e-05 10.2089ZM10.4131 15.0273V16.0273H5.57814V15.0273H10.4131Z", className: "stroke" }), /* @__PURE__ */ React.createElement("path", { d: "M8.12886 8.67789C7.76219 8.67789 7.46219 8.37789 7.46219 8.01122V5.34455C7.46219 4.97789 7.76219 4.67789 8.12886 4.67789C8.49552 4.67789 8.79552 4.97789 8.79552 5.34455V8.01122C8.79552 8.37789 8.49552 8.67789 8.12886 8.67789ZM8.79552 11.3446H7.46219V10.0112H8.79552V11.3446Z", className: "icon" }));
+
+const StatusIcon = (props) => {
+  const { variant, rootProps, className, size = "medium" } = props;
+  const statusIconClassNames = cx(
+    styles["status-icon"],
+    styles[variant],
+    className,
+    rootProps?.className,
+    {
+      [styles["size-small"]]: size === "small",
+      [styles["size-medium"]]: size === "medium"
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-anv": "status-icon",
+      ...rootProps,
+      className: statusIconClassNames,
+      children: [
+        variant === "info" && /* @__PURE__ */ jsx(SvgStatusIconInfo, { className: styles["svg"] }),
+        variant === "success" && /* @__PURE__ */ jsx(SvgStatusIconSuccess, { className: styles["svg"] }),
+        variant === "warning" && /* @__PURE__ */ jsx(SvgStatusIconWarning, { className: styles["svg"] }),
+        variant === "error" && /* @__PURE__ */ jsx(SvgStatusIconDanger, { className: styles["svg"] })
+      ]
+    }
+  );
+};
+StatusIcon.displayName = "StatusIcon";
+
+export { StatusIcon as S };
+//# sourceMappingURL=StatusIcon-BwULopyH.js.map

package/dist/StatusIcon-BwULopyH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIcon-BwULopyH.js","sources":["../src/internal/components/StatusIcon/svg/status-icon-info.svg","../src/internal/components/StatusIcon/svg/status-icon-success.svg","../src/internal/components/StatusIcon/svg/status-icon-warning.svg","../src/internal/components/StatusIcon/svg/status-icon-danger.svg","../src/internal/components/StatusIcon/StatusIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgStatusIconInfo = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 16, height: 16, viewBox: \"0 0 16 16\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M8 3.05176e-05C3.584 3.05176e-05 0 3.58403 0 8.00003C0 12.416 3.584 16 8 16C12.416 16 16 12.416 16 8.00003C16 3.58403 12.416 3.05176e-05 8 3.05176e-05Z\", className: \"fill\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M15 8.00003C15 4.13632 11.8637 1.00003 8 1.00003C4.13628 1.00003 1 4.13632 1 8.00003C1 11.8637 4.13628 15 8 15V16L7.58887 15.9893C3.49987 15.782 0.218069 12.5002 0.0107422 8.41116L0 8.00003C0 3.58403 3.584 3.05176e-05 8 3.05176e-05L8.41113 0.0107727C12.6363 0.225005 16 3.72192 16 8.00003L15.9893 8.41116C15.775 12.6363 12.2781 16 8 16V15C11.8637 15 15 11.8637 15 8.00003Z\", className: \"stroke\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M7.99609 11.4989C7.61088 11.4989 7.2957 11.1837 7.2957 10.7985V7.99692C7.2957 7.6117 7.61088 7.29653 7.99609 7.29653C8.38131 7.29653 8.69648 7.6117 8.69648 7.99692V10.7985C8.69648 11.1837 8.38131 11.4989 7.99609 11.4989ZM8.69648 5.89575H7.2957V4.49496H8.69648V5.89575Z\", className: \"icon\" }));\nexport default SvgStatusIconInfo;\n","import * as React from \"react\";\nconst SvgStatusIconSuccess = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 16, height: 16, viewBox: \"0 0 16 16\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M8 0C3.584 0 0 3.584 0 8C0 12.416 3.584 16 8 16C12.416 16 16 12.416 16 8C16 3.584 12.416 0 8 0Z\", className: \"fill\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M15 8C15 4.13628 11.8637 1 8 1C4.13628 1 1 4.13628 1 8C1 11.8637 4.13628 15 8 15V16L7.58887 15.9893C3.49987 15.7819 0.218069 12.5001 0.0107422 8.41113L0 8C0 3.584 3.584 0 8 0L8.41113 0.0107422C12.6363 0.224974 16 3.72189 16 8L15.9893 8.41113C15.775 12.6363 12.2781 16 8 16V15C11.8637 15 15 11.8637 15 8Z\", className: \"stroke\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M3.5815 8.51333L6.10219 11.034C6.16715 11.0991 6.2443 11.1507 6.32925 11.186C6.41419 11.2212 6.50524 11.2393 6.5972 11.2393C6.68916 11.2393 6.78021 11.2212 6.86515 11.186C6.95009 11.1507 7.02725 11.0991 7.09221 11.034L12.4215 5.70476C12.5527 5.57348 12.6265 5.39542 12.6265 5.20975C12.6265 5.02409 12.5527 4.84603 12.4215 4.71474C12.2902 4.58346 12.1121 4.5097 11.9264 4.5097C11.7408 4.5097 11.5627 4.58346 11.4314 4.71474L6.60071 9.54547L4.57152 7.52331C4.50652 7.4583 4.42934 7.40674 4.34441 7.37156C4.25948 7.33637 4.16845 7.31827 4.07651 7.31827C3.98458 7.31827 3.89355 7.33637 3.80862 7.37156C3.72368 7.40674 3.64651 7.4583 3.5815 7.52331C3.5165 7.58831 3.46493 7.66549 3.42975 7.75042C3.39457 7.83535 3.37646 7.92638 3.37646 8.01832C3.37646 8.11025 3.39457 8.20128 3.42975 8.28621C3.46493 8.37115 3.5165 8.44832 3.5815 8.51333Z\", className: \"icon\" }));\nexport default SvgStatusIconSuccess;\n","import * as React from \"react\";\nconst SvgStatusIconWarning = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 16, height: 16, viewBox: \"0 0 16 16\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M14.2954 14.5929V15.5929H1.68995V14.5929H14.2954ZM6.54444 2.19353C7.18891 1.08035 8.79645 1.08035 9.44092 2.19353L15.7427 13.0822C16.3871 14.1953 15.5842 15.5927 14.2954 15.5929V14.5929C14.8128 14.5927 15.1364 14.0305 14.8774 13.5832L8.57471 2.6945C8.31543 2.24698 7.66914 2.24622 7.40967 2.69353L7.41065 2.6945L1.10792 13.5832C0.848922 14.0305 1.17258 14.5927 1.68995 14.5929V15.5929C0.441469 15.5927 -0.351452 14.2816 0.186042 13.1877L0.242683 13.0822L6.54444 2.19353Z\", className: \"stroke\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M1.66406 14.5977L14.2188 14.6016C14.4375 14.6172 14.7203 14.5167 14.8438 14.3086C15.0234 14.0781 14.9846 13.7698 14.8867 13.5859L8.57422 2.68359C8.52734 2.57031 8.30681 2.36402 7.99609 2.35547C7.68964 2.35547 7.48438 2.54688 7.40234 2.71094L1.09766 13.6016C0.994082 13.7588 0.984801 14.1025 1.11328 14.293C1.23297 14.4704 1.46828 14.5934 1.66406 14.5977Z\", className: \"fill\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M7.98002 9.91719C7.58049 9.91719 7.2536 9.58872 7.2536 9.18725V7.72735C7.2536 7.32588 7.58049 6.99741 7.98002 6.99741C8.37955 6.99741 8.70644 7.32588 8.70644 7.72735V9.18725C8.70644 9.58872 8.37955 9.91719 7.98002 9.91719ZM8.70644 12.837H7.2536V11.3771H8.70644V12.837Z\", className: \"icon\" }));\nexport default SvgStatusIconWarning;\n","import * as React from \"react\";\nconst SvgStatusIconDanger = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 16, height: 17, viewBox: \"0 0 16 17\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M4.1332 0.576685C4.50484 0.22392 4.9977 0.0272522 5.5101 0.0272522L10.4813 0.0272522C10.993 0.0272522 11.4852 0.223372 11.8567 0.575258L15.3754 3.90832C15.7742 4.28602 16 4.81108 16 5.36031V10.208C16 10.7168 15.8061 11.2064 15.4578 11.5772L11.8706 15.3965C11.4926 15.799 10.965 16.0273 10.4128 16.0273L5.57862 16.0273C5.02573 16.0273 4.4975 15.7984 4.1194 15.395L0.540787 11.5769C0.193358 11.2062 1.52588e-05 10.7172 1.52588e-05 10.2092V5.35908C1.52588e-05 4.81057 0.22529 4.28613 0.623115 3.90851L4.1332 0.576685Z\", className: \"fill\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M1.52588e-05 10.2089V5.35928C1.52588e-05 4.81077 0.225238 4.28573 0.623062 3.90811L4.13283 0.577057C4.50439 0.224366 4.99749 0.0273345 5.50978 0.0272522H10.4815L10.6719 0.0360413C11.114 0.0783355 11.5314 0.267269 11.8565 0.575104L15.375 3.90811C15.7737 4.2858 16 4.81105 16 5.36026V10.2079C16 10.7166 15.8062 11.2062 15.458 11.5771L11.8711 15.3964L11.7217 15.539C11.4115 15.8075 11.0263 15.9744 10.6182 16.0165L10.4131 16.0273V15.0273C10.6891 15.0272 10.9527 14.913 11.1416 14.7118L14.7285 10.8925C14.9027 10.7071 15 10.4623 15 10.2079V5.36026C15 5.0857 14.8868 4.82351 14.6875 4.63467L11.169 1.30167C10.9832 1.12575 10.7373 1.02729 10.4815 1.02725H5.50978C5.25369 1.02733 5.00705 1.12536 4.8213 1.30167L1.31154 4.6337C1.11263 4.82251 1.00002 5.08503 1.00002 5.35928V10.2089C1.00002 10.4629 1.09681 10.7081 1.27052 10.8935L4.84865 14.7108C5.03759 14.9124 5.30187 15.0271 5.57814 15.0273V16.0273L5.37306 16.0165C4.96427 15.9743 4.57797 15.8074 4.26759 15.538L4.11916 15.3954L0.541031 11.5771C0.193602 11.2064 1.52588e-05 10.7169 1.52588e-05 10.2089ZM10.4131 15.0273V16.0273H5.57814V15.0273H10.4131Z\", className: \"stroke\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M8.12886 8.67789C7.76219 8.67789 7.46219 8.37789 7.46219 8.01122V5.34455C7.46219 4.97789 7.76219 4.67789 8.12886 4.67789C8.49552 4.67789 8.79552 4.97789 8.79552 5.34455V8.01122C8.79552 8.37789 8.49552 8.67789 8.12886 8.67789ZM8.79552 11.3446H7.46219V10.0112H8.79552V11.3446Z\", className: \"icon\" }));\nexport default SvgStatusIconDanger;\n","import cx from \"classnames\";\nimport styles from \"./StatusIcon.module.scss\";\nimport type { PassThroughPropsWithRef, Size } from \"../../../types\";\n\nimport StatusIconInfoSvg from \"./svg/status-icon-info.svg\";\nimport StatusIconSuccessSvg from \"./svg/status-icon-success.svg\";\nimport StatusIconWarningSvg from \"./svg/status-icon-warning.svg\";\nimport StatusIconErrorSvg from \"./svg/status-icon-danger.svg\";\n\n/**\n * The visual variant of the StatusIcon.\n */\nexport type StatusIconVariant = \"info\" | \"success\" | \"warning\" | \"error\";\n\n/**\n * Props for the StatusIcon component\n * @property {StatusIconVariant} variant - The visual variant of the status icon\n */\nexport type StatusIconProps = {\n  /**\n   * The visual variant of the status icon.\n   */\n  variant: StatusIconVariant;\n  /**\n   * Props spread onto the root `<span>` element.\n   */\n  rootProps?: PassThroughPropsWithRef<\"span\">;\n  /**\n   * Additional class names to apply to the root `<span>` element.\n   */\n  className?: string;\n\n  /**\n   * The size of the status icon.\n   */\n  size?: Extract<Size, \"small\" | \"medium\">;\n};\n\n/**\n * StatusIcon component for displaying a status indicator icon.\n *\n * Features:\n * - Supports success, warning, and error variants\n * - Uses semantic status colors from design tokens\n * - Lightweight and composable\n *\n * @example\n * <StatusIcon variant=\"info\" />\n * <StatusIcon variant=\"success\" />\n * <StatusIcon variant=\"warning\" />\n * <StatusIcon variant=\"error\" />\n */\nexport const StatusIcon = (props: StatusIconProps) => {\n  const { variant, rootProps, className, size = \"medium\" } = props;\n\n  const statusIconClassNames = cx(\n    styles[\"status-icon\"],\n    styles[variant],\n    className,\n    rootProps?.className,\n    {\n      [styles[\"size-small\"]]: size === \"small\",\n      [styles[\"size-medium\"]]: size === \"medium\",\n    },\n  );\n\n  return (\n    <span\n      data-anv=\"status-icon\"\n      {...rootProps}\n      className={statusIconClassNames}\n    >\n      {variant === \"info\" && <StatusIconInfoSvg className={styles[\"svg\"]} />}\n      {variant === \"success\" && (\n        <StatusIconSuccessSvg className={styles[\"svg\"]} />\n      )}\n      {variant === \"warning\" && (\n        <StatusIconWarningSvg className={styles[\"svg\"]} />\n      )}\n      {variant === \"error\" && <StatusIconErrorSvg className={styles[\"svg\"]} />}\n    </span>\n  );\n};\n\nStatusIcon.displayName = \"StatusIcon\";\n"],"names":["StatusIconInfoSvg","StatusIconSuccessSvg","StatusIconWarningSvg","StatusIconErrorSvg"],"mappings":"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"}