@tipp/ui 2.3.2 → 2.3.4

package/dist/app/platform/userInfos/utils.js

@@ -38,7 +38,7 @@ import "../../../chunk-OHMOP5PV.js";
 import "../../../chunk-NFDQJVFA.js";
 import "../../../chunk-Q37G2GS6.js";
 import "../../../chunk-VTJZMOSP.js";
-import "../../../chunk-U5DI2EGA.js";
+import "../../../chunk-JQ7VQ5SB.js";
 import "../../../chunk-ZI34IKO5.js";
 import "../../../chunk-645GPOW2.js";
 import "../../../chunk-HYITAA4J.js";

package/dist/atoms/dialog.cjs

@@ -218,6 +218,7 @@ function Content2(props) {
     minHeight,
     title,
     buttons,
+    size,
     hideCloseButton,
     className
   } = _a, rest = __objRest(_a, [
@@ -231,14 +232,15 @@ function Content2(props) {
     "minHeight",
     "title",
     "buttons",
+    "size",
     "hideCloseButton",
     "className"
   ]);
   const { dialogContainerRef } = usePortalContainer();
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RadixDialog.Portal, { container: dialogContainerRef.current, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_themes4.Theme, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RadixDialog.Overlay, { className: "DialogOverlay", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RadixDialog.Portal, { container: dialogContainerRef.current, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_themes4.Theme, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RadixDialog.Overlay, { className: "rt-BaseDialogScroll rt-DialogScroll DialogOverlay", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     RadixDialog.Content,
     __spreadProps(__spreadValues({
-      className: `DialogContent ${className || ""}`,
+      className: `DialogContent ${className || ""} rt-BaseDialogContent rt-DialogContent rt-r-size-${size || "3"}`,
       onPointerDownOutside: preventDefault,
       style: __spreadValues({
         width,

package/dist/atoms/dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/atoms/dialog.tsx","../../src/theme/portal-provider.tsx","../../src/atoms/heading.tsx","../../src/utils/map-with-responsive.ts","../../src/atoms/icon-button.tsx","../../src/utils/convert-icon-button-size.ts"],"sourcesContent":["import * as RadixDialog from '@radix-ui/react-dialog';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { Flex, Theme } from '@radix-ui/themes';\nimport { useEffect, useRef } from 'react';\nimport { usePortalContainer } from '@/theme/portal-provider';\nimport { Heading } from './heading';\nimport { IconButton } from './icon-button';\n\ntype ContentProps = RadixDialog.DialogContentProps & {\n  width?: string;\n  maxWidth?: string;\n  minWidth?: string;\n  height?: string;\n  maxHeight?: string;\n  minHeight?: string;\n  title?: string;\n  hideCloseButton?: boolean;\n  buttons?: React.ReactNode;\n};\n\nconst preventDefault: RadixDialog.DialogContentProps['onPointerDownOutside'] = (\n  e\n) => {\n  e.preventDefault();\n};\n\nfunction Content(props: ContentProps): React.ReactNode {\n  const {\n    children,\n    style = {},\n    width,\n    maxWidth,\n    minWidth,\n    maxHeight,\n    height,\n    minHeight,\n    title,\n    buttons,\n    hideCloseButton,\n    className,\n    ...rest\n  } = props;\n  const { dialogContainerRef } = usePortalContainer();\n\n  return (\n    <RadixDialog.Portal container={dialogContainerRef.current}>\n      <Theme asChild>\n        <RadixDialog.Overlay className=\"DialogOverlay\">\n          <RadixDialog.Content\n            className={`DialogContent ${className || ''}`}\n            onPointerDownOutside={preventDefault}\n            style={{\n              width,\n              maxWidth,\n              minWidth,\n              maxHeight,\n              height,\n              minHeight,\n              ...style,\n            }}\n            {...rest}\n          >\n            <Flex gap=\"2\" justify=\"between\" width=\"100%\">\n              <RadixDialog.Title asChild>\n                {typeof title === 'string' && title !== '' ? (\n                  <Heading mb=\"2\" variant=\"heading3\">\n                    {title}\n                  </Heading>\n                ) : (\n                  title\n                )}\n              </RadixDialog.Title>\n              {!hideCloseButton && (\n                <RadixDialog.Close asChild className=\"DialogClose\">\n                  <IconButton color=\"gray\" variant=\"ghost\">\n                    <Cross1Icon />\n                  </IconButton>\n                </RadixDialog.Close>\n              )}\n            </Flex>\n            {children}\n            {buttons ? (\n              <Flex gap=\"3\" justify=\"end\" mt=\"3\" width=\"100%\">\n                {buttons}\n              </Flex>\n            ) : null}\n          </RadixDialog.Content>\n        </RadixDialog.Overlay>\n      </Theme>\n    </RadixDialog.Portal>\n  );\n}\n\nfunction Close({\n  children,\n  ...rest\n}: RadixDialog.DialogCloseProps): React.ReactNode {\n  return (\n    <RadixDialog.Close asChild {...rest}>\n      {children}\n    </RadixDialog.Close>\n  );\n}\n\nfunction Trigger({\n  children,\n  ...rest\n}: RadixDialog.DialogTriggerProps): React.ReactNode {\n  return (\n    <RadixDialog.Trigger asChild {...rest}>\n      {children}\n    </RadixDialog.Trigger>\n  );\n}\n\nfunction Root(props: RadixDialog.DialogProps): React.ReactNode {\n  const prevOpenRef = useRef<boolean | undefined>(undefined);\n  const cleanupExecutedRef = useRef<boolean>(false);\n\n  // 모달이 닫힌 후 포커스 복원 및 이벤트 정리\n  useEffect(() => {\n    const prevOpen = prevOpenRef.current;\n    const currentOpen = props.open;\n\n    // 모달이 열린 상태에서 닫힌 상태로 변경될 때만 실행\n    if (prevOpen === true && currentOpen === false && !cleanupExecutedRef.current) {\n      cleanupExecutedRef.current = true;\n      \n      // 모달이 닫힌 후 약간의 지연을 두고 포커스 복원\n      const timer = setTimeout(() => {\n        try {\n          // 활성 요소에 포커스 복원\n          const activeElement = document.activeElement as HTMLElement | null;\n          // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- 어떤 dom인지 확실하지 않음\n          activeElement?.blur?.();\n\n          // body의 pointer-events 복원\n          document.body.style.pointerEvents = '';\n        } catch {\n          // 에러 무시\n        } finally {\n          cleanupExecutedRef.current = false;\n        }\n      }, 100);\n\n      return () => { \n        clearTimeout(timer);\n        cleanupExecutedRef.current = false;\n      };\n    }\n\n    // 현재 상태를 이전 상태로 업데이트\n    prevOpenRef.current = currentOpen;\n  }, [props.open]);\n\n  return <RadixDialog.Root {...props} />;\n}\n\nexport const Dialog = {\n  Root,\n  Trigger,\n  Content,\n  Close,\n  Description: RadixDialog.Description,\n  Title: RadixDialog.Title,\n};\n","import React, { createContext, useContext, useRef } from 'react';\n\ninterface PortalProviderProps {\n  children: React.ReactNode;\n}\n\ninterface PortalState {\n  dialogContainerRef: React.RefObject<HTMLDivElement | null>;\n  drawerContainerRef: React.RefObject<HTMLDivElement | null>;\n}\n\nconst PortalContext = createContext<PortalState>(\n  null as unknown as PortalState\n);\n\nexport function PortalProvider({\n  children,\n}: PortalProviderProps): React.ReactNode {\n  const dialogContainerRef = useRef<HTMLDivElement | null>(null);\n  const drawerContainerRef = useRef<HTMLDivElement | null>(null);\n\n  return (\n    <PortalContext.Provider value={{ dialogContainerRef, drawerContainerRef }}>\n      {children}\n      <div className=\"drawer-portal-container\" ref={drawerContainerRef} />\n      <div className=\"dialog-portal-container\" ref={dialogContainerRef} />\n    </PortalContext.Provider>\n  );\n}\n\nexport const usePortalContainer = (): PortalState => {\n  try {\n    const state = useContext(PortalContext);\n    return state;\n  } catch (error) {\n    throw new Error('PortalProvider not found');\n  }\n};\n\nexport default PortalProvider;\n","import {\n  Heading as RadixHeading,\n  type HeadingProps as RadixHeadingProps,\n} from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { useMemo } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\ntype HeadingVariant =\n  | 'heading1'\n  | 'heading2'\n  | 'heading3'\n  | 'heading4'\n  | 'heading5';\nexport type HeadingProps = RadixHeadingProps & {\n  variant?: Responsive<HeadingVariant>;\n};\n\ntype HeadingSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';\n\nconst mapVariant = (variant?: HeadingVariant): HeadingSize | undefined => {\n  switch (variant) {\n    case 'heading1':\n      return '7';\n    case 'heading2':\n      return '6';\n    case 'heading3':\n      return '5';\n    case 'heading4':\n      return '4';\n    case 'heading5':\n      return '3';\n    default:\n      return undefined;\n  }\n};\n\nexport function Heading(props: HeadingProps): React.ReactNode {\n  const { size, children, variant, ...rest } = props;\n  const radixSize = useMemo<RadixHeadingProps['size']>(() => {\n    return variant\n      ? mapWithResponsive({\n          value: variant,\n          mapFn: mapVariant,\n        })\n      : size;\n \n  }, [size, variant]);\n\n  return (\n    <RadixHeading {...rest} size={radixSize}>\n      {children}\n    </RadixHeading>\n  );\n}\n","import type {  Breakpoint, Responsive } from \"@radix-ui/themes/props\";\n\nexport const mapWithResponsive = <T extends string,K extends string>(\n args:  {value: Responsive<T>, mapFn: (value?:T)=>K |undefined}\n): Responsive<K> | undefined => {\n  const {value, mapFn} = args;\n  if(typeof value === 'string'){\n    return mapFn(value);\n  };\n  \n  if(typeof value === 'object'){\n    const newObj: Partial<Record<Breakpoint, K>> = {};\n    let key: Breakpoint;\n    for(key in value){\n      newObj[key] = mapFn(value[key]);\n    }\n    return newObj;\n  }\n  return value;\n};\n","import React, { forwardRef, useMemo } from 'react';\nimport { clsx } from 'clsx';\nimport { IconButton as RadixIconButton } from '@radix-ui/themes';\nimport { convertSize } from '../utils/convert-icon-button-size';\nimport type { ButtonProps } from './button.type';\n\nexport type IconButtonProps = ButtonProps;\nexport const IconButton = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref): React.ReactNode => {\n    const { size, style, variant, ...restProps } = props;\n\n    const radixSize = useMemo(() => {\n      return convertSize(size);\n    }, [size]);\n\n    const radixVariant = useMemo(() => {\n      if (variant === 'transparent') return 'ghost';\n      return variant;\n    }, [variant]);\n\n    const className = useMemo(() => {\n      return clsx(props.className, { transparent: variant === 'transparent' });\n    }, [props.className, variant]);\n\n    return (\n      <RadixIconButton\n        style={style}\n        type=\"button\"\n        variant={radixVariant}\n        {...restProps}\n        className={className}\n        ref={ref}\n        size={radixSize}\n      />\n    );\n  }\n);\n\nIconButton.displayName = 'IconButton';\n","import { type ButtonProps as RadixButtonProps } from '@radix-ui/themes';\nimport type { Breakpoint } from '@radix-ui/themes/props';\nimport type { ButtonProps } from '../atoms/button.type';\n\nexport const convertSizeStr = (\n  size: ButtonProps['size']\n): '1' | '2' | '3' | '4' => {\n  switch (size) {\n    case 'small':\n      return '1';\n    case 'medium':\n      return '2';\n    case 'large':\n      return '4';\n    default:\n      return '2';\n  }\n};\n\nexport const convertSizeResponse = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string' || typeof size === 'undefined') {\n    return convertSizeStr(size);\n  }\n  const radixSize: RadixButtonProps['size'] = {};\n  let key: Breakpoint = 'initial';\n  for (key in size) {\n    radixSize[key] = convertSizeStr(size[key]);\n  }\n  return radixSize;\n};\n\nexport const convertSize = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string') {\n    return convertSizeStr(size);\n  }\n  return convertSizeResponse(size);\n};\n"],"mappings":"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","names":["import_themes","import_react","import_react","import_themes","import_jsx_runtime","Heading","RadixHeading","import_react","import_themes","import_jsx_runtime","RadixIconButton","import_jsx_runtime","Content","Heading","Close","Trigger","Root"]}
+{"version":3,"sources":["../../src/atoms/dialog.tsx","../../src/theme/portal-provider.tsx","../../src/atoms/heading.tsx","../../src/utils/map-with-responsive.ts","../../src/atoms/icon-button.tsx","../../src/utils/convert-icon-button-size.ts"],"sourcesContent":["import * as RadixDialog from '@radix-ui/react-dialog';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { Flex, Theme } from '@radix-ui/themes';\nimport { useEffect, useRef } from 'react';\nimport { usePortalContainer } from '@/theme/portal-provider';\nimport { Heading } from './heading';\nimport { IconButton } from './icon-button';\n\ntype ContentProps = RadixDialog.DialogContentProps & {\n  width?: string;\n  maxWidth?: string;\n  minWidth?: string;\n  height?: string;\n  maxHeight?: string;\n  minHeight?: string;\n  title?: string;\n  hideCloseButton?: boolean;\n  buttons?: React.ReactNode;\n  size?: '1' | '2' | '3' | '4';\n};\n\nconst preventDefault: RadixDialog.DialogContentProps['onPointerDownOutside'] = (\n  e\n) => {\n  e.preventDefault();\n};\n\nfunction Content(props: ContentProps): React.ReactNode {\n  const {\n    children,\n    style = {},\n    width,\n    maxWidth,\n    minWidth,\n    maxHeight,\n    height,\n    minHeight,\n    title,\n    buttons,\n    size,\n    hideCloseButton,\n    className,\n    ...rest\n  } = props;\n  const { dialogContainerRef } = usePortalContainer();\n\n  return (\n    <RadixDialog.Portal container={dialogContainerRef.current}>\n      <Theme asChild>\n        <RadixDialog.Overlay className=\"rt-BaseDialogScroll rt-DialogScroll DialogOverlay\">\n          <RadixDialog.Content\n            className={`DialogContent ${className || ''} rt-BaseDialogContent rt-DialogContent rt-r-size-${size||'3'}`}\n            onPointerDownOutside={preventDefault}\n            style={{\n              width,\n              maxWidth,\n              minWidth,\n              maxHeight,\n              height,\n              minHeight,\n              ...style,\n            }}\n            {...rest}\n          >\n            <Flex gap=\"2\" justify=\"between\" width=\"100%\">\n              <RadixDialog.Title asChild>\n                {typeof title === 'string' && title !== '' ? (\n                  <Heading mb=\"2\" variant=\"heading3\">\n                    {title}\n                  </Heading>\n                ) : (\n                  title\n                )}\n              </RadixDialog.Title>\n              {!hideCloseButton && (\n                <RadixDialog.Close asChild className=\"DialogClose\">\n                  <IconButton color=\"gray\" variant=\"ghost\">\n                    <Cross1Icon />\n                  </IconButton>\n                </RadixDialog.Close>\n              )}\n            </Flex>\n            {children}\n            {buttons ? (\n              <Flex gap=\"3\" justify=\"end\" mt=\"3\" width=\"100%\">\n                {buttons}\n              </Flex>\n            ) : null}\n          </RadixDialog.Content>\n        </RadixDialog.Overlay>\n      </Theme>\n    </RadixDialog.Portal>\n  );\n}\n\nfunction Close({\n  children,\n  ...rest\n}: RadixDialog.DialogCloseProps): React.ReactNode {\n  return (\n    <RadixDialog.Close asChild {...rest}>\n      {children}\n    </RadixDialog.Close>\n  );\n}\n\nfunction Trigger({\n  children,\n  ...rest\n}: RadixDialog.DialogTriggerProps): React.ReactNode {\n  return (\n    <RadixDialog.Trigger asChild {...rest}>\n      {children}\n    </RadixDialog.Trigger>\n  );\n}\n\nfunction Root(props: RadixDialog.DialogProps): React.ReactNode {\n  const prevOpenRef = useRef<boolean | undefined>(undefined);\n  const cleanupExecutedRef = useRef<boolean>(false);\n\n  // 모달이 닫힌 후 포커스 복원 및 이벤트 정리\n  useEffect(() => {\n    const prevOpen = prevOpenRef.current;\n    const currentOpen = props.open;\n\n    // 모달이 열린 상태에서 닫힌 상태로 변경될 때만 실행\n    if (prevOpen === true && currentOpen === false && !cleanupExecutedRef.current) {\n      cleanupExecutedRef.current = true;\n      \n      // 모달이 닫힌 후 약간의 지연을 두고 포커스 복원\n      const timer = setTimeout(() => {\n        try {\n          // 활성 요소에 포커스 복원\n          const activeElement = document.activeElement as HTMLElement | null;\n          // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- 어떤 dom인지 확실하지 않음\n          activeElement?.blur?.();\n\n          // body의 pointer-events 복원\n          document.body.style.pointerEvents = '';\n        } catch {\n          // 에러 무시\n        } finally {\n          cleanupExecutedRef.current = false;\n        }\n      }, 100);\n\n      return () => { \n        clearTimeout(timer);\n        cleanupExecutedRef.current = false;\n      };\n    }\n\n    // 현재 상태를 이전 상태로 업데이트\n    prevOpenRef.current = currentOpen;\n  }, [props.open]);\n\n  return <RadixDialog.Root {...props} />;\n}\n\nexport const Dialog = {\n  Root,\n  Trigger,\n  Content,\n  Close,\n  Description: RadixDialog.Description,\n  Title: RadixDialog.Title,\n};\n","import React, { createContext, useContext, useRef } from 'react';\n\ninterface PortalProviderProps {\n  children: React.ReactNode;\n}\n\ninterface PortalState {\n  dialogContainerRef: React.RefObject<HTMLDivElement | null>;\n  drawerContainerRef: React.RefObject<HTMLDivElement | null>;\n}\n\nconst PortalContext = createContext<PortalState>(\n  null as unknown as PortalState\n);\n\nexport function PortalProvider({\n  children,\n}: PortalProviderProps): React.ReactNode {\n  const dialogContainerRef = useRef<HTMLDivElement | null>(null);\n  const drawerContainerRef = useRef<HTMLDivElement | null>(null);\n\n  return (\n    <PortalContext.Provider value={{ dialogContainerRef, drawerContainerRef }}>\n      {children}\n      <div className=\"drawer-portal-container\" ref={drawerContainerRef} />\n      <div className=\"dialog-portal-container\" ref={dialogContainerRef} />\n    </PortalContext.Provider>\n  );\n}\n\nexport const usePortalContainer = (): PortalState => {\n  try {\n    const state = useContext(PortalContext);\n    return state;\n  } catch (error) {\n    throw new Error('PortalProvider not found');\n  }\n};\n\nexport default PortalProvider;\n","import {\n  Heading as RadixHeading,\n  type HeadingProps as RadixHeadingProps,\n} from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { useMemo } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\ntype HeadingVariant =\n  | 'heading1'\n  | 'heading2'\n  | 'heading3'\n  | 'heading4'\n  | 'heading5';\nexport type HeadingProps = RadixHeadingProps & {\n  variant?: Responsive<HeadingVariant>;\n};\n\ntype HeadingSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';\n\nconst mapVariant = (variant?: HeadingVariant): HeadingSize | undefined => {\n  switch (variant) {\n    case 'heading1':\n      return '7';\n    case 'heading2':\n      return '6';\n    case 'heading3':\n      return '5';\n    case 'heading4':\n      return '4';\n    case 'heading5':\n      return '3';\n    default:\n      return undefined;\n  }\n};\n\nexport function Heading(props: HeadingProps): React.ReactNode {\n  const { size, children, variant, ...rest } = props;\n  const radixSize = useMemo<RadixHeadingProps['size']>(() => {\n    return variant\n      ? mapWithResponsive({\n          value: variant,\n          mapFn: mapVariant,\n        })\n      : size;\n \n  }, [size, variant]);\n\n  return (\n    <RadixHeading {...rest} size={radixSize}>\n      {children}\n    </RadixHeading>\n  );\n}\n","import type {  Breakpoint, Responsive } from \"@radix-ui/themes/props\";\n\nexport const mapWithResponsive = <T extends string,K extends string>(\n args:  {value: Responsive<T>, mapFn: (value?:T)=>K |undefined}\n): Responsive<K> | undefined => {\n  const {value, mapFn} = args;\n  if(typeof value === 'string'){\n    return mapFn(value);\n  };\n  \n  if(typeof value === 'object'){\n    const newObj: Partial<Record<Breakpoint, K>> = {};\n    let key: Breakpoint;\n    for(key in value){\n      newObj[key] = mapFn(value[key]);\n    }\n    return newObj;\n  }\n  return value;\n};\n","import React, { forwardRef, useMemo } from 'react';\nimport { clsx } from 'clsx';\nimport { IconButton as RadixIconButton } from '@radix-ui/themes';\nimport { convertSize } from '../utils/convert-icon-button-size';\nimport type { ButtonProps } from './button.type';\n\nexport type IconButtonProps = ButtonProps;\nexport const IconButton = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref): React.ReactNode => {\n    const { size, style, variant, ...restProps } = props;\n\n    const radixSize = useMemo(() => {\n      return convertSize(size);\n    }, [size]);\n\n    const radixVariant = useMemo(() => {\n      if (variant === 'transparent') return 'ghost';\n      return variant;\n    }, [variant]);\n\n    const className = useMemo(() => {\n      return clsx(props.className, { transparent: variant === 'transparent' });\n    }, [props.className, variant]);\n\n    return (\n      <RadixIconButton\n        style={style}\n        type=\"button\"\n        variant={radixVariant}\n        {...restProps}\n        className={className}\n        ref={ref}\n        size={radixSize}\n      />\n    );\n  }\n);\n\nIconButton.displayName = 'IconButton';\n","import { type ButtonProps as RadixButtonProps } from '@radix-ui/themes';\nimport type { Breakpoint } from '@radix-ui/themes/props';\nimport type { ButtonProps } from '../atoms/button.type';\n\nexport const convertSizeStr = (\n  size: ButtonProps['size']\n): '1' | '2' | '3' | '4' => {\n  switch (size) {\n    case 'small':\n      return '1';\n    case 'medium':\n      return '2';\n    case 'large':\n      return '4';\n    default:\n      return '2';\n  }\n};\n\nexport const convertSizeResponse = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string' || typeof size === 'undefined') {\n    return convertSizeStr(size);\n  }\n  const radixSize: RadixButtonProps['size'] = {};\n  let key: Breakpoint = 'initial';\n  for (key in size) {\n    radixSize[key] = convertSizeStr(size[key]);\n  }\n  return radixSize;\n};\n\nexport const convertSize = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string') {\n    return convertSizeStr(size);\n  }\n  return convertSizeResponse(size);\n};\n"],"mappings":"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","names":["import_themes","import_react","import_react","import_themes","import_jsx_runtime","Heading","RadixHeading","import_react","import_themes","import_jsx_runtime","RadixIconButton","import_jsx_runtime","Content","Heading","Close","Trigger","Root"]}

package/dist/atoms/dialog.d.cts

@@ -11,6 +11,7 @@ type ContentProps = Dialog$1.DialogContentProps & {
     title?: string;
     hideCloseButton?: boolean;
     buttons?: React.ReactNode;
+    size?: '1' | '2' | '3' | '4';
 };
 declare function Content(props: ContentProps): React.ReactNode;
 declare function Close({ children, ...rest }: Dialog$1.DialogCloseProps): React.ReactNode;

package/dist/atoms/dialog.d.ts

@@ -11,6 +11,7 @@ type ContentProps = Dialog$1.DialogContentProps & {
     title?: string;
     hideCloseButton?: boolean;
     buttons?: React.ReactNode;
+    size?: '1' | '2' | '3' | '4';
 };
 declare function Content(props: ContentProps): React.ReactNode;
 declare function Close({ children, ...rest }: Dialog$1.DialogCloseProps): React.ReactNode;

package/dist/atoms/dialog.js

@@ -1,6 +1,6 @@
 import {
   Dialog
-} from "../chunk-U5DI2EGA.js";
+} from "../chunk-JQ7VQ5SB.js";
 import "../chunk-U7N2PWMO.js";
 import "../chunk-XK6VEVOK.js";
 import "../chunk-HF6GNDPV.js";

package/dist/atoms/index.cjs

@@ -533,6 +533,7 @@ function Content2(props) {
     minHeight,
     title,
     buttons,
+    size,
     hideCloseButton,
     className
   } = _a, rest = __objRest(_a, [
@@ -546,14 +547,15 @@ function Content2(props) {
     "minHeight",
     "title",
     "buttons",
+    "size",
     "hideCloseButton",
     "className"
   ]);
   const { dialogContainerRef } = usePortalContainer();
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadixDialog.Portal, { container: dialogContainerRef.current, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_themes19.Theme, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadixDialog.Overlay, { className: "DialogOverlay", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadixDialog.Portal, { container: dialogContainerRef.current, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_themes19.Theme, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadixDialog.Overlay, { className: "rt-BaseDialogScroll rt-DialogScroll DialogOverlay", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     RadixDialog.Content,
     __spreadProps(__spreadValues({
-      className: `DialogContent ${className || ""}`,
+      className: `DialogContent ${className || ""} rt-BaseDialogContent rt-DialogContent rt-r-size-${size || "3"}`,
       onPointerDownOutside: preventDefault,
       style: __spreadValues({
         width,