@bikdotai/bik-component-library 0.0.13-beta.17 → 0.0.13-beta.2

package/dist/esm/components/TypographyStyle.js

@@ -1,100 +1,88 @@
 import t from"styled-components";import{COLORS as e,FONTS as i}from"../constants/Theme.js";const o=t=>t+"px",n=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.titleLarge.fontWeight};
-	font-size: ${o(i.titleLarge.fontSize)};
-	line-height: ${o(i.titleLarge.lineHeight)};
+	font-weight: ${t=>i.titleLarge.fontWeight};
+	font-size: ${t=>o(i.titleLarge.fontSize)};
+	line-height: ${t=>o(i.titleLarge.lineHeight)};
 `,r=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.titleMedium.fontWeight};
-	font-size: ${o(i.titleMedium.fontSize)};
-	line-height: ${o(i.titleMedium.lineHeight)};
+	font-weight: ${t=>i.titleMedium.fontWeight};
+	font-size: ${t=>o(i.titleMedium.fontSize)};
+	line-height: ${t=>o(i.titleMedium.lineHeight)};
 `,l=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.titleRegular.fontWeight};
-	font-size: ${o(i.titleRegular.fontSize)};
-	line-height: ${o(i.titleRegular.lineHeight)};
+	font-weight: ${t=>i.titleRegular.fontWeight};
+	font-size: ${t=>o(i.titleRegular.fontSize)};
+	line-height: ${t=>o(i.titleRegular.lineHeight)};
 `,f=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.titleSmall.fontWeight};
-	font-size: ${o(i.titleSmall.fontSize)};
-	line-height: ${o(i.titleSmall.lineHeight)};
+	font-weight: ${t=>i.titleSmall.fontWeight};
+	font-size: ${t=>o(i.titleSmall.fontSize)};
+	line-height: ${t=>o(i.titleSmall.lineHeight)};
 `,g=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.display.fontWeight};
-	font-size: ${o(i.display.fontSize)};
-	line-height: ${o(i.display.lineHeight)};
+	font-weight: ${t=>i.display.fontWeight};
+	font-size: ${t=>o(i.display.fontSize)};
+	line-height: ${t=>o(i.display.lineHeight)};
 `,a=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.bodyPrimary.fontWeight};
-	font-size: ${o(i.bodyLarge.fontSize)};
-	line-height: ${o(i.bodyLarge.lineHeight)};
+	font-weight: ${t=>i.bodyPrimary.fontWeight};
+	font-size: ${t=>o(i.bodyLarge.fontSize)};
+	line-height: ${t=>o(i.bodyLarge.lineHeight)};
 `,h=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.bodyPrimary.fontWeight};
-	font-size: ${o(i.bodyPrimary.fontSize)};
-	line-height: ${o(i.bodyPrimary.lineHeight)};
+	font-weight: ${t=>i.bodyPrimary.fontWeight};
+	font-size: ${t=>o(i.bodyPrimary.fontSize)};
+	line-height: ${t=>o(i.bodyPrimary.lineHeight)};
 `,$=t.div`
 	font-family: Inter;
-	color: ${e.content.primary};
-	font-weight: ${i.bodySecondary.fontWeight};
-	font-size: ${o(i.bodySecondary.fontSize)};
-	line-height: ${o(i.bodySecondary.lineHeight)};
+	color: ${t=>e.content.primary};
+	font-weight: ${t=>i.bodySecondary.fontWeight};
+	font-size: ${t=>o(i.bodySecondary.fontSize)};
+	line-height: ${t=>o(i.bodySecondary.lineHeight)};
 `,c=t(h)`
 	text-decoration: underline;
-	color: ${e.content.brand};
-	text-decoration-color: ${e.content.brand};
+	color: ${t=>e.content.brand};
+	text-decoration-color: ${t=>e.content.brand};
 	cursor: pointer;
 `,y=t($)`
 	text-decoration: underline;
