kwant-ui 3.15.1-alpha.1 → 3.15.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/dist/components/AvatarGroup/AvatarGroup.types.d.ts +19 -0
  2. package/dist/components/Button/Button.d.ts.map +1 -0
  3. package/dist/components/Button/Button.styled.d.ts.map +1 -0
  4. package/dist/components/Button/helper.d.ts.map +1 -0
  5. package/dist/components/Button/types.d.ts.map +1 -0
  6. package/dist/components/HoverCalender/HoverCalender.d.ts +3 -0
  7. package/dist/components/HoverCalender/HoverCalenderStyled.d.ts +1 -0
  8. package/dist/components/HoverCalender/types.d.ts +10 -0
  9. package/dist/components/MultiSelect/onOutsideClick.d.ts +3 -0
  10. package/dist/components/Slider/Slider.d.ts.map +1 -0
  11. package/dist/components/Slider/Slider.styled.d.ts.map +1 -0
  12. package/dist/components/Slider/index.d.ts.map +1 -0
  13. package/dist/components/Slider/types.d.ts.map +1 -0
  14. package/dist/components/StepperDrawer/StepperDrawer.d.ts +3 -0
  15. package/dist/components/StepperDrawer/StepperDrawer.types.d.ts +8 -0
  16. package/dist/components/StepperDrawer/StepperDrawer.utils.d.ts +1 -0
  17. package/dist/components/StepperDrawer/StepperDrawerStyled.d.ts +5 -0
  18. package/dist/components/StepperDrawer/index.d.ts +2 -0
  19. package/dist/components/Text/TextStyled.d.ts.map +1 -0
  20. package/dist/components/Text/index.d.ts.map +1 -0
  21. package/dist/components/Text/types.d.ts.map +1 -0
  22. package/dist/components/Text/typography.d.ts.map +1 -0
  23. package/dist/components/Text/utils.d.ts.map +1 -0
  24. package/dist/components/stepper/index.d.ts.map +1 -0
  25. package/dist/index.d.ts.map +1 -0
  26. package/dist/index.es.js +1 -1
  27. package/dist/index.js +1 -1
  28. package/dist/kwant-ui.es.js +4345 -0
  29. package/dist/kwant-ui.umd.js +507 -0
  30. package/dist/package.json +1 -1
  31. package/dist/public/assets/images/approve.svg +21 -0
  32. package/dist/public/assets/images/complete.svg +20 -0
  33. package/dist/public/assets/images/reject.svg +27 -0
  34. package/dist/public/assets/sprite.svg +9502 -0
  35. package/dist/stories/Drawer/StepperDrawerStory.d.ts +2 -0
  36. package/dist/stories/HoverCalender/HoverCalenderContainer.d.ts +2 -0
  37. package/dist/stories/HoverCalender/HoverCalenderContainer.stories.d.ts +64 -0
  38. package/dist/stories/HoverCalender/HoverCalenderContainerStyled.d.ts +1 -0
  39. package/dist/stories/StepperDrawer.stories.d.ts +72 -0
  40. package/dist/themes/colors.d.ts.map +1 -0
  41. package/dist/themes/index.d.ts.map +1 -0
  42. package/dist/themes/types.d.ts.map +1 -0
  43. package/dist/types.d.ts +572 -0
  44. package/package.json +1 -1
