@odigos/ui-kit 0.0.10 → 0.0.11-1.patch-dev.361

package/lib/chunks/vendor-1dea551d.js

@@ -0,0 +1 @@
+function e(e,o){let r;try{r=e()}catch(e){return}return{getItem:e=>{var t;const n=e=>null===e?null:JSON.parse(e,null==o?void 0:o.reviver),a=null!=(t=r.getItem(e))?t:null;return a instanceof Promise?a.then(n):n(a)},setItem:(e,t)=>r.setItem(e,JSON.stringify(t,null==o?void 0:o.replacer)),removeItem:e=>r.removeItem(e)}}const o=e=>r=>{try{const t=e(r);return t instanceof Promise?t:{then:e=>o(e)(t),catch(e){return this}}}catch(e){return{then(e){return this},catch:r=>o(r)(e)}}},r=(r,t)=>(n,a,l)=>{let c={storage:e(()=>localStorage),partialize:e=>e,version:0,merge:(e,o)=>({...o,...e}),...t},s=!1;const d=new Set,i=new Set;let u=c.storage;if(!u)return r((...e)=>{n(...e)},a,l);const f=()=>{const e=c.partialize({...a()});return u.setItem(c.name,{state:e,version:c.version})},b=l.setState;l.setState=(e,o)=>(b(e,o),f());const p=r((...e)=>(n(...e),f()),a,l);let _;l.getInitialState=()=>p;const x=()=>{var e,r;if(!u)return;s=!1,d.forEach(e=>{var o;return e(null!=(o=a())?o:p)});const t=(null==(r=c.onRehydrateStorage)?void 0:r.call(c,null!=(e=a())?e:p))||void 0;return o(u.getItem.bind(u))(c.name).then(e=>{if(e){if("number"!=typeof e.version||e.version===c.version)return[!1,e.state];if(c.migrate){const o=c.migrate(e.state,e.version);return o instanceof Promise?o.then(e=>[!0,e]):[!0,o]}}return[!1,void 0]}).then(e=>{var o;const[r,t]=e;if(_=c.merge(t,null!=(o=a())?o:p),n(_,!0),r)return f()}).then(()=>{null==t||t(_,void 0),_=a(),s=!0,i.forEach(e=>e(_))}).catch(e=>{null==t||t(void 0,e)})};return l.persist={setOptions:e=>{c={...c,...e},e.storage&&(u=e.storage)},clearStorage:()=>{null==u||u.removeItem(c.name)},getOptions:()=>c,rehydrate:()=>x(),hasHydrated:()=>s,onHydrate:e=>(d.add(e),()=>{d.delete(e)}),onFinishHydration:e=>(i.add(e),()=>{i.delete(e)})},c.skipHydration||x(),_||p};function t(e,o){void 0===o&&(o={});var r=o.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===r&&t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}var n={locale:"en",long:{year:{previous:"last year",current:"this year",next:"next year",past:{one:"{0} year ago",other:"{0} years ago"},future:{one:"in {0} year",other:"in {0} years"}},quarter:{previous:"last quarter",current:"this quarter",next:"next quarter",past:{one:"{0} quarter ago",other:"{0} quarters ago"},future:{one:"in {0} quarter",other:"in {0} quarters"}},month:{previous:"last month",current:"this month",next:"next month",past:{one:"{0} month ago",other:"{0} months ago"},future:{one:"in {0} month",other:"in {0} months"}},week:{previous:"last week",current:"this week",next:"next week",past:{one:"{0} week ago",other:"{0} weeks ago"},future:{one:"in {0} week",other:"in {0} weeks"}},day:{previous:"yesterday",current:"today",next:"tomorrow",past:{one:"{0} day ago",other:"{0} days ago"},future:{one:"in {0} day",other:"in {0} days"}},hour:{current:"this hour",past:{one:"{0} hour ago",other:"{0} hours ago"},future:{one:"in {0} hour",other:"in {0} hours"}},minute:{current:"this minute",past:{one:"{0} minute ago",other:"{0} minutes ago"},future:{one:"in {0} minute",other:"in {0} minutes"}},second:{current:"now",past:{one:"{0} second ago",other:"{0} seconds ago"},future:{one:"in {0} second",other:"in {0} seconds"}}},short:{year:{previous:"last yr.",current:"this yr.",next:"next yr.",past:"{0} yr. ago",future:"in {0} yr."},quarter:{previous:"last qtr.",current:"this qtr.",next:"next qtr.",past:{one:"{0} qtr. ago",other:"{0} qtrs. ago"},future:{one:"in {0} qtr.",other:"in {0} qtrs."}},month:{previous:"last mo.",current:"this mo.",next:"next mo.",past:"{0} mo. ago",future:"in {0} mo."},week:{previous:"last wk.",current:"this wk.",next:"next wk.",past:"{0} wk. ago",future:"in {0} wk."},day:{previous:"yesterday",current:"today",next:"tomorrow",past:{one:"{0} day ago",other:"{0} days ago"},future:{one:"in {0} day",other:"in {0} days"}},hour:{current:"this hour",past:"{0} hr. ago",future:"in {0} hr."},minute:{current:"this minute",past:"{0} min. ago",future:"in {0} min."},second:{current:"now",past:"{0} sec. ago",future:"in {0} sec."}},narrow:{year:{previous:"last yr.",current:"this yr.",next:"next yr.",past:"{0}y ago",future:"in {0}y"},quarter:{previous:"last qtr.",current:"this qtr.",next:"next qtr.",past:"{0}q ago",future:"in {0}q"},month:{previous:"last mo.",current:"this mo.",next:"next mo.",past:"{0}mo ago",future:"in {0}mo"},week:{previous:"last wk.",current:"this wk.",next:"next wk.",past:"{0}w ago",future:"in {0}w"},day:{previous:"yesterday",current:"today",next:"tomorrow",past:"{0}d ago",future:"in {0}d"},hour:{current:"this hour",past:"{0}h ago",future:"in {0}h"},minute:{current:"this minute",past:"{0}m ago",future:"in {0}m"},second:{current:"now",past:"{0}s ago",future:"in {0}s"}},now:{now:{current:"now",future:"in a moment",past:"just now"}},mini:{year:"{0}yr",month:"{0}mo",week:"{0}wk",day:"{0}d",hour:"{0}h",minute:"{0}m",second:"{0}s",now:"now"},"short-time":{year:"{0} yr.",month:"{0} mo.",week:"{0} wk.",day:{one:"{0} day",other:"{0} days"},hour:"{0} hr.",minute:"{0} min.",second:"{0} sec."},"long-time":{year:{one:"{0} year",other:"{0} years"},month:{one:"{0} month",other:"{0} months"},week:{one:"{0} week",other:"{0} weeks"},day:{one:"{0} day",other:"{0} days"},hour:{one:"{0} hour",other:"{0} hours"},minute:{one:"{0} minute",other:"{0} minutes"},second:{one:"{0} second",other:"{0} seconds"}}};t(".react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:hsla(0,0%,100%,.5);--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:hsla(0,0%,94%,.6);--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:hsla(0,0%,94%,.25);--xy-node-boxshadow-hover-default:0 1px 4px 1px rgba(0,0,0,.08);--xy-node-boxshadow-selected-default:0 0 0 0.5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:rgba(0,89,220,.08);--xy-selection-border-default:1px dotted rgba(0,89,220,.8);--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px rgba(0,0,0,.08);--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;background-color:var(--xy-background-color,var(--xy-background-color-default));direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:hsla(0,0%,59%,.25);--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:rgba(60,60,60,.6);--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:hsla(0,0%,94%,.25);--xy-node-boxshadow-hover-default:0 1px 4px 1px hsla(0,0%,100%,.08);--xy-node-boxshadow-selected-default:0 0 0 0.5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:rgba(200,200,220,.08);--xy-selection-border-default:1px dotted rgba(200,200,220,.8);--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px rgba(0,0,0,.08);--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;pointer-events:none;position:absolute}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path,.react-flow__edge.selected .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{overflow:visible;position:absolute;z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:default;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:0;left:50%;top:auto;transform:translate(-50%,50%)}.react-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.react-flow__handle-left{left:0;top:50%;transform:translate(-50%,-50%)}.react-flow__handle-right{right:0;top:50%;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.bottom.center,.react-flow__panel.top.center{left:50%;transform:translateX(-15px) translateX(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{pointer-events:none}.react-flow__edgelabel-renderer,.react-flow__viewport-portal{height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.react-flow__minimap{background:var(\n    --xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default))\n  )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(\n      --xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default))\n    );stroke:var(\n      --xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default))\n    );stroke-width:var(\n      --xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default))\n    )}.react-flow__minimap-node{fill:var(\n      --xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default))\n    );stroke:var(\n      --xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default))\n    );stroke-width:var(\n      --xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default))\n    )}.react-flow__background-pattern.dots{fill:var(\n      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default))\n    )}.react-flow__background-pattern.lines{stroke:var(\n      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default))\n    )}.react-flow__background-pattern.cross{stroke:var(\n      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default))\n    )}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));display:flex;flex-direction:column}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{align-items:center;background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(\n        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))\n      );color:var(\n      --xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default))\n    );cursor:pointer;display:flex;height:26px;justify-content:center;padding:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:26px}.react-flow__controls-button svg{fill:currentColor;max-height:12px;max-width:12px;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));border:var(--xy-node-border,var(--xy-node-border-default));border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));color:var(--xy-node-color,var(--xy-node-color-default));font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(\n        --xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default))\n      );color:var(\n        --xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default))\n      )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(\n        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))\n      )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;height:5px;translate:-50% -50%;width:5px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}");export{e as c,n as e,r as p,t as s};

