@ultraviolet/ui 3.8.2 → 3.10.0

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

@@ -1,27 +1,20 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
+'use client';
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
 import { Button } from "../../Button/index.js";
 import { useDialogContext } from "../Context.js";
-const DialogButton = ({
-  children,
-  onClick,
-  disabled,
-  tooltip,
-  style
-}) => {
-  const context = useDialogContext();
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      disabled,
-      onClick,
-      sentiment: context.sentiment,
-      style,
-      tooltip,
-      children
-    }
-  );
-};
-export {
-  DialogButton
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Dialog/components/Button.tsx
+const DialogButton = ({ children, onClick, disabled, tooltip, style }) => {
+	return /* @__PURE__ */ jsx(Button, {
+		disabled,
+		onClick,
+		sentiment: useDialogContext().sentiment,
+		style,
+		tooltip,
+		children
+	});
 };
+
+//#endregion
+export { DialogButton };

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

@@ -1 +1 @@
-{"version":3,"file":"Buttons.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/components/Buttons.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,KAAK,kBAAkB,GAAG;IACxB,eAAe,EAAE,SAAS,CAAA;IAC1B,aAAa,EAAE,SAAS,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,qCAG3B,kBAAkB,4CAKpB,CAAA"}
+{"version":3,"file":"Buttons.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/components/Buttons.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,KAAK,kBAAkB,GAAG;IACxB,eAAe,EAAE,SAAS,CAAA;IAC1B,aAAa,EAAE,SAAS,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,aAAa,sGAQzB,CAAA"}

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

@@ -1,13 +1,15 @@
-"use client";
-import { jsxs } from "react/jsx-runtime";
+'use client';
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../../Stack/index.js";
-const DialogButtons = ({
-  secondaryButton,
-  primaryButton
-}) => /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 2, justifyContent: "flex-end", children: [
-  secondaryButton,
-  primaryButton
-] });
-export {
-  DialogButtons
-};
+import { jsxs } from "react/jsx-runtime";
+
+//#region src/components/Dialog/components/Buttons.tsx
+const DialogButtons = ({ secondaryButton, primaryButton }) => /* @__PURE__ */ jsxs(Stack, {
+	direction: "row",
+	gap: 2,
+	justifyContent: "flex-end",
+	children: [secondaryButton, primaryButton]
+});
+
+//#endregion
+export { DialogButtons };

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

@@ -1 +1 @@
-{"version":3,"file":"CancelButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/components/CancelButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAA;IACjD,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,UAAU,CAAC,CAAA;IACpD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,yCAKhC,uBAAuB,4CAUzB,CAAA"}
+{"version":3,"file":"CancelButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/components/CancelButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAA;IACjD,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,UAAU,CAAC,CAAA;IACpD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,kBAAkB,+GAe9B,CAAA"}

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

@@ -1,22 +1,17 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
+'use client';
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
 import { Button } from "../../Button/index.js";
-const DialogCancelButton = ({
-  children,
-  onClick,
-  disabled,
-  style
-}) => /* @__PURE__ */ jsx(
-  Button,
-  {
-    disabled,
-    onClick,
-    sentiment: "neutral",
-    style,
-    variant: "outlined",
-    children
-  }
-);
-export {
-  DialogCancelButton
-};
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Dialog/components/CancelButton.tsx
+const DialogCancelButton = ({ children, onClick, disabled, style }) => /* @__PURE__ */ jsx(Button, {
+	disabled,
+	onClick,
+	sentiment: "neutral",
+	style,
+	variant: "outlined",
+	children
+});
+
+//#endregion
+export { DialogCancelButton };

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

@@ -1 +1 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/components/Stack.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGrD,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,qBAAqB,gBAAgB,4CAIhE,CAAA"}
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/components/Stack.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGrD,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,WAAW,oFAIvB,CAAA"}

package/dist/components/Dialog/components/Stack.js

@@ -1,7 +1,14 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
+'use client';
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../../Stack/index.js";
-const DialogStack = ({ children, style }) => /* @__PURE__ */ jsx(Stack, { gap: 3, style, children });
-export {
-  DialogStack
-};
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Dialog/components/Stack.tsx
+const DialogStack = ({ children, style }) => /* @__PURE__ */ jsx(Stack, {
+	gap: 3,
+	style,
+	children
+});
+
+//#endregion
+export { DialogStack };

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/components/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAG1C,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,qBAAqB,eAAe,4CAI9D,CAAA"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/components/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAG1C,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,UAAU,mFAItB,CAAA"}

package/dist/components/Dialog/components/Text.js

@@ -1,7 +1,16 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
+'use client';
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
 import { Text } from "../../Text/index.js";
