@uniformdev/csk-components 6.0.88 → 6.0.99-alpha.1

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.
Files changed (76) hide show
  1. package/dist/accordion-item-G5CNMERW.mjs +1 -0
  2. package/dist/{banner-4QNCOJXP.mjs → banner-2B4K5R4N.mjs} +1 -1
  3. package/dist/carousel-BBEW5P4Y.mjs +1 -0
  4. package/dist/{carousel-PCTBGT7M.mjs → carousel-ERCHOWUS.mjs} +1 -1
  5. package/dist/chunk-2YTACEBA.mjs +1 -0
  6. package/dist/{chunk-C42FGNCU.mjs → chunk-4LWAGTFW.mjs} +1 -1
  7. package/dist/chunk-5VM2Y55L.mjs +1 -0
  8. package/dist/chunk-BK7UG4U4.mjs +1 -0
  9. package/dist/{chunk-DBXG5BKX.mjs → chunk-FPOIJMYT.mjs} +1 -1
  10. package/dist/{chunk-H4YYFWGR.mjs → chunk-LA36HQWS.mjs} +1 -1
  11. package/dist/chunk-LX5AG5F7.mjs +1 -0
  12. package/dist/chunk-M3BGP5VE.mjs +1 -0
  13. package/dist/chunk-YUCUJWBO.mjs +1 -0
  14. package/dist/chunk-Z7JSWSPD.mjs +1 -0
  15. package/dist/components/canvas/emptyPlaceholders.mjs +1 -1
  16. package/dist/components/canvas/index.d.mts +10 -1
  17. package/dist/components/canvas/index.mjs +2 -2
  18. package/dist/components/ui/index.d.mts +4 -4
  19. package/dist/components/ui/index.mjs +1 -1
  20. package/dist/content/components/canvas/Accordion/accordion.tsx +2 -1
  21. package/dist/content/components/canvas/AccordionItem/accordion-item.tsx +1 -1
  22. package/dist/content/components/canvas/Breadcrumbs/breadcrumbs.tsx +18 -0
  23. package/dist/content/components/canvas/Card/card.tsx +2 -1
  24. package/dist/content/components/canvas/Carousel/carousel.tsx +2 -1
  25. package/dist/content/components/canvas/Container/container.tsx +13 -1
  26. package/dist/content/components/canvas/Container/parameters.ts +5 -0
  27. package/dist/content/components/canvas/DemoHero/columns-variant.tsx +12 -8
  28. package/dist/content/components/canvas/DemoHero/default-variant.tsx +10 -8
  29. package/dist/content/components/canvas/DemoHero/demo-hero.tsx +2 -0
  30. package/dist/content/components/canvas/DemoHero/fixed-hero.tsx +65 -55
  31. package/dist/content/components/canvas/DemoHero/index.tsx +4 -0
  32. package/dist/content/components/canvas/DemoHero/style-utils.ts +2 -2
  33. package/dist/content/components/canvas/Grid/grid.tsx +2 -1
  34. package/dist/content/components/canvas/Image/image.tsx +32 -5
  35. package/dist/content/components/canvas/Image/index.tsx +1 -0
  36. package/dist/content/components/canvas/ImageGallery/image-gallery.tsx +2 -1
  37. package/dist/content/components/canvas/Review/default-variant.tsx +2 -1
  38. package/dist/content/components/canvas/Review/multi-column-variant.tsx +2 -1
  39. package/dist/content/components/canvas/Section/columns-variant.tsx +5 -1
  40. package/dist/content/components/canvas/Section/default-variant.tsx +5 -1
  41. package/dist/content/components/canvas/Section/section.tsx +2 -0
  42. package/dist/content/components/canvas/Table/table.tsx +2 -1
  43. package/dist/content/components/canvas/Tabs/tabs.tsx +2 -1
  44. package/dist/content/components/canvas/Testimonial/default-variant.tsx +3 -2
  45. package/dist/content/components/canvas/Testimonial/testimonial.tsx +2 -0
  46. package/dist/content/components/canvas/Testimonial/with-large-avatar-variant.tsx +3 -2
  47. package/dist/content/components/canvas/Testimonial/with-overlapping-image-variant.tsx +3 -2
  48. package/dist/content/components/ui/Container/container.tsx +6 -3
  49. package/dist/content/components/ui/Container/index.ts +5 -0
  50. package/dist/content/components/ui/Container/utils.ts +18 -0
  51. package/dist/content/components/ui/Flex/flex.tsx +26 -19
  52. package/dist/content/components/ui/Flex/index.ts +1 -0
  53. package/dist/content/components/ui/Grid/grid.tsx +24 -19
  54. package/dist/content/components/ui/Grid/index.ts +9 -1
  55. package/dist/content/components/ui/Image/image.tsx +1 -1
  56. package/dist/content/utils/assets.ts +4 -0
  57. package/dist/image-gallery-F6JLG7XW.mjs +1 -0
  58. package/dist/{index-Bo0jbwJv.d.mts → index-B9eeSbLG.d.mts} +3 -0
  59. package/dist/{mobile-MRAEZAWR.mjs → mobile-UAUHHXPH.mjs} +1 -1
  60. package/dist/{navigation-flyout-3SK6VRHA.mjs → navigation-flyout-MXIJA6PC.mjs} +1 -1
  61. package/dist/{navigation-group-7WBDV5IY.mjs → navigation-group-DEN3D2BO.mjs} +1 -1
  62. package/dist/tabs-AQFKYC6M.mjs +1 -0
  63. package/dist/utils/assets.d.mts +4 -0
  64. package/dist/utils/assets.mjs +1 -1
  65. package/package.json +1 -1
  66. package/dist/accordion-item-ULLV2BRJ.mjs +0 -1
  67. package/dist/carousel-W3SCTR5K.mjs +0 -1
  68. package/dist/chunk-2R23IIXO.mjs +0 -1
  69. package/dist/chunk-CEMXG4S3.mjs +0 -1
  70. package/dist/chunk-F435GHK2.mjs +0 -1
  71. package/dist/chunk-JNIJ5N3Y.mjs +0 -1
  72. package/dist/chunk-PIBMG73F.mjs +0 -1
  73. package/dist/chunk-SDTLQ3CZ.mjs +0 -1
  74. package/dist/chunk-XWVE2EED.mjs +0 -1
  75. package/dist/image-gallery-IYJI5V7T.mjs +0 -1
  76. package/dist/tabs-75KAGSVH.mjs +0 -1
@@ -0,0 +1,18 @@
1
+ import { ViewPort } from '@/types/cskTypes';
2
+
3
+ export const getHeightValue = ({
4
+ height,
5
+ fullHeight,
6
+ fitHeight,
7
+ }: {
8
+ height?: string | ViewPort<string> | undefined;
9
+ fullHeight?: boolean | undefined;
10
+ fitHeight?: boolean | undefined;
11
+ }) => {
12
+ if (height) return height;
13
+ // Cover deprecated cases
14
+ if (fullHeight) return 'h-screen';
15
+ if (fitHeight) return 'h-full';
16
+
17
+ return undefined;
18
+ };
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import BaseContainer from '@/components/ui/Container';
2
+ import BaseContainer, { getHeightValue } from '@/components/ui/Container';
3
3
  import { cn, resolveViewPort } from '@/utils/styling';
4
4
  import { FlexProps } from '.';
5
5
 
