@uniformdev/csk-components 6.0.113-alpha.1 → 6.0.117-alpha.1

package/dist/content/components/ui/Modal/modal.tsx

@@ -0,0 +1,89 @@
+'use client';
+
+import { FC, useCallback, useState, MouseEvent, useRef, useEffect } from 'react';
+import { cn } from '@/utils/styling';
+import { ModalProps } from '.';
+import { CloseIcon } from './close-icon';
+import { getCloseButtonClasses, getDialogClasses, getFormClasses } from './style-utils';
+
+export const Modal: FC<ModalProps> = ({
+  trigger,
+  content,
+  actions,
+  maxWidth,
+  backgroundColor,
+  closeIconColor,
+  disableCloseModalOnClickOutside,
+  onChangeModalState,
+  className,
+}) => {
+  const modalActionsRef = useRef<HTMLDivElement>(null);
+  const [showModal, setShowModal] = useState(false);
+
+  useEffect(() => {
+    if (onChangeModalState) {
+      onChangeModalState(showModal);
+    }
+  }, [showModal, onChangeModalState]);
+
+  const handleClickOutside = useCallback(() => {
+    if (!disableCloseModalOnClickOutside) setShowModal(false);
+  }, [disableCloseModalOnClickOutside]);
+
+  const toggleModal = useCallback(() => {
+    setShowModal(prev => !prev);
+  }, []);
+
+  const handleClickContent = useCallback((e: MouseEvent<HTMLFormElement>) => {
+    e.stopPropagation();
+  }, []);
+
+  useEffect(() => {
+    if (!modalActionsRef.current) return;
+    const currentActions = modalActionsRef.current.querySelectorAll('button, a');
+    const handleClickButton = () => setShowModal(false);
+
+    currentActions.forEach(button => {
+      button.addEventListener('click', handleClickButton);
+    });
+    return () =>
+      currentActions.forEach(button => {
+        button.removeEventListener('click', handleClickButton);
+      });
+  }, []);
+
+  return (
+    <div>
+      <div onClick={toggleModal}>{trigger}</div>
+      <div className={getDialogClasses({ showModal })}>
+        <dialog
+          open={showModal}
+          onClick={handleClickOutside}
+          aria-label="Close modal"
+          aria-modal="true"
+          className="flex size-full items-center justify-center bg-black/50 px-4"
+        >
+          <form
+            method="dialog"
+            className={cn(getFormClasses({ maxWidth, backgroundColor }), className)}
+            onClick={handleClickContent}
+          >
+            <button onClick={toggleModal} className={getCloseButtonClasses({ disableCloseModalOnClickOutside })}>
+              <CloseIcon
+                className={cn({
+                  [`fill-${closeIconColor}`]: closeIconColor,
+                })}
+              />
+            </button>
+            <div className="p-6 md:p-8">{content}</div>
+            {actions && (
+              <div ref={modalActionsRef} className="border-t p-6 md:p-8">
+                {actions}
+              </div>
+            )}
+          </form>
+        </dialog>
+      </div>
+    </div>
+  );
+};

package/dist/content/components/{canvas → ui}/Modal/style-utils.ts

@@ -1,5 +1,5 @@
 import { cn } from '@/utils/styling';
