@bikdotai/bik-component-library 0.0.821-beta.9 → 0.0.821

package/dist/esm/components/multi-level-dropdown/type.d.ts

@@ -8,7 +8,6 @@ export interface MultiLevelDropdownProps extends FloaterProps {
     allowParentSelection?: boolean;
     maxLevels?: number;
     hideGroupLabel?: boolean;
-    version?: '1.0' | '2.0' | '3.0';
     onDropdownOutsideClick?: (isOutsideClick: any) => void;
     onDropdownItemClick?: (option: MultiLevelDropdownOption, parents: MultiLevelDropdownOption[]) => void;
 }

package/dist/esm/components/tag/Tag.d.ts

@@ -1,5 +1,5 @@
 import { TagProps } from './model';
 export declare const Tag: {
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/esm/components/tag/Tag.js

@@ -1,11 +1,11 @@
-import { jsx as l, jsxs as G } from "react/jsx-runtime";
+import { jsx as l, jsxs as D } from "react/jsx-runtime";
 import m from "react";
 import { Tooltip as $ } from "../tooltips/Tooltip.js";
 import { AiBodyTiny as u, AiBodyCaption as B, BodyTiny as E, BodyCaption as T } from "../TypographyStyle.js";
-import { ValidTagTypeMap as J } from "./model.js";
-import { Tag as K } from "./Tag.styled.js";
-import { getTagIconColor as Q } from "./themes.js";
-const S = ({
+import { ValidTagTypeMap as F } from "./model.js";
+import { Tag as G } from "./Tag.styled.js";
+import { getTagIconColor as J } from "./themes.js";
+const K = ({
   tagText: k,
   LeadingIcon: h,
   TrailingIcon: n,
@@ -22,43 +22,39 @@ const S = ({
   noBorder: _,
   tagHtmlText: e,
   contentPadding: M,
-  padding: P,
-  height: R,
   leadingIconTooltip: g,
   trailingIconTooltip: f,
   tagColor: C,
   numberOfLines: r,
-  backgroundColor: V,
-  borderRadius: q,
+  backgroundColor: P,
+  borderRadius: R,
   size: o = "regular"
 }) => {
   let i = k;
-  const D = d;
+  const V = d;
   let y = t;
-  J[c][t] || (y = "neutral"), c === "circle" && typeof i == "number" && i > 99 && (i = "99+");
-  const F = Q(d, y), s = {
+  F[c][t] || (y = "neutral"), c === "circle" && typeof i == "number" && i > 99 && (i = "99+");
+  const q = J(d, y), s = {
     height: c === "compressed" ? 12 : 16,
     width: c === "compressed" ? 12 : 16,
-    color: F,
+    color: q,
     style: { display: "block" }
   };
   return /* @__PURE__ */ l(
-    K,
+    G,
     {
       cursor: j,
-      theme: D,
+      theme: V,
       type: y,
       variant: c,
       version: x,
       alignIcon: A,
       noBorder: _,
       contentPadding: M,
-      padding: P,
-      height: R,
-      backgroundColor: V,
-      borderRadius: q,
+      backgroundColor: P,
+      borderRadius: R,
       size: o,
-      children: /* @__PURE__ */ G("div", { className: "container", children: [
+      children: /* @__PURE__ */ D("div", { className: "container", children: [
         h && (g ? /* @__PURE__ */ l($, { ...g, children: /* @__PURE__ */ l(
           "button",
           {
@@ -127,8 +123,8 @@ const S = ({
     }
   );
 };
-S.displayName = "Tag";
+K.displayName = "Tag";
 export {
-  S as Tag
+  K as Tag
 };
 //# sourceMappingURL=Tag.js.map

package/dist/esm/components/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../../src/components/tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip } from '../tooltips/Tooltip';\nimport {\n\tAiBodyCaption,\n\tAiBodyTiny,\n\tBodyCaption,\n\tBodyTiny,\n} from '../TypographyStyle';\nimport { TagProps, ValidTagTypeMap } from './model';\nimport * as Sc from './Tag.styled';\nimport { getTagIconColor } from './themes';\n\nexport const Tag = ({\n\ttagText,\n\tLeadingIcon,\n\tTrailingIcon,\n\tonLeadingIconClicked = undefined,\n\tleadingIconId,\n\ttrailingIconId,\n\tonTrailingIconClicked = undefined,\n\ttheme = 'light',\n\ttype = 'neutral',\n\tvariant = 'regular',\n\tversion,\n\tcursor,\n\talignIcon,\n\tnoBorder,\n\ttagHtmlText,\n\tcontentPadding,\n\tpadding,\n\theight,\n\tleadingIconTooltip,\n\ttrailingIconTooltip,\n\ttagColor,\n\tnumberOfLines,\n\tbackgroundColor,\n\tborderRadius,\n\tsize = 'regular',\n}: TagProps) => {\n\tlet displayTagText = tagText;\n\tconst displayTheme = theme;\n\tlet displayType = type;\n\n\tif (!ValidTagTypeMap[variant][type]) {\n\t\tdisplayType = 'neutral';\n\t}\n\n\tif (variant === 'circle') {\n\t\tif (typeof displayTagText === 'number' && displayTagText > 99) {\n\t\t\tdisplayTagText = '99+';\n\t\t}\n\t}\n\n\tconst iconColor = getTagIconColor(theme, displayType);\n\tconst iconProps = {\n\t\theight: variant === 'compressed' ? 12 : 16,\n\t\twidth: variant === 'compressed' ? 12 : 16,\n\t\tcolor: iconColor,\n\t\tstyle: { display: 'block' },\n\t};\n\n\treturn (\n\t\t<Sc.Tag\n\t\t\tcursor={cursor}\n\t\t\ttheme={displayTheme}\n\t\t\ttype={displayType}\n\t\t\tvariant={variant}\n\t\t\tversion={version}\n\t\t\talignIcon={alignIcon}\n\t\t\tnoBorder={noBorder}\n\t\t\tcontentPadding={contentPadding}\n\t\t\tpadding={padding}\n\t\t\theight={height}\n\t\t\tbackgroundColor={backgroundColor}\n\t\t\tborderRadius={borderRadius}\n\t\t\tsize={size}\n\t\t>\n\t\t\t<div className=\"container\">\n\t\t\t\t{LeadingIcon &&\n\t\t\t\t\t(leadingIconTooltip ? (\n\t\t\t\t\t\t<Tooltip {...leadingIconTooltip}>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\t\tonClick={onLeadingIconClicked}\n\t\t\t\t\t\t\t\tid={`${leadingIconId}-wrapper` || 'leading-icon-wrapper'}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{React.createElement(LeadingIcon, {\n\t\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\t\tid: leadingIconId || 'leading-icon',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\tonClick={onLeadingIconClicked}\n\t\t\t\t\t\t\tid={`${leadingIconId}-wrapper` || 'leading-icon-wrapper'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(LeadingIcon, {\n\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\tid: leadingIconId || 'leading-icon',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\n\t\t\t\t{tagHtmlText &&\n\t\t\t\t\t(type === 'ai' && theme === 'light' ? (\n\t\t\t\t\t\tsize === 'small' ? (\n\t\t\t\t\t\t\t<AiBodyTiny numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t\t</AiBodyTiny>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<AiBodyCaption numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t\t</AiBodyCaption>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : size === 'small' ? (\n\t\t\t\t\t\t<BodyTiny className=\"text\" numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodyCaption className=\"text\" numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t))}\n\n\t\t\t\t{!tagHtmlText &&\n\t\t\t\t\tdisplayTagText !== '' &&\n\t\t\t\t\t(type === 'ai' && theme === 'light' ? (\n\t\t\t\t\t\tsize === 'small' ? (\n\t\t\t\t\t\t\t<AiBodyTiny numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t\t</AiBodyTiny>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<AiBodyCaption numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t\t</AiBodyCaption>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : size === 'small' ? (\n\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tcolor={tagColor}\n\t\t\t\t\t\t\tnumberOfLines={numberOfLines}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tcolor={tagColor}\n\t\t\t\t\t\t\tnumberOfLines={numberOfLines}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t))}\n\n\t\t\t\t{TrailingIcon &&\n\t\t\t\t\t(trailingIconTooltip ? (\n\t\t\t\t\t\t<Tooltip {...trailingIconTooltip}>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclassName=\"icon-trailing\"\n\t\t\t\t\t\t\t\tonClick={onTrailingIconClicked}\n\t\t\t\t\t\t\t\tid={`${trailingIconId}-wrapper` || 'trailing-icon-wrapper'}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{React.createElement(TrailingIcon, {\n\t\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\t\tid: trailingIconId || 'trailing-icon',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName=\"icon-trailing\"\n\t\t\t\t\t\t\tonClick={onTrailingIconClicked}\n\t\t\t\t\t\t\tid={`${trailingIconId}-wrapper` || 'trailing-icon-wrapper'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(TrailingIcon, {\n\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\tid: trailingIconId || 'trailing-icon',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t</Sc.Tag>\n\t);\n};\n\nTag.displayName = 'Tag';\n"],"names":["Tag","tagText","LeadingIcon","TrailingIcon","onLeadingIconClicked","leadingIconId","trailingIconId","onTrailingIconClicked","theme","type","variant","version","cursor","alignIcon","noBorder","tagHtmlText","contentPadding","padding","height","leadingIconTooltip","trailingIconTooltip","tagColor","numberOfLines","backgroundColor","borderRadius","size","displayTagText","displayTheme","displayType","ValidTagTypeMap","iconColor","getTagIconColor","iconProps","jsx","Sc.Tag","jsxs","Tooltip","React","AiBodyTiny","AiBodyCaption","BodyTiny","BodyCaption"],"mappings":"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"}
+{"version":3,"file":"Tag.js","sources":["../../../../src/components/tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip } from '../tooltips/Tooltip';\nimport {\n\tAiBodyCaption,\n\tAiBodyTiny,\n\tBodyCaption,\n\tBodyTiny,\n} from '../TypographyStyle';\nimport { TagProps, ValidTagTypeMap } from './model';\nimport * as Sc from './Tag.styled';\nimport { getTagIconColor } from './themes';\n\nexport const Tag = ({\n\ttagText,\n\tLeadingIcon,\n\tTrailingIcon,\n\tonLeadingIconClicked = undefined,\n\tleadingIconId,\n\ttrailingIconId,\n\tonTrailingIconClicked = undefined,\n\ttheme = 'light',\n\ttype = 'neutral',\n\tvariant = 'regular',\n\tversion,\n\tcursor,\n\talignIcon,\n\tnoBorder,\n\ttagHtmlText,\n\tcontentPadding,\n\tleadingIconTooltip,\n\ttrailingIconTooltip,\n\ttagColor,\n\tnumberOfLines,\n\tbackgroundColor,\n\tborderRadius,\n\tsize = 'regular',\n}: TagProps) => {\n\tlet displayTagText = tagText;\n\tconst displayTheme = theme;\n\tlet displayType = type;\n\n\tif (!ValidTagTypeMap[variant][type]) {\n\t\tdisplayType = 'neutral';\n\t}\n\n\tif (variant === 'circle') {\n\t\tif (typeof displayTagText === 'number' && displayTagText > 99) {\n\t\t\tdisplayTagText = '99+';\n\t\t}\n\t}\n\n\tconst iconColor = getTagIconColor(theme, displayType);\n\tconst iconProps = {\n\t\theight: variant === 'compressed' ? 12 : 16,\n\t\twidth: variant === 'compressed' ? 12 : 16,\n\t\tcolor: iconColor,\n\t\tstyle: { display: 'block' },\n\t};\n\n\treturn (\n\t\t<Sc.Tag\n\t\t\tcursor={cursor}\n\t\t\ttheme={displayTheme}\n\t\t\ttype={displayType}\n\t\t\tvariant={variant}\n\t\t\tversion={version}\n\t\t\talignIcon={alignIcon}\n\t\t\tnoBorder={noBorder}\n\t\t\tcontentPadding={contentPadding}\n\t\t\tbackgroundColor={backgroundColor}\n\t\t\tborderRadius={borderRadius}\n\t\t\tsize={size}\n\t\t>\n\t\t\t<div className=\"container\">\n\t\t\t\t{LeadingIcon &&\n\t\t\t\t\t(leadingIconTooltip ? (\n\t\t\t\t\t\t<Tooltip {...leadingIconTooltip}>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\t\tonClick={onLeadingIconClicked}\n\t\t\t\t\t\t\t\tid={`${leadingIconId}-wrapper` || 'leading-icon-wrapper'}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{React.createElement(LeadingIcon, {\n\t\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\t\tid: leadingIconId || 'leading-icon',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\tonClick={onLeadingIconClicked}\n\t\t\t\t\t\t\tid={`${leadingIconId}-wrapper` || 'leading-icon-wrapper'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(LeadingIcon, {\n\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\tid: leadingIconId || 'leading-icon',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\n\t\t\t\t{tagHtmlText &&\n\t\t\t\t\t(type === 'ai' && theme === 'light' ? (\n\t\t\t\t\t\tsize === 'small' ? (\n\t\t\t\t\t\t\t<AiBodyTiny numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t\t</AiBodyTiny>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<AiBodyCaption numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t\t</AiBodyCaption>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : size === 'small' ? (\n\t\t\t\t\t\t<BodyTiny className=\"text\" numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodyCaption className=\"text\" numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t))}\n\n\t\t\t\t{!tagHtmlText &&\n\t\t\t\t\tdisplayTagText !== '' &&\n\t\t\t\t\t(type === 'ai' && theme === 'light' ? (\n\t\t\t\t\t\tsize === 'small' ? (\n\t\t\t\t\t\t\t<AiBodyTiny numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t\t</AiBodyTiny>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<AiBodyCaption numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t\t</AiBodyCaption>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : size === 'small' ? (\n\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tcolor={tagColor}\n\t\t\t\t\t\t\tnumberOfLines={numberOfLines}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tcolor={tagColor}\n\t\t\t\t\t\t\tnumberOfLines={numberOfLines}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t))}\n\n\t\t\t\t{TrailingIcon &&\n\t\t\t\t\t(trailingIconTooltip ? (\n\t\t\t\t\t\t<Tooltip {...trailingIconTooltip}>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclassName=\"icon-trailing\"\n\t\t\t\t\t\t\t\tonClick={onTrailingIconClicked}\n\t\t\t\t\t\t\t\tid={`${trailingIconId}-wrapper` || 'trailing-icon-wrapper'}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{React.createElement(TrailingIcon, {\n\t\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\t\tid: trailingIconId || 'trailing-icon',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName=\"icon-trailing\"\n\t\t\t\t\t\t\tonClick={onTrailingIconClicked}\n\t\t\t\t\t\t\tid={`${trailingIconId}-wrapper` || 'trailing-icon-wrapper'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(TrailingIcon, {\n\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\tid: trailingIconId || 'trailing-icon',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t</Sc.Tag>\n\t);\n};\n\nTag.displayName = 'Tag';\n"],"names":["Tag","tagText","LeadingIcon","TrailingIcon","onLeadingIconClicked","leadingIconId","trailingIconId","onTrailingIconClicked","theme","type","variant","version","cursor","alignIcon","noBorder","tagHtmlText","contentPadding","leadingIconTooltip","trailingIconTooltip","tagColor","numberOfLines","backgroundColor","borderRadius","size","displayTagText","displayTheme","displayType","ValidTagTypeMap","iconColor","getTagIconColor","iconProps","jsx","Sc.Tag","jsxs","Tooltip","React","AiBodyTiny","AiBodyCaption","BodyTiny","BodyCaption"],"mappings":"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"}

package/dist/esm/components/tag/Tag.styled.d.ts

@@ -3,13 +3,11 @@ export declare const Tag: import('styled-components').StyledComponent<"div", any
     theme: TagTheme;
     type: TagType;
     variant: TagVariant;
-    version?: "1.0" | "2.0" | "3.0" | undefined;
+    version?: "1.0" | "2.0" | undefined;
     cursor?: string | undefined;
     alignIcon?: string | undefined;
     noBorder?: boolean | undefined;
     contentPadding?: number | undefined;
-    padding?: string | undefined;
-    height?: number | undefined;
     backgroundColor?: string | undefined;
     borderRadius?: string | number | undefined;
     size?: "small" | "regular" | undefined;

package/dist/esm/components/tag/Tag.styled.js

@@ -1,6 +1,6 @@
 import i from "styled-components";
-import { getPadding as a, getBackgroundColor as t, generateBorder as d, getTextColor as n } from "./themes.js";
-const r = i.div`
+import { getPadding as a, getBackgroundColor as t, generateBorder as n, getTextColor as d } from "./themes.js";
+const o = i.div`
 	cursor: ${(e) => e.cursor ?? "default"};
 	${(e) => e.size !== "small" && (e.variant === "regular" ? `display: block;
 		     min-height: 26px;
@@ -9,19 +9,19 @@ const r = i.div`
 		display: flex;
 		align-items: ${(e) => e.alignIcon ? e.alignIcon : "center"};
 		gap: 6px;
-		${(e) => e.height ? `height: ${e.height}px; box-sizing: border-box;` : e.size === "small" ? "height: 16px; box-sizing: border-box;" : ""}
-		padding: ${(e) => e.padding ? e.padding : e.size === "small" ? "2px 6px" : e.contentPadding ? `${e.contentPadding}px` : a(e.variant)};
+		${(e) => e.size === "small" ? "height: 16px; box-sizing: border-box;" : ""}
+		padding: ${(e) => e.size === "small" ? "2px 6px" : e.contentPadding ? `${e.contentPadding}px` : a(e.variant)};
 		background: ${(e) => e.backgroundColor ?? t(e.theme, e.type)};
 
 		border-radius: ${(e) => e.borderRadius !== void 0 ? typeof e.borderRadius == "number" ? `${e.borderRadius}px` : e.borderRadius : e.variant === "regular" ? "4px" : "12px"};
 
-		${(e) => !e.noBorder && e.theme === "light" && `border: ${e.version === "2.0" ? 0.5 : 1}px solid ${d(
+		${(e) => !e.noBorder && e.theme === "light" && `border: ${e.version === "2.0" ? 0.5 : 1}px solid ${n(
   e.type,
   e.theme
 )};`}
 
 		.text {
-			color: ${(e) => n(e.theme, e.type)};
+			color: ${(e) => d(e.theme, e.type)};
 		}
 
 		.icon-trailing {
@@ -36,6 +36,6 @@ const r = i.div`
 	}
 `;
 export {
-  r as Tag
+  o as Tag
 };
 //# sourceMappingURL=Tag.styled.js.map

package/dist/esm/components/tag/Tag.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.styled.js","sources":["../../../../src/components/tag/Tag.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { TagTheme, TagType, TagVariant } from './model';\nimport {\n\tgenerateBorder,\n\tgetBackgroundColor,\n\tgetPadding,\n\tgetTextColor,\n} from './themes';\n\nexport const Tag = styled.div<{\n\ttheme: TagTheme;\n\ttype: TagType;\n\tvariant: TagVariant;\n\tversion?: '1.0' | '2.0' | '3.0';\n\tcursor?: string;\n\talignIcon?: string;\n\tnoBorder?: boolean;\n\tcontentPadding?: number;\n\tpadding?: string;\n\theight?: number;\n\tbackgroundColor?: string;\n\tborderRadius?: string | number;\n\tsize?: 'regular' | 'small';\n}>`\n\tcursor: ${(props) => props.cursor ?? 'default'};\n\t${(props) =>\n\t\tprops.size !== 'small' &&\n\t\t(props.variant === 'regular'\n\t\t\t? `display: block;\n\t\t     min-height: 26px;\n\t\t`\n\t\t\t: `min-height: 20px;`)}\n\t.container {\n\t\tdisplay: flex;\n\t\talign-items: ${(props) => (props.alignIcon ? props.alignIcon : 'center')};\n\t\tgap: 6px;\n\t\t${(props) =>\n\t\t\tprops.height\n\t\t\t\t? `height: ${props.height}px; box-sizing: border-box;`\n\t\t\t\t: props.size === 'small'\n\t\t\t\t? 'height: 16px; box-sizing: border-box;'\n\t\t\t\t: ''}\n\t\tpadding: ${(props) =>\n\t\t\tprops.padding\n\t\t\t\t? props.padding\n\t\t\t\t: props.size === 'small'\n\t\t\t\t? '2px 6px'\n\t\t\t\t: props.contentPadding\n\t\t\t\t? `${props.contentPadding}px`\n\t\t\t\t: getPadding(props.variant)};\n\t\tbackground: ${(props) =>\n\t\t\tprops.backgroundColor ?? getBackgroundColor(props.theme, props.type)};\n\n\t\tborder-radius: ${(props) =>\n\t\t\tprops.borderRadius !== undefined\n\t\t\t\t? typeof props.borderRadius === 'number'\n\t\t\t\t\t? `${props.borderRadius}px`\n\t\t\t\t\t: props.borderRadius\n\t\t\t\t: props.variant === 'regular'\n\t\t\t\t? '4px'\n\t\t\t\t: '12px'};\n\n\t\t${(props) =>\n\t\t\t!props.noBorder &&\n\t\t\tprops.theme === 'light' &&\n\t\t\t`border: ${props.version === '2.0' ? 0.5 : 1}px solid ${generateBorder(\n\t\t\t\tprops.type,\n\t\t\t\tprops.theme,\n\t\t\t)};`}\n\n\t\t.text {\n\t\t\tcolor: ${(props) => getTextColor(props.theme, props.type)};\n\t\t}\n\n\t\t.icon-trailing {\n\t\t\tall: unset;\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t.icon-leading {\n\t\t\tall: unset;\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n`;\n"],"names":["Tag","styled","props","getPadding","getBackgroundColor","generateBorder","getTextColor"],"mappings":";;AASO,MAAMA,IAAMC,EAAO;AAAA,WAef,CAACC,MAAUA,EAAM,UAAU,SAAS;AAAA,GAC5C,CAACA,MACFA,EAAM,SAAS,YACdA,EAAM,YAAY,YAChB;AAAA;AAAA,MAGA,oBAAoB;AAAA;AAAA;AAAA,iBAGR,CAACA,MAAWA,EAAM,YAAYA,EAAM,YAAY,QAAS;AAAA;AAAA,IAEtE,CAACA,MACFA,EAAM,SACH,WAAWA,EAAM,MAAM,gCACvBA,EAAM,SAAS,UACf,0CACA,EAAE;AAAA,aACK,CAACA,MACXA,EAAM,UACHA,EAAM,UACNA,EAAM,SAAS,UACf,YACAA,EAAM,iBACN,GAAGA,EAAM,cAAc,OACvBC,EAAWD,EAAM,OAAO,CAAC;AAAA,gBACf,CAACA,MACdA,EAAM,mBAAmBE,EAAmBF,EAAM,OAAOA,EAAM,IAAI,CAAC;AAAA;AAAA,mBAEpD,CAACA,MACjBA,EAAM,iBAAiB,SACpB,OAAOA,EAAM,gBAAiB,WAC7B,GAAGA,EAAM,YAAY,OACrBA,EAAM,eACPA,EAAM,YAAY,YAClB,QACA,MAAM;AAAA;AAAA,IAER,CAACA,MACF,CAACA,EAAM,YACPA,EAAM,UAAU,WAChB,WAAWA,EAAM,YAAY,QAAQ,MAAM,CAAC,YAAYG;AAAA,EACvDH,EAAM;AAAA,EACNA,EAAM;AACP,CAAC,GAAG;AAAA;AAAA;AAAA,YAGK,CAACA,MAAUI,EAAaJ,EAAM,OAAOA,EAAM,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"Tag.styled.js","sources":["../../../../src/components/tag/Tag.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { TagTheme, TagType, TagVariant } from './model';\nimport {\n\tgenerateBorder,\n\tgetBackgroundColor,\n\tgetPadding,\n\tgetTextColor,\n} from './themes';\n\nexport const Tag = styled.div<{\n\ttheme: TagTheme;\n\ttype: TagType;\n\tvariant: TagVariant;\n\tversion?: '1.0' | '2.0';\n\tcursor?: string;\n\talignIcon?: string;\n\tnoBorder?: boolean;\n\tcontentPadding?: number;\n\tbackgroundColor?: string;\n\tborderRadius?: string | number;\n\tsize?: 'regular' | 'small';\n}>`\n\tcursor: ${(props) => props.cursor ?? 'default'};\n\t${(props) =>\n\t\tprops.size !== 'small' &&\n\t\t(props.variant === 'regular'\n\t\t\t? `display: block;\n\t\t     min-height: 26px;\n\t\t`\n\t\t\t: `min-height: 20px;`)}\n\t.container {\n\t\tdisplay: flex;\n\t\talign-items: ${(props) => (props.alignIcon ? props.alignIcon : 'center')};\n\t\tgap: 6px;\n\t\t${(props) =>\n\t\t\tprops.size === 'small' ? 'height: 16px; box-sizing: border-box;' : ''}\n\t\tpadding: ${(props) =>\n\t\t\tprops.size === 'small'\n\t\t\t\t? '2px 6px'\n\t\t\t\t: props.contentPadding\n\t\t\t\t? `${props.contentPadding}px`\n\t\t\t\t: getPadding(props.variant)};\n\t\tbackground: ${(props) =>\n\t\t\tprops.backgroundColor ?? getBackgroundColor(props.theme, props.type)};\n\n\t\tborder-radius: ${(props) =>\n\t\t\tprops.borderRadius !== undefined\n\t\t\t\t? typeof props.borderRadius === 'number'\n\t\t\t\t\t? `${props.borderRadius}px`\n\t\t\t\t\t: props.borderRadius\n\t\t\t\t: props.variant === 'regular'\n\t\t\t\t? '4px'\n\t\t\t\t: '12px'};\n\n\t\t${(props) =>\n\t\t\t!props.noBorder &&\n\t\t\tprops.theme === 'light' &&\n\t\t\t`border: ${props.version === '2.0' ? 0.5 : 1}px solid ${generateBorder(\n\t\t\t\tprops.type,\n\t\t\t\tprops.theme,\n\t\t\t)};`}\n\n\t\t.text {\n\t\t\tcolor: ${(props) => getTextColor(props.theme, props.type)};\n\t\t}\n\n\t\t.icon-trailing {\n\t\t\tall: unset;\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t.icon-leading {\n\t\t\tall: unset;\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n`;\n"],"names":["Tag","styled","props","getPadding","getBackgroundColor","generateBorder","getTextColor"],"mappings":";;AASO,MAAMA,IAAMC,EAAO;AAAA,WAaf,CAACC,MAAUA,EAAM,UAAU,SAAS;AAAA,GAC5C,CAACA,MACFA,EAAM,SAAS,YACdA,EAAM,YAAY,YAChB;AAAA;AAAA,MAGA,oBAAoB;AAAA;AAAA;AAAA,iBAGR,CAACA,MAAWA,EAAM,YAAYA,EAAM,YAAY,QAAS;AAAA;AAAA,IAEtE,CAACA,MACFA,EAAM,SAAS,UAAU,0CAA0C,EAAE;AAAA,aAC3D,CAACA,MACXA,EAAM,SAAS,UACZ,YACAA,EAAM,iBACN,GAAGA,EAAM,cAAc,OACvBC,EAAWD,EAAM,OAAO,CAAC;AAAA,gBACf,CAACA,MACdA,EAAM,mBAAmBE,EAAmBF,EAAM,OAAOA,EAAM,IAAI,CAAC;AAAA;AAAA,mBAEpD,CAACA,MACjBA,EAAM,iBAAiB,SACpB,OAAOA,EAAM,gBAAiB,WAC7B,GAAGA,EAAM,YAAY,OACrBA,EAAM,eACPA,EAAM,YAAY,YAClB,QACA,MAAM;AAAA;AAAA,IAER,CAACA,MACF,CAACA,EAAM,YACPA,EAAM,UAAU,WAChB,WAAWA,EAAM,YAAY,QAAQ,MAAM,CAAC,YAAYG;AAAA,EACvDH,EAAM;AAAA,EACNA,EAAM;AACP,CAAC,GAAG;AAAA;AAAA;AAAA,YAGK,CAACA,MAAUI,EAAaJ,EAAM,OAAOA,EAAM,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/esm/components/tag/model.d.ts

@@ -91,11 +91,7 @@ export interface TagProps extends React.BaseHTMLAttributes<HTMLDivElement> {
      */
     leadingIconTooltip?: Omit<TooltipProps, 'children'>;
     tagText: string | number;
-    version?: '1.0' | '2.0' | '3.0';
-    /** Custom CSS padding string, e.g. '4px 8px' */
-    padding?: string;
-    /** Custom height in px */
-    height?: number;
+    version?: '1.0' | '2.0';
     cursor?: string;
     alignIcon?: string;
     noBorder?: boolean;

package/dist/esm/components/tag/model.js.map

@@ -1 +1 @@
-{"version":3,"file":"model.js","sources":["../../../../src/components/tag/model.ts"],"sourcesContent":["import React from 'react';\nimport { MouseEventHandler } from 'react';\nimport { TooltipProps } from '../tooltips/Tooltip';\n\nexport type TagTheme = 'light' | 'dark';\n\nexport type TagVariant = 'regular' | 'circle' | 'compressed';\n\nexport type TagType =\n\t| 'negative'\n\t| 'warning'\n\t| 'positive'\n\t| 'neutral'\n\t| 'white'\n\t| 'purple'\n\t| 'blue'\n\t| 'grey'\n\t| 'ai';\n\nexport const ValidTagTypeMap = {\n\tregular: {\n\t\tnegative: true,\n\t\twarning: true,\n\t\tpositive: true,\n\t\tneutral: true,\n\t\twhite: true,\n\t\tpurple: true,\n\t\tblue: true,\n\t\tai: true,\n\t},\n\tcircle: {\n\t\tnegative: true,\n\t\twarning: true,\n\t\tpositive: true,\n\t\tneutral: true,\n\t\tblue: true,\n\t\tgrey: true,\n\t\tai: true,\n\t},\n\tcompressed: {\n\t\tnegative: true,\n\t\twarning: true,\n\t\tpositive: true,\n\t\tneutral: true,\n\t\twhite: true,\n\t\tpurple: true,\n\t\tblue: true,\n\t\tai: true,\n\t},\n};\n\nexport interface TagProps extends React.BaseHTMLAttributes<HTMLDivElement> {\n\t/**\n\t * Set the theme of the Tag\n\t * @default default light\n\t */\n\ttheme?: TagTheme;\n\n\t/**\n\t * Set the color of the Tag\n\t * @default default neutral\n\t */\n\ttype?: TagType;\n\n\t/**\n\t * Set the color of the Tag\n\t * @default default regular\n\t */\n\tvariant?: TagVariant;\n\n\t/**\n\t * The icon component that is the right of the text\n\t * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react\n\t * @default undefined\n\t */\n\tTrailingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\t/**\n\t * The right icon id,\n\t * @default trailing-icon\n\t */\n\ttrailingIconId?: string;\n\t/**\n\t * The right icon on click event, defaults to () => {}\n\t */\n\tonTrailingIconClicked?: MouseEventHandler<HTMLButtonElement>;\n\t/**\n\t * Tooltip props for the trailing icon\n\t * @default undefined\n\t */\n\ttrailingIconTooltip?: Omit<TooltipProps, 'children'>;\n\n\t/**\n\t * The icon component that is to the left of the text\n\t * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react\n\t * @default undefined\n\t */\n\tLeadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\t/**\n\t * The right icon on click event, defaults to () => {}\n\t */\n\tonLeadingIconClicked?: MouseEventHandler<HTMLButtonElement>;\n\t/**\n\t * The left icon id,\n\t * @default leading-icon\n\t */\n\tleadingIconId?: string;\n\t/**\n\t * Tooltip props for the leading icon\n\t * @default undefined\n\t */\n\tleadingIconTooltip?: Omit<TooltipProps, 'children'>;\n\n\ttagText: string | number;\n\tversion?: '1.0' | '2.0' | '3.0';\n\t/** Custom CSS padding string, e.g. '4px 8px' */\n\tpadding?: string;\n\t/** Custom height in px */\n\theight?: number;\n\tcursor?: string;\n\talignIcon?: string;\n\tnoBorder?: boolean;\n\ttagHtmlText?: JSX.Element;\n\tcontentPadding?: number;\n\ttagColor?: string;\n\tnumberOfLines?: number;\n\t/**\n\t * Override the computed background color of the tag container.\n\t * @default undefined (uses theme/type color)\n\t */\n\tbackgroundColor?: string;\n\t/**\n\t * Override the border-radius of the tag container.\n\t * @default undefined (uses variant-based radius: 4px for regular, 12px otherwise)\n\t */\n\tborderRadius?: string | number;\n\t/**\n\t * Controls the size of the tag. 'small' sets height to 16px and uses tiny font.\n\t * @default 'regular'\n\t */\n\tsize?: 'regular' | 'small';\n}\n"],"names":["ValidTagTypeMap"],"mappings":"AAmBO,MAAMA,IAAkB;AAAA,EAC9B,SAAS;AAAA,IACR,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,IAAI;AAAA,EAAA;AAAA,EAEL,QAAQ;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,IAAI;AAAA,EAAA;AAAA,EAEL,YAAY;AAAA,IACX,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,IAAI;AAAA,EAAA;AAEN;"}
+{"version":3,"file":"model.js","sources":["../../../../src/components/tag/model.ts"],"sourcesContent":["import React from 'react';\nimport { MouseEventHandler } from 'react';\nimport { TooltipProps } from '../tooltips/Tooltip';\n\nexport type TagTheme = 'light' | 'dark';\n\nexport type TagVariant = 'regular' | 'circle' | 'compressed';\n\nexport type TagType =\n\t| 'negative'\n\t| 'warning'\n\t| 'positive'\n\t| 'neutral'\n\t| 'white'\n\t| 'purple'\n\t| 'blue'\n\t| 'grey'\n\t| 'ai';\n\nexport const ValidTagTypeMap = {\n\tregular: {\n\t\tnegative: true,\n\t\twarning: true,\n\t\tpositive: true,\n\t\tneutral: true,\n\t\twhite: true,\n\t\tpurple: true,\n\t\tblue: true,\n\t\tai: true,\n\t},\n\tcircle: {\n\t\tnegative: true,\n\t\twarning: true,\n\t\tpositive: true,\n\t\tneutral: true,\n\t\tblue: true,\n\t\tgrey: true,\n\t\tai: true,\n\t},\n\tcompressed: {\n\t\tnegative: true,\n\t\twarning: true,\n\t\tpositive: true,\n\t\tneutral: true,\n\t\twhite: true,\n\t\tpurple: true,\n\t\tblue: true,\n\t\tai: true,\n\t},\n};\n\nexport interface TagProps extends React.BaseHTMLAttributes<HTMLDivElement> {\n\t/**\n\t * Set the theme of the Tag\n\t * @default default light\n\t */\n\ttheme?: TagTheme;\n\n\t/**\n\t * Set the color of the Tag\n\t * @default default neutral\n\t */\n\ttype?: TagType;\n\n\t/**\n\t * Set the color of the Tag\n\t * @default default regular\n\t */\n\tvariant?: TagVariant;\n\n\t/**\n\t * The icon component that is the right of the text\n\t * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react\n\t * @default undefined\n\t */\n\tTrailingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\t/**\n\t * The right icon id,\n\t * @default trailing-icon\n\t */\n\ttrailingIconId?: string;\n\t/**\n\t * The right icon on click event, defaults to () => {}\n\t */\n\tonTrailingIconClicked?: MouseEventHandler<HTMLButtonElement>;\n\t/**\n\t * Tooltip props for the trailing icon\n\t * @default undefined\n\t */\n\ttrailingIconTooltip?: Omit<TooltipProps, 'children'>;\n\n\t/**\n\t * The icon component that is to the left of the text\n\t * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react\n\t * @default undefined\n\t */\n\tLeadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\t/**\n\t * The right icon on click event, defaults to () => {}\n\t */\n\tonLeadingIconClicked?: MouseEventHandler<HTMLButtonElement>;\n\t/**\n\t * The left icon id,\n\t * @default leading-icon\n\t */\n\tleadingIconId?: string;\n\t/**\n\t * Tooltip props for the leading icon\n\t * @default undefined\n\t */\n\tleadingIconTooltip?: Omit<TooltipProps, 'children'>;\n\n\ttagText: string | number;\n\tversion?: '1.0' | '2.0';\n\tcursor?: string;\n\talignIcon?: string;\n\tnoBorder?: boolean;\n\ttagHtmlText?: JSX.Element;\n\tcontentPadding?: number;\n\ttagColor?: string;\n\tnumberOfLines?: number;\n\t/**\n\t * Override the computed background color of the tag container.\n\t * @default undefined (uses theme/type color)\n\t */\n\tbackgroundColor?: string;\n\t/**\n\t * Override the border-radius of the tag container.\n\t * @default undefined (uses variant-based radius: 4px for regular, 12px otherwise)\n\t */\n\tborderRadius?: string | number;\n\t/**\n\t * Controls the size of the tag. 'small' sets height to 16px and uses tiny font.\n\t * @default 'regular'\n\t */\n\tsize?: 'regular' | 'small';\n}\n"],"names":["ValidTagTypeMap"],"mappings":"AAmBO,MAAMA,IAAkB;AAAA,EAC9B,SAAS;AAAA,IACR,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,IAAI;AAAA,EAAA;AAAA,EAEL,QAAQ;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,IAAI;AAAA,EAAA;AAAA,EAEL,YAAY;AAAA,IACX,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,IAAI;AAAA,EAAA;AAEN;"}

package/dist/esm/components/variable-picker-v3/Content.js

@@ -13,33 +13,33 @@ import { highlightSearchText as X } from "./highlightSearchText.js";
 import { PickerType as ge } from "./model.js";
 import Se from "./NoResult.js";
 import { showOnlyRecommendedVariables as S } from "./recommendVaribles.js";
-import { searchVariables as x } from "./searchVariables.js";
+import { searchVariables as w } from "./searchVariables.js";
 import { HeaderWrapper as be, RecommendWrapper as ke, BackHeader as Ce, Container as Ve } from "./styles.js";
-import Y, { renderTooltipBody as xe } from "./SubHeaderItems.js";
+import Y, { renderTooltipBody as we } from "./SubHeaderItems.js";
 import { IconButton as v } from "../icon-button/IconButton.js";
-import { Input as we } from "../input/Input.js";
+import { Input as xe } from "../input/Input.js";
 import { Switch as Be } from "../switch/Switch.js";
-import { BikAccordion as Te } from "../accordion/Accordion.js";
+import { BikAccordion as Re } from "../accordion/Accordion.js";
 import { Tooltip as Z } from "../tooltips/Tooltip.js";
-import { ListItem as Ie } from "../list-item/ListItem.js";
-const Re = /.*\..*/, De = (n) => /\w+\[\d+\]/g.test(n), He = (n) => {
-  if (n.actualValue.match(Re)) {
-    const i = n.actualValue.replace("{{", "").replace("}}", "").split(".");
+import { ListItem as Te } from "../list-item/ListItem.js";
+const Ie = /.*\..*/, De = (o) => /\w+\[\d+\]/g.test(o), He = (o) => {
+  if (o.actualValue.match(Ie)) {
+    const i = o.actualValue.replace("{{", "").replace("}}", "").split(".");
     let s = i[0];
     return i.forEach((y, b) => {
       if (b === 0) return;
       if (De(y)) {
         const g = y.match(/(\w+)\[(\d+)\]/);
         if (g) {
-          const w = g[1], B = g[2];
-          s = s + `['${w}'][${B}]`;
+          const x = g[1], B = g[2];
+          s = s + `['${x}'][${B}]`;
         }
       } else
         s = s + `['${y}']`;
     }), s;
   } else
-    return n.actualValueEval ? n.actualValueEval : n.actualValue;
-}, tt = (n) => {
+    return o.actualValueEval ? o.actualValueEval : o.actualValue;
+}, tt = (o) => {
   const {
     data: i,
     onSelect: s,
@@ -47,54 +47,54 @@ const Re = /.*\..*/, De = (n) => /\w+\[\d+\]/g.test(n), He = (n) => {
     showBackButton: b,
     hideHeaderCross: P,
     onBackButtonClick: g,
-    isEvaluationList: w,
+    isEvaluationList: x,
     autoOpenFirst: B,
     headerText: ee,
     contentHeight: E,
     onDefaultVariableSelect: te,
-    skipDefaultVariableContent: T
-  } = n, [k, a] = m(i), [c, I] = m(""), [r, O] = m([]), [R, A] = m(""), [u, F] = m(!1), [D, L] = m([]), [h, H] = m(!1), [$, j] = m(), C = J(null), W = J([]), oe = h && n.type === ge.EMBEDDED && !P;
+    skipDefaultVariableContent: R
+  } = o, [k, a] = m(i), [c, T] = m(""), [n, O] = m([]), [I, A] = m(""), [u, F] = m(!1), [D, L] = m([]), [h, H] = m(!1), [$, j] = m(), C = J(null), W = J([]), oe = h && o.type === ge.EMBEDDED && !P;
   Q(() => {
-    z(!0);
+    z(o.showRecommendedBar ?? !0);
   }, []), Q(() => {
-    r.length > 0 ? L([r[r.length - 1]]) : L(i);
-  }, [r]);
+    n.length > 0 ? L([n[n.length - 1]]) : L(i);
+  }, [n]);
   const re = (e) => {
     e.stopPropagation();
     let l = c;
-    const o = [...r], V = o.pop();
-    V.displayName === R && (l = "");
+    const r = [...n], V = r.pop();
+    V.displayName === I && (l = "");
     const M = W.current.pop() ?? 0;
     if (he(() => {
-      if (O(o), V.displayName === R && I(""), l.length > 0) {
-        const f = o.length > 0 ? [o[o.length - 1]] : i, _ = x(
+      if (O(r), V.displayName === I && T(""), l.length > 0) {
+        const f = r.length > 0 ? [r[r.length - 1]] : i, _ = w(
           l,
           f,
-          o
+          r
         );
         if (u) {
           const ce = S(
             _,
-            o
+            r
           );
           a(ce);
         } else
           a(_);
-      } else if (o.length > 0)
+      } else if (r.length > 0)
         if (u) {
           const f = S(
-            [o[o.length - 1].variables],
-            o
+            [r[r.length - 1].variables],
+            r
           );
           a(f);
         } else
           a([
-            o[o.length - 1].variables
+            r[r.length - 1].variables
           ]);
       else if (u) {
         const f = S(
           i,
-          o
+          r
         );
         a(f);
       } else
@@ -107,24 +107,24 @@ const Re = /.*\..*/, De = (n) => /\w+\[\d+\]/g.test(n), He = (n) => {
     }
   }, z = async (e) => {
     if (F(e), e) {
-      const l = S(k, r);
+      const l = S(k, n);
       a(l);
-    } else if (r.length > 0) {
-      const l = R == r[r.length - 1].displayName;
+    } else if (n.length > 0) {
+      const l = I == n[n.length - 1].displayName;
       if (c.length > 0 && l) {
-        const o = x(
+        const r = w(
           c,
           D,
-          r
+          n
         );
-        a(o);
+        a(r);
       } else
-        a([r[r.length - 1].variables]);
+        a([n[n.length - 1].variables]);
     } else if (c.length > 0) {
-      const l = x(
+      const l = w(
         c,
         D,
-        r
+        n
       );
       a(l);
     } else
@@ -133,18 +133,18 @@ const Re = /.*\..*/, De = (n) => /\w+\[\d+\]/g.test(n), He = (n) => {
     if (E)
       return E;
     let e = 131;
-    return r.length > 0 && (e += 32), (n.showHeader || n.showBackButton) && (e += 40), `calc(100% - ${e}px)`;
+    return (o.showSearch ?? !0) || (e -= 52), (o.showRecommendedBar ?? !0) || (e -= 45), n.length > 0 && (e += 32), (o.showHeader || o.showBackButton) && (e += 40), `calc(100% - ${e}px)`;
   }, ne = (e) => {
     e || A("");
-    const l = x(e, D, r);
+    const l = w(e, D, n);
     if (u) {
-      const V = S(l, r);
+      const V = S(l, n);
       a(V);
     } else
       a(l);
-    I(e);
-    const o = r.length > 0 ? r[r.length - 1].displayName : "home";
-    A(o);
+    T(e);
+    const r = n.length > 0 ? n[n.length - 1].displayName : "home";
+    A(r);
   }, le = () => /* @__PURE__ */ t(
     q,
     {
@@ -160,15 +160,15 @@ const Re = /.*\..*/, De = (n) => /\w+\[\d+\]/g.test(n), He = (n) => {
       style: { color: d.content.secondary }
     }
   ), K = (e) => {
-    if (!n.disabled)
-      if (w) {
+    if (!o.disabled)
+      if (x) {
         const l = He(e);
         s({
           ...e,
           actualValue: l
         });
       } else {
-        if (e.isDefaultValueSupported && !T) {
+        if (e.isDefaultValueSupported && !R) {
           j(e), H(!0);
           return;
         }
@@ -181,10 +181,10 @@ const Re = /.*\..*/, De = (n) => /\w+\[\d+\]/g.test(n), He = (n) => {
       value: {
         variables: k,
         searchText: c,
-        subHeaderStack: r,
+        subHeaderStack: n,
         showRecommended: u,
         setSubHeaderStack: O,
-        setSearchText: I,
+        setSearchText: T,
         setVariables: a,
         setShowRecommended: F,
         containerRef: C,
@@ -221,11 +221,11 @@ const Re = /.*\..*/, De = (n) => /\w+\[\d+\]/g.test(n), He = (n) => {
                 {
                   style: { color: "#212121" },
                   Icon: ie,
-                  onClick: () => n.onClose && n.onClose()
+                  onClick: () => o.onClose && o.onClose()
                 }
               )
             ] }),
-            h && $ && !T ? /* @__PURE__ */ t(
+            h && $ && !R ? /* @__PURE__ */ t(
               ye,
               {
                 variable: $,
@@ -234,7 +234,7 @@ const Re = /.*\..*/, De = (n) => /\w+\[\d+\]/g.test(n), He = (n) => {
                 }
               }
             ) : /* @__PURE__ */ p(N, { children: [
-              /* @__PURE__ */ t(
+              (o.showSearch ?? !0) && /* @__PURE__ */ t(
                 "div",
                 {
                   style: {
@@ -245,11 +245,11 @@ const Re = /.*\..*/, De = (n) => /\w+\[\d+\]/g.test(n), He = (n) => {
                     borderTopRightRadius: 8
                   },
                   children: /* @__PURE__ */ t(
-                    we,
+                    xe,
                     {
                       id: "search-bar-v3-picker",
                       onBlur: (e) => {
-                        n.onSearchBlur && n.onSearchBlur(e);
+                        o.onSearchBlur && o.onSearchBlur(e);
                       },
                       value: c,
                       noKeyDownChange: !0,
@@ -259,7 +259,7 @@ const Re = /.*\..*/, De = (n) => /\w+\[\d+\]/g.test(n), He = (n) => {
                   )
                 }
               ),
-              /* @__PURE__ */ p(ke, { children: [
+              (o.showRecommendedBar ?? !0) && /* @__PURE__ */ p(ke, { children: [
                 /* @__PURE__ */ t(U, { style: { color: d.content.secondary }, children: "Only Recommended" }),
                 /* @__PURE__ */ t(
                   Be,
@@ -271,7 +271,7 @@ const Re = /.*\..*/, De = (n) => /\w+\[\d+\]/g.test(n), He = (n) => {
                   }
                 )
               ] }),
-              r.length > 0 && /* @__PURE__ */ p(Ce, { children: [
+              n.length > 0 && /* @__PURE__ */ p(Ce, { children: [
                 /* @__PURE__ */ t("div", { style: { position: "absolute", left: 16 }, children: /* @__PURE__ */ t(
                   v,
                   {
@@ -287,7 +287,7 @@ const Re = /.*\..*/, De = (n) => /\w+\[\d+\]/g.test(n), He = (n) => {
                     style: {
                       color: d.content.secondary
                     },
-                    children: r[r.length - 1].displayName
+                    children: n[n.length - 1].displayName
                   }
                 )
               ] }),
@@ -298,7 +298,7 @@ const Re = /.*\..*/, De = (n) => /\w+\[\d+\]/g.test(n), He = (n) => {
                     borderBottom: `1px solid ${d.stroke.primary}`
                   },
                   children: /* @__PURE__ */ t(
-                    Te,
+                    Re,
                     {
                       arrowColor: d.content.primary,
                       autoOpen: B && l === 0,
@@ -317,15 +317,15 @@ const Re = /.*\..*/, De = (n) => /\w+\[\d+\]/g.test(n), He = (n) => {
                         Y,
                         {
                           parentVariable: e,
-                          disabled: n.disabled ?? !1,
+                          disabled: o.disabled ?? !1,
                           searchText: c,
                           variable: e.variables,
-                          onSelect: (o) => {
-                            if (o.isDefaultValueSupported && !T) {
-                              j(o), H(!0);
+                          onSelect: (r) => {
+                            if (r.isDefaultValueSupported && !R) {
+                              j(r), H(!0);
                               return;
                             }
-                            s(o);
+                            s(r);
                           }
                         }
                       )
@@ -336,14 +336,14 @@ const Re = /.*\..*/, De = (n) => /\w+\[\d+\]/g.test(n), He = (n) => {
               ) : e.displayName ? /* @__PURE__ */ t(
                 Z,
                 {
-                  body: xe(e),
+                  body: we(e),
                   placement: "bottom",
                   children: /* @__PURE__ */ t(
-                    Ie,
+                    Te,
                     {
-                      variant: n.disabled ? "readonly" : e?.selected ? "selected" : "default",
+                      variant: o.disabled ? "readonly" : e?.selected ? "selected" : "default",
                       version: "2.0",
-                      leadingIcon: e?.selected || n.disabled ? /* @__PURE__ */ t(N, {}) : /* @__PURE__ */ t("div", { style: { flexShrink: 0 }, children: /* @__PURE__ */ t(se, { width: 14, height: 14 }) }),
+                      leadingIcon: e?.selected || o.disabled ? /* @__PURE__ */ t(N, {}) : /* @__PURE__ */ t("div", { style: { flexShrink: 0 }, children: /* @__PURE__ */ t(se, { width: 14, height: 14 }) }),
                       customListItemLabel: /* @__PURE__ */ p(
                         "div",
                         {
@@ -396,10 +396,10 @@ const Re = /.*\..*/, De = (n) => /\w+\[\d+\]/g.test(n), He = (n) => {
               ) : /* @__PURE__ */ t(
                 Y,
                 {
-                  disabled: n.disabled ?? !1,
+                  disabled: o.disabled ?? !1,
                   searchText: c,
                   variable: e,
-                  onSelect: (o) => K(o)
+                  onSelect: (r) => K(r)
                 },
                 l
               )) }) : /* @__PURE__ */ t(Se, { height: G(), searchText: c }) })