@cdx-ui/components 0.0.1-beta.8 → 0.0.1-beta.81

package/lib/module/components/Dialog/index.js

@@ -1,13 +1,13 @@
 "use strict";
 
-import { forwardRef } from 'react';
-import { Pressable, Text, View } from 'react-native';
-import { Close as CloseIcon } from '@cdx-ui/icons';
-import { createDialog } from '@cdx-ui/primitives';
-import { cn, useStyleContext, withStyleContext } from '@cdx-ui/utils';
+import { forwardRef, useMemo } from 'react';
+import { Text, View } from 'react-native';
+import { CheckCircle, Close as CloseIcon, EmergencyHome, Warning } from '@cdx-ui/icons';
+import { DialogClose as DialogClosePrimitive, DialogPopup as DialogPopupPrimitive, DialogRoot as DialogRootPrimitive, DialogTrigger as DialogTriggerPrimitive, Slot, dataAttributes, mergeDataAttributes, useDialog } from '@cdx-ui/primitives';
+import { cn, ParentContext, useParentContext, useStyleContext } from '@cdx-ui/utils';
 import { Icon } from '../Icon';
-import { dialogBodyVariants, dialogCloseIconVariants, dialogCloseVariants, dialogContentVariants, dialogDescriptionVariants, dialogFooterVariants, dialogHeaderVariants, dialogOverlayVariants, dialogTitleVariants } from './styles';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { dialogCloseIconVariants, dialogCloseVariants, dialogContentVariants, dialogDescriptionVariants, dialogFooterVariants, dialogHeaderVariants, dialogOverlayVariants, dialogPopupVariants, dialogTextVariants, dialogTitleIconVariants, dialogTitleVariants } from './styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export { useDialog } from '@cdx-ui/primitives';
 
 // =============================================================================
@@ -15,60 +15,42 @@ export { useDialog } from '@cdx-ui/primitives';
 // =============================================================================
 
 const SCOPE = 'DIALOG';
-const Root = withStyleContext(View, SCOPE);
 const useDialogStyleContext = () => useStyleContext(SCOPE);
 
-// =============================================================================
-// STYLED OVERLAY (internal — not consumer-facing)
-// =============================================================================
-
-const StyledOverlay = /*#__PURE__*/forwardRef(({
-  className,
-  ...props
-}, ref) => /*#__PURE__*/_jsx(Pressable, {
-  ref: ref,
-  className: cn(dialogOverlayVariants(), className),
-  ...props
-}));
-StyledOverlay.displayName = 'Dialog.Overlay';
-
-// =============================================================================
-// CREATE DIALOG PRIMITIVE
-// =============================================================================
-
-const DialogPrimitive = createDialog({
-  Root,
-  Trigger: Pressable,
-  Overlay: StyledOverlay,
-  Content: View,
-  Header: View,
-  Title: Text,
-  Description: Text,
-  Body: View,
-  Footer: View,
-  Close: Pressable
-});
-
 // =============================================================================
 // STYLED ROOT
 // =============================================================================
 
 const DialogRoot = /*#__PURE__*/forwardRef(({
   size = 'md',
+  fullBleed = false,
   className,
   children,
   style,
   ...props
-}, ref) => /*#__PURE__*/_jsx(DialogPrimitive, {
-  ref: ref,
-  className: className,
-  style: style,
-  context: {
-    size
-  },
-  ...props,
-  children: children
-}));
+}, ref) => {
+  const parent = useParentContext();
+  const ctx = useMemo(() => ({
+    ...parent,
+    [SCOPE]: {
+      size,
+      fullBleed
+    }
+  }), [parent, size, fullBleed]);
+  return /*#__PURE__*/_jsx(ParentContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/_jsx(DialogRootPrimitive, {
+      ref: ref,
+      className: className,
+      style: style,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        slot: 'dialog'
+      })),
+      children: children
+    })
+  });
+});
 DialogRoot.displayName = 'Dialog';
 
 // =============================================================================
