@bikdotai/bik-component-library 0.0.640-beta.8 → 0.0.640-beta.help-attr.4

package/dist/esm/components/discount-modal/DynamicCoupon/DynamicCoupon.styled.d.ts

@@ -1,10 +0,0 @@
-export declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DiscountOptionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DiscountDetailsOption: import("styled-components").StyledComponent<"div", any, {
-    selected?: boolean | undefined;
-    isHovered?: boolean | undefined;
-}, never>;
-export declare const AddProductButtonsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProductCollectionCard: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CubeIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProductVariableCard: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/discount-modal/DynamicCoupon/DynamicCoupon.styled.js

@@ -1,76 +0,0 @@
-import e from"styled-components";import{DEFAULT_THEME as r}from"../../../constants/Theme.js";const o=e.div`
-	width: 28px;
-	height: 28px;
-	cursor: pointer;
-	border-radius: 4px;
-	padding: 4px;
-	display: flex;
-	jusitfy-content: center;
-	align-items: center;
-	&:hover {
-		background-color: ${r.colorsV2.background.base};
-	}
-`,t=e.div`
-	display: flex;
-	gap: 12px;
-	margin-bottom: 8px;
-	margin-top: 16px;
-`,n=e.div`
-	height: 76px;
-	width: 100%;
-	padding: 12px;
-	border: 1px solid
-		${e=>{let{selected:o}=e;return o?r.colorsV2.content.brand:r.colorsV2.stroke.primary}};
-	border-radius: 4px;
-	cursor: pointer;
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	text-align: center;
-	gap: 8px;
-	color: ${e=>{let{selected:o}=e;return o?r.colorsV2.text.brand:r.colorsV2.text.secondary}};
-	background-color: ${e=>{let{selected:o}=e;return o?r.colorsV2.background.brandLight:r.colorsV2.surface.subdued}};
-
-	&:hover {
-		background-color: ${e=>{let{selected:o}=e;return o?r.colorsV2.background.brandLight:r.colorsV2.surface.hovered}};
-	}
-`,d=e.div`
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	align-content: center;
-	gap: 16px;
-	margin-top: 16px;
-	width: 100%;
-`,i=e.div`
-	width: 296px;
-	height: 64px;
-	border-radius: 4px;
-	border: 1px solid ${r.colorsV2.stroke.primary};
-	background: ${r.colorsV2.surface.subdued};
-	padding: 8px 12px;
-	gap: 8px;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-`,s=e.div`
-	width: 40px;
-	height: 40px;
-	background-color: ${r.colorsV2.background.base};
-	border-radius: 4px;
-	padding: 8px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-`,c=e.div`
-	border-radius: 4px;
-	border: 1px solid ${r.colorsV2.stroke.primary};
-	background: ${r.colorsV2.surface.subdued};
-	padding: 6px 8px;
-	gap: 8px;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	width: fit-content;
-`;export{d as AddProductButtonsContainer,s as CubeIconContainer,n as DiscountDetailsOption,t as DiscountOptionsContainer,o as IconContainer,i as ProductCollectionCard,c as ProductVariableCard};

package/dist/esm/components/discount-modal/DynamicCoupon/MinimumRequirementComponent.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { ICouponData, MIN_PURCHASE_REQUIREMENT } from '../type';
-interface MinimumRequirementProps {
-    selectedMinimumRequirement: MIN_PURCHASE_REQUIREMENT;
-    setSelectedMinimumRequirement: (value: MIN_PURCHASE_REQUIREMENT) => void;
-    discountData: ICouponData;
-    setDiscountData: React.Dispatch<React.SetStateAction<ICouponData>>;
-    currency?: string;
-    dynamicDiscountValidationError?: {
-        inValidMinimumAmount?: boolean;
-        inValidMinimumQuantity?: boolean;
-    };
-}
-declare const MinimumRequirementComponent: React.FC<MinimumRequirementProps>;
-export default MinimumRequirementComponent;

package/dist/esm/components/discount-modal/DynamicCoupon/MinimumRequirementComponent.js

@@ -1 +0,0 @@
-import{jsxs as e,Fragment as t,jsx as n}from"react/jsx-runtime";import{CheckBox as i}from"../../checkBox/CheckBox.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as o}from"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"react";import"../../zeroState/ZeroState.js";import{BodySecondary as m}from"../../TypographyStyle.js";import{DEFAULT_THEME as s}from"../../../constants/Theme.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import{Input as r}from"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import{MIN_PURCHASE_REQUIREMENT as d}from"../type.js";const u=u=>{var a,c,l,p,M,j,v,D,O;const b=[{selected:u.selectedMinimumRequirement===d.AMOUNT,label:"Minimum order value",value:d.AMOUNT},{selected:u.selectedMinimumRequirement===d.QUANTITY,label:"Minimum number of items",value:d.QUANTITY}];return e(t,{children:[n(i,{label:"Minimum Purchase Requirements",isChecked:u.selectedMinimumRequirement!==d.NA,onValueChange:e=>{e?(u.setSelectedMinimumRequirement(d.AMOUNT),u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minQuantity:void 0,minAmount:void 0}))):(u.setSelectedMinimumRequirement(d.NA),u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minQuantity:void 0,minAmount:void 0})))},boldOnChecked:!0,labelSize:"DEFAULT"}),n(m,Object.assign({style:{color:s.colorsV2.text.secondary,marginLeft:28}},{children:"Enable coupon only after a minimum order value"})),u.selectedMinimumRequirement!==d.NA&&e("div",Object.assign({style:{margin:"16px 0 0 28px"},className:"input__rows"},{children:[e("div",Object.assign({className:"input__wrapper"},{children:[n(m,Object.assign({style:{marginBottom:10}},{children:"Requirements"})),n(o,{options:b,placement:"bottom-start",onSelect:e=>{const t=e.value;u.setSelectedMinimumRequirement(t),u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minQuantity:void 0,minAmount:void 0}))},truncatedText:!1,width:"272px"})]})),n("div",Object.assign({className:"input__wrapper"},{children:n(r,{value:u.selectedMinimumRequirement===d.AMOUNT?null!==(c=null===(a=u.discountData.minAmount)||void 0===a?void 0:a.toString())&&void 0!==c?c:"":null!==(p=null===(l=u.discountData.minQuantity)||void 0===l?void 0:l.toString())&&void 0!==p?p:"",onChangeText:e=>{u.selectedMinimumRequirement===d.AMOUNT?u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minAmount:parseInt(e)})):u.selectedMinimumRequirement===d.QUANTITY&&u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minQuantity:parseInt(e)}))},labelText:u.selectedMinimumRequirement===d.AMOUNT?"Minimum amount":"Minimum no. of items",prefixText:u.selectedMinimumRequirement===d.AMOUNT?null!==(M=u.currency)&&void 0!==M?M:"":void 0,type:"number",placeholder:u.selectedMinimumRequirement===d.AMOUNT?"Eg. 5000":"Eg. 5",errorMessage:(null===(j=u.dynamicDiscountValidationError)||void 0===j?void 0:j.inValidMinimumAmount)||(null===(v=u.dynamicDiscountValidationError)||void 0===v?void 0:v.inValidMinimumQuantity)?"Required Field":"",state:(null===(D=u.dynamicDiscountValidationError)||void 0===D?void 0:D.inValidMinimumAmount)||(null===(O=u.dynamicDiscountValidationError)||void 0===O?void 0:O.inValidMinimumQuantity)?"invalid":"none"})}))]}))]})};export{u as default};

