@box/blueprint-web 8.5.3 → 8.6.0

package/lib-esm/branding-styles/utils/createTheme.d.ts

@@ -1,69 +1,69 @@
-export declare const THEME_VERY_DARK = "vDark";
-export declare const THEME_DARK = "dark";
-export declare const THEME_MID_DARK = "midDark";
-export declare const THEME_MIDTONE = "midTone";
-export declare const THEME_MID_LIGHT = "midLight";
-export declare const THEME_VERY_LIGHT = "vLight";
-export declare const MIN_CONTRAST = 4.5;
-declare function createTheme(colorKey: string): {
-    base: {
-        background: string;
-        backgroundHover: string;
-        backgroundActive: string;
-        foreground: string;
-        border: string;
-        buttonForeground: string;
-        buttonBackground: string;
-        buttonBackgroundHover: string;
-        buttonBackgroundActive: string;
-        buttonBorder: string;
-        buttonBorderHover: string;
-        buttonBorderActive: string;
-        progressBarBackground: string;
-        scrollShadowRgba: string;
-        gridUnitPx: number;
-    };
-    primary: {
-        background: string;
-        backgroundActive: string;
-        backgroundGradient: string;
-        backgroundHover: string;
-        border: string;
-        buttonBackground: string;
-        buttonBackgroundActive: string;
-        buttonBackgroundHover: string;
-        buttonBorder: string;
-        buttonBorderActive: string;
-        buttonBorderHover: string;
-        buttonForeground: string;
-        foreground: string;
-        progressBarBackground: string;
-        scrollShadowRgba: string;
-    };
-    modes: {
-        admin: {};
-        dark: {};
-    };
-} & {
-    primary: {
-        _debug: {
-            colorRange: string | undefined;
-        };
-        background: any;
-        backgroundHover: any;
-        backgroundActive: any;
-        backgroundGradient: any;
-        foreground: any;
-        border: any;
-        buttonForeground: any;
-        buttonBackground: any;
-        buttonBackgroundHover: any;
-        buttonBackgroundActive: any;
-        buttonBorder: any;
-        buttonBorderHover: any;
-        buttonBorderActive: any;
-        progressBarBackground: any;
-        scrollShadowRgba: any;
-    };
-};
-export { createTheme };
+export declare const THEME_VERY_DARK = "vDark";
+export declare const THEME_DARK = "dark";
+export declare const THEME_MID_DARK = "midDark";
+export declare const THEME_MIDTONE = "midTone";
+export declare const THEME_MID_LIGHT = "midLight";
+export declare const THEME_VERY_LIGHT = "vLight";
+export declare const MIN_CONTRAST = 4.5;
+declare function createTheme(colorKey: string): {
+    base: {
+        background: string;
+        backgroundHover: string;
+        backgroundActive: string;
+        foreground: string;
+        border: string;
+        buttonForeground: string;
+        buttonBackground: string;
+        buttonBackgroundHover: string;
+        buttonBackgroundActive: string;
+        buttonBorder: string;
+        buttonBorderHover: string;
+        buttonBorderActive: string;
+        progressBarBackground: string;
+        scrollShadowRgba: string;
+        gridUnitPx: number;
+    };
+    primary: {
+        background: string;
+        backgroundActive: string;
+        backgroundGradient: string;
+        backgroundHover: string;
+        border: string;
+        buttonBackground: string;
+        buttonBackgroundActive: string;
+        buttonBackgroundHover: string;
+        buttonBorder: string;
+        buttonBorderActive: string;
+        buttonBorderHover: string;
+        buttonForeground: string;
+        foreground: string;
+        progressBarBackground: string;
+        scrollShadowRgba: string;
+    };
+    modes: {
+        admin: {};
+        dark: {};
+    };
+} & {
+    primary: {
+        _debug: {
+            colorRange: string | undefined;
+        };
+        background: any;
+        backgroundHover: any;
+        backgroundActive: any;
+        backgroundGradient: any;
+        foreground: any;
+        border: any;
+        buttonForeground: any;
+        buttonBackground: any;
+        buttonBackgroundHover: any;
+        buttonBackgroundActive: any;
+        buttonBorder: any;
+        buttonBorderHover: any;
+        buttonBorderActive: any;
+        progressBarBackground: any;
+        scrollShadowRgba: any;
+    };
+};
+export { createTheme };

