@kubit-ui-web/react-components 2.0.0-beta.18 → 2.0.0-beta.19

package/dist/types/index.d.ts

@@ -121,6 +121,58 @@ export declare type AccordionVariantStyles<Variant extends string> = AccordionSt
     [key in Variant]: AccordionStyleProps;
 };
 
+/**
+ * Alert component for displaying notification messages.
+ *
+ * This component renders styled alerts.
+ * Useful for notifications, success/error messages, and informational banners.
+ * Always visible - no open/close functionality.
+ *
+ * @example
+ * ```tsx
+ * <Alert
+ *   variant="success"
+ *   content={{ content: "Your changes have been saved." }}
+ * />
+ * ```
+ */
+export declare const Alert: ForwardRefExoticComponent<AlertProps<string> & RefAttributes<HTMLDivElement>>;
+
+declare type AlertCssClasses = ComponentSelected<ComponentsTypesComponents['ALERT']>;
+
+/**
+ * Interface for the Alert component.
+ * Extends the AlertStandAloneProps interface and adds a variant and additional CSS classes.
+ *
+ * @template Variant - The type of the variant for the Alert.
+ */
+export declare interface AlertProps<Variant = undefined extends string ? unknown : string> extends AlertStandAloneProps {
+    variant?: Variant;
+    additionalClasses?: Partial<AlertCssClasses>;
+}
+
+/**
+ * Interface for the standalone Alert component.
+ * A simplified component that displays alert messages. Always visible.
+ */
+export declare interface AlertStandAloneProps extends DataAttributes {
+    content: CommonTextProps;
+    role?: React.AriaRole;
+    id?: string;
+    ariaLive?: AriaAttributes['aria-live'];
+    cssClasses?: AlertCssClasses;
+}
+
+export declare interface AlertStyleProps extends CssLibPropsType {
+    _container?: CssLibPropsType;
+    _contentContainer?: CssLibPropsType;
+    _description?: CssLibPropsType;
+}
+
+export declare type AlertVariantStyles<Variant extends string> = AlertStyleProps & {
+    [key in Variant]: AlertStyleProps;
+};
+
 export declare interface ArrowsControlStyleProps extends CssLibPropsType {
     _leftArrowControlContainer?: CssLibPropsType;
     _rightArrowControlContainer?: CssLibPropsType;
@@ -1076,7 +1128,7 @@ declare type ComponentSelected<T> = Pick<T, NonVariablesKeys<T>>;
 
 declare type ComponentSelected_2<T> = Pick<T, NonVariablesKeys_2<T>>;
 
-declare type ComponentsTypesAvailableComponents = 'ACCORDION' | 'AVATAR' | 'BADGE' | 'BREADCRUMBS' | 'BUTTON' | 'CALENDAR' | 'CARD_IMAGE' | 'CAROUSEL' | 'CHECKBOX' | 'CHECKBOX_BASE' | 'CHIP' | 'CONTAINER' | 'DATA_TABLE' | 'DOT' | 'DROPDOWN_SELECTED' | 'ERROR_MESSAGE' | 'ICON' | 'INPUT' | 'INPUT_BASE' | 'INPUT_DECORATION' | 'INPUT_SIGNATURE' | 'ITEM_ROVE' | 'LINK' | 'LINK_AS_BUTTON' | 'LIST_OPTIONS' | 'MESSAGE' | 'MODAL' | 'NAVBAR' | 'OPTION' | 'OVERLAY' | 'PAGE_CONTROL' | 'PAGINATION' | 'POPOVER' | 'PROGRESS_BAR' | 'RADIO_BUTTON' | 'SELECTOR_BOX_FILE' | 'SKELETON' | 'SLIDER' | 'SNACKBAR' | 'STEPPER_NUMBER' | 'TABLE' | 'TABLE_BODY' | 'TABLE_CAPTION' | 'TABLE_CELL' | 'TABLE_DIVIDER' | 'TABLE_FOOT' | 'TABLE_HEAD' | 'TABLE_ROW' | 'TABS' | 'TAG' | 'TEXT' | 'TEXT_AREA' | 'TEXT_COUNT' | 'TOGGLE' | 'TOOLTIP' | 'VIRTUAL_KEYBOARD';
+declare type ComponentsTypesAvailableComponents = 'ACCORDION' | 'ALERT' | 'AVATAR' | 'BADGE' | 'BREADCRUMBS' | 'BUTTON' | 'CALENDAR' | 'CARD_IMAGE' | 'CAROUSEL' | 'CHECKBOX' | 'CHECKBOX_BASE' | 'CHIP' | 'CONTAINER' | 'DATA_TABLE' | 'DOT' | 'DROPDOWN_SELECTED' | 'ERROR_MESSAGE' | 'ICON' | 'INPUT' | 'INPUT_BASE' | 'INPUT_DECORATION' | 'INPUT_SIGNATURE' | 'ITEM_ROVE' | 'LINK' | 'LINK_AS_BUTTON' | 'LIST_OPTIONS' | 'MODAL' | 'NAVBAR' | 'OPTION' | 'OVERLAY' | 'PAGE_CONTROL' | 'PAGINATION' | 'POPOVER' | 'PROGRESS_BAR' | 'RADIO_BUTTON' | 'SELECTOR_BOX_FILE' | 'SKELETON' | 'SLIDER' | 'SNACKBAR' | 'STEPPER_NUMBER' | 'TABLE' | 'TABLE_BODY' | 'TABLE_CAPTION' | 'TABLE_CELL' | 'TABLE_DIVIDER' | 'TABLE_FOOT' | 'TABLE_HEAD' | 'TABLE_ROW' | 'TABS' | 'TAG' | 'TEXT' | 'TEXT_AREA' | 'TEXT_COUNT' | 'TOGGLE' | 'TOOLTIP' | 'VIRTUAL_KEYBOARD';
 
 declare type ComponentsTypesComponents = {
     ACCORDION: {
@@ -1092,6 +1144,27 @@ declare type ComponentsTypesComponents = {
             accordion: string;
         };
     };
+    ALERT: {
+        container: string;
+        contentcontainer: string;
+        description: string;
+        $_error: {
+            alert: string;
+            container: string;
+        };
+        $_informative: {
+            alert: string;
+            container: string;
+        };
+        $_success: {
+            alert: string;
+            container: string;
+        };
+        $_warning: {
+            alert: string;
+            container: string;
+        };
+    };
     AVATAR: {
         avatar: string;
         dot: string;
@@ -1167,10 +1240,6 @@ declare type ComponentsTypesComponents = {
             button: string;
             icon: string;
         };
-        $_medium: {
-            button: string;
-            icon: string;
-        };
         $_small: {
             button: string;
             icon: string;
@@ -1606,49 +1675,6 @@ declare type ComponentsTypesComponents = {
             titlecontainer: string;
         };
     };
-    MESSAGE: {
-        message: string;
-        actionbuttoncontainer: string;
-        buttonsectioncontainer: string;
-        closeicon: string;
-        container: string;
-        contentcontainer: string;
-        contentcontainerlargemessage: string;
-        description: string;
-        extraactionbuttoncontainer: string;
-        headercontainer: string;
-        headercontainerlargemessage: string;
-        infoicon: string;
-        linkcontainer: string;
-        linkscontainer: string;
-        title: string;
-        titlecontainer: string;
-        $_error: {
-            message: string;
-            container: string;
-            infoicon: string;
-        };
-        $_informative: {
-            message: string;
-            container: string;
-            infoicon: string;
-        };
-        $_success: {
-            message: string;
-            container: string;
-            infoicon: string;
-        };
-        $_warning: {
-            message: string;
-            container: string;
-            infoicon: string;
-        };
-        action_button: {
-            button: string;
-            icon: string;
-            loader: string;
-        };
-    };
     MODAL: {
         modal: string;
         closebuttoncontainer: string;
@@ -1899,7 +1925,6 @@ declare type ComponentsTypesComponents = {
     };
     SELECTOR_BOX_FILE: {
         selector_box_file: string;
-        actiondescriptioncontainer: string;
         actionicon: string;
         actioniconandactiontextcontainer: string;
         animationcontainer: string;
@@ -1912,57 +1937,13 @@ declare type ComponentsTypesComponents = {
         containerboxfilename: string;
         containerboxicon: string;
         containerboxtextscontainer: string;
-        description: string;
-        descriptioncontainer: string;
-        errormessage: string;
-        errormessagecontainer: string;
-        errormessageicon: string;
         header: string;
         leftanimationcontainer: string;
         rightanimationcontainer: string;
-        subtitle: string;
-        subtitletooltipcontainer: string;
-        title: string;
-        titlesubtitlecontainer: string;
-        tooltipicon: string;
-        tooltipiconcontainer: string;
         topanimationcontainer: string;
         $_default: {
             selector_box_file: string;
         };
-        button_size: {
-            icon: string;
-            button: string;
-            loader: string;
-        };
-        button_variant: {
-            button: string;
-            icon: string;
-            loader: string;
-        };
-        tooltip: {
-            arrowcontainer: string;
-            arrowposition: string;
-            arrowsize: string;
-            closebuttoncontainer: string;
-            closebuttonicon: string;
-            headercontainer: string;
-            paragraph: string;
-            paragraphcontainer: string;
-            title: string;
-            tooltipexternalcontainer: string;
-            tooltipinternalcontainer: string;
-            popover: {
-                arrow: string;
-                popover: string;
-            };
-            arrow: string;
-            divider: string;
-            dragicon: string;
-            dragiconcontainer: string;
-            tooltipalignstyles: string;
-            tooltipasmodal: string;
-        };
     };
     SKELETON: {
         skeleton: string;
@@ -4589,156 +4570,6 @@ declare interface MediaQueries {
     onlyLargeDesktop: string;
 }
 
-/**
- * MessageUnControlled component with internal visibility state.
- *
- * This component renders a message that manages its own open/close state internally.
- * It displays by default and can be dismissed by the user via a close button.
- * Useful for notifications that don't require external state management.
- *
- * @example
- * ```tsx
- * <MessageUnControlled
- *   variant="info"
- *   title="Information"
- *   description="This is an informational message"
- *   defaultOpen={true}
- * />
- * ```
- */
-export declare const Message: ForwardRefExoticComponent<MessageUnControlledProps<string> & RefAttributes<HTMLDivElement>>;
-
-/**
- * Represents the type for the action button in the Message component.
- */
-export declare type MessageActionButtonProps = Omit<ButtonProps, 'children' | 'size'> & {
-    content?: React.ReactNode;
-    size?: string;
-};
-
-/**
- * Represents the type for the container as a link in the Message component.
- */
-export declare interface MessageContainerAsLinkProps {
-    onClick?: () => void;
-    url?: string;
-    target?: React.HTMLAttributeAnchorTarget;
-}
-
-/**
- * MessageControlled component for displaying notification messages.
- *
- * This component renders styled messages with icons, close buttons, and optional
- * action links. Useful for alerts, notifications, success/error messages, and
- * informational banners. State is controlled externally via props.
- *
- * @example
- * ```tsx
- * <MessageControlled
- *   variant="success"
- *   title="Success!"
- *   description="Your changes have been saved."
- *   onClose={() => {}}
- * />
- * ```
- */
-export declare const MessageControlled: ForwardRefExoticComponent<MessageProps<string> & RefAttributes<HTMLDivElement>>;
-
-declare type MessageCssClasses = ComponentSelected<ComponentsTypesComponents['MESSAGE']>;
-
-/**
- * Represents the type for the extra action button in the Message component.
- */
-export declare type MessageExtraActionButtonProps = Omit<ButtonProps, 'children'> & {
-    content?: React.ReactNode;
-};
-
-/**
- * Represents the type for the link in the Message component.
- */
-export declare type MessageLinkProps = Omit<LinkProps, 'children'> & {
-    content?: string;
-};
-
-/**
- * Interface for the controlled Message component.
- * Extends the MessageStandAloneProps interface and adds a variant and additional CSS classes.
- *
- * @template Variant - The type of the variant for the Message.
- */
-export declare interface MessageProps<Variant = undefined extends string ? unknown : string> extends Omit<MessageStandAloneProps, 'linkComponent'> {
-    open: boolean;
-    variant?: Variant;
-    additionalClasses?: Partial<MessageCssClasses>;
-}
-
-/**
- * Interface for the standalone Message component.
- * Includes properties for icons, buttons, links, tags, and CSS classes.
- */
-export declare interface MessageStandAloneProps extends DataAttributes {
-    linkComponent: GenericLinkType;
-    messageContainerProps?: MessageContainerAsLinkProps;
-    titleAndContentContainerProps?: MessageContainerAsLinkProps;
-    titleAndContentRole?: AriaRole;
-    infoIcon?: ElementOrIconProps;
-    actionButton?: MessageActionButtonProps;
-    extraActionButton?: MessageExtraActionButtonProps;
-    content: CommonTextProps;
-    inlineLink?: MessageLinkProps;
-    title?: CommonTextProps;
-    tag?: MessageTagProps;
-    ariaMessageId?: string;
-    closeIcon?: ElementOrIconProps;
-    maxContentLength?: number;
-    open: boolean;
-    role?: React.AriaRole;
-    id?: string;
-    ariaLive?: AriaAttributes['aria-live'];
-    links?: MessageLinkProps[];
-    cssClasses?: MessageCssClasses;
-}
-
-export declare interface MessageStyleProps extends CssLibPropsType {
-    _container?: CssLibPropsType;
-    _headerContainer?: CssLibPropsType;
-    _headerContainerLargeMessage?: CssLibPropsType;
-    _title?: CssLibPropsType;
-    _titleContainer?: CssLibPropsType;
-    _contentContainer?: CssLibPropsType;
-    _contentContainerLargeMessage?: CssLibPropsType;
-    _description?: CssLibPropsType;
-    _infoIcon?: CssLibPropsType;
-    _closeIcon?: CssLibPropsType;
-    _buttonSectionContainer?: CssLibPropsType;
-    _actionButtonContainer?: CssLibPropsType;
-    _extraActionButtonContainer?: CssLibPropsType;
-    _illustration?: CssLibPropsType;
-    _linkContainer?: CssLibPropsType;
-    _linksContainer?: CssLibPropsType;
-}
-
-/**
- * Represents the type for the tag in the Message component.
- */
-export declare type MessageTagProps = Omit<TagProps, 'children'> & {
-    content: string;
-};
-
-/**
- * Interface for the uncontrolled Message component.
- * Extends the MessageProps interface and omits specific properties.
- *
- * @template Variant - The type of the variant for the Message.
- */
-export declare interface MessageUnControlledProps<Variant = undefined extends string ? unknown : string> extends Omit<MessageProps<Variant>, 'open'> {
-    defaultOpen?: boolean;
-}
-
-export declare type MessageVariantStyles<Variant extends string> = MessageStyleProps & {
-    [key in Variant]: MessageStyleProps;
-};
-
 /**
  * Options for middleware configuration in the popover
  */
@@ -5300,11 +5131,6 @@ export declare interface ProgressBarStandAloneProps extends DataAttributes {
     cssSizeClasses?: ProgressBarCssClasses;
     barAriaLabel?: string;
     progressCompleted: number;
-    onChange?: (value: number) => void;
-    onDragStart?: () => void;
-    onDragEnd?: () => void;
-    tooltip?: SliderTooltipProps;
-    useAsSlider?: boolean;
     progressAnimation?: {
         duration?: string;
         timingFunction?: string;
@@ -5466,15 +5292,6 @@ declare interface ScreenReaderOnlyProps extends DataAttributes {
  */
 export declare const SelectorBoxFile: ForwardRefExoticComponent<SelectorBoxFileProps<string> & RefAttributes<HTMLDivElement>>;
 
-/**
- * Represents the type for the button in the SelectorBoxFile component.
- */
-export declare type SelectorBoxFileButtonProps = Omit<ButtonProps, 'children' | 'variant' | 'size'> & {
-    content: string;
-    variant?: string;
-    size?: string;
-};
-
 /**
  * Represents the mapping of states to content in the SelectorBoxFile component.
  */
@@ -5501,6 +5318,8 @@ export declare interface SelectorBoxFileProps<Variant = undefined extends string
     success?: boolean;
     error?: boolean;
     disabled?: boolean;
+    errorMaxSizeMessage?: CommonTextProps;
+    errorFileExtensionMessage?: CommonTextProps;
     percentage?: number;
     variant?: Variant;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
@@ -5515,16 +5334,8 @@ export declare interface SelectorBoxFileProps<Variant = undefined extends string
  */
 export declare interface SelectorBoxFileStandAloneProps extends DataAttributes {
     state: SelectorBoxFileStateType;
-    title?: CommonTextProps;
-    subtitle?: CommonTextProps;
-    tooltipIcon?: ElementOrIconProps;
-    tooltip?: SelectorBoxFileTooltipProps;
     containerBoxStateContent: SelectorBoxFileContainerBoxStateContentProps;
     filename?: string;
-    errorMessageIcon?: ElementOrIconProps;
-    errorMessage?: CommonTextProps;
-    errorMaxSizeMessage?: CommonTextProps;
-    errorFileExtensionMessage?: CommonTextProps;
     focus: boolean;
     onFocus: React.FocusEventHandler<HTMLInputElement>;
     onBlur: React.FocusEventHandler<HTMLInputElement>;
@@ -5535,8 +5346,6 @@ export declare interface SelectorBoxFileStandAloneProps extends DataAttributes {
     onChange: React.ChangeEventHandler<HTMLInputElement>;
     onClick?: React.MouseEventHandler<HTMLInputElement>;
     onAnimationCompleted?: () => void;
-    description?: CommonTextProps;
-    button?: SelectorBoxFileButtonProps;
     maxSize?: number;
     fileExtension?: string[];
     loader?: React.ReactNode;
@@ -5547,19 +5356,7 @@ export declare interface SelectorBoxFileStandAloneProps extends DataAttributes {
 declare type SelectorBoxFileStateType = Extract<StateType, 'default' | 'loading' | 'success' | 'error' | 'disabled'>;
 
 export declare interface SelectorBoxFileStyleProps extends CssLibPropsType {
-    _actionDescriptionContainer?: CssLibPropsType;
     _header?: CssLibPropsType;
-    _titleSubtitleContainer?: CssLibPropsType;
-    _title?: CssLibPropsType;
-    _subtitle?: CssLibPropsType;
-    _subtitleTooltipContainer?: CssLibPropsType;
-    _descriptionContainer?: CssLibPropsType;
-    _description?: CssLibPropsType;
-    _tooltipIconContainer?: CssLibPropsType;
-    _tooltipIcon?: CssLibPropsType;
-    _errorMessageContainer?: CssLibPropsType;
-    _errorMessageIcon?: CssLibPropsType;
-    _errorMessage?: CssLibPropsType;
     _animationContainer?: CssLibPropsType;
     _topAnimationContainer?: CssLibPropsType;
     _leftAnimationContainer?: CssLibPropsType;
@@ -5577,13 +5374,6 @@ export declare interface SelectorBoxFileStyleProps extends CssLibPropsType {
     _containerActionContainer?: CssLibPropsType;
 }
 
-/**
- * Represents the type for the tooltip in the SelectorBoxFile component.
- */
-export declare type SelectorBoxFileTooltipProps = Omit<TooltipUnControlledProps, 'children' | 'variant'> & {
-    variant?: string;
-};
-
 export declare type SelectorBoxFileVariantStyles<Variant extends string> = SelectorBoxFileStyleProps & {
     [key in Variant]?: SelectorBoxFileStyleProps;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "2.0.0-beta.18",
+  "version": "2.0.0-beta.19",
   "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
   "author": {
     "name": "Kubit",
@@ -131,7 +131,7 @@
     "@vitejs/plugin-react": "^5.1.2",
     "@vitest/coverage-v8": "^4.0.16",
     "@vitest/ui": "^4.0.16",
-    "bernova": "0.2.1",
+    "bernova": "1.0.0",
     "cssnano": "^7.1.2",
     "eslint": "^9.39.2",
     "eslint-config-kubit": "1.2.0",

package/dist/cjs/components/message/index.js

@@ -1,4 +0,0 @@
-const { MessageControlled } = require('./messageControlled.js');
-module.exports = { ...module.exports, MessageControlled };
-const { Message } = require('./messageUnControlled.js');
-module.exports = { ...module.exports, Message };

package/dist/cjs/components/message/messageControlled.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),r=require("../../lib/hooks/useClassName/useClassName.js"),o=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),n=require("./messageStandAlone.js"),a=s.forwardRef(({additionalClasses:s,variant:a,...t},i)=>{const l=r.useClassName({additionalClassNames:s,component:"MESSAGE",variant:a}),{LINK:u}=o.useGenericComponents();return e.jsxRuntimeExports.jsx(n.MessageStandAlone,{ref:i,cssClasses:l,linkComponent:u,...t})});exports.MessageControlled=a;

package/dist/cjs/components/message/messageStandAlone.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),n=require("../button/button.js"),s=require("../tag/tag.js"),o=require("../text/text.js"),i=require("../../lib/components/elementOrIcon/elementOrIcon.js"),r=require("../../lib/utils/classNames/classNames.js"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),l=require("../../lib/utils/process/processCommonProp.js"),c=require("../../lib/components/customComponent/customComponent.js"),u=require("../link/link.js"),x=t.forwardRef(({actionButton:t,ariaLive:x="off",ariaMessageId:m,closeIcon:d,content:p,cssClasses:j,extraActionButton:g,id:h,infoIcon:C,inlineLink:E,linkComponent:R,links:v,maxContentLength:b=246,messageContainerProps:k,open:N,role:f,tag:q,title:A,titleAndContentContainerProps:I,titleAndContentRole:P,...T},y)=>{const L=T["data-testid"]||"message",O=a.pickCustomAttributes(T),S=l.processTextProp(p),B=l.processTextProp(A),M="string"==typeof S.children&&S.children?.toString().length>=b;return e.jsxRuntimeExports.jsx("div",{...O,"aria-live":x,className:j?.message,children:N&&e.jsxRuntimeExports.jsxs(c.CustomComponent,{ref:y,className:j?.container,component:k?.url?R:"div","data-testid":L,id:h,role:f,target:k?.target,url:k?.url||void 0,onClick:k?.onClick,children:[C?.icon?e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:j?.infoicon,...C}):null,e.jsxRuntimeExports.jsxs(c.CustomComponent,{className:r.classNames(j?.headercontainer,{[`${j?.headercontainerlargemessage}`]:M}),component:I?.url?R:"div",role:P,target:I?.target,url:I?.url||void 0,onClick:I?.onClick,children:[!!A&&("string"==typeof B.children?e.jsxRuntimeExports.jsx("div",{"aria-errormessage":m,className:j?.titlecontainer,children:e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:j?.title},component:"p",...B})}):B.children),!!q?.content&&(q?.content?e.jsxRuntimeExports.jsx(s.Tag,{variant:"",...q,label:{content:q?.content}}):null),e.jsxRuntimeExports.jsxs("div",{className:r.classNames(j?.contentcontainer,{[`${j?.contentcontainerlargemessage}`]:M}),children:["string"==typeof p?e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:j?.description},component:"p",...S}):S.children,!!E?.content&&e.jsxRuntimeExports.jsx(u.Link,{decoration:"underline",...E,url:E?.url||"",children:E?.content||""})]}),!(!g&&!t)&&e.jsxRuntimeExports.jsxs("div",{className:j?.buttonsectioncontainer,children:[g?.content?e.jsxRuntimeExports.jsx("div",{className:j?.extraactionbuttoncontainer,children:e.jsxRuntimeExports.jsx(n.Button,{...g,children:g?.content})}):null,t?.content?e.jsxRuntimeExports.jsx("div",{className:j?.actionbuttoncontainer,children:e.jsxRuntimeExports.jsx(n.Button,{additionalSizeClasses:t?.variant?void 0:j?.action_button,...t,children:t?.content})}):null]}),!!(v&&v.length>0)&&e.jsxRuntimeExports.jsx("div",{className:j?.linkscontainer,children:v?.map(t=>t.content?e.jsxRuntimeExports.jsx("div",{className:j?.linkcontainer,children:e.jsxRuntimeExports.jsx(u.Link,{decoration:"underline",...t,children:t.content})},t.content):null)})]}),e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:j?.closeicon,...d})]})})});exports.MessageStandAlone=x;

package/dist/cjs/components/message/messageUnControlled.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),r=require("./messageControlled.js"),s=o.forwardRef(({closeIcon:s,defaultOpen:t=!0,...l},n)=>{const[a,u]=o.useState(t),c=o.useCallback(e=>{u(!1),s?.onClick?.(e)},[s]);return e.jsxRuntimeExports.jsx(r.MessageControlled,{...l,ref:n,closeIcon:s?{...s,onClick:c}:void 0,open:a})});exports.Message=s,exports.MessageUnControlled=s;

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),r=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),t=require("../../../lib/types/states/states.js"),o=require("../../../lib/utils/process/processCommonProp.js");exports.SelectorBoxFileErrorMessage=({cssClasses:i,errorMessage:n,errorMessageIcon:a,errorMessageId:l,state:x})=>e.jsxRuntimeExports.jsx("div",{"aria-live":"polite",children:o.processTextProp(n)&&x===t.STATES.ERROR?e.jsxRuntimeExports.jsxs("div",{className:i?.errormessagecontainer,id:l,children:[e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:i?.errormessageicon,...a}),e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:i?.errormessage},...o.processTextProp(n)})]}):null});

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileHeader.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),s=require("../../button/button.js"),e=require("../../text/text.js"),i=require("../../../lib/utils/process/processCommonProp.js"),o=require("./selectorBoxFileTooltip.js");exports.SelectorBoxFileHeader=({button:r,cssClasses:n,description:a,headerId:x,subtitle:l,title:c,tooltip:p,tooltipIcon:u})=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:n?.titlesubtitlecontainer,id:x,children:[!!c&&t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:n?.title},component:"h5",...i.processTextProp(c)}),!!l&&t.jsxRuntimeExports.jsxs("div",{className:n?.actiondescriptioncontainer,children:[t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:n?.subtitle},...i.processTextProp(l)}),t.jsxRuntimeExports.jsx(o.SelectorBoxFileTooltip,{cssClasses:n,tooltip:p,tooltipIcon:u})]})]}),!(!a&&!r)&&t.jsxRuntimeExports.jsxs("div",{className:n?.descriptioncontainer,children:[t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:n?.description},...i.processTextProp(a)}),(!!n?.button_variant||!!r?.size)&&(!!n?.button_size||!!r?.variant)&&t.jsxRuntimeExports.jsx(s.Button,{additionalSizeClasses:r?.variant?void 0:n?.button_size,additionalVariantClasses:r?.size?void 0:n?.button_variant,size:r?.size,variant:r?.variant,...r,children:r?.content})]})]});

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileTooltip.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../_virtual/jsx-runtime.js"),t=require("../../tooltip/tooltipUnControlled.js"),e=require("../../../lib/components/elementOrIcon/elementOrIcon.js");exports.SelectorBoxFileTooltip=({cssClasses:i,tooltip:n,tooltipIcon:s})=>{if(!s?.icon)return null;const l=o.jsxRuntimeExports.jsx(e.ElementOrIcon,{className:i?.tooltipicon,...s});return n?o.jsxRuntimeExports.jsx("div",{className:i?.tooltipiconcontainer,children:o.jsxRuntimeExports.jsx(t.TooltipUnControlled,{additionalClasses:i?.tooltip,...n,children:l})}):o.jsxRuntimeExports.jsx("div",{className:i?.tooltipiconcontainer,children:l})};

