aristid-ds 7.2.0-3aead0c → 7.2.0-e49c136

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

@@ -1,24 +1,24 @@
 import "../../../assets/index24.css";
 import { jsx as e } from "react/jsx-runtime";
-import { faCircleXmark as I, faClock as K, faCalendar as g } from "@fortawesome/free-regular-svg-icons";
+import { faCircleXmark as I, faClock as K, faCalendar as h } from "@fortawesome/free-regular-svg-icons";
 import { FontAwesomeIcon as i } from "@fortawesome/react-fontawesome";
-import { K as R } from "../../../chunks/InputWrapper.NQtlTzQk.js";
-import { u as h } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { DatePicker as v } from "antd";
-import C from "classnames";
-import { forwardRef as D } from "react";
-const w = {
-  "kit-datepicker": "_kit-datepicker_1tfpg_2",
-  "kit-rangepicker": "_kit-rangepicker_1tfpg_118"
-}, N = D(({ label: c, helper: s, suffixIcon: a, className: r, wrapperClassName: n, picker: o = "date", allowClear: d = !0, required: m, infoIcon: f, actions: u, onInfoClick: t, ...l }, p) => {
-  const { appId: k } = h(), b = () => o === "time" ? e(i, { icon: K }) : e(i, { icon: g }), _ = C(k, w["kit-datepicker"], r);
-  return e(R, { label: c, helper: s, disabled: l.disabled, status: l.status, className: n, required: m, infoIcon: f, actions: u, onInfoClick: t, children: e("div", { children: e(v, { ...l, picker: o, ref: p, suffixIcon: a ?? b(), allowClear: d ? { clearIcon: e(i, { "aria-label": "clear", icon: I }) } : !1, className: _ }) }) });
-}), y = D(({ label: c, className: s, helper: a, suffixIcon: r, picker: n, allowClear: o = !0, required: d, infoIcon: m, actions: f, onInfoClick: u, ...t }, l) => {
-  const { appId: p } = h(), k = () => n === "time" ? e(i, { icon: K }) : e(i, { icon: g }), b = () => t.disabled === void 0 ? !1 : typeof t.disabled == "boolean" ? t.disabled : t.disabled[0] && t.disabled[1], _ = C(p, w["kit-rangepicker"], s);
-  return e(R, { label: c, helper: a, disabled: b(), status: t.status, required: d, infoIcon: m, actions: f, onInfoClick: u, children: e("div", { children: e(v.RangePicker, { ...t, picker: n, ref: l, suffixIcon: r ?? k(), allowClear: o ? { clearIcon: e(i, { "aria-label": "clear", icon: I }) } : !1, className: _ }) }) });
-}), S = y, x = N;
-x.displayName = "KitDatePicker";
-x.RangePicker = S;
+import { K as C } from "../../../chunks/InputWrapper.RG8Q9Ntu.js";
+import { u as D } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { DatePicker as R } from "antd";
+import g from "classnames";
+import { forwardRef as w } from "react";
+const x = {
+  "kit-datepicker": "_kit-datepicker_1fgtr_2",
+  "kit-rangepicker": "_kit-rangepicker_1fgtr_133"
+}, W = w(({ label: d, helper: m, suffixIcon: a, className: r, wrapperClassName: o, picker: c = "date", allowClear: f = !0, required: u, infoIcon: p, actions: k, onInfoClick: l, readonly: t = !1, disabled: n, ...s }, b) => {
+  const { appId: v } = D(), _ = () => c === "time" ? e(i, { icon: K }) : e(i, { icon: h }), S = g(v, x["kit-datepicker"], r, t ? "kit-picker-readonly" : "");
+  return e(C, { label: d, helper: m, disabled: n, status: s.status, className: o, required: u, infoIcon: p, actions: k, onInfoClick: l, children: e("div", { children: e(R, { ...s, picker: c, disabled: t || n, variant: t ? "borderless" : void 0, ref: b, suffixIcon: a ?? _(), allowClear: !t && f ? { clearIcon: e(i, { "aria-label": "clear", icon: I }) } : !1, className: S }) }) });
+}), j = w(({ label: d, className: m, helper: a, suffixIcon: r, picker: o, allowClear: c = !0, required: f, infoIcon: u, actions: p, onInfoClick: k, readonly: l = !1, ...t }, n) => {
+  const { appId: s } = D(), b = () => o === "time" ? e(i, { icon: K }) : e(i, { icon: h }), v = () => t.disabled === void 0 ? !1 : typeof t.disabled == "boolean" ? t.disabled : t.disabled[0] && t.disabled[1], _ = g(s, x["kit-rangepicker"], m, l ? "kit-picker-readonly" : "");
+  return e(C, { label: d, helper: a, disabled: v(), status: t.status, required: f, infoIcon: u, actions: p, onInfoClick: k, children: e("div", { children: e(R.RangePicker, { ...t, picker: o, ref: n, disabled: l || t.disabled, variant: l ? "borderless" : void 0, suffixIcon: r ?? b(), allowClear: c ? { clearIcon: e(i, { "aria-label": "clear", icon: I }) } : !1, className: _ }) }) });
+}), A = j, N = W;
+N.displayName = "KitDatePicker";
+N.RangePicker = A;
 export {
-  x as KitDatePicker
+  N as KitDatePicker
 };

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