@@ -16,23 +16,30 @@ export const Flex: FC<FlexProps> = ({
16
16
  fluidContent,
17
17
  fullHeight,
18
18
  fitHeight,
19
+ height,
19
20
  children,
20
- }) => (
21
- <BaseContainer {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, wrapperClassName }}>
22
- <div
23
- className={cn(
24
- 'flex',
25
- {
26
- [resolveViewPort(direction, 'flex-{value}')]: direction,
27
- [resolveViewPort(justifyContent, 'justify-{value}')]: justifyContent,
28
- [resolveViewPort(gap, 'gap-{value}')]: gap,
29
- [resolveViewPort(alignItems, 'items-{value}')]: alignItems,
30
- 'h-full': fitHeight,
31
- },
32
- className
33
- )}
21
+ }) => {
22
+ const heightValue = getHeightValue({ height, fullHeight, fitHeight });
23
+
24
+ return (
25
+ <BaseContainer
26
+ {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height, wrapperClassName }}
34
27
  >
35
- {children}
36
- </div>
37
- </BaseContainer>
38
- );
28
+ <div
29
+ className={cn(
30
+ 'flex',
31
+ {
32
+ [resolveViewPort(direction, 'flex-{value}')]: direction,
33
+ [resolveViewPort(justifyContent, 'justify-{value}')]: justifyContent,
34
+ [resolveViewPort(gap, 'gap-{value}')]: gap,
35
+ [resolveViewPort(alignItems, 'items-{value}')]: alignItems,
36
+ [resolveViewPort(heightValue, 'h-{value}')]: heightValue,
37
+ },
38
+ className
39
+ )}
40
+ >
41
+ {children}
42
+ </div>
43
+ </BaseContainer>
44
+ );
45
+ };
@@ -18,6 +18,7 @@ export type FlexProps = Pick<
18
18
  | 'fluidContent'
19
19
  | 'fullHeight'
20
20
  | 'fitHeight'
21
+ | 'height'
21
22
  | 'children'
22
23
  > & {
23
24
  direction?: Direction | ViewPort<Direction>;
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import BaseContainer from '@/components/ui/Container';
2
+ import BaseContainer, { getHeightValue } from '@/components/ui/Container';
3
3
  import { cn, resolveViewPort } from '@/utils/styling';
4
4
  import { GridProps } from '.';
5
5
 
@@ -14,22 +14,27 @@ export const Grid: FC<GridProps> = ({
14
14
  fluidContent,
15
15
  fullHeight,
16
16
  fitHeight,
17
+ height,
17
18
  children,
18
- }) => (
19
- <BaseContainer {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight }}>
20
- <div
21
- className={cn(
22
- 'grid',
23
- {
24
- [resolveViewPort(columnsCount, 'grid-cols-{value}')]: columnsCount,
25
- [resolveViewPort(gapX, 'gap-x-{value}')]: gapX,
26
- [resolveViewPort(gapY, 'gap-y-{value}')]: gapY,
27
- 'h-full': fitHeight,
28
- },
29
- className
30
- )}
31
- >
32
- {children}
33
- </div>
34
- </BaseContainer>
35
- );
19
+ }) => {
20
+ const heightValue = getHeightValue({ height, fullHeight, fitHeight });
21
+
22
+ return (
23
+ <BaseContainer {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height }}>
24
+ <div
25
+ className={cn(
26
+ 'grid',
27
+ {
28
+ [resolveViewPort(columnsCount, 'grid-cols-{value}')]: columnsCount,
29
+ [resolveViewPort(gapX, 'gap-x-{value}')]: gapX,
30
+ [resolveViewPort(gapY, 'gap-y-{value}')]: gapY,
31
+ [resolveViewPort(heightValue, 'h-{value}')]: heightValue,
32
+ },
33
+ className
34
+ )}
35
+ >
36
+ {children}
37
+ </div>
38
+ </BaseContainer>
39
+ );
40
+ };
@@ -7,7 +7,15 @@ type AvailableGap = keyof DefaultTheme['spacing'];
7
7
 
8
8
  export type GridProps = Pick<
9
9
  BaseContainerProps,
