@bikdotai/bik-component-library 0.0.687-beta.9 → 0.0.687

package/dist/esm/components/SearchFilter/types/SearchFilter.type.d.ts

@@ -1,41 +1,37 @@
-import { DropDirection } from 'react-bootstrap/esm/DropdownContext';
-import { DropdownOptions } from '../../analytics-chips-and-dropdowns/AnalyticsDropdown.js';
-import { DropdownOption } from '../../dropdown/type.js';
-import { InputVariant } from '../../input/Input.js';
-
-declare enum FilterType {
-    Date = "Date",
-    DateRange = "DateRange",
-    Multiple = "Multiple",
-    Single = "Single",
-    Search = "Search"
-}
-type FilterValueType = DropdownOption | DropdownOption[] | Date | Date[] | string;
-type SearchFilterOutputState = {
-    id: string;
-    type: FilterType;
-    value?: FilterValueType;
-    text: string;
-};
-type FilterSchema = {
-    id: string;
-    type: FilterType;
-    text: string;
-    options?: DropdownOption[] | DropdownOptions[];
-    preset?: boolean;
-    defaultValue?: FilterValueType;
-    width?: number | string;
-    datePickerPlacement?: DropDirection;
-    /** show oly the picker like date filter instead of dropdown */
-    rangePickerDateOnly?: boolean;
-};
-type SearchFilterProps = {
-    variant: InputVariant;
-    showSelectedChips: boolean;
-    direction: 'row' | 'column';
-    schema: FilterSchema[];
-    onChange: (id: string, selectedStates: SearchFilterOutputState[], value?: FilterValueType) => void;
-};
-
-export { FilterType };
-export type { FilterSchema, FilterValueType, SearchFilterOutputState, SearchFilterProps };
+import { DropDirection } from 'react-bootstrap/esm/DropdownContext';
+import { DropdownOptions } from "../../analytics-chips-and-dropdowns";
+import { DropdownOption } from "../../dropdown/type";
+import { InputVariant } from "../../input";
+export declare enum FilterType {
+    Date = "Date",
+    DateRange = "DateRange",
+    Multiple = "Multiple",
+    Single = "Single",
+    Search = "Search"
+}
+export type FilterValueType = DropdownOption | DropdownOption[] | Date | Date[] | string;
+export type SearchFilterOutputState = {
+    id: string;
+    type: FilterType;
+    value?: FilterValueType;
+    text: string;
+};
+export type FilterSchema = {
+    id: string;
+    type: FilterType;
+    text: string;
+    options?: DropdownOption[] | DropdownOptions[];
+    preset?: boolean;
+    defaultValue?: FilterValueType;
+    width?: number | string;
+    datePickerPlacement?: DropDirection;
+    /** show oly the picker like date filter instead of dropdown */
+    rangePickerDateOnly?: boolean;
+};
+export type SearchFilterProps = {
+    variant: InputVariant;
+    showSelectedChips: boolean;
+    direction: 'row' | 'column';
+    schema: FilterSchema[];
+    onChange: (id: string, selectedStates: SearchFilterOutputState[], value?: FilterValueType) => void;
+};

package/dist/esm/components/SearchFilter/types/SearchFilter.type.js

@@ -1 +1 @@
-var e=(e=>(e.Date="Date",e.DateRange="DateRange",e.Multiple="Multiple",e.Single="Single",e.Search="Search",e))(e||{});export{e as FilterType};
+var e;!function(e){e.Date="Date",e.DateRange="DateRange",e.Multiple="Multiple",e.Single="Single",e.Search="Search"}(e||(e={}));export{e as FilterType};

package/dist/esm/components/TablePagination/TablePagination.d.ts

