@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/scrollToLoad.js

@@ -0,0 +1,256 @@
+"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/compound/ScrollToLoad/index.ts
+var ScrollToLoad_exports = {};
+__export(ScrollToLoad_exports, {
+  ScrollToLoad: () => ScrollToLoad,
+  useScrollToLoad: () => useScrollToLoad
+});
+module.exports = __toCommonJS(ScrollToLoad_exports);
+
+// src/components/compound/ScrollToLoad/src/useScrollToLoad.ts
+var import_react = require("react");
+function useScrollToLoad(options) {
+  const {
+    hasMore,
+    isLoading,
+    onLoadMore,
+    enabled = true,
+    root = null,
+    rootMargin = "0px 0px 200px 0px",
+    threshold = 0,
+    triggerOncePerVisibility = true,
+    autoLoadLimit,
+    resetKey
+  } = options;
+  const [autoCount, setAutoCount] = (0, import_react.useState)(0);
+  const autoRequestInFlightRef = (0, import_react.useRef)(false);
+  const onLoadMoreRef = (0, import_react.useRef)(onLoadMore);
+  (0, import_react.useEffect)(() => {
+    onLoadMoreRef.current = onLoadMore;
+  });
+  const nodeRef = (0, import_react.useRef)(null);
+  const observerRef = (0, import_react.useRef)(null);
+  const [sentinelVersion, setSentinelVersion] = (0, import_react.useState)(0);
+  const sentinelRef = (0, import_react.useCallback)((node) => {
+    nodeRef.current = node;
+    if (node) setSentinelVersion((v) => v + 1);
+  }, []);
+  const normalizedAutoLoadLimit = typeof autoLoadLimit === "number" && Number.isFinite(autoLoadLimit) && autoLoadLimit > 0 ? autoLoadLimit : void 0;
+  const observerSupported = typeof IntersectionObserver !== "undefined";
+  const autoModeEnabled = enabled && observerSupported && (normalizedAutoLoadLimit == null || autoCount < normalizedAutoLoadLimit);
+  (0, import_react.useEffect)(() => {
+    setAutoCount(0);
+    autoRequestInFlightRef.current = false;
+  }, [resetKey]);
+  (0, import_react.useEffect)(() => {
+    if (!isLoading) {
+      autoRequestInFlightRef.current = false;
+    }
+  }, [isLoading]);
+  (0, import_react.useEffect)(() => {
+    if (observerRef.current) {
+      observerRef.current.disconnect();
+      observerRef.current = null;
+    }
+    const node = nodeRef.current;
+    if (!node || !autoModeEnabled || !hasMore || isLoading) {
+      return;
+    }
+    observerRef.current = new IntersectionObserver(
+      ([entry]) => {
+        if (!entry.isIntersecting) return;
+        if (autoRequestInFlightRef.current) return;
+        autoRequestInFlightRef.current = true;
+        onLoadMoreRef.current();
+        setAutoCount((c) => c + 1);
+        if (triggerOncePerVisibility && observerRef.current) {
+          observerRef.current.disconnect();
+          observerRef.current = null;
+        }
+      },
+      { root, rootMargin, threshold }
+    );
+    observerRef.current.observe(node);
+    return () => {
+      observerRef.current?.disconnect();
+      observerRef.current = null;
+    };
+  }, [
+    autoModeEnabled,
+    hasMore,
+    isLoading,
+    root,
+    rootMargin,
+    sentinelVersion,
+    threshold,
+    triggerOncePerVisibility
+  ]);
+  const requestLoadMore = (0, import_react.useCallback)(() => {
+    if (hasMore && !isLoading) {
+      onLoadMoreRef.current();
+    }
+  }, [hasMore, isLoading]);
+  const canLoadMore = enabled && hasMore && !isLoading;
+  return { sentinelRef, requestLoadMore, canLoadMore, autoModeEnabled };
+}
+
+// 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/index.ts
+var import_Box = __toESM(require("@mui/material/Box"));
+var import_Stack = __toESM(require("@mui/material/Stack"));
+var import_Grid = __toESM(require("@mui/material/Grid"));
+
+// src/components/elemental/Button/src/Button/Button.tsx
+var import_Button = __toESM(require("@mui/material/Button"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function Button(p) {
+  const { children, slotProps, ...rest } = p;
+  const { sx, ...boxRest } = slotProps?.innerBox ?? {};
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.default, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Box.default,
+    {
+      ...boxRest,
+      sx: mergeSx(
+        {
+          textOverflow: "ellipsis",
+          overflow: "hidden",
+          whiteSpace: "pre"
+        },
+        sx
+      ),
+      children
+    }
+  ) });
+}
+
+// src/components/elemental/Progress/src/CircularProgress.tsx
+var import_CircularProgress = __toESM(require("@mui/material/CircularProgress"));
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var CircularProgress = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_CircularProgress.default, { ...props });
+};
+
+// src/components/elemental/Typography/src/Typography.ts
+var import_Typography = __toESM(require("@mui/material/Typography"));
+
+// src/components/compound/ScrollToLoad/src/render/StatusIndicators.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function DefaultLoadingIndicator() {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Box.default, { sx: { display: "flex", justifyContent: "center", py: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CircularProgress, { size: 24 }) });
+}
+function DefaultEndIndicator() {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Box.default, { sx: { display: "flex", justifyContent: "center", py: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Typography.default, { variant: "body2", color: "text.secondary", children: "No more items" }) });
+}
+
+// src/components/compound/ScrollToLoad/src/ScrollToLoad.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function ScrollToLoad(props) {
+  const {
+    children,
+    loadingIndicator,
+    endIndicator,
+    manualFallback = false,
+    manualLabel = "Load more",
+    slotProps,
+    ...hookOptions
+  } = props;
+  const sentinelSlotProps = slotProps?.sentinel;
+  const manualContainerSlotProps = slotProps?.manualContainer;
+  const manualButtonSlotProps = slotProps?.manualButton;
+  const isAutoEnabled = (hookOptions.enabled ?? true) && !manualFallback;
+  const { sentinelRef, requestLoadMore, autoModeEnabled } = useScrollToLoad({
+    ...hookOptions,
+    enabled: isAutoEnabled
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_Box.default,
+      {
+        ...sentinelSlotProps,
+        ref: sentinelRef,
+        sx: sentinelSlotProps?.sx ?? { height: 4 },
+        "aria-hidden": "true"
+      }
+    ),
+    hookOptions.isLoading && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Box.default, { role: "status", "aria-live": "polite", "aria-label": "Loading more items", children: loadingIndicator ?? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DefaultLoadingIndicator, {}) }),
+    !hookOptions.hasMore && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Box.default, { role: "status", "aria-live": "polite", "aria-label": "End of list", children: endIndicator ?? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DefaultEndIndicator, {}) }),
+    (manualFallback || !autoModeEnabled) && hookOptions.hasMore && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_Box.default,
+      {
+        ...manualContainerSlotProps,
+        sx: manualContainerSlotProps?.sx ?? {
+          display: "flex",
+          justifyContent: "center",
+          py: 2
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          Button,
+          {
+            ...manualButtonSlotProps,
+            onClick: requestLoadMore,
+            disabled: hookOptions.isLoading || manualButtonSlotProps?.disabled,
+            children: manualLabel
+          }
+        )
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ScrollToLoad,
+  useScrollToLoad
+});
+//# sourceMappingURL=scrollToLoad.js.map

