@uniformdev/csk-components 6.0.21-alpha.4 → 6.0.28-alpha.1

package/dist/banner-HVOASB6N.mjs

@@ -1 +0,0 @@
-"use client";import"./chunk-CMC7VUXZ.mjs";import{a as i}from"./chunk-EI3IJHIE.mjs";import"./chunk-MSXDLSXH.mjs";import{c as e}from"./chunk-S7CSCIW4.mjs";import"./chunk-JZXLCA2E.mjs";import{useCallback as L,useState as S}from"react";import{UniformSlot as V}from"@uniformdev/canvas-next-rsc/component";import{jsx as s}from"react/jsx-runtime";var h=({className:t,...o})=>s("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",className:e("size-5",t),...o,children:s("path",{d:"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"})}),y=({onClose:t,iconColor:o})=>s("button",{onClick:t,className:e("absolute right-5 top-1/2 -translate-y-1/2",{[`text-${o}`]:o}),children:s(h,{})}),C=y;var f=({variant:t,floating:o})=>e({"!w-11/12 left-1/2 -translate-x-1/2 my-4":o&&!!t,"fixed top-0 w-full z-10":t==="top","fixed bottom-0 w-full z-10":t==="bottom","p-4":o&&!t}),u=({contentAlignment:t,iconColor:o,fluidContent:r,floating:n})=>e("flex flex-row gap-x-4",{"justify-start":t==="left","justify-center":t==="center","justify-end":t==="right","pr-10":t==="right"&&o,"!mx-0":!r,"rounded-lg":n});import{jsx as p,jsxs as k}from"react/jsx-runtime";var X=({component:t,context:o,backgroundColor:r,spacing:n,border:c,fluidContent:a,slots:P,iconColor:l,contentAlignment:x="center",floating:m=!1})=>{let[d,B]=S(!0),g=L(()=>{B(!1)},[]);if(!d)return null;let w=f({variant:t.variant,floating:m}),b=u({contentAlignment:x,iconColor:l,fluidContent:a,floating:m});return p(i,{className:w,fluidContent:a,border:c,children:k(i,{className:e("relative w-full",b),backgroundColor:r,spacing:n,fluidContent:a,children:[p(V,{data:t,context:o,slot:P.bannerContent}),l&&p(C,{onClose:g,iconColor:l})]})})};export{X as Banner};

package/dist/carousel-6LQUUPAT.mjs

@@ -1 +0,0 @@
-"use client";import{a as r}from"./chunk-5GYXKLT3.mjs";import"./chunk-JZXLCA2E.mjs";import{UniformSlot as a}from"@uniformdev/canvas-next-rsc/component";import{jsx as t}from"react/jsx-runtime";var c=({child:e,key:o})=>t("div",{className:"flex size-full min-w-full items-center justify-center",children:e},o),p=({slots:e,component:o,context:s,backgroundColor:l,spacing:m,border:i,fluidContent:n,fullHeight:u})=>t(r,{backgroundColor:l,spacing:m,border:i,fluidContent:n,fullHeight:u,countOfItems:e.carouselItems?.items.length??0,children:t(a,{context:s,slot:e.carouselItems,data:o,children:c})});export{p as Carousel};

package/dist/carousel-XKGLXZ3Y.mjs

@@ -1 +0,0 @@
-"use client";import{a as m}from"./chunk-EI3IJHIE.mjs";import{c as d}from"./chunk-S7CSCIW4.mjs";import"./chunk-JZXLCA2E.mjs";import{useCallback as i,useEffect as C,useRef as E,useState as v}from"react";import{jsx as s,jsxs as x}from"react/jsx-runtime";var R=({countOfItems:l,backgroundColor:t,spacing:h,border:p,fluidContent:w,fullHeight:b,children:o})=>{let n=E(null),[a,u]=v(0),[B,N]=v(!1),r=l||(Array.isArray(o)?o.length:1);C(()=>{let e=()=>N(y=>!y);return window.addEventListener("resize",e,{passive:!0}),()=>window.removeEventListener("resize",e)},[]),C(()=>{if(n.current){let{clientWidth:e}=n.current;n.current.scrollLeft=a*e}},[a,B]);let c=i(()=>u(e=>e===0?r-1:e-1),[r]),f=i(()=>u(e=>r-1===e?0:e+1),[r]),k=i(()=>x("div",{className:d("absolute inset-x-5 top-1/2 flex -translate-y-1/2 justify-between",{[`text-${t} invert`]:!!t,"text-black dark:text-white":!t}),children:[s("button",{onClick:c,children:"\u276E"}),s("button",{onClick:f,children:"\u276F"})]}),[t,f,c]);return s(m,{backgroundColor:t,spacing:h,border:p,fluidContent:w,fullHeight:b,children:x("div",{className:"relative",children:[s("div",{ref:n,className:"flex flex-row items-center overflow-x-hidden scroll-smooth",children:o}),k()]})})};export{R as Carousel};