package/dist/esm/components/message/index.js

@@ -1,2 +0,0 @@
-export {  MessageControlled  } from './messageControlled.js';
-export {  Message  } from './messageUnControlled.js';

package/dist/esm/components/message/messageControlled.js

@@ -1,2 +0,0 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{useClassName as r}from"../../lib/hooks/useClassName/useClassName.js";import{useGenericComponents as e}from"../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{MessageStandAlone as a}from"./messageStandAlone.js";const i=o(({additionalClasses:o,variant:i,...n},t)=>{const m=r({additionalClassNames:o,component:"MESSAGE",variant:i}),{LINK:l}=e();/* @__PURE__ */
-return s.jsx(a,{ref:t,cssClasses:m,linkComponent:l,...n})});export{i as MessageControlled};

package/dist/esm/components/message/messageStandAlone.js

@@ -1,5 +0,0 @@
-import{j as n}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{Button as e}from"../button/button.js";import{Tag as o}from"../tag/tag.js";import{Text as i}from"../text/text.js";import{ElementOrIcon as s}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as a}from"../../lib/utils/process/processCommonProp.js";import{CustomComponent as c}from"../../lib/components/customComponent/customComponent.js";import{Link as m}from"../link/link.js";const d=t(({actionButton:t,ariaLive:d="off",ariaMessageId:p,closeIcon:u,content:j,cssClasses:x,extraActionButton:h,id:g,infoIcon:f,inlineLink:C,linkComponent:v,links:b,maxContentLength:N=246,messageContainerProps:k,open:A,role:I,tag:y,title:L,titleAndContentContainerProps:P,titleAndContentRole:B,...O},S)=>{const $=O["data-testid"]||"message",_=l(O),z=a(j),M=a(L),R="string"==typeof z.children&&z.children?.toString().length>=N;/* @__PURE__ */
-return n.jsx("div",{..._,"aria-live":d,className:x?.message,children:A&&/* @__PURE__ */n.jsxs(c,{ref:S,className:x?.container,component:k?.url?v:"div","data-testid":$,id:g,role:I,target:k?.target,url:k?.url||void 0,onClick:k?.onClick,children:[f?.icon?/* @__PURE__ */n.jsx(s,{className:x?.infoicon,...f}):null,
-/* @__PURE__ */n.jsxs(c,{className:r(x?.headercontainer,{[`${x?.headercontainerlargemessage}`]:R}),component:P?.url?v:"div",role:B,target:P?.target,url:P?.url||void 0,onClick:P?.onClick,children:[!!L&&("string"==typeof M.children?/* @__PURE__ */n.jsx("div",{"aria-errormessage":p,className:x?.titlecontainer,children:/* @__PURE__ */n.jsx(i,{additionalClasses:{text:x?.title},component:"p",...M})}):M.children),!!y?.content&&(y?.content?/* @__PURE__ */n.jsx(o,{variant:"",...y,label:{content:y?.content}}):null),
-/* @__PURE__ */n.jsxs("div",{className:r(x?.contentcontainer,{[`${x?.contentcontainerlargemessage}`]:R}),children:["string"==typeof j?/* @__PURE__ */n.jsx(i,{additionalClasses:{text:x?.description},component:"p",...z}):z.children,!!C?.content&&/* @__PURE__ */n.jsx(m,{decoration:"underline",...C,url:C?.url||"",children:C?.content||""})]}),!(!h&&!t)&&/* @__PURE__ */n.jsxs("div",{className:x?.buttonsectioncontainer,children:[h?.content?/* @__PURE__ */n.jsx("div",{className:x?.extraactionbuttoncontainer,children:/* @__PURE__ */n.jsx(e,{...h,children:h?.content})}):null,t?.content?/* @__PURE__ */n.jsx("div",{className:x?.actionbuttoncontainer,children:/* @__PURE__ */n.jsx(e,{additionalSizeClasses:t?.variant?void 0:x?.action_button,...t,children:t?.content})}):null]}),!!(b&&b.length>0)&&/* @__PURE__ */n.jsx("div",{className:x?.linkscontainer,children:b?.map(t=>t.content?/* @__PURE__ */n.jsx("div",{className:x?.linkcontainer,children:/* @__PURE__ */n.jsx(m,{decoration:"underline",...t,children:t.content})},t.content):null)})]}),
-/* @__PURE__ */n.jsx(s,{className:x?.closeicon,...u})]})})});export{d as MessageStandAlone};

