aristid-ds 10.1.0-e304e46 → 10.1.0-efeb78e

package/CHANGELOG.md

@@ -4,7 +4,25 @@
 
 ### ✨ Features
 
+-   **⚠️ Breaking change - Pagination:**
+    -   `bordererd` prop doesn't exist anymore (@7Remy)
+    -   New design (@7Remy)
+-   **Table**:
+    -   Handle two different line heights (m/l) (@7Remy)
+    -   Reduce sort icons size (@7Remy)
+    -   Fix table header height (@7Remy)
+    -   Make rows sortable (added `showDragHandle` and `DragHandleelement` props) (@evoiron)
+    -   Make table and rows background customisable with `cellsBackgroundColor` and `backgroundColor`props (@evoiron)
+    -   Add `showHeader`prop to show or hide table header (@evoiron)
+    -   Add `borderedRows` prop to add a border to table rows (@evoiron)
+-   **⚠️ Breaking change - Button:**
+    -   Change available colors on segmented button (same as `Tag` compoent) (@evoiron)
+-   **Button**
+    -   Add role `link` when type prop is set to `link` or `redirect` (@philippechevieux)
+    -   Add `size` props, usable when type is `primary`, `secondary` or `tertiary` (@evoiron)
+    -   Add split button. Just fill the `items` props to enable it. (@evoiron)
 -   **ColorPicker**
+    -   Add `ref` support to retrieve the `value`, `focus` or `blur` the `ColorPicker` (@philippechevieux)
     -   Add a clear icon inside `ColorPicker` input when `allowClear` prop is set (@philippechevieux)
 -   **Empty**:
     -   Add 5 svgs, and replace existing ones to uniformize size (@7Remy)
@@ -12,9 +30,27 @@
     -   Update image container (@7Remy)
     -   Update elements order/spacing (@7Remy)
     -   Improve responsive (@7Remy)
+-   **Collapse**:
+    -   Update `clear` icon render (@philippechevieux)
+-   **Input**:
+    -   Update `clear` icon render (@philippechevieux)
+-   **Password**:
+    -   Update `clear` icon render (@philippechevieux)
+-   **TextArea**:
+    -   Update `clear` icon render (@philippechevieux)
+-   **Select**:
+    -   Update `clear` icon render (@philippechevieux)
+-   **Notification**:
+    -   Update `clear` icon render (@philippechevieux)
+-   **Filter**:
+    -   Add the new Filter component (@evoiron)
 
 ### 🐛 Bug Fixes
 
+-   **InputWrapper**:
+    -   Fix an issue where a child `InputWrapper` was displaying a border if a parent `InputWrapper` had the `bordered` property set to `true`. (@philippechevieux)
+    -   Fix `onInfoClick` button render (@philippechevieux)
+    -   Fix `actions` alignment (@philippechevieux)
 -   **AutoComplete**:
     -   Pass `required` attribute to the DOM (@Delmotte-Vincent)
 -   **DatePicker**:
@@ -29,9 +65,19 @@
     -   Pass `required` attribute to the DOM (@Delmotte-Vincent)
 -   **Select**:
     -   Pass `required` attribute to the DOM (@Delmotte-Vincent)
+    -   Fix avatar space when no icon on tag mode (@renaudamsellem)
 -   **RichText**:
     -   Enforce css for bullet list display. Avoid external css from breaking it. (@evoiron)
 
+### 📚 Documentation
+
+-   upgrade Storybook to v8.3.6 (@evoiron)
+
+### 📚 Documentation
+
+-   Unify storybook headings (@evoiron)
+-   Rewrite Accessibility Panel for better performances (@evoiron)
+
 ## [10.1.0](https://www.npmjs.com/package/aristid-ds/v/10.1.0) (2024-10-15)
 
 ### ✨ Features

package/dist/Kit/App/index.js

