@caspeco/casper-ui-library 9.13.0 → 10.0.0

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

@@ -1,5 +1,5 @@
 import { defineStyle as o } from "@chakra-ui/react";
-import { ThemeSpaceVariable as r, ThemeColorVariable as i, ThemeBorderVariable as t, ThemeRadiusVariable as n, ThemeFontSizeVariable as e } from "../../theme/theme-types.js";
+import { ThemeSpaceVariable as r, ThemeColorVariable as i, ThemeBorderVariable as t, ThemeFontSizeVariable as e, ThemeRadiusVariable as n } from "../../theme/theme-types.js";
 const d = o({
   display: "flex",
   flexDirection: "column",
@@ -28,8 +28,12 @@ const d = o({
   px: r.XSmall
 }), m = o({
   lineHeight: "1.5",
-  "& .ProseMirror > * + *": { marginTop: r.Small },
-  "& .ProseMirror p": { margin: r.None },
+  "& .ProseMirror > * + *": {
+    marginTop: r.Small
+  },
+  "& .ProseMirror p": {
+    margin: r.None
+  },
   "& .ProseMirror ul:not([data-type='taskList'])": {
     paddingInlineStart: r.Medium,
     listStyleType: "disc"
@@ -43,13 +47,35 @@ const d = o({
     textDecoration: "underline",
     cursor: "pointer"
   },
-  "& .ProseMirror h1": { fontSize: e.X2Large, fontWeight: "bold", lineHeight: 1.2 },
-  "& .ProseMirror h2": { fontSize: e.XLarge, fontWeight: "bold", lineHeight: 1.25 },
-  "& .ProseMirror h3": { fontSize: e.Large, fontWeight: "bold", lineHeight: 1.3 },
-  "& .ProseMirror h4": { fontSize: e.Medium, fontWeight: "bold", lineHeight: 1.4 },
-  "& .ProseMirror strong": { fontWeight: "bold" },
-  "& .ProseMirror em": { fontStyle: "italic" },
-  "& .ProseMirror u": { textDecoration: "underline" }
+  "& .ProseMirror h1": {
+    fontSize: e.X2Large,
+    fontWeight: "bold",
+    lineHeight: 1.2
+  },
+  "& .ProseMirror h2": {
+    fontSize: e.XLarge,
+    fontWeight: "bold",
+    lineHeight: 1.25
+  },
+  "& .ProseMirror h3": {
+    fontSize: e.Large,
+    fontWeight: "bold",
+    lineHeight: 1.3
+  },
+  "& .ProseMirror h4": {
+    fontSize: e.Medium,
+    fontWeight: "bold",
+    lineHeight: 1.4
+  },
+  "& .ProseMirror strong": {
+    fontWeight: "bold"
+  },
+  "& .ProseMirror em": {
+    fontStyle: "italic"
+  },
+  "& .ProseMirror u": {
+    textDecoration: "underline"
+  }
 });
 export {
   d as proseMirrorContainerCss,

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

@@ -1,6 +1,6 @@
-declare function EditorWithToolbar(): import("react/jsx-runtime").JSX.Element;
-declare function EditorWithContent(): import("react/jsx-runtime").JSX.Element;
-declare function EditorDisabled(): import("react/jsx-runtime").JSX.Element;
-declare function Renderer(): import("react/jsx-runtime").JSX.Element;
+declare function EditorWithToolbar(): import("react").JSX.Element;
+declare function EditorWithContent(): import("react").JSX.Element;
+declare function EditorDisabled(): import("react").JSX.Element;
+declare function Renderer(): import("react").JSX.Element;
 export { EditorDisabled, EditorWithContent, EditorWithToolbar, Renderer };
 //# sourceMappingURL=rich-text-editor.composition.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/rich-text-editor.composition.tsx"],"names":[],"mappings":"AAoEA,iBAAS,iBAAiB,4CA2BzB;AAED,iBAAS,iBAAiB,4CA2BzB;AAED,iBAAS,cAAc,4CAgBtB;AAED,iBAAS,QAAQ,4CAEhB;AAED,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"rich-text-editor.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/rich-text-editor.composition.tsx"],"names":[],"mappings":"AAoEA,iBAAS,iBAAiB,gCA2BzB;AAED,iBAAS,iBAAiB,gCA2BzB;AAED,iBAAS,cAAc,gCAgBtB;AAED,iBAAS,QAAQ,gCAEhB;AAED,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -2,10 +2,10 @@ import { ThemeStyleProps } from '../../theme/index.js';
 import { EditorContentProps } from '@tiptap/react';
 import { ReactNode } from 'react';
 import { RichTextEditorRootProps, RichTextEditorToolbarProps } from './types.js';
-export declare function RichTextEditorRoot({ editor, children, locale, disabled, ...rest }: RichTextEditorRootProps & ThemeStyleProps): import("react/jsx-runtime").JSX.Element;
-export declare function RichTextEditorToolbar({ children, ...rest }: RichTextEditorToolbarProps): import("react/jsx-runtime").JSX.Element;
-export declare function RichTextEditorContent({ ...rest }: Omit<EditorContentProps, "editor">): import("react/jsx-runtime").JSX.Element | null;
+export declare function RichTextEditorRoot({ editor, children, locale, disabled, ...rest }: RichTextEditorRootProps & ThemeStyleProps): import("react").JSX.Element;
+export declare function RichTextEditorToolbar({ children, ...rest }: RichTextEditorToolbarProps): import("react").JSX.Element;
+export declare function RichTextEditorContent({ ...rest }: Omit<EditorContentProps, "editor">): import("react").JSX.Element | null;
 export declare function RichTextEditorControlGroup({ children, ...rest }: {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=rich-text-editor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/rich-text-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAEvF,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,KAAK,EAAE,uBAAuB,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAEnF,wBAAgB,kBAAkB,CAAC,EAClC,MAAM,EACN,QAAQ,EACR,MAAgB,EAChB,QAAQ,EACR,GAAG,IAAI,EACP,EAAE,uBAAuB,GAAG,eAAe,2CAc3C;AAED,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,0BAA0B,2CAoBtF;AAED,wBAAgB,qBAAqB,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC,kDAIpF;AAED,wBAAgB,0BAA0B,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAMxF"}
+{"version":3,"file":"rich-text-editor.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/rich-text-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAEvF,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAEnF,wBAAgB,kBAAkB,CAAC,EAClC,MAAM,EACN,QAAQ,EACR,MAAgB,EAChB,QAAQ,EACR,GAAG,IAAI,EACP,EAAE,uBAAuB,GAAG,eAAe,+BAc3C;AAED,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,0BAA0B,+BAoBtF;AAED,wBAAgB,qBAAqB,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC,sCAIpF;AAED,wBAAgB,0BAA0B,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAMxF"}

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

@@ -1,60 +1,74 @@
-import { jsx as t } from "react/jsx-runtime";
-import { HStack as i, Box as n } from "@chakra-ui/react";
-import { EditorContent as s } from "../../packages/casper-ui-library/node_modules/@tiptap/react/dist/index.js";
-import { useMemo as m } from "react";
-import { useRichTextEditorContext as p, RichTextEditorContext as u } from "./rich-text-editor-context.js";
-import { toolbarCss as f, proseMirrorContainerCss as d, proseMirrorContentCss as x } from "./rich-text-editor-recipe.js";
-import { ThemeSpaceVariable as h, ThemeColorVariable as C } from "../../theme/theme-types.js";
-function V({
-  editor: r,
-  children: o,
-  locale: e = "en-US",
-  disabled: a,
-  ...c
-}) {
-  const l = m(() => ({ editor: r ?? null, locale: e }), [r, e]);
-  return /* @__PURE__ */ t(u.Provider, { value: l, children: /* @__PURE__ */ t(
-    n,
-    {
-      "data-disabled": a || void 0,
-      css: [d, x],
-      ...c,
-      children: o
-    }
-  ) });
+import { jsx as s } from "react/jsx-runtime";
+import { c as d } from "../../_virtual/compiler-runtime.js";
+import { HStack as C, Box as S } from "@chakra-ui/react";
+import { EditorContent as T } from "../../packages/casper-ui-library/node_modules/@tiptap/react/dist/index.js";
+import "react";
+import { useRichTextEditorContext as b, RichTextEditorContext as E } from "./rich-text-editor-context.js";
+import { toolbarCss as R, proseMirrorContainerCss as v, proseMirrorContentCss as _ } from "./rich-text-editor-recipe.js";
+import { ThemeSpaceVariable as $, ThemeColorVariable as V } from "../../theme/theme-types.js";
+function H(l) {
+  const e = d.c(17);
+  let t, r, o, i, c;
+  e[0] !== l ? ({
+    editor: o,
+    children: t,
+    locale: c,
+    disabled: r,
+    ...i
+  } = l, e[0] = l, e[1] = t, e[2] = r, e[3] = o, e[4] = i, e[5] = c) : (t = e[1], r = e[2], o = e[3], i = e[4], c = e[5]);
+  const p = c === void 0 ? "en-US" : c, u = o ?? null;
+  let a;
+  e[6] !== p || e[7] !== u ? (a = {
+    editor: u,
+    locale: p
+  }, e[6] = p, e[7] = u, e[8] = a) : a = e[8];
+  const h = a, x = r || void 0;
+  let f;
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = [v, _], e[9] = f) : f = e[9];
+  let n;
+  e[10] !== t || e[11] !== i || e[12] !== x ? (n = /* @__PURE__ */ s(S, { "data-disabled": x, css: f, ...i, children: t }), e[10] = t, e[11] = i, e[12] = x, e[13] = n) : n = e[13];
+  let m;
+  return e[14] !== h || e[15] !== n ? (m = /* @__PURE__ */ s(E.Provider, { value: h, children: n }), e[14] = h, e[15] = n, e[16] = m) : m = e[16], m;
 }
-function g({ children: r, ...o }) {
-  return /* @__PURE__ */ t(
-    i,
-    {
-      flexWrap: "wrap",
-      separator: /* @__PURE__ */ t(
-        n,
-        {
-          role: "separator",
-          h: "1.25rem",
-          w: "1px",
-          alignSelf: "center",
-          color: C.OnSurfaceBorder,
-          flexShrink: 0
-        }
-      ),
-      css: f,
-      ...o,
-      children: r
-    }
-  );
+function O(l) {
+  const e = d.c(7);
+  let t, r;
+  e[0] !== l ? ({
+    children: t,
+    ...r
+  } = l, e[0] = l, e[1] = t, e[2] = r) : (t = e[1], r = e[2]);
+  let o;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ s(S, { role: "separator", h: "1.25rem", w: "1px", alignSelf: "center", color: V.OnSurfaceBorder, flexShrink: 0 }), e[3] = o) : o = e[3];
+  let i;
+  return e[4] !== t || e[5] !== r ? (i = /* @__PURE__ */ s(C, { flexWrap: "wrap", separator: o, css: R, ...r, children: t }), e[4] = t, e[5] = r, e[6] = i) : i = e[6], i;
 }
-function k({ ...r }) {
-  const { editor: o } = p();
-  return o ? /* @__PURE__ */ t(s, { editor: o, ...r }) : null;
+function P(l) {
+  const e = d.c(5);
+  let t;
+  e[0] !== l ? ({
+    ...t
+  } = l, e[0] = l, e[1] = t) : t = e[1];
+  const {
+    editor: r
+  } = b();
+  if (!r)
+    return null;
+  let o;
+  return e[2] !== r || e[3] !== t ? (o = /* @__PURE__ */ s(T, { editor: r, ...t }), e[2] = r, e[3] = t, e[4] = o) : o = e[4], o;
 }
-function w({ children: r, ...o }) {
-  return /* @__PURE__ */ t(i, { gap: h.XSmall, ...o, children: r });
+function U(l) {
+  const e = d.c(6);
+  let t, r;
+  e[0] !== l ? ({
+    children: t,
+    ...r
+  } = l, e[0] = l, e[1] = t, e[2] = r) : (t = e[1], r = e[2]);
+  let o;
+  return e[3] !== t || e[4] !== r ? (o = /* @__PURE__ */ s(C, { gap: $.XSmall, ...r, children: t }), e[3] = t, e[4] = r, e[5] = o) : o = e[5], o;
 }
 export {
-  k as RichTextEditorContent,
-  w as RichTextEditorControlGroup,
-  V as RichTextEditorRoot,
-  g as RichTextEditorToolbar
+  P as RichTextEditorContent,
+  U as RichTextEditorControlGroup,
+  H as RichTextEditorRoot,
+  O as RichTextEditorToolbar
 };

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

@@ -1,3 +1,3 @@
 import { RichTextRendererProps } from './types.js';
-export declare function RichTextRenderer({ content, ...rest }: RichTextRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function RichTextRenderer({ content, ...rest }: RichTextRendererProps): import("react").JSX.Element;
 //# sourceMappingURL=rich-text-renderer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"rich-text-renderer.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/rich-text-renderer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAgBrD,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,2CAQ3E"}
+{"version":3,"file":"rich-text-renderer.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/rich-text-renderer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAgBrD,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,+BAQ3E"}

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

@@ -1,21 +1,34 @@
-import { jsx as s } from "react/jsx-runtime";
-import { Box as n } from "@chakra-ui/react";
-import { generateHTML as i } from "../../node_modules/@tiptap/core/dist/index.js";
-import { useMemo as m } from "react";
-import { richTextExtensions as c } from "./extensions.js";
-import { proseMirrorContentCss as f } from "./rich-text-editor-recipe.js";
-const a = /^(https?|mailto):/i, h = /^tel:\+?[\d\s\-().]{7,}$/i, l = /^[a-zA-Z][a-zA-Z\d+\-.]*:/;
-function p(e) {
-  const r = new DOMParser().parseFromString(e, "text/html");
-  return r.querySelectorAll("a[href]").forEach((t) => {
-    const o = t.getAttribute("href") ?? "";
-    a.test(o) || h.test(o) || l.test(o) && t.removeAttribute("href");
-  }), r.body.innerHTML;
+import { jsx as c } from "react/jsx-runtime";
+import { c as l } from "../../_virtual/compiler-runtime.js";
+import { Box as f } from "@chakra-ui/react";
+import { generateHTML as a } from "../../node_modules/@tiptap/core/dist/index.js";
+import { richTextExtensions as h } from "./extensions.js";
+import { proseMirrorContentCss as p } from "./rich-text-editor-recipe.js";
+const u = /^(https?|mailto):/i, d = /^tel:\+?[\d\s\-().]{7,}$/i, x = /^[a-zA-Z][a-zA-Z\d+\-.]*:/;
+function M(s) {
+  const e = new DOMParser().parseFromString(s, "text/html");
+  return e.querySelectorAll("a[href]").forEach((r) => {
+    const t = r.getAttribute("href") ?? "";
+    u.test(t) || d.test(t) || x.test(t) && r.removeAttribute("href");
+  }), e.body.innerHTML;
 }
-function S({ content: e, ...r }) {
-  const t = m(() => p(i(e, c)), [e]);
-  return /* @__PURE__ */ s(n, { css: f, ...r, children: /* @__PURE__ */ s("div", { className: "ProseMirror", dangerouslySetInnerHTML: { __html: t } }) });
+function b(s) {
+  const e = l.c(10);
+  let r, t;
+  e[0] !== s ? ({
+    content: r,
+    ...t
+  } = s, e[0] = s, e[1] = r, e[2] = t) : (r = e[1], t = e[2]);
+  let n;
+  e[3] !== r ? (n = M(a(r, h)), e[3] = r, e[4] = n) : n = e[4];
+  const m = n;
+  let o;
+  e[5] !== m ? (o = /* @__PURE__ */ c("div", { className: "ProseMirror", dangerouslySetInnerHTML: {
+    __html: m
+  } }), e[5] = m, e[6] = o) : o = e[6];
+  let i;
+  return e[7] !== t || e[8] !== o ? (i = /* @__PURE__ */ c(f, { css: p, ...t, children: o }), e[7] = t, e[8] = o, e[9] = i) : i = e[9], i;
 }
 export {
-  S as RichTextRenderer
+  b as RichTextRenderer
 };

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

@@ -1,17 +1,30 @@
-import { useEditor as r } from "../../packages/casper-ui-library/node_modules/@tiptap/react/dist/index.js";
-import { richTextExtensions as n } from "./extensions.js";
-function f({
-  initialContent: e,
-  onChange: t,
-  autoFocus: o = !1
-} = {}) {
-  return r({
-    extensions: n,
-    content: e,
-    autofocus: o ? "end" : !1,
-    onUpdate: t ? ({ editor: i }) => t(i.getJSON()) : void 0
-  });
+import { c as l } from "../../_virtual/compiler-runtime.js";
+import { useEditor as d } from "../../packages/casper-ui-library/node_modules/@tiptap/react/dist/index.js";
+import { richTextExtensions as m } from "./extensions.js";
+function v(e) {
+  const t = l.c(8);
+  let n;
+  t[0] !== e ? (n = e === void 0 ? {} : e, t[0] = e, t[1] = n) : n = t[1];
+  const {
+    initialContent: r,
+    onChange: i,
+    autoFocus: u
+  } = n, c = (u === void 0 ? !1 : u) ? "end" : !1;
+  let o;
+  t[2] !== i ? (o = i ? (a) => {
+    const {
+      editor: f
+    } = a;
+    return i(f.getJSON());
+  } : void 0, t[2] = i, t[3] = o) : o = t[3];
+  let s;
+  return t[4] !== r || t[5] !== c || t[6] !== o ? (s = {
+    extensions: m,
+    content: r,
+    autofocus: c,
+    onUpdate: o
+  }, t[4] = r, t[5] = c, t[6] = o, t[7] = s) : s = t[7], d(s);
 }
 export {
-  f as useRichTextEditor
+  v as useRichTextEditor
 };

package/dist/components/segmented-control/segmented-control-item.d.ts

@@ -24,6 +24,6 @@ type SegmentedControlButtonProps = CustomButtonProps & {
  * Internal component used within SegmentedControl to display each SegmentedControl-item.
  * Renders a Button with the theme variant 'segmentedControl', a variant used only by this component.
  */
-export declare function SegmentedControlButton({ item, onClick, children, isActive, ...props }: SegmentedControlButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function SegmentedControlButton({ item, onClick, children, isActive, ...props }: SegmentedControlButtonProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=segmented-control-item.d.ts.map

package/dist/components/segmented-control/segmented-control-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"segmented-control-item.d.ts","sourceRoot":"","sources":["../../../lib/components/segmented-control/segmented-control-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,KAAK,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,GAAG,YAAY,CAAC,CAAC;AAEjE,KAAK,2BAA2B,GAAG,iBAAiB,GAAG;IACtD;;OAEG;IACH,IAAI,EAAE,oBAAoB,CAAC;IAC3B;;OAEG;IACH,OAAO,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAG1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACtC,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,2BAA2B,2CAkB7B"}
+{"version":3,"file":"segmented-control-item.d.ts","sourceRoot":"","sources":["../../../lib/components/segmented-control/segmented-control-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,KAAK,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,GAAG,YAAY,CAAC,CAAC;AAEjE,KAAK,2BAA2B,GAAG,iBAAiB,GAAG;IACtD;;OAEG;IACH,IAAI,EAAE,oBAAoB,CAAC;IAC3B;;OAEG;IACH,OAAO,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAG1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACtC,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,2BAA2B,qBAkB7B"}

package/dist/components/segmented-control/segmented-control-item.js

@@ -1,29 +1,27 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
+import { c as f } from "../../_virtual/compiler-runtime.js";
 import "react";
-import { Button as d } from "../button/button.js";
-function p({
-  item: t,
-  onClick: o,
-  children: n,
-  isActive: r,
-  ...e
-}) {
-  const i = () => {
-    o(t);
-  }, { id: a } = t;
-  return /* @__PURE__ */ c(
-    d,
-    {
-      id: a,
-      variant: "segmentedControl",
-      type: "button",
-      onClick: i,
-      "data-active": r ? !0 : void 0,
-      ...e,
-      children: n
-    }
-  );
+import { Button as u } from "../button/button.js";
+function g(s) {
+  const t = f.c(15);
+  let o, l, e, i, n;
+  t[0] !== s ? ({
+    item: e,
+    onClick: i,
+    children: o,
+    isActive: l,
+    ...n
+  } = s, t[0] = s, t[1] = o, t[2] = l, t[3] = e, t[4] = i, t[5] = n) : (o = t[1], l = t[2], e = t[3], i = t[4], n = t[5]);
+  let r;
+  t[6] !== e || t[7] !== i ? (r = () => {
+    i(e);
+  }, t[6] = e, t[7] = i, t[8] = r) : r = t[8];
+  const m = r, {
+    id: p
+  } = e, a = l ? !0 : void 0;
+  let c;
+  return t[9] !== o || t[10] !== m || t[11] !== p || t[12] !== n || t[13] !== a ? (c = /* @__PURE__ */ d(u, { id: p, variant: "segmentedControl", type: "button", onClick: m, "data-active": a, ...n, children: o }), t[9] = o, t[10] = m, t[11] = p, t[12] = n, t[13] = a, t[14] = c) : c = t[14], c;
 }
 export {
-  p as SegmentedControlButton
+  g as SegmentedControlButton
 };

package/dist/components/segmented-control/segmented-control.composition.d.ts

@@ -1,6 +1,6 @@
-export declare const MediumSize: () => import("react/jsx-runtime").JSX.Element;
-export declare const SmallSize: () => import("react/jsx-runtime").JSX.Element;
-export declare const DisabledItem: () => import("react/jsx-runtime").JSX.Element;
-export declare const DisabledGroup: () => import("react/jsx-runtime").JSX.Element;
-export declare const CustomLabels: () => import("react/jsx-runtime").JSX.Element;
+export declare const MediumSize: () => import("react").JSX.Element;
+export declare const SmallSize: () => import("react").JSX.Element;
+export declare const DisabledItem: () => import("react").JSX.Element;
+export declare const DisabledGroup: () => import("react").JSX.Element;
+export declare const CustomLabels: () => import("react").JSX.Element;
 //# sourceMappingURL=segmented-control.composition.d.ts.map

package/dist/components/segmented-control/segmented-control.composition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"segmented-control.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/segmented-control/segmented-control.composition.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU,+CAetB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAiBrB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAgBxB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAiBzB,CAAC;AAgBF,eAAO,MAAM,YAAY,+CAgCxB,CAAC"}
+{"version":3,"file":"segmented-control.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/segmented-control/segmented-control.composition.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU,mCAetB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAiBrB,CAAC;AAEF,eAAO,MAAM,YAAY,mCAgBxB,CAAC;AAEF,eAAO,MAAM,aAAa,mCAiBzB,CAAC;AAgBF,eAAO,MAAM,YAAY,mCAgCxB,CAAC"}

package/dist/components/segmented-control/segmented-control.d.ts

@@ -5,5 +5,5 @@ import { SegmentedControlProps } from './types.js';
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/segmented-control
  */
-export declare function SegmentedControl({ items, activeItemId, onChange, isDisabled, size, ...props }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
+export declare function SegmentedControl({ items, activeItemId, onChange, isDisabled, size, ...props }: SegmentedControlProps): import("react").JSX.Element;
 //# sourceMappingURL=segmented-control.d.ts.map

package/dist/components/segmented-control/segmented-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../lib/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAwB,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAE3E;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAChC,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,IAAW,EACX,GAAG,KAAK,EACR,EAAE,qBAAqB,2CAgCvB"}
+{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../lib/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAwB,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAE3E;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAChC,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,IAAW,EACX,GAAG,KAAK,EACR,EAAE,qBAAqB,+BAgCvB"}

package/dist/components/segmented-control/segmented-control.js

@@ -1,41 +1,41 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Box as c, ButtonGroup as b } from "@chakra-ui/react";
-import { SegmentedControlButton as p } from "./segmented-control-item.js";
-import { ThemeRadiusVariable as s, ThemeColorVariable as u, ThemeSpaceVariable as l } from "../../theme/theme-types.js";
-function g({
-  items: o,
-  activeItemId: i,
-  onChange: a,
-  isDisabled: n,
-  size: d = "md",
-  ...t
-}) {
-  const m = (r) => {
-    a && a(r);
-  };
-  return /* @__PURE__ */ e(
-    c,
-    {
-      p: l.XSmall,
-      bg: u.AccentContainer,
-      borderRadius: s.Small,
-      ...t,
-      children: /* @__PURE__ */ e(b, { w: "100%", gap: l.XSmall, _disabled: { opacity: 1, cursor: "not-allowed" }, children: o.map((r) => /* @__PURE__ */ e(
-        p,
-        {
-          item: r,
-          onClick: m,
-          isDisabled: n || r?.isDisabled,
-          isActive: i === r.id,
-          size: d,
-          "aria-label": r?.ariaLabel,
-          children: r.label
-        },
-        r.id
-      )) })
-    }
-  );
+import { jsx as C } from "react/jsx-runtime";
+import { c as g } from "../../_virtual/compiler-runtime.js";
+import { ButtonGroup as x, Box as v } from "@chakra-ui/react";
+import { SegmentedControlButton as B } from "./segmented-control-item.js";
+import { ThemeSpaceVariable as S, ThemeRadiusVariable as D, ThemeColorVariable as R } from "../../theme/theme-types.js";
+function A(u) {
+  const e = g.c(26);
+  let l, t, o, i, a, c;
+  e[0] !== u ? ({
+    items: o,
+    activeItemId: l,
+    onChange: i,
+    isDisabled: t,
+    size: c,
+    ...a
+  } = u, e[0] = u, e[1] = l, e[2] = t, e[3] = o, e[4] = i, e[5] = a, e[6] = c) : (l = e[1], t = e[2], o = e[3], i = e[4], a = e[5], c = e[6]);
+  const d = c === void 0 ? "md" : c;
+  let f;
+  e[7] !== i ? (f = (n) => {
+    i && i(n);
+  }, e[7] = i, e[8] = f) : f = e[8];
+  const p = f;
+  let b;
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = {
+    opacity: 1,
+    cursor: "not-allowed"
+  }, e[9] = b) : b = e[9];
+  let r;
+  if (e[10] !== l || e[11] !== p || e[12] !== t || e[13] !== o || e[14] !== d) {
+    let n;
+    e[16] !== l || e[17] !== p || e[18] !== t || e[19] !== d ? (n = (m) => /* @__PURE__ */ C(B, { item: m, onClick: p, isDisabled: t || m?.isDisabled, isActive: l === m.id, size: d, "aria-label": m?.ariaLabel, children: m.label }, m.id), e[16] = l, e[17] = p, e[18] = t, e[19] = d, e[20] = n) : n = e[20], r = o.map(n), e[10] = l, e[11] = p, e[12] = t, e[13] = o, e[14] = d, e[15] = r;
+  } else
+    r = e[15];
+  let s;
+  e[21] !== r ? (s = /* @__PURE__ */ C(x, { w: "100%", gap: S.XSmall, _disabled: b, children: r }), e[21] = r, e[22] = s) : s = e[22];
+  let h;
+  return e[23] !== a || e[24] !== s ? (h = /* @__PURE__ */ C(v, { p: S.XSmall, bg: R.AccentContainer, borderRadius: D.Small, ...a, children: s }), e[23] = a, e[24] = s, e[25] = h) : h = e[25], h;
 }
 export {
-  g as SegmentedControl
+  A as SegmentedControl
 };

package/dist/components/segmented-control/types.d.ts

@@ -1,6 +1,7 @@
 import { ButtonSize } from '../button/index.js';
 import { MarginProps, PaddingProps } from '../../theme/index.js';
 import { ConditionalValue } from '@chakra-ui/react';
+import { ReactNode } from 'react';
 export type SegmentedControlItem = {
     /**
      * Required identifier for item.
@@ -9,7 +10,7 @@ export type SegmentedControlItem = {
     /**
      * Required label displayed for item.
      */
-    label: string | JSX.Element;
+    label: ReactNode;
     /**
      * When true, item cannot be interacted with.
      */

package/dist/components/segmented-control/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/segmented-control/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,MAAM,oBAAoB,GAAG;IAClC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,2BAA2B,GAAG;IAClC;;OAEG;IACH,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,2BAA2B,GAAG,WAAW,GAAG,YAAY,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/segmented-control/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,oBAAoB,GAAG;IAClC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,2BAA2B,GAAG;IAClC;;OAEG;IACH,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,2BAA2B,GAAG,WAAW,GAAG,YAAY,CAAC"}

package/dist/components/select/select.composition.d.ts

@@ -1,4 +1,4 @@
-export declare const Sizes: () => import("react/jsx-runtime").JSX.Element;
-export declare const DisabledSelect: () => import("react/jsx-runtime").JSX.Element;
-export declare const GhostVariant: () => import("react/jsx-runtime").JSX.Element;
+export declare const Sizes: () => import("react").JSX.Element;
+export declare const DisabledSelect: () => import("react").JSX.Element;
+export declare const GhostVariant: () => import("react").JSX.Element;
 //# sourceMappingURL=select.composition.d.ts.map

package/dist/components/select/select.composition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/select/select.composition.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,+CAoBjB,CAAC;AAEF,eAAO,MAAM,cAAc,+CAU1B,CAAC;AAEF,eAAO,MAAM,YAAY,+CAUxB,CAAC"}
+{"version":3,"file":"select.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/select/select.composition.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,mCAoBjB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAU1B,CAAC;AAEF,eAAO,MAAM,YAAY,mCAUxB,CAAC"}

package/dist/components/select/select.js

@@ -1,15 +1,30 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { NativeSelect as r } from "@chakra-ui/react";
-import { forwardRef as c } from "react";
-import { TreeViewCollapseIcon as d } from "../icon/icons/tree-view-collapse-icon.js";
-import { ThemeIconSizeVariable as f } from "../../theme/theme-types.js";
-const z = c((i, o) => {
-  const { children: t, size: l = "md", variant: m = "outline", isDisabled: s, ...a } = i;
-  return /* @__PURE__ */ n(r.Root, { size: l, variant: m, disabled: s, children: [
-    /* @__PURE__ */ e(r.Field, { ref: o, ...a, children: t }),
-    /* @__PURE__ */ e(r.Indicator, { children: /* @__PURE__ */ e(d, { size: f.Small }) })
-  ] });
+import { jsx as p, jsxs as v } from "react/jsx-runtime";
+import { c as S } from "../../_virtual/compiler-runtime.js";
+import { NativeSelect as h } from "@chakra-ui/react";
+import { forwardRef as b } from "react";
+import { TreeViewCollapseIcon as x } from "../icon/icons/tree-view-collapse-icon.js";
+import { ThemeIconSizeVariable as z } from "../../theme/theme-types.js";
+const V = b((n, a) => {
+  const e = S.c(16);
+  let t, i, o, r, m;
+  e[0] !== n ? ({
+    children: t,
+    size: r,
+    variant: m,
+    isDisabled: i,
+    ...o
+  } = n, e[0] = n, e[1] = t, e[2] = i, e[3] = o, e[4] = r, e[5] = m) : (t = e[1], i = e[2], o = e[3], r = e[4], m = e[5]);
+  const d = r === void 0 ? "md" : r, f = m === void 0 ? "outline" : m;
+  let l;
+  e[6] !== t || e[7] !== a || e[8] !== o ? (l = /* @__PURE__ */ p(h.Field, { ref: a, ...o, children: t }), e[6] = t, e[7] = a, e[8] = o, e[9] = l) : l = e[9];
+  let s;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ p(h.Indicator, { children: /* @__PURE__ */ p(x, { size: z.Small }) }), e[10] = s) : s = e[10];
+  let c;
+  return e[11] !== i || e[12] !== d || e[13] !== l || e[14] !== f ? (c = /* @__PURE__ */ v(h.Root, { size: d, variant: f, disabled: i, children: [
+    l,
+    s
+  ] }), e[11] = i, e[12] = d, e[13] = l, e[14] = f, e[15] = c) : c = e[15], c;
 });
 export {
-  z as Select
+  V as Select
 };