aristid-ds 15.3.1-ceb83cd → 15.3.1-e2acd66

package/CHANGELOG.md

@@ -18,6 +18,10 @@
     -   Add `enableSpellCheck` prop to `KitTextArea` to display inline correction highlights with suggestion dropdown (@philippechevieux)
 -   **Upload:**
     -   Add `itemRender` and `horizontal` props, and export `KitUpload.UploadedFileItem` to allow customisation of file list items (@evoiron)
+-   **Checkbox:**
+    -   Add `tile` props to `KitCheckbox` and `KitCheckbox.Group` to display as `CheckableTile` (@evoiron)
+-   **Radio:**
+    -   Add `tile` props to `KitRadio` and `KitRadio.Group` to display as `CheckableTile` (@evoiron)
 
 ### 🐛 Bug Fixes
 
@@ -41,6 +45,7 @@
     -   Fix display full months names in dropdown (@evoiron)
 -   **Modal:**
     -   Prevent outline clipping caused by overflow property on modal content (@philippechevieux)
+    -   set z-index lower than alerts and notifications z-index when in fullscreen (@evoiron)
 
 ### 📝 Documentation
 

package/dist/Kit/App/index.js

@@ -1,7 +1,7 @@
 import { jsx as n, jsxs as g, Fragment as L } from "react/jsx-runtime";
 import { useState as K, useLayoutEffect as S, useRef as C, useEffect as P } from "react";
 import { ConfigProvider as b } from "antd";
-import { K as k } from "../../chunks/SnackBarProvider.tNFJ5yIw.js";
+import { K as k } from "../../chunks/SnackBarProvider._Oi0PzOH.js";
 import { toCssVariables as h, uuid as y } from "../../utils/functions/index.js";
 import p from "lodash/merge";
 import { Style as f } from "react-style-tag";

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

@@ -4,7 +4,7 @@ import { t as D, u as m } from "../../../chunks/useEllipsisTooltip.L5G7alX3.js";
 import { u as E } from "../../../chunks/useKitTheme.BdeSOGoj.js";
 import { K as N } from "../../../chunks/Avatar.B2Q0k3WU.js";
 import { KitTooltip as h } from "../Tooltip/index.js";