@@ -1,17 +1,13 @@
-import React__default from 'react';
-import { DropdownOption } from '../dropdown/type.js';
-
-type TablePaginationProps = {
-    pageSize: 5 | 10 | 20;
-    pageNumber: number;
-    totalRows: number;
-    hidePageSizeOptions?: boolean;
-    updatePageNumber: (pageNumber: number) => void;
-    updatePageSize: (option: DropdownOption | DropdownOption[]) => void;
-    showTotalText?: boolean;
-    removeBorder?: boolean;
-};
-declare const TablePagination: React__default.FC<TablePaginationProps>;
-
-export { TablePagination };
-export type { TablePaginationProps };
+import React from 'react';
+import { DropdownOption } from "../dropdown/type";
+export type TablePaginationProps = {
+    pageSize: 5 | 10 | 20;
+    pageNumber: number;
+    totalRows: number;
+    hidePageSizeOptions?: boolean;
+    updatePageNumber: (pageNumber: number) => void;
+    updatePageSize: (option: DropdownOption | DropdownOption[]) => void;
+    showTotalText?: boolean;
+    removeBorder?: boolean;
+};
+export declare const TablePagination: React.FC<TablePaginationProps>;

package/dist/esm/components/TablePagination/TablePagination.js

@@ -1 +1 @@
-import{jsxs as o,jsx as e}from"react/jsx-runtime";import t from"../../assets/icons/chevronLeft.svg.js";import n from"../../assets/icons/chevronRight.svg.js";import"../dropdown/DropdownPopover/index.js";import{Dropdown as r}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"react";import{BodySecondary as i}from"../TypographyStyle.js";import{DEFAULT_THEME as s}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../input/context/InputStyleProvider.js";import"../dropdown/MenuItem/MenuItem.js";import{StyledTablePaginationContainer as p,StyledPagingContainer as d}from"./TablePagination.styled.js";const l=({pageNumber:l,pageSize:c,totalRows:a,updatePageNumber:m,updatePageSize:h,hidePageSizeOptions:w,showTotalText:u})=>{const g=s.colorsV2,j=(l-1)*c+1,y=(l-1)*c+c,v=Math.ceil(a/c),f=1==v;let b=[];b=v>=5?l===v?[l-4,l-3,l-2,l-1,l]:1===l?[l,l+1,l+2,l+3,l+4]:2===l?[l-1,l,l+1,l+2,l+3]:l===v-1?[l-3,l-2,l-1,l,l+1]:[l-2,l-1,l,l+1,l+2]:Array.from({length:v},((o,e)=>e+1));return o(p,{children:[!w&&e("div",{children:e(r,{size:"small",options:[{label:"5 rows per page",value:"5",selected:5===c},{label:"10 rows per page",value:"10",selected:10===c},{label:"20 rows per page",value:"20",selected:20===c}],onSelect:h,width:"162px"})}),o("div",{className:"paging__container",children:[!w&&a&&o(i,{style:{color:g.content.placeholder},children:["Showing ",j,"-",y>a?a:y," of"," ",a," results"]}),o("div",{className:"pages__buttons-container",children:[!f&&e(d,{active:!1,onClick:()=>{1!==l&&m(Math.max(l-1,1))},disabled:1===l,children:e(t,{color:g.content.secondary,height:14,width:14})}),b.map((o=>e(d,{active:o==l,onClick:()=>m(o),style:{display:1==o&&a<=c?"none":"flex"},children:e(i,{style:{color:o==l?g.content.primaryInverse:g.content.secondary},children:o})},o))),!f&&e(d,{isLast:!0,active:!1,onClick:()=>{l!==v&&m(Math.min(l+1,v))},disabled:l===v,children:e(n,{color:g.content.secondary,height:14,width:14})})]}),w&&a&&u&&o(i,{style:{color:g.content.placeholder},children:["Showing ",j,"-",y>a?a:y," of"," ",a," results"]})]})]})};export{l as TablePagination};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import t from"../../assets/icons/chevronLeft.svg.js";import n from"../../assets/icons/chevronRight.svg.js";import"../dropdown/DropdownPopover/index.js";import{Dropdown as r}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"react";import"../zeroState/ZeroState.js";import{BodySecondary as s}from"../TypographyStyle.js";import{DEFAULT_THEME as i}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{StyledTablePaginationContainer as p,StyledPagingContainer as d}from"./TablePagination.styled.js";const c=c=>{let{pageNumber:l,pageSize:a,totalRows:m,updatePageNumber:h,updatePageSize:w,hidePageSizeOptions:j,showTotalText:g}=c;const u=i.colorsV2,y=(l-1)*a+1,b=(l-1)*a+a,O=Math.ceil(m/a),v=1==O;let f=[];f=O>=5?l===O?[l-4,l-3,l-2,l-1,l]:1===l?[l,l+1,l+2,l+3,l+4]:2===l?[l-1,l,l+1,l+2,l+3]:l===O-1?[l-3,l-2,l-1,l,l+1]:[l-2,l-1,l,l+1,l+2]:Array.from({length:O},((e,o)=>o+1));return e(p,{children:[!j&&o("div",{children:o(r,{size:"small",options:[{label:"5 rows per page",value:"5",selected:5===a},{label:"10 rows per page",value:"10",selected:10===a},{label:"20 rows per page",value:"20",selected:20===a}],onSelect:w,width:"162px"})}),e("div",Object.assign({className:"paging__container"},{children:[!j&&m&&e(s,Object.assign({style:{color:u.content.placeholder}},{children:["Showing ",y,"-",b>m?m:b," of"," ",m," results"]})),e("div",Object.assign({className:"pages__buttons-container"},{children:[!v&&o(d,Object.assign({active:!1,onClick:()=>{1!==l&&h(Math.max(l-1,1))},disabled:1===l},{children:o(t,{color:u.content.secondary,height:14,width:14})})),f.map((e=>o(d,Object.assign({active:e==l,onClick:()=>h(e),style:{display:1==e&&m<=a?"none":"flex"}},{children:o(s,Object.assign({style:{color:e==l?u.content.primaryInverse:u.content.secondary}},{children:e}))}),e))),!v&&o(d,Object.assign({isLast:!0,active:!1,onClick:()=>{l!==O&&h(Math.min(l+1,O))},disabled:l===O},{children:o(n,{color:u.content.secondary,height:14,width:14})}))]})),j&&m&&g&&e(s,Object.assign({style:{color:u.content.placeholder}},{children:["Showing ",y,"-",b>m?m:b," of"," ",m," results"]}))]}))]})};export{c as TablePagination};

