@caspeco/casper-ui-library 4.1.0 → 5.0.0

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

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

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

@@ -1 +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"}
+{"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,EAEN,KAAK,QAAQ,IAAI,cAAc,EAC/B,KAAK,eAAe,EAEpB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,QAAQ,GAAG,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,IAAI,CAAC,CAAC;AAEjF;;GAEG;AAGH,eAAO,MAAM,GAAG,EAMV,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC"}

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

@@ -1,10 +1,11 @@
+import { ComponentWithAs } from '@chakra-ui/react';
 import { ButtonProps } from './types.js';
 /**
  * Button component is used to trigger an action or event,
  * such as submitting a form, opening a Dialog, canceling an action, or performing a delete operation.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/button
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/button
  * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/button
  */
-export declare const Button: import('@chakra-ui/system').ComponentWithAs<"button", ButtonProps>;
+export declare const Button: ComponentWithAs<"button", ButtonProps>;
 //# sourceMappingURL=button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../lib/components/button/button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,oEAqCjB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../lib/components/button/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsC,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAG5F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C;;;;;;GAMG;AAGH,eAAO,MAAM,MAAM,EAqCb,eAAe,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC"}

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

@@ -3,7 +3,7 @@ import { CheckboxProps } from './types.js';
 /**
  * Used in forms when a user needs to select multiple values from several options.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/checkbox
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/checkbox
  * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/
  */
 export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -3,7 +3,7 @@ import { CheckboxGroupProps } from './types.js';
  * Used for multiple checkboxes which are bound in one group,
  * and it indicates whether one or more options are selected.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/checkbox-group
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/checkbox-group
  */
 export declare function CheckboxGroup({ children, ...props }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=checkbox-group.d.ts.map

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

@@ -4,7 +4,7 @@ import { ComboboxProps } from './types.js';
  * are many and can benefit from having a search filter. Can be used as both single select
  * and multiselect.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/combobox
+ * @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, isInvalid, footerContent, popoverWidth, popoverPlacement, collapsed, ...props }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=combobox.d.ts.map

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

