@uniformdev/csk-components 6.0.104 → 6.0.114-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 (92) hide show
  1. package/dist/accordion-item-QAVKQEB2.mjs +1 -0
  2. package/dist/accordion-item-Y4PSNOH4.mjs +1 -0
  3. package/dist/{banner-2B4K5R4N.mjs → banner-EYII7V7X.mjs} +1 -1
  4. package/dist/carousel-RZ2DV6QX.mjs +1 -0
  5. package/dist/carousel-YELQRJVB.mjs +1 -0
  6. package/dist/chunk-7GVG4HLE.mjs +1 -0
  7. package/dist/{chunk-LA36HQWS.mjs → chunk-B2O55EVA.mjs} +1 -1
  8. package/dist/chunk-EIEZRPWW.mjs +1 -0
  9. package/dist/chunk-EOV2LPGC.mjs +1 -0
  10. package/dist/chunk-EUVKAE6M.mjs +1 -0
  11. package/dist/chunk-LG7MD2DH.mjs +1 -0
  12. package/dist/chunk-PMMAALCQ.mjs +1 -0
  13. package/dist/chunk-RYEXR67P.mjs +1 -0
  14. package/dist/chunk-TCQTXNKT.mjs +1 -0
  15. package/dist/{chunk-FPOIJMYT.mjs → chunk-VW2XC3SE.mjs} +1 -1
  16. package/dist/chunk-WAW7PQYM.mjs +1 -0
  17. package/dist/components/canvas/emptyPlaceholders.mjs +1 -1
  18. package/dist/components/canvas/index.d.mts +5 -21
  19. package/dist/components/canvas/index.mjs +2 -2
  20. package/dist/components/ui/index.d.mts +48 -25
  21. package/dist/components/ui/index.mjs +1 -1
  22. package/dist/content/components/canvas/Accordion/accordion.tsx +6 -12
  23. package/dist/content/components/canvas/AccordionItem/accordion-item.tsx +23 -36
  24. package/dist/content/components/canvas/Button/index.tsx +1 -2
  25. package/dist/content/components/canvas/Card/card.tsx +1 -3
  26. package/dist/content/components/canvas/Carousel/carousel.tsx +1 -3
  27. package/dist/content/components/canvas/Container/container.tsx +0 -4
  28. package/dist/content/components/canvas/Container/parameters.ts +0 -4
  29. package/dist/content/components/canvas/DemoHero/atoms.tsx +31 -4
  30. package/dist/content/components/canvas/DemoHero/columns-variant.tsx +1 -7
  31. package/dist/content/components/canvas/DemoHero/default-variant.tsx +1 -8
  32. package/dist/content/components/canvas/DemoHero/demo-hero.tsx +2 -4
  33. package/dist/content/components/canvas/DemoHero/fixed-hero.tsx +57 -65
  34. package/dist/content/components/canvas/DemoHero/index.tsx +3 -14
  35. package/dist/content/components/canvas/DemoHero/utils.ts +14 -0
  36. package/dist/content/components/canvas/Flex/flex.tsx +2 -4
  37. package/dist/content/components/canvas/Grid/grid.tsx +1 -3
  38. package/dist/content/components/canvas/Image/image.tsx +13 -2
  39. package/dist/content/components/canvas/ImageGallery/image-gallery.tsx +1 -3
  40. package/dist/content/components/canvas/Review/default-variant.tsx +1 -3
  41. package/dist/content/components/canvas/Review/multi-column-variant.tsx +1 -3
  42. package/dist/content/components/canvas/Section/columns-variant.tsx +1 -7
  43. package/dist/content/components/canvas/Section/default-variant.tsx +1 -10
  44. package/dist/content/components/canvas/Section/section.tsx +0 -4
  45. package/dist/content/components/canvas/Table/table.tsx +1 -6
  46. package/dist/content/components/canvas/Tabs/tabs.tsx +1 -6
  47. package/dist/content/components/canvas/Testimonial/default-variant.tsx +2 -4
  48. package/dist/content/components/canvas/Testimonial/testimonial.tsx +0 -4
  49. package/dist/content/components/canvas/Testimonial/with-large-avatar-variant.tsx +2 -4
  50. package/dist/content/components/canvas/Testimonial/with-overlapping-image-variant.tsx +2 -4
  51. package/dist/content/components/canvas/Video/index.tsx +0 -2
  52. package/dist/content/components/canvas/Video/video.tsx +1 -2
  53. package/dist/content/components/ui/Button/index.ts +2 -5
  54. package/dist/content/components/ui/Carousel/carousel.tsx +2 -2
  55. package/dist/content/components/ui/Carousel/index.ts +1 -1
  56. package/dist/content/components/ui/Container/container.tsx +2 -7
  57. package/dist/content/components/ui/Container/index.ts +0 -6
  58. package/dist/content/components/ui/Flex/flex.tsx +19 -27
  59. package/dist/content/components/ui/Flex/index.ts +1 -5
  60. package/dist/content/components/ui/Footer/index.ts +1 -1
  61. package/dist/content/components/ui/Grid/grid.tsx +19 -25
  62. package/dist/content/components/ui/Grid/index.ts +4 -16
  63. package/dist/content/components/ui/GridItem/index.ts +4 -10
  64. package/dist/content/components/ui/Header/index.ts +1 -1
  65. package/dist/content/components/ui/Text/index.ts +3 -6
  66. package/dist/image-gallery-AMU6FS7N.mjs +1 -0
  67. package/dist/{index-B9eeSbLG.d.mts → index-D5cLtaIv.d.mts} +7 -14
  68. package/dist/{mobile-UAUHHXPH.mjs → mobile-JGZBHQC2.mjs} +1 -1
  69. package/dist/navigation-flyout-NAU6O2WG.mjs +1 -0
  70. package/dist/navigation-group-QA65N6AI.mjs +1 -0
  71. package/dist/tabs-J23TEEQ7.mjs +1 -0
  72. package/package.json +7 -7
  73. package/dist/accordion-item-G5CNMERW.mjs +0 -1
  74. package/dist/carousel-BBEW5P4Y.mjs +0 -1
  75. package/dist/carousel-ERCHOWUS.mjs +0 -1
  76. package/dist/chunk-4LWAGTFW.mjs +0 -1
  77. package/dist/chunk-5VM2Y55L.mjs +0 -1
  78. package/dist/chunk-AKRWCDDG.mjs +0 -1
  79. package/dist/chunk-M3BGP5VE.mjs +0 -1
  80. package/dist/chunk-QHIWJPL6.mjs +0 -1
  81. package/dist/chunk-TIRCISSU.mjs +0 -1
  82. package/dist/chunk-TM7Q5NMH.mjs +0 -1
  83. package/dist/chunk-YUCUJWBO.mjs +0 -1
  84. package/dist/chunk-Z7JSWSPD.mjs +0 -1
  85. package/dist/content/components/canvas/AccordionItem/icon-arrow-down.tsx +0 -20
  86. package/dist/content/components/canvas/AccordionItem/icon-arrow-up.tsx +0 -20
  87. package/dist/content/components/canvas/Image/placeholder.tsx +0 -20
  88. package/dist/content/components/ui/Container/utils.ts +0 -18
  89. package/dist/image-gallery-F6JLG7XW.mjs +0 -1
  90. package/dist/navigation-flyout-MXIJA6PC.mjs +0 -1
  91. package/dist/navigation-group-DEN3D2BO.mjs +0 -1
  92. package/dist/tabs-AQFKYC6M.mjs +0 -1
