@weng-lab/ui-components 1.3.3 → 2.0.0

package/dist/ui-components.es5.js

@@ -0,0 +1,108 @@
+import { j as l } from "./ui-components.es12.js";
+import O, { useState as k, useEffect as K, useCallback as T, createElement as R } from "react";
+import { c as q } from "./ui-components.es13.js";
+import { isDomain as M } from "./ui-components.es20.js";
+import { Box as A, Autocomplete as _, TextField as F, Button as N, Typography as m } from "@mui/material";
+import { useEntityAutocomplete as V } from "./ui-components.es11.js";
+const p = 3, z = ({
+  queries: t,
+  assembly: e,
+  showiCREFlag: o,
+  geneVersion: j,
+  geneLimit: v = p,
+  snpLimit: c = p,
+  icreLimit: s = p,
+  ccreLimit: r = p,
+  legacyCcreLimit: D = p,
+  studyLimit: G = p,
+  onSearchSubmit: a,
+  defaultResults: W = [],
+  style: C,
+  sx: b,
+  slots: d,
+  slotProps: h,
+  ...B
+}) => {
+  const [u, y] = k(""), [x, g] = k(null), {
+    data: f,
+    loading: w
+  } = V(u && u !== "" ? [u] : [], {
+    queries: t,
+    assembly: e,
+    geneVersion: j,
+    limits: {
+      gene: v,
+      snp: c,
+      icre: s,
+      ccre: r,
+      legacyCcre: D,
+      study: G
+    },
+    showiCREFlag: o,
+    debounceMs: 100
+  });
+  K(() => {
+    y(""), g(null);
+  }, [e]);
+  const E = T(() => {
+    x && a && a(x);
+  }, [a, x]), L = T((n) => {
+    if (n.key === "Enter") {
+      const i = f?.find((I) => I.title?.toLowerCase() === u.toLowerCase());
+      i && (g(i), a && a(i));
+    }
+  }, [f, g, a]), $ = (n, i) => {
+    g(i), y(i?.title || "");
+  };
+  return /* @__PURE__ */ l.jsxs(A, { display: "flex", flexDirection: "row", gap: 2, style: {
+    ...C
+  }, sx: {
+    ...b
+  }, ...h?.box, children: [
+    /* @__PURE__ */ l.jsx(_, { onChange: $, value: x, options: u === "" ? W : w || !f ? [] : f, getOptionLabel: (n) => n.title || "", groupBy: (n) => n.type || "", renderGroup: (n) => H(n, u), noOptionsText: J(u, w, f), isOptionEqualToValue: (n, i) => n.title === i.title, renderOption: Q, filterOptions: (n) => n, renderInput: (n) => d && d.input ? O.cloneElement(d.input, {
+      ...n,
+      onKeyDown: L,
+      value: u,
+      onChange: (i) => y(i.target.value)
+    }) : /* @__PURE__ */ l.jsx(F, { ...n, label: "Search", onKeyDown: L, value: u, onChange: (i) => y(i.target.value), ...h?.input }), style: C, sx: b, ...B }),
+    d && d.button ? O.cloneElement(d.button, {
+      onClick: () => E()
+    }) : /* @__PURE__ */ l.jsx(N, { variant: "contained", onClick: () => E(), ...h?.button, children: h?.button?.children || "Go" })
+  ] });
+};
+function H(t, e) {
+  const o = Array.isArray(t.children) && !M(e) ? t.children.sort((j, v) => {
+    const c = (j.props?.children?.props?.children?.[0]?.props?.children || "").toLowerCase(), s = (v.props?.children?.props?.children?.[0]?.props?.children || "").toLowerCase(), r = e.toLowerCase();
+    return c === r && s !== r ? -1 : s === r && c !== r ? 1 : c.startsWith(r) && !s.startsWith(r) ? -1 : s.startsWith(r) && !c.startsWith(r) ? 1 : c.includes(r) && !s.includes(r) ? -1 : s.includes(r) && !c.includes(r) ? 1 : c.localeCompare(s);
+  }) : t.children;
+  return /* @__PURE__ */ l.jsxs("div", { children: [
+    /* @__PURE__ */ l.jsx(m, { variant: "subtitle2", sx: {
+      color: "gray",
+      paddingInline: 1.5,
+      paddingBlock: 1
+    }, children: t.group }),
+    o
+  ] }, t.key);
+}
+function J(t, e, o) {
+  return /* @__PURE__ */ l.jsx(m, { variant: "caption", children: t ? e ? "Loading..." : Array.isArray(o) && o.length === 0 ? "No results found" : "" : "Start typing for options" });
+}
+function Q(t, e) {
+  return /* @__PURE__ */ R("li", { ...t, key: `${e.type}-${e.title || "untitled"}-${e.description || "no-description"}` }, /* @__PURE__ */ l.jsxs(A, { children: [
+    /* @__PURE__ */ l.jsx(m, { variant: "body1", component: "div", fontWeight: "bold", sx: e.type === "Gene" ? {
+      fontStyle: "italic"
+    } : {}, children: e.title }),
+    /* @__PURE__ */ l.jsx(m, { variant: "body2", color: "text.secondary", style: {
+      whiteSpace: "pre-line"
+    }, children: e.description })
+  ] }));
+}
+function ee(t) {
+  const e = q.c(2);
+  let o;
+  return e[0] !== t ? (o = /* @__PURE__ */ l.jsx(z, { ...t }), e[0] = t, e[1] = o) : o = e[1], o;
+}
+export {
+  ee as default
+};
+//# sourceMappingURL=ui-components.es5.js.map