package/dist/chunk-5GYXKLT3.mjs

@@ -1 +0,0 @@
-import t from"next/dynamic";var r=t(()=>import("./carousel-XKGLXZ3Y.mjs").then(e=>e.Carousel));export{r as a};

package/dist/chunk-JZXLCA2E.mjs

@@ -1 +0,0 @@
-var d=Object.defineProperty;var e=(c,a)=>{for(var b in a)d(c,b,{get:a[b],enumerable:!0})};export{e as a};

package/dist/countdown-B2A5OGGX.mjs

@@ -1 +0,0 @@
-"use client";import"./chunk-CN42QYIK.mjs";import"./chunk-MSXDLSXH.mjs";import{a as l,c as a}from"./chunk-S7CSCIW4.mjs";import"./chunk-JZXLCA2E.mjs";import{useState as T,useEffect as y,useMemo as H}from"react";import{UniformSlot as h}from"@uniformdev/canvas-next-rsc/component";var S=({variant:e,backgroundColor:r,border:o,size:t})=>a("flex w-fit p-4 text-center gap-2 items-end leading-none",{"flex-col":e==="labelsUnder",[`bg-${r}`]:!!r,[l(o,"{value}")]:o,"items-center":o,[l(t,"text-{value}")]:!!t,[l(o,"{value}")]:!!o}),_=({textColor:e})=>a("flex gap-5 flex-wrap flex-col sm:flex-row",{[`text-${e}`]:e});import{jsx as u}from"react/jsx-runtime";var c=e=>{let r=new Date(e?.datetime??0).getTime(),o=new Date().getTime(),t=Math.max(Math.floor((r-o)/1e3),0),m=Math.floor(t%60),n=Math.floor(t/60%60),d=Math.floor(t/3600%24);return{days:Math.floor(t/86400),hours:d,minutes:n,seconds:m,timeDifference:t}},p=({maxUnitsCount:e,currentTime:r,unit:o,isAlignEnd:t})=>u("div",{className:"relative mx-auto h-[1.25em] w-[1.75em] overflow-hidden",children:u("div",{className:"absolute transition-transform duration-500 ease-in-out",style:{transform:`translateY(-${r*1.25}em)`},children:Array.from({length:e+1},(m,n)=>u("div",{className:a("flex h-[1.25em] w-[1.75em] justify-center",{"items-end":t,"items-center":!t}),children:n<10?`0${n}`:n},`${o}-${n}`))})});import{jsx as i,jsxs as R}from"react/jsx-runtime";var g=["days","hours","minutes","seconds"],Z=({targetDate:e,backgroundColor:r,textColor:o,border:t,size:m,component:n,context:d,slots:N})=>{let[{timeDifference:f,...C},I]=T(c(e)),v=H(()=>{let{days:s}=c(e);return{seconds:59,minutes:59,hours:23,days:s}},[e]);return y(()=>{if(f>0){let s=setInterval(()=>{I(c(e))},1e3);return()=>clearInterval(s)}},[e,f]),i("div",{children:f?i("div",{className:_({textColor:o}),children:g.map(s=>{if(C[s]===0&&s==="days")return null;let U=C[s];return R("div",{className:S({variant:n.variant,backgroundColor:r,border:t,size:m}),children:[i("div",{className:"mx-auto",children:p({maxUnitsCount:v[s],currentTime:U,unit:s,isAlignEnd:!t})}),i("div",{className:"mx-auto",style:{fontSize:"0.5em"},children:s})]},s)})}):i(h,{data:n,context:d,slot:N.countdownComplete})})};export{Z as Countdown};