@tb-dev/vue 0.3.4 → 0.3.6

package/dist/components/button-icon/ButtonIcon.vue.d.ts

@@ -0,0 +1,19 @@
+import { VNode } from 'vue';
+import { ButtonIconProps } from './types';
+declare const _default: <T extends string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & ButtonIconProps<T> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<{
+        default?: () => VNode;
+    }> & {
+        default?: () => VNode;
+    };
+    emit: {};
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/button-icon/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ButtonIcon } from './ButtonIcon.vue';
+export type * from './types';
+export { ButtonIcon };

package/dist/components/button-icon/types.d.ts

@@ -0,0 +1,9 @@
+import { Component } from 'vue';
+export interface ButtonIconProps<T extends string> {
+    buttonClass?: string;
+    class?: string;
+    icon: Component;
+    iconClass?: string;
+    iconSize?: number;
+    to?: T;
+}

package/dist/components/index.d.ts

@@ -1,5 +1,6 @@
 export * from './badge';
 export * from './button';
+export * from './button-icon';
 export * from './button-link';
 export * from './card';
 export * from './checkbox';

package/dist/index.js

@@ -1,5 +1,5 @@
 import { cva } from 'class-variance-authority';
-import { inject as inject$1, toValue, defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, normalizeClass, createElementBlock, Fragment, createVNode, toDisplayString, createCommentVNode, normalizeStyle, createElementVNode, withDirectives, isRef, vModelText, createTextVNode, normalizeProps, guardReactiveProps, ref, toRef, effectScope } from 'vue';
+import { inject as inject$1, toValue, defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, normalizeClass, createElementBlock, Fragment, createVNode, toDisplayString, resolveDynamicComponent, createCommentVNode, normalizeStyle, createElementVNode, withDirectives, isRef, vModelText, createTextVNode, normalizeProps, guardReactiveProps, ref, toRef, effectScope } from 'vue';
 import { twMerge } from 'tailwind-merge';
 import { clsx } from 'clsx';
 import { unwrap, isNil, toPixel } from '@tb-dev/utils';
@@ -88,7 +88,7 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
-const _sfc_main$1W = /* @__PURE__ */ defineComponent({
+const _sfc_main$1X = /* @__PURE__ */ defineComponent({
   __name: "Badge",
   props: {
     asChild: { type: Boolean },
@@ -133,7 +133,7 @@ const badgeVariants = cva(
   }
 );
 
-const _sfc_main$1V = /* @__PURE__ */ defineComponent({
+const _sfc_main$1W = /* @__PURE__ */ defineComponent({
   __name: "Button",
   props: {
     variant: {},
@@ -186,9 +186,9 @@ const buttonVariants = cva(
   }
 );
 
-const _hoisted_1$9 = { key: 0 };
+const _hoisted_1$b = { key: 0 };
 const _hoisted_2$1 = { key: 0 };
-const _sfc_main$1U = /* @__PURE__ */ defineComponent({
+const _sfc_main$1V = /* @__PURE__ */ defineComponent({
   __name: "ButtonLink",
   props: {
     buttonClass: {},
@@ -204,14 +204,14 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(DefineTemplate), null, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$1V), {
+            createVNode(unref(_sfc_main$1W), {
               variant: _ctx.variant,
               size: _ctx.size,
               disabled: _ctx.disabled,
               class: normalizeClass(unref(cn)("size-full", _ctx.buttonClass))
             }, {
               default: withCtx(() => [
-                _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$9, toDisplayString(_ctx.label), 1)) : renderSlot(_ctx.$slots, "default", { key: 1 })
+                _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$b, toDisplayString(_ctx.label), 1)) : renderSlot(_ctx.$slots, "default", { key: 1 })
               ]),
               _: 3
             }, 8, ["variant", "size", "disabled", "class"])
@@ -234,6 +234,52 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
   }
 });
 
+const _sfc_main$1U = /* @__PURE__ */ defineComponent({
+  __name: "ButtonIcon",
+  props: {
+    buttonClass: {},
+    class: {},
+    icon: {},
+    iconClass: {},
+    iconSize: {},
+    to: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return _ctx.to ? (openBlock(), createBlock(unref(_sfc_main$1V), {
+        key: 0,
+        to: _ctx.to,
+        variant: "ghost",
+        size: "icon",
+        class: normalizeClass(props.class),
+        "button-class": _ctx.buttonClass
+      }, {
+        default: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
+            class: normalizeClass(_ctx.iconClass),
+            size: _ctx.iconSize
+          }, null, 8, ["class", "size"]))
+        ]),
+        _: 1
+      }, 8, ["to", "class", "button-class"])) : (openBlock(), createBlock(unref(_sfc_main$1W), {
+        key: 1,
+        variant: "ghost",
+        size: "icon",
+        class: normalizeClass(unref(cn)(props.class, _ctx.buttonClass))
+      }, {
+        default: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
+            class: normalizeClass(_ctx.iconClass),
+            size: _ctx.iconSize
+          }, null, 8, ["class", "size"]))
+        ]),
+        _: 1
+      }, 8, ["class"]));
+    };
+  }
+});
+
 const _sfc_main$1T = /* @__PURE__ */ defineComponent({
   __name: "ScrollBar",
   props: {
@@ -543,7 +589,7 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$8 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
+const _hoisted_1$a = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
 const _sfc_main$1J = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuCheckboxItem",
   props: {
@@ -571,7 +617,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
         )
       }), {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$8, [
+          createElementVNode("span", _hoisted_1$a, [
             createVNode(unref(ContextMenuItemIndicator), null, {
               default: withCtx(() => [
                 createVNode(unref(Check), { class: "size-4" })
@@ -748,7 +794,7 @@ const _sfc_main$1E = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$7 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
+const _hoisted_1$9 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
 const _sfc_main$1D = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuRadioItem",
   props: {
@@ -776,7 +822,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
         )
       }), {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$7, [
+          createElementVNode("span", _hoisted_1$9, [
             createVNode(unref(ContextMenuItemIndicator), null, {
               default: withCtx(() => [
                 createVNode(unref(Circle), { class: "size-2 fill-current" })
@@ -1271,7 +1317,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$6 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
+const _hoisted_1$8 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
 const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuCheckboxItem",
   props: {
@@ -1299,7 +1345,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
         )
       }), {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$6, [
+          createElementVNode("span", _hoisted_1$8, [
             createVNode(unref(DropdownMenuItemIndicator), null, {
               default: withCtx(() => [
                 createVNode(unref(Check), { class: "size-4" })
@@ -1474,7 +1520,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$5 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
+const _hoisted_1$7 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
 const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuRadioItem",
   props: {
@@ -1502,7 +1548,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
         )
       }), {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$5, [
+          createElementVNode("span", _hoisted_1$7, [
             createVNode(unref(DropdownMenuItemIndicator), null, {
               default: withCtx(() => [
                 createVNode(unref(Circle), { class: "size-2 fill-current" })
@@ -1913,6 +1959,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   }
 });
 
+const _hoisted_1$6 = { class: "w-full" };
 const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "InputNumber",
   props: {
@@ -1970,7 +2017,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
           class: normalizeClass(_ctx.labelClass)
         }, {
           default: withCtx(() => [
-            createElementVNode("span", null, toDisplayString(_ctx.label), 1),
+            createElementVNode("span", _hoisted_1$6, toDisplayString(_ctx.label), 1),
             createVNode(unref(ReuseTemplate))
           ]),
           _: 1
@@ -1980,6 +2027,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   }
 });
 
+const _hoisted_1$5 = { class: "w-full" };
 const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   __name: "InputText",
   props: {
@@ -2030,7 +2078,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
           class: normalizeClass(_ctx.labelClass)
         }, {
           default: withCtx(() => [
-            createElementVNode("span", null, toDisplayString(_ctx.label), 1),
+            createElementVNode("span", _hoisted_1$5, toDisplayString(_ctx.label), 1),
             createVNode(unref(ReuseTemplate))
           ]),
           _: 1
@@ -4146,4 +4194,4 @@ function localRef(key, initial, options) {
   });
 }
 
-export { _sfc_main$1W as Badge, _sfc_main$1V as Button, _sfc_main$1U as ButtonLink, _sfc_main$1M as Card, _sfc_main$1L as Checkbox, _sfc_main$1K as ContextMenu, _sfc_main$1J as ContextMenuCheckboxItem, _sfc_main$1I as ContextMenuContent, _sfc_main$1H as ContextMenuGroup, _sfc_main$1G as ContextMenuItem, _sfc_main$1F as ContextMenuLabel, _sfc_main$1E as ContextMenuRadioGroup, _sfc_main$1D as ContextMenuRadioItem, _sfc_main$1C as ContextMenuSeparator, _sfc_main$1B as ContextMenuShortcut, _sfc_main$1A as ContextMenuSub, _sfc_main$1z as ContextMenuSubContent, _sfc_main$1y as ContextMenuSubTrigger, _sfc_main$1x as ContextMenuTrigger, _sfc_main$1w as Dialog, _sfc_main$1v as DialogClose, _sfc_main$1t as DialogContent, _sfc_main$1s as DialogDescription, _sfc_main$1r as DialogFooter, _sfc_main$1q as DialogHeader, _sfc_main$1u as DialogOverlay, _sfc_main$1p as DialogScrollContent, _sfc_main$1o as DialogTitle, _sfc_main$1n as DialogTrigger, _sfc_main$1m as DropdownMenu, _sfc_main$1l as DropdownMenuCheckboxItem, _sfc_main$1k as DropdownMenuContent, _sfc_main$1j as DropdownMenuGroup, _sfc_main$1i as DropdownMenuItem, _sfc_main$1h as DropdownMenuLabel, _sfc_main$1g as DropdownMenuRadioGroup, _sfc_main$1f as DropdownMenuRadioItem, _sfc_main$1e as DropdownMenuSeparator, _sfc_main$1d as DropdownMenuShortcut, _sfc_main$1c as DropdownMenuSub, _sfc_main$1b as DropdownMenuSubContent, _sfc_main$1a as DropdownMenuSubTrigger, _sfc_main$19 as DropdownMenuTrigger, _sfc_main$18 as Input, _sfc_main$10 as InputNumber, _sfc_main$$ as InputText, _sfc_main$16 as Label, _sfc_main$_ as Link, _sfc_main$Z as Popover, _sfc_main$Y as PopoverAnchor, _sfc_main$X as PopoverContent, _sfc_main$W as PopoverTrigger, _sfc_main$V as Progress, _sfc_main$U as RadioGroup, _sfc_main$T as RadioGroupItem, _sfc_main$1S as ScrollArea, _sfc_main$S as Select, _sfc_main$R as SelectContent, _sfc_main$Q as SelectGroup, _sfc_main$P as SelectItem, _sfc_main$O as SelectItemText, _sfc_main$N as SelectLabel, _sfc_main$M as SelectScrollDownButton, _sfc_main$L as SelectScrollUpButton, _sfc_main$K as SelectSeparator, _sfc_main$J as SelectTrigger, _sfc_main$I as SelectValue, _sfc_main$H as Separator, _sfc_main$G as Sheet, _sfc_main$F as SheetClose, _sfc_main$D as SheetContent, _sfc_main$C as SheetDescription, _sfc_main$B as SheetFooter, _sfc_main$A as SheetHeader, _sfc_main$z as SheetTitle, _sfc_main$y as SheetTrigger, _sfc_main$m as Sidebar, _sfc_main$o as Skeleton, _sfc_main$c as Table, _sfc_main$i as TableCell, _sfc_main$g as TableEmpty, _sfc_main$e as TableHead, _sfc_main$b as TableLink, _sfc_main$h as TableRow, _sfc_main$a as Tabs, _sfc_main$9 as TabsContent, _sfc_main$8 as TabsList, _sfc_main$7 as TabsTrigger, _sfc_main$6 as TagsInput, _sfc_main$5 as TagsInputInput, _sfc_main$4 as TagsInputItem, _sfc_main$3 as TagsInputItemDelete, _sfc_main$2 as TagsInputItemText, _sfc_main$1 as Textarea, _sfc_main as Toggle, _sfc_main$s as Tooltip, _sfc_main$r as TooltipContent, _sfc_main$q as TooltipProvider, _sfc_main$p as TooltipTrigger, asyncComputed, asyncRef, cn, getCurrentApp, getErrorHandler, handleError, inject, localRef, maybe, onAltKeyDown, onCtrlKeyDown, onCtrlShiftKeyDown, onKeyDown, onShiftKeyDown, provide, runWithContext, setCurrentApp, setErrorHandler, tryGetCurrentApp, tryInject, trySetCurrentApp, useElementSize, useHeight, useHeightDiff, useSidebar, useWidth, useWidthDiff, useWindowHeight, useWindowWidth };
+export { _sfc_main$1X as Badge, _sfc_main$1W as Button, _sfc_main$1U as ButtonIcon, _sfc_main$1V as ButtonLink, _sfc_main$1M as Card, _sfc_main$1L as Checkbox, _sfc_main$1K as ContextMenu, _sfc_main$1J as ContextMenuCheckboxItem, _sfc_main$1I as ContextMenuContent, _sfc_main$1H as ContextMenuGroup, _sfc_main$1G as ContextMenuItem, _sfc_main$1F as ContextMenuLabel, _sfc_main$1E as ContextMenuRadioGroup, _sfc_main$1D as ContextMenuRadioItem, _sfc_main$1C as ContextMenuSeparator, _sfc_main$1B as ContextMenuShortcut, _sfc_main$1A as ContextMenuSub, _sfc_main$1z as ContextMenuSubContent, _sfc_main$1y as ContextMenuSubTrigger, _sfc_main$1x as ContextMenuTrigger, _sfc_main$1w as Dialog, _sfc_main$1v as DialogClose, _sfc_main$1t as DialogContent, _sfc_main$1s as DialogDescription, _sfc_main$1r as DialogFooter, _sfc_main$1q as DialogHeader, _sfc_main$1u as DialogOverlay, _sfc_main$1p as DialogScrollContent, _sfc_main$1o as DialogTitle, _sfc_main$1n as DialogTrigger, _sfc_main$1m as DropdownMenu, _sfc_main$1l as DropdownMenuCheckboxItem, _sfc_main$1k as DropdownMenuContent, _sfc_main$1j as DropdownMenuGroup, _sfc_main$1i as DropdownMenuItem, _sfc_main$1h as DropdownMenuLabel, _sfc_main$1g as DropdownMenuRadioGroup, _sfc_main$1f as DropdownMenuRadioItem, _sfc_main$1e as DropdownMenuSeparator, _sfc_main$1d as DropdownMenuShortcut, _sfc_main$1c as DropdownMenuSub, _sfc_main$1b as DropdownMenuSubContent, _sfc_main$1a as DropdownMenuSubTrigger, _sfc_main$19 as DropdownMenuTrigger, _sfc_main$18 as Input, _sfc_main$10 as InputNumber, _sfc_main$$ as InputText, _sfc_main$16 as Label, _sfc_main$_ as Link, _sfc_main$Z as Popover, _sfc_main$Y as PopoverAnchor, _sfc_main$X as PopoverContent, _sfc_main$W as PopoverTrigger, _sfc_main$V as Progress, _sfc_main$U as RadioGroup, _sfc_main$T as RadioGroupItem, _sfc_main$1S as ScrollArea, _sfc_main$S as Select, _sfc_main$R as SelectContent, _sfc_main$Q as SelectGroup, _sfc_main$P as SelectItem, _sfc_main$O as SelectItemText, _sfc_main$N as SelectLabel, _sfc_main$M as SelectScrollDownButton, _sfc_main$L as SelectScrollUpButton, _sfc_main$K as SelectSeparator, _sfc_main$J as SelectTrigger, _sfc_main$I as SelectValue, _sfc_main$H as Separator, _sfc_main$G as Sheet, _sfc_main$F as SheetClose, _sfc_main$D as SheetContent, _sfc_main$C as SheetDescription, _sfc_main$B as SheetFooter, _sfc_main$A as SheetHeader, _sfc_main$z as SheetTitle, _sfc_main$y as SheetTrigger, _sfc_main$m as Sidebar, _sfc_main$o as Skeleton, _sfc_main$c as Table, _sfc_main$i as TableCell, _sfc_main$g as TableEmpty, _sfc_main$e as TableHead, _sfc_main$b as TableLink, _sfc_main$h as TableRow, _sfc_main$a as Tabs, _sfc_main$9 as TabsContent, _sfc_main$8 as TabsList, _sfc_main$7 as TabsTrigger, _sfc_main$6 as TagsInput, _sfc_main$5 as TagsInputInput, _sfc_main$4 as TagsInputItem, _sfc_main$3 as TagsInputItemDelete, _sfc_main$2 as TagsInputItemText, _sfc_main$1 as Textarea, _sfc_main as Toggle, _sfc_main$s as Tooltip, _sfc_main$r as TooltipContent, _sfc_main$q as TooltipProvider, _sfc_main$p as TooltipTrigger, asyncComputed, asyncRef, cn, getCurrentApp, getErrorHandler, handleError, inject, localRef, maybe, onAltKeyDown, onCtrlKeyDown, onCtrlShiftKeyDown, onKeyDown, onShiftKeyDown, provide, runWithContext, setCurrentApp, setErrorHandler, tryGetCurrentApp, tryInject, trySetCurrentApp, useElementSize, useHeight, useHeightDiff, useSidebar, useWidth, useWidthDiff, useWindowHeight, useWindowWidth };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tb-dev/vue",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "description": "Vue utilities",
   "license": "MIT",
   "type": "module",
@@ -26,11 +26,11 @@
   ],
   "dependencies": {
     "@tanstack/vue-table": "^8.21.2",
-    "@tb-dev/utils": "^6.0.0",
+    "@tb-dev/utils": "^6.0.1",
     "@vueuse/core": "^13.1.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-vue-next": "^0.487.0",
+    "lucide-vue-next": "^0.488.0",
     "reka-ui": "^2.2.0",
     "tailwind-merge": "^3.2.0",
     "tw-animate-css": "^1.2.5",
@@ -39,7 +39,7 @@
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.1.3",
-    "@tb-dev/eslint-config": "^6.7.2",
+    "@tb-dev/eslint-config": "^7.0.0",
     "@types/node": "^22.14.1",
     "@vitejs/plugin-vue": "^5.2.3",
     "eslint": "^9.24.0",