@ck-ui/component-library 0.1.5 → 0.3.0

package/dist/components/MenuOptions/_utils/getMenuItemActiveState.d.ts

@@ -0,0 +1,11 @@
+import { MenuOptionItem } from '../_types/menuOptions.types';
+/**
+ * Determines whether a menu item should be rendered in the active/highlighted state.
+ *
+ * An item is active when:
+ * - Its key matches the currently selected key, OR
+ * - It has a submenu and one of its children's composite keys matches the selected key, OR
+ * - Its submenu is currently open (hover-driven)
+ */
+export declare function getMenuItemActiveState(item: MenuOptionItem, selectedKey: string | undefined, isSubmenuOpen: boolean): boolean;
+//# sourceMappingURL=getMenuItemActiveState.d.ts.map

package/dist/components/MenuOptions/_utils/getMenuItemActiveState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getMenuItemActiveState.d.ts","sourceRoot":"","sources":["../../../../lib/components/MenuOptions/_utils/getMenuItemActiveState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAElE;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,cAAc,EACpB,WAAW,EAAE,MAAM,GAAG,SAAS,EAC/B,aAAa,EAAE,OAAO,GACrB,OAAO,CAWT"}

package/dist/components/MenuOptions/_utils/getMenuItemActiveState.js

@@ -0,0 +1,6 @@
+function n(r, t, u) {
+  return !!(u || t === r.key || r.subItems?.length && t && r.subItems.some((e) => `${r.key}__${e.key}` === t));
+}
+export {
+  n as getMenuItemActiveState
+};

package/dist/components/MenuOptions/index.d.ts

