@vibe/core 3.0.0-beta.3 → 3.0.0

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

@@ -6,4 +6,8 @@ export type AvatarGroupCounterVisualProps = {
     maxDigits?: number;
     ariaLabelItemsName?: string;
     noAnimation?: boolean;
+    /**
+     * Relevant only for when AvatarGroup contains a clickable avatar
+     */
+    dialogContainerSelector?: string;
 };

package/dist/components/Box/BoxConstants.d.ts

@@ -21,193 +21,193 @@ export declare enum BorderColor {
  * @deprecated
  */
 export declare enum Rounded {
-    SMALL = "roundedSmall",
-    MEDIUM = "roundedMedium",
-    BIG = "roundedBig"
+    SMALL = "small",
+    MEDIUM = "medium",
+    BIG = "big"
 }
 /**
  * @deprecated
  */
 export declare enum Shadow {
-    XS = "shadowXs",
-    SMALL = "shadowSmall",
-    MEDIUM = "shadowMedium",
-    LARGE = "shadowLarge"
+    XS = "xs",
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large"
 }
 /**
  * @deprecated
  */
 export declare enum Margin {
-    AUTO = "mAuto",
-    XS = "mXs",
-    SMALL = "mSmall",
-    MEDIUM = "mMedium",
-    LARGE = "mLarge",
-    XL = "mXl",
-    XXL = "mXxl",
-    XXXL = "mXxxl"
+    AUTO = "auto",
+    XS = "xs",
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    XL = "xl",
+    XXL = "xxl",
+    XXXL = "xxxl"
 }
 /**
  * @deprecated
  */
 export declare enum MarginX {
-    AUTO = "mxAuto",
-    XS = "mxXs",
-    SMALL = "mxSmall",
-    MEDIUM = "mxMedium",
-    LARGE = "mxLarge",
-    XL = "mxXl",
-    XXL = "mxXxl",
-    XXXL = "mxXxxl"
+    AUTO = "auto",
+    XS = "xs",
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    XL = "xl",
+    XXL = "xxl",
+    XXXL = "xxxl"
 }
 /**
  * @deprecated
  */
 export declare enum MarginY {
-    AUTO = "myAuto",
-    XS = "myXs",
-    SMALL = "mySmall",
-    MEDIUM = "myMedium",
-    LARGE = "myLarge",
-    XL = "myXl",
-    XXL = "myXxl",
-    XXXL = "myXxxl"
+    AUTO = "auto",
+    XS = "xs",
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    XL = "xl",
+    XXL = "xxl",
+    XXXL = "xxxl"
 }
 /**
  * @deprecated
  */
 export declare enum MarginTop {
-    AUTO = "mtAuto",
-    XS = "mtXs",
-    SMALL = "mtSmall",
-    MEDIUM = "mtMedium",
-    LARGE = "mtLarge",
-    XL = "mtXl",
-    XXL = "mtXxl",
-    XXXL = "mtXxxl"
+    AUTO = "auto",
+    XS = "xs",
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    XL = "xl",
+    XXL = "xxl",
+    XXXL = "xxxl"
 }
 /**
  * @deprecated
  */
 export declare enum MarginEnd {
-    AUTO = "meAuto",
-    XS = "meXs",
-    SMALL = "meSmall",
-    MEDIUM = "meMedium",
-    LARGE = "meLarge",
-    XL = "meXl",
-    XXL = "meXxl",
-    XXXL = "meXxxl"
+    AUTO = "auto",
+    XS = "xs",
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    XL = "xl",
+    XXL = "xxl",
+    XXXL = "xxxl"
 }
 /**
  * @deprecated
  */
 export declare enum MarginBottom {
-    AUTO = "mbAuto",
-    XS = "mbXs",
-    SMALL = "mbSmall",
-    MEDIUM = "mbMedium",
-    LARGE = "mbLarge",
-    XL = "mbXl",
-    XXL = "mbXxl",
-    XXXL = "mbXxxl"
+    AUTO = "auto",
+    XS = "xs",
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    XL = "xl",
+    XXL = "xxl",
+    XXXL = "xxxl"
 }
 /**
  * @deprecated
  */
 export declare enum MarginStart {
-    AUTO = "msAuto",
-    XS = "msXs",
-    SMALL = "msSmall",
-    MEDIUM = "msMedium",
-    LARGE = "msLarge",
-    XL = "msXl",
-    XXL = "msXxl",
-    XXXL = "msXxxl"
+    AUTO = "auto",
+    XS = "xs",
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    XL = "xl",
+    XXL = "xxl",
+    XXXL = "xxxl"
 }
 /**
  * @deprecated
  */
 export declare enum Padding {
-    XS = "pXs",
-    SMALL = "pSmall",
-    MEDIUM = "pMedium",
-    LARGE = "pLarge",
-    XL = "pXl",
-    XXL = "pXxl",
-    XXXL = "pXxxl"
+    XS = "xs",
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    XL = "xl",
+    XXL = "xxl",
+    XXXL = "xxxl"
 }
 /**
  * @deprecated
  */
 export declare enum PaddingX {
-    XS = "pxXs",
-    SMALL = "pxSmall",
-    MEDIUM = "pxMedium",
-    LARGE = "pxLarge",
-    XL = "pxXl",
-    XXL = "pxXxl",
-    XXXL = "pxXxxl"
+    XS = "xs",
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    XL = "xl",
+    XXL = "xxl",
+    XXXL = "xxxl"
 }
 /**
  * @deprecated
  */
 export declare enum PaddingY {
-    XS = "pyXs",
-    SMALL = "pySmall",
-    MEDIUM = "pyMedium",
-    LARGE = "pyLarge",
-    XL = "pyXl",
-    XXL = "pyXxl",
-    XXXL = "pyXxxl"
+    XS = "xs",
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    XL = "xl",
+    XXL = "xxl",
+    XXXL = "xxxl"
 }
 /**
  * @deprecated
  */
 export declare enum PaddingTop {
-    XS = "ptXs",
-    SMALL = "ptSmall",
-    MEDIUM = "ptMedium",
-    LARGE = "ptLarge",
-    XL = "ptXl",
-    XXL = "ptXxl",
-    XXXL = "ptXxxl"
+    XS = "xs",
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    XL = "xl",
+    XXL = "xxl",
+    XXXL = "xxxl"
 }
 /**
  * @deprecated
  */
 export declare enum PaddingEnd {
-    XS = "peXs",
-    SMALL = "peSmall",
-    MEDIUM = "peMedium",
-    LARGE = "peLarge",
-    XL = "peXl",
-    XXL = "peXxl",
-    XXXL = "peXxxl"
+    XS = "xs",
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    XL = "xl",
+    XXL = "xxl",
+    XXXL = "xxxl"
 }
 /**
  * @deprecated
  */
 export declare enum PaddingBottom {
-    XS = "pbXs",
-    SMALL = "pbSmall",
-    MEDIUM = "pbMedium",
-    LARGE = "pbLarge",
-    XL = "pbXl",
-    XXL = "pbXxl",
-    XXXL = "pbXxxl"
+    XS = "xs",
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    XL = "xl",
+    XXL = "xxl",
+    XXXL = "xxxl"
 }
 /**
  * @deprecated
  */
 export declare enum PaddingStart {
-    XS = "psXs",
-    SMALL = "psSmall",
-    MEDIUM = "psMedium",
-    LARGE = "psLarge",
-    XL = "psXl",
-    XXL = "psXxl",
-    XXXL = "psXxxl"
+    XS = "xs",
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    XL = "xl",
+    XXL = "xxl",
+    XXXL = "xxxl"
 }
 /**
  * @deprecated

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

@@ -255,6 +255,14 @@ export interface DropdownComponentProps extends CustomMenuBaseProps, CustomOptio
      * createFilter function is available at Dropdown.createFilter
      */
     filterOption?: (option: DropdownOption, inputValue: string) => boolean;
+    /**
+     * The current value of the input field, used to control the current value of the input field programmatically
+     */
+    inputValue?: string;
+    /**
+     * If true, the input field will lose focus when an option is selected
+     */
+    blurInputOnSelect?: boolean;
     OptionRenderer?: React.ReactNode;
     menuIsOpen?: boolean;
     onOptionSelect?: (option: DropdownOption) => void;

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { SubIcon, VibeComponentProps } from "../../types";
-import { InputSize } from "../BaseInput/BaseInput.types";
+import { InputSize } from "../BaseInput";
 import IconButton from "../IconButton/IconButton";
 import MenuButton from "../MenuButton/MenuButton";
 export interface SearchProps extends VibeComponentProps {
@@ -92,4 +92,8 @@ export interface SearchProps extends VibeComponentProps {
      * Callback function that is called when the clear button is clicked.
      */
     onClear?: () => void;
+    /**
+     * Callback function that is called when a keyboard key is down.
+     */
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
 }

package/dist/components/SlideTransition/SlideTransition.d.ts

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

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { VibeComponentProps } from "../../types";
+export interface SlideTransitionProps extends VibeComponentProps {
+    direction: SlideDirection;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+}
+export type SlideDirection = "forward" | "backward";

package/dist/components/SlideTransition/utils/animationVariants.d.ts

@@ -0,0 +1,19 @@
+import { SlideDirection } from "../SlideTransition.types";
+export declare const slideAnimationVariants: {
+    initial: (direction: SlideDirection) => {
+        x: string;
+        opacity: number;
+    };
+    enter: {
+        x: number;
+        opacity: number;
+    };
+    exit: (direction: SlideDirection) => {
+        x: string;
+        opacity: number;
+    };
+};
+export declare const slideAnimationTransition: {
+    duration: number;
+    ease: number[];
+};

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

@@ -45,5 +45,18 @@ export interface TextAreaProps extends TextAreaNativeInputProps, VibeComponentPr
      * Placeholder text to display when the textarea is empty.
      */
     placeholder?: string;
+    /**
+     * The allowed number of characters.
+     */
+    maxLength?: number;
+    /**
+     * If true, the TextArea will allow the user to exceed the character limit set by maxLength.
+     * Note: Using this prop will only make sense alongside the maxLength prop.
+     */
+    allowExceedingMaxLength?: boolean;
+    /**
+     * If true, the character count and limit will be displayed below the textarea.
+     */
+    showCharCount?: boolean;
 }
 export {};

package/dist/components/TextField/TextField.d.ts

@@ -43,6 +43,7 @@ export interface TextFieldProps extends VibeComponentProps {
     /** TEXT_TYPES is exposed on the component itself */
     type?: TextFieldType;
     maxLength?: number;
+    allowExceedingMaxLength?: boolean;
     trim?: boolean;
     /** ARIA role for container landmark */
     role?: string;

package/dist/components/TransitionView/TransitionView.d.ts

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

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

@@ -0,0 +1,10 @@
+import React from "react";
+import { VibeComponentProps } from "../../types";
+import { SlideDirection } from "../SlideTransition/SlideTransition.types";
+export interface TransitionViewProps extends VibeComponentProps {
+    activeStep: number;
+    direction: TransitionDirection;
+    height?: number;
+    children: React.ReactNode[];
+}
+export type TransitionDirection = SlideDirection;

package/dist/hooks/index.d.ts

@@ -19,3 +19,4 @@ export { default as useListenFocusTriggers } from "./useListenFocusTriggers";
 export { default as useClickableProps } from "./useClickableProps/useClickableProps";
 export { default as useSwitch } from "./useSwitch";
 export { default as useElementsOverflowingIndex } from "./useElementsOverflowingIndex";
+export { default as useWizard } from "./useWizard/useWizard";

package/dist/hooks/useWizard/useWizard.d.ts

@@ -0,0 +1,3 @@
+import { UseWizardProps, UseWizardReturnValue } from "./useWizard.types";
+declare function useWizard({ initialStep, stepCount, onStepChange, onFinish }: UseWizardProps): UseWizardReturnValue;
+export default useWizard;

package/dist/hooks/useWizard/useWizard.types.d.ts

@@ -0,0 +1,16 @@
+export interface UseWizardProps {
+    initialStep?: number;
+    stepCount: number;
+    onStepChange?: (newStep: number, oldStep: number) => void;
+    onFinish?: () => void;
+}
+export interface UseWizardReturnValue {
+    activeStep: number;
+    direction: WizardDirection;
+    next: () => void;
+    back: () => void;
+    goToStep: (newStep: number) => void;
+    isFirstStep: boolean;
+    isLastStep: boolean;
+}
+export type WizardDirection = "forward" | "backward";

package/dist/icons/dist/react/CloseSmall.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../_virtual/_tslib.js";import*as l from"react";var r=function(r){var t=r.size,i=e(r,["size"]);return l.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"currentColor",width:t||"20",height:t||"20"},i),l.createElement("path",{d:"M6.53033 5.46967C6.23744 5.17678 5.76256 5.17678 5.46967 5.46967C5.17678 5.76256 5.17678 6.23744 5.46967 6.53033L8.62562 9.68628L5.47045 12.8415C5.17756 13.1343 5.17756 13.6092 5.47045 13.9021C5.76334 14.195 6.23822 14.195 6.53111 13.9021L9.68628 10.7469L12.8415 13.9021C13.1343 14.195 13.6092 14.195 13.9021 13.9021C14.195 13.6092 14.195 13.1343 13.9021 12.8415L10.7469 9.68628L13.9029 6.53033C14.1958 6.23744 14.1958 5.76256 13.9029 5.46967C13.61 5.17678 13.1351 5.17678 12.8422 5.46967L9.68628 8.62562L6.53033 5.46967Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))};r.displayName="CloseSmall";export{r as default};
+import{__rest as e}from"../_virtual/_tslib.js";import*as a from"react";var t=function(t){var r=t.size,l=e(t,["size"]);return a.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"currentColor",width:r||"20",height:r||"20"},l),a.createElement("path",{d:"M6.331 5.27a.75.75 0 0 0-1.06 1.06L8.94 10l-3.67 3.668a.75.75 0 1 0 1.06 1.06L10 11.06l3.668 3.669a.75.75 0 0 0 1.06-1.06l-3.668-3.67 3.67-3.669a.75.75 0 0 0-1.061-1.06L10 8.939l-3.669-3.67Z"}))};t.displayName="CloseSmall";export{t as default};
 //# sourceMappingURL=CloseSmall.js.map

