@opens/ui 1.1.0 → 1.1.1

package/dist/yunique_ui.es.js

@@ -13977,10 +13977,13 @@ const WA = /* @__PURE__ */ K({
   props: {
     center: Boolean,
     segment: Boolean,
-    small: Boolean
+    small: Boolean,
+    defaultTab: {
+      type: String
+    }
   },
   setup(e) {
-    const t = Ke(), n = Object.keys(t), r = G(n[0]), a = e, s = p(() => a.segment ? "yu-bg-gray-100 yu-rounded-md" : "yu-border-b"), o = p(() => a.segment ? "yu-p-2 yu-transition-all duration-200 yu-group yu-rounded-md yu-w-full data-[state=active]:yu-bg-white data-[state=active]:yu-shadow" : a.small ? "yu-p-2 yu-border-b yu-border-transparent yu-transition-all duration-200 yu-group data-[state=active]:yu-border-b-primary" : "yu-p-2 yu-px-4 yu-border-b yu-border-transparent yu-transition-all duration-200 yu-group data-[state=active]:yu-border-b-primary");
+    const t = e, n = Ke(), r = Object.keys(n), a = G(t.defaultTab ?? r[0]), s = p(() => t.segment ? "yu-bg-gray-100 yu-rounded-md" : "yu-border-b"), o = p(() => t.segment ? "yu-p-2 yu-transition-all duration-200 yu-group yu-rounded-md yu-w-full data-[state=active]:yu-bg-white data-[state=active]:yu-shadow" : t.small ? "yu-p-2 yu-border-b-2 yu-border-transparent yu-transition-all duration-200 yu-group data-[state=active]:yu-border-b-primary" : "yu-p-2 yu-px-4 yu-border-b-2 yu-border-transparent yu-transition-all duration-200 yu-group data-[state=active]:yu-border-b-primary");
     return (i, l) => (m(), j(me, {
       col: "",
       "gap-none": ""
@@ -13993,15 +13996,15 @@ const WA = /* @__PURE__ */ K({
           "padding-sm": e.segment
         }, {
           default: $(() => [
-            (m(!0), D(ke, null, Ie(_(n), (u) => (m(), D("button", {
+            (m(!0), D(ke, null, Ie(_(r), (u) => (m(), D("button", {
               key: u,
               class: P([o.value]),
-              "data-state": r.value === u ? "active" : "inactive",
-              onClick: (c) => r.value = u
+              "data-state": a.value === u ? "active" : "inactive",
+              onClick: (c) => a.value = u
             }, [
               Y(he, {
-                class: P(["group-hover:!yu-text-primary yu-transition-colors duration-200", { "!yu-text-primary": r.value === u }]),
-                gray: r.value !== u,
+                class: P(["group-hover:!yu-text-primary yu-transition-colors duration-200", { "!yu-text-primary": a.value === u }]),
+                gray: a.value !== u,
                 small: e.small,
                 medium: ""
               }, {
@@ -14014,7 +14017,7 @@ const WA = /* @__PURE__ */ K({
           ]),
           _: 1
         }, 8, ["class", "center", "padding-sm"]),
-        (m(), j(us(_(t)[r.value]), { key: r.value }))
+        (m(), j(us(_(n)[a.value]), { key: a.value }))
       ]),
       _: 1
     }));