@caspeco/casper-ui-library 11.4.0 → 12.1.0

package/dist/components/radio/radio.js

@@ -1,26 +1,26 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { ThemeColorVariable as t, ThemeIconSizeVariable as n } from "../../theme/theme-types.js";
+import { ThemeColor as t, ThemeIconSize as n } from "../../theme/theme-types.js";
 import { CheckIcon as r } from "./check-icon.js";
 import { hoverStyles as i } from "./hover-styles.js";
 import { useRadioGroupVariant as a } from "./radio-group-context.js";
 import o from "react";
-import { Flex as s, RadioGroup as c } from "@chakra-ui/react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Flex as u, RadioGroup as d } from "@chakra-ui/react";
 //#region lib/components/radio/radio.tsx
 var f = e(), p = o.forwardRef((e, n) => {
-	let r = (0, f.c)(26), o, l, p, h, g, _, v, y;
-	r[0] === e ? (o = r[1], l = r[2], p = r[3], h = r[4], g = r[5], _ = r[6], v = r[7], y = r[8]) : ({value: y, children: o, defaultChecked: l, isInvalid: g, isDisabled: h, id: p, name: _, ...v} = e, r[0] = e, r[1] = o, r[2] = l, r[3] = p, r[4] = h, r[5] = g, r[6] = _, r[7] = v, r[8] = y);
+	let r = (0, f.c)(26), o, s, p, h, g, _, v, y;
+	r[0] === e ? (o = r[1], s = r[2], p = r[3], h = r[4], g = r[5], _ = r[6], v = r[7], y = r[8]) : ({value: y, children: o, defaultChecked: s, isInvalid: g, isDisabled: h, id: p, name: _, ...v} = e, r[0] = e, r[1] = o, r[2] = s, r[3] = p, r[4] = h, r[5] = g, r[6] = _, r[7] = v, r[8] = y);
 	let b = a(), x;
-	r[9] !== p || r[10] !== _ || r[11] !== n ? (x = /* @__PURE__ */ u(c.ItemHiddenInput, {
+	r[9] !== p || r[10] !== _ || r[11] !== n ? (x = /* @__PURE__ */ c(d.ItemHiddenInput, {
 		ref: n,
 		id: p,
 		name: _
 	}), r[9] = p, r[10] = _, r[11] = n, r[12] = x) : x = r[12];
 	let S;
-	r[13] === b ? S = r[14] : (S = b === "addon" ? /* @__PURE__ */ u(c.ItemControl, {
+	r[13] === b ? S = r[14] : (S = b === "addon" ? /* @__PURE__ */ c(d.ItemControl, {
 		className: "radio__item-indicator",
-		children: /* @__PURE__ */ u(c.ItemContext, { children: m })
-	}) : /* @__PURE__ */ u(c.ItemIndicator, {
+		children: /* @__PURE__ */ c(d.ItemContext, { children: m })
+	}) : /* @__PURE__ */ c(d.ItemIndicator, {
 		className: "radio__item-indicator",
 		_invalid: {
 			borderColor: t.Error,
@@ -42,16 +42,16 @@ var f = e(), p = o.forwardRef((e, n) => {
 		}
 	}), r[13] = b, r[14] = S);
 	let C;
-	r[15] === o ? C = r[16] : (C = o && /* @__PURE__ */ u(c.ItemText, {
+	r[15] === o ? C = r[16] : (C = o && /* @__PURE__ */ c(d.ItemText, {
 		width: "100%",
 		children: o
 	}), r[15] = o, r[16] = C);
 	let w;
-	return r[17] !== l || r[18] !== h || r[19] !== g || r[20] !== v || r[21] !== x || r[22] !== S || r[23] !== C || r[24] !== y ? (w = /* @__PURE__ */ u(s, {
+	return r[17] !== s || r[18] !== h || r[19] !== g || r[20] !== v || r[21] !== x || r[22] !== S || r[23] !== C || r[24] !== y ? (w = /* @__PURE__ */ c(u, {
 		css: i,
-		children: /* @__PURE__ */ d(c.Item, {
+		children: /* @__PURE__ */ l(d.Item, {
 			value: y,
-			defaultChecked: l,
+			defaultChecked: s,
 			invalid: g,
 			disabled: h,
 			w: "100%",
@@ -62,10 +62,10 @@ var f = e(), p = o.forwardRef((e, n) => {
 				C
 			]
 		}, y)
-	}), r[17] = l, r[18] = h, r[19] = g, r[20] = v, r[21] = x, r[22] = S, r[23] = C, r[24] = y, r[25] = w) : w = r[25], w;
+	}), r[17] = s, r[18] = h, r[19] = g, r[20] = v, r[21] = x, r[22] = S, r[23] = C, r[24] = y, r[25] = w) : w = r[25], w;
 });
 function m(e) {
-	return /* @__PURE__ */ u(l, { children: e.checked && /* @__PURE__ */ u(r, {
+	return /* @__PURE__ */ c(s, { children: e.checked && /* @__PURE__ */ c(r, {
 		color: t.OnAccent,
 		size: n.Medium
 	}) });

package/dist/components/radio-card/hover-styles.js

@@ -1,4 +1,4 @@
-import { ThemeColorVariable as e } from "../../theme/theme-types.js";
+import { ThemeColor as e } from "../../theme/theme-types.js";
 import "@chakra-ui/react";
 //#region lib/components/radio-card/hover-styles.ts
 var t = "& label[data-state=\"checked\"]:not(:active):not([data-disabled]):hover", n = "& label[data-state=\"unchecked\"]:not(:active):not([data-disabled]):not([data-invalid]):hover", r = "& label[data-invalid][data-state=\"unchecked\"]:hover", i = { "@media(hover: hover)": {

package/dist/components/radio-card/radio-card-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-card-group.d.ts","sourceRoot":"","sources":["../../../lib/components/radio-card/radio-card-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEhE,KAAK,yBAAyB,GAAG,IAAI,CACpC,eAAe,CAAC,SAAS,EACzB,UAAU,GAAG,MAAM,GAAG,cAAc,GAAG,OAAO,GAAG,eAAe,CAChE,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,yBAAyB,GAC1D,eAAe,GAAG;IAEjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEH;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC9B,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,KAAK,EACL,aAAa,EACb,OAAgB,EAChB,aAAwB,EACxB,GAA+B,EAC/B,GAAG,KAAK,EACR,EAAE,mBAAmB,+BAgBrB"}
+{"version":3,"file":"radio-card-group.d.ts","sourceRoot":"","sources":["../../../lib/components/radio-card/radio-card-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEhE,KAAK,yBAAyB,GAAG,IAAI,CACpC,eAAe,CAAC,SAAS,EACzB,UAAU,GAAG,MAAM,GAAG,cAAc,GAAG,OAAO,GAAG,eAAe,CAChE,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,yBAAyB,GAC1D,eAAe,GAAG;IAEjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEH;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC9B,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,KAAK,EACL,aAAa,EACb,OAAgB,EAChB,aAAwB,EACxB,GAAuB,EACvB,GAAG,KAAK,EACR,EAAE,mBAAmB,+BAgBrB"}

package/dist/components/radio-card/radio-card-group.js

@@ -1,14 +1,14 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { ThemeSpaceVariable as t } from "../../theme/theme-types.js";
-import { RadioCard as n } from "@chakra-ui/react";
-import { jsx as r } from "react/jsx-runtime";
+import { ThemeSpace as t } from "../../theme/theme-types.js";
+import { jsx as n } from "react/jsx-runtime";
+import { RadioCard as r } from "@chakra-ui/react";
 //#region lib/components/radio-card/radio-card-group.tsx
 var i = e();
 function a(e) {
 	let a = (0, i.c)(22), o, s, c, l, u, d, f, p, m, h;
 	a[0] === e ? (o = a[1], s = a[2], c = a[3], l = a[4], u = a[5], d = a[6], f = a[7], p = a[8], m = a[9], h = a[10]) : ({children: o, name: l, isDisabled: c, defaultValue: s, value: h, onValueChange: u, display: f, flexDirection: p, gap: m, ...d} = e, a[0] = e, a[1] = o, a[2] = s, a[3] = c, a[4] = l, a[5] = u, a[6] = d, a[7] = f, a[8] = p, a[9] = m, a[10] = h);
 	let g = f === void 0 ? "flex" : f, _ = p === void 0 ? "column" : p, v = m === void 0 ? t.Medium : m, y;
-	return a[11] !== o || a[12] !== s || a[13] !== g || a[14] !== _ || a[15] !== v || a[16] !== c || a[17] !== l || a[18] !== u || a[19] !== d || a[20] !== h ? (y = /* @__PURE__ */ r(n.Root, {
+	return a[11] !== o || a[12] !== s || a[13] !== g || a[14] !== _ || a[15] !== v || a[16] !== c || a[17] !== l || a[18] !== u || a[19] !== d || a[20] !== h ? (y = /* @__PURE__ */ n(r.Root, {
 		name: l,
 		disabled: c,
 		defaultValue: s,

package/dist/components/radio-card/radio-card.d.ts

@@ -13,7 +13,7 @@ export type RadioCardProps = CustomProperties & Pick<ChakraRadioCard.ItemProps,
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/radio#custom-radios
  */
-export declare const RadioCard: React.ForwardRefExoticComponent<CustomProperties & Pick<ChakraRadioCard.ItemProps, "id" | "value"> & Pick<ChakraRadioCard.ItemControlProps, "onChange"> & CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps & {
+export declare const RadioCard: React.ForwardRefExoticComponent<CustomProperties & Pick<ChakraRadioCard.ItemProps, "value" | "id"> & Pick<ChakraRadioCard.ItemControlProps, "onChange"> & CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps & {
     isDisabled?: boolean;
     isInvalid?: boolean;
     name?: string;

package/dist/components/radio-card/radio-card.js

@@ -1,15 +1,15 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { ThemeBorderVariable as t, ThemeColorVariable as n, ThemeFontSizeVariable as r, ThemeFontVariable as i, ThemeRadiusVariable as a, ThemeSpaceVariable as o } from "../../theme/theme-types.js";
+import { ThemeBorder as t, ThemeColor as n, ThemeFont as r, ThemeFontSize as i, ThemeRadius as a, ThemeSpace as o } from "../../theme/theme-types.js";
 import { hoverStylesCard as s } from "./hover-styles.js";
 import c from "react";
-import { Box as l, RadioCard as u } from "@chakra-ui/react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Box as d, RadioCard as f } from "@chakra-ui/react";
 //#region lib/components/radio-card/radio-card.tsx
 var p = e(), m = c.forwardRef((e, c) => {
 	let m = (0, p.c)(32), h, g, _, v, y, b, x, S, C, w;
 	m[0] === e ? (h = m[1], g = m[2], _ = m[3], v = m[4], y = m[5], b = m[6], x = m[7], S = m[8], C = m[9], w = m[10]) : ({children: h, id: g, name: y, value: w, isDisabled: _, isInvalid: v, onChange: b, alignItems: S, alignContent: C, ...x} = e, m[0] = e, m[1] = h, m[2] = g, m[3] = _, m[4] = v, m[5] = y, m[6] = b, m[7] = x, m[8] = S, m[9] = C, m[10] = w);
 	let T = S === void 0 ? "center" : S, E = C === void 0 ? "center" : C, D;
-	m[11] !== g || m[12] !== y || m[13] !== b || m[14] !== c ? (D = /* @__PURE__ */ d(u.ItemHiddenInput, {
+	m[11] !== g || m[12] !== y || m[13] !== b || m[14] !== c ? (D = /* @__PURE__ */ l(f.ItemHiddenInput, {
 		ref: c,
 		id: g,
 		name: y,
@@ -45,11 +45,11 @@ var p = e(), m = c.forwardRef((e, c) => {
 		boxShadow: `0 0 0 4px ${n.ErrorContainer}`
 	}, m[19] = j, m[20] = M) : (j = m[19], M = m[20]);
 	let N;
-	m[21] !== E || m[22] !== T || m[23] !== h ? (N = /* @__PURE__ */ d(u.ItemControl, {
+	m[21] !== E || m[22] !== T || m[23] !== h ? (N = /* @__PURE__ */ l(f.ItemControl, {
 		className: "radio-card__item-control",
 		whiteSpace: "nowrap",
-		fontFamily: i.Body,
-		fontSize: r.Medium,
+		fontFamily: r.Body,
+		fontSize: i.Medium,
 		bg: n.Surface,
 		borderRadius: a.Small,
 		px: o.Medium,
@@ -64,16 +64,16 @@ var p = e(), m = c.forwardRef((e, c) => {
 		_disabled: k,
 		_active: j,
 		_invalid: M,
-		children: /* @__PURE__ */ d(u.ItemContent, {
+		children: /* @__PURE__ */ l(f.ItemContent, {
 			alignContent: E,
 			alignItems: T,
 			children: h
 		})
 	}), m[21] = E, m[22] = T, m[23] = h, m[24] = N) : N = m[24];
 	let P;
-	return m[25] !== _ || m[26] !== v || m[27] !== x || m[28] !== D || m[29] !== N || m[30] !== w ? (P = /* @__PURE__ */ d(l, {
+	return m[25] !== _ || m[26] !== v || m[27] !== x || m[28] !== D || m[29] !== N || m[30] !== w ? (P = /* @__PURE__ */ l(d, {
 		css: s,
-		children: /* @__PURE__ */ f(u.Item, {
+		children: /* @__PURE__ */ u(f.Item, {
 			value: w,
 			disabled: _,
 			invalid: v,

package/dist/components/rich-text-editor/index.d.ts

@@ -21,6 +21,6 @@ export declare const RichTextEditor: {
 export { parseHtmlToContent, richTextExtensions } from './extensions.js';
 export { useRichTextEditorContext } from './rich-text-editor-context.js';
 export { RichTextRenderer } from './rich-text-renderer.js';
-export type { JSONContent, RichTextEditorLocale, RichTextEditorRootProps, RichTextEditorToolbarProps, RichTextRendererProps, UseRichTextEditorOptions, } from './types.js';
+export type { JSONContent, RichTextEditorRootProps, RichTextEditorToolbarProps, RichTextRendererProps, UseRichTextEditorOptions, } from './types.js';
 export { useRichTextEditor } from './use-rich-text-editor.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/rich-text-editor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,qBAAqB,EACrB,0BAA0B,EAC1B,kBAAkB,EAClB,qBAAqB,EACrB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACN,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,WAAW,EACX,WAAW,EACX,SAAS,EACT,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;CAiB1B,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EACX,WAAW,EACX,oBAAoB,EACpB,uBAAuB,EACvB,0BAA0B,EAC1B,qBAAqB,EACrB,wBAAwB,GACxB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,qBAAqB,EACrB,0BAA0B,EAC1B,kBAAkB,EAClB,qBAAqB,EACrB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACN,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,WAAW,EACX,WAAW,EACX,SAAS,EACT,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;CAiB1B,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EACX,WAAW,EACX,uBAAuB,EACvB,0BAA0B,EAC1B,qBAAqB,EACrB,wBAAwB,GACxB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/rich-text-editor/rich-text-editor-context.d.ts

@@ -1,8 +1,6 @@
 import { Editor } from '@tiptap/core';
-import { RichTextEditorLocale } from './types.js';
 interface RichTextEditorContextValue {
     editor: Editor | null;
-    locale: RichTextEditorLocale;
 }
 export declare const RichTextEditorContext: import('react').Context<RichTextEditorContextValue | null>;
 export declare function useRichTextEditorContext(): RichTextEditorContextValue;

package/dist/components/rich-text-editor/rich-text-editor-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor-context.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/rich-text-editor-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,UAAU,0BAA0B;IACnC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,oBAAoB,CAAC;CAC7B;AAED,eAAO,MAAM,qBAAqB,4DAAyD,CAAC;AAI5F,wBAAgB,wBAAwB,IAAI,0BAA0B,CAMrE"}
+{"version":3,"file":"rich-text-editor-context.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/rich-text-editor-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAG3C,UAAU,0BAA0B;IACnC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,qBAAqB,4DAAyD,CAAC;AAI5F,wBAAgB,wBAAwB,IAAI,0BAA0B,CAMrE"}

package/dist/components/rich-text-editor/rich-text-editor-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor-control.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/rich-text-editor-control.tsx"],"names":[],"mappings":"AAwBA,wBAAgB,IAAI,gCAInB;AAQD,wBAAgB,MAAM,gCAIrB;AAQD,wBAAgB,SAAS,gCAIxB;AAQD,wBAAgB,UAAU,gCAIzB;AAQD,wBAAgB,WAAW,gCAI1B;AAUD,wBAAgB,QAAQ,gCAIvB;AAQD,wBAAgB,QAAQ,gCAIvB;AAQD,wBAAgB,QAAQ,gCAIvB;AAQD,wBAAgB,QAAQ,gCAIvB;AAwBD,wBAAgB,WAAW,uCA8G1B"}
+{"version":3,"file":"rich-text-editor-control.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/rich-text-editor-control.tsx"],"names":[],"mappings":"AAyBA,wBAAgB,IAAI,gCAGnB;AAQD,wBAAgB,MAAM,gCAGrB;AAQD,wBAAgB,SAAS,gCAGxB;AAQD,wBAAgB,UAAU,gCAGzB;AAQD,wBAAgB,WAAW,gCAG1B;AAUD,wBAAgB,QAAQ,gCAGvB;AAQD,wBAAgB,QAAQ,gCAGvB;AAQD,wBAAgB,QAAQ,gCAGvB;AAQD,wBAAgB,QAAQ,gCAGvB;AAwBD,wBAAgB,WAAW,uCAyG1B"}

package/dist/components/rich-text-editor/rich-text-editor-control.js

@@ -1,5 +1,5 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { ThemeFontSizeVariable as t, ThemeIconSizeVariable as n, ThemeSpaceVariable as r } from "../../theme/theme-types.js";
+import { ThemeFontSize as t, ThemeIconSize as n, ThemeSpace as r } from "../../theme/theme-types.js";
 import { LinkIcon as i } from "../icon/icons/link-icon.js";
 import { ListOLIcon as a } from "../icon/icons/list-ol-icon.js";
 import { ListULIcon as o } from "../icon/icons/list-ul-icon.js";
@@ -7,84 +7,85 @@ import { Menu as s } from "../menu/menu.js";
 import { Button as c } from "../button/button.js";
 import { MenuButton as ee } from "../menu/menu-button.js";
 import { MenuList as te } from "../menu/menu-list.js";
-import { FormControl as l } from "../form-control/form-control.js";
-import { FormLabel as u } from "../form-control/form-label.js";
-import { Input as d } from "../input/input.js";
-import { useEditorState as f } from "../../packages/casper-ui-library/node_modules/@tiptap/react/dist/index.js";
-import { useRichTextEditorContext as p } from "./rich-text-editor-context.js";
+import { useComponentTranslations as l } from "../../theme/translations.js";
+import { FormControl as u } from "../form-control/form-control.js";
+import { FormLabel as d } from "../form-control/form-label.js";
+import { Input as f } from "../input/input.js";
+import { useEditorState as p } from "../../packages/casper-ui-library/node_modules/@tiptap/react/dist/index.js";
+import { useRichTextEditorContext as m } from "./rich-text-editor-context.js";
 import { Tooltip as ne } from "../tooltip/tooltip.js";
-import { find as m } from "../../node_modules/linkifyjs/dist/linkify.js";
-import { BooleanControl as h } from "./boolean-control.js";
-import { translations as g } from "./translations.js";
-import { useState as _ } from "react";
+import { find as h } from "../../node_modules/linkifyjs/dist/linkify.js";
+import { BooleanControl as g } from "./boolean-control.js";
+import { richTextEditorTranslations as _ } from "./rich-text-editor.translations.js";
+import { useState as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
 import { Box as re } from "@chakra-ui/react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region lib/components/rich-text-editor/rich-text-editor-control.tsx
-var b = e(), x = {
-	icon: /* @__PURE__ */ v("strong", { children: "B" }),
+var x = e(), S = {
+	icon: /* @__PURE__ */ y("strong", { children: "B" }),
 	command: (e) => e.chain().focus().toggleBold().run(),
 	isActive: (e) => e.isActive("bold")
 };
-function S() {
-	let e = (0, b.c)(2), { locale: t } = p(), n = g[t] ?? g["en-US"], r;
-	return e[0] === n.bold ? r = e[1] : (r = /* @__PURE__ */ v(h, {
-		...x,
-		label: n.bold
-	}), e[0] = n.bold, e[1] = r), r;
+function C() {
+	let e = (0, x.c)(2), t = l(_), n;
+	return e[0] === t.bold ? n = e[1] : (n = /* @__PURE__ */ y(g, {
+		...S,
+		label: t.bold
+	}), e[0] = t.bold, e[1] = n), n;
 }
-var C = {
-	icon: /* @__PURE__ */ v("em", { children: "I" }),
+var w = {
+	icon: /* @__PURE__ */ y("em", { children: "I" }),
 	command: (e) => e.chain().focus().toggleItalic().run(),
 	isActive: (e) => e.isActive("italic")
 };
-function w() {
-	let e = (0, b.c)(2), { locale: t } = p(), n = g[t] ?? g["en-US"], r;
-	return e[0] === n.italic ? r = e[1] : (r = /* @__PURE__ */ v(h, {
-		...C,
-		label: n.italic
-	}), e[0] = n.italic, e[1] = r), r;
+function T() {
+	let e = (0, x.c)(2), t = l(_), n;
+	return e[0] === t.italic ? n = e[1] : (n = /* @__PURE__ */ y(g, {
+		...w,
+		label: t.italic
+	}), e[0] = t.italic, e[1] = n), n;
 }
-var T = {
-	icon: /* @__PURE__ */ v("span", {
+var E = {
+	icon: /* @__PURE__ */ y("span", {
 		style: { textDecoration: "underline" },
 		children: "U"
 	}),
 	command: (e) => e.chain().focus().toggleUnderline().run(),
 	isActive: (e) => e.isActive("underline")
 };
-function E() {
-	let e = (0, b.c)(2), { locale: t } = p(), n = g[t] ?? g["en-US"], r;
-	return e[0] === n.underline ? r = e[1] : (r = /* @__PURE__ */ v(h, {
-		...T,
-		label: n.underline
-	}), e[0] = n.underline, e[1] = r), r;
+function D() {
+	let e = (0, x.c)(2), t = l(_), n;
+	return e[0] === t.underline ? n = e[1] : (n = /* @__PURE__ */ y(g, {
+		...E,
+		label: t.underline
+	}), e[0] = t.underline, e[1] = n), n;
 }
-var D = {
-	icon: /* @__PURE__ */ v(o, { size: n.Small }),
+var O = {
+	icon: /* @__PURE__ */ y(o, { size: n.Small }),
 	command: (e) => e.chain().focus().toggleBulletList().run(),
 	isActive: (e) => e.isActive("bulletList")
 };
-function O() {
-	let e = (0, b.c)(2), { locale: t } = p(), n = g[t] ?? g["en-US"], r;
-	return e[0] === n.bulletList ? r = e[1] : (r = /* @__PURE__ */ v(h, {
-		...D,
-		label: n.bulletList
-	}), e[0] = n.bulletList, e[1] = r), r;
+function k() {
+	let e = (0, x.c)(2), t = l(_), n;
+	return e[0] === t.bulletList ? n = e[1] : (n = /* @__PURE__ */ y(g, {
+		...O,
+		label: t.bulletList
+	}), e[0] = t.bulletList, e[1] = n), n;
 }
-var k = {
-	icon: /* @__PURE__ */ v(a, { size: n.Small }),
+var A = {
+	icon: /* @__PURE__ */ y(a, { size: n.Small }),
 	command: (e) => e.chain().focus().toggleOrderedList().run(),
 	isActive: (e) => e.isActive("orderedList")
 };
-function A() {
-	let e = (0, b.c)(2), { locale: t } = p(), n = g[t] ?? g["en-US"], r;
-	return e[0] === n.orderedList ? r = e[1] : (r = /* @__PURE__ */ v(h, {
-		...k,
-		label: n.orderedList
-	}), e[0] = n.orderedList, e[1] = r), r;
+function j() {
+	let e = (0, x.c)(2), t = l(_), n;
+	return e[0] === t.orderedList ? n = e[1] : (n = /* @__PURE__ */ y(g, {
+		...A,
+		label: t.orderedList
+	}), e[0] = t.orderedList, e[1] = n), n;
 }
-var j = {
-	icon: /* @__PURE__ */ v("span", {
+var M = {
+	icon: /* @__PURE__ */ y("span", {
 		style: {
 			fontSize: "0.8em",
 			fontWeight: 600
@@ -94,15 +95,15 @@ var j = {
 	command: (e) => e.chain().focus().toggleHeading({ level: 1 }).run(),
 	isActive: (e) => e.isActive("heading", { level: 1 })
 };
-function M() {
-	let e = (0, b.c)(2), { locale: t } = p(), n = g[t] ?? g["en-US"], r;
-	return e[0] === n.heading1 ? r = e[1] : (r = /* @__PURE__ */ v(h, {
-		...j,
-		label: n.heading1
-	}), e[0] = n.heading1, e[1] = r), r;
+function N() {
+	let e = (0, x.c)(2), t = l(_), n;
+	return e[0] === t.heading1 ? n = e[1] : (n = /* @__PURE__ */ y(g, {
+		...M,
+		label: t.heading1
+	}), e[0] = t.heading1, e[1] = n), n;
 }
-var N = {
-	icon: /* @__PURE__ */ v("span", {
+var P = {
+	icon: /* @__PURE__ */ y("span", {
 		style: {
 			fontSize: "0.8em",
 			fontWeight: 600
@@ -112,15 +113,15 @@ var N = {
 	command: (e) => e.chain().focus().toggleHeading({ level: 2 }).run(),
 	isActive: (e) => e.isActive("heading", { level: 2 })
 };
-function P() {
-	let e = (0, b.c)(2), { locale: t } = p(), n = g[t] ?? g["en-US"], r;
-	return e[0] === n.heading2 ? r = e[1] : (r = /* @__PURE__ */ v(h, {
-		...N,
-		label: n.heading2
-	}), e[0] = n.heading2, e[1] = r), r;
+function F() {
+	let e = (0, x.c)(2), t = l(_), n;
+	return e[0] === t.heading2 ? n = e[1] : (n = /* @__PURE__ */ y(g, {
+		...P,
+		label: t.heading2
+	}), e[0] = t.heading2, e[1] = n), n;
 }
-var F = {
-	icon: /* @__PURE__ */ v("span", {
+var I = {
+	icon: /* @__PURE__ */ y("span", {
 		style: {
 			fontSize: "0.8em",
 			fontWeight: 600
@@ -130,15 +131,15 @@ var F = {
 	command: (e) => e.chain().focus().toggleHeading({ level: 3 }).run(),
 	isActive: (e) => e.isActive("heading", { level: 3 })
 };
-function I() {
-	let e = (0, b.c)(2), { locale: t } = p(), n = g[t] ?? g["en-US"], r;
-	return e[0] === n.heading3 ? r = e[1] : (r = /* @__PURE__ */ v(h, {
-		...F,
-		label: n.heading3
-	}), e[0] = n.heading3, e[1] = r), r;
+function L() {
+	let e = (0, x.c)(2), t = l(_), n;
+	return e[0] === t.heading3 ? n = e[1] : (n = /* @__PURE__ */ y(g, {
+		...I,
+		label: t.heading3
+	}), e[0] = t.heading3, e[1] = n), n;
 }
-var L = {
-	icon: /* @__PURE__ */ v("span", {
+var R = {
+	icon: /* @__PURE__ */ y("span", {
 		style: {
 			fontSize: "0.8em",
 			fontWeight: 600
@@ -148,41 +149,41 @@ var L = {
 	command: (e) => e.chain().focus().toggleHeading({ level: 4 }).run(),
 	isActive: (e) => e.isActive("heading", { level: 4 })
 };
-function R() {
-	let e = (0, b.c)(2), { locale: t } = p(), n = g[t] ?? g["en-US"], r;
-	return e[0] === n.heading4 ? r = e[1] : (r = /* @__PURE__ */ v(h, {
-		...L,
-		label: n.heading4
-	}), e[0] = n.heading4, e[1] = r), r;
+function z() {
+	let e = (0, x.c)(2), t = l(_), n;
+	return e[0] === t.heading4 ? n = e[1] : (n = /* @__PURE__ */ y(g, {
+		...R,
+		label: t.heading4
+	}), e[0] = t.heading4, e[1] = n), n;
 }
-function z(e) {
+function B(e) {
 	return e.startsWith("tel:") ? e.slice(4) : e.startsWith("mailto:") ? e.slice(7) : e;
 }
-var B = /^\+?[\d\s\-().]{7,}$/;
+var V = /^\+?[\d\s\-().]{7,}$/;
 function ie(e) {
 	let t = e.trim();
 	if (!t) return "";
 	if (t.startsWith("tel:")) return t;
-	if (B.test(t)) return `tel:${t}`;
-	let [n] = m(t);
+	if (V.test(t)) return `tel:${t}`;
+	let [n] = h(t);
 	return n && n.isLink && n.start === 0 && n.end === t.length ? n.href : "";
 }
-function V() {
-	let e = (0, b.c)(53), { editor: a, locale: o } = p(), m = g[o] ?? g["en-US"], h;
+function H() {
+	let e = (0, x.c)(53), { editor: a } = m(), o = l(_), h;
 	e[0] === a ? h = e[1] : (h = {
 		editor: a,
 		selector: ce
 	}, e[0] = a, e[1] = h);
-	let x = f(h), S;
+	let g = p(h), S;
 	e[2] === a ? S = e[3] : (S = {
 		editor: a,
 		selector: se
 	}, e[2] = a, e[3] = S);
-	let C = f(S), w;
-	e[4] === x ? w = e[5] : (w = () => z(x ?? ""), e[4] = x, e[5] = w);
-	let [T, E] = _(w), [D, O] = _(x);
-	x !== D && (O(x), E(z(x ?? "")));
-	let [k, A] = _(C ?? ""), [j, M] = _(C);
+	let C = p(S), w;
+	e[4] === g ? w = e[5] : (w = () => B(g ?? ""), e[4] = g, e[5] = w);
+	let [T, E] = v(w), [D, O] = v(g);
+	g !== D && (O(g), E(B(g ?? "")));
+	let [k, A] = v(C ?? ""), [j, M] = v(C);
 	C !== j && (M(C), A(C ?? ""));
 	let N;
 	e[6] !== k || e[7] !== a || e[8] !== T ? (N = () => {
@@ -204,75 +205,75 @@ function V() {
 	let I = F;
 	if (!a) return null;
 	let L;
-	e[12] === Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ v(i, { size: n.Small }), e[12] = L) : L = e[12];
+	e[12] === Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ y(i, { size: n.Small }), e[12] = L) : L = e[12];
 	let R;
-	e[13] === m.link ? R = e[14] : (R = /* @__PURE__ */ v(ee, {
+	e[13] === o.link ? R = e[14] : (R = /* @__PURE__ */ y(ee, {
 		size: "sm",
 		variant: "ghost",
-		"aria-label": m.link,
+		"aria-label": o.link,
 		px: 0,
 		children: L
-	}), e[13] = m.link, e[14] = R);
-	let B;
-	e[15] !== m.link || e[16] !== R ? (B = /* @__PURE__ */ v(ne, {
-		label: m.link,
+	}), e[13] = o.link, e[14] = R);
+	let z;
+	e[15] !== o.link || e[16] !== R ? (z = /* @__PURE__ */ y(ne, {
+		label: o.link,
 		placement: "top",
 		children: R
-	}), e[15] = m.link, e[16] = R, e[17] = B) : B = e[17];
+	}), e[15] = o.link, e[16] = R, e[17] = z) : z = e[17];
 	let V;
-	e[18] === m.linkDisplayLabel ? V = e[19] : (V = /* @__PURE__ */ v(u, {
+	e[18] === o.linkDisplayLabel ? V = e[19] : (V = /* @__PURE__ */ y(d, {
 		fontSize: t.Small,
-		children: m.linkDisplayLabel
-	}), e[18] = m.linkDisplayLabel, e[19] = V);
+		children: o.linkDisplayLabel
+	}), e[18] = o.linkDisplayLabel, e[19] = V);
 	let H;
 	e[20] === Symbol.for("react.memo_cache_sentinel") ? (H = (e) => A(e.target.value), e[20] = H) : H = e[20];
 	let U;
-	e[21] !== k || e[22] !== m.linkDisplayPlaceholder ? (U = /* @__PURE__ */ v(d, {
+	e[21] !== k || e[22] !== o.linkDisplayPlaceholder ? (U = /* @__PURE__ */ y(f, {
 		value: k,
 		onChange: H,
 		onKeyDown: oe,
-		placeholder: m.linkDisplayPlaceholder,
+		placeholder: o.linkDisplayPlaceholder,
 		autoFocus: !0,
 		size: "sm"
-	}), e[21] = k, e[22] = m.linkDisplayPlaceholder, e[23] = U) : U = e[23];
+	}), e[21] = k, e[22] = o.linkDisplayPlaceholder, e[23] = U) : U = e[23];
 	let W;
-	e[24] !== U || e[25] !== V ? (W = /* @__PURE__ */ y(l, {
+	e[24] !== U || e[25] !== V ? (W = /* @__PURE__ */ b(u, {
 		mb: r.Small,
 		children: [V, U]
 	}), e[24] = U, e[25] = V, e[26] = W) : W = e[26];
 	let G;
-	e[27] === m.linkLabel ? G = e[28] : (G = /* @__PURE__ */ v(u, {
+	e[27] === o.linkLabel ? G = e[28] : (G = /* @__PURE__ */ y(d, {
 		fontSize: t.Small,
-		children: m.linkLabel
-	}), e[27] = m.linkLabel, e[28] = G);
+		children: o.linkLabel
+	}), e[27] = o.linkLabel, e[28] = G);
 	let K;
 	e[29] === Symbol.for("react.memo_cache_sentinel") ? (K = (e) => E(e.target.value), e[29] = K) : K = e[29];
 	let q;
-	e[30] !== T || e[31] !== m.linkPlaceholder ? (q = /* @__PURE__ */ v(d, {
+	e[30] !== T || e[31] !== o.linkPlaceholder ? (q = /* @__PURE__ */ y(f, {
 		value: T,
 		onChange: K,
 		onKeyDown: ae,
-		placeholder: m.linkPlaceholder,
+		placeholder: o.linkPlaceholder,
 		size: "sm"
-	}), e[30] = T, e[31] = m.linkPlaceholder, e[32] = q) : q = e[32];
+	}), e[30] = T, e[31] = o.linkPlaceholder, e[32] = q) : q = e[32];
 	let J;
-	e[33] !== G || e[34] !== q ? (J = /* @__PURE__ */ y(l, { children: [G, q] }), e[33] = G, e[34] = q, e[35] = J) : J = e[35];
+	e[33] !== G || e[34] !== q ? (J = /* @__PURE__ */ b(u, { children: [G, q] }), e[33] = G, e[34] = q, e[35] = J) : J = e[35];
 	let Y;
-	e[36] !== x || e[37] !== I || e[38] !== m.removeLink ? (Y = x && /* @__PURE__ */ v(c, {
+	e[36] !== g || e[37] !== I || e[38] !== o.removeLink ? (Y = g && /* @__PURE__ */ y(c, {
 		variant: "ghost",
 		size: "sm",
 		onClick: I,
-		children: m.removeLink
-	}), e[36] = x, e[37] = I, e[38] = m.removeLink, e[39] = Y) : Y = e[39];
+		children: o.removeLink
+	}), e[36] = g, e[37] = I, e[38] = o.removeLink, e[39] = Y) : Y = e[39];
 	let X;
-	e[40] !== P || e[41] !== m.save ? (X = /* @__PURE__ */ v(c, {
+	e[40] !== P || e[41] !== o.save ? (X = /* @__PURE__ */ y(c, {
 		variant: "primary",
 		size: "sm",
 		onClick: P,
-		children: m.save
-	}), e[40] = P, e[41] = m.save, e[42] = X) : X = e[42];
+		children: o.save
+	}), e[40] = P, e[41] = o.save, e[42] = X) : X = e[42];
 	let Z;
-	e[43] !== Y || e[44] !== X ? (Z = /* @__PURE__ */ y(re, {
+	e[43] !== Y || e[44] !== X ? (Z = /* @__PURE__ */ b(re, {
 		display: "flex",
 		justifyContent: "flex-end",
 		gap: r.XSmall,
@@ -280,7 +281,7 @@ function V() {
 		children: [Y, X]
 	}), e[43] = Y, e[44] = X, e[45] = Z) : Z = e[45];
 	let Q;
-	e[46] !== W || e[47] !== J || e[48] !== Z ? (Q = /* @__PURE__ */ y(te, {
+	e[46] !== W || e[47] !== J || e[48] !== Z ? (Q = /* @__PURE__ */ b(te, {
 		px: r.Medium,
 		children: [
 			W,
@@ -289,11 +290,11 @@ function V() {
 		]
 	}), e[46] = W, e[47] = J, e[48] = Z, e[49] = Q) : Q = e[49];
 	let $;
-	return e[50] !== Q || e[51] !== B ? ($ = /* @__PURE__ */ y(s, {
+	return e[50] !== Q || e[51] !== z ? ($ = /* @__PURE__ */ b(s, {
 		closeOnSelect: !1,
 		placement: "bottom-start",
-		children: [B, Q]
-	}), e[50] = Q, e[51] = B, e[52] = $) : $ = e[52], $;
+		children: [z, Q]
+	}), e[50] = Q, e[51] = z, e[52] = $) : $ = e[52], $;
 }
 function ae(e) {
 	return e.stopPropagation();
@@ -312,4 +313,4 @@ function ce(e) {
 	return t ? t.getAttributes("link").href ?? "" : "";
 }
 //#endregion
-export { S as Bold, O as BulletList, M as Heading1, P as Heading2, I as Heading3, R as Heading4, w as Italic, V as LinkControl, A as OrderedList, E as Underline };
+export { C as Bold, k as BulletList, N as Heading1, F as Heading2, L as Heading3, z as Heading4, T as Italic, H as LinkControl, j as OrderedList, D as Underline };

package/dist/components/rich-text-editor/rich-text-editor-recipe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor-recipe.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/rich-text-editor-recipe.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,uBAAuB,8CAuBlC,CAAC;AAEH,eAAO,MAAM,UAAU,8CAKrB,CAAC;AAEH,eAAO,MAAM,qBAAqB,8CAwBhC,CAAC"}
+{"version":3,"file":"rich-text-editor-recipe.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/rich-text-editor-recipe.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB,8CAuBlC,CAAC;AAEH,eAAO,MAAM,UAAU,8CAKrB,CAAC;AAEH,eAAO,MAAM,qBAAqB,8CAwBhC,CAAC"}

package/dist/components/rich-text-editor/rich-text-editor-recipe.js

@@ -1,4 +1,4 @@
-import { ThemeBorderVariable as e, ThemeColorVariable as t, ThemeFontSizeVariable as n, ThemeRadiusVariable as r, ThemeSpaceVariable as i } from "../../theme/theme-types.js";
+import { ThemeBorder as e, ThemeColor as t, ThemeFontSize as n, ThemeRadius as r, ThemeSpace as i } from "../../theme/theme-types.js";
 import { defineStyle as a } from "@chakra-ui/react";
 //#region lib/components/rich-text-editor/rich-text-editor-recipe.ts
 var o = a({