@frontmcp/ui 0.12.1 → 1.0.0-beta.1

package/components/Loader/index.js

@@ -0,0 +1,174 @@
+"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);
+
+// libs/ui/src/components/Loader/index.ts
+var Loader_exports = {};
+__export(Loader_exports, {
+  Loader: () => Loader,
+  LoaderContext: () => LoaderContext,
+  LoaderProvider: () => LoaderProvider,
+  default: () => Loader,
+  useLoaderContext: () => useLoaderContext
+});
+module.exports = __toCommonJS(Loader_exports);
+
+// libs/ui/src/components/Loader/Loader.tsx
+var import_Box = __toESM(require("@mui/material/Box"));
+var import_CircularProgress = __toESM(require("@mui/material/CircularProgress"));
+var import_LinearProgress = __toESM(require("@mui/material/LinearProgress"));
+var import_Skeleton = __toESM(require("@mui/material/Skeleton"));
+var import_Backdrop = __toESM(require("@mui/material/Backdrop"));
+var import_Typography = __toESM(require("@mui/material/Typography"));
+var import_styles = require("@mui/material/styles");
+
+// libs/ui/src/components/Loader/LoaderContext.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var LoaderContext = (0, import_react.createContext)({});
+function LoaderProvider({
+  custom,
+  children
+}) {
+  const value = (0, import_react.useMemo)(() => ({ customLoader: custom }), [custom]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoaderContext.Provider, { value, children });
+}
+function useLoaderContext() {
+  return (0, import_react.useContext)(LoaderContext);
+}
+
+// libs/ui/src/components/Loader/Loader.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var LoaderRoot = (0, import_styles.styled)(import_Box.default, {
+  name: "FrontMcpLoader",
+  slot: "Root"
+})({
+  display: "inline-flex",
+  flexDirection: "column",
+  alignItems: "center",
+  gap: 8
+});
+var BarRoot = (0, import_styles.styled)(import_Box.default, {
+  name: "FrontMcpLoader",
+  slot: "Bar"
+})({
+  width: "100%",
+  display: "flex",
+  flexDirection: "column",
+  gap: 4
+});
+var OverlayRoot = (0, import_styles.styled)(import_Box.default, {
+  name: "FrontMcpLoader",
+  slot: "Overlay"
+})({
+  position: "relative"
+});
+function Loader({
+  variant = "spinner",
+  determinate = false,
+  value,
+  size = 40,
+  color = "primary",
+  label,
+  skeletonShape = "text",
+  skeletonWidth,
+  skeletonHeight,
+  skeletonLines = 1,
+  open = true,
+  contained = false,
+  children,
+  custom
+}) {
+  const { customLoader } = useLoaderContext();
+  const renderFn = custom ?? customLoader;
+  if (renderFn) {
+    return renderFn({ variant, label, value });
+  }
+  switch (variant) {
+    case "bar":
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(BarRoot, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_LinearProgress.default,
+          {
+            variant: determinate ? "determinate" : "indeterminate",
+            value: determinate ? value : void 0,
+            color
+          }
+        ),
+        label && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Typography.default, { variant: "caption", color: "text.secondary", children: label })
+      ] });
+    case "skeleton": {
+      const lines = Math.max(1, skeletonLines);
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Box.default, { children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_Skeleton.default,
+        {
+          variant: skeletonShape,
+          width: skeletonWidth ?? (skeletonShape === "circular" ? 40 : "100%"),
+          height: skeletonHeight ?? (skeletonShape === "circular" ? 40 : void 0),
+          animation: "wave"
+        },
+        i
+      )) });
+    }
+    case "overlay":
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(OverlayRoot, { children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          import_Backdrop.default,
+          {
+            open,
+            sx: {
+              position: contained ? "absolute" : "fixed",
+              zIndex: (theme) => theme.zIndex.drawer + 1,
+              color: "#fff",
+              flexDirection: "column",
+              gap: 1
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_CircularProgress.default, { color: "inherit", size }),
+              label && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Typography.default, { variant: "body2", color: "inherit", children: label })
+            ]
+          }
+        )
+      ] });
+    case "spinner":
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(LoaderRoot, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_CircularProgress.default,
+          {
+            variant: determinate ? "determinate" : "indeterminate",
+            value: determinate ? value : void 0,
+            size,
+            color
+          }
+        ),
+        label && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Typography.default, { variant: "caption", color: "text.secondary", children: label })
+      ] });
+  }
+}

