@progress/kendo-themes-html 6.7.0-dev.0 → 6.7.0-dev.2

package/dist/cjs/captcha/captcha.spec.js

@@ -4790,17 +4790,53 @@ var import_jsx_runtime21 = require("react/jsx-runtime");
 // src/textbox/templates/textbox-suffix.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
 
-// src/captcha/captcha.spec.tsx
+// src/skeleton/skeleton.spec.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
+var SKELETON_CLASSNAME = `k-skeleton`;
+var states13 = [];
+var options12 = {};
+var defaultProps10 = {
+  shape: "text",
+  animation: "pulse"
+};
+var Skeleton = (props) => {
+  const {
+    shape = defaultProps10.shape,
+    animation = defaultProps10.animation,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    "span",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        SKELETON_CLASSNAME,
+        {
+          [`k-skeleton-${shape}`]: shape,
+          [`k-skeleton-${animation}`]: animation
+        }
+      ),
+      style: props.style
+    }
+  );
+};
+Skeleton.states = states13;
+Skeleton.options = options12;
+Skeleton.className = SKELETON_CLASSNAME;
+Skeleton.defaultProps = defaultProps10;
+
+// src/captcha/captcha.spec.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var CAPTCHA_CLASSNAME = `k-captcha`;
-var states13 = [
+var states14 = [
   States.loading,
   States.valid,
   States.invalid,
   States.disabled
 ];
-var options12 = {};
-var defaultProps10 = {};
+var options13 = {};
+var defaultProps11 = {};
 var Captcha = (props) => {
   const {
     value,
@@ -4810,7 +4846,7 @@ var Captcha = (props) => {
     disabled,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "div",
     {
       ...other,
@@ -4825,31 +4861,25 @@ var Captcha = (props) => {
         }
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "k-captcha-image-wrap k-hstack", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "k-captcha-image", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "k-captcha-image-wrap k-hstack", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "k-captcha-image", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               "img",
               {
                 className: classNames({ "k-hidden": loading }),
                 src: "/packages/html/assets/captcha.jpg"
               }
             ),
-            loading && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-              "span",
-              {
-                style: { width: "100%", height: "100%" },
-                className: "k-skeleton k-skeleton-rect"
-              }
-            )
+            loading && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Skeleton, { shape: "rect", style: { width: "100%", height: "100%" } })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "k-captcha-image-controls k-vstack", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { icon: "volume-up", disabled: loading === true }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { icon: "arrow-rotate-cw", disabled: loading === true })
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "k-captcha-image-controls k-vstack", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { icon: "volume-up", disabled: loading === true }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { icon: "arrow-rotate-cw", disabled: loading === true })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "k-captcha-volume-control k-vstack k-pos-absolute k-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "k-widget k-slider k-slider-vertical" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "k-captcha-volume-control k-vstack k-pos-absolute k-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "k-widget k-slider k-slider-vertical" }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "k-captcha-input k-vstack", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "k-captcha-input k-vstack", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             Textbox,
             {
               value,
@@ -4857,14 +4887,14 @@ var Captcha = (props) => {
               disabled: loading === true
             }
           ),
-          valid && !loading && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "k-captcha-validation-message !k-text-success", children: "Verification Success" })
+          valid && !loading && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "k-captcha-validation-message !k-text-success", children: "Verification Success" })
         ] })
       ]
     }
   );
 };
-Captcha.states = states13;
-Captcha.options = options12;
+Captcha.states = states14;
+Captcha.options = options13;
 Captcha.className = CAPTCHA_CLASSNAME;
-Captcha.defaultProps = defaultProps10;
+Captcha.defaultProps = defaultProps11;
 var captcha_spec_default = Captcha;

package/dist/cjs/captcha/tests/captcha-loading.js

@@ -4788,17 +4788,53 @@ var import_jsx_runtime21 = require("react/jsx-runtime");
 // src/textbox/templates/textbox-suffix.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
 
