@ck-ui/component-library 0.2.0 → 0.3.0

package/dist/components/MetricCards/Component/CardWithIconAndForecast/index.js

@@ -1,43 +1,43 @@
-import { jsxs as c, Fragment as g, jsx as r } from "react/jsx-runtime";
-import { DeviationTag as h } from "../../../DeviationTag/index.js";
-import '../../../../assets/index-0R9p-l95.css';const u = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2177_11954)'%3e%3cpath%20d='M6.5001%205.5L10.6001%201.4'%20stroke='%233060C1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M11%203.41504V1.00005H8.585'%20stroke='%233060C1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.5%201H4.5C2%201%201%202%201%204.5V7.5C1%2010%202%2011%204.5%2011H7.5C10%2011%2011%2010%2011%207.5V6.5'%20stroke='%233060C1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2177_11954'%3e%3crect%20width='12'%20height='12'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", m = "_card_4gun4_1", v = "_icon_4gun4_19", p = "_title_4gun4_22", f = "_value_4gun4_36", N = "_forecast_4gun4_48", e = {
-  card: m,
-  icon: v,
-  title: p,
-  "action-link": "_action-link_4gun4_29",
-  value: f,
-  "date-range": "_date-range_4gun4_43",
-  "forecast-card": "_forecast-card_4gun4_48",
+import { jsxs as c, Fragment as _, jsx as r } from "react/jsx-runtime";
+import { DeviationTag as m } from "../../../DeviationTag/index.js";
+import '../../../../assets/index-YHUWVH17.css';const g = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2177_11954)'%3e%3cpath%20d='M6.5001%205.5L10.6001%201.4'%20stroke='%233060C1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M11%203.41504V1.00005H8.585'%20stroke='%233060C1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.5%201H4.5C2%201%201%202%201%204.5V7.5C1%2010%202%2011%204.5%2011H7.5C10%2011%2011%2010%2011%207.5V6.5'%20stroke='%233060C1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2177_11954'%3e%3crect%20width='12'%20height='12'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", v = "_card_12h7m_1", p = "_icon_12h7m_19", f = "_title_12h7m_22", u = "_value_12h7m_36", N = "_forecast_12h7m_48", e = {
+  card: v,
+  icon: p,
+  title: f,
+  "action-link": "_action-link_12h7m_29",
+  value: u,
+  "date-range": "_date-range_12h7m_43",
+  "forecast-card": "_forecast-card_12h7m_48",
   forecast: N,
