@tipp/ui 1.6.32 → 1.6.34

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

@@ -7,75 +7,75 @@ import {
 } from "../../../chunk-QUHTO7MY.js";
 import "../../../chunk-A6W2ZWYA.js";
 import "../../../chunk-4JBL5FRI.js";
-import "../../../chunk-FR2GDOU2.js";
-import "../../../chunk-74DX4CU7.js";
-import "../../../chunk-OYM4XCHQ.js";
 import "../../../chunk-YJ7ZFOYL.js";
 import "../../../chunk-5ZITU5L7.js";
 import "../../../chunk-EW6OPYEW.js";
 import "../../../chunk-VOQU7ZOV.js";
 import "../../../chunk-CYYWMYE7.js";
-import "../../../chunk-6DJOIRMF.js";
-import "../../../chunk-FPD73OHW.js";
-import "../../../chunk-MUPK4L3U.js";
 import "../../../chunk-MUNMDHRF.js";
 import "../../../chunk-TVDKGMBI.js";
 import "../../../chunk-ZZYFULUQ.js";
 import "../../../chunk-5H3YPCZK.js";
-import "../../../chunk-XQOL7UBI.js";
-import "../../../chunk-TULWX7D6.js";
-import "../../../chunk-SIM6HKVI.js";
-import "../../../chunk-PP6SOBTJ.js";
+import "../../../chunk-FR2GDOU2.js";
+import "../../../chunk-74DX4CU7.js";
+import "../../../chunk-OYM4XCHQ.js";
+import "../../../chunk-GFP2V4TL.js";
 import "../../../chunk-5AVBYDPB.js";
 import "../../../chunk-365QMK4D.js";
 import "../../../chunk-YO3BQW6S.js";
 import "../../../chunk-6IVCARWS.js";
-import "../../../chunk-2DZ2Y3JI.js";
-import "../../../chunk-DJN2IEY6.js";
+import "../../../chunk-6DJOIRMF.js";
+import "../../../chunk-FPD73OHW.js";
+import "../../../chunk-MUPK4L3U.js";
 import "../../../chunk-EGEQY3KT.js";
 import "../../../chunk-O3T3TM3V.js";
-import "../../../chunk-OHMOP5PV.js";
-import "../../../chunk-E2X4TL7Q.js";
-import "../../../chunk-Q37G2GS6.js";
+import "../../../chunk-XQOL7UBI.js";
+import "../../../chunk-TULWX7D6.js";
+import "../../../chunk-SIM6HKVI.js";
 import "../../../chunk-VTJZMOSP.js";
 import "../../../chunk-5L3GY3OV.js";
 import "../../../chunk-HJB3AASV.js";
 import "../../../chunk-LDBWASUA.js";
-import "../../../chunk-WCX5NKJS.js";
+import "../../../chunk-THHUFQEU.js";
+import "../../../chunk-UNTA4JJU.js";
 import "../../../chunk-HYITAA4J.js";
 import "../../../chunk-TD45ZF7D.js";
 import "../../../chunk-O3DNDMV3.js";
 import "../../../chunk-4WFMOFN2.js";
 import "../../../chunk-WKFZ5MMN.js";
 import "../../../chunk-ACVANQJ4.js";
-import "../../../chunk-IWW6ST7Q.js";
-import "../../../chunk-25HMMI7R.js";
-import "../../../chunk-52MVZ6AN.js";
-import "../../../chunk-Q5AFRGVP.js";
-import "../../../chunk-LQY4RKWI.js";
-import "../../../chunk-ZD7MNMED.js";
+import "../../../chunk-2DZ2Y3JI.js";
+import "../../../chunk-QDZS4B6A.js";
 import "../../../chunk-B6XJN6EC.js";
 import "../../../chunk-2ZQK7NTN.js";
 import "../../../chunk-MIMJ7LON.js";
 import "../../../chunk-JBD6YTS2.js";
 import "../../../chunk-LHCDPZ5E.js";
-import "../../../chunk-J242TTFH.js";
-import "../../../chunk-EAXUQEO5.js";
+import "../../../chunk-OHMOP5PV.js";
+import "../../../chunk-E2X4TL7Q.js";
+import "../../../chunk-Q37G2GS6.js";
 import "../../../chunk-52JHLCMQ.js";
 import "../../../chunk-JYJA2PMG.js";
 import "../../../chunk-EWD4AO5N.js";
 import "../../../chunk-YGL6SWKN.js";
 import "../../../chunk-4Y5BEXVN.js";
