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

package/dist/content/components/canvas/DemoHero/atoms.tsx

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+import { imageFrom } from '@uniformdev/assets';
 import { ComponentInstance } from '@uniformdev/canvas';
 import { CompositionContext, UniformText } from '@uniformdev/canvas-next-rsc/component';
 import { TextParameters } from '@/components/canvas/Text/parameters';
@@ -95,6 +96,7 @@ export const BaseHeroImage: FC<BaseImageParameters & Omit<ComponentProps, 'param
   border,
   priority,
   unoptimized,
+  fill,
 }) => {
   const [resolvedImage] = resolveAsset(image);
 
@@ -113,14 +115,38 @@ export const BaseHeroImage: FC<BaseImageParameters & Omit<ComponentProps, 'param
     );
   }
 
-  const { url, title = '' } = resolvedImage;
+  const { focalPoint, title = '' } = resolvedImage;
+
+  const imageWidth = width || resolvedImage.width;
+  const imageHeight = height || resolvedImage.height;
+
+  if (!fill && (!imageWidth || !imageHeight)) {
+    console.warn(
+      'No dimensions provided for the Next.js Image component. Falling back to a standard <img> tag for rendering.'
+    );
+    return <img src={resolvedImage.url} alt={title} />;
+  }
+
+  const imageUrl = imageFrom(resolvedImage?.url)
+    .transform({
+      width: width,
+      height: height,
+      fit: objectFit,
+      focal: focalPoint,
+    })
+    .url();
+
+  const variantBasedProps = fill
+    ? { fill: true }
+    : {
+        width: imageWidth,
+        height: imageHeight,
+      };
 
   return (
     <BaseImage
-      containerStyle={{ ...(width ? { width: `${width}px` } : {}), ...(height ? { height: `${height}px` } : {}) }}
-      src={url}
+      src={imageUrl}
       alt={title}
-      fill
       unoptimized={unoptimized}
       priority={priority}
       sizes="100%"
@@ -129,6 +155,7 @@ export const BaseHeroImage: FC<BaseImageParameters & Omit<ComponentProps, 'param
       contrastBaseColor={contrastBaseColor}
       overlayOpacity={overlayOpacity}
       border={border}
+      {...variantBasedProps}
     />
   );
 };

package/dist/content/components/canvas/DemoHero/demo-hero.tsx

@@ -71,6 +71,7 @@ export const DemoHero: FC<(FixedHeroProps | FlexibleHeroProps) & { isFlexibleHer
   imageBorder,
   imagePriority,
   imageUnoptimized,
+  imageFill,
   // Presentation Parameters
   contentAlignment,
   backgroundColor,
@@ -215,6 +216,7 @@ export const DemoHero: FC<(FixedHeroProps | FlexibleHeroProps) & { isFlexibleHer
               imageBorder,
               imagePriority,
               imageUnoptimized,
+              imageFill,
             },
             'image'
           )}

package/dist/content/components/canvas/DemoHero/fixed-hero.tsx

@@ -1,6 +1,7 @@
 import { FC } from 'react';
 import { FixedHeroProps } from '.';
 import { DemoHero } from './demo-hero';
