@bikdotai/bik-component-library 0.0.756-beta.8 → 0.0.756

package/dist/esm/assets/icons/hover_home.svg.js

@@ -0,0 +1 @@
+import*as e from"react";var a,t;function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},r.apply(this,arguments)}var l=l=>e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20"},l),a||(a=e.createElement("g",{clipPath:"url(#hover_home_svg__a)"},e.createElement("path",{fill:"#fff",fillOpacity:.8,d:"m17.094 8.102-6.25-5.68a1.25 1.25 0 0 0-1.688 0l-6.25 5.68a1.25 1.25 0 0 0-.406.922v7.195c-.005.315.106.621.312.86a1.242 1.242 0 0 0 .938.421H7.5a.625.625 0 0 0 .625-.625v-3.75a.625.625 0 0 1 .625-.625h2.5a.625.625 0 0 1 .625.625v3.75a.625.625 0 0 0 .625.625h3.75c.207.002.412-.05.594-.148a1.257 1.257 0 0 0 .656-1.102V9.024a1.25 1.25 0 0 0-.406-.922Z"}))),t||(t=e.createElement("defs",null,e.createElement("clipPath",{id:"hover_home_svg__a"},e.createElement("path",{fill:"#fff",d:"M0 0h20v20H0z"})))));export{l as default};

package/dist/esm/assets/icons/index.d.ts

@@ -0,0 +1,160 @@
+export { ActiveChecklistIcon } from './ActiveChecklistIcon';
+export { CheckIndicatorIcon } from './CheckIndicatorIcon';
+export { CompletedChecklistIcon } from './CompletedChecklistIcon';
+export { InactiveChecklistIcon } from './InactiveChecklistIcon';
+export { ProgressBadgeIcon } from './ProgressBadgeIcon';
+export { Redirect2Icon } from './Redirect2Icon';
+export { SearchIcon } from './searchIcon';
+export { SmallCheckIcon } from './SmallCheckIcon';
+export { default as CustomiseIcon } from './CustomiseIcon';
+export { default as EnableIcon } from './EnableIcon';
+export { default as GoLiveIcon } from './GoLiveIcon';
+export { default as HeadsetIcon } from './HeadsetIcon';
+export { default as ListChecksIcon } from './ListChecksIcon';
+export { default as MarketingIcon } from './MarketingIcon';
+export { default as NudgesIcon } from './NudgesIcon';
+export { default as OnboardingLogo } from './OnboardingLogo';
+export { default as OrderTrackingIcon } from './OrderTrackingIcon';
+export { default as PlusIcon } from './PlusIcon';
+export { default as ShoppingIcon } from './ShoppingIcon';
+export { default as SupportIcon } from './SupportIcon';
+export { default as TrainingIcon } from './TrainingIcon';
+export { default as AiEdit } from './AiEdit.svg';
+export { default as AiEventGenerating } from './Ai_event_generating.svg';
+export { default as BikLogo } from './Bik_logo.svg';
+export { default as ChartBar } from './ChartBar.svg';
+export { default as ChartPie } from './ChartPie.svg';
+export { default as CheckSquareOffset } from './CheckSquareOffset.svg';
+export { default as HelpIcon } from './HelpIcon.svg';
+export { default as Idea } from './Idea.svg';
+export { default as RCSPDF } from './RCS_PDF.svg';
+export { default as RedirectToNew } from './RedirectToNew.svg';
+export { default as WhiteStarFilled } from './WhiteStarFilled.svg';
+export { default as ActionButton } from './actionButton.svg';
+export { default as AiContentIcon } from './aiContentIcon.svg';
+export { default as Alarm } from './alarm.svg';
+export { default as AlertIcon } from './alert.svg';
+export { default as AlertTriangle } from './alert_triangle.svg';
+export { default as ArrowBack } from './arrow_back.svg';
+export { default as ArrowDown } from './arrow_down.svg';
+export { default as ArrowLeft } from './arrow_left.svg';
+export { default as ArrowUp } from './arrow_up.svg';
+export { default as BackIcon } from './back_icon.svg';
+export { default as BikAiStarsIcon } from './bik_ai_stars_icon.svg';
+export { default as BikLivechat } from './bik_livechat.svg';
+export { default as Bold } from './bold.svg';
+export { default as Box } from './box.svg';
+export { default as BoxV2 } from './boxV2.svg';
+export { default as BoxRound } from './box_round.svg';
+export { default as BoxSearch } from './box_search.svg';
+export { default as BrandHome } from './brand_home.svg';
+export { default as BrokenMediaImage } from './broken_media_image.svg';
+export { default as Calendar } from './calendar.svg';
+export { default as CardFooterArrow } from './card_footer_arraw.svg';
+export { default as ChatChannel } from './chat-channel.svg';
+export { default as Chat } from './chat.svg';
+export { default as Check } from './check.svg';
+export { default as CheckCircle } from './checkCircle.svg';
+export { default as ChecklistIcon } from './checklistIcon.svg';
+export { default as ChevronDown } from './chevronDown.svg';
+export { default as ChevronDownOutline } from './chevronDownOutline.svg';
+export { default as ChevronLeft } from './chevronLeft.svg';
+export { default as ChevronLeft2 } from './chevronLeft2.svg';
+export { default as ChevronRight } from './chevronRight.svg';
+export { default as ChevronRight2 } from './chevronRight2.svg';
+export { default as ChevronRightAlt } from './chevronRightAlt.svg';
+export { default as ChevronUpOutline } from './chevronUpOutline.svg';
+export { default as CircularCrossIcon } from './circular-cross-icon.svg';
+export { default as Click } from './click.svg';
+export { default as Clock } from './clock.svg';
+export { default as CopyCodeIcon } from './copy-code-icon.svg';
+export { default as Cross } from './cross.svg';
+export { default as CubeIcon } from './cubeIcon.svg';
+export { default as Cursor } from './cursor.svg';
+export { default as Delete } from './delete.svg';
+export { default as DesktopCustom } from './desktop_custom.svg';
+export { default as DocumentPdf } from './document_pdf.svg';
+export { default as DragHandle } from './drag_handle.svg';
+export { default as Edit } from './edit.svg';
+export { default as EmailChannel } from './email-channel.svg';
+export { default as Emoji } from './emoji.svg';
+export { default as ErrorIcon } from './errorIcon.svg';
+export { default as ErrorInfo } from './errorInfo.svg';
+export { default as ExpressionlessEmoji } from './expressionless_emoji.svg';
+export { default as FacebookChannel } from './facebook_channel.svg';
+export { default as File } from './file.svg';
+export { default as FilePdf } from './filePdf.svg';
+export { default as GiftIcon } from './gift_icon.svg';
+export { default as Gmail } from './gmail.svg';
+export { default as Graph } from './graph.svg';
+export { default as Grid } from './grid.svg';
+export { default as HalfRectangle } from './halfRectangle.svg';
+export { default as Help } from './help.svg';
+export { default as Home } from './home.svg';
+export { default as HorizontalDots } from './horizontal_dots.svg';
+export { default as HoverHome } from './hover_home.svg';
+export { default as Image } from './image.svg';
+export { default as Info } from './info.svg';
+export { default as InstagramChannel } from './instagram-channel.svg';
+export { default as Instagram } from './instagram.svg';
+export { default as Italic } from './italic.svg';
+export { default as List } from './list.svg';
+export { default as Locked } from './locked.svg';
+export { default as LogOut } from './log_out.svg';
+export { default as LtoIcon } from './lto_icon.svg';
+export { default as Maximize } from './maximize.svg';
+export { default as MobileCustom } from './mobile_custom.svg';
+export { default as MoreVertical } from './more_vertical.svg';
+export { default as OpenAI } from './openai.svg';
+export { default as Paperclip } from './paperclip.svg';
+export { default as PercentageIcon } from './percentage_icon.svg';
+export { default as Phone } from './phone.svg';
+export { default as PhoneRound } from './phone_round.svg';
+export { default as Play } from './play.svg';
+export { default as Plus } from './plus.svg';
+export { default as Pointer } from './pointer.svg';
+export { default as Profile } from './profile.svg';
+export { default as Qrb } from './qrb.svg';
+export { default as QuestionMark } from './question-mark.svg';
+export { default as Quotes } from './quotes.svg';
+export { default as Redirect } from './redirect.svg';
+export { default as Refresh } from './refresh.svg';
+export { default as Retry } from './retry.svg';
+export { default as RetryIcon } from './retryIcon.svg';
+export { default as SadEmoji } from './sad_emoji.svg';
+export { default as Search } from './search.svg';
+export { default as SearchIconSvg } from './searchIcon.svg';
+export { default as Send } from './send.svg';
+export { default as SendTemplate } from './send_template.svg';
+export { default as ShippingIcon } from './shipping_icon.svg';
+export { default as Similar } from './similar.svg';
+export { default as SmileEmoji } from './smile_emoji.svg';
+export { default as SmileyEmoji } from './smiley_emoji.svg';
+export { default as Sparkle } from './sparkle.svg';
+export { default as Speedometer } from './speedometer.svg';
+export { default as StarEmpty } from './starEmpty.svg';
+export { default as StarFilled } from './starFilled.svg';
+export { default as StarFilledV2 } from './starFilledV2.svg';
+export { default as StateIcon } from './state_icon.svg';
+export { default as StrikeThrough } from './strikeThrough.svg';
+export { default as SubCategory } from './sub_category.svg';
+export { default as SuccessIcon } from './successIcon.svg';
+export { default as Sync } from './sync.svg';
+export { default as Task } from './task.svg';
+export { default as TextT9 } from './text_t9.svg';
+export { default as Tick } from './tick.svg';
+export { default as TickDouble } from './tick_double.svg';
+export { default as TriangleError } from './triangle_error.svg';
+export { default as Undo } from './undo.svg';
+export { default as Union } from './union.svg';
+export { default as Upload } from './upload.svg';
+export { default as UserIcon } from './user_icon.svg';
+export { default as VerticalDots } from './vertical_dots.svg';
+export { default as VideoRecorder } from './videoRecorder.svg';
+export { default as VideoCamcorder } from './video_camcorder.svg';
+export { default as Warning } from './warning.svg';
+export { default as WarningIcon } from './warningIcon.svg';
+export { default as Website } from './website.svg';
+export { default as WhatsNewIcon } from './whatsNew.svg';
+export { default as WhatsappChannel } from './whatsapp-channel.svg';
+export { default as WhatsappColor } from './whatsapp_color.svg';

package/dist/esm/assets/icons/list.svg.js

@@ -0,0 +1 @@
+import*as a from"react";var e;function t(){return t=Object.assign?Object.assign.bind():function(a){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(a[r]=t[r])}return a},t.apply(this,arguments)}var r=r=>a.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20"},r),e||(e=a.createElement("g",{fill:"#212121"},a.createElement("path",{d:"M2.5 5.833a.833.833 0 1 0 0-1.666.833.833 0 0 0 0 1.666ZM6.667 4.167a.833.833 0 0 0 0 1.666H17.5a.833.833 0 0 0 0-1.666H6.667ZM6.667 9.167a.833.833 0 0 0 0 1.666H17.5a.833.833 0 0 0 0-1.666H6.667ZM5.833 15c0-.46.374-.833.834-.833H17.5a.833.833 0 0 1 0 1.666H6.667A.833.833 0 0 1 5.833 15ZM3.333 10a.833.833 0 1 1-1.666 0 .833.833 0 0 1 1.666 0ZM2.5 15.833a.833.833 0 1 0 0-1.666.833.833 0 0 0 0 1.666Z"}))));export{r as default};

