@loja-integrada/admin-components 1.3.14 → 1.3.15

package/dist/chunk-WYU4N3LM.js

@@ -0,0 +1,8 @@
+import { a } from './chunk-AGCI6C3Z.js';
+import { memo, useRef, useState, useEffect } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var C=cva("tabs-item group min-w-0 shrink-0 overflow-x-hidden text-transparent -outline-offset-1 hover:text-on-base focus:outline-focus",{variants:{active:{true:"tabs-item-active text-on-base",false:"cursor-pointer"},disabled:{true:"pointer-events-none opacity-50",false:""}}}),L=cva("text-f6 relative block break-words px-2 py-2 font-semibold lg:py-4",{variants:{active:{true:"",false:"before:absolute before:block before:translate-x-px before:overflow-hidden before:font-normal before:text-inverted-2 before:opacity-100 before:content-[attr(data-title)] hover:before:opacity-0"}}}),k=({id:i,title:a$1,titleComplement:t,active:n=!1,disabled:o=!1,onChange:b,className:r=""})=>{let f=c=>typeof t=="function"?t(c):t;return jsx("button",{type:"button",id:`btnTab${i}`,className:a(C({active:n,disabled:o,className:r})),onClick:()=>b(i),disabled:o,children:jsxs("span",{className:a(L({active:n})),"data-title":a$1,children:[a$1,t?jsx("span",{className:"ml-2",children:f(n)}):null]})})},p=memo(k);p.displayName="TabsItem";var W=({className:i="",items:a$1,activeItem:t,onChange:n})=>{let o=useRef(null),b=useRef(null),[r,f]=useState(t),[c,y]=useState(0),[I,x]=useState(0);useEffect(()=>{f(t);},[t]),useEffect(()=>{let e=document.querySelector(`#btnTab${r}`);if(o?.current&&e){let l=o.current.getBoundingClientRect(),m=parseFloat(window.getComputedStyle(o.current,null).getPropertyValue("padding-left")),N=e?.offsetLeft-l.left;o.current.scrollTo({left:N-l.width/2+e.offsetWidth/2,behavior:"smooth"}),x(e?.clientWidth||0),y(e?.offsetLeft<m?m:e?.offsetLeft);}},[t,r]);let w=e=>{e!==r&&(f(e),n?.(e));};return !a$1||!Array.isArray(a$1)?null:jsxs("div",{ref:o,className:a("relative tabs flex w-full flex-nowrap lg:gap-4 gap-2 overflow-x-auto border-b border-card-stroke bg-base-1",i),children:[jsx("div",{ref:b,id:"bottom-border",className:"absolute bottom-0 h-1 bg-primary",style:{left:c,width:I,transition:"all 0.15s ease"}}),a$1?.map((e,l)=>(e.id||(e.id=encodeURI(e.title)),jsx(p,{...e,onChange:w,active:r===e.id},`tab-item-${l}`)))]})},E=memo(W);E.displayName="Tabs";
+
+export { E as a };

package/dist/components/Tabs/index.js

@@ -1,2 +1,2 @@
-"use client";export { a as Tabs } from '../../chunk-WPEH6OZ2.js';
+"use client";export { a as Tabs } from '../../chunk-WYU4N3LM.js';
 import '../../chunk-AGCI6C3Z.js';

package/dist/components/index.js

@@ -8,7 +8,7 @@ import '../chunk-BW4TJLAD.js';
 export { a as Modal } from '../chunk-ZNDZCIEX.js';
 export { a as SidebarFixed } from '../chunk-6Z2GJXT6.js';
 export { a as Table, d as TableBody, h as TableCaption, g as TableCell, e as TableFooter, c as TableHead, b as TableHeader, f as TableRow } from '../chunk-TJKZQP6P.js';
-export { a as Tabs } from '../chunk-WPEH6OZ2.js';
+export { a as Tabs } from '../chunk-WYU4N3LM.js';
 export { a as Timeline } from '../chunk-7JT6B2LQ.js';
 export { a as LoadingPlaceholder } from '../chunk-VFFDRP2O.js';
 import '../chunk-LTWCICTK.js';

package/dist/forms/Calendar/index.js

