@ck-ui/component-library 0.1.5 → 0.3.0

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

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

@@ -0,0 +1,6 @@
+function t(l) {
+  return l.filter((e) => e?.isChecked)?.map((e) => ({ value: e?.value, label: e?.label }));
+}
+export {
+  t as getInitialSelected
+};

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

@@ -0,0 +1,4 @@
+import { MultiSelectProps } from './_types/type';
+export type { MultiSelectOption, MultiSelectProps } from './_types/type';
+export declare function MultiSelect({ label, helperText, required, placeholder, searchPlaceholder, selectAllLabel, options, defaultSelected, onApply, exclude, setExclude, onSelect, onClear, classNames, showExcludeBtn, requireSelection, }: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/MultiSelect/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,gBAAgB,EAAgB,MAAM,eAAe,CAAC;AAMpE,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEzE,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,UAAU,EACV,QAAQ,EACR,WAAgC,EAChC,iBAA4B,EAC5B,cAA6B,EAC7B,OAAO,EACP,eAAoB,EACpB,OAAO,EACP,OAAO,EACP,UAAU,EACV,QAAQ,EACR,OAAO,EACP,UAAe,EACf,cAAc,EACd,gBAAwB,GACzB,EAAE,gBAAgB,2CAgQlB"}

package/dist/components/MultiSelect/index.js

@@ -0,0 +1,232 @@
+import { jsxs as d, jsx as n, Fragment as re } from "react/jsx-runtime";
+import { useState as g, useRef as oe, useEffect as ce, useMemo as Q, useCallback as h } from "react";
+import { s as a } from "../../styles.module-CmWIIYpK.js";
+import { Search as de } from "../Search/index.js";
+import { S as he } from "../../info-icon-ooYw3va_.js";
+import { CKCheckbox as me } from "../CKCheckbox/index.js";
+import ie from "./_helpers/TriggerButton.js";
+import ge from "./_helpers/OptionRow.js";
+import pe from "./_helpers/SearchResult.js";
+import ue from "./_helpers/DropdownFooter.js";
+import { getInitialSelected as W } from "./_utils/getInitialSelected.js";
+import { filterOptions as fe } from "./_utils/filterOptions.js";
+import { computeApplyDisabled as Ce } from "./_utils/computeApplyDisabled.js";
+import { mergeClasses as p } from "../../utils/mergeClasses.js";
+function Te({
+  label: I,
+  helperText: M,
+  required: K,
+  placeholder: P = "Choose parameter",
+  searchPlaceholder: G = "Search",
+  selectAllLabel: O = "Select all",
+  options: l,
+  defaultSelected: T = [],
+  onApply: D,
+  exclude: y,
+  setExclude: H,
+  onSelect: B,
+  onClear: j,
+  classNames: m = {},
+  showExcludeBtn: J,
+  requireSelection: r = !1
+}) {
+  const { labelWrapperClass: U, helperClass: V } = m, [C, v] = g(!1), [b, w] = g(""), [t, z] = g(
+    () => W(T)
+  ), [o, u] = g(
+    () => W(T)
+  ), [X, f] = g(!1), [Y, c] = g(!1), N = oe(null);
+  ce(() => {
+    const e = (s) => {
+      N.current && !N.current.contains(s.target) && (u(t), f(t?.length === l?.length), v(!1), c(!1), w(""));
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [t, l.length]);
+  const S = Q(
+    () => fe(l, b),
+    [l, b]
+  ), x = r ? 1 : 2, F = h(
+    (e, s, i, ae) => {
+      i || c(!1);
+      const L = (k) => {
+        const E = k?.some((R) => R?.value === e) ? k?.filter((R) => R?.value !== e) : [...k, { value: e, label: s }];
+        return f(E?.length === l?.length), E?.length <= x && c(!1), E;
+      };
+      if (ae) {
+        if (r && t?.length === 1 && t[0]?.value === e)
+          return;
+        z(L);
+      }
+      u(L), B?.();
+    },
+    [x, l.length, B, r, t]
+  ), Z = h(() => {
+    c(!1), f((e) => {
+      const s = !e;
+      return u(
+        s ? l?.map((i) => ({ value: i?.value, label: i?.label })) : []
+      ), s;
+    });
+  }, [l]), _ = h(() => {
+    u([]), f(!1), j?.();
+  }, [j]), $ = h(() => {
+    const e = l?.filter((s) => o?.some((i) => i?.value === s?.value))?.map((s) => ({ ...s, isChecked: !0 }));
+    D(e, y), z(o), v(!1);
+  }, [l, o, y, D]), q = h(() => {
+    u(t), f(t?.length === l?.length), c(!1), v(!1), w("");
+  }, [t, l.length]), ee = h(() => {
+    v((e) => !e), c(!1);
+  }, []), le = h((e) => {
+    e.stopPropagation(), c((s) => !s);
+  }, []), se = Q(
+    () => Ce(o, t, r),
+    [o, t, r]
+  ), A = C ? o : t, te = A?.length === 0, ne = A?.length === l?.length && l?.length > 0;
+  return /* @__PURE__ */ d("div", { className: a["ckds-wrapper"], children: [
+    I && !r && /* @__PURE__ */ d(
+      "span",
+      {
+        className: p(
+          "ckds-body-xs-med",
+          a["label-wrapper"],
+          U ?? ""
+        ),
+        children: [
+          I,
+          K && /* @__PURE__ */ n("span", { className: a.required, children: " *" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ d("div", { className: a["trigger-wrapper"], ref: N, children: [
+      /* @__PURE__ */ n(
+        ie,
+        {
+          open: C,
+          selected: A,
+          placeholder: P,
+          showMenu: Y,
+          isAllSelected: ne,
+          selectAllLabel: O,
+          requireSelection: r && te,
+          onToggleOpen: ee,
+          onToggleMenu: le,
+          onRemove: F,
+          classNames: m,
+          maxChips: x
+        }
+      ),
+      /* @__PURE__ */ n(
+        "div",
+        {
+          className: p(
+            "ckds-body-xs-reg",
+            a["helper-text"],
+            C ? a["helper-hide"] : "",
+            V ?? ""
+          ),
+          children: M && !r && /* @__PURE__ */ d(re, { children: [
+            /* @__PURE__ */ n(he, { width: "12", height: "12" }),
+            " ",
+            M
+          ] })
+        }
+      ),
+      C && /* @__PURE__ */ d("div", { className: a.dropdown, children: [
+        /* @__PURE__ */ n(
+          de,
+          {
+            size: "medium",
+            value: b,
+            placeholder: G,
+            onChange: w,
+            onClear: () => w(""),
+            wrapperClassName: "",
+            inputClassName: ""
+          }
+        ),
+        /* @__PURE__ */ n(
+          pe,
+          {
+            totalResults: S?.length,
+            exclude: y,
+            setExclude: H,
+            isToggleDisable: o?.length === 0,
+            showExcludeBtn: J,
+            hideExclude: r
+          }
+        ),
+        /* @__PURE__ */ n("div", { className: a.divider }),
+        /* @__PURE__ */ d(
+          "div",
+          {
+            className: p(
+              a["ckds-options-list"],
+              m?.optionsListWrapperClass ?? ""
+            ),
+            children: [
+              b.length === 0 && /* @__PURE__ */ d(
+                "div",
+                {
+                  className: p(
+                    a["option-row"],
+                    m?.optionRowClass ?? ""
+                  ),
+                  onClick: Z,
+                  children: [
+                    /* @__PURE__ */ n(me, { checked: X, size: "md" }),
+                    /* @__PURE__ */ n(
+                      "span",
+                      {
+                        className: p(
+                          "ckds-body-sm-reg",
+                          a["option-label"]
+                        ),
+                        children: O
+                      }
+                    )
+                  ]
+                }
+              ),
+              S?.length === 0 ? /* @__PURE__ */ n(
+                "span",
+                {
+                  className: p(
+                    "ckds-body-sm-reg",
+                    a["no-results"]
+                  ),
+                  children: "No results found"
+                }
+              ) : S?.map((e) => /* @__PURE__ */ n(
+                ge,
+                {
+                  value: e?.value,
+                  label: e?.label,
+                  checked: o?.some(
+                    (s) => s?.value === e?.value
+                  ),
+                  onToggle: F,
+                  classNames: m
+                },
+                e?.value
+              ))
+            ]
+          }
+        ),
+        /* @__PURE__ */ n(
+          ue,
+          {
+            onClear: _,
+            onCancel: q,
+            onApply: $,
+            classNames: m,
+            isClearDisabled: o?.length === 0,
+            isApplyDisabled: se,
+            hideClear: r
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  Te as MultiSelect
+};

package/dist/components/Pagination/_types/pagination.types.d.ts

@@ -0,0 +1,21 @@
+export interface PaginationProps {
+    /** Current active page (1-indexed) */
+    currentPage: number;
+    /** Total number of pages */
+    totalPages: number;
+    /** Number of rows displayed per page */
+    pageSize: number;
+    /** Callback when page changes */
+    onPageChange: (page: number) => void;
+    /** Callback when page size changes (provide this to enable the rows-per-page selector) */
+    onPageSizeChange?: (size: number) => void;
+    /** Whether to show the rows-per-page selector (requires onPageSizeChange) */
+    showPageSizeSelector?: boolean;
+    /** Available page size options */
+    pageSizeOptions?: number[];
+    /** Total number of records */
+    totalRecords: number;
+    /** Optional additional class name */
+    className?: string;
+}
+//# sourceMappingURL=pagination.types.d.ts.map

package/dist/components/Pagination/_types/pagination.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/Pagination/_types/pagination.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,QAAQ,EAAE,MAAM,CAAC;IACjB,iCAAiC;IACjC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,0FAA0F;IAC1F,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,6EAA6E;IAC7E,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kCAAkC;IAClC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,8BAA8B;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/Pagination/_types/pagination.types.js

@@ -0,0 +1 @@
+

package/dist/components/Pagination/_utils/computePageSizeOptions.d.ts

@@ -0,0 +1,5 @@
+declare const DEFAULT_PAGE_SIZE_OPTIONS: number[];
+declare const computePageSizeOptions: (totalRecords: number, pageSizeOptions?: number[]) => number[];
+export { DEFAULT_PAGE_SIZE_OPTIONS };
+export default computePageSizeOptions;
+//# sourceMappingURL=computePageSizeOptions.d.ts.map

package/dist/components/Pagination/_utils/computePageSizeOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"computePageSizeOptions.d.ts","sourceRoot":"","sources":["../../../../lib/components/Pagination/_utils/computePageSizeOptions.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,yBAAyB,UAA0B,CAAC;AAE1D,QAAA,MAAM,sBAAsB,GAC1B,cAAc,MAAM,EACpB,kBAAiB,MAAM,EAA8B,KACpD,MAAM,EAmBR,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,CAAC;AACrC,eAAe,sBAAsB,CAAC"}

package/dist/components/Pagination/_utils/computePageSizeOptions.js

@@ -0,0 +1,10 @@
+const c = [20, 50, 100, 200, 500], f = (l, s = c) => {
+  const u = s[s.length - 1], n = s.filter(
+    (e, o) => e <= l || o === 0
+  ), t = Math.floor(l / 100) * 100;
+  return t > 0 && t <= u && !n.includes(t) && t <= l && (n.push(t), n.sort((e, o) => e - o)), n;
+};
+export {
+  c as DEFAULT_PAGE_SIZE_OPTIONS,
+  f as default
+};

package/dist/components/Pagination/_utils/generatePageNumbers.d.ts

@@ -0,0 +1,4 @@
+type PageNumber = number | "...";
+declare const generatePageNumbers: (currentPage: number, totalPages: number) => PageNumber[];
+export default generatePageNumbers;
+//# sourceMappingURL=generatePageNumbers.d.ts.map

package/dist/components/Pagination/_utils/generatePageNumbers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generatePageNumbers.d.ts","sourceRoot":"","sources":["../../../../lib/components/Pagination/_utils/generatePageNumbers.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC;AAEjC,QAAA,MAAM,mBAAmB,GACvB,aAAa,MAAM,EACnB,YAAY,MAAM,KACjB,UAAU,EA0CZ,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/Pagination/_utils/generatePageNumbers.js

@@ -0,0 +1,18 @@
+const m = (u, h) => {
+  if (h <= 0) return [];
+  const i = [];
+  if (h <= 7) {
+    for (let f = 1; f <= h; f += 1)
+      i.push(f);
+    return i;
+  }
+  i.push(1);
+  let p = Math.max(2, u - 1), r = Math.min(h - 1, u + 1);
+  u <= 3 && (p = 2, r = Math.min(4, h - 1)), u >= h - 2 && (p = Math.max(2, h - 3), r = h - 1), p > 2 && i.push("...");
+  for (let f = p; f <= r; f += 1)
+    i.push(f);
+  return r < h - 1 && i.push("..."), i.push(h), i;
+};
+export {
+  m as default
+};

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

@@ -0,0 +1,6 @@
+import { PaginationProps } from './_types/pagination.types';
+export declare function Pagination({ currentPage, totalPages, pageSize, onPageChange, onPageSizeChange, showPageSizeSelector, pageSizeOptions, totalRecords, className, }: PaginationProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace Pagination {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Pagination/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAMjE,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,oBAA4B,EAC5B,eAA2C,EAC3C,YAAY,EACZ,SAAS,GACV,EAAE,eAAe,kDA4KjB;yBAtLe,UAAU"}