@tb-dev/vue 0.3.11 → 0.3.13

package/dist/components/switch/Switch.vue.d.ts

@@ -21,7 +21,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {
+    position: "after" | "before";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/switch/types.d.ts

@@ -3,4 +3,5 @@ export interface SwitchProps {
     disabled?: boolean;
     label?: string;
     labelClass?: string;
+    position?: 'after' | 'before';
 }

package/dist/index.js

@@ -702,12 +702,12 @@ const _sfc_main$2v = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ComboboxGroup), mergeProps({ "data-slot": "combobox-group" }, delegatedProps.value, {
-        class: unref(cn)("overflow-hidden p-1 text-foreground", props.class)
+        class: unref(cn)("text-foreground overflow-hidden p-1", props.class)
       }), {
         default: withCtx(() => [
           _ctx.heading ? (openBlock(), createBlock(unref(ComboboxLabel), {
             key: 0,
-            class: "px-2 py-1.5 text-xs font-medium text-muted-foreground"
+            class: "text-muted-foreground px-2 py-1.5 text-xs font-medium"
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(_ctx.heading), 1)
@@ -869,7 +869,7 @@ const _sfc_main$2r = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(unref(ComboboxContent), mergeProps({ "data-slot": "combobox-list" }, unref(forwarded), {
             class: unref(cn)(
-              "z-50 w-[200px] rounded-md border bg-popover text-popover-foreground origin-(--reka-combobox-content-transform-origin) overflow-hidden shadow-md outline-none 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",
+              "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 z-50 w-[200px] origin-(--reka-combobox-content-transform-origin) overflow-hidden rounded-md border shadow-md outline-none",
               props.class
             )
           }), {
@@ -1581,11 +1581,11 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DialogPortal), null, {
         default: withCtx(() => [
-          createVNode(unref(DialogOverlay), { class: "fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }, {
+          createVNode(unref(DialogOverlay), { class: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-black/80" }, {
             default: withCtx(() => [
               createVNode(unref(DialogContent), mergeProps({
                 class: unref(cn)(
-                  "relative z-50 grid w-full max-w-lg my-8 gap-4 border border-border bg-background p-6 shadow-lg duration-200 sm:rounded-lg md:w-full",
+                  "border-border bg-background relative z-50 my-8 grid w-full max-w-lg gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg md:w-full",
                   props.class
                 )
               }, unref(forwarded), {
@@ -1599,9 +1599,9 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
               }), {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "default"),
-                  createVNode(unref(DialogClose), { class: "absolute top-4 right-4 p-0.5 transition-colors rounded-md hover:bg-secondary" }, {
+                  createVNode(unref(DialogClose), { class: "hover:bg-secondary absolute top-4 right-4 rounded-md p-0.5 transition-colors" }, {
                     default: withCtx(() => [
-                      createVNode(unref(X), { class: "w-4 h-4" }),
+                      createVNode(unref(X), { class: "h-4 w-4" }),
                       _cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, "Close", -1))
                     ]),
                     _: 1
@@ -2233,7 +2233,7 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(
           unref(cn)(
-            "relative [&>[data-slot=input]]:has-[[data-slot=increment]]:pr-5 [&>[data-slot=input]]:has-[[data-slot=decrement]]:pl-5",
+            "relative [&>[data-slot=input]]:has-[[data-slot=decrement]]:pl-5 [&>[data-slot=input]]:has-[[data-slot=increment]]:pr-5",
             props.class
           )
         )
@@ -2262,7 +2262,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NumberFieldDecrement), mergeProps({ "data-slot": "decrement" }, unref(forwarded), {
         class: unref(cn)(
-          "absolute top-1/2 -translate-y-1/2 left-0 p-3 disabled:cursor-not-allowed disabled:opacity-20",
+          "absolute top-1/2 left-0 -translate-y-1/2 p-3 disabled:cursor-not-allowed disabled:opacity-20",
           props.class
         )
       }), {
@@ -2295,7 +2295,7 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NumberFieldIncrement), mergeProps({ "data-slot": "increment" }, unref(forwarded), {
         class: unref(cn)(
-          "absolute top-1/2 -translate-y-1/2 right-0 disabled:cursor-not-allowed disabled:opacity-20 p-3",
+          "absolute top-1/2 right-0 -translate-y-1/2 p-3 disabled:cursor-not-allowed disabled:opacity-20",
           props.class
         )
       }), {
@@ -2322,7 +2322,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
         "data-slot": "input",
         class: normalizeClass(
           unref(cn)(
-            "flex h-9 w-full rounded-md border border-input bg-transparent py-1 text-sm text-center shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+            "border-input placeholder:text-muted-foreground focus-visible:ring-ring flex h-9 w-full rounded-md border bg-transparent py-1 text-center text-sm shadow-sm transition-colors focus-visible:ring-1 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
             props.class
           )
         )
@@ -3275,7 +3275,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(unref(PopoverContent), mergeProps({ "data-slot": "popover-content" }, { ...unref(forwarded), ..._ctx.$attrs }, {
             class: unref(cn)(
-              "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 z-50 w-72 rounded-md border p-4 shadow-md origin-(--reka-popover-content-transform-origin) outline-hidden",
+              "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 z-50 w-72 origin-(--reka-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
               props.class
             )
           }), {
@@ -4663,7 +4663,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         "data-slot": "skeleton",
-        class: normalizeClass(unref(cn)("animate-pulse rounded-md bg-primary/10", props.class))
+        class: normalizeClass(unref(cn)("bg-primary/10 animate-pulse rounded-md", props.class))
       }, null, 2);
     };
   }
@@ -5052,7 +5052,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$2 = {
-  key: 0,
+  key: 1,
   class: "w-full"
 };
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
@@ -5061,7 +5061,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     class: {},
     disabled: { type: Boolean },
     label: {},
-    labelClass: {}
+    labelClass: {},
+    position: { default: "before" }
   }, {
     "modelValue": { type: Boolean, ...{ required: true } },
     "modelModifiers": {}
@@ -5094,11 +5095,12 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         }),
         _ctx.label || _ctx.$slots.label ? (openBlock(), createBlock(unref(_sfc_main$1M), {
           key: 0,
-          class: normalizeClass(_ctx.labelClass)
+          class: normalizeClass(unref(cn)("flex flex-row items-center justify-start gap-2", _ctx.labelClass))
         }, {
           default: withCtx(() => [
-            _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$2, toDisplayString(_ctx.label), 1)) : renderSlot(_ctx.$slots, "label", { key: 1 }),
-            createVNode(unref(ReuseTemplate))
+            _ctx.position === "before" ? (openBlock(), createBlock(unref(ReuseTemplate), { key: 0 })) : createCommentVNode("", true),
+            _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$2, toDisplayString(_ctx.label), 1)) : renderSlot(_ctx.$slots, "label", { key: 2 }),
+            _ctx.position === "after" ? (openBlock(), createBlock(unref(ReuseTemplate), { key: 3 })) : createCommentVNode("", true)
           ]),
           _: 3
         }, 8, ["class"])) : (openBlock(), createBlock(unref(ReuseTemplate), { key: 1 }))
@@ -5227,7 +5229,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_sfc_main$h, null, {
         default: withCtx(() => [
           createVNode(_sfc_main$i, mergeProps({
-            class: unref(cn)("p-4 whitespace-nowrap align-middle text-sm text-foreground", props.class)
+            class: unref(cn)("text-foreground p-4 align-middle text-sm whitespace-nowrap", props.class)
           }, delegatedProps.value), {
             default: withCtx(() => [
               createElementVNode("div", _hoisted_1, [
@@ -5541,7 +5543,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TagsInputRoot), mergeProps(unref(forwarded), {
         class: unref(cn)(
-          "flex flex-wrap gap-2 items-center rounded-md border border-input bg-background px-3 py-1.5 text-sm",
+          "border-input bg-background flex flex-wrap items-center gap-2 rounded-md border px-3 py-1.5 text-sm",
           props.class
         )
       }), {
@@ -5573,7 +5575,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const forwardedProps = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TagsInputInput), mergeProps(unref(forwardedProps), {
-        class: unref(cn)("text-sm min-h-5 focus:outline-none flex-1 bg-transparent px-1", props.class)
+        class: unref(cn)("min-h-5 flex-1 bg-transparent px-1 text-sm focus:outline-none", props.class)
       }), null, 16, ["class"]);
     };
   }
@@ -5598,7 +5600,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TagsInputItem), mergeProps(unref(forwardedProps), {
         class: unref(cn)(
-          "flex h-5 items-center rounded-md bg-secondary data-[state=active]:ring-ring data-[state=active]:ring-2 data-[state=active]:ring-offset-2 ring-offset-background",
+          "bg-secondary data-[state=active]:ring-ring ring-offset-background flex h-5 items-center rounded-md data-[state=active]:ring-2 data-[state=active]:ring-offset-2",
           props.class
         )
       }), {
@@ -5627,11 +5629,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const forwardedProps = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TagsInputItemDelete), mergeProps(unref(forwardedProps), {
-        class: unref(cn)("flex rounded bg-transparent mr-1", props.class)
+        class: unref(cn)("mr-1 flex rounded bg-transparent", props.class)
       }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            createVNode(unref(X), { class: "w-4 h-4" })
+            createVNode(unref(X), { class: "h-4 w-4" })
           ])
         ]),
         _: 3
@@ -5656,7 +5658,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const forwardedProps = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TagsInputItemText), mergeProps(unref(forwardedProps), {
-        class: unref(cn)("py-0.5 px-2 text-sm rounded bg-transparent", props.class)
+        class: unref(cn)("rounded bg-transparent px-2 py-0.5 text-sm", props.class)
       }), null, 16, ["class"]);
     };
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tb-dev/vue",
-  "version": "0.3.11",
+  "version": "0.3.13",
   "description": "Vue utilities",
   "license": "MIT",
   "type": "module",