@owp/core 2.5.18 → 2.5.19

package/dist/_virtual/index15.js

@@ -1,5 +1,5 @@
-var r = {};
+var e = { exports: {} };
 export {
-  r as __exports
+  e as __module
 };
 //# sourceMappingURL=index15.js.map

package/dist/_virtual/index16.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js";
-var p = /* @__PURE__ */ o();
-const s = /* @__PURE__ */ r(p);
+import { __require as t } from "../node_modules/.pnpm/autosuggest-highlight@3.3.4/node_modules/autosuggest-highlight/match/index.js";
+var o = t();
+const m = /* @__PURE__ */ r(o);
 export {
-  s as default
+  m as default
 };
 //# sourceMappingURL=index16.js.map

package/dist/_virtual/index17.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/.pnpm/autosuggest-highlight@3.3.4/node_modules/autosuggest-highlight/match/index.js";
-var o = t();
-const m = /* @__PURE__ */ r(o);
+import { __require as e } from "../node_modules/.pnpm/autosuggest-highlight@3.3.4/node_modules/autosuggest-highlight/parse/index.js";
+var o = e();
+const s = /* @__PURE__ */ r(o);
 export {
-  m as default
+  s as default
 };
 //# sourceMappingURL=index17.js.map

package/dist/_virtual/index18.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as e } from "../node_modules/.pnpm/autosuggest-highlight@3.3.4/node_modules/autosuggest-highlight/parse/index.js";
-var o = e();
-const s = /* @__PURE__ */ r(o);
+import { __require as t } from "../node_modules/.pnpm/react-autosuggest@10.1.0_react@19.2.4/node_modules/react-autosuggest/dist/index.js";
+var o = t();
+const i = /* @__PURE__ */ r(o);
 export {
-  s as default
+  i as default
 };
 //# sourceMappingURL=index18.js.map

package/dist/_virtual/index19.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/.pnpm/react-autosuggest@10.1.0_react@19.2.4/node_modules/react-autosuggest/dist/index.js";
-var o = t();
-const i = /* @__PURE__ */ r(o);
+import { __require as o } from "../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js";
+var p = /* @__PURE__ */ o();
+const s = /* @__PURE__ */ r(p);
 export {
-  i as default
+  s as default
 };
 //# sourceMappingURL=index19.js.map

package/dist/_virtual/index5.js

@@ -1,5 +1,5 @@
-var e = { exports: {} };
+var r = {};
 export {
-  e as __module
+  r as __exports
 };
 //# sourceMappingURL=index5.js.map

package/dist/components/OwpPageContent/OwpPageContent.js