package/lib-esm/branding-styles/utils/theme.d.ts

@@ -1,41 +1,41 @@
-declare const theme: {
-    base: {
-        background: string;
-        backgroundHover: string;
-        backgroundActive: string;
-        foreground: string;
-        border: string;
-        buttonForeground: string;
-        buttonBackground: string;
-        buttonBackgroundHover: string;
-        buttonBackgroundActive: string;
-        buttonBorder: string;
-        buttonBorderHover: string;
-        buttonBorderActive: string;
-        progressBarBackground: string;
-        scrollShadowRgba: string;
-        gridUnitPx: number;
-    };
-    primary: {
-        background: string;
-        backgroundActive: string;
-        backgroundGradient: string;
-        backgroundHover: string;
-        border: string;
-        buttonBackground: string;
-        buttonBackgroundActive: string;
-        buttonBackgroundHover: string;
-        buttonBorder: string;
-        buttonBorderActive: string;
-        buttonBorderHover: string;
-        buttonForeground: string;
-        foreground: string;
-        progressBarBackground: string;
-        scrollShadowRgba: string;
-    };
-    modes: {
-        admin: {};
-        dark: {};
-    };
-};
-export default theme;
+declare const theme: {
+    base: {
+        background: string;
+        backgroundHover: string;
+        backgroundActive: string;
+        foreground: string;
+        border: string;
+        buttonForeground: string;
+        buttonBackground: string;
+        buttonBackgroundHover: string;
+        buttonBackgroundActive: string;
+        buttonBorder: string;
+        buttonBorderHover: string;
+        buttonBorderActive: string;
+        progressBarBackground: string;
+        scrollShadowRgba: string;
+        gridUnitPx: number;
+    };
+    primary: {
+        background: string;
+        backgroundActive: string;
+        backgroundGradient: string;
+        backgroundHover: string;
+        border: string;
+        buttonBackground: string;
+        buttonBackgroundActive: string;
+        buttonBackgroundHover: string;
+        buttonBorder: string;
+        buttonBorderActive: string;
+        buttonBorderHover: string;
+        buttonForeground: string;
+        foreground: string;
+        progressBarBackground: string;
+        scrollShadowRgba: string;
+    };
+    modes: {
+        admin: {};
+        dark: {};
+    };
+};
+export default theme;

package/lib-esm/branding-styles/utils/variables.d.ts

