plataforma-fundacao-componentes 3.0.0-beta.32 → 3.0.0-beta.33

package/dist/WritingNoFill-1-50V7kX-Bg7A1lFV.js

@@ -0,0 +1,35 @@
+import { K as l } from "./index-YmeEYTdB.js";
+const e = (i) => /* @__PURE__ */ l.jsxs(
+  "svg",
+  {
+    width: "16",
+    height: "17",
+    viewBox: "0 0 16 17",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...i,
+    children: [
+      /* @__PURE__ */ l.jsx("g", { clipPath: "url(#clip0_11668_1244)", children: /* @__PURE__ */ l.jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M4.09388 1.10714C3.28514 0.298272 1.97377 0.298272 1.16503 1.10714C0.346743 1.92554 0.358013 3.25575 1.19005 4.06017L7.3409 10.0069C7.40647 10.0702 7.48697 10.1161 7.57495 10.1401L10.2401 10.867C10.4258 10.9177 10.6243 10.8661 10.7618 10.7315C10.8993 10.5969 10.9551 10.3995 10.9085 10.2128L10.1816 7.30493C10.1578 7.20966 10.1085 7.12264 10.0391 7.0532L4.09388 1.10714ZM1.93143 1.87343C2.31692 1.48788 2.94199 1.48788 3.32748 1.87343L3.70692 2.25292L2.39171 3.71447L1.94336 3.281C1.54676 2.89757 1.54139 2.26352 1.93143 1.87343ZM3.17138 4.46826L4.47428 3.02039L8.78563 7.33237L7.57047 8.72133L3.17138 4.46826ZM8.52528 9.27591L9.32784 8.35857L9.63264 9.57796L8.52528 9.27591ZM11.2871 11.05C10.9878 11.05 10.7452 11.2926 10.7452 11.5919C10.7452 11.8911 10.9878 12.1338 11.2871 12.1338H14.8994C15.1987 12.1338 15.4413 11.8911 15.4413 11.5919C15.4413 11.2926 15.1987 11.05 14.8994 11.05H11.2871ZM1.17256 13.2457C0.87328 13.2457 0.630668 13.4883 0.630668 13.7876C0.630668 14.0869 0.87328 14.3295 1.17256 14.3295H14.8994C15.1987 14.3295 15.4413 14.0869 15.4413 13.7876C15.4413 13.4883 15.1987 13.2457 14.8994 13.2457H1.17256ZM1.17256 15.4163C0.87328 15.4163 0.630668 15.6589 0.630668 15.9582C0.630668 16.2575 0.87328 16.5001 1.17256 16.5001H14.8994C15.1987 16.5001 15.4413 16.2575 15.4413 15.9582C15.4413 15.6589 15.1987 15.4163 14.8994 15.4163H1.17256Z",
+          fill: "currentColor"
+        }
+      ) }),
+      /* @__PURE__ */ l.jsx("defs", { children: /* @__PURE__ */ l.jsx("clipPath", { id: "clip0_11668_1244", children: /* @__PURE__ */ l.jsx(
+        "rect",
+        {
+          width: "16",
+          height: "16",
+          fill: "white",
+          transform: "translate(0 0.5)"
+        }
+      ) }) })
+    ]
+  }
+);
+export {
+  e as WritingNoFill
+};

package/dist/WritingNoFill-DqO_2qdr-CzwwIZHs.js

