@overmap-ai/forms 1.0.15 → 1.0.17-master.0

package/.husky/pre-commit

@@ -0,0 +1,6 @@
+branch="$(git rev-parse --abbrev-ref HEAD)"
+if [ "$branch" = "master" ]; then
+  >&2 echo "WARNING! YOU ARE COMMITTING DIRECTLY TO MASTER!"
+fi
+
+yarn lint:fix || exit 1

package/.prettierrc.json

@@ -0,0 +1,10 @@
+{
+	"printWidth": 120,
+	"singleQuote": false,
+	"semi": false,
+	"useTabs": true,
+	"tabWidth": 4,
+	"trailingComma": "all",
+	"bracketSpacing": true,
+	"endOfLine": "auto"
+}

package/.storybook/StoryDecorator.tsx

@@ -0,0 +1,22 @@
+import { Provider, ToastProvider } from "@overmap-ai/blocks"
+import { ReactRenderer } from "@storybook/react"
+import type { DecoratorFunction } from "@storybook/types"
+import { FC } from "react"
+
+import { FileViewerProvider } from "../src"
+
+export const StoryDecorator: DecoratorFunction<ReactRenderer> = (Story) => {
+	const StoryComponent = Story as FC
+	return (
+		// <Provider store={storyStore}>
+		<Provider accentColor="primary">
+			<FileViewerProvider>
+				<ToastProvider>
+					<div className="h-full w-full p-5">
+						<StoryComponent />
+					</div>
+				</ToastProvider>
+			</FileViewerProvider>
+		</Provider>
+	)
+}

package/.storybook/main.ts

@@ -0,0 +1,20 @@
+import type { StorybookConfig } from "@storybook/react-vite"
+
+const config: StorybookConfig = {
+	stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+	addons: [
+		"@storybook/addon-essentials",
+		"@chromatic-com/storybook",
+		"@storybook/addon-interactions",
+		"@storybook/addon-themes",
+		"@storybook/addon-viewport",
+		"@storybook/addon-a11y",
+	],
+	framework: {
+		name: "@storybook/react-vite",
+		options: {
+			strictMode: true,
+		},
+	},
+}
+export default config

package/.storybook/palettes/green.css

@@ -0,0 +1,66 @@
+@import "@radix-ui/colors/green.css";
+@import "@radix-ui/colors/green-alpha.css";
+@import "@radix-ui/colors/green-dark.css";
+@import "@radix-ui/colors/green-dark-alpha.css";
+
+:root {
+    --green-contrast: white;
+}
+
+:root,
+.light,
+.light-theme {
+    --green-surface: #f1faf4cc;
+    --green-indicator: var(--green-9);
+    --green-track: var(--green-9);
+    @supports (color: color(display-p3 1 1 1)) {
+        @media (color-gamut: p3) {
+            --green-surface: color(display-p3 0.9569 0.9804 0.9608 / 0.8);
+        }
+    }
+}
+
+.dark,
+.dark-theme {
+    --green-surface: #15251d80;
+    --green-indicator: var(--green-9);
+    --green-track: var(--green-9);
+    @supports (color: color(display-p3 1 1 1)) {
+        @media (color-gamut: p3) {
+            --green-surface: color(display-p3 0.0941 0.1412 0.1098 / 0.5);
+        }
+    }
+}
+
+[data-accent-color="success"] {
+    --accent-1: var(--green-1);
+    --accent-2: var(--green-2);
+    --accent-3: var(--green-3);
+    --accent-4: var(--green-4);
+    --accent-5: var(--green-5);
+    --accent-6: var(--green-6);
+    --accent-7: var(--green-7);
+    --accent-8: var(--green-8);
+    --accent-9: var(--green-9);
+    --accent-10: var(--green-10);
+    --accent-11: var(--green-11);
+    --accent-12: var(--green-12);
+
+    --accent-a1: var(--green-a1);
+    --accent-a2: var(--green-a2);
+    --accent-a3: var(--green-a3);
+    --accent-a4: var(--green-a4);
+    --accent-a5: var(--green-a5);
+    --accent-a6: var(--green-a6);
+    --accent-a7: var(--green-a7);
+    --accent-a8: var(--green-a8);
+    --accent-a9: var(--green-a9);
+    --accent-a10: var(--green-a10);
+    --accent-a11: var(--green-a11);
+    --accent-a12: var(--green-a12);
+
+    --accent-contrast: var(--green-contrast);
+    --accent-surface: var(--green-surface);
+    --accent-indicator: var(--green-indicator);
+    --accent-track: var(--green-track);
+}

