@caspeco/casper-ui-library 8.4.0 → 9.0.0-alpha.0

package/dist/components/tabs/tab.js

@@ -1,9 +1,19 @@
-import { jsx as m } from "react/jsx-runtime";
-import { Tab as b } from "@chakra-ui/react";
-import { CustomTabWithImage as i } from "./tab-with-image.js";
-function n({ imgSrc: t, imgAlt: a, imgFallbackColor: f, children: o, ...r }) {
-  return t ? /* @__PURE__ */ m(i, { imgAlt: a, imgSrc: t, imgFallbackColor: f, ...r, children: o }) : /* @__PURE__ */ m(b, { ...r, children: o });
+import { jsx as f } from "react/jsx-runtime";
+import { Tabs as i } from "@chakra-ui/react";
+import { CustomTabWithImage as u } from "./tab-with-image.js";
+function g({ imgSrc: r, imgAlt: a, imgFallbackColor: e, children: t, isDisabled: o, ...m }) {
+  return r ? /* @__PURE__ */ f(
+    u,
+    {
+      imgAlt: a,
+      imgSrc: r,
+      imgFallbackColor: e,
+      isDisabled: o,
+      ...m,
+      children: t
+    }
+  ) : /* @__PURE__ */ f(i.Trigger, { disabled: o, ...m, children: t });
 }
 export {
-  n as Tab
+  g as Tab
 };

package/dist/components/tabs/tabs-recipe.d.ts

@@ -0,0 +1,3 @@
+import { SlotRecipeDefinition } from '@chakra-ui/react';
+export declare const tabsRecipe: SlotRecipeDefinition;
+//# sourceMappingURL=tabs-recipe.d.ts.map

package/dist/components/tabs/tabs-recipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-recipe.d.ts","sourceRoot":"","sources":["../../../lib/components/tabs/tabs-recipe.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,oBAAoB,EAA4C,MAAM,kBAAkB,CAAC;AAqBvG,eAAO,MAAM,UAAU,EAAE,oBAgGvB,CAAC"}

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

@@ -0,0 +1,115 @@
+import { ThemeFontSizeToken as r, ThemeColorToken as e, ThemeRadiusToken as n, ThemeBorderToken as a, ThemeFontToken as d } from "../../theme/theme-tokens.js";
+import { ThemeColorVariable as l, ThemeSpaceVariable as o } from "../../theme/theme-types.js";
+import { defineSlotRecipe as c } from "@chakra-ui/react";
+import { tabsAnatomy as g } from "../../node_modules/@chakra-ui/react/dist/esm/anatomy.js";
+const t = {
+  _disabled: {
+    _selected: {
+      bg: e.AccentContainer,
+      color: e.OnAccentContainer
+    },
+    bg: "transparent",
+    color: e.OnBackground
+  },
+  bg: e.AccentContainer,
+  color: e.OnAccentContainer
+}, i = {
+  "--tabs-content-padding": "0"
+}, h = c({
+  className: "tabs",
+  slots: g.keys(),
+  base: {
+    trigger: {
+      color: e.OnBackground,
+      fontFamily: d.SubHeader,
+      fontWeight: "medium",
+      borderRadius: n.XLarge,
+      bg: "none",
+      border: a.XSmall,
+      borderColor: "transparent",
+      whiteSpace: "nowrap",
+      WebkitTapHighlightColor: "transparent",
+      _disabled: {
+        cursor: "not-allowed"
+      }
+    },
+    content: {
+      _horizontal: {
+        padding: "0"
+      }
+    }
+  },
+  variants: {
+    variant: {
+      default: {
+        root: i,
+        trigger: {
+          paddingX: o.Medium,
+          paddingY: o.XSmall,
+          _hover: t,
+          _groupHover: t,
+          _selected: t,
+          _disabled: { opacity: 0.48 }
+        }
+      },
+      line: {
+        root: i,
+        list: {
+          _horizontal: {
+            borderBottomWidth: "2px",
+            borderColor: e.SurfaceDisabled
+          }
+        },
+        trigger: {
+          bg: "none",
+          border: a.None,
+          borderRadius: n.None,
+          borderBottom: "0px solid",
+          maxWidth: "100px",
+          paddingX: o.Medium,
+          paddingY: o.XSmall,
+          fontSize: r.Large,
+          _selected: {
+            _horizontal: {
+              "--indicator-offset-y": "-2px",
+              "--indicator-color": l.OnSurface
+            },
+            bg: "none",
+            color: e.OnBackground,
+            _hover: {
+              textDecoration: "none"
+            }
+          },
+          _hover: {
+            textDecoration: "underline"
+          }
+        }
+      }
+    },
+    size: {
+      sm: {
+        root: {
+          "--tabs-height": "40px"
+        },
+        trigger: {
+          fontSize: r.Large,
+          lineHeight: "160%",
+          height: "40px"
+        }
+      },
+      md: {
+        root: {
+          "--tabs-height": "48px"
+        },
+        trigger: {
+          fontSize: r.XLarge,
+          lineHeight: "125%",
+          height: "48px"
+        }
+      }
+    }
+  }
+});
+export {
+  h as tabsRecipe
+};

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/tabs/tabs.composition.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,sBAAsB,+CAqBlC,CAAC;AAEF,eAAO,MAAM,sBAAsB,+CAqBlC,CAAC;AAEF,eAAO,MAAM,WAAW,+CAqBvB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAuBpB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAiDtB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAuBvB,CAAC"}
+{"version":3,"file":"tabs.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/tabs/tabs.composition.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,sBAAsB,+CAqBlC,CAAC;AAEF,eAAO,MAAM,sBAAsB,+CAqBlC,CAAC;AAEF,eAAO,MAAM,WAAW,+CAuBvB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAuBpB,CAAC;AAEF,eAAO,MAAM,UAAU,+CA0DtB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAuBvB,CAAC"}

package/dist/components/tabs/tabs.d.ts

@@ -5,5 +5,5 @@ import { TabsProps } from './types.js';
  * @see Docs https://caspeco.github.io/casper-ui-library/components/tabs
  * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel/
  */
-export declare function Tabs({ children, variant, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tabs({ children, variant, isFitted, isLazy, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=tabs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../lib/components/tabs/tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAmB,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAU1E"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../lib/components/tabs/tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAmB,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAa5F"}

package/dist/components/tabs/tabs.js

@@ -1,16 +1,19 @@
-import { jsx as a } from "react/jsx-runtime";
-import { Tabs as o } from "@chakra-ui/react";
-function b({ children: s, variant: m = "default", ...r }) {
-  return /* @__PURE__ */ a(
-    o,
+import { jsx as s } from "react/jsx-runtime";
+import { Tabs as a } from "@chakra-ui/react";
+function f({ children: o, variant: m = "default", isFitted: n, isLazy: t, ...r }) {
+  return /* @__PURE__ */ s(
+    a.Root,
     {
       variant: m,
+      fitted: n,
+      lazyMount: t,
+      unmountOnExit: t,
       size: { base: "sm", md: "md" },
       ...r,
-      children: s
+      children: o
     }
   );
 }
 export {
-  b as Tabs
+  f as Tabs
 };

package/dist/components/tabs/types.d.ts

@@ -1,10 +1,12 @@
 import { ThemeColorVariable, ThemeStyleProps } from '../../theme/index.js';
-import { TabListProps as ChakraTabListProps, TabPanelProps as ChakraTabPanelProps, TabPanelsProps as ChakraTabPanelsProps, TabProps as ChakraTabProps, TabsProps as ChakraTabsProps } from '@chakra-ui/react';
-export type TabListProps = Pick<ChakraTabListProps, "children"> & ThemeStyleProps;
-export type TabPanelsProps = Pick<ChakraTabPanelsProps, "children"> & ThemeStyleProps;
-export type TabPanelProps = Pick<ChakraTabPanelProps, "children"> & ThemeStyleProps;
-export type TabsProps = Pick<ChakraTabsProps, "children" | "isFitted" | "defaultIndex" | "isLazy" | "onChange" | "index"> & ThemeStyleProps & {
+import { BoxProps, Tabs as ChakraTabs } from '@chakra-ui/react';
+export type TabListProps = Pick<ChakraTabs.ListProps, "children"> & ThemeStyleProps;
+export type TabPanelsProps = Pick<BoxProps, "children"> & ThemeStyleProps;
+export type TabPanelProps = Pick<ChakraTabs.ContentProps, "children" | "value"> & ThemeStyleProps;
+export type TabsProps = Pick<ChakraTabs.RootProps, "children" | "defaultValue" | "onValueChange" | "value"> & ThemeStyleProps & {
     variant?: "line" | "default";
+    isFitted?: boolean;
+    isLazy?: boolean;
 };
 type CustomTabProps = {
     /** Source of image to be displayed above tab label. */
@@ -22,6 +24,8 @@ type ConditionalTabProps = {
     imgSrc?: undefined;
     imgAlt?: undefined;
 };
-export type TabProps = Pick<ChakraTabProps, "children" | "isDisabled"> & ThemeStyleProps & CustomTabProps & ConditionalTabProps;
+export type TabProps = Pick<ChakraTabs.TriggerProps, "children" | "value"> & ThemeStyleProps & CustomTabProps & ConditionalTabProps & {
+    isDisabled?: boolean;
+};
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/tabs/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,KAAK,EACX,YAAY,IAAI,kBAAkB,EAClC,aAAa,IAAI,mBAAmB,EACpC,cAAc,IAAI,oBAAoB,EACtC,QAAQ,IAAI,cAAc,EAC1B,SAAS,IAAI,eAAe,EAC5B,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC;AAElF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC;AAEtF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC;AAEpF,MAAM,MAAM,SAAS,GAAG,IAAI,CAC3B,eAAe,EACf,UAAU,GAAG,UAAU,GAAG,cAAc,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAC1E,GACA,eAAe,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAAC;AAEpD,KAAK,cAAc,GAAG;IACrB,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B;sFACkF;IAClF,gBAAgB,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;CAClD,CAAC;AAEF,KAAK,mBAAmB,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,MAAM,CAAC,EAAE,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAE3G,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,YAAY,CAAC,GACrE,eAAe,GACf,cAAc,GACd,mBAAmB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAErE,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC;AAEpF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC;AAE1E,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG,eAAe,CAAC;AAElG,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,UAAU,GAAG,cAAc,GAAG,eAAe,GAAG,OAAO,CAAC,GAC1G,eAAe,GAAG;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAG7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEH,KAAK,cAAc,GAAG;IACrB,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B;sFACkF;IAClF,gBAAgB,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;CAClD,CAAC;AAEF,KAAK,mBAAmB,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,MAAM,CAAC,EAAE,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAE3G,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,EAAE,UAAU,GAAG,OAAO,CAAC,GACzE,eAAe,GACf,cAAc,GACd,mBAAmB,GAAG;IAErB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}

package/dist/components/tag/tag-recipe.d.ts

@@ -0,0 +1,3 @@
+import { SlotRecipeDefinition } from '@chakra-ui/react';
+export declare const tagRecipe: SlotRecipeDefinition;
+//# sourceMappingURL=tag-recipe.d.ts.map

package/dist/components/tag/tag-recipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-recipe.d.ts","sourceRoot":"","sources":["../../../lib/components/tag/tag-recipe.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,oBAAoB,EAA4C,MAAM,kBAAkB,CAAC;AAgEvG,eAAO,MAAM,SAAS,EAAE,oBA0GtB,CAAC"}

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

@@ -0,0 +1,150 @@
+import { ThemeIconSizeVariable as e, ThemeFontSizeVariable as s, ThemeSpaceVariable as n, ThemeColorVariable as o, ThemeFontVariable as b, ThemeRadiusVariable as u } from "../../theme/theme-types.js";
+import { defineSlotRecipe as S } from "@chakra-ui/react";
+import { tagAnatomy as p } from "../../node_modules/@chakra-ui/react/dist/esm/anatomy.js";
+const d = ["Primary", "Secondary", "Success", "Error", "Info", "Neutral", "Warning"], r = "& .tag-dot", m = "& .tag-icon", x = d.reduce(
+  (l, t) => {
+    const i = l, c = `${t.toLowerCase()}Solid`, g = t, a = `On${t}`;
+    return i[c] = {
+      root: {
+        backgroundColor: o[g],
+        color: o[a],
+        fontWeight: "500",
+        lineHeight: "1.2",
+        [r]: {
+          backgroundColor: o[a]
+        }
+      },
+      label: {
+        lineHeight: "1.2"
+      }
+    }, i;
+  },
+  {}
+), C = d.reduce(
+  (l, t) => {
+    const i = l, c = `${t.toLowerCase()}`, g = t, a = `${t}Container`, h = `On${t}Container`;
+    return i[c] = {
+      root: {
+        color: o[h],
+        backgroundColor: o[a],
+        fontWeight: "500",
+        lineHeight: "1.2",
+        [r]: {
+          backgroundColor: o[g]
+        }
+      },
+      label: {
+        lineHeight: "1.2"
+      }
+    }, i;
+  },
+  {}
+), z = S({
+  className: "tag",
+  slots: p.keys(),
+  base: {
+    root: {
+      display: "flex",
+      alignContent: "center",
+      justifyContent: "flex-start",
+      width: "fit-content",
+      gap: n.XSmall,
+      px: n.XSmall,
+      bg: o.NeutralContainer,
+      color: o.OnNeutralContainer,
+      borderRadius: u.Small
+    },
+    label: {
+      alignItems: "center",
+      fontWeight: "500",
+      mx: n.XSmall,
+      letterSpacing: "0.0125em",
+      font: b.Body
+    },
+    closeTrigger: {
+      opacity: "0.48",
+      margin: 0,
+      _hover: {
+        opacity: "0.8"
+      }
+    }
+  },
+  variants: {
+    variant: {
+      ...x,
+      ...C,
+      comboboxItem: {
+        root: {
+          color: o.OnSurface,
+          backgroundColor: o.SurfaceDisabled,
+          [r]: {
+            backgroundColor: o.OnSurface
+          }
+        }
+      }
+    },
+    size: {
+      xs: {
+        root: {
+          minHeight: "24px",
+          [r]: {
+            width: "12px",
+            height: "12px"
+          },
+          [m]: {
+            height: e.Small,
+            width: e.Small
+          }
+        },
+        label: {
+          fontSize: s.Small
+        },
+        closeTrigger: {
+          boxSize: e.Small
+        }
+      },
+      sm: {
+        root: {
+          minHeight: "32px",
+          [r]: {
+            width: "14px",
+            height: "14px"
+          },
+          [m]: {
+            height: e.Medium,
+            width: e.Medium
+          }
+        },
+        label: {
+          fontSize: s.Medium
+        },
+        closeTrigger: {
+          boxSize: e.Medium
+        }
+      },
+      md: {
+        root: {
+          minHeight: "40px",
+          px: n.Small,
+          [r]: {
+            width: "14px",
+            height: "14px"
+          },
+          [m]: {
+            height: e.Medium,
+            width: e.Medium
+          }
+        },
+        label: {
+          fontSize: s.Large
+        },
+        closeTrigger: {
+          boxSize: e.Medium
+        }
+      }
+    }
+  }
+});
+export {
+  z as tagRecipe
+};

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

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../lib/components/tag/tag.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,oBAAoB,EAA8B,MAAM,SAAS,CAAC;AAoChF,eAAO,MAAM,GAAG,EAAE,oBAEjB,CAAC"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../lib/components/tag/tag.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAA8B,MAAM,SAAS,CAAC;AAqChF,eAAO,MAAM,GAAG,EAAE,oBAEjB,CAAC"}

package/dist/components/tag/tag.js

@@ -1,44 +1,44 @@
 import { jsx as n, jsxs as f, Fragment as s } from "react/jsx-runtime";
-import { Tag as v, Circle as x, TagLabel as y, TagCloseButton as b } from "@chakra-ui/react";
-import { Icon as T } from "../icon/icon.js";
-function i({
+import { Tag as d, Circle as x, TagLabel as y } from "@chakra-ui/react";
+function o({
   children: r,
   dot: a,
-  icon: t,
-  onClose: e,
-  ariaLabel: m,
-  prepend: l,
-  size: d = "xs",
-  variant: g = "neutral",
-  isDisabled: u,
-  append: c,
-  ...S
+  icon: m,
+  onClose: t,
+  ariaLabel: g,
+  prepend: e,
+  size: S = "xs",
+  variant: u = "neutral",
+  isDisabled: v,
+  append: l,
+  ...b
 }) {
-  return /* @__PURE__ */ f(v, { size: d, variant: g, ...S, children: [
+  const c = m;
+  return /* @__PURE__ */ f(d.Root, { size: S, variant: u, ...b, children: [
     a && /* @__PURE__ */ n(x, { className: "tag-dot" }),
-    t && /* @__PURE__ */ n(T, { className: "tag-icon", icon: t }),
-    l && /* @__PURE__ */ n(s, { children: l }),
+    c && /* @__PURE__ */ n(c, { className: "tag-icon" }),
+    e && /* @__PURE__ */ n(s, { children: e }),
     /* @__PURE__ */ n(y, { display: "flex", alignContent: "center", children: r }),
-    c && /* @__PURE__ */ n(s, { children: c }),
-    e && /* @__PURE__ */ n(
-      b,
+    l && /* @__PURE__ */ n(s, { children: l }),
+    t && /* @__PURE__ */ n(
+      d.CloseTrigger,
       {
-        "aria-label": m,
-        isDisabled: u,
+        "aria-label": g,
+        disabled: v,
         color: "inherit",
-        onClick: e
+        onClick: t
       }
     )
   ] });
 }
-const o = ({ solid: r, ...a }) => /* @__PURE__ */ n(i, { variant: r ? "neutralSolid" : "neutral", ...a });
-o.Primary = ({ solid: r, ...a }) => /* @__PURE__ */ n(i, { variant: r ? "primarySolid" : "primary", ...a });
-o.Secondary = ({ solid: r, ...a }) => /* @__PURE__ */ n(i, { variant: r ? "secondarySolid" : "secondary", ...a });
-o.Success = ({ solid: r, ...a }) => /* @__PURE__ */ n(i, { variant: r ? "successSolid" : "success", ...a });
-o.Error = ({ solid: r, ...a }) => /* @__PURE__ */ n(i, { variant: r ? "errorSolid" : "error", ...a });
-o.Warning = ({ solid: r, ...a }) => /* @__PURE__ */ n(i, { variant: r ? "warningSolid" : "warning", ...a });
-o.Info = ({ solid: r, ...a }) => /* @__PURE__ */ n(i, { variant: r ? "infoSolid" : "info", ...a });
-o.ComboboxItem = ({ ...r }) => /* @__PURE__ */ n(i, { variant: "comboboxItem", ...r });
+const i = ({ solid: r, ...a }) => /* @__PURE__ */ n(o, { variant: r ? "neutralSolid" : "neutral", ...a });
+i.Primary = ({ solid: r, ...a }) => /* @__PURE__ */ n(o, { variant: r ? "primarySolid" : "primary", ...a });
+i.Secondary = ({ solid: r, ...a }) => /* @__PURE__ */ n(o, { variant: r ? "secondarySolid" : "secondary", ...a });
+i.Success = ({ solid: r, ...a }) => /* @__PURE__ */ n(o, { variant: r ? "successSolid" : "success", ...a });
+i.Error = ({ solid: r, ...a }) => /* @__PURE__ */ n(o, { variant: r ? "errorSolid" : "error", ...a });
+i.Warning = ({ solid: r, ...a }) => /* @__PURE__ */ n(o, { variant: r ? "warningSolid" : "warning", ...a });
+i.Info = ({ solid: r, ...a }) => /* @__PURE__ */ n(o, { variant: r ? "infoSolid" : "info", ...a });
+i.ComboboxItem = ({ ...r }) => /* @__PURE__ */ n(o, { variant: "comboboxItem", ...r });
 export {
-  o as Tag
+  i as Tag
 };

package/dist/components/tag/types.d.ts

@@ -1,7 +1,7 @@
-import { Icons } from '../icon/index.js';
+import { CasperIconComponent } from '../icon/index.js';
 import { MarginProps } from '../../theme/index.js';
-import { TagProps as ChakraTagProps, ResponsiveValue } from '@chakra-ui/react';
-type CustomChakraTagProperties = Pick<ChakraTagProps, "children">;
+import { TagRootProps as ChakraTagRootProps, ConditionalValue } from '@chakra-ui/react';
+type CustomChakraTagProperties = Pick<ChakraTagRootProps, "children">;
 export type TagPropsBase = {
     /**
      * Makes color theme appear stronger. Defults to false which makes appearance "suble".
@@ -10,7 +10,7 @@ export type TagPropsBase = {
     /**
      * Icon to display left of label text.
      */
-    icon?: Icons;
+    icon?: CasperIconComponent;
     /**
      * Displays a dot of matching color scheme to the left of the label.
      */
@@ -30,7 +30,7 @@ export type TagPropsBase = {
     /**
      * Size of the tag. Defaults to 'xs' (extra small)
      */
-    size?: ResponsiveValue<"xs" | "sm" | "md">;
+    size?: ConditionalValue<"xs" | "sm" | "md">;
 } & CustomChakraTagProperties & MarginProps;
 type TagPropsWithOnClose = TagPropsBase & {
     /**

package/dist/components/tag/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,QAAQ,IAAI,cAAc,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEpF,KAAK,yBAAyB,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AAElE,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;CAC3C,GAAG,yBAAyB,GAC5B,WAAW,CAAC;AAEb,KAAK,mBAAmB,GAAG,YAAY,GAAG;IACzC;;OAEG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC3C;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CAClB,CAAC;AAIF,KAAK,sBAAsB,GAAG,YAAY,GAAG;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,mBAAmB,GAAG,sBAAsB,CAAC;AAKpE,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG;IACvD,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC5B,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC9B,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC5B,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC1B,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC5B,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAC5B,cAAc,GACd,SAAS,GACT,cAAc,GACd,SAAS,GACT,gBAAgB,GAChB,WAAW,GACX,cAAc,GACd,SAAS,GACT,YAAY,GACZ,OAAO,GACP,cAAc,GACd,SAAS,GACT,WAAW,GACX,MAAM,GAEN,cAAc,CAAC;AAElB,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG;IACzC,OAAO,EAAE,mBAAmB,CAAC;CAC7B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,YAAY,IAAI,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAE7F,KAAK,yBAAyB,GAAG,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;AAEtE,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;OAEG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;CAC5C,GAAG,yBAAyB,GAC5B,WAAW,CAAC;AAEb,KAAK,mBAAmB,GAAG,YAAY,GAAG;IACzC;;OAEG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC3C;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CAClB,CAAC;AAIF,KAAK,sBAAsB,GAAG,YAAY,GAAG;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,mBAAmB,GAAG,sBAAsB,CAAC;AAKpE,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG;IACvD,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC5B,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC9B,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC5B,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC1B,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC5B,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAC5B,cAAc,GACd,SAAS,GACT,cAAc,GACd,SAAS,GACT,gBAAgB,GAChB,WAAW,GACX,cAAc,GACd,SAAS,GACT,YAAY,GACZ,OAAO,GACP,cAAc,GACd,SAAS,GACT,WAAW,GACX,MAAM,GAEN,cAAc,CAAC;AAElB,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG;IACzC,OAAO,EAAE,mBAAmB,CAAC;CAC7B,CAAC"}

package/dist/components/text/text-recipe.d.ts

@@ -0,0 +1,3 @@
+import { RecipeDefinition } from '@chakra-ui/react';
+export declare const textRecipe: RecipeDefinition;
+//# sourceMappingURL=text-recipe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-recipe.d.ts","sourceRoot":"","sources":["../../../lib/components/text/text-recipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAgB,MAAM,kBAAkB,CAAC;AAMvE,eAAO,MAAM,UAAU,EAAE,gBAEvB,CAAC"}

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

@@ -0,0 +1,9 @@
+import { defineRecipe as e } from "@chakra-ui/react";
+const t = {
+  fontVariantNumeric: "tabular-nums"
+}, i = e({
+  base: t
+});
+export {
+  i as textRecipe
+};

package/dist/components/text/text.d.ts

@@ -3,14 +3,19 @@ import { TextProps as ChakraTextProps } from '@chakra-ui/react';
 type CustomProperties = {
     /** Define what (text-related) element Text should render as. */
     as?: "p" | "span" | "em" | "i" | "u" | "s";
+    decoration?: ChakraTextProps["textDecoration"];
+    noOfLines?: ChakraTextProps["lineClamp"];
+    align?: ChakraTextProps["textAlign"];
+    casing?: ChakraTextProps["textTransform"];
+    isTruncated?: ChakraTextProps["truncate"];
 };
-type ChakraTextProperties = Pick<ChakraTextProps, "children" | "decoration" | "noOfLines" | "align" | "casing" | "isTruncated">;
+type ChakraTextProperties = Pick<ChakraTextProps, "children">;
 export type TextProps = ThemeStyleProps & ChakraTextProperties & CustomProperties;
 /**
  * Used to render texts or paragraphs.
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/text
  */
-export declare function Text({ as, fontFamily, fontSize, fontWeight, color, children, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
+export declare function Text({ as, fontFamily, fontSize, fontWeight, color, children, decoration, noOfLines, align, casing, isTruncated, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=text.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../lib/components/text/text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AACzF,OAAO,EAAsB,KAAK,SAAS,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEzF,KAAK,gBAAgB,GAAG;IACvB,gEAAgE;IAChE,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CAC3C,CAAC;AAEF,KAAK,oBAAoB,GAAG,IAAI,CAC/B,eAAe,EACf,UAAU,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,aAAa,CAC5E,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG,oBAAoB,GAAG,gBAAgB,CAAC;AAElF;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EACpB,EAAQ,EACR,UAAmC,EACnC,QAAuC,EACvC,UAAqB,EACrB,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,SAAS,2CAaX"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../lib/components/text/text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AACzF,OAAO,EAAsB,KAAK,SAAS,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEzF,KAAK,gBAAgB,GAAG;IACvB,gEAAgE;IAChE,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAG3C,UAAU,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;CAC1C,CAAC;AAEF,KAAK,oBAAoB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;AAE9D,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG,oBAAoB,GAAG,gBAAgB,CAAC;AAElF;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EACpB,EAAQ,EACR,UAAmC,EACnC,QAAuC,EACvC,UAAqB,EACrB,KAAK,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,WAAW,EACX,GAAG,KAAK,EACR,EAAE,SAAS,2CAkBX"}

package/dist/components/text/text.js

@@ -1,28 +1,38 @@
-import { jsx as n } from "react/jsx-runtime";
-import { Text as p } from "@chakra-ui/react";
-import { ThemeFontSizeVariable as x, ThemeFontVariable as T } from "../../theme/theme-types.js";
-function b({
-  as: e = "p",
-  fontFamily: o = T.Body,
-  fontSize: r = x.Medium,
-  fontWeight: t = "normal",
+import { jsx as f } from "react/jsx-runtime";
+import { Text as u } from "@chakra-ui/react";
+import { ThemeFontSizeVariable as c, ThemeFontVariable as s } from "../../theme/theme-types.js";
+function F({
+  as: t = "p",
+  fontFamily: e = s.Body,
+  fontSize: r = c.Medium,
+  fontWeight: o = "normal",
   color: m,
   children: i,
-  ...a
+  decoration: n,
+  noOfLines: a,
+  align: x,
+  casing: l,
+  isTruncated: p,
+  ...T
 }) {
-  return /* @__PURE__ */ n(
-    p,
+  return /* @__PURE__ */ f(
+    u,
     {
-      as: e,
-      fontFamily: o,
+      as: t,
+      fontFamily: e,
       fontSize: r,
       color: m,
-      fontWeight: t,
-      ...a,
+      fontWeight: o,
+      textDecoration: n,
+      lineClamp: a,
+      textAlign: x,
+      textTransform: l,
+      truncate: p,
+      ...T,
       children: i
     }
   );
 }
 export {
-  b as Text
+  F as Text
 };

package/dist/components/textarea/textarea-recipe.d.ts

@@ -0,0 +1,3 @@
+import { RecipeDefinition } from '@chakra-ui/react';
+export declare const textareaRecipe: RecipeDefinition;
+//# sourceMappingURL=textarea-recipe.d.ts.map

package/dist/components/textarea/textarea-recipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-recipe.d.ts","sourceRoot":"","sources":["../../../lib/components/textarea/textarea-recipe.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,gBAAgB,EAAwC,MAAM,kBAAkB,CAAC;AAqF/F,eAAO,MAAM,cAAc,EAAE,gBAU3B,CAAC"}