@ultraviolet/ui 3.8.1 → 3.9.0

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

@@ -1,6 +1,6 @@
 /* empty css                                         */
+/* empty css                                   */
 /* empty css                                */
-/* empty css                                             */
 /* empty css                                          */
 /* empty css                          */
 var errorText = "uv_9pjq8o0";

package/dist/components/CheckboxGroup/index.js

@@ -32,7 +32,7 @@ const CheckboxGroupCheckbox = ({
   }
   const { groupName, onChange, groupValues, error: errorContext } = context;
   const checkboxName = `${groupName}.${name ?? ""}`;
-  const checkboxValue = `${value}`;
+  const checkboxValue = value.toString();
   return /* @__PURE__ */ jsx(
     Checkbox,
     {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,KAAK,EAAe,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAcnE,KAAK,cAAc,CAAC,OAAO,SAAS,SAAS,GAAG,OAAO,GAAG,KAAK,IAAI;IACjE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS,CAAA;IAC7C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,YAAY,CAAC,EAAE,IAAI,EAAE,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACvB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,SAAS,IAAI,GAC3B,CACE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,EACzC,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,KACzB,IAAI,GACT,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAA;CAC9D,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,OAAO,SAAS,SAAS,GAAG,OAAO,EAAE,6UAiC5D,cAAc,CAAC,OAAO,CAAC,4CAwSzB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,KAAK,EAAe,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAcnE,KAAK,cAAc,CAAC,OAAO,SAAS,SAAS,GAAG,OAAO,GAAG,KAAK,IAAI;IACjE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS,CAAA;IAC7C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,YAAY,CAAC,EAAE,IAAI,EAAE,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACvB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,SAAS,IAAI,GAC3B,CACE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,EACzC,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,KACzB,IAAI,GACT,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAA;CAC9D,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,OAAO,SAAS,SAAS,GAAG,OAAO,EAAE,6UAiC5D,cAAc,CAAC,OAAO,CAAC,4CAuSzB,CAAA"}

package/dist/components/DateInput/index.js

@@ -147,34 +147,35 @@ const DateInput = ({
     ]
   );
   useEffect(() => {
-    if (value && !selectsRange) {
-      setValue(new Date(value));
+    if (!selectsRange) {
+      setValue(value ?? null);
       setInputValue(
         formatValue(
-          new Date(value),
+          value ? new Date(value) : null,
           null,
           showMonthYearPicker,
           selectsRange,
           format
-        )
+        ) ?? ""
+        // Text Input which will use this value, won't update value if value is undefined, so we need force empty string is there is no date
       );
     }
     if (selectsRange) {
       setRange({
-        end: endDate ?? computedRange.end,
-        start: startDate ?? computedRange.start
+        end: endDate ?? null,
+        start: startDate ?? null
       });
+      setInputValue(
+        formatValue(
+          null,
+          { start: startDate ?? null, end: endDate ?? null },
+          showMonthYearPicker,
+          true,
+          format
+        )
+      );
     }
-  }, [
-    endDate,
-    startDate,
-    value,
-    computedRange.start,
-    computedRange.end,
-    selectsRange,
-    format,
-    showMonthYearPicker
-  ]);
+  }, [endDate, startDate, value, selectsRange, format, showMonthYearPicker]);
   const manageOnChange = (event) => {
     const newValue = event.currentTarget.value;
     if (!newValue) {

package/dist/components/Drawer/DrawerContent.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+export declare const DrawerContent: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DrawerContent.d.ts.map

package/dist/components/Drawer/DrawerContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,eAAO,MAAM,aAAa,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAElE,CAAA"}

package/dist/components/Drawer/DrawerContent.js

@@ -0,0 +1,6 @@
+import { jsx } from "react/jsx-runtime";
+import { drawerContent } from "./styles.css.js";
+const DrawerContent = ({ children }) => /* @__PURE__ */ jsx("div", { className: drawerContent, children });
+export {
+  DrawerContent
+};

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

@@ -1,4 +1,4 @@
-import type { ComponentProps, ReactNode } from 'react';
+import type { ComponentProps, RefObject } from 'react';
 import type { ModalProps } from '../Modal';
 import { Modal } from '../Modal';
 import type { SizeProp } from './styles.css';
@@ -11,14 +11,12 @@ type DrawerProps = Pick<ComponentProps<typeof Modal>, 'ariaLabel' | 'children' |
     footer?: ModalProps['children'];
     separator?: boolean;
     noPadding?: boolean;
+    push?: RefObject<HTMLDivElement | null> | 'body';
 };
-export declare const DrawerContent: ({ children }: {
-    children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const BaseDrawer: ({ size, onClose, open, header, footer, disclosure, children, ariaLabel, className, "data-testid": dataTestId, hideOnClickOutside, hideOnEsc, id, isClosable, separator, noPadding, style, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Drawer: (({ size, onClose, open, header, footer, disclosure, children, ariaLabel, className, "data-testid": dataTestId, hideOnClickOutside, hideOnEsc, id, isClosable, separator, noPadding, style, }: DrawerProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const BaseDrawer: ({ size, onClose, open, header, footer, disclosure, children, ariaLabel, className, "data-testid": dataTestId, hideOnClickOutside, hideOnEsc, id, isClosable, push, separator, noPadding, style, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Drawer: (({ size, onClose, open, header, footer, disclosure, children, ariaLabel, className, "data-testid": dataTestId, hideOnClickOutside, hideOnEsc, id, isClosable, push, separator, noPadding, style, }: DrawerProps) => import("react/jsx-runtime").JSX.Element) & {
     Content: ({ children }: {
-        children: ReactNode;
+        children: import("react").ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;
 };
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAKhC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAW5C,KAAK,WAAW,GAAG,IAAI,CACrB,cAAc,CAAC,OAAO,KAAK,CAAC,EAC1B,WAAW,GACX,UAAU,GACV,WAAW,GACX,aAAa,GACb,YAAY,GACZ,oBAAoB,GACpB,WAAW,GACX,IAAI,GACJ,SAAS,GACT,MAAM,GACN,YAAY,GACZ,OAAO,CACV,GAAG;IACF,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAElE,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,6LAkBxB,WAAW,4CAqEb,CAAA;AAED,eAAO,MAAM,MAAM,iMAvEhB,WAAW;4BAtB8B;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE;CA+FjE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAMhC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAY5C,KAAK,WAAW,GAAG,IAAI,CACrB,cAAc,CAAC,OAAO,KAAK,CAAC,EAC1B,WAAW,GACX,UAAU,GACV,WAAW,GACX,aAAa,GACb,YAAY,GACZ,oBAAoB,GACpB,WAAW,GACX,IAAI,GACJ,SAAS,GACT,MAAM,GACN,YAAY,GACZ,OAAO,CACV,GAAG;IACF,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,MAAM,CAAA;CACjD,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,mMAmBxB,WAAW,4CAmHb,CAAA;AAED,eAAO,MAAM,MAAM,uMArHhB,WAAW;;;;CAuHZ,CAAA"}

package/dist/components/Drawer/index.js

@@ -1,12 +1,13 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+import { useRef, useCallback, useLayoutEffect } from "react";
 import { Modal } from "../Modal/index.js";
 import { Separator } from "../Separator/index.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
-import { drawerContentWrapper, drawerChildrenWrapper, drawerFooter, drawer, drawerBase, drawerContent, drawerHeader } from "./styles.css.js";
-const DrawerContent = ({ children }) => /* @__PURE__ */ jsx("div", { className: drawerContent, children });
+import { DrawerContent } from "./DrawerContent.js";
+import { contentToPushStyle, drawerContentWrapper, drawerChildrenWrapper, drawerFooter, drawer, drawerBase, drawerPush, drawerHeader } from "./styles.css.js";
 const BaseDrawer = ({
   size = "medium",
   onClose,
@@ -22,10 +23,33 @@ const BaseDrawer = ({
   hideOnEsc,
   id,
   isClosable,
+  push,
   separator = true,
   noPadding = false,
   style
 }) => {
+  const modalRef = useRef(null);
+  const onOpenPush = useCallback(() => {
+    const targetElement = push === "body" ? document?.body : push?.current;
+    if (targetElement && push) {
+      targetElement.dataset["drawer"] = size;
+      if (!targetElement.classList.contains(contentToPushStyle)) {
+        targetElement.classList.add(contentToPushStyle);
+      }
+    }
+  }, [size, push]);
+  const onClosePush = useCallback(() => {
+    const targetElement = push === "body" ? document?.body : push?.current;
+    if (targetElement && push) {
+      targetElement.dataset["drawer"] = "none";
+      targetElement.classList.remove(contentToPushStyle);
+    }
+  }, [push]);
+  useLayoutEffect(() => {
+    if (modalRef.current) {
+      onOpenPush();
+    }
+  }, [onOpenPush, onClosePush]);
   const computeHeader = (modalProps) => {
     if (typeof header === "string") {
       return /* @__PURE__ */ jsx(
@@ -55,12 +79,25 @@ const BaseDrawer = ({
     }
     return header;
   };
+  useLayoutEffect(() => {
+    const targetElement = push === "body" ? document?.body : push?.current;
+    return () => {
+      if (targetElement && push) {
+        targetElement.classList.remove(contentToPushStyle);
+      }
+    };
+  }, [open, push, size]);
   return /* @__PURE__ */ jsx(
     Modal,
     {
       ariaLabel,
       backdropClassName: "backdrop-drawer",
-      className: cn(className, drawer[size], drawerBase),
+      className: cn(
+        className,
+        drawer[size],
+        drawerBase,
+        push ? drawerPush : ""
+      ),
       "data-size": size,
       "data-testid": dataTestId,
       disclosure,
@@ -68,9 +105,12 @@ const BaseDrawer = ({
       hideOnEsc,
       id,
       isClosable,
+      onBeforeClose: onClosePush,
       onClose,
+      onOpen: onOpenPush,
       open,
       placement: "top-right",
+      ref: modalRef,
       size,
       style,
       children: (modalProps) => {
@@ -90,6 +130,5 @@ const Drawer = Object.assign(BaseDrawer, {
 });
 export {
   BaseDrawer,
-  Drawer,
-  DrawerContent
+  Drawer
 };

package/dist/components/Drawer/styles.css.d.ts

@@ -1,7 +1,12 @@
 export declare const SIZES: {
-    large: number;
-    medium: number;
-    small: number;
+    readonly large: 75.5;
+    readonly medium: 49;
+    readonly small: 22.25;
+};
+export declare const DURATION: {
+    readonly large: 0.3;
+    readonly medium: 0.25;
+    readonly small: 0.15;
 };
 export type SizeProp = keyof typeof SIZES;
 export declare const drawer: Record<"small" | "large" | "medium", string>;
@@ -11,4 +16,6 @@ export declare const drawerContent: string;
 export declare const drawerHeader: string;
 export declare const drawerFooter: string;
 export declare const drawerBase: string;
+export declare const drawerPush: string;
+export declare const contentToPushStyle: string;
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK;;;;CAIjB,CAAA;AAYD,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAA;AAyBzC,eAAO,MAAM,MAAM,8CAIjB,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAG/B,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAGhC,CAAA;AAEF,eAAO,MAAM,aAAa,QAExB,CAAA;AAEF,eAAO,MAAM,YAAY,QAGvB,CAAA;AAEF,eAAO,MAAM,YAAY,QAGvB,CAAA;AAEF,eAAO,MAAM,UAAU,QAAY,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/styles.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,KAAK;;;;CAIR,CAAA;AAEV,eAAO,MAAM,QAAQ;;;;CAIX,CAAA;AAYV,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAA;AASzC,eAAO,MAAM,MAAM,8CAIjB,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAG/B,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAGhC,CAAA;AAEF,eAAO,MAAM,aAAa,QAExB,CAAA;AAEF,eAAO,MAAM,YAAY,QAGvB,CAAA;AAEF,eAAO,MAAM,YAAY,QAGvB,CAAA;AAEF,eAAO,MAAM,UAAU,QAAY,CAAA;AAEnC,eAAO,MAAM,UAAU,QAAY,CAAA;AAEnC,eAAO,MAAM,kBAAkB,QAAY,CAAA"}

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

@@ -6,12 +6,16 @@ var drawerContent = "uv_1iezf7y8";
 var drawerHeader = "uv_1iezf7y9";
 var drawerFooter = "uv_1iezf7ya";
 var drawerBase = "uv_1iezf7yb";
+var drawerPush = "uv_1iezf7yc";
+var contentToPushStyle = "uv_1iezf7yd";
 export {
+  contentToPushStyle,
   drawer,
   drawerBase,
   drawerChildrenWrapper,
   drawerContent,
   drawerContentWrapper,
   drawerFooter,
-  drawerHeader
+  drawerHeader,
+  drawerPush
 };

package/dist/components/FileInput/helpers.d.ts

@@ -1,4 +1,5 @@
 import type { MimeType } from './types';
 export declare const getMimeTypeType: (mimeType: string) => MimeType;
 export declare const formatFileSize: (bytes: number) => string;
+export declare const fileIsAccepted: (fileType: string, accept?: string) => boolean;
 //# sourceMappingURL=helpers.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,eAAO,MAAM,eAAe,GAAI,UAAU,MAAM,KAAG,QACiB,CAAA;AAEpE,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,KAAG,MAoB9C,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,eAAO,MAAM,eAAe,GAAI,UAAU,MAAM,KAAG,QACiB,CAAA;AAEpE,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,KAAG,MAoB9C,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,UAAU,MAAM,EAAE,SAAS,MAAM,YA0B/D,CAAA"}

package/dist/components/FileInput/helpers.js

@@ -13,7 +13,28 @@ const formatFileSize = (bytes) => {
   const formattedSize = size % 1 === 0 ? size : Number.parseFloat(size.toFixed(2));
   return `${formattedSize} ${units[unitIndex]}`;
 };
+const fileIsAccepted = (fileType, accept) => {
+  if (!accept) {
+    return true;
+  }
+  const acceptItems = accept.split(",").map((a) => a.trim()).filter(Boolean);
+  if (acceptItems.length === 0) {
+    return true;
+  }
+  for (const item of acceptItems) {
+    if (item.endsWith("/*")) {
+      const prefix = item.slice(0, item.indexOf("/"));
+      if (fileType.startsWith(`${prefix}/`)) {
+        return true;
+      }
+    } else if (fileType === item) {
+      return true;
+    }
+  }
+  return false;
+};
 export {
+  fileIsAccepted,
   formatFileSize,
   getMimeTypeType
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,SAAS,CAAA;AAuTxD,eAAO,MAAM,SAAS,0OA7RnB,cAAc;;;CAgSf,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/index.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,SAAS,CAAA;AAkTxD,eAAO,MAAM,SAAS,0OAxRnB,cAAc;;;CA2Rf,CAAA"}

package/dist/components/FileInput/index.js

@@ -8,6 +8,7 @@ import { Text } from "../Text/index.js";
 import { FileInputButton } from "./components/Button.js";
 import { ListFiles } from "./components/List.js";
 import { FileInputContext } from "./FileInputProvider.js";
+import { fileIsAccepted } from "./helpers.js";
 import { fileInput, overlayWrapper, dropzoneOverlayDisabled, dropzoneOverlay, dropzone, titleSmall } from "./styles.css.js";
 const FileInputBase = ({
   style,
@@ -67,39 +68,37 @@ const FileInputBase = ({
       setFiles(defaultFiles);
     }
   }, [defaultFiles]);
+  const addFiles = (addedFiles) => {
+    const droppedFiles = [...addedFiles ?? []];
+    const acceptedDropped = droppedFiles.filter(
+      (file) => fileIsAccepted(file.type, accept)
+    );
+    const newFiles = acceptedDropped.map((file) => ({
+      file: URL.createObjectURL(file),
+      fileName: file.name,
+      lastModified: file.lastModified,
+      size: file.size,
+      type: file.type
+    }));
+    const formattedFiles = multiple ? [...files, ...newFiles] : [newFiles[0]];
+    setFiles(formattedFiles);
+    onChangeFiles?.(formattedFiles);
+  };
   const manageDrop = (event) => {
     event.preventDefault();
     if (!disabled) {
-      const droppedFiles = [...event.dataTransfer?.files ?? []];
-      const newFiles = droppedFiles.map((file) => ({
-        file: URL.createObjectURL(file),
-        fileName: file.name,
-        lastModified: file.lastModified,
-        size: file.size,
-        type: file.type
-      }));
-      const formattedFiles = multiple ? [...files, ...newFiles] : newFiles;
-      setFiles(formattedFiles);
+      addFiles(event.dataTransfer?.files);
       onDrop?.(event);
-      onChangeFiles?.(formattedFiles);
     }
   };
   const onChange = (event) => {
     event.preventDefault();
     if (!disabled) {
-      const addedFiles = [...event.target.files ?? []];
-      const newFiles = addedFiles.map((file) => ({
-        file: URL.createObjectURL(file),
-        fileName: file.name,
-        lastModified: file.lastModified,
-        size: file.size,
-        type: file.type
-      }));
-      const formattedFiles = multiple ? [...files, ...newFiles] : newFiles;
-      setFiles(formattedFiles);
-      onChangeFiles?.(formattedFiles);
+      addFiles(event.target.files);
     }
   };
+  const computedChildren = typeof children === "function" ? children(inputId, inputRef) : children;
+  const computedError = error && typeof error === "string" ? /* @__PURE__ */ jsx(Text, { as: "p", sentiment: "danger", variant: "bodySmall", children: error }) : null;
   if (variant === "overlay") {
     return /* @__PURE__ */ jsx(
       FileInputContext.Provider,
@@ -136,7 +135,7 @@ const FileInputBase = ({
                   }
                 ),
                 /* @__PURE__ */ jsxs("div", { className: overlayWrapper, children: [
-                  typeof children === "function" ? children(inputId, inputRef) : children,
+                  computedChildren,
                   /* @__PURE__ */ jsx(
                     "div",
                     {
@@ -176,7 +175,7 @@ const FileInputBase = ({
               children: bottom
             }
           ) : null,
-          error && typeof error === "string" ? /* @__PURE__ */ jsx(Text, { as: "p", sentiment: "danger", variant: "bodySmall", children: error }) : null
+          computedError
         ] })
       }
     );
@@ -258,7 +257,7 @@ const FileInputBase = ({
                     children: typeof title === "function" ? title(inputId, inputRef) : title
                   }
                 ),
-                typeof children === "function" ? children(inputId, inputRef) : children
+                computedChildren
               ]
             }
           ) }),
@@ -273,7 +272,7 @@ const FileInputBase = ({
             }
           ) : null
         ] }),
-        error && typeof error === "string" ? /* @__PURE__ */ jsx(Text, { as: "p", sentiment: "danger", variant: "bodySmall", children: error }) : null,
+        computedError,
         bottom ? /* @__PURE__ */ jsx(
           Text,
           {

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

@@ -35,6 +35,6 @@ type InfiniteScrollProps = {
  * You can add it at the end of a list of items and it will call the `onLoadMore` function when the user scrolls to the bottom of the list.
  * The component will take the first parent that has as the scroll to listen on it. In some rare cases, if you need to change the scroll listener, you can use the `scrollParentRef` prop.
  */
-export declare const InfiniteScroll: ({ className, "data-testid": dataTestId, onLoadMore, scrollParentRef, height, loader, id, as: Component, hasMore, heightThreshold, style, }: InfiniteScrollProps) => string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element;
+export declare const InfiniteScroll: ({ className, "data-testid": dataTestId, onLoadMore, scrollParentRef, height, loader, id, as: Component, hasMore, heightThreshold, style, }: InfiniteScrollProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteScroll/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQ7E,KAAK,mBAAmB,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,CAAA;IAC7D;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,4IAY5B,mBAAmB,sTA8FrB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteScroll/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQ7E,KAAK,mBAAmB,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,CAAA;IAC7D;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,4IAY5B,mBAAmB,yTA8FrB,CAAA"}

package/dist/components/InfiniteScroll/index.js

@@ -57,7 +57,7 @@ const InfiniteScroll = ({
     if (!hasMore) {
       return;
     }
-    let scrollableContainer = scrollParentRef?.current || containerRef.current?.parentElement;
+    let scrollableContainer = scrollParentRef?.current ?? containerRef.current?.parentElement;
     while (scrollableContainer && scrollableContainer !== document.body) {
       const { overflowY } = window.getComputedStyle(scrollableContainer);
       if (overflowY === "auto" || overflowY === "scroll") {
@@ -77,7 +77,7 @@ const InfiniteScroll = ({
       scrollableContainer.removeEventListener("scroll", debouncedHandleScroll);
     };
   }, [debounce, handleScroll, hasMore, onLoadMore, scrollParentRef]);
-  const localLoader = useMemo(() => loader || /* @__PURE__ */ jsx(Loader, { active: true }), [loader]);
+  const localLoader = useMemo(() => loader ?? /* @__PURE__ */ jsx(Loader, { active: true }), [loader]);
   if (isLoading) {
     return localLoader;
   }

package/dist/components/LineChart/helpers.js

@@ -20,7 +20,7 @@ const getMaxChartValue = (preppedData) => {
     return 0;
   }
   const maximum = Math.max(
-    ...preppedData.map(({ data }) => getMax(data.map(({ y }) => y || 0)))
+    ...preppedData.map(({ data }) => getMax(data.map(({ y }) => y ?? 0)))
   );
   return Math.ceil(maximum + maximum * 0.1);
 };
@@ -29,13 +29,13 @@ const getMinChartValue = (preppedData) => {
     return 0;
   }
   const minimum = Math.min(
-    ...preppedData.map(({ data }) => getMin(data.map(({ y }) => y || 0)))
+    ...preppedData.map(({ data }) => getMin(data.map(({ y }) => y ?? 0)))
   );
   return Math.floor(minimum - minimum * 0.1);
 };
 const getCurrent = (values = []) => {
   const val = values.at(-1);
-  return val || 0;
+  return val ?? 0;
 };
 const getSelected = (label, index, selected = []) => {
   const labelIndexed = label + index.toString();

package/dist/components/Link/index.js

@@ -33,7 +33,7 @@ const Link = forwardRef(
     render
   }, ref) => {
     const isBlank = target === "_blank";
-    const computedRel = rel || (isBlank ? "noopener noreferrer" : void 0);
+    const computedRel = rel ?? (isBlank ? "noopener noreferrer" : void 0);
     const [isTruncated, setIsTruncated] = useState(false);
     const elementRef = useRef(null);
     const usedRef = ref ?? elementRef;

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

@@ -1,4 +1,3 @@
-/* empty css                             */
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var listContainer = "uv_inoh541";

package/dist/components/Menu/MenuContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,oBAAoB,EAGpB,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAA;AAad,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAkBhC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;iBAqCU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iJAkN3B,CAAA"}
+{"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,oBAAoB,EAGpB,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAA;AAad,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAkBhC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;iBAuCC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iJAgNlB,CAAA"}

package/dist/components/Menu/components/Group.js

@@ -24,7 +24,7 @@ const Group = ({
           children: label
         }
       ),
-      labelDescription || null
+      labelDescription ?? null
     ] }) }),
     isChildrenEmpty && emptyState ? emptyState : children
   ] });

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAqBhC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;iBACwgC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAD79B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAqBhC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;iBAC8kC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CADniC,CAAA"}

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

@@ -14,6 +14,6 @@ type ModalContentProps = ComponentProps<typeof Modal> & {
     image?: string;
     style?: CSSProperties;
 };
-export declare const ModalContent: ({ visible, open, placement, finalSize, ariaLabel, hideOnClickOutside, hideOnEsc, preventBodyScroll, handleClose, className, backdropClassName, dataTestId, isClosable, children, handleOpen, handleToggle, finalId, image, style, }: ModalContentProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ModalContent: ({ visible, open, placement, finalSize, ariaLabel, hideOnClickOutside, hideOnEsc, preventBodyScroll, handleClose, className, backdropClassName, dataTestId, isClosable, children, handleOpen, handleToggle, finalId, image, style, ref, }: ModalContentProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=ModalContent.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,CAAA;AAG9B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExD,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IACtD,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,cAAc,CAAA;IACzB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,qOAoB1B,iBAAiB,mDA8CV,CAAA"}
+{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,CAAA;AAG9B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExD,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IACtD,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,cAAc,CAAA;IACzB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,0OAqB1B,iBAAiB,mDA+CV,CAAA"}

package/dist/components/Modal/ModalContent.js

@@ -23,7 +23,8 @@ const ModalContent = ({
   handleToggle,
   finalId,
   image,
-  style
+  style,
+  ref
 }) => visible || open ? /* @__PURE__ */ jsx(
   Dialog,
   {
@@ -39,6 +40,7 @@ const ModalContent = ({
     open: visible || open,
     placement,
     preventBodyScroll,
+    ref,
     size: finalSize,
     style,
     children: /* @__PURE__ */ jsxs(Fragment, { children: [

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

@@ -1,3 +1,3 @@
 import type { DialogProps } from '../types';
-export declare const Dialog: ({ children, placement, onClose, hideOnClickOutside, size, id, ariaLabel, className, "data-testid": dataTestId, preventBodyScroll, hideOnEsc, backdropClassName, image, style, }: DialogProps) => import("react").ReactPortal;
+export declare const Dialog: ({ children, placement, onClose, hideOnClickOutside, size, id, ariaLabel, className, "data-testid": dataTestId, preventBodyScroll, hideOnEsc, backdropClassName, image, style, ref, }: DialogProps) => import("react").ReactPortal;
 //# sourceMappingURL=Dialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/components/Dialog.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAQ3C,eAAO,MAAM,MAAM,GAAI,iLAepB,WAAW,gCAiPb,CAAA"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/components/Dialog.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAQ3C,eAAO,MAAM,MAAM,GAAI,sLAgBpB,WAAW,gCAqPb,CAAA"}