package/dist/esm/components/discount-modal/DynamicCoupon/ZeroState.d.ts

@@ -1,2 +0,0 @@
-declare const renderZeroState: () => import("react/jsx-runtime").JSX.Element;
-export default renderZeroState;

package/dist/esm/components/discount-modal/DynamicCoupon/ZeroState.js

@@ -1,16 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"styled-components";import{TitleMedium as o,BodyPrimary as n}from"../../TypographyStyle.js";import{DEFAULT_THEME as s}from"../../../constants/Theme.js";import i from"../../../assets/icons/cursor.svg.js";const c=()=>e(d,{children:[t(l,{children:t(i,{width:32,color:s.colorsV2.content.primaryInverse})}),t(o,{children:"No discount has been selected"}),t(n,{children:"Please select a discount type"})]}),d=r.div`
-	display: flex;
-	flex-direction: column;
-	gap: 10px;
-	padding: 40px 0;
-	justify-content: center;
-	align-items: center;
-`,l=r.div`
-	height: 52px;
-	width: 52px;
-	background-color: ${s.colorsV2.background.inverse};
-	border-radius: 50%;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-`;export{c as default};

package/dist/esm/components/discount-modal/StaticCoupon/StaticCoupon.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { ICouponData, IStaticDiscountValidationError } from "../type";
-interface StaticCouponI {
-    discountData: ICouponData;
-    setDiscountData: React.Dispatch<React.SetStateAction<ICouponData>>;
-    hideProbability: boolean;
-    discountAdminUrl?: string;
-    staticDiscountValidationError?: IStaticDiscountValidationError;
-    currency?: string;
-}
-declare const StaticCoupon: React.FC<StaticCouponI>;
-export default StaticCoupon;

package/dist/esm/components/discount-modal/StaticCoupon/StaticCoupon.js

@@ -1 +0,0 @@
-import{jsxs as i,jsx as t}from"react/jsx-runtime";import o from"../../../assets/icons/info.svg.js";import{Alert as e}from"../../alerts/Alert.js";import{ALERT_TYPES as a,CONTENT_POSITION as n}from"../../alerts/AlertHelper.js";import{Input as r}from"../../input/Input.js";import{DEFAULT_THEME as s}from"../../../constants/Theme.js";import{StaticCouponContainerStyled as l}from"../DiscountModal.styled.js";const d=d=>{var c,u,p,v,b,m,D,g,h;return i(l,{children:[i("div",Object.assign({className:"static-coupon__data"},{children:[t("div",Object.assign({className:"static-input__wrapper"},{children:t(r,{maxCharLimit:30,onChangeText:i=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{couponCode:null==i?void 0:i.trim()}))},labelText:"Discount Code",value:d.discountData.couponCode,placeholder:"Eg. FLAT15OFF",isRequired:!0,errorMessage:(null===(c=d.staticDiscountValidationError)||void 0===c?void 0:c.invalidDiscountCode)?"Required Field":"",state:(null===(u=d.staticDiscountValidationError)||void 0===u?void 0:u.invalidDiscountCode)?"invalid":"none",hintText:"Code created on Shopify"})})),t("div",Object.assign({className:"static-input__wrapper"},{children:t(r,{maxCharLimit:30,labelText:"Discount Coupon Title",value:d.discountData.title,onChangeText:i=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{title:null==i?void 0:i.trim()}))},hintText:"Same for everyone. Can’t be changed later",isRequired:!0,placeholder:`Eg. “Flat ${null!==(p=d.currency)&&void 0!==p?p:""}15 Off”`,errorMessage:(null===(v=d.staticDiscountValidationError)||void 0===v?void 0:v.invalidCouponTitle)?"Required Field":"",state:(null===(b=d.staticDiscountValidationError)||void 0===b?void 0:b.invalidCouponTitle)?"invalid":"none"})}))]})),t(r,{maxCharLimit:60,labelText:"Coupon Description",value:d.discountData.description,onChangeText:i=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{description:null==i?void 0:i.trim()}))},placeholder:"Eg. “Get Flat 15% off”",isRequired:!0,errorMessage:(null===(m=d.staticDiscountValidationError)||void 0===m?void 0:m.invalidCouponDescription)?"Required Field":"",state:(null===(D=d.staticDiscountValidationError)||void 0===D?void 0:D.invalidCouponDescription)?"invalid":"none"}),!d.hideProbability&&t(r,{labelText:"Probability of getting coupon",value:null!==d.discountData.probability&&void 0!==d.discountData.probability?d.discountData.probability.toString():"",type:"number",onChangeText:i=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{probability:i.startsWith(".")?parseFloat(parseFloat(`0${i}`).toFixed(2)):parseFloat(parseFloat(i).toFixed(2))}))},placeholder:"Eg. 0.5",width:"288px",hintText:"Enter a decimal value between 0-1",isRequired:!0,errorMessage:(null===(g=d.staticDiscountValidationError)||void 0===g?void 0:g.inValidProbability)?"Enter probability in decimals (0 - 1)":"",state:(null===(h=d.staticDiscountValidationError)||void 0===h?void 0:h.inValidProbability)?"invalid":"none"}),d.discountAdminUrl&&t(e,{type:a.NEUTRAL,text:"To create a discount code on Shopify,",contentPosition:n.START,redirectToText:"click here",redirectTo:d.discountAdminUrl,icon:()=>t(o,{width:16,height:16,color:s.colorsV2.content.secondary})})]})};export{d as default};

