@hanzo/ui 4.5.3 → 4.6.0

package/util/blob.ts

@@ -0,0 +1,28 @@
+import { Buffer } from 'buffer';
+
+export const blobToBase64 = (blob: Blob): Promise<string> => {
+  const reader = new FileReader();
+  reader.readAsDataURL(blob);
+  return new Promise((resolve) => {
+    reader.onloadend = () => {
+      resolve(reader.result as string);
+    };
+  });
+};
+
+export const dataUrlToFile = (
+  dataUrl: string,
+  filename: string,
+): File | undefined => {
+  const arr = dataUrl.split(',');
+  if (arr.length < 2) {
+    return undefined;
+  }
+  const mimeArr = arr[0].match(/:(.*?);/);
+  if (!mimeArr || mimeArr.length < 2) {
+    return undefined;
+  }
+  const mime = mimeArr[1];
+  const buff = Buffer.from(arr[1], 'base64');
+  return new File([buff], filename, { type: mime });
+};

package/util/copy-to-clipboard.ts

@@ -0,0 +1,17 @@
+export async function copyToClipboard(text: string) {
+  try {
+    await navigator.clipboard.writeText(text);
+  } catch {
+    // Fallback for browsers where the Clipboard API is not supported
+    const textarea = document.createElement('textarea');
+    textarea.style.position = 'fixed';
+    textarea.style.top = '-9999px';
+    textarea.style.left = '-9999px';
+    textarea.innerText = text;
+    document.body.appendChild(textarea);
+    textarea.focus();
+    textarea.select();
+    document.execCommand('copy');
+    textarea.remove();
+  }
+}

package/util/create-shadow-root.ts

@@ -0,0 +1,22 @@
+import { createRoot } from 'react-dom/client';
+
+/**
+ * Creates a shadow root with the specified styles and returns a React root in it.
+ * @param {string} tagName - Node name to be applied to the shadow root.
+ * @param {string} styles - CSS styles to be applied to the shadow root.
+ * @returns {ReactRoot} - React root rendered inside the shadow root.
+ */
+
+export function createShadowRoot(tagName: string, styles: string) {
+  const container = document.createElement(tagName);
+  const shadow = container.attachShadow({ mode: 'open' });
+
+  // Create a new CSS style sheet and apply the specified styles and apply the style sheet to the shadow root
+  const globalStyleSheet = new CSSStyleSheet();
+  globalStyleSheet.replaceSync(styles);
+  shadow.adoptedStyleSheets = [globalStyleSheet];
+
+  const html = document.querySelector('html') as HTMLHtmlElement;
+  html.prepend(container);
+  return createRoot(shadow);
+}

package/util/date.ts

@@ -0,0 +1,83 @@
+import { FormattedMessage } from '@hanzo_network/hanzo-node-state/v2/queries/getChatConversation/types';
+
+export type ChatConversationMessage = {
+  hash: string;
+  parentHash: string;
+  inboxId: string;
+  scheduledTime: string | undefined;
+  content: string;
+  isLocal: boolean;
+  sender: {
+    avatar: string;
+  };
+  fileInbox?: {
+    id: string;
+    files: {
+      name: string;
+      preview?: string;
+    }[];
+  };
+};
+export type GetChatConversationOutput = ChatConversationMessage[];
+
+export const formatDateToUSLocaleString = (date: Date | undefined) => {
+  if (!date) return '-';
+  return new Date(date).toLocaleDateString('en-US', {
+    year: 'numeric',
+    month: 'numeric',
+    day: 'numeric',
+  });
+};
+export const formatDateToLocaleStringWithTime = (date: Date | undefined) => {
+  if (!date) return '-';
+  return new Date(date).toLocaleDateString('en-US', {
+    year: 'numeric',
+    month: 'numeric',
+    day: 'numeric',
+    hour: 'numeric',
+    minute: 'numeric',
+  });
+};
+
+export const getRelativeDateLabel = (date: Date): string => {
+  const today = new Date();
+  const yesterday = new Date();
+  yesterday.setDate(today.getDate() - 1);
+  if (date.toDateString() === today.toDateString()) {
+    return 'today';
+  } else if (date.toDateString() === yesterday.toDateString()) {
+    return 'yesterday';
+  } else {
+    return date.toDateString();
+  }
+};
+
+export const groupMessagesByDate = (messages: FormattedMessage[]) => {
+  const groupedMessages: Record<string, FormattedMessage[]> = {};
+  for (const message of messages) {
+    const date = new Date(message.createdAt ?? '').toDateString();
+    if (!groupedMessages[date]) {
+      groupedMessages[date] = [];
+    }
+    groupedMessages[date].push(message);
+  }
+  return groupedMessages;
+};
+
+export const formatDateToMonthAndDay = (date: Date): string => {
+  const today = new Date();
+  if (
+    date.getDate() === today.getDate() &&
+    date.getMonth() === today.getMonth() &&
+    date.getFullYear() === today.getFullYear()
+  ) {
+    return date.toLocaleTimeString('en-US', {
+      hour: 'numeric',
+      minute: 'numeric',
+      hour12: true,
+    });
+  }
+  const month = date.getMonth() + 1;
+  const day = date.getDate();
+  return `${month}/${day}`;
+};