package/dist/esm/components/TablePagination/TablePagination.styled.d.ts

@@ -0,0 +1,6 @@
+export declare const StyledTablePaginationContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledPagingContainer: import("styled-components").StyledComponent<"div", any, {
+    active: boolean;
+    isLast?: boolean | undefined;
+    disabled?: boolean | undefined;
+}, never>;

package/dist/esm/components/TablePagination/TablePaginationCard.d.ts

@@ -1,14 +1,9 @@
-import * as _emotion_styled from '@emotion/styled';
-import * as _emotion_react from '@emotion/react';
-import React__default from 'react';
-import { TablePaginationProps } from './TablePagination.js';
-
-declare const TablePaginationCardStyled: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
-    as?: React__default.ElementType<any> | undefined;
-} & {
-    removeBorder?: boolean | undefined;
-}, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const TablePaginationCard: React__default.FC<TablePaginationProps>;
-
-export { TablePaginationCard, TablePaginationCardStyled };
+import React from 'react';
+import { TablePaginationProps } from "./TablePagination";
+export declare const TablePaginationCardStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    removeBorder?: boolean | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TablePaginationCard: React.FC<TablePaginationProps>;

package/dist/esm/components/TablePagination/TablePaginationCard.js

@@ -1,9 +1 @@
-import{jsx as r}from"react/jsx-runtime";import o from"@emotion/styled";import{TablePagination as e}from"./TablePagination.js";import{COLORS as t}from"../../constants/Theme.js";const i=o.div`
-	background: ${t.surface.standard};
-	border: ${r=>r.removeBorder?0:1}px solid
-		${t.stroke.primary};
-	border-radius: 4px;
-	display: flex;
-	justify-content: center;
-	margin: auto;
-`,m=o=>r(i,{removeBorder:o.removeBorder,children:r(e,{...o})});export{m as TablePaginationCard,i as TablePaginationCardStyled};
+import c from"@emotion/styled/base";import{jsx as b}from"react/jsx-runtime";import{TablePagination as e}from"./TablePagination.js";import{COLORS as m}from"../../constants/Theme.js";const n=c("div","production"===process.env.NODE_ENV?{target:"exfv5q90"}:{target:"exfv5q90",label:"TablePaginationCardStyled"})("background:",m.surface.standard,";border:",(c=>c.removeBorder?0:1),"px solid ",m.stroke.primary,";border-radius:4px;display:flex;justify-content:center;margin:auto;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlUGFnaW5hdGlvbkNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvRCIsImZpbGUiOiJUYWJsZVBhZ2luYXRpb25DYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgVGFibGVQYWdpbmF0aW9uLCB9IGZyb20gXCIuL1RhYmxlUGFnaW5hdGlvblwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBUYWJsZVBhZ2luYXRpb25DYXJkU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRib3JkZXI6ICR7KHByb3BzKSA9PiAocHJvcHMucmVtb3ZlQm9yZGVyID8gMCA6IDEpfXB4IHNvbGlkXG5cdFx0JHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtYXJnaW46IGF1dG87XG5gO1xyXG5leHBvcnQgY29uc3QgVGFibGVQYWdpbmF0aW9uQ2FyZCA9IChwcm9wcykgPT4ge1xyXG4gICAgcmV0dXJuIChfanN4KFRhYmxlUGFnaW5hdGlvbkNhcmRTdHlsZWQsIE9iamVjdC5hc3NpZ24oeyByZW1vdmVCb3JkZXI6IHByb3BzLnJlbW92ZUJvcmRlciB9LCB7IGNoaWxkcmVuOiBfanN4KFRhYmxlUGFnaW5hdGlvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWJsZVBhZ2luYXRpb25DYXJkLmpzLm1hcCJdfQ== */")),a=c=>b(n,Object.assign({removeBorder:c.removeBorder},{children:b(e,Object.assign({},c))}));export{a as TablePaginationCard,n as TablePaginationCardStyled};