package/dist/esm/assets/icons/paperclip.svg.js

@@ -0,0 +1 @@
+import*as e from"react";var l;function r(){return r=Object.assign?Object.assign.bind():function(e){for(var l=1;l<arguments.length;l++){var r=arguments[l];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},r.apply(this,arguments)}var t=t=>e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 12 12"},t),l||(l=e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M7.89 1.194c-.398 0-.78.158-1.062.44L2.233 6.229a2.502 2.502 0 0 0 3.538 3.537l4.595-4.595a.5.5 0 0 1 .707.708l-4.595 4.595A3.502 3.502 0 1 1 1.526 5.52L6.121.926a2.501 2.501 0 1 1 3.537 3.538l-4.6 4.595a1.5 1.5 0 1 1-2.122-2.123l4.246-4.24a.5.5 0 1 1 .706.708l-4.245 4.24a.501.501 0 0 0 .708.707l4.6-4.595A1.502 1.502 0 0 0 7.89 1.194Z",clipRule:"evenodd"})));export{t as default};

package/dist/esm/assets/icons/play.svg.js

@@ -0,0 +1 @@
+import*as t from"react";var e;function r(){return r=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t},r.apply(this,arguments)}var a=a=>t.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 40 40"},a),e||(e=t.createElement("path",{fill:"#fff",d:"M10 6.34c0-1.308 1.44-2.107 2.55-1.413l21.855 13.66a1.667 1.667 0 0 1 0 2.826L12.55 35.073c-1.11.694-2.55-.104-2.55-1.413V6.34Z"})));export{a as default};