@@ -1,117 +1,117 @@
-export declare const white = "#fff";
-export declare const black = "#000";
-export declare const countBadgeBackground = "#e9163c";
-export declare const bdlBoxBlue = "#0061d5";
-export declare const bdlBoxBlue80 = "#3381dd";
-export declare const bdlBoxBlue50 = "#7fb0ea";
-export declare const bdlBoxBlue40 = "#99c0ee";
-export declare const bdlBoxBlue30 = "#b2cff2";
-export declare const bdlBoxBlue20 = "#ccdff7";
-export declare const bdlBoxBlue10 = "#e5effa";
-export declare const bdlBoxBlue05 = "#f2f7fd";
-export declare const bdlBoxBlue02 = "#fafcfe";
-export declare const bdlGray = "#222";
-export declare const bdlGray80 = "#4e4e4e";
-export declare const bdlGray65 = "#6f6f6f";
-export declare const bdlGray62 = "#767676";
-export declare const bdlGray50 = "#909090";
-export declare const bdlGray40 = "#a7a7a7";
-export declare const bdlGray30 = "#bcbcbc";
-export declare const bdlGray20 = "#d3d3d3";
-export declare const bdlGray10 = "#e8e8e8";
-export declare const bdlGray05 = "#f4f4f4";
-export declare const bdlGray02 = "#fbfbfb";
-export declare const bdlDarkBlue = "#003c84";
-export declare const bdlDarkBlue50 = "#7f9dc1";
-export declare const bdlDarkBlue20 = "#ccd8e6";
-export declare const bdlDarkBlue10 = "#e5ebf2";
-export declare const bdlDarkBlue05 = "#f2f5f9";
-export declare const bdlDarkBlue02 = "#fafbfd";
-export declare const bdlLightBlue = "#2486fc";
-export declare const bdlLightBlue50 = "#91c2fd";
-export declare const bdlLightBlue20 = "#d3e7fe";
-export declare const bdlLightBlue10 = "#e9f2fe";
-export declare const bdlLightBlue05 = "#f4f9ff";
-export declare const bdlLightBlue02 = "#fbfdff";
-export declare const bdlYellorange = "#f5b31b";
-export declare const bdlYellorange50 = "#fad98d";
-export declare const bdlYellorange20 = "#fdf0d1";
-export declare const bdlYellorange10 = "#fef7e8";
-export declare const bdlYellorange05 = "#fefbf3";
-export declare const bdlYellorange02 = "#fffefb";
-export declare const bdlYellow = "#ffd700";
-export declare const bdlYellow50 = "#ffeb7f";
-export declare const bdlYellow20 = "#fff7cc";
-export declare const bdlYellow10 = "#fffbe5";
-export declare const bdlYellow05 = "#fffdf2";
-export declare const bdlYellow02 = "#fffefa";
-export declare const bdlGreenLight = "#26c281";
-export declare const bdlGreenLight50 = "#92e0c0";
-export declare const bdlGreenLight20 = "#d4f3e6";
-export declare const bdlGreenLight10 = "#e9f8f2";
-export declare const bdlGreenLight05 = "#f4fcf8";
-export declare const bdlGreenLight02 = "#fbfefd";
-export declare const bdlGrimace = "#4826c2";
-export declare const bdlGrimace50 = "#a392e0";
-export declare const bdlGrimace20 = "#dad4f3";
-export declare const bdlGrimace10 = "#ece9f8";
-export declare const bdlGrimace05 = "#f6f4fc";
-export declare const bdlGrimace02 = "#fbfbfe";
-export declare const bdlOrange = "#f1811a";
-export declare const bdlOrange50 = "#f8c08c";
-export declare const bdlOrange20 = "#fce6d1";
-export declare const bdlOrange10 = "#fdf2e8";
-export declare const bdlOrange05 = "#fef8f3";
-export declare const bdlOrange02 = "#fffdfb";
-export declare const bdlPurpleRain = "#9f3fed";
-export declare const bdlPurpleRain50 = "#cf9ff6";
-export declare const bdlPurpleRain20 = "#ecd9fb";
-export declare const bdlPurpleRain10 = "#f5ebfd";
-export declare const bdlPurpleRain05 = "#faf5fe";
-export declare const bdlPurpleRain02 = "#fdfbff";
-export declare const bdlWatermelonRed = "#ed3757";
-export declare const bdlWatermelonRed50 = "#f69bab";
-export declare const bdlWatermelonRed20 = "#fbd7dd";
-export declare const bdlWatermelonRed10 = "#fdebee";
-export declare const bdlWatermelonRed05 = "#fef5f6";
-export declare const bdlWatermelonRed02 = "#fffbfc";
-export declare const bdlLineHeight = "20px";
-export declare const bdlFontSize = "13px";
-export declare const bdlFontSizeMinimum = "11px";
-export declare const bdlFontSizeDejaBlue = "14px";
-export declare const avatarColors: string[];
-export declare const modalDialogZIndex = "160";
-export declare const menuZIndex = "170";
-export declare const submenuZIndex = "171";
-export declare const overlayZIndex = "190";
-export declare const tooltipZIndex = "190";
-export declare const notificationsWrapperZIndex = "200";
-export declare const bdlBorderRadiusSize = "4px";
-export declare const bdlBorderRadiusSizeMed = "6px";
-export declare const bdlBorderRadiusSizeLarge = "8px";
-export declare const bdlBorderRadiusSizeXlarge = "12px";
-export declare const bdlHeaderBoxShadow: string[];
-export declare const bdlGridUnit = "4px";
-export declare const bdlGridUnitPx = "4";
-export declare const bdlHeaderHeight = "64px";
-export declare const bdlBtnBorderWidth = "1px";
-export declare const bdlBtnHeight = "32px";
-export declare const bdlBtnHeightLarge = "40px";
-export declare const bdlBtnIconSize = "20px";
-export declare const bdlBtnTextIconSize = "16px";
-export declare const bdlBtnPaddingHorizontal = "16px";
-export declare const bdlTransitionDurationBase = "0.15s";
-export declare const bdlTimingFunction: string[];
-export declare const sizeSmallMediumMin = "375px";
-export declare const sizeMediumMin = "461px";
-export declare const sizeLargeMin = "768px";
-export declare const sizeSmallMax = "374px";
-export declare const sizeSmallMediumMax = "460px";
-export declare const sizeMediumMax = "767px";
-export declare const sizeLargeMax = "1023px";
-export declare const sizeXlargeMax = "1219px";
-export declare const smallScreen = "(max-width: 374px)";
-export declare const smallMediumScreen = "(max-width: 460px)";
-export declare const mediumScreen = "(max-width: 767px)";
-export declare const largeScreen = "(max-width: 1023px)";
-export declare const xlargeScreen = "(max-width: 1219px)";
+export declare const white = "#fff";
+export declare const black = "#000";
+export declare const countBadgeBackground = "#e9163c";
+export declare const bdlBoxBlue = "#0061d5";
+export declare const bdlBoxBlue80 = "#3381dd";
+export declare const bdlBoxBlue50 = "#7fb0ea";
+export declare const bdlBoxBlue40 = "#99c0ee";
+export declare const bdlBoxBlue30 = "#b2cff2";
+export declare const bdlBoxBlue20 = "#ccdff7";
+export declare const bdlBoxBlue10 = "#e5effa";
+export declare const bdlBoxBlue05 = "#f2f7fd";
+export declare const bdlBoxBlue02 = "#fafcfe";
+export declare const bdlGray = "#222";
+export declare const bdlGray80 = "#4e4e4e";
+export declare const bdlGray65 = "#6f6f6f";
+export declare const bdlGray62 = "#767676";
+export declare const bdlGray50 = "#909090";
+export declare const bdlGray40 = "#a7a7a7";
+export declare const bdlGray30 = "#bcbcbc";
+export declare const bdlGray20 = "#d3d3d3";
+export declare const bdlGray10 = "#e8e8e8";
+export declare const bdlGray05 = "#f4f4f4";
+export declare const bdlGray02 = "#fbfbfb";
+export declare const bdlDarkBlue = "#003c84";
+export declare const bdlDarkBlue50 = "#7f9dc1";
+export declare const bdlDarkBlue20 = "#ccd8e6";
+export declare const bdlDarkBlue10 = "#e5ebf2";
+export declare const bdlDarkBlue05 = "#f2f5f9";
+export declare const bdlDarkBlue02 = "#fafbfd";
+export declare const bdlLightBlue = "#2486fc";
+export declare const bdlLightBlue50 = "#91c2fd";
+export declare const bdlLightBlue20 = "#d3e7fe";
+export declare const bdlLightBlue10 = "#e9f2fe";
+export declare const bdlLightBlue05 = "#f4f9ff";
+export declare const bdlLightBlue02 = "#fbfdff";
+export declare const bdlYellorange = "#f5b31b";
+export declare const bdlYellorange50 = "#fad98d";
+export declare const bdlYellorange20 = "#fdf0d1";
+export declare const bdlYellorange10 = "#fef7e8";
+export declare const bdlYellorange05 = "#fefbf3";
+export declare const bdlYellorange02 = "#fffefb";
+export declare const bdlYellow = "#ffd700";
+export declare const bdlYellow50 = "#ffeb7f";
+export declare const bdlYellow20 = "#fff7cc";
+export declare const bdlYellow10 = "#fffbe5";
+export declare const bdlYellow05 = "#fffdf2";
+export declare const bdlYellow02 = "#fffefa";
+export declare const bdlGreenLight = "#26c281";
+export declare const bdlGreenLight50 = "#92e0c0";
+export declare const bdlGreenLight20 = "#d4f3e6";
+export declare const bdlGreenLight10 = "#e9f8f2";
+export declare const bdlGreenLight05 = "#f4fcf8";
+export declare const bdlGreenLight02 = "#fbfefd";
+export declare const bdlGrimace = "#4826c2";
+export declare const bdlGrimace50 = "#a392e0";
+export declare const bdlGrimace20 = "#dad4f3";
+export declare const bdlGrimace10 = "#ece9f8";
+export declare const bdlGrimace05 = "#f6f4fc";
+export declare const bdlGrimace02 = "#fbfbfe";
+export declare const bdlOrange = "#f1811a";
+export declare const bdlOrange50 = "#f8c08c";
+export declare const bdlOrange20 = "#fce6d1";
+export declare const bdlOrange10 = "#fdf2e8";
+export declare const bdlOrange05 = "#fef8f3";
+export declare const bdlOrange02 = "#fffdfb";
+export declare const bdlPurpleRain = "#9f3fed";
+export declare const bdlPurpleRain50 = "#cf9ff6";
+export declare const bdlPurpleRain20 = "#ecd9fb";
+export declare const bdlPurpleRain10 = "#f5ebfd";
+export declare const bdlPurpleRain05 = "#faf5fe";
+export declare const bdlPurpleRain02 = "#fdfbff";
+export declare const bdlWatermelonRed = "#ed3757";
+export declare const bdlWatermelonRed50 = "#f69bab";
+export declare const bdlWatermelonRed20 = "#fbd7dd";
+export declare const bdlWatermelonRed10 = "#fdebee";
+export declare const bdlWatermelonRed05 = "#fef5f6";
+export declare const bdlWatermelonRed02 = "#fffbfc";
+export declare const bdlLineHeight = "20px";
+export declare const bdlFontSize = "13px";
+export declare const bdlFontSizeMinimum = "11px";
+export declare const bdlFontSizeDejaBlue = "14px";
+export declare const avatarColors: string[];
+export declare const modalDialogZIndex = "160";
+export declare const menuZIndex = "170";
+export declare const submenuZIndex = "171";
+export declare const overlayZIndex = "190";
+export declare const tooltipZIndex = "190";
+export declare const notificationsWrapperZIndex = "200";
+export declare const bdlBorderRadiusSize = "4px";
+export declare const bdlBorderRadiusSizeMed = "6px";
+export declare const bdlBorderRadiusSizeLarge = "8px";
+export declare const bdlBorderRadiusSizeXlarge = "12px";
+export declare const bdlHeaderBoxShadow: string[];
+export declare const bdlGridUnit = "4px";
+export declare const bdlGridUnitPx = "4";
+export declare const bdlHeaderHeight = "64px";
+export declare const bdlBtnBorderWidth = "1px";
+export declare const bdlBtnHeight = "32px";
+export declare const bdlBtnHeightLarge = "40px";
+export declare const bdlBtnIconSize = "20px";
+export declare const bdlBtnTextIconSize = "16px";
+export declare const bdlBtnPaddingHorizontal = "16px";
+export declare const bdlTransitionDurationBase = "0.15s";
+export declare const bdlTimingFunction: string[];
+export declare const sizeSmallMediumMin = "375px";
+export declare const sizeMediumMin = "461px";
+export declare const sizeLargeMin = "768px";
+export declare const sizeSmallMax = "374px";
+export declare const sizeSmallMediumMax = "460px";
+export declare const sizeMediumMax = "767px";
+export declare const sizeLargeMax = "1023px";
+export declare const sizeXlargeMax = "1219px";
+export declare const smallScreen = "(max-width: 374px)";
+export declare const smallMediumScreen = "(max-width: 460px)";
+export declare const mediumScreen = "(max-width: 767px)";
+export declare const largeScreen = "(max-width: 1023px)";
+export declare const xlargeScreen = "(max-width: 1219px)";

