@ck-ui/component-library 0.2.0 → 1.0.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/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,

package/dist/components/ProfileDropdown/_types/profileDropdown.types.d.ts

@@ -0,0 +1,28 @@
+export interface ProfileDropdownProps {
+    /** Full name of the user, used to generate initials and avatar color */
+    userName: string;
+    /** Label shown above the user name in the trigger (e.g. "Welcome") */
+    welcomeLabel?: string;
+    /** Role string shown inside the dropdown */
+    role?: string;
+    /** Organization name shown inside the dropdown */
+    organization?: string;
+    /** Currently active view */
+    activeView?: ProfileView;
+    /** List of views to show as toggle buttons. Defaults to all three. */
+    views?: ProfileView[];
+    /** Callback when a view toggle button is clicked */
+    onViewChange?: (view: ProfileView) => void;
+    /** Callback when "Change Organization" is clicked */
+    onChangeOrganization?: () => void;
+    /** Additional class name for the root element */
+    className?: string;
+}
+export type ProfileView = "partner" | "customer" | "cln";
+export declare const PROFILE_VIEW: {
+    readonly PARTNER: "partner";
+    readonly CUSTOMER: "customer";
+    readonly CLN: "cln";
+};
+export declare const DEFAULT_VIEWS: ProfileView[];
+//# sourceMappingURL=profileDropdown.types.d.ts.map

package/dist/components/ProfileDropdown/_types/profileDropdown.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileDropdown.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/ProfileDropdown/_types/profileDropdown.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,wEAAwE;IACxE,QAAQ,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4BAA4B;IAC5B,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,sEAAsE;IACtE,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,oDAAoD;IACpD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,qDAAqD;IACrD,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,KAAK,CAAC;AAEzD,eAAO,MAAM,YAAY;;;;CAIuB,CAAC;AAEjD,eAAO,MAAM,aAAa,EAAE,WAAW,EAItC,CAAC"}

package/dist/components/ProfileDropdown/_types/profileDropdown.types.js

@@ -0,0 +1,13 @@
+const E = {
+  PARTNER: "partner",
+  CUSTOMER: "customer",
+  CLN: "cln"
+}, R = [
+  E.PARTNER,
+  E.CUSTOMER,
+  E.CLN
+];
+export {
+  R as DEFAULT_VIEWS,
+  E as PROFILE_VIEW
+};

package/dist/components/ProfileDropdown/constants.d.ts

@@ -0,0 +1,3 @@
+import { ProfileView } from './_types/profileDropdown.types';
+export declare const VIEW_LABELS: Record<ProfileView, string>;
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/ProfileDropdown/constants.d.ts.map

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

package/dist/components/ProfileDropdown/constants.js

@@ -0,0 +1,8 @@
+const e = {
+  partner: "Partner view",
+  customer: "Customer view",
+  cln: "CLN"
+};
+export {
+  e as VIEW_LABELS
+};

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

