playbook-ui 14.14.0 → 14.15.0-alpha.play1910emptystatekitreactbeta6579

package/dist/chunks/{pb_form_validation-BpihMSOQ.js → pb_form_validation-DGhKbZtO.js}

@@ -1 +1 @@
-import{P as PbEnhancedElement,d as debounce}from"./lib-D3us1bGD.js";const KIT_SELECTOR='[class^="pb_"][class*="_kit"]';const ERROR_MESSAGE_SELECTOR=".pb_body_kit_negative";const FORM_SELECTOR='form[data-pb-form-validation="true"]';const REQUIRED_FIELDS_SELECTOR="input[required],textarea[required],select[required]";const FIELD_EVENTS=["change","valid","invalid"];class PbFormValidation extends PbEnhancedElement{static get selector(){return FORM_SELECTOR}connect(){this.formValidationFields.forEach((field=>{FIELD_EVENTS.forEach((e=>{field.addEventListener(e,debounce((event=>{this.validateFormField(event)}),250),false)}))}))}validateFormField(event){event.preventDefault();const{target:target}=event;target.setCustomValidity("");const isValid=event.target.validity.valid;if(isValid){this.clearError(target)}else{this.showValidationMessage(target)}}showValidationMessage(target){const{parentElement:parentElement}=target;this.clearError(target);parentElement.closest(KIT_SELECTOR).classList.add("error");const errorMessageContainer=this.errorMessageContainer;if(target.dataset.message)target.setCustomValidity(target.dataset.message);errorMessageContainer.innerHTML=target.validationMessage;parentElement.appendChild(errorMessageContainer)}clearError(target){const{parentElement:parentElement}=target;parentElement.closest(KIT_SELECTOR).classList.remove("error");const errorMessageContainer=parentElement.querySelector(ERROR_MESSAGE_SELECTOR);if(errorMessageContainer)errorMessageContainer.remove()}get errorMessageContainer(){const errorContainer=document.createElement("div");const kitClassName=ERROR_MESSAGE_SELECTOR.replace(/\./,"");errorContainer.classList.add(kitClassName);return errorContainer}get formValidationFields(){return this._formValidationFields=this._formValidationFields||this.element.querySelectorAll(REQUIRED_FIELDS_SELECTOR)}}window.PbFormValidation=PbFormValidation;
+import{P as PbEnhancedElement,d as debounce}from"./lib-5OzNgeeu.js";const KIT_SELECTOR='[class^="pb_"][class*="_kit"]';const ERROR_MESSAGE_SELECTOR=".pb_body_kit_negative";const FORM_SELECTOR='form[data-pb-form-validation="true"]';const REQUIRED_FIELDS_SELECTOR="input[required],textarea[required],select[required]";const FIELD_EVENTS=["change","valid","invalid"];class PbFormValidation extends PbEnhancedElement{static get selector(){return FORM_SELECTOR}connect(){this.formValidationFields.forEach((field=>{FIELD_EVENTS.forEach((e=>{field.addEventListener(e,debounce((event=>{this.validateFormField(event)}),250),false)}))}))}validateFormField(event){event.preventDefault();const{target:target}=event;target.setCustomValidity("");const isValid=event.target.validity.valid;if(isValid){this.clearError(target)}else{this.showValidationMessage(target)}}showValidationMessage(target){const{parentElement:parentElement}=target;this.clearError(target);parentElement.closest(KIT_SELECTOR).classList.add("error");const errorMessageContainer=this.errorMessageContainer;if(target.dataset.message)target.setCustomValidity(target.dataset.message);errorMessageContainer.innerHTML=target.validationMessage;parentElement.appendChild(errorMessageContainer)}clearError(target){const{parentElement:parentElement}=target;parentElement.closest(KIT_SELECTOR).classList.remove("error");const errorMessageContainer=parentElement.querySelector(ERROR_MESSAGE_SELECTOR);if(errorMessageContainer)errorMessageContainer.remove()}get errorMessageContainer(){const errorContainer=document.createElement("div");const kitClassName=ERROR_MESSAGE_SELECTOR.replace(/\./,"");errorContainer.classList.add(kitClassName);return errorContainer}get formValidationFields(){return this._formValidationFields=this._formValidationFields||this.element.querySelectorAll(REQUIRED_FIELDS_SELECTOR)}}window.PbFormValidation=PbFormValidation;