package/lib/components/auto-complete-input/index.d.ts

@@ -12,8 +12,11 @@ interface AutocompleteInputProps extends InputHTMLAttributes<HTMLInputElement> {
     placeholder?: string;
     selectedOption?: Option;
     onOptionSelect?: (option?: Option) => void;
+    defaultText?: string;
+    onTextChange?: (text: string) => void;
     style?: CSSProperties;
     disabled?: boolean;
+    errorMessage?: string;
 }
 declare const AutocompleteInput: FC<AutocompleteInputProps>;
 export { AutocompleteInput, type AutocompleteInputProps };

package/lib/components/badge/index.d.ts

@@ -1,9 +1,9 @@
 import { type ReactNode, type FC } from 'react';
-import { STATUS_TYPE } from '@/types';
+import { StatusType } from '@/types';
 interface BadgeProps {
     label: string | number | ReactNode;
     filled?: boolean;
-    status?: STATUS_TYPE;
+    status?: StatusType;
     withIcon?: boolean;
     onClick?: () => void;
 }

package/lib/components/code/index.d.ts

@@ -7,4 +7,4 @@ interface CodeProps {
 }
 declare const Code: FC<CodeProps>;
 export { Code, type CodeProps };
-export * from './toggle-code-component/index';
+export * from './toggle-code-component';