package/dist/esm/assets/icons/pointer.svg.js

@@ -0,0 +1 @@
+import*as t from"react";var e;function r(){return r=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t},r.apply(this,arguments)}var a=a=>t.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 13 13"},a),e||(e=t.createElement("path",{fill:"#fff",d:"M6.5 0A6.5 6.5 0 1 0 13 6.5 6.507 6.507 0 0 0 6.5 0Zm2.854 5.354-3.5 3.5a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L5.5 7.793l3.146-3.147a.5.5 0 1 1 .708.708Z"})));export{a as default};

package/dist/esm/assets/icons/profile.svg.js

@@ -0,0 +1 @@
+import*as e from"react";var r,t;function a(){return a=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},a.apply(this,arguments)}var l=l=>e.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 32 32"},l),r||(r=e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M16 2.667A6.667 6.667 0 1 0 16 16a6.667 6.667 0 0 0 0-13.333Zm-4 6.667a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z",clipRule:"evenodd"})),t||(t=e.createElement("path",{fill:"currentColor",d:"M10.667 18.667A6.667 6.667 0 0 0 4 25.334V28a1.333 1.333 0 1 0 2.667 0v-2.666a4 4 0 0 1 4-4h10.666a4 4 0 0 1 4 4V28A1.333 1.333 0 0 0 28 28v-2.666a6.667 6.667 0 0 0-6.667-6.667H10.667Z"})));export{l as default};

package/dist/esm/assets/icons/retry.svg.js

@@ -0,0 +1 @@
+import*as t from"react";var a;function e(){return e=Object.assign?Object.assign.bind():function(t){for(var a=1;a<arguments.length;a++){var e=arguments[a];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])}return t},e.apply(this,arguments)}var r=r=>t.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 18"},r),a||(a=t.createElement("path",{fill:"#fff",d:"M12.506 1.255a.833.833 0 0 0-1.486-.084l-.936 1.622A7.5 7.5 0 1 0 15.502 10a.833.833 0 1 0-1.667.002 5.833 5.833 0 1 1-4.617-5.707l-.555.96a.833.833 0 0 0 .816 1.244l3.941-.446a.833.833 0 0 0 .67-1.16l-1.584-3.637Z"})));export{r as default};

package/dist/esm/assets/icons/send.svg.js

@@ -0,0 +1 @@
+import*as a from"react";var e,t,r;function l(){return l=Object.assign?Object.assign.bind():function(a){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(a[r]=t[r])}return a},l.apply(this,arguments)}var n=n=>a.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 40 40"},n),e||(e=a.createElement("circle",{cx:20,cy:20,r:20,fill:"currentColor"})),t||(t=a.createElement("path",{fill:"#731DCF",d:"M11.191 11.984a.8.8 0 0 0 .566-1.358l-2.4-2.401a.8.8 0 0 0-1.132 1.131l2.4 2.401c.152.148.355.23.566.227ZM8.848 15.993h1.543a.8.8 0 1 0 0-1.6H8.848a.8.8 0 1 0 0 1.6ZM15.193 11.193a.8.8 0 0 0 .8-.8V8.848a.8.8 0 0 0-1.6 0v1.543a.8.8 0 0 0 .8.8ZM8.79 22.39a.796.796 0 0 0 .566-.228l2.401-2.401a.8.8 0 0 0-1.131-1.132l-2.401 2.4a.804.804 0 0 0 .565 1.361ZM19.194 11.987a.796.796 0 0 0 .566-.23l2.401-2.4a.8.8 0 0 0-1.132-1.132l-2.4 2.4a.804.804 0 0 0 .565 1.362Z"})),r||(r=a.createElement("path",{stroke:"#731DCF",strokeWidth:1.714,d:"m14.71 14.702-.01.009a.847.847 0 0 0-.194.912l.002.006 5.696 14.952v.002a.876.876 0 0 0 .847.56h.005a.846.846 0 0 0 .79-.611l.002-.007 1.85-6.168a.981.981 0 0 1 .661-.658l6.165-1.85a.868.868 0 0 0 .06-1.643L15.63 14.509l-.006-.002a.85.85 0 0 0-.914.195Z"})));export{n as default};