@@ -15,6 +15,7 @@ interface IInternalDatePicker {
     infoIcon?: ReactNode;
     actions?: ReactElement[];
     onInfoClick?: (e: MouseEvent<HTMLElement, MouseEvent>) => void;
+    readonly?: boolean;
 }
 
 interface IDatePickerProps extends Omit<DatePickerProps, 'picker'> {
@@ -35,6 +36,7 @@ interface IInternalRangerPicker {
     infoIcon?: ReactNode;
     actions?: ReactElement[];
     onInfoClick?: (e: MouseEvent<HTMLElement, MouseEvent>) => void;
+    readonly?: boolean;
 }
 
 export type IKitRangePicker = RangePickerProps & IInternalRangerPicker;

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

@@ -1,5 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import { InputRef } from 'antd';
 import { IKitInput } from './types';
-declare const KitInput: React.ForwardRefExoticComponent<IKitInput & React.RefAttributes<InputRef>>;
+declare const KitInput: import("react").ForwardRefExoticComponent<IKitInput & import("react").RefAttributes<InputRef>>;
 export default KitInput;

package/dist/Kit/DataEntry/Input/Password.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import { InputRef } from 'antd';
 import { IKitPassword } from './types';
-declare const KitPassword: React.ForwardRefExoticComponent<IKitPassword & React.RefAttributes<InputRef>>;
+declare const KitPassword: import("react").ForwardRefExoticComponent<IKitPassword & import("react").RefAttributes<InputRef>>;
 export default KitPassword;

package/dist/Kit/DataEntry/Input/TextArea.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import { InputRef } from 'antd';
 import { IKitTextArea } from './types';
-declare const KitTextArea: React.ForwardRefExoticComponent<IKitTextArea & React.RefAttributes<InputRef>>;
+declare const KitTextArea: import("react").ForwardRefExoticComponent<IKitTextArea & import("react").RefAttributes<InputRef>>;
 export default KitTextArea;

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

@@ -1,29 +1,34 @@
 import "../../../assets/index27.css";
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { Input as k } from "antd";
-import { faCircleXmark as w, faEye as y, faEyeSlash as C } from "@fortawesome/free-regular-svg-icons";
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { Input as w } from "antd";
+import { faCircleXmark as _, faEye as y, faEyeSlash as C } from "@fortawesome/free-regular-svg-icons";
 import { FontAwesomeIcon as I } from "@fortawesome/react-fontawesome";
-import { K as x } from "../../../chunks/InputWrapper.NQtlTzQk.js";
-import { u as _ } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import b from "classnames";
+import { K as b } from "../../../chunks/InputWrapper.RG8Q9Ntu.js";
+import { u as k } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import x from "classnames";
+import "../../General/Button/index.js";
+import { KitTypography as N } from "../../General/Typography/index.js";
+import "../../General/Icon/index.js";
 const K = {
-  "kit-input": "_kit-input_12a1a_2",
-  "kit-password": "_kit-password_12a1a_140",
-  "kit-textarea": "_kit-textarea_12a1a_264"
-}, A = f(({ label: o, className: i, helper: l, wrapperClassName: e, allowClear: n = !0, required: r, infoIcon: c, actions: d, onInfoClick: m, ...t }, s) => {
-  const { appId: u } = _(), p = b(u, K["kit-input"], i);
-  return a(x, { label: o, helper: l, disabled: t.disabled, status: t.status, className: e, required: r, infoIcon: c, actions: d, onInfoClick: m, children: a(k, { ...t, required: r, ref: s, className: p, allowClear: n ? { clearIcon: a(I, { "aria-label": "clear", icon: w }) } : void 0 }) });
-}), E = f(({ label: o, className: i, helper: l, wrapperClassName: e, allowClear: n = !0, required: r, infoIcon: c, actions: d, onInfoClick: m, ...t }, s) => {
-  const { appId: u } = _(), p = b(u, K["kit-textarea"], i);
-  return a(x, { label: o, helper: l, disabled: t.disabled, status: t.status, className: e, required: r, infoIcon: c, actions: d, onInfoClick: m, children: a(k.TextArea, { ...t, ref: s, allowClear: n ? { clearIcon: a(I, { "aria-label": "clear", icon: w }) } : void 0, className: p }) });
-}), g = E, j = f(({ label: o, className: i, helper: l, iconRender: e, wrapperClassName: n, allowClear: r = !0, required: c, infoIcon: d, actions: m, onInfoClick: t, ...s }, u) => {
-  const { appId: p } = _(), h = b(p, K["kit-password"], i), T = (v) => v ? a(I, { icon: y }) : a(I, { icon: C });
-  return a(x, { label: o, helper: l, disabled: s.disabled, status: s.status, className: n, required: c, infoIcon: d, actions: m, onInfoClick: t, children: a(k.Password, { ...s, className: h, ref: u, allowClear: r ? { clearIcon: a(I, { "aria-label": "clear", icon: w }) } : void 0, iconRender: e ?? T }) });
-}), F = j, N = A;
-N.displayName = "KitInput";
-N.TextArea = g;
-N.Password = F;
+  "kit-input": "_kit-input_mm0fv_2",
+  "kit-password": "_kit-password_mm0fv_137",
+  "kit-textarea": "_kit-textarea_mm0fv_261"
+}, z = h(({ label: o, className: i, helper: s, wrapperClassName: r, allowClear: c = !0, required: l, infoIcon: n, actions: d, onInfoClick: m, readonly: u = !1, ...a }, f) => {
+  var e;
+  const { appId: p } = k(), v = x(p, K["kit-input"], i);
+  return t(b, { label: o, helper: s, disabled: a.disabled, status: a.status, className: r, required: l, infoIcon: n, actions: d, onInfoClick: m, children: u ? t(N.Text, { weight: "bold", size: "large", color: a.status === "error" ? "error" : void 0, children: (e = a.value) !== null && e !== void 0 ? e : a.placeholder }) : t(w, { ...a, required: l, ref: f, className: v, allowClear: c ? { clearIcon: t(I, { "aria-label": "clear", icon: _ }) } : void 0 }) });
+}), E = h(({ label: o, className: i, helper: s, wrapperClassName: r, allowClear: c = !0, required: l, infoIcon: n, actions: d, onInfoClick: m, readonly: u = !1, ...a }, f) => {
+  var e;
+  const { appId: p } = k(), v = x(p, K["kit-textarea"], i);
+  return t(b, { label: o, helper: s, disabled: a.disabled, status: a.status, className: r, required: l, infoIcon: n, actions: d, onInfoClick: m, children: u ? t(N.Text, { weight: "bold", size: "large", color: a.status === "error" ? "error" : void 0, children: (e = a.value) !== null && e !== void 0 ? e : a.placeholder }) : t(w.TextArea, { ...a, ref: f, allowClear: c ? { clearIcon: t(I, { "aria-label": "clear", icon: _ }) } : void 0, className: v }) });
+}), j = E, F = h(({ label: o, className: i, helper: s, iconRender: r, wrapperClassName: c, allowClear: l = !0, required: n, infoIcon: d, actions: m, onInfoClick: u, ...a }, f) => {
+  const { appId: e } = k(), p = x(e, K["kit-password"], i), v = (g) => g ? t(I, { icon: y }) : t(I, { icon: C });
+  return t(b, { label: o, helper: s, disabled: a.disabled, status: a.status, className: c, required: n, infoIcon: d, actions: m, onInfoClick: u, children: t(w.Password, { ...a, className: p, ref: f, allowClear: l ? { clearIcon: t(I, { "aria-label": "clear", icon: _ }) } : void 0, iconRender: r ?? v }) });
+}), R = F, T = z;
+T.displayName = "KitInput";
+T.TextArea = j;
+T.Password = R;
 export {
-  N as KitInput
+  T as KitInput
 };

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

