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

package/dist/content/components/canvas/Review/multi-column-variant.tsx

@@ -18,14 +18,12 @@ export const MultiColumnVariant: FC<MultiColumnVariantProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
   ReviewImage,
   ReviewPersonInfo,
   ReviewContent,
 }) => (
-  <Container {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height }}>
+  <Container {...{ backgroundColor, spacing, border, fluidContent, height }}>
     <div className="grid md:grid-cols-12">
       <div className="mb-2 md:col-span-4 md:my-0">
         <div className="mb-2 aspect-square size-12 rounded-full">{ReviewImage}</div>

package/dist/content/components/canvas/Section/columns-variant.tsx

@@ -8,10 +8,6 @@ type ColumnsVariantProps = {
   spacing: SectionParameters['spacing'];
   border: SectionParameters['border'];
   fluidContent: SectionParameters['fluidContent'];
-  /** @deprecated Use height prop instead */
-  fullHeight: SectionParameters['fullHeight'];
-  /** @deprecated Use height prop instead */
-  fitHeight: SectionParameters['fitHeight'];
   height: SectionParameters['height'];
   variant: SectionVariants;
   sectionMedia: React.ReactNode;
@@ -26,8 +22,6 @@ export const ColumnsVariant: FC<ColumnsVariantProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
   variant,
   sectionMedia,
@@ -36,7 +30,7 @@ export const ColumnsVariant: FC<ColumnsVariantProps> = ({
   textAlignmentClass,
   buttonAlignmentClass,
 }) => (
-  <Container {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height }}>
+  <Container {...{ backgroundColor, spacing, border, fluidContent, height }}>
     <div className={cn('grid grid-cols-1 items-center gap-4 px-4 lg:grid-cols-2 xl:px-0')}>
       <div className={cn('aspect-square', { 'order-last': variant === SectionVariants.ColumnsReverse })}>
         <div className="flex size-full items-center justify-center overflow-hidden">{sectionMedia}</div>

package/dist/content/components/canvas/Section/default-variant.tsx

@@ -8,10 +8,6 @@ type DefaultVariantProps = {
   spacing?: SectionParameters['spacing'];
   border?: SectionParameters['border'];
   fluidContent?: SectionParameters['fluidContent'];
-  /** @deprecated Use height prop instead */
-  fullHeight?: SectionParameters['fullHeight'];
-  /** @deprecated Use height prop instead */
-  fitHeight?: SectionParameters['fitHeight'];
   height?: SectionParameters['height'];
   sectionMedia: React.ReactNode;
   sectionContent: React.ReactNode;
@@ -25,8 +21,6 @@ export const DefaultVariant: FC<DefaultVariantProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
   sectionMedia,
   sectionContent,
@@ -34,10 +28,7 @@ export const DefaultVariant: FC<DefaultVariantProps> = ({
   textAlignmentClass,
   buttonAlignmentClass,
 }) => (
-  <Container
-    className="relative overflow-hidden"
-    {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height }}
-  >
+  <Container className="relative overflow-hidden" {...{ backgroundColor, spacing, border, fluidContent, height }}>
     <div className="absolute left-0 top-0 size-full overflow-hidden">{sectionMedia}</div>
     <Container className="relative flex flex-col gap-8">
       <div className={cn('flex flex-col gap-4', textAlignmentClass)}>{sectionContent}</div>

package/dist/content/components/canvas/Section/section.tsx

@@ -14,8 +14,6 @@ export const Section: FC<SectionProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
 }) => {
   const variant = component.variant as SectionVariants;
@@ -26,8 +24,6 @@ export const Section: FC<SectionProps> = ({
     spacing,
     border,
     fluidContent,
-    fullHeight,
-    fitHeight,
     height,
     textAlignmentClass: getTextAlignmentClass({ contentAlignment }),
     buttonAlignmentClass: getButtonAlignmentClass({ contentAlignment }),

package/dist/content/components/canvas/Table/table.tsx

@@ -14,14 +14,9 @@ export const Table: FC<TableProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
 }) => (
-  <Container
-    className="flex flex-col gap-5"
-    {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height }}
-  >
+  <Container className="flex flex-col gap-5" {...{ backgroundColor, spacing, border, fluidContent, height }}>
     <div className="overflow-x-auto">
       <table className={getTableClasses({ size, textColor })}>
         <thead>

package/dist/content/components/canvas/Tabs/tabs.tsx

@@ -16,8 +16,6 @@ export const Tabs: FC<TabsProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
 }) => {
   const variant = (component.variant || TabsVariants.Default) as TabsVariants;
@@ -46,10 +44,7 @@ export const Tabs: FC<TabsProps> = ({
   );
 
   return (
-    <Container
-      className="flex flex-col gap-5"
-      {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height }}
-    >
+    <Container className="flex flex-col gap-5" {...{ backgroundColor, spacing, border, fluidContent, height }}>
       <div className={getButtonContainerClasses({ color, variant })}>
         {tabItems.map((tabItem, index) => (
           <button

package/dist/content/components/canvas/Testimonial/default-variant.tsx

@@ -4,7 +4,7 @@ import { TestimonialProps } from '.';
 
 type WithLargeAvatarVariantProps = Pick<
   TestimonialProps,
-  'backgroundColor' | 'spacing' | 'border' | 'fluidContent' | 'fullHeight' | 'fitHeight' | 'height'
+  'backgroundColor' | 'spacing' | 'border' | 'fluidContent' | 'height'
 > & {
   testimonialPrimaryImage: React.ReactNode;
   testimonialContent: React.ReactNode;
@@ -21,11 +21,9 @@ export const DefaultVariant: FC<WithLargeAvatarVariantProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
 }) => (
-  <Container {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height }}>
+  <Container {...{ backgroundColor, spacing, border, fluidContent, height }}>
     <div className="mx-auto flex flex-col items-center md:max-w-[80%]">
       <div>{testimonialSecondaryImage}</div>
       <div className="my-8">{testimonialContent}</div>

package/dist/content/components/canvas/Testimonial/testimonial.tsx

@@ -13,8 +13,6 @@ export const Testimonial: FC<TestimonialProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
 }) => {
   const variant = component.variant as TestimonialVariants | undefined;
@@ -24,8 +22,6 @@ export const Testimonial: FC<TestimonialProps> = ({
     spacing,
     border,
     fluidContent,
-    fullHeight,
-    fitHeight,
     height,
     testimonialPrimaryImage: <UniformSlot context={context} data={component} slot={slots.testimonialPrimaryImage} />,
     testimonialContent: <UniformSlot context={context} data={component} slot={slots.testimonialContent} />,

package/dist/content/components/canvas/Testimonial/with-large-avatar-variant.tsx

@@ -4,7 +4,7 @@ import { TestimonialProps } from '.';
 
 type WithLargeAvatarVariantProps = Pick<
   TestimonialProps,
-  'backgroundColor' | 'spacing' | 'border' | 'fluidContent' | 'fullHeight' | 'fitHeight' | 'height'
+  'backgroundColor' | 'spacing' | 'border' | 'fluidContent' | 'height'
 > & {
   testimonialPrimaryImage: React.ReactNode;
   testimonialContent: React.ReactNode;
@@ -21,11 +21,9 @@ export const WithLargeAvatarVariant: FC<WithLargeAvatarVariantProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
 }) => (
-  <Container {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height }}>
+  <Container {...{ backgroundColor, spacing, border, fluidContent, height }}>
     <div className="mx-auto flex items-center gap-x-10 md:max-w-[80%]">
       <div className="hidden aspect-square w-full max-w-xs shrink-0 overflow-hidden rounded-xl lg:block">
         {testimonialPrimaryImage}

package/dist/content/components/canvas/Testimonial/with-overlapping-image-variant.tsx

@@ -4,7 +4,7 @@ import { TestimonialProps } from '.';
 
 type WithLargeAvatarVariantProps = Pick<
   TestimonialProps,
-  'backgroundColor' | 'spacing' | 'border' | 'fluidContent' | 'fullHeight' | 'fitHeight' | 'height'
+  'backgroundColor' | 'spacing' | 'border' | 'fluidContent' | 'height'
 > & {
   testimonialPrimaryImage: React.ReactNode;
   testimonialContent: React.ReactNode;
@@ -21,11 +21,9 @@ export const WithOverlappingImageVariant: FC<WithLargeAvatarVariantProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
 }) => (
-  <Container {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height }}>
+  <Container {...{ backgroundColor, spacing, border, fluidContent, height }}>
     <Container className="pb-10 lg:pb-0">
       <div className="mx-auto flex max-w-2xl flex-col items-center gap-10 lg:max-w-none lg:flex-row">
         <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">

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

@@ -1,11 +1,9 @@
 import { AssetParamValue } from '@uniformdev/assets';
-import { LinkParamValue } from '@uniformdev/canvas';
 import { ComponentProps } from '@uniformdev/canvas-next-rsc/component';
 import { ViewPort } from '@/types/cskTypes';
 
 export type VideoParameters = {
   video?: AssetParamValue;
-  url?: LinkParamValue; // Deprecated. Please use video parameter instead of url
   placeholderImage?: AssetParamValue;
   autoPlay?: boolean;
   lazyLoad?: boolean;

package/dist/content/components/canvas/Video/video.tsx

@@ -8,7 +8,6 @@ import { VideoPlaceholder } from './placeholder';
 
 export const Video: FC<VideoProps> = ({
   video,
-  url, // Deprecated. Please use video parameter instead of url
   placeholderImage,
   autoPlay,
   lazyLoad,
@@ -24,7 +23,7 @@ export const Video: FC<VideoProps> = ({
   const [resolvedVideo] = resolveAsset(video);
   const [resolvedImage] = resolveAsset(placeholderImage);
 
-  const resolvedVideoUrl = resolvedVideo?.url || (url?.type === 'url' ? url.path : undefined);
+  const resolvedVideoUrl = resolvedVideo?.url;
 
   if (!resolvedVideoUrl) {
     return <VideoPlaceholder component={component} context={context} />;

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/Carousel/carousel.tsx

@@ -11,7 +11,7 @@ export const Carousel: FC<CarouselProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
+  height,
   itemsPerPage = '1',
   children,
   gapX,
@@ -116,7 +116,7 @@ export const Carousel: FC<CarouselProps> = ({
     });
 
   return (
-    <BaseContainer {...{ backgroundColor, spacing, border, fluidContent, fullHeight }}>
+    <BaseContainer {...{ backgroundColor, spacing, border, fluidContent, height }}>
       <div
         className={cn('relative', {
           [resolveViewPort(gapX, '-mx-{value}')]: gapX,

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

@@ -4,7 +4,7 @@ import { ContainerProps as BaseContainerProps } from '@/components/ui/Container'
 
 export type CarouselProps = Pick<
   BaseContainerProps,
-  'title' | 'backgroundColor' | 'spacing' | 'border' | 'fluidContent' | 'fullHeight'
+  'title' | 'backgroundColor' | 'spacing' | 'border' | 'fluidContent' | 'height'
 > & {
   countOfItems?: number;
   children: (options: { className?: string; style?: React.CSSProperties }) => ReactElement;

package/dist/content/components/ui/Container/container.tsx

@@ -1,7 +1,6 @@
 import { FC } from 'react';
 import { cn, formatSpaceParameterValue, resolveViewPort } from '@/utils/styling';
 import { ContainerProps } from '.';
-import { getHeightValue } from './utils';
 
 export const Container: FC<ContainerProps> = ({
   className,
@@ -12,8 +11,6 @@ export const Container: FC<ContainerProps> = ({
   spacing,
   border = '',
   fluidContent = false,
-  fullHeight = false,
-  fitHeight = false,
   height,
   maxWidth,
   ...rest
@@ -23,8 +20,6 @@ export const Container: FC<ContainerProps> = ({
     { marginTop, marginBottom, marginRight, marginLeft, paddingTop, paddingBottom, paddingRight, paddingLeft },
   ] = formatSpaceParameterValue(spacing);
 
-  const heightValue = getHeightValue({ height, fullHeight, fitHeight });
-
   return (
     <div
       className={cn(
@@ -34,7 +29,7 @@ export const Container: FC<ContainerProps> = ({
           'mx-auto w-full': !fluidContent,
           'max-w-7xl max-w-container-width': !maxWidth && !fluidContent,
           [`max-w-${maxWidth}`]: !!maxWidth && !fluidContent,
-          [resolveViewPort(heightValue, 'h-{value}')]: heightValue,
+          [resolveViewPort(height, 'h-{value}')]: height,
         },
         wrapperClassName
       )}
@@ -52,7 +47,7 @@ export const Container: FC<ContainerProps> = ({
             [resolveViewPort(paddingRight, 'pr-{value}')]: paddingRight,
             [resolveViewPort(paddingLeft, 'pl-{value}')]: paddingLeft,
             [resolveViewPort(border, '{value}')]: border,
-            [resolveViewPort(heightValue, 'h-{value}')]: heightValue,
+            [resolveViewPort(height, 'h-{value}')]: height,
           },
           className
         )}

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

@@ -6,15 +6,9 @@ export type ContainerProps = HTMLAttributes<HTMLDivElement> & {
   spacing?: SpaceType | ViewPort<SpaceType>;
   border?: string | ViewPort<string>;
   fluidContent?: boolean;
-  /** @deprecated Use height prop instead */
-  fullHeight?: boolean;
-  /** @deprecated Use height prop instead */
-  fitHeight?: boolean;
   height?: string | ViewPort<string>;
   wrapperClassName?: string;
   maxWidth?: string;
 };
 
-export { getHeightValue } from './utils';
-
 export { Container as default } from './container';

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

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import BaseContainer, { getHeightValue } from '@/components/ui/Container';
+import BaseContainer from '@/components/ui/Container';
 import { cn, resolveViewPort } from '@/utils/styling';
 import { FlexProps } from '.';
 
@@ -14,32 +14,24 @@ export const Flex: FC<FlexProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
   children,
-}) => {
-  const heightValue = getHeightValue({ height, fullHeight, fitHeight });
-
-  return (
-    <BaseContainer
-      {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height, wrapperClassName }}
+}) => (
+  <BaseContainer {...{ backgroundColor, spacing, border, fluidContent, height, wrapperClassName }}>
+    <div
+      className={cn(
+        'flex',
+        {
+          [resolveViewPort(direction, 'flex-{value}')]: direction,
+          [resolveViewPort(justifyContent, 'justify-{value}')]: justifyContent,
+          [resolveViewPort(gap, 'gap-{value}')]: gap,
+          [resolveViewPort(alignItems, 'items-{value}')]: alignItems,
+          [resolveViewPort(height, 'h-{value}')]: height,
+        },
+        className
+      )}
     >
-      <div
-        className={cn(
-          'flex',
-          {
-            [resolveViewPort(direction, 'flex-{value}')]: direction,
-            [resolveViewPort(justifyContent, 'justify-{value}')]: justifyContent,
-            [resolveViewPort(gap, 'gap-{value}')]: gap,
-            [resolveViewPort(alignItems, 'items-{value}')]: alignItems,
-            [resolveViewPort(heightValue, 'h-{value}')]: heightValue,
-          },
-          className
-        )}
-      >
-        {children}
-      </div>
-    </BaseContainer>
-  );
-};
+      {children}
+    </div>
+  </BaseContainer>
+);

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<
@@ -16,14 +14,12 @@ export type FlexProps = Pick<
   | 'spacing'
   | 'border'
   | 'fluidContent'
-  | 'fullHeight'
-  | 'fitHeight'
   | 'height'
   | 'children'
 > & {
   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/Footer/index.ts

@@ -1,6 +1,6 @@
 import { ContainerProps as BaseContainerProps } from '@/components/ui/Container';
 
-export type FooterProps = Omit<BaseContainerProps, 'fullHeight' | 'content'> & {
+export type FooterProps = Omit<BaseContainerProps, 'height' | 'content'> & {
   logo?: React.ReactNode;
   copyright?: React.ReactNode;
   content?: React.ReactNode;

package/dist/content/components/ui/Grid/grid.tsx

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import BaseContainer, { getHeightValue } from '@/components/ui/Container';
+import BaseContainer from '@/components/ui/Container';
 import { cn, resolveViewPort } from '@/utils/styling';
 import { GridProps } from '.';
 
@@ -12,29 +12,23 @@ export const Grid: FC<GridProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
   children,
-}) => {
-  const heightValue = getHeightValue({ height, fullHeight, fitHeight });
-
-  return (
-    <BaseContainer {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height }}>
-      <div
-        className={cn(
-          'grid',
-          {
-            [resolveViewPort(columnsCount, 'grid-cols-{value}')]: columnsCount,
-            [resolveViewPort(gapX, 'gap-x-{value}')]: gapX,
-            [resolveViewPort(gapY, 'gap-y-{value}')]: gapY,
-            [resolveViewPort(heightValue, 'h-{value}')]: heightValue,
-          },
-          className
-        )}
-      >
-        {children}
-      </div>
-    </BaseContainer>
-  );
-};
+}) => (
+  <BaseContainer {...{ backgroundColor, spacing, border, fluidContent, height }}>
+    <div
+      className={cn(
+        'grid',
+        {
+          [resolveViewPort(columnsCount, 'grid-cols-{value}')]: columnsCount,
+          [resolveViewPort(gapX, 'gap-x-{value}')]: gapX,
+          [resolveViewPort(gapY, 'gap-y-{value}')]: gapY,
+          [resolveViewPort(height, 'h-{value}')]: height,
+        },
+        className
+      )}
+    >
+      {children}
+    </div>
+  </BaseContainer>
+);

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

@@ -1,25 +1,13 @@
-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'
-  | 'backgroundColor'
-  | 'spacing'
-  | 'border'
-  | 'fluidContent'
-  | 'fullHeight'
-  | 'fitHeight'
-  | 'children'
-  | 'height'
+  'title' | 'backgroundColor' | 'spacing' | 'border' | 'fluidContent' | '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/Header/index.ts

@@ -2,7 +2,7 @@ import { PropsWithChildren, ReactNode } from 'react';
 import { ContainerProps as BaseContainerProps } from '@/components/ui/Container';
 
 export type HeaderProps = PropsWithChildren &
-  Omit<BaseContainerProps, 'fluidContent' | 'fullHeight'> & {
+  Omit<BaseContainerProps, 'fluidContent' | 'height'> & {
     leftSection?: ReactNode;
     rightSection?: ReactNode;
     color?: 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/image-gallery-AMU6FS7N.mjs

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