package/.storybook/palettes/red.css

@@ -0,0 +1,66 @@
+@import "@radix-ui/colors/red.css";
+@import "@radix-ui/colors/red-alpha.css";
+@import "@radix-ui/colors/red-dark.css";
+@import "@radix-ui/colors/red-dark-alpha.css";
+
+:root {
+    --red-contrast: white;
+}
+
+:root,
+.light,
+.light-theme {
+    --red-surface: #fff5f5cc;
+    --red-indicator: var(--red-9);
+    --red-track: var(--red-9);
+    @supports (color: color(display-p3 1 1 1)) {
+        @media (color-gamut: p3) {
+            --red-surface: color(display-p3 0.9961 0.9647 0.9647 / 0.8);
+        }
+    }
+}
+
+.dark,
+.dark-theme {
+    --red-surface: #2f151780;
+    --red-indicator: var(--red-9);
+    --red-track: var(--red-9);
+    @supports (color: color(display-p3 1 1 1)) {
+        @media (color-gamut: p3) {
+            --red-surface: color(display-p3 0.1647 0.0863 0.0863 / 0.5);
+        }
+    }
+}
+
+[data-accent-color="danger"] {
+    --accent-1: var(--red-1);
+    --accent-2: var(--red-2);
+    --accent-3: var(--red-3);
+    --accent-4: var(--red-4);
+    --accent-5: var(--red-5);
+    --accent-6: var(--red-6);
+    --accent-7: var(--red-7);
+    --accent-8: var(--red-8);
+    --accent-9: var(--red-9);
+    --accent-10: var(--red-10);
+    --accent-11: var(--red-11);
+    --accent-12: var(--red-12);
+
+    --accent-a1: var(--red-a1);
+    --accent-a2: var(--red-a2);
+    --accent-a3: var(--red-a3);
+    --accent-a4: var(--red-a4);
+    --accent-a5: var(--red-a5);
+    --accent-a6: var(--red-a6);
+    --accent-a7: var(--red-a7);
+    --accent-a8: var(--red-a8);
+    --accent-a9: var(--red-a9);
+    --accent-a10: var(--red-a10);
+    --accent-a11: var(--red-a11);
+    --accent-a12: var(--red-a12);
+
+    --accent-contrast: var(--red-contrast);
+    --accent-surface: var(--red-surface);
+    --accent-indicator: var(--red-indicator);
+    --accent-track: var(--red-track);
+}

package/.storybook/preview.css

@@ -0,0 +1,39 @@
+@import "tailwindcss";
+@import "@radix-ui/colors/white-alpha.css";
+@import "@radix-ui/colors/black-alpha.css";
+@import "./tailwind-theme/backgrounds.css";
+@import "./tailwind-theme/accentPalette.css";
+@import "./tailwind-theme/basePalette.css";
+@import "./palettes/green.css";
+@import "./palettes/red.css";
+
+@config "../tailwind.config.ts";
+
+html, body {
+	width: 100vw;
+	height: 100vh;
+	background-color: var(--color-background) !important;
+}
+
+:root {
+	color: var(--base-12)
+}
+
+/* Show code button */
+.docs-story > div:nth-child(2) {
+	/* Stop the button from appearing above the dialog overlay */
+	z-index: 0;
+}
+
+/* For story background to match body background */
+.docs-story {
+	background-color: var(--color-background);
+}
+
+.toast-viewport {
+	position: absolute;
+	right: 0;
+	display: flex;
+	flex-direction: column;
+	gap: 5px;
+}

package/.storybook/preview.tsx

@@ -0,0 +1,31 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-expect-error
+import "./preview.css"
+
+import { withThemeByClassName } from "@storybook/addon-themes"
+import type { Preview } from "@storybook/react"
+
+import { StoryDecorator } from "./StoryDecorator"
+
+const preview: Preview = {
+	parameters: {
+		controls: {
+			matchers: {
+				color: /(background|color)$/i,
+				date: /Date$/i,
+			},
+		},
+	},
+	decorators: [
+		withThemeByClassName({
+			themes: {
+				light: "light",
+				dark: "dark",
+			},
+			defaultTheme: "light",
+		}),
+		StoryDecorator,
+	],
+}
+
+export default preview

package/.storybook/tailwind-theme/accentPalette.css

