@vibe/core 4.5.7 → 4.5.9-alpha-0c988.0

package/dist/components/Counter/Counter.d.ts

@@ -1,51 +0,0 @@
-import React from "react";
-import { type CounterColor, type CounterSize, type CounterType } from "./Counter.types";
-import { type VibeComponentProps } from "../../types";
-export interface CounterProps extends VibeComponentProps {
-    /**
-     * The ID of the element describing the counter.
-     */
-    "aria-labelledby"?: string;
-    /**
-     * Class name applied to the counter element.
-     */
-    counterClassName?: string;
-    /**
-     * The numeric value displayed in the counter.
-     */
-    count?: number;
-    /**
-     * The label of the counter for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * The size of the counter.
-     */
-    size?: CounterSize;
-    /**
-     * The visual style of the counter.
-     */
-    kind?: CounterType;
-    /**
-     * The color of the counter.
-     */
-    color?: CounterColor;
-    /**
-     * The maximum number of digits displayed before truncation.
-     */
-    maxDigits?: number;
-    /**
-     * Text prepended to the counter value.
-     */
-    prefix?: string;
-    /**
-     * Callback fired when the counter is clicked.
-     */
-    onMouseDown?: (event: React.MouseEvent<HTMLSpanElement>) => void;
-    /**
-     * If true, disables counter animations.
-     */
-    noAnimation?: boolean;
-}
-declare const Counter: ({ className, counterClassName, count, size, kind, color, maxDigits, "aria-labelledby": ariaLabelledBy, "aria-label": ariaLabel, id, prefix, onMouseDown, noAnimation, "data-testid": dataTestId }: CounterProps) => React.JSX.Element;
-export default Counter;

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

@@ -1,3 +0,0 @@
-export type CounterType = "fill" | "line";
-export type CounterColor = "primary" | "dark" | "negative" | "light";
-export type CounterSize = "xs" | "small" | "large";

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

@@ -1,2 +0,0 @@
-export { default as Counter, type CounterProps } from "./Counter";
-export * from "./Counter.types";

package/dist/components/Label/Label.d.ts

@@ -1,40 +0,0 @@
-import React from "react";
-import { type LabelColor, type LabelKind } from "./Label.types";
-import { type VibeComponentProps } from "../../types";
-import { type LabelSizes } from "./Label.types";
-export interface LabelProps extends VibeComponentProps {
-    /**
-     * Class name applied to the inner text wrapper.
-     */
-    labelClassName?: string;
-    /**
-     * The visual style of the label.
-     */
-    kind?: LabelKind;
-    /**
-     * The background color of the label.
-     */
-    color?: LabelColor;
-    /**
-     * The text content of the label.
-     */
-    text?: string;
-    /**
-     * If true, includes a leg (decorative extension).
-     */
-    isLegIncluded?: boolean;
-    /**
-     * Callback fired when the label is clicked.
-     */
-    onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
-    /**
-     * If true, triggers a celebration animation.
-     */
-    celebrationAnimation?: boolean;
-    /**
-     * The size of the label.
-     */
-    size?: LabelSizes;
-}
-declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLElement>>;
-export default Label;

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

@@ -1,5 +0,0 @@
-import { type contentColors } from "../../utils/colors-vars-map";
-export type LabelSizes = "small" | "medium";
-export type LabelKind = "fill" | "line";
-export type ContentColor = (typeof contentColors)[number];
-export type LabelColor = "primary" | "dark" | "negative" | "positive" | ContentColor;

package/dist/components/Label/LabelCelebrationAnimation.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-export interface LabelCelebrationAnimationProps {
-    /**
-     * The child component that will be wrapped by the animation.
-     */
-    children: React.ReactElement;
-    /**
-     * Callback fired when the celebration animation ends.
-     */
-    onAnimationEnd: () => void;
-}
-declare function LabelCelebrationAnimation({ children, onAnimationEnd }: LabelCelebrationAnimationProps): React.JSX.Element;
-export default LabelCelebrationAnimation;

package/dist/components/Label/LabelConstants.d.ts

@@ -1,3 +0,0 @@
-import { type TextType } from "@vibe/typography";
-import { type LabelSizes } from "./Label.types";
-export declare const mapSizesToTextSize: Record<LabelSizes, TextType>;

package/dist/components/Label/Leg.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-declare const Leg: {
-    (): React.JSX.Element;
-    displayName: string;
-};
-export default Leg;

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

