@caspeco/casper-ui-library 0.0.1

package/README.md

@@ -0,0 +1,55 @@
+# @caspeco/casper-ui-library
+
+This repository contains the standalone ui component library of Caspeco, called Casper UI 2.0. It is bundled by vite and distributed on npm. The documentation can be found at (TODO_INSERT_LINK).
+
+The UI components themselves are React components built on top of [Chakra UI components](https://v2.chakra-ui.com/docs/components).
+
+> [!NOTE]  
+> This library was previously built and distributed with [Bit](https://bit.dev/). It should **NOT** be used anymore.
+
+## Development
+
+1. Run `npm install`
+2. Run `npm run dev`
+
+## Linting
+
+We use the [Caspeco eslint config](https://github.com/Caspeco/eslint-config). To use, run:
+
+```bash
+npm run lint
+```
+
+## Formatting
+
+We use the [Caspeco prettier config](https://github.com/Caspeco/prettier-config). To use, run:
+
+```bash
+npm run prettier:fix
+```
+
+If you use the recommended [Prettier VSCode Extension](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) you can have your files automatically formatted on file save.
+
+## Tests
+
+To run unit tests in project run the command:
+
+```bash
+npm run test
+```
+
+## Contributing
+
+First make sure your repository is up to date
+
+```bash
+git pull
+```
+
+Create a new branch and make your changes there. Preferrably use a branch name that includes any related Jira issue and some short descriptive name:
+
+```bash
+git checkout -b UTF-837-add-checkbox-component
+```
+
+When you have made our changes, open a pull request using the template provided when opened and assign a reviewer.

package/dist/components/accordion/accordion-context.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { AccordionVariant } from './types.js';
+export declare const AccordionVariantContext: React.Context<AccordionVariant | undefined>;
+export declare const useAccordionVariant: () => AccordionVariant | undefined;
+//# sourceMappingURL=accordion-context.d.ts.map

package/dist/components/accordion/accordion-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-context.d.ts","sourceRoot":"","sources":["../../../lib/components/accordion/accordion-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,eAAO,MAAM,uBAAuB,6CAA+D,CAAC;AACpG,eAAO,MAAM,mBAAmB,oCAAkD,CAAC"}

package/dist/components/accordion/accordion-context.js

@@ -0,0 +1,6 @@
+import t from "react";
+const o = t.createContext(void 0), n = () => t.useContext(o);
+export {
+  o as AccordionVariantContext,
+  n as useAccordionVariant
+};

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

@@ -0,0 +1,6 @@
+import { AccordionItemProps as ChakraAccordionItemProps } from '@chakra-ui/react';
+export type AccordionItemProps = Pick<ChakraAccordionItemProps, "children" | "id"> & {
+    title: string | JSX.Element;
+};
+export declare const AccordionItem: ({ children, title, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=accordion-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../../lib/components/accordion/accordion-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,kBAAkB,IAAI,wBAAwB,EAEnD,MAAM,kBAAkB,CAAC;AAK1B,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,wBAAwB,EAAE,UAAU,GAAG,IAAI,CAAC,GAAG;IACpF,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,+BAA+B,kBAAkB,4CAyB9E,CAAC"}

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

@@ -0,0 +1,19 @@
+import { jsx as e, jsxs as n, Fragment as l } from "react/jsx-runtime";
+import { AccordionItem as s, AccordionButton as d } from "@chakra-ui/react";
+import { useAccordionVariant as p } from "./accordion-context.js";
+import { Icon as f } from "../icon/icon.js";
+import { Icons as r } from "../icon/types.js";
+import { ThemeIconSizeVariable as I } from "../../theme/theme-types.js";
+const g = ({ children: i, title: c, ...t }) => {
+  const m = p(), a = (o) => m === "noBorder" ? o ? r.TreeViewCollapse : r.TreeViewExpand : o ? r.Collapse : r.Expand;
+  return /* @__PURE__ */ e(s, { ...t, children: ({ isExpanded: o }) => /* @__PURE__ */ n(l, { children: [
+    /* @__PURE__ */ e("h3", { children: /* @__PURE__ */ n(d, { children: [
+      c,
+      /* @__PURE__ */ e(f, { icon: a(o), size: I.Small })
+    ] }) }),
+    i
+  ] }) });
+};
+export {
+  g as AccordionItem
+};

package/dist/components/accordion/accordion-panel.d.ts

@@ -0,0 +1,5 @@
+import { LayoutProps, CustomChakraBoxProps, TypographyProps, ColorProps } from '../../theme/index.js';
+import { AccordionPanelProps as ChakraAccordionPanelProps } from '@chakra-ui/react';
+export type AccordionPanelProps = Pick<ChakraAccordionPanelProps, "children"> & LayoutProps & TypographyProps & ColorProps & CustomChakraBoxProps;
+export declare const AccordionPanel: ({ children, ...props }: AccordionPanelProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=accordion-panel.d.ts.map

package/dist/components/accordion/accordion-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-panel.d.ts","sourceRoot":"","sources":["../../../lib/components/accordion/accordion-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAoB,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC9F,OAAO,EAEN,KAAK,mBAAmB,IAAI,yBAAyB,EACrD,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,yBAAyB,EAAE,UAAU,CAAC,GAC5E,WAAW,GACX,eAAe,GACf,UAAU,GACV,oBAAoB,CAAC;AAEtB,eAAO,MAAM,cAAc,GAAI,wBAAwB,mBAAmB,4CAMzE,CAAC"}

package/dist/components/accordion/accordion-panel.js

@@ -0,0 +1,6 @@
+import { jsx as n } from "react/jsx-runtime";
+import { AccordionPanel as c } from "@chakra-ui/react";
+const e = ({ children: o, ...r }) => /* @__PURE__ */ n(c, { "data-testid": "accordionPanel", ...r, children: o });
+export {
+  e as AccordionPanel
+};

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

@@ -0,0 +1,4 @@
+export declare const BasicAccordion: () => import("react/jsx-runtime").JSX.Element;
+export declare const BasicAccordionWithNoBorder: () => import("react/jsx-runtime").JSX.Element;
+export declare const ListAccordion: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=accordion.composition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/accordion/accordion.composition.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,+CAY1B,CAAC;AAEF,eAAO,MAAM,0BAA0B,+CAYtC,CAAC;AAEF,eAAO,MAAM,aAAa,+CAiCzB,CAAC"}

package/dist/components/accordion/accordion.d.ts

@@ -0,0 +1,7 @@
+import { LayoutProps, MarginProps, PaddingProps, CustomChakraBoxProps } from '../../theme/index.js';
+import { AccordionProps as ChakraAccordionProps } from '@chakra-ui/react';
+export type AccordionProps = Pick<ChakraAccordionProps, "children" | "defaultIndex" | "onChange" | "index"> & {
+    variant?: "border" | "noBorder" | "list";
+} & LayoutProps & MarginProps & PaddingProps & CustomChakraBoxProps;
+export declare function Accordion({ children, variant, ...props }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../lib/components/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,EAAgC,KAAK,cAAc,IAAI,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAG7G,MAAM,MAAM,cAAc,GAAG,IAAI,CAChC,oBAAoB,EACpB,UAAU,GAAG,cAAc,GAAG,UAAU,GAAG,OAAO,CAClD,GAAG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;CACzC,GAAG,WAAW,GACd,WAAW,GACX,YAAY,GACZ,oBAAoB,CAAC;AAEtB,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAQnF"}

package/dist/components/accordion/accordion.js

@@ -0,0 +1,9 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Accordion as e } from "@chakra-ui/react";
+import { AccordionVariantContext as n } from "./accordion-context.js";
+function l({ children: c, variant: o = "border", ...i }) {
+  return /* @__PURE__ */ r(n.Provider, { value: o, children: /* @__PURE__ */ r(e, { variant: o, allowToggle: !0, ...i, children: c }) });
+}
+export {
+  l as Accordion
+};

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

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

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

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

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

@@ -0,0 +1,7 @@
+export { Accordion } from './accordion.js';
+export type { AccordionProps } from './accordion.js';
+export { AccordionItem } from './accordion-item.js';
+export type { AccordionItemProps } from './accordion-item.js';
+export { AccordionPanel } from './accordion-panel.js';
+export type { AccordionPanelProps } from './accordion-panel.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -0,0 +1,2 @@
+export type AccordionVariant = 'border' | 'noBorder' | 'list';
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/accordion/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC"}

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

@@ -0,0 +1,3 @@
+import { ComponentWithAs, IconProps } from '@chakra-ui/react';
+export declare const AlertIcon: ComponentWithAs<"svg", IconProps>;
+//# sourceMappingURL=alert-icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-icon.d.ts","sourceRoot":"","sources":["../../../lib/components/alert/alert-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAc,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEpF,eAAO,MAAM,SAAS,EAAE,eAAe,CAAC,KAAK,EAAE,SAAS,CAItD,CAAC"}

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

@@ -0,0 +1,6 @@
+export declare const InfoType: () => import("react/jsx-runtime").JSX.Element;
+export declare const SuccessType: () => import("react/jsx-runtime").JSX.Element;
+export declare const WarningType: () => import("react/jsx-runtime").JSX.Element;
+export declare const ErrorType: () => import("react/jsx-runtime").JSX.Element;
+export declare const NeutralType: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=alert.composition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/alert/alert.composition.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,+CAEpB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAEvB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAEvB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAErB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAEvB,CAAC"}

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

@@ -0,0 +1,3 @@
+import { AlertProps } from './types.js';
+export declare function Alert({ minHeight, px, py, w, children, title, onClose, type, iconVerticalAlign, icon: customIcon, ...props }: AlertProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../lib/components/alert/alert.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,wBAAgB,KAAK,CAAC,EACrB,SAAkB,EAClB,EAA8B,EAC9B,EAAW,EACX,CAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAO,EACP,IAAa,EACb,iBAAiB,EACjB,IAAI,EAAE,UAAU,EAChB,GAAG,KAAK,EACR,EAAE,UAAU,2CAiEZ"}

package/dist/components/alert/alert.js

@@ -0,0 +1,79 @@
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
+import { useMemo as l } from "react";
+import { Alert as F, Flex as i, chakra as I } from "@chakra-ui/react";
+import { getAlertTextColor as V, getAlertBackgroundColor as k, getAlertIcon as M } from "./helper.js";
+import { ThemeFontVariable as m, ThemeRadiusVariable as j, ThemeSpaceVariable as B, ThemeIconSizeVariable as s, ThemeFontSizeVariable as w } from "../../theme/theme-types.js";
+import { Icon as f } from "../icon/icon.js";
+import { Text as R } from "../text/text.js";
+import { Icons as y } from "../icon/types.js";
+function G({
+  minHeight: d = "48px",
+  px: u = B.Medium,
+  py: x = "12px",
+  w: g = "100%",
+  children: p,
+  title: o,
+  onClose: a,
+  type: e = "info",
+  iconVerticalAlign: b,
+  icon: h,
+  ...C
+}) {
+  const n = l(() => V(e), [e]), S = l(() => k(e), [e]), T = h ?? l(() => M(e), [e]), A = () => a ? /* @__PURE__ */ r(
+    I.button,
+    {
+      type: "button",
+      "aria-label": "Close",
+      onClick: a,
+      mt: o ? "4px" : 0,
+      alignSelf: o ? "flex-start" : "center",
+      children: /* @__PURE__ */ r(f, { icon: y.Close, size: s.Medium, color: n })
+    }
+  ) : null, c = b || (o ? "flex-start" : "center"), z = c === "flex-start" ? "4px" : 0;
+  return /* @__PURE__ */ r(
+    F,
+    {
+      bgColor: S,
+      px: u,
+      py: x,
+      w: g,
+      borderRadius: j.Small,
+      display: "flex",
+      alignItems: "center",
+      minHeight: d,
+      fontFamily: m.Body,
+      color: n,
+      ...C,
+      children: /* @__PURE__ */ t(i, { align: "center", w: "100%", justify: "space-between", gap: "10px", children: [
+        /* @__PURE__ */ t(i, { gap: "10px", children: [
+          /* @__PURE__ */ r(
+            f,
+            {
+              color: n,
+              icon: T,
+              size: s.Small,
+              mt: z,
+              alignSelf: c
+            }
+          ),
+          /* @__PURE__ */ t(i, { direction: "column", alignContent: "flex-start", children: [
+            o && /* @__PURE__ */ r(
+              R,
+              {
+                fontFamily: m.SubHeader,
+                fontSize: w.Large,
+                fontWeight: "medium",
+                children: o
+              }
+            ),
+            p
+          ] })
+        ] }),
+        A()
+      ] })
+    }
+  );
+}
+export {
+  G as Alert
+};

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { ThemeColorVariable } from '../../theme/index.js';
+import { Icons } from '../icon/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;
+//# sourceMappingURL=helper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../lib/components/alert/helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,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"}

package/dist/components/alert/helper.js

@@ -0,0 +1,47 @@
+import { ThemeColorVariable as r } from "../../theme/theme-types.js";
+import { Icons as n } from "../icon/types.js";
+const o = (e) => {
+  switch (e) {
+    case "info":
+      return r.OnInfoContainer;
+    case "error":
+      return r.OnErrorContainer;
+    case "warning":
+      return r.OnWarningContainer;
+    case "neutral":
+      return r.OnNeutralContainer;
+    case "success":
+    default:
+      return r.OnSuccessContainer;
+  }
+}, c = (e) => {
+  switch (e) {
+    case "info":
+      return r.InfoContainer;
+    case "error":
+      return r.ErrorContainer;
+    case "warning":
+      return r.WarningContainer;
+    case "neutral":
+      return r.NeutralContainer;
+    case "success":
+    default:
+      return r.SuccessContainer;
+  }
+}, s = (e) => {
+  switch (e) {
+    case "warning":
+      return n.TriangleWarning;
+    case "success":
+      return n.CircleSuccess;
+    case "error":
+      return n.HexagonError;
+    default:
+      return n.CircleInfo;
+  }
+};
+export {
+  c as getAlertBackgroundColor,
+  s as getAlertIcon,
+  o as getAlertTextColor
+};

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

@@ -0,0 +1,3 @@
+export { Alert } from './alert.js';
+export type { AlertProps, AlertType } from './types.js';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,19 @@
+import { ShadowProps, LayoutProps, MarginProps, PaddingProps } from '../../theme/index.js';
+import { Icons } from '../icon/index.js';
+type AlertThemeStyleProps = MarginProps & PaddingProps & LayoutProps & ShadowProps;
+export type AlertType = "info" | "success" | "warning" | "error" | "neutral";
+export type AlertProps = {
+    children: React.ReactNode;
+    /** Visual type of Alert. */
+    type: AlertType;
+    /** Optional title for Alert. */
+    title?: string;
+    /** Icon for Alert. Defaults to a fallback icon based on type. */
+    icon?: Icons;
+    /** Callback for a close button that appears to top right of Alert when provided. */
+    onClose?: () => void;
+    /** Optional alignSelf for icon Alert. */
+    iconVerticalAlign?: "auto" | "flex-start" | "start" | "flex-end" | "end" | "center" | "baseline" | "stretch";
+} & AlertThemeStyleProps;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/alert/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACnF,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,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"}

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

@@ -0,0 +1,4 @@
+export declare const SubtleBadge: () => import("react/jsx-runtime").JSX.Element;
+export declare const SolidBadge: () => import("react/jsx-runtime").JSX.Element;
+export declare const BadgeWithIcon: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=badge.composition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/badge/badge.composition.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,+CAYvB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAYtB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAWzB,CAAC"}

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

@@ -0,0 +1,3 @@
+import { BadgeComponent } from './types.js';
+export declare const Badge: BadgeComponent;
+//# sourceMappingURL=badge.d.ts.map

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

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

package/dist/components/badge/badge.js

@@ -0,0 +1,35 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { Children as m } from "react";
+import { Badge as f, Box as S } from "@chakra-ui/react";
+import { checkChildRendersToString as g, IconSizeConstants as p } from "./helper.js";
+import { Icon as u } from "../icon/icon.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 m.forEach(a, (s) => {
+    if (!g(s)) throw new Error("Badge component: Invalid return type of children, must return string");
+  }), /* @__PURE__ */ e(f, { ...n, children: /* @__PURE__ */ d(
+    S,
+    {
+      display: "flex",
+      flexDirection: "row",
+      gap: h.XSmall,
+      justifyContent: "center",
+      alignItems: "center",
+      children: [
+        l,
+        a
+      ]
+    }
+  ) });
+}
+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 });
+export {
+  o as Badge
+};

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { ThemeIconSizeVariable } from '../../theme/index.js';
+import { ReactNode } from 'react';
+export declare const IconSizeConstants: {
+    readonly md: ThemeIconSizeVariable.Small;
+    readonly sm: ThemeIconSizeVariable.XSmall;
+};
+export declare const checkChildRendersToString: (child: ReactNode) => boolean;
+//# sourceMappingURL=helper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../lib/components/badge/helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,OAAO,CAAC;AAEvD,eAAO,MAAM,iBAAiB;;;CAGpB,CAAC;AAEX,eAAO,MAAM,yBAAyB,GAAI,OAAO,SAAS,KAAG,OAW5D,CAAC"}

package/dist/components/badge/helper.js

@@ -0,0 +1,10 @@
+import { isValidElement as o } from "react";
+import { ThemeIconSizeVariable as e } from "../../theme/theme-types.js";
+const m = {
+  md: e.Small,
+  sm: e.XSmall
+}, t = (r) => typeof r == "string" ? !0 : o(r) ? t(r.props.children) : Array.isArray(r) ? r.every((n) => t(n)) : !1;
+export {
+  m as IconSizeConstants,
+  t as checkChildRendersToString
+};

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

@@ -0,0 +1,3 @@
+export { Badge } from './badge.js';
+export type { BadgeComponent, PresetBadgeProps, DefaultBadgeProps, BadgeSize } from './types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,23 @@
+import { MarginProps } from '../../theme/index.js';
+import { Icons } from '../icon/index.js';
+import { BadgeProps as ChakraBadgeProps } from '@chakra-ui/react';
+export type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+export type BadgeSize = "md" | "sm";
+export type BadgeComponent = React.FC<PresetBadgeProps> & {
+    Primary: React.FC<PresetBadgeProps>;
+    Secondary: React.FC<PresetBadgeProps>;
+    Success: React.FC<PresetBadgeProps>;
+    Error: React.FC<PresetBadgeProps>;
+    Info: React.FC<PresetBadgeProps>;
+    Warning: React.FC<PresetBadgeProps>;
+};
+export type DefaultBadgeProps = {
+    icon?: Icons;
+    size?: BadgeSize;
+} & Pick<ChakraBadgeProps, "children" | "variant"> & MarginProps;
+export type PresetBadgeProps = Prettify<{
+    solid?: boolean;
+} & Omit<DefaultBadgeProps, "type" | "variant">>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/badge/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,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"}

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

@@ -0,0 +1,7 @@
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const Colors: () => import("react/jsx-runtime").JSX.Element;
+export declare const Padding: () => import("react/jsx-runtime").JSX.Element;
+export declare const Margin: () => import("react/jsx-runtime").JSX.Element;
+export declare const BorderRadius: () => import("react/jsx-runtime").JSX.Element;
+export declare const Layout: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=box.composition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"box.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/box/box.composition.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,+CAA+B,CAAC;AAEpD,eAAO,MAAM,MAAM,+CAIlB,CAAC;AAEF,eAAO,MAAM,OAAO,+CASnB,CAAC;AAEF,eAAO,MAAM,MAAM,+CAYlB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAQxB,CAAC;AAEF,eAAO,MAAM,MAAM,+CA2BlB,CAAC"}

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

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

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

@@ -0,0 +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,EAAoB,KAAK,QAAQ,IAAI,cAAc,EAAc,MAAM,kBAAkB,CAAC;AAEjG,MAAM,MAAM,QAAQ,GAAG,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,IAAI,CAAC,CAAC;AAEjF;;GAEG;AACH,eAAO,MAAM,GAAG,8DAMd,CAAC"}

package/dist/components/box/box.js

@@ -0,0 +1,6 @@
+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 }));
+export {
+  m as Box
+};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { BreadcrumbItemProps as ChakraBreadcrumbItemProps } from '@chakra-ui/react';
+type ChakraBreadcrumbItemProperties = Pick<ChakraBreadcrumbItemProps, "children" | "isCurrentPage" | "key" | "color">;
+export type BreadcrumbItemProps = ChakraBreadcrumbItemProperties;
+export declare function BreadcrumbItem({ children, ...props }: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=breadcrumb-item.d.ts.map

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

@@ -0,0 +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,eAAe,GAAG,KAAK,GAAG,OAAO,CAC9C,CAAC;AACF,MAAM,MAAM,mBAAmB,GAAG,8BAA8B,CAAC;AAEjE,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAEzE"}

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

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

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

@@ -0,0 +1,8 @@
+import { BreadcrumbLinkProps as ChakraBreadcrumbLinkProps } from '@chakra-ui/react';
+type ChakraBreadcrumbLinkProperties = Pick<ChakraBreadcrumbLinkProps, "children" | "as" | "href">;
+export type BreadcrumbLinkProps = ChakraBreadcrumbLinkProperties & {
+    to?: string;
+};
+export declare function BreadcrumbLink({ children, ...props }: BreadcrumbLinkProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=breadcrumb-link.d.ts.map

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

@@ -0,0 +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,2CAEzE"}