@weng-lab/ui-components 3.0.1-beta.0 → 3.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es12.js","sources":["../src/components/GenomeSearch/useEntityAutocomplete.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { getCCREs, getGenes, getICREs, getLegacyCCREs, getSNPs, getStudys } from \"./queries\";\nimport {\n  ccreResultList,\n  geneResultList,\n  getCoordinates,\n  icreResultList,\n  snpResultList,\n  studyResultList,\n  isDomain,\n  legacyCcreResultList,\n  OmesList,\n  omeResultsList,\n} from \"./utils\";\nimport { GenomeSearchProps, Result, ResultType } from \"./types\";\n\nexport const DEFAULT_LIMIT = 3;\n\ntype HookOptions = {\n  queries: ResultType[];\n  assembly: GenomeSearchProps[\"assembly\"];\n  graphqlUrl: string;\n  geneVersion?: GenomeSearchProps[\"geneVersion\"];\n  limit?: GenomeSearchProps[\"limit\"];\n  showiCREFlag?: boolean;\n  debounceMs?: number;\n};\n\ntype HookResult = {\n  data: Result[] | null;\n  loading: boolean;\n  error: Error | null;\n};\n\n// Accept either a single string or an array of strings. Debounced fetches for each input.\nexport function useEntityAutocomplete(\n  inputsArg: string | string[],\n  options: HookOptions\n): HookResult {\n  const inputs = Array.isArray(inputsArg) ? inputsArg : [inputsArg];\n  const { queries, assembly, geneVersion, limit, showiCREFlag, debounceMs = 200, graphqlUrl } = options;\n\n  const getLimit = (type: ResultType): number =>\n    typeof limit === \"number\" ? limit : limit?.[type] ?? DEFAULT_LIMIT;\n\n  const [data, setData] = useState<Result[] | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const timeoutRef = useRef<number | null>(null);\n  const abortControllerRef = useRef<AbortController | null>(null);\n\n  const inputsKey = JSON.stringify(inputs);\n  const limitKey = JSON.stringify(limit);\n  const geneVersionKey = JSON.stringify(geneVersion);\n  const queriesKey = queries.join(\"|\");\n\n  useEffect(() => {\n    // clear any pending timer and abort previous requests\n    if (timeoutRef.current) {\n      window.clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n    }\n    if (abortControllerRef.current) {\n      abortControllerRef.current.abort();\n      abortControllerRef.current = null;\n    }\n\n    // if no inputs or only empty strings, clear\n    const activeInputs = inputs.filter((i) => !!i && i.trim() !== \"\");\n    if (activeInputs.length === 0) {\n      setData([]);\n      setLoading(false);\n      setError(null);\n      return;\n    }\n\n    setLoading(true);\n    setError(null);\n\n    // Create a new AbortController for this search request\n    abortControllerRef.current = new AbortController();\n    const abortSignal = abortControllerRef.current.signal;\n\n    timeoutRef.current = window.setTimeout(() => {\n      (async () => {\n        try {\n          const aggregated: Result[] = [];\n\n          const shouldFetch = (type: ResultType, input: string): boolean => {\n            if (!queries.includes(type)) return false;\n\n            const isSnpRsId = /^rs\\d+$/i.test(input) && input.toLowerCase() !== \"rs1\";\n\n            switch (type) {\n              case \"Coordinate\":\n                return isDomain(input);\n              case \"Gene\":\n                return !isDomain(input) && !input.toLowerCase().startsWith(assembly === \"GRCh38\" ? \"eh38\" : \"em10\") && !isSnpRsId;\n              case \"cCRE\":\n                return !isDomain(input) && input.toLowerCase().startsWith(assembly === \"GRCh38\" ? \"eh\" : \"em\");\n              case \"Legacy cCRE\":\n                return !isDomain(input) && input.toLowerCase().startsWith(assembly === \"GRCh38\" ? \"eh\" : \"em\");\n              case \"iCRE\":\n                return !isDomain(input) && assembly === \"GRCh38\" && input.toLowerCase().startsWith(\"eh\");\n              case \"SNP\":\n                return !isDomain(input) && assembly === \"GRCh38\" && ([\"r\", \"rs\"].includes(input) || isSnpRsId);\n              case \"Study\":\n                return !isDomain(input) && assembly === \"GRCh38\";\n              case \"Ome\":\n                return !isDomain(input) && assembly === \"GRCh38\";\n              default:\n                return false;\n            }\n          };\n\n          await Promise.all(\n            activeInputs.map(async (input) => {\n              // array for fetch promises (so that we can Promise.all them in parallel)\n              const fetchPromises: Promise<Result[]>[] = [];\n\n              // Genes\n              if (shouldFetch(\"Gene\", input)) {\n                const geneLimit = getLimit(\"Gene\");\n                fetchPromises.push(\n                  getGenes(input, assembly, geneLimit, geneVersion, graphqlUrl, abortSignal).then((geneResults) =>\n                    geneResults ? geneResultList(geneResults as any, geneLimit, typeof geneVersion === \"object\") : []\n                  )\n                );\n              }\n\n              // cCRE\n              if (shouldFetch(\"cCRE\", input)) {\n                const ccreLimit = getLimit(\"cCRE\");\n                fetchPromises.push(\n                  getCCREs(input, assembly, ccreLimit, showiCREFlag || false, graphqlUrl, abortSignal).then((ccreData) =>\n                    ccreData?.data?.cCREAutocompleteQuery\n                      ? ccreResultList(ccreData.data.cCREAutocompleteQuery, ccreLimit)\n                      : []\n                  )\n                );\n              }\n\n              // Coordinates (synchronous, push directly)\n              if (shouldFetch(\"Coordinate\", input)) {\n                aggregated.push(...getCoordinates(input, assembly));\n              }\n\n              // Legacy cCRE\n              if (shouldFetch(\"Legacy cCRE\", input)) {\n                const legacyCcreLimit = getLimit(\"Legacy cCRE\");\n                fetchPromises.push(\n                  getLegacyCCREs(input, assembly, graphqlUrl, abortSignal).then((legacyData) =>\n                    legacyData?.data?.ccreMappings\n                      ? legacyCcreResultList(legacyData.data.ccreMappings, legacyCcreLimit)\n                      : []\n                  )\n                );\n              }\n\n              // iCRE\n              if (shouldFetch(\"iCRE\", input)) {\n                const icreLimit = getLimit(\"iCRE\");\n                fetchPromises.push(\n                  getICREs(input, icreLimit, graphqlUrl, abortSignal).then((icreData) =>\n                    icreData?.data?.iCREQuery ? icreResultList(icreData.data.iCREQuery, icreLimit) : []\n                  )\n                );\n              }\n\n              // SNP\n              if (shouldFetch(\"SNP\", input)) {\n                const snpLimit = getLimit(\"SNP\");\n                fetchPromises.push(\n                  getSNPs(input, assembly, snpLimit, graphqlUrl, abortSignal).then((snpData) =>\n                    snpData?.data?.snpAutocompleteQuery\n                      ? snpResultList(snpData.data.snpAutocompleteQuery, snpLimit)\n                      : []\n                  )\n                );\n              }\n\n              // Study\n              if (shouldFetch(\"Study\", input)) {\n                const studyLimit = getLimit(\"Study\");\n                fetchPromises.push(\n                  getStudys(input, studyLimit, graphqlUrl, abortSignal).then((studyData) =>\n                    studyData?.data?.getGWASStudiesMetadata\n                      ? studyResultList(studyData.data.getGWASStudiesMetadata, studyLimit)\n                      : []\n                  )\n                );\n              }\n\n              // Ome\n              if (shouldFetch(\"Ome\", input)) {\n                const omeLimit = getLimit(\"Ome\");\n\n                const filtered = OmesList.filter((ome) => {\n                  const search = input.toLowerCase();\n\n                  return (\n                    ome.label.toLowerCase().includes(search) ||\n                    ome.keywords?.some((k) => k.toLowerCase().includes(search))\n                  );\n                }).slice(0, omeLimit);\n\n                fetchPromises.push(\n                  Promise.resolve(omeResultsList(filtered))\n                );\n              }\n\n              // Execute all parallel fetches and aggregate results\n              const allResults = await Promise.all(fetchPromises);\n              allResults.forEach((results) => aggregated.push(...results));\n            })\n          );\n\n          // Only update state if this request wasn't aborted\n          if (!abortSignal.aborted) {\n            setData(aggregated);\n            setLoading(false);\n          }\n        } catch (err: any) {\n          // Only update error state if this request wasn't aborted\n          if (!abortSignal.aborted) {\n            setError(err instanceof Error ? err : new Error(String(err)));\n            setLoading(false);\n          }\n        }\n      })();\n    }, debounceMs);\n\n    return () => {\n      if (timeoutRef.current) {\n        window.clearTimeout(timeoutRef.current);\n        timeoutRef.current = null;\n      }\n    };\n  }, [inputsKey, queriesKey, assembly, limitKey, geneVersionKey, showiCREFlag, debounceMs, graphqlUrl]);\n\n  return { data, loading, error };\n}\n"],"names":["DEFAULT_LIMIT","useEntityAutocomplete","inputsArg","options","$","_c","t0","Array","isArray","inputs","queries","assembly","geneVersion","limit","showiCREFlag","debounceMs","t1","graphqlUrl","undefined","t2","type","getLimit","data","setData","useState","loading","setLoading","error","setError","timeoutRef","useRef","abortControllerRef","t3","JSON","stringify","inputsKey","t4","limitKey","t5","geneVersionKey","t6","join","queriesKey","t7","current","window","clearTimeout","abort","activeInputs","filter","_temp","length","AbortController","abortSignal","signal","setTimeout","aggregated","shouldFetch","type_0","input","includes","isSnpRsId","test","toLowerCase","isDomain","startsWith","Promise","all","map","input_0","fetchPromises","geneLimit","push","getGenes","then","geneResults","geneResultList","ccreLimit","getCCREs","ccreData","cCREAutocompleteQuery","ccreResultList","getCoordinates","legacyCcreLimit","getLegacyCCREs","legacyData","ccreMappings","legacyCcreResultList","icreLimit","getICREs","icreData","iCREQuery","icreResultList","snpLimit","getSNPs","snpData","snpAutocompleteQuery","snpResultList","studyLimit","getStudys","studyData","getGWASStudiesMetadata","studyResultList","omeLimit","filtered","OmesList","ome","search","label","keywords","some","k","slice","resolve","omeResultsList","allResults","forEach","results","aborted","t8","err","Error","String","useEffect","t9","i","trim"],"mappings":"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"}
+{"version":3,"file":"ui-components.es12.js","sources":["../src/components/BiosampleTable/useEncodeBiosampleData.ts"],"sourcesContent":["import { useEffect, useState } from \"react\"\nimport { EncodeBiosample } from \"./types\"\n\nexport const useEncodeBiosampleData = ({ assembly, skip }: { assembly: \"GRCh38\" | \"mm10\", skip?: boolean }) => {\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState(false);\n  const [data, setData] = useState<EncodeBiosample[] | undefined>(undefined);\n\n  const url = assembly === \"GRCh38\" ? \"https://downloads.wenglab.org/human_biosamples_tracks_metadata.json\" : \"https://downloads.wenglab.org/mouse_biosamples_tracks_metadata.json\"\n\n  useEffect(() => {\n    const fetchData = async () => {\n      try {\n        setLoading(true);\n\n        const response = await fetch(url);\n        if (!response.ok) {\n          throw new Error(`Response status: ${response.status}`);\n        }\n        const result = await response.json()\n        const biosamples = result?.data?.ccREBiosampleQuery?.biosamples\n        if (!biosamples) {\n          throw new Error(`No biosamples present in return data`);\n        }\n        const biosamplesWithAssembly = biosamples.map((biosample: EncodeBiosample) => ({\n          ...biosample,\n          assembly,\n        }));\n        setData(biosamplesWithAssembly);\n      } catch (err) {\n        setError(true);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    if (!skip) fetchData();\n  }, [url, skip, assembly]);\n\n  return { data, loading, error };\n};"],"names":["useEncodeBiosampleData","assembly","skip","loading","setLoading","useState","error","setError","data","setData","undefined","url","useEffect","response","fetch","ok","Error","status","biosamples","json","ccREBiosampleQuery","biosamplesWithAssembly","map","biosample","fetchData"],"mappings":";AAGO,MAAMA,IAAyBA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,MAAAA;AAAsD,MAAM;AAC7G,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtC,CAACC,GAAOC,CAAQ,IAAIF,EAAS,EAAK,GAClC,CAACG,GAAMC,CAAO,IAAIJ,EAAwCK,MAAS,GAEnEC,IAAMV,MAAa,WAAW,wEAAwE;AAE5GW,SAAAA,EAAU,MAAM;AA0Bd,IAAKV,MAzBa,YAAY;AAC5B,UAAI;AACFE,QAAAA,EAAW,EAAI;AAEf,cAAMS,IAAW,MAAMC,MAAMH,CAAG;AAChC,YAAI,CAACE,EAASE;AACZ,gBAAM,IAAIC,MAAM,oBAAoBH,EAASI,MAAM,EAAE;AAGvD,cAAMC,KADS,MAAML,EAASM,KAAAA,IACHX,MAAMY,oBAAoBF;AACrD,YAAI,CAACA;AACH,gBAAM,IAAIF,MAAM,sCAAsC;AAExD,cAAMK,IAAyBH,EAAWI,IAAI,CAACC,OAAgC;AAAA,UAC7E,GAAGA;AAAAA,UACHtB,UAAAA;AAAAA,QAAAA,EACA;AACFQ,QAAAA,EAAQY,CAAsB;AAAA,MAChC,QAAc;AACZd,QAAAA,EAAS,EAAI;AAAA,MACf,UAAA;AACEH,QAAAA,EAAW,EAAK;AAAA,MAClB;AAAA,IACF,GAEWoB;AAAAA,EACb,GAAG,CAACb,GAAKT,GAAMD,CAAQ,CAAC,GAEjB;AAAA,IAAEO,MAAAA;AAAAA,IAAML,SAAAA;AAAAA,IAASG,OAAAA;AAAAA,EAAAA;AAC1B;"}