package/components/Modal/Modal.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import DialogActions from '@mui/material/DialogActions';
+export interface ModalSlotProps {
+    title?: React.ComponentProps<typeof StyledDialogTitle>;
+    content?: React.ComponentProps<typeof StyledDialogContent>;
+    actions?: React.ComponentProps<typeof DialogActions>;
+}
+export interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    actions?: React.ReactNode;
+    maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    fullWidth?: boolean;
+    slotProps?: ModalSlotProps;
+    children: React.ReactNode;
+}
+declare const StyledDialogTitle: import("@emotion/styled").StyledComponent<Pick<import("@mui/material/DialogTitle").DialogTitleOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "width" | "height" | "children" | "className" | "style" | "classes" | "sx" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping">, "id" | "width" | "height" | "children" | "onError" | "ref" | "key" | "className" | "style" | "classes" | "sx" | "tabIndex" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "translate" | "visibility" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "lang" | "nonce" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+declare const StyledDialogContent: import("@emotion/styled").StyledComponent<Pick<import("@mui/material/DialogContent").DialogContentProps, keyof import("@mui/material/DialogContent").DialogContentProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare function Modal({ open, onClose, title, actions, maxWidth, fullWidth, slotProps, children, }: ModalProps): React.ReactElement;
+export {};
+//# sourceMappingURL=Modal.d.ts.map

package/components/Modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,aAAa,MAAM,6BAA6B,CAAC;AAGxD,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;IACvD,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC;IAC3D,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;CACtD;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,iBAAiB,myQASpB,CAAC;AAEJ,QAAA,MAAM,mBAAmB,sQAKtB,CAAC;AAEJ,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,OAAO,EACP,QAAe,EACf,SAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,UAAU,GAAG,KAAK,CAAC,YAAY,CAejC"}

package/components/Modal/index.d.ts

@@ -0,0 +1,4 @@
+export { Modal } from './Modal';
+export { Modal as default } from './Modal';
+export type { ModalProps, ModalSlotProps } from './Modal';
+//# sourceMappingURL=index.d.ts.map

package/components/Modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

package/components/Modal/index.js

@@ -0,0 +1,80 @@
+"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);
+
+// libs/ui/src/components/Modal/index.ts
+var Modal_exports = {};
+__export(Modal_exports, {
+  Modal: () => Modal,
+  default: () => Modal
+});
+module.exports = __toCommonJS(Modal_exports);
+
+// libs/ui/src/components/Modal/Modal.tsx
+var import_styles = require("@mui/material/styles");
+var import_Dialog = __toESM(require("@mui/material/Dialog"));
+var import_DialogTitle = __toESM(require("@mui/material/DialogTitle"));
+var import_DialogContent = __toESM(require("@mui/material/DialogContent"));
+var import_DialogActions = __toESM(require("@mui/material/DialogActions"));
+var import_IconButton = __toESM(require("@mui/material/IconButton"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var StyledDialogTitle = (0, import_styles.styled)(import_DialogTitle.default, {
+  name: "Modal",
+  slot: "Title"
+})(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  fontWeight: 600,
+  fontSize: theme.typography.h6.fontSize
+}));
+var StyledDialogContent = (0, import_styles.styled)(import_DialogContent.default, {
+  name: "Modal",
+  slot: "Content"
+})(({ theme }) => ({
+  paddingTop: `${theme.spacing(2)} !important`
+}));
+function Modal({
+  open,
+  onClose,
+  title,
+  actions,
+  maxWidth = "sm",
+  fullWidth = true,
+  slotProps,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Dialog.default, { open, onClose, maxWidth, fullWidth, children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledDialogTitle, { ...slotProps?.title, children: [
+      title,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_IconButton.default, { onClick: onClose, size: "small", "aria-label": "close", children: "\u2715" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledDialogContent, { ...slotProps?.content, children }),
+    actions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DialogActions.default, { ...slotProps?.actions, children: actions })
+  ] });
+}