+import { getImageParametersFocalPoint } from './utils';
 
 const getImageOverlayOpacity = (overlayAutoTint?: string, enableOverlayAutoTint?: boolean) => {
   if (overlayAutoTint) return overlayAutoTint;
@@ -44,7 +45,7 @@ export const FixedHero: FC<FixedHeroProps> = ({ textColor, overlayAutoTint, enab
       // Primary Button Parameters
       primaryButtonSize="button-medium"
       primaryButtonTextSize="sm"
-      primaryButtonTextColor="text-light"
+      primaryButtonTextColor="text-secondary"
       primaryButtonTextWeight="normal"
       primaryButtonButtonColor="button-primary"
       primaryButtonTextTransform="uppercase"
@@ -55,6 +56,7 @@ export const FixedHero: FC<FixedHeroProps> = ({ textColor, overlayAutoTint, enab
       imageUnoptimized
       imageContrastBaseColor={!props.component.variant && imageOverlayOpacity ? textColor : undefined}
       imageOverlayOpacity={imageOverlayOpacity}
+      {...getImageParametersFocalPoint(!!props.component.variant)}
       // Presentation Parameters
       spacing={{
         paddingTop: 'container-xlarge',

package/dist/content/components/canvas/DemoHero/index.tsx

@@ -1,4 +1,3 @@
-import { DefaultTheme } from 'tailwindcss/types/generated/default-theme';
 import { AssetParamValue } from '@uniformdev/assets';
 import { LinkParamValue } from '@uniformdev/canvas';
 import { ComponentProps } from '@uniformdev/canvas-next-rsc/component';
@@ -20,7 +19,7 @@ export type BaseButtonParameters = {
   text?: string;
   link?: LinkParamValue;
   textColor?: string;
-  textWeight?: keyof DefaultTheme['fontWeight'];
+  textWeight?: string;
   textFont?: 'uppercase' | 'lowercase' | 'capitalize' | 'normal-case';
   textTransform?: string;
   buttonColor?: string;
@@ -45,6 +44,7 @@ export type BaseImageParameters = {
   border?: string | ViewPort<string>;
   priority?: boolean;
   unoptimized?: boolean;
+  fill?: boolean;
 };
 
 export type EyebrowTitleTextParameters = PrefixedKeys<TextParameters, 'eyebrowTitle'>;

package/dist/content/components/canvas/DemoHero/utils.ts

@@ -29,3 +29,17 @@ export const cleanUpPrefix = <T extends Record<string, unknown>, Prefix extends
     {} as RemovePrefix<T, Prefix>
   );
 };
+
+const HALF_DISPLAY_WIDTH = 608;
+export const getImageParametersFocalPoint = (isVariant: boolean) => {
+  const columnImageDimensions = isVariant ? HALF_DISPLAY_WIDTH : undefined;
+  return {
+    imageFill: !isVariant,
+    ...(columnImageDimensions
+      ? {
+          imageWidth: columnImageDimensions,
+          imageHeight: columnImageDimensions,
+        }
+      : {}),
+  };
+};

package/dist/content/components/canvas/Flex/flex.tsx

@@ -18,6 +18,7 @@ export const Flex: FC<FlexProps> = ({
   context,
   className,
   fitHeight,
+  height,
   wrapperClassName,
 }) => (
   <BaseFlex
@@ -32,6 +33,7 @@ export const Flex: FC<FlexProps> = ({
       fluidContent,
       fullHeight,
       fitHeight,
+      height,
       wrapperClassName,
       className,
     }}

package/dist/content/components/canvas/Image/image.tsx

@@ -1,9 +1,9 @@
 import { FC } from 'react';
 import { imageFrom } from '@uniformdev/assets';
+import { MediaPlaceholder } from '@/components/ui';
 import BaseImage from '@/components/ui/Image';
 import { resolveAsset } from '@/utils/assets';
 import { ImageProps } from '.';
-import { ImagePlaceholder } from './placeholder';
 
 export const Image: FC<ImageProps> = async ({
   image,
@@ -22,7 +22,18 @@ export const Image: FC<ImageProps> = async ({
   const [resolvedImage] = resolveAsset(image);
 
   if (!resolvedImage) {
-    return <ImagePlaceholder context={context} component={component} width={width} height={height} />;
+    const isEditorPreviewMode = context.previewMode === 'editor' && context.isContextualEditing;
+    const isPlaceholder = component?._id?.includes('placeholder_');
+
+    if (!isEditorPreviewMode || isPlaceholder || !component.variant) {
+      return null;
+    }
+
+    return (
+      <div style={{ width: width ? `${width}px` : 'auto', height: height ? `${height}px` : 'auto' }}>
+        <MediaPlaceholder type="image" placeholder="Please add an asset to display an image" />
+      </div>
+    );
   }
 
   const { focalPoint, title = '' } = resolvedImage;

package/dist/content/components/ui/Button/index.ts

@@ -1,13 +1,10 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { DefaultTheme } from 'tailwindcss/types/generated/default-theme';
 import { ViewPort } from '@/types/cskTypes';
 
 export enum ButtonVariant {
   Link = 'link',
 }
 
-type TextSize = keyof DefaultTheme['fontSize'];
-
 export type ButtonProps = PropsWithChildren<{
   variant?: ButtonVariant;
   href?: string;
@@ -15,8 +12,8 @@ export type ButtonProps = PropsWithChildren<{
   size?: string;
   className?: string;
   textColor?: string;
-  textSize?: TextSize | ViewPort<TextSize>;
-  textWeight?: keyof DefaultTheme['fontWeight'];
+  textSize?: string | ViewPort<string>;
+  textWeight?: string;
   textFont?: 'uppercase' | 'lowercase' | 'capitalize' | 'normal-case';
   textTransform?: string;
   buttonColor?: string;

package/dist/content/components/ui/Flex/index.ts

@@ -1,10 +1,8 @@
-import { DefaultTheme } from 'tailwindcss/types/generated/default-theme';
 import { ContainerProps as BaseContainerProps } from '@/components/ui/Container';
 import { ViewPort } from '@/types/cskTypes';
 
 type Direction = 'row' | 'row-reverse' | 'col' | 'col-reverse';
 type Justify = 'normal' | 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | 'stretch';
-type FlexGap = keyof DefaultTheme['spacing'];
 type Align = 'start' | 'end' | 'center' | 'baseline' | 'stretch';
 
 export type FlexProps = Pick<
@@ -23,7 +21,7 @@ export type FlexProps = Pick<
 > & {
   direction?: Direction | ViewPort<Direction>;
   justifyContent?: Justify | ViewPort<Justify>;
-  gap?: FlexGap | ViewPort<FlexGap>;
+  gap?: string | ViewPort<string>;
   alignItems?: Align | ViewPort<Align>;
 };
 

package/dist/content/components/ui/Grid/index.ts

@@ -1,10 +1,6 @@
-import { DefaultTheme } from 'tailwindcss/types/generated/default-theme';
 import { ContainerProps as BaseContainerProps } from '@/components/ui/Container';
 import { ViewPort } from '@/types/cskTypes';
 
-type AvailableColumnsCount = keyof DefaultTheme['gridTemplateColumns'];
-type AvailableGap = keyof DefaultTheme['spacing'];
-
 export type GridProps = Pick<
   BaseContainerProps,
   | 'title'
@@ -17,9 +13,9 @@ export type GridProps = Pick<
   | 'children'
   | 'height'
 > & {
-  columnsCount?: AvailableColumnsCount | ViewPort<AvailableColumnsCount>;
-  gapY?: AvailableGap | ViewPort<AvailableGap>;
-  gapX?: AvailableGap | ViewPort<AvailableGap>;
+  columnsCount?: string | ViewPort<string>;
+  gapY?: string | ViewPort<string>;
+  gapX?: string | ViewPort<string>;
   className?: string;
 };
 

package/dist/content/components/ui/GridItem/index.ts

@@ -1,17 +1,11 @@
 import { HTMLAttributes } from 'react';
-import { DefaultTheme } from 'tailwindcss/types/generated/default-theme';
 import { ViewPort } from '@/types/cskTypes';
 
-type AvailableColumnStart = keyof DefaultTheme['gridColumnStart'];
-type AvailableColumnSpan = keyof DefaultTheme['gridColumn'];
-type AvailableGridRowStart = keyof DefaultTheme['gridRowStart'];
-type AvailableGridRowSpan = keyof DefaultTheme['gridRow'];
-
 export type GridItemProps = HTMLAttributes<HTMLDivElement> & {
-  columnStart?: AvailableColumnStart | ViewPort<AvailableColumnStart>;
-  columnSpan?: AvailableColumnSpan | ViewPort<AvailableColumnSpan>;
-  rowStart?: AvailableGridRowStart | ViewPort<AvailableGridRowStart>;
-  rowSpan?: AvailableGridRowSpan | ViewPort<AvailableGridRowSpan>;
+  columnStart?: string | ViewPort<string>;
+  columnSpan?: string | ViewPort<string>;
+  rowStart?: string | ViewPort<string>;
+  rowSpan?: string | ViewPort<string>;
   className?: string;
 };
 

package/dist/content/components/ui/Text/index.ts

@@ -1,18 +1,15 @@
 import { ReactElement } from 'react';
-import { DefaultTheme } from 'tailwindcss/types/generated/default-theme';
 import { ViewPort } from '@/types/cskTypes';
 
-type TextSize = keyof DefaultTheme['fontSize'];
-
 export type TextProps = {
   className?: string;
-  size?: TextSize | ViewPort<TextSize>;
+  size?: string | ViewPort<string>;
   color?: string;
-  weight?: keyof DefaultTheme['fontWeight'];
+  weight?: string;
   font?: string;
   transform?: 'uppercase' | 'lowercase' | 'capitalize' | 'normal-case';
   decoration?: 'underline' | 'overline' | 'line-through' | 'no-underline';
-  letterSpacing?: keyof DefaultTheme['letterSpacing'];
+  letterSpacing?: string;
   children: ReactElement | string;
   alignment?: 'left' | 'center' | 'right';
   lineCountRestrictions?: string;

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

@@ -1,17 +1,15 @@
 import { ReactElement, PropsWithChildren, ReactNode, HTMLAttributes } from 'react';
-import { DefaultTheme } from 'tailwindcss/types/generated/default-theme';
 import { ViewPort, SpaceType } from './types/cskTypes.mjs';
 
-type TextSize$1 = keyof DefaultTheme['fontSize'];
 type TextProps = {
     className?: string;
-    size?: TextSize$1 | ViewPort<TextSize$1>;
+    size?: string | ViewPort<string>;
     color?: string;
-    weight?: keyof DefaultTheme['fontWeight'];
+    weight?: string;
     font?: string;
     transform?: 'uppercase' | 'lowercase' | 'capitalize' | 'normal-case';
     decoration?: 'underline' | 'overline' | 'line-through' | 'no-underline';
-    letterSpacing?: keyof DefaultTheme['letterSpacing'];
+    letterSpacing?: string;
     children: ReactElement | string;
     alignment?: 'left' | 'center' | 'right';
     lineCountRestrictions?: string;
@@ -20,7 +18,6 @@ type TextProps = {
 declare enum ButtonVariant {
     Link = "link"
 }
-type TextSize = keyof DefaultTheme['fontSize'];
 type ButtonProps = PropsWithChildren<{
     variant?: ButtonVariant;
     href?: string;
@@ -28,8 +25,8 @@ type ButtonProps = PropsWithChildren<{
     size?: string;
     className?: string;
     textColor?: string;
-    textSize?: TextSize | ViewPort<TextSize>;
-    textWeight?: keyof DefaultTheme['fontWeight'];
+    textSize?: string | ViewPort<string>;
+    textWeight?: string;
     textFont?: 'uppercase' | 'lowercase' | 'capitalize' | 'normal-case';
     textTransform?: string;
     buttonColor?: string;

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

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

package/dist/navigation-flyout-EIN6DEX4.mjs

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

package/dist/navigation-group-QA65N6AI.mjs

@@ -0,0 +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};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/csk-components",
-  "version": "6.0.104",
+  "version": "6.0.113-alpha.1",
   "description": "Components Starter Kit that provides a set of basic components for building websites within a Uniform project",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -72,18 +72,18 @@
     "prettier": "3.5.2",
     "react-player": "^2.16.0",
     "react-responsive-masonry": "^2.7.0",
-    "tailwind-merge": "^2.5.2"
+    "tailwind-merge": "^3.3.1"
   },
   "devDependencies": {
     "@repo/eslint-config": "*",
     "@repo/typescript-config": "*",
-    "@uniformdev/assets": "^20.20.3",
-    "@uniformdev/canvas": "^20.20.3",
-    "@uniformdev/canvas-next-rsc": "^20.20.3",
+    "@uniformdev/assets": "^20.23.0",
+    "@uniformdev/canvas": "^20.23.0",
+    "@uniformdev/canvas-next-rsc": "^20.23.0",
     "next": "^15.3.2",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "tailwindcss": "^3.4.17",
+    "tailwindcss": "^4.1.11",
     "tsup": "^8.3.0",
     "tsx": "^4.19.2"
   },
@@ -105,4 +105,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/dist/accordion-item-G5CNMERW.mjs

@@ -1 +0,0 @@
-"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};

package/dist/chunk-4LWAGTFW.mjs

@@ -1 +0,0 @@
-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};

package/dist/chunk-AKRWCDDG.mjs

@@ -1 +0,0 @@
-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};

package/dist/chunk-M3BGP5VE.mjs

@@ -1 +0,0 @@
-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};

package/dist/chunk-QHIWJPL6.mjs

@@ -1 +0,0 @@
-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};

package/dist/chunk-TIRCISSU.mjs

@@ -1 +0,0 @@
-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};

package/dist/chunk-TM7Q5NMH.mjs

@@ -1 +0,0 @@
-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};

package/dist/chunk-Z7JSWSPD.mjs

@@ -1 +0,0 @@
-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};

package/dist/content/components/canvas/AccordionItem/icon-arrow-down.tsx

@@ -1,20 +0,0 @@
-import { FC, SVGProps } from 'react';
-
-export const IconArrowDown: FC<SVGProps<SVGSVGElement>> = ({ className, ...restProps }) => (
-  <svg
-    className={className}
-    width="15"
-    height="9"
-    viewBox="0 0 15 9"
-    fill="currentColor"
-    xmlns="http://www.w3.org/2000/svg"
-    {...restProps}
-  >
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M7.50013 0L0 7.13651L1.95843 9L7.5 3.7271L13.0416 9L15 7.13651L7.50013 0Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/dist/content/components/canvas/AccordionItem/icon-arrow-up.tsx

@@ -1,20 +0,0 @@
-import { FC, SVGProps } from 'react';
-
-export const IconArrowUp: FC<SVGProps<SVGSVGElement>> = ({ className, ...restProps }) => (
-  <svg
-    className={className}
-    width="15"
-    height="9"
-    viewBox="0 0 15 9"
-    fill="currentColor"
-    xmlns="http://www.w3.org/2000/svg"
-    {...restProps}
-  >
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M7.49987 9L15 1.86349L13.0416 0L7.5 5.2729L1.95843 0L0 1.86349L7.49987 9Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/dist/content/components/canvas/Image/placeholder.tsx

@@ -1,20 +0,0 @@
-import { FC } from 'react';
-import MediaPlaceholder from '@/components/ui/MediaPlaceholder';
-import { ImageProps } from '.';
-
-type ImagePlaceholderProps = Pick<ImageProps, 'component' | 'context' | 'width' | 'height'>;
-
-export const ImagePlaceholder: FC<ImagePlaceholderProps> = ({ context, component, width, height }) => {
-  const isEditorPreviewMode = context.previewMode === 'editor' && context.isContextualEditing;
-  const isPlaceholder = component?._id?.includes('placeholder_');
-
-  if (!isEditorPreviewMode || isPlaceholder) {
-    return null;
-  }
-
-  return (
-    <div style={{ width: width ? `${width}px` : 'auto', height: height ? `${height}px` : 'auto' }}>
-      <MediaPlaceholder type="image" placeholder="Please add an asset to display an image" />
-    </div>
-  );
-};

package/dist/navigation-flyout-MXIJA6PC.mjs

@@ -1 +0,0 @@
-"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};