@@ -2,7 +2,7 @@ import { DatePickerProps } from './types.js';
 /**
  * A datepicker that selects a single date
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/datepicker
+ * @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-runtime").JSX.Element;
 //# sourceMappingURL=date-picker.d.ts.map

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

@@ -2,7 +2,7 @@ import { DateRangePickerProps } from './types.js';
 /**
  * A datepicker that selects a range of dates
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/datepicker
+ * @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-runtime").JSX.Element;
 //# sourceMappingURL=date-range-picker.d.ts.map

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

@@ -2,7 +2,7 @@ import { DateWeekPickerProps } from './types.js';
 /**
  * A datepicker that selects a week
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/datepicker
+ * @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-runtime").JSX.Element;
 //# sourceMappingURL=date-week-picker.d.ts.map

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

@@ -5,7 +5,7 @@ export type DividerProps = Pick<ChakraDividerProps, "orientation"> & ThemeStyleP
  * Layout component used to visually separate content in a list or group.
  * It displays a thin horizontal or vertical line, and renders a hr tag.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/divider
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/divider
  */
 export declare function Divider({ borderColor, orientation, ...props }: DividerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=divider.d.ts.map

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

@@ -4,7 +4,7 @@ import { DrawerProps } from './types.js';
  * It can be useful when you need users to complete a task
  * or view some details without leaving the current page.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/drawer
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/drawer
  * @see Inspiration https://v2.chakra-ui.com/community/recipes/horizontal-collapse
  */
 export declare function Drawer({ children, isOpen, onClose, isInline, closeOnEsc, closeOnOverlayClick, autoFocus, placement, size, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -6,7 +6,7 @@ export type FormControlProps = ChakraFormControlProperties & ThemeStyleProps;
  * FormControl provides context such as isInvalid, isDisabled, and isRequired to form elements.
  * Commonly used in form elements such as input, select, textarea, etc.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/formcontrol
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/form-control
  */
 export declare function FormControl({ children, ...props }: FormControlProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=form-control.d.ts.map

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

@@ -5,7 +5,7 @@ export type FormErrorMessageProps = ChakraFormLabelProperties & ThemeStyleProps;
 /**
  * Used to provide feedback about an invalid input, and suggest clear instructions on how to fix it.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/formcontrol
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/form-control
  */
 export declare function FormErrorMessage({ children, ...props }: FormErrorMessageProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -6,7 +6,7 @@ export type FormHelperTextProperties = ChakraFormHelpTextProperties & ThemeStyle
  * Assistive component that conveys additional guidance about the field,
  * such as how it will be used and what types in values should be provided.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/formcontrol
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/form-control
  */
 export declare function FormHelperText({ children, ...props }: FormHelperTextProperties): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -12,7 +12,7 @@ export type FormLabelProps = ChakraFormLabelProperties & ThemeStyleProps & Custo
  * It is used to inform users as to what information is requested for a form field.
  * Every form field should have a form label.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/formcontrol
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/form-control
  */
 export declare function FormLabel({ children, icon, ...props }: FormLabelProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

@@ -5,7 +5,7 @@ export type GridProps = Pick<ChakraGridProps, "children" | "autoColumns" | "auto
  * Used to create grid layouts.
  * It renders a div with display: grid and comes with helpful style shorthand.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/grid
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/grid
  */
 export declare function Grid({ children, ...props }: GridProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=grid.d.ts.map

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

@@ -9,7 +9,7 @@ export type HeadingProps = ThemeStyleProps & ChakraHeadingProperties & CustomPro
 /**
  * Heading is used to render semantic HTML heading elements.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/heading
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/heading
  */
 export declare function Heading({ color, fontSize, fontWeight, children, fontFamily, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -2,7 +2,7 @@
  * Button component with only an icon visible, used to trigger an action or event,
  * such as submitting a form, opening a Dialog, canceling an action, or performing a delete operation.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/icon-button
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/icon-button
  * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/button
  */
 export declare const IconButton: import('react').ForwardRefExoticComponent<{

package/dist/components/image/image.d.ts

@@ -4,7 +4,7 @@ export type ImageProps = Pick<ChakraImageProps, "alt" | "src" | "srcSet" | "fit"
 /**
  * Renders an image with support for fallbacks.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/image
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/image
  */
 export declare function Image({ ...props }: ImageProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=image.d.ts.map

package/dist/components/input/input.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 /**
  * Element that allows users enter single valued data.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/input
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/input
  */
 export declare const Input: React.ForwardRefExoticComponent<import('./types.js').CustomProperties & {
     value?: string | number | readonly string[] | undefined;

package/dist/components/link/link.d.ts

@@ -6,7 +6,7 @@ export type LinkProps = ThemeStyleProps & Pick<ChakraLinkProps, "children" | "hr
  * Can be integrated with other routing libraries like React Router and Reach Router
  * using the 'as' property. See docs for examples.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/link
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/link
  * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/link/
  */
 export declare function Link({ children, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;

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

@@ -9,7 +9,7 @@ export type ListProps = CustomListProps & ChakraListProperties & ThemeStyleProps
 /**
  * List is used to display list items.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/list
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/list
  */
 export declare function List({ fontFamily, children, ...props }: ListProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -20,7 +20,7 @@ export type MessageProps = {
 /**
  * Shows a container appearing as a message "chat bubble" with text content.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/message
+ * @see Docs https://caspeco.github.io/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 {};

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

@@ -4,7 +4,7 @@ export type ModalBodyProps = Pick<ChakraModalBodyProps, "children"> & ThemeStyle
 /**
  * React component that houses the main content of the modal.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/modal
+ * @see Docs https://caspeco.github.io/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-close-button.d.ts

@@ -7,7 +7,7 @@ export type ModalCloseButtonProps = {
  * 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
+ * @see Docs https://caspeco.github.io/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-footer.d.ts

@@ -6,7 +6,7 @@ export type ModalFooterProps = Pick<ChakraModalFooterProps, "children"> & ThemeS
  * 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
+ * @see Docs https://caspeco.github.io/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-header.d.ts

@@ -9,7 +9,7 @@ export type ModalHeaderProps = Pick<ChakraModalHeaderProps, "children"> & Custom
 /**
  * React component that houses the title of the modal.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/modal
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/modal
  */
 export declare function ModalHeader({ children, sticky, ...props }: ModalHeaderProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -2,13 +2,13 @@ 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
+ * @see Docs https://caspeco.github.io/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
+ * @see Docs https://caspeco.github.io/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.d.ts

@@ -2,7 +2,7 @@ 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
+ * @see Docs https://caspeco.github.io/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/paginator/paginator.composition.d.ts.map

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

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

@@ -1,23 +1,16 @@
-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;
+import { ThemeStyleProps } from '../../theme/index.js';
+import { Locale } from './translations.js';
+export type PaginatorProps = ThemeStyleProps & {
+    /** Which locale to use for translations */
+    locale: Locale;
+    /** The size of each page */
+    pageSize?: number;
+    /** The total number of items */
+    itemCount: number;
+    /** The current page index (turns component controlled) */
+    pageIndex?: number;
+    /** Invoked when the page index changes */
+    onPageChange?: (newPageIndex: number) => void;
 };
-export declare function Paginator({ localeString, pageSizeOptions, pageSize, pageIndex, pageCount, canPreviousPage, canNextPage, setPageSize, setPageIndex, }: PaginatorProps): import("react/jsx-runtime").JSX.Element;
+export declare function Paginator({ locale, pageSize, itemCount, pageIndex: _pageIndex, onPageChange, ...rest }: PaginatorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=paginator.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"paginator.d.ts","sourceRoot":"","sources":["../../../lib/components/paginator/paginator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,EAAE,KAAK,MAAM,EAAgB,MAAM,gBAAgB,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG;IAC9C,2CAA2C;IAC3C,MAAM,EAAE,MAAM,CAAC;IAEf,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAElB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACzB,MAAM,EACN,QAAa,EACb,SAAS,EACT,SAAS,EAAE,UAAU,EACrB,YAAY,EACZ,GAAG,IAAI,EACP,EAAE,cAAc,2CA6ChB"}

package/dist/components/paginator/paginator.js

@@ -1,58 +1,47 @@
-import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import { useStyleConfig as b, Box as i } from "@chakra-ui/react";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useControllableState as C, useStyleConfig as b, Box as s } 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
+import { IconButton as c } from "../icon-button/icon-button.js";
+import { Icons as l } from "../icon/types.js";
+function N({
+  locale: g,
+  pageSize: n = 10,
+  itemCount: o,
+  pageIndex: m,
+  onPageChange: d,
+  ...P
 }) {
-  const v = b("Paginator"), n = k[c], C = () => {
-    a(t - 1);
-  }, P = () => {
-    a(t + 1);
+  const [a, r] = C({
+    value: m,
+    defaultValue: 0,
+    onChange: d
+  }), x = b("Paginator"), t = k[g], u = a > 0, f = n > 0 && a < Math.ceil(o / n) - 1, h = a * n + 1, p = Math.max(Math.min(n * (a + 1), o), 1), I = () => {
+    r(a - 1);
+  }, v = () => {
+    r(a + 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,
+  return /* @__PURE__ */ i(s, { __css: x, ...P, children: [
+    /* @__PURE__ */ e(s, { children: t.currentPage(h, p, o) }),
+    /* @__PURE__ */ i(s, { children: [
+      /* @__PURE__ */ e(
+        c,
         {
-          icon: s.Back,
+          icon: l.Back,
           size: "md",
           variant: "ghost",
-          "aria-label": n.previousPage,
-          onClick: C,
-          isDisabled: !d
+          "aria-label": t.previousPage,
+          onClick: I,
+          isDisabled: !u
         }
       ),
-      /* @__PURE__ */ o(
-        l,
+      /* @__PURE__ */ e(
+        c,
         {
-          icon: s.Forward,
+          icon: l.Forward,
           size: "md",
           variant: "ghost",
-          "aria-label": n.nextPage,
-          onClick: P,
+          "aria-label": t.nextPage,
+          onClick: v,
           isDisabled: !f
         }
       )
@@ -60,5 +49,5 @@ function _({
   ] });
 }
 export {
-  _ as Paginator
+  N as Paginator
 };

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

@@ -1,34 +1,9 @@
-export type Locales = "en-US" | "nb-NO" | "da-DK" | "sv-SE" | "en-GB";
-export declare const translations: {
-    "sv-SE": {
-        pageSize: string;
-        currentPage: (pageIndex: number, pageCount: number) => string;
-        previousPage: string;
-        nextPage: string;
-    };
-    "en-US": {
-        pageSize: string;
-        currentPage: (pageIndex: number, pageCount: number) => string;
-        previousPage: string;
-        nextPage: string;
-    };
-    "en-GB": {
-        pageSize: string;
-        currentPage: (pageIndex: number, pageCount: number) => string;
-        previousPage: string;
-        nextPage: string;
-    };
-    "nb-NO": {
-        pageSize: string;
-        currentPage: (pageIndex: number, pageCount: number) => string;
-        previousPage: string;
-        nextPage: string;
-    };
-    "da-DK": {
-        pageSize: string;
-        currentPage: (pageIndex: number, pageCount: number) => string;
-        previousPage: string;
-        nextPage: string;
-    };
-};
+export type Locale = "en-US" | "nb-NO" | "da-DK" | "sv-SE" | "en-GB";
+interface TranslationObject {
+    currentPage: (start: number, end: number, itemCount: number) => string;
+    previousPage: string;
+    nextPage: string;
+}
+export declare const translations: Record<Locale, TranslationObject>;
+export {};
 //# sourceMappingURL=translations.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../lib/components/paginator/translations.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAStE,eAAO,MAAM,YAAY;;;iCAGE,MAAM,aAAa,MAAM;;;;;;iCAR1B,MAAM,aAAa,MAAM;;;;;;iCAAzB,MAAM,aAAa,MAAM;;;;;;iCAgBxB,MAAM,aAAa,MAAM;;;;;;iCAMzB,MAAM,aAAa,MAAM;;;;CAInD,CAAC"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../lib/components/paginator/translations.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAErE,UAAU,iBAAiB;IAC1B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IACvE,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CACjB;AAQD,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAkB1D,CAAC"}

package/dist/components/paginator/translations.js

@@ -1,26 +1,22 @@
-const i = {
-  pageSize: "Rows per page",
-  currentPage: (e, a) => `Page ${e + 1} of ${a}`,
+const s = {
+  currentPage: (e, a, r) => `${e}-${a} of ${r}`,
   previousPage: "Previous page",
   nextPage: "Next page"
 }, g = {
   "sv-SE": {
-    pageSize: "Antal per sida",
-    currentPage: (e, a) => `Sida ${e + 1} av ${a}`,
+    currentPage: (e, a, r) => `${e}-${a} av ${r}`,
     previousPage: "Föregående sida",
     nextPage: "Nästa sida"
   },
-  "en-US": i,
-  "en-GB": i,
+  "en-US": s,
+  "en-GB": s,
   "nb-NO": {
-    pageSize: "Antall per side",
-    currentPage: (e, a) => `Side ${e + 1} av ${a}`,
+    currentPage: (e, a, r) => `${e}-${a} av ${r}`,
     previousPage: "Forrige side",
     nextPage: "Neste side"
   },
   "da-DK": {
-    pageSize: "Antal per side",
-    currentPage: (e, a) => `Side ${e + 1} af ${a}`,
+    currentPage: (e, a, r) => `${e}-${a} af ${r}`,
     previousPage: "Forrige side",
     nextPage: "Næste side"
   }

package/dist/components/radio/radio-addon.d.ts

@@ -8,7 +8,7 @@ export type RadioAddonProps = CustomProperties & UseRadioProps & ThemeStyleProps
  * Internally uses Chakras useRadio-hook to provide the elements within with the
  * props required for it to work as a real radio, compatible with FormControl etc.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/radio
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/radio
  */
 export declare const RadioAddon: React.ForwardRefExoticComponent<CustomProperties & UseRadioProps & ThemeStyleProps & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/radio/radio-card.d.ts

@@ -8,7 +8,7 @@ export type RadioCardProps = CustomProperties & UseRadioProps & CustomChakraBoxP
  * Internally uses Chakras useRadio-hook to provide the elements within with the
  * props required for it to work as a real radio, compatible with FormControl etc.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/radio
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/radio#custom-radios
  */
 export declare const RadioCard: React.ForwardRefExoticComponent<CustomProperties & UseRadioProps & CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/radio/radio.d.ts

@@ -5,7 +5,7 @@ export type RadioProps = Pick<ChakraRadioProps, "defaultChecked" | "isChecked" |
 /**
  * Radio component is used in forms when a user needs to select a single value from several options.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/radio
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/radio
  */
 export declare const Radio: React.ForwardRefExoticComponent<Pick<ChakraRadioProps, "children" | "value" | "defaultChecked" | "onChange" | "isDisabled" | "isChecked" | "isInvalid"> & ThemeStyleProps & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=radio.d.ts.map

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

@@ -5,7 +5,7 @@ export type RadioGroupProps = ChakraRadioGroupProperties & ThemeStyleProps;
 /**
  * Used for multiple radios which are bound in one group, and it indicates which option is selected.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/radio-group
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/radio-group
  */
 export declare function RadioGroup({ children, name, isDisabled, defaultValue, value, onChange, display, flexDirection, gap, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -3,7 +3,7 @@ import { SegmentedControlProps } from './types.js';
  * Used for switching between a set of equal options,
  * with one choice always being the active one.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/segmented-control
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/segmented-control
  */
 export declare function SegmentedControl({ items, activeItemId, onChange, isDisabled, size, ...props }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=segmented-control.d.ts.map

package/dist/components/skeleton/skeleton-text.d.ts

@@ -2,7 +2,7 @@ import { SkeletonTextProps } from './types.js';
 /**
  * Used to display the loading state of some component.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/skelton
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/skeleton
  */
 export declare function SkeletonText({ startColor, endColor, ...props }: SkeletonTextProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=skeleton-text.d.ts.map

package/dist/components/skeleton/skeleton.d.ts

@@ -2,7 +2,7 @@ import { SkeletonProps } from './types.js';
 /**
  * Used to display the loading state of some component.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/skelton
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/skeleton
  */
 export declare function Skeleton({ startColor, endColor, children, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=skeleton.d.ts.map

package/dist/components/stack/stack.d.ts

@@ -1,5 +1,5 @@
 import { ThemeSpaceVariable, ThemeStyleProps } from '../../theme/index.js';
-import { StackProps as ChakraStackProps, ResponsiveValue } from '@chakra-ui/react';
+import { StackProps as ChakraStackProps, ComponentWithAs, ResponsiveValue } from '@chakra-ui/react';
 type CustomStackProps = {
     spacing?: ResponsiveValue<ThemeSpaceVariable | (string & {})> | undefined;
 };
@@ -9,8 +9,8 @@ export type StackProps = Pick<ChakraStackProps, "direction" | "children" | "divi
  * You can stack elements in the horizontal or vertical direction, and apply a space or/and divider between each element.
  * It uses display: flex internally and renders a div.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/stack
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/stack
  */
-export declare const Stack: import('@chakra-ui/system').ComponentWithAs<"div", StackProps>;
+export declare const Stack: ComponentWithAs<"div", StackProps>;
 export {};
 //# sourceMappingURL=stack.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../lib/components/stack/stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,EAEN,KAAK,UAAU,IAAI,gBAAgB,EAEnC,KAAK,eAAe,EACpB,MAAM,kBAAkB,CAAC;AAE1B,KAAK,gBAAgB,GAAG;IACvB,OAAO,CAAC,EAAE,eAAe,CAAC,kBAAkB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAG,SAAS,CAAC;CAC1E,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC,GACpF,gBAAgB,GAChB,eAAe,CAAC;AAEjB;;;;;;GAMG;AACH,eAAO,MAAM,KAAK,gEAMhB,CAAC"}
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../lib/components/stack/stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,EAEN,KAAK,UAAU,IAAI,gBAAgB,EACnC,KAAK,eAAe,EAEpB,KAAK,eAAe,EACpB,MAAM,kBAAkB,CAAC;AAE1B,KAAK,gBAAgB,GAAG;IACvB,OAAO,CAAC,EAAE,eAAe,CAAC,kBAAkB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAG,SAAS,CAAC;CAC1E,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC,GACpF,gBAAgB,GAChB,eAAe,CAAC;AAEjB;;;;;;GAMG;AAGH,eAAO,MAAM,KAAK,EAMZ,eAAe,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC"}

package/dist/components/stepper/stepper.d.ts

@@ -2,7 +2,7 @@ import { StepperProps } from './types.js';
 /**
  * A representation of a progress through a series of steps.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/stepper
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/stepper
  */
 export declare function Stepper({ activeStep, orientation, steps, ...props }: StepperProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=stepper.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"table-context.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-context.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"table-context.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-context.tsx"],"names":[],"mappings":"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"}

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

@@ -1,45 +1,49 @@
 import { jsx as z } from "react/jsx-runtime";
+import { useControllableState as u } from "@chakra-ui/react";
 import { useReactTable as A } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
 import { useState as i, useEffect as B, useCallback as w, createContext as D } from "react";
-import { useControllableState as S } from "./use-controllable-state.js";
 import { getFilteredRowModel as G, getSortedRowModel as H, getExpandedRowModel as J, getCoreRowModel as K } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
 const L = D(null), Y = ({
   data: s,
   columns: C,
-  children: R,
-  expandedState: m,
-  localeString: u,
-  initialExpandedState: r = {},
-  initialBreakingContentState: d = {},
+  children: S,
+  expandedState: R,
+  localeString: m,
+  initialExpandedState: a = {},
+  initialBreakingContentState: r = {},
   initialColumnVisibilityState: p = {},
   columnVisibilityState: x,
   onColumnVisibilityChange: M,
-  onExpandedChange: c,
-  onBreakingContentChange: y,
-  onFilterColumn: h,
-  id: E,
-  customRowIndication: l
+  onExpandedChange: d,
+  onBreakingContentChange: h,
+  onFilterColumn: y,
+  id: v,
+  customRowIndication: n
 }) => {
-  const [t, b] = S(m, c, r), [n, v] = S(
-    x,
-    M,
-    p
-  ), [a, T] = i([]), [k, F] = i(
-    d || {}
+  const [t, c] = u({
+    value: R,
+    onChange: d,
+    defaultValue: a
+  }), [l, E] = u({
+    value: x,
+    onChange: M,
+    defaultValue: p
+  }), [b, V] = i([]), [T, k] = i(
+    r || {}
   ), [f, g] = i({});
   B(() => {
-    l && g(l);
-  }, [l]);
-  const P = w(
+    n && g(n);
+  }, [n]);
+  const F = w(
     (e) => {
       let o;
-      typeof e == "function" ? o = e(n) : o = e, v(o);
+      typeof e == "function" ? o = e(l) : o = e, E(o);
     },
-    [n]
-  ), V = w(
+    [l]
+  ), P = w(
     (e) => {
       let o;
-      typeof e == "function" ? o = e(t) : o = e, b(o);
+      typeof e == "function" ? o = e(t) : o = e, c(o);
     },
     [t]
   ), j = A({
@@ -49,39 +53,39 @@ const L = D(null), Y = ({
     getExpandedRowModel: J(),
     getSortedRowModel: H(),
     getFilteredRowModel: G(),
-    onColumnVisibilityChange: P,
-    onExpandedChange: V,
+    onColumnVisibilityChange: F,
+    onExpandedChange: P,
     getSubRows: (e) => e.subRows,
     enableSubRowSelection: !0,
     enableMultiRowSelection: !1,
     enableRowSelection: !0,
     state: {
-      sorting: a,
-      columnVisibility: n,
+      sorting: b,
+      columnVisibility: l,
       expanded: t,
       rowSelection: f
     }
   }), q = {
     data: s,
     table: j,
-    initialExpandedState: r,
-    initialBreakingContentState: d,
-    localeString: u,
-    onExpandedChange: c,
+    initialExpandedState: a,
+    initialBreakingContentState: r,
+    localeString: m,
+    onExpandedChange: d,
     expanded: t,
-    sorting: a,
-    setSorting: T,
-    setExpanded: b,
-    breakingContentState: k,
-    setBreakingContentState: F,
-    onBreakingContentChange: y,
-    onFilterColumn: h,
-    id: E,
+    sorting: b,
+    setSorting: V,
+    setExpanded: c,
+    breakingContentState: T,
+    setBreakingContentState: k,
+    onBreakingContentChange: h,
+    onFilterColumn: y,
+    id: v,
     setRowSelection: g,
     rowSelection: f,
-    columnVisibility: n
+    columnVisibility: l
   };
-  return /* @__PURE__ */ z(L.Provider, { value: q, children: R });
+  return /* @__PURE__ */ z(L.Provider, { value: q, children: S });
 };
 export {
   L as TableContext,

package/dist/components/tabs/tab-list.d.ts

@@ -3,7 +3,7 @@ import { TabListProps } from './types.js';
  * TabList is used to manage a list of tab buttons.
  * It renders a div by default, and is responsible the keyboard interaction between tabs.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/tabs
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/tabs
  */
 export declare function TabList({ alignItems, children, ...props }: TabListProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=tab-list.d.ts.map

package/dist/components/tabs/tab-panel.d.ts

@@ -2,7 +2,7 @@ import { TabPanelProps } from './types.js';
 /**
  * TabPanel Used to render the content for a specific tab.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/tabs
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/tabs
  */
 export declare function TabPanel({ children, ...props }: TabPanelProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=tab-panel.d.ts.map

package/dist/components/tabs/tab-panels.d.ts

@@ -3,7 +3,7 @@ import { TabPanelsProps } from './types.js';
  * Used to manage the rendering of multiple tab panels. It uses cloneElement to hide/show tab panels.
  * It renders a div by default.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/tabs
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/tabs
  */
 export declare function TabPanels({ children, ...props }: TabPanelsProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=tab-panels.d.ts.map

package/dist/components/tabs/tab.d.ts

@@ -3,7 +3,7 @@ import { TabProps } from './types.js';
  * Tab button used to activate a specific tab panel.
  * It renders a button, and is responsible for automatic and manual selection modes.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/tabs
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/tabs
  */
 export declare function Tab({ imgSrc, imgAlt, imgFallbackColor, children, ...props }: TabProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=tab.d.ts.map

package/dist/components/tabs/tabs.d.ts

@@ -2,7 +2,7 @@ import { TabsProps } from './types.js';
 /**
  * Provides context and logic for all tabs components.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/tabs
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/tabs
  * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel/
  */
 export declare function Tabs({ children, variant, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/text/text.d.ts

@@ -9,7 +9,7 @@ export type TextProps = ThemeStyleProps & ChakraTextProperties & CustomPropertie
 /**
  * Used to render texts or paragraphs.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/text
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/text
  */
 export declare function Text({ as, fontFamily, fontSize, fontWeight, color, children, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/toast/toast.d.ts

@@ -18,7 +18,7 @@ export type ShowToastOptions = {
 /**
  * React hook used to create a function that can be used to show toasts in an application.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/toast
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/toast
  */
 export declare function useToast(): {
     showToast: ({ type, duration, description, title, distanceToBottom, }: ShowToastOptions) => void;

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

@@ -3,7 +3,7 @@ import { ToggleButtonProps } from './types.js';
  * A button with a pressed/not pressed state.
  *
  * @see Toggle button role on MDN: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/button_role#toggle_buttons
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/toggle-button
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/toggle-button
  */
 export declare function ToggleButton({ isPressed, children, ...props }: ToggleButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=toggle-button.d.ts.map

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

@@ -4,7 +4,7 @@ export type TooltipProps = Pick<ChakraTooltipProps, "children" | "placement" | "
 /**
  * Tooltips display informative text when users hover, focus on, or tap an element.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/tooltip
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/tooltip
  * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/
  */
 export declare function Tooltip({ children, label, placement, p, fontSize, fontFamily, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/theme/theme-provider.d.ts

@@ -31,7 +31,7 @@ export declare function ThemeProvider({ colors, fonts, fontStyleSheet, globalSty
  * Custom Casper UI wrapper for Chakra ColorModeScript to handle color mode throughout the app,
  * currently always set to light as initial color mode.
  *
- * @see https://bit.cloud/caspeco/casper-ui-library/base-ui/theme
+ * @see Docs https://caspeco.github.io/casper-ui-library/getting-started/theme/
  */
 export declare function ThemeColorModeScript(): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/theme/theme-style-props.d.ts

@@ -239,7 +239,7 @@ export type CustomChakraBoxProps = Pick<BoxProps, "flex" | "alignItems" | "align
  | "aria-label" | "aria-labelledby" | "aria-describedby" | "aria-details" | "aria-busy" | "aria-current" | "aria-autocomplete" | "aria-activedescendant" | "aria-atomic" | "aria-checked" | "aria-controls" | "aria-disabled" | "aria-haspopup" | "aria-expanded" | "aria-hidden" | "aria-orientation" | "aria-selected" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-errormessage" | "aria-flowto" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-roledescription" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext">;
 /**
  * A custom set of the Chakra Style Props with support for Casper UI Theme variables.
- * @see Docs reference: {@link https://bit.cloud/caspeco/casper-ui-library/base-ui/theme/~api-reference?selectedAPI=ThemeStyleProps | Casper UI Theme Style Props}
+ * @see Docs reference: {@link https://caspeco.github.io/casper-ui-library/reference/interfaces/themestyleprops | Casper UI Theme Style Props}
  */
 export interface ThemeStyleProps extends CustomChakraBoxProps, ColorProps, MarginProps, PaddingProps, GridProps, TypographyProps, LayoutProps, ShadowProps, BorderProps {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@caspeco/casper-ui-library",
-	"version": "4.1.0",
+	"version": "5.0.0",
 	"prettier": "@caspeco/prettier-config",
 	"type": "module",
 	"sideEffects": false,

package/dist/components/table/use-controllable-state.d.ts

@@ -1,28 +0,0 @@
-/**
- * A custom React hook for managing state that can be either controlled by a parent component or managed internally.
- *
- * @param value - The controlled value provided by the parent component. If `undefined`, the hook operates in uncontrolled mode and manages the state internally.
- * @param changeHandler - Optional callback invoked when the state changes. Useful for notifying the parent component of state changes in controlled mode.
- * @param initialValue - The initial state value when operating in uncontrolled mode.
- *
- * @returns A tuple containing:
- *   - The current state value (`T`).
- *   - A function to update the state (`setValue`).
- *       In controlled mode, calling `setValue` invokes `changeHandler` without updating internal state.
- *       In uncontrolled mode, `setValue` updates the internal state.
- *
- * @example
- * // Uncontrolled component usage:
- * const [value, setValue] = useControllableState(undefined, props.onChange, 'default');
- * setValue('new value');
- * // props.onChange('new value') is called
- * console.log(value) // 'new value'
- *
- * // Controlled component usage:
- * const [value, setValue] = useControllableState(props.value, props.onChange, 'default');
- * setValue('new value');
- * // props.onChange('new value') is called
- * console.log(value) // 'default'
- */
-export declare function useControllableState<T>(value: T extends Function ? never : T | undefined, changeHandler: ((newValue: T) => void) | undefined, initialValue: T): [T, React.Dispatch<React.SetStateAction<T>>];
-//# sourceMappingURL=use-controllable-state.d.ts.map

package/dist/components/table/use-controllable-state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-controllable-state.d.ts","sourceRoot":"","sources":["../../../lib/components/table/use-controllable-state.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAErC,KAAK,EAAE,CAAC,SAAS,QAAQ,GAAG,KAAK,GAAG,CAAC,GAAG,SAAS,EACjD,aAAa,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,EAClD,YAAY,EAAE,CAAC,GACb,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAgB9C"}

package/dist/components/table/use-controllable-state.js

@@ -1,12 +0,0 @@
-import { useState as s } from "react";
-function a(o, e, n) {
-  const [r, l] = s(n);
-  return [o !== void 0 ? o : r, (t) => {
-    if (typeof t == "function")
-      throw new Error("Function as argument is not supported.");
-    l(t), e?.(t);
-  }];
-}
-export {
-  a as useControllableState
-};