@caspeco/casper-ui-library 0.0.1

package/dist/components/drawer/drawer.js

@@ -0,0 +1,36 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { Drawer as x, DrawerOverlay as g, DrawerContent as l } from "@chakra-ui/react";
+import { InlineDrawer as b } from "./inline-drawer.js";
+function y({
+  children: a,
+  isOpen: f,
+  onClose: u,
+  isInline: w = !1,
+  closeOnEsc: m = !0,
+  closeOnOverlayClick: D = !0,
+  autoFocus: n = !0,
+  placement: i = "right",
+  size: r = "xs",
+  ...t
+}) {
+  return w && r !== "full" ? /* @__PURE__ */ e(b, { isOpen: f, onClose: u, size: r, closeOnEsc: m, ...t, children: a }) : /* @__PURE__ */ o(
+    x,
+    {
+      isOpen: f,
+      autoFocus: n,
+      onClose: u,
+      placement: i,
+      closeOnEsc: m,
+      closeOnOverlayClick: D,
+      size: r,
+      ...t,
+      children: [
+        /* @__PURE__ */ e(g, { bg: "rgba(0, 0, 0, 0.32)" }),
+        /* @__PURE__ */ e(l, { ...t, children: a })
+      ]
+    }
+  );
+}
+export {
+  y as Drawer
+};

package/dist/components/drawer/drawer.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=drawer.spec.d.ts.map

package/dist/components/drawer/drawer.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/drawer/drawer.spec.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,4 @@
+export { Drawer } from './drawer.js';
+export type { DrawerProps } from './types.js';
+export { useDisclosure } from '@chakra-ui/react';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/drawer/inline-drawer.d.ts