-	color: ${e.content.brand};
-	text-decoration-color: ${e.content.brand};
+	color: ${t=>e.content.brand};
+	text-decoration-color: ${t=>e.content.brand};
 	cursor: pointer;
 `,d=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.caption.fontWeight};
-	font-size: ${o(i.caption.fontSize)};
-	line-height: ${o(i.caption.lineHeight)};
+	font-weight: ${t=>i.caption.fontWeight};
+	font-size: ${t=>o(i.caption.fontSize)};
+	line-height: ${t=>o(i.caption.lineHeight)};
 `,m=t.div`
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.tiny.fontWeight};
-	font-size: ${o(i.tiny.fontSize)};
-	line-height: ${o(i.tiny.lineHeight)};
-`,p=t.div`
-	font-family: Inter;
-	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.buttonLarge.fontWeight};
-	font-size: ${o(i.buttonLarge.fontSize)};
-	line-height: ${o(i.buttonLarge.lineHeight)};
-`,z=t.div`
-	font-family: Inter;
-	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.buttonRegular.fontWeight};
-	font-size: ${o(i.buttonRegular.fontSize)};
-	line-height: ${o(i.buttonRegular.lineHeight)};
+	font-weight: ${t=>i.tiny.fontWeight};
+	font-size: ${t=>o(i.tiny.fontSize)};
+	line-height: ${t=>o(i.tiny.lineHeight)};
 `,s=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.subHeading.fontWeight};