-import "../../../chunk-UNTA4JJU.js";
+import "../../../chunk-NAL2USH5.js";
+import "../../../chunk-52MVZ6AN.js";
+import "../../../chunk-25HMMI7R.js";
+import "../../../chunk-Q5AFRGVP.js";
+import "../../../chunk-LQY4RKWI.js";
+import "../../../chunk-ZD7MNMED.js";
 import "../../../chunk-HLFG5ZTU.js";
 import "../../../chunk-7WVKYXIG.js";
 import "../../../chunk-NDUKDKGB.js";
+import "../../../chunk-T6CF4F7J.js";
 import "../../../chunk-A75U32HT.js";
 import "../../../chunk-BSTJBBEX.js";
 import "../../../chunk-3WSZRTAF.js";
 import "../../../chunk-UZMOWHC3.js";
 import "../../../chunk-UFYNSPJQ.js";
-import "../../../chunk-T6CF4F7J.js";
+import "../../../chunk-J242TTFH.js";
+import "../../../chunk-EAXUQEO5.js";
 import "../../../chunk-N552FDTV.js";
 export {
   CopyButton,

package/dist/atoms/badge.d.cts

@@ -5,7 +5,7 @@ type BadgeProps = Omit<BadgeProps$1, 'color' | 'size'> & {
     size?: 'small' | 'medium' | 'large';
     color?: 'error' | 'accent' | 'neutral' | 'success';
 };
-declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps$1, "color" | "size"> & {
+declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps$1, "size" | "color"> & {
     size?: "small" | "medium" | "large" | undefined;
     color?: "error" | "accent" | "neutral" | "success" | undefined;
 } & React.RefAttributes<HTMLSpanElement>>;

package/dist/atoms/badge.d.ts

@@ -5,7 +5,7 @@ type BadgeProps = Omit<BadgeProps$1, 'color' | 'size'> & {
     size?: 'small' | 'medium' | 'large';
     color?: 'error' | 'accent' | 'neutral' | 'success';
 };
-declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps$1, "color" | "size"> & {
+declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps$1, "size" | "color"> & {
     size?: "small" | "medium" | "large" | undefined;
     color?: "error" | "accent" | "neutral" | "success" | undefined;
 } & React.RefAttributes<HTMLSpanElement>>;

package/dist/atoms/bullet-text.js

@@ -1,8 +1,8 @@
 import {
   BulletText
-} from "../chunk-IWW6ST7Q.js";
-import "../chunk-25HMMI7R.js";
+} from "../chunk-NAL2USH5.js";
 import "../chunk-52MVZ6AN.js";
+import "../chunk-25HMMI7R.js";
 import "../chunk-N552FDTV.js";
 export {
   BulletText

package/dist/atoms/drawer.cjs

@@ -143,7 +143,17 @@ var preventDefault = (e) => {
   e.preventDefault();
 };
 function Content2(props) {
-  const _a = props, { position = "right", className, children } = _a, rest = __objRest(_a, ["position", "className", "children"]);
+  const _a = props, {
+    position = "right",
+    className,
+    children,
+    HeaderContent
+  } = _a, rest = __objRest(_a, [
+    "position",
+    "className",
+    "children",
+    "HeaderContent"
+  ]);
   const mobileHeaderSize = 48;
   const desktopHeaderSize = 64;
   const separatorSize = 1;
@@ -166,7 +176,10 @@ function Content2(props) {
               sm: `${desktopHeaderSize}px ${separatorSize}px calc(100% - ${desktopHeaderSize + separatorSize}px)`
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes.Flex, { align: "center", px: { initial: "4", md: "6" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes3.IconButton, { color: "gray", variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ClosePanelArrowIcon, {}) }) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_themes.Flex, { align: "center", gap: "3", px: { initial: "4", md: "6" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes3.IconButton, { color: "gray", variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ClosePanelArrowIcon, {}) }) }),
+                HeaderContent
+              ] }),
               /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes2.Separator, { orientation: "horizontal", size: "4" }),
               children
             ]

