@caspeco/casper-ui-library 0.0.5 → 4.0.1

package/dist/node_modules/date-fns/startOfWeekYear.js

@@ -1,13 +1,12 @@
-import { getDefaultOptions as W } from "./_lib/defaultOptions.js";
-import { constructFrom as n } from "./constructFrom.js";
-import { getWeekYear as u } from "./getWeekYear.js";
-import { startOfWeek as D } from "./startOfWeek.js";
-function g(r, e) {
-  var f, s, c, k;
-  const a = W(), l = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((s = (f = e == null ? void 0 : e.locale) == null ? void 0 : f.options) == null ? void 0 : s.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((k = (c = a.locale) == null ? void 0 : c.options) == null ? void 0 : k.firstWeekContainsDate) ?? 1, m = u(r, e), t = n((e == null ? void 0 : e.in) || r, 0);
-  return t.setFullYear(m, 0, l), t.setHours(0, 0, 0, 0), D(t, e);
+import { getDefaultOptions as n } from "./_lib/defaultOptions.js";
+import { constructFrom as i } from "./constructFrom.js";
+import { getWeekYear as f } from "./getWeekYear.js";
+import { startOfWeek as c } from "./startOfWeek.js";
+function D(r, t) {
+  const a = n(), o = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? a.firstWeekContainsDate ?? a.locale?.options?.firstWeekContainsDate ?? 1, s = f(r, t), e = i(t?.in || r, 0);
+  return e.setFullYear(s, 0, o), e.setHours(0, 0, 0, 0), c(e, t);
 }
 export {
-  g as default,
-  g as startOfWeekYear
+  D as default,
+  D as startOfWeekYear
 };

package/dist/node_modules/date-fns/startOfYear.js

@@ -1,9 +1,9 @@
 import { toDate as a } from "./toDate.js";
-function l(t, r) {
-  const e = a(t, r == null ? void 0 : r.in);
-  return e.setFullYear(e.getFullYear(), 0, 1), e.setHours(0, 0, 0, 0), e;
+function s(e, r) {
+  const t = a(e, r?.in);
+  return t.setFullYear(t.getFullYear(), 0, 1), t.setHours(0, 0, 0, 0), t;
 }
 export {
-  l as default,
-  l as startOfYear
+  s as default,
+  s as startOfYear
 };

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,10 +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 i } from "@chakra-ui/react";
+import { ThemeColorToken as o, ThemeRadiusToken as a, ThemeFontToken as r, ThemeFontSizeToken as d } from "../theme-tokens.js";
 import { buttonConfig as t } from "./button-theme.js";
-const { definePartsStyle: e, defineMultiStyleConfig: l } = n(d.keys);
-var i;
-const x = e({
+import { modalAnatomy as n } from "../../../packages/casper-ui-library/node_modules/@chakra-ui/anatomy/dist/esm/components.js";
+const { definePartsStyle: e, defineMultiStyleConfig: m } = i(n.keys), l = e({
   overlay: {
     // Non white label-overridable color based on black, always
     bg: "rgba(0, 0, 0, 0.32)"
@@ -12,7 +10,7 @@ const x = e({
   header: {
     bg: o.Surface,
     position: "relative",
-    fontSize: m.XLarge,
+    fontSize: d.XLarge,
     fontFamily: r.SubHeader,
     color: o.OnSurfaceHeader,
     fontWeight: "medium",
@@ -56,9 +54,9 @@ const x = e({
     top: "unset",
     alignSelf: "flex-start",
     ...t.baseStyle,
-    ...(i = t.variants) == null ? void 0 : i.secondary
+    ...t.variants?.secondary
   }
-}), s = {
+}), x = {
   sm: e({
     dialog: {
       maxW: "384px"
@@ -96,7 +94,7 @@ const x = e({
       borderRadius: 0
     }
   })
-}, g = {
+}, s = {
   /** Custom variant appearing as a mobile app "bottom sheet",
    * filling 100% of view width and max 100% - 88px view height. */
   bottomSheet: e({
@@ -113,11 +111,11 @@ const x = e({
       alignItems: "flex-end"
     }
   })
-}, h = l({
-  baseStyle: x,
-  variants: g,
-  sizes: s
+}, b = m({
+  baseStyle: l,
+  variants: s,
+  sizes: x
 });
 export {
-  h as modalConfig
+  b as modalConfig
 };

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,15 +1,13 @@
-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 i } from "@chakra-ui/react";
+import { ThemeColorToken as o, ThemeFontSizeToken as r } from "../theme-tokens.js";
 import { inputConfig as e } from "./input-theme.js";
-const { defineMultiStyleConfig: u, definePartsStyle: a } = f(c.keys);
-var t, n;
-const l = a({
+import { selectAnatomy as a } from "../../../packages/casper-ui-library/node_modules/@chakra-ui/anatomy/dist/esm/components.js";
+const { defineMultiStyleConfig: l, definePartsStyle: t } = i(a.keys), n = t({
   // Apply input theme, as Select and Input share most of their appearances
-  ...(t = e.variants) == null ? void 0 : t.outline,
+  ...e.variants?.outline,
   field: {
     // Apply input theme, as Select and Input share most of their appearances
-    ...(n = e.variants) == null ? void 0 : n.outline.field,
+    ...e.variants?.outline.field,
     // Give nested option elements color styles to match the select element.
     // Only applicable to Microsoft desktop browsers, will be ignored by browsers that use their own native styles.
     "> option, > optgroup": {
@@ -18,21 +16,19 @@ const l = a({
     }
   },
   icon: {
-    fontSize: s.Small,
+    fontSize: r.Small,
     color: o.OnSurface,
     _disabled: {
       opacity: 1,
       color: o.OnSurfaceSubdued
     }
   }
-});
-var i, r;
-const p = a({
+}), c = t({
   // Apply input theme, as Select and Input share most of their appearances
-  ...(i = e.variants) == null ? void 0 : i.ghost,
+  ...e.variants?.ghost,
   field: {
     // Apply input theme, as Select and Input share most of their appearances
-    ...(r = e.variants) == null ? void 0 : r.ghost.field,
+    ...e.variants?.ghost.field,
     // Give nested option elements color styles to match the select element.
     // Only applicable to Microsoft desktop browsers, will be ignored by browsers that use their own native styles.
     "> option, > optgroup": {
@@ -41,17 +37,17 @@ const p = a({
     }
   },
   icon: {
-    ...l.icon
+    ...n.icon
   }
-}), y = u({
+}), S = l({
   defaultProps: {
     variant: "outline"
   },
   variants: {
-    outline: l,
-    ghost: p
+    outline: n,
+    ghost: c
   }
 });
 export {
-  y as selectConfig
+  S as selectConfig
 };

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",