package/dist/esm/components/TablePagination/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TablePagination';
+export * from './TablePaginationCard';

package/dist/esm/components/TypographyStyle.d.ts

@@ -1,117 +1,113 @@
-import * as styled_components from 'styled-components';
-
-declare const TitleXlarge: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const TitleLarge: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const TitleMedium: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const SmallRegular: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const TitleRegular: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const TitleSmall: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const Display: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const BodyLarge: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const BodyPrimary: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const BodySecondary: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const ButtonRegularAI: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-    disabled?: boolean | undefined;
-}, never>;
-declare const BodyPrimaryLink: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const BodySecondaryLink: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const BodyCaption: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const AiBodyCaption: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const BodyTiny: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const AiBodyTiny: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const ButtonLarge: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const ButtonLargeAI: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const ButtonRegular: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const SubHeading: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const BodyRegular: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const Caption: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const TextPlaceholder: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const TitleFour: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const BodySmall: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const CaptionBold: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-declare const Tiny: styled_components.StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-
-export { AiBodyCaption, AiBodyTiny, BodyCaption, BodyLarge, BodyPrimary, BodyPrimaryLink, BodyRegular, BodySecondary, BodySecondaryLink, BodySmall, BodyTiny, ButtonLarge, ButtonLargeAI, ButtonRegular, ButtonRegularAI, Caption, CaptionBold, Display, SmallRegular, SubHeading, TextPlaceholder, Tiny, TitleFour, TitleLarge, TitleMedium, TitleRegular, TitleSmall, TitleXlarge };
+export declare const TitleXlarge: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const TitleLarge: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const TitleMedium: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const SmallRegular: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const TitleRegular: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const TitleSmall: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const Display: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const BodyLarge: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const BodyPrimary: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const BodySecondary: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const ButtonRegularAI: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+    disabled?: boolean | undefined;
+}, never>;
+export declare const BodyPrimaryLink: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const BodySecondaryLink: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const BodyCaption: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const AiBodyCaption: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const BodyTiny: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const AiBodyTiny: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const ButtonLarge: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const ButtonLargeAI: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const ButtonRegular: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const SubHeading: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const BodyRegular: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const Caption: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const TextPlaceholder: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const TitleFour: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const BodySmall: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const CaptionBold: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const Tiny: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;

