@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/input.js

@@ -0,0 +1,1101 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/elemental/Input/index.ts
+var Input_exports = {};
+__export(Input_exports, {
+  LineInput: () => LineInput_default,
+  PopperInput: () => PopperInput_default,
+  StackInput: () => StackInput_default,
+  TelPhoneInput: () => TelPhoneInput,
+  TextField: () => import_TextField2.default,
+  inputBaseTheme: () => inputBaseTheme,
+  textFieldTheme: () => textFieldTheme
+});
+module.exports = __toCommonJS(Input_exports);
+
+// src/components/elemental/Input/src/PopperInput/PopperInput.tsx
+var import_react2 = require("react");
+
+// src/components/elemental/Overlay/src/index.ts
+var import_ClickAwayListener = __toESM(require("@mui/material/ClickAwayListener"));
+var import_Popper = __toESM(require("@mui/material/Popper"));
+
+// src/components/elemental/Input/src/PopperInput/PopperInput.tsx
+var import_styles = require("@mui/material/styles");
+
+// src/components/elemental/Box/src/BorderBox/BorderBox.tsx
+var import_react = require("react");
+var import_Box = __toESM(require("@mui/material/Box"));
+
+// src/_utils/_func/sx.ts
+function flattenSx(part) {
+  if (part == null || typeof part === "boolean") {
+    return [];
+  }
+  if (Array.isArray(part)) {
+    return part.flatMap(flattenSx);
+  }
+  if (typeof part === "function" || typeof part === "object") {
+    return [part];
+  }
+  return [];
+}
+function mergeSx(...parts) {
+  const list = parts.flatMap(flattenSx);
+  if (list.length === 0) {
+    return void 0;
+  }
+  if (list.length === 1) {
+    return list[0];
+  }
+  return list;
+}
+
+// src/components/elemental/Box/src/BorderBox/BorderBox.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var spanPx = 5;
+var fieldsetPx = 4;
+var BorderBox = (0, import_react.forwardRef)(({
+  title,
+  children,
+  pyPx = 8,
+  pxPx = 12,
+  error = false,
+  sx,
+  ...rest
+}, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Box.default,
+    {
+      component: "div",
+      ref,
+      style: {
+        "--border-radius": "var(--mui-shape-borderRadius)",
+        "--py": `${pyPx}px`,
+        "--px": `${pxPx}px`,
+        "--span-px": `${spanPx}px`,
+        "--fieldset-px": `${fieldsetPx}px`,
+        "--border-color-local": error ? "var(--mui-palette-error-main)" : "var(--mui-palette-border-1)",
+        "--color-content-local": error ? "var(--mui-palette-error-main)" : "var(--mui-palette-text-primary)",
+        "--color-local": error ? "var(--mui-palette-error-main)" : "var(--mui-palette-text-grey-1)",
+        "--hover-border-color-local": error ? "var(--mui-palette-error-dark)" : "var(--mui-palette-border-hover-1)",
+        minWidth: 0
+      },
+      sx: mergeSx(
+        {
+          // inputbase-root
+          display: "inline-flex",
+          flexDirection: "column",
+          position: "relative",
+          minWidth: 0,
+          padding: 0,
+          paddingTop: `var(--py)`,
+          paddingBottom: `var(--py)`,
+          // avoid title overlap
+          margin: 0,
+          border: 0,
+          verticalAlign: "top",
+          cursor: "auto",
+          "&:hover>div>fieldset": {
+            borderColor: "var(--hover-border-color-local)"
+          }
+        },
+        sx
+      ),
+      ...rest,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Box.default, { sx: {
+        // input
+        letterSpacing: "0.00938em",
+        boxSizing: "border-box",
+        position: "relative",
+        alignItems: "center",
+        display: "block",
+        borderRadius: "var(--border-radius)",
+        width: "100%"
+      }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Box.default, { sx: {
+          paddingLeft: `var(--px)`,
+          paddingRight: `var(--px)`,
+          paddingTop: `var(--py)`,
+          paddingBottom: `var(--py)`,
+          fontWeight: 400,
+          fontSize: "1rem",
+          lineHeight: "1.4375em",
+          width: "-webkit-fill-available",
+          minHeight: "1rem",
+          color: "var(--color-content-local)"
+        }, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Box.default, { component: "fieldset", sx: {
+          textAlign: "left",
+          position: "absolute",
+          bottom: 0,
+          right: 0,
+          top: `calc(var(--py)*-1)`,
+          left: 0,
+          paddingLeft: "var(--fieldset-px)",
+          paddingRight: "var(--fieldset-px)",
+          margin: 0,
+          pointerEvents: "none",
+          borderRadius: "inherit",
+          border: "1px solid",
+          borderColor: "var(--border-color-local)",
+          overflow: "hidden",
+          minWidth: "0%"
+        }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Box.default, { component: "legend", sx: {
+          float: "unset",
+          width: "auto",
+          overflow: "hidden",
+          display: "block",
+          padding: 0,
+          height: "1em",
+          visibility: "hidden",
+          maxWidth: "100%",
+          whiteSpace: "nowrap"
+        }, children: title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Box.default, { component: "span", sx: {
+          paddingLeft: "var(--span-px)",
+          paddingRight: "var(--span-px)",
+          visibility: "visible",
+          fontSize: "0.7em",
+          lineHeight: "1.4375em",
+          letterSpacing: "0.00938em",
+          fontWeight: 400,
+          display: "block",
+          height: "100%",
+          fontFamily: "inherit",
+          textOverflow: "ellipsis",
+          color: "var(--color-local)"
+        }, children: title }) }) })
+      ] })
+    }
+  );
+});
+var BorderBox_default = BorderBox;
+
+// src/components/elemental/Box/src/index.ts
+var import_Box2 = __toESM(require("@mui/material/Box"));
+var import_Stack = __toESM(require("@mui/material/Stack"));
+var import_Grid = __toESM(require("@mui/material/Grid"));
+
+// src/components/elemental/Input/src/PopperInput/PopperInput.tsx
+var import_TextField = __toESM(require("@mui/material/TextField"));
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var PopperInput = (0, import_react2.forwardRef)(({
+  margin = "dense",
+  inputProps,
+  lineHeight = "1rem",
+  placement = "bottom",
+  label,
+  ...props
+}, ref) => {
+  const [anchorEl, setAnchorEl] = (0, import_react2.useState)(null);
+  const [value, setValue] = inputProps ?? [];
+  (0, import_react2.useImperativeHandle)(ref, () => {
+    return {
+      getValue: () => value ?? ""
+    };
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      BorderBox_default,
+      {
+        onClick: (event) => {
+          setAnchorEl(anchorEl ? null : event.currentTarget);
+        },
+        title: label,
+        sx: {
+          width: "-webkit-fill-available",
+          flex: 1,
+          cursor: "pointer"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_Box2.default,
+          {
+            style: {
+              "--lh": lineHeight
+            },
+            sx: {
+              lineHeight: "var(--lh)",
+              width: "100%",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+              overflow: "hidden"
+            },
+            children: value
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StyledPopper, { ...{
+      anchorEl,
+      open: Boolean(anchorEl),
+      placement
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ClickAwayListener.default, { onClickAway: () => setAnchorEl(null), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Box2.default, { sx: {
+      "&>.MuiTextField-root": {
+        width: "100%",
+        mb: 0
+      }
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_TextField.default,
+      {
+        margin,
+        multiline: true,
+        value,
+        onChange: setValue ? (e) => setValue(e.target.value) : void 0,
+        autoFocus: true,
+        maxRows: 10,
+        onFocus: (e) => e.currentTarget.setSelectionRange(
+          e.currentTarget.value.length,
+          e.currentTarget.value.length
+        ),
+        ...props
+      }
+    ) }) }) })
+  ] });
+});
+var PopperInput_default = PopperInput;
+var StyledPopper = (0, import_styles.styled)(import_Popper.default)(
+  ({ theme }) => ({
+    padding: theme.spacing(0.5),
+    boxShadow: `var(--shadow-outset-2)`,
+    borderRadius: 6,
+    maxWidth: "95vw",
+    width: 700,
+    zIndex: theme.zIndex.modal,
+    fontSize: 13,
+    backgroundColor: "transparent",
+    backdropFilter: "blur(2px)"
+  })
+);
+
+// src/components/elemental/Input/src/StackInput/StackInput.tsx
+var import_react4 = require("react");
+var import_InputBase = __toESM(require("@mui/material/InputBase"));
+
+// src/components/elemental/Paper/src/Paper/Paper.tsx
+var import_Paper = __toESM(require("@mui/material/Paper"));
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function MuiPaper(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Paper.default, { ...props });
+}
+
+// src/components/elemental/Button/src/IconButton/IconButton.tsx
+var import_react3 = require("react");
+var import_IconButton = __toESM(require("@mui/material/IconButton"));
+
+// src/components/elemental/Tooltip/src/Tooltip/index.ts
+var import_Tooltip = __toESM(require("@mui/material/Tooltip"));
+
+// src/components/elemental/Button/src/IconButton/IconButton.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var IconButton = (0, import_react3.forwardRef)(({
+  title = "",
+  children,
+  color,
+  size,
+  slotProps,
+  selected,
+  className,
+  ...props
+}, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_Tooltip.default,
+    {
+      title,
+      slotProps: {
+        popper: {
+          sx: {
+            textTransform: "capitalize"
+          }
+        },
+        ...slotProps?.tooltip
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Box2.default, { component: "span", sx: { width: "fit-content" }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        import_IconButton.default,
+        {
+          ref,
+          color,
+          size,
+          className: [className, selected ? "Mui-selected" : ""].filter(Boolean).join(" "),
+          ...props,
+          children
+        }
+      ) })
+    }
+  );
+});
+var IconButton_default = IconButton;
+
+// src/components/elemental/Divider/src/index.ts
+var import_Divider = __toESM(require("@mui/material/Divider"));
+
+// src/components/elemental/Input/src/StackInput/theme.ts
+var stackInputVars = {
+  "--stack-input-bg": "var(--mui-palette-background-default)"
+};
+
+// src/components/elemental/Input/src/StackInput/StackInput.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var StackInput = (0, import_react4.forwardRef)(({
+  value,
+  onChange,
+  startButtons = [],
+  // [{icon: <Icon />, onClick: ()=>{},...props}]
+  endButtons = [],
+  // [{icon: <Icon />, onClick: ()=>{},...props}]
+  placeholder = "",
+  haveBorder = true,
+  borderTitle,
+  inputProps = {},
+  br = 4,
+  slotProps,
+  InputComponent,
+  inputComponentProps,
+  ...rest
+}, ref) => {
+  const { sx: paperSX, ...restPaperProps } = slotProps?.paper || {};
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Wrapper, { haveBorder, title: borderTitle, ...slotProps?.wrapper, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    MuiPaper,
+    {
+      variant: "elevation",
+      style: {
+        "--br": `${br}px`,
+        "--pd": haveBorder ? "0px" : "8px 4px",
+        ...stackInputVars
+      },
+      sx: {
+        boxShadow: "none",
+        padding: "var(--pd)",
+        display: "flex",
+        alignItems: "center",
+        borderRadius: "var(--br)",
+        background: "var(--stack-input-bg)",
+        ...paperSX
+      },
+      ...restPaperProps,
+      children: [
+        startButtons.map(({ icon, onClick, ...rest2 }, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          IconButton_default,
+          {
+            sx: { padding: 0 },
+            onClick,
+            ...rest2,
+            size: "small",
+            children: icon
+          },
+          index
+        )),
+        (() => {
+          const InputComp = InputComponent || import_InputBase.default;
+          return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            InputComp,
+            {
+              ref,
+              slotProps: slotProps?.input,
+              value,
+              onChange,
+              sx: mergeSx(
+                slotProps?.input?.sx,
+                {
+                  "&.MuiInputBase-root": {
+                    marginLeft: "8px",
+                    flex: 1
+                  }
+                }
+              ),
+              placeholder,
+              ...rest,
+              inputProps: { ...inputProps },
+              ...inputComponentProps || {}
+            }
+          );
+        })(),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          import_Box2.default,
+          {
+            sx: {
+              display: "flex",
+              alignItems: "center"
+            },
+            children: endButtons.map(({ icon, onClick, ...rest2 }, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react4.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                IconButton_default,
+                {
+                  sx: { p: 0 },
+                  onClick,
+                  ...rest2,
+                  size: "small",
+                  children: icon
+                }
+              ),
+              index < endButtons.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                import_Divider.default,
+                {
+                  sx: { height: 28, m: 0.5, borderLeftWidth: 0 },
+                  orientation: "vertical"
+                }
+              )
+            ] }, index))
+          }
+        )
+      ]
+    }
+  ) });
+});
+var StackInput_default = StackInput;
+function Wrapper(p) {
+  const { children, haveBorder, title, ...rest } = p;
+  if (haveBorder) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    BorderBox_default,
+    {
+      title,
+      sx: {
+        width: "-webkit-fill-available"
+      },
+      ...rest,
+      children
+    }
+  );
+  return children;
+}
+
+// src/components/elemental/Input/src/TelPhoneInput/TelPhoneInput.tsx
+var import_style = require("react-phone-number-input/style.css");
+var import_react_phone_number_input2 = __toESM(require("react-phone-number-input"));
+var import_react6 = require("react");
+
+// src/components/elemental/Input/src/TextField/index.ts
+var import_TextField2 = __toESM(require("@mui/material/TextField"));
+
+// src/components/elemental/Input/src/TextField/theme.ts
+var textFieldTheme = {
+  defaultProps: {
+    size: "small"
+  },
+  styleOverrides: {
+    root: {
+      "& fieldset": {
+        borderColor: "var(--mui-palette-text-secondary)"
+      },
+      "& .MuiOutlinedInput-root.Mui-focused:not(.Mui-error) fieldset": {
+        borderColor: "var(--mui-palette-text-secondary)"
+      }
+    }
+  }
+};
+var inputBaseTheme = {
+  styleOverrides: {
+    root: {
+      "&.MuiInputBase-root::after": {
+        borderColor: "var(--mui-palette-text-secondary)"
+      },
+      "&.MuiInputBase-root::before": {
+        borderColor: "var(--mui-palette-text-secondary)"
+      }
+    }
+  }
+};
+
+// src/components/elemental/Input/src/TelPhoneInput/TelPhoneInput.tsx
+var import_styles2 = require("@mui/material/styles");
+
+// src/components/elemental/Input/src/TelPhoneInput/theme.ts
+var telPhoneInputVars = {
+  "--tel-phone-input-border-color": "var(--mui-palette-border-1)",
+  "--tel-phone-input-hover-border-color": "var(--mui-palette-border-hover-1)",
+  "--tel-phone-input-border-radius": "var(--mui-shape-borderRadius)"
+};
+var telPhoneInputErrorVars = {
+  "--tel-phone-input-border-color": "var(--mui-palette-error-main)",
+  "--tel-phone-input-hover-border-color": "var(--mui-palette-error-main)"
+};
+
+// src/components/elemental/Input/src/TelPhoneInput/CountrySelect.tsx
+var import_Menu2 = __toESM(require("@mui/material/Menu"));
+
+// src/components/Icons/MuiIcon/index.ts
+var import_ArrowRightAlt = __toESM(require("@mui/icons-material/ArrowRightAlt"));
+var import_DescriptionOutlined = __toESM(require("@mui/icons-material/DescriptionOutlined"));
+var import_Description = __toESM(require("@mui/icons-material/Description"));
+var import_PictureAsPdf = __toESM(require("@mui/icons-material/PictureAsPdf"));
+var import_AudioFile = __toESM(require("@mui/icons-material/AudioFile"));
+var import_VideoFile = __toESM(require("@mui/icons-material/VideoFile"));
+var import_TableChart = __toESM(require("@mui/icons-material/TableChart"));
+var import_FolderZip = __toESM(require("@mui/icons-material/FolderZip"));
+var import_InsertDriveFile = __toESM(require("@mui/icons-material/InsertDriveFile"));
+var import_ImageOutlined = __toESM(require("@mui/icons-material/ImageOutlined"));
+var import_LayersOutlined = __toESM(require("@mui/icons-material/LayersOutlined"));
+var import_TextFormat = __toESM(require("@mui/icons-material/TextFormat"));
+var import_Remove = __toESM(require("@mui/icons-material/Remove"));
+var import_PostAdd = __toESM(require("@mui/icons-material/PostAdd"));
+var import_ErrorOutline = __toESM(require("@mui/icons-material/ErrorOutline"));
+var import_QuestionMarkOutlined = __toESM(require("@mui/icons-material/QuestionMarkOutlined"));
+var import_MeetingRoomOutlined = __toESM(require("@mui/icons-material/MeetingRoomOutlined"));
+var import_PlaylistRemove = __toESM(require("@mui/icons-material/PlaylistRemove"));
+var import_ChecklistRtl = __toESM(require("@mui/icons-material/ChecklistRtl"));
+var import_HideImageOutlined = __toESM(require("@mui/icons-material/HideImageOutlined"));
+var import_RemoveRedEyeTwoTone = __toESM(require("@mui/icons-material/RemoveRedEyeTwoTone"));
+var import_PhotoSizeSelectLarge = __toESM(require("@mui/icons-material/PhotoSizeSelectLarge"));
+var import_LockPersonOutlined = __toESM(require("@mui/icons-material/LockPersonOutlined"));
+var import_Person = __toESM(require("@mui/icons-material/Person"));
+var import_InsertEmoticon = __toESM(require("@mui/icons-material/InsertEmoticon"));
+var import_RemoveDoneOutlined = __toESM(require("@mui/icons-material/RemoveDoneOutlined"));
+var import_Tag = __toESM(require("@mui/icons-material/Tag"));
+var import_Audiotrack = __toESM(require("@mui/icons-material/Audiotrack"));
+var import_Videocam = __toESM(require("@mui/icons-material/Videocam"));
+var import_Code = __toESM(require("@mui/icons-material/Code"));
+var import_Equalizer = __toESM(require("@mui/icons-material/Equalizer"));
+var import_PivotTableChart = __toESM(require("@mui/icons-material/PivotTableChart"));
+var import_Search = __toESM(require("@mui/icons-material/Search"));
+var import_DataObject = __toESM(require("@mui/icons-material/DataObject"));
+var import_SortByAlpha = __toESM(require("@mui/icons-material/SortByAlpha"));
+var import_ThumbUp = __toESM(require("@mui/icons-material/ThumbUp"));
+var import_AttachMoneyOutlined = __toESM(require("@mui/icons-material/AttachMoneyOutlined"));
+var import_Storage = __toESM(require("@mui/icons-material/Storage"));
+var import_WorkspacePremium = __toESM(require("@mui/icons-material/WorkspacePremium"));
+var import_Numbers = __toESM(require("@mui/icons-material/Numbers"));
+var import_Functions = __toESM(require("@mui/icons-material/Functions"));
+var import_Lightbulb = __toESM(require("@mui/icons-material/Lightbulb"));
+var import_CropRotate = __toESM(require("@mui/icons-material/CropRotate"));
+var import_PhotoSizeSelectLarge2 = __toESM(require("@mui/icons-material/PhotoSizeSelectLarge"));
+var import_CollectionsBookmark = __toESM(require("@mui/icons-material/CollectionsBookmark"));
+var import_Schedule = __toESM(require("@mui/icons-material/Schedule"));
+var import_Style = __toESM(require("@mui/icons-material/Style"));
+var import_Crop169 = __toESM(require("@mui/icons-material/Crop169"));
+var import_CropSquare = __toESM(require("@mui/icons-material/CropSquare"));
+var import_GraphicEqRounded = __toESM(require("@mui/icons-material/GraphicEqRounded"));
+var import_MemoryRounded = __toESM(require("@mui/icons-material/MemoryRounded"));
+var import_AddCircleOutlineRounded = __toESM(require("@mui/icons-material/AddCircleOutlineRounded"));
+var import_Add = __toESM(require("@mui/icons-material/Add"));
+var import_Close = __toESM(require("@mui/icons-material/Close"));
+var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"));
+var import_Autorenew = __toESM(require("@mui/icons-material/Autorenew"));
+var import_CheckCircle = __toESM(require("@mui/icons-material/CheckCircle"));
+var import_Menu = __toESM(require("@mui/icons-material/Menu"));
+var import_MoreVert = __toESM(require("@mui/icons-material/MoreVert"));
+var import_MoreHoriz = __toESM(require("@mui/icons-material/MoreHoriz"));
+var import_ContentCopy = __toESM(require("@mui/icons-material/ContentCopy"));
+var import_ContentPaste = __toESM(require("@mui/icons-material/ContentPaste"));
+var import_Cloud = __toESM(require("@mui/icons-material/Cloud"));
+var import_DownloadOutlined = __toESM(require("@mui/icons-material/DownloadOutlined"));
+var import_DownloadDoneOutlined = __toESM(require("@mui/icons-material/DownloadDoneOutlined"));
+var import_StarBorderOutlined = __toESM(require("@mui/icons-material/StarBorderOutlined"));
+var import_DeleteForever = __toESM(require("@mui/icons-material/DeleteForever"));
+var import_LayersClear = __toESM(require("@mui/icons-material/LayersClear"));
+var import_Check = __toESM(require("@mui/icons-material/Check"));
+var import_DoneAll = __toESM(require("@mui/icons-material/DoneAll"));
+var import_PowerSettingsNew = __toESM(require("@mui/icons-material/PowerSettingsNew"));
+var import_Send = __toESM(require("@mui/icons-material/Send"));
+var import_ZoomInMap = __toESM(require("@mui/icons-material/ZoomInMap"));
+var import_ZoomOutMap = __toESM(require("@mui/icons-material/ZoomOutMap"));
+var import_HomeRepairService = __toESM(require("@mui/icons-material/HomeRepairService"));
+var import_Construction = __toESM(require("@mui/icons-material/Construction"));
+var import_Help = __toESM(require("@mui/icons-material/Help"));
+var import_EmojiFlags = __toESM(require("@mui/icons-material/EmojiFlags"));
+var import_Edit = __toESM(require("@mui/icons-material/Edit"));
+var import_ForkRight = __toESM(require("@mui/icons-material/ForkRight"));
+var import_Settings = __toESM(require("@mui/icons-material/Settings"));
+var import_Restore = __toESM(require("@mui/icons-material/Restore"));
+var import_EditNote = __toESM(require("@mui/icons-material/EditNote"));
+var import_HomeOutlined = __toESM(require("@mui/icons-material/HomeOutlined"));
+var import_ExitToAppOutlined = __toESM(require("@mui/icons-material/ExitToAppOutlined"));
+var import_WbSunnyOutlined = __toESM(require("@mui/icons-material/WbSunnyOutlined"));
+var import_DarkModeOutlined = __toESM(require("@mui/icons-material/DarkModeOutlined"));
+var import_AttachFileOutlined = __toESM(require("@mui/icons-material/AttachFileOutlined"));
+var import_NoteAdd = __toESM(require("@mui/icons-material/NoteAdd"));
+var import_CloudUpload = __toESM(require("@mui/icons-material/CloudUpload"));
+var import_KeyboardDoubleArrowRight = __toESM(require("@mui/icons-material/KeyboardDoubleArrowRight"));
+var import_KeyboardDoubleArrowLeft = __toESM(require("@mui/icons-material/KeyboardDoubleArrowLeft"));
+var import_KeyboardDoubleArrowRightRounded = __toESM(require("@mui/icons-material/KeyboardDoubleArrowRightRounded"));
+var import_FitScreen = __toESM(require("@mui/icons-material/FitScreen"));
+var import_Fullscreen = __toESM(require("@mui/icons-material/Fullscreen"));
+var import_Biotech = __toESM(require("@mui/icons-material/Biotech"));
+var import_Share = __toESM(require("@mui/icons-material/Share"));
+var import_FilterAlt = __toESM(require("@mui/icons-material/FilterAlt"));
+var import_Sync = __toESM(require("@mui/icons-material/Sync"));
+var import_PlayArrow = __toESM(require("@mui/icons-material/PlayArrow"));
+var import_PauseOutlined = __toESM(require("@mui/icons-material/PauseOutlined"));
+var import_Casino = __toESM(require("@mui/icons-material/Casino"));
+var import_Paid = __toESM(require("@mui/icons-material/Paid"));
+var import_Save = __toESM(require("@mui/icons-material/Save"));
+var import_StopRounded = __toESM(require("@mui/icons-material/StopRounded"));
+var import_Replay = __toESM(require("@mui/icons-material/Replay"));
+var import_AccountTree = __toESM(require("@mui/icons-material/AccountTree"));
+var import_Close2 = __toESM(require("@mui/icons-material/Close"));
+var import_KeyboardArrowDown = __toESM(require("@mui/icons-material/KeyboardArrowDown"));
+var import_KeyboardArrowRight = __toESM(require("@mui/icons-material/KeyboardArrowRight"));
+var import_SearchRounded = __toESM(require("@mui/icons-material/SearchRounded"));
+var import_CloseRounded = __toESM(require("@mui/icons-material/CloseRounded"));
+var import_SortByAlphaRounded = __toESM(require("@mui/icons-material/SortByAlphaRounded"));
+var import_FilterAltOutlined = __toESM(require("@mui/icons-material/FilterAltOutlined"));
+var import_InboxOutlined = __toESM(require("@mui/icons-material/InboxOutlined"));
+var import_SearchOff = __toESM(require("@mui/icons-material/SearchOff"));
+var import_ClearRounded = __toESM(require("@mui/icons-material/ClearRounded"));
+var import_ArrowDropDownRounded = __toESM(require("@mui/icons-material/ArrowDropDownRounded"));
+var import_AccountBox = __toESM(require("@mui/icons-material/AccountBox"));
+var import_Logout = __toESM(require("@mui/icons-material/Logout"));
+var import_Login = __toESM(require("@mui/icons-material/Login"));
+var import_Dashboard = __toESM(require("@mui/icons-material/Dashboard"));
+var import_AccountTreeOutlined = __toESM(require("@mui/icons-material/AccountTreeOutlined"));
+var import_HelpOutline = __toESM(require("@mui/icons-material/HelpOutline"));
+var import_NavigateBefore = __toESM(require("@mui/icons-material/NavigateBefore"));
+var import_NavigateNext = __toESM(require("@mui/icons-material/NavigateNext"));
+var import_Person2 = __toESM(require("@mui/icons-material/Person"));
+var import_CalendarToday = __toESM(require("@mui/icons-material/CalendarToday"));
+var import_QuestionAnswerOutlined = __toESM(require("@mui/icons-material/QuestionAnswerOutlined"));
+var import_Today = __toESM(require("@mui/icons-material/Today"));
+var import_DeleteForever2 = __toESM(require("@mui/icons-material/DeleteForever"));
+var import_AdsClick = __toESM(require("@mui/icons-material/AdsClick"));
+var import_Fingerprint = __toESM(require("@mui/icons-material/Fingerprint"));
+var import_SportsEsportsOutlined = __toESM(require("@mui/icons-material/SportsEsportsOutlined"));
+var import_HelpOutlineRounded = __toESM(require("@mui/icons-material/HelpOutlineRounded"));
+var import_AccountTreeOutlined2 = __toESM(require("@mui/icons-material/AccountTreeOutlined"));
+var import_SmartToyOutlined = __toESM(require("@mui/icons-material/SmartToyOutlined"));
+var import_AcUnit = __toESM(require("@mui/icons-material/AcUnit"));
+var import_Loop = __toESM(require("@mui/icons-material/Loop"));
+var import_Pending = __toESM(require("@mui/icons-material/Pending"));
+var import_AllInclusive = __toESM(require("@mui/icons-material/AllInclusive"));
+var import_WarningOutlined = __toESM(require("@mui/icons-material/WarningOutlined"));
+var import_InfoOutlined = __toESM(require("@mui/icons-material/InfoOutlined"));
+var import_AutoAwesomeRounded = __toESM(require("@mui/icons-material/AutoAwesomeRounded"));
+var import_ErrorOutlineOutlined = __toESM(require("@mui/icons-material/ErrorOutlineOutlined"));
+var import_Download = __toESM(require("@mui/icons-material/Download"));
+
+// src/components/elemental/Input/src/TelPhoneInput/CountrySelect.tsx
+var import_react5 = require("react");
+var import_react_phone_number_input = require("react-phone-number-input");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var ROW_HEIGHT = 36;
+var LIST_HEIGHT = 280;
+var OVERSCAN = 4;
+var callingCodeCache = /* @__PURE__ */ new Map();
+function callingCodeLabel(code) {
+  if (!code) return "";
+  const cached = callingCodeCache.get(code);
+  if (cached !== void 0) return cached;
+  let next = "";
+  try {
+    next = `+${(0, import_react_phone_number_input.getCountryCallingCode)(code)}`;
+  } catch {
+    next = "";
+  }
+  callingCodeCache.set(code, next);
+  return next;
+}
+var triggerSx = {
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: "4px",
+  minWidth: 40,
+  px: 0.75,
+  py: 0.5,
+  border: "none",
+  borderRadius: 1,
+  cursor: "pointer",
+  lineHeight: 0,
+  color: "inherit",
+  backgroundColor: "var(--mui-palette-primary-background, transparent)",
+  "&:hover": {
+    backgroundColor: "color-mix(in lab, var(--mui-palette-text-primary), transparent 92%)"
+  },
+  "&:disabled": {
+    cursor: "default",
+    opacity: 0.5
+  }
+};
+var rowSx = {
+  position: "absolute",
+  left: 0,
+  right: 0,
+  display: "flex",
+  alignItems: "center",
+  gap: 1,
+  width: "100%",
+  px: 1.5,
+  border: "none",
+  background: "none",
+  color: "inherit",
+  cursor: "pointer",
+  textAlign: "left",
+  "&:hover": {
+    backgroundColor: "color-mix(in lab, var(--mui-palette-text-primary), transparent 92%)"
+  },
+  '&[aria-selected="true"]': {
+    backgroundColor: "color-mix(in lab, var(--mui-palette-primary-main, #1976d2), transparent 88%)"
+  },
+  "& .PhoneInputCountryIcon": {
+    flexShrink: 0,
+    overflow: "hidden"
+  }
+};
+var CountryRow = (0, import_react5.memo)(function CountryRow2({
+  option,
+  selected,
+  Icon,
+  onSelect,
+  offset
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    import_Box2.default,
+    {
+      component: "button",
+      type: "button",
+      role: "option",
+      "aria-selected": selected,
+      onMouseDown: (event) => event.preventDefault(),
+      onClick: () => onSelect(option.value),
+      sx: rowSx,
+      style: { top: offset, height: ROW_HEIGHT },
+      children: [
+        Icon ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          Icon,
+          {
+            "aria-hidden": true,
+            country: option.value,
+            label: option.label,
+            className: "PhoneInputCountryIcon"
+          }
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Box2.default, { component: "span", sx: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: option.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Box2.default, { component: "span", sx: { opacity: 0.7, fontSize: "0.75rem" }, children: callingCodeLabel(option.value) })
+      ]
+    }
+  );
+});
+function VirtualCountryList({
+  options,
+  value,
+  Icon,
+  onSelect
+}) {
+  const rows = (0, import_react5.useMemo)(
+    () => options.filter((option) => !option.divider),
+    [options]
+  );
+  const [scrollTop, setScrollTop] = (0, import_react5.useState)(0);
+  const start = Math.max(0, Math.floor(scrollTop / ROW_HEIGHT) - OVERSCAN);
+  const visibleCount = Math.ceil(LIST_HEIGHT / ROW_HEIGHT) + OVERSCAN * 2;
+  const end = Math.min(rows.length, start + visibleCount);
+  const height = Math.min(LIST_HEIGHT, rows.length * ROW_HEIGHT);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_Box2.default,
+    {
+      role: "listbox",
+      onScroll: (event) => setScrollTop(event.currentTarget.scrollTop),
+      sx: { height, width: 320, overflow: "auto" },
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Box2.default, { sx: { height: rows.length * ROW_HEIGHT, position: "relative" }, children: rows.slice(start, end).map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        CountryRow,
+        {
+          option,
+          selected: option.value === value,
+          Icon,
+          onSelect,
+          offset: (start + index) * ROW_HEIGHT
+        },
+        option.value ?? option.label
+      )) })
+    }
+  );
+}
+function countryOptionsAreEqual(prev, next) {
+  if (prev === next) return true;
+  if (prev.length !== next.length) return false;
+  for (let i = 0; i < prev.length; i += 1) {
+    const a = prev[i];
+    const b = next[i];
+    if (a.value !== b.value || a.label !== b.label || Boolean(a.divider) !== Boolean(b.divider)) {
+      return false;
+    }
+  }
+  return true;
+}
+function countrySelectPropsAreEqual(prev, next) {
+  return prev.value === next.value && countryOptionsAreEqual(prev.options, next.options) && prev.onChange === next.onChange && prev.onFocus === next.onFocus && prev.onBlur === next.onBlur && prev.disabled === next.disabled && prev.readOnly === next.readOnly && prev.iconComponent === next.iconComponent && prev.name === next.name && prev["aria-label"] === next["aria-label"] && prev.tabIndex === next.tabIndex;
+}
+var MuiCountrySelect = (0, import_react5.memo)(function MuiCountrySelect2({
+  name,
+  value,
+  options,
+  onChange,
+  disabled,
+  readOnly,
+  iconComponent: Icon,
+  "aria-label": ariaLabel,
+  onFocus,
+  onBlur,
+  tabIndex
+}) {
+  const [anchorEl, setAnchorEl] = (0, import_react5.useState)(null);
+  const open = Boolean(anchorEl);
+  const isDisabled = Boolean(disabled || readOnly);
+  const selectedOption = (0, import_react5.useMemo)(
+    () => options.find((option) => !option.divider && option.value === value),
+    [options, value]
+  );
+  const handleOpen = (0, import_react5.useCallback)((event) => {
+    if (isDisabled) return;
+    setAnchorEl(event.currentTarget);
+  }, [isDisabled]);
+  const handleClose = (0, import_react5.useCallback)(() => {
+    setAnchorEl(null);
+  }, []);
+  const handleSelect = (0, import_react5.useCallback)((next) => {
+    onChange(next);
+    setAnchorEl(null);
+  }, [onChange]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      import_Box2.default,
+      {
+        component: "button",
+        type: "button",
+        name,
+        tabIndex,
+        disabled: isDisabled,
+        "aria-label": ariaLabel,
+        "aria-haspopup": "listbox",
+        "aria-expanded": open ? "true" : "false",
+        onClick: handleOpen,
+        onFocus,
+        onBlur,
+        sx: triggerSx,
+        children: [
+          Icon && selectedOption ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            Icon,
+            {
+              "aria-hidden": true,
+              country: value,
+              label: selectedOption.label,
+              className: "PhoneInputCountryIcon"
+            }
+          ) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_KeyboardArrowDown.default, { fontSize: "small" })
+        ]
+      }
+    ),
+    open ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_Menu2.default,
+      {
+        open: true,
+        anchorEl,
+        onClose: handleClose,
+        transitionDuration: 0,
+        disableAutoFocusItem: true,
+        anchorOrigin: { vertical: "bottom", horizontal: "left" },
+        transformOrigin: { vertical: "top", horizontal: "left" },
+        slotProps: {
+          list: {
+            "aria-label": ariaLabel,
+            sx: { p: 0 }
+          }
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          VirtualCountryList,
+          {
+            options,
+            value,
+            Icon,
+            onSelect: handleSelect
+          }
+        )
+      }
+    ) : null
+  ] });
+}, countrySelectPropsAreEqual);
+
+// src/components/elemental/Input/src/TelPhoneInput/TelPhoneInput.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var stackPhoneSlotProps = {
+  input: {
+    sx: {
+      border: "none",
+      "&::before, &::after": { borderBottom: "none" },
+      "&:hover:not(.Mui-disabled, .Mui-error):before": { borderBottom: "none" },
+      "& .MuiInputBase-input": { padding: "8px 0" }
+    }
+  }
+};
+var StackPhoneNumberInput = (0, import_react6.memo)((0, import_react6.forwardRef)(
+  (p, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_TextField2.default,
+    {
+      ...p,
+      inputRef: ref,
+      variant: "standard",
+      slotProps: stackPhoneSlotProps
+    }
+  )
+));
+function TelPhoneInput(p) {
+  const { error = false, countrySelectComponent, iconComponent, ...rest } = p;
+  const CountryComponent = (0, import_react6.useMemo)(() => {
+    if (countrySelectComponent) {
+      return countrySelectComponent;
+    }
+    if (!iconComponent) {
+      return MuiCountrySelect;
+    }
+    return function CountrySelectWithIcon(props) {
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MuiCountrySelect, { ...props, iconComponent });
+    };
+  }, [countrySelectComponent, iconComponent]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StyledWrapper, { className: error ? "mui-error" : "", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_react_phone_number_input2.default,
+    {
+      ...rest,
+      international: true,
+      countrySelectComponent: CountryComponent,
+      inputComponent: rest.inputComponent ?? StackPhoneNumberInput
+    }
+  ) });
+}
+var StyledWrapper = (0, import_styles2.styled)(import_Box2.default, {
+  shouldForwardProp: (prop) => prop !== "error"
+})({
+  ...telPhoneInputVars,
+  "&.mui-error": telPhoneInputErrorVars,
+  border: "solid 1px var(--tel-phone-input-border-color)",
+  borderRadius: "var(--tel-phone-input-border-radius)",
+  "&:hover": {
+    borderColor: "var(--tel-phone-input-hover-border-color)"
+  }
+});
+
+// src/components/elemental/Input/src/LineInput.tsx
+var import_react7 = require("react");
+var import_styles3 = require("@mui/material/styles");
+var import_TextField4 = __toESM(require("@mui/material/TextField"));
+
+// src/components/elemental/Input/src/lineInputTheme.ts
+var lineInputVars = {
+  "--line-input-bg": "var(--mui-palette-background-default)",
+  "--line-input-divider": "var(--mui-palette-divider)",
+  "--line-input-text-primary": "var(--mui-palette-text-primary)",
+  "--line-input-text-secondary": "var(--mui-palette-text-secondary)",
+  "--line-input-error": "var(--mui-palette-error-main)"
+};
+
+// src/components/elemental/Input/src/LineInput.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var LineInput = (0, import_react7.forwardRef)(({
+  value,
+  label,
+  style,
+  ...props
+}, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    DefaultStyled,
+    {
+      value,
+      label,
+      ...props,
+      ref,
+      variant: "standard",
+      style: {
+        "--mt-scale": label ? 2 : 0,
+        ...style
+      }
+    }
+  );
+});
+var LineInput_default = LineInput;
+var DefaultStyled = (0, import_styles3.styled)(import_TextField4.default)(
+  () => ({
+    "&.MuiTextField-root": {
+      ...lineInputVars,
+      flex: 1,
+      "& .MuiInput-input": {
+        paddingTop: 0,
+        paddingBottom: 0
+      },
+      "& .MuiInput-root::before": {
+        borderBottomColor: "var(--line-input-divider)"
+      },
+      "& .MuiOutlinedInput-root": {
+        color: "var(--line-input-text-primary)",
+        "& fieldset": {
+          border: "unset",
+          boxShadow: "inset 0 0 0 2px var(--line-input-divider)",
+          color: "var(--line-input-text-secondary)"
+        },
+        "&:hover fieldset": {
+          border: "unset",
+          boxShadow: "inset 0 0 0 2px var(--line-input-text-secondary)"
+        },
+        "&.Mui-focused fieldset": {
+          border: "unset",
+          boxShadow: "inset 0 0 0 2px var(--line-input-text-secondary)"
+        }
+      },
+      "& .MuiInputLabel-root": {
+        border: "unset",
+        backgroundColor: "var(--line-input-bg)",
+        color: "var(--line-input-text-secondary)",
+        "&.Mui-focused": {
+          color: "var(--line-input-text-secondary)"
+        },
+        "&.Mui-focused.Mui-error": {
+          color: "var(--line-input-error)"
+        }
+      },
+      // hide placeholder ghost bug fix with css
+      // https://mui.com/material-ui/react-text-field/#shrink
+      // hide placeholder ghost
+      ' & .MuiInputLabel-root:not([data-shrink="true"])~.MuiInputBase-root>.MuiInputBase-input': {
+        color: "transparent"
+      },
+      "& .MuiFormHelperText-root": {
+        color: "var(--line-input-text-primary)"
+      },
+      "& .Mui-error": {
+        color: "var(--line-input-error)"
+      },
+      "& .MuiInputBase-root": {
+        fontSize: "inherit",
+        color: "var(--line-input-text-primary)",
+        marginTop: `calc(8px * var(--mt-scale))`
+      },
+      "& .MuiInputBase-root:after": {
+        borderColor: "var(--line-input-text-primary)"
+      }
+    }
+  })
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LineInput,
+  PopperInput,
+  StackInput,
+  TelPhoneInput,
+  TextField,
+  inputBaseTheme,
+  textFieldTheme
+});
+//# sourceMappingURL=input.js.map