@@ -2,21 +2,18 @@ import "react/jsx-runtime";
 import "react";
 import "antd";
 import "../../chunks/SnackBarProvider.xMKXdZ88.js";
-import { K as l } from "../../chunks/index.MNk1kAkw.js";
+import { K as h } from "../../chunks/index.QQ-Rz_l_.js";
 import "../../theme/utils/tokens-mapper/index.js";
 import "../../translation/utils/index.js";
-import "../../chunks/useKitLocale.96CdK3og.js";
-import "../DataDisplay/Avatar/index.js";
+import "../../chunks/index.k7ZSR6zg.js";
+import "../../chunks/index.e41c1v3i.js";
 import "../DataDisplay/Badge/index.js";
 import "../DataDisplay/Empty/index.js";
-import "../DataDisplay/IdCard/index.js";
-import "../DataDisplay/Image/index.js";
-import "../DataDisplay/Table/index.js";
 import "../DataDisplay/Tabs/index.js";
 import "../DataDisplay/Tree/index.js";
 import "../DataDisplay/Tooltip/index.js";
 import "../../chunks/useKitTheme.KSAU-Pdv.js";
 import "classnames";
 export {
-  l as KitApp
+  h as KitApp
 };

package/dist/Kit/DataDisplay/Avatar/index.js

@@ -1,19 +1,4 @@
-import { s as a, K as m } from "../../../chunks/Avatar.N2w2jq_C.js";
-import { jsx as c } from "react/jsx-runtime";
-import { Avatar as l } from "antd";
-import { u as n } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import v from "classnames";
-const u = ({ className: i, disabled: s, maxCount: r, ...t }) => {
-  const { appId: e } = n(), p = v(e, a["kit-avatar-group"], i, {
-    "override-last": r,
-    [a["kit-avatar-group-disabled"]]: s
-  });
-  return c(l.Group, { ...t, maxCount: r, className: p, maxStyle: {
-    cursor: t.maxPopoverTrigger === "click" ? "pointer" : "initial"
-  } });
-}, A = u, o = m;
-o.displayName = "KitAvatar";
-o.Group = A;
+import { K as t } from "../../../chunks/index.e41c1v3i.js";
 export {
-  o as KitAvatar
+  t as KitAvatar
 };

package/dist/Kit/DataDisplay/Badge/index.js

@@ -1,19 +1,19 @@
 import "../../../assets/index.css";
 import { jsx as g } from "react/jsx-runtime";
-import { useMemo as d } from "react";
+import { useMemo as l } from "react";
 import { Badge as u } from "antd";