@@ -80,20 +62,23 @@ const DialogTrigger = /*#__PURE__*/forwardRef(({
   children,
   style,
   ...props
-}, ref) => /*#__PURE__*/_jsx(DialogPrimitive.Trigger, {
+}, ref) => /*#__PURE__*/_jsx(DialogTriggerPrimitive, {
   ref: ref,
   className: className,
   style: style,
   ...props,
+  ...mergeDataAttributes(props, dataAttributes({
+    slot: 'dialog-trigger'
+  })),
   children: children
 }));
 DialogTrigger.displayName = 'Dialog.Trigger';
 
 // =============================================================================
-// STYLED CONTENT
+// STYLED POPUP
 // =============================================================================
 
-const DialogContent = /*#__PURE__*/forwardRef(({
+const DialogPopup = /*#__PURE__*/forwardRef(({
   size: sizeProp,
   className,
   children,
@@ -104,119 +89,205 @@ const DialogContent = /*#__PURE__*/forwardRef(({
     size: contextSize
   } = useDialogStyleContext();
   const size = sizeProp ?? contextSize;
-  const computedClassName = cn(dialogContentVariants({
+  const computedClassName = cn(dialogPopupVariants({
     size
   }), className);
-  return /*#__PURE__*/_jsx(DialogPrimitive.Content, {
+  const overlayClassName = cn(dialogOverlayVariants());
+  return /*#__PURE__*/_jsx(DialogPopupPrimitive, {
     ref: ref,
     className: computedClassName,
     style: style,
+    overlayClassName: overlayClassName,
     ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'dialog-popup'
+    })),
     children: children
   });
 });
-DialogContent.displayName = 'Dialog.Content';
+DialogPopup.displayName = 'Dialog.Popup';
 
 // =============================================================================
-// STYLED HEADER
+// STYLED HEADER (styled-only sub-slot)
 // =============================================================================
 
 const DialogHeader = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   children,
   style,
   ...props
 }, ref) => {
   const computedClassName = cn(dialogHeaderVariants(), className);
-  return /*#__PURE__*/_jsx(DialogPrimitive.Header, {
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'dialog-header'
+    })),
     children: children
   });
 });
 DialogHeader.displayName = 'Dialog.Header';
 
 // =============================================================================
-// STYLED TITLE
+// STYLED TITLE (styled-only sub-slot with appearance variants)
 // =============================================================================
 
+const APPEARANCE_ICON_MAP = {
+  danger: EmergencyHome,
+  warning: Warning,
+  success: CheckCircle
+};
 const DialogTitle = /*#__PURE__*/forwardRef(({
+  asChild,
+  appearance = 'default',
   className,
   children,
   style,
   ...props
 }, ref) => {
-  const computedClassName = cn(dialogTitleVariants(), className);
-  return /*#__PURE__*/_jsx(DialogPrimitive.Title, {
+  const computedClassName = cn(dialogTitleVariants({
+    appearance
+  }), className);
+  const IconComponent = appearance && appearance in APPEARANCE_ICON_MAP ? APPEARANCE_ICON_MAP[appearance] : null;
+  const Comp = asChild ? Slot : Text;
+  const titleElement = /*#__PURE__*/_jsx(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'dialog-title'
+    })),
     children: children
   });
+  if (IconComponent) {
+    return /*#__PURE__*/_jsxs(View, {
+      className: "flex-row items-center gap-1",
+      children: [/*#__PURE__*/_jsx(Icon, {
+        as: IconComponent,
+        className: dialogTitleIconVariants({
+          appearance
+        })
+      }), titleElement]
+    });
+  }
+  return titleElement;
 });
 DialogTitle.displayName = 'Dialog.Title';
 
 // =============================================================================