@@ -0,0 +1,35 @@
+import { K as l } from "./index-YmeEYTdB.js";
+const e = (i) => /* @__PURE__ */ l.jsxs(
+  "svg",
+  {
+    width: "24",
+    height: "25",
+    viewBox: "0 0 24 25",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...i,
+    children: [
+      /* @__PURE__ */ l.jsx("g", { clipPath: "url(#clip0_11668_1232)", children: /* @__PURE__ */ l.jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M5.79745 1.34773C4.6678 0.218075 2.83627 0.218075 1.70662 1.34773C0.563402 2.49094 0.579148 4.34926 1.74157 5.47293L11.1899 14.6063C11.2557 14.6699 11.3365 14.7159 11.4249 14.74L15.519 15.8566C15.7054 15.9074 15.9047 15.8556 16.0428 15.7205C16.1808 15.5853 16.2369 15.3871 16.19 15.1997L15.0734 10.7334C15.0495 10.6377 15.0001 10.5503 14.9303 10.4806L5.79745 1.34773ZM2.47612 2.11723C3.18079 1.41256 4.32328 1.41256 5.02795 2.11723L5.80725 2.89653L3.40421 5.56658L2.49792 4.6905C1.77281 3.98956 1.76299 2.83036 2.47612 2.11723ZM4.18714 6.32341L6.57782 3.6671L13.6062 10.6955L11.3626 13.2596L4.18714 6.32341ZM12.2931 13.8488L14.1889 11.6821L14.9089 14.5622L12.2931 13.8488ZM17.0504 16.7054C16.7499 16.7054 16.5063 16.949 16.5063 17.2496C16.5063 17.5501 16.7499 17.7937 17.0504 17.7937H22.5994C22.8999 17.7937 23.1435 17.5501 23.1435 17.2496C23.1435 16.949 22.8999 16.7054 22.5994 16.7054H17.0504ZM1.51311 20.0779C1.2126 20.0779 0.968993 20.3215 0.968993 20.622C0.968993 20.9225 1.2126 21.1661 1.51311 21.1661H22.5994C22.8999 21.1661 23.1435 20.9225 23.1435 20.622C23.1435 20.3215 22.8999 20.0779 22.5994 20.0779H1.51311ZM1.51311 23.4117C1.2126 23.4117 0.968993 23.6554 0.968993 23.9559C0.968993 24.2564 1.2126 24.5 1.51311 24.5H22.5994C22.8999 24.5 23.1435 24.2564 23.1435 23.9559C23.1435 23.6554 22.8999 23.4117 22.5994 23.4117H1.51311Z",
+          fill: "currentColor"
+        }
+      ) }),
+      /* @__PURE__ */ l.jsx("defs", { children: /* @__PURE__ */ l.jsx("clipPath", { id: "clip0_11668_1232", children: /* @__PURE__ */ l.jsx(
+        "rect",
+        {
+          width: "24",
+          height: "24",
+          fill: "white",
+          transform: "translate(0 0.5)"
+        }
+      ) }) })
+    ]
+  }
+);
+export {
+  e as WritingNoFill
+};

package/dist/WritingNoFill-W480fmnX-rTvuoTDu.js

@@ -0,0 +1,35 @@
+import { K as l } from "./index-YmeEYTdB.js";
+const L = (i) => /* @__PURE__ */ l.jsxs(
+  "svg",
+  {
+    width: "104",
+    height: "105",
+    viewBox: "0 0 104 105",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...i,
+    children: [
+      /* @__PURE__ */ l.jsx("g", { clipPath: "url(#clip0_11668_1238)", children: /* @__PURE__ */ l.jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M23.5547 3.88823C19.0371 -0.62941 11.7125 -0.629412 7.19487 3.88823C2.623 8.46011 2.68597 15.8918 7.33467 20.3855L49.2829 60.9355C49.421 61.069 49.5905 61.1654 49.7758 61.216L67.9527 66.1733C68.3436 66.2799 68.7617 66.1712 69.0513 65.8878C69.3408 65.6044 69.4583 65.1886 69.3601 64.7956L64.4027 44.9662C64.3526 44.7656 64.2488 44.5823 64.1026 44.4361L29.3832 9.71677L29.4415 9.65201L28.2112 8.54475L23.5547 3.88823ZM21.9408 5.5021L26.2382 9.79947L13.8764 23.5348L8.92096 18.7445C5.18944 15.1374 5.13888 9.17196 8.80875 5.5021C12.4351 1.87578 18.3145 1.87578 21.9408 5.5021ZM27.8543 11.4156L15.5184 25.1221L49.2228 57.7029L60.7833 44.4909L61.9537 45.5149L27.8543 11.4156ZM50.6588 59.0911L49.367 57.8423L50.8554 59.1447L50.6588 59.0911ZM66.6732 63.4586L50.9673 59.1752L62.3501 46.1662L66.6732 63.4586ZM74.4131 72.4434C73.7828 72.4434 73.2719 72.9543 73.2719 73.5846C73.2719 74.2148 73.7828 74.7258 74.4131 74.7258H99.0495C99.6797 74.7258 100.191 74.2148 100.191 73.5846C100.191 72.9543 99.6797 72.4434 99.0495 72.4434H74.4131ZM5.4311 87.4162C4.80084 87.4162 4.28992 87.9271 4.28992 88.5573C4.28992 89.1876 4.80084 89.6985 5.4311 89.6985H99.0495C99.6797 89.6985 100.191 89.1876 100.191 88.5573C100.191 87.9271 99.6797 87.4162 99.0495 87.4162H5.4311ZM5.4311 102.218C4.80084 102.218 4.28992 102.729 4.28992 103.359C4.28992 103.989 4.80084 104.5 5.4311 104.5H99.0495C99.6797 104.5 100.191 103.989 100.191 103.359C100.191 102.729 99.6797 102.218 99.0495 102.218H5.4311Z",
+          fill: "currentColor"
+        }
+      ) }),
+      /* @__PURE__ */ l.jsx("defs", { children: /* @__PURE__ */ l.jsx("clipPath", { id: "clip0_11668_1238", children: /* @__PURE__ */ l.jsx(
+        "rect",
+        {
+          width: "104",
+          height: "104",
+          fill: "white",
+          transform: "translate(0 0.5)"
+        }
+      ) }) })
+    ]
+  }
+);
+export {
+  L as WritingNoFill
+};