-import { u as f } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { isValidColor as l, getColor as n, getLighterColor as c } from "../../../utils/functions/index.js";
+import { u as d } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { isValidColor as f, getColor as n, getLighterColor as c } from "../../../utils/functions/index.js";
 import { kitBadgeCssTokens as s } from "../../../theme/aristid/components/DataDisplay/Badge/index.js";
 import k from "classnames";
 const b = {
-  "kit-badge": "_kit-badge_9qdi1_2"
-}, B = (t, o) => !t || !l(t) ? null : {
+  "kit-badge": "_kit-badge_8zlso_2"
+}, B = (t, o) => !t || !f(t) ? null : {
   [s.colors.background.default]: n(t, o),
   [s.colors.typography.default]: c(t, o)
-}, C = ({ color: t, style: o, secondaryColorInvert: e = !1, className: i, ...m }) => {
-  const { appId: r } = f(), a = d(() => ({ ...o, ...B(t, e) }), [t, e, o]), p = k(r, b["kit-badge"], i);
-  return g(u, { style: a, ...m, className: p });
+}, C = ({ color: t, style: o, secondaryColorInvert: e = !1, className: m, ...r }) => {
+  const { appId: i } = d(), a = l(() => ({ ...o, ...B(t, e) }), [t, e, o]), p = k(i, b["kit-badge"], m);
+  return g(u, { style: a, ...r, className: p });
 };
 C.displayName = "KitBadge";
 export {

package/dist/Kit/DataDisplay/Collapse/index.js

@@ -1,4 +1,4 @@
-import { b as e } from "../../../chunks/index.MNk1kAkw.js";
+import { b as e } from "../../../chunks/index.QQ-Rz_l_.js";
 export {
   e as KitCollapse
 };

package/dist/Kit/DataDisplay/Empty/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index30.css";
+import "../../../assets/index19.css";
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { Empty as p } from "antd";
 import { u as m } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

package/dist/Kit/DataDisplay/Error/index.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
 import "antd";
-import "../../../chunks/useKitLocale.96CdK3og.js";
+import "../../../chunks/index.k7ZSR6zg.js";
 import "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import "../../General/Button/index.js";
+import { c as k } from "../../../chunks/index.QQ-Rz_l_.js";
 import "../../General/Typography/index.js";
 import "../../General/Icon/index.js";
 import "../../Layout/Divider/index.js";
@@ -13,11 +13,9 @@ import "color-string";
 import "lodash/isEmpty";
 import "classnames";
 import "../../../chunks/styles.module.Q_QQjQdX.js";
-import { c as n } from "../../../chunks/index.MNk1kAkw.js";
-import "../../Feedback/Alert/index.js";
 import "../../Feedback/Progress/index.js";
 import "../../Feedback/Loader/index.js";
 import "react-hot-toast";
 export {
-  n as KitError
+  k as KitError
 };

package/dist/Kit/DataDisplay/IdCard/index.d.ts

@@ -1,3 +1,3 @@
-import { FunctionComponent } from 'react';
-import { IKitIdCard } from './types';
+import { type FunctionComponent } from 'react';
+import { type IKitIdCard } from './types';
 export declare const KitIdCard: FunctionComponent<IKitIdCard>;

package/dist/Kit/DataDisplay/IdCard/index.js

@@ -1,24 +1,10 @@
-import "../../../assets/index2.css";
-import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import n from "classnames";
-import { u as x } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import "../../General/Button/index.js";
-import { KitTypography as m } from "../../General/Typography/index.js";
+import "react/jsx-runtime";
+import "classnames";
+import { d as e } from "../../../chunks/index.QQ-Rz_l_.js";
+import "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import "../../General/Typography/index.js";
 import "../../General/Icon/index.js";
-import { K as y } from "../../../chunks/Avatar.N2w2jq_C.js";
-const g = {
-  "kit-id-card": "_kit-id-card_mmcks_2"
-}, D = (r, i, t) => {
-  const o = n({ "kit-id-card-title-large": i === "large" });
-  return s(m.Text, { className: o, size: "fontSize5", weight: "bold", ellipsis: { tooltip: !0 }, disabled: t, children: r });
-}, K = (r, i, t) => {
-  const o = i === "medium" ? "fontSize7" : "fontSize5";
-  return s(m.Text, { size: o, ellipsis: { tooltip: !0 }, disabled: t, children: r });
-}, T = ({ className: r, title: i, description: t, avatarProps: o, size: c = "medium", disabled: e = !1, ...p }) => {
-  const { appId: u } = x(), h = n(u, g["kit-id-card"], r), f = o !== void 0, a = i !== void 0, d = t !== void 0, v = a || d;
-  return l("div", { className: `${h} id-card-grid`, ...p, children: [f && s("div", { className: "card-avatar", children: s(y, { ...o, disabled: e }) }), v && l("div", { className: "card-info", children: [a && D(i, c, e), d && K(t, c, e)] })] });
-};
-T.displayName = "KitIdCard";
+import "../../../chunks/index.e41c1v3i.js";
 export {
-  T as KitIdCard
+  e as KitIdCard
 };

package/dist/Kit/DataDisplay/Image/index.js

@@ -1,24 +1,10 @@
-import "../../../assets/index3.css";
-import { jsxs as k, jsx as r } from "react/jsx-runtime";
-import { Image as a } from "antd";
-import d from "classnames";
-import { FontAwesomeIcon as v } from "@fortawesome/react-fontawesome";
-import { faEye as I } from "@fortawesome/free-solid-svg-icons";
-import { u as _ } from "../../../chunks/useKitLocale.96CdK3og.js";
-import { u as j } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-const m = {
-  "kit-image": "_kit-image_t5juo_2",
-  "mask-container": "_mask-container_t5juo_23"
-}, x = ({ rounded: n, bordered: c, preview: o, className: t, ...p }) => {
-  var e;
-  const { locale: u } = _(), { appId: f } = j(), i = k("div", { className: m["mask-container"], children: [r(v, { icon: I }), (e = u.Image) === null || e === void 0 ? void 0 : e.preview] }), l = () => typeof o == "object" ? { mask: i, ...o } : o === void 0 ? { mask: i } : o, g = d(f, m["kit-image"], t ?? "", {
-    rounded: n,
-    bordered: c
-  });
-  return r(a, { className: g, preview: l(), ...p });
-}, s = x;
-s.PreviewGroup = a.PreviewGroup;
-s.displayName = "KitImage";
+import "react/jsx-runtime";
+import "antd";
+import "classnames";
+import "@fortawesome/react-fontawesome";
+import "@fortawesome/free-solid-svg-icons";
+import { K } from "../../../chunks/index.k7ZSR6zg.js";
+import "../../../chunks/useKitTheme.KSAU-Pdv.js";
 export {
-  s as KitImage
+  K as KitImage
 };

package/dist/Kit/DataDisplay/ItemCard/index.js

@@ -1,29 +1,20 @@
 import "react/jsx-runtime";
 import "react";
 import "classnames";
-import "../../General/Button/index.js";
+import { a as h } from "../../../chunks/index.QQ-Rz_l_.js";
 import "../../General/Typography/index.js";
 import "../../General/Icon/index.js";
-import "../../DataEntry/Checkbox/index.js";
-import "../../DataEntry/Input/index.js";
-import "../../DataEntry/InputNumber/index.js";
-import "../../DataEntry/Radio/index.js";
 import "../../DataEntry/Rate/index.js";
-import { a as y } from "../../../chunks/index.MNk1kAkw.js";
 import "../../DataEntry/Switch/index.js";
-import "../../DataEntry/DatePicker/index.js";
-import "../../DataEntry/AutoComplete/index.js";
-import "../../DataEntry/Upload/index.js";
 import "../../DataEntry/Slider/index.js";
-import "../../DataEntry/ColorPicker/index.js";
 import "../../Navigation/Breadcrumb/index.js";
 import "../../Navigation/DropDown/index.js";
 import "../../Navigation/Steps/index.js";
 import "antd";
 import "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import "../../../chunks/styles.module.taPo3VoP.js";
+import "../../../chunks/styles.module.YmhPHVHy.js";
 import "@fortawesome/react-fontawesome";
 import "@fortawesome/free-solid-svg-icons";
 export {
-  y as KitItemCard
+  h as KitItemCard
 };

package/dist/Kit/DataDisplay/ItemCard/types.d.ts

@@ -28,6 +28,7 @@ export type IKitItemCard = {
         | [IKitActionButton]
         | [IKitActionButton, IKitActionButton]
         | [IKitActionButton, IKitActionButton, IKitActionButton];
+    imageCover?: boolean;
 };
 
 export type IKitItemCardActions = {

package/dist/Kit/DataDisplay/ItemList/index.js

@@ -1,39 +1,27 @@
 import "react/jsx-runtime";
 import "react";
-import "../../DataEntry/Checkbox/index.js";
-import "../../DataEntry/Input/index.js";
-import "../../DataEntry/InputNumber/index.js";
-import "../../DataEntry/Radio/index.js";
+import { e as v } from "../../../chunks/index.QQ-Rz_l_.js";
 import "../../DataEntry/Rate/index.js";
-import { d as J } from "../../../chunks/index.MNk1kAkw.js";
 import "../../DataEntry/Switch/index.js";
-import "../../DataEntry/DatePicker/index.js";
-import "../../DataEntry/AutoComplete/index.js";
-import "../../DataEntry/Upload/index.js";
 import "../../DataEntry/Slider/index.js";
-import "../../DataEntry/ColorPicker/index.js";
-import "../Avatar/index.js";
+import "../../../chunks/index.e41c1v3i.js";
 import "../Badge/index.js";
 import "../Empty/index.js";
-import "../IdCard/index.js";
-import "../Image/index.js";
-import "../Table/index.js";
+import "../../../chunks/index.k7ZSR6zg.js";
 import "../Tabs/index.js";
 import "../Tree/index.js";
 import "../Tooltip/index.js";
 import "antd";
 import "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import "classnames";
-import "../../General/Button/index.js";
 import "../../General/Typography/index.js";
 import "../../General/Icon/index.js";
 import "../../Navigation/Breadcrumb/index.js";
 import "../../Navigation/DropDown/index.js";
 import "../../Navigation/Steps/index.js";
-import "../../../chunks/styles.module.taPo3VoP.js";
+import "../../../chunks/styles.module.YmhPHVHy.js";
 import "@fortawesome/react-fontawesome";
 import "@fortawesome/free-solid-svg-icons";
-import "../../../chunks/useKitLocale.96CdK3og.js";
 export {
-  J as KitItemList
+  v as KitItemList
 };

package/dist/Kit/DataDisplay/RedirectCard/index.js

@@ -1,11 +1,10 @@
 import "react/jsx-runtime";
 import "classnames";
-import { e as g } from "../../../chunks/index.MNk1kAkw.js";
+import { f as b } from "../../../chunks/index.QQ-Rz_l_.js";
 import "react";
 import "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import "@fortawesome/react-fontawesome";
 import "@fortawesome/free-solid-svg-icons";
-import "../../General/Button/index.js";
 import "../../General/Typography/index.js";
 import "../../General/Icon/index.js";
 import "../../Layout/Divider/index.js";
@@ -15,5 +14,5 @@ import "color-string";
 import "lodash/isEmpty";
 import "../../../chunks/styles.module.Q_QQjQdX.js";
 export {
-  g as KitRedirectCard
+  b as KitRedirectCard
 };

package/dist/Kit/DataDisplay/Table/DragHandle.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IDragHandle } from './types';
+export declare const DragHandle: import("react").ForwardRefExoticComponent<IDragHandle & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/Kit/DataDisplay/Table/Table.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { IKitTable } from './types';
+export declare const KitTable: FunctionComponent<IKitTable>;

package/dist/Kit/DataDisplay/Table/index.d.ts

@@ -1,3 +1,2 @@
-import { FunctionComponent } from 'react';
-import { IKitTable } from './types';
-export declare const KitTable: FunctionComponent<IKitTable>;
+import { KitTableCompoundedComponent } from './types';
+export declare const KitTable: KitTableCompoundedComponent;

package/dist/Kit/DataDisplay/Table/index.js

@@ -1,88 +1,4 @@
-import "../../../assets/index20.css";
-import { jsx as o } from "react/jsx-runtime";
-import { Table as I } from "antd";
-import N from "classnames";
-import { u as g } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { KitButton as A } from "../../General/Button/index.js";
-import "../../General/Typography/index.js";
-import { KitIcon as S } from "../../General/Icon/index.js";
-import { FontAwesomeIcon as w } from "@fortawesome/react-fontawesome";
-import { faUpDown as K, faArrowDown as T, faArrowUp as R, faCaretDown as W, faCaretRight as j } from "@fortawesome/free-solid-svg-icons";
-const f = {
-  "kit-table": "_kit-table_nebkd_2",
-  "expand-button": "_expand-button_nebkd_556"
-}, _ = (n) => {
-  const l = n == null ? void 0 : n.split(" "), i = l == null ? void 0 : l.filter((t) => t !== "ant-table-cell").join(" "), a = l == null ? void 0 : l.filter((t) => ["ant-table-cell", "ant-table-cell-ellipsis", "ant-table-selection-column"].includes(t)).join(" ");
-  return {
-    antCell: i,
-    internalCell: a
-  };
-}, D = (n) => ({
-  header: {
-    cell: ({ children: l, className: i, style: a, title: t, rowSpan: c, colSpan: s, ...v }) => {
-      const d = _(i);
-      return o("th", { className: d.antCell, style: a, title: t, rowSpan: c, colSpan: s, ...v, children: o("div", { className: d.internalCell, children: l }) });
-    }
-  },
-  body: {
-    cell: ({ children: l, className: i, style: a, title: t, rowSpan: c, colSpan: s, ...v }) => {
-      var d, u;
-      const h = (d = n == null ? void 0 : n.body) === null || d === void 0 ? void 0 : d.cell, b = _(i);
-      let C = "";
-      return !((u = b.antCell) === null || u === void 0) && u.includes("ant-table-cell-ellipsis") && (C = t), o("td", { className: b.antCell, style: a, title: C, rowSpan: c, colSpan: s, children: o("div", { className: b.internalCell, children: h ? o(h, { title: t, ...v, children: l }) : l }) });
-    },
-    row: ({ children: l, ...i }) => {
-      var a;
-      const t = (a = n == null ? void 0 : n.body) === null || a === void 0 ? void 0 : a.row;
-      return t ? o("tr", { ...i, tabIndex: 0, children: o(t, { children: l }) }) : o("tr", { ...i, tabIndex: 0, children: l });
-    }
-  }
-}), U = ({ sortOrder: n }) => {
-  let l, i;
-  switch (n) {
-    case "ascend":
-      l = R, i = "blue";
-      break;
-    case "descend":
-      l = T, i = "blue";
-      break;
-    default:
-      l = K;
-      break;
-  }
-  return o(S, { color: i, icon: o(w, { icon: l }) });
-}, z = ({ className: n, style: l, cellsBackgroundColor: i, columns: a, onChange: t, components: c, ...s }) => {
-  const { appId: v, theme: d } = g(), u = N(v, f["kit-table"], n), h = a == null ? void 0 : a.map((e) => (e.sorter && (e.sortIcon = ({ sortOrder: m }) => o(U, { sortOrder: m })), e)), b = (e, m, p, r) => {
-    t == null || t(e, p, r);
-  }, C = ({ record: e, expanded: m, onExpand: p }) => {
-    var r;
-    if (!(!Array.isArray(e == null ? void 0 : e.children) || !(!((r = e == null ? void 0 : e.children) === null || r === void 0) && r.length)))
-      return o(A, { className: f["expand-button"], type: "tertiary", onClick: (y) => p(e, y), children: o(w, { icon: m ? W : j }) });
-  }, x = (e, m, p) => {
-    var r;
-    return p > 0 && (!Array.isArray(e == null ? void 0 : e.children) || !(!((r = e == null ? void 0 : e.children) === null || r === void 0) && r.length)) ? "last-expandable-level" : "";
-  }, k = { ...s == null ? void 0 : s.rowSelection };
-  return o(I, {
-    className: u,
-    style: { "--kit-table-cells-background-color": i, ...l },
-    columns: h,
-    components: D(c),
-    onChange: b,
-    // Pour l'instant on garde expandable dans les props à Omit<>
-    // A voir si on permet de custom uniquement certaines propriété
-    expandable: {
-      expandedRowClassName: x,
-      expandIcon: C,
-      indentSize: d.spacing.m
-    },
-    ...s,
-    rowSelection: {
-      ...k,
-      columnWidth: "var(--kit-table-checkbox-width)"
-    }
-  });
-};
-z.displayName = "KitTable";
+import { g as o } from "../../../chunks/index.QQ-Rz_l_.js";
 export {
-  z as KitTable
+  o as KitTable
 };

package/dist/Kit/DataDisplay/Table/types.d.ts

@@ -1,8 +1,16 @@
 import {TableProps} from 'antd';
 import {KitHTMLAttributes} from '../../../types';
+import {IKitButton} from '../../General/Button/types';
 import type {TableColumnType} from 'antd';
 import {ColumnType, TableRowSelection, SortOrder} from 'antd/es/table/interface';
-import {CSSProperties, ComponentType, ForwardRefExoticComponent, FunctionComponent, ReactHTML} from 'react';
+import {
+    CSSProperties,
+    ComponentType,
+    ForwardRefExoticComponent,
+    FunctionComponent,
+    ReactElement,
+    ReactHTML
+} from 'react';
 
 type Component<P> = ComponentType<P> | ForwardRefExoticComponent<P> | FunctionComponent<P> | keyof ReactHTML;
 
@@ -50,7 +58,16 @@ export interface IKitTable<RecordType = any>
     components?: KitTableComponents;
     onChange?: (pagination: onChangePagination, sorter: onChangeSorter, extra: onChangeExtra) => void;
     cellsBackgroundColor?: string;
+    backgroundColor?: string;
+    borderedRows?: boolean;
     columns: KitTableColumnsType<RecordType>;
+    lineSize?: 'm' | 'l';
+    dragHandleElement?: ReactElement;
+    showDragHandle?: boolean;
+}
+
+export interface IDragHandle extends IKitButton, KitHTMLAttributes<HTMLButtonElement> {
+    isDragging?: boolean;
 }
 
 type KitColumnTypeToOmit =
