@invopop/popui 0.0.1

package/dist/svg/IconPdf.svelte

@@ -0,0 +1,93 @@
+<script>export let classes = "";
+</script>
+
+<svg class={classes} viewBox="0 0 97 118" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g filter="url(#filter0_d_270_6201)">
+    <g filter="url(#filter1_b_270_6201)">
+      <rect x="20" y="18" width="57" height="79" rx="6" fill="white" />
+      <rect x="20" y="18" width="57" height="79" rx="6" fill="currentColor" fill-opacity="0.02" />
+      <rect
+        x="20.4"
+        y="18.4"
+        width="56.2"
+        height="78.2"
+        rx="5.6"
+        stroke="currentColor"
+        stroke-opacity="0.6"
+        stroke-width="0.8"
+      />
+    </g>
+    <rect
+      x="23.3"
+      y="21.3"
+      width="50.4"
+      height="72.4"
+      rx="3.7"
+      stroke="currentColor"
+      stroke-opacity="0.2"
+      stroke-width="0.6"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M28.9444 78.3333C28.9444 78.1186 29.1186 77.9444 29.3333 77.9444H32C32.2148 77.9444 32.3889 78.1186 32.3889 78.3333V81C32.3889 81.2148 32.2148 81.3889 32 81.3889H29.3333C29.1186 81.3889 28.9444 81.2148 28.9444 81V78.3333ZM29.3333 76.9444C28.5663 76.9444 27.9444 77.5663 27.9444 78.3333V81C27.9444 81.7671 28.5663 82.3889 29.3333 82.3889H32C32.7671 82.3889 33.3889 81.7671 33.3889 81V78.3333C33.3889 77.5663 32.7671 76.9444 32 76.9444H29.3333ZM35.6111 78.3333C35.6111 78.1186 35.7852 77.9444 36 77.9444H38.6667C38.8814 77.9444 39.0556 78.1186 39.0556 78.3333V81C39.0556 81.2148 38.8814 81.3889 38.6667 81.3889H36C35.7852 81.3889 35.6111 81.2148 35.6111 81V78.3333ZM36 76.9444C35.2329 76.9444 34.6111 77.5663 34.6111 78.3333V81C34.6111 81.7671 35.2329 82.3889 36 82.3889H38.6667C39.4337 82.3889 40.0556 81.7671 40.0556 81V78.3333C40.0556 77.5663 39.4337 76.9444 38.6667 76.9444H36ZM29.3333 84.6111C29.1186 84.6111 28.9444 84.7852 28.9444 85V87.6667C28.9444 87.8814 29.1186 88.0556 29.3333 88.0556H32C32.2148 88.0556 32.3889 87.8814 32.3889 87.6667V85C32.3889 84.7852 32.2148 84.6111 32 84.6111H29.3333ZM27.9444 85C27.9444 84.2329 28.5663 83.6111 29.3333 83.6111H32C32.7671 83.6111 33.3889 84.2329 33.3889 85V87.6667C33.3889 88.4337 32.7671 89.0556 32 89.0556H29.3333C28.5663 89.0556 27.9444 88.4337 27.9444 87.6667V85ZM30 79H31.3333V80.3333H30V79ZM38 79H36.6667V80.3333H38V79ZM30 85.6667H31.3333V87H30V85.6667ZM40.2222 87.8889H38.8889V86.5556H40.2222V85.2222H38.8889V83.8889H35.7778L35.7778 85.2222H34.4444V87.8889H35.7778V89.2222H37.5556V87.8889L38.8889 87.8889V89.2222H40.2222V87.8889ZM37.5556 87.8889L35.7778 87.8889L35.7778 85.2222H38.8889V86.5556H37.5556V87.8889Z"
+      fill="currentColor"
+    />
+    <rect x="28" y="27" width="19" height="2" rx="1" fill="currentColor" />
+    <rect x="28" y="31" width="13" height="2" rx="1" fill="currentColor" fill-opacity="0.4" />
+    <rect x="28" y="35" width="5" height="2" rx="1" fill="currentColor" fill-opacity="0.4" />
+    <rect x="28" y="44" width="41" height="2" rx="1" fill="currentColor" fill-opacity="0.2" />
+    <rect x="28" y="49" width="19" height="2" rx="1" fill="currentColor" />
+    <rect x="61" y="49" width="8" height="2" rx="1" fill="currentColor" fill-opacity="0.2" />
+    <rect x="64" y="54" width="5" height="2" rx="1" fill="currentColor" fill-opacity="0.2" />
+    <rect x="61" y="59" width="8" height="2" rx="1" fill="currentColor" fill-opacity="0.2" />
+    <rect x="28" y="54" width="16" height="2" rx="1" fill="currentColor" />
+    <rect x="28" y="59" width="24" height="2" rx="1" fill="currentColor" />
+  </g>
+  <defs>
+    <filter
+      id="filter0_d_270_6201"
+      x="0"
+      y="0"
+      width="97"
+      height="119"
+      filterUnits="userSpaceOnUse"
+      color-interpolation-filters="sRGB"
+    >
+      <feFlood flood-opacity="0" result="BackgroundImageFix" />
+      <feColorMatrix
+        in="SourceAlpha"
+        type="matrix"
+        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        result="hardAlpha"
+      />
+      <feOffset dy="2" />
+      <feGaussianBlur stdDeviation="10" />
+      <feColorMatrix
+        type="matrix"
+        values="0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0.04 0"
+      />
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_270_6201" />
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_270_6201" result="shape" />
+    </filter>
+    <filter
+      id="filter1_b_270_6201"
+      x="0"
+      y="-2"
+      width="97"
+      height="119"
+      filterUnits="userSpaceOnUse"
+      color-interpolation-filters="sRGB"
+    >
+      <feFlood flood-opacity="0" result="BackgroundImageFix" />
+      <feGaussianBlur in="BackgroundImageFix" stdDeviation="10" />
+      <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_270_6201" />
+      <feBlend
+        mode="normal"
+        in="SourceGraphic"
+        in2="effect1_backgroundBlur_270_6201"
+        result="shape"
+      />
+    </filter>
+  </defs>
+</svg>

