@cooperco/cooper-component-library 0.1.60 → 0.1.61

package/dist/types/src/components/TileContent/TileContent.d.ts

@@ -0,0 +1,55 @@
+import { Component, ComponentPassthrough } from '../../types';
+import { CTA } from '../CTA/CTA';
+import { Image } from '../Image/Image';
+import { TileLabel, TileLabelType } from '../TileLabel/TileLabel';
+import { Video } from '../Video/Video';
+export interface TileContentPassthrough extends ComponentPassthrough {
+    media?: string;
+    mediaContainer?: string;
+    ctas?: string;
+    label?: string;
+    numericLabel?: string;
+    cta?: string;
+    body?: string;
+    text?: string;
+    list?: string;
+    listItem?: string;
+    footer?: string;
+    footerContent?: string;
+}
+export interface TileContent extends Component {
+    __typename?: 'TileContent';
+    index?: number;
+    image?: Image;
+    video?: Video;
+    headline?: string;
+    subheadline?: string;
+    bodyCopy?: string;
+    ctas?: CTA[];
+    textColor?: string;
+    backgroundColor?: string;
+    parentBackgroundColor?: string;
+    tileLabel?: TileLabel;
+    tileLabelType?: TileLabelType;
+    alignment?: 'left' | 'center' | 'right';
+    pt?: TileContentPassthrough;
+    listItems?: string[];
+    footer?: string;
+}
+export interface TileContentTextTile extends Omit<TileContent, '__typename'> {
+    __typename?: 'TileContentTextTile';
+}
+export interface TileContentIconTile extends Omit<TileContent, '__typename'> {
+    __typename?: 'TileContentIconTile';
+}
+export interface TileContentImageTile extends Omit<TileContent, '__typename'> {
+    __typename?: 'TileContentImageTile';
+}
+export interface TileContentVideoTile extends Omit<TileContent, '__typename'> {
+    __typename?: 'TileContentVideoTile';
+}
+export interface TileContentImageStackedAnimatedTile extends Omit<TileContent, '__typename'> {
+    __typename?: 'TileContentImageStackedAnimatedTile';
+}
+export declare const getCtaBackgroundColor: (ctaDef: CTA, tileBg: string) => string | null | undefined;
+export declare const getCtaTextColor: (ctaDef: CTA, tileBg: string) => string | undefined;

package/dist/types/src/components/TileContent/TileContentIconTile.vue.d.ts