-// src/captcha/captcha.spec.tsx
+// src/skeleton/skeleton.spec.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
+var SKELETON_CLASSNAME = `k-skeleton`;
+var states13 = [];
+var options12 = {};
+var defaultProps10 = {
+  shape: "text",
+  animation: "pulse"
+};
+var Skeleton = (props) => {
+  const {
+    shape = defaultProps10.shape,
+    animation = defaultProps10.animation,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    "span",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        SKELETON_CLASSNAME,
+        {
+          [`k-skeleton-${shape}`]: shape,
+          [`k-skeleton-${animation}`]: animation
+        }
+      ),
+      style: props.style
+    }
+  );
+};
+Skeleton.states = states13;
+Skeleton.options = options12;
+Skeleton.className = SKELETON_CLASSNAME;
+Skeleton.defaultProps = defaultProps10;
+
+// src/captcha/captcha.spec.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var CAPTCHA_CLASSNAME = `k-captcha`;
-var states13 = [
+var states14 = [
   States.loading,
   States.valid,
   States.invalid,
   States.disabled
 ];
-var options12 = {};
-var defaultProps10 = {};
+var options13 = {};
+var defaultProps11 = {};
 var Captcha = (props) => {
   const {
     value,
@@ -4808,7 +4844,7 @@ var Captcha = (props) => {
     disabled,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "div",
     {
       ...other,
@@ -4823,31 +4859,25 @@ var Captcha = (props) => {
         }
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "k-captcha-image-wrap k-hstack", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "k-captcha-image", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "k-captcha-image-wrap k-hstack", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "k-captcha-image", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               "img",
               {
                 className: classNames({ "k-hidden": loading }),
                 src: "/packages/html/assets/captcha.jpg"
               }
             ),
-            loading && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-              "span",
-              {
-                style: { width: "100%", height: "100%" },
-                className: "k-skeleton k-skeleton-rect"
-              }
-            )
+            loading && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Skeleton, { shape: "rect", style: { width: "100%", height: "100%" } })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "k-captcha-image-controls k-vstack", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { icon: "volume-up", disabled: loading === true }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { icon: "arrow-rotate-cw", disabled: loading === true })
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "k-captcha-image-controls k-vstack", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { icon: "volume-up", disabled: loading === true }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { icon: "arrow-rotate-cw", disabled: loading === true })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "k-captcha-volume-control k-vstack k-pos-absolute k-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "k-widget k-slider k-slider-vertical" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "k-captcha-volume-control k-vstack k-pos-absolute k-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "k-widget k-slider k-slider-vertical" }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "k-captcha-input k-vstack", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "k-captcha-input k-vstack", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             Textbox,
             {
               value,
@@ -4855,20 +4885,20 @@ var Captcha = (props) => {
               disabled: loading === true
             }
           ),
-          valid && !loading && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "k-captcha-validation-message !k-text-success", children: "Verification Success" })
+          valid && !loading && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "k-captcha-validation-message !k-text-success", children: "Verification Success" })
         ] })
       ]
     }
   );
 };
-Captcha.states = states13;
-Captcha.options = options12;
+Captcha.states = states14;
+Captcha.options = options13;
 Captcha.className = CAPTCHA_CLASSNAME;
-Captcha.defaultProps = defaultProps10;
+Captcha.defaultProps = defaultProps11;
 
 // src/captcha/tests/captcha-loading.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var captcha_loading_default = () => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: "Captcha Loading" }),
-  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Captcha, { loading: true }) })
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var captcha_loading_default = () => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "Captcha Loading" }),
+  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Captcha, { loading: true }) })
 ] }) });

package/dist/cjs/captcha/tests/captcha.js

@@ -4788,17 +4788,53 @@ var import_jsx_runtime21 = require("react/jsx-runtime");
 // src/textbox/templates/textbox-suffix.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
 
-// src/captcha/captcha.spec.tsx
+// src/skeleton/skeleton.spec.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
+var SKELETON_CLASSNAME = `k-skeleton`;
+var states13 = [];
+var options12 = {};
+var defaultProps10 = {
+  shape: "text",
+  animation: "pulse"
+};
+var Skeleton = (props) => {
+  const {
+    shape = defaultProps10.shape,
+    animation = defaultProps10.animation,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    "span",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        SKELETON_CLASSNAME,
+        {
+          [`k-skeleton-${shape}`]: shape,
+          [`k-skeleton-${animation}`]: animation
+        }
+      ),
+      style: props.style
+    }
+  );
+};
+Skeleton.states = states13;
+Skeleton.options = options12;
+Skeleton.className = SKELETON_CLASSNAME;
+Skeleton.defaultProps = defaultProps10;
+
+// src/captcha/captcha.spec.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var CAPTCHA_CLASSNAME = `k-captcha`;
-var states13 = [
+var states14 = [
   States.loading,
   States.valid,
   States.invalid,
   States.disabled
 ];
-var options12 = {};
-var defaultProps10 = {};
+var options13 = {};
+var defaultProps11 = {};
 var Captcha = (props) => {
   const {
     value,
@@ -4808,7 +4844,7 @@ var Captcha = (props) => {
     disabled,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "div",
     {
       ...other,
@@ -4823,31 +4859,25 @@ var Captcha = (props) => {
         }
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "k-captcha-image-wrap k-hstack", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "k-captcha-image", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "k-captcha-image-wrap k-hstack", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "k-captcha-image", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               "img",
               {
                 className: classNames({ "k-hidden": loading }),
                 src: "/packages/html/assets/captcha.jpg"
               }
             ),
-            loading && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-              "span",
-              {
-                style: { width: "100%", height: "100%" },
-                className: "k-skeleton k-skeleton-rect"
-              }
-            )
+            loading && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Skeleton, { shape: "rect", style: { width: "100%", height: "100%" } })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "k-captcha-image-controls k-vstack", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { icon: "volume-up", disabled: loading === true }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { icon: "arrow-rotate-cw", disabled: loading === true })
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "k-captcha-image-controls k-vstack", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { icon: "volume-up", disabled: loading === true }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { icon: "arrow-rotate-cw", disabled: loading === true })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "k-captcha-volume-control k-vstack k-pos-absolute k-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "k-widget k-slider k-slider-vertical" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "k-captcha-volume-control k-vstack k-pos-absolute k-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "k-widget k-slider k-slider-vertical" }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "k-captcha-input k-vstack", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "k-captcha-input k-vstack", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             Textbox,
             {
               value,
@@ -4855,20 +4885,20 @@ var Captcha = (props) => {
               disabled: loading === true
             }
           ),