@@ -16,6 +16,7 @@ export interface IKitInput
     infoIcon?: ReactNode;
     actions?: ReactElement[];
     onInfoClick?: (e: MouseEvent<HTMLElement, MouseEvent>) => void;
+    readonly?: boolean;
 }
 
 export interface IKitTextArea
@@ -29,6 +30,7 @@ export interface IKitTextArea
     infoIcon?: ReactNode;
     actions?: ReactElement[];
     onInfoClick?: (e: MouseEvent<HTMLElement, MouseEvent>) => void;
+    readonly?: boolean;
 }
 
 export interface IKitPassword

package/dist/Kit/DataEntry/InputNumber/index.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { KitInputNumberProps } from './types';
-export declare const KitInputNumber: React.ForwardRefExoticComponent<KitInputNumberProps & React.RefAttributes<HTMLInputElement>>;
+export declare const KitInputNumber: import("react").ForwardRefExoticComponent<KitInputNumberProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -2,11 +2,11 @@ import "../../../assets/index7.css";
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as b, useState as I } from "react";
 import { InputNumber as K } from "antd";
-import { K as k } from "../../../chunks/InputWrapper.NQtlTzQk.js";
+import { K as k } from "../../../chunks/InputWrapper.RG8Q9Ntu.js";
 import { u as x } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import N from "classnames";
 const h = {
-  "kit-input-number": "_kit-input-number_nszsj_2"
+  "kit-input-number": "_kit-input-number_1ud1b_2"
 }, F = b(({ label: e, helper: o, wrapperClassName: u, className: a, required: i, infoIcon: m, actions: n, onInfoClick: p, ...t }, c) => {
   const { appId: f } = x(), [l, s] = I(!1), d = N(f, h["kit-input-number"], a, {
     "kit-input-number-affix-wrapper-focused": l

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

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { KitRadioGroup } from './types';
-declare const RadioGroup: React.MemoExoticComponent<React.ForwardRefExoticComponent<KitRadioGroup & React.RefAttributes<HTMLDivElement>>>;
+declare const RadioGroup: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<KitRadioGroup & import("react").RefAttributes<HTMLDivElement>>>;
 export default RadioGroup;

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

@@ -1,5 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import { KitRadioProps } from './types';
 import { RadioRef } from 'antd/es/radio';
-declare const KitRadio: React.ForwardRefExoticComponent<KitRadioProps & React.RefAttributes<RadioRef>>;
+declare const KitRadio: import("react").ForwardRefExoticComponent<KitRadioProps & import("react").RefAttributes<RadioRef>>;
 export default KitRadio;

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

@@ -8,30 +8,30 @@ import Y from "antd/es/config-provider/SizeContext";
 import Z from "rc-util/es/pickAttrs";
 import { Radio as ee } from "antd";
 import { u as ae } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { K as oe } from "../../../chunks/InputWrapper.NQtlTzQk.js";
+import { K as oe } from "../../../chunks/InputWrapper.RG8Q9Ntu.js";
 import te from "antd/es/radio/style";
 const z = Q(null), re = z.Provider, ie = {
-  "kit-radio": "_kit-radio_1hsx3_2"
+  "kit-radio": "_kit-radio_1xplh_2"
 }, R = $((a, m) => {
-  var n;
+  var l;
   const o = p(z), { appId: f } = ae(), { className: r, danger: v, ...h } = a, C = (d) => {
-    var l, s;
-    (l = a.onChange) === null || l === void 0 || l.call(a, d), (s = o == null ? void 0 : o.onChange) === null || s === void 0 || s.call(o, d);
+    var n, s;
+    (n = a.onChange) === null || n === void 0 || n.call(a, d), (s = o == null ? void 0 : o.onChange) === null || s === void 0 || s.call(o, d);
   }, t = { ...h };
-  o && (t.name = o.name, t.onChange = C, t.checked = a.value === o.value, t.disabled = (n = t.disabled) !== null && n !== void 0 ? n : o.disabled);
+  o && (t.name = o.name, t.onChange = C, t.checked = a.value === o.value, t.disabled = (l = t.disabled) !== null && l !== void 0 ? l : o.disabled);
   const g = _(f, ie["kit-radio"], r, {
     "ant-radio-wrapper-danger": v
   });
   return i(ee, { ref: m, className: g, ...t });
-}), ne = U($((a, m) => {
-  const { getPrefixCls: n, direction: o } = p(X), f = p(Y), [r, v] = O(a.defaultValue, {
+}), le = U($((a, m) => {
+  const { getPrefixCls: l, direction: o } = p(X), f = p(Y), [r, v] = O(a.defaultValue, {
     value: a.value
   }), h = (e) => {
     const k = e.target.value;
     "value" in a || v(k);
     const { onChange: N } = a;
     N && k !== r && N(e);
-  }, { prefixCls: C, className: t, rootClassName: g, label: d, helper: l, status: s, wrapperClassName: P, bordered: G, options: x, buttonStyle: I = "outline", disabled: b, children: w, size: M, style: T, id: V, onMouseEnter: j, onMouseLeave: q, onFocus: A, onBlur: B, required: E, infoIcon: F, actions: L, onInfoClick: W } = a, c = n("radio", C), u = `${c}-group`, [D, H] = te(c);
+  }, { prefixCls: C, className: t, rootClassName: g, label: d, helper: n, status: s, wrapperClassName: P, bordered: G, options: x, buttonStyle: I = "outline", disabled: b, children: w, size: M, style: T, id: V, onMouseEnter: j, onMouseLeave: q, onFocus: A, onBlur: B, required: E, infoIcon: F, actions: L, onInfoClick: W } = a, c = l("radio", C), u = `${c}-group`, [D, H] = te(c);
   let y = w;
   x && x.length > 0 && (y = x.map((e) => typeof e == "string" || typeof e == "number" ? i(R, { prefixCls: c, disabled: b, value: e, checked: r === e, children: e }, e.toString()) : i(R, { prefixCls: c, disabled: e.disabled || b, value: e.value, checked: r === e.value, style: e.style, children: e.label }, `radio-group-value-options-${e.value}`)));
   const S = M || f, J = _(u, `${u}-${I}`, {
@@ -46,10 +46,10 @@ const z = Q(null), re = z.Provider, ie = {
     value: r,
     disabled: a.disabled,
     name: a.name
-  }, children: i(oe, { label: d, helper: l, disabled: b, bordered: G, status: s, className: P, required: E, infoIcon: F, actions: L, onInfoClick: W, children: y }) }) }));
-})), le = ne, K = R;
+  }, children: i(oe, { label: d, helper: n, disabled: b, bordered: G, status: s, className: P, required: E, infoIcon: F, actions: L, onInfoClick: W, children: y }) }) }));
+})), ne = le, K = R;
 K.displayName = "KitRadio";
