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

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

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

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

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

package/dist/components/alert/helper.js

@@ -1,7 +1,10 @@
+import { CircleInfoIcon as e } from "../icon/icons/circle-info-icon.js";
+import { HexagonErrorIcon as t } from "../icon/icons/hexagon-error-icon.js";
+import { CircleSuccessIcon as o } from "../icon/icons/circle-success-icon.js";
+import { TriangleWarningIcon as a } from "../icon/icons/triangle-warning-icon.js";
 import { ThemeColorVariable as r } from "../../theme/theme-types.js";
-import { Icons as n } from "../icon/types.js";
-const o = (e) => {
-  switch (e) {
+const C = (n) => {
+  switch (n) {
     case "info":
       return r.OnInfoContainer;
     case "error":
@@ -13,8 +16,8 @@ const o = (e) => {
     default:
       return r.OnSuccessContainer;
   }
-}, c = (e) => {
-  switch (e) {
+}, f = (n) => {
+  switch (n) {
     case "info":
       return r.InfoContainer;
     case "error":
@@ -26,20 +29,20 @@ const o = (e) => {
     default:
       return r.SuccessContainer;
   }
-}, s = (e) => {
-  switch (e) {
+}, g = (n) => {
+  switch (n) {
     case "warning":
-      return n.TriangleWarning;
+      return a;
     case "success":
-      return n.CircleSuccess;
+      return o;
     case "error":
-      return n.HexagonError;
+      return t;
     default:
-      return n.CircleInfo;
+      return e;
   }
 };
 export {
-  c as getAlertBackgroundColor,
-  s as getAlertIcon,
-  o as getAlertTextColor
+  f as getAlertBackgroundColor,
+  g as getAlertIcon,
+  C as getAlertTextColor
 };

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

@@ -1,4 +1,4 @@
-import { Icons } from '../icon/index.js';
+import { CasperIconComponent } from '../icon/index.js';
 import { LayoutProps, MarginProps, PaddingProps, ShadowProps } from '../../theme/index.js';
 type AlertThemeStyleProps = MarginProps & PaddingProps & LayoutProps & ShadowProps;
 export type AlertType = "info" | "success" | "warning" | "error" | "neutral";
@@ -9,7 +9,7 @@ export type AlertProps = {
     /** Optional title for Alert. */
     title?: string;
     /** Icon for Alert. Defaults to a fallback icon based on type. */
-    icon?: Icons;
+    icon?: CasperIconComponent;
     /** Callback for a close button that appears to top right of Alert when provided. */
     onClose?: () => void;
     /** Optional alignSelf for icon Alert. */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/alert/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEnF,KAAK,oBAAoB,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,WAAW,CAAC;AAEnF,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAC7E,MAAM,MAAM,UAAU,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4BAA4B;IAC5B,IAAI,EAAE,SAAS,CAAC;IAChB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,oFAAoF;IACpF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yCAAyC;IACzC,iBAAiB,CAAC,EACf,MAAM,GACN,YAAY,GACZ,OAAO,GACP,UAAU,GACV,KAAK,GACL,QAAQ,GACR,UAAU,GACV,SAAS,CAAC;CACb,GAAG,oBAAoB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/alert/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEnF,KAAK,oBAAoB,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,WAAW,CAAC;AAEnF,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAC7E,MAAM,MAAM,UAAU,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4BAA4B;IAC5B,IAAI,EAAE,SAAS,CAAC;IAChB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,oFAAoF;IACpF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yCAAyC;IACzC,iBAAiB,CAAC,EACf,MAAM,GACN,YAAY,GACZ,OAAO,GACP,UAAU,GACV,KAAK,GACL,QAAQ,GACR,UAAU,GACV,SAAS,CAAC;CACb,GAAG,oBAAoB,CAAC"}

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

@@ -0,0 +1,18 @@
+import { ThemeFontSizeToken, ThemeSpaceToken } from '../../theme/theme-tokens.js';
+import { SystemStyleObject } from '@chakra-ui/react';
+export declare const badgeRecipe: import('@chakra-ui/react').RecipeDefinition<{
+    size: {
+        md: {
+            fontSize: ThemeFontSizeToken.Small;
+            px: ThemeSpaceToken.XSmall;
+        };
+        sm: {
+            fontSize: ThemeFontSizeToken.XSmall;
+            px: ThemeSpaceToken.XSmall;
+        };
+    };
+    variant: {
+        [x: string]: SystemStyleObject;
+    };
+}>;
+//# sourceMappingURL=badge-recipe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge-recipe.d.ts","sourceRoot":"","sources":["../../../lib/components/badge/badge-recipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,kBAAkB,EAGlB,eAAe,EACf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,iBAAiB,EAAgB,MAAM,kBAAkB,CAAC;AAgDxE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;EAsBtB,CAAC"}

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

@@ -0,0 +1,56 @@
+import { ThemeSpaceToken as s, ThemeFontSizeToken as l, ThemeFontToken as m, ThemeRadiusToken as d, ThemeColorToken as n } from "../../theme/theme-tokens.js";
+import { defineRecipe as S } from "@chakra-ui/react";
+const c = ["Primary", "Secondary", "Success", "Error", "Info", "Neutral", "Warning"], u = c.reduce(
+  (t, e) => {
+    const o = t, a = `${e.toLowerCase()}Solid`, r = e, i = `On${e}`;
+    return o[a] = {
+      backgroundColor: n[r],
+      color: n[i]
+    }, o;
+  },
+  {}
+), f = c.reduce(
+  (t, e) => {
+    const o = t, a = `${e.toLowerCase()}`, r = `${e}Container`, i = `On${e}Container`;
+    return o[a] = {
+      backgroundColor: n[r],
+      color: n[i]
+    }, o;
+  },
+  {}
+), p = {
+  borderRadius: d.Small,
+  display: "flex",
+  alignItems: "center",
+  px: s.XSmall,
+  height: "24px",
+  textTransform: "none",
+  width: "fit-content",
+  fontFamily: m.Body,
+  fontWeight: 500
+}, b = S({
+  base: p,
+  defaultVariants: {
+    size: "md",
+    variant: "neutral"
+  },
+  variants: {
+    size: {
+      md: {
+        fontSize: l.Small,
+        px: s.XSmall
+      },
+      sm: {
+        fontSize: l.XSmall,
+        px: s.XSmall
+      }
+    },
+    variant: {
+      ...u,
+      ...f
+    }
+  }
+});
+export {
+  b as badgeRecipe
+};

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

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../lib/components/badge/badge.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAuC,MAAM,SAAS,CAAC;AA6BnF,eAAO,MAAM,KAAK,EAAE,cAEnB,CAAC"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../lib/components/badge/badge.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAuC,MAAM,SAAS,CAAC;AA8BnF,eAAO,MAAM,KAAK,EAAE,cAEnB,CAAC"}

package/dist/components/badge/badge.js

@@ -1,15 +1,14 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { Badge as m, Box as f } from "@chakra-ui/react";
-import { Children as S } from "react";
-import { checkChildRendersToString as g, IconSizeConstants as p } from "./helper.js";
-import { Icon as u } from "../icon/icon.js";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { Badge as f, Box as S } from "@chakra-ui/react";
+import { Children as g } from "react";
+import { checkChildRendersToString as p, IconSizeConstants as u } from "./helper.js";
 import { ThemeSpaceVariable as h } from "../../theme/theme-types.js";
-function i({ icon: r, ...n }) {
-  const { size: t, children: a } = n, c = p[t ?? "md"], l = r ? /* @__PURE__ */ e(u, { size: c, icon: r }) : null;
-  return S.forEach(a, (s) => {
-    if (!g(s)) throw new Error("Badge component: Invalid return type of children, must return string");
-  }), /* @__PURE__ */ e(m, { ...n, children: /* @__PURE__ */ d(
-    f,
+function i({ icon: n, ...r }) {
+  const { size: c, children: a } = r, s = u[c ?? "md"], t = n, l = t ? /* @__PURE__ */ e(t, { size: s }) : null;
+  return g.forEach(a, (d) => {
+    if (!p(d)) throw new Error("Badge component: Invalid return type of children, must return string");
+  }), /* @__PURE__ */ e(f, { ...r, children: /* @__PURE__ */ m(
+    S,
     {
       display: "flex",
       flexDirection: "row",
@@ -23,13 +22,13 @@ function i({ icon: r, ...n }) {
     }
   ) });
 }
-const o = ({ solid: r, ...n }) => /* @__PURE__ */ e(i, { variant: r ? "neutralSolid" : "neutral", ...n });
-o.Primary = ({ solid: r, ...n }) => /* @__PURE__ */ e(i, { variant: r ? "primarySolid" : "primary", ...n });
-o.Secondary = ({ solid: r, ...n }) => /* @__PURE__ */ e(i, { variant: r ? "secondarySolid" : "secondary", ...n });
-o.Success = ({ solid: r, ...n }) => /* @__PURE__ */ e(i, { variant: r ? "successSolid" : "success", ...n });
-o.Error = ({ solid: r, ...n }) => /* @__PURE__ */ e(i, { variant: r ? "errorSolid" : "error", ...n });
-o.Warning = ({ solid: r, ...n }) => /* @__PURE__ */ e(i, { variant: r ? "warningSolid" : "warning", ...n });
-o.Info = ({ solid: r, ...n }) => /* @__PURE__ */ e(i, { variant: r ? "infoSolid" : "info", ...n });
+const o = ({ solid: n, ...r }) => /* @__PURE__ */ e(i, { variant: n ? "neutralSolid" : "neutral", ...r });
+o.Primary = ({ solid: n, ...r }) => /* @__PURE__ */ e(i, { variant: n ? "primarySolid" : "primary", ...r });
+o.Secondary = ({ solid: n, ...r }) => /* @__PURE__ */ e(i, { variant: n ? "secondarySolid" : "secondary", ...r });
+o.Success = ({ solid: n, ...r }) => /* @__PURE__ */ e(i, { variant: n ? "successSolid" : "success", ...r });
+o.Error = ({ solid: n, ...r }) => /* @__PURE__ */ e(i, { variant: n ? "errorSolid" : "error", ...r });
+o.Warning = ({ solid: n, ...r }) => /* @__PURE__ */ e(i, { variant: n ? "warningSolid" : "warning", ...r });
+o.Info = ({ solid: n, ...r }) => /* @__PURE__ */ e(i, { variant: n ? "infoSolid" : "info", ...r });
 export {
   o as Badge
 };

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

@@ -1,4 +1,4 @@
-import { Icons } from '../icon/index.js';
+import { CasperIconComponent } from '../icon/index.js';
 import { MarginProps } from '../../theme/index.js';
 import { BadgeProps as ChakraBadgeProps } from '@chakra-ui/react';
 export type Prettify<T> = {
@@ -14,7 +14,7 @@ export type BadgeComponent = React.FC<PresetBadgeProps> & {
     Warning: React.FC<PresetBadgeProps>;
 };
 export type DefaultBadgeProps = {
-    icon?: Icons;
+    icon?: CasperIconComponent;
     size?: BadgeSize;
 } & Pick<ChakraBadgeProps, "children" | "variant"> & MarginProps;
 export type PresetBadgeProps = Prettify<{

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/badge/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEvE,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;KACxB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACpB,GAAG,EAAE,CAAC;AAEP,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpC,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,GAAG;IACzD,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IACpC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IACtC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IACpC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAClC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IACjC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC/B,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;CACjB,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,SAAS,CAAC,GACjD,WAAW,CAAC;AAEb,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CACtC;IACC,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAC,CAC/C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/badge/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,UAAU,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEvE,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;KACxB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACpB,GAAG,EAAE,CAAC;AAEP,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpC,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,GAAG;IACzD,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IACpC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IACtC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IACpC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAClC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IACjC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC/B,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;CACjB,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,SAAS,CAAC,GACjD,WAAW,CAAC;AAEb,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CACtC;IACC,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAC,CAC/C,CAAC"}

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

@@ -1,8 +1,6 @@
 import { ThemeStyleProps } from '../../theme/index.js';
-import { BoxProps as ChakraBoxProps, ComponentWithAs } from '@chakra-ui/react';
-export type BoxProps = ThemeStyleProps & Pick<ChakraBoxProps, "children" | "as">;
-/**
- * @see Docs https://caspeco.github.io/casper-ui-library/components/box
- */
-export declare const Box: ComponentWithAs<"div", BoxProps>;
+import { BoxProps as ChakraBoxProps } from '@chakra-ui/react';
+export type BoxProps = ThemeStyleProps & Pick<ChakraBoxProps, "children" | "as" | "asChild">;
+/** @see Docs https://caspeco.github.io/casper-ui-library/components/box */
+export declare const Box: import('react').ForwardRefExoticComponent<ThemeStyleProps & Pick<ChakraBoxProps, "children" | "as" | "asChild"> & import('react').RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=box.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../lib/components/box/box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAEN,KAAK,QAAQ,IAAI,cAAc,EAC/B,KAAK,eAAe,EAEpB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,QAAQ,GAAG,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,IAAI,CAAC,CAAC;AAEjF;;GAEG;AAGH,eAAO,MAAM,GAAG,EAMV,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../lib/components/box/box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAoB,KAAK,QAAQ,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGrF,MAAM,MAAM,QAAQ,GAAG,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;AAE7F,2EAA2E;AAC3E,eAAO,MAAM,GAAG,kKAMd,CAAC"}

package/dist/components/box/box.js

@@ -1,6 +1,7 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as t, Box as x } from "@chakra-ui/react";
-const m = t((r, o) => /* @__PURE__ */ e(x, { ...r, ref: o, children: r.children }));
+import { jsx as m } from "react/jsx-runtime";
+import { Box as t } from "@chakra-ui/react";
+import { forwardRef as e } from "react";
+const n = e((r, o) => /* @__PURE__ */ m(t, { ...r, ref: o, children: r.children }));
 export {
-  m as Box
+  n as Box
 };

package/dist/components/breadcrumbs/breadcrumb-item.d.ts

@@ -1,6 +1,10 @@
 import { BreadcrumbItemProps as ChakraBreadcrumbItemProps } from '@chakra-ui/react';
-type ChakraBreadcrumbItemProperties = Pick<ChakraBreadcrumbItemProps, "overflow" | "children" | "isCurrentPage" | "key" | "color">;
-export type BreadcrumbItemProps = ChakraBreadcrumbItemProperties;
-export declare function BreadcrumbItem({ children, ...props }: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
+type CustomProps = {
+    /** Corresponds to Chakra's `CurrentLink` component. */
+    isCurrentPage?: boolean;
+};
+type ChakraBreadcrumbItemProperties = Pick<ChakraBreadcrumbItemProps, "overflow" | "children" | "key" | "color">;
+export type BreadcrumbItemProps = ChakraBreadcrumbItemProperties & CustomProps;
+export declare function BreadcrumbItem({ children, isCurrentPage, ...props }: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=breadcrumb-item.d.ts.map

package/dist/components/breadcrumbs/breadcrumb-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.d.ts","sourceRoot":"","sources":["../../../lib/components/breadcrumbs/breadcrumb-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,mBAAmB,IAAI,yBAAyB,EACrD,MAAM,kBAAkB,CAAC;AAE1B,KAAK,8BAA8B,GAAG,IAAI,CACzC,yBAAyB,EACzB,UAAU,GAAG,UAAU,GAAG,eAAe,GAAG,KAAK,GAAG,OAAO,CAC3D,CAAC;AACF,MAAM,MAAM,mBAAmB,GAAG,8BAA8B,CAAC;AAEjE,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAMzE"}
+{"version":3,"file":"breadcrumb-item.d.ts","sourceRoot":"","sources":["../../../lib/components/breadcrumbs/breadcrumb-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,mBAAmB,IAAI,yBAAyB,EACrD,MAAM,kBAAkB,CAAC;AAE1B,KAAK,WAAW,GAAG;IAClB,uDAAuD;IACvD,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,KAAK,8BAA8B,GAAG,IAAI,CACzC,yBAAyB,EACzB,UAAU,GAAG,UAAU,GAAG,KAAK,GAAG,OAAO,CACzC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,8BAA8B,GAAG,WAAW,CAAC;AAE/E,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAUxF"}

package/dist/components/breadcrumbs/breadcrumb-item.js

@@ -1,8 +1,8 @@
-import { jsx as m } from "react/jsx-runtime";
-import { BreadcrumbItem as o } from "@chakra-ui/react";
-function c({ children: r, ...e }) {
-  return /* @__PURE__ */ m(o, { whiteSpace: "nowrap", overflow: "hidden", ...e, children: r });
+import { jsx as e } from "react/jsx-runtime";
+import { Breadcrumb as t } from "@chakra-ui/react";
+function u({ children: r, isCurrentPage: o, ...m }) {
+  return /* @__PURE__ */ e(t.Item, { whiteSpace: "nowrap", overflow: "hidden", ...m, children: o ? r : /* @__PURE__ */ e(t.CurrentLink, { asChild: !0, children: r }) });
 }
 export {
-  c as BreadcrumbItem
+  u as BreadcrumbItem
 };

package/dist/components/breadcrumbs/breadcrumb-link.d.ts

@@ -3,6 +3,8 @@ type ChakraBreadcrumbLinkProperties = Pick<ChakraBreadcrumbLinkProps, "children"
 export type BreadcrumbLinkProps = ChakraBreadcrumbLinkProperties & {
     to?: string;
 };
-export declare function BreadcrumbLink({ children, ...props }: BreadcrumbLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare const BreadcrumbLink: import('react').ForwardRefExoticComponent<ChakraBreadcrumbLinkProperties & {
+    to?: string;
+} & import('react').RefAttributes<HTMLAnchorElement>>;
 export {};
 //# sourceMappingURL=breadcrumb-link.d.ts.map

package/dist/components/breadcrumbs/breadcrumb-link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-link.d.ts","sourceRoot":"","sources":["../../../lib/components/breadcrumbs/breadcrumb-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,mBAAmB,IAAI,yBAAyB,EACrD,MAAM,kBAAkB,CAAC;AAE1B,KAAK,8BAA8B,GAAG,IAAI,CAAC,yBAAyB,EAAE,UAAU,GAAG,IAAI,GAAG,MAAM,CAAC,CAAC;AAClG,MAAM,MAAM,mBAAmB,GAAG,8BAA8B,GAAG;IAClE,EAAE,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAMzE"}
+{"version":3,"file":"breadcrumb-link.d.ts","sourceRoot":"","sources":["../../../lib/components/breadcrumbs/breadcrumb-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,mBAAmB,IAAI,yBAAyB,EACrD,MAAM,kBAAkB,CAAC;AAG1B,KAAK,8BAA8B,GAAG,IAAI,CAAC,yBAAyB,EAAE,UAAU,GAAG,IAAI,GAAG,MAAM,CAAC,CAAC;AAClG,MAAM,MAAM,mBAAmB,GAAG,8BAA8B,GAAG;IAClE,EAAE,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,cAAc;SAHrB,MAAM;qDAiBX,CAAC"}

package/dist/components/breadcrumbs/breadcrumb-link.js

@@ -1,8 +1,19 @@
 import { jsx as i } from "react/jsx-runtime";
-import { BreadcrumbLink as o } from "@chakra-ui/react";
-function t({ children: r, ...e }) {
-  return /* @__PURE__ */ i(o, { overflow: "hidden", textOverflow: "ellipsis", ...e, children: r });
-}
+import { BreadcrumbLink as t } from "@chakra-ui/react";
+import { forwardRef as m } from "react";
+const a = m(
+  ({ children: r, ...e }, o) => /* @__PURE__ */ i(
+    t,
+    {
+      ref: o,
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      _hover: { textDecoration: "underline" },
+      ...e,
+      children: r
+    }
+  )
+);
 export {
-  t as BreadcrumbLink
+  a as BreadcrumbLink
 };

package/dist/components/breadcrumbs/breadcrumbs.d.ts

@@ -1,7 +1,7 @@
-import { As } from '@chakra-ui/react';
+import { ElementType } from 'react';
 export type Breadcrumb = {
     title: string;
-    as?: As;
+    as?: ElementType;
     to?: string;
     href?: string;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../lib/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkC,KAAK,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAI3E,MAAM,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,EAAE,CAAC;IACR,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAMF,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,EAAE,UAAU,EAAE,CAAC;CAC1B,CAAC;AAgEF,wBAAgB,WAAW,CAAC,EAC3B,WAAW,EACX,mBAAuB,EACvB,kBAAsB,GACtB,EAAE,gBAAgB,2CA6DlB"}
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../lib/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAKzC,MAAM,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAMF,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,EAAE,UAAU,EAAE,CAAC;CAC1B,CAAC;AAgFF,wBAAgB,WAAW,CAAC,EAC3B,WAAW,EACX,mBAAuB,EACvB,kBAAsB,GACtB,EAAE,gBAAgB,2CAoElB"}

package/dist/components/breadcrumbs/breadcrumbs.js

@@ -1,80 +1,93 @@
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import { Breadcrumb as f } from "@chakra-ui/react";
-import { BreadcrumbItem as M } from "./breadcrumb-item.js";
-import { BreadcrumbLink as m } from "./breadcrumb-link.js";
-import { Menu as O } from "../menu/menu.js";
-import { MenuButton as w } from "../menu/menu-button.js";
+import { jsx as o, jsxs as f } from "react/jsx-runtime";
+import { Breadcrumb as h } from "@chakra-ui/react";
+import { Fragment as M } from "react";
+import { BreadcrumbItem as y } from "./breadcrumb-item.js";
+import { BreadcrumbLink as B } from "./breadcrumb-link.js";
+import { Menu as F } from "../menu/menu.js";
+import { MenuButton as T } from "../menu/menu-button.js";
 import { MenuList as z } from "../menu/menu-list.js";
-import { MenuItem as u } from "../menu/menu-item.js";
-import { ThemeFontVariable as a, ThemeFontSizeVariable as B, ThemeColorVariable as c } from "../../theme/theme-types.js";
-function g({ key: n, isCurrentPage: e, breadCrumb: t }) {
+import { MenuItem as m } from "../menu/menu-item.js";
+import { ThemeFontVariable as g, ThemeFontSizeVariable as S, ThemeColorVariable as c, ThemeSpaceVariable as d } from "../../theme/theme-types.js";
+function w() {
+  return /* @__PURE__ */ o(h.Separator, { color: c.OnBackgroundSubdued, opacity: "1", children: "/" });
+}
+function k({ key: n, isCurrentPage: e, showSeparator: r, breadCrumb: t }) {
   const i = e ? c.OnBackground : c.OnBackgroundSubdued;
-  return /* @__PURE__ */ d(M, { isCurrentPage: e, color: i, children: [
-    t.as && t.to && !t.href && /* @__PURE__ */ o(m, { as: t.as, to: t.to, children: t.title }),
-    t.href && !t.as && !t.to && /* @__PURE__ */ o(m, { href: t.href, children: t.title })
+  return /* @__PURE__ */ f(M, { children: [
+    /* @__PURE__ */ f(y, { isCurrentPage: e, color: i, children: [
+      t.as && t.to && !t.href && /* @__PURE__ */ o(B, { as: t.as, to: t.to, children: t.title }),
+      t.href && !t.as && !t.to && /* @__PURE__ */ o(B, { href: t.href, children: t.title })
+    ] }),
+    r && /* @__PURE__ */ o(w, {})
   ] }, n);
 }
-function F({ key: n, breadCrumbs: e }) {
-  return /* @__PURE__ */ o(M, { overflow: "unset", color: c.OnBackgroundSubdued, children: /* @__PURE__ */ d(O, { children: [
-    /* @__PURE__ */ o(w, { variant: "ghost", size: "sm", "aria-label": "Show collapsed items", children: "..." }),
-    /* @__PURE__ */ o(z, { children: e.map((t, i) => t.as && t.to ? /* @__PURE__ */ o(u, { as: t.as, to: t.to, children: t.title }, i) : t.href ? /* @__PURE__ */ o(u, { itemType: "link", href: t.href, children: t.title }, i) : /* @__PURE__ */ o(u, { isDisabled: !0, children: t.title }, i)) })
-  ] }) }, n);
+function V({ key: n, breadCrumbs: e, showSeparator: r }) {
+  return /* @__PURE__ */ f(M, { children: [
+    /* @__PURE__ */ o(y, { overflow: "unset", color: c.OnBackgroundSubdued, children: /* @__PURE__ */ f(F, { children: [
+      /* @__PURE__ */ o(T, { variant: "ghost", size: "sm", "aria-label": "Show collapsed items", children: "..." }),
+      /* @__PURE__ */ o(z, { children: e.map((t, i) => t.as && t.to ? /* @__PURE__ */ o(m, { as: t.as, to: t.to, value: t.to, children: t.title }, i) : t.href ? /* @__PURE__ */ o(m, { itemType: "link", href: t.href, value: t.href, children: t.title }, i) : /* @__PURE__ */ o(m, { isDisabled: !0, value: t.title, children: t.title }, i)) })
+    ] }) }),
+    r && /* @__PURE__ */ o(w, {})
+  ] }, n);
 }
-function H({
+function N({
   breadCrumbs: n,
   itemsBeforeCollapse: e = 1,
-  itemsAfterCollapse: t = 2
+  itemsAfterCollapse: r = 2
 }) {
-  const i = e + t;
-  if (!(n.length > i)) {
-    const l = n;
+  const t = e + r;
+  if (!(n.length > t)) {
+    const s = n;
     return /* @__PURE__ */ o(
-      f,
+      h.Root,
       {
         color: c.OnBackground,
-        fontSize: B.Medium,
-        fontFamily: a.Body,
+        fontSize: S.Medium,
+        fontFamily: g.Body,
         width: "100%",
-        children: l.map((r, s, h) => {
-          const I = s + 1 === h.length;
-          return g({
-            key: s.toString(),
-            isCurrentPage: I,
-            breadCrumb: r
+        children: /* @__PURE__ */ o(h.List, { gap: d.Small, children: s.map((l, u, a) => {
+          const p = u + 1 === a.length;
+          return k({
+            key: u.toString(),
+            isCurrentPage: p,
+            showSeparator: !p,
+            breadCrumb: l
           });
-        })
+        }) })
       }
     );
   }
-  const k = n.slice(0, e), p = t > 0 ? n.slice(-t) : [], S = n.slice(e, n.length - t), y = [
-    ...k,
+  const I = n.slice(0, e), L = r > 0 ? n.slice(-r) : [], O = n.slice(e, n.length - r), v = [
+    ...I,
     {
       title: "",
       isMenuButton: !0
     },
-    ...p
+    ...L
   ];
   return /* @__PURE__ */ o(
-    f,
+    h.Root,
     {
       color: c.OnBackground,
-      fontSize: B.Medium,
-      fontFamily: a.Body,
+      fontSize: S.Medium,
+      fontFamily: g.Body,
       width: "100%",
-      children: y.map((l, r, s) => {
-        const h = r + 1 === s.length;
-        return l.isMenuButton ? F({
-          key: r.toString(),
-          breadCrumbs: S
-        }) : g({
-          key: r.toString(),
-          isCurrentPage: h,
-          breadCrumb: l
+      children: /* @__PURE__ */ o(h.List, { gap: d.Small, children: v.map((s, l, u) => {
+        const a = l + 1 === u.length;
+        return s.isMenuButton ? V({
+          key: l.toString(),
+          breadCrumbs: O,
+          showSeparator: !a
+        }) : k({
+          key: l.toString(),
+          isCurrentPage: a,
+          showSeparator: !a,
+          breadCrumb: s
         });
-      })
+      }) })
     }
   );
 }
 export {
-  H as Breadcrumbs
+  N as Breadcrumbs
 };

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

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

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

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