@ptlm-azulejo/tabs 0.0.1-alpha.192 → 0.0.1-alpha.196
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.
- package/dist/index.js +34 -35
- package/dist/index.umd.cjs +1 -1
- package/dist/packages/Tabs/src/index.vue.d.ts.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +9 -12
package/dist/index.js
CHANGED
|
@@ -28,26 +28,26 @@ function f(...a) {
|
|
|
28
28
|
return Y(W(a));
|
|
29
29
|
}
|
|
30
30
|
function B(a, y, r) {
|
|
31
|
-
var
|
|
32
|
-
return typeof r == "string" ? (
|
|
31
|
+
var i;
|
|
32
|
+
return typeof r == "string" ? (i = y.id) !== null && i !== void 0 ? i : String(a) : a;
|
|
33
33
|
}
|
|
34
34
|
function Z(a) {
|
|
35
35
|
function y(e, t) {
|
|
36
|
-
const
|
|
37
|
-
return a.modelValue.value ===
|
|
36
|
+
const o = B(e, t, a.modelValue.value);
|
|
37
|
+
return a.modelValue.value === o;
|
|
38
38
|
}
|
|
39
39
|
function r() {
|
|
40
40
|
const e = a.modelValue.value, t = a.tabs.value;
|
|
41
|
-
return typeof e == "string" ? t.findIndex((
|
|
41
|
+
return typeof e == "string" ? t.findIndex((o) => o.id === e) : typeof e == "number" && e >= 0 && e < t.length ? e : -1;
|
|
42
42
|
}
|
|
43
|
-
function
|
|
43
|
+
function i() {
|
|
44
44
|
return a.tabs.value.map((e, t) => t).filter((e) => {
|
|
45
45
|
var t;
|
|
46
46
|
return !(!((t = a.tabs.value[e]) === null || t === void 0) && t.disabled);
|
|
47
47
|
});
|
|
48
48
|
}
|
|
49
49
|
function n() {
|
|
50
|
-
const e =
|
|
50
|
+
const e = i();
|
|
51
51
|
if (e.length === 0)
|
|
52
52
|
return -1;
|
|
53
53
|
const t = r();
|
|
@@ -61,14 +61,14 @@ function Z(a) {
|
|
|
61
61
|
const t = a.tabs.value[e];
|
|
62
62
|
if (!t || t.disabled)
|
|
63
63
|
return;
|
|
64
|
-
const
|
|
65
|
-
|
|
64
|
+
const o = B(e, t, a.modelValue.value);
|
|
65
|
+
o !== a.modelValue.value && a.onSelect(o);
|
|
66
66
|
}
|
|
67
67
|
function I(e, t) {
|
|
68
|
-
var
|
|
68
|
+
var o;
|
|
69
69
|
if (e.key !== "ArrowRight" && e.key !== "ArrowLeft" && e.key !== "Home" && e.key !== "End")
|
|
70
70
|
return;
|
|
71
|
-
const d =
|
|
71
|
+
const d = i();
|
|
72
72
|
if (d.length === 0)
|
|
73
73
|
return;
|
|
74
74
|
const m = d.indexOf(t);
|
|
@@ -86,7 +86,7 @@ function Z(a) {
|
|
|
86
86
|
if (b === null)
|
|
87
87
|
return;
|
|
88
88
|
const w = d[b];
|
|
89
|
-
k(w), (
|
|
89
|
+
k(w), (o = a.focusIndex) === null || o === void 0 || o.call(a, w);
|
|
90
90
|
}
|
|
91
91
|
function _(e) {
|
|
92
92
|
return String(e);
|
|
@@ -126,9 +126,10 @@ var ee = ["aria-label"], te = [
|
|
|
126
126
|
const r = {
|
|
127
127
|
root: "relative w-full bg-[color:var(--color-background-primary)] font-sans",
|
|
128
128
|
list: [
|
|
129
|
-
"m-0 flex list-none overflow-x-auto p-0",
|
|
129
|
+
"relative z-[1] m-0 flex list-none overflow-x-auto p-0",
|
|
130
130
|
"gap-[length:var(--spacing-100)]",
|
|
131
|
-
"
|
|
131
|
+
"px-[calc(var(--spacing)*0.5)]",
|
|
132
|
+
"overflow-y-hidden [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
|
|
132
133
|
"md:overflow-hidden"
|
|
133
134
|
].join(" "),
|
|
134
135
|
item: "",
|
|
@@ -147,17 +148,15 @@ var ee = ["aria-label"], te = [
|
|
|
147
148
|
icon: ["inline-flex size-[1em] shrink-0 items-center justify-center leading-none text-current", "[&_svg]:block [&_svg]:size-full"].join(" "),
|
|
148
149
|
label: "pointer-events-none whitespace-nowrap",
|
|
149
150
|
badge: "inline-flex shrink-0 items-center",
|
|
150
|
-
divider: ""
|
|
151
|
-
},
|
|
151
|
+
divider: "mt-[length:var(--spacing-100)] w-full leading-none"
|
|
152
|
+
}, i = {
|
|
152
153
|
size: {
|
|
153
154
|
s: {
|
|
154
|
-
|
|
155
|
-
tab: "text-sm h-[length:var(--spacing-300)] px-3",
|
|
155
|
+
tab: "text-sm h-8 px-3",
|
|
156
156
|
icon: "text-[length:calc(var(--spacing)*1.25)]"
|
|
157
157
|
},
|
|
158
158
|
m: {
|
|
159
|
-
|
|
160
|
-
tab: "text-base h-[length:var(--spacing-500)] px-4",
|
|
159
|
+
tab: "text-base h-10 px-4",
|
|
161
160
|
icon: "text-[length:var(--spacing-300)]"
|
|
162
161
|
}
|
|
163
162
|
},
|
|
@@ -175,7 +174,7 @@ var ee = ["aria-label"], te = [
|
|
|
175
174
|
}
|
|
176
175
|
}, n = a, z = y, k = A(n, "tabs"), I = A(n, "modelValue"), _ = P([]), e = (l, c) => {
|
|
177
176
|
_.value[c] = l;
|
|
178
|
-
}, { isSelected: t, getTabIndex:
|
|
177
|
+
}, { isSelected: t, getTabIndex: o, select: d, onKeydown: m } = Z({
|
|
179
178
|
tabs: k,
|
|
180
179
|
modelValue: I,
|
|
181
180
|
onSelect: (l) => z("update:modelValue", l),
|
|
@@ -183,7 +182,7 @@ var ee = ["aria-label"], te = [
|
|
|
183
182
|
var c;
|
|
184
183
|
return (c = _.value[l]) === null || c === void 0 ? void 0 : c.focus();
|
|
185
184
|
}
|
|
186
|
-
}), b = p(() => f(r.root,
|
|
185
|
+
}), 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";
|
|
187
186
|
return (l, c) => (g(), x("nav", {
|
|
188
187
|
"data-testid": "tabs",
|
|
189
188
|
class: u(b.value)
|
|
@@ -192,10 +191,10 @@ var ee = ["aria-label"], te = [
|
|
|
192
191
|
"data-testid": "tabs-list",
|
|
193
192
|
class: u(w.value),
|
|
194
193
|
"aria-label": a.description
|
|
195
|
-
}, [(g(!0), x(M, null, U(a.tabs, (
|
|
194
|
+
}, [(g(!0), x(M, null, U(a.tabs, (s, v) => {
|
|
196
195
|
var S;
|
|
197
196
|
return g(), x("li", {
|
|
198
|
-
key: (S =
|
|
197
|
+
key: (S = s.id) !== null && S !== void 0 ? S : v,
|
|
199
198
|
role: "presentation",
|
|
200
199
|
"data-testid": "tabs-item",
|
|
201
200
|
class: u(N.value)
|
|
@@ -205,20 +204,20 @@ var ee = ["aria-label"], te = [
|
|
|
205
204
|
type: "button",
|
|
206
205
|
role: "tab",
|
|
207
206
|
"data-testid": "tabs-tab",
|
|
208
|
-
class: u(D(v,
|
|
209
|
-
"aria-selected": h(t)(v,
|
|
210
|
-
"aria-disabled":
|
|
211
|
-
disabled:
|
|
212
|
-
tabindex: h(
|
|
207
|
+
class: u(D(v, s)),
|
|
208
|
+
"aria-selected": h(t)(v, s),
|
|
209
|
+
"aria-disabled": s.disabled || void 0,
|
|
210
|
+
disabled: s.disabled,
|
|
211
|
+
tabindex: h(o)(v),
|
|
213
212
|
onClick: (V) => h(d)(v),
|
|
214
213
|
onKeydown: (V) => h(m)(V, v)
|
|
215
214
|
}, [
|
|
216
|
-
H(
|
|
215
|
+
H(s.icon) ? (g(), x("i", {
|
|
217
216
|
key: 0,
|
|
218
217
|
"data-testid": "tabs-icon",
|
|
219
|
-
class: u($(
|
|
218
|
+
class: u($(s.icon)),
|
|
220
219
|
"aria-hidden": "true"
|
|
221
|
-
}, null, 2)) :
|
|
220
|
+
}, null, 2)) : s.icon ? (g(), R(q(s.icon), {
|
|
222
221
|
key: 1,
|
|
223
222
|
"data-testid": "tabs-icon",
|
|
224
223
|
class: u($()),
|
|
@@ -227,12 +226,12 @@ var ee = ["aria-label"], te = [
|
|
|
227
226
|
C("div", {
|
|
228
227
|
"data-testid": "tabs-label",
|
|
229
228
|
class: u(T.value)
|
|
230
|
-
}, [C("span", null, G(
|
|
231
|
-
L(
|
|
229
|
+
}, [C("span", null, G(s.label), 1)], 2),
|
|
230
|
+
L(s.badge) ? (g(), x("span", {
|
|
232
231
|
key: 2,
|
|
233
232
|
"data-testid": "tabs-badge",
|
|
234
233
|
class: u(E.value)
|
|
235
|
-
}, [F(h(Q), { label:
|
|
234
|
+
}, [F(h(Q), { label: s.badge }, null, 8, ["label"])], 2)) : j("", !0)
|
|
236
235
|
], 42, te)], 2);
|
|
237
236
|
}), 128))], 10, ee), a.divider ? (g(), R(h(J), {
|
|
238
237
|
key: 0,
|
package/dist/index.umd.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(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,
|
|
1
|
+
(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});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../../src/index.vue"],"names":[],"mappings":"
|
|
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/style.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@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}.m-0{margin:0}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.size-\[1em\]{width:1em;height:1em}.h-
|
|
2
|
+
@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}
|
|
3
3
|
/*$vite$:1*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ptlm-azulejo/tabs",
|
|
3
|
-
"version": "0.0.1-alpha.
|
|
3
|
+
"version": "0.0.1-alpha.196",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.umd.cjs",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -28,20 +28,17 @@
|
|
|
28
28
|
],
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@ptlm-azulejo/divider": "^0.0.1-alpha.32",
|
|
31
|
-
"@ptlm-azulejo/number-badge": "^0.0.1-alpha.33"
|
|
32
|
-
"clsx": "^2.1.1",
|
|
33
|
-
"tailwind-merge": "^3.0.0"
|
|
31
|
+
"@ptlm-azulejo/number-badge": "^0.0.1-alpha.33"
|
|
34
32
|
},
|
|
35
33
|
"devDependencies": {
|
|
34
|
+
"@ptlm-azulejo/fonts-adeo": "*",
|
|
35
|
+
"@ptlm-azulejo/fonts-leroy-merlin": "*",
|
|
36
|
+
"@ptlm-azulejo/icons": "^1.0.0-alpha.6",
|
|
36
37
|
"@ptlm-azulejo/themes": "*",
|
|
37
|
-
"@storybook/
|
|
38
|
-
"@
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"@storybook/vue3-vite": "^7.0.0",
|
|
42
|
-
"@tailwindcss/vite": "^4.0.0",
|
|
43
|
-
"storybook": "^7.0.0",
|
|
44
|
-
"tailwindcss": "^4.0.0",
|
|
38
|
+
"@storybook/vue3-vite": "^10.5.8",
|
|
39
|
+
"@tailwindcss/vite": "^4.3.3",
|
|
40
|
+
"storybook": "^10.5.8",
|
|
41
|
+
"tailwindcss": "^4.3.3",
|
|
45
42
|
"vue": "^3.3.4"
|
|
46
43
|
},
|
|
47
44
|
"peerDependencies": {
|