package/dist/chunks/vendor.js

@@ -1 +1 @@
-import"./_weekday_stacked-B_pw5Znc.js";import"./lazysizes-DHz07jlL.js";import"./_typeahead-PqkcDf1H.js";import"./lib-D3us1bGD.js";import"react/jsx-runtime";import"react";import"react-dom";import"react-trix";import"trix";import"react-is";
+import"./_weekday_stacked-toeDpRDd.js";import"./lazysizes-B7xYodB-.js";import"./_typeahead-D2Wtk1Vx.js";import"./lib-5OzNgeeu.js";import"react/jsx-runtime";import"react";import"react-dom";import"react-trix";import"trix";import"react-is";

package/dist/pb_advanced_table/Components/CustomCell.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { Getter, Row } from "@tanstack/react-table";
+import { GenericObject } from "../../types";
+import { GlobalProps } from "../../utilities/globalProps";
+interface CustomCellProps {
+    getValue?: Getter<string>;
+    onRowToggleClick?: (arg: Row<GenericObject>) => void;
+    row: Row<GenericObject>;
+    value?: string;
+    customRenderer?: (row: Row<GenericObject>, value: string | undefined) => React.ReactNode;
+    selectableRows?: boolean;
+}
+export declare const CustomCell: ({ getValue, onRowToggleClick, row, value, customRenderer, selectableRows, }: CustomCellProps & GlobalProps) => JSX.Element;
+export {};

package/dist/pb_advanced_table/Context/AdvancedTableContext.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const AdvancedTableContext: React.Context<any>;
+export declare const AdvancedTableProvider: ({ children, ...props }: {
+    [key: string]: any;
+    children: React.ReactNode;
+}) => JSX.Element;
+export default AdvancedTableContext;

package/dist/pb_advanced_table/Hooks/useTableActions.d.ts

@@ -0,0 +1,15 @@
+import { Row } from "@tanstack/react-table";
+import { GenericObject } from "../../types";
+interface UseTableActionsProps {
+    table: any;
+    expanded: GenericObject;
+    setExpanded: (expanded: GenericObject) => void;
+    onToggleExpansionClick?: (arg: Row<GenericObject>) => void;
+    onRowSelectionChange?: (rowSelection: any) => void;
+}
+export declare function useTableActions({ table, expanded, setExpanded, onToggleExpansionClick, onRowSelectionChange }: UseTableActionsProps): {
+    handleExpandOrCollapse: (row: Row<GenericObject>) => Promise<void>;
+    onPageChange: (page: number) => void;
+    fetchMoreOnBottomReached: (containerRefElement: HTMLDivElement | null, fetchNextPage: () => void, isFetching: boolean, totalFetched: number, totalDBRowCount: number) => void;
+};
+export {};

package/dist/pb_advanced_table/Hooks/useTableState.d.ts

@@ -0,0 +1,31 @@
+import { RowSelectionState, Row } from "@tanstack/react-table";
+import { GenericObject } from "../../types";
+interface UseTableStateProps {
+    tableData: GenericObject[];
+    columnDefinitions: GenericObject[];
+    expandedControl?: GenericObject;
+    sortControl?: GenericObject;
+    onRowToggleClick?: (arg: Row<GenericObject>) => void;
+    selectableRows?: boolean;
+    initialLoadingRowsCount?: number;
+    loading?: boolean | string;
+    pagination?: boolean;
+    paginationProps?: GenericObject;
+    virtualizedRows?: boolean;
+    tableOptions?: GenericObject;
+    onRowSelectionChange?: (arg: RowSelectionState) => void;
+}
+export declare function useTableState({ tableData, columnDefinitions, expandedControl, sortControl, onRowToggleClick, selectableRows, initialLoadingRowsCount, loading, pagination, paginationProps, virtualizedRows, tableOptions }: UseTableStateProps): {
+    table: import("@tanstack/react-table").Table<any>;
+    expanded: any;
+    setExpanded: any;
+    hasAnySubRows: boolean;
+    selectedRowsLength: number;
+    fetchNextPage: () => void;
+    updateLoadingStateRowCount: () => void;
+    rowSelection: RowSelectionState;
+    fullData: GenericObject[];
+    totalFetched: number;
+    isFetching: boolean;
+};
+export {};

