@owp/core 2.1.6 → 2.1.7

package/dist/components/OwpYesNoSelector/OwpYesNoSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpYesNoSelector.js","sources":["../../../src/components/OwpYesNoSelector/OwpYesNoSelector.tsx"],"sourcesContent":["import {\n  OwpOptionSelector,\n  type OwpOptionSelectorProps,\n} from '@/components/OwpOptionSelector';\nimport { type ReactNode } from 'react';\n\nexport interface OwpYesNoSelectorProps\n  extends Omit<OwpOptionSelectorProps, 'options'> {\n  yesLabel?: ReactNode;\n  noLabel?: ReactNode;\n}\n\n/**\n * Y/N 선택 Select\n * @param label 입력 라벨\n * @param disableAllValueItem 전체 옵션 노출 여부\n * @param helperText 하단 안내 문구\n * @param yesLabel Y 항목 라벨\n * @param noLabel N 항목 라벨\n */\nconst OwpYesNoSelector = ({\n  yesLabel,\n  noLabel,\n  ...optionSelectorProps\n}: OwpYesNoSelectorProps) => {\n  return (\n    <OwpOptionSelector\n      {...optionSelectorProps}\n      options={[\n        { value: 'Y', label: yesLabel ?? 'Y' },\n        { value: 'N', label: noLabel ?? 'N' },\n      ]}\n    />\n  );\n};\n\nexport { OwpYesNoSelector };\n"],"names":["OwpYesNoSelector","__name","yesLabel","noLabel","optionSelectorProps","jsx","OwpOptionSelector"],"mappings":";;;;AAoBA,MAAMA,IAAmB,gBAAAC,EAAA,CAAC;AAAA,EACxB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,SAAS;AAAA,MACP,EAAE,OAAO,KAAK,OAAOF,KAAY,IAAA;AAAA,MACjC,EAAE,OAAO,KAAK,OAAOC,KAAW,IAAA;AAAA,IAAI;AAAA,EACtC;AAAA,GAXmB;"}

package/dist/components/OwpZoomImageSlider/OwpZoomImageSlider.js