package/dist/esm/components/discount-modal/index.d.ts

@@ -1,3 +0,0 @@
-export * from './DiscountModal';
-export * from './CouponExpiration/CouponExpiration';
-export * from './type';

package/dist/esm/components/discount-modal/type.d.ts

@@ -1,107 +0,0 @@
-import { SelectedItems } from '../product-picker-v2';
-export declare enum MIN_PURCHASE_REQUIREMENT {
-    AMOUNT = "amount",
-    QUANTITY = "quantity",
-    NA = "na"
-}
-export declare enum DISCOUNT_VALUE_TYPES {
-    FIXED_AMOUNT = "fixedAmount",
-    PERCENTAGE = "percentage"
-}
-export declare enum DISCOUNT_TARGET_TYPES {
-    LINE_ITEM = "lineItem",
-    SHIPPING_LINE = "shippingLine"
-}
-export declare enum DISCOUNT_TARGET_SELECTION {
-    ENTITLED = "entitled",
-    ALL = "all"
-}
-export declare enum DISCOUNT_TYPES {
-    AMOUNT_OFF_PRODUCTS = "amountOffProducts",
-    AMOUNT_OFF_ORDER = "amountOffOrder",
-    BUY_X_GET_Y = "buyXGetY",
-    FREE_SHIPPING = "freeShipping"
-}
-export declare enum DISCOUNT_APPLIES_TO {
-    ENTIRE_ORDER = "entireOrder",
-    SPECIFIC_PRODUCTS = "specificProducts",
-    SPECIFIC_COLLECTIONS = "specificCollections"
-}
-export declare enum OFFER_APPLIES_TO {
-    SPECIFIC_PRODUCTS = "specificProducts",
-    SPECIFIC_COLLECTIONS = "specificCollections"
-}
-export interface ProductVariable {
-    displayName: string;
-    actualValue: string;
-    isAvailable: boolean;
-}
-export declare enum COUPON_EXPIRATION {
-    FIXED_EXPIRATION = "fixedExpiration",
-    DYNAMIC_EXPIRATION = "dynamicExpiration"
-}
-export interface ICouponData {
-    description: string;
-    value?: number;
-    quadrant?: number;
-    valueType: DISCOUNT_VALUE_TYPES;
-    targetType: DISCOUNT_TARGET_TYPES;
-    targetSelection: DISCOUNT_TARGET_SELECTION;
-    minAmount?: number;
-    title: string;
-    minQuantity?: number;
-    expireAfter?: number;
-    expireAt?: Date;
-    isStaticCoupon?: boolean;
-    couponCode?: string;
-    prerequisiteProductIds?: number[];
-    prerequisiteVariantIds?: number[];
-    prerequisiteCollectionIds?: number[];
-    entitledProductIds?: number[];
-    entitledVariantIds?: number[];
-    entitledCollectionIds?: number[];
-    allocationLimit?: number;
-    prerequisiteQuantity?: number;
-    entitledQuantity?: number;
-    minPurchaseReq?: MIN_PURCHASE_REQUIREMENT;
-    probability?: number;
-    productsConf?: {
-        entitledProducts: SelectedItems;
-        prerequisiteProducts: SelectedItems;
-    };
-    collectionsConf?: {
-        entitledCollections: SelectedItems;
-        prerequisiteCollections: SelectedItems;
-    };
-    productVariableConf?: {
-        entitledProductVariable: ProductVariable;
-        prerequisiteProductVariable: ProductVariable;
-    };
-}
-export interface IStaticDiscountValidationError {
-    invalidDiscountCode: boolean;
-    invalidCouponDescription: boolean;
-    invalidCouponTitle: boolean;
-    inValidProbability: boolean;
-}
-export interface IDynamicDiscountValidationError {
-    invalidCouponTitle: boolean;
-    inValidProbability: boolean;
-    inValidDiscountAmount: boolean;
-    inValidMinimumQuantity: boolean;
-    inValidMinimumAmount: boolean;
-    inValidCouponExpiry: boolean;
-    inValidProductSelection: boolean;
-    inValidProductVariableSelection: boolean;
-    inValidCollectionSelection: boolean;
-    inValidBuyXValue: boolean;
-    inValidGetYValue: boolean;
-    inValidBuyXProductSelection: boolean;
-    inValidGetYProductSelection: boolean;
-    inValidBuyXCollectionSelection: boolean;
-    inValidGetYCollectionSelection: boolean;
-    inValidBuyXProductVariableSelection: boolean;
-    inValidGetYProductVariableSelection: boolean;
-}
-export declare const initialStaticCouponErrorState: IStaticDiscountValidationError;
-export declare const initialDynamicCouponErrorState: IDynamicDiscountValidationError;

package/dist/esm/components/discount-modal/type.js