-import { T as g } from "../../../chunks/constants.clto0NGz.js";
+import { T as g } from "../../../chunks/constants.DcAEmIjR.js";
 import '../../../assets/index2.css';const C = {
   "kit-id-card": "_kit-id-card_8jvfq_2"
 }, f = [

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

@@ -14,7 +14,7 @@ import { faEllipsis as oi, faImage as ri } from "@fortawesome/free-solid-svg-ico
 import { KitDropDown as ai } from "../../Navigation/DropDown/index.js";
 import { u as di } from "../../../chunks/useKitLocale.C5F-tmnC.js";
 import { useDebouncedCallback as ci } from "use-debounce";
-import { N as ni, F as li } from "../../../chunks/constants.clto0NGz.js";
+import { N as ni, F as li } from "../../../chunks/constants.DcAEmIjR.js";
 import '../../../assets/index27.css';const mi = {
   "kit-item-card": "_kit-item-card_124tz_2"
 }, L = () => {

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

@@ -9,7 +9,7 @@ import { FontAwesomeIcon as x } from "@fortawesome/react-fontawesome";
 import { faEllipsis as E } from "@fortawesome/free-solid-svg-icons";
 import F from "classnames";
 import { u as W } from "../../../chunks/useKitLocale.C5F-tmnC.js";
-import { N as Y, F as Z } from "../../../chunks/constants.clto0NGz.js";
+import { N as Y, F as Z } from "../../../chunks/constants.DcAEmIjR.js";
 import { getStringFromReactNode as B } from "../../../utils/functions/index.js";
 import '../../../assets/index4.css';const m = {
   "kit-item-list": "_kit-item-list_1rfhx_2",

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

@@ -11,7 +11,7 @@ import { KitButton as k } from "../../General/Button/index.js";
 import { KitTooltip as R } from "../Tooltip/index.js";
 import { KitDropDown as g } from "../../Navigation/DropDown/index.js";
 import { u as P } from "../../../chunks/useKitLocale.C5F-tmnC.js";
-import { N as O, F as S } from "../../../chunks/constants.clto0NGz.js";
+import { N as O, F as S } from "../../../chunks/constants.DcAEmIjR.js";
 import '../../../assets/index22.css';const j = {
   "kit-redirect-card": "_kit-redirect-card_1yxds_2"
 }, K = ({ actions: i, actionsInDropdown: m = !1, disabled: e = !1 }) => {

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

@@ -3,7 +3,7 @@ import { forwardRef as O, useMemo as g } from "react";
 import { Table as y } from "antd";
 import I from "classnames";
 import { u as U } from "../../../chunks/useKitTheme.BdeSOGoj.js";
-import { F as N } from "../../../chunks/constants.clto0NGz.js";
+import { F as N } from "../../../chunks/constants.DcAEmIjR.js";
 import { KitIcon as j } from "../../General/Icon/index.js";
 import { FontAwesomeIcon as x } from "@fortawesome/react-fontawesome";
 import { faUpDown as E, faArrowDown as F, faArrowUp as R, faGripLines as W, faCaretDown as $, faCaretRight as M } from "@fortawesome/free-solid-svg-icons";

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

@@ -5,7 +5,7 @@ import O from "classnames";
 import { KitButton as B } from "../../General/Button/index.js";
 import { FontAwesomeIcon as D } from "@fortawesome/react-fontawesome";
 import { faPlus as J, faEllipsisVertical as M } from "@fortawesome/free-solid-svg-icons";
-import { F as Q } from "../../../chunks/constants.clto0NGz.js";
+import { F as Q } from "../../../chunks/constants.DcAEmIjR.js";
 import { KitDropDown as Y } from "../../Navigation/DropDown/index.js";
 import { u as Z } from "../../../chunks/useKitLocale.C5F-tmnC.js";
 import { KitTypography as tt } from "../../General/Typography/index.js";

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

@@ -6,7 +6,7 @@ import { u as L } from "../../../chunks/useKitTheme.BdeSOGoj.js";
 import { FontAwesomeIcon as R } from "@fortawesome/react-fontawesome";
 import { faXmark as X } from "@fortawesome/free-solid-svg-icons";
 import { KitIdCard as j } from "../IdCard/index.js";
-import { T as P, N as V, F as H } from "../../../chunks/constants.clto0NGz.js";
+import { T as P, N as V, F as H } from "../../../chunks/constants.DcAEmIjR.js";
 import { KitTooltip as $ } from "../Tooltip/index.js";
 import { u as A } from "../../../chunks/useKitLocale.C5F-tmnC.js";
 import { KitModal as Y } from "../../Feedback/Modal/index.js";

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

@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as O, useState as b, useRef as j } from "react";
 import { AutoComplete as B } from "antd";
 import { KitInput as M } from "../Input/index.js";
-import { K as S } from "../../../chunks/InputWrapper._DzN8nB8.js";
+import { K as S } from "../../../chunks/InputWrapper.ChsMnD5W.js";
 import { FontAwesomeIcon as W } from "@fortawesome/react-fontawesome";
 import { faMagnifyingGlass as q } from "@fortawesome/free-solid-svg-icons";
 import z from "classnames";

package/dist/Kit/DataEntry/CheckableTile/CheckableTile.d.ts

@@ -1,2 +1,3 @@
 import { IKitCheckableTile } from './types';
-export declare const KitCheckableTile: import('react').ForwardRefExoticComponent<IKitCheckableTile & import('react').RefAttributes<HTMLButtonElement>>;
+import { CheckboxRef } from 'antd';
+export declare const KitCheckableTile: import('react').ForwardRefExoticComponent<IKitCheckableTile & import('react').RefAttributes<CheckboxRef>>;

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

@@ -1,4 +1,4 @@
-import { K as i } from "../../../chunks/CheckableTile.0URltVZ0.js";
+import { K as i } from "../../../chunks/CheckableTile.BOiSgMpa.js";
 export {
   i as KitCheckableTile
 };

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

@@ -1,68 +1,82 @@
-import { jsx as o } from "react/jsx-runtime";
-import { memo as P, createContext as p, forwardRef as O, useContext as R, useState as w, useEffect as I, useRef as ee } from "react";
-import $ from "classnames";
-import { Checkbox as le } from "antd";
-import { u as ae } from "../../../chunks/useKitTheme.BdeSOGoj.js";
-import ne from "rc-util/es/omit";
+import { jsx as u } from "react/jsx-runtime";
+import { memo as ee, createContext as le, forwardRef as E, useContext as T, useState as D, useEffect as w, useRef as ae } from "react";
+import N from "classnames";
+import { Checkbox as ne } from "antd";
+import { u as ce } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import ie from "rc-util/es/omit";
 import { ConfigContext as te } from "antd/es/config-provider/";
-import ce from "antd/es/checkbox/style";
-import { K as ie } from "../../../chunks/InputWrapper._DzN8nB8.js";
-import '../../../assets/index29.css';const j = p(null), ue = ({ defaultValue: f, children: v, options: l = [], prefixCls: b, className: a, wrapperClassName: x, status: g, rootClassName: u, style: t, onChange: d, label: h, helper: r, required: s, actions: D, extra: k, ...n }, E) => {
-  const { getPrefixCls: T, direction: W } = R(te), [m, K] = w(n.value || f || []), [q, S] = w([]);
-  I(() => {
-    "value" in n && K(n.value || []);
+import ue from "antd/es/checkbox/style";
+import { K as de } from "../../../chunks/InputWrapper.ChsMnD5W.js";
+import { K as oe } from "../../../chunks/CheckableTile.BOiSgMpa.js";
+import '../../../assets/index29.css';const j = {
+  "kit-checkbox": "_kit-checkbox_1fo4w_12",
+  "kit-checkbox-tile-group": "_kit-checkbox-tile-group_1fo4w_167"
+}, A = le(null), re = ({ defaultValue: C, children: d, options: b = [], prefixCls: G, className: e, wrapperClassName: h, status: a, rootClassName: g, style: k, onChange: i, label: o, helper: V, required: f, actions: t, extra: c, tile: r, ...n }, m) => {
+  const { getPrefixCls: q, direction: z } = T(te), [x, S] = D(n.value || C || []), [F, O] = D([]);
+  w(() => {
+    "value" in n && S(n.value || []);
   }, [n]);
-  const _ = () => l.map((e) => typeof e == "string" || typeof e == "number" ? {
-    label: e,
-    value: e
-  } : e), z = (e) => {
-    S((c) => c.filter((i) => i !== e));
-  }, F = (e) => {
-    S((c) => [...c, e]);
-  }, H = (e) => {
-    const c = m.indexOf(e.value), i = [...m];
-    c === -1 ? i.push(e.value) : i.splice(c, 1), "value" in n || K(i);
-    const N = _();
-    d?.(i.filter((G) => q.includes(G)).sort((G, X) => {
-      const Y = N.findIndex((y) => y.value === G), Z = N.findIndex((y) => y.value === X);
-      return Y - Z;
+  const R = () => b.map((l) => typeof l == "string" || typeof l == "number" ? {
+    label: l,
+    value: l
+  } : l), H = (l) => {
+    O((s) => s.filter((v) => v !== l));
+  }, J = (l) => {
+    O((s) => [...s, l]);
+  }, L = (l) => {
+    const s = x.indexOf(l.value), v = [...x];
+    s === -1 ? v.push(l.value) : v.splice(s, 1), "value" in n || S(v);
+    const $ = R();
+    i?.(v.filter((y) => F.includes(y)).sort((y, Z) => {
+      const P = $.findIndex((I) => I.value === y), p = $.findIndex((I) => I.value === Z);
+      return P - p;
     }));
-  }, C = T("checkbox", b), V = `${C}-group`, [J, L] = ce(C), M = ne(n, ["value", "disabled", "bordered"]);
-  l && l.length > 0 && (v = _().map((e) => o(A, { prefixCls: C, danger: "danger" in e ? e.danger : n.danger, disabled: "disabled" in e ? e.disabled : n.disabled, value: e.value, checked: m.includes(e.value), onChange: e.onChange, className: `${V}-item`, style: e.style, children: e.label }, e.value.toString())));
-  const Q = {
-    toggleOption: H,
-    value: m,
+  }, _ = q("checkbox", G), K = `${_}-group`, [M, Q] = ue(_), U = ie(n, ["value", "disabled", "bordered"]);
+  b && b.length > 0 && (d = R().map((l) => u(B, { tile: r, icon: l.icon, prefixCls: _, danger: "danger" in l ? l.danger : n.danger, disabled: "disabled" in l ? l.disabled : n.disabled, value: l.value, checked: x.includes(l.value), onChange: l.onChange, className: `${K}-item`, style: l.style, children: l.label }, l.value.toString())));
+  const X = {
+    toggleOption: L,
+    value: x,
     disabled: n.disabled,
     name: n.name,
     // https://github.com/ant-design/ant-design/issues/16376
-    registerValue: F,
-    cancelValue: z
-  }, U = $(V, {
-    [`${V}-rtl`]: W === "rtl"
-  }, a, u, L);
-  return J(o("div", { className: U, style: t, ...M, ref: E, children: o(j.Provider, { value: Q, children: o(ie, { label: h, helper: r, disabled: n.disabled, bordered: n.bordered, status: g, className: x, required: s, extra: k ?? D, children: v }) }) }));
-}, de = P(O(ue)), re = {
-  "kit-checkbox": "_kit-checkbox_itvx3_12"
-}, A = O(({ danger: f, className: v, ...l }, b) => {
-  const a = R(j), { appId: x } = ae(), g = a?.disabled || l.disabled, u = ee(l.value);
-  I(() => {
-    if (!(l.skipGroup || !a))
-      return a.registerValue(l.value), () => a.cancelValue(l.value);
-  }, []), I(() => {
-    l.skipGroup || !a || l.value !== u.current && (a.cancelValue(u.current), a.registerValue(l.value), u.current = l.value);
-  }, [a, l.skipGroup, l.value]);
-  const t = { ...l };
-  a && !l.skipGroup && (t.onChange = (...h) => {
-    var r, s;
-    (r = l.onChange) === null || r === void 0 || r.call(l, ...h), (s = a.toggleOption) === null || s === void 0 || s.call(a, { label: l.children, value: l.value });
-  }, t.name = a.name, t.checked = a.value.includes(l.value));
-  const d = $(x, re["kit-checkbox"], v, {
-    "ant-checkbox-wrapper-danger": f
+    registerValue: J,
+    cancelValue: H
+  }, Y = N(K, {
+    [`${K}-rtl`]: z === "rtl"
+  }, e, g, Q);
+  return M(u("div", { className: Y, style: k, ...U, ref: m, children: u(A.Provider, { value: X, children: u(de, { label: o, helper: V, disabled: n.disabled, bordered: n.bordered, status: a, className: h, required: f, extra: c ?? t, children: r ? u("div", { className: j["kit-checkbox-tile-group"], children: d }) : d }) }) }));
+}, se = ee(E(re)), B = E(({ danger: C, className: d, tile: b, icon: G, ...e }, h) => {
+  const a = T(A), { appId: g } = ce(), k = a?.disabled || e.disabled, i = ae(e.value);
+  if (w(() => {
+    if (!(e.skipGroup || !a))
+      return a.registerValue(e.value), () => a.cancelValue(e.value);
+  }, []), w(() => {
+    e.skipGroup || !a || e.value !== i.current && (a.cancelValue(i.current), a.registerValue(e.value), i.current = e.value);
+  }, [a, e.skipGroup, e.value]), b) {
+    const f = a && !e.skipGroup ? a.value.includes(e.value) : e.checked, t = (c, r) => {
+      var n, m;
+      a && !e.skipGroup && ((n = a.toggleOption) === null || n === void 0 || n.call(a, { label: e.children, value: e.value })), (m = e.onChange) === null || m === void 0 || m.call(e, {
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        target: { checked: c, value: e.value },
+        stopPropagation: () => r.stopPropagation(),
+        preventDefault: () => r.preventDefault(),
+        nativeEvent: r.nativeEvent
+      });
+    };
+    return u(oe, { ref: h, className: N(g, d), label: e.children, icon: G, checked: f, disabled: k, onChange: t });
+  }
+  const o = { ...e };
+  a && !e.skipGroup && (o.onChange = (...f) => {
+    var t, c;
+    (t = e.onChange) === null || t === void 0 || t.call(e, ...f), (c = a.toggleOption) === null || c === void 0 || c.call(a, { label: e.children, value: e.value });
+  }, o.name = a.name, o.checked = a.value.includes(e.value));
+  const V = N(g, j["kit-checkbox"], d, {
+    "ant-checkbox-wrapper-danger": C
   });
-  return o(le, { ...t, ref: b, disabled: g, className: d });
-}), B = A;
-B.displayName = "KitCheckbox";
-B.Group = de;
+  return u(ne, { ...o, ref: h, disabled: k, className: V });
+}), W = B;
+W.displayName = "KitCheckbox";
+W.Group = se;
 export {
-  B as KitCheckbox
+  W as KitCheckbox
 };

package/dist/Kit/DataEntry/Checkbox/types.d.ts

@@ -5,6 +5,8 @@ import { CheckboxChangeEvent } from 'antd/es/checkbox/Checkbox';
 import { IKitInputWrapperBase } from '../InputWrapper/types';
 export interface IKitCheckbox extends CheckboxProps, KitHTMLAttributes<HTMLLabelElement> {
     danger?: boolean;
+    tile?: boolean;
+    icon?: ReactNode;
 }
 
 type CheckboxValueType = string | number | boolean;
@@ -12,6 +14,7 @@ type CheckboxValueType = string | number | boolean;
 export interface CheckboxOptionType {
     label: ReactNode;
     value: CheckboxValueType;
+    icon?: ReactNode;
     style?: CSSProperties;
     disabled?: boolean;
     danger?: boolean;
@@ -38,6 +41,7 @@ export interface ICheckboxGroup extends AbstractCheckboxGroup, Omit<IKitInputWra
     onChange?: (checkedValue: Array<CheckboxValueType>) => void;
     children?: ReactNode;
     required?: boolean;
+    tile?: boolean;
 }
 
 export interface ICheckboxGroupContext {

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

@@ -1,6 +1,6 @@
 import { forwardRef as Z, useRef as V, useState as h, useEffect as K, useImperativeHandle as oo, createElement as to } from "react";
 import { jsxs as ro, jsx as s } from "react/jsx-runtime";
-import { K as eo } from "../../../chunks/InputWrapper._DzN8nB8.js";
+import { K as eo } from "../../../chunks/InputWrapper.ChsMnD5W.js";
 import { u as io } from "../../../chunks/useKitTheme.BdeSOGoj.js";
 import { ColorPicker as no } from "antd";
 import b from "classnames";

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

@@ -4,7 +4,7 @@ import { DatePicker as L } from "antd";
 import G from "classnames";
 import { FontAwesomeIcon as s } from "@fortawesome/react-fontawesome";
 import { faChevronLeft as V, faChevronRight as j, faCheck as pe, faClock as ee, faCalendar as ne, faCircleXmark as te, faArrowRight as be } from "@fortawesome/free-solid-svg-icons";
-import { K as ie } from "../../../chunks/InputWrapper._DzN8nB8.js";
+import { K as ie } from "../../../chunks/InputWrapper.ChsMnD5W.js";
 import { u as oe } from "../../../chunks/useKitTheme.BdeSOGoj.js";
 import { u as re } from "../../../chunks/useGetPopupContainer.bCZKSUsz.js";
 import { KitTypography as _e } from "../../General/Typography/index.js";

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

@@ -7,7 +7,7 @@ import { FontAwesomeIcon as F } from "@fortawesome/react-fontawesome";
 import { faCaretDown as I } from "@fortawesome/free-solid-svg-icons";
 import { KitBadge as L } from "../../DataDisplay/Badge/index.js";
 import { KitTooltip as E } from "../../DataDisplay/Tooltip/index.js";
-import { T as b } from "../../../chunks/constants.clto0NGz.js";
+import { T as b } from "../../../chunks/constants.DcAEmIjR.js";
 import '../../../assets/index24.css';const R = {
   "kit-filter": "_kit-filter_urt2b_2"
 }, O = N(({ leftIcon: a, values: e = [], active: i = !1, readonly: c = !1, disabled: n = !1, showSingleValue: s = !1, expandable: m = !1, label: l = "", isDropdownOpen: d = !1, buttonKey: h, ...r }, f) => {

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

@@ -3,7 +3,7 @@ import { useEffect as N, useState as A, useRef as x, useLayoutEffect as Z, useCa
 import { Input as F } from "antd";
 import { faCircleInfo as q, faCircleXmark as H, faEye as P, faEyeSlash as tt } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon as B } from "@fortawesome/react-fontawesome";
-import { K as V } from "../../../chunks/InputWrapper._DzN8nB8.js";
+import { K as V } from "../../../chunks/InputWrapper.ChsMnD5W.js";
 import { u as j } from "../../../chunks/useKitTheme.BdeSOGoj.js";
 import { KitDropDown as et } from "../../Navigation/DropDown/index.js";
 import { KitSpace as Y } from "../../Layout/Space/index.js";

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

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as x, useState as w } from "react";
 import { InputNumber as g } from "antd";
-import { K as j } from "../../../chunks/InputWrapper._DzN8nB8.js";
+import { K as j } from "../../../chunks/InputWrapper.ChsMnD5W.js";
 import { u as y } from "../../../chunks/useKitTheme.BdeSOGoj.js";
 import H from "classnames";
 import '../../../assets/index6.css';const R = {

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

@@ -1,4 +1,4 @@
-import { K as t } from "../../../chunks/InputWrapper._DzN8nB8.js";
+import { K as t } from "../../../chunks/InputWrapper.ChsMnD5W.js";
 export {
   t as KitInputWrapper
 };

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

@@ -1,54 +1,72 @@
-import { jsx as i } from "react/jsx-runtime";
-import $ from "classnames";
-import J from "rc-util/es/hooks/useMergedState";
-import { createContext as O, forwardRef as z, useContext as p, memo as Q } from "react";
-import { ConfigContext as U } from "antd/es/config-provider/";
-import X from "antd/es/config-provider/SizeContext";
-import Y from "rc-util/es/pickAttrs";
-import { Radio as Z } from "antd";
-import { u as ee } from "../../../chunks/useKitTheme.BdeSOGoj.js";
-import { K as ae } from "../../../chunks/InputWrapper._DzN8nB8.js";
-import te from "antd/es/radio/style";
-import '../../../assets/index38.css';const K = O(null), re = K.Provider, oe = {
-  "kit-radio": "_kit-radio_kjgeu_12"
-}, y = z((a, m) => {
-  var l;
-  const t = p(K), { appId: v } = ee(), { className: o, danger: f, ...g } = a, h = (d) => {
-    var n, s;
-    (n = a.onChange) === null || n === void 0 || n.call(a, d), (s = t?.onChange) === null || s === void 0 || s.call(t, d);
-  }, r = { ...g };
-  t && (r.name = t.name, r.onChange = h, r.checked = a.value === t.value, r.disabled = (l = r.disabled) !== null && l !== void 0 ? l : t.disabled);
-  const C = $(v, oe["kit-radio"], o, {
-    "ant-radio-wrapper-danger": f
+import { jsx as o } from "react/jsx-runtime";
+import K from "classnames";
+import Q from "rc-util/es/hooks/useMergedState";
+import { createContext as U, forwardRef as G, useContext as P, memo as X } from "react";
+import { ConfigContext as Y } from "antd/es/config-provider/";
+import Z from "antd/es/config-provider/SizeContext";
+import ee from "rc-util/es/pickAttrs";
+import { Radio as ae } from "antd";
+import { u as te } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { K as ie } from "../../../chunks/CheckableTile.BOiSgMpa.js";
+import { K as le } from "../../../chunks/InputWrapper.ChsMnD5W.js";
+import oe from "antd/es/radio/style";
+import '../../../assets/index38.css';const T = U(null), re = T.Provider, D = {
+  "kit-radio": "_kit-radio_tk6pf_12",
+  "kit-radio-tile-group": "_kit-radio-tile-group_tk6pf_161"
+}, $ = G((e, m) => {
+  var c, u;
+  const t = P(T), { appId: r } = te(), { className: v, danger: C, tile: b, icon: x, ...k } = e, f = (s) => {
+    var n, i;
+    (n = e.onChange) === null || n === void 0 || n.call(e, s), (i = t?.onChange) === null || i === void 0 || i.call(t, s);
+  };
+  if (b) {
+    const s = t ? e.value === t.value : e.checked, n = (c = e.disabled) !== null && c !== void 0 ? c : t?.disabled, i = (p, d) => {
+      if (!p)
+        return;
+      const R = {
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        target: { value: e.value, checked: !0 },
+        stopPropagation: () => d.stopPropagation(),
+        preventDefault: () => d.preventDefault(),
+        nativeEvent: d.nativeEvent
+      };
+      f(R);
+    };
+    return o(ie, { ref: m, className: K(r, v), label: e.children, icon: x, checked: s, disabled: n, onChange: i });
+  }
+  const l = { ...k };
+  t && (l.name = t.name, l.onChange = f, l.checked = e.value === t.value, l.disabled = (u = l.disabled) !== null && u !== void 0 ? u : t.disabled);
+  const _ = K(r, D["kit-radio"], v, {
+    "ant-radio-wrapper-danger": C
   });
-  return i(Z, { ref: m, className: C, ...r });
-}), ie = Q(z((a, m) => {
-  const { getPrefixCls: l, direction: t } = p(U), v = p(X), [o, f] = J(a.defaultValue, {
-    value: a.value
-  }), g = (e) => {
-    const N = e.target.value;
-    "value" in a || f(N);
-    const { onChange: _ } = a;
-    _ && N !== o && _(e);
-  }, { prefixCls: h, className: r, rootClassName: C, label: d, helper: n, status: s, wrapperClassName: w, bordered: G, options: x, buttonStyle: I = "outline", disabled: b, children: M, size: j, style: T, id: V, onMouseEnter: q, onMouseLeave: A, onFocus: B, onBlur: E, required: F, actions: L, extra: R } = a, u = l("radio", h), c = `${u}-group`, [W, D] = te(u);
-  let S = M;
-  x && x.length > 0 && (S = x.map((e) => typeof e == "string" || typeof e == "number" ? i(y, { prefixCls: u, disabled: b, value: e, checked: o === e, children: e }, e.toString()) : i(y, { prefixCls: u, disabled: e.disabled || b, value: e.value, checked: o === e.value, style: e.style, children: e.label }, `radio-group-value-options-${e.value}`)));
-  const k = j || v, H = $(c, `${c}-${I}`, {
-    [`${c}-${k}`]: k,
-    [`${c}-rtl`]: t === "rtl"
-  }, r, C, D);
-  return W(i("div", { ...Y(a, {
+  return o(ae, { ref: m, className: _, ...l });
+}), ne = X(G((e, m) => {
+  const { getPrefixCls: c, direction: u } = P(Y), t = P(Z), [r, v] = Q(e.defaultValue, {
+    value: e.value
+  }), C = (a) => {
+    const w = a.target.value;
+    "value" in e || v(w);
+    const { onChange: E } = e;
+    E && w !== r && E(a);
+  }, { prefixCls: b, className: x, rootClassName: k, label: f, helper: l, status: _, wrapperClassName: s, bordered: n, options: i, buttonStyle: p = "outline", disabled: d, children: R, size: M, style: V, id: j, onMouseEnter: q, onMouseLeave: A, onFocus: B, onBlur: F, required: L, actions: W, extra: y, tile: N } = e, h = c("radio", b), g = `${h}-group`, [H, J] = oe(h);
+  let S = R;
+  i && i.length > 0 && (S = i.map((a) => typeof a == "string" || typeof a == "number" ? o($, { tile: N, prefixCls: h, disabled: d, value: a, checked: r === a, children: a }, a.toString()) : o($, { tile: N, icon: a.icon, prefixCls: h, disabled: a.disabled || d, value: a.value, checked: r === a.value, style: a.style, children: a.label }, `radio-group-value-options-${a.value}`)));
+  const z = M || t, O = K(g, `${g}-${p}`, {
+    [`${g}-${z}`]: z,
+    [`${g}-rtl`]: u === "rtl"
+  }, x, k, J);
+  return H(o("div", { ...ee(e, {
     aria: !0,
     data: !0
-  }), className: H, style: T, onMouseEnter: q, onMouseLeave: A, onFocus: B, onBlur: E, id: V, ref: m, children: i(re, { value: {
-    onChange: g,
-    value: o,
-    disabled: a.disabled,
-    name: a.name
-  }, children: i(ae, { label: d, helper: n, disabled: b, bordered: G, status: s, className: w, required: F, extra: R ?? L, children: S }) }) }));
-})), P = y;
-P.displayName = "KitRadio";
-P.Group = ie;
+  }), className: O, style: V, onMouseEnter: q, onMouseLeave: A, onFocus: B, onBlur: F, id: j, ref: m, children: o(re, { value: {
+    onChange: C,
+    value: r,
+    disabled: e.disabled,
+    name: e.name
+  }, children: o(le, { label: f, helper: l, disabled: d, bordered: n, status: _, className: s, required: L, extra: y ?? W, children: N ? o("div", { className: D["kit-radio-tile-group"], children: S }) : S }) }) }));
+})), I = $;
+I.displayName = "KitRadio";
+I.Group = ne;
 export {
-  P as KitRadio
+  I as KitRadio
 };

package/dist/Kit/DataEntry/Radio/types.d.ts

@@ -2,7 +2,9 @@ import { RadioProps, RadioGroupProps } from 'antd';
 import { KitHTMLAttributes } from '../../../types';
 import { ReactNode, CSSProperties } from 'react';
 import { IKitInputWrapperBase } from '../InputWrapper/types';
+import { CheckboxOptionType } from '../Checkbox/types';
 type AntdRadioTypesToOmit = 'block';
+type AntdRadioGroupTypesToOmit = 'options';
 
 export interface KitRadioProps extends Omit<RadioProps, AntdRadioTypesToOmit>, KitHTMLAttributes<HTMLLabelElement> {
     danger?: boolean;
@@ -14,16 +16,20 @@ export interface KitRadioProps extends Omit<RadioProps, AntdRadioTypesToOmit>, K
     value?: any;
     checked?: boolean;
     style?: CSSProperties;
+    tile?: boolean;
+    icon?: ReactNode;
 }
 
 export interface KitRadioGroup
-    extends RadioGroupProps,
+    extends Omit<RadioGroupProps, AntdRadioGroupTypesToOmit>,
         KitHTMLAttributes<HTMLDivElement>,
         Omit<IKitInputWrapperBase, 'htmlFor'> {
     defaultValue?: any;
     value?: any;
+    options?: Array<CheckboxOptionType | string | number>;
     status?: '' | 'warning' | 'error';
     bordered?: boolean;
     wrapperClassName?: string;
     required?: boolean;
+    tile?: boolean;
 }

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

@@ -1,6 +1,6 @@
 import { jsx as h, jsxs as D } from "react/jsx-runtime";
 import { forwardRef as W, useState as P, useEffect as E, useImperativeHandle as U, useRef as q } from "react";
-import { K as Z } from "../../../chunks/InputWrapper._DzN8nB8.js";
+import { K as Z } from "../../../chunks/InputWrapper.ChsMnD5W.js";
 import { u as $ } from "../../../chunks/useKitTheme.BdeSOGoj.js";
 import N from "classnames";
 import { ReactRenderer as ee, useEditor as te, EditorContent as oe } from "@tiptap/react";

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

@@ -4,7 +4,7 @@ import { Select as De } from "antd";
 import $ from "classnames";
 import Ee from "short-unique-id";
 import { useDebouncedCallback as Pe } from "use-debounce";
-import { K as Ne } from "../../../chunks/InputWrapper._DzN8nB8.js";
+import { K as Ne } from "../../../chunks/InputWrapper.ChsMnD5W.js";
 import { u as Oe } from "../../../chunks/useKitTheme.BdeSOGoj.js";
 import { s as Ae } from "../../../chunks/styles.module.B2L5GB8H.js";
 import { FontAwesomeIcon as k } from "@fortawesome/react-fontawesome";

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

@@ -3,7 +3,7 @@ import { forwardRef as se, useState as q, useRef as A, useEffect as le } from "r
 import { TreeSelect as ce } from "antd";
 import M from "classnames";
 import ie from "short-unique-id";
-import { K as ae } from "../../../chunks/InputWrapper._DzN8nB8.js";
+import { K as ae } from "../../../chunks/InputWrapper.ChsMnD5W.js";
 import { u as de } from "../../../chunks/useKitTheme.BdeSOGoj.js";
 import { u as pe } from "../../../chunks/useGetPopupContainer.bCZKSUsz.js";
 import { s as ue } from "../../../chunks/styles.module.B2L5GB8H.js";

package/dist/Kit/Feedback/Modal/index.js

@@ -2,13 +2,13 @@ import { jsx as e, jsxs as C, Fragment as b } from "react/jsx-runtime";
 import z from "react-modal";
 import { u as R } from "../../../chunks/useKitTheme.BdeSOGoj.js";
 import T from "classnames";
-import { faXmark as P, faTriangleExclamation as q, faExclamation as W, faCheck as S, faInfo as G } from "@fortawesome/free-solid-svg-icons";
+import { faXmark as P, faTriangleExclamation as W, faExclamation as q, faCheck as S, faInfo as G } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon as f } from "@fortawesome/react-fontawesome";
 import { KitTooltip as X } from "../../DataDisplay/Tooltip/index.js";
 import { KitButton as I } from "../../General/Button/index.js";
 import { KitTypography as Y } from "../../General/Typography/index.js";
 import { u as J } from "../../../chunks/useKitLocale.C5F-tmnC.js";
-import { T as Q } from "../../../chunks/constants.clto0NGz.js";
+import { T as Q } from "../../../chunks/constants.DcAEmIjR.js";
 import { KitSpace as V } from "../../Layout/Space/index.js";
 import { createRoot as Z } from "react-dom/client";
 import { KitIcon as M } from "../../General/Icon/index.js";
@@ -16,7 +16,7 @@ import { useLocale as $ } from "antd/es/locale";
 import { uuid as U } from "../../../utils/functions/index.js";
 import { KitApp as oo } from "../../App/index.js";
 import '../../../assets/index46.css';const eo = {
-  "kit-modal": "_kit-modal_fn3qf_2"
+  "kit-modal": "_kit-modal_11iyg_2"
 }, A = ({ title: o, showCloseIcon: n, onClose: l }) => {
   var s;
   const { locale: i } = J(), a = typeof o == "string" || typeof o == "number" ? e(Y.Title, { level: "h2", children: o }) : o;
@@ -41,7 +41,9 @@ import '../../../assets/index46.css';const eo = {
     y.stopPropagation(), (t.showCloseIcon || t.shouldCloseOnOverlayClick) && ((r = t.close) === null || r === void 0 || r.call(t));
   }, N = T(c, "kit-modal-wrapper", {
     "kit-modal-wrapper-fullscreen": a
-  }, t.className), x = T(c, "kit-modal-overlay", d), K = {
+  }, t.className), x = T(c, "kit-modal-overlay", {
+    "kit-modal-overlay-fullscreen": a
+  }, d), K = {
     ...t,
     style: u,
     className: N,
@@ -61,11 +63,11 @@ import '../../../assets/index46.css';const eo = {
         g = e(M, { icon: e(f, { icon: S }), on: !0, className: "kit-confirm-icon kit-confirm-icon-success" });
         break;
       case "error":
-        g = e(M, { icon: e(f, { icon: W }), on: !0, className: "kit-confirm-icon kit-confirm-icon-error" });
+        g = e(M, { icon: e(f, { icon: q }), on: !0, className: "kit-confirm-icon kit-confirm-icon-error" });
         break;
       case "warning":
       default:
-        g = e(M, { icon: e(f, { icon: q }), on: !0, className: "kit-confirm-icon kit-confirm-icon-warning" });
+        g = e(M, { icon: e(f, { icon: W }), on: !0, className: "kit-confirm-icon kit-confirm-icon-warning" });
         break;
     }
   const E = t || a === "confirm", O = (F) => () => {