package/util/debounce.ts

@@ -0,0 +1,11 @@
+export const debounce = (func: Function, delay: number) => {
+  let timeoutId: NodeJS.Timeout | null = null;
+  return (...args: any[]) => {
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+    }
+    timeoutId = setTimeout(() => {
+      func(...args);
+    }, delay);
+  };
+};

package/util/file.ts

@@ -0,0 +1,15 @@
+export const getFileName = (fileName: string): string => {
+  const nameParts = fileName.split('.');
+  return nameParts.slice(0, -1).join('.');
+};
+export const getFileExt = (fileName: string): string => {
+  const nameParts = fileName.split('.');
+  return nameParts.pop() || '';
+};
+
+export const isFileTypeImageOrPdf = (file: File): boolean => {
+  if (!file) return false;
+  return (
+    file?.type.startsWith('image/') || file?.type.startsWith('application/pdf')
+  );
+};

package/util/format-and-abbreviate-as-currency.ts

@@ -1,4 +1,4 @@
-import Abbr, { type QuantityAbbrSymbol, ABBR_SYMBOLS_ARRAY } from './number-abbreviate'
+import Abbr, { QuantityAbbrSymbol, ABBR_SYMBOLS_ARRAY } from './number-abbreviate'
 
 interface FormatThreshold {
   from: number

package/util/format-text.ts

@@ -0,0 +1,33 @@
+import { HanzoToolHeader } from '@hanzo_network/hanzo-message-ts/api/tools/types';
+
+export const formatText = (text: string) => {
+  const camelToSpaces = text.replace(/([a-z])([A-Z])/g, '$1 $2');
+  const snakeToSpaces = camelToSpaces.replace(/_/g, ' ');
+  return snakeToSpaces
+    .split(' ')
+    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+    .join(' ');
+};
+
+export const formatCamelCaseText = (text: string) => {
+  const words = text.split(/(?=[A-Z])/);
+
+  const formattedWords = words.map((word) => {
+    return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
+  });
+
+  const result = formattedWords.join(' ');
+
+  return result.charAt(0).toUpperCase() + result.slice(1);
+};
+
+export const getVersionFromTool = (toolRouterKey: HanzoToolHeader) => {
+  if (toolRouterKey.version) {
+    return toolRouterKey.version;
+  }
+  const parts = toolRouterKey.name.split(':::');
+  if (parts.length === 4) {
+    return parts[3];
+  }
+  return 'latest';
+};

package/util/index.ts

@@ -1,78 +1,9 @@
-import { compiler as mdCompiler } from 'markdown-to-jsx'
-
-import { clsx, type ClassValue } from 'clsx'
-import { twMerge } from 'tailwind-merge'
-export { cva, type VariantProps } from 'class-variance-authority'
-
-import type { Dimensions } from '../types'
-
-import { default as _merge }  from 'lodash.merge'
-
-export const cn = (...inputs: ClassValue[]) => (
-  twMerge(clsx(inputs))  
-) 
-
-export const markdown = (s: string, options?: any): JSX.Element => (
-  mdCompiler(s, {
-    wrapper: null,
-    ...options
-  })
-)
-
-export const round = (num: number): string  => (
-  num
-    .toFixed(7)
-    .replace(/(\.[0-9]+?)0+$/, '$1')
-    .replace(/\.0$/, '')
-)
-
-export const pxToRem = (px: number, base: number): string => (`${round(px / base)}rem`)
-
-export const pxToEm = (px: number, base: number): string  => (`${round(px / base)}em`)
-
-export const hexToRgb = (hex: string): string => {
-  hex = hex.replace('#', '')
-  hex = hex.length === 3 ? hex.replace(/./g, '$&$&') : hex
-  const r = parseInt(hex.substring(0, 2), 16)
-  const g = parseInt(hex.substring(2, 4), 16)
-  const b = parseInt(hex.substring(4, 6), 16)
-  return `${r} ${g} ${b}`
-}
-
-
-export const asNum = (n: number | `${number}`): number => (
-  (typeof n === 'number') ? n : parseInt(n, 10)  
-)
-
-  // https://stackoverflow.com/questions/3971841/how-to-resize-images-proportionally-keeping-the-aspect-ratio
-export const constrain = (d: Dimensions, c: Dimensions): Dimensions => {
-
-  const ratio = Math.min(c.w / d.w, c.h / d.h)
-  return {
-    w: Math.round(d.w * ratio),
-    h: Math.round(d.h * ratio)
-  }
-}
-
-export const containsToken = (s: string | undefined, toFind: string): boolean => (s ? s.split(' ').includes(toFind) : false)
-
-export const ldMerge = (
-  result: any,
-  ...sources: any[]
-): any => (_merge(result, ...sources))
-
-export const capitalize = (str: string): string => (
-  str.charAt(0).toUpperCase() + str.slice(1)
-)
-
-export { default as spreadToTransform } from './spread-to-transform'
-export { default as formatToMaxChar } from './format-to-max-char'
-export { 
-  default as formatAndAbbreviateAsCurrency, 
-  type FormatThreshold,   
-  type QuantityAbbrSymbol
-} from './format-and-abbreviate-as-currency'
-
-// Must be imported from 'use client', so can't include this...
-// export * from './step-animation'
-
+export * from './date';
+export * from './file';
+export * from './create-shadow-root';
+export * from './timing';
+export * from './blob';
+export * from './copy-to-clipboard';
+export * from './format-text';
+export * from './toasts';
+export * from './debounce';

package/util/timing.ts

@@ -0,0 +1,3 @@
+export function delay(e = 1e3) {
+  return new Promise((t) => setTimeout(t, e));
+}

package/util/toasts.tsx

@@ -0,0 +1,17 @@
+import { toast } from 'sonner';
+
+export const submitRegistrationNoCodeNonPristineError = () => {
+  return toast.error(
+    <div>
+      Your Hanzo Node is currently locked by existing keys, please restore your
+      connection or reset your Hanzo Node Storage
+    </div>,
+    { position: 'bottom-center' },
+  );
+};
+
+export const submitRegistrationNoCodeError = () => {
+  return toast.error(<div>Error connecting to your Hanzo Node</div>, {
+    position: 'bottom-center',
+  });
+};

package/utils.ts

@@ -0,0 +1,9 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+
+// Re-export from src/utils for backward compatibility
+export * from './src/utils';

package/dist/blocks/components/accordian-block.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type BlockComponentProps from './block-component-props';
-declare const AccordianBlockComponent: React.FC<BlockComponentProps>;
-export default AccordianBlockComponent;

package/dist/blocks/components/accordian-block.jsx

@@ -1,25 +0,0 @@
-import React from 'react';
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ApplyTypography } from '../../primitives/index-common';
-import { cn } from '../../util';
-const AccordianBlockComponent = ({ block, className = '' }) => {
-    if (block.blockType !== 'accordian') {
-        return <>accordian block required</>;
-    }
-    const accordian = block;
-    return (<Accordion type="single" collapsible className={cn('w-full border rounded-xl overflow-hidden', className)}>
-      {accordian.items.map((item, index) => (<AccordionItem className='border-b last:border-0 overflow-hidden' value={`value-${index}`} key={index}>
-        <AccordionTrigger className='px-3 md:px-4 lg:px-6 hover:no-underline hover:bg-level-3'>
-          <ApplyTypography>
-            {/* styles specific to accordion.  From old site */}
-            <h6 className='leading-[1.2] text-[1.05rem] font-semibold '>{item.trigger}</h6>
-          </ApplyTypography>
-        </AccordionTrigger>
-        <AccordionContent className='p-4 border-t bg-level-1'>
-        <ApplyTypography className='flex flex-col justify-start items-start '>
-          {(typeof item.content === 'string') ? (<p>{item.content}</p>) : item.content} 
-        </ApplyTypography>
-        </AccordionContent>
-      </AccordionItem>))}
-    </Accordion>);
-};
-export default AccordianBlockComponent;

