@shwfed/nuxt 0.1.19 → 0.1.21

package/dist/runtime/table-renderers/builtins.js

@@ -5,6 +5,7 @@ import { defineComponent } from "vue";
 import { z } from "zod";
 import { defineTableRenderer } from "./registry.js";
 import { useNuxtApp } from "#app";
+import { Button } from "../components/ui/button/index.js";
 const JUSTIFY_CLASS = {
   left: "justify-start",
   center: "justify-center",
@@ -196,7 +197,7 @@ defineTableRenderer(
         try {
           let text = String(ctx.cell.getValue());
           if (options.copyExpression) {
-            text = String($dsl.evaluate(options.copyExpression, {
+            text = String($dsl.evaluate`${options.copyExpression}`({
               row: ctx.row.original,
               index: BigInt(ctx.row.index)
             }));
@@ -218,15 +219,10 @@ defineTableRenderer(
           children: [
             isEmpty ? "-" : String(rawValue),
             options.copyable && !isEmpty ? /* @__PURE__ */ jsx(
-              "button",
+              Button,
               {
-                type: "button",
-                class: [
-                  "cursor-pointer absolute right-1 top-1/2 -translate-y-1/2 bg-white border",
-                  "w-6 h-6 flex items-center justify-center group-hover:opacity-100 opacity-0",
-                  "transition-all duration-180 rounded border-zinc-200 text-zinc-500",
-                  "hover:border-[color-mix(in_srgb,var(--primary)_50%,white)] hover:text-[color-mix(in_srgb,var(--primary)_80%,#00000033)] hover:bg-[color-mix(in_srgb,var(--primary)_10%,white)]"
-                ],
+                class: "p-1 w-6 h-6 flex items-center justify-center right-1 top-1/2 -translate-y-1/2 transform-3d group-hover:opacity-100 opacity-0 absolute transition-opacity duration-180",
+                size: "xs",
                 onClick: onCopy,
                 children: /* @__PURE__ */ jsx(Icon, { icon: "fluent:copy-20-regular" })
               }
@@ -256,13 +252,13 @@ defineTableRenderer(
             checked: ctx.row.getIsSelected(),
             class: [
               "peer h-4 w-4 disabled:opacity-50 transition-colors duration-180 appearance-none",
-              "border border-zinc-200 not-checked-enabled-group-hover:border-zinc-300 not-checked-enabled-group-hover:bg-zinc-100 checked:border-[var(--primary)]",
+              "border border-zinc-200 not-checked-enabled-group-hover:border-zinc-300 not-checked-enabled-group-hover:bg-zinc-100 checked:border-(--primary)",
               isSingle ? "rounded-full" : "rounded"
             ],
             onInput: (e) => ctx.row.getToggleSelectedHandler()(e)
           }
         ),
-        isSingle ? /* @__PURE__ */ jsx("div", { class: "absolute inset-1 bg-[var(--primary)] pointer-events-none rounded-full peer-checked:opacity-100 opacity-0 transition-opacity duration-180" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        isSingle ? /* @__PURE__ */ jsx("div", { class: "absolute inset-1 bg-(--primary) pointer-events-none rounded-full peer-checked:opacity-100 opacity-0 transition-opacity duration-180" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(
             Icon,
             {
@@ -270,7 +266,7 @@ defineTableRenderer(
               class: "peer-checked:opacity-100 opacity-0 text-white text-xs absolute z-1 -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2"
             }
           ),
-          /* @__PURE__ */ jsx("div", { class: "absolute inset-0 bg-[var(--primary)] rounded pointer-events-none peer-checked:opacity-100 opacity-0 transition-opacity duration-180" })
+          /* @__PURE__ */ jsx("div", { class: "absolute inset-0 bg-(--primary) rounded pointer-events-none peer-checked:opacity-100 opacity-0 transition-opacity duration-180" })
         ] })
       ] }) });
     },
@@ -291,7 +287,7 @@ defineTableRenderer(
             class: [
               "peer h-4 w-4 cursor-pointer transition-colors duration-180 appearance-none rounded bg-white",
               "border border-[color-mix(in_srgb,var(--primary)_10%,#00000033)] not-checked-group-hover:border-[color-mix(in_srgb,var(--primary)_20%,#00000033)]",
-              "not-checked-group-hover:bg-[color-mix(in_srgb,var(--primary)_5%,#00000011)] checked:border-[var(--primary)] checked:bg-[var(--primary)]"
+              "not-checked-group-hover:bg-[color-mix(in_srgb,var(--primary)_5%,#00000011)] checked:border-(--primary) checked:bg-(--primary)"
             ],
             ref: (el) => {
               if (el instanceof HTMLInputElement)
@@ -317,21 +313,22 @@ defineTableRenderer(
       if (!ctx.row.getCanExpand())
         return null;
       return /* @__PURE__ */ jsx("div", { class: "group w-full h-full flex items-center justify-center text-zinc-700", children: /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
-          type: "button",
-          class: "cursor-pointer bg-transparent",
-          onClick: () => ctx.row.getToggleExpandedHandler()(),
+          variant: "ghost",
+          class: "cursor-pointer hover:bg-transparent text-lg",
+          onClick: ctx.row.getToggleExpandedHandler(),
           children: /* @__PURE__ */ jsx(Icon, { icon: ctx.row.getIsExpanded() ? "fluent:subtract-square-20-regular" : "fluent:add-square-20-regular" })
         }
       ) });
     },
     header: ({ ctx }) => /* @__PURE__ */ jsx("div", { class: "group w-full h-full flex items-center justify-center text-base text-zinc-700", children: /* @__PURE__ */ jsx(
-      "button",
+      Button,
       {
-        type: "button",
-        class: "cursor-pointer bg-transparent",
-        onClick: (e) => ctx.table.getToggleAllRowsExpandedHandler()(e),
+        variant: "ghost",
+        size: "xs",
+        class: "cursor-pointer hover:bg-transparent text-lg",
+        onClick: ctx.table.getToggleAllRowsExpandedHandler(),
         children: /* @__PURE__ */ jsx(Icon, { icon: ctx.table.getIsAllRowsExpanded() ? "fluent:subtract-square-20-regular" : "fluent:add-square-20-regular" })
       }
     ) }),

package/dist/runtime/utils/cn.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export declare const cn: (...classes: ReadonlyArray<ClassValue>) => string;

package/dist/runtime/utils/cn.js

@@ -0,0 +1,3 @@
+import { twMerge } from "tailwind-merge";
+import { clsx } from "clsx";
+export const cn = (...classes) => twMerge(clsx(...classes));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/nuxt",
-  "version": "0.1.19",
+  "version": "0.1.21",
   "description": "",
   "license": "MIT",
   "type": "module",
@@ -24,10 +24,6 @@
   "files": [
     "dist"
   ],
-  "workspaces": [
-    ".",
-    "playground"
-  ],
   "scripts": {
     "prepack": "nuxt-module-build build",
     "dev": "npm run dev:prepare && nuxt dev playground",
@@ -48,12 +44,16 @@
     "@tanstack/vue-table": "^8.21.3",
     "@tanstack/vue-virtual": "^3.13.18",
     "@vueuse/core": "^14.1.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "defu": "^6.1.4",
     "dot-prop": "^10.1.0",
     "markdown-it": "^14.1.0",
     "reka-ui": "^2.7.0",
+    "tailwind-merge": "^3.4.0",
     "vue": "^3.5.27",
+    "vue-sonner": "^2.0.9",
     "zod": "^4.3.6"
   },
   "devDependencies": {

package/dist/runtime/components/tooltip.vue

@@ -1,48 +0,0 @@
-<script setup>
-import { useForwardPropsEmits } from "reka-ui";
-import { Tooltip } from "reka-ui/namespaced";
-const props = defineProps({
-  defaultOpen: { type: Boolean, required: false },
-  open: { type: Boolean, required: false },
-  delayDuration: { type: Number, required: false },
-  disableHoverableContent: { type: Boolean, required: false },
-  disableClosingTrigger: { type: Boolean, required: false },
-  disabled: { type: Boolean, required: false },
-  ignoreNonKeyboardFocus: { type: Boolean, required: false },
-  content: { type: String, required: false }
-});
-const emits = defineEmits(["update:open"]);
-const forwarded = useForwardPropsEmits(props, emits);
-</script>
-
-<template>
-  <Tooltip.Root v-bind="forwarded">
-    <Tooltip.Trigger as-child>
-      <slot />
-    </Tooltip.Trigger>
-    <Tooltip.Content
-      side="top"
-      align="center"
-      :class="[
-  'bg-white text-zinc-700 animate-in fade-in-0 zoom-in-95',
-  'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',
-  'data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-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',
-  'z-1024 w-fit rounded border border-zinc-200 px-6 py-2 text-xs',
-  'text-balance shadow-md'
-]"
-    >
-      <span
-        v-if="content"
-        v-html="content"
-      />
-      <Tooltip.Arrow
-        :class="[
-  'bg-white fill-white size-2.5 translate-y-[calc(-50%)] rotate-45 rounded-[2px]',
-  'border-b border-r border-zinc-200'
-]"
-      />
-    </Tooltip.Content>
-  </Tooltip.Root>
-</template>