@kenpan/zds-r8f3v1 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}

package/dist/components/dialog/Dialog.js

@@ -0,0 +1,189 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { DialogHeader } from "./DialogHeader.js";
+import { DialogContent } from "./DialogContent.js";
+import { DialogFooter } from "./DialogFooter.js";
+import useTheme from "../../packages/zenith-ui/node_modules/@mui/material/esm/styles/useTheme.js";
+import Dialog$1 from "../../packages/zenith-ui/node_modules/@mui/material/esm/Dialog/Dialog.js";
+import Stack from "../../packages/zenith-ui/node_modules/@mui/material/esm/Stack/Stack.js";
+function Dialog(props) {
+  const {
+    open,
+    handleClose,
+    type = "stacked-left-aligned",
+    backgroundBlur = true,
+    backgroundType = "default",
+    dialogHeaderText,
+    dialogHeaderSupportingText,
+    dialogHeaderType,
+    iconLeadingIcon,
+    iconLeadingColor,
+    iconLeadingSize,
+    iconLeadingTheme,
+    showFeaturedIcon = true,
+    showCloseButton = true,
+    headerDivider = true,
+    headerPaddingBottom = true,
+    badge,
+    badgeColor,
+    badgeLabel,
+    helpIcon,
+    tooltipLabel,
+    tooltipDescription,
+    tooltipPlacement,
+    tooltipVariant,
+    showDialogFooter = true,
+    dialogFooterType = "horizontal-fill-container",
+    footerDivider = true,
+    destructive = false,
+    primaryButtonText = "Confirm",
+    secondaryButtonText = "Cancel",
+    tertiaryButtonText,
+    onPrimaryButtonClick,
+    onSecondaryButtonClick,
+    onTertiaryButtonClick,
+    primaryButtonProps,
+    secondaryButtonProps,
+    tertiaryButtonProps,
+    tertiaryButton: _tertiaryButton,
+    checkbox = false,
+    checkboxText,
+    checked = false,
+    onChangeCheckbox,
+    footerCustomNode,
+    footerDividerPadding,
+    children,
+    dialogContentContainerSxProps: _dialogContentContainerSxProps,
+    padding = true,
+    fullWidth = false,
+    maxWidth = "sm",
+    width,
+    height,
+    maxHeight,
+    minHeight,
+    dataAttributes: _dataAttributes,
+    TransitionProps,
+    mobileBreakpoint: _mobileBreakpoint,
+    mobileBreakpointContainerRef: _mobileBreakpointContainerRef,
+    sx
+  } = props;
+  useTheme();
+  const getBackdropStyles = () => {
+    const baseColor = backgroundType === "invisible" ? "transparent" : "rgba(18, 25, 38, 0.698)";
+    return {
+      backgroundColor: baseColor,
+      ...backgroundBlur && backgroundType !== "invisible" && {
+        backdropFilter: "blur(16px)",
+        WebkitBackdropFilter: "blur(16px)"
+      }
+    };
+  };
+  const shouldShowHeader = dialogHeaderText || dialogHeaderSupportingText || iconLeadingIcon;
+  const shouldShowFooter = showDialogFooter && (primaryButtonText || secondaryButtonText || tertiaryButtonText || primaryButtonProps || secondaryButtonProps || tertiaryButtonProps);
+  const headerType = dialogHeaderType ?? type;
+  return /* @__PURE__ */ jsx(
+    Dialog$1,
+    {
+      open,
+      onClose: handleClose,
+      fullWidth,
+      maxWidth,
+      TransitionProps,
+      slotProps: {
+        backdrop: {
+          sx: getBackdropStyles()
+        }
+      },
+      PaperProps: {
+        sx: (paperTheme) => ({
+          ...width && { width: typeof width === "number" ? `${width}px` : width },
+          ...height && { height: typeof height === "number" ? `${height}px` : height },
+          ...maxHeight && { maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight },
+          ...minHeight && { minHeight: typeof minHeight === "number" ? `${minHeight}px` : minHeight },
+          borderRadius: "6px",
+          boxShadow: "0 8px 8px -4px rgba(18, 25, 38, 0.03), 0 20px 24px -4px rgba(18, 25, 38, 0.08)",
+          backgroundColor: paperTheme.palette.background.paper,
+          display: "flex",
+          flexDirection: "column",
+          overflow: "hidden"
+        })
+      },
+      sx,
+      children: /* @__PURE__ */ jsxs(
+        Stack,
+        {
+          direction: "column",
+          sx: {
+            width: "100%",
+            height: "100%",
+            flex: 1,
+            minHeight: 0
+          },
+          children: [
+            shouldShowHeader && /* @__PURE__ */ jsx(
+              DialogHeader,
+              {
+                type: headerType,
+                text: dialogHeaderText,
+                supportingText: dialogHeaderSupportingText,
+                iconLeadingIcon,
+                iconLeadingColor,
+                iconLeadingSize,
+                iconLeadingTheme,
+                showFeaturedIcon,
+                showCloseButton,
+                divider: headerDivider,
+                paddingBottom: headerPaddingBottom,
+                badge,
+                badgeColor,
+                badgeLabel,
+                helpIcon,
+                tooltipLabel,
+                tooltipDescription,
+                tooltipPlacement,
+                tooltipVariant,
+                onClose: handleClose
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              DialogContent,
+              {
+                padding: padding ? "on" : "off",
+                scrollbar: false,
+                children
+              }
+            ),
+            shouldShowFooter && /* @__PURE__ */ jsx(
+              DialogFooter,
+              {
+                type: dialogFooterType,
+                divider: footerDivider,
+                dividerPadding: footerDividerPadding,
+                destructive,
+                primaryButtonText,
+                secondaryButtonText,
+                tertiaryButtonText,
+                onPrimaryButtonClick,
+                onSecondaryButtonClick,
+                onTertiaryButtonClick,
+                primaryButtonProps,
+                secondaryButtonProps,
+                tertiaryButtonProps,
+                checkbox,
+                checkboxText,
+                checked,
+                onChangeCheckbox,
+                customNode: footerCustomNode
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+Dialog.displayName = "Dialog";
+export {
+  Dialog
+};
+//# sourceMappingURL=Dialog.js.map

package/dist/components/dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../src/components/dialog/Dialog.tsx"],"sourcesContent":["// src/components/zenith/dialog/Dialog.tsx - Matching Storybook API\nimport { type ReactNode, type ChangeEvent } from 'react'\nimport Stack from '@mui/material/Stack'\nimport MuiDialog from '@mui/material/Dialog'\nimport { useTheme } from '@mui/material/styles'\nimport type { Theme, SxProps } from '@mui/material/styles'\nimport type { TransitionProps } from '@mui/material/transitions'\nimport { DialogHeader } from './DialogHeader'\nimport { DialogContent } from './DialogContent'\nimport { DialogFooter } from './DialogFooter'\nimport type { DialogHeaderType, BadgeColor } from './DialogHeader'\nimport type {\n  FeaturedIconColor,\n  FeaturedIconSize,\n  FeaturedIconTheme,\n} from '../FeaturedIcon'\nimport type { DialogFooterType } from './DialogFooter'\nimport type { ButtonProps } from '../Button'\n\n// ============================================================================\n// TYPES - Matching Storybook API\n// ============================================================================\n\nexport type DialogType =\n  | 'stacked-left-aligned'\n  | 'center-aligned'\n  | 'horizontal-left-aligned'\n\nexport type DialogBackgroundType = 'invisible' | 'default' | 'gradient'\n\nexport interface DialogDataAttributes {\n  dialogContainer?: Record<string, string>\n  dialogHeader?: Record<string, string>\n  dialogContent?: Record<string, string>\n  dialogFooter?: Record<string, string>\n}\n\n// ============================================================================\n// PROPS - Matching Storybook API\n// ============================================================================\n\nexport interface DialogProps {\n  /** Used to open or close the dialog */\n  open: boolean\n  /** DialogHandleClose */\n  handleClose?: () => void\n  /** Used to determine the type of the dialog */\n  type?: DialogType\n  /** Used to set and remove background blur */\n  backgroundBlur?: boolean\n  /** Used to determine the background type */\n  backgroundType?: DialogBackgroundType\n  /** Used to change text of the dialog header */\n  dialogHeaderText?: string\n  /** Used to change supporting text of the dialog header */\n  dialogHeaderSupportingText?: string\n  /** Used to change the type of the dialog header */\n  dialogHeaderType?: DialogHeaderType\n  /** Used to change icon of the dialog header */\n  iconLeadingIcon?: string\n  /** Used to change featured icon color in the dialog header */\n  iconLeadingColor?: FeaturedIconColor\n  /** Used to change featured icon size in the dialog header */\n  iconLeadingSize?: FeaturedIconSize\n  /** Used to change featured icon theme in the dialog header */\n  iconLeadingTheme?: FeaturedIconTheme\n  /** Used to show and hide the featured icon in the dialog header */\n  showFeaturedIcon?: boolean\n  /** Used to show and hide the close button in the dialog header */\n  showCloseButton?: boolean\n  /** Used to enable or disable dialog header divider wrap */\n  headerDivider?: boolean\n  /** Used to add and remove padding bottom to the dialog header */\n  headerPaddingBottom?: boolean\n  /** Used to show and hide the badge in the dialog header */\n  badge?: boolean\n  /** Used to modify the color of the badge in the dialog header */\n  badgeColor?: BadgeColor\n  /** Used to modify the label of the badge in the dialog header */\n  badgeLabel?: string\n  /** Used to add help Icon with tooltip for the text in the dialog header */\n  helpIcon?: boolean\n  /** Used to change label of tooltip of the helpIcon */\n  tooltipLabel?: string\n  /** Used to change description of tooltip of the helpIcon */\n  tooltipDescription?: string\n  /** Used to change placement of tooltip of the helpIcon */\n  tooltipPlacement?: 'top' | 'bottom' | 'left' | 'right'\n  /** Used to change variant of tooltip of the helpIcon */\n  tooltipVariant?: 'light' | 'dark'\n  /** Used to show and hide the footer of the dialog */\n  showDialogFooter?: boolean\n  /** Used to change the type of the dialog footer */\n  dialogFooterType?: DialogFooterType\n  /** Used to enable or disable dialog footer divider wrap */\n  footerDivider?: boolean\n  /** Used to change button color to primary or error */\n  destructive?: boolean\n  /** Used to change PrimaryButton text */\n  primaryButtonText?: string\n  /** Used to change SecondaryButton text */\n  secondaryButtonText?: string\n  /** Used to change tertiary button text */\n  tertiaryButtonText?: string\n  /** Callback that fires when PrimaryButton is clicked */\n  onPrimaryButtonClick?: (params?: unknown) => void\n  /** Callback that fires when SecondaryButton is clicked */\n  onSecondaryButtonClick?: (params?: unknown) => void\n  /** Callback that fires when tertiary button is clicked */\n  onTertiaryButtonClick?: (params?: unknown) => void\n  /** Used to override default props for the footer primary button */\n  primaryButtonProps?: ButtonProps\n  /** Used to override default props for the footer secondary button */\n  secondaryButtonProps?: ButtonProps\n  /** Used to override default props for the footer tertiary button */\n  tertiaryButtonProps?: ButtonProps\n  /** Used to show and hide the tertiary button */\n  tertiaryButton?: boolean\n  /** Used to show and hide the checkbox */\n  checkbox?: boolean\n  /** Used to change Checkbox text */\n  checkboxText?: string\n  /** Used to set checkbox checked state */\n  checked?: boolean\n  /** Callback that fires when Checkbox is checked */\n  onChangeCheckbox?: (event: ChangeEvent<HTMLInputElement>) => void\n  /** The custom component to be displayed in the left container in the footer */\n  footerCustomNode?: ReactNode\n  /** Overrides the default padding for the footer divider */\n  footerDividerPadding?: { top?: number; bottom?: number }\n  /** Used to pass the children - dialog content */\n  children?: ReactNode\n  /** Used to override default props for the internal dialog content container */\n  dialogContentContainerSxProps?: SxProps<Theme>\n  /** Used to determine if padding to be added for the dialog or not */\n  padding?: boolean\n  /** Used to set the fullwidth of dialog */\n  fullWidth?: boolean\n  /** Used to set the max-width of dialog */\n  maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | false\n  /** Used to override the default width of the dialog */\n  width?: string | number\n  /** Controlls the height of the dialog */\n  height?: string | number\n  /** Used to set the max-height of dialog */\n  maxHeight?: string | number\n  /** Used to set the min-height of dialog */\n  minHeight?: string | number\n  /** Add data attributes to various elements */\n  dataAttributes?: DialogDataAttributes\n  /** TransitionProps */\n  TransitionProps?: Partial<TransitionProps>\n  /** The point at which this component switches to the mobile view */\n  mobileBreakpoint?: number\n  /** The ref used to check for breakpoint width */\n  mobileBreakpointContainerRef?: React.RefObject<HTMLElement>\n  /** Custom sx styles */\n  sx?: SxProps<Theme>\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport function Dialog(props: DialogProps) {\n  const {\n    open,\n    handleClose,\n    type = 'stacked-left-aligned',\n    backgroundBlur = true,\n    backgroundType = 'default',\n    dialogHeaderText,\n    dialogHeaderSupportingText,\n    dialogHeaderType,\n    iconLeadingIcon,\n    iconLeadingColor,\n    iconLeadingSize,\n    iconLeadingTheme,\n    showFeaturedIcon = true,\n    showCloseButton = true,\n    headerDivider = true,\n    headerPaddingBottom = true,\n    badge,\n    badgeColor,\n    badgeLabel,\n    helpIcon,\n    tooltipLabel,\n    tooltipDescription,\n    tooltipPlacement,\n    tooltipVariant,\n    showDialogFooter = true,\n    dialogFooterType = 'horizontal-fill-container',\n    footerDivider = true,\n    destructive = false,\n    primaryButtonText = 'Confirm',\n    secondaryButtonText = 'Cancel',\n    tertiaryButtonText,\n    onPrimaryButtonClick,\n    onSecondaryButtonClick,\n    onTertiaryButtonClick,\n    primaryButtonProps,\n    secondaryButtonProps,\n    tertiaryButtonProps,\n    tertiaryButton: _tertiaryButton,\n    checkbox = false,\n    checkboxText,\n    checked = false,\n    onChangeCheckbox,\n    footerCustomNode,\n    footerDividerPadding,\n    children,\n    dialogContentContainerSxProps: _dialogContentContainerSxProps,\n    padding = true,\n    fullWidth = false,\n    maxWidth = 'sm',\n    width,\n    height,\n    maxHeight,\n    minHeight,\n    dataAttributes: _dataAttributes,\n    TransitionProps,\n    mobileBreakpoint: _mobileBreakpoint,\n    mobileBreakpointContainerRef: _mobileBreakpointContainerRef,\n    sx,\n  } = props\n\n  // Theme is available for future use\n  useTheme()\n\n  // Backdrop styling based on backgroundType and blur\n  const getBackdropStyles = () => {\n    const baseColor = backgroundType === 'invisible' \n      ? 'transparent' \n      : 'rgba(18, 25, 38, 0.698)'\n    \n    return {\n      backgroundColor: baseColor,\n      ...(backgroundBlur && backgroundType !== 'invisible' && {\n        backdropFilter: 'blur(16px)',\n        WebkitBackdropFilter: 'blur(16px)',\n      }),\n    }\n  }\n\n  // Determine if we should show the header\n  const shouldShowHeader = dialogHeaderText || dialogHeaderSupportingText || iconLeadingIcon\n\n  // Determine if we should show the footer\n  const shouldShowFooter = showDialogFooter && (\n    primaryButtonText || \n    secondaryButtonText || \n    tertiaryButtonText ||\n    primaryButtonProps ||\n    secondaryButtonProps ||\n    tertiaryButtonProps\n  )\n\n  // Map dialog type to header type\n  const headerType = dialogHeaderType ?? type\n\n  return (\n    <MuiDialog\n      open={open}\n      onClose={handleClose}\n      fullWidth={fullWidth}\n      maxWidth={maxWidth}\n      TransitionProps={TransitionProps}\n      slotProps={{\n        backdrop: {\n          sx: getBackdropStyles(),\n        },\n      }}\n      PaperProps={{\n        sx: (paperTheme: Theme) => ({\n          ...(width && { width: typeof width === 'number' ? `${width}px` : width }),\n          ...(height && { height: typeof height === 'number' ? `${height}px` : height }),\n          ...(maxHeight && { maxHeight: typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight }),\n          ...(minHeight && { minHeight: typeof minHeight === 'number' ? `${minHeight}px` : minHeight }),\n          borderRadius: '6px',\n          boxShadow: '0 8px 8px -4px rgba(18, 25, 38, 0.03), 0 20px 24px -4px rgba(18, 25, 38, 0.08)',\n          backgroundColor: paperTheme.palette.background.paper,\n          display: 'flex',\n          flexDirection: 'column',\n          overflow: 'hidden',\n        }),\n      }}\n      sx={sx}\n    >\n      <Stack\n        direction=\"column\"\n        sx={{\n          width: '100%',\n          height: '100%',\n          flex: 1,\n          minHeight: 0,\n        }}\n      >\n        {/* Header */}\n        {shouldShowHeader && (\n          <DialogHeader\n            type={headerType}\n            text={dialogHeaderText}\n            supportingText={dialogHeaderSupportingText}\n            iconLeadingIcon={iconLeadingIcon}\n            iconLeadingColor={iconLeadingColor}\n            iconLeadingSize={iconLeadingSize}\n            iconLeadingTheme={iconLeadingTheme}\n            showFeaturedIcon={showFeaturedIcon}\n            showCloseButton={showCloseButton}\n            divider={headerDivider}\n            paddingBottom={headerPaddingBottom}\n            badge={badge}\n            badgeColor={badgeColor}\n            badgeLabel={badgeLabel}\n            helpIcon={helpIcon}\n            tooltipLabel={tooltipLabel}\n            tooltipDescription={tooltipDescription}\n            tooltipPlacement={tooltipPlacement}\n            tooltipVariant={tooltipVariant}\n            onClose={handleClose}\n          />\n        )}\n\n        {/* Content */}\n        <DialogContent\n          padding={padding ? 'on' : 'off'}\n          scrollbar={false}\n        >\n          {children}\n        </DialogContent>\n\n        {/* Footer */}\n        {shouldShowFooter && (\n          <DialogFooter\n            type={dialogFooterType}\n            divider={footerDivider}\n            dividerPadding={footerDividerPadding}\n            destructive={destructive}\n            primaryButtonText={primaryButtonText}\n            secondaryButtonText={secondaryButtonText}\n            tertiaryButtonText={tertiaryButtonText}\n            onPrimaryButtonClick={onPrimaryButtonClick}\n            onSecondaryButtonClick={onSecondaryButtonClick}\n            onTertiaryButtonClick={onTertiaryButtonClick}\n            primaryButtonProps={primaryButtonProps}\n            secondaryButtonProps={secondaryButtonProps}\n            tertiaryButtonProps={tertiaryButtonProps}\n            checkbox={checkbox}\n            checkboxText={checkboxText}\n            checked={checked}\n            onChangeCheckbox={onChangeCheckbox}\n            customNode={footerCustomNode}\n          />\n        )}\n      </Stack>\n    </MuiDialog>\n  )\n}\n\nDialog.displayName = 'Dialog'\n\nexport default Dialog\n"],"names":["MuiDialog"],"mappings":"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"}

package/dist/components/dialog/DialogContent.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type DialogContentPadding = 'on' | 'off';
+export type DialogContentScrollbar = boolean;
+export type DialogContentBreakpoint = 'mobile' | 'desktop';
+export interface DialogContentProps {
+    padding?: DialogContentPadding;
+    scrollbar?: DialogContentScrollbar;
+    breakpoint?: DialogContentBreakpoint;
+    children?: ReactNode;
+}
+export declare function DialogContent({ padding, scrollbar, breakpoint, children, }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
+export default DialogContent;
+//# sourceMappingURL=DialogContent.d.ts.map

package/dist/components/dialog/DialogContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/DialogContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,KAAK,CAAA;AAC/C,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAA;AAC5C,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE1D,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,oBAAoB,CAAA;IAC9B,SAAS,CAAC,EAAE,sBAAsB,CAAA;IAClC,UAAU,CAAC,EAAE,uBAAuB,CAAA;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAc,EACd,SAAiB,EACjB,UAAsB,EACtB,QAAQ,GACT,EAAE,kBAAkB,2CAkDpB;AAED,eAAe,aAAa,CAAA"}

package/dist/components/dialog/DialogContent.js

@@ -0,0 +1,51 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import Box from "../../packages/zenith-ui/node_modules/@mui/material/esm/Box/Box.js";
+function DialogContent({
+  padding = "on",
+  scrollbar = false,
+  breakpoint = "desktop",
+  children
+}) {
+  const isMobile = breakpoint === "mobile";
+  const hasPadding = padding === "on";
+  const hasScrollbar = scrollbar === true;
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "row",
+        alignItems: "flex-start",
+        justifyContent: "space-between",
+        width: "100%",
+        flex: 1,
+        minHeight: 0,
+        overflowY: hasScrollbar ? "auto" : "visible",
+        overflowX: "hidden",
+        paddingLeft: hasPadding ? isMobile ? "16px" : "24px" : "0px",
+        paddingTop: hasPadding ? isMobile ? "16px" : "24px" : "0px",
+        paddingBottom: hasPadding ? isMobile ? "16px" : "24px" : "0px",
+        paddingRight: hasScrollbar ? hasPadding ? isMobile ? "24px" : "36px" : isMobile ? "8px" : "12px" : hasPadding ? isMobile ? "16px" : "24px" : "0px",
+        gap: hasScrollbar ? isMobile ? "8px" : "12px" : "0px"
+      },
+      children: /* @__PURE__ */ jsx(
+        Box,
+        {
+          sx: {
+            display: "flex",
+            flexDirection: "column",
+            width: "100%",
+            flex: 1,
+            minHeight: 0
+          },
+          children
+        }
+      )
+    }
+  );
+}
+export {
+  DialogContent
+};
+//# sourceMappingURL=DialogContent.js.map

package/dist/components/dialog/DialogContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.js","sources":["../../../src/components/dialog/DialogContent.tsx"],"sourcesContent":["// src/components/zenith/DialogContent.tsx - DialogContent\nimport { type ReactNode } from 'react'\nimport Box from '@mui/material/Box'\n\nexport type DialogContentPadding = 'on' | 'off'\nexport type DialogContentScrollbar = boolean\nexport type DialogContentBreakpoint = 'mobile' | 'desktop'\n\nexport interface DialogContentProps {\n  padding?: DialogContentPadding\n  scrollbar?: DialogContentScrollbar\n  breakpoint?: DialogContentBreakpoint\n  children?: ReactNode\n}\n\nexport function DialogContent({\n  padding = 'on',\n  scrollbar = false,\n  breakpoint = 'desktop',\n  children,\n}: DialogContentProps) {\n  const isMobile = breakpoint === 'mobile'\n  const hasPadding = padding === 'on'\n  const hasScrollbar = scrollbar === true\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'row',\n        alignItems: 'flex-start',\n        justifyContent: 'space-between',\n        width: '100%',\n        flex: 1,\n        minHeight: 0,\n        overflowY: hasScrollbar ? 'auto' : 'visible',\n        overflowX: 'hidden',\n        paddingLeft: hasPadding ? (isMobile ? '16px' : '24px') : '0px',\n        paddingTop: hasPadding ? (isMobile ? '16px' : '24px') : '0px',\n        paddingBottom: hasPadding ? (isMobile ? '16px' : '24px') : '0px',\n        paddingRight: hasScrollbar\n          ? hasPadding\n            ? isMobile\n              ? '24px'\n              : '36px'\n            : isMobile\n            ? '8px'\n            : '12px'\n          : hasPadding\n          ? isMobile\n            ? '16px'\n            : '24px'\n          : '0px',\n        gap: hasScrollbar ? (isMobile ? '8px' : '12px') : '0px',\n      }}\n    >\n      {/* Content */}\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          width: '100%',\n          flex: 1,\n          minHeight: 0,\n        }}\n      >\n        {children}\n      </Box>\n    </Box>\n  )\n}\n\nexport default DialogContent\n\n"],"names":[],"mappings":";;;AAeO,SAAS,cAAc;AAAA,EAC5B,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AACF,GAAuB;AACrB,QAAM,WAAW,eAAe;AAChC,QAAM,aAAa,YAAY;AAC/B,QAAM,eAAe,cAAc;AAEnC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,MAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAW,eAAe,SAAS;AAAA,QACnC,WAAW;AAAA,QACX,aAAa,aAAc,WAAW,SAAS,SAAU;AAAA,QACzD,YAAY,aAAc,WAAW,SAAS,SAAU;AAAA,QACxD,eAAe,aAAc,WAAW,SAAS,SAAU;AAAA,QAC3D,cAAc,eACV,aACE,WACE,SACA,SACF,WACA,QACA,SACF,aACA,WACE,SACA,SACF;AAAA,QACJ,KAAK,eAAgB,WAAW,QAAQ,SAAU;AAAA,MAAA;AAAA,MAIpD,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,SAAS;AAAA,YACT,eAAe;AAAA,YACf,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,UAAA;AAAA,UAGZ;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;"}

package/dist/components/dialog/DialogFooter.d.ts

@@ -0,0 +1,59 @@
+import { ReactNode, ChangeEvent } from 'react';
+import { Theme, SxProps } from '@mui/material/styles';
+import { ButtonProps } from '../Button';
+export type DialogFooterType = 'horizontal-fill-container' | 'horizontal-right-aligned' | 'vertical-fill-container';
+export interface DialogFooterProps {
+    /** Used to change the variant type */
+    type?: DialogFooterType;
+    /** Used to enable or disable divider wrap */
+    divider?: boolean;
+    /** Overrides the default padding for the footer divider */
+    dividerPadding?: {
+        top?: number;
+        bottom?: number;
+    };
+    /** Used to change button color to primary or error */
+    destructive?: boolean;
+    /** Used to change PrimaryButton text */
+    primaryButtonText?: string;
+    /** Used to change SecondaryButton text */
+    secondaryButtonText?: string;
+    /** Used to change tertiary button text */
+    tertiaryButtonText?: string;
+    /** Callback that fires when PrimaryButton is clicked */
+    onPrimaryButtonClick?: (params?: unknown) => void;
+    /** Callback that fires when SecondaryButton is clicked */
+    onSecondaryButtonClick?: (params?: unknown) => void;
+    /** Callback that fires when tertiary button is clicked */
+    onTertiaryButtonClick?: (params?: unknown) => void;
+    /** Used to override default props for the footer primary button */
+    primaryButtonProps?: ButtonProps;
+    /** Used to override default props for the footer secondary button */
+    secondaryButtonProps?: ButtonProps;
+    /** Used to override default props for the footer tertiary button */
+    tertiaryButtonProps?: ButtonProps;
+    /** Used to show and hide the checkbox, which is part of horizontal-right-aligned type */
+    checkbox?: boolean;
+    /** Used to change Checkbox text */
+    checkboxText?: string;
+    /** Used to set checkbox checked state */
+    checked?: boolean;
+    /** Callback that fires when Checkbox is checked */
+    onChangeCheckbox?: (event: ChangeEvent<HTMLInputElement>) => void;
+    /** Used to change icon */
+    icon?: ReactNode;
+    /** The custom component to be displayed in the left container */
+    customNode?: ReactNode;
+    /** Used to determine the breakpoint if it is mobile or not */
+    isMobile?: boolean;
+    /** Custom sx styles */
+    sx?: SxProps<Theme>;
+    /** Children (for custom content) */
+    children?: ReactNode;
+}
+export declare function DialogFooter(props: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DialogFooter {
+    var displayName: string;
+}
+export default DialogFooter;
+//# sourceMappingURL=DialogFooter.d.ts.map

package/dist/components/dialog/DialogFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogFooter.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/DialogFooter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAA;AAOxD,OAAO,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAM5C,MAAM,MAAM,gBAAgB,GACxB,2BAA2B,GAC3B,0BAA0B,GAC1B,yBAAyB,CAAA;AAM7B,MAAM,WAAW,iBAAiB;IAChC,sCAAsC;IACtC,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2DAA2D;IAC3D,cAAc,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAClD,sDAAsD;IACtD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,0CAA0C;IAC1C,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,wDAAwD;IACxD,oBAAoB,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IACjD,0DAA0D;IAC1D,sBAAsB,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IACnD,0DAA0D;IAC1D,qBAAqB,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,mEAAmE;IACnE,kBAAkB,CAAC,EAAE,WAAW,CAAA;IAChC,qEAAqE;IACrE,oBAAoB,CAAC,EAAE,WAAW,CAAA;IAClC,oEAAoE;IACpE,mBAAmB,CAAC,EAAE,WAAW,CAAA;IACjC,yFAAyF;IACzF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACjE,0BAA0B;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,iEAAiE;IACjE,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uBAAuB;IACvB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IACnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAMD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAkKpD;yBAlKe,YAAY;;;AAsK5B,eAAe,YAAY,CAAA"}

package/dist/components/dialog/DialogFooter.js

@@ -0,0 +1,165 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import "react";
+import { Button } from "../Button.js";
+import useTheme from "../../packages/zenith-ui/node_modules/@mui/material/esm/styles/useTheme.js";
+import Stack from "../../packages/zenith-ui/node_modules/@mui/material/esm/Stack/Stack.js";
+import Box from "../../packages/zenith-ui/node_modules/@mui/material/esm/Box/Box.js";
+import Divider from "../../packages/zenith-ui/node_modules/@mui/material/esm/Divider/Divider.js";
+import Checkbox from "../../packages/zenith-ui/node_modules/@mui/material/esm/Checkbox/Checkbox.js";
+import Typography from "../../packages/zenith-ui/node_modules/@mui/material/esm/Typography/Typography.js";
+function DialogFooter(props) {
+  const {
+    type = "horizontal-fill-container",
+    divider = true,
+    dividerPadding,
+    destructive = false,
+    primaryButtonText = "Confirm",
+    secondaryButtonText = "Cancel",
+    tertiaryButtonText,
+    onPrimaryButtonClick,
+    onSecondaryButtonClick,
+    onTertiaryButtonClick,
+    primaryButtonProps,
+    secondaryButtonProps,
+    tertiaryButtonProps,
+    checkbox = false,
+    checkboxText,
+    checked = false,
+    onChangeCheckbox,
+    icon: _icon,
+    customNode,
+    isMobile = false,
+    sx,
+    children
+  } = props;
+  const theme = useTheme();
+  const isHorizontalFill = type === "horizontal-fill-container";
+  const isHorizontalRight = type === "horizontal-right-aligned";
+  const isVertical = type === "vertical-fill-container";
+  const showTertiary = tertiaryButtonProps || tertiaryButtonText || onTertiaryButtonClick;
+  if (children) {
+    return /* @__PURE__ */ jsxs(
+      Stack,
+      {
+        direction: "column",
+        sx: [
+          { width: "100%", flexShrink: 0 },
+          ...Array.isArray(sx) ? sx : [sx]
+        ],
+        "data-component": "DialogFooter",
+        children: [
+          divider && /* @__PURE__ */ jsx(Box, { sx: { pt: dividerPadding?.top ?? 2, pb: dividerPadding?.bottom ?? 0 }, children: /* @__PURE__ */ jsx(Divider, { sx: { borderColor: "#D4DCE7" } }) }),
+          children
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    Stack,
+    {
+      direction: "column",
+      sx: [
+        { width: "100%", flexShrink: 0 },
+        ...Array.isArray(sx) ? sx : [sx]
+      ],
+      "data-component": "DialogFooter",
+      children: [
+        divider && /* @__PURE__ */ jsx(Box, { sx: { pt: dividerPadding?.top ?? 0, pb: dividerPadding?.bottom ?? 0 }, children: /* @__PURE__ */ jsx(Divider, { sx: { borderColor: "#D4DCE7" } }) }),
+        /* @__PURE__ */ jsxs(
+          Stack,
+          {
+            direction: isVertical ? "column" : "row",
+            alignItems: "center",
+            justifyContent: isHorizontalRight ? "space-between" : "flex-end",
+            spacing: 1.5,
+            sx: {
+              px: isMobile ? 2 : 3,
+              py: 2
+            },
+            className: isHorizontalFill || isVertical ? "fill-container-stack" : "horizontal-right-aligned-stack",
+            children: [
+              isHorizontalRight && (checkbox || customNode) && /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", spacing: 2, className: "z-checkbox-container", children: [
+                checkbox && /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", spacing: 0.5, className: "z-checkbox-label-container", children: [
+                  /* @__PURE__ */ jsx(
+                    Checkbox,
+                    {
+                      checked,
+                      onChange: onChangeCheckbox,
+                      size: "small",
+                      sx: {
+                        p: 0.5,
+                        color: theme.palette.gray?.[400] ?? "#8C96A2",
+                        "&.Mui-checked": {
+                          color: theme.palette.primary.main
+                        }
+                      }
+                    }
+                  ),
+                  checkboxText && /* @__PURE__ */ jsx(
+                    Typography,
+                    {
+                      variant: "text-sm-medium",
+                      sx: { color: theme.palette.text.primary, pointerEvents: "none" },
+                      children: checkboxText
+                    }
+                  )
+                ] }),
+                customNode
+              ] }),
+              isHorizontalRight && showTertiary && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "link-gray",
+                  size: "large",
+                  onClick: onTertiaryButtonClick,
+                  ...tertiaryButtonProps,
+                  children: tertiaryButtonText ?? tertiaryButtonProps?.children ?? "Settings"
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Stack,
+                {
+                  direction: isVertical ? "column" : "row",
+                  spacing: 1.5,
+                  sx: {
+                    width: isHorizontalFill || isVertical ? "100%" : "auto"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "secondary-gray",
+                        size: "large",
+                        onClick: onSecondaryButtonClick,
+                        fullWidth: isHorizontalFill || isVertical,
+                        ...secondaryButtonProps,
+                        children: secondaryButtonText
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "primary",
+                        size: "large",
+                        tone: destructive ? "destructive" : "default",
+                        onClick: onPrimaryButtonClick,
+                        fullWidth: isHorizontalFill || isVertical,
+                        ...primaryButtonProps,
+                        children: primaryButtonText
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+DialogFooter.displayName = "DialogFooter";
+export {
+  DialogFooter
+};
+//# sourceMappingURL=DialogFooter.js.map

package/dist/components/dialog/DialogFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogFooter.js","sources":["../../../src/components/dialog/DialogFooter.tsx"],"sourcesContent":["// src/components/zenith/dialog/DialogFooter.tsx - Matching Storybook API\nimport { type ReactNode, type ChangeEvent } from 'react'\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport MuiCheckbox from '@mui/material/Checkbox'\nimport Typography from '@mui/material/Typography'\nimport Divider from '@mui/material/Divider'\nimport { useTheme } from '@mui/material/styles'\nimport type { Theme, SxProps } from '@mui/material/styles'\nimport { Button } from '../Button'\nimport type { ButtonProps } from '../Button'\n\n// ============================================================================\n// TYPES - Matching Storybook API\n// ============================================================================\n\nexport type DialogFooterType =\n  | 'horizontal-fill-container'\n  | 'horizontal-right-aligned'\n  | 'vertical-fill-container'\n\n// ============================================================================\n// PROPS - Matching Storybook API\n// ============================================================================\n\nexport interface DialogFooterProps {\n  /** Used to change the variant type */\n  type?: DialogFooterType\n  /** Used to enable or disable divider wrap */\n  divider?: boolean\n  /** Overrides the default padding for the footer divider */\n  dividerPadding?: { top?: number; bottom?: number }\n  /** Used to change button color to primary or error */\n  destructive?: boolean\n  /** Used to change PrimaryButton text */\n  primaryButtonText?: string\n  /** Used to change SecondaryButton text */\n  secondaryButtonText?: string\n  /** Used to change tertiary button text */\n  tertiaryButtonText?: string\n  /** Callback that fires when PrimaryButton is clicked */\n  onPrimaryButtonClick?: (params?: unknown) => void\n  /** Callback that fires when SecondaryButton is clicked */\n  onSecondaryButtonClick?: (params?: unknown) => void\n  /** Callback that fires when tertiary button is clicked */\n  onTertiaryButtonClick?: (params?: unknown) => void\n  /** Used to override default props for the footer primary button */\n  primaryButtonProps?: ButtonProps\n  /** Used to override default props for the footer secondary button */\n  secondaryButtonProps?: ButtonProps\n  /** Used to override default props for the footer tertiary button */\n  tertiaryButtonProps?: ButtonProps\n  /** Used to show and hide the checkbox, which is part of horizontal-right-aligned type */\n  checkbox?: boolean\n  /** Used to change Checkbox text */\n  checkboxText?: string\n  /** Used to set checkbox checked state */\n  checked?: boolean\n  /** Callback that fires when Checkbox is checked */\n  onChangeCheckbox?: (event: ChangeEvent<HTMLInputElement>) => void\n  /** Used to change icon */\n  icon?: ReactNode\n  /** The custom component to be displayed in the left container */\n  customNode?: ReactNode\n  /** Used to determine the breakpoint if it is mobile or not */\n  isMobile?: boolean\n  /** Custom sx styles */\n  sx?: SxProps<Theme>\n  /** Children (for custom content) */\n  children?: ReactNode\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport function DialogFooter(props: DialogFooterProps) {\n  const {\n    type = 'horizontal-fill-container',\n    divider = true,\n    dividerPadding,\n    destructive = false,\n    primaryButtonText = 'Confirm',\n    secondaryButtonText = 'Cancel',\n    tertiaryButtonText,\n    onPrimaryButtonClick,\n    onSecondaryButtonClick,\n    onTertiaryButtonClick,\n    primaryButtonProps,\n    secondaryButtonProps,\n    tertiaryButtonProps,\n    checkbox = false,\n    checkboxText,\n    checked = false,\n    onChangeCheckbox,\n    icon: _icon,\n    customNode,\n    isMobile = false,\n    sx,\n    children,\n  } = props\n\n  const theme = useTheme()\n\n  const isHorizontalFill = type === 'horizontal-fill-container'\n  const isHorizontalRight = type === 'horizontal-right-aligned'\n  const isVertical = type === 'vertical-fill-container'\n\n  // Show tertiary button if props provided\n  const showTertiary = tertiaryButtonProps || tertiaryButtonText || onTertiaryButtonClick\n\n  // If custom children provided, render them directly\n  if (children) {\n    return (\n      <Stack\n        direction=\"column\"\n        sx={[\n          { width: '100%', flexShrink: 0 },\n          ...(Array.isArray(sx) ? sx : [sx]),\n        ]}\n        data-component=\"DialogFooter\"\n      >\n        {divider && (\n          <Box sx={{ pt: dividerPadding?.top ?? 2, pb: dividerPadding?.bottom ?? 0 }}>\n            <Divider sx={{ borderColor: '#D4DCE7' }} />\n          </Box>\n        )}\n        {children}\n      </Stack>\n    )\n  }\n\n  return (\n    <Stack\n      direction=\"column\"\n      sx={[\n        { width: '100%', flexShrink: 0 },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n      data-component=\"DialogFooter\"\n    >\n      {/* Divider */}\n      {divider && (\n        <Box sx={{ pt: dividerPadding?.top ?? 0, pb: dividerPadding?.bottom ?? 0 }}>\n          <Divider sx={{ borderColor: '#D4DCE7' }} />\n        </Box>\n      )}\n\n      {/* Footer Content */}\n      <Stack\n        direction={isVertical ? 'column' : 'row'}\n        alignItems=\"center\"\n        justifyContent={isHorizontalRight ? 'space-between' : 'flex-end'}\n        spacing={1.5}\n        sx={{\n          px: isMobile ? 2 : 3,\n          py: 2,\n        }}\n        className={isHorizontalFill || isVertical ? 'fill-container-stack' : 'horizontal-right-aligned-stack'}\n      >\n        {/* Left section: Checkbox or Custom Node */}\n        {isHorizontalRight && (checkbox || customNode) && (\n          <Stack direction=\"row\" alignItems=\"center\" spacing={2} className=\"z-checkbox-container\">\n            {/* Checkbox */}\n            {checkbox && (\n              <Stack direction=\"row\" alignItems=\"center\" spacing={0.5} className=\"z-checkbox-label-container\">\n                <MuiCheckbox\n                  checked={checked}\n                  onChange={onChangeCheckbox}\n                  size=\"small\"\n                  sx={{\n                    p: 0.5,\n                    color: theme.palette.gray?.[400] ?? '#8C96A2',\n                    '&.Mui-checked': {\n                      color: theme.palette.primary.main,\n                    },\n                  }}\n                />\n                {checkboxText && (\n                  <Typography\n                    variant=\"text-sm-medium\"\n                    sx={{ color: theme.palette.text.primary, pointerEvents: 'none' }}\n                  >\n                    {checkboxText}\n                  </Typography>\n                )}\n              </Stack>\n            )}\n            {customNode}\n          </Stack>\n        )}\n\n        {/* Tertiary Button (for horizontal-right-aligned) */}\n        {isHorizontalRight && showTertiary && (\n          <Button\n            variant=\"link-gray\"\n            size=\"large\"\n            onClick={onTertiaryButtonClick}\n            {...tertiaryButtonProps}\n          >\n            {tertiaryButtonText ?? tertiaryButtonProps?.children ?? 'Settings'}\n          </Button>\n        )}\n\n        {/* Primary and Secondary Buttons */}\n        <Stack\n          direction={isVertical ? 'column' : 'row'}\n          spacing={1.5}\n          sx={{\n            width: isHorizontalFill || isVertical ? '100%' : 'auto',\n          }}\n        >\n          {/* Secondary Button */}\n          <Button\n            variant=\"secondary-gray\"\n            size=\"large\"\n            onClick={onSecondaryButtonClick}\n            fullWidth={isHorizontalFill || isVertical}\n            {...secondaryButtonProps}\n          >\n            {secondaryButtonText}\n          </Button>\n\n          {/* Primary Button */}\n          <Button\n            variant=\"primary\"\n            size=\"large\"\n            tone={destructive ? 'destructive' : 'default'}\n            onClick={onPrimaryButtonClick}\n            fullWidth={isHorizontalFill || isVertical}\n            {...primaryButtonProps}\n          >\n            {primaryButtonText}\n          </Button>\n        </Stack>\n      </Stack>\n    </Stack>\n  )\n}\n\nDialogFooter.displayName = 'DialogFooter'\n\nexport default DialogFooter\n"],"names":["MuiCheckbox"],"mappings":"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"}

package/dist/components/dialog/DialogHeader.d.ts

@@ -0,0 +1,60 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+import { SupportedIconName } from '../Icon';
+import { FeaturedIconColor, FeaturedIconSize, FeaturedIconTheme } from '../FeaturedIcon';
+export type DialogHeaderType = 'stacked-left-aligned' | 'center-aligned' | 'horizontal-left-aligned';
+export type BadgeColor = 'error' | 'gray' | 'primary' | 'warning' | 'success' | 'blueLight' | 'blue' | 'indigo' | 'purple' | 'pink' | 'orange';
+export interface DialogHeaderProps {
+    /** Used to change the type of the dialog header */
+    type?: DialogHeaderType;
+    /** Used to change text of the dialog header */
+    text?: string;
+    /** Used to change supporting text of the dialog header */
+    supportingText?: string;
+    /** Used to change icon of the dialog header */
+    iconLeadingIcon?: SupportedIconName;
+    /** Used to change featured icon color in the dialog header */
+    iconLeadingColor?: FeaturedIconColor;
+    /** Used to change featured icon size in the dialog header */
+    iconLeadingSize?: FeaturedIconSize;
+    /** Used to change featured icon theme in the dialog header */
+    iconLeadingTheme?: FeaturedIconTheme;
+    /** Used to show and hide the featured icon in the dialog header */
+    showFeaturedIcon?: boolean;
+    /** Used to show and hide the close button in the dialog header */
+    showCloseButton?: boolean;
+    /** Used to enable or disable dialog header divider */
+    divider?: boolean;
+    /** Used to add and remove padding bottom to the dialog header */
+    paddingBottom?: boolean;
+    /** Used to show and hide the badge in the dialog header */
+    badge?: boolean;
+    /** Used to modify the color of the badge in the dialog header */
+    badgeColor?: BadgeColor;
+    /** Used to modify the label of the badge in the dialog header */
+    badgeLabel?: string;
+    /** Used to add help Icon with tooltip for the text in the dialog header */
+    helpIcon?: boolean;
+    /** Used to change label of tooltip of the helpIcon */
+    tooltipLabel?: string;
+    /** Used to change description of tooltip of the helpIcon */
+    tooltipDescription?: string;
+    /** Used to change placement of tooltip of the helpIcon */
+    tooltipPlacement?: 'top' | 'bottom' | 'left' | 'right';
+    /** Used to change variant of tooltip of the helpIcon */
+    tooltipVariant?: 'light' | 'dark';
+    /** Callback for close button */
+    onClose?: () => void;
+    /** Custom sx styles */
+    sx?: SxProps<Theme>;
+    /** Children (for custom content) */
+    children?: ReactNode;
+    /** Used to determine the breakpoint if it is mobile or not */
+    isMobile?: boolean;
+}
+export declare function DialogHeader(props: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DialogHeader {
+    var displayName: string;
+}
+export default DialogHeader;
+//# sourceMappingURL=DialogHeader.d.ts.map

package/dist/components/dialog/DialogHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogHeader.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/DialogHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAG1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,iBAAiB,CAAA;AAMxB,MAAM,MAAM,gBAAgB,GACxB,sBAAsB,GACtB,gBAAgB,GAChB,yBAAyB,CAAA;AAE7B,MAAM,MAAM,UAAU,GAClB,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GACpD,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AAMlE,MAAM,WAAW,iBAAiB;IAChC,mDAAmD;IACnD,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,0DAA0D;IAC1D,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,+CAA+C;IAC/C,eAAe,CAAC,EAAE,iBAAiB,CAAA;IACnC,8DAA8D;IAC9D,gBAAgB,CAAC,EAAE,iBAAiB,CAAA;IACpC,6DAA6D;IAC7D,eAAe,CAAC,EAAE,gBAAgB,CAAA;IAClC,8DAA8D;IAC9D,gBAAgB,CAAC,EAAE,iBAAiB,CAAA;IACpC,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,kEAAkE;IAClE,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iEAAiE;IACjE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,iEAAiE;IACjE,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IACtD,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,uBAAuB;IACvB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IACnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAOD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAuKpD;yBAvKe,YAAY;;;AA2K5B,eAAe,YAAY,CAAA"}