@ck-ui/component-library 1.0.4 → 1.0.6

package/dist/assets/styles-infyYXuZ.css

@@ -0,0 +1 @@
+._ckds-wrapper_1xrn0_1{--wrapper-width: 250px;--trigger-transition: border-color .2s;--selected-tags-gap: 8px;--selected-tag-content-width: 45px;--dropdown-z-index: 11;--dropdown-margin-top: var(--ckcl-spacing-ms, 12px);--options-list-height: 150px;--scrollbar-width: 2px;--option-row-transition: all .1s ease-in-out;--menu-list-top: 25px;--menu-list-left: 0px;--menu-list-width: 128px;--menu-list-z-index: 12;--menu-item-height: 32px;--chevron-transition: transform .2s ease;--apply-btn-transition: background .2s;--trigger-border-width: 1px;--divider-height: 1px;--chevron-rotate: 180deg;--menu-list-max-height: 160px;--menu-list-border-width: 1px;--dropdown-helper-top: 26px;display:inline-flex;flex-direction:column;gap:var(--ckcl-spacing-sm, 8px);width:var(--wrapper-width);font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}._ckds-wrapper-disabled_1xrn0_31{opacity:.5;pointer-events:none;cursor:not-allowed}._label-wrapper_1xrn0_37{color:var(--ckcl-black-500, #2B2B2B)}._required_1xrn0_41{color:var(--ckcl-red-500, #E52323)}._trigger-wrapper_1xrn0_45{position:relative;width:100%}body ._trigger_1xrn0_45{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-ms, 12px);border:var(--trigger-border-width) solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-md, 8px);background:var(--ckcl-white, #FFFFFF);cursor:pointer;transition:var(--trigger-transition);height:var(--ckcl-spacing-2xl, 32px);position:relative}body ._trigger_1xrn0_45:not(._trigger-open_1xrn0_65):hover{border-color:var(--ckcl-primary-500, #3A72E4)}body ._trigger-open_1xrn0_65{border-color:var(--ckcl-primary-500, #3A72E4)}._placeholder_1xrn0_73{color:var(--ckcl-black-300, #A0A0A0)}._placeholder-required_1xrn0_77{color:var(--ckcl-red-500, #E52323)}._chevron_1xrn0_81{color:var(--ckcl-black-400, #737373);transition:var(--chevron-transition);flex-shrink:0}._chevron-up_1xrn0_87{transform:rotate(var(--chevron-rotate))}._selected-tags-container_1xrn0_91{display:flex;align-items:center;gap:var(--selected-tags-gap);cursor:default;min-width:0;flex:1;overflow:hidden}._selected-tag-wrapper_1xrn0_101{display:flex;align-items:center;gap:var(--ckcl-spacing-sm, 8px)}._selected-tag-content_1xrn0_107{width:var(--selected-tag-content-width);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._select-all-label_1xrn0_114{color:var(--ckcl-black-500, #2B2B2B);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._remove-icon_1xrn0_122{cursor:pointer}._overflow-count_1xrn0_126{color:var(--ckcl-primary-600, #3060C1);cursor:pointer}._helper-text_1xrn0_131{display:flex;align-items:center;gap:var(--ckcl-spacing-2xs, 2px);margin:var(--ckcl-spacing-none, 0px);margin-top:var(--ckcl-spacing-xs, 4px);color:var(--ckcl-black-500, #2B2B2B)}._helper-hide_1xrn0_140{visibility:hidden}._dropdown_1xrn0_145{position:absolute;top:calc(100% - var(--ckcl-spacing-sm, 8px));min-width:291px;background:var(--ckcl-white, #FFFFFF);z-index:var(--dropdown-z-index);display:flex;flex-direction:column;padding:var(--ckcl-spacing-ms, 12px);padding-bottom:var(--ckcl-spacing-3xl, 48px);gap:var(--ckcl-spacing-ms, 12px);border:var(--trigger-border-width) solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-lg, 12px);margin-top:var(--dropdown-margin-top)}._dropdown-align-left_1xrn0_162{left:0}._dropdown-align-right_1xrn0_166{right:0}._dropdown-up_1xrn0_171{top:auto;bottom:calc(100% - var(--ckcl-spacing-sm, 8px));margin-top:0;margin-bottom:var(--dropdown-margin-top)}._dropdown-helper_1xrn0_178{top:calc(100% - var(--dropdown-helper-top))}._dropdown-helper-up_1xrn0_182{bottom:calc(100% - var(--dropdown-helper-top))}._result-wrapper_1xrn0_187{display:flex;align-items:center;justify-content:space-between;padding:var(--ckcl-spacing-none, 0px) var(--ckcl-spacing-2xs, 2px)}._result-left_1xrn0_194{display:flex;align-items:center;gap:var(--ckcl-spacing-xs, 4px)}._result-count_1xrn0_200{color:var(--ckcl-black-400, #737373)}._result-pipe_1xrn0_204{color:var(--ckcl-black-100, #DCDCDC);-webkit-user-select:none;user-select:none;height:12px;width:0px;border-left:1px solid var(--ckcl-black-100, #DCDCDC)}._result-selected_1xrn0_212{color:var(--ckcl-black-500, #2B2B2B)}._exclude-row_1xrn0_216{display:flex;align-items:center;gap:var(--ckcl-spacing-sm, 8px)}._exclude-label_1xrn0_222{color:var(--ckcl-black-500, #2B2B2B)}._divider_1xrn0_226{height:var(--divider-height);background:var(--ckcl-black-100, #DCDCDC)}._ckds-options-list_1xrn0_232{height:var(--options-list-height);overflow-y:auto;display:flex;flex-direction:column;gap:var(--ckcl-spacing-none, 0px)}._ckds-options-list_1xrn0_232::-webkit-scrollbar{width:var(--scrollbar-width)}._ckds-options-list_1xrn0_232::-webkit-scrollbar-thumb{background:var(--ckcl-black-200, #C2C2C2);border-radius:var(--ckds-border-radius-2xs, 2px)}._option-row_1xrn0_247{display:flex;align-items:center;gap:var(--ckcl-spacing-sm, 8px);padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-none, 0px);border-radius:var(--ckds-border-radius-xs, 4px);cursor:pointer;transition:var(--option-row-transition)}._option-row_1xrn0_247:hover{background:var(--ckcl-primary-50, #F8FBFF);padding-left:var(--ckcl-spacing-xs, 4px)}._option-label_1xrn0_261{color:var(--ckcl-black-500, #2B2B2B)}._no-results_1xrn0_265{color:var(--ckcl-black-300, #A0A0A0);padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-none, 0px)}._ckds-multi-select-footer_1xrn0_271{display:flex;align-items:center;justify-content:space-between;box-shadow:var(--ckcl-elevation-1, -4px 10.65px 21.3px -10.65px rgba(24, 39, 75, .13));position:absolute;bottom:0;left:0;width:100%;padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-ms, 12px);box-shadow:var(--ckcl-elevation-3, 0px -2px 29.3px -10.65px rgba(24, 39, 75, .09))}._clear-btn_1xrn0_284{background:none;border:none;color:var(--ckcl-black-300, #A0A0A0);cursor:not-allowed}._clear-btn_1xrn0_284:not(._clearDisabled_1xrn0_290){color:var(--ckcl-primary-500, #3A72E4);cursor:pointer}._footer-actions_1xrn0_295{display:flex;gap:var(--ckcl-spacing-sm, 8px)}._footer-actions-end_1xrn0_300{margin-left:auto}._cancel-btn_1xrn0_304{padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-slg, 20px);border:1px solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-md, 8px);background:var(--ckcl-white, #FFFFFF);color:var(--ckcl-black-500, #2B2B2B);cursor:pointer}._apply-btn_1xrn0_313{padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-slg, 20px);border:none;border-radius:var(--ckds-border-radius-md, 8px);background:var(--ckcl-primary-500, #3A72E4);color:var(--ckcl-white, #FFFFFF);cursor:pointer;transition:var(--apply-btn-transition)}._apply-disabled_1xrn0_323{background:var(--ckcl-black-200, #C2C2C2);cursor:not-allowed}._menu-list_1xrn0_329{max-height:var(--menu-list-max-height);position:absolute;top:var(--menu-list-top);left:var(--menu-list-left);z-index:var(--menu-list-z-index);width:var(--menu-list-width);border-radius:var(--ckds-border-radius-lg, 12px);border:var(--menu-list-border-width) solid var(--ckcl-black-100, #DCDCDC);background-color:var(--ckcl-white, #FFFFFF);padding:var(--ckcl-spacing-sm, 8px);box-shadow:var(--ckcl-elevation-2, 0px 4px 12px 0px rgba(0, 79, 206, .1215686275));overflow-y:auto}._menu-list-up_1xrn0_344{top:auto;bottom:var(--menu-list-top)}._menu-list-right_1xrn0_349{left:auto;right:0}._ckds-menu-item_1xrn0_354{display:flex;align-items:center;height:var(--menu-item-height);padding:var(--ckcl-spacing-sm, 8px);color:var(--ckcl-black-500, #2B2B2B);font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;margin:0;cursor:default;overflow:hidden}._menu-item-label_1xrn0_366{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;width:100%}

package/dist/components/MultiSelect/SimpleMultiSelect.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as r, Fragment as ae } from "react/jsx-runtime";
 import { useState as v, useRef as ce, useEffect as de, useMemo as ie, useCallback as u } from "react";
-import { s as t } from "../../styles.module-CdFoY0cE.js";
+import { s as t } from "../../styles.module-DlIBNC4w.js";
 import { Search as ue } from "../Search/index.js";
 import { S as me } from "../../info-icon-ooYw3va_.js";
 import { CKCheckbox as he } from "../CKCheckbox/index.js";

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

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as s } from "react/jsx-runtime";
-import { s as l } from "../../../styles.module-CdFoY0cE.js";
+import { s as l } from "../../../styles.module-DlIBNC4w.js";
 import { CKButton as r } from "../../CKButton/index.js";
 import { mergeClasses as e } from "../../../utils/mergeClasses.js";
 const y = ({

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

@@ -1,6 +1,6 @@
 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-CdFoY0cE.js";
+import { s as m } from "../../../styles.module-DlIBNC4w.js";
 import { CKCheckbox as d } from "../../CKCheckbox/index.js";
 import { mergeClasses as t } from "../../../utils/mergeClasses.js";
 const u = a(function({

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

@@ -1 +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"}
+{"version":3,"file":"OverflowMenu.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_helpers/OverflowMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxD,QAAA,MAAM,YAAY,GAAI,wBAA4B,iBAAiB,4CAwDlE,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1,7 +1,35 @@
-import { jsx as r } from "react/jsx-runtime";
-import { s } from "../../../styles.module-CdFoY0cE.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)) });
+import { jsx as c } from "react/jsx-runtime";
+import { useRef as v, useState as g, useCallback as E, useLayoutEffect as z, useEffect as L } from "react";
+import { s as o } from "../../../styles.module-DlIBNC4w.js";
+import R from "./OverflowMenuItem.js";
+import { mergeClasses as b } from "../../../utils/mergeClasses.js";
+const B = ({ selected: u, maxChips: a = 2 }) => {
+  const r = v(null), [i, m] = g({
+    vertical: "down",
+    horizontal: "left"
+  }), e = E(() => {
+    const t = r.current;
+    if (!t) return;
+    const n = t.getBoundingClientRect(), s = window.innerHeight - n.top, f = n.bottom, d = window.innerWidth - n.left, w = t.scrollHeight, l = t.offsetWidth, h = s < w && f > s ? "up" : "down", p = d < l && n.left > l ? "right" : "left";
+    m({ vertical: h, horizontal: p });
+  }, []);
+  return z(() => {
+    e();
+  }, [e]), L(() => (window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+    window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+  }), [e]), /* @__PURE__ */ c(
+    "div",
+    {
+      ref: r,
+      className: b(
+        o["menu-list"],
+        i.vertical === "up" ? o["menu-list-up"] : "",
+        i.horizontal === "right" ? o["menu-list-right"] : ""
+      ),
+      children: u?.map((t, n) => n < a ? null : /* @__PURE__ */ c(R, { item: t }, t?.value))
+    }
+  );
+};
 export {
-  a as default
+  B as default
 };

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { s as i } from "../../../styles.module-CdFoY0cE.js";
+import { s as i } from "../../../styles.module-DlIBNC4w.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";

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

@@ -1,5 +1,5 @@
 import { jsxs as s, Fragment as t, jsx as a } from "react/jsx-runtime";
-import { s as e } from "../../../styles.module-CdFoY0cE.js";
+import { s as e } from "../../../styles.module-DlIBNC4w.js";
 import { Toggle as o } from "../../Toggle/index.js";
 import { mergeClasses as r } from "../../../utils/mergeClasses.js";
 const f = ({

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

@@ -1,7 +1,7 @@
 import { jsxs as h, jsx as o } from "react/jsx-runtime";
 import v, { useRef as g, useState as w, useLayoutEffect as C, useCallback as l } from "react";
 import { S as O } from "../../../cancel-BAgTEOGD.js";
-import { s } from "../../../styles.module-CdFoY0cE.js";
+import { s } from "../../../styles.module-DlIBNC4w.js";
 import { Tooltip as R } from "../../Tooltip/index.js";
 const j = v.memo(function({
   label: t,

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

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as t, Fragment as N } from "react/jsx-runtime";
 import { useRef as O, useState as T, useEffect as y } from "react";
-import { s as r } from "../../../styles.module-CdFoY0cE.js";
+import { s as r } from "../../../styles.module-DlIBNC4w.js";
 import { CKTag as z } from "../../CKTag/index.js";
 import { S as R } from "../../../chevron-down-Cm9R64Fe.js";
 import W from "./TagContent.js";

package/dist/components/MultiSelect/index.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as o, Fragment as fe } from "react/jsx-runtime";
 import { useState as u, useRef as Ce, useEffect as H, useMemo as T, useCallback as p } from "react";
-import { s as t } from "../../styles.module-CdFoY0cE.js";
+import { s as t } from "../../styles.module-DlIBNC4w.js";
 import { Search as ve } from "../Search/index.js";
 import { S as we } from "../../info-icon-ooYw3va_.js";
 import { CKCheckbox as be } from "../CKCheckbox/index.js";

package/dist/styles.module-DlIBNC4w.js

@@ -0,0 +1,55 @@
+import './assets/styles-infyYXuZ.css';const e = "_required_1xrn0_41", r = "_trigger_1xrn0_45", _ = "_placeholder_1xrn0_73", n = "_chevron_1xrn0_81", l = "_dropdown_1xrn0_145", t = "_divider_1xrn0_226", o = "_clearDisabled_1xrn0_290", d = {
+  "ckds-wrapper": "_ckds-wrapper_1xrn0_1",
+  "ckds-wrapper-disabled": "_ckds-wrapper-disabled_1xrn0_31",
+  "label-wrapper": "_label-wrapper_1xrn0_37",
+  required: e,
+  "trigger-wrapper": "_trigger-wrapper_1xrn0_45",
+  trigger: r,
+  "trigger-open": "_trigger-open_1xrn0_65",
+  placeholder: _,
+  "placeholder-required": "_placeholder-required_1xrn0_77",
+  chevron: n,
+  "chevron-up": "_chevron-up_1xrn0_87",
+  "selected-tags-container": "_selected-tags-container_1xrn0_91",
+  "selected-tag-wrapper": "_selected-tag-wrapper_1xrn0_101",
+  "selected-tag-content": "_selected-tag-content_1xrn0_107",
+  "select-all-label": "_select-all-label_1xrn0_114",
+  "remove-icon": "_remove-icon_1xrn0_122",
+  "overflow-count": "_overflow-count_1xrn0_126",
+  "helper-text": "_helper-text_1xrn0_131",
+  "helper-hide": "_helper-hide_1xrn0_140",
+  dropdown: l,
+  "dropdown-align-left": "_dropdown-align-left_1xrn0_162",
+  "dropdown-align-right": "_dropdown-align-right_1xrn0_166",
+  "dropdown-up": "_dropdown-up_1xrn0_171",
+  "dropdown-helper": "_dropdown-helper_1xrn0_178",
+  "dropdown-helper-up": "_dropdown-helper-up_1xrn0_182",
+  "result-wrapper": "_result-wrapper_1xrn0_187",
+  "result-left": "_result-left_1xrn0_194",
+  "result-count": "_result-count_1xrn0_200",
+  "result-pipe": "_result-pipe_1xrn0_204",
+  "result-selected": "_result-selected_1xrn0_212",
+  "exclude-row": "_exclude-row_1xrn0_216",
+  "exclude-label": "_exclude-label_1xrn0_222",
+  divider: t,
+  "ckds-options-list": "_ckds-options-list_1xrn0_232",
+  "option-row": "_option-row_1xrn0_247",
+  "option-label": "_option-label_1xrn0_261",
+  "no-results": "_no-results_1xrn0_265",
+  "ckds-multi-select-footer": "_ckds-multi-select-footer_1xrn0_271",
+  "clear-btn": "_clear-btn_1xrn0_284",
+  clearDisabled: o,
+  "footer-actions": "_footer-actions_1xrn0_295",
+  "footer-actions-end": "_footer-actions-end_1xrn0_300",
+  "cancel-btn": "_cancel-btn_1xrn0_304",
+  "apply-btn": "_apply-btn_1xrn0_313",
+  "apply-disabled": "_apply-disabled_1xrn0_323",
+  "menu-list": "_menu-list_1xrn0_329",
+  "menu-list-up": "_menu-list-up_1xrn0_344",
+  "menu-list-right": "_menu-list-right_1xrn0_349",
+  "ckds-menu-item": "_ckds-menu-item_1xrn0_354",
+  "menu-item-label": "_menu-item-label_1xrn0_366"
+};
+export {
+  d as s
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ck-ui/component-library",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/assets/styles-Nuwxl0ex.css

@@ -1 +0,0 @@
-._ckds-wrapper_1df1h_1{--wrapper-width: 250px;--trigger-transition: border-color .2s;--selected-tags-gap: 8px;--selected-tag-content-width: 45px;--dropdown-z-index: 11;--dropdown-margin-top: var(--ckcl-spacing-ms, 12px);--options-list-height: 150px;--scrollbar-width: 2px;--option-row-transition: all .1s ease-in-out;--menu-list-top: 20px;--menu-list-left: 180px;--menu-list-width: 128px;--menu-list-z-index: 11;--menu-item-height: 32px;--chevron-transition: transform .2s ease;--apply-btn-transition: background .2s;--trigger-border-width: 1px;--divider-height: 1px;--chevron-rotate: 180deg;--menu-list-max-height: 160px;--menu-list-border-width: 1px;--dropdown-helper-top: 26px;display:inline-flex;flex-direction:column;gap:var(--ckcl-spacing-sm, 8px);width:var(--wrapper-width);font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}._ckds-wrapper-disabled_1df1h_31{opacity:.5;pointer-events:none;cursor:not-allowed}._label-wrapper_1df1h_37{color:var(--ckcl-black-500, #2B2B2B)}._required_1df1h_41{color:var(--ckcl-red-500, #E52323)}._trigger-wrapper_1df1h_45{position:relative;width:100%}body ._trigger_1df1h_45{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-ms, 12px);border:var(--trigger-border-width) solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-md, 8px);background:var(--ckcl-white, #FFFFFF);cursor:pointer;transition:var(--trigger-transition);height:var(--ckcl-spacing-2xl, 32px)}body ._trigger_1df1h_45:not(._trigger-open_1df1h_64):hover{border-color:var(--ckcl-primary-500, #3A72E4)}body ._trigger-open_1df1h_64{border-color:var(--ckcl-primary-500, #3A72E4)}._placeholder_1df1h_72{color:var(--ckcl-black-300, #A0A0A0)}._placeholder-required_1df1h_76{color:var(--ckcl-red-500, #E52323)}._chevron_1df1h_80{color:var(--ckcl-black-400, #737373);transition:var(--chevron-transition);flex-shrink:0}._chevron-up_1df1h_86{transform:rotate(var(--chevron-rotate))}._selected-tags-container_1df1h_90{position:relative;display:flex;align-items:center;gap:var(--selected-tags-gap);cursor:default;min-width:0;flex:1;overflow:hidden}._selected-tag-wrapper_1df1h_101{display:flex;align-items:center;gap:var(--ckcl-spacing-sm, 8px)}._selected-tag-content_1df1h_107{width:var(--selected-tag-content-width);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._select-all-label_1df1h_114{color:var(--ckcl-black-500, #2B2B2B);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._remove-icon_1df1h_122{cursor:pointer}._overflow-count_1df1h_126{color:var(--ckcl-primary-600, #3060C1);cursor:pointer}._helper-text_1df1h_131{display:flex;align-items:center;gap:var(--ckcl-spacing-2xs, 2px);margin:var(--ckcl-spacing-none, 0px);margin-top:var(--ckcl-spacing-xs, 4px);color:var(--ckcl-black-500, #2B2B2B)}._helper-hide_1df1h_140{visibility:hidden}._dropdown_1df1h_145{position:absolute;top:calc(100% - var(--ckcl-spacing-sm, 8px));min-width:291px;background:var(--ckcl-white, #FFFFFF);z-index:var(--dropdown-z-index);display:flex;flex-direction:column;padding:var(--ckcl-spacing-ms, 12px);padding-bottom:var(--ckcl-spacing-3xl, 48px);gap:var(--ckcl-spacing-ms, 12px);border:var(--trigger-border-width) solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-lg, 12px);margin-top:var(--dropdown-margin-top)}._dropdown-align-left_1df1h_162{left:0}._dropdown-align-right_1df1h_166{right:0}._dropdown-up_1df1h_171{top:auto;bottom:calc(100% - var(--ckcl-spacing-sm, 8px));margin-top:0;margin-bottom:var(--dropdown-margin-top)}._dropdown-helper_1df1h_178{top:calc(100% - var(--dropdown-helper-top))}._dropdown-helper-up_1df1h_182{bottom:calc(100% - var(--dropdown-helper-top))}._result-wrapper_1df1h_187{display:flex;align-items:center;justify-content:space-between;padding:var(--ckcl-spacing-none, 0px) var(--ckcl-spacing-2xs, 2px)}._result-left_1df1h_194{display:flex;align-items:center;gap:var(--ckcl-spacing-xs, 4px)}._result-count_1df1h_200{color:var(--ckcl-black-400, #737373)}._result-pipe_1df1h_204{color:var(--ckcl-black-100, #DCDCDC);-webkit-user-select:none;user-select:none;height:12px;width:0px;border-left:1px solid var(--ckcl-black-100, #DCDCDC)}._result-selected_1df1h_212{color:var(--ckcl-black-500, #2B2B2B)}._exclude-row_1df1h_216{display:flex;align-items:center;gap:var(--ckcl-spacing-sm, 8px)}._exclude-label_1df1h_222{color:var(--ckcl-black-500, #2B2B2B)}._divider_1df1h_226{height:var(--divider-height);background:var(--ckcl-black-100, #DCDCDC)}._ckds-options-list_1df1h_232{height:var(--options-list-height);overflow-y:auto;display:flex;flex-direction:column;gap:var(--ckcl-spacing-none, 0px)}._ckds-options-list_1df1h_232::-webkit-scrollbar{width:var(--scrollbar-width)}._ckds-options-list_1df1h_232::-webkit-scrollbar-thumb{background:var(--ckcl-black-200, #C2C2C2);border-radius:var(--ckds-border-radius-2xs, 2px)}._option-row_1df1h_247{display:flex;align-items:center;gap:var(--ckcl-spacing-sm, 8px);padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-none, 0px);border-radius:var(--ckds-border-radius-xs, 4px);cursor:pointer;transition:var(--option-row-transition)}._option-row_1df1h_247:hover{background:var(--ckcl-primary-50, #F8FBFF);padding-left:var(--ckcl-spacing-xs, 4px)}._option-label_1df1h_261{color:var(--ckcl-black-500, #2B2B2B)}._no-results_1df1h_265{color:var(--ckcl-black-300, #A0A0A0);padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-none, 0px)}._ckds-multi-select-footer_1df1h_271{display:flex;align-items:center;justify-content:space-between;box-shadow:var(--ckcl-elevation-1, -4px 10.65px 21.3px -10.65px rgba(24, 39, 75, .13));position:absolute;bottom:0;left:0;width:100%;padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-ms, 12px);box-shadow:var(--ckcl-elevation-3, 0px -2px 29.3px -10.65px rgba(24, 39, 75, .09))}._clear-btn_1df1h_284{background:none;border:none;color:var(--ckcl-black-300, #A0A0A0);cursor:not-allowed}._clear-btn_1df1h_284:not(._clearDisabled_1df1h_290){color:var(--ckcl-primary-500, #3A72E4);cursor:pointer}._footer-actions_1df1h_295{display:flex;gap:var(--ckcl-spacing-sm, 8px)}._footer-actions-end_1df1h_300{margin-left:auto}._cancel-btn_1df1h_304{padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-slg, 20px);border:1px solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-md, 8px);background:var(--ckcl-white, #FFFFFF);color:var(--ckcl-black-500, #2B2B2B);cursor:pointer}._apply-btn_1df1h_313{padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-slg, 20px);border:none;border-radius:var(--ckds-border-radius-md, 8px);background:var(--ckcl-primary-500, #3A72E4);color:var(--ckcl-white, #FFFFFF);cursor:pointer;transition:var(--apply-btn-transition)}._apply-disabled_1df1h_323{background:var(--ckcl-black-200, #C2C2C2);cursor:not-allowed}._menu-list_1df1h_329{max-height:var(--menu-list-max-height);position:absolute;top:var(--menu-list-top);left:var(--menu-list-left);z-index:var(--menu-list-z-index);width:var(--menu-list-width);border-radius:var(--ckds-border-radius-lg, 12px);border:var(--menu-list-border-width) solid var(--ckcl-black-100, #DCDCDC);background-color:var(--ckcl-white, #FFFFFF);padding:var(--ckcl-spacing-sm, 8px);box-shadow:var(--ckcl-elevation-2, 0px 4px 12px 0px rgba(0, 79, 206, .1215686275));overflow-y:auto}._ckds-menu-item_1df1h_344{display:flex;align-items:center;height:var(--menu-item-height);padding:var(--ckcl-spacing-sm, 8px);color:var(--ckcl-black-500, #2B2B2B);font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;margin:0;cursor:default;overflow:hidden}._menu-item-label_1df1h_356{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;width:100%}

package/dist/styles.module-CdFoY0cE.js

@@ -1,53 +0,0 @@
-import './assets/styles-Nuwxl0ex.css';const e = "_required_1df1h_41", _ = "_trigger_1df1h_45", d = "_placeholder_1df1h_72", r = "_chevron_1df1h_80", l = "_dropdown_1df1h_145", t = "_divider_1df1h_226", o = "_clearDisabled_1df1h_290", p = {
-  "ckds-wrapper": "_ckds-wrapper_1df1h_1",
-  "ckds-wrapper-disabled": "_ckds-wrapper-disabled_1df1h_31",
-  "label-wrapper": "_label-wrapper_1df1h_37",
-  required: e,
-  "trigger-wrapper": "_trigger-wrapper_1df1h_45",
-  trigger: _,
-  "trigger-open": "_trigger-open_1df1h_64",
-  placeholder: d,
-  "placeholder-required": "_placeholder-required_1df1h_76",
-  chevron: r,
-  "chevron-up": "_chevron-up_1df1h_86",
-  "selected-tags-container": "_selected-tags-container_1df1h_90",
-  "selected-tag-wrapper": "_selected-tag-wrapper_1df1h_101",
-  "selected-tag-content": "_selected-tag-content_1df1h_107",
-  "select-all-label": "_select-all-label_1df1h_114",
-  "remove-icon": "_remove-icon_1df1h_122",
-  "overflow-count": "_overflow-count_1df1h_126",
-  "helper-text": "_helper-text_1df1h_131",
-  "helper-hide": "_helper-hide_1df1h_140",
-  dropdown: l,
-  "dropdown-align-left": "_dropdown-align-left_1df1h_162",
-  "dropdown-align-right": "_dropdown-align-right_1df1h_166",
-  "dropdown-up": "_dropdown-up_1df1h_171",
-  "dropdown-helper": "_dropdown-helper_1df1h_178",
-  "dropdown-helper-up": "_dropdown-helper-up_1df1h_182",
-  "result-wrapper": "_result-wrapper_1df1h_187",
-  "result-left": "_result-left_1df1h_194",
-  "result-count": "_result-count_1df1h_200",
-  "result-pipe": "_result-pipe_1df1h_204",
-  "result-selected": "_result-selected_1df1h_212",
-  "exclude-row": "_exclude-row_1df1h_216",
-  "exclude-label": "_exclude-label_1df1h_222",
-  divider: t,
-  "ckds-options-list": "_ckds-options-list_1df1h_232",
-  "option-row": "_option-row_1df1h_247",
-  "option-label": "_option-label_1df1h_261",
-  "no-results": "_no-results_1df1h_265",
-  "ckds-multi-select-footer": "_ckds-multi-select-footer_1df1h_271",
-  "clear-btn": "_clear-btn_1df1h_284",
-  clearDisabled: o,
-  "footer-actions": "_footer-actions_1df1h_295",
-  "footer-actions-end": "_footer-actions-end_1df1h_300",
-  "cancel-btn": "_cancel-btn_1df1h_304",
-  "apply-btn": "_apply-btn_1df1h_313",
-  "apply-disabled": "_apply-disabled_1df1h_323",
-  "menu-list": "_menu-list_1df1h_329",
-  "ckds-menu-item": "_ckds-menu-item_1df1h_344",
-  "menu-item-label": "_menu-item-label_1df1h_356"
-};
-export {
-  p as s
-};