@@ -1 +0,0 @@
-var i,n,t,o,e,l,c,a;!function(i){i.AMOUNT="amount",i.QUANTITY="quantity",i.NA="na"}(i||(i={})),function(i){i.FIXED_AMOUNT="fixedAmount",i.PERCENTAGE="percentage"}(n||(n={})),function(i){i.LINE_ITEM="lineItem",i.SHIPPING_LINE="shippingLine"}(t||(t={})),function(i){i.ENTITLED="entitled",i.ALL="all"}(o||(o={})),function(i){i.AMOUNT_OFF_PRODUCTS="amountOffProducts",i.AMOUNT_OFF_ORDER="amountOffOrder",i.BUY_X_GET_Y="buyXGetY",i.FREE_SHIPPING="freeShipping"}(e||(e={})),function(i){i.ENTIRE_ORDER="entireOrder",i.SPECIFIC_PRODUCTS="specificProducts",i.SPECIFIC_COLLECTIONS="specificCollections"}(l||(l={})),function(i){i.SPECIFIC_PRODUCTS="specificProducts",i.SPECIFIC_COLLECTIONS="specificCollections"}(c||(c={})),function(i){i.FIXED_EXPIRATION="fixedExpiration",i.DYNAMIC_EXPIRATION="dynamicExpiration"}(a||(a={}));const u={invalidDiscountCode:!1,invalidCouponDescription:!1,invalidCouponTitle:!1,inValidProbability:!1},d={inValidProbability:!1,invalidCouponTitle:!1,inValidDiscountAmount:!1,inValidProductSelection:!1,inValidCollectionSelection:!1,inValidProductVariableSelection:!1,inValidMinimumQuantity:!1,inValidMinimumAmount:!1,inValidCouponExpiry:!1,inValidBuyXValue:!1,inValidGetYValue:!1,inValidBuyXProductSelection:!1,inValidGetYProductSelection:!1,inValidBuyXCollectionSelection:!1,inValidGetYCollectionSelection:!1,inValidBuyXProductVariableSelection:!1,inValidGetYProductVariableSelection:!1};export{a as COUPON_EXPIRATION,l as DISCOUNT_APPLIES_TO,o as DISCOUNT_TARGET_SELECTION,t as DISCOUNT_TARGET_TYPES,e as DISCOUNT_TYPES,n as DISCOUNT_VALUE_TYPES,i as MIN_PURCHASE_REQUIREMENT,c as OFFER_APPLIES_TO,d as initialDynamicCouponErrorState,u as initialStaticCouponErrorState};

package/dist/esm/components/dropShadow/DropShadow.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export declare const DropShadow: React.FC<{
-    level: 'z1' | 'z2';
-    position: 'up' | 'down';
-    children: React.ReactNode;
-    style?: React.CSSProperties;
-}>;

package/dist/esm/components/dropShadow/DropShadow.js

@@ -1 +0,0 @@
-import{jsx as p}from"react/jsx-runtime";const x={z1:{up:"0px -2px 8px rgba(0, 0, 0, 0.12)",down:"0px 2px 8px rgba(0, 0, 0, 0.12)"},z2:{up:"0px -4px 12px rgba(0, 0, 0, 0.12)",down:"0px 4px 12px rgba(0, 0, 0, 0.12)"}},e=e=>{let{level:n="z1",position:r="down",children:t,style:o}=e;const s=x[n][r];return p("div",Object.assign({style:Object.assign({boxShadow:s},null!=o?o:{})},{children:t}))};export{e as DropShadow};

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

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

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

@@ -1,7 +0,0 @@
-import React from 'react';
-import { DropdownProps } from "./";
-export declare const ChipDropdown: React.FC<DropdownProps>;
-export declare const ChipDropdownContainer: import("styled-components").StyledComponent<"div", any, {
-    width?: string | undefined;
-    height?: string | undefined;
-}, never>;

package/dist/esm/components/dropdown/ChipDropdown.js

