@owp/core 2.1.5 → 2.1.7

package/dist/components/OwpPageCarded/OwpPageCardedSidebar.js

@@ -0,0 +1,74 @@
+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 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 { 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) => {
+  const { open: n = !0, position: o, variant: e, onClose: l = /* @__PURE__ */ d(() => {
+  }, "onClose") } = a, [i, g] = h(n), s = S((w) => {
+    g(w);
+  }, []);
+  return k(t, () => ({
+    toggleSidebar: s
+  })), v(() => {
+    s(n);
+  }, [s, n]), /* @__PURE__ */ O(f, { children: [
+    /* @__PURE__ */ r(c, { lgUp: e === "permanent", children: /* @__PURE__ */ r(
+      P,
+      {
+        variant: "temporary",
+        anchor: o,
+        open: i,
+        onOpen: /* @__PURE__ */ d(() => {
+        }, "onOpen"),
+        onClose: /* @__PURE__ */ d(() => l(), "onClose"),
+        disableSwipeToOpen: !0,
+        classes: {
+          root: p("OwpPageCarded-sidebarWrapper", e),
+          paper: p(
+            "OwpPageCarded-sidebar",
+            e,
+            o === "left" ? "OwpPageCarded-leftSidebar" : "OwpPageCarded-rightSidebar"
+          )
+        },
+        ModalProps: {
+          keepMounted: !0
+        },
+        BackdropProps: {
+          classes: {
+            root: "OwpPageCarded-backdrop"
+          }
+        },
+        style: { position: "absolute" },
+        children: /* @__PURE__ */ r(m, { ...a })
+      }
+    ) }),
+    e === "permanent" && /* @__PURE__ */ r(c, { lgDown: !0, children: /* @__PURE__ */ r(
+      C,
+      {
+        variant: "permanent",
+        anchor: o,
+        className: p(
+          "OwpPageCarded-sidebarWrapper",
+          e,
+          i ? "opened" : "closed",
+          o === "left" ? "OwpPageCarded-leftSidebar" : "OwpPageCarded-rightSidebar"
+        ),
+        open: i,
+        onClose: l,
+        classes: {
+          paper: p("OwpPageCarded-sidebar", e)
+        },
+        children: /* @__PURE__ */ r(m, { ...a })
+      }
+    ) })
+  ] });
+});
+export {
+  W as OwpPageCardedSidebar
+};
+//# sourceMappingURL=OwpPageCardedSidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OwpPageCardedSidebar.js","sources":["../../../src/components/OwpPageCarded/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

@@ -0,0 +1,13 @@
+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";
+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;
+}
+i(m, "OwpPageCardedSidebarContent");
+export {
+  m as OwpPageCardedSidebarContent
+};
+//# sourceMappingURL=OwpPageCardedSidebarContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OwpPageCardedSidebarContent.js","sources":["../../../src/components/OwpPageCarded/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/OwpPageContent/OwpPageContent.js

@@ -0,0 +1,33 @@
+var m = Object.defineProperty;
+var n = (e, o) => m(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(({
+  title: e,
+  leftSlot: o,
+  centerSlot: a,
+  actions: s,
+  children: d
+}) => {
+  const i = !!(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: [
+      /* @__PURE__ */ l(
+        t,
+        {
+          title: e,
+          leftSlot: o,
+          centerSlot: a,
+          actions: s
+        }
+      ),
+      /* @__PURE__ */ l(c, { className: "my-12" })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "OwpPageContent-body flex min-h-0 flex-1 flex-col", children: d })
+  ] });
+}, "OwpPageContent");
+export {
+  g as OwpPageContent
+};
+//# sourceMappingURL=OwpPageContent.js.map

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

@@ -0,0 +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;"}

package/dist/components/OwpPageLockLoading/OwpPageLockLoading.js