package/dist/esm/assets/icons/smile_emoji.svg.js

@@ -0,0 +1 @@
+import*as e from"react";var a,t;function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},r.apply(this,arguments)}var l=l=>e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 22 22"},l),a||(a=e.createElement("path",{d:"M6.4 13.2a1 1 0 0 1 1.397.196l.005.006.033.041a4.945 4.945 0 0 0 .815.748c.578.42 1.376.81 2.35.81.975 0 1.772-.39 2.35-.81a4.945 4.945 0 0 0 .815-.748l.034-.041.004-.006A1 1 0 0 1 15.8 14.6l-.001.001-.001.002-.003.004-.007.009-.021.027-.07.086c-.059.07-.142.164-.248.276a6.951 6.951 0 0 1-.923.804c-.798.58-2 1.191-3.526 1.191-1.525 0-2.728-.61-3.526-1.191a6.949 6.949 0 0 1-1.17-1.08 3.884 3.884 0 0 1-.07-.086l-.022-.027-.007-.01-.003-.003V14.6H6.2a1 1 0 0 1 .2-1.4ZM13 9a2 2 0 1 1 4 0 2 2 0 0 1-4 0ZM7 7a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"})),t||(t=e.createElement("path",{fillRule:"evenodd",d:"M11 0C4.925 0 0 4.925 0 11s4.925 11 11 11 11-4.925 11-11S17.075 0 11 0ZM2 11a9 9 0 1 1 18 0 9 9 0 0 1-18 0Z",clipRule:"evenodd"})));export{l as default};

package/dist/esm/assets/icons/video_camcorder.svg.js