@@ -1,33 +1,35 @@
-var m = Object.defineProperty;
-var n = (e, o) => m(e, "name", { value: o, configurable: !0 });
+var c = Object.defineProperty;
+var n = (e, o) => c(e, "name", { value: o, configurable: !0 });
 import { jsxs as r, 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 { Divider as c } from "@mui/material";
-import { OwpPageTitle as t } from "../OwpPageTitle/OwpPageTitle.js";
-const g = /* @__PURE__ */ n(({
+import { Divider as t } from "@mui/material";
+import { OwpPageTitle as f } from "../OwpPageTitle/OwpPageTitle.js";
+const u = /* @__PURE__ */ n(({
   title: e,
   leftSlot: o,
   centerSlot: a,
   actions: s,
-  children: d
+  children: d,
+  loading: i
 }) => {
-  const i = !!(e != null && e !== "" || o || a || s);
+  const m = !!(e != null && e !== "" || o || a || s);
   return /* @__PURE__ */ r("div", { className: "OwpPageContent-root flex h-full w-full flex-col", children: [
-    i && /* @__PURE__ */ r("div", { className: "OwpPageContent-header sticky", children: [
+    m && /* @__PURE__ */ r("div", { className: "OwpPageContent-header sticky", children: [
       /* @__PURE__ */ l(
-        t,
+        f,
         {
           title: e,
           leftSlot: o,
           centerSlot: a,
-          actions: s
+          actions: s,
+          loading: i
         }
       ),
-      /* @__PURE__ */ l(c, { className: "my-12" })
+      /* @__PURE__ */ l(t, { className: "my-12" })
     ] }),
     /* @__PURE__ */ l("div", { className: "OwpPageContent-body flex min-h-0 flex-1 flex-col", children: d })
   ] });
 }, "OwpPageContent");
 export {
-  g as OwpPageContent
+  u as OwpPageContent
 };
 //# sourceMappingURL=OwpPageContent.js.map

package/dist/components/OwpPageContent/OwpPageContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpPageContent.js","sources":["../../../src/components/OwpPageContent/OwpPageContent.tsx"],"sourcesContent":["import { Divider } from '@mui/material';\nimport type { ReactNode } from 'react';\nimport { OwpPageTitle } from '../OwpPageTitle';\n\ninterface OwpPageContentProps {\n  title?: ReactNode;\n  leftSlot?: ReactNode;\n  centerSlot?: ReactNode;\n  actions?: ReactNode;\n  children?: ReactNode;\n}\n\n/**\n * OwpPageContent 컴포넌트\n * @param title 제목\n * @param leftSlot leftSlot 값\n * @param centerSlot centerSlot 값\n * @param actions 액션 영역\n * @param children 하위 콘텐츠\n */\nconst OwpPageContent = ({\n  title,\n  leftSlot,\n  centerSlot,\n  actions,\n  children,\n}: OwpPageContentProps) => {\n  const hasTitle = title !== undefined && title !== null && title !== '';\n  const shouldRenderHeader = Boolean(hasTitle || leftSlot || centerSlot || actions);\n\n  return (\n    <div className=\"OwpPageContent-root flex h-full w-full flex-col\">\n      {shouldRenderHeader && (\n        <div className=\"OwpPageContent-header sticky\">\n          <OwpPageTitle\n            title={title}\n            leftSlot={leftSlot}\n            centerSlot={centerSlot}\n            actions={actions}\n          />\n          <Divider className=\"my-12\" />\n        </div>\n      )}\n      <div className=\"OwpPageContent-body flex min-h-0 flex-1 flex-col\">{children}</div>\n    </div>\n  );\n};\n\nexport { OwpPageContent };\n"],"names":["OwpPageContent","__name","title","leftSlot","centerSlot","actions","children","shouldRenderHeader","jsxs","jsx","OwpPageTitle","Divider"],"mappings":";;;;;AAoBA,MAAMA,IAAiB,gBAAAC,EAAA,CAAC;AAAA,EACtB,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAA2B;AAEzB,QAAMC,IAAqB,GADaL,KAAU,QAAQA,MAAU,MACrBC,KAAYC,KAAcC;AAEzE,SACE,gBAAAG,EAAC,OAAA,EAAI,WAAU,mDACZ,UAAA;AAAA,IAAAD,KACC,gBAAAC,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAAR;AAAA,UACA,UAAAC;AAAA,UACA,YAAAC;AAAA,UACA,SAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,gBAAAI,EAACE,GAAA,EAAQ,WAAU,QAAA,CAAQ;AAAA,IAAA,GAC7B;AAAA,IAEF,gBAAAF,EAAC,OAAA,EAAI,WAAU,oDAAoD,UAAAH,EAAA,CAAS;AAAA,EAAA,GAC9E;AAEJ,GA1BuB;"}
+{"version":3,"file":"OwpPageContent.js","sources":["../../../src/components/OwpPageContent/OwpPageContent.tsx"],"sourcesContent":["import { Divider } from '@mui/material';\nimport type { ReactNode } from 'react';\nimport { OwpPageTitle } from '../OwpPageTitle';\n\ninterface OwpPageContentProps {\n  title?: ReactNode;\n  leftSlot?: ReactNode;\n  centerSlot?: ReactNode;\n  actions?: ReactNode;\n  children?: ReactNode;\n  loading?: boolean;\n}\n\n/**\n * OwpPageContent 컴포넌트\n * @param title 제목\n * @param leftSlot leftSlot 값\n * @param centerSlot centerSlot 값\n * @param actions 액션 영역\n * @param children 하위 콘텐츠\n * @param loading 로딩 상태\n */\nconst OwpPageContent = ({\n  title,\n  leftSlot,\n  centerSlot,\n  actions,\n  children,\n  loading,\n}: OwpPageContentProps) => {\n  const hasTitle = title !== undefined && title !== null && title !== '';\n  const shouldRenderHeader = Boolean(hasTitle || leftSlot || centerSlot || actions);\n\n  return (\n    <div className=\"OwpPageContent-root flex h-full w-full flex-col\">\n      {shouldRenderHeader && (\n        <div className=\"OwpPageContent-header sticky\">\n          <OwpPageTitle\n            title={title}\n            leftSlot={leftSlot}\n            centerSlot={centerSlot}\n            actions={actions}\n            loading={loading}\n          />\n          <Divider className=\"my-12\" />\n        </div>\n      )}\n      <div className=\"OwpPageContent-body flex min-h-0 flex-1 flex-col\">{children}</div>\n    </div>\n  );\n};\n\nexport { OwpPageContent };\n"],"names":["OwpPageContent","__name","title","leftSlot","centerSlot","actions","children","loading","shouldRenderHeader","jsxs","jsx","OwpPageTitle","Divider"],"mappings":";;;;;AAsBA,MAAMA,IAAiB,gBAAAC,EAAA,CAAC;AAAA,EACtB,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AACF,MAA2B;AAEzB,QAAMC,IAAqB,GADaN,KAAU,QAAQA,MAAU,MACrBC,KAAYC,KAAcC;AAEzE,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAU,mDACZ,UAAA;AAAA,IAAAD,KACC,gBAAAC,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAAT;AAAA,UACA,UAAAC;AAAA,UACA,YAAAC;AAAA,UACA,SAAAC;AAAA,UACA,SAAAE;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,gBAAAG,EAACE,GAAA,EAAQ,WAAU,QAAA,CAAQ;AAAA,IAAA,GAC7B;AAAA,IAEF,gBAAAF,EAAC,OAAA,EAAI,WAAU,oDAAoD,UAAAJ,EAAA,CAAS;AAAA,EAAA,GAC9E;AAEJ,GA5BuB;"}

package/dist/components/OwpPageTitle/OwpPageTitle.js

@@ -1,71 +1,73 @@
-var u = Object.defineProperty;
-var c = (e, s) => u(e, "name", { value: s, configurable: !0 });
-import { jsxs as n, 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 { clsx as l } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import h from "../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/Fitbit.js";
-import { useHeaderWrapState as w } from "../../hooks/useHeaderWrapState.js";
-const R = /* @__PURE__ */ c(({ title: e, leftSlot: s, centerSlot: i, actions: f }) => {
-  const d = e != null && e !== "", m = !!(s || i), { containerRef: o, titleRef: t, slotsRef: x, actionsRef: p, isWrapped: r } = w([
+var h = Object.defineProperty;
+var o = (e, r) => h(e, "name", { value: r, configurable: !0 });
+import { jsxs as c, jsx as s } 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 i } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import w from "../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/Fitbit.js";
+import { CircularProgress as N } from "@mui/material";
+import { useHeaderWrapState as y } from "../../hooks/useHeaderWrapState.js";
+const P = /* @__PURE__ */ o(({ title: e, leftSlot: r, centerSlot: l, actions: n, loading: f }) => {
+  const m = e != null && e !== "", d = !!(r || l), { containerRef: t, titleRef: x, slotsRef: p, actionsRef: u, isWrapped: a } = y([
     e,
-    s,
-    i,
+    r,
+    l,
+    n,
     f
   ]);
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ c(
     "div",
     {
-      ref: o,
-      className: l(
+      ref: t,
+      className: i(
         "min-h-[44px] w-full",
-        r ? "flex flex-col gap-8" : "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-x-12 gap-y-8"
+        a ? "flex flex-col gap-8" : "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-x-12 gap-y-8"
       ),
       children: [
-        d && /* @__PURE__ */ n(
+        m && /* @__PURE__ */ c(
           "div",
           {
-            ref: t,
-            className: l(
+            ref: x,
+            className: i(
               "flex shrink-0 items-center gap-12 whitespace-nowrap",
-              r ? "order-1 self-start" : "col-start-1"
+              a ? "order-1 self-start" : "col-start-1"
             ),
             children: [
-              /* @__PURE__ */ a(h, { className: "shrink-0", sx: { fontSize: 32, color: "secondary.main" } }),
-              /* @__PURE__ */ a("h5", { className: "shrink-0 whitespace-nowrap text-3xl font-medium", children: e })
+              f ? /* @__PURE__ */ s(N, { className: "shrink-0", size: 32, sx: { color: "secondary.main" } }) : /* @__PURE__ */ s(w, { className: "shrink-0", sx: { fontSize: 32, color: "secondary.main" } }),
+              /* @__PURE__ */ s("h5", { className: "shrink-0 whitespace-nowrap text-3xl font-medium", children: e })
             ]
           }
         ),
-        m && /* @__PURE__ */ a(
+        d && /* @__PURE__ */ s(
           "div",
           {
-            ref: x,
-            className: l(
+            ref: p,
+            className: i(
               "flex max-w-full",
-              r ? "order-2 self-end justify-end" : "col-start-2 justify-self-center"
+              a ? "order-2 self-end justify-end" : "col-start-2 justify-self-center"
             ),
-            children: /* @__PURE__ */ n(
+            children: /* @__PURE__ */ c(
               "div",
               {
-                className: l(
+                className: i(
                   "flex max-w-full items-center gap-12",
-                  r ? "flex-wrap justify-end" : "flex-nowrap justify-center"
+                  a ? "flex-wrap justify-end" : "flex-nowrap justify-center"
                 ),
                 children: [
-                  s && /* @__PURE__ */ a("div", { className: "max-w-full", children: s }),
-                  i && /* @__PURE__ */ a("div", { className: "max-w-full", children: i })
+                  r && /* @__PURE__ */ s("div", { className: "max-w-full", children: r }),
+                  l && /* @__PURE__ */ s("div", { className: "max-w-full", children: l })
                 ]
               }
             )
           }
         ),
-        f && /* @__PURE__ */ a(
+        n && /* @__PURE__ */ s(
           "div",
           {
-            ref: p,
-            className: l(
+            ref: u,
+            className: i(
               "flex max-w-full justify-end",
-              r ? "order-3 self-end" : "col-start-3 justify-self-end"
+              a ? "order-3 self-end" : "col-start-3 justify-self-end"
             ),
-            children: f
+            children: n
           }
         )
       ]
@@ -73,6 +75,6 @@ const R = /* @__PURE__ */ c(({ title: e, leftSlot: s, centerSlot: i, actions: f
   );
 }, "OwpPageTitle");
 export {
-  R as OwpPageTitle
+  P as OwpPageTitle
 };
 //# sourceMappingURL=OwpPageTitle.js.map

package/dist/components/OwpPageTitle/OwpPageTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpPageTitle.js","sources":["../../../src/components/OwpPageTitle/OwpPageTitle.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport FitbitIcon from '@mui/icons-material/Fitbit';\nimport type { ReactNode } from 'react';\nimport { useHeaderWrapState } from '@/hooks/useHeaderWrapState';\n\ninterface OwpPageTitleProps {\n  title?: ReactNode;\n  leftSlot?: ReactNode;\n  centerSlot?: ReactNode;\n  actions?: ReactNode;\n}\n\n/**\n * OwpPageTitle 컴포넌트\n * @param title 제목\n * @param leftSlot leftSlot 값\n * @param centerSlot centerSlot 값\n * @param actions 액션 영역\n */\nconst OwpPageTitle = ({ title, leftSlot, centerSlot, actions }: OwpPageTitleProps) => {\n  const hasTitle = title !== undefined && title !== null && title !== '';\n  const hasSlots = Boolean(leftSlot || centerSlot);\n  const { containerRef, titleRef, slotsRef, actionsRef, isWrapped } = useHeaderWrapState([\n    title,\n    leftSlot,\n    centerSlot,\n    actions,\n  ]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(\n        'min-h-[44px] w-full',\n        isWrapped\n          ? 'flex flex-col gap-8'\n          : 'grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-x-12 gap-y-8',\n      )}\n    >\n      {hasTitle && (\n        <div\n          ref={titleRef}\n          className={clsx(\n            'flex shrink-0 items-center gap-12 whitespace-nowrap',\n            isWrapped ? 'order-1 self-start' : 'col-start-1',\n          )}\n        >\n          <FitbitIcon className=\"shrink-0\" sx={{ fontSize: 32, color: 'secondary.main' }} />\n          <h5 className=\"shrink-0 whitespace-nowrap text-3xl font-medium\">{title}</h5>\n        </div>\n      )}\n      {hasSlots && (\n        <div\n          ref={slotsRef}\n          className={clsx(\n            'flex max-w-full',\n            isWrapped ? 'order-2 self-end justify-end' : 'col-start-2 justify-self-center',\n          )}\n        >\n          <div\n            className={clsx(\n              'flex max-w-full items-center gap-12',\n              isWrapped ? 'flex-wrap justify-end' : 'flex-nowrap justify-center',\n            )}\n          >\n            {leftSlot && <div className=\"max-w-full\">{leftSlot}</div>}\n            {centerSlot && <div className=\"max-w-full\">{centerSlot}</div>}\n          </div>\n        </div>\n      )}\n      {actions && (\n        <div\n          ref={actionsRef}\n          className={clsx(\n            'flex max-w-full justify-end',\n            isWrapped ? 'order-3 self-end' : 'col-start-3 justify-self-end',\n          )}\n        >\n          {actions}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport { OwpPageTitle };\n"],"names":["OwpPageTitle","__name","title","leftSlot","centerSlot","actions","hasTitle","hasSlots","containerRef","titleRef","slotsRef","actionsRef","isWrapped","useHeaderWrapState","jsxs","clsx","jsx","FitbitIcon"],"mappings":";;;;;;AAmBA,MAAMA,IAAe,gBAAAC,EAAA,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,YAAAC,GAAY,SAAAC,QAAiC;AACpF,QAAMC,IAAkCJ,KAAU,QAAQA,MAAU,IAC9DK,IAAW,GAAQJ,KAAYC,IAC/B,EAAE,cAAAI,GAAc,UAAAC,GAAU,UAAAC,GAAU,YAAAC,GAAY,WAAAC,EAAA,IAAcC,EAAmB;AAAA,IACrFX;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD;AAED,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKN;AAAA,MACL,WAAWO;AAAA,QACT;AAAA,QACAH,IACI,wBACA;AAAA,MAAA;AAAA,MAGL,UAAA;AAAA,QAAAN,KACC,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKL;AAAA,YACL,WAAWM;AAAA,cACT;AAAA,cACAH,IAAY,uBAAuB;AAAA,YAAA;AAAA,YAGrC,UAAA;AAAA,cAAA,gBAAAI,EAACC,GAAA,EAAW,WAAU,YAAW,IAAI,EAAE,UAAU,IAAI,OAAO,iBAAA,EAAiB,CAAG;AAAA,cAChF,gBAAAD,EAAC,MAAA,EAAG,WAAU,mDAAmD,UAAAd,EAAA,CAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAG1EK,KACC,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKN;AAAA,YACL,WAAWK;AAAA,cACT;AAAA,cACAH,IAAY,iCAAiC;AAAA,YAAA;AAAA,YAG/C,UAAA,gBAAAE;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWC;AAAA,kBACT;AAAA,kBACAH,IAAY,0BAA0B;AAAA,gBAAA;AAAA,gBAGvC,UAAA;AAAA,kBAAAT,KAAY,gBAAAa,EAAC,OAAA,EAAI,WAAU,cAAc,UAAAb,GAAS;AAAA,kBAClDC,KAAc,gBAAAY,EAAC,OAAA,EAAI,WAAU,cAAc,UAAAZ,EAAA,CAAW;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACzD;AAAA,QAAA;AAAA,QAGHC,KACC,gBAAAW;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKL;AAAA,YACL,WAAWI;AAAA,cACT;AAAA,cACAH,IAAY,qBAAqB;AAAA,YAAA;AAAA,YAGlC,UAAAP;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR,GAhEqB;"}
+{"version":3,"file":"OwpPageTitle.js","sources":["../../../src/components/OwpPageTitle/OwpPageTitle.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport FitbitIcon from '@mui/icons-material/Fitbit';\nimport { CircularProgress } from '@mui/material';\nimport type { ReactNode } from 'react';\nimport { useHeaderWrapState } from '@/hooks/useHeaderWrapState';\n\ninterface OwpPageTitleProps {\n  title?: ReactNode;\n  leftSlot?: ReactNode;\n  centerSlot?: ReactNode;\n  actions?: ReactNode;\n  loading?: boolean;\n}\n\n/**\n * OwpPageTitle 컴포넌트\n * @param title 제목\n * @param leftSlot leftSlot 값\n * @param centerSlot centerSlot 값\n * @param actions 액션 영역\n * @param loading 로딩 상태\n */\nconst OwpPageTitle = ({ title, leftSlot, centerSlot, actions, loading }: OwpPageTitleProps) => {\n  const hasTitle = title !== undefined && title !== null && title !== '';\n  const hasSlots = Boolean(leftSlot || centerSlot);\n  const { containerRef, titleRef, slotsRef, actionsRef, isWrapped } = useHeaderWrapState([\n    title,\n    leftSlot,\n    centerSlot,\n    actions,\n    loading,\n  ]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(\n        'min-h-[44px] w-full',\n        isWrapped\n          ? 'flex flex-col gap-8'\n          : 'grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-x-12 gap-y-8',\n      )}\n    >\n      {hasTitle && (\n        <div\n          ref={titleRef}\n          className={clsx(\n            'flex shrink-0 items-center gap-12 whitespace-nowrap',\n            isWrapped ? 'order-1 self-start' : 'col-start-1',\n          )}\n        >\n          {loading ? (\n            <CircularProgress className=\"shrink-0\" size={32} sx={{ color: 'secondary.main' }} />\n          ) : (\n            <FitbitIcon className=\"shrink-0\" sx={{ fontSize: 32, color: 'secondary.main' }} />\n          )}\n          <h5 className=\"shrink-0 whitespace-nowrap text-3xl font-medium\">{title}</h5>\n        </div>\n      )}\n      {hasSlots && (\n        <div\n          ref={slotsRef}\n          className={clsx(\n            'flex max-w-full',\n            isWrapped ? 'order-2 self-end justify-end' : 'col-start-2 justify-self-center',\n          )}\n        >\n          <div\n            className={clsx(\n              'flex max-w-full items-center gap-12',\n              isWrapped ? 'flex-wrap justify-end' : 'flex-nowrap justify-center',\n            )}\n          >\n            {leftSlot && <div className=\"max-w-full\">{leftSlot}</div>}\n            {centerSlot && <div className=\"max-w-full\">{centerSlot}</div>}\n          </div>\n        </div>\n      )}\n      {actions && (\n        <div\n          ref={actionsRef}\n          className={clsx(\n            'flex max-w-full justify-end',\n            isWrapped ? 'order-3 self-end' : 'col-start-3 justify-self-end',\n          )}\n        >\n          {actions}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport { OwpPageTitle };\n"],"names":["OwpPageTitle","__name","title","leftSlot","centerSlot","actions","loading","hasTitle","hasSlots","containerRef","titleRef","slotsRef","actionsRef","isWrapped","useHeaderWrapState","jsxs","clsx","jsx","CircularProgress","FitbitIcon"],"mappings":";;;;;;;AAsBA,MAAMA,IAAe,gBAAAC,EAAA,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,YAAAC,GAAY,SAAAC,GAAS,SAAAC,QAAiC;AAC7F,QAAMC,IAAkCL,KAAU,QAAQA,MAAU,IAC9DM,IAAW,GAAQL,KAAYC,IAC/B,EAAE,cAAAK,GAAc,UAAAC,GAAU,UAAAC,GAAU,YAAAC,GAAY,WAAAC,EAAA,IAAcC,EAAmB;AAAA,IACrFZ;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD;AAED,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKN;AAAA,MACL,WAAWO;AAAA,QACT;AAAA,QACAH,IACI,wBACA;AAAA,MAAA;AAAA,MAGL,UAAA;AAAA,QAAAN,KACC,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKL;AAAA,YACL,WAAWM;AAAA,cACT;AAAA,cACAH,IAAY,uBAAuB;AAAA,YAAA;AAAA,YAGpC,UAAA;AAAA,cAAAP,IACC,gBAAAW,EAACC,KAAiB,WAAU,YAAW,MAAM,IAAI,IAAI,EAAE,OAAO,iBAAA,EAAiB,CAAG,IAElF,gBAAAD,EAACE,GAAA,EAAW,WAAU,YAAW,IAAI,EAAE,UAAU,IAAI,OAAO,iBAAA,EAAiB,CAAG;AAAA,cAElF,gBAAAF,EAAC,MAAA,EAAG,WAAU,mDAAmD,UAAAf,EAAA,CAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAG1EM,KACC,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKN;AAAA,YACL,WAAWK;AAAA,cACT;AAAA,cACAH,IAAY,iCAAiC;AAAA,YAAA;AAAA,YAG/C,UAAA,gBAAAE;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWC;AAAA,kBACT;AAAA,kBACAH,IAAY,0BAA0B;AAAA,gBAAA;AAAA,gBAGvC,UAAA;AAAA,kBAAAV,KAAY,gBAAAc,EAAC,OAAA,EAAI,WAAU,cAAc,UAAAd,GAAS;AAAA,kBAClDC,KAAc,gBAAAa,EAAC,OAAA,EAAI,WAAU,cAAc,UAAAb,EAAA,CAAW;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACzD;AAAA,QAAA;AAAA,QAGHC,KACC,gBAAAY;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKL;AAAA,YACL,WAAWI;AAAA,cACT;AAAA,cACAH,IAAY,qBAAqB;AAAA,YAAA;AAAA,YAGlC,UAAAR;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR,GArEqB;"}