@@ -74,5 +91,9 @@ export type KitColumnType<RecordType> = Omit<ColumnType<RecordType>, KitColumnTy
 
 export type KitTableColumnsType<RecordType> = KitColumnType<RecordType>[];
 
+export type KitTableCompoundedComponent = FunctionComponent<IKitTable> & {
+    DragHandle: ForwardRefExoticComponent<HTMLButtonElement, IDragHandle>;
+};
+
 export {TableColumnType as KitTableColumnType};
 export {SortOrder as KitSortOrder};

package/dist/Kit/DataDisplay/Tabs/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index4.css";
+import "../../../assets/index2.css";
 import { jsx as m } from "react/jsx-runtime";
 import { Tabs as c } from "antd";
 import { u as l } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

package/dist/Kit/DataDisplay/Tag/index.js

@@ -1,4 +1,4 @@
-import { f as o } from "../../../chunks/index.MNk1kAkw.js";
+import { h as r } from "../../../chunks/index.QQ-Rz_l_.js";
 export {
-  o as KitTag
+  r as KitTag
 };

package/dist/Kit/DataDisplay/Tree/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index5.css";
+import "../../../assets/index3.css";
 import { jsx as i } from "react/jsx-runtime";
 import { Tree as a } from "antd";
 import { u as n } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

