reshaped 3.4.1 → 3.4.3

package/dist/cjs/cli/theming/index.js

@@ -28,7 +28,6 @@ const transformDefinition = (name, definition, options) => {
     if (code.media)
         fs_1.default.writeFileSync(themeMediaPath, code.media);
     const logOutput = `Compiled ${chalk_1.default.bold(name)} theme${isFragment ? " fragment" : ""}`;
-    // eslint-disable-next-line no-console
     console.log(chalk_1.default.green(logOutput));
 };
 const addThemeFragment = (name, definition, options) => {

package/dist/cjs/themes/_generator/definitions/figma.d.ts

@@ -1,3 +1,3 @@
 import type { ThemeDefinition } from "../tokens/types";
-declare const theme: ThemeDefinition;
+declare const theme: Partial<ThemeDefinition>;
 export default theme;

package/dist/cjs/themes/_generator/definitions/figma.js

@@ -101,7 +101,6 @@ const theme = {
         radiusMedium: { px: 4 },
         radiusLarge: { px: 4 },
     },
-    // @ts-ignore
     color: {
         foregroundNeutral: { hex: "#191919", hexDark: "#FFFFFF" },
         foregroundNeutralFaded: { hex: "#474747", hexDark: "#B2B2B2" },
@@ -109,20 +108,19 @@ const theme = {
         foregroundPrimary: { hex: "#007BE5", hexDark: "#7CC4F8" },
         foregroundPositive: { hex: "#009951", hexDark: "#79D297" },
         foregroundCritical: { hex: "#DC3412", hexDark: "#FCA397" },
+        foregroundWarning: { hex: "#7b6305", hexDark: "#b4920c" },
         backgroundNeutral: { hex: "#DFE2EA", hexDark: "#444444" },
         backgroundNeutralFaded: { hex: "#F5F5F5", hexDark: "#383838" },
-        backgroundNeutralHighlighted: { hex: "#D4D8E3", hexDark: "#525252" },
         backgroundDisabled: { hex: "#e4e4e4", hexDark: "#474747" },
         backgroundDisabledFaded: { hex: "#F5F5F5", hexDark: "#3A3A3A" },
         backgroundPrimary: { hex: "#0D99FF", hexDark: "#0C8CE9" },
-        backgroundPrimaryHighlighted: { hex: "#007BE5", hexDark: "#0A6DC2" },
         backgroundPrimaryFaded: { hex: "#E5F4FF", hexDark: "#394360" },
         backgroundPositive: { hex: "#14AE5C", hexDark: "#198F51" },
         backgroundPositiveFaded: { hex: "#DAECDF", hexDark: "#3d5749" },
-        backgroundPositiveHighlighted: { hex: "#009951", hexDark: "#078348" },
         backgroundCritical: { hex: "#F24822", hexDark: "#E03E1A" },
         backgroundCriticalFaded: { hex: "#FFE2E0", hexDark: "#60332A" },
-        backgroundCriticalHighlighted: { hex: "#DC3412", hexDark: "#C4381C" },
+        backgroundWarning: { hex: "#facc15", hexDark: "#f1c512" },
+        backgroundWarningFaded: { hex: "#fffae9", hexDark: "#2c271f" },
         borderNeutral: { hex: "#E6E6E6", hexDark: "#444444" },
         borderNeutralFaded: { hex: "#E6E6E6", hexDark: "#444444" },
         borderDisabled: { hex: "#E6E6E6", hexDark: "#3E3E3E" },
@@ -132,12 +130,15 @@ const theme = {
         borderPositiveFaded: { hex: "#BBDDC6", hexDark: "#086338" },
         borderCritical: { hex: "#DC3412", hexDark: "#FCA397" },
         borderCriticalFaded: { hex: "#FFC7C2", hexDark: "#803226" },
+        borderWarning: { hex: "#cfa90f", hexDark: "#b4920a" },
+        borderWarningFaded: { hex: "#ece2c4", hexDark: "#453c1e" },
         backgroundPage: { hex: "#FFFFFF", hexDark: "#2C2C2C" },
         backgroundPageFaded: { hex: "#FAFAFA", hexDark: "#1E1E1E" },
         backgroundElevationBase: { hex: "#FFFFFF", hexDark: "#2C2C2C" },
         backgroundElevationRaised: { hex: "#FFFFFF", hexDark: "#2C2C2C" },
         backgroundElevationOverlay: { hex: "#FFFFFF", hexDark: "#2C2C2C" },
         onBackgroundPrimary: { hex: "#FFFFFF" },
+        brand: { hex: "#0D99FF" },
         black: { hex: "#000000" },
         white: { hex: "#FFFFFF" },
     },

package/dist/cjs/themes/_generator/utilities/color.js

@@ -338,17 +338,17 @@ const GREEN = 0.7152;
 const BLUE = 0.0722;
 const GAMMA = 2.4;
 function luminanceWCAG(r, g, b) {
-    var a = [r, g, b].map((v) => {
+    const a = [r, g, b].map((v) => {
         v /= 255;
         return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, GAMMA);
     });
     return a[0] * RED + a[1] * GREEN + a[2] * BLUE;
 }
 function contrastWCAG(rgb1, rgb2) {
-    var lum1 = luminanceWCAG(...rgb1);
-    var lum2 = luminanceWCAG(...rgb2);
-    var brightest = Math.max(lum1, lum2);
-    var darkest = Math.min(lum1, lum2);
+    const lum1 = luminanceWCAG(...rgb1);
+    const lum2 = luminanceWCAG(...rgb2);
+    const brightest = Math.max(lum1, lum2);
+    const darkest = Math.min(lum1, lum2);
     return (brightest + 0.05) / (darkest + 0.05);
 }
 const getOnColorWCAG = (args) => {
@@ -370,7 +370,7 @@ function luminanceAPCA({ r, g, b }) {
 }
 function contrastAPCA(backgroundLuminance, textLuminance) {
     // Calculate the contrast based on APCA
-    let Lc = textLuminance - backgroundLuminance;
+    const Lc = textLuminance - backgroundLuminance;
     return Math.abs(Lc); // Return the absolute value of contrast
 }
 const getOnColorAPCA = (args) => {
@@ -385,12 +385,12 @@ const getOnColorAPCA = (args) => {
         b: (1 - bgAlpha) * baseColor.b + bgAlpha * bgColor.b,
     };
     // Calculate luminance for background and for white & black
-    let backgroundLuminance = luminanceAPCA({ r, g, b });
-    let whiteLuminance = luminanceAPCA({ r: 255, g: 255, b: 255 });
-    let blackLuminance = luminanceAPCA({ r: 0, g: 0, b: 0 });
+    const backgroundLuminance = luminanceAPCA({ r, g, b });
+    const whiteLuminance = luminanceAPCA({ r: 255, g: 255, b: 255 });
+    const blackLuminance = luminanceAPCA({ r: 0, g: 0, b: 0 });
     // Calculate contrast
-    let contrastWithWhite = contrastAPCA(backgroundLuminance, whiteLuminance);
-    let contrastWithBlack = contrastAPCA(backgroundLuminance, blackLuminance);
+    const contrastWithWhite = contrastAPCA(backgroundLuminance, whiteLuminance);
+    const contrastWithBlack = contrastAPCA(backgroundLuminance, blackLuminance);
     // Choose the color with higher contrast
     return contrastWithWhite > contrastWithBlack ? lightHexColor : darkHexColor;
 };

package/dist/cjs/themes/_generator/utilities/generateBackgroundColors.js

@@ -41,7 +41,6 @@ const generateBackgroundColors = (definition, themeOptions) => {
                 algorithm: themeOptions?.colorContrastAlgorithm,
                 ...onColorHexMap,
             });
-            // eslint-disable-next-line no-param-reassign
             definition.color[generatedForegroundName] = {
                 hex,
                 hexDark: hex !== hexDark ? hexDark : undefined,
@@ -50,7 +49,6 @@ const generateBackgroundColors = (definition, themeOptions) => {
         if (needsRGB) {
             const rgb = (0, color_1.hexToRgb)(bgToken.hex);
             const rgbDark = bgToken.hexDark && (0, color_1.hexToRgb)(bgToken.hexDark);
-            // eslint-disable-next-line no-param-reassign
             definition.color[generatedRGBName] = {
                 hex: `${rgb.r}, ${rgb.g}, ${rgb.b}`,
                 hexDark: rgbDark && `${rgbDark.r}, ${rgbDark.g}, ${rgbDark.b}`,

package/dist/cjs/themes/_generator/utilities/generateColors.js

@@ -4,7 +4,7 @@ const fn_1 = require("culori/require");
 const hexToOkHsl = (hex) => {
     const rgb = (0, fn_1.parseHex)(hex);
     if (!rgb)
-        throw new Error(`[Reshaped] Can\'t generate rgb from ${hex} color`);
+        throw new Error(`[Reshaped] Can't generate rgb from ${hex} color`);
     const lrgb = (0, fn_1.convertRgbToLrgb)(rgb);
     const oklab = (0, fn_1.convertLrgbToOklab)(lrgb);
     const okhsl = (0, fn_1.convertOklabToOkhsl)(oklab);

package/dist/cjs/themes/_generator/utilities/generateUnits.js

@@ -7,7 +7,6 @@ const generateUnits = (definition) => {
         return;
     for (let i = 1; i <= 10; i += 1) {
         const generatedName = `x${i}`;
-        // eslint-disable-next-line no-param-reassign
         definition.unit[generatedName] = {
             px: baseValue * i,
         };

package/dist/cjs/themes/_generator/utilities/mergeDeep.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const isObject = (item) => {
-    return item && typeof item === "object" && !Array.isArray(item);
+    return !!item && typeof item === "object" && !Array.isArray(item);
 };
 const mergeDeep = (target, ...sources) => {
     if (!sources.length)

package/dist/cjs/themes/_generator/utilities/resolveTokenReference.js

@@ -6,6 +6,8 @@ const resolveTokenReference = (theme, tokenType, ref) => {
     Object.keys(tokenGroup).forEach((tokenName) => {
         if (referencedToken)
             return;
+        // Relaxed runtime group resolving
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (tokenName === ref)
             referencedToken = tokenGroup[tokenName];
     });

package/dist/cjs/themes/figma/tailwind.css

@@ -1 +1 @@
-@theme{--background-color-primary:var(--rs-color-background-primary);--background-color-primary-faded:var(--rs-color-background-primary-faded);--border-color-primary:var(--rs-color-border-primary);--border-color-primary-faded:var(--rs-color-border-primary-faded);--text-color-primary:var(--rs-color-foreground-primary);--background-color-critical:var(--rs-color-background-critical);--background-color-critical-faded:var(--rs-color-background-critical-faded);--border-color-critical:var(--rs-color-border-critical);--border-color-critical-faded:var(--rs-color-border-critical-faded);--text-color-critical:var(--rs-color-foreground-critical);--background-color-warning:var(--rs-color-background-warning);--background-color-warning-faded:var(--rs-color-background-warning-faded);--border-color-warning:var(--rs-color-border-warning);--border-color-warning-faded:var(--rs-color-border-warning-faded);--text-color-warning:var(--rs-color-foreground-warning);--background-color-positive:var(--rs-color-background-positive);--background-color-positive-faded:var(--rs-color-background-positive-faded);--border-color-positive:var(--rs-color-border-positive);--border-color-positive-faded:var(--rs-color-border-positive-faded);--text-color-positive:var(--rs-color-foreground-positive);--background-color-neutral:var(--rs-color-background-neutral);--background-color-neutral-faded:var(--rs-color-background-neutral-faded);--border-color-neutral:var(--rs-color-border-neutral);--border-color-neutral-faded:var(--rs-color-border-neutral-faded);--text-color-neutral:var(--rs-color-foreground-neutral);--text-color-neutral-faded:var(--rs-color-foreground-neutral-faded);--background-color-disabled:var(--rs-color-background-disabled);--background-color-disabled-faded:var(--rs-color-background-disabled-faded);--border-color-disabled:var(--rs-color-border-disabled);--text-color-disabled:var(--rs-color-foreground-disabled);--background-color-elevation-base:var(--rs-color-background-elevation-base);--background-color-elevation-raised:var(--rs-color-background-elevation-raised);--background-color-elevation-overlay:var(--rs-color-background-elevation-overlay);--background-color-page:var(--rs-color-background-page);--background-color-page-faded:var(--rs-color-background-page-faded);--color-brand:var(--rs-color-brand);--color-white:var(--rs-color-white);--color-black:var(--rs-color-black);--background-color-neutral-highlighted:var(--rs-color-background-neutral-highlighted);--background-color-primary-highlighted:var(--rs-color-background-primary-highlighted);--background-color-positive-highlighted:var(--rs-color-background-positive-highlighted);--background-color-critical-highlighted:var(--rs-color-background-critical-highlighted);--text-color-on-primary:var(--rs-color-on-background-primary);--text-color-on-critical:var(--rs-color-on-background-critical);--text-color-on-warning:var(--rs-color-on-background-warning);--text-color-on-positive:var(--rs-color-on-background-positive);--text-color-on-neutral:var(--rs-color-on-background-neutral);--text-color-on-brand:var(--rs-color-on-brand);--radius-small:var(--rs-radius-small);--radius-medium:var(--rs-radius-medium);--radius-large:var(--rs-radius-large);--spacing-0:0px;--spacing-x1:var(--rs-unit-x1);--spacing-x2:var(--rs-unit-x2);--spacing-x3:var(--rs-unit-x3);--spacing-x4:var(--rs-unit-x4);--spacing-x5:var(--rs-unit-x5);--spacing-x6:var(--rs-unit-x6);--spacing-x7:var(--rs-unit-x7);--spacing-x8:var(--rs-unit-x8);--spacing-x9:var(--rs-unit-x9);--spacing-x10:var(--rs-unit-x10);--shadow-raised:var(--rs-shadow-raised);--shadow-overlay:var(--rs-shadow-overlay);--breakpoint-m:660px;--breakpoint-l:900px;--breakpoint-xl:1280px}
+@theme{--background-color-primary:var(--rs-color-background-primary);--background-color-primary-faded:var(--rs-color-background-primary-faded);--border-color-primary:var(--rs-color-border-primary);--border-color-primary-faded:var(--rs-color-border-primary-faded);--text-color-primary:var(--rs-color-foreground-primary);--background-color-critical:var(--rs-color-background-critical);--background-color-critical-faded:var(--rs-color-background-critical-faded);--border-color-critical:var(--rs-color-border-critical);--border-color-critical-faded:var(--rs-color-border-critical-faded);--text-color-critical:var(--rs-color-foreground-critical);--background-color-warning:var(--rs-color-background-warning);--background-color-warning-faded:var(--rs-color-background-warning-faded);--border-color-warning:var(--rs-color-border-warning);--border-color-warning-faded:var(--rs-color-border-warning-faded);--text-color-warning:var(--rs-color-foreground-warning);--background-color-positive:var(--rs-color-background-positive);--background-color-positive-faded:var(--rs-color-background-positive-faded);--border-color-positive:var(--rs-color-border-positive);--border-color-positive-faded:var(--rs-color-border-positive-faded);--text-color-positive:var(--rs-color-foreground-positive);--background-color-neutral:var(--rs-color-background-neutral);--background-color-neutral-faded:var(--rs-color-background-neutral-faded);--border-color-neutral:var(--rs-color-border-neutral);--border-color-neutral-faded:var(--rs-color-border-neutral-faded);--text-color-neutral:var(--rs-color-foreground-neutral);--text-color-neutral-faded:var(--rs-color-foreground-neutral-faded);--background-color-disabled:var(--rs-color-background-disabled);--background-color-disabled-faded:var(--rs-color-background-disabled-faded);--border-color-disabled:var(--rs-color-border-disabled);--text-color-disabled:var(--rs-color-foreground-disabled);--background-color-elevation-base:var(--rs-color-background-elevation-base);--background-color-elevation-raised:var(--rs-color-background-elevation-raised);--background-color-elevation-overlay:var(--rs-color-background-elevation-overlay);--background-color-page:var(--rs-color-background-page);--background-color-page-faded:var(--rs-color-background-page-faded);--color-brand:var(--rs-color-brand);--color-white:var(--rs-color-white);--color-black:var(--rs-color-black);--text-color-on-primary:var(--rs-color-on-background-primary);--text-color-on-critical:var(--rs-color-on-background-critical);--text-color-on-warning:var(--rs-color-on-background-warning);--text-color-on-positive:var(--rs-color-on-background-positive);--text-color-on-neutral:var(--rs-color-on-background-neutral);--text-color-on-brand:var(--rs-color-on-brand);--radius-small:var(--rs-radius-small);--radius-medium:var(--rs-radius-medium);--radius-large:var(--rs-radius-large);--spacing-0:0px;--spacing-x1:var(--rs-unit-x1);--spacing-x2:var(--rs-unit-x2);--spacing-x3:var(--rs-unit-x3);--spacing-x4:var(--rs-unit-x4);--spacing-x5:var(--rs-unit-x5);--spacing-x6:var(--rs-unit-x6);--spacing-x7:var(--rs-unit-x7);--spacing-x8:var(--rs-unit-x8);--spacing-x9:var(--rs-unit-x9);--spacing-x10:var(--rs-unit-x10);--shadow-raised:var(--rs-shadow-raised);--shadow-overlay:var(--rs-shadow-overlay);--breakpoint-m:660px;--breakpoint-l:900px;--breakpoint-xl:1280px}

package/dist/cjs/themes/figma/theme.css

@@ -1 +1 @@
-[data-rs-theme=figma]{--rs-font-family-title:Inter,BlinkMacSystemFont,-apple-system,Roboto,Helvetica,Arial,sans-serif;--rs-font-family-body:Inter,BlinkMacSystemFont,-apple-system,Roboto,Helvetica,Arial,sans-serif;--rs-font-weight-regular:400;--rs-font-weight-medium:500;--rs-font-weight-semibold:600;--rs-font-weight-bold:700;--rs-font-weight-extrabold:800;--rs-font-weight-black:900;--rs-font-size-title-1:5rem;--rs-line-height-title-1:5.25rem;--rs-font-family-title-1:var(--rs-font-family-title);--rs-font-weight-title-1:var(--rs-font-weight-semibold);--rs-letter-spacing-title-1:normal;--rs-font-size-title-2:4rem;--rs-line-height-title-2:4.25rem;--rs-font-family-title-2:var(--rs-font-family-title);--rs-font-weight-title-2:var(--rs-font-weight-semibold);--rs-letter-spacing-title-2:normal;--rs-font-size-title-3:3.5rem;--rs-line-height-title-3:3.75rem;--rs-font-family-title-3:var(--rs-font-family-title);--rs-font-weight-title-3:var(--rs-font-weight-semibold);--rs-letter-spacing-title-3:normal;--rs-font-size-title-4:2.5rem;--rs-line-height-title-4:2.75rem;--rs-font-family-title-4:var(--rs-font-family-title);--rs-font-weight-title-4:var(--rs-font-weight-semibold);--rs-letter-spacing-title-4:normal;--rs-font-size-title-5:2.25rem;--rs-line-height-title-5:2.5rem;--rs-font-family-title-5:var(--rs-font-family-title);--rs-font-weight-title-5:var(--rs-font-weight-semibold);--rs-letter-spacing-title-5:normal;--rs-font-size-title-6:1.5rem;--rs-line-height-title-6:1.75rem;--rs-font-family-title-6:var(--rs-font-family-title);--rs-font-weight-title-6:var(--rs-font-weight-semibold);--rs-letter-spacing-title-6:normal;--rs-font-size-featured-1:1.375rem;--rs-line-height-featured-1:1.75rem;--rs-font-family-featured-1:var(--rs-font-family-body);--rs-letter-spacing-featured-1:normal;--rs-font-size-featured-2:1.25rem;--rs-line-height-featured-2:1.75rem;--rs-font-family-featured-2:var(--rs-font-family-body);--rs-letter-spacing-featured-2:normal;--rs-font-size-featured-3:1.125rem;--rs-line-height-featured-3:1.5rem;--rs-font-family-featured-3:var(--rs-font-family-body);--rs-letter-spacing-featured-3:normal;--rs-font-size-body-1:0.875rem;--rs-line-height-body-1:1.25rem;--rs-font-family-body-1:var(--rs-font-family-body);--rs-letter-spacing-body-1:normal;--rs-font-size-body-2:0.8125rem;--rs-line-height-body-2:1.25rem;--rs-font-family-body-2:var(--rs-font-family-body);--rs-letter-spacing-body-2:normal;--rs-font-size-body-3:0.6875rem;--rs-line-height-body-3:1rem;--rs-font-family-body-3:var(--rs-font-family-body);--rs-letter-spacing-body-3:normal;--rs-font-size-caption-1:0.6875rem;--rs-line-height-caption-1:1rem;--rs-font-family-caption-1:var(--rs-font-family-body);--rs-letter-spacing-caption-1:normal;--rs-font-size-caption-2:0.625rem;--rs-line-height-caption-2:0.75rem;--rs-font-family-caption-2:var(--rs-font-family-body);--rs-letter-spacing-caption-2:normal;--rs-unit-base:4px;--rs-unit-radius-small:4px;--rs-unit-radius-medium:4px;--rs-unit-radius-large:4px;--rs-unit-x1:4px;--rs-unit-x2:8px;--rs-unit-x3:12px;--rs-unit-x4:16px;--rs-unit-x5:20px;--rs-unit-x6:24px;--rs-unit-x7:28px;--rs-unit-x8:32px;--rs-unit-x9:36px;--rs-unit-x10:40px;--rs-radius-small:4px;--rs-radius-medium:8px;--rs-radius-large:12px;--rs-color-brand:#5a58f2;--rs-color-white:#fff;--rs-color-black:#000;--rs-color-on-background-primary:#fff;--rs-color-on-background-critical:#000;--rs-color-on-background-warning:#000;--rs-color-on-background-positive:#000;--rs-color-on-brand:#fff;--rs-color-rgb-white:255,255,255;--rs-color-rgb-black:0,0,0;--rs-duration-rapid:100ms;--rs-duration-fast:200ms;--rs-duration-medium:300ms;--rs-duration-slow:400ms;--rs-easing-standard:cubic-bezier(0.4,0,0.2,1);--rs-easing-accelerate:cubic-bezier(0.4,0,1,1);--rs-easing-decelerate:cubic-bezier(0,0,0.2,1);--rs-shadow-raised:0px 1px 3px 0px rgba(0,0,0,.15);--rs-shadow-overlay:0px 10px 24px 0px rgba(0,0,0,.1),0px 2px 5px 0px rgba(0,0,0,.04);--rs-viewport-m-min:660;--rs-viewport-l-min:900;--rs-viewport-xl-min:1280}[data-rs-theme=figma][data-rs-color-mode=light]{--rs-color-background-primary:#0d99ff;--rs-color-background-primary-faded:#e5f4ff;--rs-color-border-primary:#007be5;--rs-color-border-primary-faded:#bde3ff;--rs-color-foreground-primary:#007be5;--rs-color-background-critical:#f24822;--rs-color-background-critical-faded:#ffe2e0;--rs-color-border-critical:#dc3412;--rs-color-border-critical-faded:#ffc7c2;--rs-color-foreground-critical:#dc3412;--rs-color-background-warning:#facc15;--rs-color-background-warning-faded:#fffae9;--rs-color-border-warning:#cfa90f;--rs-color-border-warning-faded:#ece2c4;--rs-color-foreground-warning:#7b6305;--rs-color-background-positive:#14ae5c;--rs-color-background-positive-faded:#daecdf;--rs-color-border-positive:#009951;--rs-color-border-positive-faded:#bbddc6;--rs-color-foreground-positive:#009951;--rs-color-background-neutral:#dfe2ea;--rs-color-background-neutral-faded:#f5f5f5;--rs-color-border-neutral:#e6e6e6;--rs-color-border-neutral-faded:#e6e6e6;--rs-color-foreground-neutral:#191919;--rs-color-foreground-neutral-faded:#474747;--rs-color-background-disabled:#e4e4e4;--rs-color-background-disabled-faded:#f5f5f5;--rs-color-border-disabled:#e6e6e6;--rs-color-foreground-disabled:#b2b2b2;--rs-color-background-elevation-base:#fff;--rs-color-background-elevation-raised:#fff;--rs-color-background-elevation-overlay:#fff;--rs-color-background-page:#fff;--rs-color-background-page-faded:#fafafa;--rs-color-background-neutral-highlighted:#d4d8e3;--rs-color-background-primary-highlighted:#007be5;--rs-color-background-positive-highlighted:#009951;--rs-color-background-critical-highlighted:#dc3412;--rs-color-rgb-background-primary:13,153,255;--rs-color-rgb-background-primary-faded:229,244,255;--rs-color-rgb-background-critical:242,72,34;--rs-color-rgb-background-critical-faded:255,226,224;--rs-color-rgb-background-warning:250,204,21;--rs-color-rgb-background-warning-faded:255,250,233;--rs-color-rgb-background-positive:20,174,92;--rs-color-rgb-background-positive-faded:218,236,223;--rs-color-on-background-neutral:#000;--rs-color-rgb-background-neutral:223,226,234;--rs-color-rgb-background-neutral-faded:245,245,245;--rs-color-rgb-background-disabled:228,228,228;--rs-color-rgb-background-disabled-faded:245,245,245;--rs-color-rgb-background-elevation-base:255,255,255;--rs-color-rgb-background-elevation-raised:255,255,255;--rs-color-rgb-background-elevation-overlay:255,255,255;--rs-color-rgb-background-page:255,255,255;--rs-color-rgb-background-page-faded:250,250,250;--rs-color-rgb-background-neutral-highlighted:212,216,227;--rs-color-rgb-background-primary-highlighted:0,123,229;--rs-color-rgb-background-positive-highlighted:0,153,81;--rs-color-rgb-background-critical-highlighted:220,52,18}[data-rs-theme=figma][data-rs-color-mode=dark]{--rs-color-background-primary:#0c8ce9;--rs-color-background-primary-faded:#394360;--rs-color-border-primary:#7cc4f8;--rs-color-border-primary-faded:#2a4d72;--rs-color-foreground-primary:#7cc4f8;--rs-color-background-critical:#e03e1a;--rs-color-background-critical-faded:#60332a;--rs-color-border-critical:#fca397;--rs-color-border-critical-faded:#803226;--rs-color-foreground-critical:#fca397;--rs-color-background-warning:#f1c512;--rs-color-background-warning-faded:#2c271f;--rs-color-border-warning:#b4920a;--rs-color-border-warning-faded:#453c1e;--rs-color-foreground-warning:#b4920c;--rs-color-background-positive:#198f51;--rs-color-background-positive-faded:#3d5749;--rs-color-border-positive:#79d297;--rs-color-border-positive-faded:#086338;--rs-color-foreground-positive:#79d297;--rs-color-background-neutral:#444;--rs-color-background-neutral-faded:#383838;--rs-color-border-neutral:#444;--rs-color-border-neutral-faded:#444;--rs-color-foreground-neutral:#fff;--rs-color-foreground-neutral-faded:#b2b2b2;--rs-color-background-disabled:#474747;--rs-color-background-disabled-faded:#3a3a3a;--rs-color-border-disabled:#3e3e3e;--rs-color-foreground-disabled:#656565;--rs-color-background-elevation-base:#2c2c2c;--rs-color-background-elevation-raised:#2c2c2c;--rs-color-background-elevation-overlay:#2c2c2c;--rs-color-background-page:#2c2c2c;--rs-color-background-page-faded:#1e1e1e;--rs-color-background-neutral-highlighted:#525252;--rs-color-background-primary-highlighted:#0a6dc2;--rs-color-background-positive-highlighted:#078348;--rs-color-background-critical-highlighted:#c4381c;--rs-color-rgb-background-primary:12,140,233;--rs-color-rgb-background-primary-faded:57,67,96;--rs-color-rgb-background-critical:224,62,26;--rs-color-rgb-background-critical-faded:96,51,42;--rs-color-rgb-background-warning:241,197,18;--rs-color-rgb-background-warning-faded:44,39,31;--rs-color-rgb-background-positive:25,143,81;--rs-color-rgb-background-positive-faded:61,87,73;--rs-color-on-background-neutral:#fff;--rs-color-rgb-background-neutral:68,68,68;--rs-color-rgb-background-neutral-faded:56,56,56;--rs-color-rgb-background-disabled:71,71,71;--rs-color-rgb-background-disabled-faded:58,58,58;--rs-color-rgb-background-elevation-base:44,44,44;--rs-color-rgb-background-elevation-raised:44,44,44;--rs-color-rgb-background-elevation-overlay:44,44,44;--rs-color-rgb-background-page:44,44,44;--rs-color-rgb-background-page-faded:30,30,30;--rs-color-rgb-background-neutral-highlighted:82,82,82;--rs-color-rgb-background-primary-highlighted:10,109,194;--rs-color-rgb-background-positive-highlighted:7,131,72;--rs-color-rgb-background-critical-highlighted:196,56,28}
+[data-rs-theme=figma]{--rs-font-family-title:Inter,BlinkMacSystemFont,-apple-system,Roboto,Helvetica,Arial,sans-serif;--rs-font-family-body:Inter,BlinkMacSystemFont,-apple-system,Roboto,Helvetica,Arial,sans-serif;--rs-font-weight-regular:400;--rs-font-weight-medium:500;--rs-font-weight-semibold:600;--rs-font-weight-bold:700;--rs-font-weight-extrabold:800;--rs-font-weight-black:900;--rs-font-size-title-1:5rem;--rs-line-height-title-1:5.25rem;--rs-font-family-title-1:var(--rs-font-family-title);--rs-font-weight-title-1:var(--rs-font-weight-semibold);--rs-letter-spacing-title-1:normal;--rs-font-size-title-2:4rem;--rs-line-height-title-2:4.25rem;--rs-font-family-title-2:var(--rs-font-family-title);--rs-font-weight-title-2:var(--rs-font-weight-semibold);--rs-letter-spacing-title-2:normal;--rs-font-size-title-3:3.5rem;--rs-line-height-title-3:3.75rem;--rs-font-family-title-3:var(--rs-font-family-title);--rs-font-weight-title-3:var(--rs-font-weight-semibold);--rs-letter-spacing-title-3:normal;--rs-font-size-title-4:2.5rem;--rs-line-height-title-4:2.75rem;--rs-font-family-title-4:var(--rs-font-family-title);--rs-font-weight-title-4:var(--rs-font-weight-semibold);--rs-letter-spacing-title-4:normal;--rs-font-size-title-5:2.25rem;--rs-line-height-title-5:2.5rem;--rs-font-family-title-5:var(--rs-font-family-title);--rs-font-weight-title-5:var(--rs-font-weight-semibold);--rs-letter-spacing-title-5:normal;--rs-font-size-title-6:1.5rem;--rs-line-height-title-6:1.75rem;--rs-font-family-title-6:var(--rs-font-family-title);--rs-font-weight-title-6:var(--rs-font-weight-semibold);--rs-letter-spacing-title-6:normal;--rs-font-size-featured-1:1.375rem;--rs-line-height-featured-1:1.75rem;--rs-font-family-featured-1:var(--rs-font-family-body);--rs-letter-spacing-featured-1:normal;--rs-font-size-featured-2:1.25rem;--rs-line-height-featured-2:1.75rem;--rs-font-family-featured-2:var(--rs-font-family-body);--rs-letter-spacing-featured-2:normal;--rs-font-size-featured-3:1.125rem;--rs-line-height-featured-3:1.5rem;--rs-font-family-featured-3:var(--rs-font-family-body);--rs-letter-spacing-featured-3:normal;--rs-font-size-body-1:0.875rem;--rs-line-height-body-1:1.25rem;--rs-font-family-body-1:var(--rs-font-family-body);--rs-letter-spacing-body-1:normal;--rs-font-size-body-2:0.8125rem;--rs-line-height-body-2:1.25rem;--rs-font-family-body-2:var(--rs-font-family-body);--rs-letter-spacing-body-2:normal;--rs-font-size-body-3:0.6875rem;--rs-line-height-body-3:1rem;--rs-font-family-body-3:var(--rs-font-family-body);--rs-letter-spacing-body-3:normal;--rs-font-size-caption-1:0.6875rem;--rs-line-height-caption-1:1rem;--rs-font-family-caption-1:var(--rs-font-family-body);--rs-letter-spacing-caption-1:normal;--rs-font-size-caption-2:0.625rem;--rs-line-height-caption-2:0.75rem;--rs-font-family-caption-2:var(--rs-font-family-body);--rs-letter-spacing-caption-2:normal;--rs-unit-base:4px;--rs-unit-radius-small:4px;--rs-unit-radius-medium:4px;--rs-unit-radius-large:4px;--rs-unit-x1:4px;--rs-unit-x2:8px;--rs-unit-x3:12px;--rs-unit-x4:16px;--rs-unit-x5:20px;--rs-unit-x6:24px;--rs-unit-x7:28px;--rs-unit-x8:32px;--rs-unit-x9:36px;--rs-unit-x10:40px;--rs-radius-small:4px;--rs-radius-medium:8px;--rs-radius-large:12px;--rs-color-brand:#0d99ff;--rs-color-white:#fff;--rs-color-black:#000;--rs-color-on-background-primary:#fff;--rs-color-on-background-critical:#000;--rs-color-on-background-warning:#000;--rs-color-on-background-positive:#000;--rs-color-on-brand:#000;--rs-color-rgb-white:255,255,255;--rs-color-rgb-black:0,0,0;--rs-duration-rapid:100ms;--rs-duration-fast:200ms;--rs-duration-medium:300ms;--rs-duration-slow:400ms;--rs-easing-standard:cubic-bezier(0.4,0,0.2,1);--rs-easing-accelerate:cubic-bezier(0.4,0,1,1);--rs-easing-decelerate:cubic-bezier(0,0,0.2,1);--rs-shadow-raised:0px 1px 3px 0px rgba(0,0,0,.15);--rs-shadow-overlay:0px 10px 24px 0px rgba(0,0,0,.1),0px 2px 5px 0px rgba(0,0,0,.04);--rs-viewport-m-min:660;--rs-viewport-l-min:900;--rs-viewport-xl-min:1280}[data-rs-theme=figma][data-rs-color-mode=light]{--rs-color-background-primary:#0d99ff;--rs-color-background-primary-faded:#e5f4ff;--rs-color-border-primary:#007be5;--rs-color-border-primary-faded:#bde3ff;--rs-color-foreground-primary:#007be5;--rs-color-background-critical:#f24822;--rs-color-background-critical-faded:#ffe2e0;--rs-color-border-critical:#dc3412;--rs-color-border-critical-faded:#ffc7c2;--rs-color-foreground-critical:#dc3412;--rs-color-background-warning:#facc15;--rs-color-background-warning-faded:#fffae9;--rs-color-border-warning:#cfa90f;--rs-color-border-warning-faded:#ece2c4;--rs-color-foreground-warning:#7b6305;--rs-color-background-positive:#14ae5c;--rs-color-background-positive-faded:#daecdf;--rs-color-border-positive:#009951;--rs-color-border-positive-faded:#bbddc6;--rs-color-foreground-positive:#009951;--rs-color-background-neutral:#dfe2ea;--rs-color-background-neutral-faded:#f5f5f5;--rs-color-border-neutral:#e6e6e6;--rs-color-border-neutral-faded:#e6e6e6;--rs-color-foreground-neutral:#191919;--rs-color-foreground-neutral-faded:#474747;--rs-color-background-disabled:#e4e4e4;--rs-color-background-disabled-faded:#f5f5f5;--rs-color-border-disabled:#e6e6e6;--rs-color-foreground-disabled:#b2b2b2;--rs-color-background-elevation-base:#fff;--rs-color-background-elevation-raised:#fff;--rs-color-background-elevation-overlay:#fff;--rs-color-background-page:#fff;--rs-color-background-page-faded:#fafafa;--rs-color-rgb-background-primary:13,153,255;--rs-color-rgb-background-primary-faded:229,244,255;--rs-color-rgb-background-critical:242,72,34;--rs-color-rgb-background-critical-faded:255,226,224;--rs-color-rgb-background-warning:250,204,21;--rs-color-rgb-background-warning-faded:255,250,233;--rs-color-rgb-background-positive:20,174,92;--rs-color-rgb-background-positive-faded:218,236,223;--rs-color-on-background-neutral:#000;--rs-color-rgb-background-neutral:223,226,234;--rs-color-rgb-background-neutral-faded:245,245,245;--rs-color-rgb-background-disabled:228,228,228;--rs-color-rgb-background-disabled-faded:245,245,245;--rs-color-rgb-background-elevation-base:255,255,255;--rs-color-rgb-background-elevation-raised:255,255,255;--rs-color-rgb-background-elevation-overlay:255,255,255;--rs-color-rgb-background-page:255,255,255;--rs-color-rgb-background-page-faded:250,250,250}[data-rs-theme=figma][data-rs-color-mode=dark]{--rs-color-background-primary:#0c8ce9;--rs-color-background-primary-faded:#394360;--rs-color-border-primary:#7cc4f8;--rs-color-border-primary-faded:#2a4d72;--rs-color-foreground-primary:#7cc4f8;--rs-color-background-critical:#e03e1a;--rs-color-background-critical-faded:#60332a;--rs-color-border-critical:#fca397;--rs-color-border-critical-faded:#803226;--rs-color-foreground-critical:#fca397;--rs-color-background-warning:#f1c512;--rs-color-background-warning-faded:#2c271f;--rs-color-border-warning:#b4920a;--rs-color-border-warning-faded:#453c1e;--rs-color-foreground-warning:#b4920c;--rs-color-background-positive:#198f51;--rs-color-background-positive-faded:#3d5749;--rs-color-border-positive:#79d297;--rs-color-border-positive-faded:#086338;--rs-color-foreground-positive:#79d297;--rs-color-background-neutral:#444;--rs-color-background-neutral-faded:#383838;--rs-color-border-neutral:#444;--rs-color-border-neutral-faded:#444;--rs-color-foreground-neutral:#fff;--rs-color-foreground-neutral-faded:#b2b2b2;--rs-color-background-disabled:#474747;--rs-color-background-disabled-faded:#3a3a3a;--rs-color-border-disabled:#3e3e3e;--rs-color-foreground-disabled:#656565;--rs-color-background-elevation-base:#2c2c2c;--rs-color-background-elevation-raised:#2c2c2c;--rs-color-background-elevation-overlay:#2c2c2c;--rs-color-background-page:#2c2c2c;--rs-color-background-page-faded:#1e1e1e;--rs-color-rgb-background-primary:12,140,233;--rs-color-rgb-background-primary-faded:57,67,96;--rs-color-rgb-background-critical:224,62,26;--rs-color-rgb-background-critical-faded:96,51,42;--rs-color-rgb-background-warning:241,197,18;--rs-color-rgb-background-warning-faded:44,39,31;--rs-color-rgb-background-positive:25,143,81;--rs-color-rgb-background-positive-faded:61,87,73;--rs-color-on-background-neutral:#fff;--rs-color-rgb-background-neutral:68,68,68;--rs-color-rgb-background-neutral-faded:56,56,56;--rs-color-rgb-background-disabled:71,71,71;--rs-color-rgb-background-disabled-faded:58,58,58;--rs-color-rgb-background-elevation-base:44,44,44;--rs-color-rgb-background-elevation-raised:44,44,44;--rs-color-rgb-background-elevation-overlay:44,44,44;--rs-color-rgb-background-page:44,44,44;--rs-color-rgb-background-page-faded:30,30,30}

package/dist/cli/theming/index.js

@@ -22,7 +22,6 @@ const transformDefinition = (name, definition, options) => {
     if (code.media)
         fs.writeFileSync(themeMediaPath, code.media);
     const logOutput = `Compiled ${chalk.bold(name)} theme${isFragment ? " fragment" : ""}`;
-    // eslint-disable-next-line no-console
     console.log(chalk.green(logOutput));
 };
 export const addThemeFragment = (name, definition, options) => {

package/dist/components/Accordion/Accordion.d.ts

@@ -1,7 +1,14 @@
 import * as T from "./Accordion.types";
 declare const Accordion: {
     (props: T.Props): import("react/jsx-runtime").JSX.Element;
-    Trigger: (props: T.TriggerProps) => import("react/jsx-runtime").JSX.Element;
-    Content: (props: T.ContentProps) => import("react/jsx-runtime").JSX.Element;
+    Trigger: {
+        (props: T.TriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        (props: T.ContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    displayName: string;
 };
 export default Accordion;

package/dist/components/Accordion/Accordion.js

@@ -11,4 +11,5 @@ const Accordion = (props) => {
 };
 Accordion.Trigger = AccordionTrigger;
 Accordion.Content = AccordionContent;
+Accordion.displayName = "Accordion";
 export default Accordion;

package/dist/components/Accordion/AccordionContent.d.ts

@@ -1,3 +1,6 @@
 import type * as T from "./Accordion.types";
-declare const AccordionContent: (props: T.ContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionContent: {
+    (props: T.ContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default AccordionContent;

package/dist/components/Accordion/AccordionContent.js

@@ -8,4 +8,5 @@ const AccordionContent = (props) => {
     const { active, triggerId, contentId } = React.useContext(AccordionContext);
     return (_jsx(Expandable, { active: active, attributes: { "aria-labelledby": triggerId, id: contentId }, children: children }));
 };
+AccordionContent.displayName = "Accordion.Content";
 export default AccordionContent;

package/dist/components/Accordion/AccordionControlled.d.ts

@@ -1,3 +1,6 @@
 import * as T from "./Accordion.types";
-declare const AccordionControlled: (props: T.ControlledProps) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionControlled: {
+    (props: T.ControlledProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default AccordionControlled;

package/dist/components/Accordion/AccordionControlled.js

@@ -20,4 +20,5 @@ const AccordionControlled = (props) => {
     [active]);
     return (_jsx("div", { ...attributes, className: rootClassNames, children: _jsx(AccordionContext.Provider, { value: value, children: children }) }));
 };
+AccordionControlled.displayName = "AccordionControlled";
 export default AccordionControlled;

package/dist/components/Accordion/AccordionTrigger.d.ts

@@ -1,3 +1,6 @@
 import * as T from "./Accordion.types";
-declare const AccordionTrigger: (props: T.TriggerProps) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionTrigger: {
+    (props: T.TriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default AccordionTrigger;

package/dist/components/Accordion/AccordionTrigger.js

@@ -21,4 +21,5 @@ const AccordionTrigger = (props) => {
     }
     return (_jsx(Actionable, { onClick: handleClick, fullWidth: true, attributes: attributes, children: _jsxs(View, { gap: 2, direction: iconPosition === "start" ? "row-reverse" : "row", align: "center", children: [_jsx(View.Item, { grow: true, children: children }), _jsx(Icon, { size: iconSize || 4, svg: IconChevronDown, className: iconClassNames })] }) }));
 };
+AccordionTrigger.displayName = "Accordion.Trigger";
 export default AccordionTrigger;

package/dist/components/Accordion/AccordionUncontrolled.d.ts

@@ -1,3 +1,6 @@
 import * as T from "./Accordion.types";
-declare const AccordionUncontrolled: (props: T.UncontrolledProps) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionUncontrolled: {
+    (props: T.UncontrolledProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default AccordionUncontrolled;

package/dist/components/Accordion/AccordionUncontrolled.js

@@ -11,4 +11,5 @@ const AccordionUncontrolled = (props) => {
     };
     return _jsx(AccordionControlled, { ...controlledProps, onToggle: handleToggle, active: active });
 };
+AccordionUncontrolled.displayName = "AccordionUncontrolled";
 export default AccordionUncontrolled;

package/dist/components/Accordion/tests/Accordion.stories.d.ts

@@ -4,8 +4,15 @@ declare const _default: {
     title: string;
     component: {
         (props: import("./..").AccordionProps): import("react").JSX.Element;
-        Trigger: (props: import("../Accordion.types").TriggerProps) => import("react").JSX.Element;
-        Content: (props: import("../Accordion.types").ContentProps) => import("react").JSX.Element;
+        Trigger: {
+            (props: import("../Accordion.types").TriggerProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        Content: {
+            (props: import("../Accordion.types").ContentProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        displayName: string;
     };
     parameters: {
         iframe: {

package/dist/components/Accordion/tests/Accordion.stories.js

@@ -4,7 +4,7 @@ import Accordion from "../index.js";
 import Button from "../../Button/index.js";
 import View from "../../View/index.js";
 export default {
-    title: "Utilities/Accordion",
+    title: "Utility components/Accordion",
     component: Accordion,
     parameters: {
         iframe: {

package/dist/components/ActionBar/ActionBar.d.ts

@@ -1,3 +1,6 @@
 import type * as T from "./ActionBar.types";
-declare const ActionBar: (props: T.Props) => import("react/jsx-runtime").JSX.Element;
+declare const ActionBar: {
+    (props: T.Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default ActionBar;

package/dist/components/ActionBar/ActionBar.js

@@ -7,4 +7,5 @@ const ActionBar = (props) => {
     const rootClassNames = classNames(s.root, elevated && s["--elevated"], position && s[`--position-${position}`], className);
     return (_jsx(View, { className: rootClassNames, attributes: attributes, paddingBlock: padding || paddingBlock, paddingInline: padding || paddingInline, children: children }));
 };
+ActionBar.displayName = "ActionBar";
 export default ActionBar;

package/dist/components/ActionBar/tests/ActionBar.stories.d.ts

@@ -1,6 +1,9 @@
 declare const _default: {
     title: string;
-    component: (props: import("./..").ActionBarProps) => import("react").JSX.Element;
+    component: {
+        (props: import("./..").ActionBarProps): import("react").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/ActionBar/tests/ActionBar.test.stories.d.ts

@@ -1,7 +1,10 @@
 import { StoryObj } from "@storybook/react";
 declare const _default: {
     title: string;
-    component: (props: import("./..").ActionBarProps) => import("react").JSX.Element;
+    component: {
+        (props: import("./..").ActionBarProps): import("react").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/Actionable/Actionable.js

@@ -15,6 +15,8 @@ const Actionable = forwardRef((props, ref) => {
     // To make sure it doesn't render a span
     const isButton = Boolean(hasClickHandler || hasFocusHandler || type || attributes?.ref);
     const renderedAsButton = !isLink && isButton && (!as || as === "button");
+    // Using any here to let TS save on type resolving, otherwise TS throws an error due to the type complexity
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     let TagName;
     if (isLink) {
         TagName = "a";
@@ -57,4 +59,5 @@ const Actionable = forwardRef((props, ref) => {
     };
     return (_jsx(TagName, { ref: ref, ...rootAttributes, "aria-disabled": disabled ? true : undefined, className: rootClassNames, onClick: handlePress, onKeyDown: handleKeyDown, children: children }));
 });
+Actionable.displayName = "Actionable";
 export default Actionable;

package/dist/components/Actionable/tests/Actionable.stories.js

@@ -3,7 +3,7 @@ import { Example } from "../../../utilities/storybook/index.js";
 import Actionable from "../index.js";
 import View from "../../View/index.js";
 export default {
-    title: "Utilities/Actionable",
+    title: "Utility components/Actionable",
     component: Actionable,
     parameters: {
         iframe: {

package/dist/components/Actionable/tests/Actionable.test.stories.js

@@ -1,7 +1,7 @@
 import { userEvent, expect, fn } from "@storybook/test";
 import Actionable from "../index.js";
 export default {
-    title: "Utilities/Actionable/tests",
+    title: "Utility components/Actionable/tests",
     component: Actionable,
     parameters: {
         iframe: {

package/dist/components/Alert/Alert.d.ts

@@ -1,3 +1,6 @@
 import * as T from "./Alert.types";
-declare const Alert: (props: T.Props) => import("react/jsx-runtime").JSX.Element;
+declare const Alert: {
+    (props: T.Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default Alert;

package/dist/components/Alert/Alert.js

@@ -22,4 +22,5 @@ const Alert = (props) => {
             role: color === "critical" ? "alert" : "status",
         }, children: icon ? (_jsxs(_Fragment, { children: [_jsx("div", { className: s.icon, children: _jsx(Icon, { svg: icon, size: 5, color: isNeutral ? "primary" : color }) }), _jsx(View.Item, { grow: true, children: applyActions(renderContent()) })] })) : (applyActions(renderContent())) }));
 };
+Alert.displayName = "Alert";
 export default Alert;

package/dist/components/Alert/tests/Alert.stories.d.ts

@@ -1,7 +1,10 @@
 import React from "react";
 declare const _default: {
     title: string;
-    component: (props: import("./..").AlertProps) => React.JSX.Element;
+    component: {
+        (props: import("./..").AlertProps): React.JSX.Element;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/Alert/tests/Alert.test.stories.d.ts

@@ -1,7 +1,10 @@
 import { StoryObj } from "@storybook/react";
 declare const _default: {
     title: string;
-    component: (props: import("./..").AlertProps) => import("react").JSX.Element;
+    component: {
+        (props: import("./..").AlertProps): import("react").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -1,6 +1,10 @@
 import * as T from "./Autocomplete.types";
 declare const Autocomplete: {
     (props: T.Props): import("react/jsx-runtime").JSX.Element;
-    Item: (props: T.ItemProps) => import("react/jsx-runtime").JSX.Element;
+    Item: {
+        (props: T.ItemProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    displayName: string;
 };
 export default Autocomplete;

package/dist/components/Autocomplete/Autocomplete.js

@@ -70,6 +70,7 @@ const Autocomplete = (props) => {
     return (_jsx(AutocompleteContext.Provider, { value: { onItemClick: handleItemClick }, children: _jsxs(DropdownMenu, { position: "bottom", width: "trigger", triggerType: "focus", trapFocusMode: "selection-menu", active: isDropdownActive, onClose: handleClose, onOpen: handleOpen, containerRef: containerRef, disableHideAnimation: true, instanceRef: instanceRef, children: [_jsx(DropdownMenu.Trigger, { children: ({ ref, ...attributes }) => (_jsx(TextField, { ...textFieldProps, name: name, onChange: handleChange, focused: isDropdownActive, attributes: {
                             ...textFieldProps.attributes,
                             // Ignoring the type check since TS can't infer the correct html element type
+                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
                             ref: ref,
                             onClick: attributes.onFocus,
                         }, inputAttributes: {
@@ -97,4 +98,6 @@ const AutocompleteItem = (props) => {
     return (_jsx(DropdownMenu.Item, { ...menuItemProps, attributes: { ...menuItemProps.attributes, role: "option" }, onClick: handleClick }));
 };
 Autocomplete.Item = AutocompleteItem;
+Autocomplete.displayName = "Autocomplete";
+AutocompleteItem.displayName = "Autocomplete.Item";
 export default Autocomplete;

package/dist/components/Autocomplete/tests/Autocomplete.stories.d.ts

@@ -4,7 +4,11 @@ declare const _default: {
     title: string;
     component: {
         (props: import("./..").AutocompleteProps): React.JSX.Element;
-        Item: (props: import("../Autocomplete.types").ItemProps) => React.JSX.Element;
+        Item: {
+            (props: import("../Autocomplete.types").ItemProps): React.JSX.Element;
+            displayName: string;
+        };
+        displayName: string;
     };
     parameters: {
         iframe: {

package/dist/components/Autocomplete/tests/Autocomplete.test.stories.d.ts

@@ -5,7 +5,11 @@ declare const _default: {
     title: string;
     component: {
         (props: import("./..").AutocompleteProps): React.JSX.Element;
-        Item: (props: import("../Autocomplete.types").ItemProps) => React.JSX.Element;
+        Item: {
+            (props: import("../Autocomplete.types").ItemProps): React.JSX.Element;
+            displayName: string;
+        };
+        displayName: string;
     };
     parameters: {
         iframe: {

package/dist/components/Avatar/Avatar.d.ts

@@ -1,3 +1,6 @@
 import type * as T from "./Avatar.types";
-declare const Avatar: (props: T.Props) => import("react/jsx-runtime").JSX.Element;
+declare const Avatar: {
+    (props: T.Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default Avatar;

package/dist/components/Avatar/Avatar.js

@@ -26,4 +26,5 @@ const Avatar = (props) => {
     };
     return (_jsx(View, { borderRadius: radius, attributes: { ...attributes, style: { ...heightStyles?.variables } }, backgroundColor: variant === "faded" ? `${color}-${variant}` : color, className: rootClassNames, children: renderContent() }));
 };
+Avatar.displayName = "Avatar";
 export default Avatar;

package/dist/components/Avatar/tests/Avatar.stories.d.ts

@@ -1,7 +1,10 @@
 import { StoryObj } from "@storybook/react";
 declare const _default: {
     title: string;
-    component: (props: import("./..").AvatarProps) => import("react").JSX.Element;
+    component: {
+        (props: import("./..").AvatarProps): import("react").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/Avatar/tests/Avatar.test.stories.d.ts

@@ -1,7 +1,10 @@
 import { StoryObj } from "@storybook/react";
 declare const _default: {
     title: string;
-    component: (props: import("./..").AvatarProps) => import("react").JSX.Element;
+    component: {
+        (props: import("./..").AvatarProps): import("react").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/Badge/Badge.js

@@ -21,4 +21,5 @@ const Badge = forwardRef((props, ref) => {
                 }, children: children })), endIcon && _jsx(Icon, { svg: endIcon, autoWidth: true, size: iconSize }), onDismiss && (_jsx(Actionable, { onClick: hnadleDismiss, className: s.dismiss, as: "span", attributes: { "aria-label": dismissAriaLabel }, children: _jsx(Icon, { svg: IconClose, size: iconSize }) }))] }));
 });
 Badge.Container = BadgeContainer;
+Badge.displayName = "Badge";
 export default Badge;

package/dist/components/Badge/BadgeContainer.d.ts

@@ -1,3 +1,6 @@
 import type * as T from "./Badge.types";
-declare const BadgeContainer: (props: T.ContainerProps) => import("react/jsx-runtime").JSX.Element;
+declare const BadgeContainer: {
+    (props: T.ContainerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default BadgeContainer;

package/dist/components/Badge/BadgeContainer.js

@@ -6,4 +6,5 @@ const BadgeContainer = (props) => {
     const rootClassNames = classNames(s.container, className, overlap && s["--container-overlap"], position && s[`--container-position-${position}`]);
     return (_jsx("div", { ...attributes, className: rootClassNames, children: children }));
 };
+BadgeContainer.displayName = "Badge.Container";
 export default BadgeContainer;

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,3 +1,6 @@
 import * as T from "./Breadcrumbs.types";
-declare const Breadcrumbs: (props: T.Props) => import("react/jsx-runtime").JSX.Element;
+declare const Breadcrumbs: {
+    (props: T.Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default Breadcrumbs;