@@ -0,0 +1,181 @@
+:root,
+.light,
+.light-theme {
+    --blue-1: #f2f4f8;
+    --blue-2: #eaeff9;
+    --blue-3: #dde8fe;
+    --blue-4: #cee0ff;
+    --blue-5: #bdd4ff;
+    --blue-6: #aac6ff;
+    --blue-7: #91b3fa;
+    --blue-8: #6d98f7;
+    --blue-9: #2a437b;
+    --blue-10: #3a548e;
+    --blue-11: #365db6;
+    --blue-12: #1d356b;
+
+    --blue-a1: #36387b04;
+    --blue-a2: #0c4ee50c;
+    --blue-a3: #d7e5ffcc;
+    --blue-a4: #cee0ff;
+    --blue-a5: #bdd4ff;
+    --blue-a6: #aac6ff;
+    --blue-a7: #0352fa69;
+    --blue-a8: #004df58e;
+    --blue-a9: #011e62d4;
+    --blue-a10: #00226dc3;
+    --blue-a11: #0032a3c7;
+    --blue-a12: #001b58e1;
+
+    --blue-contrast: #fff;
+    --blue-surface: #e7eef9cc;
+    --blue-indicator: #2a437b;
+    --blue-track: #2a437b;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+    @media (color-gamut: p3) {
+        :root,
+        .light,
+        .light-theme {
+            --blue-1: oklch(96.7% 0.0063 264.2);
+            --blue-2: oklch(95.2% 0.0136 264.2);
+            --blue-3: oklch(93% 0.0316 264.2);
+            --blue-4: oklch(90.4% 0.0508 264.2);
+            --blue-5: oklch(86.9% 0.0687 264.2);
+            --blue-6: oklch(82.6% 0.0864 264.2);
+            --blue-7: oklch(76.9% 0.1093 264.2);
+            --blue-8: oklch(69.2% 0.1483 264.2);
+            --blue-9: oklch(39.3% 0.0998 264.2);
+            --blue-10: oklch(45.4% 0.0998 264.2);
+            --blue-11: oklch(49.9% 0.1483 264.2);
+            --blue-12: oklch(34.1% 0.0998 264.2);
+
+            --blue-a1: color(display-p3 0.0588 0.0667 0.3804 / 0.013);
+            --blue-a2: color(display-p3 0.0078 0.2039 0.7922 / 0.041);
+            --blue-a3: color(display-p3 0.7451 0.8235 1 / 0.4);
+            --blue-a4: color(display-p3 0.6078 0.7373 1 / 0.4);
+            --blue-a5: color(display-p3 0 0.2627 1 / 0.2);
+            --blue-a6: color(display-p3 0.0039 0.2863 0.9804 / 0.286);
+            --blue-a7: color(display-p3 0.0039 0.2588 0.9216 / 0.38);
+            --blue-a8: color(display-p3 0 0.2431 0.9059 / 0.519);
+            --blue-a9: color(display-p3 0 0.0863 0.3412 / 0.805);
+            --blue-a10: color(display-p3 0 0.102 0.3882 / 0.739);
+            --blue-a11: color(display-p3 0 0.1529 0.5922 / 0.743);
+            --blue-a12: color(display-p3 0 0.0784 0.3059 / 0.858);
+
+            --blue-contrast: #fff;
+            --blue-surface: color(display-p3 0.9137 0.9333 0.9725 / 0.8);
+            --blue-indicator: oklch(39.3% 0.0998 264.2);
+            --blue-track: oklch(39.3% 0.0998 264.2);
+        }
+    }
+}
+
+
+
+
+.dark,
+.dark-theme {
+    --blue-1: #1b202b;
+    --blue-2: #1c2330;
+    --blue-3: #213051;
+    --blue-4: #253967;
+    --blue-5: #2b4377;
+    --blue-6: #334d85;
+    --blue-7: #3b5897;
+    --blue-8: #4364ae;
+    --blue-9: #446cc8;
+    --blue-10: #4061ab;
+    --blue-11: #93b6fe;
+    --blue-12: #d5e2fc;
+
+    --blue-a1: #0033f80d;
+    --blue-a2: #0055f713;
+    --blue-a3: #1e6cfc39;
+    --blue-a4: #2c70fd52;
+    --blue-a5: #397bfe64;
+    --blue-a6: #4784ff74;
+    --blue-a7: #508afe89;
+    --blue-a8: #568bfea3;
+    --blue-a9: #4f84fec1;
+    --blue-a10: #5289ff9f;
+    --blue-a11: #94b7fffe;
+    --blue-a12: #d8e5fffc;
+
+    --blue-contrast: #fff;
+    --blue-surface: #17274080;
+    --blue-indicator: #446cc8;
+    --blue-track: #446cc8;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+    @media (color-gamut: p3) {
+        .dark,
+        .dark-theme {
+            --blue-1: oklch(24.3% 0.0223 264.2);
+            --blue-2: oklch(25.5% 0.0272 264.2);
+            --blue-3: oklch(31.3% 0.0625 264.2);
+            --blue-4: oklch(35.4% 0.0841 264.2);
+            --blue-5: oklch(39.1% 0.0943 264.2);
+            --blue-6: oklch(42.7% 0.0998 264.2);
+            --blue-7: oklch(46.8% 0.1085 264.2);
+            --blue-8: oklch(51.5% 0.1238 264.2);
+            --blue-9: oklch(55.1% 0.1496 264.2);
+            --blue-10: oklch(50.5% 0.1238 264.2);
+            --blue-11: oklch(77.8% 0.1112 264.2);
+            --blue-12: oklch(91.1% 0.0386 264.2);
+
+            --blue-a1: color(display-p3 0 0.2118 1 / 0.045);
+            --blue-a2: color(display-p3 0 0.3529 0.9922 / 0.068);
+            --blue-a3: color(display-p3 0.1882 0.4392 1 / 0.211);
+            --blue-a4: color(display-p3 0.2353 0.4431 1 / 0.305);
+            --blue-a5: color(display-p3 0.2863 0.4902 1 / 0.373);
+            --blue-a6: color(display-p3 0.3451 0.5255 1 / 0.435);
+            --blue-a7: color(display-p3 0.3765 0.5529 0.9961 / 0.512);
+            --blue-a8: color(display-p3 0.3882 0.5569 1 / 0.615);
+            --blue-a9: color(display-p3 0.3686 0.5333 1 / 0.727);
+            --blue-a10: color(display-p3 0.3804 0.549 1 / 0.601);
+            --blue-a11: color(display-p3 0.6196 0.7294 1 / 0.969);
+            --blue-a12: color(display-p3 0.8588 0.902 1 / 0.978);
+
+            --blue-contrast: #fff;
+            --blue-surface: color(display-p3 0.098 0.149 0.2431 / 0.5);
+            --blue-indicator: oklch(55.1% 0.1496 264.2);
+            --blue-track: oklch(55.1% 0.1496 264.2);
+        }
+    }
+}
+
+[data-accent-color="primary"] {
+    --accent-1: var(--blue-1);
+    --accent-2: var(--blue-2);
+    --accent-3: var(--blue-3);
+    --accent-4: var(--blue-4);
+    --accent-5: var(--blue-5);
+    --accent-6: var(--blue-6);
+    --accent-7: var(--blue-7);
+    --accent-8: var(--blue-8);
+    --accent-9: var(--blue-9);
+    --accent-10: var(--blue-10);
+    --accent-11: var(--blue-11);
+    --accent-12: var(--blue-12);
+
+    --accent-a1: var(--blue-a1);
+    --accent-a2: var(--blue-a2);
+    --accent-a3: var(--blue-a3);
+    --accent-a4: var(--blue-a4);
+    --accent-a5: var(--blue-a5);
+    --accent-a6: var(--blue-a6);
+    --accent-a7: var(--blue-a7);
+    --accent-a8: var(--blue-a8);
+    --accent-a9: var(--blue-a9);
+    --accent-a10: var(--blue-a10);
+    --accent-a11: var(--blue-a11);
+    --accent-a12: var(--blue-a12);
+
+    --accent-contrast: var(--blue-contrast);
+    --accent-surface: var(--blue-surface);
+    --accent-indicator: var(--blue-indicator);
+    --accent-track: var(--blue-track);
+}

