@tb-dev/vue-components 6.0.1 → 6.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.js +77 -76
  3. package/package.json +14 -14
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
2
  :root {
3
3
  --background: oklch(100% 0 0);
4
4
  --foreground: oklch(14.1% .005 285.823);
package/dist/index.js CHANGED
@@ -143,7 +143,7 @@ const _sfc_main$3B = /* @__PURE__ */ defineComponent({
143
143
  return (_ctx, _cache) => {
144
144
  return openBlock(), createElementBlock("div", {
145
145
  "data-slot": "alert",
146
- class: normalizeClass(unref(cn)(unref(alertVariants)({ variant: _ctx.variant }), props.class)),
146
+ class: normalizeClass(unref(cn)(unref(alertVariants)({ variant: __props.variant }), props.class)),
147
147
  role: "alert"
148
148
  }, [
149
149
  renderSlot(_ctx.$slots, "default")
@@ -243,10 +243,10 @@ const _sfc_main$3x = /* @__PURE__ */ defineComponent({
243
243
  return (_ctx, _cache) => {
244
244
  return openBlock(), createBlock(unref(Primitive), {
245
245
  "data-slot": "button",
246
- as: _ctx.as,
247
- "as-child": _ctx.asChild,
248
- type: _ctx.type,
249
- class: normalizeClass(unref(cn)(unref(buttonVariants)({ variant: _ctx.variant, size: _ctx.size }), props.class))
246
+ as: __props.as,
247
+ "as-child": __props.asChild,
248
+ type: __props.type,
249
+ class: normalizeClass(unref(cn)(unref(buttonVariants)({ variant: __props.variant, size: __props.size }), props.class))
250
250
  }, {
251
251
  default: withCtx(() => [
252
252
  renderSlot(_ctx.$slots, "default")
@@ -555,7 +555,7 @@ const _sfc_main$3l = /* @__PURE__ */ defineComponent({
555
555
  return (_ctx, _cache) => {
556
556
  return openBlock(), createBlock(unref(Primitive), mergeProps({
557
557
  "data-slot": "badge",
558
- class: unref(cn)(unref(badgeVariants)({ variant: _ctx.variant }), props.class)
558
+ class: unref(cn)(unref(badgeVariants)({ variant: __props.variant }), props.class)
559
559
  }, delegatedProps.value), {
560
560
  default: withCtx(() => [
561
561
  renderSlot(_ctx.$slots, "default")
@@ -1300,12 +1300,12 @@ const _sfc_main$2Z = /* @__PURE__ */ defineComponent({
1300
1300
  class: unref(cn)("text-foreground overflow-hidden p-1", props.class)
1301
1301
  }), {
1302
1302
  default: withCtx(() => [
1303
- _ctx.heading ? (openBlock(), createBlock(unref(ComboboxLabel), {
1303
+ __props.heading ? (openBlock(), createBlock(unref(ComboboxLabel), {
1304
1304
  key: 0,
1305
1305
  class: "text-muted-foreground px-2 py-1.5 text-xs font-medium"
1306
1306
  }, {
1307
1307
  default: withCtx(() => [
1308
- createTextVNode(toDisplayString(_ctx.heading), 1)
1308
+ createTextVNode(toDisplayString(__props.heading), 1)
1309
1309
  ]),
1310
1310
  _: 1
1311
1311
  })) : createCommentVNode("", true),
@@ -1933,13 +1933,13 @@ const _sfc_main$2H = /* @__PURE__ */ defineComponent({
1933
1933
  default: withCtx(() => [
1934
1934
  createVNode(unref(_sfc_main$2J), null, {
1935
1935
  default: withCtx(() => [
1936
- createTextVNode(toDisplayString(_ctx.title), 1)
1936
+ createTextVNode(toDisplayString(__props.title), 1)
1937
1937
  ]),
1938
1938
  _: 1
1939
1939
  }),
1940
1940
  createVNode(unref(_sfc_main$2N), null, {
1941
1941
  default: withCtx(() => [
1942
- createTextVNode(toDisplayString(_ctx.description), 1)
1942
+ createTextVNode(toDisplayString(__props.description), 1)
1943
1943
  ]),
1944
1944
  _: 1
1945
1945
  })
@@ -2019,12 +2019,12 @@ const _sfc_main$2F = /* @__PURE__ */ defineComponent({
2019
2019
  hidden: isRender.value ? void 0 : true
2020
2020
  }), {
2021
2021
  default: withCtx(() => [
2022
- _ctx.heading ? (openBlock(), createBlock(unref(ListboxGroupLabel), {
2022
+ __props.heading ? (openBlock(), createBlock(unref(ListboxGroupLabel), {
2023
2023
  key: 0,
2024
2024
  class: "text-muted-foreground px-2 py-1.5 text-xs font-medium"
2025
2025
  }, {
2026
2026
  default: withCtx(() => [
2027
- createTextVNode(toDisplayString(_ctx.heading), 1)
2027
+ createTextVNode(toDisplayString(__props.heading), 1)
2028
2028
  ]),
2029
2029
  _: 1
2030
2030
  })) : createCommentVNode("", true),
@@ -2378,8 +2378,8 @@ const _sfc_main$2v = /* @__PURE__ */ defineComponent({
2378
2378
  return (_ctx, _cache) => {
2379
2379
  return openBlock(), createBlock(unref(ContextMenuItem), mergeProps({
2380
2380
  "data-slot": "context-menu-item",
2381
- "data-inset": _ctx.inset ? "" : void 0,
2382
- "data-variant": _ctx.variant
2381
+ "data-inset": __props.inset ? "" : void 0,
2382
+ "data-variant": __props.variant
2383
2383
  }, unref(forwarded), {
2384
2384
  class: unref(cn)(
2385
2385
  `focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/40 data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
@@ -2412,7 +2412,7 @@ const _sfc_main$2u = /* @__PURE__ */ defineComponent({
2412
2412
  return (_ctx, _cache) => {
2413
2413
  return openBlock(), createBlock(unref(ContextMenuLabel), mergeProps({
2414
2414
  "data-slot": "context-menu-label",
2415
- "data-inset": _ctx.inset ? "" : void 0
2415
+ "data-inset": __props.inset ? "" : void 0
2416
2416
  }, delegatedProps.value, {
2417
2417
  class: unref(cn)("text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", props.class)
2418
2418
  }), {
@@ -2622,7 +2622,7 @@ const _sfc_main$2n = /* @__PURE__ */ defineComponent({
2622
2622
  return (_ctx, _cache) => {
2623
2623
  return openBlock(), createBlock(unref(ContextMenuSubTrigger), mergeProps({
2624
2624
  "data-slot": "context-menu-sub-trigger",
2625
- "data-inset": _ctx.inset ? "" : void 0
2625
+ "data-inset": __props.inset ? "" : void 0
2626
2626
  }, unref(forwardedProps), {
2627
2627
  class: unref(cn)(
2628
2628
  `focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
@@ -3041,8 +3041,8 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
3041
3041
  return (_ctx, _cache) => {
3042
3042
  return openBlock(), createBlock(unref(DropdownMenuItem), mergeProps({
3043
3043
  "data-slot": "dropdown-menu-item",
3044
- "data-inset": _ctx.inset ? "" : void 0,
3045
- "data-variant": _ctx.variant
3044
+ "data-inset": __props.inset ? "" : void 0,
3045
+ "data-variant": __props.variant
3046
3046
  }, unref(forwardedProps), {
3047
3047
  class: unref(cn)(
3048
3048
  `focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/40 data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
@@ -3073,7 +3073,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
3073
3073
  return (_ctx, _cache) => {
3074
3074
  return openBlock(), createBlock(unref(DropdownMenuLabel), mergeProps({
3075
3075
  "data-slot": "dropdown-menu-label",
3076
- "data-inset": _ctx.inset ? "" : void 0
3076
+ "data-inset": __props.inset ? "" : void 0
3077
3077
  }, unref(forwardedProps), {
3078
3078
  class: unref(cn)("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", props.class)
3079
3079
  }), {
@@ -3487,8 +3487,8 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
3487
3487
  return openBlock(), createElementBlock("div", {
3488
3488
  class: normalizeClass(unref(cn)("flex size-full items-center justify-center", props.class))
3489
3489
  }, [
3490
- (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon ?? unref(LoaderCircle)), {
3491
- class: normalizeClass(unref(cn)("loading-icon size-6", _ctx.iconClass))
3490
+ (openBlock(), createBlock(resolveDynamicComponent(__props.icon ?? unref(LoaderCircle)), {
3491
+ class: normalizeClass(unref(cn)("loading-icon size-6", __props.iconClass))
3492
3492
  }, null, 8, ["class"]))
3493
3493
  ], 2);
3494
3494
  };
@@ -3673,8 +3673,8 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
3673
3673
  return (_ctx, _cache) => {
3674
3674
  return openBlock(), createBlock(unref(MenubarItem), mergeProps({
3675
3675
  "data-slot": "menubar-item",
3676
- "data-inset": _ctx.inset ? "" : void 0,
3677
- "data-variant": _ctx.variant
3676
+ "data-inset": __props.inset ? "" : void 0,
3677
+ "data-variant": __props.variant
3678
3678
  }, unref(forwarded), {
3679
3679
  class: unref(cn)(
3680
3680
  `focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/40 data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
@@ -3703,7 +3703,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
3703
3703
  const delegatedProps = reactiveOmit(props, "class", "inset");
3704
3704
  return (_ctx, _cache) => {
3705
3705
  return openBlock(), createBlock(unref(MenubarLabel), mergeProps({
3706
- "data-inset": _ctx.inset ? "" : void 0
3706
+ "data-inset": __props.inset ? "" : void 0
3707
3707
  }, unref(delegatedProps), {
3708
3708
  class: unref(cn)("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", props.class)
3709
3709
  }), {
@@ -3935,7 +3935,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
3935
3935
  return (_ctx, _cache) => {
3936
3936
  return openBlock(), createBlock(unref(MenubarSubTrigger), mergeProps({
3937
3937
  "data-slot": "menubar-sub-trigger",
3938
- "data-inset": _ctx.inset ? "" : void 0
3938
+ "data-inset": __props.inset ? "" : void 0
3939
3939
  }, unref(forwardedProps), {
3940
3940
  class: unref(cn)(
3941
3941
  "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",
@@ -4037,7 +4037,7 @@ const _sfc_main$1E = /* @__PURE__ */ defineComponent({
4037
4037
  return (_ctx, _cache) => {
4038
4038
  return openBlock(), createBlock(unref(NavigationMenuRoot), mergeProps({
4039
4039
  "data-slot": "navigation-menu",
4040
- "data-viewport": _ctx.viewport
4040
+ "data-viewport": __props.viewport
4041
4041
  }, unref(forwarded), {
4042
4042
  class: unref(cn)(
4043
4043
  "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
@@ -4046,7 +4046,7 @@ const _sfc_main$1E = /* @__PURE__ */ defineComponent({
4046
4046
  }), {
4047
4047
  default: withCtx(() => [
4048
4048
  renderSlot(_ctx.$slots, "default"),
4049
- _ctx.viewport ? (openBlock(), createBlock(_sfc_main$1F, { key: 0 })) : createCommentVNode("", true)
4049
+ __props.viewport ? (openBlock(), createBlock(_sfc_main$1F, { key: 0 })) : createCommentVNode("", true)
4050
4050
  ]),
4051
4051
  _: 3
4052
4052
  }, 16, ["data-viewport", "class"]);
@@ -4477,7 +4477,7 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
4477
4477
  return (_ctx, _cache) => {
4478
4478
  return openBlock(), createBlock(unref(PaginationFirst), mergeProps({
4479
4479
  "data-slot": "pagination-first",
4480
- class: unref(cn)(unref(buttonVariants)({ variant: "ghost", size: _ctx.size }), "gap-1 px-2.5 sm:pr-2.5", props.class)
4480
+ class: unref(cn)(unref(buttonVariants)({ variant: "ghost", size: __props.size }), "gap-1 px-2.5 sm:pr-2.5", props.class)
4481
4481
  }, unref(forwarded)), {
4482
4482
  default: withCtx(() => [
4483
4483
  renderSlot(_ctx.$slots, "default", {}, () => [
@@ -4508,8 +4508,8 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
4508
4508
  return openBlock(), createBlock(unref(PaginationListItem), mergeProps({ "data-slot": "pagination-item" }, unref(delegatedProps), {
4509
4509
  class: unref(cn)(
4510
4510
  unref(buttonVariants)({
4511
- variant: _ctx.isActive ? "outline" : "ghost",
4512
- size: _ctx.size
4511
+ variant: __props.isActive ? "outline" : "ghost",
4512
+ size: __props.size
4513
4513
  }),
4514
4514
  props.class
4515
4515
  )
@@ -4538,7 +4538,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
4538
4538
  return (_ctx, _cache) => {
4539
4539
  return openBlock(), createBlock(unref(PaginationLast), mergeProps({
4540
4540
  "data-slot": "pagination-last",
4541
- class: unref(cn)(unref(buttonVariants)({ variant: "ghost", size: _ctx.size }), "gap-1 px-2.5 sm:pr-2.5", props.class)
4541
+ class: unref(cn)(unref(buttonVariants)({ variant: "ghost", size: __props.size }), "gap-1 px-2.5 sm:pr-2.5", props.class)
4542
4542
  }, unref(forwarded)), {
4543
4543
  default: withCtx(() => [
4544
4544
  renderSlot(_ctx.$slots, "default", {}, () => [
@@ -4567,7 +4567,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
4567
4567
  return (_ctx, _cache) => {
4568
4568
  return openBlock(), createBlock(unref(PaginationNext), mergeProps({
4569
4569
  "data-slot": "pagination-next",
4570
- class: unref(cn)(unref(buttonVariants)({ variant: "ghost", size: _ctx.size }), "gap-1 px-2.5 sm:pr-2.5", props.class)
4570
+ class: unref(cn)(unref(buttonVariants)({ variant: "ghost", size: __props.size }), "gap-1 px-2.5 sm:pr-2.5", props.class)
4571
4571
  }, unref(forwarded)), {
4572
4572
  default: withCtx(() => [
4573
4573
  renderSlot(_ctx.$slots, "default", {}, () => [
@@ -4596,7 +4596,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
4596
4596
  return (_ctx, _cache) => {
4597
4597
  return openBlock(), createBlock(unref(PaginationPrev), mergeProps({
4598
4598
  "data-slot": "pagination-previous",
4599
- class: unref(cn)(unref(buttonVariants)({ variant: "ghost", size: _ctx.size }), "gap-1 px-2.5 sm:pr-2.5", props.class)
4599
+ class: unref(cn)(unref(buttonVariants)({ variant: "ghost", size: __props.size }), "gap-1 px-2.5 sm:pr-2.5", props.class)
4600
4600
  }, unref(forwarded)), {
4601
4601
  default: withCtx(() => [
4602
4602
  renderSlot(_ctx.$slots, "default", {}, () => [
@@ -4969,8 +4969,8 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
4969
4969
  return openBlock(), createBlock(unref(ScrollAreaScrollbar), mergeProps({ "data-slot": "scroll-area-scrollbar" }, delegatedProps.value, {
4970
4970
  class: unref(cn)(
4971
4971
  "flex touch-none p-px transition-colors select-none",
4972
- _ctx.orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
4973
- _ctx.orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
4972
+ __props.orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
4973
+ __props.orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
4974
4974
  props.class
4975
4975
  )
4976
4976
  }), {
@@ -5101,7 +5101,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
5101
5101
  createVNode(unref(SelectContent), mergeProps({ "data-slot": "select-content" }, { ...unref(forwarded), ..._ctx.$attrs }, {
5102
5102
  class: unref(cn)(
5103
5103
  "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
5104
- _ctx.position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
5104
+ __props.position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
5105
5105
  props.class
5106
5106
  )
5107
5107
  }), {
@@ -5110,7 +5110,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
5110
5110
  createVNode(unref(SelectViewport), {
5111
5111
  class: normalizeClass(unref(cn)(
5112
5112
  "p-1",
5113
- _ctx.position === "popper" && "h-[var(--reka-select-trigger-height)] w-full min-w-[var(--reka-select-trigger-width)] scroll-my-1"
5113
+ __props.position === "popper" && "h-[var(--reka-select-trigger-height)] w-full min-w-[var(--reka-select-trigger-width)] scroll-my-1"
5114
5114
  ))
5115
5115
  }, {
5116
5116
  default: withCtx(() => [
@@ -5334,7 +5334,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
5334
5334
  return (_ctx, _cache) => {
5335
5335
  return openBlock(), createBlock(unref(SelectTrigger), mergeProps({
5336
5336
  "data-slot": "select-trigger",
5337
- "data-size": _ctx.size
5337
+ "data-size": __props.size
5338
5338
  }, unref(forwardedProps), {
5339
5339
  class: unref(cn)(
5340
5340
  `border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
@@ -5499,10 +5499,10 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
5499
5499
  "data-slot": "sheet-content",
5500
5500
  class: unref(cn)(
5501
5501
  "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
5502
- _ctx.side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
5503
- _ctx.side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
5504
- _ctx.side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
5505
- _ctx.side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
5502
+ __props.side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
5503
+ __props.side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
5504
+ __props.side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
5505
+ __props.side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
5506
5506
  props.class
5507
5507
  )
5508
5508
  }, { ...unref(forwarded), ..._ctx.$attrs }), {
@@ -5662,7 +5662,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
5662
5662
  const props = __props;
5663
5663
  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
5664
5664
  return (_ctx, _cache) => {
5665
- return _ctx.collapsible === "none" ? (openBlock(), createElementBlock("div", mergeProps({
5665
+ return __props.collapsible === "none" ? (openBlock(), createElementBlock("div", mergeProps({
5666
5666
  key: 0,
5667
5667
  "data-slot": "sidebar",
5668
5668
  class: unref(cn)("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", props.class)
@@ -5677,7 +5677,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
5677
5677
  "data-sidebar": "sidebar",
5678
5678
  "data-slot": "sidebar",
5679
5679
  "data-mobile": "true",
5680
- side: _ctx.side,
5680
+ side: __props.side,
5681
5681
  class: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
5682
5682
  style: normalizeStyle({
5683
5683
  "--sidebar-width": unref(SIDEBAR_WIDTH_MOBILE)
@@ -5714,24 +5714,24 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
5714
5714
  class: "group peer text-sidebar-foreground hidden md:block",
5715
5715
  "data-slot": "sidebar",
5716
5716
  "data-state": unref(state),
5717
- "data-collapsible": unref(state) === "collapsed" ? _ctx.collapsible : "",
5718
- "data-variant": _ctx.variant,
5719
- "data-side": _ctx.side
5717
+ "data-collapsible": unref(state) === "collapsed" ? __props.collapsible : "",
5718
+ "data-variant": __props.variant,
5719
+ "data-side": __props.side
5720
5720
  }, [
5721
5721
  createElementVNode("div", {
5722
5722
  class: normalizeClass(unref(cn)(
5723
5723
  "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
5724
5724
  "group-data-[collapsible=offcanvas]:w-0",
5725
5725
  "group-data-[side=right]:rotate-180",
5726
- _ctx.variant === "floating" || _ctx.variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
5726
+ __props.variant === "floating" || __props.variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
5727
5727
  ))
5728
5728
  }, null, 2),
5729
5729
  createElementVNode("div", mergeProps({
5730
5730
  class: unref(cn)(
5731
5731
  "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
5732
- _ctx.side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
5732
+ __props.side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
5733
5733
  // Adjust the padding for floating and inset variants.
5734
- _ctx.variant === "floating" || _ctx.variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
5734
+ __props.variant === "floating" || __props.variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
5735
5735
  props.class
5736
5736
  )
5737
5737
  }, _ctx.$attrs), [
@@ -5817,8 +5817,8 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
5817
5817
  return openBlock(), createBlock(unref(Primitive), {
5818
5818
  "data-slot": "sidebar-group-action",
5819
5819
  "data-sidebar": "group-action",
5820
- as: _ctx.as,
5821
- "as-child": _ctx.asChild,
5820
+ as: __props.as,
5821
+ "as-child": __props.asChild,
5822
5822
  class: normalizeClass(unref(cn)(
5823
5823
  "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
5824
5824
  "after:absolute after:-inset-2 md:after:hidden",
@@ -5867,8 +5867,8 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
5867
5867
  return openBlock(), createBlock(unref(Primitive), {
5868
5868
  "data-slot": "sidebar-group-label",
5869
5869
  "data-sidebar": "group-label",
5870
- as: _ctx.as,
5871
- "as-child": _ctx.asChild,
5870
+ as: __props.as,
5871
+ "as-child": __props.asChild,
5872
5872
  class: normalizeClass(unref(cn)(
5873
5873
  "text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
5874
5874
  "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
@@ -5987,11 +5987,11 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
5987
5987
  "peer-data-[size=default]/menu-button:top-1.5",
5988
5988
  "peer-data-[size=lg]/menu-button:top-2.5",
5989
5989
  "group-data-[collapsible=icon]:hidden",
5990
- _ctx.showOnHover && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",
5990
+ __props.showOnHover && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",
5991
5991
  props.class
5992
5992
  )),
5993
- as: _ctx.as,
5994
- "as-child": _ctx.asChild
5993
+ as: __props.as,
5994
+ "as-child": __props.asChild
5995
5995
  }, {
5996
5996
  default: withCtx(() => [
5997
5997
  renderSlot(_ctx.$slots, "default")
@@ -6167,11 +6167,11 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
6167
6167
  return openBlock(), createBlock(unref(Primitive), mergeProps({
6168
6168
  "data-slot": "sidebar-menu-button",
6169
6169
  "data-sidebar": "menu-button",
6170
- "data-size": _ctx.size,
6171
- "data-active": _ctx.isActive,
6172
- class: unref(cn)(unref(sidebarMenuButtonVariants)({ variant: _ctx.variant, size: _ctx.size }), props.class),
6173
- as: _ctx.as,
6174
- "as-child": _ctx.asChild
6170
+ "data-size": __props.size,
6171
+ "data-active": __props.isActive,
6172
+ class: unref(cn)(unref(sidebarMenuButtonVariants)({ variant: __props.variant, size: __props.size }), props.class),
6173
+ as: __props.as,
6174
+ "as-child": __props.asChild
6175
6175
  }, _ctx.$attrs), {
6176
6176
  default: withCtx(() => [
6177
6177
  renderSlot(_ctx.$slots, "default")
@@ -6204,7 +6204,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
6204
6204
  return delegated;
6205
6205
  });
6206
6206
  return (_ctx, _cache) => {
6207
- return !_ctx.tooltip ? (openBlock(), createBlock(_sfc_main$y, normalizeProps(mergeProps({ key: 0 }, { ...delegatedProps.value, ..._ctx.$attrs })), {
6207
+ return !__props.tooltip ? (openBlock(), createBlock(_sfc_main$y, normalizeProps(mergeProps({ key: 0 }, { ...delegatedProps.value, ..._ctx.$attrs })), {
6208
6208
  default: withCtx(() => [
6209
6209
  renderSlot(_ctx.$slots, "default")
6210
6210
  ]),
@@ -6228,9 +6228,9 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
6228
6228
  hidden: unref(state) !== "collapsed" || unref(isMobile)
6229
6229
  }, {
6230
6230
  default: withCtx(() => [
6231
- typeof _ctx.tooltip === "string" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
6232
- createTextVNode(toDisplayString(_ctx.tooltip), 1)
6233
- ], 64)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.tooltip), { key: 1 }))
6231
+ typeof __props.tooltip === "string" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
6232
+ createTextVNode(toDisplayString(__props.tooltip), 1)
6233
+ ], 64)) : (openBlock(), createBlock(resolveDynamicComponent(__props.tooltip), { key: 1 }))
6234
6234
  ]),
6235
6235
  _: 1
6236
6236
  }, 8, ["hidden"])
@@ -6293,7 +6293,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
6293
6293
  "data-sidebar": "menu-skeleton",
6294
6294
  class: normalizeClass(unref(cn)("flex h-8 items-center gap-2 rounded-md px-2", props.class))
6295
6295
  }, [
6296
- _ctx.showIcon ? (openBlock(), createBlock(unref(_sfc_main$v), {
6296
+ __props.showIcon ? (openBlock(), createBlock(unref(_sfc_main$v), {
6297
6297
  key: 0,
6298
6298
  class: "size-4 rounded-md",
6299
6299
  "data-sidebar": "menu-skeleton-icon"
@@ -6346,15 +6346,15 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
6346
6346
  return openBlock(), createBlock(unref(Primitive), {
6347
6347
  "data-slot": "sidebar-menu-sub-button",
6348
6348
  "data-sidebar": "menu-sub-button",
6349
- as: _ctx.as,
6350
- "as-child": _ctx.asChild,
6351
- "data-size": _ctx.size,
6352
- "data-active": _ctx.isActive,
6349
+ as: __props.as,
6350
+ "as-child": __props.asChild,
6351
+ "data-size": __props.size,
6352
+ "data-active": __props.isActive,
6353
6353
  class: normalizeClass(unref(cn)(
6354
6354
  "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
6355
6355
  "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
6356
- _ctx.size === "sm" && "text-xs",
6357
- _ctx.size === "md" && "text-sm",
6356
+ __props.size === "sm" && "text-xs",
6357
+ __props.size === "md" && "text-sm",
6358
6358
  "group-data-[collapsible=icon]:hidden",
6359
6359
  props.class
6360
6360
  ))
@@ -6621,6 +6621,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
6621
6621
  invert: { type: Boolean },
6622
6622
  theme: {},
6623
6623
  position: {},
6624
+ closeButtonPosition: {},
6624
6625
  hotkey: {},
6625
6626
  richColors: { type: Boolean },
6626
6627
  expand: { type: Boolean },
@@ -6720,7 +6721,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
6720
6721
  return (_ctx, _cache) => {
6721
6722
  return openBlock(), createElementBlock("div", {
6722
6723
  "data-slot": "table-container",
6723
- style: normalizeStyle([containerHeight.value, containerWidth.value, _ctx.style]),
6724
+ style: normalizeStyle([containerHeight.value, containerWidth.value, __props.style]),
6724
6725
  class: normalizeClass(unref(cn)(
6725
6726
  "relative w-full",
6726
6727
  containerWidth.value ? "overflow-x-auto" : "overflow-x-hidden",
@@ -6730,7 +6731,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
6730
6731
  }, [
6731
6732
  createElementVNode("table", {
6732
6733
  "data-slot": "table",
6733
- style: normalizeStyle(_ctx.tableStyle),
6734
+ style: normalizeStyle(__props.tableStyle),
6734
6735
  class: normalizeClass(unref(cn)("w-full caption-bottom text-sm", props.tableClass))
6735
6736
  }, [
6736
6737
  renderSlot(_ctx.$slots, "default")
@@ -7235,7 +7236,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
7235
7236
  const forwarded = useForwardPropsEmits(delegatedProps, emits);
7236
7237
  return (_ctx, _cache) => {
7237
7238
  return openBlock(), createBlock(unref(Toggle), mergeProps({ "data-slot": "toggle" }, unref(forwarded), {
7238
- class: unref(cn)(unref(toggleVariants)({ variant: _ctx.variant, size: _ctx.size }), props.class)
7239
+ class: unref(cn)(unref(toggleVariants)({ variant: __props.variant, size: __props.size }), props.class)
7239
7240
  }), {
7240
7241
  default: withCtx(() => [
7241
7242
  renderSlot(_ctx.$slots, "default")
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tb-dev/vue-components",
3
- "version": "6.0.1",
3
+ "version": "6.0.2",
4
4
  "description": "Vue components",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -24,32 +24,32 @@
24
24
  ],
25
25
  "dependencies": {
26
26
  "@tanstack/vue-table": "^8.21.3",
27
- "@tb-dev/utils": "^7.0.15",
28
- "@tb-dev/vue": "^3.3.1",
27
+ "@tb-dev/utils": "^7.0.16",
28
+ "@tb-dev/vue": "^3.3.2",
29
29
  "@vueuse/core": "^13.9.0",
30
30
  "class-variance-authority": "^0.7.1",
31
31
  "clsx": "^2.1.1",
32
32
  "lucide-vue-next": "^0.544.0",
33
- "reka-ui": "^2.5.0",
33
+ "reka-ui": "^2.5.1",
34
34
  "tailwind-merge": "^3.3.1",
35
- "tw-animate-css": "^1.3.8",
35
+ "tw-animate-css": "^1.4.0",
36
36
  "vaul-vue": "^0.4.1",
37
- "vue": "^3.5.21",
37
+ "vue": "^3.5.22",
38
38
  "vue-router": "^4.5.1",
39
- "vue-sonner": "^2.0.8"
39
+ "vue-sonner": "^2.0.9"
40
40
  },
41
41
  "devDependencies": {
42
- "@tailwindcss/vite": "^4.1.13",
43
- "@tb-dev/eslint-config": "^8.0.12",
44
- "@types/node": "^24.5.2",
42
+ "@tailwindcss/vite": "^4.1.14",
43
+ "@tb-dev/eslint-config": "^8.0.13",
44
+ "@types/node": "^24.6.2",
45
45
  "@vitejs/plugin-vue": "^6.0.1",
46
46
  "eslint": "^9.36.0",
47
- "tailwindcss": "^4.1.13",
47
+ "tailwindcss": "^4.1.14",
48
48
  "tslib": "^2.8.1",
49
- "typescript": "~5.9.2",
50
- "vite": "^7.1.7",
49
+ "typescript": "~5.9.3",
50
+ "vite": "^7.1.8",
51
51
  "vite-plugin-dts": "^4.5.4",
52
- "vue-tsc": "~3.0.8"
52
+ "vue-tsc": "~3.1.0"
53
53
  },
54
54
  "files": [
55
55
  "dist"