@@ -0,0 +1,19 @@
1
+ import { AvatarDeclarations } from '../Avatar/Avatar.types';
2
+ export declare namespace AvatarGroupDelcarations {
3
+ interface Props {
4
+ borderWidth?: number;
5
+ borderColor?: string;
6
+ boxShadow?: string;
7
+ avatars?: AvatarDeclarations.Props[];
8
+ size?: AvatarDeclarations.Size;
9
+ }
10
+ interface StyledAvatarContainer {
11
+ height: string;
12
+ }
13
+ interface StyledAvatarItem {
14
+ borderWidth?: string;
15
+ borderColor?: string;
16
+ boxShadow?: string;
17
+ index?: number;
18
+ }
19
+ }
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,MAAM,UAAW,gBAAgB,KAAK,4CAiC3C,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.styled.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI1C,QAAA,MAAM,aAAa,+FAmClB,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/helper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA2F1C,QAAA,MAAM,kBAAkB,UAAW,gBAAgB,kBAAkB,uEA+DpE,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,yBAAiB,eAAe,CAAC;IAC/B,MAAM,MAAM,KAAK,GAAG;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,UAAU,CAAC;QACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;QAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,cAAc,CAAC;QAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,OAAO,CAAC,EAAE,aAAa,CAAC;QACxB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IAEF,MAAM,MAAM,OAAO;QACjB,OAAO,YAAY;QACnB,MAAM,WAAW;QACjB,KAAK,UAAU;QACf,MAAM,WAAW;KAClB;IACD,KAAK,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC1D,KAAK,aAAa,GAAG,MAAM,OAAO,OAAO,CAAC;IAE1C,MAAM,MAAM,aAAa,GAAG;QAC1B,UAAU,EAAE,UAAU,CAAC;QACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,aAAa,CAAC;KACxB,CAAC;IAEF,MAAM,MAAM,UAAU;QACpB,OAAO,IAAA;QACP,SAAS,IAAA;QACT,KAAK,IAAA;QACL,OAAO,IAAA;QACP,OAAO,IAAA;QACP,QAAQ,IAAA;KACT;IAED,MAAM,MAAM,YAAY,GAAG;QACzB,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IAEF,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,UAAU,CAAC;IAEjD,MAAM,MAAM,kBAAkB,GAAG;QAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,KAAK,EAAE,KAAK,CAAC;QACb,UAAU,EAAE,UAAU,CAAC;QACvB,OAAO,EAAE,aAAa,CAAC;KACxB,CAAC;;CACH"}
@@ -0,0 +1,3 @@
1
+ import { HIStyles } from './types';
2
+ declare function HoverCalender(props: HIStyles): import("react/jsx-runtime").JSX.Element;
3
+ export { HoverCalender };
@@ -0,0 +1 @@
1
+ export declare const HoverCalenderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -0,0 +1,10 @@
1
+ export type HIStyles = {
2
+ label?: string;
3
+ value?: string;
4
+ allowRange?: boolean;
5
+ rangeValue?: any[];
6
+ placeholder?: string;
7
+ onSelect?: any;
8
+ editMode?: boolean;
9
+ numberOfMonths?: 1 | 2;
10
+ };
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const useOutsideClick: (callback: any) => React.MutableRefObject<HTMLDivElement>;
3
+ export default useOutsideClick;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,MAAM,UAAW,WAAW,4CA4FjC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Slider.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI1C,eAAO,MAAM,UAAU,oEAGtB,CAAC;AAEF,eAAO,MAAM,SAAS,oEAerB,CAAC;AAEF,eAAO,MAAM,eAAe,8FAc3B,CAAC;AAQF,eAAO,MAAM,UAAU,kGAwBtB,CAAC;AACF,eAAO,MAAM,WAAW,oEAEvB,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/types.ts"],"names":[],"mappings":"AAAA,yBAAiB,eAAe,CAAC;IAC/B,KAAY,YAAY,GAAG;QACzB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IAEF,KAAY,gBAAgB,GAAG;QAC7B,aAAa,EAAE,MAAM,CAAC;QACtB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,mBAAmB,EAAE,MAAM,CAAC;KAC7B,CAAC;CACH"}
@@ -0,0 +1,3 @@
1
+ import { StepperDrawerDeclarations } from './StepperDrawer.types';
2
+ declare const StepperDrawer: (props: StepperDrawerDeclarations.Props) => import("react/jsx-runtime").JSX.Element;
3
+ export { StepperDrawer };
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { DrawerDeclarations } from '../Drawer/Drawer.types';
3
+ export declare namespace StepperDrawerDeclarations {
4
+ interface Props extends DrawerDeclarations.Props {
5
+ drawerSidebar?: React.ReactNode;
6
+ sidebarBorder?: boolean;
7
+ }
8
+ }
@@ -0,0 +1 @@
1
+ export declare const formatGridTemplate: (str: string) => string;
@@ -0,0 +1,5 @@
1
+ import { DrawerDeclarations } from '../Drawer/Drawer.types';
2
+ export declare const StepperDrawerContentRoot: import("styled-components").StyledComponent<"div", any, DrawerDeclarations.DrawerContentStyled, never>;
3
+ export declare const StepperDrawerSidebar: import("styled-components").StyledComponent<"aside", any, {
4
+ sidebarBorder?: boolean;
5
+ }, never>;
@@ -0,0 +1,2 @@
1
+ import { StepperDrawer } from './StepperDrawer';
2
+ export { StepperDrawer };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextStyled.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/TextStyled.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,QAAA,MAAM,SAAS,2JAKd,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,QAAA,MAAM,IAAI,UAAW,cAAc,KAAK,4CAWvC,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/types.ts"],"names":[],"mappings":"AAAA,yBAAiB,aAAa,CAAC;IAC7B,KAAY,KAAK,GAAG,cAAc,GAAG;QACnC,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,oBAAoB,EAAE,UAAU,CAAC,KACtD,IAAI,CAAC;QACV,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC3B,IAAI,CAAC,EAAE,IAAI,CAAC;KACb,CAAC;IAEF,KAAY,QAAQ,GAChB,UAAU,GACV,WAAW,GACX,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,MAAM,GACN,OAAO,CAAC;IAEZ,KAAY,IAAI,GAAG,OAAO,GAAG,SAAS,CAAC;IAEvC,KAAY,cAAc,GAAG;QAC3B,QAAQ,CAAC,EAAE,QAAQ,CAAC;QACpB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,IAAI,CAAC;KACb,CAAC;CACH"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/typography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,UAwDjB,CAAC;AAEF,6CAA6C;AAC7C,QAAA,MAAM,gBAAgB,UAAW,cAAc,cAAc,KAAG,MAK/D,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,QAAA,MAAM,WAAW,UACR,KAAK,SACL,cAAc,IAAI,UACjB,MAAM,KACb,MAKF,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/stepper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,KAAK,OAAO,GAAG;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AACF,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,EAAE,CAAC;CAC1B,CAAC;AAEF,iBAAS,OAAO,CAAC,EACf,OAAO,EACP,UAAU,EACV,YAAY,EACZ,SAAS,EACT,SAAS,EACT,aAAa,EACd,EAAE,YAAY,2CA6Dd;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC"}
package/dist/index.es.js CHANGED
@@ -3098,7 +3098,7 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import c,{css as r}from"styled
3098
3098
  }
