@marimo-team/islands 0.23.10-dev22 → 0.23.10-dev24

package/dist/{spec-DMRQmLOc.js → spec-X7FwLJni.js}

@@ -1,7 +1,7 @@
-import { u as createLucideIcon } from "./dist-C1BYNeCR.js";
-import { s as Hash } from "./useLifecycle-BBO9PIph.js";
-import { i as Table, o as ChartPie } from "./useDateFormatter-BRcO_TGJ.js";
-import { C as logNever } from "./strings-GCJA9n6d.js";
+import { u as createLucideIcon } from "./dist-Dk6PV_d3.js";
+import { s as Hash } from "./useLifecycle-00mO3OSS.js";
+import { i as Table, o as ChartPie } from "./useDateFormatter-QB-3MpYr.js";
+import { C as logNever } from "./strings-J57tzLr3.js";
 var AlignCenterVertical = createLucideIcon("align-center-vertical", [
   ["path", {
     d: "M12 2v20",

package/dist/{strings-GCJA9n6d.js → strings-J57tzLr3.js}

@@ -2,11 +2,11 @@ import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { _ as Logger, d as createSlot, g as cn, h as Events, m as useComposedRefs, r as cva } from "./button-C5K9fIPF.js";
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
-import { a as createPopperScope, c as VISUALLY_HIDDEN_STYLES, i as Root2$1, n as Arrow, r as Content, t as Anchor, u as createLucideIcon } from "./dist-C1BYNeCR.js";
-import { t as Check } from "./check-DTbrK0zt.js";
+import { a as createPopperScope, c as VISUALLY_HIDDEN_STYLES, i as Root2$1, n as Arrow, r as Content, t as Anchor, u as createLucideIcon } from "./dist-Dk6PV_d3.js";
+import { t as Check } from "./check-BCaJeT-J.js";
 import { t as require_react_dom } from "./react-dom-BTJzcVJ9.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-DebpN0FN.js";
-import { $ as StyleNamespace, X as withFullScreenAsRoot, Z as withSmartCollisionBoundary, _t as Primitive, at as FocusScope, et as hideOthers, ft as useControllableState, gt as createContextScope, it as Portal, lt as useCallbackRef, mt as composeEventHandlers, pt as useLayoutEffect2, rt as useFocusGuards, st as DismissableLayer, tt as Combination_default, ut as useId } from "./zod-CoBiJ5v4.js";
+import { Q as withSmartCollisionBoundary, Z as withFullScreenAsRoot, _t as createContextScope, at as Portal, ct as DismissableLayer, dt as useId, et as StyleNamespace, ht as composeEventHandlers, it as useFocusGuards, mt as useLayoutEffect2, nt as Combination_default, ot as FocusScope, pt as useControllableState, tt as hideOthers, ut as useCallbackRef, vt as Primitive } from "./zod-aLSua2NL.js";
 import { t as invariant } from "./invariant-wRzNXIsJ.js";
 var ChevronDown = createLucideIcon("chevron-down", [["path", {
   d: "m6 9 6 6 6-6",
@@ -95,7 +95,7 @@ var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom(), 1), OPEN_KEY
   "ArrowUp",
   "ArrowDown"
 ], SELECTION_KEYS = [" ", "Enter"], SELECT_NAME = "Select", [Collection, useCollection, createCollectionScope] = createCollection(SELECT_NAME), [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME, [createCollectionScope, createPopperScope]), usePopperScope = createPopperScope(), [SelectProvider, useSelectContext] = createSelectContext(SELECT_NAME), [SelectNativeOptionsProvider, useSelectNativeOptionsContext] = createSelectContext(SELECT_NAME), Select$1 = (e) => {
-  let { __scopeSelect: i, children: a, open: o, defaultOpen: s, onOpenChange: c, value: l, defaultValue: u, onValueChange: d, dir: f, name: p, autoComplete: h, disabled: g, required: _, form: v } = e, y = usePopperScope(i), [b, x] = import_react.useState(null), [S, C] = import_react.useState(null), [w, T] = import_react.useState(false), E = useDirection(f), [D, k] = useControllableState({
+  let { __scopeSelect: i, children: a, open: o, defaultOpen: s, onOpenChange: c, value: l, defaultValue: u, onValueChange: d, dir: f, name: p, autoComplete: h, disabled: g, required: _, form: v } = e, y = usePopperScope(i), [b, x] = import_react.useState(null), [S, C] = import_react.useState(null), [w, T] = import_react.useState(false), E = useDirection(f), [O, k] = useControllableState({
     prop: o,
     defaultProp: s ?? false,
     onChange: c,
@@ -105,7 +105,7 @@ var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom(), 1), OPEN_KEY
     defaultProp: u,
     onChange: d,
     caller: SELECT_NAME
-  }), M = import_react.useRef(null), N = b ? v || !!b.closest("form") : true, [P, F] = import_react.useState(/* @__PURE__ */ new Set()), I = Array.from(P).map((e2) => e2.props.value).join(";");
+  }), M = import_react.useRef(null), N = b ? v || !!b.closest("form") : true, [F, I] = import_react.useState(/* @__PURE__ */ new Set()), L = Array.from(F).map((e2) => e2.props.value).join(";");
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root2$1, {
     ...y,
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectProvider, {
@@ -120,7 +120,7 @@ var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom(), 1), OPEN_KEY
       contentId: useId(),
       value: A,
       onValueChange: j,
-      open: D,
+      open: O,
       onOpenChange: k,
       dir: E,
       triggerPointerDownPosRef: M,
@@ -130,10 +130,10 @@ var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom(), 1), OPEN_KEY
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectNativeOptionsProvider, {
           scope: e.__scopeSelect,
           onNativeOptionAdd: import_react.useCallback((e2) => {
-            F((i2) => new Set(i2).add(e2));
+            I((i2) => new Set(i2).add(e2));
           }, []),
           onNativeOptionRemove: import_react.useCallback((e2) => {
-            F((i2) => {
+            I((i2) => {
               let a2 = new Set(i2);
               return a2.delete(e2), a2;
             });
@@ -150,8 +150,8 @@ var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom(), 1), OPEN_KEY
         onChange: (e2) => j(e2.target.value),
         disabled: g,
         form: v,
-        children: [A === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "" }) : null, Array.from(P)]
-      }, I) : null]
+        children: [A === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "" }) : null, Array.from(F)]
+      }, L) : null]
     })
   });
 };
