@ck-ui/component-library 0.2.0 → 0.3.0

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

package/dist/components/Pagination/index.js

@@ -0,0 +1,164 @@
+import { jsxs as o, jsx as e, Fragment as O } from "react/jsx-runtime";
+import { mergeClasses as d } from "../../utils/mergeClasses.js";
+import A from "./_utils/generatePageNumbers.js";
+import D, { DEFAULT_PAGE_SIZE_OPTIONS as E } from "./_utils/computePageSizeOptions.js";
+import '../../assets/index-nXJu3Pq0.css';const $ = "_active_x0enz_107", n = {
+  "ckds-pagination": "_ckds-pagination_x0enz_1",
+  "pagination-info": "_pagination-info_x0enz_14",
+  "pagination-label": "_pagination-label_x0enz_21",
+  "pagination-select": "_pagination-select_x0enz_27",
+  "pagination-divider": "_pagination-divider_x0enz_49",
+  "pagination-controls": "_pagination-controls_x0enz_55",
+  "pagination-nav-btn": "_pagination-nav-btn_x0enz_63",
+  "pagination-page-btn": "_pagination-page-btn_x0enz_89",
+  active: $,
+  "pagination-ellipsis": "_pagination-ellipsis_x0enz_123",
+  "pagination-summary": "_pagination-summary_x0enz_135"
+};
+function j({
+  currentPage: a,
+  totalPages: l,
+  pageSize: p,
+  onPageChange: r,
+  onPageSizeChange: b,
+  showPageSizeSelector: v = !1,
+  pageSizeOptions: h = E,
+  totalRecords: t,
+  className: x
+}) {
+  if (!t || t <= 0)
+    return null;
+  const N = D(
+    t,
+    h
+  ), m = A(a, l), f = (a - 1) * p + 1, u = t ? Math.min(a * p, t) : a * p, y = () => {
+    a > 1 && r(a - 1);
+  }, z = () => {
+    a < l && r(a + 1);
+  }, k = (i) => {
+    const s = Number(i.target.value);
+    s !== a && r(s);
+  }, S = (i) => {
+    const s = Number(i.target.value);
+    s !== p && b && b(s);
+  }, c = !l || l <= 1, _ = a === 1 || c, g = a === l || c, w = v && b;
+  return /* @__PURE__ */ o("div", { className: d(n["ckds-pagination"], x), children: [
+    /* @__PURE__ */ o("div", { className: n["pagination-info"], children: [
+      /* @__PURE__ */ e("span", { className: n["pagination-label"], children: "Page" }),
+      /* @__PURE__ */ e(
+        "select",
+        {
+          className: n["pagination-select"],
+          value: a,
+          onChange: k,
+          "aria-label": "Select page number",
+          disabled: c,
+          children: Array.from({ length: l || 1 }, (i, s) => s + 1).map(
+            (i) => /* @__PURE__ */ e("option", { value: i, children: i }, i)
+          )
+        }
+      ),
+      /* @__PURE__ */ o("span", { className: n["pagination-label"], children: [
+        "of ",
+        l || 1
+      ] })
+    ] }),
+    /* @__PURE__ */ o("div", { className: n["pagination-controls"], children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: d(
+            n["pagination-nav-btn"],
+            _ && n.disabled
+          ),
+          onClick: y,
+          disabled: _,
+          "aria-label": "Previous page",
+          children: "‹ Previous"
+        }
+      ),
+      m.length > 0 ? m.map(
+        (i, s) => i === "..." ? /* @__PURE__ */ e(
+          "span",
+          {
+            className: n["pagination-ellipsis"],
+            children: "..."
+          },
+          `ellipsis-${s}`
+        ) : /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: d(
+              n["pagination-page-btn"],
+              a === i && n.active
+            ),
+            onClick: () => r(i),
+            disabled: a === i || c,
+            "aria-label": `Page ${i}`,
+            "aria-current": a === i ? "page" : void 0,
+            children: i
+          },
+          i
+        )
+      ) : /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: d(
+            n["pagination-page-btn"],
+            n.active
+          ),
+          disabled: !0,
+          "aria-current": "page",
+          children: "1"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: d(
+            n["pagination-nav-btn"],
+            g && n.disabled
+          ),
+          onClick: z,
+          disabled: g,
+          "aria-label": "Next page",
+          children: "Next ›"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o("div", { className: n["pagination-summary"], children: [
+      w && /* @__PURE__ */ o(O, { children: [
+        /* @__PURE__ */ e("span", { className: n["pagination-label"], children: "Rows per page" }),
+        /* @__PURE__ */ e(
+          "select",
+          {
+            className: n["pagination-select"],
+            value: p,
+            onChange: S,
+            "aria-label": "Select rows per page",
+            disabled: c,
+            children: N.map((i) => /* @__PURE__ */ e("option", { value: i, children: i }, i))
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: n["pagination-divider"], children: "|" })
+      ] }),
+      "Showing",
+      " ",
+      /* @__PURE__ */ o("strong", { children: [
+        f,
+        "-",
+        u
+      ] }),
+      t ? ` of ${t}` : "",
+      " results"
+    ] })
+  ] });
+}
+j.displayName = "Pagination";
+export {
+  j as Pagination
+};

