@bwp-web/styles 0.1.1 → 0.2.0

package/dist/index.js

@@ -1,576 +1,29 @@
-// src/icons/BreadcrumbIcon.tsx
-import { SvgIcon } from "@mui/material";
-import { jsx } from "react/jsx-runtime";
-function BreadcrumbIcon(props) {
-  return /* @__PURE__ */ jsx(SvgIcon, { ...props, children: /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M5.43427 3.43427C5.74669 3.12185 6.25322 3.12185 6.56564 3.43427L10.5656 7.43427C10.8781 7.74669 10.8781 8.25322 10.5656 8.56564L6.56564 12.5656C6.25322 12.8781 5.74669 12.8781 5.43427 12.5656C5.12185 12.2532 5.12185 11.7467 5.43427 11.4343L8.86858 7.99995L5.43427 4.56564C5.12185 4.25322 5.12185 3.74669 5.43427 3.43427Z",
-          fill: "currentColor"
-        }
-      )
-    }
-  ) });
-}
-
-// src/icons/CheckedIcon.tsx
-import { SvgIcon as SvgIcon2 } from "@mui/material";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function CheckedIcon(props) {
-  return /* @__PURE__ */ jsx2(SvgIcon2, { ...props, children: /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx2("rect", { width: "16", height: "16", rx: "4", fill: "currentColor" }),
-        /* @__PURE__ */ jsx2(
-          "path",
-          {
-            d: "M6.81561 9.47803C6.81717 9.47959 6.8197 9.47959 6.82126 9.47803L11.45 4.84926C11.7586 4.54071 12.2591 4.54159 12.5666 4.85123C12.8725 5.15933 12.8716 5.65682 12.5646 5.96384L6.82237 11.7061C6.8202 11.7082 6.81667 11.7082 6.8145 11.7061L3.43571 8.32728C3.1288 8.02037 3.1288 7.52277 3.43571 7.21587C3.74232 6.90926 4.23931 6.90891 4.54635 7.21509L6.81561 9.47803Z",
-            fill: "white"
-          }
-        )
-      ]
-    }
-  ) });
-}
-
-// src/icons/DatePickerIcon.tsx
-import { SvgIcon as SvgIcon3 } from "@mui/material";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function DatePickerIcon(props) {
-  return /* @__PURE__ */ jsx3(SvgIcon3, { ...props, children: /* @__PURE__ */ jsxs2(
-    "svg",
-    {
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ jsx3(
-          "path",
-          {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M6.00001 5.79995C5.68175 5.79995 5.37653 5.92638 5.15148 6.15142C4.92644 6.37647 4.80001 6.68169 4.80001 6.99995V19C4.80001 19.3182 4.92644 19.6234 5.15148 19.8485C5.37653 20.0735 5.68175 20.2 6.00001 20.2H18C18.3183 20.2 18.6235 20.0735 18.8485 19.8485C19.0736 19.6234 19.2 19.3182 19.2 19V6.99995C19.2 6.68169 19.0736 6.37647 18.8485 6.15142C18.6235 5.92638 18.3183 5.79995 18 5.79995H6.00001ZM4.02011 5.02005C4.54522 4.49495 5.25741 4.19995 6.00001 4.19995H18C18.7426 4.19995 19.4548 4.49495 19.9799 5.02005C20.505 5.54515 20.8 6.25734 20.8 6.99995V19C20.8 19.7426 20.505 20.4547 19.9799 20.9798C19.4548 21.5049 18.7426 21.7999 18 21.7999H6.00001C5.25741 21.7999 4.54521 21.505 4.02011 20.9798C3.49501 20.4547 3.20001 19.7426 3.20001 19V6.99995C3.20001 6.25734 3.49501 5.54515 4.02011 5.02005Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx3(
-          "path",
-          {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M16 2.19995C16.4418 2.19995 16.8 2.55812 16.8 2.99995V6.99995C16.8 7.44178 16.4418 7.79995 16 7.79995C15.5582 7.79995 15.2 7.44178 15.2 6.99995V2.99995C15.2 2.55812 15.5582 2.19995 16 2.19995Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx3(
-          "path",
-          {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M8.00001 2.19995C8.44184 2.19995 8.80001 2.55812 8.80001 2.99995V6.99995C8.80001 7.44178 8.44184 7.79995 8.00001 7.79995C7.55818 7.79995 7.20001 7.44178 7.20001 6.99995V2.99995C7.20001 2.55812 7.55818 2.19995 8.00001 2.19995Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx3(
-          "path",
-          {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M3.20001 11C3.20001 10.5581 3.55818 10.2 4.00001 10.2H20C20.4418 10.2 20.8 10.5581 20.8 11C20.8 11.4418 20.4418 11.8 20 11.8H4.00001C3.55818 11.8 3.20001 11.4418 3.20001 11Z",
-            fill: "currentColor"
-          }
-        )
-      ]
-    }
-  ) });
-}
-
-// src/icons/ErrorStatusIcon.tsx
-import { SvgIcon as SvgIcon4, useTheme } from "@mui/material";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function ErrorStatusIcon(props) {
-  const theme = useTheme();
-  const isDarkMode = theme.palette.mode === "dark";
-  return /* @__PURE__ */ jsx4(SvgIcon4, { ...props, children: /* @__PURE__ */ jsxs3(
-    "svg",
-    {
-      width: "14",
-      height: "14",
-      viewBox: "0 0 14 14",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ jsx4("rect", { width: "14", height: "14", rx: "7", fill: "currentColor" }),
-        /* @__PURE__ */ jsx4(
-          "rect",
-          {
-            x: "0.3",
-            y: "0.3",
-            width: "13.4",
-            height: "13.4",
-            rx: "6.7",
-            stroke: isDarkMode ? theme.palette.common.white : theme.palette.grey[900],
-            strokeOpacity: "0.4",
-            strokeWidth: "0.6"
-          }
-        ),
-        /* @__PURE__ */ jsx4("g", { filter: "url(#filter0_d_6343_5437)", children: /* @__PURE__ */ jsx4(
-          "path",
-          {
-            d: "M7.63564 7.68006C7.619 7.99884 7.35568 8.24878 7.03646 8.24878H6.86491C6.54569 8.24878 6.28236 7.99884 6.26572 7.68006L6.05444 3.6325C6.03652 3.28931 6.30996 3.00122 6.65362 3.00122H7.24775C7.5914 3.00122 7.86484 3.28931 7.84693 3.6325L7.63564 7.68006ZM6 10.0857C6 9.7491 6.09131 9.51278 6.27393 9.37671C6.46012 9.24064 6.68392 9.17261 6.94531 9.17261C7.19954 9.17261 7.41797 9.24064 7.60059 9.37671C7.78678 9.51278 7.87988 9.7491 7.87988 10.0857C7.87988 10.408 7.78678 10.6407 7.60059 10.7839C7.41797 10.9272 7.19954 10.9988 6.94531 10.9988C6.68392 10.9988 6.46012 10.9272 6.27393 10.7839C6.09131 10.6407 6 10.408 6 10.0857Z",
-            fill: "white"
-          }
-        ) }),
-        /* @__PURE__ */ jsx4("defs", { children: /* @__PURE__ */ jsxs3(
-          "filter",
-          {
-            id: "filter0_d_6343_5437",
-            x: "5",
-            y: "2.60122",
-            width: "3.87988",
-            height: "9.99756",
-            filterUnits: "userSpaceOnUse",
-            colorInterpolationFilters: "sRGB",
-            children: [
-              /* @__PURE__ */ jsx4("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-              /* @__PURE__ */ jsx4(
-                "feColorMatrix",
-                {
-                  in: "SourceAlpha",
-                  type: "matrix",
-                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-                  result: "hardAlpha"
-                }
-              ),
-              /* @__PURE__ */ jsx4("feOffset", { dy: "0.6" }),
-              /* @__PURE__ */ jsx4("feGaussianBlur", { stdDeviation: "0.5" }),
-              /* @__PURE__ */ jsx4("feComposite", { in2: "hardAlpha", operator: "out" }),
-              /* @__PURE__ */ jsx4(
-                "feColorMatrix",
-                {
-                  type: "matrix",
-                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
-                }
-              ),
-              /* @__PURE__ */ jsx4(
-                "feBlend",
-                {
-                  mode: "normal",
-                  in2: "BackgroundImageFix",
-                  result: "effect1_dropShadow_6343_5437"
-                }
-              ),
-              /* @__PURE__ */ jsx4(
-                "feBlend",
-                {
-                  mode: "normal",
-                  in: "SourceGraphic",
-                  in2: "effect1_dropShadow_6343_5437",
-                  result: "shape"
-                }
-              )
-            ]
-          }
-        ) })
-      ]
-    }
-  ) });
-}
-
-// src/icons/IndeterminateIcon.tsx
-import { SvgIcon as SvgIcon5 } from "@mui/material";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-function IndeterminateIcon(props) {
-  return /* @__PURE__ */ jsx5(SvgIcon5, { ...props, children: /* @__PURE__ */ jsxs4(
-    "svg",
-    {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx5("rect", { width: "16", height: "16", rx: "4", fill: "currentColor" }),
-        /* @__PURE__ */ jsx5(
-          "path",
-          {
-            d: "M2.87988 8C2.87988 7.44772 3.3276 7 3.87988 7H12.1199C12.6722 7 13.1199 7.44772 13.1199 8C13.1199 8.55228 12.6722 9 12.1199 9H3.87988C3.3276 9 2.87988 8.55228 2.87988 8Z",
-            fill: "white"
-          }
-        )
-      ]
-    }
-  ) });
-}
-
-// src/icons/InfoStatusIcon.tsx
-import { SvgIcon as SvgIcon6, useTheme as useTheme2 } from "@mui/material";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-function InfoStatusIcon(props) {
-  const theme = useTheme2();
-  const isDarkMode = theme.palette.mode === "dark";
-  return /* @__PURE__ */ jsx6(SvgIcon6, { ...props, children: /* @__PURE__ */ jsxs5(
-    "svg",
-    {
-      width: "14",
-      height: "14",
-      viewBox: "0 0 14 14",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ jsx6("rect", { width: "14", height: "14", rx: "7", fill: "currentColor" }),
-        /* @__PURE__ */ jsx6(
-          "rect",
-          {
-            x: "0.3",
-            y: "0.3",
-            width: "13.4",
-            height: "13.4",
-            rx: "6.7",
-            stroke: isDarkMode ? theme.palette.common.white : theme.palette.grey[900],
-            strokeOpacity: "0.4",
-            strokeWidth: "0.6"
-          }
-        ),
-        /* @__PURE__ */ jsx6("g", { filter: "url(#filter0_d_184_2382)", children: /* @__PURE__ */ jsx6(
-          "path",
-          {
-            d: "M6.27393 6.24255C6.27393 5.91118 6.54256 5.64255 6.87393 5.64255L7.1066 5.64255C7.43705 5.64255 7.7053 5.90975 7.7066 6.24019L7.72336 10.5047C7.72467 10.8371 7.45546 11.1073 7.12303 11.1071L6.87359 11.1069C6.54235 11.1068 6.27393 10.8382 6.27393 10.5069L6.27393 6.24255ZM7.87988 3.80564C7.87988 4.14223 7.78857 4.37855 7.60596 4.51462C7.41976 4.65069 7.19596 4.71872 6.93457 4.71872C6.68034 4.71872 6.46191 4.65069 6.2793 4.51462C6.0931 4.37855 6 4.14223 6 3.80564C6 3.48337 6.0931 3.25062 6.2793 3.1074C6.46191 2.96417 6.68034 2.89255 6.93457 2.89255C7.19596 2.89255 7.41976 2.96417 7.60596 3.1074C7.78857 3.25062 7.87988 3.48337 7.87988 3.80564Z",
-            fill: "white"
-          }
-        ) }),
-        /* @__PURE__ */ jsx6("defs", { children: /* @__PURE__ */ jsxs5(
-          "filter",
-          {
-            id: "filter0_d_184_2382",
-            x: "5",
-            y: "2.49258",
-            width: "3.87988",
-            height: "10.2144",
-            filterUnits: "userSpaceOnUse",
-            colorInterpolationFilters: "sRGB",
-            children: [
-              /* @__PURE__ */ jsx6("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-              /* @__PURE__ */ jsx6(
-                "feColorMatrix",
-                {
-                  in: "SourceAlpha",
-                  type: "matrix",
-                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-                  result: "hardAlpha"
-                }
-              ),
-              /* @__PURE__ */ jsx6("feOffset", { dy: "0.6" }),
-              /* @__PURE__ */ jsx6("feGaussianBlur", { stdDeviation: "0.5" }),
-              /* @__PURE__ */ jsx6("feComposite", { in2: "hardAlpha", operator: "out" }),
-              /* @__PURE__ */ jsx6(
-                "feColorMatrix",
-                {
-                  type: "matrix",
-                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
-                }
-              ),
-              /* @__PURE__ */ jsx6(
-                "feBlend",
-                {
-                  mode: "normal",
-                  in2: "BackgroundImageFix",
-                  result: "effect1_dropShadow_184_2382"
-                }
-              ),
-              /* @__PURE__ */ jsx6(
-                "feBlend",
-                {
-                  mode: "normal",
-                  in: "SourceGraphic",
-                  in2: "effect1_dropShadow_184_2382",
-                  result: "shape"
-                }
-              )
-            ]
-          }
-        ) })
-      ]
-    }
-  ) });
-}
-
-// src/icons/InputCloseIcon.tsx
-import { SvgIcon as SvgIcon7 } from "@mui/material";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-function InputCloseIcon(props) {
-  return /* @__PURE__ */ jsx7(SvgIcon7, { ...props, children: /* @__PURE__ */ jsxs6(
-    "svg",
-    {
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ jsx7(
-          "path",
-          {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M17.5154 6.4848C17.8278 6.79722 17.8278 7.30375 17.5154 7.61617L7.61593 17.5157C7.30351 17.8281 6.79698 17.8281 6.48456 17.5157C6.17214 17.2032 6.17214 16.6967 6.48456 16.3843L16.3841 6.4848C16.6965 6.17238 17.203 6.17238 17.5154 6.4848Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx7(
-          "path",
-          {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M6.48456 6.4848C6.79698 6.17238 7.30351 6.17238 7.61593 6.4848L17.5154 16.3843C17.8278 16.6967 17.8278 17.2032 17.5154 17.5157C17.203 17.8281 16.6965 17.8281 16.3841 17.5157L6.48456 7.61617C6.17214 7.30375 6.17214 6.79722 6.48456 6.4848Z",
-            fill: "currentColor"
-          }
-        )
-      ]
-    }
-  ) });
-}
-
-// src/icons/SuccessStatusIcon.tsx
-import { SvgIcon as SvgIcon8, useTheme as useTheme3 } from "@mui/material";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-function SuccessStatusIcon(props) {
-  const theme = useTheme3();
-  const isDarkMode = theme.palette.mode === "dark";
-  return /* @__PURE__ */ jsx8(SvgIcon8, { ...props, children: /* @__PURE__ */ jsxs7(
-    "svg",
-    {
-      width: "14",
-      height: "14",
-      viewBox: "0 0 14 14",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ jsx8("rect", { width: "14", height: "14", rx: "7", fill: "currentColor" }),
-        /* @__PURE__ */ jsx8(
-          "rect",
-          {
-            x: "0.3",
-            y: "0.3",
-            width: "13.4",
-            height: "13.4",
-            rx: "6.7",
-            stroke: isDarkMode ? theme.palette.common.white : theme.palette.grey[900],
-            strokeOpacity: "0.4",
-            strokeWidth: "0.6"
-          }
-        ),
-        /* @__PURE__ */ jsx8("g", { filter: "url(#filter0_d_6364_4478)", children: /* @__PURE__ */ jsx8(
-          "path",
-          {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M10.0279 4.41561C10.3328 4.54591 10.6867 5.04261 10.4654 5.29062L6.9525 9.02403C6.57226 9.45014 6.38214 9.66319 6.13689 9.6656C5.89164 9.66802 5.69741 9.45876 5.30894 9.04023L3.58698 7.18499C3.45389 7.0416 3.42727 6.82846 3.52095 6.65639C3.65295 6.41394 3.96768 6.34523 4.18765 6.51085L5.37782 7.40696C5.7414 7.6807 5.92319 7.81758 6.12825 7.8043C6.3333 7.79102 6.49616 7.63184 6.82188 7.31346L9.59039 4.41562C9.72976 4.27939 9.84906 4.33918 10.0279 4.41561Z",
-            fill: isDarkMode ? theme.palette.grey[900] : theme.palette.common.white
-          }
-        ) }),
-        /* @__PURE__ */ jsx8("defs", { children: /* @__PURE__ */ jsxs7(
-          "filter",
-          {
-            id: "filter0_d_6364_4478",
-            x: "2.46539",
-            y: "3.93435",
-            width: "9.06921",
-            height: "7.3313",
-            filterUnits: "userSpaceOnUse",
-            colorInterpolationFilters: "sRGB",
-            children: [
-              /* @__PURE__ */ jsx8("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-              /* @__PURE__ */ jsx8(
-                "feColorMatrix",
-                {
-                  in: "SourceAlpha",
-                  type: "matrix",
-                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-                  result: "hardAlpha"
-                }
-              ),
-              /* @__PURE__ */ jsx8("feOffset", { dy: "0.6" }),
-              /* @__PURE__ */ jsx8("feGaussianBlur", { stdDeviation: "0.5" }),
-              /* @__PURE__ */ jsx8("feComposite", { in2: "hardAlpha", operator: "out" }),
-              /* @__PURE__ */ jsx8(
-                "feColorMatrix",
-                {
-                  type: "matrix",
-                  values: "0 0 0 0 0.0666667 0 0 0 0 0.0666667 0 0 0 0 0.0666667 0 0 0 0.2 0"
-                }
-              ),
-              /* @__PURE__ */ jsx8(
-                "feBlend",
-                {
-                  mode: "normal",
-                  in2: "BackgroundImageFix",
-                  result: "effect1_dropShadow_6364_4478"
-                }
-              ),
-              /* @__PURE__ */ jsx8(
-                "feBlend",
-                {
-                  mode: "normal",
-                  in: "SourceGraphic",
-                  in2: "effect1_dropShadow_6364_4478",
-                  result: "shape"
-                }
-              )
-            ]
-          }
-        ) })
-      ]
-    }
-  ) });
-}
-
-// src/icons/UncheckedIcon.tsx
-import { SvgIcon as SvgIcon9 } from "@mui/material";
-import { jsx as jsx9 } from "react/jsx-runtime";
-function UncheckedIcon(props) {
-  return /* @__PURE__ */ jsx9(SvgIcon9, { ...props, children: /* @__PURE__ */ jsx9(
-    "svg",
-    {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      children: /* @__PURE__ */ jsx9(
-        "rect",
-        {
-          x: "0.5",
-          y: "0.5",
-          width: "15",
-          height: "15",
-          rx: "3.5",
-          stroke: "currentColor",
-          strokeOpacity: "0.4"
-        }
-      )
-    }
-  ) });
-}
-
-// src/icons/WarningStatusIcon.tsx
-import { SvgIcon as SvgIcon10, useTheme as useTheme4 } from "@mui/material";
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
-function WarningStatusIcon(props) {
-  const theme = useTheme4();
-  const isDarkMode = theme.palette.mode === "dark";
-  return /* @__PURE__ */ jsx10(SvgIcon10, { ...props, children: /* @__PURE__ */ jsxs8(
-    "svg",
-    {
-      width: "16",
-      height: "14",
-      viewBox: "0 0 16 14",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ jsx10(
-          "path",
-          {
-            d: "M7.47905 0.911655C7.70939 0.508566 8.29061 0.508566 8.52095 0.911655L15.487 13.1023C15.7156 13.5023 15.4268 14 14.9661 14H1.03391C0.573214 14 0.284394 13.5023 0.512962 13.1023L7.47905 0.911655Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx10(
-          "path",
-          {
-            d: "M7.73926 1.06055C7.85443 0.859003 8.14557 0.859002 8.26074 1.06055L15.2266 13.251C15.3408 13.451 15.1962 13.7002 14.9658 13.7002H1.03418C0.803833 13.7002 0.659154 13.451 0.773438 13.251L7.73926 1.06055Z",
-            stroke: isDarkMode ? theme.palette.common.white : theme.palette.grey[900],
-            strokeOpacity: "0.4",
-            strokeWidth: "0.6"
-          }
-        ),
-        /* @__PURE__ */ jsx10("g", { filter: "url(#filter0_d_184_2208)", children: /* @__PURE__ */ jsx10(
-          "path",
-          {
-            d: "M8.63564 8.67884C8.619 8.99762 8.35568 9.24756 8.03646 9.24756H7.86491C7.54569 9.24756 7.28236 8.99762 7.26572 8.67884L7.05444 4.63128C7.03652 4.28809 7.30996 4 7.65362 4H8.24775C8.5914 4 8.86484 4.28809 8.84693 4.63128L8.63564 8.67884ZM7 11.0845C7 10.7479 7.09131 10.5116 7.27393 10.3755C7.46012 10.2394 7.68392 10.1714 7.94531 10.1714C8.19954 10.1714 8.41797 10.2394 8.60059 10.3755C8.78678 10.5116 8.87988 10.7479 8.87988 11.0845C8.87988 11.4067 8.78678 11.6395 8.60059 11.7827C8.41797 11.9259 8.19954 11.9976 7.94531 11.9976C7.68392 11.9976 7.46012 11.9259 7.27393 11.7827C7.09131 11.6395 7 11.4067 7 11.0845Z",
-            fill: isDarkMode ? theme.palette.grey[900] : theme.palette.common.white
-          }
-        ) }),
-        /* @__PURE__ */ jsx10("defs", { children: /* @__PURE__ */ jsxs8(
-          "filter",
-          {
-            id: "filter0_d_184_2208",
-            x: "6",
-            y: "3.6",
-            width: "3.87988",
-            height: "9.99756",
-            filterUnits: "userSpaceOnUse",
-            colorInterpolationFilters: "sRGB",
-            children: [
-              /* @__PURE__ */ jsx10("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-              /* @__PURE__ */ jsx10(
-                "feColorMatrix",
-                {
-                  in: "SourceAlpha",
-                  type: "matrix",
-                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-                  result: "hardAlpha"
-                }
-              ),
-              /* @__PURE__ */ jsx10("feOffset", { dy: "0.6" }),
-              /* @__PURE__ */ jsx10("feGaussianBlur", { stdDeviation: "0.5" }),
-              /* @__PURE__ */ jsx10("feComposite", { in2: "hardAlpha", operator: "out" }),
-              /* @__PURE__ */ jsx10(
-                "feColorMatrix",
-                {
-                  type: "matrix",
-                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
-                }
-              ),
-              /* @__PURE__ */ jsx10(
-                "feBlend",
-                {
-                  mode: "normal",
-                  in2: "BackgroundImageFix",
-                  result: "effect1_dropShadow_184_2208"
-                }
-              ),
-              /* @__PURE__ */ jsx10(
-                "feBlend",
-                {
-                  mode: "normal",
-                  in: "SourceGraphic",
-                  in2: "effect1_dropShadow_184_2208",
-                  result: "shape"
-                }
-              )
-            ]
-          }
-        ) })
-      ]
-    }
-  ) });
-}
-
 // src/theme.tsx
+import {
+  BreadcrumbIcon,
+  CheckedIcon,
+  DatePickerIcon,
+  ErrorStatusIcon,
+  IndeterminateIcon,
+  InfoStatusIcon,
+  InputCloseIcon,
+  MontserratBold,
+  MontserratMedium,
+  MontserratSemiBold,
+  OpenSansBold,
+  OpenSansBoldItalic,
+  OpenSansExtraBold,
+  OpenSansExtraBoldItalic,
+  OpenSansRegular,
+  OpenSansRegularItalic,
+  OpenSansSemiBold,
+  OpenSansSemiBoldItalic,
+  SuccessStatusIcon,
+  UncheckedIcon,
+  WarningStatusIcon
+} from "@bwp-web/assets";
 import { alpha, createTheme } from "@mui/material/styles";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 var colors = {
   black: "#000000",
   white: "#ffffff",
@@ -930,7 +383,7 @@ var biampTheme = (overrideOptions = {}) => createTheme(
           font-weight: 400;
           font-style: normal;
           font-display: swap;
-          src: url(/open-sans-regular.woff2) format('woff2');
+          src: url(${OpenSansRegular}) format('woff2');
         }
 
         @font-face {
@@ -938,15 +391,15 @@ var biampTheme = (overrideOptions = {}) => createTheme(
           font-weight: 400;
           font-style: italic;
           font-display: swap;
-          src: url(/open-sans-regular-italic.woff2) format('woff2');
+          src: url(${OpenSansRegularItalic}) format('woff2');
         }
-        
+
         @font-face {
           font-family: 'Open Sans';
           font-weight: 600;
           font-style: normal;
           font-display: swap;
-          src: url(/open-sans-semibold.woff2) format('woff2');
+          src: url(${OpenSansSemiBold}) format('woff2');
         }
 
         @font-face {
@@ -954,7 +407,7 @@ var biampTheme = (overrideOptions = {}) => createTheme(
           font-weight: 600;
           font-style: italic;
           font-display: swap;
-          src: url(/open-sans-semibold-italic.woff2) format('woff2');
+          src: url(${OpenSansSemiBoldItalic}) format('woff2');
         }
 
         @font-face {
@@ -962,7 +415,7 @@ var biampTheme = (overrideOptions = {}) => createTheme(
           font-weight: 700;
           font-style: normal;
           font-display: swap;
-          src: url(/open-sans-bold.woff2) format('woff2');
+          src: url(${OpenSansBold}) format('woff2');
         }
 
         @font-face {
@@ -970,7 +423,7 @@ var biampTheme = (overrideOptions = {}) => createTheme(
           font-weight: 700;
           font-style: italic;
           font-display: swap;
-          src: url(/open-sans-bold-italic.woff2) format('woff2');
+          src: url(${OpenSansBoldItalic}) format('woff2');
         }
 
         @font-face {
@@ -978,7 +431,7 @@ var biampTheme = (overrideOptions = {}) => createTheme(
           font-weight: 800;
           font-style: normal;
           font-display: swap;
-          src: url(/open-sans-extrabold.woff2) format('woff2');
+          src: url(${OpenSansExtraBold}) format('woff2');
         }
 
         @font-face {
@@ -986,7 +439,7 @@ var biampTheme = (overrideOptions = {}) => createTheme(
           font-weight: 800;
           font-style: italic;
           font-display: swap;
-          src: url(/open-sans-extrabold-italic.woff2) format('woff2');
+          src: url(${OpenSansExtraBoldItalic}) format('woff2');
         }
 
         @font-face {
@@ -994,7 +447,7 @@ var biampTheme = (overrideOptions = {}) => createTheme(
           font-weight: 500;
           font-style: normal;
           font-display: swap;
-          src: url(/Montserrat-Medium.ttf) format('truetype');
+          src: url(${MontserratMedium}) format('truetype');
         }
 
         @font-face {
@@ -1002,7 +455,7 @@ var biampTheme = (overrideOptions = {}) => createTheme(
           font-weight: 600;
           font-style: normal;
           font-display: swap;
-          src: url(/Montserrat-SemiBold.ttf) format('truetype');
+          src: url(${MontserratSemiBold}) format('truetype');
         }
 
         @font-face {
@@ -1010,7 +463,7 @@ var biampTheme = (overrideOptions = {}) => createTheme(
           font-weight: 700;
           font-style: normal;
           font-display: swap;
-          src: url(/Montserrat-Bold.ttf) format('truetype');
+          src: url(${MontserratBold}) format('truetype');
         }
 
         [class*="Mui"] {
@@ -1021,10 +474,10 @@ var biampTheme = (overrideOptions = {}) => createTheme(
       MuiAlert: {
         defaultProps: {
           iconMapping: {
-            error: /* @__PURE__ */ jsx11(ErrorStatusIcon, { sx: { width: 14, height: 14 } }),
-            warning: /* @__PURE__ */ jsx11(WarningStatusIcon, { sx: { width: 16, height: 14 } }),
-            info: /* @__PURE__ */ jsx11(InfoStatusIcon, { sx: { width: 14, height: 14 } }),
-            success: /* @__PURE__ */ jsx11(SuccessStatusIcon, { sx: { width: 14, height: 14 } })
+            error: /* @__PURE__ */ jsx(ErrorStatusIcon, { sx: { width: 14, height: 14 } }),
+            warning: /* @__PURE__ */ jsx(WarningStatusIcon, { sx: { width: 16, height: 14 } }),
+            info: /* @__PURE__ */ jsx(InfoStatusIcon, { sx: { width: 14, height: 14 } }),
+            success: /* @__PURE__ */ jsx(SuccessStatusIcon, { sx: { width: 14, height: 14 } })
           }
         },
         styleOverrides: {
@@ -1238,7 +691,7 @@ var biampTheme = (overrideOptions = {}) => createTheme(
       },
       MuiBreadcrumbs: {
         defaultProps: {
-          separator: /* @__PURE__ */ jsx11(BreadcrumbIcon, {})
+          separator: /* @__PURE__ */ jsx(BreadcrumbIcon, {})
         },
         styleOverrides: {
           separator: ({ theme }) => ({
@@ -1348,9 +801,9 @@ var biampTheme = (overrideOptions = {}) => createTheme(
       MuiCheckbox: {
         defaultProps: {
           disableRipple: true,
-          icon: /* @__PURE__ */ jsx11(UncheckedIcon, { sx: { width: 16, height: 16 } }),
-          checkedIcon: /* @__PURE__ */ jsx11(CheckedIcon, { sx: { width: 16, height: 16 } }),
-          indeterminateIcon: /* @__PURE__ */ jsx11(IndeterminateIcon, { sx: { width: 16, height: 16 } })
+          icon: /* @__PURE__ */ jsx(UncheckedIcon, { sx: { width: 16, height: 16 } }),
+          checkedIcon: /* @__PURE__ */ jsx(CheckedIcon, { sx: { width: 16, height: 16 } }),
+          indeterminateIcon: /* @__PURE__ */ jsx(IndeterminateIcon, { sx: { width: 16, height: 16 } })
         },
         styleOverrides: {
           root: ({ theme }) => ({
@@ -1693,6 +1146,15 @@ var biampTheme = (overrideOptions = {}) => createTheme(
       },
       MuiInputAdornment: {
         styleOverrides: {
+          root: {
+            "& .MuiSvgIcon-root": {
+              width: "16px",
+              height: "16px"
+            }
+          },
+          positionStart: {
+            marginLeft: "8px"
+          },
           positionEnd: {
             marginRight: "8px"
           }
@@ -1737,7 +1199,7 @@ var biampTheme = (overrideOptions = {}) => createTheme(
       },
       MuiAutocomplete: {
         defaultProps: {
-          clearIcon: /* @__PURE__ */ jsx11(InputCloseIcon, { sx: { width: 24, height: 24 } })
+          clearIcon: /* @__PURE__ */ jsx(InputCloseIcon, { sx: { width: 24, height: 24 } })
         },
         styleOverrides: {
           inputRoot: {
@@ -1788,7 +1250,7 @@ var biampTheme = (overrideOptions = {}) => createTheme(
         }
       },
       // MUI X DatePicker components
-      // @ts-ignore - MUI X DatePicker component types may not be available
+      // @ts-expect-error - MUI X DatePicker component types may not be available
       MuiDatePicker: {
         defaultProps: {
           slots: {