package/dist/ui-components.es5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-components.es5.js","sources":["../src/components/GenomeSearch/GenomeSearch.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport {\n  isDomain,\n} from \"./utils\";\nimport { AutocompleteProps, Box, Button, ButtonProps, TextField, TextFieldProps, Typography } from \"@mui/material\";\nimport { Autocomplete } from \"@mui/material\";\nimport { GenomeSearchProps, Result } from \"./types\";\nimport { useEntityAutocomplete } from \"./useEntityAutocomplete\";\n\nconst defaultLimit = 3\n\n/**\n * An autocomplete search component for genomic landmarks such as genes, SNPs, ICRs, and CCRs.\n * The props extends the MUI Autocomplete props, so you are able to adjust that component's props as well.\n * You can also use the slots and slotProps to customize the search's internal components, such as the input, button and the bounding box.\n * To use, pass in a list of the queries you want to run, and the assembly i.e. GRCh38 or mm10.\n * You must also provide a function to call when a result is selected, which will run when the user clicks the button.\n * @param props - extends MUI AutocompleteProps and includes additional props specific to this component\n */\nconst Search: React.FC<GenomeSearchProps> = ({\n  queries,\n  assembly,\n  showiCREFlag,\n  geneVersion,\n  geneLimit = defaultLimit,\n  snpLimit = defaultLimit,\n  icreLimit = defaultLimit,\n  ccreLimit = defaultLimit,\n  legacyCcreLimit = defaultLimit,\n  studyLimit = defaultLimit,\n  onSearchSubmit,\n  defaultResults = [],\n  style,\n  sx,\n  slots,\n  slotProps,\n  ...autocompleteProps\n}) => {\n  const [inputValue, setInputValue] = useState(\"\");\n  const [selection, setSelection] = useState<Result | null>(null);\n\n  const { data, loading } = useEntityAutocomplete(\n    inputValue && inputValue !== \"\" ? [inputValue] : [],\n    {\n      queries,\n      assembly,\n      geneVersion,\n      limits: {\n        gene: geneLimit,\n        snp: snpLimit,\n        icre: icreLimit,\n        ccre: ccreLimit,\n        legacyCcre: legacyCcreLimit,\n        study: studyLimit,\n      },\n      showiCREFlag,\n      debounceMs: 100,\n    }\n  );\n\n  //Clear input on assembly change\n  useEffect(() => {\n    setInputValue(\"\");\n    setSelection(null);\n  }, [assembly]);\n\n  // Handle submit\n  const onSubmit = useCallback(() => {\n    if (selection && onSearchSubmit) onSearchSubmit(selection);\n  }, [onSearchSubmit, selection]);\n\n  // Handle enter key down\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === \"Enter\") {\n        const exactMatch = data?.find((x) => x.title?.toLowerCase() === inputValue.toLowerCase());\n        if (exactMatch) {\n          setSelection(exactMatch);\n          if (onSearchSubmit) onSearchSubmit(exactMatch);\n        }\n      }\n    },\n    [data, setSelection, onSearchSubmit]\n  );\n\n  const onChange = (_event: React.SyntheticEvent<Element, Event>, newValue: Result) => {\n    setSelection(newValue);\n    setInputValue(newValue?.title || \"\"); //needed so that the matching to inputValue works on enter press after selection\n  };\n\n  return (\n    <Box display=\"flex\" flexDirection=\"row\" gap={2} style={{ ...style }} sx={{ ...sx }} {...slotProps?.box}>\n      <Autocomplete\n        onChange={onChange}\n        value={selection as Result}\n        options={inputValue === \"\" ? defaultResults : loading || !data ? [] : data}\n        getOptionLabel={(option: Result) => {\n          return option.title || \"\";\n        }}\n        groupBy={(option: Result) => option.type || \"\"}\n        renderGroup={(params) => renderGroup(params, inputValue)}\n        noOptionsText={noOptionsText(inputValue, loading, data)}\n        isOptionEqualToValue={(option, value) => option.title === value.title}\n        renderOption={renderOptions}\n        filterOptions={(x) => x}\n        renderInput={(params) => {\n          if (slots && slots.input) {\n            return React.cloneElement(slots.input as React.ReactElement<TextFieldProps>, {\n              ...params,\n              onKeyDown: handleKeyDown,\n              value: inputValue,\n              onChange: (event: React.ChangeEvent<HTMLInputElement>) => setInputValue(event.target.value),\n            });\n          }\n          return (\n            <TextField\n              {...params}\n              label=\"Search\"\n              onKeyDown={handleKeyDown}\n              value={inputValue}\n              onChange={(event: React.ChangeEvent<HTMLInputElement>) => setInputValue(event.target.value)}\n              {...slotProps?.input}\n            />\n          );\n        }}\n        style={style}\n        sx={sx}\n        {...(autocompleteProps as Partial<AutocompleteProps<Result, false, true, false, React.ElementType>>)}\n      />\n      {/* Submit Button */}\n      {slots && slots.button ? (\n        React.cloneElement(slots.button as React.ReactElement<ButtonProps, string | React.JSXElementConstructor<any>>, {\n          onClick: () => onSubmit(),\n        })\n      ) : (\n        <Button variant=\"contained\" onClick={() => onSubmit()} {...slotProps?.button}>\n          {slotProps?.button?.children || \"Go\"}\n        </Button>\n      )}\n    </Box>\n  );\n};\n\n/**\n * Renders the group of options. Orders the options by relevance to the input value.\n * @param params - The params object from the Autocomplete component\n * @param inputValue - The current input value\n * @returns A rendered group of options\n */\nfunction renderGroup(params: any, inputValue: string) {\n  // Sort items within each group by title match relevance\n  const sortedOptions =\n    Array.isArray(params.children) && !isDomain(inputValue)\n      ? params.children.sort((a: any, b: any) => {\n          const aTitle = (a.props?.children?.props?.children?.[0]?.props?.children || \"\").toLowerCase();\n          const bTitle = (b.props?.children?.props?.children?.[0]?.props?.children || \"\").toLowerCase();\n          const query = inputValue.toLowerCase();\n          // Exact matches first\n          if (aTitle === query && bTitle !== query) return -1;\n          if (bTitle === query && aTitle !== query) return 1;\n\n          // Starts with query second\n          if (aTitle.startsWith(query) && !bTitle.startsWith(query)) return -1;\n          if (bTitle.startsWith(query) && !aTitle.startsWith(query)) return 1;\n\n          // Contains query third\n          if (aTitle.includes(query) && !bTitle.includes(query)) return -1;\n          if (bTitle.includes(query) && !aTitle.includes(query)) return 1;\n\n          // Alphabetical order for equal relevance\n          return aTitle.localeCompare(bTitle);\n        })\n      : params.children;\n\n  return (\n    <div key={params.key}>\n      <Typography variant=\"subtitle2\" sx={{ color: \"gray\", paddingInline: 1.5, paddingBlock: 1 }}>\n        {params.group}\n      </Typography>\n      {sortedOptions}\n    </div>\n  );\n}\n\n/**\n * Renders the \"no options\" text.\n * @param inputValue - The current input value\n * @param isLoading - Whether the results are still loading\n * @param results - The results from the query\n * @returns A rendered \"no options\" text\n */\nfunction noOptionsText(inputValue: string, isLoading: boolean, data: Result[] | null) {\n  return (\n    <Typography variant=\"caption\">\n      {inputValue\n        ? isLoading\n          ? \"Loading...\"\n          : Array.isArray(data) && data.length === 0\n            ? \"No results found\"\n            : \"\"\n        : \"Start typing for options\"}\n    </Typography>\n  );\n}\n\n/**\n * Renders the individual options.\n * @param props - The props object from the Autocomplete component\n * @param option - The current option\n * @returns A rendered option\n */\nfunction renderOptions(props: any, option: Result) {\n  return (\n    <li {...props} key={`${option.type}-${option.title || \"untitled\"}-${option.description || \"no-description\"}`}>\n      <Box>\n        <Typography\n          variant=\"body1\"\n          component=\"div\"\n          fontWeight=\"bold\"\n          sx={option.type === \"Gene\" ? { fontStyle: \"italic\" } : {}}\n        >\n          {option.title}\n        </Typography>\n        <Typography variant=\"body2\" color=\"text.secondary\" style={{ whiteSpace: \"pre-line\" }}>\n          {option.description}\n        </Typography>\n      </Box>\n    </li>\n  );\n}\n\n/**\n * Wraps the Search component in a QueryClientProvider.\n * @param props - The props object from the Autocomplete component\n * @returns A wrapped Search component\n */\nfunction GenomeSearch(props: GenomeSearchProps) {\n  return <Search {...props} />;\n}\n\nexport default GenomeSearch;\n"],"names":["defaultLimit","Search","queries","assembly","showiCREFlag","geneVersion","geneLimit","snpLimit","icreLimit","ccreLimit","legacyCcreLimit","studyLimit","onSearchSubmit","defaultResults","style","sx","slots","slotProps","autocompleteProps","inputValue","setInputValue","useState","selection","setSelection","data","loading","useEntityAutocomplete","limits","gene","snp","icre","ccre","legacyCcre","study","debounceMs","useEffect","onSubmit","useCallback","handleKeyDown","event","key","exactMatch","find","x","title","toLowerCase","onChange","_event","newValue","jsxs","Box","box","jsx","Autocomplete","option","type","params","renderGroup","noOptionsText","value","renderOptions","input","React","cloneElement","onKeyDown","target","TextField","button","onClick","Button","children","sortedOptions","Array","isArray","isDomain","sort","a","b","aTitle","props","bTitle","query","startsWith","includes","localeCompare","Typography","color","paddingInline","paddingBlock","group","isLoading","length","description","fontStyle","whiteSpace","GenomeSearch","$","_c","t0"],"mappings":"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"}

