@malloy-publisher/sdk 0.0.92 → 0.0.93

package/dist/client/index.es532.js

@@ -1,26 +1,42 @@
-import o from "./index.es529.js";
-import p from "./index.es622.js";
-function r(e, t) {
-  return t === "grey" ? t : e;
+import { createUnaryUnit as s, getValue as i } from "./index.es109.js";
+import l from "./index.es619.js";
+import u from "./index.es528.js";
+import { handleBreakpoints as c } from "./index.es525.js";
+function e(r) {
+  return typeof r != "number" ? r : `${r}px solid`;
 }
-const n = o({
-  prop: "color",
-  themeKey: "palette",
-  transform: r
-}), c = o({
-  prop: "bgcolor",
-  cssProperty: "backgroundColor",
-  themeKey: "palette",
-  transform: r
-}), m = o({
-  prop: "backgroundColor",
-  themeKey: "palette",
-  transform: r
-});
-p(n, c, m);
+function o(r, t) {
+  return u({
+    prop: r,
+    themeKey: "borders",
+    transform: t
+  });
+}
+const m = o("border", e), f = o("borderTop", e), a = o("borderRight", e), C = o("borderBottom", e), p = o("borderLeft", e), R = o("borderColor"), h = o("borderTopColor"), y = o("borderRightColor"), B = o("borderBottomColor"), T = o("borderLeftColor"), g = o("outline", e), L = o("outlineColor"), d = (r) => {
+  if (r.borderRadius !== void 0 && r.borderRadius !== null) {
+    const t = s(r.theme, "shape.borderRadius", 4), n = (b) => ({
+      borderRadius: i(t, b)
+    });
+    return c(r, r.borderRadius, n);
+  }
+  return null;
+};
+d.propTypes = {};
+d.filterProps = ["borderRadius"];
+l(m, f, a, C, p, R, h, y, B, T, d, g, L);
 export {
-  m as backgroundColor,
-  c as bgcolor,
-  n as color,
-  r as paletteTransform
+  m as border,
+  C as borderBottom,
+  B as borderBottomColor,
+  R as borderColor,
+  p as borderLeft,
+  T as borderLeftColor,
+  d as borderRadius,
+  a as borderRight,
+  y as borderRightColor,
+  f as borderTop,
+  h as borderTopColor,
+  e as borderTransform,
+  g as outline,
+  L as outlineColor
 };

package/dist/client/index.es533.js

@@ -1,42 +1,10 @@
-import { createUnaryUnit as s, getValue as i } from "./index.es109.js";
-import l from "./index.es622.js";
-import u from "./index.es529.js";
-import { handleBreakpoints as c } from "./index.es526.js";
-function e(r) {
-  return typeof r != "number" ? r : `${r}px solid`;
+var e, r;
+function _() {
+  if (r) return e;
+  r = 1;
+  var t = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return e = t, e;
 }
-function o(r, t) {
-  return u({
-    prop: r,
-    themeKey: "borders",
-    transform: t
-  });
-}
-const m = o("border", e), f = o("borderTop", e), a = o("borderRight", e), C = o("borderBottom", e), p = o("borderLeft", e), R = o("borderColor"), h = o("borderTopColor"), y = o("borderRightColor"), B = o("borderBottomColor"), T = o("borderLeftColor"), g = o("outline", e), L = o("outlineColor"), d = (r) => {
-  if (r.borderRadius !== void 0 && r.borderRadius !== null) {
-    const t = s(r.theme, "shape.borderRadius", 4), n = (b) => ({
-      borderRadius: i(t, b)
-    });
-    return c(r, r.borderRadius, n);
-  }
-  return null;
-};
-d.propTypes = {};
-d.filterProps = ["borderRadius"];
-l(m, f, a, C, p, R, h, y, B, T, d, g, L);
 export {
-  m as border,
-  C as borderBottom,
-  B as borderBottomColor,
-  R as borderColor,
-  p as borderLeft,
-  T as borderLeftColor,
-  d as borderRadius,
-  a as borderRight,
-  y as borderRightColor,
-  f as borderTop,
-  h as borderTopColor,
-  e as borderTransform,
-  g as outline,
-  L as outlineColor
+  _ as __require
 };

package/dist/client/index.es534.js

@@ -1,41 +1,7 @@
-const d = (o, e, s, c = []) => {
-  let t = o;
-  e.forEach((n, f) => {
-    f === e.length - 1 ? Array.isArray(t) ? t[Number(n)] = s : t && typeof t == "object" && (t[n] = s) : t && typeof t == "object" && (t[n] || (t[n] = c.includes(n) ? [] : {}), t = t[n]);
-  });
-}, j = (o, e, s) => {
-  function c(t, n = [], f = []) {
-    Object.entries(t).forEach(([r, i]) => {
-      (!s || s && !s([...n, r])) && i != null && (typeof i == "object" && Object.keys(i).length > 0 ? c(i, [...n, r], Array.isArray(i) ? [...f, r] : f) : e([...n, r], i, f));
-    });
-  }
-  c(o);
-}, $ = (o, e) => typeof e == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((c) => o.includes(c)) || o[o.length - 1].toLowerCase().includes("opacity") ? e : `${e}px` : e;
-function l(o, e) {
-  const {
-    prefix: s,
-    shouldSkipGeneratingVar: c
-  } = e || {}, t = {}, n = {}, f = {};
-  return j(
-    o,
-    (r, i, g) => {
-      if ((typeof i == "string" || typeof i == "number") && (!c || !c(r, i))) {
-        const b = `--${s ? `${s}-` : ""}${r.join("-")}`, p = $(r, i);
-        Object.assign(t, {
-          [b]: p
-        }), d(n, r, `var(${b})`, g), d(f, r, `var(${b}, ${p})`, g);
-      }
-    },
-    (r) => r[0] === "vars"
-    // skip 'vars/*' paths
-  ), {
-    css: t,
-    vars: n,
-    varsWithDefaults: f
-  };
+function u(t) {
+  const n = {};
+  return (e) => (n[e] === void 0 && (n[e] = t(e)), n[e]);
 }
 export {
-  d as assignNestedKeys,
-  l as default,
-  j as walkObjectDeep
+  u as default
 };

package/dist/client/index.es535.js

@@ -1,6 +1,41 @@
-function e(a, t = Number.MIN_SAFE_INTEGER, E = Number.MAX_SAFE_INTEGER) {
-  return Math.max(t, Math.min(a, E));
+const d = (o, e, s, c = []) => {
+  let t = o;
+  e.forEach((n, f) => {
+    f === e.length - 1 ? Array.isArray(t) ? t[Number(n)] = s : t && typeof t == "object" && (t[n] = s) : t && typeof t == "object" && (t[n] || (t[n] = c.includes(n) ? [] : {}), t = t[n]);
+  });
+}, j = (o, e, s) => {
+  function c(t, n = [], f = []) {
+    Object.entries(t).forEach(([r, i]) => {
+      (!s || s && !s([...n, r])) && i != null && (typeof i == "object" && Object.keys(i).length > 0 ? c(i, [...n, r], Array.isArray(i) ? [...f, r] : f) : e([...n, r], i, f));
+    });
+  }
+  c(o);
+}, $ = (o, e) => typeof e == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((c) => o.includes(c)) || o[o.length - 1].toLowerCase().includes("opacity") ? e : `${e}px` : e;
+function l(o, e) {
+  const {
+    prefix: s,
+    shouldSkipGeneratingVar: c
+  } = e || {}, t = {}, n = {}, f = {};
+  return j(
+    o,
+    (r, i, g) => {
+      if ((typeof i == "string" || typeof i == "number") && (!c || !c(r, i))) {
+        const b = `--${s ? `${s}-` : ""}${r.join("-")}`, p = $(r, i);
+        Object.assign(t, {
+          [b]: p
+        }), d(n, r, `var(${b})`, g), d(f, r, `var(${b}, ${p})`, g);
+      }
+    },
+    (r) => r[0] === "vars"
+    // skip 'vars/*' paths
+  ), {
+    css: t,
+    vars: n,
+    varsWithDefaults: f
+  };
 }
 export {
-  e as default
+  d as assignNestedKeys,
+  l as default,
+  j as walkObjectDeep
 };

package/dist/client/index.es536.js

@@ -1,7 +1,6 @@
-function u(t) {
-  const n = {};
-  return (e) => (n[e] === void 0 && (n[e] = t(e)), n[e]);
+function e(a, t = Number.MIN_SAFE_INTEGER, E = Number.MAX_SAFE_INTEGER) {
+  return Math.max(t, Math.min(a, E));
 }
 export {
-  u as default
+  e as default
 };

package/dist/client/index.es537.js

@@ -1,10 +1,328 @@
-var e, r;
-function _() {
-  if (r) return e;
-  r = 1;
-  var t = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return e = t, e;
-}
+import P from "./index.es409.js";
+import n from "./index.es408.js";
+import * as w from "react";
+import { clsx as Le } from "./index.es472.js";
+import { createUseThemeProps as Fe } from "./index.es446.js";
+import { TreeItemContent as W } from "./index.es587.js";
+import { getTreeItemUtilityClass as _e, treeItemClasses as a } from "./index.es588.js";
+import { useTreeItemState as Be } from "./index.es589.js";
+import { isTargetInDescendants as z } from "./index.es466.js";
+import { generateTreeItemIdAttribute as Ve } from "./index.es467.js";
+import { jsx as l, jsxs as je } from "react/jsx-runtime";
+import { useTreeViewContext as He } from "./index.es463.js";
+import { TreeViewItemDepthContext as Me } from "./index.es468.js";
+import G from "./index.es470.js";
+import { TreeViewCollapseIcon as Ke, TreeViewExpandIcon as Ne } from "./index.es465.js";
+import h from "./index.es450.js";
+import c from "./index.es464.js";
+import U from "./index.es471.js";
+import { TreeItem2Provider as ze } from "./index.es79.js";
+import F from "./index.es43.js";
+import Ge from "./index.es452.js";
+import { shouldForwardProp as q } from "./index.es97.js";
+import Ue from "./index.es78.js";
+import { alpha as S } from "@mui/system";
+const We = ["children", "className", "slots", "slotProps", "ContentComponent", "ContentProps", "itemId", "id", "label", "onClick", "onMouseDown", "onFocus", "onBlur", "onKeyDown"], qe = ["ownerState"], Je = ["ownerState"], Qe = ["ownerState"], Xe = Fe(), Ye = (e) => {
+  const {
+    classes: t
+  } = e;
+  return Ge({
+    root: ["root"],
+    content: ["content"],
+    expanded: ["expanded"],
+    selected: ["selected"],
+    focused: ["focused"],
+    disabled: ["disabled"],
+    iconContainer: ["iconContainer"],
+    checkbox: ["checkbox"],
+    label: ["label"],
+    labelInput: ["labelInput"],
+    editing: ["editing"],
+    editable: ["editable"],
+    groupTransition: ["groupTransition"]
+  }, _e, t);
+}, Ze = F("li", {
+  name: "MuiTreeItem",
+  slot: "Root",
+  overridesResolver: (e, t) => t.root
+})({
+  listStyle: "none",
+  margin: 0,
+  padding: 0,
+  outline: 0
+}), eo = F(W, {
+  name: "MuiTreeItem",
+  slot: "Content",
+  overridesResolver: (e, t) => [t.content, t.iconContainer && {
+    [`& .${a.iconContainer}`]: t.iconContainer
+  }, t.label && {
+    [`& .${a.label}`]: t.label
+  }],
+  shouldForwardProp: (e) => q(e) && e !== "indentationAtItemLevel"
+})(({
+  theme: e
+}) => ({
+  padding: e.spacing(0.5, 1),
+  borderRadius: e.shape.borderRadius,
+  width: "100%",
+  boxSizing: "border-box",
+  // prevent width + padding to overflow
+  position: "relative",
+  display: "flex",
+  alignItems: "center",
+  gap: e.spacing(1),
+  cursor: "pointer",
+  WebkitTapHighlightColor: "transparent",
+  "&:hover": {
+    backgroundColor: (e.vars || e).palette.action.hover,
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  },
+  [`&.${a.disabled}`]: {
+    opacity: (e.vars || e).palette.action.disabledOpacity,
+    backgroundColor: "transparent"
+  },
+  [`&.${a.focused}`]: {
+    backgroundColor: (e.vars || e).palette.action.focus
+  },
+  [`&.${a.selected}`]: {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : S(e.palette.primary.main, e.palette.action.selectedOpacity),
+    "&:hover": {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : S(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : S(e.palette.primary.main, e.palette.action.selectedOpacity)
+      }
+    },
+    [`&.${a.focused}`]: {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : S(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
+    }
+  },
+  [`& .${a.iconContainer}`]: {
+    width: 16,
+    display: "flex",
+    flexShrink: 0,
+    justifyContent: "center",
+    "& svg": {
+      fontSize: 18
+    }
+  },
+  [`& .${a.label}`]: n({
+    width: "100%",
+    boxSizing: "border-box",
+    // prevent width + padding to overflow
+    // fixes overflow - see https://github.com/mui/material-ui/issues/27372
+    minWidth: 0,
+    position: "relative"
+  }, e.typography.body1),
+  [`& .${a.checkbox}`]: {
+    padding: 0
+  },
+  variants: [{
+    props: {
+      indentationAtItemLevel: !0
+    },
+    style: {
+      paddingLeft: `calc(${e.spacing(1)} + var(--TreeView-itemChildrenIndentation) * var(--TreeView-itemDepth))`
+    }
+  }]
+})), oo = F(Ue, {
+  name: "MuiTreeItem",
+  slot: "GroupTransition",
+  overridesResolver: (e, t) => t.groupTransition,
+  shouldForwardProp: (e) => q(e) && e !== "indentationAtItemLevel"
+})({
+  margin: 0,
+  padding: 0,
+  paddingLeft: "var(--TreeView-itemChildrenIndentation)",
+  variants: [{
+    props: {
+      indentationAtItemLevel: !0
+    },
+    style: {
+      paddingLeft: 0
+    }
+  }]
+}), ko = /* @__PURE__ */ w.forwardRef(function(t, _) {
+  const {
+    icons: i,
+    runItemPlugins: J,
+    items: {
+      disabledItemsFocusable: Q,
+      indentationAtItemLevel: k
+    },
+    selection: {
+      disableSelection: X
+    },
+    expansion: {
+      expansionTrigger: Y
+    },
+    treeId: Z,
+    instance: I
+  } = He(), R = w.useContext(Me), b = Xe({
+    props: t,
+    name: "MuiTreeItem"
+  }), {
+    children: $,
+    className: ee,
+    slots: p,
+    slotProps: d,
+    ContentComponent: oe = W,
+    ContentProps: D,
+    itemId: s,
+    id: ne,
+    label: te,
+    onClick: re,
+    onMouseDown: ae,
+    onBlur: se,
+    onKeyDown: ie
+  } = b, f = P(b, We), {
+    expanded: u,
+    focused: B,
+    selected: V,
+    disabled: g,
+    editing: le,
+    handleExpansion: ce,
+    handleCancelItemLabelEditing: pe,
+    handleSaveItemLabel: de
+  } = Be(s), {
+    contentRef: ue,
+    rootRef: me,
+    propsEnhancers: x
+  } = J(b), v = w.useRef(null), j = w.useRef(null), Ie = G(_, me, v), be = G(D?.ref, ue, j), m = {
+    expandIcon: p?.expandIcon ?? i.slots.expandIcon ?? Ne,
+    collapseIcon: p?.collapseIcon ?? i.slots.collapseIcon ?? Ke,
+    endIcon: p?.endIcon ?? i.slots.endIcon,
+    icon: p?.icon,
+    groupTransition: p?.groupTransition
+  }, H = (o) => Array.isArray(o) ? o.length > 0 && o.some(H) : !!o, y = H($), O = n({}, b, {
+    expanded: u,
+    focused: B,
+    selected: V,
+    disabled: g,
+    indentationAtItemLevel: k
+  }), r = Ye(O), M = m.groupTransition ?? void 0, fe = h({
+    elementType: M,
+    ownerState: {},
+    externalSlotProps: d?.groupTransition,
+    additionalProps: n({
+      unmountOnExit: !0,
+      in: u,
+      component: "ul",
+      role: "group"
+    }, k ? {
+      indentationAtItemLevel: !0
+    } : {}),
+    className: r.groupTransition
+  }), ge = (o) => {
+    Y === "iconContainer" && ce(o);
+  }, A = u ? m.collapseIcon : m.expandIcon, xe = h({
+    elementType: A,
+    ownerState: {},
+    externalSlotProps: (o) => u ? n({}, c(i.slotProps.collapseIcon, o), c(d?.collapseIcon, o)) : n({}, c(i.slotProps.expandIcon, o), c(d?.expandIcon, o)),
+    additionalProps: {
+      onClick: ge
+    }
+  }), ve = P(xe, qe), ye = y && A ? /* @__PURE__ */ l(A, n({}, ve)) : null, E = y ? void 0 : m.endIcon, Ce = h({
+    elementType: E,
+    ownerState: {},
+    externalSlotProps: (o) => y ? {} : n({}, c(i.slotProps.endIcon, o), c(d?.endIcon, o))
+  }), Te = P(Ce, Je), Pe = E ? /* @__PURE__ */ l(E, n({}, Te)) : null, L = m.icon, we = h({
+    elementType: L,
+    ownerState: {},
+    externalSlotProps: d?.icon
+  }), he = P(we, Qe), Se = L ? /* @__PURE__ */ l(L, n({}, he)) : null;
+  let C;
+  V ? C = !0 : X || g ? C = void 0 : C = !1;
+  function ke(o) {
+    !B && (!g || Q) && o.currentTarget === o.target && I.focusItem(o, s);
+  }
+  function Re(o) {
+    se?.(o), !(le || // we can exit the editing state by clicking outside the input (within the Tree Item) or by pressing Enter or Escape -> we don't want to remove the focused item from the state in these cases
+    // we can also exit the editing state by clicking on the root itself -> want to remove the focused item from the state in this case
+    o.relatedTarget && z(o.relatedTarget, v.current) && (o.target && o.target?.dataset?.element === "labelInput" && z(o.target, v.current) || o.relatedTarget?.dataset?.element === "labelInput")) && I.removeFocusedItem();
+  }
+  const $e = (o) => {
+    ie?.(o), o.target?.dataset?.element !== "labelInput" && I.handleItemKeyDown(o, s);
+  }, De = Ve({
+    itemId: s,
+    treeId: Z,
+    id: ne
+  }), Oe = I.canItemBeTabbed(s) ? 0 : -1, T = {
+    rootRefObject: v,
+    contentRefObject: j,
+    interactions: {
+      handleSaveItemLabel: de,
+      handleCancelItemLabelEditing: pe
+    }
+  }, Ae = x.root?.(n({}, T, {
+    externalEventHandlers: U(f)
+  })) ?? {}, Ee = x.content?.(n({}, T, {
+    externalEventHandlers: U(D)
+  })) ?? {}, K = x.dragAndDropOverlay?.(n({}, T, {
+    externalEventHandlers: {}
+  })) ?? {}, N = x.labelInput?.(n({}, T, {
+    externalEventHandlers: {}
+  })) ?? {};
+  return /* @__PURE__ */ l(ze, {
+    itemId: s,
+    children: /* @__PURE__ */ je(Ze, n({
+      className: Le(r.root, ee),
+      role: "treeitem",
+      "aria-expanded": y ? u : void 0,
+      "aria-selected": C,
+      "aria-disabled": g || void 0,
+      id: De,
+      tabIndex: Oe
+    }, f, {
+      ownerState: O,
+      onFocus: ke,
+      onBlur: Re,
+      onKeyDown: $e,
+      ref: Ie,
+      style: k ? n({}, f.style, {
+        "--TreeView-itemDepth": typeof R == "function" ? R(s) : R
+      }) : f.style
+    }, Ae, {
+      children: [/* @__PURE__ */ l(eo, n({
+        as: oe,
+        classes: {
+          root: r.content,
+          expanded: r.expanded,
+          selected: r.selected,
+          focused: r.focused,
+          disabled: r.disabled,
+          editable: r.editable,
+          editing: r.editing,
+          iconContainer: r.iconContainer,
+          label: r.label,
+          labelInput: r.labelInput,
+          checkbox: r.checkbox
+        },
+        label: te,
+        itemId: s,
+        onClick: re,
+        onMouseDown: ae,
+        icon: Se,
+        expansionIcon: ye,
+        displayIcon: Pe,
+        ownerState: O
+      }, D, Ee, K.action == null ? {} : {
+        dragAndDropOverlayProps: K
+      }, N.value == null ? {} : {
+        labelInputProps: N
+      }, {
+        ref: be
+      })), $ && /* @__PURE__ */ l(oo, n({
+        as: M
+      }, fe, {
+        children: $
+      }))]
+    }))
+  });
+});
 export {
-  _ as __require
+  ko as TreeItem
 };

package/dist/client/index.es54.js

@@ -1,8 +1,82 @@
-import { jsx as c } from "react/jsx-runtime";
-import o from "./index.es58.js";
-const e = o(/* @__PURE__ */ c("path", {
-  d: "M8.7 15.9 4.8 12l3.9-3.9c.39-.39.39-1.01 0-1.4a.984.984 0 0 0-1.4 0l-4.59 4.59c-.39.39-.39 1.02 0 1.41l4.59 4.6c.39.39 1.01.39 1.4 0s.39-1.01 0-1.4m6.6 0 3.9-3.9-3.9-3.9a.984.984 0 0 1 0-1.4c.39-.39 1.01-.39 1.4 0l4.59 4.59c.39.39.39 1.02 0 1.41l-4.59 4.6c-.39.39-1.01.39-1.4 0a.984.984 0 0 1 0-1.4"
-}));
+import { jsx as o, jsxs as l, Fragment as E } from "react/jsx-runtime";
+import I from "./index.es69.js";
+import w from "./index.es70.js";
+import { FormControl as F, Typography as m, Stack as j, Chip as B, Button as D, Menu as N, Divider as P, MenuItem as b } from "@mui/material";
+import p from "react";
+import { ModelsApi as S } from "./index.es25.js";
+import { Configuration as q } from "./index.es26.js";
+import { ApiErrorDisplay as L } from "./index.es27.js";
+import { usePackage as R } from "./index.es13.js";
+import { useQueryWithApiError as T } from "./index.es28.js";
+const W = new S(new q());
+function V({
+  initialSelectedModels: i,
+  onModelChange: u
+}) {
+  const { projectName: s, packageName: a, versionId: h } = R(), { data: f, isLoading: g, isSuccess: k, isError: M, error: v } = T({
+    queryKey: ["models", s, a, h],
+    queryFn: (e) => W.listModels(s, a, h, e)
+  }), [t, c] = p.useState(
+    i || []
+  ), [y, d] = p.useState(null);
+  p.useEffect(() => {
+    c(i || []);
+  }, [i]);
+  const x = (e) => {
+    const r = t.filter((C) => C !== e);
+    c(r), u(r);
+  }, A = (e) => {
+    const r = [...t, e];
+    c(r), u(r), d(null);
+  };
+  let n = [];
+  return k && f?.data && (n = f.data.filter((e) => !t.includes(e.path)).map((e) => e.path)), M ? /* @__PURE__ */ o(
+    L,
+    {
+      error: v,
+      context: `${s} > ${a} > Model Picker`
+    }
+  ) : /* @__PURE__ */ l(E, { children: [
+    /* @__PURE__ */ l(F, { fullWidth: !0, children: [
+      g && /* @__PURE__ */ o(m, { children: "Loading..." }),
+      /* @__PURE__ */ l(j, { direction: "row", spacing: 1, children: [
+        t.map((e) => /* @__PURE__ */ o(
+          B,
+          {
+            label: e,
+            onDelete: () => x(e),
+            deleteIcon: /* @__PURE__ */ o(I, {}),
+            sx: { marginBottom: "5px" }
+          },
+          e
+        )),
+        /* @__PURE__ */ o(
+          D,
+          {
+            size: "small",
+            startIcon: /* @__PURE__ */ o(w, {}),
+            onClick: (e) => d(e.currentTarget),
+            disabled: g || M || n.length === 0,
+            children: "Add Model"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ l(
+      N,
+      {
+        anchorEl: y,
+        open: !!y,
+        onClose: () => d(null),
+        children: [
+          /* @__PURE__ */ o(m, { variant: "subtitle2", sx: { ml: 1 }, children: "Models" }),
+          /* @__PURE__ */ o(P, {}),
+          n.length === 0 ? /* @__PURE__ */ o(b, { disabled: !0, children: "No models available" }) : n.map((e) => /* @__PURE__ */ o(b, { onClick: () => A(e), children: /* @__PURE__ */ o(m, { variant: "body2", children: e }) }, e))
+        ]
+      }
+    )
+  ] });
+}
 export {
-  e as default
+  V as ModelPicker
 };