-import { MaxWidthMap, ModalParameters } from '.';
+import { MaxWidthMap, ModalProps } from '.';
 
 type DialogClassesProps = {
   showModal?: boolean;
@@ -11,8 +11,8 @@ export const getDialogClasses = ({ showModal }: DialogClassesProps) =>
   });
 
 type FormClassesProps = {
-  maxWidth?: ModalParameters['maxWidth'];
-  backgroundColor?: ModalParameters['backgroundColor'];
+  maxWidth?: ModalProps['maxWidth'];
+  backgroundColor?: ModalProps['backgroundColor'];
 };
 export const getFormClasses = ({ maxWidth, backgroundColor }: FormClassesProps) =>
   cn('rounded-lg shadow-lg relative', MaxWidthMap[maxWidth || 'small'], {
@@ -20,7 +20,7 @@ export const getFormClasses = ({ maxWidth, backgroundColor }: FormClassesProps)
   });
 
 type CloseButtonClassesProps = {
-  disableCloseModalOnClickOutside?: ModalParameters['disableCloseModalOnClickOutside'];
+  disableCloseModalOnClickOutside?: ModalProps['disableCloseModalOnClickOutside'];
 };
 export const getCloseButtonClasses = ({ disableCloseModalOnClickOutside }: CloseButtonClassesProps) =>
   cn('group absolute right-4 top-4 opacity-40 hover:opacity-100', {

package/dist/image-gallery-AMU6FS7N.mjs

@@ -0,0 +1 @@
+"use client";import{a as d}from"./chunk-BK7UG4U4.mjs";import{a as I}from"./chunk-7GVG4HLE.mjs";import{a as G}from"./chunk-2YTACEBA.mjs";import{c as h}from"./chunk-S7CSCIW4.mjs";import"./chunk-YEKQJ4YC.mjs";import{UniformSlot as R}from"@uniformdev/canvas-next-rsc/component";import F from"react-responsive-masonry";import{Fragment as v,jsx as y}from"react/jsx-runtime";var g={firstLineCount:2,secondLineCount:3,otherLinesCount:4},L=({slot:n,aspectRatio:s,config:r})=>{let{firstLineCount:i=g.firstLineCount,secondLineCount:p=g.secondLineCount,otherLinesCount:m=g.otherLinesCount}=r||{},{items:f=[]}=n||{},c=f.reduce((e,o,t)=>(t<i?e[0]?.push(o):t<i+p?e[1]?.push(o):e[2]?.push(o),e),[[],[],[]])||[];return y(v,{children:c?.map((e,o)=>e.length?y(F,{columnsCount:o<2||e.length<m?e.length:m,gutter:"4px",children:e.map((t,u)=>y("div",{className:h("flex flex-1 items-center justify-center",{[`aspect-${s}`]:!!s}),children:t},`img-${u}`))},`line-${o}`):null)})};import{jsx as l}from"react/jsx-runtime";var M=({slots:n,aspectRatio:s,items:r,backgroundColor:i,spacing:p,border:m,fluidContent:f,height:c,config:e,context:o,component:t})=>{let u=r?.length?{name:"items",items:G(r)?.map((a,C)=>l(d,{src:a.url,style:{objectFit:"cover"},alt:`Image ${C}`,fill:!0},a?.id||`image-${C}`))||[]}:n.imageGalleryItems,P=!r?.length&&!t?.slots?.imageGalleryItems?.filter(({_id:a})=>!a?.startsWith("placeholder"))?.length;return l(I,{backgroundColor:i,spacing:p,border:m,fluidContent:f,height:c,children:l("div",{className:"flex flex-col gap-1",children:P?l(R,{context:o,slot:n.imageGalleryItems,data:t}):l(L,{slot:u,aspectRatio:s,config:e})})})};export{M as ImageGallery};

package/dist/{index-Bi9hBway.d.mts → index-D5cLtaIv.d.mts}

@@ -43,22 +43,18 @@ type ContainerProps = HTMLAttributes<HTMLDivElement> & {
     spacing?: SpaceType | ViewPort<SpaceType>;
     border?: string | ViewPort<string>;
     fluidContent?: boolean;
-    /** @deprecated Use height prop instead */
-    fullHeight?: boolean;
-    /** @deprecated Use height prop instead */
-    fitHeight?: boolean;
     height?: string | ViewPort<string>;
     wrapperClassName?: string;
     maxWidth?: string;
 };
 
-type FooterProps = Omit<ContainerProps, 'fullHeight' | 'content'> & {
+type FooterProps = Omit<ContainerProps, 'height' | 'content'> & {
     logo?: React.ReactNode;
     copyright?: React.ReactNode;
     content?: React.ReactNode;
 };
 
-type HeaderProps = PropsWithChildren & Omit<ContainerProps, 'fluidContent' | 'fullHeight'> & {
+type HeaderProps = PropsWithChildren & Omit<ContainerProps, 'fluidContent' | 'height'> & {
     leftSection?: ReactNode;
     rightSection?: ReactNode;
     color?: string;

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import{a as x,b as y,c as w,d as E,e as F,f as S,g as P,h as R,i as $,j as I,k as _}from"./chunk-3PDY7RJC.mjs";import"./chunk-YEKQJ4YC.mjs";import{program as V}from"commander";import g from"node:path";import*as b from"ora";import{dirname as N}from"path";import{fileURLToPath as ee}from"url";import{checkbox as te}from"@inquirer/prompts";import U from"node:fs";var q=(r,t)=>U.readdirSync(r,{withFileTypes:!0}).filter(e=>t==="folder"?e.isDirectory():e.isFile()).map(e=>e.name),T=r=>q(r,"folder");import f from"node:fs";import a from"node:path";import{confirm as z}from"@inquirer/prompts";var K=async r=>{f.existsSync(r)||await f.promises.mkdir(r,{recursive:!0})};var O=r=>{let t=y.find(o=>f.existsSync(r+o));if(t)return r+t;let e=y.find(o=>f.existsSync(a.join(r,`index${o}`)));if(e)return a.join(r,`index${e}`)},Q=r=>{let e=f.readFileSync(r,"utf8").match(x)?.map(n=>n.replace(/['"]/g,"")),o=e?.filter(n=>n.startsWith("@/")).map(n=>n.replace("@/","")),s=e?.filter(n=>!n.startsWith("@/")).map(n=>n);return{aliases:o,relativePaths:s}},h=async(r,t,e)=>{e.add(r);let{aliases:o=[],relativePaths:s=[]}=Q(r);if(o.length)for(let n of o){let i=O(a.join(t,n));i&&!e.has(i)&&await h(i,t,e)}if(s.length)for(let n of s){let i=O(a.join(a.dirname(r),n));i&&!e.has(i)&&await h(i,t,e)}},j=5,A=async(r,t,e,o,s)=>{try{let n=new Set;s?.start("Searching for all canvas components and their dependencies...");for(let c of e){let l=a.join(r,c),d=f.readdirSync(l,{withFileTypes:!0}).filter(m=>m.isFile()&&w.includes(m.name));for(let m of d)await h(a.join(m?.path||m.parentPath,m.name),o,n)}let i=Array.from(n),p=i.filter(c=>{let l=a.join(t,a.relative(o,c));return f.existsSync(l)&&f.readFileSync(l,"utf8")!==f.readFileSync(c,"utf8")}),u=await(async()=>{if(!p.length)return!0;s?.stop();let c=p.slice(0,j).map(d=>a.relative(process.cwd(),a.join(t,a.relative(o,d)))).join(`
+import{a as x,b as y,c as w,d as E,e as F,f as S,g as P,h as R,i as $,j as I,k as _}from"./chunk-TFA6HYP4.mjs";import"./chunk-YEKQJ4YC.mjs";import{program as V}from"commander";import g from"node:path";import*as b from"ora";import{dirname as N}from"path";import{fileURLToPath as ee}from"url";import{checkbox as te}from"@inquirer/prompts";import U from"node:fs";var q=(r,t)=>U.readdirSync(r,{withFileTypes:!0}).filter(e=>t==="folder"?e.isDirectory():e.isFile()).map(e=>e.name),T=r=>q(r,"folder");import f from"node:fs";import a from"node:path";import{confirm as z}from"@inquirer/prompts";var K=async r=>{f.existsSync(r)||await f.promises.mkdir(r,{recursive:!0})};var O=r=>{let t=y.find(o=>f.existsSync(r+o));if(t)return r+t;let e=y.find(o=>f.existsSync(a.join(r,`index${o}`)));if(e)return a.join(r,`index${e}`)},Q=r=>{let e=f.readFileSync(r,"utf8").match(x)?.map(n=>n.replace(/['"]/g,"")),o=e?.filter(n=>n.startsWith("@/")).map(n=>n.replace("@/","")),s=e?.filter(n=>!n.startsWith("@/")).map(n=>n);return{aliases:o,relativePaths:s}},h=async(r,t,e)=>{e.add(r);let{aliases:o=[],relativePaths:s=[]}=Q(r);if(o.length)for(let n of o){let i=O(a.join(t,n));i&&!e.has(i)&&await h(i,t,e)}if(s.length)for(let n of s){let i=O(a.join(a.dirname(r),n));i&&!e.has(i)&&await h(i,t,e)}},j=5,A=async(r,t,e,o,s)=>{try{let n=new Set;s?.start("Searching for all canvas components and their dependencies...");for(let c of e){let l=a.join(r,c),d=f.readdirSync(l,{withFileTypes:!0}).filter(m=>m.isFile()&&w.includes(m.name));for(let m of d)await h(a.join(m?.path||m.parentPath,m.name),o,n)}let i=Array.from(n),p=i.filter(c=>{let l=a.join(t,a.relative(o,c));return f.existsSync(l)&&f.readFileSync(l,"utf8")!==f.readFileSync(c,"utf8")}),u=await(async()=>{if(!p.length)return!0;s?.stop();let c=p.slice(0,j).map(d=>a.relative(process.cwd(),a.join(t,a.relative(o,d)))).join(`
 	`),l=p.length>j?`
 	...`:"";return z({message:`Found ${p.length} files that will be overridden:
 	${c}${l}

package/dist/{mobile-GZUA7EI6.mjs → mobile-JGZBHQC2.mjs}

@@ -1 +1 @@
-"use client";import{a as u,b as s}from"./chunk-WNQCSSLG.mjs";import{b as o}from"./chunk-YUCUJWBO.mjs";import{c as n}from"./chunk-S7CSCIW4.mjs";import"./chunk-YEKQJ4YC.mjs";import{useState as C}from"react";import{jsx as e,jsxs as l}from"react/jsx-runtime";var B=({isOpen:t,onClick:i,color:a})=>e("button",{onClick:i,"aria-label":"Menu",className:n("w-7 h-7 relative focus:outline-none"),children:l("div",{className:"absolute left-1/2 top-1/2 block w-7 -translate-x-1/2 -translate-y-1/2",children:[e("span",{"aria-hidden":"true",className:n("block absolute h-0.5 w-7 transform transition duration-500 ease-in-out",{"rotate-45":t," -translate-y-2":!t,[`bg-${a}`]:!!a})}),e("span",{"aria-hidden":"true",className:n("block absolute h-0.5 w-7 transform transition duration-500 ease-in-out",{"opacity-0":t,[`bg-${a}`]:!!a})}),e("span",{"aria-hidden":"true",className:n("block absolute h-0.5 w-7 transform transition duration-500 ease-in-out",{"-rotate-45":t," translate-y-2":!t,[`bg-${a}`]:!!a})})]})}),G=({leftSection:t,rightSection:i,children:a,backgroundColor:m,spacing:c,border:d,className:p,color:f})=>{let[r,b]=C(!1);return l("nav",{children:[e(o,{id:"mobile-header",fluidContent:!0,backgroundColor:m,spacing:c,border:d,className:p,children:l(u,{className:"items-center",columnsCount:"12",children:[e(s,{columnSpan:"span-2",children:e(B,{isOpen:r,onClick:()=>{b(v=>!v)},color:f})}),e(s,{columnSpan:"span-6",children:e("div",{className:"flex items-center justify-start",children:t})}),e(s,{columnSpan:"span-4",children:e("div",{className:"flex items-center justify-end gap-x-4",children:i})})]})}),e(o,{fluidContent:!0,className:n({"min-h-screen":r}),backgroundColor:m,children:r&&e("div",{className:"size-full py-8",children:e("div",{className:"flex flex-col items-center justify-center gap-y-8",children:a})})})]})};export{G as MobileHeader};
+"use client";import{a as u,b as s}from"./chunk-TCQTXNKT.mjs";import{a as o}from"./chunk-7GVG4HLE.mjs";import{c as n}from"./chunk-S7CSCIW4.mjs";import"./chunk-YEKQJ4YC.mjs";import{useState as C}from"react";import{jsx as e,jsxs as l}from"react/jsx-runtime";var B=({isOpen:t,onClick:i,color:a})=>e("button",{onClick:i,"aria-label":"Menu",className:n("w-7 h-7 relative focus:outline-none"),children:l("div",{className:"absolute left-1/2 top-1/2 block w-7 -translate-x-1/2 -translate-y-1/2",children:[e("span",{"aria-hidden":"true",className:n("block absolute h-0.5 w-7 transform transition duration-500 ease-in-out",{"rotate-45":t," -translate-y-2":!t,[`bg-${a}`]:!!a})}),e("span",{"aria-hidden":"true",className:n("block absolute h-0.5 w-7 transform transition duration-500 ease-in-out",{"opacity-0":t,[`bg-${a}`]:!!a})}),e("span",{"aria-hidden":"true",className:n("block absolute h-0.5 w-7 transform transition duration-500 ease-in-out",{"-rotate-45":t," translate-y-2":!t,[`bg-${a}`]:!!a})})]})}),G=({leftSection:t,rightSection:i,children:a,backgroundColor:m,spacing:c,border:d,className:p,color:f})=>{let[r,b]=C(!1);return l("nav",{children:[e(o,{id:"mobile-header",fluidContent:!0,backgroundColor:m,spacing:c,border:d,className:p,children:l(u,{className:"items-center",columnsCount:"12",children:[e(s,{columnSpan:"span-2",children:e(B,{isOpen:r,onClick:()=>{b(v=>!v)},color:f})}),e(s,{columnSpan:"span-6",children:e("div",{className:"flex items-center justify-start",children:t})}),e(s,{columnSpan:"span-4",children:e("div",{className:"flex items-center justify-end gap-x-4",children:i})})]})}),e(o,{fluidContent:!0,className:n({"min-h-screen":r}),backgroundColor:m,children:r&&e("div",{className:"size-full py-8",children:e("div",{className:"flex flex-col items-center justify-center gap-y-8",children:a})})})]})};export{G as MobileHeader};

package/dist/modal-43IHAVWB.mjs

@@ -0,0 +1 @@
+"use client";import{b as d}from"./chunk-2BMAPB63.mjs";import"./chunk-YEKQJ4YC.mjs";import{UniformSlot as i}from"@uniformdev/canvas-next-rsc/component";import{jsx as t}from"react/jsx-runtime";var p=({slots:o,component:a,context:r,maxWidth:l,backgroundColor:m,closeIconColor:e,disableCloseModalOnClickOutside:n})=>t(d,{maxWidth:l,backgroundColor:m,closeIconColor:e,disableCloseModalOnClickOutside:n,trigger:t(i,{data:a,context:r,slot:o.trigger}),content:t(i,{data:a,context:r,slot:o.modalContent}),actions:o?.modalActions?.items?.length&&t(i,{data:a,context:r,slot:o.modalActions})});export{p as Modal};

package/dist/modal-5FNTFSTN.mjs

@@ -0,0 +1 @@
+"use client";import{a as g}from"./chunk-2BMAPB63.mjs";import{c as s}from"./chunk-S7CSCIW4.mjs";import"./chunk-YEKQJ4YC.mjs";import{useCallback as m,useState as B,useRef as L,useEffect as k}from"react";import{jsx as v}from"react/jsx-runtime";var h=({className:o,...l})=>v("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",className:s("size-8",o),...l,children:v("path",{d:"m16.192 6.344-4.243 4.242-4.242-4.242-1.414 1.414L10.535 12l-4.242 4.242 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L13.364 12l4.242-4.242z"})});var P=({showModal:o})=>s("fixed left-0 top-0 size-full",{hidden:!o,block:o}),M=({maxWidth:o,backgroundColor:l})=>s("rounded-lg shadow-lg relative",g[o||"small"],{[`bg-${l}`]:!!l}),b=({disableCloseModalOnClickOutside:o})=>s("group absolute right-4 top-4 opacity-40 hover:opacity-100",{hidden:o});import{jsx as e,jsxs as x}from"react/jsx-runtime";var O=({trigger:o,content:l,actions:p,maxWidth:E,backgroundColor:F,closeIconColor:f,disableCloseModalOnClickOutside:a,onChangeModalState:i,className:w})=>{let n=L(null),[r,c]=B(!1);k(()=>{i&&i(r)},[r,i]);let N=m(()=>{a||c(!1)},[a]),u=m(()=>{c(t=>!t)},[]),y=m(t=>{t.stopPropagation()},[]);return k(()=>{if(!n.current)return;let t=n.current.querySelectorAll("button, a"),C=()=>c(!1);return t.forEach(d=>{d.addEventListener("click",C)}),()=>t.forEach(d=>{d.removeEventListener("click",C)})},[]),x("div",{children:[e("div",{onClick:u,children:o}),e("div",{className:P({showModal:r}),children:e("dialog",{open:r,onClick:N,"aria-label":"Close modal","aria-modal":"true",className:"flex size-full items-center justify-center bg-black/50 px-4",children:x("form",{method:"dialog",className:s(M({maxWidth:E,backgroundColor:F}),w),onClick:y,children:[e("button",{onClick:u,className:b({disableCloseModalOnClickOutside:a}),children:e(h,{className:s({[`fill-${f}`]:f})})}),e("div",{className:"p-6 md:p-8",children:l}),p&&e("div",{ref:n,className:"border-t p-6 md:p-8",children:p})]})})})]})};export{O as Modal};

package/dist/{navigation-flyout-EIN6DEX4.mjs → navigation-flyout-NAU6O2WG.mjs}

@@ -1 +1 @@
-"use client";import{a as B,b as H}from"./chunk-RYEXR67P.mjs";import{a as k}from"./chunk-6TUDWIYU.mjs";import"./chunk-WAW7PQYM.mjs";import{a as w,b as y}from"./chunk-WNQCSSLG.mjs";import{a as C}from"./chunk-BK7UG4U4.mjs";import"./chunk-YUCUJWBO.mjs";import{a as g}from"./chunk-2YTACEBA.mjs";import{a as u,c as o}from"./chunk-S7CSCIW4.mjs";import"./chunk-YEKQJ4YC.mjs";import{useCallback as O,useMemo as et,useState as at}from"react";import{UniformText as st}from"@uniformdev/canvas-next-rsc/component";import{UniformSlot as M}from"@uniformdev/canvas-next-rsc/component";import{jsx as m,jsxs as _}from"react/jsx-runtime";var G=({isOpen:t,backgroundColor:s,context:e,slots:i,border:r,component:n,hasRightContent:l})=>m("div",{className:o("absolute z-10 w-max left-1/2 -translate-x-1/2 pt-4",{hidden:!t,block:t,"w-full md:w-[460px]":!l,"w-full md:w-[460px] xl:w-[768px]":l}),children:m("div",{className:o("p-8",{[`bg-${s}`]:!!s,[u(r,"{value}")]:r}),children:_(w,{columnsCount:"2",gapX:"4",children:[m(y,{children:m("div",{className:"flex flex-col gap-y-4",children:m(M,{context:e,data:n,slot:i.navigationFlyoutLeftContent})})}),m(y,{children:m(M,{context:e,data:n,slot:i.navigationFlyoutRightContent})})]})})});import{useEffect as j,useState as tt}from"react";import{UniformSlot as L}from"@uniformdev/canvas-next-rsc/component";import{jsx as d,jsxs as R}from"react/jsx-runtime";var ot=()=>{let[t,s]=tt(0);return j(()=>{let e=document.getElementById("mobile-header");e&&s(e.offsetHeight)},[]),t},S=({isOpen:t,backgroundColor:s,context:e,slots:i,onClose:r,component:n})=>{let l=ot();return R("div",{style:{top:l},className:o("fixed left-0 right-0 bottom-0 z-10 w-full pt-4",{[`bg-${s}`]:!!s,hidden:!t,block:t}),children:[d("button",{onClick:r,className:"w-max rotate-180 px-4",children:d(k,{})}),R("div",{className:"flex flex-col items-center justify-center gap-y-8 p-4",children:[d(L,{context:e,data:n,slot:i.navigationFlyoutLeftContent}),d(L,{context:e,data:n,slot:i.navigationFlyoutRightContent})]})]})};var U=({isOpen:t})=>o("transition transform hidden md:block",{"rotate-180":t,"rotate-0":!t}),D=({color:t})=>o("flex items-center gap-x-2",{[`text-${t}`]:!!t});import{jsx as a,jsxs as $}from"react/jsx-runtime";var Gt=({icon:t,caretIcon:s,backgroundColor:e,border:i,size:r,tag:n,color:l,weight:T,font:V,transform:A,decoration:E,letterSpacing:z,alignment:W,component:p,context:v,slots:N,hoverEffect:F="",className:X})=>{let[f,P]=at(!1),q=O(()=>P(!0),[]),h=O(()=>P(!1),[]),J=et(()=>!!p.slots?.navigationFlyoutRightContent?.length,[p.slots]),[K]=g(t),{url:c,title:x=""}=K||{},Q=()=>c?c.endsWith(".svg")?a(H,{src:c,alt:x,fill:!0}):a(C,{src:c,alt:x,fill:!0}):null,b=o("transition-all duration-150",{[u(F,"group-hover:{value}")]:!!F}),[Y]=g(s),{url:I,title:Z=""}=Y||{};return $("div",{className:"relative",onMouseLeave:h,children:[$("button",{onMouseEnter:q,className:D({color:l}),children:[a(B,{icon:Q(),className:o("group",X),iconClassName:b,textClassName:b,size:r,tag:n,color:l,weight:T,font:V,transform:A,decoration:E,letterSpacing:z,alignment:W,children:a(st,{placeholder:"Text goes here",parameterId:"text",component:p,context:v})}),I&&a("div",{className:o("relative size-[1em]",U({isOpen:f}),{[`text-${r}`]:!!r}),children:a(C,{src:I,alt:Z,fill:!0})})]}),a("div",{className:"hidden md:block",children:a(G,{hasRightContent:J,isOpen:f,backgroundColor:e,context:v,slots:N,border:i,component:p})}),a("div",{className:"block md:hidden",children:a(S,{onClose:h,isOpen:f,backgroundColor:e,context:v,slots:N,border:i,component:p})})]})};export{Gt as NavigationFlyout};
+"use client";import{a as B,b as H}from"./chunk-RYEXR67P.mjs";import{a as k}from"./chunk-6TUDWIYU.mjs";import"./chunk-WAW7PQYM.mjs";import{a as w,b as y}from"./chunk-TCQTXNKT.mjs";import{a as C}from"./chunk-BK7UG4U4.mjs";import"./chunk-7GVG4HLE.mjs";import{a as g}from"./chunk-2YTACEBA.mjs";import{a as u,c as o}from"./chunk-S7CSCIW4.mjs";import"./chunk-YEKQJ4YC.mjs";import{useCallback as O,useMemo as et,useState as at}from"react";import{UniformText as st}from"@uniformdev/canvas-next-rsc/component";import{UniformSlot as M}from"@uniformdev/canvas-next-rsc/component";import{jsx as m,jsxs as _}from"react/jsx-runtime";var G=({isOpen:t,backgroundColor:s,context:e,slots:i,border:r,component:n,hasRightContent:l})=>m("div",{className:o("absolute z-10 w-max left-1/2 -translate-x-1/2 pt-4",{hidden:!t,block:t,"w-full md:w-[460px]":!l,"w-full md:w-[460px] xl:w-[768px]":l}),children:m("div",{className:o("p-8",{[`bg-${s}`]:!!s,[u(r,"{value}")]:r}),children:_(w,{columnsCount:"2",gapX:"4",children:[m(y,{children:m("div",{className:"flex flex-col gap-y-4",children:m(M,{context:e,data:n,slot:i.navigationFlyoutLeftContent})})}),m(y,{children:m(M,{context:e,data:n,slot:i.navigationFlyoutRightContent})})]})})});import{useEffect as j,useState as tt}from"react";import{UniformSlot as L}from"@uniformdev/canvas-next-rsc/component";import{jsx as d,jsxs as R}from"react/jsx-runtime";var ot=()=>{let[t,s]=tt(0);return j(()=>{let e=document.getElementById("mobile-header");e&&s(e.offsetHeight)},[]),t},S=({isOpen:t,backgroundColor:s,context:e,slots:i,onClose:r,component:n})=>{let l=ot();return R("div",{style:{top:l},className:o("fixed left-0 right-0 bottom-0 z-10 w-full pt-4",{[`bg-${s}`]:!!s,hidden:!t,block:t}),children:[d("button",{onClick:r,className:"w-max rotate-180 px-4",children:d(k,{})}),R("div",{className:"flex flex-col items-center justify-center gap-y-8 p-4",children:[d(L,{context:e,data:n,slot:i.navigationFlyoutLeftContent}),d(L,{context:e,data:n,slot:i.navigationFlyoutRightContent})]})]})};var U=({isOpen:t})=>o("transition transform hidden md:block",{"rotate-180":t,"rotate-0":!t}),D=({color:t})=>o("flex items-center gap-x-2",{[`text-${t}`]:!!t});import{jsx as a,jsxs as $}from"react/jsx-runtime";var Gt=({icon:t,caretIcon:s,backgroundColor:e,border:i,size:r,tag:n,color:l,weight:T,font:V,transform:A,decoration:E,letterSpacing:z,alignment:W,component:p,context:v,slots:N,hoverEffect:F="",className:X})=>{let[f,P]=at(!1),q=O(()=>P(!0),[]),h=O(()=>P(!1),[]),J=et(()=>!!p.slots?.navigationFlyoutRightContent?.length,[p.slots]),[K]=g(t),{url:c,title:x=""}=K||{},Q=()=>c?c.endsWith(".svg")?a(H,{src:c,alt:x,fill:!0}):a(C,{src:c,alt:x,fill:!0}):null,b=o("transition-all duration-150",{[u(F,"group-hover:{value}")]:!!F}),[Y]=g(s),{url:I,title:Z=""}=Y||{};return $("div",{className:"relative",onMouseLeave:h,children:[$("button",{onMouseEnter:q,className:D({color:l}),children:[a(B,{icon:Q(),className:o("group",X),iconClassName:b,textClassName:b,size:r,tag:n,color:l,weight:T,font:V,transform:A,decoration:E,letterSpacing:z,alignment:W,children:a(st,{placeholder:"Text goes here",parameterId:"text",component:p,context:v})}),I&&a("div",{className:o("relative size-[1em]",U({isOpen:f}),{[`text-${r}`]:!!r}),children:a(C,{src:I,alt:Z,fill:!0})})]}),a("div",{className:"hidden md:block",children:a(G,{hasRightContent:J,isOpen:f,backgroundColor:e,context:v,slots:N,border:i,component:p})}),a("div",{className:"block md:hidden",children:a(S,{onClose:h,isOpen:f,backgroundColor:e,context:v,slots:N,border:i,component:p})})]})};export{Gt as NavigationFlyout};

package/dist/tabs-J23TEEQ7.mjs

@@ -0,0 +1 @@
+"use client";import"./chunk-VW2XC3SE.mjs";import{a as f}from"./chunk-7GVG4HLE.mjs";import"./chunk-MSXDLSXH.mjs";import{c as m}from"./chunk-S7CSCIW4.mjs";import"./chunk-YEKQJ4YC.mjs";import{Fragment as C,useCallback as k,useEffect as v,useMemo as V,useState as h}from"react";import{flattenValues as F}from"@uniformdev/canvas";import{UniformSlot as E,UniformText as I}from"@uniformdev/canvas-next-rsc/component";var u=({color:r,variant:a})=>m("flex flex-row overflow-x-auto ",{[`border-${r} border-b`]:r&&a==="bordered"}),p=({color:r,variant:a,tabItem:t,activeTabId:e})=>m("text-lg shrink-0 font-medium px-5 py-3",{[`text-${r}`]:r,[`border-${r}`]:t.id===e&&a==="bordered","border-b-2":a==="bordered","opacity-60 hover:opacity-100":t.id!==e,"border-transparent":t.id!==e&&a==="bordered"});import{jsx as i,jsxs as N}from"react/jsx-runtime";var J=({slots:r,color:a,component:t,context:e,backgroundColor:g,spacing:T,border:c,fluidContent:x,height:B})=>{let b=t.variant||"default",[n,d]=h(t?.slots?.tabItems?.[0]?._id),l=V(()=>t?.slots?.tabItems?t.slots.tabItems.map(s=>({...F(s),id:s._id})):[],[t?.slots?.tabItems]);v(()=>{l.length&&(n||d(l[0]?.id||""))},[l,n]);let P=k(s=>{e.isContextualEditing&&d(s)},[e.isContextualEditing]);return N(f,{className:"flex flex-col gap-5",backgroundColor:g,spacing:T,border:c,fluidContent:x,height:B,children:[i("div",{className:u({color:a,variant:b}),children:l.map((s,o)=>i("button",{onClick:()=>d(s.id),className:p({color:a,variant:b,tabItem:s,activeTabId:n}),children:t?.slots?.tabItems?.[o]&&i(I,{onFocus:()=>P(s.id),context:e,parameterId:"text",component:t?.slots?.tabItems[o],placeholder:"Tab title"})},s.id))}),i(E,{data:t,context:e,slot:r.tabItems,children:({child:s,component:{_id:o}})=>o===n?i(C,{children:s},o):i(C,{},o)})]})};export{J as Tabs};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/csk-components",
-  "version": "6.0.113-alpha.1",
+  "version": "6.0.117-alpha.1",
   "description": "Components Starter Kit that provides a set of basic components for building websites within a Uniform project",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -105,4 +105,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/dist/carousel-BBEW5P4Y.mjs

@@ -1 +0,0 @@
-"use client";import{a as s}from"./chunk-5VM2Y55L.mjs";import"./chunk-YEKQJ4YC.mjs";import{UniformSlot as y}from"@uniformdev/canvas-next-rsc/component";import{jsx as o}from"react/jsx-runtime";var P=({slots:r,component:e,context:t,backgroundColor:a,spacing:l,border:m,fluidContent:i,fullHeight:u,fitHeight:f,height:C,itemsPerPage:n,gapX:p})=>o(s,{backgroundColor:a,spacing:l,border:m,fluidContent:i,fullHeight:u,fitHeight:f,height:C,itemsPerPage:n,gapX:p,countOfItems:r.carouselItems?.items.length??0,variant:e.variant,children:({className:c,style:v})=>o(y,{context:t,slot:r.carouselItems,data:e,children:({child:d,key:I})=>o("div",{className:c,style:v,children:d},I)})});export{P as Carousel};

package/dist/carousel-ERCHOWUS.mjs

@@ -1 +0,0 @@
-"use client";import"./chunk-5VM2Y55L.mjs";import{b as p}from"./chunk-YUCUJWBO.mjs";import{a as x,c as s}from"./chunk-S7CSCIW4.mjs";import"./chunk-YEKQJ4YC.mjs";import{useCallback as h,useEffect as N,useMemo as S,useRef as T,useState as y}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";var H=({countOfItems:o,backgroundColor:t,spacing:w,border:C,fluidContent:k,fullHeight:z,itemsPerPage:E="1",children:P,gapX:c,variant:b="default"})=>{let u=T(null),[f,m]=y(0),[R,$]=y(!1),l=Number(E),n=S(()=>o?l>1?Math.ceil(o/l):o:0,[o,l]);N(()=>{let e=()=>$(r=>!r);return window.addEventListener("resize",e,{passive:!0}),()=>window.removeEventListener("resize",e)},[]),N(()=>{if(u.current){let{clientWidth:e}=u.current;u.current.scrollLeft=f*e}},[f,R]);let d=h(()=>{m(e=>e===0?n-1:e-1)},[n]),v=h(()=>{m(e=>e===n-1?0:e+1)},[n]),L=()=>b==="brochure"?a("div",{className:s("flex py-4 px-4 z-5 gap-x-4 justify-end items-center"),children:[i("button",{onClick:d,children:"\u276E"}),i("div",{className:"flex items-center gap-2",children:Array.from({length:n}).map((e,r)=>i("button",{onClick:()=>m(r),className:s("h-2 rounded-full transition-all duration-300 size-2 opacity-50",{"w-6 opacity-100":r===f,[`bg-${t} invert`]:!!t,"bg-black dark:bg-white":!t}),"aria-label":`Go to slide ${r+1}`},`slide-${r}`))}),i("button",{onClick:v,children:"\u276F"})]}):b==="numeric"?a("div",{className:s("flex py-4 px-4 z-5 gap-x-4 justify-end items-center",{[`text-${t} invert`]:!!t,"text-black dark:text-white":!t}),children:[i("button",{onClick:d,children:"\u276E"}),a("div",{className:"flex flex-col px-2",children:[f+1," of ",n]}),i("button",{onClick:v,children:"\u276F"})]}):a("div",{className:s("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:[i("button",{onClick:d,children:"\u276E"}),i("button",{onClick:v,children:"\u276F"})]}),M=()=>P({className:s("flex size-full items-center justify-center",{[x(c,"px-{value}")]:c}),style:{minWidth:l>1?`calc(${100/l}%)`:"100%"}});return i(p,{backgroundColor:t,spacing:w,border:C,fluidContent:k,fullHeight:z,children:a("div",{className:s("relative",{[x(c,"-mx-{value}")]:c}),children:[i("div",{ref:u,className:"flex overflow-x-hidden scroll-smooth",children:M()}),L()]})})};export{H as Carousel};

package/dist/chunk-2SEOCBRK.mjs

@@ -1 +0,0 @@
-import{a as r}from"./chunk-MSXDLSXH.mjs";import m from"next/dynamic";import{jsx as a}from"react/jsx-runtime";var l=o=>{switch(o.slotName){case"trigger":return{component:()=>a("div",{className:"h-20 w-full"})};default:return r}};var c={small:"max-w-xl",medium:"max-w-2xl",large:"max-w-4xl"},t=(e=>(e.Trigger="trigger",e.ModalContent="modalContent",e.ModalActions="modalActions",e))(t||{}),x=m(()=>import("./modal-HKMQGV4B.mjs").then(o=>o.Modal));export{c as a,t as b,x as c,l as d};

package/dist/chunk-5VM2Y55L.mjs

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

package/dist/chunk-7GZZPOY4.mjs

@@ -1 +0,0 @@
-import{b as w,c as F}from"./chunk-6TUDWIYU.mjs";import{a as R}from"./chunk-WAW7PQYM.mjs";import{a as L,b as d}from"./chunk-WNQCSSLG.mjs";import{b as l}from"./chunk-YUCUJWBO.mjs";import{d as B}from"./chunk-RX4IAAQQ.mjs";import{a as x,c as a}from"./chunk-S7CSCIW4.mjs";import{jsx as D,jsxs as E}from"react/jsx-runtime";var z=({accordionContent:e,accordionItems:o,backgroundColor:r,spacing:i,border:t,fluidContent:n,fullHeight:s,fitHeight:m,height:g,className:c})=>E(l,{className:a("flex flex-col gap-8",c),backgroundColor:r,spacing:i,border:t,fluidContent:n,fullHeight:s,fitHeight:m,height:g,children:[e&&D("div",{className:"flex flex-col gap-4 text-start",children:e}),o]});import O from"next/link";import{jsx as Z}from"react/jsx-runtime";var v=({children:e,link:o,openInNewTab:r,rel:i,className:t})=>Z(O,{href:o,className:a("[&:hover_img]:scale-[0.98] [&_img]:transition-transform hover:underline transition-transform",t),target:r?"_blank":"_self",rel:i,children:e});var H=(o=>(o.Link="link",o))(H||{});import{jsx as I,jsxs as K}from"react/jsx-runtime";var J=({children:e,href:o,className:r,onClick:i})=>{let t=B(o);return o?I(v,{className:r,link:o,openInNewTab:t,rel:t?"noopener noreferrer":"",children:e}):I("button",{onClick:i,className:r,children:e})},q=({variant:e,children:o,href:r,className:i,onClick:t,textColor:n,textSize:s,buttonColor:m,isActive:g,icon:c,iconPosition:W,border:C="",textTransform:h="",textWeight:u,textFont:N,size:k,hoverButtonColor:b,hoverTextColor:y})=>{let G=a("block w-max font-medium focus-visible:outline-none focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50",{[`text-${n}`]:n,[`hover:text-${y}`]:y,"flex flex-row gap-x-2":c,"flex-row-reverse":c&&W==="right",[`font-${N}`]:!!N,[`font-${u}`]:!!u,[`p-${k}`]:k,[h]:!!h,[x(C,"{value}")]:C,[x(s,"text-{value}")]:s}),V=a({[`bg-${m}`]:m,[`hover:bg-${b}`]:b}),_=a("bg-transparent hover:underline hover:opacity-100",{[`hover:decoration-${m}`]:m,"!underline":r===g});return K(J,{href:r,onClick:t,className:a(G,{[V]:!e,[_]:e==="link"},i),children:[c,o]})};import{jsx as M,jsxs as U}from"react/jsx-runtime";var Q=({type:e,placeholder:o})=>U("div",{className:"flex aspect-video size-full flex-col items-center justify-center bg-white text-black dark:bg-black dark:text-white",children:[M(e==="video"?F:w,{className:"size-1/2 max-h-36 max-w-36"}),!!o&&M(R,{className:"text-center",weight:"bold",children:o})]});import{jsx as P,jsxs as $}from"react/jsx-runtime";var X=({logo:e,content:o,copyright:r,backgroundColor:i,spacing:t,border:n,fluidContent:s})=>P("footer",{children:P(l,{backgroundColor:i,spacing:t,border:n,fluidContent:s,children:$(l,{className:"flex w-full flex-col justify-between gap-4 md:flex-row",children:[$("div",{className:"flex flex-col gap-2 gap-y-4 md:w-1/2",children:[e,r]}),P("div",{children:o})]})})});import j from"next/dynamic";import{jsx as p,jsxs as Y}from"react/jsx-runtime";var A=({leftSection:e,rightSection:o,children:r,backgroundColor:i,spacing:t,border:n,className:s})=>p("nav",{children:p(l,{fluidContent:!0,backgroundColor:i,spacing:t,border:n,className:s,children:Y(L,{className:"items-center",columnsCount:"12",children:[p(d,{columnSpan:"span-3",children:p("div",{className:"flex items-center justify-start",children:e})}),p(d,{columnSpan:"span-6",children:p("div",{className:"flex items-center justify-center gap-x-8",children:r})}),p(d,{columnSpan:"span-3",children:p("div",{className:"flex items-center justify-end gap-x-4",children:o})})]})})});import{jsx as f,jsxs as re}from"react/jsx-runtime";var ee=j(()=>import("./mobile-GZUA7EI6.mjs").then(e=>e.MobileHeader)),oe=({sticky:e,...o})=>re("header",{className:a({"sticky top-0 shadow z-10":e}),children:[f("div",{className:"hidden md:block",children:f(A,{...o})}),f("div",{className:"block md:hidden",children:f(ee,{...o})})]});import{jsx as ie,jsxs as ae}from"react/jsx-runtime";var te=({className:e,header:o,footer:r,children:i,backgroundColor:t,...n})=>ae("div",{className:a("flex min-h-screen flex-col",e,{[`bg-${t}`]:!!t}),...n,children:[o,ie("div",{className:"flex flex-1 flex-col",children:i}),r]});import{jsx as T,jsxs as S}from"react/jsx-runtime";var ne=({rating:e,showReviewLabel:o,starsColor:r,activeStarsColor:i})=>S("div",{className:"flex items-center space-x-1",children:[Array.from({length:5},(t,n)=>{let s=e>=n+1;return T("svg",{className:a("w-5 h-5",{[`fill-${r}`]:!s,[`fill-${i}`]:s}),"aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 22 20",children:T("path",{d:"M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z"})},n)}),o&&S("div",{className:"text-sm leading-[3px]",children:["(",e,"/5)"]})]});export{z as a,v as b,q as c,H as d,Q as e,X as f,oe as g,te as h,ne as i};

package/dist/chunk-BJ3OD5EH.mjs

@@ -1 +0,0 @@
-import{a as P,b as l}from"./chunk-YUCUJWBO.mjs";import{a as e,c as p}from"./chunk-S7CSCIW4.mjs";import{jsx as u}from"react/jsx-runtime";var x=({className:r,wrapperClassName:t,direction:o,justifyContent:a,gap:i,alignItems:s,backgroundColor:c,spacing:g,border:I,fluidContent:v,fullHeight:m,fitHeight:n,height:f,children:V})=>{let d=P({height:f,fullHeight:m,fitHeight:n});return u(l,{backgroundColor:c,spacing:g,border:I,fluidContent:v,fullHeight:m,fitHeight:n,height:f,wrapperClassName:t,children:u("div",{className:p("flex",{[e(o,"flex-{value}")]:o,[e(a,"justify-{value}")]:a,[e(i,"gap-{value}")]:i,[e(s,"items-{value}")]:s,[e(d,"h-{value}")]:d},r),children:V})})};import{jsx as F}from"react/jsx-runtime";var y=({className:r,alignSelf:t,shrink:o,children:a})=>F("div",{className:p({[e(t,"self-{value}")]:t,[`shrink-${o}`]:o},r),children:a});import h from"next/dynamic";var w=h(()=>import("./video-RC2QHJS2.mjs").then(r=>r.Video));export{x as a,y as b,w as c};

package/dist/chunk-JE7SVZ2M.mjs

@@ -1 +0,0 @@
-import{a as be,c as Ne,e as Fe,f as He,g as we,h as Ee,i as O}from"./chunk-7GZZPOY4.mjs";import{a as Te}from"./chunk-WAW7PQYM.mjs";import{a as Z}from"./chunk-BK7UG4U4.mjs";import{b as P}from"./chunk-YUCUJWBO.mjs";import{a as Q}from"./chunk-2YTACEBA.mjs";import{a as c}from"./chunk-MSXDLSXH.mjs";import{c as Re}from"./chunk-RX4IAAQQ.mjs";import{c as f}from"./chunk-S7CSCIW4.mjs";import{UniformSlot as Ae}from"@uniformdev/canvas-next-rsc/component";import{jsx as j}from"react/jsx-runtime";var Ro=({slots:e,component:t,context:o,backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,fitHeight:m,height:l})=>j(be,{accordionContent:j(Ae,{data:t,context:o,slot:e.accordionContent}),accordionItems:j(Ae,{data:t,context:o,slot:e.accordionItems}),backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,fitHeight:m,height:l});import{jsx as Ie}from"react/jsx-runtime";var bo=e=>{switch(e.slotName){case"accordionContent":return{component:()=>Ie("div",{className:"h-20"})};case"accordionItems":return{component:()=>Ie("div",{className:"h-28"})};default:return c}};var Be=(o=>(o.AccordionContent="accordionContent",o.AccordionItems="accordionItems",o))(Be||{});import{UniformSlot as Se}from"@uniformdev/canvas-next-rsc/component";import{jsx as To}from"react/jsx-runtime";var No=e=>{switch(e.slotName){case"cardMedia":return{component:()=>null};case"cardContent":return{component:()=>To("div",{className:"h-20"})};default:return c}};var Ve=(t=>(t.BackgroundImage="backgroundImage",t))(Ve||{}),Le=(o=>(o.CardMedia="cardMedia",o.CardContent="cardContent",o))(Le||{});import{jsx as k,jsxs as Ho}from"react/jsx-runtime";var Fo=({component:e,context:t,slots:o,backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,fitHeight:m,height:l,className:p,contentClassName:d})=>{let g=e.variant==="backgroundImage";return Ho(P,{className:f("relative overflow-hidden",p),backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,fitHeight:m,height:l,children:[k("div",{className:f({"inset-0 size-full absolute":g}),children:k(Se,{data:e,context:t,slot:o.cardMedia})}),k("div",{className:f("relative flex flex-col gap-y-2",d),children:k(Se,{data:e,context:t,slot:o.cardContent})})]})};import Ao from"next/dynamic";import{jsx as Eo}from"react/jsx-runtime";var wo=e=>{switch(e.slotName){case"carouselItems":return{component:()=>Eo("div",{className:"mx-20 h-20 w-full"})};default:return c}};var De=(t=>(t.Items="carouselItems",t))(De||{}),Dr=Ao(()=>import("./carousel-BBEW5P4Y.mjs").then(e=>e.Carousel));import{UniformSlot as qe}from"@uniformdev/canvas-next-rsc/component";import{imageFrom as Io}from"@uniformdev/assets";import{UniformText as Oe}from"@uniformdev/canvas-next-rsc/component";import{jsx as x}from"react/jsx-runtime";var M=({component:e,context:t,parameterId:o,text:r,...a})=>{let i=t.previewMode==="editor"&&t.isContextualEditing;return!r&&!i?null:x(Te,{...a,children:x(Oe,{placeholder:"Text goes here",parameterId:o,as:a.tag||void 0,component:e,context:t})})},ke=({component:e,context:t,parameterId:o,text:r,...a})=>{let{link:i,icon:n}=a,s=Re(i),m=t.previewMode==="editor"&&t.isContextualEditing;return!r&&!s&&!m?null:x(Ne,{...a,href:s,icon:x(()=>{let[p]=Q(n),{url:d,title:g=""}=p||{};return d?x(Z,{src:d,alt:g,width:20,height:20,containerStyle:{width:"20px",height:"20px"}}):void 0},{}),children:x(Oe,{placeholder:"Button text goes here",parameterId:o,component:e,context:t})})},Me=({component:e,context:t,image:o,objectFit:r,width:a,height:i,overlayColor:n,contrastBaseColor:s,overlayOpacity:m,border:l,priority:p,unoptimized:d,fill:g})=>{let[u]=Q(o);if(!u){let X=t.previewMode==="editor"&&t.isContextualEditing,J=e?._id?.includes("placeholder_");return!X||J||!e.variant?null:x("div",{style:{width:a?`${a}px`:"auto",height:i?`${i}px`:"auto"},children:x(Fe,{type:"image",placeholder:"Please add an asset to display an image"})})}let{focalPoint:$,title:V=""}=u,S=a||u.width,D=i||u.height;if(!g&&(!S||!D))return console.warn("No dimensions provided for the Next.js Image component. Falling back to a standard <img> tag for rendering."),x("img",{src:u.url,alt:V});let q=Io(u?.url).transform({width:a,height:i,fit:r,focal:$}).url();return x(Z,{src:q,alt:V,unoptimized:d,priority:p,sizes:"100%",style:{objectFit:r},overlayColor:n,contrastBaseColor:s,overlayOpacity:m,border:l,...g?{fill:!0}:{width:S,height:D}})};import{jsx as T,jsxs as _e}from"react/jsx-runtime";var Ue=({backgroundColor:e,spacing:t,border:o,fluidContent:r,fullHeight:a,fitHeight:i,height:n,variant:s,demoHeroMedia:m,demoHeroContent:l,demoHeroCTA:p,textAlignmentClass:d,buttonAlignmentClass:g})=>T(P,{backgroundColor:e,spacing:t,border:o,fluidContent:r,fullHeight:a,fitHeight:i,height:n,children:_e("div",{className:f("grid grid-cols-1 items-center gap-4 px-4 lg:grid-cols-2 xl:px-0"),children:[T("div",{className:f("aspect-square",{"order-last":s==="columnsReverse"}),children:T("div",{className:"flex size-full items-center justify-center overflow-hidden",children:m})}),_e("div",{className:"flex flex-col justify-center gap-8",children:[T("div",{className:f("flex flex-col gap-4",d),children:l}),T("div",{className:f("flex flex-wrap gap-2 items-center",g),children:p})]})]})});import{jsx as te,jsxs as ze}from"react/jsx-runtime";var We=({backgroundColor:e,spacing:t,border:o,fluidContent:r,fullHeight:a,fitHeight:i,height:n,demoHeroMedia:s,demoHeroContent:m,demoHeroCTA:l,textAlignmentClass:p,buttonAlignmentClass:d})=>ze(P,{className:"relative overflow-hidden",backgroundColor:e,spacing:t,border:o,fluidContent:r,fullHeight:a,fitHeight:i,height:n,children:[te("div",{className:"absolute left-0 top-0 size-full overflow-hidden",children:s}),ze(P,{className:"relative flex flex-col gap-8",children:[te("div",{className:f("flex flex-col gap-4",p),children:m}),te("div",{className:f("flex flex-wrap gap-2 items-center",d),children:l})]})]});var Ke=({contentAlignment:e})=>f("justify-center",{"!justify-start":e==="left","!justify-end":e==="right"}),Ye=({contentAlignment:e})=>f("text-center",{"text-start":e==="left","text-end":e==="right"});var R=(e,t)=>Object.entries(e).reduce((o,[r,a])=>{if(r.startsWith(t)){let i=r.slice(t.length).replace(/^./,n=>n.toLowerCase());return{...o,[i]:a}}return{...o,[r]:a}},{});var $e=e=>{let t=e?608:void 0;return{imageFill:!e,...t?{imageWidth:t,imageHeight:t}:{}}};import{Fragment as oe,jsx as C,jsxs as Bo}from"react/jsx-runtime";var _=({eyebrowTitleText:e,eyebrowTitleTag:t,eyebrowTitleSize:o,eyebrowTitleColor:r,eyebrowTitleWeight:a,eyebrowTitleFont:i,eyebrowTitleAlignment:n,eyebrowTitleTransform:s,eyebrowTitleDecoration:m,eyebrowTitleLetterSpacing:l,eyebrowTitleLineCountRestrictions:p,titleText:d,titleTag:g,titleSize:u,titleColor:$,titleWeight:V,titleFont:S,titleAlignment:D,titleTransform:q,titleDecoration:ue,titleLetterSpacing:X,titleLineCountRestrictions:J,descriptionText:Et,descriptionTag:At,descriptionSize:It,descriptionColor:Bt,descriptionWeight:Lt,descriptionFont:Vt,descriptionAlignment:St,descriptionTransform:Dt,descriptionDecoration:Ot,descriptionLetterSpacing:kt,descriptionLineCountRestrictions:Mt,primaryButtonVariant:_t,primaryButtonText:Ut,primaryButtonLink:zt,primaryButtonTextColor:Wt,primaryButtonTextWeight:Kt,primaryButtonTextFont:Yt,primaryButtonTextTransform:Gt,primaryButtonButtonColor:$t,primaryButtonBorder:qt,primaryButtonSize:Xt,primaryButtonIcon:Jt,primaryButtonTextSize:Qt,primaryButtonIconPosition:Zt,primaryButtonHoverButtonColor:jt,primaryButtonHoverTextColor:eo,image:to,imageWidth:oo,imageHeight:ro,imageObjectFit:ao,imageOverlayColor:io,imageContrastBaseColor:no,imageOverlayOpacity:so,imageBorder:mo,imagePriority:lo,imageUnoptimized:po,imageFill:co,contentAlignment:Ce,backgroundColor:fo,spacing:Po,border:go,fluidContent:uo,fullHeight:Co,fitHeight:xo,height:vo,isFlexibleHero:xe=!1,component:v,context:h,slots:ve})=>{let he=v.variant,ho=xe?C(qe,{data:v,context:h,slot:ve.flexibleHeroContent}):Bo(oe,{children:[C(M,{...R({eyebrowTitleText:e,eyebrowTitleTag:t,eyebrowTitleSize:o,eyebrowTitleColor:r,eyebrowTitleWeight:a,eyebrowTitleFont:i,eyebrowTitleAlignment:n,eyebrowTitleTransform:s,eyebrowTitleDecoration:m,eyebrowTitleLetterSpacing:l,eyebrowTitleLineCountRestrictions:p},"eyebrowTitle"),component:v,context:h,parameterId:"eyebrowTitleText"}),C(M,{...R({titleText:d,titleTag:g,titleSize:u,titleColor:$,titleWeight:V,titleFont:S,titleAlignment:D,titleTransform:q,titleDecoration:ue,titleLetterSpacing:X,titleLineCountRestrictions:J},"title"),component:v,context:h,parameterId:"titleText"}),C(M,{...R({descriptionText:Et,descriptionTag:At,descriptionSize:It,descriptionColor:Bt,descriptionWeight:Lt,descriptionFont:Vt,descriptionAlignment:St,descriptionTransform:Dt,descriptionDecoration:Ot,descriptionLetterSpacing:kt,descriptionLineCountRestrictions:Mt},"description"),component:v,context:h,parameterId:"descriptionText"})]}),yo=xe?C(qe,{data:v,context:h,slot:ve.flexibleHeroCta}):C(oe,{children:C(ke,{...R({primaryButtonVariant:_t,primaryButtonText:Ut,primaryButtonLink:zt,primaryButtonTextColor:Wt,primaryButtonTextWeight:Kt,primaryButtonTextFont:Yt,primaryButtonTextTransform:Gt,primaryButtonButtonColor:$t,primaryButtonBorder:qt,primaryButtonSize:Xt,primaryButtonIcon:Jt,primaryButtonTextSize:Qt,primaryButtonIconPosition:Zt,primaryButtonHoverButtonColor:jt,primaryButtonHoverTextColor:eo},"primaryButton"),component:v,context:h,parameterId:"primaryButtonText"})}),ye={variant:he,backgroundColor:fo,spacing:Po,border:go,fluidContent:uo,fullHeight:Co,fitHeight:xo,height:vo,textAlignmentClass:Ye({contentAlignment:Ce}),buttonAlignmentClass:Ke({contentAlignment:Ce}),demoHeroMedia:C(oe,{children:C(Me,{image:to,...R({imageWidth:oo,imageHeight:ro,imageObjectFit:ao,imageOverlayColor:io,imageContrastBaseColor:no,imageOverlayOpacity:so,imageBorder:mo,imagePriority:lo,imageUnoptimized:po,imageFill:co},"image"),component:v,context:h})}),demoHeroContent:ho,demoHeroCTA:yo};switch(he){case"columns":case"columnsReverse":return C(Ue,{...ye});default:return C(We,{...ye})}};import{jsx as Vo}from"react/jsx-runtime";var Lo=(e,t)=>{if(e)return e;if(t)return"0.3"},Xe=({textColor:e,overlayAutoTint:t,enableOverlayAutoTint:o,...r})=>{let a=Lo(t,o);return Vo(_,{...r,eyebrowTitleTag:"span",eyebrowTitleSize:{mobile:"xs",tablet:"lg",desktop:"xl"},eyebrowTitleWeight:"bold",eyebrowTitleTransform:"uppercase",eyebrowTitleColor:e||r.eyebrowTitleColor,titleSize:{mobile:"3xl",tablet:"4xl",desktop:"4xl"},titleWeight:"bold",titleColor:e||r.titleColor,descriptionTag:"p",descriptionSize:{mobile:"sm",tablet:"lg",desktop:"xl"},descriptionWeight:"normal",descriptionColor:e||r.descriptionColor,primaryButtonSize:"button-medium",primaryButtonTextSize:"sm",primaryButtonTextColor:"text-secondary",primaryButtonTextWeight:"normal",primaryButtonButtonColor:"button-primary",primaryButtonTextTransform:"uppercase",primaryButtonHoverButtonColor:"button-primary-hover",imagePriority:!0,imageObjectFit:"cover",imageUnoptimized:!0,imageContrastBaseColor:!r.component.variant&&a?e:void 0,imageOverlayOpacity:a,...$e(!!r.component.variant),spacing:{paddingTop:"container-xlarge",paddingLeft:"container-small",paddingRight:"container-small",paddingBottom:"container-xlarge"},fluidContent:!r.component.variant,isFlexibleHero:!1})};import{jsx as So}from"react/jsx-runtime";var Je=e=>So(_,{...e,isFlexibleHero:!0});import{jsx as Qe}from"react/jsx-runtime";var Do=e=>{switch(e.slotName){case"flexibleHeroContent":return{component:()=>Qe("div",{className:"h-20"})};case"flexibleHeroCta":return{component:()=>Qe("div",{className:"mx-40 h-20 w-full"})};default:return c}};var Ge=(r=>(r.Left="left",r.Center="center",r.Right="right",r))(Ge||{}),ee=(o=>(o.Columns="columns",o.ColumnsReverse="columnsReverse",o))(ee||{}),Ze=(o=>(o.FlexibleHeroContent="flexibleHeroContent",o.FlexibleHeroCta="flexibleHeroCta",o))(Ze||{}),Oo={FixedHero:Xe,FlexibleHero:Je},Da=Oo;import{UniformSlot as re}from"@uniformdev/canvas-next-rsc/component";import{jsx as U}from"react/jsx-runtime";var je=({context:e,component:t,slots:o,backgroundColor:r,spacing:a,border:i,fluidContent:n})=>U(He,{logo:U(re,{context:e,slot:o.footerLogo,data:t}),copyright:U(re,{context:e,slot:o.footerCopyright,data:t}),content:U(re,{context:e,slot:o.footerContent,data:t}),backgroundColor:r,spacing:a,border:i,fluidContent:n});import{jsx as ae}from"react/jsx-runtime";var ko=e=>{switch(e.slotName){case"footerLogo":return{component:()=>ae("div",{className:"h-20 w-48"})};case"footerCopyright":return{component:()=>ae("div",{className:"h-20 w-48"})};case"footerContent":return{component:()=>ae("div",{className:"h-20 w-48"})};default:return c}};var et=(r=>(r.FooterLogo="footerLogo",r.FooterCopyright="footerCopyright",r.FooterContent="footerContent",r))(et||{}),qa=je;import{UniformSlot as ie}from"@uniformdev/canvas-next-rsc/component";import{jsx as z}from"react/jsx-runtime";var tt=({backgroundColor:e,color:t,spacing:o,border:r,context:a,component:i,slots:n})=>z(we,{sticky:i.variant==="sticky",leftSection:z(ie,{context:a,slot:n.headerLeftContent,data:i}),rightSection:z(ie,{context:a,slot:n.headerRightContent,data:i}),backgroundColor:e,color:t,spacing:o,border:r,children:z(ie,{context:a,slot:n.headerCenterContent,data:i})});import{jsx as ne}from"react/jsx-runtime";var Mo=e=>{switch(e.slotName){case"headerLeftContent":return{component:()=>ne("div",{className:"h-20 w-48"})};case"headerCenterContent":return{component:()=>ne("div",{className:"h-20 w-full"})};case"headerRightContent":return{component:()=>ne("div",{className:"h-20 w-48"})};default:return c}};var rt=(r=>(r.HeaderLeftContent="headerLeftContent",r.HeaderCenterContent="headerCenterContent",r.HeaderRightContent="headerRightContent",r))(rt||{}),ot=(t=>(t.Sticky="sticky",t))(ot||{}),mi=tt;import zo from"next/dynamic";import{jsx as Uo}from"react/jsx-runtime";var _o=e=>{switch(e.slotName){case"imageGalleryItems":return{component:()=>Uo("div",{className:" mx-auto size-48"})};default:return c}};var at=(t=>(t.Items="imageGalleryItems",t))(at||{}),ui=zo(()=>import("./image-gallery-F6JLG7XW.mjs").then(e=>e.ImageGallery));import Ko from"next/dynamic";import{jsx as it}from"react/jsx-runtime";var Wo=e=>{switch(e.slotName){case"navigationFlyoutLeftContent":return{component:()=>it("div",{className:"h-40 w-48"})};case"navigationFlyoutRightContent":return{component:()=>it("div",{className:"h-40 w-48"})};default:return c}};var Ti=Ko(()=>import("./navigation-flyout-EIN6DEX4.mjs").then(e=>e.NavigationFlyout));import $o from"next/dynamic";import{jsx as Go}from"react/jsx-runtime";var Yo=e=>{switch(e.slotName){case"links":return{component:()=>Go("div",{className:"h-40 w-48"})};default:return c}};var Vi=$o(()=>import("./navigation-group-QA65N6AI.mjs").then(e=>e.NavigationGroup));import{UniformSlot as se}from"@uniformdev/canvas-next-rsc/component";import{jsx as W}from"react/jsx-runtime";var qo=({slots:e,component:t,context:o,backgroundColor:r,headerCustomRenderer:a,contentCustomRenderer:i,footerCustomRenderer:n})=>W(Ee,{backgroundColor:r,header:W(se,{context:o,slot:e.pageHeader,data:t,children:a}),footer:W(se,{context:o,slot:e.pageFooter,data:t,children:n}),children:W(se,{context:o,slot:e.pageContent,data:t,children:i})});import{jsx as me}from"react/jsx-runtime";var Xo=e=>{switch(e.slotName){case"pageHeader":return{component:()=>me("div",{className:"h-40"})};case"pageContent":return{component:()=>me("div",{className:"h-[calc(100vh-10rem*2)]"})};case"pageFooter":return{component:()=>me("div",{className:"h-40"})};default:return c}};var nt=(r=>(r.PageContent="pageContent",r.PageHeader="pageHeader",r.PageFooter="pageFooter",r))(nt||{});import{UniformSlot as pe}from"@uniformdev/canvas-next-rsc/component";import{jsx as F}from"react/jsx-runtime";var Jo=({parentComponent:e,slotName:t})=>{let o=e?.variant==="multiColumn";switch(t){case"reviewImage":return{component:()=>o?F("div",{className:"size-full"}):null};case"reviewPersonInfo":return{component:()=>o?F("div",{className:"h-20 w-full"}):F("div",{className:"h-20 w-52"})};case"reviewContent":return{component:()=>o?F("div",{className:"h-20 w-full"}):F("div",{className:"h-20 w-52"})};default:return c}};var le=(t=>(t.MultiColumn="multiColumn",t))(le||{}),st=(r=>(r.ReviewImage="reviewImage",r.ReviewPersonInfo="reviewPersonInfo",r.ReviewContent="reviewContent",r))(st||{});import{jsx as H,jsxs as mt}from"react/jsx-runtime";var lt=({stars:e,starsColor:t,activeStarsColor:o,showRatingLabel:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,height:p,ReviewImage:d,ReviewPersonInfo:g,ReviewContent:u})=>H(P,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,height:p,children:mt("div",{className:"mx-auto flex lg:max-w-[60%]",children:[H("div",{className:"aspect-square size-12 shrink-0 rounded-full",children:d}),mt("div",{className:"ml-6",children:[g,H("div",{className:"py-4",children:H(O,{rating:e,showReviewLabel:r,starsColor:t,activeStarsColor:o})}),H("div",{className:"flex flex-col gap-y-5",children:u})]})]})});import{jsx as b,jsxs as pt}from"react/jsx-runtime";var dt=({stars:e,starsColor:t,activeStarsColor:o,showRatingLabel:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,height:p,ReviewImage:d,ReviewPersonInfo:g,ReviewContent:u})=>b(P,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,height:p,children:pt("div",{className:"grid md:grid-cols-12",children:[pt("div",{className:"mb-2 md:col-span-4 md:my-0",children:[b("div",{className:"mb-2 aspect-square size-12 rounded-full",children:d}),b("div",{className:"flex flex-col gap-y-1",children:g})]}),b("div",{className:"my-2 md:col-span-4 md:my-0",children:b(O,{rating:e,showReviewLabel:r,starsColor:t,activeStarsColor:o})}),b("div",{className:"mt-2 flex flex-col gap-y-3 md:col-span-4 md:my-0",children:u})]})});import{jsx as w}from"react/jsx-runtime";var Qo=e=>{let{component:t,context:o,slots:r}=e,a=t.variant,i={...e,ReviewImage:w(pe,{context:o,data:t,slot:r.reviewImage}),ReviewPersonInfo:w(pe,{context:o,data:t,slot:r.reviewPersonInfo}),ReviewContent:w(pe,{context:o,data:t,slot:r.reviewContent})};switch(a){case"multiColumn":return w(dt,{...i});default:return w(lt,{...i})}};import{UniformSlot as Pe}from"@uniformdev/canvas-next-rsc/component";import{jsx as de}from"react/jsx-runtime";var Zo=({parentComponent:e,slotName:t})=>{let o=!e?.variant;switch(t){case"sectionMedia":return{component:()=>o?null:de("div",{className:"size-full"})};case"sectionContent":return{component:()=>de("div",{className:"h-20"})};case"sectionCTA":return{component:()=>de("div",{className:"mx-40 h-20 w-full"})};default:return c}};var ft=(r=>(r.Left="left",r.Center="center",r.Right="right",r))(ft||{}),ce=(o=>(o.Columns="columns",o.ColumnsReverse="columnsReverse",o))(ce||{}),ct=(r=>(r.SectionContent="sectionContent",r.SectionMedia="sectionMedia",r.SectionCTA="sectionCTA",r))(ct||{});import{jsx as E,jsxs as Pt}from"react/jsx-runtime";var gt=({backgroundColor:e,spacing:t,border:o,fluidContent:r,fullHeight:a,fitHeight:i,height:n,variant:s,sectionMedia:m,sectionContent:l,sectionCTA:p,textAlignmentClass:d,buttonAlignmentClass:g})=>E(P,{backgroundColor:e,spacing:t,border:o,fluidContent:r,fullHeight:a,fitHeight:i,height:n,children:Pt("div",{className:f("grid grid-cols-1 items-center gap-4 px-4 lg:grid-cols-2 xl:px-0"),children:[E("div",{className:f("aspect-square",{"order-last":s==="columnsReverse"}),children:E("div",{className:"flex size-full items-center justify-center overflow-hidden",children:m})}),Pt("div",{className:"flex flex-col justify-center gap-8",children:[E("div",{className:f("flex flex-col gap-4",d),children:l}),E("div",{className:f("flex flex-wrap gap-2",g),children:p})]})]})});import{jsx as fe,jsxs as ut}from"react/jsx-runtime";var Ct=({backgroundColor:e,spacing:t,border:o,fluidContent:r,fullHeight:a,fitHeight:i,height:n,sectionMedia:s,sectionContent:m,sectionCTA:l,textAlignmentClass:p,buttonAlignmentClass:d})=>ut(P,{className:"relative overflow-hidden",backgroundColor:e,spacing:t,border:o,fluidContent:r,fullHeight:a,fitHeight:i,height:n,children:[fe("div",{className:"absolute left-0 top-0 size-full overflow-hidden",children:s}),ut(P,{className:"relative flex flex-col gap-8",children:[fe("div",{className:f("flex flex-col gap-4",p),children:m}),fe("div",{className:f("flex flex-wrap gap-2",d),children:l})]})]});var xt=({contentAlignment:e})=>f("justify-center",{"!justify-start":e==="left","!justify-end":e==="right"}),vt=({contentAlignment:e})=>f("text-center",{"text-start":e==="left","text-end":e==="right"});import{jsx as A}from"react/jsx-runtime";var jo=({contentAlignment:e,slots:t,component:o,context:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,height:p})=>{let d=o.variant,g={variant:d,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,height:p,textAlignmentClass:vt({contentAlignment:e}),buttonAlignmentClass:xt({contentAlignment:e}),sectionMedia:A(Pe,{data:o,context:r,slot:t.sectionMedia}),sectionContent:A(Pe,{data:o,context:r,slot:t.sectionContent}),sectionCTA:A(Pe,{data:o,context:r,slot:t.sectionCTA})};switch(d){case"columns":case"columnsReverse":return A(gt,{...g});default:return A(Ct,{...g})}};import{UniformSlot as yt}from"@uniformdev/canvas-next-rsc/component";var ht=({size:e,textColor:t})=>f("text-left w-full [&_tr:not(:last-child)_td]:border-b [&_th]:border-b",{[`text-${t}`]:t,[`[&_td]:p-${e} [&_th]:p-${e}`]:e});import{jsx as N,jsxs as tr}from"react/jsx-runtime";var er=({size:e,textColor:t,slots:o,component:r,context:a,backgroundColor:i,spacing:n,border:s,fluidContent:m,fullHeight:l,fitHeight:p,height:d})=>N(P,{className:"flex flex-col gap-5",backgroundColor:i,spacing:n,border:s,fluidContent:m,fullHeight:l,fitHeight:p,height:d,children:N("div",{className:"overflow-x-auto",children:tr("table",{className:ht({size:e,textColor:t}),children:[N("thead",{children:N(yt,{slot:o.tableHead,context:a,data:r})}),N("tbody",{children:N(yt,{slot:o.tableBody,context:a,data:r})})]})})});import{jsx as Rt}from"react/jsx-runtime";var or=e=>{switch(e.slotName){case"tableHead":return{component:()=>Rt("tr",{className:"h-20"})};case"tableBody":return{component:()=>Rt("tr",{className:"h-40"})};default:return c}};var bt=(o=>(o.TableHead="tableHead",o.TableBody="tableBody",o))(bt||{});import{UniformSlot as G}from"@uniformdev/canvas-next-rsc/component";import{jsx as K}from"react/jsx-runtime";var rr=({slotName:e})=>{switch(e){case"testimonialSecondaryImage":return{component:()=>K("div",{className:"h-20 w-64"})};case"testimonialContent":return{component:()=>K("div",{className:"h-20 w-64"})};case"testimonialPrimaryImage":return{component:()=>K("div",{className:"size-full"})};case"testimonialAuthor":return{component:()=>K("div",{className:"h-20 w-64"})};default:return c}};var Tt=(o=>(o.WithLargeAvatar="withLargeAvatar",o.WithOverlappingImage="withOverlappingImage",o))(Tt||{}),Nt=(a=>(a.TestimonialSecondaryImage="testimonialSecondaryImage",a.TestimonialContent="testimonialContent",a.TestimonialPrimaryImage="testimonialPrimaryImage",a.TestimonialAuthor="testimonialAuthor",a))(Nt||{});import{jsx as I,jsxs as ir}from"react/jsx-runtime";var Ft=({testimonialPrimaryImage:e,testimonialContent:t,testimonialAuthor:o,testimonialSecondaryImage:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,height:p})=>I(P,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,height:p,children:ir("div",{className:"mx-auto flex flex-col items-center md:max-w-[80%]",children:[I("div",{children:r}),I("div",{className:"my-8",children:t}),I("div",{className:"size-10 rounded-full",children:e}),I("div",{className:"mt-4 flex gap-3",children:o})]})});import{jsx as B,jsxs as Y}from"react/jsx-runtime";var Ht=({testimonialPrimaryImage:e,testimonialContent:t,testimonialAuthor:o,testimonialSecondaryImage:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,height:p})=>B(P,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,height:p,children:Y("div",{className:"mx-auto flex items-center gap-x-10 md:max-w-[80%]",children:[B("div",{className:"hidden aspect-square w-full max-w-xs shrink-0 overflow-hidden rounded-xl lg:block",children:e}),Y("div",{className:"flex flex-col gap-y-8",children:[B("div",{className:"",children:t}),Y("div",{className:"flex items-center justify-between",children:[Y("div",{className:"flex items-center gap-x-4",children:[B("div",{className:"block aspect-square w-10 overflow-hidden rounded-md lg:hidden",children:e}),B("div",{className:"gap-3",children:o})]}),r]})]})]})});import{jsx as L,jsxs as ge}from"react/jsx-runtime";var wt=({testimonialPrimaryImage:e,testimonialContent:t,testimonialAuthor:o,testimonialSecondaryImage:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,height:p})=>L(P,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,height:p,children:L(P,{className:"pb-10 lg:pb-0",children:ge("div",{className:"mx-auto flex max-w-2xl flex-col items-center gap-10 lg:max-w-none lg:flex-row",children:[L("div",{className:"-mt-7 aspect-[2/1] w-full shrink-0 overflow-hidden rounded-xl lg:-my-7 lg:aspect-[1/1.4] lg:max-w-xs",children:e}),ge("div",{className:"flex flex-col gap-y-8",children:[L("div",{className:"",children:t}),ge("div",{className:"flex items-center justify-between",children:[L("div",{className:"gap-3",children:o}),r]})]})]})})});import{jsx as y}from"react/jsx-runtime";var ar=({context:e,component:t,slots:o,backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,fitHeight:m,height:l})=>{let p=t.variant,d={backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,fitHeight:m,height:l,testimonialPrimaryImage:y(G,{context:e,data:t,slot:o.testimonialPrimaryImage}),testimonialContent:y(G,{context:e,data:t,slot:o.testimonialContent}),testimonialAuthor:y(G,{context:e,data:t,slot:o.testimonialAuthor}),testimonialSecondaryImage:y(G,{context:e,data:t,slot:o.testimonialSecondaryImage})};switch(p){case"withLargeAvatar":return y(Ht,{...d});case"withOverlappingImage":return y(wt,{...d});default:return y(Ft,{...d})}};export{Ro as a,Be as b,bo as c,Fo as d,Ve as e,Le as f,No as g,De as h,Dr as i,wo as j,Ge as k,ee as l,Ze as m,Da as n,Do as o,et as p,qa as q,ko as r,rt as s,ot as t,mi as u,Mo as v,at as w,ui as x,_o as y,Ti as z,Wo as A,Vi as B,Yo as C,qo as D,nt as E,Xo as F,Qo as G,le as H,st as I,Jo as J,jo as K,ft as L,ce as M,ct as N,Zo as O,er as P,bt as Q,or as R,ar as S,Tt as T,Nt as U,rr as V};

package/dist/chunk-WNQCSSLG.mjs

@@ -1 +0,0 @@
-import{a as d,b as P}from"./chunk-YUCUJWBO.mjs";import{a as r,c as s}from"./chunk-S7CSCIW4.mjs";import{jsx as f}from"react/jsx-runtime";var w=({className:a,columnsCount:t,gapX:o,gapY:i,backgroundColor:e,spacing:n,border:u,fluidContent:v,fullHeight:m,fitHeight:p,height:l,children:c})=>{let g=d({height:l,fullHeight:m,fitHeight:p});return f(P,{backgroundColor:e,spacing:n,border:u,fluidContent:v,fullHeight:m,fitHeight:p,height:l,children:f("div",{className:s("grid",{[r(t,"grid-cols-{value}")]:t,[r(o,"gap-x-{value}")]:o,[r(i,"gap-y-{value}")]:i,[r(g,"h-{value}")]:g},a),children:c})})};import{jsx as C}from"react/jsx-runtime";var V=({className:a,columnStart:t,columnSpan:o,rowStart:i,rowSpan:e,children:n})=>C("div",{className:s({[r(t,"col-start-{value}")]:t,[r(o,"col-{value}")]:o,[r(i,"row-start-{value}")]:i,[r(e,"row-{value}")]:e},a),children:n});export{w as a,V as b};

package/dist/chunk-YUCUJWBO.mjs

@@ -1 +0,0 @@
-import{a as e,b as x,c as l}from"./chunk-S7CSCIW4.mjs";var p=({height:t,fullHeight:a,fitHeight:o})=>{if(t)return t;if(a)return"h-screen";if(o)return"h-full"};import{jsx as V}from"react/jsx-runtime";var S=({className:t,wrapperClassName:a,style:o,children:P,backgroundColor:g,spacing:b,border:m="",fluidContent:r=!1,fullHeight:H=!1,fitHeight:T=!1,height:C,maxWidth:n,...y})=>{let[L,{marginTop:s,marginBottom:u,marginRight:f,marginLeft:d,paddingTop:h,paddingBottom:v,paddingRight:c,paddingLeft:w}]=x(b),i=p({height:C,fullHeight:H,fitHeight:T});return V("div",{className:l("px-4 xl:px-0",{"!px-0":r,"mx-auto w-full":!r,"max-w-7xl max-w-container-width":!n&&!r,[`max-w-${n}`]:!!n&&!r,[e(i,"h-{value}")]:i},a),children:V("div",{className:l({[`bg-${g}`]:!!g,[e(s,"mt-{value}")]:s,[e(u,"mb-{value}")]:u,[e(f,"mr-{value}")]:f,[e(d,"ml-{value}")]:d,[e(h,"pt-{value}")]:h,[e(v,"pb-{value}")]:v,[e(c,"pr-{value}")]:c,[e(w,"pl-{value}")]:w,[e(m,"{value}")]:m,[e(i,"h-{value}")]:i},t),style:{...L,...o},...y,children:P})})};export{p as a,S as b};

package/dist/content/components/ui/Container/utils.ts

@@ -1,18 +0,0 @@
-import { ViewPort } from '@/types/cskTypes';
-
-export const getHeightValue = ({
-  height,
-  fullHeight,
-  fitHeight,
-}: {
-  height?: string | ViewPort<string> | undefined;
-  fullHeight?: boolean | undefined;
-  fitHeight?: boolean | undefined;
-}) => {
-  if (height) return height;
-  // Cover deprecated cases
-  if (fullHeight) return 'h-screen';
-  if (fitHeight) return 'h-full';
-
-  return undefined;
-};

package/dist/image-gallery-F6JLG7XW.mjs

@@ -1 +0,0 @@
-"use client";import{a as L}from"./chunk-BK7UG4U4.mjs";import{b as d}from"./chunk-YUCUJWBO.mjs";import{a as h}from"./chunk-2YTACEBA.mjs";import{c as I}from"./chunk-S7CSCIW4.mjs";import"./chunk-YEKQJ4YC.mjs";import{UniformSlot as $}from"@uniformdev/canvas-next-rsc/component";import R from"react-responsive-masonry";import{Fragment as N,jsx as y}from"react/jsx-runtime";var g={firstLineCount:2,secondLineCount:3,otherLinesCount:4},P=({slot:n,aspectRatio:s,config:r})=>{let{firstLineCount:i=g.firstLineCount,secondLineCount:p=g.secondLineCount,otherLinesCount:m=g.otherLinesCount}=r||{},{items:f=[]}=n||{},c=f.reduce((e,o,t)=>(t<i?e[0]?.push(o):t<i+p?e[1]?.push(o):e[2]?.push(o),e),[[],[],[]])||[];return y(N,{children:c?.map((e,o)=>e.length?y(R,{columnsCount:o<2||e.length<m?e.length:m,gutter:"4px",children:e.map((t,u)=>y("div",{className:I("flex flex-1 items-center justify-center",{[`aspect-${s}`]:!!s}),children:t},`img-${u}`))},`line-${o}`):null)})};import{jsx as l}from"react/jsx-runtime";var b=({slots:n,aspectRatio:s,items:r,backgroundColor:i,spacing:p,border:m,fluidContent:f,fullHeight:c,fitHeight:e,height:o,config:t,context:u,component:C})=>{let F=r?.length?{name:"items",items:h(r)?.map((a,G)=>l(L,{src:a.url,style:{objectFit:"cover"},alt:`Image ${G}`,fill:!0},a?.id||`image-${G}`))||[]}:n.imageGalleryItems,v=!r?.length&&!C?.slots?.imageGalleryItems?.filter(({_id:a})=>!a?.startsWith("placeholder"))?.length;return l(d,{backgroundColor:i,spacing:p,border:m,fluidContent:f,fullHeight:c,fitHeight:e,height:o,children:l("div",{className:"flex flex-col gap-1",children:v?l($,{context:u,slot:n.imageGalleryItems,data:C}):l(P,{slot:F,aspectRatio:s,config:t})})})};export{b as ImageGallery};

package/dist/modal-HKMQGV4B.mjs

@@ -1 +0,0 @@
-"use client";import{a as u}from"./chunk-2SEOCBRK.mjs";import"./chunk-MSXDLSXH.mjs";import{c as s}from"./chunk-S7CSCIW4.mjs";import"./chunk-YEKQJ4YC.mjs";import{useCallback as d,useState as N,useRef as S,useEffect as y}from"react";import{UniformSlot as c}from"@uniformdev/canvas-next-rsc/component";import{jsx as v}from"react/jsx-runtime";var h=({className:o,...t})=>v("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",className:s("size-8",o),...t,children:v("path",{d:"m16.192 6.344-4.243 4.242-4.242-4.242-1.414 1.414L10.535 12l-4.242 4.242 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L13.364 12l4.242-4.242z"})});var M=({showModal:o})=>s("fixed left-0 top-0 size-full",{hidden:!o,block:o}),P=({maxWidth:o,backgroundColor:t})=>s("rounded-lg shadow-lg relative",u[o||"small"],{[`bg-${t}`]:!!t}),b=({disableCloseModalOnClickOutside:o})=>s("group absolute right-4 top-4 opacity-40 hover:opacity-100",{hidden:o});import{jsx as e,jsxs as k}from"react/jsx-runtime";var O=({slots:o,component:t,context:a,maxWidth:x,backgroundColor:E,closeIconColor:p,disableCloseModalOnClickOutside:r})=>{let i=S(null),[C,n]=N(!1),F=d(()=>{r||n(!1)},[r]),f=d(()=>{n(l=>!l)},[]),w=d(l=>{l.stopPropagation()},[]);return y(()=>{if(!i.current)return;let l=i.current.querySelectorAll("button, a"),g=()=>n(!1);return l.forEach(m=>{m.addEventListener("click",g)}),()=>l.forEach(m=>{m.removeEventListener("click",g)})},[]),k("div",{children:[e("div",{onClick:f,children:e(c,{data:t,context:a,slot:o.trigger})}),e("div",{className:M({showModal:C}),children:e("dialog",{open:C,onClick:F,"aria-label":"Close modal","aria-modal":"true",className:"flex size-full items-center justify-center bg-black/50 px-4",children:k("form",{method:"dialog",className:P({maxWidth:x,backgroundColor:E}),onClick:w,children:[e("button",{onClick:f,className:b({disableCloseModalOnClickOutside:r}),children:e(h,{className:s({[`fill-${p}`]:p})})}),e("div",{className:"p-6 md:p-8",children:e(c,{data:t,context:a,slot:o.modalContent})}),o?.modalActions?.items?.length&&e("div",{ref:i,className:"border-t p-6 md:p-8",children:e(c,{data:t,context:a,slot:o.modalActions})})]})})})]})};export{O as Modal};

package/dist/tabs-AQFKYC6M.mjs

@@ -1 +0,0 @@
-"use client";import"./chunk-FPOIJMYT.mjs";import{b as f}from"./chunk-YUCUJWBO.mjs";import"./chunk-MSXDLSXH.mjs";import{c as m}from"./chunk-S7CSCIW4.mjs";import"./chunk-YEKQJ4YC.mjs";import{Fragment as C,useCallback as V,useEffect as h,useMemo as F,useState as E}from"react";import{flattenValues as I}from"@uniformdev/canvas";import{UniformSlot as N,UniformText as S}from"@uniformdev/canvas-next-rsc/component";var u=({color:r,variant:a})=>m("flex flex-row overflow-x-auto ",{[`border-${r} border-b`]:r&&a==="bordered"}),p=({color:r,variant:a,tabItem:t,activeTabId:e})=>m("text-lg shrink-0 font-medium px-5 py-3",{[`text-${r}`]:r,[`border-${r}`]:t.id===e&&a==="bordered","border-b-2":a==="bordered","opacity-60 hover:opacity-100":t.id!==e,"border-transparent":t.id!==e&&a==="bordered"});import{jsx as i,jsxs as U}from"react/jsx-runtime";var L=({slots:r,color:a,component:t,context:e,backgroundColor:g,spacing:T,border:c,fluidContent:x,fullHeight:B,fitHeight:P,height:y})=>{let b=t.variant||"default",[n,d]=E(t?.slots?.tabItems?.[0]?._id),l=F(()=>t?.slots?.tabItems?t.slots.tabItems.map(s=>({...I(s),id:s._id})):[],[t?.slots?.tabItems]);h(()=>{l.length&&(n||d(l[0]?.id||""))},[l,n]);let k=V(s=>{e.isContextualEditing&&d(s)},[e.isContextualEditing]);return U(f,{className:"flex flex-col gap-5",backgroundColor:g,spacing:T,border:c,fluidContent:x,fullHeight:B,fitHeight:P,height:y,children:[i("div",{className:u({color:a,variant:b}),children:l.map((s,o)=>i("button",{onClick:()=>d(s.id),className:p({color:a,variant:b,tabItem:s,activeTabId:n}),children:t?.slots?.tabItems?.[o]&&i(S,{onFocus:()=>k(s.id),context:e,parameterId:"text",component:t?.slots?.tabItems[o],placeholder:"Tab title"})},s.id))}),i(N,{data:t,context:e,slot:r.tabItems,children:({child:s,component:{_id:o}})=>o===n?i(C,{children:s},o):i(C,{},o)})]})};export{L as Tabs};