10
- 'title' | 'backgroundColor' | 'spacing' | 'border' | 'fluidContent' | 'fullHeight' | 'fitHeight' | 'children'
10
+ | 'title'
11
+ | 'backgroundColor'
12
+ | 'spacing'
13
+ | 'border'
14
+ | 'fluidContent'
15
+ | 'fullHeight'
16
+ | 'fitHeight'
17
+ | 'children'
18
+ | 'height'
11
19
  > & {
12
20
  columnsCount?: AvailableColumnsCount | ViewPort<AvailableColumnsCount>;
13
21
  gapY?: AvailableGap | ViewPort<AvailableGap>;
@@ -12,7 +12,7 @@ export const Image: FC<ImageProps> = ({
12
12
  style: imageStyle,
13
13
  ...nextImageStyle
14
14
  }) => (
15
- <div className="relative size-full" style={containerStyle}>
15
+ <div className={cn('relative', { 'size-full': nextImageStyle.fill })} style={containerStyle}>
16
16
  <NextImage
17
17
  {...nextImageStyle}
18
18
  className={cn({
@@ -11,6 +11,10 @@ type ResolvedAsset = {
11
11
  height?: number;
12
12
  mediaType?: string;
13
13
  description?: string;
14
+ focalPoint?: {
15
+ x: number;
16
+ y: number;
17
+ };
14
18
  };
15
19
 
16
20
  /**
@@ -0,0 +1 @@
1
+ "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};
@@ -46,8 +46,11 @@ type ContainerProps = HTMLAttributes<HTMLDivElement> & {
46
46
  spacing?: SpaceType | ViewPort<SpaceType>;
47
47
  border?: string | ViewPort<string>;
48
48
  fluidContent?: boolean;
49
+ /** @deprecated Use height prop instead */
49
50
  fullHeight?: boolean;
51
+ /** @deprecated Use height prop instead */
50
52
  fitHeight?: boolean;
53
+ height?: string | ViewPort<string>;
51
54
  wrapperClassName?: string;
52
55
  maxWidth?: string;
53
56
  };
@@ -1 +1 @@
1
- "use client";import{a as u,b as s}from"./chunk-XWVE2EED.mjs";import{a as o}from"./chunk-F435GHK2.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};
1
+ "use client";import{a as u,b as s}from"./chunk-Z7JSWSPD.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};
@@ -1 +1 @@
1
- "use client";import{a as H}from"./chunk-TM7Q5NMH.mjs";import{a as B}from"./chunk-AKRWCDDG.mjs";import{a as k}from"./chunk-6TUDWIYU.mjs";import"./chunk-QHIWJPL6.mjs";import{a as w,b as y}from"./chunk-XWVE2EED.mjs";import{a as C}from"./chunk-SDTLQ3CZ.mjs";import"./chunk-F435GHK2.mjs";import{a as g}from"./chunk-JNIJ5N3Y.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};
1
+ "use client";import{a as H}from"./chunk-TM7Q5NMH.mjs";import{a as B}from"./chunk-AKRWCDDG.mjs";import{a as k}from"./chunk-6TUDWIYU.mjs";import"./chunk-QHIWJPL6.mjs";import{a as w,b as y}from"./chunk-Z7JSWSPD.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};
@@ -1 +1 @@
1
- "use client";import{a as B}from"./chunk-TM7Q5NMH.mjs";import{a as I}from"./chunk-AKRWCDDG.mjs";import{a as y}from"./chunk-6TUDWIYU.mjs";import"./chunk-QHIWJPL6.mjs";import{a as f}from"./chunk-SDTLQ3CZ.mjs";import{a as v}from"./chunk-JNIJ5N3Y.mjs";import{a as l,c as t}from"./chunk-S7CSCIW4.mjs";import"./chunk-YEKQJ4YC.mjs";import{useCallback as S,useState as _}from"react";import{UniformText as j}from"@uniformdev/canvas-next-rsc/component";import{UniformSlot as K}from"@uniformdev/canvas-next-rsc/component";import{jsx as p}from"react/jsx-runtime";var F=({isOpen:o,backgroundColor:s,context:e,slots:i,border:a})=>p("div",{className:t("absolute left-0 max-w-64 z-10 pt-4",{hidden:!o,block:o}),children:p("div",{className:t({[`bg-${s}`]:!!s,[l(a,"{value}")]:a}),children:p("div",{className:"flex flex-col gap-y-4 p-4",children:p(K,{data:e,slot:i.links,context:e})})})});import{useEffect as Q,useState as R}from"react";import{UniformSlot as X}from"@uniformdev/canvas-next-rsc/component";import{jsx as m,jsxs as Z}from"react/jsx-runtime";var Y=()=>{let[o,s]=R(0);return Q(()=>{let e=document.getElementById("mobile-header");e&&s(e.offsetHeight)},[]),o},H=({isOpen:o,backgroundColor:s,context:e,slots:i,onClose:a})=>{let c=Y();return Z("div",{style:{top:c},className:t("fixed left-0 right-0 bottom-0 z-10 w-full pt-4",{[`bg-${s}`]:!!s,hidden:!o,block:o}),children:[m("button",{onClick:a,className:"w-max rotate-180 px-4",children:m(y,{})}),m("div",{className:"flex flex-col items-center gap-y-4 p-4",children:m(X,{data:e,slot:i.links,context:e})})]})};var w=({isOpen:o})=>t("transition transform hidden md:block",{"rotate-180":o,"rotate-0":!o}),M=({color:o})=>t("flex items-center gap-x-2",{[`text-${o}`]:!!o});import{jsx as r,jsxs as U}from"react/jsx-runtime";var yo=({icon:o,caretIcon:s,backgroundColor:e,border:i,size:a,tag:c,color:g,weight:D,font:O,transform:$,decoration:L,letterSpacing:T,alignment:V,component:A,context:d,slots:C,hoverEffect:N="",className:E})=>{let[u,b]=_(!1),P=S(()=>b(!0),[]),x=S(()=>b(!1),[]),[z]=v(o),{url:n,title:h=""}=z||{},W=()=>n?n.endsWith(".svg")?r(B,{src:n,alt:h,fill:!0}):r(f,{src:n,alt:h,fill:!0}):null,G=t("transition-all duration-150",{[l(N,"group-hover:{value}")]:!!N}),[q]=v(s),{url:k,title:J=""}=q||{};return U("div",{className:"relative",onMouseLeave:x,children:[U("button",{onMouseEnter:P,onClick:P,className:M({color:g}),children:[r(I,{icon:W(),className:t("group",E),iconClassName:G,textClassName:G,size:a,tag:c,color:g,weight:D,font:O,transform:$,decoration:L,letterSpacing:T,alignment:V,children:r(j,{placeholder:"Text goes here",parameterId:"text",component:A,context:d})}),k&&r("div",{className:t("relative size-[1em]",w({isOpen:u}),{[`text-${a}`]:!!a}),children:r(f,{src:k,alt:J,fill:!0})})]}),r("div",{className:"hidden md:block",children:r(F,{isOpen:u,backgroundColor:e,context:d,slots:C,border:i})}),r("div",{className:"block md:hidden",children:r(H,{onClose:x,isOpen:u,backgroundColor:e,context:d,slots:C})})]})};export{yo as NavigationGroup};
1
+ "use client";import{a as B}from"./chunk-TM7Q5NMH.mjs";import{a as I}from"./chunk-AKRWCDDG.mjs";import{a as y}from"./chunk-6TUDWIYU.mjs";import"./chunk-QHIWJPL6.mjs";import{a as f}from"./chunk-BK7UG4U4.mjs";import{a as v}from"./chunk-2YTACEBA.mjs";import{a as l,c as t}from"./chunk-S7CSCIW4.mjs";import"./chunk-YEKQJ4YC.mjs";import{useCallback as S,useState as _}from"react";import{UniformText as j}from"@uniformdev/canvas-next-rsc/component";import{UniformSlot as K}from"@uniformdev/canvas-next-rsc/component";import{jsx as p}from"react/jsx-runtime";var F=({isOpen:o,backgroundColor:s,context:e,slots:i,border:a})=>p("div",{className:t("absolute left-0 max-w-64 z-10 pt-4",{hidden:!o,block:o}),children:p("div",{className:t({[`bg-${s}`]:!!s,[l(a,"{value}")]:a}),children:p("div",{className:"flex flex-col gap-y-4 p-4",children:p(K,{data:e,slot:i.links,context:e})})})});import{useEffect as Q,useState as R}from"react";import{UniformSlot as X}from"@uniformdev/canvas-next-rsc/component";import{jsx as m,jsxs as Z}from"react/jsx-runtime";var Y=()=>{let[o,s]=R(0);return Q(()=>{let e=document.getElementById("mobile-header");e&&s(e.offsetHeight)},[]),o},H=({isOpen:o,backgroundColor:s,context:e,slots:i,onClose:a})=>{let c=Y();return Z("div",{style:{top:c},className:t("fixed left-0 right-0 bottom-0 z-10 w-full pt-4",{[`bg-${s}`]:!!s,hidden:!o,block:o}),children:[m("button",{onClick:a,className:"w-max rotate-180 px-4",children:m(y,{})}),m("div",{className:"flex flex-col items-center gap-y-4 p-4",children:m(X,{data:e,slot:i.links,context:e})})]})};var w=({isOpen:o})=>t("transition transform hidden md:block",{"rotate-180":o,"rotate-0":!o}),M=({color:o})=>t("flex items-center gap-x-2",{[`text-${o}`]:!!o});import{jsx as r,jsxs as U}from"react/jsx-runtime";var yo=({icon:o,caretIcon:s,backgroundColor:e,border:i,size:a,tag:c,color:g,weight:D,font:O,transform:$,decoration:L,letterSpacing:T,alignment:V,component:A,context:d,slots:C,hoverEffect:N="",className:E})=>{let[u,b]=_(!1),P=S(()=>b(!0),[]),x=S(()=>b(!1),[]),[z]=v(o),{url:n,title:h=""}=z||{},W=()=>n?n.endsWith(".svg")?r(B,{src:n,alt:h,fill:!0}):r(f,{src:n,alt:h,fill:!0}):null,G=t("transition-all duration-150",{[l(N,"group-hover:{value}")]:!!N}),[q]=v(s),{url:k,title:J=""}=q||{};return U("div",{className:"relative",onMouseLeave:x,children:[U("button",{onMouseEnter:P,onClick:P,className:M({color:g}),children:[r(I,{icon:W(),className:t("group",E),iconClassName:G,textClassName:G,size:a,tag:c,color:g,weight:D,font:O,transform:$,decoration:L,letterSpacing:T,alignment:V,children:r(j,{placeholder:"Text goes here",parameterId:"text",component:A,context:d})}),k&&r("div",{className:t("relative size-[1em]",w({isOpen:u}),{[`text-${a}`]:!!a}),children:r(f,{src:k,alt:J,fill:!0})})]}),r("div",{className:"hidden md:block",children:r(F,{isOpen:u,backgroundColor:e,context:d,slots:C,border:i})}),r("div",{className:"block md:hidden",children:r(H,{onClose:x,isOpen:u,backgroundColor:e,context:d,slots:C})})]})};export{yo as NavigationGroup};
@@ -0,0 +1 @@
1
+ "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};
@@ -10,6 +10,10 @@ type ResolvedAsset = {
10
10
  height?: number;
11
11
  mediaType?: string;
12
12
  description?: string;
13
+ focalPoint?: {
14
+ x: number;
15
+ y: number;
16
+ };
13
17
  };
14
18
  /**
15
19
  * Resolves a list of assets, filtering out any entries without a valid URL.
@@ -1 +1 @@
1
- import{a}from"../chunk-JNIJ5N3Y.mjs";import"../chunk-YEKQJ4YC.mjs";export{a as resolveAsset};
1
+ import{a}from"../chunk-2YTACEBA.mjs";import"../chunk-YEKQJ4YC.mjs";export{a as resolveAsset};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniformdev/csk-components",
3
- "version": "6.0.88",
3
+ "version": "6.0.99-alpha.1",
4
4
  "description": "Components Starter Kit that provides a set of basic components for building websites within a Uniform project",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "engines": {
@@ -1 +0,0 @@
1
- "use client";import{a as p}from"./chunk-QHIWJPL6.mjs";import{a as n}from"./chunk-F435GHK2.mjs";import{c as m}from"./chunk-S7CSCIW4.mjs";import"./chunk-YEKQJ4YC.mjs";import{useCallback as P,useState as B}from"react";import{UniformSlot as N,UniformText as R}from"@uniformdev/canvas-next-rsc/component";import{jsx as c}from"react/jsx-runtime";var f=({className:t,...o})=>c("svg",{className:t,width:"15",height:"9",viewBox:"0 0 15 9",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...o,children:c("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.50013 0L0 7.13651L1.95843 9L7.5 3.7271L13.0416 9L15 7.13651L7.50013 0Z",fill:"currentColor"})});import{jsx as d}from"react/jsx-runtime";var a=({className:t,...o})=>d("svg",{className:t,width:"15",height:"9",viewBox:"0 0 15 9",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...o,children:d("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.49987 9L15 1.86349L13.0416 0L7.5 5.2729L1.95843 0L0 1.86349L7.49987 9Z",fill:"currentColor"})});import{jsx as e,jsxs as w}from"react/jsx-runtime";var q=({tag:t,alignment:o,color:u,size:x,font:v,weight:C,transform:h,decoration:L,letterSpacing:g,slots:S,component:l,context:i,backgroundColor:r,spacing:I,className:A})=>{let[s,G]=B(!1),V=P(()=>G(F=>!F),[]);return w(n,{fluidContent:!0,fullHeight:!1,children:[e(n,{backgroundColor:r,spacing:I,fluidContent:!0,className:A,children:w("button",{onClick:V,className:"flex w-full flex-row items-center justify-between text-start",children:[e(p,{alignment:o,color:u,size:x,font:v,weight:C,transform:h,decoration:L,letterSpacing:g,children:e(R,{placeholder:"Text goes here",parameterId:"text",as:t||void 0,component:l,context:i})}),e("div",{className:m({[`text-${r} invert`]:!!r,"text-black dark:text-white":!r}),children:s?e(f,{}):e(a,{})})]})}),s&&e(N,{data:l,context:i,slot:S.accordionItemContent})]})};export{q as AccordionItem};
@@ -1 +0,0 @@
1
- "use client";import{a as s}from"./chunk-PIBMG73F.mjs";import"./chunk-YEKQJ4YC.mjs";import{UniformSlot as I}from"@uniformdev/canvas-next-rsc/component";import{jsx as o}from"react/jsx-runtime";var F=({slots:r,component:e,context:t,backgroundColor:a,spacing:l,border:m,fluidContent:i,fullHeight:u,fitHeight:f,itemsPerPage:C,gapX:n})=>o(s,{backgroundColor:a,spacing:l,border:m,fluidContent:i,fullHeight:u,fitHeight:f,itemsPerPage:C,gapX:n,countOfItems:r.carouselItems?.items.length??0,variant:e.variant,children:({className:p,style:c})=>o(I,{context:t,slot:r.carouselItems,data:e,children:({child:v,key:d})=>o("div",{className:p,style:c,children:v},d)})});export{F as Carousel};
@@ -1 +0,0 @@
1
- import{b as xe,d as ye,e as he,f as Re,g as Ne,h as I}from"./chunk-C42FGNCU.mjs";import{a as ve}from"./chunk-QHIWJPL6.mjs";import{a as q}from"./chunk-SDTLQ3CZ.mjs";import{a as f}from"./chunk-F435GHK2.mjs";import{a as $}from"./chunk-JNIJ5N3Y.mjs";import{a as d}from"./chunk-MSXDLSXH.mjs";import{c as ge}from"./chunk-RX4IAAQQ.mjs";import{c}from"./chunk-S7CSCIW4.mjs";import{UniformSlot as Te}from"@uniformdev/canvas-next-rsc/component";import{jsx as X,jsxs as vo}from"react/jsx-runtime";var xo=({slots:e,component:o,context:t,backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,fitHeight:m})=>vo(f,{className:"flex flex-col gap-8",backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,fitHeight:m,children:[X("div",{className:"flex flex-col gap-4 text-start",children:X(Te,{data:o,context:t,slot:e.accordionContent})}),X(Te,{data:o,context:t,slot:e.accordionItems})]});import{jsx as be}from"react/jsx-runtime";var yo=e=>{switch(e.slotName){case"accordionContent":return{component:()=>be("div",{className:"h-20"})};case"accordionItems":return{component:()=>be("div",{className:"h-28"})};default:return d}};var we=(t=>(t.AccordionContent="accordionContent",t.AccordionItems="accordionItems",t))(we||{});import{UniformSlot as Ee}from"@uniformdev/canvas-next-rsc/component";import{jsx as Ro}from"react/jsx-runtime";var ho=e=>{switch(e.slotName){case"cardMedia":return{component:()=>null};case"cardContent":return{component:()=>Ro("div",{className:"h-20"})};default:return d}};var Fe=(o=>(o.BackgroundImage="backgroundImage",o))(Fe||{}),He=(t=>(t.CardMedia="cardMedia",t.CardContent="cardContent",t))(He||{});import{jsx as V,jsxs as To}from"react/jsx-runtime";var No=({component:e,context:o,slots:t,backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,fitHeight:m,className:l,contentClassName:p})=>{let P=e.variant==="backgroundImage";return To(f,{className:c("relative overflow-hidden",l),backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,fitHeight:m,children:[V("div",{className:c({"inset-0 size-full absolute":P}),children:V(Ee,{data:e,context:o,slot:t.cardMedia})}),V("div",{className:c("relative flex flex-col gap-y-2",p),children:V(Ee,{data:e,context:o,slot:t.cardContent})})]})};import Ho from"next/dynamic";import{jsx as wo}from"react/jsx-runtime";var bo=e=>{switch(e.slotName){case"carouselItems":return{component:()=>wo("div",{className:"mx-20 h-20 w-full"})};default:return d}};var Ae=(o=>(o.Items="carouselItems",o))(Ae||{}),Br=Ho(()=>import("./carousel-W3SCTR5K.mjs").then(e=>e.Carousel));import{UniformSlot as Ue}from"@uniformdev/canvas-next-rsc/component";import{UniformText as Be}from"@uniformdev/canvas-next-rsc/component";import{jsx as g}from"react/jsx-runtime";var D=({component:e,context:o,parameterId:t,text:r,...a})=>{let i=o.previewMode==="editor"&&o.isContextualEditing;return!r&&!i?null:g(ve,{...a,children:g(Be,{placeholder:"Text goes here",parameterId:t,as:a.tag||void 0,component:e,context:o})})},Le=({component:e,context:o,parameterId:t,text:r,...a})=>{let{link:i,icon:n}=a,s=ge(i),m=o.previewMode==="editor"&&o.isContextualEditing;return!r&&!s&&!m?null:g(xe,{...a,href:s,icon:g(()=>{let[p]=$(n),{url:P,title:C=""}=p||{};return P?g(q,{src:P,alt:C,width:20,height:20,containerStyle:{width:"20px",height:"20px"}}):void 0},{}),children:g(Be,{placeholder:"Button text goes here",parameterId:t,component:e,context:o})})},Ie=({component:e,context:o,image:t,objectFit:r,width:a,height:i,overlayColor:n,contrastBaseColor:s,overlayOpacity:m,border:l,priority:p,unoptimized:P})=>{let[C]=$(t);if(!C){let G=o.previewMode==="editor"&&o.isContextualEditing,Y=e?._id?.includes("placeholder_");return!G||Y||!e.variant?null:g("div",{style:{width:a?`${a}px`:"auto",height:i?`${i}px`:"auto"},children:g(ye,{type:"image",placeholder:"Please add an asset to display an image"})})}let{url:W,title:K=""}=C;return g(q,{containerStyle:{...a?{width:`${a}px`}:{},...i?{height:`${i}px`}:{}},src:W,alt:K,fill:!0,unoptimized:P,priority:p,sizes:"100%",style:{objectFit:r},overlayColor:n,contrastBaseColor:s,overlayOpacity:m,border:l})};import{jsx as T,jsxs as Ve}from"react/jsx-runtime";var De=({backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,fitHeight:i,variant:n,demoHeroMedia:s,demoHeroContent:m,demoHeroCTA:l,textAlignmentClass:p,buttonAlignmentClass:P})=>T(f,{backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,fitHeight:i,children:Ve("div",{className:c("grid grid-cols-1 items-center gap-4 px-4 lg:grid-cols-2 xl:px-0"),children:[T("div",{className:c("aspect-square",{"order-last":n==="columnsReverse"}),children:T("div",{className:"flex size-full items-center justify-center overflow-hidden",children:s})}),Ve("div",{className:"flex flex-col justify-center gap-8",children:[T("div",{className:c("flex flex-col gap-4",p),children:m}),T("div",{className:c("flex flex-wrap gap-2 items-center",P),children:l})]})]})});import{jsx as Q,jsxs as Se}from"react/jsx-runtime";var Oe=({backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,fitHeight:i,demoHeroMedia:n,demoHeroContent:s,demoHeroCTA:m,textAlignmentClass:l,buttonAlignmentClass:p})=>Se(f,{className:"relative overflow-hidden",backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,fitHeight:i,children:[Q("div",{className:"absolute left-0 top-0 size-full overflow-hidden",children:n}),Se(f,{className:"relative flex flex-col gap-8",children:[Q("div",{className:c("flex flex-col gap-4",l),children:s}),Q("div",{className:c("flex flex-wrap gap-2 items-center",p),children:m})]})]});var ke=({contentAlignment:e})=>c("justify-center",{"!justify-start":e==="left","!justify-end":e==="right"}),Me=({contentAlignment:e})=>c("text-center",{"text-start":e==="left","text-end":e==="right"});var h=(e,o)=>Object.entries(e).reduce((t,[r,a])=>{if(r.startsWith(o)){let i=r.slice(o.length).replace(/^./,n=>n.toLowerCase());return{...t,[i]:a}}return{...t,[r]:a}},{});import{Fragment as Z,jsx as u,jsxs as Fo}from"react/jsx-runtime";var S=({eyebrowTitleText:e,eyebrowTitleTag:o,eyebrowTitleSize:t,eyebrowTitleColor:r,eyebrowTitleWeight:a,eyebrowTitleFont:i,eyebrowTitleAlignment:n,eyebrowTitleTransform:s,eyebrowTitleDecoration:m,eyebrowTitleLetterSpacing:l,eyebrowTitleLineCountRestrictions:p,titleText:P,titleTag:C,titleSize:W,titleColor:K,titleWeight:G,titleFont:Y,titleAlignment:Rt,titleTransform:Nt,titleDecoration:Tt,titleLetterSpacing:bt,titleLineCountRestrictions:wt,descriptionText:Ht,descriptionTag:Ft,descriptionSize:Et,descriptionColor:At,descriptionWeight:Bt,descriptionFont:Lt,descriptionAlignment:It,descriptionTransform:Vt,descriptionDecoration:Dt,descriptionLetterSpacing:St,descriptionLineCountRestrictions:Ot,primaryButtonVariant:kt,primaryButtonText:Mt,primaryButtonLink:_t,primaryButtonTextColor:Ut,primaryButtonTextWeight:zt,primaryButtonTextFont:Wt,primaryButtonTextTransform:Kt,primaryButtonButtonColor:Gt,primaryButtonBorder:Yt,primaryButtonSize:$t,primaryButtonIcon:qt,primaryButtonTextSize:Xt,primaryButtonIconPosition:Jt,primaryButtonHoverButtonColor:Qt,primaryButtonHoverTextColor:Zt,image:jt,imageWidth:eo,imageHeight:to,imageObjectFit:oo,imageOverlayColor:ro,imageContrastBaseColor:ao,imageOverlayOpacity:io,imageBorder:no,imagePriority:so,imageUnoptimized:mo,contentAlignment:ce,backgroundColor:lo,spacing:po,border:co,fluidContent:fo,fullHeight:Po,fitHeight:uo,isFlexibleHero:fe=!1,component:x,context:v,slots:Pe})=>{let ue=x.variant,Co=fe?u(Ue,{data:x,context:v,slot:Pe.flexibleHeroContent}):Fo(Z,{children:[u(D,{...h({eyebrowTitleText:e,eyebrowTitleTag:o,eyebrowTitleSize:t,eyebrowTitleColor:r,eyebrowTitleWeight:a,eyebrowTitleFont:i,eyebrowTitleAlignment:n,eyebrowTitleTransform:s,eyebrowTitleDecoration:m,eyebrowTitleLetterSpacing:l,eyebrowTitleLineCountRestrictions:p},"eyebrowTitle"),component:x,context:v,parameterId:"eyebrowTitleText"}),u(D,{...h({titleText:P,titleTag:C,titleSize:W,titleColor:K,titleWeight:G,titleFont:Y,titleAlignment:Rt,titleTransform:Nt,titleDecoration:Tt,titleLetterSpacing:bt,titleLineCountRestrictions:wt},"title"),component:x,context:v,parameterId:"titleText"}),u(D,{...h({descriptionText:Ht,descriptionTag:Ft,descriptionSize:Et,descriptionColor:At,descriptionWeight:Bt,descriptionFont:Lt,descriptionAlignment:It,descriptionTransform:Vt,descriptionDecoration:Dt,descriptionLetterSpacing:St,descriptionLineCountRestrictions:Ot},"description"),component:x,context:v,parameterId:"descriptionText"})]}),go=fe?u(Ue,{data:x,context:v,slot:Pe.flexibleHeroCta}):u(Z,{children:u(Le,{...h({primaryButtonVariant:kt,primaryButtonText:Mt,primaryButtonLink:_t,primaryButtonTextColor:Ut,primaryButtonTextWeight:zt,primaryButtonTextFont:Wt,primaryButtonTextTransform:Kt,primaryButtonButtonColor:Gt,primaryButtonBorder:Yt,primaryButtonSize:$t,primaryButtonIcon:qt,primaryButtonTextSize:Xt,primaryButtonIconPosition:Jt,primaryButtonHoverButtonColor:Qt,primaryButtonHoverTextColor:Zt},"primaryButton"),component:x,context:v,parameterId:"primaryButtonText"})}),Ce={variant:ue,backgroundColor:lo,spacing:po,border:co,fluidContent:fo,fullHeight:Po,fitHeight:uo,textAlignmentClass:Me({contentAlignment:ce}),buttonAlignmentClass:ke({contentAlignment:ce}),demoHeroMedia:u(Z,{children:u(Ie,{image:jt,...h({imageWidth:eo,imageHeight:to,imageObjectFit:oo,imageOverlayColor:ro,imageContrastBaseColor:ao,imageOverlayOpacity:io,imageBorder:no,imagePriority:so,imageUnoptimized:mo},"image"),component:x,context:v})}),demoHeroContent:Co,demoHeroCTA:go};switch(ue){case"columns":case"columnsReverse":return u(De,{...Ce});default:return u(Oe,{...Ce})}};import{jsx as Eo}from"react/jsx-runtime";var ze=({textColor:e,enableOverlayAutoTint:o=!1,...t})=>Eo(S,{...t,eyebrowTitleTag:"span",eyebrowTitleSize:{mobile:"xs",tablet:"lg",desktop:"xl"},eyebrowTitleWeight:"bold",eyebrowTitleTransform:"uppercase",eyebrowTitleColor:e||t.eyebrowTitleColor,titleSize:{mobile:"3xl",tablet:"5xl",desktop:"5xl"},titleWeight:"bold",titleColor:e||t.titleColor,descriptionTag:"p",descriptionSize:{mobile:"sm",tablet:"lg",desktop:"xl"},descriptionWeight:"normal",descriptionColor:e||t.descriptionColor,primaryButtonSize:"button-medium",primaryButtonTextSize:"sm",primaryButtonTextColor:"text-light",primaryButtonTextWeight:"normal",primaryButtonButtonColor:"button-primary",primaryButtonTextTransform:"uppercase",primaryButtonHoverButtonColor:"button-primary-hover",imagePriority:!0,imageObjectFit:"cover",imageUnoptimized:!0,imageContrastBaseColor:!t.component.variant&&o?e:void 0,imageOverlayOpacity:"0.3",spacing:{paddingTop:"container-xlarge",paddingLeft:"container-small",paddingRight:"container-small",paddingBottom:"container-xlarge"},fluidContent:!t.component.variant,isFlexibleHero:!1});import{jsx as Ao}from"react/jsx-runtime";var We=e=>Ao(S,{...e,isFlexibleHero:!0});import{jsx as Ke}from"react/jsx-runtime";var Bo=e=>{switch(e.slotName){case"flexibleHeroContent":return{component:()=>Ke("div",{className:"h-20"})};case"flexibleHeroCta":return{component:()=>Ke("div",{className:"mx-40 h-20 w-full"})};default:return d}};var _e=(r=>(r.Left="left",r.Center="center",r.Right="right",r))(_e||{}),J=(t=>(t.Columns="columns",t.ColumnsReverse="columnsReverse",t))(J||{}),Ge=(t=>(t.FlexibleHeroContent="flexibleHeroContent",t.FlexibleHeroCta="flexibleHeroCta",t))(Ge||{}),Lo={FixedHero:ze,FlexibleHero:We},Ea=Lo;import{UniformSlot as j}from"@uniformdev/canvas-next-rsc/component";import{jsx as O}from"react/jsx-runtime";var Ye=({context:e,component:o,slots:t,backgroundColor:r,spacing:a,border:i,fluidContent:n})=>O(he,{logo:O(j,{context:e,slot:t.footerLogo,data:o}),copyright:O(j,{context:e,slot:t.footerCopyright,data:o}),content:O(j,{context:e,slot:t.footerContent,data:o}),backgroundColor:r,spacing:a,border:i,fluidContent:n});import{jsx as ee}from"react/jsx-runtime";var Io=e=>{switch(e.slotName){case"footerLogo":return{component:()=>ee("div",{className:"h-20 w-48"})};case"footerCopyright":return{component:()=>ee("div",{className:"h-20 w-48"})};case"footerContent":return{component:()=>ee("div",{className:"h-20 w-48"})};default:return d}};var $e=(r=>(r.FooterLogo="footerLogo",r.FooterCopyright="footerCopyright",r.FooterContent="footerContent",r))($e||{}),Ua=Ye;import{UniformSlot as te}from"@uniformdev/canvas-next-rsc/component";import{jsx as k}from"react/jsx-runtime";var qe=({backgroundColor:e,color:o,spacing:t,border:r,context:a,component:i,slots:n})=>k(Re,{sticky:i.variant==="sticky",leftSection:k(te,{context:a,slot:n.headerLeftContent,data:i}),rightSection:k(te,{context:a,slot:n.headerRightContent,data:i}),backgroundColor:e,color:o,spacing:t,border:r,children:k(te,{context:a,slot:n.headerCenterContent,data:i})});import{jsx as oe}from"react/jsx-runtime";var Vo=e=>{switch(e.slotName){case"headerLeftContent":return{component:()=>oe("div",{className:"h-20 w-48"})};case"headerCenterContent":return{component:()=>oe("div",{className:"h-20 w-full"})};case"headerRightContent":return{component:()=>oe("div",{className:"h-20 w-48"})};default:return d}};var Je=(r=>(r.HeaderLeftContent="headerLeftContent",r.HeaderCenterContent="headerCenterContent",r.HeaderRightContent="headerRightContent",r))(Je||{}),Xe=(o=>(o.Sticky="sticky",o))(Xe||{}),ti=qe;import Oo from"next/dynamic";import{jsx as So}from"react/jsx-runtime";var Do=e=>{switch(e.slotName){case"imageGalleryItems":return{component:()=>So("div",{className:" mx-auto size-48"})};default:return d}};var Qe=(o=>(o.Items="imageGalleryItems",o))(Qe||{}),li=Oo(()=>import("./image-gallery-IYJI5V7T.mjs").then(e=>e.ImageGallery));import Mo from"next/dynamic";import{jsx as Ze}from"react/jsx-runtime";var ko=e=>{switch(e.slotName){case"navigationFlyoutLeftContent":return{component:()=>Ze("div",{className:"h-40 w-48"})};case"navigationFlyoutRightContent":return{component:()=>Ze("div",{className:"h-40 w-48"})};default:return d}};var xi=Mo(()=>import("./navigation-flyout-3SK6VRHA.mjs").then(e=>e.NavigationFlyout));import zo from"next/dynamic";import{jsx as Uo}from"react/jsx-runtime";var _o=e=>{switch(e.slotName){case"links":return{component:()=>Uo("div",{className:"h-40 w-48"})};default:return d}};var Hi=zo(()=>import("./navigation-group-7WBDV5IY.mjs").then(e=>e.NavigationGroup));import{UniformSlot as re}from"@uniformdev/canvas-next-rsc/component";import{jsx as M}from"react/jsx-runtime";var Wo=({slots:e,component:o,context:t,backgroundColor:r,headerCustomRenderer:a,contentCustomRenderer:i,footerCustomRenderer:n})=>M(Ne,{backgroundColor:r,header:M(re,{context:t,slot:e.pageHeader,data:o,children:a}),footer:M(re,{context:t,slot:e.pageFooter,data:o,children:n}),children:M(re,{context:t,slot:e.pageContent,data:o,children:i})});import{jsx as ae}from"react/jsx-runtime";var Ko=e=>{switch(e.slotName){case"pageHeader":return{component:()=>ae("div",{className:"h-40"})};case"pageContent":return{component:()=>ae("div",{className:"h-[calc(100vh-10rem*2)]"})};case"pageFooter":return{component:()=>ae("div",{className:"h-40"})};default:return d}};var je=(r=>(r.PageContent="pageContent",r.PageHeader="pageHeader",r.PageFooter="pageFooter",r))(je||{});import{UniformSlot as ne}from"@uniformdev/canvas-next-rsc/component";import{jsx as b}from"react/jsx-runtime";var Go=({parentComponent:e,slotName:o})=>{let t=e?.variant==="multiColumn";switch(o){case"reviewImage":return{component:()=>t?b("div",{className:"size-full"}):null};case"reviewPersonInfo":return{component:()=>t?b("div",{className:"h-20 w-full"}):b("div",{className:"h-20 w-52"})};case"reviewContent":return{component:()=>t?b("div",{className:"h-20 w-full"}):b("div",{className:"h-20 w-52"})};default:return d}};var ie=(o=>(o.MultiColumn="multiColumn",o))(ie||{}),et=(r=>(r.ReviewImage="reviewImage",r.ReviewPersonInfo="reviewPersonInfo",r.ReviewContent="reviewContent",r))(et||{});import{jsx as w,jsxs as tt}from"react/jsx-runtime";var ot=({stars:e,starsColor:o,activeStarsColor:t,showRatingLabel:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,ReviewImage:p,ReviewPersonInfo:P,ReviewContent:C})=>w(f,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,children:tt("div",{className:"mx-auto flex lg:max-w-[60%]",children:[w("div",{className:"aspect-square size-12 shrink-0 rounded-full",children:p}),tt("div",{className:"ml-6",children:[P,w("div",{className:"py-4",children:w(I,{rating:e,showReviewLabel:r,starsColor:o,activeStarsColor:t})}),w("div",{className:"flex flex-col gap-y-5",children:C})]})]})});import{jsx as R,jsxs as rt}from"react/jsx-runtime";var at=({stars:e,starsColor:o,activeStarsColor:t,showRatingLabel:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,ReviewImage:p,ReviewPersonInfo:P,ReviewContent:C})=>R(f,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,children:rt("div",{className:"grid md:grid-cols-12",children:[rt("div",{className:"mb-2 md:col-span-4 md:my-0",children:[R("div",{className:"mb-2 aspect-square size-12 rounded-full",children:p}),R("div",{className:"flex flex-col gap-y-1",children:P})]}),R("div",{className:"my-2 md:col-span-4 md:my-0",children:R(I,{rating:e,showReviewLabel:r,starsColor:o,activeStarsColor:t})}),R("div",{className:"mt-2 flex flex-col gap-y-3 md:col-span-4 md:my-0",children:C})]})});import{jsx as H}from"react/jsx-runtime";var Yo=e=>{let{component:o,context:t,slots:r}=e,a=o.variant,i={...e,ReviewImage:H(ne,{context:t,data:o,slot:r.reviewImage}),ReviewPersonInfo:H(ne,{context:t,data:o,slot:r.reviewPersonInfo}),ReviewContent:H(ne,{context:t,data:o,slot:r.reviewContent})};switch(a){case"multiColumn":return H(at,{...i});default:return H(ot,{...i})}};import{UniformSlot as pe}from"@uniformdev/canvas-next-rsc/component";import{jsx as se}from"react/jsx-runtime";var $o=({parentComponent:e,slotName:o})=>{let t=!e?.variant;switch(o){case"sectionMedia":return{component:()=>t?null:se("div",{className:"size-full"})};case"sectionContent":return{component:()=>se("div",{className:"h-20"})};case"sectionCTA":return{component:()=>se("div",{className:"mx-40 h-20 w-full"})};default:return d}};var nt=(r=>(r.Left="left",r.Center="center",r.Right="right",r))(nt||{}),me=(t=>(t.Columns="columns",t.ColumnsReverse="columnsReverse",t))(me||{}),it=(r=>(r.SectionContent="sectionContent",r.SectionMedia="sectionMedia",r.SectionCTA="sectionCTA",r))(it||{});import{jsx as F,jsxs as st}from"react/jsx-runtime";var mt=({backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,fitHeight:i,variant:n,sectionMedia:s,sectionContent:m,sectionCTA:l,textAlignmentClass:p,buttonAlignmentClass:P})=>F(f,{backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,fitHeight:i,children:st("div",{className:c("grid grid-cols-1 items-center gap-4 px-4 lg:grid-cols-2 xl:px-0"),children:[F("div",{className:c("aspect-square",{"order-last":n==="columnsReverse"}),children:F("div",{className:"flex size-full items-center justify-center overflow-hidden",children:s})}),st("div",{className:"flex flex-col justify-center gap-8",children:[F("div",{className:c("flex flex-col gap-4",p),children:m}),F("div",{className:c("flex flex-wrap gap-2",P),children:l})]})]})});import{jsx as le,jsxs as lt}from"react/jsx-runtime";var pt=({backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,fitHeight:i,sectionMedia:n,sectionContent:s,sectionCTA:m,textAlignmentClass:l,buttonAlignmentClass:p})=>lt(f,{className:"relative overflow-hidden",backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,fitHeight:i,children:[le("div",{className:"absolute left-0 top-0 size-full overflow-hidden",children:n}),lt(f,{className:"relative flex flex-col gap-8",children:[le("div",{className:c("flex flex-col gap-4",l),children:s}),le("div",{className:c("flex flex-wrap gap-2",p),children:m})]})]});var dt=({contentAlignment:e})=>c("justify-center",{"!justify-start":e==="left","!justify-end":e==="right"}),ct=({contentAlignment:e})=>c("text-center",{"text-start":e==="left","text-end":e==="right"});import{jsx as E}from"react/jsx-runtime";var qo=({contentAlignment:e,slots:o,component:t,context:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l})=>{let p=t.variant,P={variant:p,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,textAlignmentClass:ct({contentAlignment:e}),buttonAlignmentClass:dt({contentAlignment:e}),sectionMedia:E(pe,{data:t,context:r,slot:o.sectionMedia}),sectionContent:E(pe,{data:t,context:r,slot:o.sectionContent}),sectionCTA:E(pe,{data:t,context:r,slot:o.sectionCTA})};switch(p){case"columns":case"columnsReverse":return E(mt,{...P});default:return E(pt,{...P})}};import{UniformSlot as Pt}from"@uniformdev/canvas-next-rsc/component";var ft=({size:e,textColor:o})=>c("text-left w-full [&_tr:not(:last-child)_td]:border-b [&_th]:border-b",{[`text-${o}`]:o,[`[&_td]:p-${e} [&_th]:p-${e}`]:e});import{jsx as N,jsxs as Jo}from"react/jsx-runtime";var Xo=({size:e,textColor:o,slots:t,component:r,context:a,backgroundColor:i,spacing:n,border:s,fluidContent:m,fullHeight:l,fitHeight:p})=>N(f,{className:"flex flex-col gap-5",backgroundColor:i,spacing:n,border:s,fluidContent:m,fullHeight:l,fitHeight:p,children:N("div",{className:"overflow-x-auto",children:Jo("table",{className:ft({size:e,textColor:o}),children:[N("thead",{children:N(Pt,{slot:t.tableHead,context:a,data:r})}),N("tbody",{children:N(Pt,{slot:t.tableBody,context:a,data:r})})]})})});import{jsx as ut}from"react/jsx-runtime";var Qo=e=>{switch(e.slotName){case"tableHead":return{component:()=>ut("tr",{className:"h-20"})};case"tableBody":return{component:()=>ut("tr",{className:"h-40"})};default:return d}};var Ct=(t=>(t.TableHead="tableHead",t.TableBody="tableBody",t))(Ct||{});import{UniformSlot as z}from"@uniformdev/canvas-next-rsc/component";import{jsx as _}from"react/jsx-runtime";var Zo=({slotName:e})=>{switch(e){case"testimonialSecondaryImage":return{component:()=>_("div",{className:"h-20 w-64"})};case"testimonialContent":return{component:()=>_("div",{className:"h-20 w-64"})};case"testimonialPrimaryImage":return{component:()=>_("div",{className:"size-full"})};case"testimonialAuthor":return{component:()=>_("div",{className:"h-20 w-64"})};default:return d}};var xt=(t=>(t.WithLargeAvatar="withLargeAvatar",t.WithOverlappingImage="withOverlappingImage",t))(xt||{}),gt=(a=>(a.TestimonialSecondaryImage="testimonialSecondaryImage",a.TestimonialContent="testimonialContent",a.TestimonialPrimaryImage="testimonialPrimaryImage",a.TestimonialAuthor="testimonialAuthor",a))(gt||{});import{jsx as A,jsxs as er}from"react/jsx-runtime";var vt=({testimonialPrimaryImage:e,testimonialContent:o,testimonialAuthor:t,testimonialSecondaryImage:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l})=>A(f,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,children:er("div",{className:"mx-auto flex flex-col items-center md:max-w-[80%]",children:[A("div",{children:r}),A("div",{className:"my-8",children:o}),A("div",{className:"size-10 rounded-full",children:e}),A("div",{className:"mt-4 flex gap-3",children:t})]})});import{jsx as B,jsxs as U}from"react/jsx-runtime";var yt=({testimonialPrimaryImage:e,testimonialContent:o,testimonialAuthor:t,testimonialSecondaryImage:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l})=>B(f,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,children:U("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}),U("div",{className:"flex flex-col gap-y-8",children:[B("div",{className:"",children:o}),U("div",{className:"flex items-center justify-between",children:[U("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:t})]}),r]})]})]})});import{jsx as L,jsxs as de}from"react/jsx-runtime";var ht=({testimonialPrimaryImage:e,testimonialContent:o,testimonialAuthor:t,testimonialSecondaryImage:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l})=>L(f,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,children:L(f,{className:"pb-10 lg:pb-0",children:de("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}),de("div",{className:"flex flex-col gap-y-8",children:[L("div",{className:"",children:o}),de("div",{className:"flex items-center justify-between",children:[L("div",{className:"gap-3",children:t}),r]})]})]})})});import{jsx as y}from"react/jsx-runtime";var jo=({context:e,component:o,slots:t,backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,fitHeight:m})=>{let l=o.variant,p={backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,fitHeight:m,testimonialPrimaryImage:y(z,{context:e,data:o,slot:t.testimonialPrimaryImage}),testimonialContent:y(z,{context:e,data:o,slot:t.testimonialContent}),testimonialAuthor:y(z,{context:e,data:o,slot:t.testimonialAuthor}),testimonialSecondaryImage:y(z,{context:e,data:o,slot:t.testimonialSecondaryImage})};switch(l){case"withLargeAvatar":return y(yt,{...p});case"withOverlappingImage":return y(ht,{...p});default:return y(vt,{...p})}};export{xo as a,we as b,yo as c,No as d,Fe as e,He as f,ho as g,Ae as h,Br as i,bo as j,_e as k,J as l,Ge as m,Ea as n,Bo as o,$e as p,Ua as q,Io as r,Je as s,Xe as t,ti as u,Vo as v,Qe as w,li as x,Do as y,xi as z,ko as A,Hi as B,_o as C,Wo as D,je as E,Ko as F,Yo as G,ie as H,et as I,Go as J,qo as K,nt as L,me as M,it as N,$o as O,Xo as P,Ct as Q,Qo as R,jo as S,xt as T,gt as U,Zo as V};
@@ -1 +0,0 @@
1
- import{a as m}from"./chunk-F435GHK2.mjs";import{a as e,c as i}from"./chunk-S7CSCIW4.mjs";import{jsx as n}from"react/jsx-runtime";var v=({className:r,wrapperClassName:t,direction:o,justifyContent:l,gap:a,alignItems:p,backgroundColor:f,spacing:P,border:c,fluidContent:y,fullHeight:x,fitHeight:s,children:u})=>n(m,{backgroundColor:f,spacing:P,border:c,fluidContent:y,fullHeight:x,fitHeight:s,wrapperClassName:t,children:n("div",{className:i("flex",{[e(o,"flex-{value}")]:o,[e(l,"justify-{value}")]:l,[e(a,"gap-{value}")]:a,[e(p,"items-{value}")]:p,"h-full":s},r),children:u})});import{jsx as g}from"react/jsx-runtime";var d=({className:r,alignSelf:t,shrink:o,children:l})=>g("div",{className:i({[e(t,"self-{value}")]:t,[`shrink-${o}`]:o},r),children:l});import F from"next/dynamic";var B=F(()=>import("./video-RC2QHJS2.mjs").then(r=>r.Video));export{v as a,d as b,B as c};
@@ -1 +0,0 @@
1
- import{a as e,b as c,c as t}from"./chunk-S7CSCIW4.mjs";import{jsx as d}from"react/jsx-runtime";var y=({className:x,wrapperClassName:w,style:b,children:P,backgroundColor:o,spacing:T,border:i="",fluidContent:a=!1,fullHeight:h=!1,fitHeight:p=!1,maxWidth:r,...C})=>{let[V,{marginTop:l,marginBottom:n,marginRight:m,marginLeft:s,paddingTop:g,paddingBottom:u,paddingRight:f,paddingLeft:v}]=c(T);return d("div",{className:t("px-4 xl:px-0",{"!px-0":a,"mx-auto w-full":!a,"max-w-7xl max-w-container-width":!r&&!a,[`max-w-${r}`]:!!r&&!a,"h-full":p},w),children:d("div",{className:t({"!h-screen":h,"h-full":p,[`bg-${o}`]:!!o,[e(l,"mt-{value}")]:l,[e(n,"mb-{value}")]:n,[e(m,"mr-{value}")]:m,[e(s,"ml-{value}")]:s,[e(g,"pt-{value}")]:g,[e(u,"pb-{value}")]:u,[e(f,"pr-{value}")]:f,[e(v,"pl-{value}")]:v,[e(i,"{value}")]:i},x),style:{...V,...b},...C,children:P})})};export{y as a};
@@ -1 +0,0 @@
1
- import{flattenValues as t}from"@uniformdev/canvas";var i=e=>(t(e)||[]).filter(({url:s})=>!!s);export{i as a};
@@ -1 +0,0 @@
1
- import t from"next/dynamic";var o=t(()=>import("./carousel-PCTBGT7M.mjs").then(e=>e.Carousel));export{o as a};
@@ -1 +0,0 @@
1
- import{a as r,c as m}from"./chunk-S7CSCIW4.mjs";import g from"next/image";import{jsx as s,jsxs as y}from"react/jsx-runtime";var f=({containerStyle:a,overlayColor:e,contrastBaseColor:o,overlayOpacity:i,border:t="",style:l,...p})=>y("div",{className:"relative size-full",style:a,children:[s(g,{...p,className:m({[r(t,"{value}")]:t}),style:{...l}}),s("div",{className:m("absolute bottom-0 left-0 right-0 top-0",{[`bg-${e||o}`]:e||o,[r(t,"{value}")]:t}),style:{opacity:i||0,...o&&!e?{filter:"grayscale(100%) invert(100%)"}:{}}})]});export{f as a};
@@ -1 +0,0 @@
1
- import{a as n}from"./chunk-F435GHK2.mjs";import{a as e,c as l}from"./chunk-S7CSCIW4.mjs";import{jsx as s}from"react/jsx-runtime";var C=({className:i,columnsCount:a,gapX:o,gapY:r,backgroundColor:t,spacing:m,border:u,fluidContent:f,fullHeight:v,fitHeight:p,children:d})=>s(n,{backgroundColor:t,spacing:m,border:u,fluidContent:f,fullHeight:v,fitHeight:p,children:s("div",{className:l("grid",{[e(a,"grid-cols-{value}")]:a,[e(o,"gap-x-{value}")]:o,[e(r,"gap-y-{value}")]:r,"h-full":p},i),children:d})});import{jsx as A}from"react/jsx-runtime";var b=({className:i,columnStart:a,columnSpan:o,rowStart:r,rowSpan:t,children:m})=>A("div",{className:l({[e(a,"col-start-{value}")]:a,[e(o,"col-{value}")]:o,[e(r,"row-start-{value}")]:r,[e(t,"row-{value}")]:t},i),children:m});export{C as a,b};
@@ -1 +0,0 @@
1
- "use client";import{a as d}from"./chunk-SDTLQ3CZ.mjs";import{a as I}from"./chunk-F435GHK2.mjs";import{a as G}from"./chunk-JNIJ5N3Y.mjs";import{c as h}from"./chunk-S7CSCIW4.mjs";import"./chunk-YEKQJ4YC.mjs";import{UniformSlot as N}from"@uniformdev/canvas-next-rsc/component";import v from"react-responsive-masonry";import{Fragment as R,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:f=g.secondLineCount,otherLinesCount:m=g.otherLinesCount}=r||{},{items:c=[]}=n||{},u=c.reduce((e,o,t)=>(t<i?e[0]?.push(o):t<i+f?e[1]?.push(o):e[2]?.push(o),e),[[],[],[]])||[];return y(R,{children:u?.map((e,o)=>e.length?y(v,{columnsCount:o<2||e.length<m?e.length:m,gutter:"4px",children:e.map((t,a)=>y("div",{className:h("flex flex-1 items-center justify-center",{[`aspect-${s}`]:!!s}),children:t},`img-${a}`))},`line-${o}`):null)})};import{jsx as l}from"react/jsx-runtime";var T=({slots:n,aspectRatio:s,items:r,backgroundColor:i,spacing:f,border:m,fluidContent:c,fullHeight:u,fitHeight:e,config:o,context:t,component:a})=>{let P=r?.length?{name:"items",items:G(r)?.map((p,C)=>l(d,{src:p.url,style:{objectFit:"cover"},alt:`Image ${C}`,fill:!0},p?.id||`image-${C}`))||[]}:n.imageGalleryItems,F=!r?.length&&!a?.slots?.imageGalleryItems?.filter(({_id:p})=>!p?.startsWith("placeholder"))?.length;return l(I,{backgroundColor:i,spacing:f,border:m,fluidContent:c,fullHeight:u,fitHeight:e,children:l("div",{className:"flex flex-col gap-1",children:F?l(N,{context:t,slot:n.imageGalleryItems,data:a}):l(L,{slot:P,aspectRatio:s,config:o})})})};export{T as ImageGallery};
@@ -1 +0,0 @@
1
- "use client";import"./chunk-DBXG5BKX.mjs";import{a as f}from"./chunk-F435GHK2.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 V,useMemo as h,useState as F}from"react";import{flattenValues as E}from"@uniformdev/canvas";import{UniformSlot as I,UniformText as N}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 S}from"react/jsx-runtime";var K=({slots:r,color:a,component:t,context:e,backgroundColor:g,spacing:T,border:c,fluidContent:x,fullHeight:B,fitHeight:P})=>{let b=t.variant||"default",[n,d]=F(t?.slots?.tabItems?.[0]?._id),l=h(()=>t?.slots?.tabItems?t.slots.tabItems.map(s=>({...E(s),id:s._id})):[],[t?.slots?.tabItems]);V(()=>{l.length&&(n||d(l[0]?.id||""))},[l,n]);let y=v(s=>{e.isContextualEditing&&d(s)},[e.isContextualEditing]);return S(f,{className:"flex flex-col gap-5",backgroundColor:g,spacing:T,border:c,fluidContent:x,fullHeight:B,fitHeight:P,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(N,{onFocus:()=>y(s.id),context:e,parameterId:"text",component:t?.slots?.tabItems[o],placeholder:"Tab title"})},s.id))}),i(I,{data:t,context:e,slot:r.tabItems,children:({child:s,component:{_id:o}})=>o===n?i(C,{children:s},o):i(C,{},o)})]})};export{K as Tabs};