package/lib-esm/button/button.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-export declare const Button: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
-    children?: string | string[] | undefined;
-    icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>> | undefined;
-}, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
-    children?: string | string[] | undefined;
-    icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>> | undefined;
-}, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Button: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
+    children?: string | string[];
+    icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+}, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
+    children?: string | string[];
+    icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+}, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;

package/lib-esm/button/index.d.ts

@@ -1,2 +1,2 @@
-export { Button } from './button';
-export { type ButtonProps } from './types';
+export { Button } from './button';
+export { type ButtonProps } from './types';

package/lib-esm/button/types.d.ts

@@ -1,8 +1,8 @@
-import { type FunctionComponent, type PropsWithChildren, type SVGProps } from 'react';
-import { type BaseButtonProps } from '../primitives/base-button';
-export type ButtonProps = BaseButtonProps & {
-    children?: string | string[];
-    /** Icon that will be placed after the children text.
-     * <b>Note:</b> When creating an icon-only button aria-label must also be provided. */
-    icon?: FunctionComponent<PropsWithChildren<SVGProps<SVGSVGElement>>>;
-};
+import { type FunctionComponent, type PropsWithChildren, type SVGProps } from 'react';
+import { type BaseButtonProps } from '../primitives/base-button';
+export type ButtonProps = BaseButtonProps & {
+    children?: string | string[];
+    /** Icon that will be placed after the children text.
+     * <b>Note:</b> When creating an icon-only button aria-label must also be provided. */
+    icon?: FunctionComponent<PropsWithChildren<SVGProps<SVGSVGElement>>>;
+};