package/.storybook/tailwind-theme/backgrounds.css

@@ -0,0 +1,11 @@
+:root,
+.light,
+.light-theme {
+    --color-background: #f5f7fa;
+}
+
+.dark,
+.dark-theme {
+    --color-background: #221f20;
+}
+

package/.storybook/tailwind-theme/basePalette.css

@@ -0,0 +1,178 @@
+:root,
+.light,
+.light-theme {
+    --base-1: #f4f4f4;
+    --base-2: #efefef;
+    --base-3: #e6e6e6;
+    --base-4: #ddd;
+    --base-5: #d6d6d6;
+    --base-6: #cdcdcd;
+    --base-7: #c2c2c2;
+    --base-8: #afafaf;
+    --base-9: #808080;
+    --base-10: #767676;
+    --base-11: #595959;
+    --base-12: #1f1f1f;
+
+    --base-a1: #d18a2007;
+    --base-a2: #764e110c;
+    --base-a3: #3f290815;
+    --base-a4: #2a1b041e;
+    --base-a5: #20140225;
+    --base-a6: #180f012e;
+    --base-a7: #150e043a;
+    --base-a8: #0e09014d;
+    --base-a9: #0705027d;
+    --base-a10: #06040087;
+    --base-a11: #040302a5;
+    --base-a12: #010101e0;
+
+    --base-contrast: #FFFFFF;
+    --base-surface: #ffffffcc;
+    --base-indicator: #808080;
+    --base-track: #808080;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+    @media (color-gamut: p3) {
+        :root,
+        .light,
+        .light-theme {
+            --base-1: oklch(96.6% 0 none);
+            --base-2: oklch(95.2% 0 none);
+            --base-3: oklch(92.4% 0 none);
+            --base-4: oklch(89.9% 0 none);
+            --base-5: oklch(87.5% 0 none);
+            --base-6: oklch(84.9% 0 none);
+            --base-7: oklch(81.3% 0 none);
+            --base-8: oklch(75.3% 0 none);
+            --base-9: oklch(59.9% 0 none);
+            --base-10: oklch(56.4% 0 none);
+            --base-11: oklch(46.2% 0 none);
+            --base-12: oklch(24% 0 none);
+
+            --base-a1: color(display-p3 0.8 0.4784 0 / 0.024);
+            --base-a2: color(display-p3 0.4275 0.2588 0 / 0.044);
+            --base-a3: color(display-p3 0.2275 0.1373 0 / 0.08);
+            --base-a4: color(display-p3 0.149 0.0902 0 / 0.116);
+            --base-a5: color(display-p3 0.1176 0.0706 0 / 0.144);
+            --base-a6: color(display-p3 0.0902 0.051 0 / 0.18);
+            --base-a7: color(display-p3 0.0706 0.0431 0 / 0.224);
+            --base-a8: color(display-p3 0.0431 0.0314 0 / 0.3);
+            --base-a9: color(display-p3 0.0235 0.0157 0 / 0.488);
+            --base-a10: color(display-p3 0.0157 0.0078 0 / 0.528);
+            --base-a11: color(display-p3 0.0118 0.0078 0 / 0.644);
+            --base-a12: color(display-p3 0.0039 0 0 / 0.876);
+
+            --base-contrast: #FFFFFF;
+            --base-surface: color(display-p3 1 1 1 / 80%);
+            --base-indicator: oklch(59.9% 0 none);
+            --base-track: oklch(59.9% 0 none);
+        }
+    }
+}
+
+.dark,
+.dark-theme {
+    --base-1: #202020;
+    --base-2: #272727;
+    --base-3: #2f2f2f;
+    --base-4: #353535;
+    --base-5: #3b3b3b;
+    --base-6: #444;
+    --base-7: #505050;
+    --base-8: #676767;
+    --base-9: #727272;
+    --base-10: #7e7e7e;
+    --base-11: #b5b5b5;
+    --base-12: #eee;
+
+    --base-a1: #009f2002;
+    --base-a2: #a2ebd30a;
+    --base-a3: #d1f6ea13;
+    --base-a4: #dcf7ee1a;
+    --base-a5: #eafff820;
+    --base-a6: #ecfbf62b;
+    --base-a7: #f3fffb38;
+    --base-a8: #f9fffd52;
+    --base-a9: #f9fefd5f;
+    --base-a10: #fafdfc6d;
+    --base-a11: #fefffeab;
+    --base-a12: #feffffec;
+
+    --base-contrast: #FFFFFF;
+    --base-surface: rgba(0, 0, 0, 0.05);
+    --base-indicator: #727272;
+    --base-track: #727272;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+    @media (color-gamut: p3) {
+        .dark,
+        .dark-theme {
+            --base-1: oklch(24.3% 0 none);
+            --base-2: oklch(27.2% 0 none);
+            --base-3: oklch(30.7% 0 none);
+            --base-4: oklch(33% 0 none);
+            --base-5: oklch(35.4% 0 none);
+            --base-6: oklch(38.5% 0 none);
+            --base-7: oklch(43% 0 none);
+            --base-8: oklch(51.4% 0 none);
+            --base-9: oklch(55.2% 0 none);
+            --base-10: oklch(59.3% 0 none);
+            --base-11: oklch(77.3% 0 none);
+            --base-12: oklch(94.8% 0 none);
+
+            --base-a1: color(display-p3 0 0.9098 0.1294 / 0.005);
+            --base-a2: color(display-p3 0.7843 0.9961 0.8902 / 0.036);
+            --base-a3: color(display-p3 0.8941 0.9961 0.9451 / 0.072);
+            --base-a4: color(display-p3 0.9255 0.9961 0.9608 / 0.099);
+            --base-a5: color(display-p3 0.9451 1 0.9725 / 0.125);
+            --base-a6: color(display-p3 0.9529 0.9961 0.9765 / 0.166);
+            --base-a7: color(display-p3 0.9725 1 0.9882 / 0.219);
+            --base-a8: color(display-p3 0.9843 1 0.9922 / 0.322);
+            --base-a9: color(display-p3 0.9882 1 0.9961 / 0.371);
+            --base-a10: color(display-p3 0.9882 1 0.9961 / 0.425);
+            --base-a11: color(display-p3 0.9961 1 0.9961 / 0.67);
+            --base-a12: color(display-p3 1 1 1 / 0.925);
+
+            --base-contrast: #FFFFFF;
+            --base-surface: color(display-p3 0 0 0 / 5%);
+            --base-indicator: oklch(55.2% 0 none);
+            --base-track: oklch(55.2% 0 none);
+        }
+    }
+}
+
+[data-accent-color="base"] {
+    --accent-1: var(--base-1);
+    --accent-2: var(--base-2);
+    --accent-3: var(--base-3);
+    --accent-4: var(--base-4);
+    --accent-5: var(--base-5);
+    --accent-6: var(--base-6);
+    --accent-7: var(--base-7);
+    --accent-8: var(--base-8);
+    --accent-9: var(--base-9);
+    --accent-10: var(--base-10);
+    --accent-11: var(--base-11);
+    --accent-12: var(--base-12);
+
+    --accent-a1: var(--base-a1);
+    --accent-a2: var(--base-a2);
+    --accent-a3: var(--base-a3);
+    --accent-a4: var(--base-a4);
+    --accent-a5: var(--base-a5);
+    --accent-a6: var(--base-a6);
+    --accent-a7: var(--base-a7);
+    --accent-a8: var(--base-a8);
+    --accent-a9: var(--base-a9);
+    --accent-a10: var(--base-a10);
+    --accent-a11: var(--base-a11);
+    --accent-a12: var(--base-a12);
+
+    --accent-contrast: var(--base-contrast);
+    --accent-surface: var(--base-surface);
+    --accent-indicator: var(--base-indicator);
+    --accent-track: var(--base-track);
+}