package/dist/svg/IconPdf.svelte.d.ts

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        classes?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type IconPdfProps = typeof __propDef.props;
+export type IconPdfEvents = typeof __propDef.events;
+export type IconPdfSlots = typeof __propDef.slots;
+export default class IconPdf extends SvelteComponent<IconPdfProps, IconPdfEvents, IconPdfSlots> {
+}
+export {};

package/dist/svg/IconProduct.svelte

@@ -0,0 +1,105 @@
+<script>export let classes = "";
+</script>
+
+<svg class={classes} viewBox="0 0 97 117" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g filter="url(#filter0_d_286_643)">
+    <g filter="url(#filter1_b_286_643)">
+      <rect x="20" y="18" width="57" height="79" rx="6" fill="white" />
+      <rect x="20" y="18" width="57" height="79" rx="6" fill="currentColor" fill-opacity="0.02" />
+      <rect
+        x="20.4"
+        y="18.4"
+        width="56.2"
+        height="78.2"
+        rx="5.6"
+        stroke="currentColor"
+        stroke-opacity="0.6"
+        stroke-width="0.8"
+      />
+    </g>
+    <rect
+      x="23.3"
+      y="21.3"
+      width="50.4"
+      height="72.4"
+      rx="3.7"
+      stroke="currentColor"
+      stroke-opacity="0.2"
+      stroke-width="0.6"
+    />
+    <rect x="28" y="45" width="19" height="2" rx="1" fill="currentColor" />
+    <rect x="28" y="68" width="15" height="2" rx="1" fill="currentColor" />
+    <rect x="59" y="50" width="10" height="2" rx="1" fill="currentColor" />
+    <rect x="57" y="73" width="12" height="2" rx="1" fill="currentColor" />
+    <rect x="55" y="54" width="14" height="2" rx="1" fill="currentColor" />
+    <rect x="55" y="77" width="14" height="2" rx="1" fill="currentColor" />
+    <rect x="59" y="58" width="10" height="2" rx="1" fill="currentColor" />
+    <rect x="57" y="62" width="12" height="2" rx="1" fill="currentColor" />
+    <rect x="61" y="81" width="8" height="2" rx="1" fill="currentColor" />
+    <rect x="28" y="50" width="16" height="2" rx="1" fill="currentColor" fill-opacity="0.2" />
+    <rect x="28" y="73" width="12" height="2" rx="1" fill="currentColor" fill-opacity="0.2" />
+    <rect x="28" y="54" width="11" height="2" rx="1" fill="currentColor" fill-opacity="0.2" />
+    <rect x="28" y="77" width="16" height="2" rx="1" fill="currentColor" fill-opacity="0.2" />
+    <rect x="28" y="58" width="14" height="2" rx="1" fill="currentColor" fill-opacity="0.2" />
+    <rect x="28" y="81" width="18" height="2" rx="1" fill="currentColor" fill-opacity="0.2" />
+    <rect x="28" y="62" width="16" height="2" rx="1" fill="currentColor" fill-opacity="0.2" />
+    <path
+      d="M36.8056 29.8889H34.0833V32.0278C34.0833 32.3498 33.822 32.6111 33.5 32.6111C33.178 32.6111 32.9167 32.3498 32.9167 32.0278V29.8889H30.1944C29.0146 29.8889 28.0556 30.8479 28.0556 32.0278V36.3056C28.0556 37.4855 29.0146 38.4445 30.1944 38.4445H36.8056C37.9854 38.4445 38.9444 37.4855 38.9444 36.3056V32.0278C38.9444 30.8479 37.9854 29.8889 36.8056 29.8889ZM32.1389 36.5H30.5833C30.2613 36.5 30 36.2387 30 35.9167C30 35.5947 30.2613 35.3334 30.5833 35.3334H32.1389C32.4609 35.3334 32.7222 35.5947 32.7222 35.9167C32.7222 36.2387 32.4609 36.5 32.1389 36.5Z"
+      fill="currentColor"
+    />
+    <path
+      d="M32.9167 27.1667H31.3541C30.5359 27.1667 29.8017 27.6225 29.4377 28.3559L29.167 28.9027C29.4921 28.7954 29.8336 28.723 30.1945 28.723H32.9167V27.1667Z"
+      fill="currentColor"
+    />
+    <path
+      d="M37.5623 28.3551C37.1983 27.6225 36.4641 27.1667 35.6459 27.1667H34.0833V28.7222H36.8056C37.1664 28.7222 37.5079 28.7946 37.8338 28.9019L37.5631 28.3551H37.5623Z"
+      fill="currentColor"
+    />
+  </g>
+  <defs>
+    <filter
+      id="filter0_d_286_643"
+      x="0"
+      y="0"
+      width="97"
+      height="119"
+      filterUnits="userSpaceOnUse"
+      color-interpolation-filters="sRGB"
+    >
+      <feFlood flood-opacity="0" result="BackgroundImageFix" />
+      <feColorMatrix
+        in="SourceAlpha"
+        type="matrix"
+        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        result="hardAlpha"
+      />
+      <feOffset dy="2" />
+      <feGaussianBlur stdDeviation="10" />
+      <feColorMatrix
+        type="matrix"
+        values="0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0.04 0"
+      />
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_286_643" />
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_286_643" result="shape" />
+    </filter>
+    <filter
+      id="filter1_b_286_643"
+      x="0"
+      y="-2"
+      width="97"
+      height="119"
+      filterUnits="userSpaceOnUse"
+      color-interpolation-filters="sRGB"
+    >
+      <feFlood flood-opacity="0" result="BackgroundImageFix" />
+      <feGaussianBlur in="BackgroundImageFix" stdDeviation="10" />
+      <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_286_643" />
+      <feBlend
+        mode="normal"
+        in="SourceGraphic"
+        in2="effect1_backgroundBlur_286_643"
+        result="shape"
+      />
+    </filter>
+  </defs>
+</svg>