-// STYLED DESCRIPTION
+// STYLED DESCRIPTION (styled-only sub-slot — reads dialog context for nativeID)
 // =============================================================================
 
 const DialogDescription = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   children,
   style,
   ...props
 }, ref) => {
+  const {
+    nativeID
+  } = useDialog();
   const computedClassName = cn(dialogDescriptionVariants(), className);
-  return /*#__PURE__*/_jsx(DialogPrimitive.Description, {
+  const Comp = asChild ? Slot : Text;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
+    nativeID: `${nativeID}-description`,
     className: computedClassName,
     style: style,
     ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'dialog-description'
+    })),
     children: children
   });
 });
 DialogDescription.displayName = 'Dialog.Description';
 
 // =============================================================================
-// STYLED BODY
+// STYLED CONTENT (styled-only sub-slot — reads variant context for fullBleed)
 // =============================================================================
 
-const DialogBody = /*#__PURE__*/forwardRef(({
+const DialogContent = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   children,
   style,
   ...props
 }, ref) => {
-  const computedClassName = cn(dialogBodyVariants(), className);
-  return /*#__PURE__*/_jsx(DialogPrimitive.Body, {
+  const {
+    fullBleed
+  } = useDialogStyleContext();
+  const computedClassName = cn(dialogContentVariants({
+    fullBleed: fullBleed ?? false
+  }), className);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'dialog-content'
+    })),
     children: children
   });
 });
-DialogBody.displayName = 'Dialog.Body';
+DialogContent.displayName = 'Dialog.Content';
 
 // =============================================================================
-// STYLED FOOTER
+// STYLED TEXT (convenience text styling, styled-only)
+// =============================================================================
+
+const DialogText = /*#__PURE__*/forwardRef(({
+  asChild,
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = cn(dialogTextVariants(), className);
+  const Comp = asChild ? Slot : Text;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'dialog-text'
+    })),
+    children: children
+  });
+});
+DialogText.displayName = 'Dialog.Text';
+
+// =============================================================================
+// STYLED FOOTER (styled-only sub-slot)
 // =============================================================================
 
 const DialogFooter = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   children,
   style,
   ...props
 }, ref) => {
   const computedClassName = cn(dialogFooterVariants(), className);
-  return /*#__PURE__*/_jsx(DialogPrimitive.Footer, {
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'dialog-footer'
+    })),
     children: children
   });
 });