@@ -0,0 +1 @@
+import*as e from"react";var a;function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},r.apply(this,arguments)}var t=t=>e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},t),a||(a=e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M17 10.057V7a3 3 0 0 0-3-3H3a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-3.057l5.419 3.87A1 1 0 0 0 24 17V7a1 1 0 0 0-1.581-.814L17 10.056ZM2 7a1 1 0 0 1 1-1h11a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7Zm20 8.057L17.72 12 22 8.943v6.114Z",clipRule:"evenodd"})));export{t as default};

package/dist/esm/components/ProgressChecklist/MultiChecklistItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { MultiChecklistItemType } from './ProgressChecklist';
+interface MultiChecklistItemProps {
+    item: MultiChecklistItemType;
+    children?: React.ReactNode;
+    isOpen?: boolean;
+    onToggle?: (open: boolean) => void;
+}
+declare const MultiChecklistItem: React.FC<MultiChecklistItemProps>;
+export default MultiChecklistItem;

package/dist/esm/components/ProgressChecklist/MultiChecklistItem.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{BikAccordion as o}from"../accordion/Accordion.js";import i from"./SimpleChecklistItem.js";const r=r=>{let{item:t,children:c,isOpen:n,onToggle:s}=r;const d="boolean"==typeof n?n:!!t.isActive,a=e(i,{header:t.header,subheader:t.subheader,icon:t.icon,activeIcon:t.activeIcon,completedIcon:t.completedIcon,isCompleted:t.isCompleted,isActive:t.isActive,tag:t.tag});return e(o,Object.assign({header:a,headerStyles:{height:"auto",cursor:"pointer"},onToggleAccordion:s||(()=>{}),isOpen:d,skipHoverHeader:!0,showBorders:!0,borderRadius:"8px"},{children:c?e("div",Object.assign({style:{border:"none",padding:16}},{children:c})):null}))};export{r as default};

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

@@ -0,0 +1,75 @@
+import React from 'react';
+import { ALERT_TYPES } from '../alerts';
+import { TooltipProps } from '../tooltips/Tooltip';
+export interface ChecklistItemType {
+    id: string;
+    label: string;
+    description?: string;
+    completed?: boolean;
+}
+export interface SingleChecklistItemType {
+    id: string;
+    header: string;
+    subheader: string;
+    icon?: React.ReactNode;
+    activeIcon?: React.ReactNode;
+    completedIcon?: React.ReactNode;
+    isActive?: boolean;
+    isCompleted?: boolean;
+    onSetup?: () => void;
+    alertText?: string | React.ReactNode;
+    alertType?: ALERT_TYPES;
+    tag?: {
+        tagText: string | number;
+        variant?: 'regular' | 'circle' | 'compressed';
+        type?: 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey' | 'ai';
+        theme?: 'light' | 'dark';
+        tooltip?: Omit<TooltipProps, 'children'>;
+    };
+    type: 'single';
+    buttonType?: 'primary' | 'secondary' | 'tertiary';
+    buttonText?: string;
+    buttonDisabled?: boolean;
+    hideRedirectButton?: boolean;
+    hideSetupButton?: boolean;
+}
+export interface MultiChecklistItemType {
+    id: string;
+    header: string;
+    subheader?: string;
+    icon?: React.ReactNode;
+    activeIcon?: React.ReactNode;
+    completedIcon?: React.ReactNode;
+    isActive?: boolean;
+    isCompleted?: boolean;
+    onSetup?: () => void;
+    tag?: {
+        tagText: string | number;
+        variant?: 'regular' | 'circle' | 'compressed';
+        type?: 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey' | 'ai';
+        theme?: 'light' | 'dark';
+        tooltip?: Omit<TooltipProps, 'children'>;
+    };
+    type: 'multiple';
+    alertType?: ALERT_TYPES;
+    steps?: Array<{
+        id?: string;
+        text: string;
+        onClick?: () => void;
+        isCompleted?: boolean;
+    }>;
+    buttonType?: 'primary' | 'secondary' | 'tertiary';
+}
+export interface ProgressChecklistProps {
+    header?: string;
+    subheader?: string;
+    items?: Array<SingleChecklistItemType | MultiChecklistItemType>;
+    progressBarColor?: string;
+    headerAction?: React.ReactNode;
+    /** Whether to render the progress bar. Defaults to true. */
+    showProgressBar?: boolean;
+    /** Whether to remove border, border-radius, and padding. Defaults to false. */
+    noBorder?: boolean;
+}
+declare const ProgressChecklist: React.FC<ProgressChecklistProps>;
+export default ProgressChecklist;

package/dist/esm/components/ProgressChecklist/ProgressChecklist.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{ActiveChecklistIcon as i}from"../../assets/icons/ActiveChecklistIcon.js";import{CompletedChecklistIcon as s}from"../../assets/icons/CompletedChecklistIcon.js";import{InactiveChecklistIcon as r}from"../../assets/icons/InactiveChecklistIcon.js";import"../../_virtual/_tslib.js";import o from"../../assets/icons/chevronRight.svg.js";import n from"../../assets/icons/info.svg.js";import{useState as l,useEffect as c}from"react";import{COLORS as a}from"../../constants/Theme.js";import{Alert as d}from"../alerts/Alert.js";import{ALERT_TYPES as p,CONTENT_POSITION as m}from"../alerts/AlertHelper.js";import{Button as g}from"../button/Button.js";import{ProgressBarV2 as h,ProgressBarType as u}from"../progress-bar-v2/ProgressBarV2.js";import{Tag as v}from"../tag/Tag.js";import{Tooltip as f}from"../tooltips/Tooltip.js";import{TitleMedium as y,BodySecondary as b,TitleSmall as j}from"../TypographyStyle.js";import x from"./MultiChecklistItem.js";import{ProgressChecklistContainer as C,HeaderSection as T,ProgressBarSection as A,SingleChecklistItem as O,SingleChecklistMainRow as I,SingleChecklistIconWrapper as k,SingleChecklistContent as B,SingleChecklistHeader as S,SingleChecklistSubheader as P,SingleChecklistActionWrapper as w,SingleChecklistAlertRow as R}from"./ProgressChecklist.style.js";import $ from"./ProgressStepper.js";const D=D=>{let{header:N,subheader:V,items:W=[],progressBarColor:L,headerAction:M,showProgressBar:_=!0,noBorder:E=!1}=D;const[G,H]=l(W);c((()=>{H(W)}),[W]);const q=G.filter((e=>e.isCompleted)).length,z=G.length,F=z>0?q/z*100:0;return e(C,Object.assign({noBorder:E},{children:[e(T,{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"}},{children:[t(y,{children:N}),M&&t("div",{children:M})]})),t(b,Object.assign({color:a.content.secondary},{children:V}))]}),_&&e(A,Object.assign({style:{display:"flex",alignItems:"center",gap:"16px"}},{children:[t("div",Object.assign({style:{flex:1}},{children:t(h,{progress:Math.round(F),type:u.LINE,matchParentWidth:!0,showProgress:!1,color:null!=L?L:a.background.positive.vibrant,progressBarThickness:12})})),t("div",Object.assign({style:{display:"flex",justifyContent:"flex-end",alignItems:"center",minWidth:12}},{children:e(j,Object.assign({style:{color:a.content.secondary,textAlign:"right"}},{children:[q," / ",z]}))}))]})),t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"16px"}},{children:G.map((l=>{var c,h,u,y,b,j,C,T;if("single"===l.type)return e(O,Object.assign({isActive:l.isActive||!1},{children:[e(I,{children:[t(k,{children:l.isCompleted?null!==(c=l.completedIcon)&&void 0!==c?c:t(s,{}):l.isActive?null!==(h=l.activeIcon)&&void 0!==h?h:t(i,{}):null!==(u=l.icon)&&void 0!==u?u:t(r,{})}),e(B,{children:[e("div",Object.assign({style:{display:"flex",alignItems:"center",gap:12}},{children:[t(S,Object.assign({completed:!!l.isCompleted,isActive:!!l.isActive},{children:l.header})),(null===(y=l.tag)||void 0===y?void 0:y.tagText)&&(l.tag.tooltip?t(f,Object.assign({},l.tag.tooltip,{children:t("span",Object.assign({style:{display:"inline-flex"}},{children:t(v,{tagText:l.tag.tagText,variant:l.tag.variant,type:l.tag.type,theme:l.tag.theme})}))})):t(v,{tagText:l.tag.tagText,variant:l.tag.variant,type:l.tag.type,theme:l.tag.theme}))]})),t(P,{children:l.subheader})]}),l.isCompleted&&!l.hideRedirectButton&&t("div",Object.assign({onClick:l.onSetup,style:{cursor:"pointer"}},{children:t(o,{style:{marginLeft:"12px"},width:12,height:12,color:a.content.secondary})})),!l.isCompleted&&l.isActive&&!l.hideSetupButton&&t(w,{children:t(g,{buttonText:null!==(b=l.buttonText)&&void 0!==b?b:"Setup",buttonType:null!==(j=l.buttonType)&&void 0!==j?j:"primary",onClick:l.onSetup,disabled:null!==(C=l.buttonDisabled)&&void 0!==C&&C})})]}),l.alertText&&t(R,{children:t(d,{text:l.alertText,type:null!==(T=l.alertType)&&void 0!==T?T:p.WARNING,contentPosition:m.START,textColor:l.alertType===p.BRAND?"#4B1583":"",icon:e=>t(n,Object.assign({},e))})})]}),l.id);if("multiple"===l.type){const e=l.steps&&l.steps.length>0?l.steps.map(((e,t)=>{var i;return{id:null!==(i=e.id)&&void 0!==i?i:`${l.id}-sub-${t+1}`,text:e.text,label:e.text,onClick:e.onClick,isCompleted:!!e.isCompleted}})):[{id:`${l.id}-sub-1`,text:"Connect",label:"Connect",isCompleted:!1},{id:`${l.id}-sub-2`,text:"Configure",label:"Configure",isCompleted:!1},{id:`${l.id}-sub-3`,text:"Verify",label:"Verify",isCompleted:!1}];return t(x,Object.assign({item:l},{children:t($,{steps:e,isStepperActive:l.isActive})}),l.id)}}))}))]}))};export{D as default};

package/dist/esm/components/ProgressChecklist/ProgressChecklist.style.d.ts

@@ -0,0 +1,32 @@
+export declare const ProgressChecklistContainer: import("styled-components").StyledComponent<"div", any, {
+    noBorder?: boolean | undefined;
+}, never>;
+export declare const HeaderSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ProgressBarSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ChecklistItemsSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ChecklistItem: import("styled-components").StyledComponent<"div", any, {
+    completed?: boolean | undefined;
+}, never>;
+export declare const ChecklistCheckbox: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const ChecklistItemContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ChecklistItemText: import("styled-components").StyledComponent<"p", any, {
+    completed?: boolean | undefined;
+}, never>;
+export declare const ChecklistItemDescription: import("styled-components").StyledComponent<"p", any, {
+    completed?: boolean | undefined;
+}, never>;
+export declare const SingleChecklistItem: import("styled-components").StyledComponent<"div", any, {
+    isActive: boolean;
+}, never>;
+export declare const SingleChecklistMainRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SingleChecklistIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SingleChecklistContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SingleChecklistHeader: import("styled-components").StyledComponent<"div", any, {
+    completed?: boolean | undefined;
+    isActive?: boolean | undefined;
+}, never>;
+export declare const SingleChecklistSubheader: import("styled-components").StyledComponent<"div", any, {
+    isActive?: boolean | undefined;
+}, never>;
+export declare const SingleChecklistActionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SingleChecklistAlertRow: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/ProgressChecklist/ProgressChecklist.style.js

@@ -0,0 +1,133 @@
+import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const o=e.div`
+	border-radius: ${e=>e.noBorder?"0":"8px"};
+	border: ${e=>e.noBorder?"none":"1px solid #e0e0e0"};
+	padding: ${e=>e.noBorder?"0":"24px"};
+	display: flex;
+	flex-direction: column;
+	gap: 10px;
+	background: ${i.surface.standard};
+
+	.accordion__overview {
+		padding: 16px !important;
+		border-bottom: none;
+	}
+`,r=e.div`
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+`,t=e.div`
+	display: flex;
+	flex-direction: row;
+	gap: 12px;
+`;e.div`
+	display: flex;
+	flex-direction: column;
+	gap: 16px;
+	overflow-y: auto;
+	flex: 1;
+
+	&::-webkit-scrollbar {
+		width: 6px;
+	}
+
+	&::-webkit-scrollbar-track {
+		background: transparent;
+	}
+
+	&::-webkit-scrollbar-thumb {
+		background: ${i.stroke.primary};
+		border-radius: 3px;
+	}
+`,e.div`
+	display: flex;
+	align-items: flex-start;
+	gap: 12px;
+	padding: 12px;
+	background: ${e=>e.completed?"#F0F7F4":i.surface.standard};
+	border: 1px solid
+		${e=>e.completed?"#D4E9E3":i.stroke.primary};
+	border-radius: 6px;
+	cursor: pointer;
+	transition: all 0.2s ease;
+
+	&:hover {
+		background: ${e=>e.completed?"#E8F4F0":i.background.base};
+	}
+`,e.input`
+	width: 18px;
+	height: 18px;
+	margin-top: 2px;
+	cursor: pointer;
+	flex-shrink: 0;
+`,e.div`
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
+	flex: 1;
+`,e.p`
+	margin: 0;
+	font-size: 14px;
+	font-weight: 500;
+	line-height: 20px;
+	color: ${e=>e.completed?i.content.secondary:i.content.primary};
+	text-decoration: ${e=>e.completed?"line-through":"none"};
+`,e.p`
+	margin: 0;
+	font-size: 12px;
+	font-weight: 400;
+	line-height: 16px;
+	color: ${i.content.secondary};
+	opacity: ${e=>e.completed?.6:1};
+`;const n=e.div`
+	border-radius: 8px;
+	border: 1px solid
+		${e=>e.isActive?i.stroke.primary:"#E0E0E0"};
+	padding: 16px;
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+	background: ${i.surface.standard};
+	transition: all 0.2s ease;
+
+	&:hover {
+		border-color: ${e=>e.isActive?i.stroke.primary:"#D0D0D0"};
+	}
+`,d=e.div`
+	display: flex;
+	align-items: center;
+	gap: 16px;
+	width: 100%;
+`,p=e.div`
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-shrink: 0;
+`,a=e.div`
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
+	flex: 1;
+`,l=e.div`
+	font-size: 16px;
+	font-weight: 600;
+	line-height: 24px;
+	color: ${e=>e.completed?i.background.positive.vibrant:e.isActive?i.content.primary:i.content.placeholder} !important;
+	margin: 0;
+	display: flex;
+	flex-direction: row;
+	gap: 12px;
+`,c=e.div`
+	font-size: 14px;
+	font-weight: 400;
+	line-height: 20px;
+	color: ${e=>e.isActive?i.content.secondary:i.content.placeholder};
+	margin: 0;
+`,s=e.div`
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	flex-shrink: 0;
+`,x=e.div`
+	width: 100%;
+	margin-top: 8px;
+`;export{r as HeaderSection,t as ProgressBarSection,o as ProgressChecklistContainer,s as SingleChecklistActionWrapper,x as SingleChecklistAlertRow,a as SingleChecklistContent,l as SingleChecklistHeader,p as SingleChecklistIconWrapper,n as SingleChecklistItem,d as SingleChecklistMainRow,c as SingleChecklistSubheader};

package/dist/esm/components/ProgressChecklist/ProgressStepper.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface StepItem {
+    id?: string;
+    text: string;
+    label?: string;
+    onClick?: () => void;
+    isCompleted?: boolean;
+}
+interface ProgressStepperProps {
+    steps?: StepItem[];
+    onStepClick?: (id: string) => void;
+    isStepperActive?: boolean;
+}
+declare const _default: React.NamedExoticComponent<ProgressStepperProps>;
+export default _default;

package/dist/esm/components/ProgressChecklist/ProgressStepper.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Redirect2Icon as i}from"../../assets/icons/Redirect2Icon.js";import{SmallCheckIcon as n}from"../../assets/icons/SmallCheckIcon.js";import"../../_virtual/_tslib.js";import l,{useState as o}from"react";import{COLORS as d}from"../../constants/Theme.js";import{Button as s}from"../button/Button.js";const r=r=>{let{steps:a=[],onStepClick:c,isStepperActive:p}=r;var m,u;const h=a.length>0?a:[{id:"step-1",text:"Step One"},{id:"step-2",text:"Step Two"},{id:"step-3",text:"Step Three"}],[v,g]=o(null!==(u=null===(m=h[0])||void 0===m?void 0:m.id)&&void 0!==u?u:null);return e("div",Object.assign({style:{paddingLeft:52}},{children:e("div",Object.assign({style:{margin:0,padding:0,display:"flex",flexDirection:"column",gap:12}},{children:h.map(((o,r)=>{var a,m,u,x,f,b,C;return t(l.Fragment,{children:[t("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[(()=>{var t;const i=(0===r||(null===(t=h[r-1])||void 0===t?void 0:t.isCompleted))&&!0===p,l=!0===o.isCompleted;return e("div",l?Object.assign({style:{width:24,height:24,flex:"0 0 24px"},"aria-hidden":!0},{children:e(n,{})}):Object.assign({style:{width:24,height:24,borderRadius:30,padding:4,display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",background:i?"#4B1583":"transparent",color:i?"#FFFFFF":"#BDBDBD",border:"1px solid "+(i?"#4B1583":"#E0E0E0"),fontSize:12,lineHeight:"12px",flex:"0 0 24px"},"aria-hidden":!0},{children:e("span",Object.assign({style:{fontSize:12,fontWeight:500}},{children:r+1}))}))})(),e("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"flex-start",minWidth:0},"aria-label":`Open ${null!==(m=null!==(a=o.label)&&void 0!==a?a:o.text)&&void 0!==m?m:`step ${r+1}`}`},{children:e(s,{buttonText:null!==(x=null!==(u=o.label)&&void 0!==u?u:o.text)&&void 0!==x?x:`Step ${r+1}`,buttonType:"text",buttonTextColor:o.isCompleted?d.text.secondary:0!==r&&!0!==(null===(f=h[r-1])||void 0===f?void 0:f.isCompleted)||!p?d.content.inactive:"#4B1583",matchParentWidth:!1,size:"small",style:{width:"fit-content",paddingLeft:0,textDecoration:"none",textDecorationLine:"none"},onClick:()=>{var e,t;g(null!==(e=o.id)&&void 0!==e?e:v),(!o.isCompleted&&p&&(0===r||!0===(null===(t=h[r-1])||void 0===t?void 0:t.isCompleted))||o.isCompleted)&&(o.onClick?o.onClick():o.id&&(null==c||c(o.id)))}})})),!o.isCompleted&&(0===r||!0===(null===(b=h[r-1])||void 0===b?void 0:b.isCompleted))&&p&&e("div",Object.assign({style:{width:20,height:20,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer"},"aria-hidden":!0,onClick:e=>{var t,i;g(null!==(t=o.id)&&void 0!==t?t:v),o.isCompleted||!p||0!==r&&!0!==(null===(i=h[r-1])||void 0===i?void 0:i.isCompleted)||(o.onClick?o.onClick():o.id&&(null==c||c(o.id)))}},{children:e(i,{})}))]})),r!==h.length-1&&e("div",{"aria-hidden":!0,style:{width:8,height:1,borderRadius:2,background:"#BDBDBD",transform:"rotate(90deg)",marginLeft:8}})]},null!==(C=o.id)&&void 0!==C?C:`step-${r}`)}))}))}))};var a=l.memo(r);export{a as default};

package/dist/esm/components/ProgressChecklist/SimpleChecklistItem.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { TooltipProps } from '../tooltips/Tooltip';
+interface TagProps {
+    tagText: string | number;
+    variant?: 'regular' | 'circle' | 'compressed';
+    type?: 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey' | 'ai';
+    theme?: 'light' | 'dark';
+    tooltip?: Omit<TooltipProps, 'children'>;
+}
+interface SimpleChecklistItemProps {
+    header: string;
+    subheader?: string;
+    icon?: React.ReactNode;
+    activeIcon?: React.ReactNode;
+    completedIcon?: React.ReactNode;
+    isActive?: boolean;
+    isCompleted?: boolean;
+    tag?: TagProps;
+}
+declare const SimpleChecklistItem: React.FC<SimpleChecklistItemProps>;
+export default SimpleChecklistItem;

package/dist/esm/components/ProgressChecklist/SimpleChecklistItem.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{ActiveChecklistIcon as i}from"../../assets/icons/ActiveChecklistIcon.js";import{CompletedChecklistIcon as s}from"../../assets/icons/CompletedChecklistIcon.js";import{InactiveChecklistIcon as l}from"../../assets/icons/InactiveChecklistIcon.js";import{Tag as n}from"../tag/Tag.js";import{Tooltip as o}from"../tooltips/Tooltip.js";import{SingleChecklistMainRow as c,SingleChecklistIconWrapper as r,SingleChecklistContent as a,SingleChecklistHeader as m,SingleChecklistSubheader as p}from"./ProgressChecklist.style.js";const d=d=>{let{header:h,subheader:g,icon:v,activeIcon:j,completedIcon:f,isActive:x,isCompleted:y,tag:u}=d;return e("div",{children:t(c,{children:[e(r,{children:y?null!=f?f:e(s,{}):x?null!=j?j:e(i,{}):null!=v?v:e(l,{})}),t(a,{children:[t("div",Object.assign({style:{display:"flex",alignItems:"center",gap:12}},{children:[e(m,Object.assign({completed:y,isActive:x},{children:h})),(null==u?void 0:u.tagText)&&(u.tooltip?e(o,Object.assign({},u.tooltip,{children:e("span",Object.assign({style:{display:"inline-flex"}},{children:e(n,{tagText:u.tagText,variant:u.variant,type:u.type,theme:u.theme})}))})):e(n,{tagText:u.tagText,variant:u.variant,type:u.type,theme:u.theme}))]})),g&&e(p,Object.assign({isActive:x},{children:g}))]})]})})};export{d as default};

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

@@ -0,0 +1,2 @@
+export { default as ProgressChecklist } from './ProgressChecklist';
+export type { ChecklistItemType } from './ProgressChecklist';

package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
 declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
 export default EventsTrigger;

package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
 declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
 export default IGTrigger;

package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DropdownOption } from "../../../dropdown/type";
-import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
-import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
+import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
+import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
 declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
     cacheKey: string;
     propertyAddBtnText: string;

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

@@ -9,5 +9,6 @@ export type TablePaginationProps = {
     updatePageSize: (option: DropdownOption | DropdownOption[]) => void;
     showTotalText?: boolean;
     removeBorder?: boolean;
+    containerStyle?: React.CSSProperties;
 };
 export declare const TablePagination: React.FC<TablePaginationProps>;

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

@@ -1 +1 @@
-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};
+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 s}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"react";import"../zeroState/ZeroState.js";import{BodySecondary as r}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:j,hidePageSizeOptions:w,showTotalText:g,containerStyle:u={}}=c;const y=i.colorsV2,b=(l-1)*a+1,O=(l-1)*a+a,v=Math.ceil(m/a),f=1==v;let D=[];D=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},((e,o)=>o+1));const S=[{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}];return e(p,Object.assign({style:u},{children:[!w&&o("div",{children:o(s,{size:"small",options:S,onSelect:j,width:"162px"})}),e("div",Object.assign({className:"paging__container"},{children:[!w&&m&&e(r,Object.assign({style:{color:y.content.placeholder}},{children:["Showing ",b,"-",O>m?m:O," of"," ",m," results"]})),e("div",Object.assign({className:"pages__buttons-container"},{children:[!f&&o(d,Object.assign({active:!1,onClick:()=>{1!==l&&h(Math.max(l-1,1))},disabled:1===l},{children:o(t,{color:y.content.secondary,height:14,width:14})})),D.map((e=>o(d,Object.assign({active:e==l,onClick:()=>h(e),style:{display:1==e&&m<=a?"none":"flex"}},{children:o(r,Object.assign({style:{color:e==l?y.content.primaryInverse:y.content.secondary}},{children:e}))}),e))),!f&&o(d,Object.assign({isLast:!0,active:!1,onClick:()=>{l!==v&&h(Math.min(l+1,v))},disabled:l===v},{children:o(n,{color:y.content.secondary,height:14,width:14})}))]})),w&&m&&g&&e(r,Object.assign({style:{color:y.content.placeholder}},{children:["Showing ",b,"-",O>m?m:O," of"," ",m," results"]}))]}))]}))};export{c as TablePagination};

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

@@ -2,7 +2,7 @@ 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;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 } & {
     removeBorder?: boolean | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;