@bikdotai/bik-component-library 0.0.5-beta.0 → 0.0.5-beta.1

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

@@ -0,0 +1,24 @@
+import o from"styled-components";import{COLORS as e}from"../../../../constants/Theme.js";const r=o.div`
+	border-radius: 4px;
+	border: 1px solid ${e.stroke.primary};
+	max-height: 640px;
+	overflow: hidden;
+	display: flex;
+	flex-direction: row;
+	position: relative;
+`;o.div`
+	padding: 14px 16px 14px 18px;
+	flex-direction: row;
+	align-items: center;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+	border-bottom-color: ${e.stroke.primary};
+	width: 100%;
+	heigth: 100%;
+`;const t=o.div`
+	max-height: ${o=>o.maxHeight}px;
+	overflow-y: auto;
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+`;export{t as MenuListContainer,r as OpennedDropdownContainer};

package/dist/esm/components/dropdown/opennedDropdown/components/description/Description.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const Description: React.FC<{
+    title: string;
+    visible: boolean;
+    description: string;
+}>;

package/dist/esm/components/dropdown/opennedDropdown/components/description/Description.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{TitleRegular as r,BodySecondary as i}from"../../../../TypographyStyle.js";import{COLORS as o}from"../../../../../constants/Theme.js";import{DescriptionContainer as n}from"./Description.styled.js";const s=s=>{let{title:c,description:l,visible:m}=s;return t(n,{children:e("div",Object.assign({style:{padding:24}},{children:[t(r,Object.assign({style:{color:o.content.primary,marginBottom:4}},{children:c})),t(i,Object.assign({style:{color:o.content.secondary}},{children:l}))]}))})};export{s as Description};

package/dist/esm/components/dropdown/opennedDropdown/components/description/Description.styled.d.ts

@@ -0,0 +1 @@
+export declare const DescriptionContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/dropdown/opennedDropdown/components/description/Description.styled.js

@@ -0,0 +1,5 @@
+import o from"styled-components";import{COLORS as r}from"../../../../../constants/Theme.js";const t=o.div`
+	background: ${r.surface.standard};
+	border-left: 1px solid ${r.stroke.primary};
+	width: 50%;
+`;export{t as DescriptionContainer};

package/dist/esm/components/dropdown/opennedDropdown/components/menu/FreeFormMenu.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const FreeFormMenu: React.FC<{
+    isMultiSelect: boolean;
+    searchedString: string;
+    onSelect: (isChecked: boolean) => void;
+}>;

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

@@ -0,0 +1 @@
+import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useState as o}from"react";import r from"styled-components";import{CheckBox as n}from"../../../../checkBox/CheckBox.js";import{ListItem as i}from"../../../../list-item/ListItem.js";import{BodyCaption as m}from"../../../../TypographyStyle.js";import{COLORS as c}from"../../../../../constants/Theme.js";import{FreeFormContainer as s}from"./FreeFormMenu.styled.js";const l=r(i)``,a=r=>{let{searchedString:i,onSelect:a,isMultiSelect:p}=r;const[f,h]=o(!1);function d(){h(!f),a(!f)}return e(l,{onClick:e=>{e.preventDefault(),d()},listItem:{label:i,value:i},trailingIcon:p?e(n,{isChecked:f,onValueChange:d}):e(t,{}),leadingIcon:e(s,{children:e(m,Object.assign({style:{color:c.content.secondary}},{children:"Freeform"}))})})};export{a as FreeFormMenu};

package/dist/esm/components/dropdown/opennedDropdown/components/menu/FreeFormMenu.styled.d.ts

@@ -0,0 +1 @@
+export declare const FreeFormContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/dropdown/opennedDropdown/components/menu/FreeFormMenu.styled.js

@@ -0,0 +1,6 @@
+import r from"styled-components";import{COLORS as o}from"../../../../../constants/Theme.js";const d=r.div`
+	padding: 4px 8px;
+	background: ${o.surface.subdued};
+	border: 1px solid ${o.stroke.primary};
+	border-radius: 4px;
+`;export{d as FreeFormContainer};

package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { MultiSelectOption, SingleOption } from '../../../type';
+export declare const MenuItem: React.FC<{
+    option: SingleOption | MultiSelectOption;
+    isMultiSelect?: boolean;
+    showDescription: (title?: string, description?: string) => void;
+    onSelect: (option: SingleOption) => void;
+}>;

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