@@ -234,7 +305,7 @@ const DialogClose = /*#__PURE__*/forwardRef(({
   ...props
 }, ref) => {
   const computedClassName = cn(dialogCloseVariants(), className);
-  return /*#__PURE__*/_jsx(DialogPrimitive.Close, {
+  return /*#__PURE__*/_jsx(DialogClosePrimitive, {
     ref: ref,
     className: computedClassName,
     style: style,
@@ -242,6 +313,9 @@ const DialogClose = /*#__PURE__*/forwardRef(({
     accessibilityRole: "button",
     accessibilityLabel: accessibilityLabel,
     ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'dialog-close'
+    })),
     children: children ?? /*#__PURE__*/_jsx(Icon, {
       as: CloseIcon,
       className: dialogCloseIconVariants()
@@ -256,11 +330,12 @@ DialogClose.displayName = 'Dialog.Close';
 
 export const Dialog = Object.assign(DialogRoot, {
   Trigger: DialogTrigger,
-  Content: DialogContent,
+  Popup: DialogPopup,
   Header: DialogHeader,
   Title: DialogTitle,
   Description: DialogDescription,
-  Body: DialogBody,
+  Content: DialogContent,
+  Text: DialogText,
   Footer: DialogFooter,
   Close: DialogClose
 });

package/lib/module/components/Dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","Pressable","Text","View","Close","CloseIcon","createDialog","cn","useStyleContext","withStyleContext","Icon","dialogBodyVariants","dialogCloseIconVariants","dialogCloseVariants","dialogContentVariants","dialogDescriptionVariants","dialogFooterVariants","dialogHeaderVariants","dialogOverlayVariants","dialogTitleVariants","jsx","_jsx","useDialog","SCOPE","Root","useDialogStyleContext","StyledOverlay","className","props","ref","displayName","DialogPrimitive","Trigger","Overlay","Content","Header","Title","Description","Body","Footer","DialogRoot","size","children","style","context","DialogTrigger","DialogContent","sizeProp","contextSize","computedClassName","DialogHeader","DialogTitle","DialogDescription","DialogBody","DialogFooter","DialogClose","accessibilityLabel","hitSlop","accessibilityRole","as","Dialog","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Dialog/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["forwardRef","useMemo","Text","View","CheckCircle","Close","CloseIcon","EmergencyHome","Warning","DialogClose","DialogClosePrimitive","DialogPopup","DialogPopupPrimitive","DialogRoot","DialogRootPrimitive","DialogTrigger","DialogTriggerPrimitive","Slot","dataAttributes","mergeDataAttributes","useDialog","cn","ParentContext","useParentContext","useStyleContext","Icon","dialogCloseIconVariants","dialogCloseVariants","dialogContentVariants","dialogDescriptionVariants","dialogFooterVariants","dialogHeaderVariants","dialogOverlayVariants","dialogPopupVariants","dialogTextVariants","dialogTitleIconVariants","dialogTitleVariants","jsx","_jsx","jsxs","_jsxs","SCOPE","useDialogStyleContext","size","fullBleed","className","children","style","props","ref","parent","ctx","Provider","value","slot","displayName","sizeProp","contextSize","computedClassName","overlayClassName","DialogHeader","asChild","Comp","APPEARANCE_ICON_MAP","danger","warning","success","DialogTitle","appearance","IconComponent","titleElement","as","DialogDescription","nativeID","DialogContent","DialogText","DialogFooter","accessibilityLabel","hitSlop","accessibilityRole","Dialog","Object","assign","Trigger","Popup","Header","Title","Description","Content","Footer"],"sourceRoot":"../../../../src","sources":["components/Dialog/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Dialog/styles.js

@@ -2,23 +2,25 @@
 
 import { Platform } from 'react-native';
 import { cva } from 'class-variance-authority';
-import { COLOR_BG_INVERSE, COLOR_BG_PRIMARY, COLOR_BORDER_DEFAULT, COLOR_TEXT_PRIMARY, COLOR_TEXT_SECONDARY, RADIUS_MD, SHADOW_MD, TRANSITION_COLORS } from '../../styles/primitives';
+import { TRANSITION_COLORS } from '../../styles/primitives';
 
 // ── Overlay ─────────────────────────────────────────────────
 
-export const dialogOverlayVariants = cva(['absolute inset-0', COLOR_BG_INVERSE, 'opacity-50']);
+export const dialogOverlayVariants = cva(['absolute inset-0', 'bg-surface-backdrop']);
 
-// ── Content ─────────────────────────────────────────────────
+// ── Popup (renamed from dialogContentVariants) ──────────────
 
-export const dialogContentVariants = cva([COLOR_BG_PRIMARY, `border ${COLOR_BORDER_DEFAULT}`, RADIUS_MD, Platform.select({
-  web: SHADOW_MD,
+export const dialogPopupVariants = cva(['bg-surface-primary', 'rounded-lg', Platform.select({
+  web: 'shadow-lg',
   default: ''
 }), 'max-h-[85vh] overflow-hidden'], {
   variants: {
     size: {
+      xs: 'w-[90%] max-w-xs',
       sm: 'w-[90%] max-w-sm',
       md: 'w-[90%] max-w-md',
       lg: 'w-[90%] max-w-lg',
+      xl: 'w-[90%] max-w-xl',
       full: 'w-full mx-4'
     }
   },
@@ -29,32 +31,76 @@ export const dialogContentVariants = cva([COLOR_BG_PRIMARY, `border ${COLOR_BORD
 
 // ── Header ──────────────────────────────────────────────────
 
-export const dialogHeaderVariants = cva(['flex-row items-center justify-between shrink-0', 'px-6 pt-6 pb-2']);
+export const dialogHeaderVariants = cva(['flex-col items-start justify-between shrink-0', 'pl-6 pr-14 py-4']);
 
 // ── Title ───────────────────────────────────────────────────
 
-export const dialogTitleVariants = cva(['text-lg font-semibold', COLOR_TEXT_PRIMARY]);
+export const dialogTitleVariants = cva(['heading-sm', 'text-content-primary'], {
+  variants: {
+    appearance: {
+      default: '',
+      danger: '',
+      warning: '',
+      success: ''
+    }
+  },
+  defaultVariants: {
+    appearance: 'default'
+  }
+});
+
+// ── Title Icon ──────────────────────────────────────────────
+
+export const dialogTitleIconVariants = cva(['size-5'], {
+  variants: {
+    appearance: {
+      default: '',
+      danger: 'text-content-danger',
+      warning: 'text-content-warning',
+      success: 'text-content-success'
+    }
+  },
+  defaultVariants: {
+    appearance: 'default'
+  }
+});
 
 // ── Description ─────────────────────────────────────────────
 
-export const dialogDescriptionVariants = cva(['text-sm mt-1', COLOR_TEXT_SECONDARY]);
+export const dialogDescriptionVariants = cva(['body-sm mt-1', 'text-content-secondary']);
 
-// ── Body ────────────────────────────────────────────────────
+// ── Content (renamed from dialogBodyVariants) ───────────────
 
-export const dialogBodyVariants = cva(['px-6 py-4 shrink min-h-0']);
+export const dialogContentVariants = cva(['px-6 py-0 gap-2 shrink min-h-0'], {
+  variants: {
+    fullBleed: {
+      true: 'px-0',
+      false: ''
+    }
+  },
+  defaultVariants: {
+    fullBleed: false
+  }
+});
+
+// ── Text ────────────────────────────────────────────────────
+
+export const dialogTextVariants = cva(['body-md', 'text-content-primary']);
 
 // ── Footer ──────────────────────────────────────────────────
 
-export const dialogFooterVariants = cva(['flex-row items-center justify-end shrink-0', 'gap-3 px-6 pt-2 pb-6']);
+export const dialogFooterVariants = cva(['flex-row items-center justify-end shrink-0', 'gap-2 px-6 pt-4 pb-6']);
 
 // ── Close ───────────────────────────────────────────────────
 
-export const dialogCloseVariants = cva(['p-1 -m-1 rounded-full', TRANSITION_COLORS, Platform.select({
+export const dialogCloseVariants = cva(['absolute right-[14px] top-[14px]', 'min-w-[32px] min-h-[32px] items-center justify-center', 'p-[6px] rounded-full', TRANSITION_COLORS, Platform.select({
   default: 'data-[active=true]:opacity-70',
-  web: ['data-[hover=true]:bg-slate-100', 'data-[active=true]:bg-slate-200', 'data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-slate-400/50 data-[focus-visible=true]:ring-offset-2'].join(' ')
+  web: ['data-[hover=true]:bg-surface-primary-hover', 'data-[active=true]:bg-surface-primary-active', 'data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-stroke-focus data-[focus-visible=true]:ring-offset-2'].join(' ')
 })]);
 
 // ── Close Icon ──────────────────────────────────────────────
 
-export const dialogCloseIconVariants = cva(['size-5 text-slate-500']);
+export const dialogCloseIconVariants = cva(['size-5 text-content-tertiary']);
+
+// ── Exported types ──────────────────────────────────────────
 //# sourceMappingURL=styles.js.map

package/lib/module/components/Dialog/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","cva","COLOR_BG_INVERSE","COLOR_BG_PRIMARY","COLOR_BORDER_DEFAULT","COLOR_TEXT_PRIMARY","COLOR_TEXT_SECONDARY","RADIUS_MD","SHADOW_MD","TRANSITION_COLORS","dialogOverlayVariants","dialogContentVariants","select","web","default","variants","size","sm","md","lg","full","defaultVariants","dialogHeaderVariants","dialogTitleVariants","dialogDescriptionVariants","dialogBodyVariants","dialogFooterVariants","dialogCloseVariants","join","dialogCloseIconVariants"],"sourceRoot":"../../../../src","sources":["components/Dialog/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SACEC,gBAAgB,EAChBC,gBAAgB,EAChBC,oBAAoB,EACpBC,kBAAkB,EAClBC,oBAAoB,EACpBC,SAAS,EACTC,SAAS,EACTC,iBAAiB,QACZ,yBAAyB;;AAEhC;;AAEA,OAAO,MAAMC,qBAAqB,GAAGT,GAAG,CAAC,CAAC,kBAAkB,EAAEC,gBAAgB,EAAE,YAAY,CAAC,CAAC;;AAE9F;;AAEA,OAAO,MAAMS,qBAAqB,GAAGV,GAAG,CACtC,CACEE,gBAAgB,EAChB,UAAUC,oBAAoB,EAAE,EAChCG,SAAS,EACTP,QAAQ,CAACY,MAAM,CAAC;EAAEC,GAAG,EAAEL,SAAS;EAAEM,OAAO,EAAE;AAAG,CAAC,CAAC,EAChD,8BAA8B,CAC/B,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,kBAAkB;MACtBC,EAAE,EAAE,kBAAkB;MACtBC,EAAE,EAAE,kBAAkB;MACtBC,IAAI,EAAE;IACR;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMM,oBAAoB,GAAGrB,GAAG,CAAC,CACtC,gDAAgD,EAChD,gBAAgB,CACjB,CAAC;;AAEF;;AAEA,OAAO,MAAMsB,mBAAmB,GAAGtB,GAAG,CAAC,CAAC,uBAAuB,EAAEI,kBAAkB,CAAC,CAAC;;AAErF;;AAEA,OAAO,MAAMmB,yBAAyB,GAAGvB,GAAG,CAAC,CAAC,cAAc,EAAEK,oBAAoB,CAAC,CAAC;;AAEpF;;AAEA,OAAO,MAAMmB,kBAAkB,GAAGxB,GAAG,CAAC,CAAC,0BAA0B,CAAC,CAAC;;AAEnE;;AAEA,OAAO,MAAMyB,oBAAoB,GAAGzB,GAAG,CAAC,CACtC,4CAA4C,EAC5C,sBAAsB,CACvB,CAAC;;AAEF;;AAEA,OAAO,MAAM0B,mBAAmB,GAAG1B,GAAG,CAAC,CACrC,uBAAuB,EACvBQ,iBAAiB,EACjBT,QAAQ,CAACY,MAAM,CAAC;EACdE,OAAO,EAAE,+BAA+B;EACxCD,GAAG,EAAE,CACH,gCAAgC,EAChC,iCAAiC,EACjC,sHAAsH,CACvH,CAACe,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;;AAEF;;AAEA,OAAO,MAAMC,uBAAuB,GAAG5B,GAAG,CAAC,CAAC,uBAAuB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["Platform","cva","TRANSITION_COLORS","dialogOverlayVariants","dialogPopupVariants","select","web","default","variants","size","xs","sm","md","lg","xl","full","defaultVariants","dialogHeaderVariants","dialogTitleVariants","appearance","danger","warning","success","dialogTitleIconVariants","dialogDescriptionVariants","dialogContentVariants","fullBleed","true","false","dialogTextVariants","dialogFooterVariants","dialogCloseVariants","join","dialogCloseIconVariants"],"sourceRoot":"../../../../src","sources":["components/Dialog/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,iBAAiB,QAAQ,yBAAyB;;AAE3D;;AAEA,OAAO,MAAMC,qBAAqB,GAAGF,GAAG,CAAC,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,CAAC;;AAErF;;AAEA,OAAO,MAAMG,mBAAmB,GAAGH,GAAG,CACpC,CACE,oBAAoB,EACpB,YAAY,EACZD,QAAQ,CAACK,MAAM,CAAC;EAAEC,GAAG,EAAE,WAAW;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,EAClD,8BAA8B,CAC/B,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,kBAAkB;MACtBC,EAAE,EAAE,kBAAkB;MACtBC,EAAE,EAAE,kBAAkB;MACtBC,EAAE,EAAE,kBAAkB;MACtBC,EAAE,EAAE,kBAAkB;MACtBC,IAAI,EAAE;IACR;EACF,CAAC;EACDC,eAAe,EAAE;IACfP,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMQ,oBAAoB,GAAGhB,GAAG,CAAC,CACtC,+CAA+C,EAC/C,iBAAiB,CAClB,CAAC;;AAEF;;AAEA,OAAO,MAAMiB,mBAAmB,GAAGjB,GAAG,CAAC,CAAC,YAAY,EAAE,sBAAsB,CAAC,EAAE;EAC7EO,QAAQ,EAAE;IACRW,UAAU,EAAE;MACVZ,OAAO,EAAE,EAAE;MACXa,MAAM,EAAE,EAAE;MACVC,OAAO,EAAE,EAAE;MACXC,OAAO,EAAE;IACX;EACF,CAAC;EACDN,eAAe,EAAE;IACfG,UAAU,EAAE;EACd;AACF,CAAC,CAAC;;AAEF;;AAEA,OAAO,MAAMI,uBAAuB,GAAGtB,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE;EACrDO,QAAQ,EAAE;IACRW,UAAU,EAAE;MACVZ,OAAO,EAAE,EAAE;MACXa,MAAM,EAAE,qBAAqB;MAC7BC,OAAO,EAAE,sBAAsB;MAC/BC,OAAO,EAAE;IACX;EACF,CAAC;EACDN,eAAe,EAAE;IACfG,UAAU,EAAE;EACd;AACF,CAAC,CAAC;;AAEF;;AAEA,OAAO,MAAMK,yBAAyB,GAAGvB,GAAG,CAAC,CAAC,cAAc,EAAE,wBAAwB,CAAC,CAAC;;AAExF;;AAEA,OAAO,MAAMwB,qBAAqB,GAAGxB,GAAG,CAAC,CAAC,gCAAgC,CAAC,EAAE;EAC3EO,QAAQ,EAAE;IACRkB,SAAS,EAAE;MACTC,IAAI,EAAE,MAAM;MACZC,KAAK,EAAE;IACT;EACF,CAAC;EACDZ,eAAe,EAAE;IACfU,SAAS,EAAE;EACb;AACF,CAAC,CAAC;;AAEF;;AAEA,OAAO,MAAMG,kBAAkB,GAAG5B,GAAG,CAAC,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;;AAE1E;;AAEA,OAAO,MAAM6B,oBAAoB,GAAG7B,GAAG,CAAC,CACtC,4CAA4C,EAC5C,sBAAsB,CACvB,CAAC;;AAEF;;AAEA,OAAO,MAAM8B,mBAAmB,GAAG9B,GAAG,CAAC,CACrC,kCAAkC,EAClC,uDAAuD,EACvD,sBAAsB,EACtBC,iBAAiB,EACjBF,QAAQ,CAACK,MAAM,CAAC;EACdE,OAAO,EAAE,+BAA+B;EACxCD,GAAG,EAAE,CACH,4CAA4C,EAC5C,8CAA8C,EAC9C,sHAAsH,CACvH,CAAC0B,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;;AAEF;;AAEA,OAAO,MAAMC,uBAAuB,GAAGhC,GAAG,CAAC,CAAC,8BAA8B,CAAC,CAAC;;AAE5E","ignoreList":[]}