-          valid && !loading && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "k-captcha-validation-message !k-text-success", children: "Verification Success" })
+          valid && !loading && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "k-captcha-validation-message !k-text-success", children: "Verification Success" })
         ] })
       ]
     }
   );
 };
-Captcha.states = states13;
-Captcha.options = options12;
+Captcha.states = states14;
+Captcha.options = options13;
 Captcha.className = CAPTCHA_CLASSNAME;
-Captcha.defaultProps = defaultProps10;
+Captcha.defaultProps = defaultProps11;
 
 // src/captcha/tests/captcha.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var captcha_default = () => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: "Captcha" }),
-  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Captcha, { value: "YR890", valid: true }) })
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var captcha_default = () => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "Captcha" }),
+  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Captcha, { value: "YR890", valid: true }) })
 ] }) });

package/dist/cjs/chat/chat-message-group.js

@@ -0,0 +1,261 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/chat/chat-message-group.tsx
+var chat_message_group_exports = {};
+__export(chat_message_group_exports, {
+  CHATMESSAGEGROUP_CLASSNAME: () => CHATMESSAGEGROUP_CLASSNAME,
+  ChatMessageGroup: () => ChatMessageGroup,
+  default: () => chat_message_group_default
+});
+module.exports = __toCommonJS(chat_message_group_exports);
+
+// src/misc/class-names.ts
+var classNames = (...args) => {
+  return args.filter((arg) => arg !== true && Boolean(arg)).map((arg) => {
+    return Array.isArray(arg) ? classNames(...arg) : typeof arg === "object" ? Object.keys(arg).map((key, idx) => arg[idx] || arg[key] && key || null).filter((el) => el !== null).join(" ") : arg;
+  }).filter((arg) => Boolean(arg)).join(" ");
+};
+
+// src/misc/component-class-names.ts
+var optionClassNames = (componentClassName, props) => {
+  return classNames(
+    {
+      [`${componentClassName}-xs`]: props.size === "xsmall",
+      [`${componentClassName}-sm`]: props.size === "small",
+      [`${componentClassName}-md`]: props.size === "medium",
+      [`${componentClassName}-lg`]: props.size === "large",
+      [`${componentClassName}-xl`]: props.size === "xlarge",
+      [`${componentClassName}-xxl`]: props.size === "xxlarge",
+      [`${componentClassName}-xxxl`]: props.size === "xxxlarge"
+    },
+    {
+      [`${componentClassName}-${props.fillMode}`]: props.fillMode
+    },
+    {
+      [`${componentClassName}-${props.fillMode}-${props.themeColor}`]: props.fillMode && props.themeColor
+    },
+    {
+      [`${componentClassName}-${props.themeColor}`]: props.themeColor && props.fillMode === void 0
+    },
+    {
+      "k-rounded-sm": props.rounded === "small",
+      "k-rounded-md": props.rounded === "medium",
+      "k-rounded-lg": props.rounded === "large",
+      "k-rounded-full": props.rounded === "full"
+    }
+  );
+};
+var stateClassNames = (_componentClassName, props) => {
+  return classNames({
+    "k-valid": props.valid,
+    "k-invalid": props.invalid,
+    "k-hover": props.hover,
+    "k-focus": props.focus,
+    "k-checked": props.checked,
+    "k-active": props.active,
+    "k-selected": props.selected,
+    "k-disabled": props.disabled,
+    "k-indeterminate": props.indeterminate && !props.checked,
+    "k-loading": props.loading,
+    "k-empty": props.empty,
+    "k-readonly": props.readonly
+  });
+};
+
+// src/misc/theme.ts
+var Size = {
+  "xsmall": "xsmall",
+  "small": "small",
+  "medium": "medium",
+  "large": "large",
+  "xlarge": "xlarge",
+  "xxlarge": "xxlarge",
+  "xxxlarge": "xxxlarge"
+};
+var Roundness = {
+  "small": "small",
+  "medium": "medium",
+  "large": "large",
+  "full": "full"
+};
+var FillMode = {
+  "solid": "solid",
+  "flat": "flat",
+  "outline": "outline",
+  "clear": "clear",
+  "link": "link"
+};
+var ThemeColor = {
+  "inherit": "inherit",
+  "base": "base",
+  "primary": "primary",
+  "secondary": "secondary",
+  "tertiary": "tertiary",
+  "info": "info",
+  "success": "success",
+  "warning": "warning",
+  "error": "error",
+  "dark": "dark",
+  "light": "light",
+  "inverse": "inverse"
+};
+var States = {
+  "open": "open",
+  "hover": "hover",
+  "focus": "focus",
+  "active": "active",
+  "selected": "selected",
+  "disabled": "disabled",
+  "valid": "valid",
+  "invalid": "invalid",
+  "loading": "loading",
+  "required": "required",
+  "empty": "empty",
+  "indeterminate": "indeterminate",
+  "checked": "checked",
+  "readonly": "readonly"
+};
+
+// src/avatar/avatar.spec.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var AVATAR_CLASSNAME = `k-avatar`;
+var states = [
+  States.hover,
+  States.focus,
+  States.active,
+  States.selected,
+  States.disabled
+];
+var options = {
+  size: [Size.small, Size.medium, Size.large],
+  rounded: [Roundness.small, Roundness.medium, Roundness.large, Roundness.full],
+  fillMode: [FillMode.solid, FillMode.flat, FillMode.outline],
+  themeColor: [
+    ThemeColor.base,
+    ThemeColor.primary,
+    ThemeColor.secondary,
+    ThemeColor.tertiary,
+    ThemeColor.success,
+    ThemeColor.warning,
+    ThemeColor.error,
+    ThemeColor.info,
+    ThemeColor.light,
+    ThemeColor.dark,
+    ThemeColor.inverse
+  ]
+};
+var defaultProps = {
+  type: "text" /* TEXT */,
+  size: Size.medium,
+  rounded: Roundness.full,
+  fillMode: FillMode.solid,
+  themeColor: ThemeColor.primary,
+  border: false
+};
+var Avatar = (props) => {
+  const {
+    size = defaultProps.size,
+    rounded = defaultProps.rounded,
+    fillMode = defaultProps.fillMode,
+    themeColor = defaultProps.themeColor,
+    type = defaultProps.type,
+    border = defaultProps.border,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        AVATAR_CLASSNAME,
+        optionClassNames(AVATAR_CLASSNAME, {
+          size,
+          rounded,
+          fillMode,
+          themeColor
+        }),
+        {
+          [`${AVATAR_CLASSNAME}-bordered`]: border
+        }
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${AVATAR_CLASSNAME}-${type}`, children: props.children })
+    }
+  );
+};
+Avatar.states = states;
+Avatar.options = options;
+Avatar.className = AVATAR_CLASSNAME;
+Avatar.defaultProps = defaultProps;
+
+// src/avatar/templates/avatar-icon.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+
+// src/avatar/templates/avatar-text.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+
+// src/avatar/templates/avatar-image.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+
+// src/chat/chat-message-group.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var CHATMESSAGEGROUP_CLASSNAME = "k-message-group";
+var states2 = [
+  States.selected
+];
+var options2 = {};
+var defaultProps2 = {
+  author: "Bruv",
+  avatar: "/packages/html/assets/avatar.jpg",
+  alt: false
+};
+var ChatMessageGroup = (props) => {
+  const {
+    alt = defaultProps2.alt,
+    author = defaultProps2.author,
+    avatar = defaultProps2.avatar,
+    selected,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        CHATMESSAGEGROUP_CLASSNAME,
+        props.className,
+        stateClassNames(CHATMESSAGEGROUP_CLASSNAME, { selected }),
+        {
+          "k-alt": alt,
+          "k-no-avatar": !avatar
+        }
+      ),
+      children: [
+        author && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "k-author", children: author }),
+        avatar && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Avatar, { type: "image", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: avatar }) }),
+        props.children
+      ]
+    }
+  );
+};
+ChatMessageGroup.states = states2;
+ChatMessageGroup.options = options2;
+ChatMessageGroup.className = CHATMESSAGEGROUP_CLASSNAME;
+ChatMessageGroup.defaultProps = defaultProps2;
+var chat_message_group_default = ChatMessageGroup;