-  "regular-card": "_regular-card_4gun4_54",
-  "secondary-section": "_secondary-section_4gun4_58"
+  "regular-card": "_regular-card_12h7m_54",
+  "secondary-section": "_secondary-section_12h7m_58"
 };
 function C({
-  icon: n,
-  title: i,
-  value: t,
+  icon: i,
+  title: s,
+  value: n,
   dateRange: l,
   deviationChip: o,
-  forecastValue: s,
-  className: _,
+  forecastValue: t,
+  className: h,
   actionLink: a,
   secondarySection: d
 }) {
-  return /* @__PURE__ */ c(g, { children: [
+  return /* @__PURE__ */ c(_, { children: [
     /* @__PURE__ */ c(
       "div",
       {
-        className: `${e.card} ${s ? e.forecast : ""} ${_}`,
+        className: `${e.card} ${t ? e.forecast : ""} ${h}`,
         children: [
           /* @__PURE__ */ c("div", { className: e["regular-card"], children: [
-            (n || i) && /* @__PURE__ */ c("div", { className: e.header, children: [
-              n && /* @__PURE__ */ r("div", { className: e.icon, children: n }),
-              i && /* @__PURE__ */ r("div", { className: e.title, children: i })
+            (i || s) && /* @__PURE__ */ c("div", { className: e.header, children: [
+              i && /* @__PURE__ */ r("div", { className: e.icon, children: i }),
+              s && /* @__PURE__ */ r("div", { className: e.title, children: s })
             ] }),
-            t && /* @__PURE__ */ r("div", { className: e.value, children: t }),
+            n && /* @__PURE__ */ r("div", { className: e.value, children: n }),
             l && /* @__PURE__ */ r("div", { className: e["date-range"], children: l }),
             o && /* @__PURE__ */ r(
-              h,
+              m,
               {
                 price: "+$1,100",
                 percentage: "0.13",
@@ -46,9 +46,9 @@ function C({
               }
             )
           ] }),
-          s && /* @__PURE__ */ c("div", { className: e["forecast-card"], children: [
+          t && /* @__PURE__ */ c("div", { className: e["forecast-card"], children: [
             /* @__PURE__ */ r("div", { className: e.title, children: "Forecast" }),
-            /* @__PURE__ */ r("div", { className: e.value, children: s })
+            /* @__PURE__ */ r("div", { className: e.value, children: t })
           ] }),
           a?.href && /* @__PURE__ */ r(
             "a",
@@ -57,7 +57,7 @@ function C({
               target: a?.target ?? "_blank",
               rel: "noreferrer",
               className: `${e["action-link"]} ${a?.className}`,
-              children: /* @__PURE__ */ r("img", { src: u, alt: "Redirection Link" })
+              children: /* @__PURE__ */ r("img", { src: g, alt: "Redirection Link" })
             }
           )
         ]

package/dist/components/MultiSelect/_helpers/DropdownFooter.d.ts

@@ -0,0 +1,4 @@
+import { DropdownFooterProps } from '../_types/type';
+declare const DropdownFooter: ({ onClear, onCancel, onApply, classNames, isClearDisabled, isApplyDisabled, hideClear, }: DropdownFooterProps) => import("react/jsx-runtime").JSX.Element;
+export default DropdownFooter;
+//# sourceMappingURL=DropdownFooter.d.ts.map

package/dist/components/MultiSelect/_helpers/DropdownFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownFooter.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_helpers/DropdownFooter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAI1D,QAAA,MAAM,cAAc,GAAI,0FAQrB,mBAAmB,4CA4CrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/MultiSelect/_helpers/DropdownFooter.js

@@ -0,0 +1,72 @@
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
+import { s as l } from "../../../styles.module-CmWIIYpK.js";
+import { CKButton as r } from "../../CKButton/index.js";
+import { mergeClasses as e } from "../../../utils/mergeClasses.js";
+const y = ({
+  onClear: n,
+  onCancel: c,
+  onApply: i,
+  classNames: a,
+  isClearDisabled: m,
+  isApplyDisabled: d,
+  hideClear: o
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: e(
+      l["ckds-multi-select-footer"],
+      a?.footerWrapperClass ?? ""
+    ),
+    children: [
+      !o && /* @__PURE__ */ s(
+        "button",
+        {
+          className: e(
+            "ckds-body-sm-med",
+            l["clear-btn"],
+            m ? l.clearDisabled : "",
+            a?.clearAllBtnClass ?? ""
+          ),
+          onClick: n,
+          type: "button",
+          children: "Clear all"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: e(
+            l["footer-actions"],
+            o ? l["footer-actions-end"] : ""
+          ),
+          children: [
+            /* @__PURE__ */ s(
+              r,
+              {
+                variant: "secondary",
+                size: "small",
+                label: "Cancel",
+                onClick: c,
+                className: a?.cancelBtnClass
+              }
+            ),
+            /* @__PURE__ */ s(
+              r,
+              {
+                variant: "primary",
+                size: "small",
+                label: "Apply",
+                onClick: i,
+                disabled: d,
+                className: a?.applyBtnClass
+              }
+            )
+          ]
+        }
+      )
+    ]
+  }
+);
+export {
+  y as default
+};

package/dist/components/MultiSelect/_helpers/OptionRow.d.ts

@@ -0,0 +1,4 @@
+import { OptionRowProps } from '../_types/type';
+declare const OptionRow: import('react').NamedExoticComponent<OptionRowProps>;
+export default OptionRow;
+//# sourceMappingURL=OptionRow.d.ts.map

package/dist/components/MultiSelect/_helpers/OptionRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionRow.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_helpers/OptionRow.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD,QAAA,MAAM,SAAS,sDA4Bb,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/dist/components/MultiSelect/_helpers/OptionRow.js

@@ -0,0 +1,40 @@
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import { memo as a, useCallback as l } from "react";
+import { s as m } from "../../../styles.module-CmWIIYpK.js";
+import { CKCheckbox as d } from "../../CKCheckbox/index.js";
+import { mergeClasses as t } from "../../../utils/mergeClasses.js";
+const u = a(function({
+  value: s,
+  label: o,
+  checked: e,
+  onToggle: r,
+  classNames: n
+}) {
+  const c = l(
+    () => r(s, o),
+    [s, o, r]
+  );
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      className: t(
+        m["option-row"],
+        n?.optionRowClass ?? ""
+      ),
+      onClick: c,
+      children: [
+        /* @__PURE__ */ i(d, { checked: e, size: "md" }),
+        /* @__PURE__ */ i(
+          "span",
+          {
+            className: t("ckds-body-sm-reg", m["option-label"]),
+            children: o
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  u as default
+};

package/dist/components/MultiSelect/_helpers/OverflowMenu.d.ts

@@ -0,0 +1,4 @@
+import { OverflowMenuProps } from '../_types/type';
+declare const OverflowMenu: ({ selected, maxChips }: OverflowMenuProps) => import("react/jsx-runtime").JSX.Element;
+export default OverflowMenu;
+//# sourceMappingURL=OverflowMenu.d.ts.map

package/dist/components/MultiSelect/_helpers/OverflowMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenu.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_helpers/OverflowMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,QAAA,MAAM,YAAY,GAAI,wBAA4B,iBAAiB,4CAOlE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/MultiSelect/_helpers/OverflowMenu.js

@@ -0,0 +1,7 @@
+import { jsx as r } from "react/jsx-runtime";
+import { s } from "../../../styles.module-CmWIIYpK.js";
+import o from "./OverflowMenuItem.js";
+const a = ({ selected: m, maxChips: t = 2 }) => /* @__PURE__ */ r("div", { className: s["menu-list"], children: m?.map((e, l) => l < t ? null : /* @__PURE__ */ r(o, { item: e }, e?.value)) });
+export {
+  a as default
+};

package/dist/components/MultiSelect/_helpers/OverflowMenuItem.d.ts

@@ -0,0 +1,4 @@
+import { OverflowMenuItemProps } from '../_types/type';
+declare const OverflowMenuItem: ({ item: { value, label }, }: OverflowMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export default OverflowMenuItem;
+//# sourceMappingURL=OverflowMenuItem.d.ts.map

package/dist/components/MultiSelect/_helpers/OverflowMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenuItem.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_helpers/OverflowMenuItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAG5D,QAAA,MAAM,gBAAgB,GAAI,6BAEvB,qBAAqB,4CAgCvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/MultiSelect/_helpers/OverflowMenuItem.js

@@ -0,0 +1,30 @@
+import { jsx as t } from "react/jsx-runtime";
+import { s as i } from "../../../styles.module-CmWIIYpK.js";
+import { Tooltip as f } from "../../Tooltip/index.js";
+import { useRef as a, useState as d, useLayoutEffect as u } from "react";
+import { mergeClasses as p } from "../../../utils/mergeClasses.js";
+const b = ({
+  item: { value: c, label: s }
+}) => {
+  const r = a(null), [m, l] = d(!1);
+  return u(() => {
+    const e = r.current;
+    if (!e) return;
+    const o = () => {
+      l(e.scrollWidth > e.clientWidth + 1);
+    };
+    o();
+    const n = new ResizeObserver(o);
+    return n.observe(e), () => n.disconnect();
+  }, [s]), /* @__PURE__ */ t(f, { title: m ? s : "", placement: "right", children: /* @__PURE__ */ t(
+    "div",
+    {
+      className: p("ckds-body-sm-med", i["ckds-menu-item"]),
+      onClick: (e) => e.stopPropagation(),
+      children: /* @__PURE__ */ t("span", { ref: r, className: i["menu-item-label"], children: s })
+    }
+  ) }, c);
+};
+export {
+  b as default
+};

package/dist/components/MultiSelect/_helpers/SearchResult.d.ts

@@ -0,0 +1,4 @@
+import { ResultProps } from '../_types/type';
+declare const SearchResult: ({ totalResults, exclude, setExclude, isToggleDisable, showExcludeBtn, hideExclude, }: ResultProps) => import("react/jsx-runtime").JSX.Element;
+export default SearchResult;
+//# sourceMappingURL=SearchResult.d.ts.map

package/dist/components/MultiSelect/_helpers/SearchResult.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchResult.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_helpers/SearchResult.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,QAAA,MAAM,YAAY,GAAI,sFAOnB,WAAW,4CAmBb,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/MultiSelect/_helpers/SearchResult.js

@@ -0,0 +1,33 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { s as e } from "../../../styles.module-CmWIIYpK.js";
+import { Toggle as p } from "../../Toggle/index.js";
+import { mergeClasses as a } from "../../../utils/mergeClasses.js";
+const g = ({
+  totalResults: l,
+  exclude: c,
+  setExclude: d,
+  isToggleDisable: m,
+  showExcludeBtn: o,
+  hideExclude: i
+}) => /* @__PURE__ */ s("div", { className: e["result-wrapper"], children: [
+  /* @__PURE__ */ s("span", { className: a("ckds-cap-reg", e["result-count"]), children: [
+    l,
+    " ",
+    l === 1 ? "Result" : "Results"
+  ] }),
+  o && !i && /* @__PURE__ */ s("div", { className: e["exclude-row"], children: [
+    /* @__PURE__ */ r("span", { className: a("ckds-cap-reg", e["exclude-label"]), children: "Exclude" }),
+    /* @__PURE__ */ r(
+      p,
+      {
+        size: "small",
+        checked: c,
+        onChange: d,
+        disabled: m
+      }
+    )
+  ] })
+] });
+export {
+  g as default
+};

package/dist/components/MultiSelect/_helpers/TagContent.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { TagContentProps } from '../_types/type';
+declare const TagContent: React.NamedExoticComponent<TagContentProps>;
+export default TagContent;
+//# sourceMappingURL=TagContent.d.ts.map

package/dist/components/MultiSelect/_helpers/TagContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagContent.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_helpers/TagContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAI9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,QAAA,MAAM,UAAU,6CAuDd,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/components/MultiSelect/_helpers/TagContent.js

@@ -0,0 +1,47 @@
+import { jsxs as u, jsx as o } from "react/jsx-runtime";
+import h, { useRef as v, useState as g, useLayoutEffect as w, useCallback as l } from "react";
+import { S as C } from "../../../cancel-BAgTEOGD.js";
+import { s } from "../../../styles.module-CmWIIYpK.js";
+import { Tooltip as O } from "../../Tooltip/index.js";
+const T = h.memo(function({
+  label: t,
+  value: n,
+  onRemove: r
+}) {
+  const c = v(null), [f, m] = g(!1);
+  w(() => {
+    const e = c.current;
+    if (!e) return;
+    const a = () => {
+      m(e.scrollWidth > e.clientWidth + 1);
+    };
+    a();
+    const i = new ResizeObserver(a);
+    return i.observe(e), () => i.disconnect();
+  }, [t]);
+  const p = l(
+    (e) => e.stopPropagation(),
+    []
+  ), d = l(
+    (e) => {
+      e.preventDefault(), e.stopPropagation(), r(n, t, !1, !0);
+    },
+    [n, t, r]
+  );
+  return /* @__PURE__ */ u("div", { className: s["selected-tag-wrapper"], children: [
+    /* @__PURE__ */ o(O, { title: f ? t : "", placement: "bottom", children: /* @__PURE__ */ o("span", { ref: c, className: s["selected-tag-content"], children: t }) }),
+    /* @__PURE__ */ o(
+      C,
+      {
+        className: s["remove-icon"],
+        width: "14",
+        height: "14",
+        onMouseDown: p,
+        onClick: d
+      }
+    )
+  ] });
+});
+export {
+  T as default
+};

package/dist/components/MultiSelect/_helpers/TriggerButton.d.ts

@@ -0,0 +1,4 @@
+import { TriggerButtonProps } from '../_types/type';
+declare const TriggerButton: ({ open, selected, placeholder, showMenu, isAllSelected, selectAllLabel, requireSelection, onToggleOpen, onToggleMenu, onRemove, classNames, maxChips, }: TriggerButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default TriggerButton;
+//# sourceMappingURL=TriggerButton.d.ts.map

package/dist/components/MultiSelect/_helpers/TriggerButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerButton.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_helpers/TriggerButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAIzD,QAAA,MAAM,aAAa,GAAI,yJAapB,kBAAkB,4CA2DpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/MultiSelect/_helpers/TriggerButton.js

@@ -0,0 +1,77 @@
+import { jsxs as s, jsx as e, Fragment as b } from "react/jsx-runtime";
+import { s as r } from "../../../styles.module-CmWIIYpK.js";
+import { CKTag as N } from "../../CKTag/index.js";
+import { S as k } from "../../../chevron-down-Cm9R64Fe.js";
+import w from "./TagContent.js";
+import C from "./OverflowMenu.js";
+import { mergeClasses as a } from "../../../utils/mergeClasses.js";
+const A = ({
+  open: t,
+  selected: l,
+  placeholder: m,
+  showMenu: d,
+  isAllSelected: p,
+  selectAllLabel: g,
+  requireSelection: c,
+  onToggleOpen: h,
+  onToggleMenu: f,
+  onRemove: u,
+  classNames: i,
+  maxChips: o = 2
+}) => /* @__PURE__ */ s(
+  "button",
+  {
+    className: a(
+      r.trigger,
+      t ? r["trigger-open"] : "",
+      i?.dropdownOpenerWrapperClass ?? ""
+    ),
+    onClick: h,
+    type: "button",
+    children: [
+      l?.length > 0 ? /* @__PURE__ */ e("div", { className: r["selected-tags-container"], children: p ? /* @__PURE__ */ e("span", { className: a("ckds-body-sm-reg", r["select-all-label"]), children: g }) : /* @__PURE__ */ s(b, { children: [
+        l.map((n, v) => v >= o ? null : /* @__PURE__ */ e(N, { variation: "INFO", size: "small", fill: "soft", children: /* @__PURE__ */ e(
+          w,
+          {
+            label: n?.label,
+            value: n?.value,
+            onRemove: u
+          }
+        ) }, n.value)),
+        l?.length > o && /* @__PURE__ */ s(
+          "span",
+          {
+            className: a("ckds-cap-med", r["overflow-count"]),
+            onClick: f,
+            children: [
+              "...+",
+              l?.length - o
+            ]
+          }
+        ),
+        d && /* @__PURE__ */ e(C, { selected: l, maxChips: o })
+      ] }) }) : /* @__PURE__ */ e(
+        "span",
+        {
+          className: a(
+            "ckds-body-sm-reg",
+            c ? r["placeholder-required"] : r.placeholder,
+            i?.placeholderClass ?? ""
+          ),
+          children: c ? "Select Atleast One" : m
+        }
+      ),
+      /* @__PURE__ */ e(
+        k,
+        {
+          className: a(r.chevron, t ? r["chevron-up"] : ""),
+          width: "14",
+          height: "14"
+        }
+      )
+    ]
+  }
+);
+export {
+  A as default
+};

package/dist/components/MultiSelect/_types/type.d.ts

@@ -0,0 +1,103 @@
+import { default as React } from 'react';
+export interface MultiSelectOption {
+    value: string;
+    label: string;
+    isChecked?: boolean;
+}
+/** A lightweight selected-item shape used internally across helpers. */
+export type SelectedItem = {
+    value: string;
+    label: string;
+};
+export interface ClassNames {
+    labelWrapperClass?: string;
+    helperClass?: string;
+    dropdownOpenerWrapperClass?: string;
+    placeholderClass?: string;
+    optionsListWrapperClass?: string;
+    optionRowClass?: string;
+    footerWrapperClass?: string;
+    clearAllBtnClass?: string;
+    applyBtnClass?: string;
+    cancelBtnClass?: string;
+}
+export interface MultiSelectProps {
+    label?: string;
+    helperText?: React.ReactNode;
+    required?: boolean;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    /** Custom label for the "Select all" checkbox. Defaults to "Select all".
+     *  When all options are selected, this label is also shown as a single chip in the trigger. */
+    selectAllLabel?: string;
+    options: MultiSelectOption[];
+    defaultSelected?: MultiSelectOption[];
+    onApply: (selected: MultiSelectOption[], exclude: boolean) => void;
+    exclude: boolean;
+    setExclude: React.Dispatch<React.SetStateAction<boolean>>;
+    onSelect?: () => void;
+    onClear?: () => void;
+    classNames?: ClassNames;
+    showExcludeBtn?: boolean;
+    /** When true, at least one option must be selected before Apply is enabled.
+     *  The "Exclude" toggle and "Clear all" button are also hidden. */
+    requireSelection?: boolean;
+}
+export interface OptionRowProps {
+    value: string;
+    label: string;
+    checked: boolean;
+    onToggle: (val: string, label: string) => void;
+    classNames?: ClassNames;
+}
+export interface TriggerButtonProps {
+    open: boolean;
+    selected: {
+        value: string;
+        label: string;
+    }[];
+    placeholder: string;
+    showMenu: boolean;
+    isAllSelected: boolean;
+    selectAllLabel: string;
+    requireSelection?: boolean;
+    onToggleOpen: () => void;
+    onToggleMenu: (e: React.MouseEvent) => void;
+    onRemove: (val: string, label: string, isMenuClick?: boolean, isChip?: boolean) => void;
+    classNames?: ClassNames;
+    /** Max number of chips to show inline before collapsing into +N. Defaults to 2. */
+    maxChips?: number;
+}
+export interface DropdownFooterProps {
+    onClear: () => void;
+    onCancel: () => void;
+    onApply: () => void;
+    classNames?: ClassNames;
+    isClearDisabled: boolean;
+    isApplyDisabled: boolean;
+    /** When true, hides the "Clear all" button */
+    hideClear?: boolean;
+}
+export interface TagContentProps {
+    label: string;
+    value: string;
+    onRemove: (val: string, label: string, isMenuClick?: boolean, isChip?: boolean) => void;
+}
+export interface ResultProps {
+    totalResults: number;
+    exclude: boolean;
+    setExclude: React.Dispatch<React.SetStateAction<boolean>>;
+    isToggleDisable: boolean;
+    showExcludeBtn?: boolean;
+    /** When true, hides the "Exclude" toggle entirely */
+    hideExclude?: boolean;
+}
+export interface OverflowMenuProps {
+    selected: SelectedItem[];
+    /** Matches the maxChips value from TriggerButton. Defaults to 2. */
+    maxChips?: number;
+}
+export interface OverflowMenuItemProps {
+    item: SelectedItem;
+}
+//# sourceMappingURL=type.d.ts.map

package/dist/components/MultiSelect/_types/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_types/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wEAAwE;AACxE,MAAM,MAAM,YAAY,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5D,MAAM,WAAW,UAAU;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;mGAC+F;IAC/F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACtC,OAAO,EAAE,CAAC,QAAQ,EAAE,iBAAiB,EAAE,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACnE,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC1D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;uEACmE;IACnE,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,QAAQ,EAAE,CACR,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,WAAW,CAAC,EAAE,OAAO,EACrB,MAAM,CAAC,EAAE,OAAO,KACb,IAAI,CAAC;IACV,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;IACzB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CACR,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,WAAW,CAAC,EAAE,OAAO,EACrB,MAAM,CAAC,EAAE,OAAO,KACb,IAAI,CAAC;CACX;AAED,MAAM,WAAW,WAAW;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC1D,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qDAAqD;IACrD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,YAAY,CAAC;CACpB"}

package/dist/components/MultiSelect/_types/type.js

@@ -0,0 +1 @@
+

package/dist/components/MultiSelect/_utils/computeApplyDisabled.d.ts

@@ -0,0 +1,9 @@
+import { SelectedItem } from '../_types/type';
+/**
+ * Returns true when Apply should be disabled.
+ *
+ * - Always disabled when current selection is identical to the last applied selection.
+ * - Additionally disabled when `requireSelection` is true and nothing is selected.
+ */
+export declare function computeApplyDisabled(currentSelected: SelectedItem[], applied: SelectedItem[], requireSelection?: boolean): boolean;
+//# sourceMappingURL=computeApplyDisabled.d.ts.map

package/dist/components/MultiSelect/_utils/computeApplyDisabled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"computeApplyDisabled.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_utils/computeApplyDisabled.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,eAAe,EAAE,YAAY,EAAE,EAC/B,OAAO,EAAE,YAAY,EAAE,EACvB,gBAAgB,UAAQ,GACvB,OAAO,CAKT"}

package/dist/components/MultiSelect/_utils/computeApplyDisabled.js

@@ -0,0 +1,9 @@
+function s(e, n, a = !1) {
+  if (a && e?.length === 0) return !0;
+  if (e?.length !== n?.length) return !1;
+  const l = new Set(e?.map((t) => t?.value));
+  return n?.every((t) => l.has(t?.value));
+}
+export {
+  s as computeApplyDisabled
+};

package/dist/components/MultiSelect/_utils/filterOptions.d.ts

@@ -0,0 +1,6 @@
+import { MultiSelectOption } from '../_types/type';
+/**
+ * Filters options by a search query (case-insensitive label match).
+ */
+export declare function filterOptions(options: MultiSelectOption[], query: string): MultiSelectOption[];
+//# sourceMappingURL=filterOptions.d.ts.map

package/dist/components/MultiSelect/_utils/filterOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterOptions.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_utils/filterOptions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD;;GAEG;AACH,wBAAgB,aAAa,CAC3B,OAAO,EAAE,iBAAiB,EAAE,EAC5B,KAAK,EAAE,MAAM,GACZ,iBAAiB,EAAE,CAIrB"}

package/dist/components/MultiSelect/_utils/filterOptions.js

@@ -0,0 +1,7 @@
+function n(e, t) {
+  const r = t?.trim()?.toLowerCase();
+  return r ? e.filter((i) => i?.label?.toLowerCase()?.includes(r)) : e;
+}
+export {
+  n as filterOptions
+};

package/dist/components/MultiSelect/_utils/getInitialSelected.d.ts

@@ -0,0 +1,6 @@
+import { MultiSelectOption, SelectedItem } from '../_types/type';
+/**
+ * Derives the initial selected items from defaultSelected options.
+ */
+export declare function getInitialSelected(defaultSelected: MultiSelectOption[]): SelectedItem[];
+//# sourceMappingURL=getInitialSelected.d.ts.map

package/dist/components/MultiSelect/_utils/getInitialSelected.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getInitialSelected.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_utils/getInitialSelected.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEtE;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,eAAe,EAAE,iBAAiB,EAAE,GACnC,YAAY,EAAE,CAIhB"}