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

package/dist/packem_shared/{home-panel-VdQI_8oX.js → home-panel-aOR_drVv.js}

@@ -1,17 +1,16 @@
 import { c } from 'react/compiler-runtime';
 import { useNavigate } from '@tanstack/react-router';
-import { B as Bar, E as EvilBarChart } from './bar-chart-CzJAgqkp.js';
+import { useState, useEffect, Suspense, lazy } from 'react';
 import { B as Badge } from './badge-B2PKA1-5.js';
 import { a as CardContent, C as Card } from './card-DURq3ElK.js';
 import { E as EmptyState } from './empty-state-DY_oe0k6.js';
-import { u as useAdminQuery } from './use-admin-query-CFl5GUg_.js';
+import { u as useAdminQuery } from './use-admin-query-BViPA3US.js';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
 import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-CdaxLGkE.js';
-import { f as fireAndForget, c as callOptions, a as adminRef, h as formatBytes } from './internal-CvMZCVd6.js';
+import { f as fireAndForget, c as callOptions, a as adminRef, h as formatBytes } from './internal-FcNZ3beb.js';
 import { c as cn } from './utils-B05Dmz_H.js';
 import { deriveInsights } from './DEFAULT_INSIGHT_THRESHOLDS-DjF0h-gA.js';
 import { useLunora } from '@lunora/react';
-import { useState, useEffect } from 'react';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const STUDIO_FEATURES = adminRef(ADMIN_FUNCTIONS.studioFeatures);
@@ -321,7 +320,7 @@ const BindingsOverview = () => {
   }
   let t5;
   if ($[12] !== groups) {
-    t5 = groups.map(_temp4$1);
+    t5 = groups.map(_temp4);
     $[12] = groups;
     $[13] = t5;
   } else {
@@ -365,12 +364,17 @@ function _temp2$1(ns) {
 function _temp3$1(index) {
   return index.name;
 }
-function _temp4$1(group) {
+function _temp4(group) {
   return /* @__PURE__ */ jsxDEV(BindingCard, {
     group
   }, group.tab, false);
 }
 
+const Sparkline = /* @__PURE__ */ lazy(() => import('../packem_chunks/sparkline.js').then((m) => {
+  return {
+    default: m.Sparkline
+  };
+}));
 const formatMs = (ms) => {
   if (ms < 1e3) {
     return `${String(Math.round(ms))}ms`;
@@ -390,73 +394,6 @@ const relativeTime = (ts, now) => {
   const hours = Math.round(minutes / 60);
   return hours < 24 ? `${String(hours)}h ago` : `${String(Math.round(hours / 24))}d ago`;
 };
-const SPARKLINE_CONFIG = {
-  value: {
-    colors: {
-      dark: ["var(--foreground)"],
-      light: ["var(--foreground)"]
-    },
-    label: ""
-  }
-};
-const Sparkline = (t0) => {
-  const $ = c(6);
-  const {
-    data
-  } = t0;
-  let t1;
-  let t2;
-  if ($[0] !== data) {
-    t2 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
-    bb0: {
-      const bars = data.slice(-16);
-      if (bars.length < 3) {
-        t2 = null;
-        break bb0;
-      }
-      t1 = bars.map(_temp);
-    }
-    $[0] = data;
-    $[1] = t1;
-    $[2] = t2;
-  } else {
-    t1 = $[1];
-    t2 = $[2];
-  }
-  if (t2 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) {
-    return t2;
-  }
-  const rows = t1;
-  let t3;
-  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /* @__PURE__ */ jsxDEV(Bar, {
-      dataKey: "value"
-    }, void 0, false);
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  let t4;
-  if ($[4] !== rows) {
-    t4 = /* @__PURE__ */ jsxDEV("div", {
-      "aria-hidden": "true",
-      className: "h-8 w-28",
-      children: /* @__PURE__ */ jsxDEV(EvilBarChart, {
-        animationType: "none",
-        barCategoryGap: 1,
-        className: "h-8 w-full",
-        config: SPARKLINE_CONFIG,
-        data: rows,
-        children: t3
-      }, void 0, false)
-    }, void 0, false);
-    $[4] = rows;
-    $[5] = t4;
-  } else {
-    t4 = $[5];
-  }
-  return t4;
-};
 const bucketSeries = (history, field) => {
   if (history === void 0 || history.length === 0) {
     return [];
@@ -541,8 +478,14 @@ const StatCard = (t0) => {
   }
   let t5;
   if ($[9] !== trend) {
-    t5 = trend !== void 0 && /* @__PURE__ */ jsxDEV(Sparkline, {
-      data: trend
+    t5 = trend !== void 0 && /* @__PURE__ */ jsxDEV(Suspense, {
+      fallback: /* @__PURE__ */ jsxDEV("div", {
+        "aria-hidden": "true",
+        className: "h-8 w-28"
+      }, void 0, false),
+      children: /* @__PURE__ */ jsxDEV(Sparkline, {
+        data: trend
+      }, void 0, false)
     }, void 0, false);
     $[9] = trend;
     $[10] = t5;
@@ -780,7 +723,7 @@ const TopFunctionsCard = (t0) => {
   const t = useT();
   let t1;
   if ($[0] !== functions || $[1] !== t) {
-    const top = [...functions].toSorted(_temp2).slice(0, 5);
+    const top = [...functions].toSorted(_temp).slice(0, 5);
     let t2;
     if ($[3] !== t) {
       t2 = t("Top functions");
@@ -825,7 +768,7 @@ const TopFunctionsCard = (t0) => {
             className: "w-8 text-end",
             children: t("Err")
           }, void 0, false)]
-        }, void 0, true), top.map(_temp3)]
+        }, void 0, true), top.map(_temp2)]
       }, void 0, true)]
     }, void 0, true);
     $[0] = functions;
@@ -1190,7 +1133,7 @@ const HomePanel = (t0) => {
     const requestSeries = bucketSeries(metrics?.history, "calls");
     const errorSeries = bucketSeries(metrics?.history, "errors");
     const avgLatency = averageLatencyMs(functions);
-    const maxLatency = Math.max(0, ...functions.map(_temp4));
+    const maxLatency = Math.max(0, ...functions.map(_temp3));
     const cache = metrics?.cache;
     let t232;
     if ($[46] !== cache) {
@@ -1666,16 +1609,10 @@ const HomePanel = (t0) => {
   }
   return t47;
 };
-function _temp(value, index) {
-  return {
-    index,
-    value
-  };
-}
-function _temp2(a, b) {
+function _temp(a, b) {
   return b.calls - a.calls;
 }
-function _temp3(function_) {
+function _temp2(function_) {
   return /* @__PURE__ */ jsxDEV("div", {
     className: "grid grid-cols-[1fr_auto_auto_auto] items-center gap-4 px-4 py-2 text-[13px]",
     children: [/* @__PURE__ */ jsxDEV("span", {
@@ -1693,7 +1630,7 @@ function _temp3(function_) {
     }, void 0, false)]
   }, function_.path, true);
 }
-function _temp4(function_) {
+function _temp3(function_) {
   return function_.maxDurationMs;
 }
 

package/dist/packem_shared/{internal-CvMZCVd6.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, copyToClipboard as d, errorMessage as e, fireAndForget as f, formatCell as g, formatBytes 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-DVyk5kXj.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, d as copyToClipboard, f as fireAndForget, c as callOptions, a as adminRef } from './internal-CvMZCVd6.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';