package/dist/blocks/components/block-component-props.d.ts

@@ -1,7 +0,0 @@
-import type { Block } from "../def";
-interface BlockComponentProps {
-    block: Block;
-    className?: string;
-    agent?: string;
-}
-export { type BlockComponentProps as default };

package/dist/blocks/components/block-component-props.js

@@ -1 +0,0 @@
-export {};

package/dist/blocks/components/bullet-cards-block.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type BlockComponentProps from './block-component-props';
-declare const BulletCardsBlockComponent: React.FC<BlockComponentProps>;
-export default BulletCardsBlockComponent;

package/dist/blocks/components/bullet-cards-block.jsx

@@ -1,25 +0,0 @@
-import React from 'react';
-import { containsToken, cn } from '../../util';
-import InlineIcon from '../../primitives/next/inline-icon';
-import GridBlockComponent from './grid-block';
-const BulletCardsBlockComponent = ({ block, className = '', agent }) => {
-    if (block.blockType !== 'bullet-cards') {
-        return <>bullet cards block required</>;
-    }
-    const b = block;
-    const specified = (s) => (containsToken(b.specifiers, s));
-    const noBorder = specified('no-card-border') ? 'border-0' : 'md:border';
-    const mobileTextXs = specified('mobile-small-text') ? 'text-xs' : 'text-sm';
-    const borderclx = specified('border-muted-3') ?
-        'md:border-muted-3'
-        :
-            (specified('border-muted-1') ? 'md:border-muted-1' : 'md:border-muted-2');
-    return (<GridBlockComponent block={{ blockType: 'grid', grid: b.grid }} className={className} agent={agent}>
-    {b.cards.map((card, index) => (<div key={index} className={cn('px-0 sm:px-4 py-1 md:py-4 rounded-lg ' +
-                'flex flex-row justify-start items-center not-typography text-foreground', noBorder, borderclx)}>
-        <InlineIcon icon={card.icon} size={b.iconSize ?? 28} agent={agent} className='shrink-0 mr-2 md:mr-4 '/>
-        <p className={cn('m-0 sm:text-base', mobileTextXs)}>{card.text}</p>
-      </div>))}
-    </GridBlockComponent>);
-};
-export default BulletCardsBlockComponent;