package/dist/esm/components/WhatsAppTextEditor/CustomEditor.styled.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isError: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TextSpace: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;
+export declare const OuterContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/WhatsAppTextEditor/CustomEditor.styled.js

@@ -1,22 +1 @@
-import r from"@emotion/styled";import{COLORS as o}from"../../constants/Theme.js";const e=r.div`
-	background: ${o.surface.standard};
-	border: ${r=>r.isError?2:1}px solid
-		${r=>r.isError?o.stroke.negative.vibrant:o.stroke.primary};
-	border-radius: 4px;
-`,i=r.textarea`
-	width: 100%;
-
-	border: 0;
-	padding: 12px 16px;
-	resize: none;
-	color: ${o.content.primary};
-
-	&:focus-within {
-		border: 0;
-		outline: 0;
-	}
-`,t=r.div`
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-`;export{e as Container,t as OuterContainer,i as TextSpace};
+import c from"@emotion/styled/base";import{COLORS as b}from"../../constants/Theme.js";const l=c("div","production"===process.env.NODE_ENV?{target:"e91dva42"}:{target:"e91dva42",label:"Container"})("background:",b.surface.standard,";border:",(c=>c.isError?2:1),"px solid ",(c=>c.isError?b.stroke.negative.vibrant:b.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkN1c3RvbUVkaXRvci5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRW9DIiwiZmlsZSI6IkN1c3RvbUVkaXRvci5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRXJyb3IgPyAyIDogMSl9cHggc29saWRcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMuaXNFcnJvciA/IENPTE9SUy5zdHJva2UubmVnYXRpdmUudmlicmFudCA6IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBUZXh0U3BhY2UgPSBzdHlsZWQudGV4dGFyZWEgYFxuXHR3aWR0aDogMTAwJTtcblxuXHRib3JkZXI6IDA7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0cmVzaXplOiBub25lO1xuXHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblxuXHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0Ym9yZGVyOiAwO1xuXHRcdG91dGxpbmU6IDA7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDhweDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUN1c3RvbUVkaXRvci5zdHlsZWQuanMubWFwIl19 */")),d=c("textarea","production"===process.env.NODE_ENV?{target:"e91dva41"}:{target:"e91dva41",label:"TextSpace"})("width:100%;border:0;padding:12px 16px;resize:none;color:",b.content.primary,";&:focus-within{border:0;outline:0;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkN1c3RvbUVkaXRvci5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUXlDIiwiZmlsZSI6IkN1c3RvbUVkaXRvci5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRXJyb3IgPyAyIDogMSl9cHggc29saWRcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMuaXNFcnJvciA/IENPTE9SUy5zdHJva2UubmVnYXRpdmUudmlicmFudCA6IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBUZXh0U3BhY2UgPSBzdHlsZWQudGV4dGFyZWEgYFxuXHR3aWR0aDogMTAwJTtcblxuXHRib3JkZXI6IDA7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0cmVzaXplOiBub25lO1xuXHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblxuXHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0Ym9yZGVyOiAwO1xuXHRcdG91dGxpbmU6IDA7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDhweDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUN1c3RvbUVkaXRvci5zdHlsZWQuanMubWFwIl19 */")),X=c("div","production"===process.env.NODE_ENV?{target:"e91dva40"}:{target:"e91dva40",label:"OuterContainer"})("production"===process.env.NODE_ENV?{name:"3w0yoi",styles:"display:flex;flex-direction:column;gap:8px"}:{name:"3w0yoi",styles:"display:flex;flex-direction:column;gap:8px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkN1c3RvbUVkaXRvci5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJ5QyIsImZpbGUiOiJDdXN0b21FZGl0b3Iuc3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGJvcmRlcjogJHsocHJvcHMpID0+IChwcm9wcy5pc0Vycm9yID8gMiA6IDEpfXB4IHNvbGlkXG5cdFx0JHsocHJvcHMpID0+IHByb3BzLmlzRXJyb3IgPyBDT0xPUlMuc3Ryb2tlLm5lZ2F0aXZlLnZpYnJhbnQgOiBDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgVGV4dFNwYWNlID0gc3R5bGVkLnRleHRhcmVhIGBcblx0d2lkdGg6IDEwMCU7XG5cblx0Ym9yZGVyOiAwO1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdHJlc2l6ZTogbm9uZTtcblx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cblx0Jjpmb2N1cy13aXRoaW4ge1xuXHRcdGJvcmRlcjogMDtcblx0XHRvdXRsaW5lOiAwO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgT3V0ZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0Z2FwOiA4cHg7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DdXN0b21FZGl0b3Iuc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{l as Container,X as OuterContainer,d as TextSpace};

package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditor.d.ts

@@ -1,46 +1,42 @@
-import React__default from 'react';
-import { EditorActionTypes } from './WhatsAppTextEditorHeader.js';
-
-type CustomEditorProps = React__default.TextareaHTMLAttributes<HTMLTextAreaElement> & {
-    onChange?: (text: string, html: string) => void;
-    text?: string;
-    RightComponent?: React__default.FC;
-    error?: string;
-    limit?: number;
-    rows?: number;
-    actions?: EditorActionTypes[];
-    /**
-     * Calls only for editor only error, not for errors coming from outside
-     */
-    onError?: (err: string) => void;
-    onClickVariable?: (variable: string) => void;
-};
-type CustomEditorRef = {
-    addTextOrWrap: (textToAdd: string) => {
-        text: string;
-        html: string;
-    };
-    addText: (textToAdd: string) => {
-        text: string;
-        html: string;
-    };
-    get: () => string;
-    setCaretPosition(caretPos: number): void;
-};
-declare const WhatsAppTextEditor: React__default.ForwardRefExoticComponent<React__default.TextareaHTMLAttributes<HTMLTextAreaElement> & {
-    onChange?: ((text: string, html: string) => void) | undefined;
-    text?: string | undefined;
-    RightComponent?: React__default.FC<{}> | undefined;
-    error?: string | undefined;
-    limit?: number | undefined;
-    rows?: number | undefined;
-    actions?: EditorActionTypes[] | undefined;
-    /**
-     * Calls only for editor only error, not for errors coming from outside
-     */
-    onError?: ((err: string) => void) | undefined;
-    onClickVariable?: ((variable: string) => void) | undefined;
-} & React__default.RefAttributes<CustomEditorRef>>;
-
-export { WhatsAppTextEditor };
-export type { CustomEditorProps, CustomEditorRef };
+import React from 'react';
+import { EditorActionTypes } from './WhatsAppTextEditorHeader';
+export type CustomEditorProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    onChange?: (text: string, html: string) => void;
+    text?: string;
+    RightComponent?: React.FC;
+    error?: string;
+    limit?: number;
+    rows?: number;
+    actions?: EditorActionTypes[];
+    /**
+     * Calls only for editor only error, not for errors coming from outside
+     */
+    onError?: (err: string) => void;
+    onClickVariable?: (variable: string) => void;
+};
+export type CustomEditorRef = {
+    addTextOrWrap: (textToAdd: string) => {
+        text: string;
+        html: string;
+    };
+    addText: (textToAdd: string) => {
+        text: string;
+        html: string;
+    };
+    get: () => string;
+    setCaretPosition(caretPos: number): void;
+};
+export declare const WhatsAppTextEditor: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    onChange?: ((text: string, html: string) => void) | undefined;
+    text?: string | undefined;
+    RightComponent?: React.FC<{}> | undefined;
+    error?: string | undefined;
+    limit?: number | undefined;
+    rows?: number | undefined;
+    actions?: EditorActionTypes[] | undefined;
+    /**
+     * Calls only for editor only error, not for errors coming from outside
+     */
+    onError?: ((err: string) => void) | undefined;
+    onClickVariable?: ((variable: string) => void) | undefined;
+} & React.RefAttributes<CustomEditorRef>>;

package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditor.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e,Fragment as r}from"react/jsx-runtime";import n from"../../assets/icons/info.svg.js";import{BaseWhatsappContentLangHelper as o}from"../../helpers/BaseWhatsappContentLang.helper.js";import c,{useRef as i,useImperativeHandle as l,useEffect as s}from"react";import{COLORS as u}from"../../constants/Theme.js";import{BodyCaption as a}from"../TypographyStyle.js";import{OuterContainer as h,Container as m,TextSpace as f}from"./CustomEditor.styled.js";import{EditorActionTypes as d,WhatsAppTextEditorHeader as p}from"./WhatsAppTextEditorHeader.js";const g="Character limit reached",v=new o,x={[d.BOLD]:"*",[d.ITALIC]:"_",[d.STRIKETHROUGH]:"~"},T=c.forwardRef((({onChange:o,onClickVariable:c,text:d,RightComponent:T,error:C,limit:E,onError:y,rows:j,actions:H,...L},S)=>{const w=i(null);function R(t){const e=w?.current;null!=e&&(e.selectionStart?(e.focus(),e.selectionEnd=t):e.focus())}function W(t){let e=w.current?.value??"";if(w.current&&t){const r=w.current.selectionStart,n=w.current.selectionEnd,o=t;if(r===n)return A(o);{e=v.wrappWildcard(r,n,o,e);const t=v.getHTML(e);return w.current.value=e,{text:e,html:t}}}return{text:e,html:e}}function A(t){let e=w.current?.value??"";if(w.current&&t){const e=w.current.selectionStart;if(e===w.current.selectionEnd)return I(t,e)}return{text:e,html:e}}function I(t,e){let r=w.current?.value??"";r=r.slice(0,e)+t+r.slice(e);const n=v.getHTML(r);return w.current.value=r,{text:r,html:n}}return l(S,(()=>({addTextOrWrap:W,addText:A,get:()=>w.current?.value??"",setCaretPosition:R}))),s((()=>{if(w?.current){w.current.value=d||"";const t=v.getHTML(d||"");o?.(d||"",t)}}),[d]),s((()=>{w?.current?.value&&E&&(w?.current?.value.length>E?y?.(g):y?.(C??""))}),[w?.current?.value.length]),t(h,{children:[t(m,{isError:!!C,children:[e(p,{actions:H,ref:w,onActionSelect:function(t){if(x?.[t]&&w.current){const e=w.current.selectionStart;if(e===w.current.selectionEnd){I(x?.[t],e);const{text:r,html:n}=I(x?.[t],e);R(e+1),o?.(r,n)}else{const{text:e,html:r}=W(x?.[t]);o?.(e,r)}}},RightComponent:T,onEmojiClick:function(t){const{text:e,html:r}=A(t);o?.(e,r)}}),e(f,{ref:w,onChange:function(t){const e=t.target.value,r=v.getHTML(e);o?.(e,r)},...L,rows:j})]}),C&&C!==g?t("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[e(n,{width:16,height:16,color:u.content.negative}),e(a,{color:u.content.negative,children:C})]}):e(r,{children:E&&w?.current?t(a,{style:{color:C===g||w?.current?.value.length>E?u.content.negative:u.content.secondary},children:[w.current.value.length,"/",E]}):e(r,{})})]})}));T.displayName="WhatsAppTextEditor";export{T as WhatsAppTextEditor};
+import{__rest as t}from"../../_virtual/_tslib.js";import{jsxs as n,jsx as e,Fragment as r}from"react/jsx-runtime";import l from"../../assets/icons/info.svg.js";import{BaseWhatsappContentLangHelper as o}from"../../helpers/BaseWhatsappContentLang.helper.js";import i,{useRef as c,useImperativeHandle as u,useEffect as s}from"react";import{COLORS as a}from"../../constants/Theme.js";import{BodyCaption as d}from"../TypographyStyle.js";import{OuterContainer as v,Container as m,TextSpace as h}from"./CustomEditor.styled.js";import{EditorActionTypes as f,WhatsAppTextEditorHeader as g}from"./WhatsAppTextEditorHeader.js";const p="Character limit reached",x=new o,j={[f.BOLD]:"*",[f.ITALIC]:"_",[f.STRIKETHROUGH]:"~"},C=i.forwardRef(((o,i)=>{var f,C,{onChange:T,onClickVariable:E,text:y,RightComponent:b,error:O,limit:w,onError:H,rows:L,actions:S}=o,R=t(o,["onChange","onClickVariable","text","RightComponent","error","limit","onError","rows","actions"]);const W=c(null);function A(t){const n=null==W?void 0:W.current;null!=n&&(n.selectionStart?(n.focus(),n.selectionEnd=t):n.focus())}function I(t){var n,e;let r=null!==(e=null===(n=W.current)||void 0===n?void 0:n.value)&&void 0!==e?e:"";if(W.current&&t){const n=W.current.selectionStart,e=W.current.selectionEnd,l=t;if(n===e)return M(l);{r=x.wrappWildcard(n,e,l,r);const t=x.getHTML(r);return W.current.value=r,{text:r,html:t}}}return{text:r,html:r}}function M(t){var n,e;let r=null!==(e=null===(n=W.current)||void 0===n?void 0:n.value)&&void 0!==e?e:"";if(W.current&&t){const n=W.current.selectionStart;if(n===W.current.selectionEnd)return k(t,n)}return{text:r,html:r}}function k(t,n){var e,r;let l=null!==(r=null===(e=W.current)||void 0===e?void 0:e.value)&&void 0!==r?r:"";l=l.slice(0,n)+t+l.slice(n);const o=x.getHTML(l);return W.current.value=l,{text:l,html:o}}return u(i,(()=>({addTextOrWrap:I,addText:M,get(){var t,n;return null!==(n=null===(t=W.current)||void 0===t?void 0:t.value)&&void 0!==n?n:""},setCaretPosition:A}))),s((()=>{if(null==W?void 0:W.current){W.current.value=y||"";const t=x.getHTML(y||"");null==T||T(y||"",t)}}),[y]),s((()=>{var t,n;(null===(t=null==W?void 0:W.current)||void 0===t?void 0:t.value)&&w&&((null===(n=null==W?void 0:W.current)||void 0===n?void 0:n.value.length)>w?null==H||H(p):null==H||H(null!=O?O:""))}),[null===(f=null==W?void 0:W.current)||void 0===f?void 0:f.value.length]),n(v,{children:[n(m,Object.assign({isError:!!O},{children:[e(g,{actions:S,ref:W,onActionSelect:function(t){if((null==j?void 0:j[t])&&W.current){const n=W.current.selectionStart;if(n===W.current.selectionEnd){k(null==j?void 0:j[t],n);const{text:e,html:r}=k(null==j?void 0:j[t],n);A(n+1),null==T||T(e,r)}else{const{text:n,html:e}=I(null==j?void 0:j[t]);null==T||T(n,e)}}},RightComponent:b,onEmojiClick:function(t){const{text:n,html:e}=M(t);null==T||T(n,e)}}),e(h,Object.assign({ref:W,onChange:function(t){const n=t.target.value,e=x.getHTML(n);null==T||T(n,e)}},R,{rows:L}))]})),O&&O!==p?n("div",Object.assign({style:{display:"flex",gap:6,alignItems:"center"}},{children:[e(l,{width:16,height:16,color:a.content.negative}),e(d,Object.assign({color:a.content.negative},{children:O}))]})):e(r,{children:w&&(null==W?void 0:W.current)?n(d,Object.assign({style:{color:O===p||(null===(C=null==W?void 0:W.current)||void 0===C?void 0:C.value.length)>w?a.content.negative:a.content.secondary}},{children:[W.current.value.length,"/",w]})):e(r,{})})]})}));C.displayName="WhatsAppTextEditor";export{C as WhatsAppTextEditor};