@owp/core 2.2.5 → 2.2.6

package/dist/components/OwpMrtTable/internal/OwpMrtTableTopToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpMrtTableTopToolbar.js","sources":["../../../../src/components/OwpMrtTable/internal/OwpMrtTableTopToolbar.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport {\n  MRT_GlobalFilterTextField,\n  MRT_LinearProgressBar,\n  MRT_RowData,\n  MRT_TableInstance,\n  MRT_TablePagination,\n  MRT_ToolbarAlertBanner,\n  MRT_ToolbarDropZone,\n  MRT_ToolbarInternalButtons,\n} from 'material-react-table';\nimport parseFromValuesOrFunc from '../utils/parseFromValuesOrFunc';\n\ninterface OwpMrtTableTopToolbarProps<TData extends MRT_RowData> {\n  table: MRT_TableInstance<TData>;\n}\n\nfunction OwpMrtTableTopToolbar<TData extends MRT_RowData>({\n  table,\n}: OwpMrtTableTopToolbarProps<TData>) {\n  const {\n    getState,\n    options: {\n      enableGlobalFilter,\n      enablePagination,\n      enableToolbarInternalActions,\n      muiTopToolbarProps,\n      positionGlobalFilter,\n      positionPagination,\n      positionToolbarDropZone,\n      renderTopToolbarCustomActions,\n    },\n    refs: { topToolbarRef },\n  } = table;\n\n  const { isFullScreen, showGlobalFilter } = getState();\n\n  const isMobile = useMediaQuery('(max-width:720px)');\n  const isTablet = useMediaQuery('(max-width:1024px)');\n\n  const toolbarProps = parseFromValuesOrFunc(muiTopToolbarProps, { table });\n\n  const stackAlertBanner =\n    isMobile || !!renderTopToolbarCustomActions || (showGlobalFilter && isTablet);\n\n  const globalFilterProps = {\n    sx: !isTablet\n      ? {\n          zIndex: 2,\n        }\n      : undefined,\n    table,\n  };\n\n  return (\n    <div className=\"flex flex-col w-full py-4 px-12 border-b-1\">\n      <Box\n        className=\"flex flex-col w-full items-center\"\n        {...toolbarProps}\n        ref={(ref: HTMLDivElement) => {\n          // eslint-disable-next-line\n          // @ts-ignore\n          topToolbarRef.current = ref;\n\n          if (toolbarProps?.ref) {\n            // eslint-disable-next-line\n            // @ts-ignore\n            toolbarProps.ref.current = ref;\n          }\n        }}\n        sx={[\n          (theme) => ({\n            backgroundColor: table.options.mrtTheme.baseBackgroundColor,\n            transition: 'all 150ms ease-in-out',\n            zIndex: 1,\n            ...(parseFromValuesOrFunc(toolbarProps?.sx, theme) as unknown as object),\n          }),\n          isFullScreen\n            ? {\n                position: 'sticky',\n              }\n            : {\n                position: 'relative',\n              },\n          isFullScreen\n            ? {\n                top: '0',\n              }\n            : {\n                top: null,\n              },\n        ]}\n      >\n        {['both', 'top'].includes(positionToolbarDropZone ?? '') && (\n          <MRT_ToolbarDropZone table={table} />\n        )}\n\n        <div className=\"flex w-full items-center\">\n          {enableGlobalFilter && positionGlobalFilter === 'left' && (\n            <MRT_GlobalFilterTextField {...globalFilterProps} />\n          )}\n\n          <div className=\"flex flex-1\">{renderTopToolbarCustomActions?.({ table }) ?? null}</div>\n\n          {enableToolbarInternalActions ? (\n            <Box className=\"flex items-center space-x-8\">\n              {enableGlobalFilter && positionGlobalFilter === 'right' && (\n                <MRT_GlobalFilterTextField\n                  {...globalFilterProps}\n                  sx={{\n                    '& .MuiOutlinedInput-root': { height: 32, minHeight: 32, paddingX: 1 },\n                  }}\n                />\n              )}\n              <MRT_ToolbarInternalButtons table={table} />\n            </Box>\n          ) : (\n            enableGlobalFilter &&\n            positionGlobalFilter === 'right' && <MRT_GlobalFilterTextField {...globalFilterProps} />\n          )}\n        </div>\n        {enablePagination && ['both', 'top'].includes(positionPagination ?? '') && (\n          <MRT_TablePagination position=\"top\" table={table} />\n        )}\n        <MRT_LinearProgressBar isTopToolbar table={table} />\n      </Box>\n      <MRT_ToolbarAlertBanner\n        className=\"mt-4 rounded-md flex justify-center\"\n        stackAlertBanner={stackAlertBanner}\n        table={table}\n        sx={{\n          '& .MuiStack-root': {\n            display: 'flex',\n            justifyContent: 'center',\n            width: '100%',\n            fontSize: 13,\n          },\n        }}\n      />\n    </div>\n  );\n}\n\nexport default OwpMrtTableTopToolbar;\n"],"names":["OwpMrtTableTopToolbar","table","getState","enableGlobalFilter","enablePagination","enableToolbarInternalActions","muiTopToolbarProps","positionGlobalFilter","positionPagination","positionToolbarDropZone","renderTopToolbarCustomActions","topToolbarRef","isFullScreen","showGlobalFilter","isMobile","useMediaQuery","isTablet","toolbarProps","parseFromValuesOrFunc","stackAlertBanner","globalFilterProps","jsxs","Box","__name","ref","theme","jsx","MRT_ToolbarDropZone","MRT_GlobalFilterTextField","MRT_ToolbarInternalButtons","MRT_TablePagination","MRT_LinearProgressBar","MRT_ToolbarAlertBanner"],"mappings":"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"}

package/dist/components/OwpPageCarded/OwpPageCarded.js

@@ -1,15 +1,17 @@
 var D = Object.defineProperty;
