@peak-ai/canvas 1.4.21 → 1.4.22

package/src/shadcn/components/ui/table.tsx

@@ -0,0 +1,196 @@
+import * as React from 'react';
+import { ArrowUp, ArrowDown } from 'lucide-react';
+
+import { cn } from '../../utils';
+
+function Table({ className, ...props }: React.ComponentProps<'table'>) {
+  return (
+    <table
+      data-slot="table"
+      className={cn('w-[640px] caption-bottom text-[0.8rem] leading-4', className)}
+      {...props}
+    />
+  );
+}
+
+function TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {
+  return (
+    <thead
+      data-slot="table-header"
+      className={cn('[&_tr]:border-b font-bold bg-slate-100', className)}
+      {...props}
+    />
+  );
+}
+
+function TableBody({ className, ...props }: React.ComponentProps<'tbody'>) {
+  return (
+    <tbody
+      data-slot="table-body"
+      className={cn('[&_tr:last-child]:border-0', className)}
+      {...props}
+    />
+  );
+}
+
+function TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {
+  return (
+    <tfoot
+      data-slot="table-footer"
+      className={cn('bg-muted/50 border-t font-medium [&>tr]:last:border-b-0', className)}
+      {...props}
+    />
+  );
+}
+
+function TableRow({ className, ...props }: React.ComponentProps<'tr'>) {
+  return (
+    <tr
+      data-slot="table-row"
+      className={cn(
+        'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function TableHead({ className, ...props }: React.ComponentProps<'th'>) {
+  return (
+    <th
+      data-slot="table-head"
+      className={cn(
+        'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export type SortDirection = 'asc' | 'desc' | null;
+
+type TableHeadSortableProps = React.ComponentProps<'th'> & {
+  sortDirection?: SortDirection;
+  onSort?: (direction: SortDirection) => void;
+  sortable?: boolean;
+  isActive?: boolean;
+  isEditable?: boolean;
+} & {
+  'data-slot'?: string;
+};
+
+function TableHeadSortable({ 
+  className, 
+  children, 
+  sortDirection = 'asc', 
+  onSort, 
+  sortable = true,
+  isActive = false,
+  isEditable = false,
+  'data-slot': dataSlot,
+  ...props 
+}: TableHeadSortableProps) {
+  const [isHovered, setIsHovered] = React.useState(false);
+
+  function getSortIcon() {
+  if (!sortable || (!isActive && !isHovered)) {
+    return null;
+  }
+  
+  return sortDirection === 'desc' ? (
+    <ArrowDown className="h-4 w-4" />
+  ) : (
+    <ArrowUp className="h-4 w-4" />
+  );
+}
+
+  function handleSort() {
+    if (!sortable) {
+      return;
+    }
+    
+    let newDirection: SortDirection = 'asc';
+
+    if (sortDirection === 'asc') {
+      newDirection = 'desc';
+    } else if (sortDirection === 'desc') {
+      newDirection = 'asc';
+    }
+    
+    if (onSort) {
+      onSort(newDirection);
+    }
+  }
+
+  const shouldApplyHeaderInteraction = sortable && !isEditable;
+
+  return (
+    <th
+      data-slot={!isEditable ? dataSlot : undefined}
+      className={cn(
+        'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
+        shouldApplyHeaderInteraction && 'cursor-pointer hover:bg-muted/50 select-none',
+        className,
+      )}
+      onClick={shouldApplyHeaderInteraction ? handleSort : undefined}
+      onMouseEnter={shouldApplyHeaderInteraction ? () => setIsHovered(true) : undefined}
+      onMouseLeave={shouldApplyHeaderInteraction ? () => setIsHovered(false) : undefined}
+      {...props}
+    >
+      <div className="flex items-center">
+        <span 
+          contentEditable={isEditable}
+          className={isEditable ? 'outline-none focus:bg-blue-50 px-1 rounded' : ''}
+          suppressContentEditableWarning={true}
+          onClick={isEditable ? (e) => e.stopPropagation() : undefined}
+          data-slot={isEditable ? dataSlot : undefined}
+        >
+          {children}
+        </span>
+        {sortable && (
+          <div 
+            className={cn(
+              "ml-1 flex-shrink-0 w-4",
+              isEditable && "cursor-pointer hover:bg-muted/30 rounded p-0.5 -m-0.5"
+            )}
+            onClick={isEditable ? (e) => {
+              e.stopPropagation();
+              handleSort();
+            } : undefined}
+            onMouseEnter={isEditable ? () => setIsHovered(true) : undefined}
+            onMouseLeave={isEditable ? () => setIsHovered(false) : undefined}
+          >
+            {getSortIcon()}
+          </div>
+        )}
+      </div>
+    </th>
+  );
+}
+
+function TableCell({ className, ...props }: React.ComponentProps<'td'>) {
+  return (
+    <td
+      data-slot="table-cell"
+      className={cn(
+        'p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function TableCaption({ className, ...props }: React.ComponentProps<'caption'>) {
+  return (
+    <caption
+      data-slot="table-caption"
+      className={cn('text-muted-foreground mt-4 text-sm', className)}
+      {...props}
+    />
+  );
+}
+
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableHeadSortable, TableRow, TableCell, TableCaption };

package/src/shadcn/components/ui/tabs.tsx

@@ -0,0 +1,55 @@
+'use client';
+
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+
+import { cn } from '../../utils';
+
+const Tabs = TabsPrimitive.Root;
+
+const TabsList = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.List>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.List
+    ref={ref}
+    className={cn(
+      'inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground',
+      className
+    )}
+    {...props}
+  />
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+
+const TabsTrigger = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      'inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow',
+      className
+    )}
+    {...props}
+  />
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+
+const TabsContent = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Content
+    ref={ref}
+    className={cn(
+      'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
+      className
+    )}
+    {...props}
+  />
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/src/shadcn/components/ui/textarea.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+import { cn } from '../../utils';
+
+function Textarea({ className, ...props }: React.ComponentProps<'textarea'>) {
+  return (
+    <textarea
+      data-slot="textarea"
+      className={cn(
+        'border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Textarea };

package/src/shadcn/components/ui/tooltip.tsx

@@ -0,0 +1,87 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { useEffect, useState } from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+
+import { cn } from '../../utils';
+
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
+  return (
+    <TooltipPrimitive.Provider
+      data-slot="tooltip-provider"
+      delayDuration={delayDuration}
+      {...props}
+    />
+  );
+}
+
+function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {
+  return (
+    <TooltipProvider>
+      <TooltipPrimitive.Root data-slot="tooltip" {...props} />
+    </TooltipProvider>
+  );
+}
+
+function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
+  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />;
+}
+
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Content>) {
+  const [container, setContainer] = useState(null);
+
+  useEffect(() => {
+    let timeout: null | NodeJS.Timeout = null;
+
+    function waitForElement() {
+      const iframe = document.querySelector('.gjs-frame');
+      const iframeDoc =
+        (iframe as any)?.contentDocument || (iframe as any)?.contentWindow?.document;
+      const dashboardRoot = iframeDoc.body;
+
+      if (!dashboardRoot) {
+        timeout = setTimeout(waitForElement, 100);
+      } else {
+        setContainer(dashboardRoot);
+      }
+    }
+
+    waitForElement();
+
+    return () => {
+      if (timeout) {
+        clearTimeout(timeout);
+      }
+    };
+  }, []);
+
+  if (!container) {
+    return null;
+  }
+
+  return (
+    <TooltipPrimitive.Portal container={container}>
+      <TooltipPrimitive.Content
+        data-slot="tooltip-content"
+        sideOffset={sideOffset}
+        className={cn(
+          'bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-[var(--radix-tooltip-content-transform-origin)] rounded-md px-3 py-1.5 text-xs',
+          className,
+        )}
+        {...props}
+      >
+        {children}
+        <TooltipPrimitive.Arrow className="fill-primary z-50 size-2.5 -translate-y-[2px] rounded-[2px]" />
+      </TooltipPrimitive.Content>
+    </TooltipPrimitive.Portal>
+  );
+}
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/src/shadcn/utils.ts

@@ -0,0 +1,6 @@
+import { clsx, ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

package/src/types/grapesjs-tailwind.d.ts

@@ -0,0 +1,61 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+declare module 'grapesjs-tailwind' {
+  import { Plugin } from 'grapesjs';
+
+  export type GrapesjsTailwindOptions = {
+    blocks?: boolean;
+    categories?: boolean;
+    classesViewerOptions?: {
+      appendTo?: string | HTMLElement;
+      open?: boolean;
+      showEmpty?: boolean;
+    };
+    config?: {
+      plugins?: any[];
+      presets?: any[];
+      theme?: Record<string, any>;
+      variants?: Record<string, any>;
+    };
+    customClasses?: string[];
+    customTailwindViewerCSS?: string;
+    gridDevicesPanel?: boolean;
+    importTailwind?: boolean;
+    includeLib?: boolean;
+    purgeCss?: boolean;
+    tailwindConfig?: string;
+    tailwindCssPath?: string;
+    tailwindExtendUi?: boolean;
+  };
+
+  // eslint-disable-next-line init-declarations
+  declare const grapesjsTailwind: Plugin<GrapesjsTailwindOptions>;
+  export default grapesjsTailwind;
+}
+
+declare module 'sherlockjs' {
+  type ParseResult = {
+    endDate?: Date;
+    eventTitle?: string;
+    isAllDay?: boolean;
+    startDate?: Date;
+  }
+
+  type Sherlock = {
+    parse(text: string): ParseResult;
+  }
+
+  // eslint-disable-next-line init-declarations
+  const sherlock: Sherlock;
+  export default sherlock;
+}
+
+declare module 'recharts/lib' {
+  export * from 'recharts';
+}
+
+declare module 'recharts/lib/util/DOMUtils' {
+  export function getOffset(el: HTMLElement): {
+    top: number;
+    left: number;
+  };
+}

package/src/types/images.d.ts

@@ -0,0 +1 @@
+declare module '*.gif';

package/tailwind.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+	plugins: [
+		require("tailwindcss-animate"),
+	],
+}

package/tooling/tailwind-compiler/index.js

@@ -0,0 +1,99 @@
+/*
+  THE SCRIPT NEEDS ATLEAST NODE 18.
+
+  This script is meant to compile the tailwind CSS for Canvas and store it in a CSS
+  file so that it can be used with GrapeJS.
+
+  To get a compiled CSS, do the following
+  - Add all the components/tailing CSS classes in your code.
+  - Once done, run the following command from packages/canvas to generate an output.css
+      DEBUG=true npx @tailwindcss/cli -i src/public/canvas.css -o src/public/output.css
+
+      For component level CSS, update the input and output path accordingly.
+  - Once output.css is ready, run this script to replace the compiled CSS in the `css.ts` file.
+    Remember to run yarn from the script directory to install all dependencies
+      node tooling/tailwind-compiler [--component=<component-name>]
+    This should be run from the root of the repository.
+  - Once done, commit both the files - output.css and css.ts, and you are done!
+  - If you want to generate a component specific CSS, use the --component flag.
+    For example, to generate table CSS, run:
+      node tooling/tailwind-compiler --component=table
+    This will read the input from `src/public/components-css/table/table-output.css`
+    and write the output to `src/helpers/table-css.ts`.
+*/
+
+const fs = require('fs');
+const postcss = require('postcss');
+const autoprefixer = require('autoprefixer');
+const postcssCustomProperties = require('postcss-custom-properties');
+
+const argv = process.argv.slice(2);
+
+const args = {};
+for (let i = 0; i < argv.length; i++) {
+  if (argv[i].startsWith('--')) {
+    // Handle both --key=value and --key value formats
+    const arg = argv[i].replace(/^--/, '');
+    if (arg.includes('=')) {
+      const [key, value] = arg.split('=');
+      args[key] = value;
+    } else {
+      const key = arg;
+      const value = argv[i + 1] && !argv[i + 1].startsWith('--') ? argv[++i] : true;
+      args[key] = value;
+    }
+  }
+}
+
+const PRESETS = {
+  generic: {
+    input: 'src/public/output.css',
+    output: 'src/helpers/css.ts',
+  },
+  table: {
+    input: 'src/public/components-css/table/table-output.css',
+    output: 'src/helpers/compiled-table.css',
+  },
+};
+
+const presetName = (args.component || 'generic').toLowerCase();
+const preset = PRESETS[presetName];
+
+// Read your raw CSS input
+const input = fs.readFileSync(preset.input, 'utf8');
+
+// Run PostCSS
+postcss([
+  {
+    postcssPlugin: 'remove-layer-components',
+    AtRule(atRule) {
+      console.log('IN');
+      if (atRule.name === 'layer' || atRule.name === 'media') {
+        let nodes = atRule.nodes;
+        if (!nodes) {
+          nodes = [];
+        }
+        atRule.replaceWith(nodes);
+      }
+    },
+  },
+  postcssCustomProperties({ preserver: false }),
+  autoprefixer,
+])
+  .process(input)
+  .then((result) => {
+    const css = presetName === 'table' ? result.css : result.css.replaceAll('\\', '\\\\')
+
+    const exportVarName =
+      presetName === 'generic'
+        ? 'tailwindCompiledCss'
+        : `tailwindCompiled${presetName.charAt(0).toUpperCase()}${presetName.slice(1)}Css`;
+
+    const fileContent = presetName === 'table' ? css : `export const ${exportVarName} = \`${css}\``;
+
+    fs.writeFileSync(preset.output, fileContent);
+    console.log('✅ CSS compiled to ' + preset.output);
+  })
+  .catch((error) => {
+    console.error('❌ Error compiling CSS:', error);
+  });

package/tooling/tailwind-compiler/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "canvas-tailwind-compiler",
+  "version": "1.0.0",
+  "main": "index.js",
+  "license": "MIT",
+  "devDependencies": {
+    "autoprefixer": "^10.4.21",
+    "postcss": "^8.5.3",
+    "postcss-custom-properties": "^14.0.4"
+  }
+}

package/tooling/tailwind-compiler/yarn.lock

@@ -0,0 +1,123 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@csstools/cascade-layer-name-parser@^2.0.4":
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/@csstools/cascade-layer-name-parser/-/cascade-layer-name-parser-2.0.4.tgz#64d128529397aa1e1c986f685713363b262b81b1"
+  integrity sha512-7DFHlPuIxviKYZrOiwVU/PiHLm3lLUR23OMuEEtfEOQTOp9hzQ2JjdY6X5H18RVuUPJqSCI+qNnD5iOLMVE0bA==
+
+"@csstools/css-parser-algorithms@^3.0.4":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.4.tgz#74426e93bd1c4dcab3e441f5cc7ba4fb35d94356"
+  integrity sha512-Up7rBoV77rv29d3uKHUIVubz1BTcgyUK72IvCQAbfbMv584xHcGKCKbWh7i8hPrRJ7qU4Y8IO3IY9m+iTB7P3A==
+
+"@csstools/css-tokenizer@^3.0.3":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@csstools/css-tokenizer/-/css-tokenizer-3.0.3.tgz#a5502c8539265fecbd873c1e395a890339f119c2"
+  integrity sha512-UJnjoFsmxfKUdNYdWgOB0mWUypuLvAfQPH1+pyvRJs6euowbFkFC6P13w1l8mJyi3vxYMxc9kld5jZEGRQs6bw==
+
+"@csstools/utilities@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/utilities/-/utilities-2.0.0.tgz#f7ff0fee38c9ffb5646d47b6906e0bc8868bde60"
+  integrity sha512-5VdOr0Z71u+Yp3ozOx8T11N703wIFGVRgOWbOZMKgglPJsWA54MRIoMNVMa7shUToIhx5J8vX4sOZgD2XiihiQ==
+
+autoprefixer@^10.4.21:
+  version "10.4.21"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.21.tgz#77189468e7a8ad1d9a37fbc08efc9f480cf0a95d"
+  integrity sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ==
+  dependencies:
+    browserslist "^4.24.4"
+    caniuse-lite "^1.0.30001702"
+    fraction.js "^4.3.7"
+    normalize-range "^0.1.2"
+    picocolors "^1.1.1"
+    postcss-value-parser "^4.2.0"
+
+browserslist@^4.24.4:
+  version "4.24.5"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.24.5.tgz#aa0f5b8560fe81fde84c6dcb38f759bafba0e11b"
+  integrity sha512-FDToo4Wo82hIdgc1CQ+NQD0hEhmpPjrZ3hiUgwgOG6IuTdlpr8jdjyG24P6cNP1yJpTLzS5OcGgSw0xmDU1/Tw==
+  dependencies:
+    caniuse-lite "^1.0.30001716"
+    electron-to-chromium "^1.5.149"
+    node-releases "^2.0.19"
+    update-browserslist-db "^1.1.3"
+
+caniuse-lite@^1.0.30001702, caniuse-lite@^1.0.30001716:
+  version "1.0.30001718"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001718.tgz#dae13a9c80d517c30c6197515a96131c194d8f82"
+  integrity sha512-AflseV1ahcSunK53NfEs9gFWgOEmzr0f+kaMFA4xiLZlr9Hzt7HxcSpIFcnNCUkz6R6dWKa54rUz3HUmI3nVcw==
+
+electron-to-chromium@^1.5.149:
+  version "1.5.155"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.155.tgz#809dd0ae9ae1db87c358e0c0c17c09a2ffc432d1"
+  integrity sha512-ps5KcGGmwL8VaeJlvlDlu4fORQpv3+GIcF5I3f9tUKUlJ/wsysh6HU8P5L1XWRYeXfA0oJd4PyM8ds8zTFf6Ng==
+
+escalade@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.2.0.tgz#011a3f69856ba189dffa7dc8fcce99d2a87903e5"
+  integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==
+
+fraction.js@^4.3.7:
+  version "4.3.7"
+  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.7.tgz#06ca0085157e42fda7f9e726e79fefc4068840f7"
+  integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==
+
+nanoid@^3.3.8:
+  version "3.3.11"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.11.tgz#4f4f112cefbe303202f2199838128936266d185b"
+  integrity sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==
+
+node-releases@^2.0.19:
+  version "2.0.19"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.19.tgz#9e445a52950951ec4d177d843af370b411caf314"
+  integrity sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==
+
+normalize-range@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
+  integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
+
+picocolors@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
+  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
+
+postcss-custom-properties@^14.0.4:
+  version "14.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-14.0.4.tgz#de9c663285a98833a946d7003a34369d3ce373a9"
+  integrity sha512-QnW8FCCK6q+4ierwjnmXF9Y9KF8q0JkbgVfvQEMa93x1GT8FvOiUevWCN2YLaOWyByeDX8S6VFbZEeWoAoXs2A==
+  dependencies:
+    "@csstools/cascade-layer-name-parser" "^2.0.4"
+    "@csstools/css-parser-algorithms" "^3.0.4"
+    "@csstools/css-tokenizer" "^3.0.3"
+    "@csstools/utilities" "^2.0.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-value-parser@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
+  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
+
+postcss@^8.5.3:
+  version "8.5.3"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.3.tgz#1463b6f1c7fb16fe258736cba29a2de35237eafb"
+  integrity sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==
+  dependencies:
+    nanoid "^3.3.8"
+    picocolors "^1.1.1"
+    source-map-js "^1.2.1"
+
+source-map-js@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46"
+  integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
+
+update-browserslist-db@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz#348377dd245216f9e7060ff50b15a1b740b75420"
+  integrity sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==
+  dependencies:
+    escalade "^3.2.0"
+    picocolors "^1.1.1"

package/tsconfig.build.json

@@ -0,0 +1,15 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "noEmit": false,
+    "emitDeclarationOnly": true
+  },
+  "exclude": [
+    "node_modules",
+    "**/*.stories.tsx",
+    "**/__tests__/*",
+    "**/*.test.ts",
+    "**/*.test.tsx",
+    "scripts"
+  ]
+}