package/dist/icons/dist/react/CloseSmall.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloseSmall.js","sources":["../../../../../icons/dist/react/CloseSmall.js"],"sourcesContent":["import{__rest as e}from\"../_virtual/_tslib.js\";import*as l from\"react\";const t=t=>{var{size:r}=t,i=e(t,[\"size\"]);return l.createElement(\"svg\",Object.assign({viewBox:\"0 0 20 20\",fill:\"currentColor\",width:r||\"20\",height:r||\"20\"},i),l.createElement(\"path\",{d:\"M6.53033 5.46967C6.23744 5.17678 5.76256 5.17678 5.46967 5.46967C5.17678 5.76256 5.17678 6.23744 5.46967 6.53033L8.62562 9.68628L5.47045 12.8415C5.17756 13.1343 5.17756 13.6092 5.47045 13.9021C5.76334 14.195 6.23822 14.195 6.53111 13.9021L9.68628 10.7469L12.8415 13.9021C13.1343 14.195 13.6092 14.195 13.9021 13.9021C14.195 13.6092 14.195 13.1343 13.9021 12.8415L10.7469 9.68628L13.9029 6.53033C14.1958 6.23744 14.1958 5.76256 13.9029 5.46967C13.61 5.17678 13.1351 5.17678 12.8422 5.46967L9.68628 8.62562L6.53033 5.46967Z\",fill:\"currentColor\",fillRule:\"evenodd\",clipRule:\"evenodd\"}))};t.displayName=\"CloseSmall\";export{t as default};\n"],"names":["t","r","size","i","e","l","createElement","Object","assign","viewBox","fill","width","height","d","fillRule","clipRule","displayName"],"mappings":"uEAAuE,IAAMA,EAAE,SAAAA,GAAO,IAAMC,EAAGD,EAARE,KAAUC,EAAEC,EAAEJ,EAAE,CAAC,SAAS,OAAOK,EAAEC,cAAc,MAAMC,OAAOC,OAAO,CAACC,QAAQ,YAAYC,KAAK,eAAeC,MAAMV,GAAG,KAAKW,OAAOX,GAAG,MAAME,GAAGE,EAAEC,cAAc,OAAO,CAACO,EAAE,4gBAA4gBH,KAAK,eAAeI,SAAS,UAAUC,SAAS,YAAY,EAAEf,EAAEgB,YAAY"}
+{"version":3,"file":"CloseSmall.js","sources":["../../../../../icons/dist/react/CloseSmall.js"],"sourcesContent":["import{__rest as e}from\"../_virtual/_tslib.js\";import*as t from\"react\";const a=a=>{var{size:l}=a,r=e(a,[\"size\"]);return t.createElement(\"svg\",Object.assign({viewBox:\"0 0 20 20\",fill:\"currentColor\",width:l||\"20\",height:l||\"20\"},r),t.createElement(\"path\",{d:\"M6.331 5.27a.75.75 0 0 0-1.06 1.06L8.94 10l-3.67 3.668a.75.75 0 1 0 1.06 1.06L10 11.06l3.668 3.669a.75.75 0 0 0 1.06-1.06l-3.668-3.67 3.67-3.669a.75.75 0 0 0-1.061-1.06L10 8.939l-3.669-3.67Z\"}))};a.displayName=\"CloseSmall\";export{a as default};\n"],"names":["a","l","size","r","e","t","createElement","Object","assign","viewBox","fill","width","height","d","displayName"],"mappings":"uEAAuE,IAAMA,EAAE,SAAAA,GAAO,IAAMC,EAAGD,EAARE,KAAUC,EAAEC,EAAEJ,EAAE,CAAC,SAAS,OAAOK,EAAEC,cAAc,MAAMC,OAAOC,OAAO,CAACC,QAAQ,YAAYC,KAAK,eAAeC,MAAMV,GAAG,KAAKW,OAAOX,GAAG,MAAME,GAAGE,EAAEC,cAAc,OAAO,CAACO,EAAE,mMAAmM,EAAEb,EAAEc,YAAY"}

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

@@ -6,4 +6,8 @@ export type AvatarGroupCounterVisualProps = {
     maxDigits?: number;
     ariaLabelItemsName?: string;
     noAnimation?: boolean;
+    /**
+     * Relevant only for when AvatarGroup contains a clickable avatar
+     */
+    dialogContainerSelector?: string;
 };