package/dist/Kit/DataDisplay/index.js

@@ -1,29 +1,27 @@
-import { KitAvatar as o } from "./Avatar/index.js";
-import { KitBadge as i } from "./Badge/index.js";
-import { b as K, c as m, a as p, d as f, e as x, f as s } from "../../chunks/index.MNk1kAkw.js";
-import { KitEmpty as T } from "./Empty/index.js";
-import { KitIdCard as C } from "./IdCard/index.js";
-import { KitImage as b } from "./Image/index.js";
-import { KitTable as c } from "./Table/index.js";
-import { KitTabs as u } from "./Tabs/index.js";
-import { KitTree as y } from "./Tree/index.js";
-import { KitTooltip as B } from "./Tooltip/index.js";
-import { KitTour as R } from "./Tour/index.js";
+import { K as o } from "../../chunks/index.e41c1v3i.js";
+import { KitBadge as e } from "./Badge/index.js";
+import { b as K, c as m, d as s, a as p, e as f, f as x, g as d, h as T } from "../../chunks/index.QQ-Rz_l_.js";
+import { KitEmpty as l } from "./Empty/index.js";
+import { K as I } from "../../chunks/index.k7ZSR6zg.js";
+import { KitTabs as c } from "./Tabs/index.js";
+import { KitTree as h } from "./Tree/index.js";
+import { KitTooltip as v } from "./Tooltip/index.js";
+import { KitTour as A } from "./Tour/index.js";
 export {
   o as KitAvatar,
-  i as KitBadge,
+  e as KitBadge,
   K as KitCollapse,
-  T as KitEmpty,
+  l as KitEmpty,
   m as KitError,
-  C as KitIdCard,
-  b as KitImage,
+  s as KitIdCard,
+  I as KitImage,
   p as KitItemCard,
   f as KitItemList,
   x as KitRedirectCard,
-  c as KitTable,
-  u as KitTabs,
-  s as KitTag,
-  B as KitTooltip,
-  R as KitTour,
-  y as KitTree
+  d as KitTable,
+  c as KitTabs,
+  T as KitTag,
+  v as KitTooltip,
+  A as KitTour,
+  h as KitTree
 };

