@owp/core 2.1.6 → 2.2.0

package/dist/layout/components/navigation/vertical/types/NavVerticalLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavVerticalLink.js","sources":["../../../../../../src/layout/components/navigation/vertical/types/NavVerticalLink.tsx"],"sourcesContent":["import { OwpSvgIcon as SvgIcon } from '@/components/OwpSvgIcon';\nimport { Link, ListItemButton, ListItemButtonProps } from '@mui/material';\nimport ListItemText from '@mui/material/ListItemText';\nimport { styled } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { NavBadge } from '../../NavBadge';\nimport { NavItemComponentProps } from '../../NavItem';\n\ntype ListItemButtonStyleProps = ListItemButtonProps & {\n  itempadding: number;\n};\n\nconst Root = styled(ListItemButton)<ListItemButtonStyleProps>(({ theme, ...props }) => ({\n  minHeight: 36,\n  width: '100%',\n  borderRadius: '8px',\n  margin: '0 0 4px 0',\n  paddingRight: 16,\n  paddingLeft: props.itempadding > 80 ? 80 : props.itempadding,\n  paddingTop: 10,\n  paddingBottom: 10,\n  '&.active': {\n    backgroundColor: `${theme.palette.secondary.main}!important`,\n    color: `${theme.palette.secondary.contrastText}!important`,\n    pointerEvents: 'none',\n    transition: 'border-radius .15s cubic-bezier(0.4,0.0,0.2,1)',\n    '& > .owp-list-item-text-primary': {\n      color: 'inherit',\n    },\n    '& > .owp-list-item-icon': {\n      color: 'inherit',\n    },\n  },\n  '& > .owp-list-item-icon': {\n    marginRight: 16,\n    width: 22,\n    height: 22,\n    minWidth: 22,\n    minHeight: 22,\n    fontSize: 22,\n    lineHeight: '22px',\n    textAlign: 'center',\n  },\n  '& > .owp-list-item-text': {},\n  color: theme.palette.text.primary,\n  textDecoration: 'none!important',\n}));\n\n/**\n * NavVerticalLink\n * Create a vertical Link to use inside the navigation component.\n */\nfunction NavVerticalLink(props: NavItemComponentProps) {\n  const { item, nestedLevel = 0, onItemClick, checkPermission } = props;\n\n  const itempadding = nestedLevel > 0 ? 38 + nestedLevel * 16 : 16;\n\n  let itemProps = {};\n\n  const component = item.url ? Link : 'li';\n\n  if (typeof component !== 'string') {\n    itemProps = {\n      disabled: item.disabled,\n      href: item.url,\n      role: 'button',\n      target: item.target ? item.target : '_blank',\n    };\n  }\n\n  if (checkPermission && !item?.hasPermission) {\n    return null;\n  }\n\n  return (\n    <Root\n      component={component}\n      className=\"owp-list-item\"\n      onClick={() => onItemClick?.(item)}\n      itempadding={itempadding}\n      sx={item.sx}\n      {...itemProps}\n    >\n      {item.icon && (\n        <SvgIcon className={clsx('owp-list-item-icon shrink-0', item.iconClass)} color=\"action\">\n          {item.icon}\n        </SvgIcon>\n      )}\n\n      <ListItemText\n        className=\"owp-list-item-text\"\n        primary={item.title}\n        secondary={item.subtitle}\n        sx={{\n          my: 0,\n          display: 'flex',\n          flexDirection: 'column',\n          gap: 0.25,\n          '& .owp-list-item-text-primary': {\n            fontWeight: 600,\n          },\n          '& .owp-list-item-text-secondary': {\n            fontWeight: 500,\n          },\n        }}\n        classes={{\n          primary: 'text-lg font-medium owp-list-item-text-primary truncate',\n          secondary: 'text-md font-medium owp-list-item-text-secondary leading-normal truncate',\n        }}\n      />\n\n      {item.badge && <NavBadge badge={item.badge} />}\n    </Root>\n  );\n}\n\nexport { NavVerticalLink };\n"],"names":["Root","styled","ListItemButton","theme","props","NavVerticalLink","item","nestedLevel","onItemClick","checkPermission","itempadding","itemProps","component","Link","jsxs","__name","jsx","SvgIcon","clsx","ListItemText","NavBadge"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAOC,EAAOC,CAAc,EAA4B,CAAC,EAAE,OAAAC,GAAO,GAAGC,SAAa;AAAA,EACtF,WAAW;AAAA,EACX,OAAO;AAAA,EACP,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,aAAaA,EAAM,cAAc,KAAK,KAAKA,EAAM;AAAA,EACjD,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,YAAY;AAAA,IACV,iBAAiB,GAAGD,EAAM,QAAQ,UAAU,IAAI;AAAA,IAChD,OAAO,GAAGA,EAAM,QAAQ,UAAU,YAAY;AAAA,IAC9C,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,mCAAmC;AAAA,MACjC,OAAO;AAAA,IAAA;AAAA,IAET,2BAA2B;AAAA,MACzB,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,2BAA2B;AAAA,IACzB,aAAa;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,EAAA;AAAA,EAEb,2BAA2B,CAAA;AAAA,EAC3B,OAAOA,EAAM,QAAQ,KAAK;AAAA,EAC1B,gBAAgB;AAClB,EAAE;AAMF,SAASE,EAAgBD,GAA8B;AACrD,QAAM,EAAE,MAAAE,GAAM,aAAAC,IAAc,GAAG,aAAAC,GAAa,iBAAAC,MAAoBL,GAE1DM,IAAcH,IAAc,IAAI,KAAKA,IAAc,KAAK;AAE9D,MAAII,IAAY,CAAA;AAEhB,QAAMC,IAAYN,EAAK,MAAMO,IAAO;AAWpC,SATI,OAAOD,KAAc,aACvBD,IAAY;AAAA,IACV,UAAUL,EAAK;AAAA,IACf,MAAMA,EAAK;AAAA,IACX,MAAM;AAAA,IACN,QAAQA,EAAK,SAASA,EAAK,SAAS;AAAA,EAAA,IAIpCG,KAAmB,EAACH,KAAA,QAAAA,EAAM,iBACrB,OAIP,gBAAAQ;AAAA,IAACd;AAAA,IAAA;AAAA,MACC,WAAAY;AAAA,MACA,WAAU;AAAA,MACV,SAAS,gBAAAG,EAAA,MAAMP,KAAA,gBAAAA,EAAcF,IAApB;AAAA,MACT,aAAAI;AAAA,MACA,IAAIJ,EAAK;AAAA,MACR,GAAGK;AAAA,MAEH,UAAA;AAAA,QAAAL,EAAK,QACJ,gBAAAU,EAACC,GAAA,EAAQ,WAAWC,EAAK,+BAA+BZ,EAAK,SAAS,GAAG,OAAM,UAC5E,UAAAA,EAAK,MACR;AAAA,QAGF,gBAAAU;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAASb,EAAK;AAAA,YACd,WAAWA,EAAK;AAAA,YAChB,IAAI;AAAA,cACF,IAAI;AAAA,cACJ,SAAS;AAAA,cACT,eAAe;AAAA,cACf,KAAK;AAAA,cACL,iCAAiC;AAAA,gBAC/B,YAAY;AAAA,cAAA;AAAA,cAEd,mCAAmC;AAAA,gBACjC,YAAY;AAAA,cAAA;AAAA,YACd;AAAA,YAEF,SAAS;AAAA,cACP,SAAS;AAAA,cACT,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,QAAA;AAAA,QAGDA,EAAK,SAAS,gBAAAU,EAACI,GAAA,EAAS,OAAOd,EAAK,MAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlD;AA9DSS,EAAAV,GAAA;"}

package/dist/layout/components/toggles/FullScreenToggle.js

@@ -0,0 +1,67 @@
+var F = Object.defineProperty;
+var l = (n, t) => F(n, "name", { value: t, configurable: !0 });
+import { jsx as r } 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 d } from "../../../hooks/useOwpTranslation.js";
+import p from "@mui/material/IconButton";
+import E from "@mui/material/Tooltip";
+import { clsx as a } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useState as w, useLayoutEffect as S, useEffect as x } from "react";
+import { toolbarToggleSx as b } from "./toggleStyles.js";
+import { OwpSvgIcon as g } from "../../../components/OwpSvgIcon/OwpSvgIcon.js";
+const h = typeof window < "u" ? S : x;
+function N(n) {
+  const { className: t = "" } = n, [o, s] = w(!1), { t: u } = d();
+  h(() => (document.onfullscreenchange = () => s(
+    document[c()] != null
+  ), () => {
+    document.onfullscreenchange = null;
+  }));
+  function c() {
+    const e = document;
+    if (typeof e.fullscreenElement < "u")
+      return "fullscreenElement";
+    if (typeof e.mozFullScreenElement < "u")
+      return "mozFullScreenElement";
+    if (typeof e.msFullscreenElement < "u")
+      return "msFullscreenElement";
+    if (typeof e.webkitFullscreenElement < "u")
+      return "webkitFullscreenElement";
+    throw new Error("fullscreenElement is not supported by this browser");
+  }
+  l(c, "getBrowserFullscreenElementProp");
+  function i() {
+    const e = document.documentElement;
+    e.requestFullscreen ? e.requestFullscreen() : e.mozRequestFullScreen ? e.mozRequestFullScreen() : e.webkitRequestFullscreen ? e.webkitRequestFullscreen() : e.msRequestFullscreen && e.msRequestFullscreen();
+  }
+  l(i, "openFullscreen");
+  function m() {
+    const e = document;
+    e.exitFullscreen ? e.exitFullscreen() : e.mozCancelFullScreen ? e.mozCancelFullScreen() : e.webkitExitFullscreen ? e.webkitExitFullscreen() : e.msExitFullscreen && e.msExitFullscreen();
+  }
+  l(m, "closeFullscreen");
+  function f() {
+    const e = document;
+    e.fullscreenElement || e.webkitFullscreenElement || e.mozFullScreenElement ? m() : i();
+  }
+  return l(f, "toggleFullScreen"), /* @__PURE__ */ r(
+    E,
+    {
+      title: u(`Title.전체화면${o ? " 취소" : ""}`),
+      placement: "bottom",
+      children: /* @__PURE__ */ r(
+        p,
+        {
+          sx: b,
+          onClick: f,
+          className: a(t, o && "text-red-500"),
+          children: /* @__PURE__ */ r(g, { size: 20, children: "heroicons-outline:arrows-pointing-out" })
+        }
+      )
+    }
+  );
+}
+l(N, "FullScreenToggle");
+export {
+  N as default
+};
+//# sourceMappingURL=FullScreenToggle.js.map