@@ -1,2 +0,0 @@
-export { default as Label, type LabelProps } from "./Label";
-export * from "./Label.types";

package/dist/components/Link/Link.d.ts

@@ -1,70 +0,0 @@
-import React from "react";
-import { type SubIcon } from "@vibe/icon";
-import { type LinkColor, type LinkIconPosition, type LinkTarget } from "./Link.types";
-import { type VibeComponentProps } from "../../types";
-export interface LinkProps extends VibeComponentProps {
-    /**
-     * Class name applied to the link text.
-     */
-    textClassName?: string;
-    /**
-     * The URL the link points to.
-     */
-    href?: string;
-    /**
-     * The text content of the link.
-     */
-    text?: string;
-    /**
-     * Specifies the relationship between the current document and the linked resource.
-     */
-    rel?: string;
-    /**
-     * Callback fired when the link is clicked.
-     */
-    onClick?: (event: React.MouseEvent) => void;
-    /**
-     * Specifies where to open the linked document.
-     */
-    target?: LinkTarget;
-    /**
-     * The ARIA label for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * The ID of the element that describes this link.
-     */
-    "aria-describedby"?: string;
-    /**
-     * The ID of the element labeling this link.
-     */
-    "aria-labelledby"?: string;
-    /**
-     * Icon displayed next to the link text.
-     */
-    icon?: SubIcon;
-    /**
-     * The position of the icon relative to the text.
-     */
-    iconPosition?: LinkIconPosition;
-    /**
-     * If true, disables navigation when the link is clicked.
-     */
-    disableNavigation?: boolean;
-    /**
-     * If true, the link inherits the surrounding text's font size.
-     */
-    inheritFontSize?: boolean;
-    /**
-     * If true, the link is styled to fit within inline text content.
-     */
-    inlineText?: boolean;
-    /** The link's color style */
-    color?: LinkColor;
-    /**
-     * Inline style object applied to the link element.
-     */
-    style?: React.CSSProperties;
-}
-declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
-export default Link;

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

@@ -1,3 +0,0 @@
-export type LinkTarget = "_blank" | "_self" | "_parent" | "_top";
-export type LinkIconPosition = "start" | "end";
-export type LinkColor = "primary" | "onPrimary" | "onInverted";

package/dist/components/Link/LinkConsts.d.ts

@@ -1,16 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum LinkTarget {
-    NEW_WINDOW = "_blank",
-    SELF = "_self",
-    PARENT = "_parent",
-    TOP = "_top"
-}
-/**
- * @deprecated
- */
-export declare enum IconPosition {
-    START = "start",
-    END = "end"
-}

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

@@ -1,2 +0,0 @@
-export { default as Link, type LinkProps } from "./Link";
-export * from "./Link.types";

package/dist/components/RadioButton/RadioButton.d.ts

@@ -1,74 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../types";
-export interface RadioButtonProps extends VibeComponentProps {
-    /**
-     * Class name applied to the label text.
-     */
-    labelClassName?: string;
-    /**
-     * Class name applied to the radio button element.
-     */
-    radioButtonClassName?: string;
-    /**
-     * The label text displayed next to the radio button.
-     */
-    text?: string;
-    /**
-     * The value associated with the radio button.
-     */
-    value?: string;
-    /**
-     * The name of the radio button group.
-     */
-    name?: string;
-    /**
-     * If true, the radio button automatically receives focus on mount.
-     */
-    autoFocus?: boolean;
-    /**
-     * If true, the radio button is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * The reason why the radio button is disabled, displayed in a tooltip.
-     */
-    disabledReason?: string;
-    /**
-     * If true, the radio button is checked by default.
-     */
-    defaultChecked?: boolean;
-    /**
-     * The child elements inside the radio button.
-     */
-    children?: React.ReactNode;
-    /**
-     * Callback fired when the radio button selection changes.
-     */
-    onSelect?: (event: React.ChangeEvent<HTMLInputElement | null>) => void;
-    /**
-     * If provided, controls the checked state of the radio button.
-     */
-    checked?: boolean;
-    /**
-     * If true, clicking on children will trigger selection.
-     */
-    retainChildClick?: boolean;
-    /**
-     * The tab index applied to the children.
-     */
-    childrenTabIndex?: number;
-    /**
-     * If true, disables the label animation.
-     */
-    noLabelAnimation?: boolean;
-    /**
-     * ARIA label for accessibility when no text is provided.
-     */
-    "aria-label"?: string;
-    /**
-     * ID of element that describe this radio button.
-     */
-    "aria-describedby"?: string;
-}
-declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
-export default RadioButton;

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