@@ -17,7 +17,7 @@ import '../../chunk-BW4TJLAD.js';
 import '../../chunk-ZNDZCIEX.js';
 import '../../chunk-6Z2GJXT6.js';
 import '../../chunk-TJKZQP6P.js';
-import '../../chunk-WPEH6OZ2.js';
+import '../../chunk-WYU4N3LM.js';
 import '../../chunk-7JT6B2LQ.js';
 import '../../chunk-VFFDRP2O.js';
 import '../../chunk-LTWCICTK.js';

package/dist/forms/index.js

@@ -24,7 +24,7 @@ export { a as InputHelpText } from '../chunk-BW4TJLAD.js';
 import '../chunk-ZNDZCIEX.js';
 import '../chunk-6Z2GJXT6.js';
 import '../chunk-TJKZQP6P.js';
-import '../chunk-WPEH6OZ2.js';
+import '../chunk-WYU4N3LM.js';
 import '../chunk-7JT6B2LQ.js';
 import '../chunk-VFFDRP2O.js';
 import '../chunk-LTWCICTK.js';

package/dist/index.js

@@ -35,7 +35,7 @@ export { a as InputHelpText } from './chunk-BW4TJLAD.js';
 export { a as Modal } from './chunk-ZNDZCIEX.js';
 export { a as SidebarFixed } from './chunk-6Z2GJXT6.js';
 export { a as Table, d as TableBody, h as TableCaption, g as TableCell, e as TableFooter, c as TableHead, b as TableHeader, f as TableRow } from './chunk-TJKZQP6P.js';
-export { a as Tabs } from './chunk-WPEH6OZ2.js';
+export { a as Tabs } from './chunk-WYU4N3LM.js';
 export { a as Timeline } from './chunk-7JT6B2LQ.js';
 export { a as LoadingPlaceholder } from './chunk-VFFDRP2O.js';
 import './chunk-LTWCICTK.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loja-integrada/admin-components",
-  "version": "1.3.14",
+  "version": "1.3.15",
   "author": "Loja Integrada",
   "license": "MIT",
   "repository": {

package/dist/chunk-WPEH6OZ2.js

@@ -1,7 +0,0 @@
-import { a } from './chunk-AGCI6C3Z.js';
-import { memo, useRef, useState, useEffect } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var g=({id:b,title:r,titleComplement:t,active:n=!1,disabled:o=!1,onChange:f,className:i=""})=>{let c=e=>typeof t=="function"?t(e):t;return jsx("button",{type:"button",id:`btnTab${b}`,className:a("tabs-item group min-w-0 shrink-0 overflow-x-hidden text-transparent hover:text-on-base focus:outline-focus -outline-offset-1",n&&"tabs-item-active text-on-base",o&&"opacity-50 pointer-events-none",i),onClick:()=>f(b),disabled:o,children:jsxs("span",{className:a("text-f6 relative block break-words border-b-4 px-2 lg:py-4 py-2 font-semibold",!n&&"before:absolute before:content-[attr(data-title)] before:block before:font-normal before:overflow-hidden before:text-inverted-2 hover:before:opacity-0 before:opacity-100 before:translate-x-px",n?"border-primary":"border-transparent"),"data-title":r,children:[r,t?jsx("span",{className:"ml-2",children:c(n)}):null]})})},l=memo(g);l.displayName="TabsItem";var w=({className:b="",items:r,activeItem:t,onChange:n})=>{let o=useRef(null),[f,i]=useState(t);useEffect(()=>{i(t);},[t]);let c=e=>{if(e===f)return;i(e),n?.(e);let a=document.querySelector(`#btnTab${e}`);if(o?.current&&a){let p=o.current.getBoundingClientRect(),u=a?.offsetLeft-p.left;o.current.scrollTo({left:u-p.width/2+a.offsetWidth/2,behavior:"smooth"});}};return !r||!Array.isArray(r)?null:jsx("div",{ref:o,className:a("tabs flex w-full flex-nowrap lg:gap-4 gap-2 overflow-x-auto border-b border-card-stroke bg-base-1",b),children:r?.map((e,a)=>(e.id||(e.id=encodeURI(e.title)),jsx(l,{...e,onChange:c,active:f===e.id},`tab-item-${a}`)))})},N=memo(w);N.displayName="Tabs";
-
-export { N as a };