aristid-ds 14.0.0-c679caf → 14.0.0-cdba7e7

package/CHANGELOG.md

@@ -23,6 +23,7 @@
     
 -   **SidePanel**:
     -   Add opening and closing animations (@philippechevieux)
+    -   Add `l` size (@7Remy)
     
 -   **SidePanel:**
     -   Add `useChildrenOnly` property to display the side panel as a container for other components or not. Also export two new components `KitSidePanelHeader` and `KitSidePanelContent` for layout purpose (@philippechevieux)

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

@@ -3,11 +3,11 @@ 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.aaS2HSev.js";
+import { K as S } from "../../../chunks/InputWrapper.XK7lKnUm.js";
 import { FontAwesomeIcon as W } from "@fortawesome/react-fontawesome";
 import { faMagnifyingGlass as q } from "@fortawesome/free-solid-svg-icons";
 import z from "classnames";
-import { u as D } from "../../../chunks/useGetPopupContainer.1ha3p9Qd.js";
+import { u as D } from "../../../chunks/useGetPopupContainer.efPkxYe1.js";
 const E = {
   "kit-autocomplete": "_kit-autocomplete_kox09_2"
 }, H = (t, r, o) => z(t, "ant-select-dropdown", "kit-select-dropdown-bottom", {

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

@@ -7,7 +7,7 @@ import { u as ae } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import ne from "rc-util/es/omit";
 import { ConfigContext as ie } from "antd/es/config-provider/";
 import ce from "antd/es/checkbox/style";
-import { K as ue } from "../../../chunks/InputWrapper.aaS2HSev.js";
+import { K as ue } from "../../../chunks/InputWrapper.XK7lKnUm.js";
 const j = P(null), te = ({ defaultValue: b, children: v, options: a = [], prefixCls: f, className: e, wrapperClassName: x, status: g, rootClassName: t, style: i, onChange: d, label: h, helper: o, required: r, actions: B, extra: k, ...n }, D) => {
   const { getPrefixCls: E, direction: T } = R(ie), [m, K] = w(n.value || b || []), [W, S] = w([]);
   I(() => {

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

@@ -1,14 +1,14 @@
 import "../../../assets/index26.css";
 import { forwardRef as J, useRef as Q, useState as d, useEffect as b, useImperativeHandle as Z, createElement as V } from "react";
 import { jsxs as oo, jsx as s } from "react/jsx-runtime";
-import { K as to } from "../../../chunks/InputWrapper.aaS2HSev.js";
+import { K as to } from "../../../chunks/InputWrapper.XK7lKnUm.js";
 import { u as eo } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import { ColorPicker as ro } from "antd";
 import N from "classnames";
 import { FontAwesomeIcon as io } from "@fortawesome/react-fontawesome";
 import { faCircleXmark as no } from "@fortawesome/free-solid-svg-icons";
 import { u as co } from "../../../chunks/useKitLocale.96CdK3og.js";
-import { u as lo } from "../../../chunks/useGetPopupContainer.1ha3p9Qd.js";
+import { u as lo } from "../../../chunks/useGetPopupContainer.efPkxYe1.js";
 const u = {
   "kit-colorpicker": "_kit-colorpicker_7zhkg_2",
   "kit-color-picker-clear": "_kit-color-picker-clear_7zhkg_37",

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

@@ -5,9 +5,9 @@ import { DatePicker as L } from "antd";
 import W from "classnames";
 import { FontAwesomeIcon as o } from "@fortawesome/react-fontawesome";
 import { faChevronLeft as _, faChevronRight as k, faClock as T, faCalendar as X, faCircleXmark as $, faArrowRight as Q } from "@fortawesome/free-solid-svg-icons";
-import { K as y } from "../../../chunks/InputWrapper.aaS2HSev.js";
+import { K as y } from "../../../chunks/InputWrapper.XK7lKnUm.js";
 import { u as z } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { u as B } from "../../../chunks/useGetPopupContainer.1ha3p9Qd.js";
+import { u as B } from "../../../chunks/useGetPopupContainer.efPkxYe1.js";
 const E = {
   "kit-datepicker": "_kit-datepicker_1a8o2_2",
   "kit-rangepicker": "_kit-rangepicker_1a8o2_154"

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

@@ -4,7 +4,7 @@ import { forwardRef as w } from "react";
 import { Input as k } from "antd";
 import { faCircleXmark as h, faEye as C, faEyeSlash as S } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon as p } from "@fortawesome/react-fontawesome";
-import { K as y } from "../../../chunks/InputWrapper.aaS2HSev.js";
+import { K as y } from "../../../chunks/InputWrapper.XK7lKnUm.js";
 import { u as K } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import T from "classnames";
 import { KitTypography as x } from "../../General/Typography/index.js";

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

@@ -2,7 +2,7 @@ import "../../../assets/index7.css";
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as _, useState as x } from "react";
 import { InputNumber as N } from "antd";
-import { K as h } from "../../../chunks/InputWrapper.aaS2HSev.js";
+import { K as h } from "../../../chunks/InputWrapper.XK7lKnUm.js";
 import { u as w } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import y from "classnames";
 const g = {

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

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

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

@@ -8,7 +8,7 @@ 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.KSAU-Pdv.js";
-import { K as ae } from "../../../chunks/InputWrapper.aaS2HSev.js";
+import { K as ae } from "../../../chunks/InputWrapper.XK7lKnUm.js";
 import te from "antd/es/radio/style";
 const K = O(null), re = K.Provider, oe = {
   "kit-radio": "_kit-radio_lmqef_2"

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

@@ -1,7 +1,7 @@
 import "../../../assets/index9.css";
 import { jsxs as E, jsx as u } from "react/jsx-runtime";
 import { forwardRef as Q, useRef as V, useState as _, useEffect as f } from "react";
-import { K as X } from "../../../chunks/InputWrapper.aaS2HSev.js";
+import { K as X } from "../../../chunks/InputWrapper.XK7lKnUm.js";
 import { u as Y } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import K from "classnames";
 import { useEditor as Z, EditorContent as $ } from "@tiptap/react";

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

@@ -4,7 +4,7 @@ import { Select as we } from "antd";
 import V from "classnames";
 import ge from "short-unique-id";
 import { useDebouncedCallback as Ie } from "use-debounce";
-import { K as he } from "../../../chunks/InputWrapper.aaS2HSev.js";
+import { K as he } from "../../../chunks/InputWrapper.XK7lKnUm.js";
 import { u as ke } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import { s as De } from "../../../chunks/styles.module.iV2bcv-5.js";
 import { FontAwesomeIcon as g } from "@fortawesome/react-fontawesome";
@@ -12,7 +12,7 @@ import { faCircleXmark as Ee, faCircleNotch as Pe, faChevronDown as Le, faCheck
 import { KitIcon as K } from "../../General/Icon/index.js";
 import { KitIdCard as Oe } from "../../DataDisplay/IdCard/index.js";
 import { KitTag as G } from "../../DataDisplay/Tag/index.js";
-import { u as ye } from "../../../chunks/useGetPopupContainer.1ha3p9Qd.js";
+import { u as ye } from "../../../chunks/useGetPopupContainer.efPkxYe1.js";
 function Ae({ allowClear: e = !0, loading: o = !1 }) {
   const n = e ? s(g, { "aria-label": "clear", icon: Ee }) : null, r = o ? s(g, { icon: Pe, spin: !0 }) : s(g, { icon: Le }), l = s(K, { icon: s(g, { icon: Ne }), on: !0 });
   return {

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

@@ -3,9 +3,9 @@ import { forwardRef as $, useRef as R, useState as S, useEffect as ee } from "re
 import { TreeSelect as oe } from "antd";
 import B from "classnames";
 import te from "short-unique-id";
-import { K as ne } from "../../../chunks/InputWrapper.aaS2HSev.js";
+import { K as ne } from "../../../chunks/InputWrapper.XK7lKnUm.js";
 import { u as re } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { u as se } from "../../../chunks/useGetPopupContainer.1ha3p9Qd.js";
+import { u as se } from "../../../chunks/useGetPopupContainer.efPkxYe1.js";
 import { s as le } from "../../../chunks/styles.module.iV2bcv-5.js";
 import { KitTag as ce } from "../../DataDisplay/Tag/index.js";
 import { useDebouncedCallback as ie } from "use-debounce";

package/dist/Kit/Navigation/DropDown/index.js

@@ -7,7 +7,7 @@ import m from "classnames";
 import { FontAwesomeIcon as B } from "@fortawesome/react-fontawesome";
 import { faCheck as P } from "@fortawesome/free-solid-svg-icons";
 import { N as R } from "../../../chunks/constants.DINGxt3I.js";
-import { u as g } from "../../../chunks/useGetPopupContainer.1ha3p9Qd.js";
+import { u as g } from "../../../chunks/useGetPopupContainer.efPkxYe1.js";
 const j = {
   "kit-dropdown-hidden-input": "_kit-dropdown-hidden-input_k5jvv_1"
 }, A = (o) => o.type === "divider", F = (o) => o.type === "group", I = (o) => {

package/dist/Kit/Navigation/SidePanel/index.js

@@ -2,7 +2,7 @@ import { jsx as r, jsxs as m, Fragment as F } from "react/jsx-runtime";
 import { useEffect as I, forwardRef as _, useState as B, useRef as T, useImperativeHandle as W } from "react";
 import { u as w } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import k from "classnames";
-import { s as l } from "../../../chunks/useGetPopupContainer.1ha3p9Qd.js";
+import { s as l } from "../../../chunks/useGetPopupContainer.efPkxYe1.js";
 import { KitButton as N } from "../../General/Button/index.js";
 import { FontAwesomeIcon as x } from "@fortawesome/react-fontawesome";
 import { faChevronLeft as q, faClose as z } from "@fortawesome/free-solid-svg-icons";

package/dist/Kit/Navigation/SidePanel/types.d.ts

@@ -21,7 +21,7 @@ export interface IKitSidePanel extends KitHTMLAttributes<HTMLDivElement> {
     onClose?: () => void;
     onOpenChanged?: (open: boolean) => void;
     children?: ReactNode;
-    size?: 's' | 'm';
+    size?: 's' | 'm' | 'l';
     closeOnEsc?: boolean;
     closeOnOutsideClick?: boolean;
     showSeparator?: boolean;

package/dist/Kit/index.js

@@ -18,7 +18,7 @@ import { KitRedirectCard as F } from "./DataDisplay/RedirectCard/index.js";
 import { KitCheckbox as N } from "./DataEntry/Checkbox/index.js";
 import { KitInput as G } from "./DataEntry/Input/index.js";
 import { KitInputNumber as W } from "./DataEntry/InputNumber/index.js";
-import { K as Q } from "../chunks/InputWrapper.aaS2HSev.js";
+import { K as Q } from "../chunks/InputWrapper.XK7lKnUm.js";
 import { KitRadio as q } from "./DataEntry/Radio/index.js";
 import { KitRate as J } from "./DataEntry/Rate/index.js";
 import { KitRichText as V } from "./DataEntry/RichText/index.js";

package/dist/assets/InputWrapper.css

@@ -1 +1 @@
-/*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-input-wrapper_5nyjt_2 .kit-input-wrapper-label{margin-bottom:calc(var(--components-InputWrapper-gap-label, var(--general-spacing-xxs)) * 1px);display:flex;align-items:center;gap:calc(var(--general-spacing-xxs) * 1px)}._kit-input-wrapper_5nyjt_2 .kit-input-wrapper-actions{display:flex;align-items:center;gap:calc(var(--general-spacing-xs) * 1px);flex:1;justify-content:flex-end}._kit-input-wrapper_5nyjt_2 .kit-input-wrapper-helper{margin-top:calc(var(--components-InputWrapper-gap-helper, var(--general-spacing-xxs)) * 1px)}._kit-input-wrapper_5nyjt_2 .kit-input-wrapper-label,._kit-input-wrapper_5nyjt_2 .kit-input-wrapper-label .ant-typography,._kit-input-wrapper_5nyjt_2 .kit-input-wrapper-helper,._kit-input-wrapper_5nyjt_2 .kit-input-wrapper-helper .ant-typography{color:var(--components-InputWrapper-colors-typography-default, var(--general-utilities-text-primary));line-height:calc(var(--general-typography-fontSize3) * 1px)}._kit-input-wrapper_5nyjt_2 .kit-input-wrapper-required{color:var(--components-InputWrapper-colors-typography-error, var(--general-utilities-text-error));padding-left:calc(var(--general-spacing-xxs) * 1px);font-variant-position:super}._kit-input-wrapper_5nyjt_2.bordered>.kit-input-wrapper-content{border:1px solid var(--components-InputWrapper-colors-border-default, var(--general-utilities-border));border-radius:calc(var(--components-InputWrapper-border-radius, var(--general-border-radius-s)) * 1px);padding:calc(var(--general-spacing-xs) * 1px);transition:border .2s linear}._kit-input-wrapper_5nyjt_2.bordered:not(.disabled,.error,.warning).hoverable .kit-input-wrapper-content:hover{border-color:var(--general-utilities-main-default);transition:border .2s linear}._kit-input-wrapper_5nyjt_2.bordered:not(.disabled,.error,.warning).focusable .kit-input-wrapper-content:focus-within{outline:var(--general-utilities-focus) solid 3px;border-color:transparent;transition:border 0s}._kit-input-wrapper_5nyjt_2.error .kit-input-wrapper-label,._kit-input-wrapper_5nyjt_2.error .kit-input-wrapper-label .ant-typography,._kit-input-wrapper_5nyjt_2.error .kit-input-wrapper-helper,._kit-input-wrapper_5nyjt_2.error .kit-input-wrapper-helper .ant-typography{color:var(--components-InputWrapper-colors-typography-error, var(--general-utilities-text-error))}._kit-input-wrapper_5nyjt_2.error .kit-input-wrapper-content{border-color:var(--components-InputWrapper-colors-border-error, var(--general-utilities-error-default))}._kit-input-wrapper_5nyjt_2.warning .kit-input-wrapper-label,._kit-input-wrapper_5nyjt_2.warning .kit-input-wrapper-label .ant-typography,._kit-input-wrapper_5nyjt_2.warning .kit-input-wrapper-helper,._kit-input-wrapper_5nyjt_2.warning .kit-input-wrapper-helper .ant-typography{color:var(--components-InputWrapper-colors-typography-warning, var(--general-utilities-text-warning))}._kit-input-wrapper_5nyjt_2.warning .kit-input-wrapper-content{border-color:var(--components-InputWrapper-colors-border-warning, var(--general-utilities-warning-default))}._kit-input-wrapper_5nyjt_2.disabled .kit-input-wrapper-label,._kit-input-wrapper_5nyjt_2.disabled .kit-input-wrapper-label .ant-typography,._kit-input-wrapper_5nyjt_2.disabled .kit-input-wrapper-helper,._kit-input-wrapper_5nyjt_2.disabled .kit-input-wrapper-helper .ant-typography,._kit-input-wrapper_5nyjt_2.disabled .kit-input-wrapper-required{color:var(--components-InputWrapper-colors-typography-disabled, var(--general-utilities-text-disabled))}._kit-input-wrapper_5nyjt_2.disabled .kit-input-wrapper-content{border-color:var(--components-InputWrapper-colors-border-disabled, var(--general-utilities-border))}._kit-input-wrapper_5nyjt_2.disabled .kit-input-wrapper-content:focus-visible{outline:none}
+/*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-input-wrapper_1oj8g_2 .ant-input-number-handler-wrap{border-start-end-radius:calc(var(--components-InputWrapper-border-radius, var(--general-border-radius-s)) * 1px);border-end-end-radius:calc(var(--components-InputWrapper-border-radius, var(--general-border-radius-s)) * 1px)}._kit-input-wrapper_1oj8g_2 .kit-input-wrapper-label{margin-bottom:calc(var(--components-InputWrapper-gap-label, var(--general-spacing-xxs)) * 1px);display:flex;align-items:center;gap:calc(var(--general-spacing-xxs) * 1px)}._kit-input-wrapper_1oj8g_2 .kit-input-wrapper-actions{display:flex;align-items:center;gap:calc(var(--general-spacing-xs) * 1px);flex:1;justify-content:flex-end}._kit-input-wrapper_1oj8g_2 .kit-input-wrapper-helper{margin-top:calc(var(--components-InputWrapper-gap-helper, var(--general-spacing-xxs)) * 1px)}._kit-input-wrapper_1oj8g_2 .kit-input-wrapper-label,._kit-input-wrapper_1oj8g_2 .kit-input-wrapper-label .ant-typography,._kit-input-wrapper_1oj8g_2 .kit-input-wrapper-helper,._kit-input-wrapper_1oj8g_2 .kit-input-wrapper-helper .ant-typography{color:var(--components-InputWrapper-colors-typography-default, var(--general-utilities-text-primary));line-height:calc(var(--general-typography-fontSize3) * 1px)}._kit-input-wrapper_1oj8g_2 .kit-input-wrapper-required{color:var(--components-InputWrapper-colors-typography-error, var(--general-utilities-text-error));padding-left:calc(var(--general-spacing-xxs) * 1px);font-variant-position:super}._kit-input-wrapper_1oj8g_2.bordered>.kit-input-wrapper-content{border:1px solid var(--components-InputWrapper-colors-border-default, var(--general-utilities-border));border-radius:calc(var(--components-InputWrapper-border-radius, var(--general-border-radius-s)) * 1px);padding:calc(var(--general-spacing-xs) * 1px);transition:border .2s linear}._kit-input-wrapper_1oj8g_2.bordered:not(.disabled,.error,.warning).hoverable .kit-input-wrapper-content:hover{border-color:var(--general-utilities-main-default);transition:border .2s linear}._kit-input-wrapper_1oj8g_2.bordered:not(.disabled,.error,.warning).focusable .kit-input-wrapper-content:focus-within{outline:var(--general-utilities-focus) solid 3px;border-color:transparent;transition:border 0s}._kit-input-wrapper_1oj8g_2.error .kit-input-wrapper-label,._kit-input-wrapper_1oj8g_2.error .kit-input-wrapper-label .ant-typography,._kit-input-wrapper_1oj8g_2.error .kit-input-wrapper-helper,._kit-input-wrapper_1oj8g_2.error .kit-input-wrapper-helper .ant-typography{color:var(--components-InputWrapper-colors-typography-error, var(--general-utilities-text-error))}._kit-input-wrapper_1oj8g_2.error .kit-input-wrapper-content{border-color:var(--components-InputWrapper-colors-border-error, var(--general-utilities-error-default))}._kit-input-wrapper_1oj8g_2.warning .kit-input-wrapper-label,._kit-input-wrapper_1oj8g_2.warning .kit-input-wrapper-label .ant-typography,._kit-input-wrapper_1oj8g_2.warning .kit-input-wrapper-helper,._kit-input-wrapper_1oj8g_2.warning .kit-input-wrapper-helper .ant-typography{color:var(--components-InputWrapper-colors-typography-warning, var(--general-utilities-text-warning))}._kit-input-wrapper_1oj8g_2.warning .kit-input-wrapper-content{border-color:var(--components-InputWrapper-colors-border-warning, var(--general-utilities-warning-default))}._kit-input-wrapper_1oj8g_2.disabled .kit-input-wrapper-label,._kit-input-wrapper_1oj8g_2.disabled .kit-input-wrapper-label .ant-typography,._kit-input-wrapper_1oj8g_2.disabled .kit-input-wrapper-helper,._kit-input-wrapper_1oj8g_2.disabled .kit-input-wrapper-helper .ant-typography,._kit-input-wrapper_1oj8g_2.disabled .kit-input-wrapper-required{color:var(--components-InputWrapper-colors-typography-disabled, var(--general-utilities-text-disabled))}._kit-input-wrapper_1oj8g_2.disabled .kit-input-wrapper-content{border-color:var(--components-InputWrapper-colors-border-disabled, var(--general-utilities-border))}._kit-input-wrapper_1oj8g_2.disabled .kit-input-wrapper-content:focus-visible{outline:none}

package/dist/assets/useGetPopupContainer.css

@@ -1 +1 @@
-/*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-side-panel-wrapper_1fqd1_2{--sidePanel-colors-text: var(--components-SidePanel-colors-text, var(--general-utilities-text-primary));--sidePanel-shadow: var(--components-SidePanel-shadow, -5px 8px 14px -5px rgba(0, 0, 0, .3));--sidePanel-default-width-open-s: 352;--sidePanel-default-width-open-m: 456;--sidePanel-default-right-close-s: -352;--sidePanel-default-right-close-m: -456;--sidePanel-transition: .3s ease-in}._kit-side-panel-wrapper_1fqd1_2:not(.floating){position:relative;height:100%;width:calc(var(--components-SidePanel-width-s, var(--sidePanel-default-width-open-s)) * 1px);transition:width var(--sidePanel-transition)}._kit-side-panel-wrapper_1fqd1_2:not(.floating).size-m{width:calc(var(--components-SidePanel-width-m, var(--sidePanel-default-width-open-m)) * 1px)}._kit-side-panel-wrapper_1fqd1_2:not(.floating).closed{width:0}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2{display:flex;flex-direction:column;box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;z-index:1000;background:var(--components-SidePanel-colors-background, var(--general-utilities-light));width:calc(var(--components-SidePanel-width-s, var(--sidePanel-default-width-open-s)) * 1px);transition:right var(--sidePanel-transition)}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2.closed{right:calc(var(--sidePanel-default-right-close-s) * 1px)}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2.closed.size-m{right:calc(var(--sidePanel-default-right-close-m) * 1px)}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2.size-m{width:calc(var(--components-SidePanel-width-m, var(--sidePanel-default-width-open-m)) * 1px)}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2:not(.closed){box-shadow:var(--sidePanel-shadow)}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2 ._header_1fqd1_48{flex:0 1 auto;display:flex;gap:calc(var(--components-SidePanel-spacing-headerItems, var(--general-spacing-xs)) * 1px);padding:calc(var(--components-SidePanel-padding-vertical, var(--general-spacing-s)) * 1px) calc(var(--components-SidePanel-padding-horizontal, var(--general-spacing-s)) * 1px)}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2 ._header_1fqd1_48.show-separator{border-bottom:1px solid var(--general-utilities-border)}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2 ._back_1fqd1_57,._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2 ._close_1fqd1_20{flex:0 0 auto;width:calc(var(--general-spacing-l) * 1px);min-width:calc(var(--general-spacing-l) * 1px);height:calc(var(--general-spacing-l) * 1px);padding:calc(var(--general-spacing-none) * 1px)}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2 ._back_1fqd1_57{color:var(--sidePanel-colors-text)}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2 ._back_1fqd1_57 .fa-chevron-left{width:8px;height:8px}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2 ._card_1fqd1_72{flex:1 1 auto}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2 ._content_1fqd1_75{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:calc(var(--components-SidePanel-padding-vertical, var(--general-spacing-s)) * 1px) calc(var(--components-SidePanel-padding-horizontal, var(--general-spacing-s)) * 1px) 0 calc(var(--components-SidePanel-padding-horizontal, var(--general-spacing-s)) * 1px);margin-bottom:calc(var(--components-SidePanel-padding-vertical, var(--general-spacing-s)) * 1px)}
+/*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-side-panel-wrapper_uvhbg_2{--sidePanel-colors-text: var(--components-SidePanel-colors-text, var(--general-utilities-text-primary));--sidePanel-shadow: var(--components-SidePanel-shadow, -5px 8px 14px -5px rgba(0, 0, 0, .3));--sidePanel-default-width-open-s: 352;--sidePanel-default-width-open-m: 456;--sidePanel-default-width-open-l: 576;--sidePanel-default-right-close-s: -352;--sidePanel-default-right-close-m: -456;--sidePanel-default-right-close-l: -576;--sidePanel-transition: .3s ease-in}._kit-side-panel-wrapper_uvhbg_2:not(.floating){position:relative;height:100%;width:calc(var(--components-SidePanel-width-s, var(--sidePanel-default-width-open-s)) * 1px);transition:width var(--sidePanel-transition)}._kit-side-panel-wrapper_uvhbg_2:not(.floating).size-m{width:calc(var(--components-SidePanel-width-m, var(--sidePanel-default-width-open-m)) * 1px)}._kit-side-panel-wrapper_uvhbg_2:not(.floating).size-l{width:calc(var(--components-SidePanel-width-l, var(--sidePanel-default-width-open-l)) * 1px)}._kit-side-panel-wrapper_uvhbg_2:not(.floating).closed{width:0}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2{display:flex;flex-direction:column;box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;z-index:1000;background:var(--components-SidePanel-colors-background, var(--general-utilities-light));width:calc(var(--components-SidePanel-width-s, var(--sidePanel-default-width-open-s)) * 1px);transition:right var(--sidePanel-transition)}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2.closed{right:calc(var(--sidePanel-default-right-close-s) * 1px)}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2.closed.size-m{right:calc(var(--sidePanel-default-right-close-m) * 1px)}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2.closed.size-l{right:calc(var(--sidePanel-default-right-close-l) * 1px)}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2.size-m{width:calc(var(--components-SidePanel-width-m, var(--sidePanel-default-width-open-m)) * 1px)}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2.size-l{width:calc(var(--components-SidePanel-width-l, var(--sidePanel-default-width-open-l)) * 1px)}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2:not(.closed){box-shadow:var(--sidePanel-shadow)}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2 ._header_uvhbg_59{flex:0 1 auto;display:flex;gap:calc(var(--components-SidePanel-spacing-headerItems, var(--general-spacing-xs)) * 1px);padding:calc(var(--components-SidePanel-padding-vertical, var(--general-spacing-s)) * 1px) calc(var(--components-SidePanel-padding-horizontal, var(--general-spacing-s)) * 1px)}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2 ._header_uvhbg_59.show-separator{border-bottom:1px solid var(--general-utilities-border)}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2 ._back_uvhbg_68,._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2 ._close_uvhbg_25{flex:0 0 auto;width:calc(var(--general-spacing-l) * 1px);min-width:calc(var(--general-spacing-l) * 1px);height:calc(var(--general-spacing-l) * 1px);padding:calc(var(--general-spacing-none) * 1px)}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2 ._back_uvhbg_68{color:var(--sidePanel-colors-text)}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2 ._back_uvhbg_68 .fa-chevron-left{width:8px;height:8px}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2 ._card_uvhbg_83{flex:1 1 auto}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2 ._content_uvhbg_86{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:calc(var(--components-SidePanel-padding-vertical, var(--general-spacing-s)) * 1px) calc(var(--components-SidePanel-padding-horizontal, var(--general-spacing-s)) * 1px) 0 calc(var(--components-SidePanel-padding-horizontal, var(--general-spacing-s)) * 1px);margin-bottom:calc(var(--components-SidePanel-padding-vertical, var(--general-spacing-s)) * 1px)}

package/dist/chunks/{InputWrapper.aaS2HSev.js → InputWrapper.XK7lKnUm.js}

@@ -5,11 +5,11 @@ import { u as _ } from "./useKitTheme.KSAU-Pdv.js";
 import g from "classnames";
 import { FontAwesomeIcon as x } from "@fortawesome/react-fontawesome";
 import { faTriangleExclamation as A, faCircleXmark as C, faCircleInfo as E } from "@fortawesome/free-solid-svg-icons";
-import { F as K, N as y } from "./constants.DINGxt3I.js";
-const z = {
-  "kit-input-wrapper": "_kit-input-wrapper_5nyjt_2"
-}, B = ({ label: t, htmlFor: f, helper: o, disabled: a, status: e, bordered: w, hoverable: h, required: s, onFocus: c, onBlur: l, actions: d, extra: i, className: n, children: v, ...k }) => {
-  const { appId: I } = _(), m = !a && (c !== void 0 || l !== void 0), N = g(z["kit-input-wrapper"], I, n ?? "", {
+import { F as K, N as z } from "./constants.DINGxt3I.js";
+const B = {
+  "kit-input-wrapper": "_kit-input-wrapper_1oj8g_2"
+}, S = ({ label: o, htmlFor: f, helper: t, disabled: a, status: e, bordered: w, hoverable: h, required: s, onFocus: c, onBlur: l, actions: d, extra: i, className: n, children: v, ...k }) => {
+  const { appId: I } = _(), m = !a && (c !== void 0 || l !== void 0), N = g(B["kit-input-wrapper"], I, n ?? "", {
     disabled: a,
     bordered: w,
     hoverable: h,
@@ -17,8 +17,8 @@ const z = {
     error: e === "error",
     warning: e === "warning"
   }), T = () => e === "warning" ? A : e === "error" ? C : E;
-  return d !== void 0 && (console.warn("The 'actions' prop is deprecated and will be removed in a future version. Please use 'extra' instead."), i === void 0 && (i = d)), p("div", { className: N, ...k, children: [!!(t || s || i) && p("div", { className: "kit-input-wrapper-label", children: [r("label", { htmlFor: f, children: r(u.Text, { size: "fontSize5", weight: "medium", children: t }) }), s && r("span", { className: "kit-input-wrapper-required", children: "*" }), r("div", { className: "kit-input-wrapper-actions", children: i })] }), r("div", { className: "kit-input-wrapper-content", tabIndex: m ? K : y, onFocus: c, onBlur: l, children: v }), o && r("div", { className: "kit-input-wrapper-helper", children: p(u.Text, { size: "fontSize7", ellipsis: !0, children: [r(x, { icon: T() }), " ", o] }) })] });
-}, L = B;
+  return d !== void 0 && (console.warn("The 'actions' prop is deprecated and will be removed in a future version. Please use 'extra' instead."), i === void 0 && (i = d)), p("div", { className: N, ...k, children: [!!(o || s || i) && p("div", { className: "kit-input-wrapper-label", children: [r("label", { htmlFor: f, children: r(u.Text, { size: "fontSize5", weight: "medium", children: o }) }), s && r("span", { className: "kit-input-wrapper-required", children: "*" }), r("div", { className: "kit-input-wrapper-actions", children: i })] }), r("div", { className: "kit-input-wrapper-content", tabIndex: m ? K : z, onFocus: c, onBlur: l, children: v }), t && r("div", { className: "kit-input-wrapper-helper", children: p(u.Text, { size: "fontSize7", ellipsis: !0, children: [r(x, { icon: T() }), " ", t] }) })] });
+}, L = S;
 export {
   L as K
 };

package/dist/chunks/useGetPopupContainer.efPkxYe1.js

@@ -0,0 +1,18 @@
+import "../assets/useGetPopupContainer.css";
+const o = "_header_uvhbg_59", a = "_back_uvhbg_68", r = "_close_uvhbg_25", s = "_card_uvhbg_83", _ = "_content_uvhbg_86", i = {
+  "kit-side-panel-wrapper": "_kit-side-panel-wrapper_uvhbg_2",
+  "kit-side-panel": "_kit-side-panel_uvhbg_2",
+  header: o,
+  back: a,
+  close: r,
+  card: s,
+  content: _
+}, d = (e, n) => n ?? (() => {
+  var t;
+  const c = e.current && "nativeElement" in e.current ? e.current.nativeElement : e.current;
+  return (t = c == null ? void 0 : c.closest(`.${i["kit-side-panel"]}`)) !== null && t !== void 0 ? t : document.body;
+});
+export {
+  i as s,
+  d as u
+};

package/dist/index.es.js

@@ -18,7 +18,7 @@ import { KitRedirectCard as M } from "./Kit/DataDisplay/RedirectCard/index.js";
 import { KitCheckbox as N } from "./Kit/DataEntry/Checkbox/index.js";
 import { KitInput as G } from "./Kit/DataEntry/Input/index.js";
 import { KitInputNumber as W } from "./Kit/DataEntry/InputNumber/index.js";
-import { K as Q } from "./chunks/InputWrapper.aaS2HSev.js";
+import { K as Q } from "./chunks/InputWrapper.XK7lKnUm.js";
 import { KitRadio as q } from "./Kit/DataEntry/Radio/index.js";
 import { KitRate as J } from "./Kit/DataEntry/Rate/index.js";
 import { KitRichText as V } from "./Kit/DataEntry/RichText/index.js";