chop-logic-components 4.0.1 → 4.1.0

package/dist/styles/main.css

@@ -1 +1 @@
-:root{--cl-core-font: Arial, Helvetica, sans-serif;--cl-monospace-font: "Courier New", Courier, monospace;--cl-fancy-font: Georgia, "Times New Roman", Times, serif;--cl-xs-gap: 2px;--cl-s-gap: 4px;--cl-m-gap: 8px;--cl-l-gap: 16px;--cl-xl-gap: 32px;--cl-xxl-gap: 64px;--cl-icon-size: 20px;--cl-thumb-size: 24px;--cl-border-radius: 4px;--cl-z-index-base: 1;--cl-z-index-menu: 5;--cl-z-index-popup: 10;--cl-z-index-modal: 20;--cl-typography-h1-mobile: 2.25rem;--cl-typography-h1-tablet: 2.5rem;--cl-typography-h1-desktop: 3rem;--cl-typography-h2-mobile: 2rem;--cl-typography-h2-tablet: 2.25rem;--cl-typography-h2-desktop: 2.5rem;--cl-typography-h3-mobile: 1.75rem;--cl-typography-h3-tablet: 2rem;--cl-typography-h3-desktop: 2.25rem;--cl-typography-h4-mobile: 1.5rem;--cl-typography-h4-tablet: 1.75rem;--cl-typography-h4-desktop: 2rem;--cl-typography-h5-mobile: 1.25rem;--cl-typography-h5-tablet: 1.5rem;--cl-typography-h5-desktop: 1.75rem;--cl-typography-h6-mobile: 1rem;--cl-typography-h6-tablet: 1.125rem;--cl-typography-h6-desktop: 1.25rem;--cl-typography-base-mobile: 1rem;--cl-typography-base-tablet: 1.125rem;--cl-typography-base-desktop: 1.25rem;--cl-typography-small-mobile: .875rem;--cl-typography-small-tablet: 1rem;--cl-typography-small-desktop: 1.125rem;--cl-breakpoint-sm: 640px;--cl-breakpoint-md: 768px;--cl-breakpoint-lg: 1024px;--cl-breakpoint-xl: 1280px;--cl-breakpoint-xxl: 1536px;--cl-base-font-color: #000000;--cl-base-background-color: #ffffff;--cl-accent-a0: #8d1c12;--cl-accent-a10: #7d1c11;--cl-accent-a20: #6d1b10;--cl-accent-a30: #5e190f;--cl-surface-a0: #ffffff;--cl-surface-a10: #f0f0f0;--cl-surface-a20: #e1e1e1;--cl-surface-a30: #d3d3d3;--cl-surface-tonal-a0: #f7e8e4;--cl-surface-tonal-a10: #e9dcd8;--cl-surface-tonal-a20: #dbd0cd;--cl-surface-tonal-a30: #cec4c2;--cl-success-a0: #1b7f5c;--cl-success-a10: #28be8a;--cl-success-a20: #58dbad;--cl-warning-a0: #b8871f;--cl-warning-a10: #dfae44;--cl-warning-a20: #ebca85;--cl-danger-a0: #b13535;--cl-danger-a10: #d06262;--cl-danger-a20: #e29d9d;--cl-info-a0: #1e56a3;--cl-info-a10: #347ada;--cl-info-a20: #74a4e6;--cl-accent-gradient: linear-gradient(135deg, #8d1c12 0%, #7d1c11 50%, #6d1b10 100%);--cl-box-shadow: rgba(0, 0, 0, .2) 2.4px 2.4px 3.2px;--cl-box-shadow-extended: rgba(0, 0, 0, .2) 4.8px 4.8px 6.4px;--cl-text-shadow: 2.4px 2.4px 3.2px rgba(0, 0, 0, .15);--cl-drop-shadow: drop-shadow(2.4px 2.4px 3.2px rgba(0, 0, 0, .15));--cl-accent-border: 1px solid #8d1c12;--cl-danger-border: 1px solid #d94a4a;--cl-success-border: 1px solid #28be8a;--cl-warning-border: 1px solid #dfae44;--cl-danger-border: 1px solid #d06262;--cl-info-border: 1px solid #347ada;--cl-light-border: 1px solid #c0b8b6;--cl-outline-border: 1px solid #000000}.cl-components-dark-theme{--cl-base-background-color: #000000;--cl-base-font-color: rgb(255, 255, 255);--cl-accent-a0: #eb5cbe;--cl-accent-a10: #ef71c5;--cl-accent-a20: #f385cc;--cl-accent-a30: #f697d4;--cl-surface-a0: #121212;--cl-surface-a10: #282828;--cl-surface-a20: #3f3f3f;--cl-surface-a30: #575757;--cl-surface-tonal-a0: #251a21;--cl-surface-tonal-a10: #3a2f36;--cl-surface-tonal-a20: #4f464c;--cl-surface-tonal-a30: #665d63;--cl-success-a0: #22946e;--cl-success-a10: #47d5a6;--cl-success-a20: #9ae8ce;--cl-warning-a0: #a87a2a;--cl-warning-a10: #d7ac61;--cl-warning-a20: #ecd7b2;--cl-danger-a0: #9c2121;--cl-danger-a10: #d94a4a;--cl-danger-a20: #eb9e9e;--cl-info-a0: #21498a;--cl-info-a10: #4077d1;--cl-info-a20: #92b2e5;--cl-accent-gradient: linear-gradient(135deg, #eb5cbe 0%, #ef71c5 50%, #f385cc 100%);--cl-box-shadow: rgba(255, 255, 255, .3) 2.4px 2.4px 3.2px;--cl-box-shadow-extended: rgba(255, 255, 255, .3) 4px 4px 5px;--cl-text-shadow: 2.4px 2.4px 3.2px rgba(255, 255, 255, .5);--cl-drop-shadow: drop-shadow(2.4px 2.4px 3.2px rgba(255, 255, 255, .3));--cl-accent-border: 1px solid #eb5cbe;--cl-success-border: 1px solid #47d5a6;--cl-warning-border: 1px solid #d7ac61;--cl-danger-border: 1px solid #d94a4a;--cl-info-border: 1px solid #4077d1;--cl-light-border: 1px solid #665d63;--cl-outline-border: 1px solid #ffffff}@keyframes cl-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cl-fade-out{0%{opacity:1}to{opacity:0}}.cl-fade-in{animation:cl-fade-in ease .4s}.cl-fade-out{animation:cl-fade-out ease .4s}
+:root{--cl-core-font:Arial, Helvetica, sans-serif;--cl-monospace-font:"Courier New", Courier, monospace;--cl-fancy-font:Georgia, "Times New Roman", Times, serif;--cl-xs-gap:2px;--cl-s-gap:4px;--cl-m-gap:8px;--cl-l-gap:16px;--cl-xl-gap:32px;--cl-xxl-gap:64px;--cl-icon-size:20px;--cl-thumb-size:24px;--cl-border-radius:4px;--cl-z-index-base:1;--cl-z-index-menu:5;--cl-z-index-popup:10;--cl-z-index-modal:20;--cl-typography-h1-mobile:2.25rem;--cl-typography-h1-tablet:2.5rem;--cl-typography-h1-desktop:3rem;--cl-typography-h2-mobile:2rem;--cl-typography-h2-tablet:2.25rem;--cl-typography-h2-desktop:2.5rem;--cl-typography-h3-mobile:1.75rem;--cl-typography-h3-tablet:2rem;--cl-typography-h3-desktop:2.25rem;--cl-typography-h4-mobile:1.5rem;--cl-typography-h4-tablet:1.75rem;--cl-typography-h4-desktop:2rem;--cl-typography-h5-mobile:1.25rem;--cl-typography-h5-tablet:1.5rem;--cl-typography-h5-desktop:1.75rem;--cl-typography-h6-mobile:1rem;--cl-typography-h6-tablet:1.125rem;--cl-typography-h6-desktop:1.25rem;--cl-typography-base-mobile:1rem;--cl-typography-base-tablet:1.125rem;--cl-typography-base-desktop:1.25rem;--cl-typography-small-mobile:.875rem;--cl-typography-small-tablet:1rem;--cl-typography-small-desktop:1.125rem;--cl-breakpoint-sm:640px;--cl-breakpoint-md:768px;--cl-breakpoint-lg:1024px;--cl-breakpoint-xl:1280px;--cl-breakpoint-xxl:1536px;--cl-base-font-color:#000;--cl-base-background-color:#fff;--cl-accent-a0:#8d1c12;--cl-accent-a10:#7d1c11;--cl-accent-a20:#6d1b10;--cl-accent-a30:#5e190f;--cl-surface-a0:#fff;--cl-surface-a10:#f0f0f0;--cl-surface-a20:#e1e1e1;--cl-surface-a30:#d3d3d3;--cl-surface-tonal-a0:#f7e8e4;--cl-surface-tonal-a10:#e9dcd8;--cl-surface-tonal-a20:#dbd0cd;--cl-surface-tonal-a30:#cec4c2;--cl-success-a0:#1b7f5c;--cl-success-a10:#28be8a;--cl-success-a20:#58dbad;--cl-warning-a0:#b8871f;--cl-warning-a10:#dfae44;--cl-warning-a20:#ebca85;--cl-danger-a0:#b13535;--cl-danger-a10:#d06262;--cl-danger-a20:#e29d9d;--cl-info-a0:#1e56a3;--cl-info-a10:#347ada;--cl-info-a20:#74a4e6;--cl-accent-gradient:linear-gradient(135deg, #8d1c12 0%, #7d1c11 50%, #6d1b10 100%);--cl-box-shadow:#0003 2.4px 2.4px 3.2px;--cl-box-shadow-extended:#0003 4.8px 4.8px 6.4px;--cl-text-shadow:2.4px 2.4px 3.2px #00000026;--cl-drop-shadow:drop-shadow(2.4px 2.4px 3.2px #00000026);--cl-shadow-background:#0000004d;--cl-accent-border:1px solid #8d1c12;--cl-danger-border:1px solid #d06262;--cl-success-border:1px solid #28be8a;--cl-warning-border:1px solid #dfae44;--cl-info-border:1px solid #347ada;--cl-light-border:1px solid #c0b8b6;--cl-outline-border:1px solid #000}.cl-components-dark-theme{--cl-base-background-color:#000;--cl-base-font-color:#fff;--cl-accent-a0:#eb5cbe;--cl-accent-a10:#ef71c5;--cl-accent-a20:#f385cc;--cl-accent-a30:#f697d4;--cl-surface-a0:#121212;--cl-surface-a10:#282828;--cl-surface-a20:#3f3f3f;--cl-surface-a30:#575757;--cl-surface-tonal-a0:#251a21;--cl-surface-tonal-a10:#3a2f36;--cl-surface-tonal-a20:#4f464c;--cl-surface-tonal-a30:#665d63;--cl-success-a0:#9ae8ce;--cl-success-a10:#47d5a6;--cl-success-a20:#22946e;--cl-warning-a0:#a87a2a;--cl-warning-a10:#d7ac61;--cl-warning-a20:#ecd7b2;--cl-danger-a0:#eb9e9e;--cl-danger-a10:#d94a4a;--cl-danger-a20:#9c2121;--cl-info-a0:#92b2e5;--cl-info-a10:#4077d1;--cl-info-a20:#21498a;--cl-accent-gradient:linear-gradient(135deg, #eb5cbe 0%, #ef71c5 50%, #f385cc 100%);--cl-box-shadow:#ffffff4d 2.4px 2.4px 3.2px;--cl-box-shadow-extended:#ffffff4d 4px 4px 5px;--cl-text-shadow:2.4px 2.4px 3.2px #ffffff80;--cl-drop-shadow:drop-shadow(2.4px 2.4px 3.2px #ffffff4d);--cl-shadow-background:#ffffff4d;--cl-accent-border:1px solid #eb5cbe;--cl-danger-border:1px solid #d94a4a;--cl-success-border:1px solid #47d5a6;--cl-warning-border:1px solid #d7ac61;--cl-info-border:1px solid #4077d1;--cl-light-border:1px solid #665d63;--cl-outline-border:1px solid #fff}@keyframes cl-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cl-fade-out{0%{opacity:1}to{opacity:0}}.cl-fade-in{animation:.4s cl-fade-in}.cl-fade-out{animation:.4s cl-fade-out}

package/dist/utils/get-class-name.js

@@ -1,16 +1,14 @@
-function s(e) {
-  return e.map((n) => {
-    if (typeof n == "string")
-      return n.trim();
-    if (typeof n == "object") {
-      const r = [];
-      for (const t in n)
-        n[t] && r.push(t.trim());
-      return r.join(" ");
-    }
-    return "";
-  }).filter((n) => !!n).join(" ");
+//#region src/utils/get-class-name.ts
+function e(e) {
+	return e.map((e) => {
+		if (typeof e == "string") return e.trim();
+		if (typeof e == "object") {
+			let t = [];
+			for (let n in e) e[n] && t.push(n.trim());
+			return t.join(" ");
+		}
+		return "";
+	}).filter((e) => !!e).join(" ");
 }
-export {
-  s as getClassName
-};
+//#endregion
+export { e as getClassName };

package/dist/utils/handle-dropdown-list-key-press.js

@@ -1,32 +1,27 @@
-import { moveFocusOnElementById as d } from "./move-focus-on-element-by-id.js";
-function i({
-  e: c,
-  options: n,
-  onClose: a
-}) {
-  let r = "";
-  for (const e of n)
-    document.getElementById(e.id) === document.activeElement && (r = e.id);
-  const o = n.findIndex((e) => e.id === r);
-  switch (c.key) {
-    case "Escape":
-      c.preventDefault(), a();
-      break;
-    case "ArrowUp": {
-      c.preventDefault();
-      const e = o - 1 >= 0 ? o - 1 : n.length - 1, t = n[e];
-      t && d(t.id);
-      break;
-    }
-    case "ArrowDown":
-    case "Tab": {
-      c.preventDefault();
-      const e = o === n.length - 1 ? 0 : o + 1, t = n[e];
-      t && d(t.id);
-      break;
-    }
-  }
+import { moveFocusOnElementById as e } from "./move-focus-on-element-by-id.js";
+//#region src/utils/handle-dropdown-list-key-press.ts
+function t({ e: t, options: n, onClose: r }) {
+	let i = "";
+	for (let e of n) document.getElementById(e.id) === document.activeElement && (i = e.id);
+	let a = n.findIndex((e) => e.id === i);
+	switch (t.key) {
+		case "Escape":
+			t.preventDefault(), r();
+			break;
+		case "ArrowUp": {
+			t.preventDefault();
+			let r = n[a - 1 >= 0 ? a - 1 : n.length - 1];
+			r && e(r.id);
+			break;
+		}
+		case "ArrowDown":
+		case "Tab": {
+			t.preventDefault();
+			let r = n[a === n.length - 1 ? 0 : a + 1];
+			r && e(r.id);
+			break;
+		}
+	}
 }
-export {
-  i as handleDropdownListKeyPress
-};
+//#endregion
+export { t as handleDropdownListKeyPress };

package/dist/utils/move-focus-on-element-by-id.js

@@ -1,7 +1,7 @@
-function t(n) {
-  const e = document.getElementById(n);
-  e && e.focus();
+//#region src/utils/move-focus-on-element-by-id.ts
+function e(e) {
+	let t = document.getElementById(e);
+	t && t.focus();
 }
-export {
-  t as moveFocusOnElementById
-};
+//#endregion
+export { e as moveFocusOnElementById };

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "git+https://github.com/ChopLogic/chop-logic-components.git"
   },
-  "version": "4.0.1",
+  "version": "4.1.0",
   "description": "Reusable React components and hooks for the Chop Logic project",
   "type": "module",
   "module": "dist/index.es.js",
@@ -93,10 +93,9 @@
     "*.(ts|tsx)": [
       "bash -c 'npm run typecheck'"
     ],
-    "*.{js,jsx,ts,tsx,json,css}": [
-      "biome format --write",
-      "biome check --write",
-      "biome check --diagnostic-level error",
+    "*.{ts,tsx,js,css}": [
+      "npm run lint:fix",
+      "npm run format",
       "npm run test:ci"
     ],
     "*.{md,mdx}": [
@@ -117,32 +116,31 @@
   },
   "homepage": "https://choplogic.github.io/chop-logic-components",
   "devDependencies": {
-    "@biomejs/biome": "^2.4.4",
-    "@commitlint/cli": "^20.4.2",
-    "@commitlint/config-conventional": "^20.4.2",
-    "@storybook/addon-a11y": "^10.2.13",
-    "@storybook/addon-docs": "^10.2.13",
-    "@storybook/react-vite": "^10.2.13",
-    "@stryker-mutator/core": "^9.6.0",
-    "@stryker-mutator/vitest-runner": "^9.6.0",
+    "@biomejs/biome": "^2.4.12",
+    "@commitlint/cli": "^20.5.0",
+    "@commitlint/config-conventional": "^20.5.0",
+    "@storybook/addon-a11y": "^10.3.5",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
+    "@stryker-mutator/core": "^9.6.1",
+    "@stryker-mutator/vitest-runner": "^9.6.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
-    "@types/node": "^25.3.2",
+    "@types/node": "^25.6.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@vitest/coverage-v8": "^4.0.18",
-    "globals": "^17.3.0",
+    "@vitest/coverage-v8": "^4.1.4",
     "husky": "^9.1.7",
     "husky-init": "^8.0.0",
-    "jsdom": "^28.1.0",
-    "prettier": "^3.8.1",
+    "jsdom": "^29.0.2",
+    "prettier": "^3.8.3",
     "remark-gfm": "^4.0.1",
-    "storybook": "^10.2.13",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.1",
+    "storybook": "^10.3.5",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.8",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "vitest": "^4.0.18"
+    "vitest": "^4.1.4"
   },
   "overrides": {
     "storybook": "$storybook"

package/dist/components/atoms/button/Button.js

@@ -1,66 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { getClassName as i } from "../../../utils/get-class-name.js";
-import { withTooltip as l } from "../../hocs/with-tooltip/with-tooltip.js";
-import './Button.css';/* empty css           */
-import { IconButton as c } from "./icon-button/IconButton.js";
-import { InnerButton as d } from "./inner-button/InnerButton.js";
-import { PrimaryButton as B } from "./primary-button/PrimaryButton.js";
-import { SecondaryButton as y } from "./secondary-button/SecondaryButton.js";
-import { ButtonView as t } from "../../../enums/button-view.js";
-const I = ({
-  text: u,
-  icon: r,
-  tooltip: w,
-  extended: s = !1,
-  view: f = t.Primary,
-  label: o,
-  className: a,
-  iconSize: n,
-  ...m
-}) => {
-  const p = i([a, "cl-button", { "cl-button_extended": s }]);
-  switch (f) {
-    case t.Primary:
-      return /* @__PURE__ */ e(
-        B,
-        {
-          className: p,
-          icon: r,
-          text: u,
-          "aria-label": o,
-          iconSize: n,
-          ...m
-        }
-      );
-    case t.Secondary:
-      return /* @__PURE__ */ e(
-        y,
-        {
-          className: p,
-          icon: r,
-          text: u,
-          "aria-label": o,
-          iconSize: n,
-          ...m
-        }
-      );
-    case t.Icon:
-      return /* @__PURE__ */ e(c, { label: o, icon: r, iconSize: n, ...m, className: a });
-    case t.Inner:
-      return /* @__PURE__ */ e(
-        d,
-        {
-          label: o,
-          icon: r,
-          iconSize: n,
-          ...m,
-          className: a
-        }
-      );
-    default:
-      return null;
-  }
-}, V = l(I);
-export {
-  V as default
-};

package/dist/components/atoms/button/icon-button/IconButton.js

@@ -1,15 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { getClassName as r } from "../../../../utils/get-class-name.js";
-import './IconButton.css';/* empty css               */
-import a from "../../icon/Icon.js";
-import { ElementSize as c } from "../../../../enums/element-size.js";
-const f = ({
-  icon: o,
-  className: m,
-  label: e,
-  iconSize: i = c.Medium,
-  ...n
-}) => /* @__PURE__ */ t("button", { ...n, "aria-label": e, className: r(["cl-icon-button", m]), children: o && /* @__PURE__ */ t(a, { name: o, className: "cl-icon-button__icon", size: i }) });
-export {
-  f as IconButton
-};

package/dist/components/atoms/button/icon-button/index.js

@@ -1,3 +0,0 @@
-export { default } from './IconButton.js';
-export * from './IconButton.js';
-import './IconButton.css';

package/dist/components/atoms/button/index.js

@@ -1,3 +0,0 @@
-export { default } from './Button.js';
-export * from './Button.js';
-import './Button.css';

package/dist/components/atoms/button/inner-button/InnerButton.js

@@ -1,28 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { getClassName as l } from "../../../../utils/get-class-name.js";
-import './InnerButton.css';/* empty css                */
-import s from "../../icon/Icon.js";
-import { ElementSize as c } from "../../../../enums/element-size.js";
-const x = ({
-  onClick: n,
-  label: o,
-  icon: e,
-  disabled: r,
-  className: m,
-  iconSize: i = c.Small,
-  ...a
-}) => /* @__PURE__ */ t(
-  "button",
-  {
-    className: l(["cl-inner-button", m]),
-    onClick: n,
-    "aria-label": o,
-    type: "button",
-    disabled: r,
-    ...a,
-    children: /* @__PURE__ */ t(s, { name: e, size: i, className: "cl-inner-button__icon" })
-  }
-);
-export {
-  x as InnerButton
-};

package/dist/components/atoms/button/inner-button/index.js

@@ -1,3 +0,0 @@
-export { default } from './InnerButton.js';
-export * from './InnerButton.js';
-import './InnerButton.css';

package/dist/components/atoms/button/primary-button/PrimaryButton.js

@@ -1,18 +0,0 @@
-import { jsxs as s, jsx as m } from "react/jsx-runtime";
-import { getClassName as i } from "../../../../utils/get-class-name.js";
-import './PrimaryButton.css';/* empty css                  */
-import l from "../../icon/Icon.js";
-import { ElementSize as n } from "../../../../enums/element-size.js";
-const x = ({
-  icon: t,
-  text: r,
-  className: o,
-  iconSize: a = n.Small,
-  ...e
-}) => /* @__PURE__ */ s("button", { ...e, className: i(["cl-primary-button", o]), children: [
-  t && /* @__PURE__ */ m(l, { name: t, className: "cl-primary-button__icon", size: a }),
-  /* @__PURE__ */ m("span", { className: "cl-primary-button__text", children: r })
-] });
-export {
-  x as PrimaryButton
-};

package/dist/components/atoms/button/primary-button/index.js

@@ -1,3 +0,0 @@
-export { default } from './PrimaryButton.js';
-export * from './PrimaryButton.js';
-import './PrimaryButton.css';

package/dist/components/atoms/button/secondary-button/SecondaryButton.js

@@ -1,18 +0,0 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { getClassName as a } from "../../../../utils/get-class-name.js";
-import './SecondaryButton.css';/* empty css                    */
-import c from "../../icon/Icon.js";
-import { ElementSize as l } from "../../../../enums/element-size.js";
-const f = ({
-  icon: o,
-  text: e,
-  className: s,
-  iconSize: m = l.Small,
-  ...n
-}) => /* @__PURE__ */ r("button", { ...n, className: a(["cl-secondary-button", s]), children: [
-  o && /* @__PURE__ */ t(c, { name: o, className: "cl-secondary-button__icon", size: m }),
-  /* @__PURE__ */ t("span", { className: "cl-secondary-button__text", children: e })
-] });
-export {
-  f as SecondaryButton
-};

package/dist/components/atoms/button/secondary-button/index.js

@@ -1,3 +0,0 @@
-export { default } from './SecondaryButton.js';
-export * from './SecondaryButton.js';
-import './SecondaryButton.css';

package/dist/components/atoms/editable-text/EditableText.js

@@ -1,71 +0,0 @@
-import { jsx as E } from "react/jsx-runtime";
-import { getClassName as D } from "../../../utils/get-class-name.js";
-import { useRef as N, useCallback as r } from "react";
-import './EditableText.css';/* empty css                 */
-import { EditView as R } from "./EditView.js";
-import { ReadView as _ } from "./ReadView.js";
-import { useEditModeState as g } from "./useEditModeState.js";
-import { useInputFocus as B } from "./useInputFocus.js";
-import { useValueState as K } from "./useValueState.js";
-const G = ({
-  value: V,
-  isEditMode: b,
-  onChange: C,
-  onClick: n,
-  className: k,
-  autoSelectTextOnEditMode: M = !1,
-  multiline: a = !1,
-  placeholder: d = "Click to edit...",
-  readOnly: t = !1,
-  ...m
-}) => {
-  const u = N(null), { editMode: i, enterEditMode: c, exitEditMode: o } = g(b, t), { internalValue: l, updateValue: w, commitValue: f, resetValue: p } = K(V, C);
-  B(u, i, M, t);
-  const h = r(
-    (e) => {
-      n?.(e), c();
-    },
-    [n, c]
-  ), s = r(() => {
-    o(), f();
-  }, [o, f]), y = r(
-    (e) => {
-      e.key === "Enter" && !a && (e.preventDefault(), s()), e.key === "Escape" && (p(), o());
-    },
-    [a, s, p, o]
-  ), x = D([
-    "cl-editable-text",
-    k,
-    {
-      "cl-editable-text_edit-mode": i,
-      "cl-editable-text_read-only": t,
-      "cl-editable-text_empty": !l
-    }
-  ]);
-  return i && !t ? /* @__PURE__ */ E(
-    R,
-    {
-      multiline: a,
-      value: l,
-      placeholder: d,
-      onChange: w,
-      onBlur: s,
-      onKeyDown: y,
-      className: x,
-      inputRef: u,
-      ...m
-    }
-  ) : /* @__PURE__ */ E(
-    _,
-    {
-      value: l,
-      placeholder: d,
-      onClick: h,
-      className: x,
-      ...m
-    }
-  );
-};
-export {
-  G as default
-};

package/dist/components/atoms/editable-text/index.js

@@ -1,3 +0,0 @@
-export { default } from './EditableText.js';
-export * from './EditableText.js';
-import './EditableText.css';

package/dist/components/atoms/error-message/ErrorMessage.js

@@ -1,30 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { getClassName as l } from "../../../utils/get-class-name.js";
-import './ErrorMessage.css';/* empty css                 */
-const n = ({
-  errorId: e,
-  testId: s,
-  message: a = "Error!",
-  visible: r = !1,
-  className: o
-}) => {
-  const t = l([
-    "cl-error-message",
-    o,
-    { "cl-error-message_visible": r }
-  ]);
-  return /* @__PURE__ */ i(
-    "span",
-    {
-      id: e,
-      className: t,
-      "data-testid": s,
-      "aria-hidden": !r,
-      "aria-live": "polite",
-      children: a
-    }
-  );
-};
-export {
-  n as default
-};

package/dist/components/atoms/error-message/index.js

@@ -1,3 +0,0 @@
-export { default } from './ErrorMessage.js';
-export * from './ErrorMessage.js';
-import './ErrorMessage.css';

package/dist/components/atoms/header/Header.js

@@ -1,22 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import { getClassName as t } from "../../../utils/get-class-name.js";
-import './Header.css';/* empty css           */
-const n = ({ as: e = "h1", icon: h, children: r, className: a, ..._ }) => {
-  const c = e, d = t([
-    a,
-    "cl-header",
-    h,
-    {
-      "cl-header__h1": e === "h1",
-      "cl-header__h2": e === "h2",
-      "cl-header__h3": e === "h3",
-      "cl-header__h4": e === "h4",
-      "cl-header__h5": e === "h5",
-      "cl-header__h6": e === "h6"
-    }
-  ]);
-  return /* @__PURE__ */ l(c, { className: d, ..._, children: r });
-};
-export {
-  n as default
-};

package/dist/components/atoms/header/index.js

@@ -1,3 +0,0 @@
-export { default } from './Header.js';
-export * from './Header.js';
-import './Header.css';

package/dist/components/atoms/icon/Icon.js

@@ -1,31 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { getClassName as i } from "../../../utils/get-class-name.js";
-import './Icon.css';/* empty css         */
-import { ElementSize as a } from "../../../enums/element-size.js";
-const u = ({
-  name: r,
-  testId: t,
-  className: c,
-  hidden: o,
-  size: l = a.Medium,
-  ...m
-}) => {
-  if (!r) return null;
-  const e = i([
-    c,
-    "cl-icon",
-    r,
-    {
-      "cl-icon_extra-small": l === a.ExtraSmall,
-      "cl-icon_small": l === a.Small,
-      "cl-icon_medium": l === a.Medium,
-      "cl-icon_large": l === a.Large,
-      "cl-icon_xlarge": l === a.ExtraLarge,
-      "cl-icon_2xlarge": l === a.ExtraExtraLarge
-    }
-  ]);
-  return /* @__PURE__ */ n("span", { "data-testid": t, className: e, "aria-hidden": o, ...m });
-};
-export {
-  u as default
-};

package/dist/components/atoms/icon/index.js

@@ -1,3 +0,0 @@
-export { default } from './Icon.js';
-export * from './Icon.js';
-import './Icon.css';

package/dist/components/atoms/image/Image.js

@@ -1,24 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { getClassName as u } from "../../../utils/get-class-name.js";
-import { useState as h } from "react";
-import { BasicImage as E } from "./BasicImage.js";
-import { FallbackImage as d } from "./FallBackImage.js";
-import './Image.css';/* empty css          */
-import { ResponsivePicture as C } from "./ResponsivePicture.js";
-import { withFigureCaption as I } from "../../hocs/with-figure-caption/with-figure-caption.js";
-const v = ({
-  alt: s,
-  sources: o = [],
-  className: m,
-  decorative: i = !1,
-  onError: n,
-  ...t
-}) => {
-  const [l, p] = h(!1), c = u(["cl-image", m]), f = o.length > 0, a = i ? "" : s, e = (g) => {
-    p(!0), n?.(g);
-  };
-  return l ? /* @__PURE__ */ r(d, {}) : f ? /* @__PURE__ */ r(C, { alt: a, sources: o, onError: e, ...t }) : /* @__PURE__ */ r("div", { className: c, children: /* @__PURE__ */ r(E, { alt: a, onError: e, ...t }) });
-}, k = I(v);
-export {
-  k as default
-};

package/dist/components/atoms/image/index.js

@@ -1,3 +0,0 @@
-export { default } from './Image.js';
-export * from './Image.js';
-import './Image.css';

package/dist/components/atoms/input/Input.js

@@ -1,10 +0,0 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import './Input.css';/* empty css          */
-const n = ({ children: r, ...t }, p) => /* @__PURE__ */ s("div", { className: "cl-input__wrapper", children: [
-  /* @__PURE__ */ e("input", { ...t, className: "cl-input__field", ref: p }),
-  r
-] }), l = i(n);
-export {
-  l as default
-};

package/dist/components/atoms/input/index.js

@@ -1,3 +0,0 @@
-export { default } from './Input.js';
-export * from './Input.js';
-import './Input.css';

package/dist/components/atoms/label/Label.js

@@ -1,30 +0,0 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import './Label.css';/* empty css          */
-import { getClassName as x } from "../../../utils/get-class-name.js";
-import { ElementSize as _ } from "../../../enums/element-size.js";
-import u from "../icon/Icon.js";
-const q = ({
-  label: r,
-  required: i,
-  inputId: m,
-  icon: e,
-  iconPosition: l,
-  isTextHidden: c = !1,
-  iconSize: o = _.ExtraSmall,
-  disabled: n = !1,
-  className: b,
-  testId: d
-}) => {
-  const f = !!e && l === "left", p = !!e && l === "right", a = /* @__PURE__ */ t(u, { name: e, size: o }), h = x(["cl-label", b, { "cl-label_disabled": n }]);
-  return /* @__PURE__ */ s("label", { className: h, htmlFor: m, "data-testid": d, children: [
-    f && a,
-    !c && /* @__PURE__ */ s("span", { className: "cl-label__text", children: [
-      r,
-      i && /* @__PURE__ */ t("abbr", { className: "cl-label__required", title: "required", children: "*" })
-    ] }),
-    p && a
-  ] });
-};
-export {
-  q as default
-};

package/dist/components/atoms/label/index.js

@@ -1,3 +0,0 @@
-export { default } from './Label.js';
-export * from './Label.js';
-import './Label.css';