@@ -0,0 +1,5 @@
+import { TileContentIconTile } from './TileContent';
+declare const _default: import("vue").DefineComponent<TileContentIconTile, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TileContentIconTile> & Readonly<{}>, {
+    alignment: "left" | "center" | "right";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/src/components/TileContent/TileContentImageStackedAnimatedTile.vue.d.ts

@@ -0,0 +1,3 @@
+import { TileContentImageStackedAnimatedTile } from './TileContent';
+declare const _default: import("vue").DefineComponent<TileContentImageStackedAnimatedTile, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TileContentImageStackedAnimatedTile> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/src/components/TileContent/TileContentImageTile.vue.d.ts

@@ -0,0 +1,5 @@
+import { TileContentImageTile } from './TileContent';
+declare const _default: import("vue").DefineComponent<TileContentImageTile, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TileContentImageTile> & Readonly<{}>, {
+    alignment: "left" | "center" | "right";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/src/components/TileContent/TileContentTextTile.vue.d.ts

@@ -0,0 +1,5 @@
+import { TileContentTextTile } from './TileContent';
+declare const _default: import("vue").DefineComponent<TileContentTextTile, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TileContentTextTile> & Readonly<{}>, {
+    alignment: "left" | "center" | "right";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/src/components/TileContent/TileContentVideoTile.vue.d.ts

@@ -0,0 +1,5 @@
+import { TileContentVideoTile } from './TileContent';
+declare const _default: import("vue").DefineComponent<TileContentVideoTile, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TileContentVideoTile> & Readonly<{}>, {
+    alignment: "left" | "center" | "right";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/src/components/TileLabel/TileLabel.d.ts

@@ -0,0 +1,14 @@
+export interface TileLabelPassthrough {
+    root?: string;
+}
+export type TileLabelType = 'Text' | 'Numeric';
+export interface TileLabel {
+    __typename?: 'TileLabel';
+    copy?: string;
+    type?: TileLabelType;
+    backgroundColor?: string;
+    textColor?: string;
+    alignment?: 'left' | 'right';
+    pt?: TileLabelPassthrough;
+    index?: number;
+}

package/dist/types/src/components/TileLabel/TileLabel.vue.d.ts

@@ -0,0 +1,6 @@
+import { TileLabel } from './TileLabel';
+declare const _default: import("vue").DefineComponent<TileLabel, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TileLabel> & Readonly<{}>, {
+    type: import("./TileLabel").TileLabelType;
+    alignment: "left" | "right";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/src/components/Video/Video.d.ts

@@ -0,0 +1,7 @@
+import { Component } from '../../types';
+import { Image } from '../Image/Image';
+export interface Video extends Component {
+    __typename?: 'Video';
+    thumbnail: Image;
+    url: string;
+}

package/dist/types/src/components/Video/Video.vue.d.ts

@@ -0,0 +1,3 @@
+import { Video } from './Video';
+declare const _default: import("vue").DefineComponent<Video, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Video> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/src/components/components.d.ts

@@ -0,0 +1,26 @@
+export { default as Accordion } from './Accordion/Accordion.vue';
+export { default as AccordionItem } from './Accordion/AccordionItem.vue';
+export { default as AccordionListItem } from './Accordion/AccordionListItem.vue';
+export { default as AccordionTileItem } from './Accordion/AccordionTileItem.vue';
+export { default as CarouselModule } from './CarouselModule/CarouselModule.vue';
+export { default as ContainerModule } from './ContainerModule/ContainerModule.vue';
+export { default as ContentModule } from './ContentModule/ContentModule.vue';
+export { default as ContainerCollectionModule } from './ContainerCollectionModule/ContainerCollectionModule.vue';
+export { default as CTA } from './CTA/CTA.vue';
+export { default as FooterNavigation } from './Footer/FooterNavigation/FooterNavigation.vue';
+export { default as FooterCopyright } from './Footer/FooterCopyright/FooterCopyright.vue';
+export { default as SocialMediaRef } from './Footer/SocialMediaRef/SocialMediaRef.vue';
+export { default as Image } from './Image/Image.vue';
+export { default as LogoCollectionModule } from './LogoCollectionModule/LogoCollectionModule.vue';
+export { default as NavigationElement } from './NavigationElement/NavigationElement.vue';
+export { default as PrimaryNavigation } from './PrimaryNavigation/PrimaryNavigation.vue';
+export { default as SplitModule } from './SplitModule/SplitModule.vue';
+export { default as TestimonialModule } from './TestimonialModule/TestimonialModule.vue';
+export { default as TileCollectionModule } from './TileCollectionModule/TileCollectionModule.vue';
+export { default as TileContentIconTile } from './TileContent/TileContentIconTile.vue';
+export { default as TileContentImageTile } from './TileContent/TileContentImageTile.vue';
+export { default as TileContentTextTile } from './TileContent/TileContentTextTile.vue';
+export { default as TileContentVideoTile } from './TileContent/TileContentVideoTile.vue';
+export { default as TileContentImageStackedAnimatedTile } from './TileContent/TileContentImageStackedAnimatedTile.vue';
+export { default as Video } from './Video/Video.vue';
+export { default as AnimationWrapper } from './AnimationWrapper/AnimationWrapper.vue';

package/dist/types/src/components/types.d.ts

@@ -0,0 +1,20 @@
+export type { Accordion as AccordionType } from './Accordion/Accordion';
+export type { AccordionItem as AccordionItemType } from './Accordion/AccordionItem';
+export type { Carousel as CarouselModuleType } from './CarouselModule/CarouselModule';
+export type { ContainerModule as ContainerModuleType } from './ContainerModule/ContainerModule';
+export type { ContentModule as ContentModuleType } from './ContentModule/ContentModule';
+export type { ContainerCollectionModule as ContainerCollectionModuleType } from './ContainerCollectionModule/ContainerCollectionModule';
+export type { CTA as CTAType } from './CTA/CTA';
+export type { FooterNavigation as FooterNavigationType } from './Footer/FooterNavigation/FooterNavigation';
+export type { FooterCopyright as FooterCopyrightType } from './Footer/FooterCopyright/FooterCopyright';
+export type { SocialMediaRef as SocialMediaRefType } from './Footer/SocialMediaRef/SocialMediaRef';
+export type { Image as ImageType } from './Image/Image';
+export type { LogoCollectionModule as LogoCollectionModuleType } from './LogoCollectionModule/LogoCollectionModule';
+export type { NavigationElement as NavigationElementType } from './NavigationElement/NavigationElement';
+export type { PrimaryNavigation as PrimaryNavigationType } from './PrimaryNavigation/PrimaryNavigation';
+export type { SplitModule as SplitModuleType } from './SplitModule/SplitModule';
+export type { TestimonialModule as TestimonialModuleType } from './TestimonialModule/TestimonialModule';
+export type { TileCollection as TileCollectionModuleType } from './TileCollectionModule/TileCollectionModule';
+export type { TileContent as TileContentType } from './TileContent/TileContent';
+export type { Video as VideoType } from './Video/Video';
+export type { AnimationWrapper as AnimationWrapperType } from './AnimationWrapper/AnimationWrapper';

package/dist/types/src/config/colorPalettes.d.ts

@@ -0,0 +1,59 @@
+export declare let DEFAULT_COLOR: string;
+interface PaletteElements {
+    bg?: string;
+    copy?: string;
+    border?: string;
+}
+interface TileLabel {
+    Numeric: PaletteElements;
+    Text: PaletteElements;
+}
+interface Tile {
+    headline: string;
+    copy: string;
+    bg: string;
+    label: TileLabel;
+}
+interface CtaPalette {
+    fill: PaletteElements;
+    outline: PaletteElements;
+    logo: PaletteElements;
+    link: PaletteElements;
+}
+export interface ColorPalette {
+    headline: string;
+    subheadline: string;
+    copy: string;
+    copyAccent: string;
+    bullet: string;
+    cta: CtaPalette;
+    uiElement: PaletteElements;
+    interactive?: PaletteElements;
+    tile: Tile;
+    label: TileLabel;
+}
+export declare const DEFAULT_PALETTES: {
+    [key: string]: ColorPalette;
+};
+/**
+ * This function will either provide its background color or
+ * will consume (inject) a parent's background color to determine the color palette
+ * that should be used.
+ *
+ * The `backgroundColor` in the `props` object will be used over the parent's backgroundColor.
+ * That means you can give a child its own palette, separate from the parent.
+ *
+ * @param props Props from the component
+ * @returns
+ */
+export declare let COLOR_PALETTES: {
+    [key: string]: ColorPalette;
+};
+export declare const withColorPalette: (props: any) => {
+    backgroundColor: string;
+    palette: ColorPalette;
+};
+export declare const overridePalette: (newPalette: {
+    [key: string]: ColorPalette;
+}, defaultColor: string) => void;
+export {};

package/dist/types/src/config/defaultPassthrough/config.d.ts

@@ -0,0 +1,3 @@
+import { AccordionPtVariants, ContainerModulePtVariants, CTAPtVariants, GenericComponentPassthrough, Pt_Overrides } from './types';
+export declare const PT_OVERRIDES: Pt_Overrides;
+export declare const overridePassthrough: (identifier: keyof Pt_Overrides, override: GenericComponentPassthrough | AccordionPtVariants | CTAPtVariants | ContainerModulePtVariants) => void;

package/dist/types/src/config/defaultPassthrough/index.d.ts

@@ -0,0 +1,67 @@
+import { AccordionPtVariants, ContainerModulePtVariants, CTAPtVariants, GenericComponentPassthrough } from './types';
+import { ComponentPassthrough } from '../../types';
+export declare const DEFAULT_PASSTHROUGH: ComponentPassthrough;
+/**
+ * TODO: Need to define the types for the passthroughs.
+ * REMOVE eslint-disable once types are defined
+ */
+export declare const combinePassthroughs: <PtType extends GenericComponentPassthrough, OverrideType extends GenericComponentPassthrough>(passthrough: PtType, overrides: OverrideType) => GenericComponentPassthrough;
+export declare const AccordionPt: AccordionPtVariants;
+export declare const AccordionItemPt: {
+    headline: string;
+    image: string;
+};
+export declare const AccordionListItemPt: GenericComponentPassthrough;
+export declare const AccordionTileItemPt: GenericComponentPassthrough;
+export declare const CarouselModulePt: {
+    headline: string | undefined;
+    root: string;
+    bodyCopy: string;
+    container: string;
+    previousbutton: string;
+    nextbutton: string;
+    itemscontent: string;
+    itemscontainer: string;
+    item: string;
+    indicators: string;
+    indicator: string;
+    indicatorbutton: string;
+};
+export declare const CarouselModuleAltPt: GenericComponentPassthrough;
+export declare const ContainerCollectionModulePt: GenericComponentPassthrough;
+export declare const ContainerModulePt: ContainerModulePtVariants;
+export declare const ContentModulePt: GenericComponentPassthrough;
+export declare const CTAPt: CTAPtVariants;
+export declare const FooterNavigationPt: GenericComponentPassthrough;
+export declare const ImagePt: GenericComponentPassthrough;
+export declare const LogoCollectionModulePt: GenericComponentPassthrough;
+export declare const NavigationElementPt: GenericComponentPassthrough;
+export declare const PrimaryNavigationPt: GenericComponentPassthrough;
+export declare const SplitModulePt: GenericComponentPassthrough;
+export declare const TestimonialModulePt: GenericComponentPassthrough;
+export declare const TileCollectionModulePt: GenericComponentPassthrough;
+export declare const TileContentPt: {
+    root: string;
+    headline: string;
+    cta: string;
+    ctas: string;
+    container: string;
+    bodyCopy: string;
+    body: string;
+    footer: string;
+    footerContent: string;
+};
+export declare const TileContentIconTilePt: GenericComponentPassthrough;
+export declare const TileContentImageStackedAnimatedTilePt: GenericComponentPassthrough;
+export declare const TileContentImageTilePt: GenericComponentPassthrough;
+export declare const TileContentTextTilePt: GenericComponentPassthrough;
+export declare const TileContentVideoTilePt: GenericComponentPassthrough;
+export declare const TileLabelPt: {
+    Numeric: {
+        root: string;
+    };
+    Text: {
+        root: string;
+    };
+};
+export declare const VideoPt: GenericComponentPassthrough;

package/dist/types/src/config/defaultPassthrough/types.d.ts

@@ -0,0 +1,51 @@
+import { ComponentPassthrough } from '../../types';
+import { ContainerModulePassthrough } from '../../components/ContainerModule/ContainerModule';
+import { AccordionItemPassthrough } from '../../components/Accordion/AccordionItem';
+import { AccordionPassthrough } from '../../components/Accordion/Accordion';
+import { CarouselPassthrough } from '../../components/CarouselModule/CarouselModule';
+import { ContentModulePassthrough } from '../../components/ContentModule/ContentModule';
+import { TestimonialModulePassthrough } from '../../components/TestimonialModule/TestimonialModule';
+import { TileContentPassthrough } from '../../components/TileContent/TileContent';
+import { CTAPassthrough } from '../../components/CTA/CTA';
+import { TileLabelPassthrough } from '../../components/TileLabel/TileLabel';
+export interface GenericComponentPassthrough extends ComponentPassthrough, TileLabelPassthrough, AccordionPassthrough, AccordionItemPassthrough, CarouselPassthrough, ContainerModulePassthrough, ContentModulePassthrough, CTAPassthrough, TestimonialModulePassthrough, TileContentPassthrough {
+}
+export interface AccordionPtVariants {
+    List: AccordionPassthrough;
+    Tile: AccordionPassthrough;
+}
+export interface ContainerModulePtVariants {
+    Hero: ContainerModulePassthrough;
+    Centered: ContainerModulePassthrough;
+}
+export interface CTAPtVariants {
+    fill: CTAPassthrough;
+    logo: CTAPassthrough;
+    link: CTAPassthrough;
+    outline: CTAPassthrough;
+}
+export interface Pt_Overrides {
+    Accordion?: AccordionPtVariants;
+    AccordionListItem?: GenericComponentPassthrough;
+    AccordionTileItem?: GenericComponentPassthrough;
+    CarouselModule?: GenericComponentPassthrough;
+    ContainerModule?: ContainerModulePtVariants;
+    ContentModule?: GenericComponentPassthrough;
+    CTA?: CTAPtVariants;
+    FooterNavigation?: GenericComponentPassthrough;
+    Image?: GenericComponentPassthrough;
+    LogoCollectionModule?: GenericComponentPassthrough;
+    NavigationElement?: GenericComponentPassthrough;
+    PrimaryNavigation?: GenericComponentPassthrough;
+    SplitModule?: GenericComponentPassthrough;
+    TestimonialModule?: GenericComponentPassthrough;
+    TileCollectionModule?: GenericComponentPassthrough;
+    TileContent?: GenericComponentPassthrough;
+    TileContentIconTile?: GenericComponentPassthrough;
+    TileContentImageStackedAnimatedTile?: GenericComponentPassthrough;
+    TileContentImageTile?: GenericComponentPassthrough;
+    TileContentTextTile?: GenericComponentPassthrough;
+    TileContentVideoTile?: GenericComponentPassthrough;
+    TileLabel?: GenericComponentPassthrough;
+    Video?: GenericComponentPassthrough;
+}

package/dist/types/src/index.d.ts

@@ -0,0 +1,13 @@
+export * from './config/defaultPassthrough';
+export * from './config/colorPalettes';
+import 'primeicons/primeicons.css';
+import './assets/css/main.css';
+import './assets/css/theme.css';
+export * from './components/components';
+export * from './components/types';
+import initGlobalComponents from './init';
+import { overridePalette } from './config/colorPalettes';
+import { overridePassthrough } from './config/defaultPassthrough/config';
+import { withColorPalette } from './config/colorPalettes';
+import { getTarget } from './utils/getTarget';
+export { initGlobalComponents, overridePalette, overridePassthrough, withColorPalette, getTarget, };

package/dist/types/src/init.d.ts

@@ -0,0 +1,3 @@
+import { App } from 'vue';
+declare const initGlobalComponents: (app: App) => void;
+export default initGlobalComponents;

package/dist/types/src/pages/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/src/router.d.ts

@@ -0,0 +1,5 @@
+export declare const routes: {
+    path: string;
+    component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}[];
+export declare const router: import("vue-router").Router;

package/dist/types/src/types.d.ts

@@ -0,0 +1,61 @@
+import { Image } from './components/Image/Image';
+export interface linkRef {
+    externalUrl?: string;
+    page?: {
+        slug: string;
+    };
+    ariaLabel?: string;
+    ariaDescription: string;
+    anchor?: string;
+    target: string;
+    thirdPartyId?: string;
+}
+export interface ctaActionRef {
+    title: string;
+    ariaDescription: string;
+    triggerMappingValue: string;
+}
+export declare enum VariantOptions {
+    'IconTile' = 0,
+    'ImageTile' = 1,
+    'VideoTile' = 2,
+    'ImageStackedAnimatedTile' = 3,
+    'VideoLeft' = 4,
+    'Hero' = 5,
+    'Centered' = 6
+}
+export declare enum MediaOptions {
+    'Image' = "img",
+    'Video' = "iframe"
+}
+export declare enum CTAOptions {
+    'fill' = 0,
+    'outline' = 1,
+    'link' = 2,
+    'logo' = 3
+}
+export interface tileLabel {
+    content: string;
+    type: 'Label' | 'Numeric';
+    textColor?: string;
+    backgroundColor?: string;
+}
+export interface socialMedia {
+    icon: Image;
+    link: linkRef;
+}
+export interface Component {
+    class?: string;
+}
+export interface ComponentPassthrough {
+    headline?: string;
+    subheadline?: string;
+    description?: string;
+    bodyCopy?: string;
+    start?: string;
+    center?: string;
+    end?: string;
+    container?: string;
+    root?: string;
+    item?: string;
+}

package/dist/types/src/utils/getTarget.d.ts

@@ -0,0 +1,2 @@
+import { linkRef } from '@/types';
+export declare const getTarget: (target: string, link: linkRef) => "_self" | "_blank" | undefined;

package/package.json

@@ -1,18 +1,19 @@
 {
   "name": "@cooperco/cooper-component-library",
   "private": false,
-  "version": "0.1.60",
+  "version": "0.1.61",
   "type": "module",
   "files": [
     "dist"
   ],
   "main": "./dist/lib/component-lib.umd.cjs",
   "module": "./dist/lib/component-lib.js",
-  "types": "./dist/types/index.d.ts",
+  "types": "./dist/types/src/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/lib/component-lib.js",
-      "require": "./dist/lib/component-lib.umd.cjs"
+      "require": "./dist/lib/component-lib.umd.cjs",
+      "types": "./dist/types/src/index.d.ts"
     },
     "./css/main.css": {
       "import": "./dist/lib/css/main.css",
@@ -21,6 +22,10 @@
     "./css/theme.css": {
       "import": "./dist/lib/css/theme.css",
       "require": "./dist/lib/css/theme.css"
+    },
+    "./cms/contentful/graphql": {
+      "import": "./dist/cms/contentful/queries/index.js",
+      "types": "./dist/cms/contentful/queries/index.d.ts"
     }
   },
   "dependencies": {
@@ -80,7 +85,8 @@
     "vue-tsc": "^2.0.29"
   },
   "peerDependencies": {
-    "vue": "^3.0.0"
+    "vue": "^3.0.0",
+    "graphql-tag": "^2.12.6"
   },
   "lint-staged": {
     "*.{json,js,ts,jsx,tsx,html,vue}": [
@@ -91,7 +97,8 @@
     "dev": "vite",
     "check-types": "vue-tsc",
     "build:types": "vue-tsc --emitDeclarationOnly --outDir dist/types",
-    "build": "pnpm run build:types && vite build",
+    "build:cms": "tsc -p tsconfig.cms.json",
+    "build": "pnpm run build:types && pnpm run build:cms && vite build",
     "preview": "vite preview",
     "tail": "tailwind-config-viewer -o",
     "storybook": "storybook dev -p 6006",