package/dev/publish-alpha.sh

@@ -0,0 +1,13 @@
+#!/usr/bin/env bash
+
+BRANCH_NAME=$(git rev-parse --abbrev-ref HEAD)
+
+# error if there is no branch name
+if [ -z "$BRANCH_NAME" ]; then
+  echo "No branch name found"
+  exit 1
+fi
+
+# preid with the branch name so that we can publish multiple alpha versions
+# from different branches
+(npm version prerelease --preid "$BRANCH_NAME" && npm run build && npm publish --access private --tag alpha) || read -r -n 1 -p "Press any key to continue"

package/dev/publish-patch.sh

@@ -0,0 +1,3 @@
+#!/usr/bin/env bash
+
+(npm version patch && npm run build && npm publish --access private) || read -r -n 1 -p "Press any key to continue"

package/dist/ColorPicker/ColorPicker.d.ts

@@ -0,0 +1,10 @@
+import { CSSColor } from '@overmap-ai/core';
+import { ReactElement } from 'react';
+interface ColorPickerProps {
+    selectedColor: CSSColor | null;
+    allColors: CSSColor[];
+    onFinish: (color: CSSColor) => void;
+    trigger: ReactElement;
+}
+export declare const ColorPicker: import('react').MemoExoticComponent<(props: ColorPickerProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/ColorPicker/index.d.ts

@@ -0,0 +1 @@
+export * from './ColorPicker';

package/dist/FileBadge/FileBadge.d.ts

@@ -0,0 +1,7 @@
+import { BadgeProps } from '@overmap-ai/blocks';
+export interface FileBadgeProps extends Omit<BadgeProps, "children"> {
+    file: File;
+    truncateLength?: number;
+    hideName?: boolean;
+}
+export declare const FileBadge: import('react').MemoExoticComponent<(props: FileBadgeProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/FileBadge/index.d.ts

@@ -0,0 +1 @@
+export * from './FileBadge';