@caspeco/casper-ui-library 8.4.1 → 9.0.0-alpha.1

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;AAkEvG,eAAO,MAAM,SAAS,EAAE,oBA0GtB,CAAC"}

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

@@ -0,0 +1,152 @@
+import { ThemeIconSizeVariable as o, ThemeFontSizeVariable as s, ThemeSpaceVariable as n, ThemeColorVariable as e, ThemeFontVariable as u, ThemeRadiusVariable as b } 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 a = l, c = `${t.toLowerCase()}Solid`, g = t, i = `On${t}`;
+    return a[c] = {
+      root: {
+        backgroundColor: e[g],
+        color: e[i],
+        fontWeight: "500",
+        lineHeight: "1.2",
+        [r]: {
+          backgroundColor: e[i]
+        }
+      },
+      label: {
+        lineHeight: "1.2",
+        textWrap: "unset"
+      }
+    }, a;
+  },
+  {}
+), C = d.reduce(
+  (l, t) => {
+    const a = l, c = `${t.toLowerCase()}`, g = t, i = `${t}Container`, h = `On${t}Container`;
+    return a[c] = {
+      root: {
+        color: e[h],
+        backgroundColor: e[i],
+        fontWeight: "500",
+        lineHeight: "1.2",
+        [r]: {
+          backgroundColor: e[g]
+        }
+      },
+      label: {
+        lineHeight: "1.2",
+        textWrap: "unset"
+      }
+    }, a;
+  },
+  {}
+), 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: e.NeutralContainer,
+      color: e.OnNeutralContainer,
+      borderRadius: b.Small
+    },
+    label: {
+      alignItems: "center",
+      fontWeight: "500",
+      mx: n.XSmall,
+      letterSpacing: "0.0125em",
+      font: u.Body
+    },
+    closeTrigger: {
+      opacity: "0.48",
+      margin: 0,
+      _hover: {
+        opacity: "0.8"
+      }
+    }
+  },
+  variants: {
+    variant: {
+      ...x,
+      ...C,
+      comboboxItem: {
+        root: {
+          color: e.OnSurface,
+          backgroundColor: e.SurfaceDisabled,
+          [r]: {
+            backgroundColor: e.OnSurface
+          }
+        }
+      }
+    },
+    size: {
+      xs: {
+        root: {
+          minHeight: "24px",
+          [r]: {
+            width: "12px",
+            height: "12px"
+          },
+          [m]: {
+            height: o.Small,
+            width: o.Small
+          }
+        },
+        label: {
+          fontSize: s.Small
+        },
+        closeTrigger: {
+          boxSize: o.Small
+        }
+      },
+      sm: {
+        root: {
+          minHeight: "32px",
+          [r]: {
+            width: "14px",
+            height: "14px"
+          },
+          [m]: {
+            height: o.Medium,
+            width: o.Medium
+          }
+        },
+        label: {
+          fontSize: s.Medium
+        },
+        closeTrigger: {
+          boxSize: o.Medium
+        }
+      },
+      md: {
+        root: {
+          minHeight: "40px",
+          px: n.Small,
+          [r]: {
+            width: "14px",
+            height: "14px"
+          },
+          [m]: {
+            height: o.Medium,
+            width: o.Medium
+          }
+        },
+        label: {
+          fontSize: s.Large
+        },
+        closeTrigger: {
+          boxSize: o.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"}

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

@@ -0,0 +1,97 @@
+import { isTouchScreenDevice as d } from "../../theme/theme-helper.js";
+import { ThemeColorToken as r, ThemeBorderToken as o, ThemeSpaceToken as n, ThemeRadiusToken as l, ThemeFontToken as t } from "../../theme/theme-tokens.js";
+import { ThemeColorVariable as e } from "../../theme/theme-types.js";
+import { defineRecipe as i } from "@chakra-ui/react";
+const a = {
+  fontFamily: t.Body,
+  color: r.OnSurface,
+  border: o.XSmall,
+  borderColor: r.OnSurfaceBorder,
+  background: r.Surface,
+  borderRadius: l.Small,
+  paddingX: n.Medium,
+  paddingY: "12px",
+  width: "100%",
+  minHeight: "5rem",
+  lineHeight: "1.375",
+  verticalAlign: "top",
+  _disabled: {
+    cursor: "not-allowed",
+    background: r.SurfaceDisabled,
+    color: r.OnSurfaceSubdued,
+    border: 0,
+    opacity: 1
+  },
+  _readOnly: {
+    color: r.OnSurface,
+    background: r.SurfaceDisabled,
+    userSelect: "text",
+    opacity: 1,
+    border: 0
+  },
+  _placeholder: {
+    color: r.OnSurfaceSubdued,
+    opacity: 1
+  },
+  _invalid: {
+    borderColor: r.Error,
+    boxShadow: `0 0 0 4px ${e.ErrorContainer}`
+  },
+  _hover: {
+    borderColor: d() ? r.OnSurfaceBorder : r.OnSurface,
+    _disabled: void 0,
+    _readOnly: void 0
+  },
+  _focus: {
+    borderColor: r.Info,
+    boxShadow: `0 0 0 4px ${e.InfoContainer}`
+  }
+}, c = {
+  ...a,
+  border: o.XSmall,
+  borderColor: "transparent",
+  _hover: void 0,
+  _disabled: {
+    cursor: "not-allowed",
+    background: "none",
+    color: r.OnSurfaceSubdued,
+    borderColor: "transparent",
+    opacity: 1
+  },
+  _readOnly: {
+    color: r.OnSurface,
+    background: "none",
+    userSelect: "text",
+    opacity: 1,
+    borderColor: "transparent"
+  },
+  _focus: {
+    border: o.XSmall,
+    borderColor: r.Info,
+    boxShadow: `0 0 0 4px ${e.InfoContainer}`
+  },
+  "@media(hover: hover)": {
+    "&:hover:not(:focus):not(:disabled)": {
+      backgroundColor: r.SurfaceDisabled,
+      borderColor: "transparent"
+    }
+  },
+  _invalid: {
+    border: o.XSmall,
+    borderColor: r.Error,
+    boxShadow: `0 0 0 4px ${e.ErrorContainer}`
+  }
+}, f = i({
+  variants: {
+    variant: {
+      unstyled: a,
+      ghost: c
+    }
+  },
+  defaultVariants: {
+    variant: "unstyled"
+  }
+});
+export {
+  f as textareaRecipe
+};

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

@@ -1,5 +1,4 @@
 export declare const BasicTextarea: () => import("react/jsx-runtime").JSX.Element;
 export declare const HorisontalResize: () => import("react/jsx-runtime").JSX.Element;
-export declare const TextareaInvalid: () => import("react/jsx-runtime").JSX.Element;
 export declare const TextareaDisabled: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=textarea.composition.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/textarea/textarea.composition.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,+CAEzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAE5B,CAAC;AAEF,eAAO,MAAM,eAAe,+CAE3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAE5B,CAAC"}
+{"version":3,"file":"textarea.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/textarea/textarea.composition.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,+CAEzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAE5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAE5B,CAAC"}

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

@@ -3,9 +3,12 @@ import { TextareaProps as ChakraTextareaProps } from '@chakra-ui/react';
 import { default as React } from 'react';
 type CustomProperties = {
     variant?: "unstyled" | "ghost";
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
 };
 type CustomStyleProps = CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps & CustomProperties;
-type ChakraTextareaProperties = Pick<ChakraTextareaProps, "id" | "name" | "placeholder" | "rows" | "value" | "defaultValue" | "onChange" | "onBlur" | "onFocus" | "onKeyDown" | "resize" | "isDisabled" | "isReadOnly" | "isInvalid" | "isRequired">;
+type ChakraTextareaProperties = Pick<ChakraTextareaProps, "id" | "name" | "placeholder" | "rows" | "value" | "defaultValue" | "onChange" | "onBlur" | "onFocus" | "onKeyDown" | "resize" | "autoresize">;
 export type TextareaProps = ChakraTextareaProperties & CustomStyleProps;
 export declare const Textarea: React.ForwardRefExoticComponent<ChakraTextareaProperties & CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps & CustomProperties & React.RefAttributes<HTMLTextAreaElement>>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../lib/components/textarea/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,EAA8B,KAAK,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACzG,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,gBAAgB,GAAG;IACvB,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;CAC/B,CAAC;AAEF,KAAK,gBAAgB,GAAG,oBAAoB,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,gBAAgB,CAAC;AAE3G,KAAK,wBAAwB,GAAG,IAAI,CACnC,mBAAmB,EACjB,IAAI,GACJ,MAAM,GACN,aAAa,GACb,MAAM,GACN,OAAO,GACP,cAAc,GACd,UAAU,GACV,QAAQ,GACR,SAAS,GACT,WAAW,GACX,QAAQ,GACR,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,YAAY,CACd,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,wBAAwB,GAAG,gBAAgB,CAAC;AAExE,eAAO,MAAM,QAAQ,2LAEnB,CAAC"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../lib/components/textarea/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,EAA8B,KAAK,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACzG,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,gBAAgB,GAAG;IACvB,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAG/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,gBAAgB,GAAG,oBAAoB,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,gBAAgB,CAAC;AAE3G,KAAK,wBAAwB,GAAG,IAAI,CACnC,mBAAmB,EACjB,IAAI,GACJ,MAAM,GACN,aAAa,GACb,MAAM,GACN,OAAO,GACP,cAAc,GACd,UAAU,GACV,QAAQ,GACR,SAAS,GACT,WAAW,GACX,QAAQ,GACR,YAAY,CACd,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,wBAAwB,GAAG,gBAAgB,CAAC;AAExE,eAAO,MAAM,QAAQ,2LAanB,CAAC"}

package/dist/components/textarea/textarea.js

@@ -1,7 +1,20 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Textarea as a } from "@chakra-ui/react";
-import o from "react";
-const p = o.forwardRef((r, e) => /* @__PURE__ */ t(a, { ref: e, ...r }));
+import { jsx as d } from "react/jsx-runtime";
+import { Textarea as f } from "@chakra-ui/react";
+import m from "react";
+const p = m.forwardRef((e, r) => {
+  const { isDisabled: a, isReadOnly: t, isRequired: i, resize: s, ...o } = e;
+  return /* @__PURE__ */ d(
+    f,
+    {
+      resize: s,
+      ref: r,
+      disabled: a,
+      readOnly: t,
+      required: i,
+      ...o
+    }
+  );
+});
 export {
   p as Textarea
 };

package/dist/components/toaster/index.d.ts

@@ -0,0 +1,4 @@
+export { showToast } from './toast-store.js';
+export { Toaster } from './toaster.js';
+export type { ShowToastOptions } from './toast-store.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/toaster/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/toaster/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/{toast/toast.d.ts → toaster/toast-store.d.ts}

@@ -1,6 +1,6 @@
 import { AlertType } from '../alert/index.js';
 import { ThemeSpaceVariable } from '../../theme/index.js';
-import { ResponsiveValue, UseToastOptions as UseChakraToastOptions } from '@chakra-ui/react';
+import { ConditionalValue } from '@chakra-ui/react';
 export type ShowToastOptions = {
     /** Main text content to display in Toast. Required. */
     description: string | JSX.Element;
@@ -13,14 +13,15 @@ export type ShowToastOptions = {
      * Distance from the bottom of the screen to the toast.
      * Defaults to 48px on larger screens and 8px on smaller screens.
      */
-    distanceToBottom?: ResponsiveValue<ThemeSpaceVariable | (string & {})>;
-} & Pick<UseChakraToastOptions, "duration">;
+    distanceToBottom?: ConditionalValue<ThemeSpaceVariable | (string & {})>;
+    /** Duration in milliseconds for which the toast is visible. Set to `null` for indefinite duration. */
+    duration?: number | null;
+};
 /**
- * React hook used to create a function that can be used to show toasts in an application.
+ * Show a toast in the `Toaster` component with the given options.
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/toast
  */
-export declare function useToast(): {
-    showToast: ({ type, duration, description, title, distanceToBottom, }: ShowToastOptions) => void;
-};
-//# sourceMappingURL=toast.d.ts.map
+export declare function showToast({ title, description, type, distanceToBottom, duration }: ShowToastOptions): void;
+export declare const toastStore: import('@zag-js/toast').Store<any>;
+//# sourceMappingURL=toast-store.d.ts.map

package/dist/components/toaster/toast-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-store.d.ts","sourceRoot":"","sources":["../../../lib/components/toaster/toast-store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAwC,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAE/F,MAAM,MAAM,gBAAgB,GAAG;IAC9B,uDAAuD;IACvD,WAAW,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAClC,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;kEAC8D;IAC9D,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC;IAExE,sGAAsG;IACtG,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,EAAE,gBAAgB,QAYnG;AAGD,eAAO,MAAM,UAAU,oCASrB,CAAC"}

package/dist/components/toaster/toast-store.js

@@ -0,0 +1,27 @@
+import { createToaster as m } from "@chakra-ui/react";
+function c({ title: o, description: e, type: r, distanceToBottom: a, duration: t }) {
+  const p = t === null ? Number.MAX_SAFE_INTEGER : t;
+  n.create({
+    type: r,
+    duration: p,
+    title: o,
+    description: e,
+    meta: {
+      distanceToBottom: a
+    }
+  });
+}
+const n = m({
+  placement: "bottom",
+  duration: 3e3,
+  offsets: {
+    bottom: "8px",
+    top: "0px",
+    left: "0px",
+    right: "0px"
+  }
+});
+export {
+  c as showToast,
+  n as toastStore
+};

package/dist/components/{toast/toast.composition.d.ts → toaster/toaster.composition.d.ts}

@@ -4,4 +4,4 @@ export declare const WarningToast: () => import("react/jsx-runtime").JSX.Element
 export declare const SuccessToast: () => import("react/jsx-runtime").JSX.Element;
 export declare const NeutralToast: () => import("react/jsx-runtime").JSX.Element;
 export declare const CustomDistanceToBottomToast: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=toast.composition.d.ts.map
+//# sourceMappingURL=toaster.composition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toaster.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/toaster/toaster.composition.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,+CAkBtB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAkBrB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAkBxB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAkBxB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAkBxB,CAAC;AAEF,eAAO,MAAM,2BAA2B,+CAmBvC,CAAC"}

package/dist/components/toaster/toaster.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Renders active toasts from the toastStore. Should be included once in the app, typically near the root component.
+ *
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/toast
+ */
+export declare const Toaster: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toaster.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../../lib/components/toaster/toaster.tsx"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,eAAO,MAAM,OAAO,+CAwBnB,CAAC"}