@@ -1 +0,0 @@
-export { default as RadioButton, type RadioButtonProps } from "./RadioButton";

package/dist/hooks/useAfterFirstRender/index.d.ts

@@ -1,2 +0,0 @@
-import { type RefObject } from "react";
-export default function useAfterFirstRender(): RefObject<boolean>;

package/dist/mocked_classnames/components/Counter/Counter.d.ts

@@ -1,51 +0,0 @@
-import React from "react";
-import { type CounterColor, type CounterSize, type CounterType } from "./Counter.types";
-import { type VibeComponentProps } from "../../types";
-export interface CounterProps extends VibeComponentProps {
-    /**
-     * The ID of the element describing the counter.
-     */
-    "aria-labelledby"?: string;
-    /**
-     * Class name applied to the counter element.
-     */
-    counterClassName?: string;
-    /**
-     * The numeric value displayed in the counter.
-     */
-    count?: number;
-    /**
-     * The label of the counter for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * The size of the counter.
-     */
-    size?: CounterSize;
-    /**
-     * The visual style of the counter.
-     */
-    kind?: CounterType;
-    /**
-     * The color of the counter.
-     */
-    color?: CounterColor;
-    /**
-     * The maximum number of digits displayed before truncation.
-     */
-    maxDigits?: number;
-    /**
-     * Text prepended to the counter value.
-     */
-    prefix?: string;
-    /**
-     * Callback fired when the counter is clicked.
-     */
-    onMouseDown?: (event: React.MouseEvent<HTMLSpanElement>) => void;
-    /**
-     * If true, disables counter animations.
-     */
-    noAnimation?: boolean;
-}
-declare const Counter: ({ className, counterClassName, count, size, kind, color, maxDigits, "aria-labelledby": ariaLabelledBy, "aria-label": ariaLabel, id, prefix, onMouseDown, noAnimation, "data-testid": dataTestId }: CounterProps) => React.JSX.Element;
-export default Counter;

package/dist/mocked_classnames/components/Counter/Counter.types.d.ts

@@ -1,3 +0,0 @@
-export type CounterType = "fill" | "line";
-export type CounterColor = "primary" | "dark" | "negative" | "light";
-export type CounterSize = "xs" | "small" | "large";

package/dist/mocked_classnames/components/Counter/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Counter, type CounterProps } from "./Counter";
-export * from "./Counter.types";

package/dist/mocked_classnames/components/Label/Label.d.ts

@@ -1,40 +0,0 @@
-import React from "react";
-import { type LabelColor, type LabelKind } from "./Label.types";
-import { type VibeComponentProps } from "../../types";
-import { type LabelSizes } from "./Label.types";
-export interface LabelProps extends VibeComponentProps {
-    /**
-     * Class name applied to the inner text wrapper.
-     */
-    labelClassName?: string;
-    /**
-     * The visual style of the label.
-     */
-    kind?: LabelKind;
-    /**
-     * The background color of the label.
-     */
-    color?: LabelColor;
-    /**
-     * The text content of the label.
-     */
-    text?: string;
-    /**
-     * If true, includes a leg (decorative extension).
-     */
-    isLegIncluded?: boolean;
-    /**
-     * Callback fired when the label is clicked.
-     */
-    onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
-    /**
-     * If true, triggers a celebration animation.
-     */
-    celebrationAnimation?: boolean;
-    /**
-     * The size of the label.
-     */
-    size?: LabelSizes;
-}
-declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLElement>>;
-export default Label;

package/dist/mocked_classnames/components/Label/Label.types.d.ts

@@ -1,5 +0,0 @@
-import { type contentColors } from "../../utils/colors-vars-map";
-export type LabelSizes = "small" | "medium";
-export type LabelKind = "fill" | "line";
-export type ContentColor = (typeof contentColors)[number];
-export type LabelColor = "primary" | "dark" | "negative" | "positive" | ContentColor;

package/dist/mocked_classnames/components/Label/LabelCelebrationAnimation.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-export interface LabelCelebrationAnimationProps {
-    /**
-     * The child component that will be wrapped by the animation.
-     */
-    children: React.ReactElement;
-    /**
-     * Callback fired when the celebration animation ends.
-     */
-    onAnimationEnd: () => void;
-}
-declare function LabelCelebrationAnimation({ children, onAnimationEnd }: LabelCelebrationAnimationProps): React.JSX.Element;
-export default LabelCelebrationAnimation;