@@ -0,0 +1,6 @@
+import { ProfileDropdownProps } from './_types/profileDropdown.types';
+export declare function ProfileDropdown({ userName, welcomeLabel, role, organization, activeView, views, onViewChange, onChangeOrganization, className, }: ProfileDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ProfileDropdown {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/ProfileDropdown/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAK3E,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,YAAwB,EACxB,IAAI,EACJ,YAAY,EACZ,UAAiC,EACjC,KAAqB,EACrB,YAAY,EACZ,oBAAoB,EACpB,SAAS,GACV,EAAE,oBAAoB,2CA4HtB;yBAtIe,eAAe"}

package/dist/components/ProfileDropdown/index.js

@@ -0,0 +1,154 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { useState as N, useRef as E } from "react";
+import { mergeClasses as a } from "../../utils/mergeClasses.js";
+import { Avatar as f } from "../Avatar/index.js";
+import { AvatarSizes as t } from "../Avatar/_types/avatar.types.js";
+import { DEFAULT_VIEWS as D, PROFILE_VIEW as S } from "./_types/profileDropdown.types.js";
+import { VIEW_LABELS as x } from "./constants.js";
+import { S as A } from "../../chevron-down-Cm9R64Fe.js";
+import '../../assets/index-Cdmws__2.css';const e = {
+  "ckds-profile-dropdown": "_ckds-profile-dropdown_1vyrh_1",
+  "ckds-profile-trigger": "_ckds-profile-trigger_1vyrh_12",
+  "ckds-profile-trigger--open": "_ckds-profile-trigger--open_1vyrh_24",
+  "ckds-profile-trigger-text": "_ckds-profile-trigger-text_1vyrh_32",
+  "ckds-profile-welcome-label": "_ckds-profile-welcome-label_1vyrh_39",
+  "ckds-profile-user-name": "_ckds-profile-user-name_1vyrh_47",
+  "ckds-profile-chevron": "_ckds-profile-chevron_1vyrh_55",
+  "ckds-profile-chevron--open": "_ckds-profile-chevron--open_1vyrh_68",
+  "ckds-profile-dropdown-panel": "_ckds-profile-dropdown-panel_1vyrh_72",
+  "ckds-profile-panel-row": "_ckds-profile-panel-row_1vyrh_84",
+  "ckds-profile-divider": "_ckds-profile-divider_1vyrh_91",
+  "ckds-profile-role-info": "_ckds-profile-role-info_1vyrh_97",
+  "ckds-profile-role-label": "_ckds-profile-role-label_1vyrh_105",
+  "ckds-profile-role-value": "_ckds-profile-role-value_1vyrh_112",
+  "ckds-profile-view-toggle": "_ckds-profile-view-toggle_1vyrh_122",
+  "ckds-profile-view-btn": "_ckds-profile-view-btn_1vyrh_129",
+  "ckds-profile-view-btn--active": "_ckds-profile-view-btn--active_1vyrh_147",
+  "ckds-profile-org-info": "_ckds-profile-org-info_1vyrh_162",
+  "ckds-profile-org-label": "_ckds-profile-org-label_1vyrh_170",
+  "ckds-profile-org-value": "_ckds-profile-org-value_1vyrh_177",
+  "ckds-profile-change-org-btn": "_ckds-profile-change-org-btn_1vyrh_187"
+};
+function C({
+  userName: i,
+  welcomeLabel: p = "Welcome",
+  role: k,
+  organization: _,
+  activeView: v = S.PARTNER,
+  views: h = D,
+  onViewChange: m,
+  onChangeOrganization: g,
+  className: u
+}) {
+  const [s, c] = N(!1), d = E(null), y = () => {
+    d.current && clearTimeout(d.current), c(!0);
+  }, b = () => {
+    d.current = setTimeout(() => c(!1), 120);
+  }, w = (o) => {
+    (o.key === "Enter" || o.key === " ") && (o.preventDefault(), c((n) => !n)), o.key === "Escape" && c(!1);
+  };
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: a(e["ckds-profile-dropdown"], u),
+      onMouseEnter: y,
+      onMouseLeave: b,
+      children: [
+        /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            className: a(
+              e["ckds-profile-trigger"],
+              s && e["ckds-profile-trigger--open"]
+            ),
+            onKeyDown: w,
+            "aria-haspopup": "true",
+            "aria-expanded": s,
+            "aria-label": `${p} ${i}, open profile menu`,
+            children: [
+              /* @__PURE__ */ r(f, { name: i, size: t.SMALL }),
+              /* @__PURE__ */ l("span", { className: e["ckds-profile-trigger-text"], children: [
+                /* @__PURE__ */ r("span", { className: e["ckds-profile-welcome-label"], children: p }),
+                /* @__PURE__ */ r("span", { className: e["ckds-profile-user-name"], children: i })
+              ] }),
+              /* @__PURE__ */ r(
+                "span",
+                {
+                  className: a(
+                    e["ckds-profile-chevron"],
+                    s && e["ckds-profile-chevron--open"]
+                  ),
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ r(A, {})
+                }
+              )
+            ]
+          }
+        ),
+        s && /* @__PURE__ */ l(
+          "div",
+          {
+            className: e["ckds-profile-dropdown-panel"],
+            role: "dialog",
+            "aria-label": "Profile details",
+            children: [
+              /* @__PURE__ */ l("div", { className: e["ckds-profile-panel-row"], children: [
+                /* @__PURE__ */ r(f, { name: i, size: t.MEDIUM }),
+                /* @__PURE__ */ l("div", { className: e["ckds-profile-role-info"], children: [
+                  /* @__PURE__ */ r("span", { className: e["ckds-profile-role-label"], children: "Role" }),
+                  /* @__PURE__ */ r("span", { className: e["ckds-profile-role-value"], children: k })
+                ] }),
+                /* @__PURE__ */ r(
+                  "div",
+                  {
+                    className: e["ckds-profile-view-toggle"],
+                    role: "group",
+                    "aria-label": "Switch view",
+                    children: h.map((o) => {
+                      const n = v === o;
+                      return /* @__PURE__ */ r(
+                        "button",
+                        {
+                          type: "button",
+                          className: a(
+                            e["ckds-profile-view-btn"],
+                            n && e["ckds-profile-view-btn--active"]
+                          ),
+                          onClick: () => m?.(o),
+                          "aria-pressed": n,
+                          children: x[o]
+                        },
+                        o
+                      );
+                    })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ r("div", { className: e["ckds-profile-divider"], "aria-hidden": "true" }),
+              /* @__PURE__ */ l("div", { className: e["ckds-profile-panel-row"], children: [
+                /* @__PURE__ */ l("div", { className: e["ckds-profile-org-info"], children: [
+                  /* @__PURE__ */ r("span", { className: e["ckds-profile-org-label"], children: "Organization" }),
+                  /* @__PURE__ */ r("span", { className: e["ckds-profile-org-value"], children: _ })
+                ] }),
+                /* @__PURE__ */ r(
+                  "button",
+                  {
+                    type: "button",
+                    className: e["ckds-profile-change-org-btn"],
+                    onClick: g,
+                    children: "Change Organization"
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+C.displayName = "ProfileDropdown";
+export {
+  C as ProfileDropdown
+};

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
+};