package/lib-esm/button-wrapper/button-wrapper.d.ts

@@ -1,7 +1,7 @@
-import { type ButtonProps as AriakitButtonProps } from '@ariakit/react';
-import { type ReactNode } from 'react';
-export interface ButtonWrapperProps extends AriakitButtonProps {
-    children: ReactNode;
-    className?: string;
-}
-export declare const ButtonWrapper: import("react").ForwardRefExoticComponent<Omit<ButtonWrapperProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+import { type ButtonProps as AriakitButtonProps } from '@ariakit/react';
+import { type ReactNode } from 'react';
+export interface ButtonWrapperProps extends AriakitButtonProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare const ButtonWrapper: import("react").ForwardRefExoticComponent<Omit<ButtonWrapperProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/lib-esm/button-wrapper/index.d.ts

@@ -1 +1 @@
-export { ButtonWrapper, type ButtonWrapperProps } from './button-wrapper';
+export { ButtonWrapper, type ButtonWrapperProps } from './button-wrapper';

package/lib-esm/card/card.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { type CardProps } from './types';
-/**
- * The Card component is the background for content that can take many forms.
- */
-export declare const Card: import("react").ForwardRefExoticComponent<Omit<CardProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+import { type CardProps } from './types';
+/**
+ * The Card component is the background for content that can take many forms.
+ */
+export declare const Card: import("react").ForwardRefExoticComponent<Omit<CardProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/card/card.js