-K.Group = le;
+K.Group = ne;
 export {
   K as KitRadio
 };

package/dist/Kit/DataEntry/Rate/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { IKitRate } from './types';
 import type { RateRef } from 'rc-rate/es/Rate';
-export declare const KitRate: React.ForwardRefExoticComponent<IKitRate & React.RefAttributes<RateRef>>;
+export declare const KitRate: import("react").ForwardRefExoticComponent<IKitRate & import("react").RefAttributes<RateRef>>;

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

@@ -10,7 +10,7 @@ import { isValidColor as _, getColor as g } from "../../../utils/functions/index
 import { kitRateCssTokens as y } from "../../../theme/aristid/components/DataEntry/Rate/index.js";
 import K from "classnames";
 const w = {
-  "kit-rate": "_kit-rate_1kzo9_2"
+  "kit-rate": "_kit-rate_a856o_2"
 }, N = (t, r, o, e) => t.index !== void 0 && t.value !== void 0 && t.index < t.value ? t.index + 0.5 === t.value ? o ?? i(a, { icon: p }) : e ?? i(a, { icon: S }) : r ?? i(a, { icon: R }), T = (t) => !t || !_(t) ? null : { [y.colors.star.default]: g(t) }, h = k(({ color: t, defaultIcon: r, halfIcon: o, activeIcon: e, className: n, style: m, ...s }, f) => {
   const { appId: u } = C(), l = v(() => ({ ...m, ...T(t) }), [t, m]), d = K(u, w["kit-rate"], n);
   return i(x, { ...s, style: l, className: d, ref: f, character: (c) => N(c, r, o, e) });

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

@@ -1,12 +1,12 @@
 import "react/jsx-runtime";
-import "../../../chunks/InputWrapper.NQtlTzQk.js";
+import "../../../chunks/InputWrapper.RG8Q9Ntu.js";
 import "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import "antd";
 import "classnames";
 import "react";
 import "short-unique-id";
 import "use-debounce";
-import { e as s } from "../../../chunks/index.tMktkiEu.js";
+import { e as s } from "../../../chunks/index.wMOo1bfz.js";
 import "lodash/flatten";
 export {
   s as KitSelect

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

@@ -67,4 +67,5 @@ export interface IKitSelect extends Omit<SelectProps, AntdSelectTypesToOmit>, Ki
     infoIcon?: ReactNode;
     actions?: ReactElement[];
     onInfoClick?: (e: MouseEvent<HTMLElement, MouseEvent>) => void;
+    readonly?: boolean;
 }

package/dist/Kit/DataEntry/Slider/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { IKitSliderRange, IKitSliderSingle } from './types';
 import type { SliderRef } from 'rc-slider/es/Slider';
-export declare const KitSlider: React.ForwardRefExoticComponent<(IKitSliderSingle | IKitSliderRange) & React.RefAttributes<SliderRef>>;
+export declare const KitSlider: import("react").ForwardRefExoticComponent<(IKitSliderSingle | IKitSliderRange) & import("react").RefAttributes<SliderRef>>;

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

@@ -1,19 +1,19 @@
 import "../../../assets/index11.css";
 import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import { Slider as d } from "antd";
+import { Slider as l } from "antd";
 import f from "classnames";
 import { forwardRef as p } from "react";
 import { u as h } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 const c = {
-  "kit-slider": "_kit-slider_ilgii_2",
-  "kit-slider-container": "_kit-slider-container_ilgii_35"
-}, w = p(({ startIcon: r, endIcon: t, marks: e, className: m, ...s }, o) => {
-  const { appId: n } = h(), l = f(n, c["kit-slider"], m, {
+  "kit-slider": "_kit-slider_1sj7g_2",
+  "kit-slider-container": "_kit-slider-container_1sj7g_35"
+}, x = p(({ startIcon: r, endIcon: s, marks: t, className: m, ...e }, o) => {
+  const { appId: n } = h(), d = f(n, c["kit-slider"], m, {
     "with-start-icon": !!r,
-    "with-end-icon": !!t
+    "with-end-icon": !!s
   });
-  return r !== void 0 || t !== void 0 ? a("div", { className: c["kit-slider-container"], children: [i("div", { className: "start-icon", children: r }), i(d, { ...s, marks: e, ref: o, className: l }), i("div", { className: "end-icon", children: t })] }) : i(d, { ...s, marks: e, ref: o, className: l });
+  return r !== void 0 || s !== void 0 ? a("div", { className: c["kit-slider-container"], children: [i("div", { className: "start-icon", children: r }), i(l, { ...e, marks: t, ref: o, className: d }), i("div", { className: "end-icon", children: s })] }) : i(l, { ...e, marks: t, ref: o, className: d });
 });
 export {
-  w as KitSlider
+  x as KitSlider
 };

package/dist/Kit/DataEntry/Switch/index.d.ts

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

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

@@ -1,16 +1,16 @@
 import "../../../assets/index9.css";
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
 import { Switch as m } from "antd";
-import { u as p } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { u as n } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import h from "classnames";
 const l = {
-  "kit-switch": "_kit-switch_19pcp_2"
-}, n = s(({ className: t, ...i }, r) => {
-  const { appId: c } = p(), e = h(c, l["kit-switch"], t);
-  return o(m, { ...i, ref: r, checkedChildren: null, unCheckedChildren: null, size: "default", className: e });
+  "kit-switch": "_kit-switch_1n36r_2"
+}, p = s(({ className: t, ...i }, r) => {
+  const { appId: e } = n(), o = h(e, l["kit-switch"], t);
+  return c(m, { ...i, ref: r, checkedChildren: null, unCheckedChildren: null, size: "default", className: o });
 });
-n.displayName = "KitSwitch";
+p.displayName = "KitSwitch";
 export {
-  n as KitSwitch
+  p as KitSwitch
 };

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

@@ -1,5 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import { IKitUpload } from './types';
 import { UploadRef } from 'antd/es/upload/Upload';
-declare const KitUpload: React.ForwardRefExoticComponent<IKitUpload & React.RefAttributes<UploadRef<any>>>;
+declare const KitUpload: import("react").ForwardRefExoticComponent<IKitUpload & import("react").RefAttributes<UploadRef<any>>>;
 export default KitUpload;

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

@@ -1,6 +1,6 @@
 import "../../../assets/index25.css";
 import { Upload as s } from "antd";
-import { jsxs as e, jsx as r, Fragment as k } from "react/jsx-runtime";
+import { jsxs as l, jsx as r, Fragment as k } from "react/jsx-runtime";
 import { forwardRef as K } from "react";
 import { KitButton as _ } from "../../General/Button/index.js";
 import "../../General/Typography/index.js";
@@ -10,18 +10,18 @@ import { u as h } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import { FontAwesomeIcon as d } from "@fortawesome/react-fontawesome";
 import { faUpload as D, faPlus as g, faCircleNotch as S, faInbox as U } from "@fortawesome/free-solid-svg-icons";
 const x = {
-  "kit-upload": "_kit-upload_16ccs_2",
-  "kit-upload-dragger": "_kit-upload-dragger_16ccs_62"
-}, v = K(({ listType: o = "text", loading: a, imageUrl: c, buttonWording: t, showUploadList: i, className: n, ...l }, p) => {
+  "kit-upload": "_kit-upload_11ml4_2",
+  "kit-upload-dragger": "_kit-upload-dragger_11ml4_62"
+}, v = K(({ listType: o = "text", loading: a, imageUrl: e, buttonWording: t, showUploadList: i, className: n, ...c }, p) => {
   const { appId: N } = h(), m = t ?? "Upload", I = f(N, x["kit-upload"], n, {
     "list-type-text": o === "text" || o === void 0
   });
-  return e(s, { ...l, listType: o, showUploadList: i, ref: p, className: I, children: [(o === void 0 || o === "text" || o === "picture") && r(_, { icon: r(d, { icon: D }), children: m }), i && o === "picture-card" && e("div", { children: [r(d, { icon: g }), r("div", { style: { marginLeft: 4 }, children: m })] }), !i && o === "picture-card" && (c ? r("div", { style: { width: "100%", padding: "8px" }, children: r("img", { src: c, alt: "avatar", style: { width: "100%" } }) }) : e(k, { children: [a ? r(d, { icon: S, spin: !0 }) : r(d, { icon: g }), r("div", { style: { marginLeft: 4 }, children: m })] }))] });
+  return l(s, { ...c, listType: o, showUploadList: i, ref: p, className: I, children: [(o === void 0 || o === "text" || o === "picture") && r(_, { icon: r(d, { icon: D }), children: m }), i && o === "picture-card" && l("div", { children: [r(d, { icon: g }), r("div", { style: { marginLeft: 4 }, children: m })] }), !i && o === "picture-card" && (e ? r("div", { style: { width: "100%", padding: "8px" }, children: r("img", { src: e, alt: "avatar", style: { width: "100%" } }) }) : l(k, { children: [a ? r(d, { icon: S, spin: !0 }) : r(d, { icon: g }), r("div", { style: { marginLeft: 4 }, children: m })] }))] });
 });
 v.displayName = "KitUpload";
-const y = ({ title: o, description: a, className: c, ...t }) => {
-  const { appId: i } = h(), n = o ?? "Click or drag file to this area to upload", l = a ?? "Support for a single or bulk upload. Strictly prohibited from uploading company data or other banned files.", p = f(i, x["kit-upload-dragger"], c);
-  return e(s.Dragger, { ...t, className: p, children: [r("p", { className: "ant-upload-drag-icon", children: r(d, { icon: U }) }), r("p", { className: "ant-upload-text", children: n }), r("p", { className: "ant-upload-hint", children: l })] });
+const y = ({ title: o, description: a, className: e, ...t }) => {
+  const { appId: i } = h(), n = o ?? "Click or drag file to this area to upload", c = a ?? "Support for a single or bulk upload. Strictly prohibited from uploading company data or other banned files.", p = f(i, x["kit-upload-dragger"], e);
+  return l(s.Dragger, { ...t, className: p, children: [r("p", { className: "ant-upload-drag-icon", children: r(d, { icon: U }) }), r("p", { className: "ant-upload-text", children: n }), r("p", { className: "ant-upload-hint", children: c })] });
 }, R = y, u = v;
 u.displayName = "KitUpload";
 u.KitDragger = R;

package/dist/Kit/DataEntry/index.js

@@ -1,10 +1,10 @@
 import { KitCheckbox as r } from "./Checkbox/index.js";
 import { KitInput as p } from "./Input/index.js";
 import { KitInputNumber as m } from "./InputNumber/index.js";
-import { K } from "../../chunks/InputWrapper.NQtlTzQk.js";
+import { K } from "../../chunks/InputWrapper.RG8Q9Ntu.js";
 import { KitRadio as a } from "./Radio/index.js";
 import { KitRate as l } from "./Rate/index.js";
-import { e as d } from "../../chunks/index.tMktkiEu.js";
+import { e as d } from "../../chunks/index.wMOo1bfz.js";
 import { KitSwitch as n } from "./Switch/index.js";
 import { KitDatePicker as I } from "./DatePicker/index.js";
 import { KitAutoComplete as b } from "./AutoComplete/index.js";

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

@@ -5,9 +5,9 @@ import { u as m } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import { FontAwesomeIcon as c } from "@fortawesome/react-fontawesome";
 import { faXmark as l, faCircleXmark as f, faCircleExclamation as p, faCircleCheck as u, faCircleInfo as k } from "@fortawesome/free-solid-svg-icons";
 import N from "classnames";
-const C = {
-  "kit-alert": "_kit-alert_59l3h_2"
-}, I = ({ type: o, className: e, ...a }) => {
+const x = {
+  "kit-alert": "_kit-alert_y8zsx_2"
+}, C = ({ type: o, className: e, ...a }) => {
   const { appId: t } = m(), i = () => {
     switch (o) {
       case "info":
@@ -19,10 +19,10 @@ const C = {
       case "error":
         return r(c, { className: "fa-icon", icon: f });
     }
-  }, s = N(t, C["kit-alert"], e);
+  }, s = N(t, x["kit-alert"], e);
   return r(n, { ...a, closeIcon: r(c, { icon: l }), icon: i(), type: o, className: s });
 };
-I.displayName = "KitAlert";
+C.displayName = "KitAlert";
 export {
-  I as KitAlert
+  C as KitAlert
 };

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

@@ -1,15 +1,15 @@
 import "../../../assets/index29.css";
-import { jsx as o, jsxs as y, Fragment as z } from "react/jsx-runtime";
-import B from "react-modal";
+import { jsx as o, jsxs as y, Fragment as B } from "react/jsx-runtime";
+import D from "react-modal";
 import "../../Layout/Divider/index.js";
 import "../../Layout/Grid/index.js";
-import { KitSpace as D } from "../../Layout/Space/index.js";
+import { KitSpace as R } from "../../Layout/Space/index.js";
 import "color-convert";
 import "color-string";
 import "lodash/isEmpty";
 import K from "classnames";
-import "../../../chunks/styles.module.tkXR5gsa.js";
-import { u as R } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import "../../../chunks/styles.module.Q_QQjQdX.js";
+import { u as z } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import { FontAwesomeIcon as d } from "@fortawesome/react-fontawesome";
 import { KitButton as x } from "../../General/Button/index.js";
 import { KitTypography as A } from "../../General/Typography/index.js";
@@ -20,9 +20,9 @@ import { useLocale as $ } from "antd/es/locale";
 import { uuid as G } from "../../../utils/functions/index.js";
 import { KitApp as H } from "../../App/index.js";
 const J = {
-  "kit-modal": "_kit-modal_1wzj0_2"
+  "kit-modal": "_kit-modal_uf6i8_2"
 }, _ = ({ title: n, style: e, width: u = "520px", height: h = "initial", fullscreen: r, ...t }) => {
-  const { appId: l } = R(), f = {
+  const { appId: l } = z(), f = {
     ...e,
     content: {
       width: u,
@@ -45,7 +45,7 @@ const J = {
     overlayElement: (c, v) => o("div", { ...c, children: v }),
     overlayClassName: i
   };
-  return o(B, { ...m, shouldCloseOnOverlayClick: t.showCloseIcon, onRequestClose: s, children: y("div", { className: J["kit-modal"], children: [y("div", { className: "kit-modal-header", children: [o("div", { className: "kit-modal-title", children: o(A.Title, { level: "h2", children: n }) }), t.showCloseIcon && o(x, { onClick: s, iconSize: "xl", icon: o(d, { icon: M, className: "kit-modal-close", onClick: s }) })] }), o("div", { className: "kit-modal-content-wrapper", children: o("div", { className: "kit-modal-content", children: t.children }) }), t.footer && o(D, { className: "kit-modal-footer", align: "end", children: t.footer })] }) });
+  return o(D, { ...m, shouldCloseOnOverlayClick: t.showCloseIcon, onRequestClose: s, children: y("div", { className: J["kit-modal"], children: [y("div", { className: "kit-modal-header", children: [o("div", { className: "kit-modal-title", children: o(A.Title, { level: "h2", children: n }) }), t.showCloseIcon && o(x, { onClick: s, iconSize: "xl", icon: o(d, { icon: M, className: "kit-modal-close", onClick: s }) })] }), o("div", { className: "kit-modal-content-wrapper", children: o("div", { className: "kit-modal-content", children: t.children }) }), t.footer && o(R, { className: "kit-modal-footer", align: "end", children: t.footer })] }) });
 }, Q = (n) => {
   const { icon: e, title: u, content: h, image: r, type: t = "confirm", width: l, portalClassName: f, dangerConfirm: s, okCancel: p, onCancel: i, cancelText: m, onOk: c, okText: v, close: I, isOpen: S = !1, ...E } = n, [a] = $("Modal");
   let C = e;
@@ -74,7 +74,7 @@ const J = {
   }, onClick: N(c), icon: o(d, { icon: F }), children: v || (T ? a == null ? void 0 : a.okText : a == null ? void 0 : a.justOkText) }), O = {
     ...E
   };
-  return n.showCloseIcon && (O.close = N(i)), o(_, { isOpen: S, showCloseIcon: !1, width: l ?? "auto", style: { content: { minWidth: "350px" } }, portalClassName: f, title: u, footer: y(z, { children: [P, j] }), ...O, children: y("div", { className: "kit-modal-vertical-items-spacing", children: [r && o("div", { className: "kit-confirm-image-wrapper", style: { backgroundImage: "url(" + r + ")" } }), y("div", { className: "kit-modal-horizontal-items-spacing", children: [C, o("div", { className: "kit-modal-vertical-text-spacing", children: o("div", { className: "ant-modal-body", children: h }) })] })] }) });
+  return n.showCloseIcon && (O.close = N(i)), o(_, { isOpen: S, showCloseIcon: !1, width: l ?? "auto", style: { content: { minWidth: "350px" } }, portalClassName: f, title: u, footer: y(B, { children: [P, j] }), ...O, children: y("div", { className: "kit-modal-vertical-items-spacing", children: [r && o("div", { className: "kit-confirm-image-wrapper", style: { backgroundImage: "url(" + r + ")" } }), y("div", { className: "kit-modal-horizontal-items-spacing", children: [C, o("div", { className: "kit-modal-vertical-text-spacing", children: o("div", { className: "ant-modal-body", children: h }) })] })] }) });
 }, V = Q;
 function g(n) {
   const e = document.createDocumentFragment(), u = X(e), h = "reactPortal-" + G();

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

@@ -1,4 +1,4 @@
-import { K as o, u as a } from "../../../chunks/KitNotification.eFNdYjE1.js";
+import { K as o, u as a } from "../../../chunks/KitNotification.YKY0mq-u.js";
 export {
   o as KitNotification,
   a as useKitNotification

package/dist/Kit/Feedback/Notification/notification-provider.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+/// <reference types="react" />
 import { IKitNotificationContext } from './types';
-export declare const KitNotificationContext: React.Context<IKitNotificationContext | undefined>;
+export declare const KitNotificationContext: import("react").Context<IKitNotificationContext | undefined>;
 export declare const KitNotificationProvider: ({ children }: {
     children: any;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,20 +3,20 @@ import { K as h } from "../../../chunks/SnackBarProvider.xMKXdZ88.js";
 import { jsxs as v, jsx as a } from "react/jsx-runtime";
 import { toast as k } from "react-hot-toast";
 import { u as b } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { FontAwesomeIcon as N } from "@fortawesome/react-fontawesome";
-import { faXmark as f } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon as f } from "@fortawesome/react-fontawesome";
+import { faXmark as N } from "@fortawesome/free-solid-svg-icons";
 import B from "classnames";
 const K = {
-  "kit-snackbar": "_kit-snackbar_1k0m4_2"
-}, S = ({ message: t, className: c, ctaText: n, ctaOnClick: r, closable: o, style: m }) => {
-  const { appId: d } = b(), s = n !== void 0 && r !== void 0, e = o !== void 0, l = `auto ${s ? "min-content" : ""} ${e ? "12px" : ""}`, p = B(d, K["kit-snackbar"], c, {
+  "kit-snackbar": "_kit-snackbar_cu2fr_2"
+}, S = ({ message: c, className: t, ctaText: r, ctaOnClick: n, closable: o, style: m }) => {
+  const { appId: d } = b(), s = r !== void 0 && n !== void 0, e = o !== void 0, l = `auto ${s ? "min-content" : ""} ${e ? "12px" : ""}`, p = B(d, K["kit-snackbar"], t, {
     "with-close-container": e,
     "with-cta-container": s
   });
-  return v("div", { style: { ...m, gridTemplateColumns: l }, className: p, children: [a("div", { className: "kit-snackbar-grid kit-snackbar-grid-one", children: a("div", { className: "kit-snackbar-title", children: t }) }), s && a("div", { className: "kit-snackbar-grid kit-snackbar-grid-two", children: a("div", { className: "kit-snackbar-cta-container", onClick: () => {
-    r(), i();
-  }, children: a("div", { className: "kit-snackbar-cta", children: n }) }) }), e && a("div", { className: "kit-snackbar-grid kit-snackbar-grid-three", children: a("div", { className: "kit-snackbar-close-container", onClick: () => i(), children: a(N, { icon: f }) }) })] });
-}, g = S, u = 4e3, w = ({ message: t, closable: c, ctaText: n, ctaOnClick: r, duration: o = u }) => (i(), k(a(g, { message: t, ctaText: n, ctaOnClick: r, closable: c }), {
+  return v("div", { style: { ...m, gridTemplateColumns: l }, className: p, children: [a("div", { className: "kit-snackbar-grid kit-snackbar-grid-one", children: a("div", { className: "kit-snackbar-title", children: c }) }), s && a("div", { className: "kit-snackbar-grid kit-snackbar-grid-two", children: a("div", { className: "kit-snackbar-cta-container", onClick: () => {
+    n(), i();
+  }, children: a("div", { className: "kit-snackbar-cta", children: r }) }) }), e && a("div", { className: "kit-snackbar-grid kit-snackbar-grid-three", children: a("div", { className: "kit-snackbar-close-container", onClick: () => i(), children: a(f, { icon: N }) }) })] });
+}, g = S, u = 4e3, w = ({ message: c, closable: t, ctaText: r, ctaOnClick: n, duration: o = u }) => (i(), k(a(g, { message: c, ctaText: r, ctaOnClick: n, closable: t }), {
   duration: o
 })), i = () => {
   k.remove();