package/dist/mocked_classnames/components/Label/LabelConstants.d.ts

@@ -1,3 +0,0 @@
-import { type TextType } from "@vibe/typography";
-import { type LabelSizes } from "./Label.types";
-export declare const mapSizesToTextSize: Record<LabelSizes, TextType>;

package/dist/mocked_classnames/components/Label/Leg.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-declare const Leg: {
-    (): React.JSX.Element;
-    displayName: string;
-};
-export default Leg;

package/dist/mocked_classnames/components/Label/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Label, type LabelProps } from "./Label";
-export * from "./Label.types";

package/dist/mocked_classnames/components/Link/Link.d.ts

@@ -1,70 +0,0 @@
-import React from "react";
-import { type SubIcon } from "@vibe/icon";
-import { type LinkColor, type LinkIconPosition, type LinkTarget } from "./Link.types";
-import { type VibeComponentProps } from "../../types";
-export interface LinkProps extends VibeComponentProps {
-    /**
-     * Class name applied to the link text.
-     */
-    textClassName?: string;
-    /**
-     * The URL the link points to.
-     */
-    href?: string;
-    /**
-     * The text content of the link.
-     */
-    text?: string;
-    /**
-     * Specifies the relationship between the current document and the linked resource.
-     */
-    rel?: string;
-    /**
-     * Callback fired when the link is clicked.
-     */
-    onClick?: (event: React.MouseEvent) => void;
-    /**
-     * Specifies where to open the linked document.
-     */
-    target?: LinkTarget;
-    /**
-     * The ARIA label for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * The ID of the element that describes this link.
-     */
-    "aria-describedby"?: string;
-    /**
-     * The ID of the element labeling this link.
-     */
-    "aria-labelledby"?: string;
-    /**
-     * Icon displayed next to the link text.
-     */
-    icon?: SubIcon;
-    /**
-     * The position of the icon relative to the text.
-     */
-    iconPosition?: LinkIconPosition;
-    /**
-     * If true, disables navigation when the link is clicked.
-     */
-    disableNavigation?: boolean;
-    /**
-     * If true, the link inherits the surrounding text's font size.
-     */
-    inheritFontSize?: boolean;
-    /**
-     * If true, the link is styled to fit within inline text content.
-     */
-    inlineText?: boolean;
-    /** The link's color style */
-    color?: LinkColor;
-    /**
-     * Inline style object applied to the link element.
-     */
-    style?: React.CSSProperties;
-}
-declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
-export default Link;

package/dist/mocked_classnames/components/Link/Link.types.d.ts

@@ -1,3 +0,0 @@
-export type LinkTarget = "_blank" | "_self" | "_parent" | "_top";
-export type LinkIconPosition = "start" | "end";
-export type LinkColor = "primary" | "onPrimary" | "onInverted";

package/dist/mocked_classnames/components/Link/LinkConsts.d.ts

@@ -1,16 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum LinkTarget {
-    NEW_WINDOW = "_blank",
-    SELF = "_self",
-    PARENT = "_parent",
-    TOP = "_top"
-}
-/**
- * @deprecated
- */
-export declare enum IconPosition {
-    START = "start",
-    END = "end"
-}

package/dist/mocked_classnames/components/Link/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Link, type LinkProps } from "./Link";
-export * from "./Link.types";

package/dist/mocked_classnames/components/RadioButton/RadioButton.d.ts

