@caspeco/casper-ui-library 0.0.5 → 4.0.0

package/README.md

@@ -4,7 +4,7 @@
 
 Caspeco's UI component library, built on top of on top of [Chakra UI](https://v2.chakra-ui.com/).
 
-👉 **The usage documentation can be found at (TODO_INSERT_LINK).**
+👉 **The usage documentation can be found at https://caspeco.github.io/casper-ui-library**
 
 ## Local development
 

package/dist/node_modules/@floating-ui/core/dist/floating-ui.core.js

@@ -193,7 +193,7 @@ const _ = function(r) {
         const R = (((B = t.flip) == null ? void 0 : B.index) || 0) + 1, D = I[R];
         if (D && (!(s === "alignment" ? x !== E(D) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        O.every((g) => g.overflows[0] > 0 && E(g.placement) === x)))
+        O.every((g) => E(g.placement) === x ? g.overflows[0] > 0 : !0)))
           return {
             data: {
               index: R,

package/dist/{node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js → packages/casper-ui-library/node_modules/@chakra-ui/anatomy/dist/esm/components.js}

@@ -1,29 +1,85 @@
-import { anatomy as t } from "./chunk-OA3DH5LS.js";
-var r = t("accordion").parts("root", "container", "button", "panel").extend("icon");
-t("alert").parts("title", "description", "container").extend("icon", "spinner");
-t("avatar").parts("label", "badge", "container").extend("excessLabel", "group");
-t("breadcrumb").parts("link", "item", "container").extend("separator");
+import { anatomy as t } from "./create-anatomy.js";
+const a = t("accordion").parts(
+  "root",
+  "container",
+  "button",
+  "panel",
+  "icon"
+);
+t("alert").parts(
+  "title",
+  "description",
+  "container",
+  "icon",
+  "spinner"
+);
+t("avatar").parts(
+  "label",
+  "badge",
+  "container",
+  "excessLabel",
+  "group"
+);
+t("breadcrumb").parts(
+  "link",
+  "item",
+  "container",
+  "separator"
+);
 t("button").parts();
-var e = t("checkbox").parts("control", "icon", "container").extend("label");
-t("progress").parts("track", "filledTrack").extend("label");
-var o = t("drawer").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer");
+const r = t("checkbox").parts(
+  "control",
+  "icon",
+  "container",
+  "label"
+);
+t("progress").parts(
+  "track",
+  "filledTrack",
+  "label"
+);
+const e = t("drawer").parts(
+  "overlay",
+  "dialogContainer",
+  "dialog",
+  "header",
+  "closeButton",
+  "body",
+  "footer"
+);
 t("editable").parts(
   "preview",
   "input",
   "textarea"
 );
-var n = t("form").parts(
+const n = t("form").parts(
   "container",
   "requiredIndicator",
   "helperText"
-), i = t("formError").parts("text", "icon"), p = t("input").parts(
+), i = t("formError").parts("text", "icon"), s = t("input").parts(
   "addon",
   "field",
   "element",
   "group"
 );
 t("list").parts("container", "item", "icon");
-var l = t("menu").parts("button", "list", "item").extend("groupTitle", "icon", "command", "divider"), s = t("modal").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer");
+const c = t("menu").parts(
+  "button",
+  "list",
+  "item",
+  "groupTitle",
+  "icon",
+  "command",
+  "divider"
+), p = t("modal").parts(
+  "overlay",
+  "dialogContainer",
+  "dialog",
+  "header",
+  "closeButton",
+  "body",
+  "footer"
+);
 t("numberinput").parts(
   "root",
   "field",
@@ -31,13 +87,21 @@ t("numberinput").parts(
   "stepper"
 );
 t("pininput").parts("field");
-t("popover").parts("content", "header", "body", "footer").extend("popper", "arrow", "closeButton");
+t("popover").parts(
+  "content",
+  "header",
+  "body",
+  "footer",
+  "popper",
+  "arrow",
+  "closeButton"
+);
 t("progress").parts(
   "label",
   "filledTrack",
   "track"
 );
-var c = t("radio").parts(
+const l = t("radio").parts(
   "container",
   "control",
   "label"
@@ -56,7 +120,7 @@ t("stat").parts(
   "number",
   "icon"
 );
-var m = t("switch").parts(
+const m = t("switch").parts(
   "container",
   "track",
   "thumb",
@@ -99,15 +163,15 @@ t("stepper").parts(
   "number"
 );
 export {
-  r as accordionAnatomy,
-  e as checkboxAnatomy,
-  o as drawerAnatomy,
+  a as accordionAnatomy,
+  r as checkboxAnatomy,
+  e as drawerAnatomy,
   n as formAnatomy,
   i as formErrorAnatomy,
-  p as inputAnatomy,
-  l as menuAnatomy,
-  s as modalAnatomy,
-  c as radioAnatomy,
+  s as inputAnatomy,
+  c as menuAnatomy,
+  p as modalAnatomy,
+  l as radioAnatomy,
   d as selectAnatomy,
   m as switchAnatomy,
   b as tableAnatomy,

package/dist/theme/theme-config/components/accordion-theme.d.ts

@@ -1,11 +1,11 @@
 import { ThemeBorderVariable, ThemeColorVariable, ThemeFontSizeVariable, ThemeRadiusVariable, ThemeSpaceVariable } from '../../theme-types.js';
 export declare const accordionConfig: {
     baseStyle?: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
-        keys: ("button" | "root" | "container" | "panel" | "icon")[];
+        keys: ("button" | "container" | "root" | "panel" | "icon")[];
     }> | undefined;
     sizes?: {
         [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
-            keys: ("button" | "root" | "container" | "panel" | "icon")[];
+            keys: ("button" | "container" | "root" | "panel" | "icon")[];
         }>;
     } | undefined;
     variants?: {
@@ -141,6 +141,6 @@ export declare const accordionConfig: {
         variant?: "border" | "noBorder" | "list" | undefined;
         colorScheme?: string | undefined;
     } | undefined;
-    parts: ("button" | "root" | "container" | "panel" | "icon")[];
+    parts: ("button" | "container" | "root" | "panel" | "icon")[];
 };
 //# sourceMappingURL=accordion-theme.d.ts.map

package/dist/theme/theme-config/components/accordion-theme.js

@@ -1,12 +1,12 @@
-import { accordionAnatomy as u } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
-import { createMultiStyleConfigHelpers as c, defineStyle as n } from "@chakra-ui/react";
-import { ThemeColorVariable as e, ThemeBorderVariable as a, ThemeSpaceVariable as r, ThemeRadiusVariable as o, ThemeFontSizeVariable as b } from "../../theme-types.js";
-const { definePartsStyle: t, defineMultiStyleConfig: s } = c(u.keys), d = n({
+import { createMultiStyleConfigHelpers as u, defineStyle as n } from "@chakra-ui/react";
+import { ThemeColorVariable as e, ThemeBorderVariable as a, ThemeSpaceVariable as r, ThemeRadiusVariable as o, ThemeFontSizeVariable as c } from "../../theme-types.js";
+import { accordionAnatomy as b } from "../../../packages/casper-ui-library/node_modules/@chakra-ui/anatomy/dist/esm/components.js";
+const { definePartsStyle: t, defineMultiStyleConfig: s } = u(b.keys), d = n({
   width: "100%"
 }), i = n({
   display: "flex",
   width: "100%",
-  fontSize: b.Large,
+  fontSize: c.Large,
   fontWeight: "500",
   py: r.Small,
   px: r.Medium,

package/dist/theme/theme-config/components/checkbox-theme.js

@@ -1,11 +1,11 @@
-import { checkboxAnatomy as l } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
-import { createMultiStyleConfigHelpers as i, defineStyle as r } from "@chakra-ui/react";
+import { createMultiStyleConfigHelpers as l, defineStyle as r } from "@chakra-ui/react";
 import { ThemeColorVariable as o } from "../../theme-types.js";
-import { ThemeColorToken as e, ThemeFontSizeToken as b, ThemeFontToken as A, ThemeBorderToken as v } from "../theme-tokens.js";
-const { definePartsStyle: c, defineMultiStyleConfig: s } = i(l.keys), h = r({
+import { ThemeColorToken as e, ThemeFontSizeToken as i, ThemeFontToken as b, ThemeBorderToken as A } from "../theme-tokens.js";
+import { checkboxAnatomy as v } from "../../../packages/casper-ui-library/node_modules/@chakra-ui/anatomy/dist/esm/components.js";
+const { definePartsStyle: c, defineMultiStyleConfig: s } = l(v.keys), h = r({
   m: 0,
-  fontFamily: A.Body,
-  fontSize: b.Medium,
+  fontFamily: b.Body,
+  fontSize: i.Medium,
   color: e.OnSurface,
   width: "100%",
   _disabled: {
@@ -54,7 +54,7 @@ const { definePartsStyle: c, defineMultiStyleConfig: s } = i(l.keys), h = r({
   borderColor: e.OnBackground,
   background: "transparent",
   borderRadius: "4px",
-  border: v.Small,
+  border: A.Small,
   _disabled: {
     opacity: 0.48,
     borderColor: e.OnBackground,

package/dist/theme/theme-config/components/drawer-theme.js

@@ -1,7 +1,7 @@
-import { drawerAnatomy as i } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
-import { createMultiStyleConfigHelpers as t } from "@chakra-ui/react";
+import { createMultiStyleConfigHelpers as i } from "@chakra-ui/react";
 import { ThemeColorToken as e } from "../theme-tokens.js";
-const { definePartsStyle: o, defineMultiStyleConfig: a } = t(i.keys), r = {
+import { drawerAnatomy as t } from "../../../packages/casper-ui-library/node_modules/@chakra-ui/anatomy/dist/esm/components.js";
+const { definePartsStyle: o, defineMultiStyleConfig: a } = i(t.keys), r = {
   xs: o({ dialog: { maxWidth: "320px" } }),
   // Chakra default
   sm: o({ dialog: { maxWidth: "448px" } }),

package/dist/theme/theme-config/components/form-error-theme.js

@@ -1,12 +1,12 @@
-import { formErrorAnatomy as o } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
-import { createMultiStyleConfigHelpers as e } from "@chakra-ui/react";
-import { ThemeSpaceToken as r, ThemeFontSizeToken as t, ThemeFontToken as n, ThemeColorToken as m } from "../theme-tokens.js";
-const { definePartsStyle: i, defineMultiStyleConfig: l } = e(o.keys), f = i({
+import { createMultiStyleConfigHelpers as o } from "@chakra-ui/react";
+import { ThemeSpaceToken as e, ThemeFontSizeToken as r, ThemeFontToken as t, ThemeColorToken as n } from "../theme-tokens.js";
+import { formErrorAnatomy as m } from "../../../packages/casper-ui-library/node_modules/@chakra-ui/anatomy/dist/esm/components.js";
+const { definePartsStyle: i, defineMultiStyleConfig: l } = o(m.keys), f = i({
   text: {
-    color: m.Error,
-    fontFamily: n.Body,
-    fontSize: t.Small,
-    marginTop: r.XSmall
+    color: n.Error,
+    fontFamily: t.Body,
+    fontSize: r.Small,
+    marginTop: e.XSmall
   }
 }), y = l({
   baseStyle: f

package/dist/theme/theme-config/components/form-theme.js

@@ -1,19 +1,19 @@
-import { formAnatomy as r } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
-import { createMultiStyleConfigHelpers as t, defineStyle as o } from "@chakra-ui/react";
-import { ThemeColorToken as e, ThemeFontSizeToken as n, ThemeFontToken as i, ThemeSpaceToken as l } from "../theme-tokens.js";
-const { definePartsStyle: a, defineMultiStyleConfig: c } = t(r.keys), d = o({
+import { createMultiStyleConfigHelpers as r, defineStyle as o } from "@chakra-ui/react";
+import { ThemeColorToken as e, ThemeFontSizeToken as n, ThemeFontToken as t, ThemeSpaceToken as i } from "../theme-tokens.js";
+import { formAnatomy as l } from "../../../packages/casper-ui-library/node_modules/@chakra-ui/anatomy/dist/esm/components.js";
+const { definePartsStyle: a, defineMultiStyleConfig: c } = r(l.keys), d = o({
   color: e.Error
 }), m = o({
   color: e.OnBackgroundSubdued,
   fontSize: n.Small,
-  marginTop: l.XSmall
+  marginTop: i.XSmall
 }), S = a({
   container: {
     _disabled: {
       opacity: 1,
       color: e.OnBackgroundSubdued
     },
-    fontFamily: i.Body,
+    fontFamily: t.Body,
     fontSize: n.Medium,
     color: e.OnBackground
   },

package/dist/theme/theme-config/components/input-theme.js

@@ -1,10 +1,10 @@
-import { inputAnatomy as f } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
-import { createMultiStyleConfigHelpers as m, defineStyle as l } from "@chakra-ui/react";
-import { isTouchScreenDevice as s } from "../../theme-helper.js";
+import { createMultiStyleConfigHelpers as f, defineStyle as l } from "@chakra-ui/react";
+import { isTouchScreenDevice as m } from "../../theme-helper.js";
 import { ThemeColorVariable as n } from "../../theme-types.js";
-import { ThemeColorToken as o, ThemeSpaceToken as r, ThemeRadiusToken as t, ThemeBorderToken as d, ThemeFontToken as b, ThemeFontSizeToken as i } from "../theme-tokens.js";
-const { definePartsStyle: a, defineMultiStyleConfig: p } = m(f.keys), c = {
-  fontFamily: b.Body,
+import { ThemeColorToken as o, ThemeSpaceToken as r, ThemeRadiusToken as t, ThemeBorderToken as d, ThemeFontToken as s, ThemeFontSizeToken as i } from "../theme-tokens.js";
+import { inputAnatomy as b } from "../../../packages/casper-ui-library/node_modules/@chakra-ui/anatomy/dist/esm/components.js";
+const { definePartsStyle: a, defineMultiStyleConfig: p } = f(b.keys), c = {
+  fontFamily: s.Body,
   color: o.OnSurface,
   border: d.XSmall,
   borderColor: o.OnSurfaceBorder,
@@ -40,7 +40,7 @@ const { definePartsStyle: a, defineMultiStyleConfig: p } = m(f.keys), c = {
     boxShadow: `0 0 0 4px ${n.InfoContainer}`
   },
   _hover: {
-    borderColor: s() ? o.OnSurfaceBorder : o.OnSurface,
+    borderColor: m() ? o.OnSurfaceBorder : o.OnSurface,
     _disabled: void 0,
     _readOnly: void 0
   }

package/dist/theme/theme-config/components/menu-theme.js

@@ -1,7 +1,7 @@
-import { menuAnatomy as n } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
-import { createMultiStyleConfigHelpers as r, defineStyle as a } from "@chakra-ui/react";
-import { ThemeSpaceVariable as e, ThemeFontSizeVariable as t, ThemeColorVariable as o, ThemeShadowVariable as l } from "../../theme-types.js";
-const { definePartsStyle: i, defineMultiStyleConfig: c } = r(n.keys), d = a({
+import { createMultiStyleConfigHelpers as n, defineStyle as a } from "@chakra-ui/react";
+import { ThemeSpaceVariable as e, ThemeFontSizeVariable as r, ThemeColorVariable as o, ThemeShadowVariable as t } from "../../theme-types.js";
+import { menuAnatomy as l } from "../../../packages/casper-ui-library/node_modules/@chakra-ui/anatomy/dist/esm/components.js";
+const { definePartsStyle: i, defineMultiStyleConfig: c } = n(l.keys), d = a({
   minW: "280px",
   alignItems: "center",
   paddingLeft: e.Medium,
@@ -32,14 +32,14 @@ const { definePartsStyle: i, defineMultiStyleConfig: c } = r(n.keys), d = a({
     mr: e.XSmall
   }
 }), m = a({
-  boxShadow: l.Medium,
+  boxShadow: t.Medium,
   bg: o.Surface,
   border: "none",
   borderRadius: e.Small
 }), u = a({
   opacity: 1,
   color: o.OnSurfaceSubdued,
-  fontSize: t.Small,
+  fontSize: r.Small,
   mx: e.XSmall
 }), S = i({
   item: d,

package/dist/theme/theme-config/components/modal-theme.js

@@ -1,8 +1,8 @@
-import { modalAnatomy as d } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
-import { createMultiStyleConfigHelpers as n } from "@chakra-ui/react";
-import { ThemeColorToken as o, ThemeRadiusToken as a, ThemeFontToken as r, ThemeFontSizeToken as m } from "../theme-tokens.js";
+import { createMultiStyleConfigHelpers as d } from "@chakra-ui/react";
+import { ThemeColorToken as o, ThemeRadiusToken as a, ThemeFontToken as r, ThemeFontSizeToken as n } from "../theme-tokens.js";
 import { buttonConfig as t } from "./button-theme.js";
-const { definePartsStyle: e, defineMultiStyleConfig: l } = n(d.keys);
+import { modalAnatomy as m } from "../../../packages/casper-ui-library/node_modules/@chakra-ui/anatomy/dist/esm/components.js";
+const { definePartsStyle: e, defineMultiStyleConfig: l } = d(m.keys);
 var i;
 const x = e({
   overlay: {
@@ -12,7 +12,7 @@ const x = e({
   header: {
     bg: o.Surface,
     position: "relative",
-    fontSize: m.XLarge,
+    fontSize: n.XLarge,
     fontFamily: r.SubHeader,
     color: o.OnSurfaceHeader,
     fontWeight: "medium",

package/dist/theme/theme-config/components/radio-theme.js

@@ -1,7 +1,7 @@
-import { radioAnatomy as r } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
-import { createMultiStyleConfigHelpers as n } from "@chakra-ui/react";
-import { ThemeColorToken as o, ThemeBorderToken as t, ThemeFontSizeToken as c, ThemeFontToken as i } from "../theme-tokens.js";
-const { defineMultiStyleConfig: l } = n(r.keys), e = {
+import { createMultiStyleConfigHelpers as r } from "@chakra-ui/react";
+import { ThemeColorToken as o, ThemeBorderToken as n, ThemeFontSizeToken as t, ThemeFontToken as c } from "../theme-tokens.js";
+import { radioAnatomy as i } from "../../../packages/casper-ui-library/node_modules/@chakra-ui/anatomy/dist/esm/components.js";
+const { defineMultiStyleConfig: l } = r(i.keys), e = {
   content: '""',
   display: "inline-block",
   pos: "relative",
@@ -12,14 +12,14 @@ const { defineMultiStyleConfig: l } = n(r.keys), e = {
 }, d = {
   label: {
     color: o.OnSurface,
-    fontFamily: i.Body,
-    fontSize: c.Medium,
+    fontFamily: c.Body,
+    fontSize: t.Medium,
     _disabled: {
       opacity: 1
     }
   },
   control: {
-    border: t.Small,
+    border: n.Small,
     borderColor: o.OnBackground,
     color: o.OnAccent,
     bg: "transparent",

package/dist/theme/theme-config/components/select-theme.js

@@ -1,8 +1,8 @@
-import { selectAnatomy as c } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
-import { createMultiStyleConfigHelpers as f } from "@chakra-ui/react";
-import { ThemeColorToken as o, ThemeFontSizeToken as s } from "../theme-tokens.js";
+import { createMultiStyleConfigHelpers as c } from "@chakra-ui/react";
+import { ThemeColorToken as o, ThemeFontSizeToken as f } from "../theme-tokens.js";
 import { inputConfig as e } from "./input-theme.js";
-const { defineMultiStyleConfig: u, definePartsStyle: a } = f(c.keys);
+import { selectAnatomy as s } from "../../../packages/casper-ui-library/node_modules/@chakra-ui/anatomy/dist/esm/components.js";
+const { defineMultiStyleConfig: u, definePartsStyle: a } = c(s.keys);
 var t, n;
 const l = a({
   // Apply input theme, as Select and Input share most of their appearances
@@ -18,7 +18,7 @@ const l = a({
     }
   },
   icon: {
-    fontSize: s.Small,
+    fontSize: f.Small,
     color: o.OnSurface,
     _disabled: {
       opacity: 1,

package/dist/theme/theme-config/components/switch-theme.js

@@ -1,7 +1,7 @@
-import { switchAnatomy as r } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
-import { createMultiStyleConfigHelpers as c, defineStyle as o } from "@chakra-ui/react";
+import { createMultiStyleConfigHelpers as r, defineStyle as o } from "@chakra-ui/react";
 import { ThemeColorToken as e } from "../theme-tokens.js";
-const { definePartsStyle: t, defineMultiStyleConfig: i } = c(r.keys), h = o({
+import { switchAnatomy as c } from "../../../packages/casper-ui-library/node_modules/@chakra-ui/anatomy/dist/esm/components.js";
+const { definePartsStyle: t, defineMultiStyleConfig: i } = r(c.keys), h = o({
   backgroundColor: e.Surface,
   borderColor: e.OnSurfaceSubdued,
   borderStyle: "solid",

package/dist/theme/theme-config/components/table-theme.js

@@ -1,10 +1,10 @@
-import { tableAnatomy as n } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
-import { createMultiStyleConfigHelpers as a, defineStyle as e } from "@chakra-ui/react";
-import { ThemeColorVariable as o, ThemeSpaceVariable as r, ThemeFontVariable as l } from "../../theme-types.js";
+import { createMultiStyleConfigHelpers as n, defineStyle as e } from "@chakra-ui/react";
+import { ThemeColorVariable as o, ThemeSpaceVariable as r, ThemeFontVariable as a } from "../../theme-types.js";
 import { ThemeFontSizeToken as t } from "../theme-tokens.js";
-const { definePartsStyle: d, defineMultiStyleConfig: i } = a(n.keys), b = e({
+import { tableAnatomy as l } from "../../../packages/casper-ui-library/node_modules/@chakra-ui/anatomy/dist/esm/components.js";
+const { definePartsStyle: d, defineMultiStyleConfig: i } = n(l.keys), b = e({
   position: "relative",
-  fontFamily: l.Body,
+  fontFamily: a.Body,
   fontSize: t.Small,
   th: {
     padding: "0px",

package/dist/theme/theme-config/components/tabs-theme.js

@@ -1,11 +1,11 @@
-import { tabsAnatomy as d } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
-import { createMultiStyleConfigHelpers as l } from "@chakra-ui/react";
+import { createMultiStyleConfigHelpers as d } from "@chakra-ui/react";
 import { ThemeSpaceVariable as t } from "../../theme-types.js";
-import { ThemeBorderToken as a, ThemeRadiusToken as i, ThemeFontToken as c, ThemeColorToken as e, ThemeFontSizeToken as r } from "../theme-tokens.js";
-const { definePartsStyle: o, defineMultiStyleConfig: g } = l(d.keys), s = o({
+import { ThemeBorderToken as a, ThemeRadiusToken as i, ThemeFontToken as l, ThemeColorToken as e, ThemeFontSizeToken as r } from "../theme-tokens.js";
+import { tabsAnatomy as c } from "../../../packages/casper-ui-library/node_modules/@chakra-ui/anatomy/dist/esm/components.js";
+const { definePartsStyle: o, defineMultiStyleConfig: g } = d(c.keys), s = o({
   tab: {
     color: e.OnBackground,
-    fontFamily: c.SubHeader,
+    fontFamily: l.SubHeader,
     fontWeight: "medium",
     borderRadius: i.XLarge,
     bg: "none",

package/dist/theme/theme-config/components/tag-theme.js

@@ -1,7 +1,7 @@
-import { tagAnatomy as h } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
-import { createMultiStyleConfigHelpers as b } from "@chakra-ui/react";
-import { ThemeColorVariable as o, ThemeIconSizeVariable as t, ThemeFontSizeVariable as d, ThemeFontVariable as f, ThemeSpaceVariable as m, ThemeRadiusVariable as C } from "../../theme-types.js";
-const g = ["Primary", "Secondary", "Success", "Error", "Info", "Neutral", "Warning"], a = ".tag-dot", u = ".tag-icon", { definePartsStyle: n, defineMultiStyleConfig: p } = b(h.keys), x = g.reduce(
+import { createMultiStyleConfigHelpers as h } from "@chakra-ui/react";
+import { ThemeColorVariable as o, ThemeIconSizeVariable as t, ThemeFontSizeVariable as d, ThemeFontVariable as b, ThemeSpaceVariable as m, ThemeRadiusVariable as f } from "../../theme-types.js";
+import { tagAnatomy as C } from "../../../packages/casper-ui-library/node_modules/@chakra-ui/anatomy/dist/esm/components.js";
+const g = ["Primary", "Secondary", "Success", "Error", "Info", "Neutral", "Warning"], a = ".tag-dot", u = ".tag-icon", { definePartsStyle: n, defineMultiStyleConfig: p } = h(C.keys), x = g.reduce(
   (l, e) => {
     const i = l, c = `${e.toLowerCase()}Solid`, s = e, r = `On${e}`;
     return i[c] = n({
@@ -39,7 +39,7 @@ const g = ["Primary", "Secondary", "Success", "Error", "Info", "Neutral", "Warni
     px: m.Small,
     bg: o.NeutralContainer,
     color: o.OnNeutralContainer,
-    borderRadius: C.Small
+    borderRadius: f.Small
   },
   label: {
     alignItems: "center",
@@ -47,7 +47,7 @@ const g = ["Primary", "Secondary", "Success", "Error", "Info", "Neutral", "Warni
     lineHeight: "150%",
     mx: m.XSmall,
     letterSpacing: "0.0125em",
-    font: f.Body
+    font: b.Body
   },
   closeButton: {
     opacity: "0.48",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@caspeco/casper-ui-library",
-	"version": "0.0.5",
+	"version": "4.0.0",
 	"prettier": "@caspeco/prettier-config",
 	"type": "module",
 	"sideEffects": false,
@@ -23,24 +23,24 @@
 	},
 	"devDependencies": {
 		"@arethetypeswrong/cli": "^0.18.2",
-		"@caspeco/eslint-config": "^4.0.4",
+		"@caspeco/eslint-config": "^4.0.5",
 		"@caspeco/prettier-config": "^1.0.6",
-		"@eslint/js": "^9.32.0",
-		"@testing-library/jest-dom": "^6.6.4",
+		"@eslint/js": "^9.33.0",
+		"@testing-library/jest-dom": "^6.7.0",
 		"@testing-library/react": "^16.3.0",
 		"@types/jest": "^30.0.0",
-		"@types/node": "^24.1.0",
+		"@types/node": "^24.2.1",
 		"@types/react": "^18.3.12",
 		"@types/react-dom": "^18.3.1",
-		"@vitejs/plugin-react-swc": "^3.11.0",
-		"eslint": "^9.32.0",
+		"@vitejs/plugin-react-swc": "^4.0.0",
+		"eslint": "^9.33.0",
 		"eslint-plugin-react-hooks": "^5.2.0",
 		"eslint-plugin-react-refresh": "^0.4.20",
 		"globals": "^16.3.0",
 		"jsdom": "^26.1.0",
 		"tsc-alias": "^1.8.16",
-		"typescript": "~5.8.3",
-		"typescript-eslint": "^8.38.0",
+		"typescript": "~5.9.2",
+		"typescript-eslint": "^8.39.1",
 		"vite": "^6.3.5",
 		"vite-plugin-dts": "^4.5.4",
 		"vite-tsconfig-paths": "^5.1.4",
@@ -53,8 +53,8 @@
 		"react-dom": "^18.3.1"
 	},
 	"dependencies": {
-		"@chakra-ui/anatomy": "^2.2.2",
-		"@floating-ui/dom": "^1.7.2",
+		"@chakra-ui/anatomy": "^2.3.4",
+		"@floating-ui/dom": "^1.7.3",
 		"@tanstack/react-table": "^8.21.3",
 		"csstype": "^3.1.3",
 		"date-fns": "^4.1.0"