package/dist/ui-components.es50.js

@@ -0,0 +1,129 @@
+import * as p from "react";
+import e from "./ui-components.es81.js";
+import { clsx as T } from "./ui-components.es80.js";
+import x from "./ui-components.es183.js";
+import g from "./ui-components.es82.js";
+import { getTableUtilityClass as k } from "./ui-components.es187.js";
+import { j as m } from "./ui-components.es12.js";
+import v from "./ui-components.es40.js";
+import { useDefaultProps as j } from "./ui-components.es85.js";
+import C from "./ui-components.es86.js";
+const H = (o) => {
+  const {
+    classes: t,
+    stickyHeader: s
+  } = o;
+  return C({
+    root: ["root", s && "stickyHeader"]
+  }, k, t);
+}, O = v("table", {
+  name: "MuiTable",
+  slot: "Root",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: s
+    } = o;
+    return [t.root, s.stickyHeader && t.stickyHeader];
+  }
+})(g(({
+  theme: o
+}) => ({
+  display: "table",
+  width: "100%",
+  borderCollapse: "collapse",
+  borderSpacing: 0,
+  "& caption": {
+    ...o.typography.body2,
+    padding: o.spacing(2),
+    color: (o.vars || o).palette.text.secondary,
+    textAlign: "left",
+    captionSide: "bottom"
+  },
+  variants: [{
+    props: ({
+      ownerState: t
+    }) => t.stickyHeader,
+    style: {
+      borderCollapse: "separate"
+    }
+  }]
+}))), d = "table", R = /* @__PURE__ */ p.forwardRef(function(t, s) {
+  const r = j({
+    props: t,
+    name: "MuiTable"
+  }), {
+    className: f,
+    component: a = d,
+    padding: n = "normal",
+    size: l = "medium",
+    stickyHeader: c = !1,
+    ...b
+  } = r, i = {
+    ...r,
+    component: a,
+    padding: n,
+    size: l,
+    stickyHeader: c
+  }, y = H(i), u = p.useMemo(() => ({
+    padding: n,
+    size: l,
+    stickyHeader: c
+  }), [n, l, c]);
+  return /* @__PURE__ */ m.jsx(x.Provider, {
+    value: u,
+    children: /* @__PURE__ */ m.jsx(O, {
+      as: a,
+      role: a === d ? null : "table",
+      ref: s,
+      className: T(y.root, f),
+      ownerState: i,
+      ...b
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (R.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the table, normally `TableHead` and `TableBody`.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * Allows TableCells to inherit padding of the Table.
+   * @default 'normal'
+   */
+  padding: e.oneOf(["checkbox", "none", "normal"]),
+  /**
+   * Allows TableCells to inherit size of the Table.
+   * @default 'medium'
+   */
+  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
+  /**
+   * Set the header sticky.
+   * @default false
+   */
+  stickyHeader: e.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
+});
+export {
+  R as default
+};
+//# sourceMappingURL=ui-components.es50.js.map

package/dist/ui-components.es50.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-components.es50.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/Table/Table.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport TableContext from \"./TableContext.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { getTableUtilityClass } from \"./tableClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    stickyHeader\n  } = ownerState;\n  const slots = {\n    root: ['root', stickyHeader && 'stickyHeader']\n  };\n  return composeClasses(slots, getTableUtilityClass, classes);\n};\nconst TableRoot = styled('table', {\n  name: 'MuiTable',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.stickyHeader && styles.stickyHeader];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  display: 'table',\n  width: '100%',\n  borderCollapse: 'collapse',\n  borderSpacing: 0,\n  '& caption': {\n    ...theme.typography.body2,\n    padding: theme.spacing(2),\n    color: (theme.vars || theme).palette.text.secondary,\n    textAlign: 'left',\n    captionSide: 'bottom'\n  },\n  variants: [{\n    props: ({\n      ownerState\n    }) => ownerState.stickyHeader,\n    style: {\n      borderCollapse: 'separate'\n    }\n  }]\n})));\nconst defaultComponent = 'table';\nconst Table = /*#__PURE__*/React.forwardRef(function Table(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiTable'\n  });\n  const {\n    className,\n    component = defaultComponent,\n    padding = 'normal',\n    size = 'medium',\n    stickyHeader = false,\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    component,\n    padding,\n    size,\n    stickyHeader\n  };\n  const classes = useUtilityClasses(ownerState);\n  const table = React.useMemo(() => ({\n    padding,\n    size,\n    stickyHeader\n  }), [padding, size, stickyHeader]);\n  return /*#__PURE__*/_jsx(TableContext.Provider, {\n    value: table,\n    children: /*#__PURE__*/_jsx(TableRoot, {\n      as: component,\n      role: component === defaultComponent ? null : 'table',\n      ref: ref,\n      className: clsx(classes.root, className),\n      ownerState: ownerState,\n      ...other\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Table.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the table, normally `TableHead` and `TableBody`.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Allows TableCells to inherit padding of the Table.\n   * @default 'normal'\n   */\n  padding: PropTypes.oneOf(['checkbox', 'none', 'normal']),\n  /**\n   * Allows TableCells to inherit size of the Table.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n  /**\n   * Set the header sticky.\n   * @default false\n   */\n  stickyHeader: PropTypes.bool,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default Table;"],"names":["useUtilityClasses","ownerState","classes","stickyHeader","composeClasses","getTableUtilityClass","TableRoot","styled","props","styles","memoTheme","theme","defaultComponent","Table","React","inProps","ref","useDefaultProps","className","component","padding","size","other","table","_jsx","TableContext","clsx","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/ui-components.es51.js

@@ -0,0 +1,72 @@
+import * as p from "react";
+import o from "./ui-components.es81.js";
+import { clsx as m } from "./ui-components.es80.js";
+import { getTableContainerUtilityClass as f } from "./ui-components.es208.js";
+import { j as u } from "./ui-components.es12.js";
+import T from "./ui-components.es40.js";
+import { useDefaultProps as b } from "./ui-components.es85.js";
+import d from "./ui-components.es86.js";
+const y = (t) => {
+  const {
+    classes: e
+  } = t;
+  return d({
+    root: ["root"]
+  }, f, e);
+}, C = T("div", {
+  name: "MuiTableContainer",
+  slot: "Root"
+})({
+  width: "100%",
+  overflowX: "auto"
+}), j = /* @__PURE__ */ p.forwardRef(function(e, s) {
+  const r = b({
+    props: e,
+    name: "MuiTableContainer"
+  }), {
+    className: c,
+    component: n = "div",
+    ...i
+  } = r, a = {
+    ...r,
+    component: n
+  }, l = y(a);
+  return /* @__PURE__ */ u.jsx(C, {
+    ref: s,
+    as: n,
+    className: m(l.root, c),
+    ownerState: a,
+    ...i
+  });
+});
+process.env.NODE_ENV !== "production" && (j.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component, normally `Table`.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+});
+export {
+  j as default
+};
+//# sourceMappingURL=ui-components.es51.js.map

package/dist/ui-components.es51.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-components.es51.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/TableContainer/TableContainer.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { styled } from \"../zero-styled/index.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { getTableContainerUtilityClass } from \"./tableContainerClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root']\n  };\n  return composeClasses(slots, getTableContainerUtilityClass, classes);\n};\nconst TableContainerRoot = styled('div', {\n  name: 'MuiTableContainer',\n  slot: 'Root'\n})({\n  width: '100%',\n  overflowX: 'auto'\n});\nconst TableContainer = /*#__PURE__*/React.forwardRef(function TableContainer(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiTableContainer'\n  });\n  const {\n    className,\n    component = 'div',\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    component\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(TableContainerRoot, {\n    ref: ref,\n    as: component,\n    className: clsx(classes.root, className),\n    ownerState: ownerState,\n    ...other\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? TableContainer.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component, normally `Table`.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default TableContainer;"],"names":["useUtilityClasses","ownerState","classes","composeClasses","getTableContainerUtilityClass","TableContainerRoot","styled","TableContainer","React","inProps","ref","props","useDefaultProps","className","component","other","_jsx","clsx","PropTypes"],"mappings":";;;;;;;;AAUA,MAAMA,IAAoB,CAAAC,MAAc;AACtC,QAAM;AAAA,IACJ,SAAAC;AAAA,EACJ,IAAMD;AAIJ,SAAOE,EAHO;AAAA,IACZ,MAAM,CAAC,MAAM;AAAA,EACjB,GAC+BC,GAA+BF,CAAO;AACrE,GACMG,IAAqBC,EAAO,OAAO;AAAA,EACvC,MAAM;AAAA,EACN,MAAM;AACR,CAAC,EAAE;AAAA,EACD,OAAO;AAAA,EACP,WAAW;AACb,CAAC,GACKC,IAA8B,gBAAAC,EAAM,WAAW,SAAwBC,GAASC,GAAK;AACzF,QAAMC,IAAQC,EAAgB;AAAA,IAC5B,OAAOH;AAAA,IACP,MAAM;AAAA,EACV,CAAG,GACK;AAAA,IACJ,WAAAI;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EACP,IAAMJ,GACEV,IAAa;AAAA,IACjB,GAAGU;AAAA,IACH,WAAAG;AAAA,EACJ,GACQZ,IAAUF,EAAkBC,CAAU;AAC5C,SAAoBe,gBAAAA,EAAAA,IAAKX,GAAoB;AAAA,IAC3C,KAAKK;AAAA,IACL,IAAII;AAAA,IACJ,WAAWG,EAAKf,EAAQ,MAAMW,CAAS;AAAA,IACvC,YAAYZ;AAAA,IACZ,GAAGc;AAAA,EACP,CAAG;AACH,CAAC;AACD,QAAQ,IAAI,aAAa,iBAAeR,EAAe,YAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQxF,UAAUW,EAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,SAASA,EAAU;AAAA;AAAA;AAAA;AAAA,EAInB,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrB,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA,EAIrB,IAAIA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,UAAU,CAACA,EAAU,MAAMA,EAAU,QAAQA,EAAU,IAAI,CAAC,CAAC,GAAGA,EAAU,MAAMA,EAAU,MAAM,CAAC;AACxJ;","x_google_ignoreList":[0]}

package/dist/ui-components.es52.js

@@ -0,0 +1,262 @@
+import * as P from "react";
+import e from "./ui-components.es81.js";
+import { clsx as x } from "./ui-components.es80.js";
+import T from "./ui-components.es82.js";
+import a, { getFormControlLabelUtilityClasses as A } from "./ui-components.es221.js";
+import M from "./ui-components.es192.js";
+import U from "./ui-components.es122.js";
+import { j as m } from "./ui-components.es12.js";
+import { useDefaultProps as z } from "./ui-components.es85.js";
+import H from "./ui-components.es194.js";
+import v from "./ui-components.es26.js";
+import R from "./ui-components.es40.js";
+import j from "./ui-components.es110.js";
+import I from "./ui-components.es86.js";
+import V from "./ui-components.es131.js";
+const W = (r) => {
+  const {
+    classes: o,
+    disabled: s,
+    labelPlacement: t,
+    error: c,
+    required: d
+  } = r, b = {
+    root: ["root", s && "disabled", `labelPlacement${j(t)}`, c && "error", d && "required"],
+    label: ["label", s && "disabled"],
+    asterisk: ["asterisk", c && "error"]
+  };
+  return I(b, A, o);
+}, _ = R("label", {
+  name: "MuiFormControlLabel",
+  slot: "Root",
+  overridesResolver: (r, o) => {
+    const {
+      ownerState: s
+    } = r;
+    return [{
+      [`& .${a.label}`]: o.label
+    }, o.root, o[`labelPlacement${j(s.labelPlacement)}`]];
+  }
+})(T(({
+  theme: r
+}) => ({
+  display: "inline-flex",
+  alignItems: "center",
+  cursor: "pointer",
+  // For correct alignment with the text.
+  verticalAlign: "middle",
+  WebkitTapHighlightColor: "transparent",
+  marginLeft: -11,
+  marginRight: 16,
+  // used for row presentation of radio/checkbox
+  [`&.${a.disabled}`]: {
+    cursor: "default"
+  },
+  [`& .${a.label}`]: {
+    [`&.${a.disabled}`]: {
+      color: (r.vars || r).palette.text.disabled
+    }
+  },
+  variants: [{
+    props: {
+      labelPlacement: "start"
+    },
+    style: {
+      flexDirection: "row-reverse",
+      marginRight: -11
+    }
+  }, {
+    props: {
+      labelPlacement: "top"
+    },
+    style: {
+      flexDirection: "column-reverse"
+    }
+  }, {
+    props: {
+      labelPlacement: "bottom"
+    },
+    style: {
+      flexDirection: "column"
+    }
+  }, {
+    props: ({
+      labelPlacement: o
+    }) => o === "start" || o === "top" || o === "bottom",
+    style: {
+      marginLeft: 16
+      // used for row presentation of radio/checkbox
+    }
+  }]
+}))), B = R("span", {
+  name: "MuiFormControlLabel",
+  slot: "Asterisk"
+})(T(({
+  theme: r
+}) => ({
+  [`&.${a.error}`]: {
+    color: (r.vars || r).palette.error.main
+  }
+}))), G = /* @__PURE__ */ P.forwardRef(function(o, s) {
+  const t = z({
+    props: o,
+    name: "MuiFormControlLabel"
+  }), {
+    checked: c,
+    className: d,
+    componentsProps: b = {},
+    control: n,
+    disabled: F,
+    disableTypography: L,
+    inputRef: J,
+    label: q,
+    labelPlacement: N = "end",
+    name: K,
+    onChange: Q,
+    required: S,
+    slots: w = {},
+    slotProps: $ = {},
+    value: X,
+    ...k
+  } = t, y = H(), h = F ?? n.props.disabled ?? y?.disabled, f = S ?? n.props.required, g = {
+    disabled: h,
+    required: f
+  };
+  ["checked", "name", "onChange", "value", "inputRef"].forEach((i) => {
+    typeof n.props[i] > "u" && typeof t[i] < "u" && (g[i] = t[i]);
+  });
+  const O = M({
+    props: t,
+    muiFormControl: y,
+    states: ["error"]
+  }), p = {
+    ...t,
+    disabled: h,
+    labelPlacement: N,
+    required: f,
+    error: O.error
+  }, u = W(p), D = {
+    slots: w,
+    slotProps: {
+      ...b,
+      ...$
+    }
+  }, [E, C] = U("typography", {
+    elementType: v,
+    externalForwardedProps: D,
+    ownerState: p
+  });
+  let l = q;
+  return l != null && l.type !== v && !L && (l = /* @__PURE__ */ m.jsx(E, {
+    component: "span",
+    ...C,
+    className: x(u.label, C?.className),
+    children: l
+  })), /* @__PURE__ */ m.jsxs(_, {
+    className: x(u.root, d),
+    ownerState: p,
+    ref: s,
+    ...k,
+    children: [/* @__PURE__ */ P.cloneElement(n, g), f ? /* @__PURE__ */ m.jsxs("div", {
+      children: [l, /* @__PURE__ */ m.jsxs(B, {
+        ownerState: p,
+        "aria-hidden": !0,
+        className: u.asterisk,
+        children: [" ", "*"]
+      })]
+    }) : l]
+  });
+});
+process.env.NODE_ENV !== "production" && (G.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * If `true`, the component appears selected.
+   */
+  checked: e.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  componentsProps: e.shape({
+    typography: e.object
+  }),
+  /**
+   * A control element. For instance, it can be a `Radio`, a `Switch` or a `Checkbox`.
+   */
+  control: e.element.isRequired,
+  /**
+   * If `true`, the control is disabled.
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the label is rendered as it is passed without an additional typography node.
+   */
+  disableTypography: e.bool,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: V,
+  /**
+   * A text or an element to be used in an enclosing label element.
+   */
+  label: e.node,
+  /**
+   * The position of the label.
+   * @default 'end'
+   */
+  labelPlacement: e.oneOf(["bottom", "end", "start", "top"]),
+  /**
+   * @ignore
+   */
+  name: e.string,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: e.func,
+  /**
+   * If `true`, the label will indicate that the `input` is required.
+   */
+  required: e.bool,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: e.shape({
+    typography: e.oneOfType([e.func, e.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: e.shape({
+    typography: e.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The value of the component.
+   */
+  value: e.any
+});
+export {
+  _ as FormControlLabelRoot,
+  G as default
+};
+//# sourceMappingURL=ui-components.es52.js.map