package/dist/layout/components/toggles/FullScreenToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullScreenToggle.js","sources":["../../../../src/layout/components/toggles/FullScreenToggle.tsx"],"sourcesContent":["import { OwpSvgIcon as SvgIcon } from '@/components/OwpSvgIcon';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport clsx from 'clsx';\nimport { useEffect, useLayoutEffect, useState } from 'react';\nimport { toolbarToggleSx } from './toggleStyles';\n\nconst useEnhancedEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\ntype FullScreenDocumentType = Document & {\n  mozCancelFullScreen?: () => void;\n  msExitFullscreen?: () => void;\n  webkitExitFullscreen?: () => void;\n  mozFullScreenElement?: Element | null;\n  msFullscreenElement?: Element | null;\n  webkitFullscreenElement?: Element | null;\n};\n\ntype FullScreenHTMLElementType = HTMLElement & {\n  mozRequestFullScreen?: () => void;\n  webkitRequestFullscreen?: () => void;\n  msRequestFullscreen?: () => void;\n};\n\ntype FullScreenToggleProps = {\n  className?: string;\n};\n\n/**\n * Full screen toggle.\n */\nfunction FullScreenToggle(props: FullScreenToggleProps) {\n  const { className = '' } = props;\n\n  const [isFullScreen, setIsFullScreen] = useState(false);\n  const { t } = useOwpTranslation();\n\n  useEnhancedEffect(() => {\n    document.onfullscreenchange = () =>\n      setIsFullScreen(\n        (document as FullScreenDocumentType)[getBrowserFullscreenElementProp()] != null,\n      );\n\n    return () => {\n      document.onfullscreenchange = null;\n    };\n  });\n\n  function getBrowserFullscreenElementProp(): keyof FullScreenDocumentType {\n    const doc: FullScreenDocumentType = document as FullScreenDocumentType;\n\n    if (typeof doc.fullscreenElement !== 'undefined') {\n      return 'fullscreenElement';\n    }\n\n    if (typeof doc.mozFullScreenElement !== 'undefined') {\n      return 'mozFullScreenElement';\n    }\n\n    if (typeof doc.msFullscreenElement !== 'undefined') {\n      return 'msFullscreenElement';\n    }\n\n    if (typeof doc.webkitFullscreenElement !== 'undefined') {\n      return 'webkitFullscreenElement';\n    }\n\n    throw new Error('fullscreenElement is not supported by this browser');\n  }\n\n  \n  function openFullscreen() {\n    const elem: FullScreenHTMLElementType = document.documentElement;\n\n    if (elem.requestFullscreen) {\n      elem.requestFullscreen();\n    } else if (elem.mozRequestFullScreen) {\n      \n      elem.mozRequestFullScreen();\n    } else if (elem.webkitRequestFullscreen) {\n      \n      elem.webkitRequestFullscreen();\n    } else if (elem.msRequestFullscreen) {\n      \n      elem.msRequestFullscreen();\n    }\n  }\n\n  \n  function closeFullscreen() {\n    const doc: FullScreenDocumentType = document;\n\n    if (doc.exitFullscreen) {\n      doc.exitFullscreen();\n    } else if (doc.mozCancelFullScreen) {\n      \n      doc.mozCancelFullScreen();\n    } else if (doc.webkitExitFullscreen) {\n      \n      doc.webkitExitFullscreen();\n    } else if (doc.msExitFullscreen) {\n      \n      doc.msExitFullscreen();\n    }\n  }\n\n  function toggleFullScreen() {\n    const doc: FullScreenDocumentType = document;\n\n    if (doc.fullscreenElement || doc.webkitFullscreenElement || doc.mozFullScreenElement) {\n      closeFullscreen();\n    } else {\n      openFullscreen();\n    }\n  }\n\n  return (\n    <Tooltip\n      title={t(`Title.전체화면${isFullScreen ? ' 취소' : ''}`)}\n      placement=\"bottom\"\n    >\n      <IconButton\n        sx={toolbarToggleSx}\n        onClick={toggleFullScreen}\n        className={clsx(className, isFullScreen && 'text-red-500')}\n      >\n        <SvgIcon size={20}>heroicons-outline:arrows-pointing-out</SvgIcon>\n      </IconButton>\n    </Tooltip>\n  );\n}\n\nexport default FullScreenToggle;\n"],"names":["useEnhancedEffect","useLayoutEffect","useEffect","FullScreenToggle","props","className","isFullScreen","setIsFullScreen","useState","t","useOwpTranslation","getBrowserFullscreenElementProp","doc","__name","openFullscreen","elem","closeFullscreen","toggleFullScreen","jsx","Tooltip","IconButton","toolbarToggleSx","clsx","SvgIcon"],"mappings":";;;;;;;;;;AAQA,MAAMA,IAAoB,OAAO,SAAW,MAAcC,IAAkBC;AAwB5E,SAASC,EAAiBC,GAA8B;AACtD,QAAM,EAAE,WAAAC,IAAY,GAAA,IAAOD,GAErB,CAACE,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAChD,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,EAAAV,EAAkB,OAChB,SAAS,qBAAqB,MAC5BO;AAAA,IACG,SAAoCI,EAAA,CAAiC,KAAK;AAAA,EAAA,GAGxE,MAAM;AACX,aAAS,qBAAqB;AAAA,EAChC,EACD;AAED,WAASA,IAAgE;AACvE,UAAMC,IAA8B;AAEpC,QAAI,OAAOA,EAAI,oBAAsB;AACnC,aAAO;AAGT,QAAI,OAAOA,EAAI,uBAAyB;AACtC,aAAO;AAGT,QAAI,OAAOA,EAAI,sBAAwB;AACrC,aAAO;AAGT,QAAI,OAAOA,EAAI,0BAA4B;AACzC,aAAO;AAGT,UAAM,IAAI,MAAM,oDAAoD;AAAA,EACtE;AApBS,EAAAC,EAAAF,GAAA;AAuBT,WAASG,IAAiB;AACxB,UAAMC,IAAkC,SAAS;AAEjD,IAAIA,EAAK,oBACPA,EAAK,kBAAA,IACIA,EAAK,uBAEdA,EAAK,qBAAA,IACIA,EAAK,0BAEdA,EAAK,wBAAA,IACIA,EAAK,uBAEdA,EAAK,oBAAA;AAAA,EAET;AAfS,EAAAF,EAAAC,GAAA;AAkBT,WAASE,IAAkB;AACzB,UAAMJ,IAA8B;AAEpC,IAAIA,EAAI,iBACNA,EAAI,eAAA,IACKA,EAAI,sBAEbA,EAAI,oBAAA,IACKA,EAAI,uBAEbA,EAAI,qBAAA,IACKA,EAAI,oBAEbA,EAAI,iBAAA;AAAA,EAER;AAfS,EAAAC,EAAAG,GAAA;AAiBT,WAASC,IAAmB;AAC1B,UAAML,IAA8B;AAEpC,IAAIA,EAAI,qBAAqBA,EAAI,2BAA2BA,EAAI,uBAC9DI,EAAA,IAEAF,EAAA;AAAA,EAEJ;AARS,SAAAD,EAAAI,GAAA,qBAWP,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOV,EAAE,aAAaH,IAAe,QAAQ,EAAE,EAAE;AAAA,MACjD,WAAU;AAAA,MAEV,UAAA,gBAAAY;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAIC;AAAA,UACJ,SAASJ;AAAA,UACT,WAAWK,EAAKjB,GAAWC,KAAgB,cAAc;AAAA,UAEzD,UAAA,gBAAAY,EAACK,GAAA,EAAQ,MAAM,IAAI,UAAA,wCAAA,CAAqC;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1D;AAAA,EAAA;AAGN;AAnGSV,EAAAV,GAAA;"}