package/dist/svg/IconProduct.svelte.d.ts

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        classes?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type IconProductProps = typeof __propDef.props;
+export type IconProductEvents = typeof __propDef.events;
+export type IconProductSlots = typeof __propDef.slots;
+export default class IconProduct extends SvelteComponent<IconProductProps, IconProductEvents, IconProductSlots> {
+}
+export {};

package/dist/tw.theme.d.ts

@@ -0,0 +1,135 @@
+declare namespace _default {
+    namespace extend {
+        namespace fontSize {
+            let xl: string[];
+            let lg: string[];
+            let base: string[];
+            let sm: string[];
+        }
+        let spacing: {
+            1.25: string;
+            18: string;
+            128: string;
+        };
+        let borderRadius: {
+            xl: string;
+            '2xl': string;
+        };
+        namespace minWidth {
+            let dropdown: string;
+        }
+        namespace colors {
+            namespace workspace {
+                let accent: {
+                    DEFAULT: string;
+                    50: string;
+                    100: string;
+                    200: string;
+                    500: string;
+                };
+            }
+            let positive: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+            };
+            let danger: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+            };
+            let neutral: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+            };
+            let sherwood: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+            };
+            let warning: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+            };
+            let white: {
+                DEFAULT: string;
+                5: string;
+                10: string;
+                20: string;
+                30: string;
+                40: string;
+                50: string;
+                60: string;
+                70: string;
+                80: string;
+                90: string;
+            };
+            let yellow: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+            };
+            let blue: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+            };
+            let red: {
+                50: string;
+                100: string;
+                500: string;
+            };
+            let purple: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+            };
+        }
+        namespace boxShadow {
+            let active: string;
+        }
+        namespace letterSpacing {
+            let tightest: string;
+            let tighter: string;
+            let tight: string;
+            let normal: string;
+            let wide: string;
+        }
+        namespace fontFamily {
+            let sans: string[];
+            let mono: string[];
+        }
+    }
+}
+export default _default;