@@ -0,0 +1,5 @@
+import { MenuOptionsProps } from './_types/menuOptions.types';
+export type { MenuOptionsProps, MenuOptionItem, MenuCategoriesData, MenuCategory, } from './_types/menuOptions.types';
+export { MenuOptionsWrapper } from './MenuOptionsWrapper';
+export declare function MenuOptions({ categories, open, onClose, btnRef, parentRef, classname, selectedKey, onSelect, selectedRadioValues, onRadioChange, activeSubmenuKey, setActiveSubmenuKey, searchable, searchPlaceholder, searchDebounceMs, }: MenuOptionsProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MenuOptions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/MenuOptions/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAQnE,YAAY,EACV,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,YAAY,GACb,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,IAAI,EACJ,OAAO,EACP,MAAM,EACN,SAAS,EACT,SAAS,EACT,WAAW,EACX,QAAQ,EACR,mBAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,UAAU,EACV,iBAA4B,EAC5B,gBAAsB,GACvB,EAAE,gBAAgB,kDAkJlB"}

package/dist/components/MenuOptions/index.js

@@ -0,0 +1,128 @@
+import { jsxs as j, jsx as i } from "react/jsx-runtime";
+import { useRef as q, useState as v, useEffect as p, useCallback as B, useMemo as D } from "react";
+import { s as m } from "../../styles.module-B5fY7mP8.js";
+import { M as G } from "../../MenuItem-DlaRT10y.js";
+import { RadioMenuItem as H } from "./_helpers/RadioMenuItem.js";
+import { mergeClasses as x } from "../../utils/mergeClasses.js";
+import { Search as J } from "../Search/index.js";
+import { filterMenuCategories as T } from "./_utils/filterMenuCategories.js";
+import { computeMenuPosition as U } from "./_utils/computeMenuPosition.js";
+import { MenuOptionsWrapper as ne } from "./MenuOptionsWrapper.js";
+function ee({
+  categories: a,
+  open: r,
+  onClose: o,
+  btnRef: u,
+  parentRef: w,
+  classname: y,
+  selectedKey: N,
+  onSelect: O,
+  selectedRadioValues: S,
+  onRadioChange: z,
+  activeSubmenuKey: I,
+  setActiveSubmenuKey: l,
+  searchable: c,
+  searchPlaceholder: P = "Search",
+  searchDebounceMs: Q = 300
+}) {
+  const h = q(null), [d, k] = v(null), [C, F] = v(
+    S ?? {}
+  ), [f, E] = v("");
+  p(() => {
+    if (!r) return;
+    const e = (t) => {
+      h.current && !h.current.contains(t.target) && !u?.contains(t.target) && o();
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [r, o, u]), p(() => {
+    if (!r) return;
+    const e = (t) => {
+      t.key === "Escape" && o();
+    };
+    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, [r, o]);
+  const g = Object.values(a).reduce(
+    (e, t) => e + t.items.length,
+    0
+  ), n = B(() => {
+    u && k(U(u, g, w));
+  }, [u, w, g]);
+  p(() => {
+    r ? (n(), l?.("")) : (k(null), E(""));
+  }, [r, n]), p(() => {
+    if (!r) return;
+    window.addEventListener("scroll", n, !0);
+    const e = () => {
+      n(), l?.("");
+    };
+    return window.addEventListener("resize", e), () => {
+      window.removeEventListener("scroll", n, !0), window.removeEventListener("resize", e);
+    };
+  }, [r, n, l]);
+  const M = D(
+    () => c ? T(a, f) : a,
+    [c, f, a]
+  );
+  return r ? /* @__PURE__ */ j(
+    "div",
+    {
+      ref: h,
+      tabIndex: -1,
+      className: x(m["ckds-menu-panel"], y),
+      style: {
+        top: d?.top,
+        visibility: d ? "visible" : "hidden",
+        ...d?.right !== void 0 ? { right: d.right, left: "auto" } : { left: d?.left, right: "auto" }
+      },
+      children: [
+        c && /* @__PURE__ */ i("div", { className: m["menu-search-wrapper"], children: /* @__PURE__ */ i(
+          J,
+          {
+            value: f,
+            onChange: E,
+            placeholder: P,
+            size: "medium",
+            autoFocus: !0,
+            debounceMs: Q
+          }
+        ) }),
+        c && f.trim() && Object.keys(M).length === 0 && /* @__PURE__ */ i(
+          "span",
+          {
+            className: x("ckds-cap-reg", m["menu-no-results"]),
+            children: "0 Result"
+          }
+        ),
+        Object.entries(M).map(([e, t], R) => /* @__PURE__ */ j("div", { className: m["menu-category"], children: [
+          R > 0 && /* @__PURE__ */ i("hr", { className: m["menu-divider"] }),
+          t.type === "radio" ? t.items.map((s) => /* @__PURE__ */ i(
+            H,
+            {
+              item: s,
+              checked: C[e] === s.key,
+              onSelect: (L) => {
+                F((W) => ({ ...W, [e]: L })), z?.(e, L);
+              }
+            },
+            s.key
+          )) : t.items.map((s) => /* @__PURE__ */ i(
+            G,
+            {
+              item: s,
+              onClose: o,
+              selectedKey: N,
+              onSelect: O,
+              activeSubmenuKey: I,
+              onSubmenuActivate: l
+            },
+            s.key
+          ))
+        ] }, e))
+      ]
+    }
+  ) : null;
+}
+export {
+  ee as MenuOptions,
+  ne as MenuOptionsWrapper
+};

package/dist/components/MetricCards/Component/CardWithIconAndForecast/index.d.ts

@@ -0,0 +1,3 @@
+import { CardIconProps } from '../../_types/metricCards.types';
+export declare function CardWithIconAndForecast({ icon, title, value, dateRange, deviationChip, forecastValue, className, actionLink, secondarySection, }: CardIconProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MetricCards/Component/CardWithIconAndForecast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/MetricCards/Component/CardWithIconAndForecast/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAKpE,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,aAAa,EACb,aAAa,EACb,SAAS,EACT,UAAU,EACV,gBAAgB,GACjB,EAAE,aAAa,2CAuDf"}

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

@@ -0,0 +1,71 @@
+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_12h7m_54",
+  "secondary-section": "_secondary-section_12h7m_58"
+};
+function C({
+  icon: i,
+  title: s,
+  value: n,
+  dateRange: l,
+  deviationChip: o,
+  forecastValue: t,
+  className: h,
+  actionLink: a,
+  secondarySection: d
+}) {
+  return /* @__PURE__ */ c(_, { children: [
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: `${e.card} ${t ? e.forecast : ""} ${h}`,
+        children: [
+          /* @__PURE__ */ c("div", { className: e["regular-card"], children: [
+            (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 })
+            ] }),
+            n && /* @__PURE__ */ r("div", { className: e.value, children: n }),
+            l && /* @__PURE__ */ r("div", { className: e["date-range"], children: l }),
+            o && /* @__PURE__ */ r(
+              m,
+              {
+                price: "+$1,100",
+                percentage: "0.13",
+                arrowDirection: "up",
+                arrowColor: "green"
+              }
+            )
+          ] }),
+          t && /* @__PURE__ */ c("div", { className: e["forecast-card"], children: [
+            /* @__PURE__ */ r("div", { className: e.title, children: "Forecast" }),
+            /* @__PURE__ */ r("div", { className: e.value, children: t })
+          ] }),
+          a?.href && /* @__PURE__ */ r(
+            "a",
+            {
+              href: a?.href,
+              target: a?.target ?? "_blank",
+              rel: "noreferrer",
+              className: `${e["action-link"]} ${a?.className}`,
+              children: /* @__PURE__ */ r("img", { src: g, alt: "Redirection Link" })
+            }
+          )
+        ]
+      }
+    ),
+    d && /* @__PURE__ */ r("div", { className: e["secondary-section"], children: d })
+  ] });
+}
+export {
+  C as CardWithIconAndForecast
+};

