@vibe/core 4.0.0-alpha.1 → 4.0.0-alpha.2

package/dist/base/dist/BaseInput/BaseInput.module.scss.js

@@ -1,2 +1,2 @@
-var a={wrapper:"wrapper_77ba747aba",small:"small_6ed3a7e3d1",medium:"medium_39ae44828d",large:"large_b85bf017ea",rightThinnerPadding:"rightThinnerPadding_8bc040de41",input:"input_328c0923a7",success:"success_ff2502477e",readOnly:"readOnly_0e77afc2e6",disabled:"disabled_816a583e5e",error:"error_75b481d083"};!function(a){var r="s_id-b69634d43ba7_4_0_0-alpha_0";if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;var e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=a)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper_77ba747aba {\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--space-8);\n  padding-block: var(--space-8);\n  padding-inline: var(--space-12) var(--space-4);\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  outline: none;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: var(--secondary-background-color);\n  transition: border-color var(--motion-productive-medium) ease-in;\n}\n.wrapper_77ba747aba.small_6ed3a7e3d1 {\n  min-height: 32px;\n  height: 32px;\n  padding-inline-start: var(--space-8);\n  gap: var(--space-4);\n  font: var(--font-text2-normal);\n}\n.wrapper_77ba747aba.medium_39ae44828d {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_77ba747aba.large_b85bf017ea {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--space-8);\n}\n.wrapper_77ba747aba.rightThinnerPadding_8bc040de41 {\n  padding-inline-end: var(--space-16);\n}\n.wrapper_77ba747aba:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_77ba747aba:has(.input_328c0923a7:active, .input_328c0923a7:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_77ba747aba:has(.input_328c0923a7:-moz-read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_77ba747aba:has(.input_328c0923a7:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_77ba747aba:has(.input_328c0923a7:-moz-read-only) .input_328c0923a7 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_77ba747aba:has(.input_328c0923a7:read-only) .input_328c0923a7 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_77ba747aba:has(.input_328c0923a7:disabled) {\n    cursor: not-allowed;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n    color: var(--disabled-text-color);\n  }\n  .wrapper_77ba747aba:has(.input_328c0923a7:disabled) .input_328c0923a7 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_77ba747aba.success_ff2502477e {\n    border-color: var(--positive-color);\n  }\n  .wrapper_77ba747aba.success_ff2502477e:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_77ba747aba.success_ff2502477e:has(.input_328c0923a7:active, .input_328c0923a7:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_77ba747aba:has(.input_328c0923a7[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_77ba747aba:has(.input_328c0923a7[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_77ba747aba:has(.input_328c0923a7[aria-invalid=true]):has(.input_328c0923a7:active, .input_328c0923a7:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_77ba747aba:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_77ba747aba.readOnly_0e77afc2e6 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_77ba747aba.readOnly_0e77afc2e6 .input_328c0923a7 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_77ba747aba.disabled_816a583e5e {\n    cursor: not-allowed;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_77ba747aba.disabled_816a583e5e .input_328c0923a7 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_77ba747aba.success_ff2502477e {\n    border-color: var(--positive-color);\n  }\n  .wrapper_77ba747aba.success_ff2502477e:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_77ba747aba.success_ff2502477e:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_77ba747aba.error_75b481d083 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_77ba747aba.error_75b481d083:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_77ba747aba.error_75b481d083:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_77ba747aba .input_328c0923a7 {\n  all: unset;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border: none;\n  outline: none;\n}\n.wrapper_77ba747aba .input_328c0923a7::-moz-placeholder {\n  color: var(--placeholder-color);\n  font-weight: 400;\n}\n.wrapper_77ba747aba .input_328c0923a7::placeholder {\n  color: var(--placeholder-color);\n  font-weight: 400;\n}\n.wrapper_77ba747aba .input_328c0923a7:disabled::-moz-placeholder {\n  color: var(--disabled-text-color);\n}\n.wrapper_77ba747aba .input_328c0923a7:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{a as default};
+var r={wrapper:"wrapper_dd0138492c",small:"small_0a70a9d183",medium:"medium_55d3442300",large:"large_1fbe887849",rightThinnerPadding:"rightThinnerPadding_ef5a076d36",input:"input_01d97356d6",success:"success_94463730fb",readOnly:"readOnly_6e4ee558a6",disabled:"disabled_994b52b90f",error:"error_d20e8a969a"};!function(r){var n="s_id-b69634d43ba7_4_0_0-alpha_1";if("undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;var o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=r)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper_dd0138492c {\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--space-8);\n  padding-block: var(--space-8);\n  padding-inline: var(--space-12) var(--space-4);\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  outline: none;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: var(--secondary-background-color);\n  transition: border-color var(--motion-productive-medium) ease-in;\n}\n.wrapper_dd0138492c.small_0a70a9d183 {\n  min-height: 32px;\n  height: 32px;\n  padding-inline-start: var(--space-8);\n  gap: var(--space-4);\n  font: var(--font-text2-normal);\n}\n.wrapper_dd0138492c.medium_55d3442300 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_dd0138492c.large_1fbe887849 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--space-8);\n}\n.wrapper_dd0138492c.rightThinnerPadding_ef5a076d36 {\n  padding-inline-end: var(--space-16);\n}\n.wrapper_dd0138492c:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_dd0138492c:has(.input_01d97356d6:active, .input_01d97356d6:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_dd0138492c:has(.input_01d97356d6:-moz-read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_dd0138492c:has(.input_01d97356d6:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_dd0138492c:has(.input_01d97356d6:-moz-read-only) .input_01d97356d6 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_dd0138492c:has(.input_01d97356d6:read-only) .input_01d97356d6 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_dd0138492c:has(.input_01d97356d6:disabled) {\n    cursor: not-allowed;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n    color: var(--disabled-text-color);\n  }\n  .wrapper_dd0138492c:has(.input_01d97356d6:disabled) .input_01d97356d6 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_dd0138492c.success_94463730fb {\n    border-color: var(--positive-color);\n  }\n  .wrapper_dd0138492c.success_94463730fb:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_dd0138492c.success_94463730fb:has(.input_01d97356d6:active, .input_01d97356d6:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_dd0138492c:has(.input_01d97356d6[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_dd0138492c:has(.input_01d97356d6[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_dd0138492c:has(.input_01d97356d6[aria-invalid=true]):has(.input_01d97356d6:active, .input_01d97356d6:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_dd0138492c:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_dd0138492c.readOnly_6e4ee558a6 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_dd0138492c.readOnly_6e4ee558a6 .input_01d97356d6 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_dd0138492c.disabled_994b52b90f {\n    cursor: not-allowed;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_dd0138492c.disabled_994b52b90f .input_01d97356d6 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_dd0138492c.success_94463730fb {\n    border-color: var(--positive-color);\n  }\n  .wrapper_dd0138492c.success_94463730fb:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_dd0138492c.success_94463730fb:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_dd0138492c.error_d20e8a969a {\n    border-color: var(--negative-color);\n  }\n  .wrapper_dd0138492c.error_d20e8a969a:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_dd0138492c.error_d20e8a969a:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_dd0138492c .input_01d97356d6 {\n  all: unset;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border: none;\n  outline: none;\n}\n.wrapper_dd0138492c .input_01d97356d6::-moz-placeholder {\n  color: var(--placeholder-color);\n  font-weight: 400;\n}\n.wrapper_dd0138492c .input_01d97356d6::placeholder {\n  color: var(--placeholder-color);\n  font-weight: 400;\n}\n.wrapper_dd0138492c .input_01d97356d6:disabled::-moz-placeholder {\n  color: var(--disabled-text-color);\n}\n.wrapper_dd0138492c .input_01d97356d6:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
 //# sourceMappingURL=BaseInput.module.scss.js.map

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

@@ -1,18 +1,18 @@
-import React, { type ReactElement } from "react";
-import { type VibeComponentProps } from "../../../types";
-export interface AccordionProps extends VibeComponentProps {
-    /**
-     * The content of the accordion (`AccordionItem` components).
-     */
-    children?: Array<ReactElement> | ReactElement;
-    /**
-     * If true, multiple accordion items can be expanded at the same time.
-     */
-    allowMultiple?: boolean;
-    /**
-     * An array of initially expanded item indexes.
-     */
-    defaultIndex?: Array<number>;
-}
-declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<unknown>>;
-export default Accordion;
+import React, { type ReactElement } from "react";
+import { type VibeComponentProps } from "../../../types";
+export interface AccordionProps extends VibeComponentProps {
+    /**
+     * The content of the accordion (`AccordionItem` components).
+     */
+    children?: Array<ReactElement> | ReactElement;
+    /**
+     * If true, multiple accordion items can be expanded at the same time.
+     */
+    allowMultiple?: boolean;
+    /**
+     * An array of initially expanded item indexes.
+     */
+    defaultIndex?: Array<number>;
+}
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<unknown>>;
+export default Accordion;

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

@@ -1,51 +1,51 @@
-import React from "react";
-import { type VibeComponentProps, type ElementContent } from "../../../types";
-import { type ExpandCollapseIconPosition } from "../../ExpandCollapse/ExpandCollapse.types";
-export interface AccordionItemProps extends VibeComponentProps {
-    /**
-     * The header content displayed in the accordion item.
-     */
-    title?: ElementContent;
-    /**
-     * The content rendered inside the accordion item.
-     */
-    children?: ElementContent;
-    /**
-     * The size of the expand/collapse icon.
-     */
-    iconSize?: number | string;
-    /**
-     * The position of the expand/collapse icon.
-     */
-    iconPosition?: ExpandCollapseIconPosition;
-    /**
-     * Callback fired upon item click.
-     */
-    onClick?: () => void;
-    /** @ignore */
-    open?: boolean;
-    /** @ignore */
-    onClickAccordionCallback?: () => void;
-    /**
-     * If true, the accordion item's border is hidden.
-     */
-    hideBorder?: boolean;
-    /**
-     * Class name applied to the accordion item's header.
-     */
-    headerClassName?: string;
-    /**
-     * Class name applied to the accordion item's content.
-     */
-    contentClassName?: string;
-    /**
-     * If true, the click event is handled during the capture phase.
-     */
-    captureOnClick?: boolean;
-    /**
-     * Class name applied to the expand/collapse component.
-     */
-    expandCollapseComponentClassName?: string;
-}
-declare const AccordionItem: React.FC<AccordionItemProps>;
-export default AccordionItem;
+import React from "react";
+import { type VibeComponentProps, type ElementContent } from "../../../types";
+import { type ExpandCollapseIconPosition } from "../../ExpandCollapse/ExpandCollapse.types";
+export interface AccordionItemProps extends VibeComponentProps {
+    /**
+     * The header content displayed in the accordion item.
+     */
+    title?: ElementContent;
+    /**
+     * The content rendered inside the accordion item.
+     */
+    children?: ElementContent;
+    /**
+     * The size of the expand/collapse icon.
+     */
+    iconSize?: number | string;
+    /**
+     * The position of the expand/collapse icon.
+     */
+    iconPosition?: ExpandCollapseIconPosition;
+    /**
+     * Callback fired upon item click.
+     */
+    onClick?: () => void;
+    /** @ignore */
+    open?: boolean;
+    /** @ignore */
+    onClickAccordionCallback?: () => void;
+    /**
+     * If true, the accordion item's border is hidden.
+     */
+    hideBorder?: boolean;
+    /**
+     * Class name applied to the accordion item's header.
+     */
+    headerClassName?: string;
+    /**
+     * Class name applied to the accordion item's content.
+     */
+    contentClassName?: string;
+    /**
+     * If true, the click event is handled during the capture phase.
+     */
+    captureOnClick?: boolean;
+    /**
+     * Class name applied to the expand/collapse component.
+     */
+    expandCollapseComponentClassName?: string;
+}
+declare const AccordionItem: React.FC<AccordionItemProps>;
+export default AccordionItem;

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

@@ -1,2 +1,2 @@
-export { default as Accordion, type AccordionProps } from "./Accordion/Accordion";
-export { default as AccordionItem, type AccordionItemProps } from "./AccordionItem/AccordionItem";
+export { default as Accordion, type AccordionProps } from "./Accordion/Accordion";
+export { default as AccordionItem, type AccordionItemProps } from "./AccordionItem/AccordionItem";

package/dist/components/AlertBanner/AlertBanner.d.ts

@@ -1,35 +1,35 @@
-import React, { type ReactElement } from "react";
-import { type AlertBannerBackgroundColor } from "./AlertBanner.types";
-import { type AlertBannerLinkProps } from "./AlertBannerLink/AlertBannerLink";
-import { type AlertBannerButtonProps } from "./AlertBannerButton/AlertBannerButton";
-import { type AlertBannerTextProps } from "./AlertBannerText/AlertBannerText";
-import { type VibeComponentProps } from "../../types";
-type ChildrenType = ReactElement<AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps>;
-export interface AlertBannerProps extends VibeComponentProps {
-    /**
-     * The background color of the alert banner.
-     */
-    backgroundColor?: AlertBannerBackgroundColor;
-    /**
-     * If true, the close button is hidden.
-     */
-    isCloseHidden?: boolean;
-    /**
-     * The ARIA label of the alert banner for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * The ARIA label of the close button for accessibility.
-     */
-    closeButtonAriaLabel?: string;
-    /**
-     * Callback fired when the close button is clicked.
-     */
-    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * The content of the alert banner.
-     */
-    children?: ChildrenType | ChildrenType[];
-}
-declare const AlertBanner: React.ForwardRefExoticComponent<AlertBannerProps & React.RefAttributes<HTMLDivElement>>;
-export default AlertBanner;
+import React, { type ReactElement } from "react";
+import { type AlertBannerBackgroundColor } from "./AlertBanner.types";
+import { type AlertBannerLinkProps } from "./AlertBannerLink/AlertBannerLink";
+import { type AlertBannerButtonProps } from "./AlertBannerButton/AlertBannerButton";
+import { type AlertBannerTextProps } from "./AlertBannerText/AlertBannerText";
+import { type VibeComponentProps } from "../../types";
+type ChildrenType = ReactElement<AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps>;
+export interface AlertBannerProps extends VibeComponentProps {
+    /**
+     * The background color of the alert banner.
+     */
+    backgroundColor?: AlertBannerBackgroundColor;
+    /**
+     * If true, the close button is hidden.
+     */
+    isCloseHidden?: boolean;
+    /**
+     * The ARIA label of the alert banner for accessibility.
+     */
+    "aria-label"?: string;
+    /**
+     * The ARIA label of the close button for accessibility.
+     */
+    closeButtonAriaLabel?: string;
+    /**
+     * Callback fired when the close button is clicked.
+     */
+    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * The content of the alert banner.
+     */
+    children?: ChildrenType | ChildrenType[];
+}
+declare const AlertBanner: React.ForwardRefExoticComponent<AlertBannerProps & React.RefAttributes<HTMLDivElement>>;
+export default AlertBanner;

package/dist/components/AlertBanner/AlertBanner.types.d.ts

@@ -1 +1 @@
-export type AlertBannerBackgroundColor = "primary" | "positive" | "negative" | "dark" | "warning";
+export type AlertBannerBackgroundColor = "primary" | "positive" | "negative" | "dark" | "warning";

package/dist/components/AlertBanner/AlertBannerButton/AlertBannerButton.d.ts

@@ -1,10 +1,10 @@
-import { type ButtonProps } from "@vibe/button";
-import { type FC } from "react";
-export interface AlertBannerButtonProps extends ButtonProps {
-    /**
-     * If true, the button is displayed on a dark background.
-     */
-    isDarkBackground?: boolean;
-}
-declare const AlertBannerButton: FC<AlertBannerButtonProps>;
-export default AlertBannerButton;
+import { type ButtonProps } from "@vibe/button";
+import { type FC } from "react";
+export interface AlertBannerButtonProps extends ButtonProps {
+    /**
+     * If true, the button is displayed on a dark background.
+     */
+    isDarkBackground?: boolean;
+}
+declare const AlertBannerButton: FC<AlertBannerButtonProps>;
+export default AlertBannerButton;

package/dist/components/AlertBanner/AlertBannerContext.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import { type TypographyColor } from "@vibe/typography";
-type AlertBannerContextType = {
-    textColor: Extract<TypographyColor, "onPrimary" | "onInverted" | "fixedDark">;
-};
-export declare const AlertBannerContext: React.Context<AlertBannerContextType>;
-export {};
+import React from "react";
+import { type TypographyColor } from "@vibe/typography";
+type AlertBannerContextType = {
+    textColor: Extract<TypographyColor, "onPrimary" | "onInverted" | "fixedDark">;
+};
+export declare const AlertBannerContext: React.Context<AlertBannerContextType>;
+export {};

package/dist/components/AlertBanner/AlertBannerLink/AlertBannerLink.d.ts

@@ -1,10 +1,10 @@
-import { type FC } from "react";
-import { type LinkProps } from "../../Link/Link";
-export interface AlertBannerLinkProps extends LinkProps {
-    /**
-     * If true, a left margin is applied to the link.
-     */
-    marginLeft?: boolean;
-}
-declare const AlertBannerLink: FC<AlertBannerLinkProps>;
-export default AlertBannerLink;
+import { type FC } from "react";
+import { type LinkProps } from "../../Link/Link";
+export interface AlertBannerLinkProps extends LinkProps {
+    /**
+     * If true, a left margin is applied to the link.
+     */
+    marginLeft?: boolean;
+}
+declare const AlertBannerLink: FC<AlertBannerLinkProps>;
+export default AlertBannerLink;

package/dist/components/AlertBanner/AlertBannerText/AlertBannerText.d.ts

@@ -1,18 +1,18 @@
-import { type FC } from "react";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-export interface AlertBannerTextProps extends VibeComponentProps {
-    /**
-     * The text content displayed within the alert banner.
-     */
-    text: string;
-    /**
-     * If true, a left margin is applied to the alert banner text.
-     */
-    marginLeft?: boolean;
-    /**
-     * The aria-live attribute value for the alert banner text.
-     */
-    ariaLive?: "polite" | "assertive" | "off";
-}
-declare const AlertBannerText: FC<AlertBannerTextProps>;
-export default AlertBannerText;
+import { type FC } from "react";
+import type VibeComponentProps from "../../../types/VibeComponentProps";
+export interface AlertBannerTextProps extends VibeComponentProps {
+    /**
+     * The text content displayed within the alert banner.
+     */
+    text: string;
+    /**
+     * If true, a left margin is applied to the alert banner text.
+     */
+    marginLeft?: boolean;
+    /**
+     * The aria-live attribute value for the alert banner text.
+     */
+    ariaLive?: "polite" | "assertive" | "off";
+}
+declare const AlertBannerText: FC<AlertBannerTextProps>;
+export default AlertBannerText;

package/dist/components/AlertBanner/index.d.ts

@@ -1,5 +1,5 @@
-export { default as AlertBanner, type AlertBannerProps } from "./AlertBanner";
-export { default as AlertBannerButton, type AlertBannerButtonProps } from "./AlertBannerButton/AlertBannerButton";
-export { default as AlertBannerLink, type AlertBannerLinkProps } from "./AlertBannerLink/AlertBannerLink";
-export { default as AlertBannerText, type AlertBannerTextProps } from "./AlertBannerText/AlertBannerText";
-export * from "./AlertBanner.types";
+export { default as AlertBanner, type AlertBannerProps } from "./AlertBanner";
+export { default as AlertBannerButton, type AlertBannerButtonProps } from "./AlertBannerButton/AlertBannerButton";
+export { default as AlertBannerLink, type AlertBannerLinkProps } from "./AlertBannerLink/AlertBannerLink";
+export { default as AlertBannerText, type AlertBannerTextProps } from "./AlertBannerText/AlertBannerText";
+export * from "./AlertBanner.types";

package/dist/components/AttentionBox/AttentionBox.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import type { AttentionBoxProps } from "./AttentionBox.types";
-declare const AttentionBox: React.ForwardRefExoticComponent<AttentionBoxProps & React.RefAttributes<HTMLDivElement>>;
-export default AttentionBox;
+import React from "react";
+import type { AttentionBoxProps } from "./AttentionBox.types";
+declare const AttentionBox: React.ForwardRefExoticComponent<AttentionBoxProps & React.RefAttributes<HTMLDivElement>>;
+export default AttentionBox;

package/dist/components/AttentionBox/AttentionBox.types.d.ts

@@ -1,70 +1,70 @@
-import type { ReactNode, MouseEvent } from "react";
-import type { VibeComponentProps } from "../../types";
-import type { SubIcon, IconType } from "@vibe/icon";
-import type { AttentionBoxButtonProps } from "./components/AttentionBoxButton/AttentionBoxButton";
-import type { AttentionBoxLinkProps } from "./components/AttentionBoxLink/AttentionBoxLink";
-export type AttentionBoxType = "primary" | "positive" | "negative" | "warning" | "neutral";
-export type AttentionBoxContentProps = {
-    /**
-     * The main text content
-     */
-    text: string;
-    children?: never;
-} | {
-    /**
-     * Custom children to override the default text content
-     */
-    children: ReactNode;
-    text?: never;
-};
-export interface AttentionBoxLayoutSharedProps extends Pick<AttentionBoxProps, "icon" | "iconType" | "onClose" | "closeButtonAriaLabel" | "action" | "link"> {
-    content: ReactNode;
-}
-export type AttentionBoxCompactTitleProps = {
-    compact?: false;
-    /**
-     * The title of the attention box
-     */
-    title?: string;
-} | {
-    /**
-     * When true, the attention box will be displayed in compact mode of one-liner
-     */
-    compact: true;
-    title?: never;
-};
-export type AttentionBoxRole = "alert" | "status";
-export type AttentionBoxProps = VibeComponentProps & AttentionBoxContentProps & AttentionBoxCompactTitleProps & {
-    /**
-     * The variant type of the attention box
-     */
-    type?: AttentionBoxType;
-    /**
-     * The type of the icon
-     */
-    iconType?: IconType;
-    /**
-     * The icon to display. Pass `false` to hide the icon entirely, or omit to use the default icon for the type.
-     */
-    icon?: SubIcon | false;
-    /**
-     * Callback when the close button is clicked
-     */
-    onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Custom aria label for the close button
-     */
-    closeButtonAriaLabel?: string;
-    /**
-     * Whether to animate the entrance
-     */
-    animate?: boolean;
-    /**
-     * Action button configuration
-     */
-    action?: AttentionBoxButtonProps;
-    /**
-     * Link configuration
-     */
-    link?: Omit<AttentionBoxLinkProps, "inlineText">;
-};
+import type { ReactNode, MouseEvent } from "react";
+import type { VibeComponentProps } from "../../types";
+import type { SubIcon, IconType } from "@vibe/icon";
+import type { AttentionBoxButtonProps } from "./components/AttentionBoxButton/AttentionBoxButton";
+import type { AttentionBoxLinkProps } from "./components/AttentionBoxLink/AttentionBoxLink";
+export type AttentionBoxType = "primary" | "positive" | "negative" | "warning" | "neutral";
+export type AttentionBoxContentProps = {
+    /**
+     * The main text content
+     */
+    text: string;
+    children?: never;
+} | {
+    /**
+     * Custom children to override the default text content
+     */
+    children: ReactNode;
+    text?: never;
+};
+export interface AttentionBoxLayoutSharedProps extends Pick<AttentionBoxProps, "icon" | "iconType" | "onClose" | "closeButtonAriaLabel" | "action" | "link"> {
+    content: ReactNode;
+}
+export type AttentionBoxCompactTitleProps = {
+    compact?: false;
+    /**
+     * The title of the attention box
+     */
+    title?: string;
+} | {
+    /**
+     * When true, the attention box will be displayed in compact mode of one-liner
+     */
+    compact: true;
+    title?: never;
+};
+export type AttentionBoxRole = "alert" | "status";
+export type AttentionBoxProps = VibeComponentProps & AttentionBoxContentProps & AttentionBoxCompactTitleProps & {
+    /**
+     * The variant type of the attention box
+     */
+    type?: AttentionBoxType;
+    /**
+     * The type of the icon
+     */
+    iconType?: IconType;
+    /**
+     * The icon to display. Pass `false` to hide the icon entirely, or omit to use the default icon for the type.
+     */
+    icon?: SubIcon | false;
+    /**
+     * Callback when the close button is clicked
+     */
+    onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Custom aria label for the close button
+     */
+    closeButtonAriaLabel?: string;
+    /**
+     * Whether to animate the entrance
+     */
+    animate?: boolean;
+    /**
+     * Action button configuration
+     */
+    action?: AttentionBoxButtonProps;
+    /**
+     * Link configuration
+     */
+    link?: Omit<AttentionBoxLinkProps, "inlineText">;
+};

package/dist/components/AttentionBox/components/AttentionBoxButton/AttentionBoxButton.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import { type ButtonProps } from "@vibe/button";
-export interface AttentionBoxButtonProps extends Omit<ButtonProps, "size" | "kind" | "color" | "children"> {
-    text: string;
-}
-declare const AttentionBoxButton: React.ForwardRefExoticComponent<AttentionBoxButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default AttentionBoxButton;
+import React from "react";
+import { type ButtonProps } from "@vibe/button";
+export interface AttentionBoxButtonProps extends Omit<ButtonProps, "size" | "kind" | "color" | "children"> {
+    text: string;
+}
+declare const AttentionBoxButton: React.ForwardRefExoticComponent<AttentionBoxButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default AttentionBoxButton;

package/dist/components/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
-export interface AttentionBoxCloseButtonProps {
-    onClose?: (event: React.MouseEvent) => void;
-    closeButtonAriaLabel?: string;
-    className?: string;
-}
-declare const AttentionBoxCloseButton: ({ onClose, closeButtonAriaLabel, className }: AttentionBoxCloseButtonProps) => React.JSX.Element;
-export default AttentionBoxCloseButton;
+import React from "react";
+export interface AttentionBoxCloseButtonProps {
+    onClose?: (event: React.MouseEvent) => void;
+    closeButtonAriaLabel?: string;
+    className?: string;
+}
+declare const AttentionBoxCloseButton: ({ onClose, closeButtonAriaLabel, className }: AttentionBoxCloseButtonProps) => React.JSX.Element;
+export default AttentionBoxCloseButton;

package/dist/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
-import { type SubIcon, type IconType } from "@vibe/icon";
-export interface AttentionBoxLeadingIconProps {
-    icon?: SubIcon;
-    iconType?: IconType;
-    className?: string;
-}
-declare const AttentionBoxLeadingIcon: ({ icon, iconType, className }: AttentionBoxLeadingIconProps) => React.JSX.Element;
-export default AttentionBoxLeadingIcon;
+import React from "react";
+import { type SubIcon, type IconType } from "@vibe/icon";
+export interface AttentionBoxLeadingIconProps {
+    icon?: SubIcon;
+    iconType?: IconType;
+    className?: string;
+}
+declare const AttentionBoxLeadingIcon: ({ icon, iconType, className }: AttentionBoxLeadingIconProps) => React.JSX.Element;
+export default AttentionBoxLeadingIcon;

package/dist/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import type { LinkProps } from "../../../Link";
-export type AttentionBoxLinkProps = LinkProps;
-declare const AttentionBoxLink: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
-export default AttentionBoxLink;
+import React from "react";
+import type { LinkProps } from "../../../Link";
+export type AttentionBoxLinkProps = LinkProps;
+declare const AttentionBoxLink: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export default AttentionBoxLink;

package/dist/components/AttentionBox/consts/icons.d.ts

@@ -1,3 +1,3 @@
-import type { AttentionBoxType } from "../AttentionBox.types";
-import type { SubIcon } from "@vibe/icon";
-export declare const ATTENTION_BOX_DEFAULT_ICONS: Record<AttentionBoxType, SubIcon>;
+import type { AttentionBoxType } from "../AttentionBox.types";
+import type { SubIcon } from "@vibe/icon";
+export declare const ATTENTION_BOX_DEFAULT_ICONS: Record<AttentionBoxType, SubIcon>;

package/dist/components/AttentionBox/index.d.ts

@@ -1,2 +1,2 @@
-export { default as AttentionBox } from "./AttentionBox";
-export type { AttentionBoxProps, AttentionBoxType } from "./AttentionBox.types";
+export { default as AttentionBox } from "./AttentionBox";
+export type { AttentionBoxProps, AttentionBoxType } from "./AttentionBox.types";

package/dist/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import type { AttentionBoxLayoutSharedProps } from "../../AttentionBox.types";
-export type AttentionBoxCompactProps = AttentionBoxLayoutSharedProps;
-declare const AttentionBoxCompact: ({ icon, iconType, onClose, closeButtonAriaLabel, action, link, content }: AttentionBoxCompactProps) => React.JSX.Element;
-export default AttentionBoxCompact;
+import React from "react";
+import type { AttentionBoxLayoutSharedProps } from "../../AttentionBox.types";
+export type AttentionBoxCompactProps = AttentionBoxLayoutSharedProps;
+declare const AttentionBoxCompact: ({ icon, iconType, onClose, closeButtonAriaLabel, action, link, content }: AttentionBoxCompactProps) => React.JSX.Element;
+export default AttentionBoxCompact;

package/dist/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import type { AttentionBoxLayoutSharedProps, AttentionBoxProps } from "../../AttentionBox.types";
-export type AttentionBoxDefaultProps = AttentionBoxLayoutSharedProps & Pick<AttentionBoxProps, "title">;
-declare const AttentionBoxDefault: ({ title, icon, iconType, onClose, closeButtonAriaLabel, action, link, content }: AttentionBoxDefaultProps) => React.JSX.Element;
-export default AttentionBoxDefault;
+import React from "react";
+import type { AttentionBoxLayoutSharedProps, AttentionBoxProps } from "../../AttentionBox.types";
+export type AttentionBoxDefaultProps = AttentionBoxLayoutSharedProps & Pick<AttentionBoxProps, "title">;
+declare const AttentionBoxDefault: ({ title, icon, iconType, onClose, closeButtonAriaLabel, action, link, content }: AttentionBoxDefaultProps) => React.JSX.Element;
+export default AttentionBoxDefault;

package/dist/components/AttentionBox/utils/iconUtils.d.ts

@@ -1,3 +1,3 @@
-import type { SubIcon } from "@vibe/icon";
-import type { AttentionBoxType } from "../AttentionBox.types";
-export declare const resolveAttentionBoxIcon: (icon?: SubIcon | false, type?: AttentionBoxType) => SubIcon | null;
+import type { SubIcon } from "@vibe/icon";
+import type { AttentionBoxType } from "../AttentionBox.types";
+export declare const resolveAttentionBoxIcon: (icon?: SubIcon | false, type?: AttentionBoxType) => SubIcon | null;