@ck-ui/component-library 0.1.5 → 0.3.0

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/_types/popupAndDialog.types.d.ts

@@ -0,0 +1,31 @@
+import { ButtonSize } from '../../CKButton/_types/button.types';
+import { TYPE, BUTTON_LAYOUT } from '../constant/popupAndDialog';
+export type DialogType = (typeof TYPE)[keyof typeof TYPE];
+export interface DialogProps {
+    open: boolean;
+    children: React.ReactNode;
+    type: DialogType;
+    onClose?: () => void;
+    closeOnOverlayClick?: boolean;
+    closeOnEsc?: boolean;
+    className?: string;
+}
+export interface ButtonProps {
+    label?: string;
+    onClick?: () => void;
+    size?: ButtonSize;
+}
+export type ButtonLayout = (typeof BUTTON_LAYOUT)[keyof typeof BUTTON_LAYOUT];
+export interface FooterProps {
+    children?: React.ReactNode;
+    buttonLayout?: ButtonLayout;
+    primaryButtonDetail?: ButtonProps;
+    secondaryButtonDetail?: ButtonProps;
+}
+export interface HeaderProps {
+    title?: string;
+    children?: React.ReactNode;
+    onClose?: () => void;
+    showClose?: boolean;
+}
+//# sourceMappingURL=popupAndDialog.types.d.ts.map

package/dist/components/PopupAndDialogBox/_types/popupAndDialog.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popupAndDialog.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/PopupAndDialogBox/_types/popupAndDialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEtE,MAAM,MAAM,UAAU,GAAE,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,OAAO,IAAI,CAAC,CAAC;AAEzD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,MAAM,YAAY,GACvB,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAEpD,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,qBAAqB,CAAC,EAAE,WAAW,CAAC;CACrC;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/components/PopupAndDialogBox/_types/popupAndDialog.types.js

@@ -0,0 +1 @@
+

package/dist/components/PopupAndDialogBox/components/DialogContent.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export declare const DialogContent: React.FC<{
+    children: React.ReactNode;
+}>;
+//# sourceMappingURL=DialogContent.d.ts.map

package/dist/components/PopupAndDialogBox/components/DialogContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.d.ts","sourceRoot":"","sources":["../../../../lib/components/PopupAndDialogBox/components/DialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAQjE,CAAC"}

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

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

package/dist/components/PopupAndDialogBox/components/DialogFooter.d.ts

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

package/dist/components/PopupAndDialogBox/components/DialogFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogFooter.d.ts","sourceRoot":"","sources":["../../../../lib/components/PopupAndDialogBox/components/DialogFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIlE,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+C9C,CAAC"}

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

