@lunora/studio 1.0.0-alpha.3 → 1.0.0-alpha.30

package/dist/packem_shared/{internal-rXJEAhXS.js → internal-FcNZ3beb.js}

@@ -65,4 +65,4 @@ const formatTimestamp = (value, fallback = "") => {
   return Number.isNaN(date.getTime()) ? String(value) : date.toLocaleString();
 };
 
-export { adminRef as a, formatTimestamp as b, callOptions as c, formatBytes as d, errorMessage as e, fireAndForget as f, copyToClipboard as g, formatCell as h };
+export { adminRef as a, copyToClipboard as b, callOptions as c, formatCell as d, errorMessage as e, fireAndForget as f, formatTimestamp as g, formatBytes as h };

package/dist/packem_shared/modal-shell-hyaJvIJ6.js

@@ -0,0 +1,100 @@
+import { c } from 'react/compiler-runtime';
+import { c as cn } from './utils-B05Dmz_H.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const OVERLAY_BY_VARIANT = {
+  dialog: "fixed inset-0 z-[1000] flex justify-center bg-black/20 pt-[10vh]",
+  drawer: "fixed inset-0 z-[1000] flex justify-end bg-black/20"
+};
+const PANEL_BY_VARIANT = {
+  dialog: "flex h-fit w-[min(28rem,92vw)] flex-col gap-3 rounded-lg border border-border bg-background p-4 shadow-xl",
+  drawer: "flex h-full w-[min(34rem,100vw)] flex-col gap-4 overflow-auto border-l border-border bg-background p-4 shadow-xl"
+};
+const ModalShell = (t0) => {
+  const $ = c(18);
+  const {
+    className,
+    children,
+    label,
+    onClose,
+    panelTestId,
+    testId,
+    variant
+  } = t0;
+  let t1;
+  if ($[0] !== onClose) {
+    t1 = (event) => {
+      if (event.target === event.currentTarget) {
+        onClose();
+      }
+    };
+    $[0] = onClose;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const onOverlayClick = t1;
+  let t2;
+  if ($[2] !== onClose) {
+    t2 = (event_0) => {
+      if (event_0.key === "Escape") {
+        onClose();
+      }
+    };
+    $[2] = onClose;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const onOverlayKeyDown = t2;
+  const t3 = OVERLAY_BY_VARIANT[variant];
+  const t4 = PANEL_BY_VARIANT[variant];
+  let t5;
+  if ($[4] !== className || $[5] !== t4) {
+    t5 = cn(t4, className);
+    $[4] = className;
+    $[5] = t4;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  let t6;
+  if ($[7] !== children || $[8] !== label || $[9] !== panelTestId || $[10] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV("div", {
+      "aria-label": label,
+      className: t5,
+      "data-testid": panelTestId,
+      role: "dialog",
+      children
+    }, void 0, false);
+    $[7] = children;
+    $[8] = label;
+    $[9] = panelTestId;
+    $[10] = t5;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  let t7;
+  if ($[12] !== onOverlayClick || $[13] !== onOverlayKeyDown || $[14] !== t3 || $[15] !== t6 || $[16] !== testId) {
+    t7 = /* @__PURE__ */ jsxDEV("div", {
+      className: t3,
+      "data-testid": testId,
+      onClick: onOverlayClick,
+      onKeyDown: onOverlayKeyDown,
+      role: "presentation",
+      children: t6
+    }, void 0, false);
+    $[12] = onOverlayClick;
+    $[13] = onOverlayKeyDown;
+    $[14] = t3;
+    $[15] = t6;
+    $[16] = testId;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  return t7;
+};
+
+export { ModalShell as M };

package/dist/packem_shared/{reference-view-B4E49Lip.js → reference-view-Doy1XlQq.js}

@@ -1,58 +1,18 @@
 import { c } from 'react/compiler-runtime';
-import { c as cn } from './utils-B05Dmz_H.js';
-import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
 import { useState, useEffect, createContext, use } from 'react';
-import { e as errorMessage, g as copyToClipboard, f as fireAndForget, c as callOptions, a as adminRef } from './internal-rXJEAhXS.js';
+import { e as errorMessage, b as copyToClipboard, f as fireAndForget, c as callOptions, a as adminRef } from './internal-FcNZ3beb.js';
 import { SentIcon, Copy01Icon, Search01Icon } from '@hugeicons/core-free-icons';
 import { HugeiconsIcon } from '@hugeicons/react';
 import { I as Input } from './input-XH4r1Pt1.js';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
 import { B as Button } from './button-BhsN2uZH.js';
+import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
 import { B as Badge$1 } from './badge-B2PKA1-5.js';
 import { ShardInput } from './ShardInput-gx_DZXXn.js';
 import { L as Label } from './label-D8ykjn5J.js';
 import { T as Textarea } from './textarea-D3gaCU_-.js';
 import { useLunora } from '@lunora/react';
-
-function Skeleton(t0) {
-  const $ = c(8);
-  let className;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-  } else {
-    className = $[1];
-    props = $[2];
-  }
-  let t1;
-  if ($[3] !== className) {
-    t1 = cn("animate-pulse rounded-md bg-muted", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /* @__PURE__ */ jsxDEV("div", {
-      "data-slot": "skeleton",
-      className: t1,
-      ...props
-    }, void 0, false);
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
-}
+import { c as cn } from './utils-B05Dmz_H.js';
 
 const useAdminSpec = function(inlineSpec, fetcher, classify) {
   const $ = c(10);
@@ -2177,4 +2137,4 @@ const ReferenceView = (t0) => {
   return t14;
 };
 
-export { ReferenceView as R, Skeleton as S, useAdminSpec as u };
+export { ReferenceView as R, useAdminSpec as u };

package/dist/packem_shared/select-UkNYCT3s.js

@@ -0,0 +1,273 @@
+'use client';
+import { c } from 'react/compiler-runtime';
+import 'react';
+import { Select as Select$1 } from '@base-ui/react/select';
+import { c as cn } from './utils-B05Dmz_H.js';
+import { HugeiconsIcon } from '@hugeicons/react';
+import { UnfoldMoreIcon, Tick02Icon, ArrowUp01Icon, ArrowDown01Icon } from '@hugeicons/core-free-icons';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const Select = Select$1.Root;
+function SelectValue(t0) {
+  const $ = c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("flex flex-1 text-start", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV(Select$1.Value, {
+      "data-slot": "select-value",
+      className: t1,
+      ...props
+    }, void 0, false);
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(Select$1.Trigger, {
+    "data-slot": "select-trigger",
+    "data-size": size,
+    className: cn("flex w-fit items-center justify-between gap-1.5 rounded-md border border-input bg-transparent py-2 pe-2 ps-2.5 text-xs whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-1 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-md *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    ...props,
+    children: [children, /* @__PURE__ */ jsxDEV(Select$1.Icon, {
+      render: /* @__PURE__ */ jsxDEV(HugeiconsIcon, {
+        icon: UnfoldMoreIcon,
+        strokeWidth: 2,
+        className: "pointer-events-none size-4 text-muted-foreground"
+      }, void 0, false)
+    }, void 0, false)]
+  }, void 0, true);
+}
+function SelectContent({
+  className,
+  children,
+  side = "bottom",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  alignItemWithTrigger = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(Select$1.Portal, {
+    children: /* @__PURE__ */ jsxDEV(Select$1.Positioner, {
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      alignItemWithTrigger,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsxDEV(Select$1.Popup, {
+        "data-slot": "select-content",
+        "data-align-trigger": alignItemWithTrigger,
+        className: cn("isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 animate-none! relative bg-popover before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit] **:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10 **:data-[slot$=-separator]:bg-foreground/5 **:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10! **:data-[variant=destructive]:focus:bg-foreground/10! **:data-[variant=destructive]:text-accent-foreground! **:data-[variant=destructive]:**:text-accent-foreground!", className),
+        ...props,
+        children: [/* @__PURE__ */ jsxDEV(SelectScrollUpButton, {}, void 0, false), /* @__PURE__ */ jsxDEV(Select$1.List, {
+          children
+        }, void 0, false), /* @__PURE__ */ jsxDEV(SelectScrollDownButton, {}, void 0, false)]
+      }, void 0, true)
+    }, void 0, false)
+  }, void 0, false);
+}
+function SelectItem(t0) {
+  const $ = c(13);
+  let children;
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      children,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props;
+  } else {
+    children = $[1];
+    className = $[2];
+    props = $[3];
+  }
+  let t1;
+  if ($[4] !== className) {
+    t1 = cn("relative flex w-full cursor-default items-center gap-2 rounded-md py-2 pe-8 ps-2 text-xs outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className);
+    $[4] = className;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== children) {
+    t2 = /* @__PURE__ */ jsxDEV(Select$1.ItemText, {
+      className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
+      children
+    }, void 0, false);
+    $[6] = children;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsxDEV(Select$1.ItemIndicator, {
+      render: /* @__PURE__ */ jsxDEV("span", {
+        className: "pointer-events-none absolute end-2 flex size-4 items-center justify-center"
+      }, void 0, false),
+      children: /* @__PURE__ */ jsxDEV(HugeiconsIcon, {
+        icon: Tick02Icon,
+        strokeWidth: 2,
+        className: "pointer-events-none"
+      }, void 0, false)
+    }, void 0, false);
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== props || $[10] !== t1 || $[11] !== t2) {
+    t4 = /* @__PURE__ */ jsxDEV(Select$1.Item, {
+      "data-slot": "select-item",
+      className: t1,
+      ...props,
+      children: [t2, t3]
+    }, void 0, true);
+    $[9] = props;
+    $[10] = t1;
+    $[11] = t2;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  return t4;
+}
+function SelectScrollUpButton(t0) {
+  const $ = c(9);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsxDEV(HugeiconsIcon, {
+      icon: ArrowUp01Icon,
+      strokeWidth: 2
+    }, void 0, false);
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== props || $[7] !== t1) {
+    t3 = /* @__PURE__ */ jsxDEV(Select$1.ScrollUpArrow, {
+      "data-slot": "select-scroll-up-button",
+      className: t1,
+      ...props,
+      children: t2
+    }, void 0, false);
+    $[6] = props;
+    $[7] = t1;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  return t3;
+}
+function SelectScrollDownButton(t0) {
+  const $ = c(9);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsxDEV(HugeiconsIcon, {
+      icon: ArrowDown01Icon,
+      strokeWidth: 2
+    }, void 0, false);
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== props || $[7] !== t1) {
+    t3 = /* @__PURE__ */ jsxDEV(Select$1.ScrollDownArrow, {
+      "data-slot": "select-scroll-down-button",
+      className: t1,
+      ...props,
+      children: t2
+    }, void 0, false);
+    $[6] = props;
+    $[7] = t1;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  return t3;
+}
+
+export { SelectValue as S, SelectTrigger as a, SelectItem as b, SelectContent as c, Select as d };

package/dist/packem_shared/skeleton-CGhL0p20.js

@@ -0,0 +1,45 @@
+import { c } from 'react/compiler-runtime';
+import { c as cn } from './utils-B05Dmz_H.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+function Skeleton(t0) {
+  const $ = c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("animate-pulse rounded-md bg-muted", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("div", {
+      "data-slot": "skeleton",
+      className: t1,
+      ...props
+    }, void 0, false);
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+
+export { Skeleton as S };

package/dist/packem_shared/{sparkline-10dG-_f0.js → sparkline-KgMPHS4u.js}

@@ -1,5 +1,5 @@
 import { c } from 'react/compiler-runtime';
-import { B as Bar, E as EvilBarChart } from './bar-chart-CzJAgqkp.js';
+import { B as Bar, E as EvilBarChart } from './bar-chart-Bb__F5-u.js';
 import { c as cn } from './utils-B05Dmz_H.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';