package/dist/components/Popover/_types/popover.types.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode, RefObject } from 'react';
+export interface PopoverProps {
+    open: boolean;
+    onClose: () => void;
+    anchorRef: RefObject<HTMLElement | null>;
+    children: ReactNode;
+    className?: string;
+    /** Horizontal alignment relative to anchor */
+    align?: "left" | "right";
+    /** Min width of the popover */
+    minWidth?: string;
+}
+//# sourceMappingURL=popover.types.d.ts.map

package/dist/components/Popover/_types/popover.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/Popover/_types/popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACzC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEzB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/dist/components/Popover/_types/popover.types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,4 @@
+import { PopoverProps } from './_types/popover.types';
+export declare function Popover({ open, onClose, anchorRef, children, className, align, minWidth, }: PopoverProps): import("react/jsx-runtime").JSX.Element | null;
+export default Popover;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Popover/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,SAAc,EACd,KAAe,EACf,QAAkB,GACnB,EAAE,YAAY,kDAmId;AAED,eAAe,OAAO,CAAC"}

package/dist/components/Popover/index.js

@@ -0,0 +1,91 @@
+import { jsx as E } from "react/jsx-runtime";
+import { useRef as g, useState as L, useEffect as u } from "react";
+import '../../assets/index-BkNXS5fR.css';const k = {
+  "ckds-popover": "_ckds-popover_erslc_1"
+};
+function h({
+  open: n,
+  onClose: i,
+  anchorRef: r,
+  children: l,
+  className: a = "",
+  align: s = "right",
+  minWidth: f = "540px"
+}) {
+  const d = g(null), [c, p] = L({
+    top: 0,
+    left: 0
+  });
+  if (u(() => {
+    if (!n || !r.current) return;
+    const t = () => {
+      const o = r.current;
+      if (!o) return;
+      const e = o.getBoundingClientRect(), v = e.bottom + 8, w = s === "right" ? e.right : e.left;
+      p({
+        top: v,
+        left: w
+      });
+    };
+    return t(), window.addEventListener("scroll", t, !0), window.addEventListener("resize", t), () => {
+      window.removeEventListener(
+        "scroll",
+        t,
+        !0
+      ), window.removeEventListener(
+        "resize",
+        t
+      );
+    };
+  }, [n, r, s]), u(() => {
+    if (!n) return;
+    const t = (e) => {
+      d.current && !d.current.contains(
+        e.target
+      ) && r.current && !r.current.contains(
+        e.target
+      ) && i();
+    }, o = (e) => {
+      e.key === "Escape" && i();
+    };
+    return document.addEventListener(
+      "mousedown",
+      t
+    ), document.addEventListener(
+      "keydown",
+      o
+    ), () => {
+      document.removeEventListener(
+        "mousedown",
+        t
+      ), document.removeEventListener(
+        "keydown",
+        o
+      );
+    };
+  }, [n, i, r]), !n) return null;
+  const m = {
+    position: "fixed",
+    top: c.top,
+    left: c.left,
+    minWidth: f,
+    zIndex: 50,
+    transform: s === "right" ? "translateX(-100%)" : void 0,
+    transformOrigin: s === "right" ? "top right" : "top left"
+  };
+  return /* @__PURE__ */ E(
+    "div",
+    {
+      ref: d,
+      className: `${k["ckds-popover"]} ${a}`,
+      style: m,
+      role: "dialog",
+      "aria-modal": "false",
+      children: l
+    }
+  );
+}
+export {
+  h as Popover,
+  h as default
+};

package/dist/components/PopupAndDialogBox/components/DialogContent.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import "react";
-import { s } from "../../../styles.module-yNDMDNO-.js";
+import { s } from "../../../styles.module-BZaUJMlf.js";
 const m = ({
   children: o
 }) => /* @__PURE__ */ t("div", { className: s["ckds-dialog-content"], children: o });

package/dist/components/PopupAndDialogBox/components/DialogFooter.js

@@ -1,6 +1,6 @@
 import { jsx as s, jsxs as n, Fragment as C } from "react/jsx-runtime";
 import "react";
-import { s as a } from "../../../styles.module-yNDMDNO-.js";
+import { s as a } from "../../../styles.module-BZaUJMlf.js";
 import { BUTTON_LAYOUT as i, noop as f, BUTTON_LABEL as k } from "../constant/popupAndDialog.js";
 import { CKButton as r } from "../../CKButton/index.js";
 const T = ({

package/dist/components/PopupAndDialogBox/components/DialogHeader.js

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import * as t from "react";
-import { s } from "../../../styles.module-yNDMDNO-.js";
+import { s } from "../../../styles.module-BZaUJMlf.js";
 const i = (e) => /* @__PURE__ */ t.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M15 5L5.00068 14.9993M14.9993 15L5 5.00071", stroke: "#2B2B2B", strokeLinecap: "round", strokeLinejoin: "round" })), m = ({
   title: e,
   children: r,

package/dist/components/PopupAndDialogBox/index.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useEffect as l } from "react";
-import { s as t } from "../../styles.module-yNDMDNO-.js";
+import { s as t } from "../../styles.module-BZaUJMlf.js";
 import { TYPE as u } from "./constant/popupAndDialog.js";
 const E = ({
   open: a,