package/components/Select/Select.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface SelectOption {
+    value: string;
+    label: string;
+}
+export interface SelectProps {
+    label?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    options: SelectOption[];
+    placeholder?: string;
+    error?: boolean;
+    helperText?: string;
+    disabled?: boolean;
+    required?: boolean;
+    fullWidth?: boolean;
+    size?: 'small' | 'medium';
+}
+export declare function Select({ label, value, defaultValue, onChange, options, placeholder, error, helperText, disabled, required, fullWidth, size, }: SelectProps): React.ReactElement;
+//# sourceMappingURL=Select.d.ts.map

package/components/Select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC3B;AAED,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,KAAa,EACb,UAAU,EACV,QAAgB,EAChB,QAAgB,EAChB,SAAgB,EAChB,IAAc,GACf,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CA6BlC"}

package/components/Select/index.d.ts

@@ -0,0 +1,4 @@
+export { Select } from './Select';
+export { Select as default } from './Select';
+export type { SelectProps, SelectOption } from './Select';
+//# sourceMappingURL=index.d.ts.map

package/components/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC"}

package/components/Select/index.js

@@ -0,0 +1,78 @@
+"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);
+
+// libs/ui/src/components/Select/index.ts
+var Select_exports = {};
+__export(Select_exports, {
+  Select: () => Select,
+  default: () => Select
+});
+module.exports = __toCommonJS(Select_exports);
+
+// libs/ui/src/components/Select/Select.tsx
+var import_TextField = __toESM(require("@mui/material/TextField"));
+var import_MenuItem = __toESM(require("@mui/material/MenuItem"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function Select({
+  label,
+  value,
+  defaultValue,
+  onChange,
+  options,
+  placeholder,
+  error = false,
+  helperText,
+  disabled = false,
+  required = false,
+  fullWidth = true,
+  size = "small"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_TextField.default,
+    {
+      select: true,
+      label,
+      value,
+      defaultValue,
+      onChange: onChange ? (e) => onChange(e.target.value) : void 0,
+      error,
+      helperText,
+      disabled,
+      required,
+      fullWidth,
+      size,
+      variant: "outlined",
+      ...placeholder ? { SelectProps: { displayEmpty: true } } : {},
+      children: [
+        placeholder && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuItem.default, { value: "", disabled: true, children: placeholder }),
+        options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuItem.default, { value: opt.value, children: opt.label }, opt.value))
+      ]
+    }
+  );
+}

package/components/Table/Table.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface TableColumn {
+    key: string;
+    label: string;
+    align?: 'left' | 'center' | 'right';
+}
+export interface TableProps {
+    columns: TableColumn[];
+    rows: Record<string, unknown>[];
+    size?: 'small' | 'medium';
+    stickyHeader?: boolean;
+    maxHeight?: number;
+}
+export declare function Table({ columns, rows, size, stickyHeader, maxHeight, }: TableProps): React.ReactElement;
+//# sourceMappingURL=Table.d.ts.map

package/components/Table/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAeD,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,IAAI,EACJ,IAAc,EACd,YAAoB,EACpB,SAAS,GACV,EAAE,UAAU,GAAG,KAAK,CAAC,YAAY,CA2BjC"}

package/components/Table/index.d.ts

@@ -0,0 +1,4 @@
+export { Table } from './Table';
+export { Table as default } from './Table';
+export type { TableProps, TableColumn } from './Table';
+//# sourceMappingURL=index.d.ts.map

package/components/Table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/components/Table/index.js

