@ptlm-azulejo/tabs 0.0.1-alpha.35 → 1.0.0-alpha.211

package/CHANGELOG.md

@@ -1,4 +1,20 @@
 # Change Log
 
+## 1.0.0
+
+### Minor Changes
+
+- ab67607: Ship a self-contained `AzTabs` aligned with Mozaic and current Azulejo patterns: Nuxt UI–style `defaultTabsUi` + `tabsVariants` + `cn()`, shared theme tokens, `@ptlm-azulejo/divider` + `@ptlm-azulejo/number-badge`, `align` / `rounded` props, icon class strings or components, and keyboard-accessible tablist behavior.
+
+### Patch Changes
+
+- Updated dependencies [85ee58d]
+- Updated dependencies [66c7a93]
+- Updated dependencies [2d3e3ab]
+- Updated dependencies [1d5fdb1]
+  - @ptlm-azulejo/number-badge@0.1.0
+  - @ptlm-azulejo/themes@1.4.0
+  - @ptlm-azulejo/divider@1.0.0
+
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

package/README.md

@@ -1,6 +1,6 @@
 # Tabs
 
-The `Tabs` component organizes related content into multiple sections, allowing users to switch between views without leaving the current page. Tabs can display labels, icons, and notification badges, making them ideal for dashboards, settings pages, product management, and other interfaces with grouped content.
+The `AzTabs` component organizes related content into multiple sections, allowing users to switch between views without leaving the current page. Tabs can display labels, icons, and notification badges.
 
 ## Installation
 
@@ -10,11 +10,11 @@ npm install @ptlm-azulejo/tabs @ptlm-azulejo/themes
 yarn add @ptlm-azulejo/tabs @ptlm-azulejo/themes
 ```
 
+`@ptlm-azulejo/tabs` depends on `@ptlm-azulejo/divider` and `@ptlm-azulejo/number-badge` (installed automatically).
+`@ptlm-azulejo/themes` is an optional peer — install it so brand tokens resolve at runtime.
 ## Styles & theming
 
-The component reads theme CSS variables, so it needs `@ptlm-azulejo/themes`. Import a
-brand preset (it bundles the base tokens) and the component styles, then set the
-brand class on the root element:
+Import a brand preset and the component styles, then set the brand class on the root element:
 
 ```js
 import '@ptlm-azulejo/themes/presets/leroy-merlin.css' // or /presets/adeo.css
@@ -33,136 +33,101 @@ import '@ptlm-azulejo/tabs/style.css'
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| `tabs` | `Tab[]` | — | Array of tab definitions. Each tab supports `label`, `id`, `icon`, `badge`, and `disabled`. |
-| `modelValue` | `string \| number` | `0` | Controls the currently selected tab. When a string is used, it must match a tab's `id`. |
-| `description` | `string` | — | Accessible description for the tab list (`aria-label`). |
-| `size` | `'s' \| 'm'` | `'m'` | Controls the size of the tabs. |
-| `divider` | `boolean` | `true` | Displays a divider below the tabs. |
-| `centered` | `boolean` | `false` | Centers the tabs within the available width. |
+| `tabs` | `TabItem[]` | — | Tab definitions. Each item supports `label`, `id`, `icon`, `badge`, and `disabled`. |
+| `modelValue` | `string \| number` | `0` | Active tab (`v-model`). A string must match a tab `id`; a number is an index. |
+| `description` | `string` | — | Accessible name for the tab list (`aria-label`). |
+| `size` | `'s' \| 'm'` | `'m'` | Tab size. |
+| `align` | `'left' \| 'center' \| 'right'` | `'left'` | Horizontal alignment of the tab list. |
+| `rounded` | `'none' \| 's' \| 'm' \| 'l' \| 'full'` | `'m'` | Border radius of each tab button. |
+| `divider` | `boolean` | `true` | Renders a divider below the tab list. |
+| `ui` | `TabsUi` | `{}` | Tailwind class overrides per structural part. Merged via `cn()` (conflicting utilities win). |
 
-### Tab object
+### TabItem
 
 | Property | Type | Description |
 | --- | --- | --- |
 | `label` | `string` | Text displayed in the tab. |
-| `id` | `string` | Unique identifier used when `modelValue` is a string. |
-| `icon` | `Component` | Optional icon displayed before the label. |
-| `badge` | `number` | Optional numeric badge displayed after the label. |
+| `id` | `string` | Unique id used when `modelValue` is a string. |
+| `icon` | `Component \| string` | Optional icon before the label. Use a Vue component, or an Azulejo icon class string (`'az az-ui-home'`). |
+| `badge` | `number` | Optional numeric badge after the label. |
 | `disabled` | `boolean` | Disables the tab. |
 
+### TabsUi parts
+
+`root`, `list`, `item`, `tab`, `tabSelected`, `icon`, `label`, `badge`, `divider`
+
 ## Events
 
 | Name | Payload | Description |
 | --- | --- | --- |
 | `update:modelValue` | `string \| number` | Emitted when the selected tab changes. |
 
-## Slots
-
-This component does not expose any slots.
-
-## Basic Usage
+## Basic usage
 
 ```vue
 <script setup>
 import { ref } from 'vue'
 import { AzTabs } from '@ptlm-azulejo/tabs'
 
-const selectedTab = ref(0)
-
+const selected = ref('overview')
 const tabs = [
-  { label: 'Overview' },
-  { label: 'Orders' },
-  { label: 'Settings' },
+  { id: 'overview', label: 'Overview' },
+  { id: 'orders', label: 'Orders' },
+  { id: 'settings', label: 'Settings' },
 ]
 </script>
 
 <template>
-  <AzTabs
-    v-model="selectedTab"
-    :tabs="tabs"
-  />
+  <AzTabs v-model="selected" :tabs="tabs" description="Product sections" />
 </template>
 ```
 
-## Using string identifiers
+## Index-based model
 
 ```vue
 <script setup>
 import { ref } from 'vue'
+import { AzTabs } from '@ptlm-azulejo/tabs'
 
-const selectedTab = ref('orders')
-
+const selected = ref(0)
 const tabs = [
-  { id: 'overview', label: 'Overview' },
-  { id: 'orders', label: 'Orders' },
-  { id: 'settings', label: 'Settings' },
+  { label: 'Overview' },
+  { label: 'Orders' },
+  { label: 'Settings' },
 ]
 </script>
 
 <template>
-  <AzTabs
-    v-model="selectedTab"
-    :tabs="tabs"
-  />
+  <AzTabs v-model="selected" :tabs="tabs" />
 </template>
 ```
 
-## Tabs with icons and badges
+## Icons, badges, and alignment
 
 ```vue
 <script setup>
 import { ref } from 'vue'
 import { AzTabs } from '@ptlm-azulejo/tabs'
-import { HomeIcon, BellIcon } from '@mozaic-ds/icons-vue'
-
-const selectedTab = ref(0)
+import '@ptlm-azulejo/icons/style.css'
 
+const selected = ref('home')
 const tabs = [
-  {
-    label: 'Home',
-    icon: HomeIcon,
-  },
-  {
-    label: 'Notifications',
-    icon: BellIcon,
-    badge: 8,
-  },
-  {
-    label: 'Disabled',
-    disabled: true,
-  },
+  { id: 'home', label: 'Home', icon: 'az az-ui-home' },
+  { id: 'alerts', label: 'Alerts', icon: 'az az-ui-notification', badge: 8 },
+  { id: 'settings', label: 'Settings', icon: 'az az-ui-settings', disabled: true },
 ]
 </script>
 
 <template>
-  <AzTabs
-    v-model="selectedTab"
-    :tabs="tabs"
-  />
+  <AzTabs v-model="selected" :tabs="tabs" align="center" rounded="m" />
 </template>
 ```
 
