@kubit-ui-web/react-components 2.0.0-beta.60 → 2.0.0-beta.62

package/dist/esm/src/components/tooltip/tooltip.css

@@ -0,0 +1,54 @@
+.kbt-tooltip {
+  display: inline-block;
+}
+
+.kbt-tooltip__trigger-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: none;
+  background: none;
+  min-height: 1.5rem;
+  min-width: 1.5rem;
+}
+
+.kbt-tooltip__external-container {
+  display: flex;
+}
+
+.kbt-tooltip__paragraph {
+  word-break: break-word;
+}
+
+.kbt-tooltip__inner-content {
+  overflow-y: auto;
+}
+
+.kbt-tooltip__arrow {
+  position: absolute;
+}
+
+.kbt-tooltip__arrow--top {
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.kbt-tooltip__arrow--right {
+  top: 50%;
+  left: 100%;
+  transform: translateY(-50%);
+}
+
+.kbt-tooltip__arrow--bottom {
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.kbt-tooltip__arrow--left {
+  top: 50%;
+  right: 100%;
+  transform: translateY(-50%);
+}

package/dist/types/components/accordion/accordionControlled.d.ts

@@ -0,0 +1,39 @@
+import type { IAccordionControlled } from './types/accordion';
+/**
+ * `AccordionControlled` is a React functional component that provides a controlled accordion behavior.
+ * It relies on the `expanded` prop to determine its expanded/collapsed state, making it suitable for use
+ * in scenarios where the parent component manages the accordion's state.
+ *
+ * This component wraps the `AccordionStandAlone` component and applies additional CSS classes
+ * based on the provided `variant` and `additionalClasses` props.
+ *
+ * @typeParam Variant - The type of the value associated with the accordion. It can be a `string` or `undefined`.
+ *
+ * @returns {JSX.Element} A JSX element representing the controlled accordion.
+ *
+ * @example
+ * ```tsx
+ * import { AccordionControlled } from './AccordionControlled';
+ *
+ * const Example = () => {
+ *   const [isExpanded, setIsExpanded] = useState(false);
+ *
+ *   const handleToggle = () => {
+ *     setIsExpanded((prev) => !prev);
+ *   };
+ *
+ *   return (
+ *     <AccordionControlled
+ *       expanded={isExpanded}
+ *       variant="primary"
+ *       additionalClasses={{ root: 'custom-class' }}
+ *       onHeaderClick={handleToggle}
+ *     >
+ *       <div>Accordion Content</div>
+ *     </AccordionControlled>
+ *   );
+ * };
+ * ```
+ */
+export declare const AccordionControlled: import("react").ForwardRefExoticComponent<IAccordionControlled<string | undefined> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=accordionControlled.d.ts.map

package/dist/types/components/accordion/accordionControlled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordionControlled.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/accordionControlled.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAM9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,mBAAmB,qIA4C/B,CAAC"}

package/dist/types/components/accordion/accordionStandAlone.d.ts

@@ -0,0 +1,20 @@
+import type { IAccordionStandAlone } from './types/accordion';
+/**
+ * Standalone accordion component for displaying collapsible content sections.
+ *
+ * This component renders an expandable/collapsible section with a header and content area.
+ * It manages ARIA attributes for accessibility and supports custom header components.
+ *
+ * @example
+ * ```tsx
+ * <AccordionStandAlone
+ *   header="Section Title"
+ *   expanded={true}
+ *   onHeaderClick={() => {}}
+ * >
+ *   Section content
+ * </AccordionStandAlone>
+ * ```
+ */
+export declare const AccordionStandAlone: import("react").ForwardRefExoticComponent<IAccordionStandAlone & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=accordionStandAlone.d.ts.map

package/dist/types/components/accordion/accordionStandAlone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordionStandAlone.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/accordionStandAlone.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAI9D;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB,iHAuE/B,CAAC"}

package/dist/types/components/accordion/accordionUnControlled.d.ts

@@ -0,0 +1,31 @@
+import type { IAccordionUnControlled } from './types/accordion';
+/**
+ * `AccordionUnControlled` is a React functional component that provides an uncontrolled accordion behavior.
+ * It manages its own expanded/collapsed state internally using React's `useState` hook.
+ *
+ * This component wraps the `AccordionControlled` component and provides it with the necessary props
+ * to handle the expanded state and header click events.
+ *
+ * @typeParam Variant - The type of the value associated with the accordion. It can be a `string` or `undefined`.
+ * @returns {JSX.Element} A JSX element representing the uncontrolled accordion.
+ *
+ * @example
+ * ```tsx
+ * import { Accordion } from './AccordionUnControlled';
+ *
+ * const Example = () => {
+ *   const handleExpandCollapse = (expanded: boolean, event: React.MouseEvent<HTMLButtonElement>) => {
+ *     console.log('Accordion expanded:', expanded);
+ *   };
+ *
+ *   return (
+ *     <Accordion defaultExpanded={true} onExpandCollapse={handleExpandCollapse}>
+ *       <div>Accordion Content</div>
+ *     </Accordion>
+ *   );
+ * };
+ * ```
+ */
+declare const AccordionUnControlled: import("react").ForwardRefExoticComponent<IAccordionUnControlled<string | undefined> & import("react").RefAttributes<HTMLDivElement>>;
+export { AccordionUnControlled as Accordion };
+//# sourceMappingURL=accordionUnControlled.d.ts.map

package/dist/types/components/accordion/accordionUnControlled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordionUnControlled.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/accordionUnControlled.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAIhE;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,qBAAqB,uIAkC1B,CAAC;AAEF,OAAO,EAAE,qBAAqB,IAAI,SAAS,EAAE,CAAC"}

package/dist/types/components/accordion/hooks/useAccordionContentOverflow.d.ts

@@ -0,0 +1,17 @@
+import { type RefObject } from 'react';
+interface UseAccordionContentOverflowParamsType {
+    ref: RefObject<HTMLDivElement | null>;
+    expanded: boolean;
+}
+/**
+ * Custom hook to handle the accordion content overflow behaviour based on the expanded state.
+ *
+ * @param {Object} params - The parameters for the hook.
+ * @param {RefObject<HTMLElement>} params.ref - A reference to the accordion container element.
+ * @param {boolean} params.expanded - A boolean indicating whether the accordion is expanded or collapsed.
+ *
+ * @returns {void}
+ */
+export declare const useAccordionContentOverflow: ({ expanded, ref, }: UseAccordionContentOverflowParamsType) => void;
+export {};
+//# sourceMappingURL=useAccordionContentOverflow.d.ts.map

package/dist/types/components/accordion/hooks/useAccordionContentOverflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAccordionContentOverflow.d.ts","sourceRoot":"","sources":["../../../../../src/components/accordion/hooks/useAccordionContentOverflow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAE1D,UAAU,qCAAqC;IAC7C,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACtC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,2BAA2B,GAAI,oBAGzC,qCAAqC,KAAG,IA8D1C,CAAC"}

package/dist/types/components/accordion/hooks/useAccordionInertContent.d.ts

@@ -0,0 +1,17 @@
+import { type RefObject } from 'react';
+interface UseAccordionInertContentParamsType {
+    ref: RefObject<HTMLDivElement | null>;
+    expanded: boolean;
+}
+/**
+ * Custom hook to handle if the inner accordion content should be inert based on the expanded state.
+ *
+ * @param {Object} params - The parameters for the hook.
+ * @param {RefObject<HTMLElement>} params.ref - A reference to the accordion container element.
+ * @param {boolean} params.expanded - A boolean indicating whether the accordion is expanded or collapsed.
+ *
+ * @returns {void}
+ */
+export declare const useAccordionInertContent: ({ expanded, ref, }: UseAccordionInertContentParamsType) => void;
+export {};
+//# sourceMappingURL=useAccordionInertContent.d.ts.map

package/dist/types/components/accordion/hooks/useAccordionInertContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAccordionInertContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/accordion/hooks/useAccordionInertContent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAC;AAElD,UAAU,kCAAkC;IAC1C,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACtC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,wBAAwB,GAAI,oBAGtC,kCAAkC,KAAG,IAcvC,CAAC"}

package/dist/types/components/accordion/index.d.ts

@@ -0,0 +1,4 @@
+export { AccordionControlled } from './accordionControlled';
+export { Accordion } from './accordionUnControlled';
+export type { IAccordionControlled, IAccordionStandAlone, IAccordionUnControlled, AccordionStyleProps, AccordionVariantStyles, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,YAAY,EACV,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,46 @@
+import type { ComponentSelected, ComponentsTypesComponents } from '../../../lib/types/cssGenerator/componentsTypes';
+type AccordionCssClasses = ComponentSelected<ComponentsTypesComponents['ACCORDION']>;
+/**
+ * Base interface for Accordion component
+ */
+export interface IAccordionStandAlone {
+    /** Content to be displayed when the accordion is expanded */
+    children: React.ReactNode;
+    /** Header content for the accordion */
+    header: React.ReactNode;
+    /** Handler to control clicking on the header, only available for Controlled version */
+    onHeaderClick?: React.MouseEventHandler<HTMLButtonElement>;
+    /** Optional styles to apply to the component */
+    cssClasses?: AccordionCssClasses;
+    /** Custom test ID for testing */
+    dataTestId?: string;
+    /** Component type for the accordion container, defaults to 'div' */
+    component?: React.ElementType;
+    /** Component type for header, defaults to 'button' */
+    headerComponent?: React.ElementType;
+    expanded: boolean;
+}
+/**
+ * Interface for controlled Accordion component
+ */
+export interface IAccordionControlled<V = undefined extends string ? unknown : string> extends IAccordionStandAlone {
+    variant: V;
+    additionalClasses?: Partial<AccordionCssClasses>;
+    /** Whether the accordion is expanded or collapsed */
+    expanded: boolean;
+    /** Callback fired when the header is clicked */
+    onHeaderClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Unique ID for the content section, used for accessibility */
+    contentId?: string;
+}
+/**
+ * Interface for uncontrolled Accordion component
+ */
+export interface IAccordionUnControlled<V = undefined extends string ? unknown : string> extends Omit<IAccordionControlled<V>, 'expanded' | 'onHeaderClick' | 'contentId'> {
+    /** Default expanded state when component mounts */
+    defaultExpanded?: boolean;
+    /** Callback fired when accordion state changes */
+    onExpandCollapse?: (expanded: boolean, event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+export {};
+//# sourceMappingURL=accordion.d.ts.map

package/dist/types/components/accordion/types/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../../src/components/accordion/types/accordion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,yBAAyB,EAC1B,MAAM,0CAA0C,CAAC;AAElD,KAAK,mBAAmB,GAAG,iBAAiB,CAC1C,yBAAyB,CAAC,WAAW,CAAC,CACvC,CAAC;AACF;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,6DAA6D;IAC7D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uCAAuC;IACvC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,uFAAuF;IACvF,aAAa,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC3D,gDAAgD;IAChD,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,iCAAiC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oEAAoE;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,sDAAsD;IACtD,eAAe,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACpC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB,CACnC,CAAC,GAAG,SAAS,SAAS,MAAM,GAAG,OAAO,GAAG,MAAM,CAC/C,SAAQ,oBAAoB;IAC5B,OAAO,EAAE,CAAC,CAAC;IACX,iBAAiB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACjD,qDAAqD;IACrD,QAAQ,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACpE,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB,CACrC,CAAC,GAAG,SAAS,SAAS,MAAM,GAAG,OAAO,GAAG,MAAM,CAC/C,SAAQ,IAAI,CACZ,oBAAoB,CAAC,CAAC,CAAC,EACvB,UAAU,GAAG,eAAe,GAAG,WAAW,CAC3C;IACC,mDAAmD;IACnD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,CACjB,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KACvC,IAAI,CAAC;CACX"}

package/dist/types/components/accordion/types/accordionTheme.d.ts

@@ -0,0 +1,19 @@
+import type { CssLibPropsType } from '../../../lib/types/cssGenerator/stylesTypes';
+/**
+ * Interface representing the styles for the container component.
+ */
+export interface AccordionStyleProps extends CssLibPropsType {
+    _header?: CssLibPropsType;
+    _headerButton?: CssLibPropsType;
+    _content?: CssLibPropsType;
+    _innerContent?: CssLibPropsType;
+}
+/**
+ * Type representing the styles for different variants of the container component.
+ *
+ * @template Variant - The type of the variant keys.
+ */
+export type AccordionVariantStyles<Variant extends string> = AccordionStyleProps & {
+    [key in Variant]: AccordionStyleProps;
+};
+//# sourceMappingURL=accordionTheme.d.ts.map

package/dist/types/components/accordion/types/accordionTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordionTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/accordion/types/accordionTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAE5E;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IAC1D,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,aAAa,CAAC,EAAE,eAAe,CAAC;CACjC;AAED;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,CAAC,OAAO,SAAS,MAAM,IACvD,mBAAmB,GAAG;KACnB,GAAG,IAAI,OAAO,GAAG,mBAAmB;CACtC,CAAC"}

package/dist/types/components/accordion/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './accordion';
+export * from './accordionTheme';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/accordion/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/accordion/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}

package/dist/types/components/accordion/types/state.d.ts

@@ -0,0 +1,5 @@
+export declare const STATE: {
+    readonly COLLAPSED: "collapsed";
+    readonly EXPANDED: "expanded";
+};
+//# sourceMappingURL=state.d.ts.map

package/dist/types/components/accordion/types/state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../../src/components/accordion/types/state.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;CAGR,CAAC"}

package/dist/types/components/alert/alertControlled.d.ts

@@ -0,0 +1,18 @@
+import type { AlertProps } from './types/alert';
+/**
+ * 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: import("react").ForwardRefExoticComponent<AlertProps<string> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=alertControlled.d.ts.map

package/dist/types/components/alert/alertControlled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alertControlled.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alertControlled.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIhD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,KAAK,+GAUjB,CAAC"}

package/dist/types/components/alert/alertStandAlone.d.ts

@@ -0,0 +1,18 @@
+import type { AlertStandAloneProps } from './types/alert';
+/**
+ * Standalone alert component for displaying notification messages.
+ *
+ * This component renders a simple alert box with content.
+ * It supports different visual states through variants and accessibility features.
+ * Always visible - no open/close functionality.
+ *
+ * @example
+ * ```tsx
+ * <AlertStandAlone
+ *   content={{ content: "Operation completed successfully" }}
+ *   variant="success"
+ * />
+ * ```
+ */
+export declare const AlertStandAlone: import("react").ForwardRefExoticComponent<AlertStandAloneProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=alertStandAlone.d.ts.map

package/dist/types/components/alert/alertStandAlone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alertStandAlone.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alertStandAlone.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAE1D;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,eAAe,iHA8C3B,CAAC"}

package/dist/types/components/alert/index.d.ts

@@ -0,0 +1,4 @@
+export { Alert } from './alertControlled';
+export type { AlertStandAloneProps, AlertProps } from './types/alert';
+export type { AlertStyleProps, AlertVariantStyles } from './types/alertTheme';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,YAAY,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACtE,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC"}

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

@@ -0,0 +1,28 @@
+import type { AriaAttributes } from 'react';
+import type { CommonTextProps } from '../../../lib/types/commons/text';
+import type { ComponentSelected, ComponentsTypesComponents } from '../../../lib/types/cssGenerator/componentsTypes';
+import type { DataAttributes } from '../../../lib/types/dataAttributes/dataAttributes';
+type AlertCssClasses = ComponentSelected<ComponentsTypesComponents['ALERT']>;
+/**
+ * Interface for the standalone Alert component.
+ * A simplified component that displays alert messages. Always visible.
+ */
+export interface AlertStandAloneProps extends DataAttributes {
+    content: CommonTextProps;
+    role?: React.AriaRole;
+    id?: string;
+    ariaLive?: AriaAttributes['aria-live'];
+    cssClasses?: AlertCssClasses;
+}
+/**
+ * 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 interface AlertProps<Variant = undefined extends string ? unknown : string> extends AlertStandAloneProps {
+    variant?: Variant;
+    additionalClasses?: Partial<AlertCssClasses>;
+}
+export {};
+//# sourceMappingURL=alert.d.ts.map

package/dist/types/components/alert/types/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../../src/components/alert/types/alert.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EACV,iBAAiB,EACjB,yBAAyB,EAC1B,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAEhF,KAAK,eAAe,GAAG,iBAAiB,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC,CAAC;AAE7E;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,OAAO,EAAE,eAAe,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED;;;;;GAKG;AACH,MAAM,WAAW,UAAU,CACzB,OAAO,GAAG,SAAS,SAAS,MAAM,GAAG,OAAO,GAAG,MAAM,CACrD,SAAQ,oBAAoB;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CAC9C"}

package/dist/types/components/alert/types/alertTheme.d.ts

@@ -0,0 +1,10 @@
+import type { CssLibPropsType } from '../../../lib/types/cssGenerator/stylesTypes';
+export interface AlertStyleProps extends CssLibPropsType {
+    _container?: CssLibPropsType;
+    _contentContainer?: CssLibPropsType;
+    _description?: CssLibPropsType;
+}
+export type AlertVariantStyles<Variant extends string> = AlertStyleProps & {
+    [key in Variant]: AlertStyleProps;
+};
+//# sourceMappingURL=alertTheme.d.ts.map

package/dist/types/components/alert/types/alertTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alertTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/alert/types/alertTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAE5E,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,YAAY,CAAC,EAAE,eAAe,CAAC;CAChC;AAED,MAAM,MAAM,kBAAkB,CAAC,OAAO,SAAS,MAAM,IAAI,eAAe,GAAG;KACxE,GAAG,IAAI,OAAO,GAAG,eAAe;CAClC,CAAC"}

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

@@ -0,0 +1,22 @@
+import type { AvatarProps } from './types/avatar';
+/**
+ * Avatar component for displaying a customizable user avatar.
+ *
+ * The `Avatar` component determines its content type (icon, initials, or image) based on the provided props.
+ * It supports custom sizes via a generic type parameter, and can be themed or extended as needed.
+ * Use this component to represent users or entities visually in your application.
+ *
+ * This component accepts a generic type parameter `<Size extends string | undefined>` to allow for custom size values,
+ * enabling flexible sizing and theming. For example:
+ *
+ * @example
+ * ```tsx
+ * <Avatar image="user.jpg" size="md" />
+ *
+ * // With a custom size type:
+ * type MySize = "xs" | "md" | "xl";
+ * <Avatar<MySize> initials="AB" size="xl" />
+ * ```
+ */
+export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps<string | undefined> & import("react").RefAttributes<HTMLButtonElement | HTMLDivElement>>;
+//# sourceMappingURL=avatar.d.ts.map

package/dist/types/components/avatar/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,MAAM,gJAuClB,CAAC"}

package/dist/types/components/avatar/avatarStandAlone.d.ts

@@ -0,0 +1,15 @@
+import type { AvatarStandAloneProps } from './types/avatar';
+/**
+ * Standalone avatar component for displaying a user or entity avatar with flexible content.
+ *
+ * `AvatarStandAlone` supports rendering an icon, initials, or image as the avatar content.
+ * It can be rendered as a link, button, or div, and supports custom background colors, status dots, and accessibility features.
+ * Use this component when you need a low-level, highly customizable avatar element, or as the base for higher-level avatar components.
+ *
+ * @example
+ * ```tsx
+ * <AvatarStandAlone initials="AB" />
+ * ```
+ */
+export declare const AvatarStandAlone: import("react").ForwardRefExoticComponent<AvatarStandAloneProps & import("react").RefAttributes<HTMLButtonElement | HTMLDivElement>>;
+//# sourceMappingURL=avatarStandAlone.d.ts.map

package/dist/types/components/avatar/avatarStandAlone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatarStandAlone.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/avatarStandAlone.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAK5D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB,sIA+E5B,CAAC"}

package/dist/types/components/avatar/fragments/drawContent.d.ts

@@ -0,0 +1,7 @@
+import type { AvatarStandAloneProps } from '../types/avatar';
+type DrawContentProps = Pick<AvatarStandAloneProps, 'dot' | 'contentType' | 'cssClasses' | 'icon' | 'initials' | 'maxLengthInitials'> & {
+    customAttributes?: Record<string, string | boolean>;
+};
+export declare const DrawContent: ({ contentType, cssClasses, customAttributes, dot, icon, initials, maxLengthInitials, }: DrawContentProps) => JSX.Element;
+export {};
+//# sourceMappingURL=drawContent.d.ts.map

package/dist/types/components/avatar/fragments/drawContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/avatar/fragments/drawContent.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE7D,KAAK,gBAAgB,GAAG,IAAI,CAC1B,qBAAqB,EACnB,KAAK,GACL,aAAa,GACb,YAAY,GACZ,MAAM,GACN,UAAU,GACV,mBAAmB,CACtB,GAAG;IACF,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,wFAQzB,gBAAgB,KAAG,GAAG,CAAC,OA6BzB,CAAC"}

package/dist/types/components/avatar/index.d.ts

@@ -0,0 +1,4 @@
+export { Avatar } from './avatar';
+export type { AvatarLinkProps, AvatarStandAloneProps, AvatarProps, } from './types/avatar';
+export type { BackgroundColorAvatarStylesProps, AvatarStylesProps, AvatarSizeStyles, } from './types/avatarTheme';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EACV,eAAe,EACf,qBAAqB,EACrB,WAAW,GACZ,MAAM,gBAAgB,CAAC;AACxB,YAAY,EACV,gCAAgC,EAChC,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,qBAAqB,CAAC"}

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

@@ -0,0 +1,37 @@
+import type { GenericLinkProps, GenericLinkType } from '../../../lib/provider/genericComponentsProvider/types/genericComponentsProvider';
+import type { CommonIconProps } from '../../../lib/types/commons/icon';
+import type { CommonTextProps } from '../../../lib/types/commons/text';
+import type { ComponentSelected, ComponentsTypesComponents } from '../../../lib/types/cssGenerator/componentsTypes';
+import type { DataAttributes } from '../../../lib/types/dataAttributes/dataAttributes';
+import type { DotProps } from '../../dot/types/dot';
+import type { AvatarBackgroundColor, AvatarContentType } from './content';
+type AvatarCssClasses = ComponentSelected<ComponentsTypesComponents['AVATAR']>;
+export type AvatarLinkProps = Pick<GenericLinkProps, 'role' | 'target' | 'url' | 'onClick'>;
+type AvatarAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-hidden'>;
+/**
+ * Props for the standalone Avatar component.
+ * This component is self-contained and does not depend on external state.
+ */
+export interface AvatarStandAloneProps extends AvatarAriaAttributes, DataAttributes {
+    dot?: DotProps;
+    image?: string;
+    icon?: CommonIconProps;
+    initials?: CommonTextProps;
+    link?: AvatarLinkProps;
+    linkComponent: GenericLinkType;
+    contentType: AvatarContentType;
+    onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLDivElement>;
+    backgroundColor?: AvatarBackgroundColor;
+    maxLengthInitials?: number;
+    cssClasses?: AvatarCssClasses;
+}
+/**
+ * Props for the Avatar component, which extends the standalone avatar with additional options.
+ * @template Size - Optional size type for the avatar.
+ */
+export interface AvatarProps<Size = string> extends Omit<AvatarStandAloneProps, 'contentType' | 'linkComponent'> {
+    size?: Size;
+    additionalClasses?: Partial<AvatarCssClasses>;
+}
+export {};
+//# sourceMappingURL=avatar.d.ts.map

package/dist/types/components/avatar/types/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/avatar/types/avatar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,eAAe,EAChB,MAAM,0EAA0E,CAAC;AAClF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EACV,iBAAiB,EACjB,yBAAyB,EAC1B,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAEhF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,KAAK,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAE1E,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,yBAAyB,CAAC,QAAQ,CAAC,CAAC,CAAC;AAE/E,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,gBAAgB,EAChB,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CACtC,CAAC;AAEF,KAAK,oBAAoB,GAAG,IAAI,CAC9B,KAAK,CAAC,cAAc,EACpB,YAAY,GAAG,iBAAiB,GAAG,kBAAkB,GAAG,aAAa,CACtE,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,qBACf,SAAQ,oBAAoB,EAAE,cAAc;IAC5C,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,aAAa,EAAE,eAAe,CAAC;IAC/B,WAAW,EAAE,iBAAiB,CAAC;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAG,cAAc,CAAC,CAAC;IACtE,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED;;;GAGG;AACH,MAAM,WAAW,WAAW,CAAC,IAAI,GAAG,MAAM,CAAE,SAAQ,IAAI,CACtD,qBAAqB,EACrB,aAAa,GAAG,eAAe,CAChC;IACC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,iBAAiB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;CAC/C"}

package/dist/types/components/avatar/types/avatarTheme.d.ts

@@ -0,0 +1,25 @@
+import type { CssLibPropsType } from '../../../lib/types/cssGenerator/stylesTypes';
+export interface BackgroundColorAvatarStylesProps {
+    ['color-default']?: {
+        backgroundColor?: string;
+        contentColor?: string;
+        borderColor?: string;
+    };
+    ['color-red']?: {
+        backgroundColor?: string;
+        contentColor?: string;
+        borderColor?: string;
+    };
+    ['color-white']?: {
+        backgroundColor?: string;
+        contentColor?: string;
+        borderColor?: string;
+    };
+}
+export interface AvatarStylesProps extends CssLibPropsType {
+    _initials?: CssLibPropsType;
+    _icon?: CssLibPropsType;
+    _dot?: CssLibPropsType;
+}
+export type AvatarSizeStyles<Size extends string> = AvatarStylesProps & Record<Size, AvatarStylesProps | undefined>;
+//# sourceMappingURL=avatarTheme.d.ts.map

package/dist/types/components/avatar/types/avatarTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatarTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/avatar/types/avatarTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAE5E,MAAM,WAAW,gCAAgC;IAC/C,CAAC,eAAe,CAAC,CAAC,EAAE;QAClB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,CAAC,WAAW,CAAC,CAAC,EAAE;QACd,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,CAAC,aAAa,CAAC,CAAC,EAAE;QAChB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB;AAED,MAAM,MAAM,gBAAgB,CAAC,IAAI,SAAS,MAAM,IAAI,iBAAiB,GACnE,MAAM,CAAC,IAAI,EAAE,iBAAiB,GAAG,SAAS,CAAC,CAAC"}

package/dist/types/components/avatar/types/content.d.ts

@@ -0,0 +1,3 @@
+export type AvatarContentType = 'with-initials' | 'with-icon' | 'with-images';
+export type AvatarBackgroundColor = 'color-default' | 'color-red' | 'color-white';
+//# sourceMappingURL=content.d.ts.map

package/dist/types/components/avatar/types/content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../../src/components/avatar/types/content.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,eAAe,GAAG,WAAW,GAAG,aAAa,CAAC;AAC9E,MAAM,MAAM,qBAAqB,GAC7B,eAAe,GACf,WAAW,GACX,aAAa,CAAC"}

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

@@ -0,0 +1,23 @@
+import type { BadgeProps } from './types/badge';
+/**
+ * Badge component for displaying a small status indicator, label, or notification count.
+ *
+ * The `Badge` component supports custom variants and sizes via generic type parameters, allowing for flexible theming and sizing.
+ * It can display a dot, handle click events, and manage its own active state for visual feedback.
+ * Use this component to highlight statuses, notifications, or contextual information in your UI.
+ *
+ * This component accepts generic type parameters `<Variant extends string | undefined, Size extends string | undefined>`
+ * to allow for custom variant and size values, enabling flexible theming and styling.
+ *
+ * @example
+ * ```tsx
+ * <Badge variant="success" size="sm">New</Badge>
+ *
+ * // With custom types:
+ * type MyVariant = "success" | "warning";
+ * type MySize = "sm" | "lg";
+ * <Badge<MyVariant, MySize> variant="warning" size="lg">Alert</Badge>
+ * ```
+ */
+export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps<string | undefined, string | undefined> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=badge.d.ts.map

package/dist/types/components/badge/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIhD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,KAAK,+IAiDjB,CAAC"}

package/dist/types/components/badge/badgeStandAlone.d.ts

@@ -0,0 +1,13 @@
+import type { BadgeStandAloneProps } from './types/badge';
+/**
+ * BadgeStandAlone is a reusable badge component that displays a label, optional icon, and a dot indicator.
+ * It is typically used to highlight notifications, statuses, or counts in a UI.
+ * The component is accessible, customizable via CSS classes, and supports forwarding refs for integration with parent components.
+ *
+ * @example
+ * <BadgeStandAlone label="New" active={true} hasDot={true} />
+ *
+ * This component does not accept generics.
+ */
+export declare const BadgeStandAlone: import("react").ForwardRefExoticComponent<BadgeStandAloneProps & import("react").RefAttributes<unknown>>;
+//# sourceMappingURL=badgeStandAlone.d.ts.map

package/dist/types/components/badge/badgeStandAlone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badgeStandAlone.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/badgeStandAlone.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAE1D;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,0GAwG3B,CAAC"}

package/dist/types/components/badge/index.d.ts

@@ -0,0 +1,4 @@
+export { Badge } from './badge';
+export type { BadgeStandAloneProps, BadgeProps } from './types/badge';
+export type { BadgeVariantStylesType, BadgeSizePropsType, BadgeStylesStatesStyles, BadgeStylesSizeType, BadgeStylesType, } from './types/badgeTheme';
+//# sourceMappingURL=index.d.ts.map