package/dist/atoms/drawer.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/atoms/drawer.tsx","../../src/theme/portal-provider.tsx","../../src/icons/close-panel-arrow.tsx","../../src/atoms/flex.tsx","../../src/atoms/separator.tsx","../../src/atoms/icon-button.tsx"],"sourcesContent":["import React from 'react';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { Grid, Theme } from '@radix-ui/themes';\nimport { usePortalContainer } from '@/theme/portal-provider';\nimport { ClosePanelArrowIcon } from '../icons/close-panel-arrow';\nimport { Flex } from './flex';\nimport { Separator } from './separator';\nimport { IconButton } from './icon-button';\n\nexport function Root(props: Dialog.DialogProps): React.ReactElement {\n  return <Dialog.Root {...props} />;\n}\n\ntype ContentProps = Dialog.DialogContentProps & {\n  /** Drawer가 붙는 위치, 기본값 right */\n  position?: 'left' | 'right' | 'bottom' | 'top';\n};\n\nconst preventDefault: Dialog.DialogContentProps['onPointerDownOutside'] = (\n  e\n) => {\n  e.preventDefault();\n};\n\nexport function Content(props: ContentProps): React.ReactElement {\n  const { position = 'right', className, children, ...rest } = props;\n\n  const mobileHeaderSize = 48;\n  const desktopHeaderSize = 64;\n  const separatorSize = 1;\n  const { drawerContainerRef } = usePortalContainer();\n\n  return (\n    <Dialog.Portal container={drawerContainerRef.current}>\n      <Theme>\n        <Dialog.Overlay className=\"DrawerOverlay\" />\n        <Dialog.Content\n          className={`DrawerContent ${position} ${className || ''}`}\n          onPointerDownOutside={preventDefault}\n          {...rest}\n        >\n          <Grid\n            height=\"100%\"\n            overflow=\"hidden\"\n            rows={{\n              initial: `${mobileHeaderSize}px ${separatorSize}px calc(100% - ${mobileHeaderSize + separatorSize}px)`,\n              sm: `${desktopHeaderSize}px ${separatorSize}px calc(100% - ${desktopHeaderSize + separatorSize}px)`,\n            }}\n          >\n            <Flex align=\"center\" px={{ initial: '4', md: '6' }}>\n              <Dialog.Close asChild>\n                <IconButton color=\"gray\" variant=\"outline\">\n                  <ClosePanelArrowIcon />\n                </IconButton>\n              </Dialog.Close>\n            </Flex>\n            <Separator orientation=\"horizontal\" size=\"4\" />\n            {children}\n          </Grid>\n        </Dialog.Content>\n      </Theme>\n    </Dialog.Portal>\n  );\n}\n\nexport function Trigger(props: Dialog.DialogTriggerProps): React.ReactElement {\n  return <Dialog.Trigger asChild {...props} />;\n}\n\nexport const Drawer = {\n  Root: Dialog.Root,\n  Trigger,\n  Content,\n  Close: Dialog.Close,\n  Title: Dialog.Title,\n  Description: Dialog.Description,\n};\n","import React, { createContext, useContext, useRef } from 'react';\n\ninterface PortalProviderProps {\n  children: React.ReactElement;\n}\n\ninterface PortalState {\n  dialogContainerRef: React.RefObject<HTMLDivElement>;\n  drawerContainerRef: React.RefObject<HTMLDivElement>;\n}\n\nconst PortalContext = createContext<PortalState>(\n  null as unknown as PortalState\n);\n\nexport function PortalProvider({ children }: PortalProviderProps): JSX.Element {\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 * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const ClosePanelArrowIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ color = 'currentColor', ...props }, forwardedRef) => {\n    return (\n      <svg\n        fill=\"none\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n        ref={forwardedRef}\n      >\n        <path\n          clipRule=\"evenodd\"\n          d=\"M3.19315 2.16529C3.43937 1.93445 3.82611 1.94693 4.05695 2.19315L9.87499 7.15624C9.87499 7.15624 10.4479 7.72916 9.87499 8.30207L4.05695 12.8068C3.82611 13.0531 3.43937 13.0656 3.19315 12.8347C2.94693 12.6038 2.93445 12.2171 3.16529 11.9709L8.72916 7.72916L3.16529 3.02908C2.93445 2.78285 2.94693 2.39612 3.19315 2.16529Z\"\n          fill={color}\n          fillRule=\"evenodd\"\n        />\n        <path\n          clipRule=\"evenodd\"\n          d=\"M12.1733 2.58667C12.1733 2.26266 11.9107 2 11.5867 2C11.2627 2 11 2.26266 11 2.58667V12.7201C11 13.044 11.2627 13.3067 11.5867 13.3067C11.9107 13.3067 12.1733 13.044 12.1733 12.7201V2.58667Z\"\n          fill={color}\n          fillRule=\"evenodd\"\n        />\n      </svg>\n    );\n  }\n);\n\nClosePanelArrowIcon.displayName = 'ArrowDownIcon';\n","export { Flex, type FlexProps } from '@radix-ui/themes';\n","export { Separator, type SeparatorProps } from '@radix-ui/themes';\n","export { IconButton, type IconButtonProps } from '@radix-ui/themes';\n"],"mappings":"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","names":["Content","Root","Trigger","import_themes","React","import_jsx_runtime","import_themes","import_themes","import_jsx_runtime","Root","Content","Trigger"]}
+{"version":3,"sources":["../../src/atoms/drawer.tsx","../../src/theme/portal-provider.tsx","../../src/icons/close-panel-arrow.tsx","../../src/atoms/flex.tsx","../../src/atoms/separator.tsx","../../src/atoms/icon-button.tsx"],"sourcesContent":["import React from 'react';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { Grid, Theme } from '@radix-ui/themes';\nimport { usePortalContainer } from '@/theme/portal-provider';\nimport { ClosePanelArrowIcon } from '../icons/close-panel-arrow';\nimport { Flex } from './flex';\nimport { Separator } from './separator';\nimport { IconButton } from './icon-button';\n\nexport function Root(props: Dialog.DialogProps): React.ReactElement {\n  return <Dialog.Root {...props} />;\n}\n\ntype ContentProps = Dialog.DialogContentProps & {\n  /** Drawer가 붙는 위치, 기본값 right */\n  position?: 'left' | 'right' | 'bottom' | 'top';\n  HeaderContent?: React.ReactNode;\n};\n\nconst preventDefault: Dialog.DialogContentProps['onPointerDownOutside'] = (\n  e\n) => {\n  e.preventDefault();\n};\n\nexport function Content(props: ContentProps): React.ReactElement {\n  const {\n    position = 'right',\n    className,\n    children,\n    HeaderContent,\n    ...rest\n  } = props;\n\n  const mobileHeaderSize = 48;\n  const desktopHeaderSize = 64;\n  const separatorSize = 1;\n  const { drawerContainerRef } = usePortalContainer();\n\n  return (\n    <Dialog.Portal container={drawerContainerRef.current}>\n      <Theme>\n        <Dialog.Overlay className=\"DrawerOverlay\" />\n        <Dialog.Content\n          className={`DrawerContent ${position} ${className || ''}`}\n          onPointerDownOutside={preventDefault}\n          {...rest}\n        >\n          <Grid\n            height=\"100%\"\n            overflow=\"hidden\"\n            rows={{\n              initial: `${mobileHeaderSize}px ${separatorSize}px calc(100% - ${mobileHeaderSize + separatorSize}px)`,\n              sm: `${desktopHeaderSize}px ${separatorSize}px calc(100% - ${desktopHeaderSize + separatorSize}px)`,\n            }}\n          >\n            <Flex align=\"center\" gap=\"3\" px={{ initial: '4', md: '6' }}>\n              <Dialog.Close asChild>\n                <IconButton color=\"gray\" variant=\"outline\">\n                  <ClosePanelArrowIcon />\n                </IconButton>\n              </Dialog.Close>\n              {HeaderContent}\n            </Flex>\n            <Separator orientation=\"horizontal\" size=\"4\" />\n            {children}\n          </Grid>\n        </Dialog.Content>\n      </Theme>\n    </Dialog.Portal>\n  );\n}\n\nexport function Trigger(props: Dialog.DialogTriggerProps): React.ReactElement {\n  return <Dialog.Trigger asChild {...props} />;\n}\n\nexport const Drawer = {\n  Root: Dialog.Root,\n  Trigger,\n  Content,\n  Close: Dialog.Close,\n  Title: Dialog.Title,\n  Description: Dialog.Description,\n};\n","import React, { createContext, useContext, useRef } from 'react';\n\ninterface PortalProviderProps {\n  children: React.ReactElement;\n}\n\ninterface PortalState {\n  dialogContainerRef: React.RefObject<HTMLDivElement>;\n  drawerContainerRef: React.RefObject<HTMLDivElement>;\n}\n\nconst PortalContext = createContext<PortalState>(\n  null as unknown as PortalState\n);\n\nexport function PortalProvider({ children }: PortalProviderProps): JSX.Element {\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 * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const ClosePanelArrowIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ color = 'currentColor', ...props }, forwardedRef) => {\n    return (\n      <svg\n        fill=\"none\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n        ref={forwardedRef}\n      >\n        <path\n          clipRule=\"evenodd\"\n          d=\"M3.19315 2.16529C3.43937 1.93445 3.82611 1.94693 4.05695 2.19315L9.87499 7.15624C9.87499 7.15624 10.4479 7.72916 9.87499 8.30207L4.05695 12.8068C3.82611 13.0531 3.43937 13.0656 3.19315 12.8347C2.94693 12.6038 2.93445 12.2171 3.16529 11.9709L8.72916 7.72916L3.16529 3.02908C2.93445 2.78285 2.94693 2.39612 3.19315 2.16529Z\"\n          fill={color}\n          fillRule=\"evenodd\"\n        />\n        <path\n          clipRule=\"evenodd\"\n          d=\"M12.1733 2.58667C12.1733 2.26266 11.9107 2 11.5867 2C11.2627 2 11 2.26266 11 2.58667V12.7201C11 13.044 11.2627 13.3067 11.5867 13.3067C11.9107 13.3067 12.1733 13.044 12.1733 12.7201V2.58667Z\"\n          fill={color}\n          fillRule=\"evenodd\"\n        />\n      </svg>\n    );\n  }\n);\n\nClosePanelArrowIcon.displayName = 'ArrowDownIcon';\n","export { Flex, type FlexProps } from '@radix-ui/themes';\n","export { Separator, type SeparatorProps } from '@radix-ui/themes';\n","export { IconButton, type IconButtonProps } from '@radix-ui/themes';\n"],"mappings":"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","names":["Content","Root","Trigger","import_themes","React","import_jsx_runtime","import_themes","import_themes","import_jsx_runtime","Root","Content","Trigger"]}