@@ -0,0 +1,70 @@
+"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);
+
+// libs/ui/src/components/Table/index.ts
+var Table_exports = {};
+__export(Table_exports, {
+  Table: () => Table,
+  default: () => Table
+});
+module.exports = __toCommonJS(Table_exports);
+
+// libs/ui/src/components/Table/Table.tsx
+var import_styles = require("@mui/material/styles");
+var import_Table = __toESM(require("@mui/material/Table"));
+var import_TableBody = __toESM(require("@mui/material/TableBody"));
+var import_TableCell = __toESM(require("@mui/material/TableCell"));
+var import_TableContainer = __toESM(require("@mui/material/TableContainer"));
+var import_TableHead = __toESM(require("@mui/material/TableHead"));
+var import_TableRow = __toESM(require("@mui/material/TableRow"));
+var import_Paper = __toESM(require("@mui/material/Paper"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var StyledHeaderCell = (0, import_styles.styled)(import_TableCell.default, {
+  name: "Table",
+  slot: "HeaderCell"
+})(({ theme }) => ({
+  fontWeight: 600,
+  backgroundColor: theme.palette.mode === "dark" ? theme.palette.grey[900] : theme.palette.grey[50]
+}));
+var StyledBodyCell = (0, import_styles.styled)(import_TableCell.default, {
+  name: "Table",
+  slot: "BodyCell"
+})({});
+function Table({
+  columns,
+  rows,
+  size = "small",
+  stickyHeader = false,
+  maxHeight
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TableContainer.default, { component: import_Paper.default, variant: "outlined", sx: maxHeight ? { maxHeight } : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Table.default, { size, stickyHeader, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TableHead.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TableRow.default, { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledHeaderCell, { align: col.align ?? "left", children: col.label }, col.key)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TableBody.default, { children: rows.map((row, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TableRow.default, { hover: true, children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledBodyCell, { align: col.align ?? "left", children: String(row[col.key] ?? "") }, col.key)) }, idx)) })
+  ] }) });
+}

package/components/TextField/TextField.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface TextFieldProps {
+    label?: string;
+    placeholder?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    type?: 'text' | 'password' | 'email' | 'number' | 'url' | 'search';
+    multiline?: boolean;
+    rows?: number;
+    error?: boolean;
+    helperText?: string;
+    disabled?: boolean;
+    required?: boolean;
+    fullWidth?: boolean;
+    size?: 'small' | 'medium';
+}
+export declare function TextField({ label, placeholder, value, defaultValue, onChange, type, multiline, rows, error, helperText, disabled, required, fullWidth, size, }: TextFieldProps): React.ReactElement;
+//# sourceMappingURL=TextField.d.ts.map

package/components/TextField/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAC;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC3B;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,IAAa,EACb,SAAiB,EACjB,IAAI,EACJ,KAAa,EACb,UAAU,EACV,QAAgB,EAChB,QAAgB,EAChB,SAAgB,EAChB,IAAc,GACf,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAoBrC"}

package/components/TextField/index.d.ts

@@ -0,0 +1,4 @@
+export { TextField } from './TextField';
+export { TextField as default } from './TextField';
+export type { TextFieldProps } from './TextField';
+//# sourceMappingURL=index.d.ts.map

package/components/TextField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/components/TextField/index.js

@@ -0,0 +1,77 @@
+"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);
+
+// libs/ui/src/components/TextField/index.ts
+var TextField_exports = {};
+__export(TextField_exports, {
+  TextField: () => TextField,
+  default: () => TextField
+});
+module.exports = __toCommonJS(TextField_exports);
+
+// libs/ui/src/components/TextField/TextField.tsx
+var import_TextField = __toESM(require("@mui/material/TextField"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function TextField({
+  label,
+  placeholder,
+  value,
+  defaultValue,
+  onChange,
+  type = "text",
+  multiline = false,
+  rows,
+  error = false,
+  helperText,
+  disabled = false,
+  required = false,
+  fullWidth = true,
+  size = "small"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_TextField.default,
+    {
+      label,
+      placeholder,
+      value,
+      defaultValue,
+      onChange: onChange ? (e) => onChange(e.target.value) : void 0,
+      type,
+      multiline,
+      rows,
+      error,
+      helperText,
+      disabled,
+      required,
+      fullWidth,
+      size,
+      variant: "outlined"
+    }
+  );
+}