package/dist/tw.theme.js

@@ -0,0 +1,152 @@
+export default {
+  extend: {
+    fontSize: {
+      xl: ['20px', '28px'],
+      lg: ['16px', '24px'],
+      base: ['14px', '20px'],
+      sm: ['12px', '16px']
+    },
+
+    spacing: {
+      1.25: '5px',
+      18: '4.5rem',
+      128: '32rem'
+    },
+
+    borderRadius: {
+      xl: '0.625rem',
+      '2xl': '12px'
+    },
+
+    minWidth: {
+      dropdown: '175px'
+    },
+
+    colors: {
+      workspace: {
+        accent: {
+          DEFAULT: 'var(--workspace-accent-color, #169958)',
+          50: 'color-mix(in lab, transparent 95%, var(--workspace-accent-color, #169958))',
+          100: 'color-mix(in lab, transparent 90%, var(--workspace-accent-color, #169958))',
+          200: 'color-mix(in lab, transparent 80%, var(--workspace-accent-color, #169958))',
+          500: 'var(--workspace-accent-color, #169958)'
+        }
+      },
+      positive: {
+        50: 'rgba(2, 144, 98, 0.05)',
+        100: 'rgba(2, 144, 98, 0.1)',
+        200: 'rgba(2, 144, 98, 0.2)',
+        300: 'rgba(2, 144, 98, 0.3)',
+        400: 'rgba(2, 144, 98, 0.4)',
+        500: '#029062'
+      },
+      danger: {
+        50: 'rgba(201, 45, 69, 0.05)',
+        100: 'rgba(201, 45, 69, 0.1)',
+        200: 'rgba(201, 45, 69, 0.2)',
+        300: 'rgba(201, 45, 69, 0.3)',
+        400: 'rgba(201, 45, 69, 0.4)',
+        500: '#C92D45'
+      },
+      neutral: {
+        50: '#F9FAFB',
+        100: '#F3F4F6',
+        200: '#E5E7EB',
+        300: '#D1D5DB',
+        400: '#9CA3AF',
+        500: '#6B7280',
+        600: '#4B5563',
+        700: '#1F2937',
+        800: '#030712'
+      },
+      sherwood: {
+        50: 'rgba(25, 65, 54, 0.05)',
+        100: 'rgba(25, 65, 54, 0.1)',
+        200: 'rgba(25, 65, 54, 0.2)',
+        300: 'rgba(25, 65, 54, 0.3)',
+        400: 'rgba(25, 65, 54, 0.4)',
+        500: '#194136',
+        600: '#15372D',
+        700: '#112C25'
+      },
+      warning: {
+        50: 'rgba(222, 99, 19, 0.05)',
+        100: 'rgba(222, 99, 19, 0.1)',
+        200: 'rgba(222, 99, 19, 0.2)',
+        300: 'rgba(222, 99, 19, 0.3)',
+        400: 'rgba(222, 99, 19, 0.4)',
+        500: '#DE6313'
+      },
+      white: {
+        DEFAULT: '#FFFFFF',
+        5: 'rgba(255, 255, 255, 0.05)',
+        10: 'rgba(255, 255, 255, 0.1)',
+        20: 'rgba(255, 255, 255, 0.2)',
+        30: 'rgba(255, 255, 255, 0.3)',
+        40: 'rgba(255, 255, 255, 0.4)',
+        50: 'rgba(255, 255, 255, 0.5)',
+        60: 'rgba(255, 255, 255, 0.6)',
+        70: 'rgba(255, 255, 255, 0.7)',
+        80: 'rgba(255, 255, 255, 0.8)',
+        90: 'rgba(255, 255, 255, 0.9)'
+      },
+      yellow: {
+        50: 'rgba(215, 135, 0, 0.05)',
+        100: 'rgba(215, 135, 0, 0.1)',
+        200: 'rgba(215, 135, 0, 0.2)',
+        300: 'rgba(215, 135, 0, 0.3)',
+        400: 'rgba(215, 135, 0, 0.4)',
+        500: '#D78700'
+      },
+      blue: {
+        50: 'rgba(0, 101, 183, 0.05)',
+        100: 'rgba(0, 101, 183, 0.1)',
+        200: 'rgba(0, 101, 183, 0.2)',
+        300: 'rgba(0, 101, 183, 0.3)',
+        400: 'rgba(0, 101, 183, 0.4)',
+        500: '#0065B7'
+      },
+      red: {
+        50: 'rgba(255, 33, 22, 0.05)',
+        100: 'rgba(255, 33, 22, 0.1)',
+        500: 'rgba(255, 33, 22, 1)'
+      },
+      purple: {
+        50: 'rgba(136, 74, 190, 0.05)',
+        100: 'rgba(136, 74, 190, 0.1)',
+        200: 'rgba(136, 74, 190, 0.2)',
+        300: 'rgba(136, 74, 190, 0.3)',
+        400: 'rgba(136, 74, 190, 0.4)',
+        500: '#884ABE'
+      }
+    },
+
+    boxShadow: {
+      active:
+        '0px 0px 0px 2px color-mix(in lab, transparent 88%, var(--workspace-accent-color, #169958))'
+    },
+
+    letterSpacing: {
+      tightest: '-0.567px',
+      tighter: '-0.304px',
+      tight: '-0.07px',
+      normal: '-0.039px',
+      wide: '0.055px'
+    },
+
+    fontFamily: {
+      sans: ['Inter', 'sans-serif'],
+      mono: [
+        'CommitMono',
+        'ui-monospace',
+        'Menlo',
+        'Monaco',
+        'Consolas',
+        '"Ubuntu Mono"',
+        '"Roboto Mono"',
+        '"DejaVu Sans Mono"',
+        'monospace'
+      ]
+    }
+  }
+}

