@caipira/tamandua 0.0.75 → 0.0.77

package/dist/Tab.js

@@ -1,5 +1,5 @@
-import { _ as r } from "./Tab.vue_vue_type_script_setup_true_lang-OuqLqd04.js";
-import { p as b } from "./plugin-DBDBJ5_6.js";
+import { _ as r } from "./Tab.vue_vue_type_script_setup_true_lang-Do4j_sTY.js";
+import { p as b } from "./plugin-DqK7lirx.js";
 export {
   r as Tab,
   b as TabPlugin

package/dist/Tab.vue_vue_type_script_setup_true_lang-Do4j_sTY.js

@@ -0,0 +1,45 @@
+import { defineComponent as p, ref as b, openBlock as t, createElementBlock as a, Fragment as l, createElementVNode as i, renderList as c, normalizeClass as s, toDisplayString as m, renderSlot as f, createCommentVNode as v } from "vue";
+const _ = {
+  class: "flex md:flex-row flex-wrap list-none p-1 bg-[var(--unfocused-bg-color)] rounded-[var(--content-radius)]",
+  role: "tablist",
+  "aria-orientation": "horizontal",
+  "aria-label": "Tabs"
+}, g = ["onClick"], x = /* @__PURE__ */ p({
+  name: "TTab",
+  __name: "Tab",
+  props: {
+    tabs: { default: () => [] },
+    headingFontSizeClass: { default: "text-base" },
+    contentMarginClass: { default: "mt-2" }
+  },
+  setup(u) {
+    const n = u, o = b(0);
+    return (d, C) => (t(), a(l, null, [
+      i("ul", _, [
+        (t(!0), a(l, null, c(n.tabs, (r, e) => (t(), a("li", {
+          role: "button",
+          class: s(["block py-2 px-4 rounded-[var(--content-radius)] cursor-pointer flex-1 text-center", {
+            "bg-caipira-primary": e === o.value,
+            [n.headingFontSizeClass]: !0
+          }]),
+          key: e,
+          onClick: (k) => o.value = e
+        }, m(r?.title), 11, g))), 128))
+      ]),
+      i("div", {
+        class: s([n.contentMarginClass])
+      }, [
+        (t(!0), a(l, null, c(n.tabs, (r, e) => (t(), a("div", {
+          key: e,
+          class: s({ hidden: e !== o.value }),
+          role: "tabpanel"
+        }, [
+          r?.slot ? f(d.$slots, r.slot, { key: 0 }) : v("", !0)
+        ], 2))), 128))
+      ], 2)
+    ], 64));
+  }
+});
+export {
+  x as _
+};

package/dist/components.js

@@ -39,7 +39,7 @@ import { P as Cr } from "./ProgressCircle-C5CnEEoe.js";
 import { P as br } from "./ProgressLine-BqINh5jh.js";
 import { _ as Gr } from "./SensitiveInfo.vue_vue_type_script_setup_true_lang-D288W5VF.js";
 import { _ as gr } from "./Skeleton.vue_vue_type_script_setup_true_lang-Dsy_4Ftz.js";
-import { _ as vr } from "./Tab.vue_vue_type_script_setup_true_lang-OuqLqd04.js";
+import { _ as vr } from "./Tab.vue_vue_type_script_setup_true_lang-Do4j_sTY.js";
 import { T as Fr } from "./Table-vjjmPzlZ.js";
 import { _ as Mr } from "./Tag.vue_vue_type_script_setup_true_lang-DxOWMwW8.js";
 import { _ as Br } from "./Toast.vue_vue_type_script_setup_true_lang-CJK0nZDK.js";

package/dist/{plugin-DBDBJ5_6.js → plugin-DqK7lirx.js}

@@ -1,5 +1,5 @@
 import { r } from "./register-component-B-fdqewb.js";
-import { _ as s } from "./Tab.vue_vue_type_script_setup_true_lang-OuqLqd04.js";
+import { _ as s } from "./Tab.vue_vue_type_script_setup_true_lang-Do4j_sTY.js";
 const m = {
   install(o) {
     r(o, s);

package/dist/{plugins-2BvSkxcD.js → plugins-CjskQ71G.js}

@@ -55,7 +55,7 @@ import "./ProgressLine-BqINh5jh.js";
 import { p as B } from "./plugin-DMGSStZm.js";
 import { p as z } from "./plugin-BWfDY9pB.js";
 import { p as E } from "./plugin-DYHfPgzY.js";
-import { p as O } from "./plugin-DBDBJ5_6.js";
+import { p as O } from "./plugin-DqK7lirx.js";
 import "./Table-vjjmPzlZ.js";
 import { p as q } from "./plugin-6KewRQ9w.js";
 import "./Tag.vue_vue_type_script_setup_true_lang-DxOWMwW8.js";

package/dist/plugins.js

@@ -55,7 +55,7 @@ import "./ProgressLine-BqINh5jh.js";
 import { p as Jr } from "./plugin-DMGSStZm.js";
 import { p as Nr } from "./plugin-BWfDY9pB.js";
 import { p as Qr } from "./plugin-DYHfPgzY.js";
-import { p as Vr } from "./plugin-DBDBJ5_6.js";
+import { p as Vr } from "./plugin-DqK7lirx.js";
 import "./Table-vjjmPzlZ.js";
 import { p as Xr } from "./plugin-6KewRQ9w.js";
 import "./Tag.vue_vue_type_script_setup_true_lang-DxOWMwW8.js";

package/dist/tamandua.js

@@ -1,4 +1,4 @@
-import { p as n } from "./plugins-2BvSkxcD.js";
+import { p as n } from "./plugins-CjskQ71G.js";
 const o = {
   install(s) {
     for (const i in n)

package/dist/types/components/Tab/Tab.story.d.ts

@@ -0,0 +1,16 @@
+import { Tab as TTab } from '../../types/ui.js';
+
+declare const _default: {
+    title: string;
+    args: {
+        headingFontSizeClass: string;
+    };
+};
+export default _default;
+export declare const Tab: (args: any) => {
+    setup(): {
+        args: any;
+        tabs: TTab[];
+    };
+    template: string;
+};

package/dist/types/components/Tab/Tab.vue.d.ts

@@ -3,10 +3,16 @@ import { TabProps } from './types.js';
 declare function __VLS_template(): Partial<Record<string, (_: {}) => any>>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TabProps>, {
     tabs: () => never[];
+    headingFontSizeClass: string;
+    contentMarginClass: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TabProps>, {
     tabs: () => never[];
+    headingFontSizeClass: string;
+    contentMarginClass: string;
 }>>>, {
     tabs: import("../../index.js").Tab[];
+    headingFontSizeClass: string;
+    contentMarginClass: string;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

@@ -2,4 +2,6 @@ import { Tab } from '../../types/ui.js';
 
 export type TabProps = {
     tabs?: Tab[];
+    headingFontSizeClass?: string;
+    contentMarginClass?: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@caipira/tamandua",
-    "version": "0.0.75",
+    "version": "0.0.77",
     "private": false,
     "description": "UI library for the Caipira ecosystem",
     "license": "GPL-3.0-only",

package/dist/Tab.vue_vue_type_script_setup_true_lang-OuqLqd04.js

@@ -1,47 +0,0 @@
-import { defineComponent as d, ref as b, openBlock as t, createElementBlock as l, Fragment as a, createElementVNode as n, renderList as c, normalizeClass as i, toDisplayString as m, renderSlot as _, createCommentVNode as f } from "vue";
-const k = {
-  class: "flex flex-col md:flex-row flex-wrap rounded-xs list-none mb-6 pt-1 bg-[var(--unfocused-bg-color)]",
-  role: "tablist"
-}, v = ["onClick"], h = {
-  class: "tab-content",
-  id: "tabs-tabContent"
-}, x = /* @__PURE__ */ d({
-  name: "TTab",
-  __name: "Tab",
-  props: {
-    tabs: { default: () => [] }
-  },
-  setup(u) {
-    const s = u, r = b(0);
-    return (p, y) => (t(), l(a, null, [
-      n("ul", k, [
-        (t(!0), l(a, null, c(s.tabs, (o, e) => (t(), l("li", {
-          role: "presentation",
-          key: e
-        }, [
-          n("a", {
-            class: i(["block uppercase py-2 px-4", {
-              "bg-caipira-primary": e === r.value
-            }]),
-            href: "#",
-            role: "tab",
-            "aria-selected": "true",
-            onClick: (C) => r.value = e
-          }, m(o?.title), 11, v)
-        ]))), 128))
-      ]),
-      n("div", h, [
-        (t(!0), l(a, null, c(s.tabs, (o, e) => (t(), l("div", {
-          key: e,
-          class: i(["", { hidden: e !== r.value }]),
-          role: "tabpanel"
-        }, [
-          o?.slot ? _(p.$slots, o.slot, { key: 0 }) : f("", !0)
-        ], 2))), 128))
-      ])
-    ], 64));
-  }
-});
-export {
-  x as _
-};