@@ -0,0 +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 r}from"../../../../TypographyStyle.js";import{COLORS as n}from"../../../../../constants/Theme.js";import{FreeFormContainer as c}from"./FreeFormMenu.styled.js";const l=o(s)``,m=o=>{let{option:s,isMultiSelect:m,showDescription:a,onSelect:d}=o;var p;function f(e){s.disabled||d(Object.assign(Object.assign({},s),{selected:e}))}return e(l,{onClick:e=>{e.preventDefault(),f(!s.selected)},onMouseOver:function(){s.descriptions?a(s.label,s.descriptions):a()},listItem:s,trailingIcon:m?e(i,{isDisabled:null!==(p=s.disabled)&&void 0!==p&&p,isChecked:s.selected,onValueChange:f}):e(t,{}),leadingIcon:s.isFreeForm?e(c,{children:e(r,Object.assign({style:{color:n.content.secondary}},{children:"Freeform"}))}):e(t,{}),variant:s.disabled?"inactive":"default"})};export{m as MenuItem};

package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuList.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DropdownOption, SingleOption } from '../../../type';
+export declare const MenuList: React.FC<{
+    options: DropdownOption[];
+    isMultiSelect?: boolean;
+    showDescription: (title?: string, description?: string) => void;
+    onSelect: (optionSelect: SingleOption) => void;
+}>;

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

@@ -0,0 +1 @@
+import{jsx as t,Fragment as e,jsxs as o}from"react/jsx-runtime";import{MenuItem as i}from"./MenuItem.js";import{StyledGroupedLabel as n}from"./MenuList.styled.js";const r=r=>{let{options:s,isMultiSelect:l,showDescription:c,onSelect:p}=r;return t(e,{children:s.map(((e,r)=>{if(e.options){const s=e;return o("div",{children:[t(n,{children:s.label}),s.options.map(((e,o)=>t(i,{onSelect:p,showDescription:c,isMultiSelect:l,option:e},o)))]},r)}return t(i,{onSelect:p,showDescription:c,isMultiSelect:l,option:e},r)}))})};export{r as MenuList};

package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuList.styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledGroupedLabel: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuList.styled.js

@@ -0,0 +1,6 @@
+import o from"styled-components";import{BodyCaption as r}from"../../../../TypographyStyle.js";import{COLORS as t}from"../../../../../constants/Theme.js";const n=o(r)`
+	padding: 8px 16px;
+	height: 16px;
+	color: ${t.content.secondary};
+	background-color: ${t.background.base};
+`;export{n as StyledGroupedLabel};

package/dist/esm/components/dropdown/opennedDropdown/components/menu/SelectAllMenu.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DropdownOption } from '../../../type';
+export type SelectAllCheckboxState = 'notSelected' | 'selectAll' | 'partiallySelected';
+export declare const SelectAllMenu: React.FC<{
+    options: DropdownOption[];
+    onSelect: (newState: SelectAllCheckboxState) => void;
+}>;

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

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useState as l,useEffect as t}from"react";import n from"styled-components";import{CheckBox as i}from"../../../../checkBox/CheckBox.js";import{ListItem as r}from"../../../../list-item/ListItem.js";const o=n(r)``,a=n=>{let{options:r,onSelect:a}=n;const[c,s]=l("notSelected");function d(){"partiallySelected"===c&&a("notSelected"),"selectAll"===c&&a("notSelected"),"notSelected"===c&&a("selectAll")}return t((()=>{var e;if("all"===(r[0].options?!0===(null===(e=r[0].options)||void 0===e?void 0:e[0].selected)?"all":"none":!0===r[0].selected?"all":"none")){const e=r.filter((e=>!e.disabled)).reduce(((e,l)=>{if("all"===e){if(!l.options)return l.selected?"all":"partial";{const e=l.options.filter((e=>!e.disabled)),t=e.filter((e=>!0===e.selected));if(t.length===e.length)return"all";if(t.length<e.length)return"partial"}}return e}),"all");"all"===e&&s("selectAll"),"partial"===e&&s("partiallySelected")}else{const e=r.filter((e=>!e.disabled)).reduce(((e,l)=>{if("none"===e){if(!l.options)return l.selected?"partial":"none";{const e=l.options.filter((e=>!e.disabled)),t=e.filter((e=>!e.selected));if(t.length===e.length)return"none";if(t.length<e.length)return"partial"}}return e}),"none");"none"===e&&s("notSelected"),"partial"===e&&s("partiallySelected")}}),[r]),e(o,{onClick:e=>{e.preventDefault(),d()},listItem:{label:"Select All",value:"All"},trailingIcon:e(i,{isChecked:"selectAll"===c||"partiallySelected"===c,isPartiallyChecked:"partiallySelected"===c,onValueChange:d}),variant:"default"})};export{a as SelectAllMenu};