package/dist/atoms/drawer.d.cts

@@ -5,6 +5,7 @@ declare function Root(props: Dialog.DialogProps): React__default.ReactElement;
 type ContentProps = Dialog.DialogContentProps & {
     /** Drawer가 붙는 위치, 기본값 right */
     position?: 'left' | 'right' | 'bottom' | 'top';
+    HeaderContent?: React__default.ReactNode;
 };
 declare function Content(props: ContentProps): React__default.ReactElement;
 declare function Trigger(props: Dialog.DialogTriggerProps): React__default.ReactElement;

package/dist/atoms/drawer.d.ts

@@ -5,6 +5,7 @@ declare function Root(props: Dialog.DialogProps): React__default.ReactElement;
 type ContentProps = Dialog.DialogContentProps & {
     /** Drawer가 붙는 위치, 기본값 right */
     position?: 'left' | 'right' | 'bottom' | 'top';
+    HeaderContent?: React__default.ReactNode;
 };
 declare function Content(props: ContentProps): React__default.ReactElement;
 declare function Trigger(props: Dialog.DialogTriggerProps): React__default.ReactElement;

package/dist/atoms/drawer.js

@@ -3,12 +3,12 @@ import {
   Drawer,
   Root,
   Trigger
-} from "../chunk-WCX5NKJS.js";
+} from "../chunk-THHUFQEU.js";
+import "../chunk-UNTA4JJU.js";
 import "../chunk-HYITAA4J.js";
 import "../chunk-TD45ZF7D.js";
 import "../chunk-O3DNDMV3.js";
 import "../chunk-25HMMI7R.js";