@@ -1,17 +1,15 @@
1
1
  import { ReactElement, PropsWithChildren, ReactNode, HTMLAttributes } from 'react';
2
- import { DefaultTheme } from 'tailwindcss/types/generated/default-theme';
3
2
  import { ViewPort, SpaceType } from './types/cskTypes.mjs';
4
3
 
5
- type TextSize$1 = keyof DefaultTheme['fontSize'];
6
4
  type TextProps = {
7
5
  className?: string;
8
- size?: TextSize$1 | ViewPort<TextSize$1>;
6
+ size?: string | ViewPort<string>;
9
7
  color?: string;
10
- weight?: keyof DefaultTheme['fontWeight'];
8
+ weight?: string;
11
9
  font?: string;
12
10
  transform?: 'uppercase' | 'lowercase' | 'capitalize' | 'normal-case';
13
11
  decoration?: 'underline' | 'overline' | 'line-through' | 'no-underline';
14
- letterSpacing?: keyof DefaultTheme['letterSpacing'];
12
+ letterSpacing?: string;
15
13
  children: ReactElement | string;
16
14
  alignment?: 'left' | 'center' | 'right';
17
15
  lineCountRestrictions?: string;
@@ -20,7 +18,6 @@ type TextProps = {
20
18
  declare enum ButtonVariant {
21
19
  Link = "link"
22
20
  }
23
- type TextSize = keyof DefaultTheme['fontSize'];
24
21
  type ButtonProps = PropsWithChildren<{
25
22
  variant?: ButtonVariant;
26
23
  href?: string;
@@ -28,8 +25,8 @@ type ButtonProps = PropsWithChildren<{
28
25
  size?: string;
29
26
  className?: string;
30
27
  textColor?: string;
31
- textSize?: TextSize | ViewPort<TextSize>;
32
- textWeight?: keyof DefaultTheme['fontWeight'];
28
+ textSize?: string | ViewPort<string>;
29
+ textWeight?: string;
33
30
  textFont?: 'uppercase' | 'lowercase' | 'capitalize' | 'normal-case';
34
31
  textTransform?: string;
35
32
  buttonColor?: string;
@@ -46,22 +43,18 @@ type ContainerProps = HTMLAttributes<HTMLDivElement> & {
46
43
  spacing?: SpaceType | ViewPort<SpaceType>;
47
44
  border?: string | ViewPort<string>;
48
45
  fluidContent?: boolean;
49
- /** @deprecated Use height prop instead */
50
- fullHeight?: boolean;
51
- /** @deprecated Use height prop instead */
52
- fitHeight?: boolean;
53
46
  height?: string | ViewPort<string>;
54
47
  wrapperClassName?: string;
55
48
  maxWidth?: string;
56
49
  };
57
50
 
58
- type FooterProps = Omit<ContainerProps, 'fullHeight' | 'content'> & {
51
+ type FooterProps = Omit<ContainerProps, 'height' | 'content'> & {
59
52
  logo?: React.ReactNode;
60
53
  copyright?: React.ReactNode;
61
54
  content?: React.ReactNode;
62
55
  };
63
56
 
64
- type HeaderProps = PropsWithChildren & Omit<ContainerProps, 'fluidContent' | 'fullHeight'> & {
57
+ type HeaderProps = PropsWithChildren & Omit<ContainerProps, 'fluidContent' | 'height'> & {
65
58
  leftSection?: ReactNode;
66
59
  rightSection?: ReactNode;
67
60
  color?: string;
@@ -1 +1 @@
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
+ "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};
@@ -0,0 +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-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};
@@ -0,0 +1 @@
1
+ "use client";import{a as I,b as B}from"./chunk-RYEXR67P.mjs";import{a as y}from"./chunk-6TUDWIYU.mjs";import"./chunk-WAW7PQYM.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-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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniformdev/csk-components",
3
- "version": "6.0.104",
3
+ "version": "6.0.114-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": {
@@ -72,18 +72,18 @@
72
72
  "prettier": "3.5.2",
73
73
  "react-player": "^2.16.0",
74
74
  "react-responsive-masonry": "^2.7.0",
75
- "tailwind-merge": "^2.5.2"
75
+ "tailwind-merge": "^3.3.1"
76
76
  },
77
77
  "devDependencies": {
78
78
  "@repo/eslint-config": "*",
79
79
  "@repo/typescript-config": "*",
80
- "@uniformdev/assets": "^20.20.3",
81
- "@uniformdev/canvas": "^20.20.3",
82
- "@uniformdev/canvas-next-rsc": "^20.20.3",
80
+ "@uniformdev/assets": "^20.23.0",
81
+ "@uniformdev/canvas": "^20.23.0",
82
+ "@uniformdev/canvas-next-rsc": "^20.23.0",
83
83
  "next": "^15.3.2",
84
84
  "react": "^19.1.0",
85
85
  "react-dom": "^19.1.0",
86
- "tailwindcss": "^3.4.17",
86
+ "tailwindcss": "^4.1.11",
87
87
  "tsup": "^8.3.0",
88
88
  "tsx": "^4.19.2"
89
89
  },
@@ -105,4 +105,4 @@
105
105
  "publishConfig": {
106
106
  "access": "public"
107
107
  }
108
- }
108
+ }
@@ -1 +0,0 @@
1
- "use client";import{a as p}from"./chunk-QHIWJPL6.mjs";import{b as n}from"./chunk-YUCUJWBO.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 d=({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 f}from"react/jsx-runtime";var a=({className:t,...o})=>f("svg",{className:t,width:"15",height:"9",viewBox:"0 0 15 9",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...o,children:f("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 z=({tag:t,alignment:o,color:x,size:u,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,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:x,size:u,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(d,{}):e(a,{})})]})}),s&&e(N,{data:l,context:i,slot:S.accordionItemContent})]})};export{z as AccordionItem};
@@ -1 +0,0 @@
1
- "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};
@@ -1 +0,0 @@
1
- "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};
@@ -1 +0,0 @@
1
- import{b as B,c as w}from"./chunk-6TUDWIYU.mjs";import{a as F}from"./chunk-QHIWJPL6.mjs";import{a as R,b as d}from"./chunk-Z7JSWSPD.mjs";import{b as m}from"./chunk-YUCUJWBO.mjs";import{d as y}from"./chunk-RX4IAAQQ.mjs";import{a as g,c as a}from"./chunk-S7CSCIW4.mjs";import A from"next/link";import{jsx as _}from"react/jsx-runtime";var x=({children:o,link:e,openInNewTab:t,rel:i,className:r})=>_(A,{href:e,className:a("[&:hover_img]:scale-[0.98] [&_img]:transition-transform hover:underline transition-transform",r),target:t?"_blank":"_self",rel:i,children:o});var L=(e=>(e.Link="link",e))(L||{});import{jsx as H,jsxs as Z}from"react/jsx-runtime";var O=({children:o,href:e,className:t,onClick:i})=>{let r=y(e);return e?H(x,{className:t,link:e,openInNewTab:r,rel:r?"noopener noreferrer":"",children:o}):H("button",{onClick:i,className:t,children:o})},E=({variant:o,children:e,href:t,className:i,onClick:r,textColor:n,textSize:s,buttonColor:p,isActive:W,icon:c,iconPosition:z,border:h="",textTransform:u="",textWeight:P,textFont:C,size:N,hoverButtonColor:k,hoverTextColor:b})=>{let D=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-${b}`]:b,"flex flex-row gap-x-2":c,"flex-row-reverse":c&&z==="right",[`font-${C}`]:!!C,[`font-${P}`]:!!P,[`p-${N}`]:N,[u]:!!u,[g(h,"{value}")]:h,[g(s,"text-{value}")]:s}),G=a({[`bg-${p}`]:p,[`hover:bg-${k}`]:k}),V=a("bg-transparent hover:underline hover:opacity-100",{[`hover:decoration-${p}`]:p,"!underline":t===W});return Z(O,{href:t,onClick:r,className:a(D,{[G]:!o,[V]:o==="link"},i),children:[c,e]})};import{jsx as T,jsxs as J}from"react/jsx-runtime";var q=({type:o,placeholder:e})=>J("div",{className:"flex aspect-video size-full flex-col items-center justify-center bg-white text-black dark:bg-black dark:text-white",children:[T(o==="video"?w:B,{className:"size-1/2 max-h-36 max-w-36"}),!!e&&T(F,{className:"text-center",weight:"bold",children:e})]});import{jsx as v,jsxs as S}from"react/jsx-runtime";var K=({logo:o,content:e,copyright:t,backgroundColor:i,spacing:r,border:n,fluidContent:s})=>v("footer",{children:v(m,{backgroundColor:i,spacing:r,border:n,fluidContent:s,children:S(m,{className:"flex w-full flex-col justify-between gap-4 md:flex-row",children:[S("div",{className:"flex flex-col gap-2 gap-y-4 md:w-1/2",children:[o,t]}),v("div",{children:e})]})})});import U from"next/dynamic";import{jsx as l,jsxs as Q}from"react/jsx-runtime";var M=({leftSection:o,rightSection:e,children:t,backgroundColor:i,spacing:r,border:n,className:s})=>l("nav",{children:l(m,{fluidContent:!0,backgroundColor:i,spacing:r,border:n,className:s,children:Q(R,{className:"items-center",columnsCount:"12",children:[l(d,{columnSpan:"span-3",children:l("div",{className:"flex items-center justify-start",children:o})}),l(d,{columnSpan:"span-6",children:l("div",{className:"flex items-center justify-center gap-x-8",children:t})}),l(d,{columnSpan:"span-3",children:l("div",{className:"flex items-center justify-end gap-x-4",children:e})})]})})});import{jsx as f,jsxs as j}from"react/jsx-runtime";var X=U(()=>import("./mobile-UAUHHXPH.mjs").then(o=>o.MobileHeader)),Y=({sticky:o,...e})=>j("header",{className:a({"sticky top-0 shadow z-10":o}),children:[f("div",{className:"hidden md:block",children:f(M,{...e})}),f("div",{className:"block md:hidden",children:f(X,{...e})})]});import{jsx as oe,jsxs as te}from"react/jsx-runtime";var ee=({className:o,header:e,footer:t,children:i,backgroundColor:r,...n})=>te("div",{className:a("flex min-h-screen flex-col",o,{[`bg-${r}`]:!!r}),...n,children:[e,oe("div",{className:"flex flex-1 flex-col",children:i}),t]});import{jsx as $,jsxs as I}from"react/jsx-runtime";var re=({rating:o,showReviewLabel:e,starsColor:t,activeStarsColor:i})=>I("div",{className:"flex items-center space-x-1",children:[Array.from({length:5},(r,n)=>{let s=o>=n+1;return $("svg",{className:a("w-5 h-5",{[`fill-${t}`]:!s,[`fill-${i}`]:s}),"aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 22 20",children:$("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)}),e&&I("div",{className:"text-sm leading-[3px]",children:["(",o,"/5)"]})]});export{x as a,E as b,L as c,q as d,K as e,Y as f,ee as g,re as h};
@@ -1 +0,0 @@
1
- import t from"next/dynamic";var o=t(()=>import("./carousel-ERCHOWUS.mjs").then(e=>e.Carousel));export{o as a};
@@ -1 +0,0 @@
1
- import{a as r}from"./chunk-QHIWJPL6.mjs";import{c as s}from"./chunk-S7CSCIW4.mjs";import{jsx as o,jsxs as h}from"react/jsx-runtime";var T=({icon:a,size:e,tag:i,color:t,weight:n,font:m,transform:p,decoration:c,letterSpacing:l,alignment:x,children:g,textClassName:f,iconClassName:P,className:d})=>h("div",{className:s("flex w-fit items-center gap-x-3",{[`text-${e}`]:!!e,[`text-${t}`]:!!t},d),children:[a&&o("div",{className:s("relative size-[1em]",P),children:a}),o(r,{alignment:x,tag:i,color:t,size:e,font:m,weight:n,transform:p,decoration:c,letterSpacing:l,className:f,children:g})]});export{T as a};
@@ -1 +0,0 @@
1
- import{a as P,b as c}from"./chunk-YUCUJWBO.mjs";import{a as e,c as l}from"./chunk-S7CSCIW4.mjs";import{jsx as y}from"react/jsx-runtime";var F=({className:r,wrapperClassName:o,direction:t,justifyContent:i,gap:a,alignItems:p,backgroundColor:u,spacing:v,border:x,fluidContent:d,fullHeight:s,fitHeight:n,height:m,children:g})=>{let f=P({height:m,fullHeight:s,fitHeight:n});return y(c,{backgroundColor:u,spacing:v,border:x,fluidContent:d,fullHeight:s,fitHeight:n,height:m,wrapperClassName:o,children:y("div",{className:l("flex",{[e(t,"flex-{value}")]:t,[e(i,"justify-{value}")]:i,[e(a,"gap-{value}")]:a,[e(p,"items-{value}")]:p,[e(f,"h-{value}")]:f},r),children:g})})};import{jsx as h}from"react/jsx-runtime";var b=({className:r,alignSelf:o,shrink:t,children:i})=>h("div",{className:l({[e(o,"self-{value}")]:o,[`shrink-${t}`]:t},r),children:i});import w from"next/dynamic";var G=w(()=>import("./video-RC2QHJS2.mjs").then(r=>r.Video));export{F as a,b,G as c};
@@ -1 +0,0 @@
1
- import{a as t,c as r}from"./chunk-S7CSCIW4.mjs";import{jsx as x}from"react/jsx-runtime";var T=({className:u,size:o,color:s,weight:n,font:i,transform:a="",decoration:p="",letterSpacing:l,alignment:m,children:e,lineCountRestrictions:f})=>{let c=r({[`text-${s}`]:!!s,[`font-${i}`]:!!i,[t(o,"text-{value}")]:o,[`font-${n}`]:!!n,[`text-${m}`]:!!m,[a]:!!a,[p]:!!p,[`tracking-${l}`]:!!l,[t(f,"line-clamp-{value}")]:f},u);if(typeof e=="string")return x("span",{className:c,children:e});let g=e.props||{};return x(e.type,{...g,className:r(c,g?.className)})};export{T as a};
@@ -1 +0,0 @@
1
- import{b as xe,d as ye,e as he,f as Re,g as be,h as V}from"./chunk-4LWAGTFW.mjs";import{a as ve}from"./chunk-QHIWJPL6.mjs";import{a as q}from"./chunk-BK7UG4U4.mjs";import{b as P}from"./chunk-YUCUJWBO.mjs";import{a as $}from"./chunk-2YTACEBA.mjs";import{a as c}from"./chunk-MSXDLSXH.mjs";import{c as Ce}from"./chunk-RX4IAAQQ.mjs";import{c as f}from"./chunk-S7CSCIW4.mjs";import{UniformSlot as Ne}from"@uniformdev/canvas-next-rsc/component";import{jsx as X,jsxs as yo}from"react/jsx-runtime";var vo=({slots:e,component:o,context:t,backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,fitHeight:m,height:l})=>yo(P,{className:"flex flex-col gap-8",backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,fitHeight:m,height:l,children:[X("div",{className:"flex flex-col gap-4 text-start",children:X(Ne,{data:o,context:t,slot:e.accordionContent})}),X(Ne,{data:o,context:t,slot:e.accordionItems})]});import{jsx as Te}from"react/jsx-runtime";var ho=e=>{switch(e.slotName){case"accordionContent":return{component:()=>Te("div",{className:"h-20"})};case"accordionItems":return{component:()=>Te("div",{className:"h-28"})};default:return c}};var Fe=(t=>(t.AccordionContent="accordionContent",t.AccordionItems="accordionItems",t))(Fe||{});import{UniformSlot as Ee}from"@uniformdev/canvas-next-rsc/component";import{jsx as bo}from"react/jsx-runtime";var Ro=e=>{switch(e.slotName){case"cardMedia":return{component:()=>null};case"cardContent":return{component:()=>bo("div",{className:"h-20"})};default:return c}};var He=(o=>(o.BackgroundImage="backgroundImage",o))(He||{}),we=(t=>(t.CardMedia="cardMedia",t.CardContent="cardContent",t))(we||{});import{jsx as S,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,height:l,className:p,contentClassName:d})=>{let u=e.variant==="backgroundImage";return To(P,{className:f("relative overflow-hidden",p),backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,fitHeight:m,height:l,children:[S("div",{className:f({"inset-0 size-full absolute":u}),children:S(Ee,{data:e,context:o,slot:t.cardMedia})}),S("div",{className:f("relative flex flex-col gap-y-2",d),children:S(Ee,{data:e,context:o,slot:t.cardContent})})]})};import Ho from"next/dynamic";import{jsx as wo}from"react/jsx-runtime";var Fo=e=>{switch(e.slotName){case"carouselItems":return{component:()=>wo("div",{className:"mx-20 h-20 w-full"})};default:return c}};var Ae=(o=>(o.Items="carouselItems",o))(Ae||{}),Ir=Ho(()=>import("./carousel-BBEW5P4Y.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 C}from"react/jsx-runtime";var O=({component:e,context:o,parameterId:t,text:r,...a})=>{let i=o.previewMode==="editor"&&o.isContextualEditing;return!r&&!i?null:C(ve,{...a,children:C(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=Ce(i),m=o.previewMode==="editor"&&o.isContextualEditing;return!r&&!s&&!m?null:C(xe,{...a,href:s,icon:C(()=>{let[p]=$(n),{url:d,title:u=""}=p||{};return d?C(q,{src:d,alt:u,width:20,height:20,containerStyle:{width:"20px",height:"20px"}}):void 0},{}),children:C(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:d})=>{let[u]=$(t);if(!u){let G=o.previewMode==="editor"&&o.isContextualEditing,Y=e?._id?.includes("placeholder_");return!G||Y||!e.variant?null:C("div",{style:{width:a?`${a}px`:"auto",height:i?`${i}px`:"auto"},children:C(ye,{type:"image",placeholder:"Please add an asset to display an image"})})}let{url:v,title:K=""}=u;return C(q,{containerStyle:{...a?{width:`${a}px`}:{},...i?{height:`${i}px`}:{}},src:v,alt:K,fill:!0,unoptimized:d,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 Se=({backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,fitHeight:i,height:n,variant:s,demoHeroMedia:m,demoHeroContent:l,demoHeroCTA:p,textAlignmentClass:d,buttonAlignmentClass:u})=>T(P,{backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,fitHeight:i,height:n,children:Ve("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})}),Ve("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",u),children:p})]})]})});import{jsx as Q,jsxs as Oe}from"react/jsx-runtime";var De=({backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,fitHeight:i,height:n,demoHeroMedia:s,demoHeroContent:m,demoHeroCTA:l,textAlignmentClass:p,buttonAlignmentClass:d})=>Oe(P,{className:"relative overflow-hidden",backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,fitHeight:i,height:n,children:[Q("div",{className:"absolute left-0 top-0 size-full overflow-hidden",children:s}),Oe(P,{className:"relative flex flex-col gap-8",children:[Q("div",{className:f("flex flex-col gap-4",p),children:m}),Q("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"}),Me=({contentAlignment:e})=>f("text-center",{"text-start":e==="left","text-end":e==="right"});var R=(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 g,jsxs as Eo}from"react/jsx-runtime";var D=({eyebrowTitleText:e,eyebrowTitleTag:o,eyebrowTitleSize:t,eyebrowTitleColor:r,eyebrowTitleWeight:a,eyebrowTitleFont:i,eyebrowTitleAlignment:n,eyebrowTitleTransform:s,eyebrowTitleDecoration:m,eyebrowTitleLetterSpacing:l,eyebrowTitleLineCountRestrictions:p,titleText:d,titleTag:u,titleSize:v,titleColor:K,titleWeight:G,titleFont:Y,titleAlignment:Rt,titleTransform:bt,titleDecoration:Nt,titleLetterSpacing:Tt,titleLineCountRestrictions:Ft,descriptionText:wt,descriptionTag:Ht,descriptionSize:Et,descriptionColor:At,descriptionWeight:Bt,descriptionFont:Lt,descriptionAlignment:It,descriptionTransform:Vt,descriptionDecoration:St,descriptionLetterSpacing:Ot,descriptionLineCountRestrictions:Dt,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,height:go,isFlexibleHero:fe=!1,component:x,context:y,slots:Pe})=>{let ue=x.variant,Co=fe?g(Ue,{data:x,context:y,slot:Pe.flexibleHeroContent}):Eo(Z,{children:[g(O,{...R({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:y,parameterId:"eyebrowTitleText"}),g(O,{...R({titleText:d,titleTag:u,titleSize:v,titleColor:K,titleWeight:G,titleFont:Y,titleAlignment:Rt,titleTransform:bt,titleDecoration:Nt,titleLetterSpacing:Tt,titleLineCountRestrictions:Ft},"title"),component:x,context:y,parameterId:"titleText"}),g(O,{...R({descriptionText:wt,descriptionTag:Ht,descriptionSize:Et,descriptionColor:At,descriptionWeight:Bt,descriptionFont:Lt,descriptionAlignment:It,descriptionTransform:Vt,descriptionDecoration:St,descriptionLetterSpacing:Ot,descriptionLineCountRestrictions:Dt},"description"),component:x,context:y,parameterId:"descriptionText"})]}),xo=fe?g(Ue,{data:x,context:y,slot:Pe.flexibleHeroCta}):g(Z,{children:g(Le,{...R({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:y,parameterId:"primaryButtonText"})}),ge={variant:ue,backgroundColor:lo,spacing:po,border:co,fluidContent:fo,fullHeight:Po,fitHeight:uo,height:go,textAlignmentClass:Me({contentAlignment:ce}),buttonAlignmentClass:ke({contentAlignment:ce}),demoHeroMedia:g(Z,{children:g(Ie,{image:jt,...R({imageWidth:eo,imageHeight:to,imageObjectFit:oo,imageOverlayColor:ro,imageContrastBaseColor:ao,imageOverlayOpacity:io,imageBorder:no,imagePriority:so,imageUnoptimized:mo},"image"),component:x,context:y})}),demoHeroContent:Co,demoHeroCTA:xo};switch(ue){case"columns":case"columnsReverse":return g(Se,{...ge});default:return g(De,{...ge})}};import{jsx as Bo}from"react/jsx-runtime";var Ao=(e,o)=>{if(e)return e;if(o)return"0.3"},ze=({textColor:e,overlayAutoTint:o,enableOverlayAutoTint:t,...r})=>{let a=Ao(o,t);return Bo(D,{...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-light",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,spacing:{paddingTop:"container-xlarge",paddingLeft:"container-small",paddingRight:"container-small",paddingBottom:"container-xlarge"},fluidContent:!r.component.variant,isFlexibleHero:!1})};import{jsx as Lo}from"react/jsx-runtime";var We=e=>Lo(D,{...e,isFlexibleHero:!0});import{jsx as Ke}from"react/jsx-runtime";var Io=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 c}};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||{}),Vo={FixedHero:ze,FlexibleHero:We},Ba=Vo;import{UniformSlot as j}from"@uniformdev/canvas-next-rsc/component";import{jsx as k}from"react/jsx-runtime";var Ye=({context:e,component:o,slots:t,backgroundColor:r,spacing:a,border:i,fluidContent:n})=>k(he,{logo:k(j,{context:e,slot:t.footerLogo,data:o}),copyright:k(j,{context:e,slot:t.footerCopyright,data:o}),content:k(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 So=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 c}};var $e=(r=>(r.FooterLogo="footerLogo",r.FooterCopyright="footerCopyright",r.FooterContent="footerContent",r))($e||{}),Wa=Ye;import{UniformSlot as te}from"@uniformdev/canvas-next-rsc/component";import{jsx as M}from"react/jsx-runtime";var qe=({backgroundColor:e,color:o,spacing:t,border:r,context:a,component:i,slots:n})=>M(Re,{sticky:i.variant==="sticky",leftSection:M(te,{context:a,slot:n.headerLeftContent,data:i}),rightSection:M(te,{context:a,slot:n.headerRightContent,data:i}),backgroundColor:e,color:o,spacing:t,border:r,children:M(te,{context:a,slot:n.headerCenterContent,data:i})});import{jsx as oe}from"react/jsx-runtime";var Oo=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 c}};var Je=(r=>(r.HeaderLeftContent="headerLeftContent",r.HeaderCenterContent="headerCenterContent",r.HeaderRightContent="headerRightContent",r))(Je||{}),Xe=(o=>(o.Sticky="sticky",o))(Xe||{}),ri=qe;import Mo from"next/dynamic";import{jsx as ko}from"react/jsx-runtime";var Do=e=>{switch(e.slotName){case"imageGalleryItems":return{component:()=>ko("div",{className:" mx-auto size-48"})};default:return c}};var Qe=(o=>(o.Items="imageGalleryItems",o))(Qe||{}),di=Mo(()=>import("./image-gallery-F6JLG7XW.mjs").then(e=>e.ImageGallery));import Uo from"next/dynamic";import{jsx as Ze}from"react/jsx-runtime";var _o=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 c}};var yi=Uo(()=>import("./navigation-flyout-MXIJA6PC.mjs").then(e=>e.NavigationFlyout));import Ko from"next/dynamic";import{jsx as Wo}from"react/jsx-runtime";var zo=e=>{switch(e.slotName){case"links":return{component:()=>Wo("div",{className:"h-40 w-48"})};default:return c}};var Ei=Ko(()=>import("./navigation-group-DEN3D2BO.mjs").then(e=>e.NavigationGroup));import{UniformSlot as re}from"@uniformdev/canvas-next-rsc/component";import{jsx as _}from"react/jsx-runtime";var Go=({slots:e,component:o,context:t,backgroundColor:r,headerCustomRenderer:a,contentCustomRenderer:i,footerCustomRenderer:n})=>_(be,{backgroundColor:r,header:_(re,{context:t,slot:e.pageHeader,data:o,children:a}),footer:_(re,{context:t,slot:e.pageFooter,data:o,children:n}),children:_(re,{context:t,slot:e.pageContent,data:o,children:i})});import{jsx as ae}from"react/jsx-runtime";var Yo=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 c}};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 F}from"react/jsx-runtime";var $o=({parentComponent:e,slotName:o})=>{let t=e?.variant==="multiColumn";switch(o){case"reviewImage":return{component:()=>t?F("div",{className:"size-full"}):null};case"reviewPersonInfo":return{component:()=>t?F("div",{className:"h-20 w-full"}):F("div",{className:"h-20 w-52"})};case"reviewContent":return{component:()=>t?F("div",{className:"h-20 w-full"}):F("div",{className:"h-20 w-52"})};default:return c}};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,height:p,ReviewImage:d,ReviewPersonInfo:u,ReviewContent:v})=>w(P,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,height:p,children:tt("div",{className:"mx-auto flex lg:max-w-[60%]",children:[w("div",{className:"aspect-square size-12 shrink-0 rounded-full",children:d}),tt("div",{className:"ml-6",children:[u,w("div",{className:"py-4",children:w(V,{rating:e,showReviewLabel:r,starsColor:o,activeStarsColor:t})}),w("div",{className:"flex flex-col gap-y-5",children:v})]})]})});import{jsx as b,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,height:p,ReviewImage:d,ReviewPersonInfo:u,ReviewContent:v})=>b(P,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,height:p,children:rt("div",{className:"grid md:grid-cols-12",children:[rt("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:u})]}),b("div",{className:"my-2 md:col-span-4 md:my-0",children:b(V,{rating:e,showReviewLabel:r,starsColor:o,activeStarsColor:t})}),b("div",{className:"mt-2 flex flex-col gap-y-3 md:col-span-4 md:my-0",children:v})]})});import{jsx as H}from"react/jsx-runtime";var qo=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 Xo=({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 c}};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 E,jsxs as st}from"react/jsx-runtime";var mt=({backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,fitHeight:i,height:n,variant:s,sectionMedia:m,sectionContent:l,sectionCTA:p,textAlignmentClass:d,buttonAlignmentClass:u})=>E(P,{backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,fitHeight:i,height:n,children:st("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})}),st("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",u),children:p})]})]})});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,height:n,sectionMedia:s,sectionContent:m,sectionCTA:l,textAlignmentClass:p,buttonAlignmentClass:d})=>lt(P,{className:"relative overflow-hidden",backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,fitHeight:i,height:n,children:[le("div",{className:"absolute left-0 top-0 size-full overflow-hidden",children:s}),lt(P,{className:"relative flex flex-col gap-8",children:[le("div",{className:f("flex flex-col gap-4",p),children:m}),le("div",{className:f("flex flex-wrap gap-2",d),children:l})]})]});var dt=({contentAlignment:e})=>f("justify-center",{"!justify-start":e==="left","!justify-end":e==="right"}),ct=({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:o,component:t,context:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,height:p})=>{let d=t.variant,u={variant:d,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,height:p,textAlignmentClass:ct({contentAlignment:e}),buttonAlignmentClass:dt({contentAlignment:e}),sectionMedia:A(pe,{data:t,context:r,slot:o.sectionMedia}),sectionContent:A(pe,{data:t,context:r,slot:o.sectionContent}),sectionCTA:A(pe,{data:t,context:r,slot:o.sectionCTA})};switch(d){case"columns":case"columnsReverse":return A(mt,{...u});default:return A(pt,{...u})}};import{UniformSlot as Pt}from"@uniformdev/canvas-next-rsc/component";var ft=({size:e,textColor:o})=>f("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 Zo}from"react/jsx-runtime";var Qo=({size:e,textColor:o,slots:t,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:Zo("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 jo=e=>{switch(e.slotName){case"tableHead":return{component:()=>ut("tr",{className:"h-20"})};case"tableBody":return{component:()=>ut("tr",{className:"h-40"})};default:return c}};var gt=(t=>(t.TableHead="tableHead",t.TableBody="tableBody",t))(gt||{});import{UniformSlot as W}from"@uniformdev/canvas-next-rsc/component";import{jsx as U}from"react/jsx-runtime";var er=({slotName:e})=>{switch(e){case"testimonialSecondaryImage":return{component:()=>U("div",{className:"h-20 w-64"})};case"testimonialContent":return{component:()=>U("div",{className:"h-20 w-64"})};case"testimonialPrimaryImage":return{component:()=>U("div",{className:"size-full"})};case"testimonialAuthor":return{component:()=>U("div",{className:"h-20 w-64"})};default:return c}};var xt=(t=>(t.WithLargeAvatar="withLargeAvatar",t.WithOverlappingImage="withOverlappingImage",t))(xt||{}),Ct=(a=>(a.TestimonialSecondaryImage="testimonialSecondaryImage",a.TestimonialContent="testimonialContent",a.TestimonialPrimaryImage="testimonialPrimaryImage",a.TestimonialAuthor="testimonialAuthor",a))(Ct||{});import{jsx as B,jsxs as or}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,height:p})=>B(P,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,height:p,children:or("div",{className:"mx-auto flex flex-col items-center md:max-w-[80%]",children:[B("div",{children:r}),B("div",{className:"my-8",children:o}),B("div",{className:"size-10 rounded-full",children:e}),B("div",{className:"mt-4 flex gap-3",children:t})]})});import{jsx as L,jsxs as z}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,height:p})=>L(P,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,height:p,children:z("div",{className:"mx-auto flex items-center gap-x-10 md:max-w-[80%]",children:[L("div",{className:"hidden aspect-square w-full max-w-xs shrink-0 overflow-hidden rounded-xl lg:block",children:e}),z("div",{className:"flex flex-col gap-y-8",children:[L("div",{className:"",children:o}),z("div",{className:"flex items-center justify-between",children:[z("div",{className:"flex items-center gap-x-4",children:[L("div",{className:"block aspect-square w-10 overflow-hidden rounded-md lg:hidden",children:e}),L("div",{className:"gap-3",children:t})]}),r]})]})]})});import{jsx as I,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,height:p})=>I(P,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,fitHeight:l,height:p,children:I(P,{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:[I("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:[I("div",{className:"",children:o}),de("div",{className:"flex items-center justify-between",children:[I("div",{className:"gap-3",children:t}),r]})]})]})})});import{jsx as h}from"react/jsx-runtime";var tr=({context:e,component:o,slots:t,backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,fitHeight:m,height:l})=>{let p=o.variant,d={backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,fitHeight:m,height:l,testimonialPrimaryImage:h(W,{context:e,data:o,slot:t.testimonialPrimaryImage}),testimonialContent:h(W,{context:e,data:o,slot:t.testimonialContent}),testimonialAuthor:h(W,{context:e,data:o,slot:t.testimonialAuthor}),testimonialSecondaryImage:h(W,{context:e,data:o,slot:t.testimonialSecondaryImage})};switch(p){case"withLargeAvatar":return h(yt,{...d});case"withOverlappingImage":return h(ht,{...d});default:return h(vt,{...d})}};export{vo as a,Fe as b,ho as c,No as d,He as e,we as f,Ro as g,Ae as h,Ir as i,Fo as j,_e as k,J as l,Ge as m,Ba as n,Io as o,$e as p,Wa as q,So as r,Je as s,Xe as t,ri as u,Oo as v,Qe as w,di as x,Do as y,yi as z,_o as A,Ei as B,zo as C,Go as D,je as E,Yo as F,qo as G,ie as H,et as I,$o as J,Jo as K,nt as L,me as M,it as N,Xo as O,Qo as P,gt as Q,jo as R,tr as S,xt as T,Ct as U,er as V};
@@ -1 +0,0 @@
1
- import{c as m}from"./chunk-S7CSCIW4.mjs";var d=r=>r.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,"").replace(/\son\w+="[^"]*"/gi,"").replace(/\son\w+='[^']*'/gi,"").replace(/javascript:/gi,""),v=r=>r.replace(/fill=(['"])(?!none|transparent)[^'"]*\1/gi,'fill="currentColor"').replace(/stroke=(['"])(?!none|transparent)[^'"]*\1/gi,'stroke="currentColor"').replace(/color=(['"])[^'"]*\1/gi,'color="currentColor"'),S=r=>{let t=r.match(/<svg\s+([^>]*)>/i);if(!t||!t[1])return{};let e=t[1],s={},o=/(\w[\w-]*)=["']([^"']*)["']/g,a;for(;a=o.exec(e);){let[,c,i]=a;c&&i&&(s[c]=i)}return s},h=r=>r.match(/<svg[^>]*>([\s\S]*?)<\/svg>/i)?.[1]??"",f=async r=>{try{let t=await fetch(r,{headers:{Accept:"image/svg+xml, text/plain, */*"}});if(!t.ok)throw new Error(`Failed to fetch SVG: ${t.status} ${t.statusText}`);let e=await t.text();if(!e.trim().includes("<svg"))throw new Error("Response is not valid SVG");return e}catch(t){throw console.error("Error fetching SVG:",t),t}};import{jsx as g}from"react/jsx-runtime";var C=async({src:r,className:t="",width:e,height:s,fill:o,sanitize:a=!0,useCurrentColor:c=!0,fallback:i,alt:x})=>{if(!r)return i??null;let w=p=>{let n=[];return a&&n.push(d),c&&n.push(v),n.reduce((l,u)=>u(l),p)};try{let p=await f(r),n=w(p),l=S(n),u=h(n),b={...l,role:"img","aria-label":x,width:o?"100%":e,height:o?"100%":s,className:m(l.className,t,{"absolute inset-0":o})};return g("div",{className:"relative size-full",children:g("svg",{...b,dangerouslySetInnerHTML:{__html:u}})})}catch{return i??g("div",{className:m(t),style:{width:e,height:s},children:g("div",{className:"rounded border border-red-200 bg-red-50 p-2 text-sm text-red-500",children:"Failed to load SVG"})})}};export{C as a};
@@ -1 +0,0 @@
1
- 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};
@@ -1 +0,0 @@
1
- import{a as v,b as d}from"./chunk-YUCUJWBO.mjs";import{a as e,c as i}from"./chunk-S7CSCIW4.mjs";import{jsx as f}from"react/jsx-runtime";var w=({className:l,columnsCount:a,gapX:o,gapY:r,backgroundColor:t,spacing:m,border:C,fluidContent:b,fullHeight:p,fitHeight:n,height:s,children:A})=>{let u=v({height:s,fullHeight:p,fitHeight:n});return f(d,{backgroundColor:t,spacing:m,border:C,fluidContent:b,fullHeight:p,fitHeight:n,height:s,children:f("div",{className:i("grid",{[e(a,"grid-cols-{value}")]:a,[e(o,"gap-x-{value}")]:o,[e(r,"gap-y-{value}")]:r,[e(u,"h-{value}")]:u},l),children:A})})};import{jsx as P}from"react/jsx-runtime";var G=({className:l,columnStart:a,columnSpan:o,rowStart:r,rowSpan:t,children:m})=>P("div",{className:i({[e(a,"col-start-{value}")]:a,[e(o,"col-{value}")]:o,[e(r,"row-start-{value}")]:r,[e(t,"row-{value}")]:t},l),children:m});export{w as a,G as b};
@@ -1,20 +0,0 @@
1
- import { FC, SVGProps } from 'react';
2
-
3
- export const IconArrowDown: FC<SVGProps<SVGSVGElement>> = ({ className, ...restProps }) => (
4
- <svg
5
- className={className}
6
- width="15"
7
- height="9"
8
- viewBox="0 0 15 9"
9
- fill="currentColor"
10
- xmlns="http://www.w3.org/2000/svg"
11
- {...restProps}
12
- >
13
- <path
14
- fillRule="evenodd"
15
- clipRule="evenodd"
16
- d="M7.50013 0L0 7.13651L1.95843 9L7.5 3.7271L13.0416 9L15 7.13651L7.50013 0Z"
17
- fill="currentColor"
18
- />
19
- </svg>
20
- );
@@ -1,20 +0,0 @@
1
- import { FC, SVGProps } from 'react';
2
-
3
- export const IconArrowUp: FC<SVGProps<SVGSVGElement>> = ({ className, ...restProps }) => (
4
- <svg
5
- className={className}
6
- width="15"
7
- height="9"
8
- viewBox="0 0 15 9"
9
- fill="currentColor"
10
- xmlns="http://www.w3.org/2000/svg"
11
- {...restProps}
12
- >
13
- <path
14
- fillRule="evenodd"
15
- clipRule="evenodd"
16
- d="M7.49987 9L15 1.86349L13.0416 0L7.5 5.2729L1.95843 0L0 1.86349L7.49987 9Z"
17
- fill="currentColor"
18
- />
19
- </svg>
20
- );
@@ -1,20 +0,0 @@
1
- import { FC } from 'react';
2
- import MediaPlaceholder from '@/components/ui/MediaPlaceholder';
3
- import { ImageProps } from '.';
4
-
5
- type ImagePlaceholderProps = Pick<ImageProps, 'component' | 'context' | 'width' | 'height'>;
6
-
7
- export const ImagePlaceholder: FC<ImagePlaceholderProps> = ({ context, component, width, height }) => {
8
- const isEditorPreviewMode = context.previewMode === 'editor' && context.isContextualEditing;
9
- const isPlaceholder = component?._id?.includes('placeholder_');
10
-
11
- if (!isEditorPreviewMode || isPlaceholder) {
12
- return null;
13
- }
14
-
15
- return (
16
- <div style={{ width: width ? `${width}px` : 'auto', height: height ? `${height}px` : 'auto' }}>
17
- <MediaPlaceholder type="image" placeholder="Please add an asset to display an image" />
18
- </div>
19
- );
20
- };
@@ -1,18 +0,0 @@
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 +0,0 @@
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};
@@ -1 +0,0 @@
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 +0,0 @@
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};
@@ -1 +0,0 @@
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};