@@ -3,8 +3,8 @@ import clsx from 'clsx';
 import { forwardRef } from 'react';
 import styles from './card.module.js';
 
-/**
- * The Card component is the background for content that can take many forms.
+/**
+ * The Card component is the background for content that can take many forms.
  */
 const Card = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {

package/lib-esm/card/index.d.ts

@@ -1,2 +1,2 @@
-export { Card } from './card';
-export { type CardProps } from './types';
+export { Card } from './card';
+export { type CardProps } from './types';

package/lib-esm/card/types.d.ts

@@ -1,10 +1,10 @@
-import { type ComponentPropsWithRef, type ReactNode } from 'react';
-export interface CardProps extends ComponentPropsWithRef<'div'> {
-    /** Contents of the card */
-    children?: ReactNode;
-    /**
-     * Specifies the boxShadow that should be applied to default state of the card.
-     * @default undefined
-     */
-    elevation?: 'dropshadow-1' | 'dropshadow-3';
-}
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
+export interface CardProps extends ComponentPropsWithRef<'div'> {
+    /** Contents of the card */
+    children?: ReactNode;
+    /**
+     * Specifies the boxShadow that should be applied to default state of the card.
+     * @default undefined
+     */
+    elevation?: 'dropshadow-1' | 'dropshadow-3';
+}

package/lib-esm/card-tooltip/card-tooltip.d.ts

@@ -1,12 +1,12 @@
-import { type CardTooltipProps } from './types';
-/**
- * Temporary component that displays Card styled tooltip.
- *
- * You must only pass non-interactive content inside `content` prop.
- *
- * **IMPORTANT (1)**: Must be placed inside a single <b>TooltipProvider</b> component provided by the app, see [issue on github](https://github.com/radix-ui/primitives/issues/1712) and [radix docs](https://www.radix-ui.com/docs/primitives/components/tooltip#provider).
- *
- * **IMPORTANT (2)**: Must wrap interactive component/element (such as: HTMLInputElement, HTMLAnchorElement,  HTMLTextAreaElement, etc. [list of focusable elements](https://allyjs.io/data-tables/focusable.html))
- *
- */
-export declare const CardTooltip: (props: CardTooltipProps) => import("react/jsx-runtime").JSX.Element;
+import { type CardTooltipProps } from './types';
+/**
+ * Temporary component that displays Card styled tooltip.
+ *
+ * You must only pass non-interactive content inside `content` prop.
+ *
+ * **IMPORTANT (1)**: Must be placed inside a single <b>TooltipProvider</b> component provided by the app, see [issue on github](https://github.com/radix-ui/primitives/issues/1712) and [radix docs](https://www.radix-ui.com/docs/primitives/components/tooltip#provider).
+ *
+ * **IMPORTANT (2)**: Must wrap interactive component/element (such as: HTMLInputElement, HTMLAnchorElement,  HTMLTextAreaElement, etc. [list of focusable elements](https://allyjs.io/data-tables/focusable.html))
+ *
+ */
+export declare const CardTooltip: (props: CardTooltipProps) => import("react/jsx-runtime").JSX.Element;

package/lib-esm/card-tooltip/card-tooltip.js

@@ -6,15 +6,15 @@ import { Card } from '../card/card.js';
 import { ContainerContext, TooltipTrigger } from '../tooltip/tooltip.js';
 import styles from './card-tooltip.module.js';
 
-/**
- * Temporary component that displays Card styled tooltip.
- *
- * You must only pass non-interactive content inside `content` prop.
- *
- * **IMPORTANT (1)**: Must be placed inside a single <b>TooltipProvider</b> component provided by the app, see [issue on github](https://github.com/radix-ui/primitives/issues/1712) and [radix docs](https://www.radix-ui.com/docs/primitives/components/tooltip#provider).
- *
- * **IMPORTANT (2)**: Must wrap interactive component/element (such as: HTMLInputElement, HTMLAnchorElement,  HTMLTextAreaElement, etc. [list of focusable elements](https://allyjs.io/data-tables/focusable.html))
- *
+/**
+ * Temporary component that displays Card styled tooltip.
+ *
+ * You must only pass non-interactive content inside `content` prop.
+ *
+ * **IMPORTANT (1)**: Must be placed inside a single <b>TooltipProvider</b> component provided by the app, see [issue on github](https://github.com/radix-ui/primitives/issues/1712) and [radix docs](https://www.radix-ui.com/docs/primitives/components/tooltip#provider).
+ *
+ * **IMPORTANT (2)**: Must wrap interactive component/element (such as: HTMLInputElement, HTMLAnchorElement,  HTMLTextAreaElement, etc. [list of focusable elements](https://allyjs.io/data-tables/focusable.html))
+ *
  */
 const CardTooltip = props => {
   const {

package/lib-esm/card-tooltip/index.d.ts

@@ -1,2 +1,2 @@
-export { CardTooltip } from './card-tooltip';
-export { type CardTooltipProps } from './types';
+export { CardTooltip } from './card-tooltip';
+export { type CardTooltipProps } from './types';