@ck-ui/component-library 0.1.4 → 0.2.0

package/dist/components/Avatar/index.js

@@ -0,0 +1,45 @@
+import { jsx as a } from "react/jsx-runtime";
+import { mergeClasses as c } from "../../utils/mergeClasses.js";
+import { AvatarSizes as m } from "./_types/avatar.types.js";
+import { getColorFromName as _, getInitials as d } from "./_utils/avatar.utils.js";
+import * as e from "react";
+import '../../assets/index-D2HelNRV.css';const g = "_avatarOverride_16j4g_14", h = "_large_16j4g_18", p = "_medium_16j4g_28", k = "_small_16j4g_38", v = "_blue_16j4g_48", C = "_green_16j4g_54", u = "_yellow_16j4g_60", j = "_red_16j4g_66", w = "_gray_16j4g_72", r = {
+  "ckds-avatar": "_ckds-avatar_16j4g_1",
+  avatarOverride: g,
+  large: h,
+  medium: p,
+  small: k,
+  blue: v,
+  green: C,
+  yellow: u,
+  red: j,
+  gray: w
+}, E = (t) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_4713_24382)" }, /* @__PURE__ */ e.createElement("mask", { id: "mask0_4713_24382", style: {
+  maskType: "luminance"
+}, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 20, height: 20 }, /* @__PURE__ */ e.createElement("path", { d: "M20 0H0V20H20V0Z", fill: "white" })), /* @__PURE__ */ e.createElement("g", { mask: "url(#mask0_4713_24382)" }, /* @__PURE__ */ e.createElement("path", { d: "M10.1001 10.6504C10.0418 10.642 9.96679 10.642 9.90013 10.6504C8.43346 10.6004 7.2668 9.40038 7.2668 7.92535C7.2668 6.41702 8.48346 5.19202 10.0001 5.19202C11.5085 5.19202 12.7335 6.41702 12.7335 7.92535C12.7251 9.40038 11.5668 10.6004 10.1001 10.6504Z", stroke: "#3060C1", strokeWidth: 1.12, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M15.6164 16.1496C14.1331 17.5079 12.1664 18.3329 9.99978 18.3329C7.83309 18.3329 5.86642 17.5079 4.38309 16.1496C4.46642 15.3663 4.96642 14.5996 5.85809 13.9996C8.14142 12.4829 11.8748 12.4829 14.1414 13.9996C15.0331 14.5996 15.5331 15.3663 15.6164 16.1496Z", stroke: "#3060C1", strokeWidth: 1.12, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M10 18.3333C14.6023 18.3333 18.3333 14.6023 18.3333 10C18.3333 5.39763 14.6023 1.66667 10 1.66667C5.39763 1.66667 1.66667 5.39763 1.66667 10C1.66667 14.6023 5.39763 18.3333 10 18.3333Z", stroke: "#3060C1", strokeWidth: 1.12, strokeLinecap: "round", strokeLinejoin: "round" }))), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_4713_24382" }, /* @__PURE__ */ e.createElement("rect", { width: 20, height: 20, fill: "white" }))));
+function y({
+  name: t,
+  size: s = m.LARGE,
+  color: l,
+  className: o
+}) {
+  const i = l ?? _(t), n = !t || t.trim() === "";
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      className: c(
+        r["ckds-avatar"],
+        r[s],
+        r[i],
+        o
+      ),
+      title: t,
+      "aria-label": t,
+      children: n ? /* @__PURE__ */ a("span", { className: r["ckds-avatar"], children: /* @__PURE__ */ a(E, { className: "avatarOverride" }) }) : d(t)
+    }
+  );
+}
+y.displayName = "Avatar";
+export {
+  y as Avatar
+};

package/dist/components/Breadcrumb/_helpers/Breadcrumb.d.ts

@@ -0,0 +1,3 @@
+import { GetVisibleCrumbsProps } from '../_types/breadcrumb.types';
+export declare const getVisibleCrumbs: ({ crumbs, maxVisibleItems, dropdownOpen, setDropdownOpen, dropdownRef, renderBreadcrumbItem, separator, styles, handleOnClick, LinkComponent, }: GetVisibleCrumbsProps) => import("react/jsx-runtime").JSX.Element | import('react').ReactNode[];
+//# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/components/Breadcrumb/_helpers/Breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../../lib/components/Breadcrumb/_helpers/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAKxE,eAAO,MAAM,gBAAgB,GAAI,iJAW9B,qBAAqB,0EAmEvB,CAAC"}

package/dist/components/Breadcrumb/_helpers/Breadcrumb.js

@@ -0,0 +1,70 @@
+import { jsxs as i, Fragment as w, jsx as t } from "react/jsx-runtime";
+import { S as C } from "../../../chevron-down-Cm9R64Fe.js";
+import { navigateHandler as $ } from "../_utils/navigateHandler.js";
+import { DefaultLink as k } from "./DefaultLink.js";
+const q = ({
+  crumbs: e,
+  maxVisibleItems: s,
+  dropdownOpen: o,
+  setDropdownOpen: h,
+  dropdownRef: c,
+  renderBreadcrumbItem: r,
+  separator: d,
+  styles: l,
+  handleOnClick: f,
+  LinkComponent: g = k
+}) => {
+  if (e.length <= s)
+    return e.map(
+      (a, n) => r(a, n === e.length - 1, n)
+    );
+  const m = e.slice(0, 2), p = e.slice(2, e.length - 1), N = (p?.[0]?.label || "").slice(0, 4).padEnd(4, " "), v = e[e.length - 1];
+  return /* @__PURE__ */ i(w, { children: [
+    m.map(
+      (a, n) => r(a, !1, n)
+    ),
+    /* @__PURE__ */ i("div", { className: l["dropdown-wrapper"], ref: c, children: [
+      /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          className: l["dropdown-trigger"],
+          onClick: () => h(!o),
+          children: [
+            N,
+            "...",
+            /* @__PURE__ */ t(
+              "span",
+              {
+                className: `${l.arrow} ${o ? l.open : ""}`,
+                children: /* @__PURE__ */ t(C, {})
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ t("span", { className: l.separator, children: d }),
+      o && /* @__PURE__ */ t("div", { className: l["dropdown-menu"], children: p.map((a, n) => /* @__PURE__ */ t(
+        g,
+        {
+          replace: !0,
+          to: {
+            pathname: a.path || "",
+            search: a.queryParam
+          },
+          state: a.state,
+          className: l["dropdown-item"],
+          onClick: () => {
+            $(a, f), h(!1);
+          },
+          children: a.label
+        },
+        `${a.label}-${n}`
+      )) })
+    ] }),
+    r(v, !0, e.length - 1)
+  ] });
+};
+export {
+  q as getVisibleCrumbs
+};

package/dist/components/Breadcrumb/_helpers/DefaultLink.d.ts

@@ -0,0 +1,3 @@
+import { DefaultLinkProps } from '../_types/breadcrumb.types';
+export declare const DefaultLink: ({ children, to, onClick, className, }: DefaultLinkProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DefaultLink.d.ts.map

package/dist/components/Breadcrumb/_helpers/DefaultLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultLink.d.ts","sourceRoot":"","sources":["../../../../lib/components/Breadcrumb/_helpers/DefaultLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,eAAO,MAAM,WAAW,GAAI,uCAKzB,gBAAgB,4CAiBlB,CAAC"}

package/dist/components/Breadcrumb/_helpers/DefaultLink.js

@@ -0,0 +1,23 @@
+import { jsx as p } from "react/jsx-runtime";
+const h = ({
+  children: a,
+  to: e,
+  onClick: n,
+  className: r
+}) => {
+  const t = `${e?.pathname || "#"}${e?.search || ""}`;
+  return /* @__PURE__ */ p(
+    "a",
+    {
+      href: t,
+      className: r,
+      onClick: (f) => {
+        e?.pathname || f.preventDefault(), n?.();
+      },
+      children: a
+    }
+  );
+};
+export {
+  h as DefaultLink
+};

package/dist/components/Breadcrumb/_types/breadcrumb.types.d.ts

@@ -0,0 +1,47 @@
+import { ComponentType, ReactNode, MouseEvent } from 'react';
+export interface BreadcrumbProps {
+    crumbs?: BreadcrumbItem[];
+    newThemeBreadcrumb?: boolean;
+    showMore?: boolean;
+    className?: string;
+    linkClassName?: string;
+    handleOnClick?: () => void;
+    maxVisibleItems?: number;
+    maxLabelLength?: number;
+    separator?: ReactNode;
+    LinkComponent?: ComponentType<any>;
+}
+export interface BreadcrumbItem {
+    label: string;
+    path?: string;
+    queryParam?: string;
+    state?: unknown;
+    isRefreshable?: boolean;
+}
+export interface GetVisibleCrumbsProps {
+    crumbs: BreadcrumbItem[];
+    maxVisibleItems: number;
+    dropdownOpen: boolean;
+    setDropdownOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    dropdownRef: React.RefObject<HTMLDivElement>;
+    renderBreadcrumbItem: (item: BreadcrumbItem, isLast: boolean, index: number) => React.ReactNode;
+    separator: React.ReactNode;
+    styles: any;
+    handleOnClick?: () => void;
+    LinkComponent?: ComponentType<any>;
+}
+export interface DefaultLinkTo {
+    pathname?: string;
+    search?: string;
+}
+export interface DefaultLinkProps {
+    children: ReactNode;
+    to?: DefaultLinkTo;
+    onClick?: () => void;
+    className?: string;
+    replace?: boolean;
+    state?: unknown;
+    [key: string]: unknown;
+}
+export type DefaultLinkClickEvent = MouseEvent<HTMLAnchorElement>;
+//# sourceMappingURL=breadcrumb.types.d.ts.map

package/dist/components/Breadcrumb/_types/breadcrumb.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/Breadcrumb/_types/breadcrumb.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElE,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IAItB,aAAa,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/D,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,oBAAoB,EAAE,CACpB,IAAI,EAAE,cAAc,EACpB,MAAM,EAAE,OAAO,EACf,KAAK,EAAE,MAAM,KACV,KAAK,CAAC,SAAS,CAAC;IACrB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,MAAM,EAAE,GAAG,CAAC;IACZ,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB,aAAa,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CAEtC;AACD,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,CAAC,EAAE,aAAa,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,qBAAqB,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC"}

package/dist/components/Breadcrumb/_types/breadcrumb.types.js

@@ -0,0 +1 @@
+

package/dist/components/Breadcrumb/_utils/handleOutsideClick.d.ts

@@ -0,0 +1,2 @@
+export declare const handleOutsideClick: (dropdownRef: React.RefObject<HTMLDivElement>, setDropdownOpen: React.Dispatch<React.SetStateAction<boolean>>) => () => void;
+//# sourceMappingURL=handleOutsideClick.d.ts.map

package/dist/components/Breadcrumb/_utils/handleOutsideClick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleOutsideClick.d.ts","sourceRoot":"","sources":["../../../../lib/components/Breadcrumb/_utils/handleOutsideClick.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,kBAAkB,GAC7B,aAAa,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC5C,iBAAiB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,eAgB/D,CAAC"}

package/dist/components/Breadcrumb/_utils/handleOutsideClick.js

@@ -0,0 +1,11 @@
+const s = (e, n) => {
+  const t = (r) => {
+    e.current && !e.current.contains(r.target) && n(!1);
+  };
+  return document.addEventListener("mousedown", t), () => {
+    document.removeEventListener("mousedown", t);
+  };
+};
+export {
+  s as handleOutsideClick
+};

package/dist/components/Breadcrumb/_utils/navigateHandler.d.ts

@@ -0,0 +1,3 @@
+import { BreadcrumbItem } from '../_types/breadcrumb.types';
+export declare const navigateHandler: (item: BreadcrumbItem, handleOnClick?: () => void) => void;
+//# sourceMappingURL=navigateHandler.d.ts.map

package/dist/components/Breadcrumb/_utils/navigateHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigateHandler.d.ts","sourceRoot":"","sources":["../../../../lib/components/Breadcrumb/_utils/navigateHandler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjE,eAAO,MAAM,eAAe,GAC1B,MAAM,cAAc,EACpB,gBAAgB,MAAM,IAAI,SAS3B,CAAC"}

package/dist/components/Breadcrumb/_utils/navigateHandler.js

@@ -0,0 +1,6 @@
+const e = (a, o) => {
+  a.isRefreshable && a.path && (window.location.href = a.path), o && o();
+};
+export {
+  e as navigateHandler
+};

package/dist/components/Breadcrumb/_utils/truncatedLabel.d.ts

@@ -0,0 +1,2 @@
+export declare const truncateLabel: (label: string, maxLabelLength: number) => string;
+//# sourceMappingURL=truncatedLabel.d.ts.map

package/dist/components/Breadcrumb/_utils/truncatedLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"truncatedLabel.d.ts","sourceRoot":"","sources":["../../../../lib/components/Breadcrumb/_utils/truncatedLabel.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,EAAE,gBAAgB,MAAM,WAGlE,CAAC"}

package/dist/components/Breadcrumb/_utils/truncatedLabel.js

@@ -0,0 +1,4 @@
+const n = (r, t) => r.length <= t ? r : `${r.slice(0, t)}...`;
+export {
+  n as truncateLabel
+};

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

@@ -0,0 +1,4 @@
+import { BreadcrumbProps } from './_types/breadcrumb.types';
+export declare function Breadcrumb({ crumbs, newThemeBreadcrumb, className, linkClassName, handleOnClick, maxVisibleItems, maxLabelLength, separator, LinkComponent, }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+export default Breadcrumb;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Breadcrumb/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,eAAe,EAEhB,MAAM,2BAA2B,CAAC;AAYnC,wBAAgB,UAAU,CAAC,EACzB,MAAW,EACX,kBAA0B,EAC1B,SAAc,EACd,aAAkB,EAClB,aAAa,EACb,eAAmB,EACnB,cAAmB,EACnB,SAAe,EACf,aAA2B,GAC5B,EAAE,eAAe,2CAoEjB;AAED,eAAe,UAAU,CAAC"}

package/dist/components/Breadcrumb/index.js

@@ -0,0 +1,86 @@
+import { jsx as t, jsxs as g, Fragment as v } from "react/jsx-runtime";
+import { useState as N, useRef as C, useEffect as j } from "react";
+import { getVisibleCrumbs as x } from "./_helpers/Breadcrumb.js";
+import { handleOutsideClick as y } from "./_utils/handleOutsideClick.js";
+import { truncateLabel as B } from "./_utils/truncatedLabel.js";
+import { navigateHandler as D } from "./_utils/navigateHandler.js";
+import { Tooltip as H } from "../Tooltip/index.js";
+import { DefaultLink as O } from "./_helpers/DefaultLink.js";
+import '../../assets/index-Dudb2XKF.css';const R = "_arrow_10r0t_24", T = "_open_10r0t_39", q = "_active_10r0t_54", E = "_disabled_10r0t_62", F = "_separator_10r0t_67", I = "_label_10r0t_72", e = {
+  "ckds-breadcrumb-wrapper": "_ckds-breadcrumb-wrapper_10r0t_1",
+  "crumb-item": "_crumb-item_10r0t_19",
+  arrow: R,
+  open: T,
+  "crumb-link": "_crumb-link_10r0t_43",
+  active: q,
+  disabled: E,
+  separator: F,
+  label: I,
+  "dropdown-wrapper": "_dropdown-wrapper_10r0t_80",
+  "dropdown-trigger": "_dropdown-trigger_10r0t_86",
+  "dropdown-menu": "_dropdown-menu_10r0t_96",
+  "dropdown-item": "_dropdown-item_10r0t_110"
+};
+function K({
+  crumbs: p = [],
+  newThemeBreadcrumb: m = !1,
+  className: _ = "",
+  linkClassName: i = "",
+  handleOnClick: o,
+  maxVisibleItems: u = 4,
+  maxLabelLength: n = 13,
+  separator: c = "/",
+  LinkComponent: b = O
+}) {
+  const [w, l] = N(!1), s = C(null);
+  j(() => y(s, l), []);
+  const f = (r, d, h) => {
+    const a = r?.label?.replace("%20", " ") || "", k = B(a, n), $ = a.length > n;
+    return /* @__PURE__ */ g("div", { className: e["crumb-item"], children: [
+      /* @__PURE__ */ t(
+        b,
+        {
+          replace: !0,
+          to: {
+            pathname: r.path || "",
+            search: r.queryParam
+          },
+          state: r.state,
+          onClick: () => D(r, o),
+          className: `${e["crumb-link"]} ${r.path ? "" : e.disabled} ${d ? e.active : ""} ${i}`,
+          children: r.label.toLowerCase() === "home" && !m ? /* @__PURE__ */ t(v, { children: "Home" }) : /* @__PURE__ */ t(
+            H,
+            {
+              title: $ ? a : "",
+              placement: "top",
+              children: /* @__PURE__ */ t("span", { className: e.label, children: k })
+            }
+          )
+        }
+      ),
+      !d && /* @__PURE__ */ t("span", { className: e.separator, children: c })
+    ] }, `${r.label}-${h}`);
+  };
+  return /* @__PURE__ */ t(
+    "nav",
+    {
+      className: `${e["ckds-breadcrumb-wrapper"]} ${_}`,
+      "aria-label": "breadcrumb",
+      children: x({
+        crumbs: p,
+        maxVisibleItems: u,
+        dropdownOpen: w,
+        setDropdownOpen: l,
+        dropdownRef: s,
+        renderBreadcrumbItem: f,
+        separator: c,
+        styles: e,
+        handleOnClick: o
+      })
+    }
+  );
+}
+export {
+  K as Breadcrumb,
+  K as default
+};

package/dist/components/Button/index.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import '../../assets/index5.css';const o = "_small_1kakb_18", k = "_medium_1kakb_23", u = "_large_1kakb_28", b = "_primary_1kakb_34", i = "_secondary_1kakb_50", y = "_tertiary_1kakb_67", a = {
+import '../../assets/index-B6Mg98vm.css';const o = "_small_1kakb_18", k = "_medium_1kakb_23", u = "_large_1kakb_28", b = "_primary_1kakb_34", i = "_secondary_1kakb_50", y = "_tertiary_1kakb_67", a = {
   "ckcl-button": "_ckcl-button_1kakb_1",
   "x-small": "_x-small_1kakb_13",
   small: o,

package/dist/components/CKButton/_helper/ComboLayout.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { ButtonSize } from '../_types/button.types';
+export declare function ComboLayout({ leftIcon, rightIcon, label, size, dividerClass, labelAreaClass, labelAreaWithDividerClass, iconAreaClass, }: {
+    size: ButtonSize;
+    dividerClass: string;
+    labelAreaClass: string;
+    labelAreaWithDividerClass: string;
+    iconAreaClass: string;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    label?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ComboLayout.d.ts.map

package/dist/components/CKButton/_helper/ComboLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboLayout.d.ts","sourceRoot":"","sources":["../../../../lib/components/CKButton/_helper/ComboLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAIzD,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,yBAAyB,EACzB,aAAa,GACd,EAAE;IACD,IAAI,EAAE,UAAU,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,yBAAyB,EAAE,MAAM,CAAC;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,2CA0BA"}

package/dist/components/CKButton/_helper/ComboLayout.js

@@ -0,0 +1,30 @@
+import { jsxs as m, Fragment as d, jsx as s } from "react/jsx-runtime";
+import { I as c } from "../../../IconSlot-CbpGCbaA.js";
+import { mergeClasses as h } from "../../../utils/mergeClasses.js";
+function j({
+  leftIcon: o,
+  rightIcon: a,
+  label: n,
+  size: r,
+  dividerClass: e,
+  labelAreaClass: t,
+  labelAreaWithDividerClass: i,
+  iconAreaClass: p
+}) {
+  const l = h(
+    t,
+    !!a && i
+  );
+  return /* @__PURE__ */ m(d, { children: [
+    /* @__PURE__ */ m("span", { className: l, children: [
+      /* @__PURE__ */ s(c, { icon: o, size: r }),
+      o && /* @__PURE__ */ s("span", { className: e, "aria-hidden": "true" }),
+      n != null && /* @__PURE__ */ s("span", { children: n })
+    ] }),
+    a && /* @__PURE__ */ s("span", { className: e, "aria-hidden": "true" }),
+    a && /* @__PURE__ */ s("span", { className: p, children: /* @__PURE__ */ s(c, { icon: a, size: r }) })
+  ] });
+}
+export {
+  j as ComboLayout
+};

package/dist/components/CKButton/_helper/IconSlot.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { ButtonSize } from '../_types/button.types';
+export declare function IconSlot({ icon, size, }: {
+    icon?: ReactNode;
+    size?: ButtonSize;
+}): JSX.Element | null;
+//# sourceMappingURL=IconSlot.d.ts.map

package/dist/components/CKButton/_helper/IconSlot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSlot.d.ts","sourceRoot":"","sources":["../../../../lib/components/CKButton/_helper/IconSlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGzD,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,IAAI,GACL,EAAE;IACD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAUrB"}

package/dist/components/CKButton/_helper/IconSlot.js

@@ -0,0 +1,5 @@
+import "react/jsx-runtime";
+import { I as m } from "../../../IconSlot-CbpGCbaA.js";
+export {
+  m as IconSlot
+};

package/dist/components/CKButton/_helper/StandardLayout.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { ButtonSize } from '../_types/button.types';
+export declare function StandardLayout({ leftIcon, rightIcon, label, size, }: {
+    size: ButtonSize;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    label?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StandardLayout.d.ts.map

package/dist/components/CKButton/_helper/StandardLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardLayout.d.ts","sourceRoot":"","sources":["../../../../lib/components/CKButton/_helper/StandardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGzD,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,GACL,EAAE;IACD,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,2CAQA"}

package/dist/components/CKButton/_helper/StandardLayout.js

@@ -0,0 +1,17 @@
+import { jsxs as d, Fragment as m, jsx as o } from "react/jsx-runtime";
+import { I as t } from "../../../IconSlot-CbpGCbaA.js";
+function s({
+  leftIcon: i,
+  rightIcon: c,
+  label: n,
+  size: r
+}) {
+  return /* @__PURE__ */ d(m, { children: [
+    /* @__PURE__ */ o(t, { icon: i, size: r }),
+    n != null && /* @__PURE__ */ o("span", { children: n }),
+    /* @__PURE__ */ o(t, { icon: c, size: r })
+  ] });
+}
+export {
+  s as StandardLayout
+};

package/dist/components/CKButton/_types/button.types.d.ts

@@ -0,0 +1,26 @@
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
+export type ButtonVariant = "primary" | "secondary" | "hyperlink" | "combo";
+export type ButtonSize = "small" | "medium" | "large";
+export interface ButtonIcons {
+    left?: ReactNode;
+    right?: ReactNode;
+}
+export interface BaseProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    label?: ReactNode;
+    icons?: ButtonIcons;
+    error?: boolean;
+    isSubmit?: boolean;
+    fullWidth?: boolean;
+    className?: string;
+}
+type ButtonAsButton = BaseProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    href?: undefined;
+};
+type ButtonAsLink = BaseProps & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "children"> & {
+    href: string;
+};
+export type ButtonProps = ButtonAsButton | ButtonAsLink;
+export {};
+//# sourceMappingURL=button.types.d.ts.map

package/dist/components/CKButton/_types/button.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/CKButton/_types/button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,oBAAoB,EACpB,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,CAAC;AAE5E,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,CACX;IACC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,KAAK,cAAc,GAAG,SAAS,GAC7B,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IAC1D,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEJ,KAAK,YAAY,GAAG,SAAS,GAC3B,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IAC1D,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEJ,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG,YAAY,CAAC"}

package/dist/components/CKButton/_types/button.types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,28 @@
+export declare const VARIANT: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly HYPERLINK: "hyperlink";
+    readonly COMBO: "combo";
+};
+export declare const SIZE: {
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
+    readonly LARGE: "large";
+};
+export declare const ICON_POSITION: {
+    readonly LEFT: "left";
+    readonly RIGHT: "right";
+};
+export declare const ERROR: {
+    readonly TRUE: true;
+    readonly FALSE: false;
+};
+export declare const IS_SUBMIT: {
+    readonly TRUE: true;
+    readonly FALSE: false;
+};
+export declare const FULL_WIDTH: {
+    readonly TRUE: true;
+    readonly FALSE: false;
+};
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../lib/components/CKButton/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;CAKV,CAAC;AAEX,eAAO,MAAM,IAAI;;;;CAIP,CAAC;AAEX,eAAO,MAAM,aAAa;;;CAGhB,CAAC;AAEX,eAAO,MAAM,KAAK;;;CAGR,CAAC;AAEX,eAAO,MAAM,SAAS;;;CAGZ,CAAC;AAEX,eAAO,MAAM,UAAU;;;CAGb,CAAC"}

package/dist/components/CKButton/constants.js

@@ -0,0 +1,30 @@
+const E = {
+  PRIMARY: "primary",
+  SECONDARY: "secondary",
+  HYPERLINK: "hyperlink",
+  COMBO: "combo"
+}, R = {
+  SMALL: "small",
+  MEDIUM: "medium",
+  LARGE: "large"
+}, e = {
+  LEFT: "left",
+  RIGHT: "right"
+}, t = {
+  TRUE: !0,
+  FALSE: !1
+}, I = {
+  TRUE: !0,
+  FALSE: !1
+}, s = {
+  TRUE: !0,
+  FALSE: !1
+};
+export {
+  t as ERROR,
+  s as FULL_WIDTH,
+  e as ICON_POSITION,
+  I as IS_SUBMIT,
+  R as SIZE,
+  E as VARIANT
+};

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

@@ -0,0 +1,3 @@
+import { ButtonProps } from './_types/button.types';
+export declare const CKButton: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/CKButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAMzD,eAAO,MAAM,QAAQ,+HA+FnB,CAAC"}