-const DialogText = ({ children, style }) => /* @__PURE__ */ jsx(Text, { as: "p", sentiment: "neutral", style, variant: "body", children });
-export {
-  DialogText
-};
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Dialog/components/Text.tsx
+const DialogText = ({ children, style }) => /* @__PURE__ */ jsx(Text, {
+	as: "p",
+	sentiment: "neutral",
+	style,
+	variant: "body",
+	children
+});
+
+//#endregion
+export { DialogText };

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

@@ -1,3 +1,3 @@
-export declare const DIALOG_SENTIMENTS: ("danger" | "success" | "primary" | "warning")[];
+export declare const DIALOG_SENTIMENTS: ("danger" | "primary" | "success" | "warning")[];
 export type DialogSentiment = (typeof DIALOG_SENTIMENTS)[number];
 //# sourceMappingURL=constants.d.ts.map

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

@@ -6,55 +6,55 @@ type DialogProps = Pick<ComponentProps<typeof Modal>, 'ariaLabel' | 'children' |
     title: string;
     sentiment: DialogSentiment;
 };
-export declare const BaseDialog: ({ ariaLabel, className, children, "data-testid": dataTestId, disclosure, hideOnClickOutside, hideOnEsc, id, isClosable, onBeforeClose, onClose, open, placement, sentiment, title, style, }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BaseDialog: ({ ariaLabel, className, children, 'data-testid': dataTestId, disclosure, hideOnClickOutside, hideOnEsc, id, isClosable, onBeforeClose, onClose, open, placement, sentiment, title, style, }: DialogProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * The Dialog component is used to show content on top of an overlay that requires user interaction.
  */
-export declare const Dialog: (({ ariaLabel, className, children, "data-testid": dataTestId, disclosure, hideOnClickOutside, hideOnEsc, id, isClosable, onBeforeClose, onClose, open, placement, sentiment, title, style, }: DialogProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const Dialog: (({ ariaLabel, className, children, 'data-testid': dataTestId, disclosure, hideOnClickOutside, hideOnEsc, id, isClosable, onBeforeClose, onClose, open, placement, sentiment, title, style, }: DialogProps) => import("react/jsx-runtime").JSX.Element) & {
     Button: ({ children, onClick, disabled, tooltip, style, }: {
         children: import("react").ReactNode;
     } & Pick<({
-        type?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["type"];
-        autoFocus?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["autoFocus"];
-        role?: import("react").AriaRole;
-        className?: string;
-        'data-testid'?: string;
-        isLoading?: boolean;
-        'aria-label'?: string;
-        'aria-current'?: boolean;
-        'aria-controls'?: string;
-        'aria-expanded'?: boolean;
-        'aria-haspopup'?: boolean;
-        'aria-describedby'?: string;
-        'aria-disabled'?: boolean;
-        'aria-pressed'?: boolean;
-        'aria-roledescription'?: string;
-        'aria-keyshortcuts'?: string;
-        onClick?: import("react").MouseEventHandler<HTMLElement>;
-        tooltip?: string;
-        tabIndex?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["tabIndex"];
-        onMouseDown?: import("react").MouseEventHandler<HTMLElement>;
-        onMouseUp?: import("react").MouseEventHandler<HTMLElement>;
-        onMouseOut?: import("react").MouseEventHandler<HTMLElement>;
-        onBlur?: import("react").ButtonHTMLAttributes<HTMLElement>["onBlur"];
-        onMouseEnter?: import("react").MouseEventHandler<HTMLElement>;
-        onMouseLeave?: import("react").MouseEventHandler<HTMLElement>;
-        onPointerDown?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["onPointerDown"];
-        onKeyDown?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["onKeyDown"];
-        style?: import("react").CSSProperties;
+        type?: "button" | "reset" | "submit" | undefined;
+        autoFocus?: boolean | undefined;
+        role?: import("react").AriaRole | undefined;
+        className?: string | undefined;
+        'data-testid'?: string | undefined;
+        isLoading?: boolean | undefined;
+        'aria-label'?: string | undefined;
+        'aria-current'?: boolean | undefined;
+        'aria-controls'?: string | undefined;
+        'aria-expanded'?: boolean | undefined;
+        'aria-haspopup'?: boolean | undefined;
+        'aria-describedby'?: string | undefined;
+        'aria-disabled'?: boolean | undefined;
+        'aria-pressed'?: boolean | undefined;
+        'aria-roledescription'?: string | undefined;
+        'aria-keyshortcuts'?: string | undefined;
+        onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        tooltip?: string | undefined;
+        tabIndex?: number | undefined;
+        onMouseDown?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseUp?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseOut?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLElement> | undefined;
+        onMouseEnter?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseLeave?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onPointerDown?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
+        style?: import("react").CSSProperties | undefined;
     } & {
         disabled?: boolean | undefined;
         fullWidth?: boolean | undefined;
-        sentiment?: "danger" | "info" | "neutral" | "success" | "primary" | "warning" | "black" | "white" | "secondary" | undefined;
-        size?: "small" | "large" | "medium" | "xsmall" | undefined;
-        variant?: "filled" | "outlined" | "ghost" | undefined;
+        sentiment?: "black" | "danger" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "white" | undefined;
+        size?: "large" | "medium" | "small" | "xsmall" | undefined;
+        variant?: "filled" | "ghost" | "outlined" | undefined;
     } & ({
         children: import("react").ReactNode;
-        name?: string;
+        name?: string | undefined;
     } & ((Without<{
-        href?: string;
-        target?: string;
-        download?: string;
+        href?: string | undefined;
+        target?: string | undefined;
+        download?: string | undefined;
     }, {
         render: import("@ultraviolet/utils").RenderProp;
     }> & {
@@ -62,31 +62,31 @@ export declare const Dialog: (({ ariaLabel, className, children, "data-testid":
     }) | (Without<{
         render: import("@ultraviolet/utils").RenderProp;
     }, {
-        href?: string;
-        target?: string;
-        download?: string;
+        href?: string | undefined;
+        target?: string | undefined;
+        download?: string | undefined;
     }> & {
-        href?: string;
-        target?: string;
-        download?: string;
-    })))) & import("react").RefAttributes<Element>, "tooltip" | "style" | "disabled" | "onClick">) => import("react/jsx-runtime").JSX.Element;
+        href?: string | undefined;
+        target?: string | undefined;
+        download?: string | undefined;
+    })))) & import("react").RefAttributes<Element>, "disabled" | "onClick" | "style" | "tooltip">) => import("react/jsx-runtime").JSX.Element;
     Buttons: ({ secondaryButton, primaryButton, }: {
         secondaryButton: import("react").ReactNode;
         primaryButton: import("react").ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;
     CancelButton: ({ children, onClick, disabled, style, }: {
         children: import("react").ReactNode;
-        onClick: ComponentProps<typeof import("..").Button>["onClick"];
-        disabled?: ComponentProps<typeof import("..").Button>["disabled"];
-        style?: import("react").CSSProperties;
+        onClick: import("react").MouseEventHandler<HTMLElement> | undefined;
+        disabled?: boolean | undefined;
+        style?: import("react").CSSProperties | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
     Stack: ({ children, style }: {
         children: import("react").ReactNode;
-        style?: import("react").CSSProperties;
+        style?: import("react").CSSProperties | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
     Text: ({ children, style }: {
-        children: React.ReactNode;
-        style?: import("react").CSSProperties;
+        children: import("react").ReactNode;
+        style?: import("react").CSSProperties | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
     useDialogContext: () => DialogContextType;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAOlD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAKlD,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,YAAY,GACZ,eAAe,GACf,SAAS,GACT,MAAM,GACN,WAAW,GACX,OAAO,CACV,GAAG;IACF,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,eAAe,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,6LAiBxB,WAAW,4CA4Db,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,iMAjEhB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwEZ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAOlD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAKlD,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,YAAY,GACZ,eAAe,GACf,SAAS,GACT,MAAM,GACN,WAAW,GACX,OAAO,CACV,GAAG;IACF,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,eAAe,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,UAAU,uPA6EtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOjB,CAAA"}

package/dist/components/Dialog/index.js

@@ -1,93 +1,70 @@
-"use client";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { AlertCircleIcon } from "@ultraviolet/icons/AlertCircleIcon";
-import { CheckIcon } from "@ultraviolet/icons/CheckIcon";
-import { cn } from "@ultraviolet/utils";
-import { useMemo } from "react";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { Text } from "../Text/index.js";
 import { Bullet } from "../Bullet/index.js";
 import { Modal } from "../Modal/index.js";
-import { Text } from "../Text/index.js";
-import { useDialogContext, DialogContext } from "./Context.js";
+import { DialogContext, useDialogContext } from "./Context.js";
 import { DialogButton } from "./components/Button.js";
 import { DialogButtons } from "./components/Buttons.js";
 import { DialogCancelButton } from "./components/CancelButton.js";
 import { DialogStack } from "./components/Stack.js";
 import { DialogText } from "./components/Text.js";
-import { dialogXsmall, dialogTitle } from "./styles.css.js";
+import { dialogTitle, dialogXsmall } from "./styles.css.js";
+import { cn } from "@ultraviolet/utils";
+import { useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { AlertCircleIcon } from "@ultraviolet/icons/AlertCircleIcon";
+import { CheckIcon } from "@ultraviolet/icons/CheckIcon";
+
+//#region src/components/Dialog/index.tsx
 const DIALOG_SIZE = "xsmall";
-const BaseDialog = ({
-  ariaLabel,
-  className,
-  children,
-  "data-testid": dataTestId,
-  disclosure,
-  hideOnClickOutside,
-  hideOnEsc,
-  id,
-  isClosable,
-  onBeforeClose,
-  onClose,
-  open,
-  placement,
-  sentiment,
-  title,
-  style
-}) => {
-  const headerContent = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Bullet, { sentiment, children: sentiment === "warning" || sentiment === "danger" ? /* @__PURE__ */ jsx(AlertCircleIcon, {}) : /* @__PURE__ */ jsx(CheckIcon, {}) }),
-    /* @__PURE__ */ jsx(
-      Text,
-      {
-        as: "h2",
-        className: dialogTitle,
-        sentiment: "neutral",
-        variant: "headingSmallStronger",
-        children: title
-      }
-    )
-  ] });
-  const contextValue = useMemo(
-    () => ({
-      sentiment
-    }),
-    [sentiment]
-  );
-  return /* @__PURE__ */ jsx(
-    Modal,
-    {
-      ariaLabel,
-      className: cn(className, dialogXsmall),
-      "data-testid": dataTestId,
-      disclosure,
-      hideOnClickOutside,
-      hideOnEsc,
-      id,
-      isClosable,
-      onBeforeClose,
-      onClose,
-      open,
-      placement,
-      size: DIALOG_SIZE,
-      style,
-      children: (modalProps) => typeof children === "function" ? /* @__PURE__ */ jsxs(DialogContext.Provider, { value: contextValue, children: [
-        headerContent,
-        children(modalProps)
-      ] }) : /* @__PURE__ */ jsxs(DialogContext.Provider, { value: contextValue, children: [
-        headerContent,
-        children
-      ] })
-    }
-  );
+const BaseDialog = ({ ariaLabel, className, children, "data-testid": dataTestId, disclosure, hideOnClickOutside, hideOnEsc, id, isClosable, onBeforeClose, onClose, open, placement, sentiment, title, style }) => {
+	const headerContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Bullet, {
+		sentiment,
+		children: sentiment === "warning" || sentiment === "danger" ? /* @__PURE__ */ jsx(AlertCircleIcon, {}) : /* @__PURE__ */ jsx(CheckIcon, {})
+	}), /* @__PURE__ */ jsx(Text, {
+		as: "h2",
+		className: dialogTitle,
+		sentiment: "neutral",
+		variant: "headingSmallStronger",
+		children: title
+	})] });
+	const contextValue = useMemo(() => ({ sentiment }), [sentiment]);
+	return /* @__PURE__ */ jsx(Modal, {
+		ariaLabel,
+		className: cn(className, dialogXsmall),
+		"data-testid": dataTestId,
+		disclosure,
+		hideOnClickOutside,
+		hideOnEsc,
+		id,
+		isClosable,
+		onBeforeClose,
+		onClose,
+		open,
+		placement,
+		size: DIALOG_SIZE,
+		style,
+		children: (modalProps) => typeof children === "function" ? /* @__PURE__ */ jsxs(DialogContext.Provider, {
+			value: contextValue,
+			children: [headerContent, children(modalProps)]
+		}) : /* @__PURE__ */ jsxs(DialogContext.Provider, {
+			value: contextValue,
+			children: [headerContent, children]
+		})
+	});
 };
+/**
+* The Dialog component is used to show content on top of an overlay that requires user interaction.
+*/
 const Dialog = Object.assign(BaseDialog, {
-  Button: DialogButton,
-  Buttons: DialogButtons,
-  CancelButton: DialogCancelButton,
-  Stack: DialogStack,
-  Text: DialogText,
-  useDialogContext
+	Button: DialogButton,
+	Buttons: DialogButtons,
+	CancelButton: DialogCancelButton,
+	Stack: DialogStack,
+	Text: DialogText,
+	useDialogContext
 });
-export {
-  BaseDialog,
-  Dialog
-};
+
+//#endregion
+export { Dialog };

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

@@ -1,7 +1,8 @@
-/* empty css                          */
+/* empty css                      */
+
+//#region src/components/Dialog/styles.css.ts
 var dialogTitle = "uv_1tghqbr0";
 var dialogXsmall = "uv_1tghqbr1";
-export {
-  dialogTitle,
-  dialogXsmall
-};
+
+//#endregion
+export { dialogTitle, dialogXsmall };

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;;6CAEzB,CAAA"}

package/dist/components/Drawer/DrawerContent.js

@@ -0,0 +1,12 @@
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { drawerContent } from "./styles.css.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Drawer/DrawerContent.tsx
+const DrawerContent = ({ children }) => /* @__PURE__ */ jsx("div", {
+	className: drawerContent,
+	children
+});
+
+//#endregion
+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,6PAsItB,CAAA;AAED,eAAO,MAAM,MAAM;;;;CAEjB,CAAA"}