package/dist/pb_advanced_table/Utilities/CellRendererUtils.d.ts

@@ -0,0 +1,18 @@
+import { Row, Getter } from "@tanstack/react-table";
+import { GenericObject } from "../../types";
+/**
+ * Creates a cell render function for table columns
+ *
+ * @param cellAccessors Array of accessors to use based on row depth
+ * @param customRenderer Optional custom renderer function
+ * @param isFirstColumn Whether this is the first column (special handling)
+ * @param onRowToggleClick Optional callback for row toggle
+ * @param selectableRows Whether rows are selectable
+ */
+export declare const createCellFunction: (cellAccessors: string[], customRenderer?: (row: Row<GenericObject>, value: any) => JSX.Element, isFirstColumn?: boolean, onRowToggleClick?: (row: Row<GenericObject>) => void, selectableRows?: boolean) => {
+    ({ row, getValue, }: {
+        row: Row<GenericObject>;
+        getValue: Getter<string>;
+    }): string | JSX.Element;
+    displayName: string;
+};

package/dist/pb_advanced_table/Utilities/ExpansionControlHelpers.d.ts

@@ -0,0 +1,3 @@
+import { RowModel } from "@tanstack/react-table";
+import { GenericObject } from "../../types";
+export declare const updateExpandAndCollapseState: (tableRows: RowModel<GenericObject>, expanded: Record<string, boolean>, targetParent: string) => Record<string, boolean>;

package/dist/pb_advanced_table/Utilities/RowUtils.d.ts

@@ -0,0 +1,18 @@
+import { Row } from "@tanstack/react-table";
+import { GenericObject } from "../../types";
+/**
+ * Determines the background color class for a row
+ */
+export declare const getRowColorClass: (row: Row<GenericObject>, inlineRowLoading: boolean) => string;
+/**
+ * Determines if loading indicator should be shown for a row
+ */
+export declare const shouldShowLoadingIndicator: (row: Row<GenericObject>, inlineRowLoading: boolean, cellAccessorsLength: number) => boolean;
+/**
+ * Creates a virtual item style object for virtualized rows
+ */
+export declare const createVirtualItemStyle: (startPosition: number) => React.CSSProperties;
+/**
+ * Calculates padding left based on row depth
+ */
+export declare const getDepthPaddingLeft: (depth: number) => string;

package/dist/pb_advanced_table/Utilities/TableContainerStyles.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Utility functions to generate styles for table container
+ */
+/**
+ * Creates styles for a virtualized table container
+ * These styles are critical for the virtualizer to work properly
+ */
+export declare const getVirtualizedContainerStyles: (maxHeight?: string) => React.CSSProperties;
+/**
+ * Creates consistent row styles for virtualized table rows
+ * Matches the virtualized row height to the standard table
+ */
+export declare const getVirtualizedRowStyle: (startPosition: number) => React.CSSProperties;
+/**
+ * Get height estimates for different row types
+ */
+export declare const getRowHeightEstimate: (rowType: 'header' | 'row' | 'loading') => 40 | 30;

package/dist/pb_checkbox/_checkbox.d.ts

