@anker-in/headless-ui 1.3.65 → 1.3.66
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/cjs/biz-components/GraphicOverlay/GraphicOverlay.js +1 -1
- package/dist/cjs/biz-components/MediaSceneSwitcherV2/index.js +1 -1
- package/dist/cjs/components/tabs.js +1 -1
- package/dist/esm/biz-components/GraphicOverlay/GraphicOverlay.js +1 -1
- package/dist/esm/biz-components/MediaSceneSwitcherV2/index.js +1 -1
- package/dist/esm/components/tabs.js +1 -1
- package/dist/tokens/oneAnker.css +4 -0
- package/package.json +1 -1
- package/style.css +6 -0
- package/tailwind.config.js +4 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var Q=Object.create;var M=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var Z=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var J=(a,t)=>{for(var s in t)M(a,s,{get:t[s],enumerable:!0})},G=(a,t,s,h)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Z(t))!F.call(a,i)&&i!==s&&M(a,i,{get:()=>t[i],enumerable:!(h=q(t,i))||h.enumerable});return a};var P=(a,t,s)=>(s=a!=null?Q(j(a)):{},G(t||!a||!a.__esModule?M(s,"default",{value:a,enumerable:!0}):s,a)),K=a=>G(M({},"__esModule",{value:!0}),a);var ee={};J(ee,{default:()=>X});module.exports=K(ee);var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var Q=Object.create;var M=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var Z=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var J=(a,t)=>{for(var s in t)M(a,s,{get:t[s],enumerable:!0})},G=(a,t,s,h)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Z(t))!F.call(a,i)&&i!==s&&M(a,i,{get:()=>t[i],enumerable:!(h=q(t,i))||h.enumerable});return a};var P=(a,t,s)=>(s=a!=null?Q(j(a)):{},G(t||!a||!a.__esModule?M(s,"default",{value:a,enumerable:!0}):s,a)),K=a=>G(M({},"__esModule",{value:!0}),a);var ee={};J(ee,{default:()=>X});module.exports=K(ee);var e=require("react/jsx-runtime"),r=P(require("react")),R=require("react-responsive"),A=require("../../shared/Styles.js"),C=P(require("../../components/picture.js")),O=P(require("../../components/button.js")),I=require("../../components/heading.js"),v=require("../../components/tabs.js"),E=require("../VideoModal/index.js"),p=require("../../helpers/utils.js"),_=P(require("../SwiperBox/index.js")),L=require("../../shared/mimeType.js"),D=require("../../hooks/useExposure.js"),V=require("../../shared/trackUrlRef.js"),H=require("../AiuiProvider/index.js");const y="image",w="p1_banner",W=({data:a,configuration:t,jIndex:s})=>{const[h,i]=(0,r.useState)(!1),m=(0,R.useMediaQuery)({query:"(max-width: 768px)"}),u=(0,r.useRef)(null),b=()=>{switch(t?.num){case 1:return"tablet:aspect-w-[704] tablet:aspect-h-[400] laptop:aspect-w-[896] laptop:aspect-h-[384] desktop:aspect-w-[1312] desktop:aspect-h-[512] lg-desktop:aspect-w-[1664] lg-desktop:aspect-h-[640]";case 2:return"tablet:aspect-w-[346] tablet:aspect-h-[400] laptop:aspect-w-[440] laptop:aspect-h-[384] desktop:aspect-w-[648] desktop:aspect-h-[512] lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[640]";case 3:return"tablet:aspect-w-[296] tablet:aspect-h-[400] laptop:aspect-w-[288] laptop:aspect-h-[384] desktop:aspect-w-[426] desktop:aspect-h-[512] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[640]";default:return"tablet:aspect-w-[296] tablet:aspect-h-[400] laptop:aspect-w-[288] laptop:aspect-h-[384] desktop:aspect-w-[426] desktop:aspect-h-[512] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[640]"}};(0,D.useExposure)(u,{componentType:y,componentName:w,position:s,componentTitle:a.title,componentDescription:a.description,navigation:t?.activeTab}),(0,r.useEffect)(()=>{i(m)},[m]);const{theme:n="light",title:c,description:o,imageUrl:d,primaryButton:f,secondaryButton:g,imageMobileUrl:k,blockLink:x,video:$,youtubeId:N,isYouTube:B}=a,T="lg-desktop:px-7 lg-desktop:pb-[14px] lg-desktop:pt-[15px] lg-desktop:text-[16px]";return(0,e.jsxs)("div",{className:(0,p.cn)("item-wrapper text-info-primary group relative box-border w-full overflow-hidden",b(),{"rounded-box":!0,"aiui-dark":n==="dark","h-[400px]":h},"text-info-primary"),ref:u,children:[x&&(0,e.jsx)("a",{className:"absolute inset-0 z-10",href:(0,V.trackUrlRef)((0,p.getLocalizedPath)(x||"",t?.locale||"us"),`${y}_${w}`),"data-headless-type-name":`${y}#${w}`,"data-headless-title-desc-button":`${c}#${o}`,"data-headless-nav-position":`${t?.activeTab}#${s}`,"aria-hidden":"true",tabIndex:-1}),(0,e.jsxs)("div",{className:"absolute inset-0",children:[(0,L.isVideo)(d?.mimeType)?(0,e.jsx)("video",{autoPlay:!0,muted:!0,playsInline:!0,loop:!0,className:"tablet:block hidden h-full overflow-hidden",children:(0,e.jsx)("source",{src:d?.url,type:"video/mp4"})}):(0,e.jsx)(C.default,{source:d?.url,alt:d?.alt||"",className:"tablet:block hidden h-full overflow-hidden",imgClassName:(0,p.cn)("h-full object-cover",x&&"transition-all duration-300 group-hover:scale-105"),style:{aspectRatio:`${d?.width}/${d?.height}`}}),(0,L.isVideo)(k?.mimeType)?(0,e.jsx)("video",{autoPlay:!0,muted:!0,playsInline:!0,loop:!0,className:"tablet:hidden block h-full overflow-hidden",children:(0,e.jsx)("source",{src:k?.url,type:"video/mp4"})}):(0,e.jsx)(C.default,{source:k?.url||d?.url,alt:k?.alt||d?.alt||"",className:"tablet:hidden block h-full overflow-hidden",imgClassName:"h-full transition-all duration-300 object-cover"}),(0,e.jsxs)("div",{className:(0,p.cn)("laptop:p-6 desktop:p-[32px] laptop:gap-4 desktop:gap-6 pointer-events-none absolute inset-x-0 bottom-0 z-20 flex w-fit flex-col gap-6 p-4",{"laptop:top-1/2 laptop:-translate-y-1/2 laptop:bottom-auto":a?.width==="full"}),children:[(0,e.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,e.jsx)(I.Heading,{size:3,as:"h3",className:"item-title",html:c}),(0,e.jsx)(I.Heading,{as:"h4",className:"item-description desktop:text-[16px] lg-desktop:text-[18px] line-clamp-3 text-[14px]",html:o})]}),(0,e.jsxs)("div",{className:"lg-desktop:gap-3 flex gap-2",children:[g&&g.text&&(0,e.jsxs)(O.default,{"aria-label":c??o,className:(0,p.cn)(T,"link-left pointer-events-auto"),variant:"secondary",as:"a",href:(0,V.trackUrlRef)((0,p.getLocalizedPath)(g.link||"",t?.locale||"us"),`${y}_${w}`),"data-headless-type-name":`${y}#${w}`,"data-headless-title-desc-button":`${c}#${o}#${g?.text}`,"data-headless-nav-position":`${t?.activeTab}#${s}`,children:[g.text,(0,e.jsx)("span",{className:"sr-only",children:c??o})]}),f&&f.text&&(0,e.jsx)(O.default,{"aria-label":c??o,className:(0,p.cn)(T,"link-right pointer-events-auto"),variant:"primary",as:"a",href:(0,V.trackUrlRef)((0,p.getLocalizedPath)(f.link||"",t?.locale||"us"),`${y}_${w}`),"data-headless-type-name":`${y}#${w}`,"data-headless-title-desc-button":`${c}#${o}#${f.text}`,"data-headless-nav-position":`${t?.activeTab}#${s}`,children:f.text})]})]})]}),(0,e.jsx)("div",{children:(0,e.jsx)("div",{className:"laptop:bottom-[32px] laptop:right-[32px] absolute bottom-[16px] right-[16px]",children:($?.url||N)&&(0,e.jsx)("button",{onClick:()=>{t?.onVideoPlayBtnClick?.($?.url||N,B)},className:"laptop:size-12 hover:bg-current/75 bg-info-primary flex size-8 items-center justify-center rounded-full opacity-80",children:(0,e.jsx)("svg",{width:"12",height:"14",viewBox:"0 0 12 14",fill:n==="dark"?"black":"white",xmlns:"http://www.w3.org/2000/svg",children:(0,e.jsx)("path",{d:"M12 7L0 14L0 0L12 7Z"})})})})})]})},z=({items:a=[],shape:t,locale:s,activeTab:h,onVideoPlayBtnClick:i})=>{const m=u=>{const b=a?.length,n=b>3,c=b>2,o=b>1;switch(!0){case u>=1440:case u>=1024:return n?3:b;case u>=768:return n||c?2.3:o?2:1;default:return o?1.2:1}};return(0,e.jsx)(_.default,{className:"!overflow-visible",id:"GraphicOverlaySwiper",data:{list:a||[],configuration:{shape:t,num:a.length,locale:s,activeTab:h,onVideoPlayBtnClick:i}},Slide:W,breakpoints:{0:{spaceBetween:12,freeMode:!1,slidesPerView:1},374:{spaceBetween:12,freeMode:!1,slidesPerView:m(374)},768:{spaceBetween:16,freeMode:!1,slidesPerView:m(768)},1024:{spaceBetween:16,freeMode:!1,slidesPerView:m(1024)},1440:{spaceBetween:16,freeMode:!1,slidesPerView:m(1440)}}})},U=r.default.forwardRef((a,t)=>{const{data:s,className:h,...i}=a,{shape:m,items:u=[],isShowTab:b=!1,tabs:n,tabAlign:c="left"}=s,[o,d]=(0,r.useState)(!1),[f,g]=(0,r.useState)(""),[k,x]=(0,r.useState)(""),[$,N]=(0,r.useState)(n?.[0]?.id??""),{locale:B="us"}=(0,H.useAiuiContext)(),T=(l,Y)=>{d(!0),Y?x?.(l||""):g?.(l||"")},S=()=>(0,e.jsx)(E.VideoModal,{visible:o,youTubeId:k,videoUrl:f,onCloseModal:()=>d(!1)});return!b||!n||n.length===0?(0,e.jsxs)("section",{"data-ui-component-id":"GraphicOverlay",ref:t,...i,className:(0,p.cn)("graphicOverlayBlock text-info-primary ",h),children:[u&&u.length>0?(0,e.jsx)(z,{items:u,shape:m,locale:B,onVideoPlayBtnClick:T}):null,o&&S()]}):(0,e.jsxs)("section",{"data-ui-component-id":"GraphicOverlay",ref:t,...i,className:(0,p.cn)("graphicOverlayBlock text-info-primary ",h),children:[(0,e.jsxs)(v.Tabs,{value:$,onValueChange:N,align:c,children:[(0,e.jsx)("div",{className:"mb-6",children:(0,e.jsx)(v.TabsList,{children:n.map(l=>(0,e.jsx)(v.TabsTrigger,{value:l.id,children:l.label},l.id))})}),n.map(l=>(0,e.jsx)(v.TabsContent,{value:l.id,children:l.items&&l.items.length>0?(0,e.jsx)(z,{items:l.items,shape:m,locale:B,activeTab:l.id,onVideoPlayBtnClick:T}):null},l.id))]}),o&&S()]})});U.displayName="GraphicOverlayBlock";var X=(0,A.withLayout)(U);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";"use client";var Y=Object.create;var
|
|
1
|
+
"use strict";"use client";var Y=Object.create;var S=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var Q=Object.getPrototypeOf,G=Object.prototype.hasOwnProperty;var J=(a,i)=>{for(var n in i)S(a,n,{get:i[n],enumerable:!0})},H=(a,i,n,d)=>{if(i&&typeof i=="object"||typeof i=="function")for(let m of q(i))!G.call(a,m)&&m!==n&&S(a,m,{get:()=>i[m],enumerable:!(d=_(i,m))||d.enumerable});return a};var F=(a,i,n)=>(n=a!=null?Y(Q(a)):{},H(i||!a||!a.__esModule?S(n,"default",{value:a,enumerable:!0}):n,a)),K=a=>H(S({},"__esModule",{value:!0}),a);var $={};J($,{default:()=>Z});module.exports=K($);var t=require("react/jsx-runtime"),p=F(require("react")),M=require("swiper/react"),T=require("swiper/modules"),B=require("react-responsive"),o=require("../../helpers/index.js"),c=require("../../components/index.js"),O=require("../../shared/Styles.js"),k=F(require("../Media/index.js"));const A=a=>({pcImage:a.lgDesktop,desktopImage:a.desktop,laptopImage:a.laptop,padImage:a.tablet,mobileImage:a.mobile}),X=3e3,P=p.forwardRef(({className:a,classNames:i={},data:n,onSceneChange:d,...m},W)=>{const{title:I,subtitle:V,items:l,defaultActiveIndex:C=0,layout:D="left",autoplay:f=!0,autoplayDelay:u=X}=n,[s,b]=p.useState(C),E=p.useRef(null),h=p.useRef(0),v=p.useRef([]),N=p.useRef(!1),x=(0,B.useMediaQuery)({minWidth:1025});p.useEffect(()=>!f||l.length<=1||!x?void 0:((()=>{h.current=window.setInterval(()=>{b(e=>(e+1)%l.length)},u)})(),()=>{h.current&&window.clearInterval(h.current)}),[f,u,l.length,x]),p.useEffect(()=>{if(!x||!v.current[s])return;const r=v.current[s],e=r?.parentElement;if(!e||e.scrollHeight<=e.clientHeight)return;const w=requestAnimationFrame(()=>{const L=e.getBoundingClientRect(),g=r.getBoundingClientRect();if(g.top>=L.top&&g.bottom<=L.bottom)return;const U=g.top-L.top-e.clientHeight/2+g.height/2;e.scrollTo({top:e.scrollTop+U,behavior:"smooth"})});return()=>cancelAnimationFrame(w)},[s,x]);const R=p.useCallback(r=>{b(r),N.current=!0,d?.(r,l[r]),E.current?.slideTo(r),f&&l.length>1&&(h.current&&window.clearInterval(h.current),h.current=window.setInterval(()=>{b(e=>(e+1)%l.length)},u))},[l,d,f,u]),j=p.useCallback(r=>{if(N.current){N.current=!1;return}const e=r.realIndex;b(e),d?.(e,l[e])},[l,d]),y=l[s],z=D==="top";return(0,t.jsxs)("div",{ref:W,className:(0,o.cn)("scene-switcher-root","text-info-primary w-full",a,i.root,{"aiui-dark":n.theme==="dark"}),...m,children:[(I||V)&&(0,t.jsxs)("div",{className:(0,o.cn)("scene-switcher-header mb-6",i.header),children:[I&&(0,t.jsx)(c.Heading,{as:"h2",size:4,html:I,className:(0,o.cn)("scene-switcher-title",i.title)}),V&&(0,t.jsx)(c.Text,{as:"p",size:3,className:(0,o.cn)("",i?.subtitle),html:V})]}),(0,t.jsx)("div",{className:(0,o.cn)("scene-switcher-swiper","laptop:hidden !overflow-visible",i.swiper),children:(0,t.jsx)(M.Swiper,{modules:[T.Mousewheel,T.Autoplay],onSwiper:r=>{E.current=r},className:"!overflow-visible",onSlideChange:j,slidesPerView:"auto",spaceBetween:12,mousewheel:{forceToAxis:!0},initialSlide:C,loop:f&&l.length>1,autoplay:f&&l.length>1?{delay:u,disableOnInteraction:!1}:!1,breakpoints:{768:{spaceBetween:16}},children:l.map((r,e)=>(0,t.jsx)(M.SwiperSlide,{className:"h-[462px] !w-[296px]",children:(0,t.jsxs)("div",{className:(0,o.cn)("scene-switcher-slide","flex cursor-pointer flex-col",i.slide),onClick:()=>R(e),children:[(0,t.jsx)("div",{className:(0,o.cn)("scene-switcher-slide-media","rounded-box relative aspect-[296/320] w-full overflow-hidden",i.slideMedia),children:(0,t.jsx)(k.default,{...A(r.media),className:"rounded-t-box size-full overflow-hidden object-cover"})}),(0,t.jsxs)("div",{className:(0,o.cn)("scene-switcher-slide-content"," mt-6 border-t pt-4",s===e?"border-info-primary border-t-4":"border-lines-primary",i.slideContent),children:[(0,t.jsx)(c.Heading,{className:(0,o.cn)("scene-switcher-tab-title ",s===e?"text-info-primary":"text-info-tertiary",r.title),size:3,as:"h3",html:r.title}),r.description&&(0,t.jsx)(c.Text,{className:(0,o.cn)("desktop:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-[14px]",s===e?"text-info-primary":"text-info-tertiary"),html:r.description})]})]})},e))})}),z&&(0,t.jsxs)("div",{className:(0,o.cn)("scene-switcher-container","laptop:flex laptop:flex-col hidden","laptop:h-[470px] desktop:h-[628px] lg-desktop:h-[746px] desktop:gap-[32px] gap-[16px]",i.container),children:[(0,t.jsx)("div",{className:(0,o.cn)("scene-switcher-media-wrapper","rounded-box flex-1 overflow-hidden",i.mediaWrapper),children:y&&(0,t.jsx)(k.default,{...A(y.media),className:(0,o.cn)("scene-switcher-media","rounded-box size-full object-cover",i.media)})}),(0,t.jsx)("div",{className:(0,o.cn)("scene-switcher-tab-list","border-lines-primary laptop:gap-4 desktop:gap-4 lg-desktop:gap-4 flex border-t",i.tabList),children:l.map((r,e)=>(0,t.jsxs)("div",{ref:w=>{v.current[e]=w},className:(0,o.cn)("scene-switcher-tab-item","desktop:pt-6 -mt-px flex-1 cursor-pointer border-t-2 pt-4 transition-colors",s===e?"border-info-primary border-t-4":"hover:border-lines-primary border-transparent",i.tabItem),onClick:()=>R(e),role:"button","aria-selected":s===e,children:[(0,t.jsx)(c.Heading,{className:(0,o.cn)("scene-switcher-tab-title line-clamp-2",s===e?"text-info-primary":"text-info-tertiary",r.title),size:3,as:"h3",html:r.title}),r.description&&(0,t.jsx)(c.Text,{className:(0,o.cn)("desktop:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-[14px]",s===e?"text-info-primary":"text-info-tertiary"),html:r.description})]},e))})]}),!z&&(0,t.jsxs)("div",{className:(0,o.cn)("scene-switcher-container","laptop:flex laptop:gap-6 desktop:gap-8 lg-desktop:gap-10 hidden","laptop:h-[336px] desktop:h-[448px] lg-desktop:h-[560px]",D==="right"&&"flex-row-reverse",i.container),children:[(0,t.jsx)("div",{className:(0,o.cn)("scene-switcher-tab-list","laptop:w-[320px] desktop:w-[400px] lg-desktop:w-[544px] flex items-center",i.tabList),children:(0,t.jsx)("div",{className:"flex max-h-full w-full flex-col overflow-y-auto",children:l.map((r,e)=>(0,t.jsxs)(p.Fragment,{children:[e>0&&(0,t.jsx)("div",{className:"border-lines-primary h-8 shrink-0 border-l-4"}),(0,t.jsxs)("div",{ref:w=>{v.current[e]=w},className:(0,o.cn)("scene-switcher-tab-item","shrink-0 cursor-pointer border-l-4 pl-5",s===e?"border-info-primary border-l-[6px]":"border-lines-primary hover:border-info-tertiary",i.tabItem),onClick:()=>R(e),role:"button","aria-selected":s===e,children:[(0,t.jsx)(c.Heading,{className:(0,o.cn)("scene-switcher-tab-title desktop:line-clamp-3 line-clamp-2",s===e?"text-info-primary":"text-info-tertiary",r.title),size:3,as:"h3",html:r.title}),r.description&&(0,t.jsx)(c.Text,{className:(0,o.cn)("desktop:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-[14px]",s===e?"text-info-primary":"text-info-tertiary hidden"),html:r.description})]})]},e))})}),(0,t.jsx)("div",{className:(0,o.cn)("scene-switcher-media-wrapper","rounded-box flex-1 overflow-hidden",i.mediaWrapper),children:y&&(0,t.jsx)(k.default,{...A(y.media),className:(0,o.cn)("scene-switcher-media","rounded-box size-full h-full overflow-visible object-cover",i.media)})})]})]})});P.displayName="MediaSceneSwitcherV2";var Z=(0,O.withLayout)(P);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";"use client";var F=Object.create;var f=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty;var z=(t,e)=>{for(var a in e)f(t,a,{get:e[a],enumerable:!0})},C=(t,e,a,
|
|
1
|
+
"use strict";"use client";var F=Object.create;var f=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty;var z=(t,e)=>{for(var a in e)f(t,a,{get:e[a],enumerable:!0})},C=(t,e,a,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of q(e))!M.call(t,s)&&s!==a&&f(t,s,{get:()=>e[s],enumerable:!(o=$(e,s))||o.enumerable});return t};var P=(t,e,a)=>(a=t!=null?F(j(t)):{},C(e||!t||!t.__esModule?f(a,"default",{value:t,enumerable:!0}):a,t)),B=t=>C(f({},"__esModule",{value:!0}),t);var D={};z(D,{Tabs:()=>x,TabsContent:()=>y,TabsList:()=>v,TabsTrigger:()=>R});module.exports=B(D);var i=require("react/jsx-runtime"),r=P(require("react")),c=require("../helpers/index.js"),d=P(require("@radix-ui/react-tabs")),T=require("class-variance-authority");function w(t){return t.trim().replace(/\s+/g,"-")}function I(t,e){return`radix-${t}-trigger-${w(e)}`}function L(t,e){return`radix-${t}-content-${w(e)}`}const m=r.createContext(""),h=r.createContext({align:"left",shape:"square"}),x=r.forwardRef(({children:t,align:e="left",shape:a="default",...o},s)=>{const n=r.useId();return(0,i.jsx)(d.Root,{ref:s,...o,children:(0,i.jsx)(m.Provider,{value:n,children:(0,i.jsx)(h.Provider,{value:{align:e,shape:a},children:t})})})});x.displayName="Tabs";const H=(0,T.cva)("rounded-tabs",{variants:{shape:{default:"",rounded:"rounded-[28px]",square:"rounded-none"}},defaultVariants:{shape:"default"}}),O=(0,T.cva)("rounded-tabs",{variants:{shape:{default:"",rounded:"rounded-[28px]",square:"rounded-none"}},defaultVariants:{shape:"default"}}),v=r.forwardRef(({className:t,...e},a)=>{const{align:o,shape:s}=r.useContext(h),n=o==="center"?"flex w-full justify-center":o==="right"?"flex w-full justify-end":null,l=(0,i.jsx)(d.List,{ref:a,className:(0,c.cn)("bg-tabs-list-bg flex w-fit max-w-full overflow-x-auto p-1",H({shape:s}),t),style:{scrollbarWidth:"none",msOverflowStyle:"none"},...e});return n?(0,i.jsx)("div",{className:n,children:l}):l});v.displayName=d.List.displayName;const R=r.forwardRef(({className:t,onClick:e,value:a,...o},s)=>{const{shape:n}=r.useContext(h),l=r.useContext(m),p=a!=null?String(a):"",N=I(l,p),S=L(l,p),k=u=>{e?.(u);const b=u?.currentTarget,g=u?.currentTarget?.parentElement;if(b&&g){const W=b.offsetLeft,E=b.offsetWidth,V=g.offsetWidth,A=W-V/2+E/2;g.scrollTo({left:A,behavior:"smooth"})}};return(0,i.jsx)(d.Trigger,{ref:s,className:(0,c.cn)("text-info-primary lg-desktop:text-base hover:bg-tabs-hover hover:text-tabs-hover-foreground disabled:text-btn-secondary-disabled lg-desktop:px-[28px] lg-desktop:pt-[15px] lg-desktop:pb-[14px] shrink-0 cursor-pointer px-5 pb-2.5 pt-[11px] text-sm font-bold disabled:cursor-not-allowed data-[state=active]:bg-white data-[state=active]:text-[#080A0F]",t,O({shape:n})),onClick:k,value:a,id:N,"aria-controls":S,...o})});R.displayName=d.Trigger.displayName;const y=r.forwardRef(({className:t,value:e,...a},o)=>{const s=r.useContext(m),n=e!=null?String(e):"",l=I(s,n),p=L(s,n);return(0,i.jsx)(d.Content,{ref:o,className:(0,c.cn)(t),value:e,id:p,"aria-labelledby":l,...a})});y.displayName=d.Content.displayName;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as c}from"react/jsx-runtime";import U,{useState as
|
|
1
|
+
import{jsx as e,jsxs as c}from"react/jsx-runtime";import U,{useState as T,useEffect as R,useRef as A}from"react";import{useMediaQuery as E}from"react-responsive";import{withLayout as _}from"../../shared/Styles.js";import C from"../../components/picture.js";import O from"../../components/button.js";import{Heading as I}from"../../components/heading.js";import{Tabs as D,TabsList as H,TabsTrigger as Y,TabsContent as Q}from"../../components/tabs.js";import{VideoModal as q}from"../VideoModal/index.js";import{cn as b,getLocalizedPath as M}from"../../helpers/utils.js";import Z from"../SwiperBox/index.js";import{isVideo as L}from"../../shared/mimeType.js";import{useExposure as j}from"../../hooks/useExposure.js";import{trackUrlRef as P}from"../../shared/trackUrlRef.js";import{useAiuiContext as F}from"../AiuiProvider/index.js";const v="image",f="p1_banner",J=({data:p,configuration:t,jIndex:d})=>{const[g,y]=T(!1),r=E({query:"(max-width: 768px)"}),n=A(null),m=()=>{switch(t?.num){case 1:return"tablet:aspect-w-[704] tablet:aspect-h-[400] laptop:aspect-w-[896] laptop:aspect-h-[384] desktop:aspect-w-[1312] desktop:aspect-h-[512] lg-desktop:aspect-w-[1664] lg-desktop:aspect-h-[640]";case 2:return"tablet:aspect-w-[346] tablet:aspect-h-[400] laptop:aspect-w-[440] laptop:aspect-h-[384] desktop:aspect-w-[648] desktop:aspect-h-[512] lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[640]";case 3:return"tablet:aspect-w-[296] tablet:aspect-h-[400] laptop:aspect-w-[288] laptop:aspect-h-[384] desktop:aspect-w-[426] desktop:aspect-h-[512] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[640]";default:return"tablet:aspect-w-[296] tablet:aspect-h-[400] laptop:aspect-w-[288] laptop:aspect-h-[384] desktop:aspect-w-[426] desktop:aspect-h-[512] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[640]"}};j(n,{componentType:v,componentName:f,position:d,componentTitle:p.title,componentDescription:p.description,navigation:t?.activeTab}),R(()=>{y(r)},[r]);const{theme:o="light",title:l,description:a,imageUrl:i,primaryButton:u,secondaryButton:h,imageMobileUrl:w,blockLink:k,video:$,youtubeId:N,isYouTube:B}=p,x="lg-desktop:px-7 lg-desktop:pb-[14px] lg-desktop:pt-[15px] lg-desktop:text-[16px]";return c("div",{className:b("item-wrapper text-info-primary group relative box-border w-full overflow-hidden",m(),{"rounded-box":!0,"aiui-dark":o==="dark","h-[400px]":g},"text-info-primary"),ref:n,children:[k&&e("a",{className:"absolute inset-0 z-10",href:P(M(k||"",t?.locale||"us"),`${v}_${f}`),"data-headless-type-name":`${v}#${f}`,"data-headless-title-desc-button":`${l}#${a}`,"data-headless-nav-position":`${t?.activeTab}#${d}`,"aria-hidden":"true",tabIndex:-1}),c("div",{className:"absolute inset-0",children:[L(i?.mimeType)?e("video",{autoPlay:!0,muted:!0,playsInline:!0,loop:!0,className:"tablet:block hidden h-full overflow-hidden",children:e("source",{src:i?.url,type:"video/mp4"})}):e(C,{source:i?.url,alt:i?.alt||"",className:"tablet:block hidden h-full overflow-hidden",imgClassName:b("h-full object-cover",k&&"transition-all duration-300 group-hover:scale-105"),style:{aspectRatio:`${i?.width}/${i?.height}`}}),L(w?.mimeType)?e("video",{autoPlay:!0,muted:!0,playsInline:!0,loop:!0,className:"tablet:hidden block h-full overflow-hidden",children:e("source",{src:w?.url,type:"video/mp4"})}):e(C,{source:w?.url||i?.url,alt:w?.alt||i?.alt||"",className:"tablet:hidden block h-full overflow-hidden",imgClassName:"h-full transition-all duration-300 object-cover"}),c("div",{className:b("laptop:p-6 desktop:p-[32px] laptop:gap-4 desktop:gap-6 pointer-events-none absolute inset-x-0 bottom-0 z-20 flex w-fit flex-col gap-6 p-4",{"laptop:top-1/2 laptop:-translate-y-1/2 laptop:bottom-auto":p?.width==="full"}),children:[c("div",{className:"flex flex-col gap-1",children:[e(I,{size:3,as:"h3",className:"item-title",html:l}),e(I,{as:"h4",className:"item-description desktop:text-[16px] lg-desktop:text-[18px] line-clamp-3 text-[14px]",html:a})]}),c("div",{className:"lg-desktop:gap-3 flex gap-2",children:[h&&h.text&&c(O,{"aria-label":l??a,className:b(x,"link-left pointer-events-auto"),variant:"secondary",as:"a",href:P(M(h.link||"",t?.locale||"us"),`${v}_${f}`),"data-headless-type-name":`${v}#${f}`,"data-headless-title-desc-button":`${l}#${a}#${h?.text}`,"data-headless-nav-position":`${t?.activeTab}#${d}`,children:[h.text,e("span",{className:"sr-only",children:l??a})]}),u&&u.text&&e(O,{"aria-label":l??a,className:b(x,"link-right pointer-events-auto"),variant:"primary",as:"a",href:P(M(u.link||"",t?.locale||"us"),`${v}_${f}`),"data-headless-type-name":`${v}#${f}`,"data-headless-title-desc-button":`${l}#${a}#${u.text}`,"data-headless-nav-position":`${t?.activeTab}#${d}`,children:u.text})]})]})]}),e("div",{children:e("div",{className:"laptop:bottom-[32px] laptop:right-[32px] absolute bottom-[16px] right-[16px]",children:($?.url||N)&&e("button",{onClick:()=>{t?.onVideoPlayBtnClick?.($?.url||N,B)},className:"laptop:size-12 hover:bg-current/75 bg-info-primary flex size-8 items-center justify-center rounded-full opacity-80",children:e("svg",{width:"12",height:"14",viewBox:"0 0 12 14",fill:o==="dark"?"black":"white",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M12 7L0 14L0 0L12 7Z"})})})})})]})},S=({items:p=[],shape:t,locale:d,activeTab:g,onVideoPlayBtnClick:y})=>{const r=n=>{const m=p?.length,o=m>3,l=m>2,a=m>1;switch(!0){case n>=1440:case n>=1024:return o?3:m;case n>=768:return o||l?2.3:a?2:1;default:return a?1.2:1}};return e(Z,{className:"!overflow-visible",id:"GraphicOverlaySwiper",data:{list:p||[],configuration:{shape:t,num:p.length,locale:d,activeTab:g,onVideoPlayBtnClick:y}},Slide:J,breakpoints:{0:{spaceBetween:12,freeMode:!1,slidesPerView:1},374:{spaceBetween:12,freeMode:!1,slidesPerView:r(374)},768:{spaceBetween:16,freeMode:!1,slidesPerView:r(768)},1024:{spaceBetween:16,freeMode:!1,slidesPerView:r(1024)},1440:{spaceBetween:16,freeMode:!1,slidesPerView:r(1440)}}})},G=U.forwardRef((p,t)=>{const{data:d,className:g,...y}=p,{shape:r,items:n=[],isShowTab:m=!1,tabs:o,tabAlign:l="left"}=d,[a,i]=T(!1),[u,h]=T(""),[w,k]=T(""),[$,N]=T(o?.[0]?.id??""),{locale:B="us"}=F(),x=(s,z)=>{i(!0),z?k?.(s||""):h?.(s||"")},V=()=>e(q,{visible:a,youTubeId:w,videoUrl:u,onCloseModal:()=>i(!1)});return!m||!o||o.length===0?c("section",{"data-ui-component-id":"GraphicOverlay",ref:t,...y,className:b("graphicOverlayBlock text-info-primary ",g),children:[n&&n.length>0?e(S,{items:n,shape:r,locale:B,onVideoPlayBtnClick:x}):null,a&&V()]}):c("section",{"data-ui-component-id":"GraphicOverlay",ref:t,...y,className:b("graphicOverlayBlock text-info-primary ",g),children:[c(D,{value:$,onValueChange:N,align:l,children:[e("div",{className:"mb-6",children:e(H,{children:o.map(s=>e(Y,{value:s.id,children:s.label},s.id))})}),o.map(s=>e(Q,{value:s.id,children:s.items&&s.items.length>0?e(S,{items:s.items,shape:r,locale:B,activeTab:s.id,onVideoPlayBtnClick:x}):null},s.id))]}),a&&V()]})});G.displayName="GraphicOverlayBlock";var de=_(G);export{de as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as r,jsxs as n}from"react/jsx-runtime";import*as s from"react";import{Swiper as B,SwiperSlide as O}from"swiper/react";import{
|
|
1
|
+
"use client";import{jsx as r,jsxs as n}from"react/jsx-runtime";import*as s from"react";import{Swiper as B,SwiperSlide as O}from"swiper/react";import{Mousewheel as W,Autoplay as j}from"swiper/modules";import{useMediaQuery as U}from"react-responsive";import{cn as i}from"../../helpers/index.js";import{Heading as y,Text as g}from"../../components/index.js";import{withLayout as Y}from"../../shared/Styles.js";import V from"../Media/index.js";const N=p=>({pcImage:p.lgDesktop,desktopImage:p.desktop,laptopImage:p.laptop,padImage:p.tablet,mobileImage:p.mobile}),_=3e3,E=s.forwardRef(({className:p,classNames:o={},data:R,onSceneChange:h,...z},H)=>{const{title:S,subtitle:k,items:a,defaultActiveIndex:L=0,layout:A="left",autoplay:c=!0,autoplayDelay:m=_}=R,[l,u]=s.useState(L),C=s.useRef(null),d=s.useRef(0),w=s.useRef([]),M=s.useRef(!1),b=U({minWidth:1025});s.useEffect(()=>!c||a.length<=1||!b?void 0:((()=>{d.current=window.setInterval(()=>{u(e=>(e+1)%a.length)},m)})(),()=>{d.current&&window.clearInterval(d.current)}),[c,m,a.length,b]),s.useEffect(()=>{if(!b||!w.current[l])return;const t=w.current[l],e=t?.parentElement;if(!e||e.scrollHeight<=e.clientHeight)return;const f=requestAnimationFrame(()=>{const I=e.getBoundingClientRect(),x=t.getBoundingClientRect();if(x.top>=I.top&&x.bottom<=I.bottom)return;const P=x.top-I.top-e.clientHeight/2+x.height/2;e.scrollTo({top:e.scrollTop+P,behavior:"smooth"})});return()=>cancelAnimationFrame(f)},[l,b]);const T=s.useCallback(t=>{u(t),M.current=!0,h?.(t,a[t]),C.current?.slideTo(t),c&&a.length>1&&(d.current&&window.clearInterval(d.current),d.current=window.setInterval(()=>{u(e=>(e+1)%a.length)},m))},[a,h,c,m]),F=s.useCallback(t=>{if(M.current){M.current=!1;return}const e=t.realIndex;u(e),h?.(e,a[e])},[a,h]),v=a[l],D=A==="top";return n("div",{ref:H,className:i("scene-switcher-root","text-info-primary w-full",p,o.root,{"aiui-dark":R.theme==="dark"}),...z,children:[(S||k)&&n("div",{className:i("scene-switcher-header mb-6",o.header),children:[S&&r(y,{as:"h2",size:4,html:S,className:i("scene-switcher-title",o.title)}),k&&r(g,{as:"p",size:3,className:i("",o?.subtitle),html:k})]}),r("div",{className:i("scene-switcher-swiper","laptop:hidden !overflow-visible",o.swiper),children:r(B,{modules:[W,j],onSwiper:t=>{C.current=t},className:"!overflow-visible",onSlideChange:F,slidesPerView:"auto",spaceBetween:12,mousewheel:{forceToAxis:!0},initialSlide:L,loop:c&&a.length>1,autoplay:c&&a.length>1?{delay:m,disableOnInteraction:!1}:!1,breakpoints:{768:{spaceBetween:16}},children:a.map((t,e)=>r(O,{className:"h-[462px] !w-[296px]",children:n("div",{className:i("scene-switcher-slide","flex cursor-pointer flex-col",o.slide),onClick:()=>T(e),children:[r("div",{className:i("scene-switcher-slide-media","rounded-box relative aspect-[296/320] w-full overflow-hidden",o.slideMedia),children:r(V,{...N(t.media),className:"rounded-t-box size-full overflow-hidden object-cover"})}),n("div",{className:i("scene-switcher-slide-content"," mt-6 border-t pt-4",l===e?"border-info-primary border-t-4":"border-lines-primary",o.slideContent),children:[r(y,{className:i("scene-switcher-tab-title ",l===e?"text-info-primary":"text-info-tertiary",t.title),size:3,as:"h3",html:t.title}),t.description&&r(g,{className:i("desktop:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-[14px]",l===e?"text-info-primary":"text-info-tertiary"),html:t.description})]})]})},e))})}),D&&n("div",{className:i("scene-switcher-container","laptop:flex laptop:flex-col hidden","laptop:h-[470px] desktop:h-[628px] lg-desktop:h-[746px] desktop:gap-[32px] gap-[16px]",o.container),children:[r("div",{className:i("scene-switcher-media-wrapper","rounded-box flex-1 overflow-hidden",o.mediaWrapper),children:v&&r(V,{...N(v.media),className:i("scene-switcher-media","rounded-box size-full object-cover",o.media)})}),r("div",{className:i("scene-switcher-tab-list","border-lines-primary laptop:gap-4 desktop:gap-4 lg-desktop:gap-4 flex border-t",o.tabList),children:a.map((t,e)=>n("div",{ref:f=>{w.current[e]=f},className:i("scene-switcher-tab-item","desktop:pt-6 -mt-px flex-1 cursor-pointer border-t-2 pt-4 transition-colors",l===e?"border-info-primary border-t-4":"hover:border-lines-primary border-transparent",o.tabItem),onClick:()=>T(e),role:"button","aria-selected":l===e,children:[r(y,{className:i("scene-switcher-tab-title line-clamp-2",l===e?"text-info-primary":"text-info-tertiary",t.title),size:3,as:"h3",html:t.title}),t.description&&r(g,{className:i("desktop:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-[14px]",l===e?"text-info-primary":"text-info-tertiary"),html:t.description})]},e))})]}),!D&&n("div",{className:i("scene-switcher-container","laptop:flex laptop:gap-6 desktop:gap-8 lg-desktop:gap-10 hidden","laptop:h-[336px] desktop:h-[448px] lg-desktop:h-[560px]",A==="right"&&"flex-row-reverse",o.container),children:[r("div",{className:i("scene-switcher-tab-list","laptop:w-[320px] desktop:w-[400px] lg-desktop:w-[544px] flex items-center",o.tabList),children:r("div",{className:"flex max-h-full w-full flex-col overflow-y-auto",children:a.map((t,e)=>n(s.Fragment,{children:[e>0&&r("div",{className:"border-lines-primary h-8 shrink-0 border-l-4"}),n("div",{ref:f=>{w.current[e]=f},className:i("scene-switcher-tab-item","shrink-0 cursor-pointer border-l-4 pl-5",l===e?"border-info-primary border-l-[6px]":"border-lines-primary hover:border-info-tertiary",o.tabItem),onClick:()=>T(e),role:"button","aria-selected":l===e,children:[r(y,{className:i("scene-switcher-tab-title desktop:line-clamp-3 line-clamp-2",l===e?"text-info-primary":"text-info-tertiary",t.title),size:3,as:"h3",html:t.title}),t.description&&r(g,{className:i("desktop:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-[14px]",l===e?"text-info-primary":"text-info-tertiary hidden"),html:t.description})]})]},e))})}),r("div",{className:i("scene-switcher-media-wrapper","rounded-box flex-1 overflow-hidden",o.mediaWrapper),children:v&&r(V,{...N(v.media),className:i("scene-switcher-media","rounded-box size-full h-full overflow-visible object-cover",o.media)})})]})]})});E.displayName="MediaSceneSwitcherV2";var te=Y(E);export{te as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as d}from"react/jsx-runtime";import*as a from"react";import{cn as
|
|
1
|
+
"use client";import{jsx as d}from"react/jsx-runtime";import*as a from"react";import{cn as b}from"../helpers/index.js";import*as l from"@radix-ui/react-tabs";import{cva as h}from"class-variance-authority";function T(t){return t.trim().replace(/\s+/g,"-")}function x(t,e){return`radix-${t}-trigger-${T(e)}`}function v(t,e){return`radix-${t}-content-${T(e)}`}const g=a.createContext(""),m=a.createContext({align:"left",shape:"square"}),R=a.forwardRef(({children:t,align:e="left",shape:s="default",...r},n)=>{const o=a.useId();return d(l.Root,{ref:n,...r,children:d(g.Provider,{value:o,children:d(m.Provider,{value:{align:e,shape:s},children:t})})})});R.displayName="Tabs";const E=h("rounded-tabs",{variants:{shape:{default:"",rounded:"rounded-[28px]",square:"rounded-none"}},defaultVariants:{shape:"default"}}),V=h("rounded-tabs",{variants:{shape:{default:"",rounded:"rounded-[28px]",square:"rounded-none"}},defaultVariants:{shape:"default"}}),y=a.forwardRef(({className:t,...e},s)=>{const{align:r,shape:n}=a.useContext(m),o=r==="center"?"flex w-full justify-center":r==="right"?"flex w-full justify-end":null,i=d(l.List,{ref:s,className:b("bg-tabs-list-bg flex w-fit max-w-full overflow-x-auto p-1",E({shape:n}),t),style:{scrollbarWidth:"none",msOverflowStyle:"none"},...e});return o?d("div",{className:o,children:i}):i});y.displayName=l.List.displayName;const C=a.forwardRef(({className:t,onClick:e,value:s,...r},n)=>{const{shape:o}=a.useContext(m),i=a.useContext(g),p=s!=null?String(s):"",w=x(i,p),I=v(i,p),L=f=>{e?.(f);const c=f?.currentTarget,u=f?.currentTarget?.parentElement;if(c&&u){const N=c.offsetLeft,S=c.offsetWidth,k=u.offsetWidth,W=N-k/2+S/2;u.scrollTo({left:W,behavior:"smooth"})}};return d(l.Trigger,{ref:n,className:b("text-info-primary lg-desktop:text-base hover:bg-tabs-hover hover:text-tabs-hover-foreground disabled:text-btn-secondary-disabled lg-desktop:px-[28px] lg-desktop:pt-[15px] lg-desktop:pb-[14px] shrink-0 cursor-pointer px-5 pb-2.5 pt-[11px] text-sm font-bold disabled:cursor-not-allowed data-[state=active]:bg-white data-[state=active]:text-[#080A0F]",t,V({shape:o})),onClick:L,value:s,id:w,"aria-controls":I,...r})});C.displayName=l.Trigger.displayName;const P=a.forwardRef(({className:t,value:e,...s},r)=>{const n=a.useContext(g),o=e!=null?String(e):"",i=x(n,o),p=v(n,o);return d(l.Content,{ref:r,className:b(t),value:e,id:p,"aria-labelledby":i,...s})});P.displayName=l.Content.displayName;export{R as Tabs,P as TabsContent,y as TabsList,C as TabsTrigger};
|
package/dist/tokens/oneAnker.css
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
:root,
|
|
2
2
|
.aiui-light {
|
|
3
3
|
--btn-bg-active-color: var(--brand-color-0);
|
|
4
|
+
--tabs-hover-bg-color: #00cbeb;
|
|
5
|
+
--tabs-hover-foreground-color: #004966;
|
|
4
6
|
|
|
5
7
|
--brand-gradient-color-0: linear-gradient(90deg, var(--brand-color-0) 0%, var(--brand-color-0) 100%);
|
|
6
8
|
|
|
@@ -32,6 +34,8 @@
|
|
|
32
34
|
.aiui-dark {
|
|
33
35
|
--brand-color-0: #00cbeb;
|
|
34
36
|
--btn-bg-active-color: var(--brand-color-0);
|
|
37
|
+
--tabs-hover-bg-color: #00cbeb;
|
|
38
|
+
--tabs-hover-foreground-color: #004966;
|
|
35
39
|
--brand-gradient-color-0: linear-gradient(90deg, var(--brand-color-0) 0%, var(--brand-color-0) 100%);
|
|
36
40
|
--badge-text-color: #080a0f;
|
|
37
41
|
}
|
package/package.json
CHANGED
package/style.css
CHANGED
|
@@ -4775,6 +4775,9 @@ video {
|
|
|
4775
4775
|
.hover\:bg-info-white:hover {
|
|
4776
4776
|
background-color: var(--info-white-color);
|
|
4777
4777
|
}
|
|
4778
|
+
.hover\:bg-tabs-hover:hover {
|
|
4779
|
+
background-color: var(--tabs-hover-bg-color);
|
|
4780
|
+
}
|
|
4778
4781
|
.hover\:bg-white:hover {
|
|
4779
4782
|
--tw-bg-opacity: 1;
|
|
4780
4783
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
@@ -4836,6 +4839,9 @@ video {
|
|
|
4836
4839
|
.hover\:text-info-quaternary:hover {
|
|
4837
4840
|
color: var(--info-quaternary-color);
|
|
4838
4841
|
}
|
|
4842
|
+
.hover\:text-tabs-hover-foreground:hover {
|
|
4843
|
+
color: var(--tabs-hover-foreground-color);
|
|
4844
|
+
}
|
|
4839
4845
|
.hover\:text-white:hover {
|
|
4840
4846
|
--tw-text-opacity: 1;
|
|
4841
4847
|
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
package/tailwind.config.js
CHANGED