-var i = (e, t) => D(e, "name", { value: t, configurable: !0 });
-import { jsxs as n, jsx as r, Fragment as N } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import I from "@mui/material/GlobalStyles";
-import { styled as x } from "@mui/material/styles";
-import { clsx as d } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { memo as z, forwardRef as L, useRef as l, useImperativeHandle as j } from "react";
-import { OwpPageCardedHeader as F } from "./OwpPageCardedHeader.js";
-import { OwpPageCardedSidebar as m } from "./OwpPageCardedSidebar.js";
-import { OwpScrollbars as V } from "../OwpScrollbars/OwpScrollbars.js";
-const w = 120, C = 64, G = x("div")(({ theme: e, ...t }) => {
-  const a = t.scroll === "content" && t.fillContentHeight;
+var o = (e, t) => D(e, "name", { value: t, configurable: !0 });
+import { jsxs as d, jsx as a, Fragment as I } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import z from "@mui/material/GlobalStyles";
+import { styled as O } from "@mui/material/styles";
+import { clsx as l } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { memo as F, forwardRef as L, useRef as g, useImperativeHandle as j } from "react";
+import { OwpPageCardedHeader as V } from "./internal/OwpPageCardedHeader.js";
+import { OwpPageCardedSidebar as w } from "./internal/OwpPageCardedSidebar.js";
+import { OwpScrollbars as G } from "../OwpScrollbars/OwpScrollbars.js";
+const C = 120, x = 64, M = /* @__PURE__ */ new Set(["fillContentHeight", "leftSidebarWidth", "rightSidebarWidth", "scroll"]), T = O("div", {
+  shouldForwardProp: /* @__PURE__ */ o((e) => !M.has(e), "shouldForwardProp")
+})(({ theme: e, ...t }) => {
+  const r = t.scroll === "content" && t.fillContentHeight;
   return {
     display: "flex",
     flexDirection: "column",
@@ -18,11 +20,11 @@ const w = 120, C = 64, G = x("div")(({ theme: e, ...t }) => {
     position: "relative",
     flex: "1 1 auto",
     width: "100%",
-    height: a ? "100%" : "auto",
+    height: r ? "100%" : "auto",
     padding: "0 16px",
     backgroundColor: e.palette.background.default,
     "& .OwpPageCarded-card": {
-      ...a && {
+      ...r && {
         flex: "1 1 auto",
         height: "auto",
         minHeight: 0
@@ -45,7 +47,7 @@ const w = 120, C = 64, G = x("div")(({ theme: e, ...t }) => {
         left: 0,
         overflow: "hidden"
       },
-      ...a && {
+      ...r && {
         minHeight: 0
       }
     },
@@ -63,19 +65,19 @@ const w = 120, C = 64, G = x("div")(({ theme: e, ...t }) => {
       overflow: "auto",
       WebkitOverflowScrolling: "touch",
       zIndex: 9999,
-      ...a && {
+      ...r && {
         minHeight: 0
       }
     },
     "& .OwpPageCarded-toolbar": {
-      height: C,
-      minHeight: C,
+      height: x,
+      minHeight: x,
       display: "flex",
       alignItems: "center"
     },
     "& .OwpPageCarded-content": {
       flex: "0 0 auto",
-      ...a && {
+      ...r && {
         display: "flex",
         flex: "1 1 auto",
         flexDirection: "column",
@@ -140,8 +142,8 @@ const w = 120, C = 64, G = x("div")(({ theme: e, ...t }) => {
       [e.breakpoints.up("lg")]: {}
     },
     "& .OwpPageCarded-sidebarHeader": {
-      height: w,
-      minHeight: w,
+      height: C,
+      minHeight: C,
       backgroundColor: e.palette.primary.dark,
       color: e.palette.primary.contrastText
     },
@@ -160,38 +162,40 @@ const w = 120, C = 64, G = x("div")(({ theme: e, ...t }) => {
       position: "absolute"
     }
   };
-}), M = L((e, t) => {
+}), $ = L((e, t) => {
   const {
-    scroll: a = "content",
-    className: O,
-    header: g,
+    scroll: r = "content",
+    className: S,
+    header: s,
     content: p,
-    leftSidebarContent: s,
-    rightSidebarContent: c,
-    leftSidebarOpen: S = !1,
-    rightSidebarOpen: P = !1,
-    rightSidebarWidth: H = 240,
-    leftSidebarWidth: k = 240,
-    leftSidebarVariant: y = "permanent",
-    rightSidebarVariant: v = "permanent",
-    rightSidebarOnClose: W,
-    leftSidebarOnClose: R,
-    fillContentHeight: f = !0
-  } = e, h = l(null), b = l(null), u = l(null);
+    leftSidebarContent: c,
+    rightSidebarContent: f,
+    leftSidebarOpen: P = !1,
+    rightSidebarOpen: H = !1,
+    rightSidebarWidth: k = 240,
+    leftSidebarWidth: y = 240,
+    leftSidebarVariant: v = "permanent",
+    rightSidebarVariant: W = "permanent",
+    rightSidebarOnClose: R,
+    leftSidebarOnClose: N,
+    fillContentHeight: h = !0
+  } = e, b = g(null), u = g(null), m = g(null);
   return j(t, () => ({
-    rootRef: u,
-    toggleLeftSidebar: /* @__PURE__ */ i((o) => {
-      h.current.toggleSidebar(o);
+    rootRef: m,
+    toggleLeftSidebar: /* @__PURE__ */ o((n) => {
+      var i;
+      (i = b.current) == null || i.toggleSidebar(n);
     }, "toggleLeftSidebar"),
-    toggleRightSidebar: /* @__PURE__ */ i((o) => {
-      b.current.toggleSidebar(o);
+    toggleRightSidebar: /* @__PURE__ */ o((n) => {
+      var i;
+      (i = u.current) == null || i.toggleSidebar(n);
     }, "toggleRightSidebar")
-  })), /* @__PURE__ */ n(N, { children: [
-    /* @__PURE__ */ r(
-      I,
+  })), /* @__PURE__ */ d(I, { children: [
+    /* @__PURE__ */ a(
+      z,
       {
-        styles: /* @__PURE__ */ i(() => ({
-          ...a !== "page" && {
+        styles: /* @__PURE__ */ o(() => ({
+          ...r !== "page" && {
             "#owp-toolbar": {
               position: "static"
             },
@@ -199,7 +203,7 @@ const w = 120, C = 64, G = x("div")(({ theme: e, ...t }) => {
               position: "static"
             }
           },
-          ...a === "page" && {
+          ...r === "page" && {
             "#owp-toolbar": {
               position: "sticky",
               top: 0
@@ -212,46 +216,46 @@ const w = 120, C = 64, G = x("div")(({ theme: e, ...t }) => {
         }), "styles")
       }
     ),
-    /* @__PURE__ */ n(
-      G,
+    /* @__PURE__ */ d(
+      T,
       {
-        className: d("OwpPageCarded-root", `OwpPageCarded-scroll-${a}`, O),
-        ref: u,
-        scroll: a,
-        leftSidebarWidth: k,
-        rightSidebarWidth: H,
-        fillContentHeight: f,
+        className: l("OwpPageCarded-root", `OwpPageCarded-scroll-${r}`, S),
+        ref: m,
+        scroll: r,
+        leftSidebarWidth: y,
+        rightSidebarWidth: k,
+        fillContentHeight: h,
         children: [
-          g && /* @__PURE__ */ r(F, { header: g }),
-          /* @__PURE__ */ r(
+          s && /* @__PURE__ */ a(V, { header: s }),
+          /* @__PURE__ */ a(
             "div",
             {
-              className: d(
+              className: l(
                 "OwpPageCarded-card relative z-10 flex flex-auto flex-col overflow-hidden shadow-1 mt-16",
-                f ? "h-auto rounded-lg mb-16" : "h-full rounded-t-lg"
+                h ? "h-auto rounded-lg mb-16" : "h-full rounded-t-lg"
               ),
-              children: /* @__PURE__ */ n("div", { className: "OwpPageCarded-wrapper", children: [
-                s && /* @__PURE__ */ r(
-                  m,
+              children: /* @__PURE__ */ d("div", { className: "OwpPageCarded-wrapper", children: [
+                c && /* @__PURE__ */ a(
+                  w,
                   {
                     position: "left",
-                    variant: y,
-                    ref: h,
-                    open: S,
-                    onClose: R,
-                    children: s
+                    variant: v,
+                    ref: b,
+                    open: P,
+                    onClose: N,
+                    children: c
                   }
                 ),
-                /* @__PURE__ */ r(V, { className: "OwpPageCarded-contentWrapper", enable: a === "content", children: p && /* @__PURE__ */ r("div", { className: d("OwpPageCarded-content", "mx-12 my-12"), children: p }) }),
-                c && /* @__PURE__ */ r(
-                  m,
+                /* @__PURE__ */ a(G, { className: "OwpPageCarded-contentWrapper", enable: r === "content", children: p && /* @__PURE__ */ a("div", { className: l("OwpPageCarded-content", "mx-12 my-12"), children: p }) }),
+                f && /* @__PURE__ */ a(
+                  w,
                   {
                     position: "right",
-                    variant: v || "permanent",
-                    ref: b,
-                    open: P,
-                    onClose: W,
-                    children: c
+                    variant: W || "permanent",
+                    ref: u,
+                    open: H,
+                    onClose: R,
+                    children: f
                   }
                 )
               ] })
@@ -261,8 +265,8 @@ const w = 120, C = 64, G = x("div")(({ theme: e, ...t }) => {
       }
     )
   ] });
-}), U = z(x(M)``);
+}), Y = F(O($)``);
 export {
-  U as OwpPageCarded
+  Y as OwpPageCarded
 };
 //# sourceMappingURL=OwpPageCarded.js.map

package/dist/components/OwpPageCarded/OwpPageCarded.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpPageCarded.js","sources":["../../../src/components/OwpPageCarded/OwpPageCarded.tsx"],"sourcesContent":["// @ts-nocheck\nimport { OwpScrollbars } from '@/components/OwpScrollbars';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport { styled, type Theme } from '@mui/material/styles';\nimport type { SystemStyleObject } from '@mui/system';\nimport clsx from 'clsx';\nimport { forwardRef, memo, ReactNode, useImperativeHandle, useRef } from 'react';\nimport { OwpPageCardedHeader } from './OwpPageCardedHeader';\nimport { OwpPageCardedSidebar } from './OwpPageCardedSidebar';\n\nconst headerHeight = 120;\nconst toolbarHeight = 64;\n\n/**\n * Props for the OwpPageCarded component.\n */\ntype OwpPageCardedProps = SystemStyleObject<Theme> & {\n  className?: string;\n  leftSidebarContent?: ReactNode;\n  leftSidebarVariant?: 'permanent' | 'persistent' | 'temporary';\n  rightSidebarContent?: ReactNode;\n  rightSidebarVariant?: 'permanent' | 'persistent' | 'temporary';\n  header?: ReactNode;\n  content?: ReactNode;\n  scroll?: 'normal' | 'page' | 'content';\n  leftSidebarOpen?: boolean;\n  rightSidebarOpen?: boolean;\n  leftSidebarWidth?: number;\n  rightSidebarWidth?: number;\n  rightSidebarOnClose?: () => void;\n  leftSidebarOnClose?: () => void;\n  fillContentHeight?: boolean;\n};\n\nconst Root = styled('div')<OwpPageCardedProps>(({ theme, ...props }) => {\n  const fillContentHeight = props.scroll === 'content' && props.fillContentHeight;\n\n  return {\n    display: 'flex',\n    flexDirection: 'column',\n    minWidth: 0,\n    minHeight: '100%',\n    position: 'relative',\n    flex: '1 1 auto',\n    width: '100%',\n    height: fillContentHeight ? '100%' : 'auto',\n    padding: '0 16px',\n    backgroundColor: theme.palette.background.default,\n\n    '& .OwpPageCarded-card': {\n      ...(fillContentHeight && {\n        flex: '1 1 auto',\n        height: 'auto',\n        minHeight: 0,\n      }),\n    },\n\n    '& .OwpPageCarded-wrapper': {\n      display: 'flex',\n      flexDirection: 'row',\n      flex: '1 1 auto',\n      zIndex: 2,\n      maxWidth: '100%',\n      minWidth: 0,\n      height: '100%',\n      backgroundColor: theme.palette.background.paper,\n\n      ...(props.scroll === 'content' && {\n        position: 'absolute',\n        top: 0,\n        bottom: 0,\n        right: 0,\n        left: 0,\n        overflow: 'hidden',\n      }),\n\n      ...(fillContentHeight && {\n        minHeight: 0,\n      }),\n    },\n\n    '& .OwpPageCarded-header': {\n      display: 'flex',\n      flex: '0 0 auto',\n\n      '& .MuiFormControl-root': {\n        minWidth: 128,\n      },\n    },\n\n    '& .OwpPageCarded-contentWrapper': {\n      display: 'flex',\n      flexDirection: 'column',\n      flex: '1 1 auto',\n      overflow: 'auto',\n      WebkitOverflowScrolling: 'touch',\n      zIndex: 9999,\n\n      ...(fillContentHeight && {\n        minHeight: 0,\n      }),\n    },\n\n    '& .OwpPageCarded-toolbar': {\n      height: toolbarHeight,\n      minHeight: toolbarHeight,\n      display: 'flex',\n      alignItems: 'center',\n    },\n\n    '& .OwpPageCarded-content': {\n      flex: '0 0 auto',\n\n      ...(fillContentHeight && {\n        display: 'flex',\n        flex: '1 1 auto',\n        flexDirection: 'column',\n        minHeight: 0,\n\n        '& > .OwpPageContent-root': {\n          minHeight: 0,\n        },\n\n        '& > .OwpPageContent-root > .OwpPageContent-body': {\n          display: 'flex',\n          flex: '1 1 auto',\n          flexDirection: 'column',\n          minHeight: 0,\n        },\n      }),\n    },\n\n    '& .OwpPageCarded-sidebarWrapper': {\n      overflow: 'hidden',\n      backgroundColor: 'transparent',\n      position: 'absolute',\n      '&.permanent': {\n        [theme.breakpoints.up('lg')]: {\n          position: 'relative',\n          marginLeft: 0,\n          marginRight: 0,\n          transition: theme.transitions.create('margin', {\n            easing: theme.transitions.easing.sharp,\n            duration: theme.transitions.duration.leavingScreen,\n          }),\n          '&.closed': {\n            transition: theme.transitions.create('margin', {\n              easing: theme.transitions.easing.easeOut,\n              duration: theme.transitions.duration.enteringScreen,\n            }),\n\n            '&.OwpPageCarded-leftSidebar': {\n              marginLeft: -props.leftSidebarWidth,\n            },\n            '&.OwpPageCarded-rightSidebar': {\n              marginRight: -props.rightSidebarWidth,\n            },\n          },\n        },\n      },\n    },\n\n    '& .OwpPageCarded-sidebar': {\n      position: 'absolute',\n      backgroundColor: theme.palette.background.paper,\n      color: theme.palette.text.primary,\n\n      '&.permanent': {\n        [theme.breakpoints.up('lg')]: {\n          position: 'relative',\n        },\n      },\n      maxWidth: '100%',\n      height: '100%',\n    },\n\n    '& .OwpPageCarded-leftSidebar': {\n      width: props.leftSidebarWidth,\n\n      [theme.breakpoints.up('lg')]: {\n        \n        \n      },\n    },\n\n    '& .OwpPageCarded-rightSidebar': {\n      width: props.rightSidebarWidth,\n\n      [theme.breakpoints.up('lg')]: {\n        \n        \n      },\n    },\n\n    '& .OwpPageCarded-sidebarHeader': {\n      height: headerHeight,\n      minHeight: headerHeight,\n      backgroundColor: theme.palette.primary.dark,\n      color: theme.palette.primary.contrastText,\n    },\n\n    '& .OwpPageCarded-sidebarHeaderInnerSidebar': {\n      backgroundColor: 'transparent',\n      color: 'inherit',\n      height: 'auto',\n      minHeight: 'auto',\n    },\n\n    '& .OwpPageCarded-sidebarContent': {\n      display: 'flex',\n      flexDirection: 'column',\n      minHeight: '100%',\n    },\n\n    '& .OwpPageCarded-backdrop': {\n      position: 'absolute',\n    },\n  };\n});\n\n/**\n * The OwpPageCarded component is a carded page layout with left and right sidebars.\n */\nconst PageCarded = forwardRef<\n  { toggleLeftSidebar: (T: boolean) => void; toggleRightSidebar: (T: boolean) => void },\n  OwpPageCardedProps\n>((props, ref) => {\n  const {\n    scroll = 'content',\n    className,\n    header,\n    content,\n    leftSidebarContent,\n    rightSidebarContent,\n    leftSidebarOpen = false,\n    rightSidebarOpen = false,\n    rightSidebarWidth = 240,\n    leftSidebarWidth = 240,\n    leftSidebarVariant = 'permanent',\n    rightSidebarVariant = 'permanent',\n    rightSidebarOnClose,\n    leftSidebarOnClose,\n    fillContentHeight = true,\n  } = props;\n\n  const leftSidebarRef = useRef<{ toggleSidebar: (T: boolean) => void }>(null);\n  const rightSidebarRef = useRef<{ toggleSidebar: (T: boolean) => void }>(null);\n  const rootRef = useRef(null);\n\n  useImperativeHandle(ref, () => ({\n    rootRef,\n    toggleLeftSidebar: (val: boolean) => {\n      leftSidebarRef.current.toggleSidebar(val);\n    },\n    toggleRightSidebar: (val: boolean) => {\n      rightSidebarRef.current.toggleSidebar(val);\n    },\n  }));\n\n  return (\n    <>\n      <GlobalStyles\n        styles={() => ({\n          ...(scroll !== 'page' && {\n            '#owp-toolbar': {\n              position: 'static',\n            },\n            '#owp-footer': {\n              position: 'static',\n            },\n          }),\n          ...(scroll === 'page' && {\n            '#owp-toolbar': {\n              position: 'sticky',\n              top: 0,\n            },\n            '#owp-footer': {\n              position: 'sticky',\n              bottom: 0,\n            },\n          }),\n        })}\n      />\n      <Root\n        className={clsx('OwpPageCarded-root', `OwpPageCarded-scroll-${scroll}`, className)}\n        ref={rootRef}\n        scroll={scroll}\n        leftSidebarWidth={leftSidebarWidth}\n        rightSidebarWidth={rightSidebarWidth}\n        fillContentHeight={fillContentHeight}\n      >\n        {header && <OwpPageCardedHeader header={header} />}\n        <div\n          className={clsx(\n            'OwpPageCarded-card relative z-10 flex flex-auto flex-col overflow-hidden shadow-1 mt-16',\n            fillContentHeight ? 'h-auto rounded-lg mb-16' : 'h-full rounded-t-lg',\n          )}\n        >\n          <div className=\"OwpPageCarded-wrapper\">\n            {leftSidebarContent && (\n              <OwpPageCardedSidebar\n                position=\"left\"\n                variant={leftSidebarVariant}\n                ref={leftSidebarRef}\n                open={leftSidebarOpen}\n                onClose={leftSidebarOnClose}\n              >\n                {leftSidebarContent}\n              </OwpPageCardedSidebar>\n            )}\n            <OwpScrollbars className=\"OwpPageCarded-contentWrapper\" enable={scroll === 'content'}>\n              {content && (\n                <div className={clsx('OwpPageCarded-content', 'mx-12 my-12')}>{content}</div>\n              )}\n            </OwpScrollbars>\n            {rightSidebarContent && (\n              <OwpPageCardedSidebar\n                position=\"right\"\n                variant={rightSidebarVariant || 'permanent'}\n                ref={rightSidebarRef}\n                open={rightSidebarOpen}\n                onClose={rightSidebarOnClose}\n              >\n                {rightSidebarContent}\n              </OwpPageCardedSidebar>\n            )}\n          </div>\n        </div>\n      </Root>\n    </>\n  );\n});\n\n/**\n * OwpPageCarded 컴포넌트\n */\nconst OwpPageCarded = memo(styled(PageCarded)``);\n\nexport { OwpPageCarded };\n"],"names":["headerHeight","toolbarHeight","Root","styled","theme","props","fillContentHeight","PageCarded","forwardRef","ref","scroll","className","header","content","leftSidebarContent","rightSidebarContent","leftSidebarOpen","rightSidebarOpen","rightSidebarWidth","leftSidebarWidth","leftSidebarVariant","rightSidebarVariant","rightSidebarOnClose","leftSidebarOnClose","leftSidebarRef","useRef","rightSidebarRef","rootRef","useImperativeHandle","__name","val","jsxs","Fragment","jsx","GlobalStyles","clsx","OwpPageCardedHeader","OwpPageCardedSidebar","OwpScrollbars","OwpPageCarded","memo"],"mappings":"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"}
+{"version":3,"file":"OwpPageCarded.js","sources":["../../../src/components/OwpPageCarded/OwpPageCarded.tsx"],"sourcesContent":["import { OwpScrollbars } from '@/components/OwpScrollbars';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport { styled } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { forwardRef, memo, type ReactNode, useImperativeHandle, useRef } from 'react';\nimport { OwpPageCardedHeader } from './internal/OwpPageCardedHeader';\nimport { OwpPageCardedSidebar } from './internal/OwpPageCardedSidebar';\n\nconst headerHeight = 120;\nconst toolbarHeight = 64;\n\n/**\n * Props for the OwpPageCarded component.\n */\ntype OwpPageCardedProps = {\n  className?: string;\n  leftSidebarContent?: ReactNode;\n  leftSidebarVariant?: 'permanent' | 'persistent' | 'temporary';\n  rightSidebarContent?: ReactNode;\n  rightSidebarVariant?: 'permanent' | 'persistent' | 'temporary';\n  header?: ReactNode;\n  content?: ReactNode;\n  scroll?: 'normal' | 'page' | 'content';\n  leftSidebarOpen?: boolean;\n  rightSidebarOpen?: boolean;\n  leftSidebarWidth?: number;\n  rightSidebarWidth?: number;\n  rightSidebarOnClose?: () => void;\n  leftSidebarOnClose?: () => void;\n  fillContentHeight?: boolean;\n};\n\ntype OwpPageCardedRootProps = Pick<\n  OwpPageCardedProps,\n  'scroll' | 'leftSidebarWidth' | 'rightSidebarWidth' | 'fillContentHeight'\n>;\n\nconst rootPropNames = new Set(['fillContentHeight', 'leftSidebarWidth', 'rightSidebarWidth', 'scroll']);\n\nconst Root = styled('div', {\n  shouldForwardProp: (prop) => !rootPropNames.has(prop as string),\n})<OwpPageCardedRootProps>(({ theme, ...props }) => {\n  const fillContentHeight = props.scroll === 'content' && props.fillContentHeight;\n\n  return {\n    display: 'flex',\n    flexDirection: 'column',\n    minWidth: 0,\n    minHeight: '100%',\n    position: 'relative',\n    flex: '1 1 auto',\n    width: '100%',\n    height: fillContentHeight ? '100%' : 'auto',\n    padding: '0 16px',\n    backgroundColor: theme.palette.background.default,\n\n    '& .OwpPageCarded-card': {\n      ...(fillContentHeight && {\n        flex: '1 1 auto',\n        height: 'auto',\n        minHeight: 0,\n      }),\n    },\n\n    '& .OwpPageCarded-wrapper': {\n      display: 'flex',\n      flexDirection: 'row',\n      flex: '1 1 auto',\n      zIndex: 2,\n      maxWidth: '100%',\n      minWidth: 0,\n      height: '100%',\n      backgroundColor: theme.palette.background.paper,\n\n      ...(props.scroll === 'content' && {\n        position: 'absolute',\n        top: 0,\n        bottom: 0,\n        right: 0,\n        left: 0,\n        overflow: 'hidden',\n      }),\n\n      ...(fillContentHeight && {\n        minHeight: 0,\n      }),\n    },\n\n    '& .OwpPageCarded-header': {\n      display: 'flex',\n      flex: '0 0 auto',\n\n      '& .MuiFormControl-root': {\n        minWidth: 128,\n      },\n    },\n\n    '& .OwpPageCarded-contentWrapper': {\n      display: 'flex',\n      flexDirection: 'column',\n      flex: '1 1 auto',\n      overflow: 'auto',\n      WebkitOverflowScrolling: 'touch',\n      zIndex: 9999,\n\n      ...(fillContentHeight && {\n        minHeight: 0,\n      }),\n    },\n\n    '& .OwpPageCarded-toolbar': {\n      height: toolbarHeight,\n      minHeight: toolbarHeight,\n      display: 'flex',\n      alignItems: 'center',\n    },\n\n    '& .OwpPageCarded-content': {\n      flex: '0 0 auto',\n\n      ...(fillContentHeight && {\n        display: 'flex',\n        flex: '1 1 auto',\n        flexDirection: 'column',\n        minHeight: 0,\n\n        '& > .OwpPageContent-root': {\n          minHeight: 0,\n        },\n\n        '& > .OwpPageContent-root > .OwpPageContent-body': {\n          display: 'flex',\n          flex: '1 1 auto',\n          flexDirection: 'column',\n          minHeight: 0,\n        },\n      }),\n    },\n\n    '& .OwpPageCarded-sidebarWrapper': {\n      overflow: 'hidden',\n      backgroundColor: 'transparent',\n      position: 'absolute',\n      '&.permanent': {\n        [theme.breakpoints.up('lg')]: {\n          position: 'relative',\n          marginLeft: 0,\n          marginRight: 0,\n          transition: theme.transitions.create('margin', {\n            easing: theme.transitions.easing.sharp,\n            duration: theme.transitions.duration.leavingScreen,\n          }),\n          '&.closed': {\n            transition: theme.transitions.create('margin', {\n              easing: theme.transitions.easing.easeOut,\n              duration: theme.transitions.duration.enteringScreen,\n            }),\n\n            '&.OwpPageCarded-leftSidebar': {\n              marginLeft: -props.leftSidebarWidth,\n            },\n            '&.OwpPageCarded-rightSidebar': {\n              marginRight: -props.rightSidebarWidth,\n            },\n          },\n        },\n      },\n    },\n\n    '& .OwpPageCarded-sidebar': {\n      position: 'absolute',\n      backgroundColor: theme.palette.background.paper,\n      color: theme.palette.text.primary,\n\n      '&.permanent': {\n        [theme.breakpoints.up('lg')]: {\n          position: 'relative',\n        },\n      },\n      maxWidth: '100%',\n      height: '100%',\n    },\n\n    '& .OwpPageCarded-leftSidebar': {\n      width: props.leftSidebarWidth,\n\n      [theme.breakpoints.up('lg')]: {\n        \n        \n      },\n    },\n\n    '& .OwpPageCarded-rightSidebar': {\n      width: props.rightSidebarWidth,\n\n      [theme.breakpoints.up('lg')]: {\n        \n        \n      },\n    },\n\n    '& .OwpPageCarded-sidebarHeader': {\n      height: headerHeight,\n      minHeight: headerHeight,\n      backgroundColor: theme.palette.primary.dark,\n      color: theme.palette.primary.contrastText,\n    },\n\n    '& .OwpPageCarded-sidebarHeaderInnerSidebar': {\n      backgroundColor: 'transparent',\n      color: 'inherit',\n      height: 'auto',\n      minHeight: 'auto',\n    },\n\n    '& .OwpPageCarded-sidebarContent': {\n      display: 'flex',\n      flexDirection: 'column',\n      minHeight: '100%',\n    },\n\n    '& .OwpPageCarded-backdrop': {\n      position: 'absolute',\n    },\n  };\n});\n\n/**\n * The OwpPageCarded component is a carded page layout with left and right sidebars.\n */\nconst PageCarded = forwardRef<\n  { toggleLeftSidebar: (T: boolean) => void; toggleRightSidebar: (T: boolean) => void },\n  OwpPageCardedProps\n>((props, ref) => {\n  const {\n    scroll = 'content',\n    className,\n    header,\n    content,\n    leftSidebarContent,\n    rightSidebarContent,\n    leftSidebarOpen = false,\n    rightSidebarOpen = false,\n    rightSidebarWidth = 240,\n    leftSidebarWidth = 240,\n    leftSidebarVariant = 'permanent',\n    rightSidebarVariant = 'permanent',\n    rightSidebarOnClose,\n    leftSidebarOnClose,\n    fillContentHeight = true,\n  } = props;\n\n  const leftSidebarRef = useRef<{ toggleSidebar: (T: boolean) => void } | null>(null);\n  const rightSidebarRef = useRef<{ toggleSidebar: (T: boolean) => void } | null>(null);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n\n  useImperativeHandle(ref, () => ({\n    rootRef,\n    toggleLeftSidebar: (val: boolean) => {\n      leftSidebarRef.current?.toggleSidebar(val);\n    },\n    toggleRightSidebar: (val: boolean) => {\n      rightSidebarRef.current?.toggleSidebar(val);\n    },\n  }));\n\n  return (\n    <>\n      <GlobalStyles\n        styles={() => ({\n          ...(scroll !== 'page' && {\n            '#owp-toolbar': {\n              position: 'static',\n            },\n            '#owp-footer': {\n              position: 'static',\n            },\n          }),\n          ...(scroll === 'page' && {\n            '#owp-toolbar': {\n              position: 'sticky',\n              top: 0,\n            },\n            '#owp-footer': {\n              position: 'sticky',\n              bottom: 0,\n            },\n          }),\n        })}\n      />\n      <Root\n        className={clsx('OwpPageCarded-root', `OwpPageCarded-scroll-${scroll}`, className)}\n        ref={rootRef}\n        scroll={scroll}\n        leftSidebarWidth={leftSidebarWidth}\n        rightSidebarWidth={rightSidebarWidth}\n        fillContentHeight={fillContentHeight}\n      >\n        {header && <OwpPageCardedHeader header={header} />}\n        <div\n          className={clsx(\n            'OwpPageCarded-card relative z-10 flex flex-auto flex-col overflow-hidden shadow-1 mt-16',\n            fillContentHeight ? 'h-auto rounded-lg mb-16' : 'h-full rounded-t-lg',\n          )}\n        >\n          <div className=\"OwpPageCarded-wrapper\">\n            {leftSidebarContent && (\n              <OwpPageCardedSidebar\n                position=\"left\"\n                variant={leftSidebarVariant}\n                ref={leftSidebarRef}\n                open={leftSidebarOpen}\n                onClose={leftSidebarOnClose}\n              >\n                {leftSidebarContent}\n              </OwpPageCardedSidebar>\n            )}\n            <OwpScrollbars className=\"OwpPageCarded-contentWrapper\" enable={scroll === 'content'}>\n              {content && (\n                <div className={clsx('OwpPageCarded-content', 'mx-12 my-12')}>{content}</div>\n              )}\n            </OwpScrollbars>\n            {rightSidebarContent && (\n              <OwpPageCardedSidebar\n                position=\"right\"\n                variant={rightSidebarVariant || 'permanent'}\n                ref={rightSidebarRef}\n                open={rightSidebarOpen}\n                onClose={rightSidebarOnClose}\n              >\n                {rightSidebarContent}\n              </OwpPageCardedSidebar>\n            )}\n          </div>\n        </div>\n      </Root>\n    </>\n  );\n});\n\n/**\n * OwpPageCarded 컴포넌트\n */\nconst OwpPageCarded = memo(styled(PageCarded)``);\n\nexport { OwpPageCarded };\n"],"names":["headerHeight","toolbarHeight","rootPropNames","Root","styled","__name","prop","theme","props","fillContentHeight","PageCarded","forwardRef","ref","scroll","className","header","content","leftSidebarContent","rightSidebarContent","leftSidebarOpen","rightSidebarOpen","rightSidebarWidth","leftSidebarWidth","leftSidebarVariant","rightSidebarVariant","rightSidebarOnClose","leftSidebarOnClose","leftSidebarRef","useRef","rightSidebarRef","rootRef","useImperativeHandle","val","_a","jsxs","Fragment","jsx","GlobalStyles","clsx","OwpPageCardedHeader","OwpPageCardedSidebar","OwpScrollbars","OwpPageCarded","memo"],"mappings":"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"}

package/dist/components/OwpPageCarded/{OwpPageCardedHeader.js → internal/OwpPageCardedHeader.js}

@@ -1,7 +1,7 @@
 var n = Object.defineProperty;
 var a = (e, r) => n(e, "name", { value: r, configurable: !0 });
-import { jsx as o } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { clsx as c } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { jsx as o } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { clsx as c } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 function l(e) {
   const { className: r, header: d = null } = e;
   return /* @__PURE__ */ o("div", { className: c("OwpPageCarded-header", "container", r), children: d });

package/dist/components/OwpPageCarded/internal/OwpPageCardedHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpPageCardedHeader.js","sources":["../../../../src/components/OwpPageCarded/internal/OwpPageCardedHeader.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { ReactNode } from 'react';\n\ninterface OwpPageCardedHeaderProps {\n  className?: string;\n  header?: ReactNode;\n}\n\n/**\n * OwpPageCardedHeader 컴포넌트\n * @param props 컴포넌트 props\n */\nfunction OwpPageCardedHeader(props: OwpPageCardedHeaderProps) {\n  const { className, header = null } = props;\n\n  return <div className={clsx('OwpPageCarded-header', 'container', className)}>{header}</div>;\n}\n\nexport { OwpPageCardedHeader };\n"],"names":["OwpPageCardedHeader","props","className","header","jsx","clsx","__name"],"mappings":";;;;AAYA,SAASA,EAAoBC,GAAiC;AAC5D,QAAM,EAAE,WAAAC,GAAW,QAAAC,IAAS,KAAA,IAASF;AAErC,SAAO,gBAAAG,EAAC,SAAI,WAAWC,EAAK,wBAAwB,aAAaH,CAAS,GAAI,UAAAC,EAAA,CAAO;AACvF;AAJSG,EAAAN,GAAA;"}

package/dist/components/OwpPageCarded/{OwpPageCardedSidebar.js → internal/OwpPageCardedSidebar.js}

@@ -1,10 +1,10 @@
 var b = Object.defineProperty;
 var d = (a, t) => b(a, "name", { value: t, configurable: !0 });
-import { jsxs as O, jsx as r, Fragment as f } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { OwpHidden as c } from "../OwpHidden/OwpHidden.js";
+import { jsxs as O, jsx as r, Fragment as f } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { OwpHidden as c } from "../../OwpHidden/OwpHidden.js";
 import C from "@mui/material/Drawer";
 import P from "@mui/material/SwipeableDrawer";
-import { clsx as p } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { clsx as p } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { forwardRef as u, useState as h, useCallback as S, useImperativeHandle as k, useEffect as v } from "react";
 import { OwpPageCardedSidebarContent as m } from "./OwpPageCardedSidebarContent.js";
 const W = u((a, t) => {

package/dist/components/OwpPageCarded/internal/OwpPageCardedSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpPageCardedSidebar.js","sources":["../../../../src/components/OwpPageCarded/internal/OwpPageCardedSidebar.tsx"],"sourcesContent":["import { OwpHidden } from '@/components/OwpHidden';\nimport Drawer from '@mui/material/Drawer';\nimport SwipeableDrawer, { type SwipeableDrawerProps } from '@mui/material/SwipeableDrawer';\nimport clsx from 'clsx';\nimport {\n  forwardRef,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react';\nimport { OwpPageCardedSidebarContent } from './OwpPageCardedSidebarContent';\n\n/**\n * Props for the OwpPageCardedSidebar component.\n */\ntype OwpPageCardedSidebarProps = {\n  open?: boolean;\n  position?: SwipeableDrawerProps['anchor'];\n  variant?: SwipeableDrawerProps['variant'];\n  onClose?: () => void;\n  children?: ReactNode;\n};\n\n/**\n * The OwpPageCardedSidebar component is a sidebar for the OwpPageCarded component.\n */\nconst OwpPageCardedSidebar = forwardRef<\n  { toggleSidebar: (T: boolean) => void },\n  OwpPageCardedSidebarProps\n>((props, ref) => {\n  const { open = true, position, variant, onClose = () => {} } = props;\n\n  const [isOpen, setIsOpen] = useState(open);\n\n  const handleToggleDrawer = useCallback((val: boolean) => {\n    setIsOpen(val);\n  }, []);\n\n  useImperativeHandle(ref, () => ({\n    toggleSidebar: handleToggleDrawer,\n  }));\n\n  useEffect(() => {\n    handleToggleDrawer(open);\n  }, [handleToggleDrawer, open]);\n\n  return (\n    <>\n      <OwpHidden lgUp={variant === 'permanent'}>\n        <SwipeableDrawer\n          variant=\"temporary\"\n          anchor={position}\n          open={isOpen}\n          onOpen={() => {}}\n          onClose={() => onClose()}\n          disableSwipeToOpen\n          classes={{\n            root: clsx('OwpPageCarded-sidebarWrapper', variant),\n            paper: clsx(\n              'OwpPageCarded-sidebar',\n              variant,\n              position === 'left' ? 'OwpPageCarded-leftSidebar' : 'OwpPageCarded-rightSidebar',\n            ),\n          }}\n          ModalProps={{\n            keepMounted: true, \n          }}\n          BackdropProps={{\n            classes: {\n              root: 'OwpPageCarded-backdrop',\n            },\n          }}\n          style={{ position: 'absolute' }}\n        >\n          <OwpPageCardedSidebarContent {...props} />\n        </SwipeableDrawer>\n      </OwpHidden>\n      {variant === 'permanent' && (\n        <OwpHidden lgDown>\n          <Drawer\n            variant=\"permanent\"\n            anchor={position}\n            className={clsx(\n              'OwpPageCarded-sidebarWrapper',\n              variant,\n              isOpen ? 'opened' : 'closed',\n              position === 'left' ? 'OwpPageCarded-leftSidebar' : 'OwpPageCarded-rightSidebar',\n            )}\n            open={isOpen}\n            onClose={onClose}\n            classes={{\n              paper: clsx('OwpPageCarded-sidebar', variant),\n            }}\n          >\n            <OwpPageCardedSidebarContent {...props} />\n          </Drawer>\n        </OwpHidden>\n      )}\n    </>\n  );\n});\n\nexport { OwpPageCardedSidebar };\n"],"names":["OwpPageCardedSidebar","forwardRef","props","ref","open","position","variant","onClose","__name","isOpen","setIsOpen","useState","handleToggleDrawer","useCallback","val","useImperativeHandle","useEffect","jsxs","Fragment","jsx","OwpHidden","SwipeableDrawer","clsx","OwpPageCardedSidebarContent","Drawer"],"mappings":";;;;;;;;;AA4BA,MAAMA,IAAuBC,EAG3B,CAACC,GAAOC,MAAQ;AAChB,QAAM,EAAE,MAAAC,IAAO,IAAM,UAAAC,GAAU,SAAAC,GAAS,SAAAC,IAAU,gBAAAC,EAAA,MAAM;AAAA,EAAC,GAAP,eAAaN,GAEzD,CAACO,GAAQC,CAAS,IAAIC,EAASP,CAAI,GAEnCQ,IAAqBC,EAAY,CAACC,MAAiB;AACvD,IAAAJ,EAAUI,CAAG;AAAA,EACf,GAAG,CAAA,CAAE;AAEL,SAAAC,EAAoBZ,GAAK,OAAO;AAAA,IAC9B,eAAeS;AAAA,EAAA,EACf,GAEFI,EAAU,MAAM;AACd,IAAAJ,EAAmBR,CAAI;AAAA,EACzB,GAAG,CAACQ,GAAoBR,CAAI,CAAC,GAG3B,gBAAAa,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAU,MAAMd,MAAY,aAC3B,UAAA,gBAAAa;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,QAAQhB;AAAA,QACR,MAAMI;AAAA,QACN,QAAQ,gBAAAD,EAAA,MAAM;AAAA,QAAC,GAAP;AAAA,QACR,SAAS,gBAAAA,EAAA,MAAMD,EAAA,GAAN;AAAA,QACT,oBAAkB;AAAA,QAClB,SAAS;AAAA,UACP,MAAMe,EAAK,gCAAgChB,CAAO;AAAA,UAClD,OAAOgB;AAAA,YACL;AAAA,YACAhB;AAAA,YACAD,MAAa,SAAS,8BAA8B;AAAA,UAAA;AAAA,QACtD;AAAA,QAEF,YAAY;AAAA,UACV,aAAa;AAAA,QAAA;AAAA,QAEf,eAAe;AAAA,UACb,SAAS;AAAA,YACP,MAAM;AAAA,UAAA;AAAA,QACR;AAAA,QAEF,OAAO,EAAE,UAAU,WAAA;AAAA,QAEnB,UAAA,gBAAAc,EAACI,GAAA,EAA6B,GAAGrB,EAAA,CAAO;AAAA,MAAA;AAAA,IAAA,GAE5C;AAAA,IACCI,MAAY,eACX,gBAAAa,EAACC,GAAA,EAAU,QAAM,IACf,UAAA,gBAAAD;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,QAAQnB;AAAA,QACR,WAAWiB;AAAA,UACT;AAAA,UACAhB;AAAA,UACAG,IAAS,WAAW;AAAA,UACpBJ,MAAa,SAAS,8BAA8B;AAAA,QAAA;AAAA,QAEtD,MAAMI;AAAA,QACN,SAAAF;AAAA,QACA,SAAS;AAAA,UACP,OAAOe,EAAK,yBAAyBhB,CAAO;AAAA,QAAA;AAAA,QAG9C,UAAA,gBAAAa,EAACI,GAAA,EAA6B,GAAGrB,EAAA,CAAO;AAAA,MAAA;AAAA,IAAA,EAC1C,CACF;AAAA,EAAA,GAEJ;AAEJ,CAAC;"}

package/dist/components/OwpPageCarded/{OwpPageCardedSidebarContent.js → internal/OwpPageCardedSidebarContent.js}

@@ -1,7 +1,7 @@
 var o = Object.defineProperty;
 var i = (r, e) => o(r, "name", { value: e, configurable: !0 });
-import { jsx as l } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { OwpScrollbars as t } from "../OwpScrollbars/OwpScrollbars.js";
+import { jsx as l } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { OwpScrollbars as t } from "../../OwpScrollbars/OwpScrollbars.js";
 function m(r) {
   const { innerScroll: e, children: n } = r;
   return n ? /* @__PURE__ */ l(t, { enable: e, children: /* @__PURE__ */ l("div", { className: "OwpPageCarded-sidebarContent min-w-320 lg:min-w-0", children: n }) }) : null;

package/dist/components/OwpPageCarded/internal/OwpPageCardedSidebarContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpPageCardedSidebarContent.js","sources":["../../../../src/components/OwpPageCarded/internal/OwpPageCardedSidebarContent.tsx"],"sourcesContent":["import { OwpScrollbars } from '@/components/OwpScrollbars';\nimport { ReactNode } from 'react';\n\n/**\n * Props for the OwpPageCardedSidebarContent component.\n */\ntype OwpPageCardedSidebarContentProps = {\n  innerScroll?: boolean;\n  children?: ReactNode;\n};\n\n/**\n * The OwpPageCardedSidebarContent component is a content container for the OwpPageCardedSidebar component.\n */\nfunction OwpPageCardedSidebarContent(props: OwpPageCardedSidebarContentProps) {\n  const { innerScroll, children } = props;\n\n  if (!children) {\n    return null;\n  }\n\n  return (\n    <OwpScrollbars enable={innerScroll}>\n      <div className=\"OwpPageCarded-sidebarContent min-w-320 lg:min-w-0\">{children}</div>\n    </OwpScrollbars>\n  );\n}\n\nexport { OwpPageCardedSidebarContent };\n"],"names":["OwpPageCardedSidebarContent","props","innerScroll","children","jsx","OwpScrollbars","__name"],"mappings":";;;;AAcA,SAASA,EAA4BC,GAAyC;AAC5E,QAAM,EAAE,aAAAC,GAAa,UAAAC,EAAA,IAAaF;AAElC,SAAKE,IAKH,gBAAAC,EAACC,KAAc,QAAQH,GACrB,4BAAC,OAAA,EAAI,WAAU,qDAAqD,UAAAC,EAAA,CAAS,EAAA,CAC/E,IANO;AAQX;AAZSG,EAAAN,GAAA;"}

package/dist/components/OwpPicker/OwpDatePicker.js

@@ -1,111 +1,118 @@
-var K = Object.defineProperty;
-var t = (N, c) => K(N, "name", { value: c, configurable: !0 });
-import { jsx as A } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { useOwpTranslation as Q } from "../../hooks/useOwpTranslation.js";
+var Q = Object.defineProperty;
+var r = (c, N) => Q(c, "name", { value: N, configurable: !0 });
+import { jsx as D } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { useOwpTranslation as X } from "../../hooks/useOwpTranslation.js";
 import { clsx as i } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { enUS as X } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-US.js";
-import { ko as Z } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ko.js";
-import W from "dayjs";
-import { useState as Y, useMemo as _ } from "react";
-import { DatePicker as O, registerLocale as I, setDefaultLocale as T } from "../../node_modules/.pnpm/react-datepicker@8.7.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-datepicker/dist/index.es.js";
-import { AnimatedCalendarContainer as P } from "./AnimatedCalendarContainer.js";
-import { CalendarContainer as w } from "./CalendarContainer.js";
-import { VALUE_YEAR_FORMATTER as y, VALUE_MONTH_FORMATTER as S, VALUE_TIME_FORMATTER as d, VALUE_DATE_FORMATTER as F } from "./constants.js";
-import { DatePickerInput as h } from "./DatePickerInput.js";
-I("ko", Z);
-I("en", X);
+import { enUS as Z } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-US.js";
+import { ko as W } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ko.js";
+import Y from "dayjs";
+import { useState as O, useMemo as _ } from "react";
+import { DatePicker as P, registerLocale as I, setDefaultLocale as T } from "../../node_modules/.pnpm/react-datepicker@8.7.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-datepicker/dist/index.es.js";
+import { AnimatedCalendarContainer as w } from "./internal/AnimatedCalendarContainer.js";
+import { CalendarContainer as y } from "./internal/CalendarContainer.js";
+import { DatePickerInput as S } from "./internal/DatePickerInput.js";
+import { VALUE_YEAR_FORMATTER as h, VALUE_MONTH_FORMATTER as tt, VALUE_TIME_FORMATTER as d, VALUE_DATE_FORMATTER as F } from "./constants/index.js";
+I("ko", W);
+I("en", Z);
 T("ko");
-const xr = /* @__PURE__ */ t(({
-  className: N,
-  label: c,
-  variant: U = "standard",
-  sx: M,
+const Rt = /* @__PURE__ */ r(({
+  className: c,
+  label: N,
+  variant: M = "standard",
+  sx: U,
   value: p,
-  useAmPm: u,
+  useAmPm: s,
   onChange: a,
-  fullWidth: x,
-  showYearPicker: n,
-  showMonthPicker: e,
+  fullWidth: l,
+  showYearPicker: e,
+  showMonthPicker: n,
   showTimeSelect: m,
-  showTimeSelectOnly: r,
-  showTimeInput: f,
-  textFieldProps: V,
-  disabledClearButton: $,
-  disabledFutureDates: k,
+  showTimeSelectOnly: t,
+  showTimeInput: u,
+  textFieldProps: k,
+  disabledClearButton: V,
+  disabledFutureDates: $,
   popperClassName: g,
-  popperContainer: j,
-  ...s
+  popperContainer: v,
+  ...f
 }) => {
-  const { t: C, i18n: E } = Q(), [v, D] = Y("bottom-start"), H = (E.resolvedLanguage ?? E.language ?? "kr") === "kr" ? "ko" : "en", b = _(() => n ? y : e ? S : r ? d : f || m ? `${F} ${d}` : F, [n, e, f, m, r]), q = _(() => {
+  const {
+    selectsMultiple: rt,
+    selectsRange: at,
+    selected: ot,
+    startDate: pt,
+    endDate: et,
+    ...j
+  } = f, { t: x, i18n: A } = X(), [H, C] = O("bottom-start"), q = (A.resolvedLanguage ?? A.language ?? "kr") === "kr" ? "ko" : "en", E = _(() => e ? h : n ? tt : t ? d : u || m ? `${F} ${d}` : F, [e, n, u, m, t]), z = _(() => {
     if (!p) return null;
-    if (r && typeof p == "string") {
-      const [o = "", J = ""] = p.split(":"), L = Number(o), R = Number(J);
-      if (Number.isNaN(L) || Number.isNaN(R))
+    if (t && typeof p == "string") {
+      const [o = "", K = ""] = p.split(":"), R = Number(o), b = Number(K);
+      if (Number.isNaN(R) || Number.isNaN(b))
         return null;
-      const l = /* @__PURE__ */ new Date();
-      return l.setHours(L, R, 0, 0), l;
+      const L = /* @__PURE__ */ new Date();
+      return L.setHours(R, b, 0, 0), L;
     }
     return new Date(p);
-  }, [r, p]), z = /* @__PURE__ */ t((o) => {
-    a == null || a(o ? W(o).format(b) : void 0);
-  }, "handleSelect"), B = /* @__PURE__ */ t(() => {
-    r && D("bottom-start");
-  }, "handleInputAreaClick"), G = /* @__PURE__ */ t(() => {
-    r && D("bottom-end");
+  }, [t, p]), B = /* @__PURE__ */ r((o) => {
+    a == null || a(o ? Y(o).format(E) : void 0);
+  }, "handleSelect"), G = /* @__PURE__ */ r(() => {
+    t && C("bottom-start");
+  }, "handleInputAreaClick"), J = /* @__PURE__ */ r(() => {
+    t && C("bottom-end");
   }, "handleIconClick");
-  return /* @__PURE__ */ A(
-    O,
+  return /* @__PURE__ */ D(
+    P,
     {
-      locale: H,
-      popperPlacement: r ? v : "bottom-start",
-      popperContainer: /* @__PURE__ */ t(({ children: o }) => /* @__PURE__ */ A(P, { container: j ?? w, children: o }), "PopperContainer"),
+      locale: q,
+      popperPlacement: t ? H : "bottom-start",
+      popperContainer: /* @__PURE__ */ r(({ children: o }) => /* @__PURE__ */ D(w, { container: v ?? y, children: o }), "PopperContainer"),
       popperClassName: i("owp-animated-datepicker-popper", g),
-      className: i(x && "w-full"),
-      wrapperClassName: i(x && "w-full", s == null ? void 0 : s.wrapperClassName),
-      maxDate: k ? /* @__PURE__ */ new Date() : void 0,
-      showYearPicker: n,
-      showMonthYearPicker: e,
+      className: i(l && "w-full"),
+      wrapperClassName: i(l && "w-full", f == null ? void 0 : f.wrapperClassName),
+      maxDate: $ ? /* @__PURE__ */ new Date() : void 0,
+      showYearPicker: e,
+      showMonthYearPicker: n,
       showTimeSelect: m,
-      showTimeSelectOnly: r,
-      showTimeInput: f,
+      showTimeSelectOnly: t,
+      showTimeInput: u,
       showPopperArrow: !1,
-      selected: q,
-      onChange: z,
-      dateFormat: r ? u ? "aa hh:mm" : d : "Pp",
-      timeFormat: r ? u ? "aa hh:mm" : d : void 0,
-      customInput: /* @__PURE__ */ A(
-        h,
+      selected: z,
+      onChange: B,
+      dateFormat: t ? s ? "aa hh:mm" : d : "Pp",
+      timeFormat: t ? s ? "aa hh:mm" : d : void 0,
+      customInput: /* @__PURE__ */ D(
+        S,
         {
           className: i(
-            n && "w-[140px]",
-            e && "w-[160px]",
-            !n && !e && "w-[172px]",
-            (f || m) && "w-[200px]",
-            r && !u && "w-[140px]",
-            r && u && "w-[170px]",
-            N
+            e && "w-[140px]",
+            n && "w-[160px]",
+            !e && !n && "w-[172px]",
+            (u || m) && "w-[200px]",
+            t && !s && "w-[140px]",
+            t && s && "w-[170px]",
+            c
           ),
-          label: c,
-          variant: U,
-          sx: M,
-          ...V,
-          reset: /* @__PURE__ */ t(() => a == null ? void 0 : a(""), "reset"),
-          fullWidth: x,
-          disabledClearButton: $,
-          valueFormatter: b,
+          label: N,
+          variant: M,
+          sx: U,
+          ...k,
+          reset: /* @__PURE__ */ r(() => a == null ? void 0 : a(""), "reset"),
+          fullWidth: l,
+          disabledClearButton: V,
+          valueFormatter: E,
           showTimeSelect: m,
-          showTimeSelectOnly: r,
-          onInputAreaClick: B,
-          onIconClick: G
+          showTimeSelectOnly: t,
+          onInputAreaClick: G,
+          onIconClick: J
         }
       ),
-      timeCaption: r ? `${C("Common.시간")}: ` : void 0,
-      timeInputLabel: `${C("Common.시간")}: `,
-      ...s
+      timeCaption: t ? `${x("Common.시간")}: ` : void 0,
+      timeInputLabel: `${x("Common.시간")}: `,
+      ...j
     }
   );
 }, "OwpDatePicker");
 export {
-  xr as OwpDatePicker
+  Rt as OwpDatePicker
 };
 //# sourceMappingURL=OwpDatePicker.js.map