@@ -247,16 +247,16 @@ var CONTENT_NAME = "SelectContent", SelectContent$1 = import_react.forwardRef((e
 });
 SelectContent$1.displayName = CONTENT_NAME;
 var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME), CONTENT_IMPL_NAME = "SelectContentImpl", Slot = createSlot("SelectContent.RemoveScroll"), SelectContentImpl = import_react.forwardRef((e, i) => {
-  let { __scopeSelect: a, position: o = "item-aligned", onCloseAutoFocus: s, onEscapeKeyDown: l, onPointerDownOutside: u, side: d, sideOffset: f, align: p, alignOffset: m, arrowPadding: h, collisionBoundary: g, collisionPadding: _, sticky: v, hideWhenDetached: y, avoidCollisions: b, ...x } = e, S = useSelectContext(CONTENT_NAME, a), [C, w] = import_react.useState(null), [T, O] = import_react.useState(null), k = useComposedRefs(i, (e2) => w(e2)), [A, j] = import_react.useState(null), [N, L] = import_react.useState(null), R = useCollection(a), [z, B] = import_react.useState(false), V = import_react.useRef(false);
+  let { __scopeSelect: a, position: o = "item-aligned", onCloseAutoFocus: s, onEscapeKeyDown: l, onPointerDownOutside: u, side: d, sideOffset: f, align: p, alignOffset: m, arrowPadding: h, collisionBoundary: g, collisionPadding: _, sticky: v, hideWhenDetached: y, avoidCollisions: b, ...x } = e, S = useSelectContext(CONTENT_NAME, a), [C, w] = import_react.useState(null), [T, D] = import_react.useState(null), O = useComposedRefs(i, (e2) => w(e2)), [j, P] = import_react.useState(null), [I, L] = import_react.useState(null), R = useCollection(a), [z, B] = import_react.useState(false), V = import_react.useRef(false);
   import_react.useEffect(() => {
     if (C) return hideOthers(C);
   }, [C]), useFocusGuards();
   let H = import_react.useCallback((e2) => {
     let [i2, ...a2] = R().map((e3) => e3.ref.current), [o2] = a2.slice(-1), s2 = document.activeElement;
     for (let a3 of e2) if (a3 === s2 || (a3 == null ? void 0 : a3.scrollIntoView({ block: "nearest" }), a3 === i2 && T && (T.scrollTop = 0), a3 === o2 && T && (T.scrollTop = T.scrollHeight), a3 == null ? void 0 : a3.focus(), document.activeElement !== s2)) return;
-  }, [R, T]), U = import_react.useCallback(() => H([A, C]), [
+  }, [R, T]), U = import_react.useCallback(() => H([j, C]), [
     H,
-    A,
+    j,
     C
   ]);
   import_react.useEffect(() => {
@@ -299,7 +299,7 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
     a2 && setTimeout(() => a2.ref.current.focus());
   }), J = import_react.useCallback((e2, i2, a2) => {
     let o2 = !V.current && !a2;
-    (S.value !== void 0 && S.value === i2 || o2) && (j(e2), o2 && (V.current = true));
+    (S.value !== void 0 && S.value === i2 || o2) && (P(e2), o2 && (V.current = true));
   }, [S.value]), Y = import_react.useCallback(() => C == null ? void 0 : C.focus(), [C]), Z = import_react.useCallback((e2, i2, a2) => {
     let o2 = !V.current && !a2;
     (S.value !== void 0 && S.value === i2 || o2) && L(e2);
@@ -319,13 +319,13 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
     scope: a,
     content: C,
     viewport: T,
-    onViewportChange: O,
+    onViewportChange: D,
     itemRefCallback: J,
-    selectedItem: A,
+    selectedItem: j,
     onItemLeave: Y,
     itemTextRefCallback: Z,
     focusSelectedItem: U,
-    selectedItemText: N,
+    selectedItemText: I,
     position: o,
     isPositioned: z,
     searchRef: K,
@@ -358,7 +358,7 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
             ...x,
             ...$,
             onPlaced: () => B(true),
-            ref: k,
+            ref: O,
             style: {
               display: "flex",
               flexDirection: "column",
@@ -399,7 +399,7 @@ var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition", SelectItemAlignedP
         let o2 = i2.right - s2.right, c2 = window.innerWidth - a2.right - o2, l2 = window.innerWidth - e2.right - c2, u3 = e2.width + l2, f3 = Math.max(u3, i2.width), p2 = window.innerWidth - CONTENT_MARGIN, m3 = clamp(c2, [CONTENT_MARGIN, Math.max(CONTENT_MARGIN, p2 - f3)]);
         d.style.minWidth = u3 + "px", d.style.right = m3 + "px";
       }
-      let c = g(), u2 = window.innerHeight - CONTENT_MARGIN * 2, f2 = y.scrollHeight, m2 = window.getComputedStyle(p), h2 = parseInt(m2.borderTopWidth, 10), v2 = parseInt(m2.paddingTop, 10), S2 = parseInt(m2.borderBottomWidth, 10), C2 = parseInt(m2.paddingBottom, 10), w2 = h2 + v2 + f2 + C2 + S2, T = Math.min(b.offsetHeight * 5, w2), E2 = window.getComputedStyle(y), D = parseInt(E2.paddingTop, 10), O = parseInt(E2.paddingBottom, 10), k = e2.top + e2.height / 2 - CONTENT_MARGIN, A = u2 - k, j = b.offsetHeight / 2, M = b.offsetTop + j, N = h2 + v2 + M, P = w2 - N;
+      let c = g(), u2 = window.innerHeight - CONTENT_MARGIN * 2, f2 = y.scrollHeight, m2 = window.getComputedStyle(p), h2 = parseInt(m2.borderTopWidth, 10), v2 = parseInt(m2.paddingTop, 10), S2 = parseInt(m2.borderBottomWidth, 10), C2 = parseInt(m2.paddingBottom, 10), w2 = h2 + v2 + f2 + C2 + S2, T2 = Math.min(b.offsetHeight * 5, w2), E = window.getComputedStyle(y), D = parseInt(E.paddingTop, 10), O = parseInt(E.paddingBottom, 10), k = e2.top + e2.height / 2 - CONTENT_MARGIN, A = u2 - k, j = b.offsetHeight / 2, M = b.offsetTop + j, N = h2 + v2 + M, P = w2 - N;
       if (N <= k) {
         let e3 = c.length > 0 && b === c[c.length - 1].ref.current;
         d.style.bottom = "0px";
@@ -411,7 +411,7 @@ var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition", SelectItemAlignedP
         let i3 = Math.max(k, h2 + y.offsetTop + (e3 ? D : 0) + j) + P;
         d.style.height = i3 + "px", y.scrollTop = N - k + y.offsetTop;
       }
-      d.style.margin = `${CONTENT_MARGIN}px 0`, d.style.minHeight = T + "px", d.style.maxHeight = u2 + "px", o == null ? void 0 : o(), requestAnimationFrame(() => _.current = true);
+      d.style.margin = `${CONTENT_MARGIN}px 0`, d.style.minHeight = T2 + "px", d.style.maxHeight = u2 + "px", o == null ? void 0 : o(), requestAnimationFrame(() => _.current = true);
     }
   }, [
     g,
@@ -426,9 +426,9 @@ var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition", SelectItemAlignedP
     o
   ]);
   useLayoutEffect2(() => C(), [C]);
-  let [w, E] = import_react.useState();
+  let [w, T] = import_react.useState();
   return useLayoutEffect2(() => {
-    p && E(window.getComputedStyle(p).zIndex);
+    p && T(window.getComputedStyle(p).zIndex);
   }, [p]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectViewportProvider, {
     scope: a,
     contentWrapper: d,