@caspeco/casper-ui-library 0.0.1

package/dist/components/message/message.d.ts

@@ -0,0 +1,27 @@
+import { LayoutProps, MarginProps, PaddingProps } from '../../theme/index.js';
+import { BoxProps as ChakraBoxProps } from '@chakra-ui/react';
+import { ReactNode } from 'react';
+type CustomStyleProps = ChakraBoxProps & LayoutProps & MarginProps & PaddingProps;
+export type MessageProps = {
+    children?: ReactNode;
+    /** Displays the message received time. */
+    time?: string;
+    /** Displays the sender of the message. */
+    from?: string;
+    /** Changes the styling on chat bubble background and border bottom radius */
+    author?: "me" | "you";
+    /** Auto floats the bubble to the right or left depending on the author */
+    autoFloat?: boolean;
+    /** Error state shows when a message has failed to send and the opacity changes  */
+    errorState?: boolean;
+    /** Error message to show when a message has failed to send */
+    errorMessage?: string;
+} & CustomStyleProps;
+/**
+ * Shows a container appearing as a message "chat bubble" with text content.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/message
+ */
+export declare function Message({ children, time, from, author, autoFloat, errorState, errorMessage, ...props }: MessageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=message.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../lib/components/message/message.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKN,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAO,KAAK,QAAQ,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACxE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,gBAAgB,GAAG,cAAc,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;AAElF,MAAM,MAAM,YAAY,GAAG;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,MAAM,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IACtB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mFAAmF;IACnF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,gBAAgB,CAAC;AAErB;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EACvB,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,SAAS,EACT,UAAU,EACV,YAAY,EACZ,GAAG,KAAK,EACR,EAAE,YAAY,2CA4Cd"}

package/dist/components/message/message.js

@@ -0,0 +1,62 @@
+import { jsxs as g, jsx as r } from "react/jsx-runtime";
+import { Box as l } from "@chakra-ui/react";
+import "react";
+import { Text as a } from "../text/text.js";
+import { ThemeRadiusVariable as i, ThemeSpaceVariable as n, ThemeColorVariable as e, ThemeFontSizeVariable as d } from "../../theme/theme-types.js";
+function L({
+  children: S,
+  time: t,
+  from: u,
+  author: c,
+  autoFloat: b,
+  errorState: m,
+  errorMessage: f,
+  ...p
+}) {
+  const o = c == null || c === "you";
+  return /* @__PURE__ */ g(l, { ...p, alignSelf: b ? o ? "flex-start" : "flex-end" : void 0, children: [
+    /* @__PURE__ */ g(
+      l,
+      {
+        bg: o ? e.BackgroundDisabled : e.Accent,
+        opacity: m ? "0.48" : "1",
+        px: n.Medium,
+        py: n.Small,
+        borderTopRightRadius: i.Large,
+        borderTopLeftRadius: i.Large,
+        borderBottomRightRadius: o ? i.Large : void 0,
+        borderBottomLeftRadius: o ? void 0 : i.Large,
+        children: [
+          /* @__PURE__ */ r(
+            a,
+            {
+              fontSize: d.Medium,
+              color: o ? e.OnBackground : e.OnAccent,
+              children: S
+            }
+          ),
+          u && /* @__PURE__ */ r(
+            a,
+            {
+              fontSize: d.Small,
+              color: o ? e.OnBackgroundSubdued : e.InfoContainer,
+              children: u
+            }
+          )
+        ]
+      }
+    ),
+    t && /* @__PURE__ */ r(l, { ml: n.Small, children: /* @__PURE__ */ r(
+      a,
+      {
+        fontSize: d.XSmall,
+        color: m ? e.Error : e.OnBackgroundSubdued,
+        textAlign: o ? void 0 : "right",
+        children: f || t
+      }
+    ) })
+  ] });
+}
+export {
+  L as Message
+};

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

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

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

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

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

@@ -0,0 +1,12 @@
+export { Modal } from './modal.js';
+export type { ModalProps } from './modal.js';
+export { ModalBody } from './modal-body.js';
+export type { ModalBodyProps } from './modal-body.js';
+export { ModalFooter } from './modal-footer.js';
+export type { ModalFooterProps } from './modal-footer.js';
+export { ModalHeader } from './modal-header.js';
+export type { ModalHeaderProps } from './modal-header.js';
+export { ModalCloseButton } from './modal-close-button.js';
+export type { ModalCloseButtonProps } from './modal-close-button.js';
+export { useDisclosure } from '@chakra-ui/react';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAIlE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/modal/modal-body.d.ts

@@ -0,0 +1,10 @@
+import { ModalBodyProps as ChakraModalBodyProps } from '@chakra-ui/react';
+import { ThemeStyleProps } from '../../theme/index.js';
+export type ModalBodyProps = Pick<ChakraModalBodyProps, "children"> & ThemeStyleProps;
+/**
+ * React component that houses the main content of the modal.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/modal
+ */
+export declare function ModalBody({ children, ...props }: ModalBodyProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=modal-body.d.ts.map

package/dist/components/modal/modal-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-body.d.ts","sourceRoot":"","sources":["../../../lib/components/modal/modal-body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,cAAc,IAAI,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC;AAEtF;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE/D"}

package/dist/components/modal/modal-body.js

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

package/dist/components/modal/modal-close-button.d.ts

@@ -0,0 +1,13 @@
+export type ModalCloseButtonProps = {
+    /** Will use position 'absolute' to fix the modal close button
+     * in the upper right corner of the modal container. */
+    isAbsolutePositioned?: boolean;
+};
+/**
+ * ModalCloseButton is used closes the modal.
+ * You don't need to pass the onClick to it, it reads the onClose action from the modal context.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/modal
+ */
+export declare function ModalCloseButton({ isAbsolutePositioned }: ModalCloseButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=modal-close-button.d.ts.map

package/dist/components/modal/modal-close-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-close-button.d.ts","sourceRoot":"","sources":["../../../lib/components/modal/modal-close-button.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,qBAAqB,GAAG;IACnC;2DACuD;IACvD,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,oBAA4B,EAAE,EAAE,qBAAqB,2CAkBvF"}

package/dist/components/modal/modal-close-button.js

@@ -0,0 +1,20 @@
+import { jsx as o } from "react/jsx-runtime";
+import { ModalCloseButton as e } from "@chakra-ui/react";
+import { Icon as i } from "../icon/icon.js";
+import { Icons as r } from "../icon/types.js";
+import { ThemeSpaceVariable as t, ThemeIconSizeVariable as m } from "../../theme/theme-types.js";
+function c({ isAbsolutePositioned: n = !1 }) {
+  return n ? /* @__PURE__ */ o(
+    e,
+    {
+      position: "absolute",
+      zIndex: 1,
+      top: t.Medium,
+      right: t.Medium,
+      children: /* @__PURE__ */ o(i, { icon: r.Close, size: m.Medium })
+    }
+  ) : /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(i, { icon: r.Close, size: m.Medium }) });
+}
+export {
+  c as ModalCloseButton
+};

package/dist/components/modal/modal-footer.d.ts

@@ -0,0 +1,12 @@
+import { ModalFooterProps as ChakraModalFooterProps } from '@chakra-ui/react';
+import { ThemeStyleProps } from '../../theme/index.js';
+export type ModalFooterProps = Pick<ChakraModalFooterProps, "children"> & ThemeStyleProps;
+/**
+ * ModalFooter houses any action buttons of the modal.
+ * When sibling element ModalBody is overflowing the ModalFooter will be
+ * displayed with a box shadow indicating the overflow of the ModalBody.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/modal
+ */
+export declare function ModalFooter({ children, ...props }: ModalFooterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=modal-footer.d.ts.map

package/dist/components/modal/modal-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-footer.d.ts","sourceRoot":"","sources":["../../../lib/components/modal/modal-footer.tsx"],"names":[],"mappings":"AACA,OAAO,EAEN,KAAK,gBAAgB,IAAI,sBAAsB,EAC/C,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC;AAE1F;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CA2BnE"}

package/dist/components/modal/modal-footer.js

@@ -0,0 +1,18 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useState as c, useEffect as l } from "react";
+import { ModalFooter as f } from "@chakra-ui/react";
+function w({ children: r, ...s }) {
+  const [n, a] = c(!1), e = new ResizeObserver((o) => {
+    const t = o[0].target, d = t.scrollHeight > t.clientHeight;
+    a(d);
+  });
+  return l(() => {
+    const o = document.querySelector("[id^='chakra-modal--body']");
+    return o && e.observe(o), () => {
+      o && e.unobserve(o);
+    };
+  }, []), /* @__PURE__ */ i(f, { boxShadow: n ? "0px 0px 16px rgba(0, 0, 0, 0.24)" : "none", ...s, children: r });
+}
+export {
+  w as ModalFooter
+};

package/dist/components/modal/modal-header.d.ts

@@ -0,0 +1,16 @@
+import { ModalHeaderProps as ChakraModalHeaderProps } from '@chakra-ui/react';
+import { ThemeStyleProps } from '../../theme/index.js';
+type CustomModalHeaderProperties = {
+    /** Will make the header and its content stick to the top of the modal
+     * while scrolling overflowing content. Defaults to false. */
+    sticky?: boolean;
+};
+export type ModalHeaderProps = Pick<ChakraModalHeaderProps, "children"> & CustomModalHeaderProperties & ThemeStyleProps;
+/**
+ * React component that houses the title of the modal.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/modal
+ */
+export declare function ModalHeader({ children, sticky, ...props }: ModalHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=modal-header.d.ts.map

package/dist/components/modal/modal-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-header.d.ts","sourceRoot":"","sources":["../../../lib/components/modal/modal-header.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,KAAK,2BAA2B,GAAG;IAClC;iEAC6D;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,GACtE,2BAA2B,GAC3B,eAAe,CAAC;AAEjB;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,MAAc,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAMnF"}

package/dist/components/modal/modal-header.js

@@ -0,0 +1,8 @@
+import { jsx as a } from "react/jsx-runtime";
+import { ModalHeader as d } from "@chakra-ui/react";
+function p({ children: r, sticky: o = !1, ...e }) {
+  return /* @__PURE__ */ a(d, { position: o ? "sticky" : void 0, top: o ? 0 : void 0, ...e, children: r });
+}
+export {
+  p as ModalHeader
+};

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

@@ -0,0 +1,12 @@
+export declare const BaseExample: () => import("react/jsx-runtime").JSX.Element;
+export declare const SmallSize: () => import("react/jsx-runtime").JSX.Element;
+export declare const MediumSize: () => import("react/jsx-runtime").JSX.Element;
+export declare const LargeSize: () => import("react/jsx-runtime").JSX.Element;
+export declare const ExtraLargeSize: () => import("react/jsx-runtime").JSX.Element;
+export declare const FullSize: () => import("react/jsx-runtime").JSX.Element;
+export declare const DynamicContent: () => import("react/jsx-runtime").JSX.Element;
+export declare const InsideScroll: () => import("react/jsx-runtime").JSX.Element;
+export declare const OutsideScroll: () => import("react/jsx-runtime").JSX.Element;
+export declare const StickyHeader: () => import("react/jsx-runtime").JSX.Element;
+export declare const ImageAndAbsoluteCloseButton: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=modal.composition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/modal/modal.composition.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,WAAW,+CA+BvB,CAAC;AA+BF,eAAO,MAAM,SAAS,+CAarB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAatB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAarB,CAAC;AACF,eAAO,MAAM,cAAc,+CAa1B,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAapB,CAAC;AAEF,eAAO,MAAM,cAAc,+CAiE1B,CAAC;AAEF,eAAO,MAAM,YAAY,+CAqExB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAsEzB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAwExB,CAAC;AAEF,eAAO,MAAM,2BAA2B,+CAkDvC,CAAC"}

package/dist/components/modal/modal.d.ts

@@ -0,0 +1,11 @@
+import { ModalProps as ChakraModalProps } from '@chakra-ui/react';
+type CustomModalProperties = {
+    /** Defines max width of modal on larger viewports. With the exception of 'full'
+     * which covers 100% of any screen both horizontally and vertically. */
+    size?: "sm" | "md" | "lg" | "xl" | "full";
+};
+type CharkaModalProperties = Pick<ChakraModalProps, "children" | "onClose" | "isOpen" | "id" | "isCentered" | "scrollBehavior" | "autoFocus" | "returnFocusOnClose" | "onCloseComplete" | "closeOnOverlayClick" | "closeOnEsc">;
+export type ModalProps = CustomModalProperties & CharkaModalProperties;
+export declare function Modal({ children, size, scrollBehavior, autoFocus, isCentered, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../lib/components/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,UAAU,IAAI,gBAAgB,EAGnC,MAAM,kBAAkB,CAAC;AAE1B,KAAK,qBAAqB,GAAG;IAC5B;2EACuE;IACvE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;CAC1C,CAAC;AAEF,KAAK,qBAAqB,GAAG,IAAI,CAChC,gBAAgB,EACd,UAAU,GACV,SAAS,GACT,QAAQ,GACR,IAAI,GACJ,YAAY,GACZ,gBAAgB,GAChB,WAAW,GACX,oBAAoB,GACpB,iBAAiB,GACjB,qBAAqB,GACrB,YAAY,CACd,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,qBAAqB,GAAG,qBAAqB,CAAC;AAEvE,wBAAgB,KAAK,CAAC,EACrB,QAAQ,EACR,IAAW,EACX,cAAyB,EACzB,SAAiB,EACjB,UAAiB,EACjB,GAAG,KAAK,EACR,EAAE,UAAU,2CAiBZ"}

package/dist/components/modal/modal.js

@@ -0,0 +1,30 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { Modal as s, ModalOverlay as i, ModalContent as m } from "@chakra-ui/react";
+function u({
+  children: t,
+  size: e = "sm",
+  scrollBehavior: a = "inside",
+  autoFocus: r = !1,
+  isCentered: d = !0,
+  ...l
+}) {
+  return /* @__PURE__ */ n(
+    s,
+    {
+      variant: { base: "bottomSheet", md: "default" },
+      scrollBehavior: a,
+      motionPreset: "slideInBottom",
+      autoFocus: r,
+      size: e,
+      isCentered: d,
+      ...l,
+      children: [
+        /* @__PURE__ */ o(i, {}),
+        /* @__PURE__ */ o(m, { children: t })
+      ]
+    }
+  );
+}
+export {
+  u as Modal
+};

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

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

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

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

package/dist/components/navigation-list/example-icon.d.ts

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

package/dist/components/navigation-list/example-icon.d.ts.map

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

package/dist/components/navigation-list/index.d.ts

@@ -0,0 +1,4 @@
+export { NavigationList } from './navigation-list.js';
+export { NavigationListLink, NavigationListButton } from './navigation-list-item.js';
+export type { NavigationListProps, NavigationButtonProps, NavigationLinkProps } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/navigation-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/navigation-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAClF,YAAY,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/navigation-list/navigation-list-item.d.ts

@@ -0,0 +1,14 @@
+import { NavigationButtonProps, NavigationLinkProps } from './types.js';
+/**
+ * Link element to be used within NavigationList.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/navigation-list
+ */
+export declare function NavigationListLink({ children, display, w, minW, minH, to, href, isDisabled, ...props }: NavigationLinkProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Button element to be used within NavigationList.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/navigation-list
+ */
+export declare function NavigationListButton({ children, display, w, minW, minH, ...props }: NavigationButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=navigation-list-item.d.ts.map

package/dist/components/navigation-list/navigation-list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-list-item.d.ts","sourceRoot":"","sources":["../../../lib/components/navigation-list/navigation-list-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAmC1E;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EAClC,QAAQ,EACR,OAAiB,EACjB,CAAU,EACV,IAAa,EACb,IAAa,EACb,EAAc,EACd,IAAgB,EAChB,UAAU,EACV,GAAG,KAAK,EACR,EAAE,mBAAmB,2CAkBrB;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACpC,QAAQ,EACR,OAAiB,EACjB,CAAU,EACV,IAAa,EACb,IAAa,EACb,GAAG,KAAK,EACR,EAAE,qBAAqB,2CAQvB"}

package/dist/components/navigation-list/navigation-list-item.js

@@ -0,0 +1,74 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Link as h, Button as p } from "@chakra-ui/react";
+import { ThemeColorVariable as l, ThemeSpaceVariable as c, ThemeFontSizeVariable as f, ThemeFontVariable as s } from "../../theme/theme-types.js";
+const d = {
+  fontFamily: s.Body,
+  fontSize: f.Medium,
+  color: l.OnSurface,
+  py: c.Small,
+  px: c.Medium,
+  fontWeight: "medium",
+  // "Reset" styles:
+  textDecoration: "none",
+  userSelect: "none",
+  height: "auto",
+  borderRadius: 0,
+  textAlign: "left",
+  background: "transparent",
+  outline: "none",
+  lineHeight: "auto",
+  border: 0,
+  // Pseudo styles:
+  _disabled: {
+    opacity: 0.48
+  },
+  _hover: {
+    bg: l.AccentHoverAlpha,
+    cursor: "pointer",
+    _disabled: { bg: "none", cursor: "not-allowed" }
+  },
+  _active: {
+    bg: l.AccentActiveAlpha
+  }
+};
+function A({
+  children: o,
+  display: t = "block",
+  w: i = "100%",
+  minW: n = "auto",
+  minH: r = "auto",
+  to: a = void 0,
+  href: m = void 0,
+  isDisabled: u,
+  ...b
+}) {
+  return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+    h,
+    {
+      sx: d,
+      w: i,
+      minW: n,
+      minH: r,
+      display: t,
+      to: a,
+      href: u ? void 0 : m,
+      "aria-disabled": u,
+      ...b,
+      children: o
+    }
+  ) });
+}
+function S({
+  children: o,
+  display: t = "block",
+  w: i = "100%",
+  minW: n = "auto",
+  minH: r = "auto",
+  ...a
+}) {
+  return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(p, { sx: d, w: i, minW: n, minH: r, display: t, type: "button", ...a, children: o }) });
+}
+export {
+  S as NavigationListButton,
+  A as NavigationListLink
+};

package/dist/components/navigation-list/navigation-list.composition.d.ts

@@ -0,0 +1,6 @@
+export declare const BaseExample: () => import("react/jsx-runtime").JSX.Element;
+export declare const Links: () => import("react/jsx-runtime").JSX.Element;
+export declare const Buttons: () => import("react/jsx-runtime").JSX.Element;
+export declare const Disabled: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomLabel: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=navigation-list.composition.d.ts.map

package/dist/components/navigation-list/navigation-list.composition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-list.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/navigation-list/navigation-list.composition.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW,+CAUvB,CAAC;AAEF,eAAO,MAAM,KAAK,+CAcjB,CAAC;AAEF,eAAO,MAAM,OAAO,+CAQnB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAYpB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAcvB,CAAC"}

package/dist/components/navigation-list/navigation-list.d.ts

@@ -0,0 +1,8 @@
+import { NavigationLinkProps } from './types.js';
+/**
+ * Navigation element used for listing links or navigation-related actions.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/navigation-list
+ */
+export declare function NavigationList({ children, ...props }: NavigationLinkProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=navigation-list.d.ts.map

package/dist/components/navigation-list/navigation-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-list.d.ts","sourceRoot":"","sources":["../../../lib/components/navigation-list/navigation-list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAQzE"}

package/dist/components/navigation-list/navigation-list.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Box as i, UnorderedList as n } from "@chakra-ui/react";
+function s({ children: r, ...t }) {
+  return /* @__PURE__ */ o(i, { as: "nav", ...t, children: /* @__PURE__ */ o(n, { m: 0, listStyleType: "none", children: r }) });
+}
+export {
+  s as NavigationList
+};

package/dist/components/navigation-list/navigation-list.spec.d.ts

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

package/dist/components/navigation-list/navigation-list.spec.d.ts.map

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

package/dist/components/navigation-list/types.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { LinkProps as ChakraLinkProps, ButtonProps as ChakraButtonProps } from '@chakra-ui/react';
+import { ThemeStyleProps } from '../../theme/index.js';
+type NavigationItemProps = {
+    children: ReactNode;
+    isDisabled?: boolean;
+} & ThemeStyleProps;
+export type NavigationListProps = {
+    children: ReactNode;
+} & ThemeStyleProps;
+type To = {
+    /** Link destination. Use when the NavigationListLink is to be rendered as (using the as-property)
+     * Link from routing libraries like React Router, Reach Router and Next.js. Use instead of href. */
+    to?: string;
+};
+export type NavigationLinkProps = NavigationItemProps & To & Pick<ChakraLinkProps, "as" | "href" | "target" | "rel" | "isExternal" | "children">;
+export type NavigationButtonProps = NavigationItemProps & Pick<ChakraButtonProps, "onClick" | "children">;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/navigation-list/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/navigation-list/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,IAAI,eAAe,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACvG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,KAAK,mBAAmB,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,eAAe,CAAC;AAEpB,MAAM,MAAM,mBAAmB,GAAG;IACjC,QAAQ,EAAE,SAAS,CAAC;CACpB,GAAG,eAAe,CAAC;AAEpB,KAAK,EAAE,GAAG;IACT;uGACmG;IACnG,EAAE,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,GACpD,EAAE,GACF,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,YAAY,GAAG,UAAU,CAAC,CAAC;AAErF,MAAM,MAAM,qBAAqB,GAAG,mBAAmB,GAAG,IAAI,CAAC,iBAAiB,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"paginator.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/paginator/paginator.composition.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,cAAc,+CAyB1B,CAAC"}

package/dist/components/paginator/paginator.d.ts

@@ -0,0 +1,23 @@
+import { Locales } from './translations.js';
+export type PaginatorProps = {
+    /** String to determine translations for the paginator */
+    localeString: Locales;
+    /** Array of options to pick a page size out of. Default is [10, 25, 50, 100] */
+    pageSizeOptions?: number[];
+    /** Number to display current page size */
+    pageSize: number;
+    /** Number to display current page index */
+    pageIndex: number;
+    /** Number to display current number of pages */
+    pageCount: number;
+    /** Boolean to disable button to go to the previous page */
+    canPreviousPage: boolean;
+    /** Boolean to disable button to go to the next page */
+    canNextPage: boolean;
+    /** Function to update the page size of the table */
+    setPageSize: (pageSize: number) => void;
+    /** Function to update the page index of the table */
+    setPageIndex: (pageIndex: number) => void;
+};
+export declare function Paginator({ localeString, pageSizeOptions, pageSize, pageIndex, pageCount, canPreviousPage, canNextPage, setPageSize, setPageIndex, }: PaginatorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=paginator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paginator.d.ts","sourceRoot":"","sources":["../../../lib/components/paginator/paginator.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAE5D,MAAM,MAAM,cAAc,GAAG;IAC5B,yDAAyD;IACzD,YAAY,EAAE,OAAO,CAAC;IACtB,gFAAgF;IAChF,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,0CAA0C;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,SAAS,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,eAAe,EAAE,OAAO,CAAC;IACzB,uDAAuD;IACvD,WAAW,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,qDAAqD;IACrD,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACzB,YAAY,EACZ,eAAmC,EACnC,QAAQ,EACR,SAAS,EACT,SAAS,EACT,eAAe,EACf,WAAW,EACX,WAAW,EACX,YAAY,GACZ,EAAE,cAAc,2CAiDhB"}

package/dist/components/paginator/paginator.js

@@ -0,0 +1,64 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { useStyleConfig as b, Box as i } from "@chakra-ui/react";
+import { translations as k } from "./translations.js";
+import { Select as p } from "../select/select.js";
+import { IconButton as l } from "../icon-button/icon-button.js";
+import { Icons as s } from "../icon/types.js";
+function _({
+  localeString: c,
+  pageSizeOptions: m = [10, 25, 50, 100],
+  pageSize: u,
+  pageIndex: t,
+  pageCount: h,
+  canPreviousPage: d,
+  canNextPage: f,
+  setPageSize: g,
+  setPageIndex: a
+}) {
+  const v = b("Paginator"), n = k[c], C = () => {
+    a(t - 1);
+  }, P = () => {
+    a(t + 1);
+  };
+  return /* @__PURE__ */ e(i, { __css: v, children: [
+    /* @__PURE__ */ o(i, { children: n.pageSize }),
+    /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(
+      p,
+      {
+        value: u,
+        onChange: (r) => {
+          g(Number(r.target.value));
+        },
+        children: m.map((r) => /* @__PURE__ */ o("option", { value: r, children: r }, r))
+      }
+    ) }),
+    /* @__PURE__ */ o(i, { children: n.currentPage(t, h) }),
+    /* @__PURE__ */ e(i, { children: [
+      /* @__PURE__ */ o(
+        l,
+        {
+          icon: s.Back,
+          size: "md",
+          variant: "ghost",
+          "aria-label": n.previousPage,
+          onClick: C,
+          isDisabled: !d
+        }
+      ),
+      /* @__PURE__ */ o(
+        l,
+        {
+          icon: s.Forward,
+          size: "md",
+          variant: "ghost",
+          "aria-label": n.nextPage,
+          onClick: P,
+          isDisabled: !f
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  _ as Paginator
+};

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

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

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

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