@caspeco/casper-ui-library 9.13.0 → 10.0.1

package/dist/_virtual/compiler-runtime.js

@@ -0,0 +1,5 @@
+import { __require as r } from "../node_modules/react/compiler-runtime.js";
+var i = r();
+export {
+  i as c
+};

package/dist/_virtual/compiler-runtime2.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/_virtual/react-compiler-runtime.development.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/react-compiler-runtime.production.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/components/accordion/accordion-item.d.ts

@@ -1,6 +1,7 @@
 import { AccordionItemProps as ChakraAccordionItemProps } from '@chakra-ui/react';
+import { ReactNode } from 'react';
 export type AccordionItemProps = Pick<ChakraAccordionItemProps, "children" | "id" | "value"> & {
-    title: string | JSX.Element;
+    title: ReactNode;
 };
-export declare const AccordionItem: ({ children, title, value, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionItem: ({ children, title, value, ...props }: AccordionItemProps) => import("react").JSX.Element;
 //# sourceMappingURL=accordion-item.d.ts.map

package/dist/components/accordion/accordion-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../../lib/components/accordion/accordion-item.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,kBAAkB,IAAI,wBAAwB,EACnD,MAAM,kBAAkB,CAAC;AAG1B,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,wBAAwB,EAAE,UAAU,GAAG,IAAI,GAAG,OAAO,CAAC,GAAG;IAC9F,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,sCAAsC,kBAAkB,4CA8BrF,CAAC"}
+{"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../../lib/components/accordion/accordion-item.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,kBAAkB,IAAI,wBAAwB,EACnD,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,wBAAwB,EAAE,UAAU,GAAG,IAAI,GAAG,OAAO,CAAC,GAAG;IAC9F,KAAK,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,sCAAsC,kBAAkB,gCA8BrF,CAAC"}

package/dist/components/accordion/accordion-item.js

@@ -1,24 +1,41 @@
-import { jsx as o, jsxs as n, Fragment as I } from "react/jsx-runtime";
-import { Accordion as e } from "@chakra-ui/react";
-import { useAccordionVariant as s } from "./accordion-context.js";
-import { TreeViewCollapseIcon as d } from "../icon/icons/tree-view-collapse-icon.js";
-import { TreeViewExpandIcon as f } from "../icon/icons/tree-view-expand-icon.js";
-import { CollapseIcon as h } from "../icon/icons/collapse-icon.js";
-import { ExpandIcon as u } from "../icon/icons/expand-icon.js";
-import { ThemeIconSizeVariable as x } from "../../theme/theme-types.js";
-const S = ({ children: t, title: i, value: m, ...c }) => {
-  const p = s(), l = (r) => p === "noBorder" ? r ? d : f : r ? h : u;
-  return /* @__PURE__ */ o(e.Item, { ...c, value: m, children: /* @__PURE__ */ o(e.ItemContext, { children: ({ expanded: r }) => {
-    const a = l(r);
-    return /* @__PURE__ */ n(I, { children: [
-      /* @__PURE__ */ o("h3", { children: /* @__PURE__ */ n(e.ItemTrigger, { children: [
-        i,
-        /* @__PURE__ */ o(a, { size: x.Small })
+import { jsx as p, jsxs as I, Fragment as x } from "react/jsx-runtime";
+import { c as g } from "../../_virtual/compiler-runtime.js";
+import { Accordion as d } from "@chakra-ui/react";
+import { useAccordionVariant as C } from "./accordion-context.js";
+import { TreeViewCollapseIcon as T } from "../icon/icons/tree-view-collapse-icon.js";
+import { TreeViewExpandIcon as V } from "../icon/icons/tree-view-expand-icon.js";
+import { CollapseIcon as A } from "../icon/icons/collapse-icon.js";
+import { ExpandIcon as j } from "../icon/icons/expand-icon.js";
+import { ThemeIconSizeVariable as v } from "../../theme/theme-types.js";
+const k = (s) => {
+  const e = g.c(15);
+  let r, o, t, n;
+  e[0] !== s ? ({
+    children: r,
+    title: t,
+    value: n,
+    ...o
+  } = s, e[0] = s, e[1] = r, e[2] = o, e[3] = t, e[4] = n) : (r = e[1], o = e[2], t = e[3], n = e[4]);
+  const a = C();
+  let c;
+  e[5] !== a ? (c = (l) => a === "noBorder" ? l ? T : V : l ? A : j, e[5] = a, e[6] = c) : c = e[6];
+  const f = c;
+  let i;
+  e[7] !== r || e[8] !== f || e[9] !== t ? (i = /* @__PURE__ */ p(d.ItemContext, { children: (l) => {
+    const {
+      expanded: h
+    } = l, u = f(h);
+    return /* @__PURE__ */ I(x, { children: [
+      /* @__PURE__ */ p("h3", { children: /* @__PURE__ */ I(d.ItemTrigger, { children: [
+        t,
+        /* @__PURE__ */ p(u, { size: v.Small })
       ] }) }),
-      t
+      r
     ] });
-  } }) });
+  } }), e[7] = r, e[8] = f, e[9] = t, e[10] = i) : i = e[10];
+  let m;
+  return e[11] !== o || e[12] !== i || e[13] !== n ? (m = /* @__PURE__ */ p(d.Item, { ...o, value: n, children: i }), e[11] = o, e[12] = i, e[13] = n, e[14] = m) : m = e[14], m;
 };
 export {
-  S as AccordionItem
+  k as AccordionItem
 };

package/dist/components/accordion/accordion-panel.d.ts

@@ -1,5 +1,5 @@
 import { ColorProps, CustomChakraBoxProps, LayoutProps, TypographyProps } from '../../theme/index.js';
 import { Accordion as ChakraAccordion } from '@chakra-ui/react';
 export type AccordionPanelProps = Pick<ChakraAccordion.ItemContentProps, "children"> & LayoutProps & TypographyProps & ColorProps & CustomChakraBoxProps;
-export declare function AccordionPanel({ children, ...props }: AccordionPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccordionPanel({ children, ...props }: AccordionPanelProps): import("react").JSX.Element;
 //# sourceMappingURL=accordion-panel.d.ts.map

package/dist/components/accordion/accordion-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-panel.d.ts","sourceRoot":"","sources":["../../../lib/components/accordion/accordion-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC9F,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,gBAAgB,EAAE,UAAU,CAAC,GACnF,WAAW,GACX,eAAe,GACf,UAAU,GACV,oBAAoB,CAAC;AAEtB,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAMzE"}
+{"version":3,"file":"accordion-panel.d.ts","sourceRoot":"","sources":["../../../lib/components/accordion/accordion-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC9F,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,gBAAgB,EAAE,UAAU,CAAC,GACnF,WAAW,GACX,eAAe,GACf,UAAU,GACV,oBAAoB,CAAC;AAEtB,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAMzE"}

package/dist/components/accordion/accordion-panel.js

@@ -1,8 +1,16 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Accordion as t } from "@chakra-ui/react";
-function i({ children: n, ...r }) {
-  return /* @__PURE__ */ o(t.ItemContent, { "data-testid": "accordionPanel", children: /* @__PURE__ */ o(t.ItemBody, { ...r, children: n }) });
+import { jsx as n } from "react/jsx-runtime";
+import { c as l } from "../../_virtual/compiler-runtime.js";
+import { Accordion as c } from "@chakra-ui/react";
+function s(i) {
+  const o = l.c(6);
+  let e, t;
+  o[0] !== i ? ({
+    children: e,
+    ...t
+  } = i, o[0] = i, o[1] = e, o[2] = t) : (e = o[1], t = o[2]);
+  let r;
+  return o[3] !== e || o[4] !== t ? (r = /* @__PURE__ */ n(c.ItemContent, { "data-testid": "accordionPanel", children: /* @__PURE__ */ n(c.ItemBody, { ...t, children: e }) }), o[3] = e, o[4] = t, o[5] = r) : r = o[5], r;
 }
 export {
-  i as AccordionPanel
+  s as AccordionPanel
 };

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

@@ -1,4 +1,4 @@
-export declare const BasicAccordion: () => import("react/jsx-runtime").JSX.Element;
-export declare const BasicAccordionWithNoBorder: () => import("react/jsx-runtime").JSX.Element;
-export declare const ListAccordion: () => import("react/jsx-runtime").JSX.Element;
+export declare const BasicAccordion: () => import("react").JSX.Element;
+export declare const BasicAccordionWithNoBorder: () => import("react").JSX.Element;
+export declare const ListAccordion: () => import("react").JSX.Element;
 //# sourceMappingURL=accordion.composition.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/accordion/accordion.composition.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,+CAY1B,CAAC;AAEF,eAAO,MAAM,0BAA0B,+CAYtC,CAAC;AAEF,eAAO,MAAM,aAAa,+CAiCzB,CAAC"}
+{"version":3,"file":"accordion.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/accordion/accordion.composition.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,mCAY1B,CAAC;AAEF,eAAO,MAAM,0BAA0B,mCAYtC,CAAC;AAEF,eAAO,MAAM,aAAa,mCAiCzB,CAAC"}

package/dist/components/accordion/accordion.d.ts

@@ -4,5 +4,5 @@ import { AccordionVariant } from './types.js';
 export type AccordionProps = Pick<ChakraAccordion.RootProps, "children" | "value" | "defaultValue" | "onValueChange"> & {
     variant?: AccordionVariant;
 } & LayoutProps & MarginProps & PaddingProps & CustomChakraBoxProps;
-export declare function Accordion({ children, variant, ...props }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export declare function Accordion({ children, variant, ...props }: AccordionProps): import("react").JSX.Element;
 //# sourceMappingURL=accordion.d.ts.map

package/dist/components/accordion/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../lib/components/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEhE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG,IAAI,CAChC,eAAe,CAAC,SAAS,EACzB,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,eAAe,CACvD,GAAG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,GAAG,WAAW,GACd,WAAW,GACX,YAAY,GACZ,oBAAoB,CAAC;AAEtB,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAQnF"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../lib/components/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEhE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG,IAAI,CAChC,eAAe,CAAC,SAAS,EACzB,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,eAAe,CACvD,GAAG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,GAAG,WAAW,GACd,WAAW,GACX,YAAY,GACZ,oBAAoB,CAAC;AAEtB,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAQnF"}

package/dist/components/accordion/accordion.js

@@ -1,9 +1,21 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Accordion as t } from "@chakra-ui/react";
-import { AccordionVariantContext as e } from "./accordion-context.js";
-function l({ children: c, variant: o = "border", ...i }) {
-  return /* @__PURE__ */ r(e.Provider, { value: o, children: /* @__PURE__ */ r(t.Root, { variant: o, collapsible: !0, ...i, children: c }) });
+import { jsx as s } from "react/jsx-runtime";
+import { c as a } from "../../_virtual/compiler-runtime.js";
+import { Accordion as m } from "@chakra-ui/react";
+import { AccordionVariantContext as p } from "./accordion-context.js";
+function x(l) {
+  const o = a.c(11);
+  let r, t, c;
+  o[0] !== l ? ({
+    children: r,
+    variant: c,
+    ...t
+  } = l, o[0] = l, o[1] = r, o[2] = t, o[3] = c) : (r = o[1], t = o[2], c = o[3]);
+  const e = c === void 0 ? "border" : c;
+  let i;
+  o[4] !== r || o[5] !== t || o[6] !== e ? (i = /* @__PURE__ */ s(m.Root, { variant: e, collapsible: !0, ...t, children: r }), o[4] = r, o[5] = t, o[6] = e, o[7] = i) : i = o[7];
+  let n;
+  return o[8] !== i || o[9] !== e ? (n = /* @__PURE__ */ s(p.Provider, { value: e, children: i }), o[8] = i, o[9] = e, o[10] = n) : n = o[10], n;
 }
 export {
-  l as Accordion
+  x as Accordion
 };

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

@@ -1,6 +1,6 @@
-export declare const InfoType: () => import("react/jsx-runtime").JSX.Element;
-export declare const SuccessType: () => import("react/jsx-runtime").JSX.Element;
-export declare const WarningType: () => import("react/jsx-runtime").JSX.Element;
-export declare const ErrorType: () => import("react/jsx-runtime").JSX.Element;
-export declare const NeutralType: () => import("react/jsx-runtime").JSX.Element;
+export declare const InfoType: () => import("react").JSX.Element;
+export declare const SuccessType: () => import("react").JSX.Element;
+export declare const WarningType: () => import("react").JSX.Element;
+export declare const ErrorType: () => import("react").JSX.Element;
+export declare const NeutralType: () => import("react").JSX.Element;
 //# sourceMappingURL=alert.composition.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"alert.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/alert/alert.composition.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,+CAEpB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAEvB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAEvB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAErB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAEvB,CAAC"}
+{"version":3,"file":"alert.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/alert/alert.composition.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,mCAEpB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAEvB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAEvB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAErB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAEvB,CAAC"}

package/dist/components/alert/alert.d.ts

@@ -1,3 +1,3 @@
 import { AlertProps } from './types.js';
-export declare function Alert({ minHeight, px, py, w, children, title, onClose, type, iconVerticalAlign, icon: customIcon, ...props }: AlertProps): import("react/jsx-runtime").JSX.Element;
+export declare function Alert({ minHeight, px, py, w, children, title, onClose, type, iconVerticalAlign, icon: customIcon, ...props }: AlertProps): import("react").JSX.Element;
 //# sourceMappingURL=alert.d.ts.map

package/dist/components/alert/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../lib/components/alert/alert.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,KAAK,CAAC,EACrB,SAAkB,EAClB,EAA8B,EAC9B,EAAW,EACX,CAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAO,EACP,IAAa,EACb,iBAAiB,EACjB,IAAI,EAAE,UAAU,EAChB,GAAG,KAAK,EACR,EAAE,UAAU,2CAgEZ"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../lib/components/alert/alert.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,KAAK,CAAC,EACrB,SAAkB,EAClB,EAA8B,EAC9B,EAAW,EACX,CAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAO,EACP,IAAa,EACb,iBAAiB,EACjB,IAAI,EAAE,UAAU,EAChB,GAAG,KAAK,EACR,EAAE,UAAU,+BAgEZ"}

package/dist/components/alert/alert.js

@@ -1,77 +1,61 @@
-import { jsx as r, jsxs as t } from "react/jsx-runtime";
-import { Alert as z, Flex as l, chakra as F } from "@chakra-ui/react";
-import { useMemo as i } from "react";
-import { getAlertTextColor as V, getAlertBackgroundColor as k, getAlertIcon as I } from "./helper.js";
-import { ThemeFontVariable as s, ThemeRadiusVariable as M, ThemeSpaceVariable as j, ThemeIconSizeVariable as f, ThemeFontSizeVariable as B } from "../../theme/theme-types.js";
-import { Text as R } from "../text/text.js";
-import { CloseIcon as w } from "../icon/icons/close-icon.js";
-function D({
-  minHeight: d = "48px",
-  px: u = j.Medium,
-  py: x = "12px",
-  w: g = "100%",
-  children: p,
-  title: o,
-  onClose: a,
-  type: e = "info",
-  iconVerticalAlign: b,
-  icon: c,
-  ...h
-}) {
-  const n = i(() => V(e), [e]), C = i(() => k(e), [e]), S = i(() => c ?? I(e), [c, e]), T = () => a ? /* @__PURE__ */ r(
-    F.button,
-    {
-      type: "button",
-      "aria-label": "Close",
-      onClick: a,
-      mt: o ? "4px" : 0,
-      alignSelf: o ? "flex-start" : "center",
-      children: /* @__PURE__ */ r(w, { size: f.Medium, color: n })
-    }
-  ) : null, m = b || (o ? "flex-start" : "center"), A = m === "flex-start" ? "4px" : 0;
-  return /* @__PURE__ */ r(
-    z.Root,
-    {
-      bgColor: C,
-      px: u,
-      py: x,
-      w: g,
-      borderRadius: M.Small,
-      display: "flex",
-      alignItems: "center",
-      minHeight: d,
-      fontFamily: s.Body,
-      color: n,
-      ...h,
-      children: /* @__PURE__ */ t(l, { align: "center", w: "100%", justify: "space-between", gap: "10px", children: [
-        /* @__PURE__ */ t(l, { gap: "10px", children: [
-          /* @__PURE__ */ r(
-            S,
-            {
-              color: n,
-              size: f.Small,
-              mt: A,
-              alignSelf: m
-            }
-          ),
-          /* @__PURE__ */ t(l, { direction: "column", alignContent: "flex-start", children: [
-            o && /* @__PURE__ */ r(
-              R,
-              {
-                fontFamily: s.SubHeader,
-                fontSize: B.Large,
-                fontWeight: "medium",
-                children: o
-              }
-            ),
-            p
-          ] })
-        ] }),
-        T()
-      ] })
-    }
-  );
+import { jsx as b, jsxs as M } from "react/jsx-runtime";
+import { c as W } from "../../_virtual/compiler-runtime.js";
+import { Alert as q, chakra as D, Flex as $ } from "@chakra-ui/react";
+import "react";
+import { getAlertTextColor as G, getAlertBackgroundColor as J, alertIcons as K } from "./helper.js";
+import { ThemeSpaceVariable as N, ThemeIconSizeVariable as E, ThemeFontSizeVariable as O, ThemeFontVariable as L, ThemeRadiusVariable as P } from "../../theme/theme-types.js";
+import { Text as Q } from "../text/text.js";
+import { CloseIcon as U } from "../icon/icons/close-icon.js";
+function ie(v) {
+  const e = W.c(47);
+  let r, C, y, o, n, d, x, u, g, h, t;
+  e[0] !== v ? ({
+    minHeight: d,
+    px: x,
+    py: u,
+    w: g,
+    children: r,
+    title: t,
+    onClose: o,
+    type: h,
+    iconVerticalAlign: y,
+    icon: C,
+    ...n
+  } = v, e[0] = v, e[1] = r, e[2] = C, e[3] = y, e[4] = o, e[5] = n, e[6] = d, e[7] = x, e[8] = u, e[9] = g, e[10] = h, e[11] = t) : (r = e[1], C = e[2], y = e[3], o = e[4], n = e[5], d = e[6], x = e[7], u = e[8], g = e[9], h = e[10], t = e[11]);
+  const z = d === void 0 ? "48px" : d, F = x === void 0 ? N.Medium : x, k = u === void 0 ? "12px" : u, w = g === void 0 ? "100%" : g, i = h === void 0 ? "info" : h;
+  let S;
+  e[12] !== i ? (S = G(i), e[12] = i, e[13] = S) : S = e[13];
+  const l = S;
+  let T;
+  e[14] !== i ? (T = J(i), e[14] = i, e[15] = T) : T = e[15];
+  const R = T, j = C ?? K[i];
+  let A;
+  e[16] !== o || e[17] !== l || e[18] !== t ? (A = () => o ? /* @__PURE__ */ b(D.button, { type: "button", "aria-label": "Close", onClick: o, mt: t ? "4px" : 0, alignSelf: t ? "flex-start" : "center", children: /* @__PURE__ */ b(U, { size: E.Medium, color: l }) }) : null, e[16] = o, e[17] = l, e[18] = t, e[19] = A) : A = e[19];
+  const B = A, I = y || (t ? "flex-start" : "center"), H = I === "flex-start" ? "4px" : 0;
+  let c;
+  e[20] !== j || e[21] !== I || e[22] !== H || e[23] !== l ? (c = /* @__PURE__ */ b(j, { color: l, size: E.Small, mt: H, alignSelf: I }), e[20] = j, e[21] = I, e[22] = H, e[23] = l, e[24] = c) : c = e[24];
+  let s;
+  e[25] !== t ? (s = t && /* @__PURE__ */ b(Q, { fontFamily: L.SubHeader, fontSize: O.Large, fontWeight: "medium", children: t }), e[25] = t, e[26] = s) : s = e[26];
+  let a;
+  e[27] !== r || e[28] !== s ? (a = /* @__PURE__ */ M($, { direction: "column", alignContent: "flex-start", children: [
+    s,
+    r
+  ] }), e[27] = r, e[28] = s, e[29] = a) : a = e[29];
+  let m;
+  e[30] !== a || e[31] !== c ? (m = /* @__PURE__ */ M($, { gap: "10px", children: [
+    c,
+    a
+  ] }), e[30] = a, e[31] = c, e[32] = m) : m = e[32];
+  let f;
+  e[33] !== B ? (f = B(), e[33] = B, e[34] = f) : f = e[34];
+  let p;
+  e[35] !== m || e[36] !== f ? (p = /* @__PURE__ */ M($, { align: "center", w: "100%", justify: "space-between", gap: "10px", children: [
+    m,
+    f
+  ] }), e[35] = m, e[36] = f, e[37] = p) : p = e[37];
+  let V;
+  return e[38] !== R || e[39] !== z || e[40] !== n || e[41] !== F || e[42] !== k || e[43] !== p || e[44] !== l || e[45] !== w ? (V = /* @__PURE__ */ b(q.Root, { bgColor: R, px: F, py: k, w, borderRadius: P.Small, display: "flex", alignItems: "center", minHeight: z, fontFamily: L.Body, color: l, ...n, children: p }), e[38] = R, e[39] = z, e[40] = n, e[41] = F, e[42] = k, e[43] = p, e[44] = l, e[45] = w, e[46] = V) : V = e[46], V;
 }
 export {
-  D as Alert
+  ie as Alert
 };

package/dist/components/alert/helper.d.ts

@@ -3,5 +3,5 @@ import { ThemeColorVariable } from '../../theme/index.js';
 import { AlertType } from './types.js';
 export declare const getAlertTextColor: (type: AlertType) => ThemeColorVariable;
 export declare const getAlertBackgroundColor: (type: AlertType) => ThemeColorVariable;
-export declare const getAlertIcon: (type: AlertType) => CasperIconComponent;
+export declare const alertIcons: Record<AlertType, CasperIconComponent>;
 //# sourceMappingURL=helper.d.ts.map

package/dist/components/alert/helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../lib/components/alert/helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAKN,KAAK,mBAAmB,EACxB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,iBAAiB,GAAI,MAAM,SAAS,KAAG,kBAcnD,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,MAAM,SAAS,KAAG,kBAczD,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,MAAM,SAAS,KAAG,mBAW9C,CAAC"}
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../lib/components/alert/helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAKN,KAAK,mBAAmB,EACxB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,iBAAiB,GAAI,MAAM,SAAS,KAAG,kBAcnD,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,MAAM,SAAS,KAAG,kBAczD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,SAAS,EAAE,mBAAmB,CAM7D,CAAC"}

package/dist/components/alert/helper.js

@@ -1,7 +1,7 @@
+import { HexagonErrorIcon as o } from "../icon/icons/hexagon-error-icon.js";
+import { TriangleWarningIcon as t } from "../icon/icons/triangle-warning-icon.js";
+import { CircleSuccessIcon as a } from "../icon/icons/circle-success-icon.js";
 import { CircleInfoIcon as e } from "../icon/icons/circle-info-icon.js";
-import { HexagonErrorIcon as t } from "../icon/icons/hexagon-error-icon.js";
-import { CircleSuccessIcon as o } from "../icon/icons/circle-success-icon.js";
-import { TriangleWarningIcon as a } from "../icon/icons/triangle-warning-icon.js";
 import { ThemeColorVariable as r } from "../../theme/theme-types.js";
 const C = (n) => {
   switch (n) {
@@ -29,20 +29,15 @@ const C = (n) => {
     default:
       return r.SuccessContainer;
   }
-}, g = (n) => {
-  switch (n) {
-    case "warning":
-      return a;
-    case "success":
-      return o;
-    case "error":
-      return t;
-    default:
-      return e;
-  }
+}, g = {
+  info: e,
+  neutral: e,
+  success: a,
+  warning: t,
+  error: o
 };
 export {
+  g as alertIcons,
   f as getAlertBackgroundColor,
-  g as getAlertIcon,
   C as getAlertTextColor
 };

package/dist/components/badge/badge-recipe.js

@@ -1,24 +1,18 @@
 import { ThemeSpaceToken as s, ThemeFontSizeToken as l, ThemeFontToken as m, ThemeRadiusToken as d, ThemeColorToken as n } from "../../theme/theme-tokens.js";
 import { defineRecipe as S } from "@chakra-ui/react";
-const c = ["Primary", "Secondary", "Success", "Error", "Info", "Neutral", "Warning"], u = c.reduce(
-  (t, e) => {
-    const o = t, a = `${e.toLowerCase()}Solid`, r = e, i = `On${e}`;
-    return o[a] = {
-      backgroundColor: n[r],
-      color: n[i]
-    }, o;
-  },
-  {}
-), f = c.reduce(
-  (t, e) => {
-    const o = t, a = `${e.toLowerCase()}`, r = `${e}Container`, i = `On${e}Container`;
-    return o[a] = {
-      backgroundColor: n[r],
-      color: n[i]
-    }, o;
-  },
-  {}
-), p = {
+const c = ["Primary", "Secondary", "Success", "Error", "Info", "Neutral", "Warning"], u = c.reduce((t, e) => {
+  const o = t, a = `${e.toLowerCase()}Solid`, r = e, i = `On${e}`;
+  return o[a] = {
+    backgroundColor: n[r],
+    color: n[i]
+  }, o;
+}, {}), f = c.reduce((t, e) => {
+  const o = t, a = `${e.toLowerCase()}`, r = `${e}Container`, i = `On${e}Container`;
+  return o[a] = {
+    backgroundColor: n[r],
+    color: n[i]
+  }, o;
+}, {}), p = {
   borderRadius: d.Small,
   display: "flex",
   alignItems: "center",

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

@@ -1,4 +1,4 @@
-export declare const SubtleBadge: () => import("react/jsx-runtime").JSX.Element;
-export declare const SolidBadge: () => import("react/jsx-runtime").JSX.Element;
-export declare const BadgeWithIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const SubtleBadge: () => import("react").JSX.Element;
+export declare const SolidBadge: () => import("react").JSX.Element;
+export declare const BadgeWithIcon: () => import("react").JSX.Element;
 //# sourceMappingURL=badge.composition.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/badge/badge.composition.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,+CAYvB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAYtB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAWzB,CAAC"}
+{"version":3,"file":"badge.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/badge/badge.composition.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,mCAYvB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAYtB,CAAC;AAEF,eAAO,MAAM,aAAa,mCAWzB,CAAC"}

package/dist/components/badge/badge.js

@@ -1,34 +1,73 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import { Badge as f, Box as S } from "@chakra-ui/react";
-import { Children as g } from "react";
-import { checkChildRendersToString as p, IconSizeConstants as u } from "./helper.js";
-import { ThemeSpaceVariable as h } from "../../theme/theme-types.js";
-function i({ icon: n, ...r }) {
-  const { size: c, children: a } = r, s = u[c ?? "md"], t = n, l = t ? /* @__PURE__ */ e(t, { size: s }) : null;
-  return g.forEach(a, (d) => {
-    if (!p(d)) throw new Error("Badge component: Invalid return type of children, must return string");
-  }), /* @__PURE__ */ e(f, { ...r, children: /* @__PURE__ */ m(
-    S,
-    {
-      display: "flex",
-      flexDirection: "row",
-      gap: h.XSmall,
-      justifyContent: "center",
-      alignItems: "center",
-      children: [
-        l,
-        a
-      ]
-    }
-  ) });
+import { jsx as l, jsxs as v } from "react/jsx-runtime";
+import { c as p } from "../../_virtual/compiler-runtime.js";
+import { Box as x, Badge as B } from "@chakra-ui/react";
+import { Children as I } from "react";
+import { IconSizeConstants as w, checkChildRendersToString as C } from "./helper.js";
+import { ThemeSpaceVariable as E } from "../../theme/theme-types.js";
+function s(r) {
+  const e = p.c(13);
+  let n, i, o;
+  if (e[0] !== r) {
+    const {
+      icon: u,
+      ...S
+    } = r;
+    o = S;
+    const {
+      size: g,
+      children: h
+    } = o;
+    n = h;
+    const f = w[g ?? "md"], d = u;
+    let m;
+    e[4] !== d || e[5] !== f ? (m = d ? /* @__PURE__ */ l(d, { size: f }) : null, e[4] = d, e[5] = f, e[6] = m) : m = e[6], i = m, I.forEach(n, (y) => {
+      if (!C(y)) throw new Error("Badge component: Invalid return type of children, must return string");
+    }), e[0] = r, e[1] = n, e[2] = i, e[3] = o;
+  } else
+    n = e[1], i = e[2], o = e[3];
+  let t;
+  e[7] !== n || e[8] !== i ? (t = /* @__PURE__ */ v(x, { display: "flex", flexDirection: "row", gap: E.XSmall, justifyContent: "center", alignItems: "center", children: [
+    i,
+    n
+  ] }), e[7] = n, e[8] = i, e[9] = t) : t = e[9];
+  let c;
+  return e[10] !== o || e[11] !== t ? (c = /* @__PURE__ */ l(B, { ...o, children: t }), e[10] = o, e[11] = t, e[12] = c) : c = e[12], c;
 }
-const o = ({ solid: n, ...r }) => /* @__PURE__ */ e(i, { variant: n ? "neutralSolid" : "neutral", ...r });
-o.Primary = ({ solid: n, ...r }) => /* @__PURE__ */ e(i, { variant: n ? "primarySolid" : "primary", ...r });
-o.Secondary = ({ solid: n, ...r }) => /* @__PURE__ */ e(i, { variant: n ? "secondarySolid" : "secondary", ...r });
-o.Success = ({ solid: n, ...r }) => /* @__PURE__ */ e(i, { variant: n ? "successSolid" : "success", ...r });
-o.Error = ({ solid: n, ...r }) => /* @__PURE__ */ e(i, { variant: n ? "errorSolid" : "error", ...r });
-o.Warning = ({ solid: n, ...r }) => /* @__PURE__ */ e(i, { variant: n ? "warningSolid" : "warning", ...r });
-o.Info = ({ solid: n, ...r }) => /* @__PURE__ */ e(i, { variant: n ? "infoSolid" : "info", ...r });
+const a = (r) => {
+  const e = p.c(6);
+  let n, i;
+  e[0] !== r ? ({
+    solid: i,
+    ...n
+  } = r, e[0] = r, e[1] = n, e[2] = i) : (n = e[1], i = e[2]);
+  const o = i ? "neutralSolid" : "neutral";
+  let t;
+  return e[3] !== n || e[4] !== o ? (t = /* @__PURE__ */ l(s, { variant: o, ...n }), e[3] = n, e[4] = o, e[5] = t) : t = e[5], t;
+};
+a.Primary = ({
+  solid: r,
+  ...e
+}) => /* @__PURE__ */ l(s, { variant: r ? "primarySolid" : "primary", ...e });
+a.Secondary = ({
+  solid: r,
+  ...e
+}) => /* @__PURE__ */ l(s, { variant: r ? "secondarySolid" : "secondary", ...e });
+a.Success = ({
+  solid: r,
+  ...e
+}) => /* @__PURE__ */ l(s, { variant: r ? "successSolid" : "success", ...e });
+a.Error = ({
+  solid: r,
+  ...e
+}) => /* @__PURE__ */ l(s, { variant: r ? "errorSolid" : "error", ...e });
+a.Warning = ({
+  solid: r,
+  ...e
+}) => /* @__PURE__ */ l(s, { variant: r ? "warningSolid" : "warning", ...e });
+a.Info = ({
+  solid: r,
+  ...e
+}) => /* @__PURE__ */ l(s, { variant: r ? "infoSolid" : "info", ...e });
 export {
-  o as Badge
+  a as Badge
 };

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

@@ -1,7 +1,7 @@
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;
-export declare const Colors: () => import("react/jsx-runtime").JSX.Element;
-export declare const Padding: () => import("react/jsx-runtime").JSX.Element;
-export declare const Margin: () => import("react/jsx-runtime").JSX.Element;
-export declare const BorderRadius: () => import("react/jsx-runtime").JSX.Element;
-export declare const Layout: () => import("react/jsx-runtime").JSX.Element;
+export declare const Default: () => import("react").JSX.Element;
+export declare const Colors: () => import("react").JSX.Element;
+export declare const Padding: () => import("react").JSX.Element;
+export declare const Margin: () => import("react").JSX.Element;
+export declare const BorderRadius: () => import("react").JSX.Element;
+export declare const Layout: () => import("react").JSX.Element;
 //# sourceMappingURL=box.composition.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"box.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/box/box.composition.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,+CAA+B,CAAC;AAEpD,eAAO,MAAM,MAAM,+CAIlB,CAAC;AAEF,eAAO,MAAM,OAAO,+CASnB,CAAC;AAEF,eAAO,MAAM,MAAM,+CAYlB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAQxB,CAAC;AAEF,eAAO,MAAM,MAAM,+CA2BlB,CAAC"}
+{"version":3,"file":"box.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/box/box.composition.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,mCAA+B,CAAC;AAEpD,eAAO,MAAM,MAAM,mCAIlB,CAAC;AAEF,eAAO,MAAM,OAAO,mCASnB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAYlB,CAAC;AAEF,eAAO,MAAM,YAAY,mCAQxB,CAAC;AAEF,eAAO,MAAM,MAAM,mCA2BlB,CAAC"}