@@ -0,0 +1,26 @@
+var s = Object.defineProperty;
+var e = (o, r) => s(o, "name", { value: r, configurable: !0 });
+import { jsxs as p, jsx 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 { useOwpTranslation as a } from "../../hooks/useOwpTranslation.js";
+import { Typography as c } from "@mui/material";
+import m from "@mui/material/Backdrop";
+import f from "@mui/material/CircularProgress";
+const T = /* @__PURE__ */ e(({ loading: o, title: r }) => {
+  const { t: i } = a(), t = r ?? i("Common.로딩 중...");
+  return /* @__PURE__ */ p(
+    m,
+    {
+      className: "flex flex-1 flex-col space-y-12",
+      sx: /* @__PURE__ */ e((l) => ({ color: "#fff", zIndex: l.zIndex.tooltip + 1 }), "sx"),
+      open: !!o,
+      children: [
+        /* @__PURE__ */ n(f, { color: "inherit" }),
+        t && /* @__PURE__ */ n(c, { variant: "h6", children: t })
+      ]
+    }
+  );
+}, "OwpPageLockLoading");
+export {
+  T as OwpPageLockLoading
+};
+//# sourceMappingURL=OwpPageLockLoading.js.map

package/dist/components/OwpPageLockLoading/OwpPageLockLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpPageLockLoading.js","sources":["../../../src/components/OwpPageLockLoading/OwpPageLockLoading.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { Typography } from '@mui/material';\nimport Backdrop from '@mui/material/Backdrop';\nimport CircularProgress from '@mui/material/CircularProgress';\n\nexport interface OwpPageLockLoadingProps {\n  loading?: boolean;\n  title?: string;\n}\n\n/**\n * OwpPageLockLoading 컴포넌트\n * @param loading 로딩 여부\n * @param title 제목\n */\nconst OwpPageLockLoading = ({ loading, title }: OwpPageLockLoadingProps) => {\n  const { t } = useOwpTranslation();\n  const resolvedTitle = title ?? t('Common.로딩 중...');\n\n  return (\n    <Backdrop\n      className=\"flex flex-1 flex-col space-y-12\"\n      sx={(theme) => ({ color: '#fff', zIndex: theme.zIndex.tooltip + 1 })}\n      open={Boolean(loading)}\n    >\n      <CircularProgress color=\"inherit\" />\n      {resolvedTitle && <Typography variant=\"h6\">{resolvedTitle}</Typography>}\n    </Backdrop>\n  );\n};\n\nexport { OwpPageLockLoading };\n"],"names":["OwpPageLockLoading","__name","loading","title","t","useOwpTranslation","resolvedTitle","jsxs","Backdrop","theme","jsx","CircularProgress","Typography"],"mappings":";;;;;;;AAeA,MAAMA,IAAqB,gBAAAC,EAAA,CAAC,EAAE,SAAAC,GAAS,OAAAC,QAAqC;AAC1E,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAgBH,KAASC,EAAE,gBAAgB;AAEjD,SACE,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,IAAI,gBAAAP,EAAA,CAACQ,OAAW,EAAE,OAAO,QAAQ,QAAQA,EAAM,OAAO,UAAU,MAA5D;AAAA,MACJ,MAAM,EAAQP;AAAA,MAEd,UAAA;AAAA,QAAA,gBAAAQ,EAACC,GAAA,EAAiB,OAAM,UAAA,CAAU;AAAA,QACjCL,KAAiB,gBAAAI,EAACE,GAAA,EAAW,SAAQ,MAAM,UAAAN,EAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhE,GAd2B;"}

package/dist/components/OwpPageSkeleton/OwpPageSkeleton.js

@@ -0,0 +1,204 @@
+var $ = Object.defineProperty;
+var i = (e, r) => $(e, "name", { value: r, configurable: !0 });
+import { jsx as t, jsxs as c } 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 { Box as _, Skeleton as o } from "@mui/material";
+import { alpha as k } from "@mui/material/styles";
+import { OwpSearchFilter as M } from "../OwpSearchFilter/OwpSearchFilter.js";
+import { OwpPageCarded as H } from "../OwpPageCarded/OwpPageCarded.js";
+const O = 10, D = 10, G = 72, v = 2, B = {
+  table: 4,
+  grid: 6,
+  card: 3,
+  chart: 5,
+  stat: 2
+}, F = [192, 132, 132, 132, 132], U = [52, 40, 52, 52, 40], P = 6, A = ["32%", "92%", "74%", "88%", "68%", "84%", "56%"], L = "flex h-full min-h-0 min-w-0 flex-col overflow-hidden rounded-12 border border-black/10 bg-white shadow-sm", R = "min-h-0 min-w-0", y = /* @__PURE__ */ i((e) => ({
+  "& .MuiSkeleton-root": {
+    backgroundColor: k(e.palette.text.primary, 0.16)
+  },
+  "& .MuiSkeleton-wave::after": {
+    background: `linear-gradient(90deg, transparent, ${k(e.palette.common.white, 0.32)}, transparent)`
+  }
+}), "skeletonToneSx"), N = /* @__PURE__ */ i((e) => Math.max(1, Math.round(e * v)), "normalizeGridSpan"), E = /* @__PURE__ */ i((e) => Math.max(1, Math.round((e - 1) * v) + 1), "normalizeGridStart"), I = /* @__PURE__ */ i((e) => (e - 1) / v + 1, "denormalizeGridStart"), j = /* @__PURE__ */ i((e) => ({
+  gridColumn: `${e.gridColStart} / span ${e.gridColSpan}`,
+  gridRow: `${e.gridRowStart} / span ${e.gridRowSpan}`
+}), "getItemGridStyle"), W = /* @__PURE__ */ i((e, r, a, n, d) => {
+  for (let s = r; s < r + n; s += 1)
+    for (let l = a; l < a + d; l += 1)
+      if (e.has(`${s}:${l}`))
+        return !1;
+  return !0;
+}, "canPlaceItem"), T = /* @__PURE__ */ i((e, r, a, n, d) => {
+  for (let s = r; s < r + n; s += 1)
+    for (let l = a; l < a + d; l += 1)
+      e.add(`${s}:${l}`);
+}, "markItemCells"), z = /* @__PURE__ */ i((e, r) => {
+  const a = /* @__PURE__ */ new Set(), n = [], d = N(r);
+  let s = 1;
+  return e.forEach((l) => {
+    const g = Math.min(l.colSpan ?? r, r), C = l.rowSpan ?? B[l.type], x = N(g), p = N(C);
+    let w = l.colStart ?? 1, f = l.rowStart ?? 1, S = E(w), m = E(f);
+    if (l.colStart || l.rowStart)
+      T(a, m, S, p, x);
+    else {
+      let b = !1;
+      for (let h = 1; !b; h += 1)
+        for (let u = 1; u <= d - x + 1; u += 1)
+          if (W(a, h, u, p, x)) {
+            m = h, S = u, f = I(h), w = I(u), T(a, m, S, p, x), b = !0;
+            break;
+          }
+    }
+    s = Math.max(s, m + p - 1), n.push({
+      ...l,
+      colSpan: g,
+      rowSpan: C,
+      colStart: w,
+      rowStart: f,
+      gridColSpan: x,
+      gridRowSpan: p,
+      gridColStart: S,
+      gridRowStart: m
+    });
+  }), {
+    resolvedItems: n,
+    rowCount: s
+  };
+}, "resolveSkeletonItems"), Y = /* @__PURE__ */ i(() => /* @__PURE__ */ c("div", { className: "flex w-full min-w-0 flex-wrap items-end gap-12", children: [
+  /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-1 flex-wrap items-end gap-12", children: F.map((e, r) => /* @__PURE__ */ c("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ t(o, { variant: "text", width: U[r], height: 18 }),
+    /* @__PURE__ */ t(o, { variant: "rounded", width: e, height: 32 })
+  ] }, r)) }),
+  /* @__PURE__ */ c("div", { className: "ml-auto flex shrink-0 items-center gap-12", children: [
+    /* @__PURE__ */ t(o, { variant: "rounded", width: 72, height: 36 }),
+    /* @__PURE__ */ t(o, { variant: "rounded", width: 72, height: 36 })
+  ] })
+] }), "SearchHeaderSkeleton"), K = /* @__PURE__ */ i(({ item: e, children: r }) => /* @__PURE__ */ c("div", { className: `${L} px-12 py-10`, children: [
+  /* @__PURE__ */ c("div", { className: "flex shrink-0 items-center justify-between gap-12 border-b border-black/10 pb-8", children: [
+    /* @__PURE__ */ t(
+      o,
+      {
+        variant: "text",
+        width: e.type === "card" ? 56 : e.type === "table" ? 92 : 120,
+        height: 28
+      }
+    ),
+    e.type === "card" ? /* @__PURE__ */ t(o, { variant: "rounded", width: 48, height: 24 }) : null
+  ] }),
+  /* @__PURE__ */ t("div", { className: "flex min-h-0 flex-1 flex-col pt-8", children: r })
+] }), "BlockFrame"), q = /* @__PURE__ */ i(() => /* @__PURE__ */ c("div", { className: "flex h-full min-h-0 flex-1 flex-col gap-8", children: [
+  /* @__PURE__ */ t("div", { className: "grid shrink-0 grid-cols-6 gap-8", children: Array.from({ length: P }).map((e, r) => /* @__PURE__ */ t(o, { variant: "rounded", width: "100%", height: 28 }, r)) }),
+  /* @__PURE__ */ t(o, { variant: "rounded", width: "100%", className: "min-h-0 flex-1" })
+] }), "GridBlockSkeleton"), J = /* @__PURE__ */ i(({ rowSpan: e = 4 }) => {
+  const r = e >= 5 ? 6 : e >= 3 ? 4 : 3;
+  return /* @__PURE__ */ c("div", { className: "flex h-full min-h-0 flex-1 flex-col gap-8", children: [
+    Array.from({ length: r }).map((a, n) => /* @__PURE__ */ c("div", { className: "grid grid-cols-[88px_minmax(0,1fr)] gap-8", children: [
+      /* @__PURE__ */ t(o, { variant: "rounded", width: "100%", height: 28 }),
+      /* @__PURE__ */ t(o, { variant: "rounded", width: "100%", height: 28 })
+    ] }, n)),
+    /* @__PURE__ */ t(o, { variant: "rounded", width: "100%", className: "min-h-0 flex-1" })
+  ] });
+}, "TableBlockSkeleton"), Q = /* @__PURE__ */ i(({ rowSpan: e = 3 }) => {
+  const r = e >= 4 ? 4 : 3, a = e >= 4 ? 3 : 2;
+  return /* @__PURE__ */ c("div", { className: "flex h-full min-h-0 flex-1 flex-col gap-12", children: [
+    /* @__PURE__ */ t("div", { className: "grid gap-6", children: Array.from({ length: r }).map((n, d) => /* @__PURE__ */ c("div", { className: "grid grid-cols-[76px_minmax(0,1fr)] gap-6", children: [
+      /* @__PURE__ */ t(o, { variant: "rounded", width: "100%", height: 24 }),
+      /* @__PURE__ */ t(o, { variant: "rounded", width: "100%", height: 24 })
+    ] }, d)) }),
+    /* @__PURE__ */ t("div", { className: "border-t border-black/10" }),
+    /* @__PURE__ */ t("div", { className: "grid gap-6", children: Array.from({ length: a }).map((n, d) => /* @__PURE__ */ c("div", { className: "grid grid-cols-[64px_minmax(0,1fr)] gap-6", children: [
+      /* @__PURE__ */ t(o, { variant: "rounded", width: "100%", height: 24 }),
+      /* @__PURE__ */ t(o, { variant: "rounded", width: "100%", height: 24 })
+    ] }, d)) }),
+    /* @__PURE__ */ t(o, { variant: "rounded", width: "100%", className: "min-h-0 flex-1" })
+  ] });
+}, "CardBlockSkeleton"), V = /* @__PURE__ */ i(({ rowSpan: e = 5 }) => {
+  const r = e >= 6 ? 4 : 3;
+  return /* @__PURE__ */ c("div", { className: "flex h-full min-h-0 flex-1 flex-col gap-12", children: [
+    /* @__PURE__ */ c("div", { className: "flex shrink-0 items-center justify-between gap-12", children: [
+      /* @__PURE__ */ t("div", { className: "flex gap-10", children: Array.from({ length: r }).map((a, n) => /* @__PURE__ */ c("div", { className: "flex items-center gap-6", children: [
+        /* @__PURE__ */ t(o, { variant: "circular", width: 10, height: 10 }),
+        /* @__PURE__ */ t(o, { variant: "text", width: 42, height: 20 })
+      ] }, n)) }),
+      /* @__PURE__ */ t(o, { variant: "rounded", width: 84, height: 24 })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "flex min-h-0 flex-1 items-end gap-8 rounded-10 border border-black/10 px-12 py-12", children: Array.from({ length: 7 }).map((a, n) => /* @__PURE__ */ t(
+      o,
+      {
+        variant: "rounded",
+        width: "100%",
+        height: `${32 + n * 13 % 42}%`
+      },
+      n
+    )) })
+  ] });
+}, "ChartBlockSkeleton"), X = /* @__PURE__ */ i(({ rowSpan: e = 2 }) => {
+  const r = Math.max(0, Math.round(e * v)), a = e <= 0.5 ? 1 : e <= 1 ? 2 : e < 2 ? 3 : e >= 5 ? 8 : e >= 4 ? 7 : e >= 3 ? 6 : 4, n = e <= 0.5 ? "px-16 py-8" : e <= 1 ? "px-16 py-10" : "px-14 py-12", d = e <= 1 ? "flex min-h-0 flex-1 flex-col justify-center gap-6" : "flex min-h-0 flex-1 flex-col justify-between", s = e <= 0.5 ? 18 : e <= 1 ? 20 : 22;
+  return /* @__PURE__ */ t("div", { className: `${L} ${n}`, children: /* @__PURE__ */ t("div", { className: d, children: Array.from({ length: a }).map((l, g) => /* @__PURE__ */ t(
+    o,
+    {
+      variant: "text",
+      width: A[(g + r) % A.length],
+      height: s
+    },
+    g
+  )) }) });
+}, "StatBlockSkeleton"), Z = /* @__PURE__ */ i((e, r, a) => {
+  const n = j(e), d = a ? `${R} box-border p-8` : R;
+  return e.type === "stat" ? /* @__PURE__ */ t("div", { className: d, style: n, children: /* @__PURE__ */ t(X, { rowSpan: e.rowSpan }) }, r) : /* @__PURE__ */ t("div", { className: d, style: n, children: /* @__PURE__ */ t(K, { item: e, children: e.type === "grid" ? /* @__PURE__ */ t(q, {}) : e.type === "chart" ? /* @__PURE__ */ t(V, { rowSpan: e.rowSpan }) : e.type === "table" ? /* @__PURE__ */ t(J, { rowSpan: e.rowSpan }) : /* @__PURE__ */ t(Q, { rowSpan: e.rowSpan }) }) }, r);
+}, "renderContentItem");
+function oe({ spec: e }) {
+  const r = e.columns ?? O, a = e.rowHeight, n = N(r), d = e.fullscreen ?? !1, s = e.fillContentHeight ?? !0, l = e.items.some((h) => h.type === "search-header"), g = e.items.filter(
+    (h) => h.type !== "search-header"
+  ), { resolvedItems: C, rowCount: x } = z(g, r), p = Math.max(N(D), x), w = !l, f = l && !s, m = /* @__PURE__ */ t(
+    "div",
+    {
+      className: w ? f ? "grid -m-8" : "grid min-h-0 flex-1 overflow-hidden -m-8" : f ? "grid gap-16" : "grid min-h-0 flex-1 overflow-hidden gap-16",
+      style: {
+        gridTemplateColumns: `repeat(${n}, minmax(0, 1fr))`,
+        ...a ? {
+          gridAutoRows: `${a / v}px`
+        } : f ? {
+          gridAutoRows: `${G / v}px`
+        } : {
+          gridTemplateRows: `repeat(${p}, minmax(0, 1fr))`,
+          gridAutoRows: "minmax(0, 1fr)"
+        }
+      },
+      children: C.map((h, u) => Z(h, u, w))
+    }
+  ), b = /* @__PURE__ */ t(
+    _,
+    {
+      className: f ? "box-border w-full p-4" : "box-border flex min-h-0 w-full flex-1 flex-col p-4",
+      sx: y,
+      children: m
+    }
+  );
+  return l ? /* @__PURE__ */ t(
+    H,
+    {
+      fillContentHeight: s,
+      header: /* @__PURE__ */ t(_, { className: "w-full", sx: y, children: /* @__PURE__ */ t(M, { skeleton: !0, children: /* @__PURE__ */ t(Y, {}) }) }),
+      content: b
+    }
+  ) : d ? /* @__PURE__ */ t(
+    _,
+    {
+      className: "fixed inset-0 z-10 box-border flex min-h-0 flex-col overflow-hidden bg-slate-100 p-16",
+      sx: y,
+      children: m
+    }
+  ) : /* @__PURE__ */ t(
+    _,
+    {
+      className: "box-border flex min-h-0 w-full flex-1 flex-col overflow-hidden bg-slate-100 p-16",
+      sx: y,
+      children: m
+    }
+  );
+}
+i(oe, "OwpPageSkeleton");
+export {
+  oe as OwpPageSkeleton
+};
+//# sourceMappingURL=OwpPageSkeleton.js.map

package/dist/components/OwpPageSkeleton/OwpPageSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpPageSkeleton.js","sources":["../../../src/components/OwpPageSkeleton/OwpPageSkeleton.tsx"],"sourcesContent":["import { OwpPageCarded } from '@/components/OwpPageCarded';\nimport { OwpSearchFilter } from '@/components/OwpSearchFilter';\nimport type {\n  OwpPageSkeletonItem,\n  OwpPageSkeletonItemType,\n  OwpPageSkeletonSpec,\n} from '@/contexts/OwpAppProvider';\nimport { Box, Skeleton } from '@mui/material';\nimport { alpha, type Theme } from '@mui/material/styles';\nimport type { CSSProperties, ReactNode } from 'react';\n\ntype OwpPageSkeletonProps = {\n  spec: OwpPageSkeletonSpec;\n};\n\ntype ResolvedSkeletonItem = OwpPageSkeletonItem & {\n  colSpan: number;\n  rowSpan: number;\n  colStart: number;\n  rowStart: number;\n  gridColSpan: number;\n  gridRowSpan: number;\n  gridColStart: number;\n  gridRowStart: number;\n};\n\ntype ContentSkeletonItem = OwpPageSkeletonItem & {\n  type: Exclude<OwpPageSkeletonItemType, 'search-header'>;\n};\n\nconst DEFAULT_COLUMNS = 10;\nconst DEFAULT_TOTAL_ROWS = 10;\nconst DEFAULT_SCROLLABLE_ROW_HEIGHT = 72;\nconst GRID_UNIT_SCALE = 2;\nconst DEFAULT_ROW_SPAN_BY_TYPE: Record<\n  Exclude<OwpPageSkeletonItemType, 'search-header'>,\n  number\n> = {\n  table: 4,\n  grid: 6,\n  card: 3,\n  chart: 5,\n  stat: 2,\n};\nconst SEARCH_FIELD_WIDTHS = [192, 132, 132, 132, 132];\nconst SEARCH_LABEL_WIDTHS = [52, 40, 52, 52, 40];\nconst GRID_HEADER_COLUMN_COUNT = 6;\nconst STAT_LINE_WIDTHS = ['32%', '92%', '74%', '88%', '68%', '84%', '56%'];\nconst BLOCK_SURFACE_CLASS_NAME =\n  'flex h-full min-h-0 min-w-0 flex-col overflow-hidden rounded-12 border border-black/10 bg-white shadow-sm';\nconst GRID_ITEM_CLASS_NAME = 'min-h-0 min-w-0';\nconst skeletonToneSx = (theme: Theme) => ({\n  '& .MuiSkeleton-root': {\n    backgroundColor: alpha(theme.palette.text.primary, 0.16),\n  },\n  '& .MuiSkeleton-wave::after': {\n    background: `linear-gradient(90deg, transparent, ${alpha(theme.palette.common.white, 0.32)}, transparent)`,\n  },\n});\n\nconst normalizeGridSpan = (value: number) => Math.max(1, Math.round(value * GRID_UNIT_SCALE));\n\nconst normalizeGridStart = (value: number) =>\n  Math.max(1, Math.round((value - 1) * GRID_UNIT_SCALE) + 1);\n\nconst denormalizeGridStart = (value: number) => (value - 1) / GRID_UNIT_SCALE + 1;\n\nconst getItemGridStyle = (item: ResolvedSkeletonItem): CSSProperties => {\n  return {\n    gridColumn: `${item.gridColStart} / span ${item.gridColSpan}`,\n    gridRow: `${item.gridRowStart} / span ${item.gridRowSpan}`,\n  };\n};\n\nconst canPlaceItem = (\n  occupiedCells: Set<string>,\n  rowStart: number,\n  colStart: number,\n  rowSpan: number,\n  colSpan: number,\n) => {\n  for (let row = rowStart; row < rowStart + rowSpan; row += 1) {\n    for (let col = colStart; col < colStart + colSpan; col += 1) {\n      if (occupiedCells.has(`${row}:${col}`)) {\n        return false;\n      }\n    }\n  }\n\n  return true;\n};\n\nconst markItemCells = (\n  occupiedCells: Set<string>,\n  rowStart: number,\n  colStart: number,\n  rowSpan: number,\n  colSpan: number,\n) => {\n  for (let row = rowStart; row < rowStart + rowSpan; row += 1) {\n    for (let col = colStart; col < colStart + colSpan; col += 1) {\n      occupiedCells.add(`${row}:${col}`);\n    }\n  }\n};\n\nconst resolveSkeletonItems = (items: ContentSkeletonItem[], columns: number) => {\n  const occupiedCells = new Set<string>();\n  const resolvedItems: ResolvedSkeletonItem[] = [];\n  const gridColumns = normalizeGridSpan(columns);\n  let maxRow = 1;\n\n  items.forEach((item) => {\n    const colSpan = Math.min(item.colSpan ?? columns, columns);\n    const rowSpan = item.rowSpan ?? DEFAULT_ROW_SPAN_BY_TYPE[item.type];\n    const gridColSpan = normalizeGridSpan(colSpan);\n    const gridRowSpan = normalizeGridSpan(rowSpan);\n    let colStart = item.colStart ?? 1;\n    let rowStart = item.rowStart ?? 1;\n    let gridColStart = normalizeGridStart(colStart);\n    let gridRowStart = normalizeGridStart(rowStart);\n\n    if (item.colStart || item.rowStart) {\n      markItemCells(occupiedCells, gridRowStart, gridColStart, gridRowSpan, gridColSpan);\n    } else {\n      let isPlaced = false;\n\n      for (let row = 1; !isPlaced; row += 1) {\n        for (let col = 1; col <= gridColumns - gridColSpan + 1; col += 1) {\n          if (!canPlaceItem(occupiedCells, row, col, gridRowSpan, gridColSpan)) {\n            continue;\n          }\n\n          gridRowStart = row;\n          gridColStart = col;\n          rowStart = denormalizeGridStart(row);\n          colStart = denormalizeGridStart(col);\n          markItemCells(occupiedCells, gridRowStart, gridColStart, gridRowSpan, gridColSpan);\n          isPlaced = true;\n          break;\n        }\n      }\n    }\n\n    maxRow = Math.max(maxRow, gridRowStart + gridRowSpan - 1);\n    resolvedItems.push({\n      ...item,\n      colSpan,\n      rowSpan,\n      colStart,\n      rowStart,\n      gridColSpan,\n      gridRowSpan,\n      gridColStart,\n      gridRowStart,\n    });\n  });\n\n  return {\n    resolvedItems,\n    rowCount: maxRow,\n  };\n};\n\nconst SearchHeaderSkeleton = () => {\n  return (\n    <div className=\"flex w-full min-w-0 flex-wrap items-end gap-12\">\n      <div className=\"flex min-w-0 flex-1 flex-wrap items-end gap-12\">\n        {SEARCH_FIELD_WIDTHS.map((width, index) => (\n          <div key={index} className=\"flex flex-col gap-6\">\n            <Skeleton variant=\"text\" width={SEARCH_LABEL_WIDTHS[index]} height={18} />\n            <Skeleton variant=\"rounded\" width={width} height={32} />\n          </div>\n        ))}\n      </div>\n\n      <div className=\"ml-auto flex shrink-0 items-center gap-12\">\n        <Skeleton variant=\"rounded\" width={72} height={36} />\n        <Skeleton variant=\"rounded\" width={72} height={36} />\n      </div>\n    </div>\n  );\n};\n\nconst BlockFrame = ({ item, children }: { item: OwpPageSkeletonItem; children: ReactNode }) => {\n  return (\n    <div className={`${BLOCK_SURFACE_CLASS_NAME} px-12 py-10`}>\n      <div className=\"flex shrink-0 items-center justify-between gap-12 border-b border-black/10 pb-8\">\n        <Skeleton\n          variant=\"text\"\n          width={item.type === 'card' ? 56 : item.type === 'table' ? 92 : 120}\n          height={28}\n        />\n        {item.type === 'card' ? <Skeleton variant=\"rounded\" width={48} height={24} /> : null}\n      </div>\n      <div className=\"flex min-h-0 flex-1 flex-col pt-8\">{children}</div>\n    </div>\n  );\n};\n\nconst GridBlockSkeleton = () => {\n  return (\n    <div className=\"flex h-full min-h-0 flex-1 flex-col gap-8\">\n      <div className=\"grid shrink-0 grid-cols-6 gap-8\">\n        {Array.from({ length: GRID_HEADER_COLUMN_COUNT }).map((_, index) => (\n          <Skeleton key={index} variant=\"rounded\" width=\"100%\" height={28} />\n        ))}\n      </div>\n      <Skeleton variant=\"rounded\" width=\"100%\" className=\"min-h-0 flex-1\" />\n    </div>\n  );\n};\n\nconst TableBlockSkeleton = ({ rowSpan = 4 }: { rowSpan?: number }) => {\n  const rowCount = rowSpan >= 5 ? 6 : rowSpan >= 3 ? 4 : 3;\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-1 flex-col gap-8\">\n      {Array.from({ length: rowCount }).map((_, index) => (\n        <div key={index} className=\"grid grid-cols-[88px_minmax(0,1fr)] gap-8\">\n          <Skeleton variant=\"rounded\" width=\"100%\" height={28} />\n          <Skeleton variant=\"rounded\" width=\"100%\" height={28} />\n        </div>\n      ))}\n      <Skeleton variant=\"rounded\" width=\"100%\" className=\"min-h-0 flex-1\" />\n    </div>\n  );\n};\n\nconst CardBlockSkeleton = ({ rowSpan = 3 }: { rowSpan?: number }) => {\n  const summaryRowCount = rowSpan >= 4 ? 4 : 3;\n  const detailRowCount = rowSpan >= 4 ? 3 : 2;\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-1 flex-col gap-12\">\n      <div className=\"grid gap-6\">\n        {Array.from({ length: summaryRowCount }).map((_, index) => (\n          <div key={index} className=\"grid grid-cols-[76px_minmax(0,1fr)] gap-6\">\n            <Skeleton variant=\"rounded\" width=\"100%\" height={24} />\n            <Skeleton variant=\"rounded\" width=\"100%\" height={24} />\n          </div>\n        ))}\n      </div>\n      <div className=\"border-t border-black/10\" />\n      <div className=\"grid gap-6\">\n        {Array.from({ length: detailRowCount }).map((_, index) => (\n          <div key={index} className=\"grid grid-cols-[64px_minmax(0,1fr)] gap-6\">\n            <Skeleton variant=\"rounded\" width=\"100%\" height={24} />\n            <Skeleton variant=\"rounded\" width=\"100%\" height={24} />\n          </div>\n        ))}\n      </div>\n      <Skeleton variant=\"rounded\" width=\"100%\" className=\"min-h-0 flex-1\" />\n    </div>\n  );\n};\n\nconst ChartBlockSkeleton = ({ rowSpan = 5 }: { rowSpan?: number }) => {\n  const legendCount = rowSpan >= 6 ? 4 : 3;\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-1 flex-col gap-12\">\n      <div className=\"flex shrink-0 items-center justify-between gap-12\">\n        <div className=\"flex gap-10\">\n          {Array.from({ length: legendCount }).map((_, index) => (\n            <div key={index} className=\"flex items-center gap-6\">\n              <Skeleton variant=\"circular\" width={10} height={10} />\n              <Skeleton variant=\"text\" width={42} height={20} />\n            </div>\n          ))}\n        </div>\n        <Skeleton variant=\"rounded\" width={84} height={24} />\n      </div>\n      <div className=\"flex min-h-0 flex-1 items-end gap-8 rounded-10 border border-black/10 px-12 py-12\">\n        {Array.from({ length: 7 }).map((_, index) => (\n          <Skeleton\n            key={index}\n            variant=\"rounded\"\n            width=\"100%\"\n            height={`${32 + ((index * 13) % 42)}%`}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nconst StatBlockSkeleton = ({ rowSpan = 2 }: { rowSpan?: number }) => {\n  const widthOffset = Math.max(0, Math.round(rowSpan * GRID_UNIT_SCALE));\n  const lineCount =\n    rowSpan <= 0.5 ? 1 : rowSpan <= 1 ? 2 : rowSpan < 2 ? 3 : rowSpan >= 5 ? 8 : rowSpan >= 4 ? 7 : rowSpan >= 3 ? 6 : 4;\n  const containerPaddingClassName =\n    rowSpan <= 0.5\n      ? 'px-16 py-8'\n      : rowSpan <= 1\n        ? 'px-16 py-10'\n        : 'px-14 py-12';\n  const contentClassName =\n    rowSpan <= 1\n      ? 'flex min-h-0 flex-1 flex-col justify-center gap-6'\n      : 'flex min-h-0 flex-1 flex-col justify-between';\n  const lineHeight = rowSpan <= 0.5 ? 18 : rowSpan <= 1 ? 20 : 22;\n\n  return (\n    <div className={`${BLOCK_SURFACE_CLASS_NAME} ${containerPaddingClassName}`}>\n      <div className={contentClassName}>\n        {Array.from({ length: lineCount }).map((_, index) => (\n          <Skeleton\n            key={index}\n            variant=\"text\"\n            width={STAT_LINE_WIDTHS[(index + widthOffset) % STAT_LINE_WIDTHS.length]}\n            height={lineHeight}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nconst renderContentItem = (item: ResolvedSkeletonItem, index: number, useItemPadding: boolean) => {\n  const itemStyle = getItemGridStyle(item);\n  const itemClassName = useItemPadding\n    ? `${GRID_ITEM_CLASS_NAME} box-border p-8`\n    : GRID_ITEM_CLASS_NAME;\n\n  if (item.type === 'stat') {\n    return (\n      <div key={index} className={itemClassName} style={itemStyle}>\n        <StatBlockSkeleton rowSpan={item.rowSpan} />\n      </div>\n    );\n  }\n\n  return (\n    <div key={index} className={itemClassName} style={itemStyle}>\n      <BlockFrame item={item}>\n        {item.type === 'grid' ? (\n          <GridBlockSkeleton />\n        ) : item.type === 'chart' ? (\n          <ChartBlockSkeleton rowSpan={item.rowSpan} />\n        ) : item.type === 'table' ? (\n          <TableBlockSkeleton rowSpan={item.rowSpan} />\n        ) : (\n          <CardBlockSkeleton rowSpan={item.rowSpan} />\n        )}\n      </BlockFrame>\n    </div>\n  );\n};\n\nfunction OwpPageSkeleton({ spec }: OwpPageSkeletonProps) {\n  const columns = spec.columns ?? DEFAULT_COLUMNS;\n  const rowHeight = spec.rowHeight;\n  const totalColumns = normalizeGridSpan(columns);\n  const isFullscreen = spec.fullscreen ?? false;\n  const fillContentHeight = spec.fillContentHeight ?? true;\n  const hasSearchHeader = spec.items.some((item) => item.type === 'search-header');\n  const contentItems = spec.items.filter(\n    (item): item is ContentSkeletonItem => item.type !== 'search-header',\n  );\n  const { resolvedItems, rowCount } = resolveSkeletonItems(contentItems, columns);\n  const totalRows = Math.max(normalizeGridSpan(DEFAULT_TOTAL_ROWS), rowCount);\n  const useItemPadding = !hasSearchHeader;\n  const isScrollableContentLayout = hasSearchHeader && !fillContentHeight;\n  const contentGridClassName = useItemPadding\n    ? isScrollableContentLayout\n      ? 'grid -m-8'\n      : 'grid min-h-0 flex-1 overflow-hidden -m-8'\n    : isScrollableContentLayout\n      ? 'grid gap-16'\n      : 'grid min-h-0 flex-1 overflow-hidden gap-16';\n  const contentGrid = (\n    <div\n      className={contentGridClassName}\n      style={{\n        gridTemplateColumns: `repeat(${totalColumns}, minmax(0, 1fr))`,\n        ...(rowHeight\n          ? {\n              gridAutoRows: `${rowHeight / GRID_UNIT_SCALE}px`,\n            }\n          : isScrollableContentLayout\n            ? {\n                gridAutoRows: `${DEFAULT_SCROLLABLE_ROW_HEIGHT / GRID_UNIT_SCALE}px`,\n              }\n          : {\n              gridTemplateRows: `repeat(${totalRows}, minmax(0, 1fr))`,\n              gridAutoRows: 'minmax(0, 1fr)',\n            }),\n      }}\n    >\n      {resolvedItems.map((item, index) => renderContentItem(item, index, useItemPadding))}\n    </div>\n  );\n\n  const content = (\n    <Box\n      className={\n        isScrollableContentLayout\n          ? 'box-border w-full p-4'\n          : 'box-border flex min-h-0 w-full flex-1 flex-col p-4'\n      }\n      sx={skeletonToneSx}\n    >\n      {contentGrid}\n    </Box>\n  );\n\n  if (!hasSearchHeader) {\n    if (isFullscreen) {\n      return (\n        <Box\n          className=\"fixed inset-0 z-10 box-border flex min-h-0 flex-col overflow-hidden bg-slate-100 p-16\"\n          sx={skeletonToneSx}\n        >\n          {contentGrid}\n        </Box>\n      );\n    }\n\n    return (\n      <Box\n        className=\"box-border flex min-h-0 w-full flex-1 flex-col overflow-hidden bg-slate-100 p-16\"\n        sx={skeletonToneSx}\n      >\n        {contentGrid}\n      </Box>\n    );\n  }\n\n  return (\n    <OwpPageCarded\n      fillContentHeight={fillContentHeight}\n      header={\n        <Box className=\"w-full\" sx={skeletonToneSx}>\n          <OwpSearchFilter skeleton>\n            <SearchHeaderSkeleton />\n          </OwpSearchFilter>\n        </Box>\n      }\n      content={content}\n    />\n  );\n}\n\nexport { OwpPageSkeleton };\n"],"names":["DEFAULT_COLUMNS","DEFAULT_TOTAL_ROWS","DEFAULT_SCROLLABLE_ROW_HEIGHT","GRID_UNIT_SCALE","DEFAULT_ROW_SPAN_BY_TYPE","SEARCH_FIELD_WIDTHS","SEARCH_LABEL_WIDTHS","GRID_HEADER_COLUMN_COUNT","STAT_LINE_WIDTHS","BLOCK_SURFACE_CLASS_NAME","GRID_ITEM_CLASS_NAME","skeletonToneSx","__name","theme","alpha","normalizeGridSpan","value","normalizeGridStart","denormalizeGridStart","getItemGridStyle","item","canPlaceItem","occupiedCells","rowStart","colStart","rowSpan","colSpan","row","col","markItemCells","resolveSkeletonItems","items","columns","resolvedItems","gridColumns","maxRow","gridColSpan","gridRowSpan","gridColStart","gridRowStart","isPlaced","SearchHeaderSkeleton","jsxs","jsx","width","index","Skeleton","BlockFrame","children","GridBlockSkeleton","_","TableBlockSkeleton","rowCount","CardBlockSkeleton","summaryRowCount","detailRowCount","ChartBlockSkeleton","legendCount","StatBlockSkeleton","widthOffset","lineCount","containerPaddingClassName","contentClassName","lineHeight","renderContentItem","useItemPadding","itemStyle","itemClassName","OwpPageSkeleton","spec","rowHeight","totalColumns","isFullscreen","fillContentHeight","hasSearchHeader","contentItems","totalRows","isScrollableContentLayout","contentGrid","content","Box","OwpPageCarded","OwpSearchFilter"],"mappings":";;;;;;;AA8BA,MAAMA,IAAkB,IAClBC,IAAqB,IACrBC,IAAgC,IAChCC,IAAkB,GAClBC,IAGF;AAAA,EACF,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AACR,GACMC,IAAsB,CAAC,KAAK,KAAK,KAAK,KAAK,GAAG,GAC9CC,IAAsB,CAAC,IAAI,IAAI,IAAI,IAAI,EAAE,GACzCC,IAA2B,GAC3BC,IAAmB,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK,GACnEC,IACJ,6GACIC,IAAuB,mBACvBC,IAAiB,gBAAAC,EAAA,CAACC,OAAkB;AAAA,EACxC,uBAAuB;AAAA,IACrB,iBAAiBC,EAAMD,EAAM,QAAQ,KAAK,SAAS,IAAI;AAAA,EAAA;AAAA,EAEzD,8BAA8B;AAAA,IAC5B,YAAY,uCAAuCC,EAAMD,EAAM,QAAQ,OAAO,OAAO,IAAI,CAAC;AAAA,EAAA;AAE9F,IAPuB,mBASjBE,IAAoB,gBAAAH,EAAA,CAACI,MAAkB,KAAK,IAAI,GAAG,KAAK,MAAMA,IAAQb,CAAe,CAAC,GAAlE,sBAEpBc,IAAqB,gBAAAL,EAAA,CAACI,MAC1B,KAAK,IAAI,GAAG,KAAK,OAAOA,IAAQ,KAAKb,CAAe,IAAI,CAAC,GADhC,uBAGrBe,IAAuB,gBAAAN,EAAA,CAACI,OAAmBA,IAAQ,KAAKb,IAAkB,GAAnD,yBAEvBgB,IAAmB,gBAAAP,EAAA,CAACQ,OACjB;AAAA,EACL,YAAY,GAAGA,EAAK,YAAY,WAAWA,EAAK,WAAW;AAAA,EAC3D,SAAS,GAAGA,EAAK,YAAY,WAAWA,EAAK,WAAW;AAAA,IAHnC,qBAOnBC,IAAe,gBAAAT,EAAA,CACnBU,GACAC,GACAC,GACAC,GACAC,MACG;AACH,WAASC,IAAMJ,GAAUI,IAAMJ,IAAWE,GAASE,KAAO;AACxD,aAASC,IAAMJ,GAAUI,IAAMJ,IAAWE,GAASE,KAAO;AACxD,UAAIN,EAAc,IAAI,GAAGK,CAAG,IAAIC,CAAG,EAAE;AACnC,eAAO;AAKb,SAAO;AACT,GAhBqB,iBAkBfC,IAAgB,gBAAAjB,EAAA,CACpBU,GACAC,GACAC,GACAC,GACAC,MACG;AACH,WAASC,IAAMJ,GAAUI,IAAMJ,IAAWE,GAASE,KAAO;AACxD,aAASC,IAAMJ,GAAUI,IAAMJ,IAAWE,GAASE,KAAO;AACxD,MAAAN,EAAc,IAAI,GAAGK,CAAG,IAAIC,CAAG,EAAE;AAGvC,GAZsB,kBAchBE,IAAuB,gBAAAlB,EAAA,CAACmB,GAA8BC,MAAoB;AAC9E,QAAMV,wBAAoB,IAAA,GACpBW,IAAwC,CAAA,GACxCC,IAAcnB,EAAkBiB,CAAO;AAC7C,MAAIG,IAAS;AAEb,SAAAJ,EAAM,QAAQ,CAACX,MAAS;AACtB,UAAMM,IAAU,KAAK,IAAIN,EAAK,WAAWY,GAASA,CAAO,GACnDP,IAAUL,EAAK,WAAWhB,EAAyBgB,EAAK,IAAI,GAC5DgB,IAAcrB,EAAkBW,CAAO,GACvCW,IAActB,EAAkBU,CAAO;AAC7C,QAAID,IAAWJ,EAAK,YAAY,GAC5BG,IAAWH,EAAK,YAAY,GAC5BkB,IAAerB,EAAmBO,CAAQ,GAC1Ce,IAAetB,EAAmBM,CAAQ;AAE9C,QAAIH,EAAK,YAAYA,EAAK;AACxB,MAAAS,EAAcP,GAAeiB,GAAcD,GAAcD,GAAaD,CAAW;AAAA,SAC5E;AACL,UAAII,IAAW;AAEf,eAASb,IAAM,GAAG,CAACa,GAAUb,KAAO;AAClC,iBAASC,IAAM,GAAGA,KAAOM,IAAcE,IAAc,GAAGR,KAAO;AAC7D,cAAKP,EAAaC,GAAeK,GAAKC,GAAKS,GAAaD,CAAW,GAInE;AAAA,YAAAG,IAAeZ,GACfW,IAAeV,GACfL,IAAWL,EAAqBS,CAAG,GACnCH,IAAWN,EAAqBU,CAAG,GACnCC,EAAcP,GAAeiB,GAAcD,GAAcD,GAAaD,CAAW,GACjFI,IAAW;AACX;AAAA;AAAA,IAGN;AAEA,IAAAL,IAAS,KAAK,IAAIA,GAAQI,IAAeF,IAAc,CAAC,GACxDJ,EAAc,KAAK;AAAA,MACjB,GAAGb;AAAA,MACH,SAAAM;AAAA,MACA,SAAAD;AAAA,MACA,UAAAD;AAAA,MACA,UAAAD;AAAA,MACA,aAAAa;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,IAAA,CACD;AAAA,EACH,CAAC,GAEM;AAAA,IACL,eAAAN;AAAA,IACA,UAAUE;AAAA,EAAA;AAEd,GAxD6B,yBA0DvBM,IAAuB,gBAAA7B,EAAA,MAEzB,gBAAA8B,EAAC,OAAA,EAAI,WAAU,kDACb,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,kDACZ,UAAAtC,EAAoB,IAAI,CAACuC,GAAOC,MAC/B,gBAAAH,EAAC,OAAA,EAAgB,WAAU,uBACzB,UAAA;AAAA,IAAA,gBAAAC,EAACG,GAAA,EAAS,SAAQ,QAAO,OAAOxC,EAAoBuC,CAAK,GAAG,QAAQ,IAAI;AAAA,sBACvEC,GAAA,EAAS,SAAQ,WAAU,OAAAF,GAAc,QAAQ,GAAA,CAAI;AAAA,EAAA,KAF9CC,CAGV,CACD,GACH;AAAA,EAEA,gBAAAH,EAAC,OAAA,EAAI,WAAU,6CACb,UAAA;AAAA,IAAA,gBAAAC,EAACG,KAAS,SAAQ,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,sBAClDA,GAAA,EAAS,SAAQ,WAAU,OAAO,IAAI,QAAQ,GAAA,CAAI;AAAA,EAAA,EAAA,CACrD;AAAA,GACF,GAhByB,yBAoBvBC,IAAa,gBAAAnC,EAAA,CAAC,EAAE,MAAAQ,GAAM,UAAA4B,QAExB,gBAAAN,EAAC,OAAA,EAAI,WAAW,GAAGjC,CAAwB,gBACzC,UAAA;AAAA,EAAA,gBAAAiC,EAAC,OAAA,EAAI,WAAU,mFACb,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,OAAO1B,EAAK,SAAS,SAAS,KAAKA,EAAK,SAAS,UAAU,KAAK;AAAA,QAChE,QAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAETA,EAAK,SAAS,SAAS,gBAAAuB,EAACG,GAAA,EAAS,SAAQ,WAAU,OAAO,IAAI,QAAQ,GAAA,CAAI,IAAK;AAAA,EAAA,GAClF;AAAA,EACA,gBAAAH,EAAC,OAAA,EAAI,WAAU,qCAAqC,UAAAK,EAAA,CAAS;AAAA,GAC/D,GAZe,eAgBbC,IAAoB,gBAAArC,EAAA,MAEtB,gBAAA8B,EAAC,OAAA,EAAI,WAAU,6CACb,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,mCACZ,UAAA,MAAM,KAAK,EAAE,QAAQpC,EAAA,CAA0B,EAAE,IAAI,CAAC2C,GAAGL,MACxD,gBAAAF,EAACG,GAAA,EAAqB,SAAQ,WAAU,OAAM,QAAO,QAAQ,GAAA,GAA9CD,CAAkD,CAClE,EAAA,CACH;AAAA,oBACCC,GAAA,EAAS,SAAQ,WAAU,OAAM,QAAO,WAAU,iBAAA,CAAiB;AAAA,GACtE,GATsB,sBAapBK,IAAqB,gBAAAvC,EAAA,CAAC,EAAE,SAAAa,IAAU,QAA8B;AACpE,QAAM2B,IAAW3B,KAAW,IAAI,IAAIA,KAAW,IAAI,IAAI;AAEvD,SACE,gBAAAiB,EAAC,OAAA,EAAI,WAAU,6CACZ,UAAA;AAAA,IAAA,MAAM,KAAK,EAAE,QAAQU,EAAA,CAAU,EAAE,IAAI,CAACF,GAAGL,MACxC,gBAAAH,EAAC,OAAA,EAAgB,WAAU,6CACzB,UAAA;AAAA,MAAA,gBAAAC,EAACG,KAAS,SAAQ,WAAU,OAAM,QAAO,QAAQ,IAAI;AAAA,wBACpDA,GAAA,EAAS,SAAQ,WAAU,OAAM,QAAO,QAAQ,GAAA,CAAI;AAAA,IAAA,EAAA,GAF7CD,CAGV,CACD;AAAA,sBACAC,GAAA,EAAS,SAAQ,WAAU,OAAM,QAAO,WAAU,iBAAA,CAAiB;AAAA,EAAA,GACtE;AAEJ,GAd2B,uBAgBrBO,IAAoB,gBAAAzC,EAAA,CAAC,EAAE,SAAAa,IAAU,QAA8B;AACnE,QAAM6B,IAAkB7B,KAAW,IAAI,IAAI,GACrC8B,IAAiB9B,KAAW,IAAI,IAAI;AAE1C,SACE,gBAAAiB,EAAC,OAAA,EAAI,WAAU,8CACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAI,WAAU,cACZ,UAAA,MAAM,KAAK,EAAE,QAAQW,EAAA,CAAiB,EAAE,IAAI,CAACJ,GAAGL,MAC/C,gBAAAH,EAAC,OAAA,EAAgB,WAAU,6CACzB,UAAA;AAAA,MAAA,gBAAAC,EAACG,KAAS,SAAQ,WAAU,OAAM,QAAO,QAAQ,IAAI;AAAA,wBACpDA,GAAA,EAAS,SAAQ,WAAU,OAAM,QAAO,QAAQ,GAAA,CAAI;AAAA,IAAA,KAF7CD,CAGV,CACD,GACH;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,2BAAA,CAA2B;AAAA,sBACzC,OAAA,EAAI,WAAU,cACZ,UAAA,MAAM,KAAK,EAAE,QAAQY,EAAA,CAAgB,EAAE,IAAI,CAACL,GAAGL,MAC9C,gBAAAH,EAAC,OAAA,EAAgB,WAAU,6CACzB,UAAA;AAAA,MAAA,gBAAAC,EAACG,KAAS,SAAQ,WAAU,OAAM,QAAO,QAAQ,IAAI;AAAA,wBACpDA,GAAA,EAAS,SAAQ,WAAU,OAAM,QAAO,QAAQ,GAAA,CAAI;AAAA,IAAA,KAF7CD,CAGV,CACD,GACH;AAAA,sBACCC,GAAA,EAAS,SAAQ,WAAU,OAAM,QAAO,WAAU,iBAAA,CAAiB;AAAA,EAAA,GACtE;AAEJ,GA1B0B,sBA4BpBU,IAAqB,gBAAA5C,EAAA,CAAC,EAAE,SAAAa,IAAU,QAA8B;AACpE,QAAMgC,IAAchC,KAAW,IAAI,IAAI;AAEvC,SACE,gBAAAiB,EAAC,OAAA,EAAI,WAAU,8CACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,qDACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,SAAI,WAAU,eACZ,UAAA,MAAM,KAAK,EAAE,QAAQc,EAAA,CAAa,EAAE,IAAI,CAACP,GAAGL,MAC3C,gBAAAH,EAAC,OAAA,EAAgB,WAAU,2BACzB,UAAA;AAAA,QAAA,gBAAAC,EAACG,KAAS,SAAQ,YAAW,OAAO,IAAI,QAAQ,IAAI;AAAA,0BACnDA,GAAA,EAAS,SAAQ,QAAO,OAAO,IAAI,QAAQ,GAAA,CAAI;AAAA,MAAA,KAFxCD,CAGV,CACD,GACH;AAAA,wBACCC,GAAA,EAAS,SAAQ,WAAU,OAAO,IAAI,QAAQ,GAAA,CAAI;AAAA,IAAA,GACrD;AAAA,IACA,gBAAAH,EAAC,OAAA,EAAI,WAAU,qFACZ,gBAAM,KAAK,EAAE,QAAQ,EAAA,CAAG,EAAE,IAAI,CAACO,GAAGL,MACjC,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QAEC,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,QAAQ,GAAG,KAAOD,IAAQ,KAAM,EAAG;AAAA,MAAA;AAAA,MAH9BA;AAAA,IAAA,CAKR,EAAA,CACH;AAAA,EAAA,GACF;AAEJ,GA5B2B,uBA8BrBa,IAAoB,gBAAA9C,EAAA,CAAC,EAAE,SAAAa,IAAU,QAA8B;AACnE,QAAMkC,IAAc,KAAK,IAAI,GAAG,KAAK,MAAMlC,IAAUtB,CAAe,CAAC,GAC/DyD,IACJnC,KAAW,MAAM,IAAIA,KAAW,IAAI,IAAIA,IAAU,IAAI,IAAIA,KAAW,IAAI,IAAIA,KAAW,IAAI,IAAIA,KAAW,IAAI,IAAI,GAC/GoC,IACJpC,KAAW,MACP,eACAA,KAAW,IACT,gBACA,eACFqC,IACJrC,KAAW,IACP,sDACA,gDACAsC,IAAatC,KAAW,MAAM,KAAKA,KAAW,IAAI,KAAK;AAE7D,SACE,gBAAAkB,EAAC,SAAI,WAAW,GAAGlC,CAAwB,IAAIoD,CAAyB,IACtE,UAAA,gBAAAlB,EAAC,OAAA,EAAI,WAAWmB,GACb,UAAA,MAAM,KAAK,EAAE,QAAQF,EAAA,CAAW,EAAE,IAAI,CAACV,GAAGL,MACzC,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MAEC,SAAQ;AAAA,MACR,OAAOtC,GAAkBqC,IAAQc,KAAenD,EAAiB,MAAM;AAAA,MACvE,QAAQuD;AAAA,IAAA;AAAA,IAHHlB;AAAA,EAAA,CAKR,GACH,EAAA,CACF;AAEJ,GA9B0B,sBAgCpBmB,IAAoB,gBAAApD,EAAA,CAACQ,GAA4ByB,GAAeoB,MAA4B;AAChG,QAAMC,IAAY/C,EAAiBC,CAAI,GACjC+C,IAAgBF,IAClB,GAAGvD,CAAoB,oBACvBA;AAEJ,SAAIU,EAAK,SAAS,SAEd,gBAAAuB,EAAC,OAAA,EAAgB,WAAWwB,GAAe,OAAOD,GAChD,UAAA,gBAAAvB,EAACe,GAAA,EAAkB,SAAStC,EAAK,QAAA,CAAS,EAAA,GADlCyB,CAEV,sBAKD,OAAA,EAAgB,WAAWsB,GAAe,OAAOD,GAChD,4BAACnB,GAAA,EAAW,MAAA3B,GACT,UAAAA,EAAK,SAAS,SACb,gBAAAuB,EAACM,GAAA,CAAA,CAAkB,IACjB7B,EAAK,SAAS,UAChB,gBAAAuB,EAACa,GAAA,EAAmB,SAASpC,EAAK,SAAS,IACzCA,EAAK,SAAS,UAChB,gBAAAuB,EAACQ,KAAmB,SAAS/B,EAAK,SAAS,sBAE1CiC,GAAA,EAAkB,SAASjC,EAAK,QAAA,CAAS,GAE9C,KAXQyB,CAYV;AAEJ,GA7B0B;AA+B1B,SAASuB,GAAgB,EAAE,MAAAC,KAA8B;AACvD,QAAMrC,IAAUqC,EAAK,WAAWrE,GAC1BsE,IAAYD,EAAK,WACjBE,IAAexD,EAAkBiB,CAAO,GACxCwC,IAAeH,EAAK,cAAc,IAClCI,IAAoBJ,EAAK,qBAAqB,IAC9CK,IAAkBL,EAAK,MAAM,KAAK,CAACjD,MAASA,EAAK,SAAS,eAAe,GACzEuD,IAAeN,EAAK,MAAM;AAAA,IAC9B,CAACjD,MAAsCA,EAAK,SAAS;AAAA,EAAA,GAEjD,EAAE,eAAAa,GAAe,UAAAmB,EAAA,IAAatB,EAAqB6C,GAAc3C,CAAO,GACxE4C,IAAY,KAAK,IAAI7D,EAAkBd,CAAkB,GAAGmD,CAAQ,GACpEa,IAAiB,CAACS,GAClBG,IAA4BH,KAAmB,CAACD,GAQhDK,IACJ,gBAAAnC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WATyBsB,IACzBY,IACE,cACA,6CACFA,IACE,gBACA;AAAA,MAIF,OAAO;AAAA,QACL,qBAAqB,UAAUN,CAAY;AAAA,QAC3C,GAAID,IACA;AAAA,UACE,cAAc,GAAGA,IAAYnE,CAAe;AAAA,QAAA,IAE9C0E,IACE;AAAA,UACE,cAAc,GAAG3E,IAAgCC,CAAe;AAAA,QAAA,IAEpE;AAAA,UACE,kBAAkB,UAAUyE,CAAS;AAAA,UACrC,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,MAGL,UAAA3C,EAAc,IAAI,CAACb,GAAMyB,MAAUmB,EAAkB5C,GAAMyB,GAAOoB,CAAc,CAAC;AAAA,IAAA;AAAA,EAAA,GAIhFc,IACJ,gBAAApC;AAAA,IAACqC;AAAA,IAAA;AAAA,MACC,WACEH,IACI,0BACA;AAAA,MAEN,IAAIlE;AAAA,MAEH,UAAAmE;AAAA,IAAA;AAAA,EAAA;AAIL,SAAKJ,IAuBH,gBAAA/B;AAAA,IAACsC;AAAA,IAAA;AAAA,MACC,mBAAAR;AAAA,MACA,QACE,gBAAA9B,EAACqC,GAAA,EAAI,WAAU,UAAS,IAAIrE,GAC1B,UAAA,gBAAAgC,EAACuC,GAAA,EAAgB,UAAQ,IACvB,UAAA,gBAAAvC,EAACF,GAAA,CAAA,CAAqB,GACxB,GACF;AAAA,MAEF,SAAAsC;AAAA,IAAA;AAAA,EAAA,IA/BEP,IAEA,gBAAA7B;AAAA,IAACqC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,IAAIrE;AAAA,MAEH,UAAAmE;AAAA,IAAA;AAAA,EAAA,IAML,gBAAAnC;AAAA,IAACqC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,IAAIrE;AAAA,MAEH,UAAAmE;AAAA,IAAA;AAAA,EAAA;AAkBT;AA5FSlE,EAAAwD,IAAA;"}

package/dist/components/OwpPageTitle/OwpPageTitle.js

@@ -0,0 +1,22 @@
+var l = Object.defineProperty;
+var d = (e, n) => l(e, "name", { value: n, configurable: !0 });
+import { jsxs as r, jsx as i, Fragment 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 o 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";
+const f = /* @__PURE__ */ d(({ title: e, leftSlot: n, centerSlot: s, actions: c }) => {
+  const m = e != null && e !== "";
+  return /* @__PURE__ */ r("div", { className: "flex justify-between items-center min-h-[44px]", children: [
+    /* @__PURE__ */ r("div", { className: "flex items-center gap-12", children: [
+      m && /* @__PURE__ */ r(a, { children: [
+        /* @__PURE__ */ i(o, { sx: { fontSize: 32, color: "secondary.main" } }),
+        /* @__PURE__ */ i("h5", { className: "text-3xl font-medium", children: e })
+      ] }),
+      n && /* @__PURE__ */ i("div", { children: n })
+    ] }),
+    s && /* @__PURE__ */ i("div", { children: s }),
+    c && /* @__PURE__ */ i("div", { children: c })
+  ] });
+}, "OwpPageTitle");
+export {
+  f as OwpPageTitle
+};
+//# sourceMappingURL=OwpPageTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OwpPageTitle.js","sources":["../../../src/components/OwpPageTitle/OwpPageTitle.tsx"],"sourcesContent":["import FitbitIcon from '@mui/icons-material/Fitbit';\nimport type { ReactNode } from 'react';\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\n  return (\n    <div className=\"flex justify-between items-center min-h-[44px]\">\n      <div className=\"flex items-center gap-12\">\n        {hasTitle && (\n          <>\n            <FitbitIcon sx={{ fontSize: 32, color: 'secondary.main' }} />\n            <h5 className=\"text-3xl font-medium\">{title}</h5>\n          </>\n        )}\n        {leftSlot && <div>{leftSlot}</div>}\n      </div>\n      {centerSlot && <div>{centerSlot}</div>}\n      {actions && <div>{actions}</div>}\n    </div>\n  );\n};\n\nexport { OwpPageTitle };\n"],"names":["OwpPageTitle","__name","title","leftSlot","centerSlot","actions","hasTitle","jsxs","Fragment","jsx","FitbitIcon"],"mappings":";;;;AAiBA,MAAMA,IAAe,gBAAAC,EAAA,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,YAAAC,GAAY,SAAAC,QAAiC;AACpF,QAAMC,IAAkCJ,KAAU,QAAQA,MAAU;AAEpE,SACE,gBAAAK,EAAC,OAAA,EAAI,WAAU,kDACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,4BACZ,UAAA;AAAA,MAAAD,KACC,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAW,IAAI,EAAE,UAAU,IAAI,OAAO,oBAAoB;AAAA,QAC3D,gBAAAD,EAAC,MAAA,EAAG,WAAU,wBAAwB,UAAAP,EAAA,CAAM;AAAA,MAAA,GAC9C;AAAA,MAEDC,KAAY,gBAAAM,EAAC,OAAA,EAAK,UAAAN,EAAA,CAAS;AAAA,IAAA,GAC9B;AAAA,IACCC,KAAc,gBAAAK,EAAC,OAAA,EAAK,UAAAL,EAAA,CAAW;AAAA,IAC/BC,KAAW,gBAAAI,EAAC,OAAA,EAAK,UAAAJ,EAAA,CAAQ;AAAA,EAAA,GAC5B;AAEJ,GAlBqB;"}

package/dist/components/OwpPicker/AnimatedCalendarContainer.js

@@ -0,0 +1,43 @@
+var v = Object.defineProperty;
+var m = (n, u) => v(n, "name", { value: u, 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 { clsx as R } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useRef as a, useState as f, useEffect as w } from "react";
+import { CalendarContainer as C } from "./CalendarContainer.js";
+const p = 200, I = /* @__PURE__ */ m(({
+  children: n,
+  container: u = C
+}) => {
+  const o = !!n, i = a(o), e = a(void 0), r = a(void 0), t = a(void 0), [d, s] = f(n ?? null), [A, c] = f(
+    o ? "open" : "closed"
+  );
+  return w(() => () => {
+    e.current && (window.cancelAnimationFrame(e.current), e.current = void 0), r.current && (window.cancelAnimationFrame(r.current), r.current = void 0), t.current && window.clearTimeout(t.current);
+  }, []), w(() => {
+    if (o) {
+      t.current && window.clearTimeout(t.current), s(n), i.current || (e.current && (window.cancelAnimationFrame(e.current), e.current = void 0), r.current && (window.cancelAnimationFrame(r.current), r.current = void 0), c("opening"), e.current = window.requestAnimationFrame(() => {
+        e.current = void 0, r.current = window.requestAnimationFrame(() => {
+          r.current = void 0, c("open");
+        });
+      })), i.current = !0;
+      return;
+    }
+    i.current && (i.current = !1, c("closing"), t.current = window.setTimeout(() => {
+      s(null), c("closed");
+    }, p));
+  }, [n, o]), d ? /* @__PURE__ */ l(u, { children: /* @__PURE__ */ l(
+    "div",
+    {
+      className: R("owp-animated-calendar-container"),
+      "data-state": A,
+      style: {
+        "--owp-calendar-transition-duration": `${p}ms`
+      },
+      children: d
+    }
+  ) }) : null;
+}, "AnimatedCalendarContainer");
+export {
+  I as AnimatedCalendarContainer
+};
+//# sourceMappingURL=AnimatedCalendarContainer.js.map

package/dist/components/OwpPicker/AnimatedCalendarContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedCalendarContainer.js","sources":["../../../src/components/OwpPicker/AnimatedCalendarContainer.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { type CSSProperties, type ComponentType, type ReactNode, useEffect, useRef, useState } from 'react';\nimport { CalendarContainer } from './CalendarContainer';\n\nconst CALENDAR_TRANSITION_DURATION = 200;\n\ninterface Props {\n  children?: ReactNode;\n  container?: ComponentType<{ children?: ReactNode }>;\n}\n\n/**\n * DatePicker popper transition container\n */\nexport const AnimatedCalendarContainer = ({\n  children,\n  container: ContainerComponent = CalendarContainer,\n}: Props) => {\n  const hasChildren = Boolean(children);\n  const wasOpenRef = useRef(hasChildren);\n  const openFrameRef = useRef<number | undefined>(undefined);\n  const settleFrameRef = useRef<number | undefined>(undefined);\n  const closeTimerRef = useRef<number | undefined>(undefined);\n  const [renderedChildren, setRenderedChildren] = useState<ReactNode>(children ?? null);\n  const [state, setState] = useState<'opening' | 'open' | 'closing' | 'closed'>(\n    hasChildren ? 'open' : 'closed',\n  );\n\n  useEffect(() => {\n    return () => {\n      if (openFrameRef.current) {\n        window.cancelAnimationFrame(openFrameRef.current);\n        openFrameRef.current = undefined;\n      }\n\n      if (settleFrameRef.current) {\n        window.cancelAnimationFrame(settleFrameRef.current);\n        settleFrameRef.current = undefined;\n      }\n\n      if (closeTimerRef.current) {\n        window.clearTimeout(closeTimerRef.current);\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    if (hasChildren) {\n      if (closeTimerRef.current) {\n        window.clearTimeout(closeTimerRef.current);\n      }\n\n      setRenderedChildren(children);\n\n      if (!wasOpenRef.current) {\n        if (openFrameRef.current) {\n          window.cancelAnimationFrame(openFrameRef.current);\n          openFrameRef.current = undefined;\n        }\n\n        if (settleFrameRef.current) {\n          window.cancelAnimationFrame(settleFrameRef.current);\n          settleFrameRef.current = undefined;\n        }\n\n        setState('opening');\n        openFrameRef.current = window.requestAnimationFrame(() => {\n          openFrameRef.current = undefined;\n          settleFrameRef.current = window.requestAnimationFrame(() => {\n            settleFrameRef.current = undefined;\n            setState('open');\n          });\n        });\n      }\n\n      wasOpenRef.current = true;\n      return;\n    }\n\n    if (!wasOpenRef.current) {\n      return;\n    }\n\n    wasOpenRef.current = false;\n    setState('closing');\n    closeTimerRef.current = window.setTimeout(() => {\n      setRenderedChildren(null);\n      setState('closed');\n    }, CALENDAR_TRANSITION_DURATION);\n  }, [children, hasChildren]);\n\n  if (!renderedChildren) {\n    return null;\n  }\n\n  return (\n    <ContainerComponent>\n      <div\n        className={clsx('owp-animated-calendar-container')}\n        data-state={state}\n        style={\n          {\n            '--owp-calendar-transition-duration': `${CALENDAR_TRANSITION_DURATION}ms`,\n          } as CSSProperties\n        }\n      >\n        {renderedChildren}\n      </div>\n    </ContainerComponent>\n  );\n};\n"],"names":["CALENDAR_TRANSITION_DURATION","AnimatedCalendarContainer","__name","children","ContainerComponent","CalendarContainer","hasChildren","wasOpenRef","useRef","openFrameRef","settleFrameRef","closeTimerRef","renderedChildren","setRenderedChildren","useState","state","setState","useEffect","jsx","clsx"],"mappings":";;;;;;AAIA,MAAMA,IAA+B,KAUxBC,IAA4B,gBAAAC,EAAA,CAAC;AAAA,EACxC,UAAAC;AAAA,EACA,WAAWC,IAAqBC;AAClC,MAAa;AACX,QAAMC,IAAc,EAAQH,GACtBI,IAAaC,EAAOF,CAAW,GAC/BG,IAAeD,EAA2B,MAAS,GACnDE,IAAiBF,EAA2B,MAAS,GACrDG,IAAgBH,EAA2B,MAAS,GACpD,CAACI,GAAkBC,CAAmB,IAAIC,EAAoBX,KAAY,IAAI,GAC9E,CAACY,GAAOC,CAAQ,IAAIF;AAAA,IACxBR,IAAc,SAAS;AAAA,EAAA;AAkEzB,SA/DAW,EAAU,MACD,MAAM;AACX,IAAIR,EAAa,YACf,OAAO,qBAAqBA,EAAa,OAAO,GAChDA,EAAa,UAAU,SAGrBC,EAAe,YACjB,OAAO,qBAAqBA,EAAe,OAAO,GAClDA,EAAe,UAAU,SAGvBC,EAAc,WAChB,OAAO,aAAaA,EAAc,OAAO;AAAA,EAE7C,GACC,CAAA,CAAE,GAELM,EAAU,MAAM;AACd,QAAIX,GAAa;AACf,MAAIK,EAAc,WAChB,OAAO,aAAaA,EAAc,OAAO,GAG3CE,EAAoBV,CAAQ,GAEvBI,EAAW,YACVE,EAAa,YACf,OAAO,qBAAqBA,EAAa,OAAO,GAChDA,EAAa,UAAU,SAGrBC,EAAe,YACjB,OAAO,qBAAqBA,EAAe,OAAO,GAClDA,EAAe,UAAU,SAG3BM,EAAS,SAAS,GAClBP,EAAa,UAAU,OAAO,sBAAsB,MAAM;AACxD,QAAAA,EAAa,UAAU,QACvBC,EAAe,UAAU,OAAO,sBAAsB,MAAM;AAC1D,UAAAA,EAAe,UAAU,QACzBM,EAAS,MAAM;AAAA,QACjB,CAAC;AAAA,MACH,CAAC,IAGHT,EAAW,UAAU;AACrB;AAAA,IACF;AAEA,IAAKA,EAAW,YAIhBA,EAAW,UAAU,IACrBS,EAAS,SAAS,GAClBL,EAAc,UAAU,OAAO,WAAW,MAAM;AAC9C,MAAAE,EAAoB,IAAI,GACxBG,EAAS,QAAQ;AAAA,IACnB,GAAGhB,CAA4B;AAAA,EACjC,GAAG,CAACG,GAAUG,CAAW,CAAC,GAErBM,sBAKFR,GAAA,EACC,UAAA,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,iCAAiC;AAAA,MACjD,cAAYJ;AAAA,MACZ,OACE;AAAA,QACE,sCAAsC,GAAGf,CAA4B;AAAA,MAAA;AAAA,MAIxE,UAAAY;AAAA,IAAA;AAAA,EAAA,GAEL,IAhBO;AAkBX,GAhGyC;"}

package/dist/components/OwpPicker/CalendarContainer.js

@@ -0,0 +1,12 @@
+var o = Object.defineProperty;
+var e = (r, t) => o(r, "name", { value: t, configurable: !0 });
+import { jsx 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 a from "../../node_modules/.pnpm/react-overlays@5.2.1_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-overlays/esm/Portal.js";
+const i = /* @__PURE__ */ e(({ children: r }) => {
+  const t = document.getElementById("calendar-portal");
+  return /* @__PURE__ */ n(a, { container: t, children: /* @__PURE__ */ n("div", { children: r }) });
+}, "CalendarContainer");
+export {
+  i as CalendarContainer
+};
+//# sourceMappingURL=CalendarContainer.js.map

package/dist/components/OwpPicker/CalendarContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarContainer.js","sources":["../../../src/components/OwpPicker/CalendarContainer.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { Portal } from 'react-overlays';\n\n/**\n * CalendarContainer 컴포넌트\n * @param children 하위 콘텐츠\n */\nexport const CalendarContainer = ({ children }: { children: ReactNode }) => {\n  const el = document.getElementById('calendar-portal');\n\n  return (\n    <Portal container={el}>\n      <div>{children}</div>\n    </Portal>\n  );\n};\n"],"names":["CalendarContainer","__name","children","el","Portal","jsx"],"mappings":";;;;AAOO,MAAMA,IAAoB,gBAAAC,EAAA,CAAC,EAAE,UAAAC,QAAwC;AAC1E,QAAMC,IAAK,SAAS,eAAe,iBAAiB;AAEpD,2BACGC,GAAA,EAAO,WAAWD,GACjB,UAAA,gBAAAE,EAAC,OAAA,EAAK,UAAAH,GAAS,EAAA,CACjB;AAEJ,GARiC;"}