package/dist/Kit/DataEntry/AutoComplete/index.js

@@ -1,28 +1,10 @@
-import "../../../assets/index9.css";
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as F, useState as v } from "react";
-import { AutoComplete as O } from "antd";
-import { KitInput as P } from "../Input/index.js";
-import { K as j } from "../../../chunks/InputWrapper.RBqyXNPY.js";
-import { FontAwesomeIcon as B } from "@fortawesome/react-fontawesome";
-import { faMagnifyingGlass as G } from "@fortawesome/free-solid-svg-icons";
-import M from "classnames";
-const R = {
-  "kit-autocomplete": "_kit-autocomplete_kox09_2"
-}, S = (e, r, o) => M(e, "ant-select-dropdown", "kit-select-dropdown-bottom", {
-  "kit-select-dropdown-focus": r,
-  "kit-select-dropdown-error": o === "error",
-  "kit-select-dropdown-warning": o === "warning"
-}), W = F(({ allowClear: e, label: r, helper: o, htmlFor: s, autoFocus: d, defaultValue: u, disabled: m, placeholder: w, status: i, value: k, onFocus: c, onBlur: l, popupClassName: _, wrapperClassName: g, required: C, infoIcon: K, actions: x, onInfoClick: A, ...a }, I) => {
-  var n;
-  const [N, f] = v(!1), h = (p) => {
-    f(!0), c && c(p);
-  }, y = (p) => {
-    f(!1), l && l(p);
-  };
-  return t(j, { label: r, helper: o, htmlFor: s, disabled: m, status: i, className: g, infoIcon: K, actions: x, onInfoClick: A, children: t(O, { ...a, id: (n = a.id) !== null && n !== void 0 ? n : s, disabled: m, ref: I, className: R["kit-autocomplete"], popupClassName: S(_, N, i), children: t(P, { prefix: t(B, { icon: G }), allowClear: e, autoFocus: d, required: C, defaultValue: u, placeholder: w, status: i, value: k, onBlur: y, onFocus: h }) }) });
-});
-W.displayName = "KitAutoComplete";
+import "react/jsx-runtime";
+import "react";
+import "antd";
+import { q as f } from "../../../chunks/index.QQ-Rz_l_.js";
+import "@fortawesome/react-fontawesome";
+import "@fortawesome/free-solid-svg-icons";
+import "classnames";
 export {
-  W as KitAutoComplete
+  f as KitAutoComplete
 };