package/dist/components/MetricCards/Constant/constant.d.ts

@@ -0,0 +1,13 @@
+export declare const VARIANT: {
+    readonly DEFAULT: "default";
+    readonly CUSTOM: "custom";
+};
+export declare const LINK_TARGET: {
+    readonly BLANK: "_blank";
+    readonly SELF: "_self";
+};
+export declare const SIZE: {
+    readonly REGULAR: "regular";
+    readonly LARGE: "large";
+};
+//# sourceMappingURL=constant.d.ts.map

package/dist/components/MetricCards/Constant/constant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../../../lib/components/MetricCards/Constant/constant.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,eAAO,MAAM,WAAW;;;CAGd,CAAC;AAEX,eAAO,MAAM,IAAI;;;CAGP,CAAC"}

package/dist/components/MetricCards/Constant/constant.js

@@ -0,0 +1,15 @@
+const A = {
+  DEFAULT: "default",
+  CUSTOM: "custom"
+}, t = {
+  BLANK: "_blank",
+  SELF: "_self"
+}, E = {
+  REGULAR: "regular",
+  LARGE: "large"
+};
+export {
+  t as LINK_TARGET,
+  E as SIZE,
+  A as VARIANT
+};

package/dist/components/MetricCards/_types/metricCards.types.d.ts

@@ -0,0 +1,38 @@
+import { LINK_TARGET, VARIANT, SIZE } from '../Constant/constant';
+export type LinkTarget = (typeof LINK_TARGET)[keyof typeof LINK_TARGET];
+export type variantOption = (typeof VARIANT)[keyof typeof VARIANT];
+export type Size = (typeof SIZE)[keyof typeof SIZE];
+interface DeviationChip {
+    price?: string;
+    percentage?: string;
+    arrowDirection?: string;
+    arrowColor?: string;
+}
+interface ActionLink {
+    href: string;
+    target?: LinkTarget;
+    className?: string;
+}
+export interface CardIconProps {
+    icon?: React.ReactNode;
+    title?: React.ReactNode;
+    value?: React.ReactNode;
+    dateRange?: string;
+    deviationChip?: DeviationChip;
+    forecastValue?: React.ReactNode;
+    className?: string;
+    actionLink?: ActionLink;
+    secondarySection?: React.ReactNode;
+}
+export interface MetricCardProps {
+    cardData: CardIconProps;
+    size: Size;
+    variant: variantOption;
+    children?: React.ReactNode;
+    className?: string;
+    boxBg?: boolean;
+    cardFooter?: React.ReactNode;
+    shadow?: boolean;
+}
+export {};
+//# sourceMappingURL=metricCards.types.d.ts.map

package/dist/components/MetricCards/_types/metricCards.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metricCards.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/MetricCards/_types/metricCards.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAG,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAEvE,MAAM,MAAM,UAAU,GACpB,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAEjD,MAAM,MAAM,aAAa,GACvB,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAEzC,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,OAAO,IAAI,CAAC,CAAC;AACpD,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAC,MAAM,CAAC;CACpB;AAED,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,aAAa,CAAC;IACxB,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}

package/dist/components/MetricCards/_types/metricCards.types.js

@@ -0,0 +1 @@
+

package/dist/components/MetricCards/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { MetricCardProps } from './_types/metricCards.types';
+export declare const MetricCard: React.FC<MetricCardProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MetricCards/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/MetricCards/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAGlE,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwBhD,CAAC"}

package/dist/components/MetricCards/index.js

@@ -0,0 +1,31 @@
+import { jsxs as c, jsx as d } from "react/jsx-runtime";
+import "react";
+import { CardBox as f } from "../CardBox/index.js";
+import { CardWithIconAndForecast as n } from "./Component/CardWithIconAndForecast/index.js";
+import { SIZE as x, VARIANT as r } from "./Constant/constant.js";
+const F = ({
+  className: t,
+  cardFooter: m,
+  shadow: i,
+  children: e,
+  cardData: p = {},
+  boxBg: s = !1,
+  size: A = x.REGULAR,
+  variant: o = r.DEFAULT
+}) => /* @__PURE__ */ c(
+  f,
+  {
+    className: t,
+    boxBg: s,
+    cardFooter: m,
+    shadow: i,
+    size: A,
+    children: [
+      o === r.DEFAULT && /* @__PURE__ */ d(n, { ...p }),
+      o === r.CUSTOM && e
+    ]
+  }
+);
+export {
+  F as MetricCard
+};

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"}