package/dist/layout/components/toggles/LanguageSwitcherToggle.js

@@ -0,0 +1,81 @@
+var T = Object.defineProperty;
+var r = (o, t) => T(o, "name", { value: t, configurable: !0 });
+import { jsxs as g, jsx as n, Fragment as I } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { useGetCurrentLanguage as b, useSetCurrentLanguage as v, useGetLanguageList as N } from "../../../hooks/useCurrentLanguage.js";
+import { useOwpTranslation as w } from "../../../hooks/useOwpTranslation.js";
+import M from "@mui/material/IconButton";
+import j from "@mui/material/ListItemIcon";
+import k from "@mui/material/ListItemText";
+import y from "@mui/material/MenuItem";
+import E from "@mui/material/Popover";
+import S from "@mui/material/Tooltip";
+import { clsx as O } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useState as p } from "react";
+import { useNavigate as z } from "react-router-dom";
+import { toolbarToggleSx as B } from "./toggleStyles.js";
+function u(o) {
+  const { language: t } = o, [i, a] = p(t.id === "lc" || !t.flag);
+  return i ? /* @__PURE__ */ n("span", { className: "flex h-20 w-20 items-center justify-center text-[11px] font-semibold uppercase leading-none", children: t.id }) : /* @__PURE__ */ n(
+    "img",
+    {
+      className: "h-20 w-20 object-contain",
+      src: `assets/images/flags/${t.flag}.svg`,
+      alt: t.id,
+      onError: /* @__PURE__ */ r(() => a(!0), "onError")
+    }
+  );
+}
+r(u, "LanguageMark");
+function W(o) {
+  const { canRefresh: t, className: i } = o, [a, l] = p(null), s = b(), f = v(), d = N(), h = z(), { i18n: L, t: c } = w(), x = /* @__PURE__ */ r((e) => {
+    l(e.currentTarget);
+  }, "langMenuClick"), m = /* @__PURE__ */ r(() => {
+    l(null);
+  }, "langMenuClose");
+  function C(e) {
+    s.id !== e.id && (f(e), L.changeLanguage(e.id), t && h(0)), m();
+  }
+  return r(C, "handleLanguageChange"), /* @__PURE__ */ g(I, { children: [
+    /* @__PURE__ */ n(S, { title: c("Title.언어 변경"), placement: "bottom", children: /* @__PURE__ */ n(
+      M,
+      {
+        sx: /* @__PURE__ */ r((e) => ({
+          ...B(e),
+          color: e.palette.text.primary
+        }), "sx"),
+        onClick: x,
+        className: O(i),
+        "aria-label": c("Title.언어 변경"),
+        children: /* @__PURE__ */ n(u, { language: s }, s.id)
+      }
+    ) }),
+    /* @__PURE__ */ n(
+      E,
+      {
+        open: !!a,
+        anchorEl: a,
+        onClose: m,
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "center"
+        },
+        transformOrigin: {
+          vertical: "top",
+          horizontal: "center"
+        },
+        classes: {
+          paper: "py-8"
+        },
+        children: d.map((e) => /* @__PURE__ */ g(y, { onClick: /* @__PURE__ */ r(() => C(e), "onClick"), children: [
+          /* @__PURE__ */ n(j, { className: "min-w-36", children: /* @__PURE__ */ n(u, { language: e }) }),
+          /* @__PURE__ */ n(k, { primary: e.title })
+        ] }, e.id))
+      }
+    )
+  ] });
+}
+r(W, "LanguageSwitcherToggle");
+export {
+  W as default
+};
+//# sourceMappingURL=LanguageSwitcherToggle.js.map

