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

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">;
 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,CACV,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/toaster/toast-store.d.ts

@@ -0,0 +1,27 @@
+import { AlertType } from '../alert/index.js';
+import { ThemeSpaceVariable } from '../../theme/index.js';
+import { ConditionalValue } from '@chakra-ui/react';
+export type ShowToastOptions = {
+    /** Main text content to display in Toast. Required. */
+    description: string | JSX.Element;
+    /** Optional title for Toast. */
+    title?: string;
+    /** Type of status the toast indicates. Defined by AlertType
+     * (Toast is visually presented using the Alert component). */
+    type?: AlertType;
+    /**
+     * Distance from the bottom of the screen to the toast.
+     * Defaults to 48px on larger screens and 8px on smaller screens.
+     */
+    distanceToBottom?: ConditionalValue<ThemeSpaceVariable | (string & {})>;
+    /** Duration in milliseconds for which the toast is visible. Set to `null` for indefinite duration. */
+    duration?: number | null;
+};
+/**
+ * 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 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/toaster/toaster.composition.d.ts

@@ -0,0 +1,7 @@
+export declare const ErrorToast: () => import("react/jsx-runtime").JSX.Element;
+export declare const InfoToast: () => import("react/jsx-runtime").JSX.Element;
+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=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"}

package/dist/components/toaster/toaster.js

@@ -0,0 +1,21 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Portal as p, Toaster as h, Toast as e } from "@chakra-ui/react";
+import { toastStore as a } from "./toast-store.js";
+import { Alert as S } from "../alert/alert.js";
+import { ThemeSpaceVariable as t, ThemeShadowVariable as T } from "../../theme/theme-types.js";
+const w = () => {
+  const m = { base: "100%", md: "560px" }, i = (r) => r?.distanceToBottom ?? { base: t.XSmall, md: t.XLarge };
+  return /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(h, { toaster: a, children: ({ id: r, title: d, description: l, type: s, closable: n = !0, meta: c }) => /* @__PURE__ */ o(e.Root, { width: m, padding: t.Small, pb: i(c), children: /* @__PURE__ */ o(
+    S,
+    {
+      title: d,
+      type: s,
+      onClose: n ? () => a.remove(r) : void 0,
+      boxShadow: T.Small,
+      children: /* @__PURE__ */ o(e.Description, { children: l })
+    }
+  ) }) }) });
+};
+export {
+  w as Toaster
+};

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