package/dist/esm/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DropdownOption } from '../../../type';
+declare const MultiSelectDropdownBottomBar: React.FC<{
+    onClear?: () => void;
+    onApply: () => void;
+    list: DropdownOption[];
+}>;
+export default MultiSelectDropdownBottomBar;

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

@@ -0,0 +1 @@
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Button as o}from"../../../../button/Button.js";import{BodySecondary as r}from"../../../../TypographyStyle.js";import{COLORS as l}from"../../../../../constants/Theme.js";import{BottomBarContainer as n}from"./MultiSelectDropdownBottomBar.styled.js";const s=s=>{let{onApply:i,onClear:c,list:p}=s;const a=p.reduce(((t,e)=>{if(e.options){return t+e.options.filter((t=>!0===t.selected)).length}return e.selected?t+1:t}),0);return t(n,Object.assign({style:{justifyContent:"space-between"}},{children:[e(r,Object.assign({style:{flex:1,color:l.content.primary}},{children:a?`${a} selected`:""})),t("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e(o,{size:"small",buttonType:"tertiaryGray",buttonText:"Clear",onClick:c}),e(o,{size:"small",buttonText:"Apply",onClick:i})]}))]}))};export{s as default};

package/dist/esm/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.d.ts

@@ -0,0 +1 @@
+export declare const BottomBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,8 @@
+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);
+`;export{o as BottomBarContainer};

package/dist/esm/components/dropdown/opennedDropdown/components/searchbox/SearchBox.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const SearchBox: React.FC<{
+    onSearch: (searchString: string | null) => void;
+}>;

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

@@ -0,0 +1 @@
+import{jsx as r,Fragment as o}from"react/jsx-runtime";import{useRef 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 a=a=>{let{onSearch:l}=a;const p=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:p,variant:"small",placeholder:"Search",leftIcon:{icon:()=>r(s,{width:24,height:24,color:i.content.placeholder})},rightIcon:{icon:()=>{var t;return(null===(t=null==p?void 0:p.current)||void 0===t?void 0:t.value)?r(c,{onClick:()=>{p.current.value="",l("")},width:24,height:24,color:i.content.placeholder}):r(o,{})}},onChangeText:l})}))};export{a as SearchBox};

package/dist/esm/components/dropdown/opennedDropdown/components/searchbox/ZeroState.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const SearchZeroState: React.FC<{
+    searchedString: string;
+}>;

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

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{ZeroState as r}from"../../../../zeroState/ZeroState.js";const e=e=>{let{searchedString:o}=e;return t(r,{title:"No results found",subTitle:`\tSorry we could not find any results for "${null!=o?o:""}"`})};export{e as SearchZeroState};

package/dist/esm/components/dropdown/opennedDropdown/index.d.ts

@@ -0,0 +1 @@
+export * from './components/OpennedDropdown';

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

@@ -0,0 +1,31 @@
+import { DropdownOption, SingleOption } from '../../type';
+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 | 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;
+    options: (SingleOption | import("../../type").MultiSelectOption)[];
+})[];

package/dist/esm/components/dropdown/opennedDropdown/utils/iterationOnOptions.js

@@ -0,0 +1 @@
+function s(s,n,t){return s.map((s=>{if(s.options){const i=s.options.map((s=>!t||t(s)?Object.assign(Object.assign({},s),n):Object.assign({},s)));return Object.assign(Object.assign({},s),{options:[...i]})}return!t||t(s)?Object.assign(Object.assign({},s),n):Object.assign({},s)}))}export{s as iterateOnOptions};

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

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

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { DropdownOption, SingleOption } from '../dropdown/type';
+import { FAB_POSITION } from '../floating-action-button/FloatingActionButton.styles';
+import { TooltipPlacement } from '../tooltips';
+export declare const FABMenu: React.FC<{
+    onSelect: (selected: SingleOption | SingleOption[]) => void;
+    menuOptions: DropdownOption[];
+    buttonWidth?: number;
+    buttonHeight?: number;
+    buttonColor?: string;
+    buttonPosition?: FAB_POSITION;
+    menuWidth?: number;
+    menuHeight?: number;
+    buttonIcon?: JSX.Element;
+    buttonPadding?: number;
+    tooltipPlacement?: TooltipPlacement;
+    tooltipText?: string;
+}>;

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

@@ -0,0 +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:r,buttonWidth:c,buttonHeight:p,buttonColor:d,buttonPosition:l,menuWidth:u,menuHeight:s,buttonIcon:m,buttonPadding:a,tooltipPlacement:h,tooltipText:g}=i;return t("div",{children:t(n,Object.assign({icon:m,width:c,height:p,color:d,position:l,buttonPadding:a,tooltipPlacement:h,tooltipText:g},{children:t(o,{options:r,height:s||90,width:u,onSelect:e})}))})};export{i as FABMenu};

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

@@ -0,0 +1 @@
+export * from './FABMenu';

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

@@ -0,0 +1,16 @@
+import 'bootstrap/dist/css/bootstrap.min.css';
+import React from 'react';
+import { TooltipPlacement } from '../tooltips/CustomisedTooltip';
+import { FAB_POSITION } from './FloatingActionButton.styles';
+export declare const FloatingActionButton: React.FC<{
+    onClick?: () => void;
+    children?: React.ReactNode;
+    width?: number;
+    height?: number;
+    icon?: JSX.Element;
+    color?: string;
+    position?: FAB_POSITION;
+    buttonPadding?: number;
+    tooltipText?: string;
+    tooltipPlacement?: TooltipPlacement;
+}>;

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

@@ -0,0 +1 @@
+import{jsx as t,Fragment as o,jsxs as i}from"react/jsx-runtime";import{Dropdown as n}from"react-bootstrap";import{COLORS as e}from"../../constants/Theme.js";import{TooltipPlacement as c,CustomisedTooltip as l}from"../tooltips/CustomisedTooltip.js";import r from"../../assets/icons/question-mark.svg.js";import{FAB_POSITION as h,FloatingActionButtonOuterContainer as d,StyledDropdown as s,DropdownToggleContainer as p,FloatingActionButtonContainer as g}from"./FloatingActionButton.styles.js";const a=i=>{const{width:n,height:e,color:c,buttonPadding:h,onClick:d,icon:s,tooltipPlacement:p,tooltipText:a}=i;return a?t(l,{tooltipContent:t(o,{children:a}),tooltipTriggerContent:t(g,Object.assign({width:n,height:e,color:c,buttonPadding:h,onClick:d},{children:s||t(r,{width:22,height:22})})),tooltipPlacement:p,showOnHover:!0}):t(o,{children:t(g,Object.assign({width:n,height:e,color:c,buttonPadding:h,onClick:d},{children:s||t(r,{width:22,height:22})}))})},m=l=>{const{icon:r,onClick:g,children:m,tooltipText:u}=l,P=l.width?l.width:48,b=l.height?l.height:48,w=l.color?l.color:e.background.inverse,C=l.position?l.position:h.TOP_LEFT,T=l.buttonPadding?l.buttonPadding:20,j=l.tooltipPlacement?l.tooltipPlacement:c.Auto;return t(o,{children:t(d,Object.assign({width:P,height:b,color:w,position:C,buttonPadding:T},{children:t(s,{children:m?i(o,{children:[t(p,{children:t(a,{width:P,height:b,color:w,buttonPadding:T,tooltipPlacement:j,onClick:g,tooltipText:u,icon:r,position:C})}),t(n.Menu,{children:m})]}):t(a,{width:P,height:b,color:w,buttonPadding:T,tooltipPlacement:j,onClick:g,tooltipText:u,icon:r,position:C})})}))})};export{m as FloatingActionButton};

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

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+export declare enum FAB_POSITION {
+    TOP_LEFT = "top left",
+    TOP_RIGHT = "top right",
+    BOTTOM_LEFT = "bottom left",
+    BOTTOM_RIGHT = "botton right"
+}
+export declare const FloatingActionButtonContainer: import("styled-components").StyledComponent<"div", any, {
+    width: number;
+    height: number;
+    color: string;
+    buttonPadding: number;
+}, never>;
+export declare const FloatingActionButtonOuterContainer: import("styled-components").StyledComponent<"div", any, {
+    width: number;
+    height: number;
+    color: string;
+    position: FAB_POSITION;
+    buttonPadding: number;
+}, never>;
+export declare const StyledDropdown: import("styled-components").StyledComponent<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap").DropdownProps> & {
+    Toggle: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>;
+    Menu: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/DropdownMenu").DropdownMenuProps>;
+    Item: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<import("@restart/ui/esm/types").DynamicRefForwardingComponent<import("react").ForwardRefExoticComponent<import("@restart/ui/esm/Button").ButtonProps & import("react").RefAttributes<HTMLElement>>, import("@restart/ui/esm/DropdownItem").DropdownItemProps>, import("react-bootstrap/esm/DropdownItem").DropdownItemProps>;
+    ItemText: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"span", unknown>;
+    Divider: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"hr", unknown>;
+    Header: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", unknown>;
+}, any, {
+    active?: string | undefined;
+    width?: string | undefined;
+    height?: string | undefined;
+}, never>;
+export declare const DropdownToggleContainer: import("styled-components").StyledComponent<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>, any, {}, never>;

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

@@ -0,0 +1,83 @@
+import{Dropdown as t}from"react-bootstrap";import o from"styled-components";import{COLORS as e}from"../../constants/Theme.js";var i;!function(t){t.TOP_LEFT="top left",t.TOP_RIGHT="top right",t.BOTTOM_LEFT="bottom left",t.BOTTOM_RIGHT="botton right"}(i||(i={}));const n=o.div`
+	width: ${t=>t.width}px;
+	height: ${t=>t.height}px;
+	background: ${t=>t.color};
+	border-radius: 50%;
+	justify-content: center;
+	align-items: center;
+	cursor: pointer;
+	display: flex;
+`,r=o.div`
+	display: flex;
+	flex-direction: column;
+	align-items: flex-end;
+	position: absolute;
+	${t=>t.position===i.BOTTOM_RIGHT?`right: ${t.buttonPadding}px; bottom: ${t.buttonPadding}px`:t.position===i.BOTTOM_LEFT?`left: ${t.buttonPadding}px; bottom: ${t.buttonPadding}px`:t.position===i.TOP_LEFT?`left: ${t.buttonPadding}px; top: ${t.buttonPadding}px`:t.position===i.TOP_RIGHT?`right: ${t.buttonPadding}px; top: ${t.buttonPadding}px`:""}
+`,d=o(t)`
+	.filter-container {
+		.single-row {
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+			justify-content: flex-start;
+			gap: 8px;
+			padding: 14px;
+			border-bottom: 1px solid ${e.stroke.primary};
+
+			:last-child {
+				border-bottom: none !important;
+			}
+		}
+	}
+	button {
+		border: 1px solid
+			${t=>"true"===t.active?e.stroke.positive.lightAlt:e.stroke.primary};
+		border-radius: 4px;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+		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};
+	}
+
+	.btn-primary:hover,
+	.btn-primary:active,
+	.btn-primary:focus,
+	.btn-primary.dropdown-toggle,
+	.show > .btn-primary.dropdown-toggle {
+		color: ${t=>"true"===t.active?e.content.positive:e.content.primary};
+		background-color: ${t=>"true"===t.active?e.background.positive.light:"transparent"};
+		border: none;
+	}
+	.btn:focus {
+		outline: 0;
+		box-shadow: 0 0 0 0.25rem transparent !important;
+	}
+
+	.dropdown-toggle::after {
+		border-top: 0.3em solid ${e.content.primary};
+		display: none;
+	}
+	.dropdown-menu {
+		min-width: 12rem;
+		padding: 0 0;
+	}
+	.dropdown-item:active,
+	.dropdown-item:hover {
+		color: ${e.content.positive};
+		text-decoration: none;
+		background-color: ${e.background.positive.light};
+	}
+`,p=o(t.Toggle)`
+	border-radius: 4px;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: space-between;
+	padding: 6px 8px;
+	font-weight: 400;
+	font-size: 14px;
+	line-height: 20px;
+`;export{p as DropdownToggleContainer,i as FAB_POSITION,n as FloatingActionButtonContainer,r as FloatingActionButtonOuterContainer,d as StyledDropdown};

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

@@ -0,0 +1,2 @@
+export * from './FloatingActionButton';
+export * from './FloatingActionButton.styles';

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

@@ -26,6 +26,7 @@ export interface InputProps {
         validate:  function takes the input and returns boolean + string (error message in case of invalid input)
      **/
     validate: (input?: string | number) => [boolean, string];
+    onChangeText: (input: string) => void;
     button?: {
         text: string;
         onClick?: () => void;

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

@@ -0,0 +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 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),!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};