@@ -0,0 +1,3 @@
+import { DrawerProps } from './types.js';
+export declare function InlineDrawer({ children, isOpen, onClose, closeOnEsc, size, zIndex, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=inline-drawer.d.ts.map

package/dist/components/drawer/inline-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-drawer.d.ts","sourceRoot":"","sources":["../../../lib/components/drawer/inline-drawer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAK3C,wBAAgB,YAAY,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,OAAO,EACP,UAAiB,EACjB,IAAW,EACX,MAAU,EACV,GAAG,KAAK,EACR,EAAE,WAAW,2CAsEb"}

package/dist/components/drawer/inline-drawer.js

@@ -0,0 +1,74 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useRef as x, useMemo as y, useState as I } from "react";
+import { Box as S } from "@chakra-ui/react";
+import { useReducedMotion as A, motion as n } from "framer-motion";
+import { useInlineDrawerKeydown as M } from "./use-drawer-key-down.js";
+import { ThemeShadowVariable as R, ThemeColorVariable as s } from "../../theme/theme-types.js";
+const d = 0.3;
+function N({
+  children: u,
+  isOpen: e,
+  onClose: l,
+  closeOnEsc: c = !0,
+  size: r = "xs",
+  zIndex: m = 1,
+  ...h
+}) {
+  const f = x(null);
+  M({ isOpen: e, onClose: l, closeOnEsc: c });
+  const w = y(() => {
+    switch (r) {
+      case "xs":
+        return 320;
+      case "sm":
+        return 448;
+      case "md":
+        return 560;
+      case "lg":
+        return 672;
+      case "xl":
+        return 896;
+      default:
+        return 320;
+    }
+  }, [r]), [p, i] = I(!e), a = A();
+  let t;
+  return e ? t = a ? { opacity: 1 } : { width: w } : t = a ? { opacity: 0 } : { width: 0 }, /* @__PURE__ */ o(
+    n.aside,
+    {
+      ref: f,
+      hidden: p,
+      initial: !1,
+      onAnimationStart: () => i(!1),
+      onAnimationComplete: () => i(!e),
+      animate: t,
+      transition: {
+        duration: d,
+        ease: "easeInOut"
+      },
+      style: {
+        backgroundColor: s.Surface,
+        color: s.OnSurface,
+        overflow: "hidden",
+        boxShadow: R.Medium,
+        height: "100dvh",
+        top: "0",
+        zIndex: m
+      },
+      children: /* @__PURE__ */ o(
+        n.div,
+        {
+          initial: { opacity: 0 },
+          animate: { opacity: e ? 1 : 0 },
+          exit: { opacity: 0 },
+          transition: { duration: d, ease: "easeInOut" },
+          style: { height: "100%", width: "100%" },
+          children: /* @__PURE__ */ o(S, { h: "100%", w: "100%", overflowY: "auto", ...h, children: u })
+        }
+      )
+    }
+  );
+}
+export {
+  N as InlineDrawer
+};

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

@@ -0,0 +1,24 @@
+import { ColorProps, CustomChakraBoxProps, LayoutProps, PaddingProps, TypographyProps } from '../../theme/index.js';
+import { DrawerProps as ChakraDrawerProps } from '@chakra-ui/react';
+type ChakraDrawerProperties = Pick<ChakraDrawerProps, "id" | "children" | "isOpen" | "onClose" | "placement" | "closeOnEsc" | "closeOnOverlayClick" | "autoFocus">;
+export type DrawerProps = {
+    /**
+     * When true, the drawer is placed inline in the document flow instead of as a fixed overlay.
+     * This means that the drawer will not cover the entire screen and will be placed in the normal document flow.
+     *
+     * Note: Not all drawer propertied support inline mode (e.g. `placement`, `closeOnOverlayClick` or `size` "full").
+     *
+     * Defaults to `false`.
+     */
+    isInline?: boolean;
+    /**
+     * The size of the drawer. Defaults to `xs`.
+     */
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "full";
+    /**
+     * z-index applied to Drawer. Only applicable when `isInline` is true. Defaults to 1.
+     */
+    zIndex?: number;
+} & ChakraDrawerProperties & PaddingProps & TypographyProps & ColorProps & LayoutProps & CustomChakraBoxProps;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/drawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,WAAW,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC5G,OAAO,KAAK,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEzE,KAAK,sBAAsB,GAAG,IAAI,CACjC,iBAAiB,EACjB,IAAI,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,YAAY,GAAG,qBAAqB,GAAG,WAAW,CAC3G,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACzB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACjD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,sBAAsB,GACzB,YAAY,GACZ,eAAe,GACf,UAAU,GACV,WAAW,GACX,oBAAoB,CAAC"}

package/dist/components/drawer/use-drawer-key-down.d.ts

@@ -0,0 +1,11 @@
+interface UseDrawerKeydownProps {
+    isOpen: boolean;
+    onClose: () => void;
+    closeOnEsc: boolean;
+}
+/**
+ * Used to support closing the drawer on escape keypress.
+ */
+export declare function useInlineDrawerKeydown({ isOpen, onClose, closeOnEsc, }: UseDrawerKeydownProps): void;
+export {};
+//# sourceMappingURL=use-drawer-key-down.d.ts.map

package/dist/components/drawer/use-drawer-key-down.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-drawer-key-down.d.ts","sourceRoot":"","sources":["../../../lib/components/drawer/use-drawer-key-down.ts"],"names":[],"mappings":"AAEA,UAAU,qBAAqB;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,OAAO,EACP,UAAU,GACX,EAAE,qBAAqB,QAgBvB"}

package/dist/components/drawer/use-drawer-key-down.js

@@ -0,0 +1,16 @@
+import { useEffect as d } from "react";
+function i({
+  isOpen: e,
+  onClose: n,
+  closeOnEsc: t
+}) {
+  const o = (r) => {
+    r.key === "Escape" && t && n();
+  };
+  d(() => (e && document.addEventListener("keydown", o), () => {
+    document.removeEventListener("keydown", o);
+  }), [e, t, n]);
+}
+export {
+  i as useInlineDrawerKeydown
+};

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

@@ -0,0 +1,3 @@
+export declare const CenterItems: () => import("react/jsx-runtime").JSX.Element;
+export declare const SpaceBetween: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=flex.composition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flex.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/flex/flex.composition.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,+CAMvB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAOxB,CAAC"}

package/dist/components/flex/flex.d.ts

@@ -0,0 +1,5 @@
+import { ThemeStyleProps } from '../../theme/index.js';
+import { FlexProps as ChakraFlexProps } from '@chakra-ui/react';
+export type FlexProps = Pick<ChakraFlexProps, "children" | "align" | "justify" | "grow" | "shrink" | "wrap" | "direction" | "basis"> & ThemeStyleProps;
+export declare function Flex({ children, ...props }: FlexProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=flex.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../lib/components/flex/flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAsB,KAAK,SAAS,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEzF,MAAM,MAAM,SAAS,GAAG,IAAI,CAC3B,eAAe,EACf,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,CACrF,GACA,eAAe,CAAC;AAEjB,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAErD"}

package/dist/components/flex/flex.js

@@ -0,0 +1,8 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Flex as t } from "@chakra-ui/react";
+function f({ children: r, ...o }) {
+  return /* @__PURE__ */ e(t, { ...o, children: r });
+}
+export {
+  f as Flex
+};

package/dist/components/flex/flex.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=flex.spec.d.ts.map

package/dist/components/flex/flex.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/flex/flex.spec.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+export { Flex } from './flex.js';
+export type { FlexProps } from './flex.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/flex/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/form-control/form-control.composition.d.ts

@@ -0,0 +1,7 @@
+export declare const Neutral: () => import("react/jsx-runtime").JSX.Element;
+export declare const Required: () => import("react/jsx-runtime").JSX.Element;
+export declare const Readonly: () => import("react/jsx-runtime").JSX.Element;
+export declare const Disabled: () => import("react/jsx-runtime").JSX.Element;
+export declare const Invalid: () => import("react/jsx-runtime").JSX.Element;
+export declare const UsingCustomRadioGroup: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-control.composition.d.ts.map

package/dist/components/form-control/form-control.composition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-control.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/form-control/form-control.composition.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,OAAO,+CAUnB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAMpB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAMpB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAQpB,CAAC;AAEF,eAAO,MAAM,OAAO,+CAMnB,CAAC;AAEF,eAAO,MAAM,qBAAqB,+CAwBjC,CAAC"}

package/dist/components/form-control/form-control.d.ts

@@ -0,0 +1,12 @@
+import { FormControlProps as ChakraFormControlProps } from '@chakra-ui/react';
+import { ThemeStyleProps } from '../../theme/index.js';
+export type ChakraFormControlProperties = Pick<ChakraFormControlProps, "isDisabled" | "isInvalid" | "isReadOnly" | "isRequired" | "id" | "children" | "as">;
+export type FormControlProps = ChakraFormControlProperties & ThemeStyleProps;
+/**
+ * FormControl provides context such as isInvalid, isDisabled, and isRequired to form elements.
+ * Commonly used in form elements such as input, select, textarea, etc.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/formcontrol
+ */
+export declare function FormControl({ children, ...props }: FormControlProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-control.d.ts.map

package/dist/components/form-control/form-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-control.d.ts","sourceRoot":"","sources":["../../../lib/components/form-control/form-control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,gBAAgB,IAAI,sBAAsB,EAC/C,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAC7C,sBAAsB,EACtB,YAAY,GAAG,WAAW,GAAG,YAAY,GAAG,YAAY,GAAG,IAAI,GAAG,UAAU,GAAG,IAAI,CACnF,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,2BAA2B,GAAG,eAAe,CAAC;AAE7E;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAEnE"}

package/dist/components/form-control/form-control.js

@@ -0,0 +1,8 @@
+import { jsx as t } from "react/jsx-runtime";
+import { FormControl as m } from "@chakra-ui/react";
+function i({ children: o, ...r }) {
+  return /* @__PURE__ */ t(m, { ...r, children: o });
+}
+export {
+  i as FormControl
+};

package/dist/components/form-control/form-control.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=form-control.spec.d.ts.map

package/dist/components/form-control/form-control.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-control.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/form-control/form-control.spec.tsx"],"names":[],"mappings":""}

package/dist/components/form-control/form-error-message.d.ts

@@ -0,0 +1,12 @@
+import { ThemeStyleProps } from '../../theme/index.js';
+import { FormErrorMessageProps as ChakraFormErrorMessageProps } from '@chakra-ui/react';
+type ChakraFormLabelProperties = Pick<ChakraFormErrorMessageProps, "children">;
+export type FormErrorMessageProps = ChakraFormLabelProperties & ThemeStyleProps;
+/**
+ * Used to provide feedback about an invalid input, and suggest clear instructions on how to fix it.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/formcontrol
+ */
+export declare function FormErrorMessage({ children, ...props }: FormErrorMessageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=form-error-message.d.ts.map

package/dist/components/form-control/form-error-message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-error-message.d.ts","sourceRoot":"","sources":["../../../lib/components/form-control/form-error-message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAEN,KAAK,qBAAqB,IAAI,2BAA2B,EACzD,MAAM,kBAAkB,CAAC;AAE1B,KAAK,yBAAyB,GAAG,IAAI,CAAC,2BAA2B,EAAE,UAAU,CAAC,CAAC;AAE/E,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,GAAG,eAAe,CAAC;AAEhF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAE7E"}

package/dist/components/form-control/form-error-message.js

@@ -0,0 +1,8 @@
+import { jsx as e } from "react/jsx-runtime";
+import { FormErrorMessage as s } from "@chakra-ui/react";
+function a({ children: r, ...o }) {
+  return /* @__PURE__ */ e(s, { ...o, children: r });
+}
+export {
+  a as FormErrorMessage
+};

package/dist/components/form-control/form-helper-text.d.ts

@@ -0,0 +1,13 @@
+import { ThemeStyleProps } from '../../theme/index.js';
+import { FormHelperTextProps as ChakraFormHelpTextProps } from '@chakra-ui/react';
+type ChakraFormHelpTextProperties = Pick<ChakraFormHelpTextProps, "children">;
+export type FormHelperTextProperties = ChakraFormHelpTextProperties & ThemeStyleProps;
+/**
+ * Assistive component that conveys additional guidance about the field,
+ * such as how it will be used and what types in values should be provided.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/formcontrol
+ */
+export declare function FormHelperText({ children, ...props }: FormHelperTextProperties): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=form-helper-text.d.ts.map

package/dist/components/form-control/form-helper-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-helper-text.d.ts","sourceRoot":"","sources":["../../../lib/components/form-control/form-helper-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAEN,KAAK,mBAAmB,IAAI,uBAAuB,EACnD,MAAM,kBAAkB,CAAC;AAE1B,KAAK,4BAA4B,GAAG,IAAI,CAAC,uBAAuB,EAAE,UAAU,CAAC,CAAC;AAE9E,MAAM,MAAM,wBAAwB,GAAG,4BAA4B,GAAG,eAAe,CAAC;AAEtF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,2CAE9E"}

package/dist/components/form-control/form-helper-text.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import { FormHelperText as t } from "@chakra-ui/react";
+function x({ children: r, ...e }) {
+  return /* @__PURE__ */ o(t, { ...e, children: r });
+}
+export {
+  x as FormHelperText
+};

package/dist/components/form-control/form-label.d.ts

@@ -0,0 +1,19 @@
+import { ThemeStyleProps } from '../../theme/index.js';
+import { FormLabelProps as ChakraFormLabelProps } from '@chakra-ui/react';
+import { Icons } from '../icon/index.js';
+type CustomFormLabelProps = {
+    /** Icon to be displayed left of the label text. Inherits the color of the label text. */
+    icon?: Icons;
+};
+export type ChakraFormLabelProperties = Pick<ChakraFormLabelProps, "children" | "as">;
+export type FormLabelProps = ChakraFormLabelProperties & ThemeStyleProps & CustomFormLabelProps;
+/**
+ * Used to enhance the usability of form controls.
+ * It is used to inform users as to what information is requested for a form field.
+ * Every form field should have a form label.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/formcontrol
+ */
+export declare function FormLabel({ children, icon, ...props }: FormLabelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=form-label.d.ts.map

package/dist/components/form-control/form-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-label.d.ts","sourceRoot":"","sources":["../../../lib/components/form-control/form-label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6C,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1F,OAAO,EAAgC,KAAK,cAAc,IAAI,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7G,OAAO,EAAQ,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEhD,KAAK,oBAAoB,GAAG;IAC3B,yFAAyF;IACzF,IAAI,CAAC,EAAE,KAAK,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,IAAI,CAAC,CAAC;AAEtF,MAAM,MAAM,cAAc,GAAG,yBAAyB,GAAG,eAAe,GAAG,oBAAoB,CAAC;AAEhG;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAOrE"}

package/dist/components/form-control/form-label.js

@@ -0,0 +1,13 @@
+import { jsxs as o, jsx as a } from "react/jsx-runtime";
+import { FormLabel as l } from "@chakra-ui/react";
+import { Icon as i } from "../icon/icon.js";
+import { ThemeSpaceVariable as t, ThemeIconSizeVariable as p } from "../../theme/theme-types.js";
+function c({ children: m, icon: r, ...e }) {
+  return /* @__PURE__ */ o(l, { ...e, children: [
+    r && /* @__PURE__ */ a(i, { size: p.Small, icon: r, mr: t.XSmall }),
+    m
+  ] });
+}
+export {
+  c as FormLabel
+};

package/dist/components/form-control/index.d.ts

@@ -0,0 +1,5 @@
+export { FormControl, type FormControlProps } from './form-control.js';
+export { FormErrorMessage, type FormErrorMessageProps } from './form-error-message.js';
+export { FormHelperText, type FormHelperTextProperties } from './form-helper-text.js';
+export { FormLabel, type FormLabelProps } from './form-label.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/form-control/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/form-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AACpF,OAAO,EAAE,cAAc,EAAE,KAAK,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/grid/grid-item.d.ts

@@ -0,0 +1,8 @@
+import { ThemeStyleProps } from '../../theme/index.js';
+import { GridItemProps as ChakraGridItemProps } from '@chakra-ui/react';
+export type GridItemProps = Pick<ChakraGridItemProps, "children" | "area" | "rowSpan" | "rowStart" | "rowEnd" | "colSpan" | "colStart" | "colEnd" | "placeContent"> & ThemeStyleProps;
+/**
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/grid
+ */
+export declare function GridItem({ children, ...props }: GridItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=grid-item.d.ts.map

package/dist/components/grid/grid-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-item.d.ts","sourceRoot":"","sources":["../../../lib/components/grid/grid-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAA8B,KAAK,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEzG,MAAM,MAAM,aAAa,GAAG,IAAI,CAC/B,mBAAmB,EACnB,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,cAAc,CAC5G,GACA,eAAe,CAAC;AAEjB;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAE7D"}

package/dist/components/grid/grid-item.js

@@ -0,0 +1,8 @@
+import { jsx as m } from "react/jsx-runtime";
+import { GridItem as i } from "@chakra-ui/react";
+function d({ children: r, ...t }) {
+  return /* @__PURE__ */ m(i, { ...t, children: r });
+}
+export {
+  d as GridItem
+};

package/dist/components/grid/grid.d.ts

@@ -0,0 +1,11 @@
+import { ThemeStyleProps } from '../../theme/index.js';
+import { GridProps as ChakraGridProps } from '@chakra-ui/react';
+export type GridProps = Pick<ChakraGridProps, "children" | "autoColumns" | "autoFlow" | "autoRows" | "column" | "row" | "templateAreas" | "templateColumns" | "templateRows" | "placeContent"> & ThemeStyleProps;
+/**
+ * Used to create grid layouts.
+ * It renders a div with display: grid and comes with helpful style shorthand.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/grid
+ */
+export declare function Grid({ children, ...props }: GridProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=grid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../lib/components/grid/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAsB,KAAK,SAAS,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEzF,MAAM,MAAM,SAAS,GAAG,IAAI,CAC3B,eAAe,EACb,UAAU,GACV,aAAa,GACb,UAAU,GACV,UAAU,GACV,QAAQ,GACR,KAAK,GACL,eAAe,GACf,iBAAiB,GACjB,cAAc,GACd,cAAc,CAChB,GACA,eAAe,CAAC;AAEjB;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAErD"}

package/dist/components/grid/grid.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Grid as t } from "@chakra-ui/react";
+function f({ children: r, ...i }) {
+  return /* @__PURE__ */ o(t, { ...i, children: r });
+}
+export {
+  f as Grid
+};

package/dist/components/grid/grid.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=grid.spec.d.ts.map

package/dist/components/grid/grid.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/grid/grid.spec.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,5 @@
+export { Grid } from './grid.js';
+export type { GridProps } from './grid.js';
+export { GridItem } from './grid-item.js';
+export type { GridItemProps } from './grid-item.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,4 @@
+export declare const FontSizes: () => import("react/jsx-runtime").JSX.Element;
+export declare const FontWeights: () => import("react/jsx-runtime").JSX.Element;
+export declare const Truncated: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=heading.composition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/heading/heading.composition.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,+CAqBrB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAYvB,CAAC;AACF,eAAO,MAAM,SAAS,+CAMrB,CAAC"}

package/dist/components/heading/heading.d.ts

@@ -0,0 +1,16 @@
+import { ThemeStyleProps } from '../../theme/index.js';
+import { HeadingProps as ChakraHeadingProps } from '@chakra-ui/react';
+type CustomProperties = {
+    /** Define what header level tag the Heading. */
+    as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+};
+type ChakraHeadingProperties = Pick<ChakraHeadingProps, "children" | "noOfLines" | "isTruncated">;
+export type HeadingProps = ThemeStyleProps & ChakraHeadingProperties & CustomProperties;
+/**
+ * Heading is used to render semantic HTML heading elements.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/heading
+ */
+export declare function Heading({ color, fontSize, fontWeight, children, fontFamily, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=heading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../lib/components/heading/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAC7G,OAAO,EAA4B,KAAK,YAAY,IAAI,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAErG,KAAK,gBAAgB,GAAG;IACvB,gDAAgD;IAChD,EAAE,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC5C,CAAC;AAEF,KAAK,uBAAuB,GAAG,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,CAAC,CAAC;AAElG,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG,uBAAuB,GAAG,gBAAgB,CAAC;AAExF;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EACvB,KAAuC,EACvC,QAAuC,EACvC,UAAmB,EACnB,QAAQ,EACR,UAAqC,EACrC,GAAG,KAAK,EACR,EAAE,YAAY,2CAad"}

package/dist/components/heading/heading.js

@@ -0,0 +1,27 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Heading as t } from "@chakra-ui/react";
+import { ThemeFontVariable as d, ThemeFontSizeVariable as g, ThemeColorVariable as l } from "../../theme/theme-types.js";
+function p({
+  color: e = l.OnBackground,
+  fontSize: r = g.XLarge,
+  fontWeight: o = "bold",
+  children: a,
+  fontFamily: i = d.Header,
+  ...n
+}) {
+  return /* @__PURE__ */ m(
+    t,
+    {
+      color: e,
+      fontSize: r,
+      fontFamily: i,
+      fontWeight: o,
+      role: "heading",
+      ...n,
+      children: a
+    }
+  );
+}
+export {
+  p as Heading
+};

package/dist/components/heading/heading.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=heading.spec.d.ts.map

package/dist/components/heading/heading.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/heading/heading.spec.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+export { Heading } from './heading.js';
+export type { HeadingProps } from './heading.js';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const AllIcons: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icon.composition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/icon/icon.composition.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,+CAqBpB,CAAC"}

package/dist/components/icon/icon.d.ts

@@ -0,0 +1,11 @@
+import { ResponsiveValue } from '@chakra-ui/react';
+import { ThemeIconSizeVariable, ThemeStyleProps } from '../../theme/index.js';
+import { Icons } from './types.js';
+export type IconProps = {
+    /** Icon to display. */
+    icon: Icons;
+    /** Size of icon, defaults to ThemeIconSizeVariable.Medium */
+    size?: ResponsiveValue<ThemeIconSizeVariable>;
+} & ThemeStyleProps;
+export declare const Icon: ({ icon, size, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../lib/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiD,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACvG,OAAO,EAAE,qBAAqB,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,MAAM,SAAS,GAAG;IACvB,uBAAuB;IACvB,IAAI,EAAE,KAAK,CAAC;IACZ,6DAA6D;IAC7D,IAAI,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC,CAAC;CAC9C,GAAG,eAAe,CAAC;AAMpB,eAAO,MAAM,IAAI,GAAI,0BAAyD,SAAS,4CAmBtF,CAAC"}

package/dist/components/icon/icon.js

@@ -0,0 +1,24 @@
+import { jsx as m } from "react/jsx-runtime";
+import { createIcon as d } from "@chakra-ui/react";
+import { Icons as i } from "./types.js";
+import { ThemeIconSizeVariable as p } from "../../theme/theme-types.js";
+function f(e, o) {
+  return Object.keys(i).find((n) => o[n] === e) ?? "";
+}
+const I = ({ icon: e, size: o = p.Medium, ...n }) => {
+  const r = f(e, i), t = {
+    width: o,
+    height: o
+  };
+  r === "Caspeco" && (t.fillRule = "evenodd", t.clipRule = "evenodd");
+  const c = d({
+    displayName: r,
+    viewBox: "0 0 20 20",
+    d: e,
+    defaultProps: t
+  });
+  return /* @__PURE__ */ m(c, { ...n });
+};
+export {
+  I as Icon
+};

package/dist/components/icon/icon.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=icon.spec.d.ts.map

package/dist/components/icon/icon.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/icon/icon.spec.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,4 @@
+export type { IconProps } from './icon.js';
+export { Icon } from './icon.js';
+export { Icons } from './types.js';
+//# sourceMappingURL=index.d.ts.map