3099
3099
  }
3100
3100
  }
3101
- `,Yn={collapseOnSelect:!1,width:"100%",offsetTop:"80px",searchable:!0,toggleOnTargetClick:!1},Un=e(Nt,{icon:"keyboard_arrow_down",width:20,height:20,fill:"#A1AFC0"}),Wn=e(Nt,{icon:"keyboard_arrow_up",width:20,height:20,fill:"#A1AFC0"});e(Nt,{icon:"close_circle",width:20,height:20,fill:"#A1AFC0"});const Kn=e(Nt,{icon:"check",width:16,height:12,fill:"#2DA170"}),Gn=({option:c,isSelected:r,variant:n,hasImage:a,avatarProps:s})=>{const{label:l="",image:i}=c;return t("div",{className:`multi-select-option ${r&&"active"}`,children:[a&&e(It,{src:i,alt:l,size:"xs",...s}),t("div",{className:"multi-select-option__head",children:["checkbox"===n&&e(ye,{checked:r}),l]}),"normal"===n&&r&&e("div",{className:"multi-select-option__tail",children:Kn})]})},qn=({filterLabel:t,onChipClose:c})=>e("div",{className:"selected",children:e(Rn,{size:"small",type:"secondary",label:`${t}`,showActionButton:!0,onClick:e=>{e.preventDefault(),e.stopPropagation()},onClose:e=>{e.preventDefault(),c(),e.stopPropagation()}})}),Jn=({width:c,options:r=[],activeOptions:n=[],setActiveOptions:a,placeholder:s,label:l,variant:i="normal",dropdownSelectProps:o,avatarProps:v})=>{const p=r.some((e=>e.image)),[g,m]=h(!1),u=d((()=>{const t=n?.length;return(t>3?n.slice(0,3):n).map((t=>{let c=(e=>e&&e.length>12?e.slice(0,11)+"..":e)(t?.label);return e(qn,{filterLabel:c,onChipClose:()=>(e=>{let t=[...n].filter((t=>t.value!==e.value));a(t)})(t)})}))}),[n]),_=e=>n.some((t=>t.value===e));return e(Xn,{width:c,children:e(Wt,{...Yn,onSelect:e=>{if(n.find((t=>t.value===e.value))){let t=[...n].filter((t=>t.value!==e.value));a([...t])}else a([...n,e])},data:r,opened:g,onClose:()=>m(!1),itemComponent:({label:t,value:c,image:r})=>e(Gn,{option:{label:t,value:c,image:r},isSelected:_(c),variant:i,hasImage:p,avatarProps:v}),...o,children:t("div",{className:"select-container",children:[e("div",{className:"select-container__label",children:l}),e("div",{className:"select-container__body",children:t("div",{className:`select-input-container ${g&&"focus"}`,onClick:()=>{m(!0)},id:"select-input-container",children:[t("div",{className:"select-input-container__body",children:[u,n?.length>3&&e(Rn,{onClick:e=>{e.preventDefault(),e.stopPropogation()},size:"small",type:"secondary",label:"+"+(n.length-3)}),0===n?.length&&e("div",{className:"placeholder",children:s||"Select"})]}),e("div",{className:"select-input-container__icon",children:g?Wn:Un})]})})]})})})},$n=c.div`
3101
+ `,Yn={collapseOnSelect:!1,width:"100%",offsetTop:"80px",searchable:!0,toggleOnTargetClick:!1},Un=e(Nt,{icon:"keyboard_arrow_down",width:20,height:20,fill:"#A1AFC0"}),Wn=e(Nt,{icon:"keyboard_arrow_up",width:20,height:20,fill:"#A1AFC0"});e(Nt,{icon:"close_circle",width:20,height:20,fill:"#A1AFC0"});const Kn=e(Nt,{icon:"check",width:16,height:12,fill:"#2DA170"}),Gn=({option:c,isSelected:r,variant:n,hasImage:a,avatarProps:s})=>{const{label:l="",image:i}=c;return t("div",{className:`multi-select-option ${r&&"active"}`,children:[a&&e(It,{src:i,alt:l,size:"xs",...s}),t("div",{className:"multi-select-option__head",children:["checkbox"===n&&e(ye,{checked:r}),l]}),"normal"===n&&r&&e("div",{className:"multi-select-option__tail",children:Kn})]})},qn=({filterLabel:t,onChipClose:c})=>e("div",{className:"selected",children:e(Rn,{size:"small",type:"secondary",label:`${t}`,showActionButton:!0,onClick:e=>{e.preventDefault(),e.stopPropagation()},onClose:e=>{e.preventDefault(),c(),e.stopPropagation()}})}),Jn=({width:c,options:r=[],activeOptions:n=[],setActiveOptions:a,placeholder:s,label:l,variant:i="normal",dropdownSelectProps:o,avatarProps:v})=>{const p=r.some((e=>"image"in e)),[g,m]=h(!1),u=d((()=>{const t=n?.length;return(t>3?n.slice(0,3):n).map((t=>{let c=(e=>e&&e.length>12?e.slice(0,11)+"..":e)(t?.label);return e(qn,{filterLabel:c,onChipClose:()=>(e=>{let t=[...n].filter((t=>t.value!==e.value));a(t)})(t)})}))}),[n]),_=e=>n.some((t=>t.value===e));return e(Xn,{width:c,children:e(Wt,{...Yn,onSelect:e=>{if(n.find((t=>t.value===e.value))){let t=[...n].filter((t=>t.value!==e.value));a([...t])}else a([...n,e])},data:r,opened:g,onClose:()=>m(!1),itemComponent:({label:t,value:c,image:r})=>e(Gn,{option:{label:t,value:c,image:r},isSelected:_(c),variant:i,hasImage:p,avatarProps:v}),...o,children:t("div",{className:"select-container",children:[e("div",{className:"select-container__label",children:l}),e("div",{className:"select-container__body",children:t("div",{className:`select-input-container ${g&&"focus"}`,onClick:()=>{m(!0)},id:"select-input-container",children:[t("div",{className:"select-input-container__body",children:[u,n?.length>3&&e(Rn,{onClick:e=>{e.preventDefault(),e.stopPropogation()},size:"small",type:"secondary",label:"+"+(n.length-3)}),0===n?.length&&e("div",{className:"placeholder",children:s||"Select"})]}),e("div",{className:"select-input-container__icon",children:g?Wn:Un})]})})]})})})},$n=c.div`
3102
3102
  position: relative;
3103
3103
 
3104
3104
  .upload-avatar {