package/dist/assets/icons/percentLoader/percentLoader.d.ts

@@ -3,5 +3,5 @@ interface Props extends SVGAttributes<SVGSVGElement> {
     value?: number;
     hideCheck?: boolean;
 }
-export default function PercentLoader({ value, hideCheck, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function PercentLoader({ value, width, height, hideCheck, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/avatar/avatar.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from 'react';
+interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
+    src: string;
+    /**
+     * Valores definidos:
+     * 40, 48, 64, 80, 104
+     *
+     * Consulte no figma qual é o necessário para cada caso
+     */
+    size?: number;
+    circle?: boolean;
+}
+export default function Avatar({ src, size, circle, className, style, onClick, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/header/fragments/userLoginButton/userLoginButton.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 export interface UserLoginButtonProps {
     loading?: boolean;
     userName?: string;
@@ -7,6 +8,12 @@ export interface UserLoginButtonProps {
         signIn: string;
         signOut: string;
     };
-    theme?: 'primary' | 'secondary';
+    theme?: 'primary' | 'secondary' | 'brand';
+    icon?: ReactNode;
 }
-export declare function UserLoginButton({ theme, loading, login, logout, userName, language, }: UserLoginButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function UserLoginButton({ 
+/**
+ * Se colocar o componente Avatar
+ * deve ser de tamanho 40x40
+ */
+icon, theme, loading, login, logout, userName, language, }: UserLoginButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -2,9 +2,10 @@ import { HTMLAttributes, ReactNode, Ref } from 'react';
 export interface HeaderProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
     leftContent?: ReactNode;
     rightContent?: ReactNode;
-    theme?: 'primary' | 'secondary';
+    theme?: 'primary' | 'secondary' | 'brand';
+    shadow?: boolean;
 }
-declare function Header({ className, theme, leftContent, rightContent, ref, ...props }: HeaderProps & {
+declare function Header({ className, theme, shadow, leftContent, rightContent, ref, ...props }: HeaderProps & {
     ref?: Ref<HTMLElement>;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace Header {

package/dist/components/iconButton/iconButton.d.ts

@@ -1,6 +1,6 @@
 import { ButtonHTMLAttributes } from 'react';
 export interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    theme?: 'default' | 'primary' | 'secondary' | 'danger';
+    theme?: 'default' | 'primary' | 'secondary' | 'danger' | 'brand';
     size?: 'no-padding' | 'auto' | 'x-small' | 'small' | 'medium' | 'large';
     outline?: boolean;
 }

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 import Accordion from './accordion/accordion';
+import Avatar from './avatar/avatar';
 import Badge from './badge/badge';
 import Banner from './banner/banner';
 import Box from './box/box';
@@ -44,5 +45,5 @@ import Toast from './toast/fragments/toast/toast';
 import ToastContainer, { ToastContainerFn } from './toast/fragments/toastContainer/toastContainer';
 import Tooltip from './tooltip/tooltip';
 import Typography from './typography/typography';
-export { Accordion, AlertModal, Badge, Banner, Box, Breadcrumb, Button, CarouselContainer, Checkbox, Col, Collapse, ConfirmModal, Container, DatePicker, DestructiveModal, Drawer, Dropdown, FillBar, Footer, FooterSicredi, FormattedText, FullHeightContainer, Header, IconButton, InnerHeader, Input, LabelValue, Link, Loader, Modal, Notification, OverlayContainer, Pagination, PopIconBox, QRCode, Row, ScrollTainer, Select, SelectMultiple, Steps, Switch, Table, Tabs, Tag, Toast, ToastContainer, Tooltip, Typography, };
+export { Accordion, AlertModal, Avatar, Badge, Banner, Box, Breadcrumb, Button, CarouselContainer, Checkbox, Col, Collapse, ConfirmModal, Container, DatePicker, DestructiveModal, Drawer, Dropdown, FillBar, Footer, FooterSicredi, FormattedText, FullHeightContainer, Header, IconButton, InnerHeader, Input, LabelValue, Link, Loader, Modal, Notification, OverlayContainer, Pagination, PopIconBox, QRCode, Row, ScrollTainer, Select, SelectMultiple, Steps, Switch, Table, Tabs, Tag, Toast, ToastContainer, Tooltip, Typography, };
 export type { OverlayContainerFn, ToastContainerFn };

package/dist/components/innerHeader/innerHeader.d.ts

@@ -4,6 +4,7 @@ interface InnerHeaderProps<T extends keyof ReactHTML> extends Omit<ContainerProp
     tag?: ReactNode;
     containerTag?: T;
     bordered?: boolean;
+    theme?: 'default' | 'brand' | 'primary' | 'primary-dark';
 }
-export default function InnerHeader<T extends keyof ReactHTML>({ tag, children, containerTag, className, bordered, ...props }: InnerHeaderProps<T>): import("react/jsx-runtime").JSX.Element;
+export default function InnerHeader<T extends keyof ReactHTML>({ tag, children, containerTag, className, bordered, theme, ...props }: InnerHeaderProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/table/fragments/actionCell.d.ts

@@ -0,0 +1,268 @@
+import { HTMLAttributes } from 'react';
+export default function ActionCell({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").DetailedReactHTMLElement<{
+    className: string;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
+    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
+    style?: import("react").CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "false" | "true") | undefined;
+    "aria-autocomplete"?: "list" | "both" | "none" | "inline" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "false" | "true") | undefined;
+    "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "step" | "time" | "page" | "false" | "true" | "location" | "date" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "false" | "true") | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "false" | "true") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "false" | "true") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "false" | "true") | undefined;
+    "aria-multiline"?: (boolean | "false" | "true") | undefined;
+    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+    "aria-readonly"?: (boolean | "false" | "true") | undefined;
+    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "false" | "true") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "false" | "true") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    children?: import("react").ReactNode;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+}, HTMLElement>;

package/dist/components/table/fragments/orderButton.d.ts

@@ -0,0 +1,9 @@
+import { ButtonHTMLAttributes, MouseEvent } from 'react';
+import { Order } from '../../../libraries';
+interface OrderedColProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
+    order?: Order;
+    onChange?: (order: Order | undefined, evt: MouseEvent<HTMLButtonElement>) => Promise<void> | void;
+    loading?: boolean;
+}
+export default function OrderButton({ children, order, onClick, onChange, className, disabled, loading, ...props }: OrderedColProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table/fragments/orderIcon.d.ts

@@ -0,0 +1,6 @@
+import { SVGAttributes } from 'react';
+interface OrderIconProps extends SVGAttributes<SVGSVGElement> {
+    order?: 'ASC' | 'DESC';
+}
+export default function OrderIcon({ order, height, width, ...props }: OrderIconProps): import("react/jsx-runtime").JSX.Element;
+export {};