@@ -1,14 +0,0 @@
-import{__rest as t}from"../../_virtual/_tslib.js";import{jsx as o,jsxs as e}from"react/jsx-runtime";import{useState as n,useRef as r}from"react";import i from"styled-components";import{DropdownPopover as p}from"./DropdownPopover/index.js";import"./Dropdown.js";import"../zeroState/ZeroState.js";import{BodySecondary as s}from"../TypographyStyle.js";import{COLORS as m}from"../../constants/Theme.js";import"./OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"./OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"./OpenedDropdown/components/menu/MenuItem.js";import"./OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"./OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"./OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"./MenuItem/MenuItem.js";import{Tag as d}from"../tag/Tag.js";import l from"../../assets/icons/chevronDown.svg.js";import c from"../../assets/icons/chevronDownOutline.svg.js";import a from"../../assets/icons/chevronUpOutline.svg.js";const u=i=>{var{placeHolder:u,onSelect:g}=i,j=t(i,["placeHolder","onSelect"]);const[w,f]=n(!1),y=r();return o(p,Object.assign({ref:y,onDropdownVisbilityChange:t=>f(t),onSelect:function(t){null==g||g(t)}},j,{children:"default"==j.inputType?e(h,Object.assign({width:null==j?void 0:j.width,height:null==j?void 0:j.height},{children:[o(s,Object.assign({color:m.content.placeholder},{children:u})),o(l,{style:{transform:w?"rotate(180deg)":"rotate(0deg)"},width:20,height:20,color:m.content.primary})]})):o(d,{tagText:null!=u?u:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:w?a:c})}))};u.displayName="ChipDropdown";const h=i.div`
-	display: flex;
-	flex-direction: row;
-	width: ${t=>(null==t?void 0:t.width)?t.width:"240px"};
-	height: ${t=>(null==t?void 0:t.height)?t.height:"32px"};
-	gap: 8px;
-	justify-content: space-between;
-	align-items: center;
-	border: 1px solid ${m.stroke.primary};
-	border-radius: 4px;
-	padding-left: 8px;
-	padding-right: 8px;
-	cursor: pointer;
-`;export{u as ChipDropdown,h as ChipDropdownContainer};

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import { SingleOption } from './type';
-interface ChipInputProps {
-    placeholder?: string;
-    chips: SingleOption[];
-    onDeleteChip: (chip: SingleOption) => void;
-    containerStyle?: React.CSSProperties;
-    isDropdownOpened?: boolean;
-    sizeToUse?: 'default' | 'small';
-}
-declare const ChipInput: React.FC<ChipInputProps>;
-export default ChipInput;

package/dist/esm/components/dropdown/ChipInput.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as l,useEffect as s}from"react";import r from"../../utils/StringUtils.js";import{COLORS as o}from"../../constants/Theme.js";import n from"../../assets/icons/chevronDown.svg.js";import i from"../../assets/icons/cross.svg.js";import{Tag as c}from"../tag/Tag.js";import{BodyCaption as a}from"../TypographyStyle.js";import{ChipInputWrapper as h}from"./Common.styled.js";const m=m=>{let{chips:d,onDeleteChip:g,containerStyle:p={},sizeToUse:j="default",isDropdownOpened:f,placeholder:b="Select.."}=m;const[y,u]=l(),[v,O]=l(0);return s((()=>{if(!d)return;let e=0;const t=(e=>1===e.length?100:2===e.length?40:34)(d);let l=d.filter((l=>(e+=l.label.length,e<=t)));0===l.length&&d.length>0&&(l=[d[0]]),u(l),O(d.length-l.length)}),[d]),e(h,Object.assign({style:Object.assign({},p)},{children:[e("div",Object.assign({className:"chips-container"},{children:[null==y?void 0:y.map(((e,l)=>t("div",Object.assign({style:{zIndex:2}},{children:t(c,Object.assign({tagText:r.truncateText(e.selectedLabel||e.label,40),TrailingIcon:()=>t(i,{width:12,height:12,style:{cursor:"pointer"},onClick:()=>{g(e)}})},{children:e.selectedLabel||e.label}))}),l))),!!v&&t(a,Object.assign({color:o.content.placeholder},{children:`+${v} more`})),0===d.length&&t("div",Object.assign({style:{color:o.content.placeholder}},{children:b}))]})),t("div",{children:t(n,{style:{transform:f?"rotate(180deg)":"rotate(0deg)"},width:"small"===j?20:24,height:"small"===j?20:24,color:o.content.primary})})]}))};export{m as default};

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

@@ -1,7 +0,0 @@
-export declare const OverLapAbs: import("styled-components").StyledComponent<"div", any, {
-    disabled?: boolean | undefined;
-    allowEvents?: boolean | undefined;
-}, never>;
-export declare const OpenDropdownContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const LoadingContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ChipInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/dropdown/Common.styled.js

@@ -1,37 +0,0 @@
-import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const t=e.div`
-	position: 
-	// if allowEvents is true, then position is relative, else position is absolute
-		${e=>(null==e?void 0:e.allowEvents)?"relative":"absolute"};
-	left: 0px;
-	top: 0px;
-	width: 100%;
-	height: 100%;
-	z-index: 2;
-	cursor: ${e=>(null==e?void 0:e.disabled)?"not-allowed":"pointer"};
-`,o=e.div`
-	margin-top: 8px;
-	margin-bottom: 8px;
-`;e.div`
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	padding: 6px 8px;
-	background: ${i.surface.hovered};
-	border: 1px solid ${i.stroke.primary};
-	border-radius: 4px;
-`;const r=e.div`
-	width: 360px;
-	height: 100%;
-	padding: 8px;
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	border-radius: 4px;
-	border: 1px solid ${i.stroke.primary};
-	.chips-container {
-		display: flex;
-		gap: 8px;
-		flex-wrap: wrap;
-		align-items: center;
-	}
-`;export{r as ChipInputWrapper,o as OpenDropdownContainer,t as OverLapAbs};

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

@@ -1,18 +0,0 @@
-import React from 'react';
-import { OpenDropdownProps, SingleOption } from './type';
-export type DropdownProps = OpenDropdownProps & {
-    placeHolder?: string;
-    size?: 'default' | 'small';
-    disabled?: boolean;
-    noErrorHint?: boolean;
-    buttonWidth?: string;
-    placeHolderHeight?: string;
-    showPlaceholderWhenSelected?: boolean;
-    inputStyle?: React.CSSProperties;
-    inputType?: 'chip' | 'default';
-    onDeleteChip?: (chip: SingleOption) => void;
-    truncatedText?: boolean;
-    'data-test'?: string;
-    showLeadingIconInPlaceholder?: boolean;
-};
-export declare const Dropdown: React.FC<DropdownProps>;

package/dist/esm/components/dropdown/Dropdown.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as o,jsxs as t,Fragment as n}from"react/jsx-runtime";import{useState as i,useRef as l,useEffect as r}from"react";import{COLORS as s}from"../../constants/Theme.js";import d from"../../assets/icons/chevronDown.svg.js";import{Input as a}from"../input/Input.js";import{InputStyleContext as p}from"../input/context/InputStyleProvider.js";import c from"./ChipInput.js";import{DropdownPopover as u}from"./DropdownPopover/index.js";import{getSelectedOptionsAsText as h}from"./OpenedDropdown/utils/iterationOnOptions.js";function m(){}const v=v=>{var f,g,w,b,j,{placeHolder:I,size:y,onSelect:x,defaultOptions:O,disabled:S,noErrorHint:H,placeHolderHeight:D,showPlaceholderWhenSelected:T=!1,inputStyle:C={},inputType:P="default",onDeleteChip:E,truncatedText:z,showLeadingIconInPlaceholder:W=!1}=v,A=e(v,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint","placeHolderHeight","showPlaceholderWhenSelected","inputStyle","inputType","onDeleteChip","truncatedText","showLeadingIconInPlaceholder"]);const[L,_]=i(!1),k=null!=y?y:"default",M=l(),[N,U]=i(null!=O?O:[]);r((()=>{var e;const o=[];null===(e=null==A?void 0:A.options)||void 0===e||e.forEach((e=>{e.options?e.options.forEach((e=>{e.selected&&o.push(Object.assign(Object.assign({},e),{label:e.label}))})):e.selected&&o.push(e)})),U([...o])}),[A.options]),r((()=>{O&&U([...O])}),[O]);const V=h(N);return o(p.Provider,Object.assign({value:{InputWrapper:Object.assign({height:D||("small"===k?32:48),width:null!==(g=null!==(f=A.buttonWidth)&&void 0!==f?f:A.width)&&void 0!==g?g:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px"},C),input:{minHeight:"100%"}}},{children:t(u,Object.assign({"data-test":A["data-test"],ref:M,onSelect:function(e){Array.isArray(e)?U([...e]):U([e]),null==x||x(e)},disabled:S,onDropdownVisbilityChange:e=>_(e)},A,{children:["default"==P&&o(a,{version:A.version,noErrorHint:H,state:S?"disabled":"none",value:T?I:null!=V?V:"",errorMessage:A.error,variant:k,placeholder:null!=I?I:"Select an option",width:null!==(w=A.width)&&void 0!==w?w:"100%",onChangeText:m,leftIcon:W&&(null===(b=N[0])||void 0===b?void 0:b.leadingIcon)?{icon:()=>{var e;return o(n,{children:null===(e=N[0])||void 0===e?void 0:e.leadingIcon})}}:void 0,rightIcon:{icon:()=>o(d,{style:{transform:L?"rotate(180deg)":"rotate(0deg)"},onClick:m,width:"small"===k?20:24,height:"small"===k?20:24,color:s.content.primary})},truncateText:null==z||z}),"chip"==P&&o(c,{placeholder:null!=I?I:"Select options",chips:N,onDeleteChip:e=>{null==E||E(e)},isDropdownOpened:L,sizeToUse:k,containerStyle:{width:null!==(j=A.width)&&void 0!==j?j:"100%",cursor:"pointer"}})]}))}))};v.displayName="Dropdown";export{v as Dropdown};

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { Placement } from "../../tooltips";
-import { OpenDropdownProps } from '../type';
-export declare const DropdownPopover: React.ForwardRefExoticComponent<OpenDropdownProps & {
-    isLoading?: boolean | undefined;
-    children?: React.ReactNode;
-    disabled?: boolean | undefined;
-    onDropdownOpen?: (() => void) | undefined;
-    onDropdownVisbilityChange?: ((isOpen: boolean) => void) | undefined;
-    tooltipContent?: string | undefined;
-    tooltipDirection?: Placement | undefined;
-    showTooltipArrow?: boolean | undefined;
-    allowEvents?: boolean | undefined;
-    'data-test'?: string | undefined;
-} & React.RefAttributes<{
-    openDropdown: boolean;
-}>>;

package/dist/esm/components/dropdown/DropdownPopover/index.js

@@ -1 +0,0 @@
-import{__rest as o}from"../../../_virtual/_tslib.js";import{jsx as e,Fragment as t,jsxs as l}from"react/jsx-runtime";import n,{useState as r,useRef as i,useImperativeHandle as s,useEffect as a}from"react";import{usePopper as d}from"react-popper";import{DropShadow as p}from"../../dropShadow/DropShadow.js";import{Tooltip as c}from"../../tooltips/Tooltip.js";import{OverLapAbs as v,OpenDropdownContainer as m}from"../Common.styled.js";import{OpenedDropdown as u}from"../OpenedDropdown/components/OpennedDropdown.js";const w=n.forwardRef(((n,w)=>{var{children:b,onDropdownVisbilityChange:h,version:f="1.0",tooltipContent:j,tooltipDirection:g,showTooltipArrow:D}=n,O=o(n,["children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow"]);const y=w,[C,S]=r(!1),[E,x]=r(null),[A,R]=r(null),T=i(null),{styles:z,attributes:M}=d(E,A,{placement:O.placement,strategy:O.strategy}),V=o=>{var e,t;"2.0"===f&&O.isMultiSelect&&o&&(null===(e=O.onSelect)||void 0===e||e.call(O,[...o])),S(!1),null===(t=null==O?void 0:O.onClose)||void 0===t||t.call(O)};s(y,(()=>({openDropdown:C})),[]),a((()=>{(null==y?void 0:y.current)&&(y.current.openDropdown=C)}),[C]),a((()=>{null==h||h(C)}),[C]);const _=()=>l(t,{children:[l("div",Object.assign({style:{position:"relative"},ref:x},{children:[e(v,Object.assign({ref:T,allowEvents:O.allowEvents,disabled:O.disabled,onClick:o=>{var e;null===(e=O.onDropdownOpen)||void 0===e||e.call(O),C?(S(!1),o.preventDefault()):O.disabled||S(!0)}},{children:O.allowEvents?b:null})),O.allowEvents?null:b]})),C&&e(m,Object.assign({ref:R,style:Object.assign(Object.assign({},z.popper),{zIndex:3})},M.popper,{"data-test":O["data-test"]},{children:e(p,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e(u,Object.assign({},O,{onSelect:o=>{var e;"2.0"===f&&O.isMultiSelect||(null===(e=O.onSelect)||void 0===e||e.call(O,o),S(!1))},onClose:V,version:f,headerRef:T}))}))}))]});return e(t,{children:C||void 0===j?_():e(c,Object.assign({body:j,placement:g,hideArrow:!D},{children:e("div",Object.assign({"data-test":O["data-test"]},{children:_()}))}))})}));w.displayName="DropdownPopover";export{w as DropdownPopover};

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { OpenDropdownProps } from "../type";
-export type MenuItemDropdownProps = OpenDropdownProps & {
-    isHorizontal: boolean;
-    children?: React.ReactNode;
-    hideBorder?: boolean;
-};
-export declare const MenuItemDropdown: React.FC<MenuItemDropdownProps>;

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

@@ -1,5 +0,0 @@
-import{jsx as o}from"react/jsx-runtime";import t from"../../../assets/icons/horizontal_dots.svg.js";import e from"../../../assets/icons/vertical_dots.svg.js";import n from"styled-components";import{DropdownPopover as r}from"../DropdownPopover/index.js";import"../Dropdown.js";import"../ChipDropdown.js";import"react";import"../../zeroState/ZeroState.js";import"../../TypographyStyle.js";import{COLORS as s}from"../../../constants/Theme.js";import"../OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../OpenedDropdown/components/menu/MenuItem.js";import"../OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../OpenedDropdown/components/OpennedDropdown.styled.js";import{IconButton as p}from"../../icon-button/IconButton.js";import"../../input/Input.js";const i=n.div`
-	:hover {
-		background: ${s.surface.subdued};
-	}
-`,m=n=>o(i,{children:o(r,Object.assign({},n,{children:o("div",{children:o(p,{Icon:n.isHorizontal?t:e,bordered:!(null==n?void 0:n.hideBorder)})})}))});m.displayName="MenuItemDropdown";export{m as MenuItemDropdown};

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import { Placement } from "../../tooltips";
-import { OpenDropdownProps } from '../type';
-export declare const MultilevelDropdownPopover: React.ForwardRefExoticComponent<OpenDropdownProps & {
-    isLoading?: boolean | undefined;
-    children?: React.ReactNode;
-    disabled?: boolean | undefined;
-    onDropdownOpen?: (() => void) | undefined;
-    onDropdownVisbilityChange?: ((isOpen: boolean) => void) | undefined;
-    tooltipContent?: string | undefined;
-    tooltipDirection?: Placement | undefined;
-    showTooltipArrow?: boolean | undefined;
-} & React.RefAttributes<{
-    openDropdown: boolean;
-}>>;

package/dist/esm/components/dropdown/MultilevelDropdownPopover/index.js

@@ -1 +0,0 @@
-import{__rest as o}from"../../../_virtual/_tslib.js";import{jsx as e,Fragment as r,jsxs as l}from"react/jsx-runtime";import n,{useState as t,useRef as i,useImperativeHandle as s,useEffect as p}from"react";import{usePopper as d}from"react-popper";import{DropShadow as c}from"../../dropShadow/DropShadow.js";import{Tooltip as a}from"../../tooltips/Tooltip.js";import{OverLapAbs as m,OpenDropdownContainer as v}from"../Common.styled.js";import{OpenedDropdown as u}from"../OpenedDropdown/components/OpennedDropdown.js";const h=n.forwardRef(((n,h)=>{var{children:w,onDropdownVisbilityChange:b,version:f="1.0",tooltipContent:j,tooltipDirection:D,showTooltipArrow:g}=n,y=o(n,["children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow"]);const O=h,[C,S]=t(!1),[x,A]=t(null),[M,R]=t(null),T=i(null),{styles:z,attributes:V}=d(x,M,{placement:y.placement,strategy:y.strategy}),_=o=>{var e,r;y.isMultiSelect&&o&&(null===(e=y.onSelect)||void 0===e||e.call(y,[...o])),S(!1),null===(r=null==y?void 0:y.onClose)||void 0===r||r.call(y)};s(O,(()=>({openDropdown:C})),[]),p((()=>{(null==O?void 0:O.current)&&(O.current.openDropdown=C)}),[C]),p((()=>{null==b||b(C)}),[C]);const k=()=>l(r,{children:[l("div",Object.assign({style:{position:"relative"},ref:A},{children:[e(m,{ref:T,disabled:y.disabled,onClick:o=>{var e;null===(e=y.onDropdownOpen)||void 0===e||e.call(y),C?(S(!1),o.preventDefault()):y.disabled||S(!0)}}),w]})),C&&e(v,Object.assign({ref:R,style:Object.assign(Object.assign({},z.popper),{zIndex:3})},V.popper,{children:e(c,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e(u,Object.assign({},y,{onSelect:o=>{var e;"2.0"===f&&y.isMultiSelect||(null===(e=y.onSelect)||void 0===e||e.call(y,o),S(!1))},onClose:_,version:f,headerRef:T}))}))}))]});return e(r,{children:C||void 0===j?k():e(a,Object.assign({body:j,placement:D,hideArrow:!g},{children:e("div",{children:k()})}))})}));h.displayName="MultilevelDropdownPopover";export{h as MultilevelDropdownPopover};

package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { OpenDropdownProps } from '../../type';
-export declare const OpenedDropdown: React.FC<OpenDropdownProps>;

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

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as o,useRef as n,useEffect as i}from"react";import{ZeroState as r}from"../../../zeroState/ZeroState.js";import{useOutside as l}from"../../../../hooks/useOutside.js";import{useDropdown as s}from"../../hooks/useDropdown.js";import{Description as c}from"./description/Description.js";import{FreeFormMenu as a}from"./menu/FreeFormMenu.js";import{MenuList as u}from"./menu/MenuList.js";import{SelectAllMenu as p}from"./menu/SelectAllMenu.js";import d from"./multiSelect/MultiSelectDropdownBottomBar.js";import{OpennedDropdownContainer as h,MenuListContainer as m}from"./OpennedDropdown.styled.js";import{SearchBox as f}from"./searchbox/SearchBox.js";import{SearchZeroState as S}from"./searchbox/SearchZeroState.js";const g=304,b=290,w=w=>{let{options:j,isSearchable:v,isMultiSelect:y,width:O,allowFreeForm:x,height:C,onClose:D,onSelect:M,onSearch:L,version:k,skipSorting:A,headerRef:F,hideSelectAll:I,primaryButtonText:B,onInfiniteScroll:H,onMultiSelectClear:T,onDropdownItemClick:R,buttonOptions:Z,isSearchLoading:q,disableSearchOptions:z,disableSearchedOptionExcept:E,useDefaultCursor:K,containerStyle:N={}}=w;const{dropdownOptions:P,search:W,searchedString:G,searchedOptions:J,onApplyHandler:Q,selectAllHandler:U,onMultiSelectClear:V,onFreeFormSelect:X,onMultiSelectApply:Y,latestDropdownOptionsRef:$,getSelectedOptions:_}=s(k,j,M,A,y,L,z,E),[ee,te]=o(null!=O?O:b),[oe,ne]=o(null),ie=n(null),re=n([]);l(ie,(()=>{if(ne(null),y&&"2.0"===k){const e=_($.current);null==D||D(e)}else null==D||D(P)}),[F,re]);const le=null!=C?C:g,se="number"==typeof le?v&&y?le-96:v&&!y||!v&&y?le-48:le:le;i((()=>{const e=null!=O?O:b;if(null===oe)te(e);else if("number"==typeof e)te(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));te(t)}}),[oe]);const ce=[],ae=(G&&L?J:P).map((e=>{var t,o;if(G&&!L){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.toLowerCase().includes(G.toLowerCase()))&&(ce.push(!G||e.label===G),!0)})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(G.toLowerCase()))||(null===(o=e.searchKey)||void 0===o?void 0:o.toLowerCase().includes(G.toLowerCase()))?(ce.push(!G||e.label===G),e):null}return e})).filter((e=>null!==e)),ue=!!v&&G&&0===ae.length;return e(h,Object.assign({version:k,ref:ie,style:Object.assign({width:ee},N)},{children:[e("div",Object.assign({style:{width:oe?"50%":"100%",display:"flex",flexDirection:"column",background:"white"}},{children:[!!v&&t(f,{onSearch:W,version:k}),ae.length||G?e(m,Object.assign({minHeight:le,maxHeight:se},{children:[!!y&&!ue&&!I&&t(p,{version:k,options:G&&L?J:P,onSelect:U}),!x&&ue&&t(S,{isLoading:q,height:se,searchedString:G}),x&&(ue||!!ce.length&&ce.every((e=>!1===e)))&&t(a,{version:k,isMultiSelect:y,onSelect:X,searchedString:G}),t(u,{onInfiniteScroll:H,onDropdownItemClick:R,version:k,onSelect:Q,showDescription:function(e,t){ne(e&&t?{title:e,description:t}:null)},isMultiSelect:y,options:ae,useDefaultCursor:K,ref:re})]})):t("div",Object.assign({style:{height:le,display:"flex"}},{children:t(r,{title:"No results found",subTitle:"Please try again later or contact us at support@bik.ai if you require further assistance."})})),!!y&&!(!ae.length&&!G)&&"2.0"!==k&&t(d,{onClear:()=>{V(),null==T||T()},onApply:Y,list:G&&L?J:P,buttonText:B,buttonOptions:Z})]})),!!oe&&t(c,{title:oe.title,description:oe.description,version:k})]}))};export{w as OpenedDropdown};

package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.d.ts

@@ -1,8 +0,0 @@
-export declare const OpennedDropdownContainer: import("styled-components").StyledComponent<"div", any, {
-    version?: "1.0" | "2.0" | undefined;
-}, never>;
-export declare const ItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MenuListContainer: import("styled-components").StyledComponent<"div", any, {
-    maxHeight: number | string;
-    minHeight: number | string;
-}, never>;

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

@@ -1,37 +0,0 @@
-import o from"styled-components";import{COLORS as r}from"../../../../constants/Theme.js";const e=o.div`
-	border-radius: ${o=>"2.0"===o.version?8:4}px;
-	border: ${o=>"2.0"===o.version?0:1}px solid
-		${r.stroke.primary};
-	max-height: 480px;
-	overflow: hidden;
-	display: flex;
-	flex-direction: row;
-	position: relative;
-	padding: ${o=>"2.0"===o.version?4:0}px;
-	background-color: ${r.surface.standard};
-`;o.div`
-	padding: 14px 16px 14px 18px;
-	flex-direction: row;
-	align-items: center;
-	border-bottom-width: 1px;
-	border-bottom-style: solid;
-	border-bottom-color: ${r.stroke.primary};
-	width: 100%;
-	height: 100%;
-`;const i=o.div`
-	max-height: ${o=>"number"==typeof o.maxHeight?`${o.maxHeight}px`:o.maxHeight};
-	overflow-y: auto;
-	position: relative;
-	&::-webkit-scrollbar-thumb {
-		background: #e0e0e0;
-		border-radius: 8px;
-	}
-	&::-webkit-scrollbar {
-		height: 5px;
-		display: block;
-		width: 8px;
-	}
-	&::-webkit-scrollbar-thumb:horizontal {
-		width: 8px;
-	}
-`;export{i as MenuListContainer,e as OpennedDropdownContainer};

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

@@ -1,6 +0,0 @@
-import React from 'react';
-export declare const Description: React.FC<{
-    title: string;
-    description: string;
-    version?: '1.0' | '2.0';
-}>;

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

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

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

@@ -1,3 +0,0 @@
-export declare const DescriptionContainer: import("styled-components").StyledComponent<"div", any, {
-    version?: "1.0" | "2.0" | undefined;
-}, never>;

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

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

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

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

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

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

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

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

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

@@ -1,6 +0,0 @@
-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/OpenedDropdown/components/menu/MenuItem.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { MultiSelectOption, SingleOption } from '../../../type';
-interface MenuItemProps {
-    option: SingleOption | MultiSelectOption;
-    isMultiSelect?: boolean;
-    showDescription: (title?: string, description?: string) => void;
-    onSelect: (option: SingleOption) => void;
-    onDropdownItemClick?: (option: SingleOption) => void;
-    last?: boolean;
-    version?: '1.0' | '2.0';
-    useDefaultCursor?: boolean;
-}
-export declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};