@ultraviolet/ui 3.8.1 → 3.9.0

package/dist/components/Modal/components/Dialog.js

@@ -25,11 +25,13 @@ const Dialog = ({
   hideOnEsc,
   backdropClassName,
   image,
-  style
+  style,
+  ref
 }) => {
   const [isVisible, setIsVisible] = useState(false);
   const containerRef = useRef(document.createElement("div"));
-  const dialogRef = useRef(null);
+  const nonDefaultRef = useRef(null);
+  const dialogRef = ref ?? nonDefaultRef;
   const onCloseRef = useRef(onClose);
   const {
     registerModal,
@@ -45,7 +47,7 @@ const Dialog = ({
     return () => {
       unregisterModal(id);
     };
-  }, [id, registerModal, unregisterModal]);
+  }, [id, registerModal, unregisterModal, dialogRef]);
   useEffect(() => {
     const element = containerRef.current;
     document.body.appendChild(element);
@@ -60,7 +62,7 @@ const Dialog = ({
   }, [onClose]);
   useEffect(() => {
     dialogRef.current?.focus();
-  }, []);
+  }, [dialogRef]);
   useEffect(() => {
     const previousOverflow = document.body.style.overflow;
     if (preventBodyScroll) {
@@ -94,43 +96,46 @@ const Dialog = ({
         onCloseRef.current();
       }
     },
-    [hideOnClickOutside, position]
+    [hideOnClickOutside, position, dialogRef]
   );
-  const handleFocusTrap = useCallback((event) => {
-    event.stopPropagation();
-    if (event.key === "Escape") {
-      event.preventDefault();
-      return;
-    }
-    const isTabPressed = event.key === "Tab";
-    if (!isTabPressed) {
-      return;
-    }
-    const focusableEls = dialogRef.current?.querySelectorAll(
-      "a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled])"
-    );
-    if (focusableEls?.length === 0) {
-      event.preventDefault();
-    }
-    if (focusableEls) {
-      const elems = [...focusableEls];
-      const firstFocusableEl = elems[0];
-      const lastFocusableEl = elems.at(-1);
-      if (event.shiftKey) {
-        if (document.activeElement === firstFocusableEl || document.activeElement === dialogRef.current) {
-          if (lastFocusableEl instanceof HTMLElement) {
-            lastFocusableEl.focus();
+  const handleFocusTrap = useCallback(
+    (event) => {
+      event.stopPropagation();
+      if (event.key === "Escape") {
+        event.preventDefault();
+        return;
+      }
+      const isTabPressed = event.key === "Tab";
+      if (!isTabPressed) {
+        return;
+      }
+      const focusableEls = dialogRef.current?.querySelectorAll(
+        "a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled])"
+      );
+      if (focusableEls?.length === 0) {
+        event.preventDefault();
+      }
+      if (focusableEls) {
+        const elems = [...focusableEls];
+        const firstFocusableEl = elems[0];
+        const lastFocusableEl = elems.at(-1);
+        if (event.shiftKey) {
+          if (document.activeElement === firstFocusableEl || document.activeElement === dialogRef.current) {
+            if (lastFocusableEl instanceof HTMLElement) {
+              lastFocusableEl.focus();
+            }
+            event.preventDefault();
+          }
+        } else if (document.activeElement === lastFocusableEl || document.activeElement === dialogRef.current) {
+          if (firstFocusableEl instanceof HTMLElement) {
+            firstFocusableEl.focus();
           }
           event.preventDefault();
         }
-      } else if (document.activeElement === lastFocusableEl || document.activeElement === dialogRef.current) {
-        if (firstFocusableEl instanceof HTMLElement) {
-          firstFocusableEl.focus();
-        }
-        event.preventDefault();
       }
-    }
-  }, []);
+    },
+    [dialogRef]
+  );
   if (modalAbove?.ref && typeof modalAbove.ref === "object" && "current" in modalAbove.ref && currentModalHeight) {
     top = (modalAbove?.ref?.current?.offsetHeight ?? 0) / 2 - currentModalHeight / 2 + 20;
   }

package/dist/components/Modal/index.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, ReactElement, ReactNode } from 'react';
+import type { CSSProperties, ReactElement, ReactNode, RefObject } from 'react';
 import type { ModalPlacement, ModalSize, ModalState } from './types';
 export type ModalProps = {
     id?: string;
@@ -9,6 +9,7 @@ export type ModalProps = {
     disclosure?: ReactElement | ((state: ModalState) => ReactElement);
     isClosable?: boolean;
     onClose?: () => void;
+    onOpen?: () => void;
     onBeforeClose?: () => Promise<void> | void;
     open?: boolean;
     placement?: ModalPlacement;
@@ -22,10 +23,11 @@ export type ModalProps = {
      */
     image?: string;
     style?: CSSProperties;
+    ref?: RefObject<HTMLDialogElement | null>;
 };
 /**
  * Modal is a component that allows you to display content on top of other content.
  * It is often used to display a dialog with additional information or to ask for a confirmation.
  */
-export declare const Modal: ({ ariaLabel, id, children, disclosure, hideOnClickOutside, hideOnEsc, isClosable, onClose, onBeforeClose, open, placement, preventBodyScroll, size, className, "data-testid": dataTestId, backdropClassName, image, style, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Modal: ({ ariaLabel, id, children, disclosure, hideOnClickOutside, hideOnEsc, isClosable, onClose, onBeforeClose, onOpen, open, placement, preventBodyScroll, size, className, "data-testid": dataTestId, backdropClassName, image, style, ref, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKnE,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEpE,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,YAAY,CAAC,CAAA;IACjE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,UAAU,KAAK,SAAS,CAAC,CAAA;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AACD;;;GAGG;AACH,eAAO,MAAM,KAAK,GAAI,8NAmBnB,UAAU,4CAkGZ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAK9E,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEpE,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,YAAY,CAAC,CAAA;IACjE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,UAAU,KAAK,SAAS,CAAC,CAAA;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,GAAG,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;CAC1C,CAAA;AACD;;;GAGG;AACH,eAAO,MAAM,KAAK,GAAI,2OAqBnB,UAAU,4CAqGZ,CAAA"}

package/dist/components/Modal/index.js

@@ -14,6 +14,7 @@ const Modal = ({
   isClosable = true,
   onClose,
   onBeforeClose,
+  onOpen,
   open = false,
   placement = "center",
   preventBodyScroll = true,
@@ -22,14 +23,16 @@ const Modal = ({
   "data-testid": dataTestId,
   backdropClassName,
   image,
-  style
+  style,
+  ref
 }) => {
   const [visible, setVisible] = useState(false);
   const controlId = useId();
   const disclosureRef = useRef(null);
   const handleOpen = useCallback(() => {
     setVisible(true);
-  }, []);
+    onOpen?.();
+  }, [onOpen]);
   const handleClose = useCallback(() => {
     disclosureRef.current?.focus();
     if (onClose) {
@@ -80,6 +83,7 @@ const Modal = ({
         open,
         placement,
         preventBodyScroll,
+        ref,
         style,
         visible,
         children
@@ -103,6 +107,7 @@ const Modal = ({
         open,
         placement,
         preventBodyScroll,
+        ref,
         style,
         visible,
         children

package/dist/components/Modal/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/styles.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,QAAQ,oBAAc,CAAA;AACnC,eAAO,MAAM,aAAa,oBAAc,CAAA;AAExC,eAAO,MAAM,cAAc,QAIzB,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAK9B,CAAA;AAEF,eAAO,MAAM,UAAU,QAKrB,CAAA;AAEF,eAAO,MAAM,YAAY,QAEvB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAgB5B,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;EAoBxB,CAAA;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDhB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/styles.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,QAAQ,oBAAc,CAAA;AACnC,eAAO,MAAM,aAAa,oBAAc,CAAA;AAExC,eAAO,MAAM,cAAc,QAIzB,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAK9B,CAAA;AAEF,eAAO,MAAM,UAAU,QAKrB,CAAA;AAEF,eAAO,MAAM,YAAY,QAEvB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAmB5B,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;EAoBxB,CAAA;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwEhB,CAAA"}

package/dist/components/Modal/types.d.ts

@@ -33,5 +33,6 @@ export type DialogProps = {
     children: ReactNode;
     image?: string;
     style?: CSSProperties;
+    ref?: RefObject<HTMLDialogElement | null>;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Modal/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9E,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE3E,MAAM,MAAM,cAAc,GACtB,QAAQ,GACR,aAAa,GACb,cAAc,GACd,QAAQ,GACR,KAAK,GACL,UAAU,GACV,WAAW,GACX,OAAO,GACP,MAAM,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,YAAY,CAAC,CAAA;IACjE,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC9B,WAAW,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAChC,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;IAC9B,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,OAAO,CAAA;IACb,IAAI,EAAE,SAAS,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,cAAc,CAAA;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9E,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE3E,MAAM,MAAM,cAAc,GACtB,QAAQ,GACR,aAAa,GACb,cAAc,GACd,QAAQ,GACR,KAAK,GACL,UAAU,GACV,WAAW,GACX,OAAO,GACP,MAAM,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,YAAY,CAAC,CAAA;IACjE,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC9B,WAAW,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAChC,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;IAC9B,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,OAAO,CAAA;IACb,IAAI,EAAE,SAAS,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,cAAc,CAAA;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,GAAG,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;CAC1C,CAAA"}

package/dist/components/NumberInput/index.js

@@ -112,7 +112,7 @@ const NumberInput = forwardRef(
       label || labelDescription ? /* @__PURE__ */ jsx(
         Label,
         {
-          htmlFor: id ?? localId,
+          htmlFor: localId,
           labelDescription,
           required,
           size,

package/dist/components/Popover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAY3D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGhC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAG7C,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,CAAA;AAuE1C;;;GAGG;AACH,eAAO,MAAM,OAAO;cA1BR,SAAS;aACV,SAAS;WACX,MAAM;gBACD,aAAa;cACf,OAAO;WACV,MAAM,OAAO,WAAW;cACrB,MAAM,IAAI;gBACR,MAAM;oBACF,MAAM;eACX,MAAM;gBACL,MAAM;IAClB;;;OAGG;mBACY,WAAW;gBACd,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;;;;iBAjB/E,CADA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8IA6GC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAY3D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGhC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAG7C,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,CAAA;AAuE1C;;;GAGG;AACH,eAAO,MAAM,OAAO;cA1BR,SAAS;aACV,SAAS;WACX,MAAM;gBACD,aAAa;cACf,OAAO;WACV,MAAM,OAAO,WAAW;cACrB,MAAM,IAAI;gBACR,MAAM;oBACF,MAAM;eACX,MAAM;gBACL,MAAM;IAClB;;;OAGG;mBACY,WAAW;gBACd,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;;;;iBAd5E,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8IAyGH,CAAA"}

package/dist/components/Popup/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,UAAU,4DAA6D,CAAA;AAE7E,KAAK,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7C,KAAK,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,MAAM,GACxE,GAAG,CAAC,GAAG,CAAC,EAAE,GACV,KAAK,CAAA;AAET,KAAK,cAAc,GACf,gBAAgB,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,EAAE,OAAO,CAAC,GAC7D,MAAM,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG,UAAU,CAAA;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;AAM3C,eAAO,MAAM,mBAAmB,IAAI,CAAA;AAGpC,eAAO,MAAM,iBAAiB;;;;;;;;CAQ7B,CAAA;AAuND,KAAK,qBAAqB,GAAG;IAC3B,SAAS,EAAE,cAAc,CAAA;IACzB,WAAW,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC7C,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC1C,iBAAiB,EAAE,WAAW,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,UAAU,CAAA;CAClB,CAAA;AAED;;GAEG;AAEH,eAAO,MAAM,gBAAgB,GAAI,2EAO9B,qBAAqB;;;;;;;;CAqPvB,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,UAAU,4DAA6D,CAAA;AAE7E,KAAK,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7C,KAAK,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,MAAM,GACxE,GAAG,CAAC,GAAG,CAAC,EAAE,GACV,KAAK,CAAA;AAET,KAAK,cAAc,GACf,gBAAgB,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,EAAE,OAAO,CAAC,GAC7D,MAAM,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG,UAAU,CAAA;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;AAM3C,eAAO,MAAM,mBAAmB,IAAI,CAAA;AAGpC,eAAO,MAAM,iBAAiB;;;;;;;;CAQ7B,CAAA;AAuND,KAAK,qBAAqB,GAAG;IAC3B,SAAS,EAAE,cAAc,CAAA;IACzB,WAAW,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC7C,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC1C,iBAAiB,EAAE,WAAW,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,UAAU,CAAA;CAClB,CAAA;AAED;;GAEG;AAEH,eAAO,MAAM,gBAAgB,GAAI,2EAO9B,qBAAqB;;;;;;;;CAoRvB,CAAA"}

package/dist/components/Popup/helpers.js

@@ -254,6 +254,21 @@ const computePositions = ({
         rotate: -90
       };
     }
+    case "top": {
+      const positionX = isAligned ? overloadedChildrenLeft : overloadedChildrenLeft + childrenWidth / 2 - popupWidth / 2;
+      const positionY = overloadedChildrenTop + scrollTopValue - popupHeight - arrowWidth - SPACE;
+      const computedPositionX = isAligned ? positionX : positionX + popupOverflow;
+      const finalPositionX = isPopupPortalTargetBody ? Math.max(computedPositionX, 0) : computedPositionX;
+      return {
+        arrowLeft: isAligned ? childrenWidth / 2 - arrowWidth : popupWidth / 2 + popupOverflow * -1,
+        arrowTop: `${popupHeight - 1}px`,
+        arrowTransform: "",
+        placement: "top",
+        popupInitialPosition: `translate3d(${finalPositionX}px, ${positionY + TOTAL_USED_SPACE}px, 0)`,
+        popupPosition: `translate3d(${finalPositionX}px, ${positionY}px, 0)`,
+        rotate: 0
+      };
+    }
     default: {
       const positionX = isAligned ? overloadedChildrenLeft : overloadedChildrenLeft + childrenWidth / 2 - popupWidth / 2;
       const positionY = overloadedChildrenTop + scrollTopValue - popupHeight - arrowWidth - SPACE;

package/dist/components/Popup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,oBAAoB,EAEpB,SAAS,EACT,GAAG,EACH,SAAS,EACV,MAAM,OAAO,CAAA;AAed,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAwB3D,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,oBAAoB,EAAE,MAAM,CAAA;IAC5B,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AASD,KAAK,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;AAEnE,KAAK,UAAU,GAAG;IAChB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,WAAW,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,MAAM,EAAE,MAAM,IAAI,CAAA;QAClB,OAAO,EAAE,MAAM,IAAI,CAAA;QACnB,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KACtC,KAAK,SAAS,CAAC,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACrC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAChC,eAAe,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC,eAAe,CAAC,CAAA;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAkCD;;GAEG;AACH,eAAO,MAAM,KAAK,uGAgfjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,oBAAoB,EAEpB,SAAS,EACT,GAAG,EACH,SAAS,EACV,MAAM,OAAO,CAAA;AAed,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAwB3D,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,oBAAoB,EAAE,MAAM,CAAA;IAC5B,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AAUD,KAAK,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;AAEnE,KAAK,UAAU,GAAG;IAChB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,WAAW,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,MAAM,EAAE,MAAM,IAAI,CAAA;QAClB,OAAO,EAAE,MAAM,IAAI,CAAA;QACnB,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KACtC,KAAK,SAAS,CAAC,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACrC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAChC,eAAe,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC,eAAe,CAAC,CAAA;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAkCD;;GAEG;AACH,eAAO,MAAM,KAAK,uGAifjB,CAAA"}

package/dist/components/Popup/index.js

@@ -391,7 +391,7 @@ const Popup = forwardRef(
                 [popupPosition]: positions.popupPosition,
                 [animationDurationPopup]: `${animationDuration}ms`,
                 [popupInitialPosition]: positions.popupInitialPosition,
-                [maxWidthPopup]: `${typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth}`,
+                [maxWidthPopup]: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
                 [maxHeightPopup]: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight
               }),
               ...style

package/dist/components/Popup/styles.css.js

@@ -1,3 +1,4 @@
+/* empty css                             */
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var containerPopup = createRuntimeFn({ defaultClassName: "uv_w40vpo2", variantClassNames: { hasMaxHeight: { true: "uv_w40vpo3" } }, defaultVariants: {}, compoundVariants: [] });

package/dist/components/Popup/variables.css.js

@@ -1,4 +1,3 @@
-/* empty css                             */
 var arrowTop = "var(--uv_ozfz3c0)";
 var arrowLeft = "var(--uv_ozfz3c1)";
 var arrowTransform = "var(--uv_ozfz3c2)";

package/dist/components/ProgressBar/styles.css.js

@@ -1,3 +1,4 @@
+/* empty css                             */
 /* empty css                          */
 var progressContainer = "uv_1pgcd801";
 var customText = "uv_1pgcd802";

package/dist/components/ProgressBar/variables.css.js

@@ -1,4 +1,3 @@
-/* empty css                             */
 var percentageValue = "var(--uv_1taqqht0)";
 export {
   percentageValue

package/dist/components/Radio/index.js

@@ -34,7 +34,7 @@ const Radio = forwardRef(
     style
   }, forwadedRef) => {
     const generatedId = useId();
-    const localId = id || generatedId;
+    const localId = id ?? generatedId;
     return /* @__PURE__ */ jsx(Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxs(Stack, { className: radioStack, gap: 0.5, children: [
       /* @__PURE__ */ jsxs(
         "div",

package/dist/components/Radio/styles.css.js

@@ -1,3 +1,4 @@
+/* empty css                                             */
 /* empty css                                          */
 /* empty css                                                     */
 /* empty css                                        */

package/dist/components/SearchInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,4HA6RvB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,4HA0RvB,CAAA"}

package/dist/components/SearchInput/index.js

@@ -55,10 +55,7 @@ const SearchInput = forwardRef(
     const [keyPressed, setKeyPressed] = useState([]);
     const [isOpen, toggleIsOpen] = useReducer((state) => !state, false);
     const innerSearchInputRef = useRef(null);
-    useImperativeHandle(
-      ref,
-      () => innerSearchInputRef.current
-    );
+    useImperativeHandle(ref, () => innerSearchInputRef.current);
     const content = typeof children === "function" ? children({ isOpen, searchTerms, toggleIsOpen }) : children;
     const resizeSearchBar = () => {
       if (popupRef.current) {

package/dist/components/SelectInput/SelectInputProvider.d.ts

@@ -15,6 +15,7 @@ type ContextProps = {
     numberOfOptions: number;
     displayedOptions: DataType;
     selectedData: ReducerState;
+    size: 'small' | 'medium' | 'large';
     setSelectedData: Dispatch<ReducerAction>;
 } & ({
     multiselect: true;
@@ -32,13 +33,15 @@ type SelectInputProviderProps<IsMulti extends boolean> = {
     };
     children: ReactNode;
     value?: string | string[];
+    size: 'small' | 'medium' | 'large';
     selectAllGroup: boolean;
     numberOfOptions: number;
+    numberOfDisabledOptions: number;
     multiselect: IsMulti;
     refSelect?: RefObject<HTMLDivElement | null>;
     onChange?: IsMulti extends true ? (value: string[]) => void : (value: string) => void;
     onOpen?: () => void;
 };
-export declare const SelectInputProvider: <T extends boolean>({ options, multiselect, selectAll, value, selectAllGroup, numberOfOptions, children, onChange, refSelect, onOpen, }: SelectInputProviderProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectInputProvider: <T extends boolean>({ options, multiselect, selectAll, value, selectAllGroup, numberOfOptions, numberOfDisabledOptions, children, onChange, refSelect, onOpen, size, }: SelectInputProviderProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=SelectInputProvider.d.ts.map

package/dist/components/SelectInput/SelectInputProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectInputProvider.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/SelectInputProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAU3E,OAAO,KAAK,EAAE,QAAQ,EAAc,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEhF,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,QAAQ,CAAA;IACjB,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC5C,iBAAiB,EAAE,OAAO,CAAA;IAC1B,oBAAoB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACvD,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;IAChD,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACtD,cAAc,EAAE,OAAO,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,YAAY,EAAE,YAAY,CAAA;IAC1B,eAAe,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAA;CACzC,GAAG,CACA;IACE,WAAW,EAAE,IAAI,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACrC,GACD;IACE,WAAW,EAAE,KAAK,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,CACJ,CAAA;AAoBD,eAAO,MAAM,cAAc,oBAAuC,CAAA;AAElE,KAAK,wBAAwB,CAAC,OAAO,SAAS,OAAO,IAAI;IACvD,OAAO,EAAE,QAAQ,CAAA;IACjB,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACtD,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,cAAc,EAAE,OAAO,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC5C,QAAQ,CAAC,EAAE,OAAO,SAAS,IAAI,GAC3B,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,GACzB,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,OAAO,EAAE,qHAWpD,wBAAwB,CAAC,CAAC,CAAC,4CAuP7B,CAAA"}
+{"version":3,"file":"SelectInputProvider.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/SelectInputProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAU3E,OAAO,KAAK,EAAE,QAAQ,EAAc,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEhF,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,QAAQ,CAAA;IACjB,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC5C,iBAAiB,EAAE,OAAO,CAAA;IAC1B,oBAAoB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACvD,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;IAChD,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACtD,cAAc,EAAE,OAAO,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,YAAY,EAAE,YAAY,CAAA;IAC1B,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,eAAe,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAA;CACzC,GAAG,CACA;IACE,WAAW,EAAE,IAAI,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACrC,GACD;IACE,WAAW,EAAE,KAAK,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,CACJ,CAAA;AAqBD,eAAO,MAAM,cAAc,oBAAuC,CAAA;AAElE,KAAK,wBAAwB,CAAC,OAAO,SAAS,OAAO,IAAI;IACvD,OAAO,EAAE,QAAQ,CAAA;IACjB,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACtD,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,cAAc,EAAE,OAAO,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,uBAAuB,EAAE,MAAM,CAAA;IAC/B,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC5C,QAAQ,CAAC,EAAE,OAAO,SAAS,IAAI,GAC3B,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,GACzB,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,OAAO,EAAE,oJAapD,wBAAwB,CAAC,CAAC,CAAC,4CA+P7B,CAAA"}

package/dist/components/SelectInput/SelectInputProvider.js

@@ -20,7 +20,8 @@ const SelectInputContext = createContext({
   setSearchInput: () => {
   },
   setSelectedData: () => {
-  }
+  },
+  size: "large"
 });
 const useSelectInput = () => useContext(SelectInputContext);
 const SelectInputProvider = ({
@@ -30,10 +31,12 @@ const SelectInputProvider = ({
   value,
   selectAllGroup,
   numberOfOptions,
+  numberOfDisabledOptions,
   children,
   onChange,
   refSelect,
-  onOpen
+  onOpen,
+  size
 }) => {
   const currentValue = useMemo(() => {
     if (value) {
@@ -75,7 +78,7 @@ const SelectInputProvider = ({
         (group) => options[group].filter((option) => !option.disabled)
       );
     }
-    return options;
+    return options.filter((option) => !option.disabled);
   }, [options]);
   const allGroups = useMemo(() => {
     if (!Array.isArray(options)) {
@@ -115,7 +118,7 @@ const SelectInputProvider = ({
             (option) => newSelectedValues.find((aValue) => aValue === option.value) || option.disabled ? null : newSelectedValues.push(option.value)
           );
           return {
-            allSelected: newSelectedValues.length === numberOfOptions,
+            allSelected: newSelectedValues.length === numberOfOptions - numberOfDisabledOptions,
             selectedGroups: [...state.selectedGroups, action.selectedGroup],
             selectedValues: newSelectedValues
           };
@@ -136,7 +139,7 @@ const SelectInputProvider = ({
             };
           }
           return {
-            allSelected: state.selectedValues.length + 1 === numberOfOptions,
+            allSelected: state.selectedValues.length + 1 === numberOfOptions - numberOfDisabledOptions,
             selectedGroups: !Array.isArray(options) && action.group && options[action.group].every(
               (option) => [
                 ...state.selectedValues,
@@ -206,6 +209,7 @@ const SelectInputProvider = ({
       isDropdownVisible,
       multiselect,
       numberOfOptions,
+      numberOfDisabledOptions,
       onChange,
       onSearch: setDisplayedOptions,
       options,
@@ -215,7 +219,8 @@ const SelectInputProvider = ({
       selectedData,
       setIsDropdownVisible: handleDropDownVisible,
       setSearchInput,
-      setSelectedData
+      setSelectedData,
+      size
     }),
     [
       isDropdownVisible,
@@ -228,7 +233,9 @@ const SelectInputProvider = ({
       numberOfOptions,
       displayedOptions,
       selectedData,
-      onChange
+      size,
+      onChange,
+      numberOfDisabledOptions
     ]
   );
   return /* @__PURE__ */ jsx(SelectInputContext.Provider, { value: providerValue, children });

package/dist/components/SelectInput/components/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/Dropdown.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAEV,cAAc,EAId,SAAS,EACT,SAAS,EAEV,MAAM,OAAO,CAAA;AAYd,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AA8BnC,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,CAAC,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/D,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,cAAc,CAAC,CAAA;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAA;CACpE,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAA;IACnE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAguBD,eAAO,MAAM,QAAQ,GAAI,wNAkBtB,aAAa,4CA2Mf,CAAA"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/Dropdown.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAEV,cAAc,EAId,SAAS,EACT,SAAS,EAEV,MAAM,OAAO,CAAA;AAYd,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AA8BnC,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,CAAC,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/D,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,cAAc,CAAC,CAAA;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAA;CACpE,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAA;IACnE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAkxBD,eAAO,MAAM,QAAQ,GAAI,wNAkBtB,aAAa,4CA2Mf,CAAA"}