package/dist/scrollToLoad.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/compound/ScrollToLoad/index.ts","../src/components/compound/ScrollToLoad/src/useScrollToLoad.ts","../src/_utils/_func/sx.ts","../src/components/elemental/Box/src/index.ts","../src/components/elemental/Button/src/Button/Button.tsx","../src/components/elemental/Progress/src/CircularProgress.tsx","../src/components/elemental/Typography/src/Typography.ts","../src/components/compound/ScrollToLoad/src/render/StatusIndicators.tsx","../src/components/compound/ScrollToLoad/src/ScrollToLoad.tsx"],"sourcesContent":["export * from './src';\n","import { useCallback, useEffect, useRef, useState } from 'react';\nimport { UseScrollToLoadOptions, UseScrollToLoadReturn } from './_types';\n\nexport function useScrollToLoad(\n  options: UseScrollToLoadOptions\n): UseScrollToLoadReturn {\n  const {\n    hasMore,\n    isLoading,\n    onLoadMore,\n    enabled = true,\n    root = null,\n    rootMargin = '0px 0px 200px 0px',\n    threshold = 0,\n    triggerOncePerVisibility = true,\n    autoLoadLimit,\n    resetKey,\n  } = options;\n\n  // Track auto-load count as state so autoModeEnabled triggers re-renders.\n  const [autoCount, setAutoCount] = useState(0);\n  const autoRequestInFlightRef = useRef(false);\n\n  // Keep the latest onLoadMore in a ref to avoid stale closures inside the\n  // observer callback without forcing the observer to be rebuilt on every render.\n  const onLoadMoreRef = useRef(onLoadMore);\n  useEffect(() => {\n    onLoadMoreRef.current = onLoadMore;\n  });\n\n  // Store the sentinel node so the effect below can access it.\n  const nodeRef = useRef<HTMLDivElement | null>(null);\n  const observerRef = useRef<IntersectionObserver | null>(null);\n  // Bumped whenever the sentinel mounts/remounts so the observer reattaches\n  // to the correct DOM node without needing a full dependency re-evaluation.\n  const [sentinelVersion, setSentinelVersion] = useState(0);\n\n  const sentinelRef = useCallback((node: HTMLDivElement | null) => {\n    nodeRef.current = node;\n    if (node) setSentinelVersion((v) => v + 1);\n  }, []);\n\n  const normalizedAutoLoadLimit =\n    typeof autoLoadLimit === 'number' && Number.isFinite(autoLoadLimit) && autoLoadLimit > 0\n      ? autoLoadLimit\n      : undefined;\n\n  const observerSupported = typeof IntersectionObserver !== 'undefined';\n  const autoModeEnabled =\n    enabled &&\n    observerSupported &&\n    (normalizedAutoLoadLimit == null || autoCount < normalizedAutoLoadLimit);\n\n  // Allow callers to reset internal auto-load cycle when list context changes.\n  useEffect(() => {\n    setAutoCount(0);\n    autoRequestInFlightRef.current = false;\n  }, [resetKey]);\n\n  // Release the auto-trigger lock once the controlled loading flag reports idle.\n  useEffect(() => {\n    if (!isLoading) {\n      autoRequestInFlightRef.current = false;\n    }\n  }, [isLoading]);\n\n  useEffect(() => {\n    if (observerRef.current) {\n      observerRef.current.disconnect();\n      observerRef.current = null;\n    }\n\n    const node = nodeRef.current;\n\n    if (\n      !node ||\n      !autoModeEnabled ||\n      !hasMore ||\n      isLoading\n    ) {\n      return;\n    }\n\n    observerRef.current = new IntersectionObserver(\n      ([entry]) => {\n        if (!entry.isIntersecting) return;\n        if (autoRequestInFlightRef.current) return;\n\n        autoRequestInFlightRef.current = true;\n\n        onLoadMoreRef.current();\n        setAutoCount((c) => c + 1);\n\n        if (triggerOncePerVisibility && observerRef.current) {\n          observerRef.current.disconnect();\n          observerRef.current = null;\n        }\n      },\n      { root, rootMargin, threshold }\n    );\n    observerRef.current.observe(node);\n\n    return () => {\n      observerRef.current?.disconnect();\n      observerRef.current = null;\n    };\n  }, [\n    autoModeEnabled,\n    hasMore,\n    isLoading,\n    root,\n    rootMargin,\n    sentinelVersion,\n    threshold,\n    triggerOncePerVisibility,\n  ]);\n\n  const requestLoadMore = useCallback(() => {\n    if (hasMore && !isLoading) {\n      onLoadMoreRef.current();\n    }\n  }, [hasMore, isLoading]);\n\n  const canLoadMore = enabled && hasMore && !isLoading;\n\n  return { sentinelRef, requestLoadMore, canLoadMore, autoModeEnabled };\n}\n","import type { SxProps, Theme } from '@mui/material/styles'\n\n/** Values accepted by {@link mergeSx}: objects, callbacks, arrays (nested ok), or omitted. */\nexport type SxMergePart =\n  | SxProps<Theme>\n  | Record<string, unknown>\n  | ReadonlyArray<SxMergePart>\n  | false\n  | null\n  | undefined\n\nfunction flattenSx(part: unknown): unknown[] {\n  if (part == null || typeof part === 'boolean') {\n    return []\n  }\n  if (Array.isArray(part)) {\n    return part.flatMap(flattenSx)\n  }\n  if (typeof part === 'function' || typeof part === 'object') {\n    return [part]\n  }\n  return []\n}\n\n/**\n * Combine MUI `sx` values into one prop.\n *\n * Nested arrays are flattened (`[base, [a, b]]` → `[base, a, b]`).\n * `null` / `undefined` / `false` entries are dropped. Later parts win,\n * same as MUI's `sx` array merge.\n */\nexport function mergeSx(...parts: SxMergePart[]): SxProps<Theme> | undefined {\n  const list = parts.flatMap(flattenSx)\n  if (list.length === 0) {\n    return undefined\n  }\n  if (list.length === 1) {\n    return list[0] as SxProps<Theme>\n  }\n  return list as SxProps<Theme>\n}\n","export * from './BorderBox'\nexport {default as Box} from '@mui/material/Box'\nexport {default as Stack} from '@mui/material/Stack'\nexport {default as Grid} from '@mui/material/Grid'\n","import React from 'react';\n\nimport MuiButton from '@mui/material/Button';\nimport { Box } from '@/ele/Box';\nimport { mergeSx } from '@/_utils/_func';\n\n/**\n * A modified MUI Button that truncates long text with ellipsis.\n * \n * [Doc](https://mui.com/material-ui/react-button/)\n * [API](https://mui.com/material-ui/api/button/)\n */\nexport default function Button(p:\n  React.ComponentProps<typeof MuiButton> & {\n    slotProps?: {\n      innerBox?: React.ComponentProps<typeof Box>\n    }\n  }) {\n  const {children, slotProps, ...rest} = p\n  const {sx, ...boxRest} = slotProps?.innerBox ?? {}\n  return <MuiButton {...rest}>\n    <Box \n    {...boxRest}\n    sx={mergeSx(\n      {\n        textOverflow: 'ellipsis',\n        overflow: 'hidden',\n        whiteSpace: 'pre',\n      },\n      sx,\n    )}>\n      {children}\n    </Box>\n  </MuiButton>\n}","import React from 'react';\nimport MuiCircularProgress, { CircularProgressProps as MuiCircularProgressProps } from '@mui/material/CircularProgress';\n\nexport type CircularProgressProps = MuiCircularProgressProps;\n\nexport const CircularProgress: React.FC<CircularProgressProps> = (props) => {\n    return <MuiCircularProgress {...props} />;\n};\n","export { default } from '@mui/material/Typography'","import { Box } from '@/ele/Box';\nimport { CircularProgress } from '@/ele/Progress';\nimport { Typography } from '@/ele/Typography';\n\nexport function DefaultLoadingIndicator() {\n  return (\n    <Box sx={{ display: 'flex', justifyContent: 'center', py: 2 }}>\n      <CircularProgress size={24} />\n    </Box>\n  );\n}\n\nexport function DefaultEndIndicator() {\n  return (\n    <Box sx={{ display: 'flex', justifyContent: 'center', py: 2 }}>\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        No more items\n      </Typography>\n    </Box>\n  );\n}\n","import { Box } from '@/ele/Box';\nimport { Button } from '@/ele/Button';\n\nimport { DefaultEndIndicator, DefaultLoadingIndicator } from './render/StatusIndicators';\nimport { useScrollToLoad } from './useScrollToLoad';\nimport { ScrollToLoadProps } from './_types';\n\nexport function ScrollToLoad(props: ScrollToLoadProps) {\n  const {\n    children,\n    loadingIndicator,\n    endIndicator,\n    manualFallback = false,\n    manualLabel = 'Load more',\n    slotProps,\n    ...hookOptions\n  } = props;\n\n  const sentinelSlotProps = slotProps?.sentinel;\n  const manualContainerSlotProps = slotProps?.manualContainer;\n  const manualButtonSlotProps = slotProps?.manualButton;\n\n  // If manual fallback is requested, force-disable the auto-loading behavior\n  // in the hook so we can control triggering explicitly via the button.\n  const isAutoEnabled = (hookOptions.enabled ?? true) && !manualFallback;\n\n  const { sentinelRef, requestLoadMore, autoModeEnabled } = useScrollToLoad({\n    ...hookOptions,\n    enabled: isAutoEnabled,\n  });\n\n  return (\n    <>\n      {children}\n      <Box\n        {...sentinelSlotProps}\n        ref={sentinelRef}\n        sx={sentinelSlotProps?.sx ?? { height: 4 }}\n        aria-hidden=\"true\"\n      />\n      {hookOptions.isLoading && (\n        <Box role=\"status\" aria-live=\"polite\" aria-label=\"Loading more items\">\n          {loadingIndicator ?? <DefaultLoadingIndicator />}\n        </Box>\n      )}\n      {!hookOptions.hasMore && (\n        <Box role=\"status\" aria-live=\"polite\" aria-label=\"End of list\">\n          {endIndicator ?? <DefaultEndIndicator />}\n        </Box>\n      )}\n      {(manualFallback || !autoModeEnabled) && hookOptions.hasMore && (\n        <Box\n          {...manualContainerSlotProps}\n          sx={\n            manualContainerSlotProps?.sx ?? {\n              display: 'flex',\n              justifyContent: 'center',\n              py: 2,\n            }\n          }\n        >\n          <Button\n            {...manualButtonSlotProps}\n            onClick={requestLoadMore}\n            disabled={hookOptions.isLoading || manualButtonSlotProps?.disabled}\n          >\n            {manualLabel}\n          </Button>\n        </Box>\n      )}\n    </>\n  );\n}\n\nexport default ScrollToLoad;\n"],"mappings":"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","names":["MuiButton","import_jsx_runtime","MuiCircularProgress","import_jsx_runtime","import_jsx_runtime"]}

package/dist/scrollToLoad.mjs

@@ -0,0 +1,16 @@
+import {
+  ScrollToLoad,
+  useScrollToLoad
+} from "./chunk-JWANK42G.mjs";
+import "./chunk-WYYP3Y34.mjs";
+import "./chunk-JIU5GVM7.mjs";
+import "./chunk-4Q54P737.mjs";
+import "./chunk-OP6LKXPA.mjs";
+import "./chunk-4RPFRNXG.mjs";
+import "./chunk-S6EZVRZC.mjs";
+import "./chunk-FJ6ZGZIA.mjs";
+export {
+  ScrollToLoad,
+  useScrollToLoad
+};
+//# sourceMappingURL=scrollToLoad.mjs.map

package/dist/scrollToLoad.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/select.d.mts

@@ -0,0 +1,50 @@
+import React from 'react';
+import { SelectProps } from '@mui/material/Select';
+import FormControl from '@mui/material/FormControl';
+import _mui_material_MenuItem from '@mui/material/MenuItem';
+
+interface SelectOptionType {
+    label: string;
+    id: string;
+    onClick?: React.MouseEventHandler<HTMLLIElement>;
+    icon?: React.ReactNode;
+    extension?: React.ReactNode;
+    name?: string;
+}
+type MuiSelectProps = {
+    label?: string;
+    value: SelectProps["value"];
+    onChange: SelectProps["onChange"];
+    options: SelectOptionType[];
+    helperText?: string;
+    error?: boolean;
+    inputProps?: SelectProps["inputProps"];
+    minWidth?: string;
+    minPadding?: boolean;
+    required?: boolean;
+    disableRequiredLabel?: boolean;
+    multiple?: boolean;
+    slotProps?: {
+        option?: React.ComponentProps<typeof _mui_material_MenuItem>;
+        formControl?: Partial<React.ComponentProps<typeof FormControl>>;
+    };
+} & Omit<SelectProps, "label">;
+/**
+ * Exntended from Mui Select
+ *
+ * [Doc](https://mui.com/material-ui/api/select/)
+ */
+declare const Select: React.ForwardRefExoticComponent<Omit<MuiSelectProps, "ref"> & React.RefAttributes<HTMLElement>>;
+
+declare const selectTheme: {
+    readonly defaultProps: {};
+    readonly styleOverrides: {
+        readonly root: {
+            readonly "&.Mui-focused fieldset.MuiOutlinedInput-notchedOutline": {
+                readonly borderColor: "var(--mui-palette-text-secondary)";
+            };
+        };
+    };
+};
+
+export { type MuiSelectProps, Select, type SelectOptionType, selectTheme };

package/dist/select.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import { SelectProps } from '@mui/material/Select';
+import FormControl from '@mui/material/FormControl';
+import _mui_material_MenuItem from '@mui/material/MenuItem';
+
+interface SelectOptionType {
+    label: string;
+    id: string;
+    onClick?: React.MouseEventHandler<HTMLLIElement>;
+    icon?: React.ReactNode;
+    extension?: React.ReactNode;
+    name?: string;
+}
+type MuiSelectProps = {
+    label?: string;
+    value: SelectProps["value"];
+    onChange: SelectProps["onChange"];
+    options: SelectOptionType[];
+    helperText?: string;
+    error?: boolean;
+    inputProps?: SelectProps["inputProps"];
+    minWidth?: string;
+    minPadding?: boolean;
+    required?: boolean;
+    disableRequiredLabel?: boolean;
+    multiple?: boolean;
+    slotProps?: {
+        option?: React.ComponentProps<typeof _mui_material_MenuItem>;
+        formControl?: Partial<React.ComponentProps<typeof FormControl>>;
+    };
+} & Omit<SelectProps, "label">;
+/**
+ * Exntended from Mui Select
+ *
+ * [Doc](https://mui.com/material-ui/api/select/)
+ */
+declare const Select: React.ForwardRefExoticComponent<Omit<MuiSelectProps, "ref"> & React.RefAttributes<HTMLElement>>;
+
+declare const selectTheme: {
+    readonly defaultProps: {};
+    readonly styleOverrides: {
+        readonly root: {
+            readonly "&.Mui-focused fieldset.MuiOutlinedInput-notchedOutline": {
+                readonly borderColor: "var(--mui-palette-text-secondary)";
+            };
+        };
+    };
+};
+
+export { type MuiSelectProps, Select, type SelectOptionType, selectTheme };