@lunora/studio 0.0.0 → 1.0.0-alpha.2

package/dist/packem_shared/button-BhsN2uZH.js

@@ -0,0 +1,49 @@
+import { Button as Button$1 } from '@base-ui/react/button';
+import { cva } from 'class-variance-authority';
+import { c as cn } from './utils-B05Dmz_H.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-xs font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-1 aria-invalid:ring-destructive/20 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", {
+  variants: {
+    variant: {
+      default: "bg-primary text-primary-foreground hover:bg-primary/80",
+      outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+      secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+      ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+      destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+      link: "text-primary underline-offset-4 hover:underline"
+    },
+    size: {
+      default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2",
+      xs: "h-6 gap-1 rounded-md px-2 text-xs has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*='size-'])]:size-3",
+      sm: "h-7 gap-1 rounded-md px-2.5 has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+      lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2",
+      icon: "size-8",
+      "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
+      "icon-sm": "size-7 rounded-md",
+      "icon-lg": "size-9"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(Button$1, {
+    "data-slot": "button",
+    className: cn(buttonVariants({
+      variant,
+      size,
+      className
+    })),
+    ...props
+  }, void 0, false);
+}
+
+export { Button as B };

package/dist/packem_shared/card-DURq3ElK.js

@@ -0,0 +1,175 @@
+import { c } from 'react/compiler-runtime';
+import 'react';
+import { c as cn } from './utils-B05Dmz_H.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+function Card({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    "data-slot": "card",
+    "data-size": size,
+    className: cn("group/card flex flex-col gap-4 overflow-hidden rounded-xl border border-border bg-card py-4 text-xs/relaxed text-card-foreground shadow-xs has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-2 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-md *:[img:last-child]:rounded-md", className),
+    ...props
+  }, void 0, false);
+}
+function CardHeader(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("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-md px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("div", {
+      "data-slot": "card-header",
+      className: t1,
+      ...props
+    }, void 0, false);
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+function CardTitle(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("font-heading text-sm font-medium group-data-[size=sm]/card:text-sm", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("div", {
+      "data-slot": "card-title",
+      className: t1,
+      ...props
+    }, void 0, false);
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+function CardDescription(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("text-xs/relaxed text-muted-foreground", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("div", {
+      "data-slot": "card-description",
+      className: t1,
+      ...props
+    }, void 0, false);
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+function CardContent(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("px-4 group-data-[size=sm]/card:px-3", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("div", {
+      "data-slot": "card-content",
+      className: t1,
+      ...props
+    }, void 0, false);
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+
+export { Card as C, CardContent as a, CardHeader as b, CardTitle as c, CardDescription as d };

package/dist/packem_shared/cf-links-BZfRdxSE.js

@@ -0,0 +1,8 @@
+const CLOUDFLARE_DASH = "https://dash.cloudflare.com/?to=/:account";
+const CLOUDFLARE_OBSERVABILITY_URL = `${CLOUDFLARE_DASH}/workers-and-pages/observability`;
+const CLOUDFLARE_WORKERS_URL = `${CLOUDFLARE_DASH}/workers-and-pages`;
+const CLOUDFLARE_R2_URL = `${CLOUDFLARE_DASH}/r2`;
+const CLOUDFLARE_D1_URL = `${CLOUDFLARE_DASH}/workers/d1`;
+const CLOUDFLARE_DURABLE_OBJECTS_URL = `${CLOUDFLARE_DASH}/workers/durable-objects`;
+
+export { CLOUDFLARE_D1_URL as C, CLOUDFLARE_OBSERVABILITY_URL as a, CLOUDFLARE_WORKERS_URL as b, CLOUDFLARE_DURABLE_OBJECTS_URL as c, CLOUDFLARE_R2_URL as d };

package/dist/packem_shared/checkbox-UNkzAxl-.js

@@ -0,0 +1,63 @@
+import { c } from 'react/compiler-runtime';
+import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
+import { c as cn } from './utils-B05Dmz_H.js';
+import { HugeiconsIcon } from '@hugeicons/react';
+import { Tick02Icon } from '@hugeicons/core-free-icons';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+function Checkbox(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("peer relative flex size-4 shrink-0 items-center justify-center rounded-md border border-input transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 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 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsxDEV(Checkbox$1.Indicator, {
+      "data-slot": "checkbox-indicator",
+      className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
+      children: /* @__PURE__ */ jsxDEV(HugeiconsIcon, {
+        icon: Tick02Icon,
+        strokeWidth: 2
+      }, void 0, false)
+    }, void 0, false);
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== props || $[7] !== t1) {
+    t3 = /* @__PURE__ */ jsxDEV(Checkbox$1.Root, {
+      "data-slot": "checkbox",
+      className: t1,
+      ...props,
+      children: t2
+    }, void 0, false);
+    $[6] = props;
+    $[7] = t1;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  return t3;
+}
+
+export { Checkbox as C };

package/dist/packem_shared/createStudioI18n-CgvlmDkN.js

@@ -0,0 +1,27 @@
+import { setupI18n } from '@lingui/core';
+import { compileMessage } from '@lingui/message-utils/compileMessage';
+import { use, createContext } from 'react';
+
+const messages = {};
+
+const DEFAULT_LOCALE = "en";
+const BUILTIN_CATALOGS = {
+  en: messages
+};
+const createStudioI18n = (locale = DEFAULT_LOCALE, catalogs = BUILTIN_CATALOGS) => {
+  const instance = setupI18n();
+  instance.setMessagesCompiler(compileMessage);
+  for (const [code, catalog] of Object.entries(catalogs)) {
+    instance.load(code, catalog);
+  }
+  instance.activate(catalogs[locale] === void 0 ? DEFAULT_LOCALE : locale);
+  return instance;
+};
+const studioI18n = createStudioI18n();
+const StudioI18nContext = /* @__PURE__ */ createContext(studioI18n);
+const useT = () => {
+  const i18n = use(StudioI18nContext);
+  return (id, values) => i18n._(id, values);
+};
+
+export { DEFAULT_LOCALE, StudioI18nContext, createStudioI18n, studioI18n, useT };

package/dist/packem_shared/data-grid-CCh2Couo.js

@@ -0,0 +1,183 @@
+import { c } from 'react/compiler-runtime';
+import { useT } from './createStudioI18n-CgvlmDkN.js';
+import { h as formatCell } from './internal-BBZYexre.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const CellValue = (t0) => {
+  const $ = c(8);
+  const {
+    value
+  } = t0;
+  if (value === null || value === void 0) {
+    let t12;
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t12 = /* @__PURE__ */ jsxDEV("span", {
+        className: "text-muted-foreground/50 italic",
+        children: "NULL"
+      }, void 0, false);
+      $[0] = t12;
+    } else {
+      t12 = $[0];
+    }
+    return t12;
+  }
+  let t1;
+  if ($[1] !== value) {
+    t1 = formatCell(value);
+    $[1] = value;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== value) {
+    t2 = formatCell(value);
+    $[3] = value;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== t1 || $[6] !== t2) {
+    t3 = /* @__PURE__ */ jsxDEV("span", {
+      title: t1,
+      children: t2
+    }, void 0, false);
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
+};
+const TransposedTable = (t0) => {
+  const $ = c(22);
+  const {
+    columns,
+    rows
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== t) {
+    t1 = t("Field");
+    $[0] = t;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("th", {
+      className: "border-b border-e border-border px-3 py-1.5 text-start font-mono text-[11px] tracking-wide uppercase text-muted-foreground",
+      children: t1
+    }, void 0, false);
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== rows || $[5] !== t) {
+    let t42;
+    if ($[7] !== t) {
+      t42 = (_, index) => /* @__PURE__ */ jsxDEV("th", {
+        className: "border-b border-border px-3 py-1.5 text-start font-mono text-[11px] tracking-wide uppercase tabular-nums text-muted-foreground",
+        children: t("Row {n}", {
+          n: index + 1
+        })
+      }, index, false);
+      $[7] = t;
+      $[8] = t42;
+    } else {
+      t42 = $[8];
+    }
+    t3 = rows.map(t42);
+    $[4] = rows;
+    $[5] = t;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[9] !== t2 || $[10] !== t3) {
+    t4 = /* @__PURE__ */ jsxDEV("thead", {
+      className: "sticky top-0 z-10 bg-muted",
+      children: /* @__PURE__ */ jsxDEV("tr", {
+        children: [t2, t3]
+      }, void 0, true)
+    }, void 0, false);
+    $[9] = t2;
+    $[10] = t3;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  let t5;
+  if ($[12] !== columns || $[13] !== rows) {
+    let t62;
+    if ($[15] !== rows) {
+      t62 = (column) => /* @__PURE__ */ jsxDEV("tr", {
+        className: "hover:bg-muted/40",
+        children: [/* @__PURE__ */ jsxDEV("th", {
+          className: "border-b border-e border-border px-3 py-1.5 text-start font-mono font-medium whitespace-nowrap",
+          scope: "row",
+          children: column
+        }, void 0, false), rows.map((row, index_0) => /* @__PURE__ */ jsxDEV("td", {
+          className: "max-w-md truncate border-b border-border px-3 py-1.5 font-mono",
+          children: /* @__PURE__ */ jsxDEV(CellValue, {
+            value: row[column]
+          }, void 0, false)
+        }, index_0, false))]
+      }, column, true);
+      $[15] = rows;
+      $[16] = t62;
+    } else {
+      t62 = $[16];
+    }
+    t5 = columns.map(t62);
+    $[12] = columns;
+    $[13] = rows;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  let t6;
+  if ($[17] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV("tbody", {
+      children: t5
+    }, void 0, false);
+    $[17] = t5;
+    $[18] = t6;
+  } else {
+    t6 = $[18];
+  }
+  let t7;
+  if ($[19] !== t4 || $[20] !== t6) {
+    t7 = /* @__PURE__ */ jsxDEV("div", {
+      className: "min-h-0 flex-1 overflow-auto",
+      "data-testid": "db-transposed",
+      children: /* @__PURE__ */ jsxDEV("table", {
+        className: "border-collapse text-xs",
+        children: [t4, t6]
+      }, void 0, true)
+    }, void 0, false);
+    $[19] = t4;
+    $[20] = t6;
+    $[21] = t7;
+  } else {
+    t7 = $[21];
+  }
+  return t7;
+};
+const GridContainer = ({
+  children,
+  layout = "card",
+  testId
+}) => /* @__PURE__ */ jsxDEV("div", {
+  className: layout === "fill" ? "flex min-h-0 flex-1 flex-col overflow-hidden border-t border-border" : "overflow-x-auto border border-border bg-card",
+  "data-testid": testId,
+  children
+}, void 0, false);
+
+export { CellValue as C, GridContainer as G, TransposedTable as T };