package/lib/components/data-card/data-card-fields/index.d.ts

@@ -1,24 +1,24 @@
 import { type FC } from 'react';
-declare enum DATA_CARD_FIELD_TYPES {
-    CODE = "code",
-    TABLE = "table",
-    BADGE = "badge",
-    LOADER = "loader",
-    DIVIDER = "divider",
-    MONITORS = "monitors",
-    COPY_TEXT = "copy-text",
-    DESCRIBE_ROW = "describe-row",
-    ACTIVE_STATUS = "active-status",
-    POD_CONTAINER = "pod-container",
-    SOURCE_CONTAINER = "source-container"
+import { AnyObj, SVG } from '@/types';
+declare enum DataCardFieldTypes {
+    Code = "code",
+    Table = "table",
+    Badge = "badge",
+    Loader = "loader",
+    Divider = "divider",
+    Monitors = "monitors",
+    CopyText = "copy-text",
+    ActiveStatus = "active-status"
+}
+interface DataCardField {
+    type?: DataCardFieldTypes;
+    title?: string;
+    titleIcon?: SVG;
+    tooltip?: string;
+    value?: string | AnyObj;
 }
 interface DataCardFieldsProps {
-    data: {
-        type?: DATA_CARD_FIELD_TYPES;
-        title?: string;
-        tooltip?: string;
-        value?: string | Record<string, any>;
-    }[];
+    data?: DataCardField[];
 }
 declare const DataCardFields: FC<DataCardFieldsProps>;
-export { DataCardFields, type DataCardFieldsProps, DATA_CARD_FIELD_TYPES };
+export { DataCardFields, type DataCardFieldsProps, DataCardFieldTypes, type DataCardField };

package/lib/components/data-card/index.d.ts

@@ -1,13 +1,15 @@
-import { type ReactNode, type FC } from 'react';
-import { DataCardFields, type DataCardFieldsProps, DATA_CARD_FIELD_TYPES } from './data-card-fields';
-interface DataCardProps {
+import { type ReactNode, type FC, type PropsWithChildren } from 'react';
+import { OtherStatus, SVG } from '@/types';
+import { DataCardFields, type DataCardFieldsProps, DataCardFieldTypes } from './data-card-fields';
+interface DataCardProps extends PropsWithChildren {
     title?: string;
-    titleBadge?: string | number;
+    titleBadge?: string | number | OtherStatus.Loading;
+    titleIcon?: SVG;
     description?: string;
     action?: ReactNode | (() => ReactNode);
     withExtend?: boolean;
     initialExtended?: boolean;
-    data: DataCardFieldsProps['data'];
+    data?: DataCardFieldsProps['data'];
 }
 declare const DataCard: FC<DataCardProps>;
-export { DataCard, type DataCardProps, DataCardFields, type DataCardFieldsProps, DATA_CARD_FIELD_TYPES };
+export { DataCard, type DataCardProps, DataCardFields, type DataCardFieldsProps, DataCardFieldTypes };

package/lib/components/data-finger/index.d.ts

@@ -0,0 +1,12 @@
+import { type FC, type ReactNode } from 'react';
+import type { SVG } from '@/types';
+interface DataFingerProps {
+    title?: string;
+    subTitle?: string;
+    icons?: SVG[];
+    iconSrcs?: string[];
+    onClick?: () => void;
+    renderActions?: () => ReactNode;
+}
+declare const DataFinger: FC<DataFingerProps>;
+export { DataFinger, type DataFingerProps };

package/lib/components/data-tab/index.d.ts

@@ -1,28 +1,43 @@
-import { type FC, type ReactNode } from 'react';
+import { type CSSProperties, type FC, type ReactNode } from 'react';
 import type { SVG } from '@/types';
-import { STATUS_TYPE, SIGNAL_TYPE } from '@/types';
-interface DataTabProps {
-    title: string;
-    subTitle?: string;
+import { StatusType, SignalType } from '@/types';
+interface IconProps {
     icon?: SVG;
     icons?: SVG[];
     iconSrc?: string;
     iconSrcs?: string[];
-    hoverText?: string;
-    status?: STATUS_TYPE;
+}
+interface VisualProps {
+    status?: StatusType;
     faded?: boolean;
-    monitors?: SIGNAL_TYPE[];
+    bgColor?: CSSProperties['backgroundColor'];
+    bgColorHover?: CSSProperties['backgroundColor'];
+    monitors?: SignalType[];
     monitorsWithLabels?: boolean;
-    isActive?: boolean;
+    componentsUnderTitles?: ReactNode[];
+}
+interface CheckboxProps {
     withCheckbox?: boolean;
     isCheckboxDisabled?: boolean;
     isChecked?: boolean;
+    isLoading?: boolean;
     onCheckboxChange?: (value: boolean) => void;
+}
+interface ExtendableProps {
     withExtend?: boolean;
     isExtended?: boolean;
     renderExtended?: () => ReactNode;
-    renderActions?: () => ReactNode;
+}
+interface DataTabProps {
+    title: string;
+    subTitle?: string;
+    hoverText?: string;
     onClick?: () => void;
+    renderActions?: () => ReactNode;
+    iconProps?: IconProps;
+    visualProps?: VisualProps;
+    checkboxProps?: CheckboxProps;
+    extendableProps?: ExtendableProps;
 }
 declare const DataTab: FC<DataTabProps>;
 export { DataTab, type DataTabProps };

package/lib/components/delete-warning/index.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { ENTITY_TYPES } from '@/types';
+import { EntityTypes } from '@/types';
 interface DeleteWarningProps {
     isOpen: boolean;
     noOverlay?: boolean;
     name?: string;
-    type?: ENTITY_TYPES;
+    type?: EntityTypes;
     isLastItem?: boolean;
     onApprove: () => void;
     onDeny: () => void;

package/lib/components/describe-row/index.d.ts

@@ -1,12 +1,12 @@
 import { type FC } from 'react';
-import { STATUS_TYPE } from '@/types';
+import { StatusType } from '@/types';
 interface DescribeRowProps {
     title?: string;
     subTitle?: string;
     tooltip?: string;
     value?: {
         text?: string;
-        status?: STATUS_TYPE | 'transitioning';
+        status?: StatusType | 'transitioning';
     };
 }
 declare const DescribeRow: FC<DescribeRowProps>;

package/lib/components/divider/index.d.ts

@@ -1,11 +1,12 @@
 import { type FC } from 'react';
-import { STATUS_TYPE } from '@/types';
+import { StatusType } from '@/types';
 interface DividerProps {
     orientation?: 'horizontal' | 'vertical';
-    type?: STATUS_TYPE;
+    type?: StatusType;
     thickness?: number;
     length?: string;
     margin?: string;
+    opacity?: number;
 }
 declare const Divider: FC<DividerProps>;
 export { Divider, type DividerProps };

package/lib/components/drawer/drawer-footer/index.d.ts

@@ -5,6 +5,9 @@ interface DrawerFooterProps {
     leftButtons?: (ButtonProps & {
         'data-id': string;
     })[];
+    centerButtons?: (ButtonProps & {
+        'data-id': string;
+    })[];
     rightButtons?: (ButtonProps & {
         'data-id': string;
     })[];

package/lib/components/drawer/drawer-header/index.d.ts

@@ -1,13 +1,15 @@
-import { type FC, type ReactNode } from 'react';
+import { CSSProperties, type FC, type ReactNode } from 'react';
 import type { SVG } from '@/types';
-import { type ButtonProps } from '../../button';
+import { type ButtonProps } from '@/components/button';
 interface DrawerHeaderProps {
     onClose: () => void;
-    icon?: SVG;
-    iconSrc?: string;
+    width?: CSSProperties['width'];
+    icons?: SVG[];
+    iconSrcs?: string[];
     title?: string;
     titleTooltip?: string;
     replaceTitleWith?: ReactNode | (() => ReactNode);
+    actions?: ReactNode;
     actionButtons?: (ButtonProps & {
         'data-id': string;
     })[];

package/lib/components/drawer/index.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode, type FC } from 'react';
+import { type ReactNode, type FC, CSSProperties } from 'react';
 import { DrawerHeader, DrawerHeaderProps } from './drawer-header';
 import { DrawerFooter, DrawerFooterProps } from './drawer-footer';
 interface DrawerProps {
@@ -6,7 +6,7 @@ interface DrawerProps {
     onClose: () => void;
     closeOnEscape?: boolean;
     position?: 'right' | 'left';
-    width?: string;
+    width?: CSSProperties['width'];
     children: ReactNode;
     header: Omit<DrawerHeaderProps, 'onClose'>;
     footer: DrawerFooterProps;

package/lib/components/dropdown/index.d.ts

@@ -1,7 +1,9 @@
 import { type FC } from 'react';
-interface DropdownOption {
-    id?: string | null;
+import type { SVG, StatusType } from '@/types';
+interface DropdownOption<T = string> {
+    id?: T | null;
     value?: string | null;
+    icon?: SVG | null;
 }
 interface DropdownProps {
     title?: string;
@@ -16,6 +18,8 @@ interface DropdownProps {
     required?: boolean;
     showSearch?: boolean;
     errorMessage?: string;
+    hasError?: boolean;
+    status?: StatusType;
 }
 declare const Dropdown: FC<DropdownProps>;
 export { Dropdown, type DropdownProps, type DropdownOption };

package/lib/components/error-boundary/index.d.ts

@@ -1,5 +1,4 @@
 import { type FC, type PropsWithChildren } from 'react';
-interface ErrorBoundaryProps extends PropsWithChildren {
-}
+type ErrorBoundaryProps = PropsWithChildren;
 declare const ErrorBoundary: FC<ErrorBoundaryProps>;
 export { ErrorBoundary, type ErrorBoundaryProps };

package/lib/components/field-error/index.d.ts

@@ -1,5 +1,4 @@
 import { type FC, type PropsWithChildren } from 'react';
-interface FieldErrorProps extends PropsWithChildren {
-}
+type FieldErrorProps = PropsWithChildren;
 declare const FieldError: FC<FieldErrorProps>;
 export { FieldError, type FieldErrorProps };

package/lib/components/field-label/index.d.ts

@@ -1,9 +1,11 @@
 import { type FC, type CSSProperties } from 'react';
+import { StatusType } from '@/types';
 interface FieldLabelProps {
     title?: string;
     required?: boolean;
     tooltip?: string;
     style?: CSSProperties;
+    status?: StatusType;
 }
 declare const FieldLabel: FC<FieldLabelProps>;
 export { FieldLabel, type FieldLabelProps };

package/lib/components/icon-button/index.d.ts

@@ -5,6 +5,8 @@ interface IconButtonProps extends PropsWithChildren {
     size?: number;
     withPing?: boolean;
     pingColor?: CSSProperties['backgroundColor'];
+    withBorder?: boolean;
+    backgroundColor?: CSSProperties['backgroundColor'];
 }
 declare const IconButton: FC<IconButtonProps>;
 export { IconButton, type IconButtonProps };

package/lib/components/icon-group/index.d.ts

@@ -1,11 +1,12 @@
 import { type FC } from 'react';
 import type { SVG } from '@/types';
-import { STATUS_TYPE } from '@/types';
+import { StatusType } from '@/types';
 interface IconGroupProps {
     icons?: SVG[];
     iconSrcs?: string[];
-    status?: STATUS_TYPE;
+    status?: StatusType;
     size?: number;
+    id: string;
 }
 declare const IconGroup: FC<IconGroupProps>;
 export { IconGroup, type IconGroupProps };

package/lib/components/icon-wrapped/index.d.ts

@@ -1,10 +1,10 @@
 import { type FC } from 'react';
-import { STATUS_TYPE, type SVG } from '@/types';
+import { StatusType, type SVG } from '@/types';
 interface IconWrappedProps {
     icon?: SVG;
     src?: string;
     alt?: string;
-    status?: STATUS_TYPE;
+    status?: StatusType;
     size?: number;
 }
 declare const IconWrapped: FC<IconWrappedProps>;

package/lib/components/index.d.ts

@@ -1,49 +1,57 @@
-export * from './auto-complete-input/index';
-export * from './badge/index';
-export * from './button/index';
-export * from './cancel-warning/index';
-export * from './checkbox/index';
-export * from './code/index';
-export * from './condition-details/index';
-export * from './data-card/index';
-export * from './data-tab/index';
-export * from './delete-warning/index';
-export * from './divider/index';
-export * from './docs-button/index';
-export * from './drawer/index';
-export * from './dropdown/index';
-export * from './error-boundary/index';
-export * from './extend-arrow/index';
-export * from './fade-loader/index';
-export * from './field-error/index';
-export * from './field-label/index';
-export * from './header/index';
-export * from './icon-button/index';
-export * from './icon-group/index';
-export * from './icon-title-badge/index';
-export * from './icon-wrapped/index';
-export * from './icons-nav/index';
-export * from './image-controlled/index';
-export * from './input/index';
-export * from './input-list/index';
-export * from './input-table/index';
-export * from './interactive-table/index';
-export * from './key-value-input-list/index';
-export * from './modal/index';
-export * from './monitors-checkboxes/index';
-export * from './monitors-icons/index';
-export * from './navigation-buttons/index';
-export * from './no-data-found/index';
-export * from './notification-note/index';
-export * from './section-title/index';
-export * from './segment/index';
-export * from './skeleton-loader/index';
-export * from './status/index';
-export * from './stepper/index';
-export * from './text/index';
-export * from './textarea/index';
-export * from './toggle/index';
-export * from './tooltip/index';
-export * from './trace-loader/index';
-export * from './warning-modal/index';
+export * from './auto-complete-input';
+export * from './badge';
+export * from './button';
+export * from './cancel-warning';
+export * from './checkbox';
+export * from './code';
+export * from './condition-details';
+export * from './data-card';
+export * from './data-finger';
+export * from './data-tab';
+export * from './delete-warning';
+export * from './describe-row';
+export * from './divider';
+export * from './docs-button';
+export * from './drawer';
+export * from './dropdown';
+export * from './error-boundary';
+export * from './extend-arrow';
+export * from './fade-loader';
+export * from './field-error';
+export * from './field-label';
+export * from './header';
+export * from './icon-button';
+export * from './icon-group';
+export * from './icon-title-badge';
+export * from './icon-wrapped';
+export * from './icons-nav';
+export * from './image-controlled';
+export * from './input';
+export * from './input-list';
+export * from './input-table';
+export * from './interactive-table';
+export * from './key-value-input-list';
+export * from './modal';
+export * from './monitors-checkboxes';
+export * from './monitors-icons';
+export * from './navigation-buttons';
+export * from './no-data-found';
+export * from './notification-note';
+export * from './popup';
+export * from './popup-form';
+export * from './scroll-x';
+export * from './section-title';
+export * from './segment';
+export * from './selection-button';
+export * from './skeleton-loader';
+export * from './status';
+export * from './stepper';
+export * from './tab-list';
+export * from './tag';
+export * from './text';
+export * from './textarea';
+export * from './toggle';
+export * from './tooltip';
+export * from './trace-loader';
+export * from './warning-modal';
 export * from './styled';

package/lib/components/input/index.d.ts

@@ -1,5 +1,5 @@
 import { type FC, type InputHTMLAttributes } from 'react';
-import type { SVG } from '@/types';
+import { StatusType, type SVG } from '@/types';
 interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     title?: string;
     icon?: SVG;
@@ -9,6 +9,7 @@ interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     required?: boolean;
     hasError?: boolean;
     errorMessage?: string;
+    status?: StatusType;
 }
 declare const Input: FC<InputProps>;
 export { Input, type InputProps };

package/lib/components/input-table/index.d.ts

@@ -1,20 +1,13 @@
 import { type FC } from 'react';
-type Row = {
-    [key: string]: any;
-};
+import type { Column, Row } from './types';
 interface InputTableProps {
-    columns: {
-        title: string;
-        keyName: string;
-        type?: 'number';
-        placeholder?: string;
-        tooltip?: string;
-        required?: boolean;
-    }[];
+    columns: Column[];
     initialValues?: Row[];
     value?: Row[];
     onChange?: (values: Row[]) => void;
     errorMessage?: string;
+    limitFieldsPerRow?: number;
+    title?: string;
 }
 declare const InputTable: FC<InputTableProps>;
 export { InputTable, type InputTableProps };

package/lib/components/input-table/map-columns-to-fields/index.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties, type FC } from 'react';
+import type { Column, Row } from '../types';
+interface ColumnsToFieldsProps {
+    col: Column;
+    colIdx: number;
+    row: Row;
+    rowIdx: number;
+    rowsLength: number;
+    maxWidth: CSSProperties['maxWidth'];
+    handleChange: (key: string, val: string | number, idx: number) => void;
+    errorMessage?: string;
+    limitFieldsPerRow?: number;
+}
+declare const ColumnsToFields: FC<ColumnsToFieldsProps>;
+export { ColumnsToFields, type ColumnsToFieldsProps };

package/lib/components/input-table/types.d.ts

@@ -0,0 +1,15 @@
+import type { DropdownOption } from '../dropdown';
+export interface Row {
+    [key: string]: any;
+}
+export interface Column {
+    keyName: string;
+    title: string;
+    tooltip?: string;
+    placeholder?: string;
+    required?: boolean;
+    type?: 'number';
+    componentType?: 'dropdown';
+    options?: DropdownOption[];
+    renderCondition?: (row: Row) => boolean;
+}

package/lib/components/interactive-table/index.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode, type FC, CSSProperties } from 'react';
-import { STATUS_TYPE, type SVG } from '@/types';
+import { StatusType, type SVG } from '@/types';
 interface ColumnCell {
     key: string;
     title: string;
@@ -13,14 +13,15 @@ interface RowCell {
     textColor?: CSSProperties['color'];
     withTooltip?: boolean;
 }
+interface Row {
+    status?: StatusType;
+    faded?: boolean;
+    onClick?: () => void;
+    cells: RowCell[];
+}
 interface InteractiveTableProps {
     columns: ColumnCell[];
-    rows: {
-        status?: STATUS_TYPE;
-        faded?: boolean;
-        cells: RowCell[];
-    }[];
-    onRowClick?: (index: number) => void;
+    rows: Row[];
 }
 declare const InteractiveTable: FC<InteractiveTableProps>;
-export { InteractiveTable, type InteractiveTableProps, type ColumnCell, type RowCell };
+export { InteractiveTable, type InteractiveTableProps, type ColumnCell, type RowCell, type Row };

package/lib/components/interactive-table/table-row.d.ts

@@ -0,0 +1,13 @@
+import { type FC } from 'react';
+import { StatusType } from '@/types';
+import { ColumnCell, RowCell } from '.';
+interface TableRowProps {
+    index: number;
+    columns: ColumnCell[];
+    cells: RowCell[];
+    onClick?: () => void;
+    status?: StatusType;
+    faded?: boolean;
+}
+declare const TableRow: FC<TableRowProps>;
+export { TableRow, type TableRowProps };