package/dist/types.d.ts

@@ -0,0 +1,128 @@
+import type { IconSource } from '@steeze-ui/svelte-icon';
+export type IconTheme = 'default' | 'solid' | 'mini';
+export type IconPosition = 'right' | 'left';
+export type ButtonVariant = 'default' | 'primary' | 'secondary' | 'danger' | 'dark';
+export type StatusType = 'grey' | 'green' | 'yellow' | 'red' | 'orange' | 'blue' | 'purple' | 'empty';
+export type AnyProp = string | number | object | boolean;
+export type SidebarIcon = {
+    path: string;
+    icon: IconSource;
+    title: string;
+    iconTheme: IconTheme;
+};
+export type Status = 'success' | 'warning' | 'error';
+export type SelectOption = {
+    label: string;
+    value: AnyProp;
+};
+export type DrawerOption = SelectOption & {
+    footer?: boolean;
+    destructive?: boolean;
+    selected?: boolean;
+    icon?: IconSource | undefined;
+    rightIcon?: IconSource | undefined;
+    country?: string;
+    color?: StatusType;
+    picture?: string;
+};
+export type Company = {
+    id: string;
+    slug: string;
+    name: string;
+    country?: string;
+    logo_url?: string;
+};
+export type FeedEvent = {
+    status: {
+        label: string;
+        type: StatusType;
+    };
+    date: Date;
+    code?: string;
+    message?: string;
+};
+export type MenuItemProps = {
+    label?: string;
+    isFolderItem?: boolean;
+    collapsable?: boolean;
+    open?: boolean;
+    url?: string;
+    active?: boolean;
+    icon?: IconSource | string;
+    iconTheme?: IconTheme;
+    children?: MenuItemProps[];
+    collapsedSidebar?: boolean;
+};
+export type FeedItemStatus = 'success' | 'failure' | 'run' | 'queued' | 'alert' | 'skip' | 'signed';
+export type FeedItemUser = {
+    name: string;
+    picture?: string;
+};
+export type FeedItemProps = {
+    status?: FeedItemStatus;
+    icon?: IconSource;
+    title?: string;
+    date?: Date;
+    hasNext?: boolean;
+    slug?: string;
+    viewable?: boolean;
+    viewableText?: string;
+    type?: string;
+    user?: FeedItemUser;
+    extraText?: string;
+};
+export type Badge = {
+    label: string;
+    status: StatusType;
+    dot?: boolean;
+};
+export type TableDataRow = {
+    [key: string]: unknown;
+};
+export type TableAction = {
+    icon?: IconSource;
+    label: string;
+    slug: string;
+    footer?: boolean;
+    destructive?: boolean;
+    value?: AnyProp;
+};
+export type TableSortBy = '' | 'asc' | 'desc';
+export type TableActionProp = undefined | ((data: TableDataRow) => TableAction[]);
+export type TableGroupLabelProp = undefined | ((data: TableDataRow) => string);
+export type TableGroup = {
+    label: string;
+    rows: TableDataRow[];
+};
+export type TableIcon = string | IconSource;
+export type TableField = {
+    headerLabel: string;
+    slug: string;
+    sortable?: boolean;
+    fullWidth?: boolean;
+    grayed?: boolean;
+    formatter?: (data: TableDataRow) => string | number;
+    helperBadge?: (data: TableDataRow) => Badge | null;
+    helperStatus?: (data: TableDataRow) => FeedItemStatus | null;
+    helperIcons?: (data: TableDataRow) => TableIcon[];
+    monospaced?: boolean;
+    monospacedNums?: boolean;
+    rightAlign?: boolean;
+    isCountry?: boolean;
+    copy?: boolean;
+    width?: string;
+    status?: boolean;
+    noPadding?: boolean;
+};
+export type TabItem = {
+    label: string;
+    slug: string;
+    counter?: number;
+    check?: boolean;
+    warning?: boolean;
+};
+export type EmptyStateIcon = 'invoices' | 'contacts' | 'products' | 'pdf' | 'file' | 'no-results';
+export type DataListItem = {
+    label: string;
+    value: string;
+};

package/dist/types.js

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

package/dist/wcdispatch.d.ts

@@ -0,0 +1 @@
+export declare const dispatchWcEvent: (rootEl: EventTarget | null, name: string, detail?: unknown) => void;

package/dist/wcdispatch.js

@@ -0,0 +1,9 @@
+export const dispatchWcEvent = (rootEl, name, detail = null) => {
+    if (!rootEl)
+        return;
+    rootEl.dispatchEvent(new CustomEvent(name, {
+        detail,
+        bubbles: true,
+        composed: true // propagate across the shadow DOM
+    }));
+};