package/dist/layout/components/toggles/LanguageSwitcherToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSwitcherToggle.js","sources":["../../../../src/layout/components/toggles/LanguageSwitcherToggle.tsx"],"sourcesContent":["import {\n  type CurrentLanguage,\n  useGetCurrentLanguage,\n  useGetLanguageList,\n  useSetCurrentLanguage,\n} from '@/hooks/useCurrentLanguage';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport IconButton from '@mui/material/IconButton';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport MenuItem from '@mui/material/MenuItem';\nimport Popover from '@mui/material/Popover';\nimport Tooltip from '@mui/material/Tooltip';\nimport clsx from 'clsx';\nimport { type MouseEvent, useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { toolbarToggleSx } from './toggleStyles';\n\ntype LanguageSwitcherToggleProps = {\n  canRefresh?: boolean;\n  className?: string;\n};\n\ntype LanguageMarkProps = {\n  language: CurrentLanguage;\n};\n\n/**\n * Language mark with image fallback.\n */\nfunction LanguageMark(props: LanguageMarkProps) {\n  const { language } = props;\n  const [hasImageError, setHasImageError] = useState(language.id === 'lc' || !language.flag);\n\n  if (hasImageError) {\n    return (\n      <span className=\"flex h-20 w-20 items-center justify-center text-[11px] font-semibold uppercase leading-none\">\n        {language.id}\n      </span>\n    );\n  }\n\n  return (\n    <img\n      className=\"h-20 w-20 object-contain\"\n      src={`assets/images/flags/${language.flag}.svg`}\n      alt={language.id}\n      onError={() => setHasImageError(true)}\n    />\n  );\n}\n\n/**\n * Language switcher toggle.\n */\nfunction LanguageSwitcherToggle(props: LanguageSwitcherToggleProps) {\n  const { canRefresh, className } = props;\n  const [menu, setMenu] = useState<null | HTMLElement>(null);\n  const currentLanguage = useGetCurrentLanguage();\n  const setLanguage = useSetCurrentLanguage();\n  const languageList = useGetLanguageList();\n  const navigate = useNavigate();\n\n  const { i18n, t } = useOwpTranslation();\n\n  const langMenuClick = (event: MouseEvent<HTMLElement>) => {\n    setMenu(event.currentTarget);\n  };\n\n  const langMenuClose = () => {\n    setMenu(null);\n  };\n\n  function handleLanguageChange(language: CurrentLanguage) {\n    if (currentLanguage.id !== language.id) {\n      setLanguage(language);\n      i18n.changeLanguage(language.id);\n\n      if (canRefresh) {\n        navigate(0);\n      }\n    }\n    langMenuClose();\n  }\n\n  return (\n    <>\n      <Tooltip title={t('Title.언어 변경')} placement=\"bottom\">\n        <IconButton\n          sx={(theme) => ({\n            ...toolbarToggleSx(theme),\n            color: theme.palette.text.primary,\n          })}\n          onClick={langMenuClick}\n          className={clsx(className)}\n          aria-label={t('Title.언어 변경')}\n        >\n          <LanguageMark key={currentLanguage.id} language={currentLanguage} />\n        </IconButton>\n      </Tooltip>\n      <Popover\n        open={Boolean(menu)}\n        anchorEl={menu}\n        onClose={langMenuClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'center',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'center',\n        }}\n        classes={{\n          paper: 'py-8',\n        }}\n      >\n        {languageList.map((lng) => (\n          <MenuItem key={lng.id} onClick={() => handleLanguageChange(lng)}>\n            <ListItemIcon className=\"min-w-36\">\n              <LanguageMark language={lng} />\n            </ListItemIcon>\n            <ListItemText primary={lng.title} />\n          </MenuItem>\n        ))}\n      </Popover>\n    </>\n  );\n}\n\nexport default LanguageSwitcherToggle;\n"],"names":["LanguageMark","props","language","hasImageError","setHasImageError","useState","jsx","__name","LanguageSwitcherToggle","canRefresh","className","menu","setMenu","currentLanguage","useGetCurrentLanguage","setLanguage","useSetCurrentLanguage","languageList","useGetLanguageList","navigate","useNavigate","i18n","t","useOwpTranslation","langMenuClick","event","langMenuClose","handleLanguageChange","jsxs","Fragment","Tooltip","IconButton","theme","toolbarToggleSx","clsx","Popover","lng","MenuItem","ListItemIcon","ListItemText"],"mappings":";;;;;;;;;;;;;;;AA8BA,SAASA,EAAaC,GAA0B;AAC9C,QAAM,EAAE,UAAAC,MAAaD,GACf,CAACE,GAAeC,CAAgB,IAAIC,EAASH,EAAS,OAAO,QAAQ,CAACA,EAAS,IAAI;AAEzF,SAAIC,IAEA,gBAAAG,EAAC,QAAA,EAAK,WAAU,+FACb,YAAS,IACZ,IAKF,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAK,uBAAuBJ,EAAS,IAAI;AAAA,MACzC,KAAKA,EAAS;AAAA,MACd,SAAS,gBAAAK,EAAA,MAAMH,EAAiB,EAAI,GAA3B;AAAA,IAA2B;AAAA,EAAA;AAG1C;AApBSG,EAAAP,GAAA;AAyBT,SAASQ,EAAuBP,GAAoC;AAClE,QAAM,EAAE,YAAAQ,GAAY,WAAAC,EAAA,IAAcT,GAC5B,CAACU,GAAMC,CAAO,IAAIP,EAA6B,IAAI,GACnDQ,IAAkBC,EAAA,GAClBC,IAAcC,EAAA,GACdC,IAAeC,EAAA,GACfC,IAAWC,EAAA,GAEX,EAAE,MAAAC,GAAM,GAAAC,EAAA,IAAMC,EAAA,GAEdC,IAAgB,gBAAAjB,EAAA,CAACkB,MAAmC;AACxD,IAAAb,EAAQa,EAAM,aAAa;AAAA,EAC7B,GAFsB,kBAIhBC,IAAgB,gBAAAnB,EAAA,MAAM;AAC1B,IAAAK,EAAQ,IAAI;AAAA,EACd,GAFsB;AAItB,WAASe,EAAqBzB,GAA2B;AACvD,IAAIW,EAAgB,OAAOX,EAAS,OAClCa,EAAYb,CAAQ,GACpBmB,EAAK,eAAenB,EAAS,EAAE,GAE3BO,KACFU,EAAS,CAAC,IAGdO,EAAA;AAAA,EACF;AAVS,SAAAnB,EAAAoB,GAAA,yBAaP,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAvB,EAACwB,KAAQ,OAAOR,EAAE,aAAa,GAAG,WAAU,UAC1C,UAAA,gBAAAhB;AAAA,MAACyB;AAAA,MAAA;AAAA,QACC,IAAI,gBAAAxB,EAAA,CAACyB,OAAW;AAAA,UACd,GAAGC,EAAgBD,CAAK;AAAA,UACxB,OAAOA,EAAM,QAAQ,KAAK;AAAA,QAAA,IAFxB;AAAA,QAIJ,SAASR;AAAA,QACT,WAAWU,EAAKxB,CAAS;AAAA,QACzB,cAAYY,EAAE,aAAa;AAAA,QAE3B,UAAA,gBAAAhB,EAACN,GAAA,EAAsC,UAAUa,EAAA,GAA9BA,EAAgB,EAA+B;AAAA,MAAA;AAAA,IAAA,GAEtE;AAAA,IACA,gBAAAP;AAAA,MAAC6B;AAAA,MAAA;AAAA,QACC,MAAM,EAAQxB;AAAA,QACd,UAAUA;AAAA,QACV,SAASe;AAAA,QACT,cAAc;AAAA,UACZ,UAAU;AAAA,UACV,YAAY;AAAA,QAAA;AAAA,QAEd,iBAAiB;AAAA,UACf,UAAU;AAAA,UACV,YAAY;AAAA,QAAA;AAAA,QAEd,SAAS;AAAA,UACP,OAAO;AAAA,QAAA;AAAA,QAGR,UAAAT,EAAa,IAAI,CAACmB,MACjB,gBAAAR,EAACS,KAAsB,SAAS,gBAAA9B,EAAA,MAAMoB,EAAqBS,CAAG,GAA9B,YAC9B,UAAA;AAAA,UAAA,gBAAA9B,EAACgC,KAAa,WAAU,YACtB,4BAACtC,GAAA,EAAa,UAAUoC,GAAK,EAAA,CAC/B;AAAA,UACA,gBAAA9B,EAACiC,GAAA,EAAa,SAASH,EAAI,MAAA,CAAO;AAAA,QAAA,EAAA,GAJrBA,EAAI,EAKnB,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;AAxES7B,EAAAC,GAAA;"}

package/dist/layout/components/toggles/LogoutToggle.js

@@ -0,0 +1,31 @@
+var s = Object.defineProperty;
+var r = (o, t) => s(o, "name", { value: t, configurable: !0 });
+import { jsx as e } 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 { useStorage as l } from "../../../hooks/useStorage.js";
+import c from "@mui/material/IconButton";
+import p from "@mui/material/Tooltip";
+import { clsx as g } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useNavigate as f } from "react-router-dom";
+import { toolbarToggleSx as u } from "./toggleStyles.js";
+import { OwpSvgIcon as h } from "../../../components/OwpSvgIcon/OwpSvgIcon.js";
+const T = "/auth/login";
+function L(o) {
+  const { className: t = "" } = o, { t: i } = a(), n = f(), { resetStorage: m } = l();
+  return /* @__PURE__ */ e(p, { title: i("Title.로그아웃"), placement: "bottom", children: /* @__PURE__ */ e(
+    c,
+    {
+      sx: u,
+      onClick: /* @__PURE__ */ r(() => {
+        m(), n(T);
+      }, "onClick"),
+      className: g(t),
+      children: /* @__PURE__ */ e(h, { size: 20, children: "heroicons-outline:arrow-right-on-rectangle" })
+    }
+  ) });
+}
+r(L, "LogoutToggle");
+export {
+  L as default
+};
+//# sourceMappingURL=LogoutToggle.js.map

package/dist/layout/components/toggles/LogoutToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoutToggle.js","sources":["../../../../src/layout/components/toggles/LogoutToggle.tsx"],"sourcesContent":["import { OwpSvgIcon as SvgIcon } from '@/components/OwpSvgIcon';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useStorage } from '@/hooks/useStorage';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport clsx from 'clsx';\nimport { useNavigate } from 'react-router-dom';\nimport { toolbarToggleSx } from './toggleStyles';\n\ntype LogoutToggleProps = {\n  className?: string;\n};\n\nconst LOGIN_PATH_NAME = '/auth/login';\n\nfunction LogoutToggle(props: LogoutToggleProps) {\n  const { className = '' } = props;\n  const { t } = useOwpTranslation();\n  const navigate = useNavigate();\n  const { resetStorage } = useStorage();\n\n  return (\n    <Tooltip title={t('Title.로그아웃')} placement=\"bottom\">\n      <IconButton\n        sx={toolbarToggleSx}\n        onClick={() => {\n          resetStorage();\n          navigate(LOGIN_PATH_NAME);\n        }}\n        className={clsx(className)}\n      >\n        <SvgIcon size={20}>heroicons-outline:arrow-right-on-rectangle</SvgIcon>\n      </IconButton>\n    </Tooltip>\n  );\n}\n\nexport default LogoutToggle;\n"],"names":["LOGIN_PATH_NAME","LogoutToggle","props","className","t","useOwpTranslation","navigate","useNavigate","resetStorage","useStorage","Tooltip","jsx","IconButton","toolbarToggleSx","__name","clsx","SvgIcon"],"mappings":";;;;;;;;;;;AAaA,MAAMA,IAAkB;AAExB,SAASC,EAAaC,GAA0B;AAC9C,QAAM,EAAE,WAAAC,IAAY,GAAA,IAAOD,GACrB,EAAE,GAAAE,EAAA,IAAMC,EAAA,GACRC,IAAWC,EAAA,GACX,EAAE,cAAAC,EAAA,IAAiBC,EAAA;AAEzB,2BACGC,GAAA,EAAQ,OAAON,EAAE,YAAY,GAAG,WAAU,UACzC,UAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAIC;AAAA,MACJ,SAAS,gBAAAC,EAAA,MAAM;AACb,QAAAN,EAAA,GACAF,EAASN,CAAe;AAAA,MAC1B,GAHS;AAAA,MAIT,WAAWe,EAAKZ,CAAS;AAAA,MAEzB,UAAA,gBAAAQ,EAACK,GAAA,EAAQ,MAAM,IAAI,UAAA,6CAAA,CAA0C;AAAA,IAAA;AAAA,EAAA,GAEjE;AAEJ;AApBSF,EAAAb,GAAA;"}