package/dist/esm/components/message/messageUnControlled.js

@@ -1,2 +0,0 @@
-import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useState as r,useCallback as s}from"react";import{MessageControlled as t}from"./messageControlled.js";const n=e(({closeIcon:e,defaultOpen:n=!0,...c},i)=>{const[l,m]=r(n),a=s(o=>{m(!1),e?.onClick?.(o)},[e]);/* @__PURE__ */
-return o.jsx(t,{...c,ref:i,closeIcon:e?{...e,onClick:a}:void 0,open:l})});export{n as Message,n as MessageUnControlled};

package/dist/esm/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js

@@ -1,3 +0,0 @@
-import{j as s}from"../../../_virtual/jsx-runtime.js";import{Text as e}from"../../text/text.js";import{ElementOrIcon as r}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as o}from"../../../lib/types/states/states.js";import{processTextProp as t}from"../../../lib/utils/process/processCommonProp.js";const i=({cssClasses:i,errorMessage:a,errorMessageIcon:m,errorMessageId:l,state:n})=>/* @__PURE__ */s.jsx("div",{"aria-live":"polite",children:t(a)&&n===o.ERROR?/* @__PURE__ */s.jsxs("div",{className:i?.errormessagecontainer,id:l,children:[
-/* @__PURE__ */s.jsx(r,{className:i?.errormessageicon,...m}),
-/* @__PURE__ */s.jsx(e,{additionalClasses:{text:i?.errormessage},...t(a)})]}):null});export{i as SelectorBoxFileErrorMessage};