package/dist/ui-components.es120.js

@@ -1,9 +1,51 @@
-import * as o from "react";
-import t from "./ui-components.es119.js";
-function e() {
-  return o.useContext(t);
+import y from "./ui-components.es231.js";
+import T from "./ui-components.es232.js";
+import g from "./ui-components.es168.js";
+import h from "./ui-components.es233.js";
+function L(o, t) {
+  const {
+    className: c,
+    elementType: i,
+    ownerState: n,
+    externalForwardedProps: P,
+    internalForwardedProps: s,
+    shouldForwardComponentProp: p = !1,
+    ...a
+  } = t, {
+    component: l,
+    slots: r = {
+      [o]: void 0
+    },
+    slotProps: u = {
+      [o]: void 0
+    },
+    ...w
+  } = P, d = r[o] || i, f = y(u[o], n), {
+    props: {
+      component: m,
+      ...C
+    },
+    internalRef: S
+  } = T({
+    className: c,
+    ...a,
+    externalForwardedProps: o === "root" ? w : void 0,
+    externalSlotProps: f
+  }), F = g(S, f?.ref, t.ref), e = o === "root" ? m || l : m, x = h(d, {
+    ...o === "root" && !l && !r[o] && s,
+    ...o !== "root" && !r[o] && s,
+    ...C,
+    ...e && !p && {
+      as: e
+    },
+    ...e && p && {
+      component: e
+    },
+    ref: F
+  }, n);
+  return [d, x];
 }
 export {
-  e as default
+  L as default
 };
 //# sourceMappingURL=ui-components.es120.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es120.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/FormControl/useFormControl.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport FormControlContext from \"./FormControlContext.js\";\nexport default function useFormControl() {\n  return React.useContext(FormControlContext);\n}"],"names":["useFormControl","React","FormControlContext"],"mappings":";;AAIe,SAASA,IAAiB;AACvC,SAAOC,EAAM,WAAWC,CAAkB;AAC5C;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es120.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/utils/useSlot.js"],"sourcesContent":["'use client';\n\nimport useForkRef from '@mui/utils/useForkRef';\nimport appendOwnerState from '@mui/utils/appendOwnerState';\nimport resolveComponentProps from '@mui/utils/resolveComponentProps';\nimport mergeSlotProps from '@mui/utils/mergeSlotProps';\n/**\n * An internal function to create a Material UI slot.\n *\n * This is an advanced version of Base UI `useSlotProps` because Material UI allows leaf component to be customized via `component` prop\n * while Base UI does not need to support leaf component customization.\n *\n * @param {string} name: name of the slot\n * @param {object} parameters\n * @returns {[Slot, slotProps]} The slot's React component and the slot's props\n *\n * Note: the returned slot's props\n * - will never contain `component` prop.\n * - might contain `as` prop.\n */\nexport default function useSlot(\n/**\n * The slot's name. All Material UI components should have `root` slot.\n *\n * If the name is `root`, the logic behaves differently from other slots,\n * e.g. the `externalForwardedProps` are spread to `root` slot but not other slots.\n */\nname, parameters) {\n  const {\n    className,\n    elementType: initialElementType,\n    ownerState,\n    externalForwardedProps,\n    internalForwardedProps,\n    shouldForwardComponentProp = false,\n    ...useSlotPropsParams\n  } = parameters;\n  const {\n    component: rootComponent,\n    slots = {\n      [name]: undefined\n    },\n    slotProps = {\n      [name]: undefined\n    },\n    ...other\n  } = externalForwardedProps;\n  const elementType = slots[name] || initialElementType;\n\n  // `slotProps[name]` can be a callback that receives the component's ownerState.\n  // `resolvedComponentsProps` is always a plain object.\n  const resolvedComponentsProps = resolveComponentProps(slotProps[name], ownerState);\n  const {\n    props: {\n      component: slotComponent,\n      ...mergedProps\n    },\n    internalRef\n  } = mergeSlotProps({\n    className,\n    ...useSlotPropsParams,\n    externalForwardedProps: name === 'root' ? other : undefined,\n    externalSlotProps: resolvedComponentsProps\n  });\n  const ref = useForkRef(internalRef, resolvedComponentsProps?.ref, parameters.ref);\n  const LeafComponent = name === 'root' ? slotComponent || rootComponent : slotComponent;\n  const props = appendOwnerState(elementType, {\n    ...(name === 'root' && !rootComponent && !slots[name] && internalForwardedProps),\n    ...(name !== 'root' && !slots[name] && internalForwardedProps),\n    ...mergedProps,\n    ...(LeafComponent && !shouldForwardComponentProp && {\n      as: LeafComponent\n    }),\n    ...(LeafComponent && shouldForwardComponentProp && {\n      component: LeafComponent\n    }),\n    ref\n  }, ownerState);\n  return [elementType, props];\n}"],"names":["useSlot","name","parameters","className","initialElementType","ownerState","externalForwardedProps","internalForwardedProps","shouldForwardComponentProp","useSlotPropsParams","rootComponent","slots","slotProps","other","elementType","resolvedComponentsProps","resolveComponentProps","slotComponent","mergedProps","internalRef","mergeSlotProps","ref","useForkRef","LeafComponent","props","appendOwnerState"],"mappings":";;;;AAoBe,SAASA,EAOxBC,GAAMC,GAAY;AAChB,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,aAAaC;AAAA,IACb,YAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,4BAAAC,IAA6B;AAAA,IAC7B,GAAGC;AAAA,EACP,IAAMP,GACE;AAAA,IACJ,WAAWQ;AAAA,IACX,OAAAC,IAAQ;AAAA,MACN,CAACV,CAAI,GAAG;AAAA,IACd;AAAA,IACI,WAAAW,IAAY;AAAA,MACV,CAACX,CAAI,GAAG;AAAA,IACd;AAAA,IACI,GAAGY;AAAA,EACP,IAAMP,GACEQ,IAAcH,EAAMV,CAAI,KAAKG,GAI7BW,IAA0BC,EAAsBJ,EAAUX,CAAI,GAAGI,CAAU,GAC3E;AAAA,IACJ,OAAO;AAAA,MACL,WAAWY;AAAA,MACX,GAAGC;AAAA,IACT;AAAA,IACI,aAAAC;AAAA,EACJ,IAAMC,EAAe;AAAA,IACjB,WAAAjB;AAAA,IACA,GAAGM;AAAA,IACH,wBAAwBR,MAAS,SAASY,IAAQ;AAAA,IAClD,mBAAmBE;AAAA,EACvB,CAAG,GACKM,IAAMC,EAAWH,GAAaJ,GAAyB,KAAKb,EAAW,GAAG,GAC1EqB,IAAgBtB,MAAS,SAASgB,KAAiBP,IAAgBO,GACnEO,IAAQC,EAAiBX,GAAa;AAAA,IAC1C,GAAIb,MAAS,UAAU,CAACS,KAAiB,CAACC,EAAMV,CAAI,KAAKM;AAAA,IACzD,GAAIN,MAAS,UAAU,CAACU,EAAMV,CAAI,KAAKM;AAAA,IACvC,GAAGW;AAAA,IACH,GAAIK,KAAiB,CAACf,KAA8B;AAAA,MAClD,IAAIe;AAAA,IACV;AAAA,IACI,GAAIA,KAAiBf,KAA8B;AAAA,MACjD,WAAWe;AAAA,IACjB;AAAA,IACI,KAAAF;AAAA,EACJ,GAAKhB,CAAU;AACb,SAAO,CAACS,GAAaU,CAAK;AAC5B;","x_google_ignoreList":[0]}

package/dist/ui-components.es121.js

@@ -1,24 +1,22 @@
-import { j as n } from "./ui-components.es15.js";
-import e from "./ui-components.es219.js";
-import p from "./ui-components.es220.js";
-function x(r) {
-  return function(t) {
-    return (
-      // Pigment CSS `globalCss` support callback with theme inside an object but `GlobalStyles` support theme as a callback value.
-      /* @__PURE__ */ n.jsx(p, {
-        styles: typeof r == "function" ? (o) => r({
-          theme: o,
-          ...t
-        }) : r
-      })
-    );
-  };
+import * as u from "react";
+let n = 0;
+function f(t) {
+  const [e, a] = u.useState(t), c = t || e;
+  return u.useEffect(() => {
+    e == null && (n += 1, a(`mui-${n}`));
+  }, [e]), c;
 }
-function a() {
-  return e;
+const o = {
+  ...u
+}, s = o.useId;
+function l(t) {
+  if (s !== void 0) {
+    const e = s();
+    return t ?? e;
+  }
+  return f(t);
 }
 export {
-  x as globalCss,
-  a as internal_createExtendSxProp
+  l as default
 };
 //# sourceMappingURL=ui-components.es121.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es121.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/zero-styled/index.js"],"sourcesContent":["import { extendSxProp } from '@mui/system/styleFunctionSx';\nimport useTheme from \"../styles/useTheme.js\";\nimport GlobalStyles from \"../GlobalStyles/index.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport { css, keyframes } from '@mui/system';\nexport { default as styled } from \"../styles/styled.js\";\nexport function globalCss(styles) {\n  return function GlobalStylesWrapper(props) {\n    return (\n      /*#__PURE__*/\n      // Pigment CSS `globalCss` support callback with theme inside an object but `GlobalStyles` support theme as a callback value.\n      _jsx(GlobalStyles, {\n        styles: typeof styles === 'function' ? theme => styles({\n          theme,\n          ...props\n        }) : styles\n      })\n    );\n  };\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function internal_createExtendSxProp() {\n  return extendSxProp;\n}\nexport { useTheme };"],"names":["globalCss","styles","props","_jsx","GlobalStyles","theme","internal_createExtendSxProp","extendSxProp"],"mappings":";;;AAMO,SAASA,EAAUC,GAAQ;AAChC,SAAO,SAA6BC,GAAO;AACzC;AAAA;AAAA,MAGEC,gBAAAA,EAAAA,IAAKC,GAAc;AAAA,QACjB,QAAQ,OAAOH,KAAW,aAAa,CAAAI,MAASJ,EAAO;AAAA,UACrD,OAAAI;AAAA,UACA,GAAGH;AAAA,QACb,CAAS,IAAID;AAAA,MACb,CAAO;AAAA;AAAA,EAEL;AACF;AAGO,SAASK,IAA8B;AAC5C,SAAOC;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es121.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/useId/useId.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nlet globalId = 0;\n\n// TODO React 17: Remove `useGlobalId` once React 17 support is removed\nfunction useGlobalId(idOverride) {\n  const [defaultId, setDefaultId] = React.useState(idOverride);\n  const id = idOverride || defaultId;\n  React.useEffect(() => {\n    if (defaultId == null) {\n      // Fallback to this default id when possible.\n      // Use the incrementing value for client-side rendering only.\n      // We can't use it server-side.\n      // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem\n      globalId += 1;\n      setDefaultId(`mui-${globalId}`);\n    }\n  }, [defaultId]);\n  return id;\n}\n\n// See https://github.com/mui/material-ui/issues/41190#issuecomment-2040873379 for why\nconst safeReact = {\n  ...React\n};\nconst maybeReactUseId = safeReact.useId;\n\n/**\n *\n * @example <div id={useId()} />\n * @param idOverride\n * @returns {string}\n */\nexport default function useId(idOverride) {\n  // React.useId() is only available from React 17.0.0.\n  if (maybeReactUseId !== undefined) {\n    const reactId = maybeReactUseId();\n    return idOverride ?? reactId;\n  }\n\n  // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler\n  // eslint-disable-next-line react-hooks/rules-of-hooks -- `React.useId` is invariant at runtime.\n  return useGlobalId(idOverride);\n}"],"names":["globalId","useGlobalId","idOverride","defaultId","setDefaultId","React","id","safeReact","maybeReactUseId","useId","reactId"],"mappings":";AAGA,IAAIA,IAAW;AAGf,SAASC,EAAYC,GAAY;AAC/B,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAM,SAASH,CAAU,GACrDI,IAAKJ,KAAcC;AACzB,SAAAE,EAAM,UAAU,MAAM;AACpB,IAAIF,KAAa,SAKfH,KAAY,GACZI,EAAa,OAAOJ,CAAQ,EAAE;AAAA,EAElC,GAAG,CAACG,CAAS,CAAC,GACPG;AACT;AAGA,MAAMC,IAAY;AAAA,EAChB,GAAGF;AACL,GACMG,IAAkBD,EAAU;AAQnB,SAASE,EAAMP,GAAY;AAExC,MAAIM,MAAoB,QAAW;AACjC,UAAME,IAAUF,EAAe;AAC/B,WAAON,KAAcQ;AAAA,EACvB;AAIA,SAAOT,EAAYC,CAAU;AAC/B;","x_google_ignoreList":[0]}

package/dist/ui-components.es122.js

@@ -1,15 +1,416 @@
-function t(r) {
-  return r != null && !(Array.isArray(r) && r.length === 0);
-}
-function n(r, e = !1) {
-  return r && (t(r.value) && r.value !== "" || e && t(r.defaultValue) && r.defaultValue !== "");
-}
-function u(r) {
-  return r.startAdornment;
-}
+import * as C from "react";
+import o from "./ui-components.es91.js";
+import F from "./ui-components.es296.js";
+import k from "./ui-components.es164.js";
+import $ from "./ui-components.es163.js";
+import B from "./ui-components.es145.js";
+import u from "./ui-components.es99.js";
+import N from "./ui-components.es102.js";
+import n, { getOutlinedInputUtilityClass as W } from "./ui-components.es297.js";
+import A, { InputBaseRoot as L, rootOverridesResolver as z, InputBaseInput as M, inputOverridesResolver as q } from "./ui-components.es44.js";
+import E from "./ui-components.es120.js";
+import { j as a } from "./ui-components.es16.js";
+import { useDefaultProps as V } from "./ui-components.es94.js";
+import D from "./ui-components.es108.js";
+import c from "./ui-components.es43.js";
+import U from "./ui-components.es129.js";
+const _ = (e) => {
+  const {
+    classes: t
+  } = e, l = D({
+    root: ["root"],
+    notchedOutline: ["notchedOutline"],
+    input: ["input"]
+  }, W, t);
+  return {
+    ...t,
+    // forward classes to the InputBase
+    ...l
+  };
+}, G = c(L, {
+  shouldForwardProp: (e) => B(e) || e === "classes",
+  name: "MuiOutlinedInput",
+  slot: "Root",
+  overridesResolver: z
+})(u(({
+  theme: e
+}) => {
+  const t = e.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
+  return {
+    position: "relative",
+    borderRadius: (e.vars || e).shape.borderRadius,
+    [`&:hover .${n.notchedOutline}`]: {
+      borderColor: (e.vars || e).palette.text.primary
+    },
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      [`&:hover .${n.notchedOutline}`]: {
+        borderColor: e.vars ? e.alpha(e.vars.palette.common.onBackground, 0.23) : t
+      }
+    },
+    [`&.${n.focused} .${n.notchedOutline}`]: {
+      borderWidth: 2
+    },
+    variants: [...Object.entries(e.palette).filter(N()).map(([r]) => ({
+      props: {
+        color: r
+      },
+      style: {
+        [`&.${n.focused} .${n.notchedOutline}`]: {
+          borderColor: (e.vars || e).palette[r].main
+        }
+      }
+    })), {
+      props: {},
+      // to override the above style
+      style: {
+        [`&.${n.error} .${n.notchedOutline}`]: {
+          borderColor: (e.vars || e).palette.error.main
+        },
+        [`&.${n.disabled} .${n.notchedOutline}`]: {
+          borderColor: (e.vars || e).palette.action.disabled
+        }
+      }
+    }, {
+      props: ({
+        ownerState: r
+      }) => r.startAdornment,
+      style: {
+        paddingLeft: 14
+      }
+    }, {
+      props: ({
+        ownerState: r
+      }) => r.endAdornment,
+      style: {
+        paddingRight: 14
+      }
+    }, {
+      props: ({
+        ownerState: r
+      }) => r.multiline,
+      style: {
+        padding: "16.5px 14px"
+      }
+    }, {
+      props: ({
+        ownerState: r,
+        size: l
+      }) => r.multiline && l === "small",
+      style: {
+        padding: "8.5px 14px"
+      }
+    }]
+  };
+})), H = c(F, {
+  name: "MuiOutlinedInput",
+  slot: "NotchedOutline"
+})(u(({
+  theme: e
+}) => {
+  const t = e.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
+  return {
+    borderColor: e.vars ? e.alpha(e.vars.palette.common.onBackground, 0.23) : t
+  };
+})), J = c(M, {
+  name: "MuiOutlinedInput",
+  slot: "Input",
+  overridesResolver: q
+})(u(({
+  theme: e
+}) => ({
+  padding: "16.5px 14px",
+  ...!e.vars && {
+    "&:-webkit-autofill": {
+      WebkitBoxShadow: e.palette.mode === "light" ? null : "0 0 0 100px #266798 inset",
+      WebkitTextFillColor: e.palette.mode === "light" ? null : "#fff",
+      caretColor: e.palette.mode === "light" ? null : "#fff",
+      borderRadius: "inherit"
+    }
+  },
+  ...e.vars && {
+    "&:-webkit-autofill": {
+      borderRadius: "inherit"
+    },
+    [e.getColorSchemeSelector("dark")]: {
+      "&:-webkit-autofill": {
+        WebkitBoxShadow: "0 0 0 100px #266798 inset",
+        WebkitTextFillColor: "#fff",
+        caretColor: "#fff"
+      }
+    }
+  },
+  variants: [{
+    props: {
+      size: "small"
+    },
+    style: {
+      padding: "8.5px 14px"
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.multiline,
+    style: {
+      padding: 0
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.startAdornment,
+    style: {
+      paddingLeft: 0
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.endAdornment,
+    style: {
+      paddingRight: 0
+    }
+  }]
+}))), x = /* @__PURE__ */ C.forwardRef(function(t, r) {
+  const l = V({
+    props: t,
+    name: "MuiOutlinedInput"
+  }), {
+    components: m = {},
+    fullWidth: f = !1,
+    inputComponent: R = "input",
+    label: i,
+    multiline: b = !1,
+    notched: y,
+    slots: p = {},
+    slotProps: O = {},
+    type: g = "text",
+    ...I
+  } = l, h = _(l), v = k(), s = $({
+    props: l,
+    muiFormControl: v,
+    states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
+  }), T = {
+    ...l,
+    color: s.color || "primary",
+    disabled: s.disabled,
+    error: s.error,
+    focused: s.focused,
+    formControl: v,
+    fullWidth: f,
+    hiddenLabel: s.hiddenLabel,
+    multiline: b,
+    size: s.size,
+    type: g
+  }, w = p.root ?? m.Root ?? G, j = p.input ?? m.Input ?? J, [P, S] = E("notchedOutline", {
+    elementType: H,
+    className: h.notchedOutline,
+    shouldForwardComponentProp: !0,
+    ownerState: T,
+    externalForwardedProps: {
+      slots: p,
+      slotProps: O
+    },
+    additionalProps: {
+      label: i != null && i !== "" && s.required ? /* @__PURE__ */ a.jsxs(C.Fragment, {
+        children: [i, " ", "*"]
+      }) : i
+    }
+  });
+  return /* @__PURE__ */ a.jsx(A, {
+    slots: {
+      root: w,
+      input: j
+    },
+    slotProps: O,
+    renderSuffix: (d) => /* @__PURE__ */ a.jsx(P, {
+      ...S,
+      notched: typeof y < "u" ? y : !!(d.startAdornment || d.filled || d.focused)
+    }),
+    fullWidth: f,
+    inputComponent: R,
+    multiline: b,
+    ref: r,
+    type: g,
+    ...I,
+    classes: {
+      ...h,
+      notchedOutline: null
+    }
+  });
+});
+process.env.NODE_ENV !== "production" && (x.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * This prop helps users to fill forms faster, especially on mobile devices.
+   * The name can be confusing, as it's more like an autofill.
+   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
+   */
+  autoComplete: o.string,
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   */
+  autoFocus: o.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
+   */
+  color: o.oneOfType([o.oneOf(["primary", "secondary"]), o.string]),
+  /**
+   * The components used for each slot inside.
+   *
+   * @deprecated use the `slots` 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.
+   *
+   * @default {}
+   */
+  components: o.shape({
+    Input: o.elementType,
+    Root: o.elementType
+  }),
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue: o.any,
+  /**
+   * If `true`, the component is disabled.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  disabled: o.bool,
+  /**
+   * End `InputAdornment` for this component.
+   */
+  endAdornment: o.node,
+  /**
+   * If `true`, the `input` will indicate an error.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  error: o.bool,
+  /**
+   * If `true`, the `input` will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: o.bool,
+  /**
+   * The id of the `input` element.
+   */
+  id: o.string,
+  /**
+   * The component used for the `input` element.
+   * Either a string to use a HTML element or a component.
+   * @default 'input'
+   */
+  inputComponent: o.elementType,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
+   * @default {}
+   */
+  inputProps: o.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: U,
+  /**
+   * The label of the `input`. It is only used for layout. The actual labelling
+   * is handled by `InputLabel`.
+   */
+  label: o.node,
+  /**
+   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
+   * FormControl.
+   * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.
+   */
+  margin: o.oneOf(["dense", "none"]),
+  /**
+   * Maximum number of rows to display when multiline option is set to true.
+   */
+  maxRows: o.oneOfType([o.number, o.string]),
+  /**
+   * Minimum number of rows to display when multiline option is set to true.
+   */
+  minRows: o.oneOfType([o.number, o.string]),
+  /**
+   * If `true`, a [TextareaAutosize](https://mui.com/material-ui/react-textarea-autosize/) element is rendered.
+   * @default false
+   */
+  multiline: o.bool,
+  /**
+   * Name attribute of the `input` element.
+   */
+  name: o.string,
+  /**
+   * If `true`, the outline is notched to accommodate the label.
+   */
+  notched: o.bool,
+  /**
+   * Callback fired when the value is changed.
+   *
+   * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
+   * You can pull out the new value by accessing `event.target.value` (string).
+   */
+  onChange: o.func,
+  /**
+   * The short hint displayed in the `input` before the user enters a value.
+   */
+  placeholder: o.string,
+  /**
+   * It prevents the user from changing the value of the field
+   * (not from interacting with the field).
+   */
+  readOnly: o.bool,
+  /**
+   * If `true`, the `input` element is required.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  required: o.bool,
+  /**
+   * Number of rows to display when multiline option is set to true.
+   */
+  rows: o.oneOfType([o.number, o.string]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: o.shape({
+    input: o.object,
+    notchedOutline: o.oneOfType([o.func, o.object]),
+    root: o.object
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: o.shape({
+    input: o.elementType,
+    notchedOutline: o.elementType,
+    root: o.elementType
+  }),
+  /**
+   * Start `InputAdornment` for this component.
+   */
+  startAdornment: o.node,
+  /**
+   * 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]),
+  /**
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
+   * @default 'text'
+   */
+  type: o.string,
+  /**
+   * The value of the `input` element, required for a controlled component.
+   */
+  value: o.any
+});
+x.muiName = "Input";
 export {
-  t as hasValue,
-  u as isAdornedStart,
-  n as isFilled
+  x as default
 };
 //# sourceMappingURL=ui-components.es122.js.map