@@ -1,74 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../types";
-export interface RadioButtonProps extends VibeComponentProps {
-    /**
-     * Class name applied to the label text.
-     */
-    labelClassName?: string;
-    /**
-     * Class name applied to the radio button element.
-     */
-    radioButtonClassName?: string;
-    /**
-     * The label text displayed next to the radio button.
-     */
-    text?: string;
-    /**
-     * The value associated with the radio button.
-     */
-    value?: string;
-    /**
-     * The name of the radio button group.
-     */
-    name?: string;
-    /**
-     * If true, the radio button automatically receives focus on mount.
-     */
-    autoFocus?: boolean;
-    /**
-     * If true, the radio button is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * The reason why the radio button is disabled, displayed in a tooltip.
-     */
-    disabledReason?: string;
-    /**
-     * If true, the radio button is checked by default.
-     */
-    defaultChecked?: boolean;
-    /**
-     * The child elements inside the radio button.
-     */
-    children?: React.ReactNode;
-    /**
-     * Callback fired when the radio button selection changes.
-     */
-    onSelect?: (event: React.ChangeEvent<HTMLInputElement | null>) => void;
-    /**
-     * If provided, controls the checked state of the radio button.
-     */
-    checked?: boolean;
-    /**
-     * If true, clicking on children will trigger selection.
-     */
-    retainChildClick?: boolean;
-    /**
-     * The tab index applied to the children.
-     */
-    childrenTabIndex?: number;
-    /**
-     * If true, disables the label animation.
-     */
-    noLabelAnimation?: boolean;
-    /**
-     * ARIA label for accessibility when no text is provided.
-     */
-    "aria-label"?: string;
-    /**
-     * ID of element that describe this radio button.
-     */
-    "aria-describedby"?: string;
-}
-declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
-export default RadioButton;

package/dist/mocked_classnames/components/RadioButton/index.d.ts

@@ -1 +0,0 @@
-export { default as RadioButton, type RadioButtonProps } from "./RadioButton";

package/dist/mocked_classnames/hooks/useAfterFirstRender/index.d.ts

@@ -1,2 +0,0 @@
-import { type RefObject } from "react";
-export default function useAfterFirstRender(): RefObject<boolean>;

package/dist/mocked_classnames/src/components/Counter/Counter.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as i}from"es-toolkit";import{useEventListener as a,getStyle as o,NOOP as r}from"@vibe/shared";import{getTestId as n,ComponentDefaultTestId as s}from"../../tests/testIds.js";import l from"classnames";import d,{useState as c,useRef as m,useCallback as u,useEffect as f,useMemo as v}from"react";import{SwitchTransition as p,CSSTransition as E}from"react-transition-group";import b from"../../hooks/useAfterFirstRender/index.js";import x from"./Counter.module.scss.js";import{ComponentVibeId as N}from"../../tests/constants.js";var A=function(A){var g=A.className,k=A.counterClassName,y=A.count,h=void 0===y?0:y,j=A.size,C=void 0===j?"large":j,R=A.kind,w=void 0===R?"fill":R,M=A.color,T=void 0===M?"primary":M,D=A.maxDigits,O=void 0===D?3:D,U=A["aria-labelledby"],z=void 0===U?"":U,L=A["aria-label"],P=void 0===L?"":L,_=A.id,B=void 0===_?"":_,F=A.prefix,H=void 0===F?"":F,I=A.onMouseDown,q=void 0===I?r:I,G=A.noAnimation,J=void 0!==G&&G,K=A["data-testid"],Q=c(!1),S=e(Q,2),V=S[0],W=S[1],X=m(null),Y=m(null),Z=u((function(){W(!0)}),[W]),$=u((function(){W(!1)}),[W]);a({eventName:"animationend",callback:$,ref:X});var ee=b();f((function(){ee.current&&Z()}),[h,ee,Z]),f((function(){O>0||console.error("Max digits must be a positive number")}),[O]);var te=v((function(){return l(x.counter,o(x,i("size-"+C)),o(x,i("kind-"+w)),o(x,i("color-"+T)),t({},x.withAnimation,V),k)}),[C,w,T,V,k]),ie="counter"+(B?"-".concat(B):""),ae=(null==h?void 0:(""+h).length)>O?"".concat(Math.pow(10,O)-1,"+"):h+"",oe=d.createElement("span",{id:ie,"data-testid":K||n(s.COUNTER,B)},H+ae);return d.createElement("span",{className:g,"aria-label":"".concat(P," ").concat(ae),"aria-labelledby":z,onMouseDown:q,"data-vibe":N.COUNTER},d.createElement("div",{className:te,"aria-label":ae,ref:X},J?oe:d.createElement(p,{mode:"out-in"},d.createElement(E,{key:ae,nodeRef:Y,classNames:{enter:x.fadeEnter,enterActive:x.fadeEnterActive,exit:x.fadeExit,exitActive:x.fadeExitActive},addEndListener:function(e){var t;null===(t=Y.current)||void 0===t||t.addEventListener("transitionend",e,!1)}},d.createElement("span",{ref:Y,id:ie,"data-testid":K||n(s.COUNTER,B)},H+ae)))))};export{A as default};
-//# sourceMappingURL=Counter.js.map