@cccsaurora/clue-ui 1.0.0-dev.48 → 1.0.0

package/components/display/icons/Iconified.js

@@ -1,29 +1,14 @@
-import { jsx } from "react/jsx-runtime";
-import { I as Icon } from "../../../iconify-CXMreGTg.js";
-import { useTheme } from "@mui/material";
-import { memo, useMemo } from "react";
-const Iconified = ({ icon, fontSize = "medium", color, style = {} }) => {
-  const theme = useTheme();
-  const _fontSize = useMemo(() => {
-    if (fontSize === "small") {
-      return 20;
-    } else if (fontSize === "medium") {
-      return 24;
-    } else if (fontSize === "large") {
-      return 35;
-    }
-    return fontSize;
-  }, [fontSize]);
-  const styles = useMemo(() => {
-    const _styles = style;
-    if (color) {
-      _styles.color = theme.palette[color].main;
-    }
-    return _styles;
-  }, [color, style, theme.palette]);
-  return /* @__PURE__ */ jsx("span", { style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx(Icon, { icon, fontSize: _fontSize, style: styles }) });
-};
-const Iconified$1 = memo(Iconified);
+import { jsx as n } from "react/jsx-runtime";
+import { I as u } from "../../../iconify-BBckr5AQ.js";
+import { useTheme as c } from "@mui/material";
+import { memo as f, useMemo as i } from "react";
+const p = ({ icon: o, fontSize: e = "medium", color: t, style: r = {} }) => {
+  const s = c(), l = i(() => e === "small" ? 20 : e === "medium" ? 24 : e === "large" ? 35 : e, [e]), a = i(() => {
+    const m = r;
+    return t && (m.color = s.palette[t].main), m;
+  }, [t, r, s.palette]);
+  return /* @__PURE__ */ n("span", { style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ n(u, { icon: o, fontSize: l, style: a }) });
+}, x = f(p);
 export {
-  Iconified$1 as default
+  x as default
 };

package/components/display/json/index.js

@@ -1,12 +1,12 @@
 import "react/jsx-runtime";
 import "@mui/material";
-import { J } from "../../../index-BDrtH5ec.js";
-import "../../../utils-CxIhC2xH.js";
+import { J as l } from "../../../index-4YFAh_sa.js";
+import "../../../utils-C_RX5uMP.js";
 import "../../../hooks/ClueComponentContext.js";
 import "../../../hooks/useMyLocalStorage.js";
 import "../../../utils/constants.js";
 import "react";
-import "../../../index-BDVjGvMI.js";
+import "../../../index-E7g8cRyW.js";
 export {
-  J as default
+  l as default
 };

package/components/display/markdown/DynamicTabs.js

@@ -1,26 +1,21 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Box, Tabs, Tab } from "@mui/material";
-import * as React from "react";
-const CustomTabPanel = (props) => {
-  const { children, value, index, ...other } = props;
-  return /* @__PURE__ */ jsx("div", { role: "tabpanel", hidden: value !== index, id: `tabpanel-${index}`, "aria-labelledby": `tab-${index}`, ...other, children: value === index && /* @__PURE__ */ jsx(Box, { sx: { p: 1 }, children }) });
-};
-const a11yProps = (index) => {
-  return {
-    id: `tab-${index}`,
-    "aria-controls": `tabpanel-${index}`
-  };
-};
-const DynamicTabs = ({ tabs }) => {
-  const [value, setValue] = React.useState(0);
-  const handleChange = (_event, newValue) => {
-    setValue(newValue);
-  };
-  return /* @__PURE__ */ jsxs(Box, { sx: { width: "100%" }, children: [
-    /* @__PURE__ */ jsx(Box, { sx: { borderBottom: 1, borderColor: "divider" }, children: /* @__PURE__ */ jsx(Tabs, { value, onChange: handleChange, "aria-label": "dynamic tabs", children: tabs.map((t, index) => /* @__PURE__ */ jsx(Tab, { label: t.title, ...a11yProps(index) }, t.title)) }) }),
-    tabs.map((t, index) => /* @__PURE__ */ jsx(CustomTabPanel, { value, index, children: t.children }, t.title))
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { Box as i, Tabs as s, Tab as c } from "@mui/material";
+import * as b from "react";
+const h = (a) => {
+  const { children: l, value: o, index: r, ...e } = a;
+  return /* @__PURE__ */ t("div", { role: "tabpanel", hidden: o !== r, id: `tabpanel-${r}`, "aria-labelledby": `tab-${r}`, ...e, children: o === r && /* @__PURE__ */ t(i, { sx: { p: 1 }, children: l }) });
+}, m = (a) => ({
+  id: `tab-${a}`,
+  "aria-controls": `tabpanel-${a}`
+}), x = ({ tabs: a }) => {
+  const [l, o] = b.useState(0);
+  return /* @__PURE__ */ d(i, { sx: { width: "100%" }, children: [
+    /* @__PURE__ */ t(i, { sx: { borderBottom: 1, borderColor: "divider" }, children: /* @__PURE__ */ t(s, { value: l, onChange: (e, n) => {
+      o(n);
+    }, "aria-label": "dynamic tabs", children: a.map((e, n) => /* @__PURE__ */ t(c, { label: e.title, ...m(n) }, e.title)) }) }),
+    a.map((e, n) => /* @__PURE__ */ t(h, { value: l, index: n, children: e.children }, e.title))
   ] });
 };
 export {
-  DynamicTabs as default
+  x as default
 };