-## Centered tabs
-
-```vue
-<template>
-  <AzTabs
-    centered
-    :tabs="[
-      { label: 'Products' },
-      { label: 'Services' },
-      { label: 'Support' },
-    ]"
-  />
-</template>
-```
+`align` accepts `left` (default), `center`, or `right`.
+`rounded` accepts `none`, `s`, `m` (default), `l`, or `full`.
 
 ## Accessibility
 
-- Uses the WAI-ARIA `tablist` and `tab` roles.
-- Supports keyboard navigation using:
-  - `ArrowLeft` / `ArrowRight` to move between enabled tabs.
-  - `Home` to focus the first enabled tab.
-  - `End` to focus the last enabled tab.
-- Disabled tabs are skipped during keyboard navigation.
-- Use the `description` prop to provide an accessible label for the tab list.
+- Uses WAI-ARIA `tablist` / `tab` roles.
+- Keyboard: `ArrowLeft` / `ArrowRight`, `Home`, `End` (skips disabled tabs).
+- Use `description` to label the tab list for assistive tech.

package/dist/index.js

@@ -1,113 +1,245 @@
-import { defineComponent as C, computed as d, useTemplateRef as D, openBlock as u, createElementBlock as c, normalizeClass as z, createElementVNode as b, Fragment as B, renderList as I, createBlock as h, resolveDynamicComponent as E, createCommentVNode as p, toDisplayString as N, createVNode as R, unref as V, nextTick as K } from "vue";
-import { AzDivider as L } from "@ptlm-azulejo/divider";
-import { AzNumberBadge as O } from "@ptlm-azulejo/number-badge";
-const $ = ["aria-label"], H = ["aria-selected", "aria-disabled", "disabled", "tabindex", "onClick", "onKeydown"], S = { class: "az-tabs__label" }, j = {
-  key: 1,
-  class: "az-tabs__badge"
-}, F = /* @__PURE__ */ C({
+import { Fragment as M, computed as p, createBlock as R, createCommentVNode as j, createElementBlock as x, createElementVNode as C, createVNode as F, defineComponent as O, normalizeClass as u, openBlock as g, ref as P, renderList as U, resolveDynamicComponent as q, toDisplayString as G, toRef as A, unref as h } from "vue";
+import { AzDivider as J } from "@ptlm-azulejo/divider";
+import { AzNumberBadge as Q } from "@ptlm-azulejo/number-badge";
+import "@ptlm-azulejo/divider/style.css";
+import "@ptlm-azulejo/number-badge/style.css";
+import { clsx as W } from "clsx";
+import { extendTailwindMerge as X } from "tailwind-merge";
+var Y = X({ extend: { theme: {
+  color: [
+    "accent",
+    "on-accent",
+    "accent-hover",
+    "accent-subtle",
+    "accent-subtle-hover",
+    "accent-strong",
+    "accent-strong-hover",
+    "fg",
+    "fg-accent",
+    "surface",
+    "surface-muted",
+    "edge",
+    "danger",
+    "danger-hover"
+  ],
+  radius: ["btn"]
+} } });
+function f(...a) {
+  return Y(W(a));
+}
+function B(a, y, r) {
+  var i;
+  return typeof r == "string" ? (i = y.id) !== null && i !== void 0 ? i : String(a) : a;
+}
+function Z(a) {
+  function y(e, t) {
+    const o = B(e, t, a.modelValue.value);
+    return a.modelValue.value === o;
+  }
+  function r() {
+    const e = a.modelValue.value, t = a.tabs.value;
+    return typeof e == "string" ? t.findIndex((o) => o.id === e) : typeof e == "number" && e >= 0 && e < t.length ? e : -1;
+  }
+  function i() {
+    return a.tabs.value.map((e, t) => t).filter((e) => {
+      var t;
+      return !(!((t = a.tabs.value[e]) === null || t === void 0) && t.disabled);
+    });
+  }
+  function n() {
+    const e = i();
+    if (e.length === 0)
+      return -1;
+    const t = r();
+    return e.includes(t) ? t : e[0];
+  }
+  function z(e) {
+    const t = n();
+    return t < 0 ? -1 : e === t ? 0 : -1;
+  }
+  function k(e) {
+    const t = a.tabs.value[e];
+    if (!t || t.disabled)
+      return;
+    const o = B(e, t, a.modelValue.value);
+    o !== a.modelValue.value && a.onSelect(o);
+  }
+  function I(e, t) {
+    var o;
+    if (e.key !== "ArrowRight" && e.key !== "ArrowLeft" && e.key !== "Home" && e.key !== "End")
+      return;
+    const d = i();
+    if (d.length === 0)
+      return;
+    const m = d.indexOf(t);
+    let b = null;
+    if (e.key === "ArrowRight") {
+      if (e.preventDefault(), m < 0)
+        return;
+      b = (m + 1) % d.length;
+    } else if (e.key === "ArrowLeft") {
+      if (e.preventDefault(), m < 0)
+        return;
+      b = (m - 1 + d.length) % d.length;
+    } else
+      e.key === "Home" ? (e.preventDefault(), b = 0) : e.key === "End" && (e.preventDefault(), b = d.length - 1);
+    if (b === null)
+      return;
+    const w = d[b];
+    k(w), (o = a.focusIndex) === null || o === void 0 || o.call(a, w);
+  }
+  function _(e) {
+    return String(e);
+  }
+  return {
+    isSelected: y,
+    getTabIndex: z,
+    select: k,
+    onKeydown: I,
+    formatBadge: _
+  };
+}
+var ee = ["aria-label"], te = [
+  "aria-selected",
+  "aria-disabled",
+  "disabled",
+  "tabindex",
+  "onClick",
+  "onKeydown"
+], ae = /* @__PURE__ */ O({
   __name: "index",
   props: {
     description: {},
     size: { default: "m" },
-    divider: { type: Boolean, default: !0 },
-    centered: { type: Boolean },
+    divider: {
+      type: Boolean,
+      default: !0
+    },
+    align: { default: "left" },
+    rounded: { default: "m" },
     modelValue: { default: 0 },
-    tabs: {}
+    tabs: {},
+    ui: { default: () => ({}) }
   },
   emits: ["update:modelValue"],
-  setup(i, { emit: f }) {
-    const a = i, m = d(() => ({
-      "az-tabs--centered": a.centered,
-      [`az-tabs--${a.size}`]: a.size !== "m"
-    })), s = d({
-      get() {
-        return a.modelValue;
+  setup(a, { emit: y }) {
+    const r = {
+      root: "relative w-full bg-[color:var(--color-background-primary)] font-sans",
+      list: [
+        "relative z-[1] m-0 flex list-none overflow-x-auto p-0",
+        "gap-[length:var(--spacing-100)]",
+        "px-[calc(var(--spacing)*0.5)]",
+        "overflow-y-hidden [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
+        "md:overflow-hidden"
+      ].join(" "),
+      item: "",
+      tab: [
+        "group relative flex cursor-pointer items-center justify-center border-none bg-transparent no-underline outline-none font-sans",
+        "text-[color:var(--color-text-tertiary)] gap-[calc(var(--spacing)*0.5)]",
+        "hover:not-disabled:bg-[color-mix(in_srgb,var(--color-text-primary)_5%,transparent)]",
+        "focus-visible:outline focus-visible:outline-[length:var(--border-m)] focus-visible:outline-[color:var(--color-text-accent)] focus-visible:outline-offset-[length:var(--border-m)]",
+        "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent"
+      ].join(" "),
+      tabSelected: [
+        "font-semibold text-[color:var(--color-text-accent)]",
+        "bg-[color:var(--color-background-accent)]",
+        "hover:not-disabled:bg-[color-mix(in_srgb,var(--color-background-accent)_88%,#000)]"
+      ].join(" "),
+      icon: ["inline-flex size-[1em] shrink-0 items-center justify-center leading-none text-current", "[&_svg]:block [&_svg]:size-full"].join(" "),
+      label: "pointer-events-none whitespace-nowrap",
+      badge: "inline-flex shrink-0 items-center",
+      divider: "mt-[length:var(--spacing-100)] w-full leading-none"
+    }, i = {
+      size: {
+        s: {
+          tab: "text-sm h-8 px-3",
+          icon: "text-[length:calc(var(--spacing)*1.25)]"
+        },
+        m: {
+          tab: "text-base h-10 px-4",
+          icon: "text-[length:var(--spacing-300)]"
+        }
+      },
+      align: {
+        left: { list: "justify-start" },
+        center: { list: "justify-center" },
+        right: { list: "justify-end" }
       },
-      set(e) {
-        A("update:modelValue", e);
+      rounded: {
+        none: { tab: "rounded-none" },
+        s: { tab: "rounded-[length:var(--border-radius-s)]" },
+        m: { tab: "rounded-[length:var(--border-radius-m)]" },
+        l: { tab: "rounded-[length:var(--border-radius-l)]" },
+        full: { tab: "rounded-full" }
       }
-    }), n = d(() => a.tabs.map((e, r) => r).filter((e) => !a.tabs[e].disabled)), _ = d(() => typeof s.value == "string" ? a.tabs.findIndex((e) => e.id === s.value) : typeof s.value == "number" && s.value >= 0 && s.value < a.tabs.length ? s.value : -1), x = d(() => n.value.length === 0 ? -1 : n.value.includes(_.value) ? _.value : n.value[0]), T = D("tab"), v = (e, r) => {
-      const t = typeof a.modelValue == "string" ? a.tabs.find((o) => o.id === r) : a.tabs[e], l = typeof a.modelValue == "string" ? r : e;
-      t != null && t.disabled || l !== s.value && (s.value = l);
-    }, y = (e, r) => {
-      const t = typeof a.modelValue == "string" ? r : e;
-      return s.value === t;
-    };
-    function w(e, r) {
-      if (e.key !== "ArrowRight" && e.key !== "ArrowLeft" && e.key !== "Home" && e.key !== "End" || n.value.length === 0)
-        return;
-      const t = n.value.indexOf(r);
-      let l = null;
-      if (e.key === "ArrowRight") {
-        if (e.preventDefault(), t < 0) return;
-        l = (t + 1) % n.value.length;
-      } else if (e.key === "ArrowLeft") {
-        if (e.preventDefault(), t < 0) return;
-        l = (t - 1 + n.value.length) % n.value.length;
-      } else e.key === "Home" ? (e.preventDefault(), l = 0) : e.key === "End" && (e.preventDefault(), l = n.value.length - 1);
-      if (l !== null) {
-        const o = n.value[l];
-        v(o, a.tabs[o].id), K(() => {
-          var g, k;
-          (k = (g = T.value) == null ? void 0 : g[o]) == null || k.focus();
-        });
+    }, n = a, z = y, k = A(n, "tabs"), I = A(n, "modelValue"), _ = P([]), e = (l, c) => {
+      _.value[c] = l;
+    }, { isSelected: t, getTabIndex: o, select: d, onKeydown: m } = Z({
+      tabs: k,
+      modelValue: I,
+      onSelect: (l) => z("update:modelValue", l),
+      focusIndex: (l) => {
+        var c;
+        return (c = _.value[l]) === null || c === void 0 ? void 0 : c.focus();
       }
-    }
-    const A = f;
-    return (e, r) => (u(), c("nav", {
-      class: z(["az-tabs", m.value])
-    }, [
-      b("ul", {
-        role: "tablist",
-        class: "az-tabs__list",
-        "aria-label": i.description
+    }), b = p(() => f(r.root, n.ui.root)), w = p(() => f(r.list, i.align[n.align].list, n.ui.list)), D = (l, c) => f(r.tab, i.size[n.size].tab, i.rounded[n.rounded].tab, n.ui.tab, t(l, c) && r.tabSelected, t(l, c) && n.ui.tabSelected), $ = (l) => f(r.icon, i.size[n.size].icon, l, n.ui.icon), T = p(() => f(r.label, n.ui.label)), E = p(() => f(r.badge, n.ui.badge)), K = p(() => f(r.divider, n.ui.divider)), N = p(() => f(r.item, n.ui.item)), L = (l) => typeof l == "number", H = (l) => typeof l == "string";
+    return (l, c) => (g(), x("nav", {
+      "data-testid": "tabs",
+      class: u(b.value)
+    }, [C("ul", {
+      role: "tablist",
+      "data-testid": "tabs-list",
+      class: u(w.value),
+      "aria-label": a.description
+    }, [(g(!0), x(M, null, U(a.tabs, (s, v) => {
+      var S;
+      return g(), x("li", {
+        key: (S = s.id) !== null && S !== void 0 ? S : v,
+        role: "presentation",
+        "data-testid": "tabs-item",
+        class: u(N.value)
+      }, [C("button", {
+        ref_for: !0,
+        ref: (V) => e(V, v),
+        type: "button",
+        role: "tab",
+        "data-testid": "tabs-tab",
+        class: u(D(v, s)),
+        "aria-selected": h(t)(v, s),
+        "aria-disabled": s.disabled || void 0,
+        disabled: s.disabled,
+        tabindex: h(o)(v),
+        onClick: (V) => h(d)(v),
+        onKeydown: (V) => h(m)(V, v)
       }, [
-        (u(!0), c(B, null, I(i.tabs, (t, l) => (u(), c("li", {
-          key: `tab-${l}`,
-          role: "presentation",
-          class: "az-tabs__item"
-        }, [
-          b("button", {
-            ref_for: !0,
-            ref: "tab",
-            role: "tab",
-            class: z(["az-tabs__tab", {
-              "az-tabs__tab--selected": y(l, t.id),
-              "az-tabs__tab--disabled": t.disabled
-            }]),
-            "aria-selected": y(l, t.id),
-            "aria-disabled": t.disabled || void 0,
-            disabled: t.disabled,
-            tabindex: l === x.value ? 0 : -1,
-            type: "button",
-            onClick: (o) => v(l, t.id),
-            onKeydown: (o) => w(o, l)
-          }, [
-            t.icon ? (u(), h(E(t.icon), {
-              key: 0,
-              class: "az-tabs__icon",
-              "aria-hidden": "true"
-            })) : p("", !0),
-            b("div", S, [
-              b("span", null, N(t.label), 1)
-            ]),
-            t.badge ? (u(), c("span", j, [
-              R(V(O), {
-                label: t.badge
-              }, null, 8, ["label"])
-            ])) : p("", !0)
-          ], 42, H)
-        ]))), 128))
-      ], 8, $),
-      i.divider ? (u(), h(V(L), { key: 0 })) : p("", !0)
-    ], 2));
+        H(s.icon) ? (g(), x("i", {
+          key: 0,
+          "data-testid": "tabs-icon",
+          class: u($(s.icon)),
+          "aria-hidden": "true"
+        }, null, 2)) : s.icon ? (g(), R(q(s.icon), {
+          key: 1,
+          "data-testid": "tabs-icon",
+          class: u($()),
+          "aria-hidden": "true"
+        }, null, 8, ["class"])) : j("", !0),
+        C("div", {
+          "data-testid": "tabs-label",
+          class: u(T.value)
+        }, [C("span", null, G(s.label), 1)], 2),
+        L(s.badge) ? (g(), x("span", {
+          key: 2,
+          "data-testid": "tabs-badge",
+          class: u(E.value)
+        }, [F(h(Q), { label: s.badge }, null, 8, ["label"])], 2)) : j("", !0)
+      ], 42, te)], 2);
+    }), 128))], 10, ee), a.divider ? (g(), R(h(J), {
+      key: 0,
+      "data-testid": "tabs-divider",
+      class: u(K.value)
+    }, null, 8, ["class"])) : j("", !0)], 2));
   }
-}), P = (i, f) => {
-  const a = i.__vccOpts || i;
-  for (const [m, s] of f)
-    a[m] = s;
-  return a;
-}, M = /* @__PURE__ */ P(F, [["__scopeId", "data-v-91787911"]]);
+}), ce = ae;
 export {
-  M as AzTabs
+  ce as AzTabs
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(s,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("@ptlm-azulejo/divider"),require("@ptlm-azulejo/number-badge")):typeof define=="function"&&define.amd?define(["exports","vue","@ptlm-azulejo/divider","@ptlm-azulejo/number-badge"],e):(s=typeof globalThis!="undefined"?globalThis:s||self,e(s.tabs={},s.Vue,s.divider,s["number-badge"]))})(this,function(s,e,k,g){"use strict";const z=["aria-label"],h=["aria-selected","aria-disabled","disabled","tabindex","onClick","onKeydown"],V={class:"az-tabs__label"},B={key:1,class:"az-tabs__badge"},x=((c,u)=>{const l=c.__vccOpts||c;for(const[f,o]of u)l[f]=o;return l})(e.defineComponent({__name:"index",props:{description:{},size:{default:"m"},divider:{type:Boolean,default:!0},centered:{type:Boolean},modelValue:{default:0},tabs:{}},emits:["update:modelValue"],setup(c,{emit:u}){const l=c,f=e.computed(()=>({"az-tabs--centered":l.centered,[`az-tabs--${l.size}`]:l.size!=="m"})),o=e.computed({get(){return l.modelValue},set(t){N("update:modelValue",t)}}),r=e.computed(()=>l.tabs.map((t,i)=>i).filter(t=>!l.tabs[t].disabled)),b=e.computed(()=>typeof o.value=="string"?l.tabs.findIndex(t=>t.id===o.value):typeof o.value=="number"&&o.value>=0&&o.value<l.tabs.length?o.value:-1),T=e.computed(()=>r.value.length===0?-1:r.value.includes(b.value)?b.value:r.value[0]),C=e.useTemplateRef("tab"),m=(t,i)=>{const a=typeof l.modelValue=="string"?l.tabs.find(d=>d.id===i):l.tabs[t],n=typeof l.modelValue=="string"?i:t;a!=null&&a.disabled||n!==o.value&&(o.value=n)},p=(t,i)=>{const a=typeof l.modelValue=="string"?i:t;return o.value===a};function E(t,i){if(t.key!=="ArrowRight"&&t.key!=="ArrowLeft"&&t.key!=="Home"&&t.key!=="End"||r.value.length===0)return;const a=r.value.indexOf(i);let n=null;if(t.key==="ArrowRight"){if(t.preventDefault(),a<0)return;n=(a+1)%r.value.length}else if(t.key==="ArrowLeft"){if(t.preventDefault(),a<0)return;n=(a-1+r.value.length)%r.value.length}else t.key==="Home"?(t.preventDefault(),n=0):t.key==="End"&&(t.preventDefault(),n=r.value.length-1);if(n!==null){const d=r.value[n];m(d,l.tabs[d].id),e.nextTick(()=>{var _,y;(y=(_=C.value)==null?void 0:_[d])==null||y.focus()})}}const N=u;return(t,i)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(["az-tabs",f.value])},[e.createElementVNode("ul",{role:"tablist",class:"az-tabs__list","aria-label":c.description},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.tabs,(a,n)=>(e.openBlock(),e.createElementBlock("li",{key:`tab-${n}`,role:"presentation",class:"az-tabs__item"},[e.createElementVNode("button",{ref_for:!0,ref:"tab",role:"tab",class:e.normalizeClass(["az-tabs__tab",{"az-tabs__tab--selected":p(n,a.id),"az-tabs__tab--disabled":a.disabled}]),"aria-selected":p(n,a.id),"aria-disabled":a.disabled||void 0,disabled:a.disabled,tabindex:n===T.value?0:-1,type:"button",onClick:d=>m(n,a.id),onKeydown:d=>E(d,n)},[a.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.icon),{key:0,class:"az-tabs__icon","aria-hidden":"true"})):e.createCommentVNode("",!0),e.createElementVNode("div",V,[e.createElementVNode("span",null,e.toDisplayString(a.label),1)]),a.badge?(e.openBlock(),e.createElementBlock("span",B,[e.createVNode(e.unref(g.AzNumberBadge),{label:a.badge},null,8,["label"])])):e.createCommentVNode("",!0)],42,h)]))),128))],8,z),c.divider?(e.openBlock(),e.createBlock(e.unref(k.AzDivider),{key:0})):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-91787911"]]);s.AzTabs=x,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+(function(o,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("@ptlm-azulejo/divider"),require("@ptlm-azulejo/number-badge"),require("@ptlm-azulejo/divider/style.css"),require("@ptlm-azulejo/number-badge/style.css"),require("clsx"),require("tailwind-merge")):typeof define=="function"&&define.amd?define(["exports","vue","@ptlm-azulejo/divider","@ptlm-azulejo/number-badge","@ptlm-azulejo/divider/style.css","@ptlm-azulejo/number-badge/style.css","clsx","tailwind-merge"],e):(o=typeof globalThis!="undefined"?globalThis:o||self,e(o.tabs={},o.Vue,o.divider,o["number-badge"],o.divider,o["number-badge"],o.clsx,o["tailwind-merge"]))})(this,function(o,e,j,B,P,F,I,S){Object.defineProperty(o,Symbol.toStringTag,{value:"Module"});var E=(0,S.extendTailwindMerge)({extend:{theme:{color:["accent","on-accent","accent-hover","accent-subtle","accent-subtle-hover","accent-strong","accent-strong-hover","fg","fg-accent","surface","surface-muted","edge","danger","danger-hover"],radius:["btn"]}}});function f(...l){return E((0,I.clsx)(l))}function w(l,y,s){var c;return typeof s=="string"?(c=y.id)!==null&&c!==void 0?c:String(l):l}function T(l){function y(t,n){const i=w(t,n,l.modelValue.value);return l.modelValue.value===i}function s(){const t=l.modelValue.value,n=l.tabs.value;return typeof t=="string"?n.findIndex(i=>i.id===t):typeof t=="number"&&t>=0&&t<n.length?t:-1}function c(){return l.tabs.value.map((t,n)=>n).filter(t=>{var n;return!(!((n=l.tabs.value[t])===null||n===void 0)&&n.disabled)})}function a(){const t=c();if(t.length===0)return-1;const n=s();return t.includes(n)?n:t[0]}function _(t){const n=a();return n<0?-1:t===n?0:-1}function v(t){const n=l.tabs.value[t];if(!n||n.disabled)return;const i=w(t,n,l.modelValue.value);i!==l.modelValue.value&&l.onSelect(i)}function z(t,n){var i;if(t.key!=="ArrowRight"&&t.key!=="ArrowLeft"&&t.key!=="Home"&&t.key!=="End")return;const u=c();if(u.length===0)return;const p=u.indexOf(n);let m=null;if(t.key==="ArrowRight"){if(t.preventDefault(),p<0)return;m=(p+1)%u.length}else if(t.key==="ArrowLeft"){if(t.preventDefault(),p<0)return;m=(p-1+u.length)%u.length}else t.key==="Home"?(t.preventDefault(),m=0):t.key==="End"&&(t.preventDefault(),m=u.length-1);if(m===null)return;const x=u[m];v(x),(i=l.focusIndex)===null||i===void 0||i.call(l,x)}function h(t){return String(t)}return{isSelected:y,getTabIndex:_,select:v,onKeydown:z,formatBadge:h}}var N=["aria-label"],R=["aria-selected","aria-disabled","disabled","tabindex","onClick","onKeydown"],$=(0,e.defineComponent)({__name:"index",props:{description:{},size:{default:"m"},divider:{type:Boolean,default:!0},align:{default:"left"},rounded:{default:"m"},modelValue:{default:0},tabs:{},ui:{default:()=>({})}},emits:["update:modelValue"],setup(l,{emit:y}){const s={root:"relative w-full bg-[color:var(--color-background-primary)] font-sans",list:["relative z-[1] m-0 flex list-none overflow-x-auto p-0","gap-[length:var(--spacing-100)]","px-[calc(var(--spacing)*0.5)]","overflow-y-hidden [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden","md:overflow-hidden"].join(" "),item:"",tab:["group relative flex cursor-pointer items-center justify-center border-none bg-transparent no-underline outline-none font-sans","text-[color:var(--color-text-tertiary)] gap-[calc(var(--spacing)*0.5)]","hover:not-disabled:bg-[color-mix(in_srgb,var(--color-text-primary)_5%,transparent)]","focus-visible:outline focus-visible:outline-[length:var(--border-m)] focus-visible:outline-[color:var(--color-text-accent)] focus-visible:outline-offset-[length:var(--border-m)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent"].join(" "),tabSelected:["font-semibold text-[color:var(--color-text-accent)]","bg-[color:var(--color-background-accent)]","hover:not-disabled:bg-[color-mix(in_srgb,var(--color-background-accent)_88%,#000)]"].join(" "),icon:["inline-flex size-[1em] shrink-0 items-center justify-center leading-none text-current","[&_svg]:block [&_svg]:size-full"].join(" "),label:"pointer-events-none whitespace-nowrap",badge:"inline-flex shrink-0 items-center",divider:"mt-[length:var(--spacing-100)] w-full leading-none"},c={size:{s:{tab:"text-sm h-8 px-3",icon:"text-[length:calc(var(--spacing)*1.25)]"},m:{tab:"text-base h-10 px-4",icon:"text-[length:var(--spacing-300)]"}},align:{left:{list:"justify-start"},center:{list:"justify-center"},right:{list:"justify-end"}},rounded:{none:{tab:"rounded-none"},s:{tab:"rounded-[length:var(--border-radius-s)]"},m:{tab:"rounded-[length:var(--border-radius-m)]"},l:{tab:"rounded-[length:var(--border-radius-l)]"},full:{tab:"rounded-full"}}},a=l,_=y,v=(0,e.toRef)(a,"tabs"),z=(0,e.toRef)(a,"modelValue"),h=(0,e.ref)([]),t=(r,b)=>{h.value[b]=r},{isSelected:n,getTabIndex:i,select:u,onKeydown:p}=T({tabs:v,modelValue:z,onSelect:r=>_("update:modelValue",r),focusIndex:r=>{var b;return(b=h.value[r])===null||b===void 0?void 0:b.focus()}}),m=(0,e.computed)(()=>f(s.root,a.ui.root)),x=(0,e.computed)(()=>f(s.list,c.align[a.align].list,a.ui.list)),A=(r,b)=>f(s.tab,c.size[a.size].tab,c.rounded[a.rounded].tab,a.ui.tab,n(r,b)&&s.tabSelected,n(r,b)&&a.ui.tabSelected),V=r=>f(s.icon,c.size[a.size].icon,r,a.ui.icon),D=(0,e.computed)(()=>f(s.label,a.ui.label)),K=(0,e.computed)(()=>f(s.badge,a.ui.badge)),L=(0,e.computed)(()=>f(s.divider,a.ui.divider)),M=(0,e.computed)(()=>f(s.item,a.ui.item)),H=r=>typeof r=="number",O=r=>typeof r=="string";return(r,b)=>((0,e.openBlock)(),(0,e.createElementBlock)("nav",{"data-testid":"tabs",class:(0,e.normalizeClass)(m.value)},[(0,e.createElementVNode)("ul",{role:"tablist","data-testid":"tabs-list",class:(0,e.normalizeClass)(x.value),"aria-label":l.description},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(l.tabs,(d,g)=>{var C;return(0,e.openBlock)(),(0,e.createElementBlock)("li",{key:(C=d.id)!==null&&C!==void 0?C:g,role:"presentation","data-testid":"tabs-item",class:(0,e.normalizeClass)(M.value)},[(0,e.createElementVNode)("button",{ref_for:!0,ref:k=>t(k,g),type:"button",role:"tab","data-testid":"tabs-tab",class:(0,e.normalizeClass)(A(g,d)),"aria-selected":(0,e.unref)(n)(g,d),"aria-disabled":d.disabled||void 0,disabled:d.disabled,tabindex:(0,e.unref)(i)(g),onClick:k=>(0,e.unref)(u)(g),onKeydown:k=>(0,e.unref)(p)(k,g)},[O(d.icon)?((0,e.openBlock)(),(0,e.createElementBlock)("i",{key:0,"data-testid":"tabs-icon",class:(0,e.normalizeClass)(V(d.icon)),"aria-hidden":"true"},null,2)):d.icon?((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(d.icon),{key:1,"data-testid":"tabs-icon",class:(0,e.normalizeClass)(V()),"aria-hidden":"true"},null,8,["class"])):(0,e.createCommentVNode)("",!0),(0,e.createElementVNode)("div",{"data-testid":"tabs-label",class:(0,e.normalizeClass)(D.value)},[(0,e.createElementVNode)("span",null,(0,e.toDisplayString)(d.label),1)],2),H(d.badge)?((0,e.openBlock)(),(0,e.createElementBlock)("span",{key:2,"data-testid":"tabs-badge",class:(0,e.normalizeClass)(K.value)},[(0,e.createVNode)((0,e.unref)(B.AzNumberBadge),{label:d.badge},null,8,["label"])],2)):(0,e.createCommentVNode)("",!0)],42,R)],2)}),128))],10,N),l.divider?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(j.AzDivider),{key:0,"data-testid":"tabs-divider",class:(0,e.normalizeClass)(L.value)},null,8,["class"])):(0,e.createCommentVNode)("",!0)],2))}}),q=$;o.AzTabs=q});

package/dist/packages/Tabs/index.d.ts

@@ -0,0 +1,3 @@
+export { default as AzTabs } from './src/index.vue';
+export type { TabItem, TabsSize, TabsAlign, TabsRounded, TabsModelValue, TabsUi, } from './src/types';
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/Tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACnD,YAAY,EACV,OAAO,EACP,QAAQ,EACR,SAAS,EACT,WAAW,EACX,cAAc,EACd,MAAM,GACP,MAAM,aAAa,CAAA"}

package/dist/packages/Tabs/src/index.vue.d.ts

@@ -0,0 +1,54 @@
+import { TabItem, TabsAlign, TabsModelValue, TabsRounded, TabsSize, TabsUi } from './types';
+type __VLS_Props = {
+    /**
+     * Accessible name for the tab list (`aria-label`).
+     */
+    description?: string;
+    /**
+     * Size of the tabs. `m` is the default Mozaic medium size.
+     */
+    size?: TabsSize;
+    /**
+     * When true, a divider is rendered below the tab list.
+     */
+    divider?: boolean;
+    /**
+     * Horizontal alignment of the tab list: `left`, `center`, or `right`.
+     */
+    align?: TabsAlign;
+    /**
+     * Border radius of each tab button.
+     * Maps to theme tokens: `s` / `m` / `l`, plus `none` and `full`. Defaults to `m`.
+     */
+    rounded?: TabsRounded;
+    /**
+     * Currently active tab (`v-model`).
+     * - `number` — index of the tab
+     * - `string` — must match a tab `id`
+     */
+    modelValue?: TabsModelValue;
+    /**
+     * Tab definitions used to render the tab list.
+     */
+    tabs: TabItem[];
+    /**
+     * Tailwind class overrides per structural part.
+     * Merged with `defaultTabsUi` via `cn()` — conflicting utilities win.
+     */
+    ui?: TabsUi;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value?: TabsModelValue | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value?: TabsModelValue | undefined) => any) | undefined;
+}>, {
+    rounded: TabsRounded;
+    size: TabsSize;
+    divider: boolean;
+    align: TabsAlign;
+    modelValue: TabsModelValue;
+    ui: TabsUi;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=index.vue.d.ts.map

package/dist/packages/Tabs/src/index.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../../src/index.vue"],"names":[],"mappings":"AAiQA,OAAO,iCAAiC,CAAA;AACxC,OAAO,sCAAsC,CAAA;AAG7C,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAkEhG,KAAK,WAAW,GAAG;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B;;OAEG;IACH,IAAI,EAAE,OAAO,EAAE,CAAA;IACf;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAC;AA4NJ,QAAA,MAAM,YAAY;;;;;aA5OJ,WAAW;UAbd,QAAQ;aAIL,OAAO;WAIT,SAAS;gBAWJ,cAAc;QAStB,MAAM;6EAiOb,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/packages/Tabs/src/types.d.ts

@@ -0,0 +1,46 @@
+import { Component } from 'vue';
+export interface TabItem {
+    /**
+     * Unique identifier for the tab. Required when `modelValue` is a string.
+     */
+    id?: string;
+    /**
+     * Icon rendered before the label.
+     * Pass a Vue component, or an Azulejo icon class string (e.g. `'az az-ui-home'`).
+     */
+    icon?: Component | string;
+    /**
+     * Numeric notification badge shown after the label.
+     */
+    badge?: number;
+    /**
+     * Visible tab label.
+     */
+    label: string;
+    /**
+     * When true, the tab cannot be selected.
+     */
+    disabled?: boolean;
+}
+export type TabsSize = 's' | 'm';
+/**
+ * Horizontal alignment of the tab list within the available width.
+ */
+export type TabsAlign = 'left' | 'center' | 'right';
+/**
+ * Border radius of each tab button, mapped to theme `--border-radius-*` tokens.
+ */
+export type TabsRounded = 'none' | 's' | 'm' | 'l' | 'full';
+export type TabsModelValue = string | number;
+export interface TabsUi {
+    root?: string;
+    list?: string;
+    item?: string;
+    tab?: string;
+    tabSelected?: string;
+    icon?: string;
+    label?: string;
+    badge?: string;
+    divider?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/packages/Tabs/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,MAAM,WAAW,OAAO;IACtB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,MAAM,QAAQ,GAAG,GAAG,GAAG,GAAG,CAAA;AAEhC;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEnD;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,CAAA;AAE3D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,CAAA;AAE5C,MAAM,WAAW,MAAM;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB"}

package/dist/packages/Tabs/src/useTabs.d.ts

@@ -0,0 +1,15 @@
+import { Ref } from 'vue';
+import { TabItem, TabsModelValue } from './types';
+export declare function useTabs(options: {
+    tabs: Ref<TabItem[]>;
+    modelValue: Ref<TabsModelValue | undefined>;
+    onSelect: (value: TabsModelValue) => void;
+    focusIndex?: (index: number) => void;
+}): {
+    isSelected: (index: number, tab: TabItem) => boolean;
+    getTabIndex: (index: number) => number;
+    select: (index: number) => void;
+    onKeydown: (event: KeyboardEvent, index: number) => void;
+    formatBadge: (badge: number) => string;
+};
+//# sourceMappingURL=useTabs.d.ts.map

package/dist/packages/Tabs/src/useTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabs.d.ts","sourceRoot":"","sources":["../../../../src/useTabs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC9B,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAMtD,wBAAgB,OAAO,CAAC,OAAO,EAAE;IAC/B,IAAI,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC,CAAA;IACpB,UAAU,EAAE,GAAG,CAAC,cAAc,GAAG,SAAS,CAAC,CAAA;IAC3C,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;IACzC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC;wBAC4B,MAAM,OAAO,OAAO,KAAG,OAAO;yBAoC7B,MAAM,KAAG,MAAM;oBAMpB,MAAM,KAAG,IAAI;uBAUV,aAAa,SAAS,MAAM,KAAG,IAAI;yBAuCjC,MAAM,KAAG,MAAM;EAW5C"}

package/dist/style.css

@@ -1 +1,3 @@
-/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-91787911],[data-v-91787911]:before,[data-v-91787911]:after,[data-v-91787911]::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial}}}.az-tabs[data-v-91787911]{background-color:var(--tabs-color-background-default);width:100%;position:relative}.az-tabs__list[data-v-91787911]{margin:calc(var(--spacing,.25rem) * 0);padding:calc(var(--spacing,.25rem) * 0);gap:var(--spacing-100);padding:var(--tabs-list-padding,var(--spacing-100) var(--spacing-050));list-style-type:none;display:flex;overflow-x:auto}.az-tabs--centered .az-tabs__list[data-v-91787911]{justify-content:center}@media screen and (min-width:769px){.az-tabs__list[data-v-91787911]{overflow:hidden}}.az-tabs__tab[data-v-91787911]{cursor:pointer;--tw-border-style:none;--tw-outline-style:none;border-radius:var(--border-radius-s);color:var(--tabs-color-text-default);justify-content:center;align-items:center;gap:var(--spacing-050);background-color:#0000;border-style:none;outline-style:none;text-decoration-line:none;display:flex}.az-tabs__tab[data-v-91787911]:hover{background-color:var(--tabs-color-background-hover)}.az-tabs__tab[data-v-91787911]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-blue-500,oklch(62.3% .214 259.815));--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.az-tabs__tab--selected[data-v-91787911]{background-color:var(--tabs-color-background-selected);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--tabs-color-text-selected)}.az-tabs__tab--selected[data-v-91787911]:hover{background-color:var(--tabs-color-background-selected-hover)}.az-tabs__tab--disabled[data-v-91787911]{cursor:not-allowed;color:var(--tabs-color-text-disabled)}.az-tabs__tab--disabled[data-v-91787911]:hover{background-color:#0000}.az-tabs__label[data-v-91787911]{pointer-events:none;white-space:nowrap}.az-tabs__icon[data-v-91787911]{fill:currentColor}.az-tabs--s[data-v-91787911]{height:var(--spacing-500)}.az-tabs--m[data-v-91787911]{height:var(--spacing-700)}.az-tabs--s .az-tabs__tab[data-v-91787911],.az-tabs__tab--s[data-v-91787911]{font-size:var(--font-size-04);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));height:var(--spacing-300);padding-left:var(--spacing-100);padding-right:var(--spacing-100)}.az-tabs--s .az-tabs__icon[data-v-91787911],.az-tabs__tab--s .az-tabs__icon[data-v-91787911]{width:var(--spacing-250);height:var(--spacing-250)}.az-tabs--m .az-tabs__tab[data-v-91787911],.az-tabs__tab--m[data-v-91787911]{font-size:var(--font-size-05);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));height:var(--spacing-500);padding-left:var(--spacing-150);padding-right:var(--spacing-150)}.az-tabs--m .az-tabs__icon[data-v-91787911],.az-tabs__tab--m .az-tabs__icon[data-v-91787911]{width:var(--spacing-300);height:var(--spacing-300)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 transparent;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 transparent;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 transparent;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 transparent;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 transparent;--tw-outline-style:solid}::-ms-backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 transparent;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 transparent;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 transparent;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 transparent;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 transparent;--tw-outline-style:solid}::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 transparent;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 transparent;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 transparent;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 transparent;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 transparent;--tw-outline-style:solid}}}.pointer-events-none{pointer-events:none}.relative{position:relative}.z-\[1\]{z-index:1}.m-0{margin:0}.mt-\[length\:var\(--spacing-100\)\]{margin-top:var(--spacing-100)}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.size-\[1em\]{width:1em;height:1em}.h-8{height:calc(var(--spacing,.25rem) * 8)}.h-10{height:calc(var(--spacing,.25rem) * 10)}.w-full{width:100%}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.\[scrollbar-width\:none\]{scrollbar-width:none}.list-none{list-style-type:none}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-\[calc\(var\(--spacing\)\*0\.5\)\]{gap:calc(var(--spacing) * .5)}.gap-\[length\:var\(--spacing-100\)\]{gap:var(--spacing-100)}.overflow-x-auto{overflow-x:auto}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-\[length\:var\(--border-radius-l\)\]{border-radius:var(--border-radius-l)}.rounded-\[length\:var\(--border-radius-m\)\]{border-radius:var(--border-radius-m)}.rounded-\[length\:var\(--border-radius-s\)\]{border-radius:var(--border-radius-s)}.rounded-full{border-radius:2147483647px}.rounded-none{border-radius:0}.border-none{--tw-border-style:none;border-style:none}.bg-\[color\:var\(--color-background-accent\)\]{background-color:var(--color-background-accent)}.bg-\[color\:var\(--color-background-primary\)\]{background-color:var(--color-background-primary)}.bg-transparent{background-color:transparent}.p-0{padding:0}.px-3{padding-inline:calc(var(--spacing,.25rem) * 3)}.px-4{padding-inline:calc(var(--spacing,.25rem) * 4)}.px-\[calc\(var\(--spacing\)\*0\.5\)\]{padding-inline:calc(var(--spacing) * .5)}.font-sans{font-family:var(--font-family,ui-sans-serif, system-ui, sans-serif)}.text-base{font-size:var(--font-size-05);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}.text-sm{font-size:var(--font-size-04);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.text-\[length\:calc\(var\(--spacing\)\*1\.25\)\]{font-size:calc(var(--spacing) * 1.25)}.text-\[length\:var\(--spacing-300\)\]{font-size:var(--spacing-300)}.leading-none{--tw-leading:1;line-height:1}.font-semibold{--tw-font-weight:var(--font-weight-semi-bold);font-weight:var(--font-weight-semi-bold)}.whitespace-nowrap{white-space:nowrap}.text-\[color\:var\(--color-text-accent\)\]{color:var(--color-text-accent)}.text-\[color\:var\(--color-text-tertiary\)\]{color:var(--color-text-tertiary)}.text-current{color:currentColor}.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-edge{--tw-ring-color:var(--color-border-primary)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-edge{outline-color:var(--color-border-primary)}.outline-none{--tw-outline-style:none;outline-style:none}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}@media (hover:hover){.hover\:not-disabled\:bg-\[color-mix\(in_srgb\,var\(--color-background-accent\)_88\%\,\#000\)\]:hover:not(:disabled){background-color:var(--color-background-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:not-disabled\:bg-\[color-mix\(in_srgb\,var\(--color-background-accent\)_88\%\,\#000\)\]:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-background-accent) 88%,#000)}}.hover\:not-disabled\:bg-\[color-mix\(in_srgb\,var\(--color-text-primary\)_5\%\,transparent\)\]:hover:not(:disabled){background-color:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:not-disabled\:bg-\[color-mix\(in_srgb\,var\(--color-text-primary\)_5\%\,transparent\)\]:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-text-primary) 5%,transparent)}}}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-\[length\:var\(--border-m\)\]:focus-visible{outline-style:var(--tw-outline-style);outline-width:var(--border-m)}.focus-visible\:outline-offset-\[length\:var\(--border-m\)\]:focus-visible{outline-offset:var(--border-m)}.focus-visible\:outline-\[color\:var\(--color-text-accent\)\]:focus-visible{outline-color:var(--color-text-accent)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (hover:hover){.disabled\:hover\:bg-transparent:disabled:hover{background-color:transparent}}@media (min-width:48rem){.md\:overflow-hidden{overflow:hidden}}.\[\&_svg\]\:block svg{display:block}.\[\&_svg\]\:size-full svg{width:100%;height:100%}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
+/*$vite$:1*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ptlm-azulejo/tabs",
-  "version": "0.0.1-alpha.35",
+  "version": "1.0.0-alpha.211",
   "type": "module",
   "main": "./dist/index.umd.cjs",
   "module": "./dist/index.js",
@@ -26,23 +26,28 @@
   "files": [
     "dist/*"
   ],
+  "dependencies": {
+    "@ptlm-azulejo/divider": "^1.0.0",
+    "@ptlm-azulejo/number-badge": "^0.1.0"
+  },
   "devDependencies": {
+    "@ptlm-azulejo/fonts-adeo": "*",
+    "@ptlm-azulejo/fonts-leroy-merlin": "*",
+    "@ptlm-azulejo/icons": "^1.0.0-alpha.6",
     "@ptlm-azulejo/themes": "*",
-    "@storybook/addon-essentials": "^7.0.0",
-    "@storybook/addon-interactions": "^7.0.0",
-    "@storybook/vue3": "^7.0.0",
-    "@storybook/vue3-vite": "^7.0.0",
-    "@tailwindcss/vite": "^4.0.0",
-    "storybook": "^7.0.0",
-    "tailwindcss": "^4.0.0",
+    "@storybook/vue3-vite": "^10.5.8",
+    "@tailwindcss/vite": "^4.3.3",
+    "storybook": "^10.5.8",
+    "tailwindcss": "^4.3.3",
     "vue": "^3.3.4"
   },
   "peerDependencies": {
+    "@ptlm-azulejo/themes": ">=1.4.0",
     "vue": ">=3.0.0"
   },
-  "dependencies": {
-    "@ptlm-azulejo/divider": "^0.0.1-alpha.32",
-    "@ptlm-azulejo/number-badge": "^0.0.1-alpha.33",
-    "@ptlm-azulejo/themes": "^1.1.0"
+  "peerDependenciesMeta": {
+    "@ptlm-azulejo/themes": {
+      "optional": true
+    }
   }
 }

package/dist/index.d.ts

@@ -1,2 +0,0 @@
-export { default as AzTabs } from './src/index.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/src/index.stories.d.ts

@@ -1,14 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3';
-import { default as Tabs } from './index.vue';
-
-declare const meta: Meta<typeof Tabs>;
-export default meta;
-type Story = StoryObj<typeof Tabs>;
-export declare const Default: Story;
-export declare const Small: Story;
-export declare const Icons: Story;
-export declare const Centered: Story;
-export declare const NoDivider: Story;
-export declare const Disabled: Story;
-export declare const WithBadges: Story;
-//# sourceMappingURL=index.stories.d.ts.map

package/dist/src/index.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../src/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,+BAA+B,CAAA;AACtC,OAAO,IAAI,MAAM,aAAa,CAAA;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA8C3B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,KAAK,EAAE,KA0BnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAyBnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAwBxB,CAAC"}

package/dist/src/index.vue.d.ts

@@ -1,136 +0,0 @@
-import { Component } from 'vue';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    /**
-     * A description indicating the purpose of the set of tabs. Useful for improving the accessibility of the component.
-     */
-    description?: string;
-    /**
-     * Defines the size of the tab.
-     */
-    size?: "s" | "m";
-    /**
-     * If `true`, the divider will appear.
-     */
-    divider?: boolean;
-    /**
-     * If `true`, the tabs of the component will be centered.
-     */
-    centered?: boolean;
-    /**
-     * Defines the currently active tab.
-     *
-     * - If a `number` is provided, it represents the index of the tab.
-     * - If a `string` is provided, it must match the `id` of one of the tabs.
-     */
-    modelValue?: string | number;
-    /**
-     * An array of objects that allows you to provide all the data needed to generate the content for each tab.
-     */
-    tabs: Array<{
-        /**
-         * Unique identifier for the tab.
-         */
-        id?: string;
-        /**
-         * The icon displayed for the tab from Mozaic-icon-vue.
-         */
-        icon?: Component;
-        /**
-         * The number badge displayed for the tab.
-         */
-        badge?: number;
-        /**
-         * The label displayed for the tab.
-         */
-        label: string;
-        /**
-         * If `true`, the tab will be disabled.
-         */
-        disabled?: boolean;
-    }>;
-}>, {
-    modelValue: number;
-    size: string;
-    divider: boolean;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value?: string | number | undefined) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    /**
-     * A description indicating the purpose of the set of tabs. Useful for improving the accessibility of the component.
-     */
-    description?: string;
-    /**
-     * Defines the size of the tab.
-     */
-    size?: "s" | "m";
-    /**
-     * If `true`, the divider will appear.
-     */
-    divider?: boolean;
-    /**
-     * If `true`, the tabs of the component will be centered.
-     */
-    centered?: boolean;
-    /**
-     * Defines the currently active tab.
-     *
-     * - If a `number` is provided, it represents the index of the tab.
-     * - If a `string` is provided, it must match the `id` of one of the tabs.
-     */
-    modelValue?: string | number;
-    /**
-     * An array of objects that allows you to provide all the data needed to generate the content for each tab.
-     */
-    tabs: Array<{
-        /**
-         * Unique identifier for the tab.
-         */
-        id?: string;
-        /**
-         * The icon displayed for the tab from Mozaic-icon-vue.
-         */
-        icon?: Component;
-        /**
-         * The number badge displayed for the tab.
-         */
-        badge?: number;
-        /**
-         * The label displayed for the tab.
-         */
-        label: string;
-        /**
-         * If `true`, the tab will be disabled.
-         */
-        disabled?: boolean;
-    }>;
-}>, {
-    modelValue: number;
-    size: string;
-    divider: boolean;
-}>>> & Readonly<{
-    "onUpdate:modelValue"?: ((value?: string | number | undefined) => any) | undefined;
-}>, {
-    size: "s" | "m";
-    divider: boolean;
-    modelValue: string | number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-//# sourceMappingURL=index.vue.d.ts.map

package/dist/src/index.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../src/index.vue"],"names":[],"mappings":"AAEA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,KAAK,CAAC;;IA0crE;;OAEG;kBACW,MAAM;IACpB;;OAEG;WACI,GAAG,GAAG,GAAG;IAChB;;OAEG;cACO,OAAO;IACjB;;OAEG;eACQ,OAAO;IAClB;;;;;OAKG;iBACU,MAAM,GAAG,MAAM;IAC5B;;OAEG;UACG,KAAK,CAAC;QACV;;WAEG;QACH,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ;;WAEG;QACH,IAAI,CAAC,EAAE,SAAS,CAAC;QACjB;;WAEG;QACH,KAAK,CAAC,EAAE,MAAM,CAAC;QACf;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;;;;;;;;IA/CF;;OAEG;kBACW,MAAM;IACpB;;OAEG;WACI,GAAG,GAAG,GAAG;IAChB;;OAEG;cACO,OAAO;IACjB;;OAEG;eACQ,OAAO;IAClB;;;;;OAKG;iBACU,MAAM,GAAG,MAAM;IAC5B;;OAEG;UACG,KAAK,CAAC;QACV;;WAEG;QACH,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ;;WAEG;QACH,IAAI,CAAC,EAAE,SAAS,CAAC;QACjB;;WAEG;QACH,KAAK,CAAC,EAAE,MAAM,CAAC;QACf;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;;;;;;;;UAxCK,GAAG,GAAG,GAAG;aAIN,OAAO;gBAWJ,MAAM,GAAG,MAAM;;AA5BhC,wBAwDG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}