@@ -0,0 +1,49 @@
+import { jsx as s, jsxs as n, Fragment as C } from "react/jsx-runtime";
+import "react";
+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 = ({
+  children: c,
+  buttonLayout: m = i.DOUBLE,
+  primaryButtonDetail: o,
+  secondaryButtonDetail: l
+}) => {
+  if (c)
+    return /* @__PURE__ */ s("div", { className: a["ckds-dialog-footer"], children: c });
+  const e = o || l;
+  return /* @__PURE__ */ n("div", { className: `footer-content ${a["ckds-dialog-footer"]}`, children: [
+    m === i.SINGLE && /* @__PURE__ */ s(
+      r,
+      {
+        variant: o ? "primary" : "secondary",
+        label: e?.label,
+        size: e?.size,
+        onClick: e?.onClick
+      }
+    ),
+    m === i.DOUBLE && /* @__PURE__ */ n(C, { children: [
+      /* @__PURE__ */ s(
+        r,
+        {
+          variant: "secondary",
+          label: l?.label ?? k?.SECONDARY,
+          size: l?.size ?? "small",
+          onClick: l?.onClick ?? f
+        }
+      ),
+      /* @__PURE__ */ s(
+        r,
+        {
+          variant: "primary",
+          label: o?.label ?? k?.PRIMARY,
+          size: o?.size ?? "small",
+          onClick: o?.onClick ?? f
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  T as DialogFooter
+};

package/dist/components/PopupAndDialogBox/components/DialogHeader.d.ts

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

package/dist/components/PopupAndDialogBox/components/DialogHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogHeader.d.ts","sourceRoot":"","sources":["../../../../lib/components/PopupAndDialogBox/components/DialogHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAElE,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoB9C,CAAC"}

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

@@ -0,0 +1,23 @@
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import * as t from "react";
+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,
+  onClose: a,
+  showClose: n = !0
+}) => /* @__PURE__ */ c("div", { className: `header-content ${s["ckds-dialog-header"]}`, children: [
+  n && /* @__PURE__ */ o(
+    "button",
+    {
+      className: s["ckds-dialog-close"],
+      onClick: a,
+      children: /* @__PURE__ */ o(i, {})
+    }
+  ),
+  e && /* @__PURE__ */ o("span", { className: `ckcl-h3-semibold  ${s["ckds-dialog-title"]}`, children: e }),
+  r
+] });
+export {
+  m as DialogHeader
+};

package/dist/components/PopupAndDialogBox/constant/popupAndDialog.d.ts

@@ -0,0 +1,14 @@
+export declare const BUTTON_LAYOUT: {
+    readonly SINGLE: "single";
+    readonly DOUBLE: "double";
+};
+export declare const TYPE: {
+    readonly POPUP: "popup";
+    readonly DIALOG: "dialog-box";
+};
+export declare const BUTTON_LABEL: {
+    PRIMARY: string;
+    SECONDARY: string;
+};
+export declare const noop: () => void;
+//# sourceMappingURL=popupAndDialog.d.ts.map

package/dist/components/PopupAndDialogBox/constant/popupAndDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popupAndDialog.d.ts","sourceRoot":"","sources":["../../../../lib/components/PopupAndDialogBox/constant/popupAndDialog.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;CAGhB,CAAC;AAEX,eAAO,MAAM,IAAI;;;CAGP,CAAA;AAEV,eAAO,MAAM,YAAY;;;CAGxB,CAAA;AAED,eAAO,MAAM,IAAI,YAAW,CAAC"}

package/dist/components/PopupAndDialogBox/constant/popupAndDialog.js

@@ -0,0 +1,17 @@
+const o = {
+  SINGLE: "single",
+  DOUBLE: "double"
+}, n = {
+  POPUP: "popup",
+  DIALOG: "dialog-box"
+}, O = {
+  PRIMARY: "Save",
+  SECONDARY: "Cancel"
+}, L = () => {
+};
+export {
+  O as BUTTON_LABEL,
+  o as BUTTON_LAYOUT,
+  n as TYPE,
+  L as noop
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/PopupAndDialogBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAGjE,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqCjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/PopupAndDialogBox/index.js

@@ -0,0 +1,36 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useEffect as l } from "react";
+import { s as t } from "../../styles.module-BZaUJMlf.js";
+import { TYPE as u } from "./constant/popupAndDialog.js";
+const E = ({
+  open: a,
+  onClose: r,
+  children: d,
+  closeOnOverlayClick: s = !0,
+  closeOnEsc: o = !0,
+  className: m = "",
+  type: i = u.DIALOG
+}) => (l(() => {
+  if (!o) return;
+  const e = (c) => {
+    c.key === "Escape" && r?.();
+  };
+  return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+}, [o, r]), a ? /* @__PURE__ */ n(
+  "div",
+  {
+    className: t["ckds-dialog-overlay"],
+    onClick: s ? r : void 0,
+    children: /* @__PURE__ */ n(
+      "div",
+      {
+        className: `${t["ckds-dialog"]} ${i ? t[i] : ""} ${m}`,
+        onClick: (e) => e.stopPropagation(),
+        children: d
+      }
+    )
+  }
+) : null);
+export {
+  E as default
+};

package/dist/components/ProgressBar/_types/progressBar.types.d.ts

@@ -0,0 +1,34 @@
+export type ProgressBarColor = "success" | "warning" | "danger" | "info" | "neutral";
+export type ProgressBarSize = "sm" | "md" | "lg";
+export type ProgressBarThreshold = {
+    /** 0–100. If value <= this, use danger color */
+    danger?: number;
+    /** 0–100. If value <= this (and > danger), use warning color */
+    warning?: number;
+};
+export interface ProgressBarProps {
+    /** Current value (raw number, e.g. used cores) */
+    value: number;
+    /** Maximum value (e.g. total cores). Defaults to 100 */
+    max?: number;
+    /**
+     * Explicit color override. When omitted and `thresholds` is set,
+     * color is derived automatically from the percentage.
+     */
+    color?: ProgressBarColor;
+    /**
+     * Auto-color thresholds based on percentage.
+     * e.g. { danger: 20, warning: 60 }
+     * means: ≤20% → danger, ≤60% → warning, else → success
+     */
+    thresholds?: ProgressBarThreshold;
+    /** Bar height. sm=4px, md=6px (default), lg=8px */
+    size?: ProgressBarSize;
+    /** Show "value/max (pct%)" label to the right of the bar */
+    showLabel?: boolean;
+    /** Custom label string. Overrides the default "value/max (pct%)" format */
+    label?: string;
+    /** Additional class on the root wrapper */
+    className?: string;
+}
+//# sourceMappingURL=progressBar.types.d.ts.map

package/dist/components/ProgressBar/_types/progressBar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressBar.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/ProgressBar/_types/progressBar.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AACrF,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACjD,MAAM,MAAM,oBAAoB,GAAG;IACjC,gDAAgD;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB;;;;OAIG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,mDAAmD;IACnD,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/ProgressBar/_types/progressBar.types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,3 @@
+import { ProgressBarProps } from './_types/progressBar.types';
+export declare function ProgressBar({ value, max, color, thresholds, size, showLabel, label, className, }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/ProgressBar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAoB,MAAM,4BAA4B,CAAC;AAgBrF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,GAAS,EACT,KAAK,EACL,UAAU,EACV,IAAW,EACX,SAAgB,EAChB,KAAK,EACL,SAAc,GACf,EAAE,gBAAgB,2CAsBlB"}

package/dist/components/ProgressBar/index.js

@@ -0,0 +1,48 @@
+import { jsxs as v, jsx as e } from "react/jsx-runtime";
+import '../../assets/index-BLz-9Nuk.css';const w = "_track_wv8zc_23", u = "_sm_wv8zc_31", m = "_md_wv8zc_35", b = "_lg_wv8zc_39", f = "_bar_wv8zc_43", z = "_success_wv8zc_49", $ = "_warning_wv8zc_53", k = "_danger_wv8zc_57", p = "_info_wv8zc_61", N = "_neutral_wv8zc_65", M = "_label_wv8zc_69", s = {
+  "ckds-progress-bar": "_ckds-progress-bar_wv8zc_1",
+  track: w,
+  sm: u,
+  md: m,
+  lg: b,
+  bar: f,
+  success: z,
+  warning: $,
+  danger: k,
+  info: p,
+  neutral: N,
+  label: M
+};
+function j(a, r, n) {
+  return r || (n ? n.danger !== void 0 && a <= n.danger ? "danger" : n.warning !== void 0 && a <= n.warning ? "warning" : "success" : "info");
+}
+function y({
+  value: a,
+  max: r = 100,
+  color: n,
+  thresholds: o,
+  size: i = "md",
+  showLabel: l = !0,
+  label: t,
+  className: d = ""
+}) {
+  const c = r > 0 ? Math.min(Math.max(a / r * 100, 0), 100) : 0, g = j(c, n, o), _ = `${a}/${r} (${Math.round(c)}%)`;
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      className: `${s["ckds-progress-bar"]} ${s[i]} ${s[g]} ${d}`,
+      role: "progressbar",
+      "aria-valuenow": a,
+      "aria-valuemin": 0,
+      "aria-valuemax": r,
+      "aria-label": t ?? _,
+      children: [
+        /* @__PURE__ */ e("div", { className: s.track, children: /* @__PURE__ */ e("div", { className: s.bar, style: { width: `${c}%` } }) }),
+        l && /* @__PURE__ */ e("span", { className: s.label, children: t ?? _ })
+      ]
+    }
+  );
+}
+export {
+  y as ProgressBar
+};

package/dist/components/RadioButton/_types/radioButton.types.d.ts

@@ -0,0 +1,10 @@
+export interface RadioButtonProps {
+    label?: string;
+    color?: string;
+    radioSize?: "small" | "medium" | "large";
+    selected?: boolean;
+    disabled?: boolean;
+    onChange?: (value: boolean) => void;
+    className?: string;
+}
+//# sourceMappingURL=radioButton.types.d.ts.map

package/dist/components/RadioButton/_types/radioButton.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radioButton.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/RadioButton/_types/radioButton.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAEpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/RadioButton/_types/radioButton.types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,3 @@
+import { RadioButtonProps } from './_types/radioButton.types';
+export declare function RadioButton({ label, color, radioSize, className, disabled, selected, onChange, }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/RadioButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,SAAmB,EACnB,SAAc,EACd,QAAgB,EAChB,QAAgB,EAChB,QAAQ,GACT,EAAE,gBAAgB,2CA+ClB"}