package/dist/layout/components/toggles/NavigationSearchToggle.js

@@ -0,0 +1,412 @@
+var G = Object.defineProperty;
+var r = (e, o) => G(e, "name", { value: o, configurable: !0 });
+import { jsx as t, jsxs as m, Fragment as H } 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 { useGetNavigationList as K } from "../../../hooks/useNavigation.js";
+import { useOwpTranslation as _ } from "../../../hooks/useOwpTranslation.js";
+import { navigationSlice as J } from "../../../store/navigationSlice.js";
+import { withSlices as Q } from "../../../store/withSlices.js";
+import { OwpNavigationHelper as X } from "../../../utils/navigationUtils.js";
+import Y 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/UnfoldLess.js";
+import { Stack as Z } from "@mui/material";
+import $ from "@mui/material/ClickAwayListener";
+import { grey as F } from "@mui/material/colors";
+import k from "@mui/material/IconButton";
+import ee from "@mui/material/ListItemIcon";
+import te from "@mui/material/ListItemText";
+import ne from "@mui/material/MenuItem";
+import C from "@mui/material/Paper";
+import q from "@mui/material/Popper";
+import { styled as re } from "@mui/material/styles";
+import z from "@mui/material/TextField";
+import oe from "@mui/material/Tooltip";
+import E from "@mui/material/Typography";
+import D from "../../../_virtual/index18.js";
+import ie from "../../../_virtual/index19.js";
+import { clsx as W } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useMemo as se, useReducer as ae, useRef as T, useEffect as le } from "react";
+import B from "../../../_virtual/index20.js";
+import { useNavigate as ce } from "react-router-dom";
+import { toolbarToggleSx as ue } from "./toggleStyles.js";
+import { OwpSvgIcon as v } from "../../../components/OwpSvgIcon/OwpSvgIcon.js";
+import { trim as pe } from "../../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/string/trim.js";
+const he = re("div")(({ theme: e }) => ({
+  "& .OwpSearch-container": {
+    position: "relative"
+  },
+  "& .OwpSearch-suggestionsContainerOpen": {
+    position: "absolute",
+    zIndex: 1,
+    marginTop: e.spacing(),
+    left: 0,
+    right: 0
+  },
+  "& .OwpSearch-suggestion": {
+    display: "block"
+  },
+  "& .OwpSearch-suggestionsList": {
+    margin: 0,
+    padding: 0,
+    listStyleType: "none"
+  },
+  "& .OwpSearch-input": {
+    transition: e.transitions.create(["background-color"], {
+      easing: e.transitions.easing.easeInOut,
+      duration: e.transitions.duration.short
+    }),
+    "&:focus": {
+      backgroundColor: e.palette.background.paper
+    }
+  }
+}));
+function A(e) {
+  const { variant: o, ref: i, inputRef: c = /* @__PURE__ */ r(() => {
+  }, "inputRef"), key: l, ...s } = e;
+  return /* @__PURE__ */ t("div", { className: "relative w-full", children: o === "basic" ? /* @__PURE__ */ m(H, { children: [
+    /* @__PURE__ */ t(
+      z,
+      {
+        fullWidth: !0,
+        autoComplete: "off",
+        variant: "outlined",
+        ...s,
+        slotProps: {
+          input: {
+            name: "auto-complete-search",
+            role: "search",
+            inputRef: /* @__PURE__ */ r((a) => {
+              i == null || i(a), c(a);
+            }, "inputRef"),
+            classes: {
+              input: "OwpSearch-input py-0 px-16 h-36 md:h-36 ltr:pr-36 rtl:pl-36",
+              notchedOutline: "rounded-lg"
+            }
+          }
+        }
+      }
+    ),
+    /* @__PURE__ */ t(
+      v,
+      {
+        className: "pointer-events-none absolute top-0 h-36 w-36 p-8 ltr:right-0 rtl:left-0",
+        color: "action",
+        size: 20,
+        children: "heroicons-outline:magnifying-glass"
+      }
+    )
+  ] }) : /* @__PURE__ */ t(
+    z,
+    {
+      fullWidth: !0,
+      variant: "standard",
+      ...s,
+      slotProps: {
+        input: {
+          disableUnderline: !0,
+          inputRef: /* @__PURE__ */ r((a) => {
+            i == null || i(a), c(a);
+          }, "inputRef"),
+          classes: {
+            input: "OwpSearch-input py-0 px-16 h-36"
+          }
+        }
+      }
+    }
+  ) }, l);
+}
+r(A, "renderInputComponent");
+function M(e, { query: o, isHighlighted: i }) {
+  var s;
+  const c = D((e == null ? void 0 : e.title) ?? "", o), l = ie((e == null ? void 0 : e.title) ?? "", c);
+  return /* @__PURE__ */ m(ne, { selected: !!i, component: "div", children: [
+    /* @__PURE__ */ t(ee, { className: "min-w-36", children: e.icon ? /* @__PURE__ */ t(v, { children: e.icon }) : /* @__PURE__ */ t("span", { className: "w-24 text-center text-2xl font-semibold uppercase", children: (s = e == null ? void 0 : e.title) == null ? void 0 : s[0] }) }),
+    /* @__PURE__ */ t(
+      te,
+      {
+        primary: l == null ? void 0 : l.map(
+          (a, p) => a.highlight ? /* @__PURE__ */ t("span", { style: { fontWeight: 600 }, children: a.text }, p) : /* @__PURE__ */ t("strong", { style: { fontWeight: 300 }, children: a.text }, p)
+        )
+      }
+    )
+  ] });
+}
+r(M, "renderSuggestion");
+function de(e, o) {
+  const i = pe(e).toLowerCase(), c = i.length;
+  let l = 0;
+  return c === 0 ? [] : o.filter((s) => {
+    var p;
+    const a = l < 10 && (s == null ? void 0 : s.title) && ((p = D((s == null ? void 0 : s.title) ?? "", i, { requireMatchAll: !0 })) == null ? void 0 : p.length) > 0;
+    return a && (l += 1), a;
+  });
+}
+r(de, "getSuggestions");
+function j(e) {
+  return e.title;
+}
+r(j, "getSuggestionValue");
+const ge = {
+  searchText: "",
+  navigation: [],
+  suggestions: [],
+  noSuggestions: !1,
+  opened: !1
+};
+function me(e, o) {
+  switch (o.type) {
+    case "open":
+      return {
+        ...e,
+        opened: !0
+      };
+    case "close":
+      return {
+        ...e,
+        opened: !1,
+        searchText: ""
+      };
+    case "setSearchText":
+      return {
+        ...e,
+        searchText: o.value
+      };
+    case "setNavigation":
+      return {
+        ...e,
+        navigation: o.data
+      };
+    case "updateSuggestions": {
+      const i = de(o.value, e.navigation), l = !(typeof o.value == "string" && o.value.trim() === "") && i.length === 0;
+      return {
+        ...e,
+        suggestions: i,
+        noSuggestions: l
+      };
+    }
+    case "clearSuggestions":
+      return {
+        ...e,
+        suggestions: [],
+        noSuggestions: !1
+      };
+    default:
+      throw new Error();
+  }
+}
+r(me, "reducer");
+function fe(e) {
+  const o = K(), {
+    className: i,
+    variant: c = "full",
+    trigger: l = /* @__PURE__ */ t(k, { sx: ue, children: /* @__PURE__ */ t(v, { size: 20, children: "heroicons-outline:magnifying-glass" }) })
+  } = e, { t: s } = _(), a = se(
+    () => X.getFlatNavigation(o),
+    [o]
+  ), p = (e == null ? void 0 : e.placeholder) ?? s("Common.검색"), b = e.noResults ?? s("Message.검색된 결과가 없습니다..."), [u, g] = ae(me, ge), U = ce(), w = T(null), f = T(null), h = T(null);
+  le(() => {
+    g({
+      type: "setNavigation",
+      data: a
+    });
+  }, [a]);
+  function x() {
+    g({ type: "open" }), document.addEventListener("keydown", O, !1);
+  }
+  r(x, "showSearch");
+  function S() {
+    g({ type: "close" }), document.removeEventListener("keydown", O, !1);
+  }
+  r(S, "hideSearch");
+  function O(n) {
+    (n.key === "Esc" || n.key === "Escape") && S();
+  }
+  r(O, "escFunction");
+  function R({ value: n }) {
+    g({
+      type: "updateSuggestions",
+      value: n
+    });
+  }
+  r(R, "handleSuggestionsFetchRequested");
+  function L(n, { suggestion: d }) {
+    n.preventDefault(), n.stopPropagation(), d.url && (U(d.url), S());
+  }
+  r(L, "handleSuggestionSelected");
+  function I() {
+    g({
+      type: "clearSuggestions"
+    });
+  }
+  r(I, "handleSuggestionsClearRequested");
+  function P(n, { newValue: d }) {
+    g({
+      type: "setSearchText",
+      value: d
+    });
+  }
+  r(P, "handleChange");
+  function V(n) {
+    u.opened && (!f.current || !(n.target instanceof Node && f.current.contains(n.target))) && S();
+  }
+  switch (r(V, "handleClickAway"), c) {
+    case "basic":
+      return /* @__PURE__ */ t("div", { className: W("flex w-full items-center", i), ref: h, children: /* @__PURE__ */ t(
+        B,
+        {
+          renderInputComponent: A,
+          highlightFirstSuggestion: !0,
+          suggestions: u.suggestions,
+          onSuggestionsFetchRequested: R,
+          onSuggestionsClearRequested: I,
+          onSuggestionSelected: L,
+          getSuggestionValue: j,
+          renderSuggestion: M,
+          inputProps: {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            inputRef: /* @__PURE__ */ r((n) => w.current = n, "inputRef"),
+            variant: c,
+            placeholder: p,
+            role: "search",
+            value: u.searchText,
+            onChange: P,
+            onFocus: x,
+            InputLabelProps: {
+              shrink: !0
+            },
+            autoFocus: !1
+          },
+          theme: {
+            container: "flex flex-1 w-full",
+            suggestionsList: "OwpSearch-suggestionsList",
+            suggestion: "OwpSearch-suggestion"
+          },
+          renderSuggestionsContainer: /* @__PURE__ */ r((n) => {
+            const { containerProps: d } = n, { key: y, ...N } = d;
+            return /* @__PURE__ */ t(
+              q,
+              {
+                anchorEl: h.current,
+                open: !!n.children || u.noSuggestions,
+                className: "z-9999",
+                children: /* @__PURE__ */ t("div", { ref: f, children: /* @__PURE__ */ m(
+                  C,
+                  {
+                    ...N,
+                    style: {
+                      width: h.current ? h.current.clientWidth : ""
+                    },
+                    className: "overflow-hidden rounded-lg shadow-lg",
+                    children: [
+                      n.children,
+                      u.noSuggestions && /* @__PURE__ */ t(E, { className: "px-16 py-12", children: b })
+                    ]
+                  },
+                  y
+                ) })
+              }
+            );
+          }, "renderSuggestionsContainer")
+        }
+      ) });
+    case "full":
+      return /* @__PURE__ */ m(he, { className: W("flex", i), children: [
+        /* @__PURE__ */ t(oe, { title: s("Title.메뉴 검색"), placement: "bottom", children: /* @__PURE__ */ t(
+          "div",
+          {
+            onClick: x,
+            onKeyDown: x,
+            role: "button",
+            tabIndex: 0,
+            children: l
+          }
+        ) }),
+        u.opened && /* @__PURE__ */ t($, { onClickAway: V, children: /* @__PURE__ */ t(C, { className: "absolute inset-x-0 top-0 z-9999 h-full shadow-0", square: !0, children: /* @__PURE__ */ m("div", { className: "flex h-full w-full items-center", ref: h, children: [
+          /* @__PURE__ */ t(
+            B,
+            {
+              renderInputComponent: A,
+              highlightFirstSuggestion: !0,
+              suggestions: u.suggestions,
+              onSuggestionsFetchRequested: R,
+              onSuggestionsClearRequested: I,
+              onSuggestionSelected: L,
+              getSuggestionValue: j,
+              renderSuggestion: M,
+              inputProps: {
+                placeholder: p,
+                value: u.searchText,
+                onChange: P,
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                inputRef: /* @__PURE__ */ r((n) => w.current = n, "inputRef"),
+                InputLabelProps: {
+                  shrink: !0
+                },
+                autoFocus: !0
+              },
+              theme: {
+                container: "flex flex-1 w-full",
+                suggestionsList: "OwpSearch-suggestionsList",
+                suggestion: "OwpSearch-suggestion"
+              },
+              renderSuggestionsContainer: /* @__PURE__ */ r((n) => {
+                const { containerProps: d } = n, { key: y, ...N } = d;
+                return /* @__PURE__ */ t(
+                  q,
+                  {
+                    anchorEl: h.current,
+                    open: !!n.children || u.noSuggestions,
+                    className: "z-9999",
+                    children: /* @__PURE__ */ t("div", { ref: f, children: /* @__PURE__ */ m(
+                      C,
+                      {
+                        square: !0,
+                        ...N,
+                        className: "shadow-lg",
+                        style: {
+                          width: h.current ? h.current.clientWidth : "auto"
+                        },
+                        children: [
+                          n.children,
+                          u.noSuggestions && /* @__PURE__ */ t(E, { className: "px-16 py-12", children: b })
+                        ]
+                      },
+                      y
+                    ) })
+                  }
+                );
+              }, "renderSuggestionsContainer")
+            }
+          ),
+          /* @__PURE__ */ m(Z, { className: "mx-12", direction: "row", spacing: 1, children: [
+            /* @__PURE__ */ t(
+              k,
+              {
+                size: "large",
+                sx: { color: F[600] },
+                onClick: /* @__PURE__ */ r(() => {
+                  var n;
+                  g({
+                    type: "setSearchText",
+                    value: ""
+                  }), (n = w.current) == null || n.focus();
+                }, "onClick"),
+                children: /* @__PURE__ */ t(v, { children: "heroicons-outline:x-mark" })
+              }
+            ),
+            /* @__PURE__ */ t(k, { sx: { color: F[600] }, size: "large", onClick: S, children: /* @__PURE__ */ t(Y, {}) })
+          ] })
+        ] }) }) })
+      ] });
+    default:
+      return null;
+  }
+}
+r(fe, "NavigationSearchToggle");
+const _e = Q([J])(
+  fe
+);
+export {
+  _e as default
+};
+//# sourceMappingURL=NavigationSearchToggle.js.map