package/dist/blocks/components/card-block/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type BlockComponentProps from '../block-component-props';
-declare const CardBlockComponent: React.FC<BlockComponentProps & {
-    contentClassName?: string;
-}>;
-export default CardBlockComponent;

package/dist/blocks/components/card-block/index.jsx

@@ -1,87 +0,0 @@
-import React from 'react';
-import { ApplyTypography, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../../../primitives/index-common';
-import ImageBlockComponent from '../image-block';
-import VideoBlockComponent from '../video-block';
-import CTABlockComponent from '../cta-block';
-import { cn } from '../../../util';
-import { getTypographySize } from './util';
-import LinkOutButton from './link-out-button';
-const CardBlockComponent = ({ block, className = '', contentClassName = '' }) => {
-    if (block.blockType !== 'card') {
-        return <>card block required</>;
-    }
-    const card = block;
-    const has = (s) => (card.specifiers?.includes(s));
-    const ghost = has('ghost'); // no outer padding, no borders, larger title, all left-aligned bg is same (default)
-    const contentclx = (has('content-left') ? 'items-start ' : ' items-center ') + (has('content-top') ? '!justify-start' : '') + contentClassName;
-    const disabledBorder = (has('appear-disabled') ? ' border-muted-4' : ' border-muted-3');
-    const outerBorder = ((has('no-outer-border') || ghost) ? ' border-0' : '');
-    const innerBorder = (ghost ? ' border-0' : '');
-    const paddingclx = ghost ? ' px-0 py-0' : ' px-6 py-3';
-    const mainGap = ghost ? ' gap-2' : '';
-    const disabledText = (has('appear-disabled') ? ' text-muted-2' : '');
-    const disabledTypoText = (has('appear-disabled') ? ' typography-p:text-muted-2' : '');
-    const bgclx = (has('bg-card') ? ' bg-level-1' : '');
-    const titleclx = (has('heading-style-title') ? ' font-heading text-base leading-tight' : '') +
-        (ghost ? ' text-left md:text-xl' : '');
-    const typoSize = (card.specifiers) ? getTypographySize(card.specifiers) : 'responsive';
-    const typoclx = (typoSize === 'sm') ? 'typography-sm typography-p:text-sm ' : (typoSize === 'lg') ? 'typography-lg ' : '';
-    const contentBefore = has('content-before');
-    const iconInline = has('icon-inline');
-    const contentOnHover = has('reveal-content-on-hover');
-    //const smallIconDim = (contentOnHover && card.specifiers) ? getSmallIconDim(card.specifiers) : undefined
-    const Header = ({ inContent = false, className = '' }) => ((card.title || card.byline || card.icon) ? (<CardHeader className={'not-typography' + ' text-accent' + disabledText + paddingclx + innerBorder + className}>
-      <div className={(iconInline || inContent) ? 'flex flex-row justify-start items-end my-3' : ''}>        
-      {(card.icon && !card.iconAfter) && (<div className={iconInline ? 'mr-1' : 'mb-2'}>{card.icon}</div>)}
-      {card.title && (<CardTitle className={'text-center text-lg font-medium' + titleclx + (iconInline ? ' md:text-xl/none' : '')}>
-          {card.title}
-        </CardTitle>)}
-      {(card.icon && card.iconAfter) && (<div className={iconInline ? 'ml-1' : 'my-1'}>{card.icon}</div>)}
-      </div>
-      {card.byline && (<CardDescription>{card.byline}</CardDescription>)}
-      </CardHeader>) : null);
-    const MediaAndContent = ({ className = '' }) => (has('media-left') ? (
-    // media left layout
-    <CardContent className={'flex flex-row justify-start items-stretch p-0 grow ' + disabledBorder + bgclx + contentclx + className}>
-    {card.media && (<div className={'box-content grow-0 not-typography' + paddingclx} style={{
-                // If this layout has been specified, assume media is video, and that the 'sm' dim exists.
-                width: card.media.dim.sm.w
-            }}>
-        <VideoBlockComponent block={card.media} usePoster={has('video-use-poster')} size='sm' className={has('appear-disabled') ? 'opacity-[0.6]' : ''}/>
-      </div>)}
-    {card.content && (<ApplyTypography className={'grow border-l flex flex-col justify-center ' + disabledTypoText + paddingclx + disabledBorder + contentclx} size={typoSize}>
-        {(typeof card.content === 'string') ? (<p>{card.content}</p>) : card.content} 
-      </ApplyTypography>)}
-    </CardContent>) : ( // default layout
-    <CardContent className={'grow typography flex flex-col justify-center ' +
-            typoclx + disabledTypoText + bgclx + paddingclx + contentclx + (has('full-width') ? ' p-0 ' : ' ') +
-            className}>
-      {contentOnHover && (<Header inContent/>)}
-      {card.content && contentBefore && ((typeof card.content === 'string') ? (<p>{card.content}</p>) : card.content)}
-      {card.media && (card.media.blockType === 'image' ? (<ImageBlockComponent block={card.media}/>) : (<VideoBlockComponent block={card.media}/>))}
-      {card.content && !contentBefore && ((typeof card.content === 'string') ? (<p>{card.content}</p>) : card.content)}
-    </CardContent>));
-    const Footer = () => (!card.cta ? null : (has('links-w-arrow') ? (
-    // links w arrow
-    <CardFooter className={'typography typography-a:text-muted-2 typography-a:hover:text-muted-1 typography-a:text-xs typography-a:no-underline typography-a:hover:underline ' +
-            'flex flex-col justify-start items-stretch ' + paddingclx}>
-      <CTABlockComponent block={card.cta} renderLink={(def, key) => (<LinkOutButton def={def} key={key}/>)}/>
-    </CardFooter>) : ( // default 
-    <CardFooter className={'grid grid-cols-1 gap-2 md:flex md:flex-row md:justify-center ' + paddingclx}>
-      <CTABlockComponent block={card.cta}/>
-    </CardFooter>)));
-    return (<Card className={cn('flex flex-col self-stretch ' +
-            (contentOnHover ? 'group relative' : '') +
-            disabledBorder +
-            outerBorder +
-            bgclx +
-            mainGap, className)}>
-      <Header className={(contentOnHover ? ' absolute top-[0px] left-[0px] w-full hidden ' : '')}/>
-      <MediaAndContent className={(contentOnHover ?
-            ' bg-gradient-to-t from-secondary to-65%' +
-                ' items-start justify-start rounded-lg p-4' +
-                ' transition-opacity duration-500 ease-out opacity-100  ' : '')}/>
-      <Footer />
-    </Card>);
-};
-export default CardBlockComponent;

package/dist/blocks/components/card-block/link-out-button.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { LinkDef } from '../../../types';
-declare const ArrowLinkElement: React.FC<{
-    def: LinkDef;
-}>;
-export default ArrowLinkElement;

package/dist/blocks/components/card-block/link-out-button.jsx

@@ -1,4 +0,0 @@
-import React from 'react';
-import { LinkElement, Icons } from '../../../primitives/index-next';
-const ArrowLinkElement = ({ def }) => (<LinkElement def={def} className='justify-between' variant='link' icon={<Icons.linkOut className='w-[18px] h-[18px]'/>} iconAfter/>);
-export default ArrowLinkElement;

package/dist/blocks/components/card-block/util.d.ts

@@ -1,4 +0,0 @@
-import type { Dimensions } from '../../../types';
-import type { TypographySize } from '../../../primitives/index-common';
-export declare const getTypographySize: (s: string) => TypographySize;
-export declare const getSmallIconDim: (s: string) => Dimensions | undefined;

package/dist/blocks/components/card-block/util.js

@@ -1,6 +0,0 @@
-import { getSpecifierData, getPrimaryStartingWith, getDim, } from '../../../util/specifier';
-export const getTypographySize = (s) => getSpecifierData(s, (s) => (getPrimaryStartingWith(s, 'typography')), (s) => {
-    const subTokenArray = s.split('-');
-    return subTokenArray[subTokenArray.length - 1];
-}, 'responsive');
-export const getSmallIconDim = (s) => (getSpecifierData(s, (s) => (getPrimaryStartingWith(s, 'small-icon')), getDim));

package/dist/blocks/components/carte-blanche-block/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type BlockComponentProps from '../block-component-props';
-declare const CarteBlancheBlockComponent: React.FC<BlockComponentProps>;
-export default CarteBlancheBlockComponent;

package/dist/blocks/components/carte-blanche-block/index.jsx

@@ -1,82 +0,0 @@
-import React from 'react';
-import { Card, CardContent, CardFooter, CardHeader, } from '../../../primitives/index-common';
-import { cn, containsToken } from '../../../util';
-import { getSpecifierData, getPrimaryStartingWith, getDim, } from '../../../util/specifier';
-import CTABlockComponent from '../cta-block';
-import Content from '../content';
-import { EnhHeadingBlockComponent } from '..';
-import VariantContentLeft from './variant-content-left';
-const _getClx = (specifier, section) => {
-    let result = '';
-    if (specifier === 'big-padding') {
-        switch (section) {
-            // defaults: p-4 lg:p-6 xl:p-8 
-            case 'header':
-                {
-                    result = 'md:p-8 lg:p-12 xl:p-16';
-                }
-                break;
-        }
-    }
-    if (specifier === 'big-padding-content') {
-        switch (section) {
-            case 'content':
-                {
-                    result = 'md:p-8 lg:p-12 xl:p-16';
-                }
-                break;
-        }
-    }
-    else if (specifier === 'no-inner-borders') {
-        switch (section) {
-            case 'header':
-                {
-                    result = 'border-none';
-                }
-                break;
-            case 'footer':
-                {
-                    result = 'border-t-0';
-                }
-                break;
-        }
-    }
-    return result;
-};
-const CarteBlancheBlockComponent = ({ block, className = '', agent, }) => {
-    if (block.blockType !== 'carte-blanche') {
-        return <>carte blanche block required</>;
-    }
-    const b = block;
-    const specified = (s) => (containsToken(b.specifiers, s));
-    const getClx = (specifier, section) => ((specified(specifier)) ? _getClx(specifier, section) : '');
-    //const bigPadding = specified('big-padding')
-    const headingclx = [
-        getClx('big-padding', 'header'),
-        getClx('no-inner-borders', 'header'),
-    ].join(' ');
-    const contentclx = [
-        getClx('big-padding-content', 'content'),
-    ].join(' ');
-    const footerclx = [
-        getClx('no-inner-borders', 'footer'),
-    ].join(' ');
-    const noOuterBorders = specified('no-outer-borders');
-    const contentLeft = specified('variant-content-left');
-    const mobileContentLeft = specified('variant-mobile-content-left');
-    return (<Card className={cn('flex flex-col', className, noOuterBorders ? 'border-none' : '')}>
-      {contentLeft || (mobileContentLeft && agent === 'phone') ? (<VariantContentLeft block={b} agent={agent} className={className} headingclx={headingclx} contentclx={contentclx} footerclx={footerclx}/>) : (<>
-        {(b.heading || b.topContent) && (<CardHeader className={cn('typography-img:m-0', headingclx)}>
-            {b.topContent && (<Content blocks={b.topContent} agent={agent} className=''/>)}
-            {b.heading && (<EnhHeadingBlockComponent block={b.heading} className='text-accent' agent={agent}/>)}
-          </CardHeader>)}
-        {b.content && (<CardContent className={cn('typography flex flex-col justify-center', contentclx, className)}>
-            <Content blocks={b.content} agent={agent}/>
-          </CardContent>)}
-        {b.cta && (<CardFooter className={cn('grid grid-cols-1 gap-2 md:flex md:flex-row md:justify-center', footerclx)}>
-            <CTABlockComponent block={b.cta} agent={agent}/>
-          </CardFooter>)}
-      </>)}
-    </Card>);
-};
-export default CarteBlancheBlockComponent;

package/dist/blocks/components/carte-blanche-block/variant-content-left.d.ts

@@ -1,10 +0,0 @@
-import { type CarteBlancheBlock } from '../..';
-declare const VariantContentLeft: React.FC<{
-    block: CarteBlancheBlock;
-    agent?: string;
-    className?: string;
-    headingclx?: string;
-    contentclx?: string;
-    footerclx?: string;
-}>;
-export default VariantContentLeft;