@@ -1 +1 @@
-{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../lib/components/toggle-button/toggle-button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGjD;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAUpD"}
+{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../lib/components/toggle-button/toggle-button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGjD;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAgBpD"}

package/dist/components/toggle-button/toggle-button.js

@@ -1,9 +1,19 @@
-import { jsx as n } from "react/jsx-runtime";
-import { Button as s } from "@chakra-ui/react";
-import { useButtonChildren as i } from "./use-button-children.js";
+import { jsx as s } from "react/jsx-runtime";
+import { Button as i } from "@chakra-ui/react";
+import { useButtonChildren as d } from "./use-button-children.js";
 function c(t) {
-  const { isPressed: r = !1, subText: u, children: l, ...e } = t, o = i(t);
-  return /* @__PURE__ */ n(s, { "aria-pressed": r, type: "button", variant: "toggle", ...e, children: o });
+  const { isPressed: e = !1, isDisabled: r, subText: l, children: u, ...o } = t, n = d(t);
+  return /* @__PURE__ */ s(
+    i,
+    {
+      "aria-pressed": e,
+      type: "button",
+      variant: "toggle",
+      disabled: r,
+      ...o,
+      children: n
+    }
+  );
 }
 export {
   c as ToggleButton

package/dist/components/toggle-button/types.d.ts

@@ -1,13 +1,14 @@
 import { ButtonSize } from '../button/types.js';
 import { CustomChakraBoxProps, LayoutProps, MarginProps, PaddingProps } from '../../theme/index.js';
-import { ButtonProps as ChakraButtonProps, ResponsiveValue } from '@chakra-ui/react';
+import { ButtonProps as ChakraButtonProps, ConditionalValue } from '@chakra-ui/react';
 type CustomStyleProps = CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps;
 type ToggleButtonPropsBase = {
     /** Indicate whether button is pressed or not. Defaults to false. */
     isPressed?: boolean;
     /** The size of the button, default: md */
-    size?: ResponsiveValue<ButtonSize> | undefined;
-} & Pick<ChakraButtonProps, "children" | "isDisabled" | "onClick" | "type"> & CustomStyleProps;
+    size?: ConditionalValue<ButtonSize> | undefined;
+    isDisabled?: boolean;
+} & Pick<ChakraButtonProps, "children" | "onClick" | "type"> & CustomStyleProps;
 type ToggleButtonPropsWithSubText = ToggleButtonPropsBase & {
     /**
      * Adds a subtext below the button text.

package/dist/components/toggle-button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/toggle-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,KAAK,EAAE,WAAW,IAAI,iBAAiB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAE1F,KAAK,gBAAgB,GAAG,oBAAoB,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;AAExF,KAAK,qBAAqB,GAAG;IAC5B,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;CAC/C,GAAG,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,GAAG,MAAM,CAAC,GAC1E,gBAAgB,CAAC;AAElB,KAAK,4BAA4B,GAAG,qBAAqB,GAAG;IAC3D;;;;;OAKG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,YAAY,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,+BAA+B,GAAG,qBAAqB,GAAG;IAC9D,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,MAAM,MAAM,iBAAiB,GAAG,4BAA4B,GAAG,+BAA+B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/toggle-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,KAAK,EAAE,WAAW,IAAI,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAE3F,KAAK,gBAAgB,GAAG,oBAAoB,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;AAExF,KAAK,qBAAqB,GAAG;IAC5B,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;IAGhD,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,GAC3D,gBAAgB,CAAC;AAElB,KAAK,4BAA4B,GAAG,qBAAqB,GAAG;IAC3D;;;;;OAKG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,YAAY,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,+BAA+B,GAAG,qBAAqB,GAAG;IAC9D,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,MAAM,MAAM,iBAAiB,GAAG,4BAA4B,GAAG,+BAA+B,CAAC"}

package/dist/components/tooltip/tooltip.d.ts

@@ -1,11 +1,17 @@
-import { CustomChakraBoxProps, MarginProps, PaddingProps } from '../../theme/index.js';
-import { TooltipProps as ChakraTooltipProps, GridProps, LayoutProps, TypographyProps } from '@chakra-ui/react';
-export type TooltipProps = Pick<ChakraTooltipProps, "children" | "placement" | "label"> & CustomChakraBoxProps & PaddingProps & MarginProps & LayoutProps & GridProps & TypographyProps;
+import { CustomChakraBoxProps, LayoutProps, MarginProps, PaddingProps, TypographyProps } from '../../theme/index.js';
+import { Tooltip as ChakraTooltip, GridProps } from '@chakra-ui/react';
+import { ReactNode } from 'react';
+type Positioning = NonNullable<ChakraTooltip.RootProps["positioning"]>;
+export type TooltipProps = Pick<ChakraTooltip.RootProps, "children" | "disabled"> & CustomChakraBoxProps & PaddingProps & MarginProps & LayoutProps & GridProps & TypographyProps & {
+    placement?: Positioning["placement"];
+    label?: ReactNode;
+};
 /**
  * Tooltips display informative text when users hover, focus on, or tap an element.
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/tooltip
  * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/
  */
-export declare function Tooltip({ children, label, placement, p, fontSize, fontFamily, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tooltip(props: TooltipProps): string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export {};
 //# sourceMappingURL=tooltip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../lib/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAMjB,MAAM,SAAS,CAAC;AACjB,OAAO,EAEN,KAAK,YAAY,IAAI,kBAAkB,EACvC,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC,GACtF,oBAAoB,GACpB,YAAY,GACZ,WAAW,GACX,WAAW,GACX,SAAS,GACT,eAAe,CAAC;AAEjB;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EACvB,QAAQ,EACR,KAAK,EACL,SAAoB,EACpB,CAA4B,EAC5B,QAAsC,EACtC,UAAmC,EACnC,GAAG,KAAK,EACR,EAAE,YAAY,2CAkBd"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../lib/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAMN,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAU,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,WAAW,GAAG,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;AAEvE,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,UAAU,GAAG,UAAU,CAAC,GAChF,oBAAoB,GACpB,YAAY,GACZ,WAAW,GACX,WAAW,GACX,SAAS,GACT,eAAe,GAAG;IAEjB,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEH;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,gHAwC1C"}

package/dist/components/tooltip/tooltip.js

@@ -1,32 +1,36 @@
-import { jsx as u } from "react/jsx-runtime";
-import { Tooltip as b } from "@chakra-ui/react";
-import { ThemeColorVariable as o, ThemeFontVariable as p, ThemeFontSizeVariable as T, ThemeRadiusVariable as n, ThemeSpaceVariable as c } from "../../theme/theme-types.js";
-function S({
-  children: r,
-  label: e,
-  placement: a = "bottom",
-  p: i = c.Small,
-  fontSize: l = T.Small,
-  fontFamily: m = p.Body,
-  ...t
-}) {
-  return /* @__PURE__ */ u(
-    b,
-    {
-      hasArrow: !0,
-      p: i,
-      borderRadius: n.Medium,
-      fontSize: l,
-      fontFamily: m,
-      placement: a,
-      label: e,
-      backgroundColor: o.OnSurface,
-      color: o.Surface,
-      ...t,
-      children: r
-    }
-  );
+import { jsx as e, Fragment as b, jsxs as i } from "react/jsx-runtime";
+import { Tooltip as r, Portal as T } from "@chakra-ui/react";
+import { ThemeSpaceVariable as l, ThemeFontSizeVariable as f, ThemeFontVariable as u, ThemeColorVariable as t, ThemeRadiusVariable as S } from "../../theme/theme-types.js";
+function w(a) {
+  const {
+    children: o,
+    label: n,
+    placement: m = "bottom",
+    p: s = l.Small,
+    fontSize: c = f.Small,
+    fontFamily: d = u.Body,
+    disabled: h,
+    ...p
+  } = a;
+  return h ? o : /* @__PURE__ */ e(b, { children: /* @__PURE__ */ i(r.Root, { positioning: { placement: m }, ...p, children: [
+    /* @__PURE__ */ e(r.Trigger, { asChild: !0, children: /* @__PURE__ */ e("span", { children: o }) }),
+    /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(r.Positioner, { children: /* @__PURE__ */ i(
+      r.Content,
+      {
+        p: s,
+        borderRadius: S.Medium,
+        fontSize: c,
+        fontFamily: d,
+        css: { "--tooltip-bg": t.OnSurface },
+        color: t.Surface,
+        children: [
+          /* @__PURE__ */ e(r.Arrow, { css: { "--arrow-size": l.Small }, children: /* @__PURE__ */ e(r.ArrowTip, {}) }),
+          n
+        ]
+      }
+    ) }) })
+  ] }) });
 }
 export {
-  S as Tooltip
+  w as Tooltip
 };

package/dist/hooks/use-color-mode.d.ts

@@ -0,0 +1,12 @@
+export type ColorMode = "light" | "dark";
+export interface UseColorModeReturn {
+    colorMode: ColorMode;
+    setColorMode: (colorMode: ColorMode) => void;
+    toggleColorMode: () => void;
+}
+/**
+ * Hook to access and manipulate the current color mode (light or dark) of the theme.
+ * @see Docs https://caspeco.github.io/casper-ui-library/guides/dark-mode/
+ */
+export declare function useColorMode(): UseColorModeReturn;
+//# sourceMappingURL=use-color-mode.d.ts.map

package/dist/hooks/use-color-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-color-mode.d.ts","sourceRoot":"","sources":["../../lib/hooks/use-color-mode.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC,MAAM,WAAW,kBAAkB;IAClC,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED;;;GAGG;AACH,wBAAgB,YAAY,IAAI,kBAAkB,CAYjD"}

package/dist/hooks/use-color-mode.js

@@ -0,0 +1,14 @@
+import { useTheme as t } from "../node_modules/next-themes/dist/index.js";
+function c() {
+  const { resolvedTheme: o, setTheme: e, forcedTheme: r } = t();
+  return {
+    colorMode: r || o,
+    setColorMode: e,
+    toggleColorMode: () => {
+      e(o === "dark" ? "light" : "dark");
+    }
+  };
+}
+export {
+  c as useColorMode
+};

package/dist/hooks/use-disclosure.d.ts

@@ -0,0 +1,13 @@
+import { UseDisclosureProps } from '@chakra-ui/react';
+/**
+ * useDisclosure is a custom hook used to help handle common open, close, or toggle scenarios.
+ * It can be used to control feedback component such as Modal, AlertDialog, Drawer, etc.
+ */
+export declare function useDisclosure(props?: UseDisclosureProps): {
+    onOpen: () => void;
+    onClose: () => void;
+    onToggle: () => void;
+    setOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    isOpen: boolean;
+};
+//# sourceMappingURL=use-disclosure.d.ts.map

package/dist/hooks/use-disclosure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-disclosure.d.ts","sourceRoot":"","sources":["../../lib/hooks/use-disclosure.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEjG;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,CAAC,EAAE,kBAAkB;;;;;;EAGvD"}

package/dist/hooks/use-disclosure.js

@@ -0,0 +1,8 @@
+import { useDisclosure as r } from "@chakra-ui/react";
+function i(s) {
+  const { open: e, ...o } = r(s);
+  return { isOpen: e, ...o };
+}
+export {
+  i as useDisclosure
+};

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export * from './theme/index.js';
+export * from './hooks/use-color-mode.js';
+export * from './hooks/use-disclosure.js';
 export * from './components/accordion/index.js';
 export * from './components/alert/index.js';
 export * from './components/badge/index.js';
@@ -11,6 +13,7 @@ export * from './components/combobox/index.js';
 export * from './components/date-picker/index.js';
 export * from './components/divider/index.js';
 export * from './components/drawer/index.js';
+export * from './components/fieldset/index.js';
 export * from './components/flex/index.js';
 export * from './components/form-control/index.js';
 export * from './components/grid/index.js';
@@ -30,7 +33,7 @@ export * from './components/navigation-list/index.js';
 export * from './components/paginator/index.js';
 export * from './components/quantity-button/index.js';
 export * from './components/radio/index.js';
-export * from './components/radio-group/index.js';
+export * from './components/radio-card/index.js';
 export * from './components/segmented-control/index.js';
 export * from './components/select/index.js';
 export * from './components/skeleton/index.js';
@@ -42,7 +45,7 @@ export * from './components/tabs/index.js';
 export * from './components/tag/index.js';
 export * from './components/text/index.js';
 export * from './components/textarea/index.js';
-export * from './components/toast/index.js';
+export * from './components/toaster/index.js';
 export * from './components/toggle-button/index.js';
 export * from './components/tooltip/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AAExB,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AAExB,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC"}