-	font-size: ${o(i.subHeading.fontSize)};
-	line-height: ${o(i.subHeading.lineHeight)};
-`,b=t.div`
+	font-weight: ${t=>i.buttonLarge.fontWeight};
+	font-size: ${t=>o(i.buttonLarge.fontSize)};
+	line-height: ${t=>o(i.buttonLarge.lineHeight)};
+`,p=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.bodyRegular.fontWeight};
-	font-size: ${o(i.bodyRegular.fontSize)};
-	line-height: ${o(i.bodyRegular.lineHeight)};
-`,u=t.div`
+	font-weight: ${t=>i.buttonRegular.fontWeight};
+	font-size: ${t=>o(i.buttonRegular.fontSize)};
+	line-height: ${t=>o(i.buttonRegular.lineHeight)};
+`,z=t.div`
 	font-family: Inter;
-	color: ${e.text.primary};
-	font-weight: ${i.caption.fontWeight};
-	font-size: ${o(i.caption.fontSize)};
-	line-height: ${o(i.caption.lineHeight)};
-`;export{d as BodyCaption,a as BodyLarge,h as BodyPrimary,c as BodyPrimaryLink,b as BodyRegular,$ as BodySecondary,y as BodySecondaryLink,m as BodyTiny,p as ButtonLarge,z as ButtonRegular,u as Caption,g as Display,s as SubHeading,n as TitleLarge,r as TitleMedium,l as TitleRegular,f as TitleSmall};
+	color: ${t=>t.color||e.text.primary};
+	font-weight: ${t=>i.subHeading.fontWeight};
+	font-size: ${t=>o(i.subHeading.fontSize)};
+	line-height: ${t=>o(i.subHeading.lineHeight)};
+`;export{d as BodyCaption,a as BodyLarge,h as BodyPrimary,c as BodyPrimaryLink,$ as BodySecondary,y as BodySecondaryLink,m as BodyTiny,s as ButtonLarge,p as ButtonRegular,g as Display,z as SubHeading,n as TitleLarge,r as TitleMedium,l as TitleRegular,f as TitleSmall};

package/dist/esm/components/dropdown/Common.styled.d.ts

@@ -1,3 +1,2 @@
 export declare const OverLapAbs: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const OpenDropdownContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const LoadingContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/dropdown/Dropdown.d.ts

@@ -3,7 +3,6 @@ import { OpenDropdownProps } from './type';
 export type DropdownProps = OpenDropdownProps & {
     placeHolder?: string;
     size?: 'default' | 'small';
-    disabled?: boolean;
 };
 declare const Dropdown: React.FC<DropdownProps>;
 export default Dropdown;

package/dist/esm/components/dropdown/UnChildDropdown/UnChildDropdown.d.ts

@@ -3,12 +3,10 @@ import { OpenDropdownProps } from '../type';
 export type DropdownProps = OpenDropdownProps & {
     isLoading?: boolean;
     children?: React.ReactNode;
-    disabled?: boolean;
 };
 export declare const UnChildDropdown: React.ForwardRefExoticComponent<OpenDropdownProps & {
     isLoading?: boolean | undefined;
     children?: React.ReactNode;
-    disabled?: boolean | undefined;
 } & React.RefAttributes<{
     openDropdown: boolean;
 }>>;

package/dist/esm/components/dropdown/opennedDropdown/components/OpennedDropdown.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as l,useRef as n,useEffect as o}from"react";import{useOutside as i}from"../../../../hooks/useOutside.js";import{iterateOnOptions as s}from"../utils/iterationOnOptions.js";import{Description as r}from"./description/Description.js";import{FreeFormMenu as c}from"./menu/FreeFormMenu.js";import{MenuList as u}from"./menu/MenuList.js";import{SelectAllMenu as a}from"./menu/SelectAllMenu.js";import p from"./multiSelect/MultiSelectDropdownBottomBar.js";import{OpennedDropdownContainer as d,MenuListContainer as m}from"./OpennedDropdown.styled.js";import{SearchBox as f}from"./searchbox/SearchBox.js";import{SearchZeroState as h}from"./searchbox/SearchZeroState.js";const b=304,j=290,S=S=>{let{options:g,isSearchable:v,isMultiSelect:O,width:x,allowFreeForm:y,height:F,onClose:w,onSelect:M}=S;const[D,A]=l(null!=g?g:[]),[B,C]=l(null!=x?x:j),[W,k]=l(""),[E,H]=l(null),I=n(null);i(I,(()=>{H(null),null==w||w()}));const L=null!=F?F:b,Z="number"==typeof L?v&&O?L-96:v&&!O||!v&&O?L-48:L:L;function q(e){if(O){const t=s(D,{selected:e.selected},(t=>t.value===e.value));A([...t])}else null==M||M(e)}o((()=>{const e=null!=x?x:j;if(null===E)C(e);else if("number"==typeof e)C(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));C(t)}}),[E]);const z=D.map((e=>{var t;if(W){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter((e=>{var t;return!!(null===(t=e.label)||void 0===t?void 0:t.includes(W))})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.includes(W))?e:null}return e})).filter((e=>null!==e)),G=!!v&&W&&0===z.length;return e(d,Object.assign({ref:I,style:{maxWidth:E?800:400,width:B}},{children:[e("div",Object.assign({style:{width:E?"50%":"100%",display:"flex",flexDirection:"column"}},{children:[!!v&&t(f,{onSearch:function(e){k(e)}}),e(m,Object.assign({maxHeight:Z},{children:[!!O&&!G&&t(a,{options:D,onSelect:function(e){if("selectAll"===e){const e=s(D,{selected:!0},(e=>!e.disabled));A([...e])}else if("notSelected"===e){const e=s(D,{selected:!1},(e=>!e.disabled));A([...e])}}}),!y&&G&&t(h,{searchedString:W}),y&&G&&t(c,{isMultiSelect:O,onSelect:function(e){if(!O)return void q({label:W,value:W,isFreeForm:!0,selected:!0});const t=D.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===W&&t.value===W&&e})));e&&(t.some((e=>e.label===W&&e.value===W))||t.unshift({label:W,value:W,isFreeForm:!0,selected:!0})),A([...t])},searchedString:W}),t(u,{onSelect:q,showDescription:function(e,t){H(e&&t?{title:e,description:t}:null)},isMultiSelect:O,options:z})]})),!!O&&t(p,{onClear:function(){const e=s(D,{selected:!1});A([...e])},onApply:function(){const e=[];D.forEach((t=>{if(t.options){const l=t.options.filter((e=>!0===e.selected));e.push(Object.assign(Object.assign({},t),{options:[...l]}))}else t.selected&&e.push(Object.assign({},t))})),null==M||M([...e])},list:D})]})),!!E&&t(r,{title:E.title,description:E.description})]}))};export{S as OpennedDropdown};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as l,useRef as o,useEffect as n}from"react";import{useOutside as i}from"../../../../hooks/useOutside.js";import{iterateOnOptions as s}from"../utils/iterationOnOptions.js";import{Description as r}from"./description/Description.js";import{FreeFormMenu as c}from"./menu/FreeFormMenu.js";import{MenuList as u}from"./menu/MenuList.js";import{SelectAllMenu as a}from"./menu/SelectAllMenu.js";import p from"./multiSelect/MultiSelectDropdownBottomBar.js";import{OpennedDropdownContainer as d,MenuListContainer as m}from"./OpennedDropdown.styled.js";import{SearchBox as f}from"./searchbox/SearchBox.js";import{SearchZeroState as h}from"./searchbox/SearchZeroState.js";const b=304,j=290,S=S=>{let{options:g,isSearchable:v,isMultiSelect:O,width:x,allowFreeForm:F,height:w,onClose:y,onSelect:M}=S;const[D,A]=l(null!=g?g:[]),[B,C]=l(null!=x?x:j),[k,E]=l(""),[H,L]=l(null),W=o(null);i(W,(()=>{L(null),null==y||y()}));const Z=null!=w?w:b,q="number"==typeof Z?v&&O?Z-96:v&&!O||!v&&O?Z-48:Z:Z;function z(e){if(O){const t=s(D,{selected:e.selected},(t=>t.value===e.value));A([...t])}else null==M||M(e)}n((()=>{const e=null!=x?x:j;null===H?C(e):"number"==typeof e&&C(2*e)}),[H]);const G=D.map((e=>{var t;if(k){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter((e=>{var t;return!!(null===(t=e.label)||void 0===t?void 0:t.includes(k))})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.includes(k))?e:null}return e})).filter((e=>null!==e)),I=!!v&&k&&0===G.length;return e(d,Object.assign({ref:W,style:{maxWidth:H?800:400,width:B,height:Z}},{children:[e("div",Object.assign({style:{width:H?"50%":"100%",display:"flex",flexDirection:"column"}},{children:[!!v&&t(f,{onSearch:function(e){E(e)}}),e(m,Object.assign({maxHeight:q},{children:[!!O&&!I&&t(a,{options:D,onSelect:function(e){if("selectAll"===e){const e=s(D,{selected:!0},(e=>!e.disabled));A([...e])}else if("notSelected"===e){const e=s(D,{selected:!1},(e=>!e.disabled));A([...e])}}}),!F&&I&&t(h,{searchedString:k}),F&&I&&t(c,{isMultiSelect:O,onSelect:function(e){if(!O)return void z({label:k,value:k,isFreeForm:!0,selected:!0});const t=D.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===k&&t.value===k&&e})));e&&(t.some((e=>e.label===k&&e.value===k))||t.unshift({label:k,value:k,isFreeForm:!0,selected:!0})),A([...t])},searchedString:k}),t(u,{onSelect:z,showDescription:function(e,t){L(e&&t?{title:e,description:t}:null)},isMultiSelect:O,options:G})]})),!!O&&t(p,{onClear:function(){const e=s(D,{selected:!1});A([...e])},onApply:function(){const e=[];D.forEach((t=>{if(t.options){const l=t.options.filter((e=>!0===e.selected));e.push(Object.assign(Object.assign({},t),{options:[...l]}))}else t.selected&&e.push(Object.assign({},t))})),null==M||M([...e])},list:D})]})),!!H&&t(r,{title:H.title,description:H.description})]}))};export{S as OpennedDropdown};

package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuItem.js

@@ -1,3 +1 @@
-import{jsx as e,Fragment as t}from"react/jsx-runtime";import o from"styled-components";import{CheckBox as i}from"../../../../checkBox/CheckBox.js";import{ListItem as s}from"../../../../list-item/ListItem.js";import{BodyCaption as n}from"../../../../TypographyStyle.js";import{COLORS as r}from"../../../../../constants/Theme.js";import{FreeFormContainer as l}from"./FreeFormMenu.styled.js";const c=o(s)`
-	padding: 14px 16px !important;
-`,a=o=>{let{option:s,isMultiSelect:a,showDescription:d,onSelect:m}=o;var p;function u(e){s.disabled||m(Object.assign(Object.assign({},s),{selected:e}))}return e(c,{onClick:e=>{e.preventDefault(),u(!s.selected)},onMouseOver:function(){s.descriptions?d(s.label,s.descriptions):d()},listItem:{value:s.value,label:s.label},trailingIcon:a?e(i,{isDisabled:null!==(p=s.disabled)&&void 0!==p&&p,isChecked:!!s.selected,onValueChange:u}):e(t,{}),leadingIcon:s.isFreeForm?e(l,{children:e(n,Object.assign({style:{color:r.content.secondary}},{children:"Freeform"}))}):e(t,{}),variant:s.disabled?"inactive":s.selected?"selected":"default"})};export{a as MenuItem};
+import{jsx as e,Fragment as t}from"react/jsx-runtime";import{CheckBox as i}from"../../../../checkBox/CheckBox.js";import{ListItem as o}from"../../../../list-item/ListItem.js";import{BodyCaption as s}from"../../../../TypographyStyle.js";import{COLORS as r}from"../../../../../constants/Theme.js";import{FreeFormContainer as n}from"./FreeFormMenu.styled.js";const c=c=>{let{option:l,isMultiSelect:a,showDescription:d,onSelect:m}=c;var p;function f(e){l.disabled||m(Object.assign(Object.assign({},l),{selected:e}))}return e(o,{onClick:e=>{e.preventDefault(),f(!l.selected)},onMouseOver:function(){l.descriptions?d(l.label,l.descriptions):d()},listItem:l,trailingIcon:a?e(i,{isDisabled:null!==(p=l.disabled)&&void 0!==p&&p,isChecked:!!l.selected,onValueChange:f}):e(t,{}),leadingIcon:l.isFreeForm?e(n,{children:e(s,Object.assign({style:{color:r.content.secondary}},{children:"Freeform"}))}):e(t,{}),variant:l.disabled?"inactive":"default"})};export{c as MenuItem};

package/dist/esm/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js

@@ -1,9 +1,8 @@
-import o from"styled-components";import{COLORS as t}from"../../../../../constants/Theme.js";const e=o.div`
+import e from"styled-components";const o=e.div`
 	display: flex;
 	padding: 8px 16px;
 	flex-direction: row;
 	align-items: center;
 	justify-content: end;
 	box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.12);
-	background: ${t.surface.standard};
-`;export{e as BottomBarContainer};
+`;export{o as BottomBarContainer};

package/dist/esm/components/dropdown/opennedDropdown/components/searchbox/SearchBox.js

@@ -1 +1 @@
-import{jsx as r,Fragment as o}from"react/jsx-runtime";import{createRef as t}from"react";import{Input as e}from"../../../../input/Input.js";import{InputStyleContext as n}from"../../../../input/context/InputStyleProvider.js";import{COLORS as i}from"../../../../../constants/Theme.js";import c from"../../../../../assets/icons/cross.svg.js";import s from"../../../../../assets/icons/search.svg.js";const p=p=>{let{onSearch:a}=p;const l=t();return r(n.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:"1px solid "+i.stroke.primary,padding:"14px 16px"},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:r(e,{ref:l,placeholder:"Search",leftIcon:{icon:()=>r(s,{width:24,height:24,color:i.content.placeholder})},rightIcon:{icon:()=>{var t;return(null===(t=null==l?void 0:l.current)||void 0===t?void 0:t.value)?r(c,{onClick:()=>{l.current&&(l.current.value=""),a("")},width:24,height:24,color:i.content.placeholder}):r(o,{})}},onChangeText:a})}))};export{p as SearchBox};
+import{jsx as r,Fragment as o}from"react/jsx-runtime";import{createRef as t}from"react";import{Input as e}from"../../../../input/Input.js";import{InputStyleContext as n}from"../../../../input/context/InputStyleProvider.js";import{COLORS as i}from"../../../../../constants/Theme.js";import c from"../../../../../assets/icons/cross.svg.js";import s from"../../../../../assets/icons/search.svg.js";const p=p=>{let{onSearch:a}=p;const l=t();return r(n.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:"1px solid "+i.stroke.primary,padding:"12px 16px"},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:r(e,{ref:l,placeholder:"Search",leftIcon:{icon:()=>r(s,{width:24,height:24,color:i.content.placeholder})},rightIcon:{icon:()=>{var t;return(null===(t=null==l?void 0:l.current)||void 0===t?void 0:t.value)?r(c,{onClick:()=>{l.current&&(l.current.value=""),a("")},width:24,height:24,color:i.content.placeholder}):r(o,{})}},onChangeText:a})}))};export{p as SearchBox};

package/dist/esm/components/dropdown/opennedDropdown/utils/iterationOnOptions.d.ts

@@ -1,17 +1,24 @@
 import { DropdownOption, SingleOption } from '../../type';
-export declare function iterateOnOptions(options: DropdownOption[], newVal: Partial<SingleOption>, checkCB?: (optionForValidation: SingleOption) => boolean): ({
-    label: string;
-    value: string;
-    descriptions?: string | null | undefined;
+export declare function iterateOnOptions(options: DropdownOption[], newVal: SingleOption, checkCB?: (optionForValidation: SingleOption) => boolean): ({
+    options: {
+        label?: string | undefined;
+        value?: string | undefined;
+        descriptions?: string | undefined;
+        selected?: boolean | undefined;
+        disabled?: boolean | undefined;
+        isFreeForm?: boolean | undefined;
+    }[];
+    label?: string | undefined;
+    value?: string | undefined;
+    descriptions?: string | undefined;
     selected?: boolean | undefined;
     disabled?: boolean | undefined;
     isFreeForm?: boolean | undefined;
 } | {
     label?: string | undefined;
     value?: string | undefined;
-    descriptions?: string | null | undefined;
+    descriptions?: string | undefined;
     selected?: boolean | undefined;
     disabled?: boolean | undefined;
     isFreeForm?: boolean | undefined;
-    options: SingleOption[];
 })[];

package/dist/esm/components/dropdown/type.d.ts

@@ -1,23 +1,22 @@
 export interface OpenDropdownProps {
-    defaultOptions?: DropdownOption[];
     options: DropdownOption[];
     isSearchable?: boolean;
     error?: string;
     isMultiSelect?: boolean;
-    width?: string;
+    width?: number | string;
     height?: number | string;
     allowFreeForm?: boolean;
     onClose?: () => void;
-    onSelect?: (option: DropdownOption | DropdownOption[]) => void;
+    onSelect?: (option: SingleOption | SingleOption[]) => void;
 }
 export type GroupedOption = {
     label?: string;
     options: (SingleOption | MultiSelectOption)[];
 };
 export type SingleOption = {
-    label: string;
-    value: string;
-    descriptions?: string | null;
+    label?: string;
+    value?: string;
+    descriptions?: string;
     selected?: boolean;
     disabled?: boolean;
     isFreeForm?: boolean;

package/dist/esm/components/fab-menu/FABMenu.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { DropdownOption } from '../dropdown/type';
+import { DropdownOption, SingleOption } from '../dropdown/type';
 import { DROP_POSITION, FAB_POSITION, MENU_ALIGNMENT } from '../floating-action-button/FloatingActionButton.styles';
 import { TooltipPlacement } from '../tooltips';
 export declare const FABMenu: React.FC<{
-    onSelect: (selected: DropdownOption | DropdownOption[]) => void;
+    onSelect: (selected: SingleOption | SingleOption[]) => void;
     menuOptions: DropdownOption[];
     buttonWidth?: number;
     buttonHeight?: number;

package/dist/esm/components/fab-menu/FABMenu.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{OpennedDropdown as o}from"../dropdown/opennedDropdown/components/OpennedDropdown.js";import{FloatingActionButton as n}from"../floating-action-button/FloatingActionButton.js";import"../floating-action-button/FloatingActionButton.styles.js";const i=i=>{const{onSelect:e,menuOptions:d,buttonWidth:r,buttonHeight:l,buttonColor:u,buttonPosition:p,menuWidth:c,menuHeight:s,buttonIcon:a,buttonPaddingHorizontal:m,buttonPaddingVertical:g,tooltipPlacement:b,tooltipText:h,zIndex:P,isRound:x,dropPosition:f,menuAligment:j}=i;return t("div",{children:t(n,Object.assign({icon:a,width:r,height:l,color:u,position:p,buttonPaddingHorizontal:m,buttonPaddingVertical:g,tooltipPlacement:b,tooltipText:h,zIndex:P,isRound:x,dropPosition:f,menuAligment:j},{children:t(o,{options:d,height:s||90,width:`${c}px`,onSelect:e})}))})};export{i as FABMenu};
+import{jsx as t}from"react/jsx-runtime";import{OpennedDropdown as o}from"../dropdown/opennedDropdown/components/OpennedDropdown.js";import{FloatingActionButton as n}from"../floating-action-button/FloatingActionButton.js";import"../floating-action-button/FloatingActionButton.styles.js";const i=i=>{const{onSelect:e,menuOptions:d,buttonWidth:r,buttonHeight:l,buttonColor:u,buttonPosition:c,menuWidth:p,menuHeight:s,buttonIcon:a,buttonPaddingHorizontal:m,buttonPaddingVertical:g,tooltipPlacement:b,tooltipText:h,zIndex:P,isRound:x,dropPosition:f,menuAligment:j}=i;return t("div",{children:t(n,Object.assign({icon:a,width:r,height:l,color:u,position:c,buttonPaddingHorizontal:m,buttonPaddingVertical:g,tooltipPlacement:b,tooltipText:h,zIndex:P,isRound:x,dropPosition:f,menuAligment:j},{children:t(o,{options:d,height:s||90,width:p,onSelect:e})}))})};export{i as FABMenu};

package/dist/esm/components/floating-action-button/FloatingActionButton.styles.d.ts

@@ -21,7 +21,7 @@ export declare const FloatingActionButtonContainer: import("styled-components").
     width: number;
     height: number;
     color: string;
-    isRound?: boolean | undefined;
+    isRound: boolean;
 }, never>;
 export declare const FloatingActionButtonOuterContainer: import("styled-components").StyledComponent<"div", any, {
     width: number;

package/dist/esm/components/floating-action-button/FloatingActionButton.styles.js

@@ -41,7 +41,7 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-between;
-		padding: 6px 0px;
+		padding: 6px 8px;
 		background: ${t=>"true"===t.active?e.background.positive.light:e.surface.standard};
 		color: ${t=>"true"===t.active?e.content.positive:e.content.primary};
 	}

package/dist/esm/components/input/Input.d.ts

@@ -34,7 +34,5 @@ export interface InputProps {
     suffixText?: string;
     prefixText?: string;
     value?: string;
-    onBlur?: () => void;
-    onFocus?: () => void;
 }
 export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;

package/dist/esm/components/input/Input.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{forwardRef as i,useState as l,useContext as r,useEffect as o}from"react";import{Button as a}from"../button/Button.js";import{BodySecondary as s}from"../TypographyStyle.js";import c from"../../assets/icons/errorInfo.svg.js";import{InputStyleContext as d}from"./context/InputStyleProvider.js";import{RootContainer as u,InputFooter as h,InputWrapper as v,IconHolder as p,PrefixHolder as f,InputContainer as g,InputContainerSmall as m,SuffixHolder as x,InputHeader as y,MaxCharStyle as b}from"./Input.styled.js";const j=e=>e&&"function"==typeof e,C=i(((i,C)=>{var w,I,O;const{placeholder:T,leftIcon:k,rightIcon:B,labelText:L,maxCharLimit:S,isRequired:D,hintText:F,type:z,state:A,validate:E,variant:K,button:M,suffixText:R,prefixText:q,onChangeText:H,value:N}=Object.assign({maxCharLimit:0,type:"text",variant:"default"},i),P=null==k?void 0:k.icon,W=null==B?void 0:B.icon,[G,J]=l(""),[Q,U]=l(!1),[V,X]=l(!1),[Y,Z]=l(),$="small"===K?"18px":"22px",_=r(d);o((()=>{Z(i.errorMessage)}),[i.errorMessage]),o((()=>{U(!1),("invalid"===i.state||Y)&&U(!0)}),[i.state,Y]),o((()=>{U(!!Y)}),[Y]),o((()=>{if(H(G),!E||!j(E))return;const[e,t]=E(G);U(!e),Z(t)}),[G]);const ee=function(e){if(j(e)){for(var t=arguments.length,n=new Array(t>1?t-1:0),i=1;i<t;i++)n[i-1]=arguments[i];e(...n)}},te=e=>{![8].includes(e.which)&&S>0&&e.target.value.length===S&&e.preventDefault()},ne=e=>{J(e.target.value)},ie=()=>{var l;return e(n,{children:["multiline"!==z&&t("input",{style:null!==(l=null==_?void 0:_.input)&&void 0!==l?l:{},ref:C,type:z,value:N,onFocus:()=>(X(!0),void ee(i.onFocus)),onBlur:()=>(X(!1),void ee(i.onBlur)),placeholder:T||"Enter here",onChange:ne,onKeyDown:e=>te(e)}),"multiline"===z&&t("textarea",{value:N,ref:C,onFocus:()=>X(!0),onBlur:()=>X(!1),placeholder:T||"Enter here",onChange:ne,onKeyDown:e=>te(e)})]})};return e(u,Object.assign({width:i.width,height:i.height,state:A,type:z,style:null!==(w=null==_?void 0:_.RootContainer)&&void 0!==w?w:{}},{children:[(!!F||!!Y)&&e(h,Object.assign({invalid:!!Y},{children:[!!Y&&t(c,{width:16,height:16}),Y||F]})),e(v,Object.assign({variant:K,state:A,width:i.width,isActive:"active"===A||V,isInvalid:Q,style:null!==(I=null==_?void 0:_.InputWrapper)&&void 0!==I?I:{}},{children:[!!P&&t(p,Object.assign({variant:K,iconSize:$,onClick:()=>ee(null==k?void 0:k.callback),isLeft:!0,style:null!==(O=null==_?void 0:_.IconHolder)&&void 0!==O?O:{}},{children:t(P,{})})),!!q&&t(f,Object.assign({variant:K},{children:q})),"default"===K&&t(g,{children:ie()}),"small"===K&&t(m,{children:ie()}),!!W&&t(p,Object.assign({variant:K,iconSize:$,onClick:()=>ee(null==B?void 0:B.callback),isLeft:!1},{children:t(W,{})})),!!R&&t(x,Object.assign({variant:K},{children:R})),M&&M.text&&t(a,{buttonText:M.text,onClick:()=>ee(null==M?void 0:M.onClick)})]})),(!!L||!!S)&&"default"===K&&e(y,Object.assign({invalid:Q},{children:[e(s,{children:[L,D?t("span",{children:"*"}):""]}),S>0&&e(b,{children:[G.length,"/",S]})]}))]}))}));C.displayName="Input";export{C as Input};
+import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{forwardRef as i,useState as l,useContext as r,useEffect as a}from"react";import{Button as o}from"../button/Button.js";import{BodySecondary as s}from"../TypographyStyle.js";import c from"../../assets/icons/errorInfo.svg.js";import{InputStyleContext as d}from"./context/InputStyleProvider.js";import{RootContainer as u,InputFooter as h,InputWrapper as v,IconHolder as p,PrefixHolder as f,InputContainer as g,InputContainerSmall as m,SuffixHolder as x,InputHeader as y,MaxCharStyle as b}from"./Input.styled.js";const j=e=>e&&"function"==typeof e,C=i(((i,C)=>{var I,O,w;const{placeholder:T,leftIcon:k,rightIcon:L,labelText:S,maxCharLimit:B,isRequired:D,hintText:z,type:A,state:E,validate:F,variant:K,button:M,suffixText:R,prefixText:q,onChangeText:H,value:N}=Object.assign({maxCharLimit:0,type:"text",variant:"default"},i),P=null==k?void 0:k.icon,W=null==L?void 0:L.icon,[G,J]=l(""),[Q,U]=l(!1),[V,X]=l(!1),[Y,Z]=l(),$="small"===K?"18px":"22px",_=r(d);a((()=>{Z(i.errorMessage)}),[i.errorMessage]),a((()=>{U(!1),("invalid"===i.state||Y)&&U(!0)}),[i.state,Y]),a((()=>{U(!!Y)}),[Y]),a((()=>{if(H(G),!F||!j(F))return;const[e,t]=F(G);U(!e),Z(t)}),[G]);const ee=function(e){if(j(e)){for(var t=arguments.length,n=new Array(t>1?t-1:0),i=1;i<t;i++)n[i-1]=arguments[i];e(...n)}},te=e=>{![8].includes(e.which)&&B>0&&e.target.value.length===B&&e.preventDefault()},ne=e=>{J(e.target.value)},ie=()=>{var i;return e(n,{children:["multiline"!==A&&t("input",{style:null!==(i=null==_?void 0:_.input)&&void 0!==i?i:{},ref:C,type:A,value:N,onFocus:()=>X(!0),onBlur:()=>X(!1),placeholder:T||"Enter here",onChange:ne,onKeyDown:e=>te(e)}),"multiline"===A&&t("textarea",{value:N,ref:C,onFocus:()=>X(!0),onBlur:()=>X(!1),placeholder:T||"Enter here",onChange:ne,onKeyDown:e=>te(e)})]})};return e(u,Object.assign({width:i.width,height:i.height,state:E,type:A,style:null!==(I=null==_?void 0:_.RootContainer)&&void 0!==I?I:{}},{children:[(!!z||!!Y)&&e(h,Object.assign({invalid:!!Y},{children:[!!Y&&t(c,{}),Y||z]})),e(v,Object.assign({variant:K,state:E,width:i.width,isActive:"active"===E||V,isInvalid:Q,style:null!==(O=null==_?void 0:_.InputWrapper)&&void 0!==O?O:{}},{children:[!!P&&t(p,Object.assign({variant:K,iconSize:$,onClick:()=>ee(null==k?void 0:k.callback),isLeft:!0,style:null!==(w=null==_?void 0:_.IconHolder)&&void 0!==w?w:{}},{children:t(P,{})})),!!q&&t(f,Object.assign({variant:K},{children:q})),"default"===K&&t(g,{children:ie()}),"small"===K&&t(m,{children:ie()}),!!W&&t(p,Object.assign({variant:K,iconSize:$,onClick:()=>ee(null==k?void 0:k.callback),isLeft:!1},{children:t(W,{})})),!!R&&t(x,Object.assign({variant:K},{children:R})),M&&M.text&&t(o,{buttonText:M.text,onClick:()=>ee(null==M?void 0:M.onClick)})]})),(!!S||!!B)&&"default"===K&&e(y,Object.assign({invalid:Q},{children:[e(s,{children:[S,D?t("span",{children:"*"}):""]}),B>0&&e(b,{children:[G.length,"/",B]})]}))]}))}));C.displayName="Input";export{C as Input};