package/dist/esm/components/selectorBoxFile/components/selectorBoxFileHeader.js

@@ -1,5 +0,0 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{Button as s}from"../../button/button.js";import{Text as i}from"../../text/text.js";import{processTextProp as o}from"../../../lib/utils/process/processCommonProp.js";import{SelectorBoxFileTooltip as e}from"./selectorBoxFileTooltip.js";const a=({button:a,cssClasses:n,description:r,headerId:l,subtitle:d,title:c,tooltip:p,tooltipIcon:m})=>/* @__PURE__ */t.jsxs(t.Fragment,{children:[
-/* @__PURE__ */t.jsxs("div",{className:n?.titlesubtitlecontainer,id:l,children:[!!c&&/* @__PURE__ */t.jsx(i,{additionalClasses:{text:n?.title},component:"h5",...o(c)}),!!d&&/* @__PURE__ */t.jsxs("div",{className:n?.actiondescriptioncontainer,children:[
-/* @__PURE__ */t.jsx(i,{additionalClasses:{text:n?.subtitle},...o(d)}),
-/* @__PURE__ */t.jsx(e,{cssClasses:n,tooltip:p,tooltipIcon:m})]})]}),!(!r&&!a)&&/* @__PURE__ */t.jsxs("div",{className:n?.descriptioncontainer,children:[
-/* @__PURE__ */t.jsx(i,{additionalClasses:{text:n?.description},...o(r)}),(!!n?.button_variant||!!a?.size)&&(!!n?.button_size||!!a?.variant)&&/* @__PURE__ */t.jsx(s,{additionalSizeClasses:a?.variant?void 0:n?.button_size,additionalVariantClasses:a?.size?void 0:n?.button_variant,size:a?.size,variant:a?.variant,...a,children:a?.content})]})]});export{a as SelectorBoxFileHeader};

package/dist/esm/components/selectorBoxFile/components/selectorBoxFileTooltip.js

@@ -1 +0,0 @@
-import{j as o}from"../../../_virtual/jsx-runtime.js";import{TooltipUnControlled as t}from"../../tooltip/tooltipUnControlled.js";import{ElementOrIcon as i}from"../../../lib/components/elementOrIcon/elementOrIcon.js";const n=({cssClasses:n,tooltip:s,tooltipIcon:l})=>{if(!l?.icon)return null;const e=/* @__PURE__ */o.jsx(i,{className:n?.tooltipicon,...l});return s?/* @__PURE__ */o.jsx("div",{className:n?.tooltipiconcontainer,children:/* @__PURE__ */o.jsx(t,{additionalClasses:n?.tooltip,...s,children:e})}):/* @__PURE__ */o.jsx("div",{className:n?.tooltipiconcontainer,children:e})};export{n as SelectorBoxFileTooltip};