@lunora/studio 0.0.0 → 1.0.0-alpha.2

package/dist/packem_shared/dropdown-menu-WY4B_eJO.js

@@ -0,0 +1,280 @@
+'use client';
+import { c } from 'react/compiler-runtime';
+import 'react';
+import { Menu } from '@base-ui/react/menu';
+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 DropdownMenu(t0) {
+  const $ = c(4);
+  let props;
+  if ($[0] !== t0) {
+    ({
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+  } else {
+    props = $[1];
+  }
+  let t1;
+  if ($[2] !== props) {
+    t1 = /* @__PURE__ */ jsxDEV(Menu.Root, {
+      "data-slot": "dropdown-menu",
+      ...props
+    }, void 0, false);
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+function DropdownMenuTrigger(t0) {
+  const $ = c(4);
+  let props;
+  if ($[0] !== t0) {
+    ({
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+  } else {
+    props = $[1];
+  }
+  let t1;
+  if ($[2] !== props) {
+    t1 = /* @__PURE__ */ jsxDEV(Menu.Trigger, {
+      "data-slot": "dropdown-menu-trigger",
+      ...props
+    }, void 0, false);
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+function DropdownMenuContent({
+  align = "start",
+  alignOffset = 0,
+  side = "bottom",
+  sideOffset = 4,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(Menu.Portal, {
+    children: /* @__PURE__ */ jsxDEV(Menu.Positioner, {
+      className: "isolate z-50 outline-none",
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      children: /* @__PURE__ */ jsxDEV(Menu.Popup, {
+        "data-slot": "dropdown-menu-content",
+        className: cn("z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-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:overflow-hidden 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
+      }, void 0, false)
+    }, void 0, false)
+  }, void 0, false);
+}
+function DropdownMenuGroup(t0) {
+  const $ = c(4);
+  let props;
+  if ($[0] !== t0) {
+    ({
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+  } else {
+    props = $[1];
+  }
+  let t1;
+  if ($[2] !== props) {
+    t1 = /* @__PURE__ */ jsxDEV(Menu.Group, {
+      "data-slot": "dropdown-menu-group",
+      ...props
+    }, void 0, false);
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+function DropdownMenuLabel(t0) {
+  const $ = c(10);
+  let className;
+  let inset;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      inset,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = inset;
+    $[3] = props;
+  } else {
+    className = $[1];
+    inset = $[2];
+    props = $[3];
+  }
+  let t1;
+  if ($[4] !== className) {
+    t1 = cn("px-2 py-2 text-xs text-muted-foreground data-inset:ps-7", className);
+    $[4] = className;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== inset || $[7] !== props || $[8] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV(Menu.GroupLabel, {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: t1,
+      ...props
+    }, void 0, false);
+    $[6] = inset;
+    $[7] = props;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(Menu.Item, {
+    "data-slot": "dropdown-menu-item",
+    "data-inset": inset,
+    "data-variant": variant,
+    className: cn("group/dropdown-menu-item relative flex cursor-default items-center gap-2 rounded-md px-2 py-2 text-xs outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive", className),
+    ...props
+  }, void 0, false);
+}
+function DropdownMenuCheckboxItem(t0) {
+  const $ = c(15);
+  let checked;
+  let children;
+  let className;
+  let inset;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      children,
+      checked,
+      inset,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = checked;
+    $[2] = children;
+    $[3] = className;
+    $[4] = inset;
+    $[5] = props;
+  } else {
+    checked = $[1];
+    children = $[2];
+    className = $[3];
+    inset = $[4];
+    props = $[5];
+  }
+  let t1;
+  if ($[6] !== className) {
+    t1 = cn("relative flex 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 focus:**:text-accent-foreground data-inset:ps-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className);
+    $[6] = className;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  let t2;
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsxDEV("span", {
+      className: "pointer-events-none absolute end-2 flex items-center justify-center",
+      "data-slot": "dropdown-menu-checkbox-item-indicator",
+      children: /* @__PURE__ */ jsxDEV(Menu.CheckboxItemIndicator, {
+        children: /* @__PURE__ */ jsxDEV(HugeiconsIcon, {
+          icon: Tick02Icon,
+          strokeWidth: 2
+        }, void 0, false)
+      }, void 0, false)
+    }, void 0, false);
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  let t3;
+  if ($[9] !== checked || $[10] !== children || $[11] !== inset || $[12] !== props || $[13] !== t1) {
+    t3 = /* @__PURE__ */ jsxDEV(Menu.CheckboxItem, {
+      "data-slot": "dropdown-menu-checkbox-item",
+      "data-inset": inset,
+      className: t1,
+      checked,
+      ...props,
+      children: [t2, children]
+    }, void 0, true);
+    $[9] = checked;
+    $[10] = children;
+    $[11] = inset;
+    $[12] = props;
+    $[13] = t1;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+  return t3;
+}
+function DropdownMenuSeparator(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("-mx-1 h-px bg-border", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV(Menu.Separator, {
+      "data-slot": "dropdown-menu-separator",
+      className: t1,
+      ...props
+    }, void 0, false);
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+
+export { DropdownMenuTrigger as D, DropdownMenuLabel as a, DropdownMenuItem as b, DropdownMenuContent as c, DropdownMenu as d, DropdownMenuCheckboxItem as e, DropdownMenuSeparator as f, DropdownMenuGroup as g };

package/dist/packem_shared/empty-state-DY_oe0k6.js

@@ -0,0 +1,98 @@
+import { c } from 'react/compiler-runtime';
+import { c as cn } from './utils-B05Dmz_H.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const EmptyState = (t0) => {
+  const $ = c(19);
+  const {
+    action,
+    className,
+    description,
+    icon,
+    testId,
+    title
+  } = t0;
+  let t1;
+  if ($[0] !== className) {
+    t1 = cn("flex flex-col items-center justify-center gap-3 rounded-lg border border-dashed border-border px-6 py-14 text-center", className);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== icon) {
+    t2 = icon !== void 0 && /* @__PURE__ */ jsxDEV("span", {
+      className: "flex size-10 items-center justify-center rounded-lg bg-muted text-muted-foreground [&_svg]:size-5",
+      children: icon
+    }, void 0, false);
+    $[2] = icon;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== title) {
+    t3 = /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm font-medium text-foreground",
+      children: title
+    }, void 0, false);
+    $[4] = title;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== description) {
+    t4 = description !== void 0 && /* @__PURE__ */ jsxDEV("p", {
+      className: "max-w-sm text-sm text-muted-foreground",
+      children: description
+    }, void 0, false);
+    $[6] = description;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== t3 || $[9] !== t4) {
+    t5 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-1",
+      children: [t3, t4]
+    }, void 0, true);
+    $[8] = t3;
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== action) {
+    t6 = action !== void 0 && /* @__PURE__ */ jsxDEV("div", {
+      className: "mt-1 flex items-center gap-2",
+      children: action
+    }, void 0, false);
+    $[11] = action;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  let t7;
+  if ($[13] !== t1 || $[14] !== t2 || $[15] !== t5 || $[16] !== t6 || $[17] !== testId) {
+    t7 = /* @__PURE__ */ jsxDEV("div", {
+      className: t1,
+      "data-testid": testId,
+      children: [t2, t5, t6]
+    }, void 0, true);
+    $[13] = t1;
+    $[14] = t2;
+    $[15] = t5;
+    $[16] = t6;
+    $[17] = testId;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  return t7;
+};
+
+export { EmptyState as E };