@@ -0,0 +1,66 @@
+var w = Object.defineProperty;
+var e = (c, d) => w(c, "name", { value: d, configurable: !0 });
+import { jsxs as o, 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 u 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/ArrowBackIosNew.js";
+import m 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/ArrowForwardIos.js";
+import { Stack as N, Button as t, Typography as a } from "@mui/material";
+import { clsx as x } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useState as k } from "react";
+import s from "./ZoomImage.js";
+const Z = /* @__PURE__ */ e(({
+  className: c,
+  imageHeight: d,
+  title: I,
+  rightActions: p,
+  isScannerPositionRight: v,
+  imageList: r
+}) => {
+  const [n, f] = k(0);
+  return /* @__PURE__ */ o("div", { className: x("flex flex-col gap-12 w-full", c), children: [
+    /* @__PURE__ */ o(N, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ o("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ l(a, { variant: "h6", children: I }),
+        /* @__PURE__ */ o("div", { className: "pl-20 flex gap-8", children: [
+          /* @__PURE__ */ l(
+            t,
+            {
+              variant: "outlined",
+              size: "small",
+              onClick: /* @__PURE__ */ e(() => f((h) => h - 1), "onClick"),
+              disabled: n === 0,
+              children: /* @__PURE__ */ l(u, {})
+            }
+          ),
+          /* @__PURE__ */ l(
+            t,
+            {
+              variant: "outlined",
+              size: "small",
+              onClick: /* @__PURE__ */ e(() => f((h) => h + 1), "onClick"),
+              disabled: !(r != null && r.length) || n === r.length - 1,
+              children: /* @__PURE__ */ l(m, {})
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ l("div", { className: x("flex items-center", !p && "mr-24"), children: !!(r != null && r.length) && /* @__PURE__ */ o(a, { variant: "h6", children: [
+        n + 1,
+        " / ",
+        r == null ? void 0 : r.length
+      ] }) }),
+      p
+    ] }),
+    !!(r != null && r.length) && /* @__PURE__ */ l(
+      s,
+      {
+        imageHeight: d,
+        isScannerPositionRight: v,
+        src: (r == null ? void 0 : r[n]) ?? ""
+      }
+    )
+  ] });
+}, "OwpZoomImageSlider");
+export {
+  Z as OwpZoomImageSlider
+};
+//# sourceMappingURL=OwpZoomImageSlider.js.map

package/dist/components/OwpZoomImageSlider/OwpZoomImageSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpZoomImageSlider.js","sources":["../../../src/components/OwpZoomImageSlider/OwpZoomImageSlider.tsx"],"sourcesContent":["import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';\nimport ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';\nimport { Button, Stack, Typography } from '@mui/material';\nimport clsx from 'clsx';\nimport { ReactNode, useState } from 'react';\nimport ZoomImage from './ZoomImage';\n\ninterface OwpZoomImageSliderProps {\n  className?: string;\n  imageHeight?: number;\n  title?: ReactNode | string | undefined;\n  rightActions?: ReactNode | undefined;\n  isScannerPositionRight?: boolean;\n  imageList?: string[];\n}\n\n/**\n * OwpZoomImageSlider 컴포넌트\n * @param className CSS 클래스명\n * @param imageHeight imageHeight 값\n * @param title 제목\n * @param rightActions rightActions 값\n * @param isScannerPositionRight isScannerPositionRight 값\n * @param imageList imageList 목록\n */\nconst OwpZoomImageSlider = ({\n  className,\n  imageHeight,\n  title,\n  rightActions,\n  isScannerPositionRight,\n  imageList,\n}: OwpZoomImageSliderProps) => {\n  const [activeImageIndex, setActiveImageIndex] = useState(0);\n\n  return (\n    <div className={clsx('flex flex-col gap-12 w-full', className)}>\n      <Stack direction=\"row\" justifyContent=\"space-between\" alignItems=\"center\">\n        <div className=\"flex items-center\">\n          <Typography variant=\"h6\">{title}</Typography>\n          <div className=\"pl-20 flex gap-8\">\n            <Button\n              variant=\"outlined\"\n              size=\"small\"\n              onClick={() => setActiveImageIndex((prev) => prev - 1)}\n              disabled={activeImageIndex === 0}\n            >\n              <ArrowBackIosNewIcon />\n            </Button>\n            <Button\n              variant=\"outlined\"\n              size=\"small\"\n              onClick={() => setActiveImageIndex((prev) => prev + 1)}\n              disabled={!imageList?.length || activeImageIndex === imageList.length - 1}\n            >\n              <ArrowForwardIosIcon />\n            </Button>\n          </div>\n        </div>\n        <div className={clsx('flex items-center', !rightActions && 'mr-24')}>\n          {Boolean(imageList?.length) && (\n            <Typography variant=\"h6\">\n              {activeImageIndex + 1} / {imageList?.length}\n            </Typography>\n          )}\n        </div>\n        {rightActions}\n      </Stack>\n      {Boolean(imageList?.length) && (\n        <ZoomImage\n          imageHeight={imageHeight}\n          isScannerPositionRight={isScannerPositionRight}\n          src={imageList?.[activeImageIndex] ?? ''}\n        />\n      )}\n    </div>\n  );\n};\n\nexport { OwpZoomImageSlider };\n"],"names":["OwpZoomImageSlider","__name","className","imageHeight","title","rightActions","isScannerPositionRight","imageList","activeImageIndex","setActiveImageIndex","useState","clsx","jsxs","Stack","jsx","Typography","Button","prev","ArrowBackIosNewIcon","ArrowForwardIosIcon","ZoomImage"],"mappings":";;;;;;;;;AAyBA,MAAMA,IAAqB,gBAAAC,EAAA,CAAC;AAAA,EAC1B,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,WAAAC;AACF,MAA+B;AAC7B,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,CAAC;AAE1D,2BACG,OAAA,EAAI,WAAWC,EAAK,+BAA+BT,CAAS,GAC3D,UAAA;AAAA,IAAA,gBAAAU,EAACC,KAAM,WAAU,OAAM,gBAAe,iBAAgB,YAAW,UAC/D,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,QAAA,gBAAAE,EAACC,GAAA,EAAW,SAAQ,MAAM,UAAAX,GAAM;AAAA,QAChC,gBAAAQ,EAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,gBAAAf,EAAA,MAAMQ,EAAoB,CAACQ,MAASA,IAAO,CAAC,GAA5C;AAAA,cACT,UAAUT,MAAqB;AAAA,cAE/B,4BAACU,GAAA,CAAA,CAAoB;AAAA,YAAA;AAAA,UAAA;AAAA,UAEvB,gBAAAJ;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,gBAAAf,EAAA,MAAMQ,EAAoB,CAACQ,MAASA,IAAO,CAAC,GAA5C;AAAA,cACT,UAAU,EAACV,KAAA,QAAAA,EAAW,WAAUC,MAAqBD,EAAU,SAAS;AAAA,cAExE,4BAACY,GAAA,CAAA,CAAoB;AAAA,YAAA;AAAA,UAAA;AAAA,QACvB,EAAA,CACF;AAAA,MAAA,GACF;AAAA,wBACC,OAAA,EAAI,WAAWR,EAAK,qBAAqB,CAACN,KAAgB,OAAO,GAC/D,UAAA,GAAQE,KAAA,QAAAA,EAAW,WAClB,gBAAAK,EAACG,GAAA,EAAW,SAAQ,MACjB,UAAA;AAAA,QAAAP,IAAmB;AAAA,QAAE;AAAA,QAAID,KAAA,gBAAAA,EAAW;AAAA,MAAA,EAAA,CACvC,EAAA,CAEJ;AAAA,MACCF;AAAA,IAAA,GACH;AAAA,IACC,GAAQE,KAAA,QAAAA,EAAW,WAClB,gBAAAO;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,aAAAjB;AAAA,QACA,wBAAAG;AAAA,QACA,MAAKC,KAAA,gBAAAA,EAAYC,OAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,EACxC,GAEJ;AAEJ,GApD2B;"}

package/dist/components/OwpZoomImageSlider/ZoomImage.js

@@ -0,0 +1,49 @@
+var k = Object.defineProperty;
+var t = (e, a) => k(e, "name", { value: a, configurable: !0 });
+import { jsx as o, jsxs 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 { useRef as L, useState as x } from "react";
+const l = 200, u = 200, r = 2, R = /* @__PURE__ */ t(({ position: e }) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: "border border-gray-700 bg-white opacity-50 cursor-crosshair",
+    style: {
+      ...e,
+      position: "absolute",
+      zIndex: 1,
+      width: l,
+      height: u
+    }
+  }
+), "Scanner"), B = /* @__PURE__ */ t(({ imageHeight: e = 400, isScannerPositionRight: a, src: d }) => {
+  const n = L(null), [h, p] = x(), [M, m] = x({});
+  return /* @__PURE__ */ o("div", { className: "flex justify-center items-center w-full h-full", children: /* @__PURE__ */ I("div", { className: "relative", onMouseMove: /* @__PURE__ */ t((f) => {
+    if (!n.current) return;
+    const { left: v, top: y, width: c, height: b } = n.current.getBoundingClientRect(), $ = f.clientX - v, w = f.clientY - y;
+    let s = $ - l / 2, i = w - u / 2;
+    s = Math.max(0, Math.min(c - l, s)), i = Math.max(0, Math.min(b - u, i)), p({ left: s, top: i });
+    const g = n.current, z = g.width, S = g.height;
+    m({
+      position: "absolute",
+      [a ? "right" : "left"]: -(c < e ? e : c) - 20,
+      top: 0,
+      zIndex: 100,
+      backgroundImage: `url(${d})`,
+      backgroundPosition: `-${s * r}px -${i * r}px`,
+      backgroundSize: `${z * r}px ${S * r}px`,
+      backgroundRepeat: "no-repeat",
+      width: `${e}px`,
+      height: `${e}px`,
+      display: "block"
+    });
+  }, "handleMouseMove"), onMouseLeave: /* @__PURE__ */ t(() => {
+    p(null), m({ display: "none" });
+  }, "handleMouseLeave"), children: [
+    /* @__PURE__ */ o("img", { ref: n, style: { height: e }, src: d, alt: "zoom" }),
+    h && /* @__PURE__ */ o(R, { position: h }),
+    /* @__PURE__ */ o("div", { style: M })
+  ] }) });
+}, "ZoomImage");
+export {
+  B as default
+};
+//# sourceMappingURL=ZoomImage.js.map

package/dist/components/OwpZoomImageSlider/ZoomImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomImage.js","sources":["../../../src/components/OwpZoomImageSlider/ZoomImage.tsx"],"sourcesContent":["import { type MouseEvent, useRef, useState } from 'react';\n\ninterface Position {\n  left: number;\n  top: number;\n}\n\nconst scannerWidth = 200;\nconst scannerHeight = 200;\nconst zoomFactor = 2; // 200% 확대\n\nconst Scanner = ({ position }: { position: Position }) => {\n  return (\n    <div\n      className=\"border border-gray-700 bg-white opacity-50 cursor-crosshair\"\n      style={{\n        ...position,\n        position: 'absolute',\n        zIndex: 1,\n        width: scannerWidth,\n        height: scannerHeight,\n      }}\n    />\n  );\n};\n\ninterface ZoomImageProps {\n  imageHeight?: number;\n  src: string;\n  isScannerPositionRight?: boolean;\n}\n\nconst ZoomImage = ({ imageHeight = 400, isScannerPositionRight, src }: ZoomImageProps) => {\n  const imageRef = useRef<HTMLImageElement>(null);\n  const [scannerPosition, setScannerPosition] = useState<Position | null>();\n  const [zoomStyle, setZoomStyle] = useState({});\n\n  const handleMouseMove = (e: MouseEvent) => {\n    if (!imageRef.current) return;\n\n    const { left, top, width, height } = imageRef.current.getBoundingClientRect();\n\n    \n    const x = e.clientX - left;\n    const y = e.clientY - top;\n\n    \n    let scannerLeft = x - scannerWidth / 2;\n    let scannerTop = y - scannerHeight / 2;\n\n    \n    scannerLeft = Math.max(0, Math.min(width - scannerWidth, scannerLeft));\n    scannerTop = Math.max(0, Math.min(height - scannerHeight, scannerTop));\n\n    setScannerPosition({ left: scannerLeft, top: scannerTop });\n\n    \n    const img = imageRef.current;\n    const imgWidth = img.width;\n    const imgHeight = img.height;\n    setZoomStyle({\n      position: 'absolute',\n      [isScannerPositionRight ? 'right' : 'left']:\n        -(width < imageHeight ? imageHeight : width) - 20,\n      top: 0,\n      zIndex: 100,\n      backgroundImage: `url(${src})`,\n      backgroundPosition: `-${scannerLeft * zoomFactor}px -${scannerTop * zoomFactor}px`,\n      backgroundSize: `${imgWidth * zoomFactor}px ${imgHeight * zoomFactor}px`,\n      backgroundRepeat: 'no-repeat',\n      width: `${imageHeight}px`,\n      height: `${imageHeight}px`,\n      display: 'block',\n    });\n  };\n\n  const handleMouseLeave = () => {\n    setScannerPosition(null);\n    setZoomStyle({ display: 'none' });\n  };\n\n  return (\n    <div className=\"flex justify-center items-center w-full h-full\">\n      <div className=\"relative\" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>\n        <img ref={imageRef} style={{ height: imageHeight }} src={src} alt=\"zoom\" />\n        {scannerPosition && <Scanner position={scannerPosition} />}\n        <div style={zoomStyle} />\n      </div>\n    </div>\n  );\n};\n\nexport default ZoomImage;\n"],"names":["scannerWidth","scannerHeight","zoomFactor","Scanner","__name","position","jsx","ZoomImage","imageHeight","isScannerPositionRight","src","imageRef","useRef","scannerPosition","setScannerPosition","useState","zoomStyle","setZoomStyle","jsxs","e","left","top","width","height","x","y","scannerLeft","scannerTop","img","imgWidth","imgHeight"],"mappings":";;;;AAOA,MAAMA,IAAe,KACfC,IAAgB,KAChBC,IAAa,GAEbC,IAAU,gBAAAC,EAAA,CAAC,EAAE,UAAAC,QAEf,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,OAAO;AAAA,MACL,GAAGD;AAAA,MACH,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAOL;AAAA,MACP,QAAQC;AAAA,IAAA;AAAA,EACV;AAAA,GAVU,YAqBVM,IAAY,gBAAAH,EAAA,CAAC,EAAE,aAAAI,IAAc,KAAK,wBAAAC,GAAwB,KAAAC,QAA0B;AACxF,QAAMC,IAAWC,EAAyB,IAAI,GACxC,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxC,CAACC,GAAWC,CAAY,IAAIF,EAAS,CAAA,CAAE;AA8C7C,SACE,gBAAAT,EAAC,OAAA,EAAI,WAAU,kDACb,UAAA,gBAAAY,EAAC,OAAA,EAAI,WAAU,YAAW,aA9CN,gBAAAd,EAAA,CAACe,MAAkB;AACzC,QAAI,CAACR,EAAS,QAAS;AAEvB,UAAM,EAAE,MAAAS,GAAM,KAAAC,GAAK,OAAAC,GAAO,QAAAC,MAAWZ,EAAS,QAAQ,sBAAA,GAGhDa,IAAIL,EAAE,UAAUC,GAChBK,IAAIN,EAAE,UAAUE;AAGtB,QAAIK,IAAcF,IAAIxB,IAAe,GACjC2B,IAAaF,IAAIxB,IAAgB;AAGrC,IAAAyB,IAAc,KAAK,IAAI,GAAG,KAAK,IAAIJ,IAAQtB,GAAc0B,CAAW,CAAC,GACrEC,IAAa,KAAK,IAAI,GAAG,KAAK,IAAIJ,IAAStB,GAAe0B,CAAU,CAAC,GAErEb,EAAmB,EAAE,MAAMY,GAAa,KAAKC,GAAY;AAGzD,UAAMC,IAAMjB,EAAS,SACfkB,IAAWD,EAAI,OACfE,IAAYF,EAAI;AACtB,IAAAX,EAAa;AAAA,MACX,UAAU;AAAA,MACV,CAACR,IAAyB,UAAU,MAAM,GACxC,EAAEa,IAAQd,IAAcA,IAAcc,KAAS;AAAA,MACjD,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,iBAAiB,OAAOZ,CAAG;AAAA,MAC3B,oBAAoB,IAAIgB,IAAcxB,CAAU,OAAOyB,IAAazB,CAAU;AAAA,MAC9E,gBAAgB,GAAG2B,IAAW3B,CAAU,MAAM4B,IAAY5B,CAAU;AAAA,MACpE,kBAAkB;AAAA,MAClB,OAAO,GAAGM,CAAW;AAAA,MACrB,QAAQ,GAAGA,CAAW;AAAA,MACtB,SAAS;AAAA,IAAA,CACV;AAAA,EACH,GArCwB,oBA8CoC,cAPnC,gBAAAJ,EAAA,MAAM;AAC7B,IAAAU,EAAmB,IAAI,GACvBG,EAAa,EAAE,SAAS,QAAQ;AAAA,EAClC,GAHyB,qBAQnB,UAAA;AAAA,IAAA,gBAAAX,EAAC,OAAA,EAAI,KAAKK,GAAU,OAAO,EAAE,QAAQH,EAAA,GAAe,KAAAE,GAAU,KAAI,OAAA,CAAO;AAAA,IACxEG,KAAmB,gBAAAP,EAACH,GAAA,EAAQ,UAAUU,EAAA,CAAiB;AAAA,IACxD,gBAAAP,EAAC,OAAA,EAAI,OAAOU,EAAA,CAAW;AAAA,EAAA,EAAA,CACzB,EAAA,CACF;AAEJ,GA1DkB;"}

package/dist/configs/defaultConfig.js

@@ -0,0 +1,548 @@
+var M = Object.defineProperty;
+var o = (e, r) => M(e, "name", { value: r, configurable: !0 });
+import s from "../layout/themeLayoutConfigs.js";
+import { red as p, lightBlue as d } from "@mui/material/colors";
+import { createTheme as x } from "@mui/material/styles";
+import v from "../_virtual/index.js";
+import { owpDark as c } from "../colors/palettes/dark.js";
+import { merge as i } from "../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/merge.js";
+const h = "1.6rem", m = 0.8, n = 3, O = "layout", a = {
+  palette: {
+    mode: "light",
+    text: {
+      primary: "rgb(17, 24, 39)",
+      secondary: "rgb(107, 114, 128)",
+      disabled: "rgb(149, 156, 169)"
+    },
+    common: {
+      black: "rgb(17, 24, 39)",
+      white: "rgb(255, 255, 255)"
+    },
+    background: {
+      paper: "#FFFFFF",
+      default: "#f6f7f9"
+    },
+    primary: {
+      main: "#232a2d"
+    },
+    secondary: {
+      main: "#039BE5"
+    },
+    success: {
+      main: "#2f7d31"
+    },
+    info: {
+      main: "#9c27b0",
+      contrastText: "#fff"
+    },
+    warning: {
+      main: "#ed7d31",
+      contrastText: "#fff"
+    },
+    error: {
+      main: "#c00000"
+    }
+  }
+}, S = i({}, a, {
+  palette: {
+    background: {
+      default: "#fff"
+    }
+  }
+}), I = i({}, a, {
+  palette: {
+    mode: "dark",
+    background: {
+      default: a.palette.secondary.main
+    }
+  }
+});
+function y() {
+  return typeof document < "u" && document.documentElement.dir === "rtl" ? "rtl" : "ltr";
+}
+o(y, "getDefaultDirection");
+function b(e) {
+  const r = e && s[e] ? e : O;
+  return {
+    style: r,
+    config: s[r].defaults
+  };
+}
+o(b, "getDefaultLayout");
+function f(e) {
+  return {
+    main: i({}, a, e == null ? void 0 : e.default),
+    navbar: i({}, S, e == null ? void 0 : e.defaultNavbar),
+    toolbar: i({}, I, e == null ? void 0 : e.layoutSurfaceDark),
+    footer: i({}, a, e == null ? void 0 : e.defaultDark)
+  };
+}
+o(f, "getDefaultThemeSettings");
+const L = {
+  layout: b(),
+  customScrollbars: !0,
+  direction: y(),
+  theme: f(),
+  defaultAuth: ["admin"],
+  loginRedirectUrl: "/"
+};
+function k() {
+  const e = v.parse(window.location.search, { ignoreQueryPrefix: !0 }), { defaultSettings: r = {} } = e;
+  return typeof r == "string" ? JSON.parse(r) : {};
+}
+o(k, "getParsedQuerySettings");
+function z(e, r) {
+  var l, u;
+  const t = (l = r == null ? void 0 : r.layout) == null ? void 0 : l.style, g = !!t && t !== ((u = e == null ? void 0 : e.layout) == null ? void 0 : u.style);
+  return i(
+    {},
+    e,
+    g ? { layout: b(t) } : {},
+    r
+  );
+}
+o(z, "generateSettings");
+function D(e, r) {
+  const t = i({}, L, {
+    direction: (e == null ? void 0 : e.direction) ?? y(),
+    theme: f(r)
+  });
+  return z(
+    t,
+    i({}, e, k())
+  );
+}
+o(D, "createInitialOwpSettings");
+const W = {
+  typography: {
+    fontFamily: ["Pretendard", "Roboto", '"Helvetica"', "Arial", "sans-serif"].join(","),
+    fontWeightLight: 300,
+    fontWeightRegular: 400,
+    fontWeightMedium: 500
+  },
+  components: {
+    MuiSvgIcon: {
+      defaultProps: {},
+      styleOverrides: {
+        root: {},
+        sizeSmall: {
+          width: 16,
+          height: 16
+        },
+        sizeMedium: {
+          width: 20,
+          height: 20
+        },
+        sizeLarge: {
+          width: 24,
+          height: 24
+        }
+      }
+    },
+    MuiAppBar: {
+      defaultProps: {
+        enableColorOnDark: !0
+      },
+      styleOverrides: {
+        root: {
+          backgroundImage: "none"
+        }
+      }
+    },
+    MuiPickersPopper: {
+      styleOverrides: {
+        root: {
+          zIndex: 99999
+        }
+      }
+    },
+    MuiAutocomplete: {
+      styleOverrides: {
+        popper: {
+          zIndex: 99999
+        }
+      }
+    },
+    MuiButtonBase: {
+      defaultProps: {
+        // disableRipple: true
+      },
+      styleOverrides: {
+        root: {}
+      }
+    },
+    MuiIconButton: {
+      styleOverrides: {
+        root: {
+          borderRadius: 8
+        },
+        sizeMedium: {
+          width: 36,
+          height: 36,
+          maxHeight: 36
+        },
+        sizeSmall: {
+          width: 32,
+          height: 32,
+          maxHeight: 32
+        },
+        sizeLarge: {
+          width: 40,
+          height: 40,
+          maxHeight: 40
+        }
+      }
+    },
+    MuiBadge: {
+      defaultProps: {},
+      styleOverrides: {
+        root: {}
+      }
+    },
+    MuiAvatar: {
+      defaultProps: {},
+      styleOverrides: {
+        root: {
+          width: 36,
+          height: 36
+        }
+      }
+    },
+    MuiButton: {
+      defaultProps: {
+        variant: "text",
+        color: "inherit"
+      },
+      styleOverrides: {
+        root: {
+          textTransform: "none"
+          // lineHeight: 1,
+        },
+        sizeMedium: {
+          borderRadius: 8,
+          height: 36,
+          minHeight: 36,
+          maxHeight: 36
+        },
+        sizeSmall: {
+          borderRadius: 8,
+          height: 32,
+          minHeight: 32,
+          maxHeight: 32
+        },
+        sizeLarge: {
+          height: 40,
+          minHeight: 40,
+          maxHeight: 40,
+          borderRadius: 8
+        },
+        contained: {
+          boxShadow: "none",
+          "&:hover, &:focus": {
+            boxShadow: "none"
+          }
+        }
+      }
+    },
+    MuiButtonGroup: {
+      defaultProps: {
+        color: "secondary"
+      },
+      styleOverrides: {
+        contained: {
+          borderRadius: 8
+        }
+      }
+    },
+    MuiTab: {
+      styleOverrides: {
+        root: {
+          textTransform: "none"
+        }
+      }
+    },
+    MuiDrawer: {
+      styleOverrides: {
+        paper: {}
+      }
+    },
+    MuiDialog: {
+      styleOverrides: {
+        paper: {
+          borderRadius: 12
+        }
+      }
+    },
+    MuiPaper: {
+      styleOverrides: {
+        root: {
+          backgroundImage: "none"
+        },
+        rounded: {
+          borderRadius: 12
+        }
+      }
+    },
+    MuiCard: {
+      styleOverrides: {}
+    },
+    MuiPopover: {
+      styleOverrides: {
+        paper: {
+          borderRadius: 8
+        }
+      }
+    },
+    MuiTextField: {
+      defaultProps: {
+        color: "secondary"
+      },
+      styleOverrides: {
+        root: {
+          "& > .MuiFormHelperText-root": {
+            marginLeft: 11
+          }
+        }
+      }
+    },
+    MuiInputLabel: {
+      defaultProps: {
+        color: "secondary"
+      },
+      styleOverrides: {
+        shrink: {
+          transform: `translate(11px, -7px) scale(${m})`
+        },
+        root: {
+          fontSize: h,
+          transform: "translate(11px, 8px) scale(1)",
+          "&.Mui-focused": {},
+          "&.MuiInputLabel-outlined.MuiInputLabel-shrink": {
+            lineHeight: 1.2,
+            zIndex: 1,
+            "&::before": {
+              content: '""',
+              position: "absolute",
+              inset: `0 -${n}px`,
+              backgroundColor: "var(--mui-palette-background-paper)",
+              borderRadius: 4,
+              zIndex: -1
+            }
+          }
+        }
+      }
+    },
+    MuiSelect: {
+      defaultProps: {
+        color: "secondary"
+      },
+      styleOverrides: {
+        select: {
+          minHeight: 0
+        }
+      }
+    },
+    MuiFormHelperText: {
+      styleOverrides: {
+        root: {}
+      }
+    },
+    MuiInputAdornment: {
+      styleOverrides: {
+        root: {
+          marginRight: 0
+        }
+      }
+    },
+    MuiInputBase: {
+      styleOverrides: {
+        root: {
+          // height: 36,
+          minHeight: 36,
+          borderRadius: 8,
+          lineHeight: 1
+        },
+        legend: {
+          fontSize: "0.75em"
+        },
+        input: {
+          padding: "5px 11px"
+        },
+        adornedStart: {
+          paddingLeft: "11px!important"
+        },
+        sizeSmall: {
+          height: 32,
+          minHeight: 32,
+          borderRadius: 8
+        },
+        sizeMedium: {
+          height: 36,
+          minHeight: 36,
+          borderRadius: 8
+        },
+        sizeLarge: {
+          height: 40,
+          minHeight: 40,
+          borderRadius: 8
+        }
+      }
+    },
+    MuiOutlinedInput: {
+      defaultProps: {
+        color: "secondary"
+      },
+      styleOverrides: {
+        root: {
+          // paddingLeft: 11
+        },
+        input: {
+          padding: "5px 11px"
+        }
+      }
+    },
+    MuiFilledInput: {
+      styleOverrides: {
+        root: {
+          borderRadius: 8,
+          "&:before, &:after": {
+            display: "none"
+          }
+        },
+        input: {
+          padding: "5px 11px"
+        }
+      }
+    },
+    MuiSlider: {
+      defaultProps: {
+        color: "secondary"
+      }
+    },
+    MuiCheckbox: {
+      defaultProps: {
+        color: "secondary"
+      }
+    },
+    MuiRadio: {
+      defaultProps: {
+        color: "secondary"
+      }
+    },
+    MuiSwitch: {
+      defaultProps: {
+        color: "secondary"
+      }
+    },
+    MuiTypography: {
+      variants: [
+        {
+          props: { color: "text.secondary" },
+          style: {
+            color: "text.secondary"
+          }
+        }
+      ]
+    },
+    MuiFormControl: {
+      styleOverrides: {
+        root: {
+          "& .MuiInputLabel-outlined.MuiInputLabel-shrink:not(:empty) + .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline legend": {
+            fontSize: `calc(${h} * ${m})`,
+            maxWidth: "100%"
+          },
+          "& .MuiInputLabel-outlined.MuiInputLabel-shrink:not(:empty) + .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline legend > span:not(.notranslate)": {
+            paddingLeft: `${n}px`,
+            paddingRight: `${n}px`
+          }
+        }
+      }
+    }
+  }
+}, A = {
+  typography: {
+    htmlFontSize: 10,
+    fontSize: 13,
+    body1: {
+      fontSize: "1.3rem"
+    },
+    body2: {
+      fontSize: "1.3rem"
+    }
+  }
+}, $ = {
+  default: {
+    palette: {
+      mode: "light",
+      primary: c,
+      secondary: {
+        light: d[400],
+        main: d[600],
+        dark: d[700]
+      },
+      error: p
+    },
+    status: {
+      danger: "orange"
+    }
+  },
+  defaultDark: {
+    palette: {
+      mode: "dark",
+      primary: c,
+      secondary: {
+        light: d[400],
+        main: d[600],
+        dark: d[700]
+      },
+      error: p
+    },
+    status: {
+      danger: "orange"
+    }
+  }
+};
+function N(e) {
+  const r = x(e);
+  return {
+    border: /* @__PURE__ */ o((t = 1) => ({
+      borderWidth: t,
+      borderStyle: "solid",
+      borderColor: r.palette.divider
+    }), "border"),
+    borderLeft: /* @__PURE__ */ o((t = 1) => ({
+      borderLeftWidth: t,
+      borderStyle: "solid",
+      borderColor: r.palette.divider
+    }), "borderLeft"),
+    borderRight: /* @__PURE__ */ o((t = 1) => ({
+      borderRightWidth: t,
+      borderStyle: "solid",
+      borderColor: r.palette.divider
+    }), "borderRight"),
+    borderTop: /* @__PURE__ */ o((t = 1) => ({
+      borderTopWidth: t,
+      borderStyle: "solid",
+      borderColor: r.palette.divider
+    }), "borderTop"),
+    borderBottom: /* @__PURE__ */ o((t = 1) => ({
+      borderBottomWidth: t,
+      borderStyle: "solid",
+      borderColor: r.palette.divider
+    }), "borderBottom")
+  };
+}
+o(N, "extendThemeWithMixins");
+export {
+  D as createInitialOwpSettings,
+  L as defaultSettings,
+  W as defaultThemeOptions,
+  $ as defaultThemes,
+  N as extendThemeWithMixins,
+  z as generateSettings,
+  b as getDefaultLayout,
+  f as getDefaultThemeSettings,
+  k as getParsedQuerySettings,
+  A as mustHaveThemeOptions
+};
+//# sourceMappingURL=defaultConfig.js.map