-import "../chunk-UNTA4JJU.js";
 import "../chunk-N552FDTV.js";
 export {
   Content,

package/dist/atoms/field-error-wrapper.js

@@ -1,8 +1,8 @@
 import {
   FieldErrorWrapper
-} from "../chunk-DJN2IEY6.js";
-import "../chunk-25HMMI7R.js";
+} from "../chunk-QDZS4B6A.js";
 import "../chunk-52MVZ6AN.js";
+import "../chunk-25HMMI7R.js";
 import "../chunk-N552FDTV.js";
 export {
   FieldErrorWrapper

package/dist/atoms/index.cjs

@@ -1258,7 +1258,17 @@ var preventDefault2 = (e) => {
   e.preventDefault();
 };
 function Content6(props) {
-  const _a = props, { position = "right", className, children } = _a, rest = __objRest(_a, ["position", "className", "children"]);
+  const _a = props, {
+    position = "right",
+    className,
+    children,
+    HeaderContent
+  } = _a, rest = __objRest(_a, [
+    "position",
+    "className",
+    "children",
+    "HeaderContent"
+  ]);
   const mobileHeaderSize = 48;
   const desktopHeaderSize = 64;
   const separatorSize = 1;
@@ -1281,7 +1291,10 @@ function Content6(props) {
               sm: `${desktopHeaderSize}px ${separatorSize}px calc(100% - ${desktopHeaderSize + separatorSize}px)`
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_themes22.Flex, { align: "center", px: { initial: "4", md: "6" }, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Dialog2.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_themes18.IconButton, { color: "gray", variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ClosePanelArrowIcon, {}) }) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_themes22.Flex, { align: "center", gap: "3", px: { initial: "4", md: "6" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Dialog2.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_themes18.IconButton, { color: "gray", variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ClosePanelArrowIcon, {}) }) }),
+                HeaderContent
+              ] }),
               /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_themes39.Separator, { orientation: "horizontal", size: "4" }),
               children
             ]