@@ -0,0 +1,515 @@
+import React from 'react';
+declare const Checkbox: React.ForwardRefExoticComponent<(Pick<{
+    aria?: {
+        [key: string]: string;
+    };
+    checked?: boolean;
+    children?: React.ReactChild[] | React.ReactChild;
+    className?: string;
+    dark?: boolean;
+    data?: {
+        [key: string]: string;
+    };
+    disabled?: boolean;
+    error?: boolean;
+    htmlOptions?: {
+        [key: string]: string | number | boolean | (() => void);
+    };
+    id?: string;
+    indeterminate?: boolean;
+    name?: string;
+    onChange?: (event: React.FormEvent<HTMLInputElement>) => void;
+    tabIndex?: number;
+    text?: string;
+    value?: string;
+} & {
+    alignContent?: never;
+} & {
+    alignItems?: ("start" | "end" | "center") | "flexStart" | "flexEnd" | "stretch" | "baseline";
+} & {
+    alignSelf?: never;
+} & {
+    borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "rounded";
+} & {
+    cursor?: "default" | "none" | "auto" | "contextMenu" | "help" | "pointer" | "progress" | "wait" | "cell" | "crosshair" | "text" | "verticalText" | "alias" | "copy" | "move" | "noDrop" | "notAllowed" | "grab" | "grabbing" | "eResize" | "nResize" | "neResize" | "nwResize" | "sResize" | "seResize" | "swResize" | "wResize" | "ewResize" | "nsResize" | "neswResize" | "nwseResize" | "colResize" | "rowResize" | "allScroll" | "zoomIn" | "zoomOut";
+} & {
+    dark?: boolean;
+} & {
+    display?: import("../types").DisplayType;
+} & import("../types").DisplaySizes & {
+    flex?: "none" | "auto" | "initial" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+} & {
+    flexDirection?: "row" | "column" | "rowReverse" | "columnReverse";
+} & {
+    flexGrow?: 0 | 1;
+} & {
+    flexShrink?: 0 | 1;
+} & {
+    flexWrap?: "wrap" | "nowrap" | "wrapReverse";
+} & {
+    justifyContent?: never;
+} & {
+    justifySelf?: never;
+} & {
+    lineHeight?: "loosest" | "looser" | "loose" | "normal" | "tight" | "tighter" | "tightest";
+} & {
+    marginRight?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    marginLeft?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    marginTop?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    marginBottom?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    marginX?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    marginY?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    margin?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    break?: string;
+    default?: string;
+} & {
+    width?: string;
+} & {
+    minWidth?: string;
+} & {
+    maxWidth?: string;
+} & {
+    gap?: string;
+} & {
+    numberSpacing?: "tabular";
+} & {
+    order?: 1 | 2 | "none" | "first" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+} & {
+    overflowX?: "auto" | "scroll" | "visible" | "hidden";
+    overflowY?: "auto" | "scroll" | "visible" | "hidden";
+    overflow?: "auto" | "scroll" | "visible" | "hidden";
+} & {
+    paddingRight?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    paddingLeft?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    paddingTop?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    paddingBottom?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    paddingX?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    paddingY?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    padding?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    break?: string;
+    default?: string;
+} & {
+    position?: "relative" | "absolute" | "fixed" | "sticky" | "static";
+} & {
+    shadow?: "none" | "deep" | "deeper" | "deepest";
+} & {
+    textAlign?: "start" | "end" | "center" | "left" | "right" | "justify" | "justifyAll" | "matchParent";
+} & {
+    truncate?: 1 | 2 | "none" | 3 | 4 | 5;
+} & {
+    verticalAlign?: "baseline" | "super" | "top" | "middle" | "bottom" | "sub" | "text-top" | "text-bottom";
+} & {
+    [key: string]: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+} & {
+    hover?: string;
+} & {
+    top?: import("../types").Sizes | {
+        value: string;
+        inset: boolean;
+    };
+} & {
+    right?: import("../types").Sizes | {
+        value: string;
+        inset: boolean;
+    };
+} & {
+    bottom?: import("../types").Sizes | {
+        value: string;
+        inset: boolean;
+    };
+} & {
+    left?: import("../types").Sizes | {
+        value: string;
+        inset: boolean;
+    };
+} & {
+    height?: string;
+} & {
+    maxHeight?: string;
+} & {
+    minHeight?: string;
+}, string | number> | Pick<{
+    aria?: {
+        [key: string]: string;
+    };
+    checked?: boolean;
+    children?: React.ReactChild[] | React.ReactChild;
+    className?: string;
+    dark?: boolean;
+    data?: {
+        [key: string]: string;
+    };
+    disabled?: boolean;
+    error?: boolean;
+    htmlOptions?: {
+        [key: string]: string | number | boolean | (() => void);
+    };
+    id?: string;
+    indeterminate?: boolean;
+    name?: string;
+    onChange?: (event: React.FormEvent<HTMLInputElement>) => void;
+    tabIndex?: number;
+    text?: string;
+    value?: string;
+} & {
+    alignContent?: never;
+} & {
+    alignItems?: ("start" | "end" | "center") | "flexStart" | "flexEnd" | "stretch" | "baseline";
+} & {
+    alignSelf?: never;
+} & {
+    borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "rounded";
+} & {
+    cursor?: "default" | "none" | "auto" | "contextMenu" | "help" | "pointer" | "progress" | "wait" | "cell" | "crosshair" | "text" | "verticalText" | "alias" | "copy" | "move" | "noDrop" | "notAllowed" | "grab" | "grabbing" | "eResize" | "nResize" | "neResize" | "nwResize" | "sResize" | "seResize" | "swResize" | "wResize" | "ewResize" | "nsResize" | "neswResize" | "nwseResize" | "colResize" | "rowResize" | "allScroll" | "zoomIn" | "zoomOut";
+} & {
+    dark?: boolean;
+} & {
+    display?: import("../types").DisplayType;
+} & import("../types").DisplaySizes & {
+    flex?: "none" | "auto" | "initial" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+} & {
+    flexDirection?: "row" | "column" | "rowReverse" | "columnReverse";
+} & {
+    flexGrow?: 0 | 1;
+} & {
+    flexShrink?: 0 | 1;
+} & {
+    flexWrap?: "wrap" | "nowrap" | "wrapReverse";
+} & {
+    justifyContent?: never;
+} & {
+    justifySelf?: never;
+} & {
+    lineHeight?: "loosest" | "looser" | "loose" | "normal" | "tight" | "tighter" | "tightest";
+} & {
+    marginRight?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    marginLeft?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    marginTop?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    marginBottom?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    marginX?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    marginY?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    margin?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    break?: string;
+    default?: string;
+} & {
+    width?: string;
+} & {
+    minWidth?: string;
+} & {
+    maxWidth?: string;
+} & {
+    gap?: string;
+} & {
+    numberSpacing?: "tabular";
+} & {
+    order?: 1 | 2 | "none" | "first" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+} & {
+    overflowX?: "auto" | "scroll" | "visible" | "hidden";
+    overflowY?: "auto" | "scroll" | "visible" | "hidden";
+    overflow?: "auto" | "scroll" | "visible" | "hidden";
+} & {
+    paddingRight?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    paddingLeft?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    paddingTop?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    paddingBottom?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    paddingX?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    paddingY?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    padding?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    break?: string;
+    default?: string;
+} & {
+    position?: "relative" | "absolute" | "fixed" | "sticky" | "static";
+} & {
+    shadow?: "none" | "deep" | "deeper" | "deepest";
+} & {
+    textAlign?: "start" | "end" | "center" | "left" | "right" | "justify" | "justifyAll" | "matchParent";
+} & {
+    truncate?: 1 | 2 | "none" | 3 | 4 | 5;
+} & {
+    verticalAlign?: "baseline" | "super" | "top" | "middle" | "bottom" | "sub" | "text-top" | "text-bottom";
+} & {
+    zIndex?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+} & {
+    hover?: string;
+} & {
+    top?: import("../types").Sizes | {
+        value: string;
+        inset: boolean;
+    };
+} & {
+    right?: import("../types").Sizes | {
+        value: string;
+        inset: boolean;
+    };
+} & {
+    bottom?: import("../types").Sizes | {
+        value: string;
+        inset: boolean;
+    };
+} & {
+    left?: import("../types").Sizes | {
+        value: string;
+        inset: boolean;
+    };
+} & {
+    height?: string;
+} & {
+    maxHeight?: string;
+} & {
+    minHeight?: string;
+}, string | number> | Pick<{
+    aria?: {
+        [key: string]: string;
+    };
+    checked?: boolean;
+    children?: React.ReactChild[] | React.ReactChild;
+    className?: string;
+    dark?: boolean;
+    data?: {
+        [key: string]: string;
+    };
+    disabled?: boolean;
+    error?: boolean;
+    htmlOptions?: {
+        [key: string]: string | number | boolean | (() => void);
+    };
+    id?: string;
+    indeterminate?: boolean;
+    name?: string;
+    onChange?: (event: React.FormEvent<HTMLInputElement>) => void;
+    tabIndex?: number;
+    text?: string;
+    value?: string;
+} & {
+    alignContent?: never;
+} & {
+    alignItems?: ("start" | "end" | "center") | "flexStart" | "flexEnd" | "stretch" | "baseline";
+} & {
+    alignSelf?: never;
+} & {
+    borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "rounded";
+} & {
+    cursor?: "default" | "none" | "auto" | "contextMenu" | "help" | "pointer" | "progress" | "wait" | "cell" | "crosshair" | "text" | "verticalText" | "alias" | "copy" | "move" | "noDrop" | "notAllowed" | "grab" | "grabbing" | "eResize" | "nResize" | "neResize" | "nwResize" | "sResize" | "seResize" | "swResize" | "wResize" | "ewResize" | "nsResize" | "neswResize" | "nwseResize" | "colResize" | "rowResize" | "allScroll" | "zoomIn" | "zoomOut";
+} & {
+    dark?: boolean;
+} & import("../types").DisplaySizes & {
+    flex?: "none" | "auto" | "initial" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+} & {
+    flexDirection?: "row" | "column" | "rowReverse" | "columnReverse";
+} & {
+    flexGrow?: 0 | 1;
+} & {
+    flexShrink?: 0 | 1;
+} & {
+    flexWrap?: "wrap" | "nowrap" | "wrapReverse";
+} & {
+    justifyContent?: never;
+} & {
+    justifySelf?: never;
+} & {
+    lineHeight?: "loosest" | "looser" | "loose" | "normal" | "tight" | "tighter" | "tightest";
+} & {
+    marginRight?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    marginLeft?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    marginTop?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    marginBottom?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    marginX?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    marginY?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    margin?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    break?: string;
+    default?: string;
+} & {
+    width?: string;
+} & {
+    minWidth?: string;
+} & {
+    maxWidth?: string;
+} & {
+    gap?: string;
+} & {
+    numberSpacing?: "tabular";
+} & {
+    order?: 1 | 2 | "none" | "first" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+} & {
+    overflowX?: "auto" | "scroll" | "visible" | "hidden";
+    overflowY?: "auto" | "scroll" | "visible" | "hidden";
+    overflow?: "auto" | "scroll" | "visible" | "hidden";
+} & {
+    paddingRight?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    paddingLeft?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    paddingTop?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    paddingBottom?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    paddingX?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    paddingY?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    padding?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    break?: string;
+    default?: string;
+} & {
+    position?: "relative" | "absolute" | "fixed" | "sticky" | "static";
+} & {
+    shadow?: "none" | "deep" | "deeper" | "deepest";
+} & {
+    textAlign?: "start" | "end" | "center" | "left" | "right" | "justify" | "justifyAll" | "matchParent";
+} & {
+    truncate?: 1 | 2 | "none" | 3 | 4 | 5;
+} & {
+    verticalAlign?: "baseline" | "super" | "top" | "middle" | "bottom" | "sub" | "text-top" | "text-bottom";
+} & {
+    [key: string]: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+} & {
+    hover?: string;
+} & {
+    top?: import("../types").Sizes | {
+        value: string;
+        inset: boolean;
+    };
+} & {
+    right?: import("../types").Sizes | {
+        value: string;
+        inset: boolean;
+    };
+} & {
+    bottom?: import("../types").Sizes | {
+        value: string;
+        inset: boolean;
+    };
+} & {
+    left?: import("../types").Sizes | {
+        value: string;
+        inset: boolean;
+    };
+} & {
+    height?: string;
+} & {
+    maxHeight?: string;
+} & {
+    minHeight?: string;
+}, string | number> | Pick<{
+    aria?: {
+        [key: string]: string;
+    };
+    checked?: boolean;
+    children?: React.ReactChild[] | React.ReactChild;
+    className?: string;
+    dark?: boolean;
+    data?: {
+        [key: string]: string;
+    };
+    disabled?: boolean;
+    error?: boolean;
+    htmlOptions?: {
+        [key: string]: string | number | boolean | (() => void);
+    };
+    id?: string;
+    indeterminate?: boolean;
+    name?: string;
+    onChange?: (event: React.FormEvent<HTMLInputElement>) => void;
+    tabIndex?: number;
+    text?: string;
+    value?: string;
+} & {
+    alignContent?: never;
+} & {
+    alignItems?: ("start" | "end" | "center") | "flexStart" | "flexEnd" | "stretch" | "baseline";
+} & {
+    alignSelf?: never;
+} & {
+    borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "rounded";
+} & {
+    cursor?: "default" | "none" | "auto" | "contextMenu" | "help" | "pointer" | "progress" | "wait" | "cell" | "crosshair" | "text" | "verticalText" | "alias" | "copy" | "move" | "noDrop" | "notAllowed" | "grab" | "grabbing" | "eResize" | "nResize" | "neResize" | "nwResize" | "sResize" | "seResize" | "swResize" | "wResize" | "ewResize" | "nsResize" | "neswResize" | "nwseResize" | "colResize" | "rowResize" | "allScroll" | "zoomIn" | "zoomOut";
+} & {
+    dark?: boolean;
+} & import("../types").DisplaySizes & {
+    flex?: "none" | "auto" | "initial" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+} & {
+    flexDirection?: "row" | "column" | "rowReverse" | "columnReverse";
+} & {
+    flexGrow?: 0 | 1;
+} & {
+    flexShrink?: 0 | 1;
+} & {
+    flexWrap?: "wrap" | "nowrap" | "wrapReverse";
+} & {
+    justifyContent?: never;
+} & {
+    justifySelf?: never;
+} & {
+    lineHeight?: "loosest" | "looser" | "loose" | "normal" | "tight" | "tighter" | "tightest";
+} & {
+    marginRight?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    marginLeft?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    marginTop?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    marginBottom?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    marginX?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    marginY?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    margin?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    break?: string;
+    default?: string;
+} & {
+    width?: string;
+} & {
+    minWidth?: string;
+} & {
+    maxWidth?: string;
+} & {
+    gap?: string;
+} & {
+    numberSpacing?: "tabular";
+} & {
+    order?: 1 | 2 | "none" | "first" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+} & {
+    overflowX?: "auto" | "scroll" | "visible" | "hidden";
+    overflowY?: "auto" | "scroll" | "visible" | "hidden";
+    overflow?: "auto" | "scroll" | "visible" | "hidden";
+} & {
+    paddingRight?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    paddingLeft?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    paddingTop?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    paddingBottom?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    paddingX?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    paddingY?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    padding?: "none" | import("../types").Sizes | "auto" | "initial" | "inherit";
+    break?: string;
+    default?: string;
+} & {
+    position?: "relative" | "absolute" | "fixed" | "sticky" | "static";
+} & {
+    shadow?: "none" | "deep" | "deeper" | "deepest";
+} & {
+    textAlign?: "start" | "end" | "center" | "left" | "right" | "justify" | "justifyAll" | "matchParent";
+} & {
+    truncate?: 1 | 2 | "none" | 3 | 4 | 5;
+} & {
+    verticalAlign?: "baseline" | "super" | "top" | "middle" | "bottom" | "sub" | "text-top" | "text-bottom";
+} & {
+    zIndex?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+} & {
+    hover?: string;
+} & {
+    top?: import("../types").Sizes | {
+        value: string;
+        inset: boolean;
+    };
+} & {
+    right?: import("../types").Sizes | {
+        value: string;
+        inset: boolean;
+    };
+} & {
+    bottom?: import("../types").Sizes | {
+        value: string;
+        inset: boolean;
+    };
+} & {
+    left?: import("../types").Sizes | {
+        value: string;
+        inset: boolean;
+    };
+} & {
+    height?: string;
+} & {
+    maxHeight?: string;
+} & {
+    minHeight?: string;
+}, string | number>) & React.RefAttributes<HTMLInputElement>>;
+export default Checkbox;