@cdx-ui/components 0.0.1-beta.11 → 0.0.1-beta.111

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

@@ -23,60 +23,42 @@ var _jsxRuntime = require("react/jsx-runtime");
 // =============================================================================
 
 const SCOPE = 'DIALOG';
-const Root = (0, _utils.withStyleContext)(_reactNative.View, SCOPE);
 const useDialogStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
 
-// =============================================================================
-// STYLED OVERLAY (internal — not consumer-facing)
-// =============================================================================
-
-const StyledOverlay = /*#__PURE__*/(0, _react.forwardRef)(({
-  className,
-  ...props
-}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-  ref: ref,
-  className: (0, _utils.cn)((0, _styles.dialogOverlayVariants)(), className),
-  ...props
-}));
-StyledOverlay.displayName = 'Dialog.Overlay';
-
-// =============================================================================
-// CREATE DIALOG PRIMITIVE
-// =============================================================================
-
-const DialogPrimitive = (0, _primitives.createDialog)({
-  Root,
-  Trigger: _reactNative.Pressable,
-  Overlay: StyledOverlay,
-  Content: _reactNative.View,
-  Header: _reactNative.View,
-  Title: _reactNative.Text,
-  Description: _reactNative.Text,
-  Body: _reactNative.View,
-  Footer: _reactNative.View,
-  Close: _reactNative.Pressable
-});
-
 // =============================================================================
 // STYLED ROOT
 // =============================================================================
 
 const DialogRoot = /*#__PURE__*/(0, _react.forwardRef)(({
   size = 'md',
+  fullBleed = false,
   className,
   children,
   style,
   ...props
-}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPrimitive, {
-  ref: ref,
-  className: className,
-  style: style,
-  context: {
-    size
-  },
-  ...props,
-  children: children
-}));
+}, ref) => {
+  const parent = (0, _utils.useParentContext)();
+  const ctx = (0, _react.useMemo)(() => ({
+    ...parent,
+    [SCOPE]: {
+      size,
+      fullBleed
+    }
+  }), [parent, size, fullBleed]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.ParentContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.DialogRoot, {
+      ref: ref,
+      className: className,
+      style: style,
+      ...props,
+      ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+        slot: 'dialog'
+      })),
+      children: children
+    })
+  });
+});
 DialogRoot.displayName = 'Dialog';
 
 // =============================================================================
@@ -88,20 +70,23 @@ const DialogTrigger = /*#__PURE__*/(0, _react.forwardRef)(({
   children,
   style,
   ...props
-}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPrimitive.Trigger, {
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.DialogTrigger, {
   ref: ref,
   className: className,
   style: style,
   ...props,
+  ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+    slot: 'dialog-trigger'
+  })),
   children: children
 }));
 DialogTrigger.displayName = 'Dialog.Trigger';
 
 // =============================================================================
-// STYLED CONTENT
+// STYLED POPUP
 // =============================================================================
 
-const DialogContent = /*#__PURE__*/(0, _react.forwardRef)(({
+const DialogPopup = /*#__PURE__*/(0, _react.forwardRef)(({
   size: sizeProp,
   className,
   children,
@@ -112,119 +97,205 @@ const DialogContent = /*#__PURE__*/(0, _react.forwardRef)(({
     size: contextSize
   } = useDialogStyleContext();
   const size = sizeProp ?? contextSize;
-  const computedClassName = (0, _utils.cn)((0, _styles.dialogContentVariants)({
+  const computedClassName = (0, _utils.cn)((0, _styles.dialogPopupVariants)({
     size
   }), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPrimitive.Content, {
+  const overlayClassName = (0, _utils.cn)((0, _styles.dialogOverlayVariants)());
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.DialogPopup, {
     ref: ref,
     className: computedClassName,
     style: style,
+    overlayClassName: overlayClassName,
     ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.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__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   children,
   style,
   ...props
 }, ref) => {
   const computedClassName = (0, _utils.cn)((0, _styles.dialogHeaderVariants)(), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPrimitive.Header, {
+  const Comp = asChild ? _primitives.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.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: _icons.EmergencyHome,
+  warning: _icons.Warning,
+  success: _icons.CheckCircle
+};
 const DialogTitle = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  appearance = 'default',
   className,
   children,
   style,
   ...props
 }, ref) => {
-  const computedClassName = (0, _utils.cn)((0, _styles.dialogTitleVariants)(), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPrimitive.Title, {
+  const computedClassName = (0, _utils.cn)((0, _styles.dialogTitleVariants)({
+    appearance
+  }), className);
+  const IconComponent = appearance && appearance in APPEARANCE_ICON_MAP ? APPEARANCE_ICON_MAP[appearance] : null;
+  const Comp = asChild ? _primitives.Slot : _reactNative.Text;
+  const titleElement = /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'dialog-title'
+    })),
     children: children
   });
+  if (IconComponent) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      className: "flex-row items-center gap-1",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        as: IconComponent,
+        className: (0, _styles.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__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   children,
   style,
   ...props
 }, ref) => {
+  const {
+    nativeID
+  } = (0, _primitives.useDialog)();
   const computedClassName = (0, _utils.cn)((0, _styles.dialogDescriptionVariants)(), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPrimitive.Description, {
+  const Comp = asChild ? _primitives.Slot : _reactNative.Text;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
+    nativeID: `${nativeID}-description`,
     className: computedClassName,
     style: style,
     ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.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__*/(0, _react.forwardRef)(({
+const DialogContent = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   children,
   style,
   ...props
 }, ref) => {
-  const computedClassName = (0, _utils.cn)((0, _styles.dialogBodyVariants)(), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPrimitive.Body, {
+  const {
+    fullBleed
+  } = useDialogStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.dialogContentVariants)({
+    fullBleed: fullBleed ?? false
+  }), className);
+  const Comp = asChild ? _primitives.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.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__*/(0, _react.forwardRef)(({
+  asChild,
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = (0, _utils.cn)((0, _styles.dialogTextVariants)(), className);
+  const Comp = asChild ? _primitives.Slot : _reactNative.Text;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'dialog-text'
+    })),
+    children: children
+  });
+});
+DialogText.displayName = 'Dialog.Text';
+
+// =============================================================================
+// STYLED FOOTER (styled-only sub-slot)
 // =============================================================================
 
 const DialogFooter = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   children,
   style,
   ...props
 }, ref) => {
   const computedClassName = (0, _utils.cn)((0, _styles.dialogFooterVariants)(), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPrimitive.Footer, {
+  const Comp = asChild ? _primitives.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'dialog-footer'
+    })),
     children: children
   });
 });
@@ -242,7 +313,7 @@ const DialogClose = /*#__PURE__*/(0, _react.forwardRef)(({
   ...props
 }, ref) => {
   const computedClassName = (0, _utils.cn)((0, _styles.dialogCloseVariants)(), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPrimitive.Close, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.DialogClose, {
     ref: ref,
     className: computedClassName,
     style: style,
@@ -250,6 +321,9 @@ const DialogClose = /*#__PURE__*/(0, _react.forwardRef)(({
     accessibilityRole: "button",
     accessibilityLabel: accessibilityLabel,
     ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'dialog-close'
+    })),
     children: children ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
       as: _icons.Close,
       className: (0, _styles.dialogCloseIconVariants)()
@@ -264,11 +338,12 @@ DialogClose.displayName = 'Dialog.Close';
 
 const Dialog = exports.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/commonjs/components/Dialog/index.js.map

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

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

@@ -3,25 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.dialogTitleVariants = exports.dialogOverlayVariants = exports.dialogHeaderVariants = exports.dialogFooterVariants = exports.dialogDescriptionVariants = exports.dialogContentVariants = exports.dialogCloseVariants = exports.dialogCloseIconVariants = exports.dialogBodyVariants = void 0;
+exports.dialogTitleVariants = exports.dialogTitleIconVariants = exports.dialogTextVariants = exports.dialogPopupVariants = exports.dialogOverlayVariants = exports.dialogHeaderVariants = exports.dialogFooterVariants = exports.dialogDescriptionVariants = exports.dialogContentVariants = exports.dialogCloseVariants = exports.dialogCloseIconVariants = void 0;
 var _reactNative = require("react-native");
 var _classVarianceAuthority = require("class-variance-authority");
-var _primitives = require("../../styles/primitives");
+var _constants = require("../../styles/constants");
 // ── Overlay ─────────────────────────────────────────────────
 
-const dialogOverlayVariants = exports.dialogOverlayVariants = (0, _classVarianceAuthority.cva)(['absolute inset-0', _primitives.COLOR_BG_INVERSE, 'opacity-50']);
+const dialogOverlayVariants = exports.dialogOverlayVariants = (0, _classVarianceAuthority.cva)(['absolute inset-0', 'bg-surface-backdrop']);
 
-// ── Content ─────────────────────────────────────────────────
+// ── Popup (renamed from dialogContentVariants) ──────────────
 
-const dialogContentVariants = exports.dialogContentVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_BG_PRIMARY, `border ${_primitives.COLOR_BORDER_DEFAULT}`, _primitives.RADIUS_MD, _reactNative.Platform.select({
-  web: _primitives.SHADOW_MD,
+const dialogPopupVariants = exports.dialogPopupVariants = (0, _classVarianceAuthority.cva)(['bg-surface-primary', 'rounded-lg', _reactNative.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'
     }
   },
@@ -32,32 +34,76 @@ const dialogContentVariants = exports.dialogContentVariants = (0, _classVariance
 
 // ── Header ──────────────────────────────────────────────────
 
-const dialogHeaderVariants = exports.dialogHeaderVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-between shrink-0', 'px-6 pt-6 pb-2']);
+const dialogHeaderVariants = exports.dialogHeaderVariants = (0, _classVarianceAuthority.cva)(['flex-col items-start justify-between shrink-0', 'pl-6 pr-14 py-4']);
 
 // ── Title ───────────────────────────────────────────────────
 
-const dialogTitleVariants = exports.dialogTitleVariants = (0, _classVarianceAuthority.cva)(['text-lg font-semibold', _primitives.COLOR_TEXT_PRIMARY]);
+const dialogTitleVariants = exports.dialogTitleVariants = (0, _classVarianceAuthority.cva)(['heading-sm', 'text-content-primary'], {
+  variants: {
+    appearance: {
+      default: '',
+      danger: '',
+      warning: '',
+      success: ''
+    }
+  },
+  defaultVariants: {
+    appearance: 'default'
+  }
+});
+
+// ── Title Icon ──────────────────────────────────────────────
+
+const dialogTitleIconVariants = exports.dialogTitleIconVariants = (0, _classVarianceAuthority.cva)(['size-5'], {
+  variants: {
+    appearance: {
+      default: '',
+      danger: 'text-content-danger',
+      warning: 'text-content-warning',
+      success: 'text-content-success'
+    }
+  },
+  defaultVariants: {
+    appearance: 'default'
+  }
+});
 
 // ── Description ─────────────────────────────────────────────
 
-const dialogDescriptionVariants = exports.dialogDescriptionVariants = (0, _classVarianceAuthority.cva)(['text-sm mt-1', _primitives.COLOR_TEXT_SECONDARY]);
+const dialogDescriptionVariants = exports.dialogDescriptionVariants = (0, _classVarianceAuthority.cva)(['body-sm mt-1', 'text-content-secondary']);
 
-// ── Body ────────────────────────────────────────────────────
+// ── Content (renamed from dialogBodyVariants) ───────────────
 
-const dialogBodyVariants = exports.dialogBodyVariants = (0, _classVarianceAuthority.cva)(['px-6 py-4 shrink min-h-0']);
+const dialogContentVariants = exports.dialogContentVariants = (0, _classVarianceAuthority.cva)(['px-6 py-0 gap-2 shrink min-h-0'], {
+  variants: {
+    fullBleed: {
+      true: 'px-0',
+      false: ''
+    }
+  },
+  defaultVariants: {
+    fullBleed: false
+  }
+});
+
+// ── Text ────────────────────────────────────────────────────
+
+const dialogTextVariants = exports.dialogTextVariants = (0, _classVarianceAuthority.cva)(['body-md', 'text-content-primary']);
 
 // ── Footer ──────────────────────────────────────────────────
 
-const dialogFooterVariants = exports.dialogFooterVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-end shrink-0', 'gap-3 px-6 pt-2 pb-6']);
+const dialogFooterVariants = exports.dialogFooterVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-end shrink-0', 'gap-2 px-6 pt-4 pb-6']);
 
 // ── Close ───────────────────────────────────────────────────
 
-const dialogCloseVariants = exports.dialogCloseVariants = (0, _classVarianceAuthority.cva)(['p-1 -m-1 rounded-full', _primitives.TRANSITION_COLORS, _reactNative.Platform.select({
+const dialogCloseVariants = exports.dialogCloseVariants = (0, _classVarianceAuthority.cva)(['absolute right-[14px] top-[14px]', 'min-w-[32px] min-h-[32px] items-center justify-center', 'p-[6px] rounded-full', _constants.TRANSITION_COLORS, _reactNative.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 ──────────────────────────────────────────────
 
-const dialogCloseIconVariants = exports.dialogCloseIconVariants = (0, _classVarianceAuthority.cva)(['size-5 text-slate-500']);
+const dialogCloseIconVariants = exports.dialogCloseIconVariants = (0, _classVarianceAuthority.cva)(['size-5 text-content-tertiary']);
+
+// ── Exported types ──────────────────────────────────────────
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","dialogOverlayVariants","exports","cva","COLOR_BG_INVERSE","dialogContentVariants","COLOR_BG_PRIMARY","COLOR_BORDER_DEFAULT","RADIUS_MD","Platform","select","web","SHADOW_MD","default","variants","size","sm","md","lg","full","defaultVariants","dialogHeaderVariants","dialogTitleVariants","COLOR_TEXT_PRIMARY","dialogDescriptionVariants","COLOR_TEXT_SECONDARY","dialogBodyVariants","dialogFooterVariants","dialogCloseVariants","TRANSITION_COLORS","join","dialogCloseIconVariants"],"sourceRoot":"../../../../src","sources":["components/Dialog/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAWA;;AAEO,MAAMG,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,2BAAG,EAAC,CAAC,kBAAkB,EAAEC,4BAAgB,EAAE,YAAY,CAAC,CAAC;;AAE9F;;AAEO,MAAMC,qBAAqB,GAAAH,OAAA,CAAAG,qBAAA,GAAG,IAAAF,2BAAG,EACtC,CACEG,4BAAgB,EAChB,UAAUC,gCAAoB,EAAE,EAChCC,qBAAS,EACTC,qBAAQ,CAACC,MAAM,CAAC;EAAEC,GAAG,EAAEC,qBAAS;EAAEC,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;;AAEO,MAAMM,oBAAoB,GAAAnB,OAAA,CAAAmB,oBAAA,GAAG,IAAAlB,2BAAG,EAAC,CACtC,gDAAgD,EAChD,gBAAgB,CACjB,CAAC;;AAEF;;AAEO,MAAMmB,mBAAmB,GAAApB,OAAA,CAAAoB,mBAAA,GAAG,IAAAnB,2BAAG,EAAC,CAAC,uBAAuB,EAAEoB,8BAAkB,CAAC,CAAC;;AAErF;;AAEO,MAAMC,yBAAyB,GAAAtB,OAAA,CAAAsB,yBAAA,GAAG,IAAArB,2BAAG,EAAC,CAAC,cAAc,EAAEsB,gCAAoB,CAAC,CAAC;;AAEpF;;AAEO,MAAMC,kBAAkB,GAAAxB,OAAA,CAAAwB,kBAAA,GAAG,IAAAvB,2BAAG,EAAC,CAAC,0BAA0B,CAAC,CAAC;;AAEnE;;AAEO,MAAMwB,oBAAoB,GAAAzB,OAAA,CAAAyB,oBAAA,GAAG,IAAAxB,2BAAG,EAAC,CACtC,4CAA4C,EAC5C,sBAAsB,CACvB,CAAC;;AAEF;;AAEO,MAAMyB,mBAAmB,GAAA1B,OAAA,CAAA0B,mBAAA,GAAG,IAAAzB,2BAAG,EAAC,CACrC,uBAAuB,EACvB0B,6BAAiB,EACjBpB,qBAAQ,CAACC,MAAM,CAAC;EACdG,OAAO,EAAE,+BAA+B;EACxCF,GAAG,EAAE,CACH,gCAAgC,EAChC,iCAAiC,EACjC,sHAAsH,CACvH,CAACmB,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;;AAEF;;AAEO,MAAMC,uBAAuB,GAAA7B,OAAA,CAAA6B,uBAAA,GAAG,IAAA5B,2BAAG,EAAC,CAAC,uBAAuB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_constants","dialogOverlayVariants","exports","cva","dialogPopupVariants","Platform","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","TRANSITION_COLORS","join","dialogCloseIconVariants"],"sourceRoot":"../../../../src","sources":["components/Dialog/styles.ts"],"mappings":"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","ignoreList":[]}