@ultraviolet/ui 3.0.0-beta.27 → 3.0.0-beta.29

package/dist/components/DateInput/components/CalendarMonthly.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useContext, useState } from "react";
 import { Button } from "../../Button/index.js";
 import { Row } from "../../Row/index.js";
@@ -28,7 +28,9 @@ const Monthly = () => {
     setHoveredDate,
     hoveredDate
   } = useContext(DateInputContext);
-  const [rangeState, setRangeState] = useState(range?.start && !range.end ? "end" : "start");
+  const [rangeState, setRangeState] = useState(
+    range?.start && !range.end ? "end" : "start"
+  );
   return /* @__PURE__ */ jsx(Row, { gap: 1, templateColumns: "1fr 1fr 1fr", children: Object.entries(MONTHS).map((month, index) => {
     const constructedDate = new Date(yearToShow, index, 1);
     const isExcluded = excludeDates ? excludeDates.map((date) => isSameMonth(constructedDate, date)).includes(true) : false;
@@ -39,39 +41,45 @@ const Monthly = () => {
     const onClickRange = (event, newDate) => {
       if (selectsRange) {
         if (rangeState === "end" && isAfterStartDate) {
-          setRange?.({
-            end: newDate,
-            start: range.start
-          });
+          setRange?.({ end: newDate, start: range.start });
           onChange?.([range.start, newDate], event);
-          setInputValue(formatValue(null, {
-            end: newDate,
-            start: range.start
-          }, true, true, format));
+          setInputValue(
+            formatValue(
+              null,
+              { end: newDate, start: range.start },
+              true,
+              true,
+              format
+            )
+          );
           setVisible(false);
           setRangeState("start");
         } else if (rangeState === "end" && !isAfterStartDate && range) {
-          setRange?.({
-            end: range.start,
-            start: newDate
-          });
+          setRange?.({ end: range.start, start: newDate });
           onChange?.([newDate, range.start], event);
-          setInputValue(formatValue(null, {
-            end: range.start,
-            start: newDate
-          }, true, true, format));
+          setInputValue(
+            formatValue(
+              null,
+              { end: range.start, start: newDate },
+              true,
+              true,
+              format
+            )
+          );
           setVisible(false);
           setRangeState("start");
         } else {
-          setRange?.({
-            end: null,
-            start: newDate
-          });
+          setRange?.({ end: null, start: newDate });
           onChange?.([newDate, null], event);
-          setInputValue(formatValue(null, {
-            end: null,
-            start: newDate
-          }, true, true, format));
+          setInputValue(
+            formatValue(
+              null,
+              { end: null, start: newDate },
+              true,
+              true,
+              format
+            )
+          );
           setRangeState("end");
         }
       }
@@ -85,19 +93,34 @@ const Monthly = () => {
       }
       return "neutral";
     };
-    return /* @__PURE__ */ jsx(Button, { "aria-label": monthState(), className: `${dayMonth} ${capitalizedText}`, disabled: disabled || isExcluded || isOutsideRange, onClick: (event) => {
-      if (!isExcluded && !isOutsideRange && !readOnly) {
-        if (selectsRange) {
-          onClickRange(event, constructedDate);
-        } else {
-          setMonthToShow(index + 1);
-          setValue(constructedDate);
-          onChange?.(constructedDate, event);
-          setInputValue(formatValue(constructedDate, null, true, false, format));
-          setVisible(false);
-        }
-      }
-    }, onMouseEnter: () => setHoveredDate(constructedDate), sentiment: isSelected || isInHoveredRange ? "primary" : "neutral", variant: isSelected || isInHoveredRange ? "filled" : "ghost", children: month[1] }, month[0]);
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        "aria-label": monthState(),
+        className: `${dayMonth} ${capitalizedText}`,
+        disabled: disabled || isExcluded || isOutsideRange,
+        onClick: (event) => {
+          if (!isExcluded && !isOutsideRange && !readOnly) {
+            if (selectsRange) {
+              onClickRange(event, constructedDate);
+            } else {
+              setMonthToShow(index + 1);
+              setValue(constructedDate);
+              onChange?.(constructedDate, event);
+              setInputValue(
+                formatValue(constructedDate, null, true, false, format)
+              );
+              setVisible(false);
+            }
+          }
+        },
+        onMouseEnter: () => setHoveredDate(constructedDate),
+        sentiment: isSelected || isInHoveredRange ? "primary" : "neutral",
+        variant: isSelected || isInHoveredRange ? "filled" : "ghost",
+        children: month[1]
+      },
+      month[0]
+    );
   }) });
 };
 export {

package/dist/components/DateInput/components/Popup.d.ts

@@ -6,5 +6,5 @@ type PopupProps = {
     refInput: RefObject<HTMLInputElement | null>;
     content: ReactNode;
 };
-export declare const CalendarPopup: ({ children, visible, setVisible, refInput, content, }: PopupProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CalendarPopup: ({ children, visible, setVisible, refInput, content, }: PopupProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DateInput/components/Popup.js

@@ -1,6 +1,6 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
-import { useRef, useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useRef, useLayoutEffect } from "react";
 import { Popup } from "../../Popup/index.js";
 import { POPUP_WIDTH } from "../constants.js";
 import { dateinputPopup } from "./styles.css.js";
@@ -17,11 +17,34 @@ const CalendarPopup = ({
   content
 }) => {
   const ref = useRef(null);
-  useEffect(() => {
-    document.addEventListener("mousedown", (event) => handleClickOutside(event, ref, setVisible, refInput));
-    return () => document.removeEventListener("mousedown", (event) => handleClickOutside(event, ref, setVisible, refInput));
+  useLayoutEffect(() => {
+    document.addEventListener(
+      "mousedown",
+      (event) => handleClickOutside(event, ref, setVisible, refInput)
+    );
+    return () => document.removeEventListener(
+      "mousedown",
+      (event) => handleClickOutside(event, ref, setVisible, refInput)
+    );
   }, [ref, setVisible, refInput]);
-  return /* @__PURE__ */ jsx(Popup, { align: "start", className: dateinputPopup, debounceDelay: 0, disableAnimation: true, hasArrow: false, maxWidth: POPUP_WIDTH, placement: "bottom", ref, role: "dialog", tabIndex: 0, text: content, visible, children });
+  return /* @__PURE__ */ jsx(
+    Popup,
+    {
+      align: "start",
+      className: dateinputPopup,
+      debounceDelay: 0,
+      disableAnimation: true,
+      hasArrow: false,
+      maxWidth: POPUP_WIDTH,
+      placement: "bottom",
+      ref,
+      role: "dialog",
+      tabIndex: 0,
+      text: content,
+      visible,
+      children
+    }
+  );
 };
 export {
   CalendarPopup

package/dist/components/DateInput/helpers.js

@@ -22,7 +22,11 @@ const getDateISO = (showMonthYearPicker, date) => {
     if (showMonthYearPicker) {
       return [addZero(date.getMonth() + 1), date.getFullYear()].join("/");
     }
-    return [addZero(date.getMonth() + 1), addZero(date.getDate()), date.getFullYear()].join("/");
+    return [
+      addZero(date.getMonth() + 1),
+      addZero(date.getDate()),
+      date.getFullYear()
+    ].join("/");
   }
   return "";
 };
@@ -53,7 +57,10 @@ const createDate = (value, showMonthYearPicker) => {
 };
 const createDateRange = (value, showMonthYearPicker) => {
   const [startDateInput, endDateInput] = value.split(" - ").map((val) => createDate(val, showMonthYearPicker));
-  const computedNewRange = [startDateInput instanceof Date && !Number.isNaN(startDateInput.getTime()) ? startDateInput : null, endDateInput instanceof Date && !Number.isNaN(endDateInput.getTime()) ? endDateInput : null];
+  const computedNewRange = [
+    startDateInput instanceof Date && !Number.isNaN(startDateInput.getTime()) ? startDateInput : null,
+    endDateInput instanceof Date && !Number.isNaN(endDateInput.getTime()) ? endDateInput : null
+  ];
   return computedNewRange;
 };
 export {

package/dist/components/DateInput/helpersLocale.js

@@ -1,7 +1,5 @@
 const getLocalizedDays = (locale) => {
-  const formatter = new Intl.DateTimeFormat(locale, {
-    weekday: "long"
-  });
+  const formatter = new Intl.DateTimeFormat(locale, { weekday: "long" });
   const days = [];
   for (let i = 0; i < 7; i += 1) {
     const date = new Date(1970, 0, i + 4);
@@ -11,9 +9,7 @@ const getLocalizedDays = (locale) => {
 };
 const getLocalizedMonths = (locale) => {
   const computedLocale = typeof locale === "string" ? locale : locale.code;
-  const formatter = new Intl.DateTimeFormat(computedLocale, {
-    month: "long"
-  });
+  const formatter = new Intl.DateTimeFormat(computedLocale, { month: "long" });
   const months = [];
   for (let i = 0; i < 12; i += 1) {
     const date = new Date(1970, i);
@@ -22,9 +18,7 @@ const getLocalizedMonths = (locale) => {
   return months;
 };
 const getLocalizedShortMonths = (locale) => {
-  const formatter = new Intl.DateTimeFormat(locale, {
-    month: "short"
-  });
+  const formatter = new Intl.DateTimeFormat(locale, { month: "short" });
   const months = [];
   for (let i = 0; i < 12; i += 1) {
     const date = new Date(1970, i);

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

@@ -43,5 +43,5 @@ type DateInputProps<IsRange extends undefined | boolean = false> = {
 /**
  * DateInput can be used to select a specific date
  */
-export declare const DateInput: <IsRange extends undefined | boolean>({ autoFocus, disabled, error, format, label, labelDescription, locale, maxDate, minDate, startDate, endDate, name, onBlur, onChange, placeholder, onFocus, required, excludeDates, value, className, id, success, helper, size, readOnly, tooltip, clearable, selectsRange, showMonthYearPicker, input, "data-testid": dataTestId, style, }: DateInputProps<IsRange>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DateInput: <IsRange extends undefined | boolean>({ autoFocus, disabled, error, format, label, labelDescription, locale, maxDate, minDate, startDate, endDate, name, onBlur, onChange, placeholder, onFocus, required, excludeDates, value, className, id, success, helper, size, readOnly, tooltip, clearable, selectsRange, showMonthYearPicker, input, "data-testid": dataTestId, style, }: DateInputProps<IsRange>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DateInput/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { CalendarRangeIcon } from "@ultraviolet/icons";
 import { useMemo, useState, useRef, useEffect } from "react";
 import { Card } from "../Card/index.js";
@@ -70,7 +70,9 @@ const DateInput = ({
     }
     return (/* @__PURE__ */ new Date()).getFullYear();
   }, [endDate, selectsRange, startDate, value]);
-  const [computedValue, setValue] = useState(value && !selectsRange ? new Date(value) : null);
+  const [computedValue, setValue] = useState(
+    value && !selectsRange ? new Date(value) : null
+  );
   const [computedRange, setRange] = useState({
     end: endDate ?? null,
     start: startDate ?? null
@@ -78,43 +80,83 @@ const DateInput = ({
   const [isPopupVisible, setVisible] = useState(false);
   const [monthToShow, setMonthToShow] = useState(defaultMonthToShow);
   const [yearToShow, setYearToShow] = useState(defaultYearToShow);
-  const [inputValue, setInputValue] = useState(formatValue(computedValue, computedRange, showMonthYearPicker, selectsRange, format));
+  const [inputValue, setInputValue] = useState(
+    formatValue(
+      computedValue,
+      computedRange,
+      showMonthYearPicker,
+      selectsRange,
+      format
+    )
+  );
   const [hoveredDate, setHoveredDate] = useState(null);
   const refInput = useRef(null);
   const popupRef = useRef(null);
   const MONTHS = getMonths(locale);
   const DAYS = getDays(locale);
   const MONTHS_ARR = getLocalizedMonths(locale);
-  const valueContext = useMemo(() => ({
-    DAYS,
-    disabled,
-    excludeDates,
-    format,
-    hoveredDate,
-    MONTHS,
-    MONTHS_ARR,
-    maxDate,
-    minDate,
-    monthToShow,
-    onChange,
-    range: computedRange,
-    readOnly,
-    selectsRange,
-    setHoveredDate,
-    setInputValue,
-    setMonthToShow,
-    setRange,
-    setValue,
-    setVisible,
-    setYearToShow,
-    showMonthYearPicker,
-    value: computedValue,
-    yearToShow
-  }), [showMonthYearPicker, disabled, readOnly, selectsRange, computedValue, computedRange, monthToShow, yearToShow, excludeDates, maxDate, minDate, MONTHS, MONTHS_ARR, DAYS, onChange, format, setInputValue, setVisible, hoveredDate, setHoveredDate]);
+  const valueContext = useMemo(
+    () => ({
+      DAYS,
+      disabled,
+      excludeDates,
+      format,
+      hoveredDate,
+      MONTHS,
+      MONTHS_ARR,
+      maxDate,
+      minDate,
+      monthToShow,
+      onChange,
+      range: computedRange,
+      readOnly,
+      selectsRange,
+      setHoveredDate,
+      setInputValue,
+      setMonthToShow,
+      setRange,
+      setValue,
+      setVisible,
+      setYearToShow,
+      showMonthYearPicker,
+      value: computedValue,
+      yearToShow
+    }),
+    [
+      showMonthYearPicker,
+      disabled,
+      readOnly,
+      selectsRange,
+      computedValue,
+      computedRange,
+      monthToShow,
+      yearToShow,
+      excludeDates,
+      maxDate,
+      minDate,
+      MONTHS,
+      MONTHS_ARR,
+      DAYS,
+      onChange,
+      format,
+      setInputValue,
+      setVisible,
+      hoveredDate,
+      setHoveredDate
+    ]
+  );
   useEffect(() => {
     if (value && !selectsRange) {
       setValue(new Date(value));
-      setInputValue(formatValue(new Date(value), null, showMonthYearPicker, selectsRange, format));
+      setInputValue(
+        formatValue(
+          new Date(value),
+          null,
+          showMonthYearPicker,
+          selectsRange,
+          format
+        )
+      );
     }
     if (selectsRange) {
       setRange({
@@ -122,18 +164,26 @@ const DateInput = ({
         start: startDate ?? computedRange.start
       });
     }
-  }, [endDate, startDate, value, computedRange.start, computedRange.end, selectsRange, format, showMonthYearPicker]);
+  }, [
+    endDate,
+    startDate,
+    value,
+    computedRange.start,
+    computedRange.end,
+    selectsRange,
+    format,
+    showMonthYearPicker
+  ]);
   const manageOnChange = (event) => {
     const newValue = event.currentTarget.value;
     if (!newValue) {
-      onChange?.(selectsRange ? [null, null] : null);
+      onChange?.(
+        selectsRange ? [null, null] : null
+      );
     }
     if (selectsRange) {
       const computedNewRange = createDateRange(newValue, showMonthYearPicker);
-      setRange({
-        end: computedNewRange[1],
-        start: computedNewRange[0]
-      });
+      setRange({ end: computedNewRange[1], start: computedNewRange[0] });
       setInputValue(newValue);
       if (computedNewRange[0]) {
         setMonthToShow(computedNewRange[0].getMonth() + 1);
@@ -152,7 +202,10 @@ const DateInput = ({
   const onBlurInput = () => {
     if (inputValue) {
       if (selectsRange) {
-        const computedNewRange = createDateRange(inputValue, showMonthYearPicker);
+        const computedNewRange = createDateRange(
+          inputValue,
+          showMonthYearPicker
+        );
         onChange?.(computedNewRange, void 0);
       } else {
         const computedDate = createDate(inputValue, showMonthYearPicker);
@@ -160,32 +213,110 @@ const DateInput = ({
       }
     }
   };
-  return /* @__PURE__ */ jsx(DateInputContext.Provider, { value: valueContext, children: /* @__PURE__ */ jsx("div", { className: `${className ? `${className} ` : ""}${dateinputContainer}`, "data-testid": dataTestId, id, onBlur, onClick: () => {
-    if (!isPopupVisible) {
-      setVisible(true);
-    }
-  }, onFocus, onKeyDown: (event) => {
-    if ([" ", "Enter"].includes(event.key) && !isPopupVisible) {
-      setVisible(true);
-    }
-  }, ref: popupRef, style, children: input === "text" ? /* @__PURE__ */ jsx(CalendarPopup, { content: /* @__PURE__ */ jsx(CalendarContent, {}), refInput, setVisible, visible: isPopupVisible, children: /* @__PURE__ */ jsx(TextInput, { autoComplete: "false", autoFocus, clearable, disabled, error, helper, label, labelDescription, name, onBlur: (event) => {
-    if (!popupRef.current?.contains(event.relatedTarget)) {
-      onBlurInput();
-    }
-  }, onChange: manageOnChange, onKeyDown: (event) => {
-    if (event.key === "Enter") {
-      setVisible(!isPopupVisible);
-      onBlurInput();
+  return /* @__PURE__ */ jsx(DateInputContext.Provider, { value: valueContext, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `${className ? `${className} ` : ""}${dateinputContainer}`,
+      "data-testid": dataTestId,
+      id,
+      onBlur,
+      onClick: () => {
+        if (!isPopupVisible) {
+          setVisible(true);
+        }
+      },
+      onFocus,
+      onKeyDown: (event) => {
+        if ([" ", "Enter"].includes(event.key) && !isPopupVisible) {
+          setVisible(true);
+        }
+      },
+      ref: popupRef,
+      style,
+      children: input === "text" ? /* @__PURE__ */ jsx(
+        CalendarPopup,
+        {
+          content: /* @__PURE__ */ jsx(CalendarContent, {}),
+          refInput,
+          setVisible,
+          visible: isPopupVisible,
+          children: /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              autoComplete: "false",
+              autoFocus,
+              clearable,
+              disabled,
+              error,
+              helper,
+              label,
+              labelDescription,
+              name,
+              onBlur: (event) => {
+                if (!popupRef.current?.contains(event.relatedTarget)) {
+                  onBlurInput();
+                }
+              },
+              onChange: manageOnChange,
+              onKeyDown: (event) => {
+                if (event.key === "Enter") {
+                  setVisible(!isPopupVisible);
+                  onBlurInput();
+                }
+              },
+              placeholder,
+              readOnly,
+              ref: refInput,
+              required,
+              size,
+              success,
+              suffix: /* @__PURE__ */ jsx(
+                CalendarRangeIcon,
+                {
+                  disabled,
+                  sentiment: "neutral",
+                  size: "medium"
+                }
+              ),
+              tooltip,
+              value: inputValue
+            }
+          )
+        }
+      ) : /* @__PURE__ */ jsxs(Stack, { gap: 0.5, children: [
+        labelDescription ? /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: "1", children: [
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              as: "label",
+              prominence: "strong",
+              sentiment: "neutral",
+              variant: "bodyStrong",
+              children: label
+            }
+          ),
+          labelDescription
+        ] }) : /* @__PURE__ */ jsx(
+          Text,
+          {
+            as: "label",
+            prominence: "strong",
+            sentiment: "neutral",
+            variant: "bodyStrong",
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Card,
+          {
+            className: calendarContentWrapper({ disabled }),
+            disabled,
+            children: /* @__PURE__ */ jsx(CalendarContent, {})
+          }
+        )
+      ] })
     }
-  }, placeholder, readOnly, ref: refInput, required, size, success, suffix: /* @__PURE__ */ jsx(CalendarRangeIcon, { disabled, sentiment: "neutral", size: "medium" }), tooltip, value: inputValue }) }) : /* @__PURE__ */ jsxs(Stack, { gap: 0.5, children: [
-    labelDescription ? /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: "1", children: [
-      /* @__PURE__ */ jsx(Text, { as: "label", prominence: "strong", sentiment: "neutral", variant: "bodyStrong", children: label }),
-      labelDescription
-    ] }) : /* @__PURE__ */ jsx(Text, { as: "label", prominence: "strong", sentiment: "neutral", variant: "bodyStrong", children: label }),
-    /* @__PURE__ */ jsx(Card, { className: calendarContentWrapper({
-      disabled
-    }), disabled, children: /* @__PURE__ */ jsx(CalendarContent, {}) })
-  ] }) }) });
+  ) });
 };
 export {
   DateInput

package/dist/components/Dialog/Context.js

@@ -1,6 +1,8 @@
 "use client";
 import { createContext, useContext } from "react";
-const DialogContext = createContext(void 0);
+const DialogContext = createContext(
+  void 0
+);
 const useDialogContext = () => {
   const context = useContext(DialogContext);
   if (!context) {

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

@@ -3,5 +3,5 @@ import { Button } from '../../Button';
 type DialogButtonProps = {
     children: ReactNode;
 } & Pick<ComponentProps<typeof Button>, 'onClick' | 'disabled' | 'tooltip' | 'style'>;
-export declare const DialogButton: ({ children, onClick, disabled, tooltip, style, }: DialogButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DialogButton: ({ children, onClick, disabled, tooltip, style, }: DialogButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Dialog/components/Button.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Button } from "../../Button/index.js";
 import { useDialogContext } from "../Context.js";
 const DialogButton = ({
@@ -10,7 +10,17 @@ const DialogButton = ({
   style
 }) => {
   const context = useDialogContext();
-  return /* @__PURE__ */ jsx(Button, { disabled, onClick, sentiment: context.sentiment, style, tooltip, children });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      disabled,
+      onClick,
+      sentiment: context.sentiment,
+      style,
+      tooltip,
+      children
+    }
+  );
 };
 export {
   DialogButton

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

@@ -3,5 +3,5 @@ type DialogButtonsProps = {
     secondaryButton: ReactNode;
     primaryButton: ReactNode;
 };
-export declare const DialogButtons: ({ secondaryButton, primaryButton, }: DialogButtonsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DialogButtons: ({ secondaryButton, primaryButton, }: DialogButtonsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Dialog/components/Buttons.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs } from "@emotion/react/jsx-runtime";
+import { jsxs } from "react/jsx-runtime";
 import { Stack } from "../../Stack/index.js";
 const DialogButtons = ({
   secondaryButton,

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

@@ -6,5 +6,5 @@ type DialogCancelButtonProps = {
     disabled?: ComponentProps<typeof Button>['disabled'];
     style?: CSSProperties;
 };
-export declare const DialogCancelButton: ({ children, onClick, disabled, style, }: DialogCancelButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DialogCancelButton: ({ children, onClick, disabled, style, }: DialogCancelButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Dialog/components/CancelButton.js

@@ -1,12 +1,22 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Button } from "../../Button/index.js";
 const DialogCancelButton = ({
   children,
   onClick,
   disabled,
   style
-}) => /* @__PURE__ */ jsx(Button, { disabled, onClick, sentiment: "neutral", style, variant: "outlined", children });
+}) => /* @__PURE__ */ jsx(
+  Button,
+  {
+    disabled,
+    onClick,
+    sentiment: "neutral",
+    style,
+    variant: "outlined",
+    children
+  }
+);
 export {
   DialogCancelButton
 };

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

@@ -3,5 +3,5 @@ type DialogStackProps = {
     children: ReactNode;
     style?: CSSProperties;
 };
-export declare const DialogStack: ({ children, style }: DialogStackProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DialogStack: ({ children, style }: DialogStackProps) => import("react/jsx-runtime").JSX.Element;
 export {};