@tb-dev/vue-components 0.2.3 → 0.2.5

package/dist/index.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
 :root {
   --background: oklch(100% 0 0);
   --foreground: oklch(14.1% .005 285.823);

package/dist/index.js

@@ -19,7 +19,7 @@ const _sfc_main$2_ = /* @__PURE__ */ defineComponent({
   __name: "Badge",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     variant: {},
     class: {}
   },
@@ -68,7 +68,7 @@ const _sfc_main$2Z = /* @__PURE__ */ defineComponent({
     class: {},
     type: { default: "button" },
     asChild: { type: Boolean },
-    as: { default: "button" }
+    as: { type: [String, Object, Function], default: "button" }
   },
   setup(__props) {
     const props = __props;
@@ -201,7 +201,7 @@ const _sfc_main$2W = /* @__PURE__ */ defineComponent({
   props: {
     buttonClass: {},
     class: {},
-    icon: {},
+    icon: { type: [Object, Function] },
     iconClass: {},
     iconSize: {},
     to: {}
@@ -285,7 +285,7 @@ const _sfc_main$2U = /* @__PURE__ */ defineComponent({
     dir: {},
     scrollHideDelay: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -301,7 +301,7 @@ const _sfc_main$2U = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(unref(ScrollAreaViewport), {
             "data-slot": "scroll-area-viewport",
-            class: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
+            class: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none"
           }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default")
@@ -518,7 +518,7 @@ const _sfc_main$2M = /* @__PURE__ */ defineComponent({
     value: {},
     id: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     name: {},
     required: { type: Boolean },
     class: {}
@@ -601,7 +601,7 @@ const _sfc_main$2K = /* @__PURE__ */ defineComponent({
     highlightOnHover: { type: Boolean },
     by: { type: [String, Function] },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     name: {},
     required: { type: Boolean }
   },
@@ -626,7 +626,7 @@ const _sfc_main$2J = /* @__PURE__ */ defineComponent({
   props: {
     reference: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -653,7 +653,7 @@ const _sfc_main$2I = /* @__PURE__ */ defineComponent({
   __name: "ComboboxEmpty",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -679,7 +679,7 @@ const _sfc_main$2H = /* @__PURE__ */ defineComponent({
   __name: "ComboboxGroup",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {},
     heading: {}
   },
@@ -726,7 +726,7 @@ const _sfc_main$2G = /* @__PURE__ */ defineComponent({
     autoFocus: { type: Boolean },
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   emits: ["update:modelValue"],
@@ -765,7 +765,7 @@ const _sfc_main$2F = /* @__PURE__ */ defineComponent({
     value: {},
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   emits: ["select"],
@@ -797,7 +797,7 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
   __name: "ComboboxItemIndicator",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -878,7 +878,7 @@ const _sfc_main$2C = /* @__PURE__ */ defineComponent({
   __name: "ComboboxSeparator",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -905,7 +905,7 @@ const _sfc_main$2B = /* @__PURE__ */ defineComponent({
   props: {
     nonce: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -958,7 +958,7 @@ const _sfc_main$2z = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     textValue: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   emits: ["select", "update:modelValue"],
@@ -1010,7 +1010,7 @@ const _sfc_main$2y = /* @__PURE__ */ defineComponent({
     prioritizePosition: { type: Boolean },
     reference: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "closeAutoFocus"],
@@ -1047,7 +1047,7 @@ const _sfc_main$2x = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuGroup",
   props: {
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(__props) {
     const props = __props;
@@ -1106,7 +1106,7 @@ const _sfc_main$2v = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuLabel",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {},
     inset: { type: Boolean }
   },
@@ -1137,7 +1137,7 @@ const _sfc_main$2u = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: {},
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -1163,7 +1163,7 @@ const _sfc_main$2t = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     textValue: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   emits: ["select"],
@@ -1203,7 +1203,7 @@ const _sfc_main$2s = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuSeparator",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -1279,7 +1279,7 @@ const _sfc_main$2p = /* @__PURE__ */ defineComponent({
     prioritizePosition: { type: Boolean },
     reference: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "entryFocus", "openAutoFocus", "closeAutoFocus"],
@@ -1313,7 +1313,7 @@ const _sfc_main$2o = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     textValue: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {},
     inset: { type: Boolean }
   },
@@ -1349,7 +1349,7 @@ const _sfc_main$2n = /* @__PURE__ */ defineComponent({
   props: {
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(__props) {
     const props = __props;
@@ -1392,7 +1392,7 @@ const _sfc_main$2l = /* @__PURE__ */ defineComponent({
   __name: "DialogClose",
   props: {
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(__props) {
     const props = __props;
@@ -1412,7 +1412,7 @@ const _sfc_main$2k = /* @__PURE__ */ defineComponent({
   props: {
     forceMount: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -1444,7 +1444,7 @@ const _sfc_main$2j = /* @__PURE__ */ defineComponent({
     trapFocus: { type: Boolean },
     disableOutsidePointerEvents: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
@@ -1490,7 +1490,7 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
   __name: "DialogDescription",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -1556,7 +1556,7 @@ const _sfc_main$2f = /* @__PURE__ */ defineComponent({
     trapFocus: { type: Boolean },
     disableOutsidePointerEvents: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
@@ -1614,7 +1614,7 @@ const _sfc_main$2e = /* @__PURE__ */ defineComponent({
   __name: "DialogTitle",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -1641,7 +1641,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
   __name: "DialogTrigger",
   props: {
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(__props) {
     const props = __props;
@@ -1688,7 +1688,7 @@ const _sfc_main$2b = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     textValue: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   emits: ["select", "update:modelValue"],
@@ -1782,7 +1782,7 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuGroup",
   props: {
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(__props) {
     const props = __props;
@@ -1836,7 +1836,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuLabel",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {},
     inset: { type: Boolean }
   },
@@ -1865,7 +1865,7 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: {},
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -1891,7 +1891,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     textValue: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   emits: ["select"],
@@ -1931,7 +1931,7 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuSeparator",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -2007,7 +2007,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
     prioritizePosition: { type: Boolean },
     reference: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "entryFocus", "openAutoFocus", "closeAutoFocus"],
@@ -2041,7 +2041,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     textValue: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {},
     inset: { type: Boolean }
   },
@@ -2071,7 +2071,7 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
   props: {
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(__props) {
     const props = __props;
@@ -2167,7 +2167,7 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
   props: {
     reference: {},
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(__props) {
     const props = __props;
@@ -2322,9 +2322,10 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
     locale: {},
     disabled: { type: Boolean },
     disableWheelChange: { type: Boolean },
+    invertWheelChange: { type: Boolean },
     id: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     name: {},
     required: { type: Boolean },
     class: {}
@@ -2378,7 +2379,7 @@ const _sfc_main$1S = /* @__PURE__ */ defineComponent({
   props: {
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -2411,7 +2412,7 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
   props: {
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -2587,7 +2588,7 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
   props: {
     for: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -2637,7 +2638,7 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
   __name: "Loading",
   props: {
     class: {},
-    icon: {},
+    icon: { type: [Object, Function] },
     iconClass: {}
   },
   setup(__props) {
@@ -2703,7 +2704,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     textValue: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   emits: ["select", "update:modelValue"],
@@ -2795,7 +2796,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
   __name: "MenubarGroup",
   props: {
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(__props) {
     const props = __props;
@@ -2816,7 +2817,7 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     textValue: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {},
     inset: { type: Boolean },
     variant: {}
@@ -2851,7 +2852,7 @@ const _sfc_main$1F = /* @__PURE__ */ defineComponent({
   __name: "MenubarLabel",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {},
     inset: { type: Boolean }
   },
@@ -2896,7 +2897,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: {},
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -2922,7 +2923,7 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     textValue: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   emits: ["select"],
@@ -2962,7 +2963,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
   __name: "MenubarSeparator",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -3040,7 +3041,7 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
     prioritizePosition: { type: Boolean },
     reference: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "entryFocus", "openAutoFocus", "closeAutoFocus"],
@@ -3079,7 +3080,7 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     textValue: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {},
     inset: { type: Boolean }
   },
@@ -3112,7 +3113,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
   props: {
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -3149,7 +3150,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     showEdges: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   emits: ["update:page"],
@@ -3175,7 +3176,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
   __name: "PaginationContent",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -3201,7 +3202,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
   __name: "PaginationEllipsis",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -3458,7 +3459,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "PopoverTrigger",
   props: {
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(__props) {
     const props = __props;
@@ -3531,6 +3532,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     modelValue: { default: 0 },
     max: {},
     getValueLabel: {},
+    getValueText: {},
     asChild: { type: Boolean },
     as: {},
     class: {}
@@ -3568,7 +3570,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     dir: {},
     loop: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     name: {},
     required: { type: Boolean },
     class: {}
@@ -3603,7 +3605,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
     value: {},
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     name: {},
     required: { type: Boolean },
     class: {}
@@ -3651,7 +3653,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
     tabindex: {},
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {},
     withHandle: { type: Boolean }
   },
@@ -3690,7 +3692,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
     minSize: {},
     order: {},
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   emits: ["collapse", "expand", "resize"],
   setup(__props, { emit: __emit }) {
@@ -3717,7 +3719,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     keyboardResizeBy: {},
     storage: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   emits: ["layout"],
@@ -3850,7 +3852,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   __name: "SelectGroup",
   props: {
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(__props) {
     const props = __props;
@@ -3873,7 +3875,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     textValue: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -3916,7 +3918,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   __name: "SelectItemText",
   props: {
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(__props) {
     const props = __props;
@@ -3936,7 +3938,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   props: {
     for: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -3959,7 +3961,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   __name: "SelectScrollDownButton",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -3988,7 +3990,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   __name: "SelectScrollUpButton",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -4017,7 +4019,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "SelectSeparator",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -4078,7 +4080,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   props: {
     placeholder: {},
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(__props) {
     const props = __props;
@@ -4205,7 +4207,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   __name: "SheetClose",
   props: {
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(__props) {
     const props = __props;
@@ -4225,7 +4227,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   props: {
     forceMount: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -4310,7 +4312,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "SheetDescription",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -4373,7 +4375,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "SheetTitle",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -4400,7 +4402,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "SheetTrigger",
   props: {
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(__props) {
     const props = __props;
@@ -4595,7 +4597,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "SidebarGroupAction",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -4647,7 +4649,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "SidebarGroupLabel",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -4741,7 +4743,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenuAction",
   props: {
     asChild: { type: Boolean },
-    as: { default: "button" },
+    as: { type: [String, Object, Function], default: "button" },
     showOnHover: { type: Boolean },
     class: {}
   },
@@ -4911,7 +4913,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   props: {
     reference: {},
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(__props) {
     const props = __props;
@@ -4934,7 +4936,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     isActive: { type: Boolean },
     class: {},
     asChild: { type: Boolean },
-    as: { default: "button" }
+    as: { type: [String, Object, Function], default: "button" }
   },
   setup(__props) {
     const props = __props;
@@ -4968,7 +4970,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     isActive: { type: Boolean },
     class: {},
     asChild: { type: Boolean },
-    as: { default: "button" },
+    as: { type: [String, Object, Function], default: "button" },
     tooltip: {}
   },
   setup(__props) {
@@ -5112,7 +5114,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenuSubButton",
   props: {
     asChild: { type: Boolean },
-    as: { default: "a" },
+    as: { type: [String, Object, Function], default: "a" },
     size: { default: "md" },
     isActive: { type: Boolean },
     class: {}
@@ -5411,7 +5413,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     minStepsBetweenThumbs: {},
     thumbAlignment: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     name: {},
     required: { type: Boolean },
     class: {}
@@ -5504,7 +5506,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     id: {},
     value: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     name: {},
     required: { type: Boolean },
     class: {}
@@ -5873,7 +5875,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     modelValue: {},
     unmountOnHide: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   emits: ["update:modelValue"],
@@ -5901,7 +5903,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     value: {},
     forceMount: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -5929,7 +5931,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   props: {
     loop: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -5960,7 +5962,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     value: {},
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -6003,7 +6005,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     convertValue: { type: Function },
     displayValue: { type: Function },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     name: {},
     required: { type: Boolean },
     class: {}
@@ -6040,7 +6042,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     autoFocus: { type: Boolean },
     maxLength: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -6064,7 +6066,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     value: {},
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -6094,7 +6096,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "TagsInputItemDelete",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {
@@ -6123,7 +6125,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "TagsInputItemText",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(__props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tb-dev/vue-components",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "Vue components",
   "license": "MIT",
   "type": "module",
@@ -24,29 +24,29 @@
   ],
   "dependencies": {
     "@tanstack/vue-table": "^8.21.3",
-    "@tb-dev/utils": "^7.0.1",
-    "@tb-dev/vue": "^2.0.4",
-    "@vueuse/core": "^13.2.0",
+    "@tb-dev/utils": "^7.0.2",
+    "@tb-dev/vue": "^2.0.5",
+    "@vueuse/core": "^13.3.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-vue-next": "^0.511.0",
-    "reka-ui": "^2.2.1",
+    "reka-ui": "^2.3.0",
     "tailwind-merge": "^3.3.0",
     "tw-animate-css": "^1.3.0",
-    "vue": "^3.5.14",
+    "vue": "^3.5.15",
     "vue-router": "^4.5.1",
     "vue-sonner": "^2.0.0"
   },
   "devDependencies": {
-    "@tailwindcss/vite": "^4.1.7",
+    "@tailwindcss/vite": "^4.1.8",
     "@tb-dev/eslint-config": "^7.1.5",
-    "@types/node": "^22.15.21",
+    "@types/node": "^22.15.24",
     "@vitejs/plugin-vue": "^5.2.4",
     "eslint": "^9.27.0",
     "prettier": "^3.5.3",
     "prettier-plugin-css-order": "^2.1.2",
     "prettier-plugin-tailwindcss": "^0.6.11",
-    "tailwindcss": "^4.1.7",
+    "tailwindcss": "^4.1.8",
     "tslib": "^2.8.1",
     "typescript": "~5.8.3",
     "vite": "^6.3.5",