@caspeco/casper-ui-library 11.2.0 → 11.3.0

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

@@ -1,7 +1,10 @@
 import { AccordionItemProps as ChakraAccordionItemProps } from '@chakra-ui/react';
 import { ReactNode } from 'react';
 export type AccordionItemProps = Pick<ChakraAccordionItemProps, "children" | "id" | "value"> & {
+    /** Label of the item, acts as the label of the toggle button. Must not contain interactive elements. */
     title: ReactNode;
+    /** Element displayed right after the title, e.g. an IconButton. Clicking it does not toggle the item. */
+    rightElement?: ReactNode;
 };
-export declare const AccordionItem: ({ children, title, value, ...props }: AccordionItemProps) => import("react").JSX.Element;
+export declare const AccordionItem: ({ children, title, rightElement, value, ...props }: AccordionItemProps) => import('react').JSX.Element;
 //# sourceMappingURL=accordion-item.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../../lib/components/accordion/accordion-item.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,kBAAkB,IAAI,wBAAwB,EACnD,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,wBAAwB,EAAE,UAAU,GAAG,IAAI,GAAG,OAAO,CAAC,GAAG;IAC9F,KAAK,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,sCAAsC,kBAAkB,gCA8BrF,CAAC"}
+{"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../../lib/components/accordion/accordion-item.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGN,KAAK,kBAAkB,IAAI,wBAAwB,EAEnD,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,wBAAwB,EAAE,UAAU,GAAG,IAAI,GAAG,OAAO,CAAC,GAAG;IAC9F,wGAAwG;IACxG,KAAK,EAAE,SAAS,CAAC;IACjB,yGAAyG;IACzG,YAAY,CAAC,EAAE,SAAS,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,oDAAoD,kBAAkB,gCAsCnG,CAAC"}

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

@@ -5,25 +5,42 @@ import { CollapseIcon as r } from "../icon/icons/collapse-icon.js";
 import { ExpandIcon as i } from "../icon/icons/expand-icon.js";
 import { TreeViewCollapseIcon as a } from "../icon/icons/tree-view-collapse-icon.js";
 import { TreeViewExpandIcon as o } from "../icon/icons/tree-view-expand-icon.js";
-import { Accordion as s } from "@chakra-ui/react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Accordion as s, Box as c, useAccordionStyles as l } from "@chakra-ui/react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region lib/components/accordion/accordion-item.tsx
-var d = e(), f = (e) => {
-	let f = (0, d.c)(15), p, m, h, g;
-	f[0] === e ? (p = f[1], m = f[2], h = f[3], g = f[4]) : ({children: p, title: h, value: g, ...m} = e, f[0] = e, f[1] = p, f[2] = m, f[3] = h, f[4] = g);
-	let _ = n(), v;
-	f[5] === _ ? v = f[6] : (v = (e) => _ === "noBorder" ? e ? a : o : e ? r : i, f[5] = _, f[6] = v);
-	let y = v, b;
-	f[7] !== p || f[8] !== y || f[9] !== h ? (b = /* @__PURE__ */ l(s.ItemContext, { children: (e) => {
-		let { expanded: n } = e, r = y(n);
-		return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("h3", { children: /* @__PURE__ */ u(s.ItemTrigger, { children: [h, /* @__PURE__ */ l(r, { size: t.Small })] }) }), p] });
-	} }), f[7] = p, f[8] = y, f[9] = h, f[10] = b) : b = f[10];
-	let x;
-	return f[11] !== m || f[12] !== b || f[13] !== g ? (x = /* @__PURE__ */ l(s.Item, {
-		...m,
-		value: g,
-		children: b
-	}), f[11] = m, f[12] = b, f[13] = g, f[14] = x) : x = f[14], x;
+var p = e(), m = (e) => {
+	let m = (0, p.c)(21), h, g, _, v, y;
+	m[0] === e ? (h = m[1], g = m[2], _ = m[3], v = m[4], y = m[5]) : ({children: h, title: v, rightElement: _, value: y, ...g} = e, m[0] = e, m[1] = h, m[2] = g, m[3] = _, m[4] = v, m[5] = y);
+	let b = n(), x = l(), S;
+	m[6] === b ? S = m[7] : (S = (e) => b === "noBorder" ? e ? a : o : e ? r : i, m[6] = b, m[7] = S);
+	let C = S, w;
+	m[8] !== h || m[9] !== C || m[10] !== _ || m[11] !== x.itemHeader || m[12] !== x.itemIcon || m[13] !== x.itemRightElement || m[14] !== v || m[15] !== b ? (w = /* @__PURE__ */ d(s.ItemContext, { children: (e) => {
+		let { expanded: n } = e, r = C(n), i = /* @__PURE__ */ d(c, {
+			as: "span",
+			"aria-hidden": !0,
+			css: x.itemIcon,
+			children: /* @__PURE__ */ d(r, { size: t.Small })
+		});
+		return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f(c, {
+			css: x.itemHeader,
+			"data-expanded": n ? "" : void 0,
+			children: [
+				b === "noBorder" && i,
+				/* @__PURE__ */ d("h3", { children: /* @__PURE__ */ d(s.ItemTrigger, { children: v }) }),
+				_ && /* @__PURE__ */ d(c, {
+					css: x.itemRightElement,
+					children: _
+				}),
+				b !== "noBorder" && i
+			]
+		}), h] });
+	} }), m[8] = h, m[9] = C, m[10] = _, m[11] = x.itemHeader, m[12] = x.itemIcon, m[13] = x.itemRightElement, m[14] = v, m[15] = b, m[16] = w) : w = m[16];
+	let T;
+	return m[17] !== g || m[18] !== w || m[19] !== y ? (T = /* @__PURE__ */ d(s.Item, {
+		...g,
+		value: y,
+		children: w
+	}), m[17] = g, m[18] = w, m[19] = y, m[20] = T) : T = m[20], T;
 };
 //#endregion
-export { f as AccordionItem };
+export { m as AccordionItem };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"accordion-recipe.d.ts","sourceRoot":"","sources":["../../../lib/components/accordion/accordion-recipe.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,oBAAoB,EAA4C,MAAM,kBAAkB,CAAC;AA8CvG,eAAO,MAAM,eAAe,EAAE,oBAoF5B,CAAC"}
+{"version":3,"file":"accordion-recipe.d.ts","sourceRoot":"","sources":["../../../lib/components/accordion/accordion-recipe.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,oBAAoB,EAA4C,MAAM,kBAAkB,CAAC;AAyFvG,eAAO,MAAM,eAAe,EAAE,oBAiF5B,CAAC"}

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

@@ -11,34 +11,66 @@ var s = {
 	display: "flex",
 	width: "100%",
 	alignItems: "center",
-	fontSize: n.Large,
-	fontWeight: "500",
-	py: i.Small,
+	position: "relative",
 	px: i.Medium,
 	color: t.OnSurface,
-	justifyContent: "space-between",
+	borderRadius: "var(--accordion-radius)",
 	"@media(hover: hover)": { _hover: { background: t.SurfaceDisabled } },
-	"& svg": { pointerEvents: "none" }
+	"&:has([data-part=\"item-trigger\"]:focus-visible)": { outline: "2px solid" }
 }, l = {
+	display: "flex",
+	width: "auto",
+	minWidth: 0,
+	alignItems: "center",
+	textAlign: "start",
+	py: i.Small,
+	px: 0,
+	fontSize: n.Large,
+	fontWeight: "500",
+	color: "inherit",
+	_focusVisible: { outline: "none" },
+	_after: {
+		content: "\"\"",
+		position: "absolute",
+		inset: 0
+	},
+	"& svg": { pointerEvents: "none" }
+}, u = {
+	display: "flex",
+	flexShrink: 0,
+	ms: "auto",
+	ps: i.Small,
+	pointerEvents: "none"
+}, d = {
+	display: "flex",
+	alignItems: "center",
+	flexShrink: 0,
+	position: "relative",
+	zIndex: 1,
+	ms: i.Small
+}, f = {
 	width: "100%",
 	color: t.OnSurface
-}, u = {
+}, p = {
 	px: i.Medium,
 	pb: i.Medium,
 	pt: 0
-}, d = a({
+}, m = a({
 	className: "accordion",
-	slots: o.keys(),
+	slots: o.extendWith("itemHeader", "itemIcon", "itemRightElement").keys(),
 	base: {
 		root: s,
 		item: { border: "none" },
-		itemTrigger: c,
-		itemContent: l,
-		itemBody: u
+		itemHeader: c,
+		itemTrigger: l,
+		itemIcon: u,
+		itemRightElement: d,
+		itemContent: f,
+		itemBody: p
 	},
 	variants: { variant: {
 		border: {
-			itemTrigger: {
+			itemHeader: {
 				background: t.Surface,
 				borderRadius: r.Medium,
 				_expanded: {
@@ -51,19 +83,19 @@ var s = {
 			itemBody: { pt: i.Medium }
 		},
 		noBorder: {
-			itemTrigger: {
+			itemHeader: {
 				color: t.OnBackground,
-				flexDirection: "row-reverse",
-				justifyContent: "flex-end",
-				gap: i.XSmall,
-				"@media(hover: hover)": { _hover: { background: t.SurfaceDisabled } },
-				_expanded: { borderBottomRadius: r.None },
-				itemBody: { pt: 0 }
+				_expanded: { borderBottomRadius: r.None }
+			},
+			itemIcon: {
+				ms: 0,
+				ps: 0,
+				me: i.XSmall
 			},
 			root: {
 				background: "transparent",
 				borderColor: "transparent",
-				"&:has(button[aria-expanded=\"true\"])": {
+				"&:has([data-part=\"item-trigger\"][aria-expanded=\"true\"])": {
 					borderRadius: r.Medium,
 					borderColor: t.OnSurfaceBorder
 				}
@@ -71,7 +103,7 @@ var s = {
 			itemContent: { color: t.OnBackground }
 		},
 		list: {
-			itemTrigger: { background: "transparent" },
+			itemHeader: { background: "transparent" },
 			item: {
 				borderTopWidth: 0,
 				borderBottom: e.XSmall,
@@ -85,4 +117,4 @@ var s = {
 	defaultVariants: { variant: "border" }
 });
 //#endregion
-export { d as accordionRecipe };
+export { m as accordionRecipe };

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

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

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

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

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

@@ -4,5 +4,5 @@ import { AccordionVariant } from './types.js';
 export type AccordionProps = Pick<ChakraAccordion.RootProps, "children" | "value" | "defaultValue" | "onValueChange"> & {
     variant?: AccordionVariant;
 } & LayoutProps & MarginProps & PaddingProps & CustomChakraBoxProps;
-export declare function Accordion({ children, variant, ...props }: AccordionProps): import("react").JSX.Element;
+export declare function Accordion({ children, variant, ...props }: AccordionProps): import('react').JSX.Element;
 //# sourceMappingURL=accordion.d.ts.map

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

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

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

@@ -1,3 +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.Element;
+export declare function Alert({ minHeight, px, py, w, children, title, onClose, type, iconVerticalAlign, icon: customIcon, ...props }: AlertProps): import('react').JSX.Element;
 //# sourceMappingURL=alert.d.ts.map

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

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

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

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

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

@@ -5,6 +5,6 @@ type CustomProps = {
 };
 type ChakraBreadcrumbItemProperties = Pick<ChakraBreadcrumbItemProps, "overflow" | "children" | "key" | "color">;
 export type BreadcrumbItemProps = ChakraBreadcrumbItemProperties & CustomProps;
-export declare function BreadcrumbItem({ children, isCurrentPage, ...props }: BreadcrumbItemProps): import("react").JSX.Element;
+export declare function BreadcrumbItem({ children, isCurrentPage, ...props }: BreadcrumbItemProps): import('react').JSX.Element;
 export {};
 //# sourceMappingURL=breadcrumb-item.d.ts.map

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

@@ -1,3 +1,3 @@
-export declare const BasicBreadcrumbs: () => import("react").JSX.Element;
-export declare const BasicBreadcrumbsMenu: () => import("react").JSX.Element;
+export declare const BasicBreadcrumbs: () => import('react').JSX.Element;
+export declare const BasicBreadcrumbsMenu: () => import('react').JSX.Element;
 //# sourceMappingURL=breadcrumbs.composition.d.ts.map

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

@@ -18,5 +18,5 @@ export type BreadcrumbsProps = {
     itemsAfterCollapse?: number;
     breadCrumbs: Breadcrumb[];
 };
-export declare function Breadcrumbs({ breadCrumbs, itemsBeforeCollapse, itemsAfterCollapse, }: BreadcrumbsProps): import("react").JSX.Element;
+export declare function Breadcrumbs({ breadCrumbs, itemsBeforeCollapse, itemsAfterCollapse, }: BreadcrumbsProps): import('react').JSX.Element;
 //# sourceMappingURL=breadcrumbs.d.ts.map

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

@@ -1,12 +1,12 @@
-export declare const PrimaryVariant: () => import("react").JSX.Element;
-export declare const SecondaryVariant: () => import("react").JSX.Element;
-export declare const GhostVariant: () => import("react").JSX.Element;
-export declare const LinkVariant: () => import("react").JSX.Element;
-export declare const TertiaryVariant: () => import("react").JSX.Element;
-export declare const PrimaryFocusRing: () => import("react").JSX.Element;
-export declare const SecondaryFocusRing: () => import("react").JSX.Element;
-export declare const TertiaryFocusRing: () => import("react").JSX.Element;
-export declare const GhostFocusRing: () => import("react").JSX.Element;
-export declare const AlertFocusRing: () => import("react").JSX.Element;
-export declare const LinkFocusRing: () => import("react").JSX.Element;
+export declare const PrimaryVariant: () => import('react').JSX.Element;
+export declare const SecondaryVariant: () => import('react').JSX.Element;
+export declare const GhostVariant: () => import('react').JSX.Element;
+export declare const LinkVariant: () => import('react').JSX.Element;
+export declare const TertiaryVariant: () => import('react').JSX.Element;
+export declare const PrimaryFocusRing: () => import('react').JSX.Element;
+export declare const SecondaryFocusRing: () => import('react').JSX.Element;
+export declare const TertiaryFocusRing: () => import('react').JSX.Element;
+export declare const GhostFocusRing: () => import('react').JSX.Element;
+export declare const AlertFocusRing: () => import('react').JSX.Element;
+export declare const LinkFocusRing: () => import('react').JSX.Element;
 //# sourceMappingURL=button.composition.d.ts.map

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

@@ -1,4 +1,4 @@
-export declare const Sizes: () => import("react").JSX.Element;
-export declare const NormalVariant: () => import("react").JSX.Element;
-export declare const AddonVariant: () => import("react").JSX.Element;
+export declare const Sizes: () => import('react').JSX.Element;
+export declare const NormalVariant: () => import('react').JSX.Element;
+export declare const AddonVariant: () => import('react').JSX.Element;
 //# sourceMappingURL=checkbox.composition.d.ts.map

package/dist/components/checkbox-group/checkbox-group.composition.d.ts

@@ -1,3 +1,3 @@
-export declare const BasicCheckboxGroup: () => import("react").JSX.Element;
-export declare const DisabledCheckboxGroup: () => import("react").JSX.Element;
+export declare const BasicCheckboxGroup: () => import('react').JSX.Element;
+export declare const DisabledCheckboxGroup: () => import('react').JSX.Element;
 //# sourceMappingURL=checkbox-group.composition.d.ts.map

package/dist/components/checkbox-group/checkbox-group.d.ts

@@ -5,5 +5,5 @@ import { CheckboxGroupProps } from './types.js';
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/checkbox-group
  */
-export declare function CheckboxGroup({ children, isDisabled, ...props }: CheckboxGroupProps): import("react").JSX.Element;
+export declare function CheckboxGroup({ children, isDisabled, ...props }: CheckboxGroupProps): import('react').JSX.Element;
 //# sourceMappingURL=checkbox-group.d.ts.map

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

@@ -1,4 +1,4 @@
-export declare const DefaultState: () => import("react").JSX.Element;
-export declare const CollapsedState: () => import("react").JSX.Element;
-export declare const NonCollapsibleContent: () => import("react").JSX.Element;
+export declare const DefaultState: () => import('react').JSX.Element;
+export declare const CollapsedState: () => import('react').JSX.Element;
+export declare const NonCollapsibleContent: () => import('react').JSX.Element;
 //# sourceMappingURL=collapsible.composition.d.ts.map

package/dist/components/collapsible/collapsible.d.ts

@@ -1,3 +1,3 @@
 import { CollapsibleProps } from './types.js';
-export declare const Collapsible: ({ children, collapsedHeight, defaultExpanded, locale, }: CollapsibleProps) => import("react").JSX.Element;
+export declare const Collapsible: ({ children, collapsedHeight, defaultExpanded, locale, }: CollapsibleProps) => import('react').JSX.Element;
 //# sourceMappingURL=collapsible.d.ts.map

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

@@ -1,3 +1,3 @@
 import { ComboboxInnerProps } from './types.js';
-export declare function ComboboxButton({ id, asPlainText, inputValue, selectedItems, displayItems, toggleItem, clearSelection, highlightState, openState, parentStrings, size, variant, label, placeHolderText, isDisabled, isReadOnly, isInvalid, isRequired, collapsed, hasPendingDelete, setHasPendingDelete, setInputValue, onSearch, isSingleSelect, translation, }: ComboboxInnerProps): import("react").JSX.Element;
+export declare function ComboboxButton({ id, asPlainText, inputValue, selectedItems, displayItems, toggleItem, clearSelection, highlightState, openState, parentStrings, size, variant, label, placeHolderText, isDisabled, isReadOnly, isInvalid, isRequired, collapsed, hasPendingDelete, setHasPendingDelete, setInputValue, onSearch, isSingleSelect, translation, }: ComboboxInnerProps): import('react').JSX.Element;
 //# sourceMappingURL=combobox-button.d.ts.map

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

@@ -5,6 +5,6 @@ type ComboboxItemProps = {
     isDeleting?: boolean;
     highlightQuery?: string;
 };
-export declare function ComboboxItem({ item, asPlainText, isDeleting, highlightQuery }: ComboboxItemProps): import("react").JSX.Element;
+export declare function ComboboxItem({ item, asPlainText, isDeleting, highlightQuery }: ComboboxItemProps): import('react').JSX.Element;
 export {};
 //# sourceMappingURL=combobox-item.d.ts.map

package/dist/components/combobox/combobox-menu.d.ts

@@ -1,3 +1,3 @@
 import { ComboboxInnerProps } from './types.js';
-export declare function ComboboxMenu(props: ComboboxInnerProps): import("react").JSX.Element;
+export declare function ComboboxMenu(props: ComboboxInnerProps): import('react').JSX.Element;
 //# sourceMappingURL=combobox-menu.d.ts.map

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

@@ -1,10 +1,10 @@
-export declare const SingleSelect: () => import("react").JSX.Element;
-export declare const MultiSelect: () => import("react").JSX.Element;
-export declare const Disabled: () => import("react").JSX.Element;
-export declare const Invalid: () => import("react").JSX.Element;
-export declare const Sizes: () => import("react").JSX.Element;
-export declare const GhostVariant: () => import("react").JSX.Element;
-export declare const WithItemsAsPlainText: () => import("react").JSX.Element;
-export declare const WithFooterContent: () => import("react").JSX.Element;
-export declare const WithFolderStyleStacked: () => import("react").JSX.Element;
+export declare const SingleSelect: () => import('react').JSX.Element;
+export declare const MultiSelect: () => import('react').JSX.Element;
+export declare const Disabled: () => import('react').JSX.Element;
+export declare const Invalid: () => import('react').JSX.Element;
+export declare const Sizes: () => import('react').JSX.Element;
+export declare const GhostVariant: () => import('react').JSX.Element;
+export declare const WithItemsAsPlainText: () => import('react').JSX.Element;
+export declare const WithFooterContent: () => import('react').JSX.Element;
+export declare const WithFolderStyleStacked: () => import('react').JSX.Element;
 //# sourceMappingURL=combobox.composition.d.ts.map

package/dist/components/combobox/combobox.d.ts

@@ -6,5 +6,5 @@ import { ComboboxProps } from './types.js';
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/combobox
  */
-export declare function Combobox({ id, label, isSingleSelect, selectedItems, locale, size, variant, asPlainText, onSearch, items, maxVisibleItems, onChange, onBlur, isDisabled, isReadOnly, isRequired, placeholder, footerContent, popoverWidth, popoverPlacement, collapsed, folderStyle, keepSearchAfterSelect, parentSelectsChildren, ...props }: ComboboxProps): import("react").JSX.Element;
+export declare function Combobox({ id, label, isSingleSelect, selectedItems, locale, size, variant, asPlainText, onSearch, items, maxVisibleItems, onChange, onBlur, isDisabled, isReadOnly, isRequired, placeholder, footerContent, popoverWidth, popoverPlacement, collapsed, folderStyle, keepSearchAfterSelect, parentSelectsChildren, ...props }: ComboboxProps): import('react').JSX.Element;
 //# sourceMappingURL=combobox.d.ts.map

package/dist/components/date-picker/date-multi-picker.d.ts

@@ -4,5 +4,5 @@ import { DateMultiPickerProps } from './types.js';
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/date-picker#datemultipicker
  */
-export declare const DateMultiPicker: ({ localeString, canSelectPastDates, dots, isExpanded, markSundayRed, onMonthChange, weekNumbers, showDaysOutsideMonth, selectedMonth, onDatesChange, selectedDates, shouldDisableDate, strikeThroughDates, isDisabled, redDays, disablePastMonths, disableBackwardNavigation, disableForwardNavigation, }: DateMultiPickerProps) => import("react").JSX.Element;
+export declare const DateMultiPicker: ({ localeString, canSelectPastDates, dots, isExpanded, markSundayRed, onMonthChange, weekNumbers, showDaysOutsideMonth, selectedMonth, onDatesChange, selectedDates, shouldDisableDate, strikeThroughDates, isDisabled, redDays, disablePastMonths, disableBackwardNavigation, disableForwardNavigation, }: DateMultiPickerProps) => import('react').JSX.Element;
 //# sourceMappingURL=date-multi-picker.d.ts.map

package/dist/components/date-picker/date-picker-date-cell.d.ts

@@ -16,6 +16,6 @@ type DatePickerHeaderProps = {
     selectWeek: boolean;
     isHoliday: boolean;
 };
-export declare const DatePickerDateCell: ({ gridColumn, gridRow, gridIndex, day, handleDateChange, variant, isDisabled, isStrikeThrough, hasBlueDot, hasYellowDot, hasGreenDot, hasGreyDot, hasRedDot, selectWeek, isHoliday, }: DatePickerHeaderProps) => import("react").JSX.Element;
+export declare const DatePickerDateCell: ({ gridColumn, gridRow, gridIndex, day, handleDateChange, variant, isDisabled, isStrikeThrough, hasBlueDot, hasYellowDot, hasGreenDot, hasGreyDot, hasRedDot, selectWeek, isHoliday, }: DatePickerHeaderProps) => import('react').JSX.Element;
 export {};
 //# sourceMappingURL=date-picker-date-cell.d.ts.map

package/dist/components/date-picker/date-picker-header.d.ts

@@ -15,6 +15,6 @@ type DatePickerHeaderProps = {
     dateRange?: DateRange;
     onRangeChange?: (dateRange: DateRange) => void;
 };
-export declare const DatePickerHeader: ({ onMonthChange, selectedMonth, month, selectWeek, locale, selectedDate, onDateChange, isExpanded, disablePastMonths, disableBackwardNavigation, disableForwardNavigation, dateRange, onRangeChange, }: DatePickerHeaderProps) => import("react").JSX.Element;
+export declare const DatePickerHeader: ({ onMonthChange, selectedMonth, month, selectWeek, locale, selectedDate, onDateChange, isExpanded, disablePastMonths, disableBackwardNavigation, disableForwardNavigation, dateRange, onRangeChange, }: DatePickerHeaderProps) => import('react').JSX.Element;
 export {};
 //# sourceMappingURL=date-picker-header.d.ts.map

package/dist/components/date-picker/date-picker-week-cell.d.ts

@@ -7,6 +7,6 @@ type DatePickerWeekCellProps = {
     selectWeek: boolean;
     isDisabled: boolean;
 };
-export declare const DatePickerWeekCell: ({ gridIndex, handleWeekChange, variant, date, selectWeek, isDisabled, }: DatePickerWeekCellProps) => import("react").JSX.Element;
+export declare const DatePickerWeekCell: ({ gridIndex, handleWeekChange, variant, date, selectWeek, isDisabled, }: DatePickerWeekCellProps) => import('react').JSX.Element;
 export {};
 //# sourceMappingURL=date-picker-week-cell.d.ts.map

package/dist/components/date-picker/date-picker.composition.d.ts

@@ -1,12 +1,12 @@
 export declare const BasicDatepicker: ({ date }: {
     date?: Date;
-}) => import("react").JSX.Element;
-export declare const BasicDateRangePicker: () => import("react").JSX.Element;
-export declare const BasicMinimizedDateRangePicker: () => import("react").JSX.Element;
+}) => import('react').JSX.Element;
+export declare const BasicDateRangePicker: () => import('react').JSX.Element;
+export declare const BasicMinimizedDateRangePicker: () => import('react').JSX.Element;
 export declare const BasicMultiDatePicker: ({ date }: {
     date?: Date;
-}) => import("react").JSX.Element;
+}) => import('react').JSX.Element;
 export declare const BasicWeekNumberDatePicker: ({ date }: {
     date?: Date;
-}) => import("react").JSX.Element;
+}) => import('react').JSX.Element;
 //# sourceMappingURL=date-picker.composition.d.ts.map

package/dist/components/date-picker/date-picker.d.ts

@@ -4,5 +4,5 @@ import { DatePickerProps } from './types.js';
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/date-picker
  */
-export declare const DatePicker: ({ localeString, canSelectPastDates, dots, isExpanded, markSundayRed, onMonthChange, weekNumbers, showDaysOutsideMonth, selectedMonth, onDateChange, selectedDate, shouldDisableDate, strikeThroughDates, isDisabled, redDays, disablePastMonths, disableBackwardNavigation, disableForwardNavigation, }: DatePickerProps) => import("react").JSX.Element;
+export declare const DatePicker: ({ localeString, canSelectPastDates, dots, isExpanded, markSundayRed, onMonthChange, weekNumbers, showDaysOutsideMonth, selectedMonth, onDateChange, selectedDate, shouldDisableDate, strikeThroughDates, isDisabled, redDays, disablePastMonths, disableBackwardNavigation, disableForwardNavigation, }: DatePickerProps) => import('react').JSX.Element;
 //# sourceMappingURL=date-picker.d.ts.map

package/dist/components/date-picker/date-range-picker.d.ts

@@ -4,5 +4,5 @@ import { DateRangePickerProps } from './types.js';
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/date-picker#daterangepicker
  */
-export declare const DateRangePicker: ({ localeString, canSelectPastDates, dateRange, dots, isExpanded, markSundayRed, onMonthChange, onRangeChange, weekNumbers, showDaysOutsideMonth, selectedMonth, isDisabled, redDays, }: DateRangePickerProps) => import("react").JSX.Element;
+export declare const DateRangePicker: ({ localeString, canSelectPastDates, dateRange, dots, isExpanded, markSundayRed, onMonthChange, onRangeChange, weekNumbers, showDaysOutsideMonth, selectedMonth, isDisabled, redDays, }: DateRangePickerProps) => import('react').JSX.Element;
 //# sourceMappingURL=date-range-picker.d.ts.map

package/dist/components/date-picker/date-week-picker.d.ts

@@ -4,5 +4,5 @@ import { DateWeekPickerProps } from './types.js';
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/date-picker#dateweekpicker
  */
-export declare const DateWeekPicker: ({ localeString, canSelectPastDates, dots, isExpanded, markSundayRed, onMonthChange, selectedMonth, onDateChange, selectedDate, isDisabled, redDays, }: DateWeekPickerProps) => import("react").JSX.Element;
+export declare const DateWeekPicker: ({ localeString, canSelectPastDates, dots, isExpanded, markSundayRed, onMonthChange, selectedMonth, onDateChange, selectedDate, isDisabled, redDays, }: DateWeekPickerProps) => import('react').JSX.Element;
 //# sourceMappingURL=date-week-picker.d.ts.map

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

@@ -1,3 +1,3 @@
-export declare const HorizontalDivider: () => import("react").JSX.Element;
-export declare const VerticalDivider: () => import("react").JSX.Element;
+export declare const HorizontalDivider: () => import('react').JSX.Element;
+export declare const VerticalDivider: () => import('react').JSX.Element;
 //# sourceMappingURL=divider.composition.d.ts.map

package/dist/components/divider/divider.d.ts

@@ -7,5 +7,5 @@ export type DividerProps = Pick<ChakraSeparatorProps, "orientation"> & ThemeStyl
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/divider
  */
-export declare function Divider({ borderColor, orientation, ...props }: DividerProps): import("react").JSX.Element;
+export declare function Divider({ borderColor, orientation, ...props }: DividerProps): import('react').JSX.Element;
 //# sourceMappingURL=divider.d.ts.map

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

@@ -1,6 +1,6 @@
-export declare const RightDrawer: () => import("react").JSX.Element;
-export declare const LeftDrawer: () => import("react").JSX.Element;
-export declare const TopDrawer: () => import("react").JSX.Element;
-export declare const BottomDrawer: () => import("react").JSX.Element;
-export declare const InlineDrawer: () => import("react").JSX.Element;
+export declare const RightDrawer: () => import('react').JSX.Element;
+export declare const LeftDrawer: () => import('react').JSX.Element;
+export declare const TopDrawer: () => import('react').JSX.Element;
+export declare const BottomDrawer: () => import('react').JSX.Element;
+export declare const InlineDrawer: () => import('react').JSX.Element;
 //# sourceMappingURL=drawer.composition.d.ts.map

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

@@ -6,5 +6,5 @@ import { DrawerProps } from './types.js';
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/drawer
  */
-export declare function Drawer({ children, isOpen, onClose, isInline, closeOnEsc, closeOnOverlayClick, placement, size, ...props }: DrawerProps): import("react").JSX.Element;
+export declare function Drawer({ children, isOpen, onClose, isInline, closeOnEsc, closeOnOverlayClick, placement, size, ...props }: DrawerProps): import('react').JSX.Element;
 //# sourceMappingURL=drawer.d.ts.map

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

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

package/dist/components/fieldset/fieldset-error-text.d.ts

@@ -1,5 +1,5 @@
 import { ThemeStyleProps } from '../../theme/index.js';
 import { FieldsetErrorTextProps as ChakraFieldsetErrorTextProps } from '@chakra-ui/react';
 export type FieldsetErrorTextProps = ThemeStyleProps & Pick<ChakraFieldsetErrorTextProps, "children">;
-export declare function FieldsetErrorText({ children, ...props }: FieldsetErrorTextProps): import("react").JSX.Element;
+export declare function FieldsetErrorText({ children, ...props }: FieldsetErrorTextProps): import('react').JSX.Element;
 //# sourceMappingURL=fieldset-error-text.d.ts.map

package/dist/components/fieldset/fieldset-helper-text.d.ts

@@ -1,5 +1,5 @@
 import { ThemeStyleProps } from '../../theme/index.js';
 import { FieldsetHelperTextProps as ChakraFieldsetHelperTextProps } from '@chakra-ui/react';
 export type FieldsetHelperTextProps = ThemeStyleProps & Pick<ChakraFieldsetHelperTextProps, "children">;
-export declare function FieldsetHelperText({ children, ...props }: FieldsetHelperTextProps): import("react").JSX.Element;
+export declare function FieldsetHelperText({ children, ...props }: FieldsetHelperTextProps): import('react').JSX.Element;
 //# sourceMappingURL=fieldset-helper-text.d.ts.map

package/dist/components/fieldset/fieldset-legend.d.ts

@@ -1,5 +1,5 @@
 import { ThemeStyleProps } from '../../theme/index.js';
 import { FieldsetLegendProps as ChakraFieldsetLegendProps } from '@chakra-ui/react';
 export type FieldsetLegendProps = ThemeStyleProps & Pick<ChakraFieldsetLegendProps, "children">;
-export declare function FieldsetLegend({ children, ...props }: FieldsetLegendProps): import("react").JSX.Element;
+export declare function FieldsetLegend({ children, ...props }: FieldsetLegendProps): import('react').JSX.Element;
 //# sourceMappingURL=fieldset-legend.d.ts.map

package/dist/components/fieldset/fieldset.d.ts

@@ -11,6 +11,6 @@ export type FieldsetProps = CustomProps & ChakraFieldsetProperties & ThemeStyleP
  * It provides context such as isInvalid and isDisabled to form elements within it.
  * @see Docs https://caspeco.github.io/casper-ui-library/components/fieldset
  */
-export declare function Fieldset({ children, isDisabled, isInvalid, ...props }: FieldsetProps): import("react").JSX.Element;
+export declare function Fieldset({ children, isDisabled